@charset "utf-8";


/*頁面設定*/
.MainContent{ width:96%;margin:0 auto;margin-top:50px;}
.MainContent h2{ font-size:2rem; font-weight:700; color:#0f6448; padding-bottom:10px;}
.MainContent h3{ font-size:1.5rem; font-weight:700; color:#2f90f2; padding-bottom:10px;}
.MainContent p{ font-size:1rem; padding-bottom:10px; line-height:1.8;}
.MainContent h2 *,
.MainContent h3 *,
.MainContent p *{ font:inherit; color:inherit; line-height:inherit;}
.MainContent p img{ border-radius:10px;}
.MainContent ul,
.MainContent ol{ padding-left:30px;}
.EditBox{ padding:10px 0 30px 0;}
.EsgKPI{ display:flex; gap:25px; padding:0 0 50px 0;}
.EsgKPI .Item{background: linear-gradient(135deg, #dbf9e9 0%,#f6ffcc 36%,#f6ffcc 67%,#c3eab6 100%); border-radius:10px 50px; flex:1;  padding:40px 30px; box-shadow:0 3px 20px 0 rgba(0,0,0,.1);}
.EsgKPI .Item::before{ content:""; display:block; border-radius:1px; width:25px; border-top:5px solid #326756; margin-bottom:20px;}
.EsgKPI .Item .Name{ font-size:1.5rem; color:#333; font-weight:700;padding-bottom:30px;}
.EsgKPI .Item .Num{ color:#326756; font-weight:900;}
.EsgKPI .Item .Num div{ font-size:1.5rem; color:#326756; display:inline-block;}
.EsgKPI .Item .Num div[animate-counter],
.EsgKPI .Item .Num div.Value{/* width: 100%;*/ display: inline-block; font-size: inherit; color: inherit; font-weight: inherit; font-size:3.75rem; }
.EsgKPI .Item .Text{ font-size:1rem; color:#505050;}


@media screen and ( max-width: 768px) {
/*頁面設定*/
.EsgKPI{ flex-direction: column; gap:10px; padding:0 0 50px 0;}
.EsgKPI .Item{ padding:30px 30px 20px 30px;}
.EsgKPI .Item::before{ margin-bottom:10px;}
.EsgKPI .Item .Name{ font-size:1.125rem;}
.EsgKPI .Item .Num div[animate-counter],
.EsgKPI .Item .Num div.Value{ font-size:3rem;}
.EsgKPI .Item .Num div{ font-size:1.25rem;}

}