.sc-member{background-image:url(/img/background/bg-member.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--color-primary);position:relative}.sc-member .sc-body{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:50px 0;display:flex}.sc-member .form-default{width:500px;padding:40px}.sc-member .form-legend{line-height:1.2em;font-size:var(--typo-xl);margin-bottom:30px}.sc-member .form-legend+.note{margin-top:-20px}.sc-member .form-fieldset .MuiInputBase-root .MuiInputAdornment-root .MuiIconButton-root{min-width:inherit;height:auto;color:var(--color-gray);border:none;margin-right:5px;padding:0}.sc-member .form-fieldset .MuiInputBase-root .MuiInputAdornment-root .MuiIconButton-root:hover{color:var(--color-default);background-color:#0000}.sc-member .form-group.forgot{text-align:right;margin-top:-10px}.sc-member .form-group.forgot .col{margin-bottom:10px}.sc-member .form-group.forgot .link{color:var(--color-secondary-dark);font-size:var(--typo-vxs);text-decoration:underline}.sc-member .form-group.forgot .link:hover{color:var(--color-primary)}.sc-member .form-group.or{text-align:center}.sc-member .form-group.or .col{margin:20px 0}.sc-member .form-group.or .col:before{content:"";z-index:-1;background-color:#d5d7da;height:1px;margin:auto;position:absolute;inset:0 7.5px}.sc-member .form-group.or .txt{font-size:16px;font-weight:var(--fw-bold);color:var(--color-dark);background-color:var(--color-light);padding:0 18px;display:inline-block}.sc-member .form-group.or .form-action{padding-top:0}.sc-member .form-group.note p{font-size:var(--typo-xs);margin:0}.sc-member .form-action-other{margin-bottom:20px}.sc-member .form-action-other .link{color:#717680;min-height:48px;font-size:var(--typo-xs);font-weight:var(--fw-bold);text-align:center;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 40px;display:flex;position:relative}.sc-member .form-action-other .link .icon{width:22px;height:22px;margin:auto;position:absolute;top:0;bottom:0;left:40px}.sc-member .form-action-other .link .icon svg{width:100%;display:block}.sc-member .form-action-other .link:hover{background-color:var(--color-border);text-decoration:none}.sc-member .form-action-other .link+.link{margin-top:10px}.sc-member .form-action{padding-top:10px}.sc-member .form-action .MuiButtonBase-root{width:100%}.sc-member .form-action+.form-group.or .col{margin:20px 0}.sc-member .form-action .txt-edit,.sc-member .form-action .txt-password{display:none}.sc-member .form-status{text-align:center}.sc-member .form-status .icon{background-color:var(--color-light);border-style:solid;border-width:5px;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;padding:5px;display:flex}.sc-member .form-status .icon .inner{height:100%;color:var(--color-light);border-radius:50%;flex:0 0 100%;justify-content:center;align-items:center;display:flex}.sc-member .form-status .icon .MuiSvgIcon-root{font-size:40px}.sc-member .form-status .icon.-success{border-color:var(--color-primary)}.sc-member .form-status .icon.-success .inner{background-color:var(--color-primary)}.sc-member .form-status .icon.-failed{border-color:var(--color-error)}.sc-member .form-status .icon.-failed .inner{background-color:var(--color-error)}.sc-member .form-status .title{font-size:var(--typo-xl);font-weight:var(--fw-bold);color:var(--color-primary);letter-spacing:0;margin-bottom:5px}.sc-member .form-status .desc{font-size:var(--typo-xs);font-weight:var(--fw-medium);color:var(--color-default);letter-spacing:0}.sc-member .form-status .desc.no-padding{margin-bottom:0}.sc-member .form-status .extra-footer{padding-top:10px}.sc-member .verify-code{text-align:center}.sc-member .verify-code .txt{font-size:var(--typo-xs);color:var(--color-default);margin-bottom:10px;display:block}.sc-member .verify-code .time{font-size:var(--typo-xs);color:var(--color-default);margin-bottom:5px;display:block}.sc-member .verify-code ul{justify-content:center;gap:10px;margin:0 0 25px;padding:0;list-style:none;display:flex}.sc-member .verify-code ul>li{flex:none}.sc-member .verify-code .MuiFormControl-root .MuiFormLabel-root{display:none}.sc-member .verify-code .MuiFormControl-root .MuiOutlinedInput-root input{text-align:center;width:40px;min-height:52px;font-size:var(--typo-md2);font-weight:var(--fw-bold);color:var(--color-secondary-dark);padding:0}.sc-member-into{justify-content:space-between;align-items:center;width:100%;margin-bottom:50px;display:flex}.sc-member-into .brand{align-items:center;display:flex}.sc-member-into .logo>img{max-width:74px;height:100%;margin:0 auto;display:block}.sc-member-into .content{padding-left:55px}.sc-member-into .title{font-size:var(--typo-lg);font-weight:var(--fw-bold);color:var(--color-light);margin:0 0 5px;line-height:1.4em}.sc-member-into .desc{font-size:var(--typo-default);font-weight:var(--fw-light);color:var(--color-light);line-height:1.4em}.sc-member-into .action{padding-top:0}.member-login{width:1090px}.member-login .form-default{width:100%;padding:60px;display:flex}.member-login .form-fieldset{flex:1 0}.member-login .or-box{z-index:1;flex:none;justify-content:center;align-items:center;padding:0 75px;display:flex;position:relative}.member-login .or-box:before{content:"";background-color:var(--color-secondary-dark);z-index:-1;width:2px;margin:auto;position:absolute;inset:0}.member-login .or-box .txt{font-size:13px;font-weight:var(--fw-bold);color:var(--color-light);background-color:var(--color-secondary-dark);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.member-login .thaiID .thumb{width:200px;margin:0 auto}.member-login .thaiID .ratio{border-radius:30px}.member-login .thaiID .form-action .MuiButtonBase-root{background-color:#030650}.member-login .thaiID .form-action .MuiButtonBase-root:hover{background-color:var(--color-primary)}.member-login.-authentication .form-default{width:100%;padding:30px 50px;display:flex}.member-login.-authentication .form-default.-success{justify-content:center}.member-login.-authentication .form-default.-success .form-fieldset{flex:none}.member-login.-authentication .form-default.-success .form-fieldset.-verify .content,.member-login.-authentication .form-default.-success .form-fieldset .content{padding-right:0}.member-login.-authentication .form-default.-mail{flex-direction:column;justify-content:center}.member-login.-authentication .form-default.-mail .content{text-align:center}.member-login.-authentication .form-default.-mail .form-action-other{margin-bottom:0;padding-top:25px}.member-login.-authentication .form-default.-mail .form-action-other .link{max-width:380px;box-shadow:var(--box-shadow3);min-height:52px;margin:0 auto;padding-left:50px;padding-right:20px}.member-login.-authentication .form-default.-mail .form-action-other .link .icon{left:20px}.member-login.-authentication .form-legend+.note .col{margin-bottom:0}.member-login.-authentication .thumb{flex:none}.member-login.-authentication .thumb .cover-img{width:100%;max-width:213px;height:auto;margin:-70px 0 -15px}.member-login.-authentication .form-fieldset{align-items:center;display:flex}.member-login.-authentication .form-fieldset .content{flex:none;max-width:345px;padding:0 50px}.member-login.-authentication .form-fieldset .form{flex:1 0;padding:0 0 0 50px}.member-login.-authentication .form-fieldset.-verify .content{max-width:420px;padding-right:30px}.member-login.-authentication .form-fieldset.-verify .form .form-action{max-width:300px;margin:0 auto}.member-login.-authentication .form-fieldset.-verify .form .form-action .MuiButton-containedSecondary{min-width:172px}.member-login.-authentication .form-action{justify-content:space-between;padding-top:10px}.member-login.-authentication .form-action .MuiButtonBase-root{width:auto}.member-note{line-height:1.4em;font-size:var(--typo-xs);color:var(--color-light);text-align:center;background-color:#ffffff4d;border-radius:30px;margin-top:30px;padding:8px 15px}.member-register .form-default{width:1000px}.member-register .form-group.note p{font-size:var(--typo-sm)}.member-register .form-group .radio-box .MuiFormControl-root{flex-direction:row;align-items:center;gap:20px}.member-register .form-group.-checkbox .MuiFormGroup-root.box{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.member-register .form-group.-checkbox .MuiFormGroup-root.box+.box{margin-top:10px}.member-register .form-group.-checkbox .MuiCheckbox-root{flex:none;min-width:33px;padding-left:0}.member-register .form-group.-checkbox .MuiTypography-root{display:none}.member-register .form-group.-checkbox .link{color:var(--color-black);font-size:var(--typo-xs);font-weight:var(--fw-bold);flex:none;text-decoration:underline}.member-register .form-group.-checkbox .link:hover{color:var(--color-secondary-dark)}.member-register .form-group.-checkbox .show-label .MuiTypography-root{color:var(--color-black);display:block}.member-register .form-action-other{align-items:center;gap:15px;display:flex}.member-register .form-action-other .link{flex:1 0}.member-register .form-action-other .link+.link{margin-top:0}.member-register .form-action{padding-top:0}.member-register .form-action .MuiButtonBase-root{width:auto;min-width:170px}.member-register .form-action.-profile{display:none}.member-register .form-action.-terms{justify-content:space-between;padding-top:30px}.member-register .terms-infomation{background-color:#f6f6f6;border-radius:16px;margin-bottom:30px;padding:20px}.member-register .terms-infomation .txt{text-align:center;color:var(--color-primary)}.member-register .terms-infomation p{color:var(--color-black);font-size:var(--typo-vxs);text-indent:50px}.member-register .terms-infomation p:last-child{margin-bottom:0}.member-register.modal{height:auto}.member-register.modal .form-default{width:auto;box-shadow:none;background-color:#0000;padding:0}.member-register.modal .form-legend{margin-bottom:15px}.member-register.modal .form-group .radio-box .MuiFormControl-root{flex-direction:column;gap:5px}.member-register.modal .form-fieldset .MuiFormGroup-root .MuiTypography-root{font-weight:var(--fw-medium)}html[data-asw-filter=dark-contrast] .sc-member{background-blend-mode:luminosity;background-color:var(--color-light)}html[data-asw-filter=dark-contrast] .sc-member .form-group.forgot .link{color:var(--color-dark)}html[data-asw-filter=dark-contrast] .sc-member-into .logo>img{filter:grayscale()}html[data-asw-filter=dark-contrast] .member-login .or-box:before{background-color:var(--color-default)}html[data-asw-filter=dark-contrast] .member-login .or-box .txt{background-color:var(--color-default);color:var(--color-light)}html[data-asw-filter=dark-contrast] .member-login .thaiID .ratio{filter:grayscale()}html[data-asw-filter=dark-contrast] .member-login .thaiID .form-action .MuiButtonBase-root{background-color:var(--color-black)}html[data-asw-filter=dark-contrast] .member-login .thaiID .form-action .MuiButtonBase-root:hover{color:var(--color-light)}html[data-asw-filter=dark-contrast] .sc-member .form-status .icon{background-color:var(--color-light)}html[data-asw-filter=dark-contrast] .sc-member .form-status .icon.-success{border-color:var(--color-black)}html[data-asw-filter=dark-contrast] .sc-member .form-status .icon.-success .inner{background-color:var(--color-black)}html[data-asw-filter=dark-contrast] .sc-member .form-status .icon .MuiSvgIcon-root{color:var(--color-light)}html[data-asw-filter=dark-contrast] .sc-member .form-status .title{color:var(--color-black)}html[data-asw-filter=dark-contrast] .member-register .form-group.-checkbox .link:hover{color:var(--color-dark)}html[data-asw-filter=dark-contrast] .member-register .terms-infomation{background-color:#0000001a}html[data-asw-filter=dark-contrast] .member-login.-authentication .thumb .cover-img{filter:grayscale()}html[data-asw-filter=dark-contrast] .sc-member .verify-code .MuiFormControl-root .MuiOutlinedInput-root input{color:var(--color-black)}html[data-asw-filter=dark-contrast] .sc-member .form-action-other .link .icon svg{filter:grayscale()}html[data-asw-filter=yellow-contrast] .sc-member{background-blend-mode:luminosity;background-color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .sc-member .form-group.forgot .link{color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .sc-member .form-group.or .txt{background-color:var(--color-yellow-light)}html[data-asw-filter=yellow-contrast] .sc-member-into .logo>img{filter:grayscale()}html[data-asw-filter=yellow-contrast] .sc-member-into .title,html[data-asw-filter=yellow-contrast] .sc-member-into .desc{color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .member-login .or-box:before{background-color:var(--color-default)}html[data-asw-filter=yellow-contrast] .member-login .or-box .txt{background-color:var(--color-default);color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .member-login .thaiID .ratio{filter:grayscale()}html[data-asw-filter=yellow-contrast] .member-login .thaiID .form-action .MuiButtonBase-root{background-color:var(--color-black)}html[data-asw-filter=yellow-contrast] .member-login .thaiID .form-action .MuiButtonBase-root:hover,html[data-asw-filter=yellow-contrast] .member-note{color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .sc-member .form-status .icon{background-color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .sc-member .form-status .icon.-success{border-color:var(--color-black)}html[data-asw-filter=yellow-contrast] .sc-member .form-status .icon.-success .inner{background-color:var(--color-black)}html[data-asw-filter=yellow-contrast] .sc-member .form-status .icon .MuiSvgIcon-root{color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .sc-member .form-status .title{color:var(--color-black)}html[data-asw-filter=yellow-contrast] .member-register .form-group.-checkbox .link:hover{color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .member-register .terms-infomation{background-color:#0000001a}html[data-asw-filter=yellow-contrast] .member-login.-authentication .thumb .cover-img{filter:grayscale()}html[data-asw-filter=yellow-contrast] .sc-member .verify-code .MuiFormControl-root .MuiOutlinedInput-root input{color:var(--color-black)}html[data-asw-filter=yellow-contrast] .sc-member .form-action-other .link{background-color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .sc-member .form-action-other .link .icon svg{filter:grayscale()}@media (max-width:1600px){.sc-member .sc-body{gap:120px}.sc-member .form-default{width:480px}.sc-member .form-action-other .link .icon{left:35px}.member-login .form-default{width:100%}.member-register .form-default{width:900px}.member-login.-authentication .thumb .cover-img{max-width:190px;margin:-60px 0 -15px}.member-login.-authentication .form-fieldset .content{max-width:325px;padding:0 40px}.member-login.-authentication .form-fieldset .form{padding:0 0 0 40px}.member-login.-authentication .form-fieldset.-verify .content{max-width:410px}}@media (max-width:1440px){.sc-member .form-default{width:450px}.sc-member .form-action-other .link{min-height:46px;padding:8px 30px}.sc-member .form-action-other .link .icon{left:30px}.sc-member-into .logo>img{max-width:110px}.member-login .form-default{width:100%}.member-register .form-default{width:900px}.member-login.-authentication .thumb .cover-img{max-width:180px;margin:-50px 0 -10px}.member-login.-authentication .form-fieldset .content{max-width:305px;padding:0 30px}.member-login.-authentication .form-fieldset .form{padding:0 0 0 30px}.member-login.-authentication .form-fieldset.-verify .content{max-width:400px}}@media (max-width:1199px){.sc-member .form-default{width:400px;padding:30px}.sc-member .form-legend+.note{margin-top:-15px}.sc-member .form-action-other .link{min-height:40px;font-size:var(--typo-xs);padding:5px 30px}.sc-member .form-action-other .link .icon{left:30px}.sc-member .form-status .icon{border-width:4px;width:70px;height:70px}.sc-member .form-status .icon .MuiSvgIcon-root{font-size:35px}.sc-member-into .logo>img{max-width:80px}.sc-member-into .content{padding-left:45px}.member-login,.member-login .form-default{width:100%}.member-login .form-legend{margin-bottom:25px}.member-login .thaiID .thumb{width:189px}.member-login .or-box{padding:0 45px}.member-register,.member-register .form-default{width:100%}.member-login.-authentication .thumb .cover-img{max-width:160px;margin:-40px 0 -10px}.member-login.-authentication .form-fieldset .content{max-width:285px;padding:0 20px}.member-login.-authentication .form-fieldset .form{padding:0 0 0 20px}.member-login.-authentication .form-fieldset.-verify .content{max-width:370px;padding-right:20px}.member-login.-authentication .form-fieldset.-verify .form .form-action .MuiButton-containedSecondary{min-width:160px}}@media (max-width:991px){.sc-member .sc-body{min-height:inherit;gap:60px}.sc-member .form-default{width:320px}.sc-member .form-legend{margin-bottom:20px}.sc-member .form-action-other .link .icon{left:15px}.sc-member .form-status .icon{border-width:3px;width:60px;height:60px;padding:3px}.sc-member .form-status .icon .MuiSvgIcon-root{font-size:30px}.sc-member .verify-code .MuiFormControl-root .MuiOutlinedInput-root input{width:32px;min-height:40px;font-size:var(--typo-sm)}.sc-member-into .logo>img{max-width:50px}.sc-member-into .content{padding-left:15px}.member-login .form-default{width:100%}.member-login .thaiID .thumb{width:189px}.member-login .or-box{padding:0 25px}.member-register .form-default{width:100%}.member-login.-authentication .form-default{padding:30px}.member-login.-authentication .thumb .cover-img{max-width:100px;margin:0}.member-login.-authentication .form-fieldset .content{max-width:285px;padding:0 20px}.member-login.-authentication .form-fieldset .form{padding:0 0 0 20px}.member-login.-authentication .form-fieldset.-verify .content{max-width:300px}.member-login.-authentication .form-fieldset.-verify .form .form-action .MuiButton-containedSecondary{min-width:inherit}}@media (max-width:767px){.sc-member .sc-body{flex-direction:column}.sc-member .form-default{width:100%;padding:32px 24px}.sc-member .form-legend{margin-bottom:15px}.sc-member .form-legend+.note{margin-top:-5px}.sc-member .form-action+.form-group.or .col{margin:15px 0}.sc-member .verify-code ul{margin:0 0 10px}.sc-member .verify-code .time{margin-bottom:15px}.sc-member-into{flex-direction:column;margin-bottom:30px}.sc-member-into .brand{text-align:center;flex-direction:column;margin-bottom:15px}.sc-member-into .logo{margin-bottom:10px}.sc-member-into .logo>img{max-width:40px}.sc-member-into .title{font-size:var(--typo-lg)}.sc-member-into .desc{font-size:var(--typo-default)}.member-login .form-default{flex-direction:column}.member-login .or-box{padding:25px 0}.member-login .or-box:before{width:100%;height:2px}.member-login .thaiID .thumb{width:120px}.member-login .thaiID .ratio{border-radius:20px}.member-note{border-radius:10px;margin-top:20px}.member-register .form-group .radio-box{padding-top:0}.member-register .form-action-other{flex-direction:column;gap:10px}.member-register .form-action-other .link{width:100%}.member-register .form-action .MuiButtonBase-root{min-width:140px}.member-register .form-action.-terms{flex-direction:column-reverse}.member-login.-authentication .form-default{padding:15px}.member-login.-authentication .thumb{flex:0 0 100%}.member-login.-authentication .thumb .cover-img{max-width:100px;margin:-25px auto 0;display:block}.member-login.-authentication .form-fieldset{display:block}.member-login.-authentication .form-fieldset .content{max-width:inherit;text-align:center;padding:15px 0}.member-login.-authentication .form-fieldset .form{padding:0}.member-login.-authentication .form-action{padding-top:0}.member-login.-authentication .form-fieldset.-verify .content{max-width:100%;padding-right:0}.member-login.-authentication .form-fieldset.-verify .form .form-action{width:100%}.member-login.-authentication .form-fieldset.-verify .form .form-action .MuiButton-containedSecondary{min-width:inherit}.member-login.-authentication .form-default.-success .form-fieldset .form-action{justify-content:center;padding-top:10px}}