/*°øÅë*/
#jiahn_kit .content_title {  text-align:center;display:table;margin:20px auto;  } 
#jiahn_kit .content_title h2{  font-size:2.4em; line-height:130%; font-weight:600;color:#656768;  } 
#jiahn_kit .cat_title {  font-size:1.2em;color:#a1a0a0;  } 


#jiahn_kit .content_mycate_area{
margin-top:15px;
margin-bottom:15px;
padding: 0px 10px;
border: 1px solid #E1E1E1;border-radius:3px;
background-color: #f8f8f8;
}


 /* °øÅë¾È³»Ä«Å×°í¸® */
#jiahn_kit .cate_map {
    margin-top:40px;
	margin-bottom:40px;
}
#jiahn_kit .cate_map > ul{
margin:0 auto;
display:table;
}
#jiahn_kit .cate_map > ul:after{
display: block;
clear: both;
content: '';
}
#jiahn_kit .cate_map > ul > li{
float: left;
}
#jiahn_kit .cate_map > ul > li > a{
display: block;
cursor:pointer;
overflow: hidden;
margin: 1px;
padding: 10px;
border: 1px solid #E1E1E1;
background-color: #FFFFFF;
font-size: 14px;
line-height: 1.5em;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}

#jiahn_kit .cate_map > ul > li > a:hover{
background-color: #efefef;
}

#jiahn_kit .cate_map > ul > li.on > a{
border: 1px solid #FF0033;
background-color: #FF3300;
color: #FFFFFF;
}

#jiahn_kit .ct_color{
color: #FFFFFF;
}

#jiahn_kit .ct_color_over:hover{
border: 1px solid #0E8689;
background-color: #0E8689;
color: #FFFFFF;
}

#jiahn_kit .cate_map > ul > li > a:hover{
transition: all 0.2s linear;
}

#jiahn_kit .cate_map > ul > li i{
font-size: 18px; 
}

#jiahn_kit .jiahn_content, img{
   max-width:100%;
}


/* »çÀüµî·Ï */

#jiahn_kit .jiahn_title{ clear:both;display:table;width:100%;padding-top:10px;margin-bottom:10px;}
#jiahn_kit .jiahn_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.4em; font-weight:600;}
#jiahn_kit .jiahn_pointer {color:#1F88E5; }

#jiahn_kit .jiahn_wrap table {width:100%; margin-top:20px; border-collapse:collapse;}

#jiahn_kit .jiahn_wrap table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
#jiahn_kit .jiahn_wrap table tr:last-child {border-bottom:1px solid #e1e1e1}

#jiahn_kit .jiahn_wrap table tr th {font-size:1em; background:#f9f9f9; padding:10px 0;}
#jiahn_kit .jiahn_wrap table tr th:first-child {border-right:1px solid #e1e1e1}

#jiahn_kit .jiahn_wrap table tr td {font-size:1em;padding:10px;border-right:1px solid #e1e1e1 }
#jiahn_kit .jiahn_wrap table tr td:last-child { border-right:0px }

#jiahn_kit .jiahn_wrap table tr td input{ height:28px;font-size:9pt;border:1px solid silver }


/*¹ßÇ¥ÀÚ·á µî·Ï */

#jiahn_kit .jiahn_wrap_chat table {width:100%;  border-collapse:collapse;}

#jiahn_kit .jiahn_wrap_chat table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
#jiahn_kit .jiahn_wrap_chat table tr:last-child {border-bottom:1px solid #e1e1e1}

#jiahn_kit .jiahn_wrap_chat table tr th {font-size:1em; background:#f9f9f9; padding:10px 0;}
#jiahn_kit .jiahn_wrap_chat table tr th:first-child {border-right:1px solid #e1e1e1}

#jiahn_kit .jiahn_wrap_chat table tr td {font-size:1em;padding:10px;border-right:1px solid #e1e1e1 }
#jiahn_kit .jiahn_wrap_chat table tr td:last-child { border-right:0px }

#jiahn_kit .jiahn_wrap_chat table tr td input{ height:28px;font-size:9pt;border:1px solid silver }


#jiahn_kit .jiahn_chat_wrap {
 width:100%;
 height:250px;
 background:#bdd1dc;
 padding:20px;
 overflow:auto;
 }
#jiahn_kit .jiahn_chat_line {
width:100%;display:table;margin-top:10px;margin-bottom:10px;
 }
#jiahn_kit .jiahn_chat_line .delete { color:red }
#jiahn_kit .jiahn_chat {
 background:#fff;padding:10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;    
border-bottom-left-radius: 10px;
}
#jiahn_kit .tdclass1 { float:left;width:50%;padding:20px;background:#fff }
#jiahn_kit .tdclass2 { float:left;width:50%;padding:20px;background:#fff }
#jiahn_kit .date_chat { font-size:0.8em }

#jiahn_kit #btn-chat { cursor:pointer;background:#f7f7f7 }


@media screen and (max-width:680px) {
#jiahn_kit .tdclass1 { width:100%;padding:20px;background:#fff }
#jiahn_kit .tdclass2 { width:100%;padding:20px;background:#fff }
}