@charset "UTF-8";.swiper,.swiper-phone{width:100%;height:100%}.swiper .swiper-slide,.swiper-phone .swiper-slide{overflow:hidden}.swiper .headerLink,.swiper-phone .headerLink{position:absolute;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.swiper .img-box,.swiper-phone .img-box{height:100%!important}.swiper .img-box img,.swiper-phone .img-box img{-o-object-fit:cover;object-fit:cover;height:100%!important}.swiper .swiper-button,.swiper-phone .swiper-button{width:44px;height:44px;-webkit-filter:drop-shadow(0 0 6px rgba(0, 0, 0, .35));filter:drop-shadow(0 0 6px rgba(0, 0, 0, .35));background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important}.swiper .swiper-button::after,.swiper-phone .swiper-button::after{display:none}.swiper .swiper-button-next,.swiper-phone .swiper-button-next{background-image:url(../img/banner-arrow-right.svg)!important}.swiper .swiper-button-prev,.swiper-phone .swiper-button-prev{background-image:url(../img/banner-arrow-left.svg)!important}.swiper .swiper-pagination-bullet-active,.swiper-phone .swiper-pagination-bullet-active{background:#fff}.swiper .swiper-pagination-bullet-active,.swiper-phone .swiper-pagination-bullet-active{background:#fd9841}@media (max-width:767px){#desktopBanner{display:none}}@media (min-width:768px){#phoneBanner{display:none}}@media screen and (max-width:1199px){.container{max-width:964px}}@media screen and (max-width:991px){.container{max-width:720px}}@media screen and (max-width:767px){.container{max-width:540px}}header{position:relative;margin-top:52px;background-color:var(--light-gray)}@media screen and (max-width:991px){header{margin-top:48px}}header .row{height:240px;overflow:hidden}@media screen and (max-width:991px){header .row{height:180px}}@media screen and (max-width:539px){header .row{height:140px}}header .col{height:100%;text-align:center}header picture{height:100%}header a,header img,header picture{height:100%}@media screen and (min-width:1920px){header a,header img,header picture{width:100%;height:auto}}section{background-color:var(--light-gray)}section .section-title{font-size:20px;color:var(--blue)}@media screen and (max-width:767px){section .section-title{font-size:18px}}section .option-text{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%;font-size:14px;text-align:center;letter-spacing:1px;color:var(--orange)}section hr{width:100%;border:.5px solid #ddd;margin-top:10px;margin-bottom:0}#section2 .select-system{width:150px;height:170px;margin:0 18px 0 18px;text-align:center;background-color:var(--white);border-radius:5px;border:1px solid rgba(255,255,255,0);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-transition:.3s;transition:.3s;position:relative}#section2 .select-system img{width:90%;max-width:135px}#section2 .select-system .text-group{width:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:120px}#section2 .select-system .text-group h6{color:var(--blue);font-weight:500}#section2 .select-system .text-group .option-span{display:block;font-size:12px;letter-spacing:1px;color:var(--orange)}#section2 .select-system:hover{border:1px solid var(--orange)}@media screen and (max-width:4000px){#section2 .select-system:nth-child(n+7){margin-top:36px}}@media screen and (max-width:1199px){#section2 .select-system:nth-child(n+5){margin-top:36px}}@media screen and (max-width:991px){#section2 .select-system:nth-child(n+5){margin-top:0}#section2 .select-system:nth-child(n+4){margin-top:36px}}@media screen and (max-width:767px){#section2 .select-system{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;width:100%;max-width:260px;height:75px;margin:0 0 24px 0;overflow:hidden}#section2 .select-system img{width:auto;height:120%}#section2 .select-system .text-group{width:30%;position:relative;left:0;-webkit-transform:translateX(0);transform:translateX(0);top:auto;margin:0 12px 0 12px}#section2 .select-system .text-group h6{font-size:1.25rem}#section2 .select-system:nth-child(n+4){margin-top:0}}#section2 .products-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:900px}@media screen and (max-width:991px){#section2 .products-container{width:600px}}@media screen and (max-width:767px){#section2 .products-container{display:block;width:100%}}#section2 .tried-content p{text-align:center;max-width:420px;color:var(--dark-gray)}@media screen and (max-width:767px){#section2 .tried-content p{max-width:250px}}#section2 .tried-content span{display:block}@media screen and (max-width:767px){#section2 .tried-content span{display:inline}}#section1 .btn-group .btn{color:var(--blue);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:16px;margin-left:0;margin-right:12px;margin-top:5px;margin-bottom:5px}#section1 .btn-group .btn:hover{-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}#section1 .btn-group .btn:active{color:var(--white);background-color:var(--blue)}@media screen and (max-width:991px){#section1 .btn-group .btn{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 20%;flex:1 0 20%;margin:0 0}#section1 .btn-group .btn:nth-child(n+2){margin-left:12px}#section1 .btn-group .btn:nth-child(5n){margin-left:0}#section1 .btn-group .btn:nth-child(n+5){margin-top:12px}}@media screen and (max-width:767px){#section1 .btn-group .btn{-webkit-box-flex:1;-ms-flex:1 0 45%;flex:1 0 45%}#section1 .btn-group .btn:nth-child(n+2){margin-left:0}#section1 .btn-group .btn:nth-child(5n){margin-left:0}#section1 .btn-group .btn:nth-child(n+5){margin-top:0}#section1 .btn-group .btn:nth-child(even){margin-left:12px}#section1 .btn-group .btn:nth-child(n+3){margin-top:12px}}#section1 .btn-group .system-active{color:var(--white);background-color:var(--blue)}@media screen and (max-width:767px){#section1 .filter-container{background-color:#fff;border-radius:5px;padding:0 24px 24px 24px;margin-top:18px}}#section1 .tab-group{margin-top:18px;border-radius:5px 5px 0 0}@media screen and (max-width:767px){#section1 .tab-group{position:relative;padding:56px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;margin-top:0;margin-bottom:0}#section1 .tab-group::after{content:"年級";position:absolute;top:20px;left:0;font-size:16px;font-weight:500;color:var(--dark-gray)}}#section1 .tab-group .teb-btn-text{padding:0 30px;letter-spacing:1px;color:var(--more-gray);font-weight:300;border-left:.5px solid #c2c2c2;border-right:.5px solid #c2c2c2}@media screen and (max-width:991px){#section1 .tab-group .teb-btn-text{font-size:16px}}@media screen and (max-width:767px){#section1 .tab-group .teb-btn-text{font-size:14px;color:var(--blue);padding:0;border:none}}#section1 .tab-group .teb-btn{padding:12px 0;background-color:#eaeaea;border-radius:5px 5px 0 0}#section1 .tab-group .teb-btn:first-child .teb-btn-text{border-right:.5px solid #c2c2c2;border-left:none}#section1 .tab-group .teb-btn:last-child .teb-btn-text{border-left:.5px solid #c2c2c2;border-right:none}#section1 .tab-group .teb-btn.system-active{background-color:#fff}#section1 .tab-group .teb-btn.system-active .teb-btn-text{font-weight:500;color:var(--blue);border-right:none;border-left:none}@media screen and (max-width:767px){#section1 .tab-group .teb-btn{background-color:#fff;color:var(--blue);margin-right:8px;margin-bottom:8px;padding:8px 24px;border-radius:50px;border:1px solid var(--blue)}#section1 .tab-group .teb-btn:first-child .teb-btn-text{border:none}#section1 .tab-group .teb-btn:last-child .teb-btn-text{border:none}#section1 .tab-group .teb-btn.system-active{background-color:var(--blue)}#section1 .tab-group .teb-btn.system-active .teb-btn-text{font-weight:500;color:#fff}}#section1 .select-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#section1 .select-group eh-form-select{width:200px;margin:0 6px}#section1 .select-group eh-form-select:nth-child(1){margin-left:0}@media screen and (max-width:991px){#section1 .select-group eh-form-select{-webkit-box-flex:1;-ms-flex:1 0 45%;flex:1 0 45%;margin:0 0}#section1 .select-group eh-form-select:nth-child(odd){margin-right:6px}#section1 .select-group eh-form-select:nth-child(even){margin-left:6px}#section1 .select-group eh-form-select:nth-child(n+3){margin-top:12px}}@media screen and (max-width:767px){#section1 .select-group eh-form-select{-webkit-box-flex:1;-ms-flex:1 0 60%;flex:1 0 60%;margin:0 0}#section1 .select-group eh-form-select:nth-child(odd){margin-right:0}#section1 .select-group eh-form-select:nth-child(even){margin-left:0}#section1 .select-group eh-form-select:nth-child(n+2){margin-top:12px}}.checkbox-container{background-color:#fff;padding:24px;width:100%;border-radius:0 0 5px 5px}@media screen and (max-width:767px){.checkbox-container{padding:0;margin-top:12px}}.checkbox-container .checkbox-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.checkbox-container .checkbox-group:last-child{margin-bottom:0}@media screen and (max-width:991px){.checkbox-container .checkbox-group{-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;margin-bottom:12px}}@media screen and (max-width:767px){.checkbox-container .checkbox-group{margin-bottom:0}.checkbox-container .checkbox-group:first-child{margin-bottom:12px}}.checkbox-container .checkbox-group-name{font-weight:500;color:var(--dark-gray);margin-right:8px}@media screen and (max-width:991px){.checkbox-container .checkbox-group-name{font-size:16px;margin-bottom:4px}}@media screen and (max-width:991px){.checkbox-container .checkbox-group-name span{display:none}}.checkbox-container .checkbox-group-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--dark-gray)}@media screen and (max-width:991px){.checkbox-container .checkbox-group-value{font-size:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}}.checkbox-container .checkbox-group-value input{margin-right:4px}.checkbox-container .subject-checkbox-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:8px}.checkbox-container .subject-checkbox-container:last-child{margin-right:0}@media screen and (max-width:991px){.checkbox-container .subject-checkbox-container{margin-bottom:4px;margin-top:4px}}#tryContent .row{background-color:#fff;height:250px;padding:24px 36px;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;border-radius:10px}#hintBlock{width:100%}#hintBlockText{margin-top:24px;height:250px;padding:24px 36px;width:100%;background-color:#fff;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;border-radius:10px;font-size:18px;font-weight:500;color:var(--more-gray);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}@-webkit-keyframes tab-line-animation{0%{opacity:0}100%{opacity:1}}@keyframes tab-line-animation{0%{opacity:0}100%{opacity:1}}