.overview-content {
  font-size: 16px;
  font-weight: 300;
  overflow-x: hidden;
  margin: 0 auto;
  max-width: 120em
}

.overview-content .regular {
  font-weight: 400 !important
}

.overview-content .medium {
  font-weight: 500 !important
}

.overview-content .bold {
  font-weight: 700 !important
}

.overview-content .text h2 {
  font-size: 3.125em;
  line-height: 1.2;
  font-weight: 400
}

.overview-content .text h3 {
  font-size: 1.875em;
  line-height: 1.2
}

.overview-content .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 1em
}

@media (max-width:1440px) {
  .overview-content {
    font-size: 1.1111vw
  }
}

@media (max-width:736px) {
  .overview-content {
    min-width: 320px;
    font-size: 10.35px
  }

  .overview-content .w1366 {
    width: auto
  }

  .overview-content .text h2 {
    font-size: 2.5em;
    padding: 1.2em 6% .8em
  }

  .overview-content .text h3 {
    font-size: 2em;
    padding: 0 6% 1em
  }

  .overview-content .text p {
    font-size: 1.75em;
    padding: 0 6%
  }

  .overview-content h2 {
    box-sizing: border-box
  }

  .overview-content .section {
    padding-top: 0
  }
}

.overview-content .regular,
.overview-content .regular * {
  font-weight: 400
}

.overview-content .medium,
.overview-content .medium * {
  font-weight: 500
}

.overview-content .bold,
.overview-content .bold * {
  font-weight: 700
}

.overview-content .clearfix:after {
  content: '';
  display: block;
  clear: both
}

.overview-content .t-left {
  text-align: left
}

.overview-content .t-right {
  text-align: right
}

.overview-content .t-center {
  text-align: center
}

.overview-content .pa {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 1em
}

@media (max-width:736px) {
  .overview-content .pa {
    font-size: 1.75rem;
    padding: 0 6%
  }
}

.overview-content .hidden {
  display: none
}

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

.overview-content .table {
  display: table;
  width: 100%
}

.overview-content .table .tr {
  display: table-row
}

.overview-content .table .td {
  display: table-cell
}

.overview-content section {
  position: relative;
  box-sizing: border-box;
  overflow: hidden
}

.overview-content section .bg-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.overview-content section .bg-text .center-block {
  left: 0;
  right: 0;
  margin: auto;
  text-align: center
}

.overview-content section .bg-text .center-block div {
  display: inline-block;
  position: relative
}

.overview-content section .bg-text>div {
  position: absolute
}

.overview-content .note,
.overview-content .note p,
.overview-content .note span,
.overview-content .text .note,
.overview-content .text .note p,
.overview-content .text .note span {
  font-size: .875em
}

.overview-content .w750 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 46.875em
}

@media (max-width:1080px) and (min-width:737px) {
  .overview-content .w750 {
    width: 52.078125vw
  }
}

@media (max-width:736px) {

  .overview-content .note,
  .overview-content .text .note {
    padding: 0 6%;
    font-size: 1.2rem
  }

  .overview-content .note p,
  .overview-content .note span,
  .overview-content .text .note p,
  .overview-content .text .note span {
    font-size: 1.2rem
  }

  .overview-content ul {
    padding: 0 6%
  }

  .overview-content .w750 {
    width: auto
  }
}

.overview-content .w1366 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 85.375em
}

@media (max-width:1080px) and (min-width:737px) {
  .overview-content .w1366 {
    width: 94.851625vw
  }
}

@media (max-width:736px) {
  .overview-content .w1366 {
    width: auto
  }
}

.overview-content .w1600 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 83.33333333333334%
}

@media (max-width:736px) {
  .overview-content .w1600 {
    width: auto
  }
}

.overview-content .w1670 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 86.97916666666666%
}

@media (max-width:736px) {
  .overview-content .w1670 {
    width: auto
  }
}

.overview-content .w1800 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 93.75%
}

#tapo-c100_v1 {
  width: 100%
}

#tapo-c100_v1 h2 {
  font-weight: 500
}

#tapo-c100_v1 .bg-bottom:after {
  content: '';
  display: block;
  width: 100%;
  height: 0
}

@media (min-width:737px) {
  #tapo-c100_v1 h2 {
    font-size: 2.875em
  }

  #tapo-c100_v1 p {
    font-size: 1.375em
  }
}

#tapo-c100_v1 .a {
  background: url(https://static-product.tp-link.com/tapo-c110_v1/img/01-bg_20210319100511.jpg) center/cover no-repeat;
  min-height: 53.125em;
  padding: 14.0625em 0;
  color: #25434e
}

#tapo-c100_v1 .a .text {
  width: 44%;
  float: right
}

#tapo-c100_v1 .a .title {
  padding-top: .5em;
  font-size: 4.0625em
}

#tapo-c100_v1 .a .title-prev {
  padding-top: 0;
  font-size: 2.5em
}

#tapo-c100_v1 .a .title-sub {
  padding-top: .333333333333333em;
  font-size: 1.875em
}

#tapo-c100_v1 .a .model {
  display: inline-block;
  background-color: #72a4ff;
  margin-top: 1em;
  padding: .8em 1em;
  border-radius: .625em;
  color: #fff
}

#tapo-c100_v1 .a .model span {
  font-size: 1.75em;
  line-height: 1;
  font-weight: 500
}

#tapo-c100_v1 .a .tags {
  padding-top: 1em;
}

#tapo-c100_v1 .a .tags span {
  border: 1px solid #324251;
  border-radius: .625em;
}

#tapo-c100_v1 .tag-aa {
  display: inline-block;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c210_v1/img/tag-amazon-alexa_20210320062214.jpg) center/98% auto no-repeat;
  width: 8.875em;
  height: 3.625em;
}

#tapo-c100_v1 .a .tags span+span {
  margin-left: .625em;
}

#tapo-c100_v1 .tag-ga {
  display: inline-block;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c210_v1/img/tag-google-assistant_20210320062155.jpg) center/98% auto no-repeat;
  width: 12.625em;
  height: 3.625em;
}

