@font-face {
	font-family: 'mnglxingshuotf';
	src: url(../fonts/MHR8101.ttf) format("truetype");
}
*{
	/*transition: all 0.8s ;*/
}
.mgStyle{
	height: 130pt;
	font-size: 20px;
	font-style: normal;
	font-family: 'mnglxingshuotf';
	writing-mode: vertical-lr;
	line-height: 30pt;
	-webkit-text-orientation: sideways-right;
}
.mwsize{
	width:calc(30px*8.5);
	margin-left: calc(30px*2);
}
body{
	background: url(../img/backgroundimage.png);
	background-size: 100%;
	background-size:cover;
	position: relative;
}
a{
	text-decoration: none;
	color: rgb(190,190,190);
}
a:hover{
	text-decoration: none;
	color: rgb(190,190,190);
}
.header{
	margin-bottom: 10vh;
}
.login{
	/*height: 50vh;*/
	padding: 1vh 2vw;
	background-color: white;
	border-radius: 5px !important;
	margin: 5vh auto;
	float: none !important;
}
.login > .row{
	margin: 5vh 1vw 5vh 1vw;
}
#btnSubmit{
	background-color: rgb(63,193,136);
	border: none;
}
#wechatLogin{
	background-color: rgb(247,172,88);
	border: none;
	margin-bottom: 2vh;
}
#btnSubmit,#wechatLogin{
	margin-top: 2vh;
	width: 100%;
	border-radius: 50px;
	color: white;
	font-weight: bold;
	height: 3rem;
	vertical-align: middle;
}
.uname,.pword{
	margin-top: 2vh;
	width: 100%;
}
.about{
	height: 8vh;
	display: inline-block;
	width: 10vw;

	text-align: center;
	line-height: 8vh;
	background-color: rgb(0,109,201);
	
}
.about a:nth-child(1){
color: white;	
}
.red-star{
	color: red;
}
.about a{
	color: rgb(190,190,190);
}
.aboutfa{
	padding: 0px !important;
	
}
.float{
	position: relative;
}
.form-style{
	height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.floatleft{
	display: inline-block;
	position: absolute;
	right: 1vw;
	top: 0.8rem;
	/*font-size: 2em;*/
	border-radius: 1rem;
	width: 14rem;
	height: 2rem;
	/*line-height: 1.5vh;*/
	letter-spacing:2px;
	vertical-align: middle;
	box-shadow: 0px 1px 5px gray;
	background-color: #dc3545;

}
.floatleft img{
	height: 1rem;
}
h2{
	color: white;
	text-indent: 2em;
	letter-spacing:2px;
	margin-top: 4vh;
}
h3{
	font-weight: bold;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.leftimg{
	margin: 1vh auto 0px ;
}
.messageCode{
	color: rgb(190,190,190);
}
.foot{
	background-color: white;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0px !important;
	
}
.btnwidth{
	width: 50%;
	margin: 0 auto;
}
.right-height{
	margin-bottom: 2vh;
}
.foot>.col-1{
	line-height: 8vh;
}
#username-error,#password-error{
	float:right;
}
@media all and (max-width: 640px){
	body{
		background-size: 100%;	
		background-size:cover;
	}
	.middle{
		margin: 0px auto;
		text-align: center;
	}
	h2{
		font-size: 27pt;
		display: inline;
		color: white;
		text-indent: 0rem;
		text-align: center;
		letter-spacing:2px;
		margin-top: 4vh;
	}
	.leftimg{
		content: url(../img/ziyuan1.png);
	}
	.dontShow{
		display: none;
	}
	.login{
		height: 100vh !important;
		background-color: rgba(255,255,255,0.9);
		border-radius:0px !important;
		margin: 0px auto;
	}
	.rowheight{
		height: 70vh;
	}
	.form-style{
		width: 100%;
	}
}
@media all and (max-width: 1024px){
	body{
		/* background: none !important; */
		background-size: 100%;
		background-size:cover;
	}
	h2{
		color: white;
		text-indent: 0rem;
		letter-spacing:2px;
		margin-top: 4vh;
		width: 100vw;
		font-size: 30pt;
	}
	.floatleft{
		display: inline-block;
		position: absolute;
		right: 1vw;
		top: 0.8rem;
		/*font-size: 2em;*/
		border-radius: 1rem;
		width: 14rem;
		height: 2rem;
		/*line-height: 1.5vh;*/
		letter-spacing:2px;
		vertical-align: middle;
		box-shadow: 0px 1px 5px gray;
		background-color: #dc3545;
	}
	.leftimg{
		content: url(../img/ziyuan1.png);
	}
	.dontShow{
		display: none;
	}
	.login{
		height: 30rem !important;
		background-color: rgba(255,255,255,0.9);
		border-radius: 5px !important;
		margin: 0px auto;
	}
	.register{
		height: 100rem !important;
		background-color: rgba(255,255,255,0.9);
		border-radius: 5px !important;
		margin: 0px auto;
	}
	.rowheight{
		height: 70vh;
	}
}
@media all and (max-width: 1366px){
	body{
		/*background: url(../img/5f6f04aa128fc.png);*/
		background-size: 100%;	
		background-size:cover;
	}
	.leftimg{
		/*content: url(../img/ziyuan1.png);*/
	}
}
@media all and (max-width: 2732px){
	body{
		/*background: url(../img/5f6f04aa128fc_2x.png);*/
		background-size: 100%;
		background-size:cover;
	}
	.leftimg{
		/*content: url(../img/ziyuan1_2x.png);*/
		width: 18vw;
	}
}