@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 url('../img/bg-intro1.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: #ffffff;font-size: 20px;border-radius: 30px;background:rgba(15,86,216,1);padding: 15px 50px;border:0;font-weight: 300;
	background: rgb(9,54,125);
	background: linear-gradient(110deg, rgba(9,54,125,1) 0%, rgba(40,65,166,1) 35%, rgba(0,212,255,1) 100%); }
.btn-enter-site:hover,.btn-enter-site:focus{background:rgba(162,220,254,1);border-color: transparent;color:#ffffff;transition: .3s all;transform: translateY(-3px);
	background: rgb(0,212,255);
	background: linear-gradient(119deg, rgba(0,212,255,1) 0%, rgba(40,65,166,1) 85%, rgba(9,54,125,1) 100%); }
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: 12px;color: #fff;margin-top: 30px;text-shadow: 0 1px 0 rgba(0,0,0,.1);}
/* 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;}
}
.btn-enter-site2{color:#fff;font-size:18px;border-radius:30px;background:goldenrod;padding:8px 50px;border:1px solid #c6b9f4;font-weight:300}
.btn-enter-site2:hover{color: white;opacity: .9;}