@charset "UTF-8";
.c-aside{display:block;width:100%;max-width:100%;flex:0 0 auto}.c-aside__list{display:block;width:100%;background:#f3f3f3}.c-aside__list__item{display:block;width:100%;font-size:16px;line-height:1;color:var(--textColor);font-family:'NotoSansTC-M';transition:color .4s ease-in-out,background-color .4s ease-in-out}.c-aside__list__item::after{content:'';position:absolute;bottom:0;left:25px;width:calc(100% - 50px);height:1px;background:#d7d7d7;pointer-events:none}.c-aside__list__item:last-child::after{display:none}.c-aside__list__item:not(.j-dropdown):hover,.c-aside__list__item:not(.j-dropdown).active{color:#fff;background:var(--mainColor)}.c-aside__list__item__link{display:block;width:100%;padding:27px 25px;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-aside__list__item.j-dropdown .c-aside__list__item__link.j-dropdown-link::before{content:'';position:absolute;top:calc(50% - 5px);right:25px;display:block;width:15px;height:10px;background:url(/assets/images/common/icon_arrow_bottom_thin_black.svg) center no-repeat;background-size:contain;z-index:10;pointer-events:none}.c-aside__list__item.j-dropdown.active .c-aside__list__item__link.j-dropdown-link::before{transform:scaleY(-1)}.c-aside__list__item__list{display:none;width:100%}.c-aside__list__item__list::after{content:'';position:absolute;top:-1px;left:25px;width:calc(100% - 50px);height:1px;background:rgba(0,0,0,.35);pointer-events:none}.c-aside__list__item__list__item{display:block;width:100%;font-size:16px;line-height:1;color:#fff;font-family:'NotoSansTC-M';background:var(--textColor);transition:color .4s ease-in-out,background-color .4s ease-in-out}.c-aside__list__item__list__item::after{content:'';position:absolute;bottom:0;left:25px;width:calc(100% - 50px);height:1px;background:#fff;pointer-events:none}.c-aside__list__item__list__item:hover,.c-aside__list__item__list__item.active{background:var(--mainColor)}.c-aside__list__item__list__item:last-child:after{display:none}.c-aside__list__item__list__item__link{display:block;width:100%;padding:27px 25px;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-aside__select{display:none;width:calc(50% - 10px)}@media screen and (max-width:1200px){.c-aside{display:flex;flex-wrap:wrap;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between}.c-aside__list{display:none}.c-aside__select{display:block}.c-aside__select:first-child:last-child,.c-aside__select:nth-child(odd):last-child{width:100%}}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-aside__select{width:100%;margin:0 0 10px 0}.c-aside__select:last-child{margin:0}}@supports (-webkit-touch-callout:none){}
.c-program{display:block;width:100%;text-align:center}.c-program::after{content:'MORE';position:absolute;bottom:0;left:50%;display:none;width:auto;max-width:100%;font-size:15px;line-height:1;color:var(--mainColor);font-family:'NotoSansTC-M';text-decoration:underline;text-underline-offset:5px;transform:translateX(-50%)}.c-program__pic{display:block;width:100%}.c-program__pic_type{position:absolute;bottom:20px;right:20px;display:block;width:auto;max-width:100%;padding:10px 15px;font-size:14px;line-height:1;color:#fff;font-family:'NotoSansTC-M';background:var(--textColor);border-radius:20px;overflow:hidden}.c-program__pic__cover{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;transition:opacity .4s ease-in-out}.c-program:hover .c-program__pic__cover{opacity:1}.c-program__pic__cover::before{content:'READ MORE';position:relative;display:block;width:auto;max-width:100%;font-size:16px;line-height:1;color:#fff;font-family:'NotoSansTC-M';flex:0 0 auto}.c-program__pic__cover::after{content:'';position:relative;display:block;width:40px;height:40px;margin:0 0 0 15px;border-radius:50%;background:radial-gradient(ellipse at center,#fff 15%,rgba(255,255,255,.2) calc(15% + 1px));flex:0 0 auto}.c-program[data-sign="1"] .c-program__pic__cover,.c-program[data-end="1"] .c-program__pic__cover{opacity:1}.c-program[data-sign="1"] .c-program__pic__cover::after,.c-program[data-end="1"] .c-program__pic__cover::after{display:none}.c-program[data-sign="1"] .c-program__pic__cover::before{content:'報名已結束'}.c-program[data-end="1"] .c-program__pic__cover::before{content:'活動已結束'}.c-program__content{display:block;width:100%;margin:20px 0 0 0;text-align:left}.c-program__content__date{display:block;width:100%;margin:0 0 2.5px 0;font-size:14px;line-height:1;color:#b7b7b7}.c-program__content__title{display:block;width:100%;font-size:18px;line-height:1.5;color:var(--textColor);font-family:'NotoSansTC-M';overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-program__content__text{display:block;width:100%;margin:5px 0 0 0;font-size:15px;line-height:1.5;color:var(--textColor);font-family:'NotoSansTC-M';overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-program__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0}@media screen and (max-width:991px){.c-program__content{margin:15px 0 0 0}.c-program__content__title{font-size:17px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-program::after{font-size:14px}.c-program__pic_type{bottom:10px;right:10px;font-size:13px;border-radius:17.5px}.c-program__pic__cover::before{font-size:13px}.c-program__content__date{font-size:14px}.c-program__content__title{font-size:16px}.c-program__content__text{font-size:14px}}@media (any-hover:none){.c-program:hover .c-program__pic__cover{opacity:0}@media screen and (max-width:575px){.c-program{padding:0 0 20px 0}}}@supports (-webkit-touch-callout:none){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;width:100%;padding:50px 0 0 0;margin:0 auto;border-top:1px solid #dfdfdf}.c-page__num{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center}.c-page__num a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;font-size:16px;line-height:1;color:var(--textColor);font-family:'NotoSansTC';border-radius:50%;overflow:hidden}.c-page__num a.hide{display:none}.c-page__num a:hover,.c-page__num a.active{color:#fff;background:var(--mainColor)}.c-page__prev,.c-page__next{margin:0 0 0 20px;font-size:16px;line-height:1;color:var(--textColor);font-family:'NotoSansTC'}.c-page__prev{margin:0 20px 0 0}.c-page__prev::after,.c-page__next::before{position:relative;display:inline-block;vertical-align:middle;text-transform:uppercase;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-page__prev::after{content:'Prev';margin:0 0 0 25px}.c-page__next::before{content:'Next';margin:0 25px 0 0}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:10px;height:20px;background:url(/assets/images/common/icon_arrow_next_thin_black.svg) center no-repeat;background-size:contain}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev:hover::before{animation:pagePrevArrow 1.2s ease-in-out infinite}.c-page__next:hover::after{animation:fadeOutRight 1.2s ease-in-out infinite}.c-page__prev.disable,.c-page__next.disable{opacity:.3;pointer-events:none}.c-page__back{width:100%;max-width:180px}.c-page-detail{padding:40px 0 0 0}@media screen and (max-width:991px){.c-page{padding:45px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:25px 0 0 0}.c-page__num a{width:35px;height:35px}.c-page__prev,.c-page__next{font-size:15px}.c-page__prev::after{margin:0 0 0 15px}.c-page__next::before{margin:0 15px 0 0}.c-page__back{max-width:none;margin:0 auto 10px auto}.c-page-detail{flex-wrap:wrap;padding:30px 0 0 0}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:calc(50% - 5px);height:50px;margin:0;color:#fff;background:var(--textColor);border-radius:25px;overflow:hidden;order:2}.c-page-detail .c-page__prev::after{margin:0 0 0 20px}.c-page-detail .c-page__next::before{margin:0 20px 0 0}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{filter:brightness(0) invert(1)}}@media (any-hover:none){.c-page__prev:hover::before,.c-page__next:hover::after{animation:none}}@supports (-webkit-touch-callout:none){}
main{overflow:visible}.programlist{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;margin:100px auto 5px auto;overflow:visible}.programlist::before{content:attr(data-text);position:absolute;bottom:-295px;left:-340px;display:block;width:1170px;font-size:230px;line-height:1;color:transparent;font-family:'Poppins-SB';-webkit-text-stroke:1px #2f2f2f;opacity:.09;pointer-events:none}.programlist__aside{width:30%;max-width:350px;margin:0 50px 0 0;flex:0 0 auto;animation-name:fadeInUp}.programlist__box{display:block;width:100%;max-width:880px;flex:0 1 auto}.programlist__box__title{margin:0 0 40px 0;animation-name:fadeInUp}.programlist__box__title::after{display:none}.programlist__box__inner{display:flex;flex-wrap:wrap;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:space-between;width:100%}.programlist__box__inner__item{width:calc(50% - 17.5px);margin:0 0 60px 0;animation-name:fadeInUp}@media screen and (max-width:1200px){.programlist{display:block;margin:70px auto 25px auto}.programlist::before{display:none}.programlist__aside{width:100%;max-width:none;margin:0 auto 60px auto}.programlist__box{max-width:none}.programlist__box__title{margin:0 0 30px 0}.programlist__box__inner__item{width:calc(50% - 15px)}}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.programlist{margin:55px auto 45px auto}.programlist__aside{margin:0 auto 40px auto}.programlist__box__title{margin:0 0 25px 0}.programlist__box__inner__item{width:100%;margin:0 0 40px 0}}@supports (-webkit-touch-callout:none){}
