@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&family=Noto+Serif+TC:wght@400;700;900&display=swap";.icon{background-image:url(../img/icon.png?U9Tv);background-size:607px 601px;background-repeat:no-repeat;display:block}@media only screen and (min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.icon{background-image:url(../img/icon@2x.png?Qz3D)}}@font-face{font-family:"icon";src:url("../fonts/icon.woff2?6JZK") format("woff2"),url("../fonts/icon.woff?Z_Y-") format("woff"),url("../fonts/icon.ttf?vgqr") format("truetype");font-display:block;font-style:normal}.font-icon,.font-icon-submenu-arrow::before,.font-icon-renew::before,.font-icon-pdf::before,.font-icon-more::before,.font-icon-launch::before{font-family:icon;font-weight:normal;font-style:normal;vertical-align:middle}.font-icon::before,.font-icon-submenu-arrow::before,.font-icon-renew::before,.font-icon-pdf::before,.font-icon-more::before,.font-icon-launch::before,.font-icon::after{display:inline;vertical-align:middle;line-height:1em}.font-icon-launch::before{content:""}.font-icon-more::before{content:""}.font-icon-pdf::before{content:""}.font-icon-renew::before{content:""}.font-icon-submenu-arrow::before{content:""}#wrapper section{max-width:1300px;width:100%;padding:0 20px;margin:auto}.kv{width:100%;height:255px;display:flex;justify-content:center;align-items:center;background:url(../img/page-kv.png?sbcM) no-repeat center;background-size:cover}.kv h2{font-size:64px;font-weight:bold;margin:0;color:#247867}.title{margin-bottom:75px;padding:0 30px}.title h2{color:#173771;font-size:40px;font-weight:bold;letter-spacing:.01em}.title h3{color:#173771;font-size:22px;margin-bottom:25px}.esg-overview{display:flex;flex-wrap:wrap;min-height:575px;margin-bottom:20px}.esg-overview .focus{width:21%;border-radius:100px 0 0 100px;padding:50px 20px 0 20px;background:url("../img/esg/focus.svg?WF2Z") center bottom 50px no-repeat,linear-gradient(#BCE3FC, #A4C8FD);background-size:196px 61px,auto}@media screen and (max-width: 991px){.esg-overview .focus{padding:20px;width:100%;border-radius:100px 100px 0 0;background:linear-gradient(#BCE3FC, #A4C8FD);margin-bottom:50px}}.esg-overview .focus h4{font-size:20px;color:#304e75;text-align:center;font-weight:800;margin-bottom:20px;letter-spacing:.1em}.esg-overview .focus ul{padding-left:30px;margin-bottom:0}@media screen and (max-width: 991px){.esg-overview .focus ul{max-width:400px;margin:auto}}.esg-overview .focus ul li{margin-bottom:15px;line-height:30px}@media screen and (max-width: 991px){.esg-overview .focus ul li{margin-bottom:0}}.esg-overview .focus ul li sup{font-size:12px;top:8px}.esg-overview .eight{width:79%;display:flex;flex-wrap:wrap;padding:0 20px}@media screen and (max-width: 991px){.esg-overview .eight{width:100%;padding:0;justify-content:space-between}}.esg-overview .eight figure{width:42%;margin:0;position:relative;order:2;display:flex}@media screen and (max-width: 991px){.esg-overview .eight figure{width:100%;max-width:500px;margin:auto;margin-bottom:50px;order:1}}.esg-overview .eight figure img{width:100%;height:auto}.esg-overview .eight .cont-list{width:29%;padding:0 10px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}@media screen and (max-width: 991px){.esg-overview .eight .cont-list{width:48%;display:block;padding:0}}@media screen and (max-width: 600px){.esg-overview .eight .cont-list{width:100%}}.esg-overview .eight .cont-list .cont-block{border-bottom:2px #e1e1e1 solid;padding:20px 0}@media screen and (max-width: 991px){.esg-overview .eight .cont-list .cont-block{min-height:150px}}@media screen and (max-width: 600px){.esg-overview .eight .cont-list .cont-block{min-height:auto}}@media screen and (min-width: 600px){.esg-overview .eight .cont-list .cont-block:nth-last-of-type(1){border-bottom:0}}.esg-overview .eight .cont-list .cont-block h4{font-size:20px;font-weight:700;margin-bottom:15px}.esg-overview .eight .cont-list .cont-block ul{padding-left:20px;margin-bottom:0px}.esg-overview .eight .cont-list .cont-block ul li{color:#646464;font-size:15px}.esg-overview .eight .cont-list.s1{order:1}@media screen and (min-width: 991px){.esg-overview .eight .cont-list.s1 .cont-block{height:25%}}.esg-overview .eight .cont-list.s1 .cont-block:nth-of-type(1) h4{color:#ffc851}.esg-overview .eight .cont-list.s1 .cont-block:nth-of-type(2) h4{color:#ea7b40}.esg-overview .eight .cont-list.s1 .cont-block:nth-of-type(3) h4{color:#2480ac}.esg-overview .eight .cont-list.s1 .cont-block:nth-of-type(4) h4{color:#b95896}.esg-overview .eight .cont-list.s2{order:3}.esg-overview .eight .cont-list.s2 .cont-block:nth-of-type(1) h4{color:#7fb48a}.esg-overview .eight .cont-list.s2 .cont-block:nth-of-type(2) h4{color:#306f98}.esg-overview .eight .cont-list.s2 .cont-block:nth-of-type(3) h4{color:#e55d77}.esg-overview .eight .cont-list.s2 .cont-block:nth-of-type(4) h4{color:#ed4e3c}.esg-nav{background:url(../img/esg/bg.jpg?FWM-) no-repeat center;background-size:cover;padding:160px 0;position:relative;margin-bottom:75px}.esg-nav::before{position:absolute;content:"";display:block;width:100%;padding-top:10%;background:url(../img/esg/bg-top.png?AF3P) no-repeat bottom;background-size:cover;top:0;left:0}.esg-nav:after{position:absolute;content:"";display:block;width:100%;padding-top:10%;background:url(../img/esg/bg-down.png?OuLI) no-repeat top;background-size:cover;bottom:0;left:0}.esg-nav ul{padding:0;max-width:1100px;display:flex;flex-wrap:wrap;list-style:none;margin:auto}.esg-nav ul li{width:25%;padding:15px}.esg-nav ul li:nth-of-type(1) a{color:#ffc851}.esg-nav ul li:nth-of-type(2) a{color:#7fb48a}.esg-nav ul li:nth-of-type(3) a{color:#2480ac}.esg-nav ul li:nth-of-type(4) a{color:#e55d77}.esg-nav ul li:nth-of-type(5) a{color:#ed4e3c}.esg-nav ul li:nth-of-type(6) a{color:#b95896}.esg-nav ul li:nth-of-type(7) a{color:#2480ac}.esg-nav ul li:nth-of-type(8) a{color:#ea7b40}@media screen and (max-width: 767px){.esg-nav ul li{width:50%}}.esg-nav ul li a{display:flex;background:#fff;padding:15px 20px;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:center;align-items:center;box-shadow:0 0 5px rgba(97,97,97,.25);min-height:155px}.esg-nav ul li a span{font-size:20px;max-width:155px;display:block;text-align:center;margin-top:25px;font-weight:700}.esg-content{display:flex;align-items:center;flex-wrap:wrap;padding:100px 10px}.esg-content#esg1 .info{color:#d79b19}.esg-content#esg1 .info h3{border-bottom:2px solid #d79b19}.esg-content#esg1 .info ul{color:#d79b19}.esg-content#esg1 .esg-swiper-box .swiper-button-next,.esg-content#esg1 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #d79b19}.esg-content#esg1 .esg-swiper-box .swiper-slide{border:1px solid #d79b19}.esg-content#esg2 .info{color:#55a364}.esg-content#esg2 .info h3{border-bottom:2px solid #55a364}.esg-content#esg2 .esg-swiper-box .swiper-button-next,.esg-content#esg2 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #55a364}.esg-content#esg2 .esg-swiper-box .swiper-slide{border:1px solid #55a364}.esg-content#esg3 .info{color:#36749b}.esg-content#esg3 .info h3{border-bottom:2px solid #36749b}.esg-content#esg3 .esg-swiper-box .swiper-button-next,.esg-content#esg3 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #36749b}.esg-content#esg3 .esg-swiper-box .swiper-slide{border:1px solid #36749b}.esg-content#esg4 .info{color:#c8667a}.esg-content#esg4 .info h3{border-bottom:2px solid #c8667a}.esg-content#esg4 .esg-swiper-box .swiper-button-next,.esg-content#esg4 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #c8667a}.esg-content#esg4 .esg-swiper-box .swiper-slide{border:1px solid #c8667a}.esg-content#esg5 .info{color:#dd7c59}.esg-content#esg5 .info h3{border-bottom:2px solid #dd7c59}.esg-content#esg5 .esg-swiper-box .swiper-button-next,.esg-content#esg5 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #dd7c59}.esg-content#esg5 .esg-swiper-box .swiper-slide{border:1px solid #dd7c59}.esg-content#esg6 .info{color:#b44d8f}.esg-content#esg6 .info h3{border-bottom:2px solid #b44d8f}.esg-content#esg6 .esg-swiper-box .swiper-button-next,.esg-content#esg6 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #b44d8f}.esg-content#esg6 .esg-swiper-box .swiper-slide{border:1px solid #b44d8f}.esg-content#esg7 .info{color:#3d8bb6}.esg-content#esg7 .info h3{border-bottom:2px solid #3d8bb6}.esg-content#esg7 .esg-swiper-box .swiper-button-next,.esg-content#esg7 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #3d8bb6}.esg-content#esg7 .esg-swiper-box .swiper-slide{border:1px solid #3d8bb6}.esg-content#esg8 .info{color:#ea7b40}.esg-content#esg8 .info h3{border-bottom:2px solid #ea7b40}.esg-content#esg8 .esg-swiper-box .swiper-button-next,.esg-content#esg8 .esg-swiper-box .swiper-button-prev{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #ea7b40}.esg-content#esg8 .esg-swiper-box .swiper-slide{border:1px solid #ea7b40}.esg-content .info{width:25%;padding:0 50px}@media screen and (max-width: 1200px){.esg-content .info{width:100%;margin-bottom:20px}}.esg-content .info h3{font-size:36px;font-weight:900;font-family:"Noto Serif TC","PMingLiU","LiSong Pro Light",serif;padding-bottom:15px;margin-bottom:15px;display:inline-block;padding-right:30px}.esg-content .info ul{padding-left:20px}.esg-content .info ul li{font-size:15px;line-height:30px}.esg-content .info p{font-size:15px;margin:15px 0}.esg-content .esg-swiper-box{width:75%;padding:0 50px;position:relative}@media screen and (max-width: 1200px){.esg-content .esg-swiper-box{width:100%}}.esg-content .esg-swiper-box .swiper-button-next,.esg-content .esg-swiper-box .swiper-button-prev{width:0;height:0;border-style:solid;border-width:0 25.5px 27px;transform:rotate(90deg);filter:drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.25))}.esg-content .esg-swiper-box .swiper-button-next:after,.esg-content .esg-swiper-box .swiper-button-prev:after{display:none}.esg-content .esg-swiper-box .swiper-button-next.swiper-button-disabled,.esg-content .esg-swiper-box .swiper-button-prev.swiper-button-disabled{opacity:0}.esg-content .esg-swiper-box .swiper-button-next{right:0px}.esg-content .esg-swiper-box .swiper-button-prev{transform:rotate(-90deg);left:-10px}.esg-content .esg-swiper-box .swiper-pagination{position:relative;margin-top:30px}.esg-content .esg-swiper-box .swiper-pagination.color1 .swiper-pagination-bullet-active{background:#d79b19}.esg-content .esg-swiper-box .swiper-pagination.color2 .swiper-pagination-bullet-active{background:#55a364}.esg-content .esg-swiper-box .swiper-pagination.color3 .swiper-pagination-bullet-active{background:#36749b}.esg-content .esg-swiper-box .swiper-pagination.color4 .swiper-pagination-bullet-active{background:#e55d77}.esg-content .esg-swiper-box .swiper-pagination.color5 .swiper-pagination-bullet-active{background:#ed4e3c}.esg-content .esg-swiper-box .swiper-pagination.color6 .swiper-pagination-bullet-active{background:#b95896}.esg-content .esg-swiper-box .swiper-pagination.color7 .swiper-pagination-bullet-active{background:#00496c}.esg-content .esg-swiper-box .swiper-pagination.color8 .swiper-pagination-bullet-active{background:#ea7b40}.esg-content .esg-swiper-box .swiper-slide{padding:25px 30px;height:auto}.esg-content .esg-swiper-box .swiper-slide h4{font-size:20px;font-weight:700;margin-bottom:15px}.esg-content .esg-swiper-box .swiper-slide img{max-width:100%;display:block;margin:20px auto}.esg-content .esg-swiper-box .swiper-slide ul{padding-left:20px;font-size:15px}.esg-content .esg-swiper-box .swiper-slide ul li{margin-bottom:5px}.esg-content .esg-swiper-box .swiper-slide .link{border-radius:100px;display:inline-block;padding:10px 30px;box-shadow:0 0 8px rgba(0,0,0,.25);color:#fff}.esg-content .esg-swiper-box .swiper-slide .link:hover{opacity:.8}.esg-content .esg-swiper-box .swiper-slide .link.color1{background:#d79b19}.esg-content .esg-swiper-box .swiper-slide .link.color2{background:#5dbbab}.esg-content .esg-swiper-box .swiper-slide .link.color3{background:#36749b}.esg-content .esg-swiper-box .swiper-slide .link.color4{background:#c8667a}.esg-content .esg-swiper-box .swiper-slide .link.color5{background:#c85a32}.esg-content .esg-swiper-box .swiper-slide .link.color6{background:#b44d8f}.esg-content .esg-swiper-box .swiper-slide .link.color7{background:#3d8bb6}.esg-content .esg-swiper-box .swiper-slide .link.color8{background:#c85a32}.color1{color:#946800}.color2{color:#5dbbab}.color3{color:#00145b}.color4{color:#9f3046}.color5{color:#b04e3f}.color6{color:#962f71}.color7{color:#125f8a}.color8{color:#da6222}.d-flex-img{display:flex;flex-wrap:wrap;justify-content:center}.d-flex-img>*{margin:10px auto}