#loginForm .login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;position:fixed;top:0;left:0;width:100%;height:100%;font-size:18px}#loginForm .input-group{position:relative;margin:0;font-size:14px}#loginForm .input-group [data-label]{position:absolute;top:2px;left:52px;color:#999;transition:0s ease all;pointer-events:none;line-height:16px;height:40px;word-break:break-word;align-items:center;display:flex}#loginForm .input-group input:not(:focus)+[data-label]{transition:.2s ease all}#loginForm .input-group span[data-fixfield]:not(:empty)+[data-label],#loginForm .input-group input:focus+[data-label],#loginForm .input-group input:not(:placeholder-shown)+[data-label],#loginForm .input-group .otp-container+[data-label]{top:-23px;left:-2px;font-size:14px;color:#e43323;padding:0 3px;border-radius:5px;font-weight:700;height:20px}#loginForm button{margin-top:20px}.input-group h1{color:#0b91ff;position:relative;width:auto;font-size:36px;display:flex;justify-content:center;align-items:center;margin:0;padding:0}[data-logo]::before{content:"";background:url(../image/Logo.png) center center no-repeat;background-size:contain;width:28px;height:32px;display:block;margin-right:10px}.widelogo [data-logo]::before{content:"";background:url(../image/logo_wide.png) center center no-repeat;background-size:contain;width:250px;height:52px;display:block;margin-right:10px}.widelogo [data-logo]~div,.widelogo [data-logo]~span{display:none}[data-status]{display:none;padding:0 10px;border-radius:10px;box-sizing:border-box;text-align:center;max-width:400px;width:100%;position:relative;overflow:hidden}[data-status]{border:2px solid rgba(227,227,227,1);transition:border .3s .2s}[data-status="visible"]{display:block}[data-status="visible"]::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#f8f8f8,#fff);z-index:-1;opacity:1}[data-status="visible"]:hover::before{opacity:0;transition:opacity .3s 1.2s}[data-status="visible"]:hover::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#fefcf0,#fff);z-index:-1;opacity:0}[data-status="visible"]:hover::after{opacity:1;transition:opacity .3s 1.2s}[data-status="visible"]:hover{box-shadow:0 0 12px rgba(0,0,0,.12);border:2px solid rgba(227,227,227,1);transition:box-shadow .3s 1.2s,border .3s .2s}.systemname{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;font-size:21px;margin:0;padding:15px 0 0 0;font-weight:700}.systemname:before{content:"";flex-grow:1;border-bottom:3px solid #f3ca1f}.systemname:after{content:"";flex-grow:1;border-bottom:3px solid #f3ca1f}.systemname>span{padding:0 10px}.subname{font-size:12px;color:#fff;margin:10px 0 0 0;padding:2px 10px;line-height:15px;background:#f3ca1f;border-radius:20px;display:inline-block}form{overflow:hidden;overflow-y:auto;max-height:80vh;box-sizing:content-box;padding:30px 10px 20px 10px}form::-webkit-scrollbar{width:0;background:transparent}form .input-group:nth-child(1){position:sticky !important;top:0;z-index:9;height:56px;transition:box-shadow .3s ease-in-out}form .input-group:nth-child(1).shadow::after{content:"";backdrop-filter:blur(5px);z-index:-1;width:calc(100% + 20px);left:-10px;height:88px;display:block;position:absolute;bottom:0;box-shadow:0 2px 10px -5px rgba(0,0,0,.3)}form .input-group:last-child{position:sticky !important;bottom:0;z-index:9;transition:box-shadow .3s ease-in-out}form .input-group:last-child.shadow::after{content:"";height:78px;width:calc(100% + 20px);left:-10px;box-shadow:0 -2px 10px -5px rgba(0,0,0,.3);display:block;position:absolute;z-index:-1;bottom:-20px;backdrop-filter:blur(5px)}.language{position:absolute;top:0;right:0;display:none;z-index:3;cursor:pointer}.language>span{position:absolute;top:0;right:0}.language>span::before{content:'';background:url(../image/iconpic/country/taiwan.png) 0 0 no-repeat;width:29px;height:30px;display:block;position:absolute;top:5px;right:0}html:lang(zh-CN) .language>span::before{background:url(../image/iconpic/country/china.png) 0 0 no-repeat}html:lang(en-US) .language>span::before{background:url(../image/iconpic/country/america.png) 0 0 no-repeat}html:lang(ja) .language>span::before{background:url(../image/iconpic/country/japan.png) 0 0 no-repeat}html:lang(th) .language>span::before{background:url(../image/iconpic/country/thailand.png) 0 0 no-repeat}html:lang(ko) .language>span::before{background:url(../image/iconpic/country/korea.png) 0 0 no-repeat}html:lang(vi) .language>span::before{background:url(../image/iconpic/country/vietnam.png) 0 0 no-repeat}.language{position:absolute;transition:all .2s ease;top:0;right:0;z-index:111;width:47px;height:38px}.language:after{content:'';position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,#fff 0,#b3b3b3) 100% 0 no-repeat;width:1.73em;height:3em;transform:translateY(-1.3em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15);transition:all .2s ease}.language:hover{position:absolute;top:0;right:0;z-index:111;transition:all .2s ease;z-index:1566;width:73px;height:60px}.language:hover:after{content:'';position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,#fff 0,#bcbcbc) 100% 0 no-repeat;width:2.6em;height:4.5em;transform:translateY(-1.7em) rotate(-27.5deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15);transition:all .2s ease;border-bottom-left-radius:9px;border-bottom-left-radius:4px}.language:before{content:'';position:absolute;top:0;right:0;background:linear-gradient(to right top,#ffffff00 50%,#adadad 0,#ffffff00) 100% 0 no-repeat;width:3em;height:1.73em;transform:translateY(0) rotate(0deg);transform-origin:top right;border-top-right-radius:inherit;transition:all .2s ease;border-top-right-radius:5px}.language:hover:before{content:'';position:absolute;top:0;right:0;background:linear-gradient(to right top,transparent 50%,#cecece 0,#fff) 100% 0 no-repeat;width:4.5em;height:2.8em;transform:translateY(0) rotate(0deg);transform-origin:bottom right;border-top-right-radius:inherit;transition:all .2s ease;border-top-right-radius:5px}.goback{position:absolute;top:0;right:0;display:block;z-index:3;cursor:pointer}.goback>span{position:absolute;top:0;right:0}.goback>span::before{content:'';color:#fff;font-weight:900;font-family:"Font Awesome 6 Free";font-style:normal;font-variant:normal;line-height:1;width:29px;height:30px;display:block;position:absolute;top:5px;right:0}.goback:hover>span::before{color:#51cbee}.goback{position:absolute;transition:all .2s ease;top:0;right:0;z-index:111;width:47px;height:38px}.goback:after{content:'';position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,#fff 0,#b3b3b3) 100% 0 no-repeat;width:1.73em;height:3em;transform:translateY(-1.3em) rotate(-30deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15);transition:all .2s ease}.goback:hover{position:absolute;top:0;right:0;z-index:111;transition:all .2s ease;z-index:1566;width:73px;height:60px}.goback:hover:after{content:'';position:absolute;top:0;right:0;background:linear-gradient(to left bottom,transparent 50%,#fff 0,#bcbcbc) 100% 0 no-repeat;width:2.6em;height:4.5em;transform:translateY(-1.7em) rotate(-27.5deg);transform-origin:bottom right;border-bottom-left-radius:inherit;box-shadow:-.2em .2em .3em -.1em rgba(0,0,0,.15);transition:all .2s ease;border-bottom-left-radius:9px}.goback:before{content:'';position:absolute;top:0;right:0;background:linear-gradient(to right top,#ffffff00 50%,#adadad 0,#ffffff00) 100% 0 no-repeat;width:3em;height:1.73em;transform:translateY(0) rotate(0deg);transform-origin:top right;border-top-right-radius:inherit;transition:all .2s ease;border-top-right-radius:5px}.goback:hover:before{content:'';position:absolute;top:0;right:0;background:linear-gradient(to right top,transparent 50%,#cecece 0,#fff) 100% 0 no-repeat;width:4.5em;height:2.8em;transform:translateY(0) rotate(0deg);transform-origin:bottom right;border-top-right-radius:inherit;transition:all .2s ease;border-top-right-radius:5px}.aux-action{cursor:pointer;width:auto;display:inline-block;line-height:20px;height:30px}.aux-action:hover{color:#ff8b00}.input_field{transition:box-shadow .6s 1.6s ease,border .6s 1.6s ease;box-shadow:0 0 0 0 rgba(0,0,0,0) inset}.input_field>div.el-input{flex:1;position:absolute;top:2px;left:40px !important;width:calc(100% - 50px) !important;border:0 none;height:38px}.input_field>div.el-input>.el-input__wrapper{border:0 none;background:transparent;box-shadow:none;padding:0 !important;transition:none;width:100%}.input_field>div.el-input>.el-input__wrapper>input{left:0 !important;width:100% !important;position:relative !important;top:auto !important}.input_field>div.el-input+[data-label]{transition:.2s ease all !important}.input_field>div.el-input+[data-label].active{top:-23px !important;left:-2px !important;font-size:14px !important;color:#e43323 !important;padding:0 3px !important;border-radius:5px;font-weight:700;height:20px !important;transition:.2s ease all !important}.input_field>div.el-input+[data-label].active span{animation:slideUp .2s forwards !important}.input_field>div.el-input+[data-label].active span:nth-child(1){animation-delay:calc(var(--placeholder-delay-increment)*1) !important}.input_field>div.el-input+[data-label].active span:nth-child(2){animation-delay:calc(var(--placeholder-delay-increment)*2) !important}.input_field>div.el-input+[data-label].active span:nth-child(3){animation-delay:calc(var(--placeholder-delay-increment)*3) !important}.input_field>div.el-input+[data-label].active span:nth-child(4){animation-delay:calc(var(--placeholder-delay-increment)*4) !important}.input_field>div.el-input+[data-label].active span:nth-child(5){animation-delay:calc(var(--placeholder-delay-increment)*5) !important}.input_field>div.el-input+[data-label].active span:nth-child(6){animation-delay:calc(var(--placeholder-delay-increment)*6) !important}.input_field>div.el-input+[data-label].active span:nth-child(7){animation-delay:calc(var(--placeholder-delay-increment)*7) !important}.input_field>div.el-input+[data-label].active span:nth-child(8){animation-delay:calc(var(--placeholder-delay-increment)*8) !important}.input_field>div.el-input+[data-label].active span:nth-child(9){animation-delay:calc(var(--placeholder-delay-increment)*9) !important}.input_field>div.el-input+[data-label].active span:nth-child(10){animation-delay:calc(var(--placeholder-delay-increment)*10) !important}.input_field>div.el-input+[data-label].active span:nth-child(11){animation-delay:calc(var(--placeholder-delay-increment)*11) !important}.input_field>div.el-input+[data-label].active span:nth-child(12){animation-delay:calc(var(--placeholder-delay-increment)*12) !important}.input_field>div.el-input+[data-label].active span:nth-child(13){animation-delay:calc(var(--placeholder-delay-increment)*13) !important}.input_field>div.el-input+[data-label].active span:nth-child(14){animation-delay:calc(var(--placeholder-delay-increment)*14) !important}.input_field>div.el-input+[data-label].active span:nth-child(15){animation-delay:calc(var(--placeholder-delay-increment)*15) !important}.input_field>div.el-input+[data-label].active span:nth-child(16){animation-delay:calc(var(--placeholder-delay-increment)*16) !important}.input_field>div.el-input+[data-label].active span:nth-child(17){animation-delay:calc(var(--placeholder-delay-increment)*17) !important}.input_field>div.el-input+[data-label].active span:nth-child(18){animation-delay:calc(var(--placeholder-delay-increment)*18) !important}.input_field>div.el-input+[data-label].active span:nth-child(19){animation-delay:calc(var(--placeholder-delay-increment)*19) !important}.input_field>div.el-input+[data-label].active span:nth-child(20){animation-delay:calc(var(--placeholder-delay-increment)*20) !important}.input_field>div.el-input+[data-label].active span:nth-child(21){animation-delay:calc(var(--placeholder-delay-increment)*21) !important}.input_field span[data-fixfield]{color:#000;background:#fff6d3;flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:25px;border:0 none;border-left:1px solid #dfdfdf;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box;font-weight:bold}.input_field span[data-fixfield]:empty{flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:25px;border:0 none;border-left:1px solid #dfdfdf;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box;font-weight:bold}.form_group{position:relative;height:25px;text-align:left;margin:0 auto 5px;display:inline-block;width:calc(100% - 2px)}.form_group>div{outline:0;height:40px;padding-left:3px;padding-right:3px;box-sizing:border-box;color:#008fff;font-size:14px}.form_group label{line-height:30px !important;position:relative !important;left:0 !important}.form_group [data-label]{line-height:30px !important;position:relative !important;left:0 !important}#loginForm .input_field:hover{-webkit-box-shadow:0 0 5px rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,1);border:1px solid rgba(81,203,238,1)}#loginForm input[type="text"],#loginForm input[type="password"],#loginForm input[type="email"]{flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:16px;border:0 none;border-left:1px solid #dfdfdf;background:none;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box}#loginForm .resetCaptcha:hover .fa-refresh{animation:spin 2s infinite linear;display:inline-block}.input_field{position:relative;height:43px;border:1px solid rgba(192,192,192,1);border-radius:3px;background:#fff;text-align:left;margin:30px auto 5px;display:inline-block;width:calc(100% - 2px)}.input_field:hover{-webkit-box-shadow:0 0 5px rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,1);border:1px solid rgba(81,203,238,1)}input[type="text"],input[type="password"],input[type="email"]{flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:16px;border:0 none;border-left:1px solid #dfdfdf;background:none;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box;color:#008fff}.resetCaptcha:hover .fa-refresh{animation:spin 2s infinite linear;display:inline-block}.input_field{position:relative;height:43px;border:1px solid #c2c2c2;border-radius:3px;background:#fff;text-align:left;margin:30px auto 5px;display:inline-block;width:calc(100% - 2px)}.input_field_group .input_field{width:calc(100% - 220px);display:inline-block}.input_field_group .captcha{width:210px;display:inline-block;float:right;vertical-align:top}.input_field_group img{position:absolute;margin-left:40px;top:1px;cursor:pointer;width:168px;height:42px;position:absolute;left:0;border:0;border-left:1px solid #cecece;border-top-right-radius:3px;border-bottom-right-radius:3px}@media only screen and (max-width:767px){.input_field_group .input_field{width:calc(100% - 2px)}.input_field_group .captcha{width:calc(100% - 2px);float:none;margin-top:27px}.input_field_group img{width:100%;min-width:200px;max-width:310px}}#loginForm .fa{width:40px;text-align:center;font-size:18px;line-height:45px;color:#cecece}i.fa.password{right:10px;position:absolute;z-index:1;animation:movebackpasswordeye .15s both}.icon_uphoto{position:absolute;top:50%;left:5px;display:inline-block;vertical-align:top;text-transform:capitalize;font-weight:700;width:24px;height:24px;font-size:18px;line-height:26px;text-align:center;margin:-13px 6px 0 3px;font-family:"Font Awesome 6 Free","Microsoft JhengHei",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#fff;transition:background 1.2s cubic-bezier(.645,.045,.355,1),color .8s .4s cubic-bezier(.645,.045,.355,1)}.icon_uphoto:empty{color:transparent}.info_{background:#397dd4}.info_a{background:#bf242a}.info_b{background:#ff4777}.info_c{background:#f0c}.info_d{background:#bb74e4}.info_e{background:#7b57d4}.info_f{background:#177cb0}.info_g{background:#007aff}.info_h{background:#00c2ff}.info_i{background:#3de1ad}.info_j{background:#48c0a3}.info_k{background:#00bc12}.info_l{background:#9ed900}.info_m{background:#afaf00}.info_n{background:#ffb61e}.info_o{background:#ffd600}.info_p{background:#f60}.info_q{background:#ca6924}.info_r{background:#e02d00}.info_s{background:#b35c44}.info_t{background:#a88462}.info_u{background:#c89b40}.info_v{background:#60281e}.info_w{background:#b25d25}.info_x{background:#827100}.info_y{background:#7c4b00}.info_z{background:#9b4400}.info_1{background:#e06300}.info_2{background:#e02d00}.info_3{background:#ff4777}.info_4{background:#50616d}.info_5{background:#1685a9}.info_6{background:#96ce54}.info_7{background:#e9bb1d}.info_8{background:#9d2933}.info_9{background:#845a33}.info_0{background:#16a951}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.body_login[data-flip="visible"]{transform:rotateX(180deg)}.body_login[data-flip="visible"]>div[data-status]{transition:opacity .3s .2s ease;opacity:0}.body_login[data-flip="visible"]>div[data-status="visible"]{transition:opacity .4s .2s ease;opacity:1;display:block !important}.body_login[data-flip=""]>div[data-status]{transition:opacity .3s .1s ease;opacity:1;position:relative}.body_login{transition:.3s;transform-style:preserve-3d;width:100%;max-width:400px;width:100%;position:relative}#minilogin{display:none}#minilogin .msg[attr-loginid=""]::before,.minilogin .msg[attr-loginid=""]::before{content:" "}#minilogin .msg::before,.minilogin .msg::before{content:attr(data-loginid);color:#fc0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:175px;display:block;min-height:30px;font-size:16px;line-height:30px}#minilogin .icon_id,.minilogin .icon_id{width:50px;height:50px;float:left;background-size:cover;margin-right:10px;display:block;position:relative;border:1px solid #cecece;border-radius:5px}#minilogin .icon_id::before,.minilogin .icon_id::before{width:50px;height:50px;left:0;top:0;font:36px/50px context-menu-icons}#minilogin,.minilogin{display:none;width:240px;height:70px;position:absolute;margin:-45px 0 0 -130px;padding:10px;background:#fff;border-radius:5px;top:50%;left:50%;color:#686868;text-align:left;vertical-align:middle;font-size:16px;line-height:30px;box-shadow:0 0 12px rgba(0,0,0,.12);border:2px solid rgba(227,227,227,1);box-sizing:content-box}#minilogin .msg,.minilogin .msg{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:175px;display:block;color:#686868;font-size:12px;line-height:15px}#minilogin{transform:rotateX(180deg)}#mainlang .lang_switch{position:relative;display:block;top:auto;left:auto;max-height:200px;box-shadow:none;text-align:left;margin-top:30px}#mainlang .lang_switch::before{content:"";height:10px;display:block;position:sticky;top:0;transition:box-shadow .3s ease-in-out}#mainlang .lang_switch::after{content:"";height:10px;display:block;position:sticky;bottom:0;transition:box-shadow .3s ease-in-out}#mainlang .lang_switch.shadow::before{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.4);width:100%;z-index:9;pointer-events:none}#mainlang .lang_switch.tailshadow::after{box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.4);width:100%;z-index:9;pointer-events:none}#mainlang{transform:rotateX(180deg);display:none;height:100%;background:#fff;padding:20px;border-radius:5px}.setting_box>ul>li:first-child{display:none}.setting_box{display:block;position:relative;height:auto;padding:0}.setting_box ul{margin:0;padding:0;height:auto}.setting_box ul li{list-style:none;position:relative}.setting_box ul li.input_field{margin-bottom:20px}.setting_box>ul>li:not(.input_field){margin-bottom:20px;margin-top:-10px}.lang_switch{border:1px solid #ccc;margin:0;padding:0;max-height:200px;overflow-x:hidden;overflow-y:auto;z-index:3;border-radius:3px;font-weight:400}.lang_switch ol{margin:-10px 0;padding:0;background:#fff;border-radius:3px}.lang_switch ol li{cursor:pointer;list-style:none;width:100%;height:37px;line-height:36px;vertical-align:top;padding:0;border-bottom:1px solid #ccc;display:none}.lang_switch ol li span{padding:2px 0 5px}.lang_switch ol li:last-child{border-bottom:0}.lang_switch ol li:hover{background:#33b4ff;color:#fff}.lang_switch ol li.selected{background:#51cbee;color:#fff}.lang_switch ol li.selected:hover{background:#39f;color:#fff}.lang_switch li::before{content:"";width:29px;height:30px;display:inline-block;position:relative;margin:0 5px;border-right:1px solid #dfdfdf;top:3px;vertical-align:top}li[data-lang="zh-TW"]::before,.setting_lang[data-lang="zh-TW"] div::before{background:url(../image/iconpic/country/taiwan.png) 0 8px no-repeat}li[data-lang="en-US"]::before,.setting_lang[data-lang="en-US"] div::before{background:url(../image/iconpic/country/america.png) 0 8px no-repeat}li[data-lang="ja"]::before,.setting_lang[data-lang="ja"] div::before{background:url(../image/iconpic/country/japan.png) 0 8px no-repeat}li[data-lang="zh-CN"]::before,.setting_lang[data-lang="zh-CN"] div::before{background:url(../image/iconpic/country/china.png) 0 8px no-repeat}li[data-lang="th"]::before,.setting_lang[data-lang="th"] div::before{background:url(../image/iconpic/country/thailand.png) 0 8px no-repeat}li[data-lang="ko"]::before,.setting_lang[data-lang="ko"] div::before{background:url(../image/iconpic/country/korea.png) 0 8px no-repeat}li[data-lang="vi"]::before,.setting_lang[data-lang="vi"] div::before{background:url(../image/iconpic/country/vietnam.png) 0 8px no-repeat}#minilogin .msg::after{color:#686868;display:block;font-size:12px;line-height:15px}#login_pannel .login_head:hover::after{content:"變更"}html:lang(zh-cn) #login_pannel .login_head:hover::after{content:"变更"}html:lang(en-us) #login_pannel .login_head:hover::after{content:"Change"}html:lang(ja) #login_pannel .login_head:hover::after{content:"変更"}html:lang(th) #login_pannel .login_head:hover::after{content:"เปลี่ยนแปลง"}html:lang(ko) #login_pannel .login_head:hover::after{content:"변경"}html:lang(vi) #login_pannel .login_head:hover::after{content:"Thay đổi"}[data-pwd="stronglength"]{margin:0;padding:0;display:inline-block;top:5px;position:relative;width:100%;vertical-align:top}[data-pwd="stronglength"] li{margin:0;padding:0 2px;list-style:none;display:inline-block;height:33px;text-align:center;color:#686868;background:#ebebeb;border:solid 1px #bebebe;line-height:28px;min-width:44px;width:20%;word-break:break-all;overflow:hidden;word-wrap:break-word}[data-pwd="stronglength"].pwdstrong1 li{color:#cecece}[data-pwd="stronglength"].pwdstrong1 li:nth-child(1){background:#ff4545;border:solid 1px #bb2b2b;color:#fff}[data-pwd="stronglength"].pwdstrong2 li:nth-child(1),[data-pwd="stronglength"].pwdstrong2 li:nth-child(2){background:#ffd35e;border:solid 1px #e9ae10;color:#e9ae10}[data-pwd="stronglength"].pwdstrong2 li:nth-child(2){color:#ff6000;background:#ffd35e}[data-pwd="stronglength"].pwdstrong2 li{color:#cecece}[data-pwd="stronglength"].pwdstrong3 li:nth-child(1),[data-pwd="stronglength"].pwdstrong3 li:nth-child(2),[data-pwd="stronglength"].pwdstrong3 li:nth-child(3){background:#ffd35e;border:solid 1px #ceac00;color:#ceac00}[data-pwd="stronglength"].pwdstrong3 li:nth-child(3){color:#ff6000;background:#ffd600}[data-pwd="stronglength"].pwdstrong3 li{color:#cecece}[data-pwd="stronglength"].pwdstrong4 li:nth-child(1),[data-pwd="stronglength"].pwdstrong4 li:nth-child(2),[data-pwd="stronglength"].pwdstrong4 li:nth-child(3),[data-pwd="stronglength"].pwdstrong4 li:nth-child(4){background:#3abb1c;border:solid 1px #4aa734;color:#4aa734}[data-pwd="stronglength"].pwdstrong4 li:nth-child(4){color:#fff;background:#3abb1c}[data-pwd="stronglength"] li:nth-child(1)::after{content:"弱"}[data-pwd="stronglength"] li:nth-child(2)::after{content:"中等"}[data-pwd="stronglength"] li:nth-child(3)::after{content:"強"}[data-pwd="stronglength"] li:nth-child(4)::after{content:"最好"}html:lang(en-us) [data-pwd="stronglength"] li:nth-child(1)::after{content:"Weak";font:12px/25px arial}html:lang(en-us) [data-pwd="stronglength"] li:nth-child(2)::after{content:"Medium";font:12px/25px arial}html:lang(en-us) [data-pwd="stronglength"] li:nth-child(3)::after{content:"Strong";font:12px/25px arial}html:lang(en-us) [data-pwd="stronglength"] li:nth-child(4)::after{content:"Best";font:12px/25px arial}html:lang(ja) [data-pwd="stronglength"] li:nth-child(1)::after{content:"弱い"}html:lang(ja) [data-pwd="stronglength"] li:nth-child(2)::after{content:"適度"}html:lang(ja) [data-pwd="stronglength"] li:nth-child(3)::after{content:"強い"}html:lang(ja) [data-pwd="stronglength"] li:nth-child(4)::after{content:"最高"}html:lang(th) [data-pwd="stronglength"] li:nth-child(1)::after{content:"Weak";font:12px/25px arial}html:lang(th) [data-pwd="stronglength"] li:nth-child(2)::after{content:"Medium";font:12px/25px arial}html:lang(th) [data-pwd="stronglength"] li:nth-child(3)::after{content:"Strong";font:12px/25px arial}html:lang(th) [data-pwd="stronglength"] li:nth-child(4)::after{content:"Best";font:12px/25px arial}:root{--placeholder-delay-increment:.025s}input:focus+[data-label] span{top:38px;left:0;position:relative;animation:slideUp .2s forwards;animation-name:slideUp}input:focus+[data-label] span{top:38px;left:0;position:relative;animation:slideUp .2s forwards;animation-name:slideUp}input:empty:not(:focus)+[data-label] span{animation-delay:0s !important}#loginForm .input-group span[data-fixfield]:not(:empty)+[data-label] span,#loginForm .input-group input:focus+[data-label] span,#loginForm .input-group input:not(:placeholder-shown)+[data-label] span{font-size:14px;color:#999;display:inline-block;top:34px;left:48px;position:relative;animation:slideUp .2s forwards}input:focus+[data-label] span:nth-child(1){animation-delay:calc(var(--placeholder-delay-increment)*1) !important}input:focus+[data-label] span:nth-child(2){animation-delay:calc(var(--placeholder-delay-increment)*2) !important}input:focus+[data-label] span:nth-child(3){animation-delay:calc(var(--placeholder-delay-increment)*3) !important}input:focus+[data-label] span:nth-child(4){animation-delay:calc(var(--placeholder-delay-increment)*4) !important}input:focus+[data-label] span:nth-child(5){animation-delay:calc(var(--placeholder-delay-increment)*5) !important}input:focus+[data-label] span:nth-child(6){animation-delay:calc(var(--placeholder-delay-increment)*6) !important}input:focus+[data-label] span:nth-child(7){animation-delay:calc(var(--placeholder-delay-increment)*7) !important}input:focus+[data-label] span:nth-child(8){animation-delay:calc(var(--placeholder-delay-increment)*8) !important}input:focus+[data-label] span:nth-child(9){animation-delay:calc(var(--placeholder-delay-increment)*9) !important}input:focus+[data-label] span:nth-child(10){animation-delay:calc(var(--placeholder-delay-increment)*10) !important}input:focus+[data-label] span:nth-child(11){animation-delay:calc(var(--placeholder-delay-increment)*11) !important}input:focus+[data-label] span:nth-child(12){animation-delay:calc(var(--placeholder-delay-increment)*12) !important}input:focus+[data-label] span:nth-child(13){animation-delay:calc(var(--placeholder-delay-increment)*13) !important}input:focus+[data-label] span:nth-child(14){animation-delay:calc(var(--placeholder-delay-increment)*14) !important}input:focus+[data-label] span:nth-child(15){animation-delay:calc(var(--placeholder-delay-increment)*15) !important}input:focus+[data-label] span:nth-child(16){animation-delay:calc(var(--placeholder-delay-increment)*16) !important}input:focus+[data-label] span:nth-child(17){animation-delay:calc(var(--placeholder-delay-increment)*17) !important}input:focus+[data-label] span:nth-child(18){animation-delay:calc(var(--placeholder-delay-increment)*18) !important}input:focus+[data-label] span:nth-child(19){animation-delay:calc(var(--placeholder-delay-increment)*19) !important}input:focus+[data-label] span:nth-child(20){animation-delay:calc(var(--placeholder-delay-increment)*20) !important}input:focus+[data-label] span:nth-child(21){animation-delay:calc(var(--placeholder-delay-increment)*21) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(1){animation-delay:calc(var(--placeholder-delay-increment)*1) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(2){animation-delay:calc(var(--placeholder-delay-increment)*2) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(3){animation-delay:calc(var(--placeholder-delay-increment)*3) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(4){animation-delay:calc(var(--placeholder-delay-increment)*4) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(5){animation-delay:calc(var(--placeholder-delay-increment)*5) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(6){animation-delay:calc(var(--placeholder-delay-increment)*6) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(7){animation-delay:calc(var(--placeholder-delay-increment)*7) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(8){animation-delay:calc(var(--placeholder-delay-increment)*8) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(9){animation-delay:calc(var(--placeholder-delay-increment)*9) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(10){animation-delay:calc(var(--placeholder-delay-increment)*10) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(11){animation-delay:calc(var(--placeholder-delay-increment)*11) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(12){animation-delay:calc(var(--placeholder-delay-increment)*12) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(13){animation-delay:calc(var(--placeholder-delay-increment)*13) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(14){animation-delay:calc(var(--placeholder-delay-increment)*14) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(15){animation-delay:calc(var(--placeholder-delay-increment)*15) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(16){animation-delay:calc(var(--placeholder-delay-increment)*16) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(17){animation-delay:calc(var(--placeholder-delay-increment)*17) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(18){animation-delay:calc(var(--placeholder-delay-increment)*18) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(19){animation-delay:calc(var(--placeholder-delay-increment)*19) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(20){animation-delay:calc(var(--placeholder-delay-increment)*20) !important}input:not(:placeholder-shown)+[data-label] span:nth-child(21){animation-delay:calc(var(--placeholder-delay-increment)*21) !important}@keyframes slideUp{0%{top:38px;left:48px;color:#999;font-size:14px;position:relative}100%{top:0;left:0;color:#e43323;font-size:14px;position:relative}}@keyframes slideDown{0%{top:-38px;left:0;color:#e43323;font-size:14px;position:relative}100%{top:0;left:0;color:#999;font-size:14px;position:relative}}.countdown-container{position:relative;margin-top:20px;width:100%;min-height:150px}.countdown-container svg{transform:rotate(-90deg)}.countdown-container circle.countdown-progress{transform-origin:center;transition:stroke-dashoffset 1s linear,stroke 1.5s linear}.countdown-container .digits{position:absolute;top:75px;left:50%;transform:translate(-50%,-50%);display:flex;gap:3px}.countdown-container .digit{width:25px;height:35px;color:#333;text-align:center;line-height:35px;font-size:24px;font-weight:bold;border-radius:5px;position:relative;overflow:hidden}.countdown-container .digit.colon{width:5px}.countdown-container .digit span{position:absolute;width:100%;left:0;top:100%;background-color:#333;color:#fff;transition:top .3s ease-in-out}.countdown-container .digit span.show{top:0}.countdown-container .digit span.hide{top:-100%}.countdown-notice{position:relative;text-align:center;font-size:16px;line-height:24px;color:#fff;padding:0 5px;background:#ffa200;border-radius:5px;display:inline-block}.wave-footer{position:fixed;left:0;right:0;bottom:0;width:100vw;line-height:0;z-index:0}.wave-footer svg{display:block;width:100%;height:auto;overflow:visible}.wave{animation:wave 3s linear;animation-iteration-count:infinite}.wave1{fill:#004b67}.wave2{fill:#00668c;animation-duration:5s;animation-direction:reverse;opacity:.6}.wave3{fill:#00baff;animation-duration:7s;opacity:.3}@keyframes wave{to{transform:translateX(-100%)}}.systemname>span{position:relative;display:inline-block}.systemname>span::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(120deg,rgba(0,0,0,0) 45%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 55%);background-size:2600px 100%;background-position:-2600px 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;animation:sweep 30s linear infinite}@keyframes sweep{0%{background-position:-2600px 0}100%{background-position:2600px 0}}.twofa-notification .el-notification__icon{color:#409eff !important}.otp-container{display:flex;gap:3px;justify-content:center;margin-bottom:0;flex-wrap:wrap;position:absolute;top:0;left:41px;width:calc(100% - 40px);height:40px;padding-top:4px}.otp-container::before{content:"";border-left:1px solid #dfdfdf;position:absolute;left:0;top:3px;display:block;height:36px}.input_field .otp-input{all:unset;width:1rem !important;height:1rem !important;font-size:1.5rem !important;font-weight:600 !important;text-align:center;border:1px solid #e1e5e9 !important;border-radius:4px !important;background:#fff !important;transition:all .2s ease !important;outline:none !important;position:relative !important;padding:9px !important;top:unset !important;left:unset !important;flex:unset !important}.input_field:hover .otp-input{border:1px solid #c2c2c2 !important;background:#f5f5f5 !important}.otp-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.input_field:hover .otp-input:hover{box-shadow:0 0 5px rgba(81,203,238,1);border:1px solid rgba(81,203,238,1) !important;background:#fff !important}.input_field[data-focus="inside"]{border:1px solid #f2f2f2 !important;box-shadow:none !important;transition:none !important}.input_field i::after{transition:border 600ms ease-in}.input_field[data-focus="inside"] i::after{content:"";position:absolute;top:0;left:0;border:1px solid #c2c2c2;border-radius:3px;width:40px;height:40px;z-index:1;transition:border 120ms ease-out}.otp-input.filled{border-color:#28a745 !important;background:#e4ffe8 !important;color:#28a745 !important}.input_field:hover .otp-input.error:hover,.otp-input.error{border-color:#dc3545 !important;background:#ffefef !important;animation:shaketop .5s ease-in-out;box-shadow:0 0 5px rgba(220,53,69,1) !important}@keyframes shaketop{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}html:lang(en-US) #loginForm .well h1{font-size:24px}html:lang(ja) #loginForm .well h1{font-size:24px}html:lang(th) #loginForm .well h1{font-size:24px}html:lang(ko) #loginForm .well h1{font-size:24px}html:lang(vi) #loginForm .well h1{font-size:24px}html:lang(en-CN) #loginForm .well h1{font-size:36px}