@charset "UTF-8";:root{--main-nav-height: 60px;--sub-nav-height: 60px}@media only screen and (max-width: 551px) {:root{--sub-nav-height: 50px}}main{overflow-x:hidden;margin-top:3.75rem}.visuallyhidden{position:absolute;opacity:0;pointer-events:none}:where(.container){width:min(100%,var(--max-width, 1440px));margin-inline:auto}@media only screen and (max-width: 1440px) {:where(.container){--max-width: 1150px}}:where(.container).--small{--max-width: 1150px}:where([id]){scroll-margin-top:2ch}:where([class^=btn]){background:var(--bg-color);color:var(--text-color);border:none;text-shadow:none}.btn--primary{--bg-color: linear-gradient(290.05deg, #092851 -25.65%, #223c8f 92.77%);--text-color: #fff;display:inline-block;font-weight:600;line-height:1.375;transition:all .3s ease;border:none}.btn--primary:hover{box-shadow:var(--bg-shadow, 0px 9px 20px rgba(130, 155, 221, 0.42))}:where(.--title-line){display:flex;line-height:normal;align-items:center;flex-wrap:nowrap;gap:0 var(--title-line-gap, 16px);font-size:28px;color:var(--title-line-text-color, #232644);width:min(100%,1150px);margin-inline:auto}:where(.--title-line)::before,:where(.--title-line)::after{content:"";display:block;flex:1;height:1px;background:rgba(var(--title-line-color, 9, 40, 81),var(--line-alpha,0.25))}.--title-gradient{background:var(--bg-color, linear-gradient(92.04deg, #6bb6fc 26.13%, #3a29a3 80.64%));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}html{scroll-behavior:smooth}.sub-nav{position:fixed;inset:calc(var(--h-header-height) + var(--h-header-top-height)) 0 auto var(--w-search-width);height:var(--sub-nav-height);z-index:99}@media only screen and (max-width: 768px) {.sub-nav{transition:.36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1)}.sub-nav.rwd-open{height:100%}}.sub-nav__container{display:flex;justify-content:center;align-items:center;position:relative;height:var(--sub-nav-height);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}@media only screen and (max-width: 768px) {.sub-nav__container{position:absolute;top:0;width:100%;height:100%}.rwd-open .sub-nav__container{height:100%}}@media only screen and (max-width: 425px) {.sub-nav__container{height:50px}}.sub-nav__action{display:flex;gap:50px}@media only screen and (max-width: 768px) {.sub-nav__action{display:block;position:absolute;inset:var(--sub-nav-height) 0 0 0;width:100%;height:auto;margin:0 auto;padding:2.8125rem 2.5rem .5rem;user-select:none;visibility:hidden;opacity:0;overflow-y:auto;transition:.36s ease}}@media only screen and (max-width: 768px)and (max-width: 425px) {.sub-nav__action{padding:2.8125rem 1.25rem .5rem}}@media only screen and (max-width: 768px) {.opening .sub-nav__action{overflow:hidden}.closing .sub-nav__action{overflow:hidden}.rwd-open .sub-nav__action{visibility:visible;opacity:1}}.sub-nav__item{padding:1.25rem 0;color:#000;font-size:1rem;font-weight:600;font-family:"PingFang TC","Open Sans","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif}@media only screen and (max-width: 768px) {.sub-nav__item{display:block}.sub-nav__item:nth-child(even){border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}}.sub-nav__burger{display:none;position:relative;margin-right:-8px;z-index:2}@media only screen and (max-width: 768px) {.sub-nav__burger{display:inline-block;position:absolute;inset:calc(var(--sub-nav-height)/2) 1.25rem auto auto;transform:translate(0, -50%)}}@media only screen and (max-width: 551px) {.sub-nav__burger{display:inline-block;position:absolute;transform:translate(0, -50%)}}@media only screen and (max-width: 425px) {.sub-nav__burger{display:inline-block;position:absolute;inset:25px 1.25rem auto auto;transform:translate(0, -50%)}}.sub-burger__box__inner::after,.sub-burger__box__inner::before,.sub-burger__box__inner{display:block;width:1.125rem;height:.125rem;background:#000}.sub-burger{padding:0;border:none;margin-left:.6875rem;background:rgba(0,0,0,0);cursor:pointer}.sub-burger__box{position:relative;width:2.25rem;height:1.875rem}.sub-burger__box__inner{position:absolute;inset:calc(.9375rem - 1px) auto auto .5625rem;transform:rotate(0deg);transition:transform .2s cubic-bezier(0.04, 0.04, 0.12, 0.96) .2s}.sub-burger__box__inner::before{content:"";background:inherit;position:absolute;inset:-6px auto auto auto;transition:top .2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity .2s cubic-bezier(0.04, 0.04, 0.12, 0.96) .2s}.sub-burger__box__inner::after{content:"";background:inherit;position:absolute;inset:auto auto -6px auto;transition:bottom .2s cubic-bezier(0.04, 0.04, 0.12, 0.96),transform .2s cubic-bezier(0.04, 0.04, 0.12, 0.96) .2s;transform:rotate(0deg)}.rwd-open .sub-burger__box__inner{transform:rotate(45deg)}.rwd-open .sub-burger__box__inner::before{inset:0px auto auto auto;opacity:0}.rwd-open .sub-burger__box__inner::after{inset:auto auto 0px auto;transform:rotate(-90deg)}.pd-hero{position:relative;background:var(--c-bg);padding-top:70px}.pd-hero::after{content:"";position:absolute;aspect-ratio:1184/105;width:min(1100px,100%);background:rgba(0,0,0,.2);filter:blur(52px);z-index:-1;left:50%;transform:translate(-50%, -50%)}.pd-hero__container{max-width:1300px;border-radius:20px;background:#fff;position:relative;padding:0}@media only screen and (max-width: 834px) {.pd-hero__container{max-width:688px}}.pd-hero__container::before{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/hero/heart_rate.png) no-repeat center/cover;position:absolute;aspect-ratio:228/257;width:min(87px,100%);z-index:1;inset:-14px 84%}@media only screen and (max-width: 834px) {.pd-hero__container::before{width:min(75px,100%);inset:60 90%}}@media only screen and (max-width: 551px) {.pd-hero__container::before{inset:60% 85%}}@media only screen and (max-width: 425px) {.pd-hero__container::before{inset:64% 80%}}@media only screen and (max-width: 375px) {.pd-hero__container::before{width:min(55px,100%)}}.pd-hero__container::after{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/hero/form.png) no-repeat center/cover;position:absolute;aspect-ratio:93/100;width:min(93px,100%);z-index:1;inset:380px 43%}@media only screen and (max-width: 834px) {.pd-hero__container::after{width:min(76px,100%);inset:84% -3%}}@media only screen and (max-width: 425px) {.pd-hero__container::after{display:none}}.pd-hero__wrapper{overflow:hidden;display:grid;border-radius:20px;grid-template-columns:50% 50%;gap:10px}@media only screen and (max-width: 1024px) {.pd-hero__wrapper{grid-template-columns:55% 45%}}@media only screen and (max-width: 834px) {.pd-hero__wrapper{grid-template-columns:1fr;grid-template-rows:auto auto;justify-content:center}}@media only screen and (max-width: 551px) {.pd-hero__wrapper{display:block}}.pd-hero__header{color:var(--c-text);padding:70px 50px}@media only screen and (max-width: 834px) {.pd-hero__header{padding:70px clamp(20px,7vw,50px) 20px}}@media only screen and (max-width: 375px) {.pd-hero__header{transform:scale(0.9);padding:50px 0 20px}}@media only screen and (max-width: 320px) {.pd-hero__header{transform:scale(0.8);padding:40px 0 20px}}.pd-hero__header .header-text{color:var(--c-text);text-align:justify;font-size:16px;font-weight:500;line-height:24px;border-bottom:1px solid rgba(35,29,90,.15);padding:20px 0}@media only screen and (max-width: 834px) {.pd-hero__header .header-text{padding:20px clamp(20px,3vw,40px)}}@media only screen and (max-width: 551px) {.pd-hero__header .header-text{padding:20px 0}}.pd-hero__iso-wrapper{padding:20px 10px;display:grid;align-items:center;grid-template-columns:55px auto auto auto;grid-template-rows:min-content min-content;grid-template-areas:"img iso14064 iso14067 iso50001" "img iso45001 iso27001 .";gap:7px}@media only screen and (max-width: 834px) {.pd-hero__iso-wrapper{padding:20px 0px}}@media only screen and (max-width: 425px) {.pd-hero__iso-wrapper{grid-template-columns:55px auto auto;grid-template-rows:min-content min-content min-content;grid-template-areas:"img iso14064 iso27001" "img iso45001 iso50001" "img iso14067 .";gap:10px 5px}}.pd-hero__iso-wrapper .iso-deco{grid-area:img;aspect-ratio:46/37;width:min(46px,100%);display:flex;align-items:center;justify-content:center;height:100%}.pd-hero__iso-wrapper .iso-deco img{width:100%}.pd-hero__iso-wrapper .iso-item{font-size:12px;white-space:nowrap}.pd-hero__iso-wrapper .iso-item:nth-of-type(1){grid-area:iso14064}.pd-hero__iso-wrapper .iso-item:nth-of-type(2){grid-area:iso14067}.pd-hero__iso-wrapper .iso-item:nth-of-type(3){grid-area:iso50001}.pd-hero__iso-wrapper .iso-item:nth-of-type(4){grid-area:iso45001}.pd-hero__iso-wrapper .iso-item:nth-of-type(5){grid-area:iso27001}@media only screen and (max-width: 834px) {.pd-hero__logo h2{text-align:center}}.pd-hero__logo h2::after{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/hero/deco_6.png) no-repeat center/cover;position:absolute;aspect-ratio:58/54;width:min(58px,100%);left:380px;top:-10px;filter:drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1))}@media only screen and (max-width: 834px) {.pd-hero__logo h2::after{display:none}}.pd-hero__logo img{width:100%}@media only screen and (max-width: 834px) {.pd-hero__logo img{content:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/hero/hero_title_mobile.png);width:min(530px,100%);aspect-ratio:530/126}}.pd-hero__mainimg{position:relative;width:min(833px,123%);inset:26% -2%;aspect-ratio:833/484}@media only screen and (max-width: 1024px) {.pd-hero__mainimg{width:min(833px,130%);inset:35% -10%}}@media only screen and (max-width: 834px) {.pd-hero__mainimg{width:min(833px,90%);inset:9% 7%}}@media only screen and (max-width: 425px) {.pd-hero__mainimg{width:min(833px,140%);inset:9% 4%}}.pd-hero__mainimg img{width:100%}.pd-government{padding:clamp(80px,10vw,100px) 0}@media only screen and (max-width: 834px) {.pd-government{background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/gov_bg_deco_tablet.png) no-repeat center/contain;aspect-ratio:1536/800;width:min(800px,100%)}}@media only screen and (max-width: 425px) {.pd-government{background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/gov_bg_deco_mobile.png) no-repeat center/contain;aspect-ratio:555/533;width:min(555px,100%)}}.pd-government__container{position:relative}.pd-government__container::before{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/gov_bg_deco_1.png) no-repeat center/cover;position:absolute;aspect-ratio:1440/756;width:min(720px,100%);z-index:-1;left:-43px;top:0;opacity:.4}@media only screen and (max-width: 834px) {.pd-government__container::before{display:none}}.pd-government__container::after{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/gov_bg_deco_2.png) no-repeat center/cover;position:absolute;aspect-ratio:946/626;width:min(708px,100%);z-index:-1;right:0;top:0;opacity:.4}@media only screen and (max-width: 834px) {.pd-government__container::after{display:none}}.pd-government__header{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:100%}@media only screen and (max-width: 1024px) {.pd-government__header{padding-bottom:30px}}@media only screen and (max-width: 425px) {.pd-government__header{padding-bottom:80px}}.pd-government__header::before{content:"";background:url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/protein_drink.png) no-repeat center/cover;position:absolute;aspect-ratio:150/173;width:min(150px,100%);z-index:1;left:10vw;top:79px}@media only screen and (max-width: 1024px) {.pd-government__header::before{width:min(128px,100%);left:-23px;top:119px}}@media only screen and (max-width: 678px) {.pd-government__header::before{left:-40px;width:min(88px,100%);top:184px}}@media only screen and (max-width: 425px) {.pd-government__header::before{width:min(80px,100%);inset:72% 77%}}.pd-government__header .gov-title{text-align:center;padding-bottom:10px}.pd-government__header .header-text{display:inline-block;border-top:1px solid rgba(35,29,90,.15);padding:20px 0}.pd-government__header .header-text p{color:var(--c-text);text-align:center;font-size:14px;font-weight:400;line-height:24px}@media only screen and (max-width: 425px) {.pd-government__header .header-text p{padding:0 clamp(10px,4vw,30px);text-align:start}}@media only screen and (max-width: 425px) {.pd-government__header .header-text br{display:none}}.pd-government__esg-inner{z-index:4;width:100%;box-shadow:0px 34px 64px -20px rgba(8,47,64,.15);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:2px solid #fff;position:relative}.pd-government .swiper{overflow:hidden;width:80%;height:100%;padding:43px 10px}@media only screen and (max-width: 375px) {.pd-government .swiper{padding:43px 20px}}.pd-government .swiper-wrapper{display:flex;align-items:stretch}.pd-government .swiper-slide{overflow:hidden;background:#fff;display:flex;align-items:stretch;flex-direction:column;border-radius:10px;box-shadow:0 12px 16px rgba(0,0,0,.06);height:auto}.pd-government .swiper-button-next{position:absolute;right:4%;top:50%}@media only screen and (max-width: 551px) {.pd-government .swiper-button-next{right:3%}}@media only screen and (max-width: 551px) {.pd-government .swiper-button-next::after{font-size:30px}}.pd-government .swiper-button-prev{position:absolute;left:4%;top:50%}@media only screen and (max-width: 551px) {.pd-government .swiper-button-prev{left:3%}}@media only screen and (max-width: 551px) {.pd-government .swiper-button-prev::after{font-size:30px}}.pd-government .swiper .esg-list__inner{overflow:hidden;gap:20px}.pd-government .swiper .esg-list__publish-date{color:rgba(47,60,62,.7);font-size:14px;font-weight:400;line-height:normal}.pd-government .swiper .esg-list__mainimg{aspect-ratio:2/1;height:152px}.pd-government .swiper .esg-list__mainimg img{display:block;height:100% !important;object-fit:cover}.pd-government .swiper .esg-list__title{color:rgba(28,41,43,.7);font-size:16px;font-weight:600;line-height:normal}.pd-government .swiper .esg-list__body{background:#fff;padding:20px;border-radius:10px}.pd-intro{background:var(--c-bg) url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/intro_bg_deco.png) no-repeat center/cover}@media only screen and (max-width: 834px) {.pd-intro{background:var(--c-bg) url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/intro_bg_deco_tablet.png) no-repeat center/cover}}@media only screen and (max-width: 425px) {.pd-intro{background:var(--c-bg) url(https://www.gss.com.tw/templates/bevel/images/landing-page/esg/intro_bg_deco_mobile.png) no-repeat center/cover}}.pd-intro__contact-us{position:fixed;bottom:10%;right:-118px;display:flex;justify-content:start;padding-left:20px;align-items:center;gap:15px;border-radius:10px 0px 0px 10px;aspect-ratio:184/76;z-index:40;min-height:76px;transition:all .3s;background:linear-gradient(174deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.9) 100%)}@media only screen and (max-width: 425px) {.pd-intro__contact-us{transform:scale(0.9)}}.pd-intro__contact-us:hover{right:0}.pd-intro__contact-us-image{aspect-ratio:36/38;width:min(50px,100%);display:block}.pd-intro__contact-us-image img{width:100%}.pd-intro__contact-us p{color:#fff;font-weight:600;font-size:18px;line-height:normal;border-bottom:1px solid #fff;padding-bottom:5px;width:100%}.pd-intro__container{max-width:1300px;width:min(100%,1300px);display:grid;grid-template-columns:repeat(3, auto);gap:clamp(50px,3vw,70px);padding-top:clamp(30px,10vw,80px)}@media only screen and (max-width: 1280px) {.pd-intro__container{grid-template-columns:repeat(2, auto)}}@media only screen and (max-width: 834px) {.pd-intro__container{grid-template-columns:1fr;justify-content:center}}@media only screen and (max-width: 375px) {.pd-intro__container{gap:0}}@media only screen and (max-width: 834px) {.pd-intro__cube{text-align:center}}@media only screen and (max-width: 425px) {.pd-intro__cube{transform:scale(0.95)}}@media only screen and (max-width: 375px) {.pd-intro__cube{transform:scale(0.8)}}@media only screen and (max-width: 320px) {.pd-intro__cube{transform:scale(0.7)}}.pd-intro__cube .intro-title{color:var(--c-title);font-size:34px;font-weight:600}.pd-intro__cube .intro-subtitle{color:rgba(35,29,90,.4);font-size:24px;font-weight:200;line-height:normal;white-space:nowrap}.pd-intro__cube-wrapper{padding-top:10px;display:grid;grid-template-columns:repeat(4, min-content);gap:clamp(8px,1vw,15px)}@media only screen and (max-width: 834px) {.pd-intro__cube-wrapper{justify-content:center}}.pd-intro__cube-wrapper .cube-list{display:flex;flex-direction:column;gap:10px}.pd-intro__cube-wrapper .cube-item{display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid rgba(77,72,121,.1);background:var(--bg-cube);width:90px;max-height:51px;padding:17px 15px;font-size:12px;font-weight:600;color:var(--c-cube-text);white-space:nowrap;text-align:center;line-height:normal}.pd-intro__cube-wrapper .cube-item.--light{cursor:pointer;background:var(--bg-cube-light);box-shadow:0px 3px 6px 0px rgba(0,0,0,.2)}.pd-intro__cube-wrapper .cube-item.--light:hover{background:rgba(255,181,79,.8)}.pd-intro__cube-wrapper .cube-title{color:#fff;background:rgba(35,29,90,.7)}.pd-intro__cube-wrapper .cube-title.--dark{box-shadow:0px 3px 6px 0px rgba(0,0,0,.2);background:#231d5a;cursor:pointer}.pd-intro__cube-wrapper .cube-title.--dark:hover{background:rgba(35,29,90,.8)}.pd-intro__cube-wrapper .cube-popup{border-radius:10px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:29px 20px;overflow:hidden;position:absolute;display:none;transform:scale(0.9);transition:opacity .3s ease,transform .3s ease}.pd-intro__cube-wrapper .cube-popup--visible{display:block;transform:scale(1)}.pd-intro__cube-wrapper .cube-popup.--popup-light{border:1px solid #fff;background:rgba(252,169,55,.46)}.pd-intro__cube-wrapper .cube-popup.--popup-dark{border:1px solid rgba(0,0,0,.8);background:linear-gradient(142deg, rgba(18, 10, 100, 0.6) 0%, rgba(21, 14, 86, 0.54) 100%);max-width:606px}.pd-intro__cube-wrapper .cube-popup .fa-xmark{color:#fff;cursor:pointer;width:13px;position:absolute;top:0;padding:20px;right:0;z-index:4}.pd-intro__cube-wrapper .cube-popup__header{position:relative;padding-bottom:15px}.pd-intro__cube-wrapper .cube-popup__header-title{color:#fff;font-size:20px;font-weight:600;line-height:normal}.pd-intro__cube-wrapper .cube-popup__header-title--en{position:absolute;z-index:1;color:rgba(255,255,255,.2);font-size:48px;font-weight:200;filter:blur(1px);right:-20px;top:11px}.pd-intro__cube-wrapper .cube-popup__header p{color:rgba(255,255,255,.8);font-size:12px;font-weight:600;line-height:normal}.pd-intro__cube-wrapper .cube-popup__body{display:flex;gap:8px;flex-wrap:wrap}.pd-intro__cube-wrapper .cube-popup__body-item{aspect-ratio:134/105;width:134px;background-color:#fff;border-radius:3px;position:relative;z-index:3;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;transition:all .3s}.pd-intro__cube-wrapper .cube-popup__body-item img{height:28px;object-fit:contain;width:100%;aspect-ratio:1/1}.pd-intro__cube-wrapper .cube-popup__body-item p{color:#1c2c30;font-weight:600;font-size:13px;text-align:center;line-height:normal;transition:all .2s linear}.pd-intro__cube-wrapper .cube-popup__body-item p:not(.item--nolink):hover{color:rgba(44,116,233,.7)}.pd-intro__cube-wrapper #corporate{right:100px}@media only screen and (max-width: 1024px) {.pd-intro__cube-wrapper #corporate{right:inherit}}@media only screen and (max-width: 834px) {.pd-intro__cube-wrapper #corporate{right:3vw}}@media only screen and (max-width: 1024px) {.pd-intro__cube-wrapper #society{right:3vw}}:root{--c-text: rgb(80, 74, 141);--c-title: rgb(54, 46, 129);--c-cube-text: rgb(70, 44, 106);--c-bg: rgba(35, 29, 90, 0.07);--bg-cube: rgba(77, 72, 121, 0.1);--bg-cube-light: rgb(255, 181, 79)}@font-face {src: url(https://www.gss.com.tw/templates/bevel/fonts/burnfont-1.0.otf) format("opentype"); font-family: "burnfont-1.0"; font-display: swap}.main{margin-top:0}.esg__title--dark{color:var(--c-title);position:relative;font-size:53px;font-weight:400;line-height:63px;font-family:"burnfont-1.0","PingFang TC","微軟正黑體";white-space:nowrap}@media only screen and (max-width: 551px) {.esg__title--dark{font-size:37px;line-height:53px}}@media only screen and (max-width: 425px) {.esg__title--dark{font-size:28px;line-height:43px}}.esg__title--light{font-family:"burnfont-1.0","PingFang TC","微軟正黑體";background:linear-gradient(164deg, #ffc16b 0%, #f29b3b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}