:root{--colorPrimary:#45499E;--colorPrimaryHover:color-mix(in srgb,var(--colorPrimary) 70%,black);--colorPrimaryLight:color-mix(in srgb,var(--colorPrimary) 70%,white);--colorPrimaryDark:#312F7A;--colorPrimaryFocused:color-mix(in srgb,var(--colorPrimary) 80%,black);--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);--colorPrimaryVariant:var(--colorGray600);--colorSecondary:#FCD404;--colorSubSecondaryOn:#FFFCEE;--colorSubSecondaryHovered:color-mix(in srgb,var(--colorSubSecondary) 70%,black) --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(--colorPrimary);--colorBgForeground:var(--colorGray50);--colorBgForegroundDark:var(--colorGray100);--colorBgForegroundLight:#f3f5fb;--colorBgDarkCi:#252a36;--colorTypoBasetext:#ffffff;--colorTypoIcon:var(--colorGray400);--colorTypoPlaceholder:#8F8F8F;--colorTypoSubtext1:#343A40;--colorTypoSubtext2:#676767;--colorStateError:#d92d20;--colorStateSuccess:#079455;--colorStateWorking:#9b59b6;--colorWhite:#FFFFFF;--colorBlack:var(--colorGray900);--colorWarning:#fcaf17;--colorDisabled:#ADB5BD;--colorDisbledOn:var(--colorGray300);--colorGray25:#fcfcfd;--colorGray50:#f9fafb;--colorGray100:#f2f4f7;--colorGray200:#f2f4f7;--colorGray300:#d0d5dd;--colorGray400:#98a2b3;--colorGray700:#1d2939;--colorGray800:#1d2939;--colorGray950:#0c111d;--gradient-primary:linear-gradient(42deg,#DDC06D 4.7%,#EAD57E 17.21%,#FFF3CC 41.32%,#FFF3CC 59.63%,#ECD67E 84.19%,#F8E59E 95.34%);--gradient-secound:linear-gradient(105deg,#05141F 1.95%,#72BDF4 120.67%);--gradient-black:linear-gradient(105deg,#05141F 1.95%,#6C6C6C 120.67%);--gradient-grey:linear-gradient(105deg,#C4D1DB 1.95%,#FFF 120.67%);--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(105deg,#05141F 1.95%,#155685 120.67%);--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}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-Thin.47bb87cf.eot);src:url(/_next/static/media/subset-NotoSansThai-Thin.47bb87cf.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-Thin.50eb5982.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-Thin.b913e656.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-Thin.a7e75582.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-Thin.f72d68ca.svg) format("svg");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-Light.e515a63c.eot);src:url(/_next/static/media/subset-NotoSansThai-Light.e515a63c.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-Light.c152cb14.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-Light.ffbae65f.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-Light.bb06ce7f.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-Light.76f15b15.svg) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-Regular.76c12dfc.eot);src:url(/_next/static/media/subset-NotoSansThai-Regular.76c12dfc.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-Regular.e083b2fd.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-Regular.9d4b2b1c.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-Regular.fbbd8be0.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-Regular.0dc0a95b.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-Medium.9c0366d0.eot);src:url(/_next/static/media/subset-NotoSansThai-Medium.9c0366d0.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-Medium.15a1309c.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-Medium.483d7ae6.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-Medium.a42118ad.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-Medium.79bcd66e.svg) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-SemiBold.42607f22.eot);src:url(/_next/static/media/subset-NotoSansThai-SemiBold.42607f22.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-SemiBold.995f6f25.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-SemiBold.a513d53a.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-SemiBold.9fa53cf8.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-SemiBold.605a3ab2.svg) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-Bold.2f9058da.eot);src:url(/_next/static/media/subset-NotoSansThai-Bold.2f9058da.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-Bold.ae3cbaca.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-Bold.d57cafb5.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-Bold.90c74eda.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-Bold.810d35f9.svg) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/_next/static/media/subset-NotoSansThai-Black.e0ae658b.eot);src:url(/_next/static/media/subset-NotoSansThai-Black.e0ae658b.eot) format("embedded-opentype"),url(/_next/static/media/subset-NotoSansThai-Black.577517fa.woff2) format("woff2"),url(/_next/static/media/subset-NotoSansThai-Black.3471e090.woff) format("woff"),url(/_next/static/media/subset-NotoSansThai-Black.bee80ead.ttf) format("truetype"),url(/_next/static/media/subset-NotoSansThai-Black.3da95819.svg) format("svg");font-weight:900;font-style:normal;font-display:swap}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:120%}*,:after,:before{box-sizing:border-box}html{-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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{display:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,del,details,dfn,div,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;border:0}ol,ul{-webkit-padding-start:1.5em;padding-inline-start:1.5em}ul li::marker{font-size:1em}hr,li,ol,ul{margin:0}hr{display:block;width:100%;height:1px;border:none;background-color:#000}section{position:relative}.btn{overflow:hidden;border-radius:48px;-webkit-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;-o-border-radius: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;font-size:1.125rem;line-height:normal;font-weight:700!important;height:48px;line-height:48px;min-width:120px;width:100%;padding:0 28px;color:var(--colorPrimaryDark);background-color:var(--colorSecondary);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:1.125rem}}@media(min-width:1024px){.btn{font-size:1.125rem;line-height:normal}}@media(min-width:1024px)and (min-width:768px){.btn{font-size:1.125rem}}.btn.outline{background:rgba(0,0,0,0);color:#181d27;border:1px solid #181d27;box-shadow:none}.btn.small{font-size:1.125rem;line-height:normal;font-weight:700!important;min-width:150px;height:36px;line-height:36px}@media(min-width:768px){.btn.small{font-size:1.125rem}}@media(min-width:1024px){.btn.small{font-size:1.125rem;line-height:normal}}@media(min-width:1024px)and (min-width:768px){.btn.small{font-size:1.125rem}}.btn.disabled,.btn:disabled{background:var(--colorWhite);color:var(--colorDisabled);border-color:var(--colorDisabled);cursor:unset}.btn.facebook{background:#2081e2;border-color:#2081e2;color:#fff;font-weight:700}.btn.facebook i{display:block;width:24px;height:24px;background:url(/assets/img/ui/button/ico-fb.svg) 50% 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(/assets/img/ui/button/ico-download.svg) 50% no-repeat;background-size:auto 100%;margin-right:10px}.btn.secound{background:var(--colorWhite)}.btn.secound,.btnTop{color:var(--colorPrimary)}.btnTop{display:flex;align-items:center}.btnTop:before{content:"";display:block;width:16px;height:16px;background:url(/assets/img/ui/button/ico-top.svg) 50% 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{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.down{font-size:1rem}@media(min-width:1024px){.link.down{font-size:1.25rem}}.link.down:after{right:inherit}.link.down:hover,a.btnBack{color:var(--colorPrimary)}a.btnBack{font-size:1.125rem;line-height:normal;font-weight:500!important;text-decoration:underline;text-underline-position:from-font;cursor:pointer;display:flex;align-items:center}@media(min-width:768px){a.btnBack{font-size:1.125rem}}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:0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 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}.btnIconBack{display:block;width:24px;height:24px;background:url(/assets/img/ui/button/ico-arrow.svg)}body{position:relative}body.openedMenu{width:100%;height:100vh;overflow:hidden}.bHideArea{display:none;position:fixed;z-index:94036;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#btnMenu{width:24px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}#btnMenu span{position:relative;width:20px;background-color:rgba(0,0,0,0);overflow:hidden;overflow:inherit}#btnMenu span,#btnMenu span:after,#btnMenu span: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;height:2px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}#btnMenu span:after,#btnMenu span:before{content:"";display:block;background-color:var(--colorBlack);position:absolute;overflow:hidden}#btnMenu span:before{width:20px;top:4px}#btnMenu span:after{width:20px;bottom:4px}#btnMenu.opened span:after,#btnMenu.opened span:before{background-color:var(--colorPrimary)!important}#btnMenu.opened span:before{width:100%;top:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}#btnMenu.opened span:after{width:100%;bottom:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}@media(min-width:1024px){#btnMenu{display:none}}#pPageHeader{width:100%;max-width:500px;margin-inline:auto;background-color:var(--colorBg);box-shadow:0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);position:fixed;top:0;z-index:999}#pPageHeader .bHeader{height:48px;padding:0 12px;display:flex;justify-content:center;align-items:center;flex-direction:row}#pPageHeader .bHeader a{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}#pPageHeader .bHeader a:first-child{left:12px}#pPageHeader .bHeader a:last-child{right:12px}#pPageHeader .bHeader h1,#pPageHeader .bHeader h2,#pPageHeader .bHeader h3{font-size:1.5rem;line-height:normal;font-weight:500}@media(min-width:768px){#pPageHeader .bHeader h1,#pPageHeader .bHeader h2,#pPageHeader .bHeader h3{font-size:1.5rem}}footer{background:url(/assets/img/ci/bg-footer.svg) top no-repeat;background-size:cover;padding:48px 0 0}footer .bTop{margin-inline:auto;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;margin-bottom:24px}footer .bTop h2{font-size:.875rem;line-height:normal;font-weight:600}@media(min-width:768px){footer .bTop h2{font-size:.875rem}}footer .bTop .bSocial{display:flex;align-items:center;justify-content:center;gap:16px}footer .bTop .bSocial a{display:block}footer .bCopy{margin-inline:auto;width:calc(100% - 32px);padding:16px;border-top:1px solid var(--colorWhite)}footer .bCopy p{text-align:center;font-size:.875rem;line-height:normal}@media(min-width:768px){footer .bCopy p{font-size:.875rem}}.inputStyle,.select>select,input[list],input[type=date],input[type=email],input[type=month],input[type=password],input[type=text],input[type=textarea],input[type=year],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Noto Sans Thai,sans-serif;position:relative;width:100%;outline:0;border:0;background-color:var(--colorWhite);color:#000;height:44px;line-height:44px;padding:0 12px;border:1px solid var(--colorDisabled);overflow:hidden;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;-ms-border-radius:22px;-o-border-radius:22px;font-size:1rem;line-height:normal;font-weight:400;background-position:right 16px center;background-repeat:no-repeat}@media(min-width:768px){.inputStyle,.select>select,input[list],input[type=date],input[type=email],input[type=month],input[type=password],input[type=text],input[type=textarea],input[type=year],textarea{font-size:1rem}}.inputStyle:-ms-input-placeholder,.inputStyle::-ms-input-placeholder,.inputStyle::placeholder,.select>select:-ms-input-placeholder,.select>select::-ms-input-placeholder,.select>select::placeholder,input[list]:-ms-input-placeholder,input[list]::-ms-input-placeholder,input[list]::placeholder,input[type=date]:-ms-input-placeholder,input[type=date]::-ms-input-placeholder,input[type=date]::placeholder,input[type=email]:-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=email]::placeholder,input[type=month]:-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=month]::placeholder,input[type=password]:-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=password]::placeholder,input[type=text]:-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=text]::placeholder,input[type=textarea]:-ms-input-placeholder,input[type=textarea]::-ms-input-placeholder,input[type=textarea]::placeholder,input[type=year]:-ms-input-placeholder,input[type=year]::-ms-input-placeholder,input[type=year]::placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder,textarea::placeholder{color:var(--colorTypoPlaceholder);opacity:1}input[list],input[type=date],input[type=email],input[type=month],input[type=password],input[type=text],input[type=textarea],input[type=year],textarea{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=date]:disabled,input[type=email]:disabled,input[type=month]:disabled,input[type=password]:disabled,input[type=text]:disabled,input[type=textarea]:disabled,input[type=year]:disabled,textarea:disabled{color:#d5d7da;background-color:#f3f5fb;border:1px solid #ccd2f0}input[list]:disabled:before,input[type=date]:disabled:before,input[type=email]:disabled:before,input[type=month]:disabled:before,input[type=password]:disabled:before,input[type=text]:disabled:before,input[type=textarea]:disabled:before,input[type=year]:disabled:before,textarea:disabled:before{opacity:.2}input[list]:focus,input[type=date]:focus,input[type=email]:focus,input[type=month]:focus,input[type=password]:focus,input[type=text]:focus,input[type=textarea]:focus,input[type=year]:focus,textarea:focus{border-color:var(--colorPrimary)}.control{display:block;position:relative;cursor:pointer;padding:0 14px 0 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{font-size:1rem;line-height:normal;font-weight:400}@media(min-width:768px){.control--checkbox{font-size:1rem}}.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(/assets/img/ui/form/ico-check.svg) 50% 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:0}.control--checkbox input:checked~.control__indicator{background-image:url(/assets/img/ui/form/ico-checked.svg)}.control--checkbox input:disabled~.control__indicator,.control--checkbox input:disabled~.control__indicator:after{opacity:.6}.control--radio{padding-left:30px;color:var(--colorTypoBasetext);font-size:1.25rem;line-height:normal;font-weight:400}@media(min-width:768px){.control--radio{font-size:1.25rem}}.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:var(--colorWhite);border:1px solid var(--colorDisabled);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);background-color:var(--colorPrimary)}.control--radio input:checked~.control__indicator:after{display:block}.control--radio .control__indicator:after{content:"";display:none;height:8px;width:8px;border-radius:50%;background:var(--colorWhite);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,.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 var(--colorDisabled);background-color:var(--colorWhite);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:0;content:"";width:44px;height:100%;background:url(/assets/img/ui/form/ico-arrow-select.svg) 50% no-repeat}@media(min-width:1024px){.select:after{width:44px}}.datalist{line-height:33px}datalist{display:none}input::-webkit-calendar-picker-indicator{display:none;opacity:0}textarea{height:120px;padding:12px;border-bottom:1px solid var(--colorDisabled);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;width:52px;height:100%;background:url(/assets/img/ui/form/ico-calendar.svg) 50% 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:44px;height:100%;overflow:hidden;text-indent:-999px;background:url(/assets/img/ui/form/ico-invisible.svg) 50% no-repeat}@media(min-width:1024px){.controlPass .btnshowPass{width:44px}}.controlPass .btnshowPass:hover{color:var(--colorPrimary)}.controlPass .btnshowPass.show{background-image:url(/assets/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{font-weight:600;text-decoration:underline}.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:0;font-size:.875rem;line-height:normal;color:var(--colorGray50);white-space:nowrap}@media(min-width:768px){.control-group .floating-label{font-size:.875rem}}.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:focus:not(:placeholder-shown)+.floating-label,.control-group .form-control: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:24px}.bForm>:last-child{margin-bottom:0}.bForm hr{background-color:var(--colorGray300)}.bForm .bGroup{display:flex;flex-direction:column;gap:24px}.bForm .bGroup>*{width:100%}.bForm .bRow{display:flex;column-gap:16px;flex-direction:row}@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:.875rem;line-height:normal;color:var(--colorTypoBasetext)}@media(min-width:768px){.bForm .control-group [class*=tTitle]{font-size:.875rem}}.bForm .control-group [class*=tTitle] span{display:inline}.bForm .control-group.validate [class*=tTitle]:after{content:"*";color:#ff2b1e;margin-left:3px}.bForm .control-group.error label.tError{display:flex}.bForm .control-group.error label.tError:before{display:none}.bForm .control-group.error input,.bForm .control-group.error textarea{border-color:#e90b0e}.bForm .control-group.error input[type=text]{position:relative;z-index:1;background-image:url(/assets/img/ui/form/ico-error.svg)}.bForm .control-group.pdpa{gap:12px}.bForm .control-group.pdpa p{font-size:1rem;line-height:normal}@media(min-width:768px){.bForm .control-group.pdpa p{font-size:1rem}}.bForm .control-group.pdpa p i{content:"*";color:#e90b0e}.bForm .control-group.pdpa p a{color:var(--colorWhite);text-decoration:underline;font-weight:600}.bForm .control-group .gender{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:16px;padding:0 16px}.bForm .control-group>p{font-size:1.125rem;line-height:normal;color:#717680;font-weight:400;margin-top:2px}@media(min-width:768px){.bForm .control-group>p{font-size:1.125rem}}.bForm .tError{font-size:1rem;line-height:normal;color:#e90b0e;font-weight:500;display:none;align-items:center;column-gap:8px}@media(min-width:768px){.bForm .tError{font-size:1rem}}.bForm .tError:before{content:"";display:block;vertical-align:middle;width:16px;height:16px;background:url(/assets/img/ui/form/ico-error.svg) 50% no-repeat;background-size:contain}.bForm.error>.tError,.bPdpa{display:flex}.bPdpa{gap:8px;flex-direction:column;padding-top:16px;border-top:1px solid var(--colorPrimaryOutline)}.bPdpa a{text-decoration:underline;font-weight:500!important}div[class^=gOption]{display:flex;padding:0 8px}div[class^=gOption][class*=column]{flex-direction:column;gap:8px}div[class^=gOption][class*=row]{flex-direction:row;gap:16px 32px;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-overlay,.modal-overlay .modal{display:flex;justify-content:center;align-items:center}.modal-overlay .modal{background:var(--colorWhite);overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;width:90%;max-width:320px;padding:24px;flex-direction:column;gap:16px}.modal-overlay .modal>*{width:100%}.modal-overlay .modal .bContent,.modal-overlay .modal .bContent .bTitle{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.modal-overlay .modal .bContent .bTitle img{display:block;width:100%;height:auto;max-width:60px}.modal-overlay .modal .bContent .bTitle h2{margin:0;font-size:1.75rem;text-align:center;font-weight:500}.modal-overlay .modal .bContent .bText p{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.25rem;line-height:normal;text-align:center}@media(min-width:768px){.modal-overlay .modal .bContent .bText p{font-size:1.25rem}}.modal-overlay .modal .bBtn{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.modal-overlay .modal .bBtn .btnBack{padding:8px}.modal-overlay #modalRedeem .bContent .bText{width:100%;padding:0 16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}.modal-overlay #modalRedeem .bContent .bText p{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.25rem;line-height:normal;text-align:left}@media(min-width:768px){.modal-overlay #modalRedeem .bContent .bText p{font-size:1.25rem}}.modal-overlay #modalRedeem .bContent .bText p span{display:flex;gap:4px}.modal-overlay #modalRedeem .bContent .bText p i{font-style:normal}.modal-overlay #modalRedeem .bContent .bText p:nth-child(2) i{color:#e90b0e}.modal-overlay #modalRedeem .bContent .bText p:last-child i{font-weight:500}section#pOtp .bOtpMain .bOtp{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}section#pOtp .bOtpMain .bOtp h2{font-size:1.25rem;line-height:normal;color:var(--colorPrimary)}@media(min-width:768px){section#pOtp .bOtpMain .bOtp h2{font-size:1.25rem}}section#pOtp .bOtpMain .bOtp .bText{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px}section#pOtp .bOtpMain .bOtp .bText h3{font-size:1.25rem;line-height:normal;font-weight:500;text-align:center;color:var(--colorTypoSubtext1)}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bText h3{font-size:1.25rem}}section#pOtp .bOtpMain .bOtp .bText p{font-size:1.125rem;line-height:normal;font-weight:400;text-align:center;color:var(--colorTypoSubtext2);line-height:140%}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bText p{font-size:1.125rem}}section#pOtp .bOtpMain .bOtp .bText p span{color:var(--colorPrimary);display:block;font-weight:500}section#pOtp .bOtpMain .bOtp .bFrom{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}section#pOtp .bOtpMain .bOtp .bFrom .control-group.otp{display:flex;column-gap:10px;justify-content:space-between}section#pOtp .bOtpMain .bOtp .bFrom .control-group.otp input[type=text]{width:44px;height:48px;text-align:center;font-size:1.5rem;line-height:normal;color:var(--colorTypoSubtext1);font-weight:500;border:1px solid var(--colorPrimary);padding:8px}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bFrom .control-group.otp input[type=text]{font-size:1.5rem}}section#pOtp .bOtpMain .bOtp .bFrom .control-group.otp input::-webkit-inner-spin-button,section#pOtp .bOtpMain .bOtp .bFrom .control-group.otp input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}section#pOtp .bOtpMain .bOtp .bFrom .control-group.otp input[type=number]{-moz-appearance:textfield}section#pOtp .bOtpMain .bOtp .bFrom label.tError{display:none}section#pOtp .bOtpMain .bOtp .bFrom .bTextCount{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}section#pOtp .bOtpMain .bOtp .bFrom .bTextCount .bCountTime{font-size:1.25rem;line-height:normal;color:var(--colorPrimary);font-weight:500;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:4px}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bFrom .bTextCount .bCountTime{font-size:1.25rem}}section#pOtp .bOtpMain .bOtp .bFrom .bTextCount .bTextSend{font-size:1.125rem;line-height:normal;text-align:center;color:var(--colorTypoSubtext2);font-weight:400}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bFrom .bTextCount .bTextSend{font-size:1.125rem}}section#pOtp .bOtpMain .bOtp .bFrom .bTextCount .bTextSend a{color:var(--colorPrimary);font-weight:500}section#pOtp .bOtpMain .bOtp .bFrom.error .otp input[type=text]{border-color:#e90b0e}section#pOtp .bOtpMain .bOtp .bFrom.error label.tError{display:flex;font-size:1.125rem;line-height:normal;color:#e90b0e;margin-top:-12px;font-weight:400}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bFrom.error label.tError{font-size:1.125rem}}section#pOtp .bOtpMain .bOtp .bFrom.error label.tError:before{display:none}section#pOtp .bOtpMain .bOtp .bBtn{width:100%;display:flex;align-content:center;flex-direction:column}section#pOtp .bOtpMain .bOtp .bBtn span{font-size:.875rem;line-height:normal;color:var(--colorPrimary);text-align:center;margin:12px 0}@media(min-width:768px){section#pOtp .bOtpMain .bOtp .bBtn span{font-size:.875rem}}section#pPdpa{z-index:94035;box-shadow:0 -10px 10px rgba(0,0,0,.1);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:20px 0}section#pPdpa p{font-size:.875rem}section#pPdpa .bPdpa .bGroup{display:grid;grid-template-columns:100%;grid-column-gap:30px;justify-items:center}@media(min-width:768px){section#pPdpa .bPdpa .bGroup{grid-column-gap:10%;justify-items:start;grid-template-columns:auto auto}}section#pPdpa .bPdpa .bGroup .bText{display:flex;align-items:center;margin-bottom:16px}@media(min-width:768px){section#pPdpa .bPdpa .bGroup .bText{margin-bottom:0}}section#pPdpa .bPdpa .bGroup .bText span{font-size:.875rem;line-height:normal;font-weight:500;color:var(--colorPrimary);text-transform:uppercase}@media(min-width:768px){section#pPdpa .bPdpa .bGroup .bText span{font-size:.875rem}}section#pPdpa .bPdpa .bGroup p{color:var(--colorPrimary);font-size:1.125rem;line-height:normal}@media(min-width:768px){section#pPdpa .bPdpa .bGroup p{font-size:1.125rem}}section#pPdpa .bPdpa .bBtn{display:flex;align-items:center;width:100%;justify-content:center}@media(min-width:768px){section#pPdpa .bPdpa .bBtn{justify-content:flex-end}}section#pPdpa .bPdpa .bPolicy{margin-bottom:12px}@media(min-width:768px){section#pPdpa .bPdpa .bPolicy{margin-bottom:0}}section#pPdpa .bPdpa .bPolicy a,section#pPdpa .bPdpa .bPolicy span{font-weight:400;font-size:.875rem;line-height:normal;text-decoration:underline;color:var(--colorPrimary)}@media(min-width:768px){section#pPdpa .bPdpa .bPolicy a,section#pPdpa .bPdpa .bPolicy span{font-size:.875rem}}section#pPdpa .bPdpa .bPolicy span{margin:0 4px}section#pPdpa .bPdpa .bPolicy a:hover{color:var(--colorPrimary)}div[id^=pagePolicy] #pPolicy{margin-inline:auto;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;padding:24px 0}div[id^=pagePolicy] #pPolicy .bLogo img{display:block;width:100px;height:auto}div[id^=pagePolicy] #pPolicy .bContainerMain{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(0,0,0,.3);padding:16px;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;gap:16px}div[id^=pagePolicy] #pPolicy .bContainerMain .bTitle h1{font-size:1.5rem;line-height:normal;font-weight:700;text-align:center;color:var(--colorSecondary)}@media(min-width:768px){div[id^=pagePolicy] #pPolicy .bContainerMain .bTitle h1{font-size:1.5rem}}div[id^=pagePolicy] #pPolicy .bContent *{line-height:1.3em;margin-bottom:8px;font-size:1rem;line-height:normal}@media(min-width:768px){div[id^=pagePolicy] #pPolicy .bContent *{font-size:1rem}}div[id^=pagePolicy] #pPolicy .bContent * *>*,div[id^=pagePolicy] #pPolicy .bContent :last-child{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:400;margin-bottom:8px}div[id^=pagePolicy] #pPolicy .bContent h1{font-size:2em;font-weight:700}div[id^=pagePolicy] #pPolicy .bContent h2{font-size:1.5rem;font-weight:700}div[id^=pagePolicy] #pPolicy .bContent h3{font-size:1.25rem;font-weight:700}div[id^=pagePolicy] #pPolicy .bContent h4{font-size:1.125rem;font-weight:700}div[id^=pagePolicy] #pPolicy .bContent h5{font-size:1rem;font-weight:700}div[id^=pagePolicy] #pPolicy .bContent h6{font-size:.875rem;font-weight:700}div[id^=pagePolicy] #pPolicy .bContent p{font-size:1rem;line-height:normal}@media(min-width:768px){div[id^=pagePolicy] #pPolicy .bContent p{font-size:1rem}}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;text-decoration:underline;font-weight:700;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 blockquote{color:var(--colorPrimary);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(--colorSecondary);content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.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}div[id^=pagePolicy] #pPolicy .bContent dl{display:block;margin:1em 0}div[id^=pagePolicy] #pPolicy .bContent dl dd,div[id^=pagePolicy] #pPolicy .bContent dl dd>*,div[id^=pagePolicy] #pPolicy .bContent dl dt,div[id^=pagePolicy] #pPolicy .bContent dl dt>*{margin-bottom:18px}div[id^=pagePolicy] #pPolicy .bContent dl dd: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 dt>: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:700}div[id^=pagePolicy] #pPolicy .bBtn{width:100%}div[id^=pageRegister] .wrapContent{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:32px;justify-content:flex-start}div[id^=pageRegister] .wrapContent>*{width:100%}div[id^=pageRegister] #pRegister{position:relative}div[id^=pageRegister] #pRegister .bBanner img{display:block;width:100%;height:auto}div[id^=pageRegister] #pRegister .bForm{margin-inline:auto;width:calc(100% - 32px);background-color:rgba(0,0,0,.3);padding:16px;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}div[id^=pageRegister] #pRegister .bForm>h1{font-size:1.25rem;line-height:normal;font-weight:700;text-align:center;color:var(--colorSecondary)}@media(min-width:768px){div[id^=pageRegister] #pRegister .bForm>h1{font-size:1.25rem}}div[id^=pageRegister] #pRegister .bForm .bFileUpload{cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:80px;background-color:hsla(0,0%,100%,.2);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;padding:12px;gap:8px;background-image:repeating-linear-gradient(90deg,#ffffff,#ffffff 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#ffffff,#ffffff 10px,transparent 0,transparent 18px),repeating-linear-gradient(90deg,#ffffff,#ffffff 10px,transparent 0,transparent 18px),repeating-linear-gradient(180deg,#ffffff,#ffffff 10px,transparent 0,transparent 18px);background-position:0 0,100% 0,0 100%,0 0;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;background-size:100% 1px,1px 100%,100% 1px,1px 100%}div[id^=pageRegister] #pRegister .bForm .bFileUpload p{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;font-size:.875rem;line-height:normal;font-weight:600}@media(min-width:768px){div[id^=pageRegister] #pRegister .bForm .bFileUpload p{font-size:.875rem}}div[id^=pageRegister] #pRegister .bForm .bFileUpload p i{display:block;width:24px;height:24px;background:url(/assets/img/ci/ico-upload.svg) 50% no-repeat;background-size:contain}div[id^=pageRegister] #pRegister .bForm .bFileUpload input{display:none}div[id^=pageRegister] #pRegister .bForm .bTagFile{display:flex;gap:12px;align-items:center;flex-wrap:wrap}div[id^=pageRegister] #pRegister .bForm .bTagFile>p{display:flex;gap:12px;background-color:#fbfcfc;border:1px solid #dce4e9;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;padding:8px}div[id^=pageRegister] #pRegister .bForm .bTagFile>p span{display:flex;gap:8px;font-size:1rem;line-height:normal;color:var(--colorTypoSubtext2)}@media(min-width:768px){div[id^=pageRegister] #pRegister .bForm .bTagFile>p span{font-size:1rem}}div[id^=pageRegister] #pRegister .bForm .bTagFile>p span:before{content:"";display:block;width:24px;height:24px;background:url(/assets/img/ci/ico-image.svg) 50% no-repeat;background-size:contain}div[id^=pageRegister] #pRegister .bForm .bTagFile>p .btnDelete{display:block;width:24px;height:24px;background:url(/assets/img/ci/ico-delete.svg) 50% no-repeat;background-size:contain;border:none}div[id^=pageThankyou] #pThankyou{height:calc(100dvh - 200px)}div[id^=pageThankyou] #pThankyou,div[id^=pageThankyou] #pThankyou .bContent{display:flex;justify-content:center;align-items:center;flex-direction:column}div[id^=pageThankyou] #pThankyou .bContent{background-color:rgba(0,0,0,.3);padding:16px;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;margin-inline:auto;width:calc(100% - 32px);gap:24px}div[id^=pageThankyou] #pThankyou .bContent .bText{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;text-align:center}div[id^=pageThankyou] #pThankyou .bContent .bText .bLogo img{display:block;width:100px;height:auto}div[id^=pageThankyou] #pThankyou .bContent .bText h1{font-size:1.75rem;line-height:normal;font-weight:600;color:var(--colorSecondary)}@media(min-width:768px){div[id^=pageThankyou] #pThankyou .bContent .bText h1{font-size:1.75rem}}div[id^=pageThankyou] #pThankyou .bContent .bText p{font-size:1rem;line-height:normal}@media(min-width:768px){div[id^=pageThankyou] #pThankyou .bContent .bText p{font-size:1rem}}div[id^=pageThankyou] #pThankyou .bContent .bBtnAction{width:100%}html{font-size:var(--baseFontsize);line-height:normal;scroll-padding-top:0}@media(min-width:1024px){html{scroll-padding-top:0}}body{font-family:Noto Sans Thai,sans-serif;font-weight:400;line-height:normal;color:var(--colorTypoBasetext);min-height:-webkit-fill-available;background:var(--colorPrimaryDark);overflow-x:hidden}.container{margin-inline:auto;width:calc(100% - 32px)}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)}.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}.eng,.eng *,.thai,.thai *{font-family:Noto Sans Thai,sans-serif;font-weight:400;line-height:normal}div[id^=page]{width:100%;max-width:500px;margin-inline:auto;min-height:100dvh;box-shadow:0 0 16px 0 rgba(0,0,0,.5);background-color:var(--colorBg);background-size:100% auto;position:relative;padding:0}@media(min-width:1024px){div[id^=page]{padding:0}}div[id^=page] xmp{white-space:pre-wrap;padding:24px;background-color:#000;color:#fff}div[id^=page] .wrapContent{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between}.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:700;font-size:1.125rem;line-height:normal}@media(min-width:768px){#pLoadmore .bLoadmore p{font-size:1.125rem;font-size:1.25rem;line-height:normal}}@media(min-width:768px)and (min-width:768px){#pLoadmore .bLoadmore p{font-size:1.25rem}}.bLang{display:flex;justify-content:flex-end}.bLang #switchLang{display:inline-flex;box-shadow:0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border:1px solid var(--colorPrimaryOutline);background-color:var(--colorBg)}.bLang #switchLang a{font-size:1rem;line-height:normal;font-weight:500;color:var(--colorPrimary);padding:0 12px;line-height:28px;overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;min-width:48px;text-align:center}@media(min-width:768px){.bLang #switchLang a{font-size:1rem}}.bLang #switchLang a.active{background-color:var(--colorSecondary);color:var(--colorWhite)}div.bStep{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;margin-bottom:16px}div.bStep .bBullet{display:block;width:36px;height:8px;background-size:100% auto}div.bStep p{font-size:.75rem;line-height:normal;color:var(--colorGray500)}@media(min-width:768px){div.bStep p{font-size:.75rem}}div.bStep[data-step="1"] .bBullet{background-position:0 0}div.bStep[data-step="2"] .bBullet{background-position:0 -8px}div.bStep[data-step="3"] .bBullet{background-position:0 -16px}.btnCode{display:flex;align-items:center;gap:4px;position:relative;line-height:normal!important}.btnCode,.btnCode:hover{color:var(--colorWhite)}.btnCode span{display:none}.btnCode:before{content:"Copy";box-shadow:0 4px 10px 0 rgba(94,94,94,.25);background-color:#f7f6f6;color:var(--colorPrimary);overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;padding:2px 8px;position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0}.btnCode:after{content:"";width:18px;height:18px;background-color:#f7f6f6}.btnCode.active:before{opacity:1;top:-24px}hr.hrLine{width:100%;max-width:180px;height:1px;border:none;background-size:cover}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.bottom-sheet{background-color:#fff;border-radius:16px 16px 0 0;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;max-width:500px;position:relative}.close-btn{background:none;border:none;font-size:24px;cursor:pointer}.bottom-sheet-content{margin-inline:auto;width:calc(100% - 32px);padding-top:48px;overflow-y:auto;flex:1 1;padding-bottom:100px;scrollbar-width:none;-ms-overflow-style:none}.bottom-sheet-content::-webkit-scrollbar{display:none}.bottom-sheet-content .bottom-sheet-header{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.bottom-sheet-content .bottom-sheet-header h3{margin:0;font-size:1.125rem;line-height:normal;text-align:center;font-weight:700}@media(min-width:768px){.bottom-sheet-content .bottom-sheet-header h3{font-size:1.125rem}}.bottom-sheet-content .bContentPolicy *{line-height:1.3em;margin-bottom:8px;font-size:1rem;line-height:normal}@media(min-width:768px){.bottom-sheet-content .bContentPolicy *{font-size:1rem}}.bottom-sheet-content .bContentPolicy * *>*,.bottom-sheet-content .bContentPolicy :last-child{margin-bottom:0}.bottom-sheet-content .bContentPolicy h1,.bottom-sheet-content .bContentPolicy h2,.bottom-sheet-content .bContentPolicy h3,.bottom-sheet-content .bContentPolicy h4,.bottom-sheet-content .bContentPolicy h5,.bottom-sheet-content .bContentPolicy h6{font-weight:400;margin-bottom:8px}.bottom-sheet-content .bContentPolicy h1{font-size:2em;font-weight:700}.bottom-sheet-content .bContentPolicy h2{font-size:1.5rem;font-weight:700}.bottom-sheet-content .bContentPolicy h3{font-size:1.25rem;font-weight:700}.bottom-sheet-content .bContentPolicy h4{font-size:1.125rem;font-weight:700}.bottom-sheet-content .bContentPolicy h5{font-size:1rem;font-weight:700}.bottom-sheet-content .bContentPolicy h6{font-size:.875rem;font-weight:700}.bottom-sheet-content .bContentPolicy p{font-size:1rem;line-height:normal}@media(min-width:768px){.bottom-sheet-content .bContentPolicy p{font-size:1rem}}.bottom-sheet-content .bContentPolicy img{max-width:100%;height:auto;display:block;margin:0 auto}.bottom-sheet-content .bContentPolicy span{color:var(--colorPrimary)}.bottom-sheet-content .bContentPolicy a{word-break:break-all;text-decoration:underline;font-weight:700;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}.bottom-sheet-content .bContentPolicy blockquote{color:var(--colorPrimary);background:#f9f9f9;border-left:10px solid var(--colorSecondary);margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}.bottom-sheet-content .bContentPolicy blockquote:before{color:var(--colorSecondary);content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}.bottom-sheet-content .bContentPolicy blockquote p{display:inline}.bottom-sheet-content .bContentPolicy hr{width:100%;height:1px;background-color:var(--colorGray700)}.bottom-sheet-content .bContentPolicy table{width:100%}.bottom-sheet-content .bContentPolicy table td{padding:6px}.bottom-sheet-content .bContentPolicy dl{display:block;margin:1em 0}.bottom-sheet-content .bContentPolicy dl dd,.bottom-sheet-content .bContentPolicy dl dd>*,.bottom-sheet-content .bContentPolicy dl dt,.bottom-sheet-content .bContentPolicy dl dt>*{margin-bottom:18px}.bottom-sheet-content .bContentPolicy dl dd:last-child,.bottom-sheet-content .bContentPolicy dl dd>:last-child,.bottom-sheet-content .bContentPolicy dl dt:last-child,.bottom-sheet-content .bContentPolicy dl dt>:last-child{margin-bottom:0}.bottom-sheet-content .bContentPolicy ul li{list-style:disc;margin-bottom:0}.bottom-sheet-content .bContentPolicy b{font-weight:500}.bottom-sheet-content .bContentPolicy strong{font-weight:700}.bottom-sheet-footer{background-color:var(--colorWhite);padding:16px;display:flex;justify-content:flex-end;position:absolute;bottom:0;left:0;width:100%}.btn .btn__spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;margin-right:8px;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn:disabled[aria-busy=true]{background-color:var(--colorPrimary);color:var(--colorWhite);border-color:rgba(0,0,0,0);opacity:.9}.bForm .control-group.validate:after,.bForm .control-group.validate:before{display:none!important}.bForm .control-group.validate.is-invalid:after,.bForm .control-group.validate.is-invalid:before{display:block!important}div[id^=pageWelcome]{background:var(--colorPrimary);color:var(--colorWhite)}div[id^=pageWelcome],div[id^=pageWelcome] .wrapContent{display:flex;justify-content:center;align-items:center;flex-direction:column}div[id^=pageWelcome] .bLogo img{display:block;width:100%;height:auto}