@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin-ext');
html{
	width:100%; 
	height:100%;
}
.body_all{
	width:100%; 
	height:100%;
	overflow-y:auto;
	-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40px, rgba(0,0,0,1) calc(100% - 30px), rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40px, rgba(0,0,0,1) calc(100% - 30px), rgba(0,0,0,0) 100%);
}
.main1{
	opacity:0;
	transition:opacity 1s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
	-webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.3) 100%);
}
.main{
}
.body{
	width:calc(100% - 40px); 
	height:100%;
	padding:0 20px 0 20px;
	box-sizing:border-box;
	font-family:'Open Sans';
	transition:top 1s;
	position:relative;
	top:0%;
}
.logo{
	font-family:'Open Sans';
	position:absolute;
	left:20px;
	top:20px;
	width:400px;
	font-size:0.7rem;
}
.title{
	font-size:2rem;
}
.content{
	font-size:1rem;
}
.title1{
	font-size:1.3rem;
	line-height:2.0rem;
	margin:20px 0 -10px 0;
}
.title2{
	font-size:1.3rem;
	line-height:1.6rem;
	margin:30px 0 -10px 0;
}
.content1{
	font-size:0.9rem;
	line-height:1.2rem;
	margin-bottom:-0.45rem;
}
.content_s{
	font-size:0.9rem;
	line-height:1.1rem;
	margin-bottom:-0.60rem;
}
.leftpos{
	padding-left:40%;
}
@media (max-width: 540px){
	.leftpos{
		padding-left:50px;
	}
}
.link{
	color:#00c785;
	cursor:pointer;
}
.link:hover{
	color:#FFFFFF;
}	
.link1{
	color:#FFFFFF;
	cursor:pointer;
}
.link1:hover{
	color:#00c785;
}