/* Created by adam.ai@tp-link.com on 2016/12/01 */

.overview-content h3,
.overview-content p {
  margin: 0;
}

.overview-content {
  font-weight: 300;
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
}

.overview-content .w1200 {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}

.overview-content .regular {
  font-weight: 400;
}

.overview-content .medium {
  font-weight: 500;
}

.overview-content .bold {
  font-weight: 700;
}

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

.overview-content .mobile-layout {
  display: none;
}

.overview-content .w1200 {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}

.overview-content .a {
  background: url(a.jpg) 50% 0 no-repeat;
  height: 949px;
}

.overview-content .a h2 {
  color: #ffffff;
  font-size: 72px;
  line-height: 80px;
  margin: 0 auto;
  padding: 600px 0 0 0;
  text-align: center;
}

.overview-content .a h4 {
  color: #dcdcdc;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
}

.overview-content .a p {
  color: #a8a8a8;
  font-size: 18px;
  line-height: 28px;
  margin: 0 auto;
  padding: 32px 0 0 0;
  text-align: center;
  width: 820px;
}

.overview-content .b {
  background: url(b.jpg) 50% 0 no-repeat;
  height: 384px;
}

.overview-content .b .w1200 {
  padding: 115px 0 0 0;
}

.overview-content .b .left {
  border-right: 1px solid #545454;
  float: left;
  height: 165px;
  width: 460px;
}

.overview-content .b .left h2 {
  color: #fefefe;
  font-size: 28px;
  line-height: 32px;
  padding: 0 0 30px 0;
}

.overview-content .b .left li {
  float: left;
  color: #9b9b9b;
}

.overview-content .b .left h1,
.overview-content .b .left h5,
.overview-content .b .left h2[seofix] {
  font-size: 80px;
  line-height: 80px;
}

.overview-content .b .left h1 span,
.overview-content .b .left h5 span,
.overview-content .b .left h2[seofix] span {
  font-size: 54px;
}

.overview-content .b .left p {
  font-size: 18px;
  line-height: 18px;
}

.overview-content .b .left .li1 {
  width: 250px;
}

.overview-content .b .left .li2 {
  width: 200px;
}

.overview-content .b .right {
  float: right;
  height: 165px;
  width: 680px;
}

.overview-content .b .right li {
  height: 68px;
}

.overview-content .b .right li span {
  display: block;
  float: left;
  font-size: 22px;
  line-height: 32px;
  width: 100px;
}

.overview-content .b .right .li1 span,
.overview-content .b .right .li2 span {
  color: #35b826;
}

.overview-content .b .right .li3 span {
  color: #0080ff;
}

.overview-content .b .right li b {
  display: block;
  float: left;
  height: 6px;
  margin-top: 13px;
}

.overview-content .b .right .li1 b {
  width: 15px;
}

.overview-content .b .right .li2 b {
  width: 43px;
}

.overview-content .b .right .li3 b {
  width: 460px;
}

.overview-content .b .right .li1 b,
.overview-content .b .right .li2 b {
  background: #35b826;
}

.overview-content .b .right .li3 b {
  background: #0080ff;
}

.overview-content .b .right li i {
  color: #9b9b9b;
  display: block;
  float: left;
  font-size: 22px;
  font-style: normal;
  line-height: 32px;
  text-indent: 12px;
}

.overview-content .c {
  background: url(c.jpg) 50% 0 no-repeat;
  height: 1022px;
}

.overview-content .c h2 {
  font-size: 46px;
  line-height: 52px;
  padding: 70px 0 70px 0;
  text-align: center;
}

.overview-content .c ul {
  margin: 0 auto;
  width: 960px;
}

.overview-content .c li {
  float: left;
  text-align: center;
  width: 33%;
}

