.pg-about .root{--paper:#f4f3f0;--grey:#e4e2dd;--white:#fff;--blue:#0749b6;--blue-d:#053a91;--yellow:#ffbd59;--ink:#1f2430;--ink2:#4b5160;--rule:#d3d0c9;--pad:clamp(20px,5.6vw,80px);--max:1280px;--off:-56px;--rw:112px;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--num:"Lexend","Noto Sans TC",sans-serif;background:var(--paper);color:var(--ink);font-family:var(--sans);-moz-text-size-adjust:100%;text-size-adjust:100%;line-break:strict;font-size:17px;font-weight:400;line-height:1.9;position:relative;overflow-x:clip}.pg-about .root *,.pg-about .root :before,.pg-about .root :after{box-sizing:border-box}.pg-about :where(.root) :where(h1,h2,h3,p,ul,ol,dl,dt,dd,figure,blockquote){margin:0;padding:0}.pg-about :where(.root) :where(ul,ol){list-style:none}.pg-about :where(.root) img{max-width:100%;height:auto;display:block}.pg-about :where(.root) a{color:inherit}.pg-about .root a:focus-visible,.pg-about .root button:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}.pg-about .root .btn:focus-visible{border-radius:999px}.pg-about .sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pg-about .route{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.pg-about .route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pg-about .route-plan{stroke:#c4c0b8;stroke-width:2px;stroke-dasharray:0 9}.pg-about .route-ink{stroke:var(--blue);stroke-width:2px}.pg-about .root:not(.js) .route{display:none}@media (min-width:1400px) and (max-width:1480px) and (scripting:none){.pg-about .root:not(.js) .route{display:block}}.pg-about .pen{background:var(--blue);z-index:1;pointer-events:none;opacity:0;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:opacity .4s;position:absolute;top:0;left:0;box-shadow:0 0 0 5px #0749b624}.pg-about .pen.show{opacity:1}.pg-about .wp{pointer-events:none;width:2px;height:2px;margin:-1px 0 0 -1px;display:block;position:absolute}.pg-about .sd{background:var(--paper);border:2px solid var(--blue);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:background-color .5s;display:block;position:absolute}.pg-about .sd.on{background:var(--yellow)}.pg-about .hd{z-index:40;background:var(--paper);border-bottom:1px solid #0000;transition:border-color .35s;position:sticky;top:0}.pg-about .hd.scrolled{border-bottom-color:var(--rule)}.pg-about .hd-in{max-width:calc(var(--max) + 2 * var(--pad));padding:0 var(--pad);align-items:center;gap:32px;height:76px;margin:0 auto;display:flex}.pg-about .brand{letter-spacing:.05em;white-space:nowrap;color:var(--ink);font-size:20px;font-weight:700;line-height:1;text-decoration:none}.pg-about .nav{gap:clamp(18px,2.2vw,32px);margin-left:auto;display:flex}.pg-about .nav a{white-space:nowrap;padding:8px 0;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s;position:relative}.pg-about .nav a:after{content:"";background:var(--blue);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.pg-about .nav a:hover:after,.pg-about .nav a:focus-visible:after,.pg-about .nav a[aria-current=page]:after{transform:scaleX(1)}.pg-about .nav a[aria-current=page]{color:var(--blue);font-weight:700}.pg-about .menu-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;margin:0 -10px 0 auto;padding:0;display:none;position:relative}.pg-about .menu-btn span{background:currentColor;height:2px;transition:transform .3s;position:absolute;left:11px;right:11px}.pg-about .menu-btn span:first-child{top:17px}.pg-about .menu-btn span:nth-child(2){top:25px}.pg-about .hd.open .menu-btn span:first-child{transform:translateY(4px)rotate(45deg)}.pg-about .hd.open .menu-btn span:nth-child(2){transform:translateY(-4px)rotate(-45deg)}.pg-about .mnav{padding:4px var(--pad) 28px;background:var(--paper);border-bottom:1px solid var(--rule);opacity:0;transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete;display:none;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.pg-about .mnav .ml{border-bottom:1px solid var(--rule);padding:14px 0;font-size:18px;font-weight:500;line-height:1.5;text-decoration:none;display:block;position:relative}.pg-about .mnav .ml[aria-current=page]{color:var(--blue);padding-left:22px;font-weight:700}.pg-about .mnav .ml[aria-current=page]:before{content:"";background:var(--yellow);border:2px solid var(--blue);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:2px}.pg-about .mnav .btn{width:100%;margin-top:22px}.pg-about .btn{border:2px solid var(--blue);height:50px;font-family:var(--sans);letter-spacing:.04em;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s,transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.pg-about .btn-solid{background:var(--blue);color:#fff}.pg-about .btn-solid:hover{background:var(--blue-d);border-color:var(--blue-d)}.pg-about .btn-ghost{color:var(--blue);background:0 0}.pg-about .btn-ghost:hover{background:var(--blue);color:#fff}@media (hover:hover){.pg-about .btn:hover{box-shadow:0 6px 0 var(--yellow);transform:translateY(-4px)rotate(-2deg)}}.pg-about .btn:active{box-shadow:0 1px 0 var(--yellow);transition-duration:.12s;transform:translateY(1px)scale(.96)}@media (prefers-reduced-motion:reduce){.pg-about .btn:hover,.pg-about .btn:active{transform:none}}.pg-about .hd .btn{height:42px;padding:0 20px;font-size:15px}.pg-about .more{color:var(--blue);align-items:center;gap:16px;padding:10px 6px 10px 0;font-size:17px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.pg-about .ar{flex:none;width:40px;height:2px;display:block;position:relative}.pg-about .ar:before{content:"";background:var(--blue);transform-origin:0;width:64px;height:2px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleX(.625)}.pg-about .ar:after{content:"";background:var(--blue);border-radius:50%;width:8px;height:8px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:-3px;right:-4px}.pg-about .more:hover .ar:before,.pg-about .more:focus-visible .ar:before{transform:none}.pg-about .more:hover .ar:after,.pg-about .more:focus-visible .ar:after{transform:translate(24px)}.pg-about .sec{padding:clamp(88px,9.8vw,140px) 0;position:relative}.pg-about .wrap{z-index:2;max-width:calc(var(--max) + 2 * var(--pad));padding:0 var(--pad);margin:0 auto;position:relative}.pg-about .h2{letter-spacing:.03em;word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(30px,3.1vw,46px);font-weight:700;line-height:1.3}.pg-about .mk{color:inherit;box-shadow:inset 0 -.42em 0 var(--yellow);-webkit-box-decoration-break:slice;box-decoration-break:slice;background:0 0;padding:0 .04em}.pg-about .nw{white-space:nowrap}.pg-about .jt{text-align:justify}.pg-about .ph{background:var(--grey);border-radius:999px;position:relative;overflow:hidden}.pg-about .ph img{object-fit:cover;width:100%;position:absolute;top:0;left:0;height:100%!important}.pg-about .cap{letter-spacing:.08em;color:var(--blue);margin-top:16px;font-size:15px;font-weight:700;line-height:1.5;display:block}.pg-about .body{color:var(--ink2);font-size:clamp(17px,1.4vw,20px);line-height:2}.pg-about .blob{z-index:0;pointer-events:none;line-height:0;display:block;position:absolute}.pg-about .blob svg{will-change:transform;width:100%;height:auto;display:block;overflow:visible}.pg-about .wrap .blob{z-index:-1}.pg-about .fy{fill:var(--yellow)}.pg-about .fb{fill:var(--blue)}.pg-about .fl{fill:#9cb6e2}.pg-about .hero{max-width:calc(var(--max) + 2 * var(--pad));padding:clamp(64px,7vw,112px) var(--pad) clamp(40px,4vw,64px);grid-template-columns:minmax(0,1fr) clamp(260px,27vw,400px);align-items:start;column-gap:clamp(40px,5vw,96px);margin:0 auto;display:grid;position:relative}.pg-about .lock{z-index:2;letter-spacing:.02em;font-size:clamp(40px,5vw,76px);font-weight:700;line-height:1.32;position:relative}.pg-about .lock .h1{font-size:1em;font-weight:700;line-height:inherit;color:var(--blue)}.pg-about .tag{padding-left:2.04em;font-size:1em}.pg-about .tag .ln{white-space:nowrap;display:block}.pg-about .hl{margin:0 -.04em;padding:0 .04em;display:inline-block;position:relative}.pg-about .hl:before{content:"";background:var(--yellow);z-index:-1;transform-origin:0;height:.36em;animation:.9s cubic-bezier(.65,0,.35,1) .35s both about-d1sweep;position:absolute;bottom:.08em;left:0;right:0}@keyframes about-d1sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pg-about .dash{color:var(--blue)}.pg-about .origin{vertical-align:calc(.39em - 7px);background:var(--yellow);border:2px solid var(--blue);border-radius:50%;width:14px;height:14px;margin-left:-.04em;display:inline-block}.pg-about .hero-ph{z-index:2;aspect-ratio:1;width:100%;margin-top:clamp(0px,1vw,16px);position:relative}.pg-about .hero-ph img{object-position:50% 50%}.pg-about .b-hero{width:clamp(280px,28vw,420px);top:clamp(150px,17vw,260px);right:calc(-1*clamp(150px,14vw,230px))}.pg-about .story{padding-top:clamp(56px,5vw,80px)}.pg-about .ch{position:relative}.pg-about .ch+.ch{margin-top:clamp(88px,9vw,136px)}.pg-about .rail{position:relative}.pg-about .rail .wp-t{top:0;left:50%}.pg-about .rail .wp-b{bottom:0;left:50%}.pg-about .rail .sd{top:50%;left:50%}.pg-about .stmt,.pg-about .para,.pg-about .born,.pg-about .born-2,.pg-about .why,.pg-about .outro,.pg-about .cta .h2{position:relative}.pg-about .stmt{letter-spacing:.02em;font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1.75}.pg-about .ph-pano{aspect-ratio:2;width:100%}.pg-about .ph-pano img{object-position:50% 40%}.pg-about .paras{gap:28px;display:grid}.pg-about .para{position:relative}.pg-about .founder{width:min(100%,300px);position:relative}.pg-about .ph-founder{aspect-ratio:3/5;width:100%}.pg-about .ph-founder img{object-position:50% 50%}.pg-about .b-founder{width:clamp(250px,23.8vw,350px);top:14%;left:calc(100% - 96px)}.pg-about .turn{padding-top:clamp(88px,9vw,136px)}.pg-about .born{letter-spacing:.03em;font-size:clamp(30px,5.4vw,84px);font-weight:700;line-height:1.3}.pg-about .born-2{max-width:820px;margin-top:clamp(16px,1.6vw,24px);font-size:clamp(20px,1.9vw,28px);font-weight:500;line-height:1.8}.pg-about .why{max-width:760px;margin-top:clamp(64px,7vw,104px);font-size:clamp(19px,1.6vw,23px);font-weight:500;line-height:1.95}.pg-about .b-turn{width:clamp(300px,32vw,500px);top:clamp(-24px,-1vw,0px);right:0;transform:translate(48%)}.pg-about .b-dot{width:clamp(30px,2.6vw,40px);top:calc(clamp(-24px,-1vw,0px) + clamp(300px,32vw,500px)/1.25);right:calc(clamp(300px,32vw,500px)/2 + 10px)}.pg-about .things{background:var(--white)}.pg-about .tlist{position:relative}.pg-about .tol{margin-top:clamp(56px,6vw,96px)}.pg-about .bn{z-index:0;background:var(--white);width:1.36em;height:1.36em;font-family:var(--num);letter-spacing:-.02em;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;font-size:clamp(70px,7.2vw,108px);font-weight:300;line-height:1;display:flex;position:relative}.pg-about .bn:before{content:"";z-index:-1;background:var(--yellow);border-radius:50%;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(0)}.pg-about .bn.on:before{transform:scale(1)}.pg-about .t-title{letter-spacing:.03em;font-size:clamp(22px,2.3vw,34px);font-weight:700;line-height:1.5}.pg-about .t-desc{color:var(--ink2);margin-top:8px;font-size:clamp(17px,1.4vw,20px);line-height:1.85}.pg-about .tp-1{aspect-ratio:1}.pg-about .tp-1 img{object-position:50% 28%}.pg-about .tp-2{aspect-ratio:9/16}.pg-about .tp-3{aspect-ratio:2}.pg-about .tp-3 img{object-position:50% 78%}.pg-about .b-things{bottom:-64px;left:calc(-1 * var(--pad) - 130px);width:clamp(280px,28vw,420px)}.pg-about .b-pill{top:34%;right:calc(-1 * var(--pad) - 80px);width:clamp(190px,17vw,250px)}.pg-about .b-dotm{display:none}.pg-about .close{background:var(--grey)}.pg-about .outro{letter-spacing:.02em;max-width:900px;font-size:clamp(24px,2.7vw,40px);font-weight:700;line-height:1.65}.pg-about .o-more{margin-top:28px}.pg-about .cta{border-top:1px solid var(--rule);margin-top:clamp(88px,9vw,136px);padding-top:clamp(40px,4vw,56px);position:relative}.pg-about .cta-btns{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.pg-about .dest{left:var(--off);background:var(--yellow);border:2px solid var(--blue);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;display:block;position:absolute;top:.65em}.pg-about .dest:after{content:"";border:2px solid var(--blue);opacity:0;border-radius:50%;position:absolute;inset:-9px}.pg-about .dest.on:after{animation:1.8s ease-out .2s 2 about-d1ping}@keyframes about-d1ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.pg-about .b-close{width:clamp(266px,26.6vw,406px);top:calc(-1*clamp(160px,15vw,230px));right:calc(-1*clamp(110px,11vw,180px))}.pg-about .ft{background:var(--blue);color:#fff;padding:64px 0 80px;position:relative}.pg-about .ft-in{justify-content:center;align-items:center;gap:clamp(56px,6vw,88px);display:flex}.pg-about .ft-brand{letter-spacing:.05em;font-size:22px;font-weight:700;line-height:1.5}.pg-about .ft-brand a{text-decoration:none}.pg-about .ft-info{color:#ffffffe6;gap:2px;margin-top:12px;font-size:16px;line-height:1.85;display:grid}.pg-about .ft-info a{text-decoration:none}.pg-about .ft a:focus-visible{outline-color:#fff}@media (min-width:1000px){.pg-about .rt-m,.pg-about .mnav,.pg-about .hd.open .mnav{display:none}.pg-about .ch{grid-template-columns:minmax(0,var(--fa,5fr)) var(--rw) minmax(0,var(--fb,6fr));align-items:center;display:grid}.pg-about .ch>.col-a{grid-column:1}.pg-about .ch>.rail{grid-column:2;align-self:stretch}.pg-about .ch>.col-b{grid-column:3}.pg-about .ch-1{--fa:6fr;--fb:5fr}.pg-about .ch-2{--fa:5fr;--fb:6fr}.pg-about .ch-2 .para>.sd{left:calc(100% + var(--rw) / 2);top:clamp(17px,1.4vw,20px)}.pg-about .ch-2 .col-b{justify-content:flex-start;padding-left:clamp(24px,4vw,64px);display:flex}.pg-about .lane{grid-template-columns:var(--rw) minmax(0,1fr);display:grid}.pg-about .lane>.rail{grid-column:1}.pg-about .lane>.col-b{grid-column:2}.pg-about .lane .col-b>* .sd,.pg-about .lane .col-b>.sd{left:var(--off)}.pg-about .born .sd{top:.66em}.pg-about .why .sd{top:1em}.pg-about .outro .sd{top:.82em}.pg-about .ti{grid-template-columns:minmax(0,1fr) clamp(150px,13vw,190px) minmax(0,1fr);align-items:center;display:grid}.pg-about .ti+.ti{margin-top:clamp(0px,1vw,16px)}.pg-about .ti .bn{grid-area:1/2;justify-self:center}.pg-about .ti .tx{grid-row:1;max-width:420px}.pg-about .ti .tp{grid-row:1}.pg-about .ti-r .tx{grid-column:3;padding-left:clamp(8px,1.4vw,24px)}.pg-about .ti-r .tp{grid-column:1;justify-self:end;margin-right:clamp(24px,3.4vw,56px)}.pg-about .ti-l .tx{text-align:right;grid-column:1;justify-self:end;padding-right:clamp(8px,1.4vw,24px)}.pg-about .ti-l .t-desc{text-align:justify;text-align-last:right}.pg-about .ti-l .tp{grid-column:3;justify-self:start;margin-left:clamp(24px,3.4vw,56px)}.pg-about .tp-1{width:clamp(220px,21vw,310px)}.pg-about .tp-2{width:clamp(170px,15vw,220px)}.pg-about .tp-3{width:clamp(260px,26vw,380px)}.pg-about .tl-top{top:0;left:50%}.pg-about .ti-h{padding-top:clamp(40px,4vw,64px)}.pg-about .ti-h .sd{grid-area:1/2;justify-self:center;margin:0;position:relative;top:auto;left:auto}.pg-about .ti-h .h2{max-width:none}.pg-about .tl-bot{bottom:clamp(-96px,-7vw,-64px);left:50%}}@media (min-width:1000px) and (max-width:1199px){.pg-about .ch-1{--fa:11fr;--fb:10fr}.pg-about .why{max-width:600px}.pg-about .outro{max-width:640px}}@media (max-width:999px){.pg-about .root{--rx:28px;--ci:62px;--off:calc(var(--rx) - var(--ci))}.pg-about .rt-d,.pg-about .nav,.pg-about .hd-cta{display:none}.pg-about .menu-btn{display:block}.pg-about .hd-in{height:64px}.pg-about .brand{font-size:18px}.pg-about .hd.open .mnav{opacity:1;display:block;transform:none}@starting-style{.pg-about .hd.open .mnav{opacity:0;transform:translateY(-10px)}}.pg-about .rail{display:none}.pg-about .wrap{padding-left:var(--ci)}.pg-about .hero{padding:40px var(--pad) 0 calc(var(--rx) - 8px);grid-template-columns:minmax(0,1fr)}.pg-about .lock{font-size:clamp(26px,8vw,60px)}.pg-about .wp-hm{left:var(--rx);top:calc(100% + clamp(96px,22vw,150px))}.pg-about .hero-txt{position:relative}.pg-about .hero-ph{width:min(100% - var(--ci) + var(--rx) - 8px,440px);justify-self:end;margin-top:clamp(150px,36vw,230px)}.pg-about .b-hero{top:calc(3.96*clamp(26px,8vw,60px) + clamp(150px,36vw,230px));right:calc(-1 * var(--pad) - 44px);width:clamp(169px,43vw,286px)}.pg-about .b-dotm{width:26px;display:block;top:calc(100% + clamp(104px,27vw,170px));right:-6px}.pg-about .story{padding-top:72px}.pg-about .ch{flex-direction:column;display:flex}.pg-about .col-a,.pg-about .col-b{display:contents}.pg-about .ch+.ch{margin-top:72px}.pg-about .sd{left:var(--off)}.pg-about .ch-1 .stmt{order:1;position:relative}.pg-about .ch-1 .stmt .sd{top:.9em}.pg-about .ph-pano{order:2;margin-top:32px}.pg-about .founder{order:1;width:min(100%,250px)}.pg-about .paras{order:2;margin-top:36px}.pg-about .para>.sd{top:17px}.pg-about .founder{width:min(100% - 36px,250px)}.pg-about .b-founder{width:clamp(143px,36vw,234px);top:26%;left:calc(100% - 48px)}.pg-about .born,.pg-about .why,.pg-about .outro{position:relative}.pg-about .born .sd{top:.66em}.pg-about .why .sd{top:1em}.pg-about .outro .sd{top:.82em}.pg-about .born{font-size:clamp(28px,8vw,56px)}.pg-about .b-turn,.pg-about .b-dot,.pg-about .b-things{display:none}.pg-about .b-pill{top:300px;right:calc(-1 * var(--pad) - 28px);width:clamp(100px,26vw,150px)}.pg-about .ti-h{position:relative}.pg-about .ti-h .sd{top:20px}.pg-about .tol{margin-top:40px}.pg-about .ti{flex-direction:column;display:flex;position:relative}.pg-about .ti+.ti{margin-top:48px}.pg-about .ti .bn{left:var(--off);letter-spacing:0;width:52px;height:52px;margin:-26px 0 0 -26px;font-size:30px;position:absolute;top:23px}.pg-about .t-title{line-height:46px}.pg-about .tp{margin-top:24px}.pg-about .tp-1{width:min(100%,240px)}.pg-about .tp-2{align-self:flex-end;width:min(62%,190px)}.pg-about .tp-3{width:min(100%,320px)}.pg-about .b-close{top:clamp(124px,36vw,170px);right:calc(-1 * var(--pad) - 44px);width:clamp(143px,36vw,260px)}.pg-about .ft-in{text-align:center;flex-direction:column;gap:28px}}@media (min-width:600px) and (max-width:999px){.pg-about .root{--rx:44px;--ci:96px}}@media (max-width:599px){.pg-about .ch-1 .stmt{font-size:calc((100vw - var(--ci) - var(--pad)) / 13.85)}.pg-about .born{font-size:calc((100vw - var(--ci) - var(--pad)) / 8.7)}.pg-about .born-2{font-size:calc((100vw - var(--ci) - var(--pad)) / 12.15)}.pg-about .why{font-size:calc((100vw - var(--ci) - var(--pad)) / 15)}.pg-about .outro{font-size:calc((100vw - var(--ci) - var(--pad)) / 11.6)}}@media (max-width:339px){.pg-about .why{font-size:calc((100vw - var(--ci) - var(--pad)) / 13.2)}.pg-about .nw-xs{white-space:nowrap}}@media (max-width:420px){.pg-about .btn{padding:0 18px}.pg-about .ar{width:28px}.pg-about .ar:before{width:40px;transform:scaleX(.7)}.pg-about .more:hover .ar:after,.pg-about .more:focus-visible .ar:after{transform:translate(12px)}}@media (prefers-reduced-motion:reduce){.pg-about .hl:before,.pg-about .dest.on:after{animation:none}.pg-about .pen{display:none}.pg-about .blob svg{will-change:auto;transform:none!important}.pg-about .bn:before{transition-duration:.01ms}}