@media (max-width:736px) {
  #tapo-c100_v1 .a .title-extra {
    padding: 0 6%;
  }

  #tapo-c100_v1 .tag-aa {
    width: 19.29347826086957vw;
    height: 7.880434782608696vw
  }

  #tapo-c100_v1 .tag-ga {
    width: 27.44565217391304vw;
    height: 7.880434782608696vw;
  }
}

#tapo-c100_v1 .b {
  padding: 6.25em 0;
  color: #566973
}

#tapo-c100_v1 .b .content ul {
  text-align: center
}

#tapo-c100_v1 .b .content li {
  display: inline-block;
  text-align: center;
  width: 16.333333333333336%;
  vertical-align: top
}

#tapo-c100_v1 .b .content li .icon {
  width: 5.625em;
  height: 5.625em;
  margin: 0 auto;
  background-image: url(https://static-product.tp-link.com/tapo-c110_v1/img/02-icons_20210319100538.png);
  background-size: 33.75em 5.625em;
  background-repeat: no-repeat
}

#tapo-c100_v1 .b .content li .title {
  padding-top: 1.363636363636364em;
  font-size: 1.375em;
  font-weight: 500
}

#tapo-c100_v1 .b .content li.li-1 .icon {
  background-position: 0 0
}

#tapo-c100_v1 .b .content li.li-2 .icon {
  background-position: -5.625em 0
}

#tapo-c100_v1 .b .content li.li-3 .icon {
  background-position: -11.25em 0
}

#tapo-c100_v1 .b .content li.li-4 .icon {
  background-position: -16.875em 0
}

#tapo-c100_v1 .b .content li.li-5 .icon {
  background-position: -22.5em 0
}

#tapo-c100_v1 .b .content li.li-6 .icon {
  background-position: -28.125em 0
}

@media (max-width:1920px) {
  #tapo-c100_v1 .b {
    padding-top: 5.208333333333334vw
  }
}

@media (max-width:1500px) {
  #tapo-c100_v1 .b .w1500 {
    width: 100%
  }
}

#tapo-c100_v1 .c {
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/03-bg.jpg) left bottom/contain no-repeat;
  padding-top: 3.75em
}

#tapo-c100_v1 .c:after {
  padding-top: 43.22916666666667%
}

#tapo-c100_v1 .d {
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/04-bg.jpg) right bottom/contain no-repeat;
  margin-top: 10.9375em
}

#tapo-c100_v1 .d:after {
  padding-top: 24.479166666666668%
}

#tapo-c100_v1 .d .text {
  width: 26%
}

#tapo-c100_v1 .e {
  background: url(https://static-product.tp-link.com/tapo-c110_v1/img/05-bg_20210319100604.jpg) bottom/contain no-repeat;
  padding-top: 9.375em
}

#tapo-c100_v1 .e:after {
  padding-top: 33.85416666666667%
}

#tapo-c100_v1 .f {
  text-align: center;
  padding-top: 6.875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/06-bg.jpg) bottom/contain no-repeat
}

#tapo-c100_v1 .f:after {
  padding-top: 44.01041666666667%
}

#tapo-c100_v1 .f .bg-text {
  top: auto;
  bottom: 0;
  height: 0;
  padding-top: 40.46875%
}

#tapo-c100_v1 .f .bg-text .dialog {
  left: 23.4375%;
  right: 60.416666666666664%;
  top: 12.87001287001287%;
  background-color: #daebff;
  box-sizing: border-box;
  padding: .6em .8em;
  border-radius: 1em;
  box-shadow: 3px 5px 5px #dbdcdd;
  font-size: 1.875em;
  line-height: 1.266666666666667
}

#tapo-c100_v1 .f .bg-text .dialog .tri {
  position: absolute;
  right: .3em;
  top: 100%;
  height: 1em;
  width: 3em;
  overflow: hidden
}

#tapo-c100_v1 .f .bg-text .dialog .tri:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  width: 50%;
  height: 100%;
  bottom: 50%;
  background-color: #daebff;
  transform: skew(10deg, 27deg);
  transform-origin: bottom right;
  box-shadow: 3px 5px 5px #dbdcdd
}

#tapo-c100_v1 .g {
  padding-top: 7.5em;
  padding-bottom: 6.25em;
  background-color: #def0fe;
  text-align: center
}

#tapo-c100_v1 .g .icons {
  margin-top: 4.375em;
  text-align: center
}

#tapo-c100_v1 .g .icons li {
  display: inline-block;
  padding: 0 12%;
  box-sizing: border-box;
  width: 49%;
  vertical-align: top
}

#tapo-c100_v1 .g .icons li.li-1 .icon {
  background-position: 0 0
}

#tapo-c100_v1 .g .icons li.li-2 .icon {
  background-position: -6.875em 0
}

#tapo-c100_v1 .g .icons .title {
  padding-top: .333333333333333em;
  font-size: 1.875em;
  color: #313d3e
}

#tapo-c100_v1 .g .icons .desc {
  padding-top: .227272727272727em;
  font-size: 1.375em;
  color: #192324
}

#tapo-c100_v1 .g .icons .icon {
  background: url(https://static-product.tp-link.com/tapo-c110_v1/img/07-icons_20210319100622.png) no-repeat;
  background-size: 13.75em 6.25em;
  height: 6.25em;
  width: 6.875em;
  margin: 0 auto
}

#tapo-c100_v1 .h {
  text-align: center;
  padding-top: 4.6875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/08-bg.jpg) bottom/contain no-repeat
}

#tapo-c100_v1 .h:after {
  padding-top: 39.0625%
}

#tapo-c100_v1 .i {
  text-align: center;
  padding: 18.75em 0;
  min-height: 62em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/09-bg.jpg) bottom/cover no-repeat
}

#tapo-c100_v1 .i .text {
  width: 40%
}

#tapo-c100_v1 .i .text p {
  padding-top: 3em;
  width: 65%
}

