@import url('https://fonts.googleapis.com/css2?family=Fruktur&family=Sarabun&display=swap');

.center {
  margin    : auto;
  width     : auto;
  /* border : 3px solid green; */
  /* padding: 10px; */
}

.head_text {
  text-align     : center;
  /* font-size   : 22px; */
  font-weight    : bold;
  color       : #555;
  padding-top    : 7%;
}

.div_text {
  font-size     : 16px;
  color         : #444;
  letter-spacing: 0.01rem;
  font-weight   : 400;
  font-style    : normal;
  font-family   : 'Sarabun', sans-serif;
  text-transform: none;
  text-align    : justify;
}

.tab_text {
  color: #e73131;
}

.img_boder_r {
  border-radius: 5px;
}

table {
  font-size     : 18px;
  text-align    : justify;
  font-family   : 'Sarabun', sans-serif;
  border-collapse: collapse;
  width          : 80%;
}

td,
th {
  border    : 1px solid #cecece;
  text-align: center;
  padding   : 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

.section_gray {
  background-color: #f5f5f5;
  padding         : 50px 0;
}



/* -------------------------p m-----------------------------*/
.p-1 {
  padding: 5px;
}

.p-2 {
  padding: 10px;
}

.p-3 {
  padding: 15px;
}

.p-4 {
  padding: 20px;
}

.p-5 {
  padding: 25px;
}

.pt-1 {
  padding-top: 5px;
}

.pt-2 {
  padding-top: 10px;
}

.pt-3 {
  padding-top: 15px;
}

.pt-4 {
  padding-top: 20px;
}

.pt-5 {
  padding-top: 25px;
}

.pl-1 {
  padding-left: 5px;
}

.pl-2 {
  padding-left: 10px;
}

.pl-3 {
  padding-left: 15px;
}

.pl-4 {
  padding-left: 20px;
}

.pl-5 {
  padding-left: 25px;
}

.pr-1 {
  padding-right: 5px;
}

.pr-2 {
  padding-right: 10px;
}

.pr-3 {
  padding-right: 15px;
}

.pr-4 {
  padding-right: 20px;
}

.pr-5 {
  padding-right: 25px;
}

.pb-1 {
  padding-bottom: 5px;
}

.pb-2 {
  padding-bottom: 10px;
}

.pb-3 {
  padding-bottom: 15px;
}

.pb-4 {
  padding-bottom: 20px;
}

.pb-5 {
  padding-bottom: 25px;
}

.m-1 {
  margin: 5px;
}

.m-2 {
  margin: 10px;
}

.m-3 {
  margin: 15px;
}

.m-4 {
  margin: 20px;
}

.m-5 {
  margin: 25px;
}

.mt-1 {
  margin-top: 5px;
}

.mt-2 {
  margin-top: 10px;
}

.mt-3 {
  margin-top: 15px;
}

.mt-4 {
  margin-top: 20px;
}

.mt-5 {
  margin-top: 25px;
}

.ml-1 {
  margin-left: 5px;
}

.ml-2 {
  margin-left: 10px;
}

.ml-3 {
  margin-left: 15px;
}

.ml-4 {
  margin-left: 20px;
}

.ml-5 {
  margin-left: 25px;
}

.mr-1 {
  margin-right: 5px;
}

.mr-2 {
  margin-right: 10px;
}

.mr-3 {
  margin-right: 15px;
}

.mr-4 {
  margin-right: 20px;
}

.mr-5 {
  margin-right: 25px;
}

.mb-1 {
  margin-bottom: 5px;
}

.mb-2 {
  margin-bottom: 10px;
}

.mb-3 {
  margin-bottom: 15px;
}

.mb-4 {
  margin-bottom: 20px;
}

.mb-5 {
  margin-bottom: 25px;
}