@import "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/choengdoi™1.jpg") no-repeat top center;background-attachment:fixed;background-size: cover;}

main:after{content:'';position:absolute;top: 0;left: 0;width: 100%;height: 100%;}

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: #272727;font-size: 22px;border-radius: 30px;background:rgba(15,86,216,1);padding: 5px 30px;border:1px solid rgb(255, 255, 255);font-weight: 300;

background: #ebebeb;
background: linear-gradient(90deg, rgba(235, 235, 235, 1) 0%, rgba(120, 120, 120, 1) 99%);

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: rgb(255, 255, 255);color:#272727;

background: #ebebeb;
background: linear-gradient(270deg, rgba(235, 235, 235, 1) 0%, rgba(120, 120, 120, 1) 99%);

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

.btn-event{color:#fff;font-size:20px;border-radius:30px;background:goldenrod;padding:15px 50px;border:0;font-weight:300;}

.btn-event:hover,.btn-event:focus{border-color:transparent;color:#fff;transition:.3s all;transform:translateY(-3px);background:gold}

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}

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}

.container{width:100%}

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

}