@charset "utf-8";

/* === index 首頁 =================================================================
================================================================================*/

#owl-banner .owl-controls{
	position:relative;
	z-index:1;
	margin-top: -35px;
	text-align: center;
}

#owl-banner .owl-page span{
	width: 15px;
	height: 15px;
	background: #CDB369;
	border:1px solid #ffffff;
}

#owl-banner .owl-page.active span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	background: #808080;
}

#owl-banner.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	background:rgba(179,179,179, 0.5)
}

/*---------------------*/

.idx-ad{ /*background:#000;*/ padding:50px 0;}

.item-ad img{
	width:100%;
	height:auto;
	display:block;
}

.item-ad > li{
	padding-top:10px;
	padding-bottom:10px;
}

.item-ad li:hover img{
	opacity:0.7;
}

/*---------------------*/

.new-arrival{
	background:#000000 url(../images/new-arrival-bg.png) no-repeat center top;
	background:100% auto;
	padding:50px 0 30px 0;
}

.item-new-arrival > li{
	padding-bottom:10px;
}


/*---------------------*/

.idx-more{
	padding-left:1%;
	padding-right:1%;
}

.idx-more a{
	display:block;
	background:#808080;
	border:2px solid #808080;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	font-weight:600;
	font-size:1.1em;
}

.idx-more a:hover{
	border-color:#CDB369;
	background:#CDB369;
}


.idx-news{
	background:#000;
	padding-bottom:60px;
}




/* === about 關於我們 =============================================================
================================================================================*/

.cate-about{
	text-align:center;
	/*margin:30px 0px;*/
}

.cate-about li{
	display:inline-block;
	width:150px;
	border-bottom:1px solid #B3B3B3;
	margin:0px 40px 20px 40px;
	
	border-radius:20px;
	
	font-size:0.95em;
	letter-spacing:2px;
	
	color:#666;
}

.cate-about li a{
	display:block;
	color:#666;
}

