@charset "UTF-8";
.marquee__box,.marquee__box__item{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden}.marquee__box__item{width:auto;flex:0 0 auto}.marquee__box__item{animation:marquee 40s linear infinite}.marquee__box__item:nth-of-type(2){animation-name:marquee-clone}.marquee__box:hover .marquee__box__item{animation-play-state:paused}[data-hover="false"] .marquee__box:hover .marquee__box__item{animation-play-state:running}@keyframes marquee{0%,100%{transform:translateX(0)}50%{transform:translateX(-100%)}50.01%{transform:translateX(100%)}}@keyframes marquee-clone{0%,100%{transform:translateX(0)}50%{transform:translateX(-100%)}99.99%{transform:translateX(-200%)}}@media screen and (max-width:991px){.marquee__box:hover .marquee__box__item{animation-play-state:running}}@media screen and (max-width:767px){}@media screen and (max-width:575px){}@supports (-webkit-touch-callout:none){}
.c-focus{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;width:100%}.c-focus.wow{animation-name:fadeInUp}.c-focus__pic{display:block;width:50%;margin:0 50px 0 0;flex:0 0 auto}.c-focus__content{display:block;width:100%;max-width:770px;flex:0 1 auto}.c-focus__content__title{display:block;width:100%;font-size:21px;line-height:1.6;color:var(--mainColor);font-family:inherit;letter-spacing:.5px}.c-focus__content__text{display:block;width:100%;margin:25px 0 0 0;font-size:14px;line-height:2.5;color:rgba(39,39,39,.8);font-family:inherit;text-align:justify;letter-spacing:.5px}.c-focus__content .c-more{margin:60px 0 0 0}@media screen and (max-width:991px){.c-focus{display:block}.c-focus__pic{width:100%;margin:0 0 30px 0}.c-focus__content{max-width:none;margin:0}.c-focus__content .c-more{margin:30px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-focus__content__title{font-size:18px}.c-focus__content__text{margin:15px 0 0 0;line-height:2}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
body{overflow:visible}.banner{display:block;width:100%;margin:0 auto;background:linear-gradient(to bottom,#a57d64 70%,rgba(165,125,100,0) 100%)}.banner__cover{position:absolute;bottom:-10px;left:0;display:block;width:100vw;height:150vh;overflow:hidden;pointer-events:none}.banner__cover::after{content:'';position:absolute;bottom:-75vh;right:-75vw;display:block;width:250vw;height:250vh;border-radius:50%;background:radial-gradient(ellipse at center,#fff 50%,rgba(255,255,255,0) 70%);transform:scale(0);opacity:0;will-change:transform;transform-origin:bottom right;transition:transform 1.6s ease-in-out,opacity 1.6s ease-in-out;overflow:hidden}.banner__inner{display:block;width:100%;max-width:1920px;margin:0 auto}.banner__inner::after{content:'';position:absolute;bottom:0;left:calc(50% - 50vw);display:block;width:100vw;height:15%;background:linear-gradient(to bottom,#ffffff00 10%,#fff 100%);pointer-events:none}.banner__inner__pic{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0;left:0;display:block;width:100%;height:var(--screenHeight);transition:filter .6s ease-in-out;pointer-events:none}.banner__inner__pic__item{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;overflow:hidden}.banner__inner__pic__item:first-child{position:relative}.banner__inner__pic__item.active{opacity:1}.banner__inner__pic__item img{object-fit:cover;object-position:top left;height:100%}.banner__inner__pic__item__name{position:absolute;top:70px;left:max(50px,calc(50% - 910px));display:block;width:calc(100% - 100px);max-width:1820px;font-size:14px;line-height:1.5;color:#fff;font-family:'NotoSansTC-T';text-align:left;letter-spacing:.5px}.banner__inner__content{position:relative;display:block;width:calc(100% - 80px);margin:-1em auto 0 auto;padding:0 0 calc(var(--screenHeight) - 1em) 0;font-size:min(270px,14.06vw);line-height:1;color:#fff;font-family:'TenorSans';text-align:right}.banner__inner__content__title{display:block;width:100%;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.banner__inner__content__text{display:block;width:100%;font-size:16px;line-height:1.6875;color:inherit;font-family:'Montserrat-L','NotoSansTC-L';letter-spacing:.5px}.banner__scrollDown{position:fixed;bottom:50px;left:max(50px,calc(50% - 910px));display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.3);cursor:pointer;overflow:hidden;z-index:50}.banner__scrollDown.hide{display:none}.banner__scrollDown::before{content:'';position:relative;display:block;width:11px;height:19px;background:linear-gradient(45deg,rgba(255,255,255,0) calc(50% - 1px),#fff calc(50% - .5px),#fff calc(50% + .5px),rgba(255,255,255,0) calc(50% + 1px)) bottom left -.5px 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)) bottom right -.5px no-repeat,linear-gradient(to right,#fff 0%,#fff 100%) top center no-repeat;background-size:6px 6px,6px 6px,1px calc(100% - 1px);transition:opacity .4s ease-in-out;overflow:hidden}.banner__scrollDown:hover::before{opacity:.7}.banner.over .banner__cover::after{transform:scale(1);opacity:1}.banner.over .banner__scrollDown{display:none}.banner~.index{transition:opacity .6s ease-in-out}.banner.over~.index{opacity:1;transition-delay:.6s}.index{display:block;width:100%;margin:-40vh auto 0 auto}.banner~.index{opacity:0}.index__intro{display:block;width:100%;padding:0 0 max(300px,min(400px,27.34vw)) 0;overflow:hidden}.index__intro__bg{position:absolute;bottom:max(-130px,-3vw);right:max(5%,calc(50% - 800px));display:block;width:37.5%;max-width:720px;min-width:560px}.index__intro__bg.wow{opacity:1;visibility:visible}.index__intro__bg .c-lineAcc{bottom:calc(45.5% - .5px);width:583.657vw;opacity:.7;-webkit-mask:linear-gradient(to bottom,#ffffff00 0%,rgba(255,255,255,.7) 50%) bottom center/100% 6.4% no-repeat;mask:linear-gradient(to bottom,#ffffff00 0%,rgba(255,255,255,.7) 50%) bottom center/100% 6.4% no-repeat}.index__intro__bg__main{display:block;width:100%}.index__intro__bg.wow .index__intro__bg__main{opacity:0;transition:opacity 1s .4s ease-in-out}.index__intro__bg__main,.index__intro__bg.wow.animated .index__intro__bg__main{opacity:.15}.index__intro__bg.wow .c-lineAcc__cover::before,.index__intro__bg.wow .c-lineAcc__cover::after{transition:transform 10s 1.4s linear}.index__intro__inner{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;max-width:1450px}.index__intro__inner.wow{animation-name:fadeIn}.index__intro__inner__content{display:block;width:calc(100% - 200px);max-width:820px}.index__intro__inner__content__title{display:block;width:100%;max-width:1050px;margin:0 0 135px -2.5%}.index__intro__inner__content__title.wow{opacity:1;visibility:visible}.index__intro__inner__content__title__item{display:block;width:100%}.index__intro__inner__content__title__item:nth-child(1){width:68%}.index__intro__inner__content__title__item:nth-child(2){width:49%;margin:-10% 0 0 auto}.index__intro__inner__content__title__item svg{width:100%}.index__intro__inner__content__title__item svg g{stroke-width:10;overflow:hidden}.index__intro__inner__content__title__item .st1{fill:none;stroke:#303030;stroke-dasharray:5000;stroke-dashoffset:5000}.index__intro__inner__content__title.wow.animated .index__intro__inner__content__title__item .st1{animation:draw 10s linear forwards}#word-1 .st1{animation-delay:.8s}#word-2 .st1{animation-delay:1.4s}#word-3 .st1{animation-delay:2.4s}#word-4 .st1{animation-delay:2.8s}#word-5 .st1{animation-delay:3.8s}#word-6 .st1{animation-delay:4s}#word-7{stroke-width:5}#word-7 .st1{animation-delay:4.4s}#word-8 .st1{animation-delay:4.9s}#word-9 .st1{animation-delay:5.2s}#word-10{stroke-width:20}#word-10 .st1{animation-delay:5.7s}#word-11 .st1{animation-delay:6.7s}#word-12 .st1{animation-delay:7.2s}#word-13 .st1{animation-delay:7.4s}#word-14 .st1{animation-duration:7s;animation-delay:7.8s}#word-15{stroke-width:20}#word-15 .st1{animation-duration:5s;animation-delay:8.1s}#word-16{stroke-width:20}#word-16 .st1{animation-duration:6s;animation-delay:8.2s}#word-17{stroke-width:12}#word-17 .st1{animation-delay:8.4s}#word-18{stroke-width:8}#word-18 .st1{animation-delay:9s}.index__intro__inner__content__sub{display:block;width:100%;margin:0 0 10px 0;font-size:18px;line-height:1.9;color:var(--mainColor);font-family:inherit}.index__intro__inner__content__sub.wow{animation-name:fadeInUp}.index__intro__inner__content__text{display:block;width:100%;max-width:610px;font-size:14px;line-height:2.5;color:var(--textColor);font-family:inherit;text-align:justify;letter-spacing:.8px}.index__intro__inner__content__text.wow{animation-name:fadeInUp}.index__intro__inner__bt{margin:80px 0 0 0;font-size:35px}.index__intro__inner__bt::after{width:34px;height:19px;margin:0 0 0 25px}.index__service{display:block;width:100%;margin:-160px auto 0 auto;padding:0 0 150px 0;z-index:10}.index__service__bg{position:absolute;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0;left:0;display:block;width:100vw;width:100%;height:1px;pointer-events:none;overflow:visible}.index__service__bg__inner{position:absolute;top:0;left:0;display:block;width:100%;height:100vh;overflow:hidden}.index__service__bg__inner::before,.index__service__bg__inner::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%}.index__service__bg__inner::before{left:-30%;width:160%;background:url(/assets/images/index/index_service_bg_new.png) top center /100% 100vh no-repeat;transform-origin:center;transition:filter .4s ease-in-out;animation:bgMove 13s linear infinite}.index__service.even .index__service__bg__inner::before{filter:grayscale(100%) brightness(1.2)}.index__service__bg__inner::after{background:url(/assets/images/index/index_service_bg_dec.png) top center/100% auto no-repeat}.index__service__inner{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:space-between;max-width:1820px;padding:410px 0 0 0;z-index:10}.index__service__inner__title{position:absolute;top:342px;left:calc(50% - 123px);max-width:calc(50% - 123px);z-index:10}.index__service__inner__title .c-title04__main{font-size:110px}.index__service__inner__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:space-between;width:100%}.index__service__inner__box__pic{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:calc(50vh - min(290.46px,(100vw - 100px) / 2 * .6364 / 2));left:0;display:block;width:50%;margin:0 50px 0 0;flex:0 0 auto}.index__service__inner__box__pic__item{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%;overflow:hidden}.index__service__inner__box__pic__item::before{content:'';position:relative;display:block;width:100%;padding:63.83% 0 0 0}.index__service__inner__box__pic__item img{position:absolute;bottom:0;left:0}.index__service__inner__box__pic__item.j-serviceParallax-pic:not(:first-child){height:0}.index__service__inner__box__pic__item:first-child{position:relative}.index__service__inner__box__content{display:block;width:100%;max-width:770px;margin:7.5% 0;padding:0 max(0px,calc(100% - 1630px)) 0 0}.index__service__inner__box__content .c-focus{margin:0 0 calc(7.5% + 25vh) 0}.index__service__inner__box__content .c-focus:last-child{margin:0}.index__service__inner__box__content .c-focus__pic{display:none;overflow:hidden}.index__service__inner__box__content .c-focus__pic::before{content:'';position:relative;display:block;width:100%;padding:63.83% 0 0 0}.index__service__inner__box__content .c-focus__pic img{position:absolute;top:0;left:0}.index__case{display:block;width:100%;padding:255px 0 calc(220px + min(max(560px,calc(80vh - 200px)),41.15vw)) 0;overflow:hidden;z-index:10}.index__case::before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,#ffffff00 0%,#fff min(150px,100%))}.index__case__inner{display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-items:flex-end;justify-content:flex-end;width:100%;max-width:1920px;margin:0 auto;padding:0 0 0 max(50px,calc(50% - 745px))}.index__case__inner__pic{display:block;width:100%;box-shadow:50px 50px 110px rgba(94,66,40,.3);overflow:hidden}.index__case__inner__pic::before{content:'';position:relative;display:block;width:100%}.index__case__inner__pic img{position:absolute;top:0;left:0;display:block;width:100%;overflow:hidden}.index__case__inner__pic__text{position:absolute;top:10px;right:10px;display:block;width:calc(100% - 20px);font-size:14px;line-height:1.5;color:rgba(39,39,39,.8);font-family:'NotoSansTC-L';text-align:right;letter-spacing:.5px}.index__case__inner__pic[data-reverse="1"] img{top:auto;bottom:0}.index__case__inner__pic[data-id="1"]{width:calc(60% - 50px);max-width:830px;order:10}.index__case__inner__pic[data-id="1"]::before{padding:76.53% 0 0 0}.index__case__inner__pic[data-id="2"]{right:40%;width:50%;max-width:610px;margin:max(-135px,-7vw) 0 0 0;order:20}.index__case__inner__pic[data-id="2"]::before{padding:75% 0 0 0}.index__case__inner__content{display:block;width:40%;min-width:calc(100% - 830px);margin:0 0 min(-235px,calc(-10.42vw - 35px)) 0;flex:0 1 auto}.index__case__inner__content .c-more{display:inline-flex;margin:min(200px,10.42vw) 0 0 0;font-size:35px}.index__case__inner__content .c-more::after{width:34px;height:20px;margin:0 0 0 25px}.index__ablum{display:block;width:calc(100% - 100px);height:calc(100vh - 200px);max-width:1820px;min-height:min(60vw,1080px);max-height:60vw;margin:min(-560px,calc(-80vh + 200px)) auto 0 auto;z-index:10}.index__ablum.wow{animation-name:fadeIn}.index__ablum__pic{position:absolute;top:0;left:0;display:flex;align-items:flex-end;align-content:flex-end;justify-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.index__ablum__pic img{object-fit:cover;object-position:center bottom;width:150%;height:150%;min-width:150%;min-height:150%}.index__ablum__marquee{display:none}.index__ablum__marquee.wow{animation-name:fadeIn}.index__ablum__marquee__box{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;width:100%;overflow:hidden}.index__ablum__marquee__box__item{display:block;width:calc(100vw - 100px);max-width:1820px;flex:0 0 auto}@media screen and (max-width:1400px){.banner__inner__pic__item{left:calc(50% - 50vw);width:100vw}}@media screen and (max-width:991px){.banner__inner__pic__item__name{left:30px;width:calc(100% - 60px)}.banner__inner__content{width:calc(100% - 60px);font-size:min(270px,14.06vw)}.banner__scrollDown{top:auto;bottom:0;left:80px;display:none}.index__intro__bg{right:auto;left:calc(50% - 15px);width:560px;max-width:none;min-width:0}.index__intro__bg.wow .c-lineAcc__cover::before,.index__intro__bg.wow .c-lineAcc__cover::after{transition:transform 5s 1.4s linear}.index__intro__inner__content{width:100%;max-width:none}.index__intro__inner__content__title{margin:0 0 80px 0}.index__intro__inner__content__text{max-width:515px}.index__service{margin:-95px auto -85px auto;padding:0 0 85px 0}.index__service__inner{flex-wrap:wrap;padding:180px 0 0 0}.index__service__inner__title{position:relative;top:0;left:0;max-width:none;margin:0 auto 45px auto}.index__service__inner__title .c-title04__main{font-size:80px}.index__service__inner__title .c-title04__main::after{left:-65px;right:auto}.index__service__inner__box__pic{display:none}.index__service__inner__box__content{max-width:none;margin:0}.index__service__inner__box__content .c-focus{margin:0 0 50px 0}.index__service__inner__box__content .c-focus__pic{display:block}.index__case{padding:155px 0 calc(100px + 26vw) 0}.index__case__inner{display:block;width:100%;padding:0}.index__case__inner__pic{box-shadow:20px 20px 60px rgba(94,66,40,.3)}.index__case__inner__pic[data-id="1"]{width:calc(100% - 40px);max-width:600px;margin:0 0 100px auto}.index__case__inner__pic[data-id="2"]{right:0;width:60%;max-width:450px;margin:90px auto 0 0}.index__case__inner__content{width:100%;min-width:0;margin:0;padding:0;text-align:center}.index__case__inner__content .c-more{display:inline-flex;margin:35px auto 0 auto;font-size:26px}.index__case__inner__content .c-more::after{width:19px;height:11px;margin:0 0 0 10px}.index__ablum{width:calc(100% - 60px);margin:-26vw auto 0 auto}.index__ablum__marquee__box__item{width:calc(100vw - 60px)}}@media screen and (max-width:767px){.index__service__inner__title{width:auto;max-width:100%;margin:0 auto 15px auto}.index__case{padding:100px 0 85px 0}.index__case::before{background:linear-gradient(to bottom,#ffffff00 0%,#fff min(130px,100%))}.index__ablum{width:100%;height:auto;min-height:0;margin:0}.index__ablum__pic{display:none}.index__ablum__marquee{display:block}}@media screen and (max-width:575px){.banner__inner__pic__item__name{top:60px;left:20px;width:calc(100% - 40px);font-size:12px;text-align:right}.banner__inner__content{width:calc(100% - 40px);font-size:min(80px,21.33vw);text-align:left}.banner__scrollDown{bottom:0;left:45px;width:70px;height:70px}.index__intro{padding:0 0 150px 0}.index__intro__inner{padding:0}.index__intro__bg{bottom:-60px;right:35px;left:auto;width:225px}.index__intro__bg__main,.index__intro__bg.wow.animated .index__intro__bg__main{opacity:.4}.index__intro__inner__content__title{width:80%;margin:0 0 60px 0}.index__intro__inner__content__text{max-width:none}.index__intro__inner__bt{margin:30px 0 0 0;font-size:20px}.index__intro__inner__bt::after{width:19px;height:11px;margin:0 0 0 10px}.index__service__inner__title{margin:0 auto 30px auto}.index__service__inner__title .c-title04__main{font-size:45px}.index__service__inner__title .c-title04__main::after{left:-35px}.index__case{padding:100px 0 85px 0}.index__case::before{background:linear-gradient(to bottom,#ffffff00 0%,#fff min(100px,100%))}.index__case__inner__pic__text{top:5px;right:5px;width:calc(100% - 10px);font-size:12px}.index__case__inner__content .c-more{font-size:20px}.index__case__inner__pic[data-id="1"]{max-width:400px}.index__case__inner__pic[data-id="1"]::before{padding:100% 0 0 0}.index__case__inner__pic[data-id="2"]{width:60%;max-width:360px}.index__case__inner__pic[data-id="2"]::before{padding:104.6% 0 0 0}.index__ablum{max-height:none;height:500px}.index__ablum__marquee,.index__ablum__marquee__box{height:100%}.index__ablum__marquee .marquee__box__item{height:100%}.index__ablum__marquee__box__item{width:auto;height:100%}.index__ablum__marquee__box__item img{width:auto;height:100%}}@media (any-hover:none){.index{margin:-30vh auto 0 auto}}@supports (-webkit-touch-callout:none){.banner__inner__pic__item:last-child::after{content:'';position:absolute;bottom:-10px;left:calc(50% - 50vw);display:block;width:100vw;height:50px;background:linear-gradient(to top,#fff 30%,rgba(255,255,255,0) 100%)}.banner__inner__content{margin:calc(-80px - 1em) auto 0 auto}}@-moz-document url-prefix(){}