*{margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 1.5;
	color: #333;


}
div.wapper
{
	width: 100%;
	min-height: 100vh;
	background: #fffff6;
	background-size: cover;
	position: relative;
}
.msgError {
	color:red;
}

.rowBottom {
}

	.rowBottom .main {
		display: flex;
	}

		.rowBottom .main .left {
			text-align: left;
		}

		.rowBottom .main .right {
			text-align: right;
			flex: 1 1 0;
		}

.cWordVerification {
}

	.cWordVerification img {
		vertical-align: middle;
		display: inline-block;
	}

	.cWordVerification .btn {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-webkit-background-clip: padding-box;
		display: inline-block;
		border: 1px solid #DDD;
		background-color: #F7F7F7;
		cursor: pointer;
		-webkit-text-stroke: 1px transparent;
		background-image: -webkit-linear-gradient(top, white, #E6E6E6);
		background-image: linear-gradient(top, white, #E6E6E6);
		background-image: -o-linear-gradient(top, white, #E6E6E6);
		background-image: -moz-linear-gradient(white,#E6E6E6);
		background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(white), to(#E6E6E6));
	}
		.cWordVerification .btn:hover {
			background-image: -webkit-linear-gradient(top, #E6E6E6, white);
			background-image: linear-gradient(top, #E6E6E6, white);
			background-image: -o-linear-gradient(top, #E6E6E6, white);
			background-image: -moz-linear-gradient(#E6E6E6, white);
			background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#E6E6E6), to(white));
		}

		.cWordVerification .btn .refresh {
			background: url(/Images/Icons.png) no-repeat;
			background-position: 50% -80px;
			padding: 1px 0;
			text-indent: -9999px;
			width: 16px;
			height: 16px;
			overflow: visible;
			display: block;
			margin:3px;
		}

.tencty {
	margin: auto;
	margin-top: -52px;
	width: 363px;
}
.hero-logo {
    height: 366px;
    background: url(/Images/logo.png) center no-repeat,url(/Images/index-portal-sides-3a6de6abb2618541ffcae29405b174c0.svg) center no-repeat;
    background-size: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
		transition: 1s;
		flex: 0 0 500px;
}
div.hero-logo_an
{
	/* opacity: 0; */
	transition: 1s;
	left: 30%;
}

.hero-logo-circles {
    width: 366px;
    height: 366px;
    margin: auto;
    position: relative;
}
.hero-logo-circle {
    position: absolute;
    left: 0;
    top: 0;
    animation: hero-logo-circle 1s linear infinite;
    will-change: transform;
}
@keyframes hero-logo-circle {
	100% { transform: rotate(360deg); }
}

.hero-logo-circle:nth-child(1) {
    animation-duration: 30s;
}
.hero-logo-circle:nth-child(2) {
    animation-duration: 40s;
}
.hero-logo-circle:nth-child(3) {
    animation-duration: 50s;
}
.hero-logo-circle:nth-child(4) {
    animation-duration: 60s;
}
.hero-logo-circle:nth-child(5) {
    animation-duration: 70s;
}
.hero-logo-circle:nth-child(6) {
    animation-duration: 80s;
}
.hero-logo-circle:nth-child(7) {
    animation-duration: 90s;
}
.hero-logo-circle:nth-child(8) {
    animation-duration: 100s;
}
.hero-logo-circle:nth-child(9) {
    animation-duration: 110s;
}
.hero-logo-circle:nth-child(10) {
    animation-duration: 120s;
}
div.dangnhap_ok
{
	width: 400px;
	padding: 20px;
	text-align: center;
	top: 50%;
	left: 47%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	position: absolute;
	transition: 1s;
	opacity: 1;
}
div.dangnhap_ok_an {
	opacity: 0;
	left: 47%;
	transition: 1s;
}
div.dangnhap_ok .tieuDe {
	font-size: 28px;
	color: #333;
	margin-top: 15px;
	font-weight: bold;
}
div.dangnhap_ok input:-webkit-autofill {
	background-color: #ffffff !important;
	background-image: inherit !important;
}

div.dangnhap_ok input[type='text'], div.dangnhap_ok input[type='password'] {
	background: #ffffff;
	width: 100%;
	border: 1px solid #D0CFCF;
	height: 45px;
	margin-bottom: 10px;
	padding: 0 13%;
	border-radius: 10px;
	font-size:14px;
}
div.dangnhap_ok input[type='text']:-webkit-autofill,
div.dangnhap_ok .usernameInput {
    background-color: #ffffff !important;
	background-image: url('/Images/iconUserName.png') !important;
	background-repeat:no-repeat !important;
	background-position: left center !important;
}
	div.dangnhap_ok input[type='password']:-webkit-autofill,
	div.dangnhap_ok .passwordInput {
		background-color: #ffffff !important;
		background-image: url('/Images/iconPassword.png') !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
	}
	div.dangnhap_ok input[type='text']:-webkit-autofill,
	div.dangnhap_ok .nicknameInput {
		background-color: #ffffff !important;
		background-image: url('/Images/iconNickname.png') !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
	}
	div.dangnhap_ok input[type='text']:-webkit-autofill,
	div.dangnhap_ok .captchaInput {
		background-color: #ffffff !important;
		background-image: url('/Images/IconCaptcha.png') !important;
		background-repeat: no-repeat !important;
		background-position: left center !important;
	}
div.dangnhap_ok input[type='submit'], div.dangnhap_ok input[type='button'] {
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	border: 1px solid #4c7600;
	padding: 9px 24px;
	border-radius: 20px;
	font-weight: bold;
	color: #ffffff;
	font-size: 14px;
	margin: 15px 0;
	cursor: pointer;
	-webkit-box-shadow: 10px 10px 17px -10px rgba(97,97,97,1);
	-moz-box-shadow: 10px 10px 17px -10px rgba(97,97,97,1);
	box-shadow: 10px 10px 17px -10px rgba(97,97,97,1);
}
	div.dangnhap_ok input[type='submit']:hover, div.dangnhap_ok input[type='button']:hover {
		opacity:0.8;
	}
div.dangnhap_ok .chuaCoTaiKhoan a {

}
div.dangnhap_ok .chuaCoTaiKhoan a:hover {
	color:red;
}
a .quen {
	float: right;
	margin-top: 8px;
	color: #030398;
}
p.vetrangchu
{
	clear: both;
	border-top: 2px solid #ebe7e8;
	margin-top: 15px;
	padding-top: 15px;
}
p.vetrangchu a
{
	color: #676767;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.tencty
{
	width:363px;
	margin-top: -50px;
}