/*  
ä½œè€…ï¼šæ–°é²œäºº
åœ°å€ï¼šhttp://www.htmlit.com.cn
é‚®ç®±ï¼šservice@htmlit.com.cn
     htmlit@live.com
*/
@charset "utf-8";

body { padding:0; margin:0; font-family:"å¾®è½¯é›…é»‘", "å®‹ä½“", "Trebuchet MS", Tahoma, Arial, sans-serif; color:#222222; font-size: 12px; line-height: 20px; background: #f0f0f0;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin:0; padding:0;}
table {border-collapse:collapse;}
a { text-decoration: none; color: #333333;}
a:hover { color:#A3D0F2; text-decoration: none;}
ul { padding:0; margin:0;}
li { list-style-type: none;}
img { border: none;}
.clear { clear: both;}
/*ä¸»è¦æ¡†æž¶*/
#headerbg { height:120px; background:#5EAAE4;} 
#content { width:980px; padding:20px 0; margin:0 auto; background: url(images/sidebar.png) repeat-y right top;}
#main { float:left; width:720px;}
#sidebar { float:right; width:240px; background:#E0E1E2; overflow:hidden;margin-left: 20px;}
#footer { width:980px; margin:0 auto; color:#FFFFFF; background: #5EAAE4 url(images/foot.png) no-repeat right top;}
/*ç½‘ç«™é¡¶éƒ¨*/
#headerbg .header { width:980px; height:65px; padding-top:35px; margin:0 auto; color:#FFFFFF;}
.header h1 { font-size:23px; line-height:30px;}
.header h3 { font-size:14px; line-height:24px; font-weight:normal;}
.header a { color:#FFFFFF;}
.logo { float:left;}
/*å¯¼èˆª*/
.nevbarbg { width:100%; height:40px; background:#A3D0F2;}
.navbar { width:980px; height:40px; line-height:40px; margin:0 auto; background:#A3D0F2; overflow:hidden;}
.navbar ul li { float:left; font-size:16px; padding:0 20px 0 0;}
.navbar ul li a { display:block; float:left; padding:0 10px; color:#333333;}
.navbar ul li a:hover{ background:#FFFFFF; color:#5EAAE4;} 
.navbar ul li a.on{background:#5EAAE4;color:#fff;}
/*æœç´¢æ¡†*/
.search { float:right; height: 40px; width: 240px; padding-top:10px;}
#edtSearch { float:left; width:160px; padding:6px 10px; border:1px solid #FFFFFF;}
#btnPost { float:left; background:#A3D0F2; border:none; width:50px; height:30px; font-weight:bold; color:#FFFFFF;}
/*ä¸»è¦å†…å®¹*/
.post { font-size:14px; margin-bottom:30px; word-break:break-all;}
.post h2 { font-size:16px; line-height:20px; margin-bottom:10px; color:#5EAAE4;}
.post h4 { font-size:15px; line-height:20px; margin-bottom:10px; }
.post a { color:#5EAAE4;}
.post a:hover { color:#A3D0F2; text-decoration: none;}
.post_r { float:left; width:670px;}
.post_body { width:640px; background:#FFFFFF; padding:15px; line-height:22px; margin-bottom:5px;}
.post_content { min-height:30px;}
.post_content img { 
   max-width:640px;  /*IE7,Firefox*/ 
   width: expression(this.width > 640 ? 640: true);   /*IE6*/ 
}
.post_content p { margin-bottom:10px;}
.post_content ul,.post_content ol{margin-left:3em;	list-style-position : outside;}
.post_content li{	list-style-type:inherit;}
.post_content li p{ margin:5px 0;}
.post_tags { padding:10px 0;}
.post_info { height:30px; line-height:30px; text-align:right; margin-top:10px;}
/**/
.post_time { float: left ; width:40px; height:85px; padding:10px 5px; overflow:hidden; text-align:center; color:#FFFFFF; background: #5EAAE4 url(images/icon/time_right.png) no-repeat  right  bottom;}
.post_time h5 { font-size:26px; line-height:28px; }
.post_time h6 { font-size:10px; line-height:12px; font-weight:normal;}
.post_fu { float:left; width:40px; height:40px; padding:5px 5px; background: #5EAAE4 url(images/icon/fu_right.png) no-repeat right bottom;}
/**/
.postistop {margin-bottom:15px; }
.postistop .post_time{ height:32px; line-height:40px; margin-bottom:10px; background: #5EAAE4 url(images/icon/up_right.png) no-repeat left top;}
.postistop h2 { font-size:18px;margin-bottom: 2px;}
/*tagcloud*/
.tags-cloud .tag-name{margin:0 5px;line-height: 1.2;}
.tags-cloud .tag-name-size-0{font-size: 1.1em;}
.tags-cloud .tag-name-size-1{font-size: 1.4em;}
.tags-cloud .tag-name-size-2{font-size: 1.7em;}
.tags-cloud .tag-name-size-3{font-size: 2.1em;}
.tags-cloud .tag-name-size-4{font-size: 2.6em;}
.tags-cloud .tag-name-size-5{font-size: 3.2em;}
.tags-cloud .tag-name-size-6{font-size: 3.9em;}
.tags-cloud .tag-name-size-7{font-size: 4.6em;}
/*ä¸Šä¸€ç¯‡ä¸‹ä¸€ç¯‡*/
.post_nav { padding:5px 15px; height:22px; background:#FFFFFF; margin-bottom:5px;}
.post_nav a { color:#5EAAE4;}
.l { float:left;}
.r { float:right;}
/*ç›¸å…³æ–‡ç« */
.mutuality { padding:15px; background:#FFFFFF; margin-bottom:5px;}
.mutuality_title { font-weight:bold; height:28px; line-height:28px;}
.mutuality_body { padding:0px 5px;}
.mutuality_body p { line-height:24px; background:url(images/li.jpg) no-repeat left 10px; padding-left:10px;}
/*ä¾§æ ä¸»ä½“*/
.function { float:left; width:240px; margin-bottom:15px; background: url(images/function_tbg.png) repeat-x left bottom;}
.function_t { float:left; width:210px; height:24px; line-height:24px; padding-bottom:5px; font-size:15px; padding-left:30px; font-weight:bold; color:#5EAAE4;}
.function_c { float:left; width:200px; padding:5px 10px 15px 30px;}
.function_c ul li { line-height:24px; margin-bottom:2px;}
/*å›¾æ ‡*/
#divContorPanel .function_t { background: url(images/icon/ContorPanel.png) no-repeat 10px 5px;} /*æŽ§åˆ¶é¢æ¿*/
#divCatalog .function_t { background: url(images/icon/Catalog.png) no-repeat 10px 5px;} /*ç½‘ç«™åˆ†ç±»*/
#divComments .function_t { background: url(images/icon/Comments.png) no-repeat 10px 5px;} /*æœ€æ–°è¯„è®ºåŠå›žå¤*/
#divArchives .function_t { background: url(images/icon/Archives.png) no-repeat 10px 5px;} /*æ–‡ç« å½’æ¡£*/
#divFavorites .function_t { background: url(images/icon/Favorites.png) no-repeat 10px 5px;} /*ç½‘ç«™æ”¶è—*/
#divLinkage .function_t { background: url(images/icon/Linkage.png) no-repeat 10px 5px;} /*å‹æƒ…é“¾æŽ¥*/
#divMisc .function_t { background: url(images/icon/Misc.png) no-repeat 10px 5px;} /*å›¾æ ‡æ±‡é›†*/
#divStatistics .function_t { background: url(images/icon/Statistics.png) no-repeat 10px 5px;} /*ç«™ç‚¹ç»Ÿè®¡*/
#divAuthors .function_t { background: url(images/icon/Authors.png) no-repeat 10px 5px;} /*ä½œè€…åˆ—è¡¨*/
#divPrevious .function_t { background: url(images/icon/Previous.png) no-repeat 10px 5px;} /*æœ€æ–°æ–‡ç« */
#divTags .function_t { background: url(images/icon/Tags.png) no-repeat 10px 5px;} /*æ ‡ç­¾äº‘é›†*/
#divSearchPanel .function_t { background: url(images/icon/Search.png) no-repeat 10px 5px;} /*æœç´¢*/
/*æ–°ç‰ˆè¡¨æ ¼æ—¥åŽ†*/
#divCalendar .function_t { display:none;}
#divCalendar .function_c { width:232px; padding:0 4px 15px 4px;}
#divCalendar table{width:100%; table-layout:fixed}
#divCalendar caption{ text-align:center; height:24px; margin:0; padding:0; font-size:12px; font-weight:bold;}
#divCalendar caption a { padding:0 20px;}
#divCalendar th{background: #A3D0F2;color: #FFFFFF;text-transform: uppercase;border:1px solid #E0E1E2;height:26px}
#divCalendar td{text-align:center;background:#F0F0F0;border:1px solid #E0E1E2;height:30px;}
#divCalendar td.pad{background:none}
#divCalendar td a{display:block;line-height:30px;background:#5EAAE4; color:#FFFFFF;}
#today{font-weight:bold;}/*è¿™ä¸ªtodayçœŸçš„ä¸è¯¥æœ‰ï¼*/
/*ä¾§è¾¹æœç´¢*/
#divSearchPanel  input[type="text"]{ float:left; width:110px; padding:5px 10px; border:1px solid #FFFFFF;}
#divSearchPanel  input[type="submit"]{ float:left; background:#5EAAE4; border:none; width:50px; height:28px; font-weight:bold;color:#FFFFFF;}
/*ä¾§è¾¹åˆ†ç±»*/
#divCatalog .li-subcate { padding-left:15px; background:url(images/li-subcate.png) no-repeat left top;}
#divComments li,divPrevious li{ white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
/*è¯„è®ºåˆ—è¡¨*/
.commentlist { padding:0 15px; background:#FFFFFF;}
.commentlist h4{ margin-top:15px;}
.commentlist .msg { margin-top:10px; border-top:1px solid #CCCCCC; padding:5px 0 0 0;}
.commentlist .msg .msgimg { float:left; width:48px; height:48px; padding-top:5px;}
.commentlist .msg .msgimg .avatar { width:48px; height:48px;}
.commentlist .msg .msgtxt { width:100%; float:right; margin-left:-60px;}
.commentlist .msg .msgtxt .msgtxtbogy { margin-left:60px;}
.commentlist .msg .msgtxt .msgname { height:24px; line-height:24px;}
.commentlist .msg .msgtxt .msgname span { font-size:12px; color:#999999;}
.commentlist .msg .msgtxt .msgarticle { padding:5px 0;}

.commentlist .msg .msgarticle .msg { font-size:12px;}
.commentlist .msg .msgarticle .msg .msgimg { width:32px; height:32px;}
.commentlist .msg .msgarticle .msg .msgimg .avatar { width:32px; height:32px;}
.commentlist .msg .msgarticle .msg .msgtxt { width:100%; float:right; margin-left:-40px;}
.commentlist .msg .msgarticle .msg .msgtxt .msgtxtbogy { margin-left:40px;}
.commentlist .msg .msgarticle .msg .dot { display:none;}
/*å›žå¤å›¾æ ‡*/
/*.commentlist .msg .msgarticle .msg .revcount{ width:15px; height:15px;;background: url(images/li-subcate.png) no-repeat left top;}*/

/*å‘å¸ƒè¯„è®º*/
.commentpost { padding:15px; background:#FFFFFF; margin-bottom:10px;}
.commentpost p { margin-bottom:10px;}.commentpost img{ margin-bottom: -6px;}
li.msgarticle div.quote{ margin:10px 0 0 0; padding:10px; background:#FFFFFF; border:1px solid #F4F4F4;}
li.msgarticle div.quote-title{ margin:0; padding:0; font-size:1em; color:#CC0000;}
.commentpost input { width:200px; padding:6px 10px; border:1px solid #CCCCCC;}
.commentpost #txaArticle{ padding:5px; width:95%; border:1px solid #CCCCCC;background:none;}
.button { background:#5EAAE4; border:none; width:100px; height:30px; font-weight:bold; color:#FFFFFF; }
#cancel-reply{float:right;margin-right: 2em;}
/*åˆ†é¡µ*/
.pagebar { padding:0; text-align:right;}
.pagebar span.page{ color:#FFFFFF; padding:2px 8px; background:#5EAAE4; margin:4px;}
.pagebar span.now-page { color:#5EAAE4; padding:2px 8px; font-weight:bold; background:#FFFFFF; margin:5px;}
/*ç½‘ç«™åº•éƒ¨*/
.copyright { float:left; width:800px; }
.copyright a { color:#A3D0F2;}
#goTopBtn { float:right; width:120px; height:80px; cursor:pointer;}
#goTopBtn a { display:block; width:120px; height:80px;}
#goTopBtn span { display:none;}

/*æ–°æ ·å¼*/
/*é¦–é¡µ ä¸‰ç±»*/
.info-1{
	width: 280px;
    float: left;
    margin-top: 60px;
	margin-right: 70px;
    padding-right: 20px;
    height: 170px;
}

.info-1 .info-title,.info-2 .info-title ,.info-3 .info-title{
    display: block;
	border-bottom:#dcdedd 1px solid;
	line-height:30px;
}

.info-1 .info-title .i-t,.info-2 .info-title .i-t,.info-3 .info-title .i-t {
    display: block;
    font-size: 24px;
    font-family: 'WK-font',"Microsoft YaHei";
    float: left;
    color: #666666;
}

.info-1 .info-title .i-m ,.info-2 .info-title .i-m,.info-3 .info-title .i-m{
    display: block;
    font-size: 14px;
    float: right;
    margin-top: 5px;
}

.info-1 .info-title .i-m a,.info-2 .info-title .i-m a,.info-3 .info-title .i-m a{
    font-size: 16px;
	color: #666666;
    text-decoration: none;
    font-family: 'WK-font',"Microsoft YaHei";
}

.info-1 .info-list,.info-2 .info-list {
    display: block;
}

.info-1 .info-list li {
    height: 28px;
    line-height: 28px;
    color: #9da3b3;
	list-style:square;
}

.info-1 .info-list li a,.info-2 .info-list li a {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #9b9b9b;
    text-decoration: none;
}

.info-2 {
    width: 280px;
    float: left;
    margin-top: 60px;
    padding-right: 20px;
    height: 170px;
	margin-right: 70px;
}

.info-2 .info-list li {
    height: 28px;
    line-height: 28px;
    color: #9da3b3;
	list-style:square;
}

.info-3 {
    width: 280px;
    float: left;
    margin-top: 60px;
    height: 170px;
}

.info-3 img{
	width:90px;
	height:60px;
}

.info-3 .li2{
	list-style:square;
	line-height:28px;
	color: #9b9b9b;
}

.info-3 .li2 a{
	color: #9b9b9b;
}

.info-3 .info-title {
    display: block;
    margin-bottom: 10px;
}

.info-3 .m-pic {
    display: block;
    float: left;
    margin-top: 5px;
}

.info-3 .m-text {
    display: block;
    float: right;
    padding: 5px;
    font-size: 12px;
    color: #9b9b9b;
    width: 170px;
    line-height: 26px;
}

.xqhref {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    color: #1091e3;
    text-decoration: none;
}

/*é¦–é¡µ ä¸­é—´ç±»å®¹*/
#zm-main{
	width:100%;
}





