@charset "utf-8"; body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;} body,html,input,button,textarea{color:#000;font:12px/1.8 Poppins-Regular,Arial,Tahoma,Verdana,Helvetica,sans-serif;} article,aside,figcaption,figure,footer,header,main,nav,section{display:block;} body{background:#fff;} h1{font-size:18px;} h2{font-size:16px;} h3,h4,h5{font-size:14px;} img{border:none;vertical-align:middle;} li{list-style:none;} i,em{font-style:normal;} a{color:#000;text-decoration:none;} a:focus{outline:none;} a:hover{color:#a38a52;text-decoration:none;} input[type="text"]:focus{outline:none;} input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;} input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;} input[type="text"],input[type="button"],input[type="reset"],select{border-radius:0;-webkit-appearence:none;} hr{height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;} a:active,select,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:0!important;} *{outline: 0;} @font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("fonts/Font-Awesome/fontawesome-webfont.eot"); src: url("fonts/Font-Awesome/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"); font-display: fallback; } @font-face { font-family: "Poppins-Bold"; font-style: normal; src: url(fonts/Poppins/Poppins-Bold.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "Poppins-Light"; font-style: normal; src: url(fonts/Poppins/Poppins-Light.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "Poppins-Medium"; font-style: normal; src: url(fonts/Poppins/Poppins-Medium.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "Poppins-Regular"; font-style: normal; src: url(fonts/Poppins/Poppins-Regular.ttf) format("TrueType"); font-display: fallback; } @font-face { font-family: "Poppins-SemiBold"; font-style: normal; src: url(fonts/Poppins/Poppins-SemiBold.ttf) format("TrueType"); font-display: fallback; } /* clear floating */ .clearfix:after,.layout:after,.header:after,.shopcart-title:after,.banner-list:after,.product-slides:after,.social-layout:after,.foot-blog-item .blog-cont:after,.service-items:after,.bottom-service:after,.nav-bar .nav li ul:after,.head-shopcart dl:after,.products-scroll-list li:after,.main-tit-bar:after,.blog-item:after,.page-bar:after,.pages:after,.product-list ul:after,.path-bar:after,.product-intro:after,.product-summary .product-meta:after,.product-summary .price-bar:after,.product-summary .product-buy:after,.product-shop dl:after,.color-list:after,.product-summary .size-list:after,.product-summary .check-item:after,#respond:after,.goods-related .related-list ul:after,.topbar:after,.owl-stage:after,.head-cartlist dl:after, .continue-proceed:after,.continue-proceed:after,.eshopcustdetails .eshop-panel .eshop_shiptype_item:after,.eshop_shiptype_item:after{content:"";display:block;clear:both;visibility:hidden;height:0;} .clearfix,.layout,.header,.shopcart-title,.banner-list,.product-slides,.social-layout,.foot-blog-item .blog-cont,.service-items,.bottom-service,.nav-bar .nav li ul,.head-shopcart dl,.products-scroll-list li,.main-tit-bar,.blog-item,.page-bar,.pages,.product-list ul,.path-bar,.product-intro,.product-summary .product-meta,.product-summary .price-bar,.product-summary .product-buy,.product-shop dl,.color-list,.product-summary .size-list,.product-summary .check-item,#respond,.goods-related .related-list ul,.topbar,.owl-stage,.head-cartlist dl, .continue-proceed,.continue-proceed,.eshopcustdetails .eshop-panel .eshop_shiptype_item,.eshop_shiptype_item{*zoom:1;} .clear-left{clear:left;} /* layout */ .layout,.header,.banner-list,.footer,.bottom-service,.social-layout{width:1432px;margin:0 auto;} .fl{float:left;} .fr{float:right;} .z9999{z-index:9999!important;} .disabled{display:none;} /* color */ .shopcart-title .goods-num,.head-login-info h4,.cate-menu li a.hover,.product-item .pd-price b,.blog-widget .foot-blog-item .blog-cont p a.more,.cate-menu li a:hover,.nav-bar .nav li ul li a:hover,.head-cartlist dl a:hover,.narrow-by li li a:hover,.narrow-by li li a.selected,.service-items .service-item li a:hover,.blog-list .blog-item .readmore,.blog-list .blog-item .readmore a,.sort-by ul li.selected a,.sort-by ul li.selected a:hover,.goods-may-like .goods-item .goods-price b,.product-summary .price-bar .special-price,.product-summary .discount,.total-price .price,.goods-related .related-list ul .pd-name a:hover{color:#a38a52;} .prisna-wp-translate-flag a{font-size:12px;} .prisna-wp-translate-sub-slides .prisna-wp-translate-flag-current a{color:#ffffff;} /* font family */ .logo-side-txt,.index-tit-bar .title,.main-tit-bar .title{font-family:Georgia,verdana,arial,helvetica,sans-serif;} /* image */ .hide-cate .cate-nav-btn:after,.product-summary .btn-add-to-cart:after,.color-list li.checked .color-small-img:after,.size-list li.checked span.size-value:after{background-image:url(img/sprites.png);background-repeat:no-repeat;background-color:transparent;} /* button */ .comment-form .form-item input[type="submit"],.goods-related .buy-together{display:inline-block;height:28px;line-height:28px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:3px;color:#fff;font-size:14px;padding:0 18px;background:#bd362f;background:-webkit-linear-gradient(center top,#ee5f5b,#bd362f);background:-moz-linear-gradient(center top,#ee5f5b,#bd362f);background:-ms-linear-gradient(top,#ee5f5b,#bd362f);background:-o-linear-gradient(center top,#ee5f5b,#bd362f);background:linear-gradient( top,#ee5f5b,#bd362f);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} /* transition */ /* transition */ .slide-banners .owl-nav,.index_Package .index_Package_btns .index_Package_btn,a,.Package_list .layout .Package_content .flex_row .Package_item,.Package_list .layout .Package_content .flex_row .Package_item .flex_row .item_before,.index_Package .layout .index_bd .index_Package_swiper .swiper-slide,.index_Package .layout .index_bd .index_Package_swiper .swiper-slide .flex_row .item_before,.page_product_list .layout .content .flex_row .product_item,.page_product_list .layout .content .flex_row .product_item .icon,.page_solutions .page_bd .page_solutions_swiper .swiper-slide .item_text,.product-item .pd-info,.foot-social li a,.index_choose_us .choose_us_bd_box .choose_us_bd .choose_us_content .choose_us_text .choose_us_text_item .choose_text_icon,.index_choose_us .choose_us_bd_box .choose_us_bd .choose_us_content .choose_us_text .choose_us_text_item .choose_text_title,.gotop,.hide-cate .cate-nav-btn:after,.blog-list .blog-item img,.product-item:hover .pd-img img,.product-item:hover .pd-img .img-hover,.goods-may-like .goods-item img,.product-item .item-wrap,.product-item .add-cart,.index_choose_us .choose_us_bd_nav li,.index_choose_us .choose_us_bd_nav li a img,.index_choose_us .choose_us_bd_nav li a{-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .eshop_pay_img {margin:-37px 0 0 -380px;} .lang-prev{position:absolute;left:5%;top:0px;width:25px;height:25px;background:url(img/lang_prev.png) no-repeat center center;} .lang-next{position:absolute;right:5%;top:0px;width:25px;height:25px;background:url(img/lang_next.png) no-repeat center center;} .lang-prev,.lang-next{overflow:hidden;z-index:99999999;display:block;cursor:pointer;background-color:#696969;opacity:0.6;} .lang-prev:hover,.lang-next:hover{background-color:#696969;} .container{position:absolute;width:100%;height:auto;top:0;left:0;padding:0 0;overflow-x:hidden;} /* * public start --------------------------------------------------- */ /* owlcarousel */ .owl-carousel{position:relative;width:100%;} .owl-carousel .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;} .owl-carousel .owl-stage-outer{overflow:hidden;position:relative;} .owl-carousel .owl-controls{overflow:visible;} .owl-carousel .owl-dots{display:block;width:100%;text-align:center;} .owl-carousel .owl-dots .owl-dot{display:inline-block;width:8px;height:8px;background:#fff;border:1px solid #888;border-radius:50%;margin:0 2px;} .owl-carousel .owl-dots .active{background:#a38a52;border:1px solid #a38a52;} .owl-loaded .slide-item{display:block;} /* =============================================================== * for:user center (2016-02-16) --------------------------------------------------------------- */ .uc-info-panel:after,.uc-address-info:after,.uc-main-tit-bar:after,.entry .uc-order-table tbody td:after,.uc-info-panel .uc-info-item:after{content:'';display:block;height:0;clear:both;visibility:hidden;} .uc-info-panel,.uc-address-info,.uc-main-tit-bar{*zoom:1;} /* user info */ .uc-main{padding:0 0!important;background-color:#fff;border:1px solid #eee;border-top:0;} .uc-main .uc-info-panel,.uc-main .uc-info-panel a,.uc-main-tit-bar .tit{color:#333;} .uc-info-panel{background-color:#f9f9f9;border-bottom:1px solid #ddd; color:#333;} .uc-info-panel .uc-info-item{width:12.5%;height:60px;text-align:center;float:left;border-right:1px solid #ddd;padding:25px 0;font-size:14px;overflow:hidden;} .uc-info-panel .uc-info-item dt,.uc-info-panel .uc-info-item dd{display:block;} .uc-info-panel .uc-info-item dd{padding-top:12px;font-size:22px;line-height:1.2;} .uc-info-panel .uc-info-item dd,.uc-info-panel .uc-info-item dd a{color:#999;} .uc-info-panel .uc-info-item dd a{display:inline-block;} .uc-info-panel .uc-info-item-1{width:37%;height:85px;text-align:left;padding-top:13px;padding-bottom:13px;overflow:hidden;} .uc-info-panel .uc-info-item-1 .uc-avatar{width:85px;height:85px;float:left;padding:0 15px;float:left;margin-right:3px;} .uc-info-panel .uc-info-item-1 .uc-avatar img{width:85px;height:85px;border-radius:50%;} .uc-info-panel .uc-info-item-1 .txt-welcome{font-weight:normal;font-size:12px; color:#333;padding-top:12px;} .uc-info-panel .uc-info-item-1 .vip{ color:#a38a52; } .uc-info-panel .uc-info-item-1 .txt-edit{display:block;padding-top:20px;} .uc-info-panel .uc-info-item-1 .txt-edit a.edit-link{display:inline-block;padding-left:22px;background:url(img/uc-ico-edit.png) 0 2px no-repeat;line-height:22px;} .uc-info-panel .uc-info-item-1 .txt-edit a.edit-link{*display:inline;} .uc-info-panel .uc-info-item-5{width:24%;float:right;padding-top:40px;height:auto;border-right:0;} .uc-info-panel .uc-btn-msg{display:inline-block;height:30px;line-height:30px;background-color:#feeb99;border-width:1px;border-style:solid;border-color:#f4d67e #ecc75c #e1af32;border-radius:5px;background-image:-moz-linear-gradient(top,#FFF5D1,#FCE26B);background-image:-webkit-linear-gradient(top,#FFF5D1,#FCE26B);background-image:-ms-linear-gradient(top,#FFF5D1,#FCE26B);background-image:-o-linear-gradient(top,#FFF5D1,#FCE26B);background-image:linear-gradient(top,#FFF5D1,#FCE26B);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1',endColorStr='#FCE26B',gradientType='0');font-size:14px;color:#4C4C4E;padding:0 12px 0 45px;position:relative;color:#333;} .uc-info-panel .uc-btn-msg:hover{background-image:-moz-linear-gradient(top,#fef3c7,#f5d855);background-image:-webkit-linear-gradient(top,#fef3c7,#f5d855);background-image:-ms-linear-gradient(top,#fef3c7,#f5d855);background-image:-o-linear-gradient(top,#fef3c7,#f5d855);background-image:linear-gradient(top,#fef3c7,#f5d855);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fef3c7',endColorStr='#f5d855',gradientType='0');} .uc-info-panel .uc-btn-msg .ico-msg{display:block;width:27px;height:14px;background:url(img/uc-ico-msg.png) 0 0 no-repeat;position:absolute;left:10px;top:10px;} .uc-info-panel .uc-btn-msg:hover{text-decoration:none;} /* address */ .uc-address-section{padding:30px 18px 0;} .uc-address-section .uc-address-info{padding-bottom:15px;} .uc-address-section .uc-address-info li{width:33.3%;float:left;height:30px;line-height:30px;padding-top:5px;margin-bottom:5px;overflow:hidden;border-bottom:1px dashed #ccc;} .uc-address-section .uc-address-info li .info-label{ color:#525252;font-weight:bold; padding-right:6px;} .uc-address-section .uc-address-info li.adress{width:100%;float:none;clear:both;} .uc-address-section .address-foot{text-align:right;} .uc-address-section .btn-address-edit{display:inline-block;height:30px;line-height:30px;background-color:#f37172;border-radius:5px;padding:0 15px;color:#fff;font-size:14px;} .uc-address-section .btn-address-edit:hover{text-decoration:none;background-color:#f84f50;} /* order */ .uc-order-section{padding:30px 18px 0;} .uc-main-tit-bar{width:100%;position:relative;line-height:1.8em;margin-bottom:12px;} .uc-main-tit-bar .tit{display:inline-block;float:left;padding-left:15px;position:relative;font-size:16px;font-weight:normal;} .uc-main-tit-bar .tit:before{content:'';display:inline-block;width:4px;height:14px;background-color:#f37172;position:absolute;left:0;top:4px;} .uc-main-tit-bar .order-count{display:inline;float:right;} .uc-main-tit-bar .order-count li{display:inline;float:left;padding-left:16px;} .uc-main-tit-bar .order-count li b{font-weight:bold;font-size:14px;padding-left:4px;} .uc-main-tit-bar .order-count li .green{color:#093;} .uc-main-tit-bar .order-count li .blue{color:#036;} .uc-main-tit-bar .order-count li .red{color:#f37172;} .uc-order-section .uc-main-tit-bar{margin-bottom:15px;} .entry .uc-order-table th, .entry .uc-order-table td{padding:5px;} .entry .uc-order-table th{font-weight:normal;border-bottom-width:2px;background-color:#e4e4e4; color:#333;} .entry .uc-order-table th:nth-child(3),.entry .uc-order-table th:nth-child(4),.entry .uc-order-table th:nth-child(5),.entry .uc-order-table td:nth-child(3),.entry .uc-order-table td:nth-child(4),.entry .uc-order-table td:nth-child(5){text-align:right;} .entry .uc-order-table .status-txt,.entry .uc-order-table .status-txt a,.entry .uc-order-table .view-detail{color:#08c;} .entry .uc-order-table .view-detail:hover{color:#a38a52;} .entry .uc-order-table tbody tr:hover td{background-color:#fff;} /* ------------------------------- for mobile -- user center -------------------------------- */ @media screen and (max-width:641px){ .uc-main{margin-top:0!important;border-top:1px solid #ccc;} .uc-info-panel{padding:15px 0;background-color:#fff;border-bottom:0;} .uc-info-panel .uc-info-item{width:50%;height:auto;padding:0 0 0 15px;text-align:left;border-right:0;font-size:12px;} .uc-info-panel .uc-info-item dt,.uc-info-panel .uc-info-item dd{display:inline;} .uc-info-panel .uc-info-item-1{width:100%;height:auto;padding-bottom:15px;margin-bottom:5px;border-bottom:1px dotted #ddd;clear:both;float:none;} .uc-info-panel .uc-info-item-1 .uc-avatar{width:auto;height:auto;padding-left:0;} .uc-info-panel .uc-info-item-1 .uc-avatar img{width:70px;height:70px;} .uc-info-panel .uc-info-item-1 .txt-edit{padding-top:6px;} .uc-info-panel .uc-info-item-1 .txt-edit a.edit-link{background-size:12px 12px;background-position:0 4px;padding-left:19px;} .uc-info-panel .uc-info-item-5{width:100%;float:none;clear:both;padding:0 15px 0 15px;text-align:right;} .uc-info-panel .uc-info-item dt,.uc-info-panel .uc-info-item dd{font-size:14px;line-height:2;font-size:12px;} .uc-info-panel .uc-info-item dt:after{content:':';padding-right:5px;} .uc-info-panel .uc-btn-msg{height:27px;line-height:25px;font-size:12px;padding-left:40px;} .uc-info-panel .uc-btn-msg .ico-msg{top:7px;background-size:24px 12px;} .uc-address-section .uc-address-info li{width:100%;float:none;height:auto;padding:6px 0;line-height:1.5;} /* address */ .uc-main-tit-bar .tit{display:block;float:none;} .uc-main-tit-bar .order-count{display:block;float:none;font-size:11px;padding:5px 0 0;} .uc-main-tit-bar .order-count li{float:none;padding:0 10px 0 0;} /* order */ .uc-order-section{padding-left:0;padding-right:0;} .uc-order-section .uc-main-tit-bar {margin-left:18px;margin-bottom:10px;} .entry .uc-order-table{width:100%;background-color:#f8f8f8;padding:10px 18px;border-top:1px solid #ccc;border-bottom:1px solid #eee;} .entry .uc-order-table thead{display:none;} .entry .uc-order-table th, .entry .uc-order-table td{display:block;} .entry .uc-order-table tbody tr{display:block;border-bottom:1px dashed #ddd;padding:10px 0;} .entry .uc-order-table tbody tr:last-child{border-bottom:0;} .entry .uc-order-table tbody td{text-align:left!important;border:0;background:transparent;height:auto;padding:3px 0;} .entry .uc-order-table tbody td:before{display:block;width:30%;float:left;content:attr(data-label);} .entry .uc-order-table tbody td .txt{display:block;width:65%;float:left;} .entry .uc-order-table tbody tr:hover td{background-color:transparent;} } /* =============================================================== * shopping cart --------------------------------------------------------------- */ .eshopcart img{max-width:100px;} .products-list ul.continue-proceed{width:100%;} .continue-proceed .rtnshopping{float:left;} .continue-proceed .gotocheckout{float:right;} .article-wrap .article-title{margin-left:0;margin-right:0;} .eshopcart table{width:100%;border-collapse:collapse;border-spacing:0;text-align:center;} div.eshopcart .eshopcart-title{padding:5px 10px 7px;line-height:1.5;font-size:16px;font-weight:normal;color:#333;border-bottom:1px solid #ddd;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#efefef',gradientType='0');background:-moz-linear-gradient(top,#fff,#efefef);background:-webkit-linear-gradient(top,#fff,#efefef);background:-ms-linear-gradient(top,#fff,#efefef);background:-o-linear-gradient(top,#fff,#efefef);background:linear-gradient(top,#fff,#efefef);text-shadow:1px 1px 1px rgba(255,255,255,1);} .eshopcart table td,.eshopcart table th{border:0;height:20px;padding:8px 5px 8px 10px;text-align:center;vertical-align:top;background:#fff;} .eshopcart table th{text-align:center;background:#fff;} .eshopcart table th abbr{border-bottom:0;} .eshopcart table th#cartItem{text-align:left;} .eshopcart table tbody td{padding-top:15px;padding-bottom:15px;} .eshopcart table tbody td:nth-child(1) {width:125px;padding-right:15px;} .eshopcart table tbody td img{max-width:100px;} .eshopcart table tbody .stotal td{padding-top:8px;padding-bottom:8px;} .eshopcart .stotal th,.eshopcart .shippingrow th,.eshopcart .total th{background:#fff;border-bottom:1px solid #cecece;border-right:1px solid #cecece;} div.eshopcart .total td.amts{color:#a38a52;font-weight:bold;font-size:16px;} div.eshopcart .shippingrow td.amts{color:#666;font-weight:bold;font-size:14px;} .eshopcart .thead{background:#fff;border-bottom:1px solid #cecece;} .eshopcart .thead th#cartDelete img{display:none;} .eshopcart .leftb{text-align:left;} .eshopcart .cartopt{padding:10px 0;text-align:right;} .eshopcart .cartopt .button{background:#f2f2f2;border:1px solid #a7afb4;color:#666;padding:7px 15px;border-radius:3px;cursor:pointer;margin:0 0 0 10px;font-weight:normal;} .eshopcart .cartopt .button:hover{background-color:#dde4e6;border-color:#aaa; color:#666;} .eshopcart input.short{height:15px;line-height:15px;text-align:center;border:1px solid #aeadad;vertical-align:middle;} .eshopcart .deletecartitem{min-width:35px;} .eshopcart .deletecartitem .hide{display:none;} .eshopcart .eshopoptname{padding:0 5px 0 0;font-weight:bold;color:#a38a52;} .eshopcart .eshopoptsets .eshopoptset{color:#a38a52;} div.eshopcart{border:1px solid #ddd;} div.eshopcart td.amts{color:#666;font-weight:bold;} div.eshopcart table{margin-bottom:0;} div.eshopcart table img{padding:0;box-shadow:none;border:0;} div.eshopcart td{border-bottom:1px solid #cecece;} div.eshopcart .thead{border-bottom:1px solid #cecece;} div.eshopcart .cartitem a{display:inline-block;max-width:540px;} div.eshopcart .deletecartitem{width:45px;padding-left:0;padding-right:0;} div.eshopcart .stotal td{border-bottom:0;} .choose-amount .ico-minus,.choose-amount .ico-plus{display:inline-block;width:12px;height:15px;line-height:15px;vertical-align:middle;border:1px solid #aeadad;background:#eee;margin:0 1px;color:#000;background:-moz-linear-gradient(top,#fafafa,#e5e5e5);background:-webkit-linear-gradient(top,#fafafa,#e5e5e5);background:-ms-linear-gradient(top,#fafafa,#e5e5e5);background:-o-linear-gradient(top,#fafafa,#e5e5e5);background:linear-gradient(top,#fafafa,#e5e5e5);} .choose-amount .ico-minus:hover,.choose-amount .ico-plus:hover{text-decoration:none;} .choose-amount .ico-minus,.choose-amount .ico-plus{*display:inline;} .choose-amount .ico-minus-disabled{border-color:#ddd;background:#efefef;} /* sub total */ .eshopcart .stotal td{font-weight:normal;background:#f2f2f2;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#efefef',gradientType='0');background:-moz-linear-gradient(top,#fff,#efefef);background:-webkit-linear-gradient(top,#fff,#efefef);background:-ms-linear-gradient(top,#fff,#efefef);background:-o-linear-gradient(top,#fff,#efefef);background:linear-gradient(top,#fff,#efefef);padding-right:15px;} .eshopcart .stotal td.amts{color:#666;font-size:14px;text-align:right;} /* foot btns*/ .continue-proceed{padding:25px 0 2em;} .continue-proceed a{background:#f2f2f2;border:1px solid #ccc;color:#999;line-height:32px;float:left;padding:0 3em;border-radius:4px;} .continue-proceed a:hover{background:#a38a52;color:#fff;text-decoration:none;} .continue-proceed .rtnshopping a,.continue-proceed .editcart a,.continue-proceed .editcheckout a{ color:#999;} .continue-proceed .rtnshopping a:hover,.continue-proceed .editcart a:hover,.continue-proceed .editcheckout a:hover{background-color:#dde4e6;border-color:#aaa;} .continue-proceed .gotocheckout a,.eshop-confirm .finalize .submit2,.process-box .button,.eshopcustdetails .buttonwrap input.button,.continue-proceed .gotocheckout input.button{line-height:35px;padding:0 3em;background:#ff5380;border:0;color:#fff;border-radius:4px;border:1px solid #ec3363;width:auto!important;margin: 0;} .continue-proceed .gotocheckout a:hover,.eshop-confirm .finalize .submit2:hover,.process-box .button:hover,.eshopcustdetails .buttonwrap input.button:hover{background:#f94071;} /* ------------------------------- for mobile -- shopping cart -------------------------------- */ @media screen and (max-width:641px){ .eshopcart table td,.eshopcart table th{padding:5px 3px;font-weight:normal!important;} .eshopcart table th#cartItem{padding-left:10px;} .choose-amount .ico-minus, .choose-amount .ico-plus{width:30px;display:block;margin:0 auto;} .eshopcart input.short{width:30px;height:22px;line-height:22px;display:block;margin:-1px auto;} div.eshopcart .deletecartitem{width:20px;min-width:inherit;padding-right:8px;} div.eshopcart .cartitem a{font-weight:normal;} div.eshopcart .stotal td.amts{font-size:14px;} .eshopcart .eshopoptsets .eshopoptset{font-size:11px;} div.eshopcart{margin:0 -10px;} div.eshopcart .eshopcart-title{font-size:14px;} .eshopcart table thead{display:none;} .eshopcart table tbody tr{display:block;width:100%;padding:0.4em 0.85em;border-bottom:1px solid #eee;position:relative;} .eshopcart table tbody tr:after{content:'';display:block;height:0;clear:both;visibility:hidden;} .eshopcart table tbody td{width:70%;padding-left:1em;float:right;height:auto;border:0;padding:0;text-align:left;} .eshopcart table tbody td:nth-child(1){display:block;width:30%;float:left;} .eshopcart table tbody td:nth-child(1) img{width:100%;max-width:inherit;} .eshopcart table tbody td:nth-child(1) a{display:block;} .eshopcart table tbody td.cartitem{padding-right:2em;} .eshopcart table tbody td.cartitem a:nth-child(1){max-height:2.6em;line-height:1.3em;overflow:hidden;display:block;width:100%;} .eshopcart table tbody td.cartitem .eshopoptsets br,.eshopcart table tbody td.cartitem br{display:none;} .eshopcart table tbody td.cartitem .eshopoptsets {padding:0.8em 0; } .eshopcart table tbody td.cartitem .eshopoptsets .eshopoptname{font-weight:normal;padding-right:0;} .eshopcart table tbody td.cartitem .eshopoptsets .eshopoptset{padding-right:1em;} .eshopcart table tbody td.cartitem .eshopoptname,.eshopcart table tbody td.cartitem .eshopoptsets .eshopoptset,.eshopoptset{font-weight:normal;color:#999;font-size:11px;} .eshopcart table tbody td.cartitem .eshopoptname{padding-right:0;} .eshopcart table tbody td.cqty {display:block;padding:0.5em 0;position:absolute;left:30%;bottom:0.85em;} .eshopcart table tbody td.cqty input.short{display:inline-block;} .eshopcart table tbody td.cqty img{display:none;} .eshopcart table tbody td.cqty{vertical-align:top;} /*.eshopcart table tbody td.cqty.lb{position:absolute;right:0.5em;top:0.5em;display:inline;left:auto;bottom:auto;width:auto;font-weight:bold;} */.eshopcart table tbody td.cqty label{display:block;} .eshopcart table tbody td.cqty a,.eshopcart table tbody td.cqty input{float:left;margin-right:-1px;border-color:#ccc;} .eshopcart table tbody td.cqty a{display:inline-block;width:24px;height:24px;border:1px solid #ccc;position:relative;background-color:#f5f5f5;} .eshopcart table tbody td.cqty a.qty_reduce:before,.eshopcart table tbody td.cqty a.qty_add:before,.eshopcart table tbody td.cqty a.qty_add:after{content:'';display:block;width:8px;height:2px;background-color:#666;position:absolute;left:5px;top:50%;margin-top:-1px;} .eshopcart table tbody td.cqty a.qty_add:after{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);} .eshopcart table tbody td.cqty input.short{margin-top:0;height:24px!important;} .eshopcart table tbody td.deletecartitem{position:absolute;right:0.5em;top:0.8em;} .eshopcart table tbody td.amts{padding:0.5em 0 3em;} div.eshopcart .eshopcart-title{background:#f2f2f2;} .eshopcart table tbody .stotal{background:#fafafa;} .eshopcart table tbody .stotal td.amts{width:100%;background:none;padding:0;} .eshopcart table tbody .stotal td.amts b{font-size:14px;} .eshopcart table tbody tr.stotal{border-bottom: 0;} .eshopcart .cartopt{width:100%;} .continue-proceed{display:table;width:100%;height:auto;padding:1em 0 3em;} .continue-proceed li{width:50%;float:left;} .continue-proceed li:first-child{padding:0 2% 0 0;} .continue-proceed li:last-child{padding:0 0 0 2%;} .continue-proceed li a,.continue-proceed .gotocheckout a{display:block;width:100%!important;text-align:center;} .continue-proceed li a,.continue-proceed .gotocheckout a{padding:0;} .eshopcart .cartopt .button{padding:6px 10px;} } /* =============================================================== * checkout --------------------------------------------------------------- */ .eshopcustdetails .buttonwrap{margin-top:5px;float:right;} .eshopcheckoutconf ul{padding:0 0 20px;} .eshopcheckoutconf ul li{font-size:12px;padding:5px 0;} .eshopcheckoutconf ul li .items{*display:inline;} .eshopcustdetails fieldset fieldset legend{margin-bottom:0;} .checkout-item{position:relative;} .checkout-item .checkout-cont{display:none;} .checkout-item .checkout-trigger{height:24px;line-height:24px;padding:0 30px 0 0;float:right;cursor:pointer;position:absolute;z-index:333;right:15px;top:20px;font-size:14px;background:url(img/ico_check_hide.png) right 4px no-repeat;} .checkout-item .checkout-trigger-hide{background-image:url(img/ico_check_show.png);} .eshop-confirm{display:block;margin-top:20px;} .eshop-confirm .finalize small{font-size:12px;} .eshop-confirm .finalize{display:inline;float:right;padding:0 0 15px;} .eshop-confirm .finalize .submit2{margin:5px 0 0;} .eshopcp3{height:10px;border-top:0;padding:0;width:100%;position:relative;} .eshopcp3 li.editcheckout {display:inline;position:absolute;left:0;top:-120px;z-index:33;} .editcart {display:inline;position:absolute;margin-top:-25px;} .editcart a{color:#fff;} .editcheckout a{color:#fff;} .process-box{padding:50px 30px 80px;border:1px solid #ddd;border-bottom:1px solid #ccc;box-shadow:0 1px rgba(0,0,0,0.3);border-radius:3px;} .process-box .button{margin:20px 0;padding:0 30px;} .process-box .eshoperror{color:#FF0000;font-weight:bold;font-size:16px;} .eshoperror{color:#FF0000;font-weight:bold;font-size:16px;} /* įžŽåŒ–2016-01-29 */ .eshopcustdetails,.eshopcheckoutconf {display:block;position:relative;border:1px solid #ddd;margin:3em auto 1.5em!important;background:url(img/form-bg.jpg) 0 0 repeat;} .eshopcustdetails fieldset{padding:0!important;border:0!important;} .eshopcustdetails p,.entry .eshopcustdetails p{padding:0;} .eshopcustdetails:before,.eshopcheckoutconf:before{content:'';display:block;height:4px;background:url(img/inq02.png) -8px 0 repeat-x;position:absolute;left:-1px;top:-1px;right:-1px;} .eshopcustdetails .privacy{display:block;padding:10px 15px 8px;font-weight:normal;color:#999;border-bottom:1px solid #eee;font-size:12px;background-color:#fff;} .eshopcustdetails .privacy:after{content:'';display:block;height:0;clear:both;visibility:hidden;} .eshopcustdetails .eshopform{display:block;padding:30px 5% 50px;} .eshopcustdetails .eshopform legend{display:block;color:#333;padding:0;font-size:12px;font-weight:bold;} .eshopcustdetails .eshopform hr{border-top:0 dashed #dadfe3;margin:10px 0 30px;} .eshopcustdetails .eshopform legend#mainlegend{ color:#999;font-size:12px;font-weight:normal;margin-bottom:1em;text-transform:none;} .eshopcustdetails .eshop_shiptype_item{padding:3px 0;} .eshopcustdetails .rad,.eshopcustdetails .eshop_shiptype_lable{display:inline-block;float:left;} .eshopcustdetails .rad{position:relative;top:0;} .eshopcustdetails .eshop_shiptype_lable .eshop_shiptype_lable {float:left;padding:5px 0;} .eshopcustdetails .eshop_shiptype_lable label{padding-left:5px;} .eshopcustdetails fieldset.fld1{border-bottom:1px solid #ccc!important;} .eshopcustdetails fieldset.fld2,.eshopcustdetails fieldset.fld3,.eshopcustdetails fieldset.fld5,.eshopcustdetails fieldset.fld6{display:block;padding:1em 0 3em!important;} .eshopcustdetails fieldset>span{display:block;padding:8px 0;} .eshopcustdetails fieldset>span br{display:none;} .eshopcustdetails fieldset>span label{display:inline-block;width:150px;font-size:12px;padding-right:15px;} .eshopcustdetails fieldset>span label .reqd{color:#f00;padding-left:5px;font-weight:normal;font-family:simsun;} .eshopcustdetails fieldset>span .med,.eshopcustdetails fieldset>span .short,.eshopcustdetails fieldset .med{display:inline-block;width:400px;height:30px;line-height:30px;border:1px solid #dadfe3;padding:0 12px;background-color:#fff;border-radius:0; color:#000000;} .eshopcustdetails fieldset>span select.med{width:424px;padding-right:0;} .eshopcustdetails .textbox{display:block;border:1px solid #dadfe3;width:70%;height:100px;padding:5px 12px;overflow:hidden;border-radius:0;margin-top:5px;resize:none;} .eshopcustdetails fieldset>span .med:focus,.eshopcustdetails fieldset>span .short:focus,.eshopcustdetails .textbox:focus,.eshopcustdetails fieldset .med:focus{border-color:#ccc; color:#777;background-color:#fff;} .eshoppayvia ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;} .eshoppayvia ul .payvia_li{width:25%;height:70px;overflow:hidden;float:left;padding:5px 0 0;} .eshoppayvia ul .payvia_li li{display:inline;} .Validform_wrong{color:#da3439;display:inline-block;padding-left:12px;font-weight:bold;} .payvia_li .Validform_wrong{padding-top:10px;padding-left:18px;} .payvia_li .Validform_wrong{position: absolute;left: 0;bottom: 20px;} .payvia_li input{margin:17px 10px 0 0;} .eshopcp1{margin-top:-175px!important;padding-bottom:100px;padding-left:30px;} .eshopcp1{min-height:36px;} .entry .buttonwrap .button{margin:0;} .eshopcheckoutconf{padding:30px 5%;} .eshopcheckoutconf h3{font-size:16px;color:#333;text-transform:uppercase;padding-bottom:0.6em;font-weight:normal;} .eshopcheckoutconf h4{display:inline-block;border:1px solid #bdc3c7;border-radius:3px;padding:1px 1.5em;background:#f2f2f2;line-height:1.6em;font-weight:normal;color:#333;text-shadow:1px 1px #fff;margin:0 0 3px;} .eshopcheckoutconf ul li .items{display:inline-block;width:20%;} .shiplegendmargin{margin:0 0 10px 0;} /* ------------------------------- for mobile -- checkout -------------------------------- */ @media screen and (max-width:641px){ .custdetails{padding-bottom:50px;} .eshopcustdetails fieldset > span label{display:block;float:none;} .eshopcustdetails fieldset>span .med,.eshopcustdetails fieldset>span .short,.eshopcustdetails fieldset .med,.eshopcustdetails fieldset > span select.med,.eshopcustdetails .textbox{display:block;width:100%;} .eshopcustdetails fieldset>span select.med{-webkit-appearance:none;position:relative;background:url(img/mobile-select-arrow.png) right center no-repeat; background-size:auto 7px;} .eshopcustdetails .rad{top:0;} .eshoppayvia ul .payvia_li{width:100%;} .eshopcp1{margin:0!important;padding:0!important;} .continue-proceed.eshopcp1 li{width:100%;padding:0 5%;} .continue-proceed.eshopcp1 li.editcart{position:relative;margin-top:-110px;} .eshopcustdetails .buttonwrap {float:none!important;} .eshopcustdetails .buttonwrap input.button{ display:block!important;width:100%!important;} .eshopcart table tbody tr th,.eshopcart table tbody td{display:table-cell;float:none;width:auto;} .eshopcart table tbody tr.shippingrow th#scharge,.eshopcart table tbody tr th#cTotal{border:0;} .eshopcart table tbody tr.shippingrow td.amts,.eshopcart table tbody tr.total td.amts{padding-bottom:0;} .eshopcheckoutconf h3{font-size:14px;} .eshopcheckoutconf ul li {color:#999;} .eshopcheckoutconf ul li .items{width:auto;padding-right:0.5em; color:#666;} .eshop-confirm .finalize{display:block;float:none;} .eshop-confirm .finalize small{display:block;text-align:right;} .eshop-confirm .finalize br{display:none;} .eshop-confirm .finalize .submit2{width:100%!important;} .eshopcp3 li.editcheckout{display:block;float:none;position:realtive;width:100%;float:none;padding:0;} .eshopcart table tbody .stotal td.eshopempty{display:none;} } /* =============================================================== * Currency dropdown --------------------------------------------------------------- */ .topbar .change-currency{display:inline;float:right;margin:0 10px 0 0;} .topbar .change-currency a:hover{background-color:#fafafa;text-decoration:none;} .topbar .change-currency a.USD, .change-currency a.EUR, .topbar .change-currency a.CAD, .topbar .change-currency a.GBP, .topbar .change-currency a.AUD , .topbar .change-currency a.HK, .topbar .change-currency a.JPY, .topbar .change-currency a.RUB, .topbar .change-currency a.CHF, .topbar .change-currency a.MXN, .topbar .change-currency a.NOK, .topbar .change-currency a.CZK, .topbar .change-currency a.BRL, .topbar .change-currency a.ARS{padding:0 0 0 26px;background-image:url(img/currency-icons.png);background-repeat:no-repeat;} .topbar .change-currency a.USD {background-position:2px 4px;} .topbar .change-currency a.EUR {background-position:2px -22px;} .topbar .change-currency a.CAD {background-position:2px -50px;} .topbar .change-currency a.GBP {background-position:2px -75px;} .topbar .change-currency a.AUD {background-position:2px -100px;} .topbar .change-currency a.HK {background-position:2px -125px;} .topbar .change-currency a.JPY {background-position:2px -150px;} .topbar .change-currency a.RUB {background-position:2px -177px;} .topbar .change-currency a.CHF {background-position:2px -202px;} .topbar .change-currency a.MXN {background-position:2px -227px;} .topbar .change-currency a.NOK {background-position:2px -252px;} .topbar .change-currency a.CZK {background-position:2px -278px;} .topbar .change-currency a.BRL {background-position:2px -303px;} .topbar .change-currency a.ARS {background-position:2px -329px;} .dropdown{display:inline-block;float:left;margin-right:5px;position:relative;padding-top:1px;padding-bottom:3px;} .dropdown .submenu{width:100px;display:none;position:absolute;left:0;top:22px;background:#fff;border-radius:0 3px 3px 3px;border:1px solid #bbb;text-align:left;padding:5px;z-index:99999; background:#fff;position: absolute;left: 0;top: 25px;} .dropdown .submenu a{display:block;border-top:1px solid #eee;} .dropdown .submenu a:first-child{border-top:0;} .over .submenu{display:block} .currency_cur{width:90px;padding:0 5px;border:1px solid #bbb;} .currency_text{float:left;} /* * public end --------------------------------------------------- */ /* =============================================================== * public site module --------------------------------------------------------------- */ /* online service -----------------------------------*/ .popbox{width:100px;border:1px solid #838f96;background:#e9f0f5;border-radius:5px;box-shadow:1px 1px 2px rgba(110,119,110,0.4),-1px -1px 2px rgba(110,119,110,0.4);position:fixed;right:5px;top:50px;overflow:hidden;z-index:10000;_position:absolute;} .popbox .hd{width:100%;height:25px;position:relative;padding:0 0 6px;} .popbox .hd h4{display:inline;line-height:21px;float:left;font-size:11px;font-weight:normal;color:#3e86ac;padding:0 0 0 4px;} .popbox .close{display:block;width:39px;height:25px;background:url(img/ico_close.gif) 0 0 no-repeat;position:absolute;right:0;top:-1px;cursor:pointer;} .popbox .tit{background-color:#3b80a4;padding:8px 0;text-align:center;font-size:24px;color:#fff;background-image:-moz-linear-gradient(top,#3f87ae,#367394);background-image:-webkit-linear-gradient(top,#3f87ae,#367394);background-image:-ms-linear-gradient(top,#3f87ae,#367394);background-image:-o-linear-gradient(top,#3f87ae,#367394);background-image:linear-gradient(top,#3f87ae,#367394);} .popbox .img{padding-bottom:6px;background:#e2e8f4;} .popbox .cont{padding:0 3px 2px 5px;} .popbox .cont li{padding:0 0 8px;} .popbox .cont li a{display:block;line-height:19px;color:#333;} .popbox .cont li a:hover{text-decoration:none;color:#777;} .popbox .cont li a.skype{background:url(img/ico_skype.png) 0 0 no-repeat;padding:0 0 0 22px;} .popbox .cont li a.msn{background:url(img/ico_msn.png) 0 0 no-repeat;padding:0 0 0 22px;} .popbox .cont li a.btn-get-quote{padding:0.2em 0;background-color:#7adafa;text-align:center;color:#f00;border-radius:0.3em;margin:0 5px 0 0;} .popbox .cont li a.btn-get-quote:hover{background-color:#39c2f0;text-decoration:none;} /* entry table -----------------------------------*/ .entry{padding:15px 20px;background:#fff;} .entry-user {} .entry {color:#666;} .entry a{color:#0030FF;} .entry p{margin:0;padding:8px 0;font-size:13px;line-height:1.8;} .entry table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;} .entry th, .entry td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px;} .entry th{font-size:12px;background:#eee;} .entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p{margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3;} .entry td.amts{color:#a38a52;} .entry th#cartDelete{text-align:center;} .entry .button{margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize;} .entry .button:hover{background:#a38a52;color:#fff;} .entry .deletecartitem{width:50px;text-align:center;} .entry .deletecartitem label{display:none;} .entry img.alignleft{float:left;margin:20px 15px 0 0;} .entry img.alignright{float:right;margin:20px 0 0 15px;} .entry img.alignleftnopad{float:left;margin-left:0;} .entry img.alignrightnopad{float:right;margin-right:0;} .entry img.aligncenter{text-align:center;display:block;margin:10px auto 0 auto;} .entry img{max-width:900px;} .cartitem a{color:#292929;font-weight:bold;} .products-img img {padding:2px;border:1px solid #dadada;box-shadow:0 0 3px rgba(0,0,0,0.2);max-width:1000px;display:block;margin:0 auto;} /* inquiry form */ .wpcf7-form{position: relative;} .inquiry-form-wrap{position:relative;width:100%;} .inquiry-form{position:relative;padding:25px 7% 35px;border:1px solid #F4F4F4;background:url(img/form-bg.jpg) repeat left top;} .inquiry-form:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;display:block;overflow:hidden;background:url(img/inq02.png) repeat-x left top;} .inquiry-form .inquiry-form-ico{position:absolute;right:20px;top:27px;width:75px;display:block;overflow:hidden;} .inquiry-form .inquiry-form-ico img{position:relative;width:100%;} .inquiry-form .inquiry-form-title{font-size:14px;font-weight:normal;line-height:20px;} .inquiry-form .form-item{position:relative;display:block;padding-bottom:18px;} .inquiry-form .form-item .form-label{display:inline-block;width:100px;} .inquiry-form .form-input,.inquiry-form input[type="text"]{position:relative;border:1px solid #E3E3E3;width:50%;height:31px;line-height:31px;color:#C1C1C1;background-color: transparent;padding:0 0 0 10px;} .inquiry-form .form-text,.inquiry-form textarea{position:relative;border:1px solid #E3E3E3;width:90%;height:112px;line-height:31px;margin:5px 0 0;color:#C1C1C1;background-color: transparent;padding:0 0 0 10px;} .inquiry-form .form-input:focus,.inquiry-form input[type="text"]:focus,.inquiry-form .form-text:focus,.inquiry-form textarea:focus{border-color:#ccc;} .inquiry-form .form-input-name,.inquiry-form input[type="text"].form-input-name{padding:0 0 0 28px;background:url(img/inq04.png) no-repeat 8px 9px;} .inquiry-form .form-input-email,.inquiry-form input[type="text"].form-input-email{padding:0 0 0 28px;background:url(img/inq05.png) no-repeat 8px 11px;} .inquiry-form .form-input-phone,.inquiry-form input[type="text"].form-input-phone{padding:0 0 0 28px;background:url(img/inq06.png) no-repeat 8px 7px;} .inquiry-form .form-btn-wrap{position:absolute;bottom:57px;left:7%;width:83%;height:0;display:block;} .inquiry-form .form-btn-wrap .form-btn-submit{position:absolute;top:0;right:0;display:inline-block;vertical-align:top;*display:inline;*zoom:1;height:30px;line-height:30px; padding:0 16px;font-size:14px;border-width:1px;border-style:solid;border-left-color:#ECC75C;border-right-color:#ECC75C;border-top-color:#F4D67E;border-bottom-color:#E1AF32;border-radius:5px;color:#4C4C4E;text-shadow:0 0 1PX rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1',endColorStr='#FCE26B',gradientType='0');background:-moz-linear-gradient(top, #FFF5D1, #FCE26B); background:-o-linear-gradient(top,#FFF5D1, #FCE26B); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B)); } .inquiry-form .Validform_checktip{display:block;width:93%;margin:0 auto;_display:none;} .inquiry-form .Validform_wrong{font-size:12px;font-weight:bold;color:#da3439;_display:block;} @media screen and (max-width:641px){ .entry p span strong{font-size:14px;font-weight:normal!important;line-height:1.6;} .inquiry-form{padding:15px;margin-bottom:30px;} .inquiry-form:before{display: none;} .inquiry-form .form-item{padding-bottom:0;} .inquiry-form .form-item .form-label{display:block;padding-top:10px;width:100%;} .inquiry-form .form-input,.inquiry-form input[type="text"]{margin-top:5px;padding-left:8px;} .inquiry-form .inquiry-form-ico{width:50px;} .inquiry-form .form-input,.inquiry-form input[type="text"]{width:70%;} .inquiry-form .form-text, .inquiry-form textarea{width:100%;padding-left:8px;} .inquiry-form .form-btn-wrap{display:block;position:static;padding:1em 0;height:auto;} .inquiry-form .form-btn-wrap .form-btn-submit{position:static;padding:0 2em;} } /* contact form -----------------------------------*/ .contact-form{padding:15px 20px 50px;} .contact-form .form-item{width:auto;padding:6px 0 6px 90px;_width:600px;} .contact-form .form-label{width:85px;} .contact-form .form-btn-wrap{position:relative;display:block;padding:15px 0 0 90px;bottom:auto;right:auto;} .contact-form .form-btn-wrap .form-btn-submit{padding:5px 40px;text-align:center;font-size:14px;background:-moz-linear-gradient(top,#fff,#ddd);background:-webkit-linear-gradient(top,#fff,#ddd);background:-ms-linear-gradient(top,#fff,#ddd);background:-o-linear-gradient(top,#fff,#ddd);background:linear-gradient(top,#fff,#ddd);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0);border-radius:3px;} .contact-form .form-btn-wrap .form-btn-submit:hover{border:1px solid #aaa;color:#333;box-shadow:0 0 3px #ddd inset;} /* others -----------------------------------*/ .top-category{padding-bottom:10px;} .top-category .titl{padding:5px;line-height:12px;border:1px solid #cccccc;} .pagenavi{padding:10px 5px 30px 20px;} .pagenavi span,.pagenavi a{padding:5px;border:1px solid #ccc;margin-right:5px;} /* rating -----------------------------------*/ .post-ratings{width:100%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;/* background-color:#ffffff;*/} .post-ratings-loading{display:none;height:16px;text-align:left;} .post-ratings-image{border:0px;} .post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG{border:0px;padding:0px;margin:0px;} .post-ratings-text{} .post-ratings-comment-author{font-weight:normal;font-style:italic;} /* size -----------------------------------*/ .clear{clear:both;} .model{width:100%;overflow:hidden;font-size:13px;line-height:18px;} .info-title {max-height:110px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:block;} .info-con{display:block;margin-left:20px;} .info-con-title{font-size:15px;color:#FF3300;} .info-con span{display:block;} .info-left{float:left;width:120px;max-height:370px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:block;margin-top:123px;} .info-middle{float:left;display:block;overflow:hidden;padding:0 10px;} .info-right{float:left;width:120px;} .info-right div:first-child{height:160px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:block;margin-top:11px;} .info-right div:nth-child(2){height:166px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:block;margin-top:13px;} .info-right div:nth-child(3){height:148px;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:block;margin-top:9px;} .size-table td{text-align:center;} /* =============================================================== * login & profile --------------------------------------------------------------- */ .tml-action-links:after,.login-wrap:after,.eshop-confirm div:after{content:"";display:block;clear:both;visibility:hidden;height:0;} * html .tml-action-links,* html .login-wrap,* html .eshop-confirm div{display:inline-block;} * +html .tml-action-links,* +html .login-wrap,* +html .eshop-confirm div{display:inline-block;} /* register & login -----------------------------------*/ .login-wrap{padding:25px 20px;width:45%;} .login-wrap .login{width:90%;padding:20px 30px;border:1px solid #ddd;border-bottom:1px solid #ccc;box-shadow:0 1px rgba(0,0,0,0.3);border-radius:3px;float:left;} .login-wrap p{padding:0 0 15px;} .login-wrap p label{display:block;font-weight:bold;color:#666;} .login-wrap p input{display:block;width:80%;padding:1px 5px;height:24px;line-height:24px;border:1px solid #d7d7d7;} .login-wrap p.submit,.profile-wrap p.submit{text-align:center;padding:0 0 30px;} .login-wrap p.submit input#wp-submit,.button-primary{display:inline-block;width:auto;min-width:130px;text-align:center;height:45px;line-height:45px;padding:0 20px;border-radius:4px;border:0;cursor:pointer;background:#F14E94;color:#fff;font-size:16px;font-weight:bold;letter-spacing:2px;} .login-wrap p.submit input#wp-submit,.button-primary{*display:inline;} .login-wrap p.submit input#wp-submit:hover,.button-primary:hover{background:#f23988;} .login-wrap p.message{width:100%;position:relative;font-size:15px;padding:0 0 25px;text-align:center;color:#666;} .login-wrap p.message:before,.login-wrap p.message:after{content:"";display:block;width:20%;height:15px;font-size:12px;border-bottom:1px solid #ddd;position:absolute;top:0;} .login-wrap p.message:before{left:0;} .login-wrap p.message:after{right:0;} .login-wrap p.error{padding:6px 10px;border:1px solid #ffd8a0;background:#fffce5;margin:0 0 15px;color:#f00;} .login-wrap p.forgetmenot input{display:inline;width:auto;vertical-align:middle;} .login-wrap p.forgetmenot label{display:inline;} .login-wrap ul.tml-action-links{width:100%;position:relative;padding:25px 0 8px;border-top:1px solid #ddd;} .login-wrap ul.tml-action-links:before{display:inline-block;width:3em;position:absolute;text-align:center;left:50%;margin-left:-1.5em;top:-16px;content:"or";background:#fff;color:#999;font-size:16px;} .login-wrap ul.tml-action-links li{width:50%;float:left;text-align:center;} .login-wrap ul.tml-action-links li a{display:inline-block;width:80%;height:36px;line-height:36px;background:#c3c3c3;border-radius:6px;color:#fff;font-size:14px;text-align:center;} .login-wrap ul.tml-action-links li a{*display:inline;} .login-wrap ul.tml-action-links li a:hover{background:#999;} .login-wrap ul.tml-action-links li:first-child{text-align:left;} .login-wrap ul.tml-action-links li:last-child{text-align:right;} .login-side-banner{display:inline;float:right;padding:0px;border:1px solid #ddd;} /* profile -----------------------------------*/ .profile-wrap{padding:20px 30px;border:1px solid #ddd;border-bottom:1px solid #ccc;box-shadow:0 1px rgba(0,0,0,0.3);border-radius:3px;} .profile-wrap .profile table{width:100%;} .profile-wrap .form-table{margin-bottom:10px;} .profile-wrap .form-table th,.profile-wrap .form-table td{padding:8px 10px;vertical-align:top;} .profile-wrap .form-table th{width:30%;padding:10px;text-align:right;font-weight:normal;} .profile-wrap .form-table .regular-text,.profile-wrap .form-table select,.profile-wrap .form-table textarea,.profile-wrap #password input{width:45%;padding:1px 5px;height:24px;line-height:24px;border:1px solid #b3c1cf;border-radius:4px;margin:0 10px 0 0;} .profile-wrap .form-table #user_login{background:#fafafa;color:#aaa;} .profile-wrap .form-table select{width:48%;height:27px;line-height:27px;} .profile-wrap .form-table textarea{width:65%;height:auto;} .profile-wrap .form-table .description{color:#999;45px} .profile-wrap #password input{display:block;} .profile-wrap #password .description{display:block;clear:both;padding:0 0 5px;} @media screen and (max-width:641px){ .profile-wrap{padding:0;border:0;} .login-wrap p.submit input#wp-submit,.button-primary{width:80%;font-weight:normal;margin:0 auto;} .main .blog-article:before{content:'';display:block;width:100%;height:4px;background-image:url(img/inq02.png);background-position:0 0;background-repeat:repeat-x;-webkit-background-size:auto 4px; background-size:auto 4px;position:absolute; left:0;top:-2px;} .blog-article{background:#fff;} .profile-wrap{padding:0 10px;box-shadow:none;} .profile-wrap #your-profile h3{display:block;line-height:32px;font-family:Georgia,verdana,arial,helvetica,sans-serif;font-size:16px;color:#333;text-transform:uppercase;font-weight:normal;} .profile-wrap #your-profile .form-table{display:block;width:100%;border:0;padding-bottom:1em;} .profile-wrap #your-profile .form-table tbody,.profile-wrap #your-profile .form-table tr{display:block;width:100%;} .profile-wrap #your-profile .form-table th,.profile-wrap #your-profile .form-table td{display:block;width:100%;float:none;border:0;background:none;height:auto;padding:0 0 5px;text-align:left;} .profile-wrap #your-profile .form-table th{padding-bottom:2px;} .profile-wrap #your-profile .form-table input[type='text'],#your-profile .form-table input[type='password']{display:block;width:100%;padding:7px 10px;height:auto;border-radius:0;border-color:#ddd; color:#999;line-height:normal;} .login-wrap p.submit input#wp-submit, .button-primary{height:35px;line-height:35px;background:#ed3445;} } /* for:page -----------------------------------*/ .main{overflow:hidden;} .main .item-head{padding:10px 0;border-top:1px dashed #c0c0c0;clear:both;font-size:14px;font-weight:bold;} .main .color-show li{width:70px;height:90px;float:left;text-align:center;} .main .color-show li img{width:51px;height:51px;} .main .color-show li span{display:block;padding:5px 0 0;} .main .color-show li.show-big{width:220px;min-height:300px;_height:300px;_overflow:visible;float:left;} .main .color-show li.show-big img{width:160px;height:auto;margin:15px auto 0;} .selected{cursor:pointer;} .ico ul li{padding:5px 0;} .ico ul li a{color:#a38a52;font-weight:bold;} .sub-tbar{line-height:30px;background:url(img/tit_bg_line.png) repeat-x scroll 0 15px;text-align:center;margin-bottom:15px;} .sub-tbar h3{display:inline-block;padding:0 10px;background:#fff;font-size:18px;font-weight:normal;} .sub-tbar h3{*display:inline;} .handmade li{float:left;width:257px;height:280px;padding:0 10px;} .handmade li .img,.handmade li .img img{display:block;width:250px;height:138px;} .handmade li .tit{display:block;height:20px;line-height:20px;overflow:hidden;padding:5px 0 0;font-size:12px;} .handmade li .tit,.handmade li .tit a{color:#333;} .handmade li .summary{height:80px;line-height:20px;overflow:hidden;} .shippingdate{padding:2px 0 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;margin:10px 0 0;} .detail{float:right;width:350px;padding:2px 0 0 20px;border-top:1px dashed #ddd;border-left:1px dashed #ddd;border-bottom:1px dashed #ddd;margin:10px 0 0;} .detail a{} .detail ul{overflow:hidden;} .detail ul li{float:left;width:160px;} /* for:page faq -----------------------------------*/ .size{margin-top:0px;padding-left:60px;} .size table{border:1px solid #efefef;margin-top:20px;} .size ul li{float:left;padding:0 18px;} .size table td{text-align:center;} .size table tr{text-align:center;} .size table th{text-align:center;color:#a38a52;font-weight:bold;} .size-pro table{border:1px solid #efefef;margin-top:20px;text-align:center;} .size-pro ul li{float:left;padding:0 18px;} .size-pro table td{text-align:center;} .size-pro table tr{text-align:center;color:#a38a52;font-weight:bold;} .size-pro table th{text-align:center;color:#a38a52;font-weight:bold;} .attachment-100x100{width:120px;} /*loading*/ #loading{display:none;position:fixed;border-radius:8px;top:50%;left:50%;width:250px;height:90px;overflow:hidden;background:#000 url(img/loading_big.gif) no-repeat center center;z-index:9999; margin:-62px 0 0 -62px;opacity:0.2; } /* review ----------------------------- */ .review{padding:10px 15px 10px 0px;} .review .re_title{text-transform:capitalize;font-size:14px;font-weight:bold;padding:0 0 0 0px;margin-top:-20px;} .re_con ul{margin-left:0px;width:95%;margin-top:20px;margin-bottom:20px;} .re_con ul li{width:100%;border-bottom:1px solid #eee;background:url(img/icons02.png) no-repeat 10px 33px;display:block;overflow:hidden;padding-left:0px;margin:15px 0;} .re_con ul li span:first-child{float:left;width:100%;overflow:hidden;margin-bottom:30px;} .re_con ul li span:nth-child(2){float:right;} .re_con ul li span em{font-size:13px;display:block;font-weight:bold;} .re_con_p{margin-left:40px;margin-top:8px;color:#585858;font-size:12px;line-height:1.8;} .comment-form .form-title{display:inline-block;border:1px solid #bbb;border-radius:3px;padding:1px 15px;background:-moz-linear-gradient(top,#fefefe,#ebebed);background:-webkit-linear-gradient(top,#fefefe,#ebebed);background:-ms-linear-gradient(top,#fefefe,#ebebed);background:-o-linear-gradient(top,#fefefe,#ebebed);background:linear-gradient(top,#fefefe,#ebebed);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed',GradientType=0);margin:0 0 0 7px;line-height:1.5em;font-weight:normal;margin-bottom:1.5em;color:#666;text-shadow:1px 1px #fff;} .comment-form .form-item{padding:0 0 15px 110px;position:relative;} .comment-form .form-item input,.comment-form .form-item textarea{padding:3px 10px;border:1px solid #ddd;border-radius:2px;overflow:hidden;z-index:9999;resize:none;color:#999;} .comment-form .form-item input{height:21px;line-height:21px;} .comment-form .form-item input[type="submit"]{height:32px;line-height:32px;padding:0 11px;background: #a38a52;} .comment-form .form-item input:focus,.comment-form .form-item textarea:focus{border:1px solid #3389cc;z-index:9999;} .comment-form .form-item .comment-review{line-height:1em;padding:6px 0 8px;} .comment-form .form-item .left-label{position:absolute;left:0;top:0;z-index:1;width:100px;color:#666;text-align:right;line-height:32px;} .comment-form .form-item .left-label small{font-size:12px;} .comment-form .form-item .btn-submit{background:#333;border:0;color:#fff;font-weight:bold;border-radius:4px;padding:5px 30px;} .comment-form .form-item .btn-submit:hover{background:#107fc8;} .comment-form .cmt-form-side img{border:1px solid #ccc;padding:1px;width:360px;} .comment-form .post-ratings{padding-top:6px;} .comment-form #commentform{width:520px;float:left;} .cptch_block{display:block;position:relative;padding-left:110px;padding-bottom:15px;z-index:2222;} .cptch_block input{border:1px solid #ccc;padding:0 3px;height:22px;line-height:22px;} #commentform .comment-img{padding:0 0 20px 110px;} .wp-post-image{padding:0 6px;} .main-top{padding:20px 0 0 0;} .aside-top{padding:15px 0 0 0;} .sc-chat-toolbar,.sc-cnv-wrap,.sc-msg-wrap,.sc-chat-wrapper,#sc_chat_box textarea.f-chat-line,#sc_chat_box p.sc-lead,#sc_chat_box .sc-chat-wrapper input, #sc_chat_box .sc-chat-wrapper textarea{color:#222222;background-color:#fff; } .sc-chat-toolbar a{color:#b9b9b9;} .sc-chat-toolbar a:hover{color:#878787;} #sc_chat_box .sc-chat-wrapper input,#sc_chat_box .sc-chat-wrapper textarea,#sc_chat_box textarea.f-chat-line{border-color:#cdcdcd;} #sc_chat_box .sc-chat-wrapper input:focus,#sc_chat_box .sc-chat-wrapper textarea:focus{background-color:#f5f5f5;border-color:#b9b9b9; } #sc_chat_box textarea.f-chat-line:focus{background-color:#fafafa;border-color:#b9b9b9;} #sc_chat_box .sc-chat-wrapper label{color:#878787;} #sc_chat_box form.sc-chat-reply{border-top:1px solid #cdcdcd;background-color:#f5f5f5; } #sc_chat_box{width:300px;right:40px; } #sc_chat_box textarea.f-chat-line{width:258px; } #sc_chat_box div.sc-chat-header{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} .sc-chat-notification.warning,#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn a,#sc_chat_box .sc-chat-wrapper input, #sc_chat_box .sc-chat-wrapper textarea{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #sc_chat_box .sc-chat-wrapper input, #sc_chat_box .sc-chat-wrapper textarea{width:230px; } .sc-chat-wrapper{border-color:#ebebeb;max-height:380px; } .sc-cnv-wrap{border-color:#ebebeb;max-height:350px; } #sc_chat_box .sc-chat-wrapper .sc-start-chat-btn > a{color:#ffffff;background-color:#a38a52; } #sc_chat_box .sc-chat-wrapper .sc-start-chat-btn > a:hover{color:#ffffff;background-color:#a38a52; } #sc_chat_box div.sc-chat-header{color:#ffffff;background-color:#a38a52; } .sc-chat-css-anim{-webkit-transition:bottom .2s;-moz-transition:bottom .2s;-o-transition:bottom .2s;transition:bottom .2s;} /* recent_orders ----------------------------- */ .recent_orders{width:200px;position:relative;} #sold_img{width:200px;height:600px;position:relative;overflow:hidden;padding:10px 6px 5px 0;border-bottom:1px solid #EAEAEA;} #sold_img{overflow:hidden;} .recent_orders img{width:100px;height:150px;margin-left:17px;} .recent_orders ul li{width:200px;height:235px;margin:10px 0;padding:5px 0 15px 0px;margin-left:-5px; border-bottom:1px solid #b6d2ff; text-align:center;position:relative; float:none;} .recent_orders p{font-family:Georgia, "Times New Roman", Times, serif;max-height:90px;overflow:hidden;font-size:12px;line-height:15px;color:#999;padding-top:5px;} .recent_orders ul li div{color:#900;} .customer-titbar{padding:10px 0 0 0;} .customer-titbar-img{float:left;padding:5px 5px 0px 0;} .customer-titbar-pcolor{color:#999;} .customer-titbar-by{color:#999;float:right;font-style:italic;} .addthis_sharing_toolbox{float:right;} .size-mod{margin-right:10px;} .size-mod img{} .size-form-con{float:left;width:375px;overflow:hidden;} .size-form-con p{margin-bottom:15px;max-height:60px;padding-left:20px;overflow:hidden;} .size-form-con em{color:#ff0000;} .sidebar-bottom{border:1px solid #CCC;padding:5px;} .items-all{float:right;color:#494949;font-size:14px;font-style:italic;} .items-all em{color:#a38a52;font-size:14px;font-style:italic;font-weight:bold;} .comment-form .cmt-form-side{display:inline;float:right;} /* Translator ----------------------------- */ .transall{display:inline;float:right;*float: left;} .transall-tit{float:left;text-transform:capitalize; margin:4px 1px 0 8px; } .translator-dropdown-container{text-align:center;margin:0;padding:0;border:none;background:none;height:24px;z-index:999999;} .translator-dropdown-container label{display:block;float:left;margin:5px 5px 0 0;color:#ccc;} .translator-dropdown-container p{margin:0;border:0;font-weight:normal;} .translator-dropdown-container a{text-decoration:none;font-weight:normal;} .translator-dropdown-sub-container{height:24px;margin:0;padding:0;background:none;border:none;z-index:999999;} .translator-dropdown-floating-left .translator-dropdown-sub-container{float:left;} .translator-dropdown-floating-right .translator-dropdown-sub-container{float:right;} .translator-dropdown-body{position:relative;float:left;height:21px;padding:5px 0 0;background:#fff;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;margin:0;z-index:999999;-moz-box-sizing:content-box;box-sizing:content-box;} .translator-dropdown-body p{color:#ccc;position:relative;font-weight:normal;} .translator-dropdown-current-language-arrow{display:block;width:0;height:0;border:6px solid;position:absolute;top:10px;right:5px;border-color:#ccc transparent transparent;background:none;margin:0;padding:0;} .translator-dropdown-body:hover .translator-dropdown-current-language-arrow{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);top:5px;} .translator-dropdown-scroll-enabled{} .translator-dropdown-current-language-flag{position:absolute;right:0;top:2px;} .translator-dropdown-languages-list-scroll{margin:3px 0 0 0;padding:0;background:none;border:none;display:none;} .translator-dropdown-languages-list-scroll-bar{background:#464646;margin:0;padding:0;border:none;z-index:9999999;left:auto;} .translator-dropdown-languages-list-scroll-bar-rail{margin:0;padding:0;background:none;border:none;} .translator-dropdown-languages-list-opened .translator-dropdown-languages-list-scroll{display:block;z-index:999999;border:1px solid #ccc;} .translator-dropdown-languages-list{margin:3px 0 0 0;padding:0;background:none;border:none;display:none;} .translator-dropdown-hover .translator-dropdown-languages-list p:hover{background-color:#ffffdf;} .translator-dropdown-languages-list p a{background:none;} .translator-dropdown-hover .translator-dropdown-languages-list p:hover a, .translator-dropdown-hover .translator-dropdown-languages-list p:hover a span{color:#fb8a00;} .translator-dropdown-scroll-enabled .translator-dropdown-languages-list{overflow:hidden;margin-top:0;} .translator-dropdown-hover.translator-dropdown-scroll-enabled .translator-dropdown-languages-list:hover{overflow-y:scroll;} .translator-dropdown-languages-list p{cursor:pointer;border-top:1px solid #ebebe9;padding:3px 0;background:none;} .translator-dropdown-languages-list-opened .translator-dropdown-body{height:auto;background:#fff;} .translator-dropdown-languages-list-opened .translator-dropdown-languages-list{display:block;} .translator-dropdown-sub-container table{text-align:center;margin:0 auto;height:20px;border-collapse:separate;border:none;background:#464646; } .translator-dropdown-sub-container table tr{background:none;border:none;} .translator-dropdown-sub-container table td{vertical-align:middle;background:none;border:none;height:20px;line-height:20px;width:auto;padding:0;font-family:Verdana;font-size:12px;} .translator-dropdown-current-language{padding:0 25px 0 3px;color:#444;background:none;border-collapse:separate;} .translator-dropdown-current-language span{color:#444;} .translator-dropdown-languages-list-opened .translator-dropdown-current-language, .translator-dropdown-languages-list-opened .translator-dropdown-current-language span{color:#444;} .translator-dropdown-sub-container a{padding:0 3px;color:#444;width:100%;text-align:left;} .translator-dropdown-sub-container a span{color:#444;border:none;font-family:Verdana;font-size:12px;text-decoration:none;white-space:nowrap;line-height:16px;font-weight:normal;text-decoration:none;text-transform:none;text-shadow:none! important;} .translator-dropdown-sub-container p.translator-dropdown-completed{background-color:#ffffdf;} .translator-dropdown-sub-container p.translator-dropdown-completed a span{color:#fb8a00;} .translator-dropdown-current-language, .translator-dropdown-sub-container a{font-weight:normal;text-decoration:none;height:16px;display:table;border:none;font-family:Verdana;font-size:12px;text-decoration:none;white-space:nowrap;vertical-align:middle;line-height:16px;margin:0;} .translator-dropdown-hover .translator-dropdown-sub-container a:hover{text-decoration:none;} .translator-dropdown-current-language span, .translator-dropdown-sub-container a span{padding:0;line-height:16px;} .translator-dropdown-flags-and-names .translator-dropdown-current-language span, .translator-dropdown-flags-and-short-names .translator-dropdown-current-language span, .translator-dropdown-flags-and-names .translator-dropdown-sub-container a span, .translator-dropdown-flags-and-short-names .translator-dropdown-sub-container a span{padding-left:3px;margin:0;border:none;font-family:Verdana;font-size:12px;text-decoration:none;white-space:nowrap;line-height:16px;font-weight:normal;background:none;text-transform:none;text-shadow:none! important;} .translator-dropdown-current-language img,.translator-dropdown-sub-container a img{border:none;padding:0;margin:0;vertical-align:top;width:22px;max-width:22px;height:16px;max-height:16px;display:inline;background:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .translator-dropdown-loading{padding-left:16px;background-image:url(img/loading.gif);background-repeat:no-repeat;background-position:center left;} .translator-dropdown-hidden{display:none; } .owl-loading .cloned{ display:none!important;} .owl-loading .slide-item{display:block;} .owl-carousel .owl-item{width:auto;} /*loading*/ #loading{display:none;position:fixed;border-radius:8px;top:50%;left:50%;width:250px;height:90px;overflow:hidden;background:#000 url(img/loading_big.gif) no-repeat center center;z-index:9999; margin:-62px 0 0 -62px;opacity:0.2; } @media screen and (max-width:641px){#loading{margin:0;top:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}} /** * * Responsive adjustments * */ @media screen and (max-width:1280px){} @media screen and (max-width:1024px){} @media screen and (max-width:800px){} @media screen and (max-width:640px){} @media screen and (max-width:320px){} @media screen and (max-width:200px){} /* ----------------------------------------------- style begin ----------------------------------------------- */ /* layout */ .layout,.header,.index-products,.index-rcmd,.bottom-service,.social-layout,.banner-section{width:1432px;margin:0 auto;max-width:95%;} .topbar,.index-wrapper{min-width:1432px;} .disabled{display:none;} .z9999{z-index:9999;position:relative;} .fl{float:left;} .fr{float:right;} /* clearfloating */ .clearfix:after,.layout:after,.header:after,.head-cartlist dl:after,.nav-wrap:after,.cate-menu li ul:after,.small-bn-list:after,.fetaured-items:after,.index-tabs:after,.index-products .index-pd-panel:after,.index-products .product-items:after,.index-side-list:after,.rcmd-slide-items:after,.adv-items:after,.path-bar:after,.main-tit-bar:after,.page-bar:after,.product-items:after,.product-buy:after,.product-summary .other-item:after,.product-intro:after,.form-item dl:after,.custom-size-form dl:after,.product-attributes ul:after,.comment-form:after,.store-pd-items:after,.blog-item:after,.bottom-service:after,.social-layout:after,.banner-section:after,.products-scroll-list li:after,.main-tit-bar:after,.sort-by:after,.wholesale-info:after{content:"";display:block;clear:both;visibility:hidden;height:0;} .clearfix,.layout,.header,.head-cartlist dl,.nav-wrap,.cate-menu li ul,.small-bn-list,.fetaured-items,.index-tabs,.index-products .index-pd-panel, .index-products .product-items,.index-side-list,.rcmd-slide-items,.adv-items,.path-bar,.main-tit-bar,.page-bar,.product-items,.product-buy, .product-summary .other-item,.product-intro,.form-item dl,.custom-size-form dl,.product-attributes ul,.comment-form,.store-pd-items,.blog-item ,.bottom-service,.social-layout,.banner-section,.products-scroll-list li,.main-tit-bar,.sort-by,.wholesale-info{*zoom:1;} /* image */ .head-search .search-select .select-value:after,.cate-menu li a.with-ul-tit:after,.select-box .select-value:after,.hide-cate .cate-nav-btn:after,.topr li a:after{background-image:url(img/theme-sprites.png);background-repeat:no-repeat;background-color:transparent;} .nav-bar .nav li ul li b.menu-btn,.slide-banners .owl-prev,.slide-banners .owl-next,.gotop,.narrow-by li a.with-ul-tit b,.narrow-by li li a,.sort-by ul li .arrow-down,.sort-by ul li .arrow-up,.product-intro .add-to-wishlist,.goods-may-like .owl-prev,.goods-may-like .owl-next,.product-summary .ico-tick,.product-summary .size-list li.checked .ico-tick,.choose-color .color-list li.checked .ico-tick,.product-summary .change-currency .arrow,.product-intro .add-to-cart,.brand-info .btn-chat,.brand-info .btn-view-store,.slide-banners .owl-prev,.slide-banners .owl-next{background-image:url(img/theme-sprites.png);background-repeat:no-repeat;background-color:transparent;} .head-search .search-btn,.head-shopcart .ico-shopping-bag,.head-login-info .ico-user{background-image:url(img/head-sprites.png);background-repeat:no-repeat;background-color:transparent;} .head-shopcart .shopcart-cont:after{background-image:url(img/head-sprites.png);background-repeat:no-repeat;background-color:transparent;} .head-search .search-select .select-value:after,.head-shopcart .shopcart-title .ico-cart,.cate-menu .with-ul-tit:after,.cate-menu ul li a:before, .slide-banners .owl-prev,.slide-banners .owl-next,.nav-bar .cate-nav-btn:after,.head-shopcart .shopcart-cont:before, .narrow-by li li a,.narrow-by li a.with-ul-tit b,.sort-by ul li a b,.goods-related .icon-add,.goods-may-like .owl-prev,.goods-may-like .owl-next, .product-summary .change-currency .arrow,.nav-bar .nav li ul li b.menu-btn ,.blog-widget .owl-prev,.blog-widget .owl-next,.path-nav li .ico-home b{background-image:url(img/theme-sprites.png);background-repeat:no-repeat;background-color:transparent;} /* =================================================== * header * --------------------------------------------------- */ .head-wrapper{background-color:#fff;} .topbar{height:35px;background:#f8f8f8;border-bottom:1px solid #e5e5e5;} .topr,.topr a{color:#888;} .topr a:hover{color:#000;} .nav-bar .nav li a:hover{color:#a38a52;} .language-box{display:inline;float: left;} /* ------------------- * currency * ------------------- */ .prisna-translator .prisna-wp-translate-dropdown-body{background: none!important;border: 0!important; } .topbar .prisna-wp-translate-dropdown-current-language span{color:#333!important;} .topbar .change-currency{float:right;padding:0 5px 0 0;position:relative;} .topbar .prisna-wp-translate-dropdown-current-language{padding-right: 20px!important;} .topbar .prisna-wp-translate-dropdown-current-language-arrow{border-width: 5px!important;border-top-color:#aaa!important;} .topbar .currency-cur{display:inline-block;height:25px;line-height:25px;padding:0 0 5px 5px;margin-top:5px;} .topbar .currency-cur a{display:inline-block;padding:0 16px 0 0;position:relative;} .topbar .currency-cur a{*display:inline;} .topbar .currency-cur a:after{content:"";display:block;width:0;height:0;border:5px solid;position:absolute;top:10px;right:0;border-color:#aaa transparent transparent;background:none;margin:0;padding:0;} .topbar .change-currency{display:inline;float:left;margin:0 8px 0 0;} .dropdown .submenu{top: 34px;} /* ------------------- * translate * ------------------- */ .transall{padding-top:5px;} .translator-dropdown-body{position:relative;float:left;height:21px;padding:5px 3px 0;-moz-border-radius:0px;-webkit-border-radius:0px;margin:0;z-index:999999;-webkit-box-sizing:content-box;box-sizing:content-box;background:none;} .translator-dropdown-languages-list-opened .translator-dropdown-body{height:auto;background:#fff;border:1px solid #ccc;box-shadow:0 0 4px rgba(0,0,0,0.1);-moz-box-shadow:0 0 4px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);padding:4px 2px 0;} .translator-dropdown-languages-list-opened .translator-dropdown-languages-list-scroll{display:block;z-index:999999;border:0;} .translator-dropdown-flags-and-names .translator-dropdown-current-language span, .translator-dropdown-flags-and-short-names .translator-dropdown-current-language span, .translator-dropdown-flags-and-names .translator-dropdown-sub-container a span, .translator-dropdown-flags-and-short-names .translator-dropdown-sub-container a span{font-size:11px;} .translator-dropdown-current-language, .translator-dropdown-sub-container a{padding:2px 3px;} .translator-dropdown-current-language-arrow{display:block;width:0;height:0;border:4px solid;position:absolute;top:13px;right:5px;border-color:#333 transparent transparent;background:none;margin:0;padding:0;} .translator-dropdown-current-language{padding:0 15px 0 3px;color:#444;background:none;border-collapse:separate;} /* ------------------- * top menu * ------------------- */ .topr{display:inline;float:right;line-height:35px;} .topr li{float:left;border-right:1px solid #e5e5e5;position:relative;} .topr li a{ float:left;padding:0 16px;} .topr li a.hover{background:#fff;position:relative;} .topr li a.hover:before{content:"";display:block;width:1px;height:100%;background:#e5e5e5;position:absolute;left:0;top:0;} .topr li.with-menu a:after{display:block;content:"";width:9px;height:5px;background-position:0 -1px;position:absolute;right:10px;top:16px;opacity:0.8;filter:alpha(opacity=80);} .topr li.with-menu a.hover:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);} .topr li.with-menu a{padding-right:25px;} .topr li.with-menu li a{padding-right:16px;} .topr li.with-menu li a:after,.topr li.with-menu li a.hover:before{display:none;} .topr li.with-menu ul {width:120px;padding:5px 10px;border:1px solid #e5e5e5;border-top:none;background:#fff;position:absolute;right:-1px;top:35px;display:none;} .topr li.with-menu ul li {display:block;float:none;height:35px;line-height:34px;border-top:1px dashed #eee;text-align:right;border-right:0;} .topr li.with-menu ul li a{display:block;float:none;padding:0 6px 0 0;} .topr li.with-menu ul li a:hover{background:#fafafa;} .topr li.with-menu ul li:first-child{border-top:0;} .header{padding:12px 0;display:flex;justify-content:space-between;align-items:center;} /* ------------------- * search * ------------------- */ /*.head-search{display:inline;float:left;padding:5px 0 0;}*/ .head-search .search-form{display:block;padding:0 0 10px;} /*.head-search .search-ipt{width:300px;height:38px;line-height:38px;border:1px solid #ccc;padding:0 10px;float:left;margin:0 -1px 0 0;color:#999;border-radius:3px 0 0 3px;}*/ .head-search .search-select{width:145px;display:inline;float:left;position:relative;margin:0 -1px 0 0;color:#999;} .head-search .search-select .select-value{display:block;height:38px;line-height:38px;padding:0 6px;border:1px solid #ccc;background-color:#fff;position:relative;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;} .head-search .search-select .select-value:hover{color:#999;} .head-search .search-select .select-value:after{content:"";display:block;width:9px;height:5px;background-position:0 0;position:absolute;right:12px;top:15px;opacity:0.6;filter:alpha(opacity=60);} .head-search .search-btn{width:50px;height:40px;line-height:40px;border:0;padding:0;cursor:pointer;background-color:#e52e04;font-size:14px;color:#fff;font-weight:bold;background-position:5px 0;border-radius:0 4px 4px 0;position:relative;} .head-search .search-btn:hover{background-color:#d52800;} .head-search .select-list{width:100%;background:#fff;display:none;position:absolute;left:0;top:38px;z-index:999;} .head-search .select-list ul{max-height:250px;overflow:hidden;overflow-y:auto;border:1px solid #ccc;background:#fff;} .head-search .select-list li,.head-search .select-list li a,.head-search .select-value a{color:#666;} .head-search .select-list li a{display:block;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;} .head-search .select-list li a:hover{background:#fafafa;text-decoration:none;cursor:default;} .head-search select{display:none;} .select-open .select-list{display:block;} /* ------------------- * login info * ------------------- */ .head-shopcart .ico-shopping-bag,.head-login-info .ico-user{display:inline-block;width:30px;height:30px;position:absolute;left:0;top:5px;} .head-shopcart .ico-shopping-bag,.head-login-info .ico-user{*display:inline;} .head-login-info {text-align:center;position:relative;} .head-login-info i{padding:0 6px;color:#eee;} .head-login-info span{display:block;} /* ------------------- * shopping cart * ------------------- */ .head-shopcart{position:relative;} .head-shopcart .shopcart-title{position:relative;padding-left:30px;text-align:center;} .head-shopcart .shopcart-title a{display:block;} .head-shopcart .shopcart-title em{display:block;} .head-shopcart .shopcart-title .goods-num{display:inline-block;min-width:1em;text-align:center;height:18px;line-height:18px;padding:0 8px;border-radius:8px;background:#e52e04;color:#fff;} .head-shopcart .shopcart-cont{display:none;width:440px;padding:20px;border:1px solid #e5e5e5;border-top:2px solid #a38a52;background-color:#fff;position:absolute;right:0;top:55px;} .head-shopcart .shopcart-cont:before{content:"";display:block;background:#a38a52;height:1px;position:absolute;left:-1px;right:-1px;top:-1px;} .head-shopcart .shopcart-cont:after{content:"";display:block;width:20px;height:11px;background-position:0 -165px;position:absolute;right:0px;top:-11px;} .head-shopcart .shopcart-cont h4{font-size:14px;font-weight:normal;text-transform:capitalize;padding:0 0 8px;} .head-shopcart .shopcart-foot{padding:20px 0 0;} .head-wrapper .btn-view-cart,.head-wrapper .btn-check{display:inline-block;height:32px;line-height:32px;width:45%;text-align:center;font-weight:bold;border-radius:3px;} .head-wrapper .btn-view-cart{background-color:#e52e04;color:#fff;} .head-wrapper .btn-view-cart:hover{background-color:#a38a52;text-decoration:none;color:#fff;} .head-wrapper .btn-check{background:#333;color:#fff;float:right;} .head-wrapper .btn-check:hover{text-decoration:none;} .head-cartlist{padding:5px 0 0;line-height:1.3em;} .head-cartlist dl,.head-cartlist dl a{color:#888;} .head-cartlist dl dt,.head-cartlist dl dd{float:left;} .head-cartlist dl dt{width:240px;padding:0 10px 0 0;font-size:12px;} .head-cartlist dl dd.num{width:40px;} .head-cartlist dl dd.price{width:75px;text-align:right;} .head-shopcart-show .shopcart-cont{display:block;} /* ------------------- * navigation * ------------------- */ .nav-bar{position: relative;flex: 1;} .nav-bar .nav{display:flex;align-items:center;justify-content:center;} .nav-bar .nav-wrap a:hover{text-decoration:none;} .nav-bar .nav-wrap{position:relative;margin-top:-1px;} .nav-bar .nav li{position:relative;} .nav-bar .nav li a{padding:0 26px;font-size:18px;color:#000;} .nav-bar .nav > li > a.hover{background:#a38a52;color:#fff;} .nav-bar .nav li:last-child a:after{display:none;} .nav-bar .nav li ul{width:232px;padding:10px 0;background:#f2f2f2;border:1px solid #aaa;border-top:0;border-bottom:3px solid #a38a52;position:absolute;left:-1px;display:none;font-weight:normal;z-index: 9999;} .nav-bar .nav li ul li{display: block;width:100%;font-size:12px;padding: 1px 0;float: none;position: relative;} .nav-bar .nav li ul li a{display:block;padding:0 0 0 32px;position:relative;color:#333;float: none;line-height: 2.5;font-size:14px;} .nav-bar .nav li ul li a:before{content:"";display:block;width:3px;height:3px;position:absolute;left:20px;top:50%;margin-top:-1px;background:#666;} .nav-bar .nav li ul li a:after{display:none;} .nav-bar .nav li ul li.li-hover{background-color: #fafafa;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 0;} .nav-bar .nav li ul li.li-hover b.menu-btn{display: none;} .nav-bar .nav > li > ul >li.li-hover:before,.nav-bar .nav > li > ul >li.li-hover:after{content:'';display: block;width: 2px;height: 100%;background-color: #fafafa;position: absolute; top: 0;z-index: 999;} .nav-bar .nav > li > ul >li.li-hover:before{left: 0; background-color: #a38a52;height: auto;top: -1px;bottom: -1px;} .nav-bar .nav > li > ul >li.li-hover:after{right: -1px;z-index: 10000;} .nav-bar .nav li ul ul{display:block;position: absolute;left:232px;top:-1px;clear:both;border:0;padding:10px 0;border:1px solid #ccc;background-color: #fafafa;} .nav-bar .nav li ul ul li{float:none;} .nav-bar .nav li ul li li a{display:block;clear:both;float:none;padding-left: 15px;} .nav-bar .nav li ul li li a:before{content:"";display:none;} .nav-bar .nav li ul li b.menu-btn{position:absolute;right:10px;top:2px;color:#666;font-size:14px;width:16px;height:16px;background-position:-78px -15px;display:inline-block;float:right;line-height:14px;cursor:pointer;font-size:16px;filter:alpha(opacity=50);opacity:0.5;} .nav-bar .nav li ul li.show-sub-menu b.menu-btn{background-position:-97px -15px;} .nav-bar .nav li ul li b.menu-btn:hover{color:#000;filter:alpha(opacity=100);opacity:1;} .nav-bar .nav li ul li ul{display:none;} .nav-bar .nav li ul li a:hover:before{background:#a38a52;} .nav-bar .cate-menu,.nav-bar .cate-menu a{color:#666;} .nav-bar .cate-menu a:hover{color:#000;} .nav-bar .cate-nav{display:inline;float:left;} .nav-bar .cate-nav-btn{width:225px;padding:0 0 0 15px;float:left;background:#a38a52;text-transform:uppercase;font-weight:bold;position:relative;} .nav-bar .cate-nav-btn,.nav-bar .cate-nav-btn a{color:#fff;} .nav-bar .cate-nav-btn:before{content:'';display: block;width: 1px;height: 100%;background-color: #d94c52;position: absolute;right: 0;top: 0;border-left: 1px solid #b30c14;} .cate-menu{width:238px;min-height:372px;background:#fff;border:1px solid #ddd;border-top:0;padding:10px 0;position:absolute;left:0;top:42px;font-size:13px;line-height:1.8em;} .cate-menu li a{display:block;padding:2px 0 2px 14px;position:relative;} .cate-menu li a.hover{border:1px solid #aaa;border-right:0;padding:1px 0 1px 13px;position:relative;z-index:9999;} .cate-menu li a.hover:before{content:"";display:block;width:2px;height:100%;background:#fff;position:absolute;right:-2px;top:0;} .cate-menu li a span{color:#ccc;padding:0 0 0 10px;} .cate-menu ul.sub-menu{display: none;} .cate-menu ul.cate-pop{width:810px;*height:371px;*overflow:visible;background:#fff;border:1px solid #999;padding:10px 5px 10px 25px;position:absolute;left:238px;margin-top:-27px;font-size:12px;display:none;} .cate-menu ul li {width:31.3%;/*height:144px;*/overflow:hidden;margin-right:2%;float:left;font-weight:bold;padding:10px 0;border-top:1px solid #eee;} .cate-menu ul li a{padding:0;position:relative;} .cate-menu ul li a.hover{border:0;} .cate-menu ul li ul{display:block;} .cate-menu ul li ul li{height:24px;line-height:24px;overflow:hidden;float:none;width:100%;font-weight:normal;padding:0;border:0;} .cate-menu ul li.cleft{clear:left;} .cate-menu ul li li{height:26px;} .nav-bar .cate-menu > li > ul > li > a{color:#333;} .cate-menu ul li:nth-child(1),.cate-menu ul li:nth-child(2),.cate-menu ul li:nth-child(3){border:0;} .cate-menu ul li li.hide-line{border:0;} .cate-menu li a.with-ul-tit:after{display:block;content:"";width:5px;height:11px;background-position:-102px 0;position:absolute;right:15px;top:50%;margin-top:-6px;} .cate-menu li.li-hover ul{display:block;} .cate-menu li.li-hover a.with-ul-tit:after{display:none;} .menu-hover{z-index: 9999;} .hide-cate .cate-menu{display:none;} .hide-cate .cate-nav-btn:after{content:"";display:block;width:11px;height:6px;background-position:-81px 0;position:absolute;right:20px;top:18px;} .show-cate .cate-nav-btn:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);} .cate-menu li.with-menu.hover a:after{background-position:-80px 0;} /* =================================================== * footer * --------------------------------------------------- */ /* go to top */ .gotop{display:block;width:55px;height:50px;background-color:#dfdfdf;background-position:-96px -40px;position:fixed;right:20px;bottom:40px;z-index:9999;cursor:pointer;text-indent:-9999em;overflow:hidden; box-shadow:1px 1px rgba(0,0,0,0.15);opacity:0;-moz-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;} .gotop:hover{background-color:#333;-moz-transform:translateY(-6px);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px);background-color:#333;} .gotop-show{visibility:visible;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;} .head-cartlist dl dd.thum_img img {width:45px;margin-top:2px;} /* ------------------- * foot-type-1 * ------------------- */ .foot-type-1{background:#fff;} .social-bar{border-bottom:1px solid #dadada;} .social-bar .social-layout{position:relative;padding:15px 0;} .foot-social{display:inline;float:left;} .foot-social h4,.foot-social ul,.foot-social li{display:inline;float:left;} .foot-social h4{font-size:14px;padding:0 10px 0 0;line-height:40px;;} .subscribe{display:inline;float:right;padding:3px 0 0;width:520px;} .subscribe h4,.subscribe-form,.subscribe-form p,.subscribe-ipt,.subscribe-btn{display:inline;float:left;line-height:34px;} .subscribe h4{padding:0 12px 0 0;line-height:40px;font-size:14px;} .foot-social ul,.foot-social li{float:left;} .foot-social li{ margin:0 10px 0 0;} .foot-social li a,.foot-social li img{border-radius:50%;} .foot-social li a{} .foot-social li a:hover{opacity:0.8;} .subscribe .subscribe-form{padding:3px 0 0;} .subscribe .subscribe-ipt{width:170px;height:22px;line-height:22px;padding:5px;border:1px solid #dadada;margin:0 8px 0 0;color:#ccc;} .subscribe .subscribe-btn{padding:0 10px;height:34px;line-height:34px;border-radius:3px;background:#a38a52;border:0;color:#fff;font-weight:bold;} .subscribe .subscribe-btn:hover{opacity: 0.9;filter: alpha(opacity=90);} .bottom-service{padding:25px 0;line-height:2.2em;border-bottom:1px solid #dadada;} .service-items{width:640px;display:inline;float:left;} .service-items .service-item{width:25%;float:left;} .service-items .service-item h4{font-size:14px;padding:0 0 5px;} .service-items .service-item li,.service-items .service-item li a{color:#666;} .service-items .service-item li a{display:inline-block;padding:0 0 0 12px;background:url(img/li_ico_1.png) 0 8px no-repeat;} .service-items .service-item li a:hover{color:#000;} .service-items .service-item li a{*display:inline;} .blog-widget{width:400px;display:inline;float:right;position:relative;} .blog-widget h4{font-size:14px;padding:0 0 5px;} .blog-widget .foot-blog-item{float:left;} .blog-widget .foot-blog-item .blog-title{font-size:12px;padding:0 0 0 12px;background:url(img/li_ico_1.png) 0 8px no-repeat;} .blog-widget .foot-blog-item .blog-cont{padding:5px 0 0;line-height:18px;} .blog-widget .foot-blog-item .blog-cont img{float:left;border:1px solid #dadada;margin:0 10px 0 0;width:85px;} .blog-widget .foot-blog-item .blog-cont p,.blog-widget .foot-blog-item .blog-cont p a{color:#999;} .blog-widget .foot-blog-item .blog-cont p a.more{font-weight:bold;color:#c20000;} .blog-widget .owl-nav{display:inline;position:absolute;right:0;top:0;} .blog-widget .owl-prev,.blog-widget .owl-next{float:left;display:block;width:16px;height:16px;text-indent:-9999em;overflow:hidden;cursor:pointer;} .blog-widget .owl-prev{background-position:-217px -83px;} .blog-widget .owl-next{background-position:-234px -83px;margin:0 0 0 5px;} .blog-widget .owl-prev:hover,.blog-widget .owl-next:hover{background-color:#a38a52;} .blog-widget .owl-prev:hover{background-position:-217px -63px;} .blog-widget .owl-next:hover{background-position:-234px -63px;} .footer{text-align:center;padding:20px 0 30px;} .footer .foot-img{padding:0 0 15px;} .foot-nav li{display:inline-block;} .foot-nav li a{padding:0 12px;} .foot-nav li:after{content:"|";} .foot-nav li:last-child:after{content:"";display:none;} /* online service (Time:2015) ----------------------------- */ .online-service .trigger-btn,.online-service .service-menu li b,.online-service .ico-close{background-image:url(img/theme-sprites.png);background-repeat:no-repeat;background-color:transparent;} .online-service{display:inline;position:fixed;position:absolute;right:0;top:150px;z-index:9999;} .online-service .trigger-btn{display:block;width:38px;height:192px;background-position:-32px -170px;position:absolute;right:0;top:0;cursor:pointer;border-radius:8px 0 0 8px;} .online-service .service-pop{width:120px;border:1px solid #dfdfdf;position:absolute;right:-300px;top:0;background-color:#fff;border-radius:5px;overflow:hidden;z-index:10000;} .online-service .service-pop,.online-service .service-pop a{color:#999;} .online-service .service-pop .service-img{border-bottom:1px solid #dfdfdf;} .online-service .service-pop .service-img img{display:block;width:100%;height:auto;} .online-service .service-menu li{border-bottom:1px solid #dfdfdf;} .online-service .service-menu li a{display:block;padding:7px 7px 7px 40px;position:relative;} .online-service .service-menu li a:hover{background-color:#f5f5f5;} .online-service .service-menu li b.ico-email,.online-service .service-menu li b.ico-skype,.online-service .service-menu li b.ico-inquiry{display:block;width:26px;height:25px;position:absolute;left:10px;top:5px;} .online-service .service-menu li b.ico-email{background-position:0 -172px;} .online-service .service-menu li b.ico-skype{background-position:0 -198px;} .online-service .service-menu li b.ico-inquiry{background-position:0 -224px;} .online-service .qrcode{display:block;padding:8px 0;text-align:center;border-bottom:1px solid #ddd;} .online-service .qrcode img{width:110px;max-width:100%;} .online-service .pop-foot{padding:5px 10px;position:relative;} .online-service .ico-close{display:block;width:22px;height:22px;background-position:-2px -252px;position:absolute;right:5px;bottom:5px;border-radius:3px;} .online-service .ico-close:hover{background-position:-2px -275px;background-color:#333;} .show-service-pop .trigger-btn{right:-50px;} .show-service-pop .service-pop{right:10px;} /* =================================================== * homepage * --------------------------------------------------- */ .index-wrapper {background:#eee;} /* transition */ .slide-banners .owl-prev,.slide-banners .owl-next,.product-item .discount,.pd-img .add-cart,.product-item .img-hover{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} /* ------------------- * product pic for public * ------------------- */ .pd-img,.pd-img figure.img-hover,.pd-img a{display:block;display:table-cell;width:175px;height:230px;text-align:center;vertical-align:middle;} @media screen and (max-width:641px){.pd-img,.pd-img figure.img-hover,.pd-img a{display:block!important;}} .pd-img{display:block;margin:0 auto;position:relative;overflow:hidden;} .pd-img img{max-width:175px;max-height:230px;vertical-align:middle;} .pd-img figure.img-hover{display:table-cell;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);background:#fff;} .pd-img figure.img-hover span{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;position:relative;left:0;top:0;bottom:0;} .pd-img:hover figure.img-hover{opacity:1;filter:alpha(opacity=100);} .pd-img .add-cart{background:#f56058;background:rgba(245,96,88,0.8);height:40px!important;line-height:40px!important;text-transform:uppercase;color:#fff;text-align:center;position:absolute;left:0;bottom:-40px;width:100%;font-size:16px;filter:alpha(opacity=0);opacity:0;} .pd-img .add-cart:hover{background:rgba(245,96,88,1);} .pd-img:hover .add-cart{filter:alpha(opacity=60);opacity:1;bottom:0;} .product-item{width:175px;text-align:left;float:left; padding:0 16px;} .product-item .pd-img,.product-item .pd-img figure.img-hover,.product-item .pd-img a{display:block;display:table-cell;width:175px;height:230px;text-align:center;vertical-align:middle;} .product-item .pd-img{display:block;margin:0 auto;position:relative;overflow:hidden;} .product-item .pd-img img{max-width:175px;max-height:230px;vertical-align:middle; _width:175px; _height:230px;} .product-item .pd-img figure.img-hover{display:table-cell;position:absolute;left:0;top:0;opacity:0;filter:alpha(opacity=0);background:#fff;} .product-item .pd-img figure.img-hover span{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;position:relative;left:0;top:0;bottom:0;} .product-item .pd-img:hover figure.img-hover{opacity:1;filter:alpha(opacity=100);} .product-item .pd-info{display:block;padding:10px 0 0;} .product-item .pd-name{display:block;height:36px;line-height:18px;overflow:hidden;font-size:12px;font-weight:normal;} .product-item .pd-name a{display:block;} .product-item .pd-price,.product-item .pd-review{color:#666;} .product-item .pd-price{padding:5px 0 0;} .product-item .pd-price del{padding:0 5px 0 0;} .product-item .pd-price b{color:#eb3841;} .product-item .pd-review{position:relative;z-index:888;} .product-item .pd-review img{vertical-align:middle;padding:0 3px 0 0;} .product-item .pd-review *{vertical-align:middle;} .product-item .discount,.goods-related .discount,.rcmd-pd-item .discount{text-align:center;line-height:18px;color:#fff;filter:alpha(opacity=0);opacity:0;-moz-transform:scale(0.3);-webkit-transform:scale(0.3);-ms-transform:scale(0.3);-o-transform:scale(0.3);transform:scale(0.3);} .product-item .discount,.product-item span.discount,.goods-related .current-goods .discount,.rcmd-pd-item .discount{display:block;width:46px;height:32px;line-height:16px;padding:10px 3px;background:#e52e04;background:rgba(229,46,4,0.9);border-radius:50%;position:absolute;right:5px;top:5px;z-index:9999;} .product-item .discount em,.goods-related .discount em,.rcmd-pd-item .discount em{display:block;} .product-item:hover .discount,.goods-may-like .product-item:hover .discount,.rcmd-pd-item:hover .discount{filter:alpha(opacity=100);opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .product-item:hover .pd-img .img-hover,.product-item:hover .pd-img .img-hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;} .product-item .discount,.product-item .discount a,.goods-related .current-goods .discount,.goods-related .current-goods .discount a,.rcmd-pd-item .discount,.rcmd-pd-item .discount a{color:#fff;} /* ------------------- * slide banner * ------------------- */ .owl-carousel{position:relative;display:none;z-index:1;} .owl-loaded{display:block;} .owl-carousel .owl-item{float:left;min-height:1px;position:relative;overflow:hidden;} .owl-carousel .owl-stage-outer{width:100%;overflow:hidden;position:relative;-webkit-transform:translate3d(0px,0,0);} .owl-carousel .owl-controls{height:0;overflow:visible;} .owl-stage{position:relative;} .slide-banners-wrap{width:840px;height:390px;margin:-20px 0 25px 240px;position:relative;overflow:hidden;float:left;display:inline;} .slide-banners .slide-item{position:relative;overflow:hidden;display:none;} .slide-banners .slide-item img{width:100%;height:auto;} .slide-banners .slide-item .banner-img{width:4000px;position:relative;overflow:hidden;text-align:center;} .slide-banners .slide-item .banner-img img{width:auto;} .slide-banners .slide-item b{display:block;width:2em;height:2em;border-radius:50%;line-height:2em;text-align:center;color:#fff;background:#ff9600;position:absolute;right:2px;top:2px;font-weight:normal;font-family:Arial;} .slide-banners .owl-dots{display:block;width:100%;position:absolute;left:0;bottom:5px;bottom:10px\9;z-index:999;text-align:center;} .slide-banners .owl-dots .owl-dot{display:inline-block;width:8px;height:8px;background:#fff;background:rgba(255,255,255,0.5);-webkit-box-shadow:0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:50%;margin:0 8px 0 0;} .slide-banners .owl-dots .active{background:#ed3445;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 1px rgba(0,0,0,0.2);} .slide-banners .owl-prev,.slide-banners .owl-next{ display:block; width:40px; height:60px; background-color:#000; background-color:rgba(0,0,0,0.2); position:absolute; top:50%; margin-top:-40px; text-indent:-9999em; overflow:hidden;filter:alpha(opacity=10)\0; opacity:0.8; cursor:pointer;} .slide-banners .owl-prev{left:0; background-position:-183px -298px; left:-40px; } .slide-banners .owl-next{right:0; background-position:-230px -298px; right:-40px;} .slide-banners:hover .owl-prev,.slide-banners:hover .owl-next{filter:alpha(opacity=60)\0; background-color:rgba(0,0,0,0.6);} .slide-banners:hover .owl-prev{left:0;} .slide-banners:hover .owl-next{right:0;} .slide-banners .owl-prev:hover,.slide-banners .owl-next:hover{ background-color:rgba(0,0,0,1);} .owl-loaded .slide-item{display:block!important;} /* title bar */ .index-tit-bar{height:30px;line-height:30px;padding:8px 15px;border-bottom:1px solid #eee;margin:0 auto 10px;} .index-tit-bar .title {display:inline;float:left;font-size:18px;font-weight:normal;} .index-tit-bar .title em{color:#e53003;} /* ------------------- * products * ------------------- */ .slide-products .owl-prev{display:block;width:30px;height:30px;} .slide-products .owl-nav{display:inline;position:absolute;right:8px;top:-50px;} .slide-products .owl-prev,.slide-products .owl-next{display:block;width:30px;height:30px;background-image:url(img/slide_small_btns.png);background-repeat:no-repeat;background-color:#ccc;text-indent:-9999em;overflow:hidden;float:left;cursor:pointer;-webkit-box-shadow:1px 1px rgba(0,0,0,0.3); box-shadow:1px 1px rgba(0,0,0,0.3);} .slide-products .owl-prev:hover,.slide-products .owl-next:hover{background-color:#000;} .slide-products .owl-prev{background-position:11px 10px;margin:0 10px 0 0;} .slide-products .owl-next{background-position:-41px 10px;} .index-products{position:relative;overflow:hidden;margin:0 auto 25px;border-top:2px solid #e52e04;background:#fff;padding:0 0 15px;} .index-products .product-item{height:315px;padding:8px 20px 0;} .slide-products .product-items{width: auto;padding:0 25px;/* display:none; */} .slide-products .product-item{padding:12px 0 0 0;} .slide-products .owl-loaded{display:block;} /* ------------------- * banners * ------------------- */ .banner-section{margin:0 auto 25px;} .bn683,.bn683 img{width:683px;height:238px;} .bn377,.bn377 img{width:377px;height:238px;} .bn1080 img{width:100%;} /* =================================================== * for subppage * --------------------------------------------------- */ /* ------------------- * promote * ------------------- */ .promote-bar{height:36px;border:1px solid #dadada;background:#fff;line-height:36px;margin:-10px auto 10px;} .promote-bar ul{width:100%;display:table;} .promote-bar li{display:table-cell;font-size:14px;line-height:38px;border-right:1px dotted #ccc;text-align:center;*margin:0 -1px 0 0;} .promote-bar li a:hover{text-decoration:none;} .promote-bar li em{color:#c00;} .promote-bar li p{display:inline-block;padding-left:60px;background-image:url(img/sub-bar-icos.png);background-repeat:no-repeat;background-color:transparent;} .promote-bar li:last-child{border-right:0;padding-right:0;} .promote-bar li.last{border-right:0;} .promote-bar li.txt-1 p{background-position:0 2px;padding:0 0 0 45px;} .promote-bar li.txt-2 p{background-position:0 -34px;} .promote-bar li.txt-3 p{background-position:0 -83px;} .promote-bar li.txt-4 p{background-position:0 -130px;padding:0 0 0 40px;display:none;} .promote-bar li.txt-4 span.time-coming{color:#eee;} .promote-bar li{*float:left;} .promote-bar li.txt-1{*width:19%;} .promote-bar li.txt-2{*width:36%;} .promote-bar li.txt-3{*width:25%;} .promote-bar li.txt-4{*width:19%;min-width:19%;border:0;} .promote-bar li .next-time{color:#ccc;} /* ------------------- * path * ------------------- */ .path-bar{height:32px;margin:0 auto 15px;} .path-bar .path-nav{display:inline;float:left;line-height:30px;} .path-bar .path-nav li{position:relative;background:#fff;} .path-bar .path-nav li,.path-bar .path-nav li a{float:left;} .path-bar .path-nav li a{padding:0 15px 0 20px;height:30px;border:1px solid #dadada;margin:0 -1px 0 0;} .path-bar .path-nav li a:hover,.path-bar .path-nav li.current a{background-color:#333;border-color:#333;color:#fff;text-decoration:none;} .path-bar .path-nav li .current{background:#333;border-color:#333;} .path-bar .path-nav li .ico-home{padding:0 12px;} .path-bar .path-nav li .ico-home b{display:block;width:15px;height:20px;background-position:-283px -358px;position:relative;top:4px;} .path-bar .path-nav li .ico-home:hover b{background-position:-283px -380px;} .path-bar .path-nav li a:before,.path-bar .path-nav li a:after{content:"";width:0;height:0;border-width:16px 10px;border-style:dashed dashed dashed solid;position:absolute;right:-21px;top:0;z-index:11;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .path-bar .path-nav li a:before{border-color:transparent transparent transparent #dadada;} .path-bar .path-nav li a:after{border-color:transparent transparent transparent #fff;right:-20px;} .path-bar .path-nav li a:hover:before,.path-bar .path-nav li.current a:before{border-color:transparent transparent transparent #fff;} .path-bar .path-nav li a:hover:after,.path-bar .path-nav li.current a:after{border-color:transparent transparent transparent #333;} .path-bar .path-nav li.current{font-weight:bold;} .path-bar .path-nav li a:hover{background:#333;border-color:#333;} .path-bar .path-nav li a:hover,.path-bar .path-nav li a:hover{color:#fff;} /* ------------------- * aside * ------------------- */ aside {position: sticky;top: 15px; float: left; width: 370px;background-color: #fdfbf6; border-radius: 0px 50px 0px 0px; padding: 35px 70px 50px 35px;} aside::before{ content: ''; display: block; position: absolute; left: -9px; top: -9px; width: 152px; height: 177px; border-left: 9px solid #a38a52; border-top: 9px solid #a38a52; border-right: 24px solid transparent; border-bottom: 36px solid transparent; box-sizing: border-box; } .side-tit-bar { position: relative; } .side-tit-bar .side-tit { position: relative; font-family: Poppins-Medium; font-size: 26px; line-height: 1; font-weight: normal; color: #a38a52;} .side-widget { position: relative; overflow: hidden;} .side-widget+.side-widget { padding-top: 20px; } .side-cate { overflow: hidden; padding-top: 78px} .side-cate li { position: relative; margin-bottom: 1px; font-size: 18px; font-family: Poppins-Medium;} .side-cate li a { position: relative; display: block; } .side-cate ul { overflow: visible !important;} .side-cate li a { -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; color:#666;} .side-cate li ul { padding-top: 8px; padding-bottom: 8px; } .side-cate li li { font-size: 14px; } .side-cate>li+li {margin-top:43px;} .side-cate>li { border-bottom: 1px solid #dcdcdc; } .side-cate li li a {padding-top: 3px; padding-bottom: 3px; background: none; color: #425664; } .side-cate li li li { font-size: 12px; } .side-cate li a:hover, .side-cate li.active>a { color: #a38a52; } .side-cate li a:hover:before, .side-cate li.active>a:before { background-color: #a38a52; } .side-cate li .icon-cate { position: absolute; top: 0; right: 0; display: inline-block; overflow: hidden; width: auto; height: 40px; border-radius: 0%; color: #616265; text-align: center; font-size: 10px; line-height: 40px; cursor: pointer; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .side-cate li .icon-cate:before { padding-right: 1px; padding-left: 1px; } .side-cate li .icon-cate.icon-cate-down:before { content: '\f054'; font-family:"fontawesome"; } .side-cate li .icon-cate.icon-cate-up:before { content: '\f054';font-family:"fontawesome"; } .side-cate li .icon-cate.icon-cate-up { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); } .side-widget .cate-type-list>li { font-size: 14px; line-height: 30px; } .side-widget .cate-type-list>li>a { margin-right: 0;font-size:18px;padding-bottom:5px;} .side-cate li.has-child>a { padding-right: 40px; line-height: 43px; } .side-cate li.nav-current>.icon-cate { color: #303030; } .side-cate>li.nav-current>a, .side-cate>li.nav-current>.icon-cate { color: #303030; } .side-cate li li.nav-current>a { color: #303030; } /* =================================================== * product list * --------------------------------------------------- */ .product-list-main{ padding-top: 125px; position: relative; } .main{width:calc(100% - 370px);float:right;padding:0 0 30px;} .main-wrap{padding:20px 20px 0;border:1px solid #dadada;border-top:2px solid #333;border-bottom-color:#d2d2d2;background-color:#fff;} .main-banner{margin:0 auto 10px;} .main-banner img{margin:0 0 6px 0;} .main-banner .slide-banners{width:880px;height:auto;margin:0 auto 10px;float:none;} .main-banner .slide-banners .owl-dots{bottom:5px;bottom:10px\9;} .main-banner .slide-banners .owl-dots .owl-dot{width:10px;height:10px;} .goods-summary{color:#666;font-size:12px;font-weight:normal;line-height:1.6em; padding:10px 0;} /* sort by */ .sort-by{ padding:20px 0;} .sort-by ul li{padding:0 8px 0 0;} .sort-by ul li a{line-height:25px;padding:0 18px 0 12px;border:1px solid #ddd;float:left;position:relative;margin:0 10px 0 0;border-radius:4px;background-color:#fff;} .sort-by ul li a:hover{text-decoration:none;color:#333;border-color:#ed532f;} .sort-by ul li.selected a{border-color:#ed532f;} .sort-by ul li .arrow-down,.sort-by ul li .arrow-up{display:block;width:9px;height:5px;position:absolute;right:6px;top:10px;} .sort-by ul li .arrow-down{background-position:-100px -96px;} .sort-by ul li.selected .arrow-down{background-position:-109px -96px;} .sort-by ul li .arrow-up{background-position:-118px -96px;} .sort-by ul li.selected .arrow-up{background-position:-127px -96px;} /* page */ .pager{padding:30px 0;text-align:center; border-top:1px solid #eee; margin:0 -20px;} .pager a,.pager span{display:inline-block;height:34px;line-height:34px;padding:0 12px;font-size:14px;margin:0 5px;border-radius:5px; border:1px solid #ddd;vertical-align:middle; background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:-moz-linear-gradient(top, #fff, #eee); background-image:linear-gradient(top,#fff,#eee);box-shadow:0 0 2px rgba(0,0,0,0.15);} .pager a.current,.pager span.current,.pager a:hover{background:#000;color:#fff;border-color:#000;} .pager span.dots{border:0;background:none;box-shadow:none;margin:0;padding:0 8px;} .page-bar{padding:20px 0;} /* title */ .main-tit-bar{padding:5px 0 8px;border-bottom:2px solid #000;margin:0 0 -2px;position:relative;} .main-tit-bar .title{display:inline;float:left;font-size:18px;font-weight:normal;} .main-tit-bar .share-this{display:inline;float:right;padding:6px 0 0;} /* list */ .product-list{width:100%;position:relative;overflow:hidden;} .product-list .product-items{width:108%;} .product-list .product-item{padding:0 40px 0 0;height:330px;} /* =================================================== * product detail * --------------------------------------------------- */ .detail-wrap{background:#fff;padding:15px;border:1px solid #e8e8e8;margin:0 auto 30px;} .product-intro{width:100%;position:relative;padding:73px 0 30px;} /* ------------------- * product photos * ------------------- */ .product-view{width:422px;float:left;position:relative;z-index:3333;padding:0 0 10px;background:#fff;} .product-view .text-tips{clear:both;color:#666;padding:15px 0;line-height:1.5em;} .product-view .product-img{display:block;width:420px;text-align:center;border:1px solid #eee;overflow:hidden;margin:0 auto 20px;cursor:pointer;} .product-view .product-img img{width:100%;height:auto;position:relative;} .product-view .share-bar{display:block;padding:15px 0 0;} .product-view .share-this{display:inline;float:right;padding:0 0 0 20px;} .product-intro .product-view .add-to-wishlist{height:20px;line-height:20px;padding-right:0;border:0;text-transform:inherit;float:right;margin-top:3px;background-position:-277px -101px;padding-left:26px;font-size:14px;color:#333;} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;} .small-img-scroll{position:relative;overflow:hidden;margin:0 auto;} .small-img-scroll li{margin:0 5px;display:inline;} .small-img-scroll li.disabled{display:block;} .small-img-wrap{padding:0 15px;position:relative;} .small-img-wrap .small-img-slide{padding:0 30px;width:auto;} .small-img-wrap .small-img-item{display:block;display:table-cell;width:65px;height:65px;vertical-align:middle;text-align:center;margin:0 auto;cursor:pointer;border-width:2px;border-style:solid;border-color:transparent;overflow:hidden;} .small-img-wrap .small-img-item img{vertical-align:middle;*height:65px;width:auto;max-width:65px;max-height:65px;} .small-img-wrap .current .small-img-item{border-color:#ed532f;} .small-img-wrap .small-btn-prev,.small-img-wrap .small-btn-next{display:block;width:14px;position:absolute;top:0;bottom:0;text-indent:-9999em;overflow:hidden;background-image:url(img/img_scroll_btns.png);background-repeat:no-repeat;background-color:transparent;cursor:pointer;} .small-img-wrap .small-btn-prev:hover,.small-img-wrap .small-btn-next:hover{border-radius:3px;} .small-img-wrap .small-btn-prev{background-position:0 center;left:0;} .small-img-wrap .small-btn-next{background-position:right center;right:0;} .small-img-wrap .small-btn-prev.disabled:hover,.small-img-wrap .small-btn-next.disabled:hover,.small-img-wrap a.disabled{background-color:transparent;cursor:default;filter:alpha(opacity=20);opacity:0.2;} .product-view .product-img{position:relative;} .product-view .img-loading{ display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#fff url(img/loading.gif) center center no-repeat;z-index:333;} /* ------------------- * photo gallery * ------------------- */ .container{position:relative;} .photos-gallery{width:800px;border:1px solid rgba(0,0,0,.5);border-radius:1px;overflow:hidden;background:#fff;z-index:999999;display:none;} .photos-gallery .close-gallery{display:block;width:25px;height:25px;background:url(img/close_pop.png) center center no-repeat;position:absolute;right:10px;top:10px;filter:alpha(opacity=50);opacity:0.5;cursor:pointer;} .photos-gallery .close-gallery:hover{opacity:1;} .photos-gallery .gallery-main{overflow:hidden;position:relative;background:#eee;} .photos-gallery .gallery-photo{float:left;width:490px;padding:15px 50px 1000px;margin-bottom:-970px;position:relative;background:#fff;} .photos-gallery .gallery-photo img{width:100%;height:auto;} .gallery-small-imgs{width:200px;float:right;padding:15px 5px 15px 5px;} .gallery-small-imgs li{float:left;width:54px;text-align:center;padding:5px 6px;} .gallery-small-imgs li a{display:block;margin:0 auto;display:table-cell;width:50px;height:50px;vertical-align:middle;overflow:hidden;border-width:2px;border-style:solid;border-color:transparent;} .gallery-small-imgs li a:hover,.gallery-small-imgs li.current a{border-color:#ed532f;} .gallery-small-imgs li a:hover{padding:1px;border-width:1px;background:#fff;} .gallery-small-imgs li.current a:hover{padding:0;border-width:2px;} .gallery-small-imgs li.disabled{display:block;} .gallery-small-imgs li img{*height:50px;*width:auto;max-width:50px;max-height:50px;} .gallery-body-mask{display:none;width:100%;height:100%;background:#000;filter:alpha(opacity=40);opacity:0.4;position:absolute;left:0;top:0;z-index:99999;} .photos-gallery .gallery-photo-title{padding:8px 20px;border-bottom:1px solid #eee;color:#333;font-size:14px;} .photos-gallery .photo-box{position:relative;background:url(img/loading.gif) center center no-repeat;} .photos-gallery .photo-prev,.photos-gallery .photo-next{position:absolute;top:50%;margin-top:-20px;display:block;width:22px;height:40px;background-image:url(img/gallery_btns.png);background-repeat:no-repeat;background-color:transparent;text-indent:-9999em;overflow:hidden;border-radius:3px;cursor:pointer;} .photos-gallery .photo-prev:hover,.photos-gallery .photo-next:hover{background-color:#999;} .photos-gallery .photo-prev{background-position:4px 5px;left:-40px;} .photos-gallery .photo-next{background-position:-14px 5px;right:-40px;} .photos-gallery .photo-prev:hover{background-position:4px -30px;} .photos-gallery .photo-next:hover{background-position:-14px -30px;} /* Product Shop ----------------------------- */ .product-shop{background:#fff;padding:10px 0;margin:0 auto 10px;} .product-shop dl{padding:0 0 10px;position:relative;} .product-shop dl dt{width:135px;float:left;font-weight:bold;margin-top:3px;} .product-shop dl dt i{color:#f00;padding:0 5px 0 0;font-size:14px;vertical-align:middle;} .product-shop dl dd{width:460px;float:right;} .product-shop dl dd .text-area{width:345px;padding:4px;height:60px;border:1px solid #dfdfdf;overflow:hidden;resize:none;} .product-shop dl dd .form-input{width:343px;height:25px;line-height:25px;border:1px solid #ddd;padding:0 5px;} .product-shop .shipping-info{text-align:right;} .product-shop .custom-form dl dt{color:#666;} .self-color,.custom-form{display:none;} .color-img-pop{padding:0 0 8px;position:relative;margin-top:-4px;} .select-box{width:355px;position:relative;} .select-box a:hover{text-decoration:none;} .select-box .select-value{display:block;padding:0 5px;height:28px;line-height:28px;border:1px solid #dfdfdf;position:relative;color:#999;cursor: default;} .select-box .select-value:after{content:"";display:block;width:21px;height:17px;position:absolute;right:4px;top:5px;background-position:-98px -100px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:0.3;border-left:1px solid #aaa; background-image:url(img/theme-sprites.png); background-repeat:no-repeat;} .select-box:hover .select-value:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);opacity:0.8;} .select-box .select-list{width:100%;background:#fff;display:none;position:absolute;left:0;top:26px;z-index:999;} .select-box .select-list ul{max-height:250px;overflow:hidden;overflow-y:auto;border:1px solid #ddd;background:#fff;} .select-box .select-list li,.select-box .select-list li a,.select-box .select-value a{color:#666;} .select-box .select-list li a{display:block;height:25px;line-height:25px;overflow:hidden;padding:0 10px;} .select-box .select-list li a:hover{background:#eee;text-decoration:none;cursor:default;} .select-box select{display:none;} .select-open .select-list{display:block;} .choose-color .color-list,.product-summary .size-list{position:relative;bottom:-3px;} .choose-color .color-list li{float:left;margin:0 8px 5px 0;position:relative;line-height:12px;} .choose-color .color-list li label{display:inline-block;} .choose-color .color-list li .color-small-img{display:inline-block;position:relative;} .choose-color .color-list li img{float:left;position:relative;} .choose-color .color-list li input{position:absolute;left:-9999em;top:0;} .choose-color .color-list li .color-small-img img{height:20px;} .choose-color .color-list li .color-small-img{display:inline-block;position:relative;} .choose-color .color-list li.checked .color-small-img img{_border:1px solid #f00;} .choose-color .color-list li.checked .ico-tick{display:block;width:11px;height:11px;position:absolute;right:-5px;top:-2px;background-position:-60px -153px;background-image:url(img/theme-sprites.png);background-repeat:no-repeat;} .choose-color .color-list .radio-custom-set .label-text{height:18px;line-height:18px;} .choose-color .color-img-pop,.tags-for-color .color-img-pop{width:150px;padding:10px 10px 6px;border:1px solid #ddd;background:#fff;background:rgba(255,255,255,0.8);border-radius:25px;position:absolute;left:50%;margin-left:-86px;bottom:32px;display:none;box-shadow:0 0 5px rgba(0,0,0,0.15);} .choose-color .color-list li .color-img-pop img,.tags-for-color li .color-img-pop img{width:100%;height:auto;float:none;display:block;margin:0 auto;} .choose-color .color-img-pop .color-name,.tags-for-color .color-img-pop .color-name{display:block;padding:5px 0 0;text-align:center;} .choose-color .color-list li.hover,.tags-for-color .color-list li.hover{position: relative;z-index: 9999;} .choose-color .color-list li:hover .color-img-pop,.tags-for-color li:hover .color-img-pop{display:block;} /*.choose-color .color-list li.checked:hover .color-img-pop{display: none;} */.product-summary .size-list li{float:left;margin:0 10px 5px 0;position:relative;cursor:default;} .product-summary .size-list li span.size-value,.radio-custom-set .label-text{display:inline-block;height:26px;line-height:26px;padding:0 12px;border:1px solid #ccc;position:relative;} .product-summary .size-list li input{position:absolute;left:-9999em;top:0;} .product-summary .size-list li.checked .size-value{border-color:#f60;} .product-summary .size-list li.checked .ico-tick{display:block;width:17px;height:17px;position:absolute;right:-4px;bottom:-4px;background-position:-58px -168px; background-image:url(img/theme-sprites.png);background-repeat:no-repeat;} .product-shop dl.check-item{padding:0 0 15px;font-weight:bold;} .product-shop dl.check-item dt,.product-shop dl.check-item dd{width:auto;display:inline;float:none;} .product-shop dl.check-item *{vertical-align:middle;} .product-summary .product-buy{padding:5px 0 20px;} .product-summary .text-safe{clear:both;text-align:right;} .product-summary .btn-minus,.btn-plus{display:inline;padding:9px 12px;line-height:10px;background:#eee;float:left;margin:0 0 0 5px;cursor:pointer;} .product-summary .btn-minus:before,.btn-plus:before{display:inline-block;content:"";width:0;height:0;line-height:0;font-size:0;border-style:dashed dashed dashed solid;border-width:4px;border-color:transparent transparent transparent #333;overflow:hidden;position:relative;z-index:22;} .product-summary .btn-minus:hover,.product-summary .btn-plus:hover{background-color:#ddd;} .product-summary .btn-minus:before{border-style:dashed solid dashed dashed;border-color:transparent #333 transparent transparent;margin-left:-5px;} .product-summary .btn-plus:before{margin-right:-5px;} .product-summary .add-to-row-prices{display:inline;float:left;padding:0 20px 0 0;} .product-summary .choose-qty{float:left;} .product-summary .choose-qty label{float:left;vertical-align:middle;padding:0 8px 0 0;line-height:26px;} .product-summary .btn-minus,.product-summary .btn-plus,.product-summary .ipt-qty{float:left;margin:0 5px 0 0;} .product-summary .ipt-qty{width:32px;height:24px;line-height:24px;text-align:center;border:1px solid #ddd;margin:0 5px 0 0;} .product-summary .ipt-qty:focus{border-color:#aaa;} .product-summary .form-item .radio-disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5;} .product-summary .form-item .form-error-msg{color:#f00;display:none;clear:both;margin:5px 0 0;border-radius:0.2px;border:1px solid #fcefd3;background:#fffce6;float:left;padding:1px 20px 1px 8px;} .product-intro .add-to-cart{display:inline-block;height:40px;float:left;line-height:40px;border:0;text-align:center;cursor:pointer;margin:0 8px 0 0;font-weight:bold;text-transform:uppercase;background:#ED6D00; color:#FFF;border-radius:5px; border::1px solid #ED6D00;margin-top:-5px;} .product-intro .add-to-cart,.product-intro input.add-to-cart{width:187px;height:40px;background-position:-1px -195px;color:#fff;border:0;float:left;} .product-intro input.add-to-cart{padding-right:15px;} .product-intro .add-to-cart:hover{opacity:0.8;} .product-intro .add-to-wishlist{display:inline-block;height:38px;float:left;line-height:38px;border:0;text-align:left;cursor:pointer;margin:2px 8px 0 0;font-weight:bold;text-transform:uppercase;background-color:#F5F5F5;border:1px solid #CCC;border-radius:5px;margin-top:-5px; } .product-intro .add-to-wishlist,.product-intro input.add-to-wishlist{width:140px;padding-left:50px;color:#333;background-image:url(img/icons04.png); background-repeat:no-repeat; background-position:left center;} /* ------------------- * product summary * ------------------- */ .product-summary{width: 520px;float:right;position:relative;} .product-summary .product-shop{background:none;margin-bottom:0;} .product-summary .product-shop dl{padding:0 0 10px;} .product-summary .product-shop dl dd{width:350px;padding:0 20px 0 0;} .product-summary .size-list li span.size-value,.radio-custom-set .label-text{background-color:#fff;} .product-summary .product-title{font-size:16px;line-height:1.3em;padding:0 0 5px;color:#000;font-weight:normal;} .product-summary .product-meta{padding:0 0 10px;} .product-summary .product-meta .posted_in{display:none;} .product-summary .product-meta .product-id{display:inline;} .product-summary .product-meta .review-wrap{display:inline;padding:0 0 0 5px;} .product-summary .price-bar{width:100%;min-height:32px;_height:32px;position:relative;padding:10px 0;border-bottom:1px dotted #dadada;line-height:32px;} .product-summary .price-bar .goods-time-count{position:absolute;line-height:28px;right:0;top:10px;} .product-summary .price-bar .goods-time-count p{display:none;padding:0 0 0 32px;font-size:16px;font-weight:bold;text-transform:uppercase;background-image:url(img/sub-bar-icos.png);background-repeat:no-repeat;background-color:transparent;background-position:-6px -135px;} .product-summary .price-bar .old-price,.product-summary .price-bar .special-price{display:inline;float:left;padding:0 12px 0 0;font-size:16px;} .product-summary .price-bar .special-price{padding:0 10px 0 0;} .product-summary .price-bar .old-price{color:#999;text-decoration:line-through;} .product-summary .price-bar .special-price{font-size:20px;} .product-summary .price-bar .special-price,.product-summary .price-bar .discount{color:#c20000;} .product-summary .price-bar{} .product-summary .change-currency{width:52px;display:inline;float:left;margin:0 10px 0 0;line-height:32px;position:relative;} .product-summary .change-currency .currency-value{display:block;padding:1px 1px 0 8px;} .product-summary .change-currency .arrow{display:block;width:9px;height:4px;position:absolute;right:6px;top:15px;background-position:-100px -97px;} .product-summary .currency-menu{width:50px;background:#fff;border:1px solid #ddd;border-top:0;position:absolute;left:0;top:30px;font-size:12px;line-height:25px;display:none;} .product-summary .currency-menu li a{display:block;padding:0 0 0 8px;margin:0 -1px;position:relative;} .product-summary .currency-menu li a:hover{background:#e56766;color:#fff;text-decoration:none;} .product-summary .currency-show{z-index:9999;} .product-summary .currency-show .currency-value{border:1px solid #ddd;border-bottom:0;padding:0 0 0 7px;} .product-summary .currency-show .currency-menu{display:block;} .product-summary .select-box .select-value:after{background-position:-30px -120px;} .product-summary .choose-color .color-list li.checked .ico-tick{background-position:0 -124px;} .product-summary .size-list li.checked .ico-tick{background-position:0 -140px;} .product-summary .choose-color .color-list li .color-small-img{height:20px;} .product-summary .choose-color .color-list li .color-small-img img{height:20px;} .product-summary .product-shop dl{line-height:28px;} .product-summary .product-shop dl dt{width:80px;} .product-summary .product-shop dl dd{width:475px;} .product-summary .form-item .form-error-msg{border:0;background:none;padding:0;line-height:20px;margin:0;} .product-summary .custom-size-form{display:none;} .product-intro .add-to-cart, .product-intro input.add-to-cart,.product-intro .add-to-wishlist,.product-intro input.add-to-wishlist{height:30px;line-height:30px;border-radius:2px;margin-top:-1px;padding:0;font-weight:normal;} .product-intro .add-to-cart, .product-intro input.add-to-cart{background:#ed3445;} .product-intro .add-to-wishlist,.product-intro input.add-to-wishlist{background-color:#fff;padding:0 20px 0 34px;width:auto;height:28px; line-height:28px;} .product-intro .add-to-wishlist:hover,.product-intro input.add-to-wishlist:hover{background-color:#ed3445;background-position:-273px -124px;color:#fff;border-color:#ed3445;} .wholesale-info{display:table;width:100%;padding:8px 0;border-bottom:1px dotted #dadada;} .wholesale-info .wholesale-title,.wholesale-info .wholesale-price-info{display:table-cell;float:none;vertical-align:top;} .wholesale-info .wholesale-title{width:10em;line-height:24px;} .wholesale-info .wholesale-price-info table{border:0!imprtant;width:70%;border-collapse:collapse;border-spacing:0;border:0;} .wholesale-info .wholesale-price-info th,.wholesale-info .wholesale-price-info td{border:0;text-align:left;padding:0;height:24px;} .wholesale-info .wholesale-price-info tr:hover td{background-color:#ffffcd;} .wholesale-info .wholesale-price-info td{border-top:1px solid #eee;} /* other info */ .product-summary .other-item{display:table;width:100%;padding:0 0 15px;line-height:20px;} .product-summary .other-item,.product-summary .other-item a{color:#666;} .product-summary .other-item dt{display:table-cell;width:70px;padding:0 10px 0 0;*float:left;} .product-summary .other-item dd{*width:420px;*float:left;} .product-summary .other-item span.line{padding:0 6px;} /* ------------------- * detail * ------------------- */ .detail-tbar,.detail-tabs{height:26px;line-height:28px;/* border-bottom:2px solid #a38a52; */font-size:12px;margin:0 auto 30px;} .detail-tbar h2,.detail-tbar h2 a,.detail-tabs h2,.detail-tabs h2 a{color:#fff;} .detail-tbar h2,.detail-tabs h2{float:left;padding:0 15px;background:#6f6f6f;border-radius:3px 3px 0 0;font-size:12px;margin:0 2px -2px 0;position:relative;z-index:22;} .detail-tbar h2.current,.detail-tabs h2.current,.detail-tabs .current h2{background:#a38a52;} .detail-tabs h2{cursor:pointer;} .detail-tabs .tab{display:inline;float:left;} .product-detail{padding:0 0 40px;} .product-detail .entry{padding:0 10px;} .product-detail .entry p{padding:0 0 20px;} /* ------------------- * other products * ------------------- */ .goods-related{margin:0 auto 35px;} .goods-related .current-goods span.discount{display:none;} .goods-related .current-goods{width:195px;float:left;position:relative;border:1px solid #a38a52;margin:0 30px 0 0;margin:0 32px 0 0;} .goods-related .current-goods img{width:100%;height:auto;} .goods-related .icon-add{display:block;width:32px;height:32px;float:left;background-position:-163px -47px;margin:75px 32px 0 0;} .goods-related .related-list{width:530px;float:left;overflow:hidden;overflow-x:auto;} .goods-related .related-list ul{width:10000%;} .goods-related .related-list ul li{width:102px;float:left;line-height:22px;margin:0 32px 0 0;padding:0 0 10px;} .goods-related .related-list ul li,.goods-related .related-list ul li a{color:#666;} .goods-related .related-list .pd-img,.goods-related .related-list .pd-img figure.img-hover,.goods-related .related-list .pd-img a{width:100px;height:131px;} .goods-related .related-list .pd-img img{max-width:100px;max-height:131px;} .goods-related .related-list ul .pd-img:hover img{opacity:0.8;} .goods-related .related-list ul .pd-name{height:32px;line-height:16px;overflow:hidden;display:block;padding:5px 0 0;} .goods-related .related-list ul .pd-price del{display:block;} .goods-related .related-list ul .pd-price input,.goods-related .related-list ul .pd-price b{vertical-align:middle;} .goods-related .related-list ul .pd-price b{color:#ef4e4d;} .goods-related .buy-act{width:190px;float:right;color:#666;} .goods-related .total-price{display:block;font-weight:bold;font-size:14px;padding:0 0 10px;} .goods-related .buy-act .buy-together{display:inline-block;height:32px;line-height:32px;background:#a38a52;border:none;color:#fff;text-align:center;padding:0 20px;border-radius:4px;font-size:14px;} .goods-may-like{margin:0 auto 25px;} .goods-may-like .product-item{margin-right:0;float:none;margin-bottom:0;padding-bottom:10px;} .goods-may-like .owl-nav{top:-55px;} .detail-product-slides{width:1068px;} .goods-may-like .owl-nav{display:inline;position:absolute;right:0;top:-59px;} .goods-may-like .owl-prev,.goods-may-like .owl-next{display:block;width:24px;height:24px;float:left;background-color:#fff;text-indent:-9999em;overflow:hidden;cursor:pointer;} .goods-may-like .owl-prev{background-position:-212px -107px;margin:0 6px 0 0;} .goods-may-like .owl-next{background-position:-230px -107px;} .goods-may-like .owl-prev,.goods-may-like .owl-next{border:1px solid #ddd;} .goods-may-like .owl-prev:hover,.goods-may-like .owl-next:hover{border-color:#ccc;} .goods-may-like .goods-item:hover .goods-img img{opacity:0.8;} .goods-may-like .product-item:hover{margin:0;border-bottom:0;padding-bottom:10px;} .detail-product-slides{overflow:hidden;height:295px;} /* =================================================== * blog list * --------------------------------------------------- */ .blog-list{background:#fff;padding:0 0 80px;margin:0 auto 15px;} .blog-list .blog-item{padding:20px 0;position:relative;margin:0 15px 5px 15px;} .blog-list .blog-item .blog-img{float:left;width:200px;height:auto;margin:0 20px 8px 0;} .blog-list .blog-item .blog-tit{font-size:16px;} .blog-list .blog-item .blog-meta{display:block;color:#aaa;} .blog-list .blog-item .blog-meta span{display:inline;padding:0 15px 0 0;} .blog-list .blog-item .blog-summary{padding:8px 0;color:#999;} .blog-list .blog-item .readmore{display:block;text-align:right;font-size:14px;margin-top:20px;} .blog-list .blog-item .readmore a{color:#198bd2;} .blog-list .blog-item .readmore a:hover{text-decoration:none;} .blog-list .blog-item .readmore i{font-size:14px;} .blog-list .blog-item:hover{background:#fafafa;} .blog-list .blog-item:hover img{opacity:0.8;} .blog-list .blog-item:before{content:"";height:1px;font-size:1px;overflow:hidden;border-top:1px double #000;border-bottom:1px double #000;position:absolute;left:0;right:0;bottom:-3px;} .main .blog-article{position:relative;/*border-top: 2px solid #000;*/border-bottom: 1px solid #ddd;background-color: #fff;margin-bottom: -1px;margin-top:-5px;padding-bottom: 35px;} .blog-list{padding-bottom:0;} .blog-list .blog-item:hover{background:none;} .blog-list .blog-item a:hover{text-decoration:underline;} .blog-list .blog-item:last-child:before,.blog-list .blog-item:last-child:after{display:none;} .blog-list .blog-item.last-child:before,.blog-list .blog-item.last-child:after{display:none;} .main-wrap .pager span.dots{background:none;} .online-service{width:132px; height:400px; overflow:visible; overflow-x:hidden; display:block;} .task-cont-wrap{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:10009; background:rgba(0,0,0,0.6); display:none; } .cart-successful{ position:relative; width:440px; margin:300px auto 0; background:#FFF; border-radius:10px; overflow:hidden; } .cart-successful .successful-point{ position:relative; text-align:center; padding:32px 0 25px; } .cart-successful .successful-point:after{ content:''; position:absolute; width:100%; height:1px; left:0; bottom:1px; display:block; overflow:hidden; background:#d6d6d6; } .cart-successful .successful-point .title{ position:relative; display:inline-block; vertical-align:top; *display:inline; *zoom:1; line-height:44px; padding:0 0 0 49px; background:url(img/suc-ico.png) no-repeat left center; font-size:14px; font-weight:normal; } .cart-successful .successful-point p{ color:#bd0000; font-size:14px; } .cart-successful .successful-point .title img{ margin:0 7px 0 0; } .cart-successful .cart-successful-close{ width:14px; height:14px; background:url(img/suc-close.png) no-repeat center center; position:absolute; right:20px; top:20px; display:block; overflow:hidden; cursor:pointer; z-index:11000 } .cart-successful .successful-button{ position:relative; background:#ededed; padding:12px 17px 14px; overflow:hidden; } .cart-successful .successful-button .return-current,.cart-successful .successful-button .to-checkout{ position:relative; display:block; height:28px; line-height:28px; padding:0 34px; border:1px solid transparent; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .cart-successful .successful-button .return-current{ float:left; border-color:#e7e7e7; background:#ffffff; } .cart-successful .successful-button .to-checkout{ float:right; border-color:#eda2a8; background:#ed3445; color:#FFF; } .cart-successful .successful-button .return-current:hover{ background:none; border-color:#eda2a8; } .cart-successful .successful-button .to-checkout:hover{ color:#ed3445; background:none; } .ad_mk{ display: none !important; } .entry .addtocart { display: none; } /*------------------------------- swiper-slide start ----------------------------------*/ .slider_banner { position: relative; overflow: hidden; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode>.swiper-wrapper { margin: 0 auto; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; pointer-events: none; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; z-index: 2; margin-top: -25px; width: 36px; height: 50px; border-radius: 2px; background-color: rgba(0,0,0,.4); background-color: #ccc; text-align: center; font-size: 30px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0); } .swiper-button-next:before, .swiper-button-prev:before { display: inline-block; } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.3; cursor: auto;/* pointer-events:none; */ } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { right: auto; left: 10px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before { content: '\f104'; } .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before { content: '\f105'; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; z-index: 2; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 100%; text-align: center; font-size: 0; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66); -ms-transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33); -ms-transform: scale(.33); } .swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after { display: inline-block; width: 80px; height: 2px; vertical-align: top; } .swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; display: none; } .swiper-pagination-bullet:before { background-color: #fff; content: ''; } .swiper-pagination-bullet-active:before { background-color: #f4e342; height: 2px;} .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-container-vertical>.swiper-pagination-bullets { top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; width: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .3s -webkit-transform; -o-transition: .2s transform, .3s top; transition: .2s top, .3s -webkit-transform; transition: .2s transform, .3s top; transition: .2s transform, .3s top, .3s -webkit-transform; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-transform: translateX(-50%); } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .3s -webkit-transform; -o-transition: .2s transform, .3s left; transition: .2s left, .3s -webkit-transform; transition: .2s transform, .3s left; transition: .2s transform, .3s left, .3s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .3s -webkit-transform; -o-transition: .2s transform, .3s right; transition: .2s right, .3s -webkit-transform; transition: .2s transform, .3s right; transition: .2s transform, .3s right, .3s -webkit-transform; } .swiper-pagination-progressbar { position: absolute; background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #007aff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; -ms-transform: scale(0); -ms-transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; -ms-transform-origin: right top; } .swiper-container-horizontal { overflow: hidden; } .swiper-container-horizontal>.swiper-pagination-progressbar { top: 0; left: 0; width: 100%; height: 4px; } .swiper-container-vertical>.swiper-pagination-progressbar { top: 0; left: 0; width: 4px; height: 100%; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { position: relative; border-radius: 10px; background: rgba(0, 0, 0, .1); -ms-touch-action: none; } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; bottom: 3px; left: 1%; z-index: 50; width: 98%; height: 5px; } .swiper-container-vertical>.swiper-scrollbar { position: absolute; top: 1%; right: 3px; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { position: relative; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(0, 0, 0, .5); } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; width: 100%; height: 100%; background-position: 50%; background-size: 100%; background-repeat: no-repeat; content: ''; } .swiper-lazy-preloader-white:after { } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; top: 0; left: 0; z-index: -1000; opacity: 0; pointer-events: none; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { z-index: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform-origin: 0 0; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -ms-transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { visibility: visible; pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { z-index: 1; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } @media screen and (max-width: 480px) { .swiper-pagination-bullet { margin: 0 5px; width: 10px; height: 10px; } } /*ie*/ .swiper-container { overflow: hidden\9; } .slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; } .swiper-slide { float: left\9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .swiper-container .swiper-wrapper { width: auto; } } /*------------------------------- swiper-slide end ----------------------------------*/ .index_banner img{ width: 100%; } .web_footer .footer_bar{/* background: #1e1f20; */text-align: center;padding: 12px 0;/* width: 1680px; */margin: auto;border-top: 1px solid rgba(255,255,255,.17);} .web_footer .footer_bar span{color: #333;font-size: 14px;font-family: Arial;margin-bottom: 20px;display: block;font-weight: bold;} .web_footer .footer_bar .footer_bottom_img{} .web_footer .footer_bar .footer_bottom_img a{margin:0 18px} /*-------------------------------------------------------- page: single Product ------------------------------------------------------*/ /*product photos*/ .product-intro { position: relative; margin-bottom: 80px; } .cloud-zoom-lens { border: 1px solid #eee; cursor: move; } .cloud-zoom-title { position: absolute !important; top: 0px; padding: 3px; width: 100%; background-color: #000; color: #fff; text-align: center; font-weight: bold; font-size: 10px; } .cloud-zoom-big { overflow: hidden; padding: 0px; background-color: #fff; } .cloud-zoom-loading { padding: 3px; border: 1px solid #000; background: #222; color: white; } .product-view .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; } .product-view { position: relative; float: left; width: 47.34%; padding-bottom:0;} .product-view .product-image { overflow: hidden; } .product-view .product-image img { position: relative; width: 100%; } .product-view .image-additional-wrap { position: absolute; z-index: 999; padding: 0 80px; width:100%;bottom: 26px;left: 0;} .product-view .image-additional { position: relative; overflow: hidden; padding: 0 2px; } .product-view .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 100%; width: 20%; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; background-color:#fff;} .product-view .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .product-view .image-additional li.single { display: none; } .product-view .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: .6; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=60); } .product-view .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .product-view .image-additional li.current {} .product-view .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); } .product-view .image-additional img.popup { display: none; } .ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #0b87fb; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; } .product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; } .product-view .swiper-button-next, .product-view .swiper-button-prev { margin-top: -16px; width: 25px; height: 32px; background: none; font-size: 24px; line-height: 32px; opacity: 1; filter: alpha(opacity=100); } .product-view .swiper-button-prev { left: 10px; } .product-view .swiper-button-next { right: 10px; } .product-view .swiper-button-next:before, .product-view .swiper-button-prev:before { width: 25px; height: 33px; background-image: url(assets/images/web_icon.png); background-repeat: no-repeat; content: ""; -webkit-transition: all ease .35s; transition: all ease .35s; } .product-view .swiper-button-next:before { background-position: right -93px; } .product-view .swiper-button-prev:before { background-position: -250px -93px; } .product-view .swiper-button-next:hover:before { background-position: right -55px; } .product-view .swiper-button-prev:hover:before { background-position: -250px -55px; } .product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: alpha(opacity=100); } .product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { background: none; opacity: 1; filter: alpha(opacity=100); } .product-view:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); } /*product summary*/ .product-summary {position: relative;float: right;color: #2e2e35;width:44.27%;} .product-summary .page_title { display: table; color: #000000; text-transform: capitalize; font-weight: normal; font-size: 38px;font-family: Poppins-Medium; line-height: 1.4;padding:22px 0; border-bottom: 1px solid #b5b5b5;} .product-summary .product-meta { color: #666; font-size: 20px; line-height: 1.7; padding-right:20px;padding-top:15px;} .product-summary .product-meta .short_tit { position: relative; color: rgba(36,36,36,.5); text-transform: capitalize; font-weight: normal; font-size: 16px; line-height: 22px; } .product-summary .product-meta p { margin: 36px 0; color: #666; font-size: 20px; line-height: 1.7; } .product-summary .product-meta li { display: table; padding: 2px 0; width: 100%; font-size: 13px; line-height: 1.6; } .product-summary .product-meta li em { display: table-cell; width: 36%; color: #2e2e35; } .product-summary .product-meta li .item-val { display: table-cell; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; } .product-summary .product-meta br { display: none; height: 10px; } .product-btn-wrap { position: relative; padding-top: 45px; text-align: left; } .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy { position: relative; display: inline-block; margin: 0 0 7px 7px; padding: 0 10px; border: 2px solid #2e2e35; background: #fff; color: #000; vertical-align: top; text-transform: uppercase; font-size: 14px; line-height: 30px; font-family: "Roboto-Bold"; font-weight: normal; } .product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover { background: #2e2e35; color: #fff; } .product-btn-wrap .email:before, .product-btn-wrap .pdf:before { padding-right: 10px; font-size: 16px; } .product-btn-wrap .email:before { content: '\f003'; } .product-btn-wrap .pdf:before { content: '\f1c1'; } .product-summary .quote-btn{ display:flex; justify-content:center; align-items:center;width: 235px; height: 62px; background-color: #a38a52; border-radius: 5px; border: 1px solid #a38a52; color: #fff; font-size: 20px; transition: all .3s; margin-top: 140px; display:none; } .product-summary .quote-btn:hover{ background-color: #fff; color: #a38a52; } .product-summary .share-this { margin: 45px 0 0; text-align: right; } .product-summary .product-meta .price span{ font-size: 30px; color: #e61446; } .product-summary .product-meta .price{ font-size: 30px; color: #e61446; } /* product detail */ .product_main .layout{/* width: 1200px; */} .web_main.page_mk.product_main .layout p{font-size:16px;} .product-detail { position: relative; overflow: visible; } .detail-tabs {position: relative;margin-bottom: -1px;background: #eaedf0;} .detail-tabs .title {position: relative;position: relative;position: relative;float: left;display: inline-block;margin-right: -1px;padding: 1px 35px;border: 1px solid #ccd3d9;color: #959da7;color: rgba(0,33,64,.5);vertical-align: top;text-transform: uppercase;font-weight: bold;font-size: 18px;font-family: Times New Roman;line-height: 40px;cursor: pointer;} .detail-tabs .title.current {position: relative;z-index: 2;margin-bottom: -1px;padding-bottom: 2px;border-bottom: none;background: #fff;color: #000;} .product-detail .tab-panel-content { display: block; overflow: hidden; padding: 10px 0; } .product-detail .disabled { display: none; } .tab-panel-wrap {/* margin-bottom: 60px; */padding: 40px;border: 1px solid #ccd3d9;background-color: #fff;} /*like product*/ .goods-may-like { position: relative; overflow: hidden; padding: 70px 0 30px 0; background-attachment: fixed; margin-bottom: 30px; } .goods-may-like .index_title_bar { position: relative; display: block; text-align: center; } .goods-may-like .index_title_bar .good_title { position: relative; color: #2e2e35; text-transform: capitalize; font-size: 36px; line-height: 1; margin-bottom: 45px; font-family: "Roboto-Bold"; font-weight: normal; } .goods-may-like .swiper-pagination-bullets { text-align: center; line-height: 1; } .goods-may-like .swiper-pagination-bullet, .goods-may-like .swiper-pagination-bullet:before { width: 14px; height: 14px; } .goods-may-like .product_item:hover .item_img img { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); } .good_button_bar { text-align: center; position: relative; margin-top: 50px; } .good_button_bar .navigate_button_prev, .good_button_bar .navigate_button_next { cursor: pointer;;background: transparent; display: inline-block; width: 85px; line-height: 42px; margin: 0 5px; text-align: center; color: #2e2e35;border: 1px solid #2e2e35; font-size: 30px; } .good_button_bar .navigate_button_prev:hover, .good_button_bar .navigate_button_next:hover{background: #2e2e35;color: #fff;} .good_button_bar .navigate_button_prev { } .good_button_bar .navigate_button_next { } .good_button_bar .navigate_button_prev:before, .good_button_bar .navigate_button_next:before { } .good_button_bar .navigate_button_prev:before { content: "<"; } .good_button_bar .navigate_button_next:before { content: ">"; } .good_button_bar .navigate_button_prev { } .good_button_bar .navigate_button_next { } /*----------------product-------------*/ .product_item {position: relative;/* border: 1px solid #c8c8c8; */} .product_item figure { position: relative; height: 100%; } .product_item .item_img {position: relative;display: block;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;margin-bottom: 10px;} .product_item .item_img img { width: 100%; height: auto; } .product_item figcaption { background: rgba(98,5,5,0.77); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-110%); -webkit-transform: translateX(-110%); } .product_item .item_title { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .product_item .item_title a { display: block; position: relative; color: #fff; text-align: center; font-size: 18px; line-height: 1.68; font-family: "Roboto-Regular"; text-transform: capitalize; letter-spacing: .38px; font-weight: normal; } .product_item:hover figcaption { transform: translateX(0); -webkit-transform: translateX(0); } .index_product .index_swiper_control { position: static; background: none; padding: 0; } .index_swiper_control .swiper-button-prev:before,.index_swiper_control .swiper-button-next:before{ display: inline-block; width: 45px; height: 45px; line-height: 45px; border: 1px solid #aeaeae; background: none; border-radius: 50%; left: auto!important; right: auto!important; opacity: 1; filter: alpha(opacity=100); position: static; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; /* margin-left: 20px; */ overflow: hidden; } .index_swiper_control { background: #f3f3f3; position: absolute; right: 0; bottom: 0; z-index: 3; padding: 35px 60px 20px; } .index_product .swiper-button-prev, .index_product .swiper-button-next { position: absolute; top: 50%; /* margin-top: -24px; */ margin-left: auto; overflow: hidden; border-radius: 50%; /* transform: translateY(-50%); */ } .index_product .swiper-button-prev { left: -50px!important; } .index_product .swiper-button-next { right: -50px!important; } .swiper-button-next:before, .swiper-button-prev:before { display: inline-block; vertical-align: top; } .swiper-button-prev:before{ content: '\f104'; text-align: center; font-size: 30px; } .swiper-button-next:before { content: '\f105'; text-align: center; font-size: 30px; } .index_swiper_control .swiper-button-prev:before,.index_brands .swiper-button-prev{/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAANklEQVQI12NAB2EIJutxBDtGGSF8yIBM4Z5DglCwgWHOGRhYwMCCpIbBB6GXLAkkv7gZMOADAEBSFd5swo2eAAAAAElFTkSuQmCC); */} .index_swiper_control .swiper-button-prev:after{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAANklEQVQI12NAB2EIJutxBDtGGSF8yIBM4Z5DglCwgWHOGRhYwMCCpIbBB6GXLAkkv7gZMOADAEBSFd5swo2eAAAAAElFTkSuQmCC);} .index_swiper_control .swiper-button-next:before,.index_brands .swiper-button-next{/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAAN0lEQVQI12PAAGwBCDb7UQSbWQdJwogsiY2CECB0poFhzRkYmIBQcwRJrwOZwkwIYQYzoDBuAAAJYRXevYYXVwAAAABJRU5ErkJggg==); */} .index_swiper_control .swiper-button-next:after{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAv9AQoJ/wwJCAcGCxga3KAAAAN0lEQVQI12PAAGwBCDb7UQSbWQdJwogsiY2CECB0poFhzRkYmIBQcwRJrwOZwkwIYQYzoDBuAAAJYRXevYYXVwAAAABJRU5ErkJggg==);} .index_swiper_control .swiper-button-prev:not(.swiper-button-disabled):hover,.index_swiper_control .swiper-button-next:not(.swiper-button-disabled):hover{background-color: #afafaf;border-color: #afafaf;} .product_main{ margin-top: 30px; } .product-meta form{margin-top: 25px;margin-bottom: 25px;} .product-meta form .quantity{display: inline-block;margin-right: 15px;} .single_variation_wrap{margin-top:25px} .tinv-wraper.tinv-wishlist{ display: inline-block; } .tinv-wraper.tinv-wishlist a{ vertical-align: middle !important; margin-top: 0 !important; } .product_item .item_text .text button{ display: block; margin: 0 auto; font-size: 20px; color: #1e1b17; background: #f4e342; border-radius: 23.5px; } .page_mk .woocommerce ul.products li.product .price { font-size: 14px; color: #eb3841; } .page_mk .woocommerce ul.products li.product .woocommerce-loop-product__title{ display: block; height: 36px; line-height: 18px; overflow: hidden; font-size: 14px; font-weight: normal; } @font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("fonts/Font-Awesome/fontawesome-webfont.eot"); src: url("fonts/Font-Awesome/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"); font-display: fallback; } @font-face { font-family: "Denmark"; font-style: normal; src: url(fonts/DENMARK.ttf) format("TrueType"); font-display: fallback; } /*inquiry*/ .inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -300px 0 0 -275px; width: 550px; height: 500px; background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, .5); } .inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; } .inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%; height: 100%; background: #FFF; background-image: url(img/form-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-animation: fadeInDownA .4s ease; -o-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; } .inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(img/fancy_close.png) no-repeat center center; cursor: pointer; } .inquiry-form-wrap { position: relative; width: 100.5%; height: 420px; } .ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #003B88; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; } @media screen and (max-width: 550px) { .inquiry-pop-bd { top: 10px; right: 10px; bottom: 10px; left: 10px; margin: auto; width: auto; } .inquiry-pop-bd .inquiry-pop { padding: 10px; } .scrollsidebar { display: none; } } /*------------------------------- animation start ----------------------------------*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInLeftA { 0% { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftA { 0% { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; -ms-transform: none; } } .fadeInLeftA { -webkit-animation-name: fadeInLeftA; animation-name: fadeInLeftA; } @-webkit-keyframes fadeInUpA { 0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpA { 0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); -ms-transform: translate3d(0, 30%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; -ms-transform: none; } } .fadeInUpA { -webkit-animation-name: fadeInUpA; animation-name: fadeInUpA; } @-webkit-keyframes fadeInRightA { 0% { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightA { 0% { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; -ms-transform: none; } } .fadeInRightA { -webkit-animation-name: fadeInRightA; animation-name: fadeInRightA; } @-webkit-keyframes twinkling { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes OrangePulse { from { background-color: rgba(210, 174, 109, .2); -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1); } 50% { background-color: rgba(210, 174, 109, 1); -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1); } to { background-color: rgba(210, 174, 109, .2); -webkit-box-shadow: 0 0 10px rgba(210, 174, 109, 1); } } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(40deg); transform: rotate(40deg); } 40% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } 60% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(40deg); transform: rotate(40deg); -ms-transform: rotate(40deg); } 40% { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); -ms-transform: rotate(-20deg); } 60% { -webkit-transform: rotate(10deg); transform: rotate(10deg); -ms-transform: rotate(10deg); } 80% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); -ms-transform: rotate(-10deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -ms-transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -ms-transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); } 25% { -webkit-transform: translateY(-20%); } 50% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-10%); } 100% { -webkit-transform: translateY(0); } } @keyframes jump { 0% { transform: translateY(0); } 25% { transform: translateY(-20%); } 50% { transform: translateY(0); } 75% { transform: translateY(-10%); } 100% { transform: translateY(0); } } @-webkit-keyframes bounceInA { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceInA { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1); transition-timing-function: cubic-bezier(0.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); -ms-transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); -ms-transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); } } .bounceInA { -webkit-animation-name: bounceInA; animation-name: bounceInA; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes fadeInDownA { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownA { 0% { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); -ms-transform: translate3d(0, -20%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; -ms-transform: none; } } .fadeInDownA { -webkit-animation-name: fadeInDownA; animation-name: fadeInDownA; } @keyframes fadeInA { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeInA { -webkit-animation-name: fadeInA; animation-name: fadeInA; } @-webkit-keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } /* animate.css */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes zoomInA { 0% { opacity: 0; -webkit-transform: scale3d(.6, .6, .6); transform: scale3d(.6, .6, .6); } 50% { opacity: 1; } } @keyframes zoomInA { 0% { opacity: 0; -webkit-transform: scale3d(.6, .6, .6); transform: scale3d(.6, .6, .6); } 50% { opacity: 1; } } .zoomInA { -webkit-animation-name: zoomInA; animation-name: zoomInA; } /*------------------------------- animation end ----------------------------------*/ /*------------------------------- search start ----------------------------------*/ .container { position: relative; min-height: 100vh; background-position: left bottom; background-repeat: no-repeat; } .search-ipt { border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; } .web-search { display: flex; visibility: hidden; text-align: center; flex-direction: column; justify-content: center; align-items: center; } .web-search .btn--search-close { position: absolute; top: 1.25em; right: 1.25em; display: inline-block; display: none; width: 45px; height: 45px; border-radius: 50%; background-color: #ccc; background-image: url(img/search_btn_close.png); background-position: center; background-size: auto 35%; background-repeat: no-repeat; font-size: 1.8em; line-height: 45px; cursor: pointer; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-background-size: auto 35%; } .web-search .btn--search-close:hover { background-color: #003B88; -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); } .js .btn--search-close { display: block; } .web-search .search-ipt { display: inline-block; box-sizing: border-box; padding: 0.05em 0; width: 75%; border-bottom: 3px solid; color: #333; font-size: 20px; font-family: inherit; line-height: 1em; } .web-search .search-ipt::-webkit-input-placeholder { color: #333; font-weight: bold; } .web-search .search-ipt::-moz-placeholder { color: #333; font-weight: bold; opacity: 1; } .web-search .search-ipt:-ms-input-placeholder { color: #333; font-weight: bold; } .web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration { -webkit-appearance: none; } .web-search .search-ipt::-ms-clear { display: none; } .web-search .search-attr { display: block; margin: 0 auto; padding: 0.85em 0; width: 75%; color: #333; text-align: right; font-size: 90%; } .js .container, .js .web-search .search-ipt { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; } .js .container { position: relative; } .js .main-wrap--move { min-height: 100vh; } .js .web-search { pointer-events: none; } .web-search { position: fixed; top: 0; left: 0; z-index: 100001; margin: auto; padding: 25px 0; width: 100%; background-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); perspective: 1200px; -ms-transform: translateY(-100%); } .web-search .btn--search-close { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .search__suggestion, .web-search .search-attr { opacity: 0; -webkit-transition: opacity 0.8s, transform 0.8s; -moz-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; -webkit-transform: translate3d(-15%, 0, 0); -moz-transform: translate3d(-15%, 0, 0); -o-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); -ms-transform: translate3d(-15%, 0, 0); -ms-transition: opacity 0.8s, transform 0.8s; } .web-search .search-attr { padding-bottom: 0; font-size: 20px; } .js .web-search .search-ipt { padding: 0 0 15px; text-transform: uppercase; font-weight: bold; font-size: 60px; opacity: 0; -webkit-transform: scale3d(0, 1, 1); -moz-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; border-bottom-width: 1px; -ms-transform: scale3d(0, 1, 1); -ms-transform-origin: 0% 50%; } .js .web-search .search-ipt, .web-search .search-attr { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .js .web-search .search-btn { display: none !important; } .js .search--open { visibility: visible; opacity: 1; pointer-events: auto; } .js .search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; -webkit-animation: bounceInA 1s ease; -o-animation: bounceInA 1s ease; animation: bounceInA 1s ease; } .js .search--open .search-ipt { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); } .js .search--open .search-attr { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .js .search--open { -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; } .js .search--open::before { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; } .js .main-wrap--move { -webkit-transform: translateY(180px); -o-transform: translateY(180px); transform: translateY(180px); -ms-transform: translateY(180px); } .main-wrap--move:after { position: fixed; top: 0; left: 0; z-index: 100000; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; } /*------------------------------- search end ----------------------------------*/ /*------------------------------- language start ----------------------------------*/ .change-language { margin-left: 35px; position: relative; display: inline-block; vertical-align: middle; text-align: left; box-sizing: border-box; } .change-language * { box-sizing: border-box; } .change-language .change-language-cont { border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .2); } .prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; } .mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo { display: block; } .change-language .change-language-title, .change-language .change-language-title a { font-size: 18px; color: #000; } .change-language:hover .change-language-title a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -ms-transform: rotate(-180deg); } .change-language .change-language-cont { position: absolute; top: 36px; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 80vh; border: 1px solid #eee; border-radius: 5px; background: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale3d(0.9, 0.9, 1); -ms-transition: all 0.3s ease-in-out; } .change-language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); } .change-language .change-language-cont li { display: inline-block; overflow: hidden; margin: 0 0 10px; padding: 0 10px 0 0; width: 30%; vertical-align: top; font-size: 10pt; } .change-language .change-language-cont li a:hover { color: #003B88; } .change-language .change-language-cont .lang-item-hide { display: none !important; } .change-language .change-language-cont .lang-more { position: relative; display: block; text-align: center; line-height: 30px; cursor: pointer; } .change-language .change-language-cont .more-active { font-size: 20px; } .language-flag span { position: relative; display: inline-block; overflow: hidden; padding: 0 0 0 33px; vertical-align: top; white-space: nowrap; } .language-flag .country-flag { position: absolute; top: 50%; left: 0; display: inline-block; margin: -8px 5px 0; width: 22px; height: 16px; background-image: url(img/all-m.gif); background-repeat: no-repeat; vertical-align: top; } .change-language ::-webkit-scrollbar { width: 5px; } .change-language ::-webkit-scrollbar-track { background-color: #fff; } .change-language ::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(0, 0, 0, .3); } .change-language .language-cont:hover::-webkit-scrollbar-thumb { display: block; } li.language-flag a { position: relative; } .language-flag-af .country-flag { background-position: 0 0 !important; } .language-flag-sq .country-flag { background-position: 0 -16px !important; } .language-flag-ar .country-flag { background-position: 0 -32px !important; } .language-flag-hy .country-flag { background-position: 0 -48px !important; } .language-flag-az .country-flag { background-position: 0 -64px !important; } .language-flag-eu .country-flag { background-position: 0 -80px !important; } .language-flag-be .country-flag { background-position: 0 -96px !important; } .language-flag-bg .country-flag { background-position: 0 -112px !important; } .language-flag-ca .country-flag { background-position: 0 -128px !important; } .language-flag-zh .country-flag { background-position: 0 -144px !important; } .language-flag-zh-TW .country-flag { background-position: 0 -160px !important; } .language-flag-hr .country-flag { background-position: 0 -176px !important; } .language-flag-cs .country-flag { background-position: 0 -192px !important; } .language-flag-da .country-flag { background-position: 0 -208px !important; } .language-flag-nl .country-flag { background-position: 0 -240px !important; } .language-flag-en .country-flag { background-position: 0 -256px !important; } .language-flag-et .country-flag { background-position: 0 -272px !important; } .language-flag-tl .country-flag { background-position: 0 -288px !important; } .language-flag-fi .country-flag { background-position: 0 -304px !important; } .language-flag-fr .country-flag { background-position: 0 -320px !important; } .language-flag-gl .country-flag { background-position: 0 -336px !important; } .language-flag-ka .country-flag { background-position: 0 -352px !important; } .language-flag-de .country-flag { background-position: 0 -368px !important; } .language-flag-el .country-flag { background-position: 0 -384px !important; } .language-flag-ht .country-flag { background-position: 0 -400px !important; } .language-flag-iw .country-flag { background-position: 0 -416px !important; } .language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag { background-position: 0 -432px !important; } .language-flag-hu .country-flag { background-position: 0 -448px !important; } .language-flag-is .country-flag { background-position: 0 -464px !important; } .language-flag-id .country-flag { background-position: 0 -480px !important; } .language-flag-ga .country-flag { background-position: 0 -496px !important; } .language-flag-it .country-flag { background-position: 0 -512px !important; } .language-flag-ja .country-flag { background-position: 0 -528px !important; } .language-flag-ko .country-flag { background-position: 0 -544px !important; } .language-flag-la .country-flag { background-position: 0 -560px !important; } .language-flag-lv .country-flag { background-position: 0 -576px !important; } .language-flag-lt .country-flag { background-position: 0 -592px !important; } .language-flag-mk .country-flag { background-position: 0 -608px !important; } .language-flag-ms .country-flag { background-position: 0 -624px !important; } .language-flag-mt .country-flag { background-position: 0 -640px !important; } .language-flag-no .country-flag { background-position: 0 -656px !important; } .language-flag-fa .country-flag { background-position: 0 -672px !important; } .language-flag-pl .country-flag { background-position: 0 -688px !important; } .language-flag-pt .country-flag { background-position: 0 -704px !important; } .language-flag-ro .country-flag { background-position: 0 -720px !important; } .language-flag-ru .country-flag { background-position: 0 -736px !important; } .language-flag-sr .country-flag { background-position: 0 -752px !important; } .language-flag-sk .country-flag { background-position: 0 -768px !important; } .language-flag-sl .country-flag { background-position: 0 -784px !important; } .language-flag-es .country-flag { background-position: 0 -800px !important; } .language-flag-sw .country-flag { background-position: 0 -816px !important; } .language-flag-sv .country-flag { background-position: 0 -832px !important; } .language-flag-th .country-flag { background-position: 0 -848px !important; } .language-flag-tr .country-flag { background-position: 0 -864px !important; } .language-flag-uk .country-flag { background-position: 0 -880px !important; } .language-flag-ur .country-flag { background-position: 0 -896px !important; } .language-flag-vi .country-flag { background-position: 0 -912px !important; } .language-flag-cy .country-flag { background-position: 0 -928px !important; } .language-flag-yi .country-flag { background-position: 0 -944px !important; } .language-flag-bn .country-flag { background-position: 0 -960px !important; } .language-flag-eo .country-flag { background-position: 0 -976px !important; } .language-flag.language-flag-custom-afghanistan .country-flag { background-position: 0 -992px !important; } .language-flag.language-flag-custom-albania .country-flag { background-position: 0 -1008px !important; } .language-flag.language-flag-custom-algeria .country-flag { background-position: 0 -1024px !important; } .language-flag.language-flag-custom-argentina .country-flag { background-position: 0 -1040px !important; } .language-flag.language-flag-custom-australia .country-flag { background-position: 0 -1056px !important; } .language-flag.language-flag-custom-austria .country-flag { background-position: 0 -1072px !important; } .language-flag.language-flag-custom-belgium .country-flag { background-position: 0 -1088px !important; } .language-flag.language-flag-custom-brazil .country-flag { background-position: 0 -1104px !important; } .language-flag.language-flag-custom-canada .country-flag { background-position: 0 -1120px !important; } .language-flag.language-flag-custom-chile .country-flag { background-position: 0 -1136px !important; } .language-flag.language-flag-custom-cote-d-ivoire .country-flag { background-position: 0 -1152px !important; } .language-flag.language-flag-custom-ecuador .country-flag { background-position: 0 -1168px !important; } .language-flag.language-flag-custom-egypt .country-flag { background-position: 0 -1184px !important; } .language-flag.language-flag-custom-england .country-flag { background-position: 0 -1200px !important; } .language-flag.language-flag-custom-luxembourg .country-flag { background-position: 0 -1216px !important; } .language-flag.language-flag-custom-malaysia .country-flag { background-position: 0 -1232px !important; } .language-flag.language-flag-custom-mexico .country-flag { background-position: 0 -1248px !important; } .language-flag.language-flag-custom-new-zealand .country-flag { background-position: 0 -1264px !important; } .language-flag.language-flag-custom-oman .country-flag { background-position: 0 -1280px !important; } .language-flag.language-flag-custom-qatar .country-flag { background-position: 0 -1296px !important; } .language-flag.language-flag-custom-saudi-arabia .country-flag { background-position: 0 -1312px !important; } .language-flag.language-flag-custom-singapore .country-flag { background-position: 0 -1328px !important; } .language-flag.language-flag-custom-south-africa .country-flag { background-position: 0 0 !important; } .language-flag.language-flag-custom-switzerland .country-flag { background-position: 0 -1344px !important; } .language-flag.language-flag-custom-syria .country-flag { background-position: 0 -1360px !important; } .language-flag.language-flag-custom-united-arab-emirates .country-flag { background-position: 0 -1376px !important; } .language-flag.language-flag-custom-united-states-of-america .country-flag { background-position: 0 -1392px !important; } .language-flag-hy .country-flag { background-position: 0 -1408px; } .language-flag-bs .country-flag { background-position: 0 -1424px; } .language-flag-ceb .country-flag { background-position: 0 -1440px; } .language-flag-ny .country-flag { background-position: 0 -1456px; } .language-flag-ha .country-flag { background-position: 0 -1472px; } .language-flag-hmn .country-flag { background-position: 0 -1488px; } .language-flag-ig .country-flag { background-position: 0 -1504px; } .language-flag-jw .country-flag { background-position: 0 -1520px; } .language-flag-kk .country-flag { background-position: 0 -1536px; } .language-flag-km .country-flag { background-position: 0 -1552px; } .language-flag-lo .country-flag { background-position: 0 -1568px; } .language-flag-la .country-flag { background-position: 0 -1584px; } .language-flag-mg .country-flag { background-position: 0 -1600px; } .language-flag-ml .country-flag { background-position: 0 -1616px; } .language-flag-mi .country-flag { background-position: 0 -1632px; } .language-flag-mr .country-flag { background-position: 0 -1648px; } .language-flag-mn .country-flag { background-position: 0 -1664px; } .language-flag-my .country-flag { background-position: 0 -1680px; } .language-flag-ne .country-flag { background-position: 0 -1696px; } .language-flag-pa .country-flag { background-position: 0 -1712px; } .language-flag-st .country-flag { background-position: 0 -1728px; } .language-flag-si .country-flag { background-position: 0 -1744px; } .language-flag-so .country-flag { background-position: 0 -1760px; } .language-flag-su .country-flag { background-position: 0 -1776px; } .language-flag-tg .country-flag { background-position: 0 -1792px; } .language-flag-uz .country-flag { background-position: 0 -1808px; } .language-flag-yo .country-flag { background-position: 0 -1824px; } .language-flag-zu .country-flag { background-position: 0 -1840px; } /*------------------------------- language end ----------------------------------*/ @media screen and (min-width: 950px) { .head-shopcart { order: 4; } .head-login-info { order: 3; } .header .btn--search { order: 5; margin-left: 35px; cursor: pointer; } .header .change-language { order: 6; } } @media screen and (max-width: 1366px) { .nav-bar .nav li a { font-size: 14px; padding: 0 15px; } } @media screen and (max-width: 950px) { header .logo { padding: 10px 0; } header .logo img { max-height: 50px; } } /* index */ main * { box-sizing: border-box; } .d_flex { display: flex; flex-wrap: wrap; } .index_hd { text-align: center; } .index_hd .hd_title { font-family: Poppins-SemiBold; font-size: 50px; line-height: 1.2; color: #000000; } .index_hd .hd_title span { color: #a38a52; } .index_hd .desc { font-family: Poppins-Regular; font-size: 18px; margin: 10px 22% 0; color: #666666; line-height: 1.15; hyphens: auto; } .tab-pannel-wrap { position: relative; } .tab-pannel { position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; visibility: hidden; width: 100%; -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s; height: 0; overflow: hidden } .tab-pannel.active { position: relative; top: unset; left: unset; width: 100%; z-index: 1; opacity: 1; visibility: visible; height: auto } @media screen and (max-width: 1366px) { .index_hd .hd_title { font-size: 40px; } .index_hd .desc { margin: 10px 0 0; font-size: 14px; } } @media screen and (max-width: 950px) { .index_hd .hd_title { font-size: 30px; } } @media screen and (max-width: 950px) { .index_hd .hd_title { font-size: 24px; } } /* banner */ .index_banner { width: 100%; position: relative; } .index_banner .slider_banner { width: 100%; } .index_banner .slider_banner .item_inner { position: relative; width: 100%; } .index_banner .slider_banner .item_inner img { width: 100%; } .index_banner .slider_banner .item_inner .item_info { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .index_banner .slider_banner .item_inner .item_info .layout { padding-right: 40%; box-sizing: border-box; } .index_banner .item_title { font-family: Denmark; font-size: 122px; line-height: 1; color: #000000; } .index_banner .item_desc { font-size: 28px; line-height: 1.28; color: #000000; margin-top: 50px; } .index_banner .item_more { width: 214px; height: 67px; background-color: #000000; display: flex; justify-content: center; align-items: center; border: 1px solid #000000; color: #fff; font-size: 28px; transition: all .3s; margin-top: 48px; box-sizing: border-box; } .index_banner .item_more:hover { background-color: #fff; color: #000000; } @media screen and (max-width: 1366px) { .index_banner .item_title { font-size: 40px; } .index_banner .item_desc { font-size: 14px; margin-top: 20px; } .index_banner .item_more { font-size: 14px; width: 120px; height: 30px; margin-top: 20px; } } @media screen and (max-width: 768px) { .index_banner .slider_banner .item_inner .item_info .layout { padding-right: 0; } .index_banner .item_title { font-size: 20px; } .index_banner .item_desc { font-size: 12px; margin-top: 10px; } .index_banner .item_more { margin-top: 10px; } } /* index_product */ .index_product { position: relative; overflow: hidden; padding: 90px 0 120px; } .index_product .index_bd { margin-top: 45px; position: relative; } .index_product .tab_nav .swiper-wrapper { justify-content: space-between; width: 100% !important; transform: none !important; flex-wrap: wrap; } .index_product .tab_nav .swiper-slide { width: max-content !important; } .index_product .tab_nav .swiper-slide a { display: block; font-family: Poppins-SemiBold; font-size: 20px; color: #000000; border-bottom: 1px solid transparent; transition: all .3s; padding: 3px 0; } .index_product .tab_nav .swiper-slide.swiper-slide-thumb-active a { color: #a38a52; border-color: #a38a52; } .index_product .product_items { margin-top: 27px; overflow: visible; } .index_product .product_items .swiper-slide a { position: relative; display: block; overflow: hidden; } .index_product .product_items .swiper-slide a:hover img { transform: scale(1.08); } .index_product .product_items .swiper-slide a img { transition: all .5s; } .index_product .product_items .swiper-slide.swiper-slide-active a::after { opacity: 0; } .index_product .product_items .swiper-slide a::after { display: block; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .8; background-color: #fff; pointer-events: none; transition: all .3s; } @media screen and (max-width: 1366px) { .index_product .tab_nav .swiper-slide a { font-size: 14px; } } @media screen and (max-width: 768px) { .index_product .tab_nav .swiper-slide { width: 33% !important; text-align: center; } } @media screen and (max-width: 480px) { .index_product .tab_nav .swiper-slide { width: 50% !important; text-align: center; } .index_product { padding: 50px 0; } } /* index_service */ .index_service { overflow: hidden; position: relative; background-image: url('img/cate-bg.png'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 90px 0 50px; } .index_service .service_items { margin: 35px -25px 0; } .index_service .service_item { width: 20%; padding: 10px 25px; } .index_service .service_item a { display: block; text-align: center; } .index_service .service_item a .item_img { width: 100%; overflow: hidden; } .index_service .service_item a .item_img img { width: 100%; transition: all .5s; } .index_service .service_item a:hover .item_img img { transform: scale(1.1); } .index_service .service_item a .item_title { font-family: Poppins-SemiBold; font-size: 20px; padding: 20px 10px; line-height: 1.2; } .index_service .service_btn { display: flex; width: 214px; height: 67px; border: solid 1px #a38a52; justify-content: center; align-items: center; color: #a38a52; font-size: 18px; transition: all .3s; margin: 10px auto 0; } .index_service .service_btn:hover { background-color: #a38a52; color: #fff; } @media screen and (max-width: 1366px) { .index_service .service_items { margin: 20px -5px; justify-content: center; } .index_service .service_item { padding: 10px; width: calc(100% / 3); } .index_service .service_item a .item_title { font-size: 14px; padding: 10px; } .index_service .service_btn { font-size: 14px; width: 140px; height: 40px; } } @media screen and (max-width: 768px) { .index_service .service_item { width: calc(100% / 2); } } @media screen and (max-width: 480px) { .index_service { padding: 30px 0; } } @media screen and (max-width: 320px) { .index_service .service_item { width: calc(100% / 1); } } /* index_design */ .index_design { position: relative; overflow: hidden; padding: 100px 0 50px; } .index_design .layout {} .index_design .design_items { margin-top: 52px; } .index_design .design_item { width: calc(100% / 6); height: auto; } .index_design .design_item .item_inner { display: block; height: 100%; position: relative; overflow: hidden; } .index_design .design_item .item_inner .item_img { height: 100%; width: 100%; overflow: hidden; } .index_design .design_item .item_inner .item_img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; } .index_design .design_item .item_inner:hover .item_img img { transform: scale(1.1); } .index_design .design_item .item_bottom { width: 100%; position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-between; height: 70px; align-items: center; background-color: rgba(0, 0, 0, .37); color: #fff; padding: 5px 30px; font-family: Poppins-Medium; font-size: 18px; transition: all .3s; } .index_design .design_item .item_bottom span { text-align: right; display: block; max-width: 90%; line-height: 1.1; } .index_design .design_item .item_info { position: absolute; width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; left: 0; bottom: 0; transform: translateY(100%); transition: all .5s; background-color: rgba(0, 0, 0, .5); color: #fff; padding: 0 15% 20px; flex-direction: column; text-align: center; } .index_design .design_item .item_info .item_order_inner { width: 33px; height: 33px; border: solid 1px #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; } .index_design .design_item .item_info .item_line { width: 2px; height: 31px; background-color: #fff; margin-top: 7px; margin-bottom: 5px; } .index_design .design_item .item_info .item_title { font-size: 18px; line-height: 1.3; } .index_design .design_item .item_info .item_more { display: flex; justify-content: center; align-items: center; width: 141px; height: 41px; background-color: #a38a52; border: 1px solid #a38a52; transition: all .3s; color: #fff; font-size: 14px; font-family: Poppins-Medium; margin-top: 40px; } .index_design .design_item .item_info .item_more:hover { background-color: #fff; color: #a38a52; } .index_design .design_item .item_inner:hover .item_bottom { opacity: 0; visibility: hidden; } .index_design .design_item .item_inner:hover .item_info { transform: none; } @media screen and (max-width: 1366px) { .index_design .design_item .item_bottom { font-size: 14px; padding: 5px 10px; } .index_design .design_item .item_info .item_title { font-size: 14px; } .index_design .design_item .item_info .item_more { width: 120px; height: 35px; margin-top: 20px; } } @media screen and (max-width: 950px) { .index_design .design_item { width: calc(100% / 3); } } @media screen and (max-width: 768px) {} @media screen and (max-width: 480px) { .index_design { padding: 40px 0; } .index_design .design_item { width: calc(100% / 2); } } /* .index_about */ .index_about { position: relative; overflow: hidden; padding: 130px 0 100px; } .index_about .index_about_wrap { align-items: center; } .index_about .left_content { width: calc(100% - 46%); padding-right: 56px; } .index_about .right_img { width: 46%; overflow: hidden; } .index_about .right_img img { transition: all .5s; width: 100%; } .index_about .right_img:hover img { transform: scale(1.1); } .index_about .index_hd { text-align: left; margin-top: 18px; } .index_about .big_tit { font-family: Poppins-Bold; font-size: 110px; -webkit-text-stroke: 1px #a38a52; color: transparent; line-height: 1.1; text-align: right; margin-top: -15px; } .index_about .about_title { font-family: Poppins-SemiBold; font-size: 20px; line-height: 1.4; margin-top: 3px; } .index_about .desc { font-size: 18px; padding-right: 30px; line-height: 1.35; color: #666666; margin-top: 28px; } .index_about .about_tit { font-family: Poppins-SemiBold; font-size: 20px; margin-top: 28px; color: #0d0d0d; } .index_about .about_desc { font-size: 18px; line-height: 1.35; color: #666666; } .index_about .about_desc p { margin-bottom: 23px; } .index_about .about_desc b { font-family: Poppins-SemiBold; color: #0d0d0d; } .index_about .about_btn { display: flex; width: 214px; height: 67px; border: solid 1px #a38a52; justify-content: center; align-items: center; color: #a38a52; font-size: 18px; transition: all .3s; margin-top: 100px; } .index_about .about_btn:hover { background-color: #a38a52; color: #fff; } @media screen and (max-width: 1366px) { .index_about .big_tit { font-size: 70px; margin-top: 0; } .index_about .desc { font-size: 14px; } .index_about .about_desc { font-size: 14px; } .index_about .about_tit { font-size: 18px; } .index_about .about_btn { width: 140px; height: 35px; font-size: 14px; margin-top: 30px; } .index_about .left_content { padding-right: 20px; } } @media screen and (max-width: 950px) { .index_about .left_content { width: 100%; padding-right: 0; } .index_about .right_img { width: 100%; margin-top: 20px; } .index_about .big_tit { font-size: 50px; } } @media screen and (max-width: 768px) {} @media screen and (max-width: 480px) { .index_about { padding: 40px 0; } .index_about .about_title { font-size: 16px; } .index_about .desc { padding-right: 0; } } /* index_form */ .index_form { position: relative; overflow: hidden; padding: 110px 0 90px; background-image: url(img/form-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .index_form .index_bd{ margin-top: 100px; } .index_form form>p{ display: flex; flex-wrap: wrap; justify-content: space-between; } .index_form form>p label{ width: 32.9%; } .index_form form>p label.textarea-label{ width: 100%; margin-top: 107px; } .index_form .mauticform_wrapper{ max-width: unset; } .index_form .mauticform-page-wrapper { display: flex !important; flex-wrap: wrap; justify-content: space-between; } .index_form .mauticform-row{ width: 32.9%; position: relative; } .index_form #mauticform_lifengbiaodan_f_message{ width: 100%; margin-top: 107px; } .inquiry-pop-bd #mauticform_lifengbiaodan_f_message textarea{ height: 100px; } .index_form #mauticform_lifengbiaodan_file_upload, .index_form #mauticform_lifengbiaodan_contact_us{ width: 49%; } .index_form #mauticform_lifengbiaodan_file_upload{ text-align: right; } .inquiry-pop-bd #mauticform_lifengbiaodan_contact_us{ text-align: center; } .inquiry-pop-bd .mauticform-row{ margin-top: 20px; } .index_form #mauticform_lifengbiaodan_contact_us button, .inquiry-pop-bd #mauticform_lifengbiaodan_contact_us button{ position: relative; display: inline-flex; justify-content: center; width: 193px; height: 52px; background-color: #a38a52; align-items: center; color: #fff; font-size: 18px; cursor: pointer; border-radius: 0; font-weight: 400; } .index_form #mauticform_lifengbiaodan_contact_us button::after, .inquiry-pop-bd #mauticform_lifengbiaodan_contact_us button::after{ content: ''; display: block; width: 21px; height: 22px; transition: all .3s; margin-left: 54px; background-image: url(img/send.png); } .index_form #mauticform_lifengbiaodan_contact_us button:hover::after, .inquiry-pop-bd #mauticform_lifengbiaodan_contact_us button:hover::after{ transform: translateX(5px); } .index_form #mauticform_lifengbiaodan_file_upload label{ position: relative; display: inline-flex; justify-content: center; width: 193px; height: 52px; border: solid 2px #a38a52; align-items: center; color: #a38a52; font-size: 18px; cursor: pointer; font-weight: normal; } .index_form #mauticform_lifengbiaodan_file_upload label::after{ content: ''; display: block; width: 18px; height: 18px; transition: all .3s; margin-left: 31px; background-image: url(img/file.png); } .index_form #mauticform_lifengbiaodan_file_upload label:hover::after{ transform: translateX(5px); } .index_form input[type="file"]{ display: none; } .inquiry-pop-bd form{ padding-top: 4%; } .index_form form input, .index_form form textarea, .inquiry-pop-bd form input, .inquiry-pop-bd form textarea{ width: 100%; border: none; outline: none; font-size: 18px; color: #303130; background-color: transparent; border-bottom: 1px solid #303130; height: unset; padding: 0; border-radius: 0; } .index_form form input::placeholder, .index_form form textarea::placeholder, .inquiry-pop-bd form input::placeholder, .inquiry-pop-bd form textarea::placeholder{ color: #303130; } .index_form form textarea{ height: 40px; } .inquiry-pop-bd form #mauticform_lifengbiaodan_file_upload{ display: none; } .index_form form .inq-text{ width: 100%; justify-content: center; font-size: 18px; margin-top: 30px; margin-bottom: 15px; } .index_form form .file-label{ width: auto; margin: 0 15px 10px; } .index_form form .file-label span[data-name="file-upload"] input{ display: none; } .index_form form .file-label .fileUp{ position: relative; display: inline-flex; justify-content: center; width: 193px; height: 52px; border: solid 2px #a38a52; align-items: center; color: #a38a52; font-size: 18px; cursor: pointer; } .index_form form .file-label .fileUp::after{ content: ''; display: block; width: 18px; height: 18px; transition: all .3s; margin-left: 31px; background-image: url(img/file.png); } .index_form form .file-label .fileUp:hover::after{ transform: translateX(5px); } .index_form form .sub-label{ width: auto; position: relative; margin: 0 15px 10px; } .index_form form .sub-label input{ display: none; } .index_form form .sub-label .Inquiry{ position: relative; display: inline-flex; justify-content: center; width: 193px; height: 52px; background-color: #a38a52; align-items: center; color: #fff; font-size: 18px; cursor: pointer; } .index_form form .sub-label .Inquiry::after{ content: ''; display: block; width: 21px; height: 22px; transition: all .3s; margin-left: 54px; background-image: url(img/send.png); } .index_form form .sub-label .Inquiry:hover::after{ transform: translateX(5px); } .index_form form>p+p+p{ justify-content: center; } .index_form form .wpcf7-spinner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 950px) { .index_form{ padding: 40px 0; } .index_form form>p label{ width: 100%; margin-bottom: 20px; font-size: 14px; } .index_form form input, .index_form form textarea{ font-size: 14px; } .index_form form>p label.textarea-label{ margin-top: 0; } .index_form .index_bd{ margin-top: 50px; } .index_form form .inq-text{ font-size: 14px; margin-top: 20px; } .index_form form .file-label .fileUp{ font-size: 14px; width: 150px; height: 35px; } .index_form form .file-label .fileUp::after{ margin-left: 10px; } .index_form form .sub-label .Inquiry{ width: 150px; height: 35px; font-size: 14px; } .index_form form .sub-label .Inquiry::after{ margin-left: 10px; } .index_form .mauticform-row{ width: 100%; margin-bottom: 20px; } .index_form #mauticform_lifengbiaodan_f_message{ margin-top: 0; } .index_form #mauticform_lifengbiaodan_file_upload, .index_form #mauticform_lifengbiaodan_contact_us{ width: 100%; text-align: center; } } /* index_news */ .index_news { position: relative; overflow: hidden; padding: 63px 0 85px; } .index_news .index_news_wrap { position: relative; justify-content: space-between; } .index_news .news_left { width: 49.72%; position: relative; z-index: 2; } .index_news .index_hd { text-align: left; } .index_news .index_hd .desc { margin: 10px 0 0; line-height: 1.3; padding-right: 30%; } .index_news .tab-pannel-wrap { margin-top: 60px; } .index_news .tab-pannel-wrap .tab-pannel.active { overflow: visible; } .index_news .item_inner { display: block; position: relative; } .index_news .item_inner .item_img { width: 100%; overflow: hidden; } .index_news .item_inner .item_img img { width: 100%; object-fit: cover; transition: all .5s; } .index_news .item_inner:hover .item_img img { transform: scale(1.1); } .index_news .news_left_item .item_time { position: absolute; background-color: #a38a52; display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; color: #fff; top: 40px; flex-wrap: wrap; left: -18px; align-content: center; } .index_news .news_left_item .item_time .day { font-size: 44px; font-family: Poppins-Medium; line-height: 1; margin-bottom: 3px; } .index_news .news_left_item .item_time span { font-size: 12px; } .index_news .news_left_item .item_title { position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; font-size: 22px; font-family: Poppins-Medium; padding: 22px 23px; } .index_news .news_more { display: flex; width: 214px; height: 67px; border: solid 1px #a38a52; justify-content: center; align-items: center; color: #a38a52; font-size: 18px; transition: all .3s; margin-top: 67px; } .index_news .news_more:hover { background-color: #a38a52; color: #fff; } .index_news .news_right { width: 44.97%; position: relative; z-index: 2; } .index_news .news_right .tab-nav { position: relative; padding: 118px 0 26px; border-left: 1px solid rgba(189, 189, 189, .8); height: 100%; } .index_news .news_right .item_inner { transition: all .3s; padding: 38px 49px 34px 50px; } .index_news .news_right .item_inner::before { content: ''; position: absolute; width: 7px; height: 66.1%; left: 0; top: 50%; background-color: transparent; transition: all .3s; transform: translateY(-50%); } .index_news .news_right .item_title { font-family: Poppins-SemiBold; font-size: 22px; line-height: 1; color: #000; } .index_news .news_right .item_time { font-family: Poppins-SemiBold; font-size: 14px; line-height: 1; color: #a38a52; margin-top: 5px; } .index_news .news_right .item_desc { font-family: Poppins-Regular; font-size: 18px; line-height: 1.4; color: #666666; margin-top: 25px; } .index_news .nav-item { margin-bottom: 6px; } .index_news .nav-item.active .item_inner { background-color: #fff; } .index_news .nav-item.active .item_inner::before { background-color: #a38a52; } .index_news .right_bg { height: 100%; position: absolute; height: 100%; z-index: 0; top: 0; right: calc((100vw - 100%) / -2); width: 79.39%; } .index_news .right_bg img { height: 100%; width: 100%; object-fit: cover; } @media screen and (max-width: 1366px) { .index_news .news_left_item .item_title { font-size: 14px; } .index_news .news_left_item .item_time .day { font-size: 24px; width: 100%; text-align: center; } .index_news .news_more { width: 140px; height: 35px; font-size: 14px; margin-top: 30px; } .index_news .news_right .tab-nav { padding: 50px 0; } .index_news .news_right .item_title { font-size: 16px; } .index_news .news_right .item_desc { font-size: 14px; margin-top: 10px; } } @media screen and (max-width: 950px) { .index_news .news_right .item_inner { padding: 15px 20px; } .index_news .tab-pannel-wrap { margin-top: 20px; } } @media screen and (max-width: 768px) { .index_news .news_left { width: 100%; } .index_news .news_right { width: 100%; margin-top: 20px; } .index_news .news_right .tab-nav { padding: 20px 0; } .index_news .index_hd .desc { padding-right: 0; } .index_news .right_bg { width: 100%; right: 0; height: 50%; bottom: 0; top: unset; } .index_news .news_left_item .item_time { width: 70px; height: 70px; left: -5px; } } @media screen and (max-width: 480px) { .index_news { padding: 40px 0; } } /* footer */ .web_footer { padding-top: 65px; background-color: #000000; } .web_footer, .web_footer a { color: rgba(255, 255, 255, .8); font-size: 18px; line-height: 1.7; } .web_footer li { position: relative; display: block } .web_footer .foot-items { position: relative; padding-bottom: 90px; justify-content: space-between; } .web_footer .foot-item { max-width: 19% } .web_footer .foot-item .foot-contacts li { line-height: 1.25; padding: 3px 0 8px; } .web_footer .foot-item.foot-company-item { width: 30%; max-width: 30% } .web_footer .foot-item .foot-logo { position: relative; margin-bottom: 30px } .web_footer .foot-item .foot-title { font-family: Poppins-SemiBold; font-size: 20px; color: #fff; margin-top: 20px; margin-bottom: 18px; } .web_footer .foot-item .foot-nav-item li { position: relative; display: block; padding: 3px 0; } .web_footer .foot-social-item { position: relative; padding: 7px 0 } .web_footer .foot-social-item li { display: inline-block; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s } .web_footer .foot-social-item li:hover { transform: translateY(-5px); } .web_footer .foot-social-item li a { position: relative; display: block; } .web_footer .foot-social-item li+li { margin-left: 31px; } .web_footer .copyright { padding: 22px 0; color: #fff; text-align: center } .web_footer .foot-nav-item li { -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s } .web_footer .foot-nav-item li:hover { -webkit-transform: translateX(5px); transform: translateX(5px) } .web_footer .foot-nav-item li:hover a { color: #fff } @media screen and (max-width: 1440px) { .web_footer { padding-top: 40px } .web_footer, .web_footer a { font-size: 14px } .web_footer .foot-items { padding-bottom: 50px } .web_footer .foot-item .foot-logo { margin-bottom: 21px } .web_footer .foot-item .foot-title { font-size: 18px; } .web_footer .foot-social-item { padding: 10px 0 } .web_footer .copyright { padding: 10px 0 } .web_footer .foot-social-item li+li { margin-left: 10px; } } @media screen and (max-width: 950px) { .web_footer { padding-top: 42px } .web_footer a { color: rgba(255, 255, 255, .8) !important; } .web_footer .foot-items { padding-bottom: 42px } .web_footer .foot-item .foot-title { margin-bottom: 10px; margin-top: 10px; } .web_footer .foot-item, .web_footer .foot-item.foot-company-item { padding: 14px 0; width: 46%; max-width: unset } .web_footer .copyright { font-size: 14px !important; } } @media screen and (max-width: 768px) { .web_footer { padding-top: 28px } .web_footer .foot-items { padding-bottom: 28px } .web_footer, .web_footer a { font-size: 13px } } @media screen and (max-width: 640px) { .web_footer .foot-item, .web_footer .foot-item.foot-company-item { width: 100% } .web_footer { padding-top: 14px } .web_footer .foot-items { padding-bottom: 14px } } /* product-list */ /* index_productlist_banner */ .index_productlist_banner { position: relative; width: 100%; overflow: hidden; } .index_productlist_banner>img { width: 100%; } .index_productlist_banner .banner_info { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); padding-bottom: 20px; color: #fff; } .index_productlist_banner .banner_info .layout { padding-right: 40%; } .index_productlist_banner .banner_title { font-family: Poppins-Medium; font-size: 45px; line-height: 1.2; font-weight: normal; } .index_productlist_banner .banner_desc { font-size: 24px; line-height: 1.35; margin-top: 35px; } @media screen and (max-width: 1440px) { .index_productlist_banner .banner_title { font-size: 30px; } .index_productlist_banner .banner_desc { font-size: 16px; } } @media screen and (max-width: 950px) { .index_productlist_banner .banner_info .layout { padding-right: 5%; } } @media screen and (max-width: 768px) { .index_productlist_banner .banner_title { font-size: 18px; } .index_productlist_banner .banner_desc { font-size: 12px; margin-top: 10px; } .index_productlist_banner>img { min-height: 200px; object-fit: cover; } } /* product_list_items */ .product-list-main .main { padding-left: 55px; } .woocommerce .woocommerce-ordering { display: none; } .product_list_items { margin: 0 -20px; } .product_list_item { width: calc(100% / 4); padding: 0 20px 50px; float: left; } .woocommerce.columns-4 { width: 100%; } .product_list_item .item_img { overflow: hidden; } .product_list_item .item_img img { width: 100%; transition: all .5s; } .product_list_item .item_inner:hover .item_img img { transform: scale(1.1); } .product_list_item .item_info { padding: 10px 0; } .product_list_item .item_title { font-family: Poppins-Medium; font-size: 18px; line-height: 1.3; } .product_list_item .item_desc { font-size: 16px; color: #666666; line-height: 1; margin-top: 8px; } .product_list_item .quote { width: 100px; height: 28px; background-color: #a38a52; border-radius: 5px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; transition: all .3s; margin-top: 25px; border: solid 1px #a38a52; } .product_list_item .quote:hover { background-color: #fff; color: #a38a52; } @media screen and (max-width: 1366px) { .product_list_items { margin: 0 -5px; } .product_list_item { padding: 0 5px 20px; width: calc(100% / 3); } } @media screen and (max-width: 950px) { .product-list-main { padding-top: 30px; padding-bottom: 0; } .product-list-main .aside { /* display: none !important; */ } .product-list-main .main { padding-left: 0; } } @media screen and (max-width: 480px) { .product_list_item { width: calc(100% / 2); } } /* productlist-grades */ .productlist-grades { position: relative; width: 100%; overflow: hidden; } .productlist-grades img { width: 100%; object-fit: cover; } .productlist-grades .grades_title { font-family: Poppins-Medium; font-size: 56px; line-height: 1.2; text-align: center; position: absolute; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 1366px) { .productlist-grades .grades_title { font-size: 30px; } } @media screen and (max-width: 480px) { .productlist-grades .grades_title { font-size: 20px; white-space: nowrap; } } /* productlist_categories */ .productlist_categories { position: relative; overflow: hidden; padding: 75px 0 0; } .productlist_categories .index_hd { text-align: left; } .productlist_categories .title { line-height: 1; font-family: Poppins-Medium; font-size: 36px; } .productlist_categories .title span { color: #a38a52; } .productlist_categories .cate_items { margin: 30px -29px 0; } .productlist_categories .cate_item { width: calc(100% / 4); padding: 10px 29px; } .productlist_categories .cate_item .item_inner { display: block; width: 100%; position: relative; } .productlist_categories .cate_item .item_inner .item_img { overflow: hidden; width: 100%; } .productlist_categories .cate_item .item_inner .item_img img { width: 100%; transition: all .5s; } .productlist_categories .cate_item .item_inner:hover .item_img img { transform: scale(1.1); } .productlist_categories .cate_item .item_inner .item_title { padding: 15px 0 5px; font-family: Poppins-Medium; font-size: 22px; } @media screen and (max-width: 1366px) { .productlist_categories .cate_items { margin: 20px -5px 0; } .productlist_categories .cate_item { padding: 10px 5px; } .productlist_categories .title { font-size: 20px; } .productlist_categories .cate_item .item_inner .item_title { font-size: 14px; padding: 10px 0; } } @media screen and (max-width: 950px) { .productlist_categories { padding: 30px 0 0; } .productlist_categories .cate_item { width: calc(100% / 3); } } @media screen and (max-width: 480px) { .productlist_categories .cate_item { width: calc(100% / 2); } } /* options */ .productlist_options { position: relative; overflow: hidden; margin-top: 110px; background-color: #fdfbf6; padding: 85px 0 70px; } .productlist_options .title { font-family: Poppins-Medium; font-size: 46px; line-height: 1.4; } .productlist_options .title span { color: #a38a52; } .productlist_options .tab-nav { width: 77.86%; margin: 45px auto 0; border-radius: 30px; overflow: hidden; justify-content: space-between; background-color: #ebe4d5; } .productlist_options .tab-nav .nav-item { font-family: Poppins-Medium; font-size: 20px; transition: all .3s; border-radius: 30px; min-width: 24%; padding: 12px 0; text-align: center; cursor: pointer; } .productlist_options .tab-nav .nav-item.active { background-color: #a38a52; color: #fff; } .productlist_options .option_items { margin: 60px -55px 0; } .productlist_options .option_item { padding: 20px 55px; width: calc(100% / 4); } .productlist_options .option_item .item_inner { display: block; text-align: center; } .productlist_options .option_item .item_inner .item_img { overflow: hidden; width: 100%; } .productlist_options .option_item .item_inner .item_img img { width: 100%; transition: all .5s; } .productlist_options .option_item .item_inner:hover .item_img img { transform: scale(1.1); } .productlist_options .option_item .item_title { font-family: Poppins-Medium; font-size: 20px; color: #010101; padding: 14px 0; } .productlist_options .quota { display: flex; margin: 3% auto 0; justify-content: center; align-items: center; font-size: 18px; color: #fff; width: 246px; height: 52px; background-color: #a38a52; border-radius: 5px; border: solid 1px #a38a52; transition: all .3s; } .productlist_options .quota:hover { background-color: #fff; color: #a38a52; } @media screen and (max-width: 1366px) { .productlist_options .title { font-size: 30px; } .productlist_options .tab-nav .nav-item { font-size: 14px; } .productlist_options .tab-nav { margin-top: 20px; } .productlist_options .option_items { margin: 20px -10px; } .productlist_options .option_item { padding: 10px 10px; } .productlist_options .option_item .item_title { font-size: 14px; padding: 10px 0; } } @media screen and (max-width: 950px) { .productlist_options .tab-nav { width: 100%; } .productlist_options .tab-nav .nav-item { width: 25%; } .productlist_options .title { font-size: 24px; } .productlist_options { margin-top: 20px; padding: 30px 0; } } @media screen and (max-width: 640px) { .productlist_options .option_item { width: calc(100% / 3); } .productlist_options .tab-nav .nav-item { width: 50%; } } @media screen and (max-width: 480px) { .productlist_options .option_item { width: calc(100% / 2); } .productlist_options .quota { font-size: 14px; width: 200px; height: 40px; } } /* productlist_form */ .productlist_form { position: relative; background-color: #a38a52; padding: 70px 0 95px; overflow: hidden; text-align: center; } .productlist_form .title { line-height: 1; font-family: Poppins-Medium; font-size: 46px; color: #fff; } .productlist_form .title span { color: #000000; } .productlist_form .form_desc { font-size: 20px; color: #fff; margin-top: 15px; } .productlist_form .inquiry_btn { display: flex; margin: 40px auto 0; width: 201px; height: 52px; background-color: #ffffff; border-radius: 5px; justify-content: center; align-items: center; color: #000000; font-size: 18px; transition: all .3s; } .productlist_form .inquiry_btn:hover { color: #a38a52; } @media screen and (max-width: 1366px) { .productlist_form .title { font-size: 30px; } .productlist_form .form_desc { font-size: 14px; margin-top: 10px; } .productlist_form .inquiry_btn { margin-top: 20px; } } @media screen and (max-width: 950px) { .productlist_form { padding: 40px 0; } .productlist_form .title { font-size: 24px; } .productlist_form .inquiry_btn { font-size: 14px; width: 150px; height: 35px; } } /* product-detail */ /* index_product_banner */ .index_product_banner { position: relative; width: 100%; overflow: hidden; } .index_product_banner>img { width: 100%; } .index_product_banner .banner_info { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); padding-bottom: 20px; color: #fff; } .index_product_banner .banner_info .layout { padding-right: 40%; } .index_product_banner .banner_title { font-family: Poppins-Medium; font-size: 45px; line-height: 1.2; font-weight: normal; } .index_product_banner .path-nav { color: #fff; font-family: Poppins-Medium; font-size: 18px; margin-top: 30px; } .index_product_banner .path-nav li { position: relative; } .index_product_banner .path-nav li a { color: #fff; } .index_product_banner .path-nav li:last-child::after { display: none; } .index_product_banner .path-nav li::after { content: '-'; display: inline-block; vertical-align: middle; margin: 0 5px; } @media screen and (max-width: 1440px) { .index_product_banner .banner_title { font-size: 30px; } .index_product_banner .path-nav { font-size: 16px; } .product-summary .page_title { font-size: 30px; } .product-summary .product-meta p { font-size: 14px; margin: 10px 0; } } @media screen and (max-width: 950px) { .index_product_banner .banner_info .layout { padding-right: 5%; } .product-summary .quote-btn { margin-top: 20px; } .product-summary .page_title { font-size: 24px; } } @media screen and (max-width: 768px) { .index_product_banner .banner_title { font-size: 18px; } .index_product_banner .path-nav { font-size: 12px; margin-top: 10px; } .index_product_banner>img { min-height: 200px; object-fit: cover; } .product-summary .quote-btn { width: 150px; height: 35px; font-size: 14px; } .product-view .image-additional-wrap { padding: 0 20px; } } /* product-table */ .product_table { position: relative; overflow: hidden; padding: 100px 0 93px; background-color: #fdfbf6; } .product_table .title { font-family: Poppins-SemiBold; font-size: 50px; line-height: 1; } .product_table .title span { color: #a38a52; } .product_table .index_bd { background-color: #ffffff; box-shadow: 0px 4px 27px 0px rgba(150, 113, 29, 0.23); border-radius: 30px; margin-top: 55px; padding: 52px 55px 55px 70px; } .product_table .index_bd th { text-align: left; font-family: Poppins-SemiBold; font-size: 24px; padding-bottom: 77px; } .product_table .index_bd th:first-child { width: 16.2%; } .product_table .index_bd th:nth-child(2) { padding-left: 150px; } .product_table .index_bd td { font-size: 20px; color: #666; } .product_table .index_bd .tbody { position: relative; margin-top: 84px; } .product_table .index_bd .tbody td { padding: 8px 0; } .product_table .index_bd .tbody tr:first-child td { padding-top: 0; } .product_table .index_bd .tbody tr:last-child td { padding-bottom: 0; } .product_table .index_bd .tbody::after { content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 16.2%; top: 0; background-color: #bebebe; } .product_table .index_bd td.value-column { padding-left: 158px; } @media screen and (max-width: 1440px) { .product_table .index_bd .tbody td { padding: 3px 0; } .product_table .index_bd td.value-column { padding-left: 40px; } .product_table .index_bd th:nth-child(2) { padding-left: 40px; } .product_table .index_bd th { padding-bottom: 20px; font-size: 16px; } .product_table .index_bd td { font-size: 14px; } .product_table .index_bd { padding: 20px; } .product_table .title { font-size: 30px; } } @media screen and (max-width: 768px) { .product_table .title { font-size: 24px; } .product_table .index_bd { margin-top: 20px; overflow-x: auto; } .product_table { padding: 40px 0; } .product_table .product-table { min-width: 800px; } } /* product-faq */ .porduct-faq { position: relative; padding: 100px 0 80px; background-color: #FCFCFC; } .porduct-faq .title-bar { position: relative; width: calc(100% - 56.07%); padding-right: 100px; } .porduct-faq .title-bar .title .sub { display: block; font-family: Poppins-SemiBold; font-size: 30px; line-height: 1; letter-spacing: 0px; color: #a38a52; margin-bottom: 25px; } .porduct-faq .title-bar .title .sub>* { display: inline-block; vertical-align: middle; } .porduct-faq .title-bar .title .sub i { width: 3px; height: 26px; background-color: #a38a52; margin-right: 20px; } .porduct-faq .title-bar .title strong { font-family: Poppins-SemiBold; font-size: 50px; color: #000000; line-height: 1.35; } .porduct-faq .title-bar .title strong span { color: #a38a52; } .porduct-faq .title-bar .faq-desc { font-size: 18px; line-height: 1.75; color: #666666; hyphens: auto; margin-top: 38px; } .porduct-faq .title-bar .faq-btn { display: flex; justify-content: center; align-items: center; width: 186px; height: 53px; background-color: #a38a52; border: 1px solid #a38a52; border-radius: 5px; color: #fff; font-size: 20px; transition: all .3s; margin-top: 26px; } .porduct-faq .title-bar .faq-btn:hover { background-color: #fff; color: #a38a52; } .porduct-faq .else-outer-wrap { position: relative; width: 56.07%; } .porduct-faq .question-list { padding: 14px 0 17px 0; } .porduct-faq .question-item { padding: 29px 0 25px 0; border-top: 1px solid #c9c9c9; position: relative; cursor: pointer; } .porduct-faq .item-hd { position: relative; align-items: center; } .porduct-faq .item-order { font-size: 31px; line-height: 1; font-family: Poppins-SemiBold; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .porduct-faq .item-order span { font-size: 25px; font-weight: 400; position: relative; } .porduct-faq .item-title { font-size: 20px; font-family: Poppins-SemiBold; padding-left: 93px; text-transform: capitalize; padding-right: 50px; } .porduct-faq .item-btn { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .porduct-faq .item-btn img { transition: all .3s; } .porduct-faq .question-item.active .item-btn img { transform: rotate(45deg); } .porduct-faq .item-info { padding-left: 93px; padding-right: 80px; } .porduct-faq .question-item.active .item-info { margin: 18px 0 0 0; } .porduct-faq .item-info .item-desc { font-size: 18px; color: #666; line-height: 1.7; height: 0; opacity: 0; } .porduct-faq .question-item.active .item-desc { height: auto; opacity: 1; } .porduct-faq .question-item, .porduct-faq .item-btn, .porduct-faq .item-btn i, .porduct-faq .item-desc { -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } @media only screen and (max-width:1366px) { .porduct-faq .title-bar .title .sub { font-size: 14px; } .porduct-faq .title-bar .title .sub i { height: 15px; margin-right: 5px; } .porduct-faq .title-bar .title strong { font-size: 30px; } .porduct-faq .title-bar .faq-desc { font-size: 14px; margin-top: 20px; } .porduct-faq .title-bar .faq-btn { width: 140px; height: 35px; font-size: 14px; } .porduct-faq .item-title { font-size: 16px; } .porduct-faq .item-order { font-size: 20px; } .porduct-faq .item-order span { font-size: 16px; } .porduct-faq .item-title { padding-left: 50px; } .porduct-faq .item-info .item-desc { font-size: 14px; } .porduct-faq .item-info { padding-left: 50px; } .porduct-faq .question-item { padding: 15px 0; } .porduct-faq .title-bar { padding-right: 50px; } } @media only screen and (max-width:768px) { .porduct-faq .title-bar { width: 100%; padding-right: 0; margin-bottom: 30px; } .porduct-faq .else-outer-wrap { width: 100%; } .porduct-faq .item-info { padding-right: 0; } .porduct-faq .title-bar .title strong { font-size: 24px; } .porduct-faq .title-bar .title .sub { margin-bottom: 10px; } .porduct-faq { padding: 40px 0; } } /* product-service */ .product-service { position: relative; padding: 125px 0; overflow: hidden; background-color: #fdfbf6; } .product-service .title { font-family: Poppins-SemiBold; font-size: 50px; line-height: 1; } .product-service .title span { color: #a38a52; } .product-service .service-list { margin: 50px -17px; } .product-service .service-list .service-item { padding: 0 17px; width: 50%; } .product-service .service-list .service-item:first-child .item-inner { background-color: #f6f0e3; } .product-service .service-list .service-item .item-inner { background-color: #ede5d5; border-radius: 10px; height: 100%; padding: 62px 68px 52px 44px; } .product-service .service-list .item-desc { font-size: 18px; line-height: 1.6; color: #666666; min-height: 210px; } .product-service .service-list .item-desc p { margin-bottom: 10px; } .product-service .service-list .item-tit { font-family: Poppins-SemiBold; color: #000; margin-top: 34px; } .product-service .service-list .item-btn { display: flex; justify-content: center; align-items: center; width: 186px; height: 52px; background-color: #a38a52; border-radius: 5px; border: 1px solid #a38a52; transition: all .3s; color: #fff; font-size: 20px; margin-top: 38px; } .product-service .service-list .item-btn:hover { background-color: #fff; color: #a38a52; } .product-service .service-left { width: 48.46%; } .product-service .service-left .service-img { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 733px; background-image: url(img/product-service-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px; overflow: hidden; padding: 50px 20px; } .product-service .service-left .service-img img { width: auto; z-index: 3; position: relative; max-width: 100%; } .product-service .service-right { width: calc(100% - 48.46%); padding-left: 37px; padding-top: 10px; } .product-service .option-item { margin-top: 18px; } .product-service .option-item .option-tit { position: relative; display: flex; align-items: center; font-family: Poppins-SemiBold; font-size: 24px; padding-left: 47px; } .product-service .option-item .option-tit i.circle { width: 17px; display: block; height: 17px; background-color: #a38a52; border-radius: 50%; margin-right: 29px; position: absolute; left: 0; } .product-service .option-sets { padding-left: 47px; display: flex; padding-top: 14px; } .product-service .option-set { flex-shrink: 0; text-align: center; max-width: 82px; } .product-service .option-set+.option-set { margin-left: 5px; } .product-service .option-set .item-title { font-size: 16px; color: #666; line-height: 1.2; padding: 6px 0 0; } .product-service .option-item i.circle::before { content: ''; display: block; position: absolute; width: 144px; height: 220px; border-top: 1px dashed #a38a52; border-left: 1px dashed #a38a52; left: 0; top: 8px; transform-origin: right top; transform: translateX(-100%) skew(-38deg); } .product-service .option-item02 i.circle::before { width: 105px; } .product-service .option-item03 i.circle::before { width: 170px; } .product-service .option-item04 i.circle::before { border-left: none; } .product-service .option-item05 i.circle::before { width: 110px; transform: translateX(-100%) skew(46deg) rotateX(180deg); } @media only screen and (max-width:1680px) { .product-service .option-sets { overflow-x: auto; } .product-service .option-sets { padding-bottom: 10px; } } @media only screen and (max-width:1366px) { .product-service .title { font-size: 30px; } .product-service .service-list { margin: 20px -5px; } .product-service .service-list .service-item { padding: 10px 5px; } .product-service .service-list .service-item .item-inner { padding: 20px; } .product-service .service-list .item-desc { font-size: 14px; min-height: unset; } .product-service .service-list .item-btn { font-size: 14px; width: 140px; height: 35px; margin-top: 20px; } .product-service .option-item .option-tit { font-size: 18px; } .product-service .option-set .item-title { font-size: 12px; } } @media only screen and (max-width:950px) { .product-service .service-left { width: 100%; } .product-service .service-left .service-img { min-height: unset; } .product-service .service-right { width: 100%; padding-left: 0; } .product-service .option-item .option-tit { padding-left: 0; } .product-service .option-item .option-tit i.circle { display: none; } .product-service .option-sets { padding-left: 0; padding: 10px 0; } } @media only screen and (max-width:640px) { .product-service { padding: 40px 0; } .product-service .service-list .service-item { width: 100%; } .product-service .service-list .item-tit { margin-top: 10px; } .product-service .title { font-size: 24px; } .product-service .option-item { margin-top: 10px; } } /* product-form */ .product-form { position: relative; overflow: hidden; padding: 110px 0 90px; background-image: url(img/form-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } .product-form .index_bd{ margin-top: 100px; } .product-form form>p{ display: flex; flex-wrap: wrap; justify-content: space-between; } .product-form form>p label{ width: 32.9%; } .product-form form>p label.textarea-label{ width: 100%; margin-top: 107px; } .product-form form input, .product-form form textarea{ width: 100%; border: none; outline: none; font-size: 18px; color: #303130; background-color: transparent; border-bottom: 1px solid #303130; height: unset; } .product-form form input::placeholder, .product-form form textarea::placeholder{ color: #303130; } .product-form form textarea{ height: 40px; } .product-form form .inq-text{ width: 100%; justify-content: center; font-size: 18px; margin-top: 30px; margin-bottom: 15px; } .product-form form .file-label{ width: auto; margin: 0 15px 10px; } .product-form form .file-label span[data-name="file-upload"] input{ display: none; } .product-form form .file-label .fileUp{ position: relative; display: inline-flex; justify-content: center; width: 193px; height: 52px; border: solid 2px #a38a52; align-items: center; color: #a38a52; font-size: 18px; cursor: pointer; } .product-form form .file-label .fileUp::after{ content: ''; display: block; width: 18px; height: 18px; transition: all .3s; margin-left: 31px; background-image: url(img/file.png); } .product-form form .file-label .fileUp:hover::after{ transform: translateX(5px); } .product-form form .sub-label{ width: auto; position: relative; margin: 0 15px 10px; } .product-form form .sub-label input{ display: none; } .product-form form .sub-label .Inquiry{ position: relative; display: inline-flex; justify-content: center; width: 193px; height: 52px; background-color: #a38a52; align-items: center; color: #fff; font-size: 18px; cursor: pointer; } .product-form form .sub-label .Inquiry::after{ content: ''; display: block; width: 21px; height: 22px; transition: all .3s; margin-left: 54px; background-image: url(img/send.png); } .product-form form .sub-label .Inquiry:hover::after{ transform: translateX(5px); } .product-form form>p+p+p{ justify-content: center; } .product-form form .wpcf7-spinner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 950px) { .product-form{ padding: 40px 0; } .product-form form>p label{ width: 100%; margin-bottom: 20px; font-size: 14px; } .product-form form input, .product-form form textarea{ font-size: 14px; } .product-form form>p label.textarea-label{ margin-top: 0; } .product-form .index_bd{ margin-top: 50px; } .product-form form .inq-text{ font-size: 14px; margin-top: 20px; } .product-form form .file-label .fileUp{ font-size: 14px; width: 150px; height: 35px; } .product-form form .file-label .fileUp::after{ margin-left: 10px; } .product-form form .sub-label .Inquiry{ width: 150px; height: 35px; font-size: 14px; } .product-form form .sub-label .Inquiry::after{ margin-left: 10px; } } .product-detail{ display: none; } .product-summary .product-meta .price{ display: none; } /*.product-meta form{ display: none; } .p*/roduct-meta .product_meta{ display: none; } .product_list_item .item_title, .product_list_item .item_desc{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } /* faq-main */ .faq-main {} .faq-main .faq_banner img { width: 100%; } .faq-main .faq_list { padding: 80px 0; } .faq-main .faq_list .fap_wrap { display: flex; justify-content: space-between; position: relative; } .faq-main .faq_list .left_cate { width: 295px; border: solid 1px #c9c9c9; max-height: 100vh; overflow-y: auto; padding: 0 10px; position: sticky; top: 0; text-transform: capitalize; } .faq-main .faq_list .right_content { width: calc(100% - 295px); padding-left: 75px; } .faq-main .cate_title { font-family: Poppins-SemiBold; font-size: 16px; color: #000; display: flex; justify-content: space-between; align-items: center; padding-right: 5px; cursor: pointer; } .faq-main .cate_title i.arrow { transition: all .3s; } .faq-main .sidebar-section.active .cate_title i.arrow { transform: rotate(-90deg); } .faq-main .sidebar-section.active ul { height: 0; visibility: hidden; opacity: 0; transition: all .3s; } .faq-main .left_cate ul { margin-bottom: 15px; transition: all .3s; } .faq-main .left_cate li { display: flex; align-items: center; font-size: 16px; color: #666666; margin: 5px 0; cursor: pointer; transition: all .3s; } .faq-main .left_cate li i.checkbox { position: relative; width: 10px; height: 10px; border: solid 1px #c9c9c9; margin-right: 10px; transition: all .3s; } .faq-main .left_cate li i.checkbox::after { content: '√'; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #666; opacity: 0; transition: all .3s; font-size: 12px; line-height: 1; font-weight: bold; } .faq-main .left_cate li.active { color: #a38a52; } .faq-main .left_cate li.active i.checkbox { border-color: #a38a52; color: #a38a52; } .faq-main .left_cate li.active i.checkbox::after { opacity: 1; color: #a38a52; } .faq-main .faq-item { margin-bottom: 30px; } .faq-main .faq_top { font-family: Poppins-SemiBold; font-size: 18px; line-height: 1; color: #010101; } .faq-main .faq_top img { margin-right: 25px; } .faq-main .faq_bottom { padding-left: 50px; padding-right: 43px; padding-top: 30px; position: relative; } .faq-main .faq_bottom .answer { background-color: #eeeeee; border-radius: 10px; padding: 30px 20px 20px 40px; } .faq-main .faq_bottom .answer .faq_content { color: #010101; font-size: 18px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .3s; } .faq-main .faq_bottom .answer .open-close { display: block; position: relative; margin-top: 32px; } .faq-main .faq_bottom .answer .open-close span { font-size: 16px; color: #a38a52; } .faq-main .faq_bottom .answer .open-close span i { margin-right: 10px; } .faq-main .faq_bottom .answer .open-close span.close { color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: all .3s; } .faq-main .faq_bottom .anwser_ico { position: absolute; right: 0; bottom: 10px; } .faq-main .faq_bottom.active .anwser_ico { bottom: 60%; } .faq-main .faq_bottom .anwser_ico::before { content: ''; display: block; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-left: 15px solid #eeeeee; top: 0; left: -17px; transition: all .3s; } .faq-main .faq_bottom.active .answer { background-color: #a38a52; } .faq-main .faq_bottom.active .answer .faq_content { color: #fff; -webkit-line-clamp: 100; } .faq-main .faq_bottom.active .anwser_ico::before { border-left: 15px solid #a38a52; } .faq-main .faq_bottom.active .answer .open-close span.close { opacity: 1; visibility: visible; } .faq-main .faq_bottom.active .answer .open-close span.open { opacity: 0; visibility: hidden; } .faq-main nav.woocommerce-pagination { margin: 60px 0; } .faq-main nav.woocommerce-pagination ul { display: flex; justify-content: center; align-items: center; line-height: 1; } .faq-main nav.woocommerce-pagination ul li { margin: 0 8px; } .faq-main nav.woocommerce-pagination ul li a { font-size: 14px; padding: 0 6px; border-radius: 5px; color: #595757; display: block; height: 20px; line-height: 20px; } .faq-main nav.woocommerce-pagination ul li span.current { background-color: #a38a52; color: #fff; font-size: 14px; border-radius: 2px; display: block; padding: 0 6px; height: 20px; line-height: 20px; } .faq-main nav.woocommerce-pagination ul li a.next { background-color: #a38a52; color: #fff; height: 20px; line-height: 20px; } .faq-main .left_open_button{ width: 40px; height: 40px; background-color: #a38a52; padding: 10px; cursor: pointer; display: none; } .faq-main .left_open_button i{ display: block; width: 100%; height: 3px; background-color: #fff; } .faq-main .left_open_button i+i{ margin-top: 5px; } @media screen and (max-width: 1440px) { .faq-main .faq_list .right_content { padding-left: 20px; } .faq-main .cate_title { font-size: 14px; } .faq-main .left_cate li { font-size: 12px; } .faq-main .faq_bottom .answer { padding: 10px; } .faq-main .faq_bottom .answer .faq_content { font-size: 14px; } .faq-main .faq_bottom .answer .open-close { margin-top: 10px; } .faq-main .faq_bottom{ padding: 20px; padding-right: 43px; } .faq-main .faq-item{ margin-bottom: 0; } } @media screen and (max-width: 950px) { .faq-main .faq_list{ padding: 30px 0; } .faq-main .left_open_button{ display: block; margin-bottom: 30px; } .faq-main .faq_list .left_cate{ position: absolute; top: 0; width: 0; overflow: hidden; opacity: 0; transition: all .3s; background-color: #fff; visibility: hidden; z-index: 3; } .faq-main .faq_list .left_cate.open{ width: 300px; max-width: 100%; opacity: 1; visibility: visible; overflow: auto; } .faq-main .faq_list .right_content{ width: 100%; padding-left: 0; } .faq-main nav.woocommerce-pagination{ margin: 30px 0; } } /* about us */ .about_main { overflow: hidden; } .about_banner { position: relative; } .about_banner .banner_info { position: absolute; width: 100%; top: 50%; color: #fff; transform: translateY(-50%); } .about_banner .banner_title { font-family: Poppins-Medium; font-size: 56px; line-height: 1; margin-bottom: 45px; } .about_banner .path-nav { display: flex; align-items: center; } .about_banner .path-nav li a { color: #fff; font-family: Poppins-Medium; font-size: 18px; line-height: 1; } .about_banner .path-nav li:not(:last-child)::after { content: '-'; display: inline-block; color: #fff; margin: 0 5px; } @media screen and (max-width: 1366px) { .about_banner .banner_title { font-size: 24px; margin-bottom: 10px; } .about_banner .path-nav li a { font-size: 14px; } } .about_aboutus { overflow: hidden; background-image: url(img/aboutus_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 130px 0 100px; } .about_aboutus .index_hd { text-align: left; } .about_aboutus .index_hd .desc { margin-left: 0; } .about_aboutus ul { padding-top: 0px; } .about_aboutus ul li { margin-top: 60px; max-width: 61%; } .about_aboutus ul li:first-child { max-width: 73%; } .about_aboutus ul li .item_title { font-family: Poppins-SemiBold; font-size: 20px; color: #000000; } .about_aboutus ul li .item_desc { font-family: Poppins-Regular; font-size: 18px; color: #666666; hyphens: auto; line-height: 1.35; margin-top: 18px; } @media screen and (max-width: 1366px) { .about_aboutus ul li { margin-top: 20px; } .about_aboutus ul li .item_title { font-size: 18px; } .about_aboutus ul li .item_desc { font-size: 14px; line-height: 1.5; } } @media screen and (max-width: 640px) { .about_aboutus { padding: 40px 0; } .about_aboutus ul li:first-child { max-width: 100%; } .about_aboutus ul li { max-width: 80%; } } .about_oem { padding-top: 85px; background-color: #fdfbf6; } .about_oem .index-span { font-size: 18px; display: block; color: #333333; line-height: 1; margin-bottom: 30px; } .about_oem .layout { width: 1400px; position: relative; } .about_oem .layout .index_hd { margin-bottom: 117px; } .about_oem .layout .index-bd { text-align: center; } .about_oem .layout .index-bd .content-box { text-align: center; display: block; position: relative; width: max-content; margin: 0 auto; } .about_oem .layout .index-bd .content-box .process-bg { width: max-content; margin: 0 auto; padding: 51px 54px 0; border-radius: 472px 472px 0 0; border: 1px solid #a38a52; border-bottom: 1px solid transparent; /* border-right: 1px solid #a38a52; */ } /* .about_oem .layout .index-bd .content-box .process-bg::after{ content: ''; content: ''; padding-top: 100%; display: block; } */ .about_oem .layout .index-bd .content-box .process-bg img { width: auto; display: block; transition: all .3s; opacity: 0; } .about_oem .layout .index-bd .content-box .active .process-bg img { opacity: 1; } .about_oem .layout .index-bd .content-box .process-items .item-box { position: absolute; z-index: 2; } .about_oem .layout .index-bd .content-box .process-items .item-box .icon { width: 63px; height: 63px; border-radius: 50%; background: #cbc6bc; line-height: 63px; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -ms-transition: all .3s ease; font-size: 30px; color: #fff; font-family: Poppins-SemiBold; display: flex; justify-content: center; align-items: center; cursor: pointer; } .about_oem .layout .index-bd .content-box .process-items .item-box .text { position: absolute; opacity: 1; text-align: right; } .about_oem .layout .index-bd .content-box .process-items .item-box .text span { font-family: Poppins-SemiBold; font-size: 20px; line-height: 1; color: #000; transition: all .3s; } .about_oem .layout .index-bd .content-box .process-items .item-box .text p { font-size: 16px; color: #666666; line-height: 1.25; hyphens: auto; margin-top: 10px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box1 { left: 15px; top: 230px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box2 { left: 190px; top: 40px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box3 { top: 40px; left: 690px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box4 { left: 870px; top: 230px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box1 .text { width: 280px; left: -295px; top: -5px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box2 .text { width: 400px; left: -440px; top: -25px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box3 .text { width: 450px; text-align: left; left: 113px; top: -25px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box4 .text { width: 290px; text-align: left; left: 84px; top: -5px; } .about_oem .layout .index-bd .content-box .process-items .item-box .icon:hover, .about_oem .layout .index-bd .content-box .process-items .item-box.current .icon { background: #a38a52; } .about_oem .layout .index-bd .content-box .process-items .item-box.current .text span { color: #a38a52; } .about_oem .layout .index-bd .content-box .process-items .item-box .icon:hover img { filter: invert(100%); } @media only screen and (max-width: 1680px) { .about_oem .layout { width: 90%; } } @media only screen and (max-width: 1550px) { .about_oem .layout .index-bd .content-box .process-items .item-box .text span { font-size: 16px; } .about_oem .layout .index-bd .content-box .process-items .item-box .text p { font-size: 14px; } .about_oem .layout .index-bd .content-box .process-items .item-box .text { width: 200px !important; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box1 .text, .about_oem .layout .index-bd .content-box .process-items .item-box.item-box2 .text { left: -210px; } } @media only screen and (max-width: 1366px) { .about_oem .layout { width: 95%; overflow: initial; } .about_oem .layout .index_hd { margin-bottom: 40px; } .about_oem .layout .index-bd { transform: scale(.6); transform-origin: 50% 100%; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box1 .text { width: 200px; left: -220px; } .about_oem .layout .index-bd .content-box .process-items .item-box.item-box4 .text { width: 200px; } } @media only screen and (max-width: 950px) { .about_oem .layout .index_hd { margin-bottom: 30px; } .about_oem .layout .index-bd .content-box .process-bg { display: none; } .about_oem .layout .index-bd { transform: none; } .about_oem .layout .index-bd .content-box { width: 100%; } .about_oem .layout .index-bd .content-box .process-items { display: flex; flex-wrap: wrap; align-items: flex-start; } .about_oem .layout .index-bd .content-box .process-items .item-box:nth-child(n) { position: relative; left: auto; top: auto; text-align: center; display: flex; justify-content: center; width: 48%; flex-wrap: wrap; margin-bottom: 35px; padding: 15px; align-items: flex-start; } .about_oem .layout .index-bd .content-box .process-items .item-box .text { position: relative; left: auto !important; top: auto !important; right: auto !important; display: block; width: 100% !important; text-align: center !important; margin-top: 25px; } } @media only screen and (max-width: 550px) { .about_oem .layout .index-bd .content-box .process-items .item-box:nth-child(n) { width: 100%; } } .about_crafts { position: relative; overflow: hidden; } .about_crafts .tab-nav { position: absolute; display: flex; right: 0; top: 0; flex-wrap: wrap; flex-direction: column; width: 390px; max-width: 32%; z-index: 3; height: 100%; border-left: 1px solid #fff; } .about_crafts .tab-title { flex: 1; display: flex; align-items: center; font-family: Poppins-Regular; font-size: 18px; color: #fff; padding-left: 43px; cursor: pointer; } .about_crafts .tab-title.current { background-color: #a38a52; } .about_crafts .tab-title:not(:first-child) { border-top: 1px solid #fff; } .about_crafts .tab-content-wrap { position: relative; } .about_crafts .item-order { color: #fff; position: absolute; font-family: Poppins-Medium; display: flex; align-items: end; line-height: 1; font-size: 33px; left: 12%; bottom: 10%; } .about_crafts .item-order .cur { font-size: 58px; margin-bottom: -5px; } .about_crafts .index_hd { position: absolute; left: 12%; top: 15%; z-index: 3; text-align: left; } .about_crafts .index_hd .hd_title { color: #fff; } .about_crafts .index_hd .desc { color: #fff; margin-left: 0; } @media screen and (max-width: 950px) { .about_crafts .item-order { font-size: 16px; left: 3%; } .about_crafts .item-order .cur { font-size: 24px; margin-bottom: 0; } .about_crafts .index_hd { left: 3%; } .about_crafts .tab-title { padding-left: 15px; font-size: 16px; } } @media screen and (max-width: 480px) { .about_crafts .tab-title { padding-left: 15px; font-size: 14px; } .about_crafts img { min-height: 250px; object-fit: cover; } .about_crafts .tab-nav { max-width: 40%; } } .about_product { position: relative; overflow: hidden; padding: 85px 0; } .about_product .index_hd { text-align: left; display: flex; align-items: center; justify-content: space-between; } .about_product .index_hd .left { margin-right: 100px; } .about_product .index_hd .desc { margin-left: 0; } .about_product .index_hd .tab-nav { flex: 1; display: flex; align-items: center; justify-content: space-between; } .about_product .index_hd .tab-nav .tab-title { font-family: Poppins-Medium; font-size: 18px; color: #060606; line-height: 1; padding: 6px 13px; border-radius: 16px; transition: all .3s; cursor: pointer; } .about_product .index_hd .tab-nav .tab-title.current { background-color: #a38a52; color: #fff; } .about_product .index_bd { position: relative; margin-top: 50px; } .about_product .swiper-slide img { height: 363px; object-fit: cover; transition: all .3s; width: 100%; } .about_product .tab-swiper { padding-right: 18%; padding-bottom: 42px; } @media (min-width: 951px) { .about_product .swiper-slide.active { width: 45.8% !important; } } .about_product .swiper-slide { /* width: 19.6%; */ transition: width .3s; } .about_product .tab-pannel .swiper-scrollbar { position: absolute; transform: none; left: 0; width: 100%; bottom: 0; margin-top: 40px; height: 4px; background-color: #dcdcdc; border-radius: 2px; } .about_product .swiper-scrollbar-drag { height: 4px; background-color: #a38a52; border-radius: 4px; } @media screen and (max-width: 1550px) { .about_product .index_hd .tab-nav .tab-title { font-size: 14px; } .about_product .index_hd .left { margin-right: 20px; } } @media screen and (max-width: 1280px) { .about_product .index_hd .tab-nav .tab-title { text-align: center; } .about_product .index_hd .tab-nav { margin-top: 20px; width: 100%; flex: unset; } .about_product .index_hd { flex-wrap: wrap; } .about_product .swiper-slide img { height: 280px; } } @media screen and (max-width: 950px) { .about_product .index_hd .tab-nav { flex-wrap: wrap; } .about_product .index_hd .tab-nav .tab-title { width: 33%; margin-bottom: 10px; } .about_product .tab-swiper { padding-right: 0; } .about_product .index_bd { margin-top: 20px; } } @media screen and (max-width: 480px) { .about_product { padding: 40px 0; } .about_product .index_hd .tab-nav .tab-title { width: 49%; margin-bottom: 10px; } } .about_partner { position: relative; padding: 82px 0 105px; background-color: #fdfbf6; } .about_partner .index_hd{ margin-bottom: 60px; } .about_partner .partner-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 156px 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; align-items: center; position: relative } .about_partner .partner-items .partner-center-logo { position: relative; width: 19.83%; height: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #a38a52; } .about_partner .partner-items .partner-center-logo img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 70%; } .about_partner .partner-items .partner-center-logo::before { content: ''; padding-top: 100%; display: block } .about_partner .circle-bg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 35.33% } .about_partner .partner-item { position: absolute; height: auto; border-radius: 50%; display: flex; justify-content: center; align-items: center } .about_partner .partner-item .item-img { position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; overflow: hidden } .about_partner .partner-item i.bg { width: 100%; height: 100%; display: block; background-color: #fff; box-shadow: 0px 0px 24px 0px rgba(108, 90, 49, 0.2); left: 0; right: 0; border-radius: 50%; position: absolute; transition: all .3s } .about_partner .partner-item::before { content: ''; padding-top: 100%; display: block } .about_partner .partner-item:hover i.bg { transform: scale(1.08) } .about_partner .partner-item img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100% } /* .about_partner .partner-item.partner-item-left { animation: bounce 2s ease-in-out infinite } .about_partner .partner-item.partner-item-right { animation: bounceDown 2s ease-in-out infinite } */ @keyframes bounce { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-20px) } } @keyframes bounceDown { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(20px) } } .about_partner .partner-item01 { width: 13.12%; left: 0; top: 30.87% } .about_partner .partner-item02 { width: 9.91%; left: 9.14%; top: 72.98% } .about_partner .partner-item03 { width: 10.54%; left: 18.5%; top: 38.92% } .about_partner .partner-item04 { width: 13.61%; left: 26.74%; top: 0% } .about_partner .partner-item05 { width: 13.61%; left: 27.51%; top: 72.14% } .about_partner .partner-item06 { width: 13.61%; left: 59.63%; top: 0% } .about_partner .partner-item07 { width: 13.61%; left: 58.93%; top: 72.14% } .about_partner .partner-item08 { width: 10.54%; left: 71%; top: 38.92%; } .about_partner .partner-item09 { width: 9.84%; left: 81.07%; top: 72.98%; } .about_partner .partner-item010 { width: 13.19%; right: 0; top: 30.87%; } @media screen and (max-width:992px) { .about_partner { padding: 50px 0 } .about_partner .partner-item img { /* max-width: 60% */ } .about_partner .partner-items .partner-center-logo img { max-width: 80% } } @media screen and (max-width:768px) { .about_partner .partner-item.partner-item-left { width: 15% !important } .about_partner .partner-items{ padding: 100px 0; } .about_partner .partner-item.partner-item-right { width: 15% !important } .about_partner .partner-items .partner-center-logo{ width: 30%; } .about_partner .circle-bg{ max-width: 60%; } } .about_form{ position: relative; overflow: hidden; background-image: url(img/about_inquiry_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 115px 0 87px; } .about_form .index_hd{ text-align: left; } .about_form .index_hd .hd_title{ color: #fff; } .about_form .index_hd .desc{ margin-left: 0; color: #fff; } .about_form .inquiry_btn{ display: flex; width: 192px; height: 52px; background-color: #a38a52; align-items: center; justify-content: center; color: #fff; font-size: 18px; line-height: 1; margin-top: 60px; cursor: pointer; } .about_form .inquiry_btn img{ margin-left: 54px; transition: all .3s; } .about_form .inquiry_btn:hover img{ transform: translateX(5px); } @media screen and (max-width: 950px) { .about_form{ padding: 50px 0; } .about_form .inquiry_btn{ margin-top: 20px; } } .news-content-box{ margin-bottom: 25px; } .news-content-box h1{ font-size: 26px; border-bottom: 1px dashed #333333; margin-bottom: 10px; font-family: Poppins-SemiBold; color: #a38a52; } .news-content-box h2{ font-size: 18px; margin: 15px 0 5px; } .news-content-box p{ font-family: Poppins-Regular; font-size: 16px; color: #333333; line-height: 28px; padding: 5px 0; margin: 5px 0; } .news-content-box .table-box{ margin-bottom: 10px; } .news-content-box .table-box tr td{ font-size: 16px; line-height: 26px; padding: 5px 10px; } .main.news_main{width: 100%; padding:25px 0;} .news_main .blog_list { position: relative; width: 100%; } .news_main .blog-item { position: relative; overflow: hidden; padding: 35px 20px; width: 100%; } .news_main .blog-item:nth-child(2n+1) { background: #f9f9f9; } .news_main .blog-item:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; content: ""; } .news_main .blog-item:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 3px; background-color: #a38a52; content: ''; opacity: 0; } .news_main .blog-item:hover:after { width: 100%; opacity: 1; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .news_main .blog-item .item-img, .blog-item .item-img img { border-radius: 5px; } .news_main .blog-item .item-img { position: relative; float: left; display: block; margin: 0 20px 0 0; padding: 5px; max-width: 200px; border: 1px solid #eee; background-color: #fff; } .news_main .blog-item .item-img img { position: relative; width: 100%; } .news_main .blog-item .item-info .item-title { overflow: hidden; height: 1.5em; font-weight: 400; font-size: 20px; line-height: 1.5em; } .news_main .blog-item .item-info time { display: block; margin: 8px 0; font-size: 16px; } .news_main .blog-item .item-info .item-more { float: right; margin: 20px 0 0; color: #8f9395; } .news_main .blog-item .item-info .item-more { position: relative; display: inline-block; padding: .2em .8em; color: #a38a52; text-transform: uppercase; line-height: 1.8; } .news_main .blog-item .item-info .item-more:after { position: absolute; display: block; width: 100%; height: 2px; background-color: #a38a52; content: ''; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .news_main .blog-item .item-info .item-more:before { top: 0; left: 0; } .news_main .blog-item .item-info .item-more:after { right: 0; bottom: 0; } .news_main .blog-item .item-info .item-more:hover:after, .blog-item .item-info .item-more:hover:before { width: 0; opacity: 0; } .news_main .blog-item .item-info .item-more:hover { background-color: #a38a52; color: #fff; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .news_main .blog-item .item-detail{padding-right: 50px; font-size: 14px;} .news_main .blog-item .item-info .item-more{margin-right: 50px;} .news_main .blog-item .item-info .item-title{ font-weight: bold;} .news_main .blog-item .item-info .item-title a{ color: #a38a52;} @media screen and (max-width: 950px){.news_main .blog-item .item-img{width:100%;max-width:100%;}} .singe-pages{ margin: 50px 0; } /*.woocommerce {*/ /* width: 100%;*/ /* display: flex;*/ /* justify-content: space-between;*/ /* flex-wrap: wrap;*/ /*}*/ /*.woocommerce .aside{*/ /* max-width: 30%;*/ /* padding: 35px 0 50px 35px;*/ /*}*/ /*.woocommerce .main{*/ /* width: 68%;*/ /*}*/ .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color: #000000 !important; } .account-box.main{ width: calc(100% - 520px); } /* page product choose */ main.product-choose-page { background-color: #f2f5f7; position: relative; } .product_choose_cate { position: relative; overflow: hidden; padding: 50px 0; } .product_choose_cate .title { text-align: center; font-size: 20px; color: #000; font-weight: 600; } .product_choose_cate .title::after { content: ""; display: block; width: 100px; height: 2px; margin: 5px auto 0; background-color: #000; } .product_choose_cate .choose_cate_swiper { position: relative; margin-top: 40px; } .product_choose_cate .choose_cate_swiper a { display: block; width: 100%; text-align: center; font-size: 16px; } .product_choose_cate .choose_cate_swiper a img { max-width: 100%; } .product_choose_cate .swiper_content { position: relative; } .product_choose_cate .swiper_button { position: absolute; background: #fff; top: 50%; transform: translateY(-50%); border: 1px solid #dbdbdb; border-radius: 50%; box-shadow: 0 2px 6px 0 rgba(23, 29, 67, .3); color: #000; height: 56px; width: 56px; display: flex; justify-content: center; align-items: center; z-index: 3; font-size: 28px; cursor: pointer; } .product_choose_cate .swiper_button.swiper-button-disabled { opacity: .5; } .product_choose_cate .swiper_button_prev { left: -60px; } .product_choose_cate .swiper_button_next { right: -60px; } .product_choose_cate .swiper_button_prev::after { content: '\f104'; font-family: fontawesome; } .product_choose_cate .swiper_button_next::after { content: '\f105'; font-family: fontawesome; } @media (max-width: 768px) { .product_choose_cate .swiper_button { width: 40px; height: 40px; } .product_choose_cate .swiper_button_prev { left: 0px; } .product_choose_cate .swiper_button_next { right: 0px; } } /* product_choose_list */ .product_choose_list { padding: 50px 0; position: relative; } .product_choose_list .layout { display: flex; justify-content: space-between; flex-wrap: wrap; width:95%; } .product_choose_list .layout::after { display: none; } .left_product_params { width: 70%; } .left_product_params .title { font-size: 20px; color: #000; font-weight: 600; } .left_product_params .step_choose { padding-top: 30px; } .left_product_params .step_box { transition: all .3s; background: #fff; border-radius: 10px; margin-bottom: 20px; padding: 30px; position: relative; } .left_product_params .step_box .step_close { display: flex; position: absolute; right: 0; top: 0; transform: translate(50%, -50%); border-radius: 50%; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3); width: 40px; height: 40px; font-size: 30px; background-color: #fff; justify-content: center; align-items: center; line-height: 1; cursor: pointer; opacity: 0; visibility: hidden; } .left_product_params .step_box.focus .step_close { opacity: 1; visibility: visible; } .left_product_params .step_box.focus{ position: relative; z-index: 21; } .left_product_params .step_title { font-size: 24px; font-weight: 700; line-height: 1; } .left_product_params .step_title span { color: #a38a52; } .left_product_params .step_items { padding-top: 20px; display: flex; flex-wrap: wrap; margin: 0 -10px; } .left_product_params .step_item { width: calc(100% / 3); padding: 10px; text-align: center; cursor: pointer; } .left_product_params .step_item img { max-width: 100%; width: 100%; object-fit: cover; object-position: top; } .left_product_params .step_item .item_img { position: relative; border-radius: 10px; overflow: hidden; border: 1px solid transparent; transition: all .3s; } .left_product_params .step_item .item_img a { position: absolute; right: 10px; top: 10px; } .left_product_params .step_item .item_img a:hover svg path { fill: #a38a52; } .left_product_params .step_item .item_img i {} .left_product_params .step_item .item_title { display: flex; align-items: center; justify-content: center; padding: 10px 10px 5px; font-size: 16px; line-height: 1.1; } .left_product_params .step_item .item_title i { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #afb1b3; padding: 4px; margin-right: 5px; transition: all .3s; flex-shrink: 0; } .left_product_params .step_item .item_title i::after { display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; background-color: #afb1b3; transition: all .3s; } .left_product_params .step_item:hover .item_img, .left_product_params .step_item.active .item_img { border-color: #a38a52; } .left_product_params .step_item:hover .item_title i::after, .left_product_params .step_item.active .item_title i::after { background-color: #fff; } .left_product_params .step_item:hover .item_title i, .left_product_params .step_item.active .item_title i { background-color: #a38a52; border-color: #a38a52; } .left_product_params .step_item:hover .item_title, .left_product_params .step_item.active .item_title { color: #a38a52; } .left_product_params .item_price { line-height: 1; font-size: 16px; } .left_product_params .item_price.free { color: #a38a52; } .left_product_params .step_item.plating_item { width: calc(100% / 6); } .left_product_params img { max-width: 100%; } .left_product_params .step_size { display: flex; flex-wrap: wrap; justify-content: space-between; } .left_product_params .step_size .step_size_right { width: 30%; border-radius: 10px; padding: 20px; background-color: #f6f6f6; } .left_product_params .step_size .step_inner { width: 68%; } .left_product_params .step_size .size_tit { margin-top: 10px; } .left_product_params .step_size .size_item { background-color: #f4f5f5; border-radius: 5px; text-align: left; width: 32%; margin-bottom: 15px; margin-right: 1%; } .left_product_params .step_item.size_item .item_title { padding: 0; justify-content: flex-start; font-size: 14px; position: relative; padding-right: 60px; } .left_product_params .step_item.size_item .slogan { position: absolute; right: 0px; width: 60px; line-height: 1; background-color: #a38a52; color: #fff; border-radius: 6px 0 6px 0; padding: 2px 0; text-align: center; top: 50%; font-size: 12px; transform: translateY(-50%); } .left_product_params .step_item.size_item.recommend_item .item_title { padding-right: 0; } .left_product_params .step_size .step_size_right .tit { margin-bottom: 10px; } .left_product_params .step_size .step_size_right img { width: 100%; } .left_product_params .step_item.thickness_item { width: 25%; } .left_product_params .step_item .item_img .slogan { position: absolute; left: 0; top: 0; width: 60px; line-height: 1; background-color: #a38a52; color: #fff; border-radius: 6px 0 6px 0; padding: 2px 0; text-align: center; font-size: 12px; } .left_product_params .step_item.options_item { width: 25%; } .left_product_params .next_skep { font-size: 16px; width: 20%; text-align: center; padding: 5px 0; min-width: 100px; color: #fff; font-size: 18px; margin: 20px auto 0; background-color: #a38a52; border-radius: 10px; cursor: pointer; pointer-events: none; } .left_product_params .step_box.focus .next_skep { pointer-events: all; } .left_product_params .step_item.packaging_item { width: 25%; } .left_product_params .upload_comment { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } .left_product_params .upload_comment .upload_content { width: 60%; } .left_product_params .upload_comment .commet { width: 38%; } .left_product_params .upload_comment .commet .comment_title { font-size: 20px; margin-bottom: 15px; } .left_product_params .upload_comment .commet textarea { background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; color: #606266; display: block; font-size: inherit; line-height: 1.5; padding: 5px 15px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100%; resize: none; min-height: 33px; height: 220px; } .left_product_params .step_upload .item_title { display: flex; align-items: center; justify-content: flex-start; font-size: 16px; line-height: 1.1; } .left_product_params .step_upload .item_title i { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #afb1b3; padding: 4px; margin-right: 5px; transition: all .3s; flex-shrink: 0; } .left_product_params .step_upload .item_title i::after { display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; background-color: #afb1b3; transition: all .3s; } .left_product_params .step_upload.hasValue .item_title i::after { background-color: #fff; } .left_product_params .step_upload.hasValue .item_title i { background-color: #a38a52; border-color: #a38a52; } .left_product_params .step_upload .tit { margin-top: 10px; color: #999; } .left_product_params .step_upload .upload_box { align-items: center; background: #fff; border: 1px dashed #e9ecf0; border-radius: 4px; display: flex; flex-direction: column; height: 200px; justify-content: space-between; margin-top: 10px; padding: 10px; transition: all .3s; } .left_product_params .step_upload .upload_tit { color: #999; margin-top: 10px; } .left_product_params .step_upload .upload_input { display: none; } .left_product_params .step_upload .upload_list { height: 100px; width: 100%; } .left_product_params .step_upload .upload_list li { display: flex; justify-content: space-between; align-items: center; } .left_product_params .step_upload .upload_list li .file_name { text-decoration: underline; } .left_product_params .step_upload .upload_list li .file_action { display: flex; align-items: center; font-size: 18px; line-height: 1; } .left_product_params .step_upload .upload_list li .file_action .view i::after { content: '\f06e'; font-family: fontawesome; } .left_product_params .step_upload .upload_list li .file_action .view { margin-right: 8px; } .left_product_params .step_upload .upload_list li .file_action .delete { cursor: pointer; } .left_product_params .step_upload .upload_list li .file_action .delete i::after { content: '\f014'; font-family: fontawesome; } .left_product_params .step_upload .upload_btn { display: flex; width: 200px; height: 40px; background-color: #a38a52; color: #fff; font-size: 18px; cursor: pointer; border-radius: 10px; justify-content: center; align-items: center; } .left_product_params .quantity_box{ display: flex; margin-top: 20px; } .left_product_params .quantity_box .next_skep{ margin: 0; margin-left: 30px; } .left_product_params .quantity_box input{ border: none; outline: none; background-color: #f4f5f5; border-radius: 10px; padding: 0 10px; } .left_product_params .step_item.discount_item{ width: 24%; margin-right: 1%; background-color: #d6f9ea; border-radius: 20px; border: 1px solid transparent; text-align: left; } .left_product_params .step_item.discount_item:nth-child(2){ background-color: #d5ebfc; } .left_product_params .step_item.discount_item:nth-child(3){ background-color: #fff2dc; } .left_product_params .step_item.discount_item:nth-child(4){ background-color: #ffe7db; } .left_product_params .step_item.active.discount_item{ border-color: #a38a52; } .left_product_params .step_item.discount_item .item_title{ justify-content: flex-start; align-items: start; flex-wrap: wrap; padding: 0; } .left_product_params .step_item.discount_item .item_title span{ width: 100%; font-size: 14px; margin-top: 10px; padding-left: 20px; line-height: 1.4; } .left_product_params .step_discount .tit{ color: #999; margin-top: 10px; } .right_product_cart{ width: 28%; margin-top: 50px; position: relative; } .cart_content img{ max-width: 100%; } .right_product_cart .cart_content{ background-color: #fff; border-radius: 10px; bottom: auto; font-size: 14px; padding: 20px; position: sticky; top: 20px; z-index: 21; } .container{ overflow: visible; } .cart_content .title{ font-size: 18px; margin: 20px 0 0; padding-left: 8px; font-weight: 700; } .cart_content .product_main_img{ text-align: center; height: 200px; } .cart_content .product_main_img img{ height: 100%; object-fit: cover; } .cart_content .order_list{ padding: 10px 0 5px; border-bottom: 1px solid #dcdfe6; } .cart_content .order_list li{ display: flex; justify-content: space-between; align-items: center; padding: 5px 8px; transition: all .3s; cursor: pointer; } .cart_content .order_list li:hover{ background-color: #f3f3f3; } .cart_content .order_list li .left{ flex: 1; display: flex; align-items: center; justify-content: space-between; font-size: 12px; } .cart_content .order_list li .left .value{ color: #666; } .cart_content .order_list li .edit{ flex-shrink: 0; margin-left: 10px; } .cart_content .order_list li .edit i::after{ content: '\f044'; font-family: fontawesome; margin-left: 3px; } .order_totla_price{ font-size: 18px; text-align: center; margin-top: 10px; } .order_totla_price b{ color: rgb(222, 53, 0); font-size: 28px; } .order_action{ display: flex; justify-content: space-between; padding-top: 20px; } .order_action div,.order_action button{ width: 49%; display: flex; height: 40px; align-items: center; justify-content: center; background-color: #a38a52; color: #fff; border-radius: 10px; cursor: pointer; border: none; outline: none; } .product-choose-page .page_mask{ display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 20; opacity: 0; transition: all .3s; visibility: hidden; } .product-choose-page .page_mask.show{ opacity: 1; visibility: visible; } .bottom_cart .cart_content{ width: 520px; padding: 10px; margin: 0 auto; max-width: 95%; } .bottom_cart .cart_content .order_list li:hover{ background-color: #fff; } .cart_content .order_list li .left input{ display: none; } @media screen and (max-width: 1366px){ .right_product_cart{ display: none; } .left_product_params .step_item .item_title{ font-size: 12px; } .left_product_params { width: 100%; } } @media screen and (max-width: 768px){ .left_product_params .step_title{ font-size: 18px; } .left_product_params .item_price{ font-size: 12px; margin-top: 10px; } .left_product_params .step_item{ width: 32% !important; } .left_product_params .step_size .step_inner{ width: 100%; } .left_product_params .step_size .step_size_right{ width: 100%; } .left_product_params .upload_comment .commet{ width: 100%; } .left_product_params .upload_comment .upload_content{ width: 100%; } .container{ overflow: hidden; } } @media screen and (max-width: 480px){ .left_product_params .step_item{ width: 49% !important; padding: 5px; } .cart_content .product_main_img img{ width: 100%; } .product_choose_list{ padding-top: 0; } } .woocommerce table.shop_table td.product-name{ font-size: 14px; } .woocommerce table.shop_table td.product-name .lumise-edit-design-wrp{ margin-top: 10px; } .woocommerce table.shop_table td.product-name .lumise-edit-design-wrp a+a{ margin-left: 10px; } .woocommerce table.shop_table td.product-name dt{ width: 50%; margin-top: 10px; } .woocommerce table.shop_table td.product-name dd{ padding-top: 1px; padding-left: 50%; } .woocommerce table.shop_table td.product-name dd p{ margin-top: 10px !important; } .open_more_dl{ color: #a38a52; font-size: 14px; display: flex; align-items: center; margin-top: 10px; cursor: pointer; } .open_more_dl i{ margin-left: 5px; } .open_more_dl i::after{ content: '\f054'; font-family: "fontawesome"; } .woocommerce table.shop_table td.product-thumbnail img{ max-width: 150px; border: 1px solid #ddd; } .product-choose-page .loading{ position: fixed; width: 100%; opacity: 1; display: flex; bottom: 0; top: 0; left: 0; background-color: rgba(255, 255, 255, .8); align-items: center; justify-content: center; z-index: 999; } .product-choose-page .loading.hide{ opacity: 0; visibility: hidden; } .product-choose-page .loading svg{ animation: rotate 4s infinite linear; } @keyframes rotate{ 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}