@charset "UTF-8";
.c-nav{display:block;width:100%;margin:0 auto;overflow:hidden}.c-nav.wow{animation-name:fadeIn}.c-nav__list{display:block;width:100%;padding:0 60px;border-bottom:1px solid var(--borderColor);overflow:hidden}.c-nav__list::before,.c-nav__list::after{content:'';position:absolute;top:0;display:block;width:60px;height:100%;background:linear-gradient(to right,#fff 30%,#ffffff00 100%);z-index:10}.c-nav__list::before{left:0}.c-nav__list::after{right:0;transform:scaleX(-1)}.c-nav__list__box{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 auto;background:var(--bgBorderColor)}.c-nav__list__box .slick-list{overflow:visible}.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%;margin:45px;font-size:17px;line-height:1.2;color:#1019394d;font-family:'Montserrat-M','NotoSansTC-M';letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-nav__list__box__item::before{content:'';position:absolute;top:calc(50% - 2.5px);left:calc(100% + 47.5px);display:block;width:5px;height:5px;background:#1019394d;border-radius:50%;overflow:hidden}.c-nav__list__box__item:last-child::before{display:none}.c-nav__list__box__item.slick-slide{display:flex}.c-nav__list__box__item:not(.current):hover{opacity:.7}.c-nav__list__box__item.current{color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.c-nav__select{display:none;width:100%}@media screen and (max-width:991px){.c-nav__list{display:none}.c-nav__list::before,.c-nav__list::after{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-case{display:block;width:100%;padding:0 0 35px 0;flex:0 0 auto}.c-case.wow{animation-name:fadeInUp}.c-case__pic{display:block;width:100%;margin:0 0 30px 0}.c-case__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%;font-size:15px;line-height:1;color:#fff;font-family:'Montserrat-M','NotoSansTC-M';letter-spacing:.5px;background:#101939cc;opacity:0;transition:opacity .4s ease-in-out}.c-case__pic__cover::before{content:'READ MORE';display:block;width:auto;max-width:100%}.c-case__pic__cover::after{content:'';position:relative;display:block;width:.9em;height:.9em;margin:0 0 0 15px;background:linear-gradient(to top,#fff 0%,#fff 100%) center / 100% 1px no-repeat,linear-gradient(to top,#fff 0%,#fff 100%) center /1px 100% no-repeat;flex:0 0 auto}.c-case:hover .c-case__pic__cover{opacity:1}.c-case__content{display:block;width:100%}.c-tag{margin:0 0 5px 0}.c-case:hover .c-tag__item{animation:buttonBgMoveHorizon 3s linear infinite}.c-case__content__title{display:block;width:100%;font-size:18px;line-height:1.2;color:var(--titleColor);font-family:'NotoSerifTC-B';letter-spacing:.5px}.c-case__content__text{margin:10px 0 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-case__link{position:absolute;bottom:0;left:0;display:flex;align-items:flex-end;align-content:flex-end;justify-items:flex-start;justify-content:flex-start;width:100%;height:100%;font-size:15px;line-height:1;color:var(--mainColor);font-family:'Montserrat-M','NotoSansTC-M';z-index:10}.c-case__link::before{content:'READ MORE';display:block;width:auto;max-width:100%;color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.c-case__link::after{content:'';position:relative;display:block;width:.9em;height:.9em;margin:0 0 0 15px;background:linear-gradient(to top,var(--mainColor) 0%,var(--mainColor) 100%) center / 100% 1px no-repeat,linear-gradient(to top,var(--mainColor) 0%,var(--mainColor) 100%) center /1px 100% no-repeat;flex:0 0 auto}@media screen and (max-width:991px){.c-case__pic__cover{display:none}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-case{padding:0 0 30px 0}.c-case__pic{margin:0 0 20px 0}.c-case__link{margin:20px 0 0 0}}@media (any-hover:hover){@media screen and (min-width:992px){.c-case{padding:0}.c-case__link{opacity:0}}}@media (any-hover:none){.c-case__pic__cover{display: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;padding:30px 0 0 0;border-top:1px solid var(--borderColor)}.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:30px;height:30px;margin:0 5px;border-radius:50%;font-size:17px;line-height:1;color:var(--titleColor);font-family:'Montserrat','NotoSansTC';transition:color .4s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.c-page__count a.hide{display:none}.c-page__count a:not(.active):hover{opacity:.7}.c-page__count a.active{color:#fff;background:var(--gradient);pointer-events:none}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 0 0 20px;font-size:16px;color:var(--titleColor);font-family:'Montserrat','NotoSansTC';text-transform:uppercase;letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 20px 0 0}.c-page__next{order:30}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::after,.c-page__next::before{position:relative;display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:transparent;font-family:inherit;background:var(--gradient);flex:0 0 auto;background-clip:text;-webkit-background-clip:text}.c-page__prev::after{content:'Prev'}.c-page__next::before{content:'Next'}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:6px;height:11px;margin:0 0 0 20px;background:url(/assets/images/common/icon_arrow_next_blue.svg) center/contain no-repeat}.c-page__prev::before{margin:0 15px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{color:var(--titleColor);pointer-events:none}.c-page__prev.disable::after,.c-page__next.disable::before{color:inherit;background:none}.c-page__back{max-width:200px;order:20}.c-page-detail{padding:50px 0 0 0}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{justify-content:space-between}.c-page__prev,.c-page__next{font-size:15px}.c-page__prev::after,.c-page__next::before{display:none}.c-page__prev::before,.c-page__next::after{width:10px;height:22px;margin:0}.c-page__back{max-width:none;margin:0 0 15px 0;order:0}.c-page-detail{flex-wrap:wrap;padding:30px 0 0 0}.c-page-detail .c-page__prev,.c-page-detail .c-page__next{justify-items:center;justify-content:center;width:calc(50% - 7.5px);height:50px;margin:0;background:#ededed;border-radius:10px;overflow:hidden}.c-page-detail .c-page__prev::before,.c-page-detail .c-page__next::after{width:6px;height:11px;margin:0 20px 0 0}.c-page-detail .c-page__next::after{margin:0 0 0 20px}.c-page-detail .c-page__prev::after,.c-page-detail .c-page__next::before{display:block;color:inherit;background:none}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.list{background:#fff;margin:0 auto 200px auto}.list__inner{padding:130px max(60px,calc(50% - 610px))}.list__inner__box{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 65px 0}.list__inner__box .c-case{width:calc(33.33% - 50px);margin:0 25px 30px 25px}@media screen and (max-width:1200px){.list__inner__box{left:0;justify-content:space-between;width:100%}.list__inner__box .c-case{width:calc(50% - 20px);margin:0 0 45px 0}}@media screen and (max-width:991px){.list{margin:70px auto 130px auto;background:none}.list .c-nav{margin:0 auto 35px auto}.list__inner{padding:0}.list__inner__box{margin:0 0 15px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.list{margin:70px auto 80px auto}.list__inner__box{margin:0 0 25px 0}.list__inner__box .c-case{width:100%;margin:0 0 40px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}