html{background:linear-gradient(to top, #1b5864, #1d5e6a, #1f6370, #226977, #246f7d, #277c8a, #2b8996);background:#1b5864}[class^=body-esg] .breadcrumb{color:#fff !important;border-bottom:none;width:1280px}[class^=body-esg] .breadcrumb a{color:#fff !important}[class^=body-esg] #section-banner .preload:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 40%, rgba(27, 88, 100, 0) 100%)}[class^=body-esg] #section-banner .preload:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center, rgba(27, 88, 100, 0) 0%, rgba(27, 88, 100, 0.4) 40%, #1b5864 80%)}[class^=body-esg] #section-banner div.banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 20%, rgba(27, 88, 100, 0) 40%, rgba(27, 88, 100, 0) 100%)}[class^=body-esg] #section-banner div.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center, rgba(27, 88, 100, 0) 0%, rgba(27, 88, 100, 0.1) 40%, rgba(27, 88, 100, 0.2) 50%, #1b5864 80%)}[class^=body-esg] .preload:before{display:none}[class^=body-esg] .preload:after{background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 40%, rgba(27, 88, 100, 0) 100%) !important}[class^=body-esg] div.banner:before{display:none}[class^=body-esg] div.banner:after{background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.2) 40%, rgba(27, 88, 100, 0.1) 50%, rgba(27, 88, 100, 0) 100%) !important}.section-esg{font-size:16px;font-weight:500}.section-esg .wrap{max-width:100%}@media(min-width: 1px)and (max-width: 767px){.section-esg .wrap{margin:0}}.section-esg .inner{padding:36px 0 0;margin:0 auto;max-width:1280px}@media all and (max-width: 1024px){.section-esg .inner{padding:0}}.section-esg .headline h2{color:#fff}@media all and (max-width: 1024px){.section-esg .headline h2{font-size:1.25rem !important}}@media all and (max-width: 1024px){.section-esg.en .mcm{font-size:16px}}.section-esg .mcm{position:relative;font-size:24px;color:#fff;margin:-112px 0 36px}@media all and (max-width: 1024px){.section-esg .mcm{font-size:14px;font-weight:400;margin:30px 10px 36px;padding:16px;border:2px solid #6ccc99}}.section-esg .mcm .text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@media all and (max-width: 1024px){.section-esg .mcm .text{position:relative;left:auto;right:auto}}.section-esg .mcm p{padding:0;margin:0}.section-esg .mcm strong{color:#85efa9}@media(min-width: 1px)and (max-width: 767px){.section-esg .mcm img{display:none}}.section-esg.en .environment .text .text-inner{font-size:20px}@media(min-width: 1px)and (max-width: 767px){.section-esg.en .environment .text .text-inner{font-size:16px;font-weight:400}}.section-esg.en .environment .text h3{font-size:36px}@media(min-width: 1px)and (max-width: 767px){.section-esg.en .environment .text h3{font-size:20px}}.section-esg .environment{position:relative}@media all and (max-width: 1024px){.section-esg .environment{padding-top:20px}}.section-esg .environment .text{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:1280px;max-width:100%}@media all and (max-width: 1024px){.section-esg .environment .text{position:relative;left:0%;transform:translateX(0%);z-index:1}}.section-esg .environment .text .text-inner{position:absolute;top:0;left:0;bottom:0;font-size:24px;color:#85efa9;display:flex;align-items:center;justify-content:center;width:50%}@media all and (max-width: 1024px){.section-esg .environment .text .text-inner{position:relative;font-size:20px;text-shadow:3px 3px 6px rgba(0,0,0,.9);box-sizing:border-box;padding:0 12px;width:100%}}.section-esg .environment .text h3{font-size:54px;color:#fff}@media all and (max-width: 1024px){.section-esg .environment .text h3{font-size:30px}}.section-esg .environment .img{position:relative;display:flex;align-items:center;justify-content:flex-end}@media all and (max-width: 1024px){.section-esg .environment .img{z-index:0}}.section-esg .environment img.environment-01{display:block;margin-right:-6%;height:640px}@media all and (max-width: 1024px){.section-esg .environment img.environment-01{height:auto}}.section-esg .esg{position:relative;background:url("https://www.mcm-tw.com/theme/v1/images/about_esg_bg_04.webp") center center no-repeat;background-size:100% auto;min-height:56.25vw;overflow:hidden}@media(min-width: 1px)and (max-width: 767px){.section-esg .esg{background:url("https://www.mcm-tw.com/theme/v1/images/about_esg_bg_01.webp") center center no-repeat;background-size:auto 100%;box-sizing:border-box;padding:36px 20px 36px}}.section-esg .esg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.3) 20%, rgba(27, 88, 100, 0) 100%)}.section-esg .esg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, #1b5864 0%, rgba(27, 88, 100, 0.2) 20%, rgba(27, 88, 100, 0) 100%)}.section-esg .esg .text{position:absolute;z-index:1;top:20%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:11.1979%;cursor:pointer}@media(min-width: 1px)and (max-width: 767px){.section-esg .esg .text{position:relative;transform:translateX(0%);margin-bottom:12px;width:26%}}.section-esg .esg .text.e{left:33%}@media(min-width: 1px)and (max-width: 767px){.section-esg .esg .text.e{left:auto}}.section-esg .esg .text.s{right:23%}@media(min-width: 1px)and (max-width: 767px){.section-esg .esg .text.s{right:auto}}.section-esg .esg .text.g{top:auto;left:50%;bottom:15%}@media(min-width: 1px)and (max-width: 767px){.section-esg .esg .text.g{left:auto;bottom:auto}}.section-esg .esg .text:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);background:url("https://www.mcm-tw.com/theme/v1/images/about_esg_hover.png") center center no-repeat;width:671px;height:656px;opacity:0;pointer-events:none;transition:all .25s ease-in}@media(min-width: 1px)and (max-width: 767px){.section-esg .esg .text:before{background-size:cover;width:280px;height:274px}}.section-esg .esg .text:hover:before,.section-esg .esg .text.active:before{opacity:.4}.section-esg .esg .text img{width:90% !important}.section-esg.en .content{font-size:16px;line-height:inherit}@media(min-width: 1px)and (max-width: 767px){.section-esg.en .content{font-size:14px;top:50%;left:34%;transform:translate(0%, -50%);width:60%}}.section-esg.en .content div{line-height:inherit;display:flex;align-items:center;justify-content:center;height:90px}@media(min-width: 1px)and (max-width: 767px){.section-esg.en .content div{text-align:left;display:block;white-space:inherit;word-wrap:break-word;line-height:1.6;margin-bottom:12px;height:auto}}.section-esg .content{position:absolute;top:23%;left:50%;transform:translate(-50%, 0%);font-size:24px;color:#aaff93;line-height:44px;text-align:center;width:27.0833%;opacity:0;transition:all .25s ease-in}@media all and (max-width: 1366px){.section-esg .content{font-size:18px;line-height:36px}}@media all and (max-width: 1200px){.section-esg .content{font-size:16px;line-height:24px}}@media all and (max-width: 1024px){.section-esg .content{width:60%}}@media(min-width: 1px)and (max-width: 767px){.section-esg .content{top:40%;left:40%;transform:translate(0%, 0%);font-size:14px;width:60%}}.section-esg .content.active{opacity:1}.section-esg .content div{position:relative;line-height:90px}@media all and (max-width: 1366px){.section-esg .content div{line-height:80px}}@media all and (max-width: 1200px){.section-esg .content div{line-height:70px}}@media all and (max-width: 1024px){.section-esg .content div{line-height:60px}}@media all and (max-width: 1024px){.section-esg .content div{line-height:2.8;white-space:nowrap}}@media(min-width: 1px)and (max-width: 767px){.section-esg .content div{text-align:left;display:block;white-space:inherit;word-wrap:break-word;line-height:1.6;padding-left:16px;margin-bottom:12px;height:auto}}.section-esg .content div:before,.section-esg .content div:after{content:"";position:absolute}.section-esg .content div:before{position:absolute;content:"";display:inline-block;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:6px solid #AAFF93;width:0;height:0;position:relative;display:inline-block;margin-right:8px}@media(min-width: 1px)and (max-width: 767px){.section-esg .content div:before{position:absolute;top:7px;left:0}}.section-esg .content div:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.3);width:50%;height:2px}@media(min-width: 1px)and (max-width: 767px){.section-esg .content div:after{display:none}}.section-esg img{display:block}.section-esg .net-zero{position:relative;background:url("https://www.mcm-tw.com/theme/v1/images/net_zero_bg.webp") top center no-repeat;background-size:100% auto;overflow:hidden}@media all and (max-width: 1024px){.section-esg .net-zero{background-size:cover}}.section-esg .net-zero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, #1b5864 0%, rgba(27, 88, 100, 0.3) 20%, rgba(27, 88, 100, 0) 100%)}.section-esg .net-zero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, #1b5864 0%, rgba(27, 88, 100, 0.2) 20%, rgba(27, 88, 100, 0) 100%)}.section-esg .net-zero .inner{position:relative;padding-top:56.25%;height:0}@media all and (max-width: 1024px){.section-esg .net-zero .inner{padding-top:70%;margin-bottom:0}}@media(min-width: 1px)and (max-width: 767px){.section-esg .net-zero .inner{padding-top:180%}}.section-esg .center{position:absolute;top:0%;left:50%;z-index:1;transform:translateX(-50%);padding:56.25% 0 0;width:62.5%}@media(min-width: 1px)and (max-width: 767px){.section-esg .center{top:10%}}.section-esg .center .center-1{position:absolute;top:0;left:0;width:100%;height:100%}.section-esg .center .center-1 img{position:absolute;top:5%;left:5%;width:90%}.section-esg.en .left .text,.section-esg.en .right .text,.section-esg.en .bottom .text{font-size:1.2rem}@media all and (max-width: 1200px){.section-esg.en .left .text,.section-esg.en .right .text,.section-esg.en .bottom .text{font-size:1rem}}@media all and (max-width: 1024px){.section-esg.en .left .text,.section-esg.en .right .text,.section-esg.en .bottom .text{font-size:12px}}.section-esg .left,.section-esg .right,.section-esg .bottom{position:absolute;z-index:2}@media(min-width: 1px)and (max-width: 767px){.section-esg .left,.section-esg .right,.section-esg .bottom{position:relative}}.section-esg .left img,.section-esg .right img,.section-esg .bottom img{position:relative;top:auto;left:auto;transform:translate(0, 0)}.section-esg .left .text,.section-esg .right .text,.section-esg .bottom .text{position:absolute;left:6%;right:6%;bottom:4%;font-size:1.2rem;color:#95e8ce;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;height:52px}@media all and (max-width: 1024px){.section-esg .left .text,.section-esg .right .text,.section-esg .bottom .text{font-size:13px;height:40px}}.section-esg .left{top:50%;left:-20%;transform:translateY(-54%);width:38%}@media(min-width: 1px)and (max-width: 767px){.section-esg .left{top:auto;left:auto;transform:translateY(0%);margin:0 auto 12px;width:90%}}.section-esg .left .text{bottom:7%}.section-esg .right{top:50%;right:-20%;transform:translateY(-50%);width:39%}@media(min-width: 1px)and (max-width: 767px){.section-esg .right{top:auto;right:auto;transform:translateX(0%);margin:0 auto 12px;width:90%}}.section-esg .bottom{left:50%;bottom:-8%;transform:translateX(-50%);width:46%}@media(min-width: 1px)and (max-width: 767px){.section-esg .bottom{left:auto;bottom:auto;transform:translateX(0%);margin:0 auto 12px;width:90%}}.section-esg .bottom .text{height:66px}@media all and (max-width: 1024px){.section-esg .bottom .text{height:40px}}@keyframes kf-clockwise{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes kf-counterclockwise{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.clockwise{animation:kf-clockwise 12s linear infinite}.counterclockwise{animation:kf-counterclockwise 12s linear infinite}