#tapo-c100_v1 .j {
  min-height: 77.8125em;
  padding-top: 10.9375em;
  padding-bottom: 5.3125em;
  color: #313d3e
}

@media (max-width:1920px) {
  #tapo-c100_v1 .j {
    min-height: 64.84375vw;
    padding-top: 9.114583333333334vw;
    padding-bottom: 4.427083333333334vw
  }
}

#tapo-c100_v1 .j .left,
#tapo-c100_v1 .j .right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}

#tapo-c100_v1 .j .left {
  width: 40%;
  padding-right: 6.25em;
  text-align: right
}

#tapo-c100_v1 .j .left .phone-wrapper {
  position: relative;
  display: inline-block;
  width: 26.875em;
  height: 55.45025510204082em
}

#tapo-c100_v1 .j .left .phone,
#tapo-c100_v1 .j .left .screen {
  position: absolute;
  top: 0;
  left: 0
}

#tapo-c100_v1 .j .left .phone {
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-phone.png) center/contain no-repeat
}

#tapo-c100_v1 .j .left .screen {
  top: .9375em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 25em;
  height: 52.77777777777778em;
  opacity: 0;
  border-radius: 1.25em;
  transition: .5s
}

#tapo-c100_v1 .j .right {
  width: 50%;
  padding-top: 6.25em
}

#tapo-c100_v1 .j .right .options {
  margin-top: .625em
}

#tapo-c100_v1 .j .right .options li {
  padding-top: 3.125em
}

#tapo-c100_v1 .j .right .options li:before {
  display: inline-block;
  background-color: #d9d9d9;
  width: 1.5625em;
  height: 1.5625em;
  margin-top: 1%;
  margin-right: .625em;
  line-height: 1.5625em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  vertical-align: top;
  transition: .5s
}

#tapo-c100_v1 .j .right .options li.hover .line,
#tapo-c100_v1 .j .right .options li.hover:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff)
}

#tapo-c100_v1 .j .right .options li:nth-child(1):before {
  content: '1'
}

#tapo-c100_v1 .j .right .options li:nth-child(2):before {
  content: '2'
}

#tapo-c100_v1 .j .right .options li:nth-child(3):before {
  content: '3'
}

#tapo-c100_v1 .j .right .options li:nth-child(4):before {
  content: '4'
}

#tapo-c100_v1 .j .right label.title {
  display: inline-block;
  width: 90%;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5625em;
  cursor: pointer;
  transform: scale(1);
  transform-origin: left;
  transition: .5s
}

#tapo-c100_v1 .j .right .line,
#tapo-c100_v1 .j .right p.desc {
  box-sizing: border-box;
  margin-top: .9375em
}

#tapo-c100_v1 .j .right .line {
  width: 3.4375em;
  height: .375em;
  margin-left: 2.5em;
  background-image: none;
  background-color: #d9d9d9;
  border-radius: .1875em;
  transition: .5s
}

#tapo-c100_v1 .j .right p.desc {
  pointer-events: none;
  display: block;
  opacity: 0;
  height: 0;
  margin-left: 1.818181818181818em;
  padding-top: 0;
  overflow: visible;
  font-size: 1.375em;
  transition: height .8s, opacity .8s;
  will-change: height;
  transform: translate3d(0, 0, 0)
}

#tapo-c100_v1 .j .screen {
  background: center/cover no-repeat
}

#tapo-c100_v1 .j .screen-1 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-4.jpg)
}

#tapo-c100_v1 .j .screen-2 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-2.jpg)
}

#tapo-c100_v1 .j .screen-3 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-3.jpg)
}

#tapo-c100_v1 .j .screen-4 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-1.jpg)
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .screen-1 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .screen-2 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .screen-3 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .screen-4 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .k {
  text-align: center;
  min-height: 60em;
  margin-top: 5.3125em;
  padding-top: 7.1875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/11-bg.jpg) top/cover no-repeat;
  color: #fff
}

#tapo-c100_v1 .k .text {
  position: relative
}

#tapo-c100_v1 .k .bg-text {
  bottom: auto;
  top: 0;
  height: 100%;
  font-size: 1.5em
}

#tapo-c100_v1 .k .bg-text .center-block {
  top: 78.125%;
  left: 0;
  right: 0;
  width: 0;
  height: 10em
}

#tapo-c100_v1 .k .bg-text .step1,
#tapo-c100_v1 .k .bg-text .step2,
#tapo-c100_v1 .k .bg-text .step3 {
  position: absolute;
  top: 0;
  width: 18.75em;
  text-align: center;
  font-weight: 400
}

#tapo-c100_v1 .k .bg-text .step1 {
  left: -27.5em
}

#tapo-c100_v1 .k .bg-text .step2 {
  left: -8.125em
}

#tapo-c100_v1 .k .bg-text .step3 {
  left: 10.625em
}

