@charset "utf-8";

/* 重新定義瀏覽器預設樣式  開始 */
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    height: 35px;
	color: #666;
    width: 100%;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    color: rgba(0,0,0,0.75);
    display: block;
    font-size: 13px;
	margin: 0;
letter-spacing:1px;
    -webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
}

input[type="number"] {
	-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
body,th,td,button,input,select,textarea{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale}
body{line-height:1 ;
}
* {
    margin: 0;
    padding: 0;
}
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*|*:any-link:not(svg|a) {
    text-decoration: underline;
}
p {
    
    line-height: 1.6;
	letter-spacing:1px;
    text-rendering: optimizeLegibility}
	
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{text-decoration:none;outline:none}
a:hover,a:active{text-decoration:none;outline:none}:focus{text-decoration:none;outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
/*IE下a:hover 背景閃爍*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*清楚浮動
    Name:            style_clearfix
    Example:        class="clearfix|cl"
    Explain:        clearfix（簡寫cl）避免因子元素浮動而導致的父元素高度缺失能問題
*/
.cl::after,.clearfix::after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
/* 重新定義瀏覽器預設樣式  結束 */

html {
	height:100%;
	/*overflow-x: hidden;
	overflow: hidden;
	*/
}
body {
	position: relative;	
	height:100%;/*
	/*overflow-x: hidden;
	overflow: hidden;*/
	background-color: #fafafa;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
a {
	color:#5f4326
}
#container {
	/*
	height:100%;
	overflow-y: auto;
	padding-top: 20px;
	*/
}
.wrapper {width: 960px; margin: 0 auto; position: relative; }
.ib {display: inline-block; vertical-align: middle; }
.hide_txt {text-indent: 110%; white-space: nowrap; overflow: hidden; display: block; }
select, input, textarea {font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    border-color: #999;
}

form .form_caption.required::before {
  	content: "*";
	display: inline-block;
	width: 10px;
	color: #900;
	font-size: 14px;
	margin-left: -10px;	
}
form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="password"],
form input[type="telephone"],
form textarea {
	max-width: 500px;
	background: #f4f4f4;
	border: 1px solid #bebebe;
	color: #303030;
	text-indent: 8px;
	padding:5px; 

}
form input[type="submit"] {outline: none;
display:inline;
color:#FFF;
font-size:15px;
font-weight:bold;
width:120px;
height:40px;
padding-top:8px;
padding-bottom:8px;
background-color:#5F4326;
padding:5px 15px; 
border:0 none;
cursor:pointer;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
form input[type="reset"] {outline: none;
display:inline;
color:#FFF;
font-size:15px;
font-weight:bold;
width:120px;
height:40px;
padding-top:8px;
padding-bottom:8px;
background-color:#5F4326;
padding:5px 15px; 
border:0 none;
cursor:pointer;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;} 

select {
	height:40px;
	background-color: #fff;
	border: 1px solid #CCC;
letter-spacing: 2px;
	padding: 4px 0;
	color: #666;
		text-indent: 6px;
}

.select {
	width: 100%;
	padding: 4px 28px 2px 4px;	
    border-radius: 0px;
    border: 1px solid #CCC;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 8px 8px, 8px 8px;	
    background-image: repeating-linear-gradient(225deg, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 10px, transparent 50%, transparent 100%),
	repeating-linear-gradient(135deg, rgb(204, 204, 204) 0%, rgb(204, 204, 204) 50%, transparent 50%, transparent 100%);
	background-image: repeating-linear-gradient( 45deg, white, white 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
	background-image: -webkit-linear-gradient(225deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px)),	
	                  -webkit-linear-gradient(135deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px));	
	background-image: -moz-linear-gradient(225deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px)),	
	                  -moz-linear-gradient(135deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px));	
	background-image: linear-gradient(225deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px)),	
	                  linear-gradient(135deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px));	
    background-position: -webkit-calc(100% - 15px) center, -webkit-calc(100% - 7px) center;	
    background-position: -moz-calc(100% - 15px) center, -moz-calc(100% - 7px) center;	
    background-position: calc(100% - 15px) center, calc(100% - 7px) center;
    	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	border-collapse: separate;border-spacing: 0;		
}
form input[type="radio"] {
	margin-top: -5px;
	margin-left: 15px;
}
form .form-radio-label:first-child input[type="radio"] {
	margin-left: 0px;
}
[class*="col_"] {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
label {
	margin-bottom: 0;
	color: #595757;
	font-size: 13px;
	line-height:30px;
	letter-spacing:1px;
	margin-right:10px;
	
}
hr.style1 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* ===========================================================================================================
 * 共用
 * =========================================================================================================== */
.table {
	display: table;
	width: 100%;
}
.tr {
	display: table-row;
}
.table > *:not(.tr),
.tr > * {
	display: table-cell;
}
.t-l {
	text-align: left;
}
.t-r {
	text-align: right;
}
.t-c {
	text-align: center;
}
.v-t {
	vertical-align: top!important;
}
.v-m {
	vertical-align: middle!important;
}
.v-b {
	vertical-align:bottom!important;
}
/* ===========================================================================================================
 * form validationEngine
 * =========================================================================================================== */
.formError {
	line-height: 15px !important;
	margin-bottom: 0 !important;
}
.formErrorContent {
	line-height: 15px !important;	
    margin-bottom: -15px !important;
	margin-top: 10px ;
}
formErrorArrow
{
	margin-bottom: -15px !important;
}
/*========================================================================*\

		>>	HOMEPAGE FEATURED

\*========================================================================*/
/*
.vday {margin-top: 40px; }



.valentines {

	margin-top: 10px;

	padding-top: 20px;

}

.valentines h3 {

	padding: 12px 0 0;

	color: #5F4326;

	font-size: 1.3em;

	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 1px;

}



.vday #promotions {

	margin-top: 10px;

	padding-top: 5px;

}



.valentines a.pic {

	width: 100%;

	height: 0;

	background: #9e8e5c;

	padding-bottom: 127.27%;

	display: block;

	overflow: hidden;

}

.valentines a.pic img {

	width: 100%;

}



li.o img {

	-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.o:hover img,

.one:hover img,

.two:hover img,

.three:hover img {

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

	opacity: 0.5;

}



.valentines .prel a {

	background: none;

}



#vday-grid .o:hover img,

#vday-grid .one:hover img,

#vday-grid .two:hover img,

#vday-grid .three:hover img {

	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

	opacity: 1;

}
*/
/* ===========================================================================================================
 * Social network icons
 * =========================================================================================================== */
.socnet {
	background: transparent url('/public/image/home/socnets.png') no-repeat 0 -2px;
	height: 46px;
	width: 40px;
	margin-left: 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
.socnet:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
.fb {
	background-position: -69px -2px;
}
/* ===========================================================================================================
 * loading
 * =========================================================================================================== */
body.loading {
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	position: relative;
}
body.loading #container {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
body.loading:before {
	content: '';
	background: url('/public/image/home/Ada-logo-loading.gif') 50% 20% no-repeat;
	width: 235px;
	height: 80px;
	display: block;
	text-align: center;
	color: #595757;
	font-weight: 600;
	font-size: 2em;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
body.loading:after {
	display: block;
	margin: 30% 0 0;
	text-align: center;
	color: #595757;
	font-weight: 600;
	font-size: 2em;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*========================================================================*\
	>>	public
\*========================================================================*/
.well {width: 960px; margin: auto; position: relative; }
.title1 {

	background: url('/public/image/home/pattern2.png') 50% 40% no-repeat;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 0 0 0.5em 0;	
	margin: 0 0 1em 0;
	letter-spacing: 2px;
	color: #5F4326;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	
}
.title1 span {
	background-color:#fafafa;
	padding: 0 15px;
	line-height: 1;
}
.image-loading {
	background: url('/public/image/home/loading.gif') 50% 50% no-repeat;
}
.btn_addcart {
	display: inline-block;
	width:40px;
	height:30px;
	color: #fff;
	border-radius:5px;
	background: none;
	background-color:#5f4226;
	background-image: url('/public/image/home/icon_addcart.png');
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #5f4226;	
}
.btn_addcart:hover {
	background-color:#00a39c;
	border-color:#00a39c;
	
}
.document_ready_controls {
	display: none;
}
/* ===========================================================================================================
 * header
 * =========================================================================================================== */
header#logo {
	width: 960px;
	height: auto;
	background: url('/public/image/home/ornaments-big.png') 50% 50% no-repeat;
	text-align: center;
	-webkit-background-size: 100%;	
	   -moz-background-size: 100%;
	     -o-background-size: 100%;
	background-size: 100%;
	margin: -60px auto 0 auto;
	padding: 0.5em 0;
}
nav a {
	display: block;
	/*font*/
	color: #5f4326;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
}
nav#float_account {
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px;
}
nav.account {
	position: relative;	
}
nav.account > .account_controls {
	width: 960px;	
	margin: 0 auto;	
	text-align: right;	
}
nav.account .account_box {
	display: table;	
	margin: 0 0 0 auto;
	text-align: right;	
}
nav.account .account_box > .wrapper {
	display: table-row;	
	width: auto;
}
nav.account .account_box > .wrapper > ul {
	display: table-cell;	
}
nav.account .account_box > .wrapper > ul.search_controls {
	background-color: transparent;	
}
nav.account .account_box > .wrapper > ul.search_controls > li {
	width: 100%;
	height: 23px;
	margin: 5px 0px 0px 0;
	border-width: 1px;
	background-color: #fafafa;
}
nav.account .member {
	z-index: 1000;
}
nav.account .favourites_box {
	border: none;
}
nav.account .favourites_box a {
	display: inline-block;	
	padding: 0 0;
}
#favourites {
	width:30px;
	height:22px;
	border:none;
	background-image: url('/public/image/home/favourites.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:0;

}
nav.account .member {position: relative; }
nav.account .member .js-sub_nav {display: none; }
nav.account .member:hover > .js-sub_nav {display: block; }
nav.account form#search_form {
	position: relative;	
	text-align: left;
	padding: 0;
}
nav.account form#search_form input[type="search"] {
	width: -webkit-calc(100% - 40px);
	width:    -moz-calc(100% - 40px);
	width:         calc(100% - 36px);	
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 10px;
	font-size: 13px;
	color:#666;
		-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
	border: 0px;
	box-shadow: none;
	display: inline-block;
	background-color: #fafafa;
}
nav.account form#search_form input[type="submit"] {
	position: absolute;
	top: -1px;
	right: 0;
	background-color: transparent;
	background-image: url('/public/image/home/search.png');
	background-repeat: no-repeat;
	background-position: center center;
	border: solid 0px #000;
	width: 26px;
	height: 25px;
	margin-top: 0px;
	margin-left: 0px;

}
nav.account ul {direction: ltr; }

nav.account li {
	display: inline-block;
	border: 1px solid #5f4326;
	float: none;
	/*font*/
	color: #5f4326;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-color: #fafafa;
}
nav.account li:first-of-type {margin-right: 5px; }
nav.account li:hover {
	background-color: #e7e7e7;
	/*-moz-box-shadow: 1px 1px 3px #5f4326;
	-webkit-box-shadow: 1px 1px 3px #5f4326;
	box-shadow: 1px 1px 3px #5f4326;*/
}
nav.account a {
	display: inline-block;
	padding: 8px 8px;
	
}

nav.account .js-sub_nav {
	width: 74px;
	background-color: #f4f4f4;
	border: 1px solid #5f4326;
	position: absolute;
	left:-1px;
	
}
nav.account .js-sub_nav li {
	border: none;
	border-top: 2px solid #5f4326;
	float: none;
	margin-right: 0;
	display: block;
}
nav.account .js-sub_nav li:first-of-type {border: none; }
nav.account .js-sub_nav a {cursor: pointer; }
nav#main_nav {margin: 1em 0 1.9em; }
nav#main_nav li {
    float: left;
    z-index: 82;
    width: 137px;
    min-height: 35px;
    position: relative;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
nav#main_nav li[class*="nav_item"]:hover {background-color: #794916; }
nav#main_nav li[class*="nav_item"]:hover > a {color: #fff; }
nav#main_nav li.active > a {font-weight: bolder; }
nav#main_nav a {
	position: relative;
	z-index: 82;
	width: 100%;
	height: 100%;
	line-height: 35px;
}
nav#main_nav .js-sub_nav {
	background-color: #794916;
	position: absolute;
	z-index: 999;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	display: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
nav#main_nav .js-sub_nav li {
	z-index: 82;
	width: 100%;
	min-width: 137px;	
	min-height: 35px;
	white-space: nowrap;
	padding: 0 10px;
	border-top: 1px solid #fafafa;
}
nav#main_nav .js-sub_nav li:hover {
	background-color: #bda26e;
}
nav#main_nav .js-sub_nav a {
	color: #fff;
	line-height: 35px;
}
nav#main_nav li:hover > .js-sub_nav {
	display: block;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
nav#main_nav li:hover > .js-sub_nav .submenu {
	display: none;
}
nav#main_nav li:hover > .js-sub_nav li:hover > .submenu {
	display: block;
	z-index: 70 !important;
}
#main_nav .padding {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 78;
	width: 100%;
	height: 100%;
	background: none;
}
#main_nav .buffer {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 100%;
	width: 100%;
	height: 100%;
	background: none !important;
}
#main_nav .shadow {
	display: none !important;
}
#main_nav .submenu {
	position: absolute;
	z-index: 80;
	left: 100%;
	top: -1px;
}
#main_nav .nav_item.knowledge .submenu {
	left: -100%;
}
#main_nav .submenu .padding {
	top: -35%;
	width: 150%;
	height: 170%;
}
#main_nav .submenu ul {background-color: #794916; }
#main_nav .submenu li {
	float: none;
	display: block;
	z-index: 82;
}
#main_nav .submenu li:hover {background-color: #bda26e; }
.member {position: relative; }
.member .js-sub_nav {display: none; }
.member:hover > .js-sub_nav {display: block; }

