body {
    /*font-family: 'Kanit', sans-serif;
    background: #bdc3c7;
    color: #34495e;*/
}

* {
    font-family: Sarabun,Mali,K2D,Itim,Mitr,Kanit, sans-serif;
    font-style: normal;
    font-size:medium;
}

.container img {
  object-fit: contain;
  /* or
  object-fit: cover; */
}

.My-TblD-AlignTop {

  vertical-align:text-top;
}

.My-TblH-Delete {
    background-color:red;
    color: white;
    text-align: center;
    width:40px;
}

.My-TblH-Show {
    background-color: lightgreen;
    color: black;
    text-align: center;
    width: 40px;
}

.My-TblH-Edit {
    background-color: lightgreen;
    color: black;
    text-align: center;
    width: 40px;
}

.My-TblH-Left {
  background-color: gainsboro;
  color: black;
  text-align: left;
}

.My-TblH-Right {
  text-align: right;
  background-color: gainsboro;
  color: black;
}

.My-TblH-Center {
    background-color: gainsboro;
    color: black;
    text-align: center;
}

.My-TblH-Center-Show {
    background-color: lightgreen;
    color: black;
    width: 40px;
    text-align: center;
}

.My-TblH-Center-Red {
    background-color: red;
    color: white;
    width: 40px;
    text-align: center;
}



.My-TblH-Center-Red {
    background-color: red;
    color: white;
    text-align: center;
}


.My-TblD-Center {
    text-align: center;
}

.My-TblD-Right {
    text-align: right;
}
.My-TblD-Left {
    text-align: left;
}