.unit-text-box .desc,.esg-article-card .desc,.common-banner .desc{font-size:1rem;font-weight:400;line-height:1.8;letter-spacing:.5px}.sub-navbar{position:fixed;top:0;right:0;z-index:3;padding:50px 0;display:flex;flex-direction:column;justify-content:space-between;gap:50px;width:80px;width:calc(var(--side-space) + var(--1fr));height:100vh;background:#fff;transition:box-shadow .5s}.sub-navbar .space,.sub-navbar .button-group{height:120px}.sub-navbar .menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.sub-navbar .menu-button-box{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .menu-button-box .menu-text{max-height:0;opacity:0;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .menu-button-box:hover .menu-text,.sub-navbar .menu-button-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .menu-button-box:hover .menu-button,.sub-navbar .menu-button-box.active .menu-button{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .menu-button-box:hover .menu-button .icon,.sub-navbar .menu-button-box.active .menu-button .icon{transform:rotate(0)}.sub-navbar .menu-button-box:hover .menu-button .icon span,.sub-navbar .menu-button-box.active .menu-button .icon span{background:#fff}.sub-navbar .menu-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:45px;height:45px;transition:border-color .5s ease,background .5s ease}.sub-navbar .menu-button .icon{display:flex;flex-direction:column;gap:5px;transform:rotate(-30deg);transition:transform .5s ease}.sub-navbar .menu-button .icon span{display:block;background:#181818;width:20px;height:3px;transition:background .5s ease}.sub-navbar .search-box,.sub-navbar .member-box,.sub-navbar .language-box{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sub-navbar .search-box .icon-box,.sub-navbar .member-box .icon-box,.sub-navbar .language-box .icon-box{width:20px;height:20px;font-size:1.25rem}.sub-navbar .search-box .menu-text,.sub-navbar .member-box .menu-text,.sub-navbar .language-box .menu-text{max-height:0;opacity:0;font-size:.875rem;font-weight:500;line-height:1.4;letter-spacing:.5px;transition:max-height .5s ease,opacity .5s ease,margin-top .5s ease}.sub-navbar .search-box:hover .menu-text,.sub-navbar .search-box.active .menu-text,.sub-navbar .member-box:hover .menu-text,.sub-navbar .member-box.active .menu-text{margin-top:10px;max-height:20px;opacity:1}.sub-navbar .language-box{position:relative;width:100%}.sub-navbar .language-box .icon-box{transition:color .5s}.sub-navbar .button-group{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end}.sub-navbar[scroll-top=true] .tip-text{opacity:0;z-index:-1;pointer-events:none}.sub-navbar[scroll-top=true] .top-button{opacity:1;pointer-events:initial}.sub-navbar .tip-text{position:absolute;bottom:0;color:#18181880;transform:rotate(90deg) translate(-30%);cursor:pointer;transition:opacity .5s ease}.sub-navbar .top-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.2);width:40px;height:40px;cursor:pointer;opacity:0;pointer-events:none;transition:background .5s ease,border-color .5s ease,opacity .5s ease}.sub-navbar .top-button .icon-box{font-size:1.25rem;color:#00000080;transition:color .5s ease}.sub-navbar .top-button:hover{background:#0f4c8e;border-color:#0f4c8e}.sub-navbar .top-button:hover .icon-box{color:#fff}@media only screen and (max-width: 1200px){.sub-navbar{display:none}}.common-banner{position:relative}.common-banner .img-box{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.common-banner .img-box img{width:100%;height:100%;object-fit:cover}.common-banner .title{font-size:clamp(2.375rem,.0833rem + 3.0556vw,3.75rem);font-weight:600;line-height:1.1}.common-banner .subtitle{font-size:1.375rem;font-weight:500;line-height:1.4;letter-spacing:1px}.common-banner[data-type=base]{padding:160px calc(var(--1fr) * 3) 140px;display:flex;flex-direction:column;justify-content:center;min-height:600px}.common-banner[data-type=base]:has(~.multipurpose-wrapper){padding:160px calc(var(--1fr) * 3) 220px;justify-content:start}.common-banner[data-type=base][data-align=left]{align-items:flex-start}.common-banner[data-type=base][data-align=left] .content-box{align-items:flex-start;text-align:left}.common-banner[data-type=base][data-align=center]{align-items:center}.common-banner[data-type=base][data-align=center] .content-box{align-items:center;text-align:center}.common-banner[data-type=base][data-align=right]{align-items:flex-end}.common-banner[data-type=base][data-align=right] .content-box{align-items:flex-end;text-align:right}.common-banner[data-type=base] .content-box{display:flex;flex-direction:column;max-width:760px}.common-banner[data-type=base] .title{margin-bottom:30px;display:flex;flex-direction:column;gap:20px}.common-banner[data-type=base] .title:after{display:block;background:#00a9cc;width:100px;height:4px;content:""}.common-banner[data-type=base] .subtitle{margin-bottom:10px}.common-banner[data-type=bottom-block]{padding-top:525px;min-height:750px}.common-banner[data-type=bottom-block] .img-box{height:750px}.common-banner[data-type=bottom-block] .content-box{padding:3.75rem calc(var(--1fr) * 2) 2.5rem;display:flex;align-items:stretch;gap:calc(var(--1fr) * 2);background:#fff;width:calc(var(--1fr) * 35);min-height:225px}.common-banner[data-type=bottom-block] .title-box{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:calc(var(--1fr) * 8)}.common-banner[data-type=bottom-block] .info-box{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.common-banner[data-type=bottom-block] .info-box{width:calc(100% - var(--1fr) * 10)}.common-banner[data-type=bottom-block] .multipurpose-wrapper{position:initial;padding:0;background:transparent;max-width:100%;height:auto}.common-banner[data-type=bottom-block] .multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding-top:12px;height:auto}.common-banner[data-type=bottom-block] .multipurpose-wrapper multipurpose-nav[m4-type=drag] .drag-container .category:after{position:initial;margin-top:10px}.common-banner[data-text-theme=light]{color:#fff}.common-banner[data-text-theme=dark]{color:#181818}@media only screen and (max-width: 1200px){.common-banner[data-type=bottom-block] .title-box{width:calc(var(--1fr) * 10)}.common-banner[data-type=bottom-block] .info-box{width:calc(100% - var(--1fr) * 12)}}@media only screen and (max-width: 1024px){.common-banner .subtitle{font-size:1.25rem}.common-banner[data-type=base]{padding:160px var(--side-space) 140px}.common-banner[data-type=base]:has(~.multipurpose-wrapper){padding:160px var(--side-space) 220px}.common-banner[data-type=bottom-block]{padding-top:400px;min-height:initial}.common-banner[data-type=bottom-block] .subtitle{font-size:1.375rem}.common-banner[data-type=bottom-block] .img-box{height:550px}.common-banner[data-type=bottom-block] .content-box{padding:30px 0 20px;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.common-banner[data-type=bottom-block] .title-box,.common-banner[data-type=bottom-block] .info-box{width:100%}}@media only screen and (max-width: 575px){.common-banner[data-type=base]{padding:90px 20px 0;justify-content:start;min-height:450px}.common-banner[data-type=base]:has(~.multipurpose-wrapper){padding:90px 20px 100px}}.esg-article-card{position:relative;display:block;height:480px}.esg-article-card .img-box{width:100%;height:100%}.esg-article-card .img-box img{width:100%;height:100%;object-fit:cover}.esg-article-card .content-box{padding:40px;position:absolute;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;background:#fff;width:300px;transition:width .5s,background .5s}.esg-article-card .content-header{display:flex;align-items:center;justify-content:space-between}.esg-article-card .date-box{display:flex;align-items:center;gap:5px;font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.5px}.esg-article-card .date-box .month,.esg-article-card .date-box .date{font-weight:800;color:#00a9cc}.esg-article-card .icon-box{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;font-size:.9375rem;opacity:0;transition:opacity .5s}.esg-article-card .icon-box .icon-plus{transition:transform .5s .2s}.esg-article-card .title{font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:.5px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.esg-article-card .title:not(:only-child){margin-top:20px}.esg-article-card .desc{max-width:0;max-height:0;opacity:0;transition:opacity 0s,max-height 0s;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){.esg-article-card:hover .content-box{background:#0f4c8e;color:#fff;width:400px}.esg-article-card:hover .date-box .month,.esg-article-card:hover .date-box .date{color:#fff}.esg-article-card:hover .icon-box{opacity:1}.esg-article-card:hover .icon-box .icon-plus{transform:rotate(180deg)}.esg-article-card:hover .desc{max-width:100%;max-height:200px;opacity:1;transition:opacity .5s .3s,max-height .5s}.esg-article-card:hover .desc:not(:only-child){margin-top:10px}}@media only screen and (max-width: 1200px){.esg-article-card .icon-box{opacity:1}}@media only screen and (max-width: 1024px){.esg-article-card{height:400px}.esg-article-card .content-box{padding:30px}}.unit-text-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.unit-text-box .title-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.unit-text-box .title-en,.unit-text-box .title-zh{font-weight:600;line-height:1.5;letter-spacing:.5px}.unit-text-box .title-en{font-size:1.75rem}.unit-text-box .title-zh{font-size:1.5rem}@media only screen and (max-width: 1024px){.unit-text-box .title-en{font-size:1.625rem}.unit-text-box .title-zh{font-size:1.375rem}}.more{flex-shrink:0;display:flex;align-items:center;gap:15px}.more .icon-box{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;font-size:.9375rem}.more .icon-box .icon-plus{transition:transform .5s}.more span{flex-shrink:0;font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:.5px}@media only screen and (min-width: 1201px){.more:hover .icon-box .icon-plus{transform:rotate(180deg)}}section.banner.aost-show .common-banner .title,section.banner.aost-show .common-banner .subtitle,section.banner.aost-show .common-banner .desc,section.banner.aost-show .multipurpose-wrapper{transform:translateY(0);opacity:1}section.banner.aost-show .common-banner .title{transition-delay:.2s}section.banner.aost-show .common-banner .subtitle{transition-delay:.4s}section.banner.aost-show .common-banner .desc{transition-delay:.6s}section.banner.aost-show .multipurpose-wrapper{transition-delay:.8s}section.banner .common-banner .title,section.banner .common-banner .subtitle,section.banner .common-banner .desc,section.banner .multipurpose-wrapper{transform:translateY(20px);opacity:0;transition:transform .5s,opacity .5s}section.banner .container{position:relative;grid-column:3/-3}@media only screen and (max-width: 1200px){section.banner .container{grid-column:2/-2}}section.content>.container{padding-top:80px;padding-bottom:120px;grid-column:6/-6;display:flex;flex-direction:column;gap:100px}@media only screen and (max-width: 1200px){section.content>.container{grid-column:2/-2}}@media only screen and (max-width: 1024px){section.content>.container{padding-top:50px;padding-bottom:80px;gap:50px}}section.report .container{display:flex;align-items:center;background:#f7f7f7}section.report .link-item{position:relative;flex-grow:1;display:flex;align-items:end;min-height:600px}section.report .link-item[data-theme=dark]{color:#181818}section.report .link-item[data-theme=light]{color:#fff}section.report .link-item .img-box{position:absolute;top:0;left:0;width:100%;height:100%}section.report .link-item .img-box img{width:100%;height:100%;object-fit:cover}section.report .link-item .content-box{padding:40px;z-index:2;display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:30px;width:100%;height:100%}section.report .link-item .unit-text-box{max-width:560px}section.report .latest-report{flex-shrink:0;padding:0 40px;display:flex;flex-direction:column;align-items:center;gap:20px;width:440px}section.report .latest-report .title-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:.5px;color:#0058a3}section.report .latest-report .title-box .title-en{font-weight:800}section.report .latest-report .content-box{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}section.report .latest-report .img-box{position:relative;width:100%;aspect-ratio:1/1}section.report .latest-report .img-box img{width:100%;height:100%;object-fit:cover}section.report .latest-report .img-box .year-tag{padding:10px 20px;position:absolute;top:0;left:0;z-index:2;background:#f7f7f7;color:#00a9cc;font-size:1rem;font-weight:800;line-height:1.5;letter-spacing:.5px}section.report .latest-report .info-box{display:flex;flex-direction:column;align-items:center;gap:20px}section.report .latest-report .info-box .title{text-align:center;font-size:1.375rem;font-weight:500;line-height:1.5;letter-spacing:1px}section.report .latest-report .info-box .button-box{display:flex;align-items:center;gap:10px}section.report .latest-report .info-box .link-button,section.report .latest-report .info-box .download-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;width:40px;height:40px;font-size:1.1875rem;transition:background .5s,color .5s}@media only screen and (min-width: 1201px){section.report .link-item:hover .more .icon-box .icon-plus{transform:rotate(180deg)}section.report .latest-report .info-box .link-button:hover,section.report .latest-report .info-box .download-button:hover{background:#0f4c8e;color:#fff}}@media only screen and (max-width: 1024px){section.report .container{flex-direction:column}section.report .link-item{width:100%;min-height:500px}section.report .link-item .content-box{padding:30px 20px}section.report .latest-report{padding:40px;width:100%}section.report .latest-report .content-box{flex-direction:row;justify-content:center;gap:60px}section.report .latest-report .img-box,section.report .latest-report .info-box{width:calc((100% - 60px)/2)}section.report .latest-report .info-box{align-items:flex-start}section.report .latest-report .info-box .title{font-size:1.25rem}}@media only screen and (max-width: 575px){section.report .latest-report .content-box{flex-direction:column;gap:20px}section.report .latest-report .img-box,section.report .latest-report .info-box{width:100%}section.report .latest-report .info-box{align-items:center}}section.article .container{display:flex;flex-direction:column;gap:50px}section.article .footer{display:flex;align-items:center;gap:120px}section.article .footer .gutter{position:relative;flex-grow:1;display:block;height:1px;background:#0003}section.article .footer .gutter:before{position:absolute;top:-2px;left:0;display:block;background:#00a9cc;width:200px;height:4px;content:""}section.article .footer .button-box{flex-shrink:0;display:flex;align-items:center;gap:40px}@media only screen and (max-width: 1024px){section.article .container{gap:40px}section.article .footer{gap:30px}}@media only screen and (max-width: 575px){section.article .footer{flex-direction:column}section.article .footer .gutter{width:100%}section.article .footer .button-box{justify-content:space-between;width:100%}}section.corporate .container{padding:0 var(--side-space);position:relative;display:flex;align-items:center;justify-content:center;height:700px}section.corporate .img-box{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}section.corporate .img-box img{width:100%;height:100%;object-fit:cover}section.corporate .content-box{padding:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:50px;background:#fff;width:min(600px,100%);min-height:400px}section.corporate .gutter{display:block;background:#00a9cc;width:200px;height:4px}@media only screen and (max-width: 1024px){section.corporate .container{padding:0}section.corporate .img-box{left:calc(-1 * var(--side-space));width:calc(100% + var(--side-space) * 2)}}@media only screen and (max-width: 575px){section.corporate .content-box{padding:20px;gap:40px;min-height:350px}}section.stakeholders .container,section.foundation .container{display:flex;align-items:center}section.stakeholders .img-box,section.foundation .img-box{width:max(var(--1fr) * 15,335px);aspect-ratio:1/1}section.stakeholders .img-box img,section.foundation .img-box img{width:100%;height:100%;object-fit:cover}section.stakeholders .content-box,section.foundation .content-box{padding-left:calc(var(--1fr) * 2);display:flex;flex-direction:column;align-items:flex-start;width:calc(var(--1fr) * 16)}section.stakeholders .gutter,section.foundation .gutter{margin:52px 0;position:relative;display:block;background:#0003;width:100%;height:1px}section.stakeholders .gutter:before,section.foundation .gutter:before{position:absolute;top:-2px;left:0;display:block;background:#00a9cc;width:200px;height:4px;content:""}@media only screen and (max-width: 767px){section.stakeholders .container,section.foundation .container{flex-direction:column;gap:20px}section.stakeholders .img-box,section.foundation .img-box{width:min(100%,335px)}section.stakeholders .content-box,section.foundation .content-box{padding-left:0;width:100%}section.stakeholders .gutter,section.foundation .gutter{margin:32px 0}}section.foundation .container{flex-direction:row-reverse}section.foundation .content-box{padding-left:0;padding-right:calc(var(--1fr) * 2);order:1}@media only screen and (max-width: 767px){section.foundation .container{flex-direction:column}section.foundation .content-box{padding-right:0}}