/* CSS Document */

/* CSS Document */

/**************************************/
/*eilianson@163.com modify at 2007.1.25*/
/**************************************/
/*  bookuu CopyRight  */
/**************************************/

/*begin: eilianson@163.com modify at 2007.1.25*/
/* 全局CSS定义 */
body
{
   background: white;
   margin:0px;
   font-family:"宋体", arial, Trebuchet MS, Arial, Verdana, Helvetica;
   font-size: 12px;
   line-height:120%;
   color: #333333;
   text-align:center;
   min-width:1003px;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
div,form,ul,ol,ul,li,td{text-align:left;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
#Gateway{
	min-width:1003px;
	width:expression(document.body.clientWidth < 1024 ? "1003px" : "auto" );
	margin:0 auto;
}
.black{height:16px; font-size:1px; line-height:16px; clear:both;}
.backlink{height:6px; font-size:1px; line-height:6px; clear:both;}
#content{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding-top:0px;
	clear:both;
}
a:link {color:#1964AF; text-decoration:none;}
a:visited {color:#1964AF;text-decoration:none;}
a:hover {color: #969600; text-decoration:underline;}
a:active {color: #969600;}
h2 {
	font-family:MingLiU,"宋体", Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
	text-decoration: none;
	padding: 4px 0px 0px 3px;
	margin: 0px 5px 3px 0px;
	border-bottom: 1px solid #63858B;
	border-left: 1px solid #63858B;
}
h2 a:link {
	color: #993300;
	text-decoration: none;
}
h2 a:visited {
	color: #993300;
	text-decoration: none;
}
h2 a:hover {
	color: #993300;
	text-decoration: underline;
}
/* 头部定义（包括查询、头部广告、)  */
/*top*/
div#header 
{ position: relative;
  border-width: 0;
  background:url(../images/top_bg.gif) repeat-x;
  height:75px;
}
#header img{padding:0px;}
#header .headerBox{clear:both; width:100%; float:left;}
#header .logo{width:25%; float:left; padding:8px 0 0 0}
#header .logo img{float:left; margin:0 0 0 10px;}
#header .headerMenu{width:72%; float:left;}
#header .MenuBox{width:94%!important; width:98%; float:right;}
#header .login{clear:both; height:49px;}
#header .mainMenu{clear:both; padding:6px 0 0 0; font-weight:bold; color:#993300; font-size:13px;letter-spacing:0px;}
.mainMenu a:link {color:#993300; text-decoration:none;}
.mainMenu a:visited {color:#993300;text-decoration:none;}
.mainMenu a:hover {color: #969600; text-decoration:none;}
.mainMenu a:active {color: #969600;}
/*login */
#header .Hlogin{float:left; padding:18px 0 0 0;}
#header .Hlogin p{margin:0; padding:8px 0 0 0;}
#header .Hlogin p span{color:#993300; font-weight:bold;}
#header .Hlogin input{width:14%; border:#999933 1px solid; height:16px;}
#header .Hcar{width:25%; float:left; padding:5px 0 0 0;}
.Hcar_bg{height:42px; background-color:#8E3809; padding:0 2px 2px 2px;}
.Hcar_bg p{clear:both; margin:0; padding:0}
.Hcar_bg p.How{background-color:#EFEFDE; height:15px; padding:3px 0 2px 0;text-align:center;}
.Hcar_bg p span{color:#FF0000; font-weight:bold;}
.Hcar_bg p.loginon{padding:8px 0 0 0;}
#header h2{border:0px;}
/* search and banner */
div#banner_a form { margin: 0; padding: 0px 0px 10px 0px; }
div#banner_a ul { margin: 0; padding: 0; }
#banner_a {
	background: url(../images/redbar.gif) repeat-x;
	padding-top: 10px;
	position: relative;
}
div#runner 
{ background: url(../images/redcorner.gif) left top no-repeat;
  width:2%; height: 12px; 
  position: absolute; left: 0; top: 0px;
}
#search
{ position: absolute; left: 2%; top: 10px; 
  background: #efefde url(../images/box.gif) right bottom no-repeat; 
  width:18%;
}

#search form { background: url(../images/box-bl.gif) left bottom no-repeat; width:100%; text-align: center; padding-bottom: 12px; } 
#search select{margin:5px 0 0 0;}
#search #kw { width: 80%; }
div#left_banner { position: absolute; left:19.2%; top: 0px; width:80.8%!important; width:80.8%;}
div#hp_banner { 
	position: absolute; 
	left:expression(document.body.clientWidth < 800 ? "0.3%" : "0.5%" ); 
	left:0.4%;
	top: 28px; width:95%; background: url(../images/search_rt_top.gif) left top no-repeat; padding: 17px 2% 0px 2%; 
}

#hp_banner p{margin:0 1.2% 0 0.5%; padding: 0; background:#81ABAC; width:31.5%; height:90px; float:left; overflow:hidden;}
#hp_banner p.ban1{margin:0 0 0 0.7%;}
#hp_banner p.ban2{margin:0 0 0 1.9%;}
#banner_b_hp {
        position: absolute; left: 0px; top: 10px; height: 25px;
        padding-left: 15px; right: 0; background: #efefde;
		}
#banner_c_hp {
        height: 25px;
		background: url(../images/tan_to_white.gif) left bottom
        repeat-x;
}
ul#links { position: absolute; left:12%; top: 1px; height: 23px; margin: 0; padding: 0; width: 75%; text-align: centent; font-size: inherit; }

ul#links li { 
 display: inline; 
 list-style-type: none;
 margin: 0; padding: 0; 
 background: none;
} 

ul#links li a {
 padding-left: 10px;
 background: none;
}

ul#links li.a a { background: none; }
#header ul#links li a { display: inline; }
ul#links li a:hover { text-decoration: underline; }	
/* body */
#boxBkTop{margin:145px 0 0 0; clear:both; width:100%;}
/* 左边内容 */
.leftcontent{width:15%; float:left; margin:0 0 0 2.2%!important; margin:0 0 0 1.2%;}
.leftcontent ul{
	list-style-type:none;
	margin:8px 0 0 0;
	padding:0;
}
.leftcontent ul li{
	margin:0px;
	padding:0px;
	display:block;
	padding-left:18px;
	background:url(../images/listText.gif) no-repeat 10px 6px;
	line-height:20px;
}
.leftcontent h1{margin:0; padding:5px 0 0 0; clear:both;}
.leftcontent h1 img{
width:99%; max-width:145px;
width:expression(document.body.clientWidth < 800 ? "116px" : "145px" );
}
.leftcontent p{margin:0px; padding:6px 0 0 0; clear:both; float:left; line-height:18px;}
.leftcontent p img{width:70px; height:90px; float:left; padding:0 4px 4px 0;}
.leftcontent p span{font-weight:bold; color:#8D8A33;}
.leftcontent .perfried{color:#333333;}
.leftcontent .goodPerson{
	color:#993300;
	font-weight:normal;
}
/* 中间内容 */
.Cencontent{width:53%; float:left; margin:0 0 0 3%!important; margin:0 0 0 3%;}
/* 专题 */
.CenZt{clear:both;}
.CenZt p{margin:0px; padding:0px; width:100%; clear:both; float:left; overflow:hidden; text-align:center;}
.CenZt p img{ float:none;}
.CenZt .Ztlist{width:100%; float:left; clear:both; padding:12px 0;}
.CenZt .listbox{width:42%; float:left; margin:0 6.5% 0 0!important; margin:0 6% 0 0;}
.CenZt .listbox h2{font-size:12px;}
.CenZt .listbox ul{padding:0; margin:8px 0 0 0}
.CenZt .listbox ul li{padding:3px 0 3px 10px; clear:both; background:url(../images/i1_1.gif) 2px 7px no-repeat; list-style-type:none; display:block; line-height:16px;}
.CenZt .listbox ul li.pic{float:left; background-image:none; padding:0; width:100%;}
.CenZt .listbox img{width:50px; height:50px; margin:0 5% 0 0; float:left;}
.CenZt .listbox span{ font-weight:bold;}
/*新品上架 */
.newProduct,.editorCommend{width:100%; clear:both; clear:left;}
.newPBox{clear:both; width:100%; margin:0 0 10px 0; float:left; padding:6px 0 0 0;}
.newPBox h1{margin:0px; width:96%; float:left; color:#969600; padding:1% 0 0 3%; font-size:14px; font-weight:bold;}
.ProductBox{width:20%; float:left; margin:0 3% 0 1%!important; margin:0 4% 0 0.5%;} 
.ProductBox p{padding:5px 0; clear:both; font-weight:bold; margin:0;}
.ProductBox ul{}
.ProductBox ul li{clear:both; list-style-type:none; display:block;}
.ProductBox ul img{float:left; width:70px; padding:0 0 8px 0;}
/* 编辑推荐 */
.editorCommend{margin:12px 0 0 0; width:100%;}
.editorBook,.editorMusic{clear:both; width:100%;}
.editorCommend h1{margin:0px; width:100%; float:left; color:#969600; padding:1% 0; font-size:14px; font-weight:bold;}

.editorBook{padding:14px 0 0 0;}
.editorMusic{}
.editorMusic p{width:31.5%; float:left; padding:0; margin:0 1.5% 0 0; height:70px;} 
/*.editorMusic p.mzt{background-color:#968770;}
.editorMusic p.mzt01{background-color:#DAC375;}*/
.Musicztlist,.MusicztPic{width:100%; float:left;}
.Musicztlist ul{padding:0; margin:8px 0 0 0;}
.Musicztlist .Musiclist{width:30%; float:left; margin:0 3% 0 0;}
.Musicztlist ul{padding:0; margin:8px 0 0 0;}
.Musicztlist ul li{padding:3px 0 3px 10px; clear:both; background:url(../images/i1_1.gif) 2px 7px no-repeat; list-style-type:none; display:block;}

/* 点书台 */
.bkdst{width:52%; float:left;}
.dst-dl{ background: url(../images/dst_l.gif) left top no-repeat; }
.dst-dc{ background: #fff url(../images/dst_c.gif) left top repeat-x;}
.dst-dr{ background: url(../images/dst_r.gif) right top no-repeat; padding:0 6px;}
.dst-title{padding:12px 0 0 0; text-align:center; clear:both;}
.dst-pic{padding:12px 0; width:100%; text-align:center;}
.dst-left{width:43%; float:left; margin:0 0 0 3%!important; margin:0 0 0 3%;}
.dst-left ul{padding:0; margin:8px 0 0 0;}
.dst-left ul li{padding:3px 0 3px 10px; clear:both; background:url(../images/i1_1.gif) 2px 7px no-repeat; list-style-type:none; display:block;}
.dst-left p{width:100%; margin:0; padding:0; height:70px;}
.dst-left p.dstbg{background-color:#fff; margin:12px 0 0 0;}
/* 名社 */
.publish{clear:both; width:100%; margin:10px 0 0 0;}
.ds-br { background: url(../images/box-br.gif) right bottom no-repeat; }
.ds-bl { background: url(../images/box-bl.gif) left bottom no-repeat ; }
.ds-tl { background: url(../images/box-tl.gif) left top no-repeat; }
.ds-tr { background: url(../images/box-tr.gif) right top no-repeat; padding: 0 20px 5px 20px; line-height:18px;}
.ds-r  { background: #efefde url(../images/box-left.gif) right top repeat-y; }
.ds-b  { background: url(../images/box-bottom.gif) left bottom repeat-x; }
.boxShadow {
}
.boxShadow h2 {
	border: 0px none;
	padding:10px 0 0 0;
}
.ds-tr p{padding:8px 0 0 0; margin:0;}
.ds-tr p img{margin:0 2.5% 2% 0!important; margin:0 2.5% 2% 0;}

/* 右边内容 */
.rightcontent{width:21%; float:left; margin:0 0 0 3%!important; margin:0 0 0 3%;}
.rightbox{width:92%; float:left; clear:both; padding:2%; border:#63858B 1px solid; margin-bottom:18px;}
.rightbox h2{border:0;}
/* 博库动态*/
.Rbknews,.Rbkgood,.Rbkallph{clear:both;}
.Rbknews ul{padding:0; margin:8px 0 0 5px;}
.Rbknews ul li{padding:3px 0 3px 10px; clear:both; background:url(../images/listText.gif) 2px 7px no-repeat; list-style-type:none; display:block;}
/*惠 购 */
.Rbkgood{overflow:hidden;}
.Rbkgood p{margin:0; padding:0; width:100%; clear:both;}
.Rbkgood p img{float:none;}

/*

.Hg-ban{width:100%; clear:both; float:left;}
.Hg-Pic{width:38%; float:left;}
.Hg-conntent{width:60%; float:left;}
.Hg-conntent p{clear:both; margin:0; padding:0; width:100%;}
.Hg-conntent p.Hgtitle{color:#969600;}
.Hg-conntent p.Hgtitle01{color:#286253; font-weight:bold;}
.Hg-conntent p.Hgtitle02{color:#626262;}

*/
/* 博库总排行 TOP10 */
.Rbkallph .phmenu{display:block; clear:both; padding:6px 0 0 0; width:100%;}
.Rbkallph .phmenu a{cursor:pointer; cursor:hand;}
.sec2 a:visited {color:#333333;text-decoration:none;}


.Rbkallph .phmenu p{width:48%; padding:5px 0; border-left:1px solid #BCB96D; list-style-type:none; text-align:center; float:left; margin:0px;}
.Rbkallph .phmenu p.sec1{background-color: #F3F3E5; text-decoration:none; color:#993300; border:1px solid #BCB96D; border-left-style:none; font-weight:bold;}
.Rbkallph .phmenu p.sec2{background-color: #fff; color:#000;text-decoration:none; font-weight:bold; border:1px solid #A9A658; border-left-style:none; border-bottom-style:none; font-weight:bold;}

.Rbkallph .phlist{display:block; clear:both; padding:8px 0 0 0; width:100%; line-height:18px;}
.Rbkallph .phlist p{width:94%; float:left; clear:both; margin:0 0 0 1%; padding:0;}
.Rbkallph .phlist p img{width:70px; float:left; padding:0 4px 4px 0;}
.Rbkallph .phlist ul{padding:0;margin:0 0 0 5px;}
.Rbkallph .phlist ul li{padding:2px 0; clear:both; list-style-type:none; display:block; line-height:18px; width:100%;}



/* 博库网群 */
.shops{margin:6px; width:100%;}
.main_shops_wq{clear:both; font-weight:bold;}
.main_shops_title{padding:8px 0; clear:both; font-weight:bold; color:#993300;}
.main_shops_area{clear:both;}
.main_shops_area ul{}
.main_shops_area ul li{list-style-type:none; width:80px; float:left;}

/* BEGIN styles for pop-over */

.pop-over {
	background-color: #fff;
	border:3px solid #EDEDD3;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	margin: 0 0 0 0;
	padding: 3px 5px 0px 7px;
	width: 350px;
	clear:both;
	float:left;
	}
	
	.pop-over a {
		color:#1964AF;
		line-height: .82em;
		text-decoration: none;
	}
	
	.pop-over a:hover {
		color:#969600;
		text-decoration: underline;
		background-color:#F5F5E6;
	}

	.pop-over ul {
		list-style-type: none;
		margin: .2em 0 0 0;
		padding: 0 0 0 0;
	}
	
	.pop-over li {
		padding: 0 0 4px 0;
	}
	
	.pop-over li a {
		display: block;
		line-height:.82em;
		padding: 2px;	
		width: 100%;
	}

/*	
	.pop-over li a:hover {
		background-color:#F5F5E6;
		color:#c60;
	}
*/

	.pop-over td {
		padding: 0px;
		vertical-align: top;
		width: 25%;
	}
	
	

/* END styles for pop-over */
/* 底部*/
/*.foot{
	width:100%; 
	float:left; 
	clear:both; 
	margin:35px 0 0 0;
	min-width:779px;
	width:expression(document.body.clientWidth < 800 ? "779px" : "99%" );
}
.foot h2{border:0;}
.footBox{width:95%!important; width:96.6%;float:left; margin:0 0 0 2.2%!important; margin:0 0 0 1.2%;clear:both;}
.firendlink{clear:both; border:#63858B 1px solid; padding:5px;}
.firendlink p{padding:5px 0; margin:0; clear:both;}
.firendlink img{padding:0 1.5% 5px 1.5%!important; padding:0 1.2% 0 1.2%;}

.footmenu{background-color:#63858B; color:#FFFFFF; height:22px; padding:7px 0 0 0; text-align:center; margin:25px 0 0 0;}
.footmenu a:link {color:#fff; text-decoration:none;}
.footmenu a:visited {color:#fff;text-decoration:none;}
.footmenu a:hover {color: #ffff00; text-decoration:none;}
.footmenu a:active {color: #ffff00;}
.footaboutme{clear:both; margin:8px 0 0 0; text-align:center; line-height:18px;}*/





.endPage-foot{clear:both; width:100%; float:left;}
.endPfootBox{margin:0 0 0 2%!important; margin:0 0 0 1%; width:97.8%; clear:both; float:left;}
.endhelpBox{width:96%; padding:1.2%; float:left; border:#DCDCB8 1px solid; clear:both;}
.endPSyfootBox{margin:0 0 0 2%!important; margin:0 0 0 1%; width:96%!important; width:97%; clear:both; float:left;}
.endhelpSyBox{width:96%; padding:1.2%; float:left; border:#63858B 1px solid; clear:both;}
.endhelpSyBox h2{border:0;}
.endhelpSyBox p{padding:5px 0; margin:0; clear:both;}
.endhelpSyBox img{margin:0 1.2% 5px 1.2%!important; margin:0 1.2% 5px 1.2%;}

.endhelpBox ul{margin:0; padding:0; float:left; width:20%;}
.endhelpBox ul li{clear:both; width:100%; float:left; list-style-type:none; line-height:18px;}
.endhelpBox ul li.helpT{font-weight:bold;}

.end-footmenu{
	background-color:#63858B; 
	color:#FFFFFF; 
	height:22px; 
	padding:7px 0 0 0; 
	text-align:center; 
	width:98.8%; 
	clear:both; 
	float:left;
}
.end-footmenu a:link {color:#fff; text-decoration:none;}
.end-footmenu a:visited {color:#fff;text-decoration:none;}
.end-footmenu a:hover {color: #ffff00; text-decoration:none;}
.end-footmenu a:active {color: #ffff00;}
.end-footaboutme{clear:both; text-align:center; line-height:20px; width:98.8%;}