/*========================================================================*\
	>>	分頁
\*========================================================================*/
.pagination-info {clear: both;float: left;padding-top:10px;font-size:14px; color:#666}
.pagination, .pager {float: right;width:auto;padding-top:10px;text-align: right}
.pagination li, .pager li {border: 1px solid #ccc;cursor: pointer;display: inline-block;margin-left: 2px;height: 26px;line-height: 26px;text-decoration: none;margin: 0 0px 6px 6px;}
.pagination li a, .pager li a, .pagination li span, .pager li span {display: block; height: 100%;text-align: center;text-decoration: none;color: #666;padding: 0 10px;font-size:14px;}
.pagination li:not(.disabled) a:hover,
.pagination li.active span,
.pagination li.active span:hover,
.pager li:not(.disabled) a:hover,
.pager li.active span,
.pager li.active span:hover {background:#5a98de;color:#fff;text-decoration: none;}

/*========================================================================*\
	>>	editor
\*========================================================================*/
.editor_container {
	color: #555;
}
.editor_container .news_title {
	color: #555;
	font-weight:bold;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 1px;
}
.editor_container .news_txt {
	color: #555;
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: 1px;
}
/* 產品特性 */
.editor_container .editor_product_features {

	color: #5f4326;
    font-size: 13px;
    line-height: 1.6;
	letter-spacing: 1px;
}
/* 商品簡介 */
.editor_container .editor_product_description {
	color: #555;
	
    font-size: 12px;
    line-height: 1.6;
	letter-spacing: 1px;
}
.editor_product_description {
	color: #555;
	
    font-size: 13px;
    line-height: 1.6;
	letter-spacing: 1px;
}
/*========================================================================*\
	>>	login
\*========================================================================*/
.login_controls {
	width: 900px;
	height: 458px;
	margin-top: 62px;
	box-shadow: 3px 3px 9px #666;
	border: solid 5px #5f4326;	
}
.login_controls > div:first-child {
	text-align: right;
}
.login_controls > div:last-child {
	display: table;
	width: 100%;	
}
.login_controls > div:last-child > div {
	display: table-cell;
	width: 50%;
	height: 410px;	
	vertical-align: top;
	text-align: center;
	padding: 20px;
	
}
.login_controls .register_controls {
	border-left: solid 1px #CCC;
}
.login_controls .form li {
	padding: 16px 0;
	position: relative;
}
.login_controls .form li > label.error {
	display: block;	
	position: absolute;	
	right: 40px;
	margin-top: 5px;		
	text-align: right;
	font-size: 15px;
	color: #E5002D;
}
.login_controls .form li > a {
	font-size: 18px;
	color: #666;
}
.login_controls .form input {
	width: 80%;
	height: 40px;
	padding-left: 6px;
	font-size: 18px;
	margin-left: 40px;
	background-color: #FFF;
}
.login_controls .verify_code_controls > input {
	display: block;
}
.login_controls .verify_code_controls > img {
	position: absolute;	
	display: block;
	margin-top: -34px;
	float: left;
	margin-left: 158px;
}
.login_controls .verify_code_controls > a {
	display: block;
	position: absolute;
	margin-top: -34px;
	float: left;
	margin-left: 304px;
}
.login_controls .verify_code_controls > a > img {
	max-height: 32px;
}
.login_controls .register_controls li {
	padding-bottom: 32px;	
}
.login_controls .register_controls li > a {
	display: inline-block;
	margin-top: 16px;
	font-size: 18px;
	color: #666;
}
/*========================================================================*\
	>>	login_register
\*========================================================================*/
.login_register_controls {
	width: 100%;	
}
.login_register_controls .tab_title {

	height: 50px;
	line-height: 50px;	
}
.login_register_controls .tab_title > li {
	width: 50%;
	line-height: 50px;
}
.login_register_controls .tab_title > li[data-target] {
	border-bottom: #e1e1e1 solid 1px;
	line-height: 50px;
	color: #999;
	cursor: pointer;	
	text-align: center;
	font-size:15px;
	letter-spacing:1px;
		
	
}
.login_register_controls .tab_title > li[data-target]:first-child {
	
	
}
.login_register_controls .tab_title > li[data-target].use {
	color: #5f4326;	
	font-size:15px;
	font-weight:600;
	letter-spacing:1px;
	border-bottom:#fff solid 1px;
	border-left: #e1e1e1 solid 1px;
	border-right: #e1e1e1 solid 1px;
	background-repeat: repeat-x;
	background-image: url(https://www.adasoap.com.tw/public/image/home/bg_box_on.png);
	
	
}
.login_register_controls .tab_content {
	border-bottom:#e1e1e1 solid 1px;
	border-left:#e1e1e1 solid 1px;
	border-right:#e1e1e1 solid 1px;	
	padding-bottom: 20px;
	background-color:#fff;
}
.login_register_controls .tab_content > div {
	display: none;
}
.login_register_controls .tab_content > div.use {
	display: table;
	height:400px;
}
.login_register_controls .form_controls {
	text-align: center;
	padding-top:50px;	
	
}
.login_register_controls .form li {
	display: block;	
	width: 80%;	
	max-width: 300px;	
	margin: 0px auto;	
	padding: 4px 0;
	position: relative;
	text-align: center;
}
.login_register_controls .form li > label.error {
	display: block;	
	position: absolute;	
	right: 0px;
	margin-top: 13px;		
	text-align: right;
	font-size: 13px;
	color: #E5002D;
}
.login_register_controls .register .form li > label.error {
	display: none;
}	
#verify_code-error
{
		
	text-align: right;
	font-size: 13px;
	color: #E5002D;
}

.login_register_controls .form li > a {
	font-size: 18px;
	color: #666;
}
.login_register_controls .form input[type="text"],
.login_register_controls .form input[type="password"] {
	height: 40px;	
	color: #666;
	font-size: 13px;
	letter-spacing:2px;
	margin-top: 10px;	
	border: 0px;	
	background-color: transparent;	
	border-bottom: #e1e1e1 solid 1px;
}
.login_register_controls .form select {
	width: 100%;font-size: 13px;
	letter-spacing:2px;
}
.login_register_controls .verify_code_controls > input {
	display: block;
}
.login_register_controls .verify_code_controls > img {
	position: absolute;	
	display: block;
	right: 61px;
	margin-top: -34px;
	float: left;
}
.login_register_controls .verify_code_controls > a {
	display: block;
	position: absolute;
	right: 0px;	
	margin-top: -34px;
}
.login_register_controls .verify_code_controls > a > img {
	width: 60px;	
	max-width: 60px;
}
.login_register_controls .form button {
	width: 100%;
	font-size: 15px;
	font-weight:600;
	letter-spacing:1px;
	text-align: center;
	line-height: 36px;
	margin: 20px 0 10px 0;
	border-radius:0px;	
}
.login_register_controls .form .remember input[type="checkbox"] {
	margin-right: 0px;
}
.input-checkbox-label {
	margin-right: 5px;
	
}
.agreeterms
{
	margin-top: 10px;
	margin-left: 12px;
	font-size: 13px;
	color: #666;
	letter-spacing:1px;
	text-align: left;
}
.agreeterms a
{
	color: #5f4326;
}
.remember
{
	text-align: left;
	width: 150px;
}
.forgetno
{
	text-align: right;
	width: 150px;
	font-size:13px; color:#5f4326
}
.login_register_controls .form li .form-checkbox-label {	
	cursor: pointer;
	/*margin-right:180px;*/
	font-size: 13px;
	line-height: 30px;		
	letter-spacing: 1px;	
	color: #666;	
}
.login_register_controls .description {
	width: 400px;
	vertical-align: middle;	
}
.login_register_controls .description > div {
	height: 300px;	
	text-align: center;
	border-left: #e1e1e1 solid 1px;
}
.login_register_controls .description p {
	margin: 16px auto;	
}
.login_register_controls .description a {
	text-decoration: none;
	color: #5f4326;
	padding-left: 20px;
	font-size:13px;
	letter-spacing:1px;
}
.login_register_controls .register .caption {
	font-size:15px;
	letter-spacing:1px;
	color: #666;
	margin: 20px 0;
}
.login_register_controls .register .step {
	margin-bottom: 10px;
}
.login_register_controls .register .step i {
	width: 20px;
	height: 20px;	
	margin-right: 50px;
}
.login_register_controls .register .step i:last-child {
	margin-right: 0px;	
}
.login_register_controls .register .step i img {
	width: 20px;
	height: 20px;	
}
.login_register_controls .register .form_controls .prompt {
	font-size: 13px;
	color: #666;
	line-height: 30px;
}
.login_register_controls .register .description .prompt {
	width: 225px;	
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin: 0 auto;
}
.login_register_controls .register .description .resend {
	min-width: 200px;	
	height: 36px;	
	background-color: #999;
	color: #FFF;
	font-size: 15px;
	line-height: 36px;	
	text-align: center;
	margin: 30px auto;
	border-radius:  0px;	
}
.login_register_controls .description .right_cell {
	
	color: #666;
	font-size: 13px;
	line-height: 30px;	
	text-align: center;
	margin: 30px auto;

}

/*========================================================================*\
	>>	index
\*========================================================================*/
.layui-carousel .layui-carousel-ind {
	padding-left: 50px;
}
.layui-carousel > [carousel-item] {
	overflow: visible;
}
.layui-carousel > [carousel-item] > div a {
	display: block;
	height: 100%;
}
.layui-carousel > [carousel-item] > div a div {
	position: relative;	
	height: 100%;	
}
.flex-caption {
	width: 440px;
	color: #fff;
	position: absolute;
	bottom: -120px;
	text-align: center;
	text-valign: middle;
	vertical-align: middle;
	border: none;
	background: transparent;
	margin: 0;
}
.flex-caption tr {
	background: transparent;
}
.flex-caption td {
	background: rgba(127, 142, 76, 0.60);
	vertical-align: middle;
	border: none;
	padding: 0;
}
.flex-caption td.top {
	height: 235px;
	text-align: center;
	text-valign: middle;	
}
.flex-caption td.bottom {
	height: 120px;
}
.flex-caption h1, .flex-caption a {
	color: #fff;
	text-transform: uppercase;
}
.flex-caption h1, .flex-caption p {
	padding: 0 10%;
	margin: 0;
}
.flex-caption h1 {
	background: transparent;
	font-size: 50px;
	letter-spacing: 10px;
	line-height: 1.5;
}
.flex-caption p {
	width: 100%;
	bottom: 0;
	color: #fff;
	font-size: 15px;
	text-align: center;
	text-transform: none;
}
#promo-adjacent {
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	width: 470px;
	height: 120px;
	float: right;
	margin: 25px 0 0 0;
	z-index: 1000;
	/*font*/
	color: #888;
	font-size: 13px;
	font-variant: normal !important;
	vertical-align: middle;	
	line-height: 2;
}
.new_goods {
	background: url('/public/image/home/pattern2.png') 50% top no-repeat;
}
.new_goods .valentines {
	background: url("") no-repeat top left;
	margin-top: 10px;
	padding-top: 35px;	
}
.new_goods .valentines h3 {
	color: #5F4326;
	font-size: 1.3em;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding: 12px 0 0;	
}
.new_goods ul {
	margin: 0 -10px 0;
}
.new_goods li {
	float: left;
	display: table-cell;	
	width: 33.33333%;
	padding: 0 10px 20px;
}
.new_goods li a {
	
	display: block;
	overflow: hidden;
}
.new_goods .one:hover img,
.new_goods .two:hover img,
.new_goods .three:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}
.new_goods .prel a {
	color: #fff;
	font-size: 13px;
	line-height: 32px;
	letter-spacing: 1px;
	background: none;	
	
}
.index_weekblog{
	height: 400px;
	margin-bottom:5%;	}


.index_weekblog_txt{
	width:40%;
	float:right;
	padding-left: 1%
	}
.index_weekblog_pic{
	float:left;
	
	}
.weekblog_title{
	margin: 0 0 5% 0;
	color: #666;
	font-size: 20px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	
}
.weekblog_but{
	margin:  2% 0;
	display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .5rem;
    min-width: 7.25rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #00a39c;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;
	}
	
.weekblog_but:hover {                    
 background-color: #5f4226;}
.weekblog_cont{
	color: #888;
	font-size: 13px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 0 0;
	line-height: 2;
}

.index_hottopic{ 
height: 400px;
margin-bottom:5%;
	}
.index_hottopic_txt{
	width:40%;
	float:left;
	padding-right:1%;}
.index_hottopic_pic{
		float:right;	}
.hottopic_title{
	margin: 4% 0 5% 0;
	color: #666;
	font-size: 20px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;}

.hottopic_cont{
	color: #888;
	font-size: 13px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
	padding: 12px 0 0;
	line-height: 2;
}


.index_3minclass{ 
height: 400px;
margin-bottom:5%;
	}
.index_3minclass_txt{
	width:40%;
	float:right;
	padding-left:1%;}
.index_3minclass_pic{
	float:left;	}
.minclass_title{
	margin: 4% 0 5% 0;
	color: #666;
	font-size: 20px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;}

.minclass_cont{
	color: #888;
	font-size: 13px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
	padding: 12px 0 0;
	line-height: 2;
}





.index_onlinebonus{ 
height: 480px;
margin-bottom:5%;
	}
.index_onlinebonus_pic{
	width:100%;
	}
.index_onlinebonus_b{
	text-align: right;	
	}
.index_onlinebonus_but{
	margin: 3% 0;
	display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .5rem;
    min-width: 7.25rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #00a39c;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;
	}
	
.index_onlinebonus_but:hover {                    
 background-color: #5f4226;}
.five_skin{
	height:430px;}	
.five_skin_table{
	float: left;
    margin: 1%;
}
.five_skin_td{
	width: 20%;
	float: left;
    margin: 0;
    padding:2% 1%;
	text-align: center;
}
.five_skin_td img{
	width: 98%;
}
.five_skin_txt{
	margin:  4% 0;
	display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .5rem;
    min-width: 7.25rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #00a39c;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;
	padding: 0px 0px;
    line-height: 30px;
    height: 30px;
    width: 70%;
    
	}
.five_skin_txt:hover {                    
 background-color: #5f4226;}
/*========================================================================*\
	>>	search
\*========================================================================*/
.goods_search .icon_container {
	padding: 10px 0 0px 0;	
}
.goods_search .icon_container .pic_container {
	display: table;
	width: 100%;
}
.goods_search .icon_container .pic {
	display: table-cell;
	width: 100%;
	height: 90px;
	vertical-align: bottom;	
	text-align: center;
}
.goods_search .icon_container .pic > img {
	width: 50px;
	height: 50px;
}
.goods_search .icon_container .caption {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #00A39c;
	letter-spacing: 1px;	
	vertical-align: middle;	
	text-align: center;	
}
.goods_search .empty .caption {
	color: #900;	
}
.goods_search .search_container {
	/*display: none;*/
	text-align: center;	
}
.goods_search .empty .search_container {
	display: block;
}
.goods_search .search_container input[type="search"] {
	width: 300px;
	height: 35px;
	margin: 0 auto;
	padding-left: 10px;
	font-size: 15px;
	line-height: 35px;
	letter-spacing: 2px;
}
.goods_search .search_container input[type="submit"] {
	color: #FFF;
	margin-top: 32px;
}
.goods_search .explain_container > div {
	text-align: center;	
	height: 40px;
	line-height: 40px;	
}
.goods_search .explain_container > div:last-child {
	height: 50px;
	line-height: 50px;
	font-weight: 600;
}
.goods_search .goods_container {
	position: relative;	
	display: block;
	margin: 10px 0;
}
.goods_search .goods_container > .caption {
	background-color: #D9E7E7;
    color: #699;
    font-weight: 600;
    letter-spacing: 5px;
    text-align: center;
    padding: 15px 15px 15px 5px;
    border-top: 1px #9CC solid;
    border-bottom: 1px #9CC solid;
    margin-top: 32px;
}

.goods_search .empty .goods_container {
	display: none;
}
.goods_search .goods_container .panel_left,
.goods_search .goods_container .panel_right {
	position: absolute;
	top: 0px;	
	width: 30px;
	height: 100%;
	cursor: pointer;
	z-index: 100;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.goods_search .goods_container .panel_left {
	left: 0px;
	background-image: url('/public/image/home/icon_arrow_goleft.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
.goods_search .goods_container .panel_right {
	right: 0px;
	background-image: url('/public/image/home/icon_arrow_goright.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
/*
.goods_search .goods_container:hover > .panel_left,
.goods_search .goods_container:hover > .panel_right {
	width: 30px;
}
*/
.goods_search .goods_list {
    width: 950px;
	display:table-cell;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 10px;
}
.goods_search .goods_list li {
	width: 20%;
	margin-bottom: 10px;
	border-bottom: 1px #ccc solid;
	padding: 10px;
	    float: left;
}
.goods_search .goods_list li:last-child {
	margin-right: 0;	
}
.goods_search .goods_list li .pic {
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
.goods_search .goods_list .pic img {
	max-width: 150px;
	max-height: 150px;
}
.goods_search .goods_list .pic a {
	display: block;
}
.goods_search .goods_list .pic.full {
	display: table;	
	width: 150px;
	height: 150px;	
}
.goods_search .goods_list .pic.full a {
	display: table-cell;	
	height: 100%;	
	vertical-align: middle;
}
.goods_search .goods_list .pic span {
	display: block;
	width: 150px;	
	text-align: center;	
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;	
}
.goods_search .goods_list .caption {
	margin: 5px 5px 10px 10px;
	height: 40px;
	max-height: 40px;
}
.goods_search .goods_list .caption a,
.goods_search .goods_list .caption span {
	display: block;
	width: 100%;
}
.goods_search .goods_list .caption span {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
}
.goods_search .goods_list .cart {
	display: table;	
	width: 100%;
	height: 30px;
	margin: 0 5px 0 10px;	
}
.goods_search .goods_list .cart > div {
	display: table-cell;	
}
.goods_search .goods_list .cart .price::before {
	content: "NT.  ";
	font-size: 15px;	
}
.goods_search .goods_list .cart .price {
	vertical-align: middle;	
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
    font-size: 18px;
	text-align: left;
}
.goods_search .goods_list .cart .btn {
	width: 70px;
	background-color: transparent;	
	border: none;
}
.goods_search .goods_list .cart .btn .btn_addcart {
	display: inline-block;
	width:40px;
	height:30px;
	color: #fff;
	border-radius:5px;
	background: none;
	background-color:#5f4226;
	background-image: url('/public/image/home/icon_addcart_s.png');
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #5f4226;		
}
.goods_search .goods_list .cart .btn .btn_addcart:hover {
	color: #fafafa;	
	background-color: #00a39C;
	border-color: #00a39C;
}
/*========================================================================*\
	>>	contacts
\*========================================================================*/
.contacts_controls > table {
	width: 100%;
	background: none;
	border: 0;
		padding-left: 58px;
}
.contacts_controls td {
	vertical-align: bottom;
}
.contacts_controls td span {
	font-size: 13px;
	line-height: 30px;
	color: #666;
}
.contacts_controls td:first-child span > div {
	line-height: 30px;
	padding-left: 42px;
}
.contacts_controls td:first-child span > div:first-child {
	padding-left: 0;
}
.contacts_controls td a {
	display: inline-block;
}
.contacts_controls > hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image:    -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image:     -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image:      -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.contacts_controls form li {
	width: 100%;
	height: 36px;
	float: none;
	margin-bottom: 10px;
	margin-left:100px
}
.contacts_controls li label {
	color: #595757;
	line-height: 30px;
	letter-spacing: 1px;
}
.contacts_controls li label.title {
	/*width: 98px;*/

}
.contacts_controls .ib {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	background-image: none;
}
.contacts_controls li.contact-time input[type="radio"] {
	vertical-align: middle;
}
.contacts_controls form input,
.contacts_controls form textarea {
	max-width: none;
}
.contacts_controls form textarea {
	height: 160px;
}
.contacts_controls form .contact-time input {
	/*height: 42px;*/
}
.contacts_controls form .contact-time label {
	width: auto;
}
.contacts_controls form .contact-content {
	height: auto;
}
.contacts_controls form .style1 {
	width: 30%;
}
.contacts_controls form .style2 {
	width: 50%;
}
.contacts_controls form .style3 {
	width: 70%; 
	padding:10px;
}
.contacts_controls form input.style4 {
	width: 70% !important;
}
.contacts_controls li.btns,
.contacts_controls li.code {
	margin-left: 154px;
}
.contacts_controls li.btns {
	margin-top: 17px;
}
.contacts_controls li.btns input {
	margin-left: 30px;
	
	width: 150px;
color: #fff;

}
.contacts_controls li.btns input:hover {
	border-color: #5F4326;
	color: #fff;
}
.contacts_controls li.code {
	margin-top: 20px;
	padding-left: 27px;	
}
.contacts_controls li.code > div input {
	display: block;
	width: 330px;
	height: 32px;
	background-color: #f4f4f4;;
	margin-left: 3px;
	margin-top: 10px;
	vertical-align: top;
	padding: 0;
}
.contacts_controls li.code > div > img {
	position: absolute;	
	display: block;
	margin-top: -29px;
	float: left;
	margin-left: 127px;
}
.contacts_controls li.code > div a {
	display: block;
	position: absolute;
	margin-top: -31px;
	float: left;
	margin-left: 273px;
}
.contacts_controls li.code > div a > img {
	max-height: 30px;
}

/*========================================================================*\

		>>	contact

\*========================================================================*/
/*
.contact_wrap > p {

	color: #595757;

	margin-bottom: 5em !important;

}



form.contact_block .ib {

	display: inline-block;

	vertical-align: top;

	padding: 0;

	background-image: none;

}

form.contact_block .ib_m {

	vertical-align: middle;

}

form.contact_block li {

	width: 100%;

	height: 36px;

	float: none;

	margin-bottom: 10px;

	margin-left:9px

}

form.contact_block label {

	color: #595757;

	font-size: 15px;


	line-height: 30px;

	letter-spacing: 1px;

}

form.contact_block label.title {width: 10%; }

form.contact_block input, form.contact_block textarea {max-width: none; }



form.contact_block textarea {height: 160px; }

form.contact_block .contact-time input {height: 42px; }

form.contact_block .contact-time label {width: auto; }

form.contact_block .contact-content {height: auto; }

form.contact_block .style1 {width: 30%; }

form.contact_block .style2 {width: 50%; }

form.contact_block .style3 {width: 89%; }
*/
/*
form.contact_block .btns {padding-left: 10%; }
*/

/*
input.style4 {width: 50% !important; }
*/
/*========================================================================*\
		>>	faq
\*========================================================================*/

.faq_intro {

	width: 100%;

	/*width: 70%;*/

	background-color: #fff;

	border: 1px solid #91cdcd;

	padding: 40px 7em 40px 7em;

	margin: 20px auto;

}

.faq_intro1 {

	width: 100%;

	/*width: 70%;*/

	background-color: #fff;

	border: 1px solid #91cdcd;

	padding: 30px 30px 30px 30px;

	margin: 20px auto;

	alignment-adjust:central

}
.faq_intro > ul {
	margin-bottom: 20px;
}
.faq_intro > ul:last-child {
	margin-bottom: 0;
}
.faq_intro > h2,
.faq_intro > h2 a {

	/*width: auto;*/

	width: 110px;

	height: 30px;

	margin-top: 0;

	background-color: #91cdcd;

	position: relative;

	/*font*/

	color: #fafafa;

	font-size: 15px;

	text-align: center;

	line-height: 30px;

	letter-spacing: 1px;

	text-indent: 5px;

}

.faq_intro > h2:after {

	content: '';

	display: block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 15px 0 15px 26px;

	border-color: transparent transparent transparent #91cdcd;

	position: absolute;

	top: 0;

	right: -26px;

}

.faq_intro .col_2 {

	width: 68%;

	margin-left: 8%;

}

.faq_intro li {float: none; }

.faq_intro a {

	color: #5F4326;

	font-size: 13px;

	line-height: 30px;

}

.faq_intro a:hover {

	color: #5F4326;

	font-weight: bolder;

	-moz-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

/*20150313*/

.faq_heading {

	border-top: 1px solid #e3dfd8;

	border-bottom: 1px solid #e3dfd8;

	color: #5F4326;

	font-size: 15px;

	/*font-family: "Microsoft JhengHei", "微軟正黑體", Arial, "Helvetica Neue", Helvetica;*/

	font-weight: bolder;

	line-height: 2.5;

}



.faq_cnt {/*padding-top: 20px;*/ margin-top: 3em; border-top: 1px dotted #e3dfd8;}

.faq_cnt .qq {margin-bottom: 15px; color: #5F4326; font-size: 15px; font-weight: bolder; }

.faq_cnt .aa {color: #898989; }

.faq_cnt .aa h2 {

	font-size: 15px !important;

	font-weight: bolder;

	margin-bottom: 0.5em !important;

}

.faq_cnt .aa p {margin-bottom: 0; font-size: 13px; letter-spacing: 1px;}

.faq_cnt .faq_item { position: relative; padding: 1em 0; border-bottom: 1px dotted #e3dfd8; }





/*20150514*/

.faq_class-item {

/*	min-height: 30px;

	padding: 3px 0;*/

}

.faq_class-item.active a {font-weight: 600; }

.faq_class-item a {

	line-height: 1.8 !important;

	padding-top: 6px;

/*	overflow:hidden;

	white-space: nowrap;

	text-overflow: ellipsis;*/

}


/*========================================================================*\
	>>	goods 公用
\*========================================================================*/
.goods_list_container {
	position: relative;	
	display: block;
	margin: 32px 0;
}
.goods_list_container .panel_left,
.goods_list_container .panel_right {
	position: absolute;
	top: 0px;	
	width: 0px;	
	height: 100%;
	cursor: pointer;
	z-index: 100;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.goods_list_container .panel_left {
	left: 0px;
	background-image: url('/public/image/home/icon_arrow_goleft.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
.goods_list_container .panel_right {
	right: 0px;
	background-image: url('/public/image/home/icon_arrow_goright.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
.goods_list_container:hover > .panel_left,
.goods_list_container:hover > .panel_right {
	width: 30px;
}
.goods_list_container .goods_list {
	display: -webkit-box;
	overflow: hidden;
	white-space: nowrap;
		margin-top: 10px;
}
.goods_list_container .goods_list li {
	width: 184px;
	margin-right: 10px;	
	display: inline-block;
}
.goods_list_container .goods_list li:last-child {
	margin-right: 0;	
}
.goods_list_container .goods_list li .pic {
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
.goods_list_container .goods_list .pic img {
	max-width: 150px;
	max-height: 150px;
}
.goods_list_container .goods_list .pic a {
	display: block;
}
.goods_list_container .goods_list .pic.full {
	display: table;	
	width: 150px;
	height: 150px;	
}
.goods_list_container .goods_list .pic.full a {
	display: table-cell;	
	height: 100%;	
	vertical-align: middle;
}
.goods_list_container .goods_list .pic span {
	display: block;
	width: 150px;	
	text-align: center;	
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;	
}
.goods_list_container .goods_list .caption {
	margin: 5px 5px 10px 10px;
	height: 40px;
	max-height: 40px;
}
.goods_list_container .goods_list .caption a,
.goods_list_container .goods_list .caption span {
	display: block;
	width: 100%;
}
.goods_list_container .goods_list .caption span {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
}
/*
.goods_list_container .goods_list .cart {
	display: table;	
	width: 100%;
	height: 30px;
	margin: 0 5px 0 10px;	
}
.goods_list_container .goods_list .cart > div {
	display: table-cell;	
}
.goods_list_container .goods_list .cart .price::before {
	content: "NT$";	
}
.goods_list_container .goods_list .cart .price {
	vertical-align: middle;	
}
.goods_list_container .goods_list .cart .btn {
	width: 70px;
	background-color: transparent;	
	border: none;
}
.goods_list_container .goods_list .cart .btn .btn_addcart {
	width:40px;
	height: 30px;
	padding: 3px;
	cursor: pointer;	
	background-color: #91cdcd;
	text-align: center;
	border: none;	
	border-radius:  0px;
	background-image: url('/public/image/home/icon_addcart.png');	
}
.goods_list_container .goods_list .cart .btn .btn_addcart:hover {
	color: #fafafa;	
	background-color: #00a39C;
	border-color: #00a39C;
}
*/
.goods_list_container .cart .price::before {
	content: "NT.  ";
	font-size: 15px;
}
.goods_list_container .cart .price {
	width: 115px;
	float: left;
	text-align:right;
	margin-right: 10px;
	padding-top: 6px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
font-size: 18px;
color: #900;

}
.goods_list_container .cart .btn_addcart {
	float: right;
	margin-right: 17px;
	cursor: pointer;
}
/* ===========================================================================================================
 * product_list
 * =========================================================================================================== */
.goods_category_list {
	width: 100%;
}
.goods_category_list li {
	float: left;
	width: 33%;
	height: 450px;	
	border-left: 1px solid #e2e2e2;	
	margin-bottom: 16px;
}
.goods_category_list li:nth-of-type(3n+1) {
	border-left: none;
}
.goods_category_list figure {
	width: 100%;
	padding: 8px;
}
.goods_category_list .pic {
	width: 100%;
	height: 0;
	text-align: center;	
	padding-bottom: 127.27%;
	margin: auto;
	overflow: hidden;
	position: relative;
	background-color: #fafafa;
}
.goods_category_list .pic img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 300px;
	max-height: 383px;
}
.goods_category_list li:hover img {
	opacity: 0.5;
}
.goods_category_list figcaption {
	width: 100%;
	padding: 8px 24px;
	text-align: center;
}
.goods_category_list span {
	width: 100%;
	margin-bottom: 0;
	color: #5f4326;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
}
.breadcrumb-wrap {
	border-top: 1px solid #c3c3c3;
	padding: 25px 0;
    margin: auto;
    font-size: 13px;
    font-weight: 600;
	

}
.breadcrumb-wrap ul {

	padding-left: 1.5em;

}
.breadcrumb-wrap li {
	float: left;
	letter-spacing:2px;
}
.breadcrumb-wrap a, .breadcrumb-wrap b {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	background-image: none;
	padding: 0 0.3em;
	font-size:13px;
	letter-spacing:1px;
}
.breadcrumb-wrap a {
	font-weight: 600;
}
.breadcrumb-product {
	color: #898989;
}
.product-info {
	height: 590px;
	background: none repeat scroll 0% 0% #c0b698;
	position: relative;
}
.product-info .featured {
	height: 100%;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position:50% 0;
	-moz-box-shadow: inset 0px 10px 17px -9px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px 10px 17px -9px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 10px 17px -9px rgba(0, 0, 0, 0.3);
}
.prod-desc-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	-moz-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
}
.product-description {
		width: 388px;
	background-attachment: scroll;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-moz-box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 30px;
	right: 0;
}
.product-description-bg {
	width: 100%;
	height: 100%;
	background-color: #77C8BC;
	border: 4px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0.9;
	background: url('/public/image/home/pattern4.png') 0 0 no-repeat;
}
.product-description-cnt {
	padding: 20px;
}
.product-description-cnt .proddesctitle {
	line-height:30px;
	    letter-spacing: 2px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	border-bottom:solid 1px #FFFFFF;
	height:50px;
}
.product-description-cnt .prodtxt {
	height: 350px;
	margin-top: 0.5em;
	padding: 10px;
	color: #fff;
}
.product-description-cnt .prodtxt p {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 2;
}
.goods_list {
	margin-top: 3%;
}
.goods_list ul.goods_list {
	width: 100%;
	
}
.valentines .goods_list li {
	float: left;
}
/*.goods_list li {
	float: left;
}*/
.goods_item {
	width: 24%;
	border-left: 1px solid #e2e2e2;
	margin-bottom: 30px;
	height: 330px;
	overflow: hidden;
}
.goods_item:nth-of-type(4n+1) {
	border-left: none;
}
.goods_item a {
	display: block;
	width: 100%;	
}
.goods_item figure {
	width: 100%;
	padding: 0.5em;
}
.goods_item .pic {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
}
.goods_item .pic img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 160px;
	max-height: 160px;	
	margin: auto;
}
.goods_item figcaption {
	width: 100%;
	padding: 0.5em 1.25em;
}
.goods_item p {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
}
.goods_item .pricing::before,
.goods_item .price::before {
	content: '$ ';
	font-size:13px;
	line-height:20px;
	letter-spacing: 1px;
	    font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
}
.goods_item .pricing,
.goods_item .price {
}
.goods_item .pricing {
	float: left;
}
.goods_item .price {
	float: right;
}
.multiple_pri::after {
	content: ' 起';
	font-size: 13px;
}
/* ===========================================================================================================
 * product
 * =========================================================================================================== */
.goods_info {
	display: table;
	width: 100%;
}
.goods_info hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.goods_info > div {
	display: table-cell;	
}
.goods_info .image {
	width: 50%;
}
.goods_info .info {
	vertical-align: top;
	padding-left: 20px;	
}
.goods_info .image_big {
	text-align: center;	
}
.goods_info .image_big img {
	max-width: 500px;
	max-height: 500px;	
}
.goods_info .image_thumb {
	position: relative;	
	width: 500px;	
	margin-top: 25px;
}
.goods_promotions .panel_left,
.goods_promotions .panel_right,
.goods_info .image_thumb > .panel_left,
.goods_info .image_thumb > .panel_right {
	position: absolute;
	top: 0px;	
	width: 0px;
	height: 100%;
	cursor: pointer;
	z-index: 100;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.goods_promotions .panel_left,
.goods_info .image_thumb > .panel_left {
	left: 0px;
	background-image: url('/public/image/home/icon_arrow_goleft.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
.goods_promotions .panel_right,
.goods_info .image_thumb > .panel_right {
	right: 0px;
	background-image: url('/public/image/home/icon_arrow_goright.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}
.goods_promotions .promotions_goods:hover > .panel_left,
.goods_promotions .promotions_goods:hover > .panel_right,
.goods_info .image_thumb:hover > .panel_left,
.goods_info .image_thumb:hover > .panel_right {
	width: 30px;
}
.goods_info .image_list {
	display: -webkit-box;
	max-width: 500px;
	overflow: hidden;
	/*overflow-x: scroll;*/
	white-space: nowrap;
}
.goods_info .image_list a {
	display: inline-block;	
	width: 92px;
	height: 92px;	
	margin-right: 5px;
	text-align: center;
	border: solid 1px #CCC;	
}
.goods_info .image_list a.active {
	border: solid 1px #E5002D;	
}
.goods_info .image_list a:last-child {
	margin-right: 0px;
}
.goods_info .image_list img {
	max-width: 90px;
	max-height: 90px;	
}
.goods_info .caption {
	height: 45px;
	max-width: 440px;		
	max-height: 45px;	
	line-height: 30px;	
	text-align: center;
	padding-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;	
}
.goods_info .brief {
	height: 280px;	
	max-height: 280px;	
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;	
}
.goods_info .property {
	min-height: 35px;	
	max-height: 35px;	
	margin-top: 10px;
}
.goods_info .brief {
	line-height: 1.5;
	margin-top: 10px;
	font-size: 13px;
	letter-spacing:1px;
}
.goods_info .feeling::before,
.goods_info .skin::before {
	display: inline-block;	
	width: 50px;
	text-align: left;
}
.goods_info .feeling::after,
.goods_info .skin::after {
	display: inline-block;	
	width: 50px;
	text-align: right;
}
.goods_info .feeling::before {
	content: "滋潤度";
}
.goods_info .feeling::after {
	content: "清爽度";
}
.goods_info .skin::before {
	content: "偏乾性";
}
.goods_info .skin::after {
	content: "偏油性";
}
.goods_info .feeling,
.goods_info .skin {
	width: 202px;	
	margin-top: 10px;	
}
.goods_info .property {
	margin-top: 10px;	
	margin-bottom: 10px;	
}
.goods_info .middle {
	display: table;
	width: 100%;	
	vertical-align: top;
	margin-top: 10px;	
	margin-bottom: 8px;	
}
.goods_info .property {
	margin-top: 5px;	
	margin-bottom: 10px;
	position: absolute;
	z-index:100;
	margin-top: 245px;
	width: 440px;	
}
.goods_info .middle > div {
	display: table-cell;
}
.goods_info .middle .left_cell {
	text-align: left;
	vertical-align: top;	
}
.goods_info .middle .right_cell {
	text-align: right;
	vertical-align: bottom;
	padding-bottom:10px;	
}
.goods_info .specifications .left_cell {
	float:left	
}
.goods_info .specifications .right_cell {
	float:right;
	text-align:right;	
}

.goods_info .specifications .right_cell > .select {
	letter-spacing:1px;
	width:200px;
	height:35px;
	text-align:left;
    border-radius: 0px;	
	 text-indent:5px;
	 font-size:13px;	
}
.goods_info .specifications > .pic {
	display: inline-block;
	width: 160px;
	height: 160px;	
	text-align: center;	
	line-height: 150px;	
}
.goods_info .specifications > .pic img {
	max-width: 160px;
	max-height: 160px;	
	border: 1px solid #ccc;
}
.goods_info .cart .pricing {
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size:15px;	
}
.goods_info .cart .pricing span::before,
.goods_info .cart .price span::before {
	content: "NT.  ";
	font-size:15px;
}
.goods_info .cart .pricing span {
	text-decoration: line-through;
}
.goods_info .cart .pricing span.empty {
	display: none;
}
.goods_info .cart .price::before {
	content: "  ";
}
.goods_info .cart .price {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: right;	
}
.goods_info .cart .amount::before {
	content: "數量  ";
}
.goods_info .cart .amount {
	height: 28px;
	margin-top: 15px;	
  	vertical-align: middle;
}
.goods_info .cart .amount span,
.goods_info .cart .amount span::before {
	display: inline-block;
	text-align: center;
}
.goods_info .cart .amount span::before {
	width: 40px;	
  	text-rendering: auto;
	margin-top: 7px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.goods_info .cart .amount span {
	width: 38px;	
	height: 100%;	
	font-size: 15px;	
  	vertical-align: middle;	
	background-color: #dadada;
	color: #333;
	cursor: pointer;
		border: 1px #dadada solid;
}
.goods_info .cart .amount span.not-allowed {
	color: #888;
	cursor: not-allowed;
}
.goods_info .cart .amount .minus::before,
.goods_info .cart .amount .add::before {
  	font: normal normal normal 14px/1 FontAwesome;
}
.goods_info .cart .amount .minus::before {
	content: "\f068";	
}
.goods_info .cart .amount .add::before {
	content: "\f067";	
}
.goods_info .cart .amount input[type="number"] {
	display: inline-block;	
	width: 40px;
	height: 28px;
	    font-size: 15px;
		font-weight: 600;
		font-family:Verdana, Geneva, sans-serif;		
	margin: 0;
	text-align: center;	
	-moz-appearance: textfield;
	border: 1px #dadada solid;
}
.goods_info .cart .amount input[type="number"]::-webkit-inner-spin-button,
.goods_info .cart .amount input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.goods_info .cart .cart_btn input[type="button"] {
	display: inline;
	width: 200px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-top: 20px;
	padding: 8px;
	cursor: pointer;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #cc0033;	
}
.goods_info .cart .btn_add_to_cart {
	color: #fff;	
	background-color: #cc0033;
}
.specifications .cart .btn_add_to_favourites {
	color: #666;
	background-color: #fff;
}
.goods_info .cart .cart_btn .btn_add_to_cart:hover,
.goods_info .cart .cart_btn .btn_add_to_favourites:hover {
	color: #fff;
	background-color: #00a39c;
	border: 1px solid #00a39c;
}
#btn_add_to_favourites {
text-align: right;	
		background-color: #5f4226;
	border: 1px solid #5f4226;

	height: 26px;
	    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    line-height: 26px;
    padding: 0px 5px;
	margin-left: 8px;
}

.goods_info  .cart_faq {
	width:160px;
	position: relative;	
	background-color: #e5e5e5;
	border-radius: 0px;
	height: 60px;
	text-align: center;
	
	margin-top: 10px;	
	margin-bottom: 28px;
		
}
.goods_info .cart_faq::after {
	width:160px;
	position: absolute;
	content: " ";
	top: 100%;
	left: 0px;
	height: 25px;
	background-image: url('/public/image/home/faq1.png');
}
.goods_info  .cart_faq span {
	line-height: 24px;	
}

.goods_info .cart .cart_faq div,
.goods_info .cart .cart_faq span {
	line-height: 24px;	
}
.row-fb {
	margin-top:15px;
	float:right;
	
	text-align:right;
}
.goods_info .compare {
	margin-top: 10px;
	text-align: left;
	float:left;
	width: 60%;
}
.goods_info .compare_button label {
	display: inline-block;
	background-color: #00a39c;
	color: #FFF;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	line-height: 26px;
	padding: 0px 7px;
	border: 1px solid #00a39c;
	margin-right: 0px;	
}
.goods_info .compare_button .btn_goods_compare.choose {
	background-color: #CCC;
	border: 1px solid #ACACAC;	
}
.goods_info .compare_button .btn_goto_compare_result {
	background-color: #666;
	border: 1px solid #666;
	margin: 0px 0px 0px 8px;
}
.goods_info .compare_text {
	height: 30px;
	color: #999;
	font-size: 12px;
	line-height: 30px;
}
.goods_info .compare_text.full {
	color: #634020;
}
.goods_tab {
	margin-top: 20px;
}
.goods_tab > .layui-tab > .layui-tab-title {
	height: 50px;
}
.goods_tab > .layui-tab > .layui-tab-title > li {
	width: 20%;
	height: 50px;
	line-height: 36px;
	/*font-family: Arial, Helvetica, sans-serif, PMingLiU, sans-serif,"新細明體";*/
	color: #999;	
	font-size: 13px;
	text-align: center;
	padding: 10px;	
	border-bottom: solid 1px #ccc;
}
.goods_tab > .layui-tab > .layui-tab-title > li.layui-this {
	font-size: 15px;
	color: #00a39c;
	letter-spacing: 2px;
	font-weight: 600;
}
.goods_tab > .layui-tab > .layui-tab-title > li.layui-this::after {
	height: 50px;
	background-image: url('/public/image/home/product_description_on.png');
	border-bottom: solid 5px #00a39c;	
}
.goods_tab > .layui-tab > .layui-tab-content {
	padding-right: 0;
	padding-left: 0;
	    color: #555;
       font-size: 13px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.goods_tab .layui-tab-item img {
	max-width: 960px;	
}
.page-container .goods_items {	margin-top: -20px;}
.page-container .goods_items .img {	width: 100px;	padding: 10px 10px 10px 0px;}
.page-container .goods_items .tr > div {	border-bottom: 1px #ccc solid;	}
.page-container .goods_items .img a {	display: block;	}
.page-container .goods_items .img img {	max-width: 120px;	max-height: 120px;	}
.page-container .goods_items .middle {	
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 10px 10px 10px 5px;
}
.page-container .goods_items .middle > div {
	position: relative;	
	width: 100%;
	height: 100%;
	padding-bottom: 40px;
}
.page-container .goods_items .middle > div > div:not(.content) {
	position: absolute;
	width: 100%;
	color: #ccc;
	bottom: 0px;}
.page-container .goods_items .content {
	height: 80px;
	color: #000;
	line-height: 18px;
	text-align: left;
}
.page-container .goods_items .content span {
	display: block;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	margin-top: 5px;
}
.page-container .goods_items .input {	font-size: 14px;
	text-align: left;padding: 10px;
}
.page-container .goods_items .reply {	width: 300px;		height: 100%;		padding: 15px 0 10px 10px;	}
.page-container .goods_items .specifications {	float: left;	}.page-container .goods_items .send_time {	float: right;	}
.page-container .goods_items .reply div {	height: 100%;	}
.page-container .goods_items .reply > div {	
	height: 110px;
	color: #5f4326;
	font-size: 14px;
	line-height: 18px;	/*	text-indent: -44px;	margin-left: 44px;	*/	
	padding: 10px;
	background-color: #FFF;
	text-align: left;
	border: 1px #e2e2e2 solid;
}
.page-container .goods_items .reply > div div:first-child {	width: 42px;}
.goods_promotions .promotions_caption {
	width: 150px;
	height: 50px;
	line-height: 36px;
	padding: 10px;
	border-bottom: solid 3px #5f4326;
	font-size: 15px;
	color: #5f4326;
	font-weight: 600;
	text-align: center;
}
.goods_promotions .promotions_goods {
	position: relative;	
}
.goods_promotions .promotions_list {
	display: -webkit-box;
	overflow: hidden;
	white-space: nowrap;
		margin-top: 10px;
}
.goods_promotions .promotions_list li {
	width: 180px;
	margin-right: 10px;
	display: inline-block;
}
.goods_promotions .promotions_list li:last-child {
	margin-right: 0;	
}
.goods_promotions .promotions_list li .pic {
	width: 150px;
	height: 150px;
	margin: 0 auto;
}
.goods_promotions .promotions_list .pic img {
	max-width: 150px;
	max-height: 150px;
}
.goods_promotions .promotions_list .pic a {
	display: block;
}
.goods_promotions .promotions_list .pic.full {
	display: table;	
	width: 150px;
	height: 150px;	
}
.goods_promotions .promotions_list .pic.full a {
	display: table-cell;	
	height: 100%;	
	vertical-align: middle;
}
.goods_promotions .promotions_list .pic span {
	display: block;
	width: 150px;	
	text-align: center;	
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;	
}
.goods_promotions .promotions_list .caption {
	margin: 5px 5px 10px 10px;
	height: 40px;
	max-height: 40px;
}
.goods_promotions .promotions_list .caption a,
.goods_promotions .promotions_list .caption span {
	display: block;
	width: 100%;
}
.goods_promotions .promotions_list .caption span {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	 -o-text-overflow: ellipsis;
	    text-overflow: ellipsis;
}
.goods_promotions .cart .price::before {
	content: "NT.  ";
	font-size: 15px;
}
.goods_promotions .cart .price {
	width: 115px;
	float: left;
	text-align:right;
	margin-right: 10px;
	padding-top: 6px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
font-size: 18px;

;
}
.goods_promotions .cart .btn_addcart {
	float: right;
	margin-right: 10px;
	cursor: pointer;
}
/* ===========================================================================================================
 * product_gift
 * =========================================================================================================== */
.goods_gift_info {
	display: table;
	width: 100%;
	height: 550px;	
}
.goods_gift_info > div {
	display: table-cell;
	width: 215px;	
	height: 550px;
	padding: 0 15px;
	border: none;
}
.goods_gift_info > .left {
	padding-left: 0;
	padding-right: 0;	
}
.goods_gift_info > .right {
	padding-right: 0;
}
.goods_gift_info > .center {
	width: auto;	
	border-right: #CCC 1px solid;
	border-left: #CCC 1px solid;	
}
.goods_gift_info .info_title {
	font-size: 13px;
	color: #666;	
}
.goods_gift_info .step::before {
	content: "STEP.";
}
.goods_gift_info .step {
	font-size: 15px;
	color: #C03;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 600;
}
.goods_gift_info .specifications {
	max-height: 550px;	
	overflow: hidden;	
	overflow-y: auto;	
}
.goods_gift_info .specifications .pic {
	margin-top: 10px;
	width: 200px;
}
.goods_gift_info .specifications .pic img {
	max-width: 200px;
	max-height: 200px;
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: pointer;	
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.goods_gift_info .spec_item div {
	background-color: transparent;
}
.goods_gift_info .spec_item.choose .pic img {
	cursor: default;
}
.goods_gift_info .spec_item.choose .pic {
	position: relative;
}
.goods_gift_info .spec_item.choose .pic > div {
	position: absolute;
	cursor: pointer;	
	z-index: 0;	
	border: none;
}
.goods_gift_info .spec_item.choose .pic > div.choose {
	z-index: 1;	
	border: 2px #FFF solid;
}
.goods_gift_info .spec_item.choose .pic > div:hover {
	z-index: 2;
}
.goods_gift_info .spec_item.choose .pic img {
	opacity: 1;
	filter: alpha(opacity=100);	
}
.goods_gift_info .spec_item.choose .pic > div .pic {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;	
}
.goods_gift_info .spec_item.choose .pic > div .pic img {
	max-width: 100%;
	max-height: 100%;
}
.goods_gift_info .spec_item .pic > div .pic .remove::before {
	position: absolute;	
	display: inline-block;	
	top: -6px;	
	left: 1px;
  	font: normal normal normal 38px/1 Arial;
	content: "+";	
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	        transform: rotate(45deg);	
	margin: 0;	
	padding: 0;
}
.goods_gift_info .spec_item .pic > div .pic .remove {
	position: absolute;	
	top: 0px;	
	right: 0px;
	width: 25px;
	height: 25px;
	color: #FFF;
	filter: Alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0,0,0,0);	
	-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;	
}
.goods_gift_info .spec_item .pic > div .pic:hover .remove,
.goods_gift_info .spec_item .pic > div.choose .pic .remove {
	filter: Alpha(opacity=100);
	opacity: 1;
	background-color: rgba(0,0,0,0.2);	
}
.goods_gift_info .spec_item .pic > div .pic .remove:hover {
	filter: Alpha(opacity=100);
	opacity: 1;	
	background-color: rgba(0,0,0,0.6);
}
.goods_gift_info .spec_item .form-radio-label {
	display: inline-block;
	height: 30px;
	line-height: 30px;	
	font-size: 13px;
	color: #5f4326;
	cursor: pointer;	
}
.goods_gift_info .select  {
	width: 200px;
	height: 30;
	font-size: 15px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
    border-radius: 0px;
	letter-spacing: 2px;	
}
.goods_gift_info .category .select {
	width: auto;
	min-width: 200px;	
	max-width: 240px;	
}
.goods_gift_info .category .select:last-child {
	margin-left: 5px;
}
.goods_gift_info .category {
	margin-top: 10px;
}
.goods_gift_info .sngle {
	width: 100%;
	height: 260px;
	margin-top: 10px;	
	overflow: hidden;	
	overflow-y: scroll;	
	-webkit-overflow-scrolling: touch;	
	border: 1px #dadada solid;	
}
.goods_gift_info .sngle > div {
	position: relative;	
	display: inline-block;
	width: 90px;
	height: 90px;
	margin: 5px 0 0 5px;	
	text-align: center;
}
.goods_gift_info .sngle > div > div {
	width: 100%;
	height: 100%;
}
.goods_gift_info .sngle > div .panel {
	position: absolute;
	cursor: pointer;	
	background-color: rgba(0,0,0,0);
	-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;		
}
.goods_gift_info .sngle > div:hover .panel,
.goods_gift_info .sngle > div.choose .panel {
	background-color: rgba(0,0,0,0.1);	
}
.goods_gift_info .sngle > div .panel .add::before {
	position: absolute;	
	display: inline-block;	
	top: -4px;	
	left: 3px;
  	font: normal normal normal 35px/1 Arial;
	content: "+";
	margin: 0;	
	padding: 0;	
}
.goods_gift_info .sngle > div .panel .add {
	position: absolute;	
	right: 0px;	
	width: 25px;
	height: 25px;
	color: #FFF;
	filter: Alpha(opacity=0);
	opacity: 0;
	background-color: rgba(0,0,0,0);	
	-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;	
}
.goods_gift_info .sngle > div:hover .panel .add,
.goods_gift_info .sngle > div.choose .panel .add {
	filter: Alpha(opacity=100);
	opacity: 1;
	background-color: rgba(0,0,0,0.2);	
}
.goods_gift_info .sngle > div .panel .add:hover {
	filter: Alpha(opacity=100);
	opacity: 1;	
	background-color: rgba(0,0,0,0.6);
}
.goods_gift_info .sngle > div .pic {
}
.goods_gift_info .sngle > div .pic img {
	max-width: 90px;
	max-height: 90px;
}
.goods_gift_info .sngle_info {
	display: table;	
	width: 100%;	
	margin-top: 20px;	
	padding: 5px;	
	border: 1px #dadada solid;	
}
.goods_gift_info .sngle_info > div {
	display: table-cell;
	vertical-align: bottom;
}
.goods_gift_info .sngle_info .pic {
	width: 210px;
	height: 210px;	
	text-align: center;
	vertical-align: top;
	padding-top: 5px;	
}
.goods_gift_info .sngle_info .pic img {
	max-width: 200px;
	max-height: 200px;	
}
.goods_gift_info .sngle_info .brief > div:first-child {
	height: 185px;
	overflow: hidden;	
	overflow-y: auto;
	margin-bottom: 5px;
	-webkit-overflow-scrolling: touch;	
}
.goods_gift_info .sngle_info .brief > div.full {
	height: 210px;
	margin-bottom: 0;	
}
.goods_gift_info .sngle_info .brief > div:last-child {
	height: 20px;
	text-align: right;	
	padding-top: 3px;
}
.goods_gift_info .sngle_info .brief > div.hidden {
	display: none;	
}
.goods_gift_info .sngle_info .brief > div:last-child a {
	display: inline-block;
	font-size:14px;
	color: #00a39C;
	font-weight: 600;	
}
.goods_gift_info .packing {
	margin-top: 10px;
}
.goods_gift_info .packing .pic {
	height: 200px;	
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.goods_gift_info .packing .pic img {
	max-width: 200px;
	max-height: 200px;	
}
.goods_gift_info .packing .price_description {
    width: 200px;
    height: 40px;
    margin: 15px 0px 15px 0px;
}
.goods_gift_info .cart .amount {
	width: 200px;	
	height: 40px;
	margin-top: 6px;	
  	vertical-align: middle;
}
.goods_gift_info .cart .amount span,
.goods_gift_info .cart .amount span::before {
	display: inline-block;
	text-align: center;
}
.goods_gift_info .cart .amount span::before {
	width: 40px;	
  	text-rendering: auto;
	line-height: 66px;
	margin-top: 9px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.goods_gift_info .cart .amount span {
	width: 38px;	
	height: 100%;	
	font-size: 15px;	
	line-height: 40px;	
  	vertical-align: middle;	
	background-color: #dadada;
	color: #333;
	cursor: pointer;
}
.goods_gift_info .cart .amount span.not-allowed {
	color: #888;
	cursor: not-allowed;
}
.goods_gift_info .cart .amount .minus::before,
.goods_gift_info .cart .amount .add::before {
  	font: normal normal normal 14px/1 FontAwesome;
}
.goods_gift_info .cart .amount .minus::before {
	content: "\f068";	
}
.goods_gift_info .cart .amount .add::before {
	content: "\f067";	
}
.goods_gift_info .cart .amount input[type="number"] {
	display: inline-block;	
	width: 124px;
	height: 40px;
	margin: 0;
	text-align: center;	
	font-family:Verdana, Geneva, sans-serif;
	line-height: 36px;
	font-size: 24px;
	color: #666;
	border: 1px #dadada solid;
}
.goods_gift_info .cart .subtotal::before,
.goods_gift_info .cart .total::before {
	color: #333;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
}
.goods_gift_info .cart .subtotal::before {
	content: "單組： ";
}
.goods_gift_info .cart .subtotal {
	text-align: right;
	margin-top: 40px;
}
.goods_gift_info .cart .subtotal span::before,
.goods_gift_info .cart .total span::before {
	content: "NT.  ";	
	font-size: 13px;
}
.goods_gift_info .cart .subtotal span {
    color: #333;
    font-size: 18px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
    letter-spacing: 1px;
}
.goods_gift_info .cart .total::before {
	content: "總計： ";
}
.goods_gift_info .cart .total {
	text-align: right;
	margin-top: 10px;
		
}
.goods_gift_info .cart .total span {
    color: #900;
    font-size: 24px;
    letter-spacing: 1px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
}
.goods_gift_info .cart .cart_btn .btn_add_to_cart {
    display: inline;
    width: 200px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 10px 0px 10px 0px;
    padding: 10px 25px;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #cc0033;
    color: #fff;
    background-color: #cc0033;
}
.goods_gift_info .cart .cart_btn .btn_add_to_cart:hover {
	color: #fafafa;
	background-color: #00a39C;
	border: 1px solid #00a39C;
}
.goods_gift_info .fb {
    padding-top: 15px;
    text-align: right;
}
.goods_gift_info  .cart_faq {
	width:200px;
	position: relative;	
	background-color: #e5e5e5;
	border-radius: 0px;
	height: 60px;
	text-align: center;
	padding: 5px;
	margin-top: 10px;	
	margin-bottom: 25px;
	
}
.goods_gift_info .cart_faq::after {
	width:200px;
	position: absolute;
	content: " ";
	top: 100%;
	left: 0px;
	height: 20px;
	background-image: url('/public/image/home/faq.png');
}
.goods_gift_info  .cart_faq span {
	line-height: 24px;	
}

.goods_gift_info .cart .cart_faq div,
.goods_gift_info .cart .cart_faq span {
	line-height: 24px;	
}

/* ===========================================================================================================
 * product_all
 * goods_alias all
 * =========================================================================================================== */
.goods_all .category_item > .caption,
.goods_alias .category_item > .caption {
	background-color: #D9E7E7;
	color: #699;
	font-weight:600;
	letter-spacing: 5px;
	text-align: center;
	padding: 15px 15px 15px 5px;
	border-top: 1px #9CC solid;
	border-bottom: 1px #9CC solid;
	margin-top: 32px;
	
}
.goods_all .category_item .caption:first-child,
.goods_alias .category_item .caption:first-child {
	margin-bottom: 0;
}
.goods_all .goods_list,
.goods_alias .goods_list {
	margin-top: 0;
}
.goods_all .goods_list li,
.goods_alias .goods_list li {
	width: 20%;	
	height: 264px;
	padding: 0 5px 10px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	float: left;
}
.goods_all .goods_list li .pic,
.goods_alias .goods_list li .pic {
	display: table;	
	width: 100%;	
	height: 160px;	
}
.goods_all .goods_list li .pic > div,
.goods_alias .goods_list li .pic > div {
	display: table-cell;
	width: 100%;	
	height: 100%;	
	text-align: center;
	vertical-align: middle;	
}
.goods_all .goods_list li .pic img,
.goods_alias .goods_list li .pic img {
	max-width: 130px;
	max-height: 130px;
}
.goods_all .goods_list li .caption,
.goods_alias .goods_list li .caption {
	height: 60px;
	font-size: 12px;
	    line-height: 1.5;
		color: #5f4326;		
}
.goods_all .goods_list li .cart,
.goods_alias .goods_list li .cart {
	display: table;	
	width: 100%;
	height: 30px;
}
.goods_all .goods_list li .cart > div,
.goods_alias .goods_list li .cart > div {
	display: table-cell;	
}
.goods_all .goods_list li .cart .price::before,
.goods_alias .goods_list li .cart .price::before {
	content: "NT.  ";
	font-size: 15px;	
}
.goods_all .goods_list li .cart .price,
.goods_alias .goods_list li .cart .price {
	padding-top:10px;
	vertical-align: middle;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;

}
.goods_all .goods_list li .cart .btn,
.goods_alias .goods_list li .cart .btn {
	width: 70px;
	background-color: transparent;	
	border: none;
}
.goods_all .goods_list li .cart .btn .btn_addcart,
.goods_alias .goods_list li .cart .btn .btn_addcart {
	width:40px;
	height: 30px;
	padding: 3px;
	cursor: pointer;	
	background-color: #5e452a;
	text-align: center;
	border: none;	
	border-radius:  5px;
	background-image: url('/public/image/home/icon_addcart.png');	
}
.goods_all .goods_list li .cart .btn .btn_addcart:hover,
.goods_alias .goods_list li .cart .btn .btn_addcart:hover {
	color: #fafafa;	
	background-color: #00a39C;
	border-color: #00a39C;
}
/* ===========================================================================================================
 * product_alias
 * =========================================================================================================== */
.goods_alias .category_item {
	margin-bottom: 30px;
}
.goods_alias .controls {
	display: table;
}
.goods_alias .controls > div {
	display: table-cell;
}
.goods_alias .controls .title_box {
	padding-left: 25px;
	vertical-align: top;	
}
.goods_alias .controls .title_box > div {
	display: inline-block;	
	width: 120px;
	font-size: 15px;
	line-height: 42px ;
	color: #666;
	vertical-align: top;
}
.goods_alias .controls .title_box ul {
	list-style-type: disc;
}
.goods_alias .controls .title_box li > a {
	color:#666;
}
.goods_alias .controls .title_box li > a:hover {
	color: #5F4326;
}
.goods_alias .controls .pic_box {
	width: 650px;
	vertical-align: top;	
}
.goods_alias .controls .pic_box li {
	display: inline-block;
	width: 108px;
	height: 135px;
	padding: 4px;
	text-align: center;
	border: 0px;
}
.goods_alias .controls .pic_box .pic {
	background-color: #9e8e5c;
}
.goods_alias .controls .pic_box .pic > a {
	display: block;
	width: 100%;
	height: 100%;
}
.goods_alias .controls .pic_box .pic > a:hover img {
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.goods_alias .controls .pic_box img {
	width: 100px;
	max-height: 127px;
}
/* ===========================================================================================================
 * product_compare
 * =========================================================================================================== */
.goods_compare .remind {
	padding-top: 10px;
	padding-bottom: 10px;
}
.goods_compare .category_controls {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.goods_compare .category_controls select{
	min-width: 200px;
		color: #666;
	margin-right: 10px;
	padding: 5px;
    border-radius: 0px;
    border: 1px solid #CCC;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 8px 8px, 8px 8px;	
    background-image: repeating-linear-gradient(225deg, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 10px, transparent 50%, transparent 100%),
	repeating-linear-gradient(135deg, rgb(204, 204, 204) 0%, rgb(204, 204, 204) 50%, transparent 50%, transparent 100%);
	background-image: repeating-linear-gradient( 45deg, white, white 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
	background-image: -webkit-linear-gradient(225deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px)),	
	                  -webkit-linear-gradient(135deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px));	
	background-image: -moz-linear-gradient(225deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px)),	
	                  -moz-linear-gradient(135deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px));	
	background-image: linear-gradient(225deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px)),	
	                  linear-gradient(135deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px));	
    background-position: -webkit-calc(100% - 15px) center, -webkit-calc(100% - 7px) center;	
    background-position: -moz-calc(100% - 15px) center, -moz-calc(100% - 7px) center;	
    background-position: calc(100% - 15px) center, calc(100% - 7px) center;
    	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	border-collapse: separate;border-spacing: 0;	
	
}
.goods_compare .goods_controls {
	display: none;
}
.goods_compare .goods_controls li {
	display: inline-block;
	margin: 0 20px 10px 0;
	padding-left: 23px;
	vertical-align: top;
}
.goods_compare .goods_controls li > label {
	line-height: 32px;
	vertical-align: top;
	font-size: 13px;
	margin-left: -23px;	
}
.goods_compare .goods_controls li input[type="checkbox"] {
	margin-right: 10px;
}
.goods_compare .list_controls {
	width: 100%;	
	padding-top: 5px;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.goods_compare .list_controls.hide {
	display: none;	
}
.goods_compare .item_controls {
	margin-bottom: 20px;	
	padding-left: 60px;
}
.goods_compare .item_controls > div {
	float: left;
    width: -webkit-calc(100% / 5);	
    width: -moz-calc(100% / 5);	
    width: calc(100% / 5);	
	min-height: 200px;
	padding: 5px;
}
.goods_compare .item_controls .delete_controls {
	text-align: right;
}
.goods_compare .item_controls .delete_controls::before {
	content: "移除";	
	font-size: 12px;
	color: #666;
	letter-spacing: 5px;	
}
.goods_compare .item_controls .delete_controls > i {
	
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;	
	margin-right: 15px;	
	cursor: pointer;	
	background-color: #fafafa;
	background-image: url('/public/image/home/icon_delete_gs.png');	
	
}
.goods_compare .item_controls .delete_controls > i:hover {
	color: #fafafa;	
	background-color:#999;
	border-color:#999;
}
.goods_compare .item_controls .pic {
    text-align: center;
}
.goods_compare .item_controls .pic > a {
    display: inline-block;
}
.goods_compare .item_controls .pic img {
    max-width: 140px;
    max-height: 140px;	
}
.goods_compare .item_controls .caption {
	height: 48px;	
	min-height: 48px;	
    text-align: left;
	margin-bottom: 5px;
	font-size: 12px;
	    line-height: 1.5;
		color: #5f4326;	
}
.goods_compare .item_controls .cart {
	display: table;	
	width: 100%;
	height: 30px;
}
.goods_compare .item_controls .cart > div {
	display: table-cell;	
}
.goods_compare .item_controls .cart .price::before {
	content: "NT.  ";
	font-size: 15px;	
}
.goods_compare .item_controls .cart .price {
	vertical-align: middle;
		text-align:right;
	padding-right: 10px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
font-size: 18px;

}
.goods_compare .item_controls .cart .btn {
	width: 55px;
	background-color: transparent;	
	border: none;	
}
.goods_compare .item_controls .cart .btn .btn_addcart {
	width:40px;
	height: 30px;
	padding: 3px;
	cursor: pointer;	
	background-color: #91cdcd;
	text-align: center;
	border: none;	
	border-radius:  4px;
	background-image: url('/public/image/home/icon_addcart.png');	
}
.goods_compare .item_controls .cart .btn .btn_addcart {
	color: #fafafa;	
	background-color: #5f4326;
	border-color: #5f4326;
}
.goods_compare .property_controls {
	margin-top: 20px;	
}
.goods_compare .property_controls > div {
	float: left;
    width: -webkit-calc((100% - 60px) / 5);	
    width: -moz-calc((100% - 60px) / 5);	
    width: calc((100% - 60px) / 5);	
	min-height: 200px;
}
.goods_compare .property_controls > div:first-child {
	width: 60px;
}
.goods_compare .property_controls .title > div,
.goods_compare .property_controls .compare_item > div {
	height: 40px;
	line-height: 40px;	
}
.goods_compare .property_controls .compare_item > div > img {
	width: 30px;
	height: 30px;
}
.goods_compare .property_controls .compare_item > div > span {
	display: inline-block;
	padding: 1px 3px 0px 3px;
	height: 20px;
	line-height: 18px;
	font-size: 12px;		
	color: #5f4326;	
	text-align: center;
	margin-top: 3px;
	margin-right: 5px;
	background-color: #e4d6c7;
	border: solid 1px #5f4326;
}
.goods_compare .property_controls .compare_item > div > span:last-child {
	margin-right: 0;
}
/* ===========================================================================================================
 * marketing_hotsale
 * =========================================================================================================== */
.marketing_hotsale .hotsale_item {
	display: table;
	width: 100%;
	background-color: #fff;
	border: solid 1px #CCCCCC;
	margin-bottom: 16px;
	padding: 20px;
	border-radius: 0px;	
}
.marketing_hotsale .hotsale_item > div {
	display: table-cell;
	vertical-align: top;
}
.marketing_hotsale .pic {
	width: 190px;
}
.marketing_hotsale .pic a {
	display: block;
}
.marketing_hotsale .pic img {
	max-width: 160px;
	max-height: 160px;
}
.marketing_hotsale .content_top {
	display: table;
	width: 70%;	
	height: 80px;
	float:left;
}
.marketing_hotsale .content_top > div {
	display: table-cell;
	vertical-align: middle;	
}
.marketing_hotsale .rank::before {
	content: "NO.";	
}
.marketing_hotsale .rank {
	display: inline-block; 
	font-family: Tahoma, Geneva, sans-serif;	
	color: #840000;
	font-size: 28px;
	font-style: italic;
	font-weight: 600;
}
.marketing_hotsale .caption {
	display: inline-block;
	color: #5F4326;
	font-size: 18px;
	letter-spacing: 2px;
	margin-left: 20px;
	font-weight: 600;
}
.marketing_hotsale .cart {
	width: 30%;
	vertical-align: top;	
	text-align: right;
	float:right;
}
.marketing_hotsale .price::before {
	content: "NT.  ";
	font-size: 18px;			
}
.marketing_hotsale .price {
	display: inline-block;	
	vertical-align: top;		
	text-align: left;
	font-size:30px;
	letter-spacing:1px;
	
/*	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;*/
}
.marketing_hotsale .cart > .btn_addcart {
	display: inline-block;
	width: 40px;
	height: 30px;		
	background: none;
	background-image: url('/public/image/home/icon_addcart.png');	
	background-color: #5f4326;
	cursor: pointer;	
	color: #fff;	
	vertical-align: top;	
	margin-right: 15px;
	margin-left: 20px;
	border: 1px solid #5f4326;
	border-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.marketing_hotsale .cart > .btn_addcart:hover {
	background-color: #00a39c;
	border-color: #00a39c;
	
}
.marketing_hotsale .content_bottom {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	width:70%;
	float:left;
	
}
/* ===========================================================================================================
 * marketing_news
 * =========================================================================================================== */
.news_controls {
}
.news_controls .news_item {
	display: table;	
	width: 100%;	
	background-color: #fafafa;
	padding: 10px 10px 10px 0px;
	border-top: solid 1px #CCCCCC;	
}
.news_controls .news_item:hover,
.news_controls .news_item:hover .caption,
.news_controls .news_item:hover .brief {
	-webkit-transition: all 0.3s ease-out;	
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.news_controls .news_item:hover {
	background-color: rgba(210, 210, 210, 0.2);
}
.news_controls .news_item a {
	display: table-row;
}
.news_controls .news_item a > div {
	display: table-cell;
	vertical-align: top;
	background-color: transparent;
	padding-left: 10px;
}
.news_controls .pic {
	width: 180px;
	text-align: center;
}
.news_controls .pic img {
	max-width: 168px;
	max-height: 168px;
}
.news_controls .caption {
	height: 40px;
	line-height: 40px;
	color: #5F4326;
	font-size: 18px;
	font-weight: 600;
}
.news_controls .news_item:hover .caption {
	color: #5F4326;
}
.news_controls .brief {
	height: 100px;
	font-size: 13px;
	color: #666;
	line-height: 24px;
	letter-spacing:1px;	
}
.news_controls .news_item:hover .brief {
	color: #000;
}
.news_controls .data {
	font-size: 13px;
	color: #900;
	line-height: 24px;
	text-align: right;	
}
/* ===========================================================================================================
 * marketing_news_details
 * =========================================================================================================== */
.news_details_controls {
}
.news_details_controls .caption {
	padding: 20px 20px 0px 20px;
	color: #5F4326;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.news_details_controls .fb_date {
	display: table;	
	width: 100%;	
	padding: 20px 20px 10px 20px;	
	border-bottom: solid 1px #CCC;	
}
.news_details_controls .fb_date > div {
	display: table-cell;	
	width: 50%;
}
.news_details_controls .fb_date .date {
	font-size: 14px;
	color: #c00;
	line-height: 24px;
	text-align: right;	
}
.news_details_controls .content {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: 20px 0;
}
.news_details_controls .btn_controls {
	text-align: center;
}
.news_details_controls .btn_controls .btn_button {
	display: inline-block;
	background: none;	
	background-color: #5F4326;
	color: #fff;	
	font-weight:bold;	
	letter-spacing:2px;	
	padding: 10px 25px;	
	margin: 30px auto 0 auto; 
	cursor: pointer;	
	border: 1px solid #fafafa;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.news_details_controls .btn_controls .btn_button:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;	
}
/* ===========================================================================================================
 * skin_in
 * skin_choose
 * =========================================================================================================== */
.skin_skin_in .skin_controls{
	min-height: 300px;
	margin: 20px 0 0 0px;
	padding: 30px 30px 20px 0px;	
	background-color: #fafafa;	
	background-image: url('/public/image/home/bg_skin_an.png');
	background-repeat: no-repeat;
	background-position: top 20px right;
	border: 1px solid #ccc;
	alignment-adjust: central;		
}
.skin_choose .skin_controls {
	min-height: 300px;
	margin: 20px 0 0 0px;
	padding: 30px 30px 20px 0px;	
	background-color: #fafafa;	
	background-image: url('/public/image/home/bg_skin_in.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	border: 1px solid #ccc;
	alignment-adjust: central;		
}
.skin_skin_in .results_controls {
	/*min-height: 254px;*/
	padding-top: 40px;
}
.skin_skin_in .results_controls .type_caption {
	color: #5F4326;
	font-weight: 600;
	font-size: 15px;
	/*line-height: 30px;*/
	margin-bottom: 16px;
	padding-left: 50px;
	float:left;
} 
.skin_choose .skin_controls .choose_controls .type_caption {
	color: #5F4326;
	font-weight: 600;
	font-size: 15px;
	/*line-height: 30px;*/
	margin-bottom: 16px;
	padding-left: 50px;
} 
.skin_skin_in .results_controls .skin_type {
	color: #666;
	font-size: 15px;
	font-weight: 600;
	padding-left: 38px;
}
.skin_choose .skin_type_list {
	display: block;
	width: 450px;
}
.skin_choose .skin_type_list li {
	float: left;
	width: 50%;
}
.skin_choose .skin_type_list p {
	width: auto;
    padding-left:50px;
}
.skin_choose .skin_type_list label,
.skin_choose .skin_controls .choose_controls .sensitive label {
	width: auto;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    color:#888;
    line-height:30px;
	cursor: pointer;
	margin-right: 5px;	
}
.skin_choose .skin_controls .choose_controls .sensitive {
	width: auto;
	height: 50px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    color:#888;
    line-height: 50px;
    padding-left:50px;	
	vertical-align: middle;
}
.skin_choose .skin_controls .choose_controls .choose_btn {
	display: inline-block;
	background: none;	
	background-color: #5F4326;
	color: #fff;	
	font-weight:bold;	
	letter-spacing:2px;	
	padding: 10px 25px;	
	margin: 0 0 0 50px; 
	cursor: pointer;	
	border: 1px solid #fafafa;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.skin_choose .skin_controls .choose_controls .choose_btn:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;	
}
.skin_choose .skin_controls .goods_controls {
	display: none;
	margin: 30px 0 30px 30px;
}
.skin_skin_in .goods_controls {
	margin: 30px 0 30px 30px;
}
.skin_skin_in .goods_controls > .caption,
.skin_choose .skin_controls .goods_controls > .caption {
	background-color: #D9E7E7;
    color: #699;
    font-weight: 600;
    letter-spacing: 5px;
    text-align: center;
    padding: 15px 15px 15px 5px;
    border-top: 1px #9CC solid;
    border-bottom: 1px #9CC solid;
    margin-top: 40px;
}
.skin_skin_in .goods_controls .goods_list,
.skin_choose .skin_controls .goods_list {
	margin-top: 0;	
}
.skin_skin_in .goods_controls .goods_list li,
.skin_choose .skin_controls .goods_list li {
	width: 20%;	
	height: 250px;
	padding: 0 5px 10px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	float: left;
}
.skin_skin_in .goods_controls .goods_list li .pic,
.skin_choose .skin_controls .goods_list li .pic {
	display: table;	
	width: 100%;	
	height: 150px;	
}
.skin_skin_in .goods_controls .goods_list li .pic > div,
.skin_choose .skin_controls .goods_list li .pic > div {
	display: table-cell;
	width: 100%;	
	height: 100%;	
	text-align: center;
	vertical-align: middle;	
}
.skin_skin_in .goods_controls .goods_list li .pic img,
.skin_choose .skin_controls .goods_list li .pic img {
	max-width: 130px;
	max-height: 130px;
}
.skin_skin_in .goods_controls .goods_list li .caption,
.skin_choose .skin_controls .goods_list li .caption {
	height: 60px;
	
		
}
.skin_skin_in .goods_controls .goods_list li .cart,
.skin_choose .skin_controls .goods_list li .cart {
	display: table;	
	width: 100%;
	height: 30px;
}
.skin_skin_in .goods_controls .goods_list li .cart > div,
.skin_choose .skin_controls .goods_list li .cart > div {
	display: table-cell;	
}
.skin_skin_in .goods_controls .goods_list li .cart .price::before,
.skin_choose .skin_controls .goods_list li .cart .price::before {
	content: "NT.  ";
	font-size: 15px;	
}
.skin_skin_in .goods_controls .goods_list li .cart .price,
.skin_choose .skin_controls .goods_list li .cart .price {
	padding-top:10px;
	vertical-align: middle;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
font-size: 18px;
}
.skin_skin_in .goods_controls .goods_list li .cart .btn,
.skin_choose .skin_controls .goods_list li .cart .btn {
	background-color: transparent;	
	border: none;
}
.skin_skin_in .goods_controls .goods_list li .cart .btn .btn_addcart,
.skin_choose .skin_controls .goods_list li .cart .btn .btn_addcart {
	width:40px;
	height: 30px;
	padding: 3px;
	cursor: pointer;	
	/*background-color: #5f4226;*/
	text-align: center;
	border: none;	
	border-radius:  5px;
	background-image: url('/public/image/home/icon_addcart.png');	
}
.skin_choose .skin_controls .goods_list li .cart .btn .price {
	
	text-align: center;
	
}
.skin_controls .goods_controls .goods_list .caption
 {
	letter-spacing: 1px;
	font-size: 13px;
	line-height:1.5;
	color: #5f4326;
	
}
/* ===========================================================================================================
 * skin
 * =========================================================================================================== */
.skin_index .skin_controls {
	min-height: 400px;
	padding: 0px 25px 0px 25px;
	background-image: url('/public/image/home/bg_skin.png');	
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 20px;
	alignment-adjust: central;	
}
.skin_index .remind {
	color: #666;
	margin-top: 10px;
	font-size: 14px;
}
.skin_index .remind > p {
	font-size: 13px;
	line-height: 30px;
	margin-top: 25px;
	letter-spacing: 1px;
	margin-bottom: 25px;
}
.skin_index .caption {
	color: #5f4326;
	line-height: 30px;	
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
}
.skin_index .parts_controls {
	margin-bottom: 15px;
}
.skin_index .parts_controls > div  {
	display:inline;
}
.skin_index .parts_controls > div > label {
	font-size: 15px;
	color: #666;
	line-height: 30px;
	letter-spacing: 1px;
	cursor: pointer;	
}
.skin_index .question_controls .question_item {
	display: none;
}
.skin_index .question_controls .question_item.current {
	display: table;
	width: 100%;
	background-color: #FFF;	
	border: solid 1px #CCC;	
}
.skin_index .question_controls .question_item .row {
	display: table-row;
}
.skin_index .question_controls .question_item .row > div {
	display: table-cell;
	height: 35px;
	color: #699;
	line-height: 35px;	
	font-size: 13px;
	letter-spacing: 1px;
}
.skin_index .question_controls .question_item .row:nth-child(even) > div {
	background-color: #E9E9E9;	
}
.skin_index .question_controls .question_item .serial {
	width: 20px;
	text-align: center;
}
.skin_index .question_controls .question_item .question {
	width: 240px;
}
.skin_index .question_controls .question_item .answer {
	width: -webkit-calc((100% - 260px) / 5);
	width:    -moz-calc((100% - 260px) / 5);
	width:         calc((100% - 260px) / 5);	
}
.skin_index .question_controls .question_item .answer > label {
	color: #699;
	line-height: 35px;	
	font-size: 13px;
	letter-spacing: 1px;	
}
.skin_skin_in .btn_controls,
.skin_index .skin_controls .btn_controls {
	text-align: center;
	margin-top:20px;
	
}
.skin_skin_in .btn_controls .btn_button,
.skin_index .skin_controls .btn_controls .btn_submit {
	display: inline-block;
	text-align: center;
	background: none;	
	background-color: #5F4326;
	color: #fff;	
	font-weight:bold;	
	letter-spacing:2px;	
	padding: 10px 25px;	
	/*margin: 30px auto 0 auto; */
	cursor: pointer;	
	border: 1px solid #fafafa;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.skin_skin_in .results_controls  .btn_controls  {
	text-align: left;
	margin: 20px 00px 00px 50px; 
}
.skin_skin_in .btn_controls .btn_button:hover,
.skin_index .skin_controls .btn_controls .btn_submit:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;	
}
/* ===========================================================================================================
 * member 公用
 * =========================================================================================================== */
.member_tabs_nav {
	display: table;
	padding-top:10px;
	width: 100%;
	height: 40px;	
	}
.member_tabs_nav > div {
	display: table-cell;
	width: 25%;	

	height:100%;
	text-align: center;	
	border-bottom: solid 1px #ccc;
}
.member_tabs_nav > div > a {
	display: block;	
	width: 100%;
	height: 100%;	
	line-height: 36px;
	font-size: 13px;
	color: #999;
	letter-spacing:1px;
}
.member_tabs_nav > div.on {
	background-repeat: no-repeat;
	background-position: bottom center;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: #FFF;	
	/*background-image: url('/public/image/home/mem_description_on.png');
	*/
}
.member_tabs_nav > div.on > a {
	font-size: 15px;
	color: #5F4326;
	font-weight:600;
	letter-spacing:1px;
}

.member_index{
	/*text-align: center;*/	
	 
}
.member_index_list{
	width:50%;
	font-size: 18px;
	letter-spacing:2px;
	line-height: 50px;
	text-align: center;	
	padding: 20px;
	margin:20px 0px 20px 240px;
	
	border-bottom:solid 1px #CCCCCC;
}
/* ===========================================================================================================
 * member_info
 * =========================================================================================================== */
.member_info {
	width:960px;
	background-color:#fff;
	text-align: center;
	padding: 20px;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;	
	border-bottom:solid 1px #CCCCCC;		

}
.member_info .order_list {
	font-size:13px;
	color:#666;
	text-align: left;
	line-height:24px;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #ccc;
	letter-spacing: 1px;		

}
.member_info .caption {
	letter-spacing: 2px;
}
.member_info .prompt {
	width: 600px;
	font-size: 12px;
	color: #990000;
	line-height: 30px;
	text-align: left;
	margin: 10px auto;	
	padding-left: 82px;
}
.member_info ul {
	display: table;
	clear: both;
	width: 600px;
	margin: 10px auto;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 1px;
	border-spacing: 2px;
	border-collapse: separate;
	text-indent: 0;	
}
.member_info li {
	display: table-row;
	height: 40px;
}
.member_info li > label,
.member_info li > div {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding-top: 4px;	
}
.member_info li > label {
	width: 80px;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 1px;	
}
.member_info li .form_controls.hide {
	display: none;
}
.member_info li .form_controls .btn_modify,
.member_info li .form_controls .btn_cancel {
	display: inline-block;
	font-size: 13px;
	color: #5f4326;
	margin-left: 10px;
	cursor: pointer;


}
.member_info li .form_controls span {
	font-size: 13px;
	letter-spacing: 1px;	
}
.member_info li .form_controls span.warning {
	color: #900;
}
.member_info li .form-radio-label {
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 1px;
	cursor: pointer;		
}
.member_info select {
	padding-right: 20px;
}
.member_info input.sex[type='radio'] {
	display: none;
}
.member_info input.sex ~ .input-radio-label {
  	display: inline-block;
    width: 110px;
    height: 30px;	
	color: #FFF;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	cursor: pointer;	
    vertical-align: middle;		
	outline: inherit;
	background-color: #ccc;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
	-webkit-transition: all 0.3s ease-in-out; /* Safari 和 Chrome */
	   -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	     -o-transition: all 0.3s ease-in-out; /* Opera */	
            transition: all 0.3s ease-in-out;	
    -webkit-border-radius:  0px;
	   -moz-border-radius:  0px;
            border-radius:  0px;
}
.member_info input#sex_2 ~ .input-radio-label::before {
	content: "小姐";
}
.member_info input#sex_1 ~ .input-radio-label::before {
	content: "先生";
}
.member_info input.sex[type='radio'] ~ .input-radio-label:hover,
.member_info input.sex[type='radio']:checked ~ .input-radio-label {
  	background-color: #5F4326;
}
.member_info input.date {
	display: inline-block;	
	width: 274px;
}
.member_info li.address .form_controls > div {
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.member_info li.address .form_controls > div.hidden {
	display: none;
}
.member_info li.address .form_controls > .zip input[type="text"] {
	width: 80px;
}
.member_info li.code > div input {
	display: block;
	height: 32px;
	background-color: #f4f4f4;;
	margin-left: 0px;
	vertical-align: top;
	padding: 0;
}
.member_info li.code > div > img {
	position: absolute;	
	display: block;
	margin-top: -29px;
	float: left;
	margin-left: 296px;
}
.member_info li.code > div a {
	display: block;
	position: absolute;
	margin-top: -33px;
	float: left;
	margin-left: 438px;
}
.member_info li.code > div a > img {
	max-height: 32px;
}/* ==================================================================================================== * member_offer * ==================================================================================================== */.member_offer .coupon_controls {	background-color: #fff;}.member_offer .coupon_controls .caption {	height: 35px;	background-color: #fff;	font-size: 15px;	color: #666;	text-align: center;	border: solid 1px #CCCCCC;	padding-top: 10px;}.member_offer .coupon_controls .caption span,.member_offer .coupon_controls .caption i {	display: inline-block;}.member_offer .coupon_controls .caption span {	font-weight: bold;	color: #F03;	margin: 0 8px;	}.member_offer .coupon_controls .caption i {	width: 20px;	cursor: pointer;	-webkit-transition: all 0.3s ease-in-out;	   -moz-transition: all 0.3s ease-in-out;	     -o-transition: all 0.3s ease-in-out;	        transition: all 0.3s ease-in-out;	}.member_offer .coupon_controls.open .caption i {	-webkit-transform: rotate(-180deg);	   -moz-transform: rotate(-180deg);        -ms-transform: rotate(-180deg);	         -o-transform: rotate(-180deg);	        transform: rotate(-180deg);}.member_offer .coupon_controls:not(.open) .list {	display: none;}.member_offer .coupon_controls .list .table {	border-right: 1px solid #CCCCCC;		border-left: 1px solid #CCCCCC;}.member_offer .coupon_controls .list .tr,.member_offer .coupon_controls .list .tr > div {	text-align: center;}.member_offer .coupon_controls .list .th {	color: #666;	font-size: 15px;		color: #898989;	line-height: 30px;	font-weight: bold;	vertical-align: bottom;}.member_offer .coupon_controls .list .tr > div {	border-bottom: 1px solid #CCCCCC;	}.member_offer .coupon_controls .list .tr > div:not(.th) {	color: #666;	font-size: 13px;	line-height: 50px;		vertical-align: top;}.member_offer .coupon_controls .list .coupon_no {	width: 140px;}.member_offer .coupon_controls .list .used {	width: 180px;}.member_offer .coupon_controls .list .expire {	width: 220px;}.member_offer .bonus_controls {	background-color: #fff;	font-size: 16px;	text-align: center;	border: solid 1px #CCCCCC;	margin-top: 20px;	padding-top: 10px;}.member_offer .bonus_controls .title {	font-weight: bold;	color: #666;}.member_offer .bonus_controls hr {	width: 90%;	margin: 15px auto;}.member_offer .bonus_controls .table {	width: 90%;	margin: 0px auto;	}.member_offer .bonus_controls .table > div {	height: 100px;}.member_offer .bonus_controls .table .caption {	width: 35%;}.member_offer .bonus_controls .table .bouns span {	font-weight: bold;	color: #00a39C;	font-size: 36px;}.member_offer .bonus_controls .table .expire {	color: #666;	font-size: 12px;	margin-top: 5px;}/* ====================================================================================================  * member_order * ==================================================================================================== */
.member_order {
	width:960px;
	background-color:#fff;
	text-align: center;
	padding: 20px;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;	
	border-bottom:solid 1px #CCCCCC;		

}
.member_order .order_list{
	font-size: 13px;
	color: #666;
	line-height: 24px;
	text-align:left;
	letter-spacing: 1px;
}
.member_order .prompt_controls {
	font-size: 13px;
	color:#900;
	line-height: 24px;
	text-align: left;
	letter-spacing: 1px;
}
.member_order .prompt_controls .prompt_title::before {
  	content: "※";	
	margin-right: 2px;
}
.member_order .prompt_controls .prompt_title {
	margin-left: 19px;	
	text-indent: -19px;
}
.member_order .prompt_controls .prompt_content {
	margin-left: 21px;	
}
.member_order .order_list {
	width: 100%;
	height: 30px;
	margin-top: 20px;
}
.member_order .order_list > tbody > tr > th,.member_order .order_list .order_item td:not(.comment) {
	width: -webkit-calc((100%-50)/7);
	width:    -moz-calc(100%/7);
	width:         calc((100%-90)100%/7);	
	text-align: center;
	padding: 5px 10px;
}.member_order .order_list .order_item td.comment {	width: 90px;		text-align: center;	padding: 5px 10px;	color: #999;}.member_order .order_list .order_item td.comment button {	text-align: center;	padding: 4px 10px;	cursor: pointer;	color: #633;	background-color: transparent;	border: 1px #633 solid;	border-radius: 5px;}
.member_order .order_list > tbody > tr > th {
	border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;
}
.member_order .order_list .order_item td {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	border-bottom: 1px solid #ccc;
}
.member_order .order_list .order_item td span,
.member_order .order_list .order_item td a {
	color: #00A39C;
}
.member_order .order_list .order_price {
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	color:#000;
}
.member_order .order_info {
	display: none;
	-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;	
}
.member_order .order_info.open {
	display: table-row;
}
.member_order .order_info .order_info_item {
	border: 1px solid #00a39c;
	padding: 5px 20px 20px 20px;
	background-color: #e5f0ee;
	text-align: center;
}
.member_order .order_info .order_info_item > img{
	cursor: pointer; 
}
.member_order .order_info .order_info_item > .title {
	font-size: 15px;
	color: #666;
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	background-color: #e1e1e1;
	margin-top: 20px;
	padding: 5px
}
.member_order .order_info .order_info_item > .title:nth-child(2) {
	margin-top: 0px;	
}
.member_order .order_info .order_info_item .conter_table {
	font-size: 13px;
	color: #666;
	line-height: 36px;
	background-color: #fff;
	padding: 5px 10px;
}
.member_order .order_list .order_item  .order_number > span {
	cursor: pointer; 
}
.member_order .cancel_order {
	color: #36C;
	background-color: #fff;
	padding: 5px 10px;
	text-align: center;
	border: solid 0px #CCCCCC;
	cursor: pointer;
}
.member_order .order_goods_info th,
.member_order .order_goods_info td {
	font-size: 13px;
	line-height: 36px;	
}
.member_order .order_goods_info td {
	color: #5F4326;
}
.member_order .order_goods_info .list_item .price,
.member_order .order_goods_info .list_item .amount,
.member_order .order_goods_info .list_item .subtotal {
	color: #666;
}
.member_order .order_goods_info .list_item .caption {
	text-align: left;
}
.member_order .order_goods_info .list_item .specifications {
	width: 160px;
	text-align: center;
}
.member_order .order_goods_info .list_item .price {
	width: 100px;
	text-align: center;
}
.member_order .order_goods_info .list_item .amount {
	width: 100px;
	text-align: right;
}
.member_order .order_goods_info .list_item .subtotal {
	width: 100px;
	text-align: right;
}
.member_order .order_goods_info .cost td {
	line-height: 25px;	
}
.member_order .order_goods_info .total td {
	text-align: right;
	line-height: 25px;
}
.member_order .order_goods_info .total .amount {
	text-align: left;	
}
.member_order .order_goods_info .total .amount span {
	font-size: 15px;
	color: #900;
}
.member_order .order_goods_info .total .title {
	color: #5F4326;
}
.member_order .order_goods_info .total .total {
	font-size: 16px;
	color: #900;
	font-weight: 600;
}/* ===================================================================================================== * form_comment comment_controls * ===================================================================================================== */.form_comment .comment_controls {	border: 1px #CCC solid;}.form_comment .title {	background-color: #eee;	font-size: 18px;	color: #666;	line-height: 30px;	padding: 10px 0px 10px 20px;	border-bottom: 1px #ccc solid;		font-weight: bold;}.form_comment .goods_items {	width: -webkit-calc(100% - 40px);	width:    -moz-calc(100% - 40px);	width:         calc(100% - 40px);		margin: 10px 20px;}.form_comment .goods_items .img {	width: 80px;	padding: 10px 10px 10px 0px;	border-bottom: 1px #ccc solid;	}.form_comment .goods_items .img a {	display: block;	}.form_comment .goods_items .img img {	max-width: 70px;	max-height: 70px;	}.form_comment .goods_items .caption {	width: 50%;		color: #663;	font-size: 14px;	line-height: 18px;	text-align: left;	padding: 10px;		border-bottom: 1px #ccc solid;	}.form_comment .goods_items .caption span {	display: block;	color: #666;	font-size: 12px;	line-height: 16px;	text-align: left;	margin-top: 10px;	}.form_comment .goods_items .input {	font-size: 14px;	text-align: left;	padding: 10px 0 10px 10px;		border-bottom: 1px #ccc solid;	}.form_comment .goods_items .input textarea {	width: 100%;		height: 70px;		font-size: 14px;	line-height: 18px;	padding: 10px;	text-indent: 0px;	}.form_comment .btn_controls {	font-size: 14px;	text-align: center;	padding: 10px;		margin-bottom: 10px;	}.form_comment .btn_controls button {	display: inline;	letter-spacing: 2px;		padding: 8px 50px;	color: #fff;		background-color: #c2a67f;	border: 1px solid #fafafa;	background-color: #633;	border: 1px solid #633;	cursor: pointer;	-webkit-transition: all 0.3s ease-in-out;	   -moz-transition: all 0.3s ease-in-out;	     -o-transition: all 0.3s ease-in-out;	        transition: all 0.3s ease-in-out;}.form_comment .btn_controls button:hover {	border-color: #dacab4;	background-color: #dacab4;	border-color: #fafafa;	background-color: #c2a67f;}
/* ===========================================================================================================
 * member_register_sms_verification
 * =========================================================================================================== */
div.member_register_sms_verification {
	display: table;
	width: 100%;
	text-align: center;
	color: #727171;	
}
div.member_register_sms_verification > div {
	display: table-cell;
	width: 40%;
}
div.member_register_sms_verification > div:first-child {
	width: 60%;	
	background-color: #fff;	
	border: solid 1px #CCCCCC;	
	border-radius: 0px;
	text-align: left;	
}
div.member_register_sms_verification > div form {
	background-color: #fff;	
	border: solid 1px #CCCCCC;	
	padding: 30px 50px;	
}
div.member_register_sms_verification > div form p {
	margin-bottom: 15px;
	font-size: 13px;	
}
div.member_register_sms_verification > div form input[type="text"] {
	display: inline-block;
	width: 120px;	
}
div.member_register_sms_verification > div form button {
	margin-left: 10px;
	padding: 4px 15px;	
}
div.member_register_sms_verification > div h2 {
	font-size: 15px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	line-height: 1.4;
}
div.member_register_sms_verification #resend_msg input[type="button"] {
	padding: 2px 6px;
}
/* ===========================================================================================================
 * form_register form_edit
 * =========================================================================================================== */
#form_register .terms_of_use,
#form_edit .terms_of_use {
	width: 600px;
	margin: 1.125em auto;	
	margin-bottom: 1em;	
	padding: 0;
	border: 0;	
}
#form_register .terms_of_use > legend,
#form_edit .terms_of_use > legend {
	font-size: 15px;
	color: #666666;
	font-weight: 600;
	letter-spacing: 2px;
	width: 100%;
	padding: 0 0.1875em;
	margin: 0;
	margin-bottom: 1em;	
	margin-left: -0.1875em;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	padding-inline-start: 2px;
	padding-inline-end: 2px;
	inline-size: -moz-fit-content;
}
#form_register .terms_of_use > section,
#form_edit .terms_of_use > section {
	width: 100%;	
	display: block;
	height: 55px;
	color: #303030;
	overflow-y: scroll;
	padding: 4px;
	background-color: #f4f4f4;
	border: 2px solid #bec2c5;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
#form_register .terms_of_use_agree,
#form_edit .terms_of_use_agree {
	width: 600px;
	margin: 0 auto;	
    margin-bottom: 1em;	
	padding: 0 1.25em;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
	display: block;
	min-width: -moz-min-content;
	color: #727171;
	font-style: normal;
	line-height: 1;
}
#form_register .terms_of_use_agree label,
#form_edit .terms_of_use_agree label {
	cursor: pointer;
}
/* ===========================================================================================================
 * member_forgot
 * =========================================================================================================== */
.member_forgot .main_controls {
	width:960px;
	background-color: #fff;
	border:solid 1px #CCCCCC;
	padding: 20px;
	border-radius: 0px;
	text-align: center;
}
.member_forgot .form_controls {
	width: 600px;
	margin-left: 150px;
	margin-top: 10px;	
}
.member_forgot .form_controls label {
	font-size: 15px;
	color: #666;
	line-height: 30px;
	padding: 0 15px;
}
.member_forgot .form_controls input[type="text"] {
	display: inline-block;	
	width: 300px;
	height: 30px;
}
.member_forgot .button_controls {
	text-align: center;
	margin-top: 30px;	
}
.member_forgot .button_controls button:first-child {
	margin-right: 15px;
}
/* ===========================================================================================================
 * member_favourites
 * =========================================================================================================== */
.member_favourites .list_controls {
	width: 100%;
	background-color:#fff;
	text-align: center;
	padding: 20px;
		border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;	
	border-bottom:solid 1px #CCCCCC;	
	
}
.member_favourites .list_controls > div {
	float: left;
    width: -webkit-calc(100% / 5);	
    width: -moz-calc(100% / 5);	
    width: calc(100% / 5);	
	min-height: 200px;
	margin-bottom: 20px;
	padding: 0 10px 10px 10px;	
	/*border-bottom: 1px solid #000;*/
}
.member_favourites .list_controls .delete_controls {
	text-align: right;
}
.member_favourites .list_controls .delete_controls > i {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;	
	margin-right: 15px;	
	cursor: pointer;	
	background: none;	
	background-image: url('/public/image/home/icon_delete_gs.png');	
	border-radius:0px;	
	
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.member_favourites .list_controls .delete_controls > i:hover {
	color: #fafafa;	
	background-color:#999;
	border-color:#999;
}
.member_favourites .list_controls .pic {
    text-align: center;
	height: 120px;
}
.member_favourites .list_controls .pic > a {
    display: inline-block;
}
.member_favourites .list_controls .pic img {
    max-width: 120px;
    max-height: 120px;	
}
.member_favourites .list_controls .caption {
	height: 48px;	
	min-height: 48px;	
    text-align: left;
	margin-bottom: 5px;	
}
.member_favourites .list_controls .cart {
	display: table;	
	width: 100%;
	height: 30px;
}
.member_favourites .list_controls .cart > div {
	display: table-cell;	
}
.member_favourites .list_controls .cart .price::before {
	content: "NT.  ";
	font-size: 15px;	
}
.member_favourites .item_controls .cart .price {
	vertical-align: middle;
}
.member_favourites .list_controls .cart .btn {
	width: 55px;
	background-color: transparent;	
	border: none;	
}
.member_favourites .list_controls .cart .btn .btn_addcart {
	width:40px;
	height: 30px;
	padding: 3px;
	cursor: pointer;	
	background-color: #91cdcd;
	text-align: center;
	border: none;	
	border-radius:  5px;
	background-image: url('/public/image/home/icon_addcart.png');	
}
.member_favourites .list_controls .cart .btn .btn_addcart {
	color: #fafafa;	
	background-color: #5e452a;
	border-color: #5e452a;
}
/* ===========================================================================================================
 * cart 公用
 * =========================================================================================================== */
.cart_tabs_nav {
	display: table;
	width: 100%;
	height: 50px;	
	/*margin-bottom: 5px;*/
}
/*
.cart_tabs_nav > div {
	display: table-cell;
	width: 25%;
	height: 100%;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif, 'PMingLiU', sans-serif;
	font-size: 13px;
	color: #999;	
	padding: 10px;
	text-align: center;	
	border-bottom: solid 1px #ccc;
}
*/
.cart_tabs_nav > div::before {
  	content: "";	
	width: 100%;	
	height: 20px;
	position: absolute;
	top: 5px;
	left: 0px;
	margin-bottom: 25px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	border: #ccc solid 0px;	
}
.cart_tabs_nav > div:nth-of-type(1)::before {
	background-image: url('/public/image/home/icon_step1_past.png');	
}
.cart_tabs_nav > div:nth-of-type(2)::before {
	background-image: url('/public/image/home/icon_step2_past.png');	
}
.cart_tabs_nav > div:nth-of-type(3)::before {
	background-image: url('/public/image/home/icon_step3_past.png');	
}
.cart_tabs_nav > div:nth-of-type(4)::before {
	background-image: url('/public/image/home/icon_step4_off.png');	
}


.cart_tabs_nav > div.on:nth-of-type(1)::before {
	background-image: url('/public/image/home/icon_step1_on.png');	
}
.cart_tabs_nav > div.on:nth-of-type(2)::before {
	background-image: url('/public/image/home/icon_step2_on.png');	
}
.cart_tabs_nav > div.on:nth-of-type(3)::before {
	background-image: url('/public/image/home/icon_step3_on.png');	
}
.cart_tabs_nav > div.on:nth-of-type(4)::before {
	background-image: url('/public/image/home/icon_step4_on.png');	
}

.cart_tabs_nav > div.on ~ div:nth-of-type(2)::before {
	background-image: url('/public/image/home/icon_step2_off.png');	
}
.cart_tabs_nav > div.on ~ div:nth-of-type(3)::before {
	background-image: url('/public/image/home/icon_step3_off.png');	
}
.cart_tabs_nav > div {
	position: relative;	
	display: table-cell;
	width: 25%;
	color: #888;
	font-size: 15px;
	text-align: center;
	padding: 50px 0px 15px 0px;
	border-bottom: #888 solid 5px;	
}
.cart_tabs_nav > div.on ~ div {
	color: #ccc;
	border-bottom: #ccc solid 5px;	
}
.cart_tabs_nav > div.on {
	color:#5f4326;
	font-weight:600;
	border-bottom: #5f4326 solid 5px;	
}
/*
.cart_tabs_nav > div.on {
	font-size: 15px;
	color: #5F4326;
	font-weight: 600;	
	background-repeat: no-repeat;
	background-position: bottom center;
	background-image: url('/public/image/home/mem_description_on.png');
}
*/
/*
.cart_item_caption::before {
  	content: "";
	display: inline-block;	
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	margin-right: 10px;
	padding: 3px;
	background-color: #999;
	text-align: center; 
	border-radius:  0px;
	vertical-align: middle;	
	background-image: url('/public/image/home/icon_arrow_goright_w.png');	
}
.cart_item_caption {
	height: 40px;	
	font-size: 20px;
	color: #333;
	line-height: 40px;
	font-family: Verdana, Geneva, sans-serif, "Microsoft JhengHei";
	font-weight: 600;
	vertical-align: middle;
}
*/
.cart_item_caption {
	font-size: 15px;
	color: #666;
	font-weight: 600;
	letter-spacing:1px;
	padding: 15px;	
	background-color: #f1f1f1;	
	border-top: #CCC solid 1px;	
	border-bottom: #CCC solid 1px;	
}
.cart_item_description {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;	
	margin: 10px 10px 10px 30px;
		
}
/* ===========================================================================================================
 * cart_controls
 * =========================================================================================================== */
#cart_controls {
	position: relative;	
}
#cart_controls .cart_amount {
	width: 50px;
	/*height: 40px;*/
	color:#fff;
	/*text-align:left;*/
	padding: 7px 10px 6px 10px;
	font-size:13px;
	/*border-left:solid 1px #5f4326;
	border-radius: 20px;*/
	background-color: #cc0033;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-weight:600;
	/*background-image: url('/public/image/home/addcartbg.png');*/
}

#cart_controls .cart_goods_list .topline {
	text-align:right;
	border-top:solid 1px #ccc;
	font-size:13px;
	color:#666;
}

#cart_controls .cart_goods_list .price {
	font-weight: 600;
	font-size:18px;
	color:#5f4326;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	
	

}
#cart_controls .cart_goods_controls {
	display: none;
	position: absolute;
	right: -1px;
	z-index: 1000;
	background-color: #FFF;
	border: solid 1px #CCC;
	margin-top: 1px;
	padding: 10px;
	
	/*box-shadow: 3px 3px 9px #666;*/
	-webkit-transition: all 0.3s ease-out;	
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;	
}
#cart_controls:hover > .cart_goods_controls:not(.empty) {
	display: block;
}
#cart_controls .cart_goods_list {
	display: table;
}
#cart_controls .cart_goods_list > div {
	display: table-row;
}
#cart_controls .cart_goods_list .goods_price {
	text-align: right;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
}
#cart_controls .cart_goods_list > div > div {
	display: table-cell;
	padding: 10px 10px 0 5px;
	white-space: nowrap;	
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}
#cart_controls .cart_goods_list > .title > div {
	border-bottom: solid 1px #CCC;
	padding: 5px 10px 10px 5px;	
	font-weight: 500;	
	color: #666;	
}
#cart_controls .cart_goods_list > .item > div {
	color: #666;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 13px;	
}
#cart_controls .cart_goods_list .item .caption {
	font-weight: 600;
	text-align: left;
}
#cart_controls .cart_goods_list .item .amount {
	font-size: 14px;
	font-weight: 600;
	color: #5f4326;
	font-family: Verdana, Geneva, sans-serif, "Microsoft JhengHei";
}
#cart_controls .cart_goods_list .item > .gift_contents_tips_controls {
	display: none;
}
#cart_controls .cart_goods_controls .btn_controls {
	text-align: right;	
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #CCC;	
}
#cart_controls .cart_goods_controls .btn_controls button {
	cursor: pointer;
	background-color: #5F4326;
	border: 1px solid #fafafa;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	letter-spacing:2px;
	padding: 10px 25px;
	color: #fff;
	font-weight:bold;	
}
#cart_controls .cart_goods_controls .btn_controls button:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;	
}
/* ===========================================================================================================
 * cart_add_cart
 * =========================================================================================================== */
.add_cart_controls {
	display: inline-block;
	width: auto;
	min-height: 150px;
	height: auto;
	padding: 30px 20px;
	text-align: center;
	font-size: 14px;
	background-color: #FFF; 
}
.add_cart_controls > .title {
	color: #5F4326;
	padding-bottom: 12px;
	text-align: center;
	border-bottom: 1px solid #CCC;
}
.add_cart_controls > .goods_info {
	display: table;
	padding: 4px 0px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
}
.add_cart_controls .goods_info > div {
	display: table-cell;
}
.add_cart_controls > .goods_info .pic {
	max-width: 71px;
	width: 71px;
	height: 71px;
	max-height: 71px;
	line-height: 71px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.add_cart_controls > .goods_info .pic > img {
	max-width: 69px;
	max-height: 69px;
}
.add_cart_controls > .goods_info .info {
	min-width: 189px;
	height: 71px;
	color: #5F4326;
	line-height: 71px;
	white-space: nowrap;
	padding: 0px 20px;
	text-align: left;
	vertical-align: top;
}
.add_cart_controls > .goods_info .info .gift_info{
	line-height: 30px;
}
.add_cart_controls > .goods_info .info .gift_contents {
	line-height: 1;	
	text-align: left;	
	margin-top: 5px;
	border-top: 1px solid #ccc;	
}
.add_cart_controls > .goods_info .info .gift_contents div {
	margin-top: 5px;
	margin-left: 10px;	
	white-space: nowrap;	
}
.add_cart_controls > .goods_info .info span {
	margin-right: 12px;
}
.add_cart_controls > .goods_info .price::before {
	content: "NT.  ";
	font-size: 13px;	
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
    
}
.add_cart_controls > .goods_info .info .price {
	margin-right: 0;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 16px;
}
.add_cart_controls > .btn_controls {
	text-align: right;	
	padding-top: 15px;
	
}
.add_cart_controls > .btn_controls button {
	cursor: pointer;
	font-size: 1em;
	padding: 6px 13px;
	color: #fff;
	font-weight: bolder;
	letter-spacing: 1px;
	background-color: #5F4326;
	border: 1px solid #5F4326;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.add_cart_controls > .btn_controls button:hover {
	border-color: #00a39c;
	background-color:#00a39c;
	color: #fff;	
}
/* ===========================================================================================================
 * cart_index
 * =========================================================================================================== */
.cart_index .goods_container {
	margin-top: 16px;
}
.cart_form .hr hr {
    border: 0;
    height: 0;
	margin: 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);	
}
.cart_form .delete_goods_container.empty {
	display: none;
}
.cart_form .delete_goods_container .cart_item_caption,
.cart_form .delete_goods_container .cart_item_description {
	color: #990000;
}
.cart_form .cart_goods_controls {
	padding: 20px;
	padding-top: 10px;	
	border-radius: 0px;
	border: solid 1px #CCCCCC;	
}
.cart_form .cart_goods_controls.info_read {
	padding: 0px;
	border: solid 0px #CCCCCC;
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;	
}
.cart_form .goods_container .cart_goods_controls .cart_goods_info,
.cart_form .goods_container .cart_goods_controls .cart_goods_cost {
	display: none;
}
.cart_form .cart_goods_controls.info .cart_goods_info,
.cart_form .cart_goods_controls.cost .cart_goods_cost,
.cart_form .cart_goods_controls.info_read.open .cart_goods_info,
.cart_form .cart_goods_controls.cost_read.open .cart_goods_cost {
	display: table;
}
.cart_form .cart_goods_controls .title {
	display: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	padding: 20px;
	border-bottom: #CCC solid 1px;
	color: #666;
	font-size: 13px;
	letter-spacing: 1px;
}
.cart_form .cart_goods_controls.info_read .title {
	display: block;
}
.cart_form .cart_goods_controls .title span::before {
	content: "NT.  ";
	font-size: 13px;	
}
.cart_form .cart_goods_controls .title span {
	color: #900;
font-size: 20px;
letter-spacing: 1px;
font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
}
.cart_form .cart_goods_controls .title i::before {
	content: "";	
	display: inline-block;	
	width: 15px;
	height: 15px;	
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: bottom center;	
	background-size: 15px 15px;	
	background-image: url('/public/image/home/arrow-d.png');
	-webkit-transition: all 0.3s ease-in-out;	
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;		
}
.cart_form .cart_goods_controls.info_read.open .title i::before {
	-webkit-transform: rotate(-180deg); /* Safari 和 Chrome */
	   -moz-transform: rotate(-180deg); 	/* Firefox */
	    -ms-transform: rotate(-180deg); 	/* IE 9 */
	     -o-transform: rotate(-180deg); 	/* Opera */
	        transform: rotate(-180deg);	
}
.cart_form .info_read .cart_goods_info > .caption,
.cart_form .info_read .goods_price,
.cart_form .info_read .goods_amount,
.cart_form .info_read .goods_del {
	display: none;
}
.cart_form .cart_goods_info {
	width: 100%;
}
.cart_form .info_read .cart_goods_info,
.cart_form .info_read .cart_goods_cost {
	width: 96%;
	margin: 0px auto;	
}
.cart_form .cart_goods_info .caption div {
	font-size: 15px;
	letter-spacing: 1px;
	color: #666;
	font-weight:400;
	text-align: center;	
}
.cart_form .cart_goods_info .caption .goods_title {
	text-align: left;	
}
.cart_form .cart_goods_info .caption .goods_total {
	text-align: right;	
}
.cart_form .cart_goods_info > div > div {
	text-align: center;	
	vertical-align: middle;	
	padding: 10px 0;
	border-bottom: 1px #d1d1d1 solid;	
}
.cart_form .cart_goods_info .caption .goods_title {
	text-align: center;
}
.cart_form .cart_goods_info .goods_title {
	text-align: left;	
}
.cart_form .cart_goods_info div:not(.caption) .goods_price::before,
.cart_form .cart_goods_info div:not(.caption) .goods_total::before {
  	content: "NT.  ";
	font-size: 15px;	
}
.cart_form .cart_goods_info .goods_price {
	width: 80px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	
}
.cart_form .cart_goods_info .goods_amount {
	width: 160px;
}
.cart_form .cart_goods_info .goods_amount span,
.cart_form .cart_goods_info .goods_amount span::before {
	display: inline-block;
	text-align: center;
}
.cart_form .cart_goods_info .goods_amount span::before {
	width: 40px;	
  	text-rendering: auto;
	margin-top: 7px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.cart_form .cart_goods_info .goods_amount span {
	width: 38px;	
	height: 28px;	
	font-size: 15px;	
  	vertical-align: middle;	
	background-color: #ececec;
	color: #666;
	cursor: pointer;
		border: 1px #dadada solid;
}
.cart_form .cart_goods_info .goods_amount span.not-allowed {
	color: #888;
	cursor: not-allowed;
}
.cart_form .cart_goods_info .goods_amount .minus::before,
.cart_form .cart_goods_info .goods_amount .add::before {
  	font: normal normal normal 14px/1 FontAwesome;
}
.cart_form .cart_goods_info .goods_amount .minus::before {
	content: "\f068";	
}
.cart_form .cart_goods_info .goods_amount .add::before {
	content: "\f067";	
}
.cart_form .cart_goods_info .goods_amount input[type="number"] {
	display: inline-block;	
	width: 40px;
	height: 28px;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;	
	margin: 0;	
	border: 1px #dadada solid;
	    text-indent: 0px;
}
.cart_form .cart_goods_info .goods_total {
	width: 120px;
	text-align: right;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	padding-right: 10px;		
}
.cart_form .cart_goods_info .goods_del {
	width: 55px;
	padding-left: 10px;
}
.cart_form .cart_goods_info .goods_title > div {
	width: 100%;	
}
.cart_form .cart_goods_info .goods_title > div > div {
	vertical-align: top;	
}
.cart_form .cart_goods_info .pic {
	width: 90px;
	text-align: center;
	padding-right: 10px;
}
.cart_form .cart_goods_info .pic > div {
	height: 80px;	
}
.cart_form .cart_goods_info .pic img {
	max-width: 80px;
	max-height: 80px;
}
.cart_form .cart_goods_info .single_contents {
	padding-left: 10px;
}
.cart_form .cart_goods_cost {
	width: 100%;	
}
.cart_form .cart_intimate_reminder {
	width: 50%;	
	text-align: center;
}
.cart_form .cart_intimate_reminder.off > div {
	display: none;	
}
.cart_form .cart_intimate_reminder .free_shipping_balance::before {
	content: "NT.  ";
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;	
}
.free_shipping_balance {
	
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;	
}.cart_form .cart_cost_discounted,
.cart_form .cart_cost_controls {
	width: 50%;	
}
.cart_form .cart_cost_controls .tr {
	-webkit-transition:all 0.3s ease-in;
		-moz-transition:all 0.3s ease-in;
		-o-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;
}.cart_form .cart_cost_discounted,.cart_form .cart_cost_discounted .tr.off,
.cart_form .cart_cost_controls .tr.off {
	display: none;
}body.cart_payment .cart_form .cart_cost_discounted {	display: table-cell;	}.cart_form .cart_cost_discounted .tr > div {	padding-bottom: 10px;}.cart_form .cart_cost_discounted .discount .caption::before {	content: "";		display: inline-block;		width: 45px;	height: 30px;		vertical-align: middle;	background-repeat: no-repeat;	background-position: bottom center;		background-size: 30px 30px;		background-image: url('/public/image/home/icon_coupon.png');	}.cart_form .cart_cost_discounted .discount .caption {	width: 127px;	color: #666;	font-size: 15px;	line-height: 30px;	font-weight: 600;	letter-spacing: 1px;}.cart_form .cart_cost_discounted .discount .input,.cart_form .cart_cost_discounted .bonus .input {	padding-right: 20px;	padding-left: 10px;	}.cart_form .cart_cost_discounted .discount .input select {	display: block;		width: 100%;	text-align: left;	font-size: 13px;	color: #666;	letter-spacing: 1px;	text-indent: 0px;	margin-bottom: 10px;	padding: 0 6px;}.cart_form .cart_cost_discounted .discount .input:not(.other) input {	display: none;}.cart_form .cart_cost_discounted .bonus.off {	display: none;}.cart_form .cart_cost_discounted .bonus .caption::before {	content: "";		display: inline-block;		width: 45px;	height: 30px;		vertical-align: middle;	background-repeat: no-repeat;	background-position: bottom center;		background-size: 30px 30px;		background-image: url('/public/image/home/icon_bonus.png');	}.cart_form .cart_cost_discounted .bonus .input * {	display: inline-block;}.cart_form .cart_cost_discounted .bonus .input input[type="number"] {	width: 100px;	margin-right: 5px;}.cart_form .cart_cost_discounted .bonus .input .intimate_reminder {	color: #666;	font-size: 12px;	line-height: 30px;	font-weight: 600;	letter-spacing: 1px;	}.cart_form .cart_cost_discounted .bonus .input .intimate_reminder span {	color: #900;	}
.cart_form .cart_cost_controls .caption {
	line-height: 22px;
	padding: 10px;
}
.cart_form .cart_cost_controls .price {
	width: 175px;
	padding-right: 55px;
	line-height: 22px;		
	padding: 10px;	
	    font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
		font-size: 24px;
}
.cart_form .cart_cost_controls .subtotal .caption::before {
	content: "共 ";	
	color: #333;
}
.cart_form .cart_cost_controls .subtotal .caption::after {
	content: " 件商品 商品金額";	
	color: #333;
}
.cart_form .cart_cost_controls .subtotal .caption {
	color: #900;

}
.cart_form .cart_cost_controls .price::before {
	content: "NT.  ";
	font-size: 18px;	
}
.cart_form .cart_cost_controls .freight.off {
	display: none;
}
.cart_form .cart_cost_controls .freight {
	display: table-row;
}
.cart_form .cart_cost_controls .discount .price::before,.cart_form .cart_cost_controls .bonus .price::before {
	content: "NT.  -";	
}
.cart_form .btn_container {
	margin: 32px 0;
	text-align: center;
}
.cart_form .plus_goods_container.empty {
	display: none;
}
.cart_form .plus_goods_container .table {
	width: 100%;
}
.cart_form .plus_goods_container .table div:not(.hr) {
	width: 260px;
}
.cart_form .plus_goods_container hr {
	margin: 0;
}

.plusgoods_tatil {
	color: #5e452a;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	    letter-spacing: 1px;
}


.cart_form .cart_goods_controls .cart_goods_info .goods_list_item .goods_title > a {
    display: inline-block;
}

/* ===========================================================================================================
 * cart_payment
 * =========================================================================================================== */
.cart_form .range_tabs_nav {
	padding-top: 20px;
}
.cart_form .range_tabs_nav > li {
	font-size: 15px;
	color: #999;
	text-align: center;
	cursor: pointer;
	padding: 20px;	
	background-color: #f1f1f1;	
	border-bottom: #ccc solid 1px;	
}
.cart_form .range_tabs_nav > li.use {
	color: #666;
	background-color: transparent;	
	border: #ccc solid 1px;	
	border-bottom: 0px;	
}
.cart_form .range_tabs_content > div {
	display: none;
	border-right: #CCC solid 1px;	
	/*border-bottom: #CCC solid 1px;*/
	border-left: #CCC solid 1px;
}
.cart_form .range_tabs_content > div.use {
	display: block;
}
.cart_form .range_tabs_content .list_container {
	width: 90%;
	margin: 0px auto;
	padding: 0px 30px 0px 30px;	
}
.cart_form .range_tabs_content .list_container .tr > div,
.cart_form .range_tabs_content .list_container .tr > div > label {
	color: #666;
	font-size: 15px;
	line-height: 30px;
}
.cart_form .range_tabs_content .list_container .tr > div {	
	padding: 10px;
	border-bottom: #e1e1e1 solid 1px;	
}
.cart_form .range_tabs_content .list_container .tr > div > label {
	font-weight: 600;	
	cursor: pointer;	
}
.cart_form .range_tabs_content .list_container .tr > div > input {
	width: 30px;	
}
.cart_form .range_tabs_content .list_container .tr .caption {
	line-height: 1;	
}
.cart_form .range_tabs_content .list_container .parent {
	width: 25%;
}
.cart_form .range_tabs_content .list_container .children {
	width: 50%;
}
.cart_form .range_tabs_content .list_container .children select {
	width: 90%;
	font-size: 13px;
	color: #666;
	text-align: left;
	letter-spacing: 1px;
	height: 35px;
}
.cart_form .range_tabs_content .list_container > .tr > .freight {
	width: 25%;
	color: #00a39c;
	font-size: 13px;
	padding: 0px;
	line-height: 32px;	
}
/*
.cart_form .range_tabs_content .list_container .freight span {	
	color: #00a39c;
	font-size: 13px;
	padding: 0px;
	line-height: 32px;
}
.cart_form .range_tabs_content .list_container .freight .wait_text,
.cart_form .range_tabs_content .list_container .freight .free_text,
.cart_form .range_tabs_content .list_container .freight.wait .now_freight,
.cart_form .range_tabs_content .list_container .freight.wait .free_freight_amount,
.cart_form .range_tabs_content .list_container .freight.free .now_freight,
.cart_form .range_tabs_content .list_container .freight.free .free_freight_amount {
	display: none;
}
.cart_form .range_tabs_content .list_container .freight.wait .wait_text,
.cart_form .range_tabs_content .list_container .freight.free .free_text,
.cart_form .range_tabs_content .list_container .freight .now_freight,
.cart_form .range_tabs_content .list_container .freight .free_freight_amount {
	display: inline;
}
.cart_form .range_tabs_content .list_container .freight .now_freight::before {
	content: "運費  ";
}
.cart_form .range_tabs_content .list_container .freight .free_freight_amount::before {
	content: "，滿 ";
}
.cart_form .range_tabs_content .list_container .freight .free_freight_amount::after {
	content: " 元免運 ";
}
*/
.cart_form .cart_goods_controls.cost:not(.info) {
	border-top: solid 0px #CCCCCC;	
}
.cart_form .cart_goods_controls.cost:not(.info) .cart_goods_cost {
	width: 90%;
	margin: 0 auto;
	padding: 0px 30px 0px 30px;	
}
/* ===========================================================================================================
 * cart_info
 * =========================================================================================================== */
.cart_form .receiver_info {
	width: -webkit-calc(100% - 100px);
	width:    -moz-calc(100% - 100px);
	width:         calc(100% - 100px);	
	margin: 0px 50px;
}
.cart_form .receiver_info li > * {
	padding: 2% 0 0 0;
	vertical-align: top;
}
.cart_form .receiver_info li > div {
}
.cart_form .receiver_info li > label {
	width: 18%;
	font-size: 15px;
	color: #666;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 35px;
}
.cart_form .receiver_info li > .btn_controls {
	width: 20%;
	cursor: pointer;	
}
.cart_form .receiver_info li > div > span {
	font-size: 13px;
	color: #00a39c;
	line-height: 30px;
	cursor: pointer; 
}
.cart_form .receiver_info li > div.add > span > i::before {
	content: "";	
	display: inline-block;	
	width: 15px;
	height: 15px;	
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: bottom center;	
	background-size: 15px 15px;	
	background-image: url('/public/image/home/icon_add.png');
}
.cart_form .receiver_info li > div.add > span > i {
	display: inline-block;	
	width: 15px;
	height: 15px;	
	margin-right: 10px;
}
.cart_form .receiver_info li input[type="text"],
.cart_form .receiver_info li > div > select {
	height: 35px;
	font-size: 13px;
	color: #666;
	background-color:#FFF;	
	margin: 0 0 1% 0;
}
.cart_form .receiver_info li > div > select {
	width: -webkit-calc(100% - 32px);
	width:    -moz-calc(100% - 32px);
	width:         calc(100% - 32px);	
padding: 4px 28px 2px 4px;
border-radius: 0px;
border: 1px solid #CCC;
background-color: white;
background-repeat: no-repeat;
background-size: 8px 8px, 8px 8px;
background-image: repeating-linear-gradient(225deg, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 10px, transparent 50%, transparent 100%), repeating-linear-gradient(135deg, rgb(204, 204, 204) 0%, rgb(204, 204, 204) 50%, transparent 50%, transparent 100%);
background-image: repeating-linear-gradient( 45deg, white, white 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
background-image: -webkit-linear-gradient(225deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px)), -webkit-linear-gradient(135deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px));
background-image: -moz-linear-gradient(225deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px)), -moz-linear-gradient(135deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px));
background-image: linear-gradient(225deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px)), linear-gradient(135deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px));
background-position: -webkit-calc(100% - 15px) center, -webkit-calc(100% - 7px) center;
background-position: -moz-calc(100% - 15px) center, -moz-calc(100% - 7px) center;
background-position: calc(100% - 15px) center, calc(100% - 7px) center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-collapse: separate;
border-spacing: 0;
}
.cart_form .receiver_info li input[type="text"] {
	width: 100%;
	padding-left: 2px
}
.cart_form .reminder {
	font-size: 13px;
	color: #990000;
	line-height: 40px;
	letter-spacing: 1px;
}
.cart_form .receiver_info li.address .choose {
	padding-bottom: 15px;
}
.cart_form .receiver_info li.address .choose .hidden {
	display: none;
}
.cart_form .receiver_info li.address .choose select,
.cart_form .receiver_info li.address .choose input {
	display: inline-block;
	height: 40px;	
	color: #666;
	line-height: 40px;
	font-size: 13px;
	margin-right: 10px;
	padding: 0px 6px;	
	text-indent: 0px;
}
.cart_form .receiver_info li.address .choose select {
	min-width: 120px;
	height: 40px;
	padding: 0px 0px 0px 10px;	
    border-radius: 0px;
    border: 1px solid #CCC;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 8px 8px, 8px 8px;	
    background-image: repeating-linear-gradient(225deg, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 10px, transparent 50%, transparent 100%),
	repeating-linear-gradient(135deg, rgb(204, 204, 204) 0%, rgb(204, 204, 204) 50%, transparent 50%, transparent 100%);
	background-image: repeating-linear-gradient( 45deg, white, white 10px, rgb(204, 204, 204) 10px, rgb(204, 204, 204) 20px);
	background-image: -webkit-linear-gradient(225deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px)),	
	                  -webkit-linear-gradient(135deg, transparent -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% - 2px), rgb(204, 204, 204) -webkit-calc(50% + 0px), transparent -webkit-calc(50% + 0px));	
	background-image: -moz-linear-gradient(225deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px)),	
	                  -moz-linear-gradient(135deg, transparent -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% - 2px), rgb(204, 204, 204) -moz-calc(50% + 0px), transparent -moz-calc(50% + 0px));	
	background-image: linear-gradient(225deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px)),	
	                  linear-gradient(135deg, transparent calc(50% - 2px), rgb(204, 204, 204) calc(50% - 2px), rgb(204, 204, 204) calc(50% + 0px), transparent calc(50% + 0px));	
    background-position: -webkit-calc(100% - 15px) center, -webkit-calc(100% - 7px) center;	
    background-position: -moz-calc(100% - 15px) center, -moz-calc(100% - 7px) center;	
    background-position: calc(100% - 15px) center, calc(100% - 7px) center;
    	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	border-collapse: separate;border-spacing: 0;	
}
.cart_form .receiver_info li.address .choose input {
	width: 50px;
}
.cart_form .receiver_info li .store_info {
	display: none;
	font-size: 15px;
	color: #666;
}
.cart_form .receiver_info li .store_info.open {
	display: block;
}
.cart_form .receiver_info li .store_info > div {
	font-size: 13px;
	color: #666;
	line-height: 24px;
}
.cart_form .receiver_info li .store_info .title {
	font-size: 15px;
	color: #333;
	font-weight: 600;
}
.cart_form .receiver_info li .store_info .type::before {
	content: "超商│";	
}
.cart_form .receiver_info li .store_info .caption::before {
	content: "門市│";	
}
.cart_form .receiver_info li .store_info .caption > div {
	display: inline-block;
}
.cart_form .receiver_info li .store_info .address::before {
	content: "地址│";	
}
.cart_form .receiver_info li .store_info .tel::before {
	content: "電話│";	
}
.cart_info .store_info .caption .delete_store_info.hidden,
.cart_form .receiver_info li .store_info .tel.hidden {
	display: none;
}
.cart_form .receiver_info li .store_info label {
	font-size: 13px;
	color: #5f4326;
	line-height: 30px
}
.cart_form .invoice_info > div {
	height: 50px;
	padding-top: 20px;
	padding-left: 50px;
}
.cart_form .invoice_info .form-radio-label {
	font-size: 15px;
	color: #666;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 30px;
}
.cart_form .invoice_info .invoice_type {
	width: 18%;	
}
.cart_form .invoice_info .invoice_title {
	width: 30%;	
	vertical-align: top;	
}
.cart_form .invoice_info .invoice_title .form-checkbox-label {
	font-size: 13px;
	color: #5f4326;
	line-height: 35px;
	letter-spacing: 1px;
	margin-right:10px;
}
.cart_form .invoice_info .invoice_number {
	width: 20%;	
	vertical-align: top;	
}
.cart_form .invoice_info .common_invoice span {
	font-size: 13px;
	color: #00a39c;
	line-height: 35px;
	letter-spacing: 1px;
	cursor: pointer;
}
.cart_form .invoice_info input[type="text"] {
	width: 90%;
	height: 35px;
	font-size: 13px;
	color: #666;
	padding-left: 10px;
	letter-spacing: 1px;
	background-color:#fff;
}
.cart_info #choose_store_type_layer {
	display: none;
	padding: 20px;
}
.cart_info #choose_store_type_layer button {
	width: auto;
	margin: auto 10px;
}
.cart_info .member_list {
	display: none;	
	padding: 20px 20px;
	color: #666;
	font-size: 13px;
}
.cart_info .member_list .list_controls {
	padding: 20px 20px;
		
}
.cart_info .member_list .list_controls > li > div {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px #ccc solid;
	letter-spacing: 1px;
	font-size:15px;	
}
.cart_info .member_list .list_controls > .caption > div {
	padding: 10px 0px 10px 50px;	
}
.cart_info .member_list .list_controls > li > .delete {
	width: 20px;	
}
.cart_info .store_info .caption .delete_store_info::before,
.cart_info .member_list .list_controls li .delete i::before {
	content: "";	
	display: inline-block;	
	width: 20px;
	height: 20px;	
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: bottom center;	
	background-size: 20px 20px;	
	background-image: url('/public/image/home/icon_products_gift_refresh.png');	
}
.cart_info .store_info .caption .delete_store_info,
.cart_info .member_list .list_controls li .delete i {
	width: 20px;
	height: 20px;
	margin-left: 15px;	
}
.cart_info .store_info .caption .delete_store_info {
	margin-left: 10px;
}
.cart_info .order_remarks textarea {
	background-color: #FFF;
	height: 100px;
	margin-bottom: 10px;
	color: #666;
	font-size: 13px;
	text-align: left;
}
/* ===========================================================================================================
 * cart_results
 * =========================================================================================================== */
