@charset "utf-8";
/*quiz basic element*/
.quiz_start {display:none;}
.quiz_start_area {position: absolute; left:80px; top:180px; width:850px; font-size:18px; text-align:center; line-height:30px;}
.quiz_start_num {font-size:30px; padding:0 5px; 0 5px; color:#13a1bf;}
.quiz_start_btn{position: relative; left:350px; top:35px; width:130px; text-align:center; background-color:#e16767; padding:10px 20px 10px 20px; border-radius:10px; color:#ffffff; font-size:20px;}
.quiz_start_btn:hover {background-color:#bc5252; cursor:pointer;}

/*quiz question element*/
.quz_area {position: absolute; left:80px; top:80px; width:850px;}
.quz_title {position: relative; font-size:15px; color:#595959; margin-bottom:10px;}
.quz_title li {display:inline-block; zoom:1; *display:inline; color:#43aabf;}
.quz_mun_are {position: relative; width:850px; margin-bottom:20px;}
.quz_mun_title {position: absolute; left:20px; padding:0 15px 0 15px; font-size:20px; color:#8fb11b; background-color:#ffffff; z-index:1;}
.quz_mun_con {position: relative; top:20px; width:800px; padding:40px 30px 40px 30px; border:1px dotted #8fb11b; border-radius:10px; line-height:20px;}
.quz_mun_sum {position: absolute; left:155px; top:18px; padding:0 10px 0 10px; font-size:11px; color:#8fb11b; background-color:#ffffff; z-index:1;}
.quz_mun_state{position: absolute; left:780px; top:10px; padding:0 10px 0 10px; font-size:15px; color:#8fb11b; background-color:#ffffff; z-index:1;}

/*quiz user checking area element*/
.quz_check_are {position: relative; width:850px;}
.quz_check_OX {text-align:center;}
.quz_check_OX li{display:inline-block; zoom:1; *display:inline; padding:0px 40px 10px 40px; font-size:100px; font-weight:bold; font-family:Arial; color:#ababab;}
.quz_check_select {position: relative; top:20px;}
.quz_check_select li{display:block; font-size:15px; padding:0px 40px 10px 40px; line-height:20px;}
.quz_check_select_dap:hover {color:#e16767; cursor:pointer;}
.quiz_check_O:hover{color:#e16767; cursor:pointer;}
.quiz_check_X:hover{color:#e16767; cursor:pointer;}
.quiz_check_btn{position: relative; left:710px; top:2px; width:80px; text-align:center; background-color:#8fb11b; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_check_btn:hover{background-color:#7f9d1a; cursor:pointer;}
.quiz_single_check_btn{position: relative; left:710px; top:2px; width:80px; text-align:center; background-color:#8fb11b; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_single_check_btn:hover{background-color:#7f9d1a; cursor:pointer;}
.quiz_multi_check_btn{position: relative; left:710px; top:2px; width:80px; text-align:center; background-color:#8fb11b; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_multi_check_btn:hover{background-color:#7f9d1a; cursor:pointer;}
.quiz_text_check_btn{position: relative; left:710px; top:2px; width:80px; text-align:center; background-color:#8fb11b; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_text_check_btn:hover{background-color:#7f9d1a; cursor:pointer;}
.li_single_none {color:#7e7e7e; cursor:pointer;}
.li_single_none:hover {color:#e16767;  cursor:pointer;}
.li_single_select {color:#e16767; cursor:pointer; font-weight:bold;}
.li_multi_none {color:#7e7e7e; cursor:pointer;}
.li_multi_none:hover {color:#e16767;  cursor:pointer;}
.li_multi_select {color:#e16767; cursor:pointer; font-weight:bold;}
.text_user_answer_area {position: relative; left:100px; top:8px; }
.text_user_answer {width:600px; height:25px; border-radius:8px; }

/*quiz button element*/
.quiz_next_btn{position: relative; left:710px; top:3px; width:80px; text-align:center; background-color:#22a1cb; padding:5px 10px 5px 10px; border-radius:5px; color:#ffffff; font-size:15px;}
.quiz_next_btn:hover{background-color:#2288a9; cursor:pointer;}

.quiz_last_check {position: relative; top:150px; text-align:center; font-size:18px;}
.quiz_last_check_num {font-size:30px; padding:0 5px; 0 5px; color:#13a1bf; font-weight:bold;}
.quiz_reload_btn{position: relative; left:350px; top:200px; width:130px; text-align:center; background-color:#e16767; padding:10px 20px 10px 20px; border-radius:10px; color:#ffffff; font-size:20px;}
.quiz_reload_btn:hover{background-color:#bc5252; cursor:pointer;}

/*quiz feedback element*/
.OX_animation {position:absolute; top:45px; left:95px; z-index:100;}
.feedback_title {position: absolute; left:20px; padding:0 15px 0 15px; font-size:20px; color:#e16767; background-color:#ffffff; z-index:1;}
.feedback_are {position: relative; width:800px; top:40px; padding:30px 30px 20px 30px; border:1px dotted #e16767; border-radius:10px; line-height:20px;}
.next_btn_click {position: absolute; z-index:50; left:790px; top:455px;}