body{
	background:black;
	color:#fff;
	overflow:auto;
}



.e_icon{
	width:7rem;
	margin-bottom:0.5rem;
}


p{
	width:100%;
}

.f_image{
	width:100%;
	height:100%;
}

.fwhite{
	color:white;
}

.isize{
	font-size:3rem;
}

.eleft{
	margin-left:10px;
}



.eright{
	margin-right:10px;
}



.e_margin{
	margin-top:1rem;
}


.fyellow{
	color:#4c8264;
	text-decoration: none;
}

.fyellow:hover{
	color:yellow;
	text-decoration: none;
}

@media screen and (min-width : 320px) {


	.lang_v{
		right: 1vh;
		float: right;
		position: absolute;
		z-index:3;
		top: 1vh;
		font-size: 1.35rem;
		font-weight: bold;
	}	
	
	.f_image_1{
		margin-top:10px;
		width: 100%;
		height:100%;
	}
	.ext{
		width:100vw;
		height:100vh;
		line-height:1.35rem;
	}
	
	.e_width{
		width: 90%;
		font-size: 2.38vh;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		line-height: 2.55vh;}	
	

}
 
@media screen and (min-width : 768px) {
	

	.lang_v{
		display:block;
		right: 4%;
		float: right;
		position: absolute;
		top: 10%;
		font-size: 1.5rem;
		font-weight: bold;
	}
	
	
	.f_image_1{
		width: 90%;
		height:100%;
		margin-left: auto;
	}	
	
	.ext{
		width:90vw;
		height:100vh;
		line-height:1.35rem;
	}
	
	.e_width{
		width: 80%;
		font-size: 1.38vw;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		line-height: 1.55vw;
	}	
	
}





total-screen{
	width:100vw;
	height:100vh;
}