@charset 'UTF-8';
@font-face { font-family: 'Sarabun-ExtraBold'; src: url( './Sarabun-ExtraBold.eot' ); src: url( './Sarabun-ExtraBold.eot?#iefix' ) format( 'embedded-opentype' ), url( './Sarabun-ExtraBold.woff2' ) format( 'woff2' ), url( './Sarabun-ExtraBold.woff' ) format( 'woff' ), url( './Sarabun-ExtraBold.ttf' ) format( 'truetype' ), url( './Sarabun-ExtraBold.svg#Sarabun-ExtraBold' ) format( 'svg' ); font-display: fallback; }
@font-face { font-family: 'Sarabun-Regular'; src: url( './Sarabun-Regular.eot' ); src: url( './Sarabun-Regular.eot?#iefix' ) format( 'embedded-opentype' ), url( './Sarabun-Regular.woff2' ) format( 'woff2' ), url( './Sarabun-Regular.woff' ) format( 'woff' ), url( './Sarabun-Regular.ttf' ) format( 'truetype' ), url( './Sarabun-Regular.svg#Sarabun-Regular' ) format( 'svg' ); font-display: fallback; }
* { margin: 0px; padding: 0px; outline: 0; }
body { width: 100%; color: #FFF; position: relative; background-color: #FBFBFB; font-family: 'Sarabun-Regular', Arial, sans-serif; }
.d-flex{display:flex!important}
.justify-content-center{justify-content:center!important}
#main { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
body h1 { color: #E94D65; font-size: 48px; font-family: 'Sarabun-ExtraBold', Arial, sans-serif; line-height: 56px; margin: 0px 0px 10px 0px; }
body h1 span { display: block; color: #1B4962; }
body h2 { color: #181818; font-size: 18px; font-weight: 400; line-height: 25px; margin: 0px 0px 30px 0px; }
#background1 { left: 0px; bottom: 0px; width: 27%; max-width: 500px; position: fixed; }
#background2 { z-index: -1; top: 0px; right: 0px; position: fixed; width: 30%; max-width: 550px; }
a.homepage { transition: all 300ms ease; background-color: #e94d65; color: #fff; padding: 10px 15px; position: relative; text-decoration: none; font-family: 'Sarabun-ExtraBold', Arial, sans-serif; }
a.homepage:hover { box-shadow: 0px 3px 9px rgba(0,0,0,.4); -o-box-shadow: 0px 3px 9px rgba(0,0,0,.4); -moz-box-shadow: 0px 3px 9px rgba(0,0,0,.4); -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.4); }
@media (min-width: 1366px) { body { background-attachment: fixed; } }
@media (max-width: 575px) {	  
  #background1 { width: 30%; }
  #background2 { width: 30%; }
}