/************BG STYLE************/
.barA, .barA .fl, .barA .fl span, .barB, .barC .fl, .barD, .magUpload .bar, .magIntr .bar { background:url(../images/msg_bg.gif) no-repeat }
/************BAR,CON STYLE************/
.barA { clear:both; height:27px; background-position:0 -219px; padding:0 10px; line-height:27px }
.barA .fl { background-position:0 -247px; margin-top:3px; line-height:21px }
.barA .fl b { float:left; display:inline; padding:0 5px 0 10px; white-space:nowrap }
.barA .fl span { float:left; width:5px; height:21px; background-position:-251px -247px; overflow:hidden }
.conA { clear:both; border:#d6d6d6 1px solid; border-top:#eee 1px solid; padding:10px }
.barB { clear:both; height:27px; background-position:0 -297px; padding:0 10px; line-height:27px; color:#fff }
.barB a { color:#fff }
.barB .fl { font-weight:bold }
.conB { clear:both; border:#d6d6d6 1px solid; border-top:#eee 1px solid; padding:10px }
.barC { clear:both; height:27px; line-height:25px }
.barC .fl { border:#e4e4e4 1px solid; background-position:-609px -262px; padding:0 10px 0 30px; font-weight:bold }
.conC { clear:both; padding:10px }
.barD { clear:both; height:27px; background-position:0 -269px; padding:0 10px; line-height:27px; color:#fff }
.barD a { color:#fff }
.barD .fl { font-weight:bold }
.conD { clear:both; border:#d6d6d6 1px solid; border-top:#eee 1px solid; padding:10px }
/************MAIN STYLE************/
.mainHeadA { height:55px }
.mainHeadA .fl { width:135px; text-align:center }
.mainHeadA .fr { width:758px }
.mainHeadNavA { height:28px; background:#e7840e; padding:0 10px }
.mainHeadNavA ul { padding-top:7px }
.mainHeadNavA li { float:left; display:inline; border-right:#fff 1px solid; padding:1px 10px 0; line-height:12px; color:#fff }
.mainHeadNavA li a { color:#fff }
.mainHeadLocationA { height:21px; padding:5px 10px; line-height:21px }
.mainHeadLocationA .location { float:left }
.mainHeadLocationA .search { float:right }
.mainContent{ overflow:hidden;zoom:1;}
.mainContentLeft { float:left; width:629px }
.mainContentRight { float:right; width:264px }
.magHot { border:#d6d6d6 1px solid; padding:10px }
.magHot .fl { width:367px }
.magHot .fl li { float:left; display:inline; width:112px; padding:5px 0; margin:0 5px; color:#999; text-align:center; vertical-align:bottom; overflow:hidden;  }
.magHot .fl li h1{ height:24px; line-height:24px; overflow:hidden; white-space:normal;}
.magHot .fl li img { display:block; width:100px; height:130px; border:#eaeaea 1px solid; padding:5px }
.magHot .fr { width:230px }
.flash{width:230px; height:310px}
.keyHot { background:#f5f5f5; padding:0 10px; line-height:25px; color:#666 }
.magShow li { float:left; display:inline; width:112px; padding:5px 0; margin:0 4px 0 5px; color:#999; text-align:center; vertical-align:bottom; overflow:hidden }
.magShow li img { display:block; width:100px; height:130px; border:#eaeaea 1px solid; padding:5px }
.fast li{ vertical-align:bottom; overflow:hidden;zoom:1;}
.fast a { display:block; border:#ffef92 5px solid }
.fast a:hover { border:#ffc887 5px solid }
.magRec li { line-height:24px; color:#999 }
.magRec li a { color:#666 }
.msgList { border:#d6d6d6 1px solid; padding:10px 20px }
.msgList dl { padding:10px 0; border-bottom:#eee 1px solid }
.msgList dt { float:left; width:191px }
.msgList dt img{border:#ddd 1px solid; padding:3px}
.msgList dd { float:right; width:660px }
.msgList dd table { border-collapse:collapse }
.msgList dd th, .msgList dd td { border:#d6d6d6 1px solid; padding:10px }
.msgList dd th { background:#f5f5f5 }
.msgList li { float:left; display:inline; width:108px; padding:20px 0; margin-right:10px; vertical-align:bottom }
.msgList li img{border:#eee 1px solid; padding:3px}
.msgDetail { border:#d6d6d6 1px solid; padding:10px }
.msgDetail .info .fl { width:192px }
.msgDetail .info .fl img { border:#eee 1px solid; padding:5px }
.msgDetail .info .fr { width:405px }
.msgDetail .info .fr h1 { border-bottom:#eee 1px solid; padding:10px }
.msgDetail .info .fr ul { padding:10px }
.msgDetail .info .fr li { height:22px; line-height:21px; vertical-align:bottom }
.msgDetail .info .fr li b { float:left; width:60px; font-weight:normal }
.msgDetail .info .fr li span { float:right; width:315px }
.msgDetail .info .fr h6 { border:#eee 1px solid; padding:10px }
.msgDetail .other li { float:left; display:inline; width:100px; padding:20px 0; margin-right:10px; vertical-align:bottom }
.magUpload { height:682px; border:#d6d6d6 1px solid; position:relative }
.magUpload .bar { clear:both; width:627px; height:112px }
.magUpload .con { clear:both; padding:40px; position:absolute; left:0; top:30px }
.magUpload .con li { padding:5px 0 }
.magUpload .con li b { float:left; width:100px; text-align:right; font-weight:normal }
.magUpload .con li span { float:right; width:437px }
.magIntr { height:882px; border:#d6d6d6 1px solid; position:relative }
.magIntr .bar { clear:both; width:627px; height:105px; background-position:0 -113px }
.magIntr .con { clear:both; padding:20px; position:absolute; left:0; top:30px }
.magIntr .con h1, .magIntr .con h6 { padding:10px; font-size:18px; text-align:center }
.magIntr .con dl { border-top:#eee 1px solid; border-bottom:#eee 1px solid; margin-top:-1px; padding:10px }
.magIntr .con dt { float:left; width:297px }
.magIntr .con dt img { border:#eee 1px solid; padding:5px }
.magIntr .con dd { float:right; width:260px }

.bookAreaListA{ overflow:hidden;zoom:1;}
.bookAreaListA li{ float:left;display:inline;zoom:1; width:20%;}
.bookAreaListA li a{ margin:0 0 0 10px;}
.bookTypeListA{ padding-left:20px;overflow:hidden;zoom:1;}
.bookTypeListA li{/* float:left; display:inline; width:50%; */ line-height:24px;}