body {
    font-family: 'Noto Sans Thai', serif;
    font-weight: 400;
    font-style: normal;

    background-color: #f9f8f4;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

.color-h2{
  background-color: #FFAB76;
}

.bg_main {
    background-color: #f9f8f4;
}

.text1{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);

    border-bottom: 3px solid #FFAB76;
}

.text2{
    color :#FFAB76 !important;
}

.fontcolor1 {
    color: #23c1c0;
}

.fontcolor2 {
    color: #8bb039;
}

.bg1{
    background-color: #158774;
}

.bg2{
    background-color: #68c9b9;
}

.link{
    color: #eee;
    transition: transform .2s;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.1),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.link:hover{
    color: #fff;
    transform: scale(1.03);
}

.text-link1{
    color: #eee !important;
}
.text-link1:hover{
    color: #fff !important;
}

.gradient-text {
    background: linear-gradient(
    to right, 
    hsl(98 100% 62%), 
    hsl(204 100% 59%)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.data-item { border: 1px solid #eee; padding: 10px; margin-bottom: 5px; border-radius: 4px; }

.bg_color2{
    background: #cbe3db !important;
}

.bg_color3{
  color: #fff !important;
  background-color: #519677 !important;
}

.text-color2{
    color: #519677 !important;
}