/*Start Custom Greenlife Css*/
@media (max-width: 768px){
		.page-id-7747 .section1 .section-climate-action-icon3{
			left:30px !important;top:30px !important;
		}
		.page-id-7747 .section1 .section-climate-action-text{
			padding-left:60px !important;
		}
	.page-id-7747 .section1 .border-bottom-radius-lg{
		    flex-direction: column !important;
		}
	}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'), url('../fonts/Montserrat-Bold.eot'), url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body.page-template-template-mission {
  background-color: #FEF9EE;
}

/* bootstrap4 */

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.position-absolute {
  position: absolute !important;
}

.position-relative {
  position: relative !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-100 {
  width: 100% !important;
}

@media(min-width: 992px) {
  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-84 {
    width: 84% !important;
  }

  .w-lg-60 {
    width: 60% !important;
  }

  .w-lg-auto {
    width: auto !important;
  }

  .text-lg-auto {
    text-align: -webkit-auto;
  }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .mx-lg-inherit {
    margin-left: inherit !important;
    margin-right: inherit !important;
  }
}


/* 字体 */

.font-weight-bold {
  font-weight: 700 !important;
}

.color-white {
  color: #fff;
}

.color-dark-green {
  color: #144644;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: #333 !important;
}

.text-green {
  color: #21824C !important;
}

.text-green2 {
  color: #6DA81D !important;
}

.text-green3 {
  color: #4B9820 !important;
}

.text-green4 {
  color: #387633 !important;
}

.text-green5 {
  color: #4E864C !important;
}

.text-green6 {
  color: #054E4E !important;
}

.text-purple {
  color: #004171 !important;
}

.text-dark {
  color: #000000 !important;
}

.text-dark-blue {
  color: #0D89B4 !important;
}

.text-dark-blue2 {
  color: #14102A !important;
}

.bg-blue {
  background-color: #6FB8DF !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.90) !important;
}

.bg-green {
  background-color: #5CAD38 !important;
}

.bg-green2 {
  background-color: #8DC3A9 !important;
}

.bg-green3-50 {
  background-color: rgba(67, 153, 55, 0.50) !important;
}

.bg-green4 {
  background-color: #1E7049 !important;
}

.bg-green5 {
  background-color: #E9EED4 !important;
}

.bg-green6 {
  background-color: #7FBE26 !important;
}

.bg-yellow {
  background-color: #FEF9EE !important;
}

.bg-yellow2 {
  background-color: #FBF2DD !important;
}

.bg-yellow3 {
  background-color: #D2E1A3 !important;
}

.bg-orange {
  background-color: #DBA632 !important;
}

.bg-orange2 {
  background-color: #E08030 !important;
}

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.bg-black-5 {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.h-100 {
  height: 100% !important;
}

.line-height-md {
  line-height: 24px;
}

.border-top-radius-md {
  border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
}

.border-top-left-radius-md {
  border-top-left-radius: 30px !important;
}

.border-top-right-radius-md {
  border-top-right-radius: 30px !important;
}

.border-bottom-radius-md {
  border-bottom-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}

.border-bottom-radius-lg {
  border-bottom-left-radius: 60px !important;
  border-bottom-right-radius: 60px !important;
}

.border-top-radius-lg {
  border-top-left-radius: 60px !important;
  border-top-right-radius: 60px !important;
}

.border-right-radius-lg {
  border-bottom-right-radius: 60px !important;
  border-top-right-radius: 60px !important;
}

.border-left-radius-lg {
  border-bottom-left-radius: 60px !important;
  border-top-left-radius: 60px !important;
}

.border-bottom-right-radius-lg {
  border-bottom-right-radius: 60px !important;
}

.border-bottom-left-radius-lg {
  border-bottom-left-radius: 60px !important;
}

.border-radius-lg {
  border-radius: 60px !important;
}

.border-bottom-radius-xl {
  border-bottom-left-radius: 120px !important;
  border-bottom-right-radius: 120px !important;
}

.border-right-radius-xl {
  border-bottom-right-radius: 120px !important;
  border-top-right-radius: 120px !important;
}

.border-left-radius-xl {
  border-bottom-left-radius: 120px !important;
  border-top-left-radius: 120px !important;
}

.border-bottom-right-radius-xl {
  border-bottom-right-radius: 120px !important;
}

.border-bottom-left-radius-xl {
  border-bottom-left-radius: 120px !important;
}

.border-radius-xl {
  border-radius: 120px !important;
}

.d-none {
  display: none !important;
}

@media(min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .border-lg-top-radius-md {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
  }

  .border-lg-top-left-radius-md {
    border-top-left-radius: 30px !important;
  }

  .border-lg-top-right-radius-0 {
    border-top-right-radius: 0 !important;
  }

  .border-lg-top-right-radius-md {
    border-top-right-radius: 30px !important;
  }

  .border-lg-bottom-radius-md {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .border-lg-bottom-radius-lg {
    border-bottom-left-radius: 60px !important;
    border-bottom-right-radius: 60px !important;
  }

  .border-lg-top-radius-lg {
    border-top-left-radius: 60px !important;
    border-top-right-radius: 60px !important;
  }

  .border-lg-right-radius-lg {
    border-bottom-right-radius: 60px !important;
    border-top-right-radius: 60px !important;
  }

  .border-lg-left-radius-lg {
    border-bottom-left-radius: 60px !important;
    border-top-left-radius: 60px !important;
  }

  .border-lg-bottom-right-radius-lg {
    border-bottom-right-radius: 60px !important;
  }

  .border-lg-bottom-left-radius-lg {
    border-bottom-left-radius: 60px !important;
  }

  .border-lg-radius-lg {
    border-radius: 60px !important;
  }

  .border-lg-bottom-radius-xl {
    border-bottom-left-radius: 120px !important;
    border-bottom-right-radius: 120px !important;
  }

  .border-lg-right-radius-xl {
    border-bottom-right-radius: 120px !important;
    border-top-right-radius: 120px !important;
  }

  .border-lg-left-radius-xl {
    border-bottom-left-radius: 120px !important;
    border-top-left-radius: 120px !important;
  }

  .border-lg-bottom-right-radius-xl {
    border-bottom-right-radius: 120px !important;
  }

  .border-lg-bottom-left-radius-xl {
    border-bottom-left-radius: 120px !important;
  }

  .border-lg-radius-xl {
    border-radius: 120px !important;
  }
}

.banner {
  background-color: #F2F3F7;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 670px;
}

.banner .container {
  height: 100%;
}

.main-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  /* align-items: center; */
  -ms-flex-pack: center;
  justify-content: end;
  height: 100%;
}

@media(min-width: 768px) {
  .content {
    padding: 50px 0;
  }

  .banner {
    height: 320px;
  }
}

.p-40 {
  padding: 40px !important;
}

.pt-40,
.py-40 {
  padding-top: 40px !important;
}

.pr-40,
.px-40 {
  padding-right: 40px !important;
}

.pb-40,
.py-40 {
  padding-bottom: 40px !important;
}

.pl-40,
.px-40 {
  padding-left: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.pt-50,
.py-50 {
  padding-top: 50px !important;
}

.pr-50,
.px-50 {
  padding-right: 50px !important;
}

.pb-50,
.py-50 {
  padding-bottom: 50px !important;
}

.pl-50,
.px-50 {
  padding-left: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.pt-60,
.py-60 {
  padding-top: 60px !important;
}

.pr-60,
.px-60 {
  padding-right: 60px !important;
}

.pb-60,
.py-60 {
  padding-bottom: 60px !important;
}

.pl-60,
.px-60 {
  padding-left: 60px !important;
}

.p-70 {
  padding: 70px !important;
}

.pt-70,
.py-70 {
  padding-top: 70px !important;
}

.pr-70,
.px-70 {
  padding-right: 70px !important;
}

.pb-70,
.py-70 {
  padding-bottom: 70px !important;
}

.pl-70,
.px-70 {
  padding-left: 70px !important;
}

.p-80 {
  padding: 80px !important;
}

.pt-80,
.py-80 {
  padding-top: 80px !important;
}

.pr-80,
.px-80 {
  padding-right: 80px !important;
}

.pb-80,
.py-80 {
  padding-bottom: 80px !important;
}

.pl-80,
.px-80 {
  padding-left: 80px !important;
}

.p-130 {
  padding: 130px !important;
}

.pt-130,
.py-130 {
  padding-top: 130px !important;
}

.pr-130,
.px-130 {
  padding-right: 130px !important;
}

.pb-130,
.py-130 {
  padding-bottom: 130px !important;
}

.pl-130,
.px-130 {
  padding-left: 130px !important;
}

.p-236 {
  padding: 236px !important;
}

.pt-236,
.py-236 {
  padding-top: 236px !important;
}

.pr-236,
.px-236 {
  padding-right: 236px !important;
}

.pb-236,
.py-236 {
  padding-bottom: 236px !important;
}

.pl-236,
.px-236 {
  padding-left: 236px !important;
}

.p-264 {
  padding: 264px !important;
}

.pt-264,
.py-264 {
  padding-top: 264px !important;
}

.pr-264,
.px-264 {
  padding-right: 264px !important;
}

.pb-264,
.py-264 {
  padding-bottom: 264px !important;
}

.pl-264,
.px-264 {
  padding-left: 264px !important;
}

.p-292 {
  padding: 292px !important;
}

.pt-292,
.py-292 {
  padding-top: 292px !important;
}

.pr-292,
.px-292 {
  padding-right: 292px !important;
}

.pb-292,
.py-292 {
  padding-bottom: 292px !important;
}

.pl-292,
.px-292 {
  padding-left: 292px !important;
}

.p-300 {
  padding: 300px !important;
}

.pt-300,
.py-300 {
  padding-top: 300px !important;
}

.pr-300,
.px-300 {
  padding-right: 300px !important;
}

.pb-300,
.py-300 {
  padding-bottom: 300px !important;
}

.pl-300,
.px-300 {
  padding-left: 300px !important;
}

.m-50 {
  margin: 50px !important;
}

.mt-50,
.my-50 {
  margin-top: 50px !important;
}

.mr-50,
.mx-50 {
  margin-right: 50px !important;
}

.mb-50,
.my-50 {
  margin-bottom: 50px !important;
}

.ml-50,
.mx-50 {
  margin-left: 50px !important;
}

.m-70 {
  margin: 70px !important;
}

.mt-70,
.my-70 {
  margin-top: 70px !important;
}

.mr-70,
.mx-70 {
  margin-right: 70px !important;
}

.mb-70,
.my-70 {
  margin-bottom: 70px !important;
}

.ml-70,
.mx-70 {
  margin-left: 70px !important;
}

.m-80 {
  margin: 80px !important;
}

.mt-80,
.my-80 {
  margin-top: 80px !important;
}

.mr-80,
.mx-80 {
  margin-right: 80px !important;
}

.mb-80,
.my-80 {
  margin-bottom: 80px !important;
}

.ml-80,
.mx-80 {
  margin-left: 80px !important;
}

.m-160 {
  margin: 160px !important;
}

.mt-160,
.my-160 {
  margin-top: 160px !important;
}

.mr-160,
.mx-160 {
  margin-right: 160px !important;
}

.mb-160,
.my-160 {
  margin-bottom: 160px !important;
}

.ml-160,
.mx-160 {
  margin-left: 160px !important;
}

.m-290 {
  margin: 290px !important;
}

.mt-290,
.my-290 {
  margin-top: 290px !important;
}

.mr-290,
.mx-290 {
  margin-right: 290px !important;
}

.mb-290,
.my-290 {
  margin-bottom: 290px !important;
}

.ml-290,
.mx-290 {
  margin-left: 290px !important;
}

@media(min-width: 992px) {
  .p-lg-50 {
    padding: 50px !important;
  }

  .pt-lg-50,
  .py-lg-50 {
    padding-top: 50px !important;
  }

  .pr-lg-50,
  .px-lg-50 {
    padding-right: 50px !important;
  }

  .pb-lg-50,
  .py-lg-50 {
    padding-bottom: 50px !important;
  }

  .pl-lg-50,
  .px-lg-50 {
    padding-left: 50px !important;
  }

  .p-lg-60 {
    padding: 60px !important;
  }

  .pt-lg-60,
  .py-lg-60 {
    padding-top: 60px !important;
  }

  .pr-lg-60,
  .px-lg-60 {
    padding-right: 60px !important;
  }

  .pb-lg-60,
  .py-lg-60 {
    padding-bottom: 60px !important;
  }

  .pl-lg-60,
  .px-lg-60 {
    padding-left: 60px !important;
  }

  .p-lg-70 {
    padding: 70px !important;
  }

  .pt-lg-70,
  .py-lg-70 {
    padding-top: 70px !important;
  }

  .pr-lg-70,
  .px-lg-70 {
    padding-right: 70px !important;
  }

  .pb-lg-70,
  .py-lg-70 {
    padding-bottom: 70px !important;
  }

  .pl-lg-70,
  .px-lg-70 {
    padding-left: 70px !important;
  }

  .p-lg-80 {
    padding: 80px !important;
  }

  .pt-lg-80,
  .py-lg-80 {
    padding-top: 80px !important;
  }

  .pr-lg-80,
  .px-lg-80 {
    padding-right: 80px !important;
  }

  .pb-lg-80,
  .py-lg-80 {
    padding-bottom: 80px !important;
  }

  .pl-lg-80,
  .px-lg-80 {
    padding-left: 80px !important;
  }

  .p-lg-90 {
    padding: 90px !important;
  }

  .pt-lg-90,
  .py-lg-90 {
    padding-top: 90px !important;
  }

  .pr-lg-90,
  .px-lg-90 {
    padding-right: 90px !important;
  }

  .pb-lg-90,
  .py-lg-90 {
    padding-bottom: 90px !important;
  }

  .pl-lg-90,
  .px-lg-90 {
    padding-left: 90px !important;
  }

  .p-lg-100 {
    padding: 100px !important;
  }

  .pt-lg-100,
  .py-lg-100 {
    padding-top: 100px !important;
  }

  .pr-lg-100,
  .px-lg-100 {
    padding-right: 100px !important;
  }

  .pb-lg-100,
  .py-lg-100 {
    padding-bottom: 100px !important;
  }

  .pl-lg-100,
  .px-lg-100 {
    padding-left: 100px !important;
  }

  .p-lg-110 {
    padding: 110px !important;
  }

  .pt-lg-110,
  .py-lg-110 {
    padding-top: 110px !important;
  }

  .pr-lg-110,
  .px-lg-110 {
    padding-right: 110px !important;
  }

  .pb-lg-110,
  .py-lg-110 {
    padding-bottom: 110px !important;
  }

  .pl-lg-110,
  .px-lg-110 {
    padding-left: 110px !important;
  }

  .p-lg-130 {
    padding: 130px !important;
  }

  .pt-lg-130,
  .py-lg-130 {
    padding-top: 130px !important;
  }

  .pr-lg-130,
  .px-lg-130 {
    padding-right: 130px !important;
  }

  .pb-lg-130,
  .py-lg-130 {
    padding-bottom: 130px !important;
  }

  .pl-lg-130,
  .px-lg-130 {
    padding-left: 130px !important;
  }

  .p-lg-185 {
    padding: 185px !important;
  }

  .pt-lg-185,
  .py-lg-185 {
    padding-top: 185px !important;
  }

  .pr-lg-185,
  .px-lg-185 {
    padding-right: 185px !important;
  }

  .pb-lg-185,
  .py-lg-185 {
    padding-bottom: 185px !important;
  }

  .pl-lg-185,
  .px-lg-185 {
    padding-left: 185px !important;
  }

  .p-lg-200 {
    padding: 200px !important;
  }

  .pt-lg-200,
  .py-lg-200 {
    padding-top: 200px !important;
  }

  .pr-lg-200,
  .px-lg-200 {
    padding-right: 200px !important;
  }

  .pb-lg-200,
  .py-lg-200 {
    padding-bottom: 200px !important;
  }

  .pl-lg-200,
  .px-lg-200 {
    padding-left: 200px !important;
  }

  .p-lg-215 {
    padding: 215px !important;
  }

  .pt-lg-215,
  .py-lg-215 {
    padding-top: 215px !important;
  }

  .pr-lg-215,
  .px-lg-215 {
    padding-right: 215px !important;
  }

  .pb-lg-215,
  .py-lg-215 {
    padding-bottom: 215px !important;
  }

  .pl-lg-215,
  .px-lg-215 {
    padding-left: 215px !important;
  }

  .p-lg-250 {
    padding: 250px !important;
  }

  .pt-lg-250,
  .py-lg-250 {
    padding-top: 250px !important;
  }

  .pr-lg-250,
  .px-lg-250 {
    padding-right: 250px !important;
  }

  .pb-lg-250,
  .py-lg-250 {
    padding-bottom: 250px !important;
  }

  .pl-lg-250,
  .px-lg-250 {
    padding-left: 250px !important;
  }

  .p-lg-300 {
    padding: 300px !important;
  }

  .pt-lg-300,
  .py-lg-300 {
    padding-top: 300px !important;
  }

  .pr-lg-300,
  .px-lg-300 {
    padding-right: 300px !important;
  }

  .pb-lg-300,
  .py-lg-300 {
    padding-bottom: 300px !important;
  }

  .pl-lg-300,
  .px-lg-300 {
    padding-left: 300px !important;
  }

  .p-lg-550 {
    padding: 550px !important;
  }

  .pt-lg-550,
  .py-lg-550 {
    padding-top: 550px !important;
  }

  .pr-lg-550,
  .px-lg-550 {
    padding-right: 550px !important;
  }

  .pb-lg-550,
  .py-lg-550 {
    padding-bottom: 550px !important;
  }

  .pl-lg-550,
  .px-lg-550 {
    padding-left: 550px !important;
  }

  .p-lg-700 {
    padding: 700px !important;
  }

  .pt-lg-700,
  .py-lg-700 {
    padding-top: 700px !important;
  }

  .pr-lg-700,
  .px-lg-700 {
    padding-right: 700px !important;
  }

  .pb-lg-700,
  .py-lg-700 {
    padding-bottom: 700px !important;
  }

  .pl-lg-700,
  .px-lg-700 {
    padding-left: 700px !important;
  }

  .m-lg-50 {
    margin: 50px !important;
  }

  .mt-lg-50,
  .my-lg-50 {
    margin-top: 50px !important;
  }

  .mr-lg-50,
  .mx-lg-50 {
    margin-right: 50px !important;
  }

  .mb-lg-50,
  .my-lg-50 {
    margin-bottom: 50px !important;
  }

  .ml-lg-50,
  .mx-lg-50 {
    margin-left: 50px !important;
  }

  .m-lg-70 {
    margin: 70px !important;
  }

  .mt-lg-70,
  .my-lg-70 {
    margin-top: 70px !important;
  }

  .mr-lg-70,
  .mx-lg-70 {
    margin-right: 70px !important;
  }

  .mb-lg-70,
  .my-lg-70 {
    margin-bottom: 70px !important;
  }

  .ml-lg-70,
  .mx-lg-70 {
    margin-left: 70px !important;
  }

  .m-lg-80 {
    margin: 80px !important;
  }

  .mt-lg-80,
  .my-lg-80 {
    margin-top: 80px !important;
  }

  .mr-lg-80,
  .mx-lg-80 {
    margin-right: 80px !important;
  }

  .mb-lg-80,
  .my-lg-80 {
    margin-bottom: 80px !important;
  }

  .ml-lg-80,
  .mx-lg-80 {
    margin-left: 80px !important;
  }

  .m-lg-90 {
    margin: 90px !important;
  }

  .mt-lg-90,
  .my-lg-90 {
    margin-top: 90px !important;
  }

  .mr-lg-90,
  .mx-lg-90 {
    margin-right: 90px !important;
  }

  .mb-lg-90,
  .my-lg-90 {
    margin-bottom: 90px !important;
  }

  .ml-lg-90,
  .mx-lg-90 {
    margin-left: 90px !important;
  }

  .m-lg-130 {
    margin: 130px !important;
  }

  .mt-lg-120,
  .my-lg-120 {
    margin-top: 120px !important;
  }

  .mr-lg-120,
  .mx-lg-120 {
    margin-right: 120px !important;
  }

  .mb-lg-120,
  .my-lg-120 {
    margin-bottom: 120px !important;
  }

  .ml-lg-120,
  .mx-lg-120 {
    margin-left: 120px !important;
  }

  .m-lg-130 {
    margin: 130px !important;
  }

  .mt-lg-130,
  .my-lg-130 {
    margin-top: 130px !important;
  }

  .mr-lg-130,
  .mx-lg-130 {
    margin-right: 130px !important;
  }

  .mb-lg-130,
  .my-lg-130 {
    margin-bottom: 130px !important;
  }

  .ml-lg-130,
  .mx-lg-130 {
    margin-left: 130px !important;
  }

  .m-lg-250 {
    margin: 250px !important;
  }

  .mt-lg-250,
  .my-lg-250 {
    margin-top: 250px !important;
  }

  .mr-lg-250,
  .mx-lg-250 {
    margin-right: 250px !important;
  }

  .mb-lg-250,
  .my-lg-250 {
    margin-bottom: 250px !important;
  }

  .ml-lg-250,
  .mx-lg-250 {
    margin-left: 250px !important;
  }

  .m-lg-300 {
    margin: 300px !important;
  }

  .mt-lg-300,
  .my-lg-300 {
    margin-top: 300px !important;
  }

  .mr-lg-300,
  .mx-lg-300 {
    margin-right: 300px !important;
  }

  .mb-lg-300,
  .my-lg-300 {
    margin-bottom: 300px !important;
  }

  .ml-lg-300,
  .mx-lg-300 {
    margin-left: 300px !important;
  }

  .m-lg-330 {
    margin: 330px !important;
  }

  .mt-lg-330,
  .my-lg-330 {
    margin-top: 330px !important;
  }

  .mr-lg-330,
  .mx-lg-330 {
    margin-right: 330px !important;
  }

  .mb-lg-330,
  .my-lg-330 {
    margin-bottom: 330px !important;
  }

  .ml-lg-330,
  .mx-lg-330 {
    margin-left: 330px !important;
  }

  .m-lg-370 {
    margin: 370px !important;
  }

  .mt-lg-370,
  .my-lg-370 {
    margin-top: 370px !important;
  }

  .mr-lg-370,
  .mx-lg-370 {
    margin-right: 370px !important;
  }

  .mb-lg-370,
  .my-lg-370 {
    margin-bottom: 370px !important;
  }

  .ml-lg-370,
  .mx-lg-370 {
    margin-left: 370px !important;
  }

  .m-lg-500 {
    margin: 500px !important;
  }

  .mt-lg-500,
  .my-lg-500 {
    margin-top: 500px !important;
  }

  .mr-lg-500,
  .mx-lg-500 {
    margin-right: 500px !important;
  }

  .mb-lg-500,
  .my-lg-500 {
    margin-bottom: 500px !important;
  }

  .ml-lg-500,
  .mx-lg-500 {
    margin-left: 500px !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 1rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media(min-width: 1200px) {
  .content {
    padding: 80px 0;
  }

  .banner {
    height: 720px;
  }

  .banner-mission-sub {
    height: 460px;
  }
}

.banner-mission-sub .nav-pills>li>a {
  border-radius: 0;
}

.banner-mission-sub .nav-pills>li.climate-active>a,
.nav-pills>li.climate-active>a:hover,
.nav-pills>li.climate-active>a:focus {
  background-color: #5CAD38;
}

.climate-banner-border-buttom {
  border-bottom: 6px solid #5CAD38 !important;
}

.banner-mission-sub .nav-pills>li.resources-active>a,
.nav-pills>li.resources-active>a:hover,
.nav-pills>li.resources-active>a:focus {
  background-color: #3A99D8;
}

.resources-banner-border-buttom {
  border-bottom: 6px solid #3A99D8 !important;
}

.banner-mission-sub .nav-pills>li.develop-active>a,
.nav-pills>li.develop-active>a:hover,
.nav-pills>li.develop-active>a:focus {
  background-color: #E8BA32;
}

.develop-banner-border-buttom {
  border-bottom: 6px solid #E8BA32 !important;
}

.banner-mission-sub .nav-pills>li.reduce-active>a,
.nav-pills>li.reduce-active>a:hover,
.nav-pills>li.reduce-active>a:focus {
  background-color: #058042;
}

.reduce-banner-border-buttom {
  border-bottom: 6px solid #058042 !important;
}

.banner-mission-sub .nav-pills>li.contribute-active>a,
.nav-pills>li.contribute-active>a:hover,
.nav-pills>li.contribute-active>a:focus {
  background-color: #E08030;
}

.contribute-banner-border-buttom {
  border-bottom: 6px solid #E08030 !important;
}

.banner-mission-sub ul li a {
  font-size: 13px;
  font-weight: 800;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media(min-width: 992px) {
  .banner-mission-sub li.active::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    padding: 1rem;
    background: inherit;
    transform: rotate(-135deg);
    margin-left: -0.400000rem;
    background-color: rgb(255, 255, 255);
  }
}

.banner-mission-sub a:hover,
a:focus {
  color: rgb(255, 255, 255);
}

.banner-mission-sub a {
  color: rgba(255, 255, 255, 0.6);
}


/* 字体 */

.page-template-template-mission h1,
.page-template-template-climate-action h1,
.page-template-template-resources h1,
.page-template-template-we-develop h1,
.page-template-template-contribute h1,
.page-template-template-reduce h1 {
  font-size: 24px !important;
  color: #83B31B;
  /* font-family: 'Montserrat-Bold', Helvetica, Arial, sans-serif; */
  font-weight: 800;
}

.page-template-template-mission h2,
.page-template-template-climate-action h2,
.page-template-template-resources h2,
.page-template-template-we-develop h2,
.page-template-template-contribute h2,
.page-template-template-reduce h2 {
  font-size: 20px !important;
  /* font-family: 'Montserrat-Bold', Helvetica, Arial, sans-serif; */
  font-weight: 800;
}

.page-template-template-mission h2.font-size-38,
.page-template-template-climate-action h2.font-size-38,
.page-template-template-resources h2.font-size-38,
.page-template-template-we-develop h2.font-size-38,
.page-template-template-contribute h2.font-size-38,
.page-template-template-reduce h2.font-size-38 {
  font-size: 20px !important;
}

.page-template-template-mission h3,
.page-template-template-climate-action h3,
.page-template-template-resources h3,
.page-template-template-we-develop h3,
.page-template-template-contribute h3,
.page-template-template-reduce h3 {
  font-size: 18px !important;
}

.page-template-template-mission h4,
.page-template-template-climate-action h4,
.page-template-template-resources h4,
.page-template-template-we-develop h4,
.page-template-template-contribute h4,
.page-template-template-reduce h4 {
  font-size: 16px !important;
}

.page-template-template-mission h5,
.page-template-template-climate-action h5,
.page-template-template-resources h5,
.page-template-template-we-develop h5,
.page-template-template-contribute h5,
.page-template-template-reduce h5 {
  font-size: 14px !important;
}

.section-public-welfare h3 {
  font-size: 18px;
  color: #6DA81D;
}

@media (min-width: 1200px) {

  .page-template-template-mission h1,
  .page-template-template-climate-action h1,
  .page-template-template-resources h1,
  .page-template-template-we-develop h1,
  .page-template-template-contribute h1,
  .page-template-template-reduce h1 {
    font-size: 34px !important;
  }

  .page-template-template-mission h2,
  .page-template-template-climate-action h2,
  .page-template-template-resources h2,
  .page-template-template-we-develop h2,
  .page-template-template-contribute h2,
  .page-template-template-reduce h2 {
    font-size: 30px !important;
  }

  .page-template-template-mission h2.font-size-38,
  .page-template-template-climate-action h2.font-size-38,
  .page-template-template-resources h2.font-size-38,
  .page-template-template-we-develop h2.font-size-38,
  .page-template-template-contribute h2.font-size-38,
  .page-template-template-reduce h2.font-size-38 {
    font-size: 30px !important;
  }

  .page-template-template-mission h3,
  .page-template-template-climate-action h3,
  .page-template-template-resources h3,
  .page-template-template-we-develop h3,
  .page-template-template-contribute h3,
  .page-template-template-reduce h3 {
    font-size: 26px !important;
  }

  .page-template-template-mission h4,
  .page-template-template-climate-action h4,
  .page-template-template-resources h4,
  .page-template-template-we-develop h4,
  .page-template-template-contribute h4,
  .page-template-template-reduce h4 {
    font-size: 24px !important;
  }

  .page-template-template-mission h5,
  .page-template-template-climate-action h5,
  .page-template-template-resources h5,
  .page-template-template-we-develop h5,
  .page-template-template-contribute h5,
  .page-template-template-reduce h5 {
    font-size: 20px !important;
  }

  .section-public-welfare h3 {
    font-size: 28px;
  }

  .font-size-18 {
    font-size: 18px;
  }

  .font-size-15 {
    font-size: 15px;
  }

  h2.font-size-40 {
    font-size: 34px !important;
  }

  span.font-size-27 {
    font-size: 27px !important;
  }

  p.font-size-13 {
    font-size: 13px;
  }

  p.font-size-14 {
    font-size: 14px;
  }

  p.font-size-15 {
    font-size: 15px;
  }

  p.font-size-18 {
    font-size: 18px;
  }

  p.font-size-20 {
    font-size: 20px;
  }

  h4.font-size-22 {
    font-size: 22px !important;
  }

  .font-size-60 {
    font-size: 60px !important;
  }

  .font-size-100 {
    font-size: 100px !important;
  }
}

.font-weight-Heavy {
  font-weight: 900;
}

.page-template-template-mission .site-content-contain,
.page-template-template-climate-action .site-content-contain,
.page-template-template-resources .site-content-contain,
.page-template-template-we-develop .site-content-contain,
.page-template-template-contribute .site-content-contain,
.page-template-template-reduce .site-content-contain {
  padding: 0;
}

body.page-template-template-mission,
body.page-template-template-climate-action,
body.page-template-template-resources,
body.page-template-template-we-develop,
body.page-template-template-contribute,
body.page-template-template-reduce {
  line-height: 24px;
}


/* Mission */

.greenlife-banner-btn {
  display: inline-block;
  font-weight: 400;
  color: #ffffff !important;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  /* border: 1px solid transparent; */
  border: 1px solid white;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.greenlife-banner-btn:active {
  background-color: #ffffff7c;
}

.greenlife-banner-btn:hover {
  background-color: #ffffff7c;
}

.greenlife-prt-btn {
  display: inline-block;
  font-weight: 400;
  color: #666 !important;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  /* border: 1px solid transparent; */
  border: 1px solid #666;
  padding: .375rem .75rem;
  font-size: 15px;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.greenlife-prt-btn:active {
  background-color: #ffffff7c;
}

.greenlife-prt-btn:hover {
  background-color: #ffffff7c;
  color: #ED6B00 !important;
  border: 1px solid #ED6B00;
}

@media (min-width: 992px) {
  .greenlife-prt-btn {
    font-size: 16px;
  }
}

section.climate-action {
  background: linear-gradient(to right, #7FBE26 50%, rgba(255, 255, 255, 0) 50%);
}

section.section-resources {
  background: linear-gradient(to left, #279BA5 50%, rgba(255, 255, 255, 0) 50%);
}

section.section-recyclable-solutions {
  background: linear-gradient(to right, #E8BA32 50%, rgba(255, 255, 255, 0) 50%);
}

section.section-microplastics {
  background: linear-gradient(to left, #586A47 50%, rgba(255, 255, 255, 0) 50%);
}

section.section-public-welfare {
  background: linear-gradient(to right, #E08030 50%, rgba(255, 255, 255, 0) 50%);
}

.read-more h4 {
  color: #144644;
  font-size: 18px !important;
}
.section-climate-action-text{
	z-index: 99;
}
.section-climate-action-text {
  z-index: 99;
	
}
.section-climate-action-text{
	padding-left:60px;
}
.page-template-template-climate-action .col-lg-3 .section-climate-action-text{
	padding-left:0px;
}

.section-climate-action-icon-prevent {
  top: 8%;width:45px;height:auto;
}

.section-climate-action-icon {
  top: 50%;
  transform: translate(-50%, -50%);
width:50px;
	height:auto;
	left:40px;
}

.section-climate-action-icon2 {
  left: 16%;
  top: 50%;
  transform: translate(-50%, -50%);
	width:50px;
}

.section-climate-action-icon3 {
  left: 31%;
  top: 110%;
  transform: translate(-50%, -50%);
width:50px;
}

@media (max-width: 992px) {
  .section-climate-action-icon-generate {
    left: 42px;
  }
}

@media (min-width: 992px) {
  .section-climate-action-icon2 {
/*     left: 2%; */
	  width:50px !important;
  }
	.section-climate-action-icon2{
		left:-20px !important;
	}

  .section-climate-action-icon3 {
	  width:50px !important;
    left: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .section-climate-action-icon-reduce {
   
    top: 68%;
	  left:40px;
    transform: translate(-50%, -50%);
}

.page-template-template-mission ul li::marker {
  color: #AFE34E;
  font-size: 20px;
}

.section-public-welfare-title-icon {
  position: absolute;
  bottom: 70px;
  right: 12%;
  transition: all .7s;
}

.section-public-welfare-title-icon i {
  font-size: 3rem;
}

.section-public-welfare-title h2 {
  font-size: 20px !important;
}

@media (min-width: 1200px) {
	.page-id-7747 .section-climate-action-text h5{
		font-size:18px !important;
	}
  .page-template-template-mission ul li::marker {
    font-size: 30px;
  }

  .section-public-welfare-title h2 {
    font-size: 30px !important;
  }

  .section-climate-action-esd-content {
    margin-top: -8px;
  }

  .section-public-welfare-title-icon {
    bottom: 102px;
  }
}

.section-box-shadow-right {
  box-shadow: 50px 0 60px rgba(0, 0, 0, 0.055);
}

.section-box-shadow-left {
  box-shadow: -50px 0 60px rgba(0, 0, 0, 0.055);
}

.section-public-welfare-img:hover .section-public-welfare-content {
  visibility: visible;
}

.section-public-welfare-content {
  bottom: 0px;
  visibility: hidden;
}

.section-microplastics-icon {
  right: -50%;
  transform: translate(-50%, -50%);
  bottom: -30%;
  max-width: fit-content;
}

.section-public-welfare-title {
  min-height: 148px;
}

@media (min-width: 992px) {
	.page-id-7747 .section1 .pr-lg-130,.page-id-7747 .section1 .px-lg-130{
		padding-left:80px !important;padding-right:0px !important;
	}
  .section-resources-content {
    min-height: 670px;
  }

  .section-public-welfare-title {
    min-height: 180px;
  }

  .section-microplastics-icon {
    bottom: -14%;
    left: 50%;
  }
}

.section-recyclable-solutions-content {
  min-height: 720px;
}


/* we-develop */

.develop-section3-prt-img3-content {
  bottom: -10px;
  right: 16px;
}

.develop-section3-prt-img1 {
  top: -154px;
}

.develop-section1-img {
  margin-top: 0 !important;
}

.develop-section3-prt-icon {
  margin-top: -272px;
  margin-left: 52%;
  transform: translateX(-50%) translateY(-50%);
}

.develop-section3-prt-img2 {
  top: -242px;
  left: 0;
}

.develop-section2-prt-img2 {
  top: -56px;
  right: 0;
}

@media (min-width: 992px) {
  .develop-section3-prt-img1 {
    top: 0;
  }

  .develop-section1-img {
    margin-top: 99px !important;
  }

  .develop-section3-prt-icon {
    margin-top: 26px;
    margin-left: 47%;
  }

  .develop-section3-prt-img2 {
    top: -100px;
    left: 50px;
  }

  .develop-section2-prt-img2 {
    top: 60px;
    right: 16px;
  }
}

@media (min-width: 1440px) {
  .develop-section1-img {
    margin-top: 0 !important;
  }

  .develop-section2-content {
    margin-top: 70px;
  }

  .develop-section3-prt-content {
    margin-top: 300px !important;
  }

  .develop-section3-prt-img2 {
    top: -140px;
  }

  .develop-section2-prt-img2 {
    top: -56px;
    right: 16px;
  }
}


/* resources */

@media (min-width: 992px) {
  .resources-section4-icon {
    margin-top: -80px;
  }

  .resources-section2-icon {
    margin-left: 10px !important;
  }

  .resources-section2-icon3 {
    margin-left: 60px;
  }
}

@media (min-width: 1440px) {
  .resources-section3-img {
    padding-left: 80px !important;
  }

  .resources-section2-icon {
    margin-left: 34px !important;
  }
}

@media (max-width: 1440px){
	.section-climate-action-text h4{
		font-size:20px !important;
	}
}
	@media (max-width: 1199px){
		.page-id-7747 .section1 .section-climate-action-text{
			padding-left:0px !important;
		}
		.page-id-7747 .section1 .section-climate-action-icon-prevent{
			left:-40px !important;
		}
		.page-id-7747 .section1 .col-lg-9 .section-climate-action-icon3{
			left:-20px !important;
		}
		.page-id-7747 .section1 .col-lg-9 .section-climate-action-text{
			padding-left:0px !important;
		}
	}
	
/* reduce */
.reduce-section1-icon-content {
  padding-top: 264px;
}

.reduce-section1-icon1 {
  right: 0;
  bottom: 290px;
}

.reduce-section1-content {
  margin-top: -23%;
}

@media (max-width: 992px) {
  .reduce-section1-icon1 {
    max-width: 232px;
    transform: rotateY(180deg);
    right: 184px;
    bottom: 172px;
  }
}

@media (min-width: 992px) {
  .reduce-section3-content {
    box-shadow: 18px 10px 21px #f5f5f5;
  }

  .reduce-section1-icon-content {
    padding-top: 440px;
  }

  .reduce-section1-icon1 {
    width: 35%;
  }
}

.reduce-section2-icon {
  max-width: 50%;
}

@media (min-width: 1440px) {
  .reduce-section1-icon1 {
    bottom: 144px;
  }

  .reduce-section1-icon-content {
    padding-top: 430px;
  }

  .reduce-section1-icon1 {
    width: auto;
  }
}
@media (max-width: 768px){
		.page-id-7747 .section1 .col-lg-9 .section-climate-action-icon3{
			left:30px !important;top:30px !important;
		}
		.page-id-7747 .section1 .col-lg-3 .section-climate-action-text{
			padding-left:60px !important;
		}
	}