/*! * froala_editor v3.2.2 (https://www.froala.com/wysiwyg-editor) * License https://froala.com/wysiwyg-editor/terms/ * Copyright 2014-2020 Froala Labs */.clearfix:after{content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-view .fr-img-caption.fr-rounded img,.fr-view img.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view .fr-img-caption.fr-shadow img,.fr-view img.fr-shadow{-webkit-box-shadow:10px 10px 5px 0 #ccc;-moz-box-shadow:10px 10px 5px 0 #ccc;box-shadow:10px 10px 5px 0 #ccc}.fr-view .fr-img-caption.fr-bordered img,.fr-view img.fr-bordered{border:5px solid #ccc}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file:after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=rtl] blockquote{border-left:none;border-right:2px solid #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:2px solid #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#aaa!important}.fr-view .fr-text-bordered{border-top:1px solid #222;border-bottom:1px solid #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ff0}.fr-view .fr-class-code{border-color:#ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:Courier New,Courier,monospace}.fr-view .fr-class-transparency{opacity:.5}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv embed,.fr-view .fr-video.fr-rv object{position:absolute!important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view ol,.fr-view ul{list-style-position:inside}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - 10px)}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - 10px)}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-fic.col-6,.fr-view span.fr-img-caption.fr-dib.fr-fic.col-6,.fr-view span.fr-img-caption.fr-dii.fr-fic.col-6{display:inline-block;float:none;width:50%!important;margin:0}.fr-view .fr-img-caption .fr-inner{color:#617182e8;font-size:14px}.fr-view .fr-video iframe{max-width:100%}.fr-view .card-body .fr-img-space-wrap img{margin-bottom:.5rem}.fr-view .card-body .fr-img-space-wrap{margin-bottom:1rem}.member-login .form-control{padding:.475rem .75rem}.bg-primary h1{color:#fff}.main{padding-top:3.5rem}.user-menu-wrap.show{max-height:248px}.member-forgot #success-msg,.member-forgot.requested #request-form{display:none}.is-staff .is-teacher,.member-forgot.requested #success-msg{display:block}.member-voucher .d-c-menu{top:unset}.member-profile .fixed{position:fixed}.member-profile .breadcrumb{position:absolute;top:-2rem;left:0}.member-profile .form-select{color:#616161}.member-profile .form-select option[value=""]{color:#9e9e9e}.cd-timer.status-0 a,.cd-timer.status-1 span{display:none}.cd-timer.status-0 span,.cd-timer.status-1 a{display:inline-block}.cd-timer.status-0 span.center_all,.cd-timer.status-1 a.center_all{display:flex;align-items:center;justify-content:center}.banji-list .design-class-r,.banji-show .design-class-r,.course-list .design-class-r,.index .design-class-r{margin-top:2.125rem}.all-round-designers .top-bar-tab .header_tag{background:#f09870;color:#fff;font-weight:400;cursor:unset;pointer-events:none}.err-403{display:none;font-size:.7em;margin:-1em 0 1em;color:red;text-align:center}.inappbrowser .facebook-oauth-btn,.inappbrowser .google-oauth-btn{pointer-events:none;cursor:default;color:#ccc;text-decoration:none;opacity:.4;filter:grayscale(100%)}.inappbrowser .err-403{display:block}.live-notify .live-info .live-info-li p{display:flex;align-items:center;-moz-column-gap:2.5rem;column-gap:2.5rem;flex-wrap:wrap}.chat-window{scroll-behavior:smooth;overscroll-behavior:contain}.member-voucher .design-class-r{margin-top:unset}.dd-avatar-content a.first{overflow:hidden;height:41px;position:relative}.filepreviewprofile{cursor:pointer;font-size:0;line-height:0}.event-show .btn-collapse{color:#32c1db}.event-show .card-body article.collapsed{height:30vh;overflow:hidden;position:relative}.btn-collapse.active .hide-collapsed,.btn-collapse .show-collapsed{display:none}.btn-collapse.active .show-collapsed,.btn-collapse .hide-collapsed{display:block}.member-nav{z-index:9999;inset:0 auto auto 0;transform:translate(-10000px);transition:visibility 0s ease-in-out .2s,opacity .2s 0s;visibility:hidden;position:absolute;opacity:0}.member-nav.show{transition:visibility 0s ease-in-out 0s,opacity .2s 0s;visibility:visible;opacity:1}.banji-list .banji-only,.banji-show .banji-only,.card-list.js-search-table.empty .card-empty,.index .banji-only,.nav-showed .overlay{display:block}.banji-only,.coupon-card,.j-cate-expired .j-use,.j-default,.j-expired,.order-card,.order-history__summary-checkout,.voucher-card{display:none}.j-cate-default ._default,.j-cate-default .j-default,.j-cate-expired ._expired,.j-cate-expired .j-expired,.j-cate-outstanding ._outstanding,.j-cate-overdue ._overdue,.j-cate-paid ._paid{display:block}.j-cate-outstanding ._outstanding .order-history__summary-checkout{display:flex}.m_l_continue .media_tag.tag_done,.m_l_continue .media_tag.tag_playing,.m_l_done .media_tag.tag_continue,.m_l_done .media_tag.tag_playing,.m_l_playing .media_tag.tag_continue,.m_l_playing .media_tag.tag_done{display:none}.form-group{position:relative}.input-group.has-error .form-control{border:1px solid #a94b4b;border-radius:5px;color:#ae1914;height:42px}.input-group.has-error .form-control:hover{border:1px solid #a94b4b}.input-group.has-error .contact-form{background:#f5f5f5;border:2px solid #f5f5f5;box-shadow:0 0 0 2px #a94b4be6;border-radius:8px;min-height:40px;color:#000000de}.input-group.has-error .form-label{color:#a94b4b}.input-group.has-error .input-err{display:block}.code-input>input{caret-color:#0065ff}.input-err:before{content:url(/assets/images/alert-triangle.svg);padding-right:.5rem}.contact .input-err:before{content:url(/assets/images/alert_xs.svg);padding-right:.5rem}.banji-list,.banji-show,.index{height:auto;min-height:100%}.banji-opt-txt,.course-opt-txt,.profile-opt-txt{color:rgba(117,117,117,var(--tw-text-opacity))}.banji-list .banji-opt-txt,.course-list .course-opt-txt,.index .banji-opt-txt{color:#ee7b51;margin-left:.5rem}.banji-show .border-l-6-p{border-left:6px solid rgba(56,59,116,var(--tw-text-opacity))}.banji-theater .border-l-6-p,.course-show .border-l-6-p{border-left:6px solid #ee7b51}.banji-list .banji-opt,.course-list .course-opt,.index .banji-opt{border-left:.375rem solid #ee7b51;margin-left:-1rem}.on-finished .player-fsa{z-index:15}.clearfix:after{content:“”;display:block;clear:both}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;opacity:0;z-index:50;background-color:#000;display:none}.modal.show{transition:visibility 0s ease-in-out 0s,opacity .4s ease-in-out 0s;visibility:visible;opacity:1}.accordion .accordion-collapse{margin-top:.75rem;line-height:1.625;color:#4a5568}.event-show .card-body article.collapsed:before{background:linear-gradient(0deg,#edeef1c4,transparent);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.btn-disabled{color:#fff;background:#ababab;border:none;border-radius:6px;display:inline-flex;cursor:pointer;align-items:center;justify-content:center}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) .vjs-tech{width:100%!important;height:100%!important}.video-js .vjs-picture-in-picture-control,.video-js .vjs-playback-rate.vjs-menu-button{display:none}.site-logo li .logo{top:-2px}.is-teacher{position:absolute;bottom:5px;right:5px}.is-teacher,.section-box .icon-completed{display:none}.section-box.watched .icon-completed{display:inline-block}.section-box .lead-icon:before{font-family:dripicons-v2!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-box.type-video .lead-icon:before{content:"\e01a"}.section-box.type-ppt .lead-icon:before{content:"\2b"}.section-box.type-sound .lead-icon:before{content:"\e003"}.section-box.type-homework .lead-icon:before{content:"\2a"}.marquee{overflow:hidden;position:relative;background:#fefefe;margin:0 20px}.marquee p{width:100%;text-align:center;-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-animation:scroll-left 6s linear infinite;-webkit-animation:scroll-left 6s linear infinite;animation:scroll-left 6s linear infinite;white-space:nowrap}.audio .range-bar .form-control-range{-webkit-appearance:progress-bar}.audio .audio-play .zmdi-hc-fw{margin:5px 3px 15px 5px}#assignment-info,#audio-player,#ppt-info,#video-caption,#video-player,.course-theater #messageForm,.course-theater .assignment{display:none}.course-theater.type-homework #messageForm,.course-theater.type-homework .assignment,.type-homework #assignment-info,.type-ppt #ppt-info,.type-sound #video-caption,.type-sound #video-player,.type-stream #video-player,.type-video #video-caption,.type-video #video-player{display:block}.caption .items{position:absolute;left:0;top:0;width:100%}.on-caption-1 .cue-1,.on-caption-4 .cue-4,.on-caption-7 .cue-7,.on-caption-10 .cue-10,.on-caption-13 .cue-13,.on-caption-16 .cue-16,.on-caption-19 .cue-19,.on-caption-22 .cue-22,.on-caption-25 .cue-25,.on-caption-28 .cue-28,.on-caption-31 .cue-31,.on-caption-34 .cue-34,.on-caption-37 .cue-37,.on-caption-40 .cue-40,.on-caption-43 .cue-43,.on-caption-46 .cue-46,.on-caption-49 .cue-49,.on-caption-52 .cue-52,.on-caption-55 .cue-55,.on-caption-58 .cue-58,.on-caption-61 .cue-61,.on-caption-64 .cue-64,.on-caption-67 .cue-67,.on-caption-70 .cue-70,.on-caption-73 .cue-73,.on-caption-76 .cue-76,.on-caption-79 .cue-79,.on-caption-82 .cue-82,.on-caption-85 .cue-85,.on-caption-88 .cue-88,.on-caption-91 .cue-91,.on-caption-94 .cue-94,.on-caption-97 .cue-97,.on-caption-100 .cue-100{background-color:#eee}@-moz-keyframes scroll-left{0%{-moz-transform:translateX(100%)}to{-moz-transform:translateX(-100%)}}@-webkit-keyframes scroll-left{0%{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(-100%)}}@keyframes scroll-left{0%{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.pointer{cursor:pointer}.img-upload-box{position:relative;cursor:pointer}.file-upload__input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}.voucher-list .voucher-content.status-1{border:2px solid #0065ff}.forgot-account-form,.forgot-psw-form,.js-fsa .fsa-t,.js-fsa .fsa-t-inline,.js-fsa .fsa-t-inline-flex,.js-fsa.status-1 .fsa-f,.js-fsa.status-1 .fsa-f-inline,.js-fsa.status-1 .fsa-f-inline-flex,.regist-form,.sign-in-form,.verify-form{display:none}.j-cate-forgot-account .forgot-account-form,.j-cate-forgot-psw .forgot-psw-form,.j-cate-regist .regist-form,.j-cate-signin .sign-in-form,.j-cate-verify .verify-form,.js-fsa .fsa-f,.js-fsa.status-1 .fsa-t{display:block}.js-fsa .fsa-f-inline,.js-fsa.status-1 .fsa-t-inline{display:inline-block}.js-fsa .fsa-f-inline-flex,.js-fsa.status-1 .fsa-t-inline-flex{display:inline-flex}.lesson-loop .lesson-btn,.lesson-loop .lesson-expire-txt{display:none}.lesson-loop.served .lesson-btn,.lesson-loop.served .lesson-expire-txt{display:flex}.is-disabled .btn-enter,.is-enabled .txt-done,.lesson-loop.is-disabled .lesson-expire-txt,.lesson-loop.is-enabled .lesson-before-txt{display:none}.is-disabled a{cursor:default;pointer-events:none}.is-enabled .mask-done{background:unset}.resort_asc .desc,.resort_asc .none,.resort_desc .asc,.resort_desc .none,.resort_none .asc,.resort_none .desc,.step{display:none}.on-step-1 .step.step-1,.on-step-2 .step.step-2,.on-step-3 .step.step-3,.on-step-4 .step.step-4,.on-step-5 .step.step-5,.on-step-6 .step.step-6{display:unset}.on-step-1 .step.step-1.flex,.on-step-2 .step.step-2.flex,.on-step-3 .step.step-3.flex,.on-step-4 .step.step-4.flex,.on-step-5 .step.step-5.flex,.on-step-6 .step.step-6.flex{display:flex}.j-trinity.active .j-trinity-unactive,.j-trinity .j-trinity-active{display:none}.j-trinity.active,.j-trinity:hover{background-color:#cd0027}.j-trinity.active .j-trinity-active,.j-trinity .j-trinity-unactive{display:inline-block}.radio-btn.gender-skid input[type=radio]{display:none}.radio-btn.gender-skid label{padding:8px 38px;line-height:1.4;font-weight:700;background:#fff;border:1px solid #4c9aff;border-radius:88px;color:#4c9aff;text-align:center;justify-content:center;cursor:pointer;display:inline-block}.radio-btn.gender-skid input[type=radio]:checked+label{background:#0065ff;color:#fff;border:1px solid #0065ff}.form-check-input[type=checkbox]:focus{box-sizing:border-box;border:1px solid #0065ff;padding:0}button i{color:inherit}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.validatr-err{display:none}.has-error .validatr-err{display:block}#video-player{width:100%;margin:0;padding:0}.page-content .none,.page-content .skeleton{display:none}.page-content.empty .none,.page-content.loading .skeleton{display:block}.page-content.loading .row.skeleton{display:flex}.video-js .vjs-big-play-button{top:50%;left:50%;width:2em;height:2em;line-height:2em;border-radius:50%;font-size:3.5em;color:#fff;-webkit-transition:border-color .4s,outline .4s,background-color .4s;-moz-transition:border-color .4s,outline .4s,background-color .4s;-ms-transition:border-color .4s,outline .4s,background-color .4s;-o-transition:border-color .4s,outline .4s,background-color .4s;transition:border-color .4s,outline .4s,background-color .4s;opacity:.7;border-style:solid;border-width:1px}.vjs-subs-caps-button{display:none}.press-show #breadcrumbs{background-color:#dff0f7!important}.question-icon{right:1rem;top:1rem}.course-list .course-card p{height:92px;overflow:hidden}.mobile #main-collapse{margin-top:8vh}.press-list .blog-post-content p{height:70px;overflow:hidden}.anchor-hr{display:block;border-bottom:1px solid #ccc;margin:20px}.anchor-hr:first-child,.mobile .anchor-hr:first-child{border-bottom:0;margin:0}.mobile .anchor-hr{margin-bottom:8vh}.row-section{width:100%}.row-section h2{float:left;width:100%;color:#fff;margin-bottom:30px;font-size:14px}.row-section h2 span{font-family:Kumar One,cursive;display:block;font-size:45px;text-transform:none;margin-bottom:20px;margin-top:30px}.row-section h2 a{color:#d2abce}.row-section .row-block{position:relative;background:#fff;padding:20px;margin-bottom:50px}.row-section .row-block ul{margin:0;padding:0}.row-section .row-block ul li{list-style:none;margin-bottom:20px}.row-section .row-block ul li:last-child{margin-bottom:0}.row-section .row-block ul li:hover{cursor:grabbing}.row-section .row-block .media{border:1px solid #d5dbdd;padding:5px 20px;border-radius:5px;box-shadow:0 2px 1px rgba(0,0,0,.04);background:#fff}.row-section .media .media-left img{width:75px}.row-section .media .media-body p{padding:0 15px;font-size:14px}.row-section .media .media-body h4{color:#6b456a;font-size:18px;font-weight:600;margin-bottom:0;padding-left:14px;margin-top:12px}textarea{height:12vh}.issue-btn{position:absolute;right:-30px;bottom:190px;color:#fff}.issue-btn:hover{color:#fff}.tbrl{overflow-x:scroll;overflow-y:hidden;width:100%;height:91vh;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;position:relative;padding:15px;text-indent:2rem;letter-spacing:.4rem}.lineh2{line-height:2rem;font-size:1.2rem}.lineh3{line-height:3rem;font-size:1.4rem}.lineh3 .comment{line-height:1.6rem;font-size:1.2rem;color:#aaa}.tbrl.list-group{text-indent:1rem}.tbrl .list-group-item{border-bottom:none;border-top:none;border-left:none}.tbrl .list-group-item:first-child{border-right:none}mark{background-color:#ff0}mark.red{background-color:red}#artilce{overflow:hidden}#article .post-charset,#article .post-fontsize{float:right;color:#6f6f6f;height:45px;font-size:14px}#article .post-charset{margin-right:30px}#article .post-charset a,#article .post-fontsize a{text-decoration:none;padding:2px 8px;color:#6f6f6f;height:45px;font-size:18px}#article .post-charset a.focus,#article .post-fontsize a:hover{background-color:#ddd;color:#fff;border-radius:0}#article .post-fontsize,#article .post-fontsize .sup{vertical-align:super}#article .post-fontsize .font-bg{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU5MS44MDQgNTkxLjgwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTkxLjgwNCA1OTEuODA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTU4MS41NDEsMjg1LjZoLTcxLjR2LTcxLjRjMC01LjcxMi00LjQ4OC0xMC4yLTEwLjItMTAuMnMtMTAuMiw0LjQ4OC0xMC4yLDEwLjJ2NzEuNGgtNzEuNGMtNS43MTIsMC0xMC4yLDQuNDg4LTEwLjIsMTAuMnM0LjQ4OCwxMC4yLDEwLjIsMTAuMmg3MS40djcxLjRjMCw1LjcxMiw0LjQ4OCwxMC4yLDEwLjIsMTAuMnMxMC4yLTQuNDg4LDEwLjItMTAuMlYzMDZoNzEuNGM1LjcxMiwwLDEwLjItNC40ODgsMTAuMi0xMC4yUzU4Ny4wNDksMjg1LjYsNTgxLjU0MSwyODUuNnoiLz48cGF0aCBkPSJNMjQ0LjEyNSw2LjMyNEMyNDIuNjk3LDIuNDQ4LDIzOC44MjEsMCwyMzQuNzQxLDBjLTQuMDgsMC03Ljk1NiwyLjY1Mi05LjU4OCw2LjUyOGwtMjI0LjQsNTcxLjJjLTIuMDQsNS4zMDQsMC42MTIsMTEuMjIsNS43MTIsMTMuMjZjNS4zMDQsMi4wNCwxMS4yMi0wLjYxMiwxMy4yNi01LjcxMmw3Ny41Mi0xOTcuNDcyaDI3NC41ODRsNzcuNTIsMTk3LjQ3MmMxLjYzMiw0LjA4LDUuNTA4LDYuNTI4LDkuNTg4LDYuNTI4YzEuMjI0LDAsMi40NDgtMC4yMDQsMy42NzItMC42MTJjNS4zMDQtMi4wNCw3Ljc1Mi03Ljk1Niw1LjcxMi0xMy4yNkwyNDQuMTI1LDYuMzI0eiBNMTA1LjQwNSwzNjcuMkwyMzQuNzQxLDM3Ljk0NEwzNjQuMDc3LDM2Ny4ySDEwNS40MDV6Ii8+PHBhdGggZD0iTTIzMC4wNDksMTEyLjJsLTg3LjEwOCwyMjEuNTQ0Yy0xLjAyLDIuNjUyLDAuMjA0LDUuNTA4LDIuODU2LDYuNTI4YzAuNjEyLDAuMjA0LDEuMjI0LDAuNDA4LDEuODM2LDAuNDA4YzIuMDQsMCwzLjg3Ni0xLjIyNCw0LjY5Mi0zLjI2NGw4Ny4xMDgtMjIxLjU0NGMxLjAyLTIuNjUyLTAuMjA0LTUuNTA4LTIuODU2LTYuNTI4QzIzMy45MjUsMTA4LjEyLDIzMS4wNjksMTA5LjU0OCwyMzAuMDQ5LDExMi4yeiIvPjxwYXRoIGQ9Ik0xMTYuODI5LDQxNC4xMmMtMi42NTItMS4wMi01LjUwOCwwLjIwNC02LjUyOCwyLjg1Nkw0Ni40NDksNTc5LjM2Yy0xLjAyLDIuNjUyLDAuMjA0LDUuNTA4LDIuODU2LDYuNTI4YzAuNjEyLDAuMjA0LDEuMjI0LDAuNDA4LDEuODM2LDAuNDA4YzIuMDQsMCwzLjg3Ni0xLjIyNCw0LjY5Mi0zLjI2NGw2My44NTItMTYyLjM4NEMxMjAuNzA1LDQxOC4yLDExOS4yNzcsNDE1LjE0LDExNi44MjksNDE0LjEyeiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);background-repeat:no-repeat;width:28px;height:28px;display:inline-block}#article .post-fontsize .font-sm{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU5MS44MDQgNTkxLjgwNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTkxLjgwNCA1OTEuODA0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggZD0iTTU4MS41NDEsMjg1LjZoLTE2My4yYy01LjcxMiwwLTEwLjIsNC40ODgtMTAuMiwxMC4yczQuNDg4LDEwLjIsMTAuMiwxMC4yaDE2My4yYzUuNzEyLDAsMTAuMi00LjQ4OCwxMC4yLTEwLjJTNTg3LjA0OSwyODUuNiw1ODEuNTQxLDI4NS42eiIvPjxwYXRoIGQ9Ik0yNDQuMTI1LDYuMzI0QzI0Mi42OTcsMi40NDgsMjM4LjgyMSwwLDIzNC43NDEsMGMtNC4wOCwwLTcuOTU2LDIuNjUyLTkuNTg4LDYuNTI4bC0yMjQuNCw1NzEuMmMtMi4wNCw1LjMwNCwwLjYxMiwxMS4yMiw1LjcxMiwxMy4yNmM1LjMwNCwyLjA0LDExLjIyLTAuNjEyLDEzLjI2LTUuNzEybDc3LjUyLTE5Ny40NzJoMjc0LjU4NGw3Ny41MiwxOTcuNDcyYzEuNjMyLDQuMDgsNS41MDgsNi41MjgsOS41ODgsNi41MjhjMS4yMjQsMCwyLjQ0OC0wLjIwNCwzLjY3Mi0wLjYxMmM1LjMwNC0yLjA0LDcuNzUyLTcuOTU2LDUuNzEyLTEzLjI2TDI0NC4xMjUsNi4zMjR6IE0xMDUuNDA1LDM2Ny4yTDIzNC43NDEsMzcuOTQ0TDM2NC4wNzcsMzY3LjJIMTA1LjQwNXoiLz48cGF0aCBkPSJNMjMwLjA0OSwxMTIuMmwtODcuMTA4LDIyMS41NDRjLTEuMDIsMi42NTIsMC4yMDQsNS41MDgsMi44NTYsNi41MjhjMC42MTIsMC4yMDQsMS4yMjQsMC40MDgsMS44MzYsMC40MDhjMi4wNCwwLDMuODc2LTEuMjI0LDQuNjkyLTMuMjY0bDg3LjEwOC0yMjEuNTQ0YzEuMDItMi42NTItMC4yMDQtNS41MDgtMi44NTYtNi41MjhDMjMzLjkyNSwxMDguMTIsMjMxLjA2OSwxMDkuNTQ4LDIzMC4wNDksMTEyLjJ6Ii8+PHBhdGggZD0iTTExNi44MjksNDE0LjEyYy0yLjY1Mi0xLjAyLTUuNTA4LDAuMjA0LTYuNTI4LDIuODU2TDQ2LjQ0OSw1NzkuMzZjLTEuMDIsMi42NTIsMC4yMDQsNS41MDgsMi44NTYsNi41MjhjMC42MTIsMC4yMDQsMS4yMjQsMC40MDgsMS44MzYsMC40MDhjMi4wNCwwLDMuODc2LTEuMjI0LDQuNjkyLTMuMjY0bDYzLjg1Mi0xNjIuMzg0QzEyMC43MDUsNDE4LjIsMTE5LjI3Nyw0MTUuMTQsMTE2LjgyOSw0MTQuMTJ6Ii8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);background-repeat:no-repeat;width:22px;height:22px;display:inline-block;margin:6px 6px 0 0}@media (min-width:768px){.modal-dialog{margin:90px auto}.hidden-md{display:none!important}}@media (max-width:767px){.hidden-sm,.question-icon{display:none!important}#nav-tabs{height:9vh}.tbrl{height:75vh}}.pretty-code{width:100%;font-size:.8rem}.goTop{position:fixed;bottom:100px;right:30px;width:40px;height:40px;z-index:1000}.cart .hide-in-cartpage,.gee,.hide,.line-it-button{display:none!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile .line-it-button{display:inline-block;vertical-align:bottom}.js-fsa.status-0 .avatar-star,.verify-code-form:not(:valid)~.checker{display:none}.checker{position:absolute;top:12px;right:12px;z-index:999}.cart-i-empty,.drop-empty,.empty-cart,.js-cart-empty .cart-i-count,.js-cart-empty .drop-i-show,.js-cart-empty .items-in-cart{display:none}.js-cart-empty .cart-i-empty,.js-cart-empty .drop-empty,.js-cart-empty .empty-cart{display:block}.videobox{aspect-ratio:16/9;min-height:180px}.videobox.active{aspect-ratio:auto}.rounded-lg.videobox.active{border-radius:0}.nav.nav-tabs .active{border-color:#0065ff;color:#0065ff}.inappbrowser .err-line-wv{display:block}.err-line-wv{color:#ff8e8a;font-size:12px;margin:auto;text-align:center;display:none}.login_25 .container-m .coupon-form{width:460px;display:flex;justify-content:center}.none-student .ns-from-gm,.none-student.status-1 .ns-deafault{display:none}.none-student.status-1 .ns-from-gm{display:block}.login_25 .container-m.gift-page{height:auto;top:120px}@media (max-width:1023px){.login_25 .login__input.form-control.input-s{width:240px}}@media (max-width:640px){.login_25 .container-m .coupon-form,.login_25 .login__input.form-control.input-s{width:100%}.login_25 .container-m.gift-page{top:80px}}.inappbrowser .btn-inapp-err{pointer-events:none;background-color:#ababab}.play-next{display:none}.input-group.flex{display:flex}.coupon-card._default .coupon-inner__info span.coupon-status__tag{display:none}.coupon-card._expired .coupon-inner__info span.coupon-status__tag,.coupon-card._overdue .coupon-inner__info span.coupon-status__tag{background:#4b5563;color:#fff;font-size:10px;line-height:21px;padding:0 18px;border-radius:4px;letter-spacing:1px;float:right}.js-pca.status-0 .project-card__action .purchased,.js-pca.status-0 p.purchased,.js-pca.status-1 .project-card__action .default,.js-pca.status-1 .project-card__date,.js-pca.status-1 .project-card__price{display:none}.js-pca.status-1 .purchased,.js-pca.status-1 p.purchased{display:block}@media (max-width:640px){.modal-body{padding:1.25rem 0}}.course-main__info h3{line-height:32px}.course-page.banji-structure .course-main__info .course-main__info-content{margin-top:34px}.lecturer-intro__li-card .lecturer-intro__info .expertise .expertise-list{flex-wrap:wrap}.lecturer-intro__li-card .lecturer-intro__info .expertise{flex-wrap:wrap;margin-top:24px}.lecturer-intro__li-card .lecturer-intro__info .expertise>span{padding-right:16px}.lecturer-intro__li-card .lecturer-intro__info .expertise .expertise-list span{padding-left:0}.course-main__info-wrap .highlights .flex{flex-wrap:wrap}.course-main__info-wrap .highlights .flex span:not(:last-child){padding-right:12px}.share-link-content{border:1px solid #e1e6ef;display:flex;align-items:center;padding:0 12px;margin-right:12px;width:240px;span{overflow:scroll}}.modal .modal-dialog.modal-s{width:400px}@media (max-width:640px){.modal .modal-dialog.modal-s{width:90%}}.bg-white{height:auto}.company-invoice.has-error{position:relative;top:13px}.email-content .validatr-err{position:unset!important}.add-city-content .validatr-err{position:absolute;width:max-content}.carruer-invoice .validatr-err{position:absolute}.pagination{padding:3rem 0;margin:0}.manage-page{min-height:calc(100vh - 66px);height:calc(100vh - 66px);overflow:scroll}@media (min-width:1280px){.xl\:mr-9{margin-right:36px}}@media (min-width:1920px){.manage-page .chatbox{width:460px}}@media (max-width:2560px){.container-m{padding-left:24px;padding-right:24px}}.fr-view.course-main__info-content img.fr-dib{margin:0}.overlay-error{height:100vh;width:100%;background-color:#fff;position:fixed;top:0;z-index:9999}.overlay-error .error-content{display:flex;flex-direction:column;height:100vh;text-align:center;justify-content:center}.overlay-error .error-content p{font-size:18px;color:#000;line-height:24px}.overlay-error .error-content .primary-blue-btn{font-size:18px}.overlay-error .error-content .btn{height:40px;padding:.5rem 1.5rem}.outline-blue-btn:hover{color:#fff}.course_tab_container .image-cover{position:relative;overflow:hidden;height:100%}.course_tab_container .image-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;overflow:hidden}.course_tab_container .tabcontent{width:72%}.course_tab_wrap{width:28%;position:relative;height:100%}.course_tab,.course_tab_bt,.course_tab_con,.course_tab button{width:100%}.voucher-wrap .multiple-selection,.voucher-wrap .single-selection{display:none}.voucher-wrap._multiple .multiple-selection,.voucher-wrap._single .single-selection,.voucher-wrap._single .voucher-card._default{display:block}.selection-wrap{display:flex;flex-direction:column;row-gap:16px}.selection-wrap .voucher-card .voucher-inner{max-width:447px;margin:auto}.selection-wrap .voucher-card .voucher-inner__info{background-position:90% 50%;width:100%;text-align:left}.session-card{box-shadow:0 0 10px #0000001a;border-radius:10px;width:100%;max-width:314px;margin:auto}.session-card .info{border-top:1px solid #e5e5e5;display:flex;flex-direction:column;row-gap:10px;padding:10px 10px 0}.session-card label{position:relative;cursor:pointer}.session-card label input{display:none}.session-card label input:checked+div{box-shadow:0 0 0 2px #0065ff}.session-card label input+div{padding:16px 24px;border-radius:10px;display:flex;flex-direction:column;row-gap:10px;text-align:left;width:100%;box-shadow:none}.outline-light-blue{background:#fff;color:#0368a0;border:1px solid #069cdf;box-shadow:none}.voucher-footer{display:flex;column-gap:16px;margin:52px 0;justify-content:center}.voucher-footer a,.voucher-footer button{width:180px}.spacing-underline{position:relative}.spacing-underline:after{content:"";position:absolute;width:100%;height:1px;bottom:-2px;left:0}.primary-blue.spacing-underline:after{background-color:#0065ff}@media (max-width:640px){.voucher-footer a,.voucher-footer button{width:50%}}.manage-info .manage-header h1{line-height:34px}.contact-us .top-bar-tab .header_tag_con{width:auto}.user-term{max-width:680px;margin:auto;padding-bottom:90px}.agree-content{position:fixed;bottom:0;background-color:#fff;padding:20px 24px 24px;width:100%;background-color:#f8f8f8}.user-term h1{margin:30px 0 40px}.user-term h4{color:#0009;font-size:18px;font-weight:700;margin-bottom:12px}.user-term ol{color:#0009;font-size:14px;margin-bottom:24px;margin-top:12px;list-style:decimal;padding-left:20px}.user-term ol li{line-height:24px;margin-bottom:6px}.user-term p{color:#0009;font-size:14px;line-height:24px;margin-bottom:12px}.user-term .article-content h2{font-weight:600;font-size:16px;margin:24px 0 12px}.agree-content .input-group.has-error .validatr-err{position:absolute}.agree-content .input-group .checkbox-custom-label{display:flex}.agree-content .input-group .checkbox-custom-label:before{content:"";background:#fff;border:2px solid #ababab;display:inline-block;vertical-align:middle;width:18px;height:18px;border-radius:6px;margin-right:10px;text-align:center;line-height:1;display:block}.agree-content .input-group:has(.checkbox-custom:checked) .checkbox-custom-label:before{content:url('data:image/svg+xml;charset=utf-8,');background:#0065ff;border:2px solid #ffde00}.agree-content .input-group .checkbox-custom{top:30px}.article-content.fr-view ul{padding-left:14px;list-style:circle}.article-content.fr-view ul li{margin-bottom:2px}.fr-view.course-main__info-content{color:#000;font-size:18px}.fr-view.course-main__info-content h2{color:#8f8f8f;margin-bottom:28px;margin-top:60px;font-size:24px}.fr-view.course-main__info-content p{font-size:18px;color:#000;margin-bottom:20px;line-height:1.5}.fr-view.course-main__info-content ul{list-style:circle;margin-left:1.5rem;margin-bottom:20px}.fr-view.course-main__info-content ul li{line-height:1.5}.fr-view.course-main__info-content ol{list-style:decimal;margin-left:1.5rem;margin-bottom:20px}.fr-view.course-main__info-content ol li{line-height:1.5}.nav-light.mobile-menu .mobile-menu-bar{background:#fff;box-shadow:0 4px 8px #0000001a}.mobile-menu img.b-logo,.nav-light.mobile-menu img.w-logo{display:none}.nav-light.mobile-menu img.b-logo{display:block}.nav-light .mobile-menu-bar .bar1,.nav-light .mobile-menu-bar .bar2,.nav-light .mobile-menu-bar .bar3{background-color:#002d61}.avatar-tag{background:none;border:none;box-shadow:none;border-radius:0;height:14px;width:14px;right:-2px;bottom:-1px}.avatar-tag img{padding:0}.header_tag_con{margin-left:16px}.search-bar input.form-control{padding-left:2rem;border-radius:3px;min-height:28px;height:28px;width:164px;color:#c9cdd2}.search-bar{margin-left:36px}.search-bar img{left:8px}.cate-courses .bs-card .bs-card__content h4{line-height:1.2}.cate-courses .bs-card .bs-card__content{min-height:158px;display:flex;flex-direction:column}.cate-courses .bs-card .bs-card__content .cate-tags{margin-top:auto}.mt_c{margin-top:95px}.cart-page .container-m{padding-top:95px}.coupon-page,.order-history,.profile-page,.voucher-page{padding-top:140px}@media (max-width:1280px){.mt_c{margin-top:56px}.cart-page .container-m{padding-top:66px}.about-page .section-01:before{top:56px}.coupon-page,.order-history,.profile-page,.voucher-page{padding-top:110px}}@media (max-width:1024px){.featured-courses{position:relative;height:896px}}@media (max-width:640px){.cate-courses .swiper-wrapper{height:740px}.cate-courses .swiper{padding-bottom:40px}}.fr-view img.fr-dib{margin:0}.course-card .c-info .read-more span{border-radius:40px;background:#000;font-size:10px;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;display:flex;align-items:center;padding:0 9px;height:22px}@media (max-width:1024px){.course-venue .video-wrap .c-side-menu{aspect-ratio:unset}}.chapter-content{display:flex;flex-direction:column;row-gap:15px;padding-top:15px}.chapter-content .ch-intro{color:#374151;font-size:16px;position:relative}.chapter-content .ch-intro:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5.5' stroke='%239CA3AF'/%3E%3C/svg%3E");position:absolute;left:-18px}.chapter-content .ch-time{color:#9ca3af;font-size:11px}.chapter-content .ch-wrap{padding-left:50px;display:flex;flex-direction:column;position:relative}.chapter-content .ch-wrap:not(:last-child):before{content:"";border-left:1px dashed #e5e7eb;height:38px;position:absolute;left:38px;top:18px}.chapter-content .ch-wrap.active .ch-intro{color:#0065ff}.chapter-content .ch-wrap.active .ch-intro:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5.5' fill='%230065FF' stroke='%230065FF'/%3E%3C/svg%3E")}.login_25 .container-m .coupon-form,.login_25 .container-m .login-form{background-color:#fff}.login_25 .login__input.form-control{background-color:#f5f5f5}.login_25 .btn-primary,.login_25 .outline-blue-btn{line-height:1.75rem}.course-page .video-preview{width:100%;height:100%;margin-top:24px}.course-page .video-preview .yt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-page .video-preview .video-wrap{aspect-ratio:16/9;position:relative}.course-page .video-preview .video-wrap img{height:100%;width:100%;overflow:hidden;-o-object-fit:cover;object-fit:cover;border-radius:8px}.course-page .video-preview iframe{width:100%;height:100%}.yt-modal .modal-content .modal-body{padding:0;aspect-ratio:16/9}.modal.yt-modal .modal-dialog .modal-content>[data-dismiss=modal]{top:-40px;margin-top:0;margin-right:0}.course-show .c-intro-wrap{background-image:url(/assets/images/c-intro-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:400px;padding:76px 12px 48px}.c-intro-wrap h4.title{font-size:26px;color:#002d61;text-align:center;margin-bottom:16px}.c-intro-wrap p.intro{font-size:16px;color:#002d61;text-align:center;margin-bottom:30px;line-height:24px}.c-intro-wrap a.intro-links{padding:10px 24px;border-radius:5px;color:#002d61;font-size:16px;border:1px solid rgba(0,45,97,.15);background:linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.35))}.filter-menu .menu-list .ca-btn a{position:relative;cursor:pointer;display:flex;width:100%;align-items:center}.filter-menu .menu-list .ca-btn a.active{color:#0065ff;font-weight:600}.course-main__info-wrap .highlights .flex a{font-weight:600;position:relative}.course-main__info-wrap .highlights .flex a:not(:last-child){padding-right:8px}.course-main__info-wrap .highlights .flex a:not(:last-child):after{content:"/";position:relative;right:-4px}.course-venue .info-content,.course-venue .materials-dl,.course-venue .video-wrap{margin-bottom:70px}.course-venue .info-content h3,.course-venue .recommend-course h3{margin-top:unset}.course-venue footer{margin-top:70px}.js-wki.status-0 .w-intro,.js-wki.status-0 .works-btn-wrap,.js-wki.status-1 .works-btn-wrap .upload-button,.js-wki.status-1 .works-btn-wrap .works-btn.done,.js-wki.status-1 .works-btn-wrap .works-btn.reviewed,.js-wki.status-1 .works-none{display:none}.js-wki.status-1 .works-btn-wrap.default .upload-button,.js-wki.status-1 .works-btn-wrap.done .works-btn.done,.js-wki.status-1 .works-btn-wrap.reviewed .works-btn.reviewed{display:block}.btn-default.upload-button{background-color:#0065ff;border-radius:4px;color:#fff;font-size:15px;display:flex;align-items:center;flex-direction:column;padding:11px 23px;white-space:nowrap;cursor:pointer}.btn-default.upload-button label{cursor:pointer}.btn-default.upload-button img{margin-bottom:6px}.upload-button.loading img.dc-image,.upload-button img.loading{display:none}.upload-button.loading img.loading{display:block;width:33px}@media (max-width:1023px){.course-page.course-show .highlights{align-items:center}}.bs-card__content{display:flex;flex-direction:column;row-gap:9px}.bs-card .bs-card__content .lecturer-info,.bs-card .bs-card__content h4{margin-bottom:0}.bs-card .bs-card__img span.status-tag{background-color:#000;color:#fff;font-size:12px;padding:1px 9px;position:absolute;right:14px;bottom:8px}.bs-card .bs-card__content .info{padding:6px 8px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.bs-card .bs-card__content .info>div{grid-column:span 1/span 1}.video-wrap .c-side-menu .contentm .m_l_normal.pause img.play-btn,.video-wrap .c-side-menu .contentm img.pause-btn{display:none}.video-wrap .c-side-menu .contentm .m_l_normal.pause img.pause-btn{display:block;margin-right:6px}.featured-courses .swiper-slide{justify-content:flex-start}.pagination{width:100%;justify-content:center;column-gap:16px;row-gap:4px;flex-wrap:wrap}.pagination a{font-size:16px}.pagination a svg{margin-top:-4px}.pagination li.active a{font-weight:500}.buy-now{color:#fff;font-size:16px;background-color:#0065ff;width:100%}.add-cart,.buy-now{border-radius:8px;height:48px;box-sizing:border-box;box-shadow:0 0 0 4px rgba(6,156,223,.2)}.add-cart{display:flex;justify-content:center;align-items:center;background-color:#eff8fe;width:48px;min-width:48px;margin-left:12px}.search-page .switch__tab{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.search-page .switch__tab a{grid-column:span 1/span 1}.bs-card .bs-card__content .info{padding:6px 0}@media (max-width:640px){.course-card__wrap .bs-card .bs-card__content{padding:20px 16px}.course-card__wrap .bs-card .course-info{flex-direction:row}}.top-bar-tab.mobile .header_tag_con{color:#0065ff;margin-left:0;width:100%;align-items:center;font-weight:700;font-size:18px;line-height:26px;justify-content:end;border-top:1px solid #e0e0e0;height:50px}.mobile-menu ul li ul li{background:#fff}.menu .m_sub_menu{color:#000}@media (max-width:768px){.top-bar-tab.mobile{display:block}}@media (max-width:640px){.mobile-menu-bar .search-bar input.form-control{width:120px}}.media-page .video-wrap{display:flex;flex-direction:row;width:100%;aspect-ratio:16/9;background-color:#191919;height:100%;min-height:calc(100vh - 95px);margin:40px 0 70px}.media-page .video-wrap .left-content{width:70%;display:flex}.media-page .video-wrap .left-content .videobox{margin-top:auto;margin-bottom:auto}.media-page .chatbox{position:relative;width:30%;height:inherit;margin-left:0;margin-right:0;box-shadow:none}.media-page{min-height:960px}.media-page .chatbox-title{background-color:#0065ff;font-size:15px;color:#fff;display:flex;align-items:center;padding:12px 16px;line-height:21px;font-weight:500}.media-page .chatbox .chatbox-title .ol-num{color:#ffde00;display:block}.media-page .chat-window{background-color:#fff}.media-page .chat-input{display:flex;height:44px}.media-page .chat-input button{border-radius:0;padding:0;color:none;border:none;right:-15px}.media-page .chat-input button:hover{color:#fff;background:none;border:0;transition:all .3s ease-in-out}.media-page .chat-input textarea{padding:9px 36px 9px 12px;outline:0 none;border-top:1px solid #e1e6ef;border:1px solid #e1e6ef;color:#000000de;font-size:15px;line-height:22px;border-radius:8px}.media-page .chat-input textarea:not(:placeholder-shown){border-top:none}.media-page .chat-input textarea:focus{border-top:1px solid #e1e6ef}.media-page .chat-input .insert-btn{display:flex;column-gap:6px;margin-right:6px}.media-page .chat-input .insert-btn button{position:relative;top:unset;right:0;transform:unset;float:unset;background:#fff;height:auto;width:auto;border-radius:0;padding:0;color:none;border:none}.media-page .msg-remote .messages p{background-color:#f8f9fc;border-radius:16px 16px 16px 0}.media-page .msg-remote .msg-username{color:#4a505c}.media-page .chat-window .user-img{border:0;height:34px;width:34px}.course-venue .works-wrap>div{padding:24px;width:100%}.chatbox-toggle{position:absolute;left:-38px;top:4px;z-index:9999}.chatbox-toggle a{border-radius:12px 0 0 12px;color:#fff;position:fixed;background:#0065ff;width:38px;height:37px;display:flex;align-items:center;justify-content:center}.chatbox-toggle a img{width:27px;height:29px}.chatbox-toggle.close img.open,.chatbox-toggle img.close{display:inline}.chatbox-toggle.close img.close,.chatbox-toggle img.open,.chatbox-toggle span.close{display:none}.chatbox-toggle a img.open{transform:rotate(180deg)}.media-page .chatbox.collapsed{width:0;height:0;overflow:hidden;transition:width .3s ease}.media-page .left-content.expanded{width:100%;transition:width .3s ease}.media-page .mc-side-menu{width:30%}.media-page .video-box-m{padding:16px}.media-page .video-box-m:hover{background-color:#eff8fe}.video-box-m .vp-order{color:#000}.media-page .video-box-m:hover .vp-order{color:#0065ff}.media-page .video-preview{min-width:160px}@media (max-width:1920px){.media-page .video-box-m{width:auto}}@media (max-width:1280px){.media-page .mc-side-menu{width:100%;margin-left:0;margin-right:0}.media-page .video-wrap{height:auto;min-height:auto;flex-direction:column;background-color:#f8f8f8}.media-page .video-wrap .left-content{width:100%}.media-page .chatbox{position:relative;width:100%;height:inherit;margin-top:48px}.chatbox-toggle{left:0;top:-36px}.media-page{min-height:auto}.chatbox-toggle.close a{border-radius:12px;width:auto;padding:0 12px 0 3px}.chatbox-toggle a{border-radius:12px 12px 0 0}.chatbox-toggle a img.open{transform:rotate(-90deg)}.chatbox-toggle.close span.close{display:inline}}.privacy-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#2e2e2e;color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;font-size:14px;z-index:10000000000;box-shadow:0 -2px 6px rgba(0,0,0,.1)}.privacy-banner .link{color:#069cdf;text-decoration:underline;margin-left:8px}.privacy-banner .accept-btn{background-color:#069cdf;border:none;color:#fff;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer}.lowres-warning{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(0,101,255,.8);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;z-index:9999;width:max-content}.order-history__content .box{min-height:498px}.cart-item-count{top:-3px;right:-4px}.hide-in-cartpage{background-color:#eff8fe;border-radius:999px;width:35px;height:35px;justify-content:center;align-items:center}.my-class-tab{margin-right:16px}.chatbox .file-upload__input{width:22px}.chatbox .file-upload__label{display:flex;width:26px}.emoji-panel{position:absolute;bottom:50px;left:32px;width:calc(100% - 32px);height:158px;background-color:#f8f8f8;border-radius:12px;overflow:scroll}.emoji-wrap{padding:16px}.emoji-ca-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-ca-content:not(:first-child){margin-top:12px}.emoji-ca-content .ca-title{grid-column:span 6/span 6;padding-left:6px}.emoji-ca-content .emoji-i{grid-column:span 1/span 1;padding:6px;cursor:pointer;transition:transform .2s ease}.emoji-ca-content .emoji-i img{width:100%;height:100%;object-fit:cover}.chat-input-wrap{width:100%;overflow:scroll;border:1px solid #e1e6ef;border-radius:8px}.chat-editable{padding:9px 36px 10px 12px;outline:0 none;color:#000000de;font-size:15px;line-height:150%}.chat-editable:empty:before{content:attr(placeholder);color:#aaa}.show-af-login,.show-af-login.flex,.show-af-logout,.show-af-logout.flex,.show-bf-login,.show-bf-login.flex{display:none}.js-login .show-af-login,.js-logout .show-af-logout,.js-logout .show-bf-login{display:block}.js-login .show-af-login.flex,.js-logout .show-af-logout.flex,.js-logout .show-bf-login.flex{display:flex}.course_tab{box-shadow:none}.course_tab_con{background-color:#f1f1f1}.tns-outer .tns-nav button.tns-nav-active{background-color:#0065ff}.project-card__info .lecturer span:nth-of-type(n+3):before{content:"\3001"}.event__session_card .lecturer{color:#999}.event__session_card .lecturer span:nth-of-type(n+3):before{content:"\3001"}.event__session_card{width:calc((100% - 24px) / 2)}@media (max-width:639px){.event__session_card{width:100%}}.course-info__project .course-info__project-list.relative{position:relative;top:0}.multiple-selection .selection-wrap{flex-direction:row;row-gap:24px;column-gap:16px;flex-wrap:wrap}.multiple-selection .session-card{box-shadow:none;border:1px solid #c9cdd2;margin:unset;max-width:228px}.multiple-selection .session-card .info{padding:10px 0 0}@media (max-width:640px){.multiple-selection .session-card{max-width:100%}}.multiple-selection .session-card .flex{align-items:flex-start}.multiple-selection .session-card label input+div{padding:16px;height:100%}.bs-card.expired .bs-card__img:after{content:"已失效";position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:2px}