@media (max-width:736px) {
  .overview-content .w1800 {
    width: auto
  }

  #tapo-c100_v1 {
    width: 100%
  }

  #tapo-c100_v1 .section {
    margin: 0;
    padding: 0
  }

  #tapo-c100_v1 .bg-bottom:after {
    content: none
  }

  #tapo-c100_v1 .a {
    display: block;
    background-image: url(https://static-product.tp-link.com/tapo-c110_v1/img/01-bg_20210319102500.jpg);
    min-height: 135.625vw;
    padding-top: 15.625vw;
    padding-bottom: 85.15625vw
  }

  #tapo-c100_v1 .a .text {
    width: 100%
  }

  #tapo-c100_v1 .a .title {
    padding: 1.5625vw 6%;
    font-size: 6.875vw
  }

  #tapo-c100_v1 .a .title-prev {
    font-size: 4.6875vw
  }

  #tapo-c100_v1 .a .title-sub {
    padding-top: 0;
    font-size: 3.4375vw
  }

  #tapo-c100_v1 .a .model {
    margin: 1em 6%;
    font-size: 2.5vw
  }

  #tapo-c100_v1 .b {
    padding-bottom: 9.375vw
  }

  #tapo-c100_v1 .b .content li {
    width: 32%;
    margin-top: 9.375vw;
    vertical-align: top
  }

  #tapo-c100_v1 .b .content li .icon {
    width: 14.0625vw;
    height: 14.0625vw;
    background-size: 84.375vw 14.0625vw
  }

  #tapo-c100_v1 .b .content li .title {
    font-size: 2.5vw
  }

  #tapo-c100_v1 .b .content li.li-1 .icon {
    background-position: 0vw 0
  }

  #tapo-c100_v1 .b .content li.li-2 .icon {
    background-position: -14.0625vw 0
  }

  #tapo-c100_v1 .b .content li.li-3 .icon {
    background-position: -28.125vw 0
  }

  #tapo-c100_v1 .b .content li.li-4 .icon {
    background-position: -42.1875vw 0
  }

  #tapo-c100_v1 .b .content li.li-5 .icon {
    background-position: -56.25vw 0
  }

  #tapo-c100_v1 .b .content li.li-6 .icon {
    background-position: -70.3125vw 0
  }

  #tapo-c100_v1 .c {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/03-bg.jpg);
    background-position: bottom;
    background-size: cover;
    padding-bottom: 116.40625vw;
    color: #fff
  }

  #tapo-c100_v1 .c .text {
    text-align: left
  }

  #tapo-c100_v1 .d {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/04-bg.jpg);
    background-position: bottom;
    background-size: contain;
    padding-bottom: 154.6875vw
  }

  #tapo-c100_v1 .d .text {
    width: 100%
  }

  #tapo-c100_v1 .e {
    background-image: url(https://static-product.tp-link.com/tapo-c110_v1/img/05-bg_20210319102532.jpg);
    padding-bottom: 143.75vw
  }

  #tapo-c100_v1 .e .text {
    text-align: left
  }

  #tapo-c100_v1 .f {
    padding-top: 0;
    text-align: left;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/06-bg.jpg);
    background-color: #f9fafc;
    padding-bottom: 149.21875vw
  }

  #tapo-c100_v1 .f .bg-text {
    padding-top: 139.0625%
  }

  #tapo-c100_v1 .f .bg-text .dialog {
    left: 57.8125%;
    right: 12.5%;
    bottom: 80.89887640449437%;
    top: auto;
    font-size: 2.8125vw
  }

  #tapo-c100_v1 .g {
    background: #dcf7ff;
    text-align: left;
    margin-top: 0
  }

  #tapo-c100_v1 .g .icons {
    margin: 0;
    padding-bottom: 10.9375vw;
    text-align: center
  }

  #tapo-c100_v1 .g .icons li {
    width: 100%;
    margin-top: 12.5vw
  }

  #tapo-c100_v1 .h {
    text-align: left;
    padding-bottom: 203.125vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/08-bg.jpg)
  }

  #tapo-c100_v1 .i {
    text-align: left;
    padding-top: 0;
    padding-bottom: 140.625vw;
    background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/09-bg.jpg) bottom/contain no-repeat #ebedf5
  }

  #tapo-c100_v1 .i .text {
    width: 100%
  }

  #tapo-c100_v1 .i .text p {
    box-sizing: border-box;
    padding: 0 6%;
    width: 100%
  }

  #tapo-c100_v1 .j {
    padding-top: 0;
    padding-bottom: 10.15625vw
  }

  #tapo-c100_v1 .j .content {
    display: flex;
    flex-flow: column
  }

  #tapo-c100_v1 .j .left,
  #tapo-c100_v1 .j .right {
    width: 100%
  }

  #tapo-c100_v1 .j .left {
    order: 2;
    padding: 0;
    padding-top: 20.3125vw;
    text-align: center
  }

  #tapo-c100_v1 .j .left .phone-wrapper {
    width: 55.46875vw;
    height: 114.375vw
  }

  #tapo-c100_v1 .j .left .phone {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-phone.png)
  }

  #tapo-c100_v1 .j .left .screen {
    top: 2.34375vw;
    width: 50.9375vw;
    height: 108.59375vw;
    border-radius: 3.125vw
  }

  #tapo-c100_v1 .j .screen {
    background: center/cover no-repeat
  }

  #tapo-c100_v1 .j .screen-1 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-4.jpg)
  }

  #tapo-c100_v1 .j .screen-2 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-2.jpg)
  }

  #tapo-c100_v1 .j .screen-3 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-3.jpg)
  }

  #tapo-c100_v1 .j .screen-4 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-1.jpg)
  }

  #tapo-c100_v1 .j .right {
    order: 1;
    padding-top: 0
  }

  #tapo-c100_v1 .j .right .options {
    margin-top: 4.6875vw
  }

  #tapo-c100_v1 .j .right .options li {
    padding-top: 1.5625vw
  }

  #tapo-c100_v1 .j .right .options li:before {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-right: 1.25vw;
    margin-top: .78125vw;
    line-height: 4.6875vw;
    vertical-align: top
  }

  #tapo-c100_v1 .j .right label.title {
    display: inline-block;
    width: 80%;
    font-size: 1.352657004830918em !important;
    vertical-align: top
  }

  #tapo-c100_v1 .j .right .line,
  #tapo-c100_v1 .j .right p.desc {
    box-sizing: border-box;
    margin-left: 6.25vw;
    margin-top: 2.34375vw
  }

  #tapo-c100_v1 .j .right .line {
    width: 8.59375vw;
    height: .9375vw;
    border-radius: .144927536231884em
  }

  #tapo-c100_v1 .j .right p.desc {
    display: block;
    font-size: 1.06280193236715em;
    padding: 0
  }

  #tapo-c100_v1 .k {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    min-height: 267.96875vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/11-bg.jpg);
    background-position: bottom;
    background-size: cover
  }

  #tapo-c100_v1 .k .bg-text {
    top: auto;
    bottom: 0;
    height: 100%;
    color: #fff;
    font-size: 4.375vw
  }

  #tapo-c100_v1 .k .bg-text .center-block {
    position: static
  }

  #tapo-c100_v1 .k .bg-text .step {
    box-sizing: border-box;
    width: 80%;
    top: auto;
    left: 0;
    right: 0;
    margin: auto
  }

  #tapo-c100_v1 .k .bg-text .step1 {
    top: 82.03125vw
  }

  #tapo-c100_v1 .k .bg-text .step2 {
    top: 164.0625vw
  }

  #tapo-c100_v1 .k .bg-text .step3 {
    top: 246.09375vw
  }
}