.cart_results .result {
	height: 50px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	letter-spacing: 2px;	
}
.cart_results .result.success::before,
.cart_results .result.fail::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;	
	vertical-align: middle;	
	background-repeat: no-repeat;
	background-position: bottom center;	
	background-size: 20px 20px;	
}
.cart_results .result.success::before {
	background-image: url('/public/image/home/icon_cartfinal.png');	
}
.cart_results .result.success {
	color: #666;	
}
.cart_results .result.fail::before {
	background-image: url('/public/image/home/icon_delete_br.png');	
}
.cart_results .result.fail {
	color: #900;	
}
.cart_results .order_number {
	height: 40px;	
	text-align: center;	
}
.cart_results .order_number span {
	display: inline-block;
	line-height: 40px;	
	vertical-align: middle;	
}
.cart_results .order_number > .title {
	color: #666;
	font-size: 15px;
	letter-spacing: 2px;	
}
.cart_results .order_number > .number {
	font-size: 24px;
	color: #00A39C;
}
.cart_results .order_container,
.cart_results .info_container {
	width: 100%;
	background-color: #fff;
	border: solid 1px #CCCCCC;
	padding: 20px 40px;
	
}
.cart_results .subtitle {
	width: 100%;
	padding: 20px 10px 10px 10px;
	color: #666;
	font-size: 15px;
	letter-spacing: 2px;
	text-align: center;
	font-weight:600;
	
}
.cart_results .goods_container .tr.title div{
	padding-top: 0;	
	
}
.cart_results .goods_container .tr > div {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 20px;	
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px #d1d1d1 solid;
	
}
.cart_results .goods_container .tr div.caption {
	text-align: left;
}
.cart_results .goods_container .tr .price {
	width: 175px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	
}
.cart_results .goods_container .tr .amount {
	width: 100px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	
}	
.cart_results .goods_container .tr div.subtotal {
	width: 150px;	
	text-align: right;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	
}
.cart_results .cost_container {
	width: 425px;	
	margin: 10px 0 0 auto;
}
.cart_results .cost_container .title {
	width: 275px;	
}
.cart_results .cost_container .tr div {
	text-align: right;	
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #666;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
}
.cart_results .total_container {
	width: 425px;	
	margin: 10px 0 0 auto;
	border-top: 1px #d1d1d1 solid;	
}
.cart_results .total_container div {
	line-height: 30px;	
		
}
.cart_results .total_container .amount,
.cart_results .total_container .title {
	font-size: 13px;
	letter-spacing: 1px;
	color: #666;	
}
.cart_results .total_container .amount {
	width: 175px;	
}
.cart_results .total_container .amount span {
	color: #f03;	
}
.cart_results .total_container .title {
	width: 100px;	
	text-align: right;	
}
.cart_results .total_container .total {
	width: 150px;	
	font-size: 20px;
	letter-spacing: 1px;
	color: #900;	
	text-align: right;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;	
}
.cart_results .info_container .tr div {
	font-size: 13px;
	letter-spacing: 1px;
	color:#666;
	padding: 10px 0;
	border-bottom: 1px #d1d1d1 solid;	
}
.cart_results .info_container .tr:first-child div {
	padding-top: 0px;	
}
.cart_results .info_container .tr:last-child div {
	border-bottom: none;
	padding-bottom: 0px;		
}
.cart_results .info_container .title {
	width: 200px;
}
.cart_results .btn_container {
	margin: 32px 0;
	text-align: center;
}



