body{text-align:center}.header-a{position:sticky;top:0;z-index:1000;box-shadow:0 4px 8px #002b4914;min-height:72px;display:flex;flex-direction:column;align-items:center;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:.5px;background-color:var(--white);padding:13px 40px;border-bottom:1px solid var(--divider)}.header-wrapper1{width:100%;max-width:1200px;height:50px;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:20px;row-gap:20px}.header-logo1{display:flex;align-items:center;gap:20px;height:35.9062px}.card-feature-icon-icon-arrow-1-right{aspect-ratio:1 / 1}.footer-a{position:relative;z-index:3;margin-top:-1px;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-bg-blue);padding:20px 40px 16px;border-top:1px solid var(--white)}.footer-wrapper1{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:16px}.footer-row1{container:footer-row1 / inline-size;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;align-content:flex-start;row-gap:8px}.footer-logo1{width:180px;height:36px;flex-shrink:0}.footer-list1{width:348px;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;padding:8px}.footer-text-btn1{width:112px;flex-shrink:0;text-align:left}.footer-text-btn2{width:84px;flex-shrink:0;text-align:left}.footer-text-btn3{width:56px;flex-shrink:0;text-align:left}.header1 .header-upep-logo1,.header1 .header-upep-logo2{width:167px;aspect-ratio:93 / 20}.header1 .header-divider1,.header1 .header-divider2{width:6px;height:34px;flex-shrink:0;aspect-ratio:unset}.header1 .menu1 .menu-btn-btn1{color:var(--upep-azure-blue);border-bottom:2px solid rgba(25,79,144,.8)}.header1 .menu1 .menu-btn-btn3{padding-right:1px}.main{margin-top:-1px;display:flex;flex-direction:column;letter-spacing:0px;background-color:var(--white)}.main-hero-section{display:flex;flex-direction:column;align-items:center;background:url(/assets/main-hero-section-DFViqoOm.png) center / cover no-repeat;padding:32px 24px 60px}.main-wrapper1{container:main-wrapper1 / inline-size;width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;gap:28px}.btn-button-a{box-shadow:0 5px 15px -3px #002b491a,0 4px 6px -4px #002b491a;margin-top:12px;width:100%;max-width:328px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:unset;background-color:var(--text-text-blue);padding:15px 11px;border:1px solid rgba(255,255,255,.75);border-radius:50px}.btn-button-icon-icon-arrow-2-right-a{width:20px;flex-shrink:0;aspect-ratio:1 / 1}.btn-button-label1{color:var(--white);text-align:center}.main-tagline{position:relative;width:100%;max-width:840px;display:flex;flex-direction:column;align-items:center;gap:160px;color:var(--white);font-size:20px;font-weight:500;line-height:1.33;padding-top:28px;padding-bottom:24px}.main-pattern-ai-l{position:absolute;width:300px}.main-pattern-ai1{top:101px;left:760px;height:183px}.main-pattern-ai2{z-index:1;top:0;left:-220px;height:170px}.main-line1{position:absolute;z-index:2;top:84px;left:0;right:0;height:128px;justify-content:center;order:2}.main-line2{display:flex;align-items:flex-end;justify-content:center;gap:8px;align-self:stretch;padding:0 21px;order:1}.main-txt-upep{width:148px;height:40px;flex-shrink:0}.main-line2 .main-text,.main-hero-section .main-text{color:var(--white)!important;margin-bottom:0;text-align:center}.main-line3{width:100%;height:32px;max-width:368px;justify-content:center;flex-shrink:0;order:3}.main-features{display:flex;align-items:flex-start;gap:32px;align-self:stretch}.feature{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;flex-grow:1}.feature-icon{box-shadow:0 4px 16px #002b4914;width:64px;background-color:var(--white);padding:4px;border-radius:16px}.feature-inner{justify-content:center;aspect-ratio:1 / 1;border-radius:12px}.feature-text{align-self:stretch;color:var(--upep-midnight-blue);font-size:18px;font-family:Noto Sans TC;font-style:normal;font-weight:700;line-height:1.5;letter-spacing:0px;text-align:center}.main-text-symbol{margin-top:24px;width:100%;max-width:920px;color:var(--black-80);--min-font-size: 15;--max-font-size: 16;font-size:var(--interpolate);font-weight:400;line-height:2}.main-links{container:main-links / inline-size;display:flex;flex-direction:column;align-items:center;background-color:var(--white);padding:60px}.main-wrapper2{width:100%;max-width:1160px;display:flex;align-items:flex-start;gap:24px}.card-feature{box-shadow:0 4px 16px #002b4914;width:100%;min-width:240px;max-width:300px;display:flex;flex-direction:column;gap:20px;flex-grow:1;padding-bottom:20px;border:4px solid var(--white);border-radius:12px;overflow:hidden}.card-feature-img{flex-shrink:0}.card-feature-text{font-size:20px;font-family:Noto Sans TC;font-style:normal;font-weight:700;line-height:1.5;letter-spacing:0px;text-align:center}.card-feature-circle{box-shadow:0 4px 16px #002b4914;width:40px;height:40px;flex-shrink:0;align-self:center;background-color:var(--white);padding:8px;border-radius:50%}.card-feature1{background-color:var(--bg-bg-blue);padding-bottom:19px}.card-feature1 .card-feature-text{color:var(--text-text-blue)}.card-feature2{background-color:var(--bg-bg-green)}.card-feature2 .card-feature-text{color:var(--text-text-green)}.card-feature3{background-color:var(--bg-bg-purple)}.card-feature3 .card-feature-text{color:var(--text-text-purple)}.card-feature3 .card-feature-circle{margin-top:30px}.card-feature4{background-color:var(--bg-bg-brown)}.card-feature4 .card-feature-text{color:var(--text-text-brown)}.card-feature4 .card-feature-circle{margin-top:30px}@media screen and (max-width:1024px){.footer-list1{padding-inline:0}.main-hero-section{padding-inline:var(--margin-sm)}.main-line2{padding-inline:0}.main-links{padding-inline:var(--margin-md)}}@media screen and (max-width:768px){.main-hero-section{padding:24px 16px 40px;overflow:hidden}.main-wrapper1{gap:20px;width:100%;max-width:100%;padding:0}.main-tagline{gap:24px;padding-top:16px;padding-bottom:16px;width:100%;max-width:100%}.main-pattern-ai1,.main-pattern-ai2{display:none}.main-line1{position:static;height:auto;width:100%;max-width:100%;text-align:center}.main-line2{flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;padding:0}.main-line3{height:auto;width:100%;max-width:100%}.main-features{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.feature{flex:1;min-width:0}.feature-text{font-size:14px}.main-text-symbol{font-size:15px;line-height:1.6;margin-top:16px;text-align:left;width:100%;max-width:100%}.main-links{padding:32px 16px;width:100%;max-width:100%;box-sizing:border-box}.main-wrapper2{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.card-feature{max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box}.card-feature-img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover}}@media screen and (max-width:576px){.main-links{padding-inline:var(--margin-sm)}}@container footer-row1 (width < 347px){.footer-list1{flex-direction:column;align-items:center;gap:13px}.footer-list1>*{text-align:center}}@container main-wrapper1 (width < 959px){.main-features{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px}.main-features>*{margin-left:unset!important;text-align:center;flex:1;min-width:0}.main-features>.feature1{width:100%}.main-features>.feature1>*{text-align:unset}.main-features>.feature2{width:100%}.main-features>.feature2>*{text-align:unset}.main-features>.feature3{width:100%}.main-features>.feature3>*{text-align:unset}}@container main-links (width < 1031px){.main-wrapper2{flex-direction:column;align-items:center;gap:48px}.main-wrapper2>.card-feature1{width:100%}.main-wrapper2>.card-feature1>*{text-align:unset}.main-wrapper2>.card-feature2{width:100%}.main-wrapper2>.card-feature2>*{text-align:unset}.main-wrapper2>.card-feature3{width:100%}.main-wrapper2>.card-feature3>*{text-align:unset}.main-wrapper2 .card-feature-circle{align-self:center}.main-wrapper2>.card-feature4{width:100%}.main-wrapper2>.card-feature4>*{text-align:unset}}