.overview-content {
  font-size: 16px;
  font-weight: 300;
  overflow-x: hidden;
  margin: 0 auto;
  max-width: 120em
}

.overview-content .regular {
  font-weight: 400 !important
}

.overview-content .medium {
  font-weight: 500 !important
}

.overview-content .bold {
  font-weight: 700 !important
}

.overview-content .text h2 {
  font-size: 3.125em;
  line-height: 1.2;
  font-weight: 400
}

.overview-content .text h3 {
  font-size: 1.875em;
  line-height: 1.2
}

.overview-content .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 1em
}

@media (max-width:1440px) {
  .overview-content {
    font-size: 1.1111vw
  }
}

@media (max-width:736px) {
  .overview-content {
    min-width: 320px;
    font-size: 10.35px
  }

  .overview-content .w1366 {
    width: auto
  }

  .overview-content .text h2 {
    font-size: 2.5em;
    padding: 1.2em 6% .8em
  }

  .overview-content .text h3 {
    font-size: 2em;
    padding: 0 6% 1em
  }

  .overview-content .text p {
    font-size: 1.75em;
    padding: 0 6%
  }

  .overview-content h2 {
    box-sizing: border-box
  }

  .overview-content .section {
    padding-top: 0
  }
}

.overview-content .regular,
.overview-content .regular * {
  font-weight: 400
}

.overview-content .medium,
.overview-content .medium * {
  font-weight: 500
}

.overview-content .bold,
.overview-content .bold * {
  font-weight: 700
}

.overview-content .clearfix:after {
  content: '';
  display: block;
  clear: both
}

.overview-content .t-left {
  text-align: left
}

.overview-content .t-right {
  text-align: right
}

.overview-content .t-center {
  text-align: center
}

.overview-content .pa {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 1em
}

@media (max-width:736px) {
  .overview-content .pa {
    font-size: 1.75rem;
    padding: 0 6%
  }
}

.overview-content .hidden {
  display: none
}

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

.overview-content .table {
  display: table;
  width: 100%
}

.overview-content .table .tr {
  display: table-row
}

.overview-content .table .td {
  display: table-cell
}

.overview-content section {
  position: relative;
  box-sizing: border-box;
  overflow: hidden
}

.overview-content section .bg-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.overview-content section .bg-text .center-block {
  left: 0;
  right: 0;
  margin: auto;
  text-align: center
}

.overview-content section .bg-text .center-block div {
  display: inline-block;
  position: relative
}

.overview-content section .bg-text>div {
  position: absolute
}

.overview-content .note,
.overview-content .note p,
.overview-content .note span,
.overview-content .text .note,
.overview-content .text .note p,
.overview-content .text .note span {
  font-size: .875em
}

.overview-content .w750 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 46.875em
}

@media (max-width:1080px) and (min-width:737px) {
  .overview-content .w750 {
    width: 52.078125vw
  }
}

@media (max-width:736px) {

  .overview-content .note,
  .overview-content .text .note {
    padding: 0 6%;
    font-size: 1.2rem
  }

  .overview-content .note p,
  .overview-content .note span,
  .overview-content .text .note p,
  .overview-content .text .note span {
    font-size: 1.2rem
  }

  .overview-content ul {
    padding: 0 6%
  }

  .overview-content .w750 {
    width: auto
  }
}

@media (max-width:1080px) and (min-width:737px) {
  .overview-content .w1366 {
    width: 94.851625vw
  }
}

@media (max-width:736px) {
  .overview-content .w1366 {
    width: auto
  }
}

.overview-content .w1600 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 83.33333333333334%
}

@media (max-width:736px) {
  .overview-content .w1600 {
    width: auto
  }
}

.overview-content .w1670 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 86.97916666666666%
}

@media (max-width:736px) {
  .overview-content .w1670 {
    width: auto
  }
}

.overview-content .w1800 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 93.75%
}

#tapo-c100_v1 {
  width: 100%
}

#tapo-c100_v1 h2 {
  font-weight: 500
}

#tapo-c100_v1 .bg-bottom:after {
  content: '';
  display: block;
  width: 100%;
  height: 0
}

@media (min-width:737px) {
  #tapo-c100_v1 h2 {
    font-size: 2.875em
  }

  #tapo-c100_v1 p {
    font-size: 1.375em
  }
}

#tapo-c100_v1 .a {
  background: url(https://static-product.tp-link.com/tapo-c110_v1/img/01-bg_20210319100511.jpg) center/cover no-repeat;
  min-height: 53.125em;
  padding: 14.0625em 0;
  color: #25434e
}

#tapo-c100_v1 .a .title {
  padding-top: .5em;
  font-size: 4.0625em
}

#tapo-c100_v1 .a .title-prev {
  padding-top: 0;
  font-size: 2.5em
}

#tapo-c100_v1 .a .title-sub {
  padding-top: .333333333333333em;
  font-size: 1.875em
}

#tapo-c100_v1 .a .model {
  display: inline-block;
  background-color: #72a4ff;
  margin-top: 1em;
  padding: .8em 1em;
  border-radius: .625em;
  color: #fff
}

#tapo-c100_v1 .a .model span {
  font-size: 1.75em;
  line-height: 1;
  font-weight: 500
}

#tapo-c100_v1 .b {
  padding: 6.25em 0;
  color: #566973
}

#tapo-c100_v1 .b .content ul {
  text-align: center
}

#tapo-c100_v1 .b .content li {
  display: inline-block;
  text-align: center;
  width: 16.333333333333336%;
  vertical-align: top
}

