h1.logo{
	float:left;
	width:100%;
	margin-top:44px;
	text-align:center;
}

.main_login_area{
	margin:255px auto 0;
	width:650px;
	color:#fff;
}

.main_login_title{
	float:left;
	width:100%;
	text-align:center;
	font-size:40px;
	font-weight:600;
}

.main_login_bigo{
	float:left;
	width:100%;
	margin-top:15px;
	text-align:center;
	font-size:30px;
	font-weight:300;
}

.main_login_form{
	float:left;
	width:100%;
	margin-top:65px;
}

.main_login_form li{
	float:left;
	width:100%;
	margin-bottom:20px;
}

.main_login_form li input{
	width:100%;
	height:80px;
	border:0;
	color:#707070;
	font-size:20px;
	text-indent:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.main_login_form li button{
	width:100%;
	height:80px;
	border:0;
	background:#0092da;
	color:#fff;
	font-size:24px;
	font-weight:600;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

@media screen and (max-width:760px){
	h1.logo{
		margin-top:35px;
	}

	h1.logo img{
		width:200px;
	}

	.main_login_area{
		float:left;
		width:90%;
		margin:150px 0 0 5%;
	}

	.main_login_title{
		font-size:24px;
		letter-spacing:-1px;
	}

	.main_login_bigo{
		margin-top:5px;
		font-size:16px;
		letter-spacing:-1px;
	}

	.main_login_form li input{
		height:50px;
		font-size:16px;
	}

	.main_login_form li button{
		height:50px;
		font-size:20px;
	}
}

.step1_guide_area{
	float:left;
	margin:120px 0 0 calc(50% - 365px);
	width:650px;
	padding:40px;
	background:#fff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.step1_guide_area.index_end{
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-325px;
	height:300px;
	z-index:9999;
}

.black_layer_bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
}

.step1_guide_area.video{
	margin:50px 0 0 calc(50% - 400px);
	width:760px;
	padding:20px;
}


.step1_guide_area.end{
	padding:60px 20px;
}

.step1_guide_area video{
	width:100%;
}

.step1_guide_area .palyTime{
	float:left;
	width:100%;
}

.step1_guide_area button{
	float:left;
	margin-top:20px;
	width:100%;
	height:80px;
	border:0;
	background:#0092da;
	color:#fff;
	font-weight:700;
	font-size:24px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.step1_guide_area button.resetBtn, .step1_guide_area button.endBtn{
	width:100%;
}

.step1_guide_area button.endBtn{
	display:inline-block;
	float:right;
}

.step1_title{
	float:left;
	width:100%;
	margin-top:25px;
	font-size:40px;
	font-weight:700;
	text-align:center;
}

.step1_guide{
	float:left;
	width:100%;
	margin-top:40px;
	font-size:24px;
	line-height:40px;
}

.stem1_btn_area{
	float:left;
	width:100%;
}

.stem1_btn_area button{
	width:100%;
	height:80px;
	border:0;
	background:#0092da;
	color:#fff;
	font-weight:700;
	font-size:24px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

@media screen and (max-width:760px){
	.step1_guide_area
	{
		float:left;
		width:calc(90% - 40px);
		margin:100px 0 0 5%;
		padding:20px;
	}

	.step1_guide_area.index_end{
		left:5%;
		top:100px;
		width:calc(90% - 40px);
		margin-left:0;
		height:initial;
	}

	.step1_guide_area.video{
		float:left;
		width:calc(90% - 40px);
		margin:100px 0 0 5%;
		padding:20px;
	}

	.step1_guide_area button#playBtn{
		height:50px;
		font-size:18px;
	}

	.step1_title{
		font-size:30px;
	}

	.step1_guide{
		font-size:16px;
		line-height:28px;
	}


	.stem1_btn_area button{
		height:50px;
		font-size:18px;
	}
}

.step_end_logo{
	float:left;
	width:100%;
	margin-top:25px;
	text-align:center;
}

.step_emd_text{
	float:left;
	width:100%;
	margin-top:50px;
	font-size:30px;
	line-height:50px;
	font-weight:700;
	text-align:center;
}

.step_emd_text span{
	font-weight:400;
}

@media screen and (max-width:760px){
	.step_end_logo img{
		width:250px;
	}

	.step_emd_text{
		font-size:20px;
		letter-spacing:-1px;
		line-height:36px;
	}
}