@charset "UTF-8";
.c-aside{display:block;width:100%;z-index:10;flex:0 0 auto}.c-aside.wow{animation-name:fadeIn}.c-aside__bg{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(48,48,48,.5);z-index:10}.c-aside__menu{display:block;width:100%;padding:50px;background:url(/assets/images/common/texture_light.png) center/auto repeat;box-shadow:3px 3px rgba(74,37,1,.15);border-radius:10px;overflow:hidden}.c-aside__menu__close{display:none;z-index:10}.c-aside__menu__title{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 25px 0;font-size:18px;line-height:1.2;color:var(--titleColor);font-family:inherit;letter-spacing:.5px;flex:0 0 auto}.c-aside__menu__title::before{content:'';position:relative;display:block;width:10px;height:10px;margin:0 20px 0 0;background:url(/assets/images/common/icon_acc_dot.svg) center/contain no-repeat;border-radius:50%;overflow:hidden}.c-aside__menu__title[data-icon="filter"]{font-size:15px}.c-aside__menu__title[data-icon="filter"]::before{width:30px;height:30px;background:url(/assets/images/common/icon_filter_white.svg) center no-repeat,url(/assets/images/common/icon_acc_dot.svg) center no-repeat;background-size:50% auto,contain}.c-aside__menu__box{display:block;width:100%}.c-aside__menu__box__item{display:block;width:100%;padding:15px 28px;font-size:15px;line-height:inherit;color:var(--textColor);font-family:inherit;letter-spacing:.5px;border-radius:5px;transition:opacity .4s ease-in-out}.c-aside__menu__box__item.current{color:#fff;background:var(--subColor)}.c-aside__menu__box__item:hover{opacity:.7}.c-aside__hash{display:block;width:100%;padding:50px;background:url(/assets/images/common/texture_light.png) center / auto repeat;box-shadow:3px 3px rgba(74,37,1,.15);border-radius:10px;overflow:hidden}.c-aside__hash__title{display:block;width:100%;margin:0 0 20px 0;font-size:18px;line-height:1.6;color:var(--titleColor);font-family:'Poppins','NotoSansTC';letter-spacing:.5px}.c-aside__menu__form{display:block;width:100%;flex:0 1 auto}.c-aside__menu__form::-webkit-scrollbar{width:4px;height:4px}.c-aside__menu__form::-webkit-scrollbar-thumb{background:var(--mainColor)}.c-aside__menu__form__filter{display:block;width:100%;margin:0 0 30px 0;padding:0 0 15px 0;border-bottom:1px solid rgba(48,48,48,.2)}.c-aside__menu__form__filter__title{display:block;width:100%;margin:0 0 15px 0;font-size:16px;line-height:1.125;color:var(--titleColor);font-family:inherit;letter-spacing:.5px}.c-aside__menu__form__filter .c-checkboxGroup{width:calc(100% + 25px)}.c-aside__menu__form__btGroup{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:center;justify-content:center;width:100%;margin:0 0 -10px 0}.c-aside__menu__form__btGroup__bt{max-width:130px;margin:0 7.5px 10px 7.5px}.c-aside__menu__form__list{display:block;width:100%;margin:0 0 40px 0}.c-aside__menu__form__list:last-child{margin:0}.c-aside__menu__form__list__title{display:block;width:100%;margin:0 0 10px 0;padding:0 0 10px 0;font-size:20px;line-height:1.5;color:var(--titleColor);font-family:'NotoSerifTC-M';letter-spacing:.5px;border-bottom:1px solid rgba(48,48,48,.2)}.c-aside__menu__form__list__box{display:block;width:100%}.c-aside__menu__form__list__box__link{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%;font-size:15px;line-height:2;color:var(--textColor);font-family:inherit;letter-spacing:.5px;transition:color .4s ease-in-out}.c-aside__menu__form__list__box__link::after{content:attr(data-count);position:relative;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;min-width:35px;min-height:20px;margin:0 0 0 10px;padding:5px;font-size:12px;line-height:1;color:var(--textColor);font-family:'Poppins','NotoSansTC';background:#e2d9d2;border-radius:15px;overflow:hidden;flex:0 0 auto}.c-aside__menu__form__list__box__link:hover{color:rgba(48,48,48,.4)}.c-aside__filterBt{display:none}.c-aside__select{display:none;padding:5px 60px 5px 25px;background-position:center right 25px;background-color:#fff;border-radius:30px;border:1px solid #c6c2bc}@media screen and (min-width:992px){.c-aside__menu[data-style="nobg"]{padding:0;background:none;box-shadow:none}}@media screen and (max-width:991px){.c-aside.open{z-index:1000}.c-aside__menu{position:fixed;top:50%;left:50%;display:none;flex-direction:column;align-items:center;justify-content:center;justify-items:flex-start;justify-content:flex-start;width:calc(100% - 60px);max-width:480px;max-height:calc(100vh - 80px);padding:0;transform:translate(-50%,-50%);box-shadow:none;z-index:1000}.c-aside__menu__close{display:block}.c-aside__menu__title{min-height:60px;margin:0;padding:5px 70px 5px 35px;border-bottom:1px solid rgba(48,48,48,.2)}.c-aside__menu__form{height:100%;padding:40px 40px 50px 40px;overflow:hidden;overflow-y:auto}.c-aside__hash{margin:0 0 10px 0;padding:0;border-radius:0;background:none;box-shadow:none}.c-aside__hash__title{margin:0;font-size:16px}.c-aside__hash .c-hash{display:none}.c-aside__filterBt{display:flex}#asideMenuCheck:checked~.c-aside__menu{display:flex}#asideMenuCheck:checked~.c-aside__bg{display:block}.c-aside__select{display:block}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-aside__menu{width:calc(100% - 40px)}.c-aside__menu__title{min-height:50px;padding:5px 60px 5px 30px;font-size:14px}.c-aside__menu__title[data-icon="filter"]{font-size:14px}.c-aside__menu__title::before{margin:0 15px 0 0}.c-aside__menu__form{padding:30px}.c-aside__menu__form__filter{margin:0 0 20px 0;padding:0 0 5px 0}.c-aside__menu__form__filter__title{margin:0 0 10px 0;font-size:15px}.c-aside__menu__form__filter .c-checkboxGroup{width:calc(100% + 15px)}.c-aside__menu__form__btGroup__bt{max-width:120px;margin:0 5px 10px 5px}.c-aside__menu__form__list{margin:0 0 25px 0}.c-aside__menu__form__list__title{font-size:16px}.c-aside__menu__form__list__box__link{font-size:14px}.c-aside__hash__title{font-size:14px}.c-aside__select{padding:5px 45px 5px 25px;border-radius:20px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-case{display:block;width:100%;border-radius:10px;background:url(/assets/images/common/texture_light.png) center/auto repeat;box-shadow:3px 3px rgba(74,37,1,.15);overflow:hidden}.c-case.wow{animation-name:fadeInUp}.c-case__pic{display:block;width:100%;background:#fff;overflow:hidden}.c-case__pic::after{position:absolute;bottom:0;right:30px;display:block;width:23%;height:25%;background:center right/ auto 80% no-repeat,center right 40%/ auto 80% no-repeat,center right 80%/ auto 80% no-repeat}.c-case[data-award="1"] .c-case__pic::after{content:'';background-image:url(/assets/images/common/trophy_drop.png)}.c-case[data-award="2"] .c-case__pic::after{content:'';background-image:url(/assets/images/common/trophy_drop.png),url(/assets/images/common/trophy_drop.png)}.c-case[data-award="3"] .c-case__pic::after{content:'';background-image:url(/assets/images/common/trophy_drop.png),url(/assets/images/common/trophy_drop.png),url(/assets/images/common/trophy_drop.png)}.c-case__content{display:block;width:100%;padding:25px 30px}.c-case__content__title{display:block;width:100%;font-size:18px;line-height:1.6;color:var(--titleColor);font-family:'Poppins-M','NotoSansTC-M';letter-spacing:.5px}.c-case__content__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-case__content__tag{margin:10px 0 0 0}.c-case__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.c-case[data-style="nobg"]{background:none;border-radius:0;box-shadow:none}.c-case[data-style="nobg"] .c-case__pic{border-radius:10px;box-shadow:3px 3px rgba(74,37,1,.15)}.c-case[data-style="nobg"] .c-case__content{margin:25px 0 0 0;padding:0}.c-case[data-style="year"] .c-tag__item:first-child{background:#a6a6a6}.c-case[data-youtube="1"] .c-case__pic::after{content:'';position:absolute;top:50%;left:50%;display:block;width:35%;height:35%;max-width:65px;max-height:46px;background:url(/assets/images/common/logo_youtube.svg) center/contain no-repeat;transform:translate(-50%,-50%);pointer-events:none}@media screen and (max-width:991px){.c-case__pic::after{right:25px}.c-case__content{padding:25px}.c-case[data-style="nobg"] .c-case__content{margin:15px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-case{border-radius:5px}.c-case__pic::after{right:20px}.c-case__content{padding:15px 20px}.c-case__content__tag{margin:5px 0 0 0}.c-case[data-style="nobg"] .c-case__content{margin:10px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;width:100%;max-width:100%;margin:0 auto}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;flex:0 1 auto}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;border-radius:50%;font-size:15px;line-height:1;color:var(--textColor);font-family:'Poppins','NotoSansTC';overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:#fff;background:url(/assets/images/common/texture_orange_reverse.png) center no-repeat;background-size:auto 100%}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:130px;max-width:100%;margin:0 0 0 15px;padding:22.5px 20px;font-size:15px;line-height:1;color:#fff;font-family:'Poppins','NotoSansTC';letter-spacing:.5px;background:url(/assets/images/common/texture_orange.png) left center no-repeat,url(/assets/images/common/texture_orange_reverse.png) right center no-repeat var(--subColor);background-size:auto 100%;border-radius:50px;transition:box-shadow .4s ease-in-out;overflow:hidden;flex:0 0 auto}.c-page__prev{margin:0 15px 0 0}.c-page__prev:hover,.c-page__next:hover{box-shadow:5px 5px rgba(74,37,1,.15)}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:inline-block;vertical-align:middle;width:5px;height:9px;margin:0 0 0 10px;background:url(/assets/images/common/icon_arrow_next.svg) center/contain no-repeat;filter:brightness(0) invert(1)}.c-page__prev::before{margin:0 10px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page__back{max-width:150px}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page__count a{width:25px;height:25px;font-size:12px}.c-page__prev,.c-page__next{width:80px;margin:0 0 0 10px;padding:13px;font-size:14px}.c-page__prev{margin:0 10px 0 0}.c-page__back{max-width:120px}}@media screen and (max-width:374px){.c-page__prev,.c-page__next{width:35px;padding:13px 0;font-size:0}.c-page__prev::before,.c-page__next::after{margin:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;margin:90px auto 150px auto}.list__focus{display:block;width:100%;margin:0 auto 120px auto;overflow:hidden}.list__focus::before,.list__focus::after{content:'';position:absolute;top:0;display:block;width:200px;height:100%;background:linear-gradient(to right,#ede8e1 0%,rgba(237,232,225,0) 100%);pointer-events:none;z-index:10}.list__focus::before{left:0}.list__focus::after{right:0;transform:scaleX(-1)}.list__focus__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;max-width:925px;margin:0 auto}.list__focus__box.slick-slider{display:block}.list__focus__box .slick-list,.list__focus__box .slick-track{overflow:visible}.list__focus__box .slick-dots{margin:40px auto 0 auto}.list__focus__box .slick-prev{left:max(calc(50% - 50vw + 80px),calc(50% - 540px))}.list__focus__box .slick-next{right:max(calc(50% - 50vw + 80px),calc(50% - 540px))}.list__focus__box .c-event{width:calc(100% - 100px);margin:0 50px}.list__aside{width:30%;max-width:400px;margin:0 50px 0 0}.list__area{display:block;width:calc(70% - 50px);max-width:1050px;flex:0 1 auto}.list__area__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%}.list__area__box .c-case,.list__area__box .c-event{width:calc(50% - 15px);max-width:500px;margin:0 0 50px 0}.list__area__box .c-newsFull{margin:0 0 30px 0}.list__area__box .c-newsFull:last-child{margin:0}.list__area__box .c-member{width:calc(50% - 25px);margin:0 0 50px 0}.list__area .c-page{margin:20px auto 0 auto}.list__area[data-style="solo"] .c-page{margin:60px auto 0 auto}@media screen and (max-width:1300px){.list__area__box .c-member{width:100%;margin:0 0 25px 0}}@media screen and (max-width:991px){.list{display:block;margin:85px auto 130px auto}.list .crumb{width:100%;margin:0 auto 45px auto}.list__focus{margin:0 auto 70px auto;padding:0 0 70px 0;border-bottom:1px solid rgba(48,48,48,.2)}.list__focus::before,.list__focus::after{display:none}.list__focus__box{left:-30px;width:calc(100% + 60px)}.list__focus__box .c-event{width:calc(100% - 60px);margin:0 30px}.list__aside{width:100%;max-width:none;margin:0 0 35px 0}.list__area{width:100%;max-width:none}.list__area__box .c-case,.list__area__box .c-event{max-width:none;margin:0 0 25px 0}.list__area__box .c-member{width:calc(50% - 15px);margin:0 0 25px 0}.list__area .c-page{margin:30px auto 0 auto}.list__area[data-style="solo"] .c-page{margin:55px auto 0 auto}}@media screen and (max-width:767px){.list__area__box .c-member{width:100%}}@media screen and (max-width:575px){.list{display:block;margin:40px auto 60px auto}.list .crumb{margin:0 auto 25px auto}.list__focus{margin:0 0 40px 0;padding:0 0 40px 0}.list__focus__box{left:-20px;width:calc(100% + 40px)}.list__focus__box .slick-dots{margin:30px auto 0 auto}.list__focus__box .c-event{width:calc(100% - 40px);margin:0 20px}.list__aside{margin:0 0 30px 0}.list__area__box .c-case{width:100%;margin:0 0 15px 0}.list__area__box .c-event{width:100%;margin:0 0 30px 0}.list__area__box .c-newsFull{margin:0 0 15px 0}.list__area__box .c-member{margin:0 0 15px 0}.list__area .c-page{margin:5px auto 0 auto}.list__area[data-style="solo"] .c-page{margin:20px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}