﻿/**  兼容IE6/IE7/FIREFOX的CSS写法--------Hmily------模板:标准框架------  w3c-xhtml **/
/*----公用部分---*/
body {margin-top: 0; margin-bottom: 0; text-align: center;}
div,td,tr,span,p,li{ color:#000; font-size: 12px; font-family: "宋体"; }
.MyAccountHR{ BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: solid;BORDER-RIGHT-STYLE: solid; BORDER-TOP-STYLE: solid;height:1px;color:#0055a1;}/*这个下单过程中用到的分割线*/
img{ border: 0}
.{margin: 0;padding: 0}
.clstxbSearch{ width:500px}
.txtcontent{ width:700px; height:120px}
#HTMLOuterTable{width: 950px;}
#HTMLOuterTD{width: 950px;}
.TableBody{ width:950px !important;*width:952px !important;width:950px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
a:link { color:#000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: orange ; text-decoration: underline;POSITION: relative; top:1px; }
a:active {color: #000000; text-decoration: none;  }
.ad{ width:795px; overflow:hidden; padding-top:1px; padding-bottom:1px}
.ad_header{ margin-top:10px; margin-bottom:10px}
.Discount{ margin-left:2px; margin-right:2px; height:30px; line-height:30px; vertical-align:middle; padding-left:20px; text-align:center; background-color:#f2f2f2;}
.SaleDiscount{ width:99%; margin-left:1px; float:left; margin-right:1px; text-align:center; padding:3px}
.SaleDiscount li{ width:33%; float:left; display:block; text-align:center;height:30px; line-height:30px; vertical-align:middle; border:1px solid #eaeaea;}
.QtyDiscount{ width:99%; margin-left:1px; float:left; margin-right:1px; text-align:center; padding-left:10px;}
.QtyDiscount li{ width:19%; float:left; display:block; text-align:center;height:30px; line-height:30px; vertical-align:middle; border:1px solid #eaeaea;}
.div100{ margin-bottom:10px; text-align:left; overflow-x:hidden}
/*****************这里是我用来做产品图片的特效****************************/
#Recommended{  margin-right:10px!important;margin-right:0px;margin-left:10px!important;margin-right:0px; width:100%;}
#Introduction{ width:98% !important;width:100%; }
.information{ height:180px; line-height:20px;margin-left:0px !important; margin-left:0px;width:100%;}
#SuggestProduct{ height:34px; width:98% !important;width:100%; border-bottom:1px solid #FDD6D7; text-align:left; color:#C81f24; margin-bottom:10px; }
#SuggestProduct2{ text-align:left; float:left; border-bottom:1px solid #FDD6D7; width:100% }
#product{ width:126px; height:140px; margin-top:0px; float:left; margin-right:7px !important;margin-right:1px; margin-left:7px !important;margin-left:1px;}
#productpicture{ width:120px !important;width:120px;  height:95px !important;height:95px; border:1px solid #dddddd; padding:2px !important;padding:2px;}
#productname{ width:126px; text-align:center; margin-top:5px; line-height:20px;height:40px;overflow:hidden;}
#CompanyDispatch{ height:40px; width:100%; border-bottom:1px solid #FDD6D7; text-align:right; color:#C81f24;}
#Informationpicture{ width:120px; float:left; margin-top:30px; margin-right:10px;}
#Informationdetaile{ float:left; width:180px; text-align:left; padding-top:10px;}
#Informationdetaile2{ float:left;  text-align:left; padding-top:10px;}
.lired{ color:#FF0000;line-height:25px; top:-3px; list-style:inside; list-style-image:url(dot2.gif); }
#mainpic{ height:320px !important;height:315px; float:right; margin-left:0px !important;margin-left:10px; margin-top:15px; text-align:left; }
#textslide { COLOR:#FFFFFF}
.homejdboder{ height:25px; width:15px;  vertical-align:middle;}
.Ahomejdboder{ background:#FFFFFF; cursor:hand; height:19px; line-height:19px;min-height:19px; min-width:12px; width:12px; text-align:center; vertical-align:middle;}
.Ahomejdboder2{ background:#FF0000; cursor:hand; color:#FFFFFF; height:19px; line-height:19px;min-height:19px; min-width:12px; width:12px; text-align:center; vertical-align:middle;}
#productfont{ float:left; }
#productfont23{ float:left; height:40px; background: top left no-repeat url(ServerPhone.jpg); }
#more{ float:right; height:20; line-height:20px; padding:0px; margin-top:20px;}
#more a:link { color:red; text-decoration: none; }
#more a:visited { color: red; text-decoration: none; }
#more a:hover { color: orange ; text-decoration: underline; }
#more a:active {color: red; text-decoration: none;  }
.miniul{ width:100%; margin:0}
.miniul li{ width:49%; height:30px; line-height:30px; vertical-align:middle; text-align:left; border-bottom:1px dotted #999; float:left; display:block; text-indent:12px; overflow:hidden}
.minicheckout{ height:30px; line-height:30px; vertical-align:middle; text-align:right; padding-right:12px;}
.item{ width:210px; margin-left:85px !important; margin-left:55px; text-align:center; float:left }
.pic{ text-align:center; height:160px !important;height:160px; margin-top:20px; border:1px solid #CCCCCC; padding:2px;width:200px !important;  width:195px; }
.pic4{ text-align:center; height:130px !important; height:150px; padding-top:10px; padding-bottom:10px}
.allPic { clear:both; float:left; text-align:left;}
.allPic A:hover { POSITION: relative}
.allPic A SPAN {DISPLAY: none}
.allPic A:hover SPAN {
	BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; DISPLAY: block; Z-INDEX: 100; BACKGROUND: #fff; LEFT: 90px; BORDER-LEFT: #ccc 3px solid; WIDTH: 220px; BORDER-BOTTOM: #ccc 3px solid; POSITION: absolute; TOP: 20px; padding:10px
}
.allPic A:hover SPAN IMG {
	WIDTH: 200px; 
}
.pic2{ padding:10px; text-align:center}
.allPic2 {}
.allPic2 A:hover { POSITION: relative}
.allPic2 A SPAN {DISPLAY: none}
.allPic2 A:hover SPAN {
	BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; DISPLAY: block; Z-INDEX: 100; BACKGROUND: #fff; right: 180px; BORDER-LEFT: #ccc 3px solid; WIDTH: 220px; BORDER-BOTTOM: #ccc 3px solid; POSITION: absolute; TOP: 20px; padding:10px
}
.allPic2 A:hover SPAN IMG {
	WIDTH: 200px; 
}
.word{ overflow: hidden; text-align:center; height: 30px;text-align: center; line-height: 30px;vertical-align: middle; float:left; width:100%}
.price{text-align:center; float: left;height: 20px;line-height: 20px;vertical-align: middle; width:100%}
/*----模板头部----Header.aspx-----*/
#topLogin{ background-image:url(topBanner.jpg); text-align:right}
#w720{ width:720px}
#topLogin td{ height:30px; padding-left:6px; text-align:right}
#header{width: 950px !important; width:100%;  background:url(topng2.gif); height:245px; margin-top:4px}
#logo{float: left; width:172px}
#logor{ float:right;}
#header_center{float:left; text-align:left; margin-top:35px; padding-left:20px}
#header_right{float: right;text-align:right;}
#login{ float:right; width:800px; padding-left:20px;}
#login img{ margin-top:2px}
#miniNav{ text-align:center; background:url(navbg.gif);line-height:48px; font-size:16px; font-family:"黑体"; color:#ffffff; margin-top:1px; width:100%}
#miniNav a{ color: #ffffff; margin:4px; LETTER-SPACING: 1px; TEXT-DECORATION: none; padding:5px 13px 3px 13px; border-left:1px solid #FBCBC9; }
#miniNav a:hover { color:#F6F801 ;   text-decoration: none; LETTER-SPACING: 1px; POSITION: relative; TOP: 1px; blr:expression(this.onFocus=this.blur());  }
#nav{width: 1000px;height: 84px;background-image: url(nav_bg.jpg);text-align: center;}
#nav_center{width: auto;text-align: center;margin-top: 17px;display:inline;float: left;margin-left: 50px;}
#nav_index{width: 99px;height: 26px;line-height: 26px;vertical-align: middle;text-align: center;background-image: url(nav_index.jpg);float: left}
.nav_item{width: 90px;height: 26px;line-height: 26px;vertical-align: middle;text-align: center;background-image: url(nav_item_bg.jpg);float: left}
.nav_item a{font-weight: bold}

.indexSearch{ width:100%; height:47px; background-image:url(indexSearch.gif); text-align:left}
.indexSearch td{ font-weight:bold}
#hyc{ width:220px; color:#FFFF00; text-indent:16px}
/*----上导航-----*/
.loginIputCss{ width:200px}
.loginTable{ width:100%; margin-top:15px}
.loginTable td{ padding-top:8px; padding-bottom:8px; padding-left:8px}

.loginTable td a:link { color: #993300; text-decoration: none;}
.loginTable td a:visited { color: #993300; text-decoration: none; }
.loginTable td a:hover { color: #993300 ; text-decoration: underline; }
.loginTable td a:active {color: #993300; text-decoration: none; }
/*----底部模板----Footer.aspx-----*/
.footernav{width:954px !important; width:952px; text-align:left;  line-height:25px;  vertical-align:middle; border-top:3px solid #ff0000;  }
.footercopyright{width:100%;  line-height:25px; margin-top:-10px !important; margin-top:-10px; text-align:center}
/*----模板主体-----*/
#content{width: 950px; margin-top:10px;}
.listnews{ height: 30px; line-height: 30px; vertical-align: middle; text-align: left; margin-left: 6px; margin-right: 2px; list-style-type: none; list-style-image: url(new_dot.jpg); overflow: hidden;}
/*----模板左边-----*/
#left{width: 644px !important;width: 645px; padding-right:10px !important; padding-right:0px;float: left; text-align: left; border-right:1px solid #ff0303;}
#center{width: 430px !important;width: 425px; padding-right:10px !important; padding-right:0px; float: left; text-align: left; border-right:1px solid #FFD8D8;}
#homeleft{}
.home_title2{width: 100%;}
.home_title2 ul{width: 100%;margin-left: 0;}
.home_title2 ul li{width: 278px !important; width:50%;float: left;display: block;border-right: 1px dashed gray; border-bottom: 1px dashed gray;}
.xitem{ width: 278px; float:left;  padding-bottom:15px; }
.xpic{border:5px solid #F1F1F1;text-align:center;}
.xpicbor{border:1px solid #ccc;text-align: center;}
.xword{ overflow: hidden;  height: 30px;text-align: left; line-height: 30px;vertical-align: middle}
.xword span{height: 30px;line-height: 30px;vertical-align: middle}
.xiprice{  text-align: left;height: 20px;line-height: 20px;vertical-align: middle}
.xbutton_buy{text-align: right; padding-top:10px}
.xprd_left{width: 100px; float: left;text-align: center}
.xprd_right{float: right;text-align: left;clear: right}
/*----组别-----*/
.sug_start11{ background-image:url(sug.jpg); height:62px; background-repeat:no-repeat; border-bottom:1px solid #efefef}
.sug_start12{ background-image:url(new.jpg); height:62px; background-repeat:no-repeat; border-bottom:1px solid #efefef}
#Bleft{ width:256px; text-align:left; margin-bottom:0px; padding:0px; height:100%; float:left;  border-right:1px solid #FDD6D7; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fce7ed,endColorStr=#ffffff); }
#Bleft2{ width:250px;text-align:left; margin-bottom:0px; padding:0px; height:100%; float:left;  border-right:1px solid #FDD6D7;}
#Bright{ width:680px; float:left; height:100%; padding-left:8px;border-left:1px solid #FDD8D8;}
.group{ width:242px; float:left; text-align:left;  margin-right:8px !important;margin-right:0px;}
.lefttitle{ width:211px; float:left;  height:40px; line-height:40px; vertical-align:middle; text-align:left; color:#fff; font-weight:bold; text-indent:70px; font-size:14px}
.lefttitle6{ width:211px; float:left; background-image:url(top_start.jpg); height:43px; line-height:43px; vertical-align:middle; text-align:left; color:#fff; font-weight:bold; text-indent:80px; font-size:14px}
.leftbody{ width:100%;padding:10px; border-top:none}
.group_list{ list-style-image:url(first_dot.jpg); height:30px; line-height:30px; vertical-align:middle; text-align:left; overflow:hidden}
.help{ list-style-image:url(second_dot.jpg); height:30px; line-height:30px; vertical-align:middle; text-align:left; overflow:hidden}
.ulCategory{ 211px; float:left}
.category_first{ height:30px; line-height:30px; vertical-align:middle; list-style:none;text-align:left; font-weight:bold; margin-bottom:5px; margin-top:20px; background-image:url(sanjiao.gif); background-repeat:no-repeat; text-indent:16px; width:100%; float:left}
.category_seecond{ height:22px; line-height:22px; vertical-align:middle; list-style:none; text-align:left; width:100%; text-indent:20px; float:left; clear:both;}
/*----模板右边-----*/
#right{width: 250px!important;width: 260px; float: right; text-align:right;  }
.rightleft{ width:558px; float:left}
.rightright{ width:211px; float:right}
.home_prd_name{ height: 25px; line-height: 25px; vertical-align: middle; text-align: left; overflow: hidden; border-bottom: 1px dashed gray; margin-left: 2px; margin-right: 2px; margin-bottom: 6px; list-style-type: none;list-style-image: url(top_dot.jpg);text-overflow:ellipsis ;}
.hmoe_prd_price{ height: 20px; line-height: 20px; vertical-align: middle; text-align: right; margin-left: 6px; margin-right: 2px;list-style-type: none; color: #666666}
/*----模板首页----Homepage.aspx-----*/
/*----推荐商品-----*/
.sug{width: 558px; margin-bottom:10px}
.sug_start{ width:100%; background-image:url(middleTitle.gif); height:25px;}
.sug_title{float:left; height:25px; line-height:25px; vertical-align:middle; text-align:left; color:#666; font-weight:bold; text-indent:12px; font-size:12px}
.sug_more{float:right;  text-align:right; color:#000; height:25px; line-height:25px; vertical-align:middle; padding-right:12px; margin-top:35px}
.sug_mid{width:536px !important; width:558px;padding:10px; margin-bottom:10px; border:1px solid #ccc; border-top:none}
.sug_mid ul{width:100%; text-align:left;  margin-left:0; }
.sug_mid ul li{ width:20%; float:left; display:block;}
.news{width:536px !important; width:558px;padding:10px; margin-bottom:10px; border:1px solid #ccc; border-top:none}
.news ul{width:100%; text-align:left;  margin-left:0;}
.news ul li{list-style-image:url(lidot.jpg); width:48%; float:left; display:block; height:30px; line-height:30px; vertical-align:middle; text-align:left; border-bottom:1px solid #efefef; margin-left:2% !important; margin-left:1%;}

.sug5{width: 800px; float:left; margin-bottom:10px}
.sug_start5{ width:100%; background-image:url(righttitlebg.jpg); height:40px;}
.sug_title5{float:left; height:40px; line-height:40px; vertical-align:middle; text-align:left; color:#fff; font-weight:bold; text-indent:20px; font-size:14px}
.sug_more5{float:right;  text-align:right; color:#000; margin-top:20px}
.sug_mid5{width:778px !important; width:600px; padding:10px;border:1px solid #ccc;}
.sug_mid5 ul{width:100%; text-align:left; float:left; margin-left:0; padding-left:10px}
.sug_mid5 ul li{ width:16%; float:left; display:block;}
.news5{width:778px !important; width:800px;padding:10px; margin-bottom:10px;border:1px solid #ccc;}
.news5 ul{width:100%; text-align:left; float:left; margin-left:0;}
.news5 ul li{list-style-image:url(lidot.jpg); width:46%; float:left; display:block; height:25px; line-height:25px; vertical-align:middle; text-align:left; border-bottom:1px dotted #0094ad; margin-left:2% !important; margin-left:1%;}
/*----二级产品页面----Second.aspx-----*/
#second_nav{height:25px; line-height:25px; border-bottom:1px solid #ff0000; vertical-align:middle; text-align:left;text-indent:12px; }
#second_nav a{ font-weight:normal}
.rightbody{width:100%; border-top:none; padding:10px; border-top:none}
#sort{ width: 100%; float:left; height:22px; line-height:22px; vertical-align:middle; text-align:right; color:#397B9F; }
#second_prd{ width:100%; float:left; text-align:left}
#second_prd ul{ width:100%; margin-left:0; float:left}
#second_prd ul li{ width:100%; float:left; display:block; text-align:left; border-bottom:1px dotted #0094AD;}
.second_pic{ float:left; width:30%; text-align:center; padding-bottom:10px; padding-top:10px}
.second_prd_info{float:right; width:70%;}
.second_prd_name{ float:left; height:30px; line-height:30px ; vertical-align:middle; text-align:left;width:100%; font-weight:bold}
.second_prd_des{ float:left; line-height:120%; text-align:left;width:100%;}
.second_price{ float:left; height:22px; line-height:22px; vertical-align:middle; text-align:left;width:100%;}
.second_att{ float:left; text-align:left}
.second_buy{ float:right; text-align:right; padding-right:10px; margin-bottom:4px}
.listpage{ height:22px;  line-height:22px; vertical-align:middle; text-align:right; margin-top:4px; padding-right:20px}
.PageList{ float:right;}
.Number{ display:block; float:left; padding-left:4px; padding-right:4px}
.char{ display:block; float:left; padding-left:4px; padding-right:4px}
/*----商品详细页面----ProductDetail.aspx----*/
#prd{width: 100%;float: right; margin-top:5px; margin-bottom:5px}
#prd_pic{float: left;text-align: center; clear:both; padding:10px}
#prd_info{float: left;text-align: left; padding-left:10px; clear:both}
#prd_name{float:left; height:30px; line-height:30px ;  vertical-align:middle; text-align:left;width: 100%; font-weight:bold}
#startlist{float:left; width:100%; margin-top:3px; margin-bottom:3px}
#prd_des{ float:left; line-height:120%; text-align:left;width: 100%; clear:both;}
.prd_price{ float:left; height:22px; line-height:22px; vertical-align:middle; text-align:left;width: 100%;clear:both;}
#prd_att{ float:left; text-align:left;width: 500px; margin-top:5px; line-height:25px; font-weight:bold; margin-bottom:12px;}
#prd_buy{ float:left; text-align:left;width: 100%;}
.prd_title{ height:25px; line-height:25px; vertical-align:middle; text-align:left;text-indent:12px; font-weight:bold; margin-top:10px}
.prd_title2{height:40px; float:left; border-bottom:1px solid #FDD8D8; text-align:left; width:100%;  }
#prd_dis{ width:100%; float:left; text-align:center;}
#ttm{ float:left;}
#ttm2{ float:left; height:20px; margin-top:19px;  line-height:20px; vertical-align:middle;}
#prd_more{width:98%; border-top:none; padding:10px; border-top:none; line-height:200%; text-align:left}
#prd_rel{width:100%; border-top:none; float:left; text-align:left}
#prd_rel ul{width:100%; text-align:left;  margin-left:0; }
#prd_rel ul li{ width:20%; float:left; display:block;}
.ProdcutCommentReview{ color:#FF0000}
.ProdcutCommentListTD{ font-weight:bold}
.ProdcutCommentList{ margin-bottom:10px; border-bottom:1px dashed #666}
/*-----购物车模板----Viewcart.aspx----*/
.viewcart_button{ width: 100%; float: right; clear: right; border-bottom: 1px solid #cccccc; margin-top:5px;}
.viewcart_button_left{width: 50%;float: left;text-align: left;}
.viewcart_button_right{ width: 48%; float: right; text-align: right; clear: right; }
#shoppingcart{width: 100%;float: left; margin-top:5px}
#shoppingcart ul{width: 100%;margin-left: 0;margin-top:10px}
#shoppingcart ul li{ width: 14%; float: left; display: block;text-align: center;border-bottom:1px dotted #397B9F; padding-bottom:10px; height:70px; padding-top:10px}
#chekout{width: 100%;float: left;text-align: right; margin-top:5px}
/*----内容页面-----contentdetail.aspx----*/
.alltitle{width: 800px; float:left; background-image:url(righttitlebg.jpg); height:40px; line-height:40px; vertical-align:middle; text-align:left; color:#fff; font-weight:bold; text-indent:15px;}
.allbody{ width:100%;  padding:10px; text-align:left; line-height:20px;}
.newpages{ width:100%; padding:5px; text-align:center;}
.groupnote{ width:780px !important;width:800px; padding:10px; text-align:left; margin-bottom:10px}
/*----高级搜索----AdvancedSearchResult.aspx----*/
#adv{width: 550px;float: right;text-align: left; margin-top:5px; margin-bottom:5px;}

#sitemap{ background-color: white;text-align: center; padding:10px}
#sitemap #sitemap1{ font-size: 12px; font-weight: bold; line-height: 50px; text-align: center; vertical-align: middle; height: 50px; border-bottom: 1px dashed gray; }
#sitemap #sitemap2{ font-size: 12px; font-weight: bold; line-height: 30px; text-align: left; vertical-align: middle; width:100%; height: 30px; border-bottom: 1px dashed gray; }
#sitemap #sitemap3{ background-color: white; width: 100%; clear: right; margin-top: 8px;text-align: left; }
#sitemap #sitemap3 #sitemap_left{ font-weight: bold; vertical-align: top; float: left; width: 90%; margin-top: 10px; margin-bottom: 8px; margin-left: 5%; border-bottom: 1px dotted gray; }
#sitemap #sitemap3 #sitemap_righ{ vertical-align: top; float: right; width: 100%; }
#sitemap #sitemap3 #sitemap_righ ul{width: 90%; margin-right:0; float:right}
#sitemap #sitemap3 #sitemap_righ li{ line-height: 20px; vertical-align: middle; float: left; width: 30%; height: 20px; display: block; }

.categorysub{width:798px !important;width:800px;float: left; padding-top:10px; padding-bottom:15px; margin-bottom:10px; border:1px solid #A5B5C0;}
.categorysub ul{ width:100%; float:left; margin-left:0}
.categorysub ul li{ width:20%; float:left; display:block; margin-left:2%; height:25px; line-height:25px; vertical-align:middle; text-align:left; margin-top:3px; background-color:#f1f1f1; text-indent:12px; border-bottom:1px solid #999999; border-right:1px solid #999999; border-left:1px solid #efefef; border-top:1px solid #efefef}

.contentlist{ width:100%}
.contentlist ul{ width:100%; margin-left:0}
.contentlist ul li{ width:24%; float:left; display:block; height:30px; line-height:30px; vertical-align:middle; text-align:left}