/* ===========================================================================================================
 * about_terms
 * =========================================================================================================== */
.terms {
	background: #fff url('/public/image/home/pattern3.png') 50% 0 repeat-y;
	padding: 30px 110px;
	letter-spacing: 1px;
	line-height: 1.9;	
	-webkit-background-size: cover;	
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	border: 1px solid #9e8e5c;
}
/* ===========================================================================================================
 * cart
 * =========================================================================================================== */
#cart_proname {

 color:#5F4326;
 font-size:18px;
 line-height:30px;
	}
#cart_prolist {

 color:#666;
 font-size:16px;
 line-height:24px;
	}
#tatilcarton {
   height:50px;
 line-height: 36px;
 padding: 10px; 
 float: left;
 border-bottom: solid 3px #5F4326;
 font-size:15px;
 color:#5F4326;
 font-weight:600;
 text-align:center;
 width: 320px;
  background-image:url('/public/image/home/mem_description_on.png')

 }
#tatilcartoff {
	 height:50px;
	 width: 320px;
 line-height: 36px;
 padding: 10px; 
 float: left;
 border-bottom: solid 1px #ccc;
 font-size:13px; color:#999;
 

	}
#pro_list_tatil {
	  
	 margin-top: 15px;
	 padding-left:10px;
	 }
 
