@charset "utf-8";
/*! by Izzy Zou
 *  build 2010-10-20 9:30 */

html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a,img, th,td,form, fieldset, iframe, object, pre, code, legend, blockquote{ margin:0; padding:0; border:0; outline:0;}
ol, ul{ list-style:none;}
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
form label{ cursor:pointer;}
input, button, textarea{ font-family:inherit; font-size:100%;}
table{ border-collapse:separate;}
caption, th, td{ font-weight:normal;}

body,.logo,.header ul li .expand,.main,.info,.feature .follow,.feature .follow .f-border,.feature .submit,#SignFace,.main h2 { background-image: url(image/c.component.png); background-repeat: no-repeat;}

body{ font: 12px/1.5 tahoma,helvetica,\5b8b\4f53,'bitstream vera sans',arial,sans-serif; color: #333; background-color: #FFE4E4; background-position: center -240px;}
a { text-decoration: none; color: #E46C6C;}
a:hover { text-decoration: underline;}

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.group { display: inline-block;}
* html .group { height: 1%;}
.group{ display: block;}
.important { color: #CE3650;}
.figure:hover { text-decoration: none;}

.wrapper { width: 960px; margin: 0 auto; background-color: #FFE4E4;}
.header { height: 35px; background-color: #E46C6C;}
.logo { display: block; float: left; width: 152px; height: 35px; margin-right: 50px; text-indent: -9999px; background-position: -500px -150px;}
.header ul { float: left; height: 32px; line-height: 32px;}
.header ul li { float: left; color: #FFF;}
.header ul li a { padding: 0 10px; color: #FFF;}
.header ul li .expand { padding-right: 15px; background-position: 38px -195px;}
.header .secondary { float: right;}

.feature { position: relative; width: 940px; margin-bottom: 1px; border: solid #E46C6C; border-width: 0 10px 10px; background: #FFF;}
.feature img { border-bottom: 1px solid #E8C38E;}
.feature .detail { float: left; width: 580px; height: 169px; padding: 12px 0 0 25px; font-size: 14px;}
.feature .detail .title { display: block; margin-bottom: 8px;}
.feature .detail .title span { float: left; padding: 2px 15px; color: #FFF; border-left: 6px solid #C41818; background: #DB3A3A;}
.feature .detail p { margin-bottom: 3px;}
.feature .detail .date { display: block; margin-top: 10px;}
.feature .detail em { font-weight: bold; color: #DB3A3A;}
.feature .submit { position: relative; float: right; width: 332px; height: 166px; padding-top: 15px; font-size: 14px; text-align: center; background-position: -140px 0;}
.feature .submit .result span { padding-right: 5px; font-size: 25px; color: #DB3A3A;}
.feature .submit a { position: absolute; left: 73px; top: 100px; width: 190px; height: 60px; text-indent: -9999px;}


.main { padding: 15px 0 0 20px; background-position: center -240px;}
.main h2 { height: 26px; margin-bottom: 15px; text-indent: -9999px; background-position: -515px -15px;}
.main h2 a { float: left; width: 270px; height: 25px; text-indent: -9999px;}
.main ul li { float: left; width: 282px; margin: 0 37px 30px 0; background: #FFF;}
.main ul .last { margin-right: 0;}
.main .figure { width: 274px; padding: 2px 3px 0 3px; border: 1px solid #D4BEBE;}
.main .figure h3 { text-align: center;}
.main .figure p { margin: 0 10px 10px;}
.main .figure p a { color: #333;}
.main .info { position: relative; width: 282px; height: 66px; background-position: -500px -60px;}
.main .info .detail { display: block; position: absolute; left: 75px; top: 11px; width: 130px; height: 40px; text-indent: -9999px;}
.main .info .num { display: block; width: 100px; height: 59px; font-weight: bold; text-align: center; border-right: 1px solid #BDBDBD;}
.main .info .num strong { margin-right: 5px; font-size: 25px; font-weight: normal; line-height: 1.6;}
.main .info em { position: absolute; left: 32px; top: 38px; font-style: normal; color: #999;}
.links { margin-bottom: 15px;}
.links li { float: left; margin-right: 10px;}
.links .last { margin-right: 0;}
.links li img { border: 1px solid #AD060E;}

#SignFace { width: 930px; margin-bottom: 20px; padding: 10px 15px 0; background-position: center -240px; overflow: hidden; zoom: 1;}
.ac-box .title { display: block; margin-bottom: 20px; font-size: 14px;}
.ac-box .title .titleTxt { float: left; padding: 2px 15px; color: #FFF; border-left: 6px solid #C41818; background: #DB3A3A;}
.ac-box .title .titleTxt span { font-size: 12px;}
.ac-box .title .titleTxt span em  { color: #FF9;}
.memberList {}
.memberList li{width:100px;float:left;height:100px;overflow:hidden;text-align:center;line-height:18px;}
.memberList img{ margin:0 auto;border:1px solid #eee;padding:1px;width:48px;height:48px; background: #FFF;}
.memberList a.B:link,.memberList a.B:visited { text-decoration: underline; color: #E46C6C;}
.memberList .Color7 { color: #999;}
.contList{clear:both; margin:10px 0 20px;font-size:13px;}
.contList dt{padding-right:5px; background:none repeat scroll 0 0 #F3DBDB;}
.contList cite{ font:normal 13px/1.8 Arial; padding-left:5px; color: #E46C6C; background: #F4DBDB; zoom:1;}
.contList cite a.B:link,.contList cite a.B:visited { text-decoration: underline; color: #E46C6C;}
.contList cite a.B:hover { background: none;}
.contList .contList-avatar{ float: left; background:none repeat scroll 0 0 #FEE4E3;}
.contList .contList-avatar img {border:1px solid #eee;padding:1px;width:48px;height:48px; background: #FFF;}
.contList .ruImg{ padding:5px; vertical-align:middle;}
.contList dt span{font:13px/1.8 arial;}
.contList .bn{float:right; margin-top:3px; padding-right: 5px; color: #999;}
.contList-fn { color: #999;}
.contList-fn, .contList-info,.contList-tag,
.contList dd{overflow:hidden; _display:inline-block}
.contList dd{ display: block; margin: 0 0 20px 70px; padding: 0 5px;}
.contList dd address{color:#999; padding-top:5px}
.contList-info,.contList-fn,.contList-con,.contList-tag{padding-top:5px}
.contList-con { font-size: 14px;}
.contList-fn li, .contList-info li{float:left; padding-right:8px}
.contList-tag li{float:left; margin-right:10px}
.articleReply{ width: 920px;margin-top:50px;padding:5px 20px 20px;background-color:#F4DBDB; overflow: hidden; zoom: 1;}
.articleReply h3{color:#c32521;font-size:14px;font-weight:bold;line-height:30px;}
.articleReply .moreLink {float:right;line-height:30px;}
.articleReply textarea {width:750px;height:120px;}
#noteAddBody{float:left;display:inline;}
#noteAddText{width:730px;height:180px;}
#noteAddEmo{height:35px;overflow:hidden;zoom:1;}
#noteAddEmo p{float:left;padding:3px 12px 2px 2px;cursor:pointer;font-family:Arial;}
#noteAdderror,.noteError{display:none;}

.Pages{ clear:both;margin-bottom: 15px;text-align:right;font-size:12px; font-weight: bold;float:right;}
.Pages a.PageLink:Link,a.PageLink:Visited,a.PageLink:Active{ margin: 0 5px;}
.Pages a.PageLink:Hover{}
.Pages a.PrevPage:Link,a.PrevPage:Visited,a.PrevPage:Active{ margin: 0 5px;}
.Pages a.PrevPage:Hover{}
.Pages a.NextPage:Link,a.NextPage:Visited,a.NextPage:Active{ margin: 0 5px;}
.Pages a.NextPage:Hover{}
.Pages span.PageSel{ margin: 0 5px;}
.Pages span.PageMore{}

.qaList dt { font-weight: bold; margin-bottom: 5px;}
.qaList dd { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #CCC;}
.flotPl {background-color:#fff;border:1px solid #000;left:0;margin-top:2px;padding:3px 0 5px;position:absolute;visibility:hidden;width:75px;}
.flotPl a {display:block;line-height:20px;margin-bottom:1px;width:auto;}
a.B:link, a.B:visited {color:#6666cc;padding:2px 1px 0;text-decoration:none;}
a.B:hover, a.B:active{background-color:#6666cc;color:#fff;padding:2px 1px 0;text-decoration:none;}

.footer { margin-bottom: 20px; text-align: center; color: #999;}
.footer ul { margin: 20px auto;}
.footer li { display: inline;}
.footer li a { margin: 0 15px;}
.footer li a:hover { text-decoration: underline; background: none;}