@charset "utf-8";

.finput-list , .tbset{color:#333333; font-size:0.9em;}
.tbset thead td{ font-size:0.9em;} /*二級縮減*/

/*================================================================================*/


/*右側懸浮鈕===================*/
.side-cart {
	position:fixed;
	right:3px;
	bottom:25%;
	z-index:100;
	background:#5b7a3d;
	font-size:0.7em;
	text-align:center;
}
.side-cart , .side-cart a{ color:#FFF; }
.side-cart a{ display:inline-block; padding:4px 7px; }
.side-cart .icon{ display:inline-block; vertical-align:text-bottom; width:15px; height:15px;}
.side-cart .icon img{ width:100%; height:auto;}
.side-check{
	border-top:1px solid rgba(255,255,255,0.2);
	padding:2px 2px 0px 2px;
	margin-top:5px; 
}
.side-check:hover , .side-cart a:hover{ color:#FFF; }
.side-cart:hover { background:#7b0000; }


/*================================================================================*/
/*================================================================================*/

.backendpage{}

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

.backend-headline{ color:#333333; font-weight:600;margin:15px 0; }
.backend-headline .title{position:relative; padding-left:25px;}
.backend-headline .title:before{
	position:absolute;
	top:50%;
	left:0;
	width:16px;
	height:16px;
	margin-top:-8px;
	content:"";
	background:#333333 url(../images/backend-arrow.png) no-repeat center;
	background-size:12px 12px;
}
.backend-arrow3 .title:before{
	background:#333333 url(../images/backend-arrow3.png) no-repeat center;
	background-size:12px 12px;
}

.backend-headline .subtitle{ margin-left:5px; font-size:0.7em;}

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

.backend-box{}

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

.border-pd{border:1px solid #e5e5e5; padding:30px;}
.border-pd > .backend-headline{ margin-top:0px; margin-right:0px;}




/* <<=== cart 購物車 =====================================================================================>> */

/*購物流程*/
.shopping-process-wrap{margin:30px 0 60px 0; text-align:center;}
.shopping-process-list li{
	position:relative;
	display:inline-block;
	margin:0 10px;
	color:#cccccc;
}
.shopping-process-list .pic , .shopping-process-list .tilte-box{
	display:inline-block;
	vertical-align:middle;
	margin:0px 3px;
	text-align:left;
}
.shopping-process-list .pic{ width:30px;}
.shopping-process-list .pic img{ display:block; width:100%; height:auto;}
.shopping-process-list .tilte-box .title , .shopping-process-list .tilte-box .subtitle{
	display:block; 
	width:130px; 
	line-height:1.4;
}
.shopping-process-list .tilte-box .subtitle{ font-size:0.9em;}
.shopping-process-list li:before{
	position:absolute;
	top:50%;
	right:-20px;
	width:14px;
	height:14px;
	margin-top:-7px;
	content:"";
	background:url(../images/icon-step-arrow.png) no-repeat center;
	background-size:cover;
}
.shopping-process-list li:last-child:before{ display:none;}

.shopping-process-list li.active .tilte-box .title , .shopping-process-list li.active .tilte-box .subtitle{ 
	color:#7b0000;
}
.shopping-process-list li.active:before{ 
	background:url(../images/icon-step-arrow-hover.png) no-repeat center;
	background-size:cover;
}

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

.cartpage-area{ max-width:960px; margin-left:auto; margin-right:auto;}

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

/*付款方式*/
.payment-list{ font-size:0.9em;}
.payment-list li{ border-top:1px solid #e5e5e5;}
.payment-list li:last-child{ border-bottom:1px solid #e5e5e5;}

.payment-choose , .payment-title , .payment-txt {
	display: table-cell;
	/*display:inline-block; */
	vertical-align:middle; 
	padding:10px 0;
}
.payment-choose{ width:50px; text-align:center; background:#f4f4f4;}
.payment-title{ min-width:160px; padding:0 5px; border-right:1px solid #cccccc; }
.payment-txt { padding:4px 10px;}

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

.tb-cart tr{ border-bottom: 1px solid #e5e5e5;}

.tb-cart .td-pic{ width:80px;}
.tb-cart .cart-pic{ display:inline-block;}
.tb-cart .cart-pic{ 
	display:inline-block; 
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.tb-cart .cart-pic img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.tb-cart .td-name{ text-align:left;}

.tb-cart .td-num{ width:150px;}
.cart-qty-box:before, .cart-qty-box:after{ display:table; content:" " }
.cart-qty-box:after{ clear:both }
.cart-qty-box , .cart-refresh-btn{ display:inline-block; vertical-align:middle;}
.cart-qty-box .num-txt , .cart-qty-box .qtyminus{
	float:left;
	border:1px solid #cccccc;
	background:transparent;
	height:25px;
	text-align:center;
}
.cart-qty-box .num-txt{ 
	border-left-width:0px; 
	border-right-width:0px;
	padding:0 10px; 
	width:35px; 
	font-size:0.9em;
}
.cart-qty-box .qtyminus{ width:25px; cursor:pointer; color:#999}
.cart-qty-box .qtyminus:hover{ color:#000;}
.cart-refresh-btn{
	border:1px solid #cccccc;
	background:transparent;
	height:25px;
	padding:0 5px;
	cursor:pointer;
	color:#666666;
}
.cart-refresh-btn:hover{ border-color:#770000; background:#770000; color:#ffffff;}

.tb-cart .td-dollar{ width:80px;}

.tb-cart .td-price{ width:100px; text-align:right;}

.tb-cart .td-delete{ width: 50px;}
.delete-btn{display:inline-block; height:35px; width:35px;}
.delete-btn:before , .delete-btn:after{
	height: 3px;
	margin-top: 4px;
	margin-left: -7px;
	width: 15px;
}
.delete-btn:hover:before , .delete-btn:hover:after{background:#770000;}

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

.total-area{ 
	position:relative; 
	font-size:0.9em; 
	text-align:right; 
	padding-right:55px;
	margin:10px 0;
 }
.total-list{ display:inline-block;}
.total-list li{ margin-bottom:5px;}
.total-list .price{ display:inline-block; width:100px;}
.total-list .redtxt{ color:red;}
.total-list .endtotal{ border-top:1px solid #cccccc; }
.total-list .endtotal .price{ font-size:1em; font-weight:600;}

.cart-axplain{ position:absolute; top:0; left:0; max-width:450px; text-align:left;}
.cart-axplain .title{ 
	display:inline-block; 
	background:#333; 
	color:#ffffff; 
	padding:1px 5px;
	line-height:1.4;
}



/* <<=== cart-confirm 購物車確認 ============================================================================>> */
.cart-confirm-set.total-area{padding-right:5px;}
.cart-confirm-set .payment-title{ font-weight:600;}


/* <<=== checkout 填寫配送資料 ============================================================================>> */
.fm-checkout{ max-width:960px;}

.chk-area{ font-size:0.8em; color:#666; display:inline-block; margin-left:25px;}
.chk-area .chkbtn , .chk-area .lab{ color:#333; vertical-align:middle;}


/* <<=== login 登入  =====================================================================================>> */
.fm-login{ max-width:400px;}

.fm-login .finput { padding-left:90px;}

.login-help-wrap{ text-align:center;}
.help-box{
	display:inline-block; 
	margin:0 5px 20px 5px;
	text-align:center;
	vertical-align:middle;  
}
.help-box .help-btn{
	background:transparent;
	border:1px solid #666666;
	color:#666666;
	display:inline-block;
	font-size:0.85em;
	padding:0em 10px;
	/*width:120px;*/
}
.help-box .help-info{ color:#999999; display:block; font-size:0.7em; margin-top:1px;}
.help-box:hover .help-btn{ border-color:#99CC66; color:#99CC66; }


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

.agree-area{text-align:center;}
.agree-area , .agree-area a{ /*color:#666666;*/}
.agree-area a{ font-weight:600; /*text-decoration:underline;*/}
.agree-area a:hover{ color:#810000;}

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


/* <<=== forgot_password 修改密碼 =========================================================================>> */
.fm-forg-pwd{ max-width:400px; text-align:center;}
.fm-forg-pwd .ftext{ width:200px;}


/* <<=== center 會員中心 ==================================================================================>> */
.center-list{width:60%; margin-left:auto; margin-right: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; 
	padding:30px; 
	text-align:center;
	width:33.333333%; 
}
.center-item .pic{ background:#666666;  margin-bottom:10px; border:1px solid #666666; border-radius:50%;}
.center-item .pic img{ display:block; border-radius:50%;}
.center-item:hover .pic{ background:#99CC66; border-color:#99CC66; }
/*.center-item .title{ font-size:0.9em; }*/
.center-item:hover .title a{ color:#99CC66;}

/* <<=== order 訂單查詢 ===================================================================================>> */
.orderpage-area{ max-width:960px; margin-left:auto; margin-right:auto;}
.orderpage-box{ padding-top:15px; padding-bottom:5px;}

.order-time-search .fline{ display:inline-block; margin-right:30px;}

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

.tb-order a{ color:#000000; font-weight:600;}
.tb-order a:hover{color:#810000;}
.tb-order{ font-size:1em;}
.tb-order tr{ border-bottom: 1px solid #e5e5e5;}
.tb-order thead td{ font-size:0.9em;}

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

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

/*---------------------*/
.order-viewpage-area{max-width:960px; margin-left:auto; margin-right:auto;}
.order-ok-note{font-size:1em;color:#AD0506;margin:30px 0;}


/* <<=== revise 會員資料修改 ===============================================================================>> */
.fm-revise{ max-width:500px; }
.fm-revise .finput { padding-left:90px;}


/* <<=== change_password 修改密碼 =========================================================================>> */
.fm-change-pwd{ max-width:400px; }