@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700);
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'feathericons';
	src:url('../fonts/feathericons/feathericons.eot?-8is7zf');
	src:url('../fonts/feathericons/feathericons.eot?#iefix-8is7zf') format('embedded-opentype'),
		url('../fonts/feathericons/feathericons.woff?-8is7zf') format('woff'),
		url('../fonts/feathericons/feathericons.ttf?-8is7zf') format('truetype'),
		url('../fonts/feathericons/feathericons.svg?-8is7zf#feathericons') format('svg');
}

body{
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto', sans-serif , 'Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS;
}
img{border:0;vertical-align:top}
a{color:#1e7ec8;outline:medium none !important;}
a:hover{text-decoration:none}
:focus{outline:0}
/* Headings */
h1,h2,h3,h4,h5,h6{margin:0 0 5px;line-height:1.35;color:#0a263c}
h1{font-size:26px;font-weight:300}
h2{font-size:18px;font-weight:300}
h3{font-size:16px;font-weight:700}
h4{font-size:14px;font-weight:700}
h5{font-size:12px;font-weight:700}
h6{font-size:11px;font-weight:700}
/* Forms */
form{display:inline}
fieldset{border:0}
legend{display:none}
/* Table */
table{border:0;/*border-collapse:collapse;*/
 border-spacing:0;empty-cells:show;font-size:100%}
caption,th,td{vertical-align:middle;text-align:left;font-weight:normal}
/* Content */
strong{font-weight:bold}
address{font-style:normal;line-height:1.35;}
cite{font-style:normal}
q,blockquote{quotes:none}
q:before,q:after{content:''}
small,big{font-size:1em}

::-moz-selection { background: #C4ADC7; color: #fff; text-shadow: none; }
::selection { background: #C4ADC7; color: #fff; text-shadow: none; }
a, input {  border: medium none;  color: #666666;  outline: medium none;  transition: all 0.3s ease 0s;}
input[type="radio"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none;  margin: 0 5px; outline: medium none; vertical-align: middle;}
input[type="checkbox"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 0 5px; outline: medium none; vertical-align: middle;}
input:focus { background-color:#fff1f1; color: #000; }

.animation02{ transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -o-webkit-transition: all 0.2s;}
.animation{ transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-webkit-transition: all 0.4s ease;}
.animation08{ transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-webkit-transition: all 0.8s ease;}

.bo-radius05{ border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.boleft-radius05{ border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;}
.outer { display:none;}

main {width:100%; margin:0px auto ; background: #fff; float:left; 	font-family: 'Roboto', sans-serif , 'Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS;}
.container-bg{width:100%; margin:2% auto 1% auto; padding:1% 0px;background: #F5F5F5; float:left;}
.container { max-width: 1160px;width: 1160px; margin:0px auto;}



header{ width:100%;}
.headerwrap{ margin: 3px auto; width: 1160px; margin:0px auto;}
nav{ width:100%;  -moz-box-shadow: 0 0 2px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3) ; box-shadow: 0 0 2px rgba(0,0,0,.3) ;}


.logo {background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center top; float: left; height:80px;margin: 38px 12px 27px 0px; text-indent: -9999px; width:200px;}
.logo a { display: block; height: 64px; width: 255px;}
.msglogo { background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll center top; float: left; height:80px;margin: 38px 12px 27px 0px; text-indent: -9999px; width:200px; }
/*search bar*/
.cf:before, .cf:after{  content:""; display:table; }
.cf:after{ clear:both;}
.cf{zoom:1;}
.form-wrapper { width: 250px;   margin:54px 1% 0px 0px; float: right;/* -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);/*border: solid 1px rgba(204,204,204,.5);*/ }
.form-wrapper input { width:250px;height: 20px;padding: 10px 5px; float: left;font: bold 15px ; border: solid 1px rgba(204,204,204,.5); position:relative; z-index:9;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.form-wrapper input:focus {outline: 0;-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; box-shadow: 0 0 2px rgba(0,0,0,.8) inset;  }
.form-wrapper input::-webkit-input-placeholder { color: #999;}
.form-wrapper input:-moz-placeholder { color: #999; }
.form-wrapper input:-ms-input-placeholder { color: #999;}    
.form-wrapper button {overflow: visible; z-index:999;position: absolute;float: right; margin-left:-40px; border: 0;padding: 0;cursor: pointer;height:40px;width:40px;text-indent: -9999px;color: #fff;text-transform: uppercase;background: url(../images/icons/icon-search.png) no-repeat 10px 10px #ff3366; background-size:18px;
border-radius:50%;}   
.form-wrapper button:hover{ background:  url(../images/icons/icon-search.png) no-repeat 10px 10px  #e54040; background-size:22px;}	
.form-wrapper button:active,.form-wrapper button:focus{ background: #c42f2f;}
.form-wrapper button:before {content: '';  }
.form-wrapper button:hover:before{ /* border-right-color: #e54040;*/}
.form-wrapper button:focus:before{/*border-right-color: #c42f2f;*/}    
.form-wrapper button::-moz-focus-inner {border: 0;padding: 0;}

/*icon circle*/
.content-cart{ float:right;  margin:54px auto 0px 10px;}
.content-cart a{ margin:0px 3px;}

.content-cart a:hover{ opacity:0.5;}
.btn-car{background: url("../images/icons/icon-car-w.png") no-repeat scroll center center rgba(229,72,129,1);height:39px;width:39px;float:left; 
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.btn-admin { background: url("../images/icons/icon-people-w.png") no-repeat center center rgba(116,194,184,1);text-indent: -999px;display: inline-block;height:39px;width:39px;float:left; margin:0px 25px; font-size: 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.btn-compare {background: url("../images/icons/icon-home-w.png") no-repeat center center rgba(117,188,109,1);text-indent: -999px; display: inline-block;height:39px;width:39px;float:left; margin:0px ; font-size: 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.zero{ color:#FFF; padding: 0px; z-index: 2;width: 32px; height: 22px; line-height: 17px; text-align: center; background: url(../images/icons/notify.png) 0 0 no-repeat;float:left; margin-top:-15px;}
.icon-tel{ background: url(../images/icons/icon-tel.png) no-repeat left 3px; background-size:18px 18px; padding-left:20px;}
.icon-mail{ background: url(../images/icons/icon-mail.png) no-repeat left 3px; background-size:18px 18px; padding-left:20px;}
.icon-user{ background: url(../images/icons/icon-user.png) no-repeat left 3px; background-size:20px 20px; padding-left:20px;}
.icon-accunt{ background: url(../images/icons/icon-lock.png) no-repeat left 3px; background-size:20px 20px; padding-left:20px;}

/*index*/
.banner-wrap{width: 100%;height: auto ;margin:0px auto; background: url(../images/banner/index-banner-bg.jpg) repeat-x left bottom;float:left;}
.headerbanner {	margin: 0; width: 100%; height:auto; }
.headerbanner img {	display: inline-block; width: 100%; height:auto;}

.banner{ width:100%;  float:left;text-align:center;}
.banner img{width: auto; height:342px;}



.eventWrap { width: 100%; background: #f9f9f9; float:left; margin:0px; height:50px;}
.event { width: 1160px; margin:0px auto auto auto; padding:20px 0px 10px 0px;background: url(../images/new.png) no-repeat 20px 15px #f9f9f9; display: table; }
.event div { font-size:1em; text-align: left; padding:0px 10px 0px 25px; margin:0  auto; display: inline-block;	width: 100%;}
.event div a { color: #000;}



/*service */
.service {  background: #fff; padding: 19px 0; font-size: 12px; float: left; width: 100%;	margin:5% auto;}
.service-item {padding-left: 35px;border-right: 1px solid #ccc;overflow: hidden; width:21.5%; float:left; text-align:center;}
.service-item:last-child{ border-right: none;}
.icon {width:100%;height: 40px; display:block;}
.info {display:block; width:100%;}
.info span{ font-size:13px; color:#999;}



/*btn show*/
.btn-orange {
	/*background: url("../images/arrow-right-small.png") no-repeat 10px center #bd9d50;*/
	background: rgba(43,104,71,1);	color: #fff;	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;	-o-transition: color 0.3s ease-out, background 0.3s ease-in; transition: color 0.3s ease-out, background 0.3s ease-in;	padding: 3px 15px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;	border-radius: 15px; text-decoration: none;	font-weight: 400;	font-size: 1em;	font-style: normal;	float: left; margin: 5px 2%; }
.btn-orange a:link {text-decoration: none;	font-style: normal;	color: #fff;}
.btn-orange:hover {	box-shadow: 0px 1px 3px rgba(51,51,51,0.3);	text-decoration: none;	background: #F30;	color: #FFF;}
.btn-orange a:visited{color: #FFF;}
.btn-gray {color:#2f7a5a; padding:8px 15px ; font-size: 15px; width:auto; margin: 2px 1%; float: left; background: #EDF1F1 ;   -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;	-o-transition: color 0.3s ease-out, background 0.3s ease-in;transition: color 0.3s ease-out, background 0.3s ease-in;
}
.btn-gray a{color:#2f7a5a;}
.btn-gray a:hover {	text-decoration: none;	color: #97a7a2;}
.btn-gray a:visited{color: #000;}
.btn-share {color:#2f7a5a; padding: 10px 10px 10px 20px; font-size: 15px; width:auto; margin: 2px 1%; float: left; background: #EDF1F1 url("../images/icon-share.png") no-repeat scroll 5px center;   -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;	-o-transition: color 0.3s ease-out, background 0.3s ease-in;transition: color 0.3s ease-out, background 0.3s ease-in;
}
.btn-share a{color:#2f7a5a;}
.btn-share a:hover {text-decoration: none;	color: #97a7a2;}
.btn-share a:visited{color: #000;}

.btn-buy {color:#fff; padding: 10px 10px 10px 20px; font-size: 15px; width:auto; margin: 2px 1%; float: right; background: #2f7a5a url("../images/cart.png") no-repeat scroll 2px 4px;   -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;	-webkit-transition: color 0.3s ease-out, background 0.3s ease-in;
	-moz-transition: color 0.3s ease-out, background 0.3s ease-in;	-o-transition: color 0.3s ease-out, background 0.3s ease-in;transition: color 0.3s ease-out, background 0.3s ease-in;
}
.btn-buy a{color:#fff;}
.btn-buy a:hover {text-decoration: none;color: #97a7a2;}
.btn-buy a:visited{color: #000;}




/* Common style */
figure { position: relative; float: left; overflow: hidden; margin:0px 0px 1px 0px; width: auto; text-align: center; cursor: pointer;}
figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1;}
figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
figure figcaption::before,figure figcaption::after { pointer-events: none;}
figure figcaption,figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/***** Ruby */
figure.effect-ruby { }
figure.effect-ruby img { opacity:1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(1); transform: scale(1);}
figure.effect-ruby:hover img { opacity: 0.8; background-color:#a9e6e6;	-webkit-transform: scale(1.15);	transform: scale(1.15);}
.effect-ruby:nth-child(2) { padding:4px 0px;}

/* Bubba *****/
figure.effect-bubba { background: #FFF;}
figure.effect-bubba img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-bubba:hover img { opacity: 1; }
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after {position: absolute; top: 20px; right: 20px; bottom: 20px;	left: 10px;	content: ''; opacity: 0;width:70%; height:75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);	transform: scale(0,1); }
figure.effect-bubba figcaption::after {	border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0);	transform: scale(1,0); }
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after { opacity: 1;	-webkit-transform: scale(1); transform: scale(1);}


/*index block*/
#box-group-category{ width:1160px; float:left; margin:0px 0px 40px 0px; background:#FFF;}
.box-head{width:100%; float:left; margin:0px;padding:50px 0px 0px 0px;}
.box-head h1{ font-size:32px; font-weight:700; width:100%; display:block; text-align:center;}
.box-head h2{ font-size:32px; font-weight:700; width:100%; display:block; text-align:center;}
.box-head p{  font-size:15px;color:#8997a2;text-align:center; margin-top:3%;}
.box-pink{ width:31%; height: auto; float:left; border:solid 1px #f59fba; margin:0px 3% 2% 0px;}
.box-pink-title{ background:#f59fba;  width:100%;}
.box-pink-title h3{ background:url(../images/title/title-cat01.png) no-repeat 15px 5px; font-size:30px; padding:10px 0px 10px 70px; color:#FFF;}
.box-yellow{ width:31%; height: auto; float:left; border:solid 1px #ff9f17; margin:0px 3% 2% 0px;}
.box-yellow-title{ background:#ff9f17;  width:100%;}
.box-yellow-title h3{ background:url(../images/title/title-cat02.png) no-repeat 15px 5px; font-size:30px; padding:10px 0px 10px 70px; color:#FFF;}
.box-blue{ width:30%; height: auto; float:left; border:solid 1px #66cccc; margin:0px 0px 2% 0px;}
.box-brand{width:1152px; height:280px; float:left; margin:0px auto 70px auto;padding:20px 0px 0px 0px; background:url(../images/title/bottom-pink.png) no-repeat  center top;}
.box-brand h2{ font-size:32px; font-weight:700; color:#cc3366; text-align:center;}


.box-logo{ width:1000px; margin:50px 0px 0px 100px;}
.logo-ad{padding:5px; margin-left:10px;width:120px !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; }
.logo-ad a{ text-decoration: none;}
.logo-ad:hover {-webkit-transform: scale(1.05);	transform: scale(1.05); }
.logo-ad img{ padding-bottom:12px; width:120px; height:120px;}


.style-pink{background: url(../images/title/title-pink.png) no-repeat center 20px;}
.t-pink{color:#f59fba; }

.style-yellow{background: url(../images/title/title-yellow.png) no-repeat center 20px;}
.t-yellow{color:#ff9f17; }

.style-blue{background: url(../images/title/title-yellow.png) no-repeat center 20px;}
.t-blue{color:#66cccc; }


/*tag*/
.tag-new{ font-size:15px; padding:20px 10px 0px 10px; text-align:center;border-radius:50%; width:40px; height:40px;background:rgba(228,69,126,1); color:#FFF; 
position:absolute; float:left; margin:-280px 0px 0px -120px;}
.tag-yellow{
	font-size: 15px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: url(../images/icons/crow.png)  no-repeat center center #ff9f17;
	color: #FFF;
	position: absolute;
	float: left;
	margin: -310px 0px 0px -120px;
	text-indent: -9999px;
}

.tag-blue{
	font-size: 15px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: url(../images/icons/hand.jpg)  no-repeat center center #66cccc;
	color: #FFF;
	position: absolute;
	float: left;
	margin: -310px 0px 0px -120px;
	text-indent: -9999px;
}

/*/.box-header-icon { background: url(../images/icon-tranparent.png) no-repeat; width: 46px; height: 33px; margin:0px 5px; text-align: center; line-height: 38px;float:left; padding-bottom:8px; }*/

.box-types{ width:98%; float:left; margin:5% auto; padding:0px; background:url(../images/bottom-line2.jpg) repeat-x  center bottom;-webkit-box-shadow: -3px 0px 10px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: -3px 0px 10px 0px rgba(50, 50, 50, 0.1); box-shadow:-3px 0px 10px 0px rgba(50, 50, 50, 0.1);}
.box-banner{ background:#66cccc;  width:20%; height:382px; float:left; padding:15px;}
.box-banner h3{ font-size:30px; color:#FFF; background: url(../images/icons/de-line.jpg) no-repeat left bottom; margin:5%; padding-bottom:20px;}
.box-banner p{ color: rgba(255,255,255,.8);	font-size: 16px; line-height: 1.6em; padding:10px 15px;}
.deals { width:98%;  margin:20px 15px auto 30px!important; padding:15px; float:left;}
.deals div{height:400px;}

.hot { width:75%;  margin:10px  auto auto 20px!important; padding:10px; float:left;}
.hot .product-ad{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;border: none;}

/*index-product-block*/
.product-ad{padding:5px; margin-left:10px;width:240px !important;  border: solid 1px  rgba(204,204,204,0.1);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.1); box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.1);}
.product-ad a{ text-decoration: none;}
.product-ad:hover {-webkit-transform: scale(1.05);	transform: scale(1.05); }

.product-ad img{ padding-bottom:12px; width:240px; height:240px;}

.product-ad h5{ font-size:14px; margin-left:15px; width:200px; line-height:1.5em;  display:block; background:#fff; height:60px;}
.product-ad a h5{ color: #666;}
.product-ad a:hover h5{	color: #FF3B72;}
.product-ad span.product-name{ font-size: 16px; line-height: 2em; color: #666666; display: block;}
.product-ad span.product-price{ font-size: 24px; font-weight:400; line-height: 2em;  display: block;}
.product-ad span.product-start{ width:100%;display: block;}


/*index vertical product*/
.vertical{ width:100%; float:left; margin:9% auto;}
.vertical-ad{padding:5px; margin-left:10px;width:90% !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; border-bottom:dashed 1px #666666;}
.vertical-ad a{ text-decoration: none;}
.vertical-ad:hover {-webkit-transform: scale(1.05);	transform: scale(1.05); }
.vertical-ad img{ padding:12px; width:100px; height:100px; float:left;}
.vertical-ad h5{ font-size:14px; margin:15px 15px 0px 0px; width:100%; line-height:1.5em;  display:block; background:#fff; height:60px;}
.vertical-ad a h5{ color: #666;}
.vertical-ad a:hover h5{	color: #FF3B72;}
.vertical-ad span.product-name{ font-size: 16px; line-height: 2em; color: #666666; display: block;}
.vertical-ad span.product-price{ font-size: 24px; font-weight:400; line-height: 2em;  display: block;}
.vertical-ad span.product-start{ width:100%;display: block;}
.no-style{ border-bottom:none;}

.category-list{float: left;list-style-type: none;  width: 100%; margin:0px; padding:0px; font-size:14px; padding-top:10px; background:#FFF;}
.category-list li{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 5px; margin-bottom: 5px; }
.category-list li:first-child{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.category-list li a{ display: block; border-left: 3px solid #fff; padding: 6px 15px; text-decoration: none; color:#515151;}
ul.category-list li:hover,ul.category-list li.active{ border-top: 1px solid #F5F5F5; border-bottom: 1px solid #F5F5F5; }


/*.custom-banner */
.custom-banner { position: relative; float:left; margin:10px 10px 70px 0px;}
.custom-banner:first-of-type{}
/* Banner effect style */
.custom-banner a:before {
    background-color: rgba(255, 255, 255, 0.15);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.custom-banner a:after {
    background-color: rgba(255, 255, 255, 0.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.custom-banner a:hover:before,.custom-banner a:hover:after {
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;/* Chrome, Safari, Opera */
    -ms-transition: all 0.4s ease-in-out 0s;/* IE 9 */
}

/*grid*/
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12 {
	float: left; display:inline; position: relative; padding-left:2%; padding-right: 2%;
	/* Rounding error with IE7. Lower margin values will absorb the difference. */
	*padding-left: 1.9%;*padding-right: 1.9%;
}
.col_1 {width:4.33%;}
.col_2 {width:12.66%;}
.col_3 {width:21%;}
.col_4 {width:29.33%;}
.col_5 {width:37.66%;}
.col_6 {width:46%;}
.col_7 {width:54.33%;}
.col_8 {width:62.66%;}
.col_9 {width:71%;}
.col_10 {width:79.33%;}
.col_11 {width:87.66%;}
.col_12 {width:96%;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0px; }


/*footer*/
footer{ width:100%; background:#fff1f1; float:left; }
.footerWrap { width:1160px; margin:20px auto; overflow: hidden;	font-family: 'Roboto', sans-serif , 'Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS;}
/*--- footer event ---*/
.footermenu { width: 1160px; margin:0px auto;}
.footer-logo { float:left; width:100px; height:40px; background:url(../images/logo.png) no-repeat left center; background-size:90px auto;}
.footer-menu { width: 1160px; float:left;background: url(../images/fo-line.png) no-repeat center bottom; float:left; padding:0px 0px 0px 0px; margin:0px auto 0px auto; clear:both;}

.sharing-links { margin:20px auto auto 40%; padding:0px;}
.sharing-links li { float: left; margin-right:3px; list-style-type: none; width: auto!important; }
.sharing-links li a{  padding:2px;  /*border: 1px solid #eeb013;*/border-radius: 50%;}
.sharing-links li a img{ width: 35px; height:35px;  border-radius: 50%;}
.sharing-links li a:hover{ /*border:1px solid  #eeb013; background:#eeb013;*/}
.sharing-links li label {  margin-bottom: 0;  margin-right: 1em;  padding-top: 1px;}


/*--- footer event ---*/
.footer-link {	width: 100%; margin:20px auto 0px 5%;display: inline-block;	float: left;}
.footer-link h3 {	color: #ff3366;	font-size: 1.2em;	font-weight: bold;	padding: 0px 0px 20px 0px;	clear: both;}
.footer-link ul {float: left;width: 20%; padding:0px;}
.footer-link ul li {display: block;	width: 100%; float: left; padding:7px 0px;font-size: 1em;	letter-spacing: 0.01em;	line-height: 1.5em;}
.footer-link ul li a { color: rgba(102,102,102,1); text-decoration: none;}
.footer-link ul li a:hover{color:#FF3366;}
.footer-link p { padding: 25px 0px;	font-size: .8em; color:#666;}
.footer-link ul:nth-of-type(2) { float: left; padding:0px 4%; width: 15%;}
.footer-link ul:nth-of-type(3) { float: left; padding:0px 4%; width: 15%;}
.footer-link ul:nth-of-type(4) { float: left; padding:0px 0px 0px 4%; width: 23%;}
.footer-row { margin-top:30px; padding:10px 0px; color:#333 !important;  border-top: 1px solid rgba(60%,60%,60%,.2); width:100%; float:left; clear:both;}
.small{ font-size: .8em; color:#666 !important; float:left; width:40%;}
.small span{ line-height: 3em;}
.right{ float:right;}
.f-home{ background:url(../images/icons/f-home.png) no-repeat left top; padding:0px 0px 10px 30px !important; float:left;}
.f-tel{ background:url(../images/icons/f-line.png) no-repeat left top; padding:0px 0px 10px 30px !important; float:left;}
.f-mail{ background:url(../images/icons/f-mail.png) no-repeat left top; padding:0px 0px 10px 30px !important; float:left;}

/*mainWrap*/
#mainWrap {	 max-width: 1100px;	margin: 0 auto;}
#mainWrap h2 {	font-size: 1.6em;	color: rgba(0,0,0,.8);	padding: 10px 0px 10px 25px;margin: 60px auto auto auto;background: url(../images/h2.jpg) no-repeat left center;border-bottom: solid 1px rgba(0,0,0,.2);clear: left;}
.mainwrap{width:840px;float: right;}


/*aside*/
aside{ width:23%; float:left; margin:0px 3% 10px 0px; }
#subcategories {  margin:30px 0px 5px 0; padding:0px;background:url(../images/title/bottom-line2.jpg) repeat-x  left top; border:solid 1px rgba(204,204,204,.5);}
/* nav */
.block-title{ width: auto; padding:15px 0px 15px 30px; box-shadow:0px 1px 3px rgba(204,204,204,1); font-size:24px; background:url(../images/title/cate-title.jpg) no-repeat 30px 48px;}
.nav { margin:5px 1%;  font-size:14px;border:none !important; box-shadow:none; }
.nav ul { margin:10% 0px 0px 5%; padding: 0; }
.nav li { margin: 10px; background: url(../images/icons/arrow-right.png) no-repeat left 3px; list-style: none; font-size:1.2em; width: 100%; display: inline-block; line-height:1.5em;}
.nav a {text-decoration: none; color: #999;padding:10px 5px 10px 20px; }
.nav a:hover { color: #ff3366;}
.nav .current a { background: #ff3366; color: #fff; border-radius: 5px; }
.nav  .default{ display:none;}
/* right nav */
.nav.right ul { text-align: right; }
/* center nav */
.nav.center ul { text-align: center;}

.container aside .box-pink,.container aside .box-blue { width:100% !important; margin:15% auto auto auto;}
.container aside .box-blue img{ width:100%; height:auto;}

/*product banner*/
.banner-product{ width:840px; height:auto;float: right; margin:30px 0px 0px 0px;}
.category-title { float:left; width:100%; margin:5% 0px; }
.category-title h1{ padding-top:50px; width:100%; margin:-20px 0px 0px 0px;display:block;text-align:center;background:url(../images/title/h1-p.png) no-repeat center bottom;float:left; font-size: 26px;}
.category-title p{ font-size: 14px;	float: left; line-height:1.6em;	padding:20px 0px 10px 15px;	color: #A0A0A0;}

/* breadcrumb*/
.breadcrumb-wrapper {background:rgba(245,245,245,.5);padding:15px 0; font-size:13px; }
.breadcrumb-disabled .breadcrumb-wrapper { margin-bottom:-15px; visibility:hidden; }
.breadcrumb { margin:0 auto; display:none; width:1160px; }
.breadcrumb-wrapper .breadcrumb { display:block; }
.breadcrumb a { font-size: 13px; text-decoration: none; color:#222;}
.breadcrumb a:hover{ color:#ff3366;}
.breadcrumb a:after { content:"/"; padding:0 5px; color:#222222; cursor:default; }
.breadcrumb a:last-child:after { content:"/"; }
.breadcrumb a:last-child { cursor:default; color:#8c8c8c; }
/*pager*/
.pages { width:auto; margin:auto;}
.pages ol li {	width: 34px; height: 34px; float: left;	border-radius: 3px;	border: 1px solid #ebebeb;	position: relative;	line-height: 32px;	text-align: center;	list-style-type: none; margin:5% auto 2% 5px;}
.pages ol li:hover {  border: 1px solid #ec4394;}
.pages ol li.current {  background: #EDF1F1;  color:rgba(255,51,102,1);}
.pages ol li a { border: none; color:#333;	border-radius: 0; display: block; padding: 0; line-height: 32px; height: 100%;text-decoration: none;}
.pages ol li a:hover,.pages ol li a:focus {  background: none;}
















/*product*/
.product { margin: 0 auto;  max-width: 840px; padding: 15px 0px 0 0px;  text-align: left;}
.productwrap { float: left; margin: 0 auto; padding:0px 0px 30px 0px; overflow: hidden;  width: 100%; }
.pro { float:left;border: 1px solid rgba(0,110,69,.1); display: block; float: left;  max-width:258px; min-height:440px; padding:10px; text-align: center; vertical-align: top;overflow: hidden; }
.pro a {display: block;	text-decoration: none;}
.pro:hover{border: 1px solid  rgba(255,51,102,1);background: rgba(255,51,102,.1);opacity: 0.9;-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);	-moz-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}	
.pro img {   margin:0px auto 20px auto; }
.pro img:hover {background: rgba(255,51,102,.5); opacity:.8;}

.pro div{ width:258px; height:258px;}

.pro h5 {color: #666; font-size: 16px; letter-spacing: -0.01em; line-height:1.8em; margin: 0 15px; transition: all 0.4s ease 0s; height:50px; margin:10px;}
.pro p { color:rgba(255,51,102,1);font-size:22px; font-weight:700; line-height:1.5em;  transition: all 0.4s ease 0s; margin:10px;}
.more {color: rgba(255,51,102,1);   width:30px; height:30px; font-size: 15px;  margin-right:1%;  background:url("../images/icons/icon-heart-p.png") no-repeat scroll 5px 8px; background-size:18px; transition: all 0.4s ease 0s; float: right; -webkit-border-radius:99em;-moz-border-radius: 99em;border-radius:99em;}
.buy {color:#fff; padding: 8px 20px 8px 30px; font-size: 15px; width:auto;  margin-right:10%;  background:rgba(255,51,102,.5) url("../images/icons/icon-car-w.png") no-repeat scroll 5px 6px; background-size:18px; transition: all 0.4s ease 0s; float: left; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
a:hover span.more { background: rgba(255,51,102,1)  url("../images/icons/icon-heart-w.png") no-repeat scroll 4px 6px; color: rgba(255,51,102,1);background-size:22px;}
a:hover span.buy { background: rgba(255,51,102,1)  url("../images/icons/icon-car-w.png") no-repeat scroll 4px 6px; color: #FFF;background-size:22px;}




/*product-show*/
.leftwrap {	width:50%; padding:30px 20px 20px 0px;float: left; position: relative;	z-index:0;}
.rightwrap { width:40%; float: left; margin:30px auto auto 5%; position: relative; z-index:0; }
.rightwrap div.firstwrap { width: auto;	margin-bottom: 20px; padding-top:0px;	}
.rightwrap div.firstwrap h1 { font-size: 24px;	color: #000; line-height: 150%;	padding-bottom: 5px;}
.introright{ width: auto; margin-bottom: 20px;	padding-top: 20px;	}
.rightwrap div.firstwrap h3 { color:rgba(255,51,102,1);	font-size: 20px; line-height:2em;}
.firstwrap p{ font-size: 14px; line-height: 1.6em; color: #999;}
.lastwrap {	width:100%;	margin:30px auto 50px auto;  float:left;}
.description{}
.short-description {  border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-top:5%;padding:5px 15px; clear:both;}

#product-info { width:47%; float: left; margin:30px auto auto 0; position: relative; z-index:0; }
#product-info li { float: left;  margin-bottom: 8px;  width: 100%;list-style:none; }
#product-info .product-extra { background-color: #fff;  border: 1px solid #c9163a; border-radius: 4px; color: #c9163a; display: block; float: left; font-size: 13px; line-height: 24px; margin: 0 20px 0 0;  text-align: center; width: 110px;}
#product-info .product-number { color: #c9163a;  display: block; float: left; font-size: 18px; line-height: 21px;}
#product-info .product-name { font-size: 30px; line-height: 36px;}
#product-info .product-price { margin: 20px 0 0; padding: 0 0 20px; position: relative;}
#product-info .product-price strong { background-color: #c9163a; border-radius: 32px; color: #fff; display: block; font-size: 14px; height: 54px; left: 130px;  line-height: 18px; padding: 10px 0 0;  position: absolute;text-align: center; top: -10px;  width: 64px;}
#product-info .product-price + li { border-top: 1px solid #ccc;  padding-top: 20px;}
#product-info .product-price .origin {color: #999; display: block; font-size: 13px; text-decoration: line-through;}
#product-info .product-price .sale { color: #000; display: block; font-size: 26px; line-height: 32px;}
#product-info li .color-remark { color: #002752; display: block; float: left; font-size: 14px; font-weight: normal; line-height: 21px; overflow: hidden;  padding: 0 0 0 60px;}
#product-info li.extra { font-size: 13px; margin-top: 5px;}
#product-info li.extra a { margin-right: 20px;}
#product-info li .field { color: #666;  display: block; float: left; font-size: 14px; font-weight: bold; line-height: 21px; overflow: hidden; width: 60px;}
#product-info li .value { color: #000; display: block; float: left; font-size: 14px; font-weight: normal; line-height: 21px; width: 80%;}
#product-info li .value select { height: 26px; line-height: 26px;}
#product-info li.color-select {  margin: 5px 0 10px;}
#product-info li.color-select .field { line-height: 30px; overflow: hidden;}
#product-info li.color-select .value { color: #000; display: block; float: left; font-size: 14px; font-weight: normal; line-height: 30px; width: 300px;}
#product-info li.color-select .value a { border: 1px solid rgba(153,153,153,1); display: block; float: left; height: 28px; margin: 0 10px 0 0; width: 28px;}
#product-info li.color-select .value a.current { border: 1px solid #333;}
#product-info li.color-select .value a:hover { border: 1px solid #999;}
#product-info li.color-select .value a img { border: medium none; display: block; height: auto; width: 100%;}
#product-info li.add a { background-color: #002853; border-radius: 5px; color: #fff; display: block; font-size: 18px; height: 40px; letter-spacing: 1px; line-height: 40px; margin: 20px 0 0; overflow: hidden; padding: 0; text-align: center; text-decoration: none; transition: background-color 0.2s ease 0s; width: 240px;}
#product-info li.add a:hover {  background-color: #c9163a;}

#product-info .sharing-links{margin:40px auto auto 0px!important; padding-top:10px!important;}
#product-info .sharing-links li {}
#product-info .sharing-links li a img{  width: 25px!important;  height:25px!important;    border-radius: 50%;}


#form {width:100%;	color:#666; margin:auto;}
#form form{ display:block; overflow:hidden;}
#form ul { display:block; list-style:none; margin:0; padding:0; width:80%; overflow:hidden;}
#form ul.price{ float:left; width:50%;}
#form ul.price li { width:95%; display:block; list-style:none; padding:0; margin:0 8px 10px 0; float:left; font-size:14px; overflow:hidden }
form ul .price span{   font-size:17px; font-style:normal; padding:0; margin:0 5% 0 0;   color: #C30; line-height:35px; text-align:left;}
#form ul li select{  border:1px solid rgba(151,167,162,.5);margin:0;  height:35px; line-height:35px; width:81%; outline:none; color:rgba(39,34,23,1); padding:0 3%; outline-color:none; font-family:"Arial","Microsoft JhengHei","·L³n¥¿¶ÂÅé","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3";
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-webkit-transition: background-color 0.5s;}
#form ul li select.required , #form ul li input.required{ width:30%;}
#form ul li select.alert , #form ul li input.alert{ border:1px solid #C00;}
#form ul li select:focus,#form ul li textarea:focus,#form ul li input:focus { background:#EDF1F1; border:1px solid rgba(0,110,69,1); color:#000;}


/*add*/
#process-bar { display:block; width:100%; float:left; height:38px; padding:20px 0 10px 0; /*border-bottom:1px solid #E6E6E6;*/ text-align:center; overflow:hidden;}
#process-bar li { font-weight:400;font-family: 'Oswald','Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS; display:inline-block; height:38px; line-height:38px; overflow:hidden;padding:0 40px 0 30px; background:url(../images/process.png) no-repeat right 8px}
#process-bar li:last-child { background:none; padding:0 0 0 30px;}
#process-bar li span { display:block; float:left; line-height:38px;}
#process-bar li span:first-child { height:36px; width:36px; border:1px solid rgba(240,98,146,1); border-radius:18px; text-align:center; color:rgba(240,98,146,1); line-height:36px;}
#process-bar li span:first-child + span { color:#000; margin:0 0 0 10px; line-height:36px;}
#process-bar li.current {}
#process-bar li.current span:first-child { height:36px; width:36px; border:1px solid rgba(240,98,146,1); border-radius:18px; text-align:center; color:#FFF; line-height:36px; background-color:rgba(240,98,146,1); font-size:22px; }
#process-bar li.current span:first-child + span { color:rgba(240,98,146,1); font-size:19px; font-weight:400; }

/*submit-btn*/
ul#submit-btn { display:block; margin:20px auto; height: auto; width:90%; text-align: right; float:right;overflow:hidden; clear:both; }
ul#submit-btn li {width:40%; margin:auto; float:left;}



/* cart list */
#cart-list { width:100%; float:left; border:solid 1px rgba(0,0,0,.1);}
#cart-list ul { display:block;  border-bottom:1px dotted #999; width:98%; margin:1%;}
#cart-list ul li { display:block; float:left; height:96px; overflow:hidden;}

/*2016/01/23*ul.item*//
.price-mobile { display:none;}
.total-mobile { display:none;}
#cart-list ul.field {  height:35px; border-bottom:2px solid rgba(240,98,146,1)); width:98%;}
#cart-list ul.field li {  height:35px; line-height:35px; font-size:15px; color:#000;font-weight:bold;}
#cart-list ul.field li.pimg { width:90px;text-align:center;}
#cart-list ul.field li.unit { width:100px; text-align:center;  font-size:16px;}
#cart-list ul.field li.amount { width:150px; text-align:center; }
#cart-list ul.field li.subtotal { width:100px; text-align:center; font-size:16px; font-weight:bold;}
#cart-list ul.field li.dele { width:150px; text-align:center; font-size:16px; font-weight:bold;}

#cart-list ul.item{width:98%; display:block; float:left;}
#cart-list ul.item li { display:block; float:left; height:auto; margin:10px auto;}
#cart-list ul.item li.pimg { width:90px;  height:90px;text-align:center;}
#cart-list ul.item li.pimg a { display:block; width:100%; height:100%; margin:10px auto;}
#cart-list ul.item li.pimg a img { display:block; width:auto; height:100%; }
#cart-list ul li.name { width:350px; padding:0 0 0 20px;}
#cart-list ul li.name span { display:block; width:100%; color:#666666;font-size:15px; margin:10px 0 3px 0; line-height:20px; }
#cart-list ul li.name span strong { display:inline-block; height:20px; width:auto; font-size:12px; line-height:20px; background-color:#C9163A; border-radius:3px; text-align:center; color:#FFF; margin-right:10px; padding:0 10px}
#cart-list ul li.name span:nth-child(2) {  color:#000; line-height:26px; margin:0}
#cart-list ul li.name span:nth-child(3){ font-size:14px; color:#C30; line-height:26px; margin:0px;}
#cart-list ul.item li.unit { width:100px; text-align:center; line-height:90px; font-size:16px;}
#cart-list ul.item li.amount { width:150px; text-align:center; line-height:90px;}
#cart-list ul.item li.subtotal { width:100px; text-align:center; line-height:90px; font-size:16px; font-weight:bold;}
#cart-list ul.item li.dele { width:150px; text-align:center; }

#cart-list ul.item li.dele a { display:block; width:100%; height:50px; background:url(../images/delete.png) no-repeat center 35px ; text-indent:-9999px; }
#cart-list ul.item li.dele a:hover { background-position:center -40px}
#cart-list ul.item li.dele span:first-child { width:100%; padding-top:20px; display:block; font-size:13px; color:#C1042B; line-height:26px; margin:0;}
#cart-list ul li.dele span:first-child+span{ width:100%;font-size:13px; color: #333; line-height:26px; margin:0px;}
#cart-list ul li.dele a { display:block; width:100%; height:100%; background:url(../images/delete.png) no-repeat center 37px; text-indent:-9999px; }
#cart-list ul li.dele a:hover { background-position:center -38px}

/**/

#cart-list select { display:block; height:26px; width:60px; margin:32px auto 0 auto; font-size:16px}
#cart-list .border { height:2px; overflow:hidden; float:left; background-color:rgba(120,0,0,1); width:100%; clear:both;  }

#cart-list ul.shipment {height:40px; width:70%; padding:20px 0px 0px 28%;  float:left; display:block;border: 3px solid rgba(240,98,146,.1);}
#cart-list ul.shipment li { font-size:14px; color:#666;width:auto;  text-align:center;padding:0px 20px 0px 0px; }
#cart-list ul.shipment li:first-child{  width:100px;  text-align:center;padding:0px; }
#cart-list ul.shipment li.coupons select { margin: 0 auto 0 auto; width:auto; text-align:center; line-height:90px;}


#cart-list ul.shipping { width:98%; display:block; float:left;border-bottom:none;}
#cart-list ul.shipping li:first-child { background:url(../images/shipping.png) no-repeat center center; text-indent:-9999px; overflow:hidden; width:100px;}
#cart-list ul.shipping li:nth-child(2){width:56%;height:auto;font-size:14px; color:#666; line-height:1.8em;}
#cart-list ul.shipping li:nth-child(2) span{ width:100%; display:block;color:#666; }
#cart-list ul.shipping li:nth-child(2) span strong.mem-gift  { display:inline-block; height:20px; width:80px; font-size:12px; line-height:20px; background-color:rgba(120,0,0,1); border-radius:3px; text-align:center; color:#FFF; margin-right:10px;}
#cart-list ul.shipping li:first-child + li span:first-child+span { font-size:14px; color:#666; line-height:1.8em;}




#cart-list ul.sum { border:3px solid rgba(120,0,0,1); height: 70px; width:400px; margin:30px 0 30px 460px; float:left;}
#cart-list ul.sum li { height:70px; line-height:70px; float:left; padding:0}
#cart-list ul.sum li:first-child { width:140px; line-height:70px; padding:0; text-align:center;}
#cart-list ul.sum li:nth-child(2) { width:60px; line-height:70px; padding:0;font-weight:bold;font-size:16px;text-align:right;}
#cart-list ul.sum li:nth-child(3) { width:200px; line-height:70px; font-weight:bold; color:#C1042B; font-size:24px; padding:0px;text-align:center;}



#checkout { display:block; width:100%}
#checkout li { float:left;}
#checkout li:first-child { width:100%; line-height:50px; height:50px;}
#checkout li:first-child+li { width:80%; background-color:#E0E0E0; height:50px; line-height:50px}
#checkout li:first-child+li+li { width:20%; height:50px;}
#checkout li:first-child+li+li a { display:block; width:100%; height:50px; line-height:50px; background-color:#002853; color:#FFF; text-align:center; text-decoration:none; letter-spacing:1px; }
#checkout li:first-child+li+li a:hover { background-color:#C9163A}
#checkout .cart-login-type div { float:left; margin:0 20px 0 10px}
#checkout .cart-login-bar strong { margin:0 5px 0 15px; font-size:13px; color:#666666}
#checkout .cart-login-bar input { border:1px solid #CCC; height:25px; line-height:24px;}
#checkout .cart-login-bar input.account-id { width:200px}
#checkout .cart-login-bar input.account-pswd { width:100px}
#club-ad { float:left; overflow:hidden;  margin:30px 0 }
#cart-remark { float:left; margin:0 0 30px 0;  display:list-item; padding:0 0 0 22px;}
#cart-remark li { list-style:decimal; list-style-type:decimal; display:list-item; line-height:24px; font-size:14px; color:#000;}


/*#info-form */
#info-form { font-size:14px;  width:100%; float:left; margin:2% auto;}
#info-form .length-l { width:96%;}
#info-form .length-m { width:130px;}
#info-form .select-city select { width:150px; border:1px solid #CCC; height:30px; line-height:30px; padding:2px 5px; margin:0 10px 0 0;}
#info-form .select-city select option { height:30px; line-height:30px;}
/*#info-form .select-city select option { height:25px; line-height:25px}*/
#info-form .select-store select { width:100%; border:1px solid #CCC; height:30px; line-height:30px; padding:2px 5px; margin:0 10px 0 0;}
#info-form .select-store select option { height:30px; line-height:30px;}
#info-form ul { display:block; width:45%; float:left; height:480px; }
#info-form ul:nth-child(2n) { margin-left:100px;}
#info-form ul li { width:100%; display:block; float:left; height:40px; line-height:40px; margin:3px 0px; padding:0}
#info-form ul li.title { font-size:18px; height:35px; line-height:35px; border-bottom:2px solid #000; width:100%;  margin:20px 0 30px 0; padding-bottom:10px}
#info-form ul li span { display:block; float:left; line-height:40px; height:40px; font-size:15px; }
#info-form ul li input { border:1px solid #CCC;  line-height:24px; padding:5px; margin:3px 0px;}
#info-form ul li input[type="radio"] { border:none; background:none}
#info-form ul li input[type="checkbox"] { border:none; background:none}
#info-form ul li span:first-child { width:100px; color:#333333}
#info-form ul li span:first-child+span { width:420px;}
#info-form ul li span a{ padding:2px 5px; color:#C91439;}
#info-form ul.level-ii { /*height:540px;*/ margin-top:40px;}
#info-form ul.level-ii li { height:auto;}
#info-form ul.level-ii li strong { font-weight:bold; }
#info-form ul.level-ii li span { height:auto; }
#info-form ul.level-ii li span:first-child { width:150px; color:#333333}
#info-form ul.level-ii li ul { display:block; width:350px; height:auto; overflow:hidden; float:left;padding:0; margin:0}
#info-form ul.level-ii li ul li { display:block; width:100%; line-height:35px;}
#info-form ul.level-ii li ul li em.vremark { display:block; width:auto; padding:0 0 0 25px; line-height:18px; font-size:13px; color:#9D9D9D}
#info-form ul.level-ii li ul li ul { display:block; width:300px; height:auto; overflow:hidden; float:left; padding:0; margin:0 0 0 20px;}
#info-form ul.level-ii li ul li ul li { display:block; width:100%; line-height:35px;}
#info-form ul.level-ii li ul li ul li span:first-child { width:50px;}
#info-form ul.level-ii li ul li ul li span:first-child + span { width:220px;}

#info-form ul li.remark-red { font-size:13px; line-height:21px; color:#C91439; padding-top:5px;}
#info-form ul li.remark-store { font-size:13px;  color:#666; padding:5px;}
#info-form.confirm-list { margin:40px 0 0 0; overflow:hidden; float:left}
#info-form.confirm-list ul { height:340px;} 
#info-form.confirm-list ul li { height:32px; line-height:32px;} 
#info-form.confirm-list ul li span { display:block; float:left; line-height:32px; height:32px; overflow:hidden; font-size:15px;}
#info-form.confirm-list ul li span:first-child { color:#666; width:150px !important; float:left; }
#info-form.confirm-list ul li span:nth-child(2){ color:#000000; font-weight:bold;float:left;width:300px !important;}
#info-form.confirm-list ul:nth-child(2){ margin:0 0 0 60px;}
#info-form.confirm-list ul:nth-child(3){ width:100%}
#info-form.confirm-list ul:nth-child(3) li:nth-child(3) { margin:0px;}
#info-form.confirm-list ul:nth-child(3) li:nth-child(5) { margin:0px;}
#info-form.confirm-list ul.level-ii { width:100%; height:300px;}

#info-form ul li.thesame { width:100%}
#info-form ul li.thesame span { display:block; float:left; overflow:hidden; height:24px; margin:4% 0; }
#info-form ul li.thesame span input { line-height:24px; margin:0; padding:0}
#info-form ul li.thesame span:first-child { width:20px; padding: 0;  margin:1% 0; line-height:24px }
#info-form ul li.thesame span:first-child+span{ margin:1% 0 0 10px; line-height:24px; width:70%} 



#info-form ul.pay { height:auto; width:100%; margin:0px 0px 2% 0px;  }
#info-form ul.pay li { height:auto; }
#info-form ul.pay li strong { font-weight:600;font-size:16px; margin:0px;}
#info-form ul.pay li span { height:auto; }
#info-form ul.pay li span:first-child { width:100px;font-size:17px; color:#333333}
#info-form ul.pay li ul { display:block; width:85%; height:auto; overflow:hidden; float:left;padding:0; margin:0}
 #info-form .pay li ul li label{ width:300px !important; padding:10px; background:rgba(240,98,146,1); color:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#info-form ul.pay li ul li { display:block; width:45%; line-height:50px; margin:10px;float:left;}
#info-form ul.pay li ul li em.vremark { width:50%; padding:0 0 0 25px; line-height:18px; font-size:13px; color:#9D9D9D}


/*bg*/
.shop{ background:url(../images/about/shop-bg.jpg) no-repeat scroll right top;background-size:1680px 942px;}
.contact-bg{ background:url(../images/about/about-bg3.jpg) repeat  scroll right top;background-size:1920px 923px; float:left;}
.about-bg{ background:url(../images/about/about-bg.jpg) no-repeat right center;background-size:cover;}



/* member center*/
#mem-center { width:1000px; margin:30px auto 0 auto; overflow:hidden}
.member-center { background:#FFF;}
/*.member-login { background:#FFF;}*/
#mem-center-left { width:400px; float:left;}
#mem-center-left ul { display:block; width:280px; margin:65px auto}
#mem-center-left ul li { display:block; width:100%; color:#000; line-height:24px;}
#mem-center-left ul li.member-center-logo { background:url(../images/member-center.png) no-repeat left top; background-size:200px 223px; height:223px; margin:0 0 50px 0; text-indent:-9999px;}
#mem-center-left ul li.name { font-size:24px;  font-family: 'Oswald','Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS;line-height:36px; font-weight:lighter; letter-spacing:1px;  margin:0 0 20px 0;text-align:center;}
#mem-center-left ul li.name strong { margin:0 0 0 10px; text-decoration:underline; font-weight:bold; color: #ff3366;}
#mem-center-right { width:600px; float:left; }
#mem-center-right ul { display:block; width:600px; overflow:hidden; margin:50px auto 50px 5%; }
#mem-center-right ul li { display:block; list-style:none; width:110px; height:130px; margin:20px; float:left}
#mem-center-right ul li a { display:block; padding:110px 0 0 0; height:20px; width:110px; line-height:20px; text-decoration:none; text-align:center; font-size:14px; color:#000; transition:none;
     -moz-transition:none;
     -webkit-transition:none;
     -ms-transition:none;
     -o-webkit-transition:none; }

#mem-center-right ul li.profile a { background:url(../images/profile@2x.png) no-repeat center top; background-size:96px 280px}
#mem-center-right ul li.order a { background:url(../images/order@2x.png) no-repeat center top; background-size:96px 280px}
#mem-center-right ul li.faqs a { background:url(../images/faqs@2x.png) no-repeat center top; background-size:96px 280px}
#mem-center-right ul li.password a { background:url(../images/password@2x.png) no-repeat center top; background-size:96px 280px}
#mem-center-right ul li a:hover { background-position:center -184px; color:#000; font-weight:bold}
#mem-center-promo { width:529px; float:left;}
#mem-center-promo ul { display:block; width:280px; margin:65px auto; overflow:hidden}
#mem-center-promo ul li { display:block; width:100%; color:#E6E6E6; line-height:24px; float:left}
#mem-center-promo ul li.member-center-logo { background:url(../images/member-center.png) no-repeat center top; height:150px; margin:0 0 30px 0; text-indent:-9999px;}
#mem-center-promo ul li.join a { display:block; width:80px; height:80px; line-height:80px; font-size:19px; color:#FFF; overflow:hidden; border-radius:40px; text-align:center; margin:30px auto 0 auto; text-decoration:none; font-weight:normal; background:rgba(0,109,69,1);}
#mem-center-promo ul li.join a span { display:block; width:100%; height:22px; line-height:22px}
#mem-center-promo ul li.join a span:first-child { margin-top:17px}
#mem-center-promo ul li.join a:hover { background:rgba(0,109,69,.8);}
#mem-center-promo ul li.promoad { display:block; height:150px; overflow:hidden; border:1px solid #0F0}
#mem-center-promo ul li.promo-ad img { display:block; margin:0 auto; width:100%; height:auto}


#mem-center-login { width:80%; margin:auto;  }
#mem-center-login ul { display:block; width:50%; overflow:hidden; margin:50px auto; }
#mem-center-login ul li { text-align:center; display:block; list-style:none; width:100%;  margin:0 0 1px 0; float:left;}
#mem-center-login ul li a { color:#000; }
#mem-center-login ul li.function { line-height:30px; margin:5px 0; text-align:center;}
#mem-center-login ul li.function a { font-size: 15px; color:rgba(240,98,146,1);	margin-right: 20px;	text-decoration: underline;}
#mem-center-login ul li.function a:hover { text-decoration:none}

#mem-center-login ul li.title { font-size:26px; line-height:72px; color:#000; text-align:center; margin:15px auto ; background: url(../images/doll.png) no-repeat left top; background-size:75px  auto; }
#mem-center-login ul li.or { font-size:18px; line-height:36px; color:#000; text-align:center;margin:10px 0; background:url(../images/or.png) no-repeat center center}
#mem-center-login ul li.function { margin:13px 0 0 0}
#mem-center-login ul li.login{width:100%;float:left;}
#mem-center-login ul li.login span { width:20%;float:left; margin-top:3%;}
#mem-center-login ul li.login input { display:block; width:60%; height:45px; line-height:45px; font-size:16px; color:#000; background:rgba(240,98,146,.3); padding:0 15px; border:none; margin-bottom:1%;float:left;}
#mem-center-login ul li.alert span { float:left;   color: #a94442;  margin: 20px 5px;  padding: 15px;  width: 300px;}

/* MEMBER - PASSWORD */
#password-form { width:100%; float:left;}
#password-form ul { display:block; width:400px; overflow:hidden; margin:30px auto;}
#password-form ul li { display:block; float:left; height:auto; overflow:hidden; margin:0 0 5px 0; padding:0}
#password-form ul li.title { font-size:18px; height:35px; line-height:35px; border-bottom:2px solid #000; width:100%; font-weight:bold; margin:0 0 10px 0; padding-bottom:10px}
#password-form ul li span { display:block; float:left; line-height:40px; overflow:hidden; font-size:16px;}
#password-form ul li span .remark { display:block; float:left; line-height:21px; overflow:hidden; font-size:14px; color:#666}
#password-form ul li input { border:1px solid #CCC; height:24px; line-height:24px; padding:5px;}
#password-form ul li span:first-child { width:100px; color:#000;}
#password-form ul li span:first-child+span { width:300px;}
#password-form .length-l { width:388px}
#password-form .length-m { width:236px}
#password-form .birthday select { width:90px; border:1px solid #CCC; height:26px; line-height:26px; padding:0; margin:0 10px 0 0}
#password-form ul#submit-btn {display:block; width:60%; overflow:hidden; margin:30px;}
#password-form ul#submit-btn li input{float:left; width:100%;  line-height:26px; height: auto; text-align: center !important; display: block; margin-left:0px !important; font-size:18px;}
/* MEMBER - JOIN */
#form-medium { width:100%; float:left; font-size:14px;}
#form-medium h2 { font-size:26px; display:block; width:100%; margin:70px 0 50px 0; text-align:center; font-weight:bold}
#form-medium p {  display:block; width:100%; margin:0 auto; font-size:15px;text-align:center; margin:20px 0; line-height:26px; overflow:hidden; min-height:35px;}
#form-medium p strong { font-weight:bold; margin:0 10px}
#form-medium ul { display:block; width:500px; overflow:hidden; margin:30px auto}
#form-medium ul li { display:block; float:left; height:auto; overflow:hidden; margin:0 0 5px 0; padding:0}
#form-medium ul li.title { font-size:18px; height:35px; line-height:35px; border-bottom:2px solid #000; width:100%; font-weight:bold; margin:0 0 10px 0; padding-bottom:10px}
#form-medium ul li span { display:block; float:left; line-height:40px; overflow:hidden; font-size:15px;}
#form-medium ul li span .remark { display:block; float:left; line-height:21px; overflow:hidden; font-size:14px; color:#666}
#form-medium ul li input { border:1px solid #CCC; line-height:24px; padding:5px; text-align:left;}
#form-medium ul li input[type="radio"] { border:none; background:none}
#form-medium ul li input[type="checkbox"] { border:none; background:none}
#form-medium ul li span:first-child { width:100px; color:#333333}
#form-medium ul li span:first-child+span { width:400px;}
#form-medium .length-l { width:388px}
#form-medium .length-m { width:236px}
#form-medium select { border:1px solid #CCC; height:35px; line-height:24px; padding:5px 0px; }
#form-medium .birthday select { margin:0 10px 0 0; width:90px; }
#form-medium ul li.rule { margin:10px 0 0 0}
#form-medium ul li.rule span:first-child { width:30px; line-height:24px;}
#form-medium ul li.rule span:first-child+span { width:470px; line-height:24px; color:#666;}
#form-medium ul li.rule span:first-child+span a{ color:rgba(240,98,146,1);}
#form-medium ul#submit-btn { display:block; width:60%; overflow:hidden; margin:30px auto;}
#form-medium ul#submit-btn li input[type="submit"]{ clear: both;float:left!important; width:100%;  line-height:26px; height: auto; text-align: center !important; display: block; margin-left:0px!important; font-size:18px;}

#form2 ul li span img, #form2 ul li span em{ float:right; margin-top:5px; }





#center-info { width:640px; margin:0 auto; overflow:hidden;}
#center-info h2 { font-size:26px; display:block; width:100%; margin:30px 0; text-align:center; font-weight:bold}
#center-info p { font-size:15px; display:block; text-align:center; width:100%; margin:30px 0; line-height:26px;}
#center-info p.info-more { font-size:14px; display:block; text-align:center; width:100%; margin:30px 0; line-height:26px;}
#center-info p strong { font-weight:bold; color:#C9163A; margin:0 0 0 10px;}
#center-info #submit-btn li{ width:100%; margin:auto; text-align:center;}




#tab-bar { display:block; width:100%; height:38px; margin:40px auto auto auto; padding:20px 0 10px 0; /*border-bottom:1px solid #E6E6E6;*/ text-align:center; overflow:hidden; clear:both;}
#tab-bar li { display:inline-block; height:38px; line-height:38px; overflow:hidden; font-size:15px; margin:0;}
#tab-bar li a { color:#000; text-decoration:none; border-right: dotted 1px  #CCCCCC;  padding:0px 20px;}
#tab-bar li a:hover { color:#333333; font-size:18px}
#tab-bar li.current {}
#tab-bar li.current a { color:rgba(240,98,146,1); font-weight:400; text-decoration:none; font-size:22px}




#order-history-list { width:100%; min-height: 300px; float:left;}
#order-history-list ul { display:block; overflow:hidden; border-bottom:1px dotted #999; float:left}
#order-history-list ul li { display:block; float:left; height:60px; line-height:60px; overflow:hidden; float:left; font-size:14px;}
#order-history-list ul li span:first-child { display:none}
#order-history-list ul li:first-child { /*width:160px;*/ width:100px;}
#order-history-list ul li:nth-child(2) { /*width:160px;*/ width:200px}
#order-history-list ul li:nth-child(2) a{ color: #1e7ec8;;}
#order-history-list ul li:nth-child(3){ width:150px;}
#order-history-list ul li:nth-child(4){ width:150px ;font-size:16px; font-weight:bold;text-align:center;color: rgb(255, 0, 0);}
#order-history-list ul li:nth-child(5) { width:120px;}
#order-history-list ul li:nth-child(5) a { color: #1e7ec8;}
#order-history-list ul li:nth-child(6) { width:100px; text-align:center; }
#order-history-list ul li:nth-child(7) { width:90px; text-align:center;}
#order-history-list ul li:nth-child(7) a { display:block; width:100%; height:100%; text-decoration:none; color:#C1042B; font-weight:bold; }
#order-history-list ul li:nth-child(7) a:hover { color:rgba(2,92,52,1); font-weight:bold}
#order-history-list ul li:nth-child(8) {width:80px; text-align:center}
#order-history-list ul li:nth-child(8) a { display:block; width:100%; height:100%; background:url(../images/delete.png) no-repeat center 22px; text-indent:-9999px; }
#order-history-list ul li:nth-child(8) a:hover { background-position:center -53px}
#order-history-list ul li:nth-child(9) {width:150px; text-align:center}
#order-history-list ul li a span { transition: all 0.3s;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s;   -ms-transition: all 0.3s;
     -o-webkit-transition: all 0.3s;}



#order-history-list ul li.detail { width:100%; height:auto; border:1px solid #CCC; display:none; overflow:hidden; background-color:#F5F5F5;}

#order-history-list ul.field { width:100%;  height:35px; border-bottom:2px solid #000; margin:40px auto 20px auto;}
#order-history-list ul.field li {  height:35px; line-height:35px; font-size:15px; font-weight:bold; color:rgba(240,98,146,1);  }
#order-history-list ul.field li:nth-child(3) { line-height:35px; }
#order-history-list ul.field li:nth-child(5) { line-height:35px;}

#order-history-list ul li.detail ul.detail-list { display:block; width:940px; overflow:hidden; margin:20px 60px; border:none}
#order-history-list ul li.detail ul.detail-list li { display:block; height:50px; border-bottom:1px solid #CCC; overflow:hidden; float:left; width:100%; line-height:50px; padding:0; margin:0}
#order-history-list ul li.detail ul.detail-list li:first-child { border-bottom:2px solid #000; }
#order-history-list ul li.detail ul.detail-list li span { display:block; float:left; line-height:50px; line-height:50px; font-size:15px; margin-left:30px}
#order-history-list ul li.detail ul.detail-list li span:first-child { width:150px; margin-left:0}
#order-history-list ul li.detail ul.detail-list li span:first-child+span { width:380px;}
#order-history-list ul li.detail ul.detail-list li span:first-child+span+span { width:90px; text-align:right; margin-right:40px}
#order-history-list ul li.detail ul.detail-list li span:first-child+span+span+span  { width:60px; text-align:center}
#order-history-list ul li.detail ul.detail-list li span:first-child+span+span+span+span { width:90px;  text-align:right; font-size:15px; font-weight:bold}
#order-history-list ul li.detail ul.detail-list li span em { display:none}
#order-history-list ul li.detail ul.detail-list li.sum { border:2px solid #000; margin:10px 0 0 610px; width:326px; height:60px; background-color:#FFF}
#order-history-list ul li.detail ul.detail-list li.sum span { line-height:60px; height:60px;}
#order-history-list ul li.detail ul.detail-list li.sum span:first-child { width:130px; margin:0 0 0 30px}
#order-history-list ul li.detail ul.detail-list li.sum span:first-child+span { width:20px; margin:0}
#order-history-list ul li.detail ul.detail-list li.sum span:first-child+span+span { width:120px; color:#C0042B; font-weight:bold; font-size:21px; text-align:right; margin:0}


#order-history-list ul.detail-pay { display:block; width:96%; padding:2%; overflow:hidden; margin:20px auto; border:1px solid rgba(242,241,246,1); background-color:rgba(242,241,246,.3); float:left;}
#order-history-list ul.detail-pay li { display:block; height:50px; border-bottom:1px solid rgba(0,0,0,.1); float:left; width:100% !important; line-height:50px; padding:0; margin:0; background-color:rgba(255,255,255,1);}
#order-history-list ul.detail-pay li:first-child { border-bottom:2px solid rgba(120,0,0,.6); }
#order-history-list ul.detail-pay li span { display:block; float:left; line-height:50px; line-height:50px; font-size:15px; margin-left:30px;}
#order-history-list ul.detail-pay li span:first-child { width:200px; margin-left:0; padding-left:20px; background-color: rgba(120,0,0,1); text-align:left; float:left; color:#FFF;}
#order-history-list ul.detail-pay li span:first-child+span { width: auto;text-align:left; }
#order-history-list ul.detail-pay li span:first-child+span+span { width: auto;}
#order-history-list ul.detail-pay li span:first-child+span+span a{ color: rgba(120,0,0,1);}


.section-header{ width:98%; float:left; padding:1%;background-color:rgba(240,98,146,.1); border-bottom:solid 2px rgba(120,0,0,1); margin-bottom:30px;}
.section-header h3{ color:rgba(120,0,0,1); font-size:1.25em; font-weight:bold; float:left;}
.section-header span{ float:right; font-size:.75em; padding:0px 3px; color:rgba(120,0,0,1); }


.icon-pack{ background:url(../images/icon-pack.png) no-repeat center 7px #ff7200; width:40px; height:40px;-webkit-border-radius: 99em;-moz-border-radius: 99em; float:left; background-size:30px 30px; margin-right:1%;border-radius: 99em;}

.alert-block { text-align:center; width:80% !important; padding:4%; margin: 20px auto; text-shadow: 0 1px 0 rgba(255,255,255,0.5);background-color: #fff5cc;	border: 1px solid #ff7200;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;border-radius: 4px;   display:block;}
.alert-block p { margin-top:10px;color: #ff7200;}
.alert-block h4 { color: #ff7200; font-size:1.25em; font-weight:bold;line-height:1.4;}
ul.alert { width:98%; margin:1% 2%;float:left;}
ul.alert li{ background: url(../img/rightArrow.png) no-repeat left 8px; padding-left: 15px;	display: block;	width: 100%; float: left; line-height: 1.8em;}
	






.rules h2 { display:block; width:100%; font-size:22px; text-align:center; padding:50px 0 10px 0; height:38px; line-height:38px; overflow:hidden; font-weight:bold}
.rules section { width:720px; margin:30px auto 50px auto; overflow:hidden;  border-bottom:1px dotted #000; padding:0 0 30px 0}
.rules section h1 { display:block; width:240px; text-align:center; height:auto; background:rgba(240,98,146,1); color:#FFF; line-height:26px; overflow:hidden; padding:10px; margin:0 auto 30px auto}
.rules section article h2 { display:block; width:100%; text-align:center; border-bottom:none; padding:0; margin:15px 0; font-size:16px;}
.rules section article { line-height:24px; font-size:14px;}
.rules section article p { margin:15px 0 25px 0; line-height:24px; font-size:14px; color:rgba(240,98,146,1);}
.rules section p { margin:15px 0 25px 0; line-height:24px; font-size:14px; color:rgba(2,92,52,1);}

.cart_message section { width:240px;  margin:30px auto 30px auto; overflow:hidden;  padding:0 0 30px 0 }
.cart_message section article h2 { display:block; width:100%; text-align:center; border-bottom:none; padding:0; margin:15px 0; font-size:16px; }
.cart_message section article { line-height:24px; font-size:14px; }
.cart_message section article p { margin:15px 0 25px 0; line-height:24px; font-size:14px; color: #333; }
.cart_message section p { margin:15px 0 25px 0; line-height:24px; font-size:14px; color:rgba(2,92,52,1); }


/*news*/

.news h2 {
    border-bottom: 1px solid #e1e1e1;
    color: #1f1f1f;
    float: left;
    font-size: 30px;
    letter-spacing: -0.04em;
    line-height: 240%;
    width: 100%;
}
.news {
    float: left;
    overflow: hidden;
    width: 100%;
}
.news  ul {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    margin: 0;
    padding: 26px 1%;
    width: 98%;
}
.news ul a li:nth-child(1) {
    color: #929292;
    float: left;
    font-size: 13px;
    width: 300px; margin-right:3%;
	height: auto; 
}
.news ul a li img{ width:100%; height:auto;}
.news ul a li:nth-child(2) {
    color: #000;
    float: left;
    font-size: 13px;
    font-style: italic;
    line-height: 120%;
    margin: 0 0 12px;
    width: 60%; 
}
.news ul a li:nth-child(3) {
    color: #f59fba;
    float: left;
    font-size: 22px;
    line-height: 165%;
    width: 60%;
	margin-bottom:10px;
}
.news ul a li:nth-child(4) {
    color: #999;
    float: left;
    font-size: 15px; line-height: 165%;
    width: 60%;
}
.news ul a li:nth-child(5) {
    background: rgba(0, 0, 0, 0) url("../images/icons/add.png") no-repeat scroll left center;
    color: #F00;
    display: block;
    float: left;
    font-size: 13px;
	margin:20px 0px 0px 0px;
	padding-left:30px;
	
    width: 50%;
}
.news ul a:hover li { color: rgba(241,153,178,1);}

.news p {
    float: left;
    font-size: 15px;
    padding: 14px 0 23px;
    width: 100%;line-height: 1.8em;
}
.news .editor {
    float: left;
    overflow: hidden;
    width: 100%;
}
.news .editor ol {
    list-style: outside none decimal;
}
.news .editor ol li {
    list-style: outside none decimal;
    margin: 0 0 10px 20px;
}
.news .editor ul {
    margin: 0;
    padding: 0;
}
.news .editor ul li {
    background: rgba(0, 0, 0, 0) url("../img/products/li.png") no-repeat scroll 2px 13px;
    padding: 0 0 10px 20px;
}
/*faq*/
#faqs {
    margin: 40px auto;
    width: 800px;  
}
#faqs h3, #faqs span, #faqs article {
    transition: all .5s ease 0s;
}
#faqs h3 {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: auto;
    line-height: 24px;
    margin:1px 0px;
    overflow: hidden;
    padding: 8px; 
    width: 100%;  
}
#faqs .answer {
    border-left: 1px solid #e4e4e4;
    color: #666666;
    display: none;
    line-height: 30px;
    margin: 0 0 15px 80px;
    padding: 0 0 0 40px;
    width: 600px;
}
#faqs article {
    background-color: rgba(101, 185, 188, 0.2) ;
    margin: 0;
}
#faqs h3 span {
    display: block;
    float: left;
}
#faqs h3 span:first-child {
    color: #2f7a5a;
    font-size: 24px;
    font-weight: 400;
    margin: 0 10px 0 0;
    width: 30px;
}
#faqs h3 span:first-child + span {
    margin: 0;
    padding: 0;
    width: 680px;
}
#faqs .open {
    margin-top: 20px;
}
#faqs .open h3 {
    margin: 0 0 10px;
    min-height: 30px;
}
#faqs .open h3 span:first-child {
    color: #C00;
    font-size: 24px;
    font-weight: 400;
    margin: 0 10px 0 0;
    overflow: visible;
    width: 50px;
}
#faqs .open h3 span:first-child + span {
    color: #000;
    font-size:18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    padding: 0;
    width: 660px;
}
#faqs .open .answer {
    display: block;
}

/*contact*/
#contact-left { width:400px; margin:6% auto 1% 2%; float:left;}
#contact-left h2 { font-family: 'Oswald','Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS;  font-size:36px; color:#000; margin-bottom:30px; margin-top:0px;}
#contact-left p { color:#000; font-size:16px; line-height:30px; margin-bottom:30px;}
#contact-left ul { font-size:16px; font-weight: bold;}
#contact-left ul li { display:block; line-height:21px; margin-bottom:5px; width:100%; overflow:hidden}
#contact-left ul li span { display:block; float:left}
#contact-left ul li span:first-child { margin-right:20px}
#contact-right { width:480px; margin:6% auto 5% 8%; float:left;}
#contact-right #submit-btn { height:50px; margin:30px 0 0 100px; padding:0}
#contact-right .length-l { width:388px}
#contact-right .length-m { width:236px}
#contact-right .length-s { width:120px}
#contact-right select { width:248px; border:1px solid #CCC;  line-height:40px; padding:5px; margin:0 10px 0 0;}
#contact-right .select-city select option { height:26px; line-height:26px;}

#contact-right ul { display:block; width:500px;  float:left; margin-bottom:5%;}
#contact-right ul:nth-child(2n) { margin-left:60px;}
#contact-right ul li { display:block; float:left;  line-height:40px; margin:2px 0px; padding:0}
#contact-right ul li.title { font-size:18px; height:35px; line-height:35px; border-bottom:2px solid #000; width:100%; font-weight:bold; margin:0 0 10px 0; padding-bottom:10px}
#contact-right ul li span { display:block; float:left; line-height:40px;  font-size:15px;}
#contact-right ul li.comment { height:80px; margin:10px 0 0 0}
#contact-right ul li.comment span { height:75px;}
#contact-right ul li.comment textarea {  border:1px solid #CCC; width:388px; height:65px;}
#contact-right ul li input { border:1px solid #CCC; line-height:24px; padding:5px;}
#contact-right ul li input[type="radio"] { border:none; background:none}
#contact-right ul li input[type="checkbox"] { border:none; background:none}
#contact-right ul li span:first-child { width:100px; color:#333333}
#contact-right ul li span:first-child+span { width:400px;}
#contact-right.verifyimg{margin:1% 28% 0px 0px;float:right;}

/*subbanner*/
.subbanner {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;	background:url(../images/about-bg.jpg) repeat-x  center top;display: inline-block;	margin: 0px;width: 100%;height: 160px;	text-align: center;}
.subbanner img {display: inline-block;	width: 100%;}
.subbanner span {background: #fff;	display: inline-block;margin: 22px auto;padding: 10px;}
.subbanner span h1 {color: inherit;	font-size: 38px; font-family: 'Oswald','Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS; 	font-weight: 400;line-height:1.3em;	border: 2px solid #000;	display: inline-block;	margin: 0 auto;	padding: 25px;	text-align: center;	text-transform: uppercase;}


/*about*/
#about-bar { display:block; width:100%; height: auto; margin:0px auto auto auto; padding:20px 0 10px 0; /*border-bottom:1px solid #E6E6E6;*/ text-align:center; overflow:hidden; clear:both;}
#about-bar li { display:inline-block; height:38px; line-height:38px; overflow:hidden; padding:0 20px; font-size:15px; margin:0; background:#FFF; border:solid 1px #2f7a5a;}
#about-bar li a { color:#2f7a5a; text-decoration:none}
#about-bar li a:hover { color:#333333; font-size:18px}
#about-bar li.current { background:#2f7a5a;}
#about-bar li.current a { color:#fff; font-weight:bold; text-decoration:none; font-size:22px}


#about{ width:100%; margin:5%; clear:both;}
.about-left{ width:45%; margin-right:5%; float:left;}
.about-right{width:45%; float:left;}
#about p{ font-size: 15px;	line-height: 1.8em;}
#about h2{
	color: #7DC6C9;
	font-size: 24px;
	margin: 10px 0;
}
#about h3{
	color: #74C2B8;
	font-size: 18px;
	line-height: 1.5em;
	margin: 10px 0;
}
.about-bg{ background:url(../images/about-bg.jpg) repeat-x  center top;}

/*add*/
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 15px/100% 'Oswald','Microsoft JhengHei', 'Microsoft YaHei', Tahoma, PMingLiu, Arial Unicode MS;
	/*padding: .5em 2em .55em;*/
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;

}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded { width:98%; text-align:center!important; 
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em; border:none; padding:7px 0px!important; 
}
.medium {
	width:50%; text-align:center!important; line-height: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	border-radius: 1.5em; border:none; padding:7px 0px!important; 
}

.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* gray */
.gray {
	color: #e9e9e9;
	background: #6e6e6e;
	 display:block; width:80px; height:80px; line-height:40px; font-size:19px;overflow:hidden; border-radius:40px;
	margin:30px auto 0 auto; text-decoration:none; font-weight:normal; padding-left:5px;
}
.gray:hover { background:rgba(102,102,102,.6);}
.gray:active { color: #fff;	background:#000;}

/* white */
.white { color: #606060; border: solid 1px #b7b7b7;	background: #fff;}
.white:hover { background: #ededed;}
.white:active {	color: #999;}

/* orange */
.pink { color: #fef4e9; border: solid 1px rgba(240,98,146,1); background:rgba(240,98,146,1);
width:80px; height:80px; line-height:40px; font-size:19px;overflow:hidden; border-radius:40px;
	margin:30px auto 0 auto; text-decoration:none; font-weight:normal; padding-left:5px;
}
.pink:hover {	background: rgba(240,98,146,.5);border: solid 1px rgba(240,98,146,.3);}
.pink:active {color: #fcd3a5;}

/* red */
.red { color: #fff;	border: solid 1px #b61318;	background:#b61318;}
.red:hover { background: rgba(240,98,146,1);}
.red:active {color: #de898c;}

/* blue */
.blue { color: #d9eef7;	border: solid 1px #0076a3;	background: #0095cd;}
.blue:hover {background: #007ead;}
.blue:active {color: #80bed6;}

/* rosy */
.rosy { color: #fae7e9;	border: solid 1px rgba(240,98,146,1);	background: rgba(240,98,146,1);}
.rosy:hover { background: #ba4b58;}
.rosy:active { color: #dca4ab;}

/* green */
.green { color: #e8f0de; border: none; background:#2f7a5a;}
.green:hover { background: #538018;}
.green:active {color: #a9c08c;}