@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Kanit:300,400,500,700');

@import "./bootstrap.min.css";

@import "./default.css";

@import "./fonts.css";



html,body{font-family: "Kanit", sans-serif;padding:0;margin:0;font-weight: 400;opacity: 1;transition: .3s opacity;color: #000;}

main{background: url('../img/bg.jpg') repeat top center;}

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;}

a:hover{text-decoration: none;transform: .3s all;}

.container{width: 600px;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(84,197,234,1) 100%);

background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(216,239,168,1)), color-stop(100%, rgba(84,197,234,1)));

background: -webkit-linear-gradient(-45deg, rgba(216,239,168,1) 0%, rgba(84,197,234,1) 100%);

background: -o-linear-gradient(-45deg, rgba(216,239,168,1) 0%, rgba(84,197,234,1) 100%);

background: -ms-linear-gradient(-45deg, rgba(216,239,168,1) 0%, rgba(84,197,234,1) 100%);

background: linear-gradient(135deg, rgba(216,239,168,1) 0%, rgba(84,197,234,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8efa8', endColorstr='#54c5ea', GradientType=1 );}

.btn-enter-site:hover,.btn-enter-site:focus{background:#9fc34d;border-color: #9fc34d;

background: rgba(84,197,234,1);

background: -moz-linear-gradient(left, rgba(84,197,234,1) 0%, rgba(216,239,168,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(84,197,234,1)), color-stop(100%, rgba(216,239,168,1)));

background: -webkit-linear-gradient(left, rgba(84,197,234,1) 0%, rgba(216,239,168,1) 100%);

background: -o-linear-gradient(left, rgba(84,197,234,1) 0%, rgba(216,239,168,1) 100%);

background: -ms-linear-gradient(left, rgba(84,197,234,1) 0%, rgba(216,239,168,1) 100%);

background: linear-gradient(to right, rgba(84,197,234,1) 0%, rgba(216,239,168,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c5ea', endColorstr='#d8efa8', GradientType=1 );}

h1{font-size: 22px;font-weight: 300;color: #0d607b}

.header img{width: 100px}

.header p{font-size: 15px;color: #0d607b;font-weight: 300;}

.copyright{font-size: 11px;color: rgba(0,0,0,.3);margin-top: 30px;}

/* SET CENTER */

html,body{height: 100%;}

body{display: table;width: 100%;}

body>main{display: table-cell;vertical-align: middle;width: 100%;text-align: center;

}g

@media(max-width: 1170px){

	.container{width: 992px;}

}

@media(max-width: 991px){

	.container{width: 750px;}

}

@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;}

	/*body>main #img-intro img{display: none;}*/

	.container{width: 100%;}

	.btn-enter-site{font-size: 15px;padding: 5px 30px;}

}