.overview-content { font-size:16px; }
.overview-content .w1200 { margin:0 auto; position:relative; width:85.375em; max-width: 88%;}
.overview-content .w1200:after { clear:both; content:""; display:block; }
.overview-content .w1500 { margin:0 auto; position:relative; max-width:93.75em; width: 100%;}
.overview-content .w1500:after { clear:both; content:""; display:block; }
.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; letter-spacing:0.01em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; letter-spacing:0.01em; line-height:1.5; padding-top:1.5em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:12px; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content .m-light { font-weight:300; }
  .overview-content .m-regular { font-weight:400; }
  .overview-content .m-show { display:block; }
  .overview-content .w1200 { width:auto; max-width: 100%;}
  .overview-content .w1500 { width: auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a { background:url(a.jpg) 50% 0 no-repeat; background-size:120em auto; height:53.125em;  }
.overview-content .a .text { padding:11.3em 0 0 5.25em; width:60em; }
.overview-content .a .text h3 { font-size:2.4em; line-height:1.2; padding:0 0 0 5em;  }
.overview-content .a .text h2 { font-size:3.75em; padding:0;  }
.oc200_v1_1 .a { padding:11.3em 0 15em 0;  background-image: url(1_a.jpg); background-size: cover; height: auto;}
.oc200_v1_1 .a .text {padding: 0;}
.oc200_v1_1 .a .text h3 { padding-left: 0;}
.oc200_v1_1 .a .text h3 .omada { display: inline-block; width: 4.27em; margin-right: 0.3em;}
.oc200_v1_1 .a .text .model { display: inline-block; padding: .1em .2em .15em; margin-top: 0.8em; border-radius: .2em;background: #a08b7c; color: #fff; font-size: 2.0625em; line-height: 1;}
.oc200_v1_1 .a .text .product-img { margin-top: 2em; width: 26.6875em; height: 11.875em;}
.oc200_v1_1 .a .text .product-img img {position:relative; left: -1.5em;max-width:100%;max-height: 100%;}
@media (max-width:736px) {
  .overview-content .a { background:url(m/a.jpg) 50% 0 no-repeat; background-size:100%; height:133vw;  }
  .overview-content .a .text { background:none; margin:0 6%; padding:22vw 0 0; width:auto; }
  .overview-content .a .text h3 { font-size:6vw; padding:0 0 0 25vw }
  .overview-content .a .text h2 { font-size:7vw; padding:3vw 0 0; }
  .overview-content .a .text h2 br { display:none; }
}
@media (max-width:736px) {
	.oc200_v1_1 .a { padding: 30vw 0; background-image:url(m/1_a.jpg); height: auto;}
	.oc200_v1_1 .a .text { padding: 0;}
  .oc200_v1_1 .a .text h3 { padding: 0;}
  .oc200_v1_1 .a .text .model {margin-top: 0.5em; padding: .2em .3em; border-radius: 1.5625vw; font-size: 4.5vw;}
  .oc200_v1_1 .a .text .product-img {width: 50vw; height: 22.25vw;}
  .oc200_v1_1 .a .text .product-img img {left: 0;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.jpg) 50% 100% no-repeat; background-size:120em auto; padding-bottom:45em; }
.overview-content .b .text { margin:0 auto; padding:5em 0 0; text-align:center; width:70em; }
.overview-content .b .icons { display: table; margin:3em auto 0; }
.overview-content .b .icons li { display:table-cell; width: 20em;}
.overview-content .b .icons li .icon { display:table-cell; padding:0; text-align:center; vertical-align:middle; }
.overview-content .b .icons li span { display:table-cell; font-size:1.25em; line-height:1.2; padding:0 2em 0 1em; vertical-align:middle; }
@media (max-width:1440px) {
  .overview-content .b .icons li .icon img { zoom:0.75 }
}
@media (max-width:736px) {
  .overview-content .b { background:url(m/b.jpg) 50% 100% no-repeat; background-size:100%; height:auto; padding-bottom:80%; }
  .overview-content .b .text { padding:0; text-align:left; width:auto; }
  .overview-content .b .icons { margin:0 6%; width:auto; }
  .overview-content .b .icons li .icon { display:block; padding:0; text-align:center; }
  .overview-content .b .icons li span { display:block; font-size:1.25rem; padding:0; text-align:center; }
  .overview-content .b .icons li span br { display:none; }

}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .section-smartcloud {padding-top: 8.125em;padding-bottom:5em;}
.overview-content .section-smartcloud .text {text-align:center;}
.overview-content .section-smartcloud .text p {width: 80%; margin:auto;}
.overview-content .section-smartcloud .text a:hover {color: #4acbd6;}
.overview-content .section-smartcloud .text a {color: #085563;}
.overview-content .section-smartcloud .img .inner {position: relative;}
.overview-content .section-smartcloud .bg-text {position:absolute; top:0; bottom:0; left:0; right:0;}
.overview-content .section-smartcloud .img-1 {width: 61.6871em; margin: 3em auto 0;}
.overview-content .section-smartcloud .img-1 .inner {height: 0; padding-top: 54.3%; background:url('./smartcloud-bg-1.png') center no-repeat; background-size:contain;}
.overview-content .section-smartcloud .img-1 .bg-text {font-size: 1em; }
.overview-content .section-smartcloud .img-1 .des {position: absolute; font-size: 1.125em; line-height: 1.2;}
.overview-content .section-smartcloud .img-1 .des-1 {top: 44.77%; right: 99%; width: 6.667em; text-align:right;}
.overview-content .section-smartcloud .img-1 .des-2 {top: 17.7%; right: 99%; width: 8.5em; text-align:right;}
.overview-content .section-smartcloud .img-1 .des-3 {top: 5.597%; left: 31%; right: 53.7%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-4 {top: 14%; left: 58.76%; right: 26.85%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-5 {top: 56%; left: 60%; right: 27.36%; text-align: center;}
.overview-content .section-smartcloud .img-1 .des-6 {top: 25.2%; left: 88%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-7 {top: 42%; left: 97.5%; width: 11.111em;}
.overview-content .section-smartcloud .img-1 .des-8 {bottom: 6.5%; left: 61%; right: 15%; text-align: right;}
.overview-content .section-smartcloud .img-1 .des-cloud {top: 92%; bottom: 3.73%; left: 87%; right: 1%; text-align: center;  font-size: 0.9em;font-weight: 700; color: #ffffff;}
.overview-content .section-smartcloud .img-1 .des-cloud .cloud-inner {position: absolute; top: 50%; width: 100%; transform: translateY(-50%);}
.overview-content .section-smartcloud .note-container {position: relative;}
.overview-content .section-smartcloud .note-container:before {content: ''; display: block; position: absolute; top: -9em; left: 5%; background: url('/assets/images/product/eap245_v3_1/smartcloud-bg-2.png') center no-repeat; background-size: contain; width: 50.6875em; height: 30.125em;}
.overview-content .section-smartcloud .note-text {padding-bottom: 6.25em; padding-left: 51em; text-align: left; line-height: 1.4;}
.overview-content .section-smartcloud .note-title {display: inline-block;padding-bottom: .5em; font-size: 1.2em; line-height: 1.5;}
@media (max-width:736px) {
  .overview-content .section-smartcloud {padding: 0;}
  .overview-content .section-smartcloud .text {text-align: left;}
  .overview-content .section-smartcloud .text p {width: auto;}
  .overview-content .section-smartcloud .extra {padding-top: 6.25vw;background: #f3f6fb;}
  .overview-content .section-smartcloud .img-1 {width: 90%; margin-top: 0;}
  .overview-content .section-smartcloud .img-1 .inner {padding-top: 94.72%; background-image: url('./m/smartcloud-bg-1.png')}
  .overview-content .section-smartcloud .img-1 .bg-text {font-size: 2.5vw; }
  .overview-content .section-smartcloud .img-1 .des {text-align: center;}
  .overview-content .section-smartcloud .img-1 .des-1 {top: 42vw; left: -1.5vw; right: 72vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-2 {top: 21vw; left: -1.5vw; right: 72vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-3 {top: 4vw; left: 38vw; right: 31vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-4 {top: 9vw; left: 74vw; right: -2.5vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-5 {top: 38.5vw; left: 75vw; right: -2.5vw; }
  .overview-content .section-smartcloud .img-1 .des-6 {top: 56vw; left: 45vw; right: 24vw;}
  .overview-content .section-smartcloud .img-1 .des-7 {top: 73.5vw; left: 72vw; right: -4.5vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-8 {top: 75vw; bottom: auto; left: -2.5vw; right: 55vw; text-align: right;}
  .overview-content .section-smartcloud .img-1 .des-cloud {top: 67vw; bottom: 12.5vw; left: 27vw; right: 45vw;}
  .overview-content .section-smartcloud .note {padding: 0;}
  .overview-content .section-smartcloud .note-container:before {position: relative; width: 88vw; height: 50.38vw;top: 0;left: auto; margin: auto;background-position: top; background-size: 100% auto;}
  .overview-content .section-smartcloud .note-text {margin-top: 0; padding-bottom: 0; padding-left: 0;}
  .overview-content .section-smartcloud .note-text b {font-weight: 400;}
  .overview-content .section-smartcloud .note-text p {font-size: 3.875vw;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background:url(d.jpg) 50% no-repeat; background-size:120em auto; height:61.5625em; }
.overview-content .d .w1200 { height:100%; }
.overview-content .d .text { color:#fff; margin:0 auto; padding:46em 0 0; text-align:center; width:60em; }
.overview-content .d .note { position:absolute; width:12em; }
.overview-content .d .note span { color:#59eded; font-size:1.5em; line-height:1.25; }
.overview-content .d .note1 { bottom:40.5em; left:-2em; }
.overview-content .d .note2 { bottom:47.2em; right:19em; text-align:right; }
.overview-content .d .note3 { bottom:19.5em; left:-1em; }
.overview-content .d .note4 { bottom:23em; right:-1.5em; text-align:right; }

.oc200_v1_1 .d { position: relative; background:url(d.jpg) top no-repeat #303030; background-size:100% auto; padding-bottom:5em; height: auto;}
.oc200_v1_1 .d:before {content: ''; display:block;width: 100%;height: 0;padding-top: 40%;}
.oc200_v1_1 .d .w1200 { position: static; height: auto;}
.oc200_v1_1 .d .text { padding: 0;}
.oc200_v1_1 .d .notes {position: absolute; top: 0; left: 0; width: 100%; height: 0;padding-top: 40%;}
.oc200_v1_1 .d .note { position:absolute; }
.oc200_v1_1 .d .note1 { bottom:56%; left: 13%; }
.oc200_v1_1 .d .note2 { bottom:70%; right: 30%;}
.oc200_v1_1 .d .note3 { bottom: 13%; left: 12%; }
.oc200_v1_1 .d .note4 { bottom: 20%; right: 13%; }

@media (max-width:736px) {
  .overview-content .d { background:none; height:auto; }
  .overview-content .d .text { color:inherit; padding:0; text-align:left; width:auto; }
  .overview-content .d .notes { background:url(m/d.jpg) 50% / 100% auto no-repeat; height:0; padding-bottom:69.375%; position:relative; }
  .overview-content .d .note { font-size:2vw; }
  .overview-content .d .note1 { bottom:47vw; left:9vw; } 
  .overview-content .d .note2 { bottom:50vw; right:18vw; } 
  .overview-content .d .note3 { bottom:auto; left:14vw; top:53vw; } 
  .overview-content .d .note4 { bottom:auto; right:12.5vw; top:54vw; } 
}
@media (max-width:736px) {
  .oc200_v1_1 .d { padding: 0;}
  .oc200_v1_1 .d:before {display: none;}
  .oc200_v1_1 .d .w1200 { position: relative; height: auto; }
  .oc200_v1_1 .d .notes { background:url(m/d.jpg) top / 100% auto no-repeat; position:relative; padding-top: 0;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(e.jpg) 50% no-repeat; background-size:120em auto; background-color:#f3f5f5; }
.overview-content .e .text { float:right; margin-right:6em; padding:12em 0; width:30em; }
@media (max-width:736px) {
  .overview-content .e { background:url(m/e.jpg) 50% 100% / 100% auto no-repeat; background-color:#f3f5f5; padding-bottom:84%; }
  .overview-content .e .text { float:none; margin:0; padding:0; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:url(f.jpg) 50% no-repeat; background-size:120em auto; height:50em; }
.overview-content .f .text { color:#fff; padding:13em 0 0; width:33em; }
.overview-content .f .text .link { font-size:1.25em; padding:1em 0 0; }
.overview-content .f .text .link a { border-bottom:1px solid; color:inherit!important; text-decoration:none!important; }
.overview-content .f .text .icon { background:url(f-icon.png) 50% no-repeat; height:70px; margin-top:2em; width:267px; }
.overview-content .f .app-screen { left:42.75em; position:absolute; top:13.5625em; }
.overview-content .f .app-screen .phone { background:url(f-iphone.png) 50% no-repeat; background-size:contain; height:34.6875em; left:-2.875em; position:absolute; top:-3.5em; width:20.3125em; z-index:5; }
.overview-content .f .app-screen .radio { position:fixed; top:-9999px; }
.overview-content .f .app-screen .screen { background-size:contain; background-repeat:no-repeat; background-position:50%; cursor:pointer; display:block; height:25em; position:absolute; transform-origin:50% 50%; transition:transform .3s linear; width:14.1em; }
.overview-content .f .app-screen .screen1 { background-image:url(omada-app-screen-1.png) }
.overview-content .f .app-screen .screen2 { background-image:url(omada-app-screen-2.png) }
.overview-content .f .app-screen .screen3 { background-image:url(omada-app-screen-3.png) }
.overview-content .f .app-screen .screen4 { background-image:url(omada-app-screen-4.png) }
.overview-content .f .app-screen .radio1:checked ~ .screen1,
.overview-content .f .app-screen .radio2:checked ~ .screen2,
.overview-content .f .app-screen .radio3:checked ~ .screen3,
.overview-content .f .app-screen .radio4:checked ~ .screen4 { transform:translate(0,0) scale(1); z-index:4; }
.overview-content .f .app-screen .radio1:checked ~ .screen2,
.overview-content .f .app-screen .radio2:checked ~ .screen3,
.overview-content .f .app-screen .radio3:checked ~ .screen4,
.overview-content .f .app-screen .radio4:checked ~ .screen1 { transform:translate(100%,0) scale(0.9866); z-index:3; }
.overview-content .f .app-screen .radio1:checked ~ .screen3,
.overview-content .f .app-screen .radio2:checked ~ .screen4,
.overview-content .f .app-screen .radio3:checked ~ .screen1,
.overview-content .f .app-screen .radio4:checked ~ .screen2 { transform:translate(162.5%,0) scale(0.90625); z-index:2; }
.overview-content .f .app-screen .radio1:checked ~ .screen4,
.overview-content .f .app-screen .radio2:checked ~ .screen1,
.overview-content .f .app-screen .radio3:checked ~ .screen2,
.overview-content .f .app-screen .radio4:checked ~ .screen3 { transform:translate(219%,0) scale(0.8259); z-index:1; }
@media (max-width:736px) {
  .overview-content .f { background:#545557; height:auto; }
  .overview-content .f .text { padding:0; width:auto; }
  .overview-content .f .text .link { font-size:1.75rem; padding:0 6%; }
  .overview-content .f .text .icon { margin:4rem 6% 6rem; }
  .overview-content .f .app-screen { font-size:2vw; left:7vw; height:70vw; position:relative; top:0; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g { background:#f3f5f5; padding-bottom:5.8em; }
.overview-content .g .text { padding:5.3rem 0 3.5rem; text-align:center; }
.overview-content .g ul { margin:0 -2.3125em; }
.overview-content .g ul:after { clear:both; content:""; display:block; }
.overview-content .g ul li { background:#fff; display:block; float:left; margin:0 2.777777%; width:27.777777%; }
.overview-content .g ul li a { box-sizing:border-box; color:inherit; display:block; text-decoration:none; }
.overview-content .g ul li .img { display:block; height:0; overflow:hidden; padding-bottom:100%; position:relative; }
.overview-content .g ul li .img:after { background-position:50%; background-repeat:no-repeat; background-size:cover; bottom:0; content:""; display:block; left:0; position:absolute; right:0; top:0; transition:transform 0.3s ease-out; }
.overview-content .g ul li:hover .img:after { transform:scale(1.1) }
.overview-content .g ul .li1 .img:after { background-image:url(g-img-1.png) }
.overview-content .g ul .li2 .img:after { background-image:url(g-img-2.png) }
.overview-content .g ul .li3 .img:after { background-image:url(g-img-3.png) }
.overview-content .g ul li .content { display:block; padding:1em 1.6875em; }
.overview-content .g ul li .content .desc { display:block; font-size:1.3125em; line-height:1.4; }
.overview-content .g ul li .content .model { display:block; font-size:1.4em; line-height:2; }
@media (max-width:736px){
  .overview-content .g { padding-bottom:2rem; }
  .overview-content .g .text { padding:0; text-align:left; }
  .overview-content .g ul { margin:0 6%; }
  .overview-content .g ul li { float:none; margin:0 0 6.8% 0; width:auto; }
  .overview-content .g ul li .img { background-position:50%; background-repeat:no-repeat; background-size:cover; padding-bottom:57.53%; }
  .overview-content .g ul li .img:after { display:none; }
  .overview-content .g ul .li1 .img { background-image:url(m/g-img-1.png) }
  .overview-content .g ul .li2 .img { background-image:url(m/g-img-2.png) }
  .overview-content .g ul .li3 .img { background-image:url(m/g-img-3.png) }
  .overview-content .g ul li .content { font-size:1.25rem; }
  .overview-content .g ul li .content .desc br { display:none; }
}