/*--- Fonts ---*/
@font-face{font-family:db_heavent_cond;src:url(../../asset/fonts/db_heavent_cond_v3.2-webfont.eot);src:url(../../asset/fonts/db_heavent_cond_v3.2-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/db_heavent_cond_v3.2-webfont.woff2) format('woff2'),url(../../asset/fonts/db_heavent_cond_v3.2-webfont.woff) format('woff'),url(../../asset/fonts/db_heavent_cond_v3.2-webfont.ttf) format('truetype'),url(../../asset/fonts/db_heavent_cond_v3.2-webfont.svg#db_heavent_cond)}@font-face{font-family:db_heaventmed_cond;src:url(../../asset/fonts/db_heavent_med_cond_v3.2-webfont.eot);src:url(../../asset/fonts/db_heavent_med_cond_v3.2-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/db_heavent_med_cond_v3.2-webfont.woff2) format('woff2'),url(../../asset/fonts/db_heavent_med_cond_v3.2-webfont.woff) format('woff'),url(../../asset/fonts/db_heavent_med_cond_v3.2-webfont.ttf) format('truetype'),url(../../asset/fonts/db_heavent_med_cond_v3.2-webfont.svg#db_heaventmed_cond) format('svg')}@font-face{font-family:db_heaventbold_cond;src:url(../../asset/fonts/db_heavent_bd_cond_v3.2-webfont.eot);src:url(../../asset/fonts/db_heavent_bd_cond_v3.2-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/db_heavent_bd_cond_v3.2-webfont.woff2) format('woff2'),url(../../asset/fonts/db_heavent_bd_cond_v3.2-webfont.woff) format('woff'),url(../../asset/fonts/db_heavent_bd_cond_v3.2-webfont.ttf) format('truetype'),url(../../asset/fonts/db_heavent_bd_cond_v3.2-webfont.svg#db_heaventbold_cond) format('svg')}@font-face{font-family:db_heaventblack_cond;src:url(../../asset/fonts/db_heavent_blk_cond_v3.2-webfont.eot);src:url(../../asset/fonts/db_heavent_blk_cond_v3.2-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/db_heavent_blk_cond_v3.2-webfont.woff2) format('woff2'),url(../../asset/fonts/db_heavent_blk_cond_v3.2-webfont.woff) format('woff'),url(../../asset/fonts/db_heavent_blk_cond_v3.2-webfont.ttf) format('truetype'),url(../../asset/fonts/db_heavent_blk_cond_v3.2-webfont.svg#db_heaventblack_cond) format('svg')}@font-face{font-family:akrobatregular;src:url(../../asset/fonts/akrobat-semibold-webfont.eot);src:url(../../asset/fonts/akrobat-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/akrobat-semibold-webfont.woff2) format('woff2'),url(../../asset/fonts/akrobat-semibold-webfont.woff) format('woff'),url(../../asset/fonts/akrobat-semibold-webfont.ttf) format('truetype'),url(../../asset/fonts/akrobat-semibold-webfont.svg#akrobatregular) format('svg')}@font-face{font-family:akrobatbold;src:url(../../asset/fonts/akrobat-bold-webfont.eot);src:url(../../asset/fonts/akrobat-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/akrobat-bold-webfont.woff2) format('woff2'),url(../../asset/fonts/akrobat-bold-webfont.woff) format('woff'),url(../../asset/fonts/akrobat-bold-webfont.ttf) format('truetype'),url(../../asset/fonts/akrobat-bold-webfont.svg#akrobatbold) format('svg')}@font-face{font-family:akrobatextrabold;src:url(../../asset/fonts/akrobat-extrabold-webfont.eot);src:url(../../asset/fonts/akrobat-extrabold-webfont.eot?#iefix) format('embedded-opentype'),url(../../asset/fonts/akrobat-extrabold-webfont.woff2) format('woff2'),url(../../asset/fonts/akrobat-extrabold-webfont.woff) format('woff'),url(../../asset/fonts/akrobat-extrabold-webfont.ttf) format('truetype'),url(../../asset/fonts/akrobat-extrabold-webfont.svg#akrobatextrabold) format('svg')}.AkrobatRegular,.DB_HeaventCond,.DB_HeaventRegular,.akrobatregular,.db_heavent_cond{font-family:akrobatregular,db_heavent_cond!important}.AkrobatBold,.DB_HeaventMed_Con,.DB_HeaventMed_Cond,.akrobatbold,.db_heavent_med_cond,.db_heaventmed_cond{font-family:akrobatbold,db_heaventmed_cond!important}.AkrobatBlack,.AkrobatExtraBold,.DB_HeaventBlack_Cond,.DB_HeaventBold,.DB_HeaventBold_Cond,.akrobatblack,.db_heaventbold_cond{font-family:akrobatblack,db_heaventbold_cond!important}

/*--- DNA Base ---*/
html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;overflow-x:hidden}img{max-width:fit-content;max-width:-moz-fit-content}div,section,span{background-repeat:no-repeat;background-size:cover}section{display:block;position:relative}svg,svg.area{height:auto;width:100%;display:inherit}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}bt,bt.active,bt:hover{display:inline-block;cursor:pointer;transition-duration:.2s}h1,h2,h3,h4,h5,h6,p{font-weight:normal;padding:0;margin:0;font-size:inherit}.h1 b,.h2 b,.h3 b,.h4 b,.h5 b,.h6 b,b,h1 b,h2 b,h3 b,h4 b,h5 b,h6 b{font-weight:normal;font-family:akrobatextrabold,db_heaventbold_cond}.table,.table-block{display:table;width:100%}ol,ul{margin:0}ul.dna-ul li{margin-left:25px}.dna-ul ul{list-style:inherit;margin:auto;padding-inline-start:20px}body ol,body ul,ol,ul{padding-top:5px}ol{counter-reset:item;padding-left:0}ol>li{display:table}ol>li:before{content:counters(item, ".") " ";counter-increment:item;padding-right:5px;width:25px;display:table-cell}.pos{position:absolute;pointer-events:auto}.pos_holder{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.width-full{width:100%;max-width:999%}.center{text-align:center}.right{text-align:right}.overflow{overflow:hidden}.inline{display:inline-block}[class^=width-]{display:inline-block;vertical-align:top}.show_mb,[class^=max-],[class^=min-],svg.area.show_mb,svg.show_mb{display:none}.show_pc,svg.area.show_pc,svg.show_pc{display:inherit}.width-90{width:89.5%}.width-80{width:79.5%}.width-75{width:74.5%}.width-70{width:69.5%}.width-60{width:59.5%}.width-50{width:49.5%}.width-40{width:39.5%}.width-33{width:33.2%}.width-30{width:29.5%}.width-25{width:24.5%}.width-20{width:19.5%}.width-0-pc{width:0%}.width-20-pc{width:20%}.width-25-pc{width:25%}.width-33-pc{width:33%}.width-50-pc{width:50%}.width-66-pc{width:66%}.width-75-pc{width:75%}.width-80-pc{width:80%}.width-100-pc{width:100%}@media(max-width:640px){.width-0-mb{width:0%}.width-20-mb{width:20%}.width-25-mb{width:25%}.width-33-mb{width:33%}.width-50-mb{width:50%}.width-66-mb{width:66%}.width-75-mb{width:75%}.width-80-mb{width:80%}.width-100-mb{width:100%}}@media(max-width:320px){.max-320{display:inherit}}@media(max-width:375px){.max-375{display:inherit}}@media(max-width:414px){.max-414{display:inherit}}@media(max-width:480px){.max-480{display:inherit}}@media(max-width:540px){.max-540{display:inherit}}@media(max-width:600px){.max-600{display:inherit}}@media(max-width:640px){.max-640{display:inherit}.show_mb,svg.area.show_mb,svg.show_mb{display:inherit}.show_pc,svg.area.show_pc,svg.show_pc{display:none}}@media(max-width:768px){.max-768{display:inherit}}@media(max-width:800px){.max-800{display:inherit}}@media(max-width:900px){.max-900{display:inherit}}@media(max-width:1000px){.max-1000{display:inherit}}@media(max-width:1024px){.max-1024{display:inherit}}@media(min-width:480px){.min-480{display:inherit}}@media(min-width:540px){.min-540{display:inherit}}@media(min-width:600px){.min-600{display:inherit}}@media(min-width:640px){.min-640{display:inherit}}@media(min-width:768px){.min-768{display:inherit}}@media(min-width:800px){.min-800{display:inherit}}@media(min-width:900px){.min-900{display:inherit}}@media(min-width:1000px){.min-1000{display:inherit}}@media(min-width:1024px){.min-1024{display:inherit}}@media(min-width:1366px){.min-1366{display:inherit}}@media(min-width:1600px){.min-1600{display:inherit}}

/*--- Fix Templete AIS ---*/
#ais_topbar .primary-link,#ais_topbar .primary-link ul,.mini-menu .menu__link,.mini-menu a.menu__link,body{font-family:akrobatregular,db_heavent_cond!important}body{padding-top:50px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#ais_topbar .menu__item.img{vertical-align:middle;height:78px;padding-top:18px;padding-right:10px;background-color:#1e1e1e}#ais_topbar.custom-menu .js-custom-header,#ais_topbar.mini-menu .js-custom-header{height:83px}#ais_topbar .submenu__item{padding:9px 0 5px 35px;border-bottom:1px solid #676767}.menu__item.customer a.menu__link.fibre.customer{padding-left:33px!important}#ais_topbar a,#aisfooter a{text-decoration:none}#ais_topbar .primary-link-lv1{cursor:default}#ais_topbar .ais_topbar-eservice-text{font-size:16px}#ais_topbar .topbar_lang_mobile .lang{font-size:16px;font-family:db_heavent_cond}#aisfooter div{background-repeat:repeat}.mini-menu .menu__link,.mini-menu a.menu__link{text-decoration:none!important;cursor:pointer}#videoCont,.truehits-bg{display:none}section ul{list-style-type:disc}#ais_topbar.mini-menu .js-custom-header,#ais_topbar.custom-menu .js-custom-header{display:block!important}@media screen and (max-width: 768px){#ais_topbar.mini-menu .js-custom-header,#ais_topbar.custom-menu .js-custom-header{display:none!important}}.js-overlay.overlay{top:50px;position:fixed}

/*--- Layout & Theme ---*/
body{line-height:1.2;color:#000!important;background-color:#f5f5f5!important}
a,a:active,a:hover,a:visited{text-decoration:none}a:hover{color:#8dc63f}
section.content{max-width:1200px;padding:40px 20px;margin:auto}
h1,.h1{font-size:calc(2.4rem + 3.8vw)}
h2,.h2{font-size:calc(2.1rem + 3.2vw)}
h3,.h3{font-size:calc(2rem + 2.3vw)}
h4,.h4{font-size:calc(1.9rem + 1.4vw)}
h5,.h5{font-size:calc(1.8rem + 1vw)}
h6,.h6{font-size:calc(1.7rem + .6vw)}
html body,body,p{font-size:calc(1.6rem + .3vw)}
note,.note{font-size:calc(1.4rem + .3vw)}
spacer{display:block;height:20px}
bt{padding:8px 25px;border:1px solid #000;border-radius:99px}
bt:hover,bt.active{color:#a6cb16;border:1px solid #000;background-color:#000}
.green{color:#b2d429}

/*--- Swiper ---*/
.swiper-slide{height:auto!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:0}.effect-howto{margin:auto;overflow:hidden;max-width:640px}.effect-center .swiper-slide.swiper-slide{transform:scale(0.85);transition-duration:0.5s}.effect-center .swiper-slide.swiper-slide-active{transform:scale(1);transition-duration:0.2s}@media(min-width:960px){.effect-center .swiper-slide.swiper-slide,.effect-center .swiper-slide.swiper-slide-active{transform:scale(1)!important}}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:''!important}
.swiper-pagination-bullet.swiper-pagination-bullet{width:8px;height:8px;border-radius:99px;background:#999;opacity:0.3;margin:0 4px!important;transition-duration:0.5s}
.swiper-pagination-bullet-active.swiper-pagination-bullet-active{width:30px;opacity:1;background:none;background:#b2d234;transition-duration:0.2s}
.swiper-button-prev,.swiper-button-next{width:50px;height:50px;border-radius:999px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.3);background:#fff no-repeat center;background-size:100%;transition-duration:0.4s}
.swiper-button-prev:hover,.swiper-button-next:hover{background-color:#b2d234;transition-duration:0.2s}
.swiper-button-prev{background-image:url(../images/arrow-left-black.png)!important}
.swiper-button-next{background-image:url(../images/arrow-right-black.png)!important}
.swiper-button-prev:hover{background-image:url(../images/arrow-left-white.png)!important}
.swiper-button-next:hover{background-image:url(../images/arrow-right-white.png)!important}

/*--- Popup ---*/
.popup{width:100%;height:0%;overflow:hidden;margin:0 auto;position:fixed;z-index:40;top:0;text-align:center;vertical-align:middle;display:table;transition-duration:0.6s}
.popup.show{height:100%;overflow:hidden;transition-duration:0.4s}.popup.show .popup_container{margin-top:0}.popup.show .popup_fader{opacity:1;transition-duration:0.2s}
.popup .popup_fader{pointer-events:none;width:100%;height:100%;margin:0 auto;position:fixed;z-index:-1;background-color:rgba(0,0,0,.7);opacity:0;transition-duration:0.3s}
.popup .popup_holder{vertical-align:middle;display:table-cell;width:100%;max-width:600px}
.popup .popup_container{max-width:900px;background-color:#fff;text-align:left;width:90%;margin:-1000px auto 80px;position:relative;transition-duration:0.5s}
.popup .popup_close{top:0;right:0;width:40px;height:40px;position:absolute;z-index:2;cursor:pointer;font-size:30px;text-align:center;background:center no-repeat #b2d234;background-image:url(../images/ic-x-black.png);background-size:50%;transition-duration:0.3s}
.popup .popup_close:hover{color:#c5d445;background-image:url(../images/ic-x-white.png);background-color:#000;background-size:70%;transition-duration:.2s}
.popup .popup_data{padding:40px;text-align:center}
.popup .popup_data.popup_vdo{background:#000;padding:0}

/*--- Select ---*/
.dna-select textarea,.dna-select input,select[multiple=multiple]{-webkit-transition:border-color;-moz-transition:border-color;transition:border-color;border-radius:.5rem;padding:.425rem .425rem;width:100%;outline:none}
.dna-select textarea,.dna-select input,select[multiple=multiple]{background-color:white;border:1px solid #ddd;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06)}
.dna-select textarea:hover,.dna-select input:hover,.dna-select select[multiple=multiple]:hover{border-color:#c4c4c4}
.dna-select textarea:focus,.dna-select input:focus,.dna-select select[multiple=multiple]:focus{outline:none;border-color:#77c92d;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(126,235,90,0.7)}

/*--- Table ---*/
table{border-spacing:0}.table .td{display:table-cell;vertical-align:top}.table.middle>*>.td,.table.middle>.td{vertical-align:middle}.table>.tr{display:table-row}@media(min-width:640px){.table>.tr{display:contents}}@media(max-width:640px){.table>.tr{display:table;width:100%}}@-moz-document url-prefix(){.table-block>*>div,.table-block>div{float:left}}.table-dup{position:absolute;z-index:1;overflow:hidden}.table-relative{position:relative}.table-overflow{overflow:auto}
.table-touch{position:absolute;z-index:2;width:5em;height:5em;left:50%;top:50%;margin-left:-2.5em;margin-top:-1.5em;
background:url(../images/touch.gif) no-repeat center;background-size:cover;border-radius:999px;opacity:0;box-shadow:2px 2px 6px rgba(0,0,0,.4);transform:scale(1.5);transition-duration:0.3s}
.table-touch.active{opacity:0.8;transform:scale(1)}

/*--- Youtube iFrame Responsive ---*/
.video-center{margin:40px auto;max-width:1200px;border-radius:20px;overflow:hidden;border:5px solid #888}
.video-wrapper{position:relative;padding-bottom:56.25%;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/*--- Dropdown ---*/
.dna-select{position:relative;margin:0 auto;max-width:300px;line-height:1.2;font-size:18px;cursor:pointer}
.dna-select p{padding:5px 10px;color:#fff}
.dna-select input{margin:10px;padding:5px 10px;width:calc(100% - 20px)}
.dna-select li{list-style:none;margin-left:0;padding:8px 20px;font-size:18px;text-align:left;color:#fff}
.dna-select li:hover{background-color:#333}
.dna-select-display{padding:10px 45px 8px 20px;background:url(../images/arrow-down-black.png) no-repeat center right 15px #E9EF31;background-size:25px auto;text-align:left;border-radius:8px;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
.dna-select-drop{position:absolute;z-index:5;width:100%;left:0;background:#999;box-shadow:0px 0px 10px rgba(0,0,0,0.2);border-radius:0 0 8px 8px}
.dna-select-drop .dna-scroll{max-height:250px}
.dna-select.active .dna-select-display{background-image:url(../images/arrow-up-black.png);border-radius:8px 8px 0 0}
.dna-select.active .dna-select-drop{display:block}

/*--- Data Table Fix Column ---*/
.table-cover{border-radius:10px;box-shadow:4px 4px 10px rgba(0,0,0,.1);position:relative;overflow:hidden}
.table-style{width:100%;min-width:1000px!important}
.table-style tr>*{vertical-align:top;text-align:left;padding:10px;border-bottom:1px solid #ddd}
.table-style tr>*:first-child{background-color:#000;color:#fff;width:150px}
.table-style tr:nth-child(even){background-color:#eee}
.table-style tr th{background-color:#999}
@media(max-width:640px){.table-style tr>*:first-child{width:100px}}

/*--- Faq ---*/
.expand-qa{background:url(../images/arrow-down-black.png) no-repeat;background-position:99% 25px;background-size:20px;border-bottom:2px solid #b2d234}
.expand-qa.active{background-image:url(../images/arrow-up-black.png)}
.expand-qa .q{padding:22px 40px 20px 0;cursor:pointer;transition: color 0.3s ease-out}
.expand-qa.active .q{padding-bottom:0}
.expand-qa.active .q,.expand-qa:hover .q{color:#b2d234;transition: color 0.1s}
.expand-qa .a{height:0px;padding-top:0;overflow:hidden;transition-duration:0.3s}
.expand-qa .a,.expand-qa .a p{color:#666;line-height:1.4}
.expand-qa.active .a{padding:20px 0 20px;height:auto;transition-duration:0.3s}

/*--- Condition ---*/
.expand-condition .q{padding:22px 40px 20px 0;cursor:pointer;transition:color 0.3s ease-out}
.expand-condition.active .q{padding-bottom:0}
.expand-condition.active .q,.expand-condition:hover .q{color:#b2d234;transition:color 0.1s}
.expand-condition .a{height:0px;padding-top:0;overflow:hidden;transition-duration:0.3s}
.expand-condition .a,.expand-condition .a p{color:#666;line-height:1.4}
.expand-condition.active .a{padding:20px 0 20px;height:auto;transition-duration:0.3s}
arrow{display:inline-block;height:25px;width:30px;vertical-align:bottom;background:url(../images/arrow-down-black.png) no-repeat center;background-size:20px}
.active arrow{background-image:url(../images/arrow-up-black.png)}

/*--- SCROLLBAR BASE ---*/
.scroll-textarea {border:1px solid #ccc;border-top-color:#999}
.scroll-wrapper{overflow:hidden!important;padding:0!important;position: relative;}.scroll-wrapper>.scroll-content{border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow: scroll!important;padding:0;position: relative!important;top:0;width:auto!important;}.scroll-wrapper>.scroll-content::-webkit-scrollbar{height:0;width:0}.scroll-element{display:none}.scroll-element,.scroll-element div{box-sizing:content-box}.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display:block}.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor:default}.scroll-textarea>.scroll-content{overflow:hidden!important}.scroll-textarea>.scroll-content>textarea{border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow: scroll!important;outline:none;padding:2px;position: relative!important;top:0;width:100%!important}.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{height:0;width:0}.dna-scroll>.scroll-element,.dna-scroll>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}.dna-scroll>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}

/*--- SCROLLBAR OUTER ---*/
.dna-scroll>.scroll-element.scroll-x{bottom:0;height:10px;left:0;width:100%}
.dna-scroll>.scroll-element.scroll-y{height:100%;right:0;top:0;width:12px}
.dna-scroll>.scroll-element.scroll-x .scroll-element_outer{height:10px;top:0px}
.dna-scroll>.scroll-element.scroll-y .scroll-element_outer{left:2px;width:8px}
.dna-scroll>.scroll-element .scroll-element_outer{overflow:hidden}
.dna-scroll>.scroll-element .scroll-element_track {background-color:#ddd}
.dna-scroll>.scroll-element .scroll-element_outer,.dna-scroll>.scroll-element .scroll-element_track,.dna-scroll>.scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.dna-scroll>.scroll-element .scroll-bar{background-color:#b2d429}
.dna-scroll>.scroll-element .scroll-bar:hover{background-color:#b2d429}
.dna-scroll>.scroll-element.scroll-draggable .scroll-bar{background-color:#10b058}
.dna-scroll>.scroll-content.scroll-scrolly_visible{left:-12px;margin-left:12px}
.dna-scroll>.scroll-content.scroll-scrollx_visible{top:-10px;margin-top:10px}
.dna-scroll>.scroll-element.scroll-x .scroll-bar{min-width:10px}
.dna-scroll>.scroll-element.scroll-y .scroll-bar{min-height:10px}
.dna-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-14px}
.dna-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-14px}
.dna-scroll>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-14px}
.dna-scroll>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-14px}

/*--- SCROLLBAR RAIL ---*/
/*
.dna-scroll>.scroll-element .scroll-element_size{background-color:rgba(0,0,0,.3)}
.dna-scroll>.scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:rgba(0,0,0,.5)}
.dna-scroll>.scroll-element.scroll-x{bottom:0;height:15px;left:0;min-width:100%;width:100%}
.dna-scroll>.scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px}
.dna-scroll>.scroll-element .scroll-bar{background-color:#b2d429;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-shadow:1px 1px 3px rgba(0,0,0,.5)}
.dna-scroll>.scroll-element .scroll-element_outer:hover .scroll-bar{box-shadow:1px 1px 3px rgba(0,0,0,.6)}
.dna-scroll > .scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px}
.dna-scroll > .scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px}
.dna-scroll > .scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px}
.dna-scroll > .scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:10px}
.dna-scroll > .scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px}
.dna-scroll > .scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px}
.dna-scroll > .scroll-element.scroll-y .scroll-element_outer{top:5px;width:15px}
.dna-scroll > .scroll-element.scroll-y .scroll-element_size{left:5px;top:-10px;width:2px}
.dna-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px}
.dna-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px}
.dna-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px}
.dna-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px}
*/

/*--- Sample ---*/
.sample{background-color:#ddd;text-align:center}
.table.sample{margin-bottom:20px}.table.sample>*>.td,.table.sample>.td{background-color:#ddd;padding:10px;text-align:center;border:1px solid #bbb}.box-temp{display:inline-block;width:29%;height:200px;background:#CCC;margin:1%}.click-content{display:none}.click-content.active{display:block}

/*-------- Media Query --------*/
/*--- Tablet ---*/
@media(min-width:480px){}
@media(min-width:641px){
  section.content{padding:60px 30px}
  bt{padding:8px 30px}
}
@media(min-width:768px){}

/*--- Desktop PC */
@media(min-width:1024px){}
@media(min-width:1200px){
  h1,.h1{font-size:72px}
  h2,.h2{font-size:60px}
  h3,.h3{font-size:48px}
  h4,.h4{font-size:36px}
  h5,.h5{font-size:30px}
  h6,.h6{font-size:24px}
  html body,body,p{font-size:20px}
  note,.note{font-size:18px}
}

/*--- Large Desktop PC */
@media(min-width:1366px){}

.all_font{
font-family:'db_heavent_cond';
font-family:'db_heaventmed_cond';
font-family:'db_heaventbold_cond';
font-family:'db_heaventblack_cond';
font-family:'akrobatregular';
font-family:'akrobatbold';
font-family:'akrobatextrabold';
}

.row{position:relative; z-index:2; width: 100%; margin-right: auto; margin-left: auto; max-width:1200px;}
.row:before,.row:after {content: " "; display: table;}
.row:after {clear: both;}
.row100 {max-width:none;}
.panel{position:relative; margin: 0px 10px; padding:0;}
.mt-col{position:relative; display:block; float:left; min-height:1px; padding:0;}
.pos{position: absolute; z-index: 1; }
.pos_rel{position: relative;}
.t_inline { display: inline-block;}
.t_center{ text-align:center;}
.t_right{ text-align:right;}
.box_clear{clear:both;}

strong,b{font-weight: normal;}

/*=====================================================================*/
/*=====================================================================*/
/*=====================================================================*/
/*All Style Hilight===================================================*/
/*=====================================================================*/
/*=====================================================================*/
/*=====================================================================*/
#fiber_ps5_hilight{position: relative; width:100%; height: auto; background: url(../images/landing_bg_hilight.jpg) no-repeat center top #010504; overflow: hidden;}

/*--- ps5_hilight ---*/
#ps5_hilight {position:relative;margin:auto;width:100%;max-width:1240px;line-height:1.3;}
#ps5_hilight .ps5_hilight_sofa {top:32.14%; left:4.35%; width:69.11%; height:auto}
#ps5_hilight .ps5_hilight_boy {top:24.88%; left:36.21%; width:30.32%; height:auto}
#ps5_hilight .ps5_hilight_parent {top:13.1%; left:-1.29%; width:63.39%; height:auto}
#ps5_hilight .ps5_hilight_border {top:0%; left:-30.65%; width:161.29%; height:auto}
#ps5_hilight .ps5_hilight_body {top:18.57%; left:78.87%; width:25.65%; height:auto}
#ps5_hilight .ps5_hilight_joy {top:65%; left:61.13%; width:20%; height:auto}
#ps5_hilight .ps5_hilight_note {top:84.52%; left:55.65%; font-size:17px; line-height: 1.5; font-size:1.32vw; color:#DDD}
#ps5_hilight .ps5_hilight_sd2 {top:65.83%; left:-7.98%; width:87.02%; height:auto}
#ps5_hilight .ps5_hilight_sd1 {top:53.45%; left:-30.65%; width:104.35%; height:auto}
#ps5_hilight .ps5_hilight_txt2 {top:65.6%; left:3.23%; width:52.18%; height:auto}
#ps5_hilight .ps5_hilight_txt1 {top:52.98%; left:1.95%;}
#ps5_hilight .ps5_hilight_logo {top:3.69%; left:4.11%; width:8.15%; height:auto}

#ps5_hilight .ps5_hilight_txt1 h1{font-size:78px; font-size:6.2vw; color:#BE0; font-style: italic; text-shadow: 0px 0px 10px rgba(0,0,0,0.05), -7px 1px 2px rgba(0,0,0,0.6);}
#ps5_hilight .ps5_hilight_txt1 h1 strong{font-size:52px; font-size:4.03vw;}


/*--- ps5_detail ---*/
#ps5_detail {position:relative;margin:auto;width:100%;max-width:1240px;line-height:1.3;}
#ps5_detail .ps5_detail_obj1 {top:23.19%; left:7.42%; width:13.79%; height:auto}
#ps5_detail .ps5_detail_obj2 {top:35.77%; left:6.77%; width:3.31%; height:auto}
#ps5_detail .ps5_detail_obj3 {top:63%; left:85.4%; width:13.06%; height:auto}
#ps5_detail .ps5_detail_body {top:25.92%; left:46.85%; width:32.34%; height:auto}
#ps5_detail .ps5_detail_joy {top:71.27%; left:21.94%; width:26.29%; height:auto}
#ps5_detail .ps5_detail_tag {top:29%; left:15.56%; width:31%; height:auto}
#ps5_detail .ps5_detail_store {top:16.15%; left:34.11%; width:37.18%; height:auto}
#ps5_detail .ps5_detail4 {top:19.06%; left:28.79%;}
#ps5_detail .ps5_detail3 {top:6.9%; left:41.58%; width:31.13%;}
#ps5_detail .ps5_detail2 {top:9.11%; left:28.95%;}
#ps5_detail .ps5_detail1 {top:2.25%; left:28.79%;}

#ps5_detail .ps5_detail1 h2{font-size:38px; font-size:3vw; color:#BE0}
#ps5_detail .ps5_detail2 h2{font-size:45px; font-size:3.48vw; color:#FFF}
#ps5_detail .ps5_detail3 h2{font-size:63px; font-size:4.88vw; text-align: center;color:#FFF}
#ps5_detail .ps5_detail3 sup{font-size:35px; font-size:2.8vw;}
#ps5_detail .ps5_detail4 h2{font-size:42px; font-size:3.25vw; color:#FFF}


.ps5_step_head{text-align: center; margin-bottom: 30px;}
.ps5_step_head h2{font-family:'db_heaventbold_cond'; font-size: 50px;  color: #FFF; }
.ps5_step_head b{font-family:'db_heaventmed_cond'; line-height: 1.4; font-size: 26px; color: #BBDD00; margin-top: 15px; display: block;}
.ps5_step_head sup{font-size: 32px;}
.ps5_step_head b sup{font-size: 22px;}
.ps5_step_box_set > li {width: 33.33%; list-style: none; display: block; height: auto; float: left; padding: 0; margin: 0; }
.ps5_step_box_set > li:nth-of-type(1n) {clear: none; }
.ps5_step_box_set > li:nth-of-type(3n+1) {clear: both; }
.ps5_step_box{position: relative; padding: 20px 30px; min-height: 300px; line-height:1.5; font-family:'db_heaventmed_cond'; font-size: 23px; color: #FFF;}
.ps5_step_box::before{content: ''; position:absolute; z-index:1; width:1px; height:90%; right:0%; top:5%; background-color:#fff;}
.ps5_step_box strong{font-family:'db_heaventbold_cond'; color: #BBDD00;}
.ps5_step_box b{position: relative; font-family:'akrobatbold'; line-height:0.9; font-size: 116px; color: #BBDD00;}
.ps5_step_box b span{position:absolute; font-size: 90px; z-index:1; right:-50px; top:5px;}
.ps5_step_box sup{line-height: 1;  font-size: 14px;}
.ps5_step_box .ic_step{height: 51px; margin-bottom: 30px;}
.ps5_step_box .txt-sm{font-family:'db_heavent_cond'; font-size: 14px;}
.ps5_step_box .bt_step{display: inline-block; background-color: #BBDD00; color: #000; border-radius: 100px; padding: 0px 20px; transition: all .2s ease-in;}
.ps5_step_box .bt_step:hover{background-color: #999; color: #fff; cursor: pointer;}

.ps5_step_note{font-size: 16px; color: #FFF; text-align: right; margin-top: 30px; padding-top: 30px; border-top: solid 1px #fff;}

.ps5_step_box_set li:nth-child(1) .ps5_step_box{background: url(../images/ps5_howto_num1.png) no-repeat left top; padding-left: 65px; padding-right: 10px;}
.ps5_step_box_set li:nth-child(2) .ps5_step_box{background: url(../images/ps5_howto_num2.png) no-repeat center top;}
.ps5_step_box_set li:nth-child(3) .ps5_step_box{background: url(../images/ps5_howto_num3.png) no-repeat right top; padding-right: 5px;}
.ps5_step_box_set li:nth-child(3) .ps5_step_box::before{display: none;}

#fiber_ps5_youtube{position: relative; width:100%; height: auto; padding-top:80px; padding-bottom:80px; background: url(../images/landing_bg_youtube.jpg) no-repeat center top #010504; overflow: hidden;}
.video-center.ps5{border: none; border-bottom: solid 5px #0469D5; border-radius: 30px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);}

/*Responsive -------------------------------*/

@media(min-width:1241px){
	#ps5_hilight .ps5_hilight_note {font-size:17px; }
	#ps5_hilight .ps5_hilight_txt1 h1{font-size:78px; }
	#ps5_hilight .ps5_hilight_txt1 h1 strong{font-size:52px;}
	
	#ps5_detail .ps5_detail1 h2{font-size:38px;}
	#ps5_detail .ps5_detail2 h2{font-size:45px;}
	#ps5_detail .ps5_detail3 h2{font-size:63px;}
	#ps5_detail .ps5_detail3 sup{font-size:35px;}
	#ps5_detail .ps5_detail4 h2{font-size:42px;}
}

@media screen and (max-width: 1240px) {
	#fiber_ps5_hilight{background-image: url(../images/landing_bg_hilight2.jpg); background-size: 100% auto;}
}

@media only screen and (min-width: 651px) and (max-width: 950px) {
	.ps5_step_box{font-size: 2.4vw; padding: 20px 9%;}
	.ps5_step_box b{font-size: 12.2vw;}
	.ps5_step_box b span{font-size: 9.4vw;}
	.ps5_step_box sup{font-size: 1.4vw;}
	.ps5_step_box_set li:nth-child(1) .ps5_step_box{padding-left: 15%;}
}

@media screen and (max-width: 650px) {
	.ps5_step_head{margin-bottom: 0px; margin-top: 30px;}
	.ps5_step_head h2{line-height: 1.3; font-size: 10.6vw;}
	.ps5_step_head b{font-size: 4vw;}
	.ps5_step_head sup{font-size: 5vw;}
	.ps5_step_head b sup{font-size: 3.3vw;}
	.ps5_step_box_set > li {width: 100%; list-style: none; display: block; height: auto; float: left; padding: 0; margin: 0; }
	.ps5_step_box_set > li:nth-of-type(1n) {clear: none; }
	.ps5_step_box_set > li:nth-of-type(1n+1) {clear: both; }
	.ps5_step_box{max-width: 375px; margin: auto; min-height: 200px;}
	.ps5_step_box .ic_step{display: none;}
	.ps5_step_box .txt_in{padding-left: 110px; background-size: auto 50px;}
	.ps5_step_box .txt_in.fibre{background-image: url(../images/ps5_howto_fibre.png); background-position: left top; margin-top: 20px;}
	.ps5_step_box .txt_in.net{background-image: url(../images/ps5_howto_net.png); background-position:top left 25px;}
	.ps5_step_box .txt_in.cart{background-image: url(../images/ps5_howto_cart.png); background-position:top left 25px;}
	
	.ps5_step_box::before{content: ''; position:absolute; z-index:1; width:100%; height:1px; right:0%; top:auto; bottom: 0;}
	.ps5_step_box_set li:nth-child(1) .ps5_step_box{padding: 20px 0; padding-bottom: 5px; background-position: 15px center; background-size: auto 90%;}
	.ps5_step_box_set li:nth-child(2) .ps5_step_box{padding: 20px 0; background-position: 15px center; background-size: auto 90%;}
	.ps5_step_box_set li:nth-child(3) .ps5_step_box{padding: 20px 0; background-position: 15px center; background-size: auto 90%;}
	.ps5_step_box_set li:nth-child(3) .ps5_step_box::before{display:inherit;}
	
	.ps5_step_note{font-size: 16px; text-align:center; margin-top: 0px; padding-top: 30px; border-top:none; margin-bottom: 40px;}
	
	#fiber_ps5_youtube{padding-top:30px; padding-bottom:30px; background: url(../images/landing_bg_youtube_mb.jpg) no-repeat center #000000; background-size: 100% auto;}
	.video-center.ps5{border-bottom: solid 3px #0469D5; border-radius: 15px; margin: 0px 20px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);}
}

@media screen and (max-width: 640px) {
	
	#fiber_ps5_hilight{background-image: url(../images/landing_bg_hilight_mb.jpg);}
	
	#ps5_hilight .ps5_hilight_sofa {top:45.14%; left:-5.16%; width:81.25%; height:auto}
	#ps5_hilight .ps5_hilight_boy {top:40%; left:31.72%; width:35.62%; height:auto}
	#ps5_hilight .ps5_hilight_parent {top:31.89%; left:-11.41%; width:74.38%; height:auto}
	#ps5_hilight .ps5_hilight_border {top:17.3%; left:-67.34%; width:210.94%; height:auto}
	#ps5_hilight .ps5_hilight_body {top:34.32%; left:67.5%; width:33.91%; height:auto}
	#ps5_hilight .ps5_hilight_joy {top:70.27%; left:44.06%; width:26.41%; height:auto}
	#ps5_hilight .ps5_hilight_note {top:87.43%; left:39.22%; font-size:12px; font-size:1.8vw; color:#DDD}
	#ps5_hilight .ps5_hilight_sd2 {top:20.54%; left:-2.03%; width:114.06%; height:auto}
	#ps5_hilight .ps5_hilight_sd1 {top:10.27%; left:-59.84%; width:149.53%; height:auto}
	#ps5_hilight .ps5_hilight_txt2 {top:19.73%; left:5.62%; width:81.09%; height:auto}
	#ps5_hilight .ps5_hilight_txt1 {top:10.95%; left:3.56%;}
	#ps5_hilight .ps5_hilight_logo {top:2.97%; left:79.22%; width:17.03%; height:auto}
	
	#ps5_hilight .ps5_hilight_txt1 h1{font-size:67px; font-size:9.05vw; }
	#ps5_hilight .ps5_hilight_txt1 h1 strong{font-size:32px; font-size:4.8vw;}
	
	#ps5_detail .ps5_detail_obj1 {top:30.52%; left:-1.41%; width:20.78%; height:auto}
	#ps5_detail .ps5_detail_obj2 {top:43.12%; left:-0.78%; width:5%; height:auto}
	#ps5_detail .ps5_detail_obj3 {top:81.43%; left:86.88%; width:23.12%; height:auto}
	#ps5_detail .ps5_detail_body {top:31.04%; left:46.72%; width:44.06%; height:auto}
	#ps5_detail .ps5_detail_joy {top:75.19%; left:12.66%; width:35.94%; height:auto}
	#ps5_detail .ps5_detail_tag {top:33.77%; left:10.47%; width:41.41%; height:auto}
	#ps5_detail .ps5_detail_store {top:17.66%; left:19.06%; width:72.03%; height:auto}
	#ps5_detail .ps5_detail4 {top:21.56%; left:8.75%;}
	#ps5_detail .ps5_detail3 {top:6.44%; left:35.47%;}
	#ps5_detail .ps5_detail2 {top:9.31%; left:9.06%;}
	#ps5_detail .ps5_detail1 {top:1.04%; left:8.75%;}
	
	#ps5_detail .ps5_detail1 h2{font-size:36px; font-size:6vw;}
	#ps5_detail .ps5_detail2 h2{font-size:45px; font-size:6.75vw;}
	#ps5_detail .ps5_detail3 h2{font-size:63px; font-size:10.45vw;}
	#ps5_detail .ps5_detail3 sup{font-size:40px; font-size:5vw;}
	#ps5_detail .ps5_detail4 h2{font-size:42px; font-size:6.3vw;}
	
}

@media screen and (max-width: 460px) {
	#ps5_hilight .ps5_hilight_note {left:auto; right: 5%; font-size:2.3vw;}
}

@media screen and (max-width: 375px) {
	.ps5_step_box{font-size: 6.1vw;}
	.ps5_step_box b{font-size: 30vw;}
	.ps5_step_box b span{font-size: 24vw;}
	.ps5_step_box sup{font-size: 3.7vw;}
	.ps5_step_box .txt-sm{font-size: 3.7vw;}
	.ps5_step_note{font-size: 4.2vw;}
	.ps5_step_box .txt_in{padding-left: 29%;}
}

@media screen and (max-width: 365px) {
	.ps5_step_box .txt_in{background-size: auto 40px;}
}



/*=====================================================================*/
/*=====================================================================*/
/*=====================================================================*/
/*All Style Package===================================================*/
/*=====================================================================*/
/*=====================================================================*/
/*=====================================================================*/
#fiber_ps5_package{position: relative; width:100%; height: auto; padding-top:50px; padding-bottom:50px; background: url(../images/landing_bg_package.jpg) no-repeat center top #050807;}
.ps5_package_head{position: relative;}
.ps5_package_head h3{font-family:'db_heaventbold_cond'; line-height: 1; font-size: 35px; color: #FFF; margin-top: 20px; margin-bottom: 20px;}
.ps5_package_head strong{font-family:'akrobatextrabold'; font-size: 60px; color: #BBDD00; }
.ps5_package_head .bt_click{position:absolute; z-index:1; width:115px; height:45px; right:0px; bottom:5px; padding-top: 10px; border-radius: 10px; font-family:'db_heaventbold_cond'; line-height: 1; font-size: 26px; color: #000; text-align: center; background-color: #B2D90E; border-bottom: solid 3px #0369D7; transition: all .2s ease-in;}
.ps5_package_head .bt_click:hover{background-color: #0369D7; color: #fff; border-color: #fff; cursor: pointer;}

.fiber_ps5_condi_head{font-family:'db_heaventbold_cond'; line-height: 1; font-size: 26px; color: #FFF; margin-top: 70px; margin-bottom: 10px;}
.fiber_ps5_condi_detail{line-height: 1.4; font-size: 16px; color: #B3D907; margin-bottom: 50px;}
.fiber_ps5_condi_detail ul li{list-style: disc; margin-left: 20px;}
.fiber_ps5_condi_detail ul li p{color: #AEB2B1;}

.fiber_ps5_totop{position: relative; display: inline-block; font-size: 16px; color: #AEB2B1; letter-spacing: 2px; padding-top: 85px; transition: all .2s ease-in;}
.fiber_ps5_totop::before{content: ''; position:absolute; z-index:1; width:70px; height:70px; left:50%; margin-left: -35px; top:0px; border: solid 3px #CCCCCC; border-radius: 100px; background: url(../images/ps5_totop_icon.png) no-repeat center; background-size: 100% auto; transition: all .2s ease-in;}
.fiber_ps5_totop:hover{color: #B3D907; cursor: pointer;}
.fiber_ps5_totop:hover::before{border-color: #B3D907; background-position: center -5px;}


@media screen and (max-width: 640px) {
	#fiber_ps5_package{padding-top:10px; padding-bottom:50px; background-image: none; background-color: #000;}
	.ps5_package_head h3{font-size: 5.4vw; margin-top: 20px; margin-bottom: 20px;}
	.ps5_package_head strong{font-size: 9.3vw; }
	.ps5_package_head .bt_click{width:17.9%; height:auto; padding:10px 0px; font-size: 4vw;}
	
	.fiber_ps5_condi_head{font-size: 22px; margin-top: 50px; margin-bottom: 10px;}
	.fiber_ps5_condi_detail{font-size: 14px; margin-bottom: 50px;}
	
	.fiber_ps5_totop{padding-top: 65px;}
	.fiber_ps5_totop::before{width:50px; height:50px; left:50%; margin-left: -25px;}
	
	.ps5_package_head .bt_click:hover{background-color: #B2D90E; color: #000; border-color: #0369D7;}
}

@media screen and (max-width: 430px) {
	.ps5_package_head .bt_click{width:20%; height:auto; padding:5px 0px; font-size: 5vw; border-radius: 7px;}
}


/*power4advance Pack*/
.Promotion-set{width: 100%; max-width: 1170px; margin: 0 auto; text-align: center;padding: 0 10px;}
.Promotion-set .Promotion{display: inline-block; padding-right: 5px;}
.Promotion.Price {width: calc(22% - 5px);}
.Promotion.Speed {width: calc(20.5% - 5px);}
.Promotion.MaxSpeed {width: calc(20% - 5px);}
.Promotion.AX3000 {width: calc(19% - 5px);}
.Promotion.PLAYBOX {width:18%; padding-right:0;}
.Feature-h1-pos { padding: 50px 20px 50px;}

@media(max-width:640px){
  .Feature-h1-pos {padding: 0px 10px 20px;  }
  .Promotion.Price {width: calc(51% - 4px);}
  .Promotion.Speed {width: calc(49% - 4px);}
  .Promotion.AX3000 {width: calc(100% - 1px); padding-top: 10px;}
  .Promotion.MaxSpeed {width: calc(52% - 4px); padding-top: 10px;}
  .Promotion.PLAYBOX {width: calc(48% - 7px); padding-right:0; padding-top: 10px;}
}


/*serenade Pack*/
.serenade_1gb_tb{ max-width: 994px; position: relative; color: #fff !important;}

.serenade_1gb_tb-txt1{
  font-family:db_heaventbold_cond;
    left: 1.5%;
    top: 28%;
    font-size: 29px;
    color: #7030a0;
}
.serenade_1gb_tb-txt2{
left: 1.5%;
    top: 42%;
    font-size: 17px;
    color: #7030a0;
}
.serenade_1gb_tb-txt3 {
    font-family: akrobatextrabold;
    left: 2%;
    top: 58%;
    font-size: 75px;
}
.serenade_1gb_tb-txt3 span{
    font-size: 40px;
}
.serenade_1gb_tb-txt4 {
    font-family: akrobatextrabold;
    left: 19%;
    top: 66%;
    font-size: 16px;
  }
.serenade_1gb_tb-txt5 {
    font-family: akrobatextrabold;
    left: 80%;
    top: 13%;
    font-size: 33px;
        color: #83d434;
  }
.serenade_1gb_tb-txt6 {
    left: 79%;
    top: 31%;
    font-size: 16px;
  }
  .serenade_1gb_tb-txt7 {
    font-family:db_heaventbold_cond;
    left: 27%;
    top: 17%;
    font-size: 27px;
    line-height: 1;
    text-align: center;
  }
  .serenade_1gb_tb-txt8 {
left: 28.5%;
    top: 38%;
    font-size: 16px;
    text-align: center;
  }
  .serenade_1gb_tb-txt9 {
    font-family: akrobatextrabold;
left: 28.5%;
    top: 53%;
    font-size: 75px;
}
.serenade_1gb_tb-txt10 {
    font-family: db_heaventbold_cond;
left: 46.5%;
    top: 12%;
    font-size: 21px;
    color: #83d434;
}
.serenade_1gb_tb-txt11 {
    font-family: db_heaventbold_cond;
left: 45%;
    top: 42%;
    font-size: 17px;
    color: #000;
}
.serenade_1gb_tb-txt11 span{ color: #fc1d9e; }
  .serenade_1gb_tb-txt12 {
    left: 44.5%;
    top: 68%;
    font-size: 14px;
    text-align: center;
    color: #000;
  }
  .serenade_1gb_tb-txt13 {
    font-family: akrobatextrabold;
    left: 65%;
    top: 11%;
    font-size: 19px;
    line-height: 1;
}  
.serenade_1gb_tb-txt14 {
left: 64%;
    top: 83%;
    font-size: 16px;
  }
.serenade_1gb_tb-txt15 {
    font-family: akrobatextrabold;
left: 67.5%;
    top: 80%;
    font-size: 24px;
  }
.serenade_1gb_tb-txt15 span{
    font-family: db_heaventbold_cond;
    font-size: 21px;
  }
@media screen and (max-width: 994px) {
.serenade_1gb_tb-txt1{
    left: 1.5%;
    top: 28%;
font-size: 2.7vw;
}
.serenade_1gb_tb-txt2{
left: 1.5%;
    top: 42%;
    font-size: 1.5vw;
}
.serenade_1gb_tb-txt3 {
    left: 2%;
    top: 58%;
    font-size: 7.2vw;
}
.serenade_1gb_tb-txt3 span{
    font-size: 3.8vw;
}
.serenade_1gb_tb-txt4 {
    left: 19%;
    top: 66%;
    font-size: 1.4vw;
  }
.serenade_1gb_tb-txt5 {
    /*left: 28%;*/
    top: 13%;
    font-size: 3.1vw;
  }
.serenade_1gb_tb-txt6 {
    /*left: 27%;*/
    top: 31%;
    font-size: 1.5vw;
  }
  .serenade_1gb_tb-txt7 {
    /*left: 51%;*/
    top: 17%;
    font-size: 2.6vw;
    line-height: 1;
    text-align: center;
  }
  .serenade_1gb_tb-txt8 {
/*left: 52.5%;*/
    top: 38%;
    font-size: 1.4vw;
    text-align: center;
  }
  .serenade_1gb_tb-txt9 {
/*left: 52.5%;*/
    top: 53%;
    font-size: 7.2vw;
}
.serenade_1gb_tb-txt10 {
/*left: 70.5%;*/
    top: 12%;
    font-size:1.8vw;
}
.serenade_1gb_tb-txt11 {
/*left: 69%;*/
    top: 42%;
    font-size: 1.6vw;
}
  .serenade_1gb_tb-txt12 {
    /*left: 68.5%;*/
    top: 68%;
    font-size: 1.3vw;
    text-align: center;
  }
  .serenade_1gb_tb-txt13 {
    /*left: 89%;*/
    top: 11%;
    font-size: 1.8vw;
    line-height: 1;
}  
.serenade_1gb_tb-txt14 {
/*left: 88%;*/
    top: 83%;
    font-size: 1.4vw;
  }
.serenade_1gb_tb-txt15 {
/*left: 91.5%;*/
    top: 80%;
    font-size: 2.1vw;
  }
.serenade_1gb_tb-txt15 span{
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 570px) {
	.serenade_1gb_gap{height: 20px;}
.serenade_1gb_tb-txt1{
left: 4.5%;
    top: 6.5%;
    font-size: 6.5vw;
  }
.serenade_1gb_tb-txt2{
left: 4.5%;
    top: 11%;
    font-size: 3.8vw;
}
.serenade_1gb_tb-txt3 {
    left: 4.5%;
    top: 15%;
    font-size: 16.2vw;
}
.serenade_1gb_tb-txt3 span{
    font-size: 8.8vw;
}
.serenade_1gb_tb-txt4 {
left: 43%;
    top: 17.7%;
    font-size: 3.8vw;
  }
.serenade_1gb_tb-txt5 {
left: 23%;
top: 63%;
font-size: 9.8vw;
  }
.serenade_1gb_tb-txt6 {
    left: 19%;
top: 70%;
font-size: 4.8vw;
  }
  .serenade_1gb_tb-txt7 {
left: 61.5%;
top: 3%;
font-size: 6.4vw;
  }
  .serenade_1gb_tb-txt8 {
    left: 62%;
top: 10%;
font-size: 4.5vw;
  }
  .serenade_1gb_tb-txt9 {
left: 65.5%;
top: 15%;
font-size: 16.2vw;
}
.serenade_1gb_tb-txt10 {
    left: 9.5%;
top: 30%;
font-size: 5.8vw;
}
.serenade_1gb_tb-txt11 {
    left: 6%;
top: 41%;
font-size: 4.5vw;
}
  .serenade_1gb_tb-txt12 {
left: 6.9%;
top: 51%;
font-size: 3.5vw;
  }
  .serenade_1gb_tb-txt13 {
left: 65%;
top: 29%;
font-size: 5.4vw;
line-height: 1;
}  
.serenade_1gb_tb-txt14 {
    left: 62%;
top: 57.2%;
font-size: 4.4vw;
  }
.serenade_1gb_tb-txt15 {
    left: 73.5%;
top: 56%;
font-size: 6.5vw;
  }
.serenade_1gb_tb-txt15 span{
    font-size: 4.8vw;
  }
}


.serenade_1gb_tb.new .serenade_1gb_tb-txt3{left: 3%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt4{left: 17.7%; top: 82%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt9{left:26.5%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt14{left: 75.8%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt15{left: 79.5%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt4-1{font-family: akrobatextrabold; left: 11%; top: 64%; font-size: 24px;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt20{font-family: db_heaventbold_cond; left: 47%; top: 78%; font-size: 27px; color: #000;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt20 span{color:#FA1999;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt21{font-family: akrobatextrabold; left: 68%; top: 8%; font-size: 27px;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt22{left:67.8%; top:84.5%; line-height:1; font-size: 16px;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt23{left:83.8%; top:83%; font-size: 16px;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt22 span,
.serenade_1gb_tb.new .serenade_1gb_tb-txt23 span{color:#83D434; font-weight:bold;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt22 i{display:none; height:1px; clear:both;}

@media screen and (max-width: 994px) {
.serenade_1gb_tb.new .serenade_1gb_tb-txt4-1{font-size: 2.4vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt20{font-size: 2.7vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt21{font-size: 2.7vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt22,
.serenade_1gb_tb.new .serenade_1gb_tb-txt23{font-size: 1.4vw;}
}

@media screen and (max-width: 570px) {
.fibre_device_bt{font-size:16px;}
.serenade_1gb_tb.new{ margin-top:15px;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt1{top: 10.5%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt2{top: 18%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt3{left:7%; top: 24%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt4{left:41.7%; top: 35%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt4-1{left:25%; top: 26.7%; font-size: 5.4vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt8{top: 14%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt9{left: 61.5%; top: 24%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt10{top: 49%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt14{left: 62.8%; top: 92.2%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt15{left: 73.5%; top: 90.3%;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt20{left:9%; top: 88%; font-size:7.9vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt21{left: 65%; top: 47%; font-size:5.4vw; line-height:1;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt22{left: 59.8%;
top: 68%;
font-size: 3.4vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt23{left: 65.8%;
top: 92%;
font-size: 3.4vw;}
.serenade_1gb_tb.new .serenade_1gb_tb-txt22 i{display:block;}
}


/*supermeshwifi Pack*/
.sec1_supermeshwifi {
    padding-top: 15px;
    max-width: 983px;
    position: relative;
    color: #fff;
}
.supermeshwifi_2gb_tb-txt1{
    font-family: akrobatextrabold;
    left: 1.5%;
    top: 36%;
    font-size: 37px;
    color: #000;
}
.supermeshwifi_2gb_tb-txt2{
left: 1.5%;
    top: 53%;
    font-size: 19px;
    color: #000;
}
.supermeshwifi_2gb_tb-txt3{
    font-family: akrobatextrabold;
left: 1.5%;
    top: 57%;
    font-size: 85px;
    color: #000;
}
.supermeshwifi_2gb_tb-txt4 {
    font-family: akrobatextrabold;
left: 21%;
    top: 36%;
    font-size: 37px;
}
.supermeshwifi_2gb_tb-txt5{
    left: 21%;
    top: 53%;
    font-size: 19px;
}
.supermeshwifi_2gb_tb-txt6{
font-family: akrobatextrabold;
    left: 19.5%;
    top: 57%;
    font-size: 80px;
    color: #83d434;
}
.supermeshwifi_2gb_tb-txt7{
    font-family: akrobatextrabold;
    left: 28%;
    top: 65%;
    font-size: 34px;
    color: #83d434;
}
.supermeshwifi_2gb_tb-txt8 {
    font-family: akrobatextrabold;
        left: 28%;
    top: 77%;
    font-size: 31px;
    color: #83d434;
}
.supermeshwifi_2gb_tb-txt8 span{
    font-size: 19px;
}
.supermeshwifi_2gb_tb-txt9 {
    font-family: akrobatextrabold;
    left: 83.5%;
    top: 84%;
    font-size: 20px;
    color: #83d434;
}
.supermeshwifi_2gb_tb-txt10 {
    font-family: akrobatextrabold;
left: 44%;
    top: 5%;
    font-size: 31px;
    color: #c9de31;
}
.supermeshwifi_2gb_tb-txt12 {
    font-family: akrobatbold;
left: 49%;
    top: 78%;
    font-size: 18px;
    text-align: center;
}
.supermeshwifi_2gb_tb-txt12 span{color: #83d434;
    font-size: 23px;}
.supermeshwifi_2gb_tb-txt13 {
    font-family: akrobatbold;
    left: 64%;
    top: 78%;
    font-size: 18px;
}
.supermeshwifi_2gb_tb-txt13 span{color: #83d434;
    font-size: 23px;}


@media screen and (max-width: 983px) {
.supermeshwifi_2gb_tb-txt1{
    left: 1.5%;
    top: 36%;
    font-size: 3.5vw;
}
.supermeshwifi_2gb_tb-txt2{
left: 1.5%;
    top: 53%;
    font-size: 1.7vw;
}
.supermeshwifi_2gb_tb-txt3{
left: 1.5%;
    top: 57%;
    font-size: 8.3vw;
}
.supermeshwifi_2gb_tb-txt4 {
left: 21%;
    top: 36%;
    font-size: 3.5vw;
}
.supermeshwifi_2gb_tb-txt5{
    left: 21%;
    top: 53%;
    font-size: 1.7vw;
}
.supermeshwifi_2gb_tb-txt6{
left: 20%;
    top: 57%;
    font-size: 8.1vw;
}
.supermeshwifi_2gb_tb-txt7{
    left: 28%;
    top: 65%;
    font-size: 3.2vw;
}
.supermeshwifi_2gb_tb-txt8 {
        left: 28%;
    top: 77%;
    font-size: 2.9vw;
}
.supermeshwifi_2gb_tb-txt8 span{
    font-size: 1.7vw;
}
.supermeshwifi_2gb_tb-txt9 {
    left: 83.5%;
    top: 84%;
    font-size: 1.8vw;
}
.supermeshwifi_2gb_tb-txt10 {
left: 43%;
    top: 5%;
    font-size: 3.1vw;
}
.supermeshwifi_2gb_tb-txt12 {
left: 49%;
    top: 78%;
    font-size: 1.6vw;
}
.supermeshwifi_2gb_tb-txt12 span{
    font-size: 2.1vw;}
.supermeshwifi_2gb_tb-txt13 {
    left: 64%;
    top: 78%;
    font-size: 1.6vw;
}
.supermeshwifi_2gb_tb-txt13 span{
    font-size: 2.1vw;
}
}

@media screen and (max-width: 640px) {
.supermeshwifi_2gb_tb-txt1{
    left: 4%;
    top: 13%;
    font-size: 8.7vw;
}
.supermeshwifi_2gb_tb-txt2{
    left: 4%;
    top: 22%;
    font-size: 4.3vw;
}
.supermeshwifi_2gb_tb-txt3{
left: 4%;
    top: 25%;
    font-size: 19.5vw;
}
.supermeshwifi_2gb_tb-txt4 {
    left: 56%;
    top: 13%;
    font-size: 8.7vw;
}
.supermeshwifi_2gb_tb-txt5{
    left: 56%;
    top: 22%;
    font-size: 4.3vw;
}
.supermeshwifi_2gb_tb-txt6{
left: 56%;
    top: 25%;
    font-size: 19.5vw;
}
.supermeshwifi_2gb_tb-txt7{
    left: 75%;
    top: 28%;
    font-size: 8vw;
}
.supermeshwifi_2gb_tb-txt8 {
    left: 75%;
    top: 34%;
    font-size: 6.8vw;
}
.supermeshwifi_2gb_tb-txt8 span{
    font-size: 3.9vw;
}
.supermeshwifi_2gb_tb-txt9 {
        left: 38%;
    top: 95%;
    font-size: 3.8vw;
}
.supermeshwifi_2gb_tb-txt10 {
left: 22%;
    top: 43.5%;
    font-size: 5.4vw;
}
.supermeshwifi_2gb_tb-txt12 {
    left: 27%;
    top: 67%;
    font-size: 3.6vw;
}
.supermeshwifi_2gb_tb-txt12 span{
    font-size: 4.8vw;}
.supermeshwifi_2gb_tb-txt13 {
    left: 57%;
    top: 67%;
    font-size: 3.6vw;
}
.supermeshwifi_2gb_tb-txt13 span{
    font-size: 4.8vw;
}
}

body{padding-top: 119px !important;}

@media screen and (max-width: 750px) {
body{padding-top: 50px !important;}
}


/*--- ps5_hilight_new_pc ---*/
	#ps5_hilight .ps5_hilight_man {top:8.57%; left:55.89%; width:31.94%; height:auto}
	#ps5_hilight .ps5_hilight_girl {top:17.14%; left:0.16%; width:47.1%; height:auto}
	#ps5_hilight .ps5_hilight_boy {top:8.1%; left:19.11%; width:62.1%; height:auto}
	#ps5_hilight .ps5_hilight_table {top:40.71%; left:15%; width:43.79%; height:auto}
	#ps5_hilight .ps5_hilight_game {top:6.31%; left:42.5%; width:4.44%; height:auto}
	#ps5_hilight .ps5_hilight_movie {top:34.88%; left:29.27%; width:4.76%; height:auto}
	#ps5_hilight .ps5_hilight_work {top:20.12%; left:67.5%; width:4.44%; height:auto}
	#ps5_hilight .ps5_hilight_logo {top:3.69%; left:4.11%; width:8.15%; height:auto}
	#ps5_hilight .ps5_hilight_border {top:18.57%; left:-0.32%; width:128.79%; height:auto}
	#ps5_hilight .ps5_hilight_txt3_bg {top:67.62%; left:-0.4%; width:68.87%; height:auto}
	#ps5_hilight .ps5_hilight_txt2_bg {top:56.55%; left:-30.65%; width:115.89%; height:auto}
	#ps5_hilight .ps5_hilight_txt1_bg {top:51.19%; left:2.02%; width:15.65%; height:auto}
	#ps5_hilight .ps5_hilight_txt3 {top:68.57%; left:2.42%; width:46.21%; height:auto}
	#ps5_hilight .ps5_hilight_txt2 {top:57.1%; left:3.31%; width: auto; font-size:55px; font-size:4.26vw; color:#CF0; text-shadow: 0px 0px 10px rgba(0,0,0,0.05), 5px 1px 2px rgba(0,0,0,0.6);}
	#ps5_hilight .ps5_hilight_txt2_1 {font-size:74px; font-size:5.73vw;}
	#ps5_hilight .ps5_hilight_txt1 {top:51.6%; left:4.35%; font-size:40px; font-size:3.1vw; color:#FFF; text-shadow: 0px 0px 10px rgba(0,0,0,0.05), 5px 1px 2px rgba(0,0,0,0.6);}

	@media(min-width:1241px){
		#ps5_hilight .ps5_hilight_txt2 {font-size:55px; }
		#ps5_hilight .ps5_hilight_txt2_1 {font-size:74px;}
		#ps5_hilight .ps5_hilight_txt1 {font-size:40px; }
	}

@media screen and (max-width: 1240px) {
#ps5_hilight .ps5_hilight_logo {left:7.11%;}
}

@media screen and (max-width: 640px) {
	#ps5_hilight .ps5_hilight_man {top:24.86%; left:55%; width:37.81%; height:auto}
	#ps5_hilight .ps5_hilight_girl {top:45%; left:-2.81%; width:51.88%; height:auto}
	#ps5_hilight .ps5_hilight_boy {top:31.62%; left:13.28%; width:76.88%; height:auto}
	#ps5_hilight .ps5_hilight_table {top:61.35%; left:8.59%; width:69.22%; height:auto}
	#ps5_hilight .ps5_hilight_game {top:30.27%; left:42.19%; width:5.47%; height:auto}
	#ps5_hilight .ps5_hilight_movie {top:61.89%; left:24.69%; width:5.31%; height:auto}
	#ps5_hilight .ps5_hilight_work {top:31.35%; left:70.31%; width:5.31%; height:auto}
	#ps5_hilight .ps5_hilight_logo {top:5.68%; left:79.22%; width:17.03%; height:auto}
	#ps5_hilight .ps5_hilight_border {top:16.89%; left:-85.62%; width:249.53%; height:auto}
	#ps5_hilight .ps5_hilight_body {top:41.22%; left:70.31%; width:29.06%; height:auto}
	#ps5_hilight .ps5_hilight_joy {top:72.16%; left:50.16%; width:22.66%; height:auto}
	#ps5_hilight .ps5_hilight_txt3_bg {top:15%; left:0.31%; width:91.41%; height:auto}
	#ps5_hilight .ps5_hilight_txt2_bg {top:6.35%; left:-39.69%; width:153.59%; height:auto}
	#ps5_hilight .ps5_hilight_txt1_bg {top:2.16%; left:3.59%; width:20.78%; height:auto}
	#ps5_hilight .ps5_hilight_txt3 {top:15.68%; left:4.06%; width:61.25%; height:auto}
	#ps5_hilight .ps5_hilight_txt2 {top:7.57%; left:5%; font-size:38px; font-size:5.7vw; color:#CF0}
	#ps5_hilight .ps5_hilight_txt2_1 {font-size:50px; font-size:7.5vw;}
	#ps5_hilight .ps5_hilight_txt1 {top:2.84%; left:6.88%; font-size:27px; font-size:4.05vw; color:#FFF}
}