body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{overflow:hidden;--primary:#25c0f1;--text:#000;--bgDark:#202026;--bgDarkVdo:#000;--bgPrimary:#edf3f5}body{margin:0 auto;padding:0;background:#edf3f5;background:var(--bgPrimary);color:#000;color:var(--text);font-weight:500;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body{font-family:"DBHelvethaicaX",sans-serif}.bglight{color:#000;color:var(--text);background:#edf3f5;background:var(--bgPrimary)}.bgdark{color:#fff;background:#202026;background:var(--bgDark)}.bgdarkvdo{color:#fff;background:#000;background:var(--bgDarkVdo)}:focus{outline:unset}img{max-width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[class*=" number-slide"],[class^=number-slide]{background:grey;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;font-weight:500;height:300px;max-height:100vh}.number-slide1{background:#40afff;background:linear-gradient(128deg,#40afff,#3f61ff)}.number-slide2{background:#ff4b40;background:linear-gradient(128deg,#ff9a3f,#ff4b40)}.number-slide3{background:#b6ff40;background:linear-gradient(128deg,#b6ff40,#3fff47);background:linear-gradient(128deg,#bdff53,#2bfa52)}.number-slide4{background:#40fff2;background:linear-gradient(128deg,#40fff2,#3fbcff)}.number-slide5{background:#ff409c;background:linear-gradient(128deg,#ff409c,#ff3f3f)}.number-slide6{background:#404cff;background:linear-gradient(128deg,#404cff,#ae3fff)}.subtitle{font-size:32px;margin-bottom:10px}.subtitle,.title{text-align:center}.title{font-size:42px}.title span{color:#25c0f1;color:var(--primary)}.componentTop{position:absolute;top:0;left:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center}.componentTop__div{transform:translate(-20%);padding:2rem}.componentTop.content{width:70%}.componentTop.content .componentTop__div{transform:translate(0)}.componentBottom{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center}.componentBottom__div,.keen-slider__slide{position:relative}.pages{width:100%;height:100vh;overflow:hidden}.pages-fixed{position:fixed;pointer-events:none}.componentCoverVideo,.pages-fixed{width:100%;height:100%;top:0;left:0}.componentCoverVideo{position:absolute;object-fit:cover;opacity:.5}.componentVideo{object-fit:cover;width:800px;max-width:90vw;height:370px;margin:50px auto;border-radius:5px;display:block}.componentCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);max-width:35rem;padding:2rem}.vimeo{position:relative;margin-top:10%}.vimeo__shadow{box-shadow:0 0 300px 60px #fff;border-radius:999999px;position:absolute;top:40%;left:50%;transform:translate(-40%,-50%);z-index:-1;transition:all 5s ease 0s}.vimeo__img{width:300px}.vimeo__time{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;text-align:center}.vimeo__time--clock{width:45px;height:45px;border:1px solid #fff;border-radius:50%;margin-top:10px;margin-bottom:-25px;padding:5px;display:flex;justify-content:center;transition:all 5s ease 0s;transform:rotate(0deg)}.vimeo__time--clock:after{content:"";display:block;width:3px;height:35%;background-color:#fff;border-radius:2px;transition:all 1.5s ease 0s;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.vimeo__time--clock.hr1{transform:rotate(30deg)}.vimeo__time--clock.hr33{transform:rotate(990deg)}.vimeo__time--clock.m40{transform:rotate(0deg)}.vimeo__time--minuteHand{width:45px;height:45px;border:1px solid transparent;border-radius:50%;margin-bottom:-25px;padding:5px;display:flex;justify-content:center;transition:all 5s ease 0s;position:absolute;top:0;transform:rotate(0deg)}.vimeo__time--minuteHand:after{content:"";display:block;width:3px;height:40%;background-color:#fff;border-radius:2px;transition:all 1.5s ease 0s;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.vimeo__time--minuteHand.m40{transform:rotate(220deg)}.vimeo__time--minuteHand.hr1,.vimeo__time--minuteHand.hr33{transform:rotate(1turn)}.vimeo__10user{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:300px;transition:"all 1s ease"}.vimeo__10user img{width:30%;transition:"all 3s ease";-webkit-animation:vimeo 4s ease-in 0s;animation:vimeo 4s ease-in 0s}.vimeo__10user img:first-child{margin:0 30%;-webkit-animation:vimeo1 2s ease-in 0s;animation:vimeo1 2s ease-in 0s}.thaiMap{margin-top:20%;transform:translate(-10%);transition:all 2s ease-in-out}.thaiMap .path{opacity:.9;fill:#fff;stroke:#c4c4c4;stroke-width:.7722;stroke-miterlimit:10;enable-background:new}.thaiMap .path.active{fill:#00b7ef;stroke:#00b7ef}@media (max-width:992px){.hidden-lg-down{display:none!important}}@media (min-width:992px){.hidden-lg-up{display:none!important}}@media (max-width:992px){body{font-size:18px}.componentTop{width:100%;height:33%;top:3rem}.componentTop.mobile-long{height:66%;padding-top:3rem;top:0}.componentTop__div{padding:2rem;transform:unset;text-align:center}.componentTop.content{width:100%}.componentBottom{width:100%;height:33%;bottom:3rem;top:unset;pointer-events:none}.subtitle{font-size:26px;line-height:26px}.title{font-size:32px;line-height:32px}.thaiMap{transform:unset;margin-top:200px;opacity:.7}.componentVideo{margin-top:0;height:200px}.TByte60000,.TByte300000{margin-top:-10%}.covid{margin-top:50%}}@media (max-width:992px){.fixedBox{margin:0!important}}.NoMargin{margin:0!important}@media (min-width:992px){.box{margin:0!important}}@font-face{font-family:"DBHelvethaicaX";src:url(/wp-content/themes/dtac_blog_2020/microsite/wp-dtac2/static/media/DBHelvethaicaX-Med.739b50df.ttf);font-weight:500;font-style:normal}@font-face{font-family:"DBHelvethaicaX";src:url(/wp-content/themes/dtac_blog_2020/microsite/wp-dtac2/static/media/DBHelvethaicaX-Blk.883660dc.ttf);font-weight:700;font-style:normal}@font-face{font-family:"DBHelvethaicaX";src:url(/wp-content/themes/dtac_blog_2020/microsite/wp-dtac2/static/media/DBHelvethaicaX-Li.0f106274.ttf);font-weight:400;font-style:normal}@-webkit-keyframes showAnimation{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes showAnimation{0%{opacity:0}80%{opacity:0}to{opacity:1}}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes vimeo1{0%{width:100%}to{width:30%}}@keyframes vimeo1{0%{width:100%}to{width:30%}}@-webkit-keyframes vimeo{0%{height:0}60%{height:0}70%{height:50%}to{height:100%}}@keyframes vimeo{0%{height:0}60%{height:0}70%{height:50%}to{height:100%}}.header{font-size:18px;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;position:fixed;top:0;width:calc(100vw - 70px);z-index:999}#header{display:none;}.header__logo{width:80px;mix-blend-mode:unset}.header__logo img{max-width:100%}.header__share{width:10%;display:flex;align-items:center;justify-content:flex-end}.header__share svg{width:20px;height:20px;fill:#000;fill:var(--text);cursor:pointer}.header.dark{color:#fff}.header.dark .header__share svg{fill:#fff}@media (max-width:992px){.header{padding:25px;width:calc(100vw - 50px)}.header__logo{width:50px}.header__title{font-size:14px}}#footer{position:fixed;z-index:99;width:100%;bottom:0;padding:20px 0;display:flex;align-items:center;justify-content:center}#footer svg{margin:0 30px;width:20px;cursor:pointer}#footer svg.scrolldrown{transform:rotate(180deg)}#footer svg.disabled{opacity:.5}#footer.dark{color:#fff;fill:#fff}.pageSlider{text-align:center}.pageSlider .iconQus{fill:#25c0f1;fill:var(--primary);width:88px;height:88px}.pageSlider__title{font-size:50px}.pageSlider__subtitle{font-size:34px}.pageSlider__slider{margin-top:30px}.pageSlider__sliderinfo{width:540px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;font-size:23px}.pageSlider__sliderhr{display:flex}.pageSlider__sliderhr--day{margin-right:20px}@media (max-width:992px){.pageSlider{margin-top:0}.pageSlider__title{font-size:40px}.pageSlider__sliderhr{display:block}.pageSlider__subtitle{font-size:28px}.pageSlider__sliderinfo{width:90%;margin:10px auto 0;font-size:20px}}.pagePeopleWatchVideo{text-align:center;color:#fff}@media (max-width:992px){.pagePeopleWatchVideo .componentCenter{margin-top:0}}.pageByte1{text-align:center;color:#fff}.pageByte1 .title span{color:#25c0f1;color:var(--primary)}.pageByte1 .text{font-size:60px;min-width:200px;background-color:#00a0dd;border-radius:40px;text-align:left;padding:30px 20px;display:flex;align-items:center;justify-content:flex-start}.pageByte1 .text .typeA{-webkit-animation:blink-caret 1s step-end infinite;animation:blink-caret 1s step-end infinite}.pageByte1 .text .typeA,.pageByte1 .text .typewriter{line-height:.8em;padding-right:.1em;border-right:2px solid #fff}.pageByte1 .text .typewriter{overflow:hidden;white-space:nowrap;letter-spacing:2px;-webkit-animation:typing 2s steps(20),blink-caret .5s step-end infinite;animation:typing 2s steps(20),blink-caret .5s step-end infinite}.pageKByte1{text-align:center}.pageKByte1__paper{width:250px}.pageKByte1 .subtitle{margin-bottom:10px}.pageKByte1 .title span{color:#25c0f1;color:var(--primary)}@media (max-width:992px){.pageKByte1__paper{width:50%;height:auto}}.pageKByte10{color:#fff}.pageKByte10 .title span{color:#d2529f}.pageKByte10__img{width:200px}@media (max-width:992px){.pageKByte10__img{width:50%;margin:0 auto}}.pageKByte100 .title span{color:#d2529f}.pageKByte100__img{width:200px}@media (max-width:992px){.pageKByte100__img{width:40%;margin:0 auto}}.pageDtacInfo{text-align:center}.pageDtacInfo .dtacLogo{width:140px;margin-bottom:50px}@media (max-width:992px){.pageDtacInfo .componentCenter{margin-top:0}}.pageCredit{display:flex}.pageCredit__div{min-width:350px;max-width:90vw;padding:20px 0;margin:0 20px;border-top:1px solid #fff;font-size:32px}.pageCredit__div--title{font-weight:700;margin-bottom:20px}.pageCredit__div--list{margin:10px 0;font-size:24px}.pageCredit__div--list a{color:#25c0f1;color:var(--primary)}@media (max-width:992px){.pageCredit{flex-wrap:wrap}.pageCredit__div{width:90vw;min-width:auto}}.pageDtacMoreInfo .componentTop__div{width:600px;max-width:100%}.pageDtacMoreInfo__title{font-size:32px;margin-bottom:10px}.pageDtacMoreInfo__list{font-size:24px;margin:1em 0}.pageDtacMoreInfo__hr{width:100%;height:1px;background-color:#fff;margin:30px 0;opacity:.7}.pageDtacMoreInfo__scrollup{display:flex;align-items:center;font-size:20px;font-weight:700;cursor:pointer}.pageDtacMoreInfo__scrollup svg{width:20px;height:15px;fill:#fff;margin-right:10px}.pageDtacMoreInfo a{color:#25c0f1;color:var(--primary);word-break:break-word}@media (max-width:992px){.pageDtacMoreInfo{text-align:left;width:100%;bottom:3rem;height:auto;margin:0}.pageDtacMoreInfo__logo{width:30%;margin-bottom:10px;display:none}.pageDtacMoreInfo__list{text-align:left;padding:0 5px}.pageDtacMoreInfo__scrollup{padding:0 5px}}
/*# sourceMappingURL=main.8622e0de.chunk.css.map */