@import url('https://fonts.googleapis.com/css?family=Kanit');
@font-face {
    font-family: 'CSChatThaiUI';
    unicode-range: U+0E00-U+0E7F;
    src: url('fonts/CSChatThaiUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ThaiSansLite';
    unicode-range: U+0E00-U+0E7F;
    src: url('fonts/ThaiSansLite.eot');
    src: url('fonts/ThaiSansLite.eot?#iefix') format('embedded-opentype'),
         url('fonts/ThaiSansLite.woff') format('woff'),
         url('fonts/ThaiSansLite.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sarabun';
    unicode-range: U+0E00-U+0E7F;
    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: 'sarabunB';
    unicode-range: U+0E00-U+0E7F;
    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;

}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('fonts/Montserrat Regular'), local('Montserrat-Regular'),
       url('fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'MontserratB';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local('fonts/Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
       url('fonts/montserrat-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v12-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'kanit-light';
    src: url('fonts/Kanit-Light.ttf');
}
@font-face {
    font-family: 'kanit-extra-light';
    src: url('fonts/Kanit-ExtraLight.ttf');
}


body { 
    font-family: 'CSChatThaiUI','Montserrat',sans-serif !important; 
}
.cschatui{
    font-family: 'CSChatThaiUI';
 }
.kanit {
    font-family: 'Kanit', sans-serif;
}
.sarabun {
    font-family: 'sarabun', sans-serif;
}
.sarabunB {
    font-family: 'sarabunB', sans-serif;
}
.Montserrat {
    font-family: 'Montserrat', sans-serif;
}
.kanit_l {
    font-family: 'kanit-light', sans-serif;
}
.kanit_xl {
    font-family: 'kanit-extra-light', sans-serif;
}
.thaisans {
    font-family: 'ThaiSansLite', sans-serif;
}

.textB {
    margin-bottom: 15px;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff;
    text-shadow: 0px 2px 0px #abc,
                 0px 4px 10px rgba(0,0,0,0.15),
                 0px 5px 2px rgba(0,0,0,0.1),
                 0px 6px 30px rgba(0,0,0,0.1);
  }
  .textshadow {
    text-shadow: 4px 4px 4px #aaa;
  }

.textITA {
    font-family: 'Kanit', sans-serif;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgb(6, 177, 6);
    text-shadow: 0px 1px 1px #abc;
}
.textIT {
    font-family: 'Kanit', sans-serif;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    color: teal;
    text-shadow: 0px 1px 1px rgb(100, 97, 97);
}
.underline_dot {
    /* text-decoration-style: dotted; */
    border-bottom: 1px dotted rgb(37, 37, 37);
    text-decoration: none;
}
.text10{
    font-size: 10px;
}
.textB40 {
    font-family: 'Kanit', sans-serif;
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0px 1px 0px #abc,
                 0px 4px 10px rgba(0,0,0,0.15),
                 0px 5px 2px rgba(0,0,0,0.1),
                 0px 6px 30px rgba(0,0,0,0.1);
  }
  .text40 {
    font-family: 'kanit-light', sans-serif;
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
  }

  .text20 {
    font-family: 'kanit-light', sans-serif;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgb(15, 0, 0);
  }
  .text22s {
    font-family: 'sarabunB', sans-serif;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgb(15, 0, 0);
  }

.nounderline {
    text-decoration: none !important
}

.text-orange{color:#ff9307!important}a.text-orange:focus,a.text-orange:hover{color:#ba6300!important}
.text-pink{color:#FF388F!important}a.text-orange:focus,a.text-orange:hover{color:#CE2D73!important}


.card>.loading-img,.card>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay{position:absolute;top:0;left:0;width:100%;height:100%}
 .card .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,.7);border-radius:.25rem}
 .card .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:10%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:60px}
 .card .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,.5)}

 .list-group a:hover {
    color:#e100ff!important;
    text-decoration: none;
}
.btn-pink{color:#212529;background-color:#F660AB;border-color:#f93999}.btn-pink:hover{color:#212529;background-color:#f93999;border-color:#f7258e}.btn-pink.focus,.btn-pink:focus{box-shadow:0 0 0 .2rem #c66d9a}.btn-pink.disabled,.btn-pink:disabled{color:#212529;background-color:#ef75b2;border-color:#ef75b2}.btn-pink:not(:disabled):not(.disabled).active,.btn-pink:not(:disabled):not(.disabled):active,.show>.btn-pink.dropdown-toggle{color:#212529;background-color:#f7258e;border-color:#f73b9a}.btn-pink:not(:disabled):not(.disabled).active:focus,.btn-pink:not(:disabled):not(.disabled):active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #c66d9a}
[data-href] { cursor: pointer; }