/**
 * Created by Adam 
 * 2019/01/07
 */
 @font-face{
   font-family: zcool;
   src:url(zcool-lite.woff?2) format('woff');
 }
.overview-content { background:#000; font-size:16px; font-weight:300; overflow-x:hidden; margin:0 auto; max-width:1920px; min-width:1024px; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .nowrap { white-space: nowrap; }
.overview-content .regular { font-weight:400; }
.overview-content .medium { font-weight:500; }
.overview-content .bold { font-weight:700; }
.overview-content .zcool { font-family:zcool, Arial; }
.overview-content .text h2 { text-shadow:-2px -2px 1px #333; color:#fff; font-size:3.125em; line-height:1; text-transform:uppercase; background-size:100% 0.9em!important; }
.overview-content .text p { font-size:1.25em; line-height:1.5; padding-top:1em; }
html.backgroundcliptext .overview-content .texture { background: linear-gradient(to top, #222 0%, #fff 15%, #ccc 20%, #fff 35%, #fff 50%, #aaa 70%, #fff 80%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:1px 1px 3px rgba(0, 0, 0, .1); }
.overview-content ::selection { background: #1d2124; color: #CE0000;  -webkit-text-fill-color:#CE0000; }
.overview-content ::-moz-selection { background: #CE0000; color: #ffffff; -webkit-text-fill-color:#FFFFFF; }
@media (min-width:1024px){
  html.csstransforms.csstransitions .overview-content .text { transform:translate(0,5em); opacity:0; transition:all 600ms ease; }
  html.csstransforms.csstransitions .overview-content .text.active { transform:translate(0,0); opacity:1; } 
}
@media screen and (max-width:1440px){
  .overview-content { font-size:1.1111111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { min-width:320px; }
  .overview-content .w1366 { width:auto; }
  .overview-content .text h2 { font-size:2.5rem; line-height:1.2; padding:4rem 6% 1rem; background-size:100% 1.2em!important;  }
  .overview-content .text p { font-size:1.75rem; padding:0 6% 3rem; }
}
/************************************************************************************/
.overview-content .a { background:url(a.jpg) 50% no-repeat; background-size:120em 100%; height:65.8125em; }
.overview-content .a .text { color:#fff; float:right; padding:26em 0 0; width:32em; }
.overview-content .a .text h2 { font-size:3.4375em; }
.overview-content .a .text h3,
.overview-content .a .text p { font-size:1.5em; line-height:1.2; padding:1em 0 0; }
.overview-content .a .text p { padding-top:0.5em; }
@media screen and (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 0 /100% auto no-repeat; height:0; padding-bottom:134%; }
  .overview-content .a .text { padding:0; width:auto; }
  .overview-content .a .text h2 { font-size:8vw; padding:12vw 0 3vw 12vw; }
  .overview-content .a .text h3,
  .overview-content .a .text p { font-size:4vw; padding:1vw 0 0 12vw; }
}
/************************************************************************************/
.overview-content .b { background:url(b.jpg) 50% 0 no-repeat; background-size:120em 100%; height:61.25em; }
.overview-content .b .text { color:#fff; padding:14em 8em 0 34em; }
.overview-content .b .text .img1 { background:url(b-img.png) 50% no-repeat; background-size:contain; height:4em; margin:3.5em 0 0; position:relative; width:25em; }
.overview-content .b .text .img1 .desc { line-height:1.5em; position: absolute; white-space:nowrap; }
.overview-content .b .text .img1 .desc1,
.overview-content .b .text .img1 .desc2 { right:16.2em; }
.overview-content .b .text .img1 .desc3,
.overview-content .b .text .img1 .desc4 { left:23.5em; }
.overview-content .b .text .img1 .desc1 { top:-0.5em; }
.overview-content .b .text .img1 .desc2 { top:2.3em; }
.overview-content .b .text .img1 .desc3 { top:-0.1em; }
.overview-content .b .text .img1 .desc4 { top:2.6em; }
.overview-content .b .text .img1 .desc3 .inner { font-size:1.2em; }
.overview-content .b .text .img1 .desc4 .inner { font-size:0.9em; }
.overview-content .b .text .img1 .desc2,
.overview-content .b .text .img1 .desc4 { color:#b4b4b4; }
.overview-content .b .img2 .desc { position: absolute; }
.overview-content .b .img2 .desc1 { color:#fff; left:27.5em; line-height:1; text-align:center; top:47.5em; width:30em; }
.overview-content .b .img2 .desc1 .num { display:inline-block; font-size:5em; vertical-align:middle; }
.overview-content .b .img2 .desc1 .mbps { display:inline-block; font-size:1.66em; vertical-align:middle; }
.overview-content .b .img2 .desc2 .inner { color:#fff; font-size:1.5em; line-height:1; text-transform:uppercase; white-space: nowrap; }
.overview-content .b .img2 .desc2 .inner2 { color:#ff5e5e; font-size:0.8em; line-height:1.2; white-space: nowrap; }
.overview-content .b .img2 .desc21,
.overview-content .b .img2 .desc22 { right:56em; text-align:right; }
.overview-content .b .img2 .desc23,
.overview-content .b .img2 .desc24 { left:54.2em; }
.overview-content .b .img2 .desc21,
.overview-content .b .img2 .desc23 { top:47em; }
.overview-content .b .img2 .desc22,
.overview-content .b .img2 .desc24 { top:51em; }
.overview-content .b .img2 .desc3 { color:#e62a2e; left:33em; text-align:center; top:54.5em; width:17em; }
.overview-content .b .img2 .desc3 .inner { font-size:1.125em; line-height:1.2; }
@media (max-width:736px){
  .overview-content .b { background:url(m/b.jpg) 50% 0 / 100% auto no-repeat; height:auto; }
  .overview-content .b .text { padding:0; }
  .overview-content .b .text .img1 { font-size:3vw; margin:0 6%; }
  .overview-content .b .img2 { background:url(m/b-img2.png) 50% 0 / 100% auto no-repeat; padding-top:35%; position:relative; }
  .overview-content .b .img2 .desc1 { font-size:2.5vw; left:20%; margin-top:14%; top:0; width:60%; }
  .overview-content .b .img2 .desc3 { font-size:1.5rem; margin:0 auto; position:static; width:70%; }
  .overview-content .b .img2 .desc2 { font-size:1rem; margin:1rem 0 0; position:static; text-align:center; }
  .overview-content .b .img2 .desc2 .inner { text-shadow:0 0 1em #f00; -webkit-text-stroke:0.1em rgba(255,0,0,0.25); }
  .overview-content .b .img2 .desc2 .inner2 { color:#ccc; font-size:1rem; }
}
/************************************************************************************/
.overview-content .c { background:url(c.jpg) 50% no-repeat; background-size:cover; height:61.25em; }
.overview-content .c .text { color:#fff; padding:5em 0 0; text-align:center; }
.overview-content .c .text p { margin:0 auto; width:50em; }
.overview-content .c .img { color:#fff;  }
.overview-content .c .img .desc { left:5em; position:absolute; text-transform:uppercase; top:54em; }
.overview-content .c .img .desc .inner { font-size:2em; line-height:1; }
.overview-content .c .img .desc .inner big { font-size:1.5em; }
.overview-content .c .img ul { left:28.5em; position:absolute; top:53.5em; }
.overview-content .c .img ul li { float:left; width:15em; }
.overview-content .c .img ul li+li { margin-left:3em; }
.overview-content .c .img ul li h3 { font-size:1.5em; line-height:1.2; text-transform:uppercase; }
.overview-content .c .img ul li p { font-size:1.125em; line-height:1.2; }
@media (max-width:736px){
  .overview-content .c { background:none; height:auto; }
  .overview-content .c .text { padding:0; position:relative; text-align:left; z-index:2; }
  .overview-content .c .text p { width:auto; }
  .overview-content .c .img { background:url(m/c.png) 50% 0 / 100% auto no-repeat; margin-top:-30%; padding-top:112%; position:relative; z-index:1; }
  .overview-content .c .img .desc { font-size:2.5vw; left:20%; margin-top:91%; text-align:center; top:0; width:60%; }
  .overview-content .c .img ul { margin:0 6%; position:static; }
  .overview-content .c .img ul:after { clear:both; content:""; display:block; }
  .overview-content .c .img ul li { background:url(m/c-arrow.png) 0 0 / 4rem auto no-repeat; font-size:1rem; padding:3rem 0 2rem; width:50%; }
  .overview-content .c .img ul li+li { margin-left:0; }
}
/************************************************************************************/
.overview-content .d { background:url(d.jpg) 50% no-repeat; background-size:cover; height:61.25em; }
.overview-content .d .text { color:#fff; padding:18.5em 0 0; width:33em; }
.overview-content .d .text p strong { text-transform:uppercase; }
.overview-content .d .text .img1 { height:0; }
.overview-content .d .text .img1 .desc { left:54.4em; position:absolute; text-align:center; top:23em; width:15em; }
.overview-content .d .text .img1 .desc .inner { font-size:1.8em; line-height:1.2; text-transform:uppercase; }
.overview-content .d .text .img2 { background:url(d-img.png) 50% no-repeat; background-size:contain; height:10em; margin:2em 0 0; position:relative; width:16em; }
.overview-content .d .text .img2 .desc { left:0; position: absolute; text-align:center; width:100%; }
.overview-content .d .text .img2 .desc .inner {  font-size:0.8em; line-height:1.2; }
.overview-content .d .text .img2 .desc1 { top:0.1em; }
.overview-content .d .text .img2 .desc21 { top:1.8em; }
.overview-content .d .text .img2 .desc22 { top:3.3em; }
.overview-content .d .text .img2 .desc23 { top:4.8em; }
.overview-content .d .text .img2 .desc24 { top:6.3em; }
.overview-content .d .text .img2 .desc25 { top:7.2em; }
.overview-content .d .text .img2 .desc3 { color:#e62a2e; cursor:pointer; top:10.5em; text-decoration:underline; }
.overview-content .d .text .img2 .desc3 a { color:inherit!important; }
@media (max-width:736px){
  .overview-content .d { background:none; height:auto; }
  .overview-content .d .text { padding:0; width:auto; }
  .overview-content .d .text > * { position:relative; z-index:2; }
  .overview-content .d .text .img1 { background:url(m/d.jpg) 50% 0 / 100% auto no-repeat; margin-top:-30%; padding-bottom:130%; position:relative; z-index:1; }
  .overview-content .d .text .img1 .desc { font-size:0.8rem; left:30%; margin-top:54%; top:0; width:40%; }
  .overview-content .d .text .img2 { font-size:5vw; margin:2rem auto 4rem; }
}
/************************************************************************************/
.overview-content .e { background:url(e.jpg) 50% no-repeat; background-size:cover; height:70em; }
.overview-content .e .text { color:#fff; margin:0 auto; padding:20em 0 0; text-align:center; width:42em; }
.overview-content .e .text p strong { text-transform:uppercase; }
@media (max-width:736px){
  .overview-content .e { background:url(m/e.jpg) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:117%; }
  .overview-content .e .text { padding:0; width:auto; }
}
/************************************************************************************/
.overview-content .f { background:url(f.jpg) 50% no-repeat; background-size:cover; height:61.25em; }
.overview-content .f .text { color:#fff; padding:9em 0 0; text-align:center; }
.overview-content .f .text p { margin:0 auto; width:90%; }
.overview-content .f .text p strong { text-transform:uppercase; }
.overview-content .f .icons { background:url(f-icons.png) 50% no-repeat; background-size:contain; height:4.5em; margin:2em auto 0; width:32em; }
@media (max-width:736px){
  .overview-content .f { background:url(m/f.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:80%; }
  .overview-content .f .text { padding:0; }
  .overview-content .f .text p { width:auto; }
  .overview-content .f .icons { font-size:2vw; }
}
/************************************************************************************/
.overview-content .g .text { color:#fff; margin:0 auto; padding:9em 0 0; text-align:center; width:55em; }
.overview-content .g .text p strong { text-transform:uppercase }
.overview-content .g .img { background:url(g.png) 50% no-repeat; background-size:contain; height:25em; margin:6em auto; position:relative; width:90em; }
.overview-content .g .img .desc { color:#fff; line-height:1.2; position:absolute; text-align:center; }
.overview-content .g .img .desc1 { left:6.5em; width:12em; }
.overview-content .g .img .desc11 { top:6em; }
.overview-content .g .img .desc12 { top:11.5em; }
.overview-content .g .img .desc13 { top:15.7em; }
.overview-content .g .img .desc11 .inner { color:#f00; font-size:2em; }
.overview-content .g .img .desc12 .inner,
.overview-content .g .img .desc13 .inner { font-size:1.5em; }
.overview-content .g .img .desc2 { top:20em; width:8em; }
.overview-content .g .img .desc2 .inner { font-size:0.9em; } 
.overview-content .g .img .desc21 { left:47.1em; }
.overview-content .g .img .desc22 { left:53.1em; }
.overview-content .g .img .desc23 { left:59.8em; }
.overview-content .g .img .desc24 { left:66.3em; }
.overview-content .g .img .desc25 { left:72.3em; top:19.8em; }
.overview-content .g .img .desc25 .inner { font-size:1.25em; }
.overview-content .g .img .desc26 { left:79em; }
.overview-content .g .img .desc3 { top:24em; width:20em; }
.overview-content .g .img .desc31 { left:10em; }
.overview-content .g .img .desc32 { left:57em; }
.overview-content .g .img .desc3 .inner { font-size:1.875em; text-transform:uppercase; }
@media (max-width:736px){
  .overview-content .g .text { margin-top:-10%; padding:0; width:auto; }
  .overview-content .g .img { background:url(m/g.png) 50% 0 / 100% auto no-repeat; height:0; margin:0; padding-bottom:103%; width:auto; }
  .overview-content .g .img .desc { font-size:2.5vw; top:0; }
  .overview-content .g .img .desc1 { left:14%; width:30%; }
  .overview-content .g .img .desc11 { margin-top:10%; }
  .overview-content .g .img .desc12 { margin-top:21%; }
  .overview-content .g .img .desc13 { margin-top:30%; }
  .overview-content .g .img .desc2 { margin-top:94%; width:14%; }
  .overview-content .g .img .desc21 { left:11%; }
  .overview-content .g .img .desc22 { left:23%; }
  .overview-content .g .img .desc23 { left:37%; }
  .overview-content .g .img .desc24 { left:50%; }
  .overview-content .g .img .desc25 { left:62%; }
  .overview-content .g .img .desc26 { left:75%; }
  .overview-content .g .img .desc3 { left:10%; top:0; width:80%; }
  .overview-content .g .img .desc31 { margin-top:46%; }
  .overview-content .g .img .desc32 { margin-top:101%; }
}
/************************************************************************************/
.overview-content .h .text { color:#fff; padding:6em 0 0; text-align:center; }
.overview-content .h .text p { margin:0 auto; width:38em; }
.overview-content .h .img { background:url(h.jpg) 50% / 100% auto no-repeat; height:0; margin:10em 0 0; padding-bottom:25%; position: relative; }
.overview-content .h .img ul { bottom:0; position: absolute; top:0; width:100%; }
.overview-content .h .img ul li { float:left; height:100%; position:relative; vertical-align:middle; text-align:center; width:33.3%; }
.overview-content .h .img ul li:before { content:""; display:inline-block; height:100%; vertical-align:middle; width:0; }
.overview-content .h .img ul li .inner { color:#fff; display:inline-block; font-size:2.25em; line-height:1; text-shadow:0 0 1em #ff3434; vertical-align:middle; max-width:99%; }
@media (max-width:736px){
  .overview-content .h .text { padding:0; } 
  .overview-content .h .text p { width:auto; }
  .overview-content .h .img { background:none; height:auto; margin:0; padding:0; }
  .overview-content .h .img ul { position:static; }
  .overview-content .h .img ul li { background-position:center; background-repeat: no-repeat; background-size:100% 100%; float:none; height:0; margin:0 0 3rem; padding-bottom:40%; width:auto; }
  .overview-content .h .img ul .li1 { background-image:url(m/h1.jpg); }
  .overview-content .h .img ul .li2 { background-image:url(m/h2.jpg); }
  .overview-content .h .img ul .li3 { background-image:url(m/h3.jpg); }
  .overview-content .h .img ul li .inner { font-size:2rem; padding:12% 0 0; }
}
/************************************************************************************/
.overview-content .i { background:url(i.jpg) 50% 100% no-repeat; background-size:120em auto; padding-bottom:14em; }
.overview-content .i .text { padding:8em 0 0; text-align:center; }
.overview-content .i .descs { color:#fff; margin:5em 0 0;}
.overview-content .i .descs:after { clear:both; content:""; display:block; }
.overview-content .i .desc1 { float:left; width:54%; }
.overview-content .i .desc2 { float:right; width:45%; }
.overview-content .i .desc h3 { font-size:1.5em; line-height:1.2; text-align:center; }
.overview-content .i .desc .img { background-position:50%; background-repeat:no-repeat; background-size:contain; height:20em; margin:1em auto; width:30em; }
.overview-content .i .desc h3,
.overview-content .i .desc .img { position:relative; right:6%; }
.overview-content .i .desc1 .img { background-image:url(i-img-1.png) }
.overview-content .i .desc2 .img { background-image:url(i-img-2.png) }
.overview-content .i .desc p { font-size:1.25em; line-height:1.6; }
.overview-content .i .desc .split { height:0.5em; }
.overview-content .i .note { margin:7em auto 0; text-align:center; }
.overview-content .i .note .icon { background:url(i-icon.png) 50% no-repeat; background-size:contain; display:inline-block; height:32px; vertical-align:middle; width:192px; }
.overview-content .i .note .tips { color:#fff; font-size:12px; line-height:1.5; }
.overview-content .i ul { margin:0 auto; padding:16.5em 0 0; text-align:justify; width:78.5em; }
.overview-content .i ul:after { clear:both; content:""; display:block; height:0; }
.overview-content .i ul li { float:left; width:33.3% }
.overview-content .i ul li .box { background:url(i-box.png) 50% 0 no-repeat; background-size:contain; color:#fff; margin:0 auto; text-align:center; width:24em; }
.overview-content .i ul li .box h3 { font-size:3em; line-height:1.2; padding:0.7em 0 0; }
.overview-content .i ul li .box p { font-size:1.25em; line-height:1.5; padding:2.5em 0 0; }
@media (max-width:736px){
  .overview-content .i { background:url(m/i.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:50%; }
  .overview-content .i .text { padding:0; }
  .overview-content .i .descs { margin:1rem 0 0; }
  .overview-content .i .desc { float:none; font-size:1.25rem; margin:0 6%; width:auto; }
  .overview-content .i .desc+.desc { margin-top:3rem; }
  .overview-content .i .desc h3, 
  .overview-content .i .desc .img { position: static; }
  .overview-content .i .desc .img { height:0; padding-bottom:66.67%; width:100%; }
  .overview-content .i .desc p { font-size:1.4; }
  .overview-content .i .note { margin:4rem 6% 0; text-align:left; }
  .overview-content .i .note .icon { display:block; margin-bottom:10px; margin-left:-5px; }
  .overview-content .i ul { font-size:1.25rem; padding:4rem 0 0; width:auto; }
  .overview-content .i ul li { float:none; width:auto; }
  .overview-content .i ul li+li { margin-top:3rem; }
}

.overview-content .learn-wifi{display:inline-block;padding-top:10px;color:#e62a2e!important;text-decoration:underline;}
@media (max-width:736px){
  .overview-content .learn-wifi{position: relative;font-size: 1.75rem;top: -2rem;padding: 0 6% 1rem;}
}