*,.page-header h2,.btn,li,.widget-title,p,.form-control,#main-navbar .nav li a,.btn-primary.btn-lg,.section-header h2,.contact-box h2,.faq h4,.faq p,.work-process h3,.collections .item .title{
    font-family: 微軟正黑體, "Microsoft JhengHei"
}
.order-detail-content thead{
    background-color: #f7f7f7;
}
.order-detail-content tbody td,.order-detail-content thead th{
    text-align: center;
}
.order-detail-content tbody .pic{
    text-align: center;
    width: 30%;
}
.order-detail-content tbody .pic img{
    width: 120px;
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 5px;
}
.mb-10{
    margin-bottom: 10px;
}
.order-detail-content tbody .spec{
    padding-top: 8px;
}
.order-detail-content tbody .spec ul{
    text-align: left;
    list-style: none;
    padding-left: 20px;
}
.main-color{
    color: #2BDCBD;
}
.main-bg{
    background-color: #2bdcbd;
    color: #fff;
}
.order-detail-content tbody .num{
    padding-top: 15px;
}
.order-detail-content tbody .num .btn{
    padding: 0;
    width: 26px;
    height: 26px;
    line-height: 20px;
    border-radius: 2px;
    vertical-align: top;
    border: 2px solid #2bdcbd;
    margin-right: -3px;
}
.order-detail-content tbody .num .btn:hover{
    border-color: #374048;
}
.order-detail-content tbody .num .inc{
    margin-left: -3px;
    margin-right: 0;
}
.order-detail-content tbody .num input{
    text-align: center;
    width: 60px;
}
.order-detail-content tbody .price{
    color: red;
}
.order-detail-content tbody .spec .spec-title,.order-detail-content tbody .del,.order-detail-content tbody .price,.order-detail-content tbody .name{
    font-size: 24px;
}
.width-100{
    width: 100%;
}
.orange-color{
    color: orange;
    font-weight: bold;
}
.order-detail-content tfoot{
    background-color: #fcfcfc;
}
.zone-group{
    margin-bottom: 80px;
}
.page-ckout .tab-pane{
    padding: 15px 0;
}
.seven-eleven, .hi-life, .family-mart{display: inline-block}
.page-ckout .store-deli input[type="radio"], .page-ckout .pay-method input[type="radio"], .page-ckout .invoice-info input[type="radio"]{margin-left: 20px;}
.page-ckout .seven-eleven label, .page-ckout .hi-life label, .page-ckout .family-mart label{margin: 0;height: 100px;vertical-align: middle}
.page-ckout .store-deli label img{height: 100%;vertical-align: top;margin-left: 10px;}
.coupon-info select{width: 100%;background: #f8fbfd none repeat scroll 0 0;border: 1px solid #e0e8ee;height: 50px;margin: 0 0 14px;max-width: 100%;padding: 12px 18px;}
.invoice-info .invoice{margin-bottom: 10px;}
.page-ckout .invoice label{margin: 5px 0;font-size: 16px;line-height: 23px;min-height: 23px}
.invoice-info .gray{margin-left: 10px;}
.invoiceHide, .invoiceHide2{display: none}
.invoiceBack{margin-left: 20px;list-style: none;margin-bottom: 10px;}
.invoice-info input[type="text"],.invoice-info select{width: 30%;display: inline-block}
.triple-invoice{display: inline-block;margin-left: 10px;margin-bottom: 10px;}
.invoice-info .triple-invoice input[type="text"]{width: auto;display: inline-block}
.page-ckout .payment{margin-top: 10px;margin-bottom: 10px;display: inline-block;margin-right: 15px;}
.page-ckout .payment label{height: 23px;line-height: 23px;min-height: 23px;font-size: 16px;}
.page-ckout .payment label img{height: 100%;vertical-align: top;margin-left: 10px;}
textarea.form-control{min-height: 150px}
.invoice-info .invoiceBack input[type="text"]{background: #f8fbfd none repeat scroll 0 0;height: 50px;border: 1px solid #e0e8ee;padding: 12px 18px;}
.page-ckout-fin .browser{width: 80%;margin: auto;border: 1px solid #ddd;border-radius: 10px;overflow: hidden}
.page-ckout-fin .browser .browser-title{text-align: center;font-size: 20px;padding: 10px 0;background-color: #2bdcbd;color: #fff;}
.main-color{color: #2bdcbd}
.page-ckout-fin .browser .browser-content .browser-box .line-row{border-bottom: 1px dashed #ddd;padding-bottom: 5px;margin-bottom: 5px;}
.page-ckout-fin .browser .browser-content .browser-box .line-row .title{width: 30%;display: inline-block;font-size: 16px;}
.page-ckout-fin .browser .browser-content .browser-box .line-row .content{width: 70%;display: inline-block;font-size: 16px;text-align: right;float: right}
.page-ckout-fin .browser .browser-content .browser-box .line-row.last{border-bottom: 0}
.page-ckout-fin .browser .browser-content .browser-box .note{width: 104%;}
.page-ckout-fin .browser .browser-content .browser-box .note p span{display: inline-block;vertical-align: top;width: calc(100% - 18px);}
.zone-group .order-info{width: 90%;margin: auto;}
.zone-group .order-info table{width: 100%;border: 1px solid #ddd;background-color: #f7f7f7;}
.zone-group .order-info table tr{border: 1px solid #ddd;text-align: left;}
.zone-group .order-info table tr .pull-left{padding: 8px;width: 30%;font-size: 16px;border: 0}
.zone-group .order-info table tr .pull-right{padding: 8px;width: 70%;min-height: 44px;font-size: 16px;border: 0; border-left: 1px solid #ddd}
.zone-group .atm-warn{float: left;width: 90%;margin-left: 5%;margin-right: 5%;position: relative;margin-bottom: 60px;}
.zone-group .atm-warn>.pull-left{width: 25%;position: absolute;top: 45%;transform: translateY(-50%)}
.zone-group .atm-warn .pull-left .announce{text-align: center;}
.zone-group .atm-warn .pull-left .announce i{font-size: 54px;color: #df006f}
.zone-group .atm-warn .pull-left .announce span{font-size: 48px;color: #df006f}
.zone-group .atm-warn .pull-left .announce .cloth{background: linear-gradient(to right,#fff 0%,#2bdcbd 20%,#2bdcbd 80%,#fff 100%);font-size: 24px;padding: 15px 0;color: #fff;margin-top: 10px;}
.zone-group .atm-warn>.pull-right{width: 75%;border: 1px solid #ddd;padding: 15px;position: relative}
.zone-group .atm-warn .pull-right .words{width: 95%;}
.zone-group .atm-warn .pull-right .words p{margin-bottom: 10px;font-size: 16px;line-height: 24px;}
.orange-word{color: orange}
.pink-word{color: #df006f}
.zone-group .atm-warn .pull-right .words b{font-size: 30px;}
.zone-group .atm-warn .pull-right .border-dash{border-top: 1px solid #ddd;float: left;padding-top: 10px;margin-top: 10px;}
.border-dash>ul{overflow: hidden;padding-left: 0;list-style: disc}
.zone-group .atm-warn .pull-right .border-dash .pull-left{width: calc(63% - 20px);margin-left: 20px;margin-bottom: 5px;}
.zone-group .atm-warn .pull-right .border-dash .pull-left .ann-list{display: inline-block;vertical-align: top;width: calc(100% - 14px);}
.zone-group .atm-warn .pull-right .border-dash .pull-right{width: calc(37% - 20px);margin-left: 20px;margin-bottom: 5px;}
.zone-group .atm-warn .pull-right .pics{width: auto;display: inline-block;position: absolute;right: -60px;top: 70px;height: 90%;}
.zone-group .atm-warn .pull-right .pics img{height: 100%;}
.big-word{font-weight: bold;font-size: 18px;}
.red-color{color: red;}
.page-ckout-fail .btn-zone{margin-top: 30px;float: right;}
.btn-zone .first{margin-right: 10px;}
.gallery-top .swiper-slide{padding-top: 100%;height: 0;}
.swiper-slide{background-size: cover}
.gallery-thumbs{padding: 15px 0;}
.gallery-thumbs .swiper-slide{padding-top: 23.5%;height: 0;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{background-color: #2bdcbd;opacity: .3;border-radius: 30px;width: 27px;height: 27px;transition: all .4s;background-size: 35%}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{opacity: 1}
.gallery-title{position: relative;}
.gallery-title h3{width: calc(100% - 100px);}
.gallery-title b{position: absolute;right: 0;top: 0;font-size: 18px;}
.gallery-desc{display: block;}
.gallery-desc .g-title{background-color: #2bdcbd;height: 40px;line-height: 40px;font-size: 20px;padding: 0 10px;color: #fff;}
.gallery-desc .g-content{padding: 10px;margin-bottom: 30px;border: 1px solid #ddd;border-top: 0;}
.info-show{text-align: center;border: 1px solid #fafafa;border-radius: 8px;background-color: #fafafa;box-shadow: 3px 6px 6px #ddd;transition: all .4s;padding: 0;height: 50px;line-height: 50px;font-size: 18px;}
.info-show:hover{background-color: #eee;border-color: #fafafa;box-shadow: -3px -6px 6px #fafafa;cursor: default;}
.page-product .tab-pane{padding: 30px;}
.page-product .tab-pane img{width: 100%;}
.reviews-tab-menu{padding: 0;list-style: none;float: left;display: block;width: 100%;}
.reviews-tab-menu li{float: left;width: 33.3333333%;display: inline-block;text-align: center;height: 80px;line-height: 80px;font-size: 28px;background-color: #efefef;}
.reviews-tab-menu li.active{background-color: #2bdcbd;}
.reviews-tab-menu li a{width: 100%;display: block;}
.reviews-tab-menu li.active a{color: #fff;}
.discription-reviews-tab{margin-top: 60px;}
.hot-tags a{border: 1px solid #2bdcbd;padding: 10px 15px;margin-right: 10px;margin-bottom: 10px;display:inline-block}
.page-product .tab-content{clear: both;border: 1px solid #eee;padding-bottom: 30px;}
.thead-color th{background-color: #2bdcbd;color: #fff;text-align: center;}

.blog-area{position: relative;z-index: 10;padding-top: 112px;padding-bottom: 203px;}
.blog-area.blog-page{padding-top: 90px;padding-bottom: 120px;}
.justify-content-center{justify-content: center !important;}
.mt-30{margin-top: 30px;}
.blog-area .blog-item{box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);border-radius: 5px;overflow: hidden;transition: all .4s;}
.blog-area .blog-item:hover{border: 2px solid #2bdcbd;}
.blog-area .blog-item .blog-thumb{overflow: hidden;}
.blog-area .blog-item .blog-thumb img{vertical-align: middle;width: 100%;transition: all .3s;transform: scale(1);}
.blog-area .blog-item .blog-content{border: 1px solid #dce0e8;border-top: 0;border-radius: 0 0 6px 6px;background: #fff;padding: 15px 10px;}
.blog-area .blog-item .blog-content ul{margin: 0;padding: 0;list-style: none;}
.blog-area .blog-item .blog-content ul li{display: inline-block;}
.blog-area .blog-item .blog-content ul li a{color: #838999;}
.blog-area .blog-item .blog-content ul li a i{color: #ff8313;padding-right: 5px;}
.blog-area .blog-item .blog-content .title{font-size: 20px;line-height: 40px;width: 100%;display: inline-block;text-align: center;margin: 0;letter-spacing: 4px;}
.blog-area .blog-item .blog-content .title a{color: #252c41;transition: all .3s;}
.blog-area .blog-item .blog-content .text-center> a{font-size: 24px;transition: all .3s ease-out 0s;color: #fff;letter-spacing: 15px;}
/* .blog-area .blog-item:hover .blog-thumb img{transform: scale(1.2);} */
#main-navbar .nav{margin-right: 42px;margin-top: 5px;}
.collapse.navbar-collapse .pull-right img{height: 50px;}
.blog-area .blog-item .blog-content .price{font-size: 20px;color: red;display: block;vertical-align: top;line-height: 40px;white-space: nowrap;text-align: center;}
#mapBox>div:last-of-type{display: none;}
.contact-box h2{text-align: center;}
.ct-title{margin-right: 10px;color: #777;}
.ct-title+.open-time{display: inline-block;vertical-align: top;}
.contact-box ul li{color: #000;}
#mapBox{height: 700px;}
.contact-form.flip-box-part{top: -100px;}
.navbar .navbar-header .navbar-brand{position: relative;}
.navbar .navbar-header .navbar-brand img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.the-watch .row>.col-md-6{border: 2px solid red;height: 550px;width: calc(50% - 10px);margin: 5px;}
.the-watch .row>.col-md-6 img{padding: 10px;max-height: 100%;}
/* .top-banner>.container{height: 720px !important;} */
.collections>.item{border: 2px solid #fff;transition: all .4s;}
.collections>.item:hover, .collections>.item.active{border-color: #2bdcbd;}
/* .top-banner>.container{background-size: contain !important;} */
.top-banner>.container>img{width: 100%;}
.top-banner{padding-top: 90px;}
.cart-btn{position: absolute;right: 15px;}
.cart-btn img{height: 50px;}
.navbar>.container{position: relative;}
.title-banner{margin-top: 100px;margin-bottom: 150px;}
.sec-1{margin-bottom: 100px;}
.sec-1 img,.title-banner img{width: 100%;}
.sec-1 h3{margin-bottom: 50px;color: red;}
.sec-1 p{padding-left: 50px;font-size: 18px;margin-bottom: 20px;}
.sec-2{background-image: url(../images/aboutus_2.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 200px 0;}
.sec-2 h4{color: #fff;font-size: 24px;}
.sec-2 h3{color: red;margin-bottom: 50px;}
.sec-2 p{color: #ccc;font-size: 24px;line-height:50px;}
.sec-3 img,.sec-2 img{max-width: 100%;}
.sec-3{padding-top: 150px;background-color: #fff;}
.sec-4 h4,.sec-3 h4{font-size: 24px;margin-bottom: 30px;}
.sec-3 li{font-size: 20px;margin-bottom: 20px;}
.sec-3 ol{padding-left: 60px;}
.sec-4{background-image: url(../images/bg-leaf.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 250px 0;}
.sec-4 p{letter-spacing: 2px;font-size: 18px;line-height: 30px;margin-bottom: 30px;}
.sec-4 .col-sm-6{text-align: center;}
.sec-4 img{height: 300px;max-width: 100%;}
.how-it-works .row.justify-content-center{text-align: center;}
.how-it-works .row.justify-content-center>div{padding-left: 6px;padding-right: 6px;display: inline-block;float: none;width: 24.4%;vertical-align: top;}
.the-watch,.our-collection{padding: 50px 0 20px;}
.section-header,.our-collection .collections{margin-bottom: 30px;}
.our-collection .collections{padding-top: 0;}
.personal-page{margin-top: 100px;margin-bottom: 200px;}
.personal-page .btn-stores .btn{height: 100px;width: 80%;background-position: center;background-size: contain;background-repeat: no-repeat;background-color: #fff;border: 0;border-radius: 15px;}
.personal-page .btn-stores .btn:hover{box-shadow: 4px 4px 8px #ddd;}
.personal-page .btn-shopee{background-image: url(../images/shopee.jpg);}
.personal-page .btn-ruten{background-image: url(../images/ruten.jpg);}
.personal-page .btn-pchome{background-image: url(../images/pchome.jpg);}
.personal-page .btn-yahoo{background-image: url(../images/yahoo.jpg);}
.ps-page-2 input.form-control{background-color: #fff;border-radius: 4px;}
.ps-page-2 .btn{min-width: 200px;}
.ps-page-3 .order-detail-content .pic{width: auto;}
.ps-page-3 .order-detail-content h4,.ps-page-3 .order-detail-content .btn{margin: 0;}
.ps-page-3 .order-detail-content table{margin-bottom: 50px;}
.page-header{background-color: #fff;}
.prod-customize .fileinput{text-align: center;margin-bottom: 30px;}
.texture-upload .fileinput{width: 100%;}
.prod-customize .fileinput-preview.thumbnail{float: none;width: 400px;padding-top: 398px;height: 0;margin-bottom: 30px;position: relative;}
.texture-upload .fileinput .thumbnail span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #bbb}
.prod-customize .fileinput-preview.thumbnail img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.upload-explain{width: 360px;margin: auto;text-align: left;margin-top: 30px;}
.design-how a{font-size: 24px;font-weight: bold;color: red}
.design-how{margin-bottom: 50px;}
.prod-customize  .control-fileinput .btn{background-color: #2bdcbd;color: #fff;padding-top: 10px;padding-bottom: 10px;}
.prod-customize  .control-fileinput .btn.fileinput-exists,.prod-customize  .control-fileinput .btn span{font-size: 16px;}
.slim-editor-utils-group{position: relative;padding-bottom: 20px;padding-top: 30px;}
/*        #my-cropper{margin-bottom: 100px;}*/
.slim .slim-btn-group button{font-size: 16px;color: #fff;background-color: #444645;border-color: #444645;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);border-radius: 3px;width: 106px;height: 40px;background-image: none}
.slim .slim-btn-group button:hover{color: #fff;background-color: #2BDCBD;border-color: #2BDCBD;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);}
.slim-image-editor .slim-editor-utils-group{padding-bottom: 0;padding-top: 45px;}
.slim-image-editor .slim-editor-btn-group{padding-top: 0;}
.slim .slim-btn-group{bottom: -110px;}
.slim{width: 400px;margin: auto;padding-top: 400px;height: 0;}
.slim .slim-btn-group button.slim-btn-remove{display: none}
.slim .slim-area .slim-result img{top: 50% !important;left: 50% !important;transform: translate(-50%,-50%) !important;width: auto !important;}
    /*        @media (max-width: 479px){*/
    /*        }*/
@media (max-width: 767.98px){
    .slim-editor-utils-group::before{bottom: 105px;width: 85%;display: block}
    .our-collection + .faqs{
        padding-top: 0;
    }
}
@media (max-width: 479.98px){
    .slim-editor-utils-group::before{width: 90%;bottom: 70px;}
    .slim-image-editor .slim-editor-utils-group{padding-top: 80px;}
    .slim-image-editor .slim-editor-utils-group button{position: absolute;transform: translateX(-50%)}
    .slim-image-editor .slim-editor-btn-group button.slim-btn-cancel{float: left}
    .slim-image-editor .slim-editor-btn-group button.slim-btn-confirm{float: right}
    .slim{width: 100%;padding-top: 100%;}
}
.back-to-prev{margin-top: 115px;text-align: center;}
.edit-zone-web{padding: 15px;overflow: hidden;border: 1px solid #ddd;margin-bottom: 100px;}
.edit-zone-web .top-bar>.option{width: 80px;display: inline-block;height: 40px;text-align: center;line-height: 35px;box-shadow: 0 0 2px #aaa;float: left;font-size: 12px;background-color: #fff;border: 0}
.edit-zone-web .top-bar>.option.next i{transform: rotateY(180deg)}
.edit-zone-web .top-bar .combine{width: 283px;display: inline-block;height: 40px;text-align: center;line-height: 35px;box-shadow: none;float: left;font-size: 12px;}
.edit-zone-web .top-bar .combine>.option{width: 80px;display: inline-block;height: 40px;text-align: center;line-height: 35px;box-shadow: 0 0 2px #aaa;float: left;font-size: 12px;background-color: #fff;border: 0}
.edit-zone-web .top-bar .combine.for-pic>.option{width: 80px;display: inline-block;height: 40px;text-align: center;line-height: 35px;box-shadow: 0 0 2px #aaa;float: left;font-size: 12px;}
.edit-zone-web .top-bar .combine.for-pic{width: 345px;}
.edit-zone-web .top-bar .combine .pen-scale{width: 123px;display: inline-block;float: left;height: 40px;box-shadow: 0 0 2px #aaa;position: relative}
.edit-zone-web .top-bar .combine .pen-scale .scale-bar{position: absolute;height: 10px;width: 90%;border-radius: 10px;background-color: #7cd0f5;top: 15px;margin: 0 5%;}
.edit-zone-web .top-bar .combine .pen-scale .scale-dot{position: absolute;height: 20px;width: 20px;border-radius: 20px;background-color: rgba(0,0,0,.7);top: 10px;left: 15px;}
.edit-zone-web .top-bar .combine .pen-scale-outer{width: 265px;display: inline-block;float: left}
.edit-zone-web .top-bar .combine .pen-scale.pic-mode{width: 140px;}
/*            .edit-zone-web .top-bar .combine .pen-scale.pic-mode .scale-bar{width: 125px;display: inline-block;float: left;height: 50px;box-shadow: 0 0 3px #aaa;}*/
.edit-zone-web .top-bar .combine .pen-scale-outer .scale-num{width: 45px;display: inline-block;float: left;height: 40px;box-shadow: 0 0 2px #aaa;line-height: 40px;}
.edit-zone-web .top-bar .combine .pen-scale-outer .plus,.edit-zone-web .top-bar .combine .pen-scale-outer .minus{width: 40px;display: inline-block;float: left;height: 40px;box-shadow: 0 0 2px #aaa;background-color: #fff;border: 0}
.edit-zone-web .top-bar .option i{display: inline-block;margin-right: 6px;color: #2BDCBD}
.edit-zone-web .top-bar .option:focus,.edit-zone-web .top-bar .option:hover{color: #fff;background-color: #2BDCBD;}
.edit-zone-web .top-bar .option:focus i,.edit-zone-web .top-bar .option:hover i{color: #fff;}
.edit-zone-web .top-bar .combine .pen-scale-outer .plus:focus, .edit-zone-web .top-bar .combine .pen-scale-outer .minus:focus,.edit-zone-web .top-bar .combine .pen-scale-outer .plus:hover, .edit-zone-web .top-bar .combine .pen-scale-outer .minus:hover{background-color: #2BDCBD;}
.edit-zone-web .top-bar .option.plus i,.edit-zone-web .top-bar .option.minus i{margin-right: 0;}
.edit-zone-web .top-bar{overflow: hidden;margin-bottom: 15px;box-shadow: 0 0 3px #ddd}
.edit-zone-web .edit-box{width: 100%;padding-top: 60%;clear: both;border: 1px solid #ddd;position: relative;background-color: #f6f6f6;}
.edit-zone-web .edit-box img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 95%;max-height: 95%;}
.show-mobile{display: none;}
.inner-page{margin-top: 110px;}
.title-desc{font-size: 20px;position: relative;width: 100%;margin-bottom: 130px;display: block;}
.title-desc span{margin-left: 20px;}
.title-desc a{position: absolute;left: 50%;transform: translateX(-50%);}
.inner-page .slim{border: 1px solid #ddd;}
.inner-page .slim .slim-area .slim-result img{max-width: 96%;max-height: 96%;height: auto;}
.inner-page.page-3 .title-desc{margin-bottom: 30px;}
.prod-spec{margin: 50px 0;}
.prod-spec .color-area .chosen-color{width: 270px;display: inline-block;float: left;margin-bottom: 100px;}
.prod-spec .color-area .chosen-color .selected-color{width: 150px;display: inline-block;height: 150px;float: left}
#content .prod-spec .color-area img{width: 100%;height: 100%;}
.prod-spec .color-area .chosen-color .selected-color p{text-align: center;margin-top: 15px;}
.prod-spec .color-area .chosen-color i{line-height: 150px;vertical-align: top;margin-left: 25px;color: #2BDCBD;float: left;margin-right: 20px;}
.prod-spec .color-area .chosen-color i:last-of-type{display: none}
.prod-spec .color-area .choice-color{width: calc(100% - 270px);display: inline-block;float: left;margin-bottom: 100px;}
.prod-spec .color-area .choice-color ul{overflow: hidden}
.prod-spec .color-area .choice-color ul li{list-style: none;width: 60px;height: 60px;display: inline-block;border: 2px solid #ddd;background: #fff;float: left;margin: 0 14px 14px 0;cursor: pointer;transition: all .4s}
.prod-spec .color-area .choice-color ul li.active{border-color: #2BDCBD;}
.box-padding{text-align: left;padding: 0 30px;}
.big-input{width: 40px;height: 40px;border: 1px solid #aaa;border-radius: 5px;cursor: pointer;}
.discount-input{width: 100%;}
.discount-input #coupon_sn{border-radius: 50px;height: 46px;vertical-align: middle;border-color: #ddd;border-width: 1px;width: calc(100% - 105px);padding: 10px 20px;}
.orange-bg{background-color: orange;color: #fff;}
.color-list{position: relative;}
.color-list a{
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 40px;
    margin-right: 15px;
    margin-bottom: 12px;
    border-width: 2px;
    position: relative;
}
.color-list a:hover{border-color: #2bdcbd; border-width: 1px;}
.color-list a.active{border-width: 3px;border-color: #2bdcbd;}
.color-list a i{position: absolute;top: -0.1px;left: -0.6px;display: none;}
.color-list a i.fa-check:before{font-size: 16px;position: absolute;top: 6px;left: 6px;}
.color-list a.active i{display: block;width: 35px;height: 34px;border: 3px solid #fff;border-radius: 40px;}
.hide-input{opacity: 0;margin-top: -62px;height: 52px;min-width: 152px;}

.modal-delvery .modal-title i{padding-right: 10px;height: 20px;vertical-align: middle;line-height: 18px;}
.delvery-header{text-align: center;padding: 15px 35px 5px;margin-bottom: 15px;border: 3px solid #1111;}
.delvery-header>div{display: inline-block;}
.delvery-header b, .delvery-header p, .delvery-header select{display: inline-block;}
.delvery-header b i{transform: scale(0.5);color: orange;}
.table-title{background-color: #eee;border-left: 5px solid orange;padding: 5px;padding-bottom: 4px;color: orange;margin-bottom: 15px;}
.choose{border: 1px solid #eee;border-radius: 8px;}
.choose>span{transform: scale(0.5);margin-left: -12px;margin-top: -2px;}
.delvery-table{border-bottom: 1px solid #ddd;padding: 15px 0;margin-bottom: 15px;}
.delvery-table tbody tr{border-bottom: 1px solid #ddd;}
.delvery-table tbody tr:last-of-type{border-bottom: 0;}
.delvery-table tbody td{border: 0!important;vertical-align: middle!important;}
.delvery-table tbody td.store-name{white-space: nowrap;}
.delvery-table tbody td .map{position: relative;text-align: center;color: #000;}
.delvery-table tbody td .map:hover, .delvery-table tbody td .map:active{color: #2BDCBD;}
.delvery-table tbody td .map i{position: absolute;left: 50%;transform: translateX(-50%);}
.delvery-table tbody td .map b{display: inline-block;padding-top: 10px;}
.delvery-table .map-zone{float: right;width: 30%;vertical-align: top;}
.delvery-table .table-zone{float: left;width: 70%;padding-right: 2%;}
.bottom-pages{text-align: center;}
.bottom-pages > a{display: inline-block;color: #000;vertical-align: top;}
.bottom-pages > a.btn-num{height: 30px;width: 30px;line-height: 30px;}
.bottom-pages > a b{height: 30px;;padding: 0 6px;display: inline-block;line-height: 30px;}
.bottom-pages > a i{color: #fff;background-color: orange;width: 30px;font-size: 18px;vertical-align: middle;height: 30px;line-height: 30px;}
.bottom-pages > a:hover, .bottom-pages > a:active{color: orange;}
.bottom-pages > a.active, .bottom-pages > a.active b{color: orange;}
.delvery-next-btn-zone{text-align: center;}
.delvery-next-btn-zone button{line-height: 18px;border: 1px solid #eee;border-radius: 8px;margin: 0 8px;}
.delvery-next-btn-zone button span{width: 24px;height: 24px;line-height: 24px;}
.delvery-next-btn-zone button span i.fa-stack-2x, .delvery-next-btn-zone button d{line-height: 24px;}
.delvery-next-btn-zone .delvery-confirm{background-color: pink;color: red;}
.delvery-next-btn-zone button.delvery-confirm span{border-radius: 20px;background-color: #fff;}
.design-selection .form-group p{color: #000; font-size: 20px; font-weight: bold;}
.design-selection .sl-template .template_icon, .design-selection .sl-template .bg_zone,#control_item ul li .input_4{display: inline-block;width: 150px;margin-right: 15px;height: 150px;vertical-align: top;}
.design-selection .sl-template .template_icon:last-of-type, .design-selection .sl-template .bg_zone:last-of-type{margin-right: 0;}
/* .design-selection .sl-template p{font-size: 20px;font-weight: bold;} */
.design-selection .sl-template .bg_zone img, #control_item ul li .input_4 img{width: 100%;height: 100%;padding: 10px;}
#control_item ul li .input_3{background: orange;color: white;border: 1px solid orange;border-radius: 30px;padding: 12px 25px;margin: 10px 0;font-size: 18px;}
#control_item ul li .input_3:hover{color: orange;background: #fff;}
.info-show{width: 200px;margin: 0 auto;}
.pos-rel{position: relative;}
.css-stiky{position: sticky;top: 0;}
.pos-rel .design-selection{max-height: 800px;}
.page-ckout{float: left;width: 100%;margin-top: 800px;}





@media only screen and (max-width: 1409.98px) {
    /* .container{width: 1200px;} */
}
@media only screen and (max-width: 1199.98px) {
    .how-it-works .row.justify-content-center>div{width: 24.2%;}
    .sec-4{padding: 100px 0;}
    .sec-1 p{padding-left: 30px;}
    .blog-area .blog-item .blog-content .text-center> a{
        padding: 0 20px;
        letter-spacing: 5px;
    }
    /* .top-banner>.container{
        height: 597px !important;
    } */
}
@media only screen and (min-width: 768.98px) and (max-width: 991.98px) {
    .blog-area .blog-item .blog-content .title{
        width: 100%;
        padding-right: 0;
        font-size: 16px;
        line-height: 24px;
    }
    .blog-area .blog-item .blog-content .price{
        text-align: center;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
    }
    .blog-area .blog-item .blog-content .text-center> a{
        padding: 0 15px;
        letter-spacing: 2px;
        font-size: 16px;
        line-height: 40px;
    }
    .blog-area .blog-item .blog-content{
        padding: 10px;
    }
    /* .top-banner>.container{
        height: 462px !important;
    } */
}
@media only screen and (max-width: 991.98px) {
    .how-it-works .row.justify-content-center>div{width: 32%;}
    .sec-4{padding: 80px 0;}
    .sec-4 img{height: 240px;}
    .sec-1 p{font-size: 15px;margin-bottom: 5px;padding-left: 0;}
    .sec-2 p{line-height: 36px;font-size: 20px;}
    .sec-3 ol{padding-left: 25px;}
    .sec-3 li{font-size: 17px;}
    .cart-btn{right: 70px;}
}
@media only screen and (max-width: 767.98px) {
    .discount-num{float: none !important;}
    .ps-page-3 .table-responsive{border: 0;}
    .ps-page-3 .order-detail-content table.table.table-bordered{border: 1px solid #ddd;}
    .how-it-works .row.justify-content-center>div{width: 47.8%;}
    .sec-4 img{margin-bottom: 30px;height: auto;}
    .sec-3 img{position: absolute;top: -350px;right: 20px;width: calc(100% - 400px);}
    .sec-3 ol{padding-left: 50px;}
    .sec-1 p{margin-top: 15px;text-align: center;}
    .sec-2 .row>div:last-of-type{text-align: center;}
    .blog-area .blog-item .blog-content .title{
        font-size: 18px;
        letter-spacing: 2px;
    }
    .the-watch img{
        max-width: 100%;
    }
    /* .top-banner>.container{
        height: 270px !important;
    } */
}
@media only screen and (max-width: 669.98px) {
    .prod-spec .color-area .chosen-color{width: 100%;text-align: center;}
    .prod-spec .color-area .chosen-color .selected-color{float: none}
    .prod-spec .color-area .chosen-color i{float: none;width: 100%;margin: 0;}
    .prod-spec .color-area .chosen-color i.fa-long-arrow-left:before{display: inline-block;transform: rotate(90deg)}
    .prod-spec .color-area .choice-color ul li{margin: 8px;float: none}
    .prod-spec .color-area .choice-color ul{text-align: center;overflow-x: auto;white-space: nowrap}
    .prod-spec .color-area .choice-color{width: 100%;}
}
@media only screen and (max-width: 479.98px) {
    #modal-mobile, #modal-mobile-0, #modal-mobile-1, #modal-mobile-2, #modal-mobile-3{padding: 0;}
    #modal-mobile .modal-mobile-title, #modal-mobile-0 .modal-mobile-title, #modal-mobile-1 .modal-mobile-title, #modal-mobile-2 .modal-mobile-title, #modal-mobile-3 .modal-mobile-title{background-image: linear-gradient(#FFA500, #FF8C00);color: #fff;font-weight: bold;font-size: 16px;padding: 10px 8px;min-height: 40px;}
    /* #modal-mobile .modal-mobile-title.last-title, #modal-mobile-1 .modal-mobile-title.last-title, #modal-mobile-2 .modal-mobile-title.last-title, #modal-mobile-3 .modal-mobile-title.last-title{position: absolute;bottom: 0;width: 100%;} */
    #modal-mobile-0 .modal-mobile-title.title-2 {padding: 0;background-image: linear-gradient(to right,#ffd27f 148px, #FF8C00 148px);padding-right: 8px;}
    #modal-mobile-1 .modal-mobile-title.title-2, #modal-mobile-2 .modal-mobile-title.title-2, #modal-mobile-3 .modal-mobile-title.title-2{padding: 0;background-image: linear-gradient(to right,#ffd27f 230px, #FF8C00 230px);padding-right: 8px;}
    #modal-mobile-0 .modal-mobile-title.title-2 a,#modal-mobile-1 .modal-mobile-title.title-2 a, #modal-mobile-2 .modal-mobile-title.title-2 a, #modal-mobile-3 .modal-mobile-title.title-2 a{color: #000;}
    #modal-mobile-2 .modal-mobile-title.title-2 img:last-of-type{margin-left: -1px;}
    #modal-mobile .modal-mobile-body, #modal-mobile-0 .modal-mobile-body, #modal-mobile-1 .modal-mobile-body, #modal-mobile-2 .modal-mobile-body, #modal-mobile-3 .modal-mobile-body{min-height: calc(100% - 83px);}
    
    #modal-mobile .modal-mobile-body{padding: 5px 15%;}
    #modal-mobile-1 .modal-mobile-body{padding: 5px 11%;position: relative;}
    #modal-mobile-3 .modal-mobile-body{padding: 5px 30px;}
    #modal-mobile-2 .modal-mobile-body{padding-top: 15px;}
    #modal-mobile-2 .modal-mobile-body a{margin: 0 5px 20px 5px;display: block;border: 1px solid #ddd;border-radius: 8px;padding: 5px 15px;background-image: linear-gradient(transparent, #eee);width: calc(100% - 25px);}
    #modal-mobile-2 .modal-mobile-body a h5{margin: 0;font-size: 20px;font-weight: bold;color: #4287f5;}
    #modal-mobile-2 .modal-mobile-body a b{color: #000;}
    #modal-mobile .modal-mobile-body a, #modal-mobile-0 .modal-mobile-body a, #modal-mobile-1 .modal-mobile-body a, #modal-mobile-3 .modal-mobile-body .btn-zone button{display: inline-block;border: 2px solid #ddd;border-radius: 4px;padding: 6px;border-bottom: 4px solid orange;color: orange;margin: 6px 2px;font-size: 15px;font-weight: bold;min-width: 80px;text-align: center;width: 30%;margin-bottom: 10px;}
    #modal-mobile-1 .modal-mobile-body a{vertical-align: middle;height: 60.85px;}
    #modal-mobile-3 .modal-mobile-body .btn-zone button{background-color: #fff;}
    #modal-mobile-3 .modal-mobile-body .btn-zone{text-align: center;position: relative;margin-top: 315px;}
    #modal-mobile .modal-body, #modal-mobile-0 .modal-body, #modal-mobile-1 .modal-body, #modal-mobile-2 .modal-body, #modal-mobile-3 .modal-body{padding: 0;position: relative;height: calc(100% - 56.71px);}
    #modal-mobile-0 .modal-mobile-title.title-2 a i, #modal-mobile-1 .modal-mobile-title.title-2 a i, #modal-mobile-2 .modal-mobile-title.title-2 a i, #modal-mobile-3 .modal-mobile-title.title-2 a i{color: #4287f5;}
    #modal-mobile-3 .modal-body p{color: #000;margin-bottom: 0;text-align: left;font-weight: bold;}
    #modal-mobile-3 .modal-body p.sec-space{padding-left: 28px;}
    #modal-mobile-3 .modal-body p b{color: blue;}
    .form-row-first > label,.form-row-last > label{width: 100%;}
    .invoiceHide, .invoiceHide2{padding-left: 0;}
    .page-ckout .invoice-info .invoiceHide > .invoiceBack > input{margin-left: 0;}
    .page-ckout .invoice-info .invoiceHide > .invoiceBack > label{width: calc(100% - 18px);}
    .page-ckout .invoice-info .invoiceHide > .invoiceBack > label select{width: calc(100% - 105px);}
    .page-ckout .invoice-info input[type="radio"].invoiceChoice{margin-left: 0;margin-top: 10px;}
    .page-ckout .invoice-info .invoice > label{vertical-align: top;width: calc(100% - 18px);}
    .seven-eleven, .hi-life, .family-mart{width: 32.5%;}
    .page-ckout .store-deli input[type="radio"]{margin-left: 0;width: 100%;}
    .page-ckout .seven-eleven label, .page-ckout .hi-life label, .page-ckout .family-mart label{height: 0;padding-top: 100%;position: relative;width: 100%;}
    .page-ckout .seven-eleven a, .page-ckout .hi-life a, .page-ckout .family-mart a{display: block;}
    .page-ckout .seven-eleven a img, .page-ckout .hi-life a img, .page-ckout .family-mart a img{width: 100%;}
    .page-ckout .store-deli label img{margin-left: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .ckout.table-responsive{overflow-x: hidden;}
    .ckout.table-responsive > table.table.table-bordered{display: block;}
    .order-detail-content .ckout tbody tr td.spec .spec-title{white-space: normal;}
    .order-detail-content .ckout tbody tr td.price{float: right;padding-left: 0;margin-bottom: 20px;}
    .order-detail-content .ckout tfoot{display: block;}
    .order-detail-content .ckout tfoot tr{display: block;}
    .order-detail-content .ckout tfoot tr td:first-of-type{float: left;width: 65%;}
    .order-detail-content .ckout tfoot tr td:last-of-type{float: right;width: 35%;}
    .extra-purchase tbody tr td:first-of-type{position: absolute;bottom: 10px;}
    .extra-purchase tbody tr td:nth-of-type(2) img{height: auto !important;width: 100%;}
    .extra-purchase tbody tr td:nth-of-type(3) h3{white-space: normal;text-align: left;margin-top: 10px;}
    .extra-purchase tbody tr td:last-of-type{float: right;padding-left: 0;}
    .extra-purchase tbody tr td:last-of-type h3{text-align: left;margin-top: 20px;}
    .prod-spec .color-area .chosen-color i{line-height: 100px;}
    .prod-spec .color-area .chosen-color i.fa-long-arrow-left:before{font-size: 50px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 3px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 3px;}
    .swiper-button-next, .swiper-button-prev{margin-top: 0;top: 88%;}
    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{opacity: .6;}
    .page-product .btn-zone{text-align: center;}
    .page-product .btn-zone .btn{width: 100%;}
    .page-product .gallery-title h3{width: 100%;}
    .page-product .g-content ul{padding-left: 20px;}
    .fancybox-slide--iframe .fancybox-content{max-width: calc(100% - 50px) !important;max-height: calc(100% - 70px) !important;}
    .show-mobile{display: block;}
    .hide-mobile{display: none;}
    .full-479{width: 100%;}
    .ps-page-2 .btn{width: 100%;}
    .how-it-works .row.justify-content-center>div{width: 46.6%;}
    .sec-3 li{font-size: 14px;}
    .sec-3 img{width: 50px;}
    .sec-1 p{font-size: 14px;}
    .sec-3 ol{padding-left: 25px;}
    .order-detail-content thead{
        display: none;
    }
    .order-detail-content tbody,.order-detail-content tbody tr{
        display: block;
        position: relative;
        clear: both;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
    }
    .order-detail-content tbody,.order-detail-content tbody tr:last-of-type{
        border-bottom: 0;
    }
    .order-detail-content tbody tr td{
        border: 0;
        width: 140px;
        float: left;
    }
    .order-detail-content tbody tr td>div{
        padding: 0;
    }
    .order-detail-content tbody tr td button.btn{
        width: 120px;
        padding: 0;
    }
    .order-detail-content tbody tr td.pic{
        width: 140px;
    }
    .order-detail-content tbody tr td.spec{
        border: 0;
        width: calc(100% - 140px);
        float: left;
        padding-bottom: 0;
    }
    .order-detail-content tbody tr td.spec .spec-title{
        text-align: left;
    }
    .order-detail-content .shopping-cart tbody tr td.spec .spec-title{
        width: calc(100% - 35px);
        white-space: normal;
    }
    .order-detail-content tbody tr td.spec ul{
        padding-left: 0;
    }
    .order-detail-content tbody tr td.price{
        width: 140px;
        float: left;
        border: 0;
        text-align: left;
        padding: 0;
        padding-left: 8px;
        font-size: 20px;
        line-height: 24px;
    }
    .order-detail-content tbody tr td.del{
        position: absolute;
        top: 0px;
        right: 5px;
        width: auto;
    }
    .footer-menu li{
        margin-bottom: 10px;
        padding: 0 12px;
        display: inline-block;
    }
    .footer-menu{
        display: block;
    }
    .blog-area .blog-item .blog-content .title{
        width: 100%;
        padding-right: 0;
        font-size: 16px;
        line-height: 24px;
    }
    .blog-area .blog-item .blog-content .price{
        text-align: center;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
    }
    .blog-area .blog-item .blog-content .text-center> a{
        padding: 0 15px;
        letter-spacing: 2px;
        font-size: 16px;
        line-height: 40px;
    }
    .blog-area .blog-item .blog-content{
        padding: 10px;
    }
    /* .top-banner>.container{
        height: 180px !important;
    } */
}