*,:after,:before{box-sizing:border-box}a,b,blockquote,button,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;color:inherit;font:inherit;font-size:100%;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}body{border:0;color:inherit;font-size:100%;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,main,nav,section{display:block}body{padding:0;margin:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}a,button{outline:none}button{background:transparent}input,select{font-family:inherit}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-display:fallback;src:url(/fonts/NotoSansThaiRegular.woff2) format("woff2")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-display:fallback;src:url(/fonts/NotoSansThaiMedium.woff2) format("woff2")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-display:fallback;src:url(/fonts/NotoSansThaiSemiBold.woff2) format("woff2")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-display:fallback;src:url(/fonts/NotoSansThaiBold.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-display:fallback;src:url(/fonts/NotoSansThaiRegular.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:500;font-display:fallback;src:url(/fonts/NotoSansThaiMedium.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:600;font-display:fallback;src:url(/fonts/NotoSansThaiSemiBold.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-display:fallback;src:url(/fonts/NotoSansThaiBold.woff2) format("woff2")}:root{--color-primary:#93d600;--color-primary-2:#93d60080;--color-secondary:#f2f2f2;--color-ui-red:#db000e;--color-ui-flashsale:#ed1914;--color-ui-yellow:#fff400;--color-ui-yellow-2:#fefabf;--color-ui-yellow-3:#ffde00;--color-ui-black:#000;--color-ui-white:#fff;--color-ui-grey-1:#f8f8f8;--color-ui-grey-2:#f2f2f2;--color-ui-grey-3:#ececec;--color-ui-grey-4:#d1cfcf;--color-ui-grey-5:#c9c8c7;--color-ui-grey-6:#989898;--color-ui-grey-7:#707070;--color-ui-grey-8:#595959;--color-ui-grey-9:#454545;--greenBase01:#1c7b00;--greenBase02:#529d00;--greenBase03:#6ab100;--greenBase04:#81c500;--greenBase05:#93d600;--greenBase06:#a4dd43;--greenBase07:#b7e36b;--greenBase08:#cdeb98;--greenBase09:#e1f3c1;--greenBase10:#f3fbe6;--greenBase11:rgba(255,82,157,0);--greenBase12:#e6ffd5;--greenBase13:#00b050;--redBase01:#c10000;--redBase02:#ce0004;--redBase03:#db000e;--redBase04:#ed1914;--redBase05:#fb2a10;--redBase06:#f74137;--redBase07:#ef6761;--redBase08:#f7938e;--redBase09:#ffc9cc;--redBase10:#ffe9ec;--yellowBase01:#ff7f00;--yellowBase02:#ffac00;--yellowBase03:#ffc500;--yellowBase04:#ffde00;--yellowBase05:#fff400;--yellowBase06:#f8ee3a;--yellowBase07:#fbf365;--yellowBase08:#fdf793;--yellowBase09:#fefabf;--yellowBase10:#fffee5;--grayBase01:#000;--grayBase02:#262626;--grayBase03:#434343;--grayBase04:#595959;--grayBase05:#707070;--grayBase06:#989898;--grayBase07:#c9c8c7;--grayBase08:#ececec;--grayBase09:#f2f2f2;--grayBase10:#f7f7f7;--grayBase11:#fff;--grayBase12:#797979;--grayBase13:#959595;--grayBase14:#d1cfcf;--font-size-5:0.3125rem;--font-size-8:0.5rem;--font-size-9:0.5625rem;--font-size-10:0.625rem;--font-size-11:0.6875rem;--font-size-12:0.75rem;--font-size-13:0.8125rem;--font-size-14:0.875rem;--font-size-15:0.9375rem;--font-size-16:1rem;--font-size-17:1.0625rem;--font-size-18:1.125rem;--font-size-19:1.1875rem;--font-size-20:1.25rem;--font-size-22:1.375rem;--font-size-24:1.5rem;--font-size-26:1.625rem;--font-size-28:1.75rem;--font-size-30:1.875rem;--font-size-32:2rem;--font-size-34:2.125rem;--font-size-36:2.25rem;--font-size-38:2.375rem;--font-size-40:2.5rem;--header-height:104px;--header-height-mobile:128px;--padding-layout-mobile:16px;--auth-wrapper-border-radius:16px;--auth-wrapper-bg:#fff;--input-border-color:#c9c8c7;--floating-label-color:#707070}body,html{background-color:var(--color-ui-grey-2);padding:0;margin:0;font-family:Noto Sans Thai,Noto Sans,sans-serif;font-size:16px}.desktop *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.desktop body{min-width:1000px}.desktop body main{min-height:calc(100vh - var(--header-height))}.mobile *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mobile body main{min-height:calc(100vh - var(--header-height-mobile))}.noscroll{overflow:hidden}#nprogress .bar{height:2.5px!important;background:var(--color-ui-red)!important}.container{max-width:1184px;margin:0 auto}.container--fluid{margin:0;max-width:100%}.container__row{display:flex;flex-wrap:wrap;width:100%}.container__col-offset-0{margin-left:0}.container__col-1{flex-basis:8.3333333333%}.container__col-offset-1{margin-left:8.3333333333%}.container__col-2{flex-basis:16.6666666667%}.container__col-offset-2{margin-left:16.6666666667%}.container__col-3{flex-basis:25%}.container__col-offset-3{margin-left:25%}.container__col-4{flex-basis:33.3333333333%}.container__col-offset-4{margin-left:33.3333333333%}.container__col-5{flex-basis:41.6666666667%}.container__col-offset-5{margin-left:41.6666666667%}.container__col-6{flex-basis:50%}.container__col-offset-6{margin-left:50%}.container__col-7{flex-basis:58.3333333333%}.container__col-offset-7{margin-left:58.3333333333%}.container__col-8{flex-basis:66.6666666667%}.container__col-offset-8{margin-left:66.6666666667%}.container__col-9{flex-basis:75%}.container__col-offset-9{margin-left:75%}.container__col-10{flex-basis:83.3333333333%}.container__col-offset-10{margin-left:83.3333333333%}.container__col-11{flex-basis:91.6666666667%}.container__col-offset-11{margin-left:91.6666666667%}.container__col-12{flex-basis:100%}.container__col-offset-12{margin-left:100%}@media screen and (min-width:480px){.container__col-sm-offset-0{margin-left:0}.container__col-sm-1{flex-basis:8.3333333333%}.container__col-sm-offset-1{margin-left:8.3333333333%}.container__col-sm-2{flex-basis:16.6666666667%}.container__col-sm-offset-2{margin-left:16.6666666667%}.container__col-sm-3{flex-basis:25%}.container__col-sm-offset-3{margin-left:25%}.container__col-sm-4{flex-basis:33.3333333333%}.container__col-sm-offset-4{margin-left:33.3333333333%}.container__col-sm-5{flex-basis:41.6666666667%}.container__col-sm-offset-5{margin-left:41.6666666667%}.container__col-sm-6{flex-basis:50%}.container__col-sm-offset-6{margin-left:50%}.container__col-sm-7{flex-basis:58.3333333333%}.container__col-sm-offset-7{margin-left:58.3333333333%}.container__col-sm-8{flex-basis:66.6666666667%}.container__col-sm-offset-8{margin-left:66.6666666667%}.container__col-sm-9{flex-basis:75%}.container__col-sm-offset-9{margin-left:75%}.container__col-sm-10{flex-basis:83.3333333333%}.container__col-sm-offset-10{margin-left:83.3333333333%}.container__col-sm-11{flex-basis:91.6666666667%}.container__col-sm-offset-11{margin-left:91.6666666667%}.container__col-sm-12{flex-basis:100%}.container__col-sm-offset-12{margin-left:100%}}@media screen and (min-width:768px){.container__col-md-offset-0{margin-left:0}.container__col-md-1{flex-basis:8.3333333333%}.container__col-md-offset-1{margin-left:8.3333333333%}.container__col-md-2{flex-basis:16.6666666667%}.container__col-md-offset-2{margin-left:16.6666666667%}.container__col-md-3{flex-basis:25%}.container__col-md-offset-3{margin-left:25%}.container__col-md-4{flex-basis:33.3333333333%}.container__col-md-offset-4{margin-left:33.3333333333%}.container__col-md-5{flex-basis:41.6666666667%}.container__col-md-offset-5{margin-left:41.6666666667%}.container__col-md-6{flex-basis:50%}.container__col-md-offset-6{margin-left:50%}.container__col-md-7{flex-basis:58.3333333333%}.container__col-md-offset-7{margin-left:58.3333333333%}.container__col-md-8{flex-basis:66.6666666667%}.container__col-md-offset-8{margin-left:66.6666666667%}.container__col-md-9{flex-basis:75%}.container__col-md-offset-9{margin-left:75%}.container__col-md-10{flex-basis:83.3333333333%}.container__col-md-offset-10{margin-left:83.3333333333%}.container__col-md-11{flex-basis:91.6666666667%}.container__col-md-offset-11{margin-left:91.6666666667%}.container__col-md-12{flex-basis:100%}.container__col-md-offset-12{margin-left:100%}}@media screen and (min-width:992px){.container__col-lg-offset-0{margin-left:0}.container__col-lg-1{flex-basis:8.3333333333%}.container__col-lg-offset-1{margin-left:8.3333333333%}.container__col-lg-2{flex-basis:16.6666666667%}.container__col-lg-offset-2{margin-left:16.6666666667%}.container__col-lg-3{flex-basis:25%}.container__col-lg-offset-3{margin-left:25%}.container__col-lg-4{flex-basis:33.3333333333%}.container__col-lg-offset-4{margin-left:33.3333333333%}.container__col-lg-5{flex-basis:41.6666666667%}.container__col-lg-offset-5{margin-left:41.6666666667%}.container__col-lg-6{flex-basis:50%}.container__col-lg-offset-6{margin-left:50%}.container__col-lg-7{flex-basis:58.3333333333%}.container__col-lg-offset-7{margin-left:58.3333333333%}.container__col-lg-8{flex-basis:66.6666666667%}.container__col-lg-offset-8{margin-left:66.6666666667%}.container__col-lg-9{flex-basis:75%}.container__col-lg-offset-9{margin-left:75%}.container__col-lg-10{flex-basis:83.3333333333%}.container__col-lg-offset-10{margin-left:83.3333333333%}.container__col-lg-11{flex-basis:91.6666666667%}.container__col-lg-offset-11{margin-left:91.6666666667%}.container__col-lg-12{flex-basis:100%}.container__col-lg-offset-12{margin-left:100%}}@media screen and (min-width:1184px){.container__col-xl-offset-0{margin-left:0}.container__col-xl-1{flex-basis:8.3333333333%}.container__col-xl-offset-1{margin-left:8.3333333333%}.container__col-xl-2{flex-basis:16.6666666667%}.container__col-xl-offset-2{margin-left:16.6666666667%}.container__col-xl-3{flex-basis:25%}.container__col-xl-offset-3{margin-left:25%}.container__col-xl-4{flex-basis:33.3333333333%}.container__col-xl-offset-4{margin-left:33.3333333333%}.container__col-xl-5{flex-basis:41.6666666667%}.container__col-xl-offset-5{margin-left:41.6666666667%}.container__col-xl-6{flex-basis:50%}.container__col-xl-offset-6{margin-left:50%}.container__col-xl-7{flex-basis:58.3333333333%}.container__col-xl-offset-7{margin-left:58.3333333333%}.container__col-xl-8{flex-basis:66.6666666667%}.container__col-xl-offset-8{margin-left:66.6666666667%}.container__col-xl-9{flex-basis:75%}.container__col-xl-offset-9{margin-left:75%}.container__col-xl-10{flex-basis:83.3333333333%}.container__col-xl-offset-10{margin-left:83.3333333333%}.container__col-xl-11{flex-basis:91.6666666667%}.container__col-xl-offset-11{margin-left:91.6666666667%}.container__col-xl-12{flex-basis:100%}.container__col-xl-offset-12{margin-left:100%}}@media screen and (max-width:1250px){.container{max-width:unset;margin:0 24px}}@keyframes upBoxAnimation{0%{transform:translate(-50%,calc(-50% + 20px))}to{transform:translate(-50%,-50%)}}@keyframes slideLeftAnimation{0%{inset:auto -512px auto auto}}@keyframes slideUpAnimation{0%{inset:auto 0 0 auto}}@keyframes fadeInAnimation{0%{inset:-512px auto auto auto}}@keyframes moveUpDown{0%,to{bottom:0}50%{bottom:50px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ReactModal__Body--open{overflow:hidden}.ReactModal__Overlay{opacity:0;transition:opacity .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.form__btn-primary,.form__btn-secondary{height:56px;padding:13px;border-radius:28px;font-size:20px;font-weight:700;line-height:1}@media only screen and (max-device-width:768px){.form__btn-primary,.form__btn-secondary{height:44px;padding:10px;font-size:var(--font-size-16);border-radius:22px;line-height:1}}.form__input-field{position:relative;width:100%}.form__input-field input{width:100%;padding:25px 14px 7px;border:2px solid var(--input-border-color);border-radius:8px;font-size:var(--font-size-16);outline:none}.form__input-field input:focus{border-color:var(--color-primary)}.form__input-field input::-webkit-inner-spin-button,.form__input-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form__input-field input[type=number]{-moz-appearance:textfield}.form__input-field input:-moz-read-only~.floating-label{top:7px;font-size:var(--font-size-12)}.form__input-field input:focus~.floating-label,.form__input-field input:read-only~.floating-label,.form__input-field input:valid~.floating-label{top:7px;font-size:var(--font-size-12)}.form__input-field input:-moz-read-only~.floating-label .required{color:var(--color-ui-red)!important}.form__input-field input:focus~.floating-label .required,.form__input-field input:read-only~.floating-label .required,.form__input-field input:valid~.floating-label .required{color:var(--color-ui-red)!important}.form__input-field input.disabled{pointer-events:none;border:2px solid #dadada;background-color:#dadada;cursor:no-drop}.form__input-field input:-moz-read-only{background-color:#f2f2f2;border:1px solid var(--input-border-color);cursor:no-drop}.form__input-field input.read-only,.form__input-field input:read-only{background-color:#f2f2f2;border:1px solid var(--input-border-color);cursor:no-drop}.form__input-field input.error{border-color:var(--color-ui-red)!important}.form__input-field .floating-label{position:absolute;pointer-events:none;top:18px;left:16px;font-size:var(--font-size-16);color:var(--floating-label-color);transition:.3s}@media only screen and (max-device-width:359px){.form__input-field .floating-label{font-size:var(--font-size-14)}}.form__input-field .button,.form__input-field button{cursor:pointer;position:absolute;box-sizing:content-box;top:0;bottom:0;right:12px;width:24px;height:24px;padding:4px;margin:auto;line-height:0}.form__input-field .button .icon,.form__input-field button .icon{width:24;height:24}.form__input-field.error{position:relative}.form__input-field.error .floating-label{top:7px;font-size:var(--font-size-12);color:var(--color-ui-red)}.form__input-field.error input{border-color:var(--color-ui-red)!important;font-size:var(--font-size-16)!important}.form__input-field.error button{position:absolute;top:-20px}.form__input-field.error .error-msg{font-size:var(--font-size-12)!important}.form__input-field .error,.form__input-field.error .error-msg{border-color:var(--color-ui-red)!important}.form__radio-title{font-size:var(--font-size-16);font-weight:700;padding-bottom:6px}.form__radio-input label{padding:4px 12px 4px 0;display:inline-flex;cursor:pointer;transition:background .2s ease;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.form__radio-input label input[type=radio]{vertical-align:middle;width:16px;height:16px;border-radius:50%;background:none;border:0;box-shadow:inset 0 0 0 2px #d1cfcf;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;transition:box-shadow .15s cubic-bezier(.95,.15,.5,1.25);pointer-events:none}.form__radio-input label input[type=radio]:checked,.form__radio-input label input[type=radio]:focus{outline:none;box-shadow:inset 0 0 0 4px #93d600!important}.form__radio-input label span{vertical-align:middle;display:inline-block;padding-left:8px;line-height:1.2rem;font-size:16px}.form__checkbox-primary{display:flex;align-items:flex-start;margin-bottom:16px;font-size:var(--font-size-16);position:relative}.form__checkbox-primary input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin:0 18px 0 0;accent-color:var(--color-primary);position:absolute;top:2px}.form__checkbox-primary label{padding-top:.25rem}.form__checkbox-primary label span{margin-left:28px}.form__checkbox-primary label.events-none{pointer-events:none;cursor:not-allowed}.form__checkbox-primary.error{color:var(--color-ui-red)}.form__checkbox-primary .txt-link{cursor:pointer;text-decoration:underline}.form__btn-primary{cursor:pointer;width:100%;padding:10px 36px;border-radius:28px;background-color:var(--color-primary);border:none;color:var(--color-ui-black)}.form__btn-primary:hover{background-color:#b7e36b}@media only screen and (max-device-width:768px){.form__btn-primary:hover{background-color:var(--color-primary)}}.form__btn-primary:active{color:var(--color-ui-white);background-color:#6ab100}.form__btn-primary:disabled{cursor:not-allowed;background-color:#c9c8c7;color:var(--color-ui-white)}.form__btn-secondary{cursor:pointer;width:100%;background-color:var(--color-ui-white);border:2px solid #93d600;color:var(--color-ui-black)}.form__btn-secondary:hover{background-color:#f3fbe6}@media only screen and (max-device-width:768px){.form__btn-secondary:hover{background-color:var(--color-ui-white)}}.form__btn-secondary:active{color:var(--color-ui-white);background-color:#6ab100}.form__btn-secondary:disabled{cursor:not-allowed;background-color:#f2f2f2;color:#d1cfcf;border:2px solid #c9c8c7}.form__select-field{position:relative;width:100%}.form__select-field select{width:100%;height:60px;padding:12px 12px 0;border:2px solid var(--input-border-color);border-radius:8px;font-size:var(--font-size-16);outline:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-ui-black)}.form__select-field select:required:invalid{color:var(--floating-label-color)}.form__select-field select:focus{outline:none;border-color:var(--color-primary)}.form__select-field select:focus~.floating-label,.form__select-field select:valid~.floating-label{left:12px;top:8px;transition:all .2s ease;font-size:var(--font-size-12)}.form__select-field select:focus~.floating-label .required,.form__select-field select:valid~.floating-label .required{color:var(--color-ui-red)!important}.form__select-field select.readonly{background:#f2f2f2;cursor:no-drop;pointer-events:none;border:2px solid var(--input-border-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.form__select-field select.error{border:2px solid var(--color-ui-red)!important}.form__select-field select.disabled{pointer-events:none;border:2px solid #dadada;background-color:#dadada;cursor:no-drop}.form__select-field .floating-label{position:absolute;pointer-events:none;left:12px;top:20px;font-size:var(--font-size-16);color:var(--floating-label-color);transition:all .3s ease}.form__select-field .floating-label .required{color:var(--color-ui-red)!important}.form__select-field.error{position:relative}.form__select-field.error .floating-label{color:var(--color-ui-red)}.form__select-field.error select{border-color:var(--color-ui-red)!important;font-size:var(--font-size-16)!important}.form__select-field.error .error-msg{border-color:var(--color-ui-red)!important;font-size:var(--font-size-12)!important}.form__input-error{font-size:var(--font-size-12)!important}.form__input-error,.form__label-error{color:var(--color-ui-red)!important}.input-space-left{padding-right:8px}.input-space-right{padding-left:8px}.input-space-top{padding-top:16px}.input-text-help{color:var(--color-ui-grey-8);font-size:var(--font-size-14);padding-top:4px;font-weight:500}.input-required,.input-text-help .text-error,.input-text-help.error{color:var(--color-ui-red)!important}.input-password{cursor:pointer;position:absolute;box-sizing:content-box;top:0;bottom:0;right:12px;width:24px;height:24px;padding:4px;margin:auto;line-height:0}.input-password .icon{width:24;height:24}.input-password .icon-eye-open{background-image:url(/images/icon/icon-eye-open.svg)}.input-password .icon-eye-off,.input-password .icon-eye-open{width:24px;height:24px;display:inline-block;background-repeat:no-repeat;background-size:cover}.input-password .icon-eye-off{background-image:url(/images/icon/icon-eye-off.svg)}.landing-page-editor-table-1{border-collapse:collapse!important;width:100%!important;overflow-x:auto!important}.landing-page-editor-table-1 td,.landing-page-editor-table-1 th{border:1px solid #000!important;padding:8px!important;text-align:left!important}.landing-page-editor-table-1 th{vertical-align:middle!important;background-color:#ddd!important}.landing-page-editor-table-1 td{vertical-align:top!important}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}