@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 a,header img,header picture{height:100%}@media screen and (min-width:1920px){header a,header img,header picture{width:100%;height:auto}}#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)}.wrap-top{padding-top:24px;padding-bottom:36px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.wrap-top hr{width:100%;border:.5px solid #ddd;margin-top:10px;margin-bottom:0}.wrap-top.remove-margin{margin-top:0}@media screen and (max-width:991px){.wrap-top.remove-margin{margin-top:0}}.slide-title{display:inline-block;color:var(--blue);font-size:20px;font-weight:500}@media screen and (max-width:767px){.slide-title{font-size:18px}}.slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.slider-container{position:relative;width:1136px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-product-new{width:900px;overflow:hidden;padding-bottom:40px}.products-grid{-webkit-transition:-webkit-transform .5s ease 0s;transition:-webkit-transform .5s ease 0s;transition:transform .5s ease 0s;transition:transform .5s ease 0s,-webkit-transform .5s ease 0s;-webkit-transition:all .3s;transition:all .3s;position:relative;white-space:nowrap;font-size:0;letter-spacing:normal}.cardContainer{font-size:16px;display:inline-block;width:274.5px;height:453px;margin:24px 24px 0 0;border-radius:5px;position:relative;-webkit-transition:.3s;transition:.3s}.btn-cancel{position:absolute;right:0;top:12px;z-index:500;cursor:pointer;-webkit-transition:.3s;transition:.3s}.btn-cancel:hover{-webkit-transform:scale(.9);transform:scale(.9)}.card-alert{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#a5a5a5;font-size:18px;letter-spacing:1px}.btn-left{left:0;position:absolute;top:50%;cursor:pointer;font-size:16px}@media screen and (max-width:1199px){.btn-left{left:-24px}}@media screen and (max-width:767px){.btn-left{display:none}}.btn-right{right:0;position:absolute;top:50%;cursor:pointer;font-size:16px}@media screen and (max-width:1199px){.btn-right{right:-24px}}@media screen and (max-width:767px){.btn-right{display:none}}.arrow{fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}@media screen and (max-width:991px){.slider-container{width:616px}.home-product-new{width:600px}}@media screen and (max-width:767px){.slider-container{width:100%;max-width:540px}.home-product-new{width:100%;max-width:540px;overflow:visible}.cardContainer{width:100%;display:block;height:170px;margin:12px 0 0 0}.cardContainer:nth-child(2){margin:0}.products-select{width:100%}.products-grid{display:block;padding-top:12px;left:0!important}.cardContainer{display:block;width:100%}.btn-left,.btn-right{display:none}.card-alert{font-size:16px}.btn-cancel{right:-8px;top:-8px}}section{background-color:var(--light-gray)}section .section-title{display:inline-block;color:var(--blue);font-size:20px;font-weight:500}@media screen and (max-width:767px){section .section-title{font-size:18px}}section hr{width:100%;border:.5px solid #ddd;margin-top:10px;margin-bottom:0}#section1{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#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)}#section1 .btn-group .system-active{color:var(--white);background-color:var(--blue)}#section1 .btn-group .grade-active{color:var(--white);background-color:var(--blue)}#section1 .select-group eh-form-select{width:200px;margin:0 6px}#section1 .select-group eh-form-select:nth-child(1){margin-left:0}#section1 .select-group .btn{font-size:16px;line-height:42px;padding:0 16px}@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}}@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}#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}#section1 .select-group .btn{margin:12px 0 0 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 .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}}#section2 .products-container{width:100%;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 .no-result{width:100%;height:40vh;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;background-color:var(--white);border-radius:5px}#section2 .no-result h4{font-weight:400;letter-spacing:2px;color:var(--gray)}#section2 .result-container{min-width:1136px;height:200px;background-color:#fff;padding:24px 36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:10px}@media screen and (max-width:1199px){#section2 .result-container{min-width:900px}}@media screen and (max-width:991px){#section2 .result-container{min-width:672px}}@media screen and (max-width:767px){#section2 .result-container{min-width:100%}}#section2 .result-container .col-12{-webkit-box-flex:1;-ms-flex:auto;flex:auto}#section2 .result-container a{padding-top:15px}#section2 .result-container p{padding-top:15px;padding-bottom:10px;text-align:center;max-width:420px;color:var(--dark-gray)}@media screen and (max-width:767px){#section2 .result-container p{max-width:250px}}#section2 .result-container span{display:block}@media screen and (max-width:767px){#section2 .result-container span{display:inline}}.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}}.animate-fade-in{-webkit-animation:fadeIn .5s linear forwards;animation:fadeIn .5s linear forwards}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#section3{background-color:#fff;cursor:default}.space-1{letter-spacing:1px}