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

@font-face {
  font-weight: 400;
  src: url('https://static.tp-link.com/resources/fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
  src: url('https://static.tp-link.com/resources/fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('https://static.tp-link.com/resources/fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),  url('https://static.tp-link.com/resources/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),  url('https://static.tp-link.com/resources/fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  /* IE9*/
  /* iOS 4.1- */
}

.overview-content {
  font: 13px/1.5 Arial, Helvetica, sans-serif;
}

.overview-content .pa8010 {
  width: 100%;
  font-size: 18px;
  color: #3e3a39;
  font-weight: 300;
  margin: 0 auto;
  text-align: left;
}

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

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

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

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

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

.overview-content .pa8010 {
  font-size: 18px;
  color: #000;
  font-weight: 300;
  text-align: left;
}

.overview-content .pa8010 h1,
.overview-content .pa8010 h2[seofix] {
  font-size: 48px;
  padding: 270px 0 0 275px;
}

.overview-content .pa8010 h2 {
  font-size: 36px;
  line-height: 120%;
  padding-bottom: 30px;
  font-weight: 300;
}

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

.overview-content .pa8010 .a .text {
  width: 250px;
  height: 150px;
  position: absolute;
  right: 90px;
  top: 300px;
}

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

.overview-content .pa8010 .b .b2 {
  display: none;
}

.overview-content .pa8010 .b .circle {
  position: absolute;
  left: 73px;
  top: 329px;
}

.overview-content .pa8010 .b h2 {
  padding-left: 275px;
  padding-top: 0;
  width: 400px;
}

.overview-content .pa8010 .b .b1{
  padding-top:235px;
}

.overview-content .pa8010 .b .desc {
  padding-left: 275px;
  width: 630px;
  padding-bottom: 30px;
}

.overview-content .pa8010 .b .desc1 {
  padding-left: 275px;
  font-size: 14px;
  width: 400px;
}

.overview-content .pa8010 .b .mimo {
  position: absolute;
  left: -11px;
  top: 451px;
}

.overview-content .pa8010 .mimo2 {
  height: 1042px;
  background: #192135 url(mimo.jpg) 50% 0 no-repeat;
  color: #d6d6d8;
}

.overview-content .pa8010 .mimo2 .text {
  padding: 50px 0 0 272px;
}

.overview-content .pa8010 .mimo2 h2 {
  padding-top: 0;
  color: #fff;
}

.overview-content .pa8010 .mimo2 h2 span {
  display: block;
  margin: 18px 0 0 230px;
}

.overview-content .pa8010 .mimo2 p.small_title {
  width: 299px;
  margin: 0px 0 20px -20px;
  padding-left: 20px;
  background: url(list.png) 0 50% no-repeat;
  font-size: 24px;
}

.overview-content .pa8010 .mimo2 p.second {
  background-position: 0 21%;
}

.overview-content .pa8010 .mimo2 .desc {
  width: 655px;
}

.overview-content .pa8010 .mimo2 .wBlue {
  margin: 125px 0 0 116px;
  color: #0c5c9a;
  font-size: 14px;
}

.overview-content .pa8010 .mimo2 .wBlue span {
  margin-left: 193px;
}

.overview-content .pa8010 .mimo2 .lBlue {
  margin: 55px 0 43px 118px;
  color: #33ffff;
}

.overview-content .pa8010 .mimo2 .lBlue span {
  margin-left: 290px;
}

.overview-content .pa8010 .mimo2 ul {
  margin: 30px 0 0 20px;
  color: #217a82;
  font-size: 14px;
}

.overview-content .pa8010 .mimo2 .li2 {
  margin-top: 28px;
}

.overview-content .pa8010 .mimo2 .li3 {
  margin-top: 25px;
}

.overview-content .pa8010 .mimo2 .secondBlue {
  margin: 15px 0 10px 220px;
  color: #33ffff;
}

.overview-content .pa8010 .mimo2 .secondBlue span {
  margin-left: 198px;
}

.overview-content .pa8010 .mimo2 .note {
  color: #217a82;
  font-size: 14px;
}

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

.overview-content .pa8010 .c h2 {
  padding: 50px 0 30px 275px;
}

.overview-content .pa8010 .c p {
  padding-left: 275px;
  padding-right: 59px;
}

.overview-content .pa8010 .c ul {
  font-size: 14px;
}

.overview-content .pa8010 .c ul li {
  position: absolute;
}

.overview-content .pa8010 .c ul .game {
  left: 6px;
  top: 680px;
}

.overview-content .pa8010 .c ul .tv {
  top: 680px;
  left: 219px;
}

.overview-content .pa8010 .c ul .computer {
  top: 560px;
  left: 504px;
}

.overview-content .pa8010 .d {
  background: #172036;
  height: 350px;
  color: #fff;
}

.overview-content .pa8010 .d h2 {
  padding-top: 70px;
  color: #fff;
}

.overview-content .pa8010 .d p {
  width: 410px;
  margin-top: -10px;
}

.overview-content .pa8010 .d .circle {
  position: absolute;
  right: 0px;
  top: 70px;
}

.overview-content .pa8010 .d img {
  position: absolute;
  right: -6px;
  top: 97px;
}

.overview-content .pa8010 .f {
  background: #f5f5f5;
  height: 630px;
}

.overview-content .pa8010 .f .w960 {
  background: url(f.jpg) 11% 70% no-repeat;
  height: 500px;
}

.overview-content .pa8010 .f h2 {
  padding: 185px 0 20px 520px;
}

.overview-content .pa8010 .f p {
  padding-left: 520px;
  padding-right: 7px;
}

.overview-content .pa8010 .f ul {
  position: absolute;
  left: 250px;
  top: 185px;
}

.overview-content .pa8010 .f ul .li2 {
  padding-top: 120px;
}

.overview-content .pa8010 .f p:nth-of-type(2) {
  padding: 125px 25px 0 0;
  font-weight: 400;
  text-align: left;
  font-size: 15px;
}

@media screen and (max-width:736px) {
  html,
  body {
    width: auto;
    min-width: 0;
    -webkit-text-size-adjust: none;
  }

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

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

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

  .overview-content .pa8010 .b {
    background-image: url(mobile/b-bg.jpg);
    background-size: 100% 1px;
    height: auto;
    background-repeat: repeat-y;
  }

  .overview-content .pa8010 .b .b1 {
    background-image: url(mobile/b1.jpg);
    background-size: 100% auto;
    height: auto;
    padding-top:0;
    background-repeat: no-repeat;
  }

  .overview-content .pa8010 .b h1,
  .overview-content .pa8010 .b h2[seofix] {
    font-size: 30px;
    padding: 24% 6% 0 16%;
  }

  .overview-content .pa8010 .b h2 {
    font-size: 20px;
    padding: 0 6% 20px 17%;
    width: 200px;
  }

  .overview-content .pa8010 .b .desc {
    font-size: 18px;
    padding: 0 6% 0 17%;
    width: auto;
  }

  .overview-content .pa8010 .b .desc1 {
    font-size: 14px;
    padding: 20px 6% 20px 17%;
    width: auto;
  }

  .overview-content .pa8010 .b .mimo,
  .overview-content  .pa8010 .b .circle object {
    display: none;
  }

  .overview-content .pa8010 .b .circle {
    background-image: url(mobile/b2.jpg);
    background-size: 100% auto;
    height: 0;
    padding-bottom: 17.5%;
    background-position: bottom;
    position: static;
  }

  .overview-content .pa8010 .mimo2 {
    background-image: url(mobile/mimo2-bg.jpg);
    background-size: 100% 1px;
    background-repeat: repeat-y;
    height: auto;
  }

  .overview-content .pa8010 .mimo2 .text {
    padding: 0;
  }

  .overview-content .pa8010 .mimo2 h2 {
    font-size: 20px;
    padding: 50px 6% 0 17%;
  }

  .overview-content .pa8010 .mimo2 h2 span {
    display: block;
    background-image: url(mobile/mimo2-1.jpg);
    background-size: 100% 100%;
    height: 0;
    margin: 0;
    padding-bottom: 11%;
  }

  .overview-content .pa8010 .mimo2 p.small_title {
    margin: 0;
    padding: 10px 6% 10px 17%;
    font-size: 17px;
    background-origin: content-box;
    background-position: -10px 10px;
    width: auto;
  }

  .overview-content .pa8010 .mimo2 .desc {
    width: auto;
    font-size: 18px;
    margin: 0;
    padding: 0 6% 0 17%;
  }

  .overview-content .pa8010 .mimo2 .lBlue,
  .overview-content .pa8010 .mimo2 ul {
    display: none;
  }

  .overview-content .pa8010 .mimo2 .wBlue {
    background-image: url(mobile/mimo2-2.jpg);
    background-size: 100% 100%;
    height: 0;
    margin: 10px 0;
    width: auto;
    padding-bottom: 21.6%;
    color: transparent;
  }

  .overview-content .pa8010 .mimo2 .secondBlue {
    background-image: url(mobile/mimo2-3.jpg);
    background-size: 100% 100%;
    height: 0;
    margin: 20px 0 0 0;
    width: auto;
    padding-bottom: 21.6%;
    color: transparent;
  }

  .overview-content .pa8010 .mimo2 .note {
    padding: 20px 6% 20px 17%;
  }

  .overview-content .pa8010 .c {
    background-image: url(mobile/c-bg.jpg);
    background-size: 100% 1px;
    background-repeat: repeat-y;
    height: auto;
  }

  .overview-content .pa8010 .c h2 {
    padding: 30px 6% 0 17%;
    font-size: 30px;
    margin: 0;
  }

  .overview-content .pa8010 .c p {
    padding: 20px 6% 0 17%;
    font-size: 18px;
    margin: 0;
  }

  .overview-content .pa8010 .c .w960 {
    background-image: url(mobile/c.jpg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 70%;
  }

  .overview-content .pa8010 .d {
    background-image: url(mobile/d.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    height: auto;
    padding-bottom: 50%;
  }

  .overview-content .pa8010 .d h2 {
    padding: 30px 6% 0 6%;
    font-size: 30px;
    margin: 0;
  }

  .overview-content .pa8010 .d p {
    padding: 20px 6% 0 6%;
    font-size: 18px;
    margin: 0;
    width: auto;
  }

  .overview-content .pa8010 .d img,
  .overview-content .pa8010 .d .circle {
    display: none;
  }

  .overview-content .pa8010 .f {
    height: auto;
    padding-bottom: 30px;
  }

  .overview-content .pa8010 .f .w960 {
    background: none;
    height: auto;
  }

  .overview-content .pa8010 .f ul {
    position: static;
    margin: 30px 0 10px 0;
    padding: 0;
    height: 0;
    background: url(mobile/f.jpg);
    background-size: 100% 100%;
    padding-bottom: 48%;
  }

  .overview-content .pa8010 .f ul li {
    display: none;
  }

  .overview-content .pa8010 .f  h2 {
    font-size: 30px;
    margin: 0;
    padding: 30px 6% 20px 6%;
  }

  .overview-content .pa8010 .f  p {
    font-size: 18px;
    margin: 0;
    padding: 0 6%;
  }

  .overview-content .pa8010 .f p:nth-of-type(2) {
    padding: 0 6%;
    font-weight: 300;
  }

  .overview-content .pa8010 .f p:nth-of-type(2) br {
    line-height: 200%;
  }

  /**  
	 *	Edit By Adam
	 *	2015/10/26
	*/
}

.overview-content .pa8010 .d img {
  top: 26px;
}

@media screen and (max-width: 736px) {
  .overview-content .pa8010 .d {
    background-image: none;
    padding-bottom: 0;
  }

  .overview-content .pa8010 .d img {
    display: block;
    position: static;
    width: 100%;
  }
}