.overview-content { font-size:16px; margin:0 auto; max-width:1920px; overflow:hidden; }
.overview-content .w1200 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .regular { font-weight: 400; font-weight:normal; }
.overview-content .medium { font-weight: 500; font-weight:normal; }
.overview-content .bold { font-weight: 700; font-weight:normal; }
.overview-content .m-show { display:none; }
.overview-content .nowrap { white-space:nowrap; }
.overview-content .text>h2 { font-size:3.125em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; 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-regular { font-weight: 400; }
  .overview-content .m-show { display:block; }
  .overview-content .w1200 { 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?2) 50% 0 no-repeat; height:52.8em; }
.overview-content .a .text { padding:6em 0 0 2em; }
.overview-content .a .text h2 { font-size:3.5em; line-height:1.2; }
.overview-content .a .text h3 { font-size:2.25em; line-height:1.2; margin-top:0.5em; }
.overview-content .a .text p { background:#4acbd6; border-radius:0.8333333333333333em; color:#fff; display:inline-block; font-size:2.25em; line-height:1.666666666666667; margin-top:0.8em; padding:0 0.5em; }
.overview-content .a .text .icon { background:url(/res/images/vi/deco/common/icon-alexa.svg) 0 0 no-repeat; height:126px; margin-top:3.1em; width:206px; }
@media screen and (max-width:1440px) {
  .overview-content .a { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .a { background:url(m/a.jpg?2) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:132%; }
  .overview-content .a .text { padding:0; width:auto; }
  .overview-content .a .text h2 { font-size:7vw; line-height:1.2; padding:10% 6% 0; }
  .overview-content .a .text h3 { font-size:5vw; margin:4% 6% 0; }
  .overview-content .a .text p { font-size:5vw; margin:5% 6% 0; }
  .overview-content .a .text .icon { background-size:contain; height:19.6875vw; margin:8% 6%; width:32.1875vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { padding-bottom:5em; }
.overview-content .b .text { padding:5em 0 0; text-align:center; }
.overview-content .b .text p { margin:0 auto; width:48em; }
.overview-content .b .text ul { margin-top:2em; }
.overview-content .b .text ul li { display:inline-block; vertical-align:middle; }
.overview-content .b .text ul li+li { margin-left:50px; }
.overview-content .b .text ul li .icon { display:inline-block; vertical-align:middle; }
.overview-content .b .text ul .li1 .icon { background:url(b-icon-1.png) 50% no-repeat; height:26px; width:43px; }
.overview-content .b .text ul .li2 .icon { background:url(b-icon-2.png) 50% no-repeat; height:26px; width:43px; }
.overview-content .b .text ul .li3 .icon { background:url(b-icon-3.png) 50% no-repeat; height:45px; width:65px; }
.overview-content .b .text ul li span { display:inline-block; margin-left:5px; vertical-align:middle; }
.overview-content .b .w1200:after { clear:both; content:""; display:block; }
.overview-content .b .img { background-position:50% 0; background-repeat:no-repeat; background-size:contain; font-size:1.25em; line-height:1.5; margin-top:1.5em; padding-top:33.748%; text-align:center; width:47.145%; }
.overview-content .b .img1 { background-image:url(b1.png); float:left; }
.overview-content .b .img2 { background-image:url(b2.png); float:right; }
@media screen and (max-width:736px) {
  .overview-content .b { padding:0; }
  .overview-content .b .text { padding:0; text-align:left; }
  .overview-content .b .text p { width:auto; }
  .overview-content .b .text ul { margin:-1rem 0 1rem; }
  .overview-content .b .text ul li { display:block; padding-left:6%; text-align:left; }
  .overview-content .b .text ul li+li { margin-left:0; }
  .overview-content .b .text ul .li1 .icon,
  .overview-content .b .text ul .li2 .icon,
  .overview-content .b .text ul .li3 .icon { background-size:contain; height:3rem; width:3rem; }
  .overview-content .b .text ul li span { font-size:1.5rem; margin-left:1rem; }
  .overview-content .b .img { float:none; font-size:1.5rem; margin:0 auto 3rem; padding-top:70%; width:88%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% 100% no-repeat; background-color:#f1f1f1; padding-bottom:45em; }
.overview-content .c .text { padding:5em 0 0; text-align:center; }
.overview-content .c .text ul { margin-top:2em; }
.overview-content .c .text ul li { display:inline-block; vertical-align:middle; }
.overview-content .c .text ul li+li { margin-left:50px; }
.overview-content .c .text ul li .icon { display:inline-block; vertical-align:middle; }
.overview-content .c .text ul .li1 .icon { background:url(c-icon-1.png) 50% no-repeat; height:18px; width:46px; }
.overview-content .c .text ul .li2 .icon { background:url(c-icon-2.png) 50% no-repeat; height:18px; width:46px; }
.overview-content .c .text ul .li3 .icon { background:url(c-icon-3.png) 50% no-repeat; height:45px; width:65px; }
.overview-content .c .text ul li span { display:inline-block; margin-left:5px; vertical-align:middle; }
@media screen and (max-width:1440px) {
  .overview-content .c { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .c { background:url(m/c.jpg) 50% 100% / 100% auto no-repeat; background-color:#f1f1f1; padding-bottom:80%; }
  .overview-content .c .text { padding:0; text-align:left; width:auto }
  .overview-content .c .text p br { display:none; }
  .overview-content .c .text ul { margin:-1rem 0 0; }
  .overview-content .c .text ul li { display:block; padding-left:6%; }
  .overview-content .c .text ul li+li { margin-left:0; }
  .overview-content .c .text ul .li1 .icon,
  .overview-content .c .text ul .li2 .icon,
  .overview-content .c .text ul .li3 .icon { background-size:contain; height:3rem; width:3rem; }
  .overview-content .c .text ul li span { margin-left:1rem; font-size:1.5rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background:url(d.jpg) 50% no-repeat;; height:62.4375em; }
.overview-content .d .text { color:#fff; margin:0 auto; padding:6em 0 0; text-align:center; width:32em; }
.overview-content .d .desc { color:#fff; left:10em; position:absolute; text-align:center; top:34em; white-space: nowrap; width:200px; }
.overview-content .d .desc span { display:block; font-size:20px;  line-height:1; }
.overview-content .d .desc big { display:block; font-size:85px; line-height:1; margin:-5px 0; }
.overview-content .d .desc b { display:block; font-weight:normal; font-size:36px; line-height:1; }
@media screen and (max-width:1440px) {
  .overview-content .d { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .d { background:url(m/d.jpg) 50% 100% no-repeat; background-size:cover; height:auto; padding-bottom:120% }
  .overview-content .d .text { padding:0; text-align:left; width:auto; }
  .overview-content .d .desc { position:static; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e .text { padding:5em 10em 0; text-align:center; }
.overview-content .e .img { overflow: visible; position:relative }
.overview-content .e .img video { height:48.75em; left: -7em; top: 0.7em; position: absolute; width:96.875em; z-index:1 }
.overview-content .e .img ul { padding:4em 0 6em; position:relative; z-index:2; }
.overview-content .e .img ul:after { clear:both; content:""; display:block; }
.overview-content .e .img ul li { float:left; position:relative; width:50%; }
.overview-content .e .img ul li .pic { background-position:50% 0; background-repeat:no-repeat; background-size:100% auto; height:0; padding-bottom:88%; }
.overview-content .e .img ul li .note { display:block; font-size:1.25em; line-height:2.5; padding-left:11.5em; }
.overview-content .e .img ul .li2 .note { padding-left:15em; }
.overview-content .e .img ul li p { display:block; font-size:1.25em; text-align:center; }
/* .overview-content .e .img ul .li1 .pic { background-image:url(e1.png) } */
/* .overview-content .e .img ul .li2 .pic { background-image:url(e2.png) } */
@media screen and (max-width:736px) {
  .overview-content .e .text { padding:0; text-align:left; }
  .overview-content .e .img ul { padding:4rem 0 2rem; }
  .overview-content .e .img ul li { float:none; position:relative; width:auto; }
  .overview-content .e .img ul li .pic { background-size:contain; background-position:50% 0; background-repeat:no-repeat; height:0; margin:0 auto; padding-bottom:100%; width:auto; }
  .overview-content .e .img ul li .pic .note { font-size:4.3vw; padding-left:9em; }
  .overview-content .e .img ul li p { font-size:1.75rem; line-height:1.2; margin:0 0 0 6%; padding:0!important; position:absolute; top:-3rem; }
  .overview-content .e .img ul .li1 .pic { background-image:url(m/e1.jpg) }
  .overview-content .e .img ul .li2 .pic { background-image:url(m/e2.jpg) }
  .overview-content .e .img video { display:none; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:url(f.jpg?2) 50% no-repeat; height:55.9em; }
.overview-content .f .text { float:right; padding:7em 12em 0; width:40em; }
.overview-content .f .text ol { margin:2em 0 0; }
.overview-content .f .text ol:after { clear:both; content:""; display:block; }
.overview-content .f .text ol li { float:left; font-size:1em; line-height:1.2; width:10em }
.overview-content .f .text ol li+li { margin-left:3.5em; }
.overview-content .f .text ol li img { display:block; height:7.723958333333333em; margin:0 auto; }
.overview-content .f .text ol li span { display:block; margin-top:1em; position:relative; }
.overview-content .f .text ol li span:before { background:#4fbfc8; border-radius:50%; color:#fff; content:""; font-size:1em; height:1.5em; left:-2em; line-height:1.5; position:absolute; text-align:center; top:-.2em; width:1.5em; }
.overview-content .f .text ol .li1 span:before { content:"1" }
.overview-content .f .text ol .li2 span:before { content:"2" }
.overview-content .f .text ol .li3 span:before { content:"3" }
@media screen and (max-width:736px){
  .overview-content .f { background:url(m/f.jpg?2) 0 100% no-repeat; background-size:cover; height:auto; padding-bottom:130%; }
  .overview-content .f .text { float:none; padding:0; width:auto; }
  .overview-content .f .text ol { font-size:2.3vw; margin:0 2% 0 10%; }
  .overview-content .f .text ol li span { font-size:1.25em; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g .text { padding:6em 0 0; text-align:center; }
.overview-content .g .text h2 sup { font-size:0.33em; }
.overview-content .g .text p sup { font-size:0.6em; }
.overview-content .g .text p+a { border-bottom:1px solid; color:#048691; display:inline-block; font-size:1.25em; line-height:1.5; padding-top:1.5em; text-decoration:none!important; }
.overview-content .g ul { padding:3em 0 6em; }
.overview-content .g ul:after { clear:both; content:""; display:block; }
.overview-content .g ul li { float:left; width:28.55%; }
.overview-content .g ul li + li { margin-left:7.17%; }
.overview-content .g ul li .img { background-size:contain; background-position:50%; background-repeat:no-repeat; height:0; padding-bottom:79.5%; }
.overview-content .g ul li .img .icon { background-position:50% 100%; background-repeat:no-repeat; display:block; height:50px; padding-top:25%; }
.overview-content .g ul li .img span { color:#fff; display:block; font-size:1.5em; line-height:1.2; margin-top:0.6em; text-align:center; }
.overview-content .g ul li p { font-size:1.25em; line-height:1.2; padding-top:1em; text-align:center; }
.overview-content .g ul .li1 .img { background-image:url(g-img-1.jpg) }
.overview-content .g ul .li2 .img { background-image:url(g-img-2.jpg) }
.overview-content .g ul .li3 .img { background-image:url(g-img-3.jpg) }
.overview-content .g ul .li1 .img .icon { background-image:url(g-icon-1.svg) }
.overview-content .g ul .li2 .img .icon { background-image:url(g-icon-2.png) }
.overview-content .g ul .li3 .img .icon { background-image:url(g-icon-3.svg) }
@media screen and (max-width:736px) {
  .overview-content .g .text { padding:0; text-align:left; }
  .overview-content .g .text p br { display:none; }
  .overview-content .g .text p+a { font-size:1.75rem; margin:-1rem 6%; padding:0; }
  .overview-content .g ul { margin:0 6%; padding-bottom:4rem; }
  .overview-content .g ul li { width:auto }
  .overview-content .g ul li + li { margin-left:0; margin-top:3rem; }
  .overview-content .g ul li p { font-size:1.75rem }
  .overview-content .g ul li .img span { font-size:1.75rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .h { background:url(h.jpg) 50% no-repeat; height:63.1875em; }
.overview-content .h .text { color:#fff; padding:7em 0 0 2em; text-align:center; }
.overview-content .h .text h3 { font-size:2.25em; line-height:1.5; }
.overview-content .h .desc { padding-top:4em; text-align:center; }
.overview-content .h .desc .per { color:#fff; font-size:4.3em; line-height:1.2; }
.overview-content .h .desc .speed { color:#fff; font-size:1em; line-height:1.2; }
@media screen and (max-width:1440px){
  .overview-content .h { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .h { background:url(m/h.jpg) 50% 100% / 100% auto no-repeat; background-color:#578386; height:auto; padding-bottom:90%; }
  .overview-content .h .text { padding:0; text-align:left; }
  .overview-content .h .text h3 { font-size:2.25rem; padding:4rem 6% 0; }
  .overview-content .h .text h2 { padding-top:1rem; }
  .overview-content .h .desc { padding-top:0; padding-left:6%; text-align:left; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .i { background:#dfe5e9; padding:8em 0;display:none; }
.overview-content .i ul:after { clear:both; content:""; display:block; }
.overview-content .i ul li { float:left; width:33.3%; }
.overview-content .i ul li .icon { background-position:50%; background-repeat:no-repeat; background-size:contain; display:block; height:5em; }
.overview-content .i ul li span { display:block; font-size:1.25em; line-height:1.5; margin-top:1em; text-align:center; }
.overview-content .i ul .li1 .icon { background-image:url(i-icon-1.png) }
.overview-content .i ul .li2 .icon { background-image:url(i-icon-2.png) }
.overview-content .i ul .li3 .icon { background-image:url(i-icon-3.png) }
@media screen and (max-width:736px) {
  .overview-content .i { padding:2rem 6%; }
  .overview-content .i ul li { float:none; font-size:0; width:auto; }
  .overview-content .i ul li .icon { display:inline-block; height:0; margin:1.5rem 0; padding-bottom:12.5%; vertical-align:middle; width:25%; }
  .overview-content .i ul li span { box-sizing:border-box; display:inline-block; font-size:1.75rem; margin:0; padding-left:4%; vertical-align:middle; text-align:left; width:75%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .j { background:url(j.png) center no-repeat; background-size:120em 100%; height:60.25em; }
.overview-content .j .radio { position:fixed; top:-9999px; }
.overview-content .j .text { color:#fff; float:right; padding:17em 0 0; text-align:right; width:36em; }
.overview-content .j .text p { padding-left:4em; }
.overview-content .j .text .link { padding:2em 0 0; }
.overview-content .j .text .link a { color:inherit; font-size:1.24em; }
.overview-content .j .text .btns { padding:3em 0 0; white-space: nowrap; }
.overview-content .j .text .btns .btn { background:#90c0c6; border-radius:1.4em; color:#187080; cursor:pointer; display:inline-block; font-size:1.2em; line-height:2.8; padding:0 1.5em; }
.overview-content .j .text .btns .btn+.btn { margin-left:1em; }
.overview-content .j .text .btns .btn1 { padding:0 2em; }
.overview-content .j .img { background-size:contain; background-position:center; background-repeat:no-repeat; opacity:0; position:absolute; z-index:1; }
.overview-content .j .img1 { background-image:url(j-img-2.svg); left:-7em; height:41.125em; top:5em; width:52.25em; }
.overview-content .j .img2 { background-image:url(j-img-1.svg); left:-6em; height:47.0625em; top:5em; width:48.75em; }
.overview-content .j .img .note { line-height:1.2; position:absolute; text-align:center; }
.overview-content .j .img .internet { width:8em; }
.overview-content .j .img .internet .inner { color:#fff; font-size:1.5em; text-align:center; }
.overview-content .j .img .powerline { width:8em; }
.overview-content .j .img .powerline .inner { color:#ffcb00; font-size:1.125em; }
.overview-content .j .img1 .internet { left:2.8em; top:20.4em; }
.overview-content .j .img1 .powerline { left:40.5em; top:30.3em; }
.overview-content .j .img2 .internet { left:0em; top:22.3em; }
.overview-content .j .img2 .powerline { left:34.3em; top:19.7em; }
.overview-content .j .img1 .desc { color:#fff; position:absolute; text-align:center; width:6em; } 
.overview-content .j .img1 .desc .inner { font-size:1em; line-height:1.2; }
.overview-content .j .img1 .desc1 { left:15.7em; top:-2em; }
.overview-content .j .img1 .desc2 { left:29.4em; top:13.2em; }
.overview-content .j .img1 .desc3 { left:44.1em; top:10.9em; }
.overview-content .j .img1 .desc4 { left:16.8em; top:25.9em; }
.overview-content .j .img1 .desc5 { left:33.2em; top:25.5em; }
.overview-content .j .img1 .desc6 { left:47.9em; top:23.8em; }
.overview-content .j .img1 .desc7 { left:1.3em; top:41.5em; }
.overview-content .j .img1 .desc8 { left:29.3em; top:37.5em; }
.overview-content .j .img1 .desc9 { left:46.6em; top:37.5em; }
.overview-content .j .img2 .desc { position:absolute; text-align:center; width:8em; } 
.overview-content .j .img2 .desc .inner { color:#fff; font-size:1em; line-height:1.2; }
.overview-content .j .img2 .desc1 { left:9.8em; top:-2em; }
.overview-content .j .img2 .desc2 { left:30.3em; top:-1em; }
.overview-content .j .img2 .desc3 { left:12.8em; top:21.5em; }
.overview-content .j .img2 .desc4 { left:40.7em; top:17.5em; }
.overview-content .j .img2 .desc5 { left:10em; top:47.5em; }
.overview-content .j .img2 .desc6 { left:30.7em; top:46.2em; }
.overview-content .j #deco-p7-j-radio-1:checked ~ .text .btns .btn1,
.overview-content .j #deco-p7-j-radio-2:checked ~ .text .btns .btn2 { background:#7cbbc3; box-shadow:0 0 1em rgba(0,0,0,0.1); color:#fff; }
.overview-content .j #deco-p7-j-radio-1:checked ~ .img1,
.overview-content .j #deco-p7-j-radio-2:checked ~ .img2 { opacity:1; z-index:2; }
@media screen and (max-width:736px){
  .overview-content .j { background:#5faab3; height:auto; padding-bottom:4rem; }
  .overview-content .j .text { float:none; margin:0; padding:0; text-align:left; width:auto; }
  .overview-content .j .text p { padding:0 6% 2rem; }
  .overview-content .j .text h2 br,
  .overview-content .j .text p br { display:none; }
  .overview-content .j .text .link { font-size:1rem; padding:0 6%; }
  .overview-content .j .text .btns { font-size:1.25rem; padding:3rem 6% 0; }
  .overview-content .j .text .btns .btn { display:block; margin-bottom:1rem; width:80%; padding:0; text-align:center; }
  .overview-content .j .text .btns .btn+.btn { margin-left:0; }
  .overview-content .j .img { height:0; left:0; padding-bottom:100%; position:relative; top:0; width:100%; }
  .overview-content .j .img1 { background:url(m/j-img-1.png?3) 50% 0 /100% auto no-repeat; margin-top:3rem; }
  .overview-content .j .img2 { background:url(m/j-img-2.png?3) 50% 0 /100% auto no-repeat; margin-top:-100%; }
  .overview-content .j .img .internet { top:0; width:20%; }
  .overview-content .j .img .internet .inner { font-size:3vw; }
  .overview-content .j .img .powerline { top:0; width:20%; }
  .overview-content .j .img .powerline .inner { font-size:2.5vw; }
  .overview-content .j .img1 .internet { left:2%; margin-top:46.5%; }
  .overview-content .j .img1 .powerline { left:66%; margin-top:64%; }
  .overview-content .j .img2 .internet { left:4%; margin-top:47.5%; }
  .overview-content .j .img2 .powerline { left:57%; margin-top:39%; }
  .overview-content .j .img1 .desc { width:20%; }
  .overview-content .j .img1 .desc .inner { font-size:2.5vw; }
  .overview-content .j .img1 .desc1 { left:28%; top:8%; }
  .overview-content .j .img1 .desc2 { left:51%; top:11%; }
  .overview-content .j .img1 .desc3 { left:72%; top:16%; }
  .overview-content .j .img1 .desc4 { left:30%; top:62%; }
  .overview-content .j .img1 .desc5 { left:56%; top:57%; }
  .overview-content .j .img1 .desc6 { left:76%; top:55%; }
  .overview-content .j .img1 .desc7 { left:7%; top:85%; }
  .overview-content .j .img1 .desc8 { left:54%; top:81%; }
  .overview-content .j .img1 .desc9 { left:80%; top:81%; }
  .overview-content .j .img2 .desc { width:20%; }
  .overview-content .j .img2 .desc .inner { font-size:2.5vw; }
  .overview-content .j .img2 .desc1 { left:20%; top:1%; }
  .overview-content .j .img2 .desc2 { left:58%; top:3%; }
  .overview-content .j .img2 .desc3 { left:23%; top:46%; }
  .overview-content .j .img2 .desc4 { left:76%; top:36%; }
  .overview-content .j .img2 .desc5 { left:21%; top:96%; }
  .overview-content .j .img2 .desc6 { left:56%; top:92%; }
}