*,p {
	margin: 0;
	padding: 0;
}
.has-error{
	border: 3px solid yellow !important;
	border-radius: 6px;
}
.main {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


.form-group {
	margin-bottom: 20px !important;
}
html,
body,
#particles {
	width: 100%;
	height: 100%;
	background-image: url(/resources/css/images/login1920/loginb.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.content .login-container {
	position: absolute;
	z-index: 2;
	left:50%;
	top:50%;
	overflow-y: hidden;
}
.content .pity_logo {
	position: absolute;
}
.content .pity_name{
	color: white;
	position: absolute;
	letter-spacing: 2px;
	font-weight: bolder;
}
.reset_code{
	padding-right: 0px !important;
}

.content .pity_name_tip{
	color: yellow;
}
.content .pity_login_row .row_input input{
	background: transparent;
	border: 0px;
	outline-style: none ;
	border-bottom: 1px solid #eee;
	color: #eee;
}
.content .pity_login_row .row_input input::-webkit-input-placeholder {
	color: #9096b7;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 16pt !important;
}
.footer img {
	content:url(/resources/css/images/login1920/login_china.png);
}
#fade {
	display: none;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	z-index:1001;
	background: url("/resources/css/images/login_mask.png");
}
#light{
	display: none;
	z-index:1002;
	position:absolute;
	left:50%;
	margin-left:-225px;
	top:50%;
	margin-top:-54px;
	width: 449px;
	height: 108px;
	background: url("/resources/css/images/login_tip.png");
	text-align: center;
	color: black;
	padding: 48px;
	font-size: 24px;
}
.sendcheckcode{
	border: 1px solid #efe7e7;
	position: absolute;
	right: 0px;
	text-align: center;
	background-color: white;
	padding-top: 6px;
	height: 36px;
	cursor:pointer;
}
.sendingcodebtn{
	background: #999;
	color: white;
	border-color: #656565;
}
@media only screen and (min-width: 1367px) {
	html,
	body,
	#particles {
		background-image: url(/resources/css/images/login1920/loginb.jpg);
	}
	.content .login-container {
		width: 818px;
		height: 542px;
		background: url(/resources/css/images/login1920/loginbj.png);
		margin-left:-478px;
		margin-top:-368px;
	}
	.content .pity_logo {
		background-image: url(/resources/css/images/login1920/login_pity.png);
		width: 57px;
		height: 66px;
		top: 88px;
		left: 78px;
	}
	.content .pity_name{
		font-size: 36px;
		top: 80px;
		right: 30px;
		letter-spacing: 8px;
	}
	.content .reset_name{
		font-size: 26px;
		top: 90px;
		letter-spacing: 2px
	}
	.content .pity_login{
		position: absolute;
		top: 212px;
		left: 260px
	}
	.content .pity_login_row a{
		font-size: 14px;
	}
	.content .pity_login_row .row_input input{
		width: 428px;
		height: 52px;
		font-size: 16px;
		padding-left: 56px;
	}
	.content .pity_login_row .row_input input.login_user {
		background: url(/resources/css/images/login1920/login_user.png) no-repeat left center;
	}
	.content .pity_login_row .row_input input.login_lock {
		background: url(/resources/css/images/login1920/login_lock.png) no-repeat left center;
	}
	.content .pity_login_row .row_input input.login_code {
		background: url(/resources/css/images/login1920/login_code.png) no-repeat left center;
		padding-right: 140px;
	}
	.content .pity_login_row .row_input input.reset_user{
		padding-right: 140px;
	}
	#captchaImg{
		height: 40px;
		position: absolute;
		top: 115px;
		right: 0px;
	}
	.content .row_btn{
		background:url(/resources/css/images/login1920/login_btn.png) no-repeat;
		font-size: 13pt;
		color: white;
		text-align: center;
		padding-top: 12px;
		width: 370px;
		height: 52px;
		margin: 46px 0px 0px 20px;
	}
	.footer {
		font-size: 16px !important;
	}
	.footer img {
		content:url(/resources/css/images/login1920/login_china.png);
	}
	#light{
		margin-top:-168px;
	}
	.sendcheckcode{
		top: 15px;
		width: 140px;
		font-size: 16px;
	}
}
@media only screen and (max-width: 1366px) {
	html,
	body,
	#particles {
		width: 100%;
		height: 100%;
		background-image: url(/resources/css/images/login1366/loginb.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.content .login-container {
		width: 579px;
		height: 387px;
		background: url(/resources/css/images/login1366/loginbj.png);
		margin-left: -334px;
		margin-top: -235px;
	}
	.content .pity_logo {
		background-image: url(/resources/css/images/login1366/login_pity.png);
		width: 41px;
		height: 47px;
		top: 62px;
		left: 56px;
	}
	.content .pity_name{
		font-size: 26px;
		top: 58px;
		right: 8px;
		letter-spacing: 6px;
	}
	.content .reset_name{
		font-size: 19px;
		top: 60px;
		letter-spacing: 2px;
	}
	.content .pity_login{
		position: absolute;
		top: 144px;
		left: 178px;
	}
	.content .pity_login_row a{
		font-size: 12px;
	}
	.content .pity_login_row .row_input input{
		width: 306px;
		height: 42px;
		font-size: 14px;
		padding-left: 46px;
	}
	.content .pity_login_row .row_input input.login_user {
		background: url(/resources/css/images/login1366/login_user.png) no-repeat left center;
	}
	.content .pity_login_row .row_input input.login_lock {
		background: url(/resources/css/images/login1366/login_lock.png) no-repeat left center;
	}
	.content .pity_login_row .row_input input.login_code {
		background: url(/resources/css/images/login1366/login_code.png) no-repeat left center;
		padding-right: 100px;
	}
	.content .pity_login_row .row_input input.reset_user{
		padding-right: 100px;
	}
	#captchaImg{
		position: absolute;
		right: 0px;
		top: 95px;
	}
	.content .row_btn{
		background:url(/resources/css/images/login1366/login_btn.png) no-repeat;
		font-size: 13pt;
		color: white;
		text-align: center;
		padding-top: 6px;
		width: 264px;
		height: 368px;
		margin: 42px 0px 0px 20px;
	}
	.footer{
		font-size: 12px !important;
	}
	.footer img {
		content:url(/resources/css/images/login1366/login_china.jpg);
	}
	#light{
		margin-top:-96px;
	}
	.sendcheckcode{
		top: 6px;
		font-size: 14px;
		width: 100px;
	}
}