@charset "UTF-8";.page_login .loginWrapper{overflow:hidden;display:flex;width:100vw;width:100dvw;height:100vh;height:100dvh}.page_login .loginWrapper .loginVisual{flex-basis:75%;position:relative;background-color:#2c72e7;background-image:radial-gradient(at top right,#2c72e7 0,#34b8ff 100%)}@media (max-width:1279px){.page_login .loginWrapper .loginVisual{flex-basis:65%}}@media (max-width:799px){.page_login .loginWrapper .loginVisual{display:none!important}}.page_login .loginWrapper .loginVisual .deco{width:54.3055555556%;max-width:782px;aspect-ratio:782/497;position:absolute;right:0;bottom:0;background-image:url(/images/page/login/deco.svg);background-repeat:no-repeat;background-position:center;background-size:100%}.page_login .loginWrapper .loginVisual .messagePanel{width:900px;max-width:93%;padding:40px 0 120px 40px;position:absolute;left:0;top:0}.page_login .loginWrapper .loginVisual .messagePanel:before{content:"";width:calc(100% + 100px + 40px);height:100%;position:absolute;left:-100px;top:0;transform:skewX(-10deg);background-color:#22252b;border-bottom-right-radius:30px}.page_login .loginWrapper .loginVisual .messagePanel .headline{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:40px;letter-spacing:.21px;line-height:56px;position:relative;color:#fff;font-weight:700;z-index:2}@media (max-width:1279px){.page_login .loginWrapper .loginVisual .messagePanel .headline{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif}}@media (max-width:1279px) and (max-width:767px){.page_login .loginWrapper .loginVisual .messagePanel .headline{font-size:24px;letter-spacing:.25px;line-height:32px}}@media (max-width:1279px) and (min-width:768px) and (max-width:1023px){.page_login .loginWrapper .loginVisual .messagePanel .headline{font-size:32px;letter-spacing:-.25px;line-height:40px}}@media (max-width:1279px) and (min-width:1024px) and (max-width:1279px){.page_login .loginWrapper .loginVisual .messagePanel .headline{font-size:32px;letter-spacing:-.25px;line-height:40px}}@media (max-width:1279px) and (min-width:1280px){.page_login .loginWrapper .loginVisual .messagePanel .headline{font-size:48px;letter-spacing:-.25px;line-height:54px}}.page_login .loginWrapper .loginVisual .messagePanel .headline .highlight{color:#34b8ff}.page_login .loginWrapper .loginVisual .messagePanel .descPanel{overflow:hidden;width:580px;position:absolute;left:40px;bottom:0;transform:translate3d(0,-100px,0) translate3d(0,100%,0);border-radius:12px}@media (max-width:1279px){.page_login .loginWrapper .loginVisual .messagePanel .descPanel{width:480px}}.page_login .loginWrapper .loginVisual .messagePanel .descPanel .top{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:22px;letter-spacing:.28px;line-height:28px;padding:30px;background-image:linear-gradient(120deg,#34b8ff -50%,#8e02d7 100%);color:#fff}@media (max-width:1279px){.page_login .loginWrapper .loginVisual .messagePanel .descPanel .top{font-size:18px;letter-spacing:.28px;line-height:24px}}.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom{padding:30px;background-color:#fff}.page_login .loginWrapper .loginPanel .loginForm .formItem .formItemHolder input,.page_login .loginWrapper .loginPanel .loginForm .formItem .formItemHolder label,.page_login .loginWrapper .loginPanel .loginForm .title,.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom .label{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:16px;letter-spacing:.25px;line-height:24px}.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom .subtitle{display:flex;gap:24px;margin-top:12px}.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom .subtitle .icon{align-self:center;flex-basis:84px;flex-shrink:0;flex-grow:0;display:block;width:84px;height:84px}.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom .subtitle .icon svg{display:block;width:100%}.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom .subtitle .text{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:24px;letter-spacing:.25px;line-height:30px;align-self:center;display:block;font-weight:700;text-transform:uppercase}@media (max-width:1279px){.page_login .loginWrapper .loginVisual .messagePanel .descPanel .bottom .subtitle .text{font-size:18px;letter-spacing:.28px;line-height:24px}}.page_login .loginWrapper .loginPanel{flex-basis:25%;display:flex;flex-direction:column;background-color:#fff;z-index:2}@media (max-width:1279px){.page_login .loginWrapper .loginPanel{flex-basis:35%}}@media (max-width:799px){.page_login .loginWrapper .loginPanel{flex-basis:100%}}.page_login .loginWrapper .loginPanel .loginForm{flex-shrink:1;flex-grow:1;padding:min(162px,15vh) 12% 24px}@media (max-width:799px){.page_login .loginWrapper .loginPanel .loginForm{display:flex;flex-direction:column;justify-content:center;padding:16px 12%}}.page_login .loginWrapper .loginPanel .loginForm .logo svg{display:block;width:100%;height:auto;max-width:332px}@media (max-width:799px){.page_login .loginWrapper .loginPanel .loginForm .logo svg{max-width:250.5px;margin:0 auto}}.page_login .loginWrapper .loginPanel .loginForm .title{font-size:20px;line-height:26px;margin-top:40px;font-weight:700}@media (max-width:799px){.page_login .loginWrapper .loginPanel .loginForm .title{margin-top:16px}}.page_login .loginWrapper .loginPanel .loginForm .formItem{position:relative}.page_login .loginWrapper .loginPanel .copyright,.page_login .loginWrapper .loginPanel .loginForm .formItem:after{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:12px;letter-spacing:.5px;line-height:16px}.page_login .loginWrapper .loginPanel .loginForm .formItem:after{content:attr(data-error);display:none;padding:4px 16px;color:#d70224}.page_login .loginWrapper .loginPanel .loginForm .formItem.error:after,.page_login .loginWrapper .loginPanel .loginForm .formItem.password.active .togglePassword .icon.text{display:block}.page_login .loginWrapper .loginPanel .loginForm .formItem .formItemHolder{margin-top:16px;padding:12px 16px;border-radius:4px;border-style:solid;border-color:#dee2e6;border-width:1px}.page_login .loginWrapper .loginPanel .loginForm .formItem .formItemHolder label{font-size:14px;line-height:20px;color:#858e96}.page_login .loginWrapper .loginPanel .loginForm .formItem .formItemHolder input{font-size:18px;letter-spacing:.28px;outline:0;width:100%;margin:0;padding:0;color:#22252b;border-width:0}.page_login .loginWrapper .loginPanel .loginForm .formItem.password .formItemHolder{padding-right:48px}.page_login .loginWrapper .loginPanel .loginForm .formItem.password .togglePassword{width:24px;height:24px;position:absolute;right:12px;top:calc(50% - 16px);transition:all .4s}.page_login .loginWrapper .loginPanel .loginForm .formItem.password .togglePassword:hover{opacity:.7}.page_login .loginWrapper .loginPanel .loginForm .formItem.password .togglePassword .icon{width:24px;height:24px;position:absolute;left:0;top:0}.page_login .loginWrapper .loginPanel .loginForm .formItem.password .togglePassword .icon svg{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.page_login .loginWrapper .loginPanel .loginForm .formItem.password .togglePassword .icon.text,.page_login .loginWrapper .loginPanel .loginForm .formItem.password.active .togglePassword .icon.password{display:none}.page_login .loginWrapper .loginPanel .loginForm .formItem.tnc .formItemHolder{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:12px;padding:0;border-width:0}.page_login .loginWrapper .loginPanel .loginForm .formItem.tnc .formItemHolder label{color:#22252b}.page_login .loginWrapper .loginPanel .loginForm .formItem.tnc .formItemHolder input{width:20px;height:20px}.page_login .loginWrapper .loginPanel .loginForm .formItem.tnc .formItemHolder .tncBtn{color:#00f;text-decoration:underline;cursor:pointer}.page_login .loginWrapper .loginPanel .loginForm .actions{margin-top:16px}.page_login .loginWrapper .loginPanel .loginForm .actions .formItem{position:relative}.page_login .loginWrapper .loginPanel .loginForm .actions .formItem:after{padding:4px 0}.page_login .loginWrapper .loginPanel .loginForm .actions .submitBtn{width:100%}.page_login .loginWrapper .loginPanel .loginForm .actions .submitBtn .label{background-color:#d70224;border-color:#d70224}.page_login .loginWrapper .loginPanel .loginForm .appendix{font-family:"Nunito Sans","PingFangHK","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:16px;letter-spacing:.25px;line-height:24px;margin-top:16px;text-align:center}.page_login .loginWrapper .loginPanel .loginForm .appendix a{color:#22252b;text-decoration:underline}.page_login .loginWrapper .loginPanel .loginForm .appendix a:hover{text-decoration:none}.page_login .loginWrapper .loginPanel .copyright{flex-shrink:0;flex-grow:0;padding:24px 12%;text-align:center}