*{font-family:"PT Sans",sans-serif}.home,.products,.services,.sign-up{display:flex;height:90vh;align-items:center;justify-content:center;font-size:3rem}.services{background-size:cover}.products,.services{background-position:50%;background-repeat:no-repeat;color:#fff;font-size:100px}.products{background-size:fill}.sign-up{background-position:50%;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:100px}:root{--primary:#fff}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn-mobile{font-family:"Mitr",sans-serif}.btn--primary{background-color:#fff;background-color:var(--primary);color:#242424}.btn--outline,.btn--primary{border:1px solid #fff;border:1px solid var(--primary)}.btn--outline{background-color:transparent;color:#fff;padding:8px 20px;transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:18px}.btn--large{padding:12px 26px;font-size:20px}.btn--large:hover,.btn--medium:hover{transition:all .3s ease-out;background:#fff;color:#242424;transition:.25s}video{object-fit:cover;width:100%;height:100%;position:fixed;z-index:-1}.hero-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);object-fit:contain}.hero-background{background:url(/static/media/BG-2.1f915b92.JPG) 50%/cover no-repeat;height:100%;opacity:1}.type-writer{text-decoration:underline;font-style:oblique;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);margin-top:8px;color:#ebebeb;font-size:38px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.hero-container>h1{color:#fff;font-size:100px;margin-top:-100px}.hero-container>p{text-decoration:underline;font-style:oblique;margin-top:8px;color:#ebebeb;font-size:38px;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.eng-font>h3{margin-top:20px;padding-top:20px;font-size:22px;font-style:oblique;color:#fff}@media screen and (max-width:320px){.type-writer{font-size:14px}}@media screen and (max-width:770px){.hero-container>h1{font-size:40px;margin-top:-150px}}@media screen and (max-width:770px){.eng-font>h1{font-size:20px;margin-top:-150px}}@media screen and (max-width:414px){.type-writer{font-size:28px}}@media screen and (max-width:768px) and (min-width:605px){.hero-container>h1{font-size:70px;margin-top:-150px}}@media screen and (max-width:768px) and (min-width:605px){.type-writer{font-size:40px}}@media screen and (max-width:768px) and (min-width:605px){.eng-font{font-size:25px}}@media screen and (min-width:768px){.eng-font{font-size:25px}}@media only screen and (max-width:320px){.hero-container>h1{font-size:40px}}.hero-btns{margin-top:32px}.hero-btns .btn{margin:6px}.fa-play-circle{margin-left:4px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}.cards{padding:4rem;background:#fff;font-family:"Mitr",sans-serif}.cards>h1{text-align:center}@media screen and (max-width:768px){.cards>h1{font-size:27px;text-align:center;margin-top:-15px}}@media only screen and (max-width:320px){.cards>h1{font-size:25px;text-align:center;margin-top:-15px}}@media screen and (min-width:768px){.cards>h1{font-size:30px;text-align:center;margin-top:-15px}}.cards__container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.cards__wrapper{position:relative;margin:50px 0 45px}.cards__items{margin-bottom:24px}.cards__item{display:flex;flex:1 1;margin:0 1rem;border-radius:10px}.cards__item__link{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px rgba(56,125,255,.17);-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));border-radius:10px;overflow:hidden;text-decoration:none!important}.cards__item__pic-wrap{position:relative;width:100%;padding-top:67%;overflow:hidden}.fade-img{-webkit-animation-name:fade-img;animation-name:fade-img;-webkit-animation-duration:2s;animation-duration:2s}.cards__item__pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;color:#fff;background-color:#1f98f4;box-sizing:border-box}.cards__item__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear}.cards__item__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cards__item__info{padding:20px 30px 30px}.cards__item__text{color:#252e48;font-size:18px;line-height:24px}@media only screen and (max-width:320px){.cards__item__text{font-size:13px}}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:1024px){.cards__items{display:flex}}@media only screen and (max-width:1024px){.cards__item{margin-bottom:2rem}}.editbord{border-style:solid}.footer-container{background-color:#242424;padding:4rem 0 2rem}.footer-container,.footer-subscription{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-subscription{text-align:center;margin-bottom:24px;padding:24px;color:#fff}.footer-thai{font-family:"Mitr",sans-serif}.footer-subscription>p{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.footer-subscription-heading{margin-bottom:24px;font-size:24px}.footer-subscription-text{margin-bottom:24px;font-size:20px}.footer-input{padding:8px 20px;border-radius:2px;margin-right:10px;outline:none;font-size:18px;margin-bottom:16px;border:1px solid #fff}.footer-links{width:100%;max-width:1000px;display:flex;justify-content:center}.footer-link-wrapper{display:flex}.footer-link-items{display:flex;flex-direction:column;align-items:flex-start;margin:16px;text-align:left;width:300px;box-sizing:border-box}@media only screen and (max-width:320px){.footer-link-items{font-size:11px;font-family:"Mitr",sans-serif;width:120px}}@media screen and (max-width:768px){.footer-link-items{position:relative;font-family:"Mitr",sans-serif;font-size:15px;width:140px}}@media screen and (max-width:980px){.footer-link-items{position:relative;font-family:"Mitr",sans-serif;font-size:13px;width:140px}}.footer-link-items>h2{margin-bottom:16px;font-family:"Mitr",sans-serif;font-size:30px;color:#fff}@media only screen and (max-width:320px){.footer-link-items>h2{margin-top:-20px;margin-bottom:20px;font-family:"Mitr",sans-serif;font-size:17px}}@media only screen and (max-width:768px){.footer-link-items>h2{margin-top:-20px;margin-bottom:20px;font-family:"Mitr",sans-serif;font-size:22px}}.footer-link-items a{color:#fff;text-decoration:none;margin-bottom:.5rem}.footer-link-items a:hover{color:#e9e9e9;transition:.3s ease-out}.footer-email-form h2{margin-bottom:2rem}.footer-input::-webkit-input-placeholder{color:#b1b1b1}.footer-input:-ms-input-placeholder{color:#b1b1b1}.footer-input::placeholder{color:#b1b1b1}.social-icon-link{color:#fff;font-size:24px}.social-media{max-width:1000px;width:100%}.social-media-wrap{width:90%;max-width:1000px;margin:40px auto 0}.social-icons,.social-media-wrap{display:flex;justify-content:space-between;align-items:center}.social-icons{width:240px}.social-logo{color:#fff;justify-self:start;cursor:pointer;margin-left:20px;font-size:2rem;display:flex;align-items:center;margin-bottom:16px;text-decoration:none!important}@media screen and (max-width:768px){.social-logo{margin-left:-5px;text-decoration:none!important}}@media only screen and (max-width:320px){.social-logo{margin-left:-5px;font-size:1.5rem;align-items:center}}.website-rights{color:#fff;margin-bottom:16px}@media screen and (max-width:820px){.footer-links{padding-top:2rem}.btn,.footer-input{width:100%}.footer-link-wrapper,.social-media-wrap{flex-direction:column}}.qrcode{border-radius:4px;border:4px solid #47e542;padding:1px;width:350px;display:block;margin-left:auto;margin-right:auto}.lineicon{color:#00b900}.linkicon{color:#5c7aea}.facebookicon{color:#1877f2}.instagramicon{color:#fff;background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);box-shadow:0 3px 10px rgba(0,0,0,.25)}.twittericon{color:#1da1f2}.text{font-family:"Mitr",sans-serif}.hrlength{width:90%;margin:auto}.text>h1{margin-top:-20px;padding-bottom:20px;font-size:28px;text-decoration:underline}.text>h1,.text>p{text-align:center}.text>p{font-size:20px;font-family:"Mitr",sans-serif;padding-top:15px;padding-bottom:25px}.text>h2{margin-top:-20px;text-align:center;padding-bottom:20px;font-size:35px}@media screen and (max-width:600px){.text>h2{margin-top:-20px;text-align:center;padding-bottom:20px;padding-left:10px;padding-right:10px;font-size:20px}}@media screen and (min-width:600px){.text>h2{margin-top:-20px;text-align:center;padding-bottom:20px;padding-left:20px;padding-right:15px;font-size:26px}}@media screen and (min-width:992px){.text>h2{margin-top:-20px;text-align:center;padding-bottom:20px;padding-left:20px;padding-right:15px;font-size:28px}}@media screen and (max-width:600px){.qrcode{border-radius:4px;border:4px solid #47e542;padding:1px;width:200px;display:block;margin-left:auto;margin-right:auto}}@media screen and (min-width:600px){.qrcode{border-radius:4px;border:4px solid #47e542;padding:1px;width:270px;display:block;margin-left:auto;margin-right:auto}}@media screen and (min-width:992px){.qrcode{border-radius:4px;border:4px solid #47e542;padding:1px;width:320px;display:block;margin-left:auto;margin-right:auto}}@media screen and (max-width:600px){.text>h1{font-size:22px}}@media screen and (max-width:600px){.text>h1,.text>p{text-align:center;padding-left:13px;padding-right:13px}.text>p{font-size:18px;justify-content:space-evenly}}@media screen and (min-width:600px){.text>h1{font-size:25px}}@media screen and (min-width:600px){.text>h1,.text>p{text-align:center;padding-left:13px;padding-right:13px}.text>p{font-size:21px;justify-content:space-evenly}}@media screen and (min-width:992px){.text>h1{font-size:30px}}@media screen and (min-width:992px){.text>h1,.text>p{text-align:center;padding-left:13px;padding-right:13px}.text>p{font-size:24px;justify-content:space-evenly}}.button{color:#fff;padding:15px 32px;text-align:center;align-items:center;justify-content:center;text-decoration:none;font-family:"Mitr",sans-serif;width:200px!important;position:relative}.scroll-container{position:fixed;top:0;left:0;width:100%;height:5px}.scroll-container .indicator{height:100%;background-color:#e35205}.scroll-to-top{position:fixed;bottom:12px;right:2%;width:40px;height:40px;border-radius:100%;background:#e35205;color:#fff}.scroll-to-top .icon{margin-top:10px;-webkit-animation:scrollTop .5s ease infinite alternate;animation:scrollTop .5s ease infinite alternate}@-webkit-keyframes scrollTop{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}@keyframes scrollTop{0%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}.navbar{background:linear-gradient(90deg,#e14c07,#e9630a);height:80px;margin-top:0;font-size:1.2rem;position:sticky;top:0;z-index:999}.navbar,.navbar-container{display:flex;justify-content:center;align-items:center;font-family:"Mitr",sans-serif}.navbar-container{height:60px}.navbar-logo{vertical-align:middle;display:inline-block;max-width:100%;border:none}@media only screen and (max-width:600px){.navbar-logo{height:45px;margin-left:-10px;top:-10px}}@media screen and (min-width:600px){.navbar-logo{position:relative;height:40px;left:10px}}@media screen and (min-width:992px){.navbar-logo{position:relative;margin-left:-10px;padding-right:5px;padding-bottom:-5px}}.navbar-logo:hover{border-radius:0;color:#f0f8ff}.fa-typo3{margin-left:.5rem;font-size:1.8rem}.nav-menu{display:grid;grid-template-columns:repeat(4,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem}.nav-item{height:70px}.nav-links{color:#fff;display:flex;align-items:center;font-family:"Mitr",sans-serif;padding:2.3rem 1rem;height:100%}.nav-links:hover{border-bottom:4px solid #fff;transition:all .1s ease-out;text-decoration:none!important;color:#2c2c2c}.fa-bars{color:#fff}.nav-links-mobile{display:none;text-decoration:none!important}.menu-icon{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:100vh;position:absolute;top:80px;left:-100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242422;left:0;z-index:1;justify-content:start}.nav-links{text-align:center;padding:2rem;width:100%;display:table;font-family:"Mitr",sans-serif}.nav-links:hover{background-color:#fff;color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;-webkit-transform:translate(25%,50%);transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#fff;padding:14px 20px;border:1px solid #e25305;transition:all .3s ease-out;font-family:"Mitr",sans-serif}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}.File{text-align:center;font-family:"Mitr",sans-serif;padding:10px 10px -20px}@media only screen and (max-width:320px){.File{font-size:13px}}@media only screen and (min-width:1200px){.File{font-size:26px}}@media only screen and (min-width:1024px){.File{font-size:22px}}@media only screen and (max-width:1024px){.File{font-size:16px}}.download-color{color:#248cc8}.Tips{background-color:#fefbf3}.carousel-control-next-icon,.carousel-control-prev-icon{color:#000;background-color:#000;-webkit-text-decoration:#000;text-decoration:#000}.tipsHeader{font-family:"Mitr",sans-serif;font-size:40px;text-align:center;padding-top:25px;padding-bottom:40px;position:relative;text-decoration:underline}@media screen and (max-width:600px){.tipsHeader{font-family:"Mitr",sans-serif;font-size:27px;margin-top:-30px;padding-bottom:30px;margin-bottom:10px;text-align:center;position:relative;text-decoration:underline}}@media screen and (min-width:600px){.tipsHeader{font-family:"Mitr",sans-serif;font-size:38px;margin-top:-30px;padding-bottom:20px;text-align:center;position:relative;text-decoration:underline}}@media screen and (min-width:992px){.tipsHeader{font-family:"Mitr",sans-serif;font-size:40px;text-align:center;padding-top:25px;padding-bottom:40px;position:relative;text-decoration:underline}}.textfortips{background-color:#fefbf3}.textfortips,.textfortips>h1{font-family:"Mitr",sans-serif}.textfortips>h1{padding-top:50px;font-size:55px;justify-content:center;text-align:justify;word-spacing:-5px;border:2px solid #9d9d9d;padding-bottom:20px;background-color:#f9cf93}.textfortips>p{font-size:25px;margin-top:10px;text-align:left;font-family:"Mitr",sans-serif;border-width:2px;border-radius:55px;padding:25px 60px;border-color:#6d9886}.hrposition{width:100%;position:relative}.listposition{margin-left:40px;font-size:20px}@media screen and (max-width:600px){.textfortips>h1{margin-top:20px;padding-top:30px;font-size:25px;justify-content:center;word-spacing:-5px;text-align:center;border-width:2px;border-color:rgba(0,0,0,.364);padding-bottom:30px}}@media screen and (max-width:600px){.textfortips>p{font-size:16px;padding-left:27px;padding-right:13px;margin-top:10px;text-align:left}}@media screen and (min-width:600px){.textfortips>h1{padding-top:25px;font-size:45px;word-spacing:-5px;text-align:center;border-width:2px;border-color:#9d9d9d;padding-bottom:20px}}@media screen and (min-width:600px){.textfortips>p{font-size:21px;padding-left:50px;padding-right:45px;margin-top:10px;text-align:left}}@media screen and (max-width:600px){.listposition{margin-left:15px;padding-left:5px;padding-right:10px;font-size:15px}}@media screen and (min-width:600px){.listposition{font-size:20px}}@media screen and (min-width:992px){.listposition{font-size:21px}}.form-background{background-image:url(/static/media/BG-1.60631b29.JPG);background-repeat:no-repeat;background-position:50%;background-attachment:fixed;height:100%;opacity:1;padding:10px}.font-mitr{display:flex;justify-content:center;align-items:center;font-family:"Mitr",sans-serif}.menu li{display:inline;padding:28px}.remind{color:red}.form h2{margin-top:-20px;padding-bottom:20px}.bguploadfile{width:auto;box-sizing:border-box}.uploadheader{font-size:30px;border:solid;border-width:3px;border-radius:10px;border-style:dashed;margin-top:20px;margin-bottom:20px}.subject,.uploadheader{text-align:center;font-family:"Mitr",sans-serif}.subject{font-size:25px;display:block}.centerimg{display:block;margin-left:auto;margin-right:auto;width:70%}.login-container{padding:60px;margin:auto;width:100%;max-width:520px;min-height:600px;flex-direction:column;background:radial-gradient(ellipse at left bottom,#eee7e1 0,#fffaf3 59%,rgba(255,255,254,.9) 100%);box-shadow:0 50px 70px -20px rgba(0,0,0,.8);font-family:"Mitr",sans-serif}.btn-center,.login-container{display:flex;justify-content:center}.btn-center{align-items:center;margin-top:20px}.loginoverall{width:100%;min-height:100vh;padding:0 20px;background:#e9e9e9;display:flex}.headerpos{margin-top:-50px;font-size:23px;padding-bottom:8px}.headerpos,.headerpos1,.headerpos2{font-family:"Mitr",sans-serif}.headerpos2{color:#000}.headerpossec{font-family:"Mitr",sans-serif;font-size:23px}.adminfont>h1{font-size:20px}@media screen and (max-width:600px){.headerpos{font-size:20px;padding-bottom:10px}}@media screen and (max-width:600px){.headerpos1{font-size:13px;padding-bottom:10px}}@media screen and (max-width:600px){.headerpossec{font-size:20px;padding-bottom:10px}}.buttonnaja{border:none;outline:none;width:100%;padding:15px 0;color:#fff;font-size:16px;letter-spacing:1px;background:#24a0ed;cursor:pointer}.login{width:100%;min-height:100vh;padding:0 20px;background:#e9e9e9;display:flex}.login .loginContainer{padding:60px;margin:auto;width:100%;max-width:520px;min-height:600px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at left bottom,#fd8121 0,#f5a63e 59%,rgba(247,191,106,.9) 100%);box-shadow:0 50px 70px -20px rgba(0,0,0,.8)}.login .loginContainer label{color:#fff;margin:14px 0;display:block;font-size:22px;line-height:1}.login .loginContainer input{width:100%;border:none;outline:none;font-size:19px;padding:10px;background:hsla(0,0%,100%,.1);color:#fff;letter-spacing:1px}.login .loginContainer .btnContainer{width:100%;padding:24px 0}.login .loginContainer .btnContainer p{margin:14px 0 0;text-align:right;color:#fff}.login .loginContainer .btnContainer p span{color:#ff0;font-weight:500;letter-spacing:.5px;margin-left:5px;cursor:pointer;transition:all .4s ease-in-out}.login .loginContainer .btnContainer p span:hover{color:red}.login .loginContainer .errorMsg{color:red;font-size:16px}.hero{width:100%;min-height:100vh;background:#ffc069}.hero nav{background:#64c9cf;width:100%;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.hero nav h2{color:#fff;font-size:30px}.hero nav button{width:86px;padding:8px 0;background:#4a403a}.adminheader{font-size:33px;align-items:center;text-align:center;justify-content:center;color:#fffaf0}.iconadmin{color:#221811}*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;text-rendering:optimizeLegibility}.textforh3form{color:#4a403a}.requestbody{font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:100;font-size:14px;line-height:30px;color:#777;background:#fff;height:100%;margin-top:-80px;border-width:1px;background-color:#f3c583}.container{max-width:1000px;width:100%;margin:0 auto;position:relative}.monthcontainer{border-radius:5px;padding:10px;margin-bottom:20px;border:2px solid #6d9886;background-color:#fff}#contact button[type=submit],#contact input[type=email],#contact input[type=tel],#contact input[type=text],#contact input[type=url],#contact textarea{font:400 12px/16px "Roboto",Helvetica,Arial,sans-serif}#contact{background:#f9f9f9;padding:25px;margin:150px 0;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}#contact h3{display:block;font-size:30px;font-weight:300;margin-bottom:10px}#contact h4{margin:5px 0 15px;display:block;font-size:16px;font-weight:400}fieldset{border:none!important;margin:0 0 10px;min-width:100%;padding:0;width:100%}#contact input[type=email],#contact input[type=tel],#contact input[type=text],#contact input[type=url],#contact textarea{width:100%;border:1px solid #ccc;background:#fff;margin:0 0 5px;padding:10px;font-size:14px}#contact input[type=email]:hover,#contact input[type=tel]:hover,#contact input[type=text]:hover,#contact input[type=url]:hover,#contact textarea:hover{transition:border-color .3s ease-in-out;border:1px solid #aaa}#contact textarea{height:100px;max-width:100%;resize:none}#contact button[type=submit]{cursor:pointer;width:100%;border:none;background:#4caf50;color:#fff;margin:0 0 5px;padding:10px;font-size:15px}#contact button[type=submit]:hover{background:#43a047;transition:background-color .3s ease-in-out}#contact button[type=submit]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.copyright{text-align:center}#contact input:focus,#contact textarea:focus{outline:0;border:1px solid #aaa}::-webkit-input-placeholder{color:#888}:-moz-placeholder,::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}
/*# sourceMappingURL=main.09f5dce8.chunk.css.map */