#tapo-c100_v1 .b .content li .icon {
  width: 5.625em;
  height: 5.625em;
  margin: 0 auto;
  background-image: url(https://static-product.tp-link.com/tapo-c110_v1/img/02-icons_20210319100538.png);
  background-size: 33.75em 5.625em;
  background-repeat: no-repeat
}

#tapo-c100_v1 .b .content li .title {
  padding-top: 1.363636363636364em;
  font-size: 1.375em;
  font-weight: 500
}

#tapo-c100_v1 .b .content li.li-1 .icon {
  background-position: 0 0
}

#tapo-c100_v1 .b .content li.li-2 .icon {
  background-position: -5.625em 0
}

#tapo-c100_v1 .b .content li.li-3 .icon {
  background-position: -11.25em 0
}

#tapo-c100_v1 .b .content li.li-4 .icon {
  background-position: -16.875em 0
}

#tapo-c100_v1 .b .content li.li-5 .icon {
  background-position: -22.5em 0
}

#tapo-c100_v1 .b .content li.li-6 .icon {
  background-position: -28.125em 0
}

@media (max-width:1920px) {
  #tapo-c100_v1 .b {
    padding-top: 5.208333333333334vw
  }
}

@media (max-width:1500px) {
  #tapo-c100_v1 .b .w1500 {
    width: 100%
  }
}

#tapo-c100_v1 .c {
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/03-bg.jpg) left bottom/contain no-repeat;
  padding-top: 3.75em
}

#tapo-c100_v1 .c:after {
  padding-top: 43.22916666666667%
}

#tapo-c100_v1 .d {
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/04-bg.jpg) right bottom/contain no-repeat;
  margin-top: 10.9375em
}

#tapo-c100_v1 .d:after {
  padding-top: 24.479166666666668%
}

#tapo-c100_v1 .d .text {
  width: 26%
}

#tapo-c100_v1 .e {
  background: url(https://static-product.tp-link.com/tapo-c110_v1/img/05-bg_20210319100604.jpg) bottom/contain no-repeat;
  padding-top: 9.375em
}

#tapo-c100_v1 .e:after {
  padding-top: 33.85416666666667%
}

#tapo-c100_v1 .f {
  text-align: center;
  padding-top: 6.875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/06-bg.jpg) bottom/contain no-repeat
}

#tapo-c100_v1 .f:after {
  padding-top: 44.01041666666667%
}

#tapo-c100_v1 .f .bg-text {
  top: auto;
  bottom: 0;
  height: 0;
  padding-top: 40.46875%
}

#tapo-c100_v1 .f .bg-text .dialog {
  left: 23.4375%;
  right: 60.416666666666664%;
  top: 12.87001287001287%;
  background-color: #daebff;
  box-sizing: border-box;
  padding: .6em .8em;
  border-radius: 1em;
  box-shadow: 3px 5px 5px #dbdcdd;
  font-size: 1.875em;
  line-height: 1.266666666666667
}

#tapo-c100_v1 .f .bg-text .dialog .tri {
  position: absolute;
  right: .3em;
  top: 100%;
  height: 1em;
  width: 3em;
  overflow: hidden
}

#tapo-c100_v1 .f .bg-text .dialog .tri:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  width: 50%;
  height: 100%;
  bottom: 50%;
  background-color: #daebff;
  transform: skew(10deg, 27deg);
  transform-origin: bottom right;
  box-shadow: 3px 5px 5px #dbdcdd
}

#tapo-c100_v1 .g {
  padding-top: 7.5em;
  padding-bottom: 6.25em;
  background-color: #def0fe;
  text-align: center
}

#tapo-c100_v1 .g .icons {
  margin-top: 4.375em;
  text-align: center
}

#tapo-c100_v1 .g .icons li {
  display: inline-block;
  padding: 0 12%;
  box-sizing: border-box;
  width: 49%;
  vertical-align: top
}

#tapo-c100_v1 .g .icons li.li-1 .icon {
  background-position: 0 0
}

#tapo-c100_v1 .g .icons li.li-2 .icon {
  background-position: -6.875em 0
}

#tapo-c100_v1 .g .icons .title {
  padding-top: .333333333333333em;
  font-size: 1.875em;
  color: #313d3e
}

#tapo-c100_v1 .g .icons .desc {
  padding-top: .227272727272727em;
  font-size: 1.375em;
  color: #192324
}

#tapo-c100_v1 .g .icons .icon {
  background: url(https://static-product.tp-link.com/tapo-c110_v1/img/07-icons_20210319100622.png) no-repeat;
  background-size: 13.75em 6.25em;
  height: 6.25em;
  width: 6.875em;
  margin: 0 auto
}

#tapo-c100_v1 .h {
  text-align: center;
  padding-top: 4.6875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/08-bg.jpg) bottom/contain no-repeat
}

#tapo-c100_v1 .h:after {
  padding-top: 39.0625%
}

#tapo-c100_v1 .i {
  text-align: center;
  padding: 18.75em 0;
  min-height: 62em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/09-bg.jpg) bottom/cover no-repeat
}

#tapo-c100_v1 .i .text {
  width: 40%
}

#tapo-c100_v1 .i .text p {
  padding-top: 3em;
  width: 65%
}

#tapo-c100_v1 .j {
  min-height: 77.8125em;
  padding-top: 10.9375em;
  padding-bottom: 5.3125em;
  color: #313d3e
}

@media (max-width:1920px) {
  #tapo-c100_v1 .j {
    min-height: 64.84375vw;
    padding-top: 9.114583333333334vw;
    padding-bottom: 4.427083333333334vw
  }
}

#tapo-c100_v1 .j .left,
#tapo-c100_v1 .j .right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}

#tapo-c100_v1 .j .left {
  width: 40%;
  padding-right: 6.25em;
  text-align: right
}

#tapo-c100_v1 .j .left .phone-wrapper {
  position: relative;
  display: inline-block;
  width: 26.875em;
  height: 55.45025510204082em
}