#pro_list {
	 height:220px;
	 background-color:#fff;
     border-top:solid 1px #CCCCCC; 
     border-bottom:solid 1px #CCCCCC;
	 padding: 10px 10px 10px 10px;
	 margin-top:5px;

	 }
#pro_list5 {

	 background-color:#fff;
     border-top:solid 1px #CCCCCC; 
     border-bottom:solid 1px #CCCCCC;
	 padding: 10px 10px 10px 10px;


	 }
#pro_list1 {

	 background-color:#fff;
     border-top:solid 1px #CCCCCC;
	 padding: 10px 10px 10px 10px;


	 }
#pro_list2 {
	width:960px;
	 background-color:#fff;
     border:solid 1px #CCCCCC;
	 padding: 20px;

	 border-radius:10px;
	 }
#pro_list3 {
	 background-color:#fff;
     border:solid 1px #CCCCCC;
	 padding: 10px 10px 10px 10px;
	 margin-left:10px;
margin-right:10px;
border-radius:0px;
	 } 
#pro_list4 {

	 background-color:#fff;

	 padding: 10px 10px 10px 10px;


	 }
#pop_win {
	 background-color:#fff;
     border:solid 1px #CCCCCC;
	 padding: 10px;
	 margin-left:10px;
margin-right:10px;
		box-shadow:1px 1px 3px #333;
	 }
	 
	 
