/* .exp_area_quiz {background: #FFF; padding: 0; margin-bottom: 10px; font-family: Arial;}
.exp_area_quiz form {margin-bottom: 5px; padding: 8px;}
.exp_quiz_title {padding: 10px 15px;background: #c72329;font-size: 16px;font-weight: bold;color: #fff;}
.exp_area_quiz ul {}
.exp_area_quiz li {margin-bottom: 6px !important;list-style: none!important}
.exp_area_quiz li input[type="radio"] {float: left; margin-right: 8px !important; margin-top: 4px !important;}
.exp_quiz_caption {margin-top: 13px;}
.exp_quiz_caption button {background:#616161;padding:10px 30px;border-radius:3px;display:inline-block;color:#fff ;margin-right: 15px;text-transform:uppercase;border: none !important;}
.exp_quiz_caption button:hover {background: #444 !important; color: #FFF !important;}
    
.exp_quiz_caption button[disabled] {background: #EEE;color: #999;}
.exp_area_quiz .exp_btn_listen {display: inline-block; font-size: 11px !important; margin-left: 8px; color: #b11016;}  */
.exp_fl {}
.exp_fr {}
#exp_quiz_pop.exp_open {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); text-align: center;z-index: 9999; font-family: Arial;}
#exp_quiz_pop .exp_wrap {width: 550px; background: #FFF; display: inline-block; margin-top: 120px;}
#exp_quiz_pop .exp_percent {width: 300px; background: #ccc; height: 5px; display: inline-block;}
#exp_quiz_pop .exp_percent i {display: block; background: #bd2024; height: 5px; position: relative;}
#exp_quiz_pop .exp_percent i b { position: absolute; top: 5px; font-size: 12px; color: #000; font-weight: normal;left: 47%;}

#exp_quiz_pop .exp_quiz_plet {font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 10px 0;}
#exp_quiz_pop .exp_quiz_ptit {background: #f2f2f2; text-align: left; font-size: 15px;  padding: 8px; color: #000; text-align: justify; margin-bottom: 0;}
#exp_quiz_pop .exp_quiz_ptime {background: #f2f2f2; margin: 0px; padding: 0 8px; text-align: left;font-size: 12px;color: #777; padding-bottom: 8px;}
#exp_quiz_pop .exp_allquiz {width: 100%; margin-top: 10px; margin-bottom: 15px; padding: 0 8px;}
#exp_quiz_pop .exp_allquiz .label {text-align: left; font-size: 12px; line-height: 18px; background: none; color: #000; text-shadow: none; border: none;}
#exp_quiz_pop .exp_allquiz tr td {padding: 8px;}
#exp_quiz_pop .exp_quiz_pclose {background:#616161;padding:10px 30px;border-radius:3px;display:inline-block;color:#fff ;margin:0 15px 15px 0;text-transform:uppercase;border: none !important;}
#exp_quiz_pop .exp_quiz_pclose:hover {background: #444 !important; color: #FFF !important;}
    
.quiz_media table {display: table; margin: auto;}    
.quiz_media .infoquiz {outline: none; padding: 6px; border-radius: 2px; border: 1px solid #BABABA; width: 280px;}
.quiz_media label {display: inherit; font-size: 13px; text-align: left; padding-right: 10px;}
.quiz_media label .require{color: red;}
.quiz_media button {margin: 13px 4px;}


.block_quizz{padding: 20px;background: #f6f6f6;border: 1px solid #ddd;margin-bottom: 30px}
.title_quizz{font-size: 17px;font-weight: bold;margin-bottom: 10px}
.label_quizz{cursor: pointer;border-radius: 3px;width: 100%;float: left;background: #fff;border: 1px solid #e5e5e5;padding: 7px 15px 7px 40px;position: relative;}
.item_quizz .result_bar{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 3px;z-index: 0;}
.item_quizz .number_per {width: 51px;height: 24px;background: #fff;border-radius: 100px;text-align: center;line-height: 24px;color: #4f4f4f;font-size: 14px;font-weight: 700;position: absolute;right: 10px;top: 50%;margin-top: -12px;}
.input_quiz {position: absolute;top: 16px;left: 15px;}
.txt_ans {font-size: 17px;line-height: 29px;color: #222;position: relative;}
.question_quiz {width: 100%;float: left;margin-top: 10px;}
.noty_correct_ans{display: none;font-size: 15px;margin-top: 10px}
.item_quizz:after{content: "";display: block;clear: both;}
.content_quizz{margin-top: 15px;display: none}
.content_quizz p:last-child{
	margin-bottom: 0!important;
}
.block_quizz.answered .label_quizz{padding-right: 65px;border: none}
.block_quizz.answered .result_bar{display: block}
.block_quizz.answered .txt_ans{color: #fff;}
.block_quizz.answered .choice_ans .result_bar{background: #e18a8a;}
.block_quizz.answered .no_choice_ans .result_bar{background: #ccc}
.block_quizz.answered .correct_ans .result_bar {background: #51a732;}
.block_quizz.answered .ans_per {height: 100%;position: absolute;top: 0;left: 0;background: #338d13;border-radius: 3px;}
.block_quizz.answered .choice_ans .ans_per {background: #cc4545;}
.block_quizz.answered .correct_ans .ans_per {background: #338d13;}
.block_quizz.answered .no_choice_ans .txt_ans{color: #000}
.block_quizz.answered .noty_correct_ans{display: block}
.block_quizz.answered .content_quizz{display: block}
@media screen and (max-width: 900px){
	.block_quizz{padding: 10px}
}

@media screen and (max-width:768px) {
#exp_quiz_pop .exp_wrap {width: 480px;}
#exp_quiz_pop .exp_percent {width: 250px;}
}
@media screen and (max-width:480px) {
#exp_quiz_pop .exp_wrap {width: 360px;}
#exp_quiz_pop .exp_percent {width: 200px;}
}
@media screen and (max-width:360px) {
#exp_quiz_pop .exp_wrap {width: 300px;}
#exp_quiz_pop .exp_percent {width: 120px;}
}