/* customer */

.customer-title { font-size: 24px; color: #5d1f04; line-height: 36px; padding-bottom: 5px; border-bottom: 1px solid #bca788; margin-bottom: 40px; position: relative; }
.center-customer { background: #e4dccf url(img/about-bottom-bg.png) repeat-x center bottom; padding: 47px 0 55px; }
.main-customer, .main-about { background: url(img/main-customer.png) repeat-x center top; padding-top: 40px; }
.customer { width: 1000px; margin: 0 auto; letter-spacing: 1px; }
.customer {
    margin-top: 20px;
    margin-bottom: 50px;
}
.enquiry_btn_area { text-align: center; }
.btn_submit, .btn_reset { color: #fff; font: 13px; text-align: center; line-height: 20px; width: 86px; height: 20px; display: inline-block; background-color: #B49F74; margin: 0 5px; }
.btn_submit a, .btn_reset a {color:#fff;}
.vip_login_box { border: 1px solid #CBCBCB; width: 260px; margin: 0 auto 20px; padding: 20px; }
.vip_login_box input { font-size: 13px;border: 1px solid #868686;  height: 18px; width: 174px; box-sizing: border-box; }
.forget_pw { color: #5D1F04; text-align: center; margin-bottom: 20px; }
.forget_pw a{color: #5D1F04;}
.center-customer-guide .customer { width: 800px; }
.customer-guide { padding: 35px 43px; }
.customer-title { margin-bottom: 40px; }
.customer-box img { max-width: 100%; }
.center-customer-tab .customer-box { padding: 40px 60px 45px; }
.customer-box { width: auto; padding: 0 13px 13px; margin: 0 auto; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.lte8 .customer-box { box-shadow: 0 0 10px 0 #c0c0bf; }
.customer-inner { padding: 35px 43px; }
.customer-inner-new { background: #e7e3d8 url(img/customer-inner.png) no-repeat center top; padding: 127px 51px 33px; }
.customer-time { color: #a19d88; text-align: center; padding-bottom: 90px; }
.customer-time-line { font-size: 10px; }
.customer-con {border: 1px solid #fff; position: relative; padding-bottom: 10px;
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 223, 211, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 223, 211, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 223, 211, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 223, 211, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 223, 211, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 223, 211, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5dfd3', GradientType=0); /* IE6-9 */
}
.customer-con:before, .customer-con:after, .customer-privilege-con:before, .customer-privilege-con:after { display: inline-block; width: 19px; height: 403px; content: ''; position: absolute; top: 5px; }
.customer-con:before, .customer-privilege-con:before { background: url(img/customer-before.png) no-repeat; left: -20px; }
.customer-con:after, .customer-privilege-con:after { background: url(img/customer-after.png) no-repeat right top; right: -20px; }
.customer-con-inner { padding: 14px 35px 0 14px; }
.customer-con-title { position: relative; padding-left: 86px; height: 35px; line-height: 35px; margin-bottom: 10px; }
.customer-con-title-text { font-size: 20px; color: #a19d88; position: absolute; left: 0; margin-right: 5px; }
.customer-con-title-line { display: inline-block; width: 100%; height: 100%; background: url(img/customer-con-title.png) repeat-x center center; }
.customer-item { margin-bottom: 20px; }
.customer-item-con { padding-bottom: 20px; border-bottom: 1px solid #c0bdb7; margin-bottom: 25px; }
.customer-item-con:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.customer-item-img { width: 230px; float: left; padding-top: 10px; }
.customer-item-img img { border: 1px solid #a59f89; margin-bottom: 10px; }
.customer-item-text { width: 565px; float: right; }
.customer-item-text h2 { font-size: 20px; color: #3e3e3d; font-weight: normal; margin-bottom: 10px; }
.customer-item-text p { color: #262626; font-size: 14px; line-height: 22px; margin-bottom: 25px; }
.customer-item-text p:last-child { margin-bottom: 0; }
.customer-item-other {  font-size: 14px; color: #262626;line-height: 22px; padding: 15px; background-color: #efece5; }
.customer-item-other h2 { color: #424242; font-size: 16px; font-weight: normal; margin-bottom: 15px; }
.customer-item-other-left, .customer-item-other-right { width: 45%; float: left; }
.customer-item-other-left { border-right: 1px solid #ddd3c1; padding-right: 20px; margin-right: 30px; }
.customer-item-other-img { float: right; margin-left: 8px; }
.customer-more-wrap { padding-bottom: 13px; background: url(img/customer-more.png) no-repeat left bottom; }
.customer-more { font-size: 14px; color: #fff; display: inline-block;  width: 200px; height: 30px;line-height: 30px; padding-left: 29px;
    background: rgb(144, 124, 96); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(144, 124, 96, 1) 0%, rgba(218, 207, 191, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(144, 124, 96, 1)), color-stop(100%, rgba(218, 207, 191, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(144, 124, 96, 1) 0%, rgba(218, 207, 191, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(144, 124, 96, 1) 0%, rgba(218, 207, 191, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(144, 124, 96, 1) 0%, rgba(218, 207, 191, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(144, 124, 96, 1) 0%, rgba(218, 207, 191, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#907c60', endColorstr='#dacfbf', GradientType=1); /* IE6-9 */
}
.customer-more:after { display: inline-block; width: 6px; height: 12px; content: ''; vertical-align: middle; margin-left: 10px; background: url(img/customer-more-icon.png) no-repeat center top; }

.customer-inner-overview { background: none; padding-top: 40px; }
.customer-overview-item { color: #262626; font-size: 15px; line-height: 22px; margin-bottom: 25px; }
.customer-overview-item h2 {  color: #5d1f04; font-size: 15px;font-weight: normal; }
.customer-overview-item h2, .customer-overview-item p, .customer-overview-item li { padding-bottom: 15px; }
.customer-overview-item-privilege li { padding-left: 20px; text-indent: -15px; }
.customer-overview-item-privilege li:before { content: ''; width: 7px; height: 7px; display: inline-block; margin-right: 8px; vertical-align: middle; background: url(img/customer-overview-item-icon.png) no-repeat; }
.customer-overview-item-term li { padding-left: 25px; text-indent: -20px; }
.customer-box .customer-more-wrap { background: none; }
.customer-down,.customer-back{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width: 360px;
    background: rgb(182, 161, 115); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(182, 161, 115, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(182, 161, 115, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(182, 161, 115, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(182, 161, 115, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(182, 161, 115, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(182, 161, 115, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6a173', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}
html[lang='en'] .customer-down{width:460px;}
.customer-back{width:90%;display: block;clear: both;margin-top: 10px;}
.customer-back:after{background: none;}
.customer-box { font-size: 15px; color: #262626; line-height: 22px; }
.about-tab-current .customer-box, .about-tab-current .about-box { display: none; }
.customer-privilege-box { padding: 30px 64px 30px; }
.customer-privilege { width: 700px; background: none; }
.customer-privilege p { margin-bottom: 20px; }
.customer-select-wrap { color: #94784d; margin-bottom: 20px; }
.customer-select { width: 143px; height: 33px; padding: 5px; background-color: #fff; border: 1px solid #b09872; background: url(img/customer-select-icon.png) no-repeat right top; }
html[lang='en'] .customer-select { width: 265px;}
.customer-privilege-con { position: relative; border-top: 1px solid #b3b3b3; min-height: 580px; }
.customer-privilege-con:before, .customer-privilege-con:after { top: 0; width: 24px; min-height: 580px; }
.customer-privilege-con:before { left: -22px; background-image: url(img/customer-pri-before.png); }
.customer-privilege-con:after { right: -23px; background-image: url(img/customer-pri-after.png); }
.customer-privilege-shop-wrap { padding: 33px 63px 0; overflow: hidden; }
.customer-privilege-shop { width: 115%; }
.customer-privilege-shop-item {  text-align: center; width: 150px; height: 92px; margin: 0 62px 80px 0; float: left;}
.customer-privilege-shop-item img { max-width: 100%; }
.customer-privilege-term { font-size: 12px; }
.customer-privilege-term h2 { font-size: 12px; margin-bottom: 20px; }
.customer-privilege-term p{ padding-left: 10px; text-indent: -10px; }
.customer-privilege-term p:last-child { margin-bottom: 0; }

.customer-gif-box { padding: 45px 33px 30px; }
.customer-gif { width: 100%; }
.customer-gif-table-wrap { padding: 10px; }
.customer-gif-table { width: 100%; margin-bottom: 40px; table-layout: fixed; }
.customer-gif-table-thead { margin-bottom: 20px; }
.customer-gif-table th { font-weight: normal; border-bottom: 1px solid #e2e2e2;}
.customer-gif-table td, .customer-gif-table th {   white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding: 4px 8px;}
.customer-gif-table td { text-align: center; }
.customer-gif-pic img { border: 1px solid #d9d9d9; max-width: 100%; }
.customer-gif-pic { width: 47px; }
.customer-gif-num { width: 95px; }
html[lang='en'] .customer-gif-num{width:101px;}
.customer-gif-credit { width: 95px; }
html[lang='en'] .customer-gif-credit { width: 158px; }
.customer-gif-click { width: 100px }
html[lang='en'] .customer-gif-click { width: 128px }
td.customer-gif-name { text-align: left; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;  }
td.customer-gif-num, td.customer-gif-name, td.customer-gif-credit { border-right: 1px solid #e2e2e2; }
.customer-privilege .page { text-align: right; }
.customer-privilege .page-num { color: #8b705d; font-size: 13px;height: 20px; line-height: 20px;  }
.customer-privilege .page-num-current { color: #fff; font-size: 15px;
    background: rgb(182, 159, 123); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(182, 159, 123, 1) 0%, rgba(145, 117, 72, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(182, 159, 123, 1)), color-stop(100%, rgba(145, 117, 72, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(182, 159, 123, 1) 0%, rgba(145, 117, 72, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(182, 159, 123, 1) 0%, rgba(145, 117, 72, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(182, 159, 123, 1) 0%, rgba(145, 117, 72, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(182, 159, 123, 1) 0%, rgba(145, 117, 72, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b69f7b', endColorstr='#917548', GradientType=0); /* IE6-9 */
}
.customer-gif-content{width:600px;margin:0 auto;padding-bottom: 15px;}
.customer-gif-details{float: left;width:50%;}
.customer-gif-details-photo{float: right;width:50%;}
.customer-gif-details-photo img{width:100%;}
.customer-gif-details-text dl{margin-bottom: 30px;}
.customer-gif-content .product-info-share{padding-bottom: 20px;}
.customer-gif-title{font-size: 18px;color:#5D1F04;border-bottom: 0;margin-bottom: 10px;}
.customer-gif-icon{width:26px;height:21px;display: inline-block;vertical-align:middle;background: url(img/btn_redem.gif) no-repeat;}
.customer-gif-icon:hover{background-position: left -21px;}

.center.center-customer-ad { background: #fff url(img/bottom-bg.png) repeat-x center bottom; padding-bottom: 80px; }
.customer-ad { height: 559px; position: relative; margin-bottom: 25px; }
.customer-ad:before, .customer-ad:after { width: 40px; height: 100%; display: inline-block; content: ''; position: absolute; top: 0; }
.customer-ad:before { left: -40px; background: url(img/customer-ad-before.png) no-repeat left top; }
.customer-ad:after { right: -40px; background: url(img/customer-ad-after.png) no-repeat right top; }
.customer-ad-desc { margin-bottom: 40px; }
.customer-ad-title { font-size: 20px; color: #5d1f04; margin-bottom: 20px; }
.customer-ad-text { color: #262626; font-size: 14px; line-height: 22px;width: 650px; float: left;  }
html[lang='en'] .customer-ad-text{width:590px;}
.customer-ad-watch { width: 280px; float: right; }
html[lang='en'] .customer-ad-watch{width:395px;}
.customer-ad-item { color: #5D1F04; font-size: 16px;white-space: nowrap; line-height: 30px;text-align: right; }
.lte7 .customer-ad-item a{ color: #5D1F04;}
.customer-ad-item:before { width: 18px; height: 18px; display: inline-block; content: ""; margin-right: 10px; vertical-align: middle; background: url(img/customer-ad-icon.png) no-repeat; }
.customer-other-title { font-size: 15px; color: #4e2615; padding-bottom: 5px; border-bottom: 1px solid #ded6d3; margin-bottom: 17px; }
.customer-other-item { width: 256px; float: left; margin-right: 30px; }
.customer-other-item img { margin-bottom: 10px; }
.customer-other-item span {font-size: 14px; color: #4e2615;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;line-height: 24px; display: block;  }
.customer-other-item span:before { width: 22px; height: 22px; display: inline-block; content: ''; vertical-align: middle; margin-right: 5px; background: url(img/customer-ad-play.png) no-repeat center center; }
.customer-guide-left { float: left; width: 146px; }
.customer-guide-right { float: right; width: 690px; }
.customer-guide-right-img { text-align: right; padding-top: 50px; }
.customer-left { float: left; width: 146px; }
.customer-right { float: right; width: 520px; }
.customer-box-fortune{padding: 30px 0 20px;}
.customer-box-fortune img{margin-left: auto;margin-right: auto;}