@charset "UTF-8";section{min-height:calc(100vh - 52px - 240px);background-color:var(--light-gray)}@media screen and (max-width:991px){section{min-height:calc(100vh - 48px - 180px)}}@media screen and (max-width:767px){section{min-height:calc(100vh - 48px - 140px)}}section .section-title{color:var(--blue);display:inline-block;font-size:20px}@media screen and (max-width:767px){section .section-title{font-size:18px}}section .section-subtitle{display:inline-block;font-size:12px;color:var(--more-gray);margin-left:6px}section hr{width:100%;border:1px solid #ddd;margin-top:10px;margin-bottom:0}.round-container{background-color:var(--white);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);border-radius:5px}.btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;font-size:0}.btn-group .btn{margin:6px}@media screen and (max-width:991px){.btn-group .btn{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 20%;flex:1 0 20%}}@media screen and (max-width:767px){.btn-group .btn{-webkit-box-flex:1;-ms-flex:1 0 40%;flex:1 0 40%}}.quiz-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:-6px}@media screen and (max-width:767px){.quiz-btn #btnWritingBoard{display:none}}header{position:relative;margin-top:52px;background-color:var(--light-gray)}@media screen and (max-width:991px){header{margin-top:48px}}header .row{height:240px;overflow:hidden}@media screen and (max-width:991px){header .row{height:180px}}@media screen and (max-width:539px){header .row{height:140px}}header .col{height:100%;text-align:center}header a,header img,header picture{height:100%}@media screen and (min-width:1920px){header a,header img,header picture{width:100%;height:auto}}.quiz-details-container span{font-size:1rem;color:var(--more-gray);padding:0 8px}.quiz-details-container span span{padding:0}.quiz-details-container span:nth-child(1){padding-left:0}@media screen and (max-width:767px){.quiz-font-size{display:none}}.quiz-font-size .font-size-adjuster{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.quiz-font-size .adjuster-arrow{display:inline-block;width:1.5rem;height:1.5rem;background-color:var(--blue);border-radius:50%;position:relative;margin:0 6px;margin-bottom:6px;cursor:pointer}.quiz-font-size .adjuster-arrow::after{content:'';display:block;width:.4rem;height:.4rem;position:absolute;left:50%;top:50%}.quiz-font-size .arrow-left::after{border-bottom:2px solid var(--white);border-left:2px solid var(--white);-webkit-transform:translate(-30%,-50%) rotate(45deg);transform:translate(-30%,-50%) rotate(45deg)}.quiz-font-size .arrow-right::after{border-top:2px solid var(--white);border-right:2px solid var(--white);-webkit-transform:translate(-70%,-50%) rotate(45deg);transform:translate(-70%,-50%) rotate(45deg)}.quiz-font-size label{display:inline-block;font-size:0;margin:0 2px;cursor:pointer}.quiz-font-size label[for=xOne]{margin-bottom:3px}.quiz-font-size label[for=xTwo]{margin-bottom:2px}.quiz-font-size label[for=xThree]{margin-bottom:1px}.quiz-font-size .word{font-size:1rem;color:var(--more-gray);vertical-align:baseline}.quiz-font-size .x1{font-size:1rem}.quiz-font-size .x2{font-size:1.2rem}.quiz-font-size .x3{font-size:1.4rem}.quiz-font-size .x4{font-size:1.6rem}.quiz-font-size input[type=radio]{display:none}.quiz-font-size input[type=radio]:checked+label>span.word{color:var(--blue)}.quiz-number-container{background-color:var(--blue);font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px 12px;position:relative;z-index:0}.quiz-number{display:inline-block;width:32px;height:32px;color:var(--white);border:2px solid var(--white);background-color:var(--blue);text-align:center;font-size:14px;line-height:28px;border-radius:50px;cursor:pointer;margin:6px 4px;position:relative}.number-active::before{content:'';display:block;width:100%;height:100%;background-color:rgba(255,255,255,.4);border-radius:50px;position:absolute;left:0;top:0;z-index:-1;-webkit-animation:number-active .8s ease infinite alternate;animation:number-active .8s ease infinite alternate}.number-filled{color:var(--blue);border:2px solid #d9eeff;background-color:#d9eeff}.number-correct{color:var(--blue);border:2px solid var(--white);background-color:var(--white)}.number-wrong{color:var(--white);border:2px solid #ff6969;background-color:#ff6969}.quiz-iframe-container{padding:20px}.quiz-iframe>*{font-size:1em}.btn-special-activity{position:fixed;left:0;bottom:0;width:260px;-webkit-filter:drop-shadow(0 0 5px rgba(0, 0, 0, .2));filter:drop-shadow(0 0 5px rgba(0, 0, 0, .2))}.btn-special-activity img{display:block;width:100%}@media screen and (max-width:539px){.btn-special-activity .btn-special-activity{width:200px}}div[slot=row-message]{text-align:center}div[slot=row-message] h5{color:var(--blue);font-size:20px}div[slot=row-message] .warning{color:var(--orange)}div[slot=row-message] p{font-size:14px;font-weight:400;color:var(--more-gray);margin-top:12px;margin-bottom:12px;text-align:left}div[slot=row-message] .tac{text-align:center}div[slot=row-message] li{font-size:16px;line-height:40px;font-weight:400;list-style:none}div[slot=row-message] span{font-size:16px}div[slot=row-message] .course{color:var(--blue);border:1px solid var(--blue);border-radius:5px;padding:4px 8px;margin:0 4px}div[slot=row-message] .important p{color:var(--orange)}div[slot=row-message] .btn{font-size:16px}div[slot=row-message] .link-container{display:-webkit-box;display:-ms-flexbox;display:flex}div[slot=row-message] .link-container a{-webkit-box-flex:1;-ms-flex:1 0 40%;flex:1 0 40%;margin-right:12px;font-size:0;text-align:center}div[slot=row-message] .link-container a:last-child{margin-right:0}div[slot=row-message] .link-container img{width:100%}@media screen and (max-width:539px){div[slot=row-message] .link-container{-ms-flex-wrap:wrap;flex-wrap:wrap}div[slot=row-message] .link-container a{-webkit-box-flex:1;-ms-flex:1 0 80%;flex:1 0 80%;margin-right:0;margin-bottom:12px}div[slot=row-message] .link-container a:last-child{margin-bottom:0}div[slot=row-message] .link-container img{width:80%;max-width:275px}}div[slot=row-action] .btn{font-size:16px;margin:0}div[slot=row-action] .btn:nth-child(n+2){margin-left:12px}@-webkit-keyframes number-active{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes number-active{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1.5);transform:scale(1.5)}}