#LoginFrameDiv{width:100vw;height:100vh;background-color:#00000090;display:flex;align-items:center;flex-direction:column;justify-content:center;position:fixed;top:0;left:0;z-index:99;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease}#LoginFrameDiv.active{transform:translateY(0);opacity:1}.LoginSensorDiv{width:100vw;height:100vh;background-color:transparent;position:absolute;top:0;left:0;cursor:pointer}.LoginPageContainer{width:35%;padding:2%;margin:0;position:relative}.LoginCloseBtn{border:0;outline:0;text-decoration:none;color:var(--lightGray);background-color:transparent;padding:2%;position:absolute;top:1.5%;right:2.5%;cursor:pointer}.LoginCloseBtn:hover{color:var(--darkGray)}.LoginTitle{font-weight:700;font-size:1.4rem;font-family:Noto Sans TC,sans-serif}.LoginPageContainer>form{width:100%;display:flex;align-items:start;flex-direction:column;justify-content:center}.LoginPageContainer>form>div{width:100%}.LoginPageContainer>form>div>ul>li{color:red}.LoginPageContainer>form>div>input,#captcha{border:1px var(--lightGray) solid;border-radius:.5rem;font-size:.85rem;font-family:Noto Sans TC,sans-serif;padding:2.5% 4%;background-color:#fff}.LoginPageContainer>form>div>input{width:100%;letter-spacing:.5px}.LoginPageContainer>form>div>input:focus,#captcha:focus{outline:0;box-sizing:border-box;border-width:3px;border-color:color-mix(in oklab,var(--mainColor) 38%,transparent)}.LoginPageContainer>form>div>input:-webkit-autofill{box-shadow:0 0 0 50px #fff inset!important}.LoginPageContainer>form>div>label{text-align:left;font-size:.85rem;font-weight:550;font-family:Noto Sans TC,sans-serif;color:var(--darkGray)}.pwdform_line{border:1px var(--lightGray) solid;border-radius:.5rem;font-size:.85rem;font-family:Noto Sans TC,sans-serif;display:flex;align-items:center;flex-direction:row;justify-content:space-between}.pwdform_line:focus-within{box-sizing:border-box;border-width:3px;border-color:color-mix(in oklab,var(--mainColor) 38%,transparent)}.pwdform_line>input{border:0!important;display:block;width:100%;font-size:1rem;font-weight:400;line-height:1.5;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.pwdform_line>input:focus{outline:none!important;box-shadow:none!important}.LineLogin,.LoginBtn{border:0;border-radius:.5rem;width:100%;text-align:center;font-size:.9rem;font-weight:550;font-family:Noto Sans TC,sans-serif;color:#fff;padding:2.5% 3%}.LineLogin{background-color:var(--lineGreen)}.LoginBtn{background-color:var(--mainColor)}.LineLogin>a{color:#fff;text-decoration:none;display:block}.LineLogin>a:visited{color:#fff}.LineLogin:hover{filter:brightness(1.1)}.LoginBtn:hover{filter:brightness(1.2)}.LoginSplit{width:100%;height:1rem;display:flex;align-items:center;flex-direction:row;justify-content:space-between;margin-top:4%}.LoginSplit>hr{border:.5px solid;width:42%;color:var(--darkGray)}.LoginSplit>span{text-align:center;font-size:.8rem;font-weight:550;font-family:Noto Sans TC,sans-serif;color:var(--darkGray)}.LoginPanelLink{text-align:center;font-size:.8rem;font-family:Noto Sans TC,sans-serif;color:var(--darkGray)}.LoginPanelLink>a{text-decoration:none;font-weight:700;color:var(--mainColor)}.LoginPanelLink>a:hover{text-decoration:underline}.LoginPanelLink>.PanelSplit{font-weight:700;color:var(--darkGray)}@media (max-width: 480px){.LoginPageContainer{width:90vw;padding:4% 5%}}@media (min-width: 481px) and (max-width: 767px){.LoginPageContainer{width:70%;padding:3% 4%}}@media (min-width: 768px) and (max-width: 1023px){.LoginPageContainer{width:50%;padding:2% 3%}}