@charset "utf-8";

/* Core Code */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { padding:0; margin:0; font-size:12px; line-height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Remember to define focus styles! */
:focus { outline: 0;}
body { width:100%; height:100%; color:black; background:white;}
ul, ol { list-style:none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

img { border:none;}
a { color:#393939; text-decoration:none;}
a:hover {text-decoration:underline;}

.b, .b:hover { font-weight:bold;}
.clear { clear:both;}

body { border-top: solid 4px #84050c; text-align:center; background:url(../images/bg.png);}
#page { width:1003px; margin:0 auto; text-align:left;}
#header { display:block; overflow:hidden; height:122px; background:#fff url(../images/header_bg.png) no-repeat top right; position:relative;}
#header .logo { float:left; padding:15px 0 0 15px;}
#header .top-banner { position:absolute; top:40px; right:335px;}
#header .top-banner2 { position:absolute; top:40px; right:230px;}
#header .top-banner3 { position:absolute; top:40px; right:125px;}
#header .top-banner4 { position:absolute; top:40px; right:20px;}
#header ul { display:block; overflow:hidden; position:absolute; top:10px; right:10px;}
#header ul li { float:left; margin-left:-1px; padding:0 10px; background:url(../images/text_line.png) no-repeat 0 5px;}
#header ul a { line-height:21px;}

#menu { position:relative;}
#menu .searchbt { float:left; width:132px; height:36px; padding:12px 0 0 48px; line-height:21px; color:#FFF; font-size:12px; font-weight:bold; background:url(../images/searchbt_bg.png) no-repeat; position:absolute; top:0; left:0;}
#menu ul { margin-left:174px; width:819px; height:48px; padding-left:10px; background:url(../images/menu_bg.png) }
#menu li { float:left; margin-top:16px; padding:0 6px;}
#menu li a { line-height:23px; color:#FFF; font-size:14px; font-weight:bold; }
#menu li.selected a { text-decoration:underline;}

#container { background:#FFF url(../images/main_bg.png) repeat-y;}
#sidebar { float:left; width:154px; min-height:800px; padding:10px; background:#1b1b26 url(../images/sidebar_bg.png) no-repeat;}
#sidebar .title { padding:0 0 0 30px; color:#FFF; line-height:25px; font-size:14px; background:url(../images/icon.png) no-repeat 8px 7px;}
#sidebar .title a { font-size:14px; color:#FFF; line-height:25px;}
#sidebar .catalog { padding-left:30px;}
#sidebar .catalog li { display:block; margin-bottom:8px;}
#sidebar .catalog a { line-height:21px; color:#FFF; font-size:13px;}

.searchBar { padding:0 0 0 10px;}
.searchBar * { font-size:12px;}
.searchBar p { display:block; height:21px; margin:5px 0;}
.searchBar p select { float:left; margin-right:3px; width:95px; font-size:12px;}
.searchBar p .textInput { float:left; width:135px; margin-right:2px; border-style:solid; border-width:1px; border-color:#000; padding:2px 1px;}
.searchBar p .searchBt { float:left; width:40px; height:23px; line-height:13px; padding:0 5px 5px 5px; border:solid 1px #000; vertical-align:middle; line-height:21px; color:#FFF; background:#c20a14;}

/**/
#main .title, #main .title h1,  #main .title h2, #main .title .more, #sidebar_right h2 { background:url(../images/title_bg.png) no-repeat;}

#content { margin-left:174px;}
.notice { height:20px; margin-left:15px; padding:5px; text-align:right; line-height:21px; color:#545454; background:#ebebeb;}
#sidebar_right { float:right; width:180px; padding:10px 10px 10px 20px; background:url(../images/sidebar_right_bg.png) no-repeat;}
#sidebar_right h2 { display:block; padding:0 0 0 24px; line-height:25px; font-size:14px; background-position:5px -44px;}
#sidebar_right ol { padding-left:8px;}
#sidebar_right ol li { clear:both; padding:5px 5px 0 5px; border-top:dotted 1px #CCC;}
#sidebar_right ol .itemName { display:block; margin-bottom:5px; text-align:center; line-height:21px;}
#sidebar_right ol .itemPic { display:block; width:140px; padding:5px 0 5px 25px;}
#sidebar_right ol .pic { width:100px; height:140px; padding:2px; border:solid 1px #CCC;}
#sidebar_right .more { padding:5px; border-top:solid 1px #CCC; text-align:right; font-weight:bold;}


#main { margin:0 210px 0 15px;}
#main .title { display:block; overflow:hidden; margin:10px 0; min-width:100px; height:23px; border:solid 1px #CCC; background-repeat:repeat-x;}
#main .title h1, #main .title h2 { padding-left:25px; line-height:23px; color:#393939; font-size:14px; background-position:6px -44px;}
#main .title .more { float:right; display:block; overflow:hidden; text-indent:-1000px; width:40px; height:23px; background-position:0 -91px;}

.featureList, .itemList { display:block; overflow:hidden; margin:10px 0;}
.featureList li { float:left; display:block; overflow:hidden; margin:0 0 15px 10px; width:288px; height:145px;}
.itemList li { display:block; overflow:hidden; margin:0 0 15px 10px; height:145px;}
.featureList li span span, .itemList li span span { color:#868686; font-weight:bold;}
.featureList li .itemName a, .itemList li .itemName a { line-height:21px; font-size:14px;}
.featureList li .author, .itemList li .author { display:block; line-height:21px; color:#868686;}
.featureList li .press, .itemList li .press { display:block; line-height:21px; color:#868686;}
.featureList li .price, .itemList li .price { display:block; line-height:21px; color:#868686;}
.featureList li h4, .itemList li h4 { line-height:23px;}
.featureList li .detail, .itemList li .detail { display:block; overflow:hidden; height:40px; line-height:20px; color:#333;}
.featureList li .pic, .itemList li .pic { margin-right:5px;}
.itemPic { float:left; display:block; margin-right:5px;}

.pic { float:left; display:block; width:100px; height:140px; padding:1px; text-align:center; border:solid 1px #CCC;}

/*
.pic { display:table-cell; overflow:hidden; width:100px; height:146px; padding:1px; text-align:center; vertical-align:middle; border:solid 1px #CCC; position:relative;}
.pic span { display:inline; float:none; width:auto; vertical-align:middle; top:50%; cursor:pointer;}
.pic img { vertical-align:middle; position:static; top:-50%; left:-50%;}
*/

.itemDetail .detailPic .pic { display:table-cell; overflow:hidden; width:100px; height:146px; padding:1px; text-align:center; vertical-align:middle; border:solid 1px #CCC; position:relative;}
.itemDetail .detailPic .pic span { display:inline; float:none; width:auto; vertical-align:middle; top:50%; cursor:pointer;}
.itemDetail .detailPic .pic img { vertical-align:middle; position:static; top:-50%; left:-50%;}

.newItemList li { height:155px; border-bottom:dotted 1px #CCC;}

.itemDetail .detailPic { float:left; margin-right:10px;}
.itemDetail .detailPic .pic { width:200px; height:250px;}
.itemDetail .detailPic .pic span { cursor:default;}
.itemDetail .itemInfo { display:block; overflow:hidden; height:300px;}
.itemDetail .itemInfo li { line-height:23px;}
.itemDetail .itemInfo h2 { line-height:25px; font-size:14px;}
.itemDetail .itemInfo span { color:#000; font-size:12px; font-weight:bold;}
.itemDetail .itemInfo .author { color:#808000;}
.itemDetail .itemInfo .price { color:#c20a14; font-weight:bold;}
.itemDetail .itemInfo .btBar { height:25px; padding:15px 0 5px 0;}
.itemDetail .itemInfo .buyBt, .itemDetail .itemInfo .commentBt { float:left; display:block; overflow:hidden; height:17px; margin-right:10px; padding:2px 10px; border-style:solid; border-width:2px; line-height:17px; color:#FFF;}
.itemDetail .itemInfo .buyBt { padding:2px 10px 2px 25px; border-color:#ffb95d #853200 #853200 #ffb95d; background:#ff7100 url(../images/buy_icon.png) no-repeat 5px 4px;}
.itemDetail .itemInfo .commentBt { border-color:#a7d368 #4b5f22 #4b5f22 #a7d368; background:#718e46;}
.itemDetail .itemInfo .commentInfo a { color:#bf0000;}
.itemDetail .itemInfo .left { float:left; width:180px; line-height:25px;}
.itemDetail .itemDetailContent h3 { display:block; overflow:hidden; height:25px; padding:5px 0 0 25px; border-top:dotted 1px #878787; line-height:25px; color:#202020; font-size:14px; background:url(../images/icon.png) no-repeat 5px 12px;}
.itemDetail .itemDetailContent p { margin:10px 0; line-height:23px; color:#202020;}
.itemDetail .itemDetailContent a { line-height:23px;}
.itemDetail .itemDetailContent .detailContent { padding:0 15px 5px 25px; line-height:23px; color:#202020;}

.itemDetail .commentList { position:relative;}
.itemDetail .commentList h4 { display:block; overflow:hidden; height:30px; padding:0 10px; border-top:solid 1px #CCC; border-bottom:solid 1px #FFF; line-height:30px; background:#EEE;}
.itemDetail .commentList h4 .commentBt { margin:4px 0 0 0; float:right;}
.itemDetail .commentList h4 span { padding:0 10px; font-weight:normal;}
.itemDetail .commentList h4 span span { padding:0 2px; color:#bf0000;}
.itemDetail .commentList li { padding:5px 10px; border-top:solid 1px #d2cab5; border-bottom:solid 1px #d2cab5;}
.itemDetail .commentList li h5 { line-height:21px;}
.itemDetail .commentList li p { margin:5px 0;}
.itemDetail .commentList .commentForm { display:none; width:300px; height:200px; padding:10px; border:solid 1px #CCC; background:#FFF; position:absolute; top:31px; right:0px;}
.itemDetail .commentList .commentForm label { float:left; width:45px; text-align:right; line-height:21px;}
.itemDetail .commentList .commentForm .commentTitle, .itemDetail .commentList .commentForm textarea { width:240px; font-size:12px;}
.itemDetail .commentList .commentForm textarea { height:80px;}
.itemDetail .commentList .commentForm .validNum { float:left; margin-right:5px;}
.itemDetail .commentList .commentForm .commentSubBar { text-align:right;}

.pagination { height:40px; padding-top:5px;}
.pagination .right { float:right;}
.pagination a { display:block; overflow:hidden; float:left; margin:0 2px; height:21px; border:solid 1px #dcdcdc; line-height:21px; background:url(../images/pagination.png) no-repeat;}
.pagination .first { padding:0 5px 0 24px; background-position:2px -98px;}
.pagination .previous { padding:0 5px 0 24px; background-position:2px 2px; }
.pagination .next { padding:0 24px 0 5px; font-weight:bold; background-position:96% -48px; }
.pagination .last { padding:0 24px 0 5px; background-position:95% -148px; }
.pagination .paginationInfo { float:left; margin:0 10px; line-height:23px;}
.pagination .numBar { float:right; margin-right:10px;}
.pagination .num { float:left; padding:0 3px; background:none; line-height:21px;}

.catalogContent { display:block; height:800px; padding:70px 120px 0 115px; background:url(../images/catalog_bg.png) no-repeat 100% 0;}
.catalogContent li { display:block; margin-bottom:11px; padding:0 0 0 30px;}
.catalogContent li a { display:block; overflow:hidden; text-indent:-1000px; width:312px; height:43px; background:url(../images/catalogList.png) no-repeat;}
.catalogContent .l1 a { background-position:0 0;}
.catalogContent .l2 a { background-position:0 -50px;}
.catalogContent .l3 a { background-position:0 -100px;}
.catalogContent .l4 a { background-position:0 -150px;}
.catalogContent .l5 a { background-position:0 -200px;}
.catalogContent .l6 a { background-position:0 -250px;}
.catalogContent .l7 a { background-position:0 -300px;}
.catalogContent .l8 a { background-position:0 -350px;}
.catalogContent .l9 a { background-position:0 -400px;}

.newsList li { display:block; overflow:hidden; height:65px; margin-bottom:5px; padding:5px; border-bottom:dotted 1px #CCC; line-height:21px; color:#666;}
.newsList li .newsPic { float:left; margin-right:10px;}
.newsList li h2, .newsList li h2 a { line-height:23px; color:#333;}
.newsList li h2 span { padding-left:10px; font-weight:normal; font-size:11px;}
.newsList li div { line-height:21px; color:#666;}

.contactContent { padding:5px; line-height:23px;}
.contactContent *  { line-height:23px;}
.contactContent .map { margin-bottom:10px;}
.contactContent h2 { line-height:30px; font-size:14px;}

.aboutContent p { margin:10px 0; text-indent:24px; line-height:21px;}

.messageContent li { padding:5px; border-bottom:dotted 1px #CCC; line-height:21px; color:#666;}
.messageContent li h2 { line-height:23px; color:#333; }
.messageContent li span { line-height:21px; color:#666;}
.messageContent li div { line-height:21px; color:#666;}
.messageForm { margin:10px 0; padding:0 10px 10px 10px; border:solid 1px #CCC;}
.messageForm h2 { display:block; overflow:hidden; height:30px; margin-bottom:10px; padding:0 5px; line-height:30px; border-bottom:solid 1px #CCC;}
.messageForm p { padding:5px 0;}
.messageForm label { float:left; width:80px; text-align:right; line-height:23px;}
.messageForm .red { color:#C00;}
.messageForm .msgTitle, .messageForm .msgContent { width:440px; font-size:12px;}
.messageForm .msgContent { height:80px;}
.messageForm .name, .messageForm .email, .messageForm .phone, .messageForm .qq { width:200px;}
.messageForm .validNum { float:left; width:40px; margin-right:5px;}
.messageForm .msgBar { border-top:solid 1px #CCC; padding-top:5px; text-align:right;}
.messageForm .msgBar input { line-height:23px;}

.commentContent { line-height:23px; color:#333;}
.commentContent * { line-height:23px;}
.commentContent p { margin:10px 0; text-indent:24px; line-height:21px; color:#333;}
.commentContent li { padding:5px; border-bottom:dotted 1px #CCC;}
.commentContent li h2 a { display:block; overflow:hidden; padding:0 0 0 20px; line-height:23px; color:#333; background:url(../images/comment_icon.png) no-repeat 0 4px;}
.commentContent li div { line-height:21px; color:#666;}

.orderContent { padding:5px; line-height:21px; color:#333; background:url(../images/order_bg.png) no-repeat bottom right;}
.orderContent p { margin:10px 0; line-height:21px; color:#333;}
.orderContent a { font-weight:bold; color:#bf0000;}

.resourceContent { padding:4px; line-height:21px; color:#333;}
.resourceContent p { margin:10px 0; line-height:21px; color:#333;}
.resourceContent a { color:#bf0000;}

.seriesContent { line-height:21px; color:#333;}
.seriesContent .introduction { margin-bottom:10px;}
.seriesContent .introduction, .seriesContent .introduction .i_b  { padding:17px 0 0 0; background:url(../images/introduction.png) no-repeat;}
.seriesContent .introduction .i_b { padding:0 0 17px 0; background-position:0 100%;}
.seriesContent .introduction .i_c { padding:0 40px; background:url(../images/introduction_bg.png) repeat-y;}
.seriesContent .introduction h2 { margin-bottom:5px; padding:0 2px; line-height:25px; font-size:14px; border-bottom:solid 1px #CCC;}
.seriesContent .introduction h3 { line-height:23px; color:#666;}
.seriesContent .introduction, .seriesContent .introduction p { line-height:21px; color:#666;}
.seriesList { padding:10px;}
.seriesList li { display:block; margin-bottom:5px; padding-left:20px; line-height:23px; background:url(../images/seriesList_icon.png) no-repeat 2px 6px;}
.seriesList li a { line-height:23px; color:#666;}
.seriesList li a span { color:#808000;}

.bookCatalog { padding:10px;}
.bookCatalog ul { padding-left:40px;}
.bookCatalog li { line-height:21px;}
.bookCatalog li a { line-height:21px;}

.newsDetailContent { line-height:23px;}
.newsDetailContent * { line-height:23px;}
.newsDetailContent p { margin:10px 0; line-height:21px; color:#333;}
.newsDetailContent li { padding:5px; border-bottom:dotted 1px #CCC;}
.newsDetailContent li h2 a { display:block; overflow:hidden; padding:0 0 0 20px; line-height:23px; color:#333; background:url(../images/comment_icon.png) no-repeat 0 4px;}
.newsDetailContent li div { line-height:21px; color:#666;}

.resourceList li { display:block; height:25px; border-bottom:dotted 1px #CCC; padding-left:15px; line-height:21px; background:url(../images/seriesList_icon.png) no-repeat 0 6px;}
.resourceList li a { line-height:25px; color:#000; font-size:12px; font-weight:bold;}
.resourceList li a span { padding:0; line-height:25px; font-size:12px;}
.resourceList li span { padding-left:10px; color:#666; font-size:11px;}

.seriesBookList li { height:130px;}
.seriesBookList li .detail { height:98px;}
.seriesBookList .itemPic {}
.seriesBookList .itemPic .pic { width:80px; height:110px;}

.homeAuthorList li { float:left; display:block; overflow:hidden; width:288px; height:145px; margin:0 0 15px 10px;}
.homeAuthorList li .detail {height:120px;}
.authorList li {}
.authorList li .detail { height:96px;}

#links { clear:both; display:inline-block; width:983px; padding:10px; background:#FFF;}
#links li { float:left; padding:0 5px; }
#footer { height:80px; padding-top:10px;}
.fw { float:left; display:block; margin-top:10px; padding:10px; background:#ededed;}
.fw span { margin:0 2px; padding:5px; font-weight:bold; background:#FFF;}
.icp { float:left; display:block; margin-top:-20px; padding:0 10px;}
.footer_logo { width:500px; height:28px; margin:5px 0 5px 350px; line-height:25px;}
.footer_logo img { float:left; margin-right:10px;}

/* Tabs */
.tabsHeader, .tabsHeader li a, .tabsHeader li span { background:url(../images/tabs.gif) no-repeat;}
.tabs { margin:10px 0;}
.tabsHeader { height:27px; padding:0 3px; background-repeat:repeat-x; background-position:0 100%;}
.tabsHeader li { float:left; margin-right:3px;}
.tabsHeader li a { display:block; padding-left:5px; background-position:0 0;}
.tabsHeader li span { display:block; padding:0 8px 0 3px; line-height:27px; font-size:14px; font-weight:bold; background-position:100% -27px;}

.tabsHeader .selected a { background-position:0 -54px;}
.tabsHeader .selected span { background-position:100% -81px;}

.tabsContent { padding:5px;}
.tabsContent * { line-height:23px; color:#202020;}


/* Slider Ad */
.homeSlider { height:190px; position:relative;}

.sliderAd { overflow:hidden; width:604px; height:180px; padding-top:10px; position:absolute; top:0; left:0;}
.sliderAd li { display:inline;}

.contentContainer { float:left; overflow:hidden; width:0px; height:180px;}
.contentWrapper { }
.contentInnerWrapper { text-align: justify;}

.handle { float:left; width:12px; height:170px; padding:5px 4px; border-right:solid 1px #fff; text-align:center; line-height:125%; font-size:12px; color:#fff; background:url(../images/handle.gif) repeat-y; position:relative; cursor:default;}
.handleIcon { display:none; width:6px; height:11px; background:url(../images/handleIcon.gif) no-repeat; position:absolute; top:5px; left:-6px;}
.handleOver{ }
.handleSelected { background: url(../images/handle-sel.gif) repeat-y;}
.handleSelected .handleIcon { display:block;}