@charset "utf-8";
body{background-color:#efefef;color:#555;min-width:960px}
a,a:link{color:#000;text-decoration:none}
a:active,a:visited{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
.content{width:940px;margin:0 auto}
.content>h2{margin:-20px 0 20px 0}
.hr{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;margin:20px 0 40px;clear:both;height:2px}
.arrow-right{background:url("../images/icon.png") 0 -64px no-repeat;float:left;height:38px;width:14px}
input[type='button']{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#000;background-image:linear-gradient(top, #333, #000);background-image:-moz-linear-gradient(top, #333, #000);background-image:-ms-linear-gradient(top, #333, #000);background-image:-o-linear-gradient(top, #333, #000);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#000));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');border:1px solid #000;color:#fff;margin:15px 0 0 200px;padding:7px 13px;height:auto}
input[type='button']:hover{background-color:#333;background-image:linear-gradient(top, #333, #212121);background-image:-moz-linear-gradient(top, #333, #212121);background-image:-ms-linear-gradient(top, #333, #212121);background-image:-o-linear-gradient(top, #333, #212121);background-image:-webkit-gradient(linear, left top, left bottom, from(#333), to(#212121));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#212121')}
.marginBottom40{margin-bottom:40px}
.header-user{background-color:#dedede;padding-top:1px}
.header-navi{background:url("../images/icon.png") 0 -130px repeat-x #333;margin-bottom:50px}
a.header-title{color:#fff;text-decoration:none;line-height:49px;font:bold 35px/53px '微软雅黑,Arial,Helvetica'}
.sub-title{color:#9bc4ce;margin-left:10px}
.header-navi-main .tabs{list-style:none;height:57px}
.header-navi-main .tab{float:left;font-size:16px;margin-left:1px;height:57px}
.header-navi-main .tab:hover{background:url("../images/icon.png") repeat-x scroll 0 -130px #9bc4ce}
#header-pages{position:relative}
.header-navi-main .tab a{color:#fff;display:block;font-weight:bold;line-height:22px;padding:19px 16px 16px;text-decoration:none}
#header-pages:hover .sub-tabs{left:0;list-style:none;position:absolute;top:57px;display:block}
.header-navi-main .sub-tab{background-color:#9bc4ce;border-bottom:1px solid #76a0aa;border-top:1px solid #b4d9e2;margin-left:0}
.header-navi-main .sub-tab a{min-width:98px;padding:0 16px;line-height:42px;font-size:14px}
.header-navi-main .sub-tab:hover{background-color:#76a0aa}
.article-header{color:#9f9f9f;float:left;font-size:12px;padding-top:15px;width:180px}
.article-header ul{background-color:#333;list-style:none;width:160px}
.article-header ul li{background:url("../images/indentline.png") repeat-x scroll left bottom transparent;font-weight:bold;padding:7px 15px 8px;margin-left:0}
.article-header ul li a{color:#fff;display:block}
.article-main{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-right:20px;padding:20px 20px 0;width:499px;float:left;overflow:hidden}
.article-body{line-height:145%}
.article-body a{color:#075181}
.article-body a:hover{color:#68add5}
.article-main h2.title{font:bold 30px Arial,Helvetica,sans-serif;margin:0 0 20px}
.article-main h2.title sup{font-size:12px}
.read-more a{background-color:#f2f2f2;color:#333;font-size:12px;padding:8px 18px 8px 12px;margin:20px 0;float:left}
.article-footer{width:200px;float:left}
.article-footer h3{background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent;font-size:17px;padding:25px 0 10px}
.article-footer ul{list-style:none}
.article-footer li{margin-left:0;border-bottom:1px solid #e0e0e0;padding:8px 5px}
.article-footer a{color:#888;margin-bottom:2px;display:block}
.pagination{background-color:#fff;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;margin:0 0 20px 181px;text-align:center;padding:12px 20px;width:499px}
.pagination a{color:#555;padding:0 3px;text-decoration:none}
.pagination a.selected{font-weight:bold}
.pagination a:hover,.pagination a.selected{text-decoration:underline}
.article-detail-body{width:716px;margin-right:0}
.article-detail-body .tags,#replyForm{margin:20px 0}
.article-detail-footer{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin:40px 0 40px 181px;padding:20px;width:716px}
.article-detail-footer>a{font-weight:bold}
.article-relative{margin-top:20px;width:360px}
.article-relative h4{font-size:14px;line-height:25px}
.article-relative a{color:#555;line-height:145%}
#comments{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding-top:30px;position:relative}
#comments>div{margin-top:10px}
#comments>div>img{height:80px;width:80px;margin:1px 10px 10px 0}
#comments .comment-panel{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:20px;width:798px;margin-bottom:10px;word-wrap:break-word;overflow:hidden}
#comments .comment-top{margin-bottom:10px}
#comments .comment-panel .reply{margin-top:20px}
#comments .comment-panel .reply a{border-radius:5px;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset,0 0 2px rgba(255,255,255,0.3) inset,0 1px 2px rgba(0,0,0,0.29);background-color:#eee;border:1px solid #888;color:#555;padding:2px 10px}
#comments .comment-panel .reply a:hover{background-color:#e6e6e6;text-decoration:none}
.comment-body-ref{position:absolute;border:1px solid #e3e3e3;background-color:#fff;padding:10px 0 0 10px;left:177px;opacity:.9}
#comments .comment-body-ref .comment-panel{border-width:0;margin-bottom:0;width:620px;padding:10px}
.comment-title{color:#333;font-size:30px;margin:20px 0 15px 0;font-family:\5fae\8f6f\96c5\9ed1}
.comment{margin-bottom:40px}
.comment th{padding:10px 0 10px 0;text-align:left}
.comment input[type="text"],.comment textarea{outline:none;color:#666;padding:10px 7px;background-color:#fff;font-family:Arial,Helvetica,sans-serif;width:723px;border:1px solid #ddd;font-size:12px;height:16px;line-height:16px}
.comment textarea{margin:10px 0;padding:7px;height:auto}
.comment #captchaReply{margin-left:10px}
#commentValidate,#commentValidateReply{width:240px}
.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{background-image:url("../../community/images/emotions/emotions-black.png");margin:0 12px}
.footer-secondary{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;padding:40px 0}
.footer-secondary h4,.article-date,.comment th span.comment-label{background-color:#333;color:#fff;float:left;font-size:17px;font-weight:bold;height:37px;line-height:37px;padding-left:15px;width:145px}
.most-view-count-articles,.recent-comments,.notice{float:left;width:700px;margin-left:65px;word-break:break-all;word-wrap:break-word}
.most-view-count-articles a{font:18px 微软雅黑;margin-right:20px;font-weight:bold}
.most-view-count-articles sup{font-size:12px;color:#555;font-weight:normal;margin-right:3px}
.recent-comments div{float:left;margin:0 25px 10px 0;text-align:center;width:91px}
.recent-comments div a{display:block;line-height:22px}
.recent-comments img,#comments>div>img{background-color:#fff;border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2;padding:8px 7px 7px 8px;width:75px;height:75px}
.recent-comments img:hover,#comments>div>img:hover{border-color:#5a5a5a}
.footer-widgets{background:url("../images/indentline-light.png") repeat-x scroll left top transparent;padding:40px 0}
.footer-block{margin-right:20px;width:220px}
.footer-block h4{font:bold 18px 微软雅黑;color:#000;height:25px;padding:0 0 15px;background:url("../images/indentline.png") repeat-x scroll left bottom transparent}
.footer-block ul{list-style:none}
.footer-block li{margin-left:0;height:30px;padding-left:10px;background:url("../images/indentline-light.png") repeat-x scroll left bottom transparent}
.footer-block li.mostUsedTags a{padding-left:20px}
.footer-block li img{cursor:pointer;height:16px;left:0;position:relative;top:-20px;width:16px}
.footer-block li a{color:#555;display:block;height:19px;line-height:19px;overflow:hidden;padding:6px 0 1px 0}
.footer-block li sup{float:left;margin:5px 3px 0 0}
.footer-block li:hover{background:url("../images/icon.png") repeat-x 0 -34px}
.footer{background:url("../images/indentline-light.png") repeat-x scroll left top #dedede;text-align:left}
.footer .content{line-height:22px}
.footer a{color:#000}
.footer .goTop{background:url("../images/icon.png") no-repeat -12px -64px;cursor:pointer;padding-left:15px;height:17px;line-height:17px}
.error-msg{color:#333;font-weight:bold}
.error-footer{bottom:0;position:fixed;width:100%}
.error-panel{background-color:#fff;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;margin-bottom:50px;padding:20px}
.error-panel h2{font:bold 30px/24px;margin:0 0 20px}
.read-more-icon,.arrow-dowm-icon,.tag-icon,.atom-icon,.up-icon,.down-icon{background-image:url("../images/icon.png");background-repeat:no-repeat;float:left}
.read-more-icon{background-position:0 -22px;height:12px;margin:2px 0 0 6px;width:12px}
.arrow-dowm-icon{background-position:-13px -22px;height:13px;margin:8px 0 0 6px;width:13px;cursor:pointer}
.tag-icon{background-position:0 -102px;margin-right:6px;height:16px;width:16px}
.atom-icon{height:22px;margin-left:6px;width:22px}
.up-icon{background-position:-11px -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}
.down-icon{background-position:0 -118px;height:12px;margin:6px 0 0 10px;width:11px;cursor:pointer}
.star-current-icon,.star-icon,.moon-icon,.moon-current-icon{height:58px;width:64px;background-image:url("../images/author-header.png");float:right;white-space:normal;text-align:center;word-break:break-all;padding-top:6px;word-wrap:break-word;font-weight:bold}
.star-current-icon{background-position:0 -64px}
a.star-current-icon{color:#333}
.star-icon{background-position:0 -192px}
a.star-icon{color:#ffa500}
.moon-icon{float:right;margin-top:4px}
.moon-current-icon{float:right;background-position:0 -128px;margin:1px 0 3px 0}
#tagsPanel a.tagPanel:hover{border:1px dashed}
#tagsPanel a.tagPanel{border:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px;cursor:pointer;float:left}