﻿@import url(./edpensook.css);@import url(./thaisans.css);html{background-color:#FFF}body{font-family:"thaisans",sans-serif;font-size:20px;color:#212121;background-color:#FFF;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke:0.15px;letter-spacing:2px}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:54px !important;font-weight:400 !important}h2,.h2,h2 *,.h2 *{font-size:38px !important;font-weight:400 !important}h3,.h3,h3 *,.h3 *{font-size:30px !important;font-weight:400 !important}h4,.h4,h4 *,.h4 *{font-size:26px !important;font-weight:400 !important}h5,.h5,h5 *,.h5 *{font-size:22px !important;font-weight:400 !important}h6,.h6,h6 *,.h6 *{font-size:20px !important;font-weight:400 !important}p,.paragraph{font-size:20px;line-height:1.7;font-weight:400}a,.link{font-size:18px;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:20px;line-height:1;text-align:center;text-transform:uppercase;border-radius:0;border:1px solid;transition:all 0.3s}button.first,.button.first{font-size:22px}button.seccond,.button.seccond{font-size:16px}button.-first,.button.-first{font-size:22px !important}button.-seccond,.button.-seccond{font-size:18px !important}button.-ghost,.button.-ghost{font-size:12px !important}.filled-button{color:#212121 !important;background-color:#212121;border-color:transparent}.filled-button:hover{color:#212121 !important;text-decoration:none;background-color:#444}.filled-button:focus,.filled-button:active{color:#212121 !important;text-decoration:none;background-color:#000}.filled-reversed-button{color:#FFF !important;background-color:#212121;border-color:transparent}.filled-reversed-button:hover{color:#FFF !important;text-decoration:none;background-color:#444}.filled-reversed-button:focus,.filled-reversed-button:active{color:#FFF !important;text-decoration:none;background-color:#000}.outline-button{color:#212121 !important;background-color:transparent;border-color:#212121}.outline-button:hover{color:#FFF !important;text-decoration:none;border-color:#444;background-color:#444}.outline-button:focus,.outline-button:active{color:#FFF !important;text-decoration:none;border-color:#000;background-color:#000}.badges{padding:0 10px;display:inline-block;color:#FFF !important;font-size:14px;font-weight:700;text-transform:uppercase;border-radius:0;border:1px solid}.badges.-new-arrival{color:#4caf50 !important;border-color:#4caf50}.badges.-reccommend{color:#ff9800 !important;border-color:#ff9800}.badges.-best-seller{color:#03a9f4 !important;border-color:#03a9f4}.badges.-promotion{color:#f44336 !important;border-color:#f44336}.in-active{opacity:0.3 !important}.red{color:red !important}.darker{color:#000 !important}.primary{color:#212121 !important}.lighter{color:#444 !important}.-category-name{margin:0;display:block;font-size:20px !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}.-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:38px !important}.-price.-not-old-price{margin:10px 0}.-price .small{font-size:20px !important}.-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}.-logo-no-result{margin:0 auto;max-width:150px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:#212121;border-radius:0;border:1px solid #212121;-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:#FFF;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 screen and (max-width: 767px){.text-xs-center{text-align:center !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:150px;height:150px;color:#212121;line-height:150px;text-align:center;text-transform:uppercase}.load-effect div span:before{position:absolute;top:0;left:0;z-index:2;width:150px;height:150px;content:" ";opacity:0;border-radius:100px;border:5px solid #212121;box-shadow:0 0 0px #212121,inset 0 0 0px #212121;animation:circleloader 3s infinite}.load-effect div span:after{position:absolute;top:0;left:0;z-index:1;width:150px;height:150px;content:" ";opacity:0;border-radius:100px;border:5px solid #212121;box-shadow:0 0 0px #212121,inset 0 0 0px #212121;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}}.margin-0{margin:0 !important}body ui-cart{letter-spacing:2px}body ui-cart *{font-size:20px !important}body ui-customer-box{letter-spacing:2px}body ui-customer-box button{padding:10px 20px !important;display:inline-block !important;font-size:20px !important;line-height:1 !important;font-weight:700 !important;text-align:center !important;text-transform:uppercase !important;border-radius:0 !important;border:1px solid !important;letter-spacing:2px !important;transition:all 0.3s !important}body ui-customer-box button:hover,body ui-customer-box button:focus,body ui-customer-box button:active{outline:none !important}body ui-customer-box .md-input-message-animation{font-size:18px;line-height:1.5}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:"thaisans",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:#444}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:#000}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:#212121}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:#000}body .ui-search-box .search .-result ul li a:hover{color:#444}body .ui-search-box .search .-result ul li a:active{color:#000}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:#000}body .ui-search-box .search .-result ul li a.-see-all:hover{color:#444}body .ui-search-box .search .-result ul li a.-see-all:active{color:#000}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:#000}body .ui-search-box .search .-result ul.-cat li .-title:hover{color:#444}body .ui-search-box .search .-result ul.-cat li .-title:active{color:#000}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}.-top-5{margin:5px 0 0 !important}.product-link,.product-name{letter-spacing:1px}
