@import "https://fonts.googleapis.com/css?family=Kanit:300,400";
@import './bootstrap.min.css';
@import './default.css';
html,body{font-family:"Kanit",sans-serif;padding:0;margin:0;font-weight:400;opacity:1;transition:.3s opacity;color:#000;background:url(../img/bg.png) repeat top center;background-attachment: fixed;}
ul,li{margin:0;padding:0;list-style:none}
iframe,img{max-width:100%;border:0}
h1,h2,h3,h4,h5,h6{font-family:"Kanit",sans-serif;font-weight:700;line-height:initial}
a{transform:.3s all;display: block;vertical-align: middle;padding: 15px}
a.btn{padding: 15px}
a:hover{text-decoration:none;transform:.3s all}
.container{width:900px;max-width:100%}
/*.btn-enter-site{color:#069;font-size:18px;border-radius:30px;background:#60983a;padding:8px 50px;border:1px solid #60983a;font-weight:300;background:rgba(216,239,168,1);background:-moz-linear-gradient(-45deg,rgba(216,239,168,1) 0%,rgba(55,186,90,1) 100%);background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(216,239,168,1)),color-stop(100%,rgba(55,186,90,1)));background:-webkit-linear-gradient(-45deg,rgba(216,239,168,1) 0%,rgba(55,186,90,1) 100%);background:-o-linear-gradient(-45deg,rgba(216,239,168,1) 0%,rgba(55,186,90,1) 100%);background:-ms-linear-gradient(-45deg,rgba(216,239,168,1) 0%,rgba(55,186,90,1) 100%);background:linear-gradient(135deg,rgba(216,239,168,1) 0%,rgba(55,186,90,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8efa8',endColorstr='#54c5ea',GradientType=1)}*/
h1{font-size:22px;font-weight:300;color:#fff}
.header img{width:100px}
.header p{font-size:15px;color:#fff;font-weight:300}
.copyright{font-size:11px;color:#fff;margin-top:30px}
html,body{height:100%}
body{display:table;width:100%}
body>main{display:table-cell;vertical-align:middle;width:100%;text-align:center}
a>img{width: 150px;margin-bottom: 15px;}
a>div>p:first-child{color: white;font-size: 22px;margin-bottom: 0;}
a>div>p:last-child{font-size: 15px;color: white;font-size: 14px;}
a:hover>div>p:last-child{text-decoration: underline;}
a:hover{background: rgba(255,255,255,.3)}
.grid{display: grid;grid-template-columns: 33.33% 33.33% 33.33%;align-items: center;grid-gap: 0}
/*div>a:last-child>div>p:first-child{background:rgba(55,186,90,1);background:-moz-radial-gradient(center,ellipse cover,rgba(55,186,90,1) 0%,rgba(49,166,80,1) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(55,186,90,1)),color-stop(100%,rgba(49,166,80,1)));background:-webkit-radial-gradient(center,ellipse cover,rgba(55,186,90,1) 0%,rgba(49,166,80,1) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(55,186,90,1) 0%,rgba(49,166,80,1) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(55,186,90,1) 0%,rgba(49,166,80,1) 100%);background:radial-gradient(ellipse at center,rgba(55,186,90,1) 0%,rgba(49,166,80,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#37ba5a',endColorstr='#31a650',GradientType=1);color:#fff;border-color:transparent}
div>a:nth-child(2)>div>p:first-child{background:rgba(155,118,234,1);background:-moz-radial-gradient(center,ellipse cover,rgba(155,118,234,1) 0%,rgba(178,152,240,1) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(155,118,234,1)),color-stop(100%,rgba(178,152,240,1)));background:-webkit-radial-gradient(center,ellipse cover,rgba(155,118,234,1) 0%,rgba(178,152,240,1) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(155,118,234,1) 0%,rgba(178,152,240,1) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(155,118,234,1) 0%,rgba(178,152,240,1) 100%);background:radial-gradient(ellipse at center,rgba(155,118,234,1) 0%,rgba(178,152,240,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b76ea',endColorstr='#b298f0',GradientType=1);color:#fff;border-color:transparent}
div>a:first-child>div>p:first-child{background:rgba(51,61,202,1);background:-moz-radial-gradient(center,ellipse cover,rgba(51,61,202,1) 0%,rgba(76,88,217,1) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(51,61,202,1)),color-stop(100%,rgba(76,88,217,1)));background:-webkit-radial-gradient(center,ellipse cover,rgba(51,61,202,1) 0%,rgba(76,88,217,1) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(51,61,202,1) 0%,rgba(76,88,217,1) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(51,61,202,1) 0%,rgba(76,88,217,1) 100%);background:radial-gradient(ellipse at center,rgba(51,61,202,1) 0%,rgba(76,88,217,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333dca',endColorstr='#4c58d9',GradientType=1);color:#fff;border-color:transparent}
div>a:last-child.btn-enter-site:hover,div>a:last-child.btn-enter-site:focus{background:#9fc34d;border-color:#9fc34d;background:rgba(55,186,90,1);background:-moz-linear-gradient(left,rgba(55,186,90,1) 0%,rgba(216,239,168,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(55,186,90,1)),color-stop(100%,rgba(216,239,168,1)));background:-webkit-linear-gradient(left,rgba(55,186,90,1) 0%,rgba(216,239,168,1) 100%);background:-o-linear-gradient(left,rgba(55,186,90,1) 0%,rgba(216,239,168,1) 100%);background:-ms-linear-gradient(left,rgba(55,186,90,1) 0%,rgba(216,239,168,1) 100%);background:linear-gradient(to right,rgba(55,186,90,1) 0%,rgba(216,239,168,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54c5ea',endColorstr='#d8efa8',GradientType=1);color:#fff}
div>a:nth-child(2).btn-enter-site:hover,div>a:nth-child(2).btn-enter-site:focus{background:#9fc34d;border-color:#9fc34d;background:rgba(155,118,234,1);background:-moz-linear-gradient(left,rgba(155,118,234,1) 0%,rgba(216,239,168,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(155,118,234,1)),color-stop(100%,rgba(216,239,168,1)));background:-webkit-linear-gradient(left,rgba(155,118,234,1) 0%,rgba(216,239,168,1) 100%);background:-o-linear-gradient(left,rgba(155,118,234,1) 0%,rgba(216,239,168,1) 100%);background:-ms-linear-gradient(left,rgba(155,118,234,1) 0%,rgba(216,239,168,1) 100%);background:linear-gradient(to right,rgba(155,118,234,1) 0%,rgba(216,239,168,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54c5ea',endColorstr='#d8efa8',GradientType=1);border-color:rgba(155,118,234,1);color:#fff}
div>a:first-child.btn-enter-site:hover,div>a:first-child.btn-enter-site:focus{background:rgba(51,61,202,1);background:-moz-linear-gradient(left,rgba(51,61,202,1) 0%,rgba(135,145,230,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(51,61,202,1)),color-stop(100%,rgba(135,145,230,1)));background:-webkit-linear-gradient(left,rgba(51,61,202,1) 0%,rgba(135,145,230,1) 100%);background:-o-linear-gradient(left,rgba(51,61,202,1) 0%,rgba(135,145,230,1) 100%);background:-ms-linear-gradient(left,rgba(51,61,202,1) 0%,rgba(135,145,230,1) 100%);background:linear-gradient(to right,rgba(51,61,202,1) 0%,rgba(135,145,230,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333dca',endColorstr='#8791e6',GradientType=1);border-color:rgba(51,61,202,1);color:#fff}
*/


@media(max-width: 1170px) {
.container{width:992px}
}
@media(max-width: 991px) {
.container{width:750px}
div>a.btn-enter-site{margin-bottom: 10px;}
}
@media(max-width: 768px) {
body{display:block}
body>main{display:block;height:100%}
body>main .container{display:block;height:100%}
body>main #img-intro{height:auto}
.container{width:100%}
.btn-enter-site{font-size:15px;padding:5px 30px}
}
@media(max-width: 767px){
	.grid{grid-template-columns: auto;}
}