*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:1.6;margin:0;padding:0}.wrapper{background:-webkit-gradient(linear,left top,left bottom,from(#0e48a8),to(#00368e));background:linear-gradient(180deg,#0e48a8 0,#00368e 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;overflow:hidden;position:relative}.navbar{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:58px;padding:0 24px;position:fixed;z-index:10000;top:0;left:0;bottom:0;background-color:transparent;-webkit-transition:.2s;transition:.2s}.navbar a{margin-top:4px}@media screen and (max-width:767px){.navbar .pc-logo{display:none}}.navbar .mobile-logo{display:none}@media screen and (max-width:767px){.navbar .mobile-logo{display:inline-block}}@media screen and (max-width:991px){.navbar{height:48px;padding:0 12px}}.navbar.scrolled{background-color:rgba(22,46,88,.8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:1000px;padding:81px 32px 64px 32px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}@media screen and (max-width:1199px){.container{max-width:960px}}@media screen and (max-width:991px){.container{max-width:720px;padding:81px 24px 64px 24px}}@media screen and (max-width:767px){.container{max-width:540px}}.header{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:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}.header .teacher-img{position:relative;z-index:20;width:100%;max-width:735px}@media screen and (max-width:767px){.header .teacher-img{max-width:500px;margin-top:28px}}@media screen and (max-width:540px){.header .teacher-img{max-width:100%}}.header h1{font-size:65px;font-weight:700;line-height:120%;margin-bottom:10px;text-shadow:0 0 10px rgba(0,0,0,.1)}@media screen and (max-width:767px){.header h1{font-size:48px}}.header h2{font-size:35px;font-weight:700;line-height:120%;margin:20px 0 5px 0;text-shadow:0 0 10px rgba(0,0,0,.1)}@media screen and (max-width:767px){.header h2{margin-top:36px;font-size:36px}}.course-container{position:relative;margin-bottom:24px}@media screen and (max-width:767px){.course-container{width:100%}}.course-container.first-grade{padding-top:48px}@media screen and (max-width:767px){.course-container.first-grade{padding-top:28px}}.course-container h3{font-size:28px;font-weight:700;line-height:120%;margin-bottom:24px;padding:24px 0 8px 0;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.1)}@media screen and (max-width:767px){.course-container h3{font-size:24px}}.notice-container{position:relative;margin-top:48px;padding:48px 48px 48px 64px;border-radius:8px;border:1.5px solid #6490b5;background:#162e58;z-index:10}@media screen and (max-width:767px){.notice-container{margin-top:0;padding:24px 24px 24px 48px}}.notice-container ul{position:relative;z-index:10}.notice-container li{font-size:16px;font-weight:500;letter-spacing:.16px}.footer{position:relative;z-index:10;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:48px;padding:64px 0 122px 0;background:#0e2234}@media screen and (max-width:767px){.footer{padding:64px 24px 100px 24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.footer .footer-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:767px){.footer .footer-logo{width:100%;max-width:320px}}.footer .footer-logo img{margin-bottom:12px}.footer .footer-logo img.logo{width:136px;height:auto}.footer .footer-logo .social-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px}.footer .footer-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:767px){.footer .footer-info{width:100%;max-width:320px}}.footer .footer-info h5{font-size:12px;font-weight:400;margin-bottom:12px}.footer .footer-info ul{list-style:none}.footer .footer-info li{font-size:12px;font-weight:400;margin-bottom:12px}.footer .footer-info li:last-child{margin-bottom:0}.footer .footer-info a{color:#fff}.card-list{position:relative;z-index:200;max-width:900px;display:-ms-grid;display:grid;-ms-grid-columns:(242px)[3];grid-template-columns:repeat(3,242px);gap:24px}@media screen and (max-width:991px){.card-list{max-width:540px;-ms-grid-columns:(242px)[2];grid-template-columns:repeat(2,242px)}}@media screen and (max-width:767px){.card-list{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:12px}}.course-card{position:relative;min-width:242px;max-width:242px;border-radius:5px;-webkit-transition:.2s;transition:.2s;height:100%;background-color:#fff;z-index:200}.course-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05);z-index:2}@media screen and (max-width:767px){.course-card{max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:767px){.course-card .info-content{padding:12px 12px 8px 12px;display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:540px){.course-card .info-content{padding:8px}}.course-card .infos-up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:145px;border-radius:5px 5px 0 0;overflow:hidden}@media screen and (max-width:767px){.course-card .infos-up{border-radius:5px;height:110px}}@media screen and (max-width:540px){.course-card .infos-up{height:60px}}.course-card .course-img{width:105%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background-color:#a5a5a5}@media screen and (max-width:767px){.course-card .course-img{width:auto;border-radius:5px}}.course-card .infos-down{padding:12px 12px 4px 12px;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-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px}@media screen and (max-width:767px){.course-card .infos-down{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 0 0 12px}}@media screen and (max-width:540px){.course-card .infos-down{padding:0 0 0 8px}}.course-card .card-discount-container{border-radius:4px;background-color:#feeded;padding:3px;position:relative}.course-card .card-discount-container::after,.course-card .card-discount-container::before{content:"";position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.course-card .card-discount-container::after{left:-8px}.course-card .card-discount-container::before{right:-8px}.course-card .card-discount-content{padding:4px 24px;border:1px dashed #ffcece}.course-card .card-discount-content p{font-size:14px;font-weight:700;color:#bc0000;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-card .card-discount-content span.circle{width:26px;height:26px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#ff4f4f),to(#e03838));background:linear-gradient(to bottom,#ff4f4f 0,#e03838 100%)}.course-card .card-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.course-card .card-price .original-price{font-size:14px;color:#a5a5a5;text-decoration:line-through}.course-card .card-price .discount-price{font-weight:700;color:#e03838}.course-card .course-name,.course-card .course-price{font-size:16px;font-weight:700;color:#555}.course-card .course-price{margin:8px 0;font-size:20px}@media screen and (max-width:767px){.course-card .course-price{margin:0}}.course-card .course-price span{color:#8b8b8b;font-size:14px;font-weight:500}.course-card .card-infos-content{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 12px 12px 12px}@media screen and (max-width:767px){.btn-container{padding:0 8px 8px 8px}}.course-card-btn{width:100%;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;padding:8px 24px;font-size:14px;font-weight:700;border-radius:5px;border:2px solid;-webkit-transition:all .2s ease;transition:all .2s ease;outline:0;cursor:pointer;text-decoration:none}@media screen and (max-width:767px){.course-card-btn{padding:8px 24px}}.course-card-btn.secondary{border-color:#fd9841;background-color:#fd9841;color:#fff}.course-card-btn.secondary:hover{border-color:#f28121;background-color:#f28121}.ad-block{background-color:#fff;border-radius:5px;-webkit-transition:.2s;transition:.2s;padding:8px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ad-block img{width:100%;height:auto}.ad-block:hover{-webkit-transform:scale(1.05);transform:scale(1.05);z-index:2}@media screen and (max-width:767px){.ad-block{display:none}}.footer-img{width:100%;height:1500px;position:absolute;bottom:0;left:0}.decorate-img{position:absolute}.header-light-lg{top:-20%;right:-44%;z-index:101}@media screen and (max-width:991px){.header-light-lg{top:-12%;width:750px;height:750px}}@media screen and (max-width:767px){.header-light-lg{top:-10%;width:650px;height:650px}}@media screen and (max-width:540px){.header-light-lg{top:-6%;width:400px;height:400px}}.header-light-sm{top:11%;left:-15%}.header-light-1-block{top:24%;right:9%}@media screen and (max-width:1199px){.header-light-1-block{right:3%}}@media screen and (max-width:991px){.header-light-1-block{right:4%}}@media screen and (max-width:767px){.header-light-1-block{right:-4%;top:14%}}@media screen and (max-width:767px){.header-light-1-block{top:17%}}.header-light-2-block{top:5%;left:21%}@media screen and (max-width:1199px){.header-light-2-block{left:13%}}@media screen and (max-width:991px){.header-light-2-block{left:13%}}@media screen and (max-width:991px){.header-light-2-block{top:3%;left:3%}}@media screen and (max-width:540px){.header-light-2-block{top:2.3%;left:-1%;width:50px;height:50px}}.header-light-line{top:-17%;left:-18%;width:150%;height:auto}@media screen and (max-width:1199px){.header-light-line{top:-10%}}@media screen and (max-width:991px){.header-light-line{top:-2%}}@media screen and (max-width:767px){.header-light-line{top:3%}}.footer-light-lg{left:80%;top:-55%}@media screen and (max-width:767px){.footer-light-lg{left:65%}}@media screen and (max-width:540px){.footer-light-lg{left:25%;top:0}}.footer-light-sm{left:-48%}@media screen and (max-width:991px){.footer-light-sm{left:-77%;top:-78%}}.footer-light-line{bottom:-40%;left:-18%;width:150%;height:auto}@media screen and (max-width:1199px){.footer-light-line{bottom:-23%}}@media screen and (max-width:991px){.footer-light-line{bottom:-13%}}@media screen and (max-width:767px){.footer-light-line{bottom:10%}}@media screen and (max-width:540px){.footer-light-line{bottom:18%}}.footer-light-1-block{bottom:22%;right:8%;z-index:30}@media screen and (max-width:1199px){.footer-light-1-block{right:1%}}@media screen and (max-width:991px){.footer-light-1-block{right:4%}}@media screen and (max-width:767px){.footer-light-1-block{bottom:34%}}@media screen and (max-width:540px){.footer-light-1-block{right:-3%}}.footer-light-2-block{bottom:37%;left:4%}@media screen and (max-width:991px){.footer-light-2-block{bottom:46%}}@media screen and (max-width:767px){.footer-light-2-block{bottom:60%;left:2%}}@media screen and (max-width:540px){.footer-light-2-block{bottom:64%;left:-6%}}