.itopplus-background {
background-image:none;background-color :##FFFFFF;
}
body {
  font-family: "Kanit", sans-serif !important;
  color: #191970; /* สีข้อความเริ่มต้นเป็น Midnight Blue เพื่อให้อ่านง่ายขึ้น */
}

/* --- ส่วนที่เกี่ยวข้องกับ Navbar และการแสดงผลสี --- */

.navbar-default .navbar-nav > li > a {
  background: transparent; /* ทำให้พื้นหลังของลิงก์โปร่งใส */
  color: #191970; /* สีข้อความเป็น Midnight Blue เพื่อให้อ่านง่าย */
  font-size: 16px;
  display: block;
  padding-top: 10px; /* เพิ่ม padding ด้านบนเล็กน้อย */
  padding-bottom: 10px; /* เพิ่ม padding ด้านล่างเล็กน้อย */
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 1024px) {
  /* ขนาดตัวอักษรสำหรับหัวข้อ */
  h1,
  .h1 {
    font-size: 2.25em;
    color: #191970;
  }
  h2,
  .h2 {
    font-size: 1.875em;
    color: #191970;
  }
  h3,
  .h3 {
    font-size: 1.5em;
    color: #191970;
  }
  h4,
  .h4 {
    font-size: 1.125em;
    color: #191970;
  }
  h5,
  .h5 {
    font-size: 0.875em;
    color: #191970;
  }
  h6,
  .h6 {
    font-size: 0.75em;
    color: #191970;
  }
  p {
    margin: 0 0 10px;
    color: #191970;
  }

  .navbar .nav,
  .navbar .nav > li {
    float: none;
    vertical-align: top;
  }

  .navbar .nav {
    /* ไม่ต้องใช้ display: flex ที่นี่แล้ว หากต้องการให้ text-align: center ทำงาน */
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block; /* ทำให้ UL ตัวมันเองแสดงผลเป็นบล็อกในบรรทัด */
  }

  .navbar .nav > li {
    margin-left: 0; /* ลบระยะห่างระหว่างแต่ละเมนูที่เคยใส่ไป */
    display: inline-block; /* ทำให้แต่ละ LI แสดงผลเป็นบล็อกในบรรทัดเดียวกัน */
    padding: 0 10px; /* เพิ่ม padding ซ้ายขวาให้แต่ละเมนู */
  }

  #main-navbar-collapse {
    text-align: center;
    background: #fff;
    color: #000;
    padding: 5% 0;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1366px) {
  /* ขนาดตัวอักษรสำหรับหัวข้อ (เหมือนด้านบนเพื่อให้สอดคล้องกัน) */
  h1,
  .h1 {
    font-size: 2.25em;
    color: #191970;
  }
  h2,
  .h2 {
    font-size: 1.875em;
    color: #191970;
  }
  h3,
  .h3 {
    font-size: 1.5em;
    color: #191970;
  }
  h4,
  .h4 {
    font-size: 1.125em;
    color: #191970;
  }
  h5,
  .h5 {
    font-size: 0.875em;
    color: #191970;
  }
  h6,
  .h6 {
    font-size: 0.75em;
    color: #191970;
  }
  p {
    margin: 0 0 10px;
    color: #191970;
  }

  .navbar .nav,
  .navbar .nav > li {
    float: none;
    vertical-align: top;
  }

  .navbar .nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block; /* ทำให้ UL ตัวมันเองแสดงผลเป็นบล็อกในบรรทัด */
  }

  .navbar .nav > li {
    margin-left: 0; /* ลบระยะห่าง */
    display: inline-block; /* ทำให้แต่ละ LI แสดงผลเป็นบล็อกในบรรทัดเดียวกัน */
    padding: 0 10px; /* เพิ่ม padding ซ้ายขวาให้แต่ละเมนู */
  }

  #main-navbar-collapse {
    text-align: center; /* ยืนยันการจัดกลาง */
  }
}

figure.effect-selena {
  background: transparent;
}

/* @media block นี้มีการเขียนทับบางส่วนของ Navbar ที่กำหนดไว้ก่อนหน้า */
@media only screen and (min-width: 1024px) {
  #main-navbar-collapse {
    text-align: center; /* ยืนยันการจัดกลาง */
    /*
    background: #4682B4; 
    */
    color: #191970; /* สีข้อความเป็น Midnight Blue */
    /* ความสูงจะถูกควบคุมจากด้านบน */
  }

  .navbar-default .navbar-nav > li > a {
    background: transparent;
    color: #191970; /* สีข้อความเป็น Midnight Blue */
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background-color: #7dc1ee !important;
    color: #191970; /* สีข้อความเป็น Midnight Blue */
  }
}

.itopplus-banner {
    background-image: unset;
    background-repeat: repeat;
    background-size: 100% auto;
  background: #ffff;
}

.navbar-default .navbar-toggle {
    border-color: #4682b4;
    background-color: #4682b4;
}

.navbar-default .navbar-brand {
    color: #4682b4;
}