@charset "utf-8";
/*CSS Document*/




/***********header***********/
header{position:relative;z-index:999;background-color:#fff; border-bottom: 1px solid #E4E4E4;}
header.header-fixed{position:fixed;top:0;left:0;right:0;}
.header { position: relative; }



/*logo*/
.header-logo { text-align: center; padding: 10px 0; }
.header-logo a{display:inline-block;height:60px;vertical-align: top;}
.header-logo a img{display:block;height:100%;}



/*全圆角*/
.language{line-height:1em; position: absolute; top: 50%; right: 0; margin-top: -15px;}
.language dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer;}
.language dt{height:28px;line-height:28px;color:#131313;font-size:12px;font-weight:700;cursor:pointer;width:28px;text-align:center;border-radius:100px;border:1px solid #cdcdcd;}
.language dt:hover{border-color:#131313;}
.language dd{position:absolute;top:100%;left:0;right:0;z-index:990;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:4px;display:none;padding:4px 0;text-align:center;border-radius:6px;}
.language dd a{display:block;padding:6px 8px;font-size:12px;line-height:18px;}
.language dd a:hover{color:#FF477E;}
.language dt:after{
	content:"\e732";font-family:"iconfont"!important;position:absolute;top:0;right:0;z-index:-1;font-size:12px;color:#131313;line-height:14px;display:none;text-align:center;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
/*.language dt.cur:after{content:"\e731";}*/






.copyright { font-size: 14px; line-height: 1.5em; padding: 12px 0; text-align: center; border-top: 1px solid #cecfd3; }









/***********首頁***********/

.checkout { background-color: #F9F9F9; padding: 66px 0; }

.checkout-r { box-sizing: border-box; padding-left: 30px; }

.checkout-title { font-size: 18px; font-weight: 700; margin-bottom: 16px; }

.checkout .form-row .form-input.df { grid-gap:6px 6px; }
.checkout .form-row .form-input.df > select { width: 80px; }
.checkout .form-row .form-input.df:after { display: none; }

.checkout-box hr { border-bottom-color: #E4E4E4; }

.checkout-proof-document { border:1px dashed #D3D3D3; padding: 24px; text-align: center; border-radius: 4px; }
.checkout-proof-document h3 { font-size: 12px; font-weight: 700; margin-bottom: 8px; }
.checkout-proof-document h3 span { font-size: 12px; font-weight: 700; color: #C89D4F; }
.checkout-proof-document p { font-size: 10px; }

.checkout-table hr { margin: 0 -16px; width: auto; }
.checkout-table td { padding: 0 5px 20px; font-size: 12px; color: #666; }
.checkout-table td:last-child { text-align: right; }
.checkout-table thead td { font-weight: 700; color: #000; padding-bottom: 14px; white-space:nowrap; }
.checkout-table td strong { font-size: 14px; font-weight: bolder; }

.checkout-choice label { display: inline-flex; align-items: center; padding: 8px; color: #525252; font-size: 12px; font-weight: 700; position: relative; }
.checkout-choice img { display: block; height: 20px; margin-right: 10px; }
.checkout-choice label input { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; }
.checkout-choice label input:after { display: none; }
.checkout-choice label input:before { border: 1px solid #e4e4e4; border-radius: 4px; background-color: transparent !important; 
	-webkit-transform:scale(1) !important;
	-moz-transform:scale(1) !important;
	-ms-transform:scale(1) !important;
	-o-transform:scale(1) !important;
	transform:scale(1) !important; }
.checkout-choice input[type='radio']:checked:before { background-color: transparent !important; border-color: #C89D4F !important; }

.checkout-btn .btn-base { width: 100%; color: #fff;
	background:-webkit-linear-gradient(left, #F6DFA4, #AC8550);
    background:-moz-linear-gradient(left, #F6DFA4, #AC8550); 
    background:-o-linear-gradient(left, #F6DFA4, #AC8550); 
    background:linear-gradient(to right, #F6DFA4, #AC8550); }
.checkout-btn > p { margin-top: 16px; font-size: 12px; color: #404040; }









/*  */


/*wine*/
/*.wine { padding: 50px 0 120px; }*/
.wine_step { float: left; width: 260px; background-color: #fff; box-shadow: 0 3px 60px rgba(0,0,0,.08); }
.wine_list { float: right; width: 1136px; }


.pay_complete_box { 
	height:-webkit-calc(100vh - 248px);
	height:-moz-calc(100vh - 248px);
	height:calc(100vh - 248px); }



/*insidebanner*/
.insidebanner { position: relative; overflow: hidden; }
.insidebanner_txt { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; }
.insidebanner_txt h3 { text-align: center; font-size: 40px; line-height: 1em; margin: 0 auto 20px; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.12); }
.insidebanner_txt:after { content: ""; width: 100%; height: 180px; display: block; background: url(../images/insidebanner-bg2.png) repeat-x; position: absolute; left: 0; bottom: 0; z-index: -1; }
.insidebanner_box img { display: block; width: 100%; height: auto; }

/*.insidebanner .crumbs { position: absolute; top: 24px; left: 50%; margin-left: -600px; }
.insidebanner .crumbs a { color: #9ca0a6; }*/


.insidebanner_box img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: bottom center;
}



.pay_complete { text-align: center; padding-top: 50px; }
.pay_complete img { width: 140px; height: auto; display: block; margin: 0 auto; }

.pay_complete_txt { margin: 30px auto; width: 750px; max-width: 95%; }
.pay_complete_txt p { font-size: 12px; color: #636a70; line-height: 1.4em; }
.pay_complete_txt h2 { font-size: 16px; margin-bottom: 12px; }

.pay_complete_btn a { margin: 0 15px 10px; }





/* login */
.login { margin: 50px auto 80px; }
.login_box { border: 0; }
.login a.common_btn { line-height: 50px; font-size: 16px; padding: 0 100px 0 24px; }
.login .if-yanjing:hover { color: #AC8550; }
.login_return { line-height: 1em; }
.login_return i { font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }

.login_title { margin-bottom: 36px; display: flex; align-items: flex-end; justify-content: space-between; }
.login_title h2 { font-size: 36px; font-weight: 700; line-height: 1em; }
.login_title h2 p { line-height: 1.3em; margin-top: 12px; color: #999; }
.login_title_register { font-weight: 700; }
.login_title_register a { font-weight: 700; color: #AC8550; text-decoration: underline; }
.login_title_register a:hover { opacity: .7; }

.login_submit { padding-top: 26px; }
.login_submit .common_btn { 
	font-size: 18px; line-height: 50px; height: 50px; margin-left: auto; display: block; width: 100%; border-radius: 100px;
	background:-webkit-linear-gradient(left, #F6DFA4, #AC8550);
    background:-moz-linear-gradient(left, #F6DFA4, #AC8550); 
    background:-o-linear-gradient(left, #F6DFA4, #AC8550); 
    background:linear-gradient(to right, #F6DFA4, #AC8550);  
}
.login_submit .common_btn:after { font-size: 14px; vertical-align: top; margin-left: 6px; display: none; }

.login_submit .form_choice a { display: inline-block; vertical-align: top; color: #AC8550; margin: 0 3px; }
.login_submit .form_choice a:hover { text-decoration: underline; }

.login_forgot { margin-top: 12px; font-weight: 700; display: inline-block; vertical-align: top; }
.login_forgot i { font-size: 14px; margin-right: 3px; font-weight: normal; }
.login_forgot:hover,
.login_forgot:hover i { color: #AC8550; }

.login_form label { font-size: 18px; font-weight: 700; line-height: 1em; margin-bottom: 6px; display: block; }
.login_form label:after { content: "*"; font-size: 18px; line-height: 1em; margin-left: 3px; color: #C11819; }
.login_form input[type="text"],
.login_form input[type="password"] { padding: 0 16px; border: 0; height: 50px; border-radius: 100px; background-color: #fff; border: 1px solid #131313; width: 100% !important; }

.login_form .form_input { position: relative; }
.login_form .form_input .form_code_img { margin: 0; position: absolute; top: 1px; right: 4px; height: 48px; }
.login_form .form_input .form_code_img img { display: block; height: 48px; border-radius: 18px; }
.login_form .form_choice label { font-size: 16px; margin-right: 0; }
.login_form .form_choice label:after { display: none; }

.field-checkoutform-district_id [role="radiogroup"] > label{position: relative; padding:8px 10px;margin-right: 10px;}
.field-checkoutform-district_id [role="radiogroup"] > label:last-child{margin-right:0;}
.field-checkoutform-district_id [role="radiogroup"] > label > input[type="radio"]{position: absolute;top: 0; left: 0; width:100%;height:100%;}
.field-checkoutform-district_id [role="radiogroup"] > label > input[type="radio"]:before{
	z-index: -1;
}
.field-checkoutform-district_id [role="radiogroup"] > label input[type='radio']:hover:before{
	transform: scale(1.05);
}
.field-checkoutform-district_id [role="radiogroup"] > label input[type='radio']:checked:before{
	background-color: #C89D4F !important;
    border-color: #dedede !important;
}

.tooltip-icon {
	margin-left: 4px;
	cursor: pointer;color: #faad14;
}

.tooltip1 {
	position: relative;
	display: inline-block;
}

.tooltip1 .tooltip-text {
	visibility: hidden;
	width: 200px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	font-weight: normal;
}

.tooltip1:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}
/*購物車*/
.cart_list_header {
    display: flex;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.cart_list_header span {
    font-size: 18px;
    font-weight: 700;
    color: #828282;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
}
.cart_list_header a {
    display: inline-block;
    vertical-align: top;
    margin-left: 24px;
    line-height: 18px;
    color: #828282;
}
.cart_list_row {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    margin-bottom: 20px;
    position: relative;
}
.cart_list_row .cart_list_cell:nth-child(5) a {
    display: block;
    width: 24px;
    margin-left: auto;
}
.cart_list_row .cart_list_cell:nth-child(5) a i {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #C7C7C7;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    background-color: #E9E9E9;
}
.cart_list_cell img {width:120px; height:120px;object-fit:cover;object-position:center center; }
.cart_list_bottom {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #E7E7E7;
}
.cart_list_row .cart_list_cell:nth-child(1) .df input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.cart_list_row .cart_list_cell:nth-child(1) .df {
    position: relative;
    padding-left: 36px; align-items: center;
}

.cart_list_cell > div hr { border-color: #a8a8a8; margin: 6px 0; }
.cart_list_cell > div:last-child hr { display: none; }
/* .cart_list_cell:nth-child(2) > div,
.cart_list_cell:nth-child(4) > div { padding: 2px 6px 6px; border: 1px solid #ddd; margin-bottom: 5px; } */
.cart_list_cell:nth-child(2) > div label,
.cart_list_cell:nth-child(2) > div div,
.cart_list_cell:nth-child(4) > div label,
.cart_list_cell:nth-child(4) > div div { font-size: 12px; }
.cart_list_header .cart_list_cell:nth-child(3) { text-align: center; }



.cart_list_bottom a {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    width: 180px;
    text-align: center;
    color: #909090;
    display: block;
    border: 1px solid #909090;
}
.cart_list_bottom a:first-child {
    float: left;
}
.cart_list_cell_text {
    padding: 6px 0 0 20px;
}
.margin_b80{
	margin-bottom:80px;
}
.cart_checkout {
    /* background-color: #F0F1F2; */
    /* padding: 30px 20px 20px; */
	margin-left: 36px;
	
}
.cart_checkout .order-item,
.cart_checkout .order-total {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}
.cart_checkout .order-item > span,
.cart_checkout .order-total > span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #828282;
}
.cart_checkout .order-item > span:nth-child(2),
.cart_checkout .order-total > span:nth-child(2) {
    color: #000;
    line-height: 18px;
}
.cart_checkout_btn {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 50px;
    background-color: #AC4425;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-top: 24px;

	border-radius: 100px;

	    background: -webkit-linear-gradient(left, #F6DFA4, #AC8550);
    background: -moz-linear-gradient(left, #F6DFA4, #AC8550);
    background: -o-linear-gradient(left, #F6DFA4, #AC8550);
    background: linear-gradient(to right, #F6DFA4, #AC8550);
}

@media screen and ( max-width:1367px ){ 
	
	.w1136, .w1170, .w1180, .w1200, .w1280, .w1366, .w1440 { width: 1024px; }
	
	/*.commonmargin { margin: 80px auto 120px; }
	.commonmargin2 { margin: 44px auto 54px; }
	.commonmargin_t { margin-top: 80px; }
	.commonmargin_b { margin-bottom: 160px; }
	
	.commonpadding { padding: 80px 0 120px; }
	.commonpadding2 { padding: 44px 0 54px; }
	.commonpadding_t { padding-top: 80px; }
	.commonpadding_b { padding-bottom: 160px; }*/
	
}


@media screen and ( max-width:996px ){ 

	.w750, .w960, .w1136, .w1170, .w1180, .w1200, .w1280, .w1366, .w1440 { width: 95%; }
	
	/*.commonmargin { margin: 66px auto 80px; }
	.commonmargin2 { margin: 36px auto 44px; }
	.commonmargin_t { margin-top: 66px; }
	.commonmargin_b { margin-bottom: 80px; }
	
	.commonpadding { padding: 66px 0 80px; }
	.commonpadding2 { padding: 36px 0 44px; }
	.commonpadding_t { padding-top: 66px; }
	.commonpadding_b { padding-bottom: 80px; }

	.insidebanner_box img { height: 150px; }
	.insidebanner_txt h3 { font-size: 66px; }
	.pay_complete img { width: 180px; }
	.pay_complete_txt { margin: 50px auto; }*/
	
}



@media screen and ( max-width:767px ){ 
	
	html.htmloverflow { overflow: hidden; position: fixed; width: 100%; height: 100%; }
	
	.gotop { right: 24px; bottom: 24px; }
	
	/*.commonmargin { margin: 30px auto 36px; }
	.commonmargin2 { margin: 30px auto 36px; }
	.commonmargin_t { margin-top: 30px; }
	.commonmargin_b { margin-bottom: 36px; }
	
	.commonpadding { padding: 30px 0 36px; }
	.commonpadding2 { padding: 30px 0 36px; }
	.commonpadding_t { padding-top: 30px; }
	.commonpadding_b { padding-bottom: 36px; }*/
	
	
}


@media screen and ( max-width:580px ){ 

	.insidebanner_txt h3 { font-size: 30px; }
	
	/*.insidebanner_box img { height: 100px; }
	.insidebanner_txt h3 { font-size: 40px; margin-bottom: 18px; }
	.pay_complete img { width: 160px; }
	.pay_complete_txt { margin: 30px auto 0; }
	.pay_complete_txt h2 { margin-bottom: 18px; font-size: 24px; }
	.pay_complete_txt p { font-size: 14px; }*/
	

}