.msg-button{
	display:inline-block; 
	width:230px; 
	font-weight:600; 
	border-radius:20px; 
	background-color:#fff; 
	color:#5d5d5d; 
	border:1px solid #a5a5a5; 
	line-height:30px; 
	font-size:14px; 
	cursor:pointer;
}
.msg-button-active{
	color:#fff !important;
	border:1px solid #5d92e8 !important;
	background-color:#5d92e8 !important;
}


.quiz-tabs{
	max-width:770px;
	height:528px;
}
.mb-mobile .quiz-tabs{
	height:500px;
}
.quiz-tab{
	width:100%;
	height:100%;
}
.quiz-tabs .quiz-tab1{
	position:relative;
	background:url('../images/tab1_bg2.png'), url('../images/tab1_bg.png') ;
	background-repeat:no-repeat;
	background-position:center;
	background-size:658px 424px,cover;
}
.mb-mobile .quiz-tabs .quiz-tab1{
	background:url('../images/tab1_bg2_m.png'), url('../images/tab1_bg.png') ;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain,cover;
}
.quiz-tabs .quiz-tab2{
	position:relative;
	background:url('../images/tab2_bg.png') no-repeat center center;
	background-size:cover;
}
.quiz-tabs .quiz-tab3{
	position:relative;
	background:url('../images/tab3_bg.png') no-repeat center center;
	background-size:cover;
}
.quiz-tabs .quiz-tab3 .right-box, .quiz-tabs .quiz-tab3 .wrong-box{
	
	padding:10px 70px;
	font-size:50px;
	text-align:center;
	font-weight:bold;
	border-radius:10px;
	overflow:hidden;
}
.mb-mobile .quiz-tabs .quiz-tab3 .right-box, .mb-mobile .quiz-tabs .quiz-tab3 .wrong-box{
	padding:10px 10px !important;
}
.end-right-top{
	background:#1bb9de;
	padding:50px !important;
	color:#fff;
}
.end-wrong-top{
	background:#f05349;
	padding:50px !important;
	color:#fff;
}
.mb-mobile .end-right-top, .mb-mobile .end-wrong-top{
	padding:20px !important;
}
.end-right, .end-wrong{
	background:#fff;
	padding:50px !important;
}

.mb-mobile .end-right, .mb-mobile .end-wrong{
	padding:20px !important;
}
.top-box{
	padding:90px !important;
	text-align:center;
}
.mb-mobile .top-box{
	padding:90px 20px !important;
}
.top-box span{
	font-size:30px;
	color:#fff;
	background:#ff4d49;
	padding:30px !important;
	font-weight:bold;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.mb-mobile .top-box span{
	font-size:20px;
}

.quiz-tabs .quiz-tab2 .quiz-title-box{
	padding:40px 40px;
	padding-top:90px;
}
.mb-mobile .quiz-tabs .quiz-tab2 .quiz-title-box{
	padding:20px 30px;
	padding-top:40px;
}
.quiz-tabs .quiz-tab2 .quiz-title-box > div{
	min-height:110px;
	width:100%;
	background:#fff;
	border-radius:10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	display:table;
}
.quiz-tabs .quiz-title-box > div > div{
	display:table-cell;
	font-size:30px;
	font-weight:bold;
	vertical-align:middle;
	color:#686868;
	padding:10px 20px 10px 70px;
    text-indent: -1.3em;
}
.mb-mobile .quiz-tabs .quiz-title-box > div > div{
	font-size:22px;	
	padding:10px 10px 10px 38px;
	text-indent: -1.1em;
}

.quiz-tabs .quiz-title-box .quiz-title{
	font-size:23px;
	line-height:1.4;
	margin-left:16px;
}

.mb-mobile .quiz-tabs .quiz-title-box .quiz-title{
	margin-left:7px;
	font-size:19px;
}

.quiz-tabs .quiz-tab2 .quiz-exam-box{
	width:100%;
}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam{
	vertical-align:middle;
	padding:10px 40px;
	font-size:17px;
	font-weight:500;
}
.mb-mobile .quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam{
	padding:10px 30px;
}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam > div{
	height:80px;
	width:100%;
	background:#fff;
	border-radius:10px;
	display:table;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	cursor:pointer;
}
.mb-mobile .quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam > div{
	height:45px;
}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam > div > span{
	display:table-cell;
	vertical-align:middle;
	padding:0px 20px;
}

.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam .exam{
	
}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam-1{
	
}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam-2{


}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam-3{

}
.quiz-tabs .quiz-tab2 .quiz-exam-box .quiz-answer-exam-4{

}
.quiz-tabs .btn-start{
	position:absolute;
	bottom:38px;	
	left:50%;
	margin-left:-150px;
	text-align:center;
}
.mb-mobile .quiz-tabs .btn-start{

	margin-left:-125px;
}
.mb-mobile .quiz-tabs .btn-start div{
	width:250px;
	

}
.quiz-tabs .btn-start div{
	width:306px;
	height:126px;
	cursor:pointer;
	background:url('../images/main-item-btn.png') no-repeat center center;
	background-size:contain;
	padding-top:50px;
}

.quiz-tabs .btn-start div span{
	font-size:60px;
	font-weight:bold;
	color:#393939;
	font-family: 'Nanum Pen Script', serif !important;
}
.mb-mobile .quiz-tabs .btn-start div span{
	font-size:46px;
}

.quiz-tabs .quiz-tab .progressBox{
	width:100%;
	background:#F9E48F; 
	height:19px;
	border-radius:10px;
	overflow:hidden;

}

.mb-mobile .time-box{
	margin:20px !important;
	margin-top: 20px !important;
}
.time-box{
	margin:30px !important;
}
.progressBar{
	width:0%; 
	height:19px; 
	background:#FF4D4A;
	
}
.bar-transition{
	-webkit-transition:2s width ease-out;
	-moz-transition:2s width ease-out;
	-ms-transition:2s width ease-out;
	-o-transition:2s width ease-out;
	transition:2s width ease-out;
}
.quiz-dim{
	position:absolute;
	left:-100px;
	top:-100px;
	z-index:1000;
	width:0px;
	height:0px;
	background:rgba(0,0,0,0.3);
}
.dim{
	left:0px;
	top:0px;
	width:100% !important;
	height:100% !important;
}

.quiz-dim .score{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-144px;
	margin-top:-145px;
	opacity:1;
	/*transform:scale3d(0.8,0.8,1);
	transition:opacity 0.35s, transform 0.35s;*/
}
.selectScore{
	opacity: 1 !important;
	transform: scale3d(1,1,1) !important;
}

.right-bg{
background:#f9e48f;
}
.wrong-bg{
background:#f57f6c;
}

.btn-reStart{
	position:absolute;
	bottom:31px;	
	left:150px;
	text-align:center;
}
.quiz-tabs .btn-reStart div{
	width:466px;
	height:50px;
	cursor:pointer;


}