section{background-color:#fff}.page-nav-container{position:fixed;z-index:2;top:100px;right:20px;left:20px;padding:16px 4px;background-color:#ffffff91;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:10px;border:1px solid rgba(153,153,153,.5);opacity:0;pointer-events:none}@media screen and (min-width: 1280px){.page-nav-container{opacity:1;pointer-events:auto;left:auto;right:0;padding:12px 24px 12px 16px;border:0;transform:translate(100%)}}.page-nav-container .page-nav{display:flex;justify-content:center;gap:16px}@media screen and (min-width: 576px){.page-nav-container .page-nav{gap:24px}}@media screen and (min-width: 1280px){.page-nav-container .page-nav{flex-direction:column;gap:12px}}.page-nav-container .page-nav .item:hover .zh{color:#82393b}@media screen and (min-width: 1280px){.page-nav-container .page-nav .item:last-child{padding-bottom:12px;border-bottom:1px solid rgba(153,153,153,.5)}}.page-nav-container .top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:4px;font-size:13px;border-top:1px solid rgba(153,153,153,.5);padding-top:4px}@media screen and (min-width: 425px){.page-nav-container .top{gap:12px}}@media screen and (min-width: 768px){.page-nav-container .top{gap:24px;font-size:14px}}@media screen and (min-width: 1280px){.page-nav-container .top{padding-top:12px;font-size:16px;margin-bottom:8px}}.page-nav-container .top .pc{display:none}@media screen and (min-width: 1280px){.page-nav-container .top .pc{display:inline}}.page-nav-container .top .icon{display:none}@media screen and (min-width: 1280px){.page-nav-container .top .icon{display:block;stroke:#999;width:6.5px;transform:rotate(45deg)}}.page-nav-container .zh{font-size:11px;color:#727171}@media screen and (min-width: 768px){.page-nav-container .zh{gap:24px;font-size:12px;font-weight:500}}@media screen and (min-width: 1280px){.page-nav-container .zh{font-size:14px;letter-spacing:1px}}#section-1{height:100vh;max-height:-webkit-fill-available}#section-1 .banner-container{position:relative;height:90%;opacity:0}#section-1 .banner-container .banner{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#section-1 .belt-container{padding:0 32px;height:10%;display:flex;justify-content:space-between;background-color:#fff}#section-1 .belt-container .belt{flex-grow:1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(77,77,77,.2)}#section-1 .belt-container .belt .title{text-transform:uppercase;font-size:20px;font-weight:400}@media screen and (min-width: 1280px){#section-1 .belt-container .belt .title{font-size:24px}}@media screen and (min-width: 1440px){#section-1 .belt-container .belt .title{font-size:28px;flex-direction:row}}#section-1 .belt-container .belt .slogan{font-size:14px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}@media screen and (min-width: 1280px){#section-1 .belt-container .belt .slogan{font-size:16px;flex-direction:row}}@media screen and (min-width: 1440px){#section-1 .belt-container .belt .slogan{font-size:18px;flex-direction:row}}#section-1 .belt-container .belt .text{display:none}@media screen and (min-width: 1280px){#section-1 .belt-container .belt .text{font-size:14px;display:block;letter-spacing:1px}}@media screen and (min-width: 1440px){#section-1 .belt-container .belt .text{font-size:16px;flex-direction:row}}#section-2{background-color:#fff;height:3000px;position:relative;z-index:1}#section-2 .topic-container{top:200px;height:70vh;max-height:-webkit-fill-available;width:80%;margin:0 auto;mix-blend-mode:difference;position:relative}@media screen and (min-width: 1280px){#section-2 .topic-container{top:120px}}#section-2 .topic-container .topic{color:#fff;margin:0 auto;line-height:1.5;letter-spacing:1px;writing-mode:vertical-rl}@media screen and (min-width: 1280px){#section-2 .topic-container .topic{line-height:2}}#section-2 .topic-container .title{font-size:22px}#section-2 .topic-container .subTitle{font-size:16px;margin-right:6px}#section-2 .topic-container .divider{width:1px;height:50px;background-color:#4d4d4d;margin-block:14px}#section-2 .topic-container .content-container{font-size:14px;font-weight:300;display:flex;flex-direction:column;gap:16px}.about-img{position:absolute}.about-img.img-1{top:25%;right:0;width:35vw}@media screen and (min-width: 768px){.about-img.img-1{right:24px}}@media screen and (min-width: 1280px){.about-img.img-1{top:19%;right:9vw;width:360px}}@media screen and (min-width: 1920px){.about-img.img-1{top:14%;width:420px}}.about-img.img-2{top:45%;left:0;width:30vw}@media screen and (min-width: 1280px){.about-img.img-2{top:35%;left:5vw;width:300px}}@media screen and (min-width: 1920px){.about-img.img-2{top:45%;width:480px}}.about-img.img-3{top:60%;right:25px;width:35vw}@media screen and (min-width: 768px){.about-img.img-3{right:0}}@media screen and (min-width: 1280px){.about-img.img-3{top:55%;right:0;width:480px}}@media screen and (min-width: 1920px){.about-img.img-3{width:520px}}.about-img.img-4{top:80%;left:0;width:30vw}@media screen and (min-width: 768px){.about-img.img-4{width:240px}}@media screen and (min-width: 1280px){.about-img.img-4{top:65%;left:0;width:300px}}@media screen and (min-width: 1920px){.about-img.img-4{top:75%;width:360px}}.about-img.img-5{top:101%;transform:translateY(-60%);right:0;width:280px}@media screen and (min-width: 768px){.about-img.img-5{width:380px}}@media screen and (min-width: 1280px){.about-img.img-5{right:5vw;width:42vw}}@media screen and (min-width: 1920px){.about-img.img-5{width:38vw}}#section-3{position:relative;margin-top:40px;padding:180px 20px 80px;background-color:#83464c}#section-3 .title{font-size:18px;color:#fff;margin-bottom:40px;letter-spacing:2px;font-weight:500}@media screen and (min-width: 1280px){#section-3 .title{font-size:22px}}#section-3 .title .core-value{display:flex;flex-direction:column;gap:12px}#section-3 .item-container{color:#fff}@media screen and (min-width: 768px){#section-3 .item-container{max-width:50%}}#section-3 .item-container .item{font-size:12px;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid rgba(239,239,239,.5);padding-block:12px;letter-spacing:1px}@media screen and (min-width: 1280px){#section-3 .item-container .item{font-size:14px;padding-block:16px}}#section-3 .item-container .item .subTitle:after{content:"";width:100px;height:1px;display:block}@media screen and (min-width: 1280px){#section-3 .item-container .item .subTitle:after{width:120px}}#section-3 .item-container .item .subTitle .name{margin-bottom:4px}@media screen and (min-width: 1280px){#section-3 .item-container .item .subTitle .name{margin-bottom:8px;font-size:16px}}#section-3 .item-container .item .subTitle .en{letter-spacing:.5px;color:#b5b5b6}@media screen and (min-width: 1280px){#section-3 .item-container .item .subTitle .en{font-size:15px}}#section-3 .item-container .item .desc{font-weight:300}@media screen and (min-width: 1280px){#section-3 .item-container .item .desc{font-size:16px}}#section-4{padding:180px 20px 80px}@media screen and (min-width: 1280px){#section-4{padding:80px 20px}}#section-4 .title{font-size:18px;letter-spacing:1px;font-weight:500;margin-bottom:8px}@media screen and (min-width: 1280px){#section-4 .title{margin-bottom:16px;font-size:22px}#section-4 .subTitle{font-size:16px}}#section-4 .divider{height:1px;width:44px;background-color:gray;margin-block:24px}@media screen and (min-width: 1280px){#section-4 .content-container{max-width:50%}}#section-4 .content-container p{font-weight:300;letter-spacing:.8px;font-size:13px}#section-4 .content-container p:not(:last-child){margin-bottom:24px}@media screen and (min-width: 1280px){#section-4 .content-container p{font-size:14px}}#section-4 .content-container p span{display:inline-block;margin-bottom:6px;line-height:1.5}#section-5{position:relative;margin-block:12px 96px}@media screen and (min-width: 1280px){#section-5 .banner-marquee{height:100%;margin-left:80px}}#section-5 .banner-marquee .swiper{height:100%}#section-5 .banner-marquee .swiper .swiper-wrapper{transition-timing-function:linear}#section-5 .banner-marquee .swiper .swiper-wrapper .swiper-slide{width:auto}#section-5 .banner-marquee .img-container{position:relative;height:100%;pointer-events:none}#section-5 .banner-marquee .img-container .banner{filter:grayscale(1);height:100%;-o-object-fit:cover;object-fit:cover;max-height:300px}@media screen and (min-width: 1280px){#section-5 .banner-marquee .img-container .banner{max-height:600px}}#section-5 .banner-marquee .img-container .icon{position:absolute;left:-24px;bottom:20px;width:50px;height:50px}@media screen and (min-width: 1280px){#section-5 .banner-marquee .img-container .icon{left:-38px;bottom:65px;width:80px;height:80px}}#section-6{background-color:#f7f8f8;padding:180px 20px 80px}@media screen and (min-width: 1280px){#section-6{padding:80px 20px}}@media screen and (min-width: 768px){#section-6 .wrapper{margin-inline:10%}}@media screen and (min-width: 1280px){#section-6 .wrapper{margin-inline:0;display:flex;justify-content:center;gap:80px;margin-inline:auto}}@media screen and (min-width: 1440px){#section-6 .wrapper{gap:140px}}#section-6 .title{text-transform:uppercase;font-size:22px;letter-spacing:1px;font-weight:500;margin-bottom:8px}#section-6 .title span{display:block}@media screen and (min-width: 1280px){#section-6 .title{padding-left:0;margin-bottom:16px;line-height:1.2;font-size:24px}}#section-6 .subTitle{font-family:Noto Sans TC;letter-spacing:1px}@media screen and (min-width: 1280px){#section-6 .subTitle{font-size:16px}}#section-6 .service-container{margin-top:32px;display:flex;flex-direction:column;gap:48px}@media screen and (min-width: 1280px){#section-6 .service-container{flex-direction:row;margin-top:0}#section-6 .service-container .service-item{display:flex;border-top:1px solid rgba(77,77,77,.2);padding-top:12px;gap:32px}}#section-6 .service-container .service-item .title-container{flex-shrink:0}#section-6 .service-container .service-item .title-container .subTitle{font-size:16px}#section-6 .service-container .title-en{border-top:1px solid rgba(77,77,77,.2);text-transform:uppercase;padding-top:12px;margin-bottom:4px;font-size:14px}@media screen and (min-width: 1280px){#section-6 .service-container .title-en{padding-top:0;border-top:0;font-size:16px;margin-bottom:10px}}#section-6 .service-container .title-zh{font-size:16px;letter-spacing:1px}@media screen and (min-width: 1280px){#section-6 .service-container .title-zh{font-size:14px}}#section-6 .service-container .item-container{margin-top:20px;display:flex;flex-direction:column;gap:12px;width:70%;margin-left:auto}@media screen and (min-width: 1280px){#section-6 .service-container .item-container{margin-top:0;align-self:flex-end;padding-top:8px}}#section-6 .service-container .item-container .item{font-family:Noto Sans TC;font-size:13px;font-weight:300;letter-spacing:.2px}@media screen and (min-width: 1280px){#section-6 .service-container .item-container .item{font-size:14px;display:flex;align-items:center;gap:12px;letter-spacing:.5px}}#section-7{background-color:#604549;color:#fff;padding:180px 20px 80px}@media screen and (min-width: 1280px){#section-7{padding:80px 20px}}@media screen and (min-width: 768px){#section-7 .wrapper{margin-inline:10%}}@media screen and (min-width: 1280px){#section-7 .wrapper{display:flex;justify-content:center;margin-inline:auto}}#section-7 .title{font-size:18px;letter-spacing:1px;font-weight:500;margin-bottom:12px}@media screen and (min-width: 1280px){#section-7 .title{font-size:22px}#section-7 .subTitle{font-size:16px;letter-spacing:1px}}#section-7 .divider{height:1px;width:44px;background-color:#efefef80;margin-block:28px}@media screen and (min-width: 1280px){#section-7 .content-container{height:-moz-fit-content;height:fit-content;position:sticky;top:120px}}#section-7 .content p{letter-spacing:.3px;font-size:12px}#section-7 .content p:not(:last-child){margin-bottom:24px}@media screen and (min-width: 1280px){#section-7 .content p{font-size:14px}}#section-7 .content p span{font-family:Noto Sans TC;display:block;margin-bottom:6px;font-weight:300;line-height:1.5}#section-7 .timeline{margin-top:28px;position:relative;padding-block:4px 48px}@media screen and (min-width: 1280px){#section-7 .timeline{margin-top:-10px;margin-left:10%}}@media screen and (min-width: 1440px){#section-7 .timeline{margin-left:12.5%}}#section-7 .timeline:before{content:"";position:absolute;top:0;left:70px;width:1px;height:100%;background-color:#efefef80}#section-7 .timeline .item{display:flex;align-items:center;margin-block:28px}#section-7 .timeline .item .year{font-family:Noto Sans TC;font-size:16px;position:relative;letter-spacing:4px}#section-7 .timeline .circle{width:20px;height:20px;position:relative;border-radius:50%;background-color:#53393b;flex-shrink:0;margin-inline:9px 12px}#section-7 .timeline .circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;height:65%;display:block;background-color:#fff;border-radius:50%}#section-7 .timeline .circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;display:block;background-color:#53393b;border-radius:50%}#section-7 .timeline .content{line-height:1.5;letter-spacing:2px;font-size:12px;font-weight:300;display:flex;flex-direction:column}@media screen and (min-width: 1280px){#section-7 .timeline .content{font-size:14px}}