.cate-about li:hover , .cate-about li.active{border-bottom-color:#CDB369;}

.cate-about li:hover a , .cate-about li.active a{color:#CDB369;}


.sec-thrmbnail{}
.sec-thrmbnail:before , .sec-thrmbnail:after { content: " "; display: table; }
.sec-thrmbnail:after { clear: both; }

.sec-thrmbnail li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:20px;
}

.sec-thrmbnail li:nth-child(3n){margin-right:0%;}

.sec-thrmbnail li:nth-child(3n+1){clear:both; float:left;}

.sec-thrmbnail li:hover{ opacity:0.9;}




/* === product 商品頁 =============================================================
================================================================================*/

.item-new{}

.item-new > li .effect-btbox-pic{ position:relative;}

.item-new > li:nth-child(1) .effect-btbox-pic:after{
	position:absolute;
	top:10px;
	left:10px;
	width:50px;
	height:50px;
	content:"";
	background:url(../images/icon-hot.png) no-repeat center;
	background-size:cover;
}

/*---------------------*/




/* === product_view 商品詳細頁 =====================================================
================================================================================*/

.section-pro-detail{margin-top:0; }

/*---------------------*/

.item-pro-detail {margin-bottom:30px;}
.item-pro-detail > li{float:left; width:50%; padding-left:1%; padding-right:1%; padding-bottom:0px;}
.item-pro-detail > li:nth-child(2n+1){ clear:both; float:left;}


.item-pro-detail img{ display:block; width:100%; height:auto; border:1px solid #e5e5e5;}

.pro-name{
	font-size:1.2em;
	font-weight:600;
}

/*---------------------*/

.price-area{
	position:relative;
	text-align:right;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	margin:20px 0;
}

.price-area:before{
	position:absolute;
	top:0;
	right:0px;
	widows:0;
	height:0;
	content:"";
	border-top:11px solid #e5e5e5;
	border-left:12px solid transparent;
}


.price{
	display:inline-block;
	font-family: "Goudy Old Style",Garamond,"Big Caslon","Times New Roman",serif
}

.original-price{
	font-size:1em;
	text-decoration:line-through;
	color:#999;
	margin-right:20px;
}

.sale-price{
	font-size:2em;
	font-weight:600;
	/*font-family: "Lucida Bright",Georgia,serif*/
}

/*---------------------*/

.pro-listinfo{
	border:1px solid #e5e5e5;
	border-bottom:1px solid transparent;
	font-size:0.95em;
}

.pro-listinfo li{
	border-bottom:1px solid #e5e5e5;
	position:relative;
	padding:5px;
}


.pro-listinfo li:hover{
	background:#f4f4f4;
}

.pro-listinfo .headline{
	position:absolute;
	top:0;
	left:0;
	width:75px;
	border-right:1px solid #e5e5e5;
	margin:5px;
	font-weight:600;
	
}

.pro-listinfo .content{
	padding-left:85px;
	display:block;
}

/*---------------------*/

.pro-description{
	position:relative;
	font-size:0.9em;
	margin:20px 0;
	
	overflow:hidden;
}

.pro-description .headline{
	position:relative;
	z-index:5;
	background:#FFF;
	padding:5px;
	cursor:pointer;
	border-bottom:1px solid #e5e5e5;
}

.pro-description .content{
	padding:5px;
}


.slide-icon{
	position:absolute;
	z-index:6;
	top:17px;
	right:5px;
	margin-top:-2px;
	width:12px;
	height:12px;
}

.slide-icon:before , .slide-icon:after{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-1px;
	width:12px;
	height:2px;
	content:"";
	background:#999999;
}

.slide-icon:before{
	transform: rotate(0deg);
	transition:All 0.5s ease;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.slide-icon.is-open:before{
	transform: rotate(90deg)
}


/*---------------------*/

.pro-qty-cart{
	margin:20px 0;
	position:relative;
}

.pro-de-qty{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
}

.pro-de-qty .num-txt , .pro-de-qty .qtyminus{
	height:35px;
	border-radius:0px;
}

.pro-de-qty .qtyminus{
	min-width:35px;
}


.pro-de-addcart{ padding-left:120px;}

.addcart-btn{
	border:1px solid #CCC;
	background:#666;
	color:#ffffff;
	cursor:pointer;
	display:inline-block;
	font-size:1em;
	/*margin-right:15px;
	margin-bottom:15px;*/
	width:100%;
	vertical-align:middle;
	/*background:transparent;*/
	height:35px;
	line-height:28px;
	
	transition:All 0.2s ease-out;
	-webkit-transition:All 0.2s ease-out;
	-moz-transition:All 0.2s ease-out;
	-o-transition:All 0.2s ease-out;
}

.addcart-btn:hover{
	background:#810000;
}

.addcart-btn:focus{
	background:#666;
}

/*回上頁*/
.back-btn:link {
	border:1px solid #CCC;
	background:#fff;
	color:#666;
	cursor:pointer;
	display:inline-block;
	font-size:1em;
	padding: .5em 1em;
	vertical-align:middle;
	transition:All 0.2s ease-out;
	-webkit-transition:All 0.2s ease-out;
	-moz-transition:All 0.2s ease-out;
	-o-transition:All 0.2s ease-out;
}
.back-btn:visited {
	border:1px solid #CCC;
	background:#fff;
	color:#666;
	cursor:pointer;
	display:inline-block;
	font-size:1em;
	padding: .5em 1em;
	padding-right: 1em;
	vertical-align:middle;
}

.back-btn:hover{
	background:#ccc;
}

.back-btn:focus{
	background:#ccc;
}




/* === brands 品牌 ================================================================
================================================================================*/

.en-category{
	text-align:center;
	margin-bottom:30px;
}

.en-list{
	display:inline-block;
	/*max-width:730px;*/
}
.en-list:before, .en-list:after{ display:table; content:" " }
.en-list:after{ clear:both }


.en-list a{
	float:left;
	display:block;
	/*display:inline-block;*/
	width:40px;
	height:40px;
	border-radius:50%;
	background:#cccccc;
	color:#333;
	font-size:16px;
	line-height:40px;
	margin:5px;
	text-align:center;
}

.en-list a:nth-child(14){
	clear:both;
	float:left;
}

.en-list a:hover{background:#cdb369;}

.en-list a.item-no{ color:#999; cursor:default;}
.en-list a.item-no:hover{ background:#cccccc;}

/*---------------------*/

.en-cate-title{
	position:relative;
	margin:00px 0 45px 0;
	/*padding-bottom:20px;*/
	text-align:center;
}

.en-cate-title .txt{
	display:inline-block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:18px;
	/*background:#FFF;*/
	border-radius:50%;
	border-bottom:1px solid #666666;
	text-transform:uppercase;
}

.en-cate-title .top{
	position:absolute;
	bottom:-35px;
	left:50%;
	width:24px;
	height:24px;
	display:block;
	margin-left:-12px;
	border-top:1px solid #666666;
	font-size:0.5em;
	border-radius:50%;
	text-align:center;
	line-height:20px;
	padding-left:2px;
	color:#666666;
}

.en-cate-title .top:hover{
	border-top-color:#cdb369;
	color:#cdb369;
}

/*---------------------*/

.item-brands.item-group li{padding-bottom:30px;}



/* === contact 聯絡我們 ============================================================
================================================================================*/

.item-contact , .item-links{ margin-top:30px;}
.item-contact > li , .item-links > li{ float:left; width:50%; padding-left:1.5%; padding-right:1.5%;}
.item-contact > li:nth-child(2n+1) , .item-links > li:nth-child(2n+1){ clear:both; float:left;}


.contact-box , .links-box{ position:relative;}

.contact-box .box-pic img , .links-box .box-pic img{ 
	display:block; 
	width:100%; 
	max-width:120px; 
	height:auto; 
	margin:0 auto 10px auto;
	border:1px solid #cccccc;
}

.contact-box .box-left , .links-box .box-left{ position:absolute; top:0; left:0; width:120px;}

.contact-box .box-right , .links-box .box-right  { padding-left:130px;}

.contact-box .social-link{ text-align:center;}
.contact-box .social-link li{ display:inline-block;}

.contact-box .social-link li img{ 
	display:block; 
	width:100%; 
	max-width:25px; 
	height:auto; 
}

.social-link-no img{ opacity:0.5;}


/*---------------------*/

.shop-info-list{ font-size:0.95em;}

.shop-info-list li{ position:relative;}

.shop-info-list .title{ font-weight:900; font-size:1.2em;}

.shop-info-list span{ display:inline-block;}

.shop-info-list a{ color:inherit;}
.shop-info-list a:hover{ color:#8f7d49;}

.shop-info-list span.intro{ font-size:0.9em; margin-top:0px; color:#999;}

/*---------------------*/

/*.btn-go{
	position:absolute;
	top:0;
	right:5px;
}*/


/*---------------------*/

.item-search.item-group > li{padding-bottom:30px;}







/* === login 登入   ===============================================================
================================================================================*/
.sec-content-login{
	/*max-width:1000px;*/
	border:1px solid #d6d6d6;
	margin:30px auto;
	text-align:center;
}

/*---------------------*/

.sec-content-login .half-area-left:before{
	position:absolute;
	right:-6%;
	top:10%;
	height:80%;
	width:1px;
	content:"";
	background:#d6d6d6;
}

.sec-content-login .half-area-right{padding-top:10%;}

/*---------------------*/

.sec-content-login .section-header{ margin-bottom:0; border-bottom-color:transparent;}

/*---------------------*/

.fm-login{width:80%;}

.fm-login .fm-btn{
	width:100%;
	margin-left:0;
	margin-right:0;
	padding:10px 0;
}

/*---------------------*/

.login-help , .regis-help{ margin:30px 0;}
.login-help{text-align:right;}


.login-help-area , .regis-help-area{display:inline-block; text-align:center;}

.fgt-pwd-btn , .regis-btn{
	display:block;
	font-size:0.9em;
	padding:0.3em 2.5em;
	border:1px solid #4d4d4d;
	background:transparent;

	border-radius:20px;
	color:#4d4d4d;
}

.fgt-pwd-btn:hover , .regis-btn:hover{ color:#171717; border-color:#171717;}

.fgt-pwd-info , .regis-info{
	display:block;
	font-size:0.7em;
	color:#595656;
	margin-top:1px;
}



/* === register 註冊   ============================================================
================================================================================*/
/*.fm-register{ max-width:500px;}*/

.agree-area{ margin:20px 0;}

.agree-area , .agree-area a{ color:#666666;}

.agree-area a{ font-weight:600;}
.agree-area a:hover{ color:#810000;}

.register-rule iframe{ border:1px solid #cccccc; height:690px;}

.register-info-tltle{ margin-top:60px;}


/* === center 會員中心   ===========================================================
================================================================================*/

.center-list{
	width:60%; margin:30px auto;
}
.center-list:before, .center-list:after{ display:table; content:" " }
.center-list:after{ clear:both }

.center-list li{ 
	float:left;
	margin:0px 0 20px 0; 
	width:33.333333%; 
	padding:20px; 
	text-align:center;
}


.center-item-pic{ background:#666666;}
.center-item:hover .center-item-pic{ background:#cdb369;}

.center-item-pic.effect-btarc-pic{margin:0px;}

/*---------------------*/




/* === revise 會員資料修改 ==========================================================
================================================================================*/
.fm-revise{ max-width:500px; }

/*---------------------*/




/* === change_password 修改密碼 ====================================================
================================================================================*/

.fm-change-pwd{ max-width:400px; }






/* === forgot_password 忘記密碼 ====================================================
================================================================================*/

.fm-forg-pwd{ width:40%; text-align:center;}

.fm-forg-pwd .input-lab.active { top: 0; left: 50%; margin-left:-80px; width:150px; text-align:center;}




/* === cart 購物車 ================================================================
================================================================================*/

.sec-cart{ margin:30px 0 90px 0;}

/*---------------------*/

.sec-explain-cart{ 
	font-size:0.9em;
	background:rgba(209,209,209, 0.05);
	padding:10px;
}

.cart-item{ 
	position:relative;
	padding:10px;
	margin:10px 0;
	background:rgba(209,209,209, 0.1);
	border:1px solid rgba(102,102,102, 0.5);
	color:#666666;
}
.cart-item:before, .cart-item:after{ display:table; content:" " }
.cart-item:after{ clear:both }

.cart-item a{ color:#666666; }
.cart-item a:hover{ color:#333333; }

.cart-item-pic{
	float:left;
	width:13%;
	margin-right:2%;
	text-align:center;
}

.cart-item-pic img{ display:inline-block; width:100%; max-width:100px; height:auto;}

.cart-item-title{
	float:right;
	width:85%;
	padding:0px 40px 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid rgba(102,102,102, 0.3);
}

.cart-item-intro{
	float:right;
	width:50%;
	margin-right:35%;
	font-size:0.8em;
}
.cart-item-intro li{ float:left; width:50%;}

.delete-btn{
	position:absolute;
	top:10px;
	right:10px;
	width:30px;
	height:30px;
}

.cart-item .btn-close:before , .cart-item .btn-close:after{
	width: 20px;
	height: 2px;
	margin-top: -1px;
	margin-left: -10px;
}

.cart-quantity{
	position:absolute;
	bottom:10px;
	right:130px;
	font-size:0.85em;
}

.cart-total{
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:1em;
}

/*---------------------*/

.payment-method li{padding:0px 5px 10px 5px;}

.payment-selt{display:inline-block; width:150px;}

.payment-txt{
	border-top:1px solid rgba(102,102,102, 0.3); 
	font-size:0.8em; 
	color:#666;
	margin-top:10px;
}

.payment-txt-content{ margin:10px 0;}

/*---------------------*/

.total-wrap li{
	width:100%;
}
.total-wrap li:before, .total-wrap li:after{ display:table; content:" " }
.total-wrap li:after{ clear:both }

.total-name , .total-price{ float:left; display:block;}

.total-name{width:85%; text-align:left;}

.total-price{width:15%; text-align:right;}
.total-price.redtxt{ color:red;}

.total-pro .total-name{ font-size:0.8em;}

.total-endtotal{
	padding:20px 0;
	margin:10px 0;
	border-top:1px solid rgba(102,102,102, 0.3);
	border-bottom:1px solid rgba(102,102,102, 0.3);
}
.total-endtotal .total-name , .total-endtotal .total-price { 
	width:50%; 
	font-size:1.1em
}

/*---------------------*/

.cart-btn-line{ text-align:right;}

.fm-btn.all-btn{ width:100%; margin-right:0; margin-left:0;}

.cart-back-btn { background:transparent; border-color:#666; color:#666;}
.cart-back-btn:hover { color:#CDB369; border-color:#CDB369; background:transparent;}


/* === checkout 填寫配送資料 =======================================================
================================================================================*/

.sec-content-checkout .section-header{ margin-top:0; margin-bottom:15px; border-bottom:1px solid rgba(102,102,102, 0.5);}
.sec-content-checkout .section-title{ font-size:1.1em; font-weight:500;}

.half-area.half-area-checkout{ margin:0;}

/*---------------------*/

.cart-end-btn{
	border:1px solid #810000;
	background:#810000;
}

.cart-end-btn:hover{
	border:1px solid #670000;
	background:#670000;
	color:#FFF;
}



/* === order 訂單查詢 =============================================================
================================================================================*/

.half-area-order{
	border:1px solid #d6d6d6;
	margin:30px auto;
	padding:30px;
	text-align:center;
}

/*---------------------*/

.half-area-order .half-area-left:before{
	position:absolute;
	right:-6%;
	top:10%;
	height:80%;
	width:1px;
	content:"";
	background:#d6d6d6;
}

.half-area-order .half-area-right{padding-top:30px;}

/*---------------------*/

.order-search-area .input-lab{position:relative; display:inline-block;}

.order-search-area .input-txt{width:180px;}

/*---------------------*/

.order-note{
	font-size:14px;
	margin:30px 0 5px 0;
	color:#666;
}

/*---------------------*/

.tb-order{margin:0 auto 90px auto;}
.tb-order a{ color:#000000; font-weight:600;}
.tb-order a:hover{color:#810000;}

/*---------------------*/

.fm-order-rpt{ max-width:400px;}

.fm-order-rpt li{ padding-left:90px;}

/*---------------------*/

.order-ok-note{
	font-size:1em;
	color:#AD0506;
	margin:30px 0;
	
}

.order-view-info{
	/*max-width:280px;*/
	margin:30px auto;
}

.order-view-info li{
	margin:0 0 10px 0;
	text-align:left;
}