.addcartstyle1 {
	  width:40px;
	  height:30px;
	  padding:3px;
	  background-color:#91cdcd;
	  text-align:center; 
	  border-radius:0px;
	  background-image:url('/public/image/home/icon_addcart.png')
	  
	 } 

.delcartstyle1 {
	  width:30px;
	  height:30px;
	  padding:3px;
	  background-color:#999;
	  text-align:center; 
	  border-radius:0px;
	  background-image:url('/public/image/home/icon_delete_w.png');
	 } 
.delcartstyle2 {
	  width:20px;
	  height:20px;
	  background-color:#ccc;
	  text-align:center; 
	  border-radius:3px;
	  background-image:url('/public/image/home/icon_delete_w.png');
	  background-size:20px 20px;
	 } 
.arrowstyle1 {
	  width:20px;
	  height:20px;
	  background-size: 20px 20px;
	  padding:3px;
	  background-color:#999;
	  text-align:center; 
	  border-radius:0px;
	  background-image: url('/public/image/home/icon_arrow_goright_w.png');
} 
/* ===========================================================================================================
 * font
 * =========================================================================================================== */
.fw600  { font-weight:600}
.fw500  { font-weight:500}
.fbold  { font-weight:bold}
.ff_ming { font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;}
.ff_hei { font-family:Verdana, Geneva, sans-serif, Microsoft JhengHei;}
.ff_pri { font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;}
.fsize11 { font-size:11px; line-height:20px;}
.fsize12 { font-size:12px; line-height:20px;}
.fsize13 { font-size:13px; line-height:20px;letter-spacing:1px}
.fsize13_1 { font-size:13px; line-height:20px;}
.fsize14 { font-size:14px; line-height:24px; letter-spacing:1px}
.fsize15 { font-size:15px;letter-spacing:1px; line-height:30px; }
.fsize16 { font-size:16px; letter-spacing:1px}
.fsize18 { font-size:18px; letter-spacing:1px; line-height:36px; }
.fsize20 { font-size:20px; }
.fsize22 { font-size:22px; letter-spacing:1px;}
.fsize23 { font-size:23px; letter-spacing:1px;}
.fsize24 { font-size:24px; letter-spacing:1px;}
.fsize32 { font-size:32px; letter-spacing:1px;}
.fsize36 { font-size:36px; letter-spacing:1px;}

