html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      overflow-x: hidden;
      background: #333333;
      font-family: tahoma, sans-serif;
      font-size:13px;
    }

    body > * {
      max-width: 1000px;
      margin: 0 auto;
    }

    table {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse;
    }

    .logo-full {
      background: #000;
    }

    .logo-full img {
      width: 100%;
      height: 120px;
      display: block;
    }

.menu-table td {
  width: 16.66%;
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
  background: #00FF00;
}

.menu-table a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  display: block;
}

.menu-table td:hover {
  background: #000000;
}

.menu-table td:hover a {
  color: #00FF00;
}

/* ✅ สีค้าง (active) */
.menu-table td.active {
  background: #000000 !important;
}

.menu-table td.active a {
  color: #00FF00 !important;
}

    .row1 {/* ifame */
    display: flex;
    width: 100%;
    }

    .oneline {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 0;
    }

    .banner-row {
      text-align: center;
      margin: 20px 0;
    }
    table.table-single {
            width: 100%; /* ทำให้ตารางมีความกว้างเต็ม */
            border-collapse: collapse; /* ทำให้เส้นขอบระหว่างเซลล์ถูกผนวกเข้าด้วยกัน */
            background-color: #00FF00; /* กำหนดสีพื้นหลัง */
        }
    table.table-single h3{
            font-size: 16px;
        }    
    table.table-single td {
            border: 1px solid #00FF00; /* เส้นขอบของเซลล์ */
            padding: 10px; /* เพิ่มช่องว่างภายในเซลล์ */
            text-align: center; /* จัดข้อความให้อยู่กลาง */
            padding: 5ch;
            background: linear-gradient(to right, #000000, #00FF00, #000000); 
            font-size: 13px;
        }
    table.table-single p {
      margin: 0;
      padding: 20px 40px 40px;
      font-size: 14px;
      height: 100%;
      text-align: center;
      align-items: center;
      background: linear-gradient(to right, #000000, #00FF00, #000000);
    }

    .table-h1-h3 h1,
    .table-h1-h3 h2,
    .table-h1-h3 h3 {
      margin: 0;
      padding: 10px;
      color: #fff;
      height: 10;
    }
    .table-h1-h3 h1 {
      background: #000000;
      text-align: center;
      color:#00FF00;
      padding: 20px;
      font-size: 22px;
    }
    .table-h1-h3 h2 { 
      background: #000000;
      text-align: center; 
      color:#00FF00;
      padding: 20px;
      font-size: 22px;
    }
    .table-h1-h3 h3 { 
      background: #000000;
      text-align: center;
      color:#00FF00;
      padding: 20px;
      font-size: 22px;
    }

    .table-h1-h3 p {
      margin: 0;
      padding: 20px 40px 40px;
      font-size: 14px;
      height: 100%;
      text-align: center;
      align-items: center;
      background: linear-gradient(to right, #000000, #00FF00, #000000);
    }
    .after-iframe-table h4,
    .after-iframe-table h5,
    .after-iframe-table h6 {
      margin: 0;
      padding: 10px;
      color: #fff;
      height: 10;
    }
    .after-iframe-table h4 {
      background: #000000;
      text-align: center;
      color:#00FF00;
      padding: 20px;
      font-size: 22px;
    }
    .after-iframe-table h5 { 
      background: #000000;
      text-align: center; 
      color:#00FF00;
      padding: 20px;
      font-size: 22px;
    }
    .after-iframe-table h6 { 
      background: #000000;
      text-align: center;
      color:#00FF00;padding: 20px;
      font-size: 22px;
    }

    .after-iframe-table p {
      margin: 0;
      padding: 20px 40px 40px;
      font-size: 14px;
      height: 100%;
      text-align: center;
      align-items: center;
      background: linear-gradient(to right, #000000, #00FF00, #000000);
    }
    .signature {
      text-align:center;
      padding:20px 10px;
      color:#00FF00;
      line-height:1.6em;
      font-size: 12px;
    }
/* แคปชั่นแอนิเมชั่น */
.live-glow {
  font-size: 28px;
  color: black;
  text-shadow:
    0 0 8px yellow,
    0 0 12px yellow,
    0 0 16px gold,
    0 0 20px orange;
  font-weight: bold;
  animation: pulse-glow 1.8s infinite alternate ease-in-out,
             float-text 4s infinite ease-in-out;
  text-align: center;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 12px;
}

@keyframes pulse-glow {
  0% {
    text-shadow: 0 0 5px yellow, 0 0 8px orange;
    transform: scale(1);
  }
  100% {
    text-shadow: 0 0 20px yellow, 0 0 30px gold;
    transform: scale(1.03);
  }
}

@keyframes float-text {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}/* แคปชั่นแอนิเมชั่น */