@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://www.digiwin.com/tw/dsc/css/bootstrap4.0_M.css");@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");@import url("https://www.digiwin.com/tw/dsc/css/animate-3.7.2.css");@import url("https://www.digiwin.com/tw/dsc/css/swiper-bundle.min.css");*:focus{outline:none !important}button{outline:none !important;border:none !important}.act-sect{position:relative}.act-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none}ol,ul{list-style:none}body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select{margin:0;padding:0}.wow{animation-fill-mode:both}.fadeInUpSmall{animation-name:fadeInUpSmall}@keyframes fadeInUpSmall{from{opacity:0;-webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDownSmall{animation-name:fadeInDownSmall}@keyframes fadeInDownSmall{from{opacity:0;-webkit-transform:translate3d(0, -20%, 0);transform:translate3d(0, -20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeftSmall{animation-name:fadeInLeftSmall}@keyframes fadeInLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRightSmall{animation-name:fadeInRightSmall}@keyframes fadeInRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopLeftSmall{animation-name:fadeInTopLeftSmall}@keyframes fadeInTopLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, -20%, 0);transform:translate3d(-20%, -20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopRightSmall{animation-name:fadeInTopRightSmall}@keyframes fadeInTopRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, -20%, 0);transform:translate3d(20%, -20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottomLeftSmall{animation-name:fadeInBottomLeftSmall}@keyframes fadeInBottomLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, 20%, 0);transform:translate3d(-20%, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottomRightSmall{animation-name:fadeInBottomRightSmall}@keyframes fadeInBottomRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, 20%, 0);transform:translate3d(20%, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInSmall{animation-name:bounceInSmall}@keyframes bounceInSmall{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.8, 0.8, 0.8)}40%{transform:scale3d(1.04, 1.04, 1.04)}60%{transform:scale3d(1, 1, 1)}80%{opacity:1;transform:scale3d(1.01, 1.01, 1.01)}to{opacity:1;transform:scale3d(1, 1, 1)}}@media screen and (min-width: 769px){.header-box{height:81px !important}.page-submenubox{display:none !important}}.act-wrap .navbar-wrap{padding-right:0;z-index:99;color:#fff;position:sticky;top:0;background:linear-gradient(to right, #73c3ff 0%, #1662c0 36%, #01b6b0 80%, #66f9f6 100%)}.act-wrap .navbar{height:100%;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-right:0;padding-left:0}.act-wrap .navbar *{transition:all .2s}.act-wrap .navbar .nav-item{padding-left:1em;padding-right:1em}.act-wrap .navbar .nav-link{color:#fff;font-weight:500;font-size:1.3em;padding:1em}.act-wrap .navbar .nav-link:hover{transform:scale(1.1)}.act-wrap .navbar .dot{border-radius:10em;width:0.5em;aspect-ratio:1 / 1;display:inline-block;margin-right:0.5em;position:relative;top:-0.1em}.act-wrap .navbar .dot-1{background:#28d2a8}.act-wrap .navbar .dot-2{background:#f794e8}.act-wrap .navbar .dot-3{background:#ffcc7b}.act-wrap .navbar .dot-4{background:#b7ffa1}.act-wrap .navbar-wrap.navbar-fixed{transition:all .3s}.act-wrap .navbar-wrap.navbar-fixed *{transition:all .3s}.act-wrap .navbar-wrap.navbar-fixed .nav-link{font-size:1em;padding:0.25em}@media screen and (max-width: 992px){.act-wrap .navbar-wrap{display:none}}.no-animate{animation:none !important}.act-container-wrap{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.act-sect{padding-top:5em;padding-bottom:5em}@media screen and (min-width: 768px) and (max-width: 1380px){.act-header,.act-sect{font-size:0.9em}}@media screen and (max-width: 768px){.act-sect{font-size:calc(1vw + 1vh + .5vmin) !important;padding-top:3em;padding-bottom:3em}}.act-wrap .act-btn{border-radius:10em;padding:.75em 1.5em;padding-left:1.8em;letter-spacing:1px;position:relative;box-shadow:0 7px 20px 0 rgba(8,73,138,0.3);border:none;font-size:1.1em;transition:all 0.2s linear;z-index:2}.act-wrap .act-btn .fa{margin-left:0.4em}.act-wrap .act-btn:before{content:'';position:absolute;top:0;left:0;right:0;margin:auto;width:40%;height:100%;border-radius:10em;background:#08498a;z-index:-1;opacity:0;transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1)}.act-wrap .act-btn:hover{background:#fff}.act-wrap .act-btn:hover:before{opacity:1;width:100%}.act-wrap .btn-blue{background:#08498a;color:#fff}.act-wrap .btn-blue:before{background:#0b63ba}.act-wrap .btn-blue:hover{color:#fff}.act-wrap .btn-red{background:#ea429d;color:#fff}.act-wrap .btn-red:before{background:#e01985}.act-wrap .btn-red:hover{color:#fff}.act-wrap .btn-green{background:#109132;color:#fff}.act-wrap .btn-green:before{background:#0b6322}.act-wrap .btn-green:hover{color:#fff}.act-wrap .btn-orange{background:#e97644;color:#fff}.act-wrap .btn-orange:before{background:#e0561a}.act-wrap .btn-orange:hover{color:#fff}.act-wrap .btn-white{background:#fff;color:#f160af;box-shadow:0 7px 20px 0 rgba(184,48,121,0.4)}.act-wrap .btn-white:before{background:#d8137e}.act-wrap .btn-white:hover{color:#fff}.act-wrap .act-btn-outline{border-radius:10em;padding:.5em 1em;padding-left:1.2em;letter-spacing:1px;position:relative;box-shadow:0 7px 20px 0 rgba(0,0,0,0.2);border:none;transition:all 0.2s linear;z-index:2}.act-wrap .act-btn-outline .fa{margin-left:0.4em}.act-wrap .act-btn-outline:before{content:'';position:absolute;top:0;left:0;right:0;margin:auto;width:40%;height:100%;border-radius:10em;background:#08498a;z-index:-1;opacity:0;transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1)}.act-wrap .act-btn-outline:hover{background:#fff}.act-wrap .act-btn-outline:hover:before{opacity:1;width:100%}.act-wrap .btn-outline-blue{color:#08498a;background:#fff;border:1px solid #08498a}.act-wrap .btn-outline-blue:before{background:#08498a}.act-wrap .btn-outline-blue:hover{color:#fff;border:1px solid #08498a}.act-wrap .btn-outline-red{color:#ea429d;background:#fff;border:1px solid #ea429d}.act-wrap .btn-outline-red:before{background:#ea429d}.act-wrap .btn-outline-red:hover{color:#fff;border:1px solid #ea429d}.act-wrap .btn-outline-green{color:#109132;background:#fff;border:1px solid #109132}.act-wrap .btn-outline-green:before{background:#109132}.act-wrap .btn-outline-green:hover{color:#fff;border:1px solid #109132}.act-wrap .btn-outline-orange{color:#e97644;background:#fff;border:1px solid #e97644}.act-wrap .btn-outline-orange:before{background:#e97644}.act-wrap .btn-outline-orange:hover{color:#fff;border:1px solid #e97644}.act-wrap .btn-sect-center{display:block;margin-top:2em;margin-left:auto;margin-right:auto;width:80%;max-width:180px}.act-wrap .btn-wrap-center{text-align:center;margin-top:3em}.act-wrap .btn-wrap-center .btn{max-width:280px;width:46%;margin-bottom:0.5em}.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.6em}@media screen and (max-width: 768px){.act-wrap .btn-wrap-center .btn{width:60%;padding:0.5em 1em;white-space:nowrap;letter-spacing:0}.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.2em}}.act-wrap a:hover{color:#08498a}.act-wrap .sect-title{text-align:center;margin-bottom:3em}.act-wrap .sect-title h2{font-size:2.2em;font-weight:bold;line-height:1.2;color:#08498a;margin-bottom:0.6em}.act-wrap .sect-title h2 .act-nb{font-size:126%;position:relative;top:.05em;margin:0 0.1em}.act-wrap .sect-title p{font-size:1.4em;line-height:1.6;color:#08498a}@media screen and (max-width: 768px){.act-wrap .sect-title{padding-right:.75em;padding-left:.75em;margin-bottom:2em}.act-wrap .sect-title h2{font-size:2em}.act-wrap .sect-title p{font-size:1.2em}}.act-wrap .act-nb,.act-wrap .nb{font-family:'Barlow', sans-serif}.act-wrap .text-blue{color:#08498a !important}.act-wrap .text-red{color:#ea429d !important}.act-wrap .text-green{color:#109132 !important}.act-wrap .text-orange{color:#e97644 !important}.act-wrap .text-aqua{color:#00b19a !important}.act-wrap .text-list-decimal{list-style-type:decimal;padding-left:1em}.act-wrap .text-list-disc{list-style-type:disc;padding-left:1em}#toolbar{display:none !important}body{font-size:16px}html{max-width:100vw;overflow-X:hidden}.act-wrap{width:100%;height:auto;position:relative;font-family:Microsoft Yahei,"微軟正黑體",Poppins,Helvetica, Arial;font-weight:400;line-height:1.5;color:#08498a;text-align:left;background:#fff;font-size:1em}@media screen and (max-width: 768px){.act-wrap{max-width:100vw;overflow-X:hidden}}.act-header{background:url("../images/header-bg.jpg") no-repeat top center;background-size:cover;width:100%;position:relative;font-size:calc(1vw + 1vh + .5vmin) !important;height:clamp(600px, 92vh, 900px)}.act-header .act-container-wrap{padding-top:2.25em;max-width:1000px;z-index:2;height:100%}.act-header .text-part{text-align:center}.act-header .text-part h1{font-size:clamp(30px, 4vw, 62px);font-weight:bold;margin-bottom:0.2em;color:#08498a}.act-header .text-part h1 .act-nb{font-size:125%;position:relative;top:.07em}.act-header .text-part p{font-size:clamp(16px, 1.4vw, 22px)}.act-header .text-part .act-btn{font-size:clamp(12px, 1.2vw, 20px);margin-top:0.4em;padding:0.5em 1.5em;padding-left:2em}.act-header .h-girl{width:12%;min-width:80px;max-width:104px;position:absolute;bottom:0;left:4%}@media screen and (min-width: 768px) and (max-width: 1380px){.act-header .h-girl{width:8%;left:16%}}.act-header .bg-front-wrap{z-index:1;position:absolute;bottom:0}.act-header .windmill-part{width:28%;left:50%;transform:translateX(-50%);top:.5em;position:absolute;z-index:1}.act-header .windmill{position:relative;width:0.25em}.act-header .windmill .windmill-blade-box{width:2em;position:absolute;left:50%;transform:translateX(-50%);top:-1em}.act-header .windmill .windmill-blade{width:100%;animation:Rotation 8s  linear  infinite}.act-header .windmill .windmill-pole{width:.25em;position:relative}.act-header .windmill-small{margin-left:2em;font-size:70%}@keyframes Rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.act-header .bg-front{z-index:2;position:relative;max-width:1920px;display:block;margin-left:auto;margin-right:auto;width:100%;bottom:0}@media screen and (max-width: 768px){.act-header{font-size:calc(1vw + 1vh + .5vmin) !important;background:url("../images/header-bg-m.jpg") no-repeat bottom center;background-size:100%;height:auto;overflow:hidden}.act-header .act-container-wrap{padding-left:1em;padding-right:1em;padding-top:4em}.act-header .text-part{padding-bottom:10em}.act-header .text-part h1{font-size:2.2em;margin-bottom:0.2em}.act-header .text-part p{font-size:1em}.act-header .text-part .act-btn{font-size:1.2em;margin-top:0.4em;padding:0.5em 2em;padding-left:3em}.act-header .h-girl{width:8%;min-width:60px;left:6%;z-index:9}.act-header .bg-front-wrap{z-index:1;position:relative}.act-header .windmill-part{width:32%;left:30%;transform:translateX(0);top:.5em}.act-header .windmill{width:.4em}.act-header .windmill .windmill-blade-box{width:3em;top:-1.5em}.act-header .windmill .windmill-pole{width:.3em}.act-header .windmill-small{margin-left:2.5em;font-size:80%}}.act-sect1{padding-bottom:0;z-index:1;background:url("../images/s1-bg.jpg") no-repeat top center;background-size:cover}.act-sect1 .act-container-wrap{padding-top:7em;max-width:1260px}.act-sect1 .sect-title{margin-bottom:0em}.act-sect1 .pigeon{position:absolute;right:2em;top:-6em;width:20%}.act-sect1 .ESG-wrap{width:100%}.act-sect1 .act-start-box{width:30%;position:relative}.act-sect1 .act-start{width:100%;display:block;text-align:center;aspect-ratio:1 / 1;border-radius:100em;background:linear-gradient(to bottom, #0151b3 0%, #01a2ca 100%);box-shadow:0 0 1.5em .6em #00f0ff inset;border:2px solid #fff;animation:shadow-flash .2s both infinite;position:relative}.act-sect1 .act-start:before{position:absolute;z-index:0;border:2px solid #fff;left:-1em;top:-1em;content:"";width:calc(100% + 2em);aspect-ratio:1 / 1;border-radius:100em}.act-sect1 .act-start h2{color:#fff;font-size:3.4em;font-weight:bold}.act-sect1 .act-start h2 span{display:block;line-height:1.2}.act-sect1 .act-start h2 .text-sm{font-size:60%}.act-sect1 .act-start h2 .text-lg{font-size:170%;line-height:.8}.act-sect1 .hand-click{width:50%;position:relative;margin-top:-18%;display:block;margin-left:30%}.act-sect1 .act-item{position:absolute;min-width:10em;z-index:3}.act-sect1 .act-item .act-inner{position:relative}.act-sect1 .act-item h3{font-size:1.5em;font-weight:bold;border-radius:100em 0 0 100em;background:#fff;padding:0.5em 1.5em}.act-sect1 .act-item h3 span{font-size:70%;display:block}.act-sect1 .act-item .icon-box{position:absolute;left:calc(100% - 1.25em);top:-.5em;height:calc(100% + 1em);aspect-ratio:1 / 1;border-radius:100em;display:flex;align-items:center;justify-content:center}.act-sect1 .act-item .icon-box .act-icon{width:56%}.act-sect1 .act-item .act-dot{position:absolute;width:1.1em;z-index:-1}.act-sect1 .act-item .act-dot:before{content:"";height:1px;width:7em;border:1px dashed #1bc7c0;position:absolute;z-index:1;right:2px;top:50%;transform:translateY(-50%)}.act-sect1 .act-item .act-dot:after{content:"";background:#22dbd4;border:2px solid #fff;z-index:2;position:relative;aspect-ratio:1 / 1;border-radius:100em;display:block;width:100%}.act-sect1 .act-item-right h3{border-radius:0 100em 100em 0}.act-sect1 .act-item-right .icon-box{right:calc(100% - 1.25em);top:-.5em;left:auto}.act-sect1 .act-item01{left:-17.5em}.act-sect1 .act-item01 .act-dot{right:-8em;top:5em;transform:rotate(30deg)}.act-sect1 .act-item02{left:-22em;top:8em}.act-sect1 .act-item02 .act-dot{right:-9.8em;top:2em;transform:rotate(0deg)}.act-sect1 .act-item03{left:-17.5em;top:17em}.act-sect1 .act-item03 .act-dot{right:-7.4em;top:-1.5em;transform:rotate(-30deg)}.act-sect1 .act-item04{right:-20.2em;top:0}.act-sect1 .act-item04 .act-dot{left:-7.8em;top:5em;transform:rotate(150deg)}.act-sect1 .act-item05{right:-20.5em;top:8em}.act-sect1 .act-item05 .act-dot{left:-9.8em;top:2em;transform:rotate(180deg)}.act-sect1 .act-item06{right:-18em;top:17em}.act-sect1 .act-item06 .act-dot{left:-7.4em;top:-1.5em;transform:rotate(-150deg)}@keyframes shadow-flash{0%, 100%{box-shadow:0 0 1.4em 0.5em rgba(0,240,255,0.8) inset}45%,55%{box-shadow:0 0 1.5em 0.6em #00f0ff inset}}@media screen and (max-width: 768px){.act-sect1{background:url("../images/s1-bg-m.jpg") no-repeat top center;background-size:cover}.act-sect1 .act-container-wrap{padding-top:5em}.act-sect1 .pigeon{right:1em;top:-2em;width:26%;display:none}.act-sect1 .act-start-box{width:32%;position:relative}.act-sect1 .act-start:before{left:-.6em;top:-.6em;width:calc(100% + 1.2em)}.act-sect1 .act-start h2{font-size:1.5em}.act-sect1 .act-start h2 .text-sm{font-size:60%}.act-sect1 .act-start h2 .text-lg{font-size:170%}.act-sect1 .hand-click{width:50%;margin-top:-12%;margin-left:30%}.act-sect1 .act-item{font-size:0.8em;min-width:8em}.act-sect1 .act-item h3{font-size:1.2em;padding:0.4em 1.2em}.act-sect1 .act-item h3 span{font-size:80%}.act-sect1 .act-item .icon-box .act-icon{width:56%}.act-sect1 .act-item .act-dot{display:none}.act-sect1 .act-item01{left:-10em;top:-3em}.act-sect1 .act-item02{left:-12em;top:3em}.act-sect1 .act-item03{left:-10em;top:9em}.act-sect1 .act-item04{right:-12em;top:-3em}.act-sect1 .act-item05{right:-12em;top:3em}.act-sect1 .act-item06{right:-12em;top:9em}@keyframes shadow-flash{0%, 100%{box-shadow:0 0 0.6em 0.2em rgba(0,240,255,0.8) inset}45%,55%{box-shadow:0 0 0.8em 0.3em #00f0ff inset}}}.act-sect2{padding-top:0;margin-top:-4em;z-index:3}.act-sect2 .act-bg{background:url("../images/s2-bg.jpg") no-repeat top 50% center #fff}.act-sect2 .top-bar{position:relative}.act-sect2 .top-bar .top-bg{width:360px;display:block;margin-left:auto;margin-right:auto}.act-sect2 .top-bar:before,.act-sect2 .top-bar:after{content:"";width:calc(50% - 180px);height:100%;background:#fff;top:0;position:absolute}.act-sect2 .top-bar:before{left:0}.act-sect2 .top-bar:after{right:0}.act-sect2 .act-item{width:32%;max-width:260px;border-radius:0.6em;position:relative}.act-sect2 .act-item:not(:last-child){margin-right:.4em}.act-sect2 .act-item .puzzle{width:3.2em;left:100%;top:18%;position:absolute}.act-sect2 .act-item .pic-part{border-radius:0.6em 0.6em 0 0;color:#fff;text-align:center;padding-bottom:1.6em;padding-top:7em}.act-sect2 .act-item .pic-part h3{font-size:2em;font-weight:bold;display:block}.act-sect2 .act-item .pic-part h3 span{font-size:70%;display:block}.act-sect2 .act-item .text-part{padding:1.5em}.act-sect2 .act-item dd{padding-left:1.06em;position:relative;font-size:1em}.act-sect2 .act-item dd:before{content:"";width:0.5em;height:0.5em;background:#59ba19;position:absolute;display:block;top:0.5em;left:0}.act-sect2 .act-item01{background:#f0fee6;z-index:3}.act-sect2 .act-item01 .pic-part{background:url("../images/s2-ESG-bg01.jpg") no-repeat top center #10ab39;background-size:100%}.act-sect2 .act-item01 dd:before{background:#59ba19}.act-sect2 .act-item02{background:#fdf1eb;z-index:2}.act-sect2 .act-item02 .pic-part{background:url("../images/s2-ESG-bg02.jpg") no-repeat top center #ea7440;background-size:100%}.act-sect2 .act-item02 dd:before{background:#ea7440}.act-sect2 .act-item03{background:#e7f1ff;z-index:1}.act-sect2 .act-item03 .pic-part{background:url("../images/s2-ESG-bg03.jpg") no-repeat top center #3e7bd7;background-size:100%}.act-sect2 .act-item03 dd:before{background:#3e7bd7}.act-sect2 .text-note{font-size:1.2em;text-align:center;margin-top:1.5em}.act-sect2 .btn-wrap{margin-top:2em;text-align:center}.act-sect2 .act-btn{font-size:1.2em}@media screen and (max-width: 768px){.act-sect2 .act-bg{background:#fff}.act-sect2 .top-bar .top-bg{width:80%}.act-sect2 .top-bar:before,.act-sect2 .top-bar:after{width:10%}.act-sect2 .act-item{width:32%}.act-sect2 .act-item:not(:last-child){margin-right:.3em}.act-sect2 .act-item .puzzle{width:3em;top:15%}.act-sect2 .act-item .pic-part{padding-bottom:1.4em;padding-top:6.5em}.act-sect2 .act-item .pic-part h3{font-size:1.8em}.act-sect2 .act-item .pic-part h3 span{font-size:70%}.act-sect2 .act-item .text-part{padding:1em .5em}.act-sect2 .act-item dd{padding-left:1.06em;position:relative;font-size:.9em}.act-sect2 .text-note{font-size:1.1em;margin-top:1.5em;padding-left:1em;padding-right:1em}.act-sect2 .act-btn{font-size:1.2em}}.act-sect3{background:#edf9ff;padding-bottom:8em}.act-sect3 .act-container-wrap{max-width:1200px}.act-sect3 .expert-part .act-item{position:relative}.act-sect3 .expert-part .act-item:not(:last-child){margin-right:3%}.act-sect3 .expert-part h3{position:relative;z-index:2;text-align:center;display:inline-block;background:#ffd427;padding:0.5em 1em;font-size:1.3em;font-weight:bold;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);bottom:15%}.act-sect3 .expert-part .act-pic{position:relative;z-index:1;width:100%;display:block;margin-left:auto;margin-right:auto}.act-sect3 .act-content{background:#fff;border-radius:1em;padding:3em 3em}.act-sect3 .act-content .title-h3{font-weight:bold;font-size:1.5em;text-align:center;margin-bottom:2em;letter-spacing:0.1em}.act-sect3 .act-icon-part{max-width:1000px;margin-left:auto;margin-right:auto}.act-sect3 .act-icon-part .act-icon{margin-bottom:0.5em;display:block;margin-left:auto;margin-right:auto;width:100%}.act-sect3 .act-icon-part h4{font-size:1.6em;font-weight:bold;text-align:center}.act-sect3 .act-icon-part h4 span{font-weight:normal;font-size:80%;display:block;margin-bottom:0.2em}.act-sect3 .act-data-part{margin-top:4em;max-width:1000px;margin-left:auto;margin-right:auto;position:relative}.act-sect3 .act-data-part .title-h3{position:absolute;left:50%;transform:translateX(-50%);display:inline-block;background:#fff;padding:0.5em 2em;border-radius:0 0 6em 6em;top:-.6em;z-index:2}.act-sect3 .act-data-part .act-inner{background:url("../images/s4-arm-bg.png") no-repeat top center;background-size:cover;overflow:hidden;border-radius:1em}.act-sect3 .act-data-part .act-arm{display:block;width:30%}.act-sect3 .act-data-part .icon-box{margin-top:2em;max-width:360px;width:60%;margin-left:auto;margin-right:auto}.act-sect3 .act-data-part .icon-box .act-icon{width:4.2em;margin-bottom:0.5em}.act-sect3 .act-data-part .icon-box h3{font-size:1.8em;font-weight:bold;text-align:center}.act-sect3 .arr-anime .act-arr{width:1.6em;animation:arr-flash .6s both  linear  infinite}.act-sect3 .arr-anime .act-arr:not(:last-child){margin-right:-.6em}.act-sect3 .arr-anime .act-arr:nth-child(2){animation-delay:.2s}@keyframes arr-flash{0%, 80% , 100%{opacity:.5}50%{opacity:1}}@media screen and (max-width: 768px){.act-sect3 .expert-part{padding-left:0.5em;padding-right:0.5em}.act-sect3 .expert-part .act-item{position:relative}.act-sect3 .expert-part .act-item:not(:last-child){margin-right:3%}.act-sect3 .expert-part h3{padding:0.5em .5em;font-size:.9em;bottom:15%}.act-sect3 .expert-part .act-pic{position:relative;z-index:1;width:100%;display:block;margin-left:auto;margin-right:auto}.act-sect3 .act-content{padding:3em 1em}.act-sect3 .act-content .title-h3{font-size:1.5em}.act-sect3 .act-icon-part .act-icon{width:90%}.act-sect3 .act-icon-part h4{font-size:1.2em}.act-sect3 .act-data-part{margin-top:3em}.act-sect3 .act-data-part .title-h3{padding:0.5em 1.5em;border-radius:0 0 4em 4em;top:-.6em;white-space:nowrap;font-size:1.2em}.act-sect3 .act-data-part .act-arm{width:22%;height:auto;position:relative}.act-sect3 .act-data-part .act-arm01{left:-5%}.act-sect3 .act-data-part .act-arm02{right:-5%}.act-sect3 .act-data-part .icon-box{margin-top:3em;width:66%}.act-sect3 .act-data-part .icon-box .act-icon{width:3.5em;margin-bottom:0.5em}.act-sect3 .act-data-part .icon-box h3{font-size:1.2em}.act-sect3 .arr-anime .act-arr{width:1em}.act-sect3 .arr-anime .act-arr:not(:last-child){margin-right:-.6em}}.act-sect4{padding-top:0;margin-top:-5em;padding-bottom:4em}.act-sect4 .act-banner{border-radius:1em;padding:4em 0;background:url("../images/s4-bg.jpg") no-repeat bottom center #69dc87;background-size:100%}.act-sect4 .act-banner h3{font-size:3.6em;font-weight:bold;color:#fff;margin-top:1em}.act-sect4 .summary-wrap{margin-top:1em;margin-bottom:1em;max-width:1160px;margin-left:auto;margin-right:auto}.act-sect4 .summary-wrap .top-part{border:1px solid #109132;border-radius:1em;padding:1em 0em;text-align:center;position:relative;z-index:2;position:relative}.act-sect4 .summary-wrap .top-part h3{font-size:1.4em;font-weight:bold;margin-bottom:0;white-space:nowrap}.act-sect4 .summary-wrap .top-part .arr-down-part{position:absolute;top:100%;left:50%;transform:translateX(-50%)}.act-sect4 .summary-wrap .top-part .arr-down-part .act-arr{width:1.7em}.act-sect4 .summary-wrap .top-part .arr-down-part01{max-width:600px;width:70%}.act-sect4 .summary-wrap .second-part{position:relative;margin-top:.8em;z-index:1;padding:.6em .2em}.act-sect4 .summary-wrap .second-part:before{content:"";display:block;width:100%;height:7em;border:1px solid #109132;border-bottom:none;position:absolute;border-radius:1em  1em 0 0;left:0;top:0;right:0}.act-sect4 .summary-wrap .act-item{text-align:center;padding-top:1em;flex:1}.act-sect4 .summary-wrap .act-item:not(:last-child){margin-right:0.25em}.act-sect4 .summary-wrap .act-item .act-icon{width:3.6em;display:block;margin-left:auto;margin-right:auto;margin-bottom:.5em}.act-sect4 .summary-wrap .act-item h3{font-weight:bold;font-size:1.3em}.act-sect4 .summary-wrap .act-item dl{background:#e7ffed;border:2px solid #88da9e;padding:0.75em .25em .4em;border-radius:.5em;margin-top:1em;position:relative;margin-bottom:0}.act-sect4 .summary-wrap .act-item dl:before,.act-sect4 .summary-wrap .act-item dl:after{content:"";width:0px;height:0px;position:absolute;left:0;top:0;right:0;bottom:0px;border-style:solid}.act-sect4 .summary-wrap .act-item dl:before{z-index:2;margin:-10px auto auto;border-width:0 6px 10px  6px;border-color:transparent transparent #e7ffed transparent}.act-sect4 .summary-wrap .act-item dl:after{z-index:1;margin:-12px auto auto;border-width:0  8px 12px 8px;border-color:transparent transparent #88da9e transparent}.act-sect4 .summary-wrap .act-item dl dd{font-size:1em;font-weight:500;margin-bottom:1em;white-space:nowrap;text-align:center}.act-sect4 .summary-wrap .act-big-item:not(:last-child){margin-right:0.25em}.act-sect4 .summary-wrap .act-big-item01{color:#109132;width:62%}.act-sect4 .summary-wrap .act-big-item02{color:#e97644;width:16%}.act-sect4 .summary-wrap .act-big-item02 .top-part{border-color:#e97644}.act-sect4 .summary-wrap .act-big-item02 .second-part:before{border-color:#e97644}.act-sect4 .summary-wrap .act-big-item02 .act-item dl{background:#fef3ee;border-color:#f1c0a9}.act-sect4 .summary-wrap .act-big-item02 .act-item dl:before{border-color:transparent transparent #fef3ee transparent}.act-sect4 .summary-wrap .act-big-item02 .act-item dl:after{border-color:transparent transparent #f1c0a9 transparent}.act-sect4 .summary-wrap .act-big-item03{color:#08498a;width:27%}.act-sect4 .summary-wrap .act-big-item03 .top-part{border-color:#08498a}.act-sect4 .summary-wrap .act-big-item03 .second-part:before{border-color:#08498a}.act-sect4 .summary-wrap .act-big-item03 .act-item dl{background:#e5f0fa;border-color:#b2c8de}.act-sect4 .summary-wrap .act-big-item03 .act-item dl:before{border-color:transparent transparent #e5f0fa transparent}.act-sect4 .summary-wrap .act-big-item03 .act-item dl:after{border-color:transparent transparent #b2c8de transparent}.act-sect4 .text-iso{text-align:center;margin-top:0em;width:90%;max-width:960px}.act-sect4 .text-iso p{display:inline-block;margin:0.5em 0em;font-size:1.1em;font-weight:bold}.act-sect4 .text-iso p span{margin-left:0.2em}.act-sect4 .btn-wrap-center{margin-top:2em}@media screen and (max-width: 768px){.act-sect4 .act-container-wrap{padding-left:0.5em;padding-right:0.5em}.act-sect4 .act-banner{border-radius:1em;padding:4em 0;background:url("../images/s4-bg-m.jpg") no-repeat bottom center #69dc87;background-size:100%}.act-sect4 .act-banner h3{font-size:3.6em;font-weight:bold;color:#fff;margin-top:1em}.act-sect4 .summary-wrap{margin-top:1em;margin-bottom:1em;max-width:1160px;margin-left:auto;margin-right:auto}.act-sect4 .summary-wrap .top-part{border:1px solid #109132;border-radius:1em;padding:1em 0em;text-align:center;position:relative;z-index:2;position:relative}.act-sect4 .summary-wrap .top-part h3{font-size:1.4em;font-weight:bold;margin-bottom:0;white-space:nowrap}.act-sect4 .summary-wrap .top-part .arr-down-part{position:absolute;top:100%;left:50%;transform:translateX(-50%)}.act-sect4 .summary-wrap .top-part .arr-down-part .act-arr{width:1.7em}.act-sect4 .summary-wrap .top-part .arr-down-part01{max-width:600px;width:70%}.act-sect4 .summary-wrap .second-part{position:relative;margin-top:.8em;z-index:1;padding:.6em .2em}.act-sect4 .summary-wrap .second-part:before{content:"";display:block;width:100%;height:7em;border:1px solid #109132;border-bottom:none;position:absolute;border-radius:1em  1em 0 0;left:0;top:0;right:0}.act-sect4 .summary-wrap .act-item{text-align:center;padding-top:1em;flex:1}.act-sect4 .summary-wrap .act-item:not(:last-child){margin-right:0.25em}.act-sect4 .summary-wrap .act-item .act-icon{width:3.6em;display:block;margin-left:auto;margin-right:auto;margin-bottom:.5em}.act-sect4 .summary-wrap .act-item h3{font-weight:bold;font-size:1.3em}.act-sect4 .summary-wrap .act-item dl{background:#e7ffed;border:2px solid #88da9e;padding:0.75em .25em .4em;border-radius:.5em;margin-top:1em;position:relative;margin-bottom:0}.act-sect4 .summary-wrap .act-item dl:before,.act-sect4 .summary-wrap .act-item dl:after{content:"";width:0px;height:0px;position:absolute;left:0;top:0;right:0;bottom:0px;border-style:solid}.act-sect4 .summary-wrap .act-item dl:before{z-index:2;margin:-10px auto auto;border-width:0 6px 10px  6px;border-color:transparent transparent #e7ffed transparent}.act-sect4 .summary-wrap .act-item dl:after{z-index:1;margin:-12px auto auto;border-width:0  8px 12px 8px;border-color:transparent transparent #88da9e transparent}.act-sect4 .summary-wrap .act-item dl dd{font-size:1em;font-weight:500;margin-bottom:1em;white-space:nowrap;text-align:center}.act-sect4 .summary-wrap .act-big-item:not(:last-child){margin-right:0.25em}.act-sect4 .summary-wrap .act-big-item01{color:#109132;width:62%}.act-sect4 .summary-wrap .act-big-item02{color:#e97644;width:16%}.act-sect4 .summary-wrap .act-big-item02 .top-part{border-color:#e97644}.act-sect4 .summary-wrap .act-big-item02 .second-part:before{border-color:#e97644}.act-sect4 .summary-wrap .act-big-item02 .act-item dl{background:#fef3ee;border-color:#f1c0a9}.act-sect4 .summary-wrap .act-big-item02 .act-item dl:before{border-color:transparent transparent #fef3ee transparent}.act-sect4 .summary-wrap .act-big-item02 .act-item dl:after{border-color:transparent transparent #f1c0a9 transparent}.act-sect4 .summary-wrap .act-big-item03{color:#08498a;width:27%}.act-sect4 .summary-wrap .act-big-item03 .top-part{border-color:#08498a}.act-sect4 .summary-wrap .act-big-item03 .second-part:before{border-color:#08498a}.act-sect4 .summary-wrap .act-big-item03 .act-item dl{background:#e5f0fa;border-color:#b2c8de}.act-sect4 .summary-wrap .act-big-item03 .act-item dl:before{border-color:transparent transparent #e5f0fa transparent}.act-sect4 .summary-wrap .act-big-item03 .act-item dl:after{border-color:transparent transparent #b2c8de transparent}.act-sect4 .text-iso{text-align:center;margin-top:0em;width:86%}.act-sect4 .text-iso p{display:inline-block;margin:0.25em 0em;font-size:1.1em;font-weight:bold}.act-sect4 .text-iso p span{margin-left:0.2em}.act-sect4 .btn-wrap-center{margin-top:2em;padding-left:1em;padding-right:1em}.act-sect4 .swiper-slide{width:66em;padding-left:0.5em;padding-right:1em;font-size:.95em}.act-sect4 .swiper-scrollbar{margin-top:2em;height:10px;border-radius:0;background:#d9e7dd;position:relative;width:80%;margin-left:auto;margin-right:auto}.act-sect4 .swiper-scrollbar-drag{border-radius:0;background:#109132}.act-sect4 .scroll-hint{text-align:center;color:#109132;margin-top:0.5em;margin-bottom:1.5em;font-size:1.4em}.act-sect4 .scroll-hint img{width:.8em;margin-left:0.5em;margin-right:0.5em}.act-sect4 .scroll-hint .arr-right{animation:scroll-arr-act 2s infinite both}.act-sect4 .scroll-hint .arr-left{transform:scale(-1);animation:scroll-arr-left 2s infinite both}@keyframes scroll-arr-act{0%, 20%, 50%, 80%, 100%{transform:translateX(0)}40%{transform:translateX(-6px)}60%{transform:translateX(2px)}}@keyframes scroll-arr-left{0%, 20%, 50%, 80%, 100%{transform:translateX(0) scale(-1)}40%{transform:translateX(2px) scale(-1)}60%{transform:translateX(-6px) scale(-1)}}}.act-sect5{padding-top:3em;border-top:1px solid #cde4e7}.act-sect5 .ESG-wrap{margin-bottom:2em}.act-sect5 .ESG-wrap .act-menu{text-align:center;width:20%;position:relative;z-index:2;padding-top:.5em;background:#fff}.act-sect5 .ESG-wrap .act-menu:before{content:"";width:2em;height:100%;display:block;z-index:-1;position:absolute;top:0;left:100%;background:linear-gradient(to right, rgba(206,146,119,0.4) 0%, rgba(206,146,119,0) 100%)}.act-sect5 .ESG-wrap .act-menu b{font-weight:bold;font-size:5em;line-height:1.1}.act-sect5 .ESG-wrap .act-menu h3{font-size:2em;font-weight:bold;margin-bottom:0}.act-sect5 .ESG-wrap .act-menu p{font-size:1.2em}.act-sect5 .ESG-wrap .act-content{width:80%;padding:1.5em;padding-left:3em;padding-right:3.5em;padding-bottom:4em;position:relative;z-index:1}@media screen and (min-width: 768px) and (max-width: 1380px){.act-sect5 .ESG-wrap .act-content{padding-right:6em}}.act-sect5 .ESG-wrap .act-content h3{font-weight:bold;font-size:1.8em;margin-bottom:.5em}.act-sect5 .ESG-wrap .act-content p{max-width:520px;margin-bottom:1.5em;font-size:1em;padding-top:.75em;border-top:1px solid rgba(16,145,50,0.4)}.act-sect5 .ESG-wrap .act-content .act-item:not(:last-child){margin-right:2em}.act-sect5 .ESG-wrap .act-content .act-btn{font-size:1em;font-weight:bold}.act-sect5 .ESG-wrap .act-big-item{position:relative}.act-sect5 .ESG-wrap .act-big-item:not(:last-child){margin-right:0.25em}.act-sect5 .ESG-wrap .act-big-item .act-pic{position:absolute;right:-4em;bottom:0;z-index:3}@media screen and (min-width: 768px) and (max-width: 1380px){.act-sect5 .ESG-wrap .act-big-item .act-pic{right:-3em}}.act-sect5 .ESG-wrap .act-big-item01{color:#109132;z-index:1}.act-sect5 .ESG-wrap .act-big-item01 .act-menu:before{background:linear-gradient(to right, rgba(128,193,144,0.4) 0%, rgba(128,193,144,0) 100%);mask:linear-gradient(to bottom, transparent 0%, #000 40%, #000 100%);-webkit-mask:linear-gradient(to bottom, transparent 0%, #000 40%, #000 100%)}.act-sect5 .ESG-wrap .act-big-item01 .act-content{background:#e7ffed}.act-sect5 .ESG-wrap .act-big-item01 .act-btn{box-shadow:0 7px 20px 0 rgba(16,145,50,0.3)}.act-sect5 .ESG-wrap .act-big-item02{color:#e97644;z-index:2}.act-sect5 .ESG-wrap .act-big-item02 .act-content{background:#fef3ee}.act-sect5 .ESG-wrap .act-big-item02 .act-content p{border-top:1px solid rgba(233,118,68,0.4)}.act-sect5 .ESG-wrap .act-big-item02 .act-btn{box-shadow:0 7px 20px 0 rgba(233,118,68,0.3)}.act-sect5 .ESG-wrap .act-big-item03{color:#08498a;z-index:3}.act-sect5 .ESG-wrap .act-big-item03 .act-menu:before{background:linear-gradient(to right, rgba(147,179,208,0.4) 0%, rgba(147,179,208,0) 100%);mask:linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%);-webkit-mask:linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%)}.act-sect5 .ESG-wrap .act-big-item03 .act-content{background:#e5f0fa}.act-sect5 .ESG-wrap .act-big-item03 .act-content p{border-top:1px solid rgba(8,73,138,0.3)}.act-sect5 .ESG-wrap .act-big-item03 .act-btn{box-shadow:0 7px 20px 0 rgba(8,73,138,0.3)}.act-sect5 .swiper-ESG{height:280px  !important}.act-sect5 .swiper-ESG .swiper-slide{height:280px  !important}.act-sect5 .swiper-pagination{position:relative;margin-top:1em;left:auto;bottom:auto}.act-sect5 .swiper-pagination-bullet{width:90%;max-width:180px;height:auto;margin:0;position:relative;display:block;margin-left:auto;margin-right:auto;background:#fff;border-radius:.5em;margin-bottom:5px;line-height:1.5;font-size:1em;padding:.5em .2em;opacity:1}.act-sect5 .swiper-pagination-bullet:before{content:"";position:absolute;left:calc(100% - 6px );opacity:0;transition:all 0s;border:6px solid transparent;border-left-color:#109132;line-height:0;height:0;width:0;top:50%;transform:translateY(-50%)}.act-sect5 .swiper-pagination-bullet p{display:inline;font-size:.85em}.act-sect5 .swiper-pagination-bullet-active{position:relative;z-index:9;color:#fff;background:#109132}.act-sect5 .swiper-pagination-bullet-active:before{left:100%;opacity:1;transition:all .3s}.act-sect5 .digiknow-btn{padding-right:2em;margin-top:4em;max-width:1100px;margin-left:auto;margin-right:auto;background:#f276b9;color:#fff;border-radius:100em;overflow:hidden}.act-sect5 .digiknow-btn .act-pic{margin-left:2em}.act-sect5 .digiknow-btn h3{font-size:1.5em}.act-sect5 .digiknow-btn h3 span{font-weight:bold;font-size:120%;margin-right:0.5em}.act-sect5 .digiknow-btn .act-btn{margin-left:auto;font-size:1.2em;font-weight:bold}@media screen and (max-width: 768px){.act-sect5 .ESG-wrap .act-menu{width:100%;padding-top:.5em}.act-sect5 .ESG-wrap .act-menu:before{display:none}.act-sect5 .ESG-wrap .act-menu b{font-size:5em}.act-sect5 .ESG-wrap .act-menu h3{font-size:2em}.act-sect5 .ESG-wrap .act-menu p{font-size:1.2em}.act-sect5 .ESG-wrap .act-content{width:100%;padding:1.5em;padding-bottom:8em}.act-sect5 .ESG-wrap .act-content h3{font-size:1.8em}.act-sect5 .ESG-wrap .act-content .act-item{width:100%;margin-bottom:2em}.act-sect5 .ESG-wrap .act-content .act-item:not(:last-child){margin-right:0em}.act-sect5 .ESG-wrap .act-content .act-btn{font-size:1em}.act-sect5 .ESG-wrap .act-big-item:not(:last-child){margin-right:0}.act-sect5 .ESG-wrap .act-big-item .act-pic{right:0;bottom:0;width:26%}.act-sect5 .ESG-wrap .act-big-item01 .act-btn{box-shadow:0 2px 10px 0 rgba(16,145,50,0.3);margin-left:0.5em}.act-sect5 .ESG-wrap .act-big-item02 .act-btn{box-shadow:0 2px 10px 0 rgba(233,118,68,0.3)}.act-sect5 .ESG-wrap .act-big-item03 .act-btn{box-shadow:0 2px 10px 0 rgba(8,73,138,0.3)}.act-sect5 .swiper-ESG{height:auto  !important}.act-sect5 .swiper-ESG .swiper-slide{height:auto  !important}.act-sect5 .swiper-pagination{display:flex;margin-bottom:1em}.act-sect5 .swiper-pagination-bullet{padding:0.5em;width:auto}.act-sect5 .swiper-pagination-bullet:before{border:6px solid transparent;border-top-color:#109132;left:50% !important;transform:translateX(-50%);top:100%}.act-sect5 .swiper-pagination-bullet p{font-size:.9em}.act-sect5 .digiknow-btn{padding:1em;padding-right:1em;margin-top:2em;padding-left:20%;background:#f276b9;color:#fff;border-radius:100em;overflow:hidden;position:relative}.act-sect5 .digiknow-btn .act-pic{margin-left:0em;position:absolute;width:40%;left:-20%;bottom:0}.act-sect5 .digiknow-btn h3{font-size:1.2em}.act-sect5 .digiknow-btn h3 span{margin-right:0em}.act-sect5 .digiknow-btn .act-btn{font-size:1em;padding:0.5em 1em}}
/*# sourceMappingURL=style.css.map */