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 !important;
}

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

  .overview-content .m-hide {
    /* display: none !important; */
  }
}

.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 #031114;
}

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

.overview-content .eap-banner .text {
  padding: 4em 0 0;
  color: #fff;
  text-align: center;
}

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

.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.5em;
  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 0vw 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.33vw;
    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: 5em 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%;
}

.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-4 {
  margin-bottom: 2em;
}

.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: 6vw;
    height: 6vw;
  }

  .overview-content .eap-selling-points .text {
    padding: 18.5vw 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: 0 2vw 7.4vw 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: 6vw;
    height: 6vw;
    margin-bottom: 2vw;
  }
}

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

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

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

.overview-content .eap-high-capacity-performance .text {
  padding: 5em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .eap-high-capacity-performance h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 0 0.5em;
}

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

.overview-content .eap-high-capacity-performance .img {
  background: url(./img/c.jpg) top/100% no-repeat;
  width: 75em;
  height: 30em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-high-capacity-performance .img .desc {
  color: #ffffff;
  text-align: center;
  font-size: 1em;
}

.overview-content .eap-high-capacity-performance .img .desc1 {
  position: absolute;
  top: 2.5em;
  left: 6em;
  width: 32em;
}

.overview-content .eap-high-capacity-performance .img .desc2 {
  position: absolute;
  top: 11.5em;
  left: 28em;
  width: 28em;
}

.overview-content .eap-high-capacity-performance .img .desc3 {
  position: absolute;
  top: 26em;
  left: 43.5em;
  width: 15em;
}


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

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

  .overview-content .eap-high-capacity-performance .w-container {
    width: auto;
  }

  .overview-content .eap-high-capacity-performance .text {
    padding: 11.1vw 0 9.26vw;
    text-align: center;
  }

  .overview-content .eap-high-capacity-performance h2 {
    font-size: 6.67vw;
    padding: 0 0 4.3vw;
  }

  .overview-content .eap-high-capacity-performance p {
    font-size: 3.33vw;
  }

  .overview-content .eap-high-capacity-performance p.title {
    font-size: 3.33vw;
  }

  .overview-content .eap-high-capacity-performance .img {
    width: 100%;
    height: 78vw;
    background: url(./m/c.jpg) top / 100% no-repeat;
  }

  .overview-content .eap-high-capacity-performance .img .desc {
    font-size: 3vw;
  }

  .overview-content .eap-high-capacity-performance .img .desc1 {
    left: 2vw;
    top: 11vw;
    width: 67vw;
  }

  .overview-content .eap-high-capacity-performance .img .desc2 {
    left: 23vw;
    top: 26vw;
    width: 54vw;
  }

  .overview-content .eap-high-capacity-performance .img .desc3 {
    left: 51vw;
    top: 58vw;
    width: 26vw;
  }
}

@media (max-width: 414px) {
  .overview-content .eap-high-capacity-performance {
    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;
  /* width: 62.25em; */
  /* margin: 0 auto; */
}

.overview-content .eap-sdn h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0 0 0.5em;
  /* width: 62.25em; */
  /* margin: 0 auto; */
}

.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: 300;
  line-height: 1.5;
}

.overview-content .eap-sdn .img {
  position: relative;
  width: 75em;
  height: 34em;
  margin: 0 auto;
  background: url(./img/i.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.2;
  color: #2b2b2b;
}

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

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

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

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

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

.overview-content .eap-sdn .img .desc-4 {
  left: 65em;
  top: 3.5em;
  width: 7.25em;
}

.overview-content .eap-sdn .img .desc-5 {
  left: 41.5em;
  top: 14em;
  width: 8em;
}

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

.overview-content .eap-sdn .img .desc-7 {
  left: 0.5em;
  top: 5em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-8 {
  left: 29em;
  top: 15.6em;
  width: 10.5em;
}

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

.overview-content .eap-sdn .img .desc-10 {
  left: 43.5em;
  top: 26.5em;
  width: 6.2em;
}

.overview-content .eap-sdn .img .desc-11 {
  left: 50.5em;
  bottom: 7.5em;
  width: 10em;
}

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

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

.overview-content .eap-sdn .img .desc-14 {
  left: 26.5em;
  top: 30em;
  width: 15em;
}

.overview-content .eap-sdn .img .desc-15 {
  left: 63.5em;
  top: 12em;
  width: 10em;
}

.overview-content .eap-sdn .img .desc-16 {
  left: 13em;
  top: 5em;
  width: 8em;
}

.overview-content .eap-sdn .img .desc-17 {
  left: 21.5em;
  top: 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.5vw 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.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: 86vw;
    width: 34vw;
  }

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

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

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

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

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

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

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

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

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

  .overview-content .eap-sdn .img .desc-11 {
    left: 17vw;
    top: 143vw;
    width: 16vw;
    text-align: left;
    bottom: auto;
  }

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

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

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

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

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

  .overview-content .eap-sdn .img .desc-17 {
    left: 59vw;
    top: 15vw;
    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-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;
  width: 62.25em;
  margin: 0 auto;
}

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

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

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

.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-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 .w-container {
    width: auto;
  }

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

  .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: 4.6667vw;
  }

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

  .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;
  }
}

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

