/* CSS Document */
body {
  margin:0px auto;
  font-size:12px;
  font-family:"ËÎÌå";
  padding:0px;
  color:#2B2B2B;
   }
div,ul,li,h1,h2,h3,h4,h5,p{
  margin:0px;
  padding:0px;
  list-style:none;
  font-weight:normal;
  font-size:12px;
  font-family:"ËÎÌå";
  }
a {
  text-decoration:none;
  color:#000000;
  } 
a img {
  border:none;
  }
#box {
  margin:0px auto;
  padding:0px;
  height:100%;
  width:960px;
  overflow:hidden;
  }  
#banner {
  background: url(images/index1_02.jpg) repeat-x;
  height:115px;
  width:960px;
  position:relative;
  }
#banner h3 {
  position:absolute;
  top:25px;
  left:30px;
  } 
#banner h2 {
  position:absolute;
  top:7px;
  right:0px;
  }  
#banner ul {
  float: right;
  margin-top:37px;
  display:inline;
  }  
#banner ul li{
  float:left;
  }    
#banner ul .sou1 {
  background:url(images/index1_14.jpg) no-repeat;
  width:107px;
  height:68px;
  }  
#banner ul .sou2 {
  background:url(images/index1_15.jpg) repeat-x;
  height:68px;
  width:590px;
  }
#banner b {
  margin:12px 0 0 0;
  padding:0px;
  display:block;
  }  
#banner h1 {
  font-family:"ËÎÌå";
  font-weight:normal;
  font-size:12px;
  color:#FF0000;
  margin:5px 0 0 0;
  padding:0px;
  }
#banner ul .sou3 {
  background:url(images/index1_17.jpg) no-repeat;
  width:11px;
  height:68px;
  } 
  
 
 
  
     
#menu .bg1 {
 background:url(images/index1_25.jpg) no-repeat;
 width:11px;
 height:34px;
 float:left;
 }  
#menu .bg2 {
 background:url(images/index1_26.jpg) repeat-x;
 height:34px;
 width:938px;
 float:left;
 }
*html #menu .bg2 {
 background:url(images/index1_26.jpg) repeat-x;
 height:34px;
 width:935px;
 float:left;
 }
#menu .bg2 ul {
 float:left;
 margin-left:15px;
 display:inline;
 }
#menu .bg2 ul li {
 float:left;
  display:inline;
 }  
#menu .bg3 {
 background:url(images/index1_30.jpg) no-repeat;
 width:11px;
 height:34px;
 float:left;
 }    
#menu .class1 {
 margin:9px 33px 0 33px;
 }  
  
  
  
  
  
#center { 
 display:inline;
 height:100%;
 width:960px;
 margin:8px 0 8px 0;
 padding:0px;
 float:left;
} 
*html #center { 
 display:inline;
 height:100%;
 width:960px;
 margin:4px 0 5px 0;
 padding:0px;
 float:left;
} 
#left {
 float:left;
 width:206px;
 height:100%;
 } 
#left-top h4 {
 height:38px;
 }
#left-top ul {
margin:0px 0 0 16px;
 } 

#left-top *html ul {
text-align:center;
 }
#left-top *+html ul {
text-align:center;
 }
 .bookclass
 {
 width:85px;
 height:25px;
 border-bottom: dotted 1px #cdcccc;
 text-align:center;
 vertical-align:middle;
 line-height:25px;
	}
#left-top ul a {
 text-decoration:underline;
 height:20px;
 display:block;

 text-align:center;
 }  
#left-top ul a:hover {
 text-decoration:none;
 color:#666666;
 }
#left-down {
 margin-top:15px;
 } 
#left-down .sk1 {
 width:206px;
 height:41px;
 }  
#left-down .sk2 {
 background:url(images/sk2.jpg) repeat-y;
 width:206px;
 height:100%;
 } 
#left-down .sk2 ul {
 margin-left:5px;
 }
#left-down .sk2 ul img {
 border:solid 2px #a3a3a3;
 width:90px;
 height:110px;
 margin-top:10px;
 }
#left-down .sk2 ul li {
 height:155px;
 width:196px;
 border-top:dotted 1px #cdcccc;
 text-align:center;
 }
#left-down .sk2 ul li p {
 margin-top:5px;
 }
#left-down .sk2 ul li p a {
 color:#ff3366;
 text-decoration:underline;
 }
#left-down .sk2 ul li p a:hover {
 color:#ff6699;
 text-decoration:none;
 } 
#left-down .sk3 {
 background:url(images/sk3.jpg) no-repeat;
 width:206px;
 height:11px;
 }  
 
 
 #middle {
  float:left;
  margin-left:7px;
  width:534px;
  display:inline;
  }
  
/*yuanjiao*/  
.color1{ width:534px; height:100%;}
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; overflow:hidden; }

.b1,.b8{margin:0 5px;}

.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}

.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}

.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}

.color1 .content{border-right:1px solid;border-left:1px solid;overflow:hidden;width:528px;}

