html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background:#c7c7c7;user-select:none}body *{box-sizing:border-box}#warpper{position:absolute;width:1000px;height:620px;left:50%;top:50%;margin-left:-500px;margin-top:-350px}.login{background:#ffffff;border-radius:1rem;box-shadow:0 0 10px #333}.logo{display:flex;flex-direction:row;justify-content:space-between;padding:1.2rem 2rem;align-items:center}.logo .img_logo{width:255px;height:50px}.logo .img_logo2{width:260px;height:64px;margin-right:1.5rem}.bar{display:flex}.bar>div:first-child{flex:1;height:5px;background:#cc0000}.bar>div:last-child{flex:3;background:#7d7d7d}.centent{display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem 2rem;align-items:center}.promo{font-weight:bold;width:600px;display:block;justify-content:center;align-items:center;order:1}.promo .promo-title{display:flex;align-items:center;flex-direction:row;margin-bottom:2rem;justify-content:center}.promo ul{list-style-type:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.promo ul li{max-width:210px;margin-right:1rem;margin-bottom:1rem;font-size:.9rem}.promo ul li>div{color:#956e00;font-size:1rem}.promo ul li>div:before{content:'★';color:#cc0000}.promo .title{font-size:2rem}.promo .text{font-size:1.2rem}.img_line{order:2}.customer{width:30%;margin:1rem;order:3}.customer input,.customer textarea{border:1px solid #c3c3c3;border-radius:3px;width:100%;padding:.4rem}.customer input::-ms-reveal,.customer textarea::-ms-reveal{display:none}.customer textarea{resize:none;overflow:hidden}.customer .input-mask-icon{cursor:pointer;position:absolute;bottom:25%;right:5px;width:20px;height:20px;background-image:url('/Images/close-eye.png');background-size:contain}.customer .box-id,.customer .box-password,.customer .box-verificationCode{position:relative;margin-bottom:.5rem}.customer .box-id div *,.customer .box-password div *,.customer .box-verificationCode div *{margin-right:.5rem}.customer .box-verificationCode{display:inline-block}.customer .box-verificationCode #imgVerifyCode{width:45%}.customer .box-verificationCode #btnValide{width:1.5rem;height:1.5rem;height:38px;vertical-align:middle;cursor:pointer}.customer .btn-group{display:flex}.customer .btn-group *:not(i){border:1px solid #a60000;border-radius:3px;color:#ffffff;background:#cc0000;text-align:center;padding:.5rem;cursor:pointer}.customer .btn-group .btn-pwd{flex:1;text-decoration:none;background:#333333;border:1px solid #333333}.customer .btn-group .btn-pwd i{margin-right:.2rem}.customer .btn-group .btn-login{margin-right:.5rem;flex:1.8}.customer .note{margin-top:.5rem;display:flex;align-items:flex-start}.customer .note span{display:inline-flex;min-width:1.2em;height:1.2em;background:#cc0000;color:#fff;text-align:center;border-radius:10em;margin-right:.3em;justify-content:center;align-items:center}.customer .errorMsg{color:#20ce25;font-weight:bold}.customer .errorMsg::before{content:'!';display:inline-flex;width:1.2em;height:1.2em;background-color:#20ce25;color:#fff;border-radius:10em;text-align:center;margin-right:.25em;justify-content:center;align-items:center}.customer .errorMsg.hide{display:none !important}.join{display:flex;flex:1;flex-direction:row;border-top:2px dotted #999;margin:1rem;padding:1rem 0;order:4}.join a{color:#cc0000}.join>div{flex:1;display:flex;flex-direction:row}.join>div:first-child{margin-right:1rem}.join .title{color:#cc0000;font-weight:bold}.join img{width:2rem;height:2.5rem;margin-right:.5rem}.copyright{padding:1rem;text-align:center}.copyright span{padding-right:1rem}.login-info{background:#ffffff;border-radius:1rem;box-shadow:0 0 10px #333}.login-info .centent{display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem 2rem;align-items:center}@media screen and (max-width:1000px){#warpper{left:0;top:0;margin-left:auto;margin-top:auto;width:100%;height:auto}.login{border-radius:0;box-shadow:none}.centent{display:block}.centent .promo{width:auto;max-width:100%}.img_line{display:none}.customer{max-width:100%;background:#e2e2e2;padding:1rem;width:auto;margin:0;border-radius:.5rem}.customer .box-id,.customer .box-password,.customer .box-verificationCode{margin-bottom:1rem}.customer .promo{width:100%}.customer .promo ul li{width:calc((100% - 3rem) / 3)}.customer .btn-group{display:block}.customer .btn-group .btn-pwd{display:block}.customer .btn-group .btn-login{margin-right:0;margin-bottom:.5rem;display:block}.join{border-top:0}}@media screen and (max-width:780px){body{font-size:18px;background:#ffffff}.logo{justify-content:center;padding:.8rem}.logo>*:last-child{display:none}.bar>div:first-child{height:.5rem}.centent{flex-direction:column;padding:0}.promo{display:none}.customer{order:1;border-radius:0}.customer input{font-size:1.3rem}.customer #imgCode{height:46px}.join{display:block;border-top:0;padding:0;order:2;margin:1rem}.join>div:first-child{margin-right:0rem;margin-bottom:1rem;border-bottom:1px solid #ccc}.join>div{padding-bottom:.5rem}.copyright{font-size:.9rem;background:#7d7d7d;color:#fff}.copyright span{display:block}}