@import 'https://fonts.googleapis.com/css?family=Mitr:400,700&subset=thai';html{background-color:#FFF}body{font-family:"Mitr",sans-serif;font-size:16px;color:#212121;background-color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0.1px}.-no-padding{padding:0 !important}@media screen and (max-width: 767px){.-screen-xs-padding{padding-right:15px !important;padding-left:15px !important}}.-tables{display:table;width:100%;height:100%;vertical-align:middle;table-layout:fixed}.-tables .-cells{display:table-cell;text-align:center;vertical-align:middle;clear:both}.-tables .-cells.top{vertical-align:top !important}.-tables .-cells.bottom{vertical-align:bottom !important}.-bg{margin:0 auto;padding:133% 0 0;display:block;width:100%;background-position:center center;background-repeat:no-repeat;background-size:contain}.-bg.-square-200{padding:200% 0 0}.-bg.-square-150{padding:150% 0 0}.-bg.-square-100{padding:100% 0 0}.-bg.-square-75{padding:75% 0 0}.-bg.-square-50{padding:50% 0 0}.-bg.-cover{background-size:cover !important}.-relative{position:relative}.-absolute{position:absolute;width:100%;transition:all 0.3s}.-absolute.-full{top:0;left:0;width:100%;height:100%}.-logo-no-result{margin:50px 0}.-logo-no-result img{max-width:150px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.-logo-no-result h4{margin:30px 0 0}.red{color:red !important}h1,.h1,h1 *,.h1 *,h2,.h2,h2 *,.h2 *,h3,.h3,h3 *,.h3 *,h4,.h4,h4 *,.h4 *,h5,.h5,h5 *,.h5 *,h6,.h6,h6 *,.h6 *{line-height:1.5 !important}h1,.h1,h1 *,.h1 *{font-size:48px !important;font-weight:400 !important}h2,.h2,h2 *,.h2 *{font-size:32px !important;font-weight:400 !important}h3,.h3,h3 *,.h3 *{font-size:24px !important;font-weight:400 !important}h4,.h4,h4 *,.h4 *{font-size:20px !important;font-weight:400 !important}h5,.h5,h5 *,.h5 *{font-size:16px !important;font-weight:400 !important}h6,.h6,h6 *,.h6 *{font-size:14px !important;font-weight:400 !important}p,.paragraph{font-size:16px;line-height:1.7;font-weight:400}a,.link{font-size:14px;line-height:1;font-weight:400;transition:all 0.3s;cursor:pointer !important}a:focus,.link:focus{outline:none !important}button,.button{padding:10px 20px;display:inline-block;font-size:16px;line-height:1;font-weight:700;text-align:center;border-radius:20px;border:1px solid;transition:all 0.3s}button.-first,.button.-first{font-size:18px !important}button.-seccond,.button.-seccond{font-size:14px !important}button.-ghost,.button.-ghost{font-size:10px !important}.filled-button{color:#212121 !important;background-color:#FDD511;border-color:transparent}.filled-button:hover{color:#212121 !important;text-decoration:none;background-color:#FFDF42}.filled-button:focus,.filled-button:active{color:#212121 !important;text-decoration:none;background-color:#CCA900}.filled-reversed-button{color:#FFF !important;background-color:#FDD511;border-color:transparent}.filled-reversed-button:hover{color:#FFF !important;text-decoration:none;background-color:#FFDF42}.filled-reversed-button:focus,.filled-reversed-button:active{color:#FFF !important;text-decoration:none;background-color:#CCA900}.outline-button{color:#212121 !important;background-color:transparent;border-color:#FDD511}.outline-button:hover{color:#212121 !important;text-decoration:none;border-color:#FFDF42;background-color:#FFDF42}.outline-button:focus,.outline-button:active{color:#FFF !important;text-decoration:none;border-color:#CCA900;background-color:#CCA900}.badges{margin:0 5px 5px 0;padding:5px 10px;display:inline-block;color:#FFF !important;font-size:12px;font-weight:700;text-transform:capitalize;border-radius:20px}.badges.-new-arrival{background-color:#4caf50}.badges.-reccommend{background-color:#ff9800}.badges.-best-seller{background-color:#03a9f4}.badges.-promotion{background-color:#f44336}.in-active{opacity:0.3 !important}.darker{color:#CCA900 !important}.primary{color:#FDD511 !important}.lighter{color:#FFDF42 !important}.-bg-primary{background-color:#FDD511 !important}.-bg-tone{background-color:#212121 !important}.-category-name{margin:0;display:block;font-size:16px !important;line-height:1.5 !important}.-product-name{margin:0;display:block;font-size:20px !important;line-height:1.5 !important}.-old-price{margin:10px 0 0;display:block;color:red !important;font-size:14px !important;font-weight:700 !important;line-height:1 !important;text-decoration:line-through !important}.-market-price{margin:10px 0 0;display:block;color:red !important;font-size:18px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important}.-price{margin:0 0 10px;display:block;font-size:20px !important;font-weight:400 !important;line-height:1 !important;text-decoration:none !important}.-price.-big{font-size:24px !important}.-price.-not-old-price{margin:10px 0}.-currency{margin:5px 0 0;display:block;font-size:14px !important;font-weight:700 !important;line-height:1.5 !important;text-decoration:none !important}.-quan{margin:10px 0 5px;display:block;font-size:16px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important}.spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:#FDD511;border-radius:20px;border:1px solid #FDD511;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 0.1s}.spinner.-progress{opacity:1;visibility:visible;transition:all 0.5s}.spinner.-progress{opacity:1;visibility:visible;transition:all 0.5s}.spinner .-table{display:table;width:100%;height:100%;vertical-align:middle}.spinner .-table .-cell{display:table-cell;text-align:center;vertical-align:middle}.spinner .-table .-cell div{display:inline-block;width:10px;height:10px;background-color:#212121;border-radius:100%;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .-table .-cell .bounce1{animation-delay:-0.32s}.spinner .-table .-cell .bounce2{animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.inline-{font-size:0}@media (min-width: 992px){.-show-sm{display:none !important}}@media (min-width: 768px){.-show-xs{display:none !important}}@media (max-width: 991px){.text-sm-left{text-align:left !important}.text-sm-left *{text-align:left !important}.-show-sm{display:block !important}.-hidden-sm{display:none !important}}@media (max-width: 767px){.text-xs-center{text-align:center !important}.text-xs-center *{text-align:center !important}.text-xs-left{text-align:left !important}.text-xs-left *{text-align:left !important}.-show-xs{display:block !important}.-hidden-xs{display:none !important}}.load-effect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1033;display:block;width:100%;height:100vh;background-color:#FFF;transform:translateX(-100%)}.load-effect div{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%, -50%)}.load-effect div span{position:relative;display:block;z-index:0;width:100%;color:#FDD511;line-height:150px;text-align:center;text-transform:uppercase}.load-effect div span:before{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";opacity:0;border-radius:100px;border:5px solid #FDD511;box-shadow:0 0 0px #FDD511,inset 0 0 0px #FDD511;animation:circleloader 3s infinite}.load-effect div span:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:" ";opacity:0;border-radius:100px;border:5px solid #FDD511;box-shadow:0 0 0px #FDD511,inset 0 0 0px #FDD511;animation:circleloader 3s infinite 1.5s}.load-effect.is-active{transform:translateX(0)}.load-effect.is-active.de-active{opacity:0;transition:all 0.3s linear}.load-effect.is-active.de-active.loaded{display:none}@-webkit-keyframes circleloader{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}body ui-customer-box .UiCustomerBox-modal-filter{z-index:1032}body .ui-search-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1032;display:block;width:100%;height:100vh;background-color:rgba(0,0,0,0.6);display:none;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:scroll;transition:all 0.3s linear}body .ui-search-box.is-active{display:block;opacity:1;visibility:visible}body .ui-search-box .search{background-color:#FFF}body .ui-search-box .search .-form{position:relative}body .ui-search-box .search .-form:before{content:"";position:absolute;top:50%;left:0;font-family:"FontAwesome";font-size:24px;transform:translate3d(0, -50%, 0)}body .ui-search-box .search .-form md-input-container{margin:0 0 0 35px;padding:40px 0;position:relative}body .ui-search-box .search .-form md-input-container label{margin:0;padding:0;top:50%;bottom:auto;font-size:24px;font-weight:400;color:#212121;transform:translate3d(0, -50%, 0) scale(1)}body .ui-search-box .search .-form md-input-container input{margin:0;padding:0;width:calc(100% - 5rem - .9rem);height:45px;font-family:"Mitr",sans-serif;font-size:24px;font-weight:400;line-height:45px;border:none;outline:0;-webkit-appearance:none}body .ui-search-box .search .-form md-input-container.md-input-focused label,body .ui-search-box .search .-form md-input-container.md-input-has-value label{transform:translate3d(0, -120%, 0) scale(0.6)}body .ui-search-box .search .-form md-input-container .-close{margin:10px 0;position:relative;display:inline-block;float:right;width:25px;height:25px;transition:all 0.3s linear}body .ui-search-box .search .-form md-input-container .-close:before{position:absolute;top:0;left:50%;width:1px;height:100%;content:"";background-color:#212121;transform:translateX(-50%) rotate(45deg);transition:all 0.3s linear}body .ui-search-box .search .-form md-input-container .-close:after{position:absolute;top:0;right:50%;width:1px;height:100%;content:"";background-color:#212121;transform:translateX(-50%) rotate(135deg);transition:all 0.3s linear}body .ui-search-box .search .-form md-input-container .-close:hover:before,body .ui-search-box .search .-form md-input-container .-close:hover:after{background-color:#FFDF42}body .ui-search-box .search .-form md-input-container .-close:active:before,body .ui-search-box .search .-form md-input-container .-close:active:after{background-color:#CCA900}body .ui-search-box .search .-error{margin:0 0 20px 35px;position:relative;display:none;width:100%;height:40px;font-size:24px;color:#212121;line-height:40px;font-weight:700;transition:all 0.3s}body .ui-search-box .search .-error.is-active{display:block}body .ui-search-box .search .-loading{margin:0 0 20px 35px;position:relative;display:none;transition:all 0.3s}body .ui-search-box .search .-loading.is-active{display:block}body .ui-search-box .search .-loading md-progress-circular{display:block}body .ui-search-box .search .-loading md-progress-circular path{stroke:#FDD511}body .ui-search-box .search .-result{opacity:0;visibility:hidden;transition:all 0.3s}body .ui-search-box .search .-result.is-active{opacity:1;visibility:visible}body .ui-search-box .search .-result ul{margin:0 0 20px;padding:10px 0;display:block;list-style:none;border-top:0.1rem solid #e4eaf8}body .ui-search-box .search .-result ul li{margin:0 0 10px;position:relative;overflow:hidden;cursor:pointer}body .ui-search-box .search .-result ul li a{padding:0 0 0 80px;position:relative;display:block;color:#212121}body .ui-search-box .search .-result ul li a.active,body .ui-search-box .search .-result ul li a:hover,body .ui-search-box .search .-result ul li a:focus,body .ui-search-box .search .-result ul li a:active{text-decoration:none;outline:none}body .ui-search-box .search .-result ul li a.active{color:#CCA900}body .ui-search-box .search .-result ul li a:hover{color:#FFDF42}body .ui-search-box .search .-result ul li a:active{color:#CCA900}body .ui-search-box .search .-result ul li a .-img{position:absolute;top:0;left:0;width:60px;height:60px;background-position:center center;background-repeat:no-repeat}body .ui-search-box .search .-result ul li a .-detail{padding:0;width:100%;height:60px;border-bottom:0.1rem solid #e4eaf8;transition:all 0.2s linear}body .ui-search-box .search .-result ul li a .-detail .-prop{width:100%;height:20px;font-size:12px;line-height:20px;text-transform:uppercase}body .ui-search-box .search .-result ul li a .-detail .-title{width:100%;height:40px;font-size:24px;line-height:40px;font-weight:700}body .ui-search-box .search .-result ul li a .-detail .-title .hilight{font-weight:400}body .ui-search-box .search .-result ul li a .bold{font-weight:700}body .ui-search-box .search .-result ul li a:hover .-detail{padding:0}body .ui-search-box .search .-result ul li a.-see-all{padding:10px 0;display:inline-block;color:#212121}body .ui-search-box .search .-result ul li a.-see-all.active,body .ui-search-box .search .-result ul li a.-see-all:hover,body .ui-search-box .search .-result ul li a.-see-all:focus,body .ui-search-box .search .-result ul li a.-see-all:active{text-decoration:none;outline:none}body .ui-search-box .search .-result ul li a.-see-all.active{color:#CCA900}body .ui-search-box .search .-result ul li a.-see-all:hover{color:#FFDF42}body .ui-search-box .search .-result ul li a.-see-all:active{color:#CCA900}body .ui-search-box .search .-result ul.-cat{border:none}body .ui-search-box .search .-result ul.-cat li{margin:0;padding:0;display:inline-block}body .ui-search-box .search .-result ul.-cat li+li{border-left:0.1rem solid #e4eaf8}body .ui-search-box .search .-result ul.-cat li .-title{padding:5px 10px;display:block;width:auto;color:#212121;font-size:20px;font-weight:700;text-transform:uppercase}body .ui-search-box .search .-result ul.-cat li .-title.active,body .ui-search-box .search .-result ul.-cat li .-title:hover,body .ui-search-box .search .-result ul.-cat li .-title:focus,body .ui-search-box .search .-result ul.-cat li .-title:active{text-decoration:none;outline:none}body .ui-search-box .search .-result ul.-cat li .-title.active{color:#CCA900}body .ui-search-box .search .-result ul.-cat li .-title:hover{color:#FFDF42}body .ui-search-box .search .-result ul.-cat li .-title:active{color:#CCA900}body .ui-search-box .search .-result ul.-cat li .-title .hilight{font-weight:400}body .ui-search-box .search .-notfound{margin:0 0 20px 35px;position:relative;display:none;width:100%;height:40px;font-size:24px;color:#212121;line-height:40px;font-weight:700;transition:all 0.3s}body .ui-search-box .search .-notfound.is-active{display:block}landing-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1034;display:block;width:100%;height:100vh;background-color:#F5F5F5;overflow-x:hidden;overflow-y:auto;transition:all 0.3s linear}landing-page .-relative{position:relative;width:100%;height:100%}landing-page .-relative .-content{position:absolute;top:50%;left:50%;width:85%;color:#616161;font-family:"Work Sans",sans-serif;text-align:center;transform:translate(-50%, -50%)}landing-page .-relative .-content img{max-width:250px}landing-page .-relative .-content .title,landing-page .-relative .-content time{margin:10px 0}landing-page .-relative .-content .title{display:block;font-size:4rem}landing-page .-relative .-content time{display:block;font-size:5rem}landing-page .-relative .-content .countdown span{display:inline-block;font-size:2.2rem;font-weight:400 !important;vertical-align:top}landing-page .-relative .-content .countdown span+span{margin:0 0 0 10px;padding:0 0 0 16px;position:relative}landing-page .-relative .-content .countdown span+span:before{position:absolute;top:0;left:0;content:":"}landing-page .-relative .-content .countdown span small{display:block;font-size:1.2rem}