@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: #0F56D8 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: 900px;max-width: 100%;}
.btn-enter-site{color: #333;font-size: 18px;border-radius: 30px;background:rgba(15,86,216,1);padding: 8px 50px;border:1px solid #069;font-weight: 300;
background: rgba(140,199,248,1);
background: -moz-linear-gradient(-45deg, rgba(140,199,248,1) 0%, rgba(224,249,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(140,199,248,1)), color-stop(100%, rgba(224,249,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(140,199,248,1) 0%, rgba(224,249,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(140,199,248,1) 0%, rgba(224,249,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(140,199,248,1) 0%, rgba(224,249,255,1) 100%);
background: linear-gradient(135deg, rgba(140,199,248,1) 0%, rgba(224,249,255,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: #036;color:#333;
background: rgba(224,249,255,1);
background: -moz-linear-gradient(-45deg, rgba(224,249,255,1) 0%, rgba(140,199,248,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,249,255,1)), color-stop(100%, rgba(140,199,248,1)));
background: -webkit-linear-gradient(-45deg, rgba(224,249,255,1) 0%, rgba(140,199,248,1) 100%);
background: -o-linear-gradient(-45deg, rgba(224,249,255,1) 0%, rgba(140,199,248,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(224,249,255,1) 0%, rgba(140,199,248,1) 100%);
background: linear-gradient(135deg, rgba(224,249,255,1) 0%, rgba(140,199,248,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;
}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;}
}