html,
body {
    width: 100vw;
    height: 100vh;
}
body {
    background: url(../images/login-bg.png) no-repeat top left #6bb8f3;
    background-size:cover;
	position: relative;
    overflow: hidden;
    display: flex;
	justify-content:space-between;
}
.text{width: 70vw; height: 100vh; overflow: hidden; text-align: center; line-height: calc(100vw * 60 / 1920); display: flex; justify-content: center; margin-top: -25vh;  align-items: center; flex-direction: column;}
.text .ch{font-size: calc(100vw * 60 / 1920); font-weight: 600; letter-spacing: -3px}
.text .sh{font-size: calc(100vw * 55 / 1920); font-weight: 600; opacity: .3; text-transform: uppercase;}
.newform {
    width: 65%;
}
.login{background:#ffffffcc; background-size:cover; width:30vw; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.login h4{
color: #305588;
    letter-spacing: 10px;
    text-align: center;
    font-weight: 600;
    font-size: calc(30vw * 40 / 640);
    }

.username,.password{background: #ffffff; padding:12px 5px 12px 40px;  border-radius: 4px; width: 100%; margin-top: 30px; position: relative;}
.username::after,.password::after{display: block; content: ""; background: url(../images/username.svg) no-repeat;background-size: 100%; width: 22px; height: 22px; position: absolute; top: 15px;left: 10px}
.password::after{background: url(../images/password.svg) no-repeat;background-size: 100%;width: 24px; height: 24px;}
.username input,.password input{height:30px; background: none; border:none;color:#305588;font-size: 14px;}
.login button{
	background: #305588;
    color: #fff;
    font-weight: 600;
    height: 50px;
    border-radius: 4px;
    width: 100%;
    margin-top: 60px;
    padding: 5px 0;
}
.login button:hover{cursor: pointer; background: #1587df}