﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.clearfix:after{content:"";clear:both;display:block}b,strong{font-weight:bolder}i,cite,em,var,address{font-style:italic}pre,tt,code,kbd,samp{font-family:monospace}pre{white-space:pre}big{font-size:1.17em}small,sub,sup{font-size:0.83em}sub{vertical-align:sub}sup{vertical-align:super}s,strike,del{text-decoration:line-through}hr{border:1px inset}u,ins{text-decoration:underline}center{text-align:center}table{max-width:100%;width:100%}table th,table td{line-height:1.42857;padding:8px}a{outline:0}img{max-width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}:focus{outline:thin dotted invert}ul.has-bullet{margin-left:20px;list-style:disc}ul.has-bullet li{list-style:disc}.ajax_loader{background:rgba(0,0,0,0.5);z-index:100;position:absolute;left:0;top:0;width:100%;height:100%}.ajax_loader.full{position:fixed;left:0;top:0;width:100%;height:100%}.ajax_loader:after{content:'';width:30px;height:30px;position:absolute;left:calc(50% - (30px / 2));top:calc(50% - (30px / 2));border:8px solid #fff;border-right-color:transparent;border-radius:50%;box-shadow:0 0 25px 2px #eee;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg);opacity:0.4}50%{transform:rotate(180deg);opacity:1}100%{transform:rotate(360deg);opacity:0.4}}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}input::-moz-focus-inner{border:0}.flag-icon,.flag-icon-background{background-repeat:no-repeat;background-size:contain;background-position:50%}.flag-icon{position:relative;display:inline-block;width:30px;line-height:1.5em;height:24px}@media screen and (min-width: 1000px){.flag-icon{height:auto}}.flag-icon:before{content:" "}.flag-icon-th{background-image:url(flags/4x3/th.svg)}.flag-icon-en{background-image:url(flags/4x3/gb.svg)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#d4d4d4 #f7f6f6}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#f7f6f6}*::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:20px;border:3px solid #f7f6f6}body{font:0.9em/1.5 'Kanit', sans-serif;line-height:1.3;font-weight:300;color:#000000;background-color:#f7f6f6;margin:0;font-display:swap;min-height:100vh;min-height:-webkit-fill-available}html{scroll-behavior:smooth;height:-webkit-fill-available}header{background-color:#fff;position:relative}header .basket-body .line-bottom{display:none}main,footer{background-color:#f7f6f6}input[type=number]{-moz-appearance:textfield;appearance:textfield;margin:0;-webkit-appearance:none;border-radius:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{margin:0;padding:0;border:0;background:transparent;font-family:inherit;font-size:1em;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}input:not([type=checkbox]):not([type=radio])[disabled],textarea[disabled]{background:none}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:#565656;font-family:'Kanit', sans-serif}input:not([type=checkbox]):not([type=radio]):-moz-placeholder,textarea:-moz-placeholder{color:#565656;font-family:'Kanit', sans-serif}input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder,textarea:-ms-input-placeholder{color:#565656;font-family:'Kanit', sans-serif}input:not([type=checkbox]):not([type=radio])::-moz-placeholder,textarea::-moz-placeholder{color:#565656;font-family:'Kanit', sans-serif}input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#565656;font-family:'Kanit', sans-serif}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{outline:none !important;box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1)}form .parsley-errors-list,form cite{color:#a00614}form .parsley-errors-list{padding-top:3px;font-size:.8rem}form .form-group{position:relative;padding-block:.5rem}form .form-group label{position:absolute;top:0;left:0;display:block;text-indent:-999em}form .form-group label#l_TB_TERM_FLAG{text-indent:0;display:inline-block}form .form-group label#l_TB_TERM_FLAG a{font-weight:400;text-decoration:underline}form .form-group input[type=password],form .form-group input[type=text],form .form-group input[type=email],form .form-group input[type=number],form .form-group textarea{font-family:'Kanit', sans-serif;width:100%;padding:6px 11px;font-weight:300;border:1px solid #8a8a8a;border-radius:0;transition:all 0.2s linear 0s;vertical-align:top}form button[type=submit]{display:block;background-color:#bf0800;color:#fff;text-align:center;padding:5px 45px;width:100%;border:1px solid #bf0800;box-sizing:border-box;font-size:1em;transition:all linear 150ms;font-weight:300;box-shadow:1px 1px 1px grey}form button[type=submit]:hover{background-color:#fff;color:#bf0800}.frm .form-group label{position:relative;text-indent:0;display:flex;align-items:center}.frm input:not([type=checkbox]):not([type=radio]),.frm textarea{border-top:none;border-left:none;border-right:none;max-width:100%}.frm input[type=date]{width:100%;border-bottom:1px solid #8a8a8a}.frm button[type=submit]{max-width:235px;margin:0 auto}.frm button[type=submit].checkout-submit{max-width:none;border-top:1px solid #bf0800;font-weight:500;padding-block:1rem}@media screen and (min-width: 600px){.frm button[type=submit].checkout-submit{max-width:235px;padding-block:5px;font-weight:300}}input[type="radio"],input[type="checkbox"]{display:none}input[type="radio"]+label,input[type="checkbox"]+label{position:relative;display:inline-block;margin:5px 5px 5px 0;cursor:pointer;padding-left:26px;pointer-events:auto;top:0 !important;font-size:.9rem !important}input[type="radio"]+label:after,input[type="radio"]+label:before,input[type="checkbox"]+label:after,input[type="checkbox"]+label:before{content:'';display:block;position:absolute;background:#fff;transition:all 300ms ease-in-out;color:#dd120a}input[type="radio"]+label:before,input[type="checkbox"]+label:before{display:block;width:16px;height:16px;border:1px solid #d9d9d9;overflow:hidden;left:0;top:0;background:#ffffff}input[type="radio"]+label:after{display:block;width:0;height:0;left:9px;top:9px;border-radius:100%}input[type="radio"]+label:before{border-radius:100%}input[type="radio"]:checked+label:after{width:12px;height:12px;background:#dd120a;left:3px;top:3px;transition:all 300ms ease-in-out}input[type="checkbox"]+label:after{font-family:'Material Icons Outlined';content:'\e876';top:-10px;left:-3px;background:none;font-size:30px;line-height:30px;width:0;height:30px;overflow:hidden;white-space:nowrap;font-weight:500}input[type="checkbox"]+label:before{border-radius:3px}input[type="checkbox"]:checked+label:after{width:30px}.frm_confirm input[type="radio"]+label:before,.frm_confirm input[type="checkbox"]+label:before{top:15px}.frm_confirm input[type="radio"]:checked+label:after,.frm_confirm input[type="checkbox"]:checked+label:after{left:3px;top:18px}.checkout-radio input[type="radio"]+label:before,.checkout-radio input[type="checkbox"]+label:before{top:18px}.checkout-radio input[type="radio"]:checked+label:after{top:21px}.submit-wrapper{padding-block:2rem 1rem}.submit-wrapper button[type=submit]{max-width:100%;margin:0}a{color:#000;text-decoration:none;touch-action:manipulation;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}a.a-white{color:#fff;text-decoration:underline}a.btn{display:block;font-weight:300;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;box-shadow:1px 1px 1px grey}a.btn-primary{color:#fff;background-color:#a00614;border-color:#bf0800}a.btn-primary:hover,a.btn-primary:focus,a.btn-primary:active,a.btn-primary:active{color:#a00614;background-color:#fff;border-color:#a00614}a.btn-secondary{background-color:#fff;color:#dd120a;border-color:#dd120a;font-weight:500}a.btn-secondary:hover,a.btn-secondary:focus,a.btn-secondary:active,a.btn-secondary:active{color:#000;background-color:#fff;border-color:#dd120a}a.btn-white{color:#565656;background-color:#fff;border-color:#ebebeb}a.btn-white:hover,a.btn-white:focus,a.btn-white:active,a.btn-white:active{color:#000;border-color:#565656}a.btn-green{color:#fff;background-color:#2bb34b;border-color:#2bb34b;box-shadow:1px 1px 1px #565656}a.btn-green:hover,a.btn-green:focus,a.btn-green:active,a.btn-green:active{background-color:#218739}a.btn-orange{color:#ff7417;border-color:#ff7417;box-shadow:1px 1px 1px #ff7417}a.btn-orange:hover,a.btn-orange:focus,a.btn-orange:active,a.btn-orange:active{color:#000;border-color:#565656}a.btn-gray{color:#565656;border-color:#565656;box-shadow:1px 1px 1px #565656}a.btn-gray:hover,a.btn-gray:focus,a.btn-gray:active,a.btn-gray:active{color:#fff;background-color:#565656;border-color:#565656}a.btn-gray-dark{color:#fff;border-color:#554c4c;box-shadow:1px 1px 1px #554c4c;background-color:#554c4c}a.btn-gray-dark:hover,a.btn-gray-dark:focus,a.btn-gray-dark:active,a.btn-gray-dark:active{color:#554c4c;background-color:#fff;border-color:#554c4c}a.link{text-decoration:underline}a.see-all{color:#565656;text-decoration:underline;display:block}a.disable{color:#949494;background-color:#e9e9e9;box-shadow:1px 1px 1px #e9e9e9}a.disable:hover,a.disable:focus,a.disable:active,a.disable:active{color:#949494;background-color:#e9e9e9;box-shadow:1px 1px 1px #e9e9e9}a.disable{cursor:not-allowed;pointer-events:none;border:none}a.btn-outline{border:none;box-shadow:none}.wrapper{max-width:1200px;margin:0 auto}.header-wrapper{display:flex;align-items:center;position:relative;justify-content:space-evenly;height:8vh;min-height:50px;box-shadow:0 3px 10px -6px rgba(0,0,0,0.2)}@media screen and (min-width: 600px){.header-wrapper{margin-top:5px;height:6vh}}@media screen and (min-width: 1000px){.header-wrapper{height:auto;margin-top:0}}.search-wrapper{display:flex;width:45vw;flex-direction:row-reverse}@media screen and (min-width: 600px){.search-wrapper{width:59vw}}@media screen and (min-width: 1000px){.search-wrapper{width:100%;margin-top:40px}}.qty_wrapper{background-color:#d8d8d8;display:flex;align-items:center}.qty_wrapper a,.qty_wrapper input[type=number]{height:35px;line-height:33px;text-align:center;font-weight:500;font-size:1rem}.qty_wrapper a{width:30px}.qty_wrapper a:hover{cursor:pointer}.qty_wrapper input[type=number]{width:70px;border:none;background-color:#fff}.basket-wrapper{position:relative}.basket-wrapper:hover>.basket-container{display:block}.basket-container{display:none;position:absolute;top:60px;right:7px;background-color:#fff;width:440px;z-index:50;box-shadow:0px 3px 25px 0px rgba(0,0,0,0.1)}@media screen and (min-width: 1200px){.basket-container{right:-45px}}.basket-container:after{content:"";position:absolute;width:0;height:0;top:0;right:-15px;box-sizing:border-box;border:.75em solid #d6d6d6;border-color:transparent transparent #fff #fff;transform-origin:0 0;transform:rotate(135deg);box-shadow:-3px 3px 3px 0 rgba(214,214,214,0.4)}@media screen and (min-width: 1200px){.basket-container:after{right:50px}}.basket-empty{text-align:center;padding:3rem 2rem}.basket-empty img{width:70px;height:70px}.basket-empty p{padding-top:1.5rem}.basket-header{display:flex;justify-content:space-between;padding:.5rem 1rem}.basket-header span{font-weight:500;font-size:1rem}.basket-body{height:350px;overflow-y:scroll;overflow-x:hidden}.basket-body.none-scroll{height:auto;overflow-y:auto;overflow-x:auto}.basket-body li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:.25rem .75rem}.basket-body li:hover,.basket-body li:focus,.basket-body li:active{background-color:#f0f1f2}@media screen and (min-width: 600px){.basket-body p{padding-top:.5rem}}.basket-body a,.basket-body img{display:block}.basket-body .line-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-basis:25%}.basket-body .num{display:none}.basket-body .line-img{flex-basis:100%}.basket-body .line-container{flex-basis:75%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between}.basket-body .line-top{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:nowrap;justify-content:space-between}.basket-body .line-desc{flex-basis:75%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;padding-left:10px}.basket-body .line-desc a{min-height:2rem}.basket-body .line-desc p{color:#565656}.basket-body .line-price{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-basis:25%;font-weight:500;font-size:1rem;flex-direction:column;align-items:flex-end}.basket-body .sale-price{font-size:.6rem;color:#565656}.basket-body .line-bottom{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:nowrap;align-items:center}.basket-body .line-bottom a,.basket-body .line-bottom span{height:35px;line-height:33px}.basket-body .qty_wrapper{flex-basis:25%}.basket-body .line-sub-total{display:none}.basket-body .line-action{flex-basis:75%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end}.basket-body .line-action span{font-size:1.5rem}.basket-body .line-del{color:#565656}.basket-body .line-del:hover{color:#dd120a}.basket-none-action .basket-body li{padding-inline:0;justify-content:space-between}@media screen and (min-width: 600px){.basket-none-action .basket-body{padding:1rem}}.basket-none-action .basket-body .line-wrapper{flex-basis:23%}@media screen and (min-width: 600px){.basket-none-action .basket-body .line-wrapper{flex-basis:15%}}@media screen and (min-width: 600px){.basket-none-action .basket-body .line-container{flex-basis:85%}}.basket-none-action .basket-body .line-bottom{display:none}.basket-none-action.aside-checkout .basket-body{padding-block:.5rem}@media screen and (min-width: 1000px){.basket-none-action.aside-checkout .basket-body .line-wrapper{flex-basis:20%}}@media screen and (min-width: 1000px){.basket-none-action.aside-checkout .basket-body .line-container{flex-basis:75%}}.basket-footer{border-top:1px solid #ebebeb;padding:.75rem 1.25rem}.basket-footer .btn{width:100%;font-size:1.2rem}.basket-subtotal li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;padding-bottom:.5rem}.basket-subtotal span{font-size:1.2rem}.basket-subtotal .basket-shipping-cost{display:none;color:#565656}.n_flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.nav-top-wrapper{top:0;right:0;display:flex;justify-content:flex-end}@media screen and (min-width: 1000px){.nav-top-wrapper{position:absolute}}.logo{padding:2px 4px}.logo img{width:81.78px;height:46px}@media screen and (min-width: 600px){.logo img{width:96px;height:54px}}@media screen and (min-width: 1000px){.logo img{width:100%;height:100%}}@media screen and (min-width: 1000px){.logo{margin-top:10px;margin-left:15px}}.nav-top-menu{display:flex}.nav-top-menu>li{position:relative;text-decoration:none}.nav-top-menu>li.login-wrapper{display:none}@media screen and (min-width: 1000px){.nav-top-menu>li.login-wrapper{display:block}.nav-top-menu>li.login-wrapper:hover .login-container{display:block}}@media screen and (min-width: 1000px){.nav-top-menu>li:after{border-left:2px solid #000;content:"";right:0;position:absolute;top:25%;height:50%}}.nav-top-menu>li:last-child:after{border:none}.nav-top-menu>li a{padding:5px;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1000px){.nav-top-menu>li a{padding:10px 15px;flex-direction:row}}.login-container{display:none;background-color:#fff;position:absolute;top:39px;left:0;width:240px;padding-block:.75rem;z-index:30;box-shadow:0px 3px 25px 0px rgba(0,0,0,0.1)}.login-container:after{content:"";position:absolute;width:0;height:0;top:0;left:50px;box-sizing:border-box;border:.50em solid #d6d6d6;border-color:transparent transparent #fff #fff;transform-origin:0 0;transform:rotate(135deg);box-shadow:-3px 3px 3px 0 rgba(214,214,214,0.4)}.login-container li{transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}.login-container li:hover{background-color:#f0f1f2}.icon-call{display:inline-block}@media screen and (min-width: 1000px){.icon-call{display:none}}.change-lang{position:relative;display:none}@media screen and (min-width: 340px){.change-lang{display:list-item}}.change-lang:hover .lang-lst{display:flex}.change-lang .lang-lst{display:none;position:absolute;top:50px;right:-1px;background-color:#fff;box-shadow:rgba(67,71,85,0.27) 0px 0px 0.25em,rgba(90,125,188,0.05) 0px 0.25em 1em;z-index:30}@media screen and (min-width: 1000px){.change-lang .lang-lst{top:36px;right:3px}}.change-lang .lang-lst li:last-child a{padding-top:0}.change-lang .lang-lst a{display:flex;flex-direction:row}@media screen and (min-width: 600px){.change-lang .lang-lst a{flex-direction:column}}@media screen and (min-width: 1000px){.change-lang .lang-lst a{flex-direction:row;padding:12px}}.pos .profile{z-index:30;display:none;position:absolute;top:40px;left:-120px;width:200px;background-color:#fff;box-shadow:0 2px 5px 1px #D1D1D1}.pos .profile:before{position:absolute;top:-8px;left:80%;margin-left:-4px;content:'';width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}.pos .profile ul{margin:10px 0}.pos .profile ul li{display:block;padding:5px 20px}.pos .profile ul li:hover,.pos .profile ul li.on{background-color:#a00614}.pos .profile ul li:hover a,.pos .profile ul li.on a{color:#fff}.pos .profile ul li a{padding:0}.pos .profile ul li a .fas{font-size:1.6em}.pos .profile ul li a span{display:inline-block;line-height:23px;vertical-align:middle;padding-left:10px}.pos.pos.on>div{display:block}.pos:hover>div{display:block}@media screen and (min-width: 1000px){.nav-top-lang-span{padding-left:5px}}.lang-span{padding-left:5px}@media screen and (min-width: 600px){.lang-span{padding-left:0}}@media screen and (min-width: 1000px){.lang-span{padding-left:5px}}.announcement{background-color:#dd120a;color:#fff;padding:5px 10px}.input-group{position:relative}@media screen and (min-width: 600px){.input-group{width:450px}}@media screen and (min-width: 1000px){.input-group{width:740px}}.input-group label{display:none}.input-group:before,.input-group:after{position:absolute;top:0;display:none;text-align:center;font-family:"Material Icons Outlined";content:"\e8b6";width:35px;font-size:24px;line-height:39px}@media screen and (min-width: 1000px){.input-group:before,.input-group:after{width:45px;line-height:45px;font-size:36px}}.input-group:before{left:0;color:#6c6c6c;display:inline-block}@media screen and (min-width: 1000px){.input-group:before{display:none}}.input-group:after{right:0;color:#fff;background-color:#a00614;display:none;box-shadow:1px 1px 1px grey}@media screen and (min-width: 1000px){.input-group:after{display:inline-block}}.input-group input[type=text]{width:45vw;-webkit-appearance:none;background-color:#d0d0d0;box-sizing:border-box;border-radius:5px;border:none;font-size:0.8rem;line-height:39px;padding:0 10px 0 30px;box-shadow:1px 1px 1px grey;color:#6c6c6c;font-family:'Kanit'}@media screen and (min-width: 600px){.input-group input[type=text]{width:60vw}}@media screen and (min-width: 1000px){.input-group input[type=text]{width:100%;font-size:0.87rem;line-height:45px;padding:0 40px}}.input-group input[type=text]::placeholder{font-family:'Kanit';font-weight:300;color:#6c6c6c;font-size:1.3rem}.input-group input[type=text]::-webkit-input-placeholder{font-family:'Kanit';font-weight:300;color:#6c6c6c;font-size:1.3em}.input-group input[type=text]::-moz-placeholder{font-family:'Kanit';font-weight:300;font-size:1.3em;opacity:1;color:#6c6c6c}.input-group input[type=text]:-ms-input-placeholder{font-family:'Kanit';font-weight:300;font-size:1.3rem;color:#6c6c6c}.input-group input[type=text]:-moz-placeholder{font-family:'Kanit';font-weight:300;font-size:1.3rem;color:#6c6c6c}.header-cart{display:none;position:relative}@media screen and (min-width: 1000px){.header-cart{display:block;padding:5px 15px 15px 5px}}.header-cart .material-icons-outlined{font-size:48px;line-height:45px;z-index:10}.header-cart .cart{position:absolute;top:23px;left:24.5px;display:block;font-weight:500;color:#dd120a;z-index:15}footer section h3,footer section h4,footer section h5,footer section h6{font-size:1rem;font-weight:500;padding-top:2rem;padding-bottom:1.25rem}footer li a,footer li address{padding-block:0.35rem;display:flex}footer li address{font-style:normal}.footer-wrapper{padding-bottom:0.5rem}@media screen and (min-width: 1000px){.footer-wrapper{display:flex;flex-wrap:nowrap}}.footer-top{display:flex;justify-content:center}@media screen and (min-width: 1000px){.footer-top{justify-content:flex-start;flex-basis:50%}}.footer-top section{flex:0 50%;margin:0 0.5rem}@media screen and (min-width: 1000px){.footer-top section{margin:0 1.5rem;flex:0 40%}}@media screen and (min-width: 1000px){.footer-bottom{display:flex;justify-content:flex-start;flex-basis:50%}}.footer-contact{display:none}@media screen and (min-width: 1000px){.footer-contact{display:block;flex-basis:100%}}.footer-follow-us{flex:0 100%}.footer-follow-us h6{display:none}@media screen and (min-width: 1000px){.footer-follow-us h6{display:flex}}.footer-social{display:flex;justify-content:center;padding:1vh 0 17vh}@media screen and (min-width: 1000px){.footer-social{padding:0;justify-content:flex-start}}.footer-social a{padding:10px;display:flex}.footer-social img{width:30px;height:30px}.footer-qr{display:none}@media screen and (min-width: 1000px){.footer-qr{margin-left:2.25rem;display:block}}.footer-qr img{width:80px;height:80px}.logo-dbd img{width:80px;height:80px}.basket-del-wrapper{z-index:5000;position:fixed;inset:0;background-color:rgba(0,0,0,0.4);width:100vw;height:100vh;display:none}.basket-del-wrapper .basket-del-container{position:absolute;height:260px;background-color:#fff;top:calc(50% - (130px));text-align:center;padding:1rem;width:260px;left:calc(50% - (130px))}@media screen and (min-width: 1000px){.basket-del-wrapper .basket-del-container{left:calc(50% - (237.5px));width:475px}}.del-title{font-weight:500;padding-block:1rem;font-size:1.2rem}@media screen and (min-width: 1000px){.del-title{font-size:1.6rem}}.del-name{padding-block:2.5rem 3.5rem}@media screen and (min-width: 1000px){.del-name{padding-block:2rem 4rem}}.del-action{display:flex;justify-content:space-evenly}.del-action a{width:45%}.pdpa{z-index:5000;position:fixed;bottom:59px;background-color:rgba(0,0,0,0.7);border-radius:5px 5px 0 0;width:280px;margin-left:calc(50% - 140px);display:none}@media only screen and (min-width: 600px){.pdpa{width:650px;margin-left:calc(50% - 325px)}}@media only screen and (min-width: 1000px){.pdpa{bottom:0;margin-left:calc(50% - 400px);padding:0.9rem;width:800px}}.pdpa .pdpa-container{color:#fff;flex-basis:100%}@media only screen and (min-width: 1000px){.pdpa .pdpa-container{flex-basis:80%}}.pdpa .pdpa-action{display:flex;flex-basis:100%;justify-content:center;margin-top:1.1rem}@media only screen and (min-width: 1000px){.pdpa .pdpa-action{flex-basis:20%;justify-content:flex-end;margin-top:0}}.pdpa-wrapper{display:block;padding:0.75rem}@media only screen and (min-width: 1000px){.pdpa-wrapper{display:flex}}.mobile-menu-wrapper{border-top:1px solid #ebebeb;z-index:4000;position:fixed;left:0;bottom:0;width:100vw;background-color:#fff}@media only screen and (min-width: 1000px){.mobile-menu-wrapper{display:none}}.mobile-menu{display:flex;align-items:center;justify-content:space-around;height:10vh;min-height:50px}@media only screen and (min-width: 600px){.mobile-menu{height:7vh}}.mobile-menu>li>a{display:flex;flex-direction:column;align-items:center;padding:0.25rem 0.5rem;min-width:42px;min-height:50px}.mobile-menu>li.on>a{color:#bf0800}.mobile-menu .material-icons,.mobile-menu .material-icons-outlined{font-size:32px;width:32px;height:32px}.mobile-menu>.has-child:hover>.mobile-container{display:block}.mobile-child{display:none;position:absolute;left:0;width:100vw;bottom:10vh;height:82vh;z-index:9000;border-bottom:1px solid #000;background-color:#f9f9f9}@media only screen and (min-width: 600px){.mobile-child{height:87vh;bottom:7vh}}.mobile-child aside{display:block;overflow-y:scroll;overflow-x:hidden;width:33vw;height:74.5vh;max-height:80.5vh}@media only screen and (min-width: 340px){.mobile-child aside{width:32vw}}@media only screen and (min-width: 600px){.mobile-child aside{height:80.5vh}}.current-cat{font-weight:500;padding-block:1vh;text-align:center;height:6vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem}@media only screen and (min-width: 600px){.current-cat{padding-block:1.5vh;font-size:1.6rem}}.aside-mobile-menu>li>a{padding:0.5rem 0.25rem;display:block;text-align:center;font-size:0.75rem}@media only screen and (min-width: 340px){.aside-mobile-menu>li>a{font-size:1rem}}@media only screen and (min-width: 600px){.aside-mobile-menu>li>a{font-size:1.1rem}}.aside-mobile-menu>li:hover,.aside-mobile-menu>li.on{background-color:#fff}.aside-mobile-menu>li:hover>a,.aside-mobile-menu>li.on>a{color:#bf0800;font-weight:500}.aside-mobile-menu>li:hover>div,.aside-mobile-menu>li.on>div{display:flex}@media only screen and (min-width: 1000px){.aside-mobile-menu>li:hover>div,.aside-mobile-menu>li.on>div{display:none}}.mobile-container{background-color:#fff;position:absolute;bottom:5px;right:1px;z-index:9600;width:67vw;overflow-y:scroll;overflow-x:hidden;min-height:74.5vh;max-height:80.5vh}@media only screen and (min-width: 600px){.mobile-container{min-height:80.5vh}}@media only screen and (min-width: 1280px){.mobile-container{min-height:70.5vh}}.mobile-collection ul{display:flex;flex-wrap:wrap;justify-content:flex-start}.mobile-collection li{flex:0 50%;align-items:center}@media only screen and (min-width: 600px){.mobile-collection li{flex-basis:33%}}.mobile-collection a{font-size:0.75rem;padding:1vw;display:flex;text-align:center;flex-wrap:wrap}@media only screen and (min-width: 340px){.mobile-collection a{font-size:1rem;padding:2vw;flex-wrap:wrap;justify-content:center}}.mobile-collection span{display:block;flex-basis:100%;min-height:13vw;padding-bottom:0.25rem}@media only screen and (min-width: 340px){.mobile-collection span{min-height:11vw}}@media only screen and (min-width: 600px){.mobile-collection span{min-height:5vw;font-size:1.1rem}}.mobile-collection img{width:79px;height:83px}@media only screen and (min-width: 340px){.mobile-collection img{width:101px;height:105px}}@media only screen and (min-width: 600px){.mobile-collection img{width:130px;height:135px}}.mobile-cat{flex-wrap:wrap;padding:0.75rem 0.5rem 0.5rem 1rem;align-content:flex-start;visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s linear}@media only screen and (min-width: 1000px){.mobile-cat{opacity:0}}.mobile-cat .title-cat{font-weight:500;padding-bottom:1rem;font-size:1rem}.mobile-cat a{display:block;padding-bottom:0.5rem}.mobile-cat figcaption{text-indent:-999vw}.mobile-cat-wrapper{display:flex;justify-content:space-between;flex-basis:100%}.mobile-cat-wrapper ul,.mobile-cat-wrapper figure{flex:0 45%}.mobile-cat-wrapper img{width:95px;height:131px}@media only screen and (min-width: 600px){.mobile-cat-wrapper img{width:165px;height:201px}}.item-price{text-align:center}.item-price .normal-price{font-size:1.1rem;font-weight:500}.item-price .sale-price{font-size:.8rem;vertical-align:bottom;color:#565656;margin-left:10px}.quote{justify-content:space-evenly;color:#fff}.service{display:flex;padding:.5rem .75rem;flex-wrap:wrap}@media screen and (min-width: 600px){.service{padding-block:1rem;justify-content:center;flex-wrap:nowrap}}.service li{display:flex;align-items:center;padding-block:.25rem;padding-inline:.5rem}@media screen and (min-width: 600px){.service li{padding-inline:3rem}}@media screen and (min-width: 1000px){.service li{padding-inline:7.5rem}}@media screen and (min-width: 1300px){.service li{padding-inline:8.5rem}}@media screen and (min-width: 600px){.service li:first-child{border-right:1px solid #fff;height:100%}}.service p{padding-inline:.75rem}@media screen and (min-width: 600px){.service p{padding-inline:.25rem}}.service p span{display:block}.service .material-icons-outlined{font-size:3rem}.bg-dark-gray{background-color:#7d7c7c}.bg-white{background-color:#fff}.red{color:#dd120a}.gray{color:#6c6c6c}.list-item{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem .125rem;padding-inline:.25rem;padding-bottom:.75rem;align-content:flex-start}@media screen and (min-width: 500px){.list-item{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 600px){.list-item{grid-template-columns:repeat(4, 1fr);gap:.75rem .5rem;padding-inline:.5rem}}@media screen and (min-width: 1000px){.list-item{grid-template-columns:repeat(6, 1fr);gap:1rem .25rem;padding-inline:45px;padding-bottom:2rem}}.list-item.recommend-slider{display:flex;gap:0;padding-bottom:.5rem}@media screen and (min-width: 600px){.list-item.recommend-slider{padding-inline:.25rem}}@media screen and (min-width: 1000px){.list-item.recommend-slider{padding-bottom:2rem;padding-inline:45px}}@media screen and (min-width: 1000px){.list-item.recommend-slider .item{box-shadow:0 35px 25px -27px rgba(0,0,0,0.1)}}.list-item .item{margin-inline:.25rem;box-shadow:0 50px 100px -20px rgba(0,0,0,0.2);border:1px solid #d6d6d6;background-color:#fff}@media screen and (min-width: 1000px){.list-item .item{margin-inline:5px}}.list-item figcaption{padding:.25rem .5rem}.list-item .item-name{padding-block:.5rem}.list-item .item-desc{display:flex;justify-content:space-between;align-items:center}.box-center{padding:1rem}@media screen and (min-width: 1000px){.box-center{padding-bottom:4rem}}.box-center-wrapper{padding:1rem 0}.box-center-container{margin-inline:2rem}.primary-title{font-size:1.4rem}.primary-subtitle{font-size:1.2rem}.second-title{font-size:1.1rem}.second-subtitle{display:none;padding-bottom:1rem}@media screen and (min-width: 1000px){.second-subtitle{display:block;font-size:1.4rem}}@media all and (min-width: 600px){.two-col.sm-gap{column-gap:1rem}}@media all and (min-width: 600px){.two-col{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}}.two-col.static-gap{display:grid;grid-template-columns:1fr;column-gap:1rem}@media all and (min-width: 1000px){.two-col.static-gap{grid-template-columns:1fr 1fr}}.two-col .full{grid-column-start:1;grid-column-end:span 2}.frm_forgot{max-width:360px;margin:0 auto}@media screen and (min-width: 1000px){.frm_forgot{margin-bottom:3rem}}@media screen and (min-width: 600px){.frm_forgot button[type=submit]{width:235px;margin:0 auto}}.forgot-subtitle{padding-block:1rem}@media screen and (min-width: 600px){.forgot-subtitle{padding-block:1rem 2rem}}.banks{margin:.25rem;border-radius:50%;text-indent:-999em;height:44px;width:44px;position:relative}.banks:after{position:absolute;display:block;height:30px;width:30px;background:transparent none no-repeat scroll 0 0;top:7px;left:0;content:'';margin-left:calc(50% - 15px)}.banks.cash{background-color:#ecf0f1}.banks.cash:after{content:'Cash'}.banks.bbl{background-color:#033397}.banks.bbl:after{background-image:url("../images/bbl.svg")}.banks.scb{background-color:#4e2e7f}.banks.scb:after{background-image:url("../images/scb.svg")}.banks.kbank{background-color:#138f2d}.banks.kbank:after{background-image:url("../images/kbank.svg")}.banks.bay{background-color:#fec43b}.banks.bay:after{background-image:url("../images/bay.svg")}.banks.ktb{background-color:#1ba5e1}.banks.ktb:after{background-image:url("../images/ktb.svg")}.banks.gsb{background-color:#eb198d}.banks.gsb:after{background-image:url("../images/gsb.svg")}.banks.uob{background-color:#0b3979}.banks.uob:after{background-image:url("../images/uob.svg")}.banks.ttb{background-color:#ecf0f1}.banks.ttb:after{top:14px;background-image:url("../images/ttb.svg")}.banks.kkp{background-color:#199cc5}.banks.kkp:after{background-image:url("../images/kkp.svg")}.banks.cimb{background-color:#7e2f36}.banks.cimb:after{background-image:url("../images/cimb.svg")}.banks.baac{background-color:#4b9b1d}.banks.baac:after{background-image:url("../images/baac.svg")}.banks.tcrb{background-color:#4b9b1d}.banks.tcrb:after{background-image:url("../images/tcrb.svg")}.title{font-size:1.2rem}.subtitle{font-size:1rem}.bold{font-weight:500}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:end}.b-r{border:1px solid red}.b-g{border:1px solid green}.search-title{padding-top:1rem}@media screen and (min-width: 1000px){.search-title{padding-top:2rem}}.search-subtitle{padding-block:.5rem;border-bottom:2px solid #000;margin-bottom:1rem}@media screen and (min-width: 1000px){.search-subtitle{padding-block:1rem;margin-bottom:2rem}}.edit-profile{border-left:1px solid #000;padding-left:1rem;margin-left:1rem;color:#ff7417}.thank-img-wrapper{max-width:120px;margin:2rem auto}.box-inline.s{padding-inline:.5rem}.box-inline.m{padding-inline:1rem}.box-inline.l{padding-inline:1rem}@media screen and (min-width: 1000px){.box-inline.l{padding-inline:1.5rem}}.box-inline.xl{padding-inline:1rem}@media screen and (min-width: 1000px){.box-inline.xl{padding-inline:2rem}}.box-block.s{padding-block:.5rem}.box-block.m{padding-block:1rem}.box-block.l{padding-block:1rem}@media screen and (min-width: 1000px){.box-block.l{padding-block:1.5rem}}.box-block.xl{padding-block:1rem}@media screen and (min-width: 1000px){.box-block.xl{padding-block:2rem}}.box-top.s{padding-top:.5rem}.box-top.m{padding-top:1rem}.box-bottom.s{padding-bottom:.5rem}.box-bottom.m{padding-bottom:1rem}.box-bottom.l{padding-bottom:1rem}@media screen and (min-width: 1000px){.box-bottom.l{padding-bottom:1.5rem}}.box-bottom.xl{padding-bottom:1rem}@media screen and (min-width: 1000px){.box-bottom.xl{padding-bottom:2rem}}.box-full.s{padding:.5rem}.box-full.m{padding:1rem}.box-full.l{padding:1rem}@media screen and (min-width: 1000px){.box-full.l{padding:1.5rem}}.box-full.xl{padding:1rem}@media screen and (min-width: 1000px){.box-full.xl{padding:2rem}}.error-wrapper{padding-block:5rem}.filter-toggle>li.on>a:after{content:"add"}.filter-toggle>li>a{padding-bottom:.5rem;position:relative;font-weight:500}.filter-toggle>li>a:after{font-family:'Material Icons Outlined';font-weight:normal;font-style:normal;font-size:1rem;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';content:"remove";position:absolute;right:0;top:2px}.filter-toggle.product-filter{padding-block:.5rem;border-bottom:1px solid #000;margin:0 .75rem;padding:.5rem 1rem;background-color:#fff}@media screen and (min-width: 1000px){.filter-toggle.product-filter{background-color:#f7f6f6;margin:0;padding:.5rem 0}}.filter-toggle a{display:block}.scroll-bar{max-height:200px;overflow:auto;padding:0 15px}.balloon{height:60px;position:fixed;width:60px;z-index:100;display:none}@media screen and (min-width: 600px){.balloon{display:block;right:90px;bottom:30px}}.balloon.back-to-top{text-align:center}.balloon.back-to-top i{font-size:2em}.balloon.back-to-top i,.balloon.back-to-top span{display:block;color:#000}.paging ul{display:flex;justify-content:center;align-items:center;padding-top:2rem}.paging ul li{color:#666666;margin:0 3px}.paging ul li:hover a,.paging ul li.on a{background-color:#bf0800;color:#fff;border-radius:100%}.paging a{padding:.5rem;display:flex;justify-content:center;min-width:40px}@media all and (min-width: 600px){.paging{padding-bottom:2rem}}
