.esg_container {
  /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https://colorzilla.com/gradient-editor/#ffffff+0,76ccf3+100 */
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(118, 204, 243, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 0 0 0px;
  width: 100%;
}
.esg_kv_top {
  position: relative;
}
.esg_kv {
  width: 100%;
}
.esg_kv img {
  width: 100%;
  display: block;
}
.esg_kv_top {
  padding: 0 0 30px;
}
.esg_kv_top .esg_kv_title {
  width: 1070px;
  position: absolute;
  left: 50%;
  top: -5%;
  transform: translate(-50%, 0%);
}

.esg_kv_top .esg_kv_title img {
  width: 100%;
}
.esg_kv_list {
  width: 1070px;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 340px 0 60px;
  margin: 0 auto;
}
.esg_kv_itm {
  z-index: 1;
  max-width: 420px;
}
.esg_kv_itm img {
  width: 100%;
}
.esg_separate {
  max-width: 1070px;
  margin: 0 auto;
}
.esg_main_1 {
  width: 1070px;
  margin: 0 auto;
}
.esg_separate img {
  width: 100%;
}
.esg_main_img_1,
.esg_main_img_2 {
  max-width: 1696px;
  margin: 0 auto;
  cursor: pointer;
}
.esg_main_img_2_js {
  display: none;
}
.esg_main_img_2 {
  display: none;
}
.esg_main_img_3 {
  /* display: none; */
}
.esg_main_img_1 img,
.esg_main_img_2 img,
.esg_main_img_3 img,
.esg_main_img_s_js img {
  max-width: 100%;
}
.esg_footer {
  /* background-image: url(../img/footer_esg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 80px 0 0px; */
}
.esg_jar {
  max-width: 900px;
  margin: 0 auto;
}
.esg_dk {
  display: block;
}
.esg_mo {
  display: none;
}
.esg_footer p {
  padding: 0 25px 15px;
  color: #fff;
  font-size: 7px;
}
.footer {
  position: relative;
  min-height: 268px;
  background-color: #ad8945;
  margin-top: 0px;
}
.esg_bg {
  background-image: url(../img/bg2.png);
  background-repeat: no-repeat;
  background-position: left -40px;
}
.proces_img {
  width: 100%;
}
.proces_row {
  display: none;
  position: relative;
}
.proces_row img {
  width: 100%;
}
.proces_img_ab {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.esg_main_img_2 p {
  max-width: 625px;
  margin: 0 auto;
  line-height: 1.5;
  padding: 0 0 25px;
}
.footer_esg_img{
  width: 100%;
}
.footer_esg_img img{
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .esg_footer {
    /* background-image: url(../img/footer_esg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 80px 0 0px;
    background-size: contain; */
  }
  .esg_main_1 {
    padding: 0px 5%;
  }
  .esg_jar {
    max-width: 840px;
    margin: 0 auto;
  }

  .esg_kv_list {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 375px 5% 30px;
  }
  .esg_separate {
    max-width: 1570px;
    margin: 0 auto;
    padding: 0 5%;
  }
  .esg_kv_itm {
    max-width: 420px;
    z-index: 1;
  }
  .esg_footer {
    /* background-image: url(../img/footer_esg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 80px 0 20px;
    background-size: contain; */
  }
  .esg_kv_top .esg_kv_title {
    max-width: 1490px;
    position: absolute;
    left: 50%;
    top: -2%;
    transform: translate(-50%, 0%);
    width: 1100px;
  }
}
@media screen and (max-width: 1280px) {
  .esg_kv_top .esg_kv_title {
    max-width: 1490px;
    position: absolute;
    left: 50%;
    top: -5%;
    transform: translate(-50%, 0%);
    width: 1000px;
  }
  .esg_kv_list {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 355px 5% 30px;
  }
}
@media screen and (max-width: 640px) {
  .esg_kv {
    width: 100%;
    padding: 0;
  }
  .esg_main_1 {
    padding: 0px 0;
  }
  .esg_main_1 {
    width: 100%;
    margin: 0 auto;
  }
  .esg_footer p {
    padding: 0 15px;
    color: #fff;
    line-height: 1;
    font-size: 3px;
  }
  .esg_dk {
    display: none;
  }
  .esg_mo {
    display: block;
  }
  .esg_mo_pt {
    padding: 60px 0 0;
  }
  .esg_kv_top .esg_kv_title {
    max-width: 100%;
        width: 100%;
        position: absolute;
        left: 50%;
        top: -5%;
        transform: translate(-50%, 0%);
  }
  .esg_kv_list {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 220px 10px 20px;
    flex-wrap: wrap;
    width: 100%;
  }
  .esg_kv_itm {
    padding: 5px;
    max-width: initial;
    z-index: 1;
    width: 50%;
  }
  .esg_separate {
    max-width: 1570px;
    margin: 0px auto;
    padding: 0 0 0px;
  }
  .esg_footer {
    /* background-image: url(../img/m/footer_esg_m.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding: 30px 0 10px; */
  }
  .esg_jar {
    max-width: 250px;
    margin: 0 auto;
  }
  .esg_kv_top {
    padding: 0 0 0px;
  }
}