.overview-content .a{font-size:16px;max-width:1920px;margin:0 auto;height:53em;background-position:50% 0;background-repeat:no-repeat;background-size:120em;background-image: url(./img/a.jpg);color:#fff;}
.overview-content .a .w-container{width:85.375em;margin:0 auto;}
.overview-content .a .text{padding:14.5em 46% 0 0;}
.overview-content .a h2{font-size:3.4375em;font-weight:500;line-height:1.2;padding-top:0.25em;padding-bottom:0.25em;}
.overview-content .a h3{font-size:2.3125em;font-weight:500;line-height:1.2;padding-bottom:0.5em;}
.overview-content .a img{max-width:6.25em;display:inline-block;vertical-align: middle;}
.overview-content .a p .model-name{font-size:1.75em;font-weight:500;display:inline-block;padding:0.25em 0.5em;border-radius: 4em;background:#7eaeee;line-height: 1.2;color:#000;}
.overview-content .a .icon{margin:1em 0 1.5em;}
.overview-content .a .color,
.overview-content .a .tag{height:3.125em;margin-left:1em;}
.overview-content .a .color{margin:0;}
.overview-content .a .tag{background:#fff;border:1px solid #ccc;border-radius: 1em;;}
@media (max-width:1680px){
  .overview-content .a{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .a{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .a{font-size:10.35px;height:148.4375vw;background-size:100%;background-image: url(./m/a.jpg);}
  .overview-content .a .m-hide{display:none;}
  .overview-content .a .w-container{width:auto;}
  .overview-content .a .text{padding:12% 0 0;}
  .overview-content .a h2{font-size:2.5em;line-height:1.2;padding:0 20px 0.25em;}
  .overview-content .a h3{font-size:2em;line-height:1.2;padding:0 20px 0.5em;}
  .overview-content .a p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .a p .model-name{font-size:1em;}
  .overview-content .a .img{padding:0 20px;margin-bottom:1em;}
}
@media (max-width:414px){
  .overview-content .a{font-size:2.5vw;}
}

.overview-content .b{font-size:16px;max-width:1920px;margin:0 auto;}
.overview-content .b .w-container{width:90%;max-width:88em;margin:0 auto;}
.overview-content .b .text{padding:5em 0;}
.overview-content .b p{text-align: center;font-size:1.25em;}
.overview-content .b li{width:24.5%;display: inline-block;vertical-align: top;margin:1em 0;}
.overview-content .b li>b{width:6.25em;height:6.25em;float:left;background:url(./img/b-icon.png) 0 0 no-repeat;background-size:25em;margin-right:0.5em;}
.overview-content .b li>.txt{display:block;overflow:hidden;height: 6.25em;}
.overview-content .b li>.txt:after{content:'';display:inline-block;vertical-align: middle;height:100%;}
.overview-content .b li>.txt>span{font-size:1.375em;font-weight:500;max-width:95%;display:inline-block;vertical-align: middle;line-height: 1.4;}
.overview-content .b li.b1>b{background-position:0 0;}
.overview-content .b li.b2>b{background-position:-6.25em 0;}
.overview-content .b li.b3>b{background-position:-12.5em 0;}
.overview-content .b li.b4>b{background-position:-18.75em 0;}
.overview-content .b li.b5>b{background-position:0 -6.25em;}
.overview-content .b li.b6>b{background-position:-6.25em -6.25em;}
.overview-content .b li.b7>b{background-position:-12.5em -6.25em;}
.overview-content .b li.b8>b{background-position:-18.75em -6.25em;}
@media (max-width:1680px){
  .overview-content .b{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .b{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .b{font-size:10.35px;}
  .overview-content .b .w-container{width:auto;}
  .overview-content .b .text{padding:3em 0 4em;text-align:left;}
  .overview-content .b h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .b p{font-size:1.5em;line-height:1.5;padding:0 20px;}
  .overview-content .b ul{padding:0 20px;}
  .overview-content .b li{width:49%;}
  .overview-content .b li>b{float:none;display:block;margin:0 auto;}
  .overview-content .b li>.txt{height:auto;text-align: center;}
}
@media (max-width:414px){
  .overview-content .b{font-size:2.5vw;}
}

.overview-content .c{font-size:16px;max-width:1920px;margin:0 auto;background:#fbfbfb;}
.overview-content .c .w-container{width:85.375em;margin:0 auto;}
.overview-content .c .text{padding:4em 0 3em;text-align: center;}
.overview-content .c h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .c p{font-size:1.25em;line-height:1.5;}
.overview-content .c ul{width:90%;max-width:103em;margin:0 auto;text-align: justify;line-height: 0;padding-bottom:4em;}
.overview-content .c ul:after{content:'';display:inline-block;width:100%;height:0;}
.overview-content .c ul>li{width:48.54368932%;display:inline-block;}
.overview-content .c img{max-width:100%;}
@media (max-width:1680px){
  .overview-content .c{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .c{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .c{font-size:10.35px;height:auto;}
  .overview-content .c .w-container{width:auto;}
  .overview-content .c .text{padding:0 0 3em;text-align:left;}
  .overview-content .c h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .c p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .c ul{margin:0;padding:0 20px;width: auto;}
  .overview-content .c ul>li{display:block;width:auto;margin-bottom:2em;}
}
@media (max-width:414px){
  .overview-content .c{font-size:2.5vw;}
}

.overview-content .d{font-size:16px;max-width:1920px;margin:0 auto;}
.overview-content .d .w-container{width:85.375em;margin:0 auto;}
.overview-content .d .text{padding:4em 0 3em;text-align: center;}
.overview-content .d h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .d p{font-size:1.25em;line-height:1.5;}
.overview-content .d .img{background-position:50% 100%;background-repeat:no-repeat;background-size:100%;background-image: url(./img/d.jpg);padding-bottom:40.9375%;position: relative;height:0;color:#fff;}
.overview-content .d .img .d1{position:absolute;top: 12%;left: 33%;}
.overview-content .d .img .d2{position:absolute;top: 12%;right:10%;}
@media (max-width:1680px){
  .overview-content .d{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .d{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .d{font-size:10.35px;height:auto;}
  .overview-content .d .w-container{width:auto;}
  .overview-content .d .text{padding:0 0 3em;text-align:left;}
  .overview-content .d h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .d p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .d .img{background-size:100%;background-image: url(./m/d.jpg);background-position:50% 100%;padding-bottom:135.46875%;}
  .overview-content .d .img .d1{padding:0;font-size: 3vw;top: 56%;left: 9%;}
  .overview-content .d .img .d2{padding:0;font-size: 3vw;top: 56%;right: 9%;}
}
@media (max-width:414px){
  .overview-content .d{font-size:2.5vw;}
}

.overview-content .e{font-size:16px;max-width:1920px;margin:0 auto;background:#fbfbfb;}
.overview-content .e .w-container{width:85.375em;margin:0 auto;}
.overview-content .e .text{padding:4em 0 3em;text-align: center;}
.overview-content .e h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .e p{font-size:1.25em;line-height:1.5;}
.overview-content .e ul{width:90%;max-width:103em;margin:0 auto;text-align: justify;line-height: 0;padding-bottom:4em;}
.overview-content .e ul:after{content:'';display:inline-block;width:100%;height:0;}
.overview-content .e ul>li{width:48.54368932%;display:inline-block;position:relative;font-weight:500;color:#fff;}
.overview-content .e img{max-width:100%;}
.overview-content .e .e1 p{position:absolute;top:1em;left:1.5em;}
.overview-content .e .e2 p{position:absolute;top:1em;right:1.5em;}
@media (max-width:1680px){
  .overview-content .e{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .e{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .e{font-size:10.35px;height:auto;}
  .overview-content .e .w-container{width:auto;}
  .overview-content .e .text{padding:0 0 3em;text-align:left;}
  .overview-content .e h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .e p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .e ul{margin:0;padding:0 20px;width: auto;}
  .overview-content .e ul>li{display:block;width:auto;margin-bottom:2em;}
  .overview-content .e img{width:100%;}
  .overview-content .e .e1 p{padding:0;left:1em;}
  .overview-content .e .e2 p{padding:0;right:auto;left:1em;}
}
@media (max-width:414px){
  .overview-content .e{font-size:2.5vw;}
}

.overview-content .f{font-size:16px;max-width:1920px;margin:0 auto;background:#fbfbfb;}
.overview-content .f .w-container{width:85.375em;margin:0 auto;}
.overview-content .f .text{padding:4em 0 2em;text-align: center;}
.overview-content .f h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .f p{font-size:1.25em;line-height:1.5;}
.overview-content .f .img{height:0;padding-bottom:35.2083333%;background:url(./img/f.jpg) 50% 0 no-repeat;background-size: 100%;position:relative;}
.overview-content .f ul{position:absolute;top:19%;left:0;right:0;text-align: center;}
.overview-content .f ul>li{width:33.3333%;float:left;font-weight:500;color:#fff;}
.overview-content .f .e1 p{position:absolute;top:1em;left:1.5em;}
.overview-content .f .e2 p{position:absolute;top:1em;right:1.5em;}
@media (max-width:1680px){
  .overview-content .f{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .f{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .f{font-size:10.35px;height:auto;}
  .overview-content .f .w-container{width:auto;}
  .overview-content .f .text{padding:0 0 1.5em;text-align:left;}
  .overview-content .f h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .f p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .f .img{background-size:100%;background-image: url(./m/f.jpg);background-position:50% 100%;padding-bottom:316.875%;}
  .overview-content .f ul{top:0;}
  .overview-content .f ul>li{width:auto;left: 0;right: 0;position: absolute;}
  .overview-content .f ul>li.f1{top:19vw;}
  .overview-content .f ul>li.f2{top:125vw;}
  .overview-content .f ul>li.f3{top:231vw;}
}
@media (max-width:414px){
  .overview-content .f{font-size:2.5vw;}
}

.overview-content .g{font-size:16px;max-width:1920px;margin:0 auto;padding-bottom:35.375em;background-position:50% 100%;background-repeat:no-repeat;background-size:120em;background-image: url(./img/g.jpg);background-color:#efefed;}
.overview-content .g .w-container{width:85.375em;margin:0 auto;}
.overview-content .g .text{padding:4em 0 3em;text-align: center;}
.overview-content .g h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .g p{font-size:1.25em;line-height:1.5;}
@media (max-width:1680px){
  .overview-content .g{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .g{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .g{font-size:10.35px;height:auto;background-size:100%;background-image: url(./m/g.jpg);background-position:50% 100%;padding-bottom:187.5%;}
  .overview-content .g .w-container{width:auto;}
  .overview-content .g .text{padding:0 0 2em;text-align:left;}
  .overview-content .g h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .g p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .g .img{font-size:0.5em;padding:0 20px;}
}
@media (max-width:414px){
  .overview-content .g{font-size:2.5vw;}
}

.overview-content .h{font-size:16px;max-width:1920px;margin:0 auto;padding-bottom:50em;background-position:50% 100%;background-repeat:no-repeat;background-size:120em;background-image: url(./img/h.jpg);}
.overview-content .h .w-container{width:85.375em;margin:0 auto;}
.overview-content .h .text{padding:4em 0 3em;text-align: center;}
.overview-content .h h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .h p{font-size:1.25em;line-height:1.5;}
@media (max-width:1680px){
  .overview-content .h{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .h{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .h{font-size:10.35px;height:auto;background-size:100%;background-image: url(./m/h.jpg);background-position:50% 100%;padding-bottom:67%;background-color: #fbfbfb;}
  .overview-content .h .w-container{width:auto;}
  .overview-content .h .text{padding:0 0 2em;text-align:left;}
  .overview-content .h h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .h p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .h .img{font-size:0.5em;padding:0 20px;}
}
@media (max-width:414px){
  .overview-content .h{font-size:2.5vw;}
}

.overview-content .i{font-size:16px;max-width:1920px;margin:0 auto;height:51.25em;background-position:50% 0;background-repeat:no-repeat;background-size:120em;background-image: url(./img/i.jpg);}
.overview-content .i .w-container{width:85.375em;margin:0 auto;}
.overview-content .i .text{padding:7.75em 61% 0 0;color: #fff;}
.overview-content .i h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .i h3{font-size:1.875em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .i p{font-size:1.25em;line-height:1.5;}
.overview-content .i .movie{margin-top:2em;}
.overview-content .i .movie img{width:34em;}
@media (max-width:1680px){
  .overview-content .i{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .i{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .i{font-size:10.35px;height:auto;background-size:100%;background-image: url(./m/i.jpg);background-position:50% 101%;padding-bottom:128%;}
  .overview-content .i .w-container{width:auto;}
  .overview-content .i .text{padding:0 0 2em;text-align:left;color: inherit;position: relative;}
  .overview-content .i h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em;}
  .overview-content .i h3{font-size:2em;line-height:1.2;padding:0 20px 0.5em;}
  .overview-content .i p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .i .movie{position: absolute;bottom: -117vw;left: 6vw;margin: 0;right: 6vw;}
  .overview-content .i .movie img{width:100%;}
}
@media (max-width:414px){
  .overview-content .i{font-size:2.5vw;}
}

.overview-content .j{font-size:16px;max-width:1920px;margin:0 auto;background-position:50% 100%;background-repeat:no-repeat;background-size:120em;background-image: url(./img/j.jpg);height:51em;}
.overview-content .j .w-container{width:85.375em;margin:0 auto;position:relative;}
.overview-content .j .text{padding-top:5em;text-align: center;color:#fff;}
.overview-content .j h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em;}
.overview-content .j p{font-size:1.25em;line-height:1.5;}
.overview-content .j p.j1,.overview-content .j p.j2,.overview-content .j p.j3{position:absolute;top:33.5em;text-align: center;color:#fff;width: 18em;}
.overview-content .j p.j1{left: 3.5em;}
.overview-content .j p.j2{left: 26.3em;}
.overview-content .j p.j3{left: 48em;}
@media (max-width:1680px){
  .overview-content .j{font-size:14px;}
}
@media (max-width:1440px){
  .overview-content .j{font-size:12px;}
}
@media (max-width:736px){
  .overview-content .j{font-size:10.35px;height:270.15625vw;background-size:100%;background-image: url(./m/j.jpg);background-position:50% 100%;}
  .overview-content .j .m-hide{display:none;}
  .overview-content .j .w-container{width:auto;}
  .overview-content .j .text{padding:0;}
  .overview-content .j h2{font-size:2.5em;line-height:1.2;padding:2em 20px 0.5em;}
  .overview-content .j p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .overview-content .j p.j1, .overview-content .j p.j2, .overview-content .j p.j3{left:0;right:0;width:auto;}
  .overview-content .j p.j1{top:103vw;}
  .overview-content .j p.j2{top:173vw;}
  .overview-content .j p.j3{top:251vw;}
}
@media (max-width:414px){
  .overview-content .j{font-size:2.5vw;}
}
/* br site change picture */
.overview-content .tapo-c320ws_v1.br-site .h{
  background: url(./img/h_ptb.jpg) 50% 100% no-repeat;
  background-size: 120em;
}
@media (max-width:736px){
  .overview-content .tapo-c320ws_v1.br-site .h{
    background: #fbfbfb url(./m/h_ptb-mobile.jpg) 50% 100%  no-repeat;
    background-size: 100%;
  }
}