html, body{
	height: 100%;
	width: 100%;
}
/* General Reset */
body{
	margin:0;
	color: #fff;
	font: 14px/18px verdana, 微软雅黑, Geneva, sans-serif;
	min-width: 964px;
	background: #7c6900 url(/_assets/images/bg-body.jpg) no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
}
img{border-style:none;}
input,
textarea,
select{
	color:#666;
	vertical-align:middle;
	font:100% Verdana, 微软雅黑, Geneva, sans-serif;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border: none;
	padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	color:#fac200;
	text-decoration:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a:hover{color: #fff;}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
.no-display {display:none}
/* General settings */
.container{
	width: 964px;
	margin: 0 auto;
}
.container:after{
	content: '';
	clear: both;
	display: block;
}
.login-page{
	display: table;
	width: 100%;
	background-color: #084b8c;
	background-image: url(/_assets/images/login/bg-login-page.jpg);
}
.login-page .wrapper{
	padding: 30px 0 40px;
	display: table-cell;
	vertical-align: middle;
}
.login-page .container{width: 774px;}
.login-page h1{
	margin: 0 0 43px;
	text-align: center;
	color: #fff;
	font: 44px/44px 'Orbitron', sans-serif;
	text-shadow: 0 0 8px rgba(3,3,3,.21), 0 0 10px rgba(3,3,3,.21);
}
/* login-form */
.login-form{
	background: url(/_assets/images/login/bg-login-form.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	padding: 27px 60px 27px 350px;			/* new change change */
	width: 774px;
	height: 509px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
}
.login-confirmation {
	height: 400px !important;
	font-size:16px !important
}
.login-registration {
	height: 630px !important;
}
.login-registrationApprove {
	height: 500px !important;
	font-size:14px !important
}
#login-inquiry {
	height: 760px !important;
}
.login-form .img{
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0 0 0 20px;
}
.login-form h2{
	margin: 0 -100px 31px -312px;
	text-align: center;
	font: 30px/39px 'Montserrat', sans-serif;
	text-shadow: 0 0 8px rgba(3,3,3,.21), 0 0 10px rgba(3,3,3,.21);
}
.login-form h2 span{
	display: block;
	text-shadow: none;
	padding-top: 3px;
	font: 300 24px/34px 'Lato', sans-serif;
}
.login-form h3{
	margin: 0 0 15px;
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
}
.login-form .input-group{
	position: relative;
	background: #fff;
	border-radius: 6px;
	border: solid #ebebeb;
	border-width: 2px 2px 5px;
	padding: 0 0 0 47px;					/* new user change */
	margin-bottom: 12px;					/* new user change */
}
.login-form .input-group .checkbox{
	color:#333 !important;
	margin:4px 0;
}
.login-form .input-group .messagebox{
	height:70px;
}
.forgot .login-form .input-group{
	padding:10px 0;
	width:90%;
}
.login-form .input-group .ico{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 47px;
	font-size: 0;
	line-height: 0;
}
.login-form .input-group .ico-disabled {
	height:30px !important
}
.no-svg .login-form .input-group .ico-user{
	background-image: url(/_assets/images/login/ico-user.png);
}
.login-form .input-group .ico-pass{
	background: url(/_assets/images/login/ico-password.png) no-repeat 50% 50%;
	-webkit-background-size: 14px 16px;
	background-size: 14px 16px;
}
.login-form .input-group .ico-user{
	background: url(/_assets/images/login/ico-user.svg) no-repeat 50% 50%;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
}
.login-form .input-group .ico-phone{
	background: url(/_assets/images/login/ico-phone.png) no-repeat 50% 50%;
	-webkit-background-size: 14px 18px;
	background-size: 14px 18px;
}
.login-form .input-group .ico-email{
	background: url(/_assets/images/login/ico-email.png) no-repeat 50% 50%;
	-webkit-background-size: 23px 18px;
	background-size: 23px 18px;
}
.login-form .input-group .ico-id{
	background: url(/_assets/images/login/ico-id.png) no-repeat 50% 50%;
	-webkit-background-size: 21px 16px;
	background-size: 23px 18px;
}
.login-form .form-control{
	border: none;
	background: none;
	color: #595959;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 30px;							/* new user change */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login-form .form-control::-moz-placeholder {
	color: #595959;
	opacity: 1;
}
.login-form .form-control:-ms-input-placeholder {color: #595959;}
.login-form .form-control::-webkit-input-placeholder {color: #595959;}
.login-form .input-group.password{
	background: url(/_assets/images/login/bg-password-input.png);
	border-color: #d4dae2;
}
.login-form .btn-yellow{
	display: block;
	width: 100%;
	margin-bottom: 24px;
}
.btn-yellow{
	display: inline-block;
	vertical-align: top;
	border: solid #d96a5d;
	border-width: 0 0 4px;
	background: #f5ca34;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1Y2EzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2YzYzIyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2VlYTgwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzllMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f5ca34 0%, #f3c22a 25%, #eea80c 73%, #ec9e00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ca34), color-stop(25%,#f3c22a), color-stop(73%,#eea80c), color-stop(100%,#ec9e00));
	background: -webkit-linear-gradient(top,  #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%);
	background: -o-linear-gradient(top,  #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%);
	background: -ms-linear-gradient(top,  #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%);
	background: linear-gradient(to bottom,  #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%);
	-pie-background: linear-gradient( #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%);
	text-align: center;
	color: #fff;
	font: 700 24px/30px 'Lato', sans-serif;
/*	text-transform: uppercase; */			/* new user change */				
	font-variant:small-caps;				/* new user change */				
	position: relative;						
	border-radius: 6px;
	text-shadow: 0 0 6px rgba(132,94,0,.75);
	padding: 5px 5px 3px;					/* new user change */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-yellow:hover{
	background: #ec9e00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2VlYTgwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2YzYzIyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWNhMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ec9e00 0%, #eea80c 27%, #f3c22a 75%, #f5ca34 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec9e00), color-stop(27%,#eea80c), color-stop(75%,#f3c22a), color-stop(100%,#f5ca34));
	background: -webkit-linear-gradient(top,  #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%);
	background: -o-linear-gradient(top,  #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%);
	background: -ms-linear-gradient(top,  #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%);
	background: linear-gradient(to bottom,  #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%);
	-pie-background: linear-gradient( #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%);
}
.login-form .bull{
	font-size: 10px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	padding: 1px 4px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login-page #footer{
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	padding: 16px 0 0;
}
.login-page #footer p{margin: 0;}
.login-page #footer p br{display: none;}
.login-form .msg {
	padding-bottom:80px;
}

@media screen and (max-width: 964px) {
	body{min-width: 320px;}
	.container{
		padding: 0 15px;
	}
}
@media screen and (max-width: 804px),
	   screen and (orientation: landscape) and (max-width: 804px),
	   screen and (orientation: portrait ) and (max-width: 804px) {
	body{min-width: 320px;}
	.login-page .container{width: auto;}
	.login-form{
		width: auto;
		height: auto;
		padding-right: 106px;
		padding-left: 308px;
	}
	.login-form h2{margin: 0 -86px 31px -288px;}
	.login-form .img{
		width: 260px;
		height: auto;
	}
}
@media screen and (max-width: 767px),
	   screen and (orientation: landscape) and (max-width: 767px),
	   screen and (orientation: portrait ) and (max-width: 767px) {
	.login-page{
		background: none;
		display: block;
		font-size: 16px;
		line-height: 21px;
	}
	.login-page .wrapper{
		display: block;
		padding: 18px 0 11px;
		min-height: 100%;
		background: #094d8e;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NGQ4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzBhNGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzEwNTY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzFjNjlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzIwNmRhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDZkYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #094d8e 0%, #0a4e8e 26%, #105698 46%, #1c69ab 78%, #206daf 89%, #206daf 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094d8e), color-stop(26%,#0a4e8e), color-stop(46%,#105698), color-stop(78%,#1c69ab), color-stop(89%,#206daf), color-stop(100%,#206daf));
		background: -webkit-linear-gradient(top,  #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%);
		background: -o-linear-gradient(top,  #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%);
		background: -ms-linear-gradient(top,  #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%);
		background: linear-gradient(to bottom,  #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.login-page h1{
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 17px;
	}
	.login-form{
		background: #003570;
		padding: 10px 18px 33px 18px;
		border-radius: 10px;
	}
	.login-form header{
		padding-left: 105px;
		min-height: 100px;
		overflow: hidden;
	}
	.login-form .img{
		top: 8px;
		left: 20px;
		width: 72px;
		height: auto;
	}
	.login-form h2{
		font-size: 16px;
		line-height: 17px;
		margin: 0 0 15px;
		text-align: left;
	}
	.login-form h2 span{
		font-size: 14px;
		line-height: 17px;
		padding: 0;
	}
	.login-form h3{
		font-size: 18px;
		margin-bottom: 13px;
	}
	.login-form .input-group{
		padding-left: 33px;
	}
	.login-form .input-group .ico{
		width: 33px;
	}
	.login-form .form-control{
		height: 29px;
		font-size: 16px;
		padding: 0 0 1px;
	}
	.login-form .input-group .ico-user{
		-webkit-background-size: 13px auto;
		background-size: 13px auto;
	}
	.login-form .input-group .ico-pass{
		-webkit-background-size: 11px auto;
		background-size: 11px auto;
	}
	.login-form .btn-yellow{margin: 22px 0 27px;}
	.btn-yellow{
		font-size: 21px;
		padding: 11px 10px 10px;
	}
	.login-page #footer{
		font-size: 12px;
		line-height: 22px;
		padding: 11px 0 0;
	}
	.login-page #footer p br{display: block;}
}
/* languages */
.bull:before					{content:'\2022';}
.lang-switch:before				{content:'中文';}
.header-apl:before				{content:'Alliance Planet Learn';}
.header-new:before				{content:'New User Login';}
.header-manage:before			{content:'User Account Management';}
.header-forget:before			{content:'Forgot Password';}
.input-required:before			{content:'* required fields';}
.status-1:before				{content:'Under Review';}
.status-2:before				{content:'Denied';}
.status-3:before				{content:'Approved';}
.btn-back:before				{content:'Back to Login';}
.msg-password:before			{content:'*****does not match*****';}
.msg-password-2:before			{content:'**require at least 6 chars***';}
.msg-thankyou:before			{content:'Thank you for registering with us.';}
.msg-forgot:before				{content:'Lost or forgotten password?  Please enter your email adress below and click submit.  We will email you a new password in a few minutes.';}
.msg-pending:before				{content:'A confirmation link will be emailed to your mailbox after it is approved.';}
.msg-confirmed:before			{content:'Your account is confirmed. You may proceed to the portal.';}
.msg-enrolled:before			{content:'This email already has a registered account. You may log on the portal if you have the password or use the Forget Password at the login screen if necessary.';}
.msg-error:before				{content:'Invalid or expired confirmation ID found. Please re-register again.';}

.cn .lang-switch:before			{content:'English';}
.cn .header-apl:before			{content:'APL 宇宙学习网';}
.cn .header-new:before			{content:'新用户注册';}
.cn .header-manage:before		{content:'批准用户帐户';}
.cn .header-forget:before		{content:'忘记密码';}
.cn .input-required:before		{content:'* 必须输入';}
.cn .status-1:before			{content:'复审中';}
.cn .status-2:before			{content:'拒绝';}
.cn .status-3:before			{content:'批准';}
.cn .btn-back:before			{content:'返回';}
.cn .msg-password:before		{content:'"******不匹配******';}
.cn .msg-password-2:before		{content:'*****至少6个字符*****';}
.cn .msg-thankyou:before		{content:'谢谢你的支持';}
.cn .msg-forgot:before			{content:'丢失或忘记密码？请输入您的电子邮件地址在下面，然后点击提交。我们将在几分钟内电邮件您的新密码。';}
.cn .msg-pending:before			{content:'一旦帐户被批准后, 您将会收到确认邮件。';}
.cn .msg-confirmed:before		{content:'用户帐户注册成功。您可即刻登录平台。';}
.cn .msg-enrolled:before		{content:'此电子邮件已经有一个注册账号。如果你没有登录密码，可以点击登录屏幕的忘记密码功能';}
.cn .msg-error:before			{content:'你的确认链接有错误或已经过期无效。请再重新注册。';}

/*footer*/
footer:before					{content: 'copyright 2012-2020 American Academic Alliance. All Right Reserved.';}
.cn footer:before				{content: '版权 2012-2020 美国学术联盟。保留所有权利。';}