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

body{ font: 12px/1.5 tahoma,helvetica,\5b8b\4f53,'bitstream vera sans',arial,sans-serif; color: #333; background-color: #FFEBF0; background-position: center -60px;}
a { text-decoration: none; color: #C36;}
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: #FFEBF0;}
.header { height: 35px; background-color: #B76575;}
.logo { display: block; float: left; width: 152px; height: 35px; margin-right: 50px; text-indent: -9999px; background-position: -160px -130px;}
.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 5px;}
.header .secondary { float: right;}

.feature { position: relative; width: 960px; height: 286px;}
.feature .follow { position: absolute; right: 5px; top: 0; height: 53px; background-position: center 0;}
.feature .follow span { float: left; height: 53px; line-height: 59px; font-family: "Microsoft YaHei",黑体,arial,sans-serif; font-size: 14px; font-weight: bold;}
.feature .follow span em { padding: 0 5px; font-weight: bold; color: #FF335E;}
.feature .follow .f-border { display: block; width: 15px; height: 53px; background-position: -481px 0;}
.feature .follow .f-right { display: block; width: 15px; height: 53px; background-position: -738px 0;}
.main { padding: 15px 0 10px 20px; background-position: center -60px;}
.main h2 { height: 25px; margin-bottom: 15px; background-position: 895px top;}
.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 #D4C4C7;}
.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: -160px -180px;}
.main .info .detail { display: block; position: absolute; right: 27px; 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;}

.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;}



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,.main,.info,.feature .follow,.feature .follow .f-border{ background-image:url(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: #FFEBF0; background-position: center -60px;}
a { text-decoration: none; color: #C36;}
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: #FFEBF0;}
.header { height: 35px;}
.feature { position: relative; width: 960px; height: 286px;}
.feature .follow { position: absolute; right: 5px; top: 0; height: 53px; background-position: center 0;}
.feature .follow span { float: left; height: 53px; line-height: 59px; font-family: "Microsoft YaHei",黑体,arial,sans-serif; font-size: 14px; font-weight: bold;}
.feature .follow span em { padding: 0 5px; font-weight: bold; color: #FF335E;}
.feature .follow .f-border { display: block; width: 15px; height: 53px; background-position: -481px 0;}
.feature .follow .f-right { display: block; width: 15px; height: 53px; background-position: -738px 0;}
.main { padding: 15px 0 10px 20px; background-position: center -60px;}
.main h2 { height: 25px; margin-bottom: 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 #D4C4C7;}
.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: -160px -180px;}
.main .info .detail { display: block; position: absolute; right: 27px; 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;}