.overview-content .eap-maximize-broadband .w-container {
  width: 65em;
  margin: 0 auto;
}

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

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

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

.overview-content .eap-maximize-broadband .img {
  background: url(./img/d.jpg) top/100% no-repeat;
  width: 75em;
  height: 30em;
  margin: 0 auto;
  position: relative;
}

.overview-content .eap-maximize-broadband .img .desc {
  color: #ffffff;
  text-align: right;
  font-size: 1.125em;
}

.overview-content .eap-maximize-broadband .img .desc1 {
  position: absolute;
  top: 4em;
  right: 44em;
  width: 20em;
}

.overview-content .eap-maximize-broadband .img .desc2 {
  position: absolute;
  top: 6.5em;
  right: 44em;
  width: 20em;
}

.overview-content .eap-maximize-broadband .img .desc3 span {
  font-size: 4.38em;

}

.overview-content .eap-maximize-broadband .img .desc3 {
  text-align: center;
  position: absolute;
  top: 16em;
  left: 31.5em;
  width: 12em;
}


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

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

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

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

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

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

  .overview-content .eap-maximize-broadband p.title {
    font-size: 3.33vw;
  }

  .overview-content .eap-maximize-broadband .img {
    width: 100%;
    height: 78vw;
    background: url(./m/d.jpg) top/100% no-repeat;
  }
.overview-content .eap-maximize-broadband .img .desc3 span{
  font-size: 14.6vw;
  font-weight: 500;
  line-height: 1;
}
  .overview-content .eap-maximize-broadband .img .desc1 {
    right: 52vw;
    top: 7.4vw;
    width: 32vw;
    font-size: 3.3vw;
  }

  .overview-content .eap-maximize-broadband .img .desc2 {
    right: 52vw;
    top: 24.8vw;
    width: 25vw;
    font-size: 3.3vw;
  }

  .overview-content .eap-maximize-broadband .img .desc3 {
    left: 48vw;
    top: 53vw;
    width: 29vw;
    font-size: 3.3vw;
  }
}

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

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

.overview-content .eap-easily-build .w-container {
  width: 63.75em;
  margin: 0 auto;
}

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

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

.overview-content .eap-easily-build p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .eap-easily-build .img-box {
  width: 49.5em;
  margin: 2em auto;
}

.overview-content .eap-easily-build .img-box img {
  width: 100%;
}

.overview-content .eap-easily-build .flex-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.overview-content .eap-easily-build .flex-box .info {
  padding-top: 2em;
  text-align: center;
  width: 18em;
}
.overview-content .eap-easily-build .flex-box .info.info2{
  width: 20em;
    transform: translate(1em, 0);
}
.overview-content .eap-easily-build .flex-box p.title {
  font-size: 1.5em;
  font-weight: 400;
}

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

.overview-content .eap-easily-build .ul-scenarios li {
  display: block;
  width: 33.33%;
  background-color: #fafafa;
  padding: 4.375em 0
}

.overview-content .eap-easily-build .ul-scenarios li .scenario-img {
  display: block;
  width: 9.375em;
  margin: 0 auto;
}


.overview-content .eap-easily-build .ul-scenarios li .scenario-txt .desc {
  color: #2b2b2b;
  padding: 0;
  font-size: 1.125em;
  font-weight: 300;
  text-align: center;
  margin-top: 1em
}

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

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

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

  .overview-content .eap-easily-build .img-box {
    width: 100%;
  }
.overview-content .eap-easily-build .flex-box p.title{
  font-size: 4.44vw;
  width: 27vw;
  margin: 0 auto;
  font-weight: 400;
}
  .overview-content .eap-easily-build .ul-scenarios li.li-1 .scenario-txt .desc.desc-1 span {
    font-size: 3.33vw;
    font-size: 3.33vw;
    display: block;
    width: 32vw;
  }

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

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

  .overview-content .eap-easily-build h2 {
    font-size: 6.67vw;
    padding: 0;
  }
  .overview-content .eap-easily-build .flex-box .info.info1{
    width: 32vw;
    transform: translate(-1vw, 0);
  }
.overview-content .eap-easily-build .flex-box .info.info2{
  width: 40vw;
  transform: translate(5vw, 0);
}
  .overview-content .eap-easily-build p {
    font-size: 3.33vw;
    font-weight: 300;
  }

  .overview-content .eap-easily-build .ul-scenarios li.li-2 .scenario-txt .desc.desc-1 span {
    font-size: 3.33vw;
    display: block;
    width: 32vw;
  }
