@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew-webfont.eot');
    src: url('thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew-webfont.woff') format('woff'),
         url('thsarabunnew-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew_bolditalic-webfont.eot');
    src: url('thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew_bolditalic-webfont.woff') format('woff'),
         url('thsarabunnew_bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew_italic-webfont.eot');
    src: url('thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew_italic-webfont.woff') format('woff'),
         url('thsarabunnew_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('thsarabunnew_bold-webfont.eot');
    src: url('thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('thsarabunnew_bold-webfont.woff') format('woff'),
         url('thsarabunnew_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

.thsarabunnew{
   font-family: 'THSarabunNew', sans-serif;
}

@font-face {
    font-family: 'IBMPlexSansThai-Light';
    src: url('fonts/IBMPlexSansThai-Light.eot');
    src: url('fonts/IBMPlexSansThai-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/IBMPlexSansThai-Light.woff2') format('woff2'),
         url('fonts/IBMPlexSansThai-Light.woff') format('woff'),
         url('fonts/IBMPlexSansThai-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansThai-ExtraLight';
    src: url('fonts/IBMPlexSansThai-ExtraLight.eot');
    src: url('fonts/IBMPlexSansThai-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/IBMPlexSansThai-ExtraLight.woff2') format('woff2'),
         url('fonts/IBMPlexSansThai-ExtraLight.woff') format('woff'),
         url('fonts/IBMPlexSansThai-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansThai-Text';
    src: url('fonts/IBMPlexSansThai-Text.eot');
    src: url('fonts/IBMPlexSansThai-Text.eot?#iefix') format('embedded-opentype'),
         url('fonts/IBMPlexSansThai-Text.woff2') format('woff2'),
         url('fonts/IBMPlexSansThai-Text.woff') format('woff'),
         url('fonts/IBMPlexSansThai-Text.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansThai-Regular';
    src: url('fonts/IBMPlexSansThai-Regular.eot');
    src: url('fonts/IBMPlexSansThai-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/IBMPlexSansThai-Regular.woff2') format('woff2'),
         url('fonts/IBMPlexSansThai-Regular.woff') format('woff'),
         url('fonts/IBMPlexSansThai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'felix_titlingregular';
    src: url('fonts/felixti-webfont.eot');
    src: url('fonts/felixti-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/felixti-webfont.woff2') format('woff2'),
         url('fonts/felixti-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.bg-transparent {
	background-color:transparent;
	border-color:transparent;
}

.textdec-none{
		text-decoration:none;
		color:FFF;
		font-family:IBMPlexSansThai-Regular;
}

.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;	
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

.chat-stick{
	position:fixed !important;
	bottom: 100 !important;
	right: 30 !important;
}

frame4_1 {
  border:3px solid #F3E3D9;
  padding:1px;
  background-color:black;
}
frame4_2 {
  padding:2px;
  background-color:white;
}