body{font-family:Sarabun;overflow-x:hidden}.navbar{font-size:18px;font-family:Sarabun;background-color:#363636;color:#fff!important}.navbar-menu{background-color:#363636;color:#fff!important}.navbar-logo{height:60px}@media screen and (max-width : 767px) and (orientation:portrait){.navbar-logo{height:52px}}.main{position:relative;background-size:cover;text-align:center;background-repeat:no-repeat;background-position:top center;min-height:calc(100vh - 60px)}.main-header{position:relative}.main-card-r,.main-card-l{position:absolute;animation-duration:.75s}.main-card-l{top:15%;left:20%}.main-card-r{right:20%}.main-logo{width:350px;margin-top:50px;position:relative;animation-duration:.5s}.main-buff{width:20%;position:absolute;left:0;bottom:0}.main-lion{width:20%;position:absolute;right:0;bottom:0}.main-chip{width:100%;position:absolute;bottom:0;left:0;right:0}.download img{width:250px;margin:20px}@media screen and (max-width : 1200px){.main-card-l{width:150px;left:20%}.main-card-r{width:150px;right:20%}}@media screen and (max-width : 767px) and (orientation:portrait){.navbar-logo{height:52px}.main{padding:0 20%;background-position:right;z-index:2}.download img{width:100%;margin:0 0 10px}.main-card-l{width:90px;left:-30%;top:0;z-index:-1}.main-card-r{width:90px;right:-32%;bottom:0;z-index:-1}.main-logo{width:500px;margin-top:30px}.main-buff{width:50%}.main-chip,.main-lion{display:none}}@media screen and (max-width : 767px) and (orientation:landscape){.navbar-logo{height:52px}.download img{width:30%;margin:0 0 10px}.main-logo{width:200px;margin-top:0}.main-card-l{top:5%;width:100px;left:18%}.main-card-r{width:100px;right:18%}}@media screen and (min-width: 768px) and (max-width : 1024px) and (orientation:portrait){.navbar-logo{height:52px}.main{background-image:url(/_astro/main-m.CPevhj5H.jpg);background-position:center}.main-buff{width:40%}.main-logo{width:400px;margin-top:50px}.main-chip,.main-lion{display:none}.main-card-r,.main-card-l{display:none;width:30%;top:15%}.main-card-l{left:6%}.main-card-r{right:8%}}@media screen and (min-width: 768px) and (max-width : 1024px) and (orientation:landscape){.navbar-logo{height:52px}.download img{width:30%;margin:0 0 10px}.main-card-l{top:10%;width:150px;left:2%}.main-card-r{width:170px;right:2%}.main-logo{width:400px;margin-top:0}}@media only screen and (device-width: 812px) and (device-height: 375px) and (orientation:landscape){.navbar-logo{height:52px}.download img{width:25%;margin:0 0 10px}.main-logo{padding-top:20px;width:170px;margin-top:0}.main-card-l{top:5%;width:100px;left:24%}.main-card-r{width:100px;right:24%}}@media only screen and (device-width: 823px) and (device-height: 411px) and (orientation:landscape){.navbar-logo{height:52px}.download img{width:30%;margin:0 0 10px}.main-logo{width:200px;margin-top:0}}@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape){.navbar-logo{height:52px}.download img{width:30%;margin:0 0 10px}.main-logo{width:500px;margin-top:0}.main-card-l{top:5%;width:200px;left:18%}.main-card-r{width:200px;right:15%}}.footer{background-color:#2e2e2e;padding-top:1.5rem;padding-bottom:1.5rem;font-family:Sarabun;font-size:18px;color:#fff}.footer .title{font-size:40px;margin-bottom:10px}.footer .line{color:#fff;width:500px;margin:auto;font-size:20px}.line:after{display:inline-block;margin:0 0 8px 20px;height:3px;content:" ";text-shadow:none;background-color:#999;width:35%}.line:before{display:inline-block;margin:0 20px 8px 0;height:3px;content:" ";text-shadow:none;background-color:#999;width:35%}.footer .line:before,.footer .line:after{width:35%}.channels{width:500px;margin:auto;padding:15px;border-bottom:solid 2px #999}.channels img{width:40px}.channels img:hover{opacity:.5;-webkit-box-shadow:0 .1em 1em;-moz-box-shadow:0 .1em 1em;-o-box-shadow:0 .1em 1em;box-shadow:0 .1em 1em}.partners{display:flex;padding-top:25px;align-items:center;justify-content:center;margin:auto}.partners img{margin-right:25px}.footer .content{font-size:12px;line-height:21px}.footer-list{margin-top:16px;display:flex;list-style-type:none;justify-content:center}.footer-list li{color:#fff;font-size:16px;font-weight:700;margin-right:10px}.footer-list li a{color:#fff}.footer-list li a:hover{color:#ff4500}@media screen and (max-width : 767px) and (orientation:portrait){.footer .line{width:100%;font-size:18px}.channels{width:100%}.footer .line:before,.footer .line:after{width:27%}.footer .content,.footer-list li{font-size:10px;line-height:3.5vw}.line-break{display:inline}.channels img{width:30px}}@media screen and (max-width : 767px) and (orientation:landscape){.line-break{display:inline}}@media screen and (min-width: 768px) and (max-width : 1024px) and (orientation:portrait){.partners img{margin-right:25px}.line-break{display:inline}}@media screen and (min-width: 768px) and (max-width : 1024px) and (orientation:landscape){.footer .content{font-size:12px}.line-break{display:inline}}@media only screen and (device-width: 812px) and (device-height: 375px) and (orientation:landscape){.line-break{display:inline}}@media only screen and (device-width: 823px) and (device-height: 411px) and (orientation:landscape){.line-break{display:inline}}@media only screen and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape){.line-break{display:inline}}.nav-logo-box{position:absolute;left:calc(50% - 60px)}.nav-logo{height:46px}@media (min-width:851px){.nav-logo-box{position:relative;left:0}.nav-logo{height:64px}}.mdl-grid.center-items{justify-content:center}.mdl-textfield.is-success .mdl-textfield__input{border-color:green;box-shadow:none}.is-textsuccess{color:green;position:absolute;font-size:12px;margin-top:3px;display:block}.mdl-textfield__label__icon{position:absolute;right:0;top:20px}.sig-done,.submit-diagram{margin:auto;text-align:center}