﻿@charset "utf-8";

/* CSS Document */

body {margin:0pc; padding:0px; font-family:Helvetica; background-color:#f7f6f2;}

a {text-decoration:none;}

img {border:none;}

#layoutBannerLeft {display:none;}
#layoutBannerRight {display:none;}

@media only screen and (min-width:1281px) {
#layoutBannerLeft {display:block;}
#layoutBannerRight {display:block;}
}





#top {width:100%;  background-color:#555555;}

#top .aaa {margin-top:10px;}

#top .ttt ul {list-style:none; margin:0px; padding:0px; float:right; margin-top:20px;}

#top .ttt ul li {display:block; float:left; margin-left:10px; font-size:12px; color:#FFF;}

#top .ttt ul li a { color:#FFF;}

#top .ttt ul li a:hover { color:#6F3;}



#banner {width:972px;margin-left:auto; margin-right:auto; }



#main-all {	width:100%;}



#main {

	width:972px; height:2500px;

	margin-left:auto; margin-right:auto;

	background-color:#FFF;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #e4e4e4;

	border-left-color: #e4e4e4;

}

#main .seacher {width:980px;float:left; margin-top:5px;}
#main .seacher .a1 {width:151px; height:26px; background:url(../images/seacher_01.png) no-repeat;float:left; margin-left:720px;}
#main .seacher .a2 {width:72px; height:26px; float:left;}
#main .seacher .a3 {
	width:130px;
	height:15px;
	margin-top:3px;
	margin-left:15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main .product {width:980px;float:left;}

#main .product .a1 {width:980px;float:left;}

#main .product .a2 {width:980px;float:left; margin-top:20px;margin-left:5px;font-weight: bold}

#main .product .a3 { color:#484747; text-decoration:none; font-size:13px; line-height: 1.3em;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0.7px;}

#main .product .a3:hover{color:#6C3;}

#main .product .A {height:63px;margin-top:5px;margin-left:10px;}
#main .product .B {margin-top:10px;width:219px;text-align:center;position: relative;}
/*#main .product .B .a01 {margin:0 auto;position: absolute;}*/
#main .producthover:hover{border: solid 1px #e4e4e4;box-shadow: inset 0px 0px 0px 2px #e7e7e7;}
#main .sale-img-bg{margin-left:2px;margin-top:2px;padding-left:1px;}

#main .product .a4 { color:#333;font-size:13px; padding-top:10px;}

#main .product .a5 { margin-top:10px;}



#main .smailphoto {width:980px;float:left; margin-top:0px;}
#main .smailphoto .a1 { font-size:13px; color:#484747; /*margin-left:10px;*/ display:block;font-weight: bold;  }
#main .smailphoto .a1:hover{color:#6C3;}
#main .smailphoto .A {height:70px;margin-top:5px;margin-left:10px;}
#main .smailphoto .B {margin-top:10px;width:121px;text-align:center;position: relative;}

#main .smailphoto .a2 { font-size:11px;/*width:120%;*/ color:#333; margin-top:10px; margin-left:10px;font-weight: bold; }

#main .smailphoto .a3 { margin-left:17px; float:left;position:relative;}
#main .smailphoto .a3-1 { position:absolute; top:0px; left:0px;
 z-index: 2; color:#FFF; line-height:49px;



  width:49px;

  height:49px;

  top:2px;

  left:2px;

  background:url(../images/bb-bg.png) no-repeat center;



  text-align:center;

}
#main .smailphoto .a4 {

border-collapse: collapse;



	border: 1px solid #e4e4e4;

}







#main .sss {width:980px;float:left; margin-top:50px;}

#main .three {width:980px;float:left;}

#main .three .a1{ width:324px;float:left;}


