body{background:#fff url(../images/bg-repeat.jpg) repeat-x top}
.wrapper{clear:both; width:972px; margin:0 auto}
.detail{padding:0 8px; background:url(../images/arrowdetail.gif) no-repeat center right}
.banner{clear:both; margin-bottom:10px}
.container{padding:10px 16px 0; background:url(../images/bgWrap.jpg) repeat-y}
.colL{float:left; width:656px}
.colR{float:right; width:274px}
.rowL,.rowR{overflow:hidden; zoom:1; height:auto; margin-bottom:10px}

ul.common{clear:both; zoom:1 }
ul.common li{text-indent:14px; background:url(../images/dotarrow2.gif) no-repeat left center}
ul.common li a{font-size:14px}

/* pic title */
.picText {text-align:center}
.picText img { border:2px solid #000; margin-bottom:10px}
.picText img:hover {border-color:#fff}
.picText p { background-color:transparent; text-align:center}

/* pic title brief */
.brief {text-align:left; overflow:hidden}
.brief img.left { border:1px solid #d8d8d8; padding:1px; margin-right:10px}
.brief img:hover { border-color:#aecf00}
.brief h5{overflow:hidden; margin-bottom:6px}
.brief p{overflow:hidden; text-indent:2em}

/* module */
.box {margin:0}
.box .title{overflow:hidden; zoom:1}
.box .title h2{float:left;  height:33px; line-height:33px; padding-left:16px}
.box .title .more{float:right; height:32px; padding-right:12px; text-align:right; }
.box .title .more a{line-height:32px; padding:0 2px}
.box .blockContent {padding:10px; zoom:1}

/* yellow module */
.yellow,.green{width:323px}
.yellow .title{height:34px; background:url(../images/bgTyellow.gif); }
.yellow .title h2{padding-left:24px; background:url(../images/indexHot.jpg) no-repeat;}
.yellow .title .more, .yellow .title .more a{color:#a03901}
.priceEms{width:146px; margin-bottom:15px; _margin-bottom:5px}
.priceEms h3{margin-bottom:8px;}
.priceEms img{float:left; margin-right:8px; padding:1px; border:1px solid #d2d2d2}
.priceEms img:hover{border-color:#aecf00}
.priceEms p{line-height:20px}

.yellow ul.common{margin:0 0 10px 0; padding-top:10px; border-top:1px dotted #a9a7a0}
.yellow ul.common li{line-height:25px; background-image:url(../images/dotarrow1.gif)}
.row2R ul.common{margin-bottom:0;}
.row2R ul.common li{line-height:22px; background-image:url(../images/dotarrow2.gif)}
.row2R ul.common li a{font-size:12px}

.row2R .title h2{background:none; padding-left:16px}
.row2R .priceEms{width:auto; _margin-bottom:15px}
.row2R .priceEms p{text-indent:2em}

.boxFunction{clear:both; text-align:center}
.boxFunction a{display:inline-block; width:97px; height:23px; line-height:23px; margin:0 2px; background:url(../images/button_yellow.jpg); color:#ff5b00 !important; *display:inline; zoom:1}

/* green module */
.green{background:url(../images/bgTgreen.gif) no-repeat}
.green .title h2{padding-top:5px}
.green h3{font-weight:normal; text-indent:26px}
.green .blockContent {padding-top:0px}
.green ul.common{margin:0 0 10px 0; padding-top:10px; border-top:1px dotted #a9a7a0}
.green .boxFunction a{width:51px; background:url(../images/button_green.jpg); color:#3b7008 !important}
.row3R .priceEms{width:auto}
.row3R .priceEms p{text-indent:2em}

.green2{background-image:url(../images/bgTgreen2.gif)}
.green2 h2{color:#335d0b}
.green2 .boxFunction a{width:51px; background:url(../images/button_green2.jpg); color:#167008 !important}

/* blue module */
.blue{width:274px}
.blue .title{background:url(../images/bgTblue.gif) no-repeat}
.blue .title .more{padding-right:10px; width:48px}
.blue .title .more a{display:block; width:48px; height:33px}

.blue .brief p{display:block; height:42px; overflow:hidden}
.blue ul.common{margin:10px 0 0; padding-top:6px; border-top:1px dotted #a9a7a0}
.blue ul.common li{line-height:25px}
.blue ul.common li a{color:#0d86d6}
.blue ul.f12 li{line-height:22px}
.blue ul.f12 li a{font-size:12px;color:#2b2b2b}
.blue ul.f12 li a:hover{color:#ff5b00}

.blue2 .title{background-image:url(../images/bgTblue2.gif)}
.blue2 ul.common{margin:0; padding-top:0; border:none}
.blue2 ul.common li{height:26px; line-height:26px; background:none; text-indent:0; overflow:hidden}
.blue2 ul.common li a{color:#393838; font-size:12px; float:left}
.blue2 ul.common li a:hover{color:#ff5b00}
.blue2 ul.common li a img{padding:1px; border:1px solid #d8d8d8; margin-right:10px; *vertical-align:middle}
.blue2 ul.common li a img:hover{border-color:#86cdc2;}
.blue2 ul.common li a.forumTitle{width:215px; height:26px; overflow:hidden }