.overview-content section{margin: 0 auto;font-size: 16px;}
.overview-content section .w-container{width: 85.375em;margin: 0 auto;}
.overview-content section h2, .overview-content section h3{font-weight: 500;color: #1D2529;}
.overview-content section p{font-weight: 400;color: #1D2529;}
@media (max-width:1680px){ .overview-content section {font-size:14px;} }
@media (max-width:1440px){ .overview-content section {font-size:12px;} }
@media (max-width:1024px){ .overview-content section {font-size:10px;} }
@media (max-width:736px){
  .overview-content section {font-size:10.35px;}
  .overview-content section .w-container{width: 92%;}
}
@media (max-width:414px){ .overview-content section {font-size: 2.5vw;} }

section.a {height: 0;background: url(https://static-page.tp-link.com/sustainability/img/banner.png) top / 100% auto no-repeat;text-align: center;padding-bottom: 40%;font-size: 0.833vw;}
section.a .text {padding-top: 13.75em;width: 56.25em;margin: 0 auto;}
section.a .text h2{font-size: 4.5em;margin-bottom: 0.25em;line-height: 1.2;}
section.a .text p{font-size: 1.375em;color: #363E4D;}
section.a .text p.link {margin-top: 4em;font-size: 1.25em;}
section.a .text p.link a{padding: 0.75em 1.5em 1em;border: 1px solid #000;border-radius: 10px;color: #000;cursor: pointer;text-decoration: none;}
section.a .text p.link .info {display: inline-block;vertical-align: middle;}
section.a .text p.link .icon {width: 1em;height: 1em;margin-left: 1em;display: inline-block;vertical-align: middle;}
@media (max-width:736px){
  section.a {padding-bottom: 128vw;font-size: 2.5vw;background:url("https://static-page.tp-link.com/sustainability/img/m-banner.png") top / 100% auto no-repeat;
    background: image-set(url("https://static-page.tp-link.com/sustainability/img/m-banner.png") 1x, url("https://static-page.tp-link.com/sustainability/img/m-banner@2x.png") 2x, url("https://static-page.tp-link.com/sustainability/img/m-banner@3x.png") 3x) top / 100% auto no-repeat;
    background: -webkit-image-set(url("https://static-page.tp-link.com/sustainability/img/m-banner.png") 1x, url("https://static-page.tp-link.com/sustainability/img/m-banner@2x.png") 2x, url("https://static-page.tp-link.com/sustainability/img/m-banner@3x.png") 3x) top / 100% auto no-repeat;}
  section.a .text {width: 88%;padding-top: 25vw;}
  section.a .text h2{font-size: 3.75em;}
  section.a .text p{font-size: 1.5em;}
  section.a .text p.link{margin-top: 8vw;}
  section.a .text p.link a{border-radius: 8px;}
}

section.b{text-align: center;}
section.b .w-container {background: #F5F7FA;border-radius: 10px;}
section.b h2{font-size: 2.5em;padding: 3em 10% 4em;line-height: 2;}
section.b .pd{padding: 6em;color: #363E4D;border-radius: 10px;}
section.b .bg {position: relative;text-align: left;}
section.b .bg p {font-size: 1.5em;line-height: 2;}
section.b .quotation{font-size: 3em;font-weight: 500;color: #737D90;line-height: 0;position: relative;top: 0.375em;}
section.b .signature {text-align: right;margin-top: 2em;font-size: 1.25em;}
section.b h3{font-size: 2.5em;padding-top: 3em;line-height: 1.2;}
section.b .text1{width: 85.375em;margin: 0 auto;}
section.b .text1 p{font-size: 1.25em;margin-top: 1em;}
section.b .text{width: 85.375em;margin: 3.75em auto 7.5em;position: relative;height: 42.125em;background: url(https://static-page.tp-link.com/sustainability/img/bg.png) bottom / 100% auto no-repeat;}
section.b .text .desc{position: absolute;text-align: left;transition: all 0.5s;width: 29%;}
section.b .text .desc:hover{transform: translateY(-10px);}
section.b .text .desc p{color: #fff;}
section.b .text .desc1{left: 2%;bottom: 55%;}
section.b .text .desc2{left: 2%;bottom: 4%;}
section.b .text .desc3{left: 36%;bottom: 4%;}
section.b .text .desc4{left: 70%;bottom: 55%;}
section.b .text .desc5{left: 70%;bottom: 4%;}
section.b .text .title{font-size: 1.75em;}
section.b .text .info{font-size: 1.25em;}
section.b .text .info .number{font-size: 2.4em;line-height: 1;}
section.b .text .info .unit{font-size: 1.6em;}
section.b ul{margin: 5em auto 0;text-align: center;width: 85.375em;}
section.b ul li{display: inline-block;width: 24%;}
section.b ul img{width: 100%;}
section.b .m-show{display: none;}
@media (max-width:736px){
  section.b h2{font-size: 5vw;}
  section.b .w-container {border-radius: 8px;}
  section.b .pd{padding: 7.5vw;border-radius: 8px;}
  section.b .text1{width: 92%;}
  section.b .text1 p{font-size: 1.5em;}
  section.b ul{width: 92%;}
  section.b ul li{width: 48%;}
  section.b .text {width: 92%;height: 109vw;background: url("https://static-page.tp-link.com/sustainability/img/m-bg.png") bottom / 100% auto no-repeat;margin: 5vw auto 15vw;
    background: image-set(url("https://static-page.tp-link.com/sustainability/img/m-bg.png") 1x, url("https://static-page.tp-link.com/sustainability/img/m-bg@2x.png") 2x, url("https://static-page.tp-link.com/sustainability/img/m-bg@3x.png") 3x) bottom / 100% auto no-repeat;
    background: -webkit-image-set(url("https://static-page.tp-link.com/sustainability/img/m-bg.png") 1x, url("https://static-page.tp-link.com/sustainability/img/m-bg@2x.png") 2x, url("https://static-page.tp-link.com/sustainability/img/m-bg@3x.png") 3x) bottom / 100% auto no-repeat;}
  section.b .text .info{text-align: center;}
  section.b .text .title{display: none;}
  section.b .text .desc, section.b .text .desc:hover{transform: translate(-50%, 50%);width: 40%;}
  section.b .text .desc1{left: 25%;bottom: 50vw;}
  section.b .text .desc2{left: 75%;bottom: 50vw;}
  section.b .text .desc3{left: 50%;bottom: 88vw;}
  section.b .text .desc4{left: 25%;bottom: 17vw;}
  section.b .text .desc5{left: 75%;bottom: 17vw;}
  section.b .m-show{display: block;}
}

section.c{height: 37.5em;background: #F1F5FA url(https://static-page.tp-link.com/sustainability/img/ISO.png) center / 120em auto no-repeat;position: relative;}
section.c .text{padding: 8em 48% 0 0;}
section.c h3{font-size: 2.5em;padding: 0 0 0.5em;line-height: 1.2;}
section.c p{font-size: 1.25em;}
section.c p.tips{position: absolute;bottom: 2em;color: rgba(0,0,0,0.40);font-size: 0.875em;}
@media (max-width:736px){
  section.c{height: 130vw;background: url("https://static-page.tp-link.com/sustainability/img/m-ISO.png") bottom / 100% auto no-repeat;
    background: image-set(url("https://static-page.tp-link.com/sustainability/img/m-ISO.png") 1x, url("https://static-page.tp-link.com/sustainability/img/m-ISO@2x.png") 2x, url("https://static-page.tp-link.com/sustainability/img/m-ISO@3x.png") 3x) bottom / 100% auto no-repeat;
    background: -webkit-image-set(url("https://static-page.tp-link.com/sustainability/img/m-ISO.png") 1x, url("https://static-page.tp-link.com/sustainability/img/m-ISO@2x.png") 2x, url("https://static-page.tp-link.com/sustainability/img/m-ISO@3x.png") 3x) bottom / 100% auto no-repeat;}
  section.c .text{padding: 10vw 5% 0;text-align: center;}
  section.c p{font-size: 1.5em;}
  section.c p.tips{font-size: 1.25em;left: 4vw;right: 4vw;text-align: center;}
}

section.d{padding: 7.5em 0;}
section.d .w-container{text-align-last: justify;}
section.d .text{display: inline-block;vertical-align: middle;width: 80%;text-align-last: left;}
section.d h3{font-size: 2.5em;padding: 0 0 0.5em;line-height: 1.2;}
section.d p{font-size: 1.25em;}
section.d p.link{margin: 3.75em 0 3em;display: inline-block;vertical-align: middle;}
section.d p.link a{color: #fff;padding: 0.75em 1.5em;background: #4ACBD6;border-radius: 10px;text-decoration: none;}
@media (max-width:736px){
  section.d .w-container{text-align-last: center;text-align: center;}
  section.d .text{display: block;width: auto;text-align-last: center;}
  section.d p.link{display: block;margin: 15vw 0 0;}
  section.d p{font-size: 1.6em;}
  section.d p.link a{border-radius: 8px;}
}