@charset "utf-8";
/* CSS Document */

body{font-size:12px; font-family:宋体,Arial; background:#000 url(../images/mainbg.png) left top repeat-x;}
img{border:none;}
* {padding:0; margin:0;}

a.whitelink{color:#FFF; text-decoration:none;}
a.whitelink:hover{ color:#FC0;}

a.redlink{color:#C00; text-decoration:none;}

a.graylink{color:#CCC; text-decoration:none;}
a.graylink:hover{color:#FFF; text-decoration:underline;}

a.yellowlink{color:#FC0; text-decoration:none; font-size:12px;}
a.yellowlink:hover{text-decoration:underline;}

a.speciallink{color:#D8C098; text-decoration:none;}
a.speciallink:hover{text-decoration:underline;}

.clear{clear:both; height:0px;}

#body_part{width:998px; margin:auto; height:auto; background:url(../images/left_bg.png) left top no-repeat; overflow:hidden;}
#left_part{width:192px; float:left; margin-left:55px; -margin-left:27px; padding-bottom:32767px; margin-bottom:-32767px; background:#500 url(../images/left_topbg.png) left top no-repeat;}
#right_part{width:696px; float:right; margin-right:55px; height:auto;}
#top_part{height:114px; background:url(../images/top_bg.jpg) left top no-repeat; width:696px;}

.leftlist{width:172px; margin:10px; margin-bottom:20px; height:auto;}
.leftlist h4{color:#FFF; font-weight:bold; line-height:19px; border-bottom:1px dashed #FFF; padding-left:20px; padding-top:7px;}

#productclass h4{background:url(../images/left_ico_1.png) left top no-repeat;}
#productclass ul{list-style:none; margin:5px 0;}
#productclass .bigclass{padding-left:10px; padding-bottom:5px}
#productclass .bigclass a{color:#FFF; text-decoration:none; padding-left:10px; background:url(../images/list_style_1.png) left 2px no-repeat;}
#productclass .bigclass a:hover{color:#FC0;}
#productclass .smallclass{margin-left:15px;}
#productclass .smallclass a{ padding-left:0; background:none; color:#CCC;}

#peijian h4 ,#links h4{background:url(../images/left_ico_2.png) left top no-repeat;}
#peijian ul{list-style:none; margin:10px 0 0 10px;}
#peijian li{padding-left:10px; background:url(../images/list_style_1.png) left 4px no-repeat; line-height:19px;}


.top_text_ad{margin:35px 0 0 250px;}
#mainmenu{float:right; list-style:none; margin:37px 0 0 100px; -margin:33px 0 0 50px; width:500px;}
#mainmenu li{float:left; padding:0 15px;}
#mainmenu li a{font-weight:bold;}
#mainmenu1 .mainmenu1 ,#mainmenu2 .mainmenu2 ,#mainmenu3 .mainmenu3 ,#mainmenu4 .mainmenu4 ,#mainmenu5 .mainmenu5 ,#mainmenu6 .mainmenu6{color:#FC0;}

#mainad{width:696px; height:115px;}

#introtext{height:197px; width:696px; background:url(../images/intro_bg.png) left top repeat-x;}
#introtext .introcontent{color:#FFF; line-height:18px; width:400px; height:130px; background:url(../images/intro_bg_2.png) center bottom no-repeat; float:left; margin:30px 0 0 20px;}
#introtext .introcontent span{color:#FC0;}

#notebook_list{background:#333 url(../images/notebook_listbg.png) left top repeat-y; height:auto; padding-bottom:20px; padding-left:15px;}
#notebook_list h2{margin:0px 0 10px 50px; font-size:16px; line-height:19px;}

.nb_info{width:329px; height:90px; background:url(../images/nb_info_bg.png) left top no-repeat; float:left; margin-right:10px; -margin-right:8px; margin-bottom:5px;}
.nb_info p{color:#999; line-height:17px; float:left; width:205px; padding-left:17px;}
.nb_info p.nb_pic{float:left; margin:2px 4px; padding-left:0; width:88px; height:77px;}
.nb_name{background:url(../images/ico_1.png) left 1px no-repeat; margin-top:10px;}
.nb_name a{font-weight:bold;}
.nb_intro{background:url(../images/ico_2.png) left 1px no-repeat; height:35px; white-space:normal; word-break:break-all; overflow:hidden;}
.nb_price{background:url(../images/ico_3.png) left 1px no-repeat;}
.nb_info p.nb_price{color:#FF6;}
.nb_more_btn{display:block; background:url(../images/nb_more_btn.png) no-repeat; width:44px; height:9px; float:right; position:inherit; margin-top:-10px; margin-right:2px;}

#notebook_list .nb_content{color:#CCC; line-height:21px; padding-left:30px; padding-right:30px;}

.nb_info:hover{background:url(../images/nb_info_bg.png) left bottom no-repeat;}

#pagination{clear:both; color:#FFF; padding-top:30px;}
#pagination a{color:#FFF;}

#foot_part{width:696px; height:auot; background:#000 url(../images/foot_part_bg.png) left top no-repeat;}
#foot_part ul{width:350px; list-style:none; margin:20px 20px 30px 0; float:right;}
#foot_part ul li{float:left; padding:0 15px;}
#copyright{clear:both; color:#FFF; margin:10px 0 20px 20px; line-height:21px;}
#copyright span{float:right; margin:10px 20px 20px 0;}