@charset "UTF-8";
.c-search{display:block;width:100%;background:#fff}.c-search__main{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%}.c-search__main__selectBox{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 0 10px 0}.c-search__main__selectBox__select{width:100%;margin:0 10px 0 0}.c-search__main__selectBox__select:last-child{margin:0}.c-search__main__keyword{width:calc((100% - 20px) / 1.5 + 10px);margin:0 10px 0 0}.c-search__main__keyword__suggest{position:absolute;top:100%;left:0;display:none;width:100%;max-height:300px;background:#fff;box-shadow:0 5px 5px rgba(0,0,0,.1);overflow:hidden;overflow-y:auto;z-index:10;scrollbar-width:thin;scrollbar-color:var(--mainColor) #ddd}.c-search__main__keyword__suggest::-webkit-scrollbar{width:4px}.c-search__main__keyword__suggest::-webkit-scrollbar-thumb{background:var(--mainColor)}.c-search__main__keyword__suggest.show,.c-search__main__keyword__input:focus~.c-search__main__keyword__suggest{display:block}.c-search__main__keyword__suggest__item{width:100%;padding:10px;font-size:14px;cursor:pointer}.c-search__main__keyword__suggest__item:first-child{margin:5px 0 0 0}.c-search__main__keyword__suggest__item:last-child{margin:5px 0 0 0}.c-search__main__keyword__suggest__item:first-child:last-child{margin:5px 0}.c-search__main__keyword__suggest__item.hide{display:none}.c-search__main__keyword__suggest__item:hover{background:#f7f7f7}.c-search__main__more{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:calc((100% - 20px) / 3 - 65px);height:50px;margin:0 10px 0 0;padding:0 0 0 30px;font-size:18px;line-height:1;color:#1a1a23;font-family:'Roboto','NotoSansTC',"Microsoft JhengHei","PingFang",sans-serif}.c-search__main__more::before,.c-search__main__more::after{content:'';position:absolute;top:calc(50% - 1.5px);left:15px;display:block;width:12px;height:3px;background:var(--mainColor);transition:background-color .4s ease-in-out;transform-origin:center}.c-search__main__more::after{transform:rotate(90deg)}.c-search__main__more:hover::before,.c-search__main__more:hover::after{background:var(--subColor)}.c-search__main__more__close{display:none}.c-search__main__more.active::after{display:none}.active .c-search__main__more__open{display:none}.active .c-search__main__more__close{display:block}.c-search__main__submit{display:block;width:55px;height:50px;background:var(--mainColor);border-radius:3px;transition:background-color .4s ease-in-out;overflow:hidden;flex:0 0 auto}.c-search__main__submit::before{content:'';position:absolute;top:calc(50% - 7.5px);left:calc(50% - 7.5px);width:15px;height:15px;background:url(/assets/images/common/icon_magnifier_white.svg) center no-repeat;background-size:contain}.c-search__main__submit:hover{background:var(--subColor)}.c-search__main__submit input{opacity:0}.c-search__filter{display:none;width:100%;margin:30px 0 0 0}.c-search__filter.active{display:block}.c-search__filter__box{display:block;width:100%;padding:25px 10px 20px 25px;border-top:1px solid #dbdbdb}.c-search__filter__box__title{display:block;width:100%;margin:0 0 10px 0;font-size:17px;color:#1a1a23;font-family:'Roboto-M','NotoSansTC-M'}.c-search__filter__box__list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.c-search__filter__box__list__item{display:none;width:calc(25% - 15px);max-width:100%;margin:0 15px 5px 0}.c-search__filter__box__list.active .c-search__filter__box__list__item,.c-search__filter__box__list__item:nth-child(n+1):nth-child(-n+8){display:flex}div.c-search__filter__box__list__item::after{content:'';position:relative;top:calc(.8em - 3px);display:block;width:12px;height:6px;margin:0 0 0 5px;background:url(/assets/images/common/icon_arrow_bottom_gray.svg) center no-repeat;background-size:contain;flex:0 0 auto}div.c-search__filter__box__list__item>.c-checkbox__text{font-family:'Roboto','NotoSansTC'}div.c-search__filter__box__list__item>input{pointer-events:none}.c-search__filter__box__list__hr{width:100%}.c-search__filter__box__switch{display:inline-flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:20px 0 10px 0;padding:5px 0;font-size:14px;line-height:1;color:var(--mainColor);font-family:'Roboto','NotoSansTC'}.c-search__filter__box__switch::before{content:'顯示所有';padding:0 5px 0 0}.c-search__filter__box__switch::after{content:'';position:relative;display:block;width:12px;height:6px;margin:0 0 0 7.5px;background:url(/assets/images/common/icon_arrow_bottom_blue.svg) center no-repeat;background-size:contain;flex:0 0 auto}.c-search__filter__box__switch:hover,.c-search__filter__box__list.active~.c-search__filter__box__switch{color:var(--subColor)}.c-search__filter__box__list.active~.c-search__filter__box__switch::before{content:'收合部分'}.c-search__filter__box__switch:hover::after,.c-search__filter__box__list.active~.c-search__filter__box__switch::after{background-image:url(/assets/images/common/icon_arrow_bottom_yellow.svg)}.c-search__filter__box__list.active~.c-search__filter__box__switch::after{transform:scaleY(-1)}.c-search__filter__box__switch.hide{display:none}.c-search__filter__tool{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;margin:30px 0 20px 0}.c-search__filter__tool__reset{width:auto;max-width:calc(50% - 10px);margin:0 20px 0 0;cursor:pointer}.c-search__filter__tool__reset input{width:auto;height:40px;padding:0;font-size:14px;color:#333;background:none;cursor:pointer}.c-search__filter__tool__reset:hover input{text-decoration:underline}.c-search__filter__tool__submit{width:90px;max-width:200px}@media screen and (min-width:768px){[data-style="noBg"] .c-search__main__selectBox__select{background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%) center right no-repeat,url(/assets/images/common/icon_arrow_bottom.svg) calc(100% - 20px) center no-repeat;background-size:1px 30px,14px auto}[data-style="noBg"] .c-search__main__selectBox__select:last-child{background:url(/assets/images/common/icon_arrow_bottom.svg) calc(100% - 20px) center no-repeat;background-size:14px auto}.c-search__main__keyword{background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 100%) center right no-repeat;background-size:1px 30px}[data-style="noBg"] input{background-color:transparent}}@media screen and (max-width:1600px){.c-search__main__more{font-size:14px}}@media screen and (max-width:1300px){.c-search__main__more{padding:0 0 0 20px}.c-search__main__more::before,.c-search__main__more::after{left:5px}}@media screen and (max-width:991px){}@media screen and (max-width:767px){.c-search__main__selectBox{display:block}.c-search__main__selectBox__select{width:100%;margin:0 0 10px 0}.c-search__main__keyword{width:100%;margin:0 0 10px 0}.c-search__main__more{width:calc(100% - 65px)}.c-search__filter__box__list__item{width:calc(50% - 15px);margin:0 15px 5px 0}}@media screen and (max-width:575px){.c-search__filter__box__list__item{width:auto;min-width:calc(50% - 15px);margin:0 15px 5px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.c-mapBox{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:450px;padding:15px}.c-mapBox__pic{display:block;width:150px;padding:150px 0 0 0;background:url(/assets/images/common/icon_unload.svg) center no-repeat #f0f1f1;background-size:45px auto;flex:0 0 auto}.c-mapBox__pic:hover,.c-mapBox__pic:focus{outline:none}.c-mapBox__pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-mapBox__content{display:block;width:100%;padding:20px;flex:0 1 auto}.c-mapBox__content__title{display:block;width:100%;margin:0 0 10px 0;font-size:14px;font-family:'Roboto-B','NotoSansTC-B';letter-spacing:-1px}.c-mapBox__content__address{display:block;width:100%;font-size:14px;color:#c2c2c2;font-family:'Roboto-L','NotoSansTC-L';text-transform:capitalize}.c-mapBox__content__link{display:inline-block;width:auto;max-width:100%;font-size:13px;line-height:1.2;color:#1a73e8;font-family:'NotoSansTC';text-underline-offset:2px}.c-mapBox__content__link:hover{text-decoration:underline}.gm-style .gm-style-iw-tc{overflow:visible}.gm-style .gm-style-iw-tc::before{content:'';position:absolute;top:calc(100% - 1.5px);left:calc(50% - 15px);width:30px;height:42.75px;background:url(/assets/images/common/icon_map_pin_orange.svg) center no-repeat;background-size:contain;pointer-events:none}.c-mapBox-little{display:block;padding:0}.c-mapBox-little .c-mapBox__content{margin:15px 0 0 0;padding:0}@media screen and (max-width:991px){.c-mapBox-little{display:flex;padding:15px}.c-mapBox-little .c-mapBox__content{margin:0;padding:20px}}@media screen and (max-width:767px){.c-mapBox-little{display:block;padding:0}.c-mapBox-little .c-mapBox__content{margin:15px 0 0 0;padding:0}}@media screen and (max-width:575px){}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}
.schoolDetail__search{padding:40px 0}.schoolDetail__content{left:-15px;display:flex;width:calc(100% + 30px);padding:0 0 50px 0}.schoolDetail__content__intro,.schoolDetail__content__card{display:block;padding:0 15px}.schoolDetail__content__intro{width:calc(100% - 390px);margin:0 0 50px 0}.schoolDetail__content__card{width:390px}.schoolDetail__content__intro__school{margin:0 0 30px 0}.schoolDetail__content__intro__pic{display:block;margin:0 0 50px 0}.schoolDetail__content__intro__list{border-top:1px solid #bdbdbd;padding:30px 0}.schoolDetail__content__intro__list__title{margin:0 0 10px 0;font-size:17px;color:#1a1a23}.schoolDetail__content__intro__list__sub{margin:10px 0 5px 0;font-size:15px;color:#1a1a23}.schoolDetail__content__intro__list__ul{font-size:14px;color:#909090}.schoolDetail__content__intro__list__ul__li{line-height:1.625}.schoolDetail__content__intro__list__ul__li::before{display:inline-block;content:" ";width:.7em;height:.7em;margin:0 .7em 0 0;transform:rotate(-90deg);background:url(/assets/images/common/icon_arrow_bottom_lightgray.svg) no-repeat center/contain;color:#909090}.schoolDetail__text{font-size:14px;color:#999;line-height:1.625}.schoolDetail__content__intro__school__title{font-size:30px;font-family:var(--title-fontFamily);margin:0 0 10px 0}.schoolDetail__content__intro__school__sub{color:#999;margin:0 0 30px 0;font-size:0}.schoolDetail__content__intro__school__sub__span{display:inline-block;line-height:1;margin:0 0 .5em 0;font-size:14px}.schoolDetail__content__intro__school__sub__span::after{content:'';position:relative;top:2px;display:inline-block;width:1px;height:1em;background:#999;margin:0 5px;pointer-events:none}.schoolDetail__content__intro__school__sub__span:last-child:after{display:none}.schoolDetail__content__intro__school__text{color:#646464;line-height:1.625}.schoolDetail__content__card__inner__title{font-size:22px;margin:0 0 30px 0;color:#1a1a23}.schoolDetail__content__card__inner__text__bold{color:#666}.schoolDetail__content__card__inner{width:100%;border:1px solid #ebebeb;padding:40px;margin:0 0 15px 0}.schoolDetail__content__card__map{width:360px;height:360px;background:#ebebeb}.schoolDetail__content__card__map__box{display:block;width:100%;height:100%}.schoolDetail__content__card__map__box .gm-style div:not([class]){position:static}.schoolDetail__content__card__inner__pic{display:block;width:160px;height:160px;margin:0 0 40px 0}.schoolDetail__content__card__inner__address,.schoolDetail__content__card__inner__website{text-indent:-2em;margin:0 0 10px 2em}.schoolDetail__content__card__inner__address::before{display:inline-block;content:"";background:url(/assets/images/common/icon_map_pin.svg) no-repeat center/contain;width:14px;height:14px;margin:0 10px 0 0}.schoolDetail__content__card__inner__website::before{display:inline-block;content:"";background:url(/assets/images/common/icon_earth_blue.svg) no-repeat center/contain;width:14px;height:14px;margin:0 10px 0 0}.schoolDetail__content__intro__video{padding:20px 0 0 0}.schoolDetail__content__card__inner__tag{display:inline-block;font-size:12px;color:#646464;padding:5px 10px;margin:0 5px 10px 0;background:#f7f7f7;transition:color .3s ease-in-out,background-color .3s ease-in-out}.schoolDetail__content__card__inner__tag:hover{background:#084288;color:var(--white)}.schoolDetail__content__card__inner__tag{display:inline-block}.schoolDetail__content__card__inner__share{display:flex;justify-content:flex-start;justify-items:flex-start;align-items:flex-start;align-content:flex-start;width:100%}.schoolDetail__content__card__inner__share__btn{display:block;width:30px;height:30px;padding:5px;margin:0 5px 5px 0;transition:opacity .4s ease-in-out}.schoolDetail__content__card__inner__share__btn:hover{opacity:.7}.schoolDetail__content__card__inner__share__btn img{object-fit:contain;object-position:center;height:100%}@media screen and (max-width:1199px){.schoolDetail__content__intro,.schoolDetail__content__card{padding:0}.schoolDetail__content{left:0;display:block;width:100%}.schoolDetail__content__intro,.schoolDetail__content__card,.schoolDetail__content__intro__pic,.schoolDetail__content__card__map{width:100%}}@media screen and (max-width:991px){}@media screen and (max-width:767px){.schoolDetail__search{margin:30px 0;padding:10px 10px;box-shadow:0 15px 45px 0 rgba(0,0,0,.1)}.schoolDetail__search .c-search__main__selectBox,.schoolDetail__search .c-search__main__keyword{display:none}.schoolDetail__search .c-search__main__selectBox.active,.schoolDetail__search .c-search__main__keyword.active{display:block}}@media screen and (max-width:575px){}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}