audio,iframe#window{position:absolute}.content,.scroller{overflow:hidden}.btn1,.ico{text-align:center}.modal-info,audio{pointer-events:none}@font-face{font-family:ThaiSansNeue;font-style:normal;font-weight:400;src:url(../fonts/ThaiSansNeue/ThaiSansNeue-Regular.ttf) format("truetype")}@font-face{font-family:ThaiSansNeue;font-style:"normal";font-weight:200;src:url(../fonts/ThaiSansNeue/ThaiSansNeue-Light.ttf) format("truetype")}@font-face{font-family:ThaiSansNeue;font-style:normal;font-weight:600;src:url(../fonts/ThaiSansNeue/ThaiSansNeue-SemiBold.ttf) format("truetype")}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;src:url(../fonts/Sarabun/Sarabun-Regular.ttf) format("truetype")}@font-face{font-family:Sarabun;font-style:"normal";font-weight:200;src:url(../fonts/Sarabun/Sarabun-Light.ttf) format("truetype")}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;src:url(../fonts/Sarabun/Sarabun-SemiBold.ttf) format("truetype")}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}100%{opacity:1;transform:translateY(0)}}.fadeinUp{-webkit-animation:fadeInUp .5s ease-in-out;animation:fadeInUp .5s ease-in-out}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}.fadeInLeft{-webkit-animation:fadeInLeft .5s ease-in-out;animation:fadeInLeft .5s ease-in-out}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(80px)}100%{opacity:1;transform:translateY(0)}}.fadeInRight{-webkit-animation:fadeInRight .5s ease-in-out;animation:fadeInRight .5s ease-in-out}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-80px)}100%{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}body{font-family:ThaiSansNeue;color:#26353A;font-size:18px}iframe#window{padding:0;margin:0;width:100%;height:100%;top:0;left:0}.full-height,.scroller{height:100vh;width:100vw;position:relative}.content{max-width:1140px;margin:auto;min-height:100%;position:relative;padding:0 15px}.content .el{position:absolute;opacity:0;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.content .el-rel{opacity:0;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.active .content .el,.active .content .el-rel{opacity:1}.btn1{font-size:23px;color:#fff!important;text-decoration:none!important;font-weight:400;border:0;padding:5px 30px 10px;line-height:35px;background:url(../img/btn-center.png) 50px 0;background-size:100% 100%;position:relative;border-radius:22px;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn1::before{content:"";display:block;background:url(../img/btn.png) left top no-repeat;background-size:auto 100%;width:30px;height:100%;position:absolute;top:0;left:0}.btn1::after{content:"";display:block;background:url(../img/btn.png) right top no-repeat;background-size:auto 100%;width:30px;height:100%;position:absolute;top:0;right:0}@media screen and (min-width:992px){.btn1:hover{-webkit-animation:float .3s ease-in-out;animation:float .3s ease-in-out}}.btn2{display:inline-block;margin:0 5px;width:77px;height:77px;background-size:100% auto;background-repeat:no-repeat;background-color:transparent;border:0;position:relative}.ico,.ico .circle{height:50px;width:50px}.btn2.to-main{background-image:url(../img/btn-to-main.png)}.btn2.mute{background-image:url(../img/btn-mute.png)}.btn2.unmute{background-image:url(../img/btn-unmute.png)}.btn2.lang{background-image:url(../img/btn-lang.png)}.btn2:hover{-webkit-animation:float .3s ease-in-out;animation:float .3s ease-in-out}.text1{font-size:50px;line-height:50px;font-weight:700;margin:0}.text2,.text3{font-weight:400;margin:0}@media screen and (max-width:991px){.text1{font-size:35px;line-height:35px}}@media screen and (max-width:496px){.text1{font-size:28px;line-height:28px}.content{padding:60px 15px}}.text2{font-size:30px;line-height:30px}@media screen and (max-width:991px){.text2{font-size:20px;line-height:20px}}.text3{font-size:40px;line-height:40px}.btn-info{border:0;outline:0;box-shadow:none;-webkit-animation:blink 2s ease-in-out infinite;animation:blink 2s ease-in-out infinite}.modal-info{opacity:0;-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.modal-info.active{-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:initial}.ico{margin:0 auto;position:fixed;bottom:15px;left:15px;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;filter:url(#goo)}.ico .circle{background:#fff;border-radius:50%;display:inline-block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transform-origin:0}.ico .circle.circle-top{height:16.67px;width:20.83px;animation:blob-1-anim 3s cubic-bezier(.77,0,.175,1) infinite;z-index:0;top:0}.ico .circle.circle-bottom{height:16.67px;width:20.83px;animation:blob-2-anim 3s cubic-bezier(.77,0,.175,1) infinite;z-index:9;bottom:0}.ico .st-arrow{fill:#231f20;animation:scrolly 3s cubic-bezier(.77,0,.175,1) forwards infinite;perspective:9000px;transform:translateZ(0);transform-origin:bottom}.svg{z-index:9;position:relative}@keyframes blob-1-anim{0%,100%,24%{transform:translateX(-50%) translateY(0)}14%{transform:translateX(-50%) translateY(-6px)}}@keyframes blob-2-anim{0%,100%,30%,70%{transform:scale(1) translate(-50%,7px)}95%{transform:scale(1) translate(-50%,17px)}}@keyframes scrolly{0%{transform:translate3d(0,-150%,0) rotateX(90deg) scale(.5) skewX(3deg)}30%,70%{transform:translate3d(0,0,0) rotateX(0) scale(1) skewX(0)}100%,95%{transform:translate3d(0,50%,0) rotateX(-90deg) scale(.5) skewX(-3deg)}}.dev-mode .scroller{overflow:auto}.dev-mode .border-dev,.dev-mode .content,.dev-mode section.active{border:1px dashed red}@media screen and (max-height:700px){.full-height,.scroller{height:calc(100vh + 120px)}}@media screen and (max-width:1420px) and (max-height:630px){.full-height,.scroller{height:calc(100vh + 120px)}}@media screen and (max-width:1366px) and (max-height:625px){.full-height,.scroller{height:calc(100vh + 120px)}}@media screen and (max-width:1280px) and (max-height:580px){.full-height,.scroller{height:calc(100vh + 200px)}.scroller#p10{height:100vh}}@media screen and (max-width:1366px) and (max-height:625px){.scroller#p10{height:100vh}}.control-btn.control-custom{position:absolute;top:3%;left:5%;z-index:1}.control-btn.control-custom .btn2{outline:0;display:inline-block;vertical-align:top}@media screen and (max-width:991px){.text3{font-size:25px;line-height:25px}.control-btn.control-custom{left:3%}}@media screen and (max-width:496px){.control-btn.control-custom .btn2{width:50px;height:50px}}