@charset "UTF-8";html,body{background:#f7f7f7}body header,body footer{display:none}.auth{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;min-height:max(100vh,875px);padding:50px 0;overflow:hidden}.auth__box{display:block;width:calc(100% - 120px);max-width:660px;padding:60px 80px;background:#fff;box-shadow:8px 8px 43px rgba(164,164,164,.27);overflow:hidden}.auth__box.wow{animation-name:fadeIn}.auth__box__title{display:block;width:100%;margin:0 0 40px 0;font-size:33px;line-height:1.2;color:var(--textColor);font-family:'Montserrat-L','NotoSansTC-L';text-align:center}.forget .auth__box__title{margin:0 0 50px 0}.auth__box__title__main{display:block;width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;letter-spacing:.05em}.auth__box__title__sub{display:block;width:100%;margin:0 auto;font-size:14px;line-height:inherit;color:var(--subColor);font-family:'Montserrat','NotoSansTC';text-transform:uppercase;letter-spacing:.05em}.auth__box__text{display:block;width:100%;margin:0 auto 25px auto;max-width:300px;font-size:15px;line-height:1.6;color:#9e9d9d;font-family:'NotoSansTC-T';font-weight:500;letter-spacing:.05em;text-align:center}.auth-form{display:block;width:100%;margin:0 auto}.auth-form__item{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 10px;padding:0 20px;background:#f7f7f7}.auth-form__item__title{display:block;width:auto;max-width:100%;margin:0 20px 0 0;font-size:18px;line-height:1.2;color:#9e9d9d;letter-spacing:.05em;flex:0 0 auto}.auth-form__item input{padding:0;font-size:18px;font-family:'NotoSansTC';border:none;background:none;flex:0 1 auto}.auth-form__item input:-webkit-autofill{box-shadow:0 0 0 1000px #f7f7f7 inset;-webkit-text-fill-color:#9e9d9d}.auth-form__link{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:center;justify-content:center;width:100%;margin:20px auto 0}.auth-form__link__item{display:block;width:auto;max-width:100%;margin:0 15px;font-size:15px;line-height:1;color:var(--textColor);letter-spacing:.05em;transition:opacity .4s ease-in-out}.auth-form__link__item::before{content:'';position:absolute;top:calc(.1em - .5px);right:-14.5px;display:block;width:1px;height:1em;background:rgba(0,0,0,.3)}.auth-form__link__item:last-child::before{display:none}.auth-form__btGroup{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:center;justify-content:center;width:100%;margin:20px auto 0 auto}.auth-form__btGroup__bt{width:calc(50% - 20px);max-width:300px;margin:0 10px}.auth-form__btGroup__bt:first-child:last-child{width:100%}.forget .auth-form__btGroup{margin:30px auto 0 auto}.auth-oauth{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%;margin:25px auto 0 auto}.auth-oauth::before{content:'or';position:relative;display:block;width:100%;margin:0 auto 25px auto;font-size:15px;color:#151515;text-align:center;background:linear-gradient(to left,#d8d8d8 0%,#d8d8d8 100%) center left / calc(50% - 1em - 20px) 1px no-repeat,linear-gradient(to left,#d8d8d8 0%,#d8d8d8 100%) center right / calc(50% - 1em - 20px) 1px no-repeat}.auth-oauth__bt{width:calc(50% - 20px);max-width:250px;margin:0 auto}.c-form__text{display:block;width:100%;margin:18px auto 0;font-size:15px;line-height:1.2;color:var(--mainColor);font-family:'NotoSerifTC';font-weight:500;text-align:center;text-underline-offset:5px}.auth__box__bottom{display:block;width:100%;margin:45px auto 0 auto;text-align:center}.auth__box__bottom__text{display:block;width:100%;font-size:15px;line-height:1;color:var(--textColor);letter-spacing:.05em;transition:opacity .4s ease-in-out}.auth__box__bottom__text a:hover{opacity:.7}.auth[data-style="register"]{padding:100px 0}.auth[data-style="register"] .auth__box{max-width:1050px;padding:60px 80px 80px 80px}.auth[data-style="register"] .auth__box__text{max-width:none}.auth[data-style="register"] .auth__box .c-form{max-width:780px;margin:0 auto}.auth[data-style="register"] .c-captcha__item{background:none}@media screen and (max-width:991px){.auth__box{width:calc(100% - 60px);max-width:710px}.forget .auth__box__title::before{bottom:-25px;left:50%;width:min(470px,100%);transform:translateX(-50%)}.auth[data-style="register"]{padding:70px 0}.auth[data-style="register"] .auth__box{padding:60px 50px 70px 50px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.auth{min-height:max(100vh,500px)}.auth__box{width:calc(100% - 40px);padding:60px 20px}.auth__box__title{margin:0 0 35px 0;font-size:25px;font-family:'Montserrat-T','NotoSansTC-T'}.auth__box__title__sub{font-size:13px}.auth-form__btGroup{display:block}.auth-form__btGroup__bt{width:100%;max-width:200px;margin:0 auto 10px auto}.auth-form__btGroup__bt:last-child{margin:0 auto}.forget .auth-form__btGroup{margin:10px auto 0 auto}.auth-oauth{margin:15px auto 0 auto}.auth-oauth::before{margin:0 auto 15px auto}.auth-oauth__bt{width:100%;max-width:none;margin:0 auto 10px auto}.auth-oauth__bt:last-child{margin:0}.auth__box__text{margin:0 auto 15px auto}.auth-form__item__title,.auth-form__item input{font-size:16px}.auth-form__link{font-size:14px}.auth-form__link__item{margin:0 10px}.auth-form__link__item::before{right:-9.5px}.auth__box__bottom{margin:20px auto 0 auto}.auth__box__bottom__text{font-size:14px}.auth[data-style="register"]{padding:20px 0}.auth[data-style="register"] .auth__box{padding:60px 20px 40px 20px}}@media (any-hover:hover){.c-form__text:hover{text-decoration:underline}.auth-form__link__item:hover{opacity:.7}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}