@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Taviraj:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

body, td, th, p, li {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
}

.body1 {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
  font-size: 14px;
  color: #790000;
}
.body2 {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
  font-size: 12px;
  color: #ffffff;
}
.body_big {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
  font-size: 15px;
  color: #333333;
}
.eng {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
}
.body_big2 {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
  font-size: 16px;
  color: #660000;
}
.lang-switch-btn,
a.lang-switch-btn,
a.lang-switch-btn:link,
a.lang-switch-btn:visited,
a.lang-switch-btn:active,
a.lang-switch-btn:hover {
  color: #660000 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

/* เมนูปลายขวา - ให้เฟดกลืนกับพื้นหลังอย่างนุ่มนวล ไร้รอยเหลี่ยม */
.menu-fade-end,
img[name="Image21"],
img[name="Image21e"] {
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
}

/* Quote banner styling - คมชัด อ่านง่าย สวยงาม */
.quote-box {
  margin: 12px 0px 15px 30px;
  width: 485px;
}

.quote-text-th {
  font-family: -apple-system, BlinkMacSystemFont, "Sarabun", "Tahoma", "MS Sans Serif", sans-serif;
  font-size: 19px;
  line-height: 1.55;
  color: #111111;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.quote-line-th1 {
  padding-left: 0px;
}

.quote-line-th2 {
  padding-left: 0px;
}

.quote-line-th3 {
  padding-left: 0px;
}

.quote-text-en {
  font-family: "Lora", "Georgia", "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.5;
  color: #111111;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.1px;
}

.quote-line-en1 {
  padding-left: 0px;
}

.quote-line-en2 {
  padding-left: 0px;
}

.quote-line-en3 {
  padding-left: 0px;
}

.quote-cite {
  text-align: right;
  margin-top: 10px;
  font-size: 13.5px;
  font-family: "Sarabun", "Lora", "MS Sans Serif", Tahoma, sans-serif;
  color: #660000;
  line-height: 1.45;
  font-weight: 500;
}

.quote-cite a {
  color: #660000 !important;
  text-decoration: none;
}

.quote-cite a:hover {
  text-decoration: underline;
}

/* จัดกึ่งกลางหน้าจอทั้งแนวตั้งและแนวนอน */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* ตาราง wrapper นอกสุดของ index.html */
body > table[width="100%"] {
  height: 100% !important;
  width: 100% !important;
  border-collapse: collapse;
}

/* ตารางเนื้อหาหลัก 776px และ 779px ให้อยู่ตรงกลางจอเสมอ ไม่ขยายเต็มจอ */
table[width="779"] {
  width: 779px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

table[width="776"] {
  width: 776px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}