* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: "fonts";
	src: url("font.TTF");
}

body {
	background-color: #FFFFFF;

}

.header {
	width: 100%;
	height: 90vh;
	background-image: url(../img/bg1.png);
	background-repeat: no-repeat;
	background-size: 100vw 90vh;
}

.header_img {
	width: 50.84vw;
	height: 35vw;
	position: absolute;
	right: 5vw;
	bottom: 5vh;
}

.header_img1 {
	width: 10.36vw;
	height: 4.58vw;
	position: absolute;
	top: 3.13vw;
	left: 7.45vw;
}

.header_right {
	position: absolute;
	right: 7.5vw;
	top: 3.75vw;
}

.header_right p {
	font-size: 1.41vw;
	color: #ffffff;
	margin-bottom: 0.43vw;
}

.header_right span {
	font-size: 0.89vw;
	color: #ffffff;
}

.header_content {
	width: 24vw;
	height: 70vh;
	position: absolute;
	bottom: 10vh;
	left: 7.45vw;
}

.header_content_title {
	font-size: 2.75vw;
	color: #409eff;
	font-family: "fonts";
}

.header_content_lable {
	font-size: 1.37vw;
		color: #409eff;
		margin-top: 5vh;
}
.header_content_eng{
	font-size: 0.9vw;
		color: #409eff;
		margin-top: 1vh;
		margin-bottom: 2.5vh;
}
.header_input{
	width: 100%;
		height: 4.2vw;
		background-color: #409eff18;
		border-radius: 2.21vw;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 2.5vh;
}
.header_input_code{
	width: 60%;
		height: 4.2vw;
		background-color: #409eff18;
		border-radius: 2.21vw;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 2.5vh;
}
.header_input input{
	width: 80%;
	height: 90%;
	background: none;
	border: 0;
	outline: none;
	font-size: 1.27vw;
		color: #222;
}
.header_input_code input{
	width: 62%;
	height: 90%;
	background: none;
	border: 0;
	outline: none;
	font-size: 1.27vw;
		color: #222;
}
input::placeholder{
	font-size: 1.2vw;
		color: #409eff;
}
.remberpass{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 1.85vh;
}
.remberpass input{
	width: 1.04vw;
	height: 1.04vw;
}
.remberpass label{
	font-size: 1.04vw;
	color: #44444450;
	margin-left: 1vw;
}
.submit{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.submit_login{
	width:100%;
	height: 6.6vh;
	background-color: #409eff;
	box-shadow: 0vw 0.78vw 2.6vw 0vw 
		rgba(142, 141, 142, 0.42);
		border-radius: 6vh;
		border: 0;
		font-size: 1.44vw;
		color: #FFFFFF;
		margin-top: 2.5vh;
		outline: inherit;
}
/* .submit_register{
	
} */
.footer {
	width: 100%;
	height: 10vh;
	background-color: #3d98f6;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 0.94vw;
	color: #ffffff;
}