@import "reset.css";
@import "body.css";

/*hotblock*/
@import "hotblock.css";
/*staticblock*/

@import "staticblock/pagectrl.css";

/*-------------------------------------------------global--------------------------------------------------*/
html,body{ -webkit-text-size-adjust:none;}
body{ font: 12px/1.5 Arial, "\5b8b\4f53", sans-serif; background:url(/css/images/bg.jpg) repeat-y top; color:#fff;}
a:link,a:visited{ color: #fff; }
a:hover{ color: #fff;}

h2{ line-height:24px; text-indent:1em; font-weight:700; }
h3{ line-height:24px; text-align:center; font-size:17px; margin:10px 0; padding-bottom:15px; }

/*clear float*/

.clear:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.clear { zoom:1;clear:both;}

/*-------------------------------------------------block----------------------------------------------------*/

/*search box*/

.search{float:right; margin-right:16px;}
.search form{}
.search input{  width:128px; height:19px;line-height:19px; font-family:arial; margin-top:10px; border:0; padding:0 2px;background:none;color:#656060; float:left;}
.search button{background:url(/css/images/bn_search.jpg) no-repeat;width:39px; height:36px;border:0;cursor:pointer; vertical-align:middle;text-indent:-9999px; float:left;}
.search .productCatagory_select{display:none;}

/*subscriber box*/
.corner{background:url(/css/images/bg_subborder.png) no-repeat;width:8px;height:45px;position:absolute;bottom:-1px;right:-13px;*right:-5px;}
.subparent{width:956px;margin:0 auto;background:#fff; position:relative;}

.subs{width:237px; background:url(/css/images/subbg.png) repeat; margin-top:10px; padding-bottom:10px;}
.subs .intro{padding-left:56px;}
.subs .subs_title{text-indent:0; padding-top:4px;}
.subs form div{background:url(/css/images/sub_input.gif) no-repeat; margin:10px 0 10px 56px; height:17px;}
.subs form div label{color:#938e8d; padding-left:2px;}
.subs form div input{border:0;background:none; margin-left:4px; width:110px;}
.subs .button{background:url(/css/images/submit.gif) no-repeat; width:45px; height:17px; border:0; font-size:1px; color:#fff;cursor:pointer; margin-left:168px;}

/*path.nav*/

.nav{} 
.nav li{ margin:0 4px 0 0; display:inline; font-size:14px; color:#fff;} 
.nav a{ line-height:24px; font-size:14px;} 

/*page-pagination*/

.list{ text-align:right;}
.pagination{text-align:right; margin-bottom:10px !important; }
.pagination select option{ padding:0 2px;}

/*subCategories*/
.SubCategories {background:url("/css/images/subbg.png") repeat; }
.SubCategories div{ border:1px solid #415A77; border-bottom:none; background:#000; color:#fff; font-weight:bold; padding:2px 5px; display:none;}
.ContentList{ padding:0 0 5px 5px;}
.ContentList li{ width:32%; margin:5px 2px 0 0; *margin-right:8px; display:inline-block; *display:inline; *zoom:1; font-weight:bold; }

/*selectButton*/

form .select { margin:10px 0; _width:100%; overflow:hidden;}
form .select .checkbox { width:75px; float:left; }
form .select .checkbox input { margin-top:4px !important; margin-top:1px; float:left;}
form .select .checkbox label { float:right; margin-top:2px;}
*+html form .select .checkbox label{ margin-top:5px;}
form .select .button {float:right;}
form .select .button input { border:0; cursor:pointer; background:#00a5d8; color:#fff; margin-left:5px; padding:2px;*padding-top:3px; font-family:arial;}

/*bk_pro*/
.bk_pro{ 
	width:160px; 
	margin-right:26px;
	position:relative; 
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
	vertical-align:top; 
	margin-bottom:15px; 
}
.bk_pro input{ position:absolute;left:0; display:block; }
.bk_pro .imageDiv{ 
	width:160px; 
	height:97px;
	margin:0;
	border:1px solid #e6e6e6;background:#fff;
	display:table-cell; 
	vertical-align:middle;
	line-height:97px;
	*display:block;
	*font-size:88px; _font-size:94px;
	text-align:center;
	}
	.bk_pro .imageDiv a img{width:160px; height:97px;}
.bk_pro div{ margin-top:4px;}	
.bk_pro div .name{   display:block;text-align:center;}
.bk_pro .standardProductName,.bk_pro .standardModel,.bk_pro .standardDescription,.bk_pro span.description{ display:none; }
.bk_pro div br{ display:none;}
.bk_pro div .item{ display:none;}



/*OtherProduct*/
.OtherProduct{ clear:both;}

/*procuct.css*/

.product{ width:48%; float:left; height:160px; }
.product .select{ float:left;margin:0;padding:0;}
.product .image{ float:left; width:120px; margin:0 10px;}
.product .content{ float:left;}
.product .content .name{ width:100%; font-weight:bold;}
.product .content .model{ width:100%; margin:5px 0;}
.product .content .desc{ width:100%;}



/*---------------------------------------------------------productDetail-----------------------------------------------------*/

/*TabbedPanels1*/

#TabbedPanels1.TabbedPanels { float:left; width:100%; }
#TabbedPanels1.TabbedPanels .TabbedPanelsTabGroup { width:248px; float:right;  background:#697968;}


#TabbedPanels1.TabbedPanels .TabbedPanelsTab { float: left; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;  padding:12px;}
#TabbedPanels1.TabbedPanels .TabbedPanelsTab img { width:100px; height:100px;}
#TabbedPanels1.TabbedPanels .TabbedPanelsTabHover { background: #395747;}


#TabbedPanels1.TabbedPanels .TabbedPanelsContentGroup {float:left; }

#TabbedPanels1.TabbedPanels .TabbedPanelsContent { width:262px;text-align:center;}
#TabbedPanels1 .jqzoom { width:100%; text-align:center; border:0;}
.jqzoom img { float:left; border:1px solid #E6E6E6;}
#TabbedPanels1.TabbedPanels .TabbedPanelsContentVisible {}
#TabbedPanels1.TabbedPanels .productImageDesc,.click{ display:none;}

/*TabbedPanels2*/
#TabbedPanels2.TabbedPanels.TabbedPanels { clear:both; padding-top:10px;}


#TabbedPanels2.TabbedPanels .TabbedPanelsTabGroup {float:left; width:100%;  display:block; border-left:1px solid #03a2d5; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTab {float:left; padding: 4px 10px; list-style:none; border:1px solid #03a2d56; border-left:none; border-bottom:none; cursor:pointer; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTabHover { background: #CCC; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTabSelected { background: #03a2d5; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTab a {}

#TabbedPanels2.TabbedPanels .TabbedPanelsContentGroup { clear: both; padding:8px; border:1px solid #8d9073;}
#TabbedPanels2.TabbedPanels .TabbedPanelsContent { padding: 4px; }
#TabbedPanels2.TabbedPanels .TabbedPanelsContentVisible {}

/*<div class="content productDetail>*/

.mainbody .productDetail .productShow .select .checkbox{ display:none; }
.mainbody .productDetail .productShow .download{ }
.mainbody .productDetail .otherProducts { margin-top:10px;}
.mainbody .productDetail h2{ text-align:center; font-size:14px; }
.mainbody .productDetail span.more{ display:block; text-align:right;}
.mainbody .productDetail .more a{ }


/*-----------vip product-------------*/

#vipCategoryH3{ }/*Vip*/
#vipCategoryH3 .describe{ }
#vipProductCategory{ background:url(/css/images/bg_li.gif) repeat; }
#vipProductCategory input{ font-family:Arial, Helvetica, sans-serif, Tahoma; border:none; background:none; text-align:center; display:block; cursor:pointer;}
#vipProductCategory input:hover{border:1px solid blue;}
#vipCategoryLink{}


/*-------------------------------------------------------news----------------------------------------------------------------------*/

.mainbody .newsList{ }
.mainbody .newsList ul{ float:left; margin:10px auto; width:100%; }
.mainbody .newsList li{ width:100%; float:left; padding:6px 0; background:url(/css/images/dot.gif) repeat-x left bottom; }
.mainbody .newsList li .idnews{ display:none;}
.mainbody .newsList li .picNews{ padding:0 3px ; float:left;}
.mainbody .newsList li a{ background:url(/css/images/sign_arrow.gif) no-repeat 8px 6px; padding:0 3px 0 20px;  display:block;   }
.mainbody .newsList li .newsListdate,.mainbody .newsList li .newsValidityTime{ float:right; padding:0 10px 0 3px; }
{ display:block; float:right; padding:0 10px 0 3px; background:#fff; }
.mainbody .newsList li .newsListdate{ display:block;}
.news_next{ margin-top:10px; border-top:1px dashed #e6e6e6; padding-top:10px;}


/*-------------------------------------------------------BasketManager-------------------------------------------------------------*/

.mainbody .basketManager {  }
.mainbody .basketManager form{ }

.mainbody .basketManager form div{ margin-bottom:5px;}
.mainbody .basketManager span{ background:#eee; width:100%; display:block;  padding:0 1%; height:25px; line-height:25px;}
.mainbody .basketManager .left{ float:left; width:15%; margin-right:1%;}
.mainbody .basketManager .center{ float:left; width:47%; margin-right:1%; *width:46%;}
.mainbody .basketManager .right{ float:left; width: 30%;  }

.mainbody .basketManager .bg_title span{ background:#637B98; color:#fff; font-weight:bold; text-align:center;}
.mainbody .basketManager .select_all{ line-height:25px;}

.mainbody .basketManager .button{text-align:right; padding-top:10px; }
.mainbody .basketManager .bn{ margin-left:3px; *margin:0 1% 0 0; border:0; background:url(/css/images/button.jpg) repeat-x left center; color:#fff; padding:0 2px;}


.mainbody .basketManager .info input{ margin-top:6px !important; margin-top:2px;} /*gou_xuan_kuang*/

/*-------------------------------------------------------ContactUs-----------------------------------------------------------------*/

.mainbody .ContactUs { }
.mainbody .ContactUs ul{ margin-top:10px;}
.mainbody .ContactUs .c_tit strong{ font-weight:700; }
.mainbody .ContactUs li{ line-height:22px; }

/*-------------------------------------------------------feedback------------------------------------------------------------------*/
.mainbody .feedbacker{margin-bottom:15px;}
.feedback{ width:98%; padding:5px; margin:0 auto; border:none; }
.feedback label{display:block; padding:5px;}
.feedback .fTitle{font-style:italic;}
.feedback .leftWord{float:left; font-weight:bold; width:15%; text-align:right; padding-right:5px;padding-top:5px;background:#657a6d ; color:#fff;}
.feedback .one{ height:24px;}
.feedback .two{ height:22px;*height:24px;}
.feedback .three{ height:38px;*height:40px;}
.feedback .four{ height:38px;*height:40px;}
.feedback .five{ height:20px;_height:10px;}
.feedback .six{ height:65px;*height:63px;}
.feedback .rightWord{margin-left:4px; float:left;text-align:left;vertical-align:top;border:1px solid #859f8c;width:70%;padding:5px;}
.feedback form *{ float:none;}
.feedback .cn{font-size:1px; height:1px; clear:both; line-height:1px;}
.feedback table{width:100%;float:left;}
.feedback table th{text-align:right;width:15%;padding-right:5px;padding-top:5px;height:28px; background:#657a6d;font-weight:bold; color:#fff;   }
.feedback table td{text-align:left;vertical-align:top;  width:70%; height:23px;  border:1px solid #859f8c;padding:5px;}
.feedback .notice{ padding-left:5px; height:30px; }
.feedback .tablesV{border:1px solid #859f8c;  border-collapse:separate; border-spacing:3px;}
.feedback .limit{display:inline;margin-left:10px;}
.feedback .limitm{display:inline;margin-left:2px;}
.feedback .limit_add{ margin-top:5px;}
.feedback .remark{color:#b8d1c8;margin-left:2px;}
/*------other element-------*/
.feedback span{ color:red;}
.feedback .input{ border:1px solid #415a77;}

/*---country.area.number----*/
.feedback .can{list-style:none; display:inline; margin-bottom:10px;}/*ul*/
.feedback .can li{float:left; margin-right:10px !important; margin-right:5px;}

.feedback .can .country {width:77px;}
.feedback .can .country input{width:77px;}

.feedback .can .area{width:77px;}
.feedback .can .area label{clear:right}
.feedback .can .area input{width:77px;}

.feedback .can .number{width:230px;}
.feedback .can .number label{clear:right}
.feedback .can .number input{width:130px;}

/*---(country.area.number)----*/
.feedback textarea{width:60%; height:108px;}
.feedback .submit{border:0; background:#00a5d8; color:#fff; cursor:pointer;padding:0 6px; *padding-top:2px;font-family:arial}
.feedback .submit input{border:1px solid #415a77;}


/*------(other element)-------*/
.feedback .tdright ol{ list-style-type: decimal; line-height:18px;}
.feedback .tdright ol li{ line-height:18px;}

.basketmanager ul{ margin:0; padding:0; width:100%; float:left; list-style:none; }
.basketmanager ul li{ text-align:right; float:left; width:100%; }
.basketmanager ul li span.left{ float:left; }

/*------------------------------------------------------friendly-------------------------------------------------------------------*/

.mainbody .Friendly { }
.mainbody .Friendly ul{  margin:10px auto; }
.mainbody .Friendly li{ line-height:22px; }
.mainbody .Friendly .link a{ background:url(/css/images/sign_arrow.gif) no-repeat 8px 5px; font-weight:bold; padding-left:20px; }
.mainbody .Friendly .info { padding-left:20px;}
.mainbody .Friendly h3 { display:none; }

/*-----------------------------------------------------Sitemap--------------------------------------------------------------------*/

.mainbody .sitemap { }
.mainbody .sitemap ul{}
.mainbody .sitemap li{ line-height:22px;  }
.mainbody .sitemap li a{ font-weight:bold; padding-left:20px;  display:block;  }
.mainbody .sitemap li img{ display:none;}

.mainbody .sitemap ul li{ background:url(/css/images/sign_square.gif) no-repeat 0 9px;}
.mainbody .sitemap ul ul li{ background:url(/css/images/sign_disc.gif) no-repeat 10px 9px; padding-left:10px;}
.mainbody .sitemap ul ul ul li{ background:url(/css/images/sign_circle.gif) no-repeat 20px 9px; padding-left:20px;}
.mainbody .sitemap ul ul ul ul li{background:url(/css/images/sign_rectangle.gif) no-repeat 30px 9px; padding-left:30px;}

/*----------------------------------------------------vip_login-------------------------------------------------------------------*/

.mainbody .vipLogin{ margin-top:100px;}
#vipProductCategory{display:none;}
.mainbody .vipLogin form{ text-align:center;}
.mainbody .vipLogin .area{ height:18px;}

#preview img{ padding:4px; border:1px solid #E6E6E6; background:#fff;}