*{
	font-family: 'MS Reference Sans Serif','Microsoft JhengHei';
}

.login-page, .register-page {
	background: #ecebf2 !important;
}

@media screen and (min-width: 1400px){ 
	.login-box, .register-box{
		width: 500px !important;
	}

	.login-form{
		padding: 0px 120px;
	}
	
}

.login-box-body,
.register-box-body {
	padding: 0px !important;
	border-radius: 20px;
}

img {
	border-radius: 20px 20px 0 0;
	max-width:100%;
	max-height:100%;
}

.login-logo h3{
	padding-top: 20px;
	font-size: 33px;
	font-family: 'MS Reference Sans Serif','Microsoft JhengHei';
}

@media screen and (max-width: 1400px){ 
	.login-form{
		padding: 0px 50px;
	}
}

.account-mgt{
	display: flex;
	padding-bottom: 20px;
}

.account-mgt a{
	font-size:12px;
	color: #8679a5;
}

.btn-success {
	background: #786ade !important;
	border: 0px !important;
	border-radius: 20px !important;
	height: 45px !important;
}

#email,
#password {
	padding-left: 38px;
	height: 50px;
	padding-right: 0px;
    border-color: #b4b0d2;
}

.glyphicon-envelope,
.glyphicon-lock {
	position: absolute !important;
	top: 18px !important;
	left: 15px !important;
}


.other-login-header{
    text-align: center;
    color: #8679a5;
	padding: 3px 0;
}
.other-login-item{
    margin: 0 5px;
}
.other-login-container{
    display: flex;
	padding-top: 15px;
	padding-bottom: 35px;
	justify-content:center;
	font-size: 17px;
}

.other-login-container a{
	cursor: pointer;
	color: #8679a5;

}