.quiz_intro{position:relative; text-align:center;  margin:0 auto; }
.quiz_intro .start,
.quiz_intro .godap{z-index:1; position: absolute; bottom: 15%; left: 50%;  transform: translateX(-50%);  width: 60%; text-align:center; cursor:pointer}
.wd1_4{background: #FFFBDE; animation:none;}
.quiz_bg{position:relative;  margin:0 auto; text-align:center; }
.quiz_bg form{height: 70%;  z-index: 1;  position: absolute;  top: 16%;  left: 50%;  transform: translateX(-50%);  width: 60%;  text-align: center;}
.quiz_bg .time{display:flex; justify-content: space-between;align-items: center;  position:relative; background:#e2dddb; width:100%; margin:0 auto; padding:1.5rem; border-radius:8px; margin-top:6%;}
.quiz_bg .time div{flex-basis: 33.33%; padding:0 1.6rem; text-align:center; color:#612c16;}
.quiz_bg .time div.num{}
.quiz_bg .time div.num em{font-size:2.8rem; font-weight:600;}
.quiz_bg .time div.num img{ margin-bottom:8px;}
.quiz_bg .time .timeSet{position:absolute; top:-10rem; left:50%; width:20rem; transform:translateX(-50%); height:25%;}
.quiz_bg .time .timeSet p{display:block; position:relative; width:100%; background:url('/img/web/sub/sub02/time.png') no-repeat center center; background-size:100% auto; padding-top:130%;}
.quiz_bg .time .timeSet p span{font-size:5rem; line-height:1; font-weight:600;position:absolute; bottom:21%; left:50%; transform:translateX(-50%);}
.ques{display:block; position:relative;  margin-top:5%;background:#fff; padding:4rem 2rem 2rem; height:65%; border-radius:8px; text-align:center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ques h4{font-size:2.2rem;line-height:1.3em; letter-spacing:-0.08em; word-break:break-all; margin-bottom:6rem; color:#003D85; display:flex; justify-content: center;}
.ques p{position:absolute;  top:-1rem; left:50%; transform:translateX(-50%); text-align:center; background:url('/img/web/sub/sub02/qnum_bg.png') center center no-repeat; background-size:100% 100%; padding:0.5rem 4.6rem;}
.answer{display:flex; width:100%; align-items: center; justify-content: space-between; }
.radio2{display:inline-block;flex-basis: 47%; }
.radio2 input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.radio2 input[type="radio"] + label {padding:0; display:inline-block; position: relative; width:100%; font-size:10rem;color:#fff; padding-top:65%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  z-index:0; font-weight:900;  }
.radio2 input[type="radio"] + label em{position:absolute; left:50%; top:50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.radio2 input[type="radio"].disabled + label:before {background:#EBEAE4;}
.radio2 input[type="radio"]:checked + label:before{background:#50b848;}

.ques_frame {max-height: 65%; margin-top: 5%; background-color:white; border-radius: 8px;padding: 1rem 0.7rem 1rem; overflow-y: auto;}
.ques_frame > div.float_rt {
	margin-bottom: 4rem !important;
}
.ques {padding-top:1rem; height:100% !important; margin-top: 0 !important; padding: 0 !important;}
.ques h4 {font-weight: 500;letter-spacing: -1.62px;color: #333;height:auto !important;font-size: 2.6rem;word-break:keep-all;padding:0 1rem;margin-bottom: 4rem;}
.quiz1 {display:block;}
.answer {padding: 0 5rem;}
.answer.ox_quiz {padding-top:2rem;}
.radio2 input[type="radio"] + label {border-radius: 8px;background-color: #fff;height: 18rem;padding:0;}
.radio2 input[type="radio"] + label img {width: 9.6rem; position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);vertical-align: middle;}
.radio2 input[type="radio"] + label.yes {border: solid 2px #b1d5ff;}
.radio2 input[type="radio"] + label.no {border: solid 2px #ffb8b8;} 
.radio2 input[type="radio"] + label.yes:hover {background-color:#e3f5ff}
.radio2 input[type="radio"] + label.no:hover {background-color:#ffb8b8} 

.initial_hint_frmae {display:flex;width: 100%;align-items: center;justify-content: center;margin-bottom: 2rem; }
.initial_hint {display: inline-block; border-radius: 8px; border: solid 2px #b1d5ff;background-color: #fff;text-align:center; color: #1e42ff;padding: 0 1.2rem;font-size: 7rem;margin: 0 0.6rem;font-weight: 900;}
.initial_hint.five {padding: 0.5rem;}
.init_input {width: 100%; color: #333 !important; padding: 1rem !important; background-color:#f4f4f4 !important;font-size: 1.8rem !important; text-align:center !important; margin:6rem 0 2rem 0; border:unset !important;border-radius:8px; height: 5rem;}
.init_input::placeholder {color:#838383; font-size: 1.8rem;text-align:center;}
.init_button.radio2 {display:block; width:100%;}
.init_button.radio2 input[type="radio"] + label {border-radius: 58px;border: solid 2px #ffab45;background-color: #ffe240;font-size: 1.8rem;width: 100%;height: auto;padding: 1rem;color: #333;font-weight: bold;}

.objective_hint_frame {display: inline-block;width: 46%;margin: 0.6rem;}
.objective_hint {border-radius: 8px;border: solid 2px #f4f4f4;text-align:center;padding:2rem;color:#333;font-size: 2rem;}
.objective_hint_frame.radio2 input[type="radio"] + label {font-size: 2.4rem;color: #333;font-weight: bold;height:10rem;}
.objective_hint_frame.radio2 input[type="radio"] + label:hover {background-color: #e3f5ff; border: solid 2px #b1d5ff;}
.objective_hint_frame.radio2 input[type="radio"] + label em {width: 100%;}

.endPopup > .modal_container{
    max-width: 80rem;
}
.mainPop2 > .modal_container {
    max-width: 60rem;
}
.endPopup > .modal_container,
.mainPop2 > .modal_container {
    padding: 0
}
.endPopup > .modal_container .popbtn,
.mainPop2 > .modal_container .popbtn {
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.endPopup > .modal_container .popbtn > a,
.mainPop2 > .modal_container .popbtn > a {
    flex:1;
    display:block;
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
    background-color:var(--colorfff);
}
.endPopup > .modal_container .popbtn > a:first-child ~ a,
.mainPop2 > .modal_container .popbtn > a:first-child ~ a {
    border-left:1px solid #ddd;
}

.popSlider_pagination {
    position: absolute;
    bottom:6.8rem;
    width:100%;
}
.popSlider_pagination > ul {
    display: flex;
    justify-content: center;
    gap:1rem;
}
.popSlider_pagination li > button {
    font-size: 0;
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius:100%;
    box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
    background-color:var(--colorfff);
}
.popSlider_pagination li.slick-active > button {
    background-color: #0F3F76;
}

/*.endPopup > .modal_container .modal_body,*/
/*.mainPop2 > .modal_container .modal_body { */
/*    */
/*}*/


@media(max-width: 1250px) {
    .quiz_bg form {
        width: 68%;
    }
}