#tapo-c100_v1 .j .left .phone,
#tapo-c100_v1 .j .left .screen {
  position: absolute;
  top: 0;
  left: 0
}

#tapo-c100_v1 .j .left .phone {
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-phone.png) center/contain no-repeat
}

#tapo-c100_v1 .j .left .screen {
  top: .9375em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 25em;
  height: 52.77777777777778em;
  opacity: 0;
  border-radius: 1.25em;
  transition: .5s
}

#tapo-c100_v1 .j .right {
  width: 50%;
  padding-top: 6.25em
}

#tapo-c100_v1 .j .right .options {
  margin-top: .625em
}

#tapo-c100_v1 .j .right .options li {
  padding-top: 3.125em
}

#tapo-c100_v1 .j .right .options li:before {
  display: inline-block;
  background-color: #d9d9d9;
  width: 1.5625em;
  height: 1.5625em;
  margin-top: 1%;
  margin-right: .625em;
  line-height: 1.5625em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  vertical-align: top;
  transition: .5s
}

#tapo-c100_v1 .j .right .options li.hover .line,
#tapo-c100_v1 .j .right .options li.hover:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff)
}

#tapo-c100_v1 .j .right .options li:nth-child(1):before {
  content: '1'
}

#tapo-c100_v1 .j .right .options li:nth-child(2):before {
  content: '2'
}

#tapo-c100_v1 .j .right .options li:nth-child(3):before {
  content: '3'
}

#tapo-c100_v1 .j .right .options li:nth-child(4):before {
  content: '4'
}

#tapo-c100_v1 .j .right label.title {
  display: inline-block;
  width: 90%;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5625em;
  cursor: pointer;
  transform: scale(1);
  transform-origin: left;
  transition: .5s
}

#tapo-c100_v1 .j .right .line,
#tapo-c100_v1 .j .right p.desc {
  box-sizing: border-box;
  margin-top: .9375em
}

#tapo-c100_v1 .j .right .line {
  width: 3.4375em;
  height: .375em;
  margin-left: 2.5em;
  background-image: none;
  background-color: #d9d9d9;
  border-radius: .1875em;
  transition: .5s
}

#tapo-c100_v1 .j .right p.desc {
  pointer-events: none;
  display: block;
  opacity: 0;
  height: 0;
  margin-left: 1.818181818181818em;
  padding-top: 0;
  overflow: visible;
  font-size: 1.375em;
  transition: height .8s, opacity .8s;
  will-change: height;
  transform: translate3d(0, 0, 0)
}

#tapo-c100_v1 .j .screen {
  background: center/cover no-repeat
}

#tapo-c100_v1 .j .screen-1 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-4.jpg)
}

#tapo-c100_v1 .j .screen-2 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-2.jpg)
}

#tapo-c100_v1 .j .screen-3 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-3.jpg)
}

#tapo-c100_v1 .j .screen-4 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/10-screen-1.jpg)
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .screen-1 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li1:checked~.content .li-1 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .screen-2 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li2:checked~.content .li-2 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .screen-3 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li3:checked~.content .li-3 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .screen-4 {
  opacity: 1
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4 label.title {
  transform: scale(1.15)
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c100_v1 .j #tapo-c100-li4:checked~.content .li-4 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c100_v1 .k {
  text-align: center;
  min-height: 60em;
  margin-top: 5.3125em;
  padding-top: 7.1875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/img/11-bg.jpg) top/cover no-repeat;
  color: #fff
}

#tapo-c100_v1 .k .text {
  position: relative
}

#tapo-c100_v1 .k .bg-text {
  bottom: auto;
  top: 0;
  height: 100%;
  font-size: 1.5em
}

#tapo-c100_v1 .k .bg-text .center-block {
  top: 78.125%;
  left: 0;
  right: 0;
  width: 0;
  height: 10em
}

#tapo-c100_v1 .k .bg-text .step1,
#tapo-c100_v1 .k .bg-text .step2,
#tapo-c100_v1 .k .bg-text .step3 {
  position: absolute;
  top: 0;
  width: 18.75em;
  text-align: center;
  font-weight: 400
}

#tapo-c100_v1 .k .bg-text .step1 {
  left: -27.5em
}

#tapo-c100_v1 .k .bg-text .step2 {
  left: -8.125em
}

#tapo-c100_v1 .k .bg-text .step3 {
  left: 10.625em
}

