.user-info .form-group label.control-label{color:#000;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;font-size:16px;padding-left:18px}.checkout-page .page-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.checkout-page .page-row .col-side{background-color:#3850c4;color:#fff}@media(min-width: 992px){.checkout-page .page-row .col-side{-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;max-width:680px;padding:80px 0}}@media(max-width: 991px){.checkout-page .page-row .col-side{padding:40px 0}}@media(max-width: 991px)and (min-width: 576px){.checkout-page .page-row .col-side{-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}}@media(max-width: 575px){.checkout-page .page-row .col-side{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.checkout-page .page-row .col-side>div{max-width:520px;margin:auto;padding:0 20px}.checkout-page .page-row .col-main{padding:70px 30px 100px}@media(min-width: 576px){.checkout-page .page-row .col-main{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}}@media(max-width: 991px){.checkout-page .page-row .col-main{padding:40px 30px 50px}}@media(max-width: 575px){.checkout-page .page-row .col-main{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:20px;padding-right:20px}}.checkout-page .page-row .col-main>div{width:100%;max-width:570px;margin:auto}.checkout-page .item-list .card-item{border-top:1px solid rgba(255,255,255,.2);padding:25px 0}.checkout-page .item-list .card-item:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.checkout-page .item-list .card-item>div{margin:0;width:100%}@media(min-width: 992px){.checkout-page .item-list .card-item>div{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;-webkit-align-items:center}}@media(max-width: 991px){.checkout-page .item-list .card-item>div{display:block}}@media(max-width: 576px){.checkout-page .item-list .card-item>div{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}.checkout-page .item-list .card-item a{color:#fff}@media(min-width: 992px){.checkout-page .item-list .card-item .card-image{-ms-flex:0 0 28%;flex:0 0 28%;max-width:28%}}@media(max-width: 576px){.checkout-page .item-list .card-item .card-image{-ms-flex:0 0 28%;flex:0 0 28%;max-width:28%}}.checkout-page .item-list .card-item .card-image a{padding-top:100%;background-position:center;background-size:cover;background-repeat:no-repeat;display:block;border-radius:10px}@media(min-width: 992px){.checkout-page .item-list .card-item .card-text{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;padding-left:30px}.checkout-page .item-list .card-item .card-text>div{max-width:280px;width:100%}}@media(max-width: 991px){.checkout-page .item-list .card-item .card-text{margin-top:20px}}@media(max-width: 576px){.checkout-page .item-list .card-item .card-text{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;margin-top:0;padding-left:20px}}.checkout-page .item-list .card-item .card-title{font-size:18px}@media(max-width: 1054px){.checkout-page .item-list .card-item .card-title{font-size:15px}}.checkout-page .item-list .card-item .card-price{font-size:24px}@media(max-width: 1054px){.checkout-page .item-list .card-item .card-price{font-size:20px}}.checkout-page .item-list .card-item .card-qty{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}.checkout-page .item-list .card-item .card-qty label{color:#fff}.checkout-page .item-list .card-item .card-qty input{text-align:center;width:60px;height:40px;background-color:transparent;border:1px solid #fff;border-radius:4px;color:#fff}.checkout-page .item-list .card-item .card-qty button{font-size:12px;display:none}.checkout-page .item-list .card-item .card-action a:hover{text-decoration:underline !important}.page-title{margin-bottom:30px}.total{padding:38px 0}@media(min-width: 576px){.total{border-top:1px solid #cee1ef}}@media(max-width: 575px){.total{padding-top:0}}.payment-method-list .payment-item{border-top:1px solid #cee1ef;padding:25px 0}.payment-method-list .payment-item:last-child{border-bottom:1px solid #cee1ef}.payment-method-list .payment-item>input[type=radio]{position:absolute;opacity:0;visibility:hidden}.payment-method-list .payment-item>input[type=radio]+label{display:block}.payment-method-list .payment-item>input[type=radio]+label>.title{color:#0080ff;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;position:relative;padding-left:53px;cursor:pointer}.payment-method-list .payment-item>input[type=radio]+label>.title:before,.payment-method-list .payment-item>input[type=radio]+label>.title:after{content:"";position:absolute;border-radius:50%}.payment-method-list .payment-item>input[type=radio]+label>.title:before{left:0;top:0;width:28px;height:28px;border:1px solid #0080ff}.payment-method-list .payment-item>input[type=radio]+label>.title:after{width:14px;height:14px;background-color:#0080ff;left:7px;top:7px;opacity:0;visibility:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}.payment-method-list .payment-item>input[type=radio]+label .toggle-box{max-height:0;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.payment-method-list .payment-item>input[type=radio]:checked+label>.title{color:#0d0d0e}.payment-method-list .payment-item>input[type=radio]:checked+label>.title:after{opacity:1;visibility:visible}.payment-method-list .payment-item>input[type=radio]:checked+label .toggle-box{max-height:500px;padding-top:40px}@media(min-width: 768px){.banktransfer-detail .card-item-bank{display:flex;display:-webkit-flex;padding-bottom:30px}.banktransfer-detail .card-item-bank:last-child{padding-bottom:0}}.banktransfer-detail .card-item-bank>div{padding-right:30px}.banktransfer-detail .card-item-bank>div:last-child{padding-right:0}.banktransfer-detail .card-item-bank .title{color:#a3c0d4}.banktransfer-detail .card-item-bank .data{font-size:24px;color:#3850c4}@media(max-width: 1199px){.banktransfer-detail .card-item-bank .data{font-size:20px}}@media(max-width: 768px){.banktransfer-detail .card-item-bank .col-image{margin-bottom:10px}}.banktransfer-detail .card-item-bank .col-image img{max-width:60px;border-radius:10px}.banktransfer-detail .fileupload{position:relative;cursor:pointer;margin-top:20px}.banktransfer-detail .fileupload input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;cursor:pointer}.banktransfer-detail .fileupload .label-file{border:1px solid rgba(0,128,255,.2);background-color:#f3fbfd;text-transform:uppercase;padding:10px;border-radius:10px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;color:#3850c4;position:relative;font-size:12px;letter-spacing:1px}.banktransfer-detail .fileupload .label-file .icon{width:46px;height:46px;border-radius:50%;background-color:#fff;border:1px solid rgba(0,128,255,.2);color:#0080ff;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;margin-left:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;font-size:22px}.banktransfer-detail .fileupload .label-file .icon i:nth-child(2){display:none}.banktransfer-detail .fileupload .label-file .text{text-align:center;font-size:17px;color:#a3c0d4}.banktransfer-detail .fileupload .label-file .fileupload-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.banktransfer-detail .fileupload.file-error .label-file{background-color:rgba(255,0,0,.1)}.banktransfer-detail .fileupload.file-error .label-file .text,.banktransfer-detail .fileupload.file-error .label-file .icon{color:red}.banktransfer-detail .fileupload.active .label-file .text{color:#0080ff}.banktransfer-detail .fileupload.active .label-file .icon i:nth-child(1){display:none}.banktransfer-detail .fileupload.active .label-file .icon i:nth-child(2){display:inline-block}.banktransfer-detail .fileupload.active .question-name{display:none}.banktransfer-detail .fileupload.active .fileupload-name{display:inline-block}.checkout-button{color:#aaa}@media(min-width: 768px){.checkout-button{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}}@media(max-width: 767px){.checkout-button>div{margin-bottom:10px}.checkout-button>div:last-child{margin-bottom:0}}.checkout-button .col-text{font-size:12px}@media(min-width: 768px){.checkout-button .col-text{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;padding-right:20px}}.checkout-button .col-secure{font-size:10px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}@media(min-width: 768px){.checkout-button .col-secure{-ms-flex:0 0 120px;flex:0 0 120px;max-width:120px}}@media(min-width: 768px){.checkout-button .col-button{-ms-flex:0 0 180px;flex:0 0 180px;max-width:180px}}.checkout-button .col-button button{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#fff;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14;background-color:#0080ff;border:1px solid #0080ff;width:100%;box-shadow:0px 10px 27px rgba(0,128,255,.27)}.checkout-button .col-button button i{font-size:24px;margin-left:20px}.checkout-button .col-button button:hover{color:#fff;background-color:#3850c4;border-color:#3850c4}.checkout-button .col-button button i{font-size:12px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.page-wrapper{max-width:970px;margin:auto}.success-page .data-row{margin-bottom:60px}.success-page .data-row .col-item{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:800}@media(max-width: 767px){.success-page .data-row .col-item{margin-bottom:20px}}.success-page .data-row .col-item .title{color:#0080ff;font-size:16px;margin-bottom:15px}.success-page .data-row .col-item .value{color:#3850c4;font-size:30px;background-color:#f3fbfd;border:1px solid rgba(0,128,255,.2);border-radius:10px;padding:12px}.success-page .link-text{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}.success-page .link-text a{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#fff;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14;background-color:#0080ff;border:1px solid #0080ff;width:100%;box-shadow:0px 10px 27px rgba(0,128,255,.27);max-width:220px;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;padding-left:28px;padding-right:22px}.success-page .link-text a i{font-size:24px;margin-left:20px}.success-page .link-text a:hover{color:#fff;background-color:#3850c4;border-color:#3850c4}.support-live-chat .col-title{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:800;font-size:24px;color:#3850c4}.support-live-chat .col-chat-list{display:flex;display:-webkit-flex}@media(max-width: 767px){.support-live-chat .col-chat-list{justify-content:center;margin-top:20px}}.support-live-chat .col-chat-list .item{padding-right:30px}.support-live-chat .col-chat-list .item:last-child{padding-right:0}.support-live-chat .col-chat-list .item a{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;width:170px;border-radius:100px;font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:600;font-size:15px;border:1px solid rgba(0,128,255,.2);height:63px;box-shadow:0px 10px 27px rgba(35,104,255,.25)}.support-live-chat .col-chat-list .item a img{margin-right:14px}.support-live-chat .col-chat-list .item a:hover{background-color:#0080ff;color:#fff}.support-live-chat .col-chat-list .item a:hover img{opacity:0;display:none;visibility:hidden}.support-live-chat .col-chat-list .item a.line-link{color:#00b900;border:1px solid rgba(0,185,0,.2);box-shadow:0px 10px 27px rgba(0,185,0,.25)}.support-live-chat .col-chat-list .item a.line-link:hover{background-color:#00b900;color:#fff}.empty-page .text-link{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}.empty-page .text-link a{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#fff;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14px;background-color:#0080ff;border:1px solid #0080ff;width:245px;box-shadow:0px 10px 27px rgba(0,128,255,.27)}.empty-page .text-link a i{font-size:24px;margin-left:20px}.empty-page .text-link a:hover{color:#fff;background-color:#3850c4;border-color:#3850c4}.user-info{overflow:hidden}.user-info .form-title{border-bottom:1px solid #cee1ef;padding-bottom:30px;margin-bottom:50px}.user-info .form-group{position:relative;padding-bottom:40px}.user-info .form-group .form-control.error{border-color:red}.user-info .form-group input{height:60px;border:1px solid #afd1f3;border-radius:10px;position:relative;z-index:1;background-color:transparent}.user-info .form-group input:focus+label.control-label,.user-info .form-group input:focus+label+label.control-label,.user-info .form-group input:not(:placeholder-shown)+label.control-label,.user-info .form-group input:not(:placeholder-shown)+label+label.control-label{top:-28px;color:#3850c4;font-size:14px;padding-left:0}.user-info .form-group ::-webkit-input-placeholder{font-size:0}.user-info .form-group label.control-label{position:absolute;top:18px;width:100%;left:18px}.user-info .form-group label.control-label em{color:red}.user-info .form-group label.control-label .example{display:inline-block;padding-left:18px;color:#a3bdd8}@media(max-width: 480px){.user-info .form-group label.control-label .example{display:none}}.user-info .form-group label.error{display:none !important}.user-info .form-group.field-checkbox input[type=checkbox]{position:absolute;opacity:0;visibility:hidden}.user-info .form-group.field-checkbox input[type=checkbox]+label{display:block;position:relative;color:#0080ff;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;position:relative;padding-left:53px;cursor:pointer}.user-info .form-group.field-checkbox input[type=checkbox]+label:before,.user-info .form-group.field-checkbox input[type=checkbox]+label:after{content:"";position:absolute;border-radius:50%}.user-info .form-group.field-checkbox input[type=checkbox]+label:before{left:0;top:0;width:28px;height:28px;border:1px solid #0080ff}.user-info .form-group.field-checkbox input[type=checkbox]+label:after{width:14px;height:14px;background-color:#0080ff;left:7px;top:7px;opacity:0;visibility:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}.user-info .form-group.field-checkbox input[type=checkbox]:checked+label:after{opacity:1;visibility:visible}.user-info .form-group.field-checkbox .info{padding-left:40px}.user-info .button-action{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}.user-info .button-action button{font-family:"ibm-plex-thai",sans-serif;font-style:normal;font-weight:700;color:#fff;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding:12px;font-size:14;background-color:#0080ff;border:1px solid #0080ff;width:100%;box-shadow:0px 10px 27px rgba(0,128,255,.27);display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;padding-left:28px;padding-right:22px}.user-info .button-action button i{font-size:24px;margin-left:20px}.user-info .button-action button:hover{color:#fff;background-color:#3850c4;border-color:#3850c4}@media(min-width: 768px){.user-info .button-action button{max-width:270px}}.user-info .button-action button i{font-size:12px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}/*# sourceMappingURL=checkout.css.map */