@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: #53b8ff;}

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: 900px;max-width: 100%;}
.btn-enter-site{color: #fff;font-size: 20px;border-radius: 30px;background:rgba(15,86,216,1);padding: 15px 50px;border:0;font-weight: 300;

background: rgb(161 106 80);
background: -moz-linear-gradient(-45deg, rgb(161 106 80) 0%, rgb(14 122 13) 100%);

background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(161 106 80)), color-stop(100%, rgb(14 122 13)));

background: -webkit-linear-gradient(-45deg, rgb(161 106 80) 0%, rgb(14 122 13) 100%);

background: -o-linear-gradient(-45deg, rgb(161 106 80) 0%, rgb(14 122 13) 100%);

background: -ms-linear-gradient(-45deg, rgb(161 106 80) 0%, rgb(14 122 13) 100%);

background: rgb(130,69,14);
background: linear-gradient(137deg, rgba(130,69,14,1) 13%, rgba(255,200,95,1) 100%); ;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc7f8', endColorstr='#e0f9ff', GradientType=1 );}

.btn-enter-site:hover,.btn-enter-site:focus{background:rgba(162,220,254,1);border-color: transparent;color:#fff;transition: .3s all;transform: translateY(-3px);

background: rgb(14 122 13);

background: -moz-linear-gradient(-45deg, rgb(14 122 13) 0%, rgb(161 106 80) 100%);

background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(14 122 13)), color-stop(100%, rgb(161 106 80)));

background: -webkit-linear-gradient(-45deg, rgb(14 122 13) 0%, rgb(161 106 80) 100%);

background: -o-linear-gradient(-45deg, rgb(14 122 13) 0%, rgb(161 106 80) 100%);

background: -ms-linear-gradient(-45deg, rgb(14 122 13) 0%, rgb(161 106 80) 100%);

background: rgb(244,193,58);
background: linear-gradient(137deg, rgba(244,193,58,1) 13%, rgba(232,150,40,1) 100%); ; ;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f9ff', endColorstr='#8cc7f8', 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(255,255,255,.75);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;

}

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

}