.fcolor_dbrown  { color: #5f4326}
.fcolor_lbrown  { color: #dcc9b6}
.fcolor_dblue  { color: #00A39c}
.fcolor_lblue  { color: #91cdcd}
.fcolor_dred  { color: #900}
.fcolor_lred { color: #F03}
.fcolor_333 { color: #333}
.fcolor_666 { color: #666}
.fcolor_999 { color: #999}
.fcolor_000 { color: #000}
.fcolor_2d6081 { color: #2d6081}
	
.info h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size:1.3em;
    letter-spacing: 1px;
    text-align: center;
	color: #5f4326;
	font-weight:bold;
	margin-bottom:15px;
}
 
/* ===========================================================================================================
 * marsoc
 * =========================================================================================================== */
#marsoc {
	width: 100%;	
	display: table;
	margin-top: 5em;
	margin-bottom: 1.5em;
}
#marsoc .cell {
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #d1c9b1;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#marsoc .sp {
	display: table-cell;
	width: .5%;
}
#marcomm {
	width: 77%;
	padding: 1em;
}
#marcomm h1, #marcomm > p, #marcomm .mailinglist {
	display: table-cell;
	vertical-align: middle;
}
#marcomm .mailinglist {
	text-align: center;
}
#marcomm h1 {
	width: 22%;
	margin-left: 0.5em;
	margin-right: 1%;
	text-align: left;
}
#marcomm p.serif.ib {
	width: 39%;
	line-height: 1.5em;
	margin: 0;
}
#marcomm label {
	display: block;
	width: 155px;
	margin: 0;
	color: #5f4326;
	font-size: 14px;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.3em;
	letter-spacing: 2px;
}
#marcomm p {
	color: #a0a0a0;
	font-size: 13px;
	line-height: 1.2em;
	letter-spacing: 1px;
}
.mailinglist {
	width: 39%;
	white-space: nowrap;
	position: relative;
}
.mailinglist p {
	margin: 0;
	text-align: right;
	position: relative;
}
.mailinglist p, .mailinglist input {
	display: inline-block;
}
.mailinglist input.email {
	width: 200px;
	height: 40px;
	border: 1px solid #d1c9b1;
	padding: 11px 8px 8px 8px;
	margin-right: -4px;
	vertical-align: top;
	position: relative;
	z-index: 5;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #9a6d2d;
	line-height: 1;
	font-size: 13px;
}
.mailinglist input[type="submit"] {
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 1px solid #d1c9b1;
	border-left: 0;
	background-color: transparent;
	-moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.08);
	/*font*/
	color: #5f4326;
	font-size: 11px;
	letter-spacing: .08em;
}
.mailinglist input[type="submit"]:hover {
	background-color: rgba(135, 184, 177, 0.6);
}
.mailinglist form {
	height: 42px;
	margin: 0;
	position: relative;
}
.joinwrap {
	position: relative;
	display: inline-block;
}
.joinwrap:before {
	content: url('/public/image/home/join-sm.png');
	display: block;
	height: auto;
	position: absolute;
	z-index: 10;
	right: -19;
	top: -9px;
	width: 51px;
}
#socmedia {
	width: 22.5%;
}
#socmedia ul {margin: 17px 0 14px 0px; }
#socmedia li {display: inline-block; vertical-align: middle; }
#socmedia .txt1 {
	height: 46px;
	padding-top: 5px;
	margin-bottom: 0;
	/*font*/
	color: #5f4326;
	font-size: 12px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 1px;
}
#email::-webkit-input-placeholder {
	color: #a1905e;
}
#email:-moz-placeholder {
	color: #a1905e;
}
/* Firefox 18- */
#email::-moz-placeholder {
	color: #a1905e;
}
/* Firefox 19+ */
#email:-ms-input-placeholder {
	color: #a1905e;
}
#email:input-placeholder {
	color: #a1905e;
}
/* ===========================================================================================================
 * footer
 * =========================================================================================================== */
.btn-top {
	position: fixed;
	top: 90%;
	z-index: 999;
	display: none;
	width: 35px;
	height: 35px;
	margin-left: 463px;
	background-color: #666;
	opacity:0.6;
	border: none;
	border-radius:  0px;
	transition: all 0.3s ease-in-out;
}
.btn-top i {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	cursor: pointer;	
	background: url('/public/image/home/iconTxt.png') -102px -23px no-repeat;	
	text-align: center;
}
.btn-top:hover {background-color: #5f4326; /*text-shadow: 1px 1px 3px #333;*/ }
#footerWrap {
	width: 100%;	
	min-width: 960px;
	background-color: #2d6081;
}
#footerWrap li {
	letter-spacing: 1px;
}
.footer-nav {width: 100%; }
.footer-nav nav, .footer-nav > section {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	background-image: none;
}
.footer-nav nav {
	width: 50%;
	padding-top: 2em;
}
.footer-nav > section {
	width: 49%;
	padding-top: 2em;
	height: 220px;
}
#storefront {
	position: relative;
	width: 100%;
	height: 100%;
}
#storefront .footer_pic {
	position: relative;
	width: 100%;
	height: 100%;
	top: 10%;
	left: 3%;
}
#storefront .footer_pic img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

#sitemap .col {
	width: 33.33%;
	float: left;
}
#sitemap h2,
#contact h2 {
	color: #a7dcd7;
	font-weight:600;
	font-size: 17px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: capitalize;
}

#contact h2#ft-contact {
	height: 24px;
}
.sitemap-seg ul,
.contact-seg ul {
	margin-top: 1em;
	margin-bottom: 1.25em;
	list-style-position: outside;
	font-size: 1em;
	line-height: 1.6;
}
.sitemap-seg li {
	margin-bottom: 0.5em;
	float: none;
	color: #666;
	font-size: 13px;
}
.contact-seg ul {margin-top: 0.6em; }
.contact-seg li {margin-bottom: 0; font-size: 13px; color: #fff; line-height: 2; font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;}
.sitemap-seg a, .contact-seg a {
	display: inline-block;
	text-align: left;
	color: #fff;
	
}
.sitemap-seg a:hover, .contact-seg a:hover {
	color: #a7dcd7;
	letter-spacing: 1px;
}


.contact-seg {
	width: 100%;
	height: 65px;
	position: relative;
	border-bottom: 1px solid rgba(135, 184, 177, 0.6);
}
.contact-seg .col.col_1 {width: 80%; }
.contact-seg .col.col_2 {width: 18%; }
.contact-seg #ft-mail {border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
.ft_form {
	width: 49.5%;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 4.2em;
}
.ft_form ul {
	width: 100%;
	margin: 0;
}
.ft_form li {
	margin-bottom: 0.5em;
}
.ft_form li.ft-form-u_name, .ft_form li.ft-form-u_email {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	background-image: none;

}
.ft_form li.ft-form-u_cnt, .ft_form li.ft-form-btn {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	background-image: none;
}
.ft-mail
{ padding-left: 10px; }
.ft_form li.ft-form-u_name {width: 49%; }
.ft_form li.ft-form-u_email {width: 50%; }
.ft_form li.ft-form-u_cnt {width: 78%; }
.ft_form li.ft-form-btn {width: 21%; padding-top: 2px; }
.ft_form textarea {resize: none; width: 100%; height: 70px; }
.ft_form .ft-form-btn input {
	width: 100%;
	height: 30px;	
	border: 1px solid #fff;
	background: none;
	padding: 0;	
	color: #fff;
}
.ft_form .ft-form-btn input:hover {
	border-color: #00a39c;
	background-color:#00a39c;
	color: #fff;
}
.contact_block .ft-form-btn input:hover {
	border-color: #5F4326;
	color: #5F4326;
}
.contact_block .ft-form-btn input {
	margin-left:30px;
	width: 150px;
	height: 30px;	
	border: 1px solid #bebebe;
	background-color:#f4f4f4;
	padding: 0;	
	color: #999;
}
.ft_form .ft-form-btn input:first-of-type {
	margin-bottom: 0.5em;
}
.ft_form .ft-form-u_code input#mail_us_code {
	display: block;
	height: 32px;
}
.ft_form .ft-form-u_code img#mail_us_rand-img {
	display: block;
	position: absolute;
	margin-top: -29px;
	float: left;
	margin-left: 265px;
}
.ft_form .ft-form-u_code a#mail_us_reload-img {
	display: block;
	position: absolute;
	margin-top: -30px;
	float: left;
	margin-left: 413px;
}
#copyright {
	color: #fff;
	font-size: 13px;
	font-family: Verdana, "Geneva", sans-serif;
	letter-spacing: 1px;
	text-align:right;
	width:100%;
	padding-top: 20px;
	padding-bottom: 20px;
  
}
#copyright a {color: #5f4326; }
#copyright a:hover {text-decoration: underline; }
#copyright .col_2 {text-align: right; }
/*============================*\
		>	btn
\*==============================*/

/*------------------------------------*\

		pagesBtn

\*------------------------------------*/

.pages_btn {

	height: 70px;
	margin: 30px auto 0px;
	text-align: center;
	display: table;

}

.pages_btn ul {float: right; }

.pages_btn li {

	width: 30px !important;
	height: 30px !important;
	background: #fff;
	display: block;
	border: 1px solid #eec8a0;
	margin-right: 5px;
	text-align: center;

	line-height: 30px;

	float: left;

	position: relative;

}

.pages_btn li.active {

	background: #794a16;

	border: 1px solid #5F4326;

	color: #fff;

	font-weight:bolder;

}

