@font-face {
  font-weight: 300;
  src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
  src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

.overview-content .eap120 {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
}

.overview-content .eap120 .w960 {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 960px;
}

.overview-content .eap120 .clearFix {
  *zoom: 1;
}

.overview-content .eap120 .clearFix:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.overview-content .eap120 .absolute {
  position: absolute;
}

.overview-content .eap120 .relative {
  position: relative;
}

.overview-content .eap120 .preload {
  display: none;
}

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

.overview-content .eap120 h2 {
  font-size: 48px;
  font-weight: 300;
  padding-bottom: 0px;
}

.overview-content .eap120 h3 {
  font-size: 36px;
}

.overview-content .eap120 p {
  margin-bottom: 0px;
}

.overview-content .eap120 strong {
  font-weight: bold;
}

.overview-content .eap120 .hidden {
  display: none;
}

.overview-content .eap120 .nav_right {
  width: 47px;
  height: 227px;
  position: fixed;
  top: 550px;
  right: 32px;
  z-index: 999;
}

.overview-content .eap120 .nav_right li {
  background: url(nav_right.png) 0 0 no-repeat;
  width: 30px;
  height: 25px;
  margin-top: 2px;
  cursor: pointer;
}

.overview-content .eap120 .nav_right li.on {
  background: url(nav_right_on.png) 0 0 no-repeat;
}

.overview-content .eap120 .nav_right #nav_first {
  background: url(nav_home.png) 0 0 no-repeat;
  margin-left: -3px;
}

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

.overview-content .eap120 .a .toggle {
  width: 136px;
  height: 31px;
  position: absolute;
  top: 750px;
  left: 45%;
  z-index: 999;
}

.overview-content .eap120 .a .toggle li {
  background: url(nav_left.png) 0 0 no-repeat;
  width: 21px;
  height: 21px;
  float: left;
  display: inline-block;
  cursor: pointer;
  margin: 5px 0 5px 10px;
}

.overview-content .eap120 .a .toggle li.on {
  background: url(nav_left_on.png) 0 0 no-repeat;
  margin-top: 4px;
}

.overview-content .eap120 .a .animate {
  position: absolute;
  left: 50%;
  top: -1%;
  margin-left: -960px;
}

.overview-content .eap120 .a .anima {
  position: absolute;
  left: 50%;
  top: -1%;
  margin-left: -960px;
}

.overview-content .eap120 .a .text1 {
  position: absolute;
  left: 50%;
  top: 519px;
  margin-left: -372px;
}

.overview-content .eap120 .a .text2 {
  position: absolute;
  left: 500px;
  top: 120px;
  display: none;
}

.overview-content .eap120 .a .text3 {
  position: absolute;
  left: 50%;
  top: 170px;
  display: none;
}

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

.overview-content .eap120 .b h1,
.overview-content .eap120 .b h2[seofix] {
  font-size: 60px;
  color: #3ec69e;
  position: absolute;
  left: 120px;
  top: 740px;
  line-height: 100%;
  padding:0;
}

.overview-content .eap120 .b p {
  width: 490px;
  padding: 10px 0 0 455px;
}

.overview-content .eap120 .b h2 {
  color: #3ec69e;
  padding: 420px 0 0 455px;
}

.overview-content .eap120 .b h3 {
  margin: 0px 0 0 455px;
}

.overview-content .eap120 .b .desc {
  position: absolute;
  left: -130px;
  top: 770px;
  color: #3ec69e;
  font-weight: 300;
  padding: 0;
  width: 150px;
}

.overview-content .eap120 .c {
  background: url(c.jpg) 50% 0 no-repeat;
  height: 1080px;
  color: #000;
}

.overview-content .eap120 .c h2 {
  width: 400px;
  line-height: 110%;
  padding-top: 170px;
  color: #1c8d6c;
  margin-left: -20px;
}

.overview-content .eap120 .c h2 span {
  font-size: 32px;
  color: #000;
}

.overview-content .eap120 .c ul {
  padding-top: 5px;
}

.overview-content .eap120 .c ul li {
  width: 387px;
  list-style-image: url(li.png);
  padding-top: 8px;
  margin-left: -20px;
}

.overview-content .eap120 .c .desc {
  font-size: 23px;
  line-height: 100%;
  padding: 25px 0 0 90px;
}

.overview-content .eap120 .d {
  background: url(d.jpg) 0 0 no-repeat;
  height: 1080px;
  color: #000;
  text-align: center;
}

.overview-content .eap120 .d .w960 {
  width: 1094px;
}

.overview-content .eap120 .d h2 {
  color: #3ec69e;
  padding-top: 730px;
}

.overview-content .eap120 .d p {
  width: 570px;
  margin: 10px auto 0 auto;
}

.overview-content .eap120 .d p.small {
  width: 509px;
  font-size: 14px;
}

.overview-content .eap120 .d .one1 {
  width: 1094px;
  height: 686px;
  overflow: hidden;
  position: absolute;
}

