body, body>.page-content-wrapper, html { min-width:320px; }
.overview-content { font-size:16px;max-width: 1920px;margin: 0 auto; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .regular { font-weight: 400; }
.overview-content .medium { font-weight: 500; }
.overview-content .bold { font-weight: 700; }
.overview-content .m-show { display:none; }
.overview-content .nowrap { white-space:nowrap; }
.overview-content .text>h2 { font-size:3.125em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; line-height:1.5; padding-top:1.5em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:1.111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { font-size:inherit; }
  .overview-content .m-light { font-weight: 300; }
  .overview-content .m-regular { font-weight: 400; }
  .overview-content .m-show { display:block; }
  .overview-content .w1366 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text>p { font-size:1.75em; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a { background:url(https://static.tp-link.com/res/images/vi/archer-t2u_v3/01-banner-new.png) 50% no-repeat; background-size:120em 100%; height:56.4375em; }
.overview-content .a .text { padding:10.5em 0 0;  width:32em; }
.overview-content .a .text h2 { font-size:3.4375em; line-height:1.2 }
.overview-content .a .text h3 { font-size:1.875em; line-height:1.2; padding:0.6em 0 0; }
.overview-content .a .text p{font-size: 1.875em; margin-top: 1em;padding: 0.25em; width: 5.25em;border: 2px solid black;color: black;background: transparent;border-radius:0.5em;}
@media screen and (max-width:736px){
  .overview-content .a { background:url(https://static.tp-link.com/res/images/vi/archer-t2u_v3/m/01-banner-new.png) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:133%; }
  .overview-content .a .text { padding:0; width:auto; }
  .overview-content .a .text h2 { font-size:9vw; padding:15vw 6vw 0; }
  .overview-content .a .text h3 { font-size:5vw; padding:5vw 6vw 0; }
  .overview-content .a .text p { font-size:5vw; margin-left: 6vw; padding:1.5vw 1.5vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.jpg) 50% no-repeat; background-size:120em 100%; height:58.9375em; }
.overview-content .b .text { float:right; padding:10em 0 0; width:29em; }
.overview-content .b .text .img { margin:1.5em 0 0; }
.overview-content .b .text .img .desc { border-radius:0.3em; color:#fff; display:inline-block; font-size:1.875em; line-height:1.7; text-align:center; vertical-align:middle; width:8em; }
.overview-content .b .text .img .desc small { font-size:0.66em; }
.overview-content .b .text .img .icons { background-position:center; background-size:contain; background-repeat:no-repeat; display:inline-block; height:2.5625em; margin-left:0.6rem; vertical-align:middle; width:11.375em; }
.overview-content .b .text .img1 .desc { background-color:#4acbd6; } 
.overview-content .b .text .img2 .desc { background-color:#005564; } 
.overview-content .b .text .img1 .icons { background-image:url(b-img-1.png); }
.overview-content .b .text .img2 .icons { background-image:url(b-img-2.png); }
@media screen and (max-width:736px){
  .overview-content .b { background:url(m/b.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:94%; }
  .overview-content .b .text { float:none; padding:0; width:auto; }
  .overview-content .b .text .img { font-size:1rem; margin:0 6% 2rem; }
  .overview-content .b .text .img2 { margin-bottom:3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% no-repeat; background-size:120em 100%; height:52.75em; }
.overview-content .c .w1366 { height:100%; }
.overview-content .c .w1366:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
.overview-content .c .text { display:inline-block; vertical-align:middle; width:33em; }
@media screen and (max-width:736px){
  .overview-content .c { background:#e6e8ea url(m/c.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:70%; }
  .overview-content .c .w1366 { height:auto; }
  .overview-content .c .w1366:before { display:none; }
  .overview-content .c .text { display:block; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d{background-color: #a4aebb;}
.overview-content .d ul { display:table; width:100%; }
.overview-content .d ul li { background-position:center; background-repeat:no-repeat; background-size:cover; display:table-cell; width:33.333%; }
.overview-content .d ul li .inner { height:0; padding-bottom:75%; }
.overview-content .d ul li .inner .box { color:#fff; margin:0 auto; padding:6em 0 0; text-align:center; width:12em; }
.overview-content .d ul li .inner .box .icon { background-position:center; background-repeat:no-repeat; background-size:cover; display:block; height:8em; margin:0 auto; width:8em; }
.overview-content .d ul li .inner .box h3 { font-size:3.2em; line-height:1.2; }
.overview-content .d ul .li1 { background-image:url(d1.jpg); }
.overview-content .d ul .li2 { background-image:url(d2.jpg); }
.overview-content .d ul .li3 { background-image:url(d3.jpg); }
.overview-content .d ul .li1 .inner .box .icon { background-image:url(d-icon-1.png); }
.overview-content .d ul .li2 .inner .box .icon { background-image:url(d-icon-2.png); }
.overview-content .d ul .li3 .inner .box .icon { background-image:url(d-icon-3.png); }
@media screen and (max-width:736px){
  .overview-content .d ul li { background:#a4aebb!important; }
  .overview-content .d ul li .inner { height:auto; padding:3rem 0; }
  .overview-content .d ul li .inner .box { padding:0; width:auto; }
  .overview-content .d ul li .inner .box .icon { height:8rem; width:8rem; }
  .overview-content .d ul li .inner .box h3 { font-size:2.5rem; padding:0.5rem 0 0; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(https://static.tp-link.com/res/images/vi/archer-t2u_v3/04-appearance-new.png) 50% no-repeat; background-size:120em 100%; height:60em; }
.overview-content .e .w1366 { height:100%; text-align:right; }
.overview-content .e .w1366:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
.overview-content .e .text { display:inline-block; text-align:left; vertical-align:middle; width:33em; }
@media screen and (max-width:736px){
  .overview-content .e { background:url(https://static.tp-link.com/res/images/vi/archer-t2u_v3/m/04-appearance-new.png) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:77.65625%; }
  .overview-content .e .w1366 { height:auto; }
  .overview-content .e .w1366:before { display:none; }
  .overview-content .e .text { display:block; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:#51535a; color:#fff; padding:8em 0; }
.overview-content .f ul { text-align: justify; }
.overview-content .f ul:after { content:""; display:inline-block; width:100%; }
.overview-content .f ul li { display:inline-block; vertical-align:top; text-align:center; width:25%; }
.overview-content .f ul li .icon { background-size:contain; background-position:center; background-repeat:no-repeat; display:block; height:4.8em; margin:0 auto; width:4.8em; }
.overview-content .f ul li h3 { font-size:2.25em; line-height:1.2; padding:0.5em 0 0; }
.overview-content .f ul li p { font-size:1.25em; line-height:1.5; padding:1em 0 0; }
.overview-content .f ul .li1 .icon { background-image:url(f-1.png); }
.overview-content .f ul .li2 .icon { background-image:url(f-2.png); }
.overview-content .f ul .li3 .icon { background-image:url(f-3.png); }
@media screen and (max-width:736px){
  .overview-content .f { padding:4rem 0; }
  .overview-content .f ul { padding:0 6%; }
  .overview-content .f ul li { display:block; padding-left:8rem; position:relative; text-align:left; width:auto; }
  .overview-content .f ul li .icon { height:6.4rem; left:0; position:absolute; top:0; width:6.4rem; }
  .overview-content .f ul li h3 { font-size:2.5rem; padding:0; }
  .overview-content .f ul li p { font-size:1.75rem; padding:1rem 0 0; }
  .overview-content .f ul li+li { margin-top:2rem; }
}