@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,a{font-family:"Roboto", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;font-size:inherit}img,object,embed,video{max-width:100%}.ie6 img{width:100%}body{color:#000;background:#fff;font-size:15px;min-width:320px;overflow-x:hidden}.fixed_btn{position:fixed;bottom:100px;right:0;z-index:999;max-height:200px}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:auto}}.cp-tips,.cp-tips-ie10{width:100%;line-height:1.6;text-align:center;color:#996600;background-color:#ffefc6;padding:10px;font-size:16px}.cp-tips p,.cp-tips-ie10 p{margin:0}.cp-tips a,.cp-tips-ie10 a{color:#f75c61;text-decoration:underline}.cp-tips .cp-tips-close,.cp-tips-ie10 .cp-tips-close{position:absolute;top:10px;right:10px;display:block;width:22px;height:22px;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}.cp-tips .cp-tips-close:before,.cp-tips-ie10 .cp-tips-close:before{content:"";position:absolute;width:100%;border-top:1px solid #996600;top:50%;left:0}.cp-tips .cp-tips-close:after,.cp-tips-ie10 .cp-tips-close:after{content:"";position:absolute;height:100%;border-left:1px solid #996600;top:0;left:50%}.cp-tips-ie10{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.cp-tips-ie10{display:block}.all-content{display:none}}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0}p{line-height:1.4;margin-bottom:0}ul,ol{padding:0;margin:0}a{text-decoration:none;color:inherit}.text-hidden{text-indent:-9999px;height:0;margin:0}.header{border-bottom:1px solid #ebebeb !important}.twlogo p{display:none !important}.container{padding-left:20px;padding-right:20px}.all-content{font-size:18px;overflow-x:hidden}.kv{height:863px;background:url(../images/kv_bg.jpg) no-repeat center/auto 100%;font-weight:900;overflow:hidden}.kv .inner{position:relative;max-width:1420px;margin:0 auto;height:100%}.kv .inner>*{position:absolute}.kv h3{top:17.2%;left:5.8%;font-size:65px;line-height:130%;font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.kv h3 span{white-space:nowrap;overflow:hidden}.kv h3 .st1{-webkit-animation:animated-text1 0.24s steps(2, end) 0.4s 1 normal both;animation:animated-text1 0.24s steps(2, end) 0.4s 1 normal both}.kv h3 .st2{-webkit-animation:animated-text2 0.96s steps(8, end) 0.64s 1 normal both;animation:animated-text2 0.96s steps(8, end) 0.64s 1 normal both}.kv h3 .st3{-webkit-animation:animated-text3 0.6s steps(5, end) 1.6s 1 normal both;animation:animated-text3 0.6s steps(5, end) 1.6s 1 normal both}@-webkit-keyframes animated-text1{from{width:0}to{width:2em}}@keyframes animated-text1{from{width:0}to{width:2em}}@-webkit-keyframes animated-text2{from{width:0}to{width:8em}}@keyframes animated-text2{from{width:0}to{width:8em}}@-webkit-keyframes animated-text3{0%{width:0;background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}20%,39.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817));background:linear-gradient(to right, #ffa817 0%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}40%,59.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(50%, #ffa817), color-stop(50%, #ff5d21));background:linear-gradient(to right, #ffa817 0%, #ffa817 50%, #ff5d21 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}60%,79.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(33%, #ffa817), color-stop(33%, #ff5d21), color-stop(66%, #ff5d21), color-stop(66%, #ff5dd4));background:linear-gradient(to right, #ffa817 0%, #ffa817 33%, #ff5d21 33%, #ff5d21 66%, #ff5dd4 66%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}80%,99.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(25%, #ffa817), color-stop(25%, #ff5d21), color-stop(50%, #ff5d21), color-stop(50%, #ff5dd4));background:linear-gradient(to right, #ffa817 0%, #ffa817 25%, #ff5d21 25%, #ff5d21 50%, #ff5dd4 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}100%{width:5em;background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(20%, #ffa817), color-stop(20%, #ff5d21), color-stop(40%, #ff5d21), color-stop(40%, #ff5dd4));background:linear-gradient(to right, #ffa817 0%, #ffa817 20%, #ff5d21 20%, #ff5d21 40%, #ff5dd4 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@keyframes animated-text3{0%{width:0;background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}20%,39.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817));background:linear-gradient(to right, #ffa817 0%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}40%,59.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(50%, #ffa817), color-stop(50%, #ff5d21));background:linear-gradient(to right, #ffa817 0%, #ffa817 50%, #ff5d21 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}60%,79.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(33%, #ffa817), color-stop(33%, #ff5d21), color-stop(66%, #ff5d21), color-stop(66%, #ff5dd4));background:linear-gradient(to right, #ffa817 0%, #ffa817 33%, #ff5d21 33%, #ff5d21 66%, #ff5dd4 66%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}80%,99.9%{background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(25%, #ffa817), color-stop(25%, #ff5d21), color-stop(50%, #ff5d21), color-stop(50%, #ff5dd4));background:linear-gradient(to right, #ffa817 0%, #ffa817 25%, #ff5d21 25%, #ff5d21 50%, #ff5dd4 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}100%{width:5em;background:-webkit-gradient(linear, left top, right top, from(#ffa817), color-stop(20%, #ffa817), color-stop(20%, #ff5d21), color-stop(40%, #ff5d21), color-stop(40%, #ff5dd4));background:linear-gradient(to right, #ffa817 0%, #ffa817 20%, #ff5d21 20%, #ff5d21 40%, #ff5dd4 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.kv .main_content{right:6%;top:13%;width:67%;height:74%}.kv .wrapper{position:absolute}.kv .wrapper>*{position:absolute}.kv .wrapper>p{background:#fff;-webkit-box-shadow:0 0 10px rgba(145,145,145,0.2);box-shadow:0 0 10px rgba(145,145,145,0.2);border-radius:10px;white-space:nowrap}.kv .wrapper>span{color:#fff;font-size:26px;font-weight:900;letter-spacing:1px}.kv .wrapper__1{left:33%;top:0;width:33.5%;height:50%;color:#ffa817}.kv .wrapper__1 .p_1{top:-1%;left:-32%;font-size:28px;padding:5px 20px 5px 25px}.kv .wrapper__1 .p_2{right:-31%;bottom:26%;font-size:18px;padding:10px 20px 10px 25px;font-weight:700}.kv .wrapper__1 span{width:100%;text-align:center;bottom:11%}.kv .wrapper__2{bottom:0;left:0;width:67%;height:44%;color:#ff5d21}.kv .wrapper__2 .p_1{top:20%;left:41%;padding:5px 20px 5px 25px;font-size:18px}.kv .wrapper__2 .p_1 b{font-size:1.5em}.kv .wrapper__2 .p_2{top:43%;left:52.5%;font-size:37px;padding:5px 14px 5px 23px}.kv .wrapper__2 span{right:14.5%;bottom:12%}.kv .wrapper__3{top:0;right:0;width:29.5%;height:100%;color:#ff5dd4}.kv .wrapper__3 .p_1{top:10%;left:21%;padding:5px 6px 5px 25px;font-size:28px;font-weight:700}.kv .wrapper__3 .p_2{top:16%;left:33%;font-size:37px;padding:3px 14px 3px 23px;-webkit-box-shadow:0 4px 10px rgba(145,145,145,0.2);box-shadow:0 4px 10px rgba(145,145,145,0.2)}.kv .wrapper__3 span{width:100%;text-align:center;bottom:3.6%}.block_style{padding:6em 0}.block_title{text-align:center;font-size:1.7em;margin-bottom:2em}.block_title>*:first-child{position:relative;font-weight:900;color:#19199b;font-size:1.3em;padding-bottom:20px;margin-bottom:20px}.block_title>*:first-child::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;height:6px;border-radius:50em;background:#ff5dd4}.wang{padding-top:6em;background:url(../images/deco1.png) no-repeat -5% 110%/200px auto,url(../images/deco2.png) no-repeat 102% 10%/100px auto,#ffece1}.wang .align-self-start img,.wang .align-self-end img{max-width:50px}.wang .align-self-start{padding-bottom:2em}.wang .align-self-end{padding-top:2em}.wang h2{line-height:1.5;text-align:start;font-size:1.7em}.wang h2 b{color:#fd5000}.feature{background:#ebf5ff;overflow:hidden}.feature .wrapper{position:relative;padding:0 30px 30px 30px}.feature .wrapper::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:calc(100% - 90px);border-radius:30px;background:#fff;-webkit-box-shadow:0 0 10px rgba(145,145,145,0.2);box-shadow:0 0 10px rgba(145,145,145,0.2)}.feature .wrapper>*{position:relative}.feature .brand{width:178px;height:178px;border-radius:50%;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;margin:0 auto;border:12px solid #fff}.feature h4{margin:10px 0;font-weight:900;font-size:1.2em}.feature ol li{padding:5px 20px;text-align:center;border-radius:50em}.feature ol li:not(:first-child){margin-top:10px}.feature .col-lg-4:nth-child(1) .brand{background:#ffb300}.feature .col-lg-4:nth-child(1) h4{color:#ffb300}.feature .col-lg-4:nth-child(1) li{background:#fff7e1}.feature .col-lg-4:nth-child(2) .brand{background:#ff66cc}.feature .col-lg-4:nth-child(2) h4{color:#ff66cc}.feature .col-lg-4:nth-child(2) li{background:#ffecfb}.feature .col-lg-4:nth-child(3) .brand{background:#fd5000}.feature .col-lg-4:nth-child(3) h4{color:#fd5000}.feature .col-lg-4:nth-child(3) li{background:#ffece1}div[class^="info-"]{position:relative;border-top-left-radius:75px;border-top-right-radius:75px;margin-top:-75px}div[class^="info-"] .title{position:absolute;left:0;top:-54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}div[class^="info-"] .title .brandtitle{background:#fff;padding:20px 40px;border-radius:50em}div[class^="info-"] .content{border-radius:10px;padding:60px}div[class^="info-"] h3{font-size:38px;color:#fff}div[class^="info-"] h3 b{font-weight:900}div[class^="info-"] .info-label{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:15px 0 25px}div[class^="info-"] .info-label li{padding:5px 20px;border-radius:50em;background:#fff}div[class^="info-"] .story{background:#fff;border-radius:20px;padding:50px}div[class^="info-"] .story .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}div[class^="info-"] .story .col-md-3{text-align:center}div[class^="info-"] .story .col-md-3 img{max-width:60%}div[class^="info-"] .story h4{color:#19199b;font-weight:700;font-size:30px;padding-bottom:15px;margin-bottom:15px}div[class^="info-"] .story .col-md-9 b{font-weight:400}.brandInfo{overflow:hidden}.brandInfo .block_style.top{padding-bottom:8em}.info-kids{background:#fff7e1;padding-bottom:12em !important}.info-kids .brandtitle{border:6px solid #ffb300}.info-kids .content{background:#ffb300}.info-kids .info-label,.info-kids .col-md-9 b,.info-kids .story h4 span{color:#ffb300}.info-kids .story h4{border-bottom:2px solid #ffb300}.info-Junior{background:#ffecfb;padding-bottom:12em !important}.info-Junior .brandtitle{border:6px solid #ff66cc}.info-Junior .content{background:#ff66cc}.info-Junior .info-label,.info-Junior .col-md-9 b,.info-Junior .story h4 span{color:#ff66cc}.info-Junior .story h4{border-bottom:2px solid #ff66cc}.info-Teens{background:#ffece1;padding-bottom:12em !important}.info-Teens .brandtitle{border:6px solid #ff7d37}.info-Teens .content{background:#ff7d37}.info-Teens .info-label,.info-Teens .col-md-9 b,.info-Teens .story h4 span{color:#ff7d37}.info-Teens .story h4{border-bottom:2px solid #ff7d37}.info-TutorABC{background:#fff}.info-TutorABC .title{top:-44px !important}.info-TutorABC .brandtitle{border:6px solid #0034d4}.info-TutorABC .block_title span{color:#7d19c8}.info-TutorABC .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:50px}@media (min-width: 1400px){.container{max-width:1100px}.form_body .container{max-width:1000px}}@media only screen and (max-width: 1420px){.kv{height:60.7vw;background-size:auto 100%}.kv h3{font-size:4.57vw}.kv .wrapper>p{border-radius:0.7vw}.kv .wrapper>span{font-size:1.83vw}.kv .wrapper__1 .p_1{font-size:1.97vw;padding:0.35vw 1.4vw 0.35vw 1.76vw}.kv .wrapper__1 .p_2{font-size:1.26vw;padding:0.7vw 1.4vw 0.7vw 1.76vw}.kv .wrapper__2 .p_1{padding:0.35vw 1.4vw 0.35vw 1.76vw;font-size:1.26vw}.kv .wrapper__2 .p_2{font-size:2.6vw;padding:0.35vw 0.98vw 0.35vw 1.61vw}.kv .wrapper__3 .p_1{padding:0.35vw 0.42vw 0.35vw 1.76vw;font-size:1.97vw}.kv .wrapper__3 .p_2{font-size:2.6vw;padding:0.21vw 0.98vw 0.21vw 1.61vw}}@media only screen and (max-width: 1199px){.all-content{font-size:1.15em}}@media only screen and (max-width: 767px){.all-content{font-size:1.15em}.block_title{font-size:1.4em}.kv{height:135vw;background:url(../images/kv_bg-m.jpg) no-repeat center/cover}.kv h3{font-size:8.8vw;top:9.4%;left:6.4%}.kv .main_content{top:41%;right:6.5%;width:88.5%;height:51.5%}.kv .wrapper>p{border-radius:1.05vw}.kv .wrapper>span{font-size:2.74vw}.kv .wrapper__1{left:21.6%;width:39%;height:50%}.kv .wrapper__1 .p_1{font-size:3vw;padding:0.52vw 2.1vw 0.52vw 2.64vw}.kv .wrapper__1 .p_2{font-size:1.9vw;padding:1.05vw 2.1vw 1.05vw 2.64vw}.kv .wrapper__2{width:61%}.kv .wrapper__2 .p_1{padding:0.52vw 2.1vw 0.52vw 2.64vw;font-size:1.9vw;left:52%}.kv .wrapper__2 .p_2{font-size:3.9vw;padding:0.52vw 1.47vw 0.52vw 2.41vw;left:40%}.kv .wrapper__2 span{right:20%}.kv .wrapper__3{width:35%}.kv .wrapper__3 .p_1{padding:0.52vw 0.63vw 0.52vw 2.64vw;font-size:2.95vw;left:0}.kv .wrapper__3 .p_2{font-size:3.9vw;padding:0.31vw 1.47vw 0.31vw 2.41vw;left:13%}.wang{padding-top:2em}.wang .align-self-start img,.wang .align-self-end img{max-width:25px}div[class^="info-"] .content{padding:40px}div[class^="info-"] h3{font-size:32px}div[class^="info-"] .story h4{font-size:26px;margin-top:20px}}@media only screen and (max-width: 575px){.all-content{font-size:1.1em}.block_style{padding:4em 0}.block_title{font-size:1.25em}.brandInfo .block_style.top{padding-bottom:5em}div[class^="info-"]{border-top-left-radius:40px;border-top-right-radius:40px;margin-top:-40px}div[class^="info-"] .title{top:-41px}div[class^="info-"] .title .brandtitle{padding:15px 30px;border-width:4px}div[class^="info-"] .title .brandtitle img{width:160px}div[class^="info-"] .content{border-radius:20px}div[class^="info-"] .content{padding:30px}div[class^="info-"] h3{font-size:24px}div[class^="info-"] .story{padding:30px}div[class^="info-"] .story h4{font-size:22px;border-width:1px}div[class^="info-"] .info-label{font-size:0.85em}.info-kids,.info-Junior,.info-Teens{padding-bottom:8em !important}.info-TutorABC .block_title span{display:block}.info-TutorABC .title{top:-33px !important}.info-TutorABC .list{gap:30px}.info-TutorABC .list img:nth-child(1),.info-TutorABC .list img:nth-child(2){width:175px}.info-TutorABC .list img:nth-child(3){width:210px}.info-TutorABC .list img:nth-child(4){width:140px}.info-TutorABC .list img:nth-child(5){width:105px}}@media only screen and (max-width: 460px){.all-content{font-size:1.1em}.feature .wrapper::before{height:calc(100% - 75px)}.feature .brand{width:150px;height:150px;border-width:8px;padding:10px}}
