.fn-modal-login>.modal-dialog{max-width:fit-content;margin:1.75rem auto}.fn-phone-email>span{height:24px;width:24px;vertical-align:middle}.fn-phone-email span>img{vertical-align:top}.fn-modal-login .modal-dialog>.modal-content{font:var(--sarabun-m) var(--font-family-sarabun);border:none;background-color:var(--btn-2-white);border-radius:var(--border-rad-popup);padding:var(--p-24) var(--p-32) 0 var(--p-32)}.fn-modal-login .modal-dialog.fn-modal-1button>.modal-content{width:384px}.fn-modal-login .modal-dialog .modal-content>.modal-body{text-align:left;border:0;padding:0 2px 3px 4px}.fn-modal-login .modal-dialog .modal-content>.modal-header{justify-content:center;border:0;padding:0;z-index:199}.fn-modal-login .modal-dialog .modal-content>.modal-body{border:0;padding:0 0 0 0}.fn-modal-login .modal-dialog .modal-content>.modal-footer{justify-content:center;border:0;padding:0 0 0 0}.fn-modal-login .modal-footer>.fn-btn-M{width:100%}.fn-btn-close{border:0;background:url(../images/icon-other-grey-close-menu.svg);opacity:1;width:36px;height:36px}.fn-modal-login .col-12>.fn-logo-heade{width:100%;display:none}.fn-modal-login+.fn-close-modal{position:absolute;top:12px;right:12px}.fn-modal-login>.fn-info-display{display:inline-flex;justify-content:space-evenly}.fn-modal-login .fn-info-display>.fn-nav{margin:0;padding:0;text-align:center;width:100%;list-style:none;border-bottom:1px solid var(--line-4-grey)}.fn-modal-login .fn-info-display .fn-nav .fn-nav-menu>.fn-nav-tabs{width:50%;border:0;justify-content:center}.fn-modal-login .fn-info-display .fn-nav>.nav-tabs{border-bottom:0}.fn-modal-login .fn-info-display .fn-nav>.fn-nav-menu>a{font:normal var(--noto-xxs) var(--font-family-Noto);height:100%;padding:24px 0 8px;text-decoration:none;text-align:center;color:var(--1-txt-1-black)}.fn-modal-login .fn-info-display .fn-nav .fn-nav-menu>a.active{font:bold var(--noto-xxs) var(--font-family-Noto);color:var(--1-txt-6-mint);text-decoration-line:none;position:relative}.fn-modal-login .fn-info-display .fn-nav .fn-nav-menu>a.active::before{content:"";position:absolute;width:100%;height:4px;left:0;bottom:0;background-color:var(--line-1-active);border-top-left-radius:2px;border-top-right-radius:2px}.fn-login-btn>.fn-button{width:100%}.fn-modal-login .fn-info-display>.tab-content{width:100%}.fn-modal-login .fn-info-display>span{font:normal var(--noto-xxs) var(--font-family-Noto);color:var(--1-txt-1-black)}.fn-forget-pass,.fn-forget-pass:is(:hover){font:bold var(--noto-xxs) var(--font-family-Noto);color:var(--btn-1-mint)}.fn-display-alert{display:none}.fn-login-alert{font:normal var(--noto-xxxs) var(--font-family-sarabun);background-color:var(--tone-5-red-7);border-radius:var(--border-rad-normal);width:100%;padding:16px;line-height:23px}.fn-login-alert>a:hover,.fn-login-alert>a:active{color:#1d1d1d}.fn-popup-password{display:flex;position:relative}.fn-password-invisible{display:block!important;padding:17px 16px;position:absolute;right:0}.fn-modal-login>.fn-login-footer{padding-bottom:32px;text-align:center;margin-top:auto}.fn-modal-login .fn-login-footer>.container span{font:normal var(--noto-xxxxs) var(--font-family-Noto)}.fn-text-confirmpassword{font:500 var(--noto-xxxs) var(--font-family-Noto);padding:4px 16px 16px}.fn-valid-password{font:500 var(--noto-xxxs) var(--font-family-Noto);color:var(--syst-1-error);padding:4px 16px 16px}.errorempty input[type="password"]{box-shadow:inset 0 0 0 2px var(--line-3-error);background-color:var(--btn-2-white);border-color:transparent!important}.fn-text-alert{font:normal var(noto-xxs) var(--font-family-Noto);background-color:var(--tone-1-orange-7);border-radius:var(--border-rad-normal);text-align:center;padding:16px 0;width:100%}.fn-valid{padding:4px 16px 0;font:500 var(--noto-xxxs) var(--font-family-Noto);color:var(--syst-1-error)}.fn-valid-email{padding:4px 16px 0;font:500 var(--noto-xxxs) var(--font-family-Noto);color:var(--syst-1-error)}.fn-text-bottom{font:normal var(--noto-xxxxs) var(--font-family-Noto);color:var(--1-txt-3-caption);padding-bottom:24px}.modal-header>.row{margin:0}.fn-form-text.errorempty .fn-valid-feedback>span,.fn-form-text.errorempty+.fn-valid-feedback>span,.fn-form-text>.errorempty~.fn-valid-email>span{display:none}.fn-modal-login>.fn-login-footer{padding-top:16px;padding-bottom:24px;text-align:center;margin-top:auto}.fn-policy-link,.fn-cookie-link{color:var(--1-txt-3-caption)}.fn-policy-link:hover,.fn-cookie-link:hover{color:var(--btn-5-hover)}.modal-body>.fn-modal-body{height:100%;display:flex;flex-direction:column}.grecaptcha-badge{visibility:hidden}@media (max-width:991px){.form-login>.mt32{margin-top:0}.fn-modal-login .col-12>.fn-logo-heade{display:flex;justify-content:center}.fn-modal-login>.modal-dialog{margin-top:0;margin-bottom:0}.fn-modal-login .modal-dialog>.modal-content{border-radius:0;padding:var(--p-8) var(--p-20) 0 var(--p-20)}.fn-modal-login+.fn-close-modal{display:inline-flex}#fn-popup-login{background-color:#fff}}