.overview-content { font-size:16px;font-weight: 300;max-width: 1920px;margin: 0 auto; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .w1440 { margin:0 auto; position:relative; width:90em; }
.overview-content .w1200 { margin:0 auto; position:relative; width:75em; }
.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;font-weight: 400 }
.overview-content .text>h3 { font-size:1.875em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; line-height:1.5; padding-top:1em; }
.overview-content .link{padding-bottom: 0.25em;}
.overview-content a{text-decoration: none;color: currentColor;}
@media screen and (max-width:1440px){
  .overview-content { font-size:1.111111111111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content .m-show { display:block; }
  .overview-content .m-hide{display: none}
  .overview-content .w1440,.overview-content .w1366,.overview-content .w1200 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text>h3 { font-size:2rem; padding:0 6% 2rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 2rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a{background: url(a.jpg) center/120em auto no-repeat;height:52.5em;}
.overview-content .a .text{text-align: center;color: #fff;padding: 5em 2em 0;}
.overview-content .a .text h2{font-size: 3.4375em;line-height: 1.2;}
.overview-content .a .text p{font-size: 1.875em;line-height: 1.55;padding-top: 0.5em;}
.overview-content .a .text .omada{font-size: 1.25em;padding-bottom: 0.75em;}
.overview-content .a .text .omada img{height: 2.8125em;margin-right: 0.2em;vertical-align: bottom;}
.overview-content .a .text .omada span{display: inline-block;vertical-align: super;}
.overview-content .a .text p.model{padding: 0.125em 0.75em;background: #36444b;border-radius: 0.35em;display: inline-block;margin-top: 0.5em;}
.overview-content .b{background: #212932;padding: 4em 0;}
.overview-content .b ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.overview-content .b li{width: 12%;color: #fff;text-align: center;}
.overview-content .b .icon{width: 5em;height:5em;display:block;margin:0 auto;background-repeat: no-repeat;background-image: url(b-icons.png);background-size: auto 100%;}
.overview-content .b .icon-cloud{background-position: 0 0;}
.overview-content .b .icon-ports{background-position: 16.5% 0;}
.overview-content .b .icon-wan{background-position: 33.25% 0;}
.overview-content .b .icon-load{background-position: 50% 0;}
.overview-content .b .icon-vpn{background-position: 66.675% 0;}
.overview-content .b .icon-firewall{background-position: 83.5% 0;}
.overview-content .b .icon-app{background-position: 100% 0;}
.overview-content .b .icon-vlan{background: url(icon-vlan.png) center/contain no-repeat;}
.overview-content .b li p{font-size: 1.25em;line-height: 1.25;padding-top:0.75em;}
.overview-content .c .text{text-align:center;padding: 3.75em 0 2em;}
.overview-content .c .text h2+p{width:60em;margin:0 auto;}
.overview-content .c .link{color: #005564;padding-bottom: 0.25em;}
.overview-content .c .link a{border-bottom: 1px solid currentColor;}
.overview-content .c .img{background: url(c.jpg) center/contain no-repeat;height: 50em;position: relative;}
.overview-content .c .img .desc{position: absolute;font-size: 1.125em;width: 10em;line-height: 1.3;}
.overview-content .c .img .desc1{right: 61.5em;top:16em;width: 8em;}
.overview-content .c .img .desc2{left:22em;top:1.5em;font-size: 1.25em;}
.overview-content .c .img .desc3{left:35em;top:3em;font-size: 1.25em;}
.overview-content .c .img .desc4{right: 61em;top:8em;}
.overview-content .c .img .desc5{left:44.5em;top:18em;text-align:center}
.overview-content .c .img .desc6{left:58em;top:9em;}
.overview-content .c .img .desc7{left:50em;top:27em;}
.overview-content .c .img .desc8{left:56em;top:30em;width:12em;text-align:center}
.overview-content .c .img .screen {position: absolute;top:29.65em;left:2.5em;width:32.5em;height:24.25em;overflow:hidden;border-radius: 0.5em;}
.overview-content .c .img .board{position: absolute;top:0;right:0;bottom:0;left:0;background-position: 50% 0;background-size:cover;background-repeat: no-repeat;animation: opacity 8s linear infinite;}
.overview-content .c .img .board1{background-image: url(board1.png);}
.overview-content .c .img .board2{background-image: url(board2.png);animation-delay: 2s;}
.overview-content .c .img .board3{background-image: url(board3.png);animation-delay: 4s;}
.overview-content .c .img .board4{background-image: url(board4.png);animation-delay: 6s;}
.overview-content .c .img .phone{position:absolute;overflow:hidden;border-radius: 0.5em;width:9.75em;height: 17.5em;top:34.25em;left:39em}
.overview-content .c .img .scene{position: absolute;top:0;right:0;bottom:0;left:0;background-position: 50% 0;background-size:cover;background-repeat: no-repeat;animation: xPosition 8s linear infinite;}
.overview-content .c .img .scene1{background-image: url(scene1.png);}
.overview-content .c .img .scene2{background-image: url(scene2.png);animation-delay: 2s;}
.overview-content .c .img .scene3{background-image: url(scene3.png);animation-delay: 4s;}
.overview-content .c .img .scene4{background-image: url(scene4.png);animation-delay: 6s;}
@keyframes opacity{
  5%{opacity: 1;z-index: 3;}
  25%{opacity: 1;z-index: 3;}
  30%{opacity: 0;z-index: 1;}
  100%{opacity: 0;z-index: 1;}
}
@keyframes xPosition{
  5%{transform:translateX(0);z-index: 3;}
  25%{transform:translateX(0);z-index: 3;}
  27%{transform:translateX(100%);z-index: 3;}
  30%{transform:translateX(100%);z-index: 1;}
  100%{transform:translateX(100%);z-index: 1;}
}
.overview-content .c .sub-text{padding: 7em 12em 5em 45em;margin-top: -16em;position: relative;}
.overview-content .c .sub-text h4{font-size: 1.5em;font-weight: 400;line-height: 1.3;}
.overview-content .c .sub-text p{font-size: 1.25em;line-height: 1.3;}
.overview-content .d{background: #e5edef;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row-reverse;}
.overview-content .d .text{width: 45%;padding: 9em 7% 5em;box-sizing: border-box;}
.overview-content .d .img{height: 0;padding-bottom:38.65%;width: 54%;position: relative;background: url(d1.jpg) center/100% auto no-repeat;}
.overview-content .d .img .desc{position: absolute;font-size: 1.125em;font-weight:400;color:#005564;width: 15%;line-height:1.35;text-align: center;top:77%;}
.overview-content .d .img .desc1{left: 7%;}
.overview-content .d .img .desc2{left: 22.5%;}
.overview-content .d .img .desc3{left: 35.5%;}
.overview-content .d .img .desc4{left: 53%;}
.overview-content .d .img .desc5{left: 72.5%;}

.overview-content .e{display: flex;justify-content: center;align-items: flex-start;}
.overview-content .e .text{width: 36%;box-sizing: border-box;padding: 10em 7% 5em 6%;}
.overview-content .e .img{position: relative;width: 55%;height:0;padding-bottom: 45%;background: url(e.png) center/100% auto no-repeat;}
.overview-content .e .img .desc{position: absolute;font-size: 1.25em;font-weight: 700;line-height:1.3;width:18%;color: #085462;text-align: center;}
.overview-content .e .img .desc1{left: 0;top:44%;font-size: 1.5em;}
.overview-content .e .img .desc2{left: 6.5%;top:70%;font-size:1.5em}
.overview-content .e .img .desc3{left: 39.5%;top:82%;width:20%;}
.overview-content .e .img .desc4{left: 46%;top:28.5%;font-size:1.875em;color: #7fd8df;}
.overview-content .e .img .desc5{left: 82%;top:42%;}
.overview-content .f{background: #35444b;color:#fff;}
.overview-content .f .text{text-align: center;padding: 3em 0 2em;}
.overview-content .f .img{position:relative;background: url(f.jpg) center/100% auto no-repeat;height: 0;padding-bottom: 40%;}
.overview-content .f .img .desc{position: absolute;max-width: 30em;}
.overview-content .f .img .desc h3{font-size: 1.75em;font-weight: 400;line-height: 0.9;}
.overview-content .f .img .desc p{font-size: 1.25em;line-height: 1.25;padding-top:1em;}
.overview-content .f .img .desc1{right: 67%;top:12%;text-align: right;}
.overview-content .f .img .desc2{right: 72%;top:35%;text-align: right;}
.overview-content .f .img .desc3{right: 72%;top:61%;text-align: right;}
.overview-content .f .img .desc4{left: 67%;top:12%;}
.overview-content .f .img .desc5{left: 72%;top:35%;}
.overview-content .f .img .desc6{left: 72%;top:61%;}
.overview-content .g{background: url(g.jpg) center/120em auto no-repeat;height: 54em;}
.overview-content .g .text{padding-top: 16em;width: 38em;}
.overview-content #omada-app{background: #b1bbbe;}
@media screen and (max-width:736px){
  .overview-content .a{background: url(m/a.jpg) center/100% no-repeat;height:0;padding-bottom: 133%;}
  .overview-content .a .text{padding: 0;}
  .overview-content .a .text h2{font-size: 7vw;padding: 0 10%;}
  .overview-content .a .text p{font-size: 4vw;padding: 2vw 10%;}
  .overview-content .a .text .omada{font-size: 3vw;padding: 12vw 10% 2vw;}
  .overview-content .b ul{justify-content: flex-start;width: 88%;margin: 0 auto;padding: 2rem 0;}
  .overview-content .b li{width:25%;font-size: .75rem;padding-bottom: 1.5rem;}
    .overview-content .c .text{padding: 0 0 3rem;text-align: left;}
    .overview-content .c .text h2+p{width: auto;}
    .overview-content .c .img{background-image: url(m/c.jpg);height: 0;padding-bottom: 120%;}
    .overview-content .c .img .desc{font-size: 2.5vw;text-align: center;}
    .overview-content .c .img .desc1{right:76%;top:20%;}
.overview-content .c .img .desc2{left:31%;top:0;font-size: 2.65vw;}
.overview-content .c .img .desc3{left:56%;top:3%;font-size: 2.65vw;}
.overview-content .c .img .desc4{right:75%;top:10%;}
.overview-content .c .img .desc5{left:73.5%;top:27%;}
.overview-content .c .img .desc6{left:74%;top:53%;}
.overview-content .c .img .desc7{left:30%;top:59%;}
.overview-content .c .img .desc8{left:8%;top:50%;}
.overview-content .c .sub-text{padding: 2rem 6% 4rem;margin:0;}
.overview-content .c .sub-text h4{font-size: 1.75rem;}
.overview-content .c .sub-text p{font-size: 1.5rem;}
.overview-content .d,.overview-content .e{display:block;}
.overview-content .d .text,.overview-content .e .text{width: auto;padding: 0;}
.overview-content .d .img{width: 100%;margin-left:-6%;padding-bottom: 72.5%;}
.overview-content .d .img .desc{font-size: 1rem;}
.overview-content .e .img{width: 88%;margin:0 auto;padding-bottom: 70%;font-size: 1.65vw;}
.overview-content .f .text{padding:0;}
.overview-content .f .img{height: auto;padding-top: 76%;padding-bottom:4rem;background: url(m/f.jpg) 50% 0/100% no-repeat;}
.overview-content .f .img .desc{position: relative;width: 88%;max-width:88%;box-sizing:border-box;padding-left:5.5rem;margin: 0 auto 3rem;top:auto;left:auto;right:auto;text-align:left;}
.overview-content .f .img .desc:before{content: '';display: block;width: 5rem;height: 5rem;position: absolute;top: 0;left:0;background:url(m/f-icons.png) center/100% auto no-repeat;}
.overview-content .f .img .desc1:before{background-position: 0 0;}
.overview-content .f .img .desc2:before{background-position: 0 20%;}
.overview-content .f .img .desc3:before{background-position: 0 40%;}
.overview-content .f .img .desc4:before{background-position: 0 60%;}
.overview-content .f .img .desc5:before{background-position: 0 80%;}
.overview-content .f .img .desc6:before{background-position: 0 100%;}
.overview-content .f .img .desc h3{font-size: 1.75rem;line-height: 1.1;}
.overview-content .f .img .desc p{font-size: 1.35rem;}
.overview-content .g{background: #dde1df url(m/g.jpg) 50% 100%/100% no-repeat;;height: auto;padding-bottom: 93%; }
.overview-content .g .text{width: auto;padding:0;}


}