.black-ribbon {  position: fixed;  z-index: 9999;  width: 70px;}@media only all and (min-width: 768px) {  .black-ribbon {    width: auto;  }}.stick-left { left: 0; }.stick-right { right: 0; }.stick-top { top: 0; }.stick-bottom { bottom: 0; }


.eds_news_Ozone.eds_subCollection_news .edn_article.edn_listArticle2 .edn_articleTitle {
    font-size: 20px;
    font-family: "Sarabun";
}

.eds_news_NewsMagazine span, .eds_news_NewsMagazine a, .eds_news_NewsMagazine li, .eds_news_NewsMagazine td, .eds_news_NewsMagazine table {
    font-family: inherit;
    font-family: "Sarabun";
    color: inherit;
    line-height: inherit;
    font-size: inherit;
}

.eds_news_Ozone.eds_subCollection_news {
  line-height: 1.3;
  font-size: 13px;
  color: #504e4e;
  font-family: "Sarabun";
}

.eds_news_Ozone.eds_subCollection_news .edn_article.edn_articleDetails .edn_articleTitle {
  margin-bottom: 20px;
  font-family: "Sarabun";
}

.eds_news_Ozone.eds_style_custom_sxvwmfzege8.eds_subCollection_news.eds_templateGroup_listArticleListBox3 .edn_article.edn_articleInBox.edn_articleInBox3 > section .edn_boxContent h2.edn_articleTitle a {
    font-size: 18px;
    font-family: "Sarabun";
}


.eds_box14 .eds_boxContent2 {
    background-color: #6c757d;
}




/* ตั้งค่าให้แท็กลิงก์รองรับตำแหน่งของเส้นใต้ */
.chula-hover-link {
  position: relative;
  text-decoration: none !important; /* ปิดเส้นใต้แบบธรรมดาที่ติดมากับเบราว์เซอร์ */
  display: inline-block;
  padding-bottom: 2px;             /* ระยะห่างระหว่างข้อความกับเส้นวิ่ง */
}

/* สร้างเส้นจำลองใต้ตัวหนังสือซ่อนเตรียมเอาไว้ */
.chula-hover-link::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;                     /* ความหนาของเส้นวิ่งใต้ข้อความ */
  bottom: 0;
  left: 0;
  background-color: #ffffff;       /* สีของเส้นวิ่ง (ปรับเปลี่ยนรหัสสีได้ตามธีมเว็บบอร์ด) */
  
  /* บีบเส้นตามแกนนอนให้เหลือศูนย์ เพื่อซ่อนในตอนแรก */
  transform: scaleX(0);            
  
  /* ตัวกำหนดทิศทาง: สั่งให้เส้นวิ่งเริ่มกางและหดตัวจากฝั่งซ้ายสุด */
  transform-origin: bottom left;   
  
  /* ความนุ่มนวลในการเล่นอนิเมชันตอนเคลื่อนไหว */
  transition: transform 0.3s ease-out; 
}

/* เอฟเฟกต์เมื่อผู้ใช้ลากเมาส์มาวาง (Hover) */
.chula-hover-link:hover::after {
  transform: scaleX(1);            /* ดึงเส้นให้ยืดเต็มความกว้าง 100% ทันที */
}