.divItem {
	font-size: 20px;
	/*height:40px;*/
	color: #ffffff;
	background-size:948px 30px;
	background-image:url(../img/titlebg.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top:5px;}




#footer {width:100%; background:url(../images/footer_bg.jpg) repeat-x; float:left; margin-top:0px; padding-top:20px; font-size:12px; color:#ccc;}

#footer ul {list-style:none;}

#footer ul li a { font-size:12px; line-height:20px; color:#FFF;}

#footer ul li a:hover { color:#6F6;}





/*tab*/

body,ul,li{margin: 0;padding: 0;list-style: none;}

a{text-decoration: none;font-size: 14px;}



#tabbox{ width:970px; overflow:hidden; margin:0 auto;}

.tab_conbox{}

/*.tab_con{ display:none;}*/



.tabs{height: 32px;}

.tabs li{height:31px;line-height:31px;float:left;border-left:none;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative; width:100px; font-size:12px; text-align:center; margin-left:5px;}

.tabs li a {display: block;padding: 0 20px;border: 1px solid #fff;outline: none;}

.tabs li a:hover {background: #ccc;}

.tabs .thistab,.tabs .thistab a:hover{background:#F30;border-bottom: 1px solid #fff; color:#FFF;}



.tab_con {font-size: 14px; line-height:175%;}







/*tab2*/

body,ul,li{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none; }
#tabbox2{ width:970px; overflow:hidden; margin:0 auto;}
.tab_conbox2{}
.tab_con2{ display:none;}
.tabs2{height: 32px;}
.tabs2 li{height:31px;line-height:31px;float:left;border-left:none;margin-bottom: -1px;overflow: hidden;position: relative; width:140px; font-size:12px; text-align:center; margin-left:5px; background:url(../images/ttab.jpg) repeat-x; color:#FFF;}
.tabs2 li a {display: block;padding: 0 20px;border: 1px solid #fff;outline: none;}
.tabs2 li a:hover {background: #ccc;}
.tabs2 .thistab,.tabs .thistab a:hover{ background:url(../images/over.jpg) repeat-x ;border-bottom: 1px solid #fff; color:#000;}
.tab_con2 {  padding:30px; }

/* 內頁*/

.main02 {

	width:972px;

	margin-left:auto; margin-right:auto;

	background-color:#FFF;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #e4e4e4;

	border-left-color: #e4e4e4;

}





.main02 .left {width:215px; margin-right:10px;float:left; margin-left:10px;}

.main02 .left .a1{width:100%;float:left; margin-top:20px; margin-bottom:20px; }

.main02 .left .a1 ul li{ background:url(../images/sale-bg.jpg) no-repeat; color:#000; padding-left:30px; height:35px;  padding-top:1px;}

.main02 .left .a1 ul li a {color:#000; font-size:12px; line-height:32px; }

.main02 .left .a1 ul li a:hover

.main02 .left .a2{width:100%;float:left;  }

.main02 .left .a2 ul li { margin-bottom:5px;}




.main02 .left .a3{width:100%;float:left; }

.main02 .left .a3 ul li { margin-bottom:5px;}

.main02 .left .a3 ul li a {
	width:220px;
	float:left;
	height:25px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #0C3;
	padding-left:5px;
	margin-top:5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0C3; color:#333;
}
.main02 .left .a3 ul li a:hover {color:#F60}


.main02 .left .a4{width:100%;float:left; }

.main02 .left .a4 ul li { margin-bottom:5px;}

.main02 .left .a4 ul li a {
	width:220px;
	float:left;

	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #0C3;
	padding-left:5px;
	margin-top:15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0C3; color:#333;
}
.main02 .left .a4 ul li a:hover {color:#F60}







.main02 .right {width:700px; float:left;}

.main02 .right .a0 {

	width:700px;

	height:auto;

	float:left;

	margin-top:20px;

	background:url(../images/sale-big.jpg);

	padding-left:1px;

}

.main02 .right .a1 {width:100%; float:left; margin-top:20px; }

.main02 .right .a1 .A {float:left;font-size:20px; color:#f39800; font-weight:bold;}

.main02 .right .a1 .B {width:300px; float:left; margin-left:10px; margin-top:5px;}

.main02 .right .a1 .C {

	float:right;

	font-size:12px;

	background:url(../images/product-info-01.png) no-repeat left center;

	color:#999;

	padding-left:15px;

}

.main02 .right .a1 .C a {color:#484747;}





.main02 .right .a2 {width:100%; float:left; background-color:#f0f0f0; height:35px; padding-top:5px;}

.main02 .right .a2 .A {float:left; font-size:12px; color:#484747; margin-top:3px; margin-left:10px;}

.main02 .right .a2 .B {float:right;}

.main02 .right .a2 .B .a01 {width:151px; height:26px; background:url(../images/seacher_01.png) no-repeat;float:left;margin-top:5px; }

.main02 .right .a2 .B .a02 {width:72px; height:26px; float:left; }

.main02 .right .a2 .B .a03 {width:130px;

	height:15px;

	margin-top:3px;

	margin-left:15px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none; }



.main02 .right .a3 {

	width:100%;	float:left;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;

	border-top-color: #f0f0f0;	border-right-color: #f0f0f0;	border-bottom-color: #f0f0f0;	border-left-color: #f0f0f0;}



.main02 .right .a3 .A {float:left; font-size:12px; color:#484747; margin-top:3px; margin-left:10px;}

.main02 .right .a3 .A ul li { float:left; }



.main02 .right .a3 .B {

	float:right;

	font-size:12px;

	color:#333;



}

.main02 .right .a3 .B ul li {width:10px; float:left; padding:5px;}

.main02 .right .a3 .B a { font-size:12px; color:#069; text-decoration:underline;  float:left;}





.main02 .right .a4 {width:100%; float:left; margin-top:20px;text-decoration:none; font-size:13px; line-height: 1.3em;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0.7px;}

.main02 .right .a4 .A {height:63px;margin-top:5px;margin-left:10px;font-weight: bold;}

.main02 .right .a4 .A  a{width:216px; color:#484747;height:63px;margin-top:5px;margin-left:10px;}

.main02 .right .a4 .A  a:hover{ color:#6C3;height:63px;margin-top:5px;margin-left:10px;}

.main02 .right .a4 .B {margin-top:10px;width:216px; text-align:center;position: relative;}

.main02 .right .a4 .B .a01 {font-size:11px; color:#000; float:left;}

.main02 .right .a4 .B .a02 { float:right; }

.main02 .right .a33 {margin-left: 10px;color:#484747; text-decoration:none; font-size:13px; line-height: 1.3em;font-family: Arial, Helvetica, sans-serif;letter-spacing: 0.7px;font-weight: bold;}

.main02 .right .a5 {width:100%; float:left; background:#f0f0f0;height:35px; }

.main02 .right .a5 .A { float:left; font-size:12px; color:#484747; margin-top:10px; margin-left:10px;}

.main02 .right .a5 .B { float:right; font-size:12px; color:#484747;margin-top:5px; margin-right:10px; }







.main02 .right .a7 {width:100%; float:left;height:10px;}

.main02 .right .about {width:100%; float:left;}
.main02 .right .about .help a {color:#8d3014;}





.main02 .left {width:223px; margin-right:10px;float:left; margin-left:10px; padding-top:20px;}

.main02 .left .member{width:100%;float:left; margin-top:20px; margin-bottom:20px; background:url(../images/left_big.jpg) top center no-repeat; text-align:center; color:#FFF ;  padding-top:10px;}
.main02 .left .member ul {margin-top:20px;   }

.main02 .left .member ul li{  height:35px;  padding-top:0px;  }

.main02 .left .member ul li a {	width:200px; text-align:left;
	float:left;
	height:25px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #0C3;
	padding-left:5px;
	margin-top:5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0C3; color:#333;}

.main02 .left .member ul li a:hover{ color:#F60;}







.big_bg{background:url(../images/left_big.jpg) no-repeat; height:37px; width:215px; text-align:center; font-size:14px; color:#fff; display:block; float:left; padding-top:10px;}





.redblock {

	z-index: 1;
/*
	position:

  absolute;
*/
	left: -1px;

  width: 210px;

}



.pinkblock {

  z-index: 2;

  position: absolute;

  width:49px;

  height:49px;

  top:10px;

  left:10px;

  background:url(../images/bb-bg.png) no-repeat center;



  text-align:center;



}

.pinkblock .a11 {color:#FFF; font-size:24px; width:26px; float:left; padding-top:10px; text-align:right; margin-left:5px;}

.pinkblock .a21 {color:#FFF; font-size:10px; width:7px; float:left; padding-top:30px; text-align:left;}





.login-A {font-size:20px;}

.login-c {font-size:12px;

	background:url(../images/product-info-01.png) no-repeat left center;

	color:#999;

	padding-left:15px;}



.link_down {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}

.link_down1 {

	border-bottom-width: 1px;

	border-bottom-style:dotted;

	border-bottom-color: #CCC;

}







.login-c a {color:#484747;}



.main02 .product-info01 {

	float:left;

	font-size:12px;

	background:url(../images/product-info-01.png) no-repeat left center;

	color:#999;

	padding-left:15px;

}

.main02 .product-info01 {color:#484747;}

.main02 .product-info01 a{color:#484747;}

.ttsdf{

	border: 1px solid #ededed; font-size:14px; color:#333;

}

.bjgft{

	border: 1px solid #CCC; display:block; font-size:12px; width:150px; text-align:center; margin-bottom:5px;

}

.bjgft:hover{

	border: 1px solid #6C0;

}



.erwfcart{

	font-size:16px;

	color:#484747;

	margin-top:30px;

	text-align:center;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #CCC;

	float:left;

	width:900px;

}

.left-logo{

	border: 1px solid #CCC;

}



/**add by salen*/

 #cart_div{

 	width:310px;

 }

 #cart_div p,div{ margin:0;padding:0;}  /*设置p,div之间的间距*/

 #cart_head{

	 text-align:right;

 }

 #cart_content{

 	position:absolute;

 	width:300px;

	background:#FFFFFF;

	margin-top:0px;

	display:none;

}



 #cart_content_2{

 	position:absolute;

 	width:300px;

	background:#FFFFFF;

	margin-top:0px;

	display:none;

}

/*end salen*/
.befr ul li {
	width:220px;
	float:left;
	height:25px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #0C3;
	padding-left:5px;
	margin-top:5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0C3;
}
.befr ul li a {display:block; color:#333;}
.befr ul li a:hover {color:#F60;}

.wefwv { background-color:#555555; padding-left:3px; padding-right:3px;  float:left; height:20px; line-height:20px; text-decoration:none; text-align:center; display:block; font-size:12px; color:#fff; margin:3px;}

.sdfdv {width:667px; height:360px; background:url(../images/aadd.jpg) no-repeat; padding-top:30px;}
.sdfdv th {font-size:12px; color:#484747;}


.dvvds {
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.mail {background:url(../images/mail.png) no-repeat left center; padding-left:20px; margin-right:5px;}


.newsss  {width:100px; height:20px; line-height:20px; background-color:#F00; color:#FFF; font-size:12px; text-align:center; margin-right:20px; padding:1px; margin-bottom:5px; display:block;}
.efewv {color:#333; }


.currdiv{
	float:right;
	position:relative;
	width:100px;
	height:58px;
	line-height:58px;
	font-size:14px;
	color:#FFF;
}
.currdiv span{
	cursor:pointer;
}
.currdiv ul{
	position:absolute;
	z-index:999999;
	top:70%;
	left:0;
	width:100px;
	background:#FFF;
	border:1px #999 solid;
	color:#333;
	display:none;
}
.currdiv li{
	width:100px;
	height:25px;
	line-height:25px;
}
.currdiv li a{
	color:#333;
	display:inline-block;
	width:80px;
	height:100%;
	padding:0 10px;
}
.currdiv li:hover{
	background:#0CC;
}
.currdiv li:hover a{
	color:#FFF;
}