.login-container .login-flex-box-area{display:flex;height:100vh}.login-container .login-flex-box-area .login-image-area{flex-basis:50%;display:flex;color:#fff;justify-content:center;align-items:center;position:relative}.login-container .login-flex-box-area .login-image-area .login-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../assets/img/Cloud_login_BG.png);background-size:100% 100%;z-index:0}.login-container .login-flex-box-area .login-image-area .content{position:absolute;z-index:1}.login-container .login-flex-box-area .login-image-area .content .img-area{display:flex;justify-content:center}.login-container .login-flex-box-area .login-image-area .content .img-area img.cloud{width:80%}.login-container .login-flex-box-area .login-image-area .content .text-area{margin-top:40px;text-align:center}.login-container .login-flex-box-area .login-image-area .content .text-area .title{font-size:40px}.login-container .login-flex-box-area .login-image-area .content .text-area .sub-title{margin-top:10px;font-size:16px}.login-container .login-flex-box-area .login-interface-area{flex-basis:50%;display:flex;align-items:center;justify-content:center}.login-container .login-flex-box-area .login-interface-area .logo-image-area{position:absolute;top:0;left:50%;margin-top:30px;margin-left:30px}.login-container .login-flex-box-area .login-interface-area .logo-image-area img.logo{width:152px;height:32px}.login-container .login-flex-box-area .login-interface-area .interface-box{display:flex;justify-content:center}.login-container .login-flex-box-area .login-interface-area .interface-box .title-area{text-align:center}.login-container .login-flex-box-area .login-interface-area .interface-box .title-area .title{font-size:32px}.login-container .login-flex-box-area .login-interface-area .interface-box .title-area .sub-title{margin-top:4px;font-size:18px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area{margin-top:58px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area.sign-up{margin-top:86px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area span.input-append{position:absolute;top:23px;right:30px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .email-input-area span.input-append i{display:block;content:url(../../assets/img/icon_email.png)}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .email-input-area.invalid span.input-append>i{content:url(../../assets/img/error_icon.png)}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .email-input-area.sign-up{margin-top:30px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .password-input-area{margin-top:30px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .password-input-area span.input-append i{display:block;content:url(../../assets/img/icon_pw.png)}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .password-input-area.invalid span.input-append>i{content:url(../../assets/img/error_icon.png)}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .input{position:relative}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .input input{padding:0px 30px;width:482px;height:60px;border:1px solid #d6d6d6;background-color:#f6f6f6;font-family:'Open Sans Regular', sans-serif;font-size:16px;border-radius:50px}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .input input:focus{border-color:#0e7cf0;background:#fff}.login-container .login-flex-box-area .login-interface-area .interface-box .form-area .input.invalid>input:focus{border-color:#ff4a4a;background:#fff}.login-container .login-flex-box-area .login-interface-area .interface-box .error-text-area{font-family:'Open Sans Regular', sans-serif;text-align:left;font-size:14px;color:#ff4a4a;margin-top:7px;margin-left:15px}.login-container .login-flex-box-area .login-interface-area .interface-box .button-area{margin-top:80px}.login-container .login-flex-box-area .login-interface-area .interface-box .button-area.sign-up{margin-top:68px}.login-container .login-flex-box-area .login-interface-area .interface-box .button-area .btn.login{font-size:16px;color:#fff;width:482px;border-radius:50px;height:60px;background:linear-gradient(to right, #0385ff, #236cd6 70%);font-family:'Open Sans Regular', sans-serif;cursor:pointer}.login-container .login-flex-box-area .login-interface-area .interface-box .sign-up-area{margin-top:28px}.login-container .login-flex-box-area .login-interface-area .interface-box .sign-up-area div{font-size:16px;text-align:center;color:#9c9c9c}.login-container .login-flex-box-area .login-interface-area .interface-box .sign-up-area a{color:#227ef6;cursor:pointer}.login-container .login-flex-box-area .login-interface-area .interface-box .sign-up-area a:hover{color:#236cd6}.login-container .send-email-confirm-area{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1;display:flex}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area{margin:auto}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content{width:562px;height:398px;padding:40px;background-color:#ffffff;border-radius:5px}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content .confirm-title{font-family:'Open Sans Regular';font-size:24px;text-align:center;font-weight:600;color:#333333}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content .cofirm-icon{padding-top:30px;text-align:center}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content .confirm-value{font-family:'Open Sans Regular';font-size:16px;text-align:center;color:#333333;padding-top:24px}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content .confirm-value span{color:#0062bf}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content .confirm-resend{padding-top:40px}.login-container .send-email-confirm-area .send-email-confirm-flex-box-area .send-email-confirm-content .confirm-resend button{width:100%;border-radius:4px;height:55px;background-color:#05a7fb;font-family:'Open Sans Regular';font-size:18px;color:#ffffff;cursor:pointer}@keyframes signUpExpand{from{opacity:0}to{opacity:1}}