body {
	font-size: 16px;
}


.login-page {background-color: #425061;overflow: hidden;font-family: 'kanit';}

.login-page .login-logo {color: #fff;}
.login-page .login-logo a {color: #fff;font-weight: 400;text-transform: uppercase;}
.login-page form {padding-bottom: 20px;}

.form-control {font-size: 1.6rem;}
.form-control:focus {border-color: #645AF1;}
.btn {font-size: 1.6rem;}

.checkbox label, .radio label {padding-left: 0;}
.login-box,
.register-box {
  width: 35%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 20px;
}

.login-box-body {padding: 5% 10% 10% 10%;}


@media screen and (min-width: 1366px){
	.login-box, .register-box {
  	width: 25%;
  	box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 20px;
	}
}


@media screen and (min-width: 2048px){
	.login-box, .register-box {
  	width: 20%;
  	box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 20px;
	}
}