.overview-content .eap120 .d .img {
  float: left;
  position: absolute;
  width: 1094px;
  overflow: hidden;
}

.overview-content .eap120 .d .imgad1 {
  left: 0px;
  top: 217px;
}

.overview-content .eap120 .d .imgad2 {
  left: 1094px;
  top: 240px;
}

.overview-content .eap120 .d .left {
  position: absolute;
  left: -85px;
  top: 420px;
  cursor: pointer;
}

.overview-content .eap120 .d .right {
  position: absolute;
  right: -85px;
  top: 420px;
  cursor: pointer;
}

.overview-content .eap120 .e {
  background: url(e.jpg) 50% 0 no-repeat;
  height: 1080px;
  text-align: center;
}

.overview-content .eap120 .e h2 {
  color: #3ec69e;
  padding: 80px 0 20px 0;
}

.overview-content .eap120 .e h2 span {
  color: #fff;
  font-size: 40px;
}

.overview-content .eap120 .f {
  background: url(f.jpg) 50% 0 no-repeat;
  height: 1080px;
  text-align: center;
}

.overview-content .eap120 .f h2 {
  color: #3ec69e;
  padding-top: 80px;
}

.overview-content .eap120 .f h3 {
  margin: 0px 0 20px 0;
}

.overview-content .eap120 .g {
  background: url(g.jpg) 50% 0 no-repeat;
  height: 1080px;
  color: #000;
}

.overview-content .eap120 .g h4 {
  font-size: 28px;
  margin-bottom: 10px;
}

.overview-content .eap120 .g ul {
  position: relative;
  top: 200px;
}

.overview-content .eap120 .g .desc1 li {
  position: absolute;
  margin-left: -8px;
}

.overview-content .eap120 .g .desc2 {
  text-align: right;
}

.overview-content .eap120 .g .desc2 li {
  position: absolute;
  right: -15px;
}

.overview-content .eap120 .h {
  background: #afb3b9;
  height: 1080px;
  font-size: 15px;
  font-weight: normal;
}

.overview-content .eap120 .h .img {
  margin: 0 auto;
  width: 617px;
  padding: 125px 0 20px 140px;
}

.overview-content .eap120 .h table th,
.h table tr {
  color: #000;
  border-bottom: 1px solid #fff;
}

.overview-content .eap120 .h table td {
  padding: 10px 20px 10px 20px;
}

