@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;700;900&family=Montserrat:wght@100;300;400;500;600;700;900&display=swap";:root{--colorPrimary: #4FCE91;--colorPrimaryOn: var(--colorGray25);--colorPrimaryHover: #4FCE91;--colorPrimaryLight: color-mix(in srgb, var(--colorPrimary) 70%, white);--colorPrimaryDark: color-mix(in srgb, var(--colorPrimary) 70%, black);--colorPrimaryFocused: color-mix(in srgb, var(--colorPrimary) 80%, black);--colorPrimaryOutline: var(--colorGray300);--colorPrimaryVariant: var(--colorGray600);--colorSecondary: #00B5E8;--colorPrimaryOn: var(--colorGray25);--colorSecondaryHovered: color-mix(in srgb, var(--colorSecondary) 80%, black);--colorSecondaryLight: color-mix(in srgb, var(--colorSecondary) 70%, white);--colorSecondaryDark: color-mix(in srgb, var(--colorSecondary) 70%, black);--colorSecondaryFocused: color-mix(in srgb, var(--colorSecondary) 80%, black);--colorSecondaryOutline: color-mix(in srgb, var(--colorSecondary) 50%, white);--colorPrimaryOutline: var(--colorGray300);--colorPrimaryVariant: var(--colorGray600);--colorSubSecondary: #9A6704;--colorSubSecondaryOn: #FFFCEE;--colorSubSecondaryHovered: #9A6704;--colorSubSecondaryLight: color-mix(in srgb, var(--colorSubSecondary) 70%, white);--colorSubSecondaryDark: color-mix(in srgb, var(--colorSubSecondary) 70%, black);--colorSubSecondaryFocused: color-mix(in srgb, var(--colorSubSecondary) 80%, black);--colorSubSecondaryOutline: color-mix(in srgb, var(--colorSubSecondary) 50%, white);--colorPrimaryOutline: var(--colorGray300);--colorSubSecondaryVariant: var(--colorGray600);--colorError: #d92d20;--colorErrorOn: var(--colorGray25);--colorErrorDisbled: #fecdca;--colorErrorHovered: #b42318;--colorErrorOutline: #fda29b;--colorSuccess: #079455;--colorSuccessOn: var(--colorGray25);--colorSurface: #dbfae6;--colorBg: var(--colorGray25);--colorBgForeground: var(--colorGray50);--colorBgForegroundDark: var(--colorGray100);--colorBgForegroundLight: #f3f5fb;--colorBgDarkCi: #252a36;--colorTypoBasetext: #494848;--colorTypoIcon: var(--colorGray400);--colorTypoPlaceholder: var(--colorGray500);--colorTypoSubtext1: var(--colorGray700);--colorTypoSubtext2: var(--colorGray500);--colorStateError: #d92d20;--colorStateSuccess: #079455;--colorStateWorking: #9b59b6;--colorWhite: #ffffff;--colorBlack: var(--colorGray900);--colorWarning: #fcaf17;--colorDisabled: var(--colorGray400);--colorDisbledOn: var(--colorGray300);--colorGray25: #fcfcfd;--colorGray50: #f9fafb;--colorGray100: #f2f4f7;--colorGray200: #f2f4f7;--colorGray300: #d0d5dd;--colorGray400: #98a2b3;--colorGray500: #667085;--colorGray600: #475467;--colorGray700: #1d2939;--colorGray800: #1d2939;--colorGray900: #101828;--colorGray950: #0c111d;--gradient-primary: linear-gradient(241deg, #4FCE91 4.95%, #1AB068 73.32%), #4FCE91;--gradient-secound: linear-gradient(137deg, #21D4FD 0%, #AC00FF 86.98%), #6562DE;--gradient-black: linear-gradient(122deg, #181010 25%, #51515d 100%);--gradient-grey: linear-gradient(40deg, #adabab 25%, #777 100%);--gradient-silver: radial-gradient(91.77% 115.83% at 22.77% 18.75%,#fff 0%,#d9d9d9 100%);--gradient-gold: linear-gradient(165deg, #B1884E 12.42%, #BF9A5D 14%, #DFC480 18.75%, #F3DD96 21.92%, #FBE79E 24.29%, #C8A465 43.3%, #D8B872 48.05%, #FBE38E 57.55%, #B1884E 77.34%, #815D3A 86.05%, #67462F 91.59%);--gradient-text: linear-gradient(175deg, #21D4FD 15%, #AC00FF 86.98%), #555454;--baseFontsize: 16px;--colorYellow10: #FFFDFA;--colorYellow20: #FCEED9;--colorYellow30: #F8D8AA;--colorYellow40: #F4C27B;--colorYellow50: #F0AC4C;--colorYellow60: #FCAF17;--colorYellow70: #D38D03;--colorYellow80: #965D0D;--colorYellow90: #674009;--colorYellow100: #382305;--colorBlue10: #FBFCFE;--colorBlue20: #F3F5FB;--colorBlue30: #CCD2F0;--colorBlue40: #A5AFE4;--colorBlue50: #7E8DD8;--colorBlue60: #566ACC;--colorBlue70: #384DB8;--colorBlue80: #2C3D92;--colorBlue90: #202C6A;--colorBlue100: #141C43;--colorRed25: #FFFBFA;--colorRed50: #FEF3F2;--colorRed100: #FEE4E2;--colorRed200: #FECDCA;--colorRed300: #FDA29B;--colorRed400: #F97066;--colorRed500: #F04438;--colorRed600: #D92D20;--colorRed700: #B42318;--colorRed800: #912018;--colorRed900: #7A271A;--colorRed950: #55160C;--colorGreen10: #F6FEF9;--colorGreen20: #DBFAE6;--colorGreen30: #75E0A7;--colorGreen40: #47CD89;--colorGreen50: #17B26A;--colorGreen60: #079455;--colorGreen70: #067647;--colorGreen80: #085D3A;--colorGreen90: #074D31;--colorGreen100: #053321;--colorGray25: #FCFCFD;--colorGray50: #F9FAFB;--colorGray100: #F2F4F7;--colorGray200: #F2F4F7;--colorGray300: #D0D5DD;--colorGray400: #98A2B3;--colorGray500: #667085;--colorGray600: #475467;--colorGray700: #1D2939;--colorGray800: #1D2939;--colorGray900: #101828;--colorGray950: #0C111D;--colorViolet25: #FBFAFF;--colorViolet50: #F5F3FF;--colorViolet100: #ECE9FE;--colorViolet200: #DDD6FE;--colorViolet300: #C3B5FD;--colorViolet400: #A48AFB;--colorViolet500: #875BF7;--colorViolet600: #7839EE;--colorViolet700: #6927DA;--colorViolet800: #5720B7;--colorViolet900: #491C96;--colorViolet950: #2E125E;--colorOrange25: #FEFAF5;--colorOrange50: #FEF6EE;--colorOrange100: #FDEAD7;--colorOrange200: #F9DBAF;--colorOrange300: #F7B27A;--colorOrange400: #F38744;--colorOrange500: #EF6820;--colorOrange600: #E04F16;--colorOrange700: #B93815;--colorOrange800: #932F19;--colorOrange900: #772917;--colorOrange950: #511C10}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:120%}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:normal;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}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,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}ul,ol{padding-inline-start:1.5em}ul li::marker{font-size:1em}ol,ul,li{margin:0}hr{display:block;width:100%;height:1px;margin:0;border:none;background-color:#000}section{position:relative}.btn{overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;font-size:18px;line-height:1.2em;font-weight:500;height:56px;line-height:56px;text-transform:uppercase;min-width:120px;width:100%;padding:0 28px;color:var(--colorWhite);background:var(--gradient-primary);border:1px solid rgba(0,0,0,0);cursor:pointer;display:inline-flex;justify-content:center;flex-wrap:nowrap;align-items:center}@media(min-width: 768px){.btn{font-size:20px}}@media(min-width: 1024px){.btn{height:48px;line-height:48px;min-width:180px}}.btn:hover{background-color:var(--colorPrimaryLight);border-color:var(--colorPrimaryLight);color:#fff}.btn.outline{background:rgba(0,0,0,0);color:var(--colorGray300);border:1px solid var(--colorGray300);box-shadow:none}.btn.small{font-size:18px;line-height:1.2em;font-weight:500;min-width:150px;height:44px;line-height:44px}@media(min-width: 768px){.btn.small{font-size:20px}}.btn.disabled,.btn:disabled{background-color:var(--colorGray100);color:var(--colorGray300);border-color:var(--colorGray100);cursor:unset}.btn.facebook{background:#2081e2;border-color:#2081e2;color:#fff;font-weight:bold}.btn.facebook i{display:block;width:24px;height:24px;background:url(../img/ui/button/ico-fb.svg) center center no-repeat;background-size:auto 100%;margin-right:10px}.btn.facebook:hover{background-color:#2e89ff;border-color:#2e89ff}.btn.download i{display:block;width:24px;height:24px;background:url(../img/ui/button/ico-download.svg) center center no-repeat;background-size:auto 100%;margin-right:10px}.btnTop{color:var(--colorPrimary);display:flex;align-items:center}.btnTop:before{content:"";display:block;width:16px;height:16px;background:url(../img/ui/button/ico-top.svg) center center no-repeat;background-size:100% auto;margin-right:8px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}.btnTop:hover{color:var(--colorPrimary)}.link{font-size:1.25rem;display:flex;align-items:center;column-gap:12px}.link:after{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;position:relative;content:"";display:block;right:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;position:relative;content:"";display:block;width:12px;height:12px;border-top:2px solid;border-left:2px solid;border-color:var(--colorPrimary);transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.link:hover:after{right:-10px}.link.white{color:#fff}.link.gray{color:#929292}.link.gray:after{background-image:url(../img/ci/ico-arrow-r-gray.svg)}.link.down{font-size:1rem}@media(min-width: 1024px){.link.down{font-size:1.25rem}}.link.down:after{right:inherit;background-image:url(../img/ci/ico-arrow-d.svg)}.link.down:hover{color:var(--colorPrimary)}a.btnBack{color:var(--colorPrimary);font-size:14px;line-height:1.2em;cursor:pointer;display:flex;align-items:center}@media(min-width: 768px){a.btnBack{font-size:16px}}@media(min-width: 1024px){a.btnBack{font-size:1.5625rem}}a.btnBack:before{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;position:relative;content:"";display:block;width:10px;height:10px;border-top:2px solid;border-left:2px solid;border-color:var(--colorPrimary);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-right:10px;left:0px}a.btnBack:hover{color:var(--colorPrimary)}a.btnBack:hover:before{left:-10px}#btnLoadmore:after{right:inherit;top:-2px;transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg)}#btnLoadmore:hover{color:var(--colorPrimary);border-color:rgba(0,0,0,0)}#btnLoadmore:hover:after{right:inherit;border-color:#fff}#btnFilter{cursor:pointer;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;background-color:#fff;width:52px;height:52px;border:1px solid #d6d6d6;box-shadow:0px 1px 3px 0px rgba(16,24,40,.1),0px 1px 2px 0px rgba(16,24,40,.06);display:flex;align-items:center;justify-content:center}#btnFilter span{display:flex;flex-direction:column;row-gap:6px}#btnFilter i{display:block;width:16px;height:2px;background-color:#424242;position:relative}#btnFilter i:before{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);content:"";display:block;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;width:7px;height:7px;border:2px solid #424242;background:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}#btnFilter i:first-child:before{left:-1px}#btnFilter i:last-child:before{left:11px}#btnFilter:hover{background-color:#ffd6d6}#btnFilter:hover i{background-color:var(--colorPrimary)}#btnFilter:hover i:before{border-color:var(--colorPrimary);background-color:#ffd6d6}#btnFilter:hover i:first-child:before{left:11px}#btnFilter:hover i:last-child:before{left:-1px}#btnFilter.active{background-color:var(--colorPrimary)}#btnFilter.active i{background-color:#fff}#btnFilter.active i:before{border-color:#fff;background-color:var(--colorPrimary)}#btnFilter.active i:first-child:before{left:11px}#btnFilter.active i:last-child:before{left:-1px}.inputStyle,.select>select,input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"Kanit",sans-serif;font-weight:normal;line-height:normal;position:relative;width:100%;outline:0;border:0;background-color:#f0f0f0;color:#666;height:52px;line-height:52px;padding:16px 12px;overflow:hidden;border:1px solid transprent;overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;font-size:16px;line-height:1.2em;font-weight:400}@media(min-width: 768px){.inputStyle,.select>select,input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{font-size:18px}}.inputStyle::placeholder,.select>select::placeholder,input[list]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder,input[type=textarea]::placeholder,textarea::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,input[type=year]::placeholder,input[type=email]::placeholder,.inputStyle:-ms-input-placeholder,.select>select:-ms-input-placeholder,input[list]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=textarea]:-ms-input-placeholder,textarea:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=year]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,.inputStyle::-ms-input-placeholder,.select>select::-ms-input-placeholder,input[list]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=textarea]::-ms-input-placeholder,textarea::-ms-input-placeholder,input[type=date]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=year]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder{color:var(--colorGray700);opacity:1}input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;resize:none}input[list]:disabled,input[type=text]:disabled,input[type=password]:disabled,input[type=textarea]:disabled,textarea:disabled,input[type=date]:disabled,input[type=month]:disabled,input[type=year]:disabled,input[type=email]:disabled{opacity:.6}input[list]:focus,input[type=text]:focus,input[type=password]:focus,input[type=textarea]:focus,textarea:focus,input[type=date]:focus,input[type=month]:focus,input[type=year]:focus,input[type=email]:focus{border-color:var(--colorGray700)}.control{display:block;position:relative;padding:4px 14px;cursor:pointer;padding-left:30px}@media(min-width: 1024px){.control{padding-left:30px}}.control input{position:absolute;z-index:-1;opacity:0;left:0;top:0;width:100%;height:100%;margin:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}@media(min-width: 1024px){.control input{top:70%}}.control--checkbox .control__indicator{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;height:20px;width:20px;background:url(../img/ui/form/ico-check.svg) center center no-repeat no-repeat;background-size:100% 100%;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:0px}.control--checkbox input:checked~.control__indicator{background-image:url(../img/ui/form/ico-checked.svg)}.control--checkbox input:disabled~.control__indicator{opacity:.6}.control--checkbox input:disabled~.control__indicator:after{opacity:.6}.control--radio{padding-left:30px;color:#666}.control--radio .control__indicator{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;border-radius:50%;height:20px;width:20px;background-color:#f0f0f0;border:1px solid var(--colorGray400);position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:0}.control--radio input:checked~.control__indicator{border:1px solid var(--colorPrimary)}.control--radio input:checked~.control__indicator:after{display:block}.control--radio .control__indicator:after{content:"";position:absolute;display:none;height:10px;width:10px;border-radius:50%;background:var(--colorPrimary);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.control--radio input:disabled~.control__indicator{opacity:.6}.control--radio input:disabled~.control__indicator:after{opacity:.6}.select{position:relative;display:inline-block;width:100%}.select>select{display:inline-block;cursor:pointer;border:1px solid transprent;background-color:#f0f0f0;padding-right:48px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;line-height:normal}.select>select::-ms-expand{display:none}.select>select:disabled{opacity:.5;pointer-events:none}.select:after{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:0px;content:"";width:52px;height:100%;background:url(../img/ui/form/ico-arrow-select.svg) center center no-repeat}@media(min-width: 1024px){.select:after{width:52px}}.datalist{line-height:33px}datalist{display:none}input::-webkit-calendar-picker-indicator{display:none;opacity:0}textarea{height:120px;padding:8px 16px;border-bottom:1px solid transprent;line-height:normal;overflow:scroll}input[type=date],input[type=month],input[type=year]{text-align:left;padding:8px 36px 9px 16px}input[type=date]:before,input[type=month]:before,input[type=year]:before{content:"";display:block;z-index:0;right:16px;width:32px;height:100%;background:url(../img/ui/form/ico-calendar.svg) center center no-repeat;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:0}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=year]::-webkit-calendar-picker-indicator{display:block;opacity:1;width:32px;height:100%;background:rgba(0,0,0,0);position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1;right:0}input[type=date]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value,input[type=year]::-webkit-date-and-time-value{text-align:left}input[type=password]{padding-right:36px}.controlPass{position:relative}.controlPass .btnshowPass{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:7px;color:var(--colorGray700);width:52px;height:100%;overflow:hidden;text-indent:-999px;background:url(../img/ui/form/ico-invisible.svg) center center no-repeat}@media(min-width: 1024px){.controlPass .btnshowPass{width:52px}}.controlPass .btnshowPass:hover{color:var(--colorPrimary)}.controlPass .btnshowPass.show{background-image:url(../img/ui/form/ico-visibility.svg)}.checkboxPDPA{display:flex;align-items:flex-start;flex-direction:column}.checkboxPDPA .control{line-height:28px}.checkboxPDPA .control input{top:50%}.checkboxPDPA .bText a:hover{color:var(--colorSecondary)}.bCaptcha{margin-bottom:25px}.bCaptcha>img{width:100%;max-width:300px;height:auto}@media(min-width: 1024px){.bCaptcha>img{width:360px}}.control-group [data-content]:after{content:attr(data-content);display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:20px;color:var(--colorSecondary)}.control-group [data-content] input{padding-right:20%}.control-group .floating-label{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;display:block;position:absolute;opacity:0;top:-10px;left:0px;font-size:14px;line-height:1.2em;color:var(--colorGray50);white-space:nowrap}@media(min-width: 768px){.control-group .floating-label{font-size:16px}}.control-group .form-control:placeholder-shown+.floating-label{visibility:hidden;z-index:-1;transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}.control-group .form-control:not(:placeholder-shown)+.floating-label,.control-group .form-control:focus:not(:placeholder-shown)+.floating-label{visibility:visible;z-index:1;opacity:1;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}.bForm{width:100%;display:grid;grid-template-columns:100%;grid-row-gap:16px}.bForm>*:last-child{margin-bottom:0}.bForm .bRow{display:flex;column-gap:16px;flex-direction:column}@media(min-width: 1024px){.bForm .bRow{flex-direction:row}}.bForm .control-group{width:100%;position:relative;display:flex;flex-direction:column;row-gap:8px}.bForm .control-group [class*=tTitle]{font-size:16px;line-height:1.2em;color:#666;font-weight:500}@media(min-width: 768px){.bForm .control-group [class*=tTitle]{font-size:18px}}.bForm .control-group [class*=tTitle] span{display:inline}.bForm .control-group.validate [class*=tTitle]:after{content:"*";color:#e90b0e;margin-left:3px}.bForm .control-group.error label.tError{display:flex}.bForm .control-group.error label.tError:before{display:none}.bForm .control-group.pdpa p{color:#555454}.bForm .control-group.pdpa p a{text-decoration:underline;font-weight:500}.bForm .control-group>p{font-size:14px;line-height:1.2em;color:var(--colorGray300)}@media(min-width: 768px){.bForm .control-group>p{font-size:16px}}.bForm .tError{display:none;font-size:14px;line-height:1.2em;color:#e90b0e;font-weight:300;display:none;align-items:center;column-gap:8px}@media(min-width: 768px){.bForm .tError{font-size:16px}}.bForm .tError:before{content:"";display:block;vertical-align:middle;width:16px;height:16px;background:url(../img/ui/form/ico-error.svg) center center no-repeat;background-size:contain}.bForm.error>.tError{display:flex}html{font-size:var(--baseFontsize);scroll-padding-top:24px}@media(min-width: 1024px){html{scroll-padding-top:48px}}body{font-family:"Kanit",sans-serif;font-weight:normal;line-height:normal;font-size:16px;line-height:1.2em;font-weight:300;color:var(--colorTypoBasetext);min-height:-webkit-fill-available;background-color:#f4f6f8;overflow-x:hidden}@media(min-width: 768px){body{font-size:18px}}.container{margin-inline:auto;width:calc(100% - 48px)}@media(min-width: 768px){.container{width:90%}}@media(min-width: 1024px){.container{max-width:1280px}}a{cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;color:var(--colorSecondary)}a:hover{color:var(--colorPrimary)}.bPreload{display:block;width:100%;height:100%;padding:0;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.25);background-size:100px auto;z-index:94036}.bPreload img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);display:block;width:auto;height:50px}div[id^=page]{width:100%;max-width:500px;margin-inline:auto;min-height:100dvh;margin-inline:auto;width:calc(100% - 48px);padding:24px 0;position:relative}@media(min-width: 768px){div[id^=page]{width:90%}}@media(min-width: 1024px){div[id^=page]{max-width:1280px}}@media(min-width: 1024px){div[id^=page]{padding:48px 0}}div[id^=page] xmp{white-space:pre-wrap;padding:24px;background-color:#000;color:#fff}div[id^=page] .wrapContent{position:relative}.hide{display:none !important}.pc{display:none}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.pc{display:none}}@media(min-width: 1024px){.pc{display:block}}.pc-tablet{display:none}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.pc-tablet{display:block}}@media(min-width: 768px){.pc-tablet{display:block}}.mobile-tablet{display:block}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.mobile-tablet{display:block}}@media(min-width: 768px){.mobile-tablet{display:none}}.mobile{display:block}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.mobile{display:none}}@media(min-width: 1024px){.mobile{display:none}}#pLoadmore .bLoadmore{border-top:1px solid var(--colorGray700);text-align:center;padding-top:32px}@media(min-width: 768px){#pLoadmore .bLoadmore{padding-top:48px}}#pLoadmore .bLoadmore p{color:var(--colorPrimary);font-weight:bold;font-size:18px;line-height:1.2em}@media(min-width: 768px){#pLoadmore .bLoadmore p{font-size:20px}}@media(min-width: 768px){#pLoadmore .bLoadmore p{font-size:20px;line-height:1.2em}}@media(min-width: 768px)and (min-width: 768px){#pLoadmore .bLoadmore p{font-size:24px}}div[id^=pageRegister] .wrapContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;justify-content:flex-start}div[id^=pageRegister] .wrapContent>*{width:100%}div[id^=pageRegister] #pBanner .bBanner{display:flex;gap:16px;align-items:center;justify-content:center;background:var(--gradient-secound);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;padding:12px;min-height:74px}div[id^=pageRegister] #pBanner .bBanner .bPic img{display:block}div[id^=pageRegister] #pBanner .bBanner .bText p{color:var(--colorWhite);text-align:center;font-weight:400}div[id^=pageRegister] #pBanner .bBanner .bText p span{font-size:18px;line-height:1.2em;font-weight:500;display:block}@media(min-width: 768px){div[id^=pageRegister] #pBanner .bBanner .bText p span{font-size:20px}}div[id^=pageRegister] #pRegisterForm{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}div[id^=pageRegister] #pRegisterForm>*{width:100%}div[id^=pageRegister] #pRegisterForm .bForm{background-color:#fdfdfd;box-shadow:0px 4px 20px 0px rgba(0,0,0,.1);overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;padding:24px}div[id^=pageRegister] #pRegisterForm .bForm .bTitle{margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid #e3e3e3}div[id^=pageRegister] #pRegisterForm .bForm .bTitle p{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;font-size:14px;line-height:1.2em}@media(min-width: 768px){div[id^=pageRegister] #pRegisterForm .bForm .bTitle p{font-size:16px}}div[id^=pageRegister] #pRegisterForm .bForm .bTitle p span{font-size:18px;line-height:1.2em;font-weight:500;display:block}@media(min-width: 768px){div[id^=pageRegister] #pRegisterForm .bForm .bTitle p span{font-size:20px}}div[id^=pageRegister] #pRegisterForm .bForm .control-group.pdpa{margin:4px 0}div[id^=pageThankyou]{display:flex;justify-content:center;align-items:center;flex-direction:column}div[id^=pageThankyou]>*{width:100%}div[id^=pageThankyou] .wrapContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;justify-content:flex-start;align-items:center}div[id^=pageThankyou] .wrapContent>*{width:100%}div[id^=pageThankyou] #pThankyouContent .bThankyouContent{background-color:#fdfdfd;box-shadow:0px 4px 20px 0px rgba(0,0,0,.1);overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;padding:24px 32px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop>*{width:100%}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent>*{width:100%}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bPic{display:flex;justify-content:center;align-items:center;flex-direction:column}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bPic img{display:block;height:auto}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;padding-bottom:20px;border-bottom:1px solid #e3e3e3}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails>*{width:100%}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bTitle{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bTitle h1{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:24px;line-height:1.2em;font-weight:500;text-align:center}@media(min-width: 768px){div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bTitle h1{font-size:32px}}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bTitle p{font-size:18px;line-height:1.2em;font-weight:500;text-align:center}@media(min-width: 768px){div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bTitle p{font-size:20px}}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bNoti{background-color:var(--colorSubSecondaryOn);padding:8px 12px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bNoti i{-webkit-mask:url("../img/ci/ico.mail.svg") center center no-repeat;mask:url("../img/ci/ico.mail.svg") center center no-repeat;mask-size:contain;display:block;background-color:var(--colorSubSecondary);display:block;width:24px;height:24px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bNoti p{color:var(--colorSubSecondary);font-size:20px;line-height:1.2em;text-align:center}@media(min-width: 768px){div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bNoti p{font-size:24px}}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bTop .bContent .bDetails .bNoti p span{display:block;font-weight:500}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bBottom{padding-top:20px}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bBottom p{text-align:center}div[id^=pageThankyou] #pThankyouContent .bThankyouContent .bBottom p span{font-weight:500}div[id^=pageVoucher]{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-top:0;background-color:#fff}div[id^=pageVoucher]>*{width:100%}div[id^=pageVoucher] .wrapContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}div[id^=pageVoucher] .wrapContent>*{width:100%}div[id^=pageVoucher] #pVoucher .bVoucherContent .bTop{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}div[id^=pageVoucher] #pVoucher .bVoucherContent .bTop>*{width:100%}div[id^=pageVoucher] #pVoucher .bVoucherContent .bTop .bContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}div[id^=pageVoucher] #pVoucher .bVoucherContent .bTop .bContent>*{width:100%}div[id^=pageVoucher] #pVoucher .bVoucherContent .bTop .bContent .bPic{display:flex;justify-content:center;align-items:center;flex-direction:column}div[id^=pageVoucher] #pVoucher .bVoucherContent .bTop .bContent .bPic img{display:block;width:100%;height:auto}div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom{margin-inline:auto;width:calc(100% - 48px);padding:48px 0}@media(min-width: 768px){div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom{width:90%}}@media(min-width: 1024px){div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom{max-width:1280px}}div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom .bContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:48px}div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom .bContent>*{width:100%}div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom .bContent .bBarcode img,div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom .bContent .bBarcode canvas,div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom .bContent .bBarcode svg{display:block;width:100%;height:auto}div[id^=pageVoucher] #pVoucher .bVoucherContent .bBottom .bContent .tExpire{text-align:center}div[id^=pagePolicy] #pPolicy{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;justify-content:flex-start;align-items:center}div[id^=pagePolicy] #pPolicy>*{width:100%}div[id^=pagePolicy] #pPolicy .bTitle{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;padding-top:24px}div[id^=pagePolicy] #pPolicy .bTitle h1{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:24px;line-height:1.2em;font-weight:500;text-align:center}@media(min-width: 768px){div[id^=pagePolicy] #pPolicy .bTitle h1{font-size:32px}}div[id^=pagePolicy] #pPolicy .bTitle p{font-size:18px;line-height:1.2em;font-weight:500;text-align:center}@media(min-width: 768px){div[id^=pagePolicy] #pPolicy .bTitle p{font-size:20px}}div[id^=pagePolicy] #pPolicy .bContent{background-color:#fdfdfd;box-shadow:0px 4px 20px 0px rgba(0,0,0,.1);overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;padding:24px}div[id^=pagePolicy] #pPolicy .bContent *{line-height:1.3em;margin-bottom:18px;font-size:.875rem}div[id^=pagePolicy] #pPolicy .bContent *:last-child,div[id^=pagePolicy] #pPolicy .bContent * *>*{margin-bottom:0}div[id^=pagePolicy] #pPolicy .bContent h1,div[id^=pagePolicy] #pPolicy .bContent h2,div[id^=pagePolicy] #pPolicy .bContent h3,div[id^=pagePolicy] #pPolicy .bContent h4,div[id^=pagePolicy] #pPolicy .bContent h5,div[id^=pagePolicy] #pPolicy .bContent h6{font-weight:normal;margin-bottom:16px}div[id^=pagePolicy] #pPolicy .bContent h1{font-weight:500;font-size:1.2rem}div[id^=pagePolicy] #pPolicy .bContent h2{font-weight:500;font-size:1rem}div[id^=pagePolicy] #pPolicy .bContent h3{font-weight:500}div[id^=pagePolicy] #pPolicy .bContent img{max-width:100%;height:auto;display:block;margin:0 auto}div[id^=pagePolicy] #pPolicy .bContent span{color:var(--colorPrimary)}div[id^=pagePolicy] #pPolicy .bContent a{word-break:break-all;color:var(--colorPrimary);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}div[id^=pagePolicy] #pPolicy .bContent a:hover{text-decoration:underline;color:var(--colorSecondary)}div[id^=pagePolicy] #pPolicy .bContent blockquote{color:var(--colorTypoBasetext);background:#f9f9f9;border-left:10px solid var(--colorSecondary);margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}div[id^=pagePolicy] #pPolicy .bContent blockquote:before{color:var(--colorPrimary);content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}div[id^=pagePolicy] #pPolicy .bContent blockquote p{display:inline}div[id^=pagePolicy] #pPolicy .bContent hr{width:100%;height:1px;background-color:var(--colorGray700)}div[id^=pagePolicy] #pPolicy .bContent table{width:100%}div[id^=pagePolicy] #pPolicy .bContent table td{padding:6px 6px}div[id^=pagePolicy] #pPolicy .bContent dl{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0}div[id^=pagePolicy] #pPolicy .bContent dl dt,div[id^=pagePolicy] #pPolicy .bContent dl dd,div[id^=pagePolicy] #pPolicy .bContent dl dt>*,div[id^=pagePolicy] #pPolicy .bContent dl dd>*{margin-bottom:18px}div[id^=pagePolicy] #pPolicy .bContent dl dt:last-child,div[id^=pagePolicy] #pPolicy .bContent dl dd:last-child,div[id^=pagePolicy] #pPolicy .bContent dl dt>*:last-child,div[id^=pagePolicy] #pPolicy .bContent dl dd>*:last-child{margin-bottom:0}div[id^=pagePolicy] #pPolicy .bContent ul li{list-style:disc;margin-bottom:0}div[id^=pagePolicy] #pPolicy .bContent b{font-weight:500}div[id^=pagePolicy] #pPolicy .bContent strong{font-weight:bold}