@charset "UTF-8";@font-face{font-family:MSHPIconsRegular;src:url(//www.microsoft.com/mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.woff2) format("woff2")}@font-face{font-family:SegoeUI;src:local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("ttf");font-weight:400}@font-face{font-family:SegoeUI;src:local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf) format("ttf");font-weight:100}@font-face{font-family:SegoeUI;src:local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf) format("ttf");font-weight:200}@font-face{font-family:SegoeUI;src:local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.ttf) format("ttf");font-weight:600}img{border:0}body,button,html,input,select{font-family:SegoeUI,"微軟正黑體",Microsoft JhengHei,SegoeLight,Segoe UI,Segoe,Arial,Verdana,sans-serif;font-size:calc(15px + .3vw);color:#000}h1{font-size:calc(15px + 1.7vw);font-weight:900;margin:0;padding:0;margin-bottom:.4em}h2{margin:0;padding:0;margin-bottom:1em;font-size:calc(15px + 1.2vw);font-weight:900}h3{margin:0;padding:0;margin-bottom:.5em;font-size:calc(15px + .6vw);font-weight:900}h4{margin:0;padding:0;margin-bottom:.5em;font-size:calc(15px + .3vw);font-weight:900}.btn,.btn:active,.btn:focus,.btn:hover,.btn:visited{color:#fff}.btn{display:inline-block;background-color:#6264a7;border-radius:60px;padding:8px 25px;-webkit-box-shadow:0 5px rgba(0,0,0,.15);box-shadow:0 5px rgba(0,0,0,.15);-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.btn span{color:#fff}.btn span:after{content:"";display:inline-block;width:24px;height:1em;line-height:1.42em;background-image:url(https://longsuntest.azurewebsites.net/taiwan/education/0composition/images/layout/icon_linkarrow.png);background-position:center center;-webkit-transition:background-position .2s;-o-transition:background-position .2s;transition:background-position .2s}.btn:focus,.btn:hover{background-color:#47497d}.btn:focus span:after,.btn:hover span:after{background-position:right center}.btn.btn_top{visibility:hidden;opacity:0;position:fixed;right:30px;bottom:30px}.btn.btn_top:hover{opacity:1}.btn.btn_top.btn_menu{right:auto;left:30px;bottom:38px;font-size:12px;padding:8px 18px;min-width:24px;background-color:#fff;color:#3f2764!important}.btn.btn_top.btn_menu:hover{background-color:#f1f1f1;opacity:1}.arrow-link:after{content:"";display:inline-block;position:relative;background-image:url(https://longsuntest.azurewebsites.net/taiwan/education/0composition/images/teams-learning-remotely/icon_linkarrow2.png);width:24px;height:1em;background-repeat:no-repeat;background-position:center 35%}.kv_section{padding:3vw 0;max-height:538px;overflow:hidden;background-repeat:no-repeat;background-position:center bottom;background-color:#6264a7;background-image:url(https://longsuntest.azurewebsites.net/taiwan/education/0composition/images/teams-learning-remotely/kv-bg.png);background-size:cover}.kv_section img{margin:0 auto}.kv_section .title_section{padding:2vw 0 2vw 0}.kv_section .title_section .title_section_content{background-color:#4d5075;padding:1em}.kv_section .title_section h1{color:#fff}@media (max-width:992px){.kv_section{max-height:none;background-size:auto 78%;background-position:right bottom}.kv_section .title_section{text-align:center;padding:2vw 0 5vw 0}}.section{padding:5vw 0}@media (max-width:992px){.section{padding:10vw 0}}.class_section h2:after{content:"";display:block;width:3em;margin:0 auto;padding-top:.2em;border-bottom:3px solid #6264a7}.class_section .class-option img{border-radius:15px;-webkit-transition:border-radius .2s;-o-transition:border-radius .2s;transition:border-radius .2s;margin-bottom:.6em}.class_section .class-option span{display:none;font-weight:700}.class_section .class-option:hover img{border-radius:80px}@media (max-width:992px){.class_section .class-option{display:block;margin-bottom:2em}}.video_section{background-repeat:no-repeat;background-position:center right;background-size:cover;color:#fff;text-align:center}.video_section .video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video_section .video-container .video{position:absolute;top:0;left:0;width:100%;height:100%}.contactus_section{background-color:#efefef}.contactus_section h2:after{content:"";display:block;width:3em;margin:0 auto;padding-top:.2em;border-bottom:3px solid #6264a7}.contactus_section h3{margin-bottom:1em}.kv_section{background-image:url(https://longsuntest.azurewebsites.net/taiwan/education/0composition/images/digital-learning/kv-bg.png);background-color:#0078d4}.kv_section .title_section .title_section_content{background-color:unset}.class_section h2:after{border-bottom:3px solid #0078d4}.btn{background-color:#0067b8}.btn:focus,.btn:hover{background-color:#0067b8;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.title_section .title_txt p{font-size:calc(15px + .6vw)}.m-1{margin-top:1em;margin-bottom:1em}.m-2{margin-top:2em;margin-bottom:2em}.class_section a.class-option{display:block;text-decoration:none}.class_section .class-option span{display:block;text-align:center;padding-top:10px;padding-bottom:10px;text-decoration:none;color:#000}.banner-F66z3{display:block;position:relative;height:0;padding-bottom:70%}.banner-F66z3:hover text{text-decoration:underline}.course_kind_list{background-color:#0070c0;padding:5em 0}@media (max-width:540px){.course_kind_list{padding:2em 0}}.gray_dotted{position:relative}.gray_dotted:before{content:"";background-image:url(https://longsuntest.azurewebsites.net/taiwan/education/0composition/images/digital-learning/primary-and-secondary-school-lesson-plan/texture_blu_dot.png);opacity:.2;position:absolute;top:0;left:0;bottom:0;right:0}.text-center{text-align:center!important}.d-inline-block{display:inline-block!important}.d-none{display:none!important}.sticky-Style-Bn64x3{position:-webkit-sticky;position:sticky;left:0;top:0;z-index:60;background-color:rgba(255,255,255,.9)}.filterMsg{padding-top:5px;padding-bottom:15px}.kindBtnGroup-nN5Dx83{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;padding-bottom:10px}.kindBtnGroup-nN5Dx83::-webkit-scrollbar{height:10px}.kindBtnGroup-nN5Dx83::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.kindBtnGroup-nN5Dx83::-webkit-scrollbar-thumb{background-color:#a9a9a9}.ul-style-Hnx8sB{white-space:nowrap;margin:0 auto}.ul-style-Hnx8sB li{display:inline-block}.course_group{display:flex;flex-wrap:wrap}.course_item{width:calc(33% - 30px);position:relative;background-color:#f9f9f9;border-radius:15px 15px 0 15px;margin:15px;display:flex;flex-direction:column;overflow:auto}.course_item:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 1.8em 1.8em 0;border-color:transparent #50e6ff transparent transparent;position:absolute;right:0;top:0}.course_item .course_header{padding:.5em 1em 0 1em;display:flex;flex-wrap:wrap}.course_item .course_banner,.course_item .course_link,.course_item .course_speaker,.course_item .course_title{padding:0 1em}.course_item .course_footer{margin-top:1em;padding:0 1em 1em 1em;border-top:1px dashed #0078d4;border-bottom-left-radius:15px}.course_item .course_banner,.course_item .course_footer,.course_item .course_header,.course_item .course_link,.course_item .course_speaker{flex-grow:0;flex-basis:auto}.course_item .course_title{flex-grow:1}.course_item .course_banner,.course_item .course_header,.course_item .course_link,.course_item .course_speaker,.course_item .course_title,.course_item .margin-Style-c6Z8{margin-bottom:10px}.course_item .course_header_titleLeft{flex-grow:0;flex-basis:auto;margin-bottom:10px}.course_item .tagStyleTitle{display:inline-block;font-size:12px;padding:6px;border-bottom:2px #999 solid;color:#666}.course_item .kindTagItem{font-size:15px}.course_item .course_footer{padding-top:10px;background-color:#e9e9e9}@media (max-width:1656px){.course_item{width:calc(50% - 30px)}}@media (max-width:992px){.course_item{width:calc(100% - 30px)}}.productsTagGroup{display:flex;justify-content:start;flex-wrap:wrap}.productsTagGroup .productTag{width:15.6666666667%;min-width:55px;margin:.5%}.productsTagGroup .productText{font-size:12px}.kindTagGroup{margin-left:10px;flex-grow:2}.kindTagGroup .kindTagItem{display:inline-block;padding:6px 10px;margin-right:5px;margin-bottom:5px;background-color:#ccc;border-radius:60px}.kindTagGroup .kindTagItem[data-id=A]{background-color:#d83b01;color:#fff}.kindTagGroup .kindTagItem[data-id=B]{background-color:#dc9f06;color:#fff}.kindTagGroup .kindTagItem[data-id=C]{background-color:#107c10;color:#fff}.kindTagGroup .kindTagItem[data-id=D]{background-color:#008575;color:#fff}.kindTagGroup .kindTagItem[data-id=E]{background-color:#0c59a4;color:#fff}.kindTagGroup .kindTagItem[data-id=F]{background-color:#8661c5;color:#fff}.kindTagGroup .kindTagItem[data-id=G]{background-color:#ec6725;color:#fff}.kindTagGroup .kindTagItem[data-id=H]{background-color:#56b60e;color:#fff}.class_section h2.title-Style-Ff6v3kv2,.title-Style-Ff6v3kv2{font-size:calc(18px + .5vw)}.class_section h2.title-Style-Ff6v3kv2:after,.title-Style-Ff6v3kv2:after{margin:unset}.course_noMatch{padding-top:10vw;padding-bottom:10vw}select[name=courseFilter]{border:0;background-color:transparent;font-weight:bolder;color:#0078d4}select[name=courseFilter] option{color:initial}.svg-parent-box{position:relative}.svg-box{position:relative;height:0;width:100%}.svg-box svg{position:absolute;width:100%;height:100%}.svg-box[data-svg=hexagonButtonXL]{padding-bottom:21.9512195%}.svg-box[data-svg=hexagonButton]{padding-bottom:39.6341463%}.svg-box[data-svg=hexagonButtonS]{padding-bottom:100%}.svg-hexagonA{fill:#d83b01}.svg-hexagonA.hover{fill:#721f01}.svg-hexagonB{fill:#dc9f06}.svg-hexagonB.hover{fill:#795703}.svg-hexagonC{fill:#107c10}.svg-hexagonC.hover{fill:#042204}.svg-hexagonD{fill:#008575}.svg-hexagonD.hover{fill:#001f1b}.svg-hexagonE{fill:#0c59a4}.svg-hexagonE.hover{fill:#052545}.svg-hexagonF{fill:#8661c5}.svg-hexagonF.hover{fill:#54348c}.svg-hexagonG{fill:#ec6725}.svg-hexagonG.hover{fill:#9d3d0e}.svg-hexagonH{fill:#56b60e}.svg-hexagonH.hover{fill:#295707}.svg-hitBtn{cursor:pointer;fill:transparent}.svg-hitBtn:focus{outline-width:2px;outline-offset:5px;outline-style:dashed}.svg-hitBtn[disabled]{pointer-events:none}@media (max-width:1199px){.svg-parent-box[data-mediaquery=xl]{display:none}}@media (min-width:1200px){.svg-parent-box[data-mediaquery=md]{display:none}}@media (max-width:440px){.svg-parent-box[data-mediaquery=md]{display:none}}@media (min-width:441px){.svg-parent-box[data-mediaquery=sm]{display:none}}