.overview-content .c li canvas {
  color: #707070;
  display: block;
  font-size: 52px;
  height: 96px;
  line-height: 102px;
  margin: 0 auto;
  width: 96px;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.overview-content .c p {
  color: #707070;
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0 0 0;
}

.overview-content .d {
  background: url(d.jpg) 50% 0 no-repeat;
  height: 1014px;
}

.overview-content .d .text {
  float: left;
  width: 590px;
}

.overview-content .d .text h2 {
  color: #ffffff;
  font-size: 46px;
  line-height: 52px;
  padding: 140px 0 30px 0;
}

.overview-content .d .text p {
  color: #e5e5e5;
  font-size: 18px;
  line-height: 28px;
}

.overview-content .d .desc {
  float: right;
  padding: 750px 0 0 0;
  position: relative;
  width: 380px;
}

.overview-content .d .desc img {
  background: url(arrow-bg.png) 50% 0 no-repeat;
  left: -102px;
  position: absolute;
  top: 758px;
}

.overview-content .d .desc p {
  color: #cfcfcf;
  font-size: 18px;
  line-height: 28px;
  padding: 0 0 20px 0;
}

.overview-content .d .desc a,
.overview-content .d .desc span {
  color: #0080ff;
  text-decoration: none;
}

.overview-content .d .desc a:hover {
  text-decoration: underline;
}

.overview-content .e {
  background: url(e1.png) 50% 0 no-repeat;
  height: 933px;
}

.overview-content .e .w1200 {
  height: 933px;
}

.overview-content .e .text h2 {
  color: #5e5e5e;
  font-size: 46px;
  line-height: 54px;
  padding: 130px 0 30px 0;
  width: 500px;
}

.overview-content .e .text p {
  color: #5e5e5e;
  font-size: 18px;
  line-height: 28px;
  padding: 0 0 20px 0;
  width: 400px;
}

.overview-content .e .text a,
.overview-content .e .text span {
  color: #929292;
  font-size: 18px;
  text-decoration: none;
}

.overview-content .e .text a:hover {
  text-decoration: underline;
}

.overview-content .e .su-mimo {
  bottom: 0;
  height: 440px;
  left: 0;
  position: absolute;
  width: 347px;
}

.overview-content .e .su-mimo li {
  bottom: 172px;
  height: 202px;
  left: 8px;
  position: absolute;
  width: 331px;
}

@keyframes animate-su-mimo {
  0%, 36%, 100% {
    opacity: 0;
  }

  12%, 24% {
    opacity: 1;
  }
}

.overview-content .e .su-mimo .li1 {
  background: url(su-mimo-1.png);
  animation: animate-su-mimo 4.5s 0s linear infinite;
}

.overview-content .e .su-mimo .li2 {
  background: url(su-mimo-2.png);
  animation: animate-su-mimo 4.5s -3s linear infinite;
}

.overview-content .e .su-mimo .li3 {
  background: url(su-mimo-3.png);
  animation: animate-su-mimo 4.5s -1.5s linear infinite;
}

.overview-content .e .su-mimo .router {
  background: url(su-mimo-router.png);
}

@keyframes animate-mu-mimo-1 {
  from {
    transform: translate(1.2%, 0);
  }

  to {
    transform: translate(-3.0%, 0);
  }
}

@keyframes animate-mu-mimo-2 {
  from {
    transform: translate(0, 3.8%);
  }

  to {
    transform: translate(0, -1.5%);
  }
}

@keyframes animate-mu-mimo-3 {
  from {
    transform: translate(-1.2%, 0);
  }

  to {
    transform: translate(3.0%, 0);
  }
}

.overview-content .e .mu-mimo {
  bottom: 0;
  height: 800px;
  position: absolute;
  right: 0;
  width: 831px;
}

.overview-content .e .mu-mimo li {
  bottom: 105px;
  height: 682px;
  position: absolute;
  right: 0;
  width: 831px;
}

.overview-content .e .mu-mimo .li1 {
  background: url(mu-mimo-1.png) 50% 0 no-repeat;
  animation: animate-mu-mimo-1 0.2s linear infinite;
}

.overview-content .e .mu-mimo .li2 {
  background: url(mu-mimo-2.png) 50% 0 no-repeat;
  animation: animate-mu-mimo-2 0.2s linear infinite;
}

.overview-content .e .mu-mimo .li3 {
  background: url(mu-mimo-3.png) 50% 0 no-repeat;
  animation: animate-mu-mimo-3 0.2s linear infinite;
}

.overview-content .e .mu-mimo .router {
  background: url(mu-mimo-router.png) 50% 0 no-repeat;
}

.overview-content .e .su-mimo h3,
.overview-content .e .mu-mimo h3 {
  color: #7f7f7f;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}

.overview-content .e .su-mimo h3 {
  padding: 300px 0 0 0;
}

.overview-content .e .mu-mimo h3 {
  padding: 660px 0 0 0;
}

.overview-content .e .su-mimo p,
.overview-content .e .mu-mimo p {
  color: #7f7f7f;
  font-size: 15px;
  line-height: 28px;
  text-align: center;
}

.overview-content .f {
  background: url(f.png) 50% 0 no-repeat;
  height: 984px;
}

.overview-content .f .w1200 {
  height: 984px;
  overflow: hidden;
}

.overview-content .f .text {
  position: relative;
  z-index: 9;
}

.overview-content .f h2 {
  color: #b6b6b6;
  font-size: 46px;
  line-height: 54px;
  padding: 60px 0 20px 0;
  text-align: center;
}

.overview-content .f p {
  color: #6e6e6e;
  font-size: 18px;
  line-height: 28px;
  margin: 0 auto;
  text-align: center;
  width: 720px;
}

.overview-content .f h1,
.overview-content .f h5,
.overview-content .f h2[seofix] {
  color: #009cff;
  display: none;
  font-size: 56px;
  padding: 60px 0 0 0;
  text-align: center;
}

.overview-content .f h4 {
  color: #a9a9a9;
  font-size: 16px;
  line-height: 28px;
  padding: 120px 0 0 0;
  text-align: center;
  text-indent: -54px;
}

.overview-content .f1 {
  background: url(f1.png) 50% 0 no-repeat;
  bottom: 0;
  height: 984px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  transform: translate(283px, 0);
}

.overview-content .f2 {
  background: url(f2.png) 50% 0 no-repeat;
  bottom: 0;
  height: 984px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.overview-content .f3 {
  background: url(f3.png) 50% 0 no-repeat;
  bottom: 0;
  height: 984px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transform: translate(-200px, 0);
}

@keyframes animate-f {
  100% {
    transform: translate(0, 0);
  }
}

.overview-content .f.animate .f1,
.overview-content .f.animate .f3 {
  animation: animate-f 1s 0.5s ease-out forwards;
}

.overview-content .g {
  overflow: hidden;
}

.overview-content .g .top h2 {
  color: #555555;
  font-size: 46px;
  line-height: 54px;
  padding: 60px 0 30px 0;
  text-align: center;
}

.overview-content .g .top p {
  color: #555555;
  font-size: 18px;
  line-height: 28px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  text-align: center;
  width: 960px;
}

.overview-content .g .bottom {
  height: 1037px;
  position: relative;
}

.overview-content .g .bottom > div {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.overview-content .g .bottom .g1 {
  z-index: 5;
}

.overview-content .g .bottom .g1 h2 {
  color: #ffffff;
  font-size: 42px;
  line-height: 48px;
  padding: 120px 0 0 0;
  text-align: center;
}

.overview-content .g .bottom .g1 h4 {
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
}

.overview-content .g .bottom .g2 {
  background: url(g1.jpg) 50% 0 no-repeat;
  z-index: 4;
}

.overview-content .g .bottom .g3 {
  z-index: 3;
}

.overview-content .g .bottom .g3 h2 {
  color: #ffffff;
  font-size: 42px;
  line-height: 48px;
  padding: 120px 0 0 0;
  text-align: center;
}

.overview-content .g .bottom .g3 h4 {
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
}

.overview-content .g .bottom .g4 {
  background: url(g2.jpg) 50% 0 no-repeat;
  z-index: 2;
}

.overview-content .g .bottom .g5 {
  background: url(g3.jpg) 50% 0 no-repeat;
  z-index: 1;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomout {
  from {
    opacity: 1;
    transform: scale(1, 1);
  }

  to {
    opacity: 0;
    transform: scale(0, 0);
  }
}

.overview-content .g.animate .g1 {
  animation: fadeout 0.5s linear forwards;
}

.overview-content .g.animate .g2 {
  animation: zoomout 1.2s ease-in-out forwards;
}

.overview-content .g.animate .g4 {
  animation: fadeout 1s 1.5s linear forwards;
}

.overview-content .h {
  background: url(h.jpg) 50% 0 no-repeat;
  height: 1143px;
}

.overview-content .h .w1200 {
  background: url(h.png) 50% -7px no-repeat;
  height: 1147px;
}

.overview-content .h .text h2 {
  color: #b6b6b6;
  font-size: 46px;
  line-height: 54px;
  padding: 60px 0 30px 0;
  text-align: center;
}

.overview-content .h .text p {
  color: #6e6e6e;
  font-size: 18px;
  line-height: 28px;
  margin: 0 auto;
  text-align: center;
  width: 820px;
}

.overview-content .h canvas {
  left: 510px;
  position: absolute;
  top: 379px;
}

.overview-content .h .beamforming {
  height: 100px;
  left: 0;
  position: absolute;
  right: 0;
  top: 1000px;
}

.overview-content .h .beamforming p {
  color: #ffffff;
  font-size: 13px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: 36px;
}

.overview-content .h .beamforming .p1 {
  left: 402px;
}

.overview-content .h .beamforming .p2 {
  left: 495px;
}

.overview-content .h .beamforming .p3 {
  left: 641px;
}

.overview-content .i {
  background: url(i.jpg) 50% 0 no-repeat;
  font-size: 46px;
  height: 1076px;
  line-height: 1076px;
  text-align: center;
}

.overview-content .j {
  background: url(j.jpg) 50% 0 no-repeat;
  height: 922px;
}

.overview-content .j h4 {
  color: #009cff;
  font-size: 20px;
  line-height: 36px;
  position: absolute;
  text-align: right;
  white-space: nowrap;
  width: 200px;
}

.overview-content .j .p1 {
  right: 768px;
  top: 351px;
}

.overview-content .j .p2 {
  right: 380px;
  top: 519px;
}

.overview-content .j ul {
  position: absolute;
}

.overview-content .j li {
  color: #d5d5d5;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 120px;
}

.overview-content .j .ul1 li {
  top: 454px;
}

.overview-content .j .ul1 .li1 {
  left: 127px;
}

.overview-content .j .ul1 .li2 {
  left: 205px;
}

.overview-content .j .ul1 .li3 {
  left: 280px;
}

.overview-content .j .ul1 .li4 {
  left: 352px;
}

.overview-content .j .ul2 li {
  top: 614px;
}

.overview-content .j .ul2 .li1 {
  left: 540px;
}

.overview-content .j .ul2 .li2 {
  left: 616px;
}

.overview-content .j .ul2 .li3 {
  left: 695px;
}

.overview-content .j .ul2 .li4 {
  left: 762px;
}

.overview-content .j .text {
  left: 150px;
  position: absolute;
  top: 700px;
  width: 900px;
}

.overview-content .j .text h2 {
  color: #ffffff;
  font-size: 46px;
  line-height: 54px;
  padding: 0 0 20px 0;
}

.overview-content .j .text p {
  color: #d4d4d4;
  font-size: 18px;
  line-height: 28px;
}

.overview-content .k li {
  height: 360px;
  float: left;
  width: 25%;
}

.overview-content .k li h4 {
  color: #3c3c3c;
  font-size: 30px;
  line-height: 36px;
  padding: 170px 0 10px 0;
  text-align: center;
}

.overview-content .k li p {
  color: #6e6e6e;
  font-size: 18px;
  line-height: 28px;
  padding: 0 60px;
  text-align: center;
}

.overview-content .k .li1 {
  background: url(k1.png) 50% 78px no-repeat;
}

.overview-content .k .li2 {
  background: url(k2.png) 50% 78px no-repeat;
}

.overview-content .k .li3 {
  background: url(k3.png) 50% 78px no-repeat;
}

.overview-content .k .li4 {
  background: url(k4.png) 50% 78px no-repeat;
}

.overview-content .k .li1,
.overview-content .k .li3 {
  background-color: #eeeeee;
}

.overview-content .k .li2,
.overview-content .k .li4 {
  background-color: #e5e5e5;
}

.overview-content .k .note {
  color: #6e6e6e;
  font-size: 16px;
  line-height: 80px;
  text-align: center;
}

@media screen and (max-width: 736px) {
  html {
    -webkit-text-size-adjust: none;
    font-size: 65%;
  }

  .overview-content {
    min-width: 320px;
  }

  .overview-content .mobile-layout {
    display: block;
  }

  .overview-content .m-regular {
    font-weight: 400;
  }

  .overview-content .w1200 {
    width: auto;
  }

  .overview-content .a {
    background: #000000;
    height: auto;
  }

  .overview-content .a .mobile-layout {
    background: #000000 url(mobile/a.jpg) 50% 0 / 100% auto no-repeat;
    height: 0;
    padding-bottom: 133%;
  }

  .overview-content .a h1,
  .overview-content .a .mobile-layout h2,
  .overview-content .a h2[seofix] {
    color: #ffffff;
    font-size: 8.75vw;
    line-height: 1.1;
    padding-top: 75%;
    text-align: center;
  }

  .overview-content .a h1 + p,
  .overview-content .a .mobile-layout h2 + p,
  .overview-content .a h2[seofix] + p {
    color: #ffffff;
    font-size: 3.5vw;
    line-height: 1;
    padding-top: 5%;
    text-align: center;
    width: auto;
  }

  .overview-content .a .w1200 h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 6% 0 6%;
    text-align: left;
  }

  .overview-content .a h4 {
    color: #dcdcdc;
    font-size: 1.8rem;
    line-height: 2.5rem;
    padding: 0 6% 1.5rem 6%;
    text-align: left;
    white-space: nowrap;
  }

  .overview-content .a h4 + p {
    color: #a8a8a8;
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .b {
    background: #000000;
    height: auto;
  }

  .overview-content .b .w1200 {
    padding: 0;
  }

  .overview-content .b .left {
    border: none;
    float: none;
    height: auto;
    width: auto;
  }

  .overview-content .b .left h2 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 2rem 6% 1.5rem 6%;
  }

  .overview-content .b .left .li1 {
    padding: 0 0 0 6%;
    width: 44%;
  }

  .overview-content .b .left .li2 {
    padding: 0 6% 0 0;
    width: 44%;
  }

  .overview-content .b .left h1,
  .overview-content .b .left h5,
  .overview-content .b .left h2[seofix] {
    font-size: 5rem;
    line-height: 4rem;
  }

  .overview-content .b .left h1 span,
  .overview-content .b .left h5 span,
  .overview-content .b .left h2[seofix] span {
    font-size: 3.5rem;
  }

  .overview-content .b .left p {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .overview-content .b .left ul:after {
    clear: both;
    content: "";
    display: block;
  }

  .overview-content .b .right {
    float: none;
    height: auto;
    padding: 2rem 0;
    width: auto;
  }

  .overview-content .b .right li {
    clear: both;
    height: 6.4vw;
  }

  .overview-content .b .right li span {
    font-size: 3.5vw;
    line-height: 6.4vw;
    padding: 0 0 0 6%;
    width: 16vw;
  }

  .overview-content .b .right li b {
    height: 1vw;
    margin-top: 2.7vw;
  }

  .overview-content .b .right .li1 b {
    width: 1.65vw;
  }

  .overview-content .b .right .li2 b {
    width: 4.73vw;
  }

  .overview-content .b .right .li3 b {
    width: 50.6vw;
  }

  .overview-content .b .right li i {
    font-size: 3.5vw;
    line-height: 6.4vw;
    text-indent: 1.8vw;
  }

  .overview-content .c {
    background: #eff4fc url(mobile/c.jpg) 50% 100% / 100% auto no-repeat;
    height: 0;
    padding-bottom: 118%;
  }

  .overview-content .c h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 6% 2rem 6%;
    text-align: center;
  }

  .overview-content .c ul {
    width: auto;
  }

  .overview-content .c li {
    padding-top: 10vw;
  }

  .overview-content .c .li1 {
    background: url(mobile/c1.png) 50% 0 / 10vw auto no-repeat;
    width: 25%;
  }

  .overview-content .c .li2 {
    background: url(mobile/c2.png) 50% 0 / 10vw auto no-repeat;
    width: 48%;
  }

  .overview-content .c .li3 {
    background: url(mobile/c3.png) 50% 0 / 10vw auto no-repeat;
    width: 25%;
  }

  .overview-content .c li canvas {
    display: none;
  }

  .overview-content .c p {
    font-size: 3.5vw;
    line-height: 4vw;
    padding: 2vw 0 0 0;
  }

  .overview-content .d {
    background: #0d0f1e;
    height: auto;
  }

  .overview-content .d .text {
    float: none;
    width: auto;
  }

  .overview-content .d .text h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 6% 2rem 6%;
  }

  .overview-content .d .text p {
    background: url(mobile/d.png) 0 100% / 100% auto no-repeat;
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0 6% 54% 6%;
  }

  .overview-content .d .desc {
    float: none;
    padding: 0 6% 3rem 20%;
    width: auto;
  }

  .overview-content .d .desc img {
    background: url(mobile/arrow-bg.png) 50% -1.3vw / 12vw auto no-repeat;
    left: 6%;
    top: 9vw;
    width: 12%;
  }

  .overview-content .d .desc p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 10% 0 0 0;
  }

  .overview-content .d .desc a {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  .overview-content .e {
    background: #eeeeee;
    height: auto;
  }

  .overview-content .e .w1200 {
    height: auto;
  }

  .overview-content .e .text {
    padding: 0 6%;
  }

  .overview-content .e .text h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 0 2rem 0;
    width: auto;
  }

  .overview-content .e .text p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0;
    width: auto;
  }

  .overview-content .e .su-mimo {
    height: auto;
    margin: 3rem auto 0 auto;
    position: relative;
    width: 60%;
  }

  .overview-content .e .su-mimo ul {
    background: url(mobile/su-mimo.png) 50% 100% / 100% auto no-repeat;
    height: 0;
    padding-top: 61%;
    position: absolute;
    width: 100%;
  }

  .overview-content .e .su-mimo li {
    bottom: 0;
    left: 0;
    height: 0;
    padding-top: 61%;
    width: 100%;
  }

  .overview-content .e .su-mimo h3 {
    padding: 68% 0 0 0;
  }

  .overview-content .e .su-mimo .li1,
  .overview-content .e .su-mimo .li2,
  .overview-content .e .su-mimo .li3,
  .overview-content .e .su-mimo .router,
  .overview-content .e .mu-mimo .li1,
  .overview-content .e .mu-mimo .li2,
  .overview-content .e .mu-mimo .li3,
  .overview-content .e .mu-mimo .router {
    background-size: 100% auto;
  }

  .overview-content .e .mu-mimo {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 88%;
  }

  .overview-content .e .mu-mimo ul {
    background: url(mobile/mu-mimo.png) 50% 100% / 100% auto no-repeat;
    height: 0;
    padding-top: 72%;
    position: absolute;
    width: 100%;
  }

  .overview-content .e .mu-mimo li {
    bottom: auto;
    left: 0;
    height: 0;
    padding-bottom: 80%;
    top: 0;
    width: 100%;
  }

  .overview-content .e .mu-mimo h3 {
    padding: 80% 0 0 0;
  }

  .overview-content .e .su-mimo h3,
  .overview-content .e .mu-mimo h3 {
    font-size: 1.5rem;
    line-height: 1.25rem;
  }

  .overview-content .e .su-mimo p,
  .overview-content .e .mu-mimo p {
    font-size: 1.25rem;
    line-height: 1.25rem;
    padding: 0 0 3rem 0;
  }

  .overview-content .f {
    background: #232323 url(mobile/f.png) 50% 100% / 100% auto no-repeat;
    height: auto;
    padding-bottom: 54%;
    position: relative;
  }

  .overview-content .f .w1200,
  .overview-content .f .text {
    height: auto;
    position: static;
  }

  .overview-content .f1,
  .overview-content .f2,
  .overview-content .f3 {
    display: none;
  }

  .overview-content .f h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 6% 2rem 6%;
    text-align: left;
  }

  .overview-content .f p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    text-align: left;
    padding: 0 6%;
    width: auto;
  }

  .overview-content .f h4 {
    bottom: 0;
    font-size: 1rem;
    left: 0;
    padding: 0 0 40% 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    text-indent: -1vw;
  }

  .overview-content .g .top h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 6% 2rem 6%;
    text-align: left;
  }

  .overview-content .g .top p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0 6% 2rem 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .g .bottom {
    height: auto;
  }

  .overview-content .g .bottom > div {
    position: static;
  }

  .overview-content .g .g2,
  .overview-content .g .g4,
  .overview-content .g .g5 {
    display: none;
  }

  .overview-content .g .bottom .g1 {
    background: url(mobile/g1.jpg) 50% 0 / 100% auto no-repeat;
    height: 0;
    padding-bottom: 46%;
  }

  .overview-content .g .bottom .g3 {
    background: url(mobile/g2.jpg) 50% 0 / 100% auto no-repeat;
    height: 0;
    padding-bottom: 67%;
  }

  .overview-content .g .bottom .g1 h2,
  .overview-content .g .bottom .g3 h2 {
    font-size: 2rem;
    line-height: 2rem;
    padding: 5% 0 0 0;
  }

  .overview-content .g .bottom .g1 h4,
  .overview-content .g .bottom .g3 h4 {
    font-size: 1.25rem;
    line-height: 2rem;
    padding: 0;
  }

  .overview-content .h {
    background: #000000 url(mobile/h.jpg) 50% 100% / 100% auto no-repeat;
    height: auto;
    padding-bottom: 120%;
    position: relative;
  }

  .overview-content .h .w1200 {
    background: none;
    height: auto;
    position: static;
  }

  .overview-content .h .text h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 4rem 6% 2rem 6%;
    text-align: left;
  }

  .overview-content .h .text p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .h canvas {
    display: none;
  }

  .overview-content .h .beamforming {
    bottom: 0;
    height: auto;
    top: auto;
  }

  .overview-content .h .beamforming p {
    bottom: 0;
    font-size: 0.8rem;
    line-height: 2rem;
    padding-bottom: 8.5%;
    top: auto;
    white-space: nowrap;
  }

  .overview-content .h .beamforming .p1 {
    left: 16%;
  }

  .overview-content .h .beamforming .p2 {
    left: 32.5%;
  }

  .overview-content .h .beamforming .p3 {
    left: 58%;
  }

  .overview-content .i {
    background: url(mobile/i.jpg) 50% 0 / 100% auto no-repeat;
    font-size: 1.75rem;
    height: 0;
    line-height: 2rem;
    padding: 42% 0 47% 0;
    text-indent: 2rem;
  }

  .overview-content .j {
    background: #212224 url(mobile/j.png) 50% 0 / 100% auto no-repeat;
    height: auto;
  }

  .overview-content .j h4 {
    font-size: 1rem;
    line-height: 2rem;
    width: 10rem;
  }

  .overview-content .j .p1 {
    padding-top: 33%;
    right: 58%;
    top: 0;
  }

  .overview-content .j .p2 {
    padding-top: 49%;
    right: 26%;
    top: 0;
  }

  .overview-content .j li {
    display: block;
    font-size: 0.75rem;
    line-height: 1rem;
    width: 20%;
  }

  .overview-content .j .ul1 {
    width: 100%;
  }

  .overview-content .j .ul1 li {
    padding-top: 47%;
    top: 0;
  }

  .overview-content .j .ul1 .li1 {
    left: 2%;
  }

  .overview-content .j .ul1 .li2 {
    left: 12%;
  }

  .overview-content .j .ul1 .li3 {
    left: 21%;
  }

  .overview-content .j .ul1 .li4 {
    left: 30%;
  }

  .overview-content .j .ul2 {
    width: 100%;
  }

  .overview-content .j .ul2 li {
    padding-top: 62.5%;
    top: 0;
  }

  .overview-content .j .ul2 .li1 {
    left: 36%;
  }

  .overview-content .j .ul2 .li2 {
    left: 46%;
  }

  .overview-content .j .ul2 .li3 {
    left: 56%;
  }

  .overview-content .j .ul2 .li4 {
    left: 64%;
  }

  .overview-content .j .text {
    height: auto;
    padding-top: 72%;
    position: static;
    width: auto;
  }

  .overview-content .j .text h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 0 6% 2rem 6%;
  }

  .overview-content .j .text p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0 6% 3rem 6%;
  }

  .overview-content .k ul {
    background-color: #eeeeee;
    padding-bottom: 12vw;
  }

  .overview-content .k li {
    float: none;
    height: auto;
    padding: 0 0 0 25%;
    width: auto;
  }

  .overview-content .k li h4 {
    font-size: 2.5rem;
    line-height: 3rem;
    padding: 12vw 6% 1rem 0;
    text-align: left;
  }

  .overview-content .k li p {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 0 6% 0 0;
    text-align: left;
  }

  .overview-content .k .li1,
  .overview-content .k .li2,
  .overview-content .k .li3,
  .overview-content .k .li4 {
    background-color: #eeeeee;
    background-size: 15vw auto;
    background-position: 8% 12vw;
  }

  .overview-content .k .note {
    font-size: 1.75rem;
    line-height: 2.5rem;
    padding: 3rem 6%;
    text-align: left;
  }
}