﻿{ 
	padding: 0;
	margin: 0;
}

body { 
	font: .8em Verdana, Arial, Sans-Serif; 
	line-height: 1.6em; 
	margin: 0
}

#wrap {	margin: 0 auto;	width: 1000px; }

/* TOP HEADER -------- */
#top {
	margin: 0 auto;
	padding: 0;
	color: #666;
	background: #FFF url(../images/top.jpg) repeat-x top;
	height: 81px;
}
#top h1 { padding: 10px 0 0 25px; color: #FFF; font-size: 160%; background: transparent;}
#top h2 { padding: 0px 0 0 25px; color: #aaa; font-size: 80%; background: transparent;}
#top .padding { padding-top: 5px; }
#top .lefts { 
	background: transparent url(../images/topl.jpg) no-repeat left; 
	height: 81px; 
}
#top .rights {
	background: transparent url(../images/topr.jpg) no-repeat right;
	float: right;
	height: 81px;
	width: 18px;
}

/* SEARCH BOX AND BUTTON ----------*/
#search { float: right;  padding: 10px 25px 0 0;  }

#search input.text { 
	border: 1px solid #eee;
	display: inline;
	margin-top: 5px;
	width: 120px;
	height: 12px;
	font-size: 10px;
 }
 #search input.searchbutton {
	border: 0;
	background: transparent;
	color: #FFF;
	cursor: pointer;
	font: bold 0.8em Arial, Arial, Sans-Serif
 }

#subheader { 
	clear: both; 
	border-top: 1px dotted #888;	
	border-bottom: 1px dotted #888;
	background: #eaeaea;
	color: #808080;
	padding: 1em;
	margin: 15px 8px 10px 8px;
	
}
#subheader a { text-decoration: none; border-bottom: 1px dashed #0066B3; } 
 
 
/* TOP MENU ---------- */
#topmenu {  	margin: 0px 8px 0 8px; 
			padding: 0;
			background: url(../images/menu.jpg) repeat-x top;
			height: 35px;
			
}
#topmenu .lefts { 
	background: url(../images/menul.jpg) no-repeat left; 
	height: 35px; 
	padding-left: 5px;
}
#topmenu .rights {
	background: url(../images/menur.jpg) no-repeat right;
	float: right;
	height: 35px;
	width: 8px;
}
#topmenu li a { 
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background: transparent;
	font-weight: bold
} 
#topmenu li { padding: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 35px;
	white-space: nowrap;
	list-style-type: none;
	width: auto;
	background: url(../images/sep.gif) no-repeat top right
	
}

#main { background: #FFF; margin: 25px 0 15px 0; color: #666; }

#main #rightside {
	width: 220px;
	float: right;
	background: #FFF;
	margin-right: 0px;
	color: #666;

} 

#main #rightside .box {
	background: #efefef;
	margin-bottom: 10px;
	padding: 5px;
	color: #666;
}

#main #rightside h2 {
	font: bold 1.0em Arial, Arial, Sans-Serif; 
    background: #CDCDCD url(../images/greyc.gif) no-repeat top right;
	height: 18px;
	padding: 3px;
	color: #777;
}


/* LEFT SIDE - ARTICLES AREA -------- */
#leftside {
        width: 740px;
	padding-left: 1px;
	color: #888;
	background: #FFF;
	margin-left: 1px;
clear:right;
}
#leftside h2 { color: #555; text-indent: 17px; background: #FFF url(../images/head.gif) no-repeat left; }

#footer {
	clear: both;
	background: #FFF url(../images/footer.jpg) repeat-x;
	height: 46px;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 75%;
	color: #666;
}
#footer p  { padding: 5px }
#footer .rside { float: right; display: inline; padding: 5px; text-align: right}

 
a { color: #0066B3; background: inherit; text-decoration: none }
h1 { font: bold 1.2em Arial, Arial, Sans-Serif }
h2 { font: bold 1.2em Arial, Arial, Sans-Serif; padding: 0; margin: 0 }
ul {  padding: 0; margin: 0}
li { list-style-type: none }
.date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}
#main #leftside .date a, #main #rightside a { border: 0; text-decoration: none; }
 
.comment .date { text-align: left; border: 0;}	


#breadcrumbs { 
	float: left;
	padding-left: 8px;
	padding-top: 0px;
	font: bold .8em Arial, Arial, Sans-Serif; 
	color: #666;
	width: 100%;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}




















