@charset "UTF-8";*{font-family:微軟正黑體;color:#666;box-sizing:border-box;position:relative;left:50%;transform:translate(-50%);font-size:12px}html,body{width:100%;height:100%;padding:0;margin:0;background-color:#f1f1f1;box-sizing:border-box;position:relative}.h1{font-size:3rem}.h2{font-size:2.4rem}.h3{font-size:2.2rem}.h4{font-size:1.8rem}.h5{font-size:1.4rem}.h6{font-size:1rem}.title{padding:5% 0 1%;text-align:center;color:#333;font-weight:900}.top{position:absolute;background-image:url(/build/assets/bg-5a6ce11a.svg);background-repeat:no-repeat;background-size:contain;width:80%;height:100%;margin-top:-24%}.user-container{position:relative;padding:0 10%;max-width:1080px;overflow:hidden}.logo{position:relative;width:100%;margin-top:10%;margin-bottom:13%}.logo picture,.logo img{max-width:280px;width:100%}.logo a{left:0}.tip{position:relative;font-weight:900;color:#333;padding:3% 20%;text-align:center}.user_registered-loginform,.user_checknum{position:relative;width:60%;padding:2% 0;font-weight:900}.user_registered-loginform .h5,.userinput,.user_checknum .h5{padding:2% 5% 3%}.userinput{width:100%;color:#999;font-weight:900}.user_registered-loginform a,.user_registered-loginform a:visited,.user_checknum a,.user_checknum a:visited{text-decoration:none;color:#666;left:0}.user_registered-loginform p,.user_checknum p{font-weight:900;text-align:right;width:100%}.btn{width:100%;padding:3% 0;margin:2% 0;border-radius:10px}.loginbtn{margin-top:10%;background:#DF032E;font-weight:900;color:#fff;border:none;cursor:pointer}.codebtn,.codesend{background:#999;color:#fff;border:none;border-radius:5px}.codesend{background:#DF032E}.codetime{text-align:center;margin-top:10px;display:none}.registerbtn{border:solid 1px #DF032E;color:#df032e;font-weight:900;cursor:pointer}.forgetbtn,.resetbtn{margin-top:10%;background:#DF032E;font-weight:900;color:#fff;border:none}.newpd,.getcode{position:absolute;top:0%;background:#fff;width:70%;padding:10%;border-radius:5px;display:none}.newpd{height:100%}.getcode{height:70%}.newpd .h5{padding:5px 0;box-shadow:inset 10px}.newpd .btn{left:0}.getcode .btn{left:0;border-radius:5px;padding:1%}.agreecheck{position:relative;display:flex;width:100%;transform:none;left:0;margin-top:5px}.agreecheck .h6,.agreecheck input{transform:none;left:0}.agreecheck a{text-decoration:underline}.return{text-align:center;margin-top:5px}.authorize{position:absolute;width:40%;height:auto;background:#FFF;border-radius:10px;padding-bottom:5%;top:10px;display:none}.brand{position:relative;font-weight:900;text-align:center;padding:5% 0 2%;width:100%;left:50%;transform:translate(-50%)}.brand .h3{margin-top:5%}.brand img{position:relative;width:100%;padding:0 35%;margin-top:10%}.brand .h4{margin-top:2%}.authorize-content{width:100%;border-top:solid 1px #999;border-bottom:solid 1px #999;padding:5% 10%;margin-top:5%}.authorize-content .h5{line-height:2.5rem;font-weight:900}.authorize-content .h5:nth-child(1){color:#999}.authorizebtn{width:100%;margin-top:3%;padding:0 3%}.authorizebtn .btn{border:none;background-color:#df032e;color:#fff;cursor:pointer}.authorizebtn .cancelbtn{background-color:#f1f1f1;color:#333}.msg{text-align:center;margin-top:10px}@media screen and (min-width: 401px) and (max-width: 800px){*{font-size:10px}.user-container{padding:0 5%}.logo picture,.logo img{width:60%;max-width:200px}.top{width:80%;margin-top:-20%}.user_registered-loginform,.user_checknum{width:100%;padding:2% 5%}.tip{padding-right:10%;padding-left:10%}.newpd,.getcode{width:90%}.authorize{width:80%}}@media screen and (max-width: 400px){*{font-size:8px}html,body{padding:0}.top{width:102%}.logo{margin:20% 0 22%}.user_registered-loginform{width:100%;padding:2%}.logo picture,.logo img{width:60%}.tip{padding-right:10%;padding-left:10%}.newpd,.getcode{width:100%}.authorize{width:90%}}