.content_wrap  {

}
.in_top {
	position: relative;
    /* height: calc(100% - 270PX); */
    box-sizing: border-box;
}
.in_bot {
    display: block;
    /* height: 30%; */
    box-sizing: border-box;
    /* padding: 6% 0; */
    /* height: 300px; */
    width: 100%;
}
.test_title{
	/* height:30%; */
	padding-top:10%;
	box-sizing: border-box;
	text-align: center;
}
.test_title .lmg_logo {
    display:block;
    margin: 0 auto 1.3rem;
}
.test_title h1{
    font-weight: 700;
    color: #fff;
    /* font-size: 58px; */
	font-size:1.9em;
    letter-spacing: -3px;
    line-height: 1;
}
.test_title p {
	/* font-size: 28px; */
	font-size:1.2em;
	margin-bottom:3%;
	letter-spacing: -1px;
}
.user_wrap {
	height:70%;
	text-align: center;
	/* padding: 10% 0 0; */
	font-size:0;
}
.user_wrap img{
	max-width: 300px;
}
.user_wrap .info h3{
	margin-top:35px;
	font-size:25px;
	font-weight:400;
	color:#333333;
}
.user_wrap .info p {
	color: #c5e0f2;
	font-size: 20px;
	letter-spacing: -0.8px;
	margin: 2% 0 8%;
	line-height:1.5;
}
.user_wrap .info p > strong{
	color:#c8cff9;
}
.test_start{
	padding:0 25px;
}
.start_btn {
	background:#2b3996 !important;
}
.start_btn,
.login_btn,
.exam_btn,
.complete_btn{
    width: 100%;
    text-align: center;
    background: #053c36;
    display: block;
    height: 70px;
    line-height: 69px;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto;
    color: #fff;
    border-radius: 3em;
    display: inline-block;
    float: left;
    width: calc(50% - 5px);
}
.join_btn,
.result_btn{
	width:100%;
	text-align: center;
	background: #053c36;
	display: block;
	height:70px;
	line-height:69px;
	color:#fff;
	font-size:22px;
	font-weight:700;
	/* margin:10px auto 0; */
	border-radius: 3em;
	float: left;
	width: calc(50% - 10px/2);
	margin-left: 10px;
}
.exam_btn,
.result_btn ,
.complete_btn{
	width:100%;
}
.test_start {
	display: table;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5%;
	border-radius: 40px 40px 0 0;
}
.start_box_in {
    display: table-cell;
	vertical-align: middle;
}
.main_head_wrap { 
	color:#000;
}
@media screen and (max-width:820px) {
	.in_top {
		height: 80%;
	}
	.in_bot {
		height: 20%;
		position: po;
	}
}
@media screen and (max-width:750px) {

	.user_wrap .info p {
		/* margin: 7% 0; */
	}
	.test_start {
		padding: 6% 8%;
	}	
	#all_wrap .common_txt {
		font-size: 0.5833rem;
	}
	.start_btn, .login_btn, .exam_btn, .complete_btn {
	}
}
@media screen and (max-width:540px) {

	.logo_wrap .logo img{
		width:5.189rem;
	}
	.test_title {
		padding-top: 2rem;
	}
	.test_title h1 {
		font-size: 1.7rem;
	}
	.test_title p{
		font-size: 1.1rem;
	}
	.user_wrap {
		/* padding:15% 0 0; */
	}
	.user_wrap img{
		max-width: 65%;
		margin:0 auto;
	}
	.user_wrap .info p {
		font-size: 0.88rem;
		line-height:1.4;
		margin: 3% 0 10%;
	}
	.test_start{
		border-radius: 1em 1em 0 0;
	}
	.test_title .lmg_logo {
		width: 26%;
		margin:0 auto 1rem;
	}
	
	.start_btn,
	.login_btn,
	.join_btn ,
	.exam_btn,
	.result_btn,
	.complete_btn {
		font-size:0.8333rem;
		height:2.5rem;
		line-height:2.5rem;
	}
	.logo_wrap > .logout-btn  img{
		width: 0.887rem
	}
	
}