@charset "UTF-8";
.c-nav{display:block;width:calc(100% - 2px);margin:0 0 0 1px;z-index:10;overflow:hidden}.c-nav.wow{animation-name:fadeIn}.c-nav__list{display:block;width:100%;background:linear-gradient(to right,rgba(38,38,38,.1) 0%,rgba(38,38,38,.1) 100%) top center/ 100% 1px no-repeat,linear-gradient(to right,rgba(38,38,38,.1) 0%,rgba(38,38,38,.1) 100%) bottom center/ 100% 1px no-repeat #f8f8f8}.c-nav__list+.c-nav__list{display:none;background:linear-gradient(to right,rgba(38,38,38,.1) 0%,rgba(38,38,38,.1) 100%) bottom center/ 100% 1px no-repeat #f8f8f8}.c-nav__list::before,.c-nav__list::after{content:'';position:absolute;top:1px;display:none;width:60px;height:calc(100% - 2px);background:linear-gradient(to right,#f8f8f8 70%,#f8f8f800 100%);z-index:10}.c-nav__list::before{left:0}.c-nav__list::after{right:0;transform:scaleX(-1)}.c-nav__list.hasArrow{padding:0 60px}.c-nav__list.hasArrow::before,.c-nav__list.hasArrow::after{display:block}.c-nav__list__box{position:static;display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 auto;overflow:visible}.c-nav__list__box .slick-list,.c-nav__list__box .slick-track{overflow:visible}.c-nav__list__box .slick-prev,.c-nav__list__box .slick-next{top:0;width:50px;height:100%;background-size:20% auto;background-color:transparent}.c-nav__list__box .slick-prev::before,.c-nav__list__box .slick-next::before{height:60%}.c-nav__list__box .slick-prev{left:0}.c-nav__list__box .slick-next{right:0}.c-nav__list__box__item{display:flex;align-items:stretch;align-content:stretch;justify-items:center;justify-content:center;width:auto;max-width:100%;min-height:80px;padding:0 30px;font-size:16px;line-height:1.2;color:rgba(38,38,38,.6);font-family:'Poppins-M','NotoSansTC-M';transition:opacity .4s ease-in-out;flex:0 0 auto}.c-nav__list__box__item.slick-slide{display:flex}.c-nav__list__box__item::before{content:'';position:absolute;top:calc(50% - 5px);left:calc(100% + .5px);display:block;width:1px;height:10px;background:#cecece;pointer-events:none;overflow:hidden}.c-nav__list__box__item:last-child::before{display:none}.c-nav__list__box__item__text{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;transition:opacity .4s ease-in-out;pointer-events:none}.c-nav__list__box__item__text::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;background:var(--gradientColor);opacity:0;transition:opacity .4s ease-in-out}.c-nav__list__box__item:not(.current):hover .c-nav__list__box__item__text{opacity:.7}.c-nav__list__box__item.current{color:var(--titleColor)}.c-nav__list__box__item.current .c-nav__list__box__item__text::after{opacity:1}.c-nav__list[data-style="left"] .c-nav__list__box{margin:0}.c-nav__list[data-style="left"] .c-nav__list__box__item{margin:0 45px 0 0}.c-nav__list[data-style="left"] .c-nav__list__box__item:last-child{margin:0}.c-nav__list[data-color="white"]{background-color:#fff}.c-nav__list[data-color="white"]::before,.c-nav__list[data-color="white"]::after{background:linear-gradient(to right,#fff 70%,#ffffff00 100%)}.c-nav__select{display:none;padding:5px 50px;text-align:center}.c-nav__select+.c-nav__select{border-top:none}@media screen and (max-width:991px){.c-nav{width:100%;margin:0 auto}.c-nav__list{display:none;height:0}.c-nav__select{display:block}.c-nav__select.j-nav-select-sub{display:none}.c-nav__select.show{display:block}.c-nav__select.hide{display:none}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-nav__list{padding:0 40px}.c-nav__select{padding:5px 35px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.project{display:block;width:100%;margin:90px auto 0 auto}.project__title{display:block;width:100%;max-width:1640px;margin:0 auto 55px auto;padding:0 0 0 50px}.project__title.wow{animation-name:fadeInUp}.project__title__num{display:inline-block;width:auto;max-width:100%;font-size:18px;line-height:1.2;color:var(--titleColor);font-family:'Poppins-L','NotoSansTC-L'}.project__title__num::before{content:attr(data-num);position:absolute;top:50%;right:-50px;transform:translateY(-50%);display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:26px;height:26px;font-size:12px;line-height:1;font-family:'Poppins','NotoSansTC';color:#fff;border-radius:50%;background:linear-gradient(45deg,#bba375,#dccaa7);overflow:hidden}.project__list{display:flex;align-items:flex-start;align-content:stretch;justify-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;max-width:1570px;border:1px solid var(--borderColor);border-left:none;border-right:none;margin:0 auto}.project__list__item{display:block;width:calc(100% / 3);border-bottom:1px solid var(--borderColor);padding:47.5px 50px 46px 50px}.project__list__item.wow{animation-name:fadeInUp}.project__list__item:nth-last-child(-n + 3):nth-child(3n + 1),.project__list__item:nth-last-child(-n + 2):nth-child(3n + 2),.project__list__item:last-child:nth-child(3n){border-bottom:none}.project__list__item__title{display:block;width:100%;font-size:18px;line-height:1.4;color:var(--titleColor);font-family:'Poppins','NotoSansTC'}.project__list__item__area{display:block;width:100%;font-size:15px;line-height:1.2;color:var(--textColor);font-family:'Poppins','NotoSansTC';margin:21px 0 0 0}.project__list__item__use{display:block;width:100%;font-size:15px;line-height:1.2;color:var(--textColor);font-family:'Poppins','NotoSansTC';margin:14px 0 0 0}.project__list__item__link{margin:27px 0 0 0}@media screen and (max-width:1200px){.project__list__item{width:50%}.project__list__item:nth-last-child(-n + 2):nth-child(2n + 1),.project__list__item:last-child:nth-child(2n){border-bottom:none}}@media screen and (max-width:991px){.project{margin:65px 0 0 0}.project__title{max-width:none;margin:0 0 55px 0;padding:0 0 0 30px}.project__list__item{padding:50px 30px 45px 30px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.project{margin:35px 0 0 0}.project__title{margin:0 0 35px 0;padding:0}.project__list__item{width:100%;padding:40px 20px 35px 20px}.project__list__item:nth-last-child(-n + 2):nth-child(2n + 1){border-bottom:1px solid var(--borderColor)}.project__list__item__area{margin:12px 0 0 0}.project__list__item__use{margin:8px 0 0 0}.project__list__item__link{margin:19px 0 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}