@charset "UTF-8";
.c-type{display:block;width:100%}.c-type__title{margin:0 0 10px 0}.c-type__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.c-type__box__item{display:block;width:auto;max-width:100%;margin:0 5px 5px 0;padding:6px 20px;font-size:14px;line-height:1.2;color:var(--mainColor);font-family:inherit;letter-spacing:.5px;border-radius:15px;border:1px solid #b7b7b7;transition:opacity .4s ease-in-out;overflow:hidden;flex:0 0 auto}.c-type__box__item.current{background:#eee}.c-type__box__item:not(.current):hover{opacity:.7}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-aside{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:80px;left:0;display:block;width:35%;max-width:350px;margin:0 50px 0 0;flex:0 0 auto}.c-aside.wow{animation-name:fadeIn}.c-aside__search{display:block;width:100%;margin:0 0 45px 0;padding:0 0 50px 0;border-bottom:1px solid #e9e9e9}.c-aside__search__title{margin:0 0 15px 0}.c-aside__search__form{display:block;width:100%}.c-aside__search__form__select{margin:0 0 5px 0}.c-aside__search__form__submit{height:45px;max-width:80px;font-size:14px;border-radius:0}.c-aside .c-aside__tag__select{display:none}@media screen and (max-width:991px){.c-aside{position:relative;top:0;width:100%;max-width:none;margin:0 0 30px 0}.c-aside__search{margin:0 0 25px 0;padding:0 0 30px 0}.c-aside__search__form{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start}.c-aside__search__form__select{margin:0 5px 0 0}.c-aside__tag{padding:0 0 25px 0;border-bottom:1px solid #e9e9e9}.c-aside[data-switch="pad"]{margin:0 0 40px 0}.c-aside[data-switch="pad"] .c-aside__tag{padding:0;border:none}.c-aside[data-switch="pad"] .c-type__title,.c-aside[data-switch="pad"] .c-type__box{display:none}.c-aside[data-switch="pad"] .c-aside__tag__select{display:block}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-aside{margin:0 0 25px 0}.c-aside__search{display:block;margin:0 0 20px 0;padding:0 0 25px 0}.c-aside__search__form{flex-wrap:wrap;justify-content:space-between}.c-aside__search__form__select{width:calc(50% - 2.5px);margin:0}.c-aside__search__form__submit{width:100%;max-width:none;margin:5px 0 0 0}.c-aside__tag .c-type__box{display:none}.c-aside .c-aside__tag__select{display:block}.c-aside[data-switch="pad"]{margin:0 0 20px 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-news{display:block;width:100%;overflow:hidden;flex:0 0 auto}.c-news.wow{animation-name:fadeInUp;transform:perspective(100rem)}.c-news__pic{display:block;width:100%;margin:0 0 20px 0;overflow:hidden;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-news__pic img{transform-origin:center;transition:transform .6s ease-in-out}.c-news:hover .c-news__pic img{transform:scale(1.05)}.c-news__pic__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0}.c-news__content{display:block;width:100%;transition:opacity .4s ease-in-out;flex:0 1 auto}.c-news__content__title,.c-news__content__text{display:block;width:100%;font-family:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-news__content__type{margin:0 0 10px 0}.c-news__content__title{font-size:21px;line-height:1.65;color:var(--mainColor);letter-spacing:.5px}.c-news__content__text{margin:15px 0 0 0;font-size:14px;line-height:1.8;color:var(--textColor);letter-spacing:.8px}.c-news__content__tool{display:block;width:100%;margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid rgba(39,39,39,.1)}.c-news__content__tool__tag{margin:0 0 15px 0}.c-news__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;z-index:10}@media screen and (min-width:1401px){.c-news[data-style="horizon_big"]{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start}.c-news[data-style="horizon_big"] .c-news__pic{width:62%;margin:0 60px 0 0;flex:0 1 auto}.c-news[data-style="horizon_big"] .c-news__content{width:calc(38% - 60px);min-width:300px;flex:0 0 auto}.c-news[data-style="horizon_big"] .c-news__content__tool{margin:15px 0 0 0;padding:10px 0 0 0}}@media screen and (min-width:992px){.c-news[data-style="horizon"]{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;overflow:visible}.c-news[data-style="horizon"] .c-news__pic{width:39%;max-width:390px;margin:0 60px 0 0;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:transform .4s linear;z-index:20}.c-news[data-style="horizon"]:hover .c-news__pic{opacity:1}.c-news[data-style="horizon"] .c-news__content__tool{margin:15px 0 0 0;padding:10px 0 0 0}}@media screen and (max-width:991px){.c-news__content__type{margin:0 0 5px 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-news__pic{margin:0 0 15px 0}.c-news__content__title{font-size:18px}.c-news__content__text{margin:10px 0 0 0}.c-news__content__tool{margin:15px 0 0 0;padding: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:center;width:100%;max-width:100%;margin:0 auto;padding:50px 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:block;width:auto;max-width:100%;margin:0 17.5px;font-size:20px;line-height:1;color:var(--mainColor);font-family:'TenorSans','NotoSansTC';transition:color .4s ease-in-out,background-color .4s ease-in-out}.c-page__count a::before{content:'';position:absolute;top:calc(50% - 1px);left:-20px;display:block;width:5px;height:2px;background:var(--mainColor)}.c-page__count a.hide+a::before,.c-page__count a:first-child::before{display:none}.c-page__count a.hide{display:none}.c-page__count a:hover,.c-page__count a.active{color:var(--subColor)}.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 30px;font-size:20px;line-height:1;color:var(--mainColor);font-family:'TenorSans','NotoSansTC';text-transform:uppercase;letter-spacing:.5px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 30px 0 0}.c-page__prev:hover::before{animation:arrowRight 1s ease-in-out}.c-page__next:hover::after{animation:arrowLeft 1s ease-in-out}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:18px;height:11px;margin:0 0 0 20px;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat}.c-page__prev::before{margin:0 20px 0 0;transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.4;pointer-events:none}.c-pageDetail{display:block;width:100%;overflow:hidden}.c-pageDetail__list{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%;padding:60px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}.c-pageDetail__list__item{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:calc(50% - 15px);max-width:850px;transform-origin:center;transition:transform .4s ease-in-out;order:10}.c-pageDetail__list__item:hover{transform:scale(.9)}.c-pageDetail__list__item__pic{display:block;width:50%;max-width:390px;margin:auto 7% auto 0;flex:0 0 auto}.c-pageDetail__list__item__content{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;flex:0 1 auto}.c-pageDetail__list__item__content__arrow{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:100%;margin:13% 0 15px 0;font-size:20px;line-height:1;color:var(--mainColor);font-family:'TenorSans','NotoSansTC';flex:0 0 auto}.c-pageDetail__list__item__content__arrow::before{content:'NEXT';position:relative;display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.c-pageDetail__list__item__content__arrow::after{content:'';position:relative;display:block;width:19px;height:11px;margin:0 0 0 20px;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat;flex:0 0 auto}.c-pageDetail__list__item[data-style="prev"]{order:0}.c-pageDetail__list__item[data-style="prev"] .c-pageDetail__list__item__content__arrow::before{content:'PREV';order:10}.c-pageDetail__list__item[data-style="prev"] .c-pageDetail__list__item__content__arrow::after{margin:0 20px 0 0;transform:scaleX(-1)}.c-pageDetail__list__item__content__title{display:block;width:100%;margin:20px 0 auto 0;font-size:21px;line-height:1.5;color:var(--mainColor);font-family:'NotoSansTC-L','NotoSansTC';letter-spacing:.5px;flex:0 1 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.c-pageDetail__list__item__content__title:last-child{height:auto;margin:auto 0 12% 0;font-size:30px}.c-pageDetail__list__item__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.c-pageDetail__back{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;padding:90px 0}.c-pageDetail__back__link{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;font-size:35px;line-height:1;color:var(--mainColor);font-family:'TenorSans','NotoSansTC'}.c-pageDetail__back__link::before{content:'BACK TO LIST';position:relative;display:block;width:auto;max-width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;flex:0 0 auto}.c-pageDetail__back__link::after{content:'';position:relative;display:block;width:34px;height:19px;margin:0 20px 0 0;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat;transform:scaleX(-1);order:-10}.c-pageDetail__back__link:hover::after{animation:arrowRight 1s ease-in-out}@media screen and (max-width:1300px){.c-pageDetail__list__item__content{justify-items:center;justify-content:center}.c-pageDetail__list__item__content__arrow{margin:0 0 15px 0}.c-pageDetail__list__item__content__title{margin:0}.c-pageDetail__list__item__content__title:last-child{margin:0;font-size:25px}.c-pageDetail__list__item__content__tag{display:none}}@media screen and (max-width:991px){.c-pageDetail__list{flex-wrap:wrap;padding:0}.c-pageDetail__list__item{width:100%;max-width:none;padding:50px 0}.c-pageDetail__list__item:hover{transform:none}.c-pageDetail__list__item__pic{width:43.5%;margin:0 30px 0 0}.c-pageDetail__list__item__content__title{font-size:25px}.c-pageDetail__list__item[data-style="prev"]{border-bottom:1px solid #e9e9e9}.c-pageDetail__back{padding:120px 0}}@media screen and (max-width:767px){.c-pageDetail__list__item__content__arrow{margin:0}.c-pageDetail__list__item__content__title,.c-pageDetail__list__item__content__title:last-child{font-size:18px}}@media screen and (max-width:575px){.c-page{padding:25px 0 0 0}.c-page__count a{margin:0 12.5px;font-size:14px}.c-page__count a::before{top:calc(50% - .5px);left:-15px;height:1px}.c-page__prev::before{margin:0 15px 0 0}.c-page__next::after{margin:0 0 0 15px}.c-pageDetail__list__item{padding:20px 0}.c-pageDetail__list__item__pic{width:50%;margin:0 20px 0 0}.c-pageDetail__back{padding:70px 0 60px 0}.c-pageDetail__back__link{flex-direction:column;font-size:25px}.c-pageDetail__back__link::after{margin:18px auto 0 auto;order:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
body{overflow:visible}.case{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between}.case__bg{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:230px;left:0;display:block;width:100%;height:calc(var(--screenHeight) - 230px);margin:0 0 0 -100%;z-index:-10;flex:0 0 auto}.case__bg::before{content:'';position:absolute;bottom:5%;left:0;display:block;width:350px;height:350px;background:url(/assets/images/common/menu_bg_slogan.svg) left bottom/350px auto no-repeat;opacity:.05;transform-origin:left bottom;transform:rotate(-13deg)}.case .c-aside{z-index:10}.case__area{display:block;width:min(calc(100% - 400px),calc(65% - 50px));max-width:1200px;flex:0 1 auto}.case__area__focus{left:-100px;display:block;width:max(calc(100% + 100vw - 100px - 350px - 1470px + 110px),calc(100% + 150px));margin:0 0 100px 0;padding:0 max(110px,calc(100% - 1140px)) 170px 100px;overflow:hidden}.case__area__focus::before{content:'';position:absolute;bottom:0;left:0;display:block;width:calc(100% + 220px);height:calc(100% - 100px);background:#f5f5f5;pointer-events:none}.case__area__focus__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 110px)}.case__area__focus__box.wow{animation-name:fadeInUp}.case__area__focus__box.slick-slider{display:block}.case__area__focus__box .slick-arrow{top:auto;bottom:-60px}.case__area__focus__box .slick-prev{left:0}.case__area__focus__box .slick-next{right:auto;left:150px}.case__area__focus__box .slick-dotsLine{position:absolute;bottom:-55px;left:auto;right:calc(105px + max(95px,calc(100% - 1080px)));width:calc(100% - 520px);max-width:615px}.case__area__focus__box .c-news{width:840px;max-width:calc(100vw - 100px - min(350px,35vw) - 50px - 60px - 110px);margin:0 60px 0 0}.case__area__focus__count{position:absolute;right:max(100px,calc(max(110px,calc(100% - 1140px)) - 40px));bottom:112px;width:auto}.case__area__focus__count.wow{animation-name:fadeInUp}.case__area__box{max-width:1010px}.case__area__box .c-news{margin:0 0 50px 0;padding:0 0 50px 0;border-bottom:1px solid #e9e9e9}.case__area__box .c-news:last-child{border:none;padding:0}.case__area .c-page{max-width:1010px;margin:0}@media screen and (max-width:1400px){.case__area__focus__box .c-news{width:600px;margin:0 70px 0 0}}@media screen and (min-width:992px){.case .c-aside{margin:0 0 280px 0}}@media screen and (max-width:991px){body{overflow:hidden;overflow-y:auto}.case{display:block}.case__bg{display:none}.case__area{width:100%}.case__area__focus{left:-30px;width:calc(100% + 60px);margin:0 0 70px 0;padding:0 30px 140px 30px;overflow:hidden}.case__area__focus::before{left:-30px;width:calc(100% + 60px)}.case__area__focus__box{left:0;width:100%}.case__area__focus__box .slick-list,.case__area__focus__box .slick-track{overflow:visible}.case__area__focus__box .slick-arrow{bottom:-75px}.case__area__focus__box .slick-prev{left:0}.case__area__focus__box .slick-next{left:150px}.case__area__focus__box .slick-dotsLine{bottom:-68px;right:105px;width:calc(100% - 410px);max-width:none}.case__area__focus__box .c-news{max-width:none}.case__area__focus__count{right:30px;bottom:70px}.case__area__box{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between}.case__area__box .c-news{width:calc(50% - 25px);padding:0;border:none}.case__area .c-page{max-width:none;margin:20px 0 0 0}}@media screen and (max-width:767px){.case__area__box{display:block}.case__area__box .c-news{width:100%;margin:0 0 40px 0}}@media screen and (max-width:575px){.case__area__focus{left:-20px;width:calc(100% + 40px);margin:0 0 50px 0;padding:0 20px 100px 20px}.case__area__focus::before{left:-20px;width:calc(100% + 40px)}.case__area__focus__box{left:-20px;width:calc(100% + 40px)}.case__area__focus__box .slick-arrow{bottom:-52px;width:20px}.case__area__focus__box .slick-prev{left:20px}.case__area__focus__box .slick-next{left:65px}.case__area__focus__box .slick-prev::before,.case__area__focus__box .slick-next::after{margin:0}.case__area__focus__box .slick-prev::after,.case__area__focus__box .slick-next::before{display:none}.case__area__focus__box .slick-dotsLine{bottom:-46px;width:calc(100% - 235px)}.case__area__focus__box .c-news{width:100%;margin:0 20px}.case__area__focus__count{right:20px;bottom:50px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}