@charset "UTF-8";
.c-nav{display:block;width:100%;margin:0 auto;overflow:hidden}.c-nav.wow{animation-name:fadeIn}.c-nav .c-anchor{top:-68px}.c-nav__list{display:block;width:100%;padding:0 60px;background:linear-gradient(to right,#e5e5e5 0%,#e5e5e5 100%) top center no-repeat,linear-gradient(to right,#e5e5e5 0%,#e5e5e5 100%) bottom center no-repeat;background-size:100% 1px}.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}.c-nav__list__box .slick-prev{left:0}.c-nav__list__box .slick-next{right:0}.c-nav__list__box__item{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;min-height:80px;margin:0 30px;padding:10px 0;font-size:22px;line-height:1.2;color:var(--mainColor);font-family:'Poppins','NotoSansTC';letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-nav__list__box__item.slick-slide{display:flex}.c-nav__list__box__item::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:var(--mainColor);opacity:0;transition:opacity .4s ease-in-out}.c-nav__list__box__item:not(.current):hover{opacity:.7}.c-nav__list__box__item.current::after{opacity:1}.c-nav__list[data-style="left"]{padding:0 max(60px,calc(50% - 860px))}.c-nav__list[data-style="left"] .c-nav__list__box{margin:0}.c-nav__list[data-style="left"] .c-nav__list__box .slick-prev{left:max(10px,calc(50% - 910px))}.c-nav__list[data-style="left"] .c-nav__list__box .slick-next{right:max(10px,calc(50% - 910px))}.c-nav__list[data-style="left"] .c-nav__list__box__item{margin:0 45px;color:#aaa;font-family:'NotoSansTC';transition:color .4s ease-in-out}.c-nav__list[data-style="left"] .c-nav__list__box__item.current,.c-nav__list[data-style="left"] .c-nav__list__box__item:hover{color:var(--mainColor)}.c-nav__list[data-style="left"] .c-nav__list__box__item:hover{opacity:1}.c-nav__list[data-style="left"] .c-nav__list__box__item::after{top:calc(50% - 7.5px);left:-45.5px;width:1px;height:15px;background:#eaeaea;opacity:1;transform-origin:center;transform:rotate(30deg)}.c-nav__list[data-style="left"] .c-nav__list__box__item:first-child::after{display:none}.c-nav__select{display:none;width:100%}@media screen and (max-width:991px){.c-nav__list{display:none}.c-nav__select{display:block}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-nav__list{padding:0 40px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-project{display:block;width:100%;overflow:hidden;flex:0 0 auto}.c-project.wow{animation-name:fadeInUp}.c-project__pic{display:block;width:100%;overflow:hidden}.c-project__pic__link{position:absolute;top:0;right:0;display:block;width:100%;height:100%;background:linear-gradient(to right,#fff 0%,#fff 100%) top calc(50% - 24px) right calc(50% - 6.5px) no-repeat,linear-gradient(to right,#fff 0%,#fff 100%) top calc(50% - 6.5px) right calc(50% - 24px) no-repeat,linear-gradient(135deg,rgba(255,255,255,0) calc(50% - 1px),#fff calc(50% - .5px),#fff calc(50% + .5px),rgba(255,255,255,0) calc(50% + 1px)) center no-repeat rgba(0,0,0,.7);background-size:35px 1px,1px 35px,48px 48px;z-index:10}.c-project__content{display:block;width:100%;margin:25px 0 0 0;padding:0 70px 0 0}.c-project__content__tag{margin:0 0 4px 0}.c-project__content__sub{position:absolute;top:0;left:0;display:none;width:100%;padding:0 0 15px 0;font-size:15px;line-height:1.2;color:#fff;font-family:var(--baseFont);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #c8c8c8}.c-project__content__info{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;font-size:20px;line-height:1.2;color:var(--mainColor);font-family:var(--baseFont);letter-spacing:1px}.c-project__content__info__item{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 10px 0 0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-project__content__info__item[data-style="floor"]::before{content:'(';padding:0 .25em 0 0}.c-project__content__info__item[data-style="floor"]::after{content:')';padding:0 0 0 .25em}.c-project__content__info__item:last-child{margin:0}.c-project__content__info__item__place{display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-project__content__info__item__place::after{content:','}.c-project__content__info__item__place:last-child::after{display:none}.c-project__content__title{display:block;width:100%;margin:5px 0 0 0;font-size:31px;line-height:1.2;color:var(--mainColor);font-family:'Poppins','NotoSansTC'}.c-project__content__info__more{margin:20px 0 0 0}.c-project:hover .c-project__content__info__more .c-more__icon::before{animation:footerContactArrow 2s linear infinite}.c-project__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;z-index:10}.c-project[data-style="index"] .c-project__pic{position:static}.c-project[data-style="index"] .c-project__pic__link{opacity:0}.c-project[data-style="index"] .c-project__content{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;margin:10px 0 0 0;padding:0 75px 0 0;background:none}.c-project[data-style="index"] .c-project__content::before{content:'';position:absolute;top:5px;right:0;display:block;width:70px;height:40px;background:url(/assets/images/common/icon_arrow_next_short.svg) center no-repeat #fff;background-size:auto 10px;border-radius:20px;overflow:hidden}.c-project[data-style="index"] .c-project__content__title{font-size:17px;font-family:'NotoSansTC'}.c-project[data-style="index"] .c-project__content__info{margin:5px 0 0 0;order:10}@media screen and (max-width:991px){.c-project__content{margin:15px 0 0 0;background:linear-gradient(to right,#272727 0%,#272727 100%) top right no-repeat,linear-gradient(to right,#272727 0%,#272727 100%) top right no-repeat,linear-gradient(135deg,rgba(39,39,39,0) calc(50% - 1px),#272727 calc(50% - .5px),#272727 calc(50% + .5px),rgba(39,39,39,0) calc(50% + 1px)) top right no-repeat;background-size:15px 1px,1px 15px,20px 20px}.c-project__content__tag{padding:0 30px 0 0}.c-project__content__tag{margin:0}.c-project__content__title{font-size:17px;font-family:var(--baseFont)}.c-project__content__info__more{display:none}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-project__content__info{font-size:12px}.c-project[data-style="index"] .c-project__content{margin:5px 0 0 0}.c-project[data-style="index"] .c-project__content::before{width:60px}}@media (any-hover:hover){.c-project__pic__link{opacity:0;transition:opacity .4s ease-in-out}.c-project__pic__link:hover{opacity:1}@media screen and (min-width:1201px){.c-project[data-style="index"] .c-project__pic__link{opacity:0}.c-project[data-style="index"] .c-project__content{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-end;justify-content:flex-end;height:100%;margin:0;padding:40px 165px 40px 25px;background:rgba(0,0,0,.7);opacity:0;transition:opacity .4s ease-in-out}.c-project[data-style="index"]:hover .c-project__content{opacity:1}.c-project[data-style="index"] .c-project__content::before{content:'more';top:auto;bottom:40px;right:25px;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:130px;height:50px;font-size:14px;line-height:1;color:#fff;font-family:var(--baseFont);text-indent:-30px;border-radius:25px;border:1px solid #c8c8c8;background:url(/assets/images/common/icon_arrow_next_short_white.svg) center right 30px no-repeat;background-size:auto 10px}.c-project[data-style="index"] .c-project__content__sub{top:30px;left:25px;display:block;width:calc(100% - 50px)}.c-project[data-style="index"] .c-project__content__info{color:#fff;order:0}.c-project[data-style="index"] .c-project__content__info__item[data-style="place"]{width:100%;margin:2.5px 0 0 0}.c-project[data-style="index"] .c-project__content__title{margin:15px 0 0 0;font-size:35px;color:#fff;font-family:'Poppins-T','NotoSansTC-T'}@media screen and (max-width:1500px){.c-project[data-style="index"] .c-project__content__title{font-size:24px}}}}@media (any-hover:none){.c-project__pic{position:static}.c-project__pic__link{opacity:0}}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;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:auto;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:45px;height:45px;margin:0 2.5px;border-radius:50%;font-size:17px;line-height:1;color:var(--mainColor);font-family:var(--baseFont);opacity:.7;transition:opacity .4s ease-in-out,background-color .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{opacity:1;background:#f5f5f5}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:40px;height:40px;margin:0 0 0 40px;font-size:0;line-height:1;color:var(--mainColor);font-family:var(--baseFont);transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 40px 0 0}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:100%;height:10px;background:url(/assets/images/common/icon_arrow_next_long.svg) center right no-repeat;background-size:auto 100%}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-page-detail{justify-content:space-between}.c-page-detail .c-page__count{display:none}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page__count a{width:40px;height:40px;margin:0 5px;font-size:12px}.c-page__prev,.c-page__next{width:20px;margin:0 0 0 30px}.c-page__prev{margin:0 30px 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.project{margin:65px auto 75px auto}.project__inner{max-width:1720px}.project__inner .c-nav{margin:0 0 50px 0}.project__inner__box{left:-10px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 20px);background:linear-gradient(to right,#e5e5e5 0%,#e5e5e5 100%) center bottom no-repeat;background-size:calc(100% - 20px) 1px}.project__inner__box .c-project{width:calc(33.33% - 20px);margin:0 10px 65px 10px}.project__inner .c-page{margin:75px auto 0 auto}@media screen and (max-width:1200px){.project__inner__box .c-project{width:calc(50% - 20px)}}@media screen and (max-width:991px){.project{margin:45px auto 75px auto}.project__inner__box .c-project{margin:0 10px 45px 10px}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.project{margin:50px auto 90px auto}.project__inner .c-nav{margin:0 0 30px 0}.project__inner__box{left:0;width:100%;background-size:100% 1px}.project__inner__box .c-project{width:100%;margin:0 0 25px 0}.project__inner .c-page{margin:40px auto 0 auto}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}