@charset "UTF-8";
lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer}lite-youtube::before{content:'';display:none;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all 0.2s cubic-bezier(0,0,0.2,1);z-index:10}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0;z-index:10}lite-youtube>.lty-playbtn{display:block;width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,0.2,1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.lty-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.lty-img::after{content:'';display:block;width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,0.2,1);border:none}lite-youtube:hover>.lty-img::after{filter:none}.lty-img img{object-fit:cover;object-position:center;width:100%;height:100%}
.c-article{display:block;width:100%;padding:0 0 85px 0;background:url(/assets/images/common/texture_light.png) center/auto repeat;border-radius:10px;box-shadow:3px 3px rgba(74,37,1,.15);overflow:hidden;flex:0 1 auto}.c-article.wow{animation-name:fadeInUp}.c-article__nav{display:flex;align-items:stretch;align-content:stretch;justify-items:center;justify-content:center;width:100%;min-height:90px;margin:0 auto}.c-article__nav::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgba(48,48,48,.2)}.c-article__nav__link{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;margin:0 50px;font-size:16px;line-height:1.2;color:rgba(48,48,48,.5);font-family:inherit;text-align:center}.c-article__nav__link::before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:3px;background:linear-gradient(to right,#de5810 0%,#d63121 48%,#e78912 100%);transform-origin:center;transform:scaleX(0);transition:transform .4s ease-in-out}.c-article__nav__link::after{content:'';position:absolute;top:calc(50% - 6.5px);right:-50.5px;display:block;width:1px;height:13px;background:rgba(48,48,48,.5);transform-origin:center;transform:rotate(30deg)}.c-article__nav__link:last-child::after{display:none}.c-article__nav__link.active{color:var(--titleColor)}.c-article__nav__link.active::before,.c-article__nav__link:hover::before{transform:none}.c-article__inner{width:calc(100% - 120px);max-width:1070px;margin:70px auto 0 auto}.c-article__inner[data-style="record"]{max-width:1250px}.c-article__inner__box{display:block;width:100%}.c-article__inner__box__item{display:block;width:100%}.c-article__inner__box__item.j-pageTag-box{display:none}.c-article__inner__box__item.active{display:block}.c-article__inner__box__item__title{margin:0 0 30px 0}.c-article__inner__box__item__sub{margin:0 0 40px 0}.c-article__inner__box__item__tool{display:block;width:100%;margin:70px auto 0 auto}.c-article__inner__box__item__tool__title{margin:0 0 30px 0}.c-article__inner__box__item__tool__list{left:-25px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 50px);margin:0 0 -45px 0}.c-article__inner__box__item__tool__list .c-case,.c-article__inner__box__item__tool__list .c-album{width:calc(33.33% - 50px);margin:0 25px 45px 25px}.c-article__inner__box__item__tool__notice{display:block;width:100%;padding:30px 50px;background:url(/assets/images/common/texture.png) center/auto repeat;border-radius:10px;overflow:hidden}.c-article__inner__box__item__tool__notice__title{display:block;width:100%;margin:0 0 15px 0;font-size:15px;line-height:1.5;color:var(--titleColor);font-family:inherit;letter-spacing:.5px}.c-article__inner__box__item__tool__notice,.c-article__inner__box__item__tool .c-attachmentBox{margin:50px 0 0 0}.c-article__inner__box__item .c-sdgsSheet{margin:50px auto 0 auto}.c-article__inner__box__item__exp{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 0 30px 0}.c-article__inner__box__item__exp:last-child{margin:0}.c-article__inner__box__item__exp__video{display:block;width:calc(50% - 40px);margin:0 40px 0 0;flex:0 0 auto}.c-article__inner__box__item__exp__download{display:block;width:100%;flex:0 1 auto}.c-article__inner__box__item__exp__download__title,.c-article__inner__box__item__exp__download__text{margin:0 0 15px 0}.c-article__inner__box__item__guide{display:block;width:100%;margin:0 0 30px 0;padding:40px 70px;background:url(/assets/images/common/texture.png) center / auto repeat;border-radius:10px;overflow:hidden}.c-article__inner__box__item__message{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;min-height:250px;padding:50px;border-radius:10px;background:url(/assets/images/common/texture.png) center/auto repeat;overflow:hidden}.c-article__inner__box__item__message__text{text-align:center}.c-article__inner__box__item__address{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%;margin:0 0 30px 0;padding:40px 70px;background:url(/assets/images/common/texture.png) center / auto repeat;border-radius:10px;overflow:hidden}.c-article__inner__box__item__address:last-child{margin:0}.c-article__inner__box__item__address .c-location{width:calc(50% - 15px);max-width:435px}.c-article__inner .c-tagRelated{margin:70px auto 0 auto}.c-article__inner .c-page{margin:70px auto 0 auto}.c-article__inner .c-article__inner__box+.c-page{padding:55px 0 0 0;border-top:1px solid rgba(48,48,48,.2)}.c-article__inner[data-style="process"]{max-width:1250px}.c-article__inner[data-style="process"] .c-article__inner__box__item__tool{margin:0 auto 110px auto}.c-article__inner[data-style="process"] .c-article__inner__box__item__tool:last-child{margin:0 auto 110px auto}@media screen and (max-width:1300px){.c-article__inner__box__item__tool__list{left:-15px;width:calc(100% + 30px);margin:0 0 -25px 0}.c-article__inner__box__item__tool__list .c-case,.c-article__inner__box__item__tool__list .c-album{width:calc(33.33% - 30px);margin:0 15px 25px 15px}}@media screen and (max-width:1200px){.c-article__inner__box__item__address .c-location{width:100%;max-width:none;margin:0 0 20px 0}.c-article__inner__box__item__address .c-location:last-child{margin:0}}@media screen and (max-width:991px){.c-article{padding:0 0 50px 0}.c-article__nav__link{margin:0 30px}.c-article__nav__link::after{right:-30.5px}.c-article__inner{width:calc(100% - 100px);margin:40px auto 0 auto}.c-article__inner__box__item__tool__list .c-case,.c-article__inner__box__item__tool__list .c-album{width:calc(50% - 30px)}.c-article__inner__box__item__tool__notice,.c-article__inner__box__item__tool .c-attachmentBox{margin:30px 0 0 0}.c-article__inner__box__item .c-sdgsSheet{margin:45px auto 0 auto}.c-article__inner__box__item__exp{display:block}.c-article__inner__box__item__exp__video{width:100%;margin:0 0 30px 0}.c-article__inner__box__item__exp__download__title,.c-article__inner__box__item__exp__download__text{margin:0 0 20px 0}.c-article__inner__box__item__guide{padding:40px 45px}.c-article__inner__box__item__message{padding:30px}.c-article__inner__box__item__address{padding:40px 45px}.c-article__inner .c-tagRelated{margin:40px auto 0 auto}.c-article__inner .c-page{margin:50px auto 0 auto}.c-article__inner[data-style="process"] .c-article__inner__box__item__tool{margin:0 auto 100px auto}}@media screen and (max-width:767px){.c-article__nav__link{margin:0 15px;font-size:14px}.c-article__nav__link::after{right:-15.5px}.c-article__inner{width:calc(100% - 60px)}}@media screen and (max-width:575px){.c-article{padding:0;background:none;border-radius:0;box-shadow:none;overflow:visible}.c-article__nav{flex-wrap:wrap;min-height:0;margin:0 0 20px 0;padding:0 10px;background:url(/assets/images/common/texture_light.png) center/auto repeat;border-radius:10px;box-shadow:3px 3px rgba(74,37,1,.15);overflow:hidden}.c-article__nav__link{width:50%;min-height:40px;margin:0;font-size:14px;border-bottom:1px solid rgba(48,48,48,.2)}.c-article__nav__link::before{bottom:-1px}.c-article__nav__link::after{top:calc(50% - 10px);right:-.5px;height:20px;background:rgba(30,30,30,.2);transform:none}.c-article__nav__link:nth-child(even)::after{display:none}.c-article__nav__link:nth-child(odd):last-child{width:100%}.c-article__nav__link:nth-last-child(2):nth-child(odd),.c-article__nav__link:last-child{border:none}.c-article__inner{width:100%;margin:0;padding:30px 20px 35px 20px;background:url(/assets/images/common/texture_light.png) center/auto repeat;border-radius:10px;box-shadow:3px 3px rgba(74,37,1,.15);overflow:hidden}.c-article__inner__box__item__title{margin:0 0 20px 0}.c-article__inner__box__item__tool{margin:40px auto 0 auto}.c-article__inner__box__item__tool__title{margin:0 0 20px 0}.c-article__inner__box__item__tool__list{left:0;width:100%;margin:0 0 -10px 0}.c-article__inner__box__item__tool__list .c-case,.c-article__inner__box__item__tool__list .c-album{width:100%;margin:0 0 10px 0}.c-article__inner__box__item__tool__notice{padding:15px 20px}.c-article__inner__box__item__tool__notice__title{margin:0 0 5px 0;font-size:14px}.c-article__inner__box__item__tool__notice .c-ol,.c-article__inner__box__item__tool__notice .c-ul{font-size:14px}.c-article__inner__box__item__tool__notice,.c-article__inner__box__item__tool .c-attachmentBox{margin:20px 0 0 0}.c-article__inner__box__item .c-sdgsSheet{margin:30px auto 0 auto}.c-article__inner__box__item__exp{margin:0 0 10px 0}.c-article__inner__box__item__exp__video{margin:0 0 25px 0}.c-article__inner__box__item__exp__download__title,.c-article__inner__box__item__exp__download__text{margin:0 0 15px 0}.c-article__inner__box__item__guide{margin:0 0 40px 0;padding:0;background:none;border-radius:0}.c-article__inner__box__item__guide .c-text,.c-article__inner__box__item__guide .c-ol,.c-article__inner__box__item__guide .c-ul{font-size:14px}.c-article__inner__box__item__message{min-height:0;padding:0;background:none;border-radius:0}.c-article__inner__box__item__message__text{font-size:14px}.c-article__inner__box__item__address{padding:0;background:none;border-radius:0}.c-article__inner__box__item__address .c-location{margin:0 0 15px 0}.c-article__inner .c-page{margin:25px auto 0 auto}.c-article__inner .c-article__inner__box+.c-page{padding:25px 0 0 0}.c-article__inner[data-style="process"] .c-article__inner__box__item__tool{margin:0 auto 50px auto}}@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-album{display:block;width:100%;border-radius:10px;flex:0 0 auto;overflow:hidden}.c-album.wow{animation-name:fadeInUp}.c-album__pic{display:block;width:100%}.c-album__bt{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(48,48,48,.8);opacity:0;transition:opacity .4s ease-in-out}.c-album__bt::before{content:'VIEW';position:relative;display:block;width:auto;max-width:100%;font-size:16px;line-height:1;color:#fff;font-family:'Poppins','NotoSansTC';letter-spacing:.5px;flex:0 0 auto}.c-album__bt::after{content:'';position:relative;display:block;width:18px;height:12px;margin:0 0 0 20px;background:url(/assets/images/common/icon_arrow_next_long_white.svg) center/contain no-repeat}.c-album:hover .c-album__bt{opacity:1}.c-album__box{display:none;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.c-album__box__item{display:block;width:100%;flex:0 0 auto}.c-album__box__item__pic{display:block;width:100%;border-radius:10px;overflow:hidden}.c-album__box__item__text{margin:30px auto 0 auto;color:#fff;text-align:center}@media screen and (max-width:991px){.c-album__box__item__text{margin:15px auto 0 auto}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-album__bt::before{font-size:14px}.c-album__bt::after{margin:0 0 0 10px}}@media (any-hover:none){.c-album__bt,.c-album__bt::before,.c-album__bt::after{background: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(){}
body:not(.nobanner) header:not(.active) .navbt{filter:brightness(0) invert(1)}body:not(.nobanner) #mainmenuCheck:checked~.navbt{filter:none}.record{margin:0 auto 150px auto}.record__banner{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:650px;background:var(--titleColor)}.record__banner__bg{position:absolute;top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%}.record__banner__bg::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(10deg,#000 15%,rgba(0,0,0,0) 100%);opacity:.9}.record__banner__bg img{object-fit:cover;object-position:center;height:100%}.record__banner__content{display:block;width:calc(100% - 40px);max-width:1010px;padding:100px 0;color:#fff;text-align:center}.record__banner__content__title{display:block;width:100%;font-size:40px;line-height:1.2;color:inherit;font-family:'NotoSerifTC-M';letter-spacing:.5px}.record__banner__content__text{display:block;width:100%;margin:20px auto 0 auto;font-size:15px;line-height:2;color:rgba(255,255,255,.7);font-family:inherit;letter-spacing:.5px}.record__main{margin:-90px auto 0 auto}.record__main .crumb{top:160px}@media screen and (min-width:992px){body:not(.nobanner) header:not(.active) .mainMenu__menu__item{color:#fff}body:not(.nobanner) header:not(.active) .mainMenu__menu__item__link::before{filter:brightness(0) invert(1)}}@media screen and (max-width:991px){.record{margin:0 auto 130px auto}.record__main{margin:25px auto 0 auto}.record__main .crumb{top:0;width:100%;margin:0 0 25px 0}.record__banner__content{max-width:625px;padding:250px 0 60px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.record{margin:0 auto 60px auto}.record__banner{height:500px}.record__banner__content{padding:140px 0 60px 0}.record__banner__content__title{font-size:25px}.record__banner__content__text{font-size:14px;line-height:1.8}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}