.form-group/* CSS Document */
@font-face {font-family:'微軟正黑體';src:url("./fonts/MSJH.TTF");font-weight:normal;font-style:normal;}
@font-face {font-family: 'Noto Sans CJK TC'; src:url("../fonts/NOTOSANSCJKTC-LIGHT.OTF");font-weight:normal;font-style:normal;}
body{ background: #000; font-family: "微軟正黑體", "Noto Sans CJK TC"; }
.mt-l-0{ margin-left: 0!important; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-25{ margin-top: 25px; }
.mt-30{ margin-top: 30px; }
.mt-50{ margin-top: 50px; }
.mb-40{ margin-bottom: 40px;}
.no-padding{ padding-left: 0; padding-right: 0; }
a{ outline: none; }
a:hover{ color: inherit; }
article{ margin-bottom: 50px; }
img{ width: 100%; }
#ehong-code-tip-ck { display: none; }/*去除更换验证码字样*/

/*公共样式*/
section{ padding-top: 50px; padding-bottom: 50px; }
select { appearance:none; -moz-appearance:none; -webkit-appearance:none;-webkit-appearance: none; -moz-appearance: none; outline: none; }
.title h2{
    font-size: 31px;
    color: #7f6344;
    text-align: center;
    margin-top: 0;
    margin-bottom: 22px;
}
.title span{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.back{
    background: #000;
}

.rt-text{text-align: right;}
/*头部样式*/
header{ background-color: #1e1d1b; }
header .container{ position: relative; }
.navbar{ border-radius: 0; border: none; background: #000; }
.navbar-brand{ padding: 20px 15px; }
.navbar-header .icon-bar{ background-color: #ccc; }
.navbar-right{ height: 68px; padding: 31px 15px; }
.navbar-right>li{ float: right; color: #d4d8d3; }
.navbar-right>li a{ color: #d4d8d3; padding: 0; margin-left: 5px; margin-right: 5px; font-size: 12px; }
.navbar-right>li a:hover{ color: #fff; background: 0; }
.navbar-right .icons-group{ margin-top: 15px; position: relative; }
.navbar-right .icons-group a{ display: inline-block; margin-left: 2px; height: 20px; }
.navbar-right .icons-group .icons{ display: inline-block; width: 20px; height: 20px; background: url(../images/icons.png) no-repeat; }
.navbar-right .icons-group .icon_search{ background-position: -50px -50px; }
.navbar-right .icons-group .icon_fb{ background-position: -50px -10px; }
.navbar-right .icons-group .icon_ig{ background: url(../img/ig.png) no-repeat; }
.navbar-right .icons-group .icon_people{ background-position: -10px -50px; }
.navbar-right .icons-group .icon_haert{ background-position: -10px -10px; }
.navbar-right .icons-group .icon_cart{ background-position: -90px -10px; }
.login-box{ display: none; position: absolute; top: 50px; left: 0; z-index: 999; width: 180px; background: #1e1d1b; list-style: none; padding: 0; margin: 0; }
.login-box::before{ content: ""; display: block; width: 0; height: 0; border-width:21px 21px 0 21px; border-style:solid; border-color:#c03 transparent transparent transparent; }
.login-box li{ line-height: 40px; border-bottom: 1px solid #7f6344; padding: 0 15px; color: #fff; }
.login-box li:last-child{ border-bottom: none; }
.login-box li a{ color: #fff; margin: 0!important; display: block; width: 100%; background: url(../images/yjt2.png) center right no-repeat;}
.login-box li a:hover,.login-box li a:focus{ color: #fff; text-decoration: none; }

.login-box.login-form{ width: 320px; right: 0px; left: auto; background-color: #fff; padding: 15px;box-shadow: 0px 1px 10px;}
.login-box.login-form:before{border-width: 0px 21px 21px 21px; border-style: solid; border-color: transparent transparent #fff transparent; position: absolute; top: -21px; right: 55px;}
.login-box.login-form .tabs{text-align: center;}
.login-box.login-form .tabs ul li {list-style: none; display: inline-block; color: #000;}
.login-box.login-form .tabs ul li a{color: #000;}
.login-box.login-form .tabs ul li a:hover{color: #000;}
.login-box.login-form .sign-row .control-label{float: left; width: 33.333%; padding: 0px 5px; text-align: right;}
.login-box.login-form .sign-row .sign-input{ float: left;  width: 66.666%;}
.login-box.login-form .sign-form{padding: 20px 15px 15px 10px;}
.login-box.login-form .sign-code .field-loginform-verifycode > label{padding: 0 5px;}

.searchBox{ background: #fff; padding: 20px 0; }
.searchBox span.glyphicon-search{ color: #d0d2cf; font-size: 20px; padding-top: 4px; }
.searchBox input.search{ width: 100%; border: none; box-shadow: none; }
.searchBox input.search:focus{ box-shadow: none; }
.searchBox p a{ color: #7f6344; }
.searchBox hr{ margin-top: 10px; margin-bottom: 10px; }
.searchBox .jjss{ border: none; background: 0; font-size: 18px;}
.searchBox .jjss:focus{ box-shadow: none; }
.searchBox .col-md-7ths { text-align: center; }
#advanced-search-form .col-md-7ths{ padding: 0 8px; }
#advanced-search-form .col-md-7ths .iconfont{ font-size: 14px; }
#advanced-search-form .wine-type .selectList{ width: 696px; left: 50%; margin-left: -358px; }
.selectpicker { height: 24px; border: 0; }
.header-search-bt{border: none; background: none;}
/*.header_form_xl { display: inline-block; position: relative; padding: 0 16px 0 4px; }
.header_form_xl:after { content: ""; width: 100%; height: 1px; background-color: #dfe1e3; position: absolute; top: 130%; left: 0; }
.header_form_xl i { font-size: 14px; line-height: 1em; position: absolute; top: 5px; right: 0; color: #636a70;  }*/

/*--下拉选择列表样式--*/
.header_form_xl .select { cursor: pointer; }
.selectList,.selectListNext{z-index:999;display:none;width: 160px;border-radius: 4px;position: absolute;top:24px;left: 50%; margin-left: -80px}
.listA,.listANext{width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #545454;text-align: center;display: block;background-color: #FFFFFF;}
.listA:hover,.listANext:hover{background-color: #f7f7f7;color: #b83b43;}
.listA:first-child,.listANext:first-child{border-radius: 6px 6px 0 0;}
.listA:last-child,.listANext:last-child{border-radius: 0 0 6px 6px;}

/*导航样式*/
.nav-menu{ width: 100%; padding: 0 50px; }
.nav-menu>li{ text-align: center; letter-spacing: 2px; width: 16.66666%; }
.nav-menu>.dropdown{ position: relative; }
.nav-menu>.dropdown i { display: none; position: absolute; top: 10px; right: 15px; z-index: 22; color: #ffffff; }
.nav-menu>li:hover{ background: #1e1d1b; }
.nav-menu .dropdown-menu{ text-align: center; border: none; box-shadow: none;  }
.navbar .nav > li .dropdown-menu { margin: 0; }
.navbar .nav > li:hover .dropdown-menu { display: block; }
.dropdown-menu{ width: 100%; font-size: 14px; padding: 0; background: #1e1d1b; }
.dropdown-menu > li > a{ color: #fff; padding-top: 10px; padding-bottom: 10px; font-size: 15px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ color: #fff; background: #101010; }
.navbar .nav > li .dropdown-menu .row{ margin: 0; }
.navbar .nav > li .dropdown-menu .row .text-left{ padding-left: 28px; }
.navbar-inverse .navbar-nav > .open > a:focus{ background:0; }
.product-list{ width: 740px; padding-top: 35px; background: #1e1d1b; padding-bottom: 35px; padding-right: 50px; text-align: center; }
.product-list>.row .row{ margin-bottom: 15px; }
.product-list>.row:last-child .row:last-child{ margin-bottom: 0; }
.product-list h4{ color: #7f6344; margin-top: 0; margin-bottom: 0; position: relative; display: inline-block; }
.product-list h4:after { content: ""; width: 100%; height: 1px; background-color: #706863; position: absolute; top: 130%; left: 0; }
.product-list h5{ color: #fff; display: inline-block; margin-top: 0; margin-bottom: 0 }
.product-list h5 a{ color: #fff; }
.product-list h5::after{ content: ""; display: inline-block; width: 300%; height: 1px; background: #2b2b2b; margin-top: 10px; margin-bottom: 0; }
.product-list p{ margin-top: 2px; }
.product-list p a{ color: #b3b3b0; margin-right: 10px; display: inline-block; line-height: 25px; }
.product-list p a:hover{ color: #ddd; text-decoration: none; }
[lang='en-US'] .product-list p a{ letter-spacing: 0; margin-right: 20px; }


/*渐变线条*/
.liner{
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(left, #050101 ,#7f6344,#7f6344,#7f6344, #050101);
  background: -o-linear-gradient(right, #050101 ,#7f6344,#7f6344,#7f6344, #050101);
  background: -moz-linear-gradient(right, #050101 ,#7f6344,#7f6344,#7f6344, #050101);
  background: linear-gradient(to right, #050101 ,#7f6344,#7f6344,#7f6344, #050101);
}
.liner-02{
  width: 100%;
  height: 2px;
  background: -webkit-linear-gradient(left, #fff ,#7f6344,#7f6344,#7f6344, #fff);
  background: -o-linear-gradient(right, #fff ,#7f6344,#7f6344,#7f6344, #fff);
  background: -moz-linear-gradient(right, #fff ,#7f6344,#7f6344,#7f6344, #fff);
  background: linear-gradient(to right, #fff ,#7f6344,#7f6344,#7f6344, #fff);
}

/*首页轮播图样式*/

.carousel-inner > .banner h2{ position: absolute; top: 50%; line-height: 48px; text-shadow: 4px 4px 5px rgba(0,0,0,.6);
  transform: translateY(-50%); width: 100%; text-align: center; margin: 0; text-align: center; color: #fff; text-shadow: 0 0 20px rgba(54,37,29,.8); letter-spacing: 10px; }
html[lang="en-US"] .carousel-inner > .banner h2{ letter-spacing: 0; }
.carousel-inner > .banner h2 p{ font-size: 18px; }
/*请在此更换轮播图背景，在源代码内更换文字内容*/
.carousel-inner > .banner-01{ background: url(../images/banner_bg_01.jpg) center no-repeat; }
.carousel-inner > .banner-02{ background: url(../images/banner_bg_01.jpg) center no-repeat; }
.carousel-inner > .banner-03{ background: url(../images/banner_bg_01.jpg) center no-repeat; }
.carousel-inner > .banner-04{ background: url(../images/banner_bg_01.jpg) center no-repeat; }
.carousel-inner > .banner{ height: 778px; background-size: cover; position: relative; }
.carousel-inner > .banner > .img_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../images/banner_bg_01.png')no-repeat center; }
.carousel-indicators li{ border: none; }
.carousel-control-arrow_c{ width: 25px; height: 102px; display: inline-block; background-image:url(../img/arrow_c.png); }
.carousel-control-arrow_d{ width: 25px; height: 102px; display: inline-block; background-image:url(../img/arrow_d.png); }

/*首页精選推介样式*/
.swiper-button-next, .swiper-button-prev{ margin-top: -122px; width: 25px; height: 102px; background-size: 25px 104px; }
.swiper-button-prev{ filter: sepia(100%); left: 0; background-image:url(../img/arrow_c.png); }
.swiper-button-next{ filter: sepia(100%); right: 0; background-image:url(../img/arrow_d.png); }
.swiper-pagination-bullet-active{ background-color: #7f6344; }
.swiper-wrapper{ margin-right: 0; margin-left: 0; }


.jxtj{
    background: url("../images/bg_01.jpg")no-repeat;
    background-size: cover;
}
.jxtj .shoping{ padding-left: 50px; padding-right: 50px; }
.jxtj .shoping a{ color: #fff; }
.jxtj .shoping a:hover{ color: #fff; text-shadow: 0 0 10px #000; }
.jxtj .shoping .pic>a{ padding-top: 36px; padding-bottom: 36px; }
.jxtj .shoping .pic>a img{height: 240px;  }
.jxtj .shoping .text>a .p1{ width: 80%; margin: 0 auto 10px; }
.jxtj .title > span{ font-size: 18px; }
.more{
    text-align: center;
    margin: 26px auto;
}
.more a{ font-size: 15px; padding: 10px 30px; color: #fff; background: #7f6344; }
.more a:hover{ text-decoration: none; }
.carousel-indicators .active {
    width: 70px;
    height: 5px;
    margin: 0;
    background-color: #7f6344;
    margin-left: 50px;
}
.carousel-indicators li {
    display: inline-block;
    width: 70px;
    height: 5px;
    margin: 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #cccccc;
    border-radius: inherit;
    margin-left: 50px;
}



/*首页活动推广样式*/
.section-02{ background: url(../images/bg_02.jpg) center no-repeat; background-size: cover; }
.section-02 .box{ margin-top: 30px; border: 1px solid #717172; position: relative; box-sizing: border-box; }
.section-02 .big-box{ }
.section-02 img{ width: 100%; }
.section-02 .box .db{ width: 100%; padding: 8px 15px; background: rgba(0,0,0,.6); position: absolute; bottom: 0; transition: all .3s; }
.section-02 .box:hover .db{ background: rgba(255,255,255,.2); }
.section-02 .db h3{ color: #fff; margin: 0; line-height: 1.3; float: left; font-size: 20px }
.section-02 .db a{ float: right; }
.section-02 .db a,.section-03 .text a{ display: inline-block; padding: 3px 20px; background: #7f6344; color: #fff; }
.section-02 .db a:hover,.section-03 .text a:hover{ text-decoration: none; background: #9d7a54; }

/*首页独家代理样式*/
.section-03{ background: url(../images/bg_03.jpg) center no-repeat; background-size: cover; }
.section-03 .row{ margin-top: 30px; background: #1a1a1a; }
.section-03 .pic img{ width: 100%; }
.section-03 .text{ padding:6px 30px; }
.section-03 .text h3{ color: #7f6344; margin-bottom: 20px; }
.section-03 .text p{ color: #fff; font-size: 15px; line-height: 1.6; }
.section-03 .text a{ margin-top: 20px; font-size: 15px; }

/*底部样式*/
footer{ padding-top: 50px; padding-bottom: 50px; }
footer dl dt{ font-weight: normal; color: #ab8f73; font-size: 15px }
footer dl dd{ font-size: 15px; margin-top: 18px; }
footer dl dd a{ color: #bcbec0; }
footer dl dd a:hover{ color: #fff; text-decoration: none; }
footer .v-line{ display: inline-block; width: 1px; height: 150px; background: #818181; }

/*版权信息*/
.copyright{
    background-color: #050100;
    width: 100%;
    text-align: center;
    color: #a4a5a6;
    font-size: 14px;
    padding: 25px 0;
}


h1{ margin: 0; text-align: center; color: #fff; text-shadow: 0 0 5px #333; }

/*關於寰發*/
.about-banner{ height:400px; background: url(../images/about-banner.jpg) center no-repeat; background-size: cover; }
.about-banner h1{ line-height: 400px; font-size: 38px; }
.about{ margin-top: 50px; margin-bottom: 50px; }
.about h2{ color: #7f6344; text-align: center; font-weight: bold; }
.about .content p{ text-align: center; margin-top: 25px; font-size: 15px; color: #fff; }
.about .content .tips{ width: 60%; margin: 0 auto; position: relative; padding-left: 120px; }
.about .content .tips h2{ margin: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: bold; }
.about .content .tips .text{ text-align: left; line-height: 40px; }
html[lang='en-US'] .about .content .tips{
  width: 80%;
  padding-left: 300px;
}
html[lang='en-US'] .about .content .tips h2{ width: 300px; text-align: center; }
html[lang='en-US'] .about .content .tips .text{ line-height: 36px; }



/*1.3精选优惠————1.4送禮之選样式*/
.songli-banner{ height: 400px; background: url(../images/songli-banner.jpg) center no-repeat; background-size: cover; }
.songli-banner h1{ line-height: 400px; }
.jxyh-banner{ height: 400px; background: url(../images/jxyh-banner.jpg) no-repeat center; background-size: cover; }
.jxyh-banner h1{ line-height: 400px; }

.list-box{ margin-bottom: 40px; }
.sl-section-01 .box-01{ background: url(../images/gift_12.png) center no-repeat; }
.sl-section-01 .box-02{ background: url(../images/gift_07.png) center no-repeat; }
.sl-section-01 .box-03{ background: url(../images/gift_09.png) center no-repeat; }
.sl-section-01 .box-04{ background: url(../images/gift_17.png) center no-repeat; }
.sl-section-01 .box-05{ background: url(../images/gift_18.png) center no-repeat; }
.sl-section-01 .box-06{ background: url(../images/gift_19.png) center no-repeat; }

.jxyh-section-01 .box-01{ background: url(../images/jx-01.jpg) center no-repeat; }
.jxyh-section-01 .box-02{ background: url(../images/jx-02.jpg) center no-repeat; }
.jxyh-section-01 .box-03{ background: url(../images/jx-03.jpg) center no-repeat; }
.jxyh-section-01 .box-04{ background: url(../images/jx-04.jpg) center no-repeat; }

.jxyh-section-01,.djdl-section-01{ padding-top: 10px; }
.djdl-section-01 .box-01{ background: url(../images/gdgy.jpg) center no-repeat; }
.djdl-section-01 .box-02{ background: url(../images/wsj.jpg) center no-repeat; }
.djdl-section-01 .box-03{ background: url(../images/bxxb.jpg) center no-repeat; }
.djdl-section-01 .box-04{ background: url(../images/kqs.jpg) center no-repeat; }
.djdl-section-01 .box-05{ background: url(../images/ptj.jpg) center no-repeat; }


.list-box .box{ color: #fff; text-align: center; background-size: 100%; background-clip: content-box; padding: 10px 10px; position: relative; }
.list-box .box h3{ margin: 0; transition: all .3s;  color: #fff;font-weight: bold; transform: translateY(-50%); width: 100%; top: 50%; position: relative;}
.list-box .box:hover h3{ font-size: 26px; }
.list-box .box a{ z-index: 2; position: relative; height: 100%; width: 100%; display: block; }
.list-box .box a:hover{ color: #fff; text-decoration: none; text-shadow: 0 0 5px #666; }

.mymodal {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all .3s;
}
/*.list-box .box:hover .mymodal{ opacity: 0.5; }*/


/*品酒活動*/
.pjhd .ljdh .breadcrumb{ padding-left: 0; padding-right: 0; }
.pjhd .ljdh .breadcrumb li{ font-size: 20px; color: #ab8f73; }
.pjhd p{ color: #fff; }
.pjhd .p1{ padding-left: 36px; }
.pjhd .content{ margin-top: 30px; padding-left: 15px; padding-right: 15px; }
.pjhd .row{ background: #383838; }
.pjhd .pic{ padding-left: 0; padding-right: 0; }
.pjhd .text{ padding-top: 30px; padding-bottom: 30px; }
.pjhd .text p{ margin-bottom: 5px; }
.pjhd .text hr{ border-color: #7f6344; }
.pjhd .text ul li{ list-style-type: disc; color: #fff; margin-left: 4em; padding-left: 1em; }
.pjhd .text .btn{border-radius: 0; margin-top: 10px; border: none; color: #fff; }
.pjhd .text .btn:hover{ background-color: #7f6344; }
.more-hd { text-align: center; font-size: 50px; color: #fff; margin-top: 10px; margin-bottom: 40px; }
.more-hd button { outline: none; }
.more-hd .btn{ background: 0; border-radius: 0; border: none; font-size: 48px; color: #7f6344; opacity: .8; }
.more-hd .btn:hover{ opacity: 1; }
.more-hd .btn:focus{ border: 0px; outline:unset;}
.more-hd span { width: 102px; height:25px; display: inline-block; background: url(../img/arrow_a.png) no-repeat; }
.more-hd .more-hd-up { transform:rotate(180deg);
-ms-transform:rotate(180deg); 
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg); }
.more-hd .btn-primary:focus{ background: #7f6344; }

/*登记表样式*/
.ljdh{ margin-top: 40px; }
.ljdh .breadcrumb{ background: 0; border-bottom: 1px solid #ab8f73; border-radius: 0; }
.product-page .ljdh .breadcrumb{ border-color: #dfe1e3; padding-left: 0; padding-right: 0; }
.product-page .ljdh .breadcrumb li a{ color: #ab8f73; }
.ljdh .breadcrumb li{ color: #ab8f73; font-size: 14px; }
.ljdh .breadcrumb li a{ color: #ab8f73; }
.ljdh .breadcrumb a:hover{ text-decoration: none; color: #ab8f73; }
.form{ background: url(../images/form-bg.jpg) no-repeat top center; background-size: 100%; padding-top: 50px; padding-bottom: 50px; }
.form form{ color: #fff; padding: 20px; background-color: rgba(0,0,0,.3); }
.form form button{ background: #7f6344; color:#fff; margin-top: 15px; margin-bottom: 15px; width: 250px; border-radius: 50px;  border: none; }
.form h2{ text-align: center; margin-bottom: 30px; }
.form .form-control{ border-radius: 0; }
.form button{ margin-bottom: 0; }
.form .form-inline{ margin-top: 30px; }
.form .txtVerification{ width: 200px; margin-right: 30px; }
.form .form-group { position: relative; }
.form .form-group i { color: #333; position: absolute; top: 10px; right: 10px; font-size: 15px; line-height: 1em; }

/*限时优惠样式*/
.product-page{ background: #fff; position: relative; }
.img-warpper{ padding: 12% 0; }
.vip-img{ width: auto; }
.nav-page{ margin-top: 10px; }
.nav-page .row>div{ line-height: 34px; }
.nav-page .list-left, .nav-page .list-right{ padding: 0 }
.nav-page .list-item{ float: left; padding: 0; text-align: center; }
.nav-page .showNum{ margin-left: 60px; }
.nav-page select{ text-align: center; height: 30px; line-height: 30px; padding: 0 10px; width: 60px; }
.nav-page select.paixu{ padding-left: 10px; padding-right: 10px; font-size: 12px; }
.nav-page .btn-group .btn{ border-radius: 0; }
/*.nav-page .btn-group .btn-primary{ background: #333; }*/
.nav-page .btn-group .btn-default{ background: #fff; }
.nav-page .btn-group .active{ background: #333; color: #fff; }
.nav-page .pagination{ margin: 0; }
.nav-page .pagination>li>a{ border-radius: 0; color: #666; }
.nav-page strong{ padding-left: 5px; padding-right: 5px; font-size: 14px; }
.shop{ margin-top: 30px; }
.shop .left-list a{ display: inline-block; width: 60%; padding: 12px 0; text-align: center; background: #cdcdcd; margin-bottom: 15px; }
.shop .left-list a:hover{ color: #fff; background: #b3a99d; }
.hongjiu .pull-left a{ display: block; margin-bottom: 20px; width: 80%; color: #fff; background: #222; border-radius: 0; padding: 12px 0;text-align: center;font-size: 15px;}
.shop .pull-left a.active{ background: #cdcdcd; }
.shop .pull-left a.active:hover{ color: #fff; }
.shop .pull-left a:hover{ text-decoration: none;  }
.shop .pull-left a:focus{  text-decoration: none; }
.shop .screen-btn{ display: none; }

.shoping{ text-align: center; padding-left: 25px!important; padding-right: 25px!important; margin-bottom: 50px; position: relative; }
.shoping .pic{ position: relative; }
.shoping .text{ }
.shoping .pic>a{ display: block; width: 100%; height: 100%; /*padding: 48px 0;*/}
.shoping .pic a:hover .mymodal-02{ opacity: 1; }
.shoping .pic img{max-width: 100%;}
.shoping .shop_hot { position: absolute; top: 10px; right: 10px; z-index: 9; } 
.shoping .shop_hot img { height: 24px; width: auto; }


.shoping .mymodal-02{ opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.34); z-index: 2; transition: all .5s; }
.shoping .mymodal-02 .btn{ background: 0; border: 1px solid #fff; border-radius: 0; color: #fff; position: relative; top: 50%; margin-top: -16px; }
.shoping span.hot{ display: inline-block; width: 74px; height: 36px; line-height: 24px; color: #fff; font-size: 12px; background: url(../images/yh.png) no-repeat; position: absolute; left: 2px; top: 16px; z-index: 1; }
.shoucang{ position: absolute; top: 2px; right: 8px; z-index: 3; }
.shoucang span{ display: inline-block; width: 20px; height: 20px; margin-left: 5px; }
.shoucang span.icon-heart{ background: url(../images/icon_heart.png) center no-repeat; }
.shoucang span.icon-cart{ background: url(../images/icon_cart.png) center no-repeat; }
.shoucang span.icon-heart-02{ background: url(../images/icon_heart_02.png) center no-repeat; }
.shoucang span.icon-heart-02.active{ background: url(../images/icon_heart_03.png) center no-repeat; }
.shoucang span.icon-cart-02{ background: url(../images/icon_cart_02.png) center no-repeat; }
.shoping a{ color: #000; }
.shoping a:hover{ text-decoration: none; color: #7f6344; }
.shoping p{ line-height: 1.6em; margin-bottom: 5px;  }
.shoping p.offer-price { color: #f74b4a }
/* add tommy */
span.zhida {
    color: #f74b4a;
}
/* end tommy */
html[lang="en-US"] .shoping p{ line-height: 1.2em; }
/*.shoping a>p{ min-height: 60px; } old css*/
.shoping a>p{ min-height: 20px; } /* add new css */
.shoping .text > a>p:first-child{text-overflow:ellipsis ;
	/*height: 44px;
    overflow: hidden;
    min-height: 24px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
}
html[lang="en-US"] .shoping .text > a>p:first-child{height: 34px;}
.shoping a .price-wrap{ height: 45px; }
html[lang="en-US"] .shoping a .price-wrap{ height: 60px; }
.swiper-wrapper .shoucang{ right: 20px; }
.user-content{ margin-bottom: 54px; }
.wish .add-2{ display: none; }

.shoping a .price-wrap p { font-size: 17px; }

/*古董干邑*/
.gdgy-banner{ height: 300px; background: url(../images/gdgy-banner.jpg) no-repeat center; background-size: cover; }
.gdgy-banner h1{ line-height: 300px; }
.gdgy-section-01 .pull-left{ padding-left: 0; float: left; }
.gdgy-section-01 .pull-right{ line-height: 2em; font-size: 15px;}
.gdgy-section-01 .pull-right h1{ color: #ab8f73; font-size: 30px; text-align: left; margin-bottom: 20px; text-shadow: none; font-weight: 500; }


/*banner*/
.index-inner-banner1{ background: url(../images/Rare-Van-Cleef-and-Arpels.jpg) no-repeat center; }
.index-inner-banner2{ background: url(../images/waterbanner.jpg) no-repeat center; }

.shopping-cart .price{
  margin-bottom: 24px;
}
.detail-Pages .top>p{
  margin-bottom: 24px;
}
.shopping-cart .price .pdd_button1, .shopping-cart .price .price-number{
  display: inline-block;
  vertical-align: middle;

}
.shopping-cart .price .pdd_button1{
  border: none;
}
.shopping-cart .price .price-number{
  margin-left: 40px;
}
.shopping-cart .price .price-number .now_price{
  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;
  
}
.detail-Pages .btn{border-radius: 50px; padding: 8px 15px; display: inline-block;
  background: #806345 ; color: #ffffff;text-align: center;}
.detail-Pages .btn-tobuy{border-radius: 50px; padding: 8px 15px; display: inline-block;
  background: #806345 ; color: #ffffff !important;text-align: center; }
.detail-Pages .btn-tobuy:hover{background-color: #a56723;}
.shopping-cart .cart-btn{
  background: #806345 ; text-align: center; color: #ffffff; cursor: pointer;}

.shopping-cart .cart-btn i{
  margin-right: 16px;
}
.shopping-cart .cart-btn:hover{
  /*color: #000;*/
}
.shopping-cart .cart-btn[disabled], .out-stock[disabled]{
  background: #806345 ;
  background: #666 ;
}
.shopping-cart .cart-btn[disabled]:hover{

  color: #fff ;
}
.cart-error >span{color: red;font-style: 16px; padding-top: 10px;display: block;}

/*店铺特色*/
.dpts-banner{ margin-top: 20px; height: 400px; background: url(../images/dpts-banner.jpg) no-repeat center; background-size: cover; }
.dpts-banner h1{ line-height: 400px; }
.dpts{ padding-top: 0; }
.dpts .row{ margin-top: 50px; }
.dpts .pic img{ width: 100%; }
.dpts .text{ padding: 0 30px; }
.dpts .text h3{ color: #7f6344; margin-top: 0; margin-bottom: 20px; }
.dpts .text p{ color: #fff; line-height: 200%; margin-bottom: 0; text-align: justify; }
html[lang="zh-CN"] .dpts .text p, html[lang="zh-TW"] .dpts .text p{ font-size: 15px; }


@media (max-width: 1200px) {
    .about .content .tips{ width: 70%; }
    .product-list{ width: 783px; }
    .nav-menu{ padding: 0; }
    .shopping-table .capacity, .shopping-car .price, .shopping-car .add-quantity{
      width: 130px;
    }
}

@media ( max-width : 992px) {
  .dpts .text{ padding: 5px 10px; }
  .dpts .text h3{ margin-bottom: 10px; }
  .dpts .text p{ line-height: 150%; }
  .navbar .nav > li .product-list{ margin-left: -134px; }
  .product-list .row{ margin-left: 0; }
  .about .content .tips{ width: 90%;}
  .nav-page .showNum{ margin-left: 5px; }
  html[lang='en-US'] .about h2{ font-size: 26px; }
  html[lang='en-US'] .about .content p{ text-align: justify; letter-spacing: 0; width: 90%; margin: 0 auto; }
  html[lang='en-US'] .about .content .tips h2{ position: static; width: auto; transform: none; font-size: 26px; margin-bottom: 10px; }
  html[lang='en-US'] .about .content .tips{ width: auto; padding-left: 0; margin-top: 28px; }
  html[lang='en-US'] .about .content .tips .text{ text-align: justify; letter-spacing: 0; line-height: 28px; }
  .pjbox .col-md-9{ padding: 0 25px; }
  .about-banner, .dpts-banner{ height: 300px; }
  .about-banner h1, .dpts-banner h1{ line-height: 300px; }
  footer + .liner{ display: none; }
}



@media (max-width: 400px){
  .vip-img{
    width: 100%;
  }
}

/*12-3紅酒_價格&地區&評級*/
.hjxz .box{ background: #e7e7e7; padding: 30px 20px; margin-bottom: 40px; }
.hjxz .box h3::after{ content: ""; display: block; height: 2px; background-color: #4a4a4a; margin-top: 10px; margin-bottom: 20px; }
.hjxz .box h4{ line-height: 1em; font-size: 15px; font-weight: normal; }
.hjxz .box h4::after{ content: ""; display: block; height: 1px; background-color: #ddd; margin-top: 10px; margin-bottom: 10px; }
.hjxz .box h4 button{ float: right; font-size: 14px; color: #7f6344; border: none; background: 0; }
.close-content { padding: 0 15px; margin-top: 10px; }
.close-content .close { margin-top: 2px; margin-right: 10px; border-radius: 2px; float: left; background: #222; color: #fff; font-size: 14px;  line-height: 12px; width: 15px; height: 15px; }
.close-content .close span { font-weight: 100; text-shadow: none; }
.hjxz .close-content p{ margin-bottom: 0; }
.hjxz .box ul{ padding: 0; margin: 0; }
.hjxz .box ul li{ list-style: none; margin-top: 20px; }
.hjxz .box h4 a{ display: block; color: #000; background: url(../images/yjt.png) no-repeat center right; }
.hjxz .box h4 a:hover{ color: #000; text-decoration: none; }
.hjxz .box ul li h4::after{ background-color: #4a4a4a; }
.hjxz .box .checkbox-inline + .checkbox-inline{ margin-left: 0; }
.pjbox{ line-height: 30px; margin-top: 10px; }
.pjbox .irs{ height: 30px; }
.pjbox .irs-bar{ top: 13px; }
.pjbox .irs-line{ top: 13px; }
.pjbox label{ font-size: 14px; font-weight: normal; }
.pjbox label{ padding-right: 0; text-align:right; }
.pjbox .irs-slider.from,.pjbox .irs-slider.to{ display: none; }
.pjbox .irs-from::after, .pjbox .irs-to::after, .pjbox .irs-single::after{ display: none; }
.pjbox .irs-from, .pjbox .irs-to, .pjbox .irs-single{ top: 8px; z-index: 2; }
.from-to{ font-size: 10px; }
.from-to-input{ width: 45%; float: left; background: #fff; border: 1px solid #999; border-radius: 4px; padding-left: 8px; }
.from-to-text{ width: 10%; float: left; text-align: center; }
.from-to-input span{ float: left; width: 40%; }
.from-to-input input{ border: none; background: 0; float: left; width: 60%; box-sizing: border-box; padding: 0 0 0 5px;  }
.from-to .irs-from, .from-to .irs-to, .from-to .irs-single, .from-to .irs-min, .from-to .irs-max{ display: none!important; }
.from-to .from-to-input-box{ margin-top: 10px; height: 20px; }

.index-menu-submenu { overflow: hidden; }
.index-menu-submenu-li .inlineCheckbox input { outline: none; -webkit-appearance: none; border-radius: 0; display: none;}
.index-menu-submenu-li .inlineCheckbox { position: relative; padding-left: 24px; line-height: 16px; cursor: pointer; }
.index-menu-submenu-li .inlineCheckbox:after { content: ""; width: 16px; height: 16px; background: url(../img/icons.png) -4px -28px no-repeat; position: absolute; top: 0; left: 0;}
.index-menu-submenu-li .open:after { background: url(../img/icons.png) -4px -4px no-repeat;}



/*独家代理*/
.djdl-banner{ height: 400px; background: url(../images/djdl-banner.jpg) no-repeat center; background-size: 100%; position: relative; }
.djdl-banner h1{ position: absolute; top: 50%; transform: translateY(-50%); width: 100% }
.djdl-title{ font-size: 18px; color: #ffffff; text-align: center; }

/*品酒知识*/
.pjzs{ margin-top: 60px; }
.pjzs .row{ width:65%; padding-top: 30px; padding-bottom: 30px; margin:50px auto 0; }
.pjzs .row-01{ background: url(../images/row-01.jpg) no-repeat center right; }
.pjzs .row-02{ background: url(../images/row-02.jpg) no-repeat center left; }
.pjzs .row-03{ background: url(../images/row-03.jpg) no-repeat center right; }
.pjzs .row .box{ height: 213px; background: #4d4d4d; color: #fff; padding: 20px 40px; }
.pjzs .row .box h3{ text-align: center; margin: 0; font-size: 18px; }
.pjzs .row .box h3::after{ content: ""; display: block; width: 68px; height: 1px; background-color: #765f46; margin: 15px auto; }


/*磨砂粒子背景*/
.lz-bg-1{ height: 15px; background: url(../images/lz-bg-1.png) repeat-x; }
.lz-bg-2{ height: 30px; background: url(../images/lz-bg-2.png) repeat-x; }

/*联络我们*/
.main{ background: #fff; }
.llwm-banner{ height: 300px; margin-top: 60px;  background: url(../images/contact.jpg) no-repeat center; position: relative; }
.llwm-banner h1{ margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.llwm .box{ margin-top: 50px; }
.llwm .box .sp_addess{ display: none; }
.llwm .box .sp_addess ul{ list-style: none; padding: 0; margin: 0; }
.llwm .box .sp_addess .tip{ text-decoration: underline; line-height: 28px; }
.llwm .box .sp_addess .tip .iconfont{ color: #7f6344; }
.llwm .box .sp_addess .contact-way{  padding-left: 20px; }
.llwm .box .sp_addess .addess-wrapper li{ margin-top: 14px; }
.llwm .box .sp_addess .item{ padding: 0 15px; margin-bottom: 15px; }
.llwm .box .sp_addess .tips{ color: #7f6344; font-size: 18px; }
.macau-page.llwm .box .sp_addess .tips{color: #fff;}
.macau-page.llwm .box .sp_addess .tip{color: #fff;}
.macau-page.llwm .box .sp_addess .tip .iconfont{color: #fff;}
.macau-page.llwm .box .sp_addess .addess-wrapper li{color: #fff;}
.llwm .title{ position: relative; margin-bottom: 10px; }
.llwm .title h4{ color: #7f6344; display: inline-block; padding-right: 15px; background: #fff; z-index: 2; position: relative; font-size: 14px; }
.llwm .title hr{ width: 100%; height: 1px; background-color: #7f6344; position: absolute; top: 50%; margin: 0; z-index: 1;}
.llwm .title p.dz{ display: inline-block; padding-right: 25px; background: url(../images/dz.png) no-repeat center right;}
.llwm form{ margin-top: 50px; margin-bottom: 50px; padding-bottom: 20px; border: 1px solid #cecfd3; }
.llwm form h3{ color: #7f6344; text-align: center; margin-top: 40px; margin-bottom: 40px; font-weight: normal; }
.llwm form h4{ font-weight: normal; }
.llwm form label span{ color: red; padding-left: 10px; }
.llwm form textarea{ margin-bottom: 5px; }
.llwm form .yzm{ width: 200px; float: left; }
.llwm form .grzlsjsm{ text-align: center; }
.llwm form .btn{ padding: 12px 80px; margin-top: 10px; border: none; border-radius: 50px; }
.llwm form .tj{ background: #7f6344; }
.llwm form .tj:hover{ background: #ab8f73; }
.llwm form .cs{ background: #9c9da6; margin-left: 20px; color:#fff; }
.llwm form .cs:hover{ background: #bcbec1; }
.llwm form label{ font-weight: normal; }
.llwm form label strong{ font-weight: normal; }

.llwm .container .row .col-md-offset-1 { margin-left: 6.333333%; }
.llwm .container .row p {}
.llwm .table > tbody > tr > td{ max-width: 300px; }
.llwm .table > tbody > tr > td a:hover, .llwm .table > tbody > tr > td a:focus{
  text-decoration: none;
}
.llwm .container .row i { margin-left: 6px; color: #7f6344; }
.llwm .table > thead > tr > th { border-bottom: none;  }
.llwm .table th{ color: #7f6344; font-size: 14px; }
.llwm .table .center{ padding-left: 20px; }
.llwm .table-responsive th {
  position: relative;
}
.llwm .table-responsive th span{
	background: #ffffff;
	position: relative;
	z-index: 2;
	padding-right: 5px;
}

.macau-page.llwm .table-responsive th span{background-color: #000; color: #fff;}
.macau-page.llwm .table-responsive td{color: #fff;}
.macau-page.llwm .table-responsive a{color: #fff;}
.macau-page .antique-texttitle h2{color: #fff;}
.macau-page .mhn-slide p{color: #fff;}

.llwm .table-responsive th hr{
  position: absolute;
  top: 0;
  right: 0;
  background: #7f6344;
  width: 90%;
  border-color: #7f6344;
  z-index: 0;
}
.table > tbody > tr > td{ border-top: none; }
#idcode img{ width: auto; }
@media screen and (max-width: 1200px){
  .llwm .table > tbody > tr > td{ min-width: 160px; }

}

@media ( max-width : 767px) {
  .nav-menu>.dropdown i{ display: block; }
  .navbar-brand{ padding: 19px 12px; }
  .navbar-brand img{ width: 63%;}
  .nav-menu{ width: auto; }
  .dpts .row{ position: relative; }
  .dpts .text{ position: static; background: rgba(0,0,0,.8); padding: 15px 30px; box-sizing: border-box; }
  .about .content .tips{ width: 100%; position: relative; padding-left: 0; }
  .about .content .tips h2{ margin: 0; position: static; transform: none; }
  .about .content .tips .text{ text-align: center; line-height: 28px; }
  .list-box .box > div{ background-size: 100% !important; }
  .llwm form{ padding: 0 18px; }
  .shop{ margin-top: 0; }
  .nav-menu>li{ width: auto; padding: 0; }
  .navbar .nav > li .product-list{ margin-left: 0; width: auto; }
  .shop .screen { display: none; margin-top: 16px; }
  .shop .ceocw_c{ display: block; }
  .hjxz .box{ padding: 16px 20px; margin-bottom: 8px; }
  .nav-page{ position: relative; bottom: 8px; width: 100%; left: 0; display: block; }
  .ceocw_o .nav-page{ position: static; }
  .wish .nav-page{ position: static; padding: 0 15px 24px; }
  .product-page{ padding-bottom: 50px; }
  .nav-page .list-left{ display: none; }
  .nav-page .text-right{ width: 80%; margin: 0 auto;}
  .nav-page .list-right{ position: relative; }
  .nav-page .list-right .list-item{ float: none; }
  .nav-page .list-right .page{ display: none; }
  .nav-page .list-right .page-number{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 22; }
  .nav-page .pagination li{ position: relative; }
  .nav-page .pagination li:nth-of-type(1){ float: left; }
  .nav-page .pagination li:nth-of-type(2){ float: right; }
  .shop .screen-btn{ display: block; position: relative; padding: 10px 0; height: 56px; background: #f0f0f0; margin: 0 5px; }
  .shop .screen-btn .filter-btn{ line-height: 35px; border-right: 1px solid #e7e7e7; text-align: center; }
  .shop .screen-btn .active{ position: absolute; width: 100%; z-index: 22; background: #f0f0f0; }
  .shop .screen-btn .sort{ float: right; }
  .pjhd .text ul li{ margin-left: 0; padding-left: 0; }
  .gdgy-section-01 .pull-left{ float: none; padding: 0 15px; }
  .sort .ljdh-select-jiantou-box{ display: block; line-height: 35px; border: none; }
  .sort .paixu{ display: block !important; width: 100% !important; height: 100% !important; border: none !important; text-align: center !important; background: #f0f0f0;}
  .sort .paixu option{ text-align: center; }
  .navbar .nav > li:hover .dropdown-menu{ display: none; }
  .llwm form, .llwm-banner{ margin-top: 14px; }
  .llwm .box{ margin-top: 20px; border: 1px solid #cecfd3; }
  .llwm-banner{ height: 150px; }
  .llwm{ padding-bottom: 14px; }
  .llwm-banner h1{ font-size: 28px; }
  .about-banner, .dpts-banner{ height: 150px; }
  .about-banner h1, .dpts-banner h1{ line-height: 150px; font-size: 28px; }
  /*.shoping a>p{ min-height: 66px } old css*/
  .shoping a>p{ min-height: 20px } /* New css */
}

@media screen and (max-width: 767px){
  .table-responsive > .table > tbody > tr > td{
    white-space: unset;
  }
  
  .table-responsive > .table > tbody > tr > th{
    white-space: unset;
  }
  .navbar .nav > li .product-list{ padding: 12px 18px; }
  .navbar .nav > li .product-list .text-left{ margin-top: 10px; }

  .carousel-inner > .banner{ height: 350px; }
  .carousel-inner > .banner h2{  font-size: 26px;  }
  .carousel-indicators .active, .carousel-indicators li{ margin-left: 20px; width: 36px; height: 3px; }
  .liner{ margin: 10px 0 }
  .navbar{ min-height: 10px; }
  .llwm .box .pc_addess{ display: none; }
  .llwm .box .sp_addess{ display: block; }
  .product-list h5::after{ width: 100%; }
  .gdgy-banner{ height: 150px; width: 100%; }
  .gdgy-banner h1{ line-height: 150px }
  .gdgy-section-01{ padding: 7.5px 0; }
  .gdgy-section-01 .row{ margin: 0; }
  .gdgy-section-01 .pull-left, .gdgy-section-01 .pull-right{ width: 100%; float: none; padding: 0 7.5px; }
  .img-warpper{ padding: 6% 0 }
  .searchBox{ padding-top: 0; }
  #advanced-search-form .wine-type .selectList{ width: 100%; left: 0; margin-left: 0; }
  #advanced-search-form .wine-type .selectList .listA{ height: auto; line-height: 24px; padding: 6px 0; }
}



@media (max-width: 500px){
  .llwm form .btn{ display: block; padding: 10px; width: 180px; margin: 0 auto; }
  .llwm form .cs{ margin-top: 15px; }
}

.jtdh .pull-left a{ display: block; width: 60%; background: url(../images/yjt.png) no-repeat center right; color: #050101; text-align: left; padding-left: 30px; transition: all .1s; }
.jtdh .pull-left a:hover{ color: #7f6344; width: 62%; opacity: 1; }



/*产品详情*/
.detail-Pages{ padding-top: 0; }
.detail-Pages span.label-default{ background: #8c7c44; padding: 3px 4px; font-size: 10px; }
.detail-Pages h4{ margin-top: 30px; }
.detail-Pages hr{ border-color: #3b1c01; margin-top: 0; margin-bottom: 15px; }
.detail-Pages .pic{ position: relative; }
.detail-Pages .pic span{ position: absolute; top: 0; left: 0; color: #d4d8d3; }
.detail-Pages .pic a:hover span{ color: #d4d8d3; }
.detail-Pages .center{ margin-top: 20px; }
.detail-Pages .center .nav-tabs{ border: none; }
/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border: none; border-bottom: 2px solid #7f6344; }*/
.nav > li > a:hover, .nav > li > a:focus{ background: 0; border: none; }
.nav-tabs > li{ margin-bottom: 0; }
.nav-tabs > li > a{ border: none; }
.detail-Pages .center .nav-tabs>li>a{ padding: 8px 0; margin-right: 16px; border-radius: 0; border-bottom: 2px solid #999; }
.detail-Pages .center .nav-tabs > li.active > a, .detail-Pages .center .nav-tabs > li.active > a:hover, .detail-Pages .center .nav-tabs > li.active > a:focus { border: none; border-bottom: 2px solid #333; }
.detail-Pages .center .tab-content{ padding-top: 10px; padding-bottom: 10px; }
.detail-Pages .pull-right-h3 h3{ color: #7f6344; font-weight: normal; margin-bottom: 24px; position: relative; display: inline-block; text-align: center; }
.detail-Pages .pull-right-h3 h3 span{ display: inline-block; width: 74px; height: 36px; line-height: 27px; color: #fff; font-size: 12px; background: url(../images/yh.png) no-repeat; position: absolute; left: 105%; top: 0; z-index: 1; }
.detail-Pages .pull-right-price{  }
.detail-Pages .pull-right-price p{ font-size: 15px; display: inline-block; margin-right: 16px; position: relative; }
.detail-Pages .pull-right-price .p3:after { content: ""; width: 100%; height: 1px; position: absolute; top: 52%; left: 0; z-index: 1; background-color: #2f3032; }
.detail-Pages .pull-right-price .p2{ color: #f66465; }
.detail-Pages .pull-right-price p .price{ font-size: 20px; }
.detail-Pages h4{ color: #888; margin: 0; font-weight: 100; }
.detail-Pages .nav-tabs li.active h4{ color: #333; font-weight: 100; }
.detail-Pages .col-md-3{ padding-right: 0; margin-top: 10px; }
.spinner,.gwc,.sc{ float: left; margin-right: 20px; }
.spinner{ margin-left: 15px; }
.spinner .input-group{ border: 2px solid #7f6344; border-radius: 50px; }
.spinner .input-group-addon{ cursor: pointer; background: 0; border: none; font-size: 18px; font-weight: bold; }
.spinner .form-control{ border: none; background: 0; color: #2f3032; }
.spinner .form-control:focus{ box-shadow: 0 0 0; }
.spinner .num{ text-align: center; height: 40px; width: 40px!important; }
.gwc button{ border-radius: 50px; color: #fff; background: #7f6344; border: none; padding: 12px 15px; }
.gwc button:hover{ color: #fff; opacity: 0.8; }
.sc{ color: #454c53; padding-top: 20px; }
.sc span.icon-heart-02{ display: inline-block; width: 20px; height: 13px; background: url(../images/icon_heart_02.png) center no-repeat; }
.sc a{ color: #454c53; }
.sc a:hover{ text-decoration: none; color: #7f6344; }
.more-shop h3{ color: #2f3032; }
.more-shop hr{ border-color: #7f6344; margin-bottom: 30px; }
.detail-Pages .top p,.detail-Pages .center p{ font-size: 15px; }
.detail-Pages .top p span{ font-size: 10px; }
.detail-Pages .top p a{ color: #7f6344; }





/*-------------------------------------------------------------------------------------------------*/
.frameTriangle{ width: 10px; height: 10px; background-image: url(images/xl-icon_03.png); background-position: -1px -35px; background-repeat: no-repeat; display: block; position: absolute; top: -10px; left: 95px; background-color: #fff; }
.dropDown{position: relative;}
.selectListNext{top:58px;}




/************************************/
.llwm .index-menu-submenu-li .index-menu-submenu-ann { display: inline-block; }

.index-menu-submenu-li .index-menu-submenu-ann input { outline: none; -webkit-appearance: none; border-radius: 0;}
.index-menu-submenu-li .index-menu-submenu-ann { position: relative; padding-left: 24px; line-height: 16px; cursor: pointer; }
.index-menu-submenu-li .index-menu-submenu-ann:after { content: ""; width: 16px; height: 16px; background: url(../img/icons.png) -4px -28px no-repeat; position: absolute; top: 0; left: 0;}
.index-menu-submenu-li .open:after { background: url(../img/icons.png) -4px -4px no-repeat;}

.wine-textlink { color: #fff; padding-bottom: 30px; }
.wine-textlink2 { text-align: center; margin: 0 auto; }
.wine-textlink a { color: #ab8f73; }

.antique-texttitle { width: 100%; overflow: hidden; text-align: center; margin-bottom: 16px; }
.antique-texttitle h2 { display: inline-block; font-size: 15px; line-height: 1em; margin: 0; position: relative; }
.antique-texttitle h2:after { content: ""; width: 1000px; height: 1px; background-color: #dfe1e3; position: absolute; top: 50%; right: 110%; }
.antique-texttitle h2:before { content: ""; width: 1000px; height: 1px; background-color: #dfe1e3; position: absolute; top: 50%; left: 110%; }

.nav-page .ljdh-select-jiantou select { border: 0; padding-right: 36px; min-width: 150px; }
.ljdh-select-jiantou-box { border: 1px solid #b6b8bb; display: inline-block; position: relative;}
.ljdh-select-jiantou-box i { position: absolute; top: 0;right: 10px;}



/*屏幕5/7等份栅格系统*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths,.col-xs-7ths,.col-sm-7ths,.col-md-7ths,.col-lg-7ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.sign {max-width: 768px; margin: 0 auto; border: 1px solid #ddd; border-radius: 5px; padding: 20px 15px;    margin-top: 50px;  margin-bottom: 100px;}
.sign h1{color: #806345;text-shadow: unset; margin-top: 10px; margin-bottom: 30px;}
.sign-row{display: inline-block;width: 100%;}
.sign .sign-row .form-group > label, .sign-code .field-loginform-verifycode > label{width: 33.33%; float: left;text-align: right; padding: 0px 15px;}
.field-signupform-verifycode > label{width: 33.33%; float: left;text-align: right; padding: 0px 15px;}
.sign .sign-row .form-group > .sign-input, .sign-code .sign-input{width: 66.666%;float: left;}
.sign .sign-row .form-group > .sign-input input, .sign-code-word >input{max-width: 350px;}
.sign-code-img{max-width: 220px;display: inline-block;}
.sign-submit{text-align: center;}
.sign-submit .submit{background-color: #806345; color: #fff;border: 0px; padding: 10px 15px;  min-width: 160px;}
.sign .birth-select{border-radius: 4px; width: 100%; height: 34px; max-width: 350px;    padding: 6px 12px; margin-bottom: 10px;}
.sign .sign-age select{max-width: 350px;}
.sign-a{text-align: center;    margin-top: 10px;}
.sign-a a{color: #806345;}
.red {color: red;}

.site-request-password-reset{max-width: 768px; margin: 0 auto; padding: 20px 15px; margin-bottom: 100px;}
.site-request-password-reset .title,.register .table-title  {text-align: center;}
.site-request-password-reset .title > h1,.register .table-title > h3 {width: auto; display: inline-block; text-shadow: unset; margin-top: 10px; margin-bottom: 30px; color: #666;font-size: 28px; position:relative; margin-left: auto; margin-right:  auto;}
.site-request-password-reset .title > h1::after,.register .table-title > h3:after{ content: " "; border: 1px solid;   position: relative;   width: 100%;   display: inline-block;}
.site-request-password-reset .node{text-align: center; max-width: 640px; margin-left: auto; margin-right: auto;}
.site-request-password-reset .col-xs-9 .node{text-align: left;}
.site-request-password-reset .form-content{margin-left: auto; margin-right: auto; width: 58.33333333%;}
.site-request-password-reset .button-row{text-align: center;display: inline-block;    width: 100%;}
.site-request-password-reset .submit,.register .table-title .btn.affirm{background-color: #806345; color: #fff;border: 0px; padding: 10px 15px;  min-width: 160px;}

.register {max-width: 768px; margin: 0 auto; padding: 20px 15px; margin-bottom: 100px;}
.reset_wrap {
    padding: 44px 0;
    max-width: 768px;
    text-align: center;
    margin: 0 auto;
    min-height: 320px;
}
.reset_wrap ul, .reset_wrap li{
    list-style: none;
}

.reset-item .attention span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-left: 10px;
}


.user-content .nav-list{list-style: none;padding: 0px;}
.user-content .nav-list li {list-style: none; margin-bottom: 15px; }
.user-content .nav-list li > a {color: #806345; padding: 10px 15px; background-color: #e7e7e7; text-align: center; display: block; font-weight: bold; }

.user-content .nav-list li.active > a{color: #fff;background-color: #806345;}

.user-content .content-list {padding: 0px;}

.user-content .content-list > li {list-style: none;}
.user-content .content-list .list_item { border: 1px solid #ddd; border-radius: 5px; padding: 20px 15px; margin-bottom: 20px;}
.user-content .form_title{text-align: center; color:#806345; }
.user-content .from_input{margin-bottom: 10px; display: inline-block; width: 100%;}
.user-content .from_input > label {width: 16.99%;text-align: right; float: left; padding: 0px 10px;}
.user-content .from_input > .input_item{width: 83%;float: left;padding: 0px 10px;}
input.input_item, input.phone-input, input.readonly,
select.input-select{ width: 100%; height: 36px; padding: 0 8px; outline: none; border: 1px solid #ccc; }
.user-content .input_item .reset{background-color: #806345; color: #fff; border:none;}
.user-content #form-signup{margin-bottom: 80px; margin-left: 30px;}
.user-content .button-row{text-align: center;}
.user-content .submit{background-color: #806345; color: #fff;border: 0px; padding: 10px 15px;  min-width: 160px;}
.user-content .address_content{ padding: 10px 15px; }
.user-content .address_content > li{list-style: none;}
input.readonly[name="password"], input.reset{
	width: 50%;
	vertical-align: middle;
}
.address-item{ margin-bottom: 30px; }
.address-container{ margin-top: 12px; }
.address-wrap{ position: relative; padding-left: 60px; margin-bottom: 10px; }
.address-wrap .i-1{ width: 60px; position: absolute; left: 0; top: 0; }
html[lang="en-US"] .address-wrap{ padding-left: 90px; }
html[lang="en-US"] .address-wrap .i-1{ width: 90px; }
.add_btn{ cursor: pointer; padding: 0 15px; }
.add_btn span{ display: block; padding: 10px 0; background-color: #eee; text-align: center; }

input.reset{ margin-left: -5px; height: 36px; }

.user-content .delete-address, .user-content .edit-address{display: inline-block; padding: 3px 8px;margin-right: 10px; background-color: #806345; color: #fff;}
#cart-container{ margin-bottom: 54px; }

/*modal*/
.modal-footer .delete_link {text-align: center;}
.modal-footer .delete_link .btn {display: inline-block;}


/*shop*/
.shopping-table .cart-table-header ul {padding: 0px; display: table; width: 100%;}
.shopping-table .cart-table-header ul >li{list-style: none; display: table-cell;}
.shopping-table .content ul {padding: 0px;}
.shopping-table .content ul >li{list-style: none; }
.shopping-table .td-box ._checkbox,.shopping-table .td-box .img,
.shopping-table .td-box .text_sty{display: inline-block;}
.shopping-table .product-name{width: 380px;}
.shopping-table .product-name .img{max-width: 80px;}
.coupon{ margin: 40px 0 50px; }
.coupon input[type="button"]{background-color: #806345; padding: 3px 10px; border:none; text-align: center; display: inline-block;  color: #fff;}
.coupon input[type="reset"]{background-color: #666; padding: 3px 10px; border:none; text-align: center; display: inline-block;  color: #fff;}
.shopping-table .capacity, .shopping-car .price, .shopping-car .add-quantity{width: 180px; text-align: center}
.shopping-table .max_quanity{width: 86px;}
.table-box{ display: table-row; width: 100%;}
.table-box > .td-box{display: table-cell;}
#cart-container .all_orders{ margin-top: 10px;  margin-bottom: 20px; }
#cart-container .all_orders ._record{width: 120px; }
.orders_wrapper.table-box{ display: block; }
#cart-container .all_orders .total{text-align: right; padding-right: 15px; margin-left: 15px}
.orders_left .td-box, .orders_right .td-box{ display: inline-block; }
.orders_left{ float: left; }
.orders_right{ float: right; }
.orders_left .td-box.delect{ margin-left: 120px; cursor: pointer; }
.orders_wrapper.table-box>.td-box{display: inline-block;}
.total .price{color: #7e6644;}
#cart-container .all_orders .all_election{padding-left: 15px; }
#cart-container .all_orders .record-btn{ background-color: #806345; padding: 0 15px; width: 120px; text-align: center;    display: inline-block; color: #fff; }
html[lang="en-US"] #cart-container .all_orders .record-btn, html[lang="en-US"] #cart-container .all_orders ._record{ width: auto; }
.pdd_button1{display: inline-block;  border: 1px solid #806345; padding: 2px 0; }
.car-td .pdd_button1{ width: 120px; padding: 2px 10px; }
.pdd_button1 .num-label{ width: 22px; cursor: pointer;}
.pdd_button1 .amount{width: 78px; text-align: center; border: none;}

.shopping-car .top_title{text-align: center; font-size: 22px; color: #333;}
.shopping-car .top_title > i{padding-right: 10px;}
.shopping-car .shipment-info h2{font-size: 16px;}
.select-row  select.form-control{background-color: #959595; display: inline-block;border-radius: 0px; color: #fff; text-align: center; text-align-last: center;}
.select-row  select.form-control  option {text-align: center; text-align-last: center;}
.select-city  select.form-control{width: 220px;  margin-left: 20px; }

.shopping-car .radio-block{display: inline-block; position: relative;height: 14px; width: 22px;}
.shopping-car .radio-block:before{background-color: #7e6345; width: 18px; height: 18px; content: " ";top: 0px; position: absolute;}
.shopping-car .radio-block > input[type="radio"]{display: none;}
.shopping-car .radio-block > i{display: none;}
.shopping-car .radio-block.active > i{display: block; font-size: 10px;  color: #fff; padding: 2px;}
.shopping-car .input-row > input {border-radius: 0;}

.shopping-car .order-product-title h2{font-size: 16px;}
.shopping-car .cart-table-header{ display: table; width: 100%;background-color: #f4f5f7; padding: 10px 0px; }
.shopping-car .cart-table-header ul { display: table-row;}
.shopping-car .cart-table-header ul >li{list-style: none; display: table-cell; letter-spacing: 0}
.shopping-car .cart-table-header .product-name{padding: 0px 15px; width: 380px; }

.shopping-car .cart-table-header .subtotal{text-align: right; padding: 0px 15px;}
.shopping-car .td-box.subtotal{text-align: right;padding: 0px 15px;}

.shopping-car .content ul {padding: 0px; display: table; width: 100%;}
.shopping-car .content ul >li{list-style: none; }
.shopping-car .all_orders{ margin-top: 10px;  margin-bottom: 20px; }
.shopping-car .all_orders .total-details,
.shopping-car .all_orders #total-calc{background-color: #f4f5f7;}
.shopping-car .all_orders .total-details{margin-bottom: 10px; padding: 10px 15px;}
.shopping-car .all_orders ._record{width: 120px;}
.shopping-car .all_orders ._record.confirm-order{width: 245px;position: relative;}
.confirm-order .confirm-again{display: none; position: absolute; background: #f4f5f7; padding: 15px 20px; text-align: center; left: -110px;z-index: 5;}
.confirm-order .confirm-again:before{ content: "";position: absolute; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f4f5f7; top: -14px;}
.payment-clause-info{position: relative;}
.payment-clause-info .clause-content{height: 200px; margin-bottom: 15px; overflow: hidden;  border: 1px solid;  padding: 15px;}
.payment-clause-info .show-all-content{/*background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));*/
  background-color: #ab8f73;z-index: 3;position: absolute; bottom: 0px;text-align: center;color: #ffffff;width: 100%;border: 1px solid #333;border-top: none;}
.payment-clause-info .show-all-content button{border: none;padding: 6px; background-color: unset;}
.shopping-car .all_orders #total-calc{ position: relative; height: 44px; line-height: 44px; margin-top: 40px; }


.shopping-car .all_orders .total{text-align: right; padding-right: 15px;}
.shopping-car .all_orders .all_election{padding-left: 15px; }
.shopping-car .all_orders .record-btn{border-radius: 0; background-color: #806345; padding: 10px 15px; width: 120px; text-align: center;    display: inline-block; color: #fff; }
.shopping-car .all_orders .return-btn{border-radius: 0; background-color: #959595; padding: 10px 15px; width: 120px; text-align: center;    display: inline-block; color: #fff; }
.row-detail > .total-info{float: right;width: 220px; text-align: right;}

.payment-title{font-size: 16px;}
.buy_pay_radio img{max-width: 220px; max-height: 80px; width: auto;}


/*cart payment*/
.buy_pay_success{  text-align: center;  padding: 100px 0 120px;}
.buy_pay_success img{  width: 150px;}
.buy_pay_success h2{ font-size: 24px;  margin: 20px 0;}
.buy_pay_success p{  color: #000;  margin-bottom: 40px;  font-size: 18px;}
.buy_pay_success p > a{color: #a75f17; text-decoration: underline ; }
.buy_pay_success_btn a{
  width: 150px;
  height: 46px;
  text-align: center;
  display: block;
  margin: 0 auto;
  border: 1px solid #ab8f73;
  color: #fff;
  font-size: 16px;
  line-height: 44px;
  background: #ab8f73;
}
.buy_pay_success_btn a:hover{
  border: 1px solid #dda328;
  color: #ffffff;
  background: #dda328;
}


@media (max-width: 1200px){
  .shopping-table .product-name, .shopping-car .cart-table-header .product-name{
    width: 366px;
  }
}
@media (max-width: 992px){
  .shopping-table .product-name, .shopping-car .cart-table-header .product-name{
    width: 190px;
  }
  .text.text_sty{
    width: 136px;
  }
  .shopping-table .product-name .img{
    max-width: 64px;
  }
  .shopping-table .td-box ._checkbox, .shopping-table .td-box .img, .shopping-table .td-box .text_sty{
    vertical-align: top;
  }

  .shopping-table .capacity, .shopping-car .price, .shopping-car .add-quantity{
    width: 130px;
  }

}

.coupon .form_group label{
  margin-right: 10px;
  margin-bottom: 0;
}



/*會員訂單*/


.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;
  margin-bottom: 20px;
}
.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;
}
.user-content .nav-list_item {

}
.user-content ul{list-style: none;    padding: 0;}
/*-----------------我的訂單---------------------*/
.fr {
    float: right;
}
.fl {
    float: left;
}
.personal-order {list-style: none; padding: 0px;}
.personal-order li {list-style: none;}
.order-wrap{padding: 0px;}
.personal-information .name_tel{
  margin-right: 36px;
}
.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: 0px;
}

.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: 60px;
}
.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;
}



/***********************心願清單********************/
.nav-page{
  text-align: right;
  padding-bottom: 24px;
  border-bottom: 1px solid #cecfd3;
  margin-bottom: 42px;
}
.ceocw_c-item{
  display: inline-block;line-height: 32px;
}
.ceocw_c-item.showNum{
  margin-left: 40px;
  margin-right: 15px;
}
.wish .ceocw_c .nav-page{
  text-align: left;
      display: inline-block;
    width: 100%;
}
.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;
}
.screen-top > ul, .screen-top > ul li {list-style: none; padding: 0px;}
.screen-top > ul > li {
    margin-bottom: 3px;
    cursor: pointer;
}
.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;
}
.screen-top > ul > li.active > a {
    background: #dea124;
    color: #ffffff;
}



#cart-flag{
  font-style: normal;
  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;
}

.site-error{text-align: center; margin:  50px 0px;}
.alert-danger{min-height: 350px ;background-color:#fff;}
.alert-danger > h1 {margin-bottom: 30px;}
.alert-danger >p {font-size: 28px; margin-top: 80px;}

.shoping a>.zhida{line-height: normal; font-weight: bold;height: 22px;
    display: inline-block;
    width: 100px;}
.shoping a>.item-capacity{height: 22px;width: 100%;}

.empty-zhida{height: 17px;display: inline-block;
    width: 100px}
.header-note{background: #7f6344; color: #fff;  text-align: center;}
.header-note p {margin-bottom: 0px;}

@media ( min-width : 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .col-sm-7ths{
      width: 14.2857143%;
      float: left;
    }
    .llwm form{
      padding: 0 22px;
    }
    .shopping-table .td-box .text_sty{word-break: break-word;
    width: calc(100% - 85px);
    vertical-align: middle;}
    
}
 
@media ( min-width : 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
    .col-md-7ths{
      width: 14.2857143%;
      float: left;
    }
    .llwm form{
      padding: 0 100px;
    }
    
}
 
@media ( min-width : 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .col-lg-7ths{
      width: 14.2857143%;
      float: left;
    }
    .llwm form{
      padding: 0 170px;
    }

}
@media ( max-width: 992px) {
	footer {
		text-align: center;
	}
	footer .col-md-2{
		display: inline-block;
		text-align: left;
		vertical-align: top;
		margin: 0 40px;
	}
	footer .col-md-2:nth-last-of-type(1){
		display: none;
	}
}

@media ( max-width: 560px) {
  .ljdh{ margin-top: 0; }
  .llwm .box .sp_addess .tip, .llwm .box .sp_addess .contact-way{ font-size: 12px; }
  .llwm .box .sp_addess .tips{ font-size: 15px; }

  footer .col-md-2{
	margin: 0 20px;
  }
}
@media ( max-width: 560px) {
  footer .col-md-2{
	margin: 0 10px;
	padding: 0;
  }
}

.coupon .all_election{
	display: none;
}
.my_order_table1,
.my_order_table2{
  display: table;
  width: 100%;
}
.my_order_table1 img,
.my_order_table2 img{
  max-width: 80px;
}
.my_order_table1 .table-thead-tr, .my_order_table1 .table-tbody-tr,
.my_order_table2 .table-thead-tr, .my_order_table2 .table-tbody-tr{
  display: table-row;
}
.my_order_table1 .table-thead-tr li, .my_order_table1 .table-tbody-tr li,
.my_order_table2 .table-thead-tr li, .my_order_table2 .table-tbody-tr li{
  display: table-cell;
  padding: 12px 6px;
  font-weight: bold;
}
.my_order_table2 .last{
  max-width: 200px;
}
.my_order_table1 .table-tbody-tr li.mobile_img{
  display: none;
}
.my_order_table1 .table-thead-tr li:nth-last-of-type(1){
  width: 80px;
}
.my_order_table2 .table-thead-tr li.number1{
  width: 200px;
}
.my_order_table1 .table-thead-tr, .my_order_table2 .table-thead-tr{
  background-color: #e7e7e7;
}
.my_order_table1 .table-tbody-tr li a{
	padding: 2px 4px;
	background-color: #806345;
	color: #fff;
	text-decoration: none;
}
.rt-row .btn-return{
  color: #fff;
  background-color: #806345;
  border-radius: 0;
  transition: all ease .3s;
}
.rt-row {
  margin: 10px 0 0;
  text-align: right;
}
.rt-row .btn-return:hover{
  background-color: #6f5b47;
}

@media (max-width: 992px){
  .my_order_table2 .table-thead-tr li.number1{
    width: 140px;
  }
}
@media (max-width: 834px){
    .shoping {
    text-align: center;
    padding-left: 25px!important;
    padding-right: 25px!important;
    margin-bottom: 85px;
    position: relative;
    }
}


@media (max-width: 768px) {
  .my_order_table1, .my_order_table1 .table-tbody-tr, .my_order_table1 .table-tbody-tr li, .my_order_table1 .table-thead-tr li{
    display: block;
  }
  .my_order_table1 .table-tbody-tr{
    position: relative;
    padding-left: 100px;
  }
  .my_order_table1 .table-tbody-tr li.mobile_img{
    display: block;
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .my_order_table1 .table-thead-tr{
    display: none;
  }
  .my_order_table1{
    position: relative;
  }
  .my_order_table1 .table-thead-tr li, .my_order_table1 .table-tbody-tr li, .my_order_table2 .table-thead-tr li, .my_order_table2 .table-tbody-tr li{
    padding: 4px 6px;
  }
  
  .my_order_table2 .table-thead-tr li{
    display: block;
    float: left;
  }
  .my_order_table2 .table-thead-tr li.null{
    display: none;
  }
  .my_order_table2{
    overflow: hidden;
    display: block;
  }
  .my_order_table2 .table-thead-tr, .my_order_table2 .table-tbody-tr{
    display: block;
    overflow: hidden;
  }
  .my_order_table2 .table-tbody-tr li{
    display: block;
    width: 33.33333%;
    float: left;
  }
  .my_order_table2 .table-tbody-tr{
    padding-left: 120px;  
    position: relative;
    margin-top: 30px;
    min-height: 88px;
    padding-top: 20px;
  }
  .my_order_table2 .table-tbody-tr li.img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    text-align: left;
    float: none;
  }
  .col-xs-12{
    padding: 0 5px;
  }
  
  .my_order_table2 .table-thead-tr li:nth-of-type(1){
    width: 22%;
  }
  .my_order_table2 .table-thead-tr li:nth-of-type(2){
    width: 28%;
  }
  .my_order_table2 .table-thead-tr li:nth-last-of-type(1){
    width: 50%;
    max-width: none;
  }
  
  .my_order_table2 .table-tbody-tr li.price{
    color: red;
    font-size: 22px;
    text-align: center;
  }
  .my_order_table2 .table-tbody-tr li.number2{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .my_order_table2 .last-label{
    display: inline-block;
  }
  .my_order_table2 .last-label:after, .my_order_table2 .number1 span:after, .my_order_table2 .date span:after{
    content: ":";
    display: inline-block;
    margin-right: 6px;
  }
  .my_order_table2 br{
    display: none;
  }

}

@media (max-width: 400px) {
  .my_order_table2 .table-thead-tr li:nth-of-type(1){
    width: 50%;
  }
  .my_order_table2 .table-thead-tr li:nth-of-type(2){
    width: 50%;
  }
  .my_order_table2 .table-thead-tr li:nth-last-of-type(1){
    width: 100%;
  }
  
  .my_order_table2 .table-tbody-tr{
    padding-top: 0;
  }
  .my_order_table2 .table-tbody-tr li{
    float: none;
    width: 100%;
    text-align: center;
  }
  
}

.car-table{
	display: table;
	width: 100%;
}
.car-tr{
	display: table-row;
}

.car-th, .car-td{
	display: table-cell;
	padding: 12px 8px;
	vertical-align: middle;
} 
.car-thead{
	display: table-header-group;
	background-color: #f4f5f7
}
.car-tbody{
	display: table-row-group;
}

/*.pdd_button1{
	width: 150px;
	height: 30px;
	border: 1px solid #000;
}*/
.mobile-name{
	display: none;
}
.car-td.shopping_name img{
	max-width: 80px;
}

.car-td .price{
	color: red;
}

@media (min-width: 767px) {
  .car-td{
    border-bottom: 1px solid #ccc;
  }
  .my_order_table1 .table-thead-tr li, .my_order_table1 .table-tbody-tr li,
  .my_order_table2 .table-thead-tr li, .my_order_table2 .table-tbody-tr li{
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 768px) {
	.row{
		margin: 0;
	}
	.car-table, .car-tbody, .car-tr, .car-td{
		display: block;
	}
	.car-thead{
		display: none;
	}
	.car-tr{
		position: relative;
		padding-left: 12rem;
		margin-bottom: 1rem;
	}
	.car-td.car_checkbox, .car-td.shopping_name{
		position: absolute;
		top: 0;
	}
	.car-td.car_checkbox{
		left: 5px;
	}
	.car-td.shopping_name{
		left: 30px;
	}
	.mobile-name{
		display: inline-block;
		margin-right: 8px;
	}
	.car-td.shopping_name img{
		max-width: 7rem;
  }
  
  html[lang="en-US"] .orders_left{
    width: 100%;
  }

  html[lang="en-US"] .orders_left .td-box.delect{
    float: right;
    margin-right: 15px;
    margin-left: 0;
    letter-spacing: 0
  }
  
  html[lang="en-US"] .orders_right{
    width: 100%;
    text-align: right
  }

  html[lang="en-US"] #cart-container .all_orders ._record, html[lang="en-US"] #cart-container .all_orders .record-btn{
    width: auto;
  }

  html[lang="en-US"] #cart-container .all_orders .record-btn{
    padding: 0 12px;
    letter-spacing: 0
  }

  html[lang="en-US"] #cart-container .all_orders .total{
    letter-spacing: 0
  }

  .shopping-table .product-name, .shopping-car .cart-table-header .product-name{
    width: 150px;
  }

  .text.text_sty{
    width: auto;
  }

}
@media (max-width: 767px) {
  .carousel .carousel-inner {
    height: 350px;
  }
  .carousel .carousel-inner > .banner {background-size: auto 100% !important;}

}
@media (max-width: 690px){
  .shopping-table .capacity, .shopping-car .price, .shopping-car .add-quantity{
    width: auto;
    padding: 0 5px;
  }
}

@media (max-width: 500px){
	.popup{
		width: 95% !important;
	}
	.popup .modal-body{
		padding: 12px 42px !important;
  }
  .shopping-table .product-name, .shopping-car .cart-table-header .product-name{
    width: 80px;
  }

  .product-buy-detail.detail-Pages .pull-right-h3 h3{ line-height: 26px; font-size: 18px; padding-right: 70px; text-align: left;    width: 100%;}
  .product-buy-detail.detail-Pages .pull-right-h3 h3 span{background-size: 100%;font-size: 9px; width: 69px;  left: auto;    right: 0;padding-left: 4px;}

  .product-default-detail.detail-Pages .pull-right-h3 h3{line-height: 26px; font-size: 18px; padding-right: 70px; text-align: left;    width: 100%;}
  .product-default-detail.detail-Pages .pull-right-h3 h3 span{background-size: 100%;font-size: 9px; width: 69px;  left: auto;    right: 0;padding-left: 4px;}
}

@media (max-width: 450px){
  .shopping-car .all_orders .total{
    padding-right: 0;
  }
  .shopping-car .all_orders .record-btn{
    padding: 10px 0;
  }
  .shopping-car .all_orders .return-btn{
    width: 70px;
    padding: 10px 0;
  }

  .shopping-car .all_orders ._record.confirm-order{
    width: 146px;
  }
}


/**********************************************************/


.orders_left .td-box.delect:hover { color: #806345; }

.price-wrap.hide { display: block!important; }
.price-wrap.hide p { display: none; }

.modal-footer .delete_link { }


.shoping { display: inline-block; float: none; vertical-align: top; width: 24%; }

.pull-right .pull-right-h3 { margin-bottom: 24px; }
.pull-right .pull-right-h3 .detail-year { display: none; }
.pull-right .pull-right-h3 h3 { display: block; text-align: left; margin: 0; }
.pull-right .pull-right-h3 h3:first-child { margin-bottom: 5px; }

.mhn-slide .mhn-text p b { display: none; }

.shoping .text > a>p:first-child { min-height: inherit; height: auto!important; }
.shoping .text > a>p:first-child span { display: none; }

.row.in p { color: white; text-align: center; font-size: 16px; padding-top: 30px; width: 1170px; max-width: 90%; margin: 0 auto; }

.djdl-banner.test { height: auto; background: none; }

.dpts .text h3 { color: #e5b804; }

.classone { display: none; }
.classtwo { background: #000; margin-bottom: -16px; }
.classtwo .breadcrumb { display: none; }


/*.detail-Pages .center .nav-tabs { display: none; }*/
.carousel-indicators li { font-size: 0; }



.record .shopping-car .tab-pane.active .radio-box .radio-content { border: 1px solid #333; display: table; padding: 6px 12px 6px 32px; border-radius: 100px; position: relative; margin-bottom: 10px; overflow: hidden; cursor: pointer; }
.record .shopping-car .tab-pane.active .radio-box .radio-content .radio-block { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; }
.record .shopping-car .tab-pane.active .radio-box .radio-content .radio-block i { display: none; }
.record .shopping-car .tab-pane.active .radio-box .radio-content .radio-block input { position: absolute; top: 50%; left: 10px; width: 16px; height: 16px; border-radius: 100px; margin-top: -8px; border: 1px solid #dfe1e3; display: block; }
.record .shopping-car .tab-pane.active .radio-box .radio-content .radio-block.active input:before { content: ""; }
.record .shopping-car .tab-pane.active .radio-box .radio-content .radio-block:before { display: none; }
.record .shopping-car .tab-pane.active .radio-box .radio-content:hover { border-color: #806345; color: #806345; }
.record .shopping-car .tab-pane.active .radio-box .radio-content:hover .radio-block input { border-color: #806345; }

.record .shopping-car > .clearfix > .row > .col-xs-6 > .form-title,
.record .shopping-car > .clearfix > .row > form > .col-xs-6 > .form-title { font-size: 22px; color: #806345; }

.buy_pay_success_btn a { margin: 0 auto 10px; }

.pull-right-h3 h3 .hot { display: none; }


/** for MOP Product List Text Price **/
p.product-mo {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-top: 50px !important;
    color: red !important;
}


@media (max-width: 992px) {
	
	.shoping { width: 32%; }
	.record .shopping-car > .clearfix > .row > .col-xs-6,
	.record .shopping-car > .clearfix > .row > form > .col-xs-6 { width: 100%; }
	.record .shopping-car > .clearfix > .row > .col-xs-6 > .form-title { margin-bottom: 4px; }
	
	
}
@media (max-width: 768px) {
	
	.shoping { width: 49%; }
	.hidden-xs { display: block!important; }

}
@media (max-width: 540px) {
	
	footer { text-align: left; }

}
@media (max-width: 480px) {
	
	.shoping { width: 100%; }

}


















