.container[data-v-61c8e054]{background-color:#1d5bd7;border-radius:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container[data-v-61c8e054],.left[data-v-61c8e054]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left[data-v-61c8e054]{height:7rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.play[data-v-61c8e054]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.img_play[data-v-61c8e054]{width:80%;cursor:pointer}.listen[data-v-61c8e054]{background-color:#89abe6;border-radius:5px;width:12%;height:70%;-ms-flex-pack:center;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.listen[data-v-61c8e054],.text[data-v-61c8e054]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center}.text[data-v-61c8e054]{-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;width:auto;margin-left:2%}.text p[data-v-61c8e054]{color:#fff;margin:0}.text p[data-v-61c8e054]:first-child{font-size:30px}.text p[data-v-61c8e054]:nth-child(2){font-size:15px;color:#89abe6;text-align:start}.right[data-v-61c8e054]{width:auto;height:100%}@media only screen and (min-width:300px) and (max-width:415px){.listen[data-v-61c8e054]{width:auto}.text p[data-v-61c8e054]:first-child{font-size:20px}}.container_checkbox[data-v-04c2235a]{background-color:#e6efff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;border-radius:15px}.size_image[data-v-04c2235a]{width:50%;height:50%}.checkbox[data-v-04c2235a]{width:22%;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.text_checkbox[data-v-04c2235a]{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px}@media only screen and (min-width:375px) and (max-width:415px){.checkbox[data-v-04c2235a]{width:35%;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.text_checkbox[data-v-04c2235a]{font-size:18px}.title[data-v-04c2235a]{width:93%}}.circle-red[data-v-093edea2]{color:#ec6a6e!important;margin:0 5px!important}.circle-yellow[data-v-093edea2]{color:#fbd14a!important;margin:0 5px!important}.circle-green[data-v-093edea2]{color:#72cacd!important;margin:0 5px!important}.circle-purple[data-v-093edea2]{color:#7a73a8!important;margin:0 5px!important}@font-face{font-family:KaiTi;src:local("KaiTi"),url(../fonts/KaiTi.bbfaa127.ttf) format("truetype")}@font-face{font-family:Bider;src:local("Bider"),url(../fonts/Bider-HanYuPinYin1.7e95d2fc.ttf) format("truetype")}.fontChinese{font-family:KaiTi!important}.fontPinyin{font-family:Bider!important}.step-progress__wrapper{margin:0 auto;position:relative;width:90%}.step-progress__wrapper-before{background-color:grey;-webkit-transform:translateY(-50%) perspective(1000px);transform:translateY(-50%) perspective(1000px)}.step-progress__wrapper-after,.step-progress__wrapper-before{content:"";height:12px;left:0;position:absolute;top:50%;width:100%}.step-progress__wrapper-after{background-color:red;-webkit-transform:scaleX(0) translateY(-50%) perspective(1000px);transform:scaleX(0) translateY(-50%) perspective(1000px);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.step-progress__bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;width:100%}.step-progress__step{--activeColor:red;--passiveColor:grey;--activeBorder:5px;--passiveBorder:5px;position:relative;z-index:2}.step-progress__step span{color:var(--passiveColor);display:block;font-size:50px;font-weight:900;opacity:1;text-align:center;-webkit-transform:translateZ(0) scale(1) perspective(1000px);transform:translateZ(0) scale(1) perspective(1000px);-webkit-transition:.3s ease;transition:.3s ease}@media(max-width:767px){.step-progress__step span{font-size:28px}}.step-progress__step--active .step-progress__step-label,.step-progress__step--active span{color:var(--activeColor)}.step-progress__step--active .step-progress__step-icon{opacity:1}.step-progress__step--valid .step-progress__step-icon{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px);transform:translate3d(-50%,-50%,0) scale(1) perspective(1000px)}.step-progress__step--valid span{color:var(--activeColor);opacity:0;-webkit-transform:translateZ(0) scale(2) perspective(1000px);transform:translateZ(0) scale(2) perspective(1000px)}.step-progress__step--valid .step-progress__step-label{color:var(--activeColor)}.step-progress__step:after{background-color:#fff;border:var(--passiveBorder) solid var(--passiveColor);border-radius:50%;content:"";height:75px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) perspective(1000px);transform:translate(-50%,-50%) perspective(1000px);-webkit-transition:.3s ease;transition:.3s ease;width:75px;z-index:-1}@media(max-width:767px){.step-progress__step:after{height:40px;width:40px}}.step-progress__step--active:after,.step-progress__step--valid:after{border:var(--activeBorder) solid var(--activeColor)}.step-progress__step--valid:after{background-color:var(--activeColor)}.step-progress__step-label{color:grey;font-size:18px;font-weight:600;left:50%;position:absolute;top:calc(100% + 25px);-webkit-transform:translateX(-50%) perspective(1000px);transform:translateX(-50%) perspective(1000px);-webkit-transition:.3s ease;transition:.3s ease;white-space:nowrap}.step-progress__step-icon{color:#fff;font-size:36px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px);transform:translate3d(-50%,-50%,0) scale(0) perspective(1000px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media(max-width:767px){.step-progress__step-icon{font-size:22px}}[data-v-edddf960]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-v-edddf960] .step-progress__wrapper{width:75%}[data-v-edddf960] .step-progress__wrapper-before{top:45%;height:10px;opacity:.5;background-color:#3b3b38!important}[data-v-edddf960] .step-progress__step--valid:after{background-color:#1d5bd7;border:solid #1d5bd7!important}[data-v-edddf960] .step-progress__step--active:after{border:solid #1d5bd7!important}.step-progress__step--active span[data-v-edddf960],[data-v-edddf960] .step-progress__step--active .step-progress__step-label{color:#1d5bd7}[data-v-edddf960] .step-progress__wrapper-after{top:45%;height:10px;background-color:#1d5bd7!important;opacity:.5}[data-v-edddf960] .step-progress__step span{font-size:0}[data-v-edddf960] svg:not(:root).svg-inline--fa{width:20px;height:20px}[data-v-edddf960] .step-progress__step-label{top:-50px}[data-v-edddf960] .step-progress__step--valid .step-progress__step-label{color:#1d5bd7}[data-v-edddf960] .step-progress__step:after{width:40px;height:40px;border:solid grey}[data-v-edddf960] .step-progress__bar{margin-bottom:10px}.display_quiz[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.font_prev[data-v-edddf960]{color:#1d5bd7;font-size:16px}.font_next[data-v-edddf960]{color:#fff;font-size:16px}.btn_next[data-v-edddf960],.btn_prev[data-v-edddf960]{margin-right:5%;margin-left:5%;margin-top:5%}.btn_left[data-v-edddf960]{background-color:#e6efff}.btn_left[data-v-edddf960],.btn_right[data-v-edddf960]{width:100px;height:50px;border-radius:10px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn_right[data-v-edddf960]{background-color:#1d5bd7}.menu_btn[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.TS01[data-v-edddf960]{background-color:#ffccd5;padding-bottom:5%;padding-top:5%}.position[data-v-edddf960]{-ms-flex-line-pack:center;align-content:center;padding-top:3%;padding-bottom:8%}.icon_arrow[data-v-edddf960],.position[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.icon_arrow[data-v-edddf960]{margin:auto 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:2%;margin-right:2%}.arrow_left[data-v-edddf960],.arrow_right[data-v-edddf960]{width:60px;height:60px;background-color:#e6efff;cursor:pointer;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.question_text[data-v-edddf960]{font-size:22px;text-align:left;width:auto;height:auto}.instruction_text[data-v-edddf960]{font-size:44px;text-align:left;width:auto;height:auto;text-align:center}.card[data-v-edddf960]{background-color:#fff;width:1000px;height:100%;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:30px;padding-top:50px}.block[data-v-edddf960]{height:auto;margin:0;border-radius:7px}.font_setting[data-v-edddf960]{height:auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;background-color:#e6efff}.container_TS01[data-v-edddf960]{width:90%;margin-left:auto;margin-right:auto}.detail_question[data-v-edddf960]{height:auto;width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex_between[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:5%;margin-left:-3%;margin-right:-2.5%}.button_setting[data-v-edddf960]{width:45%;height:60px;color:#000;margin-top:10px;cursor:pointer;font-size:15px;border-radius:15px!important}.ContentProgressBar[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ProgressBar[data-v-edddf960]{background-color:#e6efff!important;margin-top:3%;margin-bottom:3%;width:100%;height:10px;border-radius:10px!important}.progress-bar-striped[data-v-edddf960]{background-image:none!important}.audio_card[data-v-edddf960]{margin:4rem 2rem}.containerQuestionText[data-v-edddf960]{grid-row:1/3;margin:2rem 2rem}@media only screen and (min-width:280px)and (max-width:600px){.container[data-v-edddf960]{margin-top:20px}.question_text[data-v-edddf960]{font-size:20px}.position[data-v-edddf960]{padding-top:15%}.block[data-v-edddf960]{height:auto}.listen[data-v-edddf960]{width:auto}[data-v-edddf960] .step-progress__wrapper{width:85%}.display_quiz[data-v-edddf960]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.size_image[data-v-edddf960]{width:40%;height:40%}.font_next[data-v-edddf960],.font_prev[data-v-edddf960]{font-size:16px}.audio_card[data-v-edddf960]{margin:20px}.instruction_text[data-v-edddf960]{font-size:36px;text-align:left;width:auto;height:auto;margin-left:18px}.TS01[data-v-edddf960]{background-color:#ffccd5;padding-top:10%;padding-bottom:10%;-ms-flex-line-pack:center;-ms-flex-pack:center}.position[data-v-edddf960],.TS01[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;align-content:center;-webkit-box-pack:center;justify-content:center}.position[data-v-edddf960]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;-ms-flex-pack:center}.ContentProgressBar[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.flex_between[data-v-edddf960]{margin-left:0;margin-right:0}.icon_arrow[data-v-edddf960]{margin-top:2%}.arrow_left[data-v-edddf960],.arrow_right[data-v-edddf960]{width:100px;height:50px;border-radius:10px}.ProgressBar[data-v-edddf960]{background-color:#e6efff!important;margin-top:3%;margin-bottom:10%;width:100%;height:10px;border-radius:10px!important}.button_setting[data-v-edddf960]{width:100%!important;height:60px!important}.card[data-v-edddf960]{width:350px;border-radius:20px;height:auto!important;padding-top:20px}.detail_question[data-v-edddf960]{height:90%}.containerQuestionText[data-v-edddf960]{grid-row:1/3;margin:2rem 1rem}.question_text[data-v-edddf960]{width:100%;height:auto;font-weight:700;margin-bottom:0;font-size:24px}.arrow_left[data-v-edddf960]{margin-left:10px}.arrow_right[data-v-edddf960]{margin-right:10px}}@media only screen and (min-width:768px)and (max-width:769px){.card[data-v-edddf960]{width:600px;margin-bottom:0}.TS01[data-v-edddf960]{background-color:#ffccd5;padding-bottom:10%;-ms-flex-line-pack:center;-ms-flex-pack:center}.position[data-v-edddf960],.TS01[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;align-content:center;-webkit-box-pack:center;justify-content:center}.position[data-v-edddf960]{padding-top:20%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;-ms-flex-pack:center}[data-v-edddf960] .step-progress__wrapper{width:85%}.btn_left[data-v-edddf960]{background-color:#e6efff}.btn_left[data-v-edddf960],.btn_right[data-v-edddf960]{width:150px;height:50px;border-radius:10px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn_right[data-v-edddf960]{background-color:#1d5bd7}.question_text[data-v-edddf960]{margin-bottom:0;font-size:26px;font-weight:700}.display_quiz[data-v-edddf960]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (min-width:1023px)and (max-width:1024px){.card[data-v-edddf960]{width:900px;margin-bottom:0}[data-v-edddf960] .step-progress__wrapper{width:85%}.TS01[data-v-edddf960]{background-color:#ffccd5;padding-bottom:10%;-ms-flex-line-pack:center;-ms-flex-pack:center}.position[data-v-edddf960],.TS01[data-v-edddf960]{display:-webkit-box;display:-ms-flexbox;display:flex;align-content:center;-webkit-box-pack:center;justify-content:center}.position[data-v-edddf960]{padding-top:5%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;-ms-flex-pack:center}.btn_left[data-v-edddf960],.btn_right[data-v-edddf960]{width:150px;height:50px}.question_text[data-v-edddf960]{margin-bottom:0;font-size:26px;font-weight:700}.display_quiz[data-v-edddf960]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}