@media screen and (max-width:736px) {
  body {
    margin: 0;
  }

  .overview-content .eap120 .w960 {
    width: auto;
  }

  .overview-content .eap120 .a {
    background: url('mobile/a.jpg');
    background-size: 100% auto;
    height: 0;
    padding-bottom: 133.4%;
    width: auto;
  }

  .overview-content .eap120 .a .w960 {
    display: none;
  }

  .overview-content .eap120 .b {
    background-color: rgb(54,67,79);
    background-image: url('mobile/b.jpg');
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 73.4375%;
  }

  .overview-content .eap120 .b h2,
  .overview-content .eap120 .b h3 {
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 120%;
    margin: 0;
    padding: 0 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .b h2 {
    padding-top: 2rem;
  }

  .overview-content .eap120 .b h3 {
    padding-bottom: 1.5rem;
  }

  .overview-content .eap120 .b p {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 145%;
    margin: 0;
    padding: 0px 6% 1.5rem 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .b h1,
  .overview-content .eap120 .b .desc,
  .overview-content .eap120 .b h2[seofix] {
    display: none;
  }

  .overview-content .eap120 .c {
    background-color: rgb(208,203,193);
    background-image: url('mobile/c.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
    padding-bottom: 71.875%;
  }

  .overview-content .eap120 .c h2 {
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 120%;
    margin: 0;
    padding: 3rem 6% 1.5rem 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .c ul {
    margin: 0 6%;
    padding: 0;
  }

  .overview-content .eap120 .c ul li {
    margin: 0;
    padding: 0;
    width: auto;
  }

  .overview-content .eap120 .c .desc,
  .overview-content .eap120 .c br {
    display: none;
  }

  .overview-content .eap120 .d {
    background: url('mobile/d1.jpg');
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 51.2%;
  }

  .overview-content .eap120 .d .w960 {
    background: url('mobile/d2.jpg');
    background-size: 100% 100%;
    width: auto;
  }

  .overview-content .eap120 .d .one1,
  .overview-content .eap120 .d a {
    display: none;
  }

  .overview-content .eap120 .d .ad2 {
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .d h2 {
    display: none;
  }

  .overview-content .eap120 .d h3:before {
    color: rgb(62,198,158);
    content: "Unified WiFi Management";
    display: block;
  }

  .overview-content .eap120 .d h3 {
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 120%;
    margin: 0;
    padding: 2rem 6% 1.5rem 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .d .ad2 p,
  .overview-content .eap120 .d  p {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 145%;
    margin: 0;
    padding: 0px 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .d p.small {
    width: auto;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .overview-content .eap120 .d .ad2 p:after {
    content: "* To be released";
    display: block;
    font-weight: 300;
    font-size: 1rem;
    line-height: 145%;
    margin: 0;
    padding: 0.5rem 0 1.5rem 0;
  }

  .overview-content .eap120 .e {
    background: url('mobile/e1.jpg');
    background-size: 100% auto;
    background-repeat: repeat-y;
    height: auto;
  }

  .overview-content .eap120 .e h2 {
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 120%;
    margin: 0;
    padding: 3rem 6% 1.5rem 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .e h2 span {
    display: block;
    font-size: 1.875rem;
  }

  .overview-content .eap120 .e p {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 145%;
    margin: 0;
    padding: 0px 6% 1rem 6%;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .e .w960 {
    background: url('mobile/e2.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 46.875%;
  }

  .overview-content .eap120 .f {
    background-image: url('mobile/f2.jpg');
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: auto;
    padding-bottom: 102.5%;
  }

  .overview-content .eap120 .f .w960 {
    background: url('mobile/f1.jpg');
    background-size: 100% 100%;
  }

  .overview-content .eap120 .f h2,
  .overview-content .eap120 .f h3 {
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 120%;
    margin: 0;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .f h2 {
    padding: 3rem 6% 0 6%;
  }

  .overview-content .eap120 .f h3 {
    padding: 0 6% 1.5rem 6%;
  }

  .overview-content .eap120 .f h3:after {
    content: "With easy mounting design, PoE power supply, Cluster feature, Centralized management software, Captive portal, Auto RF management, and business hardware, EAP series are specially designed for the high-density, most demanding business environments, including schools, hotels, and enterprises.";
    display: block;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 145%;
    margin: 0;
    padding: 1.5rem 0 0.5rem 0;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .f p {
    display: none;
  }

  .overview-content .eap120 .g {
    background: url('mobile/g1.jpg');
    background-size: 100% 100%;
    height: auto;
    padding: 2rem 0;
  }

  .overview-content .eap120 .g ul {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
  }

  .overview-content .eap120 .g .w960 li {
    display: block;
    margin: 1.5rem 0 1.5rem 1.5rem;
    padding: 0 6% 0 4.5rem;
    position: static;
    text-align: left;
  }

  .overview-content .eap120 .g .w960 .desc1 li:first-of-type {
    background: url('mobile/icon1.png');
    background-repeat: no-repeat;
    background-size: 3rem auto;
  }

  .overview-content .eap120 .g .w960 .desc1 li:first-of-type+li {
    background: url('mobile/icon2.png');
    background-repeat: no-repeat;
    background-size: 3rem auto;
  }

  .overview-content .eap120 .g .w960 .desc1 li:last-of-type {
    background: url('mobile/icon3.png');
    background-repeat: no-repeat;
    background-size: 3rem auto;
  }

  .overview-content .eap120 .g .w960 .desc2 li:first-of-type {
    background: url('mobile/icon4.png');
    background-repeat: no-repeat;
    background-size: 3rem auto;
  }

  .overview-content .eap120 .g .w960 .desc2 li:first-of-type+li {
    background: url('mobile/icon5.png');
    background-repeat: no-repeat;
    background-size: 3rem auto;
  }

  .overview-content .eap120 .g .w960 .desc2 li:last-of-type {
    background: url('mobile/icon6.png');
    background-repeat: no-repeat;
    background-size: 3rem auto;
  }

  .overview-content .eap120 .g .w960 li h4 {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 120%;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .g .w960 li p {
    display: none;
  }

  .overview-content .eap120 .g .w960 li h4:after {
    display: block;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 145%;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
  }

  .overview-content .eap120 .g .w960 .desc1 li:first-of-type h4:after {
    content: "EAP220 compatible with 802.11 a/b/g/n products and EAP120 supports 802.11 b/g/n products";
  }

  .overview-content .eap120 .g .w960 .desc1 li:first-of-type+li h4:after {
    content: "Load balance ensures large numbers of users have smooth network experiences in large business networks";
  }

  .overview-content .eap120 .g .w960 .desc1 li:last-of-type h4:after {
    content: "Multiple operating modes satisfy different application conditions including Managed AP and standalone AP modes";
  }

  .overview-content .eap120 .g .w960 .desc2 li:first-of-type h4:after {
    content: "Adopts Low Smoke Zero Halogen (LSOH) materials for UL2043 compliance";
  }

  .overview-content .eap120 .g .w960 .desc2 li:first-of-type+li h4:after {
    content: "Prevents dust from dropping onto the PCB through bypass louver, which ensures long-term, unhindered operation.";
  }

  .overview-content .eap120 .g .w960 .desc2 li:last-of-type h4:after {
    content: "Prioritizes data, voice, and video applications to ensure time-sensitive traffic takes priority over all other traffic";
  }

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