body,
body>.page-content-wrapper,
html {
  overflow: visible !important;
}

/* old */
.eap-img-box {
  font-size: 16px;
  max-width: 1200px;
  width: 75em;
  margin: 0 auto;
}

.eap-img-box img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.eap-img-box img.m-hide {
  display: block;
}

.eap-img-box img.m-show {
  display: none;
}

@media (max-width: 1024px) {
  .eap-img-box {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .eap-img-box {
    font-size: 10.35px;
    max-width: 100vw;
    width: 100vw;
  }

  .eap-img-box img.m-show {
    display: block;
    width: 100%;
  }

  .eap-img-box img.m-hide {
    display: none;
  }
}

@media (max-width: 414px) {
  .eap-img-box {
    font-size: 2.5vw;
  }
}

/* new */
.overview-content sup {
  font-size: 0.5556em;
}

.overview-content .white {
  color: #fff;
}

.overview-content .omada-green {
  color: #008055;
}

.overview-content .omada-light-green {
  color: #00e194;
}

.overview-content .omada-deep-green {
  color: #0a5a5a;
}

.overview-content .tp-color {
  color: #4acbd6;
}

.overview-content .smb-color {
  color: #005564;
}

.overview-content .no-wrap {
  white-space: nowrap;
}

.overview-content .m-show {
  display: none;
}

@media (max-width: 736px) {
  .overview-content .m-show {
    display: block;
  }

  .overview-content .m-hide {
    display: none;
  }
}

.overview-content .eap-banner {
  font-size: 16px;
  max-width: 1200px;
  height: 30em;
  margin: 0 auto;
  background: url(./img/a.jpg?2) top / 75em no-repeat;
  display: flex;
  align-items: center;
}

.overview-content .eap-banner .w-container {
  width: 65em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-banner .text {
  padding: 0 36% 4em 0;
  color: #2b2b2b;
}

.overview-content .eap-banner h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 0 1em 0em;
}

.overview-content .eap-banner h3 {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 0 1.5em 0.4em;
}

.overview-content .eap-banner p .model {
  display: inline-block;
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  padding: 0.75em 1.375em;
  margin-left: 0;
  border-radius: 5px;
  background-color: #008055;
}

@media (max-width: 1024px) {
  .overview-content .eap-banner {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-banner {
    font-size: 10.35px;
    max-width: 85.186vw;
    height: 118vw;
    background: #aec8d9 url(./m/a.jpg?2) bottom / 100% no-repeat;
    display: block;
  }

  .overview-content .eap-banner .w-container {
    width: 74.37vw;
  }

  .overview-content .eap-banner .text {
    padding: 11.9vw 7vw 0 0;
  }

  .overview-content .eap-banner h2 {
    font-size: 6.67vw;
    padding: 0 0 5.625vw;
    font-weight: 500;
  }

  .overview-content .eap-banner h3 {
    font-size: 3.25vw;
    padding: 0 0 3.5vw;
  }

  .overview-content .eap-banner p .model {
    font-size: 3.5vw;
    margin: 0;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-banner {
    font-size: 2.5vw;
  }
}

.overview-content .eap-selling-points {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-selling-points .w-container {
  width: 50em;
  margin: 0 auto;
}

.overview-content .eap-selling-points .text {
  padding: 6.25em 0 0;
  color: #2b2b2b;
}

.overview-content .eap-selling-points p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-selling-points p.title {
  font-weight: 400;
}

.overview-content .eap-selling-points ul {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-selling-points ul li {
  width: 22.7%;
  margin-bottom: 2em;
}

.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-5 {
  width: 22.7%;
}

.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-6 {
  width: 22.7%;
}

.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-7 {
  width: 23.7%;
}

.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-5,
.overview-content .eap-selling-points ul .li-6,
.overview-content .eap-selling-points ul .li-7 {
  margin-right: 1%;
}

.overview-content .eap-selling-points ul li .icon {
  display: block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 auto 0.75em;
  background-position: top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.overview-content .eap-selling-points ul li .icon img {
  width: 2.5em;
  height: 2.5em;
}

.overview-content .eap-selling-points ul li .desc {
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-selling-points {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-selling-points {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-selling-points .w-container {
    width: auto;
  }

  .overview-content .eap-selling-points ul li .icon img {
    width: 8vw;
    height: 8vw;
  }

  .overview-content .eap-selling-points .text {
    padding: 16vw 0 0;
  }

  .overview-content .eap-selling-points p {
    font-size: 3.33vw;
  }

  .overview-content .eap-selling-points ul {
    width: 100%;
  }

  .overview-content .eap-selling-points ul li {
    vertical-align: top;
    width: 48%;
    margin: 7.41vw 2vw 0 0;
  }

  .overview-content .eap-selling-points ul .li-1,
  .overview-content .eap-selling-points ul .li-3,
  .overview-content .eap-selling-points ul .li-5,
  .overview-content .eap-selling-points ul .li-7 {
    width: 49%;
    margin-right: 1%;
  }

  .overview-content .eap-selling-points ul .li-2,
  .overview-content .eap-selling-points ul .li-4,
  .overview-content .eap-selling-points ul .li-6,
  .overview-content .eap-selling-points ul .li-8 {
    width: 48%;
    margin-right: 0;
  }

  .overview-content .eap-selling-points ul li .icon {
    width: 8vw;
    height: 8vw;
    margin-bottom: 2vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-selling-points {
    font-size: 2.5vw;
  }
}

.overview-content .eap-dual-sim {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-dual-sim .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .eap-dual-sim .text {
  padding: 8em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-dual-sim h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33;
  padding: 0 0 0.7em;
}

.overview-content .eap-dual-sim p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-dual-sim p.title {
  font-size: 1.5em;
  font-weight: 400;
}

.overview-content .eap-dual-sim ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
  padding-bottom: 4em;
}

.overview-content .eap-dual-sim ul li {
  width: 49%;
}

.overview-content .eap-dual-sim ul li .img p {
  position: absolute;
}

.overview-content .eap-dual-sim ul li .desc1 {
  top: 29%;
  left: 4%;
  width: 23%
}

.overview-content .eap-dual-sim ul li .desc2 {
  top: 29%;
  left: 73%;
  width: 23%
}

.overview-content .eap-dual-sim ul .li-1 .img {
  background: url(./img/d-1.jpg) top/100% no-repeat;
  height: 21.28em;
  position: relative;
  margin-bottom: 1.7em
}

.overview-content .eap-dual-sim ul .li-2 .img {
  background: url(./img/d-2.jpg) top/100% no-repeat;
  height: 21.28em;
  position: relative;
  margin-bottom: 1.7em
}

@media (max-width: 1024px) {
  .overview-content .eap-dual-sim {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-dual-sim {
    font-size: 10.35px;
    max-width: 85.186vw;
  }
.overview-content .eap-dual-sim ul .li-1 .img {
  background: url(./m/d-1.jpg) top/100% no-repeat;
  height: 76vw;
  position: relative;
  margin-bottom: 0;
}

.overview-content .eap-dual-sim ul .li-2 .img {
  background: url(./m/d-2.jpg) top/100% no-repeat;
  height: 76vw;
  position: relative;
  margin-bottom: 0;
}
  .overview-content .eap-dual-sim .w-container {
    width: auto;
  }
.overview-content .eap-dual-sim p.title{
  font-size: 4.44vw;
  padding: 5.5vw 0 7.4vw;
}
  .overview-content .eap-dual-sim .text {
    padding: 23.7vw 0 9.26vw;
    text-align: center;
  }

  .overview-content .eap-dual-sim h2 {
    font-size: 6.67vw;
    padding-bottom: 5.8vw;
  }

  .overview-content .eap-dual-sim p {
    font-size: 3.33vw;
    padding: 0;
  }

  .overview-content .eap-dual-sim ul {
    flex-direction: column;
    padding-bottom: 0;
  }
.overview-content .eap-dual-sim ul li .desc1 {
  top: 32%;
  left: 1%;
  width: 23%
}

.overview-content .eap-dual-sim ul li .desc2 {
  top: 32%;
  left: 74%;
  width: 23%
}
  .overview-content .eap-dual-sim ul li {
    width: 100%;
  }

  .overview-content .eap-dual-sim ul li .desc1,
  .overview-content .eap-dual-sim ul li .desc2 {
    padding: 0;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-dual-sim {
    font-size: 2.5vw;
  }
}

.overview-content .eap-designed-for-outdoors {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-designed-for-outdoors .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .eap-designed-for-outdoors .text {
  padding: 6.25em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-designed-for-outdoors h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33;
  padding: 0 0 0.7em;
}

.overview-content .eap-designed-for-outdoors p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-designed-for-outdoors .ul-features {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-designed-for-outdoors .ul-features li {
  display: block;
  width: 47.5%;
  padding-bottom: 2em;
}

.overview-content .eap-designed-for-outdoors .ul-features li .icon {
  display: block;
  width: 2.25em;
  height: auto;
  margin: 0 auto;
}
.overview-content .eap-designed-for-outdoors .ul-features li .icon.m-show{
  display: none;
}
.overview-content .eap-designed-for-outdoors .ul-features li .icon-txt {
  padding: 0.5em 0 0;
  text-align: center;
  color: #fff;
}

.overview-content .eap-designed-for-outdoors .img {
  width: 75em;
  height: 30em;
  margin: 0 auto;
  background: url(./img/g.jpg) top / 75em no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overview-content .eap-designed-for-outdoors .txt {
  padding: 1.5em 50% 0 14%;
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-designed-for-outdoors {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-designed-for-outdoors {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-designed-for-outdoors .w-container {
    width: auto;
  }

  .overview-content .eap-designed-for-outdoors .text {
    padding: 18.5vw 0 9.26vw;
    text-align: center;
  }
  .overview-content .eap-designed-for-outdoors .ul-features li .icon.m-show{
    display: block;
  }
.overview-content .eap-designed-for-outdoors .ul-features li .icon.m-hide{
  display: none;
}
  .overview-content .eap-designed-for-outdoors h2 {
    font-size: 6.67vw;
    padding: 0 0 5.8vw;
    font-weight: 500;
  }

  .overview-content .eap-designed-for-outdoors h3 {
    font-size: 4.375vw;
    padding: 0 0 1vw;
  }

  .overview-content .eap-designed-for-outdoors p {
    font-size: 3.33vw;
  }

  .overview-content .eap-designed-for-outdoors p.title {
    font-size: 3.5vw;
  }

  .overview-content .eap-designed-for-outdoors .ul-features li {
    width: 47.5%;
    padding-bottom: 4vw;
  }

  .overview-content .eap-designed-for-outdoors .ul-features li .icon {
    width: 6vw;
  }

  .overview-content .eap-designed-for-outdoors .ul-features li .icon-txt {
    padding: 1vw 0 0;
    color: #2b2b2b
  }

  .overview-content .eap-designed-for-outdoors .ul-features li .icon-txt p {
    font-size: 3.25vw;
  }

  .overview-content .eap-designed-for-outdoors .img {
    width: 85.186vw;
    height: auto;
    padding-bottom: 60vw;
    background: url(./m/g.jpg) bottom / 100% no-repeat;
  }

  .overview-content .eap-designed-for-outdoors .txt {
    padding: 0 0vw 5.26vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-designed-for-outdoors {
    font-size: 2.5vw;
  }
}

.overview-content .eap-sdn {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto 0;
}

.overview-content .eap-sdn .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-sdn .text {
  padding: 8em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-sdn h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33;
  padding: 0 0 0.7em;
}

.overview-content .eap-sdn h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 0.5em;
}

.overview-content .eap-sdn p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-sdn .img {
  position: relative;
  width: 75em;
  height: 34em;
  margin: 0 auto;
  background: url(./img/i-1.png) top / 75em no-repeat;
}

.overview-content .eap-sdn .img .desc {
  position: absolute;
  text-align: center;
  line-height: normal;
}

.overview-content .eap-sdn .img .desc-m {
  display: block;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
}

.overview-content .eap-sdn .img .desc-s {
  display: block;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.2;
  color: #2b2b2b;
}

.overview-content .eap-sdn .img .internet {
  display: block;
  /* font-size: 1em; */
  /* font-weight: 300; */
  line-height: 1.2;
}

.overview-content .eap-sdn .img .desc-1 {
  left: 44.5em;
  top: 2.5em;
  width: 12em;
}

.overview-content .eap-sdn .img .desc-2 {
  left: 50em;
  top: 10em;
  width: 2em;
}

.overview-content .eap-sdn .img .desc-3 {
  left: 60em;
  top: 8.75em;
  width: 2em;
}

.overview-content .eap-sdn .img .desc-4 {
  left: 63em;
  top: 2.5em;
  width: 11.25em;
}

.overview-content .eap-sdn .img .desc-5 {
  left: 42em;
  top: 12em;
  width: 7.8em;
}

.overview-content .eap-sdn .img .desc-6 {
  left: 51.62em;
  top: 12em;
  width: 7.5em;
}

.overview-content .eap-sdn .img .desc-7 {
  left: 0em;
  top: 4.5em;
  width: 9em;
}

.overview-content .eap-sdn .img .desc-8 {
  left: 29.5em;
  top: 11em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-9 {
  left: 10.25em;
  top: 20.5em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-10 {
  left: 47.8em;
  top: 25.75em;
  width: 6em;
}

.overview-content .eap-sdn .img .desc-11 {
  left: 55.5em;
  bottom: 8em;
  width: 6em;
}

.overview-content .eap-sdn .img .desc-12 {
  left: 70em;
  top: 27em;
  width: 5.4em;
}

.overview-content .eap-sdn .img .desc-13 {
  left: 63em;
  top: 27em;
  width: 6.25em;
}

.overview-content .eap-sdn .img .desc-14 {
  left: 29.5em;
  top: 23.4em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-15 {
  left: 64.25em;
  top: 9em;
  width: 9em;
}

.overview-content .eap-sdn .img .desc-16 {
  left: 10.25em;
  top: 4.5em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-17 {
  left: 20.5em;
  top: 4.5em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-18 {
  left: 43.5em;
  top: 20.5em;
  width: 6em;
  text-align: left;
}

@media (max-width: 1024px) {
  .overview-content .eap-sdn {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-sdn {
    font-size: 10.35px;
    max-width: 85.186vw;
    margin: 0 auto 4vw;
  }

  .overview-content .eap-sdn .w-container {
    width: auto;
  }

  .overview-content .eap-sdn .text {
    padding: 16.3vw 0vw 9.26vw;
    text-align: center;
  }

  .overview-content .eap-sdn h2 {
    font-size: 6.67vw;
    padding: 0 0 4.3vw;
    font-weight: 500;
  }

  .overview-content .eap-sdn h3 {
    font-size: 4.375vw;
    padding: 0 0 3.125vw;
  }

  .overview-content .eap-sdn p {
    font-size: 3.33vw;
  }

  .overview-content .eap-sdn p.title {
    font-size: 3.25vw;
  }

  .overview-content .eap-sdn .img {
    width: 100%;
    height: 202vw;
    background: url(./m/i-1.png) top / 100% no-repeat;
  }

  .overview-content .eap-sdn .img .desc-m {
    font-size: 3.25vw;
  }

  .overview-content .eap-sdn .img .desc-s {
    font-size: 3vw;
  }

  .overview-content .eap-sdn .img .internet {
    font-size: 3.3vw;
  }

  .overview-content .eap-sdn .img .desc-1 {
    left: 46vw;
    top: 84vw;
    width: 34vw;
  }

  .overview-content .eap-sdn .img .desc-2 {
    left: 51vw;
    top: 113vw;
    width: 22vw;
  }

  .overview-content .eap-sdn .img .desc-3 {
    left: 51vw;
    top: 148vw;
    width: 22vw;
  }

  .overview-content .eap-sdn .img .desc-4 {
    left: 45vw;
    top: 160vw;
    width: 33vw;
  }

  .overview-content .eap-sdn .img .desc-5 {
    left: 46vw;
    top: 106vw;
    width: 34vw;
  }

  .overview-content .eap-sdn .img .desc-6 {
    left: 47vw;
    top: 133vw;
    width: 30vw;
  }

  .overview-content .eap-sdn .img .desc-7 {
    left: 5vw;
    top: 13vw;
    width: 23vw;
  }

  .overview-content .eap-sdn .img .desc-8 {
    left: 42vw;
    top: 56vw;
    width: 35vw;
  }

  .overview-content .eap-sdn .img .desc-9 {
    left: 2vw;
    top: 77vw;
    width: 28vw;
  }

  .overview-content .eap-sdn .img .desc-10 {
    left: 9.5vw;
    top: 141vw;
    width: 13vw;
  }

  .overview-content .eap-sdn .img .desc-11 {
    left: 19vw;
    top: 153vw;
    width: 14vw;
    text-align: left;
    bottom: auto;
  }

  .overview-content .eap-sdn .img .desc-12 {
    left: 2vw;
    top: 200.2vw;
    width: 29vw
  }

  .overview-content .eap-sdn .img .desc-13 {
    left: 1vw;
    top: 177vw;
    width: 30vw;
  }

  .overview-content .eap-sdn .img .desc-14 {
    left: 0vw;
    top: 112vw;
    width: 32vw;
  }

  .overview-content .eap-sdn .img .desc-15 {
    left: 44vw;
    top: 184vw;
    width: 37vw;
  }

  .overview-content .eap-sdn .img .desc-16 {
    left: 34vw;
    top: 13vw;
    width: 20vw;
  }

  .overview-content .eap-sdn .img .desc-17 {
    left: 59vw;
    top: 13vw;
    width: 20vw;
  }

  .overview-content .eap-sdn .img .desc-18 {
    left: 21vw;
    top: 126vw;
    width: 20vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-sdn {
    font-size: 2.5vw;
  }
}



.overview-content .eap-easy-management {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto 0em;
}

.overview-content .eap-easy-management .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-easy-management .text {
  padding: 5em 0 3.75em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-easy-management h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 0 0.7em;
}

.overview-content .eap-easy-management h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 0.5em;
}

.overview-content .eap-easy-management p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-easy-management .img {
  position: relative;
  width: 75em;
  height: 30.125em;
  margin: 0 auto;
  background: url(./img/j.jpg) top / 75em no-repeat;
}


@media (max-width: 1024px) {
  .overview-content .eap-easy-management {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-easy-management {
    font-size: 10.35px;
    max-width: 85.186vw;
    margin: 0 auto;
  }

  .overview-content .eap-easy-management .w-container {
    width: auto;
  }

  .overview-content .eap-easy-management .text {
    padding: 18.5vw 2vw 11.1vw;
    text-align: center;
  }

  .overview-content .eap-easy-management h2 {
    font-size: 6.67vw;
    padding: 0 0 4.3vw;
    font-weight: 500;
  }

  .overview-content .eap-easy-management h3 {
    font-size: 4.375vw;
    padding: 0 0 3.125vw;
  }

  .overview-content .eap-easy-management p {
    font-size: 3.33vw;
  }

  .overview-content .eap-easy-management .img {
    width: 100%;
    height: auto;
    padding-bottom: 108vw;
    background: #fff url(./m/j.jpg?2) bottom / 100% no-repeat;
    display: block;
  }

}

@media (max-width: 414px) {
  .overview-content .eap-easy-management {
    font-size: 2.5vw;
  }
}

.overview-content .eap-app-guide {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-app-guide .w-container {
  width: 66em;
  margin: 0 auto;
}

.overview-content .eap-app-guide .text {
  padding: 6.25em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-app-guide h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33;
  padding: 0;
}

.overview-content .eap-app-guide p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-app-guide .ul-scenarios {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-app-guide .ul-scenarios li {
  display: block;
  width: 49%;
  position: relative;
}

.overview-content .eap-app-guide .ul-scenarios li .scenario-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.overview-content .eap-app-guide .ul-scenarios li .scenario-txt {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.overview-content .eap-app-guide .ul-scenarios li .scenario-txt .desc {
  color: #2b2b2b;
  padding: 0;
  position: absolute;
}

.overview-content .eap-app-guide .ul-scenarios li.li-1 .scenario-txt .desc.desc-1 {
  left: 1%;
  top: 11.2%;
  width: 31%;
}

.overview-content .eap-app-guide .ul-scenarios li.li-2 .scenario-txt .desc.desc-1 {
  left: 1%;
  top: 11%;
  width: 31%;
}

@media (max-width:1024px) {
  .overview-content .eap-app-guide {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .overview-content .eap-app-guide {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .eap-app-guide .ul-scenarios li .note span {
    font-size: 4.44vw;
    font-weight: 400;
  }

  .overview-content .eap-app-guide .ul-scenarios li.li-1 .scenario-txt .desc.desc-1 span {
    font-size: 3vw;
  }

  .overview-content .eap-app-guide .w-container {
    width: auto;
  }

  .overview-content .eap-app-guide .text {
    padding: 18.5vw 0 9.26vw;
    text-align: center;
  }

  .overview-content .eap-app-guide h2 {
    font-size: 6.67vw;
    padding: 0;
  }

  .overview-content .eap-app-guide p {
    font-size: 3.33vw;
  }

  .overview-content .eap-app-guide .ul-scenarios li.li-2 .scenario-txt .desc.desc-1 span {
    font-size: 3vw;
  }

  .overview-content .eap-app-guide .ul-features {
    width: 100%;
    margin: 0 auto 6.25vw;
  }

  .overview-content .eap-app-guide .ul-features li {
    display: block;
    width: 31.5%;
  }

  .overview-content .eap-app-guide .ul-scenarios li {
    width: 100%;
  }

  .overview-content .eap-app-guide .ul-scenarios li+li {
    margin-top: 5.55vw;
  }

}

@media (max-width:414px) {
  .overview-content .eap-app-guide {
    font-size: 2.5vw;
  }
}

.overview-content .eap-blazing-fast {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-blazing-fast .w-container {
  width: 62.5em;
  margin: 0 auto;
  text-align: center;
}

.overview-content .eap-blazing-fast .text {
  padding: 4.25em 0 0;
  color: #2b2b2b;
}

.overview-content .eap-blazing-fast h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33;
  padding: 0 0 0.7em;
}

.overview-content .eap-blazing-fast p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-blazing-fast p.title {
  font-size: 1.5em;
  font-weight: 600;
}

.overview-content .eap-blazing-fast .mode-box {
  margin: 3.125em auto 6.25em;
}

.overview-content .eap-blazing-fast .mode-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.overview-content .eap-blazing-fast .mode-item+.mode-item {
  margin-top: 5em;
}

.overview-content .eap-blazing-fast .mode-item .img-left {
  width: 10em;
  height: 7.875em;
  background: url(./img/c-1.png) center/100% no-repeat;
  margin-right: 2.5625em;
  position: relative;
}

.overview-content .eap-blazing-fast .mode-item .img-left span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
}

.overview-content .eap-blazing-fast .mode-item img {
  display: block;
  width: 100%;
}

.overview-content .eap-blazing-fast .mode-item .right {
  width: 49.5em;
}

.overview-content .eap-blazing-fast .mode-item .right .info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8751em;
}

.overview-content .eap-blazing-fast .mode-item .right-1 {
  margin-bottom: 2.1875em;
}

.overview-content .eap-blazing-fast ul {
  text-align: center;
  width: 36.75em;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-blazing-fast ul li {
  width: 22.7%;
}

.overview-content .eap-blazing-fast ul li .icon {
  display: block;
  width: 2.25em;
  height: 2.25em;
  margin: 0 auto 0.75em;
  background-position: top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.overview-content .eap-blazing-fast ul li .icon img {
  width: 2.5em;
  height: 2.5em;
}

.overview-content .eap-blazing-fast ul li .desc {
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-blazing-fast {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-blazing-fast {
    font-size: 10.35px;
    max-width: 85.186vw;
  }
.overview-content .eap-blazing-fast h2{
  font-size: 6.67vw;
  padding-bottom: 5.8vw;
}
  .overview-content .eap-blazing-fast .w-container {
    width: auto;
  }

  .overview-content .eap-blazing-fast ul li .icon img {
    width: 8vw;
    height: 8vw;
  }
  .overview-content .eap-blazing-fast .mode-box {
  margin: 9.26vw auto 11.1vw;
}
.overview-content .eap-blazing-fast .mode-item+.mode-item{
      margin-top: 11.1vw;
}
.overview-content .eap-blazing-fast p.title{
  font-size: 4.44vw;
}
  .overview-content .eap-blazing-fast .text {
    padding: 23.7vw 0 0;
  }

  .overview-content .eap-blazing-fast p {
    font-size: 3.33vw;
  }

  .overview-content .eap-blazing-fast ul {
    width: 100%;
  }

  .overview-content .eap-blazing-fast ul li {
    vertical-align: top;
    width: 30%;
    margin: 7.41vw 2vw 0 0;
  }

  .overview-content .eap-blazing-fast .mode-item .right-1 {
    margin-bottom: 1em;
  }

  .overview-content .eap-blazing-fast ul li .icon {
    width: 6vw;
    height: 6vw;
    margin-bottom: 3.7vw;
  }

  .overview-content .eap-blazing-fast .mode-item .right .info {
    margin-bottom: 1vw
  }

  .overview-content .eap-blazing-fast .mode-item .img-left {
    margin-right: 5vw;
    width: 20vw;
    height: 20vw;
  }

  .overview-content .eap-blazing-fast .mode-item .img-left span {
    font-size: 3vw;
  }

  .overview-content .eap-blazing-fast .mode-item .right {
    width: 60vw
  }
}

@media (max-width: 414px) {
  .overview-content .eap-blazing-fast {
    font-size: 2.5vw;
  }
}

.overview-content .eap-scenarios {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .eap-scenarios .w-container {
  width: 64em;
  margin: 0 auto;
}

.overview-content .eap-scenarios .text {
  padding: 6.25em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-scenarios h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33;
  padding: 0;
}

.overview-content .eap-scenarios p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-scenarios p.title {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
}

.overview-content .eap-scenarios .ul-scenarios {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .eap-scenarios .ul-scenarios li {
  display: block;
  width: 32%;
}

.overview-content .eap-scenarios .ul-scenarios li .scenario-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.overview-content .eap-scenarios .ul-scenarios li .scenario-img.m-show{
  display: none;
}
.overview-content .eap-scenarios .ul-scenarios li .scenario-txt {
  padding: 1.875em 0 0;
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .eap-scenarios {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .eap-scenarios {
    font-size: 10.35px;
    max-width: 85.186vw;
  }
.overview-content .eap-scenarios .ul-scenarios li .scenario-img.m-show{
  display: block;
}
  .overview-content .eap-scenarios .w-container {
    width: auto;
  }

  .overview-content .eap-scenarios .text {
    padding: 18.5vw 0 9.26vw;
    text-align: center;
  }

  .overview-content .eap-scenarios h2 {
    font-size: 6.67vw;
    padding: 0;
  }

  .overview-content .eap-scenarios p {
    font-size: 3.33vw;
  }

  .overview-content .eap-scenarios p.title {
    font-size: 3.5vw;
  }

  .overview-content .eap-scenarios .ul-scenarios li {
    width: 100%;
  }
.overview-content .eap-scenarios .ul-scenarios li .scenario-img.m-hide{
  display: none;
}
  .overview-content .eap-scenarios .ul-scenarios li .scenario-txt {
    padding: 5.3vw 0 7.2vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-scenarios {
    font-size: 2.5vw;
  }
}

.apps-img {
  font-size: 0.75em;
  display: table;
  line-height: 0;
  position: absolute;
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
}

.apps-img .item {
  display: table-cell;
  padding-right: .625em;
  height: 5.8em;
  vertical-align: top;
}

.apps-img .icon {
  width: auto;
  height: 100%;
}

.apps-img .store-group>a {
  display: table-row;
  height: 2.8em;
}
.apps-img .store-group img{
  height: 2.8em;
}

@media (max-width:736px) {
  .apps-img {
    font-size: 2.5vw;
    padding: 1em 20px 8em;
  }
}



.overview-content .eap-technology {
  font-size: 16px;
  max-width: 1200px;
  width: 75em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-technology .sticky-box.absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.overview-content .eap-technology .sticky-box.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .eap-technology .w-container {
  width: 60em;
  margin: 0 auto;
}

.overview-content .eap-technology .text {
  padding: 4em 0 0.5em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-technology h2 {
  font-size: 2.25em;
  font-weight: 400;
  line-height: 1.33;
  padding: 0 0 0.25em;
}

.overview-content .eap-technology p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .eap-technology .swiper-container {
  width: 60em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-technology .swiper-container .swiper-wrapper {
  display: block;
  height: 47.5em;
}

.overview-content .eap-technology .swiper-container .swiper-slide {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.overview-content .eap-technology .swiper-container .swiper-slide.position-active {
  opacity: 1;
}

.overview-content .eap-technology .swiper-container .swiper-slide .img {
  position: relative;
  width: 60em;
  height: 41.5em;
  margin: 0 auto;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 60em;
}

.overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
  background-image: url(./img/g1.jpg);
}

.overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
  background-image: url(./img/g2.jpg);
}

.overview-content .eap-technology .swiper-container .swiper-slide .desc {
  position: absolute;
  text-align: left;
  line-height: normal;
}

.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
  bottom: 40.2%;
  left: 70%;
  right: 8.8%;
}

.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
  bottom: 13%;
  left: 68%;
  right: 0%;
  text-align: right;
}

.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
  bottom: 26em;
  left: 11em;
  right: 42em;
}

.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
  bottom: 2%;
  left: 68%;
  right: 5%;
  text-align: right;
}
.overview-content .eap-technology .swiper-container-horizontal>.swiper-pagination-bullets,.overview-content .eap-technology .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 4vw;
}
.overview-content .eap-technology .swiper-pagination-bullet-active{
      background: #008055;
}
@media (max-width:1024px) {
  .overview-content .eap-technology {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .overview-content .eap-technology {
    font-size: 10.35px;
    max-width: 100vw;
    width: 100vw;
    position: relative;
    top: auto;
  }

  .overview-content .eap-technology .w-container {
    width: 85.186vw;
  }

  .overview-content .eap-technology .text {
    padding: 16.3vw 0 0vw;
    text-align: center;
  }

  .overview-content .eap-technology h2 {
    font-size: 6.67vw;
    padding: 0 0 5.8vw;
  }

  .overview-content .eap-technology h3 {
    font-size: 4.375vw;
  }

  .overview-content .eap-technology p {
    font-size: 3.33vw;
  }

  .overview-content .eap-technology .swiper-container {
    width: 85.186vw;
  }

  .overview-content .eap-technology .swiper-container .swiper-wrapper {
    display: flex;
    height: auto;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide {
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide.position-active {
    opacity: 1;
  }

  .overview-content .eap-technology .swiper-container .swiper-slide .img {
    width: 85.186vw;
    height: 89vw;
    background-size: 100%;
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
    background-image: url(./m/g1.jpg);
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
    background-image: url(./m/g2.jpg);
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
    bottom: 34.5%;
    left: 73%;
    right: 0%;
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
    bottom: 16%;
    left: 78%;
    right: 0%;
    text-align: right;
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
    bottom: 49.5%;
    left: 0%;
    right: 74%;
  }
  
  .overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
    bottom: 2%;
    left: 68%;
    right: 0%;
    text-align: right;
  }
}

@media (max-width:414px) {
  .overview-content .eap-technology {
    font-size: 2.5vw;
  }
}