@media (max-width:736px) {
  .overview-content .w1800 {
    width: auto
  }

  #tapo-c100_v1 {
    width: 100%
  }

  #tapo-c100_v1 .section {
    margin: 0;
    padding: 0
  }

  #tapo-c100_v1 .bg-bottom:after {
    content: none
  }

  #tapo-c100_v1 .a {
    display: block;
    background-image: url(https://static-product.tp-link.com/tapo-c110_v1/img/01-bg_20210319102500.jpg);
    min-height: 135.625vw;
    padding-top: 15.625vw;
    padding-bottom: 85.15625vw
  }

  #tapo-c100_v1 .a .text {
    width: 100%
  }

  #tapo-c100_v1 .a .title {
    padding: 1.5625vw 6%;
    font-size: 6.875vw
  }

  #tapo-c100_v1 .a .title-prev {
    font-size: 4.6875vw
  }

  #tapo-c100_v1 .a .title-sub {
    padding-top: 0;
    font-size: 3.4375vw
  }

  #tapo-c100_v1 .a .model {
    margin: 1em 6%;
    font-size: 2.5vw
  }

  #tapo-c100_v1 .b {
    padding-bottom: 9.375vw
  }

  #tapo-c100_v1 .b .content li {
    width: 32%;
    margin-top: 9.375vw;
    vertical-align: top
  }

  #tapo-c100_v1 .b .content li .icon {
    width: 14.0625vw;
    height: 14.0625vw;
    background-size: 84.375vw 14.0625vw
  }

  #tapo-c100_v1 .b .content li .title {
    font-size: 2.5vw
  }

  #tapo-c100_v1 .b .content li.li-1 .icon {
    background-position: 0vw 0
  }

  #tapo-c100_v1 .b .content li.li-2 .icon {
    background-position: -14.0625vw 0
  }

  #tapo-c100_v1 .b .content li.li-3 .icon {
    background-position: -28.125vw 0
  }

  #tapo-c100_v1 .b .content li.li-4 .icon {
    background-position: -42.1875vw 0
  }

  #tapo-c100_v1 .b .content li.li-5 .icon {
    background-position: -56.25vw 0
  }

  #tapo-c100_v1 .b .content li.li-6 .icon {
    background-position: -70.3125vw 0
  }

  #tapo-c100_v1 .c {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/03-bg.jpg);
    background-position: bottom;
    background-size: cover;
    padding-bottom: 116.40625vw;
    color: #fff
  }

  #tapo-c100_v1 .c .text {
    text-align: left
  }

  #tapo-c100_v1 .d {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/04-bg.jpg);
    background-position: bottom;
    background-size: contain;
    padding-bottom: 154.6875vw
  }

  #tapo-c100_v1 .d .text {
    width: 100%
  }

  #tapo-c100_v1 .e {
    background-image: url(https://static-product.tp-link.com/tapo-c110_v1/img/05-bg_20210319102532.jpg);
    padding-bottom: 143.75vw
  }

  #tapo-c100_v1 .e .text {
    text-align: left
  }

  #tapo-c100_v1 .f {
    padding-top: 0;
    text-align: left;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/06-bg.jpg);
    background-color: #f9fafc;
    padding-bottom: 149.21875vw
  }

  #tapo-c100_v1 .f .bg-text {
    padding-top: 139.0625%
  }

  #tapo-c100_v1 .f .bg-text .dialog {
    left: 57.8125%;
    right: 12.5%;
    bottom: 80.89887640449437%;
    top: auto;
    font-size: 2.8125vw
  }

  #tapo-c100_v1 .g {
    background: #dcf7ff;
    text-align: left;
    margin-top: 0
  }

  #tapo-c100_v1 .g .icons {
    margin: 0;
    padding-bottom: 10.9375vw;
    text-align: center
  }

  #tapo-c100_v1 .g .icons li {
    width: 100%;
    margin-top: 12.5vw
  }

  #tapo-c100_v1 .h {
    text-align: left;
    padding-bottom: 203.125vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/08-bg.jpg)
  }

  #tapo-c100_v1 .i {
    text-align: left;
    padding-top: 0;
    padding-bottom: 140.625vw;
    background: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/09-bg.jpg) bottom/contain no-repeat #ebedf5
  }

  #tapo-c100_v1 .i .text {
    width: 100%
  }

  #tapo-c100_v1 .i .text p {
    box-sizing: border-box;
    padding: 0 6%;
    width: 100%
  }

  #tapo-c100_v1 .j {
    padding-top: 0;
    padding-bottom: 10.15625vw
  }

  #tapo-c100_v1 .j .content {
    display: flex;
    flex-flow: column
  }

  #tapo-c100_v1 .j .left,
  #tapo-c100_v1 .j .right {
    width: 100%
  }

  #tapo-c100_v1 .j .left {
    order: 2;
    padding: 0;
    padding-top: 20.3125vw;
    text-align: center
  }

  #tapo-c100_v1 .j .left .phone-wrapper {
    width: 55.46875vw;
    height: 114.375vw
  }

  #tapo-c100_v1 .j .left .phone {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-phone.png)
  }

  #tapo-c100_v1 .j .left .screen {
    top: 2.34375vw;
    width: 50.9375vw;
    height: 108.59375vw;
    border-radius: 3.125vw
  }

  #tapo-c100_v1 .j .screen {
    background: center/cover no-repeat
  }

  #tapo-c100_v1 .j .screen-1 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-4.jpg)
  }

  #tapo-c100_v1 .j .screen-2 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-2.jpg)
  }

  #tapo-c100_v1 .j .screen-3 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-3.jpg)
  }

  #tapo-c100_v1 .j .screen-4 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/10-screen-1.jpg)
  }

  #tapo-c100_v1 .j .right {
    order: 1;
    padding-top: 0
  }

  #tapo-c100_v1 .j .right .options {
    margin-top: 4.6875vw
  }

  #tapo-c100_v1 .j .right .options li {
    padding-top: 1.5625vw
  }

  #tapo-c100_v1 .j .right .options li:before {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-right: 1.25vw;
    margin-top: .78125vw;
    line-height: 4.6875vw;
    vertical-align: top
  }

  #tapo-c100_v1 .j .right label.title {
    display: inline-block;
    width: 80%;
    font-size: 1.352657004830918em !important;
    vertical-align: top
  }

  #tapo-c100_v1 .j .right .line,
  #tapo-c100_v1 .j .right p.desc {
    box-sizing: border-box;
    margin-left: 6.25vw;
    margin-top: 2.34375vw
  }

  #tapo-c100_v1 .j .right .line {
    width: 8.59375vw;
    height: .9375vw;
    border-radius: .144927536231884em
  }

  #tapo-c100_v1 .j .right p.desc {
    display: block;
    font-size: 1.06280193236715em;
    padding: 0
  }

  #tapo-c100_v1 .k {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    min-height: 267.96875vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c100_v1/mobile/11-bg.jpg);
    background-position: bottom;
    background-size: cover
  }

  #tapo-c100_v1 .k .bg-text {
    top: auto;
    bottom: 0;
    height: 100%;
    color: #fff;
    font-size: 4.375vw
  }

  #tapo-c100_v1 .k .bg-text .center-block {
    position: static
  }

  #tapo-c100_v1 .k .bg-text .step {
    box-sizing: border-box;
    width: 80%;
    top: auto;
    left: 0;
    right: 0;
    margin: auto
  }

  #tapo-c100_v1 .k .bg-text .step1 {
    top: 82.03125vw
  }

  #tapo-c100_v1 .k .bg-text .step2 {
    top: 164.0625vw
  }

  #tapo-c100_v1 .k .bg-text .step3 {
    top: 246.09375vw
  }
}