.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{border-color:#cfcfcf;}

.color1 .b1,.color1 .b8{background:#cfcfcf;}

.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{background:#fff;}

.color1 .content{ padding-left:4px;}

#middle-m{
  margin-top:6px;
}
.book{
  background:url(images/index1_68.jpg) no-repeat;
  width:533px;
  height:33px;
 }  
.book1{
 background:url(images/index1_93.jpg) no-repeat;
 width:533px;
 height:33px;
 }  
.book2 {
 background:url(images/index1_70.jpg) repeat-y;
 width:533px;
 height:100%;
 overflow:hidden;
 } 
.book2 img{
 border:#cbcbcb solid 2px;
 width:66px;
 height:86px;
 }
.book2 h5 a {
 text-decoration:underline;
 color:#ff3366;
 }
.book2 h5 a:hover {
 text-decoration:none;
 color:#ff6699;
 }
.book2 .jia{
 color:#ff3366;
 }
.tab {
  margin-left:23px;
  margin-bottom:10px;
  float:left;
  width:230px;
  display:inline;
  }
*html .tab {
  margin-left:23px;
  margin-bottom:16px;
  float:left;
  width:230px;
  display:inline;
  }
*+html .tab {
  margin-left:23px;
  margin-bottom:16px;
  float:left;
  width:230px;
  display:inline;
  }

.book3 {
 background:url(images/index1_89.jpg) no-repeat;
 width:533px;
 height:15px;
 }
.more{
 float:right;
 display:inline;
 margin:7px 27px 0 0;
 width:33px;
 height:11px;
 }  
#middle-down {
 margin-top:8px;
 }
  
  
  
  
#right {
 width:205px;
 height:100%;
 float:right;
 }  
.new-news {
 background:url(images/index1_60.jpg) no-repeat;
 width:205px;
 height:38px;
 }  
.news2 {
 background:url(images/index1_124.jpg) repeat-y;
 width:205px;
 height:100%;
 }
.news2 .ul-news {
 padding:15px 0 0 12px;
 height:164px;
 }
.news2 .ul-news li {
 height:25px;
 line-height:25px;
 }   
.news3 {
 background:url(images/index1_86.jpg) no-repeat;
 width:205px;
 height:23px;
 }
.distance{
 margin-top:8px;
 }
.news-shop {
 background:url(images/index1_72.jpg) no-repeat;
 width:205px;
 height:38px;
 } 
.ul-shop {
 padding:15px 0 0 12px;
}
.ul-shop li {
 height:25px;
 line-height:25px;
 }
.ul-shop li img {
 vertical-align:middle;
 }
.news-books {
 background:url(images/index1_18.jpg) no-repeat;
 width:205px;
 height:39px;
 }  
.news-bookspic {
 background:url(images/index1_21.jpg) no-repeat;
 width:205px;
 height:107px;
 }  
.news-sell {
 background:url(images/index1_91.jpg) no-repeat;
 width:205px;
 height:38px;
 } 
.ul-sell {
 padding:15px 0 0 12px;
 height:146px;
}
.ul-sell li {
 height:26px;
 line-height:26px;
 }
 .ul-sell li img {
 vertical-align:middle;
 }   
.news-links {
 background:url(images/index1_122.jpg) no-repeat;
 width:205px;
 height:38px;
 } 
.ul-links {
 padding:15px 18px 0 18px;
}
.ul-links li {
 height:25px;
 line-height:25px;
 border-bottom: dotted #cdcccc 1px;
 } 
*html .ul-links li {
 height:15px;
 line-height:15px;
 padding:10px 0 0 0px;
 vertical-align:bottom;
 border-bottom: dotted #cdcccc 1px;
 }    
.news-linksfoot {
 background:url(images/index1_134.jpg) no-repeat;
 width:205px;
 height:31px;
 }    
.more1{
 float:right;
 margin:3px 10px 0 0;
 }  
#foot {
 background:url(images/foot-bg.jpg) repeat-x;
 height:119px;
 width:960px;
 float:left;
 }  
#foot h1 {
 float:left;
 margin: 35px 0 0 35px;
 display:inline;
 }  
#foot ul {
 margin:9px 0 0 30px;
 padding:22px 0 0 20px;
 height:78px;
 border-left: dotted #cdcccc 1px;
 float:left;
 display:inline;
  }  
#foot ul li {
 height:20px;
 line-height:20px;
 }  
 
 
 
 
 
 
/*book*/ 
#book-c-left {
 width:206px;
 height:100%;
 float:left;
 }
.color2{ width:206px; height:100%;}
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; overflow:hidden; }

.b1,.b8{margin:0 5px;}

.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}

.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}

.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}

.color2 .content{border-right:1px solid;border-left:1px solid;overflow:hidden;}

.color2 .b2,.color2 .b3,.color2 .b4,.color2 .b5,.color2 .b6,.color2 .b7,.color2 .content{border-color:#cfcfcf;}

.color2 .b1,.color2 .b8{background:#cfcfcf;}

.color2 .b2,.color2 .b3,.color2 .b4,.color2 .b5,.color2 .b6,.color2 .b7,.color2 .content{background:#fff;}

.color2 .content{ padding-left:4px;}


#book-c-right {
 float:right;
 width:745px;
 height:100%;
 display:inline;
 
 }
.color3{ width:745px; height:100%; }
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; overflow:hidden; }

.b1,.b8{margin:0 5px;}

.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}

