body,
body>.page-content-wrapper,
html {
overflow: visible !important;
}
html,
body {
overflow-x: hidden !important;
}
body,
#product,
.overview-content {
font-family: "AktivGrotesk", "Inter", "Helvetica Neue", Arial, sans-serif;
color: #1d2529;
}
.overview-content {
overflow: hidden;
}
/* old */
.eap-img-box {
font-size: 16px;
max-width: 1200px;
width: 75em;
margin: 0 auto;
}
.eap-img-box img {
width: 100%;
height: auto;
margin: 0 auto;
}
.eap-img-box img.m-hide {
display: block;
}
.eap-img-box img.m-show {
display: none;
}
@media(max-width: 1024px) {
.eap-img-box {
font-size: 10px;
}
}
@media(max-width: 736px) {
.eap-img-box {
font-size: 10.35px;
max-width: 100vw;
width: 100vw;
}
.eap-img-box img.m-show {
display: block;
width: 100%;
}
.eap-img-box img.m-hide {
display: none;
}
}
@media(max-width: 414px) {
.eap-img-box {
font-size: 2.5vw;
}
}
/* new */
.overview-content sup {
font-size: 0.5556em;
}
.overview-content .white {
color: #fff;
}
.overview-content .omada-green {
color: #00a870;
}
.overview-content .omada-light-green {
color: #00e194;
}
.overview-content .tp-color {
color: #4acbd6;
}
.overview-content .smb-color {
color: #005564;
}
.overview-content .no-wrap {
white-space: nowrap;
}
.overview-content .m-show {
display: none;
}
@media (max-width:736px) {
.overview-content .m-show {
display: block;
}
.overview-content .m-hide {
display: none;
}
}
.overview-content .eap-banner {
font-size: 16px;
max-width: 1200px;
height: 30em;
margin: 0 auto 0;
background: url(img/1778706933085_a.jpg) top / 75em no-repeat;
display: flex;
align-items: center;
}
.overview-content .eap-banner .w-container {
width: 60em;
margin: 0 auto;
position: relative;
}
.overview-content .eap-banner .text {
padding: 0 38% 0 0;
color: #fff;
}
.overview-content .eap-banner h2 {
font-size: 2.25em;
font-weight: 600;
line-height: 1.3333;
padding: 0 0 1em .2em;
}
.overview-content .eap-banner h3 {
font-size: 1.125em;
font-weight: 500;
line-height: 1.2;
padding: 0 0 1.5em .4em;
}
.overview-content .eap-banner p .model {
display: inline-block;
font-size: 1.125em;
font-weight: 400;
line-height: 1;
padding: .6111em 1.1111em;
margin-left: 0.5em;
border-radius: 5px;
background-color: #00a870;
}
@media (max-width:1024px) {
.overview-content .eap-banner {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-banner {
font-size: 10.35px;
max-width: 85.186vw;
height: auto;
padding-bottom: 50vw;
background: #262b31 url(img/1778706933228_a.jpg) bottom / 100% no-repeat;
display: block;
}
.overview-content .eap-banner .w-container {
width: 70.37vw;
}
.overview-content .eap-banner .text {
padding: 12vw 2vw 0 0;
}
.overview-content .eap-banner h2 {
font-size: 6.667vw;
line-height: 1.28;
padding: 0 0 5.625vw;
}
.overview-content .eap-banner h3 {
font-size: 3.25vw;
padding: 0 0 3.5vw;
}
.overview-content .eap-banner p .model {
font-size: 3.5vw;
margin: 0;
}
}
@media (max-width:414px) {
.overview-content .eap-banner {
font-size: 2.5vw;
}
}
.overview-content .eap-selling-points {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-selling-points .w-container {
width: 50em;
margin: 0 auto;
}
.overview-content .eap-selling-points .text {
padding: 5em 0 0;
color: #2b2b2b;
}
.overview-content .eap-selling-points p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-selling-points p.title {
font-weight: 300;
}
.overview-content .eap-selling-points ul {
text-align: center;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.overview-content .eap-selling-points ul li {
width: 22.7%;
margin: 2em 0;
}
.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-5 {
width: 22.7%;
}
.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-6 {
width: 22.7%;
}
.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-7 {
width: 22.7%;
}
.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-5,
.overview-content .eap-selling-points ul .li-6,
.overview-content .eap-selling-points ul .li-7 {
margin-right: 1%;
}
.overview-content .eap-selling-points ul li .icon {
display: block;
width: 2.25em;
height: 2.25em;
margin: 0 auto .5em;
background-position: top;
background-size: auto 100%;
background-repeat: no-repeat;
}
.overview-content .eap-selling-points ul .li-1 .icon {
background-image: url(img/1778706933410_b1.png);
}
.overview-content .eap-selling-points ul .li-2 .icon {
background-image: url(img/1778706933477_b2.png);
}
.overview-content .eap-selling-points ul .li-3 .icon {
background-image: url(img/1778706933563_b3.png);
}
.overview-content .eap-selling-points ul .li-4 .icon {
background-image: url(img/1778706933604_b4.png);
}
.overview-content .eap-selling-points ul .li-5 .icon {
background-image: url(img/1778706933695_b5.png);
}
.overview-content .eap-selling-points ul .li-6 .icon {
background-image: url(img/1778706933746_b6.png);
}
.overview-content .eap-selling-points ul .li-7 .icon {
background-image: url(img/1778706933817_b7.png);
}
.overview-content .eap-selling-points ul .li-8 .icon {
background-image: url(img/1778706933924_b8.png);
}
.overview-content .eap-selling-points ul li .desc {
text-align: center;
}
@media (max-width:1024px) {
.overview-content .eap-selling-points {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-selling-points {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-selling-points .w-container {
width: auto;
}
.overview-content .eap-selling-points .text {
padding: 6vw 0 0;
}
.overview-content .eap-selling-points p {
font-size: 3.5vw;
}
.overview-content .eap-selling-points ul {
width: 100%;
}
.overview-content .eap-selling-points ul li {
vertical-align: top;
width: 48%;
margin: 8vw 2vw 0 0;
}
.overview-content .eap-selling-points ul .li-1,
.overview-content .eap-selling-points ul .li-3,
.overview-content .eap-selling-points ul .li-5,
.overview-content .eap-selling-points ul .li-7 {
width: 48%;
margin-right: 1%;
}
.overview-content .eap-selling-points ul .li-2,
.overview-content .eap-selling-points ul .li-4,
.overview-content .eap-selling-points ul .li-6,
.overview-content .eap-selling-points ul .li-8 {
width: 48%;
margin-right: 0;
}
.overview-content .eap-selling-points ul li .icon {
width: 8vw;
height: 8vw;
margin-bottom: 2vw;
}
}
@media (max-width:414px) {
.overview-content .eap-selling-points {
font-size: 2.5vw;
}
}
.overview-content .eap-speed {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-speed .eap-speed-color-txt {
color: #00a870;
font-size: 2em;
}
.overview-content .eap-speed .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-speed .text {
padding: 5em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-speed h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-speed p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-speed p.title {
font-weight: 300;
}
.overview-content .eap-speed a {
display: inline-block;
font-size: 1.125em;
font-weight: 300;
line-height: 1.3333;
color: #00a870;
text-decoration: none;
}
.overview-content .eap-speed a:hover {
text-decoration: underline;
}
.overview-content .eap-speed .img {
position: relative;
width: 60em;
height: 18.5em;
margin: 0 auto;
background: url(img/1778706933983_c.png) top / 60em no-repeat;
}
.overview-content .eap-speed .img .desc {
position: absolute;
text-align: left;
line-height: normal;
}
.overview-content .eap-speed .img p.desc-m {
font-size: 1.125em;
font-weight: 300;
line-height: 1.3333;
color: #2b2b2b;
}
.overview-content .eap-speed .img p.desc-m .highlights {
font-size: 2em;
color: #00a870;
}
.overview-content .eap-speed .img .desc-1 {
top: 40%;
left: 7%;
right: 68%;
text-align: center;
}
.overview-content .eap-speed .img .desc-2 {
top: 26%;
left: 92%;
right: 0%;
}
.overview-content .eap-speed .img .desc-3 {
top: 59%;
left: 71.5%;
right: 0%;
}
.overview-content .eap-speed .img .desc-4 {
top: 81.5%;
left: 52%;
right: 0%;
}
.overview-content .eap-speed .ul-features {
width: 100%;
margin: 1.5em auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.overview-content .eap-speed .ul-features li {
width: 18%;
margin: 2em 0;
}
.overview-content .eap-speed .ul-features .li-2,
.overview-content .eap-speed .ul-features .li-3,
.overview-content .eap-speed .ul-features .li-4,
.overview-content .eap-speed .ul-features .li-5 {
margin-left: 1%;
}
.overview-content .eap-speed .ul-features li .icon {
display: block;
width: 2.25em;
height: 2.25em;
margin: 0 auto 0.5em;
}
.overview-content .eap-speed .ul-features li .icon-txt {
text-align: center;
}
@media (max-width:1024px) {
.overview-content .eap-speed {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-speed {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-speed .w-container {
width: auto;
}
.overview-content .eap-speed .text {
padding: 15vw 0 5vw;
text-align: center;
}
.overview-content .eap-speed h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-speed p {
font-size: 3.5vw;
}
.overview-content .eap-speed p.title {
font-size: 3.5vw;
}
.overview-content .eap-speed a {
font-size: 3.5vw;
}
.overview-content .eap-speed .img {
width: 85.186vw;
height: 120vw;
background: url(img/1778706934222_c.jpg) top / 100% no-repeat;
}
.overview-content .eap-speed .img p.desc-m {
font-size: 3.5vw;
}
.overview-content .eap-speed .img p.desc-m .highlights {
font-size: 2em;
}
.overview-content .eap-speed .img .desc-1 {
top: 26%;
left: 17%;
right: 17%;
text-align: center;
}
.overview-content .eap-speed .img .desc-2 {
top: 68%;
left: 88%;
right: 0%;
}
.overview-content .eap-speed .img .desc-3 {
top: 83%;
left: 52%;
right: 0%;
}
.overview-content .eap-speed .img .desc-4 {
top: 93.5%;
left: 19%;
right: 0%;
}
.overview-content .eap-speed .ul-features {
margin-top: 2vw;
justify-content: center;
}
.overview-content .eap-speed .ul-features li {
width: 31.52%;
margin: 8vw 0 0;
}
.overview-content .eap-speed .ul-features .li-1,
.overview-content .eap-speed .ul-features .li-4 {
margin-left: 0;
}
.overview-content .eap-speed .ul-features .li-2,
.overview-content .eap-speed .ul-features .li-3,
.overview-content .eap-speed .ul-features .li-5,
.overview-content .eap-speed .ul-features .li-6 {
margin-left: 2.25vw;
}
.overview-content .eap-speed .ul-features li .icon {
width: 8vw;
height: 8vw;
margin: 0 auto 2vw;
}
.overview-content .eap-speed .ul-features li .icon-txt {
padding: 0;
}
}
@media (max-width:414px) {
.overview-content .eap-speed {
font-size: 2.5vw;
}
}
.overview-content .eap-performance {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-performance .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-performance .text {
padding: 6em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-performance h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.25em;
}
.overview-content .eap-performance p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-performance .img {
position: relative;
width: 60em;
height: 25.5em;
margin: 0 auto;
background: url(img/1778706934284_d.jpg) top / 60em no-repeat;
}
@media (max-width:1024px) {
.overview-content .eap-performance {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-performance {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-performance .w-container {
width: auto;
}
.overview-content .eap-performance .text {
padding: 15vw 0 5.625vw;
text-align: center;
}
.overview-content .eap-performance h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-performance p {
font-size: 3.5vw;
}
.overview-content .eap-performance .img {
width: 85.186vw;
height: 60vw;
background: url(img/1778706934385_d.jpg) top / 100% no-repeat;
}
}
@media (max-width:414px) {
.overview-content .eap-performance {
font-size: 2.5vw;
}
}
.overview-content .eap-scenarios {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-scenarios .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-scenarios .text {
padding: 7em 0 1.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-scenarios h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-scenarios p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-scenarios p.title {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
color: #2b2b2b;
}
.overview-content .eap-scenarios .ul-scenarios {
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.overview-content .eap-scenarios .ul-scenarios li {
display: block;
width: 32%;
}
.overview-content .eap-scenarios .ul-scenarios li .scenario-img {
width: 100%;
margin: 0 auto;
}
.overview-content .eap-scenarios .ul-scenarios li .scenario-txt {
padding: 0.5em 0 2em;
text-align: center;
}
@media (max-width:1024px) {
.overview-content .eap-scenarios {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-scenarios {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-scenarios .w-container {
width: auto;
}
.overview-content .eap-scenarios .text {
padding: 15vw 0 3vw;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-scenarios h2 {
font-size: 5.625vw;
padding: 0 0 3.125vw;
}
.overview-content .eap-scenarios p {
font-size: 3.5vw;
}
.overview-content .eap-scenarios p.title {
font-size: 3.5vw;
}
.overview-content .eap-scenarios .ul-scenarios li {
width: 48%;
}
.overview-content .eap-scenarios .ul-scenarios li .scenario-txt {
padding: 1vw 0 4vw;
}
}
@media (max-width:414px) {
.overview-content .eap-scenarios {
font-size: 2.5vw;
}
}
.overview-content .eap-technology {
font-size: 16px;
max-width: 1200px;
width: 75em;
margin: 0 auto;
position: relative;
}
.overview-content .eap-technology .sticky-box.absolute {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.overview-content .eap-technology .sticky-box.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.overview-content .eap-technology .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-technology .text {
padding: 5em 0 0.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-technology h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.25em;
}
.overview-content .eap-technology p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-technology .swiper-container {
width: 60em;
margin: 0 auto;
position: relative;
}
.overview-content .eap-technology .swiper-container .swiper-wrapper {
display: block;
height: 41em;
}
.overview-content .eap-technology .swiper-container .swiper-slide {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.overview-content .eap-technology .swiper-container .swiper-slide.position-active {
opacity: 1;
}
.overview-content .eap-technology .swiper-container .swiper-slide .img {
position: relative;
width: 60em;
height: 41em;
margin: 0 auto;
background-position: top;
background-repeat: no-repeat;
background-size: 60em;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
background-image: url(img/1778706934527_g1.jpg);
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
background-image: url(img/1778706934663_g2.jpg);
}
.overview-content .eap-technology .swiper-container .swiper-slide .desc {
position: absolute;
text-align: left;
line-height: normal;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
bottom: 51.2%;
left: 7.8%;
right: 68%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
bottom: 13%;
left: 68%;
right: 0%;
text-align: right;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
bottom: 33.6%;
left: 7.8%;
right: 68%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
bottom: 13%;
left: 68%;
right: 0%;
text-align: right;
}
@media (max-width:1024px) {
.overview-content .eap-technology {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-technology {
font-size: 10.35px;
max-width: 100vw;
width: 100vw;
position: relative;
top: auto;
}
.overview-content .eap-technology .w-container {
width: 85.186vw;
}
.overview-content .eap-technology .text {
padding: 12vw 0 2vw;
text-align: center;
}
.overview-content .eap-technology h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-technology h3 {
font-size: 4.375vw;
}
.overview-content .eap-technology p {
font-size: 3.5vw;
}
.overview-content .eap-technology .swiper-container {
width: 85.186vw;
}
.overview-content .eap-technology .swiper-container .swiper-wrapper {
display: flex;
height: auto;
}
.overview-content .eap-technology .swiper-container .swiper-slide {
opacity: 1;
position: relative;
top: auto;
left: auto;
}
.overview-content .eap-technology .swiper-container .swiper-slide.position-active {
opacity: 1;
}
.overview-content .eap-technology .swiper-container .swiper-slide .img {
width: 85.186vw;
height: 74vw;
background-size: 100%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
background-image: url(img/1778706934793_g1.jpg);
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
background-image: url(img/1778706934876_g2.jpg);
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
bottom: 51.5%;
left: 0%;
right: 60%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
bottom: 16%;
left: 78%;
right: 0%;
text-align: right;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
bottom: 38.5%;
left: 0%;
right: 60%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
bottom: 16%;
left: 78%;
right: 0%;
text-align: right;
}
}
@media (max-width:414px) {
.overview-content .eap-technology {
font-size: 2.5vw;
}
}
.overview-content .eap-weatherproof-design {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-weatherproof-design .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-weatherproof-design .text {
padding: 5em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-weatherproof-design h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding-bottom: 0.25em;
}
.overview-content .eap-weatherproof-design p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-weatherproof-design video {
width: 100%;
margin: 0 auto;
}
.overview-content .eap-weatherproof-design video.m-hide {
display: block;
}
.overview-content .eap-weatherproof-design video.m-show {
display: none;
}
@media (max-width:1024px) {
.overview-content .eap-weatherproof-design {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-weatherproof-design {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-weatherproof-design .w-container {
width: auto;
}
.overview-content .eap-weatherproof-design .text {
padding: 15vw 0 5.625vw;
text-align: center;
}
.overview-content .eap-weatherproof-design h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-weatherproof-design p {
font-size: 3.5vw;
}
.overview-content .eap-weatherproof-design video.m-hide {
display: none;
}
.overview-content .eap-weatherproof-design video.m-show {
display: block;
}
}
@media (max-width:414px) {
.overview-content .eap-weatherproof-design {
font-size: 2.5vw;
}
}
@keyframes moveAndFade {
0% {
top: 56%;
left: 21%;
opacity: 1;
}
30% {
top: 25%;
left: 49.5%;
opacity: 1;
}
45% {
top: 46%;
left: 61.5%;
opacity: 1;
}
65% {
top: 27%;
left: 78.5%;
opacity: 1;
}
85% {
top: 6%;
left: 67.5%;
opacity: 1;
}
100% {
top: 6%;
left: 67.5%;
opacity: 0;
}
}
@keyframes pulse {
0% {
transform: scale(0.125);
-webkit-transform: scale(0.125);
-moz-transform: scale(0.125);
-ms-transform: scale(0.125);
-o-transform: scale(0.125);
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
}
.overview-content .eap-connectivity {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-connectivity .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-connectivity .text {
padding: 7em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-connectivity h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.25em;
}
.overview-content .eap-connectivity p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-connectivity .img {
position: relative;
width: 60em;
height: 26.5em;
margin: 0 auto;
background: url(img/1778706934975_h.png) top / 60em no-repeat;
overflow: hidden;
}
.overview-content .eap-connectivity .desc {
position: absolute;
text-align: center;
line-height: normal;
}
.overview-content .eap-connectivity .desc p.desc-m {
font-size: 1.125em;
font-weight: 300;
line-height: 1.3333;
}
.overview-content .eap-connectivity .desc .img-phone {
display: block;
width: 1.5em;
height: auto;
margin: 0;
}
.overview-content .eap-connectivity .desc .img-prod {
display: block;
width: 3.875em;
height: auto;
margin: 0;
}
.overview-content .eap-connectivity .desc .circle-group {
width: 25em;
height: 25em;
}
.overview-content .eap-connectivity .desc .circle {
position: absolute;
animation: pulse 3s ease-out infinite;
-webkit-animation: pulse 3s ease-out infinite;
width: 25em;
height: 25em;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(img/1778706935143_h-wave-1.png);
}
.overview-content .eap-connectivity .desc-6 .circle {
background-image: url(img/1778706935287_h-wave-2.png);
}
.overview-content .eap-connectivity .desc .circle-2 {
opacity: 1;
animation-delay: 1s;
}
.overview-content .eap-connectivity .desc .circle-3 {
display: none;
}
.overview-content .eap-connectivity .desc-1 {
top: 48%;
left: 86.5%;
right: 2%;
text-align: left;
}
.overview-content .eap-connectivity .desc-2 {
top: 73%;
left: 71%;
right: 2%;
}
.overview-content .eap-connectivity .desc-3 {
top: 56%;
left: 21%;
animation: moveAndFade 8s linear infinite;
-webkit-animation: moveAndFade 8s linear infinite;
}
.overview-content .eap-connectivity .desc-4 {
top: 9.8%;
left: -5.8%;
}
.overview-content .eap-connectivity .desc-5 {
top: 12.5%;
left: 29.8%;
}
.overview-content .eap-connectivity .desc-6 {
top: -17%;
left: 64%;
}
.overview-content .eap-connectivity .desc-7 {
top: 50%;
left: 12%;
}
.overview-content .eap-connectivity .desc-8 {
top: 51.2%;
left: 47.5%;
}
.overview-content .eap-connectivity .desc-9 {
top: 22%;
left: 81.2%;
}
@media (max-width:1024px) {
.overview-content .eap-connectivity {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-connectivity {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-connectivity .w-container {
width: auto;
}
.overview-content .eap-connectivity .text {
padding: 15vw 0 5.625vw;
text-align: center;
}
.overview-content .eap-connectivity h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-connectivity p {
font-size: 3.5vw;
}
.overview-content .eap-connectivity .img {
width: 85.186vw;
height: 38vw;
background: url(img/1778706935412_h.jpg) top / 100% no-repeat;
}
.overview-content .eap-connectivity .desc p.desc-m {
font-size: 3vw;
}
.overview-content .eap-connectivity .desc .img-phone {
width: 2vw;
}
.overview-content .eap-connectivity .desc .img-prod {
width: 6vw;
}
.overview-content .eap-connectivity .desc .circle-group {
width: 34vw;
height: 34vw;
}
.overview-content .eap-connectivity .desc .circle {
width: 25vw;
height: 25vw;
}
.overview-content .eap-connectivity .desc .circle {
width: 34vw;
height: 34vw;
}
.overview-content .eap-connectivity .desc-1 {
top: 46%;
left: 86.5%;
right: 2%;
text-align: left;
}
.overview-content .eap-connectivity .desc-2 {
top: 74%;
left: 71%;
right: 2%;
}
.overview-content .eap-connectivity .desc-3 {
top: 8%;
left: 70%;
}
.overview-content .eap-connectivity .desc-4 {
top: 11%;
left: -4%;
}
.overview-content .eap-connectivity .desc-5 {
top: 14%;
left: 31%;
}
.overview-content .eap-connectivity .desc-6 {
top: -15%;
left: 64%;
}
.overview-content .eap-connectivity .desc-7 {
top: 50%;
left: 12%;
}
.overview-content .eap-connectivity .desc-8 {
top: 51.2%;
left: 47.5%;
}
.overview-content .eap-connectivity .desc-9 {
top: 22%;
left: 81.2%;
}
}
@media (max-width:414px) {
.overview-content .eap-connectivity {
font-size: 2.5vw;
}
}
.overview-content .eap-setup {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-setup .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-setup .text {
padding: 7em 0 1.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-setup h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-setup h3 {
font-size: 1.5em;
font-weight: 300;
line-height: 1.3333;
padding: 0 0 0.5em;
text-align: center;
}
.overview-content .eap-setup p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-setup p.title {
font-size: 1.125em;
font-weight: 300;
line-height: 1.3333;
color: #2b2b2b;
}
.overview-content .eap-setup .section-block+.section-block {
margin-top: 5em;
}
.overview-content .eap-setup .section-block-txt-only-title {
padding: 0 3em 1em;
text-align: center;
}
.overview-content .eap-setup .section-block-txt {
padding: 0 3em 1.5em;
text-align: center;
}
.overview-content .eap-setup .ul-mountings {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.overview-content .eap-setup .ul-mountings li {
display: block;
width: 49%;
}
.overview-content .eap-setup .ul-mountings li .mounting-img {
display: block;
width: 100%;
margin: 0 auto;
}
.overview-content .eap-setup .ul-mountings li .mounting-txt {
padding: 1em 0 0;
text-align: center;
}
.overview-content .eap-setup .img {
width: 60em;
height: 21.75em;
margin: 0 auto;
background: url(img/1778706935497_j.jpg) top / 60em no-repeat;
}
@media (max-width:1024px) {
.overview-content .eap-setup {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-setup {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-setup .w-container {
width: auto;
}
.overview-content .eap-setup .text {
padding: 15vw 0 3vw;
text-align: center;
}
.overview-content .eap-setup h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-setup h3 {
font-size: 4.375vw;
padding: 0 0 1vw;
}
.overview-content .eap-setup p {
font-size: 3.5vw;
}
.overview-content .eap-setup p.title {
font-size: 3.5vw;
}
.overview-content .eap-setup .section-block+.section-block {
margin-top: 8vw;
}
.overview-content .eap-setup .section-block-txt-only-title {
padding: 0 0 3vw;
}
.overview-content .eap-setup .section-block-txt {
padding: 0 0 5vw;
}
.overview-content .eap-setup .ul-mountings {
width: auto;
display: block;
}
.overview-content .eap-setup .ul-mountings li {
width: 100%;
}
.overview-content .eap-setup .ul-mountings li+li {
margin-top: 6.25vw;
}
.overview-content .eap-setup .ul-mountings li .mounting-txt {
padding: 2vw 0 0;
}
.overview-content .eap-setup .img {
width: 85.186vw;
height: 50vw;
background: url(img/1778706935657_j.jpg) top / 100% no-repeat;
}
}
@media (max-width:414px) {
.overview-content .eap-setup {
font-size: 2.5vw;
}
}
.overview-content .eap-sdn {
font-size: 16px;
max-width: 1200px;
margin: 0 auto 5em;
}
.overview-content .eap-sdn .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-sdn .text {
padding: 7em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-sdn h2 {
font-size: 2.25em;
font-weight: 400;
line-height: 1.3333;
padding-bottom: 0.25em;
}
.overview-content .eap-sdn h3 {
font-size: 1.5em;
font-weight: 400;
line-height: 1.3333;
padding-bottom: 0.5em;
}
.overview-content .eap-sdn p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
}
.overview-content .eap-sdn .link {
margin: 0 auto;
padding-bottom: 2.5em;
text-align: center;
}
.overview-content .eap-sdn .link a {
font-size: 1em;
font-weight: 400;
line-height: 1.3333;
color: #005564;
text-decoration: none;
}
.overview-content .eap-sdn .img {
position: relative;
width: 60em;
height: 27em;
margin: 0 auto;
background: url(img/1778706935853_k.png) top / 60em no-repeat;
}
.overview-content .eap-sdn .img .desc {
position: absolute;
text-align: center;
}
.overview-content .eap-sdn .img .desc-m {
display: block;
font-size: 1.125em;
font-weight: 300;
line-height: 1.2;
color: #2b2b2b;
}
.overview-content .eap-sdn .img .desc-s {
display: block;
font-size: 1em;
font-weight: 300;
line-height: 1.2;
color: #2b2b2b;
}
.overview-content .eap-sdn .img .internet {
display: block;
font-size: 1em;
font-weight: 300;
line-height: 1.2;
}
.overview-content .eap-sdn .img .desc-1 {
left: -0.35em;
top: 4.75em;
width: 8em;
}
.overview-content .eap-sdn .img .desc-2 {
left: 9em;
top: 4.75em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-3 {
left: 15.8em;
top: 4.75em;
width: 11em;
}
.overview-content .eap-sdn .img .desc-4 {
left: 23.5em;
top: 12.5em;
width: 8em;
}
.overview-content .eap-sdn .img .desc-5 {
left: 23.5em;
top: 23em;
width: 8em;
}
.overview-content .eap-sdn .img .desc-6 {
left: 40em;
bottom: 5.25em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-7 {
left: 33.5em;
top: 3em;
width: 13em;
}
.overview-content .eap-sdn .img .desc-8 {
left: 33.5em;
top: 11em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-9 {
left: 39.25em;
top: 9em;
width: 2em;
}
.overview-content .eap-sdn .img .desc-10 {
left: 40.875em;
top: 11em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-11 {
left: 47.5em;
top: 7em;
width: 1.5em;
}
.overview-content .eap-sdn .img .desc-12 {
left: 50.5em;
top: 3em;
width: 8.4em;
}
.overview-content .eap-sdn .img .desc-13 {
left: 34em;
top: 21.5em;
width: 4.25em;
}
.overview-content .eap-sdn .img .desc-14 {
left: 49em;
top: 21.5em;
width: 5em;
}
.overview-content .eap-sdn .img .desc-15 {
left: 54.5em;
top: 21.5em;
width: 4em;
}
.overview-content .eap-sdn .img .desc-16 {
left: 50.5em;
top: 10em;
width: 8.4em;
}
@media (max-width:1024px) {
.overview-content .eap-sdn {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-sdn {
font-size: 10.35px;
max-width: 85.186vw;
margin: 0 auto 10vw;
}
.overview-content .eap-sdn .w-container {
width: auto;
}
.overview-content .eap-sdn .text {
padding: 15vw 0 5.625vw;
text-align: center;
}
.overview-content .eap-sdn h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-sdn h3 {
font-size: 4.375vw;
padding: 0 0 3.125vw;
}
.overview-content .eap-sdn p {
font-size: 3.5vw;
}
.overview-content .eap-sdn p.title {
font-size: 3.25vw;
}
.overview-content .eap-sdn p.note {
font-size: 3vw;
padding-top: 2vw;
}
.overview-content .eap-sdn .link {
margin: 0 auto;
padding: 0 0 5.625vw;
}
.overview-content .eap-sdn .link a {
font-size: 3.5vw;
}
.overview-content .eap-sdn .img {
width: 100%;
height: 204vw;
background: url(img/1778706936046_k.jpg) top / 100% no-repeat;
}
.overview-content .eap-sdn .img .desc-m {
font-size: 3vw;
}
.overview-content .eap-sdn .img .desc-s {
font-size: 3vw;
}
.overview-content .eap-sdn .img .internet {
font-size: 3vw;
}
.overview-content .eap-sdn .img .desc-1 {
left: 0vw;
top: 14.5vw;
width: 24vw;
}
.overview-content .eap-sdn .img .desc-2 {
left: 27.5vw;
top: 14.5vw;
width: 24vw;
}
.overview-content .eap-sdn .img .desc-3 {
left: 55.5vw;
top: 14.5vw;
width: 27vw;
}
.overview-content .eap-sdn .img .desc-4 {
left: 41vw;
top: 57.5vw;
width: 34vw;
}
.overview-content .eap-sdn .img .desc-5 {
left: 0vw;
top: 91vw;
width: 28vw;
}
.overview-content .eap-sdn .img .desc-6 {
left: 16vw;
bottom: 60vw;
width: 18vw;
text-align: left;
}
.overview-content .eap-sdn .img .desc-7 {
left: 46vw;
top: 88vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-8 {
left: 46vw;
top: 108vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-9 {
left: 46vw;
top: 116vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-10 {
left: 46vw;
top: 135vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-11 {
left: 46vw;
top: 150vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-12 {
left: 46vw;
top: 163vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-13 {
left: 8vw;
top: 117.2vw;
width: 12.5vw;
}
.overview-content .eap-sdn .img .desc-14 {
left: 3vw;
top: 169vw;
width: 28vw;
}
.overview-content .eap-sdn .img .desc-15 {
left: 3vw;
top: 190.5vw;
width: 28vw;
}
.overview-content .eap-sdn .img .desc-16 {
left: 44vw;
top: 186vw;
width: 37vw;
}
}
@media (max-width: 414px) {
.overview-content .eap-sdn {
font-size: 2.5vw;
}
}
/* EAP775 imported 725 module styles */
.overview-content .eap-scenarios {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
width: 75em;
}
.overview-content .eap-scenarios .w-container {
width: 75em;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-scenarios .text {
padding: 7em 0 1.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-scenarios h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-scenarios .scenarios-swiper-wrapper {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.overview-content .eap-scenarios .scenarios-swiper {
width: 100%;
}
.overview-content .eap-scenarios .scenarios-swiper .swiper-wrapper {
height: auto;
}
.overview-content .eap-scenarios .scenarios-swiper .swiper-slide {
height: auto;
opacity: 0.5;
transition: opacity 0.3s ease;
}
.overview-content .eap-scenarios .scenarios-swiper .swiper-slide-active {
opacity: 1;
}
.overview-content .eap-scenarios .scenario-card {
position: relative;
cursor: pointer;
}
.overview-content .eap-scenarios .scenario-card .scenario-img {
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.overview-content .eap-scenarios .scenario-txt {
padding: 1.25em 0.5em 0;
text-align: center;
}
.overview-content .eap-scenarios .scenario-txt p.title {
font-size: 1.4em;
font-weight: 400;
line-height: 1.4;
color: #2b2b2b;
margin: 0 0 0.5em;
padding: 0 2em;
}
.overview-content .eap-scenarios .scenario-txt p.coverage {
font-size: 0.9em;
font-weight: 400;
line-height: 1.5;
color: #2b2b2b;
margin: 0;
padding: 0 2em;
}
.overview-content .eap-scenarios .scenario-txt .highlight {
color: #00a870;
font-weight: 700;
}
@media (max-width:1024px) {
.overview-content .eap-scenarios {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-scenarios {
font-size: 10.35px;
max-width: 100vw;
}
.overview-content .eap-scenarios .w-container {
width: 85.186vw;
margin: 0 auto;
}
.overview-content .eap-scenarios .text {
padding: 15vw 0 3vw;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-scenarios h2 {
font-size: 6vw;
padding: 0 0 3.125vw;
}
.overview-content .eap-scenarios .scenarios-swiper-wrapper {
max-width: 100vw;
}
.overview-content .eap-scenarios .scenario-card .scenario-img {
aspect-ratio: 4 / 3;
}
.overview-content .eap-scenarios .scenario-overlay {
top: 3vw;
left: 3vw;
}
.overview-content .eap-scenarios .frequency-tag {
font-size: 3vw;
padding: 1vw 2vw;
}
.overview-content .eap-scenarios .scenario-txt {
padding: 4vw 4vw 0;
}
.overview-content .eap-scenarios .scenario-txt p.title {
font-size: 4vw;
margin-bottom: 2vw;
padding: 0;
font-weight: 500;
}
.overview-content .eap-scenarios .scenario-txt p.coverage {
font-size: 2.9vw;
padding: 0;
}
.overview-content .eap-scenarios .scenarios-swiper .swiper-pagination {
margin-top: 2vw;
}
.overview-content .eap-scenarios .scenarios-swiper .swiper-pagination-bullet {
width: 2vw;
height: 2vw;
margin: 0 1vw;
}
}
@media (max-width:414px) {
.overview-content .eap-scenarios {
font-size: 2.5vw;
}
}
.overview-content .eap-technology {
font-size: 16px;
max-width: 1200px;
width: 75em;
margin: 0 auto;
position: relative;
}
.overview-content .eap-technology .sticky-box.absolute {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.overview-content .eap-technology .sticky-box.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.overview-content .eap-technology .w-container {
width: 75em;
margin: 0 auto;
}
.overview-content .eap-technology .text {
padding: 5em 0 0.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-technology h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-technology p {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
padding: 0 0 1.5em;
}
.overview-content .eap-technology .swiper-container {
width: 75em;
margin: 0 auto;
position: relative;
}
.overview-content .eap-technology .swiper-container .swiper-wrapper {
display: block;
height: 41em;
}
.overview-content .eap-technology .swiper-container .swiper-slide {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.overview-content .eap-technology .swiper-container .swiper-slide.position-active {
opacity: 1;
}
.overview-content .eap-technology .swiper-container .swiper-slide .img {
position: relative;
width: 75em;
height: 41em;
margin: 0 auto;
background-position: top;
background-repeat: no-repeat;
background-size: 75em;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
background-image: url('img/1778708195950_d1.jpg');
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
background-image: url('img/1778708196155_d2.jpg');
}
.overview-content .eap-technology .swiper-container .swiper-slide-3 .img {
background-image: url('img/1778708196270_d3.jpg');
}
.overview-content .eap-technology .swiper-container .swiper-slide .desc {
position: absolute;
text-align: left;
line-height: normal;
}
.overview-content .eap-technology .swiper-container .swiper-slide-3 .desc {
color: #fff;
left: 10%;
bottom: 5%;
font-size: 0.8em;
font-weight: 400;
width: 55em;
}
.overview-content .eap-technology .swiper-container .swiper-slide .scroll-text-menu {
position: absolute;
left: 10%;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: flex-start;
flex-direction: column;
/* gap: 1.5em; */
padding: 2em;
background: rgba(0, 0, 0, 0.5);
box-sizing: border-box;
min-width: 23em;
opacity: 1 !important;
z-index: 10;
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-item {
display: flex;
flex-direction: column;
gap: 0.25em;
cursor: pointer;
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-item:last-child {
margin-bottom: 0;
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-title,
.overview-content .eap-technology .swiper-container .swiper-slide .menu-subtitle {
padding: 1em 2em;
border-left: 1px solid #fff;
margin-left: -0.5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-subtitle:hover {
background-color: rgba(0, 230, 153, 0.1);
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-title {
border-left: 3px solid #00e194;
margin-left: -1.5px;
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-title h3 {
font-size: 1.125em;
font-weight: 600;
line-height: 1.5;
color: #00e699;
}
.overview-content .eap-technology .swiper-container .swiper-slide .menu-subtitle h3 {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
color: #808080;
}
.overview-content .eap-technology .swiper-container .swiper-slide .mobile-slide-title {
display: none;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
bottom: 51.2%;
left: 7.8%;
right: 68%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
bottom: 13%;
left: 68%;
right: 0%;
text-align: right;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
bottom: 33.6%;
left: 7.8%;
right: 68%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
bottom: 13%;
left: 68%;
right: 0%;
text-align: right;
}
@media (max-width:1024px) {
.overview-content .eap-technology {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-technology {
font-size: 10.35px;
max-width: 100vw;
width: 100vw;
position: relative;
top: auto;
}
.overview-content .eap-technology .w-container {
width: 85.186vw;
}
.overview-content .eap-technology .text {
padding: 12vw 0 2vw;
text-align: center;
}
.overview-content .eap-technology h2 {
font-size: 6vw;
padding: 0 0 2vw;
}
.overview-content .eap-technology h3 {
font-size: 4.375vw;
}
.overview-content .eap-technology p {
font-size: 3.25vw;
padding: 0;
}
.overview-content .eap-technology .swiper-container {
width: 85.186vw;
overflow: hidden;
}
.overview-content .eap-technology .swiper-container .swiper-wrapper {
position: relative;
width: 100%;
height: auto;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.overview-content .eap-technology .swiper-container .swiper-slide {
flex-shrink: 0;
width: 100%;
height: auto;
position: relative;
}
.overview-content .eap-technology .swiper-container .swiper-slide:not(.swiper-slide-active) {
opacity: 0 !important;
}
.overview-content .eap-technology .swiper-container .swiper-slide .img {
width: 85.186vw;
height: 55vw;
background-size: 100%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .img {
background-image: url('img/1778708196376_d1.jpg');
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .img {
background-image: url('img/1778708196464_d2.jpg');
}
.overview-content .eap-technology .swiper-container .swiper-slide-3 .img {
background-image: url('img/1778708196570_d3.jpg');
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-1 {
bottom: 51.5%;
left: 0%;
right: 60%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-1 .desc-2 {
bottom: 16%;
left: 78%;
right: 0%;
text-align: right;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-1 {
bottom: 38.5%;
left: 0%;
right: 60%;
}
.overview-content .eap-technology .swiper-container .swiper-slide-2 .desc-2 {
bottom: 16%;
left: 78%;
right: 0%;
text-align: right;
}
.overview-content .eap-technology .swiper-container .swiper-slide .scroll-text-menu {
display: none;
}
.overview-content .eap-technology .swiper-container .swiper-slide .mobile-slide-title {
display: block;
font-size: 3.25vw;
font-weight: 600;
line-height: 1.3;
color: #2b2b2b;
text-align: center;
padding: 5vw 5vw 3vw;
margin: 0;
}
}
@media (max-width:414px) {
.overview-content .eap-technology {
font-size: 2.5vw;
}
}
.overview-content .plug-play {
font-size: 16px;
width: 75em;
max-width: 1200px;
margin: 6em auto 0 auto;
}
.overview-content .plug-play .w-container {
position: relative;
width: 100%;
margin: 0 auto;
}
.overview-content .plug-play .text {
position: absolute;
padding: 3em 8em;
top: 50%;
left: 0;
transform: translateY(-50%);
text-align: left;
color: #fff;
max-width: 30em;
}
.overview-content .plug-play h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .plug-play p {
font-size: 1em;
line-height: 1.5;
font-weight: 400;
padding: 0;
}
.overview-content .plug-play .bg {
width: 75em;
height: 37em;
margin: 0 auto;
position: relative;
}
.overview-content .plug-play .bg .video {
width: 100%;
position: absolute;
}
@media (max-width: 1024px) {
.overview-content .plug-play {
font-size: 10px;
}
}
@media (max-width: 736px) {
.overview-content .plug-play {
font-size: 10.35px;
width: 100%;
margin: 6vw auto 0 auto;
}
.overview-content .plug-play h2 {
font-size: 6vw;
padding: 0 5.625vw;
line-height: 1.2;
margin-bottom: 4vw;
text-align: center;
}
.overview-content .plug-play p {
font-size: 3.25vw;
line-height: 1.5;
text-align: center;
padding: 0 0 5.625vw;
}
.overview-content .plug-play h3 {
font-size: 4.444444vw;
padding: 0;
text-align: center;
}
.overview-content .plug-play .bg {
width: 85.186vw;
height: initial;
display: flex;
flex-direction: column-reverse;
}
.overview-content .plug-play .bg .video {
padding: 0 0 18vw;
margin: 0 auto;
background-color: #f7f7f7;
position: relative;
}
.overview-content .plug-play .text {
position: relative;
padding: 12vw 0 2vw;
top: initial;
left: initial;
transform: none;
text-align: left;
color: initial;
max-width: initial;
}
}
@media (max-width: 414px) {
.overview-content .plug-play {
font-size: 2.5vw;
}
}
.overview-content .eap-weatherproof-design {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-weatherproof-design .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-weatherproof-design .text {
padding: 7em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-weatherproof-design h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding-bottom: 0.5em;
}
.overview-content .eap-weatherproof-design p {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}
.overview-content .eap-weatherproof-design img {
width: 100%;
margin: 0 auto;
}
.overview-content .eap-weatherproof-design ul {
text-align: center;
width: 100%;
max-width: 40em;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 2em;
justify-content: center;
margin-top: 2em;
}
.overview-content .eap-weatherproof-design ul li {
width: 10em;
margin: 2em 0;
}
.overview-content .eap-weatherproof-design ul li .icon {
display: block;
width: 2em;
height: 2em;
margin: 0 auto .5em;
background-position: top;
background-size: auto 100%;
background-repeat: no-repeat;
}
.overview-content .eap-weatherproof-design ul .li-1 .icon {
background-image: url('img/1778706933563_b3.png');
}
.overview-content .eap-weatherproof-design ul .li-2 .icon {
background-image: url('img/1778708196723_g1_2.png');
}
.overview-content .eap-weatherproof-design ul .li-3 .icon {
background-image: url('img/1778708196760_g1_3.png');
}
.overview-content .eap-weatherproof-design ul li .desc {
text-align: center;
}
@media (max-width:1024px) {
.overview-content .eap-weatherproof-design {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-weatherproof-design {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-weatherproof-design .w-container {
width: auto;
}
.overview-content .eap-weatherproof-design .text {
padding: 15vw 0 6vw;
text-align: center;
}
.overview-content .eap-weatherproof-design h2 {
font-size: 6vw;
padding: 0 0 2vw;
}
.overview-content .eap-weatherproof-design p {
font-size: 3.25vw;
}
.overview-content .eap-weatherproof-design ul {
width: 100%;
max-width: initial;
margin: 8vw 0 4vw;
gap: 4vw;
}
.overview-content .eap-weatherproof-design ul li {
vertical-align: top;
width: 33vw;
margin: 0;
}
.overview-content .eap-weatherproof-design ul li .icon {
width: 6vw;
height: 6vw;
margin-bottom: 2vw;
}
}
@media (max-width:414px) {
.overview-content .eap-weatherproof-design {
font-size: 2.5vw;
}
}
.overview-content .eap-installation {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-installation .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-installation .text {
padding: 7em 0 1.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-installation h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-installation h3 {
font-size: 1.5em;
font-weight: 300;
line-height: 1.3333;
padding: 0 0 0.5em;
text-align: center;
}
.overview-content .eap-installation p {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}
.overview-content .eap-installation p.title {
font-size: 1.125em;
font-weight: 400;
line-height: 1.3333;
color: #2b2b2b;
}
.overview-content .eap-installation .section-block+.section-block {
margin-top: 3em;
}
.overview-content .eap-installation .section-block-txt-only-title {
padding: 0 3em 1em;
text-align: center;
}
.overview-content .eap-installation .section-block-txt {
padding: 1em 0 0;
text-align: center;
}
.overview-content .eap-installation .ul-mountings {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.overview-content .eap-installation .ul-mountings li {
display: block;
width: 49%;
}
.overview-content .eap-installation .ul-mountings li .mounting-img {
display: block;
width: 100%;
margin: 0 auto;
}
.overview-content .eap-installation .ul-mountings li .mounting-txt,
.overview-content .eap-installation .poe-txt p {
padding: 1em 0 0;
text-align: center;
}
.overview-content .eap-installation .section-block-2 .img {
width: 60em;
height: 21.75em;
margin: 0 auto;
background: url('img/1778708196817_i_2.jpg') top / 60em no-repeat;
position: relative;
}
.overview-content .eap-installation .section-block-2 .desc {
position: absolute;
text-align: center;
}
.overview-content .eap-installation .section-block-2 .desc.desc-1 {
font-size: 2.5em;
font-weight: 300;
left: 5.8em;
top: 0.5em;
}
.overview-content .eap-installation .section-block-2 .desc.desc-1 span {
color: #00a870;
}
.overview-content .eap-installation .section-block-2 .desc.desc-2 {
font-size: 1em;
color: #ffffff;
font-weight: 400;
right: 6.25em;
top: 12.5em;
line-height: 1.2;
}
@media (max-width:1024px) {
.overview-content .eap-installation {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-installation {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-installation .w-container {
width: auto;
}
.overview-content .eap-installation .text {
padding: 15vw 0 3vw;
text-align: center;
}
.overview-content .eap-installation h2 {
font-size: 5.625vw;
padding: 0 0 2vw;
}
.overview-content .eap-installation h3 {
font-size: 4.375vw;
padding: 0 0 1vw;
}
.overview-content .eap-installation p {
font-size: 3.5vw;
}
.overview-content .eap-installation p.title {
font-size: 3.5vw;
}
.overview-content .eap-installation .section-block+.section-block {
margin-top: 8vw;
}
.overview-content .eap-installation .section-block-txt-only-title {
padding: 0 0 3vw;
}
.overview-content .eap-installation .section-block-txt {
padding: 2vw 0 0;
}
.overview-content .eap-installation .ul-mountings {
width: auto;
display: block;
}
.overview-content .eap-installation .ul-mountings li {
width: 100%;
}
.overview-content .eap-installation .ul-mountings li+li {
margin-top: 6.25vw;
}
.overview-content .eap-installation .ul-mountings li .mounting-txt {
padding: 2vw 0 0;
}
.overview-content .eap-installation .section-block-2 .img {
width: 85.186vw;
height: 116vw;
background: url('img/1778708196923_i_2.jpg') top / 100% no-repeat;
}
.overview-content .eap-installation .section-block-2 .desc.desc-1 {
font-size: 8vw;
left: 18vw;
top: 6vw;
}
.overview-content .eap-installation .section-block-2 .desc.desc-2 {
font-size: 3.1vw;
right: initial;
top: initial;
left: 34.5vw;
bottom: 12vw;
}
}
@media (max-width:414px) {
.overview-content .eap-installation {
font-size: 2.5vw;
}
}
@keyframes moveAndFade {
0% {
top: 56%;
left: 21%;
opacity: 1;
}
30% {
top: 25%;
left: 49.5%;
opacity: 1;
}
45% {
top: 46%;
left: 61.5%;
opacity: 1;
}
65% {
top: 27%;
left: 78.5%;
opacity: 1;
}
85% {
top: 6%;
left: 67.5%;
opacity: 1;
}
100% {
top: 6%;
left: 67.5%;
opacity: 0;
}
}
@keyframes pulse {
0% {
transform: scale(0.125);
-webkit-transform: scale(0.125);
-moz-transform: scale(0.125);
-ms-transform: scale(0.125);
-o-transform: scale(0.125);
opacity: 1;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
}
.overview-content .eap-connectivity {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-connectivity .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-connectivity .text {
padding: 7em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-connectivity h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-connectivity p {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}
.overview-content .eap-connectivity .img {
position: relative;
width: 60em;
height: 26.5em;
margin: 0 auto;
background: url('img/1778708197047_h.png') top / 60em no-repeat;
overflow: hidden;
}
.overview-content .eap-connectivity .desc {
position: absolute;
text-align: center;
line-height: normal;
}
.overview-content .eap-connectivity .desc p.desc-m {
font-size: 1em;
font-weight: 400;
line-height: 1.3333;
}
.overview-content .eap-connectivity .desc .img-phone {
display: block;
width: 1.5em;
height: auto;
margin: 0;
}
.overview-content .eap-connectivity .desc .img-prod {
display: block;
width: 3.875em;
height: auto;
margin: 0;
}
.overview-content .eap-connectivity .desc .circle-group {
width: 25em;
height: 25em;
}
.overview-content .eap-connectivity .desc .circle {
position: absolute;
animation: pulse 3s ease-out infinite;
-webkit-animation: pulse 3s ease-out infinite;
width: 25em;
height: 25em;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
background-image: url('img/1778708197230_h-wave-1.png');
}
.overview-content .eap-connectivity .desc-6 .circle {
background-image: url('img/1778708197348_h-wave-2.png');
}
.overview-content .eap-connectivity .desc .circle-2 {
opacity: 1;
animation-delay: 1s;
}
.overview-content .eap-connectivity .desc .circle-3 {
display: none;
}
.overview-content .eap-connectivity .desc-1 {
top: 48%;
left: 86.5%;
right: 2%;
text-align: left;
}
.overview-content .eap-connectivity .desc-2 {
top: 73%;
left: 71%;
right: 2%;
}
.overview-content .eap-connectivity .desc-3 {
top: 56%;
left: 21%;
animation: moveAndFade 8s linear infinite;
-webkit-animation: moveAndFade 8s linear infinite;
}
.overview-content .eap-connectivity .desc-4 {
top: 9.8%;
left: -5.8%;
}
.overview-content .eap-connectivity .desc-5 {
top: 12.5%;
left: 29.8%;
}
.overview-content .eap-connectivity .desc-6 {
top: -17%;
left: 64%;
}
.overview-content .eap-connectivity .desc-7 {
top: 50%;
left: 12%;
}
.overview-content .eap-connectivity .desc-8 {
top: 51.2%;
left: 47.5%;
}
.overview-content .eap-connectivity .desc-9 {
top: 22%;
left: 81.2%;
}
@media (max-width:1024px) {
.overview-content .eap-connectivity {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-connectivity {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-connectivity .w-container {
width: auto;
}
.overview-content .eap-connectivity .text {
padding: 15vw 0 6vw;
text-align: center;
}
.overview-content .eap-connectivity h2 {
font-size: 6vw;
padding: 0 0 2vw;
}
.overview-content .eap-connectivity p {
font-size: 3.25vw;
}
.overview-content .eap-connectivity .img {
width: 85.186vw;
height: 38vw;
background: url('img/1778708197503_h.jpg') top / 100% no-repeat;
}
.overview-content .eap-connectivity .desc p.desc-m {
font-size: 3vw;
}
.overview-content .eap-connectivity .desc .img-phone {
width: 2vw;
}
.overview-content .eap-connectivity .desc .img-prod {
width: 6vw;
}
.overview-content .eap-connectivity .desc .circle-group {
width: 34vw;
height: 34vw;
}
.overview-content .eap-connectivity .desc .circle {
width: 25vw;
height: 25vw;
}
.overview-content .eap-connectivity .desc .circle {
width: 34vw;
height: 34vw;
}
.overview-content .eap-connectivity .desc-1 {
top: 46%;
left: 86.5%;
right: 2%;
text-align: left;
}
.overview-content .eap-connectivity .desc-2 {
top: 74%;
left: 71%;
right: 2%;
}
.overview-content .eap-connectivity .desc-3 {
top: 8%;
left: 70%;
}
.overview-content .eap-connectivity .desc-4 {
top: 11%;
left: -4%;
}
.overview-content .eap-connectivity .desc-5 {
top: 14%;
left: 31%;
}
.overview-content .eap-connectivity .desc-6 {
top: -15%;
left: 64%;
}
.overview-content .eap-connectivity .desc-7 {
top: 50%;
left: 12%;
}
.overview-content .eap-connectivity .desc-8 {
top: 51.2%;
left: 47.5%;
}
.overview-content .eap-connectivity .desc-9 {
top: 22%;
left: 81.2%;
}
}
@media (max-width:414px) {
.overview-content .eap-connectivity {
font-size: 2.5vw;
}
}
.overview-content .eap-setup {
font-size: 16px;
max-width: 1200px;
margin: 0 auto;
}
.overview-content .eap-setup .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-setup .text {
padding: 7em 0 1.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-setup h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding: 0 0 0.5em;
}
.overview-content .eap-setup h3 {
font-size: 1.5em;
font-weight: 400;
line-height: 1.3333;
padding: 0 0 0.5em;
text-align: center;
}
.overview-content .eap-setup p {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}
.overview-content .eap-setup p.title {
font-size: 1.125em;
font-weight: 300;
line-height: 1.3333;
color: #2b2b2b;
}
.overview-content .eap-setup .section-block+.section-block {
margin-top: 5em;
}
.overview-content .eap-setup .section-block-txt-only-title {
padding: 0 3em 1em;
text-align: center;
}
.overview-content .eap-setup .section-block-txt {
padding: 0 3em 1.5em;
text-align: center;
}
.overview-content .eap-setup .img {
width: 60em;
height: 21.75em;
margin: 0 auto;
background: url('img/1778708197600_i.jpg') top / 60em no-repeat;
}
@media (max-width:1024px) {
.overview-content .eap-setup {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-setup {
font-size: 10.35px;
max-width: 85.186vw;
}
.overview-content .eap-setup .w-container {
width: auto;
}
.overview-content .eap-setup .text {
padding: 15vw 0 3vw;
text-align: center;
}
.overview-content .eap-setup h2 {
font-size: 6vw;
padding: 0 0 2vw;
}
.overview-content .eap-setup h3 {
font-size: 4.375vw;
padding: 0 0 1vw;
}
.overview-content .eap-setup p {
font-size: 3.25vw;
}
.overview-content .eap-setup p.title {
font-size: 3.25vw;
}
.overview-content .eap-setup .section-block+.section-block {
margin-top: 8vw;
}
.overview-content .eap-setup .section-block-txt-only-title {
padding: 0 0 3vw;
}
.overview-content .eap-setup .section-block-txt {
padding: 0 0 5vw;
}
.overview-content .eap-setup .img {
width: 85.186vw;
height: 60vw;
background: url('img/1778708197709_i.jpg') top / 100% no-repeat;
}
}
@media (max-width:414px) {
.overview-content .eap-setup {
font-size: 2.5vw;
}
}
.overview-content .eap-sdn {
font-size: 16px;
max-width: 1200px;
margin: 0 auto 5em;
}
.overview-content .eap-sdn .w-container {
width: 60em;
margin: 0 auto;
}
.overview-content .eap-sdn .text {
padding: 7em 0 2.5em;
text-align: center;
color: #2b2b2b;
}
.overview-content .eap-sdn h2 {
font-size: 2.25em;
font-weight: 500;
line-height: 1.3333;
padding-bottom: 0.5em;
}
.overview-content .eap-sdn h3 {
font-size: 1.5em;
font-weight: 500;
line-height: 1.3333;
padding-bottom: 0.5em;
}
.overview-content .eap-sdn p {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}
.overview-content .eap-sdn .link {
margin: 0 auto;
padding-bottom: 2.5em;
text-align: center;
}
.overview-content .eap-sdn .link a {
font-size: 1em;
font-weight: 400;
line-height: 1.3333;
color: #005564;
text-decoration: none;
}
.overview-content .eap-sdn .img {
position: relative;
width: 60em;
height: 27em;
margin: 0 auto;
background: url('img/1778708197832_j.png') top / 60em no-repeat;
}
.overview-content .eap-sdn .img .desc {
position: absolute;
text-align: center;
}
.overview-content .eap-sdn .img .desc-b {
display: block;
font-size: 1em;
font-weight: 500;
line-height: 1.5;
color: #2b2b2b;
}
.overview-content .eap-sdn .img .desc-m {
display: block;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
color: #2b2b2b;
}
.overview-content .eap-sdn .img .desc-s {
display: block;
font-size: 1em;
font-weight: 300;
line-height: 1.2;
color: #2b2b2b;
}
.overview-content .eap-sdn .img .desc-1 {
left: -0.35em;
top: 4.75em;
width: 8em;
}
.overview-content .eap-sdn .img .desc-2 {
left: 9em;
top: 4.75em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-3 {
left: 15.8em;
top: 4.75em;
width: 11em;
}
.overview-content .eap-sdn .img .desc-4 {
left: 23.5em;
top: 12.5em;
width: 8em;
}
.overview-content .eap-sdn .img .desc-5 {
left: 23.5em;
top: 23em;
width: 8em;
}
.overview-content .eap-sdn .img .desc-6 {
left: 40em;
bottom: 5.25em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-7 {
left: 33.5em;
top: 3em;
width: 13em;
}
.overview-content .eap-sdn .img .desc-8 {
left: 33.5em;
top: 11em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-9 {
left: 39.25em;
top: 9em;
width: 2em;
}
.overview-content .eap-sdn .img .desc-10 {
left: 40.875em;
top: 11em;
width: 6em;
}
.overview-content .eap-sdn .img .desc-11 {
left: 47.5em;
top: 7em;
width: 1.5em;
}
.overview-content .eap-sdn .img .desc-12 {
left: 50.5em;
top: 3em;
width: 8.4em;
}
.overview-content .eap-sdn .img .desc-13 {
left: 34em;
top: 21.5em;
width: 4.25em;
}
.overview-content .eap-sdn .img .desc-14 {
left: 49em;
top: 21.5em;
width: 5em;
}
.overview-content .eap-sdn .img .desc-15 {
left: 54.5em;
top: 21.5em;
width: 4em;
}
.overview-content .eap-sdn .img .desc-16 {
left: 50.5em;
top: 10em;
width: 8.4em;
}
@media (max-width:1024px) {
.overview-content .eap-sdn {
font-size: 10px;
}
}
@media (max-width:736px) {
.overview-content .eap-sdn {
font-size: 10.35px;
max-width: 85.186vw;
margin: 0 auto 10vw;
}
.overview-content .eap-sdn .w-container {
width: auto;
}
.overview-content .eap-sdn .text {
padding: 15vw 0 6vw;
text-align: center;
}
.overview-content .eap-sdn h2 {
font-size: 6vw;
padding: 0 0 2vw;
}
.overview-content .eap-sdn h3 {
font-size: 4.375vw;
padding: 0 0 3.125vw;
}
.overview-content .eap-sdn p {
font-size: 3.25vw;
}
.overview-content .eap-sdn p.title {
font-size: 3.25vw;
}
.overview-content .eap-sdn p.note {
font-size: 3vw;
padding-top: 2vw;
}
.overview-content .eap-sdn .link {
margin: 0 auto;
padding: 0 0 6vw;
}
.overview-content .eap-sdn .link a {
font-size: 3.25vw;
}
.overview-content .eap-sdn .img {
width: 100%;
height: 204vw;
background: url('img/1778708197990_j.png') top / 100% no-repeat;
}
.overview-content .eap-sdn .img .desc-b {
font-size: 3vw;
}
.overview-content .eap-sdn .img .desc-m {
font-size: 3vw;
}
.overview-content .eap-sdn .img .desc-s {
font-size: 3vw;
}
.overview-content .eap-sdn .img .internet {
font-size: 3vw;
}
.overview-content .eap-sdn .img .desc-1 {
left: 0vw;
top: 14.5vw;
width: 24vw;
}
.overview-content .eap-sdn .img .desc-2 {
left: 27.5vw;
top: 14.5vw;
width: 24vw;
}
.overview-content .eap-sdn .img .desc-3 {
left: 55.5vw;
top: 14.5vw;
width: 27vw;
}
.overview-content .eap-sdn .img .desc-4 {
left: 41vw;
top: 57.5vw;
width: 34vw;
}
.overview-content .eap-sdn .img .desc-5 {
left: 0vw;
top: 91vw;
width: 28vw;
}
.overview-content .eap-sdn .img .desc-6 {
left: 16vw;
bottom: 60vw;
width: 18vw;
text-align: left;
}
.overview-content .eap-sdn .img .desc-7 {
left: 46vw;
top: 88vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-8 {
left: 46vw;
top: 108vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-9 {
left: 46vw;
top: 116vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-10 {
left: 46vw;
top: 135vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-11 {
left: 46vw;
top: 150vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-12 {
left: 46vw;
top: 163vw;
width: 36vw;
}
.overview-content .eap-sdn .img .desc-13 {
left: 8vw;
top: 117.2vw;
width: 12.5vw;
}
.overview-content .eap-sdn .img .desc-14 {
left: 3vw;
top: 169vw;
width: 28vw;
}
.overview-content .eap-sdn .img .desc-15 {
left: 3vw;
top: 190.5vw;
width: 28vw;
}
.overview-content .eap-sdn .img .desc-16 {
left: 44vw;
top: 186vw;
width: 37vw;
}
}
@media (max-width: 414px) {
.overview-content .eap-sdn {
font-size: 2.5vw;
}
}
/* EAP775 custom overrides */
#product .highlights>.product-menu,
#product .in-the-box,
#product .build-features,
#product .product-highlights-note {
display: none;
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul .li-3 .icon {
background-image: url('img/1778708195129_b2.png');
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul .li-4 .icon {
background-image: url('img/1778708195182_b3.png');
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul .li-5 .icon {
background-image: url('img/1778706933563_b3.png');
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul .li-6 .icon {
background-image: url('img/1778708195408_b6.png');
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul .li-7 .icon {
background-image: url('img/1778708195468_b7.png');
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul .li-8 .icon {
background-image: url('img/1778708195578_b8.png');
}
.overview-content .eap775-outdoor_v1 .eap-performance h2 {
width: 27em;
max-width: 100%;
margin: 0 auto;
}
.overview-content .eap775-outdoor_v1 .eap-scenarios .text p {
font-size: 1.125em;
font-weight: 300;
line-height: 1.5;
width: 60em;
max-width: 100%;
margin: 0 auto;
}
.overview-content .eap775-outdoor_v1 .plug-play .text {
color: #111;
}
.overview-content .eap775-outdoor_v1 .plug-play .bg {
background: #f5f5f5;
overflow: hidden;
}
.overview-content .eap775-outdoor_v1 .plug-play .bg .video {
height: 100%;
object-fit: cover;
}
.overview-content .eap775-outdoor_v1 .plug-play .bg .video.m-hide {
width: 96%;
height: 100%;
top: 1em;
left: 10%;
object-fit: contain;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .w-container,
.overview-content .eap775-outdoor_v1 .eap-installation .w-container {
width: 75em;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .w-container {
position: relative;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-heading {
width: 60em;
max-width: 100%;
margin: 0 auto;
padding: 7em 0 0;
text-align: center;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-swiper {
width: 100%;
overflow: hidden;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-swiper .swiper-slide {
width: 100%;
height: auto;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-swiper .text {
padding: 1em 0 2.5em;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-copy .text {
padding: 1em 0 2.5em;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .text,
.overview-content .eap775-outdoor_v1 .eap-installation .text {
width: 60em;
max-width: 100%;
margin: 0 auto;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .img-container {
position: relative;
}
@media (min-width:737px) {
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-swiper .img-container {
aspect-ratio: 20 / 7;
overflow: hidden;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-swiper .img-container img.m-hide {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul {
display: grid;
grid-template-columns: repeat(2, 12em);
justify-content: center;
column-gap: 0;
row-gap: 4em;
width: 24em;
max-width: none;
margin: 0;
position: absolute;
left: 54%;
top: 5.8em;
transform: none;
z-index: 2;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li {
width: 12em;
margin: 0;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li .icon {
filter: brightness(0) invert(1);
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li .title {
color: #fff;
font-size: 1em;
font-weight: 300;
line-height: 1.35;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul .li-4 .icon {
background-image: url('img/eap775-wind-icon.png');
background-repeat: no-repeat;
background-size: contain;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .text {
padding-bottom: 2.5em;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .img-container {
width: 100%;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .img-container img.m-hide {
display: block;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label {
position: absolute;
top: 45.5%;
transform: translateY(-50%);
z-index: 2;
color: #0c6865;
text-align: left;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label p {
color: #0c6865;
font-size: 1.65em;
font-weight: 600;
line-height: 1.08;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label-without {
left: 23.5%;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label-with {
left: 68%;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .img {
width: 75em;
height: 26.63em;
background-size: 75em auto;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-1 {
left: 9em;
top: 0.55em;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-2 {
right: 14em;
top: 16.5em;
color: #000;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-2 strong {
font-weight: 500;
}
.overview-content .eap775-outdoor_v1 .eap-installation .ul-mountings li .mounting-img {
aspect-ratio: 972 / 720;
object-fit: cover;
background: #f7f7f7;
}
@media (max-width:736px) {
.overview-content .eap775-outdoor_v1 .eap-selling-points .text {
padding-top: 16vw;
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul {
transform: translateY(-8vw);
}
.overview-content .eap775-outdoor_v1 .eap-speed .text {
padding-top: 13vw;
}
.overview-content .eap775-outdoor_v1 .eap-performance h2 {
width: auto;
}
.overview-content .eap775-outdoor_v1 .eap-scenarios .text p {
width: auto;
font-size: 3.25vw;
}
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenarios-swiper-wrapper {
overflow: hidden;
}
.overview-content .eap775-outdoor_v1 .plug-play .text {
color: #111;
}
.overview-content .eap775-outdoor_v1 .plug-play .bg .video {
height: auto;
object-fit: contain;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .w-container,
.overview-content .eap775-outdoor_v1 .eap-installation .w-container {
width: auto;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .text,
.overview-content .eap775-outdoor_v1 .eap-installation .text {
width: auto;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-heading {
width: auto;
padding: 15vw 0 0;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-swiper .text {
padding: 3vw 0 6vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-copy .text {
padding: 3vw 0 6vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul {
position: static;
transform: none;
width: 100%;
margin: 8vw 0 4vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li {
width: 33vw;
margin: 0 0 5vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul .li-4 {
display: block;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li .icon {
filter: none;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li .title {
color: #2b2b2b;
font-size: 3.25vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label p {
font-size: 6vw;
line-height: 1.12;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label-without {
left: 12%;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .antiuv-label-with {
left: 59.5%;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .img-container {
width: 100%;
margin-top: 34.2vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .img-container img.m-hide {
display: none;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .img-container img.m-show {
display: block;
width: 100%;
height: auto;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design .weatherproof-antiuv .antiuv-label {
top: -18.5vw;
transform: none;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .img {
width: 85.186vw;
height: 116vw;
background-size: 100% auto;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-1 {
left: 18vw;
top: 6vw;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-2 {
left: 34.5vw;
right: initial;
top: initial;
bottom: 12vw;
}
}
/* EAP775 design alignment overrides */
.overview-content .eap775-outdoor_v1 h2,
.overview-content .eap775-outdoor_v1 p,
.overview-content .eap775-outdoor_v1 a,
.overview-content .eap775-outdoor_v1 span {
letter-spacing: 0;
}
.overview-content .eap775-outdoor_v1 h2 {
color: #1d2529;
font-weight: 400;
}
.overview-content .eap775-outdoor_v1 p,
.overview-content .eap775-outdoor_v1 a {
color: #1d2529;
font-weight: 300;
}
.overview-content .eap775-outdoor_v1 .eap-banner h2 {
color: #ffffff;
font-weight: 500;
}
.overview-content .eap775-outdoor_v1 .eap-banner p .model {
color: #ffffff;
font-weight: 400;
}
.overview-content .eap775-outdoor_v1 .eap-speed a {
color: #00a870;
}
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features {
width: 100%;
max-width: 100%;
margin: 2em 3em 0;
display: flex;
flex-wrap: nowrap;
column-gap: 3em;
}
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features li {
width: auto;
margin: 0;
}
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features .li-2,
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features .li-3,
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features .li-4,
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features .li-5 {
margin-left: 0;
}
.overview-content .eap775-outdoor_v1 .eap-selling-points p.title,
.overview-content .eap775-outdoor_v1 .eap-speed p.title,
.overview-content .eap775-outdoor_v1 .eap-speed .img p.desc-m,
.overview-content .eap775-outdoor_v1 .eap-installation p.title,
.overview-content .eap775-outdoor_v1 .eap-sdn .img .desc-b,
.overview-content .eap775-outdoor_v1 .eap-sdn .img .desc-m,
.overview-content .eap775-outdoor_v1 .eap-sdn .img .desc-s {
font-weight: 300;
}
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenario-txt p.title {
font-weight: 300;
}
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenario-txt p.coverage,
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenario-txt .highlight {
font-weight: 300;
}
.overview-content .eap775-outdoor_v1 .plug-play p {
max-width: 28em;
}
@media (max-width:736px) {
body,
#product,
.page-content-wrapper,
.product-info,
.product-detail,
.overview-content,
.overview-content .eap775-outdoor_v1 {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
#product .product-container {
padding-left: 0;
padding-right: 0;
}
.overview-content .eap775-outdoor_v1 h2 {
line-height: 1.25;
}
.overview-content .eap775-outdoor_v1 .eap-banner {
overflow: hidden;
}
.overview-content .eap775-outdoor_v1 .eap-banner .text {
padding-right: 0;
}
.overview-content .eap775-outdoor_v1 .eap-banner h2 {
max-width: 68vw;
line-height: 1.28;
white-space: normal;
}
.overview-content .eap775-outdoor_v1 .eap-selling-points ul,
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features {
overflow: visible;
}
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features {
width: 100%;
max-width: 100%;
margin: 0;
margin-top: 6vw;
column-gap: 12vw;
row-gap: 8vw;
display: flex;
flex-wrap: wrap;
}
.overview-content .eap775-outdoor_v1 .eap-speed .ul-features li {
margin: 0;
}
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenarios-swiper-wrapper {
width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
}
.overview-content .eap775-outdoor_v1 .plug-play .bg {
text-align: center;
}
.overview-content .eap775-outdoor_v1 .plug-play p {
max-width: none;
}
}
@media (max-width:736px) {
.overview-content .eap775-outdoor_v1 .eap-banner,
.overview-content .eap775-outdoor_v1 .eap-selling-points,
.overview-content .eap775-outdoor_v1 .eap-speed,
.overview-content .eap775-outdoor_v1 .eap-performance,
.overview-content .eap775-outdoor_v1 .plug-play .bg,
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design,
.overview-content .eap775-outdoor_v1 .eap-installation,
.overview-content .eap775-outdoor_v1 .eap-connectivity,
.overview-content .eap775-outdoor_v1 .eap-setup,
.overview-content .eap775-outdoor_v1 .eap-sdn {
width: 85.186%;
max-width: 85.186%;
}
.overview-content .eap775-outdoor_v1 .eap-banner {
aspect-ratio: 920 / 1280;
padding-bottom: 0;
background-size: 100% 100%;
}
.overview-content .eap775-outdoor_v1 .eap-banner .w-container {
width: 82.6%;
}
.overview-content .eap775-outdoor_v1 .eap-banner .text {
padding-top: 15%;
}
.overview-content .eap775-outdoor_v1 .eap-speed .img,
.overview-content .eap775-outdoor_v1 .eap-performance .img,
.overview-content .eap775-outdoor_v1 .plug-play .bg .video,
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .img,
.overview-content .eap775-outdoor_v1 .eap-connectivity .img,
.overview-content .eap775-outdoor_v1 .eap-setup .img,
.overview-content .eap775-outdoor_v1 .eap-sdn .img {
width: 100%;
}
}
/* Tighten the three areas called out in the design review. */
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenario-note {
width: 75em;
max-width: 1200px;
margin: 2.5em 0;
font-size: 0.875em;
font-weight: 300;
line-height: 1.5;
color: #1d2529;
text-align: left;
}
.overview-content .eap775-outdoor_v1 .plug-play {
margin-top: 5em;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .img {
aspect-ratio: 2400 / 707;
height: auto;
}
@media (max-width:736px) {
.overview-content .eap775-outdoor_v1 .eap-scenarios .scenario-note {
width: 85.186%;
max-width: 85.186%;
margin: 6vw auto 0;
font-size: 3.25vw;
line-height: 1.45;
}
.overview-content .eap775-outdoor_v1 .plug-play {
margin-top: 12vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 6vw;
row-gap: 8vw;
width: 100%;
margin: 8vw auto 10vw;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul li {
width: auto;
margin: 0;
}
.overview-content .eap775-outdoor_v1 .eap-weatherproof-design ul .li-3 {
grid-column: auto;
justify-self: stretch;
width: auto;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .img {
width: 85.186vw;
max-width: 85.186vw;
aspect-ratio: 920 / 1015;
height: auto;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-2 {
left: 0;
right: 0;
bottom: 7vw;
width: 100%;
color: #1d2529;
font-size: 3.25vw;
line-height: 1.2;
text-align: center;
}
.overview-content .eap775-outdoor_v1 .eap-installation .section-block-2 .desc.desc-2 strong {
font-weight: 500;
}
.overview-content .eap775-outdoor_v1 .eap-sdn {
width: 85.186vw;
max-width: 85.186vw;
margin-left: calc((100vw - 85.186vw) / 2);
margin-right: calc((100vw - 85.186vw) / 2);
}
.overview-content .eap775-outdoor_v1 .eap-sdn .text p {
font-size: 3.35vw;
}
.overview-content .eap775-outdoor_v1 .eap-speed .img {
width: 82vw;
max-width: 100%;
aspect-ratio: 920 / 1280;
height: auto;
margin-left: auto;
margin-right: auto;
}
.overview-content .eap775-outdoor_v1 .eap-speed .img .desc-2 {
left: calc(85.2% + 1em);
right: auto;
width: auto;
white-space: nowrap;
}
.overview-content .eap775-outdoor_v1 .eap-speed .img .desc-3 {
left: calc(48.9% + 1em);
right: auto;
width: auto;
white-space: nowrap;
}
.overview-content .eap775-outdoor_v1 .eap-speed .img .desc-4 {
left: calc(15.5% + 1em);
right: auto;
width: auto;
white-space: nowrap;
}
.overview-content .eap775-outdoor_v1 .eap-sdn .img {
width: 85.186vw;
height: 204vw;
}
}
@media (max-width:480px) {
.overview-content .eap775-outdoor_v1 .eap-speed .img {
width: 68vw;
}
}