/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* เพิ่มแถบสีส้มด้านบนสุดของ Header / Navigation */
#g-header, #g-navigation, .g-nav-wrapper, header.g-header {
  border-top: 5px solid #ff6b00 !important;
  /* ปรับความหนา (เช่น 4px, 5px, 6px) และเปลี่ยนรหัสสีส้มได้ตามต้องการ */
}
/* 1. ลบ/ลด Padding ด้านบน-ล่างของทุก Section หลัก (เช่น Header, Navigation, Main, Bottom) */
#g-header, #g-navigation, #g-showcase, #g-feature, #g-utility, #g-main, #g-submain, #g-expanded, #g-bottom, #g-footer {
  padding-top: 5px !important;
  /* ปรับเป็น 0px หรือ 5px-15px ได้ตามต้องการ กล่องเมนู */
  padding-bottom: 0px !important;
  /* ปรับเป็น 0px หรือ 5px-15px ได้ตามต้องการ */
}
/* 2. ลบ/ลด Margin และ Padding ของแถว (Container & Grid Row) */
.g-container, .g-grid {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
/* 3. ลบ Padding ด้านบน-ล่าง ด้านในของกล่องโมดูล และ Content */
.g-block, .g-block .platform-content, .moduletable, .module, .g-content {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  /* เว้นระยะเฉพาะด้านล่างเล็กน้อยระหว่างโมดูล */
  padding-top: 0px !important;
  /* ลดระยะห่างด้านในโมดูล */
  padding-bottom: 0px !important;
  /* ลดระยะห่างด้านในโมดูล */
}
/* 4. ลบ Margin ส่วนเกินของจั่วหัวโมดูล (Module Header / Title) และย่อหน้าแรก (Paragraph) */
.moduletable .g-title, .module .g-title, .moduletable h3, .module h3 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.g-content p:first-child, .moduletable p:first-child {
  margin-top: 0px !important;
}
/* -----------------------------------------------------------------
/* ปรับขนาดฟอนต์ของเนื้อหาหลัก (Body text) ทั้งเว็บ */
body {
  font-size: 16px;
  /* เนื้อข่าว content */
}
/* กำหนดการเปลี่ยนสีของลิงก์ทั่วไป */
a {
  color: #333333;
  /* สีลิงก์สถานะปกติ (ปรับรหัสสีได้ตามต้องการ) */
  transition: color 0.2s ease-in-out;
  /* ทำให้สีเปลี่ยนนุ่มนวล ไม่กระตุก */
}
/* เมื่อเอาเมาส์ชี้ที่ลิงก์ ข้อความจะเปลี่ยนเป็นสีส้ม */
a:hover, a:focus {
  color: #ff6600 !important;
  /* เปลี่ยนเป็นสีส้ม */
  text-decoration: none;
  /* เอาเส้นใต้ ออก (ใส่หรือไม่ใส่ก็ได้) */
}
h1 {
  font-size: 20px;
}
/* หน้า content */
h2 {
  font-size: 20px;
}
h3 {
  font-size: 20px;
}
/* หน้าหลัก 3 ข่าว */
.g-main-nav .g-toplevel {
  font-size: 14px;
}
#g-footer {
  font-size: 14px;
}
#g-footer a {
  font-size: 14px;
}
#g-footer h1, #g-footer h2, #g-footer h3, #g-footer .g-title {
  font-size: 16px;
}
/* -----------------------------------------------------------------
/* ปรับจำนวนการแสดง ข่าวสารและภาพกิจกรรม */
.news-3-columns .latestnews-enhanced, .news-3-columns ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-template-rows: repeat(2, auto) !important;
  /* กำหนดให้มีแค่ 2 แถว */
  /* ปรับระยะห่างที่นี่ */
  column-gap: 20px;
  /* ระยะห่างระหว่างกล่องข่าว ซ้าย-ขวา def 20*/
  row-gap: 20px;
  /* ระยะห่างระหว่างแถวข่าว บน-ล่าง (ปรับตัวเลขได้ตามต้องการ) def 30 */
}
/* -----------------------------------------------------------------
/* ปรับจำนวนการแสดง ข่าวสารและภาพกิจกรรม */
.news-3-columns-list .latestnews-enhanced, .news-3-columns-list ul {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  /* ปรับระยะห่างที่นี่ */
  column-gap: 20px;
  /* ระยะห่างระหว่างกล่องข่าว ซ้าย-ขวา def 20*/
  row-gap: 30px;
  /* ระยะห่างระหว่างแถวข่าว บน-ล่าง (ปรับตัวเลขได้ตามต้องการ) def 30 */
}
/* -----------------------------------------------------------------
/* เปลี่ยนสี container ข่าวสารและภาพกิจกรรม */
.news-3-columns {
  background-color: #fefefe !important;
  /* สีเทาอ่อน f4f5f7*/
  padding: 10px !important;
  /* ระยะห่างด้านใน */
  border-radius: 8px !important;
  /* ความโค้งของมุม */
  border: 1px solid #e5e7eb !important;
  /* เส้นขอบ */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  /* เงาฟุ้งแบบมินิมอล */
}
/* -----------------------------------------------------------------
/* เปลี่ยนสี container ปฏิทินกิจกรรม */
.activity-calendar {
  background-color: #fefefe !important;
  /* สีเทาอ่อน f4f5f7*/
  padding: 20px !important;
  /* ระยะห่างด้านใน */
  border-radius: 8px !important;
  /* ความโค้งของมุม */
  border: 1px solid #e5e7eb !important;
  /* เส้นขอบ */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  /* เงาฟุ้งแบบมินิมอล */
}
/* -----------------------------------------------------------------
/* เปลี่ยนสี container งานพัสดุ */
.pass-list {
  background-color: #fefefe !important;
  padding: 20px !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
/* -----------------------------------------------------------------
/* เปลี่ยนสี container สายตรงคณบดี */
.dean-direct {
  background-color: #fefefe !important;
  padding: 10px !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}
/* -----------------------------------------------------------------
/* รองรับการแสดงผลบนมือถือให้เหลือ 1 คอลัมน์แนวตั้ง */
@media (max-width: 768px) {
  .news-3-columns .latestnews-enhanced, .news-3-columns ul {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
/* -----------------------------------------------------------------
/* ปรับขนาดตัวหนังสือหัวข้อโมดูลทั้งหมด */
.moduletable .g-title, .module .g-title, .moduletable h3, .module h3, .g-block .g-title {
  font-size: 17px !important;
  /* ปรับขนาดตัวอักษร เช่น 18px, 20px, 24px */
  line-height: 1.3 !important;
  /* ปรับระยะห่างระหว่างบรรทัด (ถ้าหัวข้อยาว) */
  font-weight: 600 !important;
  /* ปรับความหนาของตัวหนังสือ (400=ปกติ, 600=หนาปานกลาง, 700=หนา) */
  margin-bottom: 12px !important;
  /* ปรับระยะห่างระหว่างหัวข้อกับเนื้อหาด้านล่าง */
}
/* -----------------------------------------------------------------
/* กำหนดโครงสร้างหลักให้รองรับการสร้างเส้น */
.moduletable .g-title, .module .g-title, .moduletable h3, .module h3, .g-block .g-title {
  position: relative !important;
  padding-bottom: 8px !important;
  /* ระยะห่างระหว่างตัวหนังสือกับเส้น */
  margin-bottom: 15px !important;
  /* ระยะห่างระหว่างเส้นกับเนื้อหาด้านล่าง */
}
/* -----------------------------------------------------------------
/* สร้างเส้นแถบสีใต้หัวข้อของโมดูล */
.moduletable .g-title::after, .module .g-title::after, .moduletable h3::after, .module h3::after, .g-block .g-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  /* ความยาวของแถบสี (ปรับเพิ่ม-ลดได้ เช่น 60px, 80px) */
  height: 3px !important;
  /* ความหนาของแถบสี */
  background-color: #ff6b00 !important;
  /* เปลี่ยนรหัสสีตามต้องการ (เช่น #ff6b00 ส้ม, #0056b3 น้ำเงิน) */
  border-radius: 2px !important;
  /* ความโค้งของมนขอบเส้น */
}
/* -----------------------------------------------------------------
/* ลบเส้นกรอบรอบตารางหมวดหมู่บทความ (Category List) */
.category-list, .category-list table, .category-list th, .category-list td, .com-content-category__navigation table, .com-content-category__navigation th, .com-content-category__navigation td, table.category, table.category th, table.category td {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* ลบเส้นขอบกรณีถูกครอบด้วย fieldset หรือ container */
.com-content-category fieldset, .category-list fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* -----------------------------------------------------------------
/* ไม่ให้กล่อง ประกาศสำคัญ แสดงหน้าคอนเทนต์ */
body.view-article .activity-calendar {
  display: none;
}
/* -----------------------------------------------------------------
/* ไม่ให้กล่อง แบนเนอร์คณบดี แสดงหน้าคอนเทนต์ */
body.view-article .dean-direct {
  display: none;
}
/* -----------------------------------------------------------------
/* ไม่ให้กล่อง งานพัสดุ แสดงหน้าคอนเทนต์ */
body.view-article .pass-list {
  display: none;
}
/* -----------------------------------------------------------------
/* แท็บที่ไม่ได้เลือก: สีเทาอ่อนและขนาดฟอนต์ */
.pass-list .nav-tabs .nav-link {
  color: #9e9e9e;
  font-size: 14px;
}
/* เมื่อเอาเมาส์ชี้ ให้เข้มขึ้นเล็กน้อย */
.pass-list .nav-tabs .nav-link:hover {
  color: #757575;
}
/* แท็บที่เลือกอยู่ (ข่าวจัดซื้อจัดจ้าง): สีเดิมและขนาดฟอนต์ */
.pass-list .nav-tabs .nav-link.active {
  color: #212529;
  font-size: 14px;
}
/* ===== ให้ฟุตเตอร์อยู่ล่างสุดของจอ ===== */
html, body {
  height: 100%;
  margin: 0;
}
#g-page-surround {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/* เนื้อหาหลักขยายเต็มพื้นที่ที่เหลือ */
#g-page-surround > #g-container-main {
  flex: 1 0 auto;
}
/* ฟุตเตอร์ถูกดันลงล่างสุด */
#g-footer {
  flex-shrink: 0;
  margin-top: auto;
}
/*# sourceMappingURL=custom_17.css.map */