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

}

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

}

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

}

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

}

@font-face{
    font-family:'SCG-Bol';
    src: url("../fonts/SCG-Bol.eot");
    src: url("../fonts/SCG-Bol.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCG-Bol.woff") format("woff"),
         url("../fonts/SCG-Bol.ttf") format("truetype"),
         url("../fonts/SCG-Bol.svg#SCG-Bol") format("svg");
    font-weight: normal;
    font-style: normal
} 

/* Include all fonts & customized classes */
@font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic; 
  }
  .prompt-100 {
    font-family: "Prompt";
    font-weight: 100;
    font-style: normal; 
  }
  
  .prompt-100i {
    font-family: "Prompt";
    font-weight: 100;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic; 
  }
  .prompt-200 {
    font-family: "Prompt";
    font-weight: 200;
    font-style: normal; 
  }
  
  .prompt-200i {
    font-family: "Prompt";
    font-weight: 200;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic; 
  }
  .prompt-300 {
    font-family: "Prompt";
    font-weight: 300;
    font-style: normal; 
  }
  
  .prompt-300i {
    font-family: "Prompt";
    font-weight: 300;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic; 
  }
  .prompt-400 {
    font-family: "Prompt";
    font-weight: 400;
    font-style: normal; 
  }
  
  .prompt-400i {
    font-family: "Prompt";
    font-weight: 400;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic; 
  }
  .prompt-500 {
    font-family: "Prompt";
    font-weight: 500;
    font-style: normal; 
  }
  
  .prompt-500i {
    font-family: "Prompt";
    font-weight: 500;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic; 
  }
  .prompt-600 {
    font-family: "Prompt";
    font-weight: 600;
    font-style: normal; 
  }
  
  .prompt-600i {
    font-family: "Prompt";
    font-weight: 600;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Medium.ttf") format("truetype");
    font-weight: 700;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-MediumItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic; 
  }
  .prompt-700 {
    font-family: "Prompt";
    font-weight: 700;
    font-style: normal; 
  }
  
  .prompt-700i {
    font-family: "Prompt";
    font-weight: 700;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic; 
  }
  .prompt-800 {
    font-family: "Prompt";
    font-weight: 800;
    font-style: normal; 
  }
  
  .prompt-800i {
    font-family: "Prompt";
    font-weight: 800;
    font-style: italic;
   }
  
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/Prompt-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic; 
  }
  .prompt-900 {
    font-family: "Prompt";
    font-weight: 900;
    font-style: normal; 
  }
  
  .prompt-900i {
    font-family: "Prompt";
    font-weight: 900;
    font-style: italic; 
  }


  /* font BaiJamjuree */
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/BaiJamjuree-ExtraLight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal; 
  }
  @font-face {
    font-family: "Prompt";
    src: url("../fonts/BaiJamjuree-ExtraLightItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic; 
  }
  .BaiJamjuree-100 {
    font-family: "BaiJamjuree";
    font-weight: 100;
    font-style: normal; 
  }
  
  .BaiJamjuree-100i {
    font-family: "BaiJamjuree";
    font-weight: 100;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic; 
  }
  .BaiJamjuree-200 {
    font-family: "BaiJamjuree";
    font-weight: 200;
    font-style: normal; 
  }
  
  .BaiJamjuree-200i {
    font-family: "BaiJamjuree";
    font-weight: 200;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic; 
  }
  .BaiJamjuree-300 {
    font-family: "BaiJamjuree";
    font-weight: 300;
    font-style: normal; 
  }
  
  .BaiJamjuree-300i {
    font-family: "BaiJamjuree";
    font-weight: 300;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic; 
  }
  .BaiJamjuree-400 {
    font-family: "BaiJamjuree";
    font-weight: 400;
    font-style: normal; 
  }
  
  .BaiJamjuree-400i {
    font-family: "BaiJamjuree";
    font-weight: 400;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic; 
  }
  .BaiJamjuree-500 {
    font-family: "BaiJamjuree";
    font-weight: 500;
    font-style: normal; 
  }
  
  .BaiJamjuree-500i {
    font-family: "BaiJamjuree";
    font-weight: 500;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic; 
  }
  .BaiJamjuree-600 {
    font-family: "BaiJamjuree";
    font-weight: 600;
    font-style: normal; 
  }
  
  .BaiJamjuree-600i {
    font-family: "BaiJamjuree";
    font-weight: 600;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Medium.ttf") format("truetype");
    font-weight: 700;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-MediumItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic; 
  }
  .BaiJamjuree-700 {
    font-family: "BaiJamjuree";
    font-weight: 700;
    font-style: normal; 
  }
  
  .BaiJamjuree-700i {
    font-family: "BaiJamjuree";
    font-weight: 700;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-BoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic; 
  }
  .BaiJamjuree-800 {
    font-family: "BaiJamjuree";
    font-weight: 800;
    font-style: normal; 
  }
  
  .BaiJamjuree-800i {
    font-family: "BaiJamjuree";
    font-weight: 800;
    font-style: italic;
   }
  
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-Bold.ttf") format("truetype");
    font-weight: 900;
    font-style: normal; 
  }
  @font-face {
    font-family: "BaiJamjuree";
    src: url("../fonts/BaiJamjuree-BoldItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic; 
  }
  .BaiJamjuree-900 {
    font-family: "BaiJamjuree";
    font-weight: 900;
    font-style: normal; 
  }
  
  .BaiJamjuree-900i {
    font-family: "BaiJamjuree";
    font-weight: 900;
    font-style: italic; 
  }

   /* font Sarabun */
   @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic; 
  }
  .Sarabun-100 {
    font-family: "Sarabun";
    font-weight: 100;
    font-style: normal; 
  }
  
  .Sarabun-100i {
    font-family: "Sarabun";
    font-weight: 100;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic; 
  }
  .Sarabun-200 {
    font-family: "Sarabun";
    font-weight: 200;
    font-style: normal; 
  }
  
  .Sarabun-200i {
    font-family: "Sarabun";
    font-weight: 200;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic; 
  }
  .Sarabun-300 {
    font-family: "Sarabun";
    font-weight: 300;
    font-style: normal; 
  }
  
  .Sarabun-300i {
    font-family: "Sarabun";
    font-weight: 300;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic; 
  }
  .Sarabun-400 {
    font-family: "Sarabun";
    font-weight: 400;
    font-style: normal; 
  }
  
  .Sarabun-400i {
    font-family: "Sarabun";
    font-weight: 400;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic; 
  }
  .Sarabun-500 {
    font-family: "Sarabun";
    font-weight: 500;
    font-style: normal; 
  }
  
  .Sarabun-500i {
    font-family: "Sarabun";
    font-weight: 500;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic; 
  }
  .Sarabun-600 {
    font-family: "Sarabun";
    font-weight: 600;
    font-style: normal; 
  }
  
  .Sarabun-600i {
    font-family: "Sarabun";
    font-weight: 600;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Medium.ttf") format("truetype");
    font-weight: 700;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-MediumItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic; 
  }
  .Sarabun-700 {
    font-family: "Sarabun";
    font-weight: 700;
    font-style: normal; 
  }
  
  .Sarabun-700i {
    font-family: "Sarabun";
    font-weight: 700;
    font-style: italic; 
  }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-BoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic; 
  }
  .Sarabun-800 {
    font-family: "Sarabun";
    font-weight: 800;
    font-style: normal; 
  }
  
  .Sarabun-800i {
    font-family: "Sarabun";
    font-weight: 800;
    font-style: italic;
   }
  
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-ExtraBold.ttf") format("truetype");
    font-weight: 900;
    font-style: normal; 
  }
  @font-face {
    font-family: "Sarabun";
    src: url("../fonts/Sarabun-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic; 
  }
  .Sarabun-900 {
    font-family: "Sarabun";
    font-weight: 900;
    font-style: normal; 
  }
  
  .Sarabun-900i {
    font-family: "Sarabun";
    font-weight: 900;
    font-style: italic; 
  }