@charset "UTF-8";
.c-product{display:block;width:100%;flex:0 0 auto;overflow:hidden;z-index:0}.c-product.wow{animation-name:fadeInUp}.c-product__pic{display:block;width:100%;overflow:hidden;z-index:0}.c-product__pic img{transform-origin:center;transition:transform .4s ease-in-out}.c-product__pic::after{content:'View More ';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:18px;line-height:1;font-family:'AlumniSans','NotoSansTC';letter-spacing:.15em;text-indent:-30px;text-transform:uppercase;background:linear-gradient(to right,#fff 0%,#fff 100%) center right calc(50% - 45px)/11px 1px no-repeat,linear-gradient(to right,#fff 0%,#fff 11px) center right calc(50% - 45px)/1px 11px no-repeat rgba(0,0,0,.5);opacity:0;transition:opacity .4s ease-in-out;pointer-events:none}.c-product__content{display:block;width:100%;margin:20px 0 0 0}.c-product__content .c-type{margin:0 0 10px 0}.c-product__content .c-date{margin:0 0 10px 0}.c-product__content__title{display:block;width:100%;max-width:100%;font-size:23px;line-height:1.2;font-family:'Barlow','NotoSansTC'}.c-product__content__text{margin:10px 0 0 0;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.c-product__link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:10}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-product__content__title{font-size:20px}}@media (any-hover:hover){.c-product:has(.c-product__link:hover) .c-product__pic::after{opacity:1}.c-product:has(.c-product__link:hover) .c-product__pic img{transform:scale(1.05)}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-partner{display:block;width:100%;flex:0 0 auto}.c-partner.wow{animation-name:fadeInUp}.c-partner__pic{display:block;width:100%;background:#fff;overflow:hidden}.c-partner__content{display:block;width:100%;margin:15px 0 0 0}.c-partner__content__title{display:block;width:100%;font-size:18px;line-height:1.5;font-family:'Barlow','NotoSansTC';font-weight:300}@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(){}
.index__box{display:block;width:100%}.index__box:nth-child(even){background:linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top 15px left / 13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom 15px left / 13px 1px repeat-x,url(/assets/images/common/noise.png) center/auto repeat}.banner{display:block;width:100%;height:100vh;padding:20px}.banner__box{display:block;width:100%;height:100%;overflow:hidden}.banner__box .slick-list,.banner__box .slick-track{height:100%}.banner__box__item{display:block;width:100%;height:100%}.banner__box__item__bg{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.banner__box__item__bg.wow{animation-name:fadeIn}.banner__box__item__bg::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.3)}.banner__box__item__bg img,.banner__box__item__bg video{object-fit:cover;object-position:center;height:100%}.banner__box__item__content{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-end;justify-content:flex-end;width:100%;height:100%;padding:60px 70px 30px 40px;overflow:hidden}.banner__box__item__content.wow{animation-name:fadeIn}.banner__box__item__content__title{display:block;width:100%;font-size:55px;line-height:1.1;font-family:'Barlow','NotoSansTC';font-weight:600}.banner__box__item__content__text{display:block;width:100%;margin:20px 0 0 0;font-size:16px;line-height:1.6}.banner__srcollDown{position:absolute;bottom:60px;right:60px;display:block;width:20px;font-size:16px;line-height:1;font-family:'AlumniSans','NotoSansTC';letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:opacity .4s ease-in-out;z-index:10}.banner__srcollDown:hover{opacity:.7}.banner__srcollDown::before{content:'Scroll';position:relative;display:block;width:auto;max-width:100%;margin:0 auto;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;flex:0 0 auto}.banner__srcollDown::after{content:'';position:relative;display:block;width:1px;height:70px;margin:20px auto 0 auto;background:#fff;animation:scrollLine 3s linear infinite}.index-intro{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;padding:90px 0 145px 0}.index-intro__pic{display:block;width:50%;margin:0 50px 0 0;flex:0 0 auto;order:-10}.index-intro__pic.wow{animation-name:fadeInUp}.index-intro__content{display:block;width:100%;max-width:655px}.index-intro__content.wow{animation-name:fadeInUp}.index-intro__content__title{margin:0 0 45px 0}.index-intro__content__text{margin:0 0 20px 0;text-align:var(--textAlign)}.index-intro__content__link{max-width:170px;margin:35px 0 0 0}.index-skill{max-width:1260px;padding:115px 0 145px 0}.index-service{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:calc(100% - 60px);max-width:calc(50% + 730px);margin:0 0 0 auto;padding:140px 0}.index-service__content{width:35%;max-width:400px;margin:0 50px 0 0;flex:0 0 auto}.index-service__content.wow{animation-name:fadeInUp}.index-service__content__title{margin:0 0 45px 0}.index-service__content__btGroup{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:122px;margin:45px 0 0 0}.index-service__main{display:block;width:100%;max-width:calc(50vw + 180px);flex:0 1 auto}.index-service__main.wow{animation-name:fadeInUp}.index-service__main__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%}.index-service__main__box .c-product{width:500px;margin:0 20px 0 0}.index-service__main__box .c-product .c-product__content__title{display:inline-block;width:auto;padding:0 25px 0 0}.index-service__main__box .c-product .c-product__content__title::after{content:'';position:absolute;top:calc(50% - 8px);right:0;display:block;width:8px;height:16px;background:url(/assets/images/common/icon_next_white.svg) center/contain no-repeat}.index-craft{padding:110px 0;overflow:visible}.index-craft__title{margin:0 auto 35px auto}.index-craft__main{display:block;width:100%;max-width:700px;margin:0 auto;overflow:visible}.index-craft__main.wow{animation-name:fadeInUp}.index-craft__main__box{left:-35px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 70px);overflow:visible}.index-craft__main__box.slick-slider{display:block}.index-craft__main__box .slick-list,.index-craft__main__box .slick-track{overflow:visible}.index-craft__main__box .slick-arrow{top:220px}.index-craft__main__box .slick-prev{left:max(-190px,calc(50% - 50vw + 60px))}.index-craft__main__box .slick-next{right:max(-190px,calc(50% - 50vw + 60px))}.index-craft__main__box .c-product{width:calc(100% - 70px);margin:0 35px;transition:opacity .4s .3s ease-in-out}.index-craft__main__box .c-product.slick-slide{opacity:.2;pointer-events:none}.index-craft__main__box .c-product.slick-current{opacity:1;pointer-events:all}.index-carousel{display:block;width:100%;overflow:hidden}.index-carousel__area{padding:100px 0 115px 0}.index-carousel__area::after{content:'';position:absolute;bottom:0;left:calc(50% - 50vw);display:block;width:100vw;height:11px;background:linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) top left/13px 1px repeat-x,linear-gradient(to right,rgba(255,255,255,.15) 60%,#ffffff00 60%) bottom left/13px 1px repeat-x}.index-carousel__area:last-child::after{display:none}.index-carousel__area__head{display:flex;align-items:flex-end;align-content:flex-end;justify-items:flex-start;justify-content:flex-start;width:100%;margin:0 auto 50px auto}.index-carousel__area__head.wow{animation-name:fadeInUp}.index-carousel__area__head__title{flex:0 1 auto}.index-carousel__area__head__bgGroup{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:122px;margin:0 0 0 20px;flex:0 0 auto}.index-carousel__area__main{display:block;width:100%}.index-carousel__area__main.wow{animation-name:fadeInUp}.index-carousel__area__main__box{left:-15px;display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:calc(100% + 30px);overflow:hidden}.index-carousel__area__main__box:has(.c-partner){left:-10px;width:calc(100% + 20px)}.index-carousel__area__main__box .c-product{width:calc(100% / 3 - 30px);margin:0 15px}.index-carousel__area__main__box .c-partner{width:calc(25% - 20px);margin:0 10px}@media screen and (min-width:992px) and (max-height:750px){.index-craft__main{max-width:470px}.index-craft__main__box .slick-arrow{top:137.5px}}@media screen and (max-width:1200px){.index-carousel__area__main__box .c-partner{width:calc(33.33% - 20px)}}@media screen and (max-width:991px){.banner__box__item__content{padding:50px 70px 25px 30px}.banner__box__item__content__title{font-size:45px}.banner__box__item__content__text{margin:20px 0 0 0}.banner__srcollDown{bottom:50px;right:50px}.index-intro{display:block;padding:85px 0 100px 0}.index-intro__pic{width:100%;margin:70px auto 0 auto}.index-intro__content{max-width:none}.index-skill{padding:100px 0}.index-service{display:block;width:calc(100% - 60px);margin:0 auto;padding:100px 0}.index-service__content{width:100%;max-width:none;margin:0 0 60px 0}.index-service__content__title{width:calc(100% - 130px);margin:0 0 20px 0}.index-service__content__btGroup{position:absolute;top:0;right:0;margin:0}.index-service__main{max-width:none}.index-service__main__box{left:-30px;width:calc(100% + 60px)}.index-service__main__box .c-product{width:calc(100% - 60px);margin:0 30px}.index-craft__main{max-width:470px}.index-craft__main__box .slick-arrow{top:137.5px}.index-craft__main__box .slick-prev{left:max(-80px,calc(50% - 50vw + 30px))}.index-craft__main__box .slick-next{right:max(-80px,calc(50% - 50vw + 30px))}.index-carousel__area__main__box:has(.c-partner){left:-15px;width:calc(100% + 30px)}.index-carousel__area__main__box .c-product{width:calc(50% - 30px)}.index-carousel__area__main__box .c-partner{width:calc(50% - 30px);margin:0 15px}}@media screen and (max-width:767px){.index-carousel__area__main__box,.index-carousel__area__main__box:has(.c-partner){left:-30px;width:calc(100% + 60px)}.index-carousel__area__main__box .c-product,.index-carousel__area__main__box .c-partner{width:calc(100% - 60px);margin:0 30px}}@media screen and (max-width:575px){.banner{min-height:500px;padding:10px}.banner__box__item__content{padding:40px 20px 20px 20px}.banner__box__item__content__title{font-size:28px;line-height:1.15}.banner__box__item__content__title br{display:none}.banner__box__item__content__text{margin:10px 0 0 0;font-size:15px}.banner__srcollDown{display:none}.index-intro{padding:70px 0}.index-intro__pic{margin:50px auto 0 auto}.index-intro__content__title{margin:0 0 40px 0}.index-skill{padding:80px 0}.index-service{width:calc(100% - 40px);padding:70px 0}.index-service__content{margin:0 0 20px 0}.index-service__content__title{width:calc(100% - 110px)}.index-service__content__btGroup{width:102px}.index-craft{padding:80px 0}.index-craft__title{display:block;width:100%;text-align:left}.index-craft__title .c-title02__sub::after{display:none}.index-craft__main{max-width:none}.index-craft__main__box{left:-20px;width:calc(100% + 40px)}.index-craft__main__box .slick-arrow{top:-86px;left:auto}.index-craft__main__box .slick-prev{right:72px}.index-craft__main__box .slick-next{right:20px}.index-craft__main__box .c-product{width:calc(100% - 40px);margin:0 20px}.index-craft__main__box .c-product.slick-slide{opacity:1;pointer-events:all}.index-carousel__area{padding:70px 0 75px 0}.index-carousel__area__head__bgGroup{width:102px}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){@media screen and (max-width:991px){.banner{height:calc(100vh - 60px)}}@media screen and (max-width:575px){.banner{height:calc(100vh - 80px)}}}@-moz-document url-prefix(){}