.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}

.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}

.color3 .content{border-right:1px solid;border-left:1px solid;overflow:hidden;width:739px;}

.color3 .b2,.color3 .b3,.color3 .b4,.color3 .b5,.color3 .b6,.color3 .b7,.color3 .content{border-color:#cfcfcf;}

.color3 .b1,.color3 .b8{background:#cfcfcf;}

.color3 .b2,.color3 .b3,.color3 .b4,.color3 .b5,.color3 .b6,.color3 .b7,.color3 .content{background:#fff;}

.color3 .content{ padding-left:4px;}  
.classbg {
 width:740px;
 }

.classbg ul {
 float:left;
 }
.classbg ul li{
 float:left;
 }
 .classbg11 {
 width:534px;
 }
 .classbg11 ul {
 float:left;
 }
.classbg11 ul li{
 float:left;
 }
.classbg-l {
 background:url(images/class_05.jpg) no-repeat;
 width:126px;
 height:31px;
 font-size:14px;
 color:#FFFFFF;
 }
.classbg-l b{
 margin:9px 0 0 27px;
 display:block;
 } 
.classbg-m {
 background:url(images/class_06.jpg) repeat-x;
 width:599px;
 height:31px; 
 }
.classbg-mnei {
 background:url(images/class_06.jpg) repeat-x;
 width:387px;
 height:31px; 
 }
.classbg-m b{
 margin:9px 0 0 3px;
 display:block;
 font-weight:normal;
 } 
.classbg-m b a{ 
 text-decoration:underline;
 } 
.classbg-m b a:hover {
  text-decoration:none;
  color:#db6700;
  }  
.classbg-r {
 background:url(images/class_08.jpg) no-repeat;
 width:11px;
 height:31px;
 }     
*html .table{
 width:740px;
 float:left;
 } 
.table img {
 border:#CCCCCC solid 1px;
 width:90px;
 height:113px;
 }  
.STYLE1 {color: #ff3366}
.STYLE2 {color: #666666; font-size:12px;}  
.STYLE1 a {
 text-decoration:underline;
 color:#ff3366;
 }  
.STYLE1 a:hover {
 text-decoration:none;
 color:#ff6699;
 }  
.reviews {
 width:527px; 
 float:left;
 font-size:14px;
 }    
.reviews a:hover {
 color:#666666;
 }  
.reviews h5 {
 font-size:14px;
 height:30px;
 font-weight:bold;
 color:#57a71c;
 margin:20px 0 0 17px;
 } 
.reviews ul {
 padding-bottom:15px;
 margin:0 0 0 17px;
 width:496px;
 font-size:14px;
 line-height:26px;
 border-bottom:#d6d3d3 solid 1px;
 } 
.reviews ul p {
 font-size:14px;
 }
.yiny {
 background:url(images/cla_8.jpg); 
 width:218px; 
 height:83px; 
 margin-left:20px;
 padding:2px 0 0 2px;
 } 
.yiny img {
 border:#d6d3d3 solid 1px;
 width:206px;
 height:71px;
 }  
.reviews h3 {
 font-size:14px;
 height:50px;
 font-weight:bold;
 color:#ff3366;
 margin:20px 0 0 17px;
 text-align:center
 }   
.reviews h4 {
 text-align:right;
 font-size:12px;
 font-weight:bold;
 margin-right:20px;
 }  
.pic {
 border:#d6d3d3 solid 1px;
 width:175px;
 height:219px;
  }  
.reviews h2 {
  margin:15px 0 5px 0;
  }   
.reviews h2 a {
 text-decoration:underline;
 color:#ff3366;
 }
.reviews h2 a:hover {
 text-decoration:none;
 color:#ff6699;
 }  
.tab img{
 border:#cbcbcb solid 2px;
 width:66px;
 height:86px;
 }  
 .tab 
 {
	font-size:12px;
	}
  
  
  
.reviews1 {
 width:527px;
 height:100%;
 float:left;
 font-size:14px;
 } 
.reviews2 {
 width:527px;
 height:200px;
 float:left;
 font-size:14px;
 font-weight:bold;
 background:#fffff5;
 }   
.reviews2 img {
 border:#999999 solid 1px;
 width:96px;
 height:137px;
 }  
.reviews2 ul {
 float:left;
 }  
.reviews2 ul li {
 float:left;
 width:98px;
 text-align:center;
 margin:20px 16px 0 17px;
 display:inline;
 }  
.reviews2 ul li p {
font-weight:bold;
 text-align:center;
 margin-top:14px;
 color:#6f6f6f;
 }   
.reviews2 ul li a:hover p {
 color:#000000;
 text-decoration:underline;
 }  
.STYLE3 {
	color: #5aa91c;
	font-weight: bold;
}
.STYLE4 {
	color: #000000;
	font-weight: bold;
} 
.yuekan img{ 
 border:#dddcdc solid 3px;
 width:162px;
 height:231px;
 }
.list{
 margin-top:5px; 
 line-height:26px; 
 font-size:14px;
 }  	 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
