body{
	background-color: #073fc6;
	background-image: url('../images/map.png'),url('../images/star.png');
	background-repeat: no-repeat,no-repeat;
	background-position: center center,bottom left;
	background-attachment: fixed;
}

@media screen and (max-width: 1366px) { 
	body{
		background-color: #073fc6;
		background-image: url('../images/map.png'),url('../images/star.png');
		background-repeat: no-repeat,no-repeat;
		background-position: center center,bottom left;
		background-size: 75% auto,auto 40%;
		background-attachment: fixed,fixed;
	}
}
.header{
	height: 60px;
	line-height: 60px;
	color: #FFF;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 16px;
	border-bottom: 1px solid #3965d1;
}

@media screen and (max-width: 1366px) { 
	.header{
		height: 55px;
		line-height: 55px;
		color: #FFF;
		padding-left: 30px;
		padding-right: 30px;
		font-size: 14px;
		border-bottom: 1px solid #3965d1;
	}
}
.header > .pull-left{
	font-size: 18px;
}
@media screen and (max-width: 1366px) { 
	.header > .pull-left{
		font-size: 16px;
	}
}

.main-body{
	margin-top: calc(50vh - 300px);
}

@media screen and (max-width: 1366px) { 
	.main-body{
		margin-top: calc(50vh - 250px);
	}
}

.tips{
	min-width: 300px;
	max-width: 450px;
	padding: 30px;
	border-radius: 5px;
	background:rgba(255,255,255,.2)
}

@media screen and (max-width: 1366px) { 
	.tips{
		min-width: 400px;
		max-width: 450px;
		margin-left: -100px;
		padding: 30px;
		border-radius: 5px;
		background:rgba(255,255,255,.2)
	}
}
.tips > .tips-title{
	font-size: 18px;
	color: #EEE;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D3D3;
}
.tips > .tips-content{
	margin-top: 15px;
	line-height: 28px;
	color: #EEE;
	font-size: 16px;
}

@media screen and (max-width: 1366px) { 
	.tips > .tips-content{
		margin-top: 15px;
		line-height: 25px;
		color: #EEE;
		font-size: 14px;
	}
}
.login{
	width: 360px;
	min-height: 400px;
	margin-left: 30px;
	padding: 50px;
	border-radius: 5px;
	overflow: hidden;
	background-color: #FFF;
}

@media screen and (max-width: 1366px) { 
	.login{
		width: 320px;
		min-height: 360px;
		margin-left: 30px;
		padding: 30px;
		border-radius: 5px;
		overflow: hidden;
		background-color: #FFF;
	}
}
.login > h4{
	color: #3166e6;
	margin-bottom: 30px;
}
.login a{
	color: #3166e6;
}
.login > form > .form-group{
	position: relative;
}
.login > form > .form-group > input[type="text"],
.login > form > .form-group > input[type="password"]{
	font-size: 15px;
	outline:none;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	background: unset !important;
}
.login > form > .form-group img{
	position: absolute;
	bottom: 3px;
	right: 5px;
}
.login > form > .form-group > button.btn-sms{
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.login > form > .checkbox{
	margin-top: 20px;
}
.login > form > .form-group > .pull-left,
.login > form > .form-group > .pull-right{
	margin-top: 7.5px;
}
.login > form > button{
	height: 40px;
	font-size: 16px;
	margin-top: 12.5px;
	background-color: #3166e6;
}
.login > form > button:hover{
	border: 1px solid #3e72ef;
	background-color: #3e72ef;
}