.products-content{PADDING:10px 15px;TEXT-ALIGN: left;height:auto!important;height:100px;min-height:150px;}
.products-content h1{ text-align:center;}
.products-img {FLOAT:left;WIDTH:60%;TEXT-ALIGN:center;CLEAR:both;height:auto!important;height:100px;min-height:150px;}
.products-img ul{margin:0px;padding:5px;LIST-STYLE-TYPE: none;}
.products-img #tel{ color:green; font-weight:bold;}
.verify{margin:1px;clear:both;TEXT-ALIGN:center;}
.products-info {FLOAT:right;WIDTH:35%;TEXT-ALIGN: left;CLEAR:right;}
.products-info ul {margin:0px;padding:5px;}
.products-info LI {MARGIN: 0px;PADDING:5px 0px; BORDER-BOTTOM: #999999 1px dashed; LIST-STYLE-TYPE: none;}
.products-info #buybutton{border:0; margin-top:25px;}

ul.TabBarLevel1{
	list-style:none;
	margin:0;
	padding:0;
	height:26px;

background:url(tabbar_level1_bk.gif) repeat;
}
ul.TabBarLevel1 li{
	float:left;
	padding:0;
	height:26px;
	margin-right:1px;
	background:url(tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li a{
	display:block;
	line-height:26px;
	padding:0 20px;
	color:#333;
	background:url(tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;
	white-space: nowrap; text-decoration:none;
}
ul.TabBarLevel1 li.Selected{
	background:url(tabbar_level1_slice_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li.Selected a{
	background:url(tabbar_level1_slice_right_bk.gif) right top no-repeat;
}

ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{
	color:#333;
}
ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{
	color:#F30;
	text-decoration:none;
}
ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{
	color:#000;
}
ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{
	color:#F30;
	text-decoration:none;
}
.HackBox {
  padding : 5px  2px ;
min-height:150px; 
 height:150px;
  border-left: 1px solid #D4D3D3;
  border-right: 1px solid #D4D3D3;
  border-bottom: 1px solid #D4D3D3;
  display:none;
}
[class].HackBox{height:auto;} 
.products-remark li{PADDING:1%;TEXT-ALIGN:left;clear:both;}
.ptree-list{clear:both;margin:0px;PADDING: 5px 30px;font-size: 14px;font-weight: bold;TEXT-ALIGN: left;}
.products-remark li{PADDING:1%;TEXT-ALIGN:left;clear:both;}
.bfont{clear:both;PADDING: 5px 0px;font-size: 12px;font-weight: bold;text-decoration: none;TEXT-ALIGN: left;}
.products-list{margin:0px;padding:2px;background-color:#fff;LIST-STYLE-TYPE: none; HEIGHT:auto;font-family:arial;}
.products-list:after{content:'.';clear:both;}
.products-list ul {margin:0px;PADDING:0px;clear:left;}
.products-list LI {FLOAT:left; padding-left:2%;WIDTH:31%; LIST-STYLE-TYPE: none; HEIGHT: 25px;FONT-WEIGHT: normal;}


.bianma #right { padding:22px; padding-top:0;}
.bianma #right li { overflow:visible; float:left; padding:0; padding-bottom:25px;}
	.bianma #right li h3 { font-size:12px; margin-top:0; font-weight:bold; color:red; padding-left:25px; padding-bottom:2px;}
	.bianma #right li li { border-bottom:0; line-height:160%; width:220px;padding-bottom:0; float:left;}
		.bianma #right li li a { margin-right:2px; color:#057FBC;}




.pinpai #topping { padding:22px;}
.pinpai a{color:#057FBC;}
	.pinpai #topping li a{ float:left;border:1px #BACBE9 solid; padding:2px 7px 2px 7px; color:#000; text-decoration:none; margin-right:3px;}
.brandtitle1{clear:both;padding:5px 50px; margin-top:6px;font-size:14px;font-family:arial;font-weight: bold;border-Top:1px dashed #999999;}
.brandlist1{clear:both;font-family:arial; padding-left:30px;}
.brandlist1 ul {margin:0px;PADDING:0px;clear:left;}
.brandlist1 LI {FLOAT:left; padding-left:1%;WIDTH:23%; LIST-STYLE-TYPE: none; HEIGHT: 25px;FONT-WEIGHT: normal;}











#content { width:990px; margin:5px auto; position:relative; z-index:100; color:#4B5A61;}
    #content>#left {width:190px; float:left;}
		#left li{ padding:0; margin:0; background:url(sonct_bg.jpg) top no-repeat;}
		#left li a{ display:block; padding:3px 2px 3px 26px; color:#BC051F; font-weight:bold; text-decoration:none;}
		#left li.top{background:url(merchandise_cattop.jpg) top no-repeat; height:29px;}
		#left li.father_cat{background:url(father_ctbg.jpg) top no-repeat;}
		#left li.father_cat a{padding:4px 0 3px 12px;color:#fff;}
		#left li a:hover{ background:url(sonct_hover_bg.jpg) left no-repeat; color:#393;  width:164px; overflow:hidden;}
		#left li.father_cat a:hover{padding:4px 0 3px 12px;color:#fff; background:none;}
		#left li.blank{height:6px; background:transparent; line-height:0; padding:0; margin:0; font-size:0px; }
		#left #memeber{ border-bottom:1px #CCCCCC solid;}
		#left #memeber ul{ border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-tottom:1px #CCCCCC solid;}
		#left #memeber li{ background:transparent; float:none; border:0;border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
		#left #memeber li a{ padding:10px 0 10px 28px; font-weight:normal; color:#000000; float:left; width:auto;}
		#left #memeber li a:hover{background:transparent; color:#FF0000; width:auto;}
		#left #memeber li.top{ background:url(member_top.jpg) top no-repeat; height:51px; border:0;}
		#left table input.submit{background:url(enter_bt.jpg) no-repeat; width:49px; height:41px; border:0;}
		#left ul #hotpro{background-color:#EEE; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;}
		#left #hotpro li{background:transparent;background-color:#EEE; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; padding:6px 0 6px 28px;}
		#left #hotpro li a{background:transparent;padding:0; color:#000000; font-weight:normal;}
		#left #hotpro li a:hover{background:transparent;padding:0; color:#FF0000; width:auto; font-weight:normal;}
		#left #hotpro li.tophot{background:url(sellhot_top.jpg) top no-repeat;border:0; height:29px; padding:0; margin:0;}
		#left #hotpro li.topcomm{border:0; background:url(cmn_top_bg.jpg) top no-repeat; height:29px;padding:0; margin:0; text-align:center;}
		#left #hotpro li.topcomm a{clear:both; padding-top:6px; font-weight:900; font-size:14px; color:#FFFFFF;}
		#left #hotpro li.bottomhot{border-bottom:1px #CCCCCC solid;}
    #content>#right {width:776px; padding:12px; float:right; overflow:hidden;}
	    #right #topnav{padding:5px 0 0 19px; width:757px; height:12px;}
		     #right #topnav li{color:#000; list-style-type:none; float:left; padding-right:5px;}
			     #topnav li a {font-weight:bold; color:#000; text-decoration:none;}
			     #topnav li a:hover {color:#FF0000; text-decoration:none;}
				 
/*首页*/
#content>#indexcenter{float:left; width:640px; padding:0 7px;}
   #indexcenter #blank{height:4px;}
   #indexcenter #pinpai li{float:left; padding-left:14px;}
   #indexcenter #more{ border-bottom:2px #EEEEEE solid; margin:0 14px 8px 14px; padding-top:2px; clear:both;}
   #indexcenter #more li{ border:0; text-align:right;}
   #indexcenter #lastnewpro{ background:url(index_73.jpg); width:365px; margin-left:7px; float:left; height:197px;}
   #indexcenter #lastcommendpro{ background:url(index_75.jpg); width:365px; margin-left:6px; float:left; height:197px;}
   #indexcenter #lastnews{ background:url(idxnnews.jpg); width:365px; margin-left:7px; float:left; height:197px;}
   #indexcenter #lastdownload{ background:url(idxndl.jpg); width:365px; margin-left:6px; float:left; height:197px;}
   .newbattery{ padding:26px 1px 2px 0px; line-height:24px; }
   
#content>#indexright{width:190px; float:right;}
   #indexright li { line-height:22px;  border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; }
   #indexright li a { padding:6px 0 6px 18px; }
   #indexright ul { border-bottom:1px #CCCCCC solid;}
   #indexright ul.blank{border:0; height:5px;}
   #indexright li.blank{border:0; height:5px; font-size:1px; line-height:0;}
   #indexright li.top{background:url(bulletin_top.jpg) top no-repeat; height:42px; border:0;}
   #indexright li.topnews{background:url(last_news_top.jpg) top no-repeat; height:37px; border:0;}
   #indexright li.topdownload{background:url(new_download_top.jpg) top no-repeat; height:27px; border:0;}
   #indexright li div{background:url(last_news_bg.jpg) repeat-x; padding:3px 0 42px 0; margin-left:12px; margin-right:12px; height:198px; width:auto;}
		#indexright #hotpro li.tophot{background:url(sellhot_top.jpg) top no-repeat;border:0; height:28px; padding:0; margin:0;}
   #indexright li div ul, #indexright li div ul li{ border:0;}
#fellowship{  width:974px; margin:5px auto; position:relative; height:auto; clear:both;}
#fellowship ul {  width:974px; float:left; margin:5px auto; padding:8px;  border:1px #CCCCCC solid;}
#fellowship li { float:left; margin-right:8px;}
