body {font-family: 'Kanit', sans-serif;}
a {color: #333;transition: all 250ms ease; text-decoration:none !important;}
a:hover {color:#666;}
h1 {font-size: 2em; color: #333;text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.63); margin-bottom: 30px;}

.bg-au {background:url(../images/au-head-full.jpg) top -50px center no-repeat;}
.bg-ge {background:url(../images/ge-head-full.jpg) top -50px center no-repeat;}
.bg-cb {background:url(../images/cb-head-full.jpg) top -50px center no-repeat;}
.bg-cb2 {background:url(../images/cb2-head-full.jpg) top -50px center no-repeat;}
.bg-ktk {background:url(../images/ktk-head-full.jpg) top -50px center no-repeat;}
.bg-swm {background:url(../images/swm-head-full.jpg) top -50px center no-repeat;}
.bg-dn {background:url(../images/dn-head-full.jpg) top -50px center no-repeat;}
.bg-pso2 {background:url(../images/pso2-head-full.jpg) top -50px center no-repeat;}

.box-logo {margin-top: 25px;}
.content-con {margin-top: 60px;}
.content-main {width: 55%; margin: auto; text-align: center; min-height: 660px;}
a.play-id {width: 100%; padding: 15px; margin-top: 15px; background: #92CA1E; color: #fff; display: block;}
a:hover.play-id {background: #7cb20c;}
a.face-id {width: 100%; padding: 15px; margin-top: 15px; background: #425E9B; color: #fff; display: block;}
a:hover.face-id {background: #294a8d;}
a.gg-id {width: 100%; padding: 15px; margin-top: 15px; background: #de3737; color: #fff; display: block;}
a:hover.gg-id {background: #bc1f1f;}
a.a-id {width: 100%; padding: 15px; margin-top: 15px; background: #fd8300; color: #fff; display: block;}
a:hover.a-id {background: #d28d0d;}
a.ga-id {width: 100%; padding: 15px; margin-top: 15px; background: #fd8300; color: #fff; display: block;}
a:hover.ga-id {background: #d28d0d;}
a.tcg-id {width: 100%; padding: 15px; margin-top: 15px; background: #474747; color: #fff; display: block;}
a:hover.tcg-id {background: #5f5e5e;}
a.ot-id {width: 100%; padding: 15px; margin-top: 15px; background: #787878; color: #fff; display: block;}
a:hover.ot-id {background: #5f5e5e;}
.sec-code {width: 100%; display: block; margin: 0 0 15px 0;}
.custom-hr {width: 100%; height: 1px; background: #333; margin: 15px 0;}
.footer-con {width: 100%; padding: 10px; background: #e0e0e0; text-align: center; border-top: #ccc thin solid; margin-top: 30px;}

@media screen and (max-width:1140px) {
    .content-main {width: 100%; margin: auto; text-align: center; min-height: 500px;}
}