.overview-content .eap-easily-build .ul-scenarios li.li-3 .scenario-txt .desc.desc-1 span{
  font-size: 3.33vw;
  display: block;
  width: 32vw;
}
  .overview-content .eap-easily-build .ul-features {
    width: 100%;
    margin: 0 auto 6.25vw;
  }

  .overview-content .eap-easily-build .ul-scenarios li .scenario-img {
    margin: 0 0 0 5vw;
    height: 14.8vw;
    width: auto;
  }

  .overview-content .eap-easily-build .ul-scenarios li {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 7.4vw 0;
  }

  .overview-content .eap-easily-build .ul-scenarios li+li {
    margin-top: 0;
  }

}

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

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

.overview-content .eap-10-wan-ports .w-container {
  width: 63.75em;
  margin: 0 auto;
}

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

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

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

.overview-content .eap-10-wan-ports .img-box {
  width: 52.5em;
  margin: 0 auto;
}

.overview-content .eap-10-wan-ports .img-box img {
  width: 100%;
}

.overview-content .eap-10-wan-ports .flex-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.overview-content .eap-10-wan-ports .flex-box .info {
  text-align: left;
  margin-bottom: 3em;
}

.overview-content .eap-10-wan-ports .flex-box p.title {
  font-size: 2.25em;
}


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

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

  .overview-content .eap-10-wan-ports .w-container {
    width: auto;
  }

  .overview-content .eap-10-wan-ports .img-box {
    width: 100%;
    margin: 0 auto;
  }

  .overview-content .eap-10-wan-ports .flex-box {
    flex-direction: column;
  }

  .overview-content .eap-10-wan-ports .flex-box .info {
    text-align: center;
  }

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

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

  .overview-content .eap-10-wan-ports p {
    font-size: 3.33vw;
  }
.overview-content .eap-10-wan-ports .flex-box p.title{
  font-size: 6.67vw;
  font-weight: 500;
}
}

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

.overview-content .eap-high-security {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fafafa;
  margin-top: 6.25em;
}

.overview-content .eap-high-security .w-container {
  width: 62.5em;
  margin: 0 auto;
  padding: 4em 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.overview-content .eap-high-security .text {
  text-align: left;
  color: #2b2b2b;
  width: 40%;
}

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

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

.overview-content .eap-high-security .img {
  background: url(./img/g.png) top/100% no-repeat;
  width: 30.34em;
  height: 19.78em;
  position: relative;
}

.overview-content .eap-high-security .img .desc {
  color: #2b2b2b;
  text-align: center;
  font-size: 1.125em;
}

.overview-content .eap-high-security .img .desc1 {
  position: absolute;
  top: 8.5em;
  left: -1em;
  width: 7em;
}

.overview-content .eap-high-security .img .desc2 {
  position: absolute;
  top: 1.5em;
  left: 10.5em;
  width: 9em;
}

.overview-content .eap-high-security .img .desc3 {
  position: absolute;
  top: 8em;
  left: 20em;
  width: 10em;
}

.overview-content .eap-high-security .img .desc4 {
  position: absolute;
  top: 16.5em;
  left: 7em;
  width: 10em;
}

.overview-content .eap-high-security .img .desc5 {
  position: absolute;
  top: 2.8em;
  left: 7.5em;
  width: 7em;
  color: #008055;
  font-size: 1.5em;
  font-weight: 500;
}

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

@media (max-width: 736px) {
  .overview-content .eap-high-security {
    font-size: 10.35px;
    max-width: 85.186vw;
    margin-top: 18.5vw;
  }

  .overview-content .eap-high-security .w-container {
    width: 70.37vw;
    flex-direction: column;
    padding: 0;
  }

  .overview-content .eap-high-security .text {
    padding: 12vw 0 9.26vw;
    text-align: center;
    width: 100%;
  }

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

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

  .overview-content .eap-high-security p.title {
    font-size: 3.33vw;
  }

  .overview-content .eap-high-security .img {
    width: 100%;
    height: 62vw;
  }

  .overview-content .eap-high-security .img .desc1 {
    top: 22vw;
    left: -2vw;
    width: 20vw;
    font-size: 3.33vw;
  }

  .overview-content .eap-high-security .img .desc2 {top: auto;bottom: 54vw;left: 30vw;width: 20vw;font-size: 3.33vw;}

  .overview-content .eap-high-security .img .desc3 {
    top: 22vw;
    left: 57vw;
    width: 20vw;
    font-size: 3.33vw;
  }

  .overview-content .eap-high-security .img .desc4 {
    top: 44vw;
    left: 22vw;
    width: 27vw;
    font-size: 3.33vw;
  }

  .overview-content .eap-high-security .img .desc5 {
    top: 9.5vw;
    left: 26vw;
    font-size: 3.6vw;
    width: 27vw;
  }


}

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