.ef-osd-footer{background:url(/svg/favicon.svg) center 28px/48px 48px no-repeat #e6ecf0;font-size:12px;font-weight:300;padding:100px 0 20px}.ef-osd-footer-content{max-width:980px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between}@media screen and (max-width:767px){.ef-osd-footer-content{flex-flow:column;align-items:center}}.ef-osd-footer-content-item{width:0;white-space:nowrap;text-align:center;margin-top:12px;display:flex;align-items:center}@media screen and (min-width:768px){.ef-osd-footer-content-item:first-child{justify-content:flex-start}.ef-osd-footer-content-item:nth-child(2){justify-content:center}.ef-osd-footer-content-item:nth-child(3){justify-content:flex-end}}@media screen and (max-width:767px){.ef-osd-footer-content-item{justify-content:center}}.ef-osd-footer-content-item-icon{width:20px;height:20px;flex:none;margin-right:4px;display:inline-block;background:url(/image/police.png) 50%/contain no-repeat;vertical-align:text-top}.loading-popup{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;overflow:hidden;background:hsla(0,0%,100%,.5);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;z-index:200}.loading-popup .loader{width:64px;height:64px;border-radius:50%;-webkit-perspective:800px;perspective:800px}.loading-popup .inner{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%}.loading-popup .inner.one{left:0;top:0;-webkit-animation:rotate-one 1s linear infinite;animation:rotate-one 1s linear infinite;border-bottom:3px solid #00b0ff}.loading-popup .inner.two{right:0;top:0;-webkit-animation:rotate-two 1s linear infinite;animation:rotate-two 1s linear infinite;border-right:3px solid #00b0ff}.loading-popup .inner.three{right:0;bottom:0;-webkit-animation:rotate-three 1s linear infinite;animation:rotate-three 1s linear infinite;border-top:3px solid #00b0ff}@-webkit-keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0deg);transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0deg);transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@-webkit-keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0deg);transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0deg);transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@-webkit-keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0deg);transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}@keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0deg);transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}.teacher-detail{position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.teacher-detail .profile-container{width:100%;height:100%;overflow-y:auto;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}.teacher-detail .header{position:relative;width:100%;height:158px;padding-top:39px;background-color:#f5f8fa}.teacher-detail .teacher-avatar{height:80px;width:80px}.teacher-detail .avatar{width:100%;height:100%;position:relative}.teacher-detail .avatar span{position:absolute;right:-6px;border-radius:2px;background:#fff 50%/cover no-repeat;width:24px}.teacher-detail .avatar span:before{content:"";display:block;padding-top:75%}.teacher-detail .avatar .uk{background-image:url(/assets/uk.svg)}.teacher-detail .avatar .us{background-image:url(/assets/us.svg)}.teacher-detail .avatar .img-contain{width:100%;height:100%;border-radius:100%;overflow:hidden}.teacher-detail .avatar img{width:100%;height:100%}.teacher-detail .close{cursor:pointer;position:absolute;top:0;right:0;width:20px;height:20px;background:url(/svg/close_black.svg) 50%/15px 15px no-repeat;padding:20px}.teacher-detail .detail{padding:20px 20px 30px;text-align:left;line-height:normal}.teacher-detail .detail>div:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.teacher-detail .detail>div:last-child .contain{margin-bottom:6px}.teacher-detail .translation{font-size:14px;font-weight:600;line-height:1.43;color:#00b0ff;margin-bottom:20px;cursor:pointer}.teacher-detail .intro{padding:8px 0}.teacher-detail .contain,.teacher-detail .intro,.teacher-detail .name{font-size:16px;line-height:1.5;color:#333;font-weight:300;word-break:break-all}.teacher-detail .name{text-align:center;margin-top:14px;color:rgba(0,0,0,.7)}.teacher-detail .contain{margin-top:6px}.teacher-detail .title{font-size:16px;font-weight:600;color:rgba(0,0,0,.7);padding-top:13px}.teacher-detail .detail-item{margin-top:10px;border-top:1px solid rgba(0,0,0,.1)}.teacher-detail .certificate .contain.has-link{text-decoration:underline;color:#00b0ff;cursor:pointer}@media screen and (min-width:480px){.teacher-detail{padding-top:20px}.teacher-detail .profile-container{width:calc(100% - 40px);height:auto;max-height:100%;border-radius:8px}.teacher-detail .profile-container .detail{padding:15px 40px}}@media screen and (min-width:600px){.teacher-detail .profile-container{width:560px}.teacher-detail .profile-container .detail-item{display:flex;justify-content:space-between;align-items:baseline}.teacher-detail .profile-container .detail{padding:30px 40px}}.ef-osd-course{-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;padding:9px;position:relative;box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-course{max-width:50%;flex-basis:50%}}.ef-osd-course-content{background:#fff;color:rgba(0,0,0,.7);border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.ef-osd-course-content .res-name{position:absolute;top:25px;right:30px;font-weight:500}.ef-osd-course-content-info{padding:20px 16px 16px;min-height:87px;display:flex}.ef-osd-course-content-info-teacher{position:relative;max-width:64px;flex-basis:64px;text-align:center;margin-right:12px;font-size:0;cursor:pointer}.ef-osd-course-content-info-teacher .teacher-avatar{height:60px;width:60px}.ef-osd-course-content-info-teacher-description{font-size:10px;line-height:normal;margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ef-osd-course-content-info-course{-webkit-box-flex:1;flex-grow:1;line-height:100%}.ef-osd-course-content-info-course-time{color:#000;font-size:16px;font-weight:500}.ef-osd-course-content-info-course-book{font-size:13px;color:#888;margin-top:12px;line-height:100%;display:flex;align-items:center;flex-wrap:wrap;line-height:1.4}.ef-osd-course-content-info-course-book-dot{width:3px;height:3px;background:rgba(0,0,0,.2);margin:0 4px;border-radius:50%;display:inline-block;vertical-align:middle}.ef-osd-course-content-info-course-topic{font-size:15px;margin-top:14px;font-weight:400;color:#000}.ef-osd-course-content-footer{height:50px;line-height:50px;padding:0 16px;position:relative;display:flex;align-items:center;overflow:hidden}.ef-osd-course-content-footer:before{content:"";position:absolute;top:0;right:20px;left:20px;height:1px;background:hsla(0,0%,59.2%,.2)}.ef-osd-course-content-footer.show-absent{overflow:hidden}.ef-osd-course-content-footer.show-enter:before{display:none!important}.ef-osd-course-content-footer .reschedule-btn{position:absolute;cursor:pointer;right:20px;z-index:10;color:#00b0ff;padding:0 20px;background:url(/svg/report_direct.svg) 100%/14px 15px no-repeat;order:-1;text-decoration:none}.ef-osd-course-content-footer .survey-link{text-decoration:none;font-weight:500;color:unset;font-size:14px;cursor:pointer}.ef-osd-course-content-footer .acr-icon,.ef-osd-course-content-footer .video-icon{position:absolute;width:20px;height:20px;display:inline-block;cursor:pointer}.ef-osd-course-content-footer .acr-icon.disabled,.ef-osd-course-content-footer .video-icon.disabled{cursor:not-allowed}.ef-osd-course-content-footer .acr-icon.maintenance:before,.ef-osd-course-content-footer .video-icon.maintenance:before{display:block;content:"\7EF4\62A4\4E2D";font-size:9px;position:absolute;top:3px;left:-4px;right:-10px}.ef-osd-course-content-footer .acr-icon.maintenance:after,.ef-osd-course-content-footer .video-icon.maintenance:after{display:block;content:"";width:19px;height:1px;transform:rotate(50deg);position:relative;top:10px;background-color:grey}.ef-osd-course-content-footer .video-icon-container{right:60px}.ef-osd-course-content-footer .video-icon{right:60px;background:url(/svg/replay-enabled.svg) 50%/contain no-repeat}.ef-osd-course-content-footer .video-icon.disabled{background:url(/svg/replay-disabled.svg) 50%/contain no-repeat}.ef-osd-course-content-footer .acr-icon{right:20px;background:url(/svg/acr-enabled.svg) 50%/contain no-repeat}.ef-osd-course-content-footer .acr-icon.disabled{background:url(/svg/acr-disabled.svg) 50%/contain no-repeat}.ef-osd-course-content-footer .center{position:absolute;width:90%;text-align:center}.ef-osd-course-content-footer .bold{font-weight:700}.ef-osd-course-content-footer .booked-text{font-size:14px}.ef-osd-course-content-footer .reason-container{width:100%;background:#00b0ff url(/svg/info.svg) 10px 8px no-repeat;background-size:11px 11px;min-height:57px;position:absolute;top:-5px;bottom:0;transform:translateY(100%) translateY(-25px);left:calc(100% - 25px);border-top-left-radius:25px;color:#fff;font-size:16px;line-height:100%;transition:all .3s ease-out;cursor:pointer}.ef-osd-course-content-footer .reason-container .close-btn{width:40px;height:40px;background:url(/svg/close_white.svg) 50%/10px no-repeat;position:absolute;top:0;right:0;cursor:pointer}.ef-osd-course-content-footer .reason-container .reason-cnt{padding:12px 20px 0;opacity:0}.ef-osd-course-content-footer .reason-container .reason-cnt .reason{margin:0}.ef-osd-course-content-footer .reason-container .reason-cnt .tips{padding-top:5px;font-size:12px;margin:0}.ef-osd-course-content-footer .reason-container.show-absent{left:0;border-top-left-radius:0;background-image:none;transform:translateY(0)}.ef-osd-course-content-footer .reason-container.show-absent .reason-cnt{opacity:1}.ef-osd-course-content-footer-button{user-select:none;background-color:#00b0ff;width:50%;border-radius:25px;text-align:center;color:#fff;height:35px;line-height:35px;cursor:pointer;font-size:12px;margin:0 auto auto}.ef-osd-course-list{-webkit-box-flex:1;flex-grow:1;width:100%;margin:0 auto;max-width:640px;display:flex;flex-wrap:wrap;padding:40px 9px;box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-course-list{max-width:980px}}.ef-osd-course-list-title{line-height:20px;min-height:20px;padding:9px}.ef-osd-course-list-collapse,.ef-osd-course-list-title{position:relative;-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;color:#191919;font-size:18px;font-weight:300}.ef-osd-course-list-collapse{padding:0 20px 0 0;cursor:pointer;line-height:1;text-align:right;user-select:none;top:16px}.ef-osd-course-list-collapse-icon{transition:transform .2s;display:inline-block;box-sizing:border-box;height:14px;width:14px;border-left:2px solid #161616;border-bottom:2px solid #161616;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:10px;margin-bottom:3px}.ef-osd-course-list-collapse-expand{transform:rotate(-225deg);margin-bottom:-1px}.ef-osd-resource-list{-webkit-box-flex:1;flex-grow:1;width:100%;margin:0 auto;max-width:640px;display:flex;flex-wrap:wrap;padding:40px 0}@media screen and (min-width:1024px){.ef-osd-resource-list{max-width:980px}}.ef-osd-resource-list-title{line-height:20px;min-height:20px;color:#191919;font-size:18px;font-weight:300}.ef-osd-resource-list-title,.ef-osd-resource-list .ef-osd-resource{position:relative;-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;padding:9px}.ef-osd-resource-list .ef-osd-resource{box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-resource-list .ef-osd-resource{max-width:50%;flex-basis:50%}}.ef-osd-resource-list .ef-osd-resource-content{background:#fff;color:rgba(0,0,0,.7);border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .2s;transition:box-shadow .2s;overflow:hidden}.ef-osd-resource-list .ef-osd-resource-content-post{min-height:120px;background:url(/image/intro_video_cover.png) 0/cover no-repeat;transform:rotateY(180deg)}@media screen and (min-width:480px){.ef-osd-resource-list .ef-osd-resource-content-post{height:125px;transform:rotateY(0)}}@media screen and (min-width:660px){.ef-osd-resource-list .ef-osd-resource-content-post{height:200px}}@media screen and (min-width:1024px){.ef-osd-resource-list .ef-osd-resource-content-post{height:125px;transform:rotateY(0deg)}}.ef-osd-resource-list .ef-osd-resource-content-footer{position:relative;height:50px;line-height:50px;padding:0 20px}@media screen and (min-width:480px){.ef-osd-resource-list .ef-osd-resource-content-footer{display:flex;justify-content:space-between}}.ef-osd-resource-list .ef-osd-resource-content-footer-info{font-size:14px;font-weight:300;width:100px;position:absolute;top:-80px;left:20px;line-height:normal}@media screen and (min-width:480px){.ef-osd-resource-list .ef-osd-resource-content-footer-info{order:-1;position:static;width:auto;line-height:inherit}}.ef-osd-resource-list .ef-osd-resource-content-footer-group{display:flex}@media screen and (min-width:480px){.ef-osd-resource-list .ef-osd-resource-content-footer-group{margin-right:-20px}}.ef-osd-resource-list .ef-osd-resource-content-footer-group a,.ef-osd-resource-list .ef-osd-resource-content-footer-group a:link{color:inherit;text-decoration:none}.ef-osd-resource-list .ef-osd-resource-content-footer-group-btn{-webkit-box-flex:1;flex:1 1 100px;min-width:100px;font-size:12px;display:flex;align-items:center;justify-content:center;position:relative}.ef-osd-resource-list .ef-osd-resource-content-footer-group-btn:hover{cursor:pointer}.ef-osd-resource-list .ef-osd-resource-content-footer-group-btn-icon{width:20px;height:20px;display:inline-block;margin-right:5px;background:url(/svg/replay-enabled.svg) 50%/contain no-repeat}@font-face{font-family:Smile;src:url(/fonts/Smile.woff2) format("woff2"),url(/fonts/Smile.woff) format("woff");font-weight:400}@font-face{font-family:Smile;src:url(/fonts/Smile-Bold.woff2) format("woff2"),url(/fonts/Smile-Bold.woff) format("woff");font-weight:700}@font-face{font-family:Smile;src:url(/fonts/Smile-Black.woff2) format("woff2"),url(/fonts/Smile-Black.woff) format("woff");font-weight:900}@font-face{font-family:Smile;src:url(/fonts/Smile-Light.woff2) format("woff2"),url(/fonts/Smile-Light.woff) format("woff");font-weight:200}@font-face{font-family:Smile;src:url(/fonts/Smile-Thin.woff2) format("woff2"),url(/fonts/Smile-Thin.woff) format("woff");font-weight:100}body{padding:0;margin:0;box-sizing:border-box;font-family:Smile,EF Circular,PingFangSC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;background:#f5f9fa}.iframe-container{min-height:100vh;font-size:0;width:100%;height:100%;overflow:scroll;-webkit-overflow-scroll:touch}.iframe-container iframe{position:absolute;width:100%;height:100%}.teacher-avatar{height:35px;width:35px;margin:0 auto;position:relative}.teacher-avatar .avatar{width:100%;height:100%}.teacher-avatar span{position:absolute;right:-6px;border-radius:2px;background:#fff 50%/cover no-repeat;width:24px}.teacher-avatar span:before{content:"";display:block;padding-top:75%}.teacher-avatar .British{background-image:url(/svg/uk.svg)!important}.teacher-avatar .American{background-image:url(/svg/us.svg)!important}.teacher-avatar .img-container{width:100%;height:100%;border-radius:100%;overflow:hidden}.teacher-avatar .img-container img{width:100%;height:100%;object-fit:cover}.lock-scroll{overflow:hidden;height:100vh;position:fixed}.ReactModal__Overlay{opacity:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1;z-index:999}.ReactModal__Overlay--before-close{opacity:0}.booster-playing-video{width:100vw;height:auto}.booster-replay-list{min-width:100vw;width:auto;height:320px;overflow-x:auto}@keyframes shake{0%{transform:translateZ(0)}44%{transform:translateZ(0)}46%{transform:translate3d(-20%,0,0) rotate(-8deg)}48%{transform:translate3d(20%,0,0) rotate(8deg)}50%{transform:translate3d(-10%,0,0) rotate(-4deg)}52%{transform:translate3d(10%,0,0) rotate(4deg)}54%{transform:translate3d(-5%,0,0) rotate(-2deg)}56%{transform:translate3d(5%,0,0) rotate(2deg)}58%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0)}}.reservations-modal-container{position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.reservations-modal-container .reservations-modal{width:calc(100% - 40px);height:auto;overflow-y:auto;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:4px}.reservations-modal-container .header{position:relative;width:100%;box-sizing:border-box;padding:24px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid rgba(0,0,0,.1)}.reservations-modal-container .detail{padding:16px 24px;text-align:left;line-height:normal;max-height:50vh;overflow:auto}.reservations-modal-container .detail .title{border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:12px;padding-bottom:12px;font-size:14px}.reservations-modal-container .detail .reservation-items{color:#747474}.reservations-modal-container .detail .reservation-items>div{padding:4px 12px;margin-bottom:4px}.reservations-modal-container .detail .reservation-items>div:first-child{color:#444;background-color:#e0f0f3}.reservations-modal-container .footer{position:relative;width:100%;box-sizing:border-box;padding:16px;display:flex;justify-content:center;gap:16px;border-top:1px solid rgba(0,0,0,.1)}.reservations-modal-container .footer .button-cancel,.reservations-modal-container .footer .button-confirm{padding:4px 32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:120px;height:40px;box-sizing:border-box}.reservations-modal-container .footer .button-cancel:hover,.reservations-modal-container .footer .button-confirm:hover{opacity:.85}.reservations-modal-container .footer .button-cancel{background-color:#fff;color:#00b0ff;border:1px solid #00b0ff}.reservations-modal-container .footer .button-confirm{background-color:#00b0ff;color:#fff;border:1px solid #00b0ff}@media screen and (min-width:480px){.reservations-modal-container{padding-top:20px}.reservations-modal-container .reservations-modal{width:calc(100% - 40px);height:auto;max-height:100%;border-radius:4px}.reservations-modal-container .reservations-modal .header{justify-content:flex-start;border-bottom:1px solid #747474}.reservations-modal-container .reservations-modal .detail{padding:16px 24px;display:block}.reservations-modal-container .reservations-modal .footer{justify-content:flex-end;border-top:1px solid #747474}}@media screen and (min-width:600px){.reservations-modal-container .reservations-modal{width:480px}.reservations-modal-container .reservations-modal .detail{padding:16px 24px}}.book-qrcode-modal-container{position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all .5s ease;cursor:pointer}.book-qrcode-modal-container .book-qrcode-modal{width:80%;height:auto;aspect-ratio:1/1;padding:16px;box-sizing:border-box;display:flex;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:4px}@media screen and (min-width:480px){.book-qrcode-modal-container .book-qrcode-modal{width:320px;height:320px;padding:32px}}.ef-osd-booster-course{-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;padding:9px;position:relative;box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-booster-course{max-width:50%;flex-basis:50%}}.ef-osd-booster-course-content{background:#fff;color:rgba(0,0,0,.7);border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.ef-osd-booster-course-content .res-name{position:absolute;top:25px;right:30px;font-weight:500}.ef-osd-booster-course-content-info{padding:20px 16px 16px;min-height:87px;display:flex}.ef-osd-booster-course-content-info-teacher{position:relative;max-width:64px;flex-basis:64px;text-align:center;margin-right:12px;font-size:0;cursor:pointer}.ef-osd-booster-course-content-info-teacher .teacher-avatar{height:60px;width:60px}.ef-osd-booster-course-content-info-teacher-description{font-size:10px;line-height:normal;margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ef-osd-booster-course-content-info-course{-webkit-box-flex:1;flex-grow:1}.ef-osd-booster-course-content-info-course-time{color:#000;font-size:16px;font-weight:500}.ef-osd-booster-course-content-info-course-book{font-size:13px;color:#888;margin-top:4px;line-height:100%;display:flex;align-items:center;flex-wrap:wrap;line-height:1.4}.ef-osd-booster-course-content-info-course-book-dot{width:3px;height:3px;background:rgba(0,0,0,.2);margin:0 4px;border-radius:50%;display:inline-block;vertical-align:middle}.ef-osd-booster-course-content-info-course-book a{color:#00b0ff;text-decoration:none;display:flex;align-items:center}.ef-osd-booster-course-content-info-course-topic{font-size:15px;margin-top:14px;font-weight:400;color:#000}.ef-osd-booster-course-content-footer{height:50px;line-height:50px;padding:0 16px;position:relative;display:flex;align-items:center;overflow:hidden}.ef-osd-booster-course-content-footer.show-absent{overflow:auto}.ef-osd-booster-course-content-footer.disable-book:before,.ef-osd-booster-course-content-footer.has-book:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:hsla(0,0%,59.2%,.2)}.ef-osd-booster-course-content-footer .survey-link{text-decoration:none;font-weight:500;color:unset;font-size:14px;cursor:pointer}.ef-osd-booster-course-content-footer .acr-icon,.ef-osd-booster-course-content-footer .video-icon{position:absolute;width:20px;height:20px;display:inline-block;cursor:pointer}.ef-osd-booster-course-content-footer .acr-icon.disabled,.ef-osd-booster-course-content-footer .video-icon.disabled{cursor:not-allowed}.ef-osd-booster-course-content-footer .video-icon-container{right:60px}.ef-osd-booster-course-content-footer .video-icon{right:60px;background:url(/svg/replay-enabled.svg) 50%/contain no-repeat}.ef-osd-booster-course-content-footer .video-icon.disabled{background:url(/svg/replay-disabled.svg) 50%/contain no-repeat}.ef-osd-booster-course-content-footer .acr-icon{right:20px;background:url(/svg/acr-enabled.svg) 50%/contain no-repeat}.ef-osd-booster-course-content-footer .acr-icon.disabled{background:url(/svg/acr-disabled.svg) 50%/contain no-repeat}.ef-osd-booster-course-content-footer .center{position:absolute;width:90%;text-align:center}.ef-osd-booster-course-content-footer .bold{font-weight:700}.ef-osd-booster-course-content-footer .booked-text{font-size:14px;cursor:pointer}.ef-osd-gl-no-course-tip{margin:40px auto;max-width:640px;padding:0 10px;font-size:18px;color:grey;line-height:1.5}.ef-osd-gl-no-course-tip p:first-child{margin-bottom:20px}@media screen and (min-width:1024px){.ef-osd-gl-no-course-tip{max-width:960px}}.tedx-reservations-modal-container{position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.tedx-reservations-modal-container .reservations-modal{width:calc(100% - 40px);height:auto;overflow-y:auto;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:4px}.tedx-reservations-modal-container .header{position:relative;width:100%;box-sizing:border-box;padding:24px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid rgba(0,0,0,.1)}.tedx-reservations-modal-container .detail{padding:16px 24px;text-align:left;line-height:normal;max-height:50vh;overflow:auto}.tedx-reservations-modal-container .detail .title{margin-bottom:12px;font-size:14px;font-weight:600}.tedx-reservations-modal-container .detail .reservation-items{color:#747474}.tedx-reservations-modal-container .detail .reservation-items>div{padding:4px 12px;margin-bottom:4px}.tedx-reservations-modal-container .detail .reservation-items>div:first-child{color:#444;background-color:#e0f0f3}.tedx-reservations-modal-container .footer{position:relative;width:100%;box-sizing:border-box;padding:16px;display:flex;justify-content:center;gap:16px;border-top:1px solid rgba(0,0,0,.1)}.tedx-reservations-modal-container .footer .button-cancel,.tedx-reservations-modal-container .footer .button-confirm{padding:4px 32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:120px;height:40px;box-sizing:border-box}.tedx-reservations-modal-container .footer .button-cancel:hover,.tedx-reservations-modal-container .footer .button-confirm:hover{opacity:.85}.tedx-reservations-modal-container .footer .button-cancel{background-color:#fff;color:#00b0ff;border:1px solid #00b0ff}.tedx-reservations-modal-container .footer .button-confirm{background-color:#00b0ff;color:#fff;border:1px solid #00b0ff}@media screen and (min-width:480px){.tedx-reservations-modal-container{padding-top:20px}.tedx-reservations-modal-container .reservations-modal{width:calc(100% - 40px);height:auto;max-height:100%;border-radius:4px}.tedx-reservations-modal-container .reservations-modal .header{justify-content:flex-start;border-bottom:1px solid #747474}.tedx-reservations-modal-container .reservations-modal .detail{padding:16px 24px;display:block}.tedx-reservations-modal-container .reservations-modal .footer{justify-content:flex-end;border-top:1px solid #747474}}@media screen and (min-width:600px){.tedx-reservations-modal-container .reservations-modal{width:480px}.tedx-reservations-modal-container .reservations-modal .detail{padding:16px 24px}}.book-cancel-modal-container{position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.book-cancel-modal-container .book-cancel-modal{width:calc(100% - 40px);height:auto;overflow-y:auto;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:4px}.book-cancel-modal-container .header{padding:24px;font-weight:600;align-items:center;gap:8px}.book-cancel-modal-container .footer,.book-cancel-modal-container .header{position:relative;width:100%;box-sizing:border-box;display:flex;justify-content:center}.book-cancel-modal-container .footer{padding:0 24px 24px;gap:16px}.book-cancel-modal-container .footer .button-cancel,.book-cancel-modal-container .footer .button-confirm{padding:4px 32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:106px;height:40px;box-sizing:border-box}.book-cancel-modal-container .footer .button-cancel:hover,.book-cancel-modal-container .footer .button-confirm:hover{opacity:.85}.book-cancel-modal-container .footer .button-cancel{background-color:#fff;color:#00b0ff;border:1px solid #00b0ff}.book-cancel-modal-container .footer .button-confirm{background-color:#00b0ff;color:#fff;border:1px solid #00b0ff}@media screen and (min-width:480px){.book-cancel-modal-container{padding-top:20px}.book-cancel-modal-container .book-cancel-modal{width:calc(100% - 40px);height:auto;max-height:100%;border-radius:4px}.book-cancel-modal-container .book-cancel-modal .detail{padding:16px 24px}}@media screen and (min-width:600px){.book-cancel-modal-container .book-cancel-modal{width:360px}.book-cancel-modal-container .book-cancel-modal .detail{padding:16px 24px}}.tedx-book-qrcode-modal-container{position:fixed;z-index:500;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all .5s ease;cursor:pointer}.tedx-book-qrcode-modal-container .book-qrcode-modal{width:80%;height:auto;aspect-ratio:1/1;padding:16px;box-sizing:border-box;display:flex;gap:8px;flex-direction:column;align-items:center;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:4px}@media screen and (min-width:480px){.tedx-book-qrcode-modal-container .book-qrcode-modal{width:480px;height:auto;padding:32px 48px}.book-qrcode-modal-container{background-color:rgba(0,0,0,.15)}}.ef-osd-tedx-course{-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;padding:9px;position:relative;box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-tedx-course{max-width:50%;flex-basis:50%}}.ef-osd-tedx-course-content{background:#fff;color:rgba(0,0,0,.7);border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.ef-osd-tedx-course-content .res-name{position:absolute;top:25px;right:30px;font-weight:500}.ef-osd-tedx-course-content-info{padding:20px 16px 16px;min-height:87px;display:flex}.ef-osd-tedx-course-content-info-teacher{position:relative;max-width:64px;flex-basis:64px;text-align:center;margin-right:12px;font-size:0;cursor:pointer}.ef-osd-tedx-course-content-info-teacher .teacher-avatar{height:60px;width:60px}.ef-osd-tedx-course-content-info-teacher-description{font-size:10px;line-height:normal;margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ef-osd-tedx-course-content-info-course{-webkit-box-flex:1;flex-grow:1}.ef-osd-tedx-course-content-info-course-name{color:#444;font-size:20px;font-weight:600;margin-bottom:16px}.ef-osd-tedx-course-content-info-course-program{color:#747474;font-size:16px;display:inline-flex;align-items:center;gap:2px}.ef-osd-tedx-course-content-info-course-program-qr{display:inline-flex;align-items:center;gap:2px}.ef-osd-tedx-course-content-info-course-program-dot{width:3px;height:3px;background:rgba(0,0,0,.2);margin:0 4px;border-radius:50%;display:inline-block;vertical-align:middle}.ef-osd-tedx-course-content-info-course-program a{color:#00b0ff;text-decoration:none;display:flex;align-items:center;gap:2px}.ef-osd-tedx-course-content-info-course-book{font-size:13px;color:#888;margin-top:4px;line-height:100%;display:flex;align-items:center;flex-wrap:wrap;line-height:1.4}.ef-osd-tedx-course-content-info-course-topic{font-size:15px;margin-top:14px;font-weight:400;color:#000}.ef-osd-tedx-course-content-footer{height:50px;line-height:50px;padding:0 16px;position:relative;display:flex;align-items:center;overflow:hidden}.ef-osd-tedx-course-content-footer.show-absent{overflow:auto}.ef-osd-tedx-course-content-footer.disable-book:before,.ef-osd-tedx-course-content-footer.has-book:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:hsla(0,0%,59.2%,.2)}.ef-osd-tedx-course-content-footer .survey-link{text-decoration:none;font-weight:500;color:unset;font-size:14px;cursor:pointer}.ef-osd-tedx-course-content-footer .acr-icon,.ef-osd-tedx-course-content-footer .video-icon{position:absolute;width:20px;height:20px;display:inline-block;cursor:pointer}.ef-osd-tedx-course-content-footer .acr-icon.disabled,.ef-osd-tedx-course-content-footer .video-icon.disabled{cursor:not-allowed}.ef-osd-tedx-course-content-footer .video-icon-container{right:60px}.ef-osd-tedx-course-content-footer .video-icon{right:60px;background:url(/svg/replay-enabled.svg) 50%/contain no-repeat}.ef-osd-tedx-course-content-footer .video-icon.disabled{background:url(/svg/replay-disabled.svg) 50%/contain no-repeat}.ef-osd-tedx-course-content-footer .acr-icon{right:20px;background:url(/svg/acr-enabled.svg) 50%/contain no-repeat}.ef-osd-tedx-course-content-footer .acr-icon.disabled{background:url(/svg/acr-disabled.svg) 50%/contain no-repeat}.ef-osd-tedx-course-content-footer .center{position:absolute;width:90%;text-align:center}.ef-osd-tedx-course-content-footer .bold{font-weight:700}.ef-osd-tedx-course-content-footer .booked-text{font-size:14px;cursor:pointer}.tedx-qrcode-modal{opacity:0;position:relative;transition:opacity .3s ease-in-out;z-index:9999}.tedx-qrcode-modal.fade-in{opacity:1}.tedx-qrcode-modal.fade-out{opacity:0}.ef-osd-reservation{-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;padding:9px;position:relative;box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-reservation{max-width:50%;flex-basis:50%}}.ef-osd-reservation-content{background:#fff;color:rgba(0,0,0,.7);border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.ef-osd-reservation-content .res-name{position:absolute;top:25px;right:30px;font-weight:500}.ef-osd-reservation-content-info{padding:20px 16px 16px;min-height:87px;display:flex}.ef-osd-reservation-content-info-teacher{position:relative;max-width:64px;flex-basis:64px;text-align:center;margin-right:12px;font-size:0;cursor:pointer}.ef-osd-reservation-content-info-teacher .teacher-avatar{height:60px;width:60px}.ef-osd-reservation-content-info-teacher-description{font-size:10px;line-height:normal;margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ef-osd-reservation-content-info-course{-webkit-box-flex:1;flex-grow:1}.ef-osd-reservation-content-info-course-time{color:#000;font-size:16px;font-weight:500}.ef-osd-reservation-content-info-course-book{font-size:13px;color:#888;margin-top:4px;line-height:100%;display:flex;align-items:center;flex-wrap:wrap;line-height:1.4}.ef-osd-reservation-content-info-course-book-dot{width:3px;height:3px;background:rgba(0,0,0,.2);margin:0 4px;border-radius:50%;display:inline-block;vertical-align:middle}.ef-osd-reservation-content-info-course-topic{font-size:15px;margin-top:14px;font-weight:400;color:#000}.ef-osd-reservation-content-footer{height:50px;line-height:50px;padding:0 16px;position:relative;display:flex;align-items:center;overflow:hidden;justify-content:flex-end}.ef-osd-reservation-content-footer:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:hsla(0,0%,59.2%,.2)}.ef-osd-reservation-content-footer.show-absent{overflow:auto}.ef-osd-reservation-content-footer.show-enter:before{display:none!important}.ef-osd-reservation-content-footer.show-playback{color:#00b0ff;cursor:pointer}.ef-osd-reservation-content-footer.show-playback>a{display:flex;align-items:center;gap:4px}.ef-osd-reservation-content-footer .survey-link{text-decoration:none;font-weight:500;color:unset;font-size:14px;cursor:pointer}.ef-osd-reservation-content-footer .acr-icon,.ef-osd-reservation-content-footer .video-icon{position:absolute;width:20px;height:20px;display:inline-block;cursor:pointer}.ef-osd-reservation-content-footer .acr-icon.disabled,.ef-osd-reservation-content-footer .video-icon.disabled{cursor:not-allowed}.ef-osd-reservation-content-footer .video-icon-container{right:60px}.ef-osd-reservation-content-footer .video-icon{right:60px;background:url(/svg/replay-enabled.svg) 50%/contain no-repeat}.ef-osd-reservation-content-footer .video-icon.disabled{background:url(/svg/replay-disabled.svg) 50%/contain no-repeat}.ef-osd-reservation-content-footer .acr-icon{right:20px;background:url(/svg/acr-enabled.svg) 50%/contain no-repeat}.ef-osd-reservation-content-footer .acr-icon.disabled{background:url(/svg/acr-disabled.svg) 50%/contain no-repeat}.ef-osd-reservation-content-footer .center{position:absolute;width:90%;text-align:center}.ef-osd-reservation-content-footer .bold{font-weight:700}.ef-osd-reservation-content-footer .booked-text{font-size:14px}.ef-osd-reservation-content-footer .reschedule-btn{color:#00b0ff;cursor:pointer;display:flex;align-items:center;gap:8px}.ef-osd-reservation-content-footer .reschedule-btn:hover{opacity:.85}.ef-osd-gl-course{-webkit-box-flex:1;flex-grow:1;flex-basis:100%;max-width:100%;padding:9px;position:relative;box-sizing:border-box}@media screen and (min-width:1024px){.ef-osd-gl-course{max-width:50%;flex-basis:50%}}.ef-osd-gl-course-content{background:#fff;color:rgba(0,0,0,.7);border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.ef-osd-gl-course-content .res-name{position:absolute;top:25px;right:30px;font-weight:500}.ef-osd-gl-course-content-info{padding:20px 16px 16px;min-height:87px;display:flex}.ef-osd-gl-course-content-info-teacher{position:relative;max-width:64px;flex-basis:64px;text-align:center;margin-right:12px;font-size:0;cursor:pointer}.ef-osd-gl-course-content-info-teacher .teacher-avatar{height:60px;width:60px}.ef-osd-gl-course-content-info-teacher-description{font-size:10px;line-height:normal;margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ef-osd-gl-course-content-info-course{-webkit-box-flex:1;flex-grow:1;line-height:100%}.ef-osd-gl-course-content-info-course-time{color:#000;font-size:16px;font-weight:500}.ef-osd-gl-course-content-info-course-book{font-size:13px;color:#888;margin-top:12px;line-height:100%;display:flex;align-items:center;flex-wrap:wrap;line-height:1.4}.ef-osd-gl-course-content-info-course-book-dot{width:3px;height:3px;background:rgba(0,0,0,.2);margin:0 4px;border-radius:50%;display:inline-block;vertical-align:middle}.ef-osd-gl-course-content-info-course-topic{font-size:15px;margin-top:14px;font-weight:400;color:#000}.ef-osd-gl-course-content-footer{height:50px;line-height:50px;padding:0 16px;position:relative;display:flex;align-items:center;overflow:hidden}.ef-osd-gl-course-content-footer:before{content:"";position:absolute;top:0;right:20px;left:20px;height:1px;background:hsla(0,0%,59.2%,.2)}.ef-osd-gl-course-content-footer.show-absent{overflow:auto}.ef-osd-gl-course-content-footer.show-enter:before{display:none!important}.ef-osd-gl-course-content-footer .survey-link{text-decoration:none;font-weight:500;color:unset;font-size:14px;cursor:pointer}.ef-osd-gl-course-content-footer .acr-icon,.ef-osd-gl-course-content-footer .video-icon{position:absolute;width:20px;height:20px;display:inline-block;cursor:pointer}.ef-osd-gl-course-content-footer .acr-icon.disabled,.ef-osd-gl-course-content-footer .video-icon.disabled{cursor:not-allowed}.ef-osd-gl-course-content-footer .video-icon-container{right:60px}.ef-osd-gl-course-content-footer .video-icon{right:60px;background:url(/svg/replay-enabled.svg) 50%/contain no-repeat}.ef-osd-gl-course-content-footer .video-icon.disabled{background:url(/svg/replay-disabled.svg) 50%/contain no-repeat}.ef-osd-gl-course-content-footer .acr-icon{right:20px;background:url(/svg/acr-enabled.svg) 50%/contain no-repeat}.ef-osd-gl-course-content-footer .acr-icon.disabled{background:url(/svg/acr-disabled.svg) 50%/contain no-repeat}.ef-osd-gl-course-content-footer .center{position:absolute;width:90%;text-align:center}.ef-osd-gl-course-content-footer .bold{font-weight:700}.ef-osd-gl-course-content-footer .booked-text{font-size:14px}.change-teacher-container .avatar span{width:14px}.change-teacher-container .no-teacher{width:100%;height:348px;padding-top:228px;background:url(/svg/empty.svg) 50% no-repeat}.change-teacher-container .no-teacher .text{text-align:center;font-size:14px;color:rgba(25,25,25,.2)}.change-teacher-container .teacher-detail{width:100vw;height:100%;background:#fff;overflow:hidden}.change-teacher-container .book-list{position:relative}.change-teacher-container .info{flex:1;padding-left:16px!important;display:flex}.change-teacher-container .teacher-avatar{height:35px;width:35px}.change-teacher-container .sex-icon{position:absolute;width:9px;height:10px;opacity:.3;top:5px;right:-25px;background:url(/svg/male-icon.svg) no-repeat 50%/100% 100%}.change-teacher-container .sex-icon.female{background-image:url(/svg/female-icon.svg)}.change-teacher-container .teacher-info{flex:1}.change-teacher-container .name{color:rgba(0,0,0,.7);font-size:16px;line-height:125%;word-break:break-word}.change-teacher-container .detail{width:100%;cursor:pointer;color:#00b0ff;font-size:14px;line-height:143%;font-weight:500;padding-right:15px;margin-top:10px;text-align:center}.change-teacher-container .profile-arrow{position:relative;top:2px;display:inline-block;height:15px;width:14px;background:url(/svg/report_direct.svg) no-repeat 50%/14px 15px}.change-teacher-container .markTeacher:after{content:"";position:absolute;top:0;right:20px;width:15px;height:20px;background:url(/svg/book_mark_teacher.png) 50%/contain no-repeat}.change-teacher-container .markTeacher.default:after{background-image:url(/svg/book_mark_teacher_strong.svg)}.change-teacher-container .markTeacher.relevant:after{background-image:url(/svg/book_mark_teacher.png)}.change-teacher-container .img-container{width:100%;height:100%;border-radius:100%;overflow:hidden}.change-teacher-container .img-container img{width:100%;height:100%}@media screen and (min-width:660px){.change-teacher-container .detail{text-align:center;padding-right:0}}.choose-panel-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;font-size:16px;display:flex;flex-direction:column;background:#f5f8fa}.choose-panel-container .loading-popup{position:absolute}.choose-panel-container .book-title{width:100%;height:50px;line-height:50px;background:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,.1);text-align:center;border-radius:8px 8px 0 0}.choose-panel-container .book-title .title{color:#4a4a4a}.choose-panel-container .book-title .close-btn{width:50px;height:50px;background:url(/svg/close_black.svg) 50% no-repeat;background-size:15px 15px;position:absolute;top:0;right:13px;cursor:pointer;z-index:3}.choose-panel-container .book-list-container{position:relative;height:calc(100% - 80px - 80px);padding:20px;overflow-y:auto;box-sizing:border-box;flex:1}.choose-panel-container .book-lists .book-list{display:flex;flex-direction:row;align-items:center;padding:10px 0;border-bottom:1px solid hsla(0,0%,59.2%,.2);font-size:12px;color:rgba(0,0,0,.7);background:#fff;cursor:pointer}.choose-panel-container .book-lists .select{width:30px;height:30px;border:2px solid #00b0ff;border-radius:50%;margin:0 15px;display:flex;align-items:center;justify-content:center}.choose-panel-container .book-lists .selected{display:inline-block;width:18px;height:18px;background:#00b0ff;border-radius:50%}.choose-panel-container .book-lists .info{border-left:1px solid hsla(0,0%,59.2%,.2);padding:16px}.choose-panel-container .complete-btn{width:100%;height:60px;background:#fff;box-shadow:0 -1px 4px 0 rgba(0,0,0,.1);padding-top:20px}@media screen and (min-width:660px){.choose-panel-container .complete-btn{border-radius:0 0 8px 8px}}.choose-panel-container .complete-btn .button{max-width:220px;height:40px;background:#00b0ff;border-radius:100px;text-align:center;color:#fff;margin:0 auto;line-height:40px;transition:background-color .3s;cursor:pointer}.choose-panel-container .complete-btn .button:hover{background:#4d91ff}.choose-panel-container .complete-btn .button.disable{opacity:.5;cursor:not-allowed}@media screen and (min-width:660px){.choose-panel-container{position:static;width:277px;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.2)}.choose-panel-container .book-list-container{padding:16px}}@media screen and (min-width:768px){.choose-panel-container{width:322px}}.choose-class-container .title{line-height:50px}.choose-class-container .change-book{width:100%;position:relative;z-index:1;line-height:1.2;padding-top:16px;font-weight:700}.choose-class-container .default-text{text-align:center;color:#000}.choose-class-container .courseTypeLevelCode-list{position:absolute;top:51px;left:0;width:100%;height:calc(100vh - 100px);background-color:rgba(25,25,25,.1)}.choose-class-container .courseTypeLevelCode-list-container{width:100%;max-height:319px;overflow-y:auto;background:#fff;padding:0 8px}.choose-class-container .courseTypeLevelCode-item{height:40px;line-height:40px;border-radius:4px;cursor:pointer}.choose-class-container .courseTypeLevelCode-item span{display:inline-block;width:113px;padding-left:28px;text-align:left}.choose-class-container .courseTypeLevelCode-item.selected span{background:url(/svg/path.svg) no-repeat 0}.choose-class-container .courseTypeLevelCode-item:hover{background-color:#efefef}.choose-class-container .class-title{font-weight:600;padding-bottom:10px;text-align:left}.choose-class-container .back-arrow{width:48px;height:48px;cursor:pointer;position:absolute;background:url(/svg/arrow.svg) 50%/10px 15px no-repeat}@media screen and (min-width:660px){.choose-class-container .courseTypeLevelCode-list{height:410px}}.stage>.container{display:flex;flex-direction:column}.booking-container{position:relative;height:100%;flex-grow:1;display:flex;flex-direction:column}.booking-container .calendar{width:100%;min-height:500px;flex-grow:1;display:flex;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);background:#fff;position:relative}.booking-container .calendar .loading-popup{position:absolute}.booking-container .calendar-container{width:100%}.booking-container .calendar-wrapper{flex-grow:1;display:flex;flex-direction:column}.booking-container comp-booking-calendar{display:flex;height:calc(100% - 72px)}.booking-container .month-container{box-sizing:border-box;position:relative;padding:12px;color:#9b9b9b;line-height:100%;text-align:center}.booking-container .month-container .month{font-size:20px;margin-top:5px}.booking-container .month-container .day{font-size:14px;margin-top:5px}.booking-container .arrow{position:absolute;display:inline-block;top:10px;width:50px;height:50px;cursor:pointer}.booking-container .arrow:after{content:"";top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;display:inline-block;border:6px solid transparent;border-right-color:#333}.booking-container .arrow.arrow-disable{opacity:.6;cursor:not-allowed}.booking-container .arrow-left{left:20px}.booking-container .arrow-right{right:20px}.booking-container .arrow-right:after{border-color:transparent transparent transparent #333}.booking-container .footer1{display:none}.booking-container .footer2{display:block}.booking-container .bookPanel{opacity:1;position:absolute;z-index:2;top:0;left:0;line-height:1;cursor:auto}@media screen and (min-width:660px){.booking-container .bookPanel{min-width:277px}}@media screen and (min-width:768px){.booking-container .bookPanel{min-width:322px}}@media screen and (min-width:660px){.booking-container .left .bookPanel{transform:translate(calc(-100% - 1px),-30%)}.booking-container .right .bookPanel{left:calc(100% + 1px);top:-100%}}.booking-container .error-container{position:absolute;width:135px}.booking-container .left:after{left:0;border-color:transparent transparent transparent #f5f8fa}@media screen and (min-width:660px){.booking-container .footer1{display:block}.booking-container .footer2{display:none}.booking-container .calendar{position:relative;width:calc(100% - 40px);margin:32px 20px}.booking-container .error-container{width:160px}}@media screen and (min-width:1024px){.booking-container .calendar{width:calc(100% - 240px);margin:32px 120px}}@media screen and (min-width:1200px){.booking-container .calendar{width:940px;margin:32px auto}}.dismiss-mask{position:absolute;top:0;right:0;bottom:0;left:0}.booking-calendar{flex-grow:1;display:flex;flex-direction:column}.booking-calendar ::-webkit-scrollbar{display:none}.weekday-container{width:100%;display:flex}.calendar-title{position:relative;z-index:1;overflow-y:scroll;padding-bottom:12px;background:transparent;flex-shrink:0}.calendar-title-inner{box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.calendar-main{margin-top:-12px;flex-grow:1;overflow-y:visible}.classItems-wrapper{width:100%;display:flex}.weekday-container{box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.weekday-items{flex-grow:1;flex-basis:14.2857143%;height:52px;padding-top:8px;font-size:12px;text-align:center;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.weekday-items .weekday{color:rgba(0,0,0,.7);line-height:107%;font-weight:600}.weekday-items .day{color:rgba(0,0,0,.7);font-size:12px;line-height:100%;margin-top:10px}.weekday-items.today{border-bottom:2px solid #000;position:relative}.weekday-items.today:after{content:"";bottom:-14px;left:50%;transform:translateX(-50%);position:absolute;display:inline-block;border:6px solid transparent;border-top-color:#333}.dayItems{flex-grow:1;flex-basis:14.2857143%;min-width:14.2857143%;text-align:center}.time-slots{position:relative;overflow:hidden;height:60px;line-height:60px;font-size:12px;text-align:center;border-right:1px solid hsla(0,0%,59.2%,.2);border-bottom:1px solid hsla(0,0%,59.2%,.2);box-sizing:border-box;background:url(/svg/calendar_background.svg) 50%/400% 400% no-repeat}.time-slots:hover{background-color:rgba(0,185,255,.2)}.footer{display:block}.canBook,.relevantOnly{cursor:pointer;color:#00b0ff;background:#fff}.relevantOnly:before{content:"";position:absolute;top:0;right:5%;width:15%;max-width:15px;height:100%;background:url(/svg/book_mark_teacher.png) top/contain no-repeat;transition:transform .2s;transform:translateY(0)}.booked{border:2px solid #00b0ff}.booked .time{padding-left:3px;height:100%;line-height:2.1;text-align:left;background-color:#fff}.booked .courseType{font-size:8px;display:inline-block;border-radius:2px;padding:2px;color:#fff;line-height:1.2;background-color:#00b0ff}@media screen and (min-width:751px){.booked .courseType{font-size:12px}}.same-teacher{position:relative}.same-teacher:before{content:"";position:absolute;top:0;right:5%;width:15%;max-width:15px;height:100%;background:url(/svg/book_mark_teacher_strong.svg) top/contain no-repeat;transition:transform .2s;transform:translateY(0)}.clicked{background:#00b0ff!important;position:relative;color:#fff}.clicked:after{content:"";right:-1px;top:50%;transform:translateY(-50%);position:absolute;display:inline-block;border:12px solid transparent;border-right-color:#f5f8fa}.left:after{left:0;border-color:transparent transparent transparent #f5f8fa}.hidden{font-size:0!important}.hover{background-color:rgba(0,185,255,.15)}.completed,.disable{color:rgba(0,0,0,.3);background:#efefef;cursor:not-allowed}.completed:hover,.disable:hover{background-color:#efefef}@media screen and (min-width:660px){.time-slots,.weekday-items{font-size:14px}.time-slots.clicked{overflow:visible}.booked .time{padding-left:6px;line-height:1.8}.footer{display:none}}