@font-face {
font-family:"Cinzel";
src: url(../font/Cinzel-Regular.ttf);
}
/**{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}*/
input,textarea {
-webkit-user-select:auto; /*webkit忙碌è«çŒ«æ‚藛氓鈩⒙�*/
}
img{ max-width: 100%;}
body.close-scoll{
width: 100%;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
}
._rgb{
display: none;
background: #000;
opacity: .8;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 88;
}
/*******************Start header*************************/
.header-user{
text-align: right;
margin-bottom: 10px;
}
.header-user a{
color: #dea124;
}
.header{
width: 100%;
z-index: 555;
padding-top: 18px;
padding-bottom: 18px;
background: #ffffff;
}
.home_header{
position: absolute;
top: 0;
width: 100%;
left: 0;
background: none;
}
.header-top{
position: absolute;
top: 24px;
width: 100%;
padding: 0 42px;
z-index: 1;
height: 0;
}
.header_left{
color: #ffffff;
}
.header_left .text{
font-size: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #636a70;
}
.home_header .header_left .text{
color: #ffffff;
}
.header_right .language{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.header_right .language a{
color: #9ca0a6;
margin: 0 5px;
}
.home_header .header_right .language a.active{
color: #ffffff;
}
.header_right .language a.active{
color: #2f3032;
}
.home_header .header_right .language a:hover{
color: #ffffff;
}
.header_right .language a:hover{
color: #2f3032;
}
.header .icons{
display: inline-block;
vertical-align: middle;
}
.header .icons>a{
width: 30px;
height: 30px;
border: 1px solid #676e73;
border-radius: 50%;
}
.header .icons .icon-wrap{
display: block;
float: left;
margin: 0 10px;
position: relative;
cursor: pointer;
}
.header .icons .icon-wrap.personal>a{
width: 30px;
height: 30px;
border: 1px solid #676e73;
border-radius: 50%;
display: block;
position: relative;
}
.header .icons .icon-wrap.personal:hover>a{
border-color: #dea124;
background-color: #dea124;
}
.header .icons .icon-wrap.personal:hover .personal_box{
display: block;
}
.personal_box{
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 100px;
text-align: center;
display: none;
padding: 10px 0;
}
.personal_box ul{
background: rgba(12, 12, 12, 0.76);
}
.personal_box li a{
display: block;
line-height: 32px;
color: #ffffff;
}
.personal_box li:hover a{
background: #DEA124;
}.header .icons a.wechat:after{
display: none;
background: url(/uploads/40171546655929MC_Wechat_QRcode.jpg);
content: "";
position: absolute;
top: 110%;
left: 50%;
transform: translateX(-50%);
z-index: 3;
background-size: 100%;
width: 100px;
height: 100px;
}
.header .icons a.wechat:hover:after{
display: block;
}
.home_header .icons a{
border-color: #ffffff;
}
.home_header .icon-wrap .icon{
color: #ffffff;
}
.icon-wrap{
position: relative;
}
.icon-wrap .icon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #636a70;
}
.header .icons a.email .number{
width: 14px;
height: 14px;
position: absolute;
top: -7px;
right: -4px;
background: #dea124;
color: #ffffff;
display: inline-block;
border-radius: 50%;
text-align: center;
font-size: 12px;
line-height: 14px;
}
.header .icons>a:hover{
border-color: #dea124;
background-color: #dea124;
}
.header .icons a.icon-wrap:hover .icon{
color: #ffffff;
}
.header-content{
position: relative;
text-align: center;
}
.header-content > .container > .row > a{
display: inline-block;
}
.header_logo{
background-image: url(../image/header/logo.png);
width: 273px;
height: 99px;
margin: 0 auto 20px;
}
/*header_logo*/
.header .nav{
text-align: center;
}
/*.header .nav*/
.nav_menu{
position: absolute;
top: 65%;
transform: translateY(-50%);
left: 20px;
display: none;
}
.nav_menu i{
background: url(../image/menu.png) no-repeat;
width: 36px;
height: 36px;
display: inline-block;
}
.header .header-content .nav_list>li{
display: inline-block;
margin-left: 18px;
margin-right: 18px;
position: relative;
}
.header .header-content .nav_list>li>a{
font-size: 16px;
color: #2f3032;
}
.header .header-content .nav_list>li:hover>a{
color: #dea124;
}
.home_header .header-content .nav_list>li>a{
color: #ffffff;
}
.header .header-content .nav_list>li.active>a, .home_header .header-content .nav_list>li.active>a{
color: #dea124;
}
html[lang="en-US"] .header .nav_list>li:nth-of-type(5) .drop-down-menu{
width: 140px;
}
html[lang="en-US"] .header .nav_list>li:nth-of-type(5) .drop-down-menu .menu-item1{
width: auto;
}
/*.header .nav_list*/
/**********************End header***********************/
/**************************banner****************************/
.main{
background: url(../image/home/collection_bg.png);
/*background-size: 100% auto;*/
}
.main_content{
background: url(../image/home/collection_bg.png);
/*background-size: 100% auto;*/
/*display: none;*/
}
.banner{
position: relative;
}
.banner:after{
position: absolute;
background: rgba(0,0,0,.4);
content: "";
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
}
.ljdb{
margin-top: 15px;
margin-bottom: 15px;
}
.breadcrumb{
padding: 0;
margin-bottom: 0;
border: none;
background: none;
text-align: left;
position: relative;
z-index: 2;
}
.breadcrumb>span, .breadcrumb > .active{
color: #2F3032;
font-size: 16px;
}
.breadcrumb a{
display: inline-block;
font-size: 16px;
}
.breadcrumb>span{
display: inline-block;
margin: 0 6px;
}
.breadcrumb .iconfont{
color: #2F3032;
}
.breadcrumb a:hover .iconfont{
color: #dea124;
}
.banner .title{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #ffffff;
z-index: 2;
}
.banner .title h1{
font-size: 48px;
margin-top: 0;
margin-bottom: 0;
}
html[lang="en-US"] .banner .title h1{
font-family: "Cinzel";
font-size: 40px;
}
.banner .title p{
margin-top: 14px;
margin-bottom: 0;
letter-spacing: 2px;
font-size: 24px;
}
html[lang="en-US"] .banner .title p{
font-family: "Cinzel";
font-size: 28px;
}
html[lang="en-US"] h2, html[lang="en-US"] h1, html[lang="en-US"] h3{
font-family: "Cinzel";
}
.home-main{
padding-top: 0;
}
.main{
padding-top: 0px;
overflow-x: hidden;
}
.other_main{
padding-top: 0;
}
html[lang="en-US"] .other_header .banner .title h1{
font-family: "Cinzel";
font-weight: 400;
}
/**********************End banner***********************/
/**********************Start carefully_chosen *******************/
.carefully_chosen{
background: url(../image/home/carefully-bg1.jpg)no-repeat;
padding-top: 150px;
padding-bottom: 150px;
position: relative;
}
.carefully_left{
position: absolute;
top: 50%;
transform: translateY(-50px);
left: 116px;
}
.carefully_left .title_text {
color: #2f3032;
}
.carefully_left .title_text h2{
font-size: 36px;
}
.carefully_left .title_text p{
font-size: 16px;
margin-top: 24px;
margin-bottom: 50px;
}
.carefully_left .more_btn{
width: 220px;
height: 54px;
text-align: center;
font-size: 16px;
font-weight: bold;
border: 1px solid #2f3032;
color: #2f3032;
display: block;
line-height: 52px;
}
.carefully_left .more_btn:hover{
color: #ffffff;
border-color: #dca227;
background: #dca227;
}
.carefully_right{
width: 954px;
margin-right: 194px;
position: relative;
}
/******************End carefully_chosen *********************/
/*********************Start activity***********************/
.index-2{
margin-top: 100px;
}
.home-activity{
margin-top: 92px;
}
.home-activity img{
width: 100%;
}
.home-activity_item{
position: relative;
}
.liquor_type{
position: absolute;
width: 100%;
bottom: 0;
height: 48px;
background-color: rgba(0,0,0,.4);
padding-left: 20px;
padding-right: 20px;
cursor: pointer;
}
.liquor_type .scene{
font-size: 20px;
color: #ffffff;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
padding: 0 15px;
}
.liquor_type .scene a{color: inherit;}
html[lang="en-US"] .liquor_type .scene{
font-family: "Cinzel";
font-size: 14px;
}
.liquor_type .more{
display: block;
float: right;
color: #ffffff;
}
.liquor_type:hover{
background-color: rgba(170, 93, 15, .4);
}
/*********************End activity***********************/
/*************************Start collection*****************************/
.index-3{
padding-top: 80px;
padding-bottom: 160px;
padding-left: 10px;
padding-right: 10px;
}
.collection{
position: relative;
padding-bottom: 160px;
}
.collection-bg{
width: 46.61%;
height: 100%;
position: absolute;
left: 44px;
background-color: #cc9e6f;
top: 0;
}
.collection .container{
position: relative;
}
.collection_title{
margin-bottom: 112px;
}
.collection_left{
width: 680px;
}
.collection_left img{
width: 100%;
}
.collection_right{
width: 520px;
height: 380px;
position: relative;
padding-left: 54px;
}
.collection-content{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wine_name{
color: #2f3032;
}
.source{
line-height: 22px;
color: #636a70;
margin-top: 30px;
margin-bottom: 32px;
}
.collection-content .more{
width: 120px;
line-height: 36px;
color: #2f3032;
font-weight: bold;
background-color: #ffffff;
border: 1px solid #2f3032;
display: block;
text-align: center;
}
.collection-content .more:hover{
border-color: #dca227;
background: #dca227;
color: #ffffff;
}
.collection_item{
margin-top: 54px;
}
/*********************End collection*************************/
/********************Start footer*********************/
.main_footer{
padding-top: 30px;
background: #e8e8e8;
padding-bottom: 15px;
}
.main_footer .footer_wrap{
position: relative;
}
.main_footer .footer_list ul{
margin-left: -50px;
}
.main_footer .footer_list_item{
float: left;
margin: 0 50px;
}
.main_footer .footer_list_item .item-title{
color: #aa5d0f;
}
.main_footer .footer_list_item .item-content{
margin-top: 15px;
}
.main_footer .footer_list_item .item-content a{
display: block;
margin-bottom: 6px;
}
html[lang="en-US"] .main_footer .footer_list_item .item-content a{
font-size: 14px;
}
.main_footer .footer_list_item .item-content a:hover{
color: #aa5d0f;
}
.main_footer .footer_list_item .item-content.icons a{
display: inline-block;
margin-bottom: 0;
width: 30px;
height: 30px;
border: 1px solid #666d73;
border-radius: 50%;
margin-right: 5px;
position: relative;
cursor: pointer;
}
.main_footer .footer_list_item .item-content.icons a .iconfont{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #636a70;
}
.main_footer .footer_list_item .item-content.icons a:hover{
background: #aa5d0f;
border-color: #aa5d0f;
}
.main_footer .footer_list_item .item-content.icons a:hover .iconfont{
color: #ffffff;
}
.main_footer .footer_list_item .item-content.icons a:last-child{
margin-right: 0;
}
.main_footer .footer_list_item .item-content.icons a.wechat:after{
content: "";
width: 100px;
height: 100px;
display: none;
position: absolute;
top: 110%;
left: 50%;
transform: translateX(-50%);
background: url(/uploads/40171546655929MC_Wechat_QRcode.jpg);
background-size: 100%;
z-index: 5;
}
.main_footer .footer_list_item .item-content.icons a.wechat:hover:after{
display: block;
}
.main_footer .footer_right{
position: absolute;
right: 0;
top: 0;
}
html[lang="en-US"] .main_footer .footer_list_item{
margin: 0 32px;
}
html[lang="en-US"] .main_footer .footer_right .search{
width: 100%;
}
html[lang="en-US"] .main_footer .footer_list ul{
margin-left: 0;
}
html[lang="en-US"] .main_footer .footer_list_item .item-title{
font-size: 18px;
}
.main_footer .footer_right .search{
width: 100%;
height: 44px;
border: 1px solid #aa5d0f;
line-height: 42px;
padding-left: 15px;
font-size: 16px;
position: relative;
}
.main_footer .footer_right .search i{
position: absolute;
z-index: 2;
right: 15px;
line-height: 44px;
cursor: pointer;
color: #d0d2cf;
}
.main_footer .footer_right .search i:hover{
color: #dea124;
}
.main_footer .footer_right .search input{
width: 100%;
background: #e8e8e8;
}
.main_footer .footer_right .other{
margin-top: 35px;
text-align: center;
}
.main_footer .footer_right .other a{
margin-right: 18px;
display: inline-block;
}
.main_footer .footer_right .other a:nth-of-type(1){
width: 160px;
}
.main_footer .footer_right .other a:nth-of-type(2){
width: 100px;
}
.main_footer .footer_right .other a img{
width: 100%;
}
.main_footer .footer_right .other a:last-child{
margin-right: 0;
}
.main_footer .footer-bottom{
text-align: center;
margin-top: 70px;
}
.footer-logo{
margin-top: 26px;
position: absolute;
width: 400px;
right: 0; text-align: right;
}
.i-title h2{
text-align: center;
position: relative;
}
.i-title h2:after{
position: absolute;
display: block;
width: 30px;
height: 1px;
content: "";
background-color: #2f3032;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
}
/*********************other*********************/
._container{
width: 1200px;
margin: 0 auto;
}
.other_header .top{
height: 120px;
position: relative;
overflow: hidden;
}
.other_header .top .logo{
background: url(../image/other/logo.png)no-repeat;
width: 274px;
height: 99px;
background-size: 100%;
margin: 12px auto 0;
}
.other_header .top .header_right{
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
}
.other_header .top .header_right ul{
display: inline-block;
vertical-align: middle;
}
.other_header .top .header_right ul li{
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #676e73;
float: right;
margin-left: 16px;
display: none;
}
.other_header .top .header_right ul li:nth-last-child(1){
margin-left: 0;
}
.other_header .top .header_right .email{
position: relative;
display: block;
}
.other_header .top .header_right .email .number{
position: absolute;
width: 14px;
height: 14px;
display: block;
border-radius: 50%;
border: 1px solid #a75f17;
top: -7px;
right: 0;
color: #ffffff;
background: #a75f17;
font-size: 12px;
text-align: center;
line-height: 12px;
font-weight: bold;
}
.other_header .top .header_right li a{
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
}
.other_header .top .header_right .facebook a{
background: url(../image/other/facebook.png)no-repeat center;
}
.other_header .top .header_right .switch a{
background: url(../image/other/switch.png)no-repeat center;
}
.other_header .top .header_right .box a{
background: url(../image/other/box.png)no-repeat center;
}
.other_header .top .header_right .email a{
background: url(../image/other/email.png)no-repeat center;
}
.other_header .banner{
position: relative;
}
.other_header .banner img{
width: 100%;
}
.other_header .banner .title{
position: absolute;
width: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
}
.other_header .banner .title h1{
font-size: 48px;
font-weight: bold;
}
.other_header .banner .title p{
font-family: "Semibold";
font-size: 16px;
margin-top: 16px;
letter-spacing: 2px;
}
.path-1{
padding-top: 80px;
padding-bottom: 160px;
}
.activity_bg{
background: url(../image/home/collection_bg.png);
}
.activity_bg.path-1{
padding-top: 0;
}
.activity_logo{
/*width: 780px;*/
width: 100%;
margin-top: 20px;
}
.activity_content{
display: none;
width: 660px;
height: 460px;
background: url(../image/other/active-2.jpg);
color: #4d443d;
padding: 30px;
}
.activity_content .title{
font-weight: bold;
padding-bottom: 12px;
border-bottom: 2px solid #4d443d;
}
.activity_content .time{
font-size: 18px;
font-weight: bold;
margin-top: 8px;
}
.activity_content .place{
margin-top: 16px;
}
.activity_content .activity_item{
font-size: 16px;
margin-bottom: 10px;
font-weight: bold;
}
.activity_content .particular-year{
margin-top: 5px;
line-height: 21px;
}
.product_list{
padding: 0 15px;
}
.product_list .title{
text-align: center;
color: #2f3032;
margin-top: 40px;
margin-bottom: 40px;
}
html[lang="en-US"] .product_list .title{
font-family: "Cinzel";
font-size: 24px;
}
.product_list ._list{
margin: 0 -15px;
}
.product_list ._list .list-item{
float: left;
width: 25%;
text-align: center;
margin-bottom: 30px;
position: relative;
}
.product_list ._list .list-item .add-1{
transform: translate(-50%, -50%);
position: absolute;
z-index: 99999;
text-align: center;
width: 100%;
left: 50%;
top: 50%;
-webkit-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
display: none;
}
.product_list ._list .list-item:hover .add-1{
display: block;
}
.product_list ._list .list-item a{
margin: 0 15px;
display: block;
border:1px solid #e6e6e6;
-webkit-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
background-color: #fff;
}
.product_list ._list .list-item:hover a{
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
box-shadow: 0 10px 20px rgba(0,0,0,.5);
}
.list-item .price{
padding-bottom: 15px;
}
.product_list ._list .list-item .img{
position: relative;
/*border: 1px solid #ccc;*/
}
.product_list ._list .list-item .img img{
width: 100%;
}
.product_list ._list .list-item .img .icon{
position: absolute;
display: block;
background: url(../image/other/icon-1.png)no-repeat;
width: 68px;
height: 68px;
right: 4px;
top: 4px;
}
.product_list ._list .list-item .text{
background: #ffffff;
color: #000;
padding: 12px 0;
font-size: 18px;
position: relative;
}
.product_list ._list .list-item .text .name{
padding-left: 4px;
padding-right: 4px;
font-size: 14px;
/*height: 60px;*/
}
.product_list ._list .list-item .text .price .old_price{
font-size: 14px;
color: #ccc;
position: relative;
}
.product_list ._list .list-item .text .price .old_price:after{
position: absolute;
width: 110%;
content: "";
display: block;
height: 1px;
background: #ccc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product_list ._list .list-item .text .icon{
background: url(../image/other/product-icon.png)no-repeat;
width: 25px;
height: 25px;
background-size: 100%;
position: absolute;
right: 24px;
bottom: 12px;
}
.product-content.intro-nav{
/*border: 1px solid #cbcbcb;*/
margin-top: 20px;
}
.product-content.intro-nav .nav-top {
overflow: hidden;
}
.product-content.intro-nav .nav-top span {
height: 40px;
line-height: 40px;
font-size: 16px;
/*border-right: 1px solid #cbcbcb;*/
/*border-bottom: 1px solid #cbcbcb;*/
float: left;
display: block;
color: #999999;
width: 90px;
padding-left: 20px;
cursor: pointer;
}
.product-content.intro-nav .nav-top span h2 {
line-height: 40px;
font-size: 16px;
margin-top: 0px;
}
.product-content.intro-nav .nav-top span.active {
border-bottom: 0;
color: #666666;
font-weight: 500;
border: 1px solid #dca227;
}
.product-content.intro-nav .nav-top span:last-child {
/*border-right: 0;*/
/*width: auto;*/
margin-left: 90px;
float: none;
}
.product-content.intro-nav .nav-tasting1 {
padding: 0 0 20px;
line-height: 25px;
}
.product-content .robert {
background: #f0f0f0;
padding: 0 20px 8px 20px;
}
.product-content .robert .cell {
margin: 8px 20px 0 0;
display: inline-block;width: 45%;
}
.product-content .robert .cell p {
border-radius: 3px;
margin: 0;
display: inline-block;
height: 17px;
line-height: 18px;
font-size: 12px;
width: 26px;
text-align: center;
color: #fff;
background: #cb9056;
margin-right: 5px;
}
.tasting > h5{color: #dca227; font-family: "Cinzel";font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.product-comment-form{ margin-top: 20px; }
.product-comment-form > h2{
font-size: 16px;
font-weight: bold;
color: #dca227;
}
.product-comment-form label {
font-size: 14px;
color: #2f3032;
}
.product-comment-form textarea {
height: 64px;
border: 2px solid #b1b4b9;
border-radius: 0;
background: #f4f5f6;
display: block;
width: 100%;
padding: 6px 12px;
}
.product-comment-form .from_input{margin-top: 5px;}
.score .active{color: #dca227;}
.score i.star{width: 12px;margin-left: 2px; background-image: url("../img/star1.png"); height: 12px; display: inline-block; background-size: 100%; background-position: center; background-repeat: no-repeat; }
.score i.star.active{background-image: url("../img/star2.png");}
.score i.star > img{max-width: 12px !important;}
.product-score{/*display: none;*/}
.product-score{text-align: center; margin-top: 10px;}
.product-score .score >span{padding-left: 5px;}
.product-score .score >span >em{padding-right: 5px;}
.explain .score-row{margin-bottom: 15px}
.score-block .label-default{ background-color: #cb9056;}
.product-comment-list li{margin-bottom: 5px;padding-bottom: 5px; border-bottom: 1px solid #dca227;}
.product-comment-list li .top >span{padding: 5px 10px 5px 0px;}
.star-span{display: none;}
.star-span i.star{width: 12px;margin-left: 2px; background-image: url("../img/star1.png"); height: 12px; display: inline-block; background-size: 100%; background-position: center; background-repeat: no-repeat; }
.star-span i.star > img{max-width: 12px;}
.star-span i.star.active{background-image: url("../img/star2.png");}
.empty-period{height: 32px;}
.shoping > .pic{height: auto;}
.shoping .star-list{margin-bottom: 10px; text-align: left;}
.shoping .star-list .star-span{float: right; padding-right: 5px;}
.shoping .star-list .score-row{display: inline-block; padding-left: 5px;}
.shoping .star-list .score-row > .score-block{display: none;}
.shoping .star-list .score-row > .score-block:nth-child(0),
.shoping .star-list .score-row > .score-block:nth-child(1),
.shoping .star-list .score-row > .score-block:nth-child(2){display: inline-block;}
.shoping .star-list .score-block .label-default{padding: 0px 2px;}
.shoping .end-date{height: 19px; color: #d81e07;text-align: center; font-size: 13px; margin-top: 6px; margin-bottom: 7px;}
.shoping .end-date span { font-size: 12px!important; font-weight: bold; }
.shoping .end-date > .label{color: #d81e07;padding: 0px;}
.shoping .sale-off{z-index: 9; color: #fff; background: #d81e07; position: absolute; top: 0px; left: 0px; font-size: 18px;}
.shoping .sale-off span{ padding: 10px 2px; text-align: center; width: 48px; display: inline-block; height: 38px; font-size: 14px; vertical-align: middle;}
.shoping .sale-off:after{left: 0; top: 38px;content:" ";position: absolute;border-width: 12px 23px 24px 24px; border-style: solid; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-top-color:#d81e07;}
.blog-detail-targetproduct .shoping .empty-period{height: 25px;}
.blog-detail-targetproduct .shoping > .pic{height: auto; margin-bottom: 30px;}
.shopping > .pic{height: 513px;}
.shopping .star-list{margin-bottom: 7px;margin-top: 6px; text-align: left;}
.shopping .star-list .star-span{float: right; padding-right: 5px;}
.shopping .star-list .score-row{display: inline-block; padding-left: 5px;}
.shopping .star-list .score-row > .score-block{display: none; margin-right: 12px; }
.shopping .star-list .score-row > .score-block:nth-child(0),
.shopping .star-list .score-row > .score-block:nth-child(1),
.shopping .star-list .score-row > .score-block:nth-child(2){display: inline-block;}
.shopping .star-list .score-block .label-default{padding: 0px 2px;}
.shopping .end-date{height: 19px;color: #d81e07;text-align: center; font-size: 13px; margin-top: 6px; margin-bottom: 7px;}
.shopping .end-date > .label{color: #d81e07;padding: 0px;}
.shopping .sale-off{z-index: 9; color: #fff; background: #d81e07; position: absolute; top: 0px; left: 0px; font-size: 18px;}
.shopping .sale-off span{ padding: 10px 2px; text-align: center; width: 48px; display: inline-block; height: 38px; font-size: 14px; vertical-align: middle;}
.shopping .sale-off:after{left: 0; top: 38px;content:" ";position: absolute;border-width: 12px 23px 24px 24px; border-style: solid; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-top-color:#d81e07;}
.recommend_item .star-list{margin-bottom: 10px; text-align: left;}
.recommend_item .star-list .star-span{float: right; padding-right: 5px;}
.recommend_item .star-list .score-row{display: inline-block; padding-left: 5px;}
.recommend_item .star-list .score-row > .score-block{display: none;}
.recommend_item .star-list .score-row > .score-block:nth-child(0),
.recommend_item .star-list .score-row > .score-block:nth-child(1),
.recommend_item .star-list .score-row > .score-block:nth-child(2){display: inline-block;}
.recommend_item .star-list .score-block .label-default{padding: 0px 2px;}
.recommend_item .end-date{height: 19px;color: #d81e07;text-align: center; font-size: 13px; margin-top: 6px; margin-bottom: 7px;}
.recommend_item .end-date > .label{color: #d81e07;padding: 0px;}
.recommend_item .sale-off{z-index: 9; color: #fff; background: #d81e07; position: absolute; top: 0px; left: 0px; font-size: 18px;}
.recommend_item .sale-off span{ padding: 10px 2px; text-align: center; width: 48px; display: inline-block; height: 38px; font-size: 14px; vertical-align: middle;}
.recommend_item .sale-off:after{left: 0; top: 38px;content:" ";position: absolute;border-width: 12px 23px 24px 24px; border-style: solid; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-top-color:#d81e07;}
.container-search .shoping > .pic{height: auto;}
/*shopping-car*/
.shopping-table{
width: 100%;
color: #2f3032;
}
.shopping-car .content{
margin-top: 50px;
}
.shopping-car .table_left, .shopping-car .table_right{
display: inline-block;
vertical-align: middle;
}
.shopping-car .table_left{
width: 36%;
}
.shopping-car .table_right{
width: 64%;
}
.shopping-car .top{
padding-bottom: 15px;
border-bottom: 2px solid #636a70;
}
.top_left, .top_right{
float: left;
}
.top_left{
width: 36%;
}
.top_left .top_title{
font-size: 30px;
font-weight: bold;
color: #2f3032;
}
.table_left img{
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}
html[lang="en-US"] .top_left .top_title{
font-family: "Cinzel";
}
.top_right ul{
margin-top: 11px;
}
.top_right li{
float: left;
margin: 0 26px;
font-size: 18px;
color: #2f3032;
font-weight: bold;
}
html[lang="en-US"] .top_right li{
font-family: "Cinzel";
}
.table_left>div, .table_right ._right-box>div{
display: inline-block;
vertical-align: middle;
}
.table_left .text{
margin-left: 42px;
}
.text_sty{
color: #2f3032;
font-size: 18px;
}
.table_right{
margin-left: -5px;
}
.table_right ._right-box>div{
margin: 0 20px;
text-align: center;
}
.table_right ._right-box>div.add{
width: 124px;
}
.table_right ._right-box>div.text_sty:nth-of-type(3){
min-width: 124px;
}
.table_right ._right-box>div.text_sty:nth-of-type(3) > span{font-size: 12px; display: block;}
.table_right .number.text_sty.max_quanity{min-width: 22px;}
.top_right li:nth-of-type(4){
width: 192px;
text-align: center;
}
.top_right li:nth-of-type(3){
width: 62px;
text-align: center;
}
.table_right ._right-box{
text-align: right;
}
.table_right ._right-box ._checkbox{
margin-left: 0;
width: 40px;
text-align: right;
margin-right: 0;
}
._right-box ._checkbox input{
display: none;
}
._right-box ._checkbox .checkbox-btn{
width: 20px;
height: 20px;
border: 2px solid #e1a32a;
border-radius: 1px;
display: inline-block;
position: relative;
cursor: pointer;
}
._right-box ._checkbox .checkbox-btn.active{
background: #e1a32a;
border-color: #e1a32a;
}
._right-box ._checkbox .checkbox-btn .gou{
background: url(../image/other/gou.png);
width: 12px;
height: 8px;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
display: none;
}
._right-box ._checkbox .checkbox-btn.active .gou{
display: block;
}
.pdd_button1 .reduce, .pdd_button1 .amount, .pdd_button1 .plus{
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
display: inline-block;
line-height: 40px;
cursor: pointer;
}
.pdd_button1{
border: 2px solid #000;
border-radius: 32px;
}
.commodity{
margin-bottom: 52px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.commodity:nth-last-of-type(1){
margin-bottom: 0;
}
.commodity.active{
background: #f4f5f6;
}
.orders_wrapper{
position: relative;
padding-left: 120px;
padding-right: 150px;
height: 66px;
}
.orders_left{
width: 120px;
position: absolute;
left: 0;
top: 0;
background: #2f3032;
line-height: 64px;
height: 66px;
text-align: center;
}
.orders_left input{
display: none;
}
.orders_left .all-btn{
width: 20px;
height: 20px;
border: 2px solid #ffffff;
border-radius: 1px;
margin-right: 6px;
position: relative;
cursor: pointer;
}
.orders_left .all-btn .gou{
background: url(../image/other/gou.png);
width: 12px;
height: 8px;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
display: none;
}
.orders_left .all-btn.active .gou{
display: block;
}
.orders_left .text{
font-size: 16px;
color: #ffffff;
}
.orders_left span{
display: inline-block;
vertical-align: middle;
}
.orders_wrapper .middle{
line-height: 64px;
background: #2f3032;
color: #9c9da6;
height: 66px;
}
.orders_wrapper .middle .delect{
margin-left: 38px;
cursor: pointer;
}
.orders_wrapper .middle .delect .icon{
background: url(../image/other/delect.png);
width: 15px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
.orders_wrapper .middle .delect .text{
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
.orders_wrapper .middle .delect:hover{
color: #ffffff;
}
.orders_wrapper .middle .total{
margin-right: 35px;
}
.orders_wrapper .middle .total span{
display: inline-block;
vertical-align: middle;
}
.orders_wrapper .middle .total .text{
font-size: 24px;
}
.orders_wrapper .middle .total .price{
font-size: 30px;
color: #ffffff;
}
.orders_wrapper ._record{
position: absolute;
right: 0;
top: 0;
}
.orders_wrapper ._record a{
display: inline-block;
line-height: 66px;
width: 150px;
text-align: center;
background: #e1a32a;
font-size: 20px;
color: #ffffff;
}
.orders_wrapper ._record .record-btn{
border: 0;
margin: 0;
padding: 0;
display: inline-block;
line-height: 66px;
width: 150px;
text-align: center;
background: #e1a32a;
font-size: 20px;
color: #ffffff;
}
.all_orders{
margin-top: 40px;
}
/*莽鈩⒙幻ㄋæºã¢ç³•â‚¬å§‘モ€撀�*/
.record{
background: url(../image/other/form-banner.jpg);
padding-top: 80px;
padding-bottom: 180px;
margin-top: -51px;
}
.record_left{
width: 400px;
float: left;
}
.record_left .selection_product{
background: #2f3032;
padding: 28px 16px;
}
.record_left .selection_product h3{
font-size: 20px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
html[lang="en-US"] .record_left .selection_product h3{
font-weight: normal;
font-family: "Cinzel";
}
html[lang="en-US"] .record_data .title{
font-weight: normal;
font-family: "微軟雅黑";
}
.record_left .selection_product .selection_list-item{
padding: 10px 8px;
background: #ffffff;
position: relative;
}
.record_left .selection_product .selection_list ul{
padding-bottom: 30px;
border-bottom: 1px solid #979899;
}
.record_left .selection_product .selection_list-item{
margin-top: 16px;
}
.record_left .selection_product .selection_list-item .selection_product_img{
width: 110px;
display: inline-block;
}
.record_left .selection_product .selection_list-item .selection_product_img img{
height: 72px;
}
.record_left .selection_product .selection_list-item .selection_product_content{
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.selection_list-item .selection_product_content .selection_product_name{
font-size: 18px;
color: #2f3032;
}
.selection_list-item .selection_product_content .selection_product_name span{
font-size: 14px;
color: #636a70;
margin-top: 10px;
}
.selection_list-item .selection_product_content .selection_product_name > span{display: block;}
html[lang="en-US"] .selection_list-item .selection_product_content .selection_product_name{
font-size: 14px;
}
.selection_list-item .selection_product_content .selection_product_number{
margin-top: 10px;
font-size: 14px;
color: #636a70;
}
.selection_list-item .selection_product_content .selection_product_number span{
display: inline-block;
}
.selection_list-item .selection_product_content .selection_product_number > span.note{
font-size: 12px;width: 100%;
}
.selection_list-item .selection_product_content .selection_product_number .total{
margin-left: 10px;
}
.selection_list .selection_list-header{background: #636a70; font-size: 14px; color: #fff; padding: 10px 15px;}
.selection_list .selection_list-header > span{color: #bbbfc2; padding-right: 15px;}
.selection_list .selection_list-item{display: table; width: 100%; border-bottom: 2px solid #f5f5f5;}
.selection_list dd{ background: #fff; }
.selection_list .selection_product_content{display: table-cell; padding: 15px;}
.selection_list .selection_product_info{display: table-cell;text-align: right;vertical-align: middle; padding: 15px;}
.selection_list .selection_product_img{display: table-cell; width: 180px; padding: 15px;}
.selection_list .selection_product_info > div{display: inline-block; padding-left: 20px;}
.selection_list .selection_product_info > div:first-child{padding-left: 0px;}
.total-item .selection_product_info{display: block;text-align: right;vertical-align: middle; padding: 15px;}
ul > .total-item:last-child{border-bottom: 2px solid #f5f5f5;}
.selection_list .shipment-content{padding: 15px;}
.selection_list .shipment-content > .inner-content{
border: 1px dashed #939395;
padding: 15px;
margin-top: 20px;
margin-bottom: 20px;
background: #f4f5f9;
border-radius: 8px;
}
ul.tabs > li.tab{ color: #fff; display: inline-block; padding: 5px 10px; background: #a5a6aa; border-radius: 2px;}
ul.tabs > li.tab.active{background-color: #2f3032;}
ul.tabs > li.tab > input{display: none;}
/*#cart-form .customer{border: 1px dashed #939395; padding: 15px; margin-top: 20px; margin-bottom: 20px; background: #f4f5f9; border-radius: 8px;}*/
#cart-form .customer .control-label{width: 100%;}
#cart-form .customer .tel_number{display: inline-table;}
#cart-form .customer .tel_number > .phonePrefix{ display: table-cell; min-width: 120px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; max-width: 120px; width: 100%;
}
#cart-form .customer .tel_number > .phone-text{ display: table-cell; width: 100%; margin: 0; padding: 0; padding-left: 15px; vertical-align: top;}
.customer .sex .radio-content{margin-top: 5px;} .shipment-content .control-label{width: 100%;}
.shipment-content .tel_number{display: inline-table;}
.shipment-content .tel_number > .phonePrefix{ display: table-cell; min-width: 120px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; max-width: 120px; width: 100%;
}
.shipment-content .tel_number > .phone-text{ display: table-cell; width: 100%; margin: 0; padding: 0; padding-left: 15px; vertical-align: top;}
.shipment-content .line{display: inline-table;width: 100%;}
.shipment-content .line > .line-1{ display: table-cell; min-width: 120px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; max-width: 120px; width: 100%;
}
.shipment-content .line > .line-2{ display: table-cell; width: 100%; margin: 0; padding: 0; padding-left: 15px; vertical-align: top;}
.shipment-content .delivery-info-shipment{display: inline-table;width: 100%;}
.shipment-content .delivery-info-shipment > div.delivery_date{display: table-cell;width: 50%; padding-right: 5px;}
.shipment-content .delivery-info-shipment > div.delivery_time{display: table-cell;width: 50%; padding-left: 5px;}
.tabs-contents > li{display: none;}
.tabs-contents > li.active{display: block;}
.shipment-lift > .radio-content{display: table-cell;min-width: 130px;}
.shipment-lift > .floor-input{display: table-cell;width: 100%;}
.radio-content .radio-label{display: inline-block; padding-right: 10px;}
.radio-content .radio-label .square { margin-top: -4px; }
.radio-content .radio-label input[type='radio']{display: none;}
.delivery-method > label{padding-right: 10px;}
.selection_product ._cost{
color: #ffffff;
margin-top: 20px;
}
._cost-wrapper{
width: 300px;
}
._cost-wrapper .top{
border-bottom: 1px solid #636466;
}
._cost-wrapper .top .text{
font-size: 14px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
._cost-wrapper .top .number{
font-size: 18px;
}
._cost-wrapper .top .subtotal, ._cost-wrapper .top .freight, ._cost-wrapper .bottom{
position: relative;
text-align: right;
}
._cost-wrapper .top .freight{
margin-top: 10px;
margin-bottom: 5px;
}
._cost-wrapper .bottom{
margin-top: 7px;
}
._cost-wrapper .bottom .text{
position: absolute;
left: 0;
font-size: 18px;
top: 50%;
transform: translateY(-50%);
}
._cost-wrapper .bottom .number{
font-size: 24px;
}
.back a{
color: #ffffff;
font-size: 16px;
font-weight: bold;
display: block;
width: 130px;
height: 44px;
line-height: 44px;
background: #2f3032;
text-align: center;
margin-top: 20px;
}
.record_right{
width: 750px;
float: left;
margin-left: 50px;
background: #ffffff;
border-radius: 1px;
padding: 48px 58px;
border: 6px solid #f3e4cf;
}
.record_data .title{
font-size: 24px;
font-weight: bold;
color: #2f3032;
text-align: center;
}
.record_data .form_data{
margin-top: 60px;
}
.record_right ._data-item > p{margin-bottom: 10px;}
.record_right ._data-item > p:nth-of-type(2){
margin-bottom: 36px;
}
.record_data .form_data.payment_list{
margin-top: 0;
}
.record_data .form_data ._data-item{
margin-bottom: 30px;
}
.record_data .form_data .name{
overflow: hidden;
}
.record_data .form_data .name .form_group{
float: left;
}
.record_data .form_data .name .field-buyerform-last_name{
margin-left: 18px;
}
.record_bottom{
margin-top: 30px;
}
.record_data .form_data .new_alcohol._data-item{
margin-bottom: 30px;
}
.record_data .form_data .data_input{
width: 302px;
height: 36px;
border: 1px solid #9ca0a6;
font-size: 14px;
position: relative;
}
.record_data .form_data .input_text{
padding-left: 15px;
}
.record_data .form_data .name{
margin-bottom: 15px;
}
.record_data .form_data .sex .lady{
margin-left: 50px;
}
.sex .sir, .sex .lady{
display: inline-block;
}
.sex input[type="radio"]{
display: none;
}
.checkbox_btns input[type="radio"], .checkbox_btns input[type="checkbox"]{
display: none;
}
.record_data .form_data .email_birth .email_box, .record_data .form_data .email_birth .birth_box{
float: left;
}
.record_data .form_data .email_birth .birth_box{
margin-left: 18px;
padding-right: 64px;
position: relative;
}
.record_data .form_data .tel_number{
/*padding-left: 80px;*/
/*margin-top: 10px;*/
margin-left: 18px;
float: left;
}
.record_data .form_data .tel_number input{
width: 100%;
height: 100%;
padding-left: 60px;
}
.record_data .form_data .address{
width: 100%;
border: 1px solid #9ca0a6;
height: 36px;
padding-left: 156px;
position: relative;
}
.record_data .form_data .address input{
width: 100%;
height: 100%;
}
.record_data .form_data .address .address-drop-down.drop-down{
width: 156px;
position: absolute;
left: 0;
top: 0;
height: 100%;
line-height: 34px;
padding-right: 24px;
text-align: center;
background: #ffffff;
}
.record_data .form_data .delivery_mode, .record_data .form_data .address{
display: inline-block;
vertical-align: middle;
position: relative;
}
.record_data .form_data .delivery_mode .item-title{
font-size: 16px;
margin-top: 8px;
margin-bottom: 8px;
font-weight: bold;
}
.record_data .form_data .delivery_mode .item-title:nth-of-type(2){
margin-top: 22px;
}
.record_data .form_data .delivery_mode .has-error{
position: absolute;
top: 100%;
}
.record_data .form_data .delivery_mode>div{
margin-left: 30px;
display: inline-block;
float: none;
}
.record_data .form_data .delivery_mode>.self_taking:nth-of-type(1){
margin-left: 0;
}
.record_data .form_data .delivery_mode>.self_taking input{
display: none;
}
.record_data .form_data .delivery_mode>.door{
margin-left: 0;
}
.record_data .form_data .delivery_mode>.door .text{
font-size: 16px;
margin-top: 8px;
margin-left: 0;
margin-bottom: 8px;
font-weight: bold;
}
.record_data .form_data .delivery_mode>.door input, .record_data .form_data .delivery_mode>.door .data_checkbox{
display: none;
}
.record_data .form_data .delivery_mode>.door input{
display: none;
}
.record_data .form_data .delivery_mode>div:nth-child(1){
margin-left: 0;
}
.record_data .form_data .address{
margin-top: 32px;
}
.record_data .form_data .address-delivery_mode{
margin-top: 32px;
}
.record_data .form_data .email_birth .birth_box .birth{
width: 100%;
height: 100%;
line-height: 34px;
}
.record_data .form_data .drop-down{
width: 64px;
height: 100%;
position: absolute;
top: 0;
background: #ffffff;
}
.record_data .form_data .drop-down.birth-drop-down{
width: 75px;
padding-right: 14px;
right: 0;
}
.record_data .form_data .drop-down.tel-drop-down{
width: 80px;
left: 0;
padding-right: 24px;
text-align: center;
}
.record_data .form_data .drop-down .first{
line-height: 34px;
position: relative;
cursor: pointer;
height: 34px;
}
.record_data .form_data .drop-down .first .menu_arrow{
position: absolute;
width: 6px;
height: 4px;
display: block;
background: url(../image/other/menu-arrow.png);
right: 0px;
top: 50%;
margin-top: -2px;
}
.square{
width: 16px;
height: 16px;
border: 2px solid #636a70;
display: inline-block;
vertical-align: middle;
position: relative;
border-radius: 1px;
cursor: pointer;
}
.square.active{
border: 2px solid #dda328;
background: #dda328;
}
.square .gou{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../image/other/gou.png);
width: 12px;
height: 8px;
display: none;
}
.square.active .gou{
display: block;
}
.record_data .form_data .text{
display: inline-block;
vertical-align: middle;
margin-left: 6px;
font-size: 14px;
color: #2f3032;
}
.form_data .new_alcohol .checkbox_btns{
background: #ebebeb;
margin-top: 10px;
}
.form_data .new_alcohol .checkbox_btns ul{
padding: 8px 15px;
}
.form_data .new_alcohol .checkbox_btns .btns_item{
float: left;
width: 25%;
margin: 12px 0;
}
.record_bottom .agree .agree-text{
display: inline-block;
vertical-align: middle;
margin-left: 6px;
}
.record_bottom .agree .agree-text a{
text-decoration: underline;
}
.record_bottom .agree .agree-text a:hover{
color: #dda328;
}
.record_bottom .confirm .confirm-btn{
display: block;
width: 280px;
height: 54px;
border: 1px solid #dda328;
line-height: 52px;
font-size: 16px;
color: #2f3032;
background: #dda328;
text-align: center;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
}
.record_bottom .confirm .confirm-btn:hover{
background: #f1b73d;
border: 1px solid #f1b73d;
color: #ffffff;
} /*盲赂鈥姑︹€光€懊徟æ’モ€撀�*/
.drop-down .menu{
position: absolute;
top: 100%;
z-index: 2;
border: 1px solid #9ca0a6;
display: none;
}
.birth-drop-down .menu{
width: 102px;
right: -1px;
height: 350px;
overflow-y: scroll;
}
.drop-down .menu .menu_item{
height: 36px;
line-height: 36px;
text-align: center;
background: #ffffff;
cursor: pointer;
}
.drop-down .menu .menu_item.ii{
background: #dda328;
}
.tel-drop-down .menu{
width: 58px;
left: -1px;
}
.address-drop-down .menu{
width: 134px;
left: -1px;
}
.footer_active{
padding: 30px 0;
background: #e8e8e8;
} .footer_active p{
text-align: center;
font-size: 16px;
color: #636a70;
}
.details-top{
position: relative;
margin-top: 54px;
padding-left: 160px;
}
.details-one.details-top{
padding-left: 0;
}
.details-top .left{
position: absolute;
left: 0;
top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.details-one.details-top .left{
display: none;
}
.details-top .right{
position: relative;
margin-top: 10px;
}
.details-top .right .picture{
width: 318px;
margin-right: 80px;
}
.details-top .right .picture img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.details-top .right .details-right{
width: 612px;
}
.details-top .end-date{
text-align: center;
margin-top: 20px;
}
.details-top .end-date .label{color: #d81e07; font-size: 18px}
.details-top .end-date >span{color: #d81e07; padding: 0px 2px;font-size: 18px;}
.details-top .end-date .end-second{color: #d81e07;}
.end-date span > em{font-style: normal;}
.details-top .sale-off{ z-index: 9; color: #fff; background: #d81e07; position: absolute; top: 0px; left: 0px; font-size: 18px;}
.details-top .sale-off span{ padding: 10px; width: 68px; display: inline-block; height: 44px; vertical-align: middle;}
.details-top .sale-off:after{left: 0px; content:" ";position: absolute;border-width:30px 34px 34px 34px; border-style: solid; border-left-color:transparent;
border-right-color:transparent; left: 0; top: 44px; border-bottom-color:transparent; border-top-color:#d81e07;}
.details-content .name-title{
font-size: 30px;
color: #2f3032;
}
.details_swiper2{
display: none;
}
.explain{
margin-top: 24px;
padding-bottom: 22px;position: relative;
border-bottom: 1px solid #cecfd3;
}
.explain .detail-info{display: inline-block;padding-right: 15px}
.explain .stock-info{font-size: 16px;}
.explain p{
font-size: 18px;
color: #2f3032;
line-height: 36px;
}
.explain .shopping-cart{display: inline-block;}
.shopping-cart .describe{
font-size: 18px;
color: #2f3032;
margin-top: 0;
}
.shopping-cart>p{
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.shopping-cart .price{
/*margin-top: 24px;*/
}
.shopping-cart .price .pdd_button1{
display: inline-block;
vertical-align: middle;
}
.shopping-cart .price .pdd_button1{
border: none; margin-top: -2px;
}
.shopping-cart .price .price-number{
/*margin-left: 10px;*/
vertical-align: middle;
display: block;
}
.price-number .unit-sp{
font-size: 18px;
}
.shopping-cart .price .price-number .now_price{
display: block;
font-size: 30px;
color: #2F3032;
}
.shopping-cart .price .price-number .now_price.active{
color: #d05447;
}
.shopping-cart .price .price-number .old_price{
font-size: 20px;
color: #636a70;
position: relative;
display: inline-block;
/*margin-left: 8px;*/
}
.shopping-cart .price .price-number .old_price:after{
position: absolute;
content: "";
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110%;
height: 1px;
background-color: #636a70;
}
.shopping-cart .cart-btn{
width: 210px;
line-height: 41px;
border: none;
background: #cb9056 ;
text-align: center;
font-size: 18px;
display: block;
color: #ffffff;
cursor: pointer;
margin-top: 10px;display: inline-block;
margin-left: 10px;
/*-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s;*/
}
.shopping-cart .cart-btn i{
margin-right: 16px;
}
.shopping-cart .cart-btn:hover{
color: #000;
}
.shopping-cart .cart-btn[disabled], .out-stock[disabled]{
background: #666 ;
}
.shopping-cart .cart-btn[disabled]:hover{
color: #fff ;
}
.cart-error >span{color: red;font-style: 16px; padding-top: 10px;display: block;}
.city-select{ margin-top: 15px; position: relative;}
.city-select h3{font-size: 14px;padding-top: 2px;position: relative;}
.city-select > ul{
top: 110%;
position: absolute;
z-index: 66;
background: #fff;
left: 2px;
border: 1px solid #ccc;
right: 2px;}
.city-select > ul li{
transition: all ease .5s;
background-color: #fff;
cursor: pointer;
padding: 6px 15px; }
.city-select > ul li:hover{
background-color: rgba(221, 163, 40, .8);
}
.city-select > ul li:hover a{
color: #fff;
}
.city-select > ul li a{color: #000;}
/*.shopping-cart .cart-btn:before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #dca227;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.shopping-cart .cart-btn:hover:before{
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}
.shopping-cart .cart-btn:focus{
border: none;
outline: none;
}*/
.details-recommend .title{
text-align: center;
}
.details-recommend .title h2{
color: #2f3032;
display: inline-block;
position: relative;
font-family: "Cinzel";
}
.details-recommend .title h2:after{
content: "";
position: absolute;
width: 350px;
top: 50%;
transform: translateY(-50%);
height: 2px;
background: #2f3032;
right: -380px;
}
.details-recommend .title h2:before{
content: "";
position: absolute;
width: 350px;
top: 50%;
transform: translateY(-50%);
height: 2px;
background: #2f3032;
left: -380px;
}
.details-recommend{
margin-top: 164px;
}
.recommend{
margin-top: 38px;
margin-bottom: 148px;
}
.recommend_item{
/*border: 1px solid #e6e6e6;*/
} .recommend_item .imgs .fra{
position: absolute;
top: 4px;
right: 4px;
width: 68px;
height: 68px;
background: url(../image/fra.png);
display: inline-block;
}
.recommend_item .text{
/*background: #b3885d;*/
padding: 12px 0;
}
.recommend_item .text p.price{
position: relative;
}
.recommend_item .text p.price .now_price{
font-size: 18px;
color: #ffffff;
}
.recommend_item .text p.price .icon{
position: absolute;
background: url(../image/other/product-icon.png)no-repeat;
display: inline-block;
right: 12px;
width: 20px;
height: 20px;
background-size: 100%;
top: 10px;
cursor: pointer;
-webkit-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
.recommend_item .text p.price .icon:hover{
transform: translateY(-3px);
}
.recommend_item .text p.price .old_price{
font-size: 14px;
position: relative;
color: #9ca0a6;
display: inline-block;
margin-left: 10px;
}
.recommend_item .text p.price .old_price:after{
content: '';
display: block;
width: 110%;
height: 1px;
background: #9ca0a6;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.recommend_item .text .name{
/*height: 80px;*/
position: relative;
}
.recommend_item .price .now_price {
font-size: 18px;
color: #2f3032;
font-weight: bold;
margin-bottom: 10px;
}
.now_price .unit-sp{font-size: 13px;}
.recommend_item .add-1{
transform: translate(-50%, -50%);
position: absolute;
z-index: 99999;
text-align: center;
width: 100%;
left: 50%;
top: 50%;
-webkit-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
display: none;
}
.product-detail .recommend_item .add-1{left: 0;}
.recommend_item:hover .add-1{
display: block;
}
.recommend_item .text .name a{
color: #000000;
font-size: 14px;
/*position: absolute;*/
top: 50%;
width: 100%;
left: 0;
padding-left: 4px;
padding-right: 4px;
text-align: center;
transform: translateY(-50%);
}
/**********************茅陋艗猫炉è›èŽ½è½è›*********************/
.coupon{
position: relative;
margin-top: 36px;
}
.coupon .orders_left{
height: 54px;
line-height: 52px;
border: 1px solid #ccc;
background-color: transparent;
display: none;
}
.coupon .middle .form_input input[type="text"]{
width: 350px;
border: 1px solid #2f3032;
height: 38px;
font-size: 16px;
padding-left: 8px;
}
.coupon .middle .form_input input[type="button"]{
width: 100px;
height: 38px;
border: 1px solid #2f3032;
background: #ffffff;
color: #2f3032;
vertical-align: top;
font-size: 16px;
}
.coupon .middle .form_input input[type="reset"]{
width: 100px;
height: 38px;
border: 1px solid #2f3032;
background: #ffffff;
color: #2f3032;
vertical-align: top;
font-size: 16px;
}
.coupon .middle .form_input input[type="button"]:hover, .coupon .middle .form_input input[type="reset"]:hover{
border: 1px solid #e1a32a;
background: #e1a32a;
color: #ffffff;
}
.coupon{border-top: 1px solid #cecfd3; padding-top: 20px;}
.coupon .middle .form_group{
text-align: left;
margin-bottom: 20px; }
.coupon .middle .form_group label{
margin-bottom: 10px;
font-size: 16px;
float: none;
display: block;
}
.coupon .middle .form_group .form_input{
display: inline-block;
float: none;
}
.record_bottom .agree {
padding-left: 26px;
position: relative;
}
.record_bottom .agree input{
display: none;
}
.record_bottom .agree .agree-text{
width: 100%;
}
.record_data .agree .square {
position: absolute;
left: 0;
top: 4px;
}
.user-point-content {background: #e8ba5a; padding: 25px 15px; margin-bottom: 20px;}
.user-point-content > p{ color: #000; font-size: 18px; margin-bottom: 20px;}
.user-point-content > .btn-user-point{background: #fff;}
.user-point-content > .btn-user-point >span{font-size: 30px; color: #dea429;}
.coupon-content {padding-left: 15px; padding-right: 15px}
.coupon-content .coupon-note{font-size: 15px; margin-bottom: 15px; color: #da1d07}
.coupon-content .stock-status{position: relative; background-color: unset;} .coupon-content .selection_list-header{background: #636a70; font-size: 14px; color: #fff; padding: 10px 15px;}
.coupon-content .selection_list-header > span{color: #bbbfc2; padding-right: 15px;}
.coupon-content .selection_list-header .stock-status > em{background: #fff; padding: 2px 5px; border-radius: 5px; font-size: 12px; color: #636a70; font-style: normal;}
.coupon-content dd{margin-top: 0; background: #f4f5f9; padding: 20px;}
.coupon-content dd .list-other-coupon-items > .other-coupon-item{ position: relative; padding: 15px 10px 15px 45px; margin: 0px; background: unset; border-top: 1px solid #000 ;border-left: 1px solid #000 ; border-right: 1px solid #000 ;}
.coupon-content dd .list-other-coupon-items > .other-coupon-item:last-child{border-bottom:1px solid #000 ; }
.coupon-content dd .list-other-coupon-items > .other-coupon-item input{left: 15px;}
.coupon-points .title{ position: relative;padding: 15px 0px;font-size: 28px;border-bottom: 2px solid #dedede;}
.coupon-points .title > span{padding: 15px; position: relative;}
.coupon-points .title > span:after{content: ""; border-bottom: 2px solid #000; position: absolute; bottom: -2px; width: 100%; left: 0;}
.coupon-points .points-item{padding: 15px; background: #f4f5f9;}
.coupon-points .points-item > div{display: inline-block;padding: 15px;}
/************************å¿™è«è¬ç›²æ½žé™‡å¿™è—›è¬æ°“艩鸥**************************/
.buy_pay_success{
text-align: center;
padding: 50px 0 90px;
padding-left: 15px;
padding-right: 15px;
}
.buy_pay_success img{
width: 150px;
}
.buy_pay_success h2{
font-size: 24px;
margin: 20px 0;
}
.buy_pay_success p{
color: #a75f17;
margin-bottom: 40px;
font-size: 18px;
}
.buy_pay_success_btn a{
width: 150px;
height: 46px;
text-align: center;
display: block;
margin: 0 auto;
border: 1px solid #2f3032;
color: #2f3032;
font-size: 16px;
line-height: 44px;
}
.buy_pay_success_btn a:hover{
border: 1px solid #dda328;
color: #ffffff;
background: #dda328;
}
/***********************莽隆åºçŒ«åºé™‡çŒ«åºåž„æ°“è§éˆ¥â’šãƒ‚å¶â‚¬â’šâ”¾å“鈥懊ε掆€懊┾€櫬�*******************************/
.other-coupon-info{
font-size: 20px;
color: #ffffff;
margin-bottom: 12px;
margin-top: 12px;
}
.other-coupon-item{
position: relative;
padding: 10px 8px;
background: #ffffff;
margin-left: 35px;
margin-top: 16px;
}
.other-coupon-item input{
width: 15px;
height: 15px;
position: absolute;
left: -35px;
top: 50%;
margin-top: 0;
transform: translateY(-50%);
}
.other-coupon-item label{
color: #2f3032;
margin-bottom: 0;
font-size: 16px;
vertical-align: middle;
margin-left: 10px;
font-weight: normal;
}
.other-coupon-item .gfit-img{
vertical-align: middle;
display: inline-block;
width: 36px;
text-align: center;
}
.other-coupon-item .gfit-img img{
height: 60px;
} /*æ°“è—›è½èŒ…鈩⒙ã£ï¸¹â‚¬æ‰³å“忙艙鈥懊ヂ悸姑モ€÷好β♀€�*/
.delete_link{
text-align: center;
}
.delete_link a{
display: inline-block !important;
}
.delete_link a.hide{
display: none !important;
}
/********************茅拧è¬èŽ½æ‚è›å¿™èºéš†å¿™å¢æˆ®********************/
.clause{
font-size: 16px;
margin-top: 40px;
position: relative;
z-index: 44;
}
/************************å¿™è‰™èŒ æ°“éˆ¥æºŒâˆ¶ã¢å˜Žî„¼ãƒ‚科�**************************/
.member-wrap{
padding-top: 80px;
padding-bottom: 160px;
}
.member-nav .nav-list{
border-bottom: 5px solid #c3925e;
}
.member-nav .nav-list li{
display: inline-block;
vertical-align: bottom;
width: 200px;
height: 60px;
line-height: 60px;
font-size: 20px;
font-weight: bold;
text-align: center;
background-color: #2f3032;
color: #ffffff;
cursor: pointer;
margin-right: 5px;
}
.member-nav .nav-list li a{
color: #ffffff;
display: block;
}
.member-nav .nav-list li.active{
background-color: #c3925e;
height: 66px;
line-height: 66px;
}
.nav-content{
padding: 44px 36px;
}
.nav-content .nav-list_item{
display: none;
}
.nav-content .nav-list_item .details{
margin-top: 20px;
}
.nav-content .nav-list_item.active{
display: block;
}
.nav-content .content-list{
margin-bottom: 0;
}
.form_title .top-title{
padding-bottom: 13px;
border-bottom: 1px solid #dfe1e3;
}
.form_title .top-title h4{
font-size: 20px;
color: #dea124;
font-weight: bold;
position: relative;
margin: 0;
}
.login .form_title .top-title h4{
padding-left: 0;
}
.login .form_title .top-title h4:before{
display: none;
}
.form_title .new_alcohol {margin-bottom: 15px;}
.nav-content .nav-list_item > input{
width: 130px;
height: 40px;
color: #ffffff;
border-radius: 32px;
text-align: center;
line-height: 40px;
margin-top: 10px;
background: #dea124;
}
.i-1, .i-1t{
font-weight: normal;
font-size: 16px;
color: #2f3032;
margin-bottom: 0;
width: 100px;
}
.from_input{
margin-top: 24px;
}
.full_name .name-item{
float: left;
}
.username-label{color: #7b7e82; font-weight: normal;}
.personal_data{
width: 454px;
}
.member-wrap .btns_item{display: inline-block; width: 49%;}
html[lang="en-US"] .personal_data{
width: 512px;
}
html[lang="en-US"] .reset{
width: 128px;
}
html[lang="en-US"] .personal_data .full_name .sex{
padding-left: 111px;
}
.birth .input_item{
height: auto;
border: none;
}
.birth .input_item input{
border: 1px solid #cecfd3;
height: 36px;
width: 100%;
padding-left: 85px;
}
.list_item{
margin-bottom: 40px;
}
.full_name .name-item input{
width: 150px;
padding-left: 15px;
font-size: 16px;
}
.full_name .name-item.name{
margin-left: 18px;
}
.full_name .name-item .i-1{
width: auto;
}
.input_item{
border: 1px solid #cecfd3;
height: 36px;
}
.readonly{
font-size: 16px;
color: #2f3032;
}
.personal_data .full_name .sex{
padding-left: 65px;
margin-top: 20px;
}
.full_name .square{
width: 20px;
height: 20px;
}
.full_name .text{
font-size: 16px;
}
.full_name .square, .full_name .text{
vertical-align: middle;
}
.full_name .lady{
margin-left: 50px;
}
.birth .input_item, .tel .input_item{
width: 422px;
margin-top: 8px;
display: inline-block;
position: relative;
}
.tel .input_item{
padding-left: 70px;
}
.birth .input_item select{
height: 34px;
position: absolute;
top: 1px;
left: 1px;
outline: none;
border: none;
}
.register .birth .input_item select{
left: auto;
top: 0;
}
.register .birth .input_item input{
border: none;
}
.register .from_input{position: relative;}
.register .password-eye{
font-family: 'Glyphicons Halflings'; position: absolute;
right: 8px;
top: 9px;background: none;
border: 0;
}
.register .password-eye:before{
content: "\e106";
}
.register .from_input.open .password-eye:before{
content: "\e105";
}
.birth .input_item textarea{
border-radius: 0;
margin-top: 5px;
}
.birth .input_item select#signupform-birth_month, .birth .input_item select#userform-birth_month{
width: 50px;
left: 100px;
right: 80px;
}
.birth .input_item select#signupform-birth_year, .birth .input_item select#userform-birth_year{
width: 70px;
right: 0;
}
.birth .input_item select#signupform-birth_month{
left: 100px;
}
.birth .input_item select#signupform-birth_year{
left: 170px;
}
.tel .input_item .menu{
width: 70px;
height: 34px;
position: absolute;
left: 0px;
top: 0px;
outline: none;
border: none;
font-size: 16px;
}
.tel .input_item input{
width: 100%;
height: 100%;
padding-left: 15px;
}
.tel .input_item select, .birth .input_item select#userform-birth_year, .birth .input_item select{
padding-left: 8px;
}
.birth .input_item textarea{
padding: 8px;
}
.reset{
width: 100px;
height: 36px;
line-height: 36px;
margin-left: 25px;
border-radius: 32px;
color: #ffffff;
background: #dea124;
}
.address_content{
width: 522px;
}
.address-item{
color: #2f3032;
margin-top: 22px;
}
.delete-address{
color: #f66465;
cursor: pointer;
margin-left: 10px;
}
.edit-address{
cursor: pointer;
}
.address-wrap{
position: relative;
padding-left: 140px;
}
.address-wrap label{
width: 130px;
position: absolute;
top: 0;
left: 0;
line-height: 36px;
text-align: right;
}
.address-modal h4.modal-title{margin-bottom: 16px;
font-weight: 700;text-align: center;
font-size: 24px;}
.address-modal .modal-footer{text-align: center;}
.address-container{
margin-top: 10px;
padding: 16px 20px;
background: #f4f5f6;
}
.address-container .details{
margin-top: 16px;
}
.add_btn{
margin-top: 22px;
cursor: pointer;
}
.save-btn{
width: 130px;
height: 40px;
color: #ffffff;
border-radius: 32px;
text-align: center;
line-height: 40px;
margin-top: 10px;
background: #dea124;
}
.save-btn-color{
background: #dea124;
color: #ffffff;
}
.save-btn-color:hover{
background: #c38e22;
color: #ffffff;
}
.record_data table td, .record_data table th{
font-size: 14px !important;
}
.register-content{margin-top: 10px; margin-bottom: 20px; padding: 0px 50px;}
.register-content > label{margin-top: 10px;}
/*-----------------忙藛鈥æ¨îž£â™€â‚¬ç»îŸŠã„¢â‚¬æ¯ãƒ¢â‚¬æ’€ï¿½---------------------*/
.personal-information{
position: relative;
height: 36px;
padding: 8px 120px 8px 15px;
background-color: #2f3032;
color: #ffffff;
}
.personal-information .top-text{
display: inline-block;
margin: 0 8px;
}
.personal-information .see{
position: absolute;
right: 0;
top: 0;
}
.personal-information .see-btn{
width: 120px;
height: 36px;
border: none;
background: #dca227;
}
.personal-information .name_tel{
margin-right: 36px;
}
.order-item{
position: relative;
padding: 20px;
}
.order-item:nth-child(odd){
background: #f4f5f6;
}
.order-item:nth-child(even){
background: #ffffff;
}
.order-item .order-img, .order-item .order-text{
display: inline-block;
vertical-align: middle;
}
.order-item .order-img{
width: 130px;
position: relative;
}
.order-item .order-text{
margin-left: 16px;
}
.order-text .title-name{
font-size: 18px;
color: #dca227;
margin-bottom: 10px;
letter-spacing: 1px;
}
.order-text p{
margin: 0;
color: #2f3032;
font-size: 16px;
}
.pagination{
text-align: center;
display: block;
margin-top: 54px;
margin-bottom: 54px;
}
.pagination li{
display: inline-block;
vertical-align: middle;
}
.pagination li a{
display: block;
}
.pagination li.page-btn a{
height: 24px;
}
.pagination .page-item{
margin: 5px 7.5px;
}
.pagination .page-item a{
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
border-left: 1px solid #eeeef1;
border-right: 1px solid #eeeef1;
background-color: #dbdbe1;
color: #2f3032;
font-size: 18px;
}
.pagination .page-item:hover a{
background-color: #dca227;
border-left: 1px solid #efd399;
border-right: 1px solid #efd399;
}
.pagination .page-item.active a{
background-color: #dca227;
border-left: 1px solid #efd399;
border-right: 1px solid #efd399;
}
.pagination .first-page a span{
display: inline-block;
background: url(../image/left-page.png);
width: 24px;
height: 24px;
}
.pagination .prev-page{
margin-right: 36px;
margin-left: 28px;
}
.pagination .prev-page a span{
display: inline-block;
background: url(../image/left-page.png);
width: 12px;
height: 24px;
}
.pagination .last-page a span{
display: inline-block;
background: url(../image/right-page.png);
width: 24px;
height: 24px;
}
.pagination .next-page{
margin-left: 36px;
margin-right: 28px;
}
.pagination .next-page a span{
display: inline-block;
background: url(../image/right-page.png);
width: 12px;
height: 24px;
}
/*------------------猫篓禄氓鈥犈�------------------*/
.register_wrap{
background: url(../image/register/register_bg.jpg);
/*padding-top: 80px;*/
padding-bottom: 160px;
/*margin-top: -51px;*/
background-size: 100% auto;
}
.register{
width: 1200px;
margin: 0 auto;
background: #ffffff;
border-radius: 8px;
padding: 44px 0;
}
.login .table-title{
display: none;
}
.table-title{
text-align: center;
}
.table-title h3{
margin: 0 0 30px;
font-size: 20px;
color: #c3925e;
font-weight: bold;
}
.table-content .col-xs-6{
padding-left: 44px;
padding-right: 44px;
}
.register .full_name .name-item input{
width: 194px;
padding-left: 0;
border: none;
border-bottom: 1px solid #b6b8bb;
}
.register .full_name .sex{
padding-left: 0;
}
.register .tel .input_item select, .register .birth .input_item select,.register .tel .input_item .phone-prefix-input{
padding-left: 0;
border: none;
line-height: 36px;
font-size: 16px;
}
.register .birth .input_item, .register .tel .input_item{
width: 100%;
border: none;
border-bottom: 1px solid #b6b8bb;
}
.register .birth .input_item input{
padding-left: 0;
}
.register .input_item{
padding-left: 0;
border: none;
border-bottom: 1px solid #b6b8bb;
width: 100%;
}
.register .tel .input_item{
padding-left: 0;
overflow: hidden;
}
.register .tel .input_item #signupform-phoneprefix{
width: 30%;
float: left;
font-size: 14px;
}
.register .tel .input_item #signupform-phone{
width: 70%;
float: left;
padding-left: 5px;
}
.sign-row{
padding-left: 120px;
position: relative;
}
.sign-code-img{
position: absolute;
left: 0;
top: 0;
width: 88px;
height: 36px;
text-align: center;
}
.sign-code-img img{
height: 100%;
}
.sign-code-word input{
width: 100%;
height: 36px;
font-size: 16px;
border-bottom: 1px solid #b6b8bb;
}
.login-img{
margin-top: 20px;
}
.login-img img{
width: 100%;
}
.checkbox_btns .square{
width: 20px;
height: 20px;
}
.checkbox_btns .text{
vertical-align: middle;
}
.register .checkbox_btns .btns_item{
float: left;
width: 50%;
margin-bottom: 8px;
}
.register .checkbox_btns{
padding: 20px 24px 12px;
background: #ebebeb;
margin-top: 24px;
}
.register .checkbox_btns .square{
background: #ffffff;
}
.register .square.active{
background: #dda328;
}
.register-left{
position: relative;
}
.register-left:after{
position: absolute;
height: 100%;
width: 2px;
right: -2px;
content: "";
display: block;
top: 0;
background: #dfe1e3;
}
.address-input select{
height: 36px;
display: block;
margin-bottom: 5px;
}
.address-input textarea{
width: 100%;
display: block;
line-height: 36px;
}
.address-input{
position: relative;
margin-bottom: 24px;
}
.register .buttons{
margin-top: 30px;
}
.register .confirm {
width: 400px;
margin: 0 auto;
}
.register .confirm button{
border: none;
width: 100%;
height: 44px;
background-color: #c3925e;
line-height: 44px;
font-size: 16px;
color: #ffffff;
}
.register .confirm button:hover{
background-color: #a98056;
}
.register .buttons a{
display: block;
text-align: center;
font-size: 16px;
color: #c3925e;
margin-top: 10px;
}
.register-left .form_bottom{
margin-top: 26px;
}
.register .forgot{
text-align: center;
margin-left: 5px;
margin-top: 5px;
display: block;
color: #c3925e;
}
/*******莽æ¼è§æ°“藛鈥�*********/
.member-wrap h3.point-title{border-bottom: 1px solid #dedede;margin-bottom: 20px;padding-bottom: 10px; color: #dea124;}
.member-wrap .point-content > .row{margin-bottom: 15px;}
/******************************盲潞æ‚氓鈥溌伱ニå—€斆÷�******************************/
.img-water{
background-image: url(/uploads/37781571023999majorlogo.png);
background-size: 100% auto;
background-position: bottom right;
width: 70px;
height: 50px;
background-repeat: no-repeat;
position: absolute;
bottom: 3%;
right: 8%;
}
.owl-carousel .img-water{bottom: 3%;}
.picture .gallery a{ position: relative;}
.pic .pic-wrap{
position: relative;
border: 1px solid #e6e6e6;
display: block; background: #fff;
}
.pic .pic-wrap img{
width: 100%;
}
.pic a img{
width: 100%;
}
.pic .pic-wrap .pic-top{
position: relative;
cursor: pointer;
}
.pic .pic-wrap .pic-top .star{}
.pic .pic-wrap .pic-top .fra{
background: url(../image/fra.png);
width: 68px;
height: 68px;
position: absolute;
top: 5px;
right: 5px;
z-index: 2;
}
.gallery .fra{
background: url(../image/fra.png);
width: 68px;
height: 68px;
position: absolute;
top: 5px;
right: 5px;
z-index: 2;
}
.pic .pic-wrap .add-1{
position: absolute;
top: 32%;
display: none;
transform: translateY(-50%);
width: 100%;
text-align: center;
z-index: 1;
}
.activity-detail .pic .pic-wrap .add-1{
position: absolute;
top: 32%;
display: none;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
z-index: 1;
}
@keyframes addfirst{
0% {top: 32%; opacity: 0;}
100% {top: 50%; opacity: 1;}
}
@-moz-keyframes addfirst /* Firefox */
{
0% {top: 32%; opacity: 0;}
100% {top: 50%; opacity: 1;}
}
@-webkit-keyframes addfirst /* Safari 氓鈥櫯� Chrome */
{
0% {top: 32%; opacity: 0;}
100% {top: 50%; opacity: 1;}
}
@-o-keyframes addfirst /* Opera */
{
0% {top: 32%; opacity: 0;}
100% {top: 50%; opacity: 1;}
}
.pic .pic-wrap .pic-top:hover .add-1{
animation: addfirst .5s;
-moz-animation: addfirst .5s; /* Firefox */
-webkit-animation: addfirst .5s; /* Safari 氓鈥櫯� Chrome */
-o-animation: addfirst .5s; /* Opera */
top: 50%;
display: block;
}
.pic .pic-wrap .add-1 .btn{
width: 162px;
height: 44px;
border-radius: 0;
background-color: rgba(255,255,255,.7);
color: #2f3032;
font-size: 16px;
}
.pic .pic-wrap .add-1 .btn.active{
box-shadow: none;
}
.pic .pic-wrap .add-1 .btn.active .iconfont{
color: #dea124;
}
.pic .pic-wrap .add-1 .btn.active:focus{
outline: none;
}
.pic .pic-wrap .add-1 .btn .iconfont{
font-size: 14px;
margin-right: 12px;
border-radius: 50%;
color: #ffffff;
position: relative;
z-index: 1;
}
.icon-zan1:before{
position: relative;
z-index: 2;
}
.pic .pic-wrap .add-1 .btn .iconfont:after{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #2f3032;
width: 24px;
height: 24px;
display: block;
border-radius: 50%;
z-index: 0;
}
.add-2 button{
width: 100%;
height: 44px;
font-size: 18px;
color: #ffffff;
background-color: #c3925e;
border: none;
border-radius: 0;
}
.add-2 button .iconfont{
margin-right: 16px;
}
.pic .pic-wrap .text a{
height: 96px;
position: relative;
display: block;
}
.pic .pic-wrap .text p{
text-align: center;
color: #2F3032;
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;word-break: break-word;
}
.pic .pic-wrap .text{
background: #ffffff;
}
.pic .pic-wrap .price {
text-align: center;
background: #ffffff;
padding-bottom: 15px;height: 44px;
}
.pic .pic-wrap .price>div{
display: inline-block;
}
.pic .pic-wrap .price .now_price{
font-size: 18px;
color: #2f3032;
font-weight: bold;
display: block;
}
.list-item .price .now_price{
font-size: 18px;
color: #2f3032;
font-weight: bold;
}
.pic .pic-wrap .price .now_price.active{
color: #d05447;
margin-left: 8px;
}
.pic .pic-wrap .price .old_price{
font-size: 14px;
color: #2f3032;
font-weight: bold;
position: relative;
}
.old_price .unit-sp{font-size: 12px;}
.pic .pic-wrap .price .old_price:after{
display: block;
position: absolute;
width: 110%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
height: 1px;
background: #777778;
}
.ceocw_c .shoping, .wish .shoping{
margin-bottom: 30px;
}
.nav-page{
text-align: right;
padding-bottom: 24px;
border-bottom: 1px solid #cecfd3;
margin-bottom: 42px;
}
.ceocw_c-item{
display: inline-block;
}
.ceocw_c-item.showNum{
margin-left: 40px;
margin-right: 15px;
}
.paixu{
width: 216px;
height: 44px;
padding-left: 12px;
}
.ljdh{
padding-left: 0;
margin-top: 30px;
}
.ljdh .breadcrumb{
text-align: left;
padding-left: 0;
margin-bottom: 44px;
}
.ljdh .breadcrumb>.active{
font-size: 18px;
color: #2F3032;
}
.hjxz.shop.container-search{
padding-top: 0;
}
.ceocw_l .shoping{
margin-bottom: 30px;
}
/***************************氓颅藴茅鈥︹€æ«Îµæ’€åµœãƒ¢â‚¬å…‰åŠ‰*****************************/
.service{
padding: 40px 0 80px;
}
.preface{
text-align: center;
}
.preface-title{
font-size: 36px;
margin-top: 0;
margin-bottom: 28px;
}
.preface-text{
line-height: 32px;
color: #2f3032;
font-size: 16px;
}
.service-content{
margin-top: 76px;
}
.service-content .service-item .iitem-title{
height: 54px;
padding-left: 24px;
padding-right: 24px;
background: #c3925e;
font-size: 22px;
line-height: 54px;
color: #ffffff;
font-weight: bold;
}
html[lang="en-US"] .service-content .service-item .iitem-title{
font-family: "Cinzel";
}
.service-content .service-item .method .col-xs-6{
padding: 16px 24px;
line-height: 30px;
font-size: 16px;
}
.service-content .service-item .method .col-xs-6 .method-item{
position: relative;
padding-left: 50px;
}
.service-content .service-item .method .col-xs-6 .icon{
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
}
.service-content .service-item:nth-of-type(1) .method .col-xs-6:nth-of-type(1) .icon{
background: url(../image/service/service.png);
}
.service-content .service-item:nth-of-type(1) .method .col-xs-6:nth-of-type(2) .icon{
background: url(../image/service/temperature.png);
}
.service-content .service-item:nth-of-type(1) .method .col-xs-6:nth-of-type(3) .icon{
background: url(../image/service/24h.png);
}
.service-content .service-item:nth-of-type(1) .method .col-xs-6:nth-of-type(4) .icon{
background: url(../image/service/24h-security.png);
}
.service-content .service-item:nth-of-type(2) .method .col-xs-6:nth-of-type(1) .icon{
background: url(../image/service/bar-code.png);
}
.service-content .service-item:nth-of-type(2) .method .col-xs-6:nth-of-type(2) .icon{
background: url(../image/service/stock.png);
}
.service-content .service-item:nth-of-type(2) .method .col-xs-6:nth-of-type(3) .icon{
background: url(../image/service/photograph.png);
}
.service-content .service-item:nth-of-type(2) .method .col-xs-6:nth-of-type(4) .icon{
background: url(../image/service/personal.png);
} .service-content .service-item{
margin-bottom: 54px;
}
.service-table th, .service-table td{
text-align: center;
}
.service-table .table > thead > tr > th{
height: 52px;
vertical-align: middle;
background: #eeeeee;
border-bottom: none;
font-size: 16px;
color: #2f3032;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.service-table .table{
margin-bottom: 0;
}
.service-table .table > thead > tr > th:first-child{
border-left: none;
}
.service-table .table > thead > tr > th:last-child{
border-right: none;
}
.service-table .table > tbody > tr > td{
height: 52px;
vertical-align: middle;
border: 1px solid #eeeeee;
font-size: 16px;
color: #2f3032;
}
.be-careful{
font-size: 16px;
margin-bottom: 0;
padding-bottom: 24px;
display: inline-block;
border-bottom: 1px solid #636a70;
}
.service-footer h2{
margin-top: 76px;
margin-bottom: 16px;
}
.service-footer p{
position: relative;
line-height: 24px;
padding-left: 32px;
font-size: 16px;
margin-top: 15px;
}
.service-footer p .icon,
.service-footer .phone-inline > .icon
{
position: absolute;
background: url(../image/service/service-footer.png);
width: 24px;
height: 24px;
left: 0;
top: 0;
}
.service-footer .phone-inline{
position: relative;line-height: 24px; font-size: 16px; margin-top: 5px;
margin-bottom: 0px;display: inline-block; word-break: break-all;
}
.service-footer .phone-inline:first-child{padding-left: 32px;margin-top: 15px;}
.service-footer .phone-inline > span{color: #dea124;position: relative;}
.service-footer p span{
color: #dea124;
position: relative;
}
.service-footer p span:after{
height: 1px;
width: 100%;
position: absolute;
top: 100%;
background: #dea124;
display: block;
content: "";
left: 0;
}
.service-footer .phone-inline > span:after{height: 1px;
width: 100%;
position: absolute;
top: 100%;
background: #dea124;
display: block;
content: "";
left: 0;}
/*------------------------------茅鈥斉æ’︹€撀济λå—€æ¨ãƒ¢å“鈥�--------------------------------*/
.page-bj{
/*padding-top: 40px;
margin-top: -30px;*/
}
.about{
position: relative;
padding-left: 274px;
padding-bottom: 80px;
}
.about-nav .nav-content{
padding: 0;
}
.about-nav{
position: absolute;
left: 0;
top: 0;
width: 274px;
}
.about-nav .nav-content .nav-item{
font-size: 18px;
color: #2f3032;
margin-bottom: 5px;
cursor: pointer;
}
.about-nav .nav-content .nav-item a{
position: relative;
padding-left: 20px;
}
.about-nav .nav-content .nav-item:hover a{
color: #dea124;
}
.about-nav .nav-content .nav-item a:before{
content: "";
display: block;
background: url(../image/caret-right.png);
width: 16px;
height: 16px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.about-nav .nav-content .nav-item.acitve{
color: #dea124;
position: relative;
}
.about-nav .nav-content .nav-item.acitve a{
color: #dea124;
}
.about-nav .nav-content .nav-item.acitve .words{
position: relative;
}
.about-nav .nav-content .nav-item.acitve span{
position: relative;
}
.about-nav .nav-content .nav-item>span{
display: none;
}
/*.about-nav .nav-content .nav-item.acitve span:after{
position: absolute;
width: 100%;
display: block;
left: 0;
top: 100%;
height: 1px;
content: "";
background-color: #dea124;
}*/
.about-nav-btn{
display: none;
}
.about-item .item_title h2{
font-size: 44px;
color: #c3925e;
margin-top: 0;
margin-bottom: 30px;
}
.about-item h3{
margin-top: 44px;
margin-bottom: 42px;
font-size: 30px;
color: #2f3032;
}
.about-item h4{
font-size: 20px;
color: #2f3032;
margin-top: 38px;
margin-bottom: 22px;
font-weight: normal;
}
.about-item .text{
line-height: 30px;
color: #2f3032;
font-size: 16px;
}
.about-images .images-item{
position: relative;
padding: 0;
}
.about-images .images-item .liquor_type .scene{
font-size: 14px;
float: none;
text-align: center;
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.about-images .images-item .liquor_type{
padding-left: 8px;
padding-right: 8px;
line-height: normal;
}
.query_form .input_item{
width: 100%;
border: none;
border-bottom: 2px solid #bababb;
color: #2f3032;
}
.query_form .from_input{
margin-top: 40px;
}
.query_form{
padding: 2px 32px 42px;
margin-top: 28px;
box-shadow: 1px 1px 14px 0px rgba(0,0,0,.3);
}
.tels span{
display: inline-block;
margin-right: 28px;
color: #2f3032;
font-size: 16px;
}
.tels span:last-child{
margin-right: 0;
}
.query_table .title{
margin-top: 50px;
margin-bottom: 18px;
}
.query_table .title h2{
margin-top: 0;
margin-bottom: 0;
}
.query_form label{
font-size: 14px;
color: #2f3032;
}
.query_form textarea{
height: 154px;
border: 2px solid #b1b4b9;
border-radius: 0;
background: #f4f5f6;
display: block;
width: 100%;
padding: 6px 12px;
}
.query_form .submit-wrap{
margin-top: 34px;
}
.submit-wrap input{
width: 170px;
height: 42px;
border: 1px solid #f7e9cc;
background: #dca227;
line-height: 40px;
font-size: 16px;
color: #ffffff;
}
/*********************盲赂鈥姑︹€光€懊徟æ’ヂå¶â‚¬ï¿½************************/
.header .drop-down-menu{
background: rgba(12, 12, 12, 0.76);
}
.header .nav_list>li:nth-of-type(1) .drop-down-menu{
width: 350px;
}
.header .nav_list>li:nth-of-type(2) .drop-down-menu{
width: 760px;
}
.header .nav_list>li:nth-of-type(3) .drop-down-menu{
width: 760px;
}
.drop-down-menu{
position: absolute;
left: 50%;
top: 40px;
transform: translateX(-50%);
background: #2f3032;
color: #ffffff;
z-index: 5;
text-align: left;
padding-top: 28px;
padding-bottom: 28px;
display: none;
}
.drop-down-menu:before{
position: absolute;
top: -22px;
height: 22px;
width: 100%;
content: "";
display: block;
}
.drop-down-menu > ul{
text-align: center;
}
.drop-down-menu a{
color: #ffffff;
display: block;
margin-bottom: 4px;
}
html[lang="en-US"] .drop-down-menu a{
margin-bottom: 6px;
}
.drop-down-menu a:hover{
color: #dea124;
}
.drop-down-menu .menu-item4 .title1 a:hover{
color: #ffffff;
}
.drop-down-menu .country li{
display: inline-block;
vertical-align: top;
margin: 0 15px;
}
.drop-down-menu .country li:first-child{
margin-left: 0px;
}
.drop-down-menu .country li:last-child{
margin-right: 0px;
}
.drop-down-menu .country li.new-world{
margin: 0 50px;
}
.drop-down-menu .country li p{
margin-bottom: 10px;
position: relative;
}
.drop-down-menu .country li p:after{
position: absolute;
content: "";
display: block;
bottom: -6px;
left: 0;
width: 100%;
height: 1px;
background: #dfe1e3;
}
.drop-down-menu > ul > li{
display: inline-block;
margin: 0 24px;
vertical-align: top;
text-align: left;
}
.drop-down-menu .title1{
margin-bottom: 10px;
position: relative;
}
html[lang="zh-TW"] .menu-item1 > .title1{width: 69px;}
html[lang="zh-CN"] .menu-item1 > .title1{width: 69px;}
html[lang="en-US"] .menu-item3 > .title2{width: 78px;}
.drop-down-menu .title1 a, html[lang="en-US"] .drop-down-menu .title1 a{
margin-bottom: 0;
}
.drop-down-menu .title1:after{
position: absolute;
content: "";
display: block;
bottom: -6px;
left: 0;
width: 100%;
height: 1px;
background: #dfe1e3;
} .menu-item1{
width: 70px;
}
html[lang="en-US"] .menu-item1{
width: 76px;
}
html[lang="en-US"] .drop-down-menu > ul > li{
margin: 0 8px;
}
html[lang="en-US"] .header .nav_list>li:nth-of-type(2) .drop-down-menu{
width: 778px;
}
html[lang="en-US"] .header .nav_list>li:nth-of-type(1) .drop-down-menu{
width: 406px;
}
html[lang="en-US"] .drop-down-menu > ul > li.menu-item3{
width: 96px;
}
html[lang="en-US"] .drop-down-menu > ul > li.menu-item4{
width: 86px;
}
.deletecoupon > .add-span{display: none;}
.add-2 button.deletecoupon{background-color:#444;}
.add-2 button.deletecoupon:hover{color: #fff;}
.addcoupon > .delete-span{display: none;}
/************************莽鈥澛⒚モ€溌伱ニå—€斆÷�************************/
.product-page.ceocw_o{
background: url(../image/home/collection_bg.png);
}
.pjbox{
margin-left: 0;
margin-right: 0;
width: 100%;
}
.hjxz.shop{
position: relative;
padding-top: 40px;
padding-bottom: 80px;
padding-left: 0; padding-right: 0;
}
.hjxz.shop:after, .hjxz.shop:before{
display: table;
content: " ";
}
.screen{
width: 25%;
padding-right: 30px;
float: left;
}
.ceocw_c{
width: 75%;
float: left;
}
.screen-top > ul > li.active > a{
background: #dea124;
color: #ffffff;
}
.screen-top .left-all-product{margin-top: 20px;}
.screen-top .left-all-product > a{background: #c3925e; color: #fff;}
.screen-top > ul > li > a{
display: block;
height: 40px;
line-height: 38px;
background: #ededed;
color: #2f3032;
text-align: center;
position: relative;
font-size: 16px;
border: 1px solid #ededed;
}
.left-Promotion > a {
display: block;
height: 40px;
line-height: 38px;
background: #d92b2a;
color: #fefefe;
text-align: center;
position: relative;
font-size: 16px;
border: 1px solid #ededed;
margin-top: 30px;
}
.screen-top-drop{
padding-top: 5px;
border: 1px solid #ededed;
border-top: none;
display: none;
background: #ffffff;
}
.screen-top-drop li{
margin-bottom: 5px;
}
.screen-top-drop li a{
display: block;
text-align: center;
height: 40px;
line-height: 38px;
border: 1px solid #ffffff;
}
.screen-top-drop li:hover a{
color: #2f3032;
border: 1px solid #dea124;
}
.screen-top-drop li.active a{
background: #dea124;
color: #ffffff;
border: 1px solid #dea124;
}
.screen-top > ul > li{
margin-bottom: 3px;
cursor: pointer;
}
.screen-top > ul > li > a .iconfont{
font-size: 14px;
position: absolute;
right: 16px;
}
.screen-top > ul > li:hover > a{
color: #2f3032;
border: 1px solid #dea124;
}
.screen-top .left-Promotion:hover > a {
color: #2f3032;
border: 1px solid #dea124;
}
.screen .filter-h3{margin-top: 30px; font-size: 18px; font-weight: bold;}
.screen .box{
margin-top: 10px;
background: #ededed;
}
.screen .left-buttons{margin: 20px 0px; text-align: center;
width: 100%;}
.screen .left-buttons > button{width: 49%;border: 1px solid #ded8d8;
border-radius: 0;
padding: 15px;}
.screen .left-buttons > button.btn-cancel{float: left;}
.screen .left-buttons > button.btn-confirm{float: right; background: #dea124;color: #fff;}
.screen .box.form{
}
.screen .box.form h4{
line-height: 44px;
margin-top: 0;
font-size: 14px;
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
position: relative;
background: #2f3032;
height: 44px;
color: #ffffff;
}
.screen .box.form h4 button{
line-height: 16px;
font-size: 14px;
position: absolute;
right: 16px;
top: 11px;
border: 2px solid #ffffff;
background: transparent;
}
.screen .box.form h4 button:hover{
background: #dea124;
border-color: #dea124;
}
.screen .box ul li h4{
height: 44px;
line-height: 42px;
border: 1px solid #ded8d8;
padding-left: 16px;
font-size: 16px;
cursor: pointer;
position: relative;
}
.screen .box ul li h4:after{
position: absolute;
content: "\e6cf";
right: 16px;
top: 0;
font-family: "iconfont" !important;
font-size: 14px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.screen .box ul li.active h4:after{
content: "\e6cb";
}
.screen .box ul li h4:hover a{
color: #dea124;
}
.screen .box ul li.active h4 a{
color: #dea124;
}
.screen .box ul li .index-menu-submenu{
padding-bottom: 15px;
padding-top: 15px;
}
.screen .box ul li .index-menu-submenu.from-to{
padding-left: 30px;
padding-right: 30px;
}
.index-menu-submenu > .index-menu-submenu-li{
overflow: hidden;
}
.index-menu-submenu > .index-menu-submenu-li > p{
position: relative;
margin-bottom: 25px;
margin-top: 15px;
}
.index-menu-submenu > .index-menu-submenu-li > p.inlineCheckbox{
margin-top: 0;
margin-bottom: 0;
line-height: 20px;
}
.index-menu-submenu > .index-menu-submenu-li:nth-child(1) > p{
margin-top: 0;
}
.index-menu-submenu > .index-menu-submenu-li > p:before{
content: "";
display: block;
position: absolute;
height: 1px;
width: 100%;
top: 30px;
left: 0;
background: #cecfd3;
}
.index-menu-submenu > .index-menu-submenu-li > p.inlineCheckbox:before{
display: none;
}
.screen .box ul li.active h4{
background: #e3e3e3;
}
.screen .box ul li.active .index-menu-submenu{
background: #ededed;
}
.screen .box.form .close-content{
position: relative;
border: 1px solid #e6e7e9;
border-top: none;
}
.screen .box.form .close-content p {
color: #2f3032;
padding: 8px 16px;
}
.screen .box.form .close-content p > .sp{margin-left: 5px; margin-right: 5px;}
.screen .box.form .close-content p >span{ margin-bottom: 8px; position: relative; display: inline-block; padding: 3px 8px; border-radius: 5px; background-color: #dedede;}
.screen .box.form .close-content p >span > a.closed{cursor: pointer;position: absolute; top: -4px; right: -4px; background-image: url(../image/xx.png); background-size: 100%; width: 12px; height: 12px;}
.screen .box.form .close-content .close{position: absolute;right: 16px;top: 8px; }
.screen .box.form .close-content button.close{display: none;}
.screen .box.form .close-content .close span{
display: inline-block;
background: url(../image/xx.png);
width: 12px;
height: 12px;
}
.index-menu-submenu{
border: 1px solid #ededed;
border-top: none;
padding-left: 16px;
padding-right: 16px;
}
.inlineCheckbox{
position: relative;
padding-left: 28px;
cursor: pointer;
}
.inlineCheckbox:hover{
color: #dea124;
}
.inlineCheckbox:hover:after{
border-color: #DEA124;
}
.index-menu-submenu-li{
margin-top: 8px;
}
.index-menu-submenu-li:nth-of-type(1){
margin-top: 0;
}
.inlineCheckbox.open{
color: #dea124;
}
.inlineCheckbox input{
display: none;
}
.inlineCheckbox:after{
width: 16px;
height: 16px;
display: block;
position: absolute;
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
border: 1px solid #9ca0a6;
}
.inlineCheckbox.open:after{
border-color: #dca227;
background: url(../image/gou.png)no-repeat #dca227 center;
}
.index-menu-submenu .from-to-input-box .from-to-text{
margin: 10px 0;
}
.product-share{margin-top: 20px; text-align: center;}
/*忙鈥扳€姑ε撀好ニå—€斆÷┞÷得徟æ’ヂå¶â‚¬ï¿½*/
.mobel-screen-btn{
height: 56px;
/*padding: 10px 0;*/
/*background: #f0f0f0;*/
display: none;
}
.mobel-screen-btn .filter-btn{
/*height: 35px;*/
line-height: 35px;
text-align: center;
/*border-right: 1px solid #e7e7e7;*/
cursor: pointer;
padding-left: 0px;
}
.filter-btn .btn-filter{width: 100%; padding: 16px 13px; background: #ddd;}
.filter-btn .btn-filter > i {float: right;}
.mobel-sort{
/*height: 35px;*/
padding-right: 0px;
}
.mobel-sort .paixu{
width: 100%;
height: 54px;
border: none;
display: block;
padding: 15px 13px;
background: #ddd;
} /*************************å¿™è‰™èŒ æ°“éˆ¥æºŒâˆ¶îž Î²î†šâ”žä½²â‚¬ï¿½***********************/
.courtesy{
padding-top: 40px;
padding-bottom: 80px;
}
.query_table{
margin-bottom: 160px;
}
.about .query_table{
margin-bottom: 0;
}
.courtesy-content{
padding-right: 480px;
position: relative;
min-height: 250px;
}
.register-form{
width: 480px;
position: absolute;
right: 0;
top: 0;
box-shadow: 0 0 15px 3px rgba(0,0,0,.2);
padding: 44px 36px;
}
.register-form h2{
font-weight: bold;
}
.register-form p{
margin-top: 20px;
margin-bottom: 32px;
font-size: 18px;
font-weight: bold;
}
html[lang="en-US"] .register-form p, html[lang="en-US"] .service-footer h3, html[lang="en-US"] .popup .modal-body h2,
html[lang="en-US"] .query_table .title h2, html[lang="en-US"] .record_data .form_data.payment_list h3{
font-family: "微軟雅黑";
}
html[lang="en-US"] .record_data .form_data.payment_list h3{
font-size: 16px;
font-weight: bold;
}
.register-form a{
width: 100px;
height: 44px;
line-height: 44px;
display: block;
text-align: center;
color: #ffffff;
background: #dea124;
font-size: 16px;
}
.courtesy-text{
margin-right: 120px;
}
.courtesy-text p{
margin-top: 26px;
font-size: 16px;
line-height: 32px;
}
.courtesy-img{
margin-top: 80px;
position: relative;
}
.menu-item1>div{
display: inline-block;
}
/**********************莽鈩⒙幻モ€β�***********************/
.login-note{
font-size: 16px;
font-weight: bold;
margin-top: 16px;
}
.btn-signup{
width: 100px;
height: 36px;
color: #ffffff;
text-align: center;
display: block;
font-size: 16px;
background: #dea124;
margin-top: 30px;
border-radius: 0;
}
/************************猫è›ç‚‰èŽ½é¹¿èŠ¦å¿™è—›éˆ¥æ¨ãƒ¢å“鈥�****************************/
.contact-top{
margin-bottom: 44px;
}
.map-icon{
/*position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: url(../image/contact/map-icon.png);
width: 64px;
height: 74px;*/
}
.contact{
padding-top: 40px;
}
#contactform-verifycode-image{margin-top: 10px;}
.query_table:nth-of-type(2){
margin-bottom: 80px;
}
.shop_address>ul>li{
margin-bottom: 44px;
}
.shop_wrap{
position: relative;
padding-left: 436px;
}
.shop_map{
width: 436px;
position: absolute;
top: 0;
left: 0;
height: 298px;
}
.shop_map>div{
width: 100%;
height: 100%;
}
.shop_img{
width: 350px;
}
.shop_contact{
padding: 19px;
background: #f4f5f6;
width: 100%;
border: 1px solid #aa5d0f;
}
.shop_title{
color: #dea124;
font-weight: bold;
margin-bottom: 25px;
}
.shop_text{
margin-left: 18px;
}
html[lang="en-US"] .shop_text{
width: 354px;
}
.shop_text ul{
margin-top: 8px;
}
.shop_text li{
padding-left: 26px;
position: relative;
font-size: 16px;
line-height: 32px;
margin-bottom: 5px;
}
.shop_text li i{
position: absolute;
left: 0;
top: 0;
color: #2F3032;
}
.shop_text li:nth-of-type(2) i, .shop_text li:nth-of-type(5) i{
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shop_text li:nth-of-type(2) i:before{
content: "\e65e";
}
.shop_text li:nth-of-type(5) i:before{
content: "\e62d";
}
.find_us{
margin-top: 100px;
}
.find_us-title h2{
color: #dea124;
position: relative;
display: inline-block;
}
.find_us-title h2:after{
position: absolute;
width: 300px;
height: 2px;
background: #dea124;
top: 50%;
margin-top: -1px;
content: "";
display: block;
left: 120%;
}
.find-method{
padding-top: 50px;
padding-bottom: 50px;
}
.find-method ul{
margin-left: -33px;
margin-right: -33px;
}
.find-item{
width: 356px;
height: 356px;
float: left;
margin: 0 33px;
position: relative;
transition: all .3s;
}
.find-item:hover a, .find-item:hover .wechat{
box-shadow: 1px 2px 15px 3px rgba(0,0,0,.3);
}
.find-item a{
display: block;
transition: all .3s;
}
.circular{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.tels{
margin-top: 30px;
}
.circular .iconfont{
font-size: 48px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #636a70;
}
.within{
display: block;
width: 116px;
height: 116px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid #6c7378;
background: #ffffff;
}
.abroad{
width: 130px;
height: 130px;
border-radius: 50%;
position: relative;
background: #ffffff;
}
.circular p{
margin-top: 10px;
color: #ffffff;
font-size: 30px;
}
/************************èŒ…éˆ¥Ã·åµœîž é“°î†šãƒ‚îˆ—â‚¬çŠ†îž â’™ï¿½***********************/
.reset_wrap{
padding-left: 44px;
padding-right: 44px;
}
.reset-title h3{
font-size: 20px;
color: #c3925e;
font-weight: bold;
}
.step-wrap{
background: #f8ecd3;
}
.step{
text-align: center;
padding: 5px 0;
margin-top: 20px;
}
.step .step-item{
display: inline-block;
position: relative;
width: 44px;
height: 44px;
border-radius: 50%;
background: #ebc67b;
vertical-align: middle;
margin: 0 68px;
}
.step .step-item.active{
background: #dea124;
}
.step .step-item:after{
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
width: 100px;
left: 64px;
height: 2px;
content: "";
background: #ebc67b;
}
.step .step-item:last-child:after{
display: none;
}
.step .step-item .step-number{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
font-size: 18px;
font-weight: bold;
color: #ffffff;
}
.step .step-item .step-number i{
display: block;
background: url(../image/reset-gou.png);
width: 22px;
height: 16px;
}
.step .step-item p{
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
width: 100px;
font-weight: bold;
}
.reset-item{
margin-top: 105px;
}
.reset-item .reset-wrap{
width: 388px;
margin: 0 auto 60px;
}
.password-input label{
display: block;
font-size: 16px;
color: #2f3032;
font-weight: normal;
margin-bottom: 14px;
}
.password-input input{
width: 100%;
border: 1px solid #cecfd3;
height: 36px;
padding-left: 8px;
}
.password-input{
margin-bottom: 12px;
}
.complete{
text-align: right;
}
.complete-btn{
width: 100px;
height: 36px;
text-align: center;
line-height: 36px;
color: #ffffff;
background: #dea124;
display: inline-block;
outline: none;
border: none;
}
.reset-item .attention{
text-align: center;
margin-bottom: 100px;
}
.reset-item .attention i{
display: inline-block;
background: url(../image/attention.png);
width: 36px;
height: 36px;
vertical-align: middle;
}
.reset-item .attention span{
display: inline-block;
vertical-align: middle;
font-size: 22px;
margin-left: 10px;
}
.complete-page{
text-align: center;
}
.complete-page p{
font-size: 18px;
margin: 10px 0 30px;
}/***********************æ°“é©´èŒ èŒ…éš†è—´å¿™èµ‚éˆ¥Î³ãƒ¢â‚¬æ’€ï¿½********************/
.wish .ceocw_c .nav-page{
text-align: left;
}
.wish .ceocw_c{
width: auto;
float: none;
}
.wish .pic .pic-wrap .pic-top .star{
position: absolute;
top: 12px;
left: 12px;
}
.wish .pic .pic-wrap .pic-top .star .iconfont{
color: #f65859;
font-size: 18px;
}
.pic .pic-wrap .pic-top a{
display: block;position: relative;text-align:center; height: 100%;
}
/***********************莽鈩⒙幻懊ã¢ç³•â‚¬å§‘ヂå¶â‚¬ï¿½**********************/
.record_data .form_data .email_birth .birth_box .menu{
width: 64px;
position: absolute;
top: 0;
right: 0;
height: 100%;
border: none;
outline: none;
}
.record_data .form_data .tel_number .menu{
width: 60px;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
height: 100%;
border: none;
outline: none;
padding-left: 15px;
}
.address-1 .self_taking, .address-2 .self_taking{
float: none;
}
.address-1 .address-wrap, .address-2 .address-wrap{
padding-left: 0;
margin-top: 15px;
}
.address-wrap-phone{
border: 1px solid #ccc;
border-radius: 4px;
display: inline-block; width: 100%;
position: relative;
}
.address-wrap-phone input{
height: 34px;
display: block; width: 100%;
padding: 6px 12px;
font-size: 14px;padding-left: 120px;
line-height: 1.42857143;
}
.address-wrap-phone > .phone-prefix{border: none; position: absolute; display: inline-block; max-width: 100%; width: 120px; padding: 5px 0px 6px 8px;}.address-delivery_mode .address-wrap-phone{
border: 1px solid #ccc;
border-radius: 4px;
display: inline-block; width: 100%;
}
.address-delivery_mode .address-wrap-phone input{
height: 34px;
display: inline-block; width: 100%;
padding: 6px 12px 6px 90px;
font-size: 14px;
line-height: 1.42857143;
}
.address-delivery_mode .address-wrap-phone > .phone-prefix{border: none; display: inline-block; max-width: 100%; width: 80px; padding: 5px 0px 6px 8px; border-right: 1px solid #ccc;}
.address-delivery_mode .address-wrap-phone > .phone-prefix:before{position: absolute; content: " "; border-left: 1px solid #ddd;}
.address-delivery_mode ._data-item{
margin-top: 22px;
}
.address-1 .self_taking input, .address-2 .self_taking input{
display: none;
}
.address-1, .address-2{
width: 48%;
float: left;
}
.address-2{
margin-left: 4%;
}
.address-2 .city-select{
padding-right: 44px;
position: relative;
}
.city-select h3{
overflow: hidden; /*猫鈥÷ヅ犅┡÷惷ㄢ€斅å¾ï¸¹â‚¬æ’¯â‚¬âˆ¶ãƒ‚€�*/
white-space: nowrap;/*氓录潞氓藛露盲赂è§å¿™è§åž„猫隆艗*/
width: 100%;
position: relative;
}
.address-2 .city-select:after{
content: '...';
display: block;
position: absolute;
bottom: 7px;
right: 28px;
}
.address-2 .city-select:before{
position: absolute;
background-color: transparent;
content: '';
display: block;
width: 100%;
top: 100%;
min-height: 60px;
}
.payment_list h3{
font-size: 16px;
}
.nav-content .nav-list_item.active .payment-list{
margin-top: 30px;
}
#cart-form .buy_pay_radio{
margin-top: 20px;
margin-bottom: 20px;
}
#cart-form .confirm button{
background: #dea124;
border: 1px solid #dea124;
outline: none;
width: 92px;
color: #fff;
height: 36px;
font-size: 16px;
line-height: 34px;
}
.buy_pay_radio .radio label{
padding-left: 0;
}
.buy_pay_radio .radio label input{
display: none;
}
.buy_pay_radio .radio label span{
display: block;
position: relative;
}
.buy_pay_radio .radio.active label span{
border: 1px solid #dea124;
}
.buy_pay_radio .radio{
display: inline-block;
margin: 0 10px;
}
.buy_pay_radio .radio:nth-of-type(1){
margin-left: 0;
}
.buy_pay_radio .radio.active label span:after{
content: "";
background: url(../image/pay-icon-gou.png);
width: 20px;
height: 20px;
right: 0px;
top: 0px;
display: block;
position: absolute;
}/* ******************å¿™è¬è‰™èŽ½éº“åž„****************** */
.collapse.searchBox{
margin-top: 10px;
}
.liner-02{
background: -webkit-linear-gradient(left, #fff ,#dea124,#dea124,#dea124, #fff);
background: -o-linear-gradient(right, #fff ,#dea124,#dea124,#dea124, #fff);
background: -moz-linear-gradient(right, #fff ,#dea124,#dea124,#dea124, #fff);
background: linear-gradient(to right, #fff ,#dea124,#dea124,#dea124, #fff);
width: 100%;
height: 2px;
}
.form-inline{
}
.form-inline form{
padding-left: 78px;
position: relative;
}
.form-inline form .text-right{
position: absolute;
width: 28px;
left: 50px;
top: 0;
}
.form-inline form .text-right button{
font-size: 16px;
border: none;
background: #fff;
height: 40px;
color: #d0d2cf;
}
.form-inline form .text-right button:hover{
color: #DEA124;
}
.form-inline form .col-md-11, .form-inline form .col-md-1{
float: none;
padding: 0;
}
.form-inline form .col-md-11{
width: 100%;
}
.form-inline form .col-md-11 .search{
width: 100%;
border: none;
box-shadow: none;
height: 40px;
}
.search-bar .mt-20{
margin-top: 20px;
margin-bottom: 10px;
}
.search-bar .mt-20{
font-size: 16px;
}
.search-bar .mt-20 a{
color: #dea124;
font-size: 16px;
margin-left: 5px;
}
.search-bar .mt-20 a:hover{
text-decoration: underline;
}
html[lang="en-US"] .main_footer .footer_list_item .item-title{
font-family: "微軟雅黑";
font-weight: bold;
}
.allwordupper{text-transform: uppercase !important; }
.gallery{
position: relative;
}
.gallery .add-1{
position: absolute;
top: 32%;
display: none;
transform: translateY(-50%);
width: 100%;
text-align: center;
z-index: 1;
}
.gallery .add-1 .btn{
width: 162px;
height: 44px;
border-radius: 0;
background-color: rgba(255,255,255,.7);
color: #2f3032;
font-size: 16px;
}
.gallery .add-1 .btn .iconfont{
font-size: 14px;
margin-right: 6px;
border-radius: 50%;
color: #ffffff;
position: relative;
z-index: 1;
}
.gallery .add-1 .btn .iconfont:after{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #2f3032;
width: 24px;
height: 24px;
display: block;
border-radius: 50%;
z-index: 0;
}
.gallery .add-1 .btn.active .iconfont{
color: #dea124;
}
.gallery:hover .add-1{
animation: addfirst .5s;
-moz-animation: addfirst .5s;
-webkit-animation: addfirst .5s;
-o-animation: addfirst .5s;
top: 50%;
display: block;
}
.gallery .img-water{width: 100px;}
.page-11, .page-12, .page-14, .page-2{
padding-bottom: 80px;
}
.page-11 p, .page-12 p, .page-14 p, .page-2 p, .about-content>.text{
line-height: 26px;
font-size: 15px;
}
.event-content-div, .event-content-div p{
font-size: 16px;
line-height: 26px;
}
.record_right{ position: relative; }
#cart-form .record_right{position: relative;}
.record_right .go-to-login{position: absolute; top: 0;left: 0;right: 0; bottom: 0; z-index: 99999999;}
.record_right .go-to-login .mast{z-index: -1;position: absolute; width: 100%;height: 100%; background: #000; opacity: 0.5;}
.go-to-login .login-info { margin-top: 135px; text-align: center; }
.go-to-login .login-info > p{ color: #fff; font-size: 22px; line-height: 26px;}
.go-to-login .login-info > p > a{color: #f1b73d;}
.go-to-login .login-info .btn.confirm-btn{background: #f1b73d; color: #000; margin-top: 30px;}
.btn.affirm{ background: #dea124; margin-top: 30px; border-radius: 0; color: #ffffff; }
.address-item .address-title:nth-of-type(2) .address-w{ float: none; }
.address-item .address-title:nth-of-type(2){ margin-top: 10px; }
.site-error{
margin: 100px auto;
}
.list-index {margin-bottom: 50px; }
.list-index .cart-btn,.product-info .cart-btn{height: 44px;font-size: 18px;color: #ffffff; background-color: #c3925e;border: none;border-radius: 0;}
.list-index .cart-btn{ margin-right: 20px; }
.list-index .cart-btn:hover{color: #000;}
.product-info .cart-btn:hover{color: #000;}
.event-list .date { line-height: 44px; text-align: center; font-weight: 500; font-size: 54px; color: #8c7b47;}
.text-uppercase { text-transform: uppercase;}
.event-list .date div { font-weight: 400; font-size: 24px;}
.cart-btn .out-stock{background-color: #666;}
.cart-btn .icon-shop{margin-right: 8px;}
.list-index .pic img{max-width: unset; height: 286px; width: auto;}
.product-info{margin-bottom: 15px; overflow: hidden;}
.product-info .price-number{ margin-bottom: 28px;font-size: 24px;}
.list-index .price{margin-bottom: 20px;}
.product-info .pdd_button1{margin-bottom: 20px;}
.list-index .pdd_button1, .product-info .pdd_button1{border: none;}
.list-index .content > .form-group{border-bottom: 1px solid #9ca0a6; margin-left: 0px; margin-right: 0px;}
.event-image-div img{max-width: 100%;}
.active-banner{margin-bottom: 44px;}
.active-banner img{ width: 100%; }
.product-info > p{font-size: 20px;}
.product-info .product-info-content {font-size: 16px; margin-bottom: 16px;}
.page-bj .form-group.row{
margin: 40px 0
}
.page-bj .form-group.row:nth-of-type(2){
margin-top: 0;
}
.page-bj .product-info .cart-btn{
margin-bottom: 0;
display: inline-flex;
vertical-align: middle;
}
.page-bj .product-info .pdd_button1{
margin-left: 30px;
margin-bottom: 0;
display: inline-flex;
vertical-align: middle;
font-size: 14px;
}
.page-bj .product-info .cart-btn{
/*margin-left: 20px;*/
}
.page-bj .popup .modal-body .title{
word-wrap: break-word;
}
.address-selecter-modal{display: none;}
.product-info .price .price-number, .product-info .price .pdd_button1{
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
.product-info .price .price-number{
margin-right: 18px
}
.product-info .btn-back{
padding: 8px 16px;
margin-left: 20px;
background-color: #fff;
font-size: 18px;
color: #000;
border: none;
border-radius: 0;
line-height: normal;
border: 1px solid #000;
}
.product-info .btn-back:hover{background: #b2b2b3; border-color:#b2b2b3; }
.popup .modal-body h2{
word-wrap: break-word;
line-height: normal;
}
.popup .modal-footer a{
line-height: 36px !important;
}
.popup .modal-footer a.cancel{
display: none !important;
}
.event-detail #tabToScroll > .content {
padding-top: 41px;
}
.event-detail #tabToScroll > .content .content {
padding-top: 41px; margin-bottom: 30px;
}
.event-detail #tabToScroll-nav {
/* position: absolute;*/
top: 0;
left: 0;
right: 0;
width: 100%;
/*padding-top: 0px;*/
background-color: #fff;
z-index: 1;
transition-duration: .5s;
}
.event-detail #tabToScroll-nav .nav-tabs {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.event-detail .nav-tabs {
border-bottom: 1px solid #000;
}
.event-detail .nav-tabs > li > a, .event-detail .nav > li > a:focus {
color: #999999;
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
padding: 10px 30px;
background-color: transparent;
}
.event-detail .nav > li > a:hover {
text-decoration: none;
background-color: #000;
color: #fff;
border-color: #000;
}
.event-detail .nav-tabs > li {
transition-duration: 0s;
}
.event-detail .nav-tabs > li.active > a, .event-detail .nav-tabs > li.active > a:hover, .event-detail .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #000;
border: 1px solid #000;
border-bottom-color: transparent;
transition-duration: .2s;
}
.event-detail .nav-tabs > li.active > a, .event-detail .nav-tabs > li.active > a:hover, .event-detail .nav-tabs > li.active > a:focus {
color: #fff;
cursor: default;
background-color: #000;
border: 1px solid #000;
border-bottom-color: transparent;
transition-duration: .2s;
}
.detail-images{max-width: 300px; position: relative; margin-top: 20px;margin-bottom: 20px; text-align: center; margin-left: auto;margin-right: auto;}
/**/
.payment-cancel > .banner {display: none;}
/*blog*/
.blog-index{/*margin-top: 20px;*/}
.bolg-list{margin-top: 20px;}
.bolg-list .entry-footer > .posted-on{display: none;}
.mostpop-article .posted-on{display: none;}
.blog-index article[id^=grid] {
width: 48%;
}
.blog-index article {
position: relative;
z-index: 1; float: left;
}
.blog-index article[id^=grid]:nth-child(2n-1) {
margin: 0 5% 40px 0;
}
.blog-index article[id^=grid]:nth-child(2n-1) {
margin: 0 4% 40px 0;
}
.blog-index article:not(.type-page) .entry-footer {
border-bottom: 1px solid #f1f1f1;
width: 100%;
}
.blog-index .entry-title a {
color: #4E4E4E;font-weight: bold;
}
.blog-index .entry-title a:hover{
color: #c3925e;
}
.blog-index .entry-date{color: #666;}
.blog-index .tag.article {
height: auto;
width: 100%;
color: #8c7b47;
margin-top: 5px;
}
.blog-index .tag.article a{color: inherit;}
.blog-index article[id^=grid] h2 {
font-family: inherit;
min-height: 0;
margin: 0;
padding-bottom: 0;
display: block;
font-weight: 400;
font-size: 18px;
line-height: 25px;
padding: 8px 0 8px 0;
height: 60px;
white-space: normal;
}
.blog-index article[id^=grid] h2 a {
height: 80px;
width: 100%;
}
.widget h3.widget-title {
display: table;
width: 100%;
margin: 0 0 15px 0;
}
.blog-index .widget .widget-title .sidebarTitle {
font-size: 16px;
padding-right: 20px;
background: #ffffff;
z-index: 1;
position: relative;
color: #43484D;
line-height: 20px;
font-weight: 400;
}
.blog-index .widget .tagsBtn {
width: 100%;
height: 42px;
line-height: 42px;
color: #4E4E4E;
font-size: 16px;
font-weight: 500;
text-align: center;
min-width: 180px;
text-transform: uppercase;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
margin-bottom: 10px;
background: #f0f0f0;
cursor: pointer;
display: block;
}
.thumbnail-grid {
height: auto;
overflow: hidden;
margin-bottom: 10px;
max-height: 280px;
}
article[id^=grid] .thumbnail-grid {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative; position: relative;
}
.thumbnail-grid img {
width: 100%;
}
.blog-detail{max-width: 900px;}
.blog-detail .container-content h1{color: #c3925e;}
.blog-detail-targetproduct{margin: 20px 0px 40px;}
.blog-detail .info p{font-size: 16px; line-height: 28px;margin-bottom: 10px;}
div.mostpop-article .mostpopImg {width: 40%; float: left ;}
div.mostpop-article .mostpopTitle { width: 55%; margin-left: 12px;float: right ;}
div.mostpop-article .mostpopTitle a { color: #444444; margin-top: 5px; margin-bottom: 6px; display: block; height: auto; overflow: hidden; font-weight: 400; font-size: 13px; line-height: 20px;}
.mostpop-article{margin-bottom: 15px;}
/*product-category-list*/
.category-list{padding-left: 0px; padding-right: 0px;}
.product-page{margin-bottom: 40px;}
.product-page .wow {
margin-bottom: 5px;
}
.product-page .eventspromotion .right{float: left;}
.product-page .eventspromotion .right .right-cell { margin-top: 4.9531578947368%;}
.product-page .eventspromotion .right .right-cell:first-child { margin-top: 0;}
.product-page .eventspromotion .wow { position: relative; overflow: hidden;}
.product-page .eventspromotion .wow img { width: 100%;}
.product-page .eventspromotion .wow img { -webkit-transition: 0.5s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.product-page .eventspromotion .wow:hover img {
-webkit-transform: scale(1.05);
-mox-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.product-page .eventspromotion .wow .line-top {
position: absolute;
top: 0px;
left: 0px;
width: 0;
height: 1px;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-page .eventspromotion .wow .line-right {
position: absolute;
bottom: 0;
right: 0px;
width: 1px;
height: 0;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-page .eventspromotion .wow .line-bottom {
position: absolute;
bottom: 0px;
right: 0px;
width: 0;
height: 1px;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-page .eventspromotion .wow .line-left {
position: absolute;
top: 0;
left: 0px;
width: 1px;
height: 0;
background: rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*.product-page .eventspromotion .wow .readMoreBtn.small:hover .line-top {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-page .eventspromotion .wow .readMoreBtn.small:hover .line-right {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-page .eventspromotion .wow .readMoreBtn.small:hover .line-bottom {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.product-page .eventspromotion .wow .readMoreBtn.small:hover .line-left {
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}*/
.product-page .eventspromotion .wow .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-ms-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}
.product-page .eventspromotion .wow .title2 {
font-size: 32px;
font-weight: normal;
line-height: 40px;
color: #FFF;
margin: 0px auto 5px;
width: 90%;
text-align: center;
}
.product-page .eventspromotion .wow.right-item-18 .title2{width: 174px;}
.product-page .eventspromotion .wow .readMoreBtn.small {
margin: auto;
text-align: center;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
border: 1px solid white;
border: 1px solid rgba(255, 255, 255, .25);
cursor: pointer;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 140px;
height: 42px;
line-height: 40px;
margin-top: 28px;
letter-spacing: 1px;
padding-left: 3px;
}
.product-page .eventspromotion .wow .readMoreBtn.small:hover{background-color: #dea124ab;}
.product-page .eventspromotion .wow .readMoreBtn.small a {
color: #fff;
text-decoration: none;
}
.product-page .eventspromotion .wow .textBlock {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
width: 100%;
z-index: 9;
}
.product-page .eventspromotion .right{
margin-right: 2.2949152542373%;
}
.product-page .eventspromotion .right:nth-child(3){
margin-right: 0%;
}
.product-page .eventspromotion .content {
/*padding: 0 0 0 20px;*/
}
.product-page .eventspromotion .left .top {
margin-bottom: 2.5641025641026%;
}
.product-page .eventspromotion .left .bottom {
margin-top: 0%;
margin-bottom: 2.5641025641026%;
}/********************************************/
.footer_wrap:after, .footer-logo:after { content: ""; clear: both; height: 0; display: block; }
.footer_list { float: left; }
.main_footer .footer_right { position: static; top: auto; right: auto; float: right; width: 250px; height: 200px;}
.main_footer .footer_right .other a { width: auto !important; float: none; margin: 0!important; }
.main_footer .footer_right .other a img { width: auto; height: 85px; display: block; }
.owl_arrow { background-size: 100% 100%!important; }
html[lang="en-US"] .header .nav_list>li:nth-of-type(6) .drop-down-menu .menu-item1 { width: 110px; }
.product-page .eventspromotion .right .right-cell:after { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); display: block; position: absolute; top: 0; left: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.product-page .eventspromotion .right .right-cell:hover:after { content: ""; background-color: rgba(0,0,0,.5);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.event-detail, .event-content-div { padding: 0; }
.explain .detail-info, .explain .shopping-cart { display: inline-block; width: 100%; }
.explain .detail-info { margin: 10px 0 10px; }
.explain .detail-info:after { content: ""; clear: both; display: block; height: 0; }
.explain .detail-info > p { display: inline-block; padding-right: 16px; margin: 0 14px 12px 0; position: relative; font-size: 16px; line-height: 1em; }
.explain .detail-info > p:after { content: ""; width: 2px; height: 12px; background-color: #636a70; position: absolute; top: 50%; right: 0; display: block; margin-top: -6px; }
.explain .detail-info > p:last-child { padding-right: 0; margin-right: 0; }
.explain .detail-info > p:last-child:after { display: none; }
.explain .shopping-cart { padding: 0 15px; margin-top: 20px; }
.product-content.intro-nav .nav-tasting1 { padding-left: 0; padding-right: 0; }
.product-content.intro-nav .nav-top span { width: auto; padding: 0 18px; border: 1px solid transparent; }
.product-content.intro-nav .nav-top span:last-child { float: left; margin-left: 10px; }
.product-content.intro-nav .nav-top span:first-child{margin-left: 0px;}
.product-content.intro-nav > div { margin-bottom: 16px; }
.product-content.intro-nav .nav-bottom p { line-height: 1.6em; FONT-SIZE: 16px;}
.product-content.intro-nav .nav-bottom p:last-child{margin-top: 10px;}
.form-group .pic { padding: 0; position: relative; margin-bottom: 15px;overflow: hidden; }
/*.form-group .pic:after { content: ""; width: 2px; height: 80%; background-color: #9ca0a6; display: block; position: absolute; top: 10%; right: -21px; }*/
.form-group .event-list { background-color: #cb9056; height: 286.6px; position: relative; }
.form-group .event-list .date { font-size: 36px; font-weight: 700; color: #fff; position: absolute; top: 20%; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform: translateX(-50%);
}
.form-group .event-list .date div { font-size: 16px; font-weight: 700; line-height: 1.4em; color: #fff; margin-top: 8px; }
.form-group .event-list .date div:last-child { margin-top: 2px; }
.form-group .product-info { padding-left: 44px; }
.product-info .btn-back { color: #fff; font-size: 16px; font-weight: bold; display: block; width: 130px; height: 44px; line-height: 24px; background: #2f3032; text-align: center; display: inline-block; }
.member-wrap .row.payment-list { margin: 0; }.container.event-detail .product-info.price button.btn.btn-lg.btn-default.cart-btn { margin-left: 0!important; }
/*loading*/
#inner-pjax{position: relative;}
.loading{width: 100%; height: 100%; position: absolute; z-index: 99999; text-align: center; padding-top: 150px;}
.loading:after{content: " "; background: #fff; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0.3;}
.sk-circle { margin: 40px auto; width: 100%; height: 100%; max-width: 50px; max-height: 50px;position: relative; }
.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; color: #dea124; left: 0; top: 0; }
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #dea124;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
/*******************************************/
.details-one.details-top .shopping-cart .price-number { margin-bottom: 12px; }
.details-one.details-top .shopping-cart .pdd_button1 { margin: 0 10px 10px 0; }
.details-one.details-top .shopping-cart .cart-btn { line-height: 43px; margin-top: 0; vertical-align: top; padding: 0; margin-left: 0; }
/*.service-footer p span:nth-of-type(1) { white-space: nowrap!important; }*/.note { background-color: #fff1d3; position: relative; padding: 24px 50px; }
.note p { /*color: #dda328;*/ color: #d89a15; font-weight: 700; margin-bottom: 8px; font-size: 13px; }
.note p:last-of-type { margin-bottom: 0; }
.note:before { content: ""; display: block; width: 64px; height: 64px; background: url(../image/pay/note-icon1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; }.stock-note{margin-bottom: 20px;}.shopping-table { margin-top: 54px; }
.table_left div.img,
.pic .pic-wrap .pic-top { position: relative; }
.stock-status,
.table_left div.img .stock-name { position: absolute; top: 0; left: 0; z-index: 2; background-color: #d91e06; color: #fff; font-size: 12px; font-weight: 700; padding: 0 6px; min-width: 54px; line-height: 20px; }
.stock-status.stock-status-2 { background-color: #ee7c2f; }
.stock-status.stock-status-3 { background-color: #ffc100; }
.stock-status.stock-status-4 { background-color: #70ad47; }
.stock-status.stock-status-5 { background-color: #7031a0; }
.register-left .tabs ul { margin-top: 24px; }
.register-left .tabs ul li { float: left; }
.register-left .tabs ul li a { display: block; font-weight: 700; line-height: 30px; padding: 0 16px; color: #fff; background-color: #dac1a7; border-radius: 4px; cursor: pointer; }
.register-left .tabs ul li.active a { background-color: #c3925e; }
.register-left .tabs ul li.tab-email { margin-right: 10px; }
.register-left .tabs ul:after { content: ""; display: block; clear: both; height: 0; }
.register-left .username-label,
.register-left .tab-content.tab-email,
.register-left .tab-content.tab-phone { display: none; }
.register-left .username-label.active,
.register-left .tab-content.tab-email.active,
.register-left .tab-content.tab-phone.active { display: block; }
.register-left .tab-content.tab-phone .input_item { padding-left: 114px; position: relative; }
.register-left .tab-content.tab-phone .input_item .phone-prefix-input { position: absolute; top: 5px; left: 0; width: 110px; font-size: 14px; }
.cart-checkout-index { background-color: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.cart-checkout-index #cart-form { padding: 54px 30px; }
.cart-checkout-index #cart-form .records,
.cart-checkout-index #cart-form .customer,
.cart-checkout-index #cart-form .buy_pay_radio { margin: 0 0 54px; }
.cart-checkout-index #cart-form > h3,
.cart-checkout-index #cart-form .customer > h3,
.cart-checkout-index #cart-form .records .selection_product > h3 { font-size: 24px; font-weight: 700; line-height: 1em; margin-bottom: 30px; position: relative; padding-left: 12px; }
.cart-checkout-index #cart-form > h3:before,
.cart-checkout-index #cart-form .customer > h3:before,
.cart-checkout-index #cart-form .records .selection_product > h3:before { content: ""; display: block; width: 4px; height: 16px; background-color: #dda328; position: absolute; top: 50%; left: 0; margin-top: -8px; }
.cart-checkout-index .buy_pay_radio .radio.active label span { padding: 3px 6px; }
.cart-checkout-index .buy_pay_radio .radio.active label span img { height: 36px; }
.cart-checkout-index #cart-form .customer > div { border: 1px dashed #939395; padding: 30px 5px 18px; margin-top: 20px; margin-bottom: 20px; background: #f4f5f9; border-radius: 8px; margin: 0; }
.selection_list { background-color: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.1); }
.selection_list .total-item { /*display: none;*/ }
.selection_list .selection_product_img { width: 66px; height: 66px; padding: 0; margin-right: 20px; }
.selection_list .selection_product_img img { width: auto; height: 100%; max-width: inherit; margin: 0 auto; display: block; }
.selection_list-item { padding: 20px; }
.selection_list-item > div { padding: 0; vertical-align: middle; }
.selection_list-item .selection_product_content .selection_product_name { font-weight: 700; }
.selection_list .selection_list-header { padding: 15px 20px; position: relative; }
.selection_list .selection_list-header .stock-status em { background-color: #d91e06; color: #fff; font-size: 12px; font-weight: 700; font-style: normal; line-height: 20px; padding: 0 6px; display: inline-block; border-radius: 4px; }
.selection_list .shipment-content { padding: 20px; }
.selection_list .shipment-content > .inner-content { margin: 0; padding: 30px 20px; }
.selection_list .shipment-content > .inner-content .delivery_date { position: relative; }
.selection_list .shipment-content > .inner-content .delivery_date:before { content: ""; width: 16px; height: 16px; display: block; background: url(../image/pay/note-icon3.png) no-repeat; background-size: 100% 100%; position: absolute; top: 34px; right: 12px; z-index: 2; }
.selection_list .shipment-content > .inner-content .delivery_date:after { content: ""; width: 100%; height: 34px; display: block; position: absolute; top: 25px; left: 0; z-index: 1; background-color: #fff; }
.selection_list .shipment-content > .inner-content select,
.selection_list .shipment-content > .inner-content .form-control { border-color: #2f3032; }
.selection_list .shipment-content > .inner-content input[type='radio'] {
width: 16px; height: 16px; position: relative; background: transparent; border: 0; outline: none; vertical-align: middle; cursor: pointer; margin-right: 8px; margin-top: -4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.selection_list .shipment-content > .inner-content input[type='radio']:checked:after {
content: ""; position: absolute; top: 2px; left: 5px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; width: 4px; height: 8px; border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.selection_list .shipment-content > .inner-content input[type='radio']:before {
content: ""; position: absolute; width: 100%; height: 100%; background: #fff; border: 1px solid #2f3032; border-radius: 3px; box-sizing: border-box;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.selection_list .shipment-content > .inner-content input[type='radio']:hover:before {
background-color: #f4f5f6;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.selection_list .shipment-content > .inner-content input[type='radio']:checked:before {
background-color: #2f3032!important; border-color: #2f3032!important;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.selection_list .shipment-content > .inner-content input[type='radio']:disabled { cursor: default; }
.selection_list .shipment-content > .inner-content input[type='radio']:disabled:before { background-color: #dbdde1; border-color: #9ca0a6; }
.selection_list .shipment-content > .inner-content input[type='radio']:disabled:hover:before {
background-color: #dbdde1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.selection_list .shipment-content > .inner-content input[type='radio']:before { border-radius: 100%; }
.selection_list .shipment-content > .inner-content input[type='radio']:checked:before { background-color: #fff!important; }
.selection_list .shipment-content > .inner-content input[type='radio']:checked:after { border: 0; width: 8px; height: 8px; background: #dda328; border-radius: 100%; top: 50%; left: 50%; margin: -4px 0 0 -4px; }
.selection_list .shipment-content > .inner-content > h3 { font-size: 16px; font-weight: 700; line-height: 1em; margin-bottom: 30px; }
.selection_list .shipment-content > .inner-content > h3:before { content: "*"; font-size: 16px; font-weight: 700; line-height: 1em; color: #d91e06; margin-right: 4px; }
.selection_list .shipment-content > .inner-content ul.tabs { margin-bottom: 20px; }
.selection_list .shipment-content > .inner-content ul.tabs > li.tab { padding: 0 16px; line-height: 30px; margin-right: 8px; border-radius: 4px; cursor: pointer; }
.selection_list .shipment-content > .inner-content ul.tabs-contents { }
.selection_list .shipment-content > .inner-content ul.tabs-contents > li.shipment-tab > div { margin-bottom: 16px; }
.selection_list .shipment-content > .inner-content ul.tabs-contents > li.shipment-tab > div:last-of-type { margin-bottom: 0; }
.selection_list .shipment-content > .inner-content ul.tabs-contents > li.shipment-tab > div.delivery-info > div > div { margin-bottom: 16px; }
.selection_list .shipment-content > .inner-content ul.tabs-contents > li.shipment-tab > div.delivery-info > div > div:last-of-type { margin-bottom: 0; }
.selection_list .selection_list-header .stock-status{position: relative; background-color: unset;}
.cart-checkout-index #cart-form > .confirm { border-top: 1px solid #cecfd3; padding-top: 54px; text-align: right; }
.cart-checkout-index #cart-form > .confirm button { border-top: 1px solid #cecfd3; padding-top: 54px; line-height: 44px; height: 44px; width: 280px; padding: 0; background-color: #2f3032; color: #fff; font-size: 16px; font-weight: 700; border: 0; }.cart-coupon-index .user-point-content { position: relative; overflow: hidden; border-radius: 4px 4px 0 0; padding: 36px 30px; margin: 0; box-shadow: 1px 1px 10px rgba(0,0,0,.1);
background: -webkit-linear-gradient(left, #daac49, #eec160);
background: -moz-linear-gradient(left, #daac49, #eec160);
background: -o-linear-gradient(left, #daac49, #eec160);
background: linear-gradient(to right, #daac49, #eec160);
}
.cart-coupon-index .user-point-content p { font-size: 24px; font-weight: 700; line-height: 1em; margin-bottom: 24px; position: relative; padding-left: 12px; }
.cart-coupon-index .user-point-content p:before { content: ""; display: block; width: 4px; height: 16px; background-color: #2f3032; position: absolute; top: 50%; left: 0; margin-top: -8px; }
.cart-coupon-index .user-point-content button { position: relative; z-index: 9; font-size: 20px; font-weight: 700; color: #636a70; line-height: 50px; padding: 10px 24px; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,.3); }
.cart-coupon-index .user-point-content button span { font-size: 50px; font-weight: 700; color: #dda328; display: inline-block; vertical-align: bottom; line-height: 50px; }
.cart-coupon-index .user-point-content:before { content: ""; width: 100%; height: 100%; display: block; background: url(../image/pay/note-icon2.png) no-repeat; background-size: auto 100%; background-position: top right; position: absolute; top: 0; left: 0; }
.cart-coupon-index .shopping-table { margin-top: 0; }
.cart-coupon-index .shopping-table .coupon-content { padding: 36px 20px; background-color: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.1); position: relative; z-index: 2; border-radius: 0 0 4px 4px; }
.cart-coupon-index .shopping-table .form_group input[type="text"] { border-radius: 4px; }
.cart-coupon-index .shopping-table .form_group input[type="button"] { border-radius: 4px; border: 0; background-color: #dda328; color: #fff; }
.cart-coupon-index .shopping-table .form_group input[type="reset"] { border-radius: 4px; border: 0; background-color: #9ca0a6; color: #fff; }
.cart-coupon-index .shopping-table .form_group input[type="reset"]:hover { background-color: #9ca0a6; }
.cart-coupon-index .all_orders { margin-top: 100px; }
/*.shipment-content .delivery-info-shipment > div.delivery_date { background-color: #fff; }*/
.shipment-content .delivery-info-shipment > div.delivery_date input { position: relative; z-index: 3; background-color: transparent; }
.shipment-content .delivery-info-shipment > div.delivery_date p { }
.has-error { color: red; margin-top: 2px; }
.selection_list .selection_product_info > div.quantity > div { display: inline-block; padding-left: 4px; }
.selection_list .selection_product_info > div.quantity > div del { font-size: 12px; }
.selection_list .selection_product_info > div.quantity > div del .old_price { }
#cart-form .record_bottom {margin-bottom: 10px;}
#cart-form .record_bottom .agree{ margin-bottom: 10px;}
.record_bottom .agree .square {
position: absolute;
left: 0;
top: 4px;
}
/**/
.address-selecter { padding: 0 14px; }
.address-selecter .btn-default { color: #fff; background-color: #dda328; border-color: #dda328; }
.shipment-address { position: relative; padding: 6px 10px 6px 40px; background-color: #fff; margin: 6px 14px; border-radius: 4px; border: 1px solid; }
.shipment-address > p { display: inline-block; margin: 3px 24px 3px 0; font-weight: 700; }
.shipment-address:before { content: "\e6fd"; font-family: "iconfont"!important; display: block; width: 22px; height: 22px; background-color: #dda328; border-radius: 100px; color: #fff; position: absolute; top: 50%; left: 8px; margin-top: -11px; font-weight: 700; text-align: center; line-height: 22px; font-size: 14px; }
.mobel-sort label { font-size: 18px; }
.mobel-sort .paixu { margin-bottom: 20px; padding: 0 10px; height: 36px; background-color: #f4f5f9; border: 1px solid; border-radius: 4px; width: 250px; }
.popup-wrapper.address-selecter-modal .popup { width: 560px; }
.popup-wrapper.address-selecter-modal .title { margin-bottom: 16px; font-weight: 700; font-size: 24px; }
.popup-wrapper.address-selecter-modal .address-container { margin: 10px 0; }
.popup-wrapper.address-selecter-modal .modal-footer { padding-bottom: 0; }
.popup-wrapper.address-selecter-modal .modal-footer .btn i { margin-left: 4px; }
.popup-wrapper.address-selecter-modal .list-group { max-height: 220px; overflow-y: auto; }
.popup-wrapper.address-selecter-modal .list-group .list-group-item { position: relative; padding: 10px 60px 10px 40px; margin-bottom: 10px; border-radius: 6px; overflow: hidden; }
.popup-wrapper.address-selecter-modal .list-group .list-group-item:before { content: "\e6fd"; font-family: "iconfont"!important; display: block; width: 22px; height: 22px; background-color: #dda328; border-radius: 100px; color: #fff; position: absolute; top: 50%; left: 8px; margin-top: -11px; font-weight: 700; text-align: center; line-height: 22px; font-size: 14px; }
.popup-wrapper.address-selecter-modal .list-group button { color: #fff; background-color: #dda328; border: 0; height: 50%; width: 50px; position: absolute; right: 0; padding: 0; }
.popup-wrapper.address-selecter-modal .list-group button.edit-address { top: 0; background-color: #9c968f; }
.popup-wrapper.address-selecter-modal .list-group button.select-address { bottom: 0; }
.popup-wrapper.address-selecter-modal .list-group p { margin-bottom: 4px; font-weight: 700; text-align: left; }
.popup-wrapper.address-selecter-modal .list-group p:last-of-type { margin-bottom: 0; }
.popup-wrapper.address-selecter-modal .btns button { margin: 0 2px; }
.popup-wrapper.address-selecter-modal .address-wrap-phone .phone-prefix { left: 0; width: 72px; }
.popup-wrapper.address-selecter-modal .address-wrap-phone input { padding-left: 80px; }
html[lang="en-US"] .popup-wrapper.address-selecter-modal .address-wrap-phone .phone-prefix { width: 112px; }
html[lang="en-US"] .popup-wrapper.address-selecter-modal .address-wrap-phone input { padding-left: 116px; }
.popup-wrapper.address-selecter-modal .address-wrap label { font-weight: normal; font-size: 16px; color: #2f3032; margin-bottom: 0; }
.cart-coupon-index .shopping-table div.container.mt-50 { margin-top: 54px; }.selection_list dd > ul > .total-item:last-child { padding-bottom: 15px; }
.total-item .selection_product_info { padding-bottom: 0; }
.register .tel .input_item { padding-left: 114px; }
.register .tel .input_item #signupform-phone { width: 100%; }
.register .tel .input_item #signupform-phoneprefix { width: 110px; position: absolute; top: 8px; left: 0; }
html[lang="en-US"] .popup-wrapper.address-selecter-modal .address-wrap { padding-left: 140px; }
html[lang="en-US"] .popup-wrapper.address-selecter-modal .address-wrap label { width: 130px; text-align: right; }
.contact-wrap .find_us > .find-method:after { content: ""; clear: both; display: block; height: 0; }
.contact-wrap .find_us > .find-method ul { margin: 0 -30px; }
.contact-wrap .find_us > .find-method .find-item { float: left; margin: 0; width: 25%; height: auto; }
.contact-wrap .find_us > .find-method .find-item > a,
.contact-wrap .find_us > .find-method .find-item > div { margin: 0 30px; }
.explain .score-row > span { margin: 0 20px 4px 0; }
.explain .score-row > span:last-of-type { margin: 0 0 4px 0; }
.color-red,
.color-red > a { color: red; }
.font12{ font-size: 12px; }
.order-change-modal{ display: none; left: 0;}
.main_footer .footer_right .other a img { height: 54px; }
.main_footer .footer_right .footer-logo > span { display: inline-block; vertical-align: top; }
.main_footer .footer_right .footer-logo > span img { height: 30px; margin-top: 12px; }
.owl-recommend.owl-theme .owl-nav { z-index: 99!important; position: static!important; width: auto!important; height: auto!important; }
.owl-recommend .owl-prev { left: 0!important; }
.owl-recommend .owl-next { right: 0!important; }
.header_right { position: relative; }
.header-user { position: absolute; top: 100%; right: 10px; margin: 10px 0 0; }
/*.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ { position: fixed!important; top: 0!important; left: 0!important; display: block!important; }*/
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next { text-align: center!important; line-height: 30px!important; text-indent: inherit!important; white-space: inherit!important; }
.xdsoft_datetimepicker .xdsoft_next:after,
.xdsoft_datetimepicker .xdsoft_prev:after { position: static!important; margin: 0!important; display: inline-block!important; /*top: auto!important; right: auto!important; display: none!important;*/ }
.sticky_box { }
.sticky_box:after { content: ""; clear: both; display: block; height: 0; }
.sticky_box .table { width: 100%; float: left; }
.sticky_box .table tr th:nth-child(2),
.sticky_box .table tr td:nth-child(2) { width: 15%; }
.sticky_box .table tr th:nth-child(3),
.sticky_box .table tr td:nth-child(3) { width: 25%; }
.sticky_box .float-left { width: 98px; position: fixed; right: 36px!important; bottom: 80px!important; top: auto!important; left: auto!important; }
.sticky_box .float-left a { float: left; background-color: #dea124; display: block; width: 44px; height: 44px; text-align: center; line-height: 44px; }
.sticky_box .float-left a:first-child { margin: 0; }
.sticky_box .float-left a:last-child { margin: 0 0 0 10px; }
.sticky_box .float-left:after { content: ""; clear: both; height: 0; display: block; }
.hjxz.shop .row.ceocw_l { margin: 0; }
.details_swiper .swiper-wrapper .swiper-slide img { height: 82px; object-fit: scale-down; }
.screen .box ul li .index-menu-submenu .from-to-input input { width: 100%; padding: 6px; }
.index-2 { display: none; }
@media screen and (max-width:1200px){
.footer_list { float: none; }
.main_footer .footer_right { float: none; width: 250px; margin-left: 12px; }
.form-group .event-list { height: 231.7px; }
}
@media screen and ( max-width:996px ){
.contact-wrap .find_us > .find-method ul { margin: 0 -8px; }
.contact-wrap .find_us > .find-method .find-item > a,
.contact-wrap .find_us > .find-method .find-item > div { margin: 0 8px; }
}
@media screen and ( max-width:767px ){
.contact-wrap .find_us > .find-method ul { margin: 0 4px; }
.mobel-sort .paixu { width: 100%; height: 54px; border: none; display: block; padding: 15px 13px; background: #ddd; }
.header-user { position: absolute; top: 100%; right: 0; margin: 6px 0 0; padding-right: 7px!important; }
.orders_wrapper { padding-left: 150px!important; }
.orders_left { width: 150px!important; }
.header-top { margin-bottom: 12px; }
.coupon-content dd .list-other-coupon-items > .other-coupon-item { display: table; width: 100%; }
.other-coupon-item .gfit-img { display: table-cell; }
.other-coupon-item label { font-size: 12px; }
.selection_list-item { padding: 12px; }
.selection_list .selection_product_content { width: 100px; }
.selection_list-item .selection_product_content .selection_product_name { font-size: 12px!important; }
.selection_list .selection_product_info > div.quantity > div { display: block; }
.sticky_box .float-left { width: 100px; right: 24px!important; bottom: 36px!important; }
.sticky_box .float-left a:last-child { margin: 0 0 0 12px; }
}
@media screen and ( max-width:480px ){
.contact-wrap .find_us > .find-method .find-item { width: 50%; margin-bottom: 16px; }
.orders_wrapper { padding-bottom: 54px; padding-right: 0!important; }
.orders_wrapper ._record { top: 100%; left: 50%; }
.orders_wrapper ._record .record-btn { width: 100%; }
.shopping-car .back { padding: 0 15px; }
.shopping-car .back a { width: 50%; height: 52px; line-height: 52px; margin: 0!important; }
.cart-coupon-index .all_orders { padding: 0 15px; margin-top: 6px!important; }
.cart-coupon-index .orders_wrapper ._record { top: 0; left: 0; }
.cart-coupon-index .pic .pic-wrap .text { height: auto!important; }
.cart-coupon-index .pic .pic-wrap .text p { height: auto!important; }
.cart-coupon-index .pic .pic-wrap .price { height: auto; padding-bottom: 6px; }
.header .icons .icon-wrap { margin: 0 }
.coupon-content .stock-status,
.selection_list .selection_list-header .stock-status { padding-left: 0; }
.coupon-content .selection_list-header,
.selection_list .selection_list-header { padding: 10px; }
.coupon-content .selection_list-header > span,
.selection_list .selection_list-header > span { line-height: 20px; display: inline-block; vertical-align: top; padding-right: 6px; font-size: 12px; }
.header .icons .icon-wrap { margin: 0 5px; }
.header .icons>a { width: 24px; height: 24px; }
.header .icons .icon-wrap.personal>a { width: 24px; height: 24px; }
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
color: red;
}
.market a { position: relative; }
.market a:first-child { margin-right: 10px; }
.market a:first-child:hover:after { content: attr(data-tooltip); position:absolute; left: -30px; bottom: -30px; width: 100px; font-size: 14px; }
.market a:last-child:hover:after { content: attr(data-tooltip); position:absolute; left: -60px; bottom: -30px; width: 100px; font-size: 14px; }
.details-top .right .picture img,
.pic .pic-wrap .pic-top a > img { width: 100%; height: 100%; max-height: inherit; object-fit: cover; object-position: bottom center; }
.details-contents .gallery > a.active { text-align: center; }
/* .details-contents .gallery > a.active > img { max-height: 373px; } */