.login-img-bg {
	width: 62%;
}

.login-wrap {
	font-family: 'noto sans TC', sans-serif !important;
}

.no-login {
	color: #333;
	font-size: 14px;
}

.no-login:hover,
.no-login:active {
	color: var(--cnvs-themecolor);
}

.login-wrap .form-group input::placeholder {
	color: #aaa;
}

.login-wrap .button.disabled,
.login-wrap  .button:disabled {
    pointer-events: none !important;
    background-color: #b2b3b4 !important;
}

.bg-google {
	background-color: #ededed !important;
}

.bg-facebook {
	background-color: #1877f2 !important;
}

.captcha-img {
	height: 28px;
}

.change-captcha {
    font-size: 13px;
    padding: 5px 9px;
}

.change-captcha i {
	transition: .3s ease;
}

.change-captcha:hover i,
.change-captcha:active i {
	transform: rotate(90deg);
}

@media(max-width:991px) {
	.login-img-bg {
		width: 100%;
	    filter: blur(3px);
    	opacity: 0.9;
	}
}

@media(max-width:499px) {
	.captcha-wrap {
		flex-wrap: wrap;
	}

	.captcha-img {
		margin-left: 0 !important;
		margin-top: 12px;
	}

	.change-captcha {
		margin-top: 12px;
	}
}