.overview-content { font-size:16px; margin:0 auto; max-width:1920px; overflow-x:hidden; }
.overview-content .w1200 { margin:0 auto; position:relative; width:85.375em; }
.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; }
.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) 50% 0 no-repeat; height:60em; }
.overview-content .a .text { color:#fff; padding:12em 0 0 2em; text-align:right; }
.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.5; margin-top:0.5em; }
.overview-content .a .text p { background:#4acbd6; border-radius:0.8333333333333333em; clear:both; color:#fff; float:right; 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-white.svg) 100% 0/contain no-repeat; clear:both; float:right; 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 .m .text { padding:7.5em 4em 0; text-align:center; }
.overview-content .m .text p { font-size:1.5em; line-height:1.5; padding:0; }
.overview-content .m ul { padding:5em 0 8em; }
.overview-content .m ul:after { clear:both; content:""; display:block; }
.overview-content .m li { box-sizing:border-box; float:left; width:25%; }
.overview-content .m li img { display:block; margin:0 auto; }
.overview-content .m li span { display:block; font-size:1.25em; margin-top:0.8em; text-align:center; }
@media screen and (max-width:736px){
  .overview-content .m { background:#ebebeb; }
  .overview-content .m .text { padding:0; }
  .overview-content .m .text p { font-size:1.75rem; padding:4rem 6% 0; text-align:left; }
  .overview-content .m ul { padding:3rem 6% 4rem; }
  .overview-content .m li { width:50%; }
  .overview-content .m li img { width:40%; }
  .overview-content .m li span { font-size:1.5rem; line-height:1.2; margin:0; padding:0.5rem 0 1.5rem; }
  .overview-content .m .li3 { clear:left; }

}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .n { background:url(n.png) 50% no-repeat; height:60em; }
.overview-content .n .text { color:#f7eeee; margin:0 auto; padding:32em 0 0; text-align:center; width:47em; }
.overview-content .n .note { color:#f7eeee; font-size:1.5em; line-height:1.2; position:absolute; text-align:center; transform-origin:50% 50%; top:15.5em; width:10em; }
.overview-content .n .note1 { left:4.2em; transform:rotate(-45deg); }
.overview-content .n .note2 { right:4.2em; transform:rotate(45deg); }
@media screen and (max-width:1440px) {
  .overview-content .n { background-size:1440px auto; }
}
@media screen and (max-width:736px){
  .overview-content .n { background:none; height:auto; }
  .overview-content .n .text { color:inherit; padding:0; text-align:left; width:auto; }
  .overview-content .n .text h2 br { display:none; }
  .overview-content .n .notes { background:url(n.png) 50% no-repeat; background-size:cover; height:auto; padding-bottom:48%; position:relative; }
  .overview-content .n .note { font-size:1.25vw; top:18.5vw; }
  .overview-content .n .note1 { left:19.3vw; }
  .overview-content .n .note2 { right:19.3vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.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; }
@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% / 100% auto no-repeat; height:auto; padding-bottom:56% }
  .overview-content .d .text { color:inherit; padding:0; text-align:left; width:auto; }
  .overview-content .d .desc { display:none; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e .text { padding:5em 10em 0; text-align:center; }
/* .overview-content .e .img { background:url(e.png) 50% no-repeat; background-size:contain; height:27.5em; margin-top:4em; position:relative; } */
/* .overview-content .e .img p { font-size:0.8125em; line-height:1.2; position:absolute; text-align:center; width:8em; } */
/* .overview-content .e .img .p1 { left:36em; top:23em; } */
/* .overview-content .e .img .p2 { left:85.6em; top:23.15em; } */
/* .overview-content .e .desc { margin:0; } */
/* .overview-content .e .desc li { float:left; font-size:1.25em; line-height:1.5; text-align:center; width:50%; } */
/* .overview-content .e .desc:after { clear:both; content:""; display:block; } */
/* .overview-content .e .line { margin:2em 0 4em 7em; width:35em; } */
/* .overview-content .e .line li { background-position:0 52%; background-repeat:no-repeat; background-size:auto 0.2em;  box-sizing:border-box; float:left; font-size:1.25em; line-height:2.3; padding-left:12%; width:50%; } */
/* .overview-content .e .line .li1 { background-image:url(e-line-1.png) } */
/* .overview-content .e .line .li2 { background-image:url(e-line-2.png) } */
/* .overview-content .e .line .li3 { background-image:url(e-line-3.png) } */
/* .overview-content .e .line:after { clear:both; content:""; display:block; } */
.overview-content .e { background-color:#dee3e7; }
.overview-content .e .img { padding:5em 0 6em; position:relative; }
.overview-content .e .img:after { clear:both; content:""; display:block; }
.overview-content .e .img p { background-position:50%; background-size:cover; background-repeat:no-repeat; font-size:0; height:auto; width:48%; }
.overview-content .e .img .p1 { float:left; }
.overview-content .e .img .p2 { float:right; }
.overview-content .e .img p video{width:100%;}
.overview-content .e .desc,
.overview-content .e .line { display:none; }
@media screen and (max-width:736px) {
  .overview-content .e .text { padding:0; text-align:left; }
  .overview-content .e .img { width: 88%;margin: 0 auto;padding: 0 0 3rem; }
  .overview-content .e .img p{width:100%;}
  .overview-content .e .img .p1{margin-bottom: 2rem;}
  /* .overview-content .e .img { background:url(m/e.png) 50% 0 / 100% auto no-repeat; height:0; margin-top:0; padding-bottom:69.5%; } */
  /* .overview-content .e .img .p1 { font-size:2vw; left:65.5vw; top:46.2vw; } */
  /* .overview-content .e .img .p2 { display:none; } */
  /* .overview-content .e .desc .li1 { font-size:1.5rem; width:100%; } */
  /* .overview-content .e .desc .li2 { display:none; } */
  /* .overview-content .e .line { font-size:1rem; margin: 2rem 6% 4rem; width:100%; } */
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .j { background:url(j.jpg) 50% no-repeat; height:67.375em; }
.overview-content .j .text { padding:10em 15em; text-align:center; }
@media screen and (max-width:1440px) {
  .overview-content .j { background-size:1440px auto; }
}
@media screen and (max-width:736px){ 
  .overview-content .j { background:url(m/j.jpg) 50% 100% / 100% auto no-repeat; background-color:#f4f4f4; height:auto; padding-bottom:58%; }
  .overview-content .j .text { padding:0; text-align:left; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .k .text { padding:5em 10em 6em; text-align:center; }
.overview-content .k .text a { color:#048691; text-decoration:none; }
.overview-content .k .text p+a { cursor:pointer; display:inline-block; font-size:1.25em; margin-top:0.5em;  }
@media screen and (max-width:736px){ 
  .overview-content .k .text { padding:0; text-align:left; }
  .overview-content .k .text p { padding-bottom:2rem; }
  .overview-content .k .text p+a { display:block; font-size:1.75rem; margin:0; padding:0 6% 4rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.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:#ececec; padding-bottom:12em; }
.overview-content .h .text { padding:7em 0 0; text-align:center; }
.overview-content .h ul { margin:4em -10% 0; }
.overview-content .h ul:after { clear:both; content:""; display:block; }
.overview-content .h ul li { float:left; width:33.3%; }
.overview-content .h ul li .img { background-size:contain; background-position:50%; background-repeat:no-repeat; height:23.75em; }
.overview-content .h ul li span { display:block; font-size:1.75em; text-align:center; }
.overview-content .h ul .li1 .img { background-image:url(h-img-1.png?2) }
.overview-content .h ul .li2 .img { background-image:url(h-img-2.png?2) }
.overview-content .h ul .li3 .img { background-image:url(h-img-3.png?2) }
@media screen and (max-width:736px) {
  .overview-content .h { padding-bottom:4rem; }
  .overview-content .h .text { padding:0; }
  .overview-content .h ul li { float:none; width:auto; }
  .overview-content .h ul { margin:0; }
  .overview-content .h ul li .img { height:0; padding-bottom:80%; }
  .overview-content .h ul li span { font-size:1.75rem; margin-top:-10%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .i { background:#6f777f; height:60em; }
.overview-content .i .text { color:#fff; padding:18em 0 0; width:36em; }
.overview-content .i .text p { width:83%; }
.overview-content .i .text a { color:#96efff; display:block; font-size:1.2em; padding:2rem 0 0; }
.overview-content .i .img { background-size:contain; background-position:center; background-repeat:no-repeat; position:absolute; z-index:1; }
.overview-content .i .img { background-image:url(i-img.png); height:41.125em; right:-2em; top:9em; width:52.25em; }
.overview-content .i .img .note { line-height:1.2; position:absolute; text-align:center; }
.overview-content .i .img .internet { width:8em; }
.overview-content .i .img .internet .inner { color:#fff; font-size:1.5em; text-align:center; }
.overview-content .i .img .powerline { width:8em; }
.overview-content .i .img .powerline .inner { color:#ffcb00; font-size:1.125em; }
.overview-content .i .img .internet { left:2.8em; top:20.4em; }
.overview-content .i .img .powerline { left:40.5em; top:30.3em; }
.overview-content .i .img .desc { color:#fff; position:absolute; text-align:center; width:6em; } 
.overview-content .i .img .desc .inner { font-size:1em; line-height:1.2; }
.overview-content .i .img .desc1 { left:15.7em; top:-2em; }
.overview-content .i .img .desc2 { left:29.4em; top:13.2em; }
.overview-content .i .img .desc3 { left:44.1em; top:10.9em; }
.overview-content .i .img .desc4 { left:16.8em; top:25.9em; }
.overview-content .i .img .desc5 { left:33.2em; top:25.5em; }
.overview-content .i .img .desc6 { left:47.9em; top:23.8em; }
.overview-content .i .img .desc7 { left:1.3em; top:41.5em; }
.overview-content .i .img .desc8 { left:29.3em; top:37.5em; }
.overview-content .i .img .desc9 { left:46.6em; top:37.5em; }
@media screen and (max-width:736px) {
  .overview-content .i { height:auto; padding-bottom:4rem; }
  .overview-content .i .text { padding:0; width:auto; }
  .overview-content .i .text p { width:auto; }
  .overview-content .i .text a { font-size:1.75rem; padding:0 6%; }
  .overview-content .i .img { height:0; left:0; padding-bottom:100%; position:relative; top:0; width:100%; }
  .overview-content .i .img { background:url(m/i-img.png?3) 50% 0 /100% auto no-repeat; margin-top:3rem; }
  .overview-content .i .img .internet { top:0; width:20%; }
  .overview-content .i .img .internet .inner { font-size:3vw; }
  .overview-content .i .img .powerline { top:0; width:20%; }
  .overview-content .i .img .powerline .inner { font-size:2.5vw; }
  .overview-content .i .img .internet { left:2%; margin-top:46.5%; }
  .overview-content .i .img .powerline { left:66%; margin-top:64%; }
  .overview-content .i .img .desc { width:20%; }
  .overview-content .i .img .desc .inner { font-size:2.5vw; }
  .overview-content .i .img .desc1 { left:28%; top:8%; }
  .overview-content .i .img .desc2 { left:51%; top:11%; }
  .overview-content .i .img .desc3 { left:72%; top:16%; }
  .overview-content .i .img .desc4 { left:30%; top:62%; }
  .overview-content .i .img .desc5 { left:56%; top:57%; }
  .overview-content .i .img .desc6 { left:76%; top:55%; }
  .overview-content .i .img .desc7 { left:7%; top:85%; }
  .overview-content .i .img .desc8 { left:54%; top:81%; }
  .overview-content .i .img .desc9 { left:80%; top:81%; }
}