*,body, button, input, textarea,.edit-name[placeholder],input.button[value],input.input-text[placeholder],.btn.prod-desc,.input-group-btn:last-child>.btn{font-family: 微軟正黑體, "Microsoft JhengHei";}
.slick-thumbnails .image-carousel{padding: 0;border-radius: 50px;width: 12px!important;height: 12px;background-color: #2d83cb;float: none;display: inline-block;margin: 0 10px;}
.slick-slider{margin-top: 7px;margin-bottom: 8px;}
.slick-dots .slick-active,.slick-thumbnails .image-carousel.slick-current.slick-center{background-color: orange;}
.slick-slider .slick-track{text-align: center;}
.sale-ranking{padding-right: 10px;}
.sale-ranking>.title{border-top: 3px solid #ffd300;margin: 0;padding: 12px 10px;background: #efefef;color: #191970;font-weight: bold;}
.sale-ranking ul{list-style: none;padding-left: 0;margin-top: 5px;}
.sale-ranking ul li{padding:22px 15px;padding-left: 45px;border-bottom: 1px solid #ddd;position: relative;padding-right: 0;}
.sale-ranking ul li:last-of-type{border-bottom: 0}
.sale-ranking ul li .rank-icon{position: absolute;width: 40px;padding-top: 40px;left: 1px;top: 50%;transform: translateY(-50%)}
.sale-ranking ul li .rank-icon img{max-width: 100%;max-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.pad-hz-10{padding: 0 10px;}
.tab-banner{border-top: 3px solid pink;height: auto;margin-left: 10px;margin-bottom: 40px;}
.tab-banner .nav-tabs{background-color: #efefef;border-bottom: 0;height: 41px;}
.tab-banner .nav-tabs>li{height: 41px;display: inline-block;width: 19.6%;}
.tab-banner .nav-tabs>li.active>a{border: 0;border-radius: 0;height: 41px;}
.tab-banner .nav-tabs>li>a{height: 41px;font-weight: bold;font-size: 17px;line-height: 19px;padding: 10px;position: relative;float: left;width: 100%;text-align: center;}
.tab-banner .nav-tabs>li>a.active{background-color: #fff;}
.tab-banner .nav-tabs>li>a:hover{border:0;background-color: #fff;border-radius: 0}
.tab-banner .tab-content{padding: 0;}
.tab-banner .tab-content .tab-pane img{width: 100%;max-height: 300px}
.prod-slider .slick-slide{margin-right: 5px;}
.prod-slider .slick-slide.prod{padding-top: 25%;position: relative}
.prod-slider .slick-slide.prod .prod-img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 95%;}
.prod-slider .slick-slide:last-of-type{margin-right: 0;}
.prod-slider .slick-slide img{width: 100%;}
.slick-prev{left: 25px;}
.slick-dots button,.slick-prev, .slick-next{display: none!important}
.slick-dots{list-style: none;text-align: center;padding-left: 0;}
.slick-dots li{width: 15px;height: 15px;border-radius: 50px;display: inline-block;float: none;background-color: #2d83cb; cursor: pointer;margin: 0 6px;}
.prod-slider{position: relative;overflow: hidden;margin-left: 10px;}
.prod-slider .prod{transition: all .4s;position: relative}
.prod-slider .prod .prod-info{position: absolute;bottom: 0;left: 0;right: 0;top: 60%;background-color: rgba(255,255,255,.6);opacity: 0;transition: all .4s}
.prod-slider .prod:hover .prod-info{opacity: 1}
.prod-slider .prod .prod-name{display: block;padding: 10px 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 16px;}
.prod-slider .prod .prod-icon{display: inline-block;float: right;width: 40px;height: 40px;margin: 5px;position: absolute;right: 6px;bottom: 10px;cursor: pointer}
.prod-slider .prod .prod-price{display: inline-block;width: calc(100% - 40px);height: 40px;line-height: 20px;padding: 0 20px 15px 20px;text-align: left;float: left}
.amount::before,ins .amount::before,del .amount::before,.prod-price .old::before,.prod-price .current::before{content: "$ "}
.prod-price .old{text-decoration: line-through}
.prod-price .current{color: red;font-size: 20px;font-weight: bold;}
#nav2>.row>.col-md-10 h4{height: 30px;line-height: 30px;margin: 15px 0;}
#desktop_nav1 a.no-link{padding-left: 0;padding-right: 0;}
.navbar-form.search_container{margin-top: 12px;margin-bottom: 10px;}
#desktop_nav1 .navbar-nav{margin-top: 0!important;}
#header_phone{margin-top: 5px;}
/*#left_nav li ul.list-unstyled{margin-left: 14px;}*/
.cart-summary.cart-fixed{padding-top: 15px;}
.address-book-item td{padding-bottom: 15px;}
.clearfix{clear: both}
.no-padding{padding: 0;}
#sidebar{margin-top: 800px;}
.home-v2 #content{margin-bottom: 50px;}
#owl-main .container .item{max-width: 910px;float: right;width: 100%;padding-top: 41%;height: 0;}
.home-v2-slider{background-color: #fff;left: 36%;}
.home-v2 #primary{margin-top: 15px;}
.footer-bottom-widgets .columns + .columns{margin-left: 70px;}
.footer-bottom-widgets .columns{padding-left: 30px;}
.footer-address .footer-address-title{display: inline-block;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #ddd;text-align: center;line-height: 28px;margin-right: 5px;}
.footer-address address{display: inline-block;vertical-align: top}
.footer-address,.footer-call-us{margin-bottom: 10px;}
.footer-contact .footer-address address span:not(.hide-word){margin-left: 70px;}
.footer-bottom-widgets .widget-title{font-size: 1.5em;transition: all .4s}
.footer-bottom-widgets ul{padding-left: 15px;}
.footer-call-us .call-us-number{font-weight: bold;}
.footer-bottom-widgets ul > li > a{font-size: 16px;transition: all .4s}
.footer-bottom-widgets ul > li > a:hover,.footer-bottom-widgets .widget-title:hover{color: #0787ea}
.no-padding.plug-in{margin-bottom: 30px;}
.sidebar .widget{margin-bottom: 50px;}
.navbar-primary .nav-item>.nav-link.dropdown-toggle::after{float: right;margin-left: 0;margin-right: 15px;margin-top: 15px;}
.products.column-2 .product{width: 32.33333%;transition: all .4s;margin-bottom: 20px;float: left;display: inline-block;vertical-align: top}
li.product .product-inner{box-shadow: 0px 0px 6px 0px rgba(	7, 135, 234, 0.2);width: calc(100% - 30px);padding-left: 0;padding-right: 0;padding-top: 0;transition: all .4s;margin-left: 15px;margin-right: 15px;height: auto;}
li.product:hover .product-inner{width: calc(100% - 30px);padding-bottom: 0;transition: none;box-shadow: 0px 0px 6px 0px rgba(7, 135, 234, 1)}
li.product .product-thumbnail{padding-bottom: 90%;width: 90%;margin: 5%;}
.prod-featured-list li{list-style: disc}
.prod-featured-list{margin-bottom: 20px;padding-right: 15px;}
.prod-featured-list.check li{list-style: none}
.prod-featured-list.check{margin-bottom: 20px;padding-right: 30px;padding-left: 30px;}
.text-center{text-align: center;}
.text-left{text-align: left;}
/*.products.column-2 .product-inner h3{padding: 0 15px;line-height: 38px;text-align: center;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}*/
.products.column-2 .product-inner h3{padding: 0 15px;line-height: 22px;text-align: center;font-size: 16px;font-weight: normal;height: 45px;}
ul.products li.product::after{border-right: 0}
.btn.prod-desc{background-color: #0062bd;color: #fff;transition: all .4s;font-size: 20px;padding: 10px 50px;border-radius: 0}
.btn.prod-desc.add-cart{background: linear-gradient(to bottom,#FFFFCC 0, #f9812a 50%);font-weight: bold;border-radius: 5px;border: 4px solid #fff;box-shadow: 0px 0px 2px #777;padding: 7.5px 35px;}
.back-to-prev{margin-top: 115px;text-align: center;}
.btn.prod-desc:hover{background-color: #eee;color: #000}
.woocommerce-breadcrumb a:hover{color: #0787ea}
.menu-hide #menu-vertical-menu{display: none}
.menu-hide #content #primary{width: 100%;left: 0;}
#content #primary{padding-left: 30px;}
.woocommerce-breadcrumb span.delimiter + a:hover,.woocommerce-breadcrumb span.delimiter + a{background-color: transparent;}
.swiper-wrapper{height: auto!important;}
.swiper-slide{background-size: contain;background-repeat: no-repeat;background-position: center}
.gallery-top .swiper-slide{background-size: contain;background-repeat: no-repeat;background-position: center}
.gallery-top .swiper-slide{padding-top: 100%;height: 0;}
.gallery-thumbs{padding: 15px 0!important;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{background-color: #0787ea;opacity: .7;border-radius: 30px;width: 27px;height: 27px;transition: all .4s;-webkit-background-size: 35%;
background-size: 35%;}
.gallery-thumbs .swiper-slide{padding-top: 23.5%;height: 0;width: 23.5%;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{opacity: 1}
.quote-box{border: 1px solid #ddd;margin-bottom: 30px;}
.quote-box h4{background-color: #0062bd;color: #fff;padding: 1em 15px;margin-bottom: 0;}
.quote-box .quote-zone{padding: 15px;position: relative}
.quote-zone select{width: 100%;float: right;margin-top: 5px;height: 30px;}
.quote-zone .quote-select label{margin-top: 0.7em;font-size: 16px;margin-bottom: 0;color: #0787ea;font-weight: normal;}
.quote-zone p{font-size: 20px;}
.quote-zone .quote-select{margin-bottom: 15px;overflow: hidden}
.quote-zone .subtotal{text-align: center;border: 1px solid #aaa;padding: 10px;font-size: 20px;margin-bottom: 30px;background-color: #f9f9f9;margin-top: 30px;}
.prod-featured-list.check i{color: #0787ea}
.menu-hide .woocommerce-tabs.wc-tabs-wrapper{margin-top: 50px;}
.single-prod .tab-content{padding:0 15px 30px 15px;text-align: center;}
.single-prod .tab-content img{margin: auto}
#tab-specification table tr td{text-align: left;}
.texture-upload .fileinput{width: 100%;}
.texture-upload .fileinput .thumbnail span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #bbb}
.texture-upload .fileinput-preview{width: 84%;height: 150px;float: right;border: 1px solid #ddd;border-radius: 10px;position: relative}
.fileinput .thumbnail > img{margin: auto;}
.subtitle{margin: 15px 0 5px 10px;font-size: 16px;}
.texture-upload .fileinput .btn-file{background-color: #fff;color: #0787ea;border: 1px solid #0787ea; transition: all .4s;margin-right: 10px;margin-bottom: 10px;height: 48px;}
.texture-upload .fileinput .btn-file .fileinput-exists{background-color: #fff;color: #0787ea;transition: all .4s}
.texture-upload .fileinput .btn-file:hover .fileinput-exists{background-color: #333e48;color: #fff}
.texture-upload .fileinput .btn-file:hover{border-color: #fff;color: #fff;background-color: #333e48;}
.texture-upload .fileinput .red.fileinput-exists{background-color: #0787ea;color: #fff;transition: all .4s;}
.texture-upload .fileinput .red.fileinput-exists:hover{background-color: #333e48;color: #fff;}
.btns .btn:first-of-type{margin-right: 20px;}
.product-subtotal a{margin-bottom: 5px;display: inline-block;white-space: nowrap;transition: all .4s}
.product-subtotal a:hover{color: #0787ea}
.product-name .edit-name{padding: 5px 15px;margin-top: 15px;margin-bottom: 15px;text-align: center;}
.edit-name::placeholder{color: #ccc}
.product-spec li{margin-right: 5px;width: auto;display: inline-block;padding: 5px;border: 1px solid #ddd;margin-bottom: 5px;}
table.cart .coupon .button,.actions input,.actions a{transition: all .4s}
table.cart .coupon .button:hover{background-color: #0787ea;}
table.cart .product-thumbnail{width: auto;}
table.cart thead th{font-size: 18px;}
/*button[data-fancybox-close]:focus,button[data-fancybox-close]:hover{background-color: transparent;}*/
.fancybox-content .form-control{padding-left: 0;padding-right: 0;}
.fancybox-content .form-control input{float: right}
.form-row .required{color: red}
.checkout-page .cart-collaterals{border-top: 1px solid #ddd;margin-left: 0;margin-right: 0;}
.ship-option{margin-top: 100px;float: left;width: 100%;}
.btn-primary{background-color: #0787ea;color: #fff;transition: all .4s;font-size: 16px;padding-top: 10px;padding-bottom: 10px;}
.checkout-failure p.invoiceBack{font-size: 16px;}
.top-bar .nav-inline .menu-item .dropdown-menu .menu-item:before{content: "";display: none}
.home-v2 .departments-menu > .dropdown > .dropdown-menu{margin-top: 4px;}
.header-logo + .primary-nav{width: 75%;}
.cart-items-total-price.total-price{margin-left: 10px;}
.top-bar .nav-inline .menu-item .dropdown-menu{right: 0;left: auto;}
.swiper-container{width: calc(100% - 60px);}
.product-spec ul{display: inline-block;margin: 0;padding-left: 0;}
.product-thumbnail a{white-space: nowrap;margin-bottom: 10px;padding: 0 15px;}
.product-thumbnail>a:first-of-type{margin-bottom: 15px;display: block;padding: 0;}
.product-thumbnail>a:first-of-type img{width: auto;}
table.cart tbody tr.cart_item td.product-subtotal span.amount{padding: 0 15px;}
.cart-collaterals+.actions{float: right;width: 100%;text-align: right;margin-bottom: 100px;}
.cart-collaterals+.actions .wc-proceed-to-checkout{display: inline-block;margin-left: 10px;}
.cart-collaterals{padding-bottom: 4em;border-top: 1px solid #ddd;padding-top: 2em;padding-left: 15px;padding-right: 15px;}
.shop_table.shop_table_responsive.cart tr{border-bottom: 1px solid #ddd;}
.shop_table.shop_table_responsive.cart tr:last-of-type{border-bottom: 0}
.passwd-forgotten .col-sm-10.text-center label{font-size: 16px;}
.passwd-forgotten .col-sm-10.text-center input{width: 50%;}
.sku{height: 40px;line-height: 40px;font-size: 20px;}
.dropdown-menu-mini-cart .wc-forward{font-size: 13px;}
table.cart .product-thumbnail a:hover{color: #0787ea}
.red-color{color: red}
.account-index .wpb_wrapper ul{padding-left: 26px;}
.account-index .store-info a{text-decoration: none;font-size: 16px;color: #000}
.account-index .store-info a.active,.account-index .store-info a:hover{color: #0787ea}
.account-index .store-info ul{list-style: none}
.account-index .store-info ul li{margin-bottom: 10px;padding: 0 10px 10px 10px;border-bottom: 1px solid #ddd}
.account-index .store-info ul li.last{border-bottom: 0}
.scontainer-outer{width: 30%;margin: 0 1%;display: inline-block;vertical-align: top}
.scontainer{width: 100%;height: auto;border: 1px solid #777;display: inline-block;vertical-align: middle;text-align: left;margin: 5% 0;padding: 10px;transition: all .4s}
.scontainer:hover .info,.scontainer:hover .separate-line,.scontainer:hover{border-color: #0787ea;color: #0787ea;}
.addressBox{display: inline-block;vertical-align: middle;width: 100%;}
.addressBox>.info{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;transition: all .4s}
.big-word{font-size: 24px;line-height: 32px;margin-bottom: 5px;}
.separate-line{height: 1px;width: 100%;margin: 16px 25% 8px 0;border-bottom: 1px solid #777;overflow: hidden;transition: all .4s}
.addressBox .btn{width: 48%;}
.addressBox .btn:last-of-type{float: right}
.account-purchase .form-control{margin-bottom: 5px;}
.thead-color{background-color: #0787ea;color: #fff;white-space: nowrap}
.news-order{border: 4px solid #b8dffd;height: 80px;padding-top: 16px;padding-bottom: 16px;text-align: center;position: relative}
.news-order img{max-height: 100%;width: 150px;height: 48px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.dark-main-color{background-color: #04508b;color: #fff}
.light-main-color{background-color: #f1f9ff;}
.light-main-color a{display: block}
.contact-form label,.store-info a,p{font-size: 16px;}
.store-info h3{font-size: 18px;}
.btn-primary, input[type="submit"]{padding-top: 10px;padding-bottom: 10px;font-weight: normal;transition: all .4s;font-size: 16px;padding-left: 25px;padding-right: 25px;}
section{overflow: hidden}
.contact-form.vc_column_container .vc_column-inner{padding-left: 30px;padding-right: 0;}
.border-right{border-right:1px solid #ddd}
.form-control label{margin-right: 5px;}
.account-purchase .form-control{padding-left: 0;padding-right: 0;}
.shopping-cart .actions input[value="繼續購物"]{line-height: 23px;font-size: 15px;padding-top: 15px;padding-bottom: 15px;}
.modal-dialog.modal-lg{margin-top: 0;}
.text-right{text-align: right;}
.activeSelect select{width: 100%;padding: 0.857em 1.214em;border-radius: 1.571em;border-color: #ddd}
li.product .product-thumbnail img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;height: auto;max-width: 100%;max-height: 100%}
.price-add-to-cart p{padding: 0 15px;}
.price-add-to-cart .brief-desc{padding-right: 15px;height: 185px;overflow-y: auto;width: calc(100% - 24px);margin-left: 12px;margin-right: 12px;margin-bottom: 15px}
.navbar-primary .departments-menu .menu-item-has-children > .dropdown-menu{min-height: 0 !important;height: auto;overflow-x: hidden;overflow-y: auto;position: fixed;width: 300px!important}
.navbar-primary .departments-menu .menu-item-has-children > .dropdown-menu .menu-item-object-static_block{min-height: 0 !important;height: auto;width: 296px;}
.navbar-primary .departments-menu .departments-menu-dropdown > li{position: relative;transform: translate(0,0);}
.navbar-primary .wpb_wrapper ul .nav-title{display: inline-block;margin: 5px;}
/*.navbar-primary .wpb_wrapper ul .nav-title:first-of-type{margin-left: 0;}*/
.navbar-search{margin-left: 4%;}
.departments-menu > .nav-item{width: 20%;}
.fullbanner-ad img{width: 100%;}
#templates_table img{display: inline-block;width: 20px;}
#tab-cust_sample img{margin: auto;}
#tab-spec th{vertical-align: middle}
.electro-nav-tabs{text-align: center;}
.navbar-primary li.nav-title{margin-bottom: 0!important;margin-top: 0 !important;}
.sale-ranking .rank-icon+a{display: inline-block;width: 100%;}
.sale-ranking .rank-icon.champion+a{max-width: 150px;}
.products-carousel .owl-item .product .product-thumbnail{padding-bottom: 100%;}
.yamm .yamm-content{padding: 2.143em 1em;overflow: hidden}
.prod-zone{text-align: center;}
.prod-zone .prod-box{width: calc(23% - 3px);margin: 0 1% 30px;transition: all .4s;box-shadow: 0 1px 1px 0 rgba(10,16,34,.2);display: inline-block;vertical-align: top}
.prod-zone .prod-box .prod-box-desc{height: 270px;background-color: #fff;padding: 25px;}
.prod-zone .prod-box .prod-box-desc ul{padding-left: 0;}
.prod-zone .prod-box .prod-box-desc li{margin-bottom: 5px;text-align: left;margin-left: 30px;line-height: 26px;list-style: disc;}
.prod-zone .prod-box .prod-box-desc a{font-size: 17px;line-height: 22px;font-weight: 600;display: block;transition: all .4s}
.prod-zone .prod-box:hover{box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);transform: scale(1.05)}
.ml-10{margin-left: 10px;}
#content #sidebar{padding-right: 0;}
.footer-logo,.header-logo-link{max-width: 250px}
.page-banner-subtitle{font-size: 20px;line-height: 28px;letter-spacing: 0.8px;padding-bottom: 25px;border-bottom: 1px solid #0787ea;margin-bottom: 45px;color: #0787ea}
.page-banner{margin-bottom: 20px;}
.vc_toggle_content ul,.vc_toggle_content ol{font-size: 16px;}
.vc_toggle_content li{margin-bottom: 5px;}
.sale-ranking .champion{position: absolute;top: 0;left: -8px;transform: rotate(-15deg)}
.sale-ranking a>span{vertical-align: top;width: calc(100% - 20px);display: inline-block;float: right;}
.footer-payment-logo .card-item > img{margin-top: 7px;width: 40px;}
.mobile-footer{display: none}
.home-v2-slider .owl-dots{right: 42%;display: inline-block;width: auto;}
header .hidden-lg-up+nav{display: none}
.handheld-navigation ul .dropdown-menu.show-direct{display: block;padding: 10px 0;}
.show-direct li{color: #eee}
.handheld-navigation ul .dropdown-menu.show-direct.mid-color,.mid-color{background-color: #fff;}
.handheld-navigation ul .dropdown-menu.show-direct.mid-color::before,.handheld-navigation ul .dropdown-menu.show-direct.mid-color::after{border-bottom-color:#fff;content: ""}
.print-app-zone .print-box{list-style: none;width: 31%;display: inline-block;padding-left: 0;margin: 0 1%;}
.print-app-zone .print-box li{border-bottom: 1px solid #ddd;}
.print-app-zone .print-box li a{padding: 15px 0;display: block}
.print-app-zone .print-box li:last-of-type{border-bottom: 0;}
.print-app-zone header{margin-bottom: 10px;}
.print-app-zone .print-box li a img{display: inline-block;padding-right: 15px;padding-left: 15px;border-right: 1px solid #ddd;height: 40px;}
.print-app-zone .print-box li a span{display: inline-block;margin-left: 15px;font-size: 18px;}
.print-zone-page .col-sm-4 img{width: 100%;margin-bottom: 30px;}
.table th{width: auto!important;white-space: nowrap}
.quote-zone ul{padding-left: 20px;}
.single-prod #tab-template th,.single-prod #tab-template td{white-space: nowrap}
/*.texture-upload header{margin-bottom: 10px;}*/
.texture-upload header+.subtitle{margin-bottom: 30px;float: left;width: 100%;}
.checkout-page .box-border.payment label img{height: 28px;}
section.ship-option{overflow: visible}
.browser .note{width: 105%;}
.atm-warn+.text-center .btn.btn-primary{width: 150px}
.checkout-failure .col-sm-5 .invoiceBack span,.checkout-failure .red{vertical-align: top;display: inline-block;width: calc(100% - 84px);}
.checkout-failure .col-sm-7 .invoiceBack span{vertical-align: top;display: inline-block;width: calc(100% - 16px);}
.checkout-failure .btns .btn{width: 170px;}
.footer-logo{margin-bottom: 15px;}
.price-dollar::before{content: "$ "}
.account-purchase input{text-align: center;}
.news-order{border-bottom-width: 2px}
.news-order.dark-main-color{border-top-width: 2px;border-right-width: 2px;border-bottom-width: 4px}
.news-order.light-main-color{border-top-width: 2px;border-left-width: 2px;border-bottom-width: 4px}
.faq-page .panel-title>a>span{vertical-align: top;display: inline-block;margin-left: 10px;width: calc(100% - 60px);}
.inform-left{float: left;width: 50%;padding: 90px 45px;}
.inform-right{float: right;width: 50%;}
table.cart .product-thumbnail>a{display: inline-block;width: 100px;height: 100px;margin-bottom: 0;border: 1px solid #ddd}
table.cart .product-thumbnail img{height: auto;max-height: 100px;max-width: 100px;margin: inherit;border: 0;margin: auto}
.product_list_widget .mini_cart_item a:nth-child(2){height: 75px;width: 75px;display: inline-block;vertical-align: top;float: left;position: relative}
.product_list_widget .amount{vertical-align: top;width: calc(100% - 85px);float: left;padding-left: 15px;}
.product_list_widget .mini_cart_item div{display: inline-block;vertical-align: top;width: calc(100% - 85px);float: left;padding-left: 15px;}
.product_list_widget .wp-post-image{width: auto;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%}
.delivery-desc{padding: 0 30px 30px;}

.multi-faq .tab-content{min-height: 500px}
.multi-faq .tab-content{clear: both;padding: 0;}
.multi-faq .tab-content .col-sm-8 .tab-content>.active{margin-top: 0;}
.multi-faq .faq-cate-1+.tab-content{margin-top: 30px;}
.multi-faq .sidebar-account{margin-left: 0;margin-right: 0;border: 0;padding-left: 0;list-style: none}
.multi-faq .sidebar-account li.active{border-left: 6px solid #0787ea}
.multi-faq .sidebar-account li.active a{color: #0787ea}
.multi-faq .sidebar-account li a{position: relative;width: auto;height: auto;line-height: normal;display: block;padding: 10px;}
.multi-faq .sidebar-account li a label{cursor: pointer;display: inline-block;vertical-align: top;width: calc(100% - 20px);}
.multi-faq .sidebar-account li a label{font-weight: bold;font-size: 16px;text-align: left;}
.multi-faq .accordion-faq{text-align: left;position: relative}
.multi-faq .sidebar-account li:last-of-type{margin-bottom: 0;}
.multi-faq .accordion-faq .panel .panel-heading{padding: 0;color: #fff;border-radius: 0!important;background-color: #333;}
.multi-faq .accordion-faq .panel-heading a{display: block;position: relative;background-color: #f8f8f8;color: #000;padding: 14px 40px 12px 15px;border-radius: 0;border: 1px solid #eee;min-height: 50px;font-weight: bold;font-size: 20px;}
.multi-faq .accordion-faq .arrow-down,.multi-faq .accordion-faq .arrow-up{position: absolute;display: block;width: 20px;height: 20px;font-size: 20px;top: 54%;margin-top: -12px;right: 10px;}
.multi-faq .accordion-faq .arrow-down,.multi-faq .accordion-faq .collapsed .arrow-up{display: none}
.accordion-faq .collapsed .arrow-down{display: block}
.multi-faq .accordion-faq .panel .panel-heading>a span:last-of-type{display: inline-block;vertical-align: top;width: calc(100% - 60px);}
.multi-faq .accordion-faq .panel-body{padding: 20px 40px;font-size: 16px;line-height: 22px;letter-spacing: 2px}
.multi-faq .tab-content .panel .panel-body img{border: 1px solid #0787ea;padding: 5px;}
.multi-faq .sidebar-account li a.active{border-color: #0787ea;color: #0787ea}
.multi-faq .sidebar-account li a{border-left: 6px solid transparent;color: #666;text-align: left;}
.faq-cate-1{white-space: nowrap;overflow: hidden;overflow-x: auto;width: auto;padding-bottom: 15px;}
.faq-cate-1 li.nav-item{list-style: none;display: inline-block;float: none;width: calc(92%/7);margin: 0.5%;vertical-align: top}
.faq-cate-1.nav-tabs>li>a.active:hover, .faq-cate-1.nav-tabs>li.active>a{border: 0}
.faq-cate-1.nav-tabs>li>a.active{background-color: #fff;color: #0787ea}
.faq-cate-1.nav-tabs>li>a{transition: all .4s;cursor: pointer}
/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background-color: #0188cc;border: 2px solid #0188cc;color: #fff}*/
.faq-cate-1.nav-tabs>li>a.active>img{border-radius: 50%;border: 4px solid #0787ea}
.faq-cate-1.nav-tabs>li>a img{border-radius: 50%;border: 4px solid transparent;max-width: 100%;width: auto;margin: auto;}
.faq-cate-1.nav-tabs>li>a.active>span{font-size: 16px;font-weight: bold;}
.faq-cate-1 li a span{display: block;padding: 12px 0;white-space: normal}
.faq-cate-1 li a{text-align: center;padding: 0;margin: 0;border: 0;border-top-left-radius: 65px;border-top-right-radius: 65px}
.faq-cate-1.nav-tabs>li>a:hover{border: 0;background-color: #fff;color: #0787ea;font-weight: bold;font-size: 16px;}
.faq-cate-1.nav-tabs>li>a:hover img{border-color: #0787ea}
.faq-cate-1.nav-tabs>li>a:hover span{font-weight: bold;font-size: 16px;}
.fl-cart-contain{z-index: 100}
.multi-faq .page-title{margin-bottom: 60px;margin-top: 30px;}
header .navbar-search{display: none}
.fancybox-slide>div{max-width: 90%;max-height: 90%}
i.fa.fa-question-circle{font-size: 16px;margin-left: 5px;}
.footer-newsletter input[type="text"]{height: 50px;}
.inform{float: left}
.customize-price{position: relative;display: inline-block;float: right;height: 50px;line-height: 36px;font-size: 24px;}
.prod-customize .fileinput{text-align: center;margin-bottom: 30px;}
.prod-customize .fileinput-preview.thumbnail{float: none;width: 400px;height: 0;margin-bottom: 30px;padding-top: 25%;}
.prod-customize .fileinput-preview.thumbnail img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}

.slim .slim-area .slim-result img{top: 50% !important;left: 50% !important;transform: translate(-50%,-50%)!important;width: auto!important;}
/*input[type="file"]{margin-bottom: 100% !important;}*/
.slim .slim-area .slim-result img.out{display: none!important}
#my-cropper{width: 50%;height: 0;padding-top: 50%;margin: auto;}
.slim .slim-area .slim-status{position: absolute}
.btns .btn:last-of-type{margin-left: 20px;}
.prod-spec{float: left}
.prod-spec .number-area,.prod-spec .size-area{margin-bottom: 60px;width: 100%;float: left}
.prod-spec .color-area{float: left;margin-bottom: 30px;}
.prod-spec .size-area select{border: 1px solid #ddd;width: 50%;}
.prod-spec .number-area input{display: inline-block;float: left;text-align: center;width: 100%;border: 1px solid #ddd;padding-top: 12px;padding-bottom: 12px;}
.prod-spec .number-area .number-btn{position: relative;width: 50%;float: left;}
.prod-spec .number-area .number-btn .minus{display: inline-block;width: 45px;height: 45px;position: absolute;left: 0;text-align: center;line-height: 40px;font-size: 36px;}
.prod-spec .number-area .number-btn .plus{display: inline-block;width: 45px;height: 45px;position: absolute;right: 0;text-align: center;line-height: 40px;font-size: 24px;}
.prod-spec .color-area .chosen-color{width: 250px;display: inline-block;float: left}
.prod-spec .color-area .choice-color{width: calc(100% - 250px);display: inline-block;float: left}
.prod-spec .color-area .chosen-color i:last-of-type{display: none}
.prod-spec .color-area .chosen-color .selected-color{width: 150px;display: inline-block}
.prod-spec .color-area .chosen-color .selected-color p{text-align: center;margin-top: 15px;}
.prod-spec .color-area img{border: 1px solid #ddd;width: 100%;height: 100%;}
.prod-spec .color-area .chosen-color i{line-height: 200px;vertical-align: top;margin-left: 25px;color: #0363cd}
.prod-spec .color-area .choice-color ul li{list-style: none;width: 60px;height: 60px;display: inline-block;border: 1px solid #ddd;background: #000;float: left;margin: 10px;cursor: pointer;transition: all .4s}
.prod-spec .color-area .choice-color ul{overflow: hidden}
.prod-spec .color-area .choice-color ul li.active{border-color: #0363cd;border-width: 2px}
.prod-customize .swiper-container{width: calc(100% - 560px);}
.buy-direct{margin-top: 50px;margin-bottom: 50px;}
/*.buy-direct .btn.prod-desc.add-cart{font-size: 28px;padding: 20px 60px;}*/
.buy-direct .btn.prod-desc.add-cart{margin-left: 20px;}
.buy-direct .btn.prod-desc.add-cart:first-of-type{margin-left: 0;}
.prod-spec .total-price{width: 50%;display: inline-block;float: left;padding-left: 60px;height: 45px;line-height: 45px;font-size: 28px;}
.prod-customize .prod-preview i{font-size: 24px;}
.modal-title{display: inline-block}
.double-btn .button:first-of-type{margin-right: 20px;}
.social-account{margin-bottom: 60px;}
.social-account .button{width: 45%;margin: 0 2%;padding: 1.036em 0;}
.fb-login{background-color: #3b5998 !important;transition: all .4s}
.line-login{background-color: #3ace01 !important;transition: all .4s}
.fb-login:hover,.line-login:hover{background-color: #000!important;}
.login .button{width: 130px;}
.slim-btn.slim-btn-remove{display: none}
#topLoader{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.7);z-index: 1000;}
#topLoader>div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.texture-upload .tab-content table th{vertical-align: middle;min-width: 91px!important;width: auto!important;}
.product_meta{display: none}
.texture-upload .modal-footer{text-align: center;}
.back-to-prev .btn.prod-desc.add-cart{width: 170px;}
#topLoader>div>div:last-of-type{display: none}
#topLoader>div::before{color: #777;content: "產品預覽圖產生中，請稍候。";display: block;background-color: #fff;border: 4px solid #1fc0a0;border-radius: 5px;position: fixed;left: 50%;bottom: -100px; text-align: left;padding: 5px;z-index: 1;opacity: .9;width: auto;transform: translateX(-50%);font-size: 18px;z-index: 10;white-space: nowrap}
.slim-editor-utils-group::before{color: #777;content: "若使用手機或平板，請用單指移動裁切，勿用雙指移動裁切。";background-color: #fff;border: 3px solid #1fc0a0;border-radius: 5px;position: fixed;left: 50%;bottom: 120px; text-align: left;padding: 2px;opacity: .9;width: auto;transform: translateX(-50%);font-size: 14px;z-index: 10;display: none;min-width: 165px}
.upload-explain{width: 360px;margin: auto;margin-top: 30px;text-align: left;}
.control-fileinput .btn{margin: 0 5px;}
.prod-customize .fileinput-preview.thumbnail{padding-top: 398px;}
.website-option .modal-body input,.buy-direct .modal-body input{width: 80%;}
.website-option .modal-body th,.buy-direct .modal-body th{vertical-align: middle}
.website-option .modal-body table,.buy-direct .modal-body table{margin-bottom: 0;}
.website-option .modal-body table th, .website-option .modal-body table td,.buy-direct .modal-body table th, .buy-direct .modal-body table td{border-top: 0}
.texture-upload section header{margin-bottom: 0;}
.form-control select{padding: 0.857em 1.214em;width: 12.831em;border-radius: 1.571em;border-color: #ddd;color: #818181}
.register-page p.form-row.form-row-wide{width: 50%;padding: 0 15px;}
.register-page p.form-row.form-row-wide select,.register-page p.form-row.form-row-wide input{display: block;width: 90%;}
.register-page p.form-row.form-row-wide.one-third{width: 33%;display: inline-block}
.register-page .register-benefits{clear: both;border-bottom: 1px solid #ddd;padding: 30px;margin-bottom: 30px;float: left;width: 100%;}
.website-option{text-align: center;padding: 60px 0;}
.website-option button:not(.close){width: 200px;}
.website-option button:first-of-type:not(.close){margin-right: 10px;}
.preloader{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);display: none}
.customize-4 .modal-content button.close span{height: 17.95px;display: block;line-height: 17.95px;}
.design-how a{font-size: 24px;font-weight: bold;color: red}
.design-how a i.fa.fa-question-circle{font-size: 24px;}
.pr-db{padding-right: 30px;}
.pl-db{padding-left: 30px;}
section.about{margin-bottom: 800px;}
section.about-3{margin-bottom: 1035px;}
.about-us #content{position: relative}
.about-us #content section.about-4,.about-us #content section.about-2{background-position: center top;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;right: 0;top: 1100px;bottom: 0;padding-top: 90px;padding-bottom: 100px;height: 560px;}
.about-us #content section.about-4{top: 2400px;height: 975px;background-size: auto;padding-top: 180px;background-position:center bottom;padding-top: 45px;margin-top: -60px;}
/*.about-us #content section.about-2 .container{margin-top: 100px;margin-bottom: 100px;}*/
.about-2 .wpb_content_element p{color: #fff}
.about-2 .wpb_content_element .red-color{color: red;text-shadow: 1px 1px 10px #fff;font-weight: bold;}
.about-2 img{background-color: #fff;}
.about-2 .pr-db p{font-size: 24px;line-height: 36px;letter-spacing: 1px}
.about-3 li{font-size: 20px;margin-bottom: 15px;}
.about-4 .pic-zone .pic-box{padding-top: 32.7%;background-repeat: no-repeat;width: 49%;display: inline-block}
.about-4 .pic-zone .pic-box:last-of-type{float: right}
.about-4 .pic-zone{padding-top: 50px;}
.about-4 p{font-size: 20px;letter-spacing: 5px;line-height: 28px;}
.about .red-color{font-size: 20px;}
.about-2 .text-left p{font-size: 20px;}
.about-3 img{margin: auto;}
.shopping-cart td.product-name a{font-size: 20px;}
.shopping-cart td.product-name div{margin-bottom: 6px;font-size: 16px;line-height: 21px;}
.error-404 h1{font-size: 360px;letter-spacing: 50px;margin-bottom: 30px;}
.error-404 b{font-size: 36px;font-weight: bold;white-space: 100%;display: block;margin-bottom: 30px;}
.error-404 p{font-size: 30px;}
.error-404 .page-banner .btn{margin-top: 60px;margin-bottom: 60px;}
.modal-header label{font-size: 20px;}
.size-quantity tbody select{margin-top: 0;padding-top: 0;padding-bottom: 0;}
.size-quantity tbody tr td{line-height: 46.69px;}
.size-quantity .modal-footer .btn:first-of-type{margin-left: 10px;}
.size-quantity .modal-footer{text-align: center;}
.modal-body{padding: 30px 0;}
.size-quantity table th{border-top: 0;text-align: center;border-bottom: 2px solid transparent;white-space: nowrap}
.size-quantity .modal-header .close{height: 18px;}
.size-quantity .modal-header .close>span{line-height: 18px;display: block;margin-top: -6px;}
.size-num{position: relative}
.size-num .size-minus{position: absolute;left: 35px;line-height: 46.69px;font-size: 24px;cursor: pointer}
.size-num .size-plus{position: absolute;right: 35px;line-height: 46.69px;font-size: 24px;top: 0.75rem;cursor: pointer}
.table-responsive{border-radius: 15px;border: 1px solid #fff;transition: all .4s}
.table-responsive:hover{box-shadow: 0 0 15px #000}
.table-responsive:hover table th{border-bottom: 2px solid #eceeef}
.table-responsive:hover table tbody td{border-top: 1px solid #eceeef}
.table-responsive tbody td{border-top: 1px solid transparent}
.add-file{border-radius: 10px;background-color: transparent;border: 1px solid #0787ea;margin-left: 50px;height: 40px;padding: 0 15px;color: #0787ea}
.question-icon i{font-size: 20px;margin-left: 10px;}
.upload-file-card{position: relative;padding: 15px;border: 1px solid #fff;border-radius: 15px;margin: 0 10px;margin-bottom: 40px;transition: all .4s;float: left;width: calc(100% - 20px);min-height: 220px}
.upload-file-card:hover{box-shadow: 0 0 10px #aaa}
.upload-file-card .del_bt{position: absolute;top: 15px;right: 15px;}
.upload-file-card .del_bt i{font-size: 20px;}
.upload_file_zone+.btns{margin-top: 60px;}
/*.upload_file_zone .upload-file-card:last-of-type{border-bottom: 0}*/
.size-num input{text-align: center;}
.upload-file-card .size-num{display: inline-block}
.upload-file-card .size-num .size-minus{line-height: 43.97px;left: 20px;}
.upload-file-card .size-num .size-plus{line-height: 43.97px;top: 0;right: 20px;}
.texture-upload .upload-file-card .fileinput{position: absolute;width: 75%;top: 50px;right: 15px;}
/*.texture-upload .upload-file-card .fileinput .btn-file,.texture-upload .upload-file-card .fileinput .red.fileinput-exists{margin-top: 90px;}*/
.upload-file-card>span{height: 50px;line-height: 50px;display: inline-block;margin-bottom: 10px;}
.upload-file-card>span:first-of-type{margin-top: 32px;}
.texture-upload .upload_file_zone{float: left;width: 100%;padding-top: 10px;}
.pic-options{float: right;width: calc(100% - 105px);display: inline-block}
td.product-name .sku{padding-top: 5px;height: auto;}
.modal-header{padding: 0;padding-bottom: 15px;text-align: center;}
.uploaded-pic-view{padding: 15px;border-bottom: 1px solid #ddd}
.uploaded-pic-view .prod-spec-pic{position: relative;width: 100%;padding-top: 100%;border: 1px solid #ddd}
.uploaded-pic-view .prod-spec-pic img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;height: auto;max-height: 90%;max-width: 90%}
/*.shopping-cart .modal-body,.checkout-page .modal-body{padding: 0;}*/
.product-spec ul li:last-of-type{margin-right: 0;}
.checkout-page .pic-options{width: auto;float: none}
.checkout-page .pic-options a{padding-top: 10px;padding-left: 0;}
.checkout-page table.cart .product-thumbnail>a{display: block;margin: auto;}
.checkout-page .prod-spec>ul{padding-inline-start: 40px}
.cart-collaterals .cart_totals{padding: 0;}
#modal-add-file{text-align: center;}
#modal-add-file select{border: 1px solid #ddd}
.table-responsive .uploaded-pic-view:last-of-type{border-bottom: 0}
.quote-box .quote-zone .ps{position: absolute;top: 15px;right: 15px;font-size: 18px;}
.quote-box .quote-zone .ps i.fa.fa-question-circle{font-size: 20px;}
.quote-box .quote-zone .ps .green-color{color: forestgreen}
/*.fancybox-close-small:focus,.fancybox-close-small:hover{background-color: transparent;border-color: transparent}*/
button[data-fancybox-close]:focus,button[data-fancybox-close]:hover{background-color: transparent;}
.modal-content .modal-footer button[data-dismiss]:focus,.modal-content .modal-footer button[data-dismiss]:hover{border-color: #000;background-color: #000;}
/*input[type="number"]{padding: 0.857em 1.214em;background-color: transparent;color: #818181;line-height: 1.286em;outline: none;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 1.517em;box-sizing: border-box;border-width: 1px;border-style: solid;border-color: #ddd;}*/
.texture-upload .size-num input{width: 188.97px;}
.hide-input{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;opacity: 0;}
.modal-options .modal-body a{display: inline-block;width: 85px;margin: 15px;transition: all .4s;height: 85px;padding: 10px;}
.modal-options .modal-body a img{width: 100%;height: 100%;}
.modal-options .modal-body a .ops-name{text-align: center;white-space: nowrap;padding-top: 20px;width: 105px;margin-left: -20px;}
.modal-options .modal-body a.selected .ops-name{margin-left: -22px;font-weight: bold;font-size: 16px;transition: all .4s}
.modal-options .modal-body a.selected{border: 2px solid #0787ea;border-radius: 5px;transition: all .4s}
.modal-options .modal-body a:hover{box-shadow: 0 0 10px #333;border-radius: 5px}
.single-prod #tab-template .table{padding: 15px;}
.single-prod .tab-content .tab-pane{padding: 30px 15px;border: 1px solid #eee;margin-top: 0;}
.single-prod .tab-content .tab-pane ol{text-align: left;}
.single-prod .tab-content .tab-pane ol b{display: block;font-size: 16px;padding-bottom: 5px;}
.single-prod .tab-content .tab-pane ol li{margin-bottom: 15px;}
.single-prod .tab-content .tab-pane p.title{font-size: 20px;padding: 15px 0;border-bottom: 1px solid #ddd;margin-bottom: 30px !important;text-align: left;}
#tab-description{color: #333e48}
.text-content{border: 1px dashed #000;margin-bottom: 30px;padding: 15px;}
.content-zone{overflow: hidden;margin-bottom: 30px;}
.content-zone .text-content, .content-zone .pic-content{width: 50%;display: inline-block;float: left}
div>.content-zone:nth-child(even) .pic-content{float: right}
.modal-body img{width: 100%;}
#default-hh-header .menu-icon{display: inline-block;height: 19px;width: 19px;margin-right: 10px;}
#default-hh-header .menu-icon img{display: inline-block;width: 100%;height: 100%;vertical-align: top}
.handheld-navigation ul li a.title,.handheld-navigation ul .dropdown-menu li a{line-height: 19px;}
.right-sidebar .blog-single#content #sidebar{margin-top: 0;}
.single-prod .table-responsive{margin-bottom: 20px;}
.tags{padding-left: 0;list-style: none;}
.tags li{display: inline-block;margin-bottom: 10px;margin-right: 10px;padding: 10px 15px;background-color: #0787ea;color: #fff;}
/* .tags li a:hover,.tags li a:focus{background-color: #0787ea;color: #fff;} */
.cart .product-spec>div{margin-bottom: 5px;}
table.cart{margin-bottom: 0;}
table.cart tbody tr.cart_item td{border-top: 1px solid #eceeef;}
.home-v2-ads-block .ad .media-left{padding-right: 0;}
.right-sidebar .blog-single#content #sidebar{margin-top: 0;}
article.post .entry-header .sub-title{position: relative;}
article.post .entry-header .sub-title .share-link{position: absolute;right: 0;bottom: 25px;}
article.post .entry-header .sub-title .share-link a{transition: all .4s;color: #fff;width: 33px;display: inline-block;text-align: center;margin-left: 8px;border: 1px solid #434343;border-radius: 5px;background-color: #434343;font-size: 16px;height: 27px;vertical-align: top;line-height: 24px;}
article.post .entry-header .sub-title .share-link a.fb{background-color: #3B5998;border-color: #3B5998;}
article.post .entry-header .sub-title .share-link a.fb:hover{background-color: #fff;color: #3B5998;}
article.post .entry-header .sub-title .share-link a.tw{background-color: #1DA1F2;border-color: #1DA1F2;}
article.post .entry-header .sub-title .share-link a.tw:hover{background-color: #fff;color: #1DA1F2;}
article.post .entry-header .sub-title .share-link a.gp{background-color: #d34836;border-color: #d34836;}
article.post .entry-header .sub-title .share-link a.gp:hover{background-color: #fff;color: #d34836;}
article.post .entry-header .sub-title .share-link a.pin{background-color: #BD081C;border-color: #BD081C;}
article.post .entry-header .sub-title .share-link a.pin:hover{background-color: #fff;color: #BD081C;}
article.post .entry-header .sub-title .share-link a.line{background-color: #00c300;border-color: #00c300;}
article.post .entry-header .sub-title .share-link a.line:hover{background-color: #fff;color: #00c300;}
.bottom-tags a{padding: 5px 15px;border: 1px solid #555;line-height: 31px;background-color: #fff;color: #555;margin-right: 8px;margin-bottom: 8px;}
.bottom-tags a:hover{color: #0787ea;border-color: #0787ea;}
.bottom-tags a:last-of-type{margin: 0;}
.widget_search{position: relative;}
.widget_search .search-submit{display: inline-block;position: absolute;top: 0;right: 0;height: 46px;padding-left: 15px;padding-right: 15px;}
.cat-item.lv-2{padding-left: 20px;}
.electro_recent_posts_widget ul > li .post-thumbnail{width: 75px;height: 0;padding-right: 0;padding-top: 75px;position: relative;margin-right: 14px;}
.electro_recent_posts_widget ul > li .post-thumbnail img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: auto;max-width: 100%;max-height: 100%;}
.electro_recent_posts_widget ul > li .post-content{float: left;width: calc(100% - 90px);}
.sidebar-blog .widget ul, .sidebar-blog .widget ul li, .sidebar-blog .widget{overflow: hidden;}
.zone-top{padding-top: 50px;}
.zone-top .col-sm-7{padding-right: 10%;}
.zone-top .col-sm-7 h3{margin-top: 30px;display: inline-block;}
.zone-top .col-sm-7 h3 b{margin-bottom: 15px;display: inline-block;}
.zone-top .form-control{height: 50px;}
.zone-navbar{border: 1px solid #ddd;border-left: 0;border-right: 0;}
.drop-downs{padding-left: 0;margin-bottom: 0;position: relative;}
.drop-downs .dropdown.last .dropbtn{border-right: 0;}
.drop-downs .search{list-style: none;float: right;position: relative;width: 100%;}
.drop-downs .search>a{display: inline-block;width: 60px;height: 60px;line-height: 60px;text-align: center;position: absolute;right: 0;top: -61px;}
.drop-downs .search>a .cancel-icon{display: none;position: absolute;width: 60px;top: -1px;background-color: #fff;line-height: 61px;}
.drop-downs .search a+.search-form{position: absolute;width: calc(100% - 60px);top: -64px;background-color: #fff;display: none;}
.drop-downs .search>a.active .search-icon{display: none}
.drop-downs .search>a.active .cancel-icon{display: block}
.drop-downs .search a.active+.search-form{display: block;}
/* .drop-downs .search .search-form input{width: 100%;height: 60px;border-top: 0;border-left: 0;border-bottom-left-radius: 0;} */
.drop-downs .search .search-form input{width: 100%;height: 60px;}
.drop-downs .search .search-form .btn{position: absolute;right: 0;top: 0;height: 60px;}
.drop-downs .search .search-form select{position: absolute;height: 60px;right: 80px;width: 250px;border-radius: 100px;padding: 0 30px;border-color: #ddd;border-right: 1px solid #fff;border-top-right-radius: 0;border-bottom-right-radius: 0;border-top: transparent;border-bottom: transparent;height: 58px;top: 1px;}
.drop-down-fw .dropdown-content{width: 1170px;position: absolute;left: 0;padding: 15px;}
.drop-down-fw .dropdown-content .title{font-size: 20px;font-weight: bold;text-align: center;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
/* .drop-down-fw .dropdown-content ul li{line-height: 30px;margin-bottom: 10px;} */
/* Dropdown Button */
.blog-index .dropbtn {
    /* background-color: #4CAF50; */
    color: white;padding: 16px;font-size: 16px;border: none;border-radius: 0;background-color: #fff;color: #000;box-sizing: border-box;padding: 10px 20px;margin-top: 10px;margin-bottom: 10px;border-right: 1px dashed #ddd;}
  
  /* The container <div> - needed to position the dropdown content */
  .blog-index .dropdown {display: inline-block;line-height: 60px;position: static;}
  
  /* Dropdown Content (Hidden by Default) */
  .blog-index .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .blog-index .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;line-height: 26px;
  }
  
  /* Change color of dropdown links on hover */
  .blog-index .dropdown-content a:hover {background-color: #ddd;}
  
  /* Show the dropdown menu on hover */
  .blog-index .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .blog-index .dropdown:hover .dropbtn {background-color: #fff;color: #0787ea;border-color: #ddd;}
.page-banner img{width: 100%;}
.zone-content{margin: 30px 0;}
.article-info{position: relative;padding: 5px;}
.article-info .bread-crumb{display: inline-block;width: calc(100% - 80px);}
.article-info .bread-crumb i{display: inline-block;width: 25px;text-align: center;margin-left: 2px;}
.article-info .article-date{position: absolute;top: auto;bottom: 5px;right: 5px;}
/* .article-info .article-title{margin-top: 15px;} */
.article-info .article-title h3{border-bottom: 1px solid #555;margin-bottom: 10px;padding-bottom: 10px;}
.zone-content .top-show,.zone-content .bottom-show{margin-bottom: 30px;border: 1px solid #ddd;}
.article-lists>div:not(.col-sm-12){float: none;display: inline-block;vertical-align: top;width: 33.14%;}

.quote-select .bag-zone{list-style: none; clear: both;padding-left: 0;padding-top: 10px;}
.quote-select .bag-zone{list-style: none; clear: both;padding-left: 0;padding-top: 10px;}
.quote-select .bag-zone li{width: calc(100% / 6.25);display: inline-block;list-style: none;border: 1px solid #ddd;transition: all .4s;}
.quote-select .bag-zone li.active, .bag-zone li:hover{border-color: #0787ea;}










/*版型下載*/
.style-title h3::after{content: "Download";width: 100%;margin-top: 28px;height: 1px;border-top: 1px solid #666;display: block;position: absolute;top: 20px;z-index: -2;}
.style-title h3::before{background-color: #fff;content: "";display: inline-block;height: 30px;width: 150px;position: absolute;z-index: -1;left: 50%;transform: translate(-50%)}
.style-title h3{text-align: center;}
.style-dl .nav-tabs>li{width: 150px;padding-top: 150px;border: 1px solid #ddd;margin: 10px;transition: all .4s;position: relative;display: inline-block;float: none;margin-bottom: 50px;margin-top: 0;}
.style-dl .style-title{margin-bottom: 100px;}
.style-dl .nav-tabs>li:hover{border-color: #2d83cb;background-color: rgba(45,131,203,.5)}
.style-dl .nav-tabs>li.active>a:hover,.style-dl .nav-tabs>li.active>a,.style-dl .nav-tabs>li.active{background-color: #2d83cb;}
.style-dl .nav-tabs>li.active>a{opacity: .5}
.style-dl .nav-tabs>li>a{padding: 0;border: 0!important;display: block;width: 90%;height: 90%;position: absolute;top: 0;margin: 5%;background-size: contain;background-repeat: no-repeat}
.style-dl .nav-tabs>li>a>b{position: absolute;bottom: -54px;left: 50%;transform: translateX(-50%);width: 100%;height: 46px;line-height: 18px;padding-top: 5px;transition: all .4s}
.style-dl .nav-tabs>li:hover >a>b{font-size: 18px;display: block;color: #fff;text-align: center;font-weight: bold;text-shadow: 2px 2px 4px #333;letter-spacing: 1px}
/*.style-dl .nav-tabs>li:hover >a{background-image: none!important;}*/
.style-dl .nav-tabs>li>a:hover {background-color: rgba(45,131,203,.1)}
.style-dl .tab-content>.tab-pane>table{text-align: left}
/*        .tab-content{min-height: 1500px}*/

/*結帳*/
.checkout-page-atm h4.checkout-step, .checkout-page h4.checkout-step{color: #0787ea;border-bottom: 1px solid #0787ea;padding-bottom: 5px;margin-bottom: 15px;}
.checkout-page-atm h4.checkout-step i, .checkout-page h4.checkout-step i{border-radius: 8px;border: 1px solid #ffa4d1;padding: 5px 7px;background-color: #ffa4d1;color: #fff;}
.checkout-page .tab-content{padding: 5px 0 0 0;overflow: hidden;font-size: 14px;line-height: 20px;margin-top: 20px;margin-bottom: 0;}
.tab-content>.active{margin-top: 15px;}
.checkout-page .box-border{margin-bottom: 15px;}
.checkout-page ul{padding: 0;margin: auto;}
.checkout-page .box-border label{margin-top: 25px;font-size: 16px;height: auto;line-height: 23px;min-height: 23px}
.seven-eleven, .hi-life, .family-mart{display: inline-block}
.checkout-page .box-border input[type="radio"]{margin-left: 20px;transform: scale(1.5)}
.checkout-page input[type=checkbox], input[type=radio]{height: auto!important;}
.checkout-page .box-border .seven-eleven label, .checkout-page .box-border .hi-life label, .checkout-page .box-border .family-mart label{margin: 0;height: 100px;vertical-align: middle}
.checkout-page .box-border label img{height: 100%;vertical-align: top;margin-left: 10px}
.checkout-page not:footer .form-control{width: 85%;}
.forseller{width: 85%;height: 100px;border: 1px solid #ddd;padding: 15px 20px;}
.invoice{margin-bottom: 10px;}
.checkout-page .box-border .invoice label{margin-top: 5px;}
.gray{color: #888}
.invoiceHide, .invoiceHide2{display: none}
.invoice-info li{list-style: none}
.invoiceBack{margin-left: 1.6em;padding: 4px;}
.e-invoice.halfSelect{width: 50%;height: 34px;}
.delivery_method select{height: 34px;padding: 1px 4px;width: 100%;margin-bottom: 10px;}
.delivery_method .activeSelect select{height: 46.69px;}
.activeSelect #receiver_city_pk select,.activeSelect #receiver_dist_pk select{height: inherit;padding: 0.857em 1.214em}
.address-plugin select{border-color: #ddd;height: 46px;border-radius: 50px;padding: 0 10px;}
.halfSelect{width: 35%;}
.e-invoice{height: 24px;padding: 1px 4px;}
.invoice-info select, .invoice-info input{height: 34px;}
.invoiceBack .invoiceBack input, .invoiceBack input[type="text"]{margin-bottom: 10px;margin-right: 20px;min-width: 220px}
.checkout-page .payment{text-align: left;width: auto;}
.payment{margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 100%;text-align: right;}
footer .payment{margin: 0;width: auto;}
.checkout-page .box-border .payment label{height: 23px;}
.checkout-page .box-border .button{margin-top: 15px;margin-bottom: 25px;}
.checkout-page .nav-pills>li{float: left}
/*.checkout-page .nav>li{position: relative;display: block}*/
/*.checkout-page .nav-pills>li>a{border-radius: 4px;background-color: #aaa;color: #fff;position: relative;display: block;padding: 10px 15px;}*/
/*.checkout-page .nav-pills>li.active>a, .checkout-page .nav-pills>li.active>a:focus, .checkout-page .nav-pills>li.active>a:hover{color: #fff;background-color: #0787ea;}*/
.checkout-page .payment img{display: inline-block}
.checkout-page .red{color: red}
.triple-invoice{display: inline-block}
.checkout-page .browser .browser-title{text-align: center;font-size: 20px;padding: 10px 0;background-color: #0787ea;color: #fff}
.checkout-page .browser .browser-content .browser-box .line-row{border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 5px;}
.checkout-page .browser .browser-content .browser-box .line-row .title{width: 30%;display: inline-block;font-size: 16px;}
.checkout-page .browser .browser-content .browser-box .line-row .content{width: 70%;display: inline-block;font-size: 16px;float: right}
.checkout-page .browser{width: 80%;margin: auto;border: 1px solid #ddd;border-radius: 10px;overflow: hidden}
.checkout-page .atm-order-info{width: 90%;margin: auto;}
.atm-order-info table{width: 100%;border: 1px solid #ddd;background-color: #f7f7f7;}
.atm-order-info table tr{border: 1px solid #ddd}
.checkout-page .atm-order-info .pull-left{padding: 8px;width: 30%;font-size: 16px;}
.checkout-page .atm-order-info td{border: 0!important}
.checkout-page .atm-order-info .pull-right{padding: 8px;width: 70%;min-height: 38px;font-size: 16px;border-left: 1px solid #ddd!important}
.checkout-page .atm-warn{float: left;width: 90%;margin-right: 5%;margin-left: 5%;position: relative;margin-bottom: 60px;}
.checkout-page .atm-warn>.pull-left{width: 25%;position: absolute;top: 45%;transform: translateY(-50%);}
.checkout-page .atm-warn .pull-left .announce{text-align: center;}
.checkout-page .atm-warn .pull-left .announce i{color: #df006f;font-size: 60px;}
.checkout-page .atm-warn .pull-left .announce span{font-size: 48px;color: #df006f}
.checkout-page .atm-warn .pull-left .announce .cloth{background: linear-gradient(to right,#fff 0%,#0787ea 20%,#0787ea 80%,#fff 100%);font-size: 24px;padding: 15px 0;color: #fff;margin-top: 10px;}
.checkout-page .atm-warn>.pull-right{width: 75%;border: 1px solid #ddd;padding: 15px;position: relative}
.checkout-page .atm-warn .pull-right .words{width: 85%;}
.checkout-page .atm-warn p{font-size: 16px;line-height: 24px;}
.orange-word{color: orange}
.checkout-page .atm-warn .pull-right .words b{font-size: 30px;}
.pink-word{color: #df006f}
.checkout-page .atm-warn .pull-right .border-dash{border-top: 1px dashed #ddd;float: left;padding-top: 10px;margin-top: 10px;}
.checkout-page .atm-warn .pull-right .border-dash .pull-left{width: 65%;}
.ann-list{display: inline-block;vertical-align: top;width: calc(100% - 18px);}
.main-color{color: #0787ea}
.checkout-page .atm-warn .pull-right .border-dash .pull-right{width: 35%;}
.checkout-page .atm-warn .pull-right .pics{width: auto;display: inline-block;position: absolute;right: -80px;top: 0px;height: 105%;}
.checkout-page .atm-warn .pull-right .pics img{height: 100%;}
/******************************************
18. Totop
******************************************/


.totop {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #0787ea;
	bottom: 70px;
	color: #000;
	display: inline-block;
	height: 40px;
	line-height: 35px;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	right: 10px;
	text-align: center;
	transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	visibility: hidden;
	white-space: nowrap;
	width: 40px;
	z-index: 100
}
.totop:before {
	content: "\f062";
	font-family: FontAwesome;
	font-size: 18px
}
.totop.totop-is-visible, .totop.totop-fade-out, .no-touch .totop:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s
}
.totop.totop-is-visible {
	visibility: visible;
	opacity: 1
}
.no-touch .totop:hover {
	background-color: #0787ea;
	opacity: 1;
	color: #fff;
}
/*
*****************************************
input transparent
*****************************************
*/
input[type="text"]:focus::-webkit-input-placeholder,input[type="number"]:focus::-webkit-input-placeholder,input[type="password"]:focus::-webkit-input-placeholder,input[type="email"]:focus::-webkit-input-placeholder { color:transparent;border-color: #66afe9; }
textarea:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="text"]:focus { border-color: #66afe9;outline: 0;box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6) }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


/*prod-info*/
.boxInfo{width: 90%;margin: 0 5%;margin-bottom: 60px;height: 500px;background: #fff;overflow: hidden;border: 1px solid #ddd;}
.boxInfo img{width: 100%;}
.boxTitle{width: 100%;background: #2d83cb;font-size: 20px;font-weight: bold;padding: 0 20px;text-align: center;line-height: 40px;color: #fff}
.boxInfo a.subtitle{font-size: 17px;display: block;letter-spacing: 2px;margin-top: 20px;background-color: #f9fcfe;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 10px 30px;color: #000}
.boxInfo .marginL{list-style: none}
.boxInfo ul>li>a{display: block;padding: 10px 0;letter-spacing: 1px;padding-left: 30px;padding-right: 30px;color: #555}
.boxInfo ul>li>a>i{float: right;line-height: 19px;display: none}
.boxInfo:hover{overflow-y: scroll}
.boxInfo ul{padding-left: 0;}
.boxInfo a{transition: all .4s;}
.boxInfo a:hover{color: #2d83cb;text-decoration: none}

/*版型下載*/
/*
.style-title h3::after{content: "Download";width: 100%;margin-top: 28px;height: 1px;border-top: 1px solid #666;display: block;position: absolute;top: 0;z-index: -2;}
.style-title h3::before{background-color: #fff;content: "";display: inline-block;height: 30px;width: 150px;position: absolute;z-index: -1;left: 50%;transform: translate(-50%)}
.style-title h3{text-align: center;}
.style-dl .nav-tabs>li{width: 150px;padding-top: 150px;border: 1px solid #ddd;margin: 10px;transition: all .4s;float: none;display: inline-block}
.style-dl .style-title{margin-bottom: 100px;position: relative}
.style-dl ul.nav.nav-tabs{text-align: center;padding-left: 0;}
.style-dl .nav-tabs>li:hover{border-color: #2d83cb;background-color: rgba(45,131,203,.5)}
.style-dl .nav-tabs>li.active>a:hover,.style-dl .nav-tabs>li.active>a,.style-dl .nav-tabs>li.active{background-color: #2d83cb;}
.style-dl .nav-tabs>li.active>a{opacity: .5}
.style-dl .nav-tabs>li>a{padding: 0;border: 0!important;display: block;width: 90%;height: 90%;position: absolute;top: 0;margin: 5%;background-size: contain;background-repeat: no-repeat}
.style-dl .nav-tabs>li>a>strong{display: none}
.style-dl .nav-tabs>li:hover >a>strong{font-size: 24px;width: 100%;display: block;color: #fff;text-align: center;font-weight: bold;text-shadow: 2px 2px 4px #333;position: absolute;top: 50%;transform: translateY(-50%)}
.style-dl .nav-tabs>li:hover >a{background-image: none!important;}
.style-dl .nav-tabs>li>a:hover {background-color: rgba(45,131,203,.1)}
*/

/*移除input type="number" 附加物件*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
input::-ms-clear {
  display: none;
}

/* 1125 */
.search-design .search-bar{display: inline-block;position: relative;height: 40px;}
.search-design .search-bar input{width: 250px;border-radius: 5px;height: 40px;}
.search-design .search-bar .btn{position: absolute;right: 0;border-radius: 5px;border-top-left-radius: 0;border-bottom-left-radius: 0;height: 40px;line-height: 40px;padding: 0;width: 40px;background-color: #0787ea;color: #fff;transition: all .4s;}
.search-design .search-bar .btn:hover{background-color: #000;}
.search-design .search-tags{display: inline-block;margin-left: 35px;vertical-align: top;}
.search-design .search-tags > span{font-size: 24px;line-height: 40px;margin-right: 20px;}
.search-design .design-tags{display: inline-block;}
.search-design .search-tags .d-tag{border-radius: 15px;border: 1px solid #ddd;display: inline-block;cursor: pointer;transition: all .4s;margin-right: 5px;margin-bottom: 10px;}
.search-design .search-tags .d-tag dt{padding: 5px 15px;display: inline-block;font-size: 16px;}
.search-design .search-tags .d-tag a{border-radius: 100%;border: 1px solid #ddd;display: inline-block;width: 25px;height: 25px;text-align: center;line-height: 25px;margin-right: 5px;color: #000;transition: all .4s;}
.search-design .search-tags .d-tag:hover{background-color: #0787ea;color: #fff;}
.search-design .search-tags .d-tag:hover a{background-color: #fff;}
.search-design .search-tags .d-tag a:hover{background-color: #000;color: #fff;}
.search-design .search-tags .design-tags > a{font-size: 20px;margin-left: 5px;}
.design-right select{border-radius: 5px;height: 40px;width: 100px;padding: 0 10px;}
.design-right .btn{border-radius: 5px;height: 40px;line-height: 40px;padding: 0;width: 120px;vertical-align: top;background-color: #0787ea;color: #fff;transition: all .4s;margin-left: 10px;}
.design-right .btn:hover{background-color: #000;}
.type-options{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 30px;}
.type-options .form-group{margin-bottom: 10px;}
.type-options .form-group a{margin-left: 12px;margin-top: 30px;display: block;}
.type-options label{margin-bottom: 0;font-weight: normal;}
.type-colors{width: 200px;}
.type-color{display: inline-block;border-radius: 4px;border: 1px solid #ddd;width: 25px;height: 25px;cursor: pointer;margin-right: 5px;margin-bottom: 5px;background-color: #0787ea;}
.type-design ul.products.column-2 li.product{width: 25%;margin-top: 0;min-height: 270px;}
.favorite-type-design ul.products.column-2 li.product{min-height: 380px;}
.type-design ul.products.column-2 li.product .product-inner{margin-right: 0;margin-left: auto;width: calc(100% - 10px);padding-bottom: 0;display: inline-block;float: right;height: auto;}
.type-design ul.products.column-2 li.product:hover .product-inner{position: relative;}
/* .type-design ul.products.column-2 li.product:hover .product-outer{height: auto !important;} */
.type-design ul.products.column-2 li.product .product-inner .prod-featured-list, .modal-design-info .price-add-to-cart .prod-featured-list{list-style: none;padding: 0;margin: 0;display: inline-block;}
.type-design ul.products.column-2 li.product .product-inner .prod-featured-list li, .modal-design-info .price-add-to-cart .prod-featured-list li{list-style: none;display: inline-block;width: 25px;}
.type-design ul.products.column-2 li.product .product-inner .prod-featured-list li a, .modal-design-info .price-add-to-cart .prod-featured-list li a{border: 1px solid #ddd;border-radius: 100%;background-color: #0787ea;display: inline-block;width: 20px;height: 20px;}
.type-design ul.products.column-2 li.product .product-inner .prod-featured-list li a.active,  .modal-design-info .price-add-to-cart .prod-featured-list li a.active{box-shadow: 0 0 5px #0787ea;opacity: 0.7;}
.type-design ul.products.column-2 li.product .product-inner .prod-featured-list + a{vertical-align: top;line-height: 20px;}
.type-design ul.products.column-2 li.product .product-inner .price-add-to-cart, .modal-design-info .price-add-to-cart{padding: 15px;padding-bottom: 30px;margin-bottom: 0;position: relative;width: 100%;bottom: 0;}
.modal-design-info .price-add-to-cart{padding-left: 0;padding-right: 0;padding-top: 0;}
.type-design ul.products.column-2 li.product .product-inner .price-add-to-cart .text-left span, .modal-design-info .price-add-to-cart .text-left span{margin-right: 5px;}
.type-design ul.products.column-2 li.product .product-inner .price-add-to-cart .text-left span:last-of-type, .modal-design-info .price-add-to-cart .text-left span:last-of-type{margin-right: 0;}
.type-design ul.products.column-2 li.product .product-inner .prod-img{display: block;overflow: hidden;}
.add-favorite{position: absolute;right: 15px;top: 15px;z-index: 2;width: 24px;height: 24px;line-height: 24px;text-align: center;background-color: transparent;}
.gallery-top .add-favorite{font-size: 30px;height: 30px;width: 30px;line-height: 30px;}
/*.add-favorite .fa-heart{display: none;}*/
/*.add-favorite:hover .fa-heart{display: inline-block;}*/
/*.add-favorite:hover .fa-heart-o{display: none;}*/
.type-design .pagination-area ul{list-style: none;float: right;padding-left: 0;margin-bottom: 0;}
.type-design .pagination-area ul a{font-size: 16px;color: #333;width: 30px;height: 30px;line-height: 30px;text-align: center;display: inline-block;transition: all .4s;}
.type-design .pagination-area ul a:first-of-type{margin-right: 15px;}
.type-design .pagination-area ul a:last-of-type{margin-left: 15px;}
.type-design .pagination-area ul a:hover{color: #0787ea;font-weight: bold;}
.type-design .pagination-area ul a.active{background-color: #eee;}
.favorite-design{margin-bottom: 15px;}
.favorite-design .search-design select{height: 40px;border-radius: 5px;width: 200px;}
.favorite-type-design ul.products.column-2 li.product{width: 20%;}
.hr-text{line-height: 1em;position: relative;outline: 0;border: 0;color: #000;text-align: center;height: 30px;opacity: .9;}
.hr-text::before{content: "";background: #aaa;position: absolute;left: 0;top: 50%;width: 100%;height: 1px;}
.hr-text::after{content: attr(data-content);position: relative;display: inline-block;padding: 0 3em;line-height: 1.5em;color: #555;background-color: #fff;font-size: 20px;}
.design-options{text-align: center;margin-bottom: 20px;font-size: 20px;}
.design-options a:first-of-type{margin-right: 10px;}
.favorite-type-design ul.products.column-2 li.product .product-inner .prod-top{padding: 15px;padding-bottom: 0;}
.favorite-type-design ul.products.column-2 li.product .product-inner .price-add-to-cart .text-center{margin-top: 15px;}
.favorite-type-design ul.products.column-2 li.product .product-inner .price-add-to-cart .text-center .btn{border-radius: 5px;}
.type-design li.product .product-thumbnail{padding-bottom: 55%;}
.underline{text-decoration: underline;}
.blog-single .blog-index{display: none;}
.single-post article.post > .entry-header.entry-header-top{display: none;}
.index-prods .product-thumbnail img{width: 100%;}
.index-prods .product h3{text-align: center;margin-top: 0.5em;font-size: 22px;}
.index-prods .product-thumbnail{position: relative;}
.index-prods .product-thumbnail .cate{position: absolute;top: 15px;left: 15px;font-size: 16px;}
.index-prods .product-thumbnail .cate-eng{position: absolute;top: 40px;left: 15px;font-size: 16px;}
.index-prods .product{border: 1px solid #fff;transition: all 0.3s ease;padding: 15px;}
.index-prods .product:hover{border-color: #0787ea;}
.index-prods .product:hover .img-responsive{transform: scale(1.5);}








@media (max-width: 1280px){
    .home-v2-slider .owl-dots{right: 37%;}
}
@media (max-width: 1200px){
    .blog-index .article-lists > .col-sm-4{width: 33%;}
}
@media (max-width: 1199.98px){
    .quote-select .bag-zone li{width: calc(100% / 6.35);}
    .favorite-type-design ul.products.column-2 li.product{width: 25%;}
    .texture-upload .upload-file-card .fileinput{width: 68%;}
    .texture-upload .fileinput-preview{width: 78%;}
    .about .pl-db p{margin-bottom: 10px;}
    .about-us #content section.about-2{top: 970px;}
    .about-2 .pr-db p{font-size: 18px;line-height: 30px;}
    section.about{margin-bottom: 750px;}
    .about-us #content section.about-4{top: 2250px;height: 770px;}
    section.about-3{margin-bottom: 900px;}
    .prod-customize .swiper-container{width: calc(100% - 360px);}
    .account-info .form-control{padding: 0.701em 0;}
    .checkout-page .atm-warn .pull-right .pics{right: -85px;height: 70%;top: 30px;}
    .checkout-page .atm-warn .pull-left .announce i,.checkout-page .atm-warn .pull-left .announce span{font-size: 40px;}
    .footer-bottom-widgets .columns + .columns{margin-left: 0;padding-left: 15px;}
    .hide-word{display: none}
    .footer-address address span{margin-left: 0;}
    .home-v2-slider{height: 370px;}
    #owl-main .container .item{max-width: 698px;}
    .tab-banner .nav-tabs>li{width: 19.5%;}
    .sale-ranking>.title{font-size: 18px;}
    .sale-ranking ul li{padding-top: 14px;padding-bottom: 14px;}
    .footer-contact .footer-address address span:not(.hide-word){margin-left: 0;}
    .about-4 .pic-zone .pic-box{background-size: contain;background-position: center}
}
@media (min-width: 992px){
    #content #primary{width: 80%;left: 20%;}
    #content #sidebar{width: 20%;right: 80%;}
}
@media (max-width: 991.98px){
    .electro_recent_posts_widget ul > li .post-content{width: 100%;}
    .electro_recent_posts_widget ul > li .post-thumbnail{width: 100%;padding-top: 100%;margin-right: 0;}
    #content.blog-single #sidebar > aside{width: 100%;}
    #content.blog-single #primary{width: 75%;left: auto;}
    #content.blog-single #sidebar{width: 25%;right: auto;}
    .blog-index .article-lists > .col-sm-4{width: 49.5%;}
    .quote-select .bag-zone li{width: calc(100% / 5.3);}
    .type-colors{width: auto;}
    .type-design ul.products.column-2 li.product{width: 33.33333%;}
    .texture-upload .upload-file-card .fileinput{width: 59%;top: 70px;}
    .texture-upload .fileinput-preview{width: 100%;}
    .upload-file-card{min-height: 240px}
    .texture-upload .fileinput .btn-file{position: absolute;top: -60px;left: 0;}
    .texture-upload .fileinput .red.fileinput-exists{position: absolute;top: -60px;left: 130px;}
    .upload-file-card>span:first-of-type{margin-top: 52px;}
    .about .pl-db p{font-size: 15px;}
    .about-us #content section.about-2{top: 900px;height: 500px;}
    .about-2 .pr-db p{font-size: 16px;line-height: 26px;}
    .about-3 li{font-size: 15px;margin-bottom: 10px;}
    section.about{margin-bottom: 700px;}
    .about-us #content section.about-4{top: 1900px;height: 700px;}
    section.about-3{margin-bottom: 700px;}
    .about-4 p{font-size: 18px;}
    .double-btn .button,.social-account .button{width: 100%;margin: 0;margin-bottom: 10px;font-size: 16px;}
    .register .button,p.lost_password+input.button{width: 100%;}
    .prod-customize .swiper-container{width: calc(100% - 240px);}
    .buy-direct .btn.prod-desc.add-cart:first-of-type{margin-left: 10px;}
    .buy-direct .btn.prod-desc.add-cart{margin: 0;width: 45%;margin: 0 10px 20px;}
    .header-logo{z-index: 0;}
    .faq-cate-1 li.nav-item{width: calc(115%/7);}
    .inform-left{padding: 20px;}
    ul.products > li.product:hover .product-inner{box-shadow: 0px 0px 6px 0px rgba(	7, 135, 234, 0.4);width: 94%;}
    .scontainer-outer{width: 47%;}
    .account-info .form-control{margin-bottom: 15px;}
    .account-purchase input{width: 35%;}
    .account-index .store-info ul{padding-left: 15px;}
    .prod-zone .prod-box .prod-box-desc{padding: 15px;}
    .checkout-page .page.type-page.status-publish.hentry h4{font-size: 22px;}
    .checkout-page .atm-warn .pull-left .announce .cloth{font-size: 18px;}
    .checkout-page .atm-warn .pull-left .announce i, .checkout-page .atm-warn .pull-left .announce span{font-size: 34px;}
    .checkout-page .atm-warn>.pull-left{width: 100%;position: relative;top: 0;transform: none;margin-bottom: 10px;}
    .checkout-page .atm-warn>.pull-right{width: 100%;}
    .checkout-page .atm-warn .pull-right .pics{right: -75px;height: 65%;}
/*    .shopping-cart .product-spec li{margin-bottom: 16px;width: 100%;}*/
    #tab-spec th{width: 120px !important;white-space: nowrap;}
    .sku{font-size: 12px;}
    .quote-box h4{font-size: 18px;padding: 12px 15px;}
    .quote-zone p{font-size: 14px;margin-bottom: 5px;}
    #sidebar{display: none}
    .blog-single #sidebar{display: inline-block}
    .handheld-navigation ul .dropdown-menu li a{padding-left: 35px;}
    #default-hh-header .nav-content a{padding-top: 10px;padding-bottom: 10px;}
    #default-hh-header .col-md-6 ul li.nav-title a>i.fa-angle-down,#default-hh-header ul li a>i.fa-angle-down{margin-right: 0;padding-left: 10px;float: right;height: 46.97px;line-height: 46.97px;}
    #default-hh-header ul li a>i.fa-angle-down{height: 21px;line-height: 21px;}
    #default-hh-header .col-md-6 ul li.nav-title a>i.fa-angle-right{height: 21px;line-height: 21px;}
    .yamm .yamm-content>.col-md-6{width: 100%;padding: 0;padding-bottom: 15px;}
    .yamm .yamm-content{padding: 0;}
    .handheld-navigation{border-right: 0}
    .nav-content a i.fa-angle-right+span{vertical-align: top;display: inline-block;width: calc(100% - 15px);}
    .handheld-navigation ul li ul::after, .handheld-navigation ul li ul::before{border-bottom-color: #eee}
/*    .handheld-navigation ul li .col-md-6 ul::after, .handheld-navigation ul li .col-md-6 ul::before{border-bottom-color: #ddd}*/
    .handheld-navigation ul li .col-md-6 ul li.nav-content::after, .handheld-navigation ul li .col-md-6 ul li.nav-content::before{border-bottom-color: #ccc;bottom: 100%;right: 10px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(72,72,72,0);border-width: 7px;margin-left: -7px;}
    .yamm .yamm-content .nav-content{display: none;position: relative;background-color: #ddd;padding: 10px 0 10px 20px;}
    .yamm-tfw.menu-item.menu-item-has-children.animate-dropdown.dropdown>a.dropdown-toggle.mid-color{padding-left: 30px;}
    .handheld-navigation .nav-title{padding-left: 0;padding: 0;height: 46.97px;line-height: 46.97px;}
    .handheld-navigation ul .dropdown-menu .yamm-content li a{padding: 0 15px 0 35px;}
    .owl-item>.container{padding: 0;}
    .footer-bottom-widgets .columns{padding-right: 0;padding-left: 0;}
    .footer-bottom-widgets ul{padding-left: 0;}
    .footer-address address{font-size: 12px;}
    .footer-newsletter .newsletter-marketing-text{margin-top: -15px;text-align: right;}
    .footer-newsletter .newsletter-title{margin-top: -12px;}
    .footer-bottom-widgets{padding: 2.643em 0 2.714em 0;}
    .footer-logo{margin-bottom: 1em;}
    .container.hidden-md-down{display: block!important}
    .top-bar nav{display: inline-block}
    .header-v2 .handheld-header .handheld-navigation-wrapper{position: absolute;top: 0;right: 0;position: fixed}
    .site-header{padding-top: 15px;padding-bottom: 0;}
    .header-logo{margin-bottom: 0;}
    .header-logo + .primary-nav{width: 100%;padding-left: 0;padding-right: 0;margin-bottom: 0;}
    .home-v2-slider{width: 100%;left: 0;margin-left: auto}
    #content #primary{padding-left: 0;}
    .tab-banner .nav-tabs>li{width: 19.45%;}
    .widget img{width: 100%;}
    .container.hidden-md-down+.hidden-lg-up{position: fixed;z-index: 10;}
    .navbar-search > .input-group .search-field.form-control{width: 60%;border-bottom-left-radius: 1.467em;border-top-right-radius: 0;height: 50px;border: 0}
    .navbar-search > .input-group .search-categories.input-group-addon{height: 50px;border-bottom-left-radius:0}
    .departments-menu > .nav-item{display: none}
    .navbar-search{width: 80%;}
    .navbar-search > .input-group .input-group-btn > .btn{border-top-right-radius: 1.467em}
    .navbar-primary .navbar-search + .navbar-nav{margin-top: 0.714em;}
    .home-v2-slider{height: 350px;}
    #owl-main .container .item{padding-top: 50%;}
    #sidebar > aside:last-child{clear: right}
    #content #sidebar{margin-top: 0 !important;}
    .navbar-primary{z-index: 9;padding-top: 0;padding-bottom: 0;}
    .bg-dark{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);display: none;z-index: 1;}
    .handheld-navigation-wrapper.toggled .bg-dark{display: block}
    .home-v2-slider .owl-dots{right: auto;transform: translateX(-50%);width: 100%;left: 50%;}
    .handheld-navbar-toggle-buttons{width: 88px;display: inline-block;float: right}
    .handheld-navbar-toggle-buttons>a.search-switch{padding: 7px 14px;color: #fff;display: inline-block;display: none}
    .handheld-navigation ul .dropdown-menu .yamm-content li a,.handheld-navigation ul li ul li a,.handheld-navigation ul li a{color: #333;font-weight: 300;}
    .handheld-navigation ul li a.title{color: #fff}
    .entry-content .vc_toggle .vc_toggle_content{padding-left: 10px!important;padding-right: 10px!important;}
    #default-hh-header .navbar-search{display: none}
    #menu-all-departments-menu-1 .yamm-tfw.menu-item{background-color: #0787ea;}
    .handheld-navigation-wrapper.toggled .handheld-navigation{background-color: #0787ea;}
    .handheld-navigation ul .dropdown-menu{background-color: #eee;}
    #default-hh-header .show-direct .menu-item,#default-hh-header .yamm-tfw{border-bottom: 1px solid #0787ea}
    #default-hh-header .show-direct .menu-item:last-of-type,#default-hh-header .yamm-tfw:last-of-type{border-bottom: 0}
    label[for="unity-title-1"],label[for="unity-title-2"]{margin-left: 98px;}
}
@media (max-width: 767.98px){
    .widget_search .search-submit{right: 8px;}
    #content.blog-single #primary{width: 100%;left: auto;}
    #content.blog-single #sidebar{width: 100%;right: auto;}
    .drop-downs{overflow-x: auto;width: 100%;white-space: nowrap;}
    .drop-downs > li{float: none;margin-right: -3px;}
    .drop-downs .search{display: none;}
    .quote-select .bag-zone li{width: calc(100% / 6.25);}
    .show-767{display: none;}
    .type-design ul.products.column-2 li.product{width: 50%;}
    .add-file{margin-left: calc(100% - 320px);}
    .upload_file_zone{height: 500px;overflow-y: auto;}
    .upload-file-card{border-color: #eee}
    .texture-upload .upload-file-card .fileinput{position: relative;width: 100%;right: auto;top: auto;}
    .upload-file-card>span:first-of-type{margin-top: 0;}
    .handheld-navbar-toggle-buttons>a.search-switch{display: inline-block}
    .about-us #content section.about-2{top: 1150px;height: 800px;}
    .about-us .pr-db,.about-us .pl-db{padding: 0 15px;}
    .about .pl-db{margin-top: 30px;text-align: center;}
    section.about{margin-bottom: 900px;}
    section.about-3{position: relative}
    section.about-3 .pl-db{position: absolute;width: 200px;right: 10px;top: 60px;}
    .about-us #content section.about-4{top: 2400px;height: 690px;}
    .about-3 li{font-size: 17px;}
    .about-4 p{font-size: 16px;line-height: 24px;letter-spacing: 3px}
    .register-page p.form-row.form-row-wide.one-third,.register-page p.form-row.form-row-wide{width: 100%;}
    #topLoader::before{white-space: nowrap;bottom: 23%;}
    .prod-customize .swiper-container{width: calc(100% - 180px);}
    header .navbar-search{display: none;margin-top: 5px;}
    .faq-cate-1 li.nav-item{width: calc(130%/7);}
    .print-app-zone .print-box{width: 30%;}
    .print-app-zone .print-box li a span{margin-left: 0;display: block;text-align: center;}
    .print-app-zone .print-box li a img{height: auto;border-right: 0}
    .inform-left{padding: 15px 0;}
    .inform-left p{font-size: 13px;margin-bottom: 10px;line-height: 20px}
    .price-add-to-cart .brief-desc{display: none}
    .news-order.dark-main-color{border-right-width: 4px;border-bottom-width: 2px}
    .news-order.light-main-color{border-left-width: 4px}
    .account-info .form-control input{width: 100%;}
    .account-purchase td{white-space: nowrap}
    .account-index .store-info ul li{padding-left: 0;padding-right: 0;}
    .account-index .store-info ul li .span.pull-right{font-size: 14px;}
    .account-index .store-info ul{padding-left: 0;}
    .prod-zone .prod-box{width: calc(31% - 3px);}
    .prod-zone .prod-box .prod-box-desc li{margin-left: 24px;}
    .store-info.vc_column_container .vc_column-inner{padding-left: 0;padding-right: 0;}
    .contact-form.vc_column_container .vc_column-inner{padding-left: 0;}
    .atm-order-info table{width: 125%;max-width: none}
    .checkout-page .atm-warn .pull-right .words{width: 100%;}
    .checkout-page .atm-warn .pull-right .pics{right: -35px;height: 125px;top: -115px;}
    .checkout-page .atm-order-info .pull-left, .checkout-page-atm .atm-order-info .pull-left{white-space: nowrap}
    .checkout-page .nav-pills>li{width: 25%;margin-bottom: 0;}
    .checkout-page .box-border.payment label img{height: 19px;}
    label[for="electronic-invoice-1"],label[for="electronic-invoice-2"],label[for="electronic-invoice-3"],label[for="electronic-invoice-4"]{display: inline-block;vertical-align: top;width: calc(100% - 18px);}
    label[for="electronic-invoice-1"] .gray,label[for="electronic-invoice-2"] .gray,label[for="electronic-invoice-3"] .gray,label[for="electronic-invoice-4"] .gray{vertical-align: top;display: inline-block;width: calc(100% - 72px);}
    #customer_login .col-1{margin-bottom: 80px;}
    table.shop_table.shop_table_responsive tr td.product-thumbnail{display: block;border-top: 0;}
    table.shop_table.shop_table_responsive tr td.product-remove{border-top: 0;position: absolute;right: 0;}
/*    table.cart .product-thumbnail a{display: inline-block;width: 32%;text-align: center;}*/
    .shop_table.shop_table_responsive.cart tr{display: block;position: relative;border: 1px solid #ddd;border-bottom: 1px solid #ddd!important;border-radius: 15px;margin-bottom: 15px;}
/*    .product-name .edit-name{margin-top: 0;}*/
    .shopping-cart td.product-name .product-spec{display: inline-block;padding-left: 20px;border-left: 1px solid #ddd;margin-top: -20px;}
    .checkout-page .shopping-cart td.product-name .product-spec{margin-top: 0;margin-bottom: 0;padding-top: 10px;border-top: 1px solid #ddd;border-left: 0;}
    .shopping-cart td.product-name a,.product-name .edit-name,td.product-name .sku{float: left;clear: both;}
/*    table.cart .product-thumbnail>a:first-of-type{display: block;width: 100%;}*/
    table.shop_table.shop_table_responsive tr td.product-name{clear: both}
    .texture-upload .btn.prod-desc{width: 200px;}
    .texture-upload .fileinput-preview{width: 100%;}
    .texture-upload .fileinput-preview+div{text-align: center;}
    .texture-upload .upload-file-card .fileinput .btn-file, .texture-upload .upload-file-card .fileinput .red.fileinput-exists{margin-top: 20px;position: relative;top: 0;left: auto;margin-bottom: 0;}
    #tab-spec th{width: 90px !important;}
    .single-prod .electro-nav-tabs > li.nav-item{width: 32%;display: inline-block}
    #default-hh-header .navbar-search{display: block}
    #masthead>.container>.row{text-align: center;}
    #masthead>.container>.row>.header-logo{float: none}
    #masthead .navbar .navbar-mini-cart{float: left;margin-top: -50px;}
    .navbar-search{width: 100%;margin-left: 0;padding: 0 10px;}
    .navbar-search > .input-group .search-field.form-control{width: 78%;padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #ddd}
    .navbar-search > .input-group .search-categories.input-group-addon{display: inline-block;width: calc(22% - 52px);border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}
    header .input-group-btn{display: inline-block;width: 50px;margin-left: -2px;}
    .navbar-search > .input-group .search-categories.input-group-addon select{padding-left: 0;line-height: 39px;white-space: nowrap}
    .navbar-search > .input-group .input-group-btn > .btn{width: 100%;padding-left: 0;padding-right: 0;height: 50px;}
    .site-header .handheld-header .handheld-navigation-wrapper{width: 37px;}
    .navbar-primary .navbar-nav .nav-link,.handheld-navbar-toggle-buttons>a.search-switch,.handheld-navigation-wrapper button, .handheld-navigation-wrapper .navbar-toggler, .handheld-navigation-wrapper.toggled button, .handheld-navigation-wrapper.toggled .navbar-toggler{color: #0787ea}
    .header-v2 .handheld-header .handheld-navigation-wrapper{top: 6.5px;right: 6.5px;position: relative;margin-top: -50px;}
    .container.hidden-md-down+.hidden-lg-up{position: static;max-width: 576px;margin: auto;}
    .navbar .navbar-mini-cart{margin-right: 50px;}
    .navbar-primary,.header-logo + .primary-nav{display: none}
/*    header nav.navbar-primary{display: inline-block;background: transparent;padding: 0 15px;position: absolute;top: 0;right: 50px;}*/
    header nav.navbar-primary{display: block;background: transparent;padding: 0 15px;position: relative;top: 0;right: 0;max-width: 576px;height: 0;margin: auto;}
    .header-logo{width: auto;padding: 5px;height: 50px;}
    .header-logo>a,.header-logo>a>img{height: 100%;}
    .site-header{padding-top: 0;background: rgba(255,255,255,.9);position: fixed;width: 100%;z-index: 1000;top: 0;border-bottom: 1px solid #0787ea}
    #content .content-area{margin-top: 60px;}
    .footer-newsletter .newsletter-title{font-size: 15px;margin-top: 0;height: 50px;line-height: 50px;}
    .footer-contact,.footer-bottom-widgets .columns,.footer-newsletter .newsletter-marketing-text{display: none}
    .footer-newsletter form{margin-top: 0;}
    .mobile-footer{display: block}
    .mobile-footer .mobile-box{display: inline-block;width: 24%;text-align: center;border-right: 1px solid #0787ea;float: left}
    .mobile-footer .mobile-box:last-of-type{border-right: 0}
    .footer-bottom-widgets{padding: 15px 0;}
    .home-v2-slider, #owl-main .container .item{height: 290px;}
    .sale-ranking ul{float: left;}
    .sale-ranking ul li{display: inline-block;width: 50%;float: left}
    .sale-ranking a>span{width: 89%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .no-padding.col-md-3+.no-padding.col-md-9{clear: both}
    .no-padding.col-md-3{float: left;margin-bottom: 50px;}
    .sale-ranking ul li:last-of-type{border-bottom: 1px solid #ddd}
    .no-padding.col-md-9>.tab-banner{margin-left: 0;}
    .sale-ranking{padding-right: 0;}
    li.product .product-inner{width: calc(100% - 10px);margin-left: 5px;margin-right: 5px;}
    .btn.prod-desc{width: 80%;padding-left: 0;padding-right: 0;}
    .woocommerce-breadcrumb{margin-top: 0;}
}
@media (max-width: 568.98px){
    .handheld-header{margin-bottom: 0;display: block;}
}
@media (max-width: 575.98px){
    .blog-single .post-author-info{background-color: #fff;padding: 0;}
    .blog-single .post-author-info h5{display: inline-block;color: #ff68c4;}
    .blog-single .post-author-info .bottom-tags{display: inline-block; width: calc(100% - 105px);}
    .blog-single .post-author-info .bottom-tags a{margin-left: 10px;margin-bottom: 10px; color: #ff68c4;border-color: #ff68c4;}
    .blog-single .post-author-info .bottom-tags a:hover{color: #fff;background-color: #ff68c4;}
    .single-post article.post > .entry-header.entry-header-top{display: block}
    .single-post article.post header.entry-header .sub-title{display: none}
    #content.blog-single #sidebar > .widget_search, #content.blog-single #sidebar > .widget_categories{display: none;}
    .blog-single .blog-index{display: block;}
    .blog-index .dropbtn{background-color: #0787ea;color: #fff;border-right: none;}
    .zone-navbar{background-color: #0787ea;margin-left: -15px;margin-right: -15px;margin-top: -24px;}
    .blog-index .article-lists > .col-sm-4{width: 100%;}
    .quote-select .bag-zone li{width: calc(100% / 6.3);}
    .atm-order-info table{width: 140%;}
    .about-us #content section.about-2{top: 1080px;height: 720px;}
    .about-2 .wpb_content_element .red-color{font-size: 26px;}
    section.about{margin-bottom: 850px;}
    section.about-3 .pl-db{top: 70px;width: 160px;}
    .about-3 li{font-size: 14px;}
    .about-us #content section.about-4{top: 2200px;height: 600px;}
    section.about-3{margin-bottom: 600px;}
    .products.column-2 .product{width: 49.33333%;}
    .home-v2-slider, #owl-main .container .item{height: 240px;}
    .home-v2-slider .owl-dots{bottom: 55px;}
    .tab-banner .nav-tabs>li{width: 19.4%;}
    .tab-banner .nav-tabs>li>a{padding: 10px 0;}
    #sidebar > aside{width: 50%;float: left;padding-right: 8px;padding-left: 8px;}
    .footer-payment-logo .card-item > img{margin-top: 9px;width: 26px;}
    .copyright-bar .copyright{font-size: 12px;}
}
@media (max-width: 543.98px){
    .inform-left p{font-size: 12px;margin-bottom: 8px;line-height: 16px}
    .forseller{width: 100%;}
    .swiper-container.gallery-thumbs{margin-bottom: 30px;}
    .footer-newsletter .newsletter-title{display: none}
    .home-v2-ads-block{margin-top: 60px;}
    .header-v2 .handheld-header .handheld-navigation-wrapper{position: absolute;margin-top: 0;}
    .navbar-search > .input-group .search-field.form-control{width: 55%;}
    .navbar-search > .input-group .search-categories.input-group-addon{width: calc(45% - 52px);}
    .account-index .store-info{margin-top: 60px;}
}
@media (max-width: 479.98px){    
    article.post .entry-header .sub-title .share-link{bottom: 15px;}
    article.post .entry-header .sub-title .share-link a{width: 25px;height: 25px;font-size: 14px;line-height: 23px;margin-left: 2px;}
    .quote-select .bag-zone li{width: calc(100% / 5.3);}
    .type-design ul.products.column-2 li.product{width: 100%;}
    .type-design ul.products.column-2 li.product .product-inner .price-add-to-cart{padding: 10px;padding-bottom: 20px;}
    .mobile-footer .mobile-box a{font-size: 12px;}
    .footer-bottom-widgets .footer-contact+.col-xs-12{padding: 0;}
    .atm-order-info table{width: 220%;}
    .wc-tabs > li a, .ec-tabs > li a{font-size: 16px;}
    .delivery-desc{padding: 0 0 30px;}
    .texture-upload header .h1{font-size: 22px;}
    .add-file{font-size: 12px;margin-left: calc(100% - 125px);}
    .upload-file-card>span:first-of-type{margin-top: 25px;}
    .shop_table.shop_table_responsive.cart tr{padding: 0 10px;}
    .shopping-cart td.product-name .product-spec{border-top: 1px solid #ddd;border-left: 0;padding-top: 10px;margin-top: -10px;float: none;margin-bottom: 0;}
    table.shop_table.shop_table_responsive tr td.product-remove{right: 10px;top: 0px;}
    .product-thumbnail a{font-size: 14px;padding: 0 5px;}
    .shopping-cart td.product-name a, .product-name .edit-name, td.product-name .sku{float: none;clear: none}
    .about-us .pr-db, .about-us .pl-db{padding: 0;}
    .about .pl-db p{font-size: 12px;}
    .about-us #content section.about-2{top: 950px;height: 700px;}
    section.about{margin-bottom: 810px;}
    .about-3 .wpb_text_column.wpb_content_element{margin-left: -15px;margin-right: -15px;}
    .about-3 ol{padding-left: 20px;}
    section.about-3 .pl-db{top: 0;right: 0;width: 90px;}
    .about-3 li{font-size: 15px;}
    .about-us #content section.about-4{top: 2000px;}
    .about-4 p{font-size: 14px;line-height: 20px;letter-spacing: 2px}
    .about-us #content section.about-4{height: 500px;padding-bottom: 0;}
    section.about-3{margin-bottom: 500px;}
    .website-option button{width: 100%;margin-bottom: 15px}
    .website-option button:first-of-type{margin-right: 0;}
    .button{width: 100%;}
    .register-page p.form-row.form-row-wide select, .register-page p.form-row.form-row-wide input{width: 100%;}
    .check-box input{vertical-align: top}
    .check-box label{vertical-align: top;display: inline-block;width: calc(100% - 18px);}
    #topLoader::before{bottom: 22%;padding: 2px;font-size: 14px;border-width: 3px}
    .prod-customize .fileinput-preview.thumbnail{padding-top: calc(100% - 2px);}
    .texture-upload .fileinput .red.fileinput-exists, .texture-upload .fileinput .btn-file{margin-left: 0;margin-right: 0;}
    .upload-explain{width: 100%;}
    .prod-customize .swiper-container{width: 100%;}
    .buy-direct .btn.prod-desc.add-cart:first-of-type{margin-left: 0;}
    .buy-direct .btn.prod-desc.add-cart{width: 100%;margin: 10px 0;}
    .slim .slim-btn-group{bottom: -200px!important;}
    .back-to-prev{margin-top: 195px;}
    .slim .slim-btn-group button{margin: 0;margin-top: 15px;}
    .texture-upload .fileinput .red.fileinput-exists,.texture-upload .fileinput .btn-file,.texture-upload .fileinput .thumbnail span,.prod-customize .fileinput-preview.thumbnail{width: 100%;}
    .texture-upload .fileinput .red.fileinput-exists{margin-top: 15px;}
    .handheld-navbar-toggle-buttons{width: 83px;}
    .multi-faq .accordion-faq .panel-body{padding: 15px 0;}
    .swiper-container{width: 100%;}
    .btn.prod-desc.add-cart{width: 100%;}
    .faq-cate-1 li.nav-item{width: calc(217%/7);}
    .inform-left,.inform-right{width: 100%;}
    .scontainer-outer{width: 99%;}
    .col-sm-12.text-center.marginTB20 .btn,.account-info .btn,.account-purchase input{width: 100%;}
    .account-purchase form{padding-bottom: 55px;position: relative}
    .account-purchase input#start_date{margin-bottom: 30px;}
    .account-purchase form span{left: 48%;top: 94px;position: absolute;transform: rotate(90deg)}
    .account-purchase form .pull-right{width: 100%;margin-top: 30px;}
    .account-purchase form .pull-right .btn{width: 100%;}
    .style-dl .nav-tabs>li{width: 125px;padding-top: 123px;}
    .prod-zone .prod-box{width: calc(48% - 3px);}
    .contact-page input[type="submit"]{width: 100%;}
    .checkout-failure p.invoiceBack{margin-left: 0;}
    .checkout-failure .btns .btn{width: 140px;font-size: 15px;}
    .checkout-failure .btns .btn:first-of-type{margin-right: 6px;}
    .atm-warn+.text-center .btn.btn-primary,.checkout-page .browser{width: 100%;}
    .checkout-page .atm-warn .pull-right .border-dash .pull-right,.checkout-page .atm-warn .pull-right .border-dash .pull-left{width: 100%;}
    .checkout-page .atm-warn .pull-right .pics{top: -100px;height: 75px;right: -30px;}
    .triple-invoice input[name="invoice_title"],.triple-invoice input[name="uni_no"]{margin-right: 0;min-width: 0;width: calc(100% - 75px);}
    .triple-invoice label[for="unity-title-1"]{margin-left: 0;}
    .checkout-page .box-border.payment label{width: calc(100% - 39.5px);}
    .checkout-page .box-border .button#paycheck{width: 100%;}
    .seven-eleven, .hi-life, .family-mart{width: 32%;}
/*    .seven-eleven>input, .hi-life>input, .family-mart>input{margin-left: 15px!important;}*/
    .checkout-page .box-border .seven-eleven label, .checkout-page .box-border .hi-life label, .checkout-page .box-border .family-mart label{height: 50px;}
    label[for="donate-invoice-1"],label[for="donate-invoice-2"],label[for="donate-invoice-3"],label[for="donate-invoice-4"]{vertical-align: top;display: inline-block;width: calc(100% - 18px);}
    label[for="donate-invoice-1"] .gray,label[for="donate-invoice-2"] .gray,label[for="donate-invoice-3"] .gray,label[for="donate-invoice-4"] .gray{vertical-align: top;display: inline-block;width: calc(100% - 72px);}
/*    .product-spec li{margin-bottom: 16px;width: 100%;}*/
    .login-register input.button{width: 100%;}
    .cart-collaterals+.actions .wc-proceed-to-checkout,.shopping-cart .actions input[value="繼續購物"]{width: 47%;}
    .cart-collaterals+.actions .wc-proceed-to-checkout a{width: 100%;text-align: center;padding: 15px 0;}
    table.shop_table.shop_table_responsive tr td{padding-left: 0;padding-right: 0;}
    .checkout-page table.shop_table.shop_table_responsive tr td{padding-left: 0.75rem;padding-right: 0.75rem;}
    table.shop_table.shop_table_responsive tr td.product-name input.edit-name{margin-top: 0;}
    .texture-upload .fileinput-preview{width: 100%;}
    .fileinput-preview.thumbnail+div{text-align: center;}
/*    .texture-upload .btn.prod-desc{width: 132px;font-size: 18px;}*/
    .texture-upload .btn.prod-desc{width: 47%;font-size: 18px;margin: 0;margin-bottom: 15px;padding-left: 0;padding-right: 0;}
    .texture-upload header>span{float: right}
    .texture-upload header>.question-icon{float: right;line-height: 40px}
    .texture-upload .text-center.btns .btn.prod-desc:first-of-type{margin-right: 4%;}
    .prod-spec .size-area select,.prod-spec .number-area input{width: 100%;}
    .prod-spec .total-price{padding-left: 0;margin-top: 30px;clear: both}
    .prod-spec .number-area .number-btn{width: 100%;}
    .texture-upload .btn.prod-desc.cut-fixed{width: 100%;max-width: 400px}
    .slim .slim-btn-group button{width: 100% !important;}
    .texture-upload .subtitle span{white-space: nowrap}
    #tab-spec th{width: 60px !important;}
/*    .products.column-2 .product{width: 99.33333%;}*/
    .handheld-navigation{width: 70%;}
    .navbar-search > .input-group .search-categories.input-group-addon{width: calc(54% - 52px);white-space: nowrap}
    .navbar-search > .input-group .search-field.form-control{width: 45%;padding-left: 15px;padding-right: 15px;}
    .home-v2-slider, #owl-main .container .item{height: 150px;}
    .home-v2-slider .owl-dots{bottom: 100px}
    .sale-ranking ul li{width: 100%;}
    .sale-ranking ul li:last-of-type{border-bottom: 0}
    .tab-banner .nav-tabs{height: 56px;}
    .tab-banner .nav-tabs>li{height: 56px;width: 19.1%;}
    .tab-banner .nav-tabs>li>a{padding: 9px;height: 56px;font-size: 16px;}
    .sale-ranking .rank-icon.champion+a{max-width: 100%;}
    .sale-ranking .rank-icon+a{margin-left: 10px;}
    .prod-spec .color-area .chosen-color i{line-height: 125px;font-size: 42px;margin-left: 15px;}
    .prod-spec .color-area .chosen-color .selected-color{width: 80px;}
    .prod-spec .color-area .chosen-color{width: 150px;}
    .prod-spec .color-area .choice-color{width: calc(100% - 150px);}
    .prod-spec .color-area .choice-color ul{padding-left: 15px;}
    .prod-spec .color-area .choice-color ul li{margin: 0;margin-right: 5px;margin-bottom: 5px;width: 50px;height: 50px;}
}