:root{--bg:#0f1724;--card:#0b1220;--accent:#7c5cff;--muted:#9aa4b2;--glass:rgba(255,255,255,0.04)}
*{box-sizing:border-box}

/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="http://www.onlinewebfonts.com/fonts">Web Fonts</a>is licensed by CC BY 4.0</div>
      OR
      <a href="http://www.onlinewebfonts.com/fonts">Web Fonts</a>

      CSS rules to specify fonts

      font-family: "HanWangZonYi";;

*/

@font-face{
    font-family: "HanWangZonYi";
   src: url("./font/e77038c0c7991d8f03403b15a423e4c8.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


 
.body-bg-light {
	background-color: #ffffff;
}
.body-bg-light {
	background-color: #ffffff;
}
body{margin:0;font-family: 'Open Sans', sans-serif;background:#ffffff;color:#000000;min-height:100vh;padding:0}

/* Noto Sans CJK: prefer Noto for simplified/traditional Chinese pages */
html[lang="sc"] { font-family: 'Noto Sans SC', 'HanWangZonYi', 'Open Sans', sans-serif; }
html[lang="tc"] { font-family: 'Noto Sans CJK TC', 'HanWangZonYi', 'Open Sans', sans-serif; }
html[lang="en"] { font-family: 'Open Sans', Arial, sans-serif; }

p{margin-top:0;font-family:'Open Sans', sans-serif;font-size: 20px}
.container{width:100%;max-width:1000px;margin:0 auto}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.brand{display:flex;gap:12px;align-items:center}
.logo{width:194px;height:38px;display:flex;align-items:center;justify-content:center}
.logo-img{width:194px;height:38px;display:block;object-fit:contain}
h1{font-size:20px;margin:0}
p.lead{margin:4px 0 0;color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:1fr 360px;gap:20px}
.card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.6);transition:transform .18s ease,box-shadow .18s ease}
.hero{padding:28px;border-radius:12px;background:linear-gradient(90deg,rgba(124,92,255,0.12),rgba(61,213,255,0.06));}
h2{margin:0 0 8px;font-size:22px}
ul.features{padding-left:18px;margin:12px 0;color:var(--muted)}
.cta{display:inline-block;margin-top:12px;padding:10px 14px;background:var(--accent);color:#000000;border-radius:10px;font-weight:600;text-decoration:none;box-shadow:0 6px 18px rgba(124,92,255,0.12)}
form label{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}
input,textarea,button{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit}
textarea{min-height:120px;resize:vertical}
footer{color:#000000;font-size:15px;text-align:center;font-family:Open Sans;font-weight:400}
footer p{font-size:15px;font-family:Open Sans;font-weight:400;margin-bottom: 0;}


.nav-link{color:var(--muted);text-decoration:none;margin-left:14px}
.muted{color:var(--muted)}
.mt-8{margin:8px 0 0}
.mt-12{margin-top:12px}
.mt-18{margin-top:18px}
.mt-0{margin-top:0}
.code-block{background:rgba(255,255,255,0.02);padding:12px;border-radius:8px;overflow:auto;color:#cfe7ff}
.btn-submit{margin-top:8px;background:var(--accent);color:#000000;border:none;padding:10px;border-radius:8px}

@media (max-width:880px){.grid{grid-template-columns:1fr;}.logo{width:40px;height:40px}}


.section-fullpage{position:relative;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;padding:0;margin:0}
.section-fullpage .video-bg{position:absolute;inset:0;z-index:0;overflow:hidden;height:100%}
.section-fullpage .video-bg video{width:100%;height:100%;object-fit:cover;display:block}
.video-bg video.video-mobile{display:none}
@media (max-width:880px){
	.video-bg video.video-desktop{display:none}
	.video-bg video.video-mobile{display:block;object-position: 90% 100%}
}

.section-fullpage .video-overlay{position:absolute;inset:0;z-index:1}
.section-fullpage .hero-content{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:32px 24px;text-align:center}
.section-fullpage .hero-content h2{color:#fff}


.section-fullpage .section1-tagline{position:absolute;right:6%;top:50%;transform:translateY(-50%);z-index:3;color:#ffffff;text-align:right;font-weight:400;font-size:60px;font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif}
.section-fullpage .annual-report{position:absolute;right:6%;bottom:6%;z-index:3;color:#ffffff;text-align:right;display:flex;flex-direction:column;align-items:flex-end;font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif;}
.annual-report .annual-title{display:block;font-size:30px;font-weight:400;color:rgba(255,255,255,0.95);}
.annual-report .annual-year-row{display:flex;gap:8px;justify-content:flex-end}
.annual-report .annual-year{display:inline-block;font-size:50px;font-weight:400;line-height:0.95}
.annual-report .annual-ch{display:inline-block;font-size:28px}
.annual-report .annual-report-sc-letter {
	max-width: 56px;
	margin-top: 2px;
}


@media (max-width:880px){
	.annual-report .annual-report-sc-letter {
	max-width: 36px;
}
	.section-fullpage .hero{padding:28px}

	
	.section-fullpage .section1-tagline{font-size:50px;right:25px;top:50%}
	.annual-report .annual-year{font-size:40px}
}

	
	.no-space{ letter-spacing: 0 !important; display:inline-block; }


:root{--header-height:130px}
.root-vars{--Yellow:#FDD000}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1100;transition:transform .22s ease,background-color .22s ease;transform:translateY(0)}
.site-header .site-header__inner{width:100%;max-width:100% ;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:50px 70px}
.site-header.scrolled{background-color:#093982}
.site-header.hidden{transform:translateY(-120%)}
.site-header.visible{transform:translateY(0)}
.page-content{padding-top:0}






.site-header:not(.scrolled){background:transparent}


.header-controls{display:flex;align-items:center;gap:12px}
.lang-area{display:flex;gap:8px;align-items:center}
.lang-btn{background:transparent;border:none;color:#ffffff;font-weight:700;padding:6px 8px;cursor:pointer;border-radius:6px}
.lang-btn:hover{background:rgba(255,255,255,0.06)}

.lang-btn[data-lang="tc"], .lang-btn[data-lang="sc"]{
	font-family: 'Noto Sans SC', 'Noto Sans', sans-serif;
	font-weight:400;
	font-size:18px;
}

.lang-btn[data-lang="en"]{
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:400;
	font-size:18px;
}
.download-report{background:transparent;border:1px solid #ffffff;color:#ffffff;border-radius:100px;font-weight:700;cursor:pointer;white-space:nowrap}
.download-report:hover{background:rgba(255,255,255,0.06)}


.download-report, .btn-download {
	width: 279px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	text-decoration: unset;
	padding: 1.5px 18px 1.5px 36px;
	text-transform: uppercase;
}
.download-report {
	padding: 1.5px 18px 1.5px 15px;
}
html[lang="sc"] .download-report, html[lang="tc"] .download-report {
	padding: 1.5px 18px 1.5px 36px;
}
html[lang="sc"] .download-report, html[lang="sc"] .btn-download,
html[lang="tc"] .download-report, html[lang="tc"] .btn-download {
	width: 220px;
}

.download-report .btn-poly, .btn-download .btn-poly {
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 8px;
	object-fit: contain;
}
.download-report .btn-poly{margin-left:0}
.menu-btn{background:transparent;border:none;color:#ffffff;font-size:18px;padding:8px 10px;border-radius:8px;cursor:pointer}
.menu-btn:hover{background:rgba(255,255,255,0.06)}


.site-header.scrolled .nav-link,.site-header.scrolled .nav-link:visited{color:#ffffff}

@media (max-width:880px){
	.header-controls{gap:8px}
	.download-report{display:none}
}


.section-mobile-img{display:none;width:100%;height:auto;object-fit:cover}

@media (max-width:880px){
	
	.section-who, .section-innovation, .section-howwe, .section-esg-overview{
		background-image: none !important;
		background-color: transparent !important;
	}

	
	.section-mobile-img{display:block}

	
	
	.section-innovation .innovation-inner,
	.section-howwe .howwe-inner,
	.section-esg-overview .esg-inner{
		position:relative;
		z-index:2;
		padding:0 !important;
	}

	
	.innovation-title, .howwe-title, .esg-title{
		position:absolute !important;
		z-index:3 !important;
		left:25px !important;
		right:6% !important;
	}

	
	.who-title h2, .innovation-title h2, .howwe-title h2, .esg-title h2{
		font-size:40px !important;
		line-height:1 !important;
		margin:0 !important;
	}
	html[lang="sc"] .howwe-title h2, html[lang="tc"] .howwe-title h2 {
		line-height:1.2 !important;
	}

	
	.section-yearahead .year-bg{
		background-image: none !important;
	}

	
	#section16 .section-mobile-img{display:block}
	#section16 .year-box h3{font-size:18px !important;margin: 0 0 15px;}
}


@media (min-width:880px){
  .header-controls{gap:16px}
  .menu-btn{min-width:84px;padding-left:8px;padding-right:8px}
}




html[lang="sc"], html[lang="sc"] body, html[lang="sc"] body * {
	font-family: 'Noto Sans SC', 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

html[lang="sc"] #section1, html[lang="sc"] #section1 *,
html[lang="sc"] .box-number, html[lang="sc"] .fast-number *,
html[lang="sc"] .fast-number, html[lang="sc"] .fast-number *,
html[lang="sc"] .board-title, html[lang="sc"] .board-title *,
html[lang="sc"] .esg-title, html[lang="sc"] .esg-title span,
html[lang="sc"] .exec-subtitle .number {
	font-family: 'HanWangZonYi', 'Noto Sans CJK TC', 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}


html[lang="tc"], html[lang="tc"] body, html[lang="tc"] body * {
	font-family: 'Noto Sans CJK TC', 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

html[lang="tc"] .section-heading, html[lang="tc"] .section-heading *,
html[lang="tc"] .box-number, html[lang="tc"] .fast-number *,
html[lang="tc"] .overview-card .card-body h3,
html[lang="tc"] .innovation-item h3,
html[lang="tc"] #section1, html[lang="tc"] #section1 * {
	font-family: 'HanWangZonYi', 'Noto Sans CJK TC', 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

html[lang="sc"] .section-fullpage .section1-tagline, html[lang="tc"] .section-fullpage .section1-tagline { letter-spacing: 1em; }

html[lang="sc"] .section-heading, html[lang="tc"] .section-heading, html[lang="sc"] .exec-subtitle, html[lang="tc"] .exec-subtitle,
 html[lang="tc"] .download-report, html[lang="sc"] .download-report, html[lang="tc"] .btn-download, html[lang="sc"] .btn-download,
 html[lang="tc"] .chairman-sep .download-full, html[lang="sc"] .chairman-sep .download-full
 { letter-spacing: 0.25em; }

html[lang="sc"] .exec-box h4, html[lang="tc"] .exec-box h4, html[lang="tc"] .innovation-item h3, html[lang="sc"] .innovation-item h3,
html[lang="sc"] .tabs-left .tab-item, html[lang="tc"] .tabs-left .tab-item,
html[lang="sc"] .howwe-item h3, html[lang="tc"] .howwe-item h3 {
	letter-spacing: 0.15em;
}
html[lang="sc"] .section-who .who-title h2, html[lang="tc"] .section-who .who-title h2,
html[lang="sc"] .overview-card h3, html[lang="tc"] .overview-card h3,
html[lang="tc"] .innovation-title h2, html[lang="sc"] .innovation-title h2,
html[lang="tc"]  .howwe-title h2, html[lang="sc"]  .howwe-title h2 {
	letter-spacing: 0.5em;

}
html[lang="tc"]  .howwe-title h2, html[lang="tc"] .esg-title h2, html[lang="tc"] .esg-title h2 *,
html[lang="tc"] .section-who .who-title h2, html[lang="tc"] .innovation-title h2,
html[lang="tc"] .section-who .who-title h2 * {
	font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif!important;
}


html[lang="sc"] .section-heading, html[lang="sc"] .innovation-item h3,
html[lang="sc"]  .howwe-title h2, html[lang="sc"] .esg-title h2,
html[lang="sc"] .section-who .who-title h2, html[lang="sc"] .innovation-title h2,
html[lang="sc"] .section-who .who-title h2 *,
html[lang="sc"] .section-heading *,
html[lang="sc"] .overview-card h3
 {font-weight: 900!important;}

html[lang="sc"] .section19-span1, html[lang="tc"] .section19-span1 {
	letter-spacing: 0.5em;
}
html[lang="sc"] .section19-span2, html[lang="tc"] .section19-span2 {
	letter-spacing: 0;
}

@media (max-width:880px){
  .menu-btn{min-width:56px}
  html[lang="sc"] .overview-card h3, html[lang="tc"] .overview-card h3,
   html[lang="tc"] .chairman-sep .download-full, html[lang="sc"] .chairman-sep .download-full {
	letter-spacing: 0.15em;
}
html[lang="sc"] .section-who .who-title h2, html[lang="tc"] .section-who .who-title h2, html[lang="sc"] .overview-card h3,
 html[lang="tc"] .overview-card h3, html[lang="tc"] .innovation-title h2, html[lang="sc"] .innovation-title h2, 
 html[lang="tc"] .howwe-title h2, html[lang="sc"] .howwe-title h2, html[lang="sc"] .esg-title h2, html[lang="tc"] .esg-title h2,
 html[lang="sc"] .section-fullpage .section1-tagline, html[lang="tc"] .section-fullpage .section1-tagline
{
    letter-spacing: 0.25em;
}
}


@media (max-width:880px){
	.section-innovation-content .innovation-item .read-more img.btn-icon{
		width:11.5px !important;
		height:17px !important;
		display:inline-block;
	}
}

@media (max-width:520px){:root{--header-height:81px}.site-header .site-header__inner{padding:26px 25px}} 


.site-drawer{position:fixed;inset:0;z-index:1300;display:flex;pointer-events:none}
.site-drawer .drawer-inner{width:360px;max-width:80%;background:url('images/menu-bg.png') center/cover no-repeat, linear-gradient(180deg, #124098 0%, #450A6D 123.56%);color:#fff;padding:40px 75px;box-shadow:none;transform:translateX(100%);transition:transform .28s ease;pointer-events:auto;position:absolute;right:0;left:auto;top:0;height:100%;overflow:auto;z-index:1400;display:flex;justify-content:end;align-items:center}

@media (max-width:880px){
	.site-drawer .drawer-inner{background:url('images/menu-bg-m.png') center/cover no-repeat, linear-gradient(180deg, #124098 0%, #450A6D 123.56%)}
}
.site-drawer .drawer-close{background:transparent;border:none;color:#fff;font-size:20px;padding:6px;display:block;margin-left:auto}
.site-drawer .drawer-list{list-style:none;display:flex;flex-direction:column;align-items:baseline;text-align:right;margin: 0;padding-left: 20px;}
.site-drawer .drawer-list li{width:100%;border-bottom:none}
.site-drawer .drawer-list a{color:#fff;text-decoration:none;display:flex;align-items:end;font-weight: 700;padding:30px 4px;border-radius:6px;text-align:left;font-size:50px}
.site-drawer .drawer-list a::before{content:'';display:inline-block;width:44.2px;height:66px;margin-right:16px;flex:0 0 44.2px;background:url('images/ellipse.svg') no-repeat center;background-size:44.2px 66px}


.site-drawer .drawer-list .drawer-link-text{display:inline-block;width:100%;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,0.35);padding-bottom:6px;line-height:1}
.site-drawer .drawer-backdrop{flex:1;background:rgba(0,0,0,0.45);opacity:0;transition:opacity .28s ease}


body.menu-open .site-drawer{pointer-events:auto}
body.menu-open .site-drawer .drawer-inner{transform:translateX(0)}

@media (max-width:760px){
	.site-drawer .drawer-list a::before{
 		width:14px;
 		height:21px;
 		background-size:14px 21px;
 		flex:0 0 14px;
 	}
}
body.menu-open .site-drawer .drawer-backdrop{opacity:1}


body.menu-open .site-header{z-index:1600}


body.menu-open{overflow:hidden;touch-action:none}


body.menu-open .site-header{background:transparent !important}


.site-drawer .drawer-inner .drawer-close{display:none}

.site-drawer .drawer-inner .drawer-extra{display:none}


.menu-btn{position:relative}

.menu-btn::before,.menu-btn::after{content:'';position:absolute;right:12px;height:2px;background:#ffffff;border-radius:3px;transition:transform .28s ease, width .28s ease, top .28s ease}
.menu-btn::before{width:55px;top:calc(50% - 10px)}
.menu-btn::after{width:33px;top:calc(50% + 10px)}


body.menu-open .menu-btn{color:transparent}
body.menu-open .menu-btn::before{top:50%;transform:translateY(-50%) rotate(45deg);width:50px;right:12px}
body.menu-open .menu-btn::after{top:50%;transform:translateY(-50%) rotate(-45deg);width:50px;right:12px}


@media (max-width:880px){
	.menu-btn::before{width:50px;right:10px}
	.menu-btn::after{width:32px;right:10px}
	
	body.menu-open .menu-btn::before,
	body.menu-open .menu-btn::after{width:50px;right:10px}
	.site-drawer .drawer-list a{font-size:20px}
}


.site-drawer .drawer-inner .drawer-close{background:transparent;border:none;color:#fff;font-size:20px}
.site-drawer .drawer-inner .drawer-close::after{content:none}


@media (min-width:880px){
	.site-drawer .drawer-inner{width:100%;max-width:100%}
}

.full-bleed{width:100%;position:relative;margin:0;padding:0}
.section-fullpage.full-bleed{padding:0}
.section-fullpage .hero-content{max-width:1000px;margin:0 auto;padding:48px}


section{
	width:100%;
	position:relative;
	margin-left:0;
	margin-right:0;
	box-sizing:border-box;
}
section > .container,
section > .fast-container,
section > .glance-container,
section > .awards-container,
section > .who-inner,
section > .overview-inner,
section > .management-inner,
section > .innovation-inner,
section > .innovation-inner-content,
section > .esg-inner,
section > .annual-inner,
section > .exec-container {
	max-width: 1920px !important;
	width: 100% !important;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}


.section-fastfact{padding:100px 70px;background-image:url('images/section3.png');background-size:cover;background-position:center;color:#ffffff;position:relative;overflow:hidden}

@media (max-width:1400px){
	.section-fastfact{padding:100px 25px}
}
.fast-container{padding:0!important}
.fast-container{max-width:1100px;margin:0 auto;position:relative;z-index:2}

@media (min-width:881px) and (max-width:1400px){
  .fast-item .fast-item-icon{margin-right:0!important}
}
.fast-container{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.fast-title{font-weight:800;color:#ffffff;margin:0 0 24px;text-align:left}
.fast-subtitle{font-family:'Open Sans', sans-serif; font-weight:400; font-size:20px; color:#ffffff; margin:18px 0 12px; text-align:left}


.fast-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.fast-box{background:transparent;padding:20px;position:relative;min-height:140px;display:flex;align-items:center;justify-content:center}
.fast-box .box-inner{width:100%}
.fast-three .fast-box .box-inner{display:flex;align-items:center;justify-content:center;gap:12px}
.fast-num-block{display:flex;flex-direction:column;align-items:baseline;}
.fast-num-top, .fast-num-bottom{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:20px; color:#ffffff; margin:2px 0}
.fast-number{font-size:40px;font-weight:800;color:#ffffff;background:transparent;padding:0;border-radius:0}
.fast-icon{width:calc(5.2vw);height:calc(5.2vw);flex:0 0 calc(5.2vw);object-fit:contain}

@media (min-width:1920px){
		.fast-icon{width:130px;height:130px;flex:0 0 130px}
}
@media (min-width:1920px){
	.fast-item .fast-item-icon{width:130px;height:130px;flex:0 0 130px}
}
.fast-icons{display:flex;gap:14px;align-items:center}
.fast-box .box-label{color:#ffffff;margin-top:12px}
.fast-box.variant-1{border-left:2px solid var(--Yellow,#FDD000);border-bottom:2px solid var(--Yellow,#FDD000);border-bottom-left-radius:30px}
.fast-box.variant-2{border-left:2px solid var(--Yellow,#FDD000);border-top:2px solid var(--Yellow,#FDD000);border-top-left-radius:30px}
.fast-box.variant-3{border-left:2px solid var(--Yellow,#FDD000);border-bottom:2px solid var(--Yellow,#FDD000);border-bottom-left-radius:30px}


.fast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:12px}
.fast-item{display:flex;align-items:center;border-radius:0;padding:14px;background:transparent}
.fast-grid > .fast-item:not(:nth-child(3n+1)){border-left:2px solid #FDD000;} 
.fast-item .icon{flex:0 0 130px;width:130px;height:130px;border-radius:8px;background:linear-gradient(90deg,#124098,#00A3E9);display:flex;align-items:center;justify-content:center;color:#fff;margin-right:14px}
.fast-item .fast-item-icon{flex:0 0 calc(5.2vw);width:calc(5.2vw);height:calc(5.2vw);border-radius:8px;object-fit:contain;margin-right:14px}
.fast-item .fast-item-icon[src$=".png"]{background:transparent}
.fast-number{font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif; font-size:28px;font-weight:800;color:#ffffff}
.fast-item .divider{width:1px;height:130px;background:transparent;margin:0}
.fast-item .text{font-size:14px;color:#ffffff}
.fast-number-block{display:flex;flex-direction:column;align-items:flex-start}
.fast-number-top{font-family:'Open Sans',sans-serif;font-weight:400;font-size:20px;color:#ffffff;margin-bottom:6px}
.fast-number-bottom{font-family:'Open Sans',sans-serif;font-weight:400;font-size:20px;color:#ffffff;margin-top:6px}
.fast-input{display:block;width:100%;max-width:160px;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,0.08);background:transparent;color:#ffffff}

@media (max-width:880px){
	.fast-three{grid-template-columns:repeat(2,1fr);gap:10px}
	.fast-grid{grid-template-columns:repeat(2,1fr)}
	
	.fast-grid > .fast-item{border-left:none}
	.fast-grid > .fast-item:not(:nth-child(2n+1)){border-left:2px solid #FDD000}
	.fast-item .divider{height:auto;margin:0 12px;align-self:stretch;display:none}
}





.section-fastfact .fast-number{color:#FDD000 !important}

.section-fastfact .fast-three .fast-number{font-size:calc(5vw)}
@media (min-width:1920px){
	.section-fastfact .fast-three .fast-number{font-size:120px}
}
.section-fastfact .fast-grid .fast-number{font-size:calc(5vw)}
@media (min-width:1920px){
	.section-fastfact .fast-grid .fast-number{font-size:100px}
}


.fast-number{
	font-variant-numeric: tabular-nums;
	-webkit-font-feature-settings: "tnum" 1;
	font-feature-settings: "tnum" 1;
	display:inline-block;
	min-width:4ch;
}


.fast-number .counter-suffix{font-size:calc(5vw * 0.4166667);}
@media (min-width:1920px){
	.fast-number .counter-suffix{font-size:50px}
}


.counter-slot{display:inline-block;vertical-align:bottom;overflow:hidden}
.counter-slot .slot-list{display:block;transform:translateY(0);}
.counter-slot .slot-item{display:block;line-height:1;white-space:nowrap}


.digit-slot{display:inline-block;vertical-align:bottom;overflow:hidden}
.digit-slot .digit-list{display:block;transform:translateY(0);}
.digit-slot .digit-item{display:block;line-height:1;white-space:nowrap}


.section-glance{padding:64px 0 64px 75px;background:linear-gradient(90deg,#124098 0%,#00A3E9 100%);color:#ffffff;position:relative}
.glance-container{max-width:1100px;margin:0 auto;padding: 0 !important;}
.glance-title{font-weight:800;color:#ffffff;margin:0 0 24px;text-align:left}
.timeline-wrap{position:relative;overflow:hidden;padding:24px 0}
.timeline{display:flex;gap:36px;align-items:flex-start;padding-bottom:40px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor: pointer;}
.timeline::-webkit-scrollbar{display:none}
.timeline{scroll-snap-type:x mandatory}
.timeline::before{content:"";position:absolute;left:0;right:0;top:77px;height:5px;background:#FFFFFF;z-index:0}
.timeline-item{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:300px}
.timeline-item{scroll-snap-align:start}
.timeline-item{scroll-snap-stop:always}


.timeline.active, .timeline.active * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.timeline.active > * { pointer-events: none; }
.timeline img { -webkit-user-drag: none;  }


.awards-slider.active, .awards-slider.active * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.awards-slider.active > * { pointer-events: none; }
.awards-slider img { -webkit-user-drag: none;  }
.time-point{width:34px;height:34px;border-radius:50%;background:linear-gradient(270deg,#00A3E9 0%,#FFFFFF 100%);display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;flex:0 0 34px}
.time-label{color:#ffffff;font-size:20px;margin-bottom:12px;font-weight: 700;}
.event-box{margin-top:72px;background:#ffffff;max-width:670px;width:100%;color:#000000;text-align:left;box-shadow:0 8px 24px rgba(2,6,23,0.08);border-bottom-right-radius:30px;border-top-left-radius:30px}
.event-box img{width:100%;border-top-left-radius: 30px;}
.event-box .event-desc{min-height:419px;font-family:'Open Sans', sans-serif;font-weight:400;font-style:normal;font-size:20px;padding:54px 30px 35px 30px}


.glance-controls{position:relative;display:flex;gap:8px;z-index:20;justify-content:end}
.glance-controls button{width:auto;height:auto;border-radius:0;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer}
.glance-controls .control-icon{width:44.2px;height:66px;display:block}

@media (max-width:880px){
	.section-innovation-content .innovation-item{position:relative}
	.section-innovation-content .innovation-item .img{position:relative;z-index:3}
	.section-innovation-content .innovation-item .innov-content{position:relative;z-index:2;margin-top:-85px;padding-top:110px}

  
  .award-box, .timeline-item { scroll-snap-stop: always; }
  .awards-slider, #timeline { scroll-snap-type: x mandatory;padding-bottom: 20px; }
}


@media (max-width:600px){
  .timeline-wrap{overflow:visible;padding-bottom:80px}
  .glance-controls{z-index:999;position:relative}
}
@media (max-width: 1340px) {
	.board-tables {
		flex-wrap: wrap;
	}
}

@media (min-width:981px) and (max-width:2040px) {
  .glance-controls{ margin-right: 70px; }
}

.section-awards{padding:64px 53px 64px 70px;background:transparent;color:#000000}
.awards-container{max-width:1100px;margin:0 auto;padding: 0!important;}
.awards-row{display:flex;align-items:flex-start}
.awards-title{font-weight:800;margin:0;text-align:left}
.awards-title.gradient-text{background:linear-gradient(90deg,#124098 0%,#00A3E9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.awards-desc{flex:0 0 50%;color:#000000;font-size:20px;}





.awards-slider-wrap{position:relative;overflow:hidden;padding:20px 0 20px 0;margin-top:70px;cursor: pointer;}
.awards-slider{display:flex;gap:30px;align-items:flex-start;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:0 18px 40px 0;}
.awards-slider::-webkit-scrollbar{display:none}


.awards-slider{scroll-snap-type:x mandatory}
.award-box{scroll-snap-align:start}
.award-box{scroll-snap-stop:always}
.award-box{background:#ffffff;border-radius:30px;padding:0;box-shadow:8px 15px 15px 0px #0000001A;color:#000000;flex:0 0 calc((100% - 60px)/3);max-width:calc((100% - 60px)/3);min-width:0;display:grid;grid-template-rows:auto 310px}
.award-box img{width:100%;grid-row:1}
.award-box .award-title{font-weight:700;margin:0 0 25px}
.award-box .award-desc{font-family:'Open Sans',sans-serif;font-weight:400;font-style:normal;font-size:20px}
.award-box .award-content{grid-row:2;max-height:310px;overflow:auto;padding-top:37px;padding-left:24px;padding-right:24px;padding-bottom:20px;display:flex;flex-direction:column;border-bottom-right-radius:30px;border-bottom-left-radius:30px}
.award-box .award-content .award-title{flex:0 0 auto;font-size:25px}
.award-box .award-content .award-desc{flex:1 1 auto;overflow:auto}


#awards-slider-1 .award-box .award-content{
	border:2px solid #FDD000;
	border-top: unset;
}


#awards-slider-2 .award-content{background:linear-gradient(180deg,#00A3E9 0%,#47BCC6 100%);color:#ffffff}

#awards-slider-2 .award-content .award-desc{color:#ffffff}
.awards-slider #awards-slider-2 .award-content{padding:37px 24px 24px 24px}
.awards-controls{display:flex;gap:9px;justify-content:flex-end;margin-top:-9px;z-index:20}
.awards-controls button{width:auto;height:auto;border-radius:0;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;padding:0px;cursor:pointer}


.awards-controls .control-icon{width:44.2px;height:66px;display:block}

.awards-controls--below{margin-bottom:24px}

.read-more:hover{color: #FDD000 !important;}

@media (max-width:880px){
	.awards-row{flex-direction:column}
	.awards-desc{flex:1}
}

@media (max-width:880px){
	.innovation-item h3{font-size:18px}
	.innovation-item .read-more{font-size:10px}
}



@media (max-width:600px){
	.awards-slider{gap:12px}
	.award-box{flex:0 0 100%;max-width:100%}
}

@media (max-width:880px){
	
	
	.awards-slider{padding-right:0}
	
	.award-box{flex:0 0 calc(100% - 18px) !important;max-width:calc(100% - 18px) !important;margin-right:18px}
	
	.awards-slider::after{flex:0 0 0}
}


.awards-slider::after{
	content: '';
	flex: 0 0 18px;
}

@media (max-width:880px){
	
	.awards-slider-wrap{overflow:visible}
}


.section-overview{padding:64px 20px 78px;color:#000000}
.section7-8-wrap{position:relative;overflow:hidden}
.section7-8-wrap .section7-8-overlay{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:1;pointer-events:none;z-index:0}
.section7-8-wrap > section{position:relative;z-index:1}
.section7-8-wrap .overview-inner,
.section7-8-wrap .board-inner{position:relative;z-index:2}
.overview-inner{max-width:1100px;margin:0 auto}
.overview-title{color:#124098;margin-bottom:50px}
.overview-title h2{margin:0 0 24px;font-weight:900;text-transform:lowercase;color:#124098}
.overview-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;max-width:1780px}
.overview-left{font-size:16px;color:#40576b;max-width:724px}
.overview-right{display:flex;flex-direction:column;gap:43px}
.overview-card{padding:20px 20px 20px 48px;color:#fff;min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden}
.overview-card .card-body{flex:1;margin:0;padding:0}
.overview-card .card-body h3{margin:0}
.overview-card .read-more{margin-left:auto;align-self:center;font-family:'Open Sans', sans-serif;font-weight:400;font-size:20px;gap:14px;padding:0;text-decoration: unset;}
.overview-card{border-top-right-radius:100px;border-bottom-right-radius:100px}
.overview-card h3{margin:0 0 6px;font-size:40px;font-weight: 400;font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif;}
.overview-card p{margin:0 0 12px;color:rgba(255,255,255,0.92)}
.read-more{align-self:center;padding:10px 14px;border-radius:8px;border:none;background:rgba(255,255,255,0.12);color:#fff;cursor:pointer;font-weight:700;text-decoration: unset;}
.overview-card.card-vision{background: linear-gradient(90deg, #00A3E9 0%, #47BCC6 100%)}
.overview-card.card-values{background: linear-gradient(90deg, #7B1284 0%, #124098 100%)}
.overview-card.card-scope{background: linear-gradient(90deg, #00326C 0%, #124098 100%)}

@media (max-width:880px){
	.overview-content{grid-template-columns:1fr;}
	
	.overview-right{order:2;gap:25px}
	.overview-card .card-body{max-width:100%}
	.read-more{align-self:flex-start}

	
	.read-more .btn-icon{width:14px;height:14px;margin-left:8px;vertical-align:middle;display:inline-block}
}


.section-management{position:relative;padding:0 70px 23px;background:#ffffff;color:#000000}
.management-inner{max-width:1100px;margin:0 auto}
.management-title{color:#00326C;margin:0 0 70px;font-weight:900}
.management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.manager-card{background:#fff;border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:0 6px 18px rgba(2,6,23,0.06)}
.manager-card .photo img{width:84px;height:84px;object-fit:cover;border-radius:8px}
.manager-card .meta h4{margin:0 0 6px}
.manager-card .meta p{margin:0;color:#40576b}

@media (max-width:880px){
	.management-grid{grid-template-columns:1fr}
}


.management-layers{position:relative;border-radius:50px 0 50px 0;overflow:hidden;background:#f3f6f9;z-index:60}
.management-layers .management-bg{position:relative;display:block;width:100%;height:auto;object-fit:cover;z-index:1}
.management-layers .manager-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:auto;z-index:2;opacity:1;transition:opacity .18s ease,filter .18s ease}
.management-layers .manager-layer.dim{filter:brightness(.5) contrast(.45) grayscale(0.5) blur(0.1px)}
.management-layers .manager-layer.visible{opacity:1}


.management-text{margin:18px auto 0;text-align:left}
.management-text-inner{padding:0px}
.management-sep{border:0;height:1px;background:#969696;margin:0 0 100px}
.management-info{display:flex;gap:28px;align-items:flex-start;justify-content:space-between}
.management-info-left{flex:1 1 50%;font-size:20px;font-family:'Open Sans',sans-serif;font-weight:700;font-style:normal;max-width:723px}
.management-info-right{flex:0 0 50%;}


.management-info-right .position-block{padding:24px 0 24px}
.management-info-right .position-block:first-child{padding-top:0}
.management-info-right .position-block:not(.position-block--last){border-bottom:1px solid #FDD000}

.position-title{
	font-family: 'Open Sans', system-ui, -apple-system, 'Noto Sans CJK TC', sans-serif;
	font-weight:700;
	font-size:25px;
	color:#00326C;
	margin-bottom:8px;
}
.person-name{
	font-family: 'Open Sans', system-ui, -apple-system, 'Noto Sans CJK TC', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#000000;
}


.division-heads{width:100%;border-collapse:collapse;margin-top:8px}
.division-heads td{padding:8px 6px;vertical-align:top}
.division-heads td.person{font-family: 'Open Sans', sans-serif;font-weight:400;font-size:20px;color:#000000;max-width:271px;width:31.5%}
.division-heads td.note{font-size:20px;font-family:'Open Sans', sans-serif;font-weight:400;color:#969696;padding-left:12px}

@media (max-width:880px){
	.management-info{flex-direction:column}
	.management-info-right{width:100%}
}


.management-text-centered{max-width:1214px;margin:0 auto 154px;text-align:center}
html[lang="sc"] .management-text-centered, html[lang="tc"] .management-text-centered {max-width:unset;}
.management-text-centered .management-text-title{margin-bottom:0px}
.management-text-centered .management-text-names{color:#40576b}

@media (max-width:880px){
	
	.section-management .management-inner,
	.section-management .management-text,
	.section-management .management-text *,
	.section-management .management-info,
	.section-management .management-info *,
	.section-management .management-text-centered,
	.section-management .management-text-centered *,
	.section-management .management-layers,
	.section-management .management-layers * {
		font-size:12px !important;
		line-height:1.4 !important;
	}
	
}


.management-text .management-name{transition:opacity .18s ease,color .18s ease;opacity:1;display:inline;cursor:pointer}
.management-text .management-name.dim{opacity:0.5}


.section-innovation{position:relative;height:980px;background-image:url('images/section12.png');background-size:cover;background-position:center;color:#ffffff;overflow:hidden}


.innovation-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;height:100%}
.innovation-title{position:absolute;left:6%;bottom:116px;text-align:left}
html[lang="tc"] .innovation-title, html[lang="sc"] .innovation-title{bottom:127px}
.innovation-title h2{font-size:88px;line-height:0.9;margin:0;font-weight:900}
.innovation-title .innov-line{display:block}
.innovation-title .innov-line-2{display:block}


.innovation-item .read-more{background:transparent;border:none;color:inherit;padding:8px 10px;border-radius:6px;display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer}
.innovation-item .read-more .btn-icon{width:14px;height:14px;margin-left:8px;display:inline-block}





.section-innovation-content .innovation-item .read-more .btn-icon{
	width:35.5px;
	height:53px;
	margin-left:12px;
	display:inline-block;
	object-fit:contain;
}

.section-innovation-content .innovation-item .read-more img.btn-icon{width:35.5px;height:53px}


.innovation-item .read-more{margin-left:auto;width:auto}

@media (max-width:880px){
	.innovation-title{bottom:6px;max-width:86%;}
	html[lang="sc"] .innovation-title, html[lang="tc"] .innovation-title{bottom:26px;}
	html[lang="sc"] .esg-title, html[lang="tc"] .esg-title{bottom:12px;}
	.innovation-title h2{font-size:44px}
}


.section-howwe{position:relative;height:980px;background-image:url('images/section14.png');background-size:cover;background-position:center;color:#ffffff;overflow:hidden}


.howwe-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;height:100%}
.howwe-title{position:absolute;left:46px;bottom:58px;text-align:left;max-width:520px}
.howwe-title h2{font-size:88px;line-height:0.9;margin:0;font-weight:900;color:#ffffff}
.howwe-title .howwe-line{display:block}
.howwe-title .howwe-line-2{display:block}

@media (max-width:880px){
	.howwe-title{left:6%;bottom:6px;max-width:86%}
	html[lang="sc"] .howwe-title, html[lang="tc"] .howwe-title{bottom:12px}
	.howwe-title h2{font-size:44px}
}


.section-yearahead{position:relative;height:980px;color:#ffffff;overflow:hidden;padding:0}
.year-bg{position:absolute;inset:0;background-image:url('images/section16.png');background-size:cover;background-position:center;z-index:0}
.year-inner{position:relative;margin:0 auto;height:100%;z-index:1;padding:0 !important}
.year-box{position:absolute;right:0;bottom:0;background:#450A6D;color:#fff;padding:70px 70px 68px 90px;border-top-left-radius:30px;max-width:884px;min-height:530px;z-index:2;display:flex;flex-direction:column}
.year-box h3{
	margin: 0 0 33px;
	font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif;
	text-align: left;
	color: #ffffff;
}
.year-box p{
    margin: 0 0 12px;
    color: rgba(255, 255, 255, 0.92);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
}
.btn-primary{color:#450A6D;border:none;padding:8px 0px;border-radius:8px;cursor:pointer}


#section16 .btn-primary{
	color: #ffffff !important;
	display: flex;
	align-items: center;
}


#section16 .year-box .btn-primary{
    margin-top: auto;
    position: static;
}

#section16 .year-box .btn-primary{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-decoration: unset;
}


#section16 .btn-primary .btn-icon{
	width: 35.5px;
	height: 53px;
	display: inline-block;
	margin-left: 12px;
	object-fit: contain;
}


.section-esg-overview{position:relative;height:700px;background-image:url('images/section17.png');background-size:cover;background-position:center;color:#ffffff;overflow:hidden}


.esg-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;height:100%}
.esg-title{position:absolute;left:70px;bottom:61px;text-align:left}
html[lang="tc"] .esg-title h2, html[lang="sc"] .esg-title h2{bottom:52px;letter-spacing: 0.25em;}
.esg-title span {letter-spacing: 0;margin-right: 60px;}

.esg-title h2{font-size:72px;line-height:0.9;margin:0;font-weight:900;color:#fff}


.section-esg-content{padding:113px 70px 117px;background: linear-gradient(90deg, #47BCC6 -37.66%, #00857E 100%)}
.esg-content-inner{margin:0 auto;text-align:center;max-width:1920px}
.esg-buttons{display:flex;gap:30px;justify-content:center;flex-wrap:nowrap;padding:6px 8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.esg-buttons::-webkit-scrollbar{display:none}
.esg-btn{display:flex;align-items:center;justify-content:space-between;background:transparent;border:2px solid var(--Yellow, #FDD000);padding:31px 20px 31px 46px;border-radius:0;border-top-left-radius:30px;border-bottom-right-radius:30px;cursor:pointer;font-weight:700;color:#FDD000;text-decoration: unset;}
.esg-btn .btn-icon-right{width:16px;height:16px;display:block;margin-left:12px}


.esg-buttons .esg-btn{
	flex:1; 
	min-width:0; 
	justify-content:center; 
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:20px;
}


.section-annual{display: flex;align-items: center;padding:80px 20px;background-image:url('images/section19.png');background-size:cover;background-position:center;height: 500px;}
.annual-inner{max-width:1100px;margin:0 auto;text-align:center}
.annual-title{color:#ffffff;}
.btn-download{color:#fff;border:1px solid #ffffff;padding:0 18px 0 15px;border-radius:100px;cursor:pointer}
html[lang="tc"] .btn-download, html[lang="sc"] .btn-download{padding:0 18px 0 27px}


.section-esg-content .esg-btn .btn-icon-right{
	width:35.5px;
	height:53px;
	display:block;
	margin-left:auto;
	object-fit:contain;
}


.final-footer{background:#ffffff;color:#000000;padding:100px 70px 51px;text-align:left}
.final-footer .footer-inner{max-width:1920px;width:100%;margin:auto;box-sizing:border-box}
.final-footer .brand-small{font-weight:800}


.footer-top{display:grid;grid-template-columns:1fr 3fr 3fr;gap:20px;align-items:start}
.footer-logo img{max-width:100%;height:auto;max-height:80px}
.footer-col.company-info h4{margin:0 0 15px;font-size:15px;color:#000000}
.footer-col.company-info p{margin:0;font-size:15px}
.contact-line{display:flex;align-items:center;gap:10px;margin:6px 0;color:#000000;text-decoration:unset}
.contact-line img{width:18px;height:18px;flex:0 0 18px}
.contact-line a{color:inherit;text-decoration:underline}
.footer-social{margin-top:122px;display:flex;align-items:center;gap:12px}
.footer-social .follow{margin-right:8px}
.social-icons{display:flex;gap:10px}
.social-icons a img{width:28px;height:28px;display:block}
.footer-bottom{margin-top:14px;font-size:15px;text-align:left}

@media (max-width:880px){
	.footer-top{grid-template-columns:1fr;gap:15px}
	.footer-logo{order:0}
	.footer-social{justify-content:flex-start}
	.footer-bottom{text-align:left}
}

@media (max-width:880px){
  .footer-logo img{margin-bottom:8px}
}


@media (max-width:880px){
  .esg-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:6px 8px}
	.esg-btn{width:100%;justify-content:center}

	
	.section-esg-content{padding:32px 25px}

	
	.section-esg-content .esg-btn .btn-icon-right{
		width:11px !important;
		height:17px !important;
	}

	
	.esg-buttons .esg-btn{padding:5px 10px 5px 10px !important}

	
	.section-esg-content .esg-btn{
		border-top-left-radius:10px !important;
		border-bottom-right-radius:10px !important;
		min-height:47px;
	}
}

@media (max-width:880px){
	.section-yearahead{height:100%}
	
	.year-bg{position:relative}
	
	.year-inner{margin-top: -32px;}
	.year-box{position:relative;right:auto;bottom:auto;max-width:100%;min-height:230px;padding:22px 25px 19px 25px;}
	.esg-title h2{font-size:42px}
	.esg-title{bottom:6px;}
	.final-footer .footer-inner{flex-direction:column;gap:8px}

	
	.year-box p{font-size:12px}
}


@media (max-width:880px){
	.section-annual{height:233px}
	.lang-area{display:none}

	
	.site-drawer .drawer-inner{
		width:100%;
		max-width:100%;
		left:0;
		right:0;
		position:fixed;
		height:100vh;
		transform:translateX(100%);
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		align-items:flex-start;
		padding: 127px 25px 0;
	}

	
	body.menu-open .site-drawer .drawer-inner{transform:translateX(0)}

	
	.site-drawer .drawer-inner .drawer-extra{display:block;margin-top:31px;border-top:1px solid rgba(255,255,255,0.06)}
	.site-drawer .drawer-inner .drawer-extra .download-report{display:inline-flex;width:100%;justify-content:center;}
	.site-drawer .drawer-inner .drawer-extra .lang-area{display:flex;gap:8px;margin-top:12px}

	
	.site-drawer .drawer-inner .drawer-close{display:none !important}

	
	.site-header .logo{width:110px;height:21.4px}
	.site-header .logo-img{width:110px;height:21.4px;object-fit:contain}

	
	.site-drawer .drawer-list a{font-size:20px;padding: 17px 4px;}
}


body.menu-open .site-header{transform:translateY(0) !important;z-index:1600}
body.menu-open .site-header.hidden{transform:translateY(0) !important}


.section-howwe-content{padding:60px 20px;background:#ffffff;color:#000000}
.howwe-inner-content{max-width:1479px;margin:0 auto}
.howwe-list{display:flex;flex-direction:column;gap:36px}
.howwe-item{display:flex;gap:0;border:2px solid var(--Yellow, #FDD000)}
.howwe-item .img{flex:0 0 55.5%}
.howwe-item .img img{width:100%;height:auto;object-fit:cover;border-radius:12px}
.howwe-item .howwe-content{flex:1 1 52%}
.howwe-item h3{margin:0 0 10px;font-size:30px;color:#450A6D;font-weight: 700;font-family: 'Open Sans', sans-serif;text-transform:uppercase}
.howwe-content .read-more{margin-top:16px;padding:10px 14px;border-radius:8px;font-size:20px;border:none;background:var(--accent);color:#969696;cursor:pointer;font-weight:400;display:inline-block}
.howwe-item p{margin:0;color:#40576b}


#section15 .howwe-list .howwe-item{border-radius:0}
#section15 .howwe-list .howwe-item:nth-child(1),
#section15 .howwe-list .howwe-item:nth-child(3){
    border-bottom-right-radius:50px;
}
#section15 .howwe-list .howwe-item:nth-child(2){
    border-bottom-left-radius:50px;
}




@media (min-width:880px){
	.howwe-list .howwe-item:nth-child(even){
		flex-direction:row-reverse;
	}
}

@media (max-width:880px){
	.howwe-item{flex-direction:column}
	.howwe-item .img{width:100%}
	.howwe-item .img img{position: relative;width:calc(100% + 38px)!important;left: -29px;padding-bottom: 15px;padding-right: 15px;background: #fff}
	.howwe-item .howwe-content{text-align:left;padding-left:21px;padding-right:25px}
}


.section-board{padding:64px 20px 0;color:#000000}
.board-inner{max-width:1100px;margin:0 auto}
.board-title{font-weight:800;margin:0 0 50px;color:#00A3E9}
.section-board{font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size:20px}
.board-container{position:relative;background:transparent;border-radius:12px}
.board-layers{position:relative;border-radius:50px 0 50px 0;overflow:hidden;background:#f3f6f9;z-index:60}


.board-layers .board-bg{position:relative;display:block;width:100%;height:auto;object-fit:cover;z-index:1;opacity:1}


.board-layers .member-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:auto;z-index:2;opacity:1;transition:opacity .18s ease,filter .18s ease}


.board-gradient{position:absolute;left:0;right:0;bottom:0;top:50%;background:linear-gradient(180deg, #00A3E9 0%, #124098 100%);z-index:2;pointer-events:none}


.management-gradient{position:absolute;left:0;right:0;bottom:0;top:50%;background:linear-gradient(180deg, #FFFFFF 0%, #F0F0F0 100%);z-index:1;pointer-events:none}


.management-inner{position:relative;z-index:3}


.board-tables{position:relative;z-index:120;display:flex;gap:30px;margin-top:16px;align-items:flex-start}
.section-board .board-tables, .section-board .board-tables * { color: #ffffff; }
.section-board .board-table th, .section-board .board-table td { color: #ffffff; }
.board-table{border-collapse:collapse;border:none;background:transparent;width: 100%;}
.board-table th{font-weight:700;text-align:left;padding:6px 0px;color:#00326C}
.board-table th .board-subnote{font-weight:400;}
.section-board .board-table thead{border-bottom:1px solid #FDD000}
.board-table td{padding:6px 0px;white-space:nowrap;cursor:pointer;transition:opacity .18s ease;color:#000000}
.section-board .board-table tbody tr:first-child td{padding-top:25px}
.board-table td.dimmed{opacity:0.5}
@media (min-width:881px){
.board-table--members td{padding-right:28px}
.awards-title.gradient-text{padding-right: 25px;}
table.board-table:nth-child(1), table.board-table:nth-child(2){max-width: 272px;}
table.board-table:nth-child(3){max-width: 423px;}
table.board-table:nth-child(4){max-width: 573px;}
.exec-box:nth-child(1), .exec-box:nth-child(5), .exec-box:nth-child(9), .exec-box:nth-child(10) {
    flex-direction: row;
}
html[lang="sc"] .awards-title.gradient-text {line-height: 1;}
}


.member-dot{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#00A3E9;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-size:12px;text-align:center;vertical-align:middle;text-transform:capitalize;border:none;padding:0;cursor:pointer;box-shadow:0 4px 10px rgba(0,163,233,0.18);z-index:999;transform:translateX(-50%);transition:transform .12s ease,opacity .12s ease}
.member-dot:hover{transform:translateX(-50%) scale(1.06)}
.member-dot.dot--above{transform:translateX(-50%) translateY(-100%);} 
.member-dot.dot--below{transform:translateX(-50%);} 



@media (max-width:880px){
	.section-board .board-tables{flex-wrap:wrap;gap:0;justify-content:space-between}
	.section-board .board-tables .board-table{flex:0 0 100%}
	
	.section-board .board-tables .board-table:nth-child(1),
	.section-board .board-tables .board-table:nth-child(2){flex:0 0 48%}
	
	.section-board .board-tables .board-table:nth-child(1){margin-right:10px}
}
.member-dot.active{box-shadow:0 6px 18px rgba(0,163,233,0.28);outline:2px solid rgba(0,163,233,0.14)}
.board-layers .member-layer.visible{opacity:1}
.board-layers .member-layer.dim{opacity:1;filter:brightness(.5) contrast(.45) grayscale(0.5) blur(0.1px)}




.section-board{position:relative}
.board-container{position:relative;z-index:2}



.board-layers, .board-layers .board-layer{position:relative;z-index:3}
.board-details, .board-details *{position:relative;z-index:20}



.section-innovation-content{padding:0;background:#f9fbfd;color:#000000}
.section-innovation-content{padding:0;background:#f9fbfd;color:#ffffff}
.innovation-inner-content{max-width:100%;margin:0 auto}
.innovation-list{display:flex;flex-direction:column;gap:36px}
.innovation-list{display:flex;flex-direction:column;gap:0}
.innovation-item{display:flex;gap:28px;align-items:stretch}
.innovation-item{display:flex;gap:0;align-items:stretch}
.innovation-item .img{flex:0 0 48%;min-height:320px}
.innovation-item .img img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}
.innovation-item .img img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}


.section-innovation-content .innovation-list .innovation-item:nth-child(odd) .img img{
	border-bottom-right-radius:50px;
}
.section-innovation-content .innovation-list .innovation-item:nth-child(even) .img img{
	border-bottom-left-radius:50px;
}
.innovation-item .innov-content{flex:1 1 52%;display:flex;flex-direction:column;justify-content:center;min-height:320px;background-size:cover;background-position:center;padding:18px;border-radius:10px;color:inherit}
.innovation-item .innov-content{flex:1 1 52%;display:flex;flex-direction:column;justify-content:center;min-height:320px;background-size:cover;background-position:center;padding:18px;border-radius:0;color:#ffffff}
.innovation-item .innov-content h3{color:inherit;text-transform: uppercase;}
.innovation-item .innov-content h3{color:#ffffff}
.innovation-item .innov-content p{color:inherit}
.innovation-item .innov-content p{color:#ffffff}
.innovation-item h3{margin:0 0 35px;font-size: 40px;font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif;letter-spacing: -0.5px;font-weight: 400}
.innovation-item p{margin:0;color:#40576b}
.innovation-item p{margin:0}


.innovation-item .read-more{margin-top:12px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:inherit;font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight:400;cursor:pointer}
.innovation-item .read-more:hover{opacity:0.92}


.section-innovation-content{padding-top:0 !important}
.section-innovation-content > .innovation-inner-content{padding-left:0 !important;padding-right:0 !important;width:100vw;max-width:100vw !important;margin:0;box-sizing:border-box}


@media (min-width:880px){
	.innovation-list .innovation-item:nth-child(even){
		flex-direction:row-reverse;
	}
	
}


@media (min-width:880px){
	.innovation-item .innov-content{justify-content:flex-start;padding-top:70px;padding-bottom:40px}
	
	.innovation-list .innovation-item:nth-child(even) .innov-content{padding-top:76px}
	
	.innovation-item .read-more{margin-top:auto;align-self:flex-end}
}


@media (min-width:880px){
	.innovation-item{position:relative}
	.innovation-item .img{position:relative;z-index:3}
	.innovation-item .innov-content{position:relative;z-index:2}

	
	.innovation-list .innovation-item:nth-child(odd) .innov-content{margin-left:-117px}

	
	.innovation-list .innovation-item:nth-child(even) .innov-content{margin-right:-270px}
}


@media (min-width:880px){
	.innovation-list .innovation-item:nth-child(odd) .innov-content{padding-left:268px;padding-right:70px}

@media (max-width:1430px){
	.innovation-list .innovation-item:nth-child(odd) .innov-content{padding-left:187px}
}
	.innovation-list .innovation-item:nth-child(even) .innov-content{padding-right:340px;padding-left: 70px}
	
	.innovation-list .innovation-item .innov-content h3,
	.innovation-list .innovation-item .innov-content p{position:relative;z-index:4}
}

@media (max-width:880px){
	.innovation-item{flex-direction:column}
	.innovation-item .img{width:100%;min-height:unset}
	.innovation-item .img img{height:100%;max-height:170px;object-position:100% 20%}
	.innovation-item .innov-content{text-align:left;min-height:auto;padding:110px 25px 33px}

	
	.section-innovation-content .innovation-item{position:relative}
	.section-innovation-content .innovation-item .img{position:relative;z-index:3}
	
}


.section-chairman{padding:64px 70px;background:#ffffff;color:#000000}
.chairman-inner{margin:0 auto;max-width:1920px}
.chairman-title{color:#00A3E9;margin-bottom:50px}
.chairman-title h2{margin:0 0 24px;color:#00A3E9;font-weight:900}
.chairman-part1{display:flex;gap:24px;align-items:stretch;margin-bottom:50px;justify-content:space-between}
.chairman-video{flex:0 0 48%}
.chairman-text{flex:1 1 52%;max-width:724px;font-size:16px;display:flex;flex-direction:column}
.video-thumb{position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;height:660px;border-top-left-radius:50px;border-bottom-right-radius:50px;background-size: cover;background-position: center;}
#chairman-video-thumb{background-image:url('images/chairman.png')}
#ceo-video-thumb{background-image:url('images/ceo.png')}
.video-thumb img{width:120px;height:120px;opacity:1}
.chairman-text .chairman-sep{margin-top:auto}
.chairman-sep{display:flex;align-items:center;justify-content:flex-start;padding:20px 0;border-bottom:1px solid var(--Yellow, #FDD000);padding-bottom:10px}

.ceo-text .chairman-sep{margin-top:auto}


.chairman-sep .download-full{border:1px solid var(--Ligth-Blue, #00A3E9);background:transparent;color:#00A3E9;padding:0px 15px;border-radius:100px;cursor:pointer;min-height: 31px;display: flex;align-items: center;justify-content: center;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 18px;text-decoration: unset;}
.chairman-sep .download-full .download-icon{width:16px;height:17px;display:inline-block;vertical-align:middle;margin-right:8px}

#section10 .chairman-sep .download-full{border:1px solid #00326C;color:#00326C}

p.section-text-2{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-style:normal;
	font-size:20px;
	color:#00326C;

}
p.section-text-2 span {font-weight:400;}
p.section-text-1{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:25px;
	margin-bottom: 25px;
}

p.section-text-3{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:20px;
}
.chairman-sep{display:flex;align-items:center;justify-content:flex-start;padding:16px 0}

.chairman-part2{display:flex;gap:20px;margin-top:24px}
.tabs-left{display:flex;flex-direction:column;flex:0 0 50%}
.tab-item{background:transparent;border:none;padding:40px 50px 30px 0;text-align:left;cursor:pointer;border-radius:10px;color:#000000;font-family:'Open Sans',sans-serif;font-weight:700;font-size:30px;}
.tabs-right{flex:1 1 auto;padding:43px 45px 45px;background:#00A3E9;border-top-left-radius:30px;border-bottom-right-radius:30px;color:#fff;min-height:200px;font-family:'Open Sans',sans-serif;font-weight:400;font-size:20px}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-panel h4{margin:0 0 10px}


.video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);z-index:2200}
.video-modal.active{display:flex}
.video-modal .modal-content{width:90%;max-width:1300px;height:60vh;background:#000;border-radius:12px;overflow:hidden}
.video-modal iframe{width:100%;height:100%;border:0}

@media (max-width:880px){
	
	.chairman-video{flex:1 1 100%;width:100%;max-width: 350px;margin: auto;}
	.chairman-text{flex:1 1 100%}
	
	.tabs-left{flex-direction:column;overflow-x:auto;flex:0 0 auto;width:100%}

	
	
	.ceo-video{flex:1 1 100%;width:100%;max-width: 350px;margin: auto;}

	
	.chairman-part2, .ceo-part2{flex-direction:column}

	
		.tab-item{width:100%;text-align:left;font-size:12px;padding: 23px 30px 13px 0}
		.accordion-panel{display:none;padding:14px;background:transparent;margin-bottom:12px;color:#ffffff}
		.tab-item.active + .accordion-panel{display:block}
		.accordion-panel h4{margin:0 0 10px}
}


@media (max-width: 880px) {
	.chairman-part2 .accordion-panel {
		background: #00A3E9;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	.ceo-part2 .accordion-panel {
		background: #00326C;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
}


.section-ceo{padding:64px 70px;background:#ffffff;color:#000000}
.ceo-inner{margin:0 auto;max-width:1920px}
.ceo-title{margin-bottom:50px;color:#00326C}
.ceo-title h2{margin:0 0 24px;color:#00326C;font-weight:900}
.ceo-part1{display:flex;gap:24px;align-items:stretch;margin-bottom:50px;justify-content:space-between}
.ceo-text{flex:1 1 52%;max-width:724px;font-size:16px;display:flex;flex-direction:column}
.ceo-video{flex:0 0 48%}
.ceo-sep{height:1px;background:rgba(4,17,39,0.06);margin-top:18px}
.ceo-part2{display:flex;gap:20px;margin-top:24px}
.tabs-right.ceo-panel{background:#00326C;border-top-left-radius:30px;border-bottom-right-radius:30px;color:#fff;padding:45px 45px 49px;min-height:0}


.ceo-part2{align-items:flex-start}


.chairman-part2{--tabs-gap:20px}
.chairman-part2 .tabs-left{position:relative;overflow:visible}
.chairman-part2 .tabs-left .tab-item{position:relative;border-radius:0}
.chairman-part2 .tabs-left .tab-item::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--Ligth-Blue, #00A3E9)}
.chairman-part2 .tab-item.active{background:transparent;color:var(--Ligth-Blue, #00A3E9)}
.chairman-part2 .tabs-right{border-top:1px solid var(--Ligth-Blue, #00A3E9);min-height:0}


.chairman-part2{align-items:flex-start}


.ceo-part2{--tabs-gap:20px}
.ceo-part2 .tabs-left{position:relative;overflow:visible}
.ceo-part2 .tabs-left .tab-item{position:relative;border-radius:0}
.ceo-part2 .tabs-left .tab-item::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--Dark-Blue, #00326C)}
.ceo-part2 .tab-item.active{background:transparent;color:var(--Dark-Blue, #00326C)}
.ceo-part2 .tab-item.active::after{right:calc(-1 * var(--tabs-gap))}
.ceo-part2 .tabs-right.ceo-panel{border-top:1px solid var(--Dark-Blue, #00326C)}

@media (max-width:880px){
	
	.ceo-video{flex:1 1 100%}
	.ceo-text{flex:1 1 100%}
	
}


.section-who .who-title h2,
.innovation-title h2,
.howwe-title h2,
.esg-title h2{
	font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:150px;
	text-transform: uppercase;
}
html[lang="sc"] .section-who .who-title h2, html[lang="tc"] .section-who .who-title h2,
html[lang="sc"] .innovation-title h2, html[lang="tc"] .innovation-title h2,
html[lang="sc"] .howwe-title h2, html[lang="tc"] .howwe-title h2,
html[lang="sc"] .esg-title h2, html[lang="tc"] .esg-title h2{
	font-size: 120px;
	line-height: 150px;
}

.section-heading{
	font-family: 'HanWangZonYi', 'Noto Sans CJK TC', sans-serif;
	font-weight:400;
	font-style:normal;
	font-size:60px;
	text-transform: uppercase;
}



.section-exec{padding:64px 20px;background:transparent}
.section-exec .exec-container{max-width:1100px;margin:0 auto}
.exec-title{line-height:1.02;margin:0 0 100px; text-align:left;display:block}
.exec-title.gradient-text{background:linear-gradient(90deg,#124098 0%,#00A3E9 31.25%);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase}
.exec-subtitle{font-family: 'Open Sans', sans-serif;font-size:50px;font-weight:700;text-align:center;margin-top:8px;color:#00A3E9;text-transform:uppercase;margin-bottom: 35px}
#section2 .exec-subtitle span{font-family: 'Open Sans', sans-serif!important;letter-spacing: 0;}
.exec-content{max-width:820px;margin:18px auto 134px;text-align:center;font-family:'Open Sans',sans-serif;font-weight:400;font-size:20px}
html[lang="sc"] .exec-content, html[lang="tc"] .exec-content {
	max-width:1158px;
}

@media (max-width:880px){
	
	.section-exec{padding:40px 5px}
	.exec-content{margin:18px auto 33px;font-size:12px}
}


.exec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:43px 20px;margin-top:32px}
.exec-box{background:#ffffff;border-radius:30px;padding:78px 27px 37px 30px;padding-top:78px;position:relative;min-height:333px;color:#000000}
.exec-box{overflow:visible}

.exec-border-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:6}


.exec-box{display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:center}
.exec-media{flex:0 0 220px}
.exec-media img{width:100%;height:173px;object-fit:contain;border-radius:8px;display:block}


@media (max-width:880px){
	.exec-media{flex:0 0 auto}
	.exec-grid .exec-box{display:flex;align-items:center;flex-direction: row}
	.exec-grid .exec-box:nth-child(odd) .exec-media{order:0}
	.exec-grid .exec-box:nth-child(odd) .exec-body{order:1}
	.exec-grid .exec-box:nth-child(even) .exec-media{order:1}
	.exec-grid .exec-box:nth-child(even) .exec-body{order:0}
}


@media (max-width:760px){
    .section1-tagline .word{display:block}
}
.exec-border-svg rect{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}


@media (max-width:880px){
	.exec-box{border-radius: 10px;border:0;background-clip:padding-box;min-height:unset;gap:18px;padding:25px 14px 19px}
	.exec-body{max-width:50%}
}
.box-number{position:absolute;top:-40px;left:auto;right:auto;background:#ffffff;color:rgba(253,208,0,1);padding:6px 12px;border-radius:8px;
	font-family: "HanWangZonYi", "Noto Sans CJK TC", serif;
	font-weight: 400;
	font-size: 80px;
	line-height: 0.9;
	letter-spacing: 0;
	z-index: 20;
}


.exec-grid .exec-box:nth-child(4n+1) .box-number,
.exec-grid .exec-box:nth-child(4n+2) .box-number{left:0;right:auto}
.exec-grid .exec-box:nth-child(4n+3) .box-number,
.exec-grid .exec-box:nth-child(4n+4) .box-number{left:auto;right:0}
.exec-box h4{
	margin:18px 0 8px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 35px;
	color: #124098;
}
.exec-box p{margin:0;color:#40576b}

@media (max-width:1200px){
	.exec-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
	.exec-grid{grid-template-columns:1fr;gap: 28px}
    
    .exec-grid .exec-box .box-number{left:12px;right:auto;transform:none;top:-20px;font-size:30px}
}


.section-who{position:relative;height:995px;background-image:url('images/section6.png');background-size:cover;background-position:center;color:#ffffff;overflow:hidden}


.section-who .who-inner{position:relative;z-index:2;max-width:unset!important;margin:0 auto;height:100%}
.section-who .who-title{position:absolute;right:4.45%;top:50%;transform:translateY(-50%)}
.section-who .who-title h2{line-height:150px;margin:0;}
.section-who .who-title .who-line{display:block}
.section-who .who-title .who-line-2{display:block}

@media (max-width:880px){
  .section-who .who-inner{position: unset;}
  .section-who .who-title{right:6%;transform:translateY(-50%);}
  .section-who .who-title h2{font-size:48px}
  html[lang="sc"] .section-who .who-title h2, html[lang="tc"] .section-who .who-title h2 {
	line-height: 50px!important;
  }
}


.section-board .board-details,
.section-board .board-details * {
		color: #ffffff;
}
.board-details { display:flex; flex-direction:column; gap:18px; margin-top:146px; }
.board-details-inner { display:flex; gap:28px; align-items:flex-start; flex-wrap:wrap; }
.board-details .details-left { flex:1 1 48%; color:#ffffff; }
.board-details .details-right { flex:1 1 48%; display:flex; flex-direction:column; gap:12px; }
.committee-item { position:relative; padding-left:52px; display:flex; align-items:flex-start; }
.committee-icon { position:absolute; left:-19px; top:6px; width:22px; min-width:22px; height:44px; z-index:6; }
.committee-body p { margin:0; color:#ffffff; line-height:1.45; }
.committee-name { color:#FDD000 !important; font-weight:700 !important; }
.committee-divider { border-top:1px solid var(--Yellow, #FDD000); margin:12px 0 6px 71px; }
.board-details-meta p { margin:0; color:#ffffff; }
.board-details-meta a { text-decoration:underline; }
.board-details-meta { margin-left: 71px; }

@media (max-width:880px){
	.board-details-inner{flex-direction:column}
	.board-details .details-left, .board-details .details-right{flex:1 1 100%}
	.committee-icon{left:-19px}
	.committee-divider{margin-left:0}
	.board-details-meta{margin-left:0}
}

@media (max-width:880px){
    .board-details{margin-top:35px}

		.section-who, .section-innovation, .section-howwe,.section-esg-overview {
		height:auto !important;
	}
	.section-esg-overview .section-mobile-img {
		height:146px;
	}
	.section-innovation .section-mobile-img, .section-howwe .section-mobile-img {height:204px;}
	.esg-title span{margin-right: 20px;}
}



.read-more { background: transparent !important; box-shadow: none !important; }


.section-fullpage button, .section-fullpage .btn, .section-fullpage .read-more { color: #FDD000 !important; }


.overview-right .read-more, .overview-card .read-more { display: flex; align-items: center; }




.tab-item{position:relative}
.tab-item img.tab-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:66px;pointer-events:none}
.tab-item.active img.tab-icon{display:none}


@media (min-width:880px){
	.awards-desc.half-right{width:50%;margin-left:auto}
	.chairman-part2 .tab-item.active::after{right:calc(-1 * var(--tabs-gap));}
}


@media (min-width:880px){
	#section15 .howwe-list .howwe-item:nth-child(1) .img,
	#section15 .howwe-list .howwe-item:nth-child(3) .img{
		transform: translateX(-131px);
		will-change: transform;
	}
	#section15 .howwe-list .howwe-item:nth-child(1) .howwe-content,
	#section15 .howwe-list .howwe-item:nth-child(3) .howwe-content{
		transform: translateX(-121px);
		will-change: transform;
	}
	#section15 .howwe-list .howwe-item:nth-child(2) .img{
		transform: translateX(131px);
		will-change: transform;
	}
	#section15 .howwe-list .howwe-item:nth-child(2) .howwe-content{
		transform: translateX(121px);
		will-change: transform;
	}
	#section15 .howwe-list .howwe-item:nth-child(2) {
	transform: translateX(-111px);
    will-change: transform;
}

	
	#section15 .howwe-list{padding-left:92px;padding-right:10px;box-sizing:border-box;overflow:visible}
	#section15 .howwe-list .howwe-item{overflow:visible}
	
	#section15 .howwe-list .howwe-item .howwe-content{box-sizing:border-box}
}



	.section-board,
	#section8.section-board {
		position: relative;
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 0;
		overflow: visible;
	}

.section-board .board-inner {
	max-width: none;
	width: 100%;
	padding: 48px 70px;
	box-sizing: border-box;
}

.section-board .board-container {
	width: 100%;
	max-width: 1920px;
	margin: auto;
}

.section-board .board-layers img.board-layer {
	width: 100%;
	height: auto;
	display: block;
}


.section-board .board-layers,
.section-board .board-details {
	position: relative;
	z-index: 2;
}





#section15 .howwe-list .howwe-item:nth-child(1),
#section15 .howwe-list .howwe-item:nth-child(3) {
	min-height: 600px;
}


@media (max-width:880px){
	.section-fastfact .fast-three .fast-number{
		font-size:30px;
	}
}

#section15 .howwe-list .howwe-item:nth-child(2) {
	min-height: 650px;
}


@media (max-width:880px){
	#section15 .howwe-list .howwe-item,
	#section15 .howwe-list .howwe-item:nth-child(1),
	#section15 .howwe-list .howwe-item:nth-child(2),
	#section15 .howwe-list .howwe-item:nth-child(3){
		height: auto;
		min-height: 513px;
	}
	html[lang="tc"] #section15 .howwe-list .howwe-item,
	html[lang="tc"] #section15 .howwe-list .howwe-item:nth-child(1),
	html[lang="tc"] #section15 .howwe-list .howwe-item:nth-child(2),
	html[lang="tc"] #section15 .howwe-list .howwe-item:nth-child(3),
	html[lang="sc"] #section15 .howwe-list .howwe-item,
	html[lang="sc"] #section15 .howwe-list .howwe-item:nth-child(1),
	html[lang="sc"] #section15 .howwe-list .howwe-item:nth-child(2),
	html[lang="sc"] #section15 .howwe-list .howwe-item:nth-child(3)
	{
		height: auto;
		min-height:362px;
	}
}



.section-howwe,
#section14.section-howwe {
	position: relative;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
	overflow: visible;
}
.section-howwe .howwe-inner{
	max-width: none;
	width: 100%;
	padding: 48px 24px;
	box-sizing: border-box;
}
.section-howwe .howwe-title{max-width:none;padding-left:24px;padding-right:24px}
@media (min-width:880px){
	.section-howwe .howwe-inner{padding-left:72px;padding-right:72px}
}


#section15 .howwe-item .img {
	height: 100%;
	position: relative;
	top: -20px;
}
#section15 .howwe-item .img img {
	width: 100%;
	display: block;
	object-fit: unset !important;
	border-radius: 12px;
}


#section15 .howwe-item .howwe-content{
	display:flex;
	flex-direction:column;
	padding-top:50px;
	padding-bottom:50px;
}
#section15 .howwe-item .howwe-content .read-more{
	margin-top:auto;
	align-self:flex-end;
}
#section15 .howwe-item:nth-child(2) .howwe-content .read-more{
	align-self:flex-start;
}

#section15 .howwe-item .howwe-content .read-more .btn-icon{
	width:35.5px;
	height:53px;
	display:inline-block;
	margin-left:12px;
	object-fit:contain;
	vertical-align:middle;
}


.board-layers, .board-layers .board-layer{position:relative;z-index:3}
.board-details, .board-details *{position:relative;z-index:4}

#section19 .annual-title {margin: 0 0 43px;}




@media (max-width:880px){
	.section-fastfact .fast-grid .fast-number{
		font-size:30px;
	}
}

@media (max-width:880px){
	.fast-icon{width:60px;height:60px;flex:0 0 60px}
	.event-box .event-desc{font-size:12px;padding:21px 14px;min-height:0}
	.fast-item .fast-item-icon{flex:0 0 60px;width:60px;height:60px;margin-right:0}
	.fast-number .counter-suffix{font-size:20px}
}

@media (max-width:1245px){
    .exec-media{flex:unset!important}
}

@media (max-width:880px){
	.time-point{width:15px;height:15px;flex:0 0 15px}
	.timeline::before{height:2px;top:57px}
}

@media (max-width:880px){
	.time-point{width:15px;height:15px;flex:0 0 15px}
	.timeline::before{height:2px;top:24.5px}

	.section-board{font-size:12px}

	.member-dot{width:8px;height:8px;font-size:5px}
}


@media (max-width:880px){
    .section-heading{font-size:25px}
}


@media (max-width:880px){
	.exec-subtitle{font-size:20px;margin-bottom:15px}
}

@media (max-width:1200px){
	.who-title h2, .innovation-title h2, .howwe-title h2, .esg-title h2{
		font-size:100px;
		line-height:100px;
	}

	
	.esg-buttons .esg-btn{
		font-size:12px !important;
		padding:31px 20px 31px 20px;
	}
	}
@media (max-width:1780px){
	.section-who {background-position: 90% 100%;}
}
@media (max-width:500px){
    .section-who .section-mobile-img{height:300px;object-position: 90% 100%;}
}



@media (max-width:880px){
	.section-overview{padding:24px 25px}
}


@media (max-width:880px){
	.overview-title{margin-bottom:15px}
}


@media (max-width:880px){
	.overview-inner{padding:0 !important}
}


@media (max-width:880px){
	.overview-card{min-height:60px;padding: 8px 8px 8px 19px;}
}


@media (max-width:880px){
	.overview-card .read-more{font-size:10px;gap: 10px;}
}


@media (max-width:880px){
    p{font-size:12px}
}


@media (max-width:880px){
	.section-board{padding-top:0}
}


@media (max-width:880px){
    p.section-text-1, p.section-text-2, p.section-text-3{font-size:12px}
	p.section-text-1{margin-bottom: 50px;}
	.chairman-text p.section-text-1{margin-bottom: 25px;}
}


@media (max-width:880px){
	.section-ceo{padding:11px 25px 0}
}


@media (max-width:880px){
	.section-management{padding:30px 25px}
}


@media (max-width:880px){
	.video-thumb{height:204px;background-position: top;}
	.video-thumb img{width:49px;height:49px}
}


@media (max-width:880px){
	.chairman-title{margin-bottom:25px}
}


@media (max-width:880px){
	.section-chairman{padding:24px 25px}
}


@media (max-width:880px){
	.management-text-centered{margin:0 auto 35px !important}
	.management-sep{margin:0 0 25px !important}
}


@media (max-width:880px){
	.ceo-part2 .tab-item.active::after,
	.chairman-part2 .tab-item.active::after{
		content: unset !important;
	}

	
	.management-inner{padding:0 !important}
}
@media (max-width:1260px){
	.exec-box h4{font-size:18px !important}
	.exec-box p{font-size:12px}
	.exec-media img{height: 100px;}
}
@media (max-width:980px){
.section-glance {padding: 64px 25px;}
}
@media (max-width:880px){
  .innovation-item h3{font-size:18px;margin: 0 0 15px}
  .fast-subtitle{font-size:10px}
  .fast-num-top, .fast-num-bottom {font-size:12px}
  .fast-number-top, .fast-number-bottom{font-size:10px}
  .section-fastfact{padding:24px 25px 56px}
  .section-glance{padding:24px 25px 17px}
  .timeline-wrap{padding:0}
  .section-awards{padding:24px 25px 57px}
  .awards-row{gap:0;}
  .awards-title.gradient-text{margin-bottom:15px}
  .awards-slider-wrap{margin-top: 0}
  .award-box{grid-template-rows: auto 195px}
  .award-box .award-desc{font-size:12px}
  .award-box .award-content{max-height:195px;padding-top: 22px;padding-left: 14px;padding-right: 14px}
  .awards-controls .control-icon{width: 23px;height: 34px}
  .awards-controls{gap: 4.5px}
  .committee-icon{width: 12px;min-width: 12px;height: 25px}
  .committee-item{padding-left: 38px}
  .chairman-sep .download-full{min-height: 20px;font-size: 10px;padding: 0px 9px}
  .chairman-sep .download-full .download-icon{width: 9px;height: 10px;}
  .tab-item img.tab-icon{width: 19px;height: 29px;}
  .tab-item.active + .accordion-panel{padding-top:31px;padding-bottom:31px;}
  .board-layers, .management-layers{border-radius: 10px 0 10px 0}
  .management-info-right .position-block {padding: 15px 0 14px}
  .innovation-item .read-more{font-size: 10px}
  #section15 .howwe-item .img{top:-4px;left: 0;width: 50%;}
  .section-howwe-content{padding: 32px 54px 30px 54px}
  .howwe-item{gap: 0}
  #section15 .howwe-item .howwe-content{padding-top:0;padding-bottom: 29px;}
  .howwe-item:nth-child(2) .img img {right: 0;left: unset;padding: 0px 0px 15px 15px!important}
  .howwe-item:nth-child(2) .img{margin-left: auto}
  #section15 .howwe-item .howwe-content .read-more .btn-icon{width: 11px;height: 17px}
  .howwe-item h3{font-size: 18px}
  #section15 .howwe-list .howwe-item:nth-child(1), #section15 .howwe-list .howwe-item:nth-child(3) {border-bottom-right-radius: 30px;}
  #section15 .howwe-list .howwe-item:nth-child(2) {border-bottom-left-radius: 30px;}
  footer, .footer-col.company-info h4, footer p{font-size: 12px;}
  .footer-social .follow{font-size: 15px}
  .footer-logo img{width: 110px;}
  .final-footer{padding: 41px 25px 34px;}
  .footer-social{margin-top: 25px;}
  .ceo-part1{flex-direction:column-reverse;margin-bottom: 16px;gap: 15px;}
  .chairman-part1{flex-direction:column;margin-bottom: 16px;gap: 15px;}
  .award-box .award-content .award-title{font-size: 18px;}
  .event-box{margin-top: 25px}
  .time-label{font-size: 10px;margin-bottom: 4px;}
  .fast-three .fast-box .box-inner{display: block}
  .fast-item{padding:0;}
  .exec-title{margin: 0 0 40px}
  .annual-report .annual-ch{font-size:18px}
  .section-board .board-inner{padding: 0 25px 48px;}
  #section16 .year-box .btn-primary{font-size:10px}
  #section16 .btn-primary .btn-icon{width: 11px;height: 17px;margin-left: 6px;}
  #section19 .annual-title {font-size: 18px;margin: 0 0 18px;}
  .download-report, .btn-download{font-size: 10px;padding: 0px 9px;min-height: 20px;}
  .download-report .btn-poly, .btn-download .btn-poly{width: 10px;height: 10.5px;margin-right: 6px;}
  .drawer-inner .download-report {font-size: 12px;padding: 0px 14px 0 20px;width: 173px;min-width: 173px;min-height: 22px;gap:5px;}
  .btn-download {font-size: 10px;padding: 0px 9px 0 11px;width: 173px;min-width: 173px;min-height: 22px;}
  .drawer-inner .download-report .btn-poly{width: 11.5px;height: 12px;margin: 0;}
  .btn-download .btn-poly{width: 11.5px;height: 12px;margin: 0;}
  .section-board .board-table tbody tr:first-child td{padding-top: 10px;}
  .howwe-content .read-more{font-size:10px}
  .board-title, .management-title{margin: 0 0 25px;}
  .overview-card .read-more .btn-icon{width: 30px;height: 45px;}
  .overview-card h3{font-size: 18px;}
  .fast-grid{gap: 20px 10px;}
  .glance-controls .control-icon{width: 23px;height: 34px;}
  .glance-controls{gap: 4.5px;}
  .glance-controls button {padding: 6px 0;}
  .exec-media img{height:80px}
}

@media (max-width:400px){
	
	.fast-number, .section-fastfact .fast-grid .fast-number{font-size:calc(4vw + 6px)}
	
	.fast-number .counter-suffix{font-size:calc((4vw + 6px) * 0.4166667)}
	
	.fast-item .fast-item-icon{flex:0 0 calc(6.5vw);width:calc(6.5vw);height:calc(6.5vw);margin-right:8px}
	
	.fast-item .text{font-size:13px}
}

@media (min-width:1921px){
.section-who .who-title{right: 85px;}
}


sup {
    font-size: 70%;
}

.special-spacing {
    margin-right: -30px;
}

@media (max-width:880px){
.special-spacing {
    margin-right: -13px;
}
html[lang="sc"] .download-report, html[lang="sc"] .btn-download,
html[lang="tc"] .download-report, html[lang="tc"] .btn-download {
	width: 119px;
	min-width: 119px;
	padding: 0 11px 0 15px;
}
}