.pages_btn li.active > a {color: #fff; }

.pages_btn li:hover {background: #5F4326; border: 1px solid #5F4326; }

.pages_btn li.number:hover > a {color: #fff; }

.pages_btn li.prev {border: none; background: none; }

.pages_btn li.prev:hover {background: none; }

.pages_btn li.next {border: none; background: none; }

.pages_btn li.next:hover {background: none; }

.pages_btn li[class*="jump-"] {border: none; background: none; }

.pages_btn li[class*="jump-"]:hover {background: none; }

.pages_btn li[class*="jump-"]:hover a {color: #5F4326; }



.pages_btn .page_select {width: auto; border: 1px solid #5F4326; }

.pages_btn .page_select:hover {background-color: #a7dcd7; }

.pages_btn .page_select select {

	height: 25px;

	width: auto;

	background-color: #fff;

	border: 0;

	cursor: pointer;

	line-height: 30px;

	font-weight: normal;

}

.pages_btn .page_select select:focus {border-color: #a7dcd7; }

.pages_btn a {

	display: block;
	color: #5F4326;
	font-size: 15px;
	font-weight: bolder;
	line-height: 30px;

}

.pages_btn a:hover {

	-moz-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}



.btn_style1 {
  letter-spacing:2px;
	border: 1px solid #fff;
	background: none;
	padding: 10px 25px;
	color: #666;
	font-weight:bold;

}
.btn_style1:hover {
	border-color: #5F4326;
	background-color:#5F4326;
	color: #fff;

}
.btn_style2 {
	letter-spacing:2px;
	border: 1px solid #fafafa;
	background: none;
	padding: 10px 15px;
	color: #fff;
	font-weight:bold;
}
.btn_style2:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;

}

.btn2 {
width:200px;
	background-color: #5F4326;
	border: 1px solid #fafafa;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}
.btnback {
width:200px;
	background-color: #c2a67f;
	border: 1px solid #fafafa;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}
.btn_style_back {
	letter-spacing:2px;
	border: 1px solid #fafafa;
	background:c2a67f;
	padding: 10px 15px;
	color: #fff;
	font-weight:bold;
}
.btn_style_back:hover {
	border-color:#dacab4;
	background-color:#dacab4;
	

}

.btn_style3 {

	background: none;
	color: #fff;
	  width:40px;
	  height:30px;
	  background-color:#91cdcd;
	  border-radius:0px;
	  background-image:url('/public/image/home/icon_addcart.png')
}
.btn_style3:hover {
	background-color:#00a39C;
	border-color:#00a39C;
	color: #fafafa;
}

.btn3 {
	background-color: #91cdcd;
	border: 1px solid #91cdcd;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}

.btn_style31 {

	background: none;
	color: #fff;
	  width:40px;
	  height:30px;
	  background-color:#f03;
	  border-radius:0px;
	  background-image: url('/public/image/home/icon_addcart.png')
}
.btn_style31:hover {
	background-color:#fc0;
	border-color:#fc0;
	
}

.btn31 {
	background-color: #f03;
	border: 1px solid #f03;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}
.btn_style4 {
      width:20px;
	  height:20px;
	  padding:3px;
	  text-align:center; 
	  border-radius:0px;
	  background: none;
	  background-size:20px 20px;
	  background-image: url('/public/image/home/icon_delete_g.png')
	  
	

}
.btn_style4:hover {
	background-color:#333;
	border-color:#333;

}

.btn4 {
	
	border: 0px solid #fafafa;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}

.btn_style5 {
	  width:20px;
	  height:20px;
	  background-color:#ccc;
	  text-align:center; 
	  border-radius:3px;
	  background-image: url('/public/image/home/icon_addcart.png');
	background: none;
	background: none;
	color: #fff;
	  width:20px;
	  height:20px;
	  background-color:#91cdcd;
	  border-radius:0px;
	  background-image: url('/public/image/home/icon_delete_ws.png')

}
.btn_style5:hover {
	background-color:#999;
	border-color:#999;
	color: #fafafa;
}

.btn5 {
	background-color: #ccc;
	border: 1px solid #ccc;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}

.submit_btn6 {margin-top: 15px; }
.btn6 {
 width: 200px;
	background-color: #5F4326;
	font-size: 15px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}
.btn_style6 {
	letter-spacing:1px;
	border: 1px solid #5F4326;
	background-color: #5F4326;
	padding: 8px;
	color: #fff;

}
.btn_style6:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;

}
.btn7 {
 width: 200px;
	background-color: #fafafa;
	font-size: 15px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
}
.btn_style7 {
	letter-spacing:1px;
	border: 1px solid #5F4326;
	background-color: #fafafa;
	padding: 8px;
	color: #5F4326;

}
.btn_style7:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;

}
.ft_form .btn_style1 {
	width: 100%;
	height: 30px;
	padding: 0;

}

.ft_form .btn_style1:first-of-type {	margin-bottom: 0.5em;}



.btn {
	background-color: #5F4326;
	border: 1px solid #5F4326;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline;
	color: #fff; }

.btn a, .btn input {
	padding: 6px 13px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
}

.btn a {display: table-cell; }
.btn input {border: none; background: none; }
.btn:hover {background-color: #c2a67f; border-color: #c2a67f;color: #fff; }
.btn:hover a, .btn:hover input {color: #fff; }
.btn:active {
	-moz-transform: translate(1px, 1px);
	-ms-transform: translate(1px, 1px);
	-webkit-transform: translate(1px, 1px);
	transform: translate(1px, 1px);}
	
.go_list, .go_list_btn {margin: 50px auto 0; }
.login_btn {position: absolute; right: 0; top: 0;  }
.register_btn {margin: 0 auto; height:32px}
.submit_btn {/*margin-right: 15px;*/ }
input[type="radio"] {width: 20px; height: 15px; }

/* ========================= * 優惠活動 * ============================ */
.marketing_activity {
	position: fixed;
	bottom: 0px;
	z-index: 100;
	vertical-align: bottom;	
}

.marketing_activity > .activity_caption,
.marketing_activity > .activity_content_controls {
	background-color: #5F4326;
    -webkit-transition: all 0.2s linear 0s;
       -moz-transition: all 0.2s linear 0s;
         -o-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s	
}
.marketing_activity.open > .activity_caption {	display: none; }
.marketing_activity > .activity_content_controls {	display: none;}
.marketing_activity > .activity_caption {
	display: inline-block;	
	text-align: center;
	font-size: 15px;
	color: #FFF;
	cursor: pointer;	
}
.marketing_activity img {
	background-color: transparent;
}
.marketing_activity.open > .activity_content_controls {
	display: table;
	width: 100%;
}
.marketing_activity > .activity_content_controls > div {
	display: table-cell;
	vertical-align: middle;	
}
.marketing_activity > .activity_content_controls .activity_form_element {
	text-align: center;	
	padding: 0;
	padding-right: 15px;	
	padding-left: 10px;
}
.marketing_activity > .activity_content_controls .activity_form_element input,
.marketing_activity > .activity_content_controls .activity_form_element textarea,
.marketing_activity > .activity_content_controls .activity_form_element select {
	display: inline-block;
	height: auto;
	background: transparent;
	color: #fff;	
	font-size: 14px;	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border: solid 1px #ccc;
	width: 100%;
	margin: 10px 0;
	padding: 4px 5px;
	-webkit-overflow-scrolling: touch;	
    -webkit-transition: all 0.2s linear 0s;
       -moz-transition: all 0.2s linear 0s;
         -o-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s
}
.marketing_activity > .activity_content_controls .activity_form_element input {
	padding: 10px 5px;	
}
.marketing_activity > .activity_content_controls .activity_form_element input[type="radio"],
.marketing_activity > .activity_content_controls .activity_form_element input[type="checkbox"] {
	display: inline-block;
	width: auto;
}
.marketing_activity > .activity_content_controls .activity_form_element input:hover,
.marketing_activity > .activity_content_controls .activity_form_element textarea:hover,
.marketing_activity > .activity_content_controls .activity_form_element select:hover,
.marketing_activity > .activity_content_controls .activity_form_element input:focus,
.marketing_activity > .activity_content_controls .activity_form_element textarea:focus,
.marketing_activity > .activity_content_controls .activity_form_element select:focus {
	border: solid 1px #999;
	border-color: rgba(82,168,236,0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(153, 153, 153, 0.6);	
}

.marketing_activity > .activity_content_controls .form_activity .activity_button_element {
	white-space: nowrap;	
	text-align: center;
	padding-right: 15px;	
}
.marketing_activity > .activity_content_controls .form_activity .activity_button_element > button {
	display: inline-block;
	line-height: normal;
	letter-spacing: 2px;
	font-size: 15px;
	/*color: #fff;*/
	font-weight: 600;
	background: none;
	/*background-color: #5F4326;*/
	margin: 10px;
	margin-right: 0;	
	padding: 10px 25px;	
	border: 1px solid #fafafa;
	cursor: pointer;	
	-webkit-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
/*
.marketing_activity > .activity_content_controls .form_activity .activity_button_element > button:hover {
	border-color: #c2a67f;
	background-color:#c2a67f;
	color: #fafafa;}
*/
.marketing_activity > .activity_content_controls .activity_close {
	min-width: 19px;
	background-image: url('https://www.adasoap.com.tw/public/image/home/arrow_icon_down.png');
	background-repeat: no-repeat;	
	background-position: 0px 5px;	
	-webkit-background-size: 19px auto;		
	   -moz-background-size: 19px auto;
         -o-background-size: 19px auto;
            background-size: 19px auto;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;	
}
/* =============== * 瀏覽紀錄 * ================ */
.dynotifyjs-corner {
    position: fixed;
	top: 70px;
	right: -306px !important;	
	bottom: 0px;
    margin: 0;
    z-index: 1050;
}
.dynotifyjs-corner.open {
	right: -32px !important;
}
.dynotifyjs-corner .dynotifyjs-container,
.dynotifyjs-corner .dynotifyjs-wrapper {
    position: relative;
    display: block;
    height: inherit;
    width: inherit;
    margin: 11px 8px;
}
.dynotifyjs-notify-base {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
	        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.dynotifyjs-wrapper {
    z-index: 1;
    position: absolute;
    display: inline-block;
    height: 0;
    width: 0;
}
.dynotifyjs-corner .dynotifyjs-wrapper {
    position: relative;
    display: block;
    height: inherit;
    width: inherit;
    margin: 11px 0;
}
.dynotifyjs-corner.open .sliding-handle {
	left: 26px !important;}
.dynotifyjs-corner.open .sliding-items-container {
	background-color: #fafafa; }
	
.sliding-drawer-items-scroller {
	overflow-y: scroll;
	margin-right: 0px;
	height: 458px;
	border: 2px solid #00a39c;
}
.sliding-handle-strike {
	
	margin-top: 0px;
}
.sliding-drawer-container {
	white-space: nowrap;
	bottom: 15%;
	margin-left: 40px;
	z-index: 12301;
	left: calc(100% - 40px);
	width: 250px;
	border: 1px solid rgb(244, 244, 244);
	box-shadow: rgb(204, 204, 204) 0px 0px 0px 0px;
}

.dynotifyjs-corner .sliding-handle-arrow {
	position: absolute;	
	/*display: inline;*/
	top: 14px;
	left: 140px;	
	width: 0;
	height: 0;
	/*
	margin-left: 60px;
	padding-top: 0px;*/	
	opacity: 1;
	border-right: 3px solid transparent;
	border-bottom: 6px solid #FFF;
	border-left: 3px solid transparent;	
} 

.dynotifyjs-corner.open .sliding-handle-arrow {
	/*
	margin-top: 9px;
	margin-left: 60px;
	padding-top: 15px;
	*/	
	border-top: 6px solid #FFF;
	border-right: 3px solid transparent;	
	border-bottom: none;
	border-left: 3px solid transparent;
}

.sliding-drawer-container .recently-viewed-no-items {
	display: none;	
	width: 150%;
	height: 280px;
	color: white;
	text-align: center;
	font-size: 22px;
	line-height: 276px;
}
.sliding-items-container {
	display: block;
	width: 225px;
	height: 458px;
	overflow-x: hidden;
	overflow-y: scroll;
	white-space: nowrap;
}
.sliding-items-container .item-image {
	display: block;
	width: 170px;
	height: 170px;	
	text-align: center;	
	font-size: 12px;
	margin: 0 auto;
	padding-bottom: 5px;	
	-webkit-user-drag: none;
       -moz-user-drag: none;
        -ms-user-drag: none;
         -o-user-drag: none;
            user-drag: none;
}
.sliding-items-container .item-image a {
	display: block;
}
.sliding-items-container .item-image img {
	max-width: 170px;
	max-height: 170px;	
}
.sliding-items-container .item-name {
	display: inline-block !important;	
	max-width: 190px !important;
	font-family: Apercu,"Gill Sans MT","Gill Sans",Arial,sans-serif;
	color: #6e6e6e;	
	font-size: 12px;	
	line-height: 14px;
	text-align:center;	
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;	
	white-space: nowrap;	
	overflow: hidden !important;
	padding-bottom: 10px;		
	box-sizing: border-box;	
}
.sliding-handle-continue {
	position: absolute;
	top: 170px;
	left: 10px;	
	width: 30px;	
	height: 290px;
	background: transparent;
}  
.dynotifyjs-corner.open .sliding-handle-continue {
	background: none;
}
.sliding-drawer-container .sliding-handle {
	position: absolute;
	left: -24px;
	top: 18%;
	width: 170px;
	height: 32px !important;	
	height: 0;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	        transform: translate(-50%, -50%) rotate(-90deg);
	color: none;
	font-size: 13px;
	line-height: 26px;
	letter-spacing: 2px;
	text-align: center;
	cursor: pointer;
background-image: url('https://www.adasoap.com.tw/public/image/home/coki.png');
		
}
.sliding-drawer-container .sliding-handle .sliding-handle-text {
	display: inline;	
	max-width: 170px;
	font-family: Apercu,"Gill Sans MT","Gill Sans",Arial,sans-serif;
	font-weight: 600;
	font-size:13px;
	color: none;		
	overflow: hidden;	
	text-overflow: ellipsis;
	background-image: url('https://www.adasoap.com.tw/public/image/home/coki.png');
}
.dynotifyjs-container > div {
	box-shadow: none! important;
}
.item-border {
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #e2e2e2;	
}
.other-container {
	margin-top: 10px;	
	text-align: center;
}
.dynotifyjs-corner  .cart {
	display: table;	
	width: 100%;
	height: 30px;
}
.dynotifyjs-corner .cart > div {
	display: table-cell;	
}
.dynotifyjs-corner .item-sale-price::before {
	content: "NT.  ";
	font-size: 15px;	
}
.dynotifyjs-corner .item-sale-price {
	color: #ba4242;
	font-family: Apercu,"Gill Sans MT","Gill Sans",Arial,sans-serif;
	letter-spacing: .05em;
	font-size:18px;
	text-align: right;
	vertical-align: middle;	
}
.dynotifyjs-corner .cart .btn {
	width: 70px;
	background-color: transparent;	
	border: none;
}
.dynotifyjs-corner .cart .btn .btn_addcart {
	display: inline-block;
	width:40px;
	height:30px;
	color: #fff;
	border-radius:5px;
	background: none;
	background-color:#5f4226;
	background-image: url('/public/image/home/icon_addcart_s.png');
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #5f4226;
}
.dynotifyjs-corner .cart .btn .btn_addcart:hover {
	color: #fafafa;	
	background-color: #00a39C;
	border-color: #00a39C;
}

.goods_qa {
  width: 100%;
text-align: left;	
  background: #fafafa;
letter-spacing: 1px;
  font-size:14px;
  color:#5f4326;
  font-weight:600;
  line-height:1.5;

margin: 10px 0px px 0px;
  box-shadow:#fafafa;
  border-spacing: 0px;
  border: 0px;
  padding:15px 10px 5px 35px;
  background-image: url('/public/image/home/qa_down.png');
 
}
.goods_qa:hover {color:#00a39c;}
.goods_qa:visited { color:#999;}
.goods_qalist
{  padding-left:35px;  
	display: none;
font-size:13px;
  color:#666;
  line-height:1.6;
    border-bottom: solid 1px #ccc;
	
	padding-bottom: 10px;letter-spacing: 1px;
}
   
 .idtital
{ 
  color:#095c66; font-size:18px; font-weight:600; line-height:30px; letter-spacing:1px; 
}
 .idsubtital2
{ 
    color: #5f4226;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1px;}
 .idsubtital
{ 
  color:#5f4226; font-size:13px; line-height:32px; padding-top:15px;font-weight:600;letter-spacing:1px; 
}

 .iddes
{ 
  color:#666; font-size:13px; line-height:20px; padding-top:15px;letter-spacing:1px; 
}
 .goods_qa_tital
{ 
  color:#5f4226; font-size:15px; font-weight:600;  letter-spacing:1px; line-height:40px;
}
 .goods_qa_list
{ 
  color:#666; font-size:13px; line-height:20px; padding:5px 0px 20px 20px;letter-spacing:1px;border-bottom: solid 1px #ccc; 
}
.soap_knowledge{}
.soap_knowledge_b ,.senses_life_b{ text-align:center;}
.soap_knowledge_but , .senses_life_but{
	margin: 5% 0 0 0;
	display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .5rem;
    min-width: 150px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #00a39c;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;}
	
.aboutadasoap{	text-align:center; 	margin-bottom:5%; }
.aboutadasoap1 {	height: 400px; 	margin-bottom:5%;	}
.aboutadasoap1_txt{
	width:40%;
	float:right;
	padding-left: 1% 	}
.aboutadasoap1_pic{	float:left;	}
.aboutadasoap_title{
	margin: 4% 0 5% 0;
	color: #666;
	font-size: 20px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
	
}
.aboutadasoap_cont{
	color: #888;
	font-size: 13px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
	padding: 12px 0 0;
	line-height: 3; }

.aboutadasoap2{ height: 400px; margin-bottom:5%; }
.aboutadasoap2_txt{ width:40%; 	float:left; padding-right:1%;}
.aboutadasoap2_pic{	float:right;	}
.aboutadasoap3{ height: 400px; 	margin-bottom:5%; }
.aboutadasoap4{ height: 400px; 	margin-bottom:5%; }
.about3ada{	height:550px;}
.about3ada_table{ float: left;  margin: 1%;}
.about3ada_td{
	width: 33%;
    margin: 0;
    padding: 0 1%;
    text-align: center;	}
.about3ada_td img{ 	width: 97%; margin-bottom:5%;	}
.about3ada_title{
	display: inline-block;
	margin:  5% 0;
	color: #095c66;
	font-size: 20px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 1px; }
	
.about3ada_con{
	color: #888;
    font-size: 13px;
    font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 2;	}
	
.about3ada_txt{
	margin:  5% 0;
	display: inline-block;
    border: 0;
    box-sizing: border-box;
    min-width: 7.25rem;
    text-align: center;
    font-weight: 700;
    background-color: #00a39c;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;
	padding: 0px 0px;
    line-height: 30px;
    height: 30px;
    width: 30%;	}

.about3ada_txt:hover { background-color: #5f4226;}

.soaporigin{ height:3500px;}
.soaporigin01{ height:240px;}
.soaporigin02{ height:240px; background-color:#ededed;}
.soaporigin_imgl{float:left; width:30%; margin:2%;}
.soaporigin_txtl{width:65%;	float:right; margin: 2% 0 ; }
.soaporigin_imgr{float:right; width:30%; margin:2%;}
.soaporigin_txtr{float:left; width:62%; margin: 2% 0 2% 3%;  }
.soaporigin_title{
	margin: 4% 0 0 0 ;
	color: #666;
	font-size: 20px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;}
.soaporigin_con{
	height:65px;
	color: #888;
	font-size: 13px;
	font-family: "PMingLiU", \65B0\7EC6\660E\4F53, Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
	padding: 12px 0 0;
	line-height: 3;}
.soaporiginbutl{
	margin: 3% 0 0 0;
	display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .5rem;
    min-width: 120px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #c2a67f;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;}
	.soaporiginbutr{
	float:right;
	margin: 3% 0 0 0;
	display: inline-block;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .5rem;
    min-width: 120px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #5F4326;
    color: #fff;
	font-size: 13px;
    letter-spacing: 2px;}


.social_login {
	display: grid;
	height: 100%;
	place-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}
.social_login > .buttons {
	display: flex;
	width: 500px;
	height: 300px;
	align-items: center;
	justify-content: space-around;
}
.social_login > .buttons .row {
	display: block;
	margin-left: 60px;
}
.social_login > .buttons .row button {
	position: relative;
	display: block;
	height: 40px;
	width: 220px;
	margin: 40px 0;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 0 5px 5px 0;
	transition: all 0s ease-out;
}
.social_login > .buttons .row button:active{
	top: 3px;
}
.social_login > .buttons .row button.facebook,
.social_login > .buttons .row button.facebook span{
  background: #3B5999;
  border-left: 1px solid #2E4476;
  box-shadow: 0px 5px 0px 0px #2E4476;
}
.social_login > .buttons .row button.facebook:active{
  box-shadow: 0px 2px 0px 0px #2E4476;
}
.social_login > .buttons .row button.goo{  
    background: #4285f4;
    box-shadow: 0px 5px 0px 0px #FAC230;

}
.social_login > .buttons .row button.goo span{
	color:#000;
	border-top:0.5px solid #CCCCCC;
    border-left:1px solid  #EB4537;
    box-shadow: 0px 5px 0px 0px #FAC230;
	background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.social_login > .buttons .row button.goo:active{
  box-shadow: 0px 2px 0px 0px #4285f4  ;
}
.social_login > .buttons .row button.line,
.social_login > .buttons .row button.line span{
  background: #06C755;
  border-left: 1px solid #07B53B;
  box-shadow: 0px 5px 0px 0px #07B53B;
}
.social_login > .buttons .row button.line:active{
  box-shadow: 0px 2px 0px 0px #07B53B;
}

.social_login > .buttons .row button span{
  position: absolute;
  height: 40px;
  width: 50px;
  top: 0;
  left: -50px;
  line-height: 45px;
  font-size: 20px;
  display: block;
  font-weight: normal;
  border-radius: 5px 0 0 5px;
}
.social_login > .buttons .row button:active span{
  top: -3px;
}
.social_login > .buttons .row button.facebook span{
  border-right: 1px solid #2E4476;
}
.social_login > .buttons .row button.goo span{
  border-right: 1px solid #34a853;
}
.social_login > .buttons .row button.line span{
    border-right: 1px solid #07B53B;
}

.social_login > .buttons .row button.facebook:active span{
    box-shadow: 0px 5px 0px 0px #2E4476,
                6px 4px 2px rgba(0,0,0,0.3);
}
.social_login > .buttons .row button.goo:active span{
    box-shadow: 0px 5px 0px 0px #FAC230,
                6px 4px 2px rgba(0,0,0,0.3);
}
.social_login > .buttons .row button.line:active span{
	box-shadow: 0px 5px 0px 0px #066d2f,
                6px 4px 2px rgba(0,0,0,0.3);
}



.cart_form .invoice_info .invoice_type {
	width: 25%;
}
.cart_form .invoice_info .invoice_code {
	width: 20%;	
	vertical-align: top;	
}
.cart_form .invoice_info .invoice_bar_code {
	position: relative;
}
.cart_form .invoice_info input[type="text"]#invoice_bar_code {
	text-transform: uppercase;
}
.cart_form .invoice_info input[type="text"]#invoice_bar_code + span {
	position: absolute;
	font-size: 18px;
	top: 9px;
	left: 13px;
	color: #666;
}
.cart_form .input-checkbox-label {
	margin-right: 10px;
}
.cart_form .invoice_info .common_invoice_bar_code span,
.cart_form .invoice_info .common_invoice_love_code span {
	font-size: 13px;
	color: #00a39c;
	line-height: 35px;
	letter-spacing: 1px;
	cursor: pointer;
}



#cart_controls .cart_goods_list .item.plus_goods .caption div {
	padding: 8px 8px;
	color: #5f4326;
}
.cart_form .goods_container .cart_goods_controls .cart_plus_goods_info {
	display: none;
}
.cart_form .cart_goods_controls.info .cart_plus_goods_info,
.cart_form .cart_goods_controls.info_read.open .cart_plus_goods_info {
	display: table;
}
.cart_form .info_read .cart_plus_goods_info > .caption {
	display: none;
	display: none;
}
.cart_form .cart_plus_goods_info {
	width: 100%;
}
.cart_form .info_read .cart_plus_goods_info,
.cart_form .info_read .cart_goods_cost {
	width: 96%;
	margin: 0px auto;	
}
.cart_form .cart_plus_goods_info .caption div {
	font-size: 15px;
	letter-spacing: 1px;
	color: #666;
	font-weight:400;
	text-align: center;	
}
.cart_form .cart_plus_goods_info .caption .plus_goods_title {
	text-align: left;	
}
.cart_form .cart_plus_goods_info .caption .plus_goods_total {
	text-align: right;	
}
.cart_form .cart_plus_goods_info > div > div {
	text-align: center;	
	vertical-align: middle;	
	padding: 10px 0;
	border-bottom: 1px #d1d1d1 solid;	
}
.cart_form .cart_plus_goods_info .caption .plus_goods_title {
	text-align: center;
}
.cart_form .plus_goods_list_item .plus_goods_title {
	text-align: left;	
}
.cart_form .plus_goods_list_item .plus_goods_title .activity_name,
.order_container .goods_container .caption .plus_title,
.member_order .order_info .caption .plus_title {
	text-align: left;
}
.cart_form .plus_goods_list_item .plus_goods_title .activity_name .outer,
.order_container .goods_container .caption .plus_title .outer,
.member_order .order_info .caption .plus_title .outer {
	width: 130px;
	height: 20px;
	clip-path: polygon( 100% 0%,96% 50%,100% 100%,0% 100%,0% 0% );
	position: relative;
	background-color: #00a39c;
	cursor: pointer;
}
.cart_form .plus_goods_list_item .plus_goods_title .activity_name .inner,
.order_container .goods_container .caption .plus_title .inner,
.member_order .order_info .caption .plus_title .inner {
	position: absolute;
	width: 98%;
	height: 90%;
	clip-path: polygon( 100% 0%,96% 50%,100% 100%,0% 100%,0% 0% );
	background-color: #ffffff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
}
.cart_form .plus_goods_list_item .plus_goods_title .activity_name .txt,
.order_container .goods_container .caption .plus_title .txt,
.member_order .order_info .caption .plus_title .txt {
	color: #00a39c;
	font-size: 10px;
	position: relative;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
}
.cart_form .plus_goods_list_item .plus_goods_price::before,
.cart_form .plus_goods_list_item .plus_goods_total::before {
  	content: "NT.  ";
	font-size: 15px;	
}
.cart_form .plus_goods_list_item .plus_goods_price {
	width: 80px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	
}
.cart_form .plus_goods_list_item .plus_goods_amount {
	width: 160px;
}
.cart_form .plus_goods_list_item .plus_goods_amount span,
.cart_form .plus_goods_list_item .plus_goods_amount span::before {
	display: inline-block;
	text-align: center;
}
.cart_form .plus_goods_list_item .plus_goods_amount span::before {
	width: 40px;	
  	text-rendering: auto;
	margin-top: 7px;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.cart_form .plus_goods_list_item .plus_goods_amount span {
	width: 38px;	
	height: 28px;	
	font-size: 15px;	
  	vertical-align: middle;	
	background-color: #ececec;
	color: #666;
	cursor: pointer;
		border: 1px #dadada solid;
}
.cart_form .plus_goods_list_item .plus_goods_amount span.not-allowed {
	color: #888;
	cursor: not-allowed;
}
.cart_form .cart_plus_goods_info .plus_goods_amount .minus::before,
.cart_form .cart_plus_goods_info .plus_goods_amount .add::before {
  	font: normal normal normal 14px/1 FontAwesome;
}
.cart_form .plus_goods_list_item .plus_goods_amount .minus::before {
	content: "\f068";	
}
.cart_form .plus_goods_list_item .plus_goods_amount .add::before {
	content: "\f067";	
}
.cart_form .plus_goods_list_item .plus_goods_amount input[type="number"] {
	display: inline-block;	
	width: 40px;
	height: 28px;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;	
	margin: 0;	
	border: 1px #dadada solid;
	    text-indent: 0px;
}
.cart_form .plus_goods_list_item .plus_goods_total {
	width: 120px;
	text-align: right;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	padding-right: 10px;		
}
.cart_form .plus_goods_list_item .plus_goods_del {
	width: 55px;
	padding-left: 10px;
}
.cart_form .plus_goods_list_item .plus_goods_title > div {
	width: 100%;	
}
.cart_form .plus_goods_list_item .plus_goods_title > div > div {
	vertical-align: top;	
}
.cart_form .plus_goods_list_item .pic {
	width: 90px;
	text-align: center;
	padding-right: 10px;
}
.cart_form .plus_goods_list_item .pic > div {
	height: 80px;	
}
.cart_form .plus_goods_list_item .pic img {
	max-width: 80px;
	max-height: 80px;
}
.cart_form .plus_goods_list_item .cart_plus_goods_info .plus_goods_list_item .plus_goods_title > a {
    display: inline-block;
}
.cart_form .info_read .plus_goods_price,
.cart_form .info_read .plus_goods_amount,
.cart_form .info_read .plus_goods_del {
	display: none;
}



.plus_goods_info_container:empty {
	display: none;
}
.plus_goods_info_container {
	height: 100%;
	text-align: left;
	background-color:#fafafa;
}
.plus_goods_info_container .plus_goods_header {
	width: 100%;
	height: 100%;
	margin: 0px auto 0px auto;	
	overflow-y: scroll;
}
.plus_goods_info_container .goods_info {
	width: 90%;
	padding-top: 10%;
	margin: 0px auto;
}
.plus_goods_info_container .goods_info .brief {
	height: auto;
	max-height: 280px;
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
}
.plus_goods_info_container .image {
	min-width: 300px;
	
}
.plus_goods_info_container .image > div {
	width: 98%;
}
.plus_goods_info_container .image > div img {
	max-width: 400px;
	max-height: 400px;	
}
.plus_goods_info_container .goods_info .info {
	max-width: calc(100% - 50%);
}
.plus_goods_info_container .goods_info .property {
	position: static;
	margin-top: 2%;
	width: auto;	
}
.plus_goods_info_container .goods_info .brief {
	height: auto;
	max-height: none;
	margin-top: 10px;
	overflow: hidden;
	white-space: normal;
}
.plus_goods_info_container .goods_info .brief img {
	max-width: 98%;
}
.plus_goods_info_container .plus_caption {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #5F4326;
	line-height: 30px;
	padding: 0px 10px 10px 10px;
	text-align: center;
}
.plus_goods_info_container .price_container {
	padding-right: 15px;
}
.plus_goods_info_container .pricing::before,
.plus_goods_info_container .price::before {
	font-size: 18px;
}
.plus_goods_info_container .pricing::before {
	font-size: 14px;
}
.plus_goods_info_container .pricing,
.plus_goods_info_container .price {
	color: #900;
	vertical-align: middle;
	font-size: 24px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 10px;
	line-height: 24px;
}
.plus_goods_info_container .pricing {
	color: #ccc;
	font-size: 14px;
	line-height: 14px;
	text-decoration: line-through;
}
.plus_goods_info_container .details {
	width: 90%;
	margin: 20px auto 20px auto;
}
.plus_goods_info_container .details hr {
	margin: 0px auto;
}
.plus_goods_info_container .details .editor_container {
	font-size: 13px;
	margin: 20px auto 0px auto;
}
.plus_goods_info_container .details img {
	max-width: 90%;
}
.plus_goods_info_container .plus_goods_footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 50px;
	text-align: right;
	background-color: #FFF;
}
.plus_goods_info_container .plus_goods_footer > div {
	width: 90%;
	margin: 0px auto;
	padding-right: 12px;
}
.plus_goods_info_container .plus_goods_footer .table {
	width: auto;
	margin: 10px 0px 10px auto;
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount {
	padding: 0px 10px;
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount .minus::before {
	content: "\f068";
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount .add::before {
	content: "\f067";
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount span::before {
	width: 40px;
	text-rendering: auto;
	margin-top: 7px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: normal normal normal 14px/1 FontAwesome;
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount span,
.plus_goods_info_container .plus_goods_footer .plus_goods_amount span::before {
	display: inline-block;
	text-align: center;
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount span {
	width: 38px;
	height: 28px;
	font-size: 15px;
	vertical-align: middle;
	background-color: #dadada;
	color: #333;
	cursor: pointer;
	border: 1px #dadada solid;
}
.plus_goods_info_container .plus_goods_footer .plus_goods_amount span.not-allowed {
	color: #888;
	cursor: not-allowed;
}
.plus_goods_info_container .plus_goods_footer input[type="number"] {
	display: inline-block;
	width: 40px;
	height: 28px;
	font-size: 15px;
	font-weight: 600;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	text-align: center;
	border: 1px #dadada solid;
}
.plus_goods_info_container .plus_goods_footer .table .plus_goods_add_to_cart {
	line-height: 14px;
	color: #FFF;
	font-size: 14px;
	padding: 0 20px;
	letter-spacing: 2px;
	cursor: pointer;
	background-color: #e5002d;
	vertical-align: middle;
}



#cart_controls .cart_goods_list .item.freebie .caption div {
	padding: 8px 8px;
	color: #5f4326;
}
.cart_form .goods_container .cart_goods_controls .cart_freebie_info {
	display: none;
}
.cart_form .cart_goods_controls.info .cart_freebie_info,
.cart_form .cart_goods_controls.info_read.open .cart_freebie_info {
	display: table;
}
.cart_form .cart_freebie_info {
	width: 100%;
}
.cart_form .info_read .cart_freebie_info {
	width: 96%;
	margin: 0px auto;	
}
.cart_form .cart_freebie_info .caption div {
	font-size: 15px;
	letter-spacing: 1px;
	color: #666;
	font-weight:400;
	text-align: center;	
}
.cart_form .cart_freebie_info .caption .freebie_title {
	text-align: left;	
}
.cart_form .cart_freebie_info .caption .goods_total {
	text-align: right;	
}
.cart_form .cart_freebie_info > div > div {
	text-align: center;	
	vertical-align: middle;	
	padding: 10px 0;
	border-bottom: 1px #d1d1d1 solid;	
}
.cart_form .cart_freebie_info .caption .freebie_title {
	text-align: center;
}
.cart_form .cart_freebie_info .freebie_title {
	text-align: left;	
}
.cart_form .cart_freebie_info .freebie_title .activity_name,
.order_container .goods_container .caption .activity_name,
.member_order .order_info .caption .activity_name {
	text-align: left;
}
.cart_form .cart_freebie_info .freebie_title .activity_name .outer,
.order_container .goods_container .caption .activity_name .outer,
.member_order .order_info .caption .activity_name .outer {
	width: 130px;
	height: 20px;
	clip-path: polygon( 100% 0%,96% 50%,100% 100%,0% 100%,0% 0% );
	position: relative;
	background-color: #cc0033;
	cursor: pointer;
}
.cart_form .cart_freebie_info .freebie_title .activity_name .inner,
.order_container .goods_container .caption .activity_name .inner,
.member_order .order_info .caption .activity_name .inner {
	position: absolute;
	width: 98%;
	height: 90%;
	clip-path: polygon( 100% 0%,96% 50%,100% 100%,0% 100%,0% 0% );
	background-color: #ffffff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
}
.cart_form .cart_freebie_info .freebie_title .activity_name .txt,
.order_container .goods_container .caption .activity_name .txt,
.member_order .order_info .caption .activity_name .txt {
	color: #cc0033;
	font-size: 10px;
	position: relative;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
}
.cart_form .cart_freebie_info div:not(.caption) .freebie_price::before,
.cart_form .cart_freebie_info div:not(.caption) .freebie_total::before {
  	content: "NT.  ";
	font-size: 15px;	
}
.cart_form .cart_freebie_info .freebie_price {
	width: 80px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	
}
.cart_form .cart_freebie_info .freebie_amount {
	width: 160px;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
}
.cart_form .cart_freebie_info .freebie_total {
	width: 120px;
	text-align: right;
	font-family: Apercu,Gill Sans MT,Gill Sans,Arial,sans-serif;
	font-size: 18px;
	padding-right: 10px;		
}
.cart_form .cart_freebie_info .freebie_del {
	width: 55px;
	padding-left: 10px;
}
.cart_form .cart_freebie_info .freebie_title > div {
	width: 100%;	
}
.cart_form .cart_freebie_info .freebie_title > div > div {
	vertical-align: top;	
}
.cart_form .cart_freebie_info .pic {
	width: 90px;
	text-align: center;
	padding-right: 10px;
}
.cart_form .cart_freebie_info .pic > div {
	height: 80px;	
}
.cart_form .cart_freebie_info .pic img {
	max-width: 80px;
	max-height: 80px;
}
.cart_form .cart_freebie_info .single_contents {
	padding-left: 10px;
}
.cart_form .info_read .freebie_price,
.cart_form .info_read .freebie_amount,
.cart_form .info_read .freebie_del {
	display: none;
}