.news_open_in {
    font-family: 'THSarabun', sans-serif;
}
.news_open_in .ql-size-normal {
    font-size: 1.25em;
    line-height: 1; 
}
.news_open_in .ql-size-small {
    font-size: 0.75em;
    line-height: 1; 
}
.news_open_in .ql-size-large {
    font-size: 1.75em;
    line-height: 1; 
}
.news_open_in .ql-size-huge {
    font-size: 2.75em;
    line-height: 1; 
}

.ql-editor {
    font-family: 'THSarabun', sans-serif;
}
.ql-editor .ql-size-normal {
    font-size: 1.25em;
    line-height: 1; 
}
.ql-editor .ql-size-small {
    font-size: 0.75em;
    line-height: 1; 
}
.ql-editor .ql-size-large {
    font-size: 1.75em;
    line-height: 1; 
}
.ql-editor .ql-size-huge {
    font-size: 2.75em;
    line-height: 1; 
}

.p-font-small {
    font-size: 0.75em;
    line-height: 1; 
}
.p-font-normal {
    font-size: 1.25em;
    line-height: 1; 
}
.p-font-large {
    font-size: 1.75em;
    line-height: 1; 
}
.p-font-huge {
    font-size: 2.75em;
    line-height: 1; 
}
.fb {
    font-weight:bold;
}
.fn {
    font-weight:normal;
}
@font-face {
font-family: 'THSarabun'; 
src: url('../font/THSarabun.ttf') format('truetype'); 
}
.th {
	font-family: 'THSarabun', sans-serif;
}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;   
  -ms-user-select: none;     
  user-select: none;         
}
.containerboard {
  width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.image-container {
  margin: 0.4vw%; 
  width: 23.5%; 
  height: auto;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
  display: inline-block; 
  cursor: pointer;
}

.image-container img {
  width: 100%;
  object-fit: cover; 
}
.image-container:hover  {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
Tbody{ 
	font-family: Kanit;
	font-size: 16px; 
	}
Wmenu{
}
Wcarousel{
}

/* Style for the news subject container to ensure its height fits the content */
#news-subject-container { 
	height: auto !important; 
	min-height: 0 !important; 
	padding: 0 !important; 
	margin-bottom: 10px; 
}
#news-subject-container p,
#news-subject-container h1, 
#news-subject-container h2,
#news-subject-container h3,
#news-subject-container h4,
#news-subject-container h5,
#news-subject-container h6 {
	margin: 0 !important; 
	padding: 0 !important;
}

/* Responsive images and videos in news content */
#main_news img {
	max-width: 100%;
	height: auto;
	display: block; 
	margin-top: 10px; 
	margin-bottom: 10px; 
}
#main_news iframe[src*="youtube.com"], 
#main_news iframe[src*="vimeo.com"] {
	max-width: 100%;
	min-height: 300px; 
	aspect-ratio: 16 / 9; 
}
.top_menu_div{
	 user-select: none; 
	 float:right; 
	 cursor:pointer;  
	 background-color: white; 
	 border-radius: 30px; 
	 display: inline-block;  
	 text-align: center; 
}
.top_menu{
	 user-select: none; 
	 float:right; 
	 cursor:pointer;  
	 background-color: white; 
	 border-radius: 30px; 
	 padding: 0px 10px;  
	 display: inline-block;  
	 text-align: center; 
}
.pagination-container {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	padding: 20px 0; 
	gap: 8px; 
	flex-wrap: wrap; 
}

.pagination-container a.pagination-link {
	display: inline-flex; 
	align-items: center;
	justify-content: center;
	padding: 8px 15px; 
	min-width: 36px; 
	box-sizing: border-box; 
	border: 1px solid #ddd;
	color: #007bff; 
	text-decoration: none;
	border-radius: 4px; 
	font-size: 1em; 
	line-height: 1.5;
	background-color: #fff;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.pagination-container a.pagination-link:hover {
	background-color: #e9ecef; 
	color: #0056b3;
	border-color: #adb5bd;
}

.pagination-container a.pagination-link.current-page {
	background-color: #007bff; 
	color: white; 
	border-color: #007bff;
	font-weight: bold;
	cursor: default; 
}

.pagination-container a.pagination-link.current-page:hover {
	background-color: #0056b3; 
	border-color: #0056b3;
}

.pagination-container a.pagination-link.pagination-ellipsis {
	border: none; 
	color: #6c757d;
	padding: 8px 5px;
	background-color: transparent;
}
.pagination-container a.pagination-link.pagination-ellipsis:hover {
	background-color: transparent; 
	color: #343a40;
}

.pagination-container a.pagination-link.pagination-text {
}

.pagination-container a.pagination-link.disabled {
	color: #6c757d;
	pointer-events: none; 
	background-color: #f8f9fa;
	border-color: #ddd;
}
.menu_dropdown{
	position:absolute;
	right:0px;
	text-align:center;
	width:180px;
	font-family: 'THSarabun', sans-serif;
	z-index:999;
	background-color:white;
	display:none;
	padding:2px;
	border-radius: 0 0 8px 8px;
	border-left: 1px solid #666666;   
	border-right: 1px solid #666666;  
	border-bottom: 1px solid #666666;  
	user-select: none; 
	cursor:pointer; 
}
.menu_dropdown:hover {
	background-color: #ffa500;
}
.menumini:hover{
	background-color: #ffa500;
}
.menumini{
	background-color: #eeeeee;
	cursor:pointer;
	padding-left:20px;
	border-radius:16px;
}
#menu_mini {
	display: inline-block; 
}
#menu_full {
	display: none;
}
.menu_full {
	display: none;
}
a:hover {
	color: blue; 
}
@media (min-width: 768px) {
	#menu_mini {
		display: none;
	}
	#menu_full {
		display: inline-block;
	}
	.menu_full {
		display: block;
	}
}
.mesfia_div_clickfield{
	z-index: 998; margin-left: -50%; position: fixed; 	width: 200%; height: 100%; display: none;
}
/* ===== [WRAP & URL BREAK — สำหรับข่าวฉบับเต็ม / เนื้อหาข่าว] ===== */
#main_news,
#main_news .news_open_in,
#main_news .news_open_in * {
  overflow-wrap: anywhere;   /* แนะนำ: ตัดได้ทุกจุดเมื่อจำเป็น */
  word-wrap: break-word;     /* fallback เก่า */
  word-break: break-word;    /* กันบางเบราว์เซอร์ไม่ตัด */
  hyphens: auto;             /* ช่วยตัดคำ (ถ้าระบบรองรับ) */
}

/* URL/ลิงก์ยาวมาก ๆ ให้หักบรรทัดแทบทุกตัวอักษร */
#main_news a,
#main_news [href],
#main_news [data-url] {
  overflow-wrap: anywhere;
  word-break: break-all;
}

/* โค้ด/พรีฟอร์แมตอย่าให้ล้นจอ */
#main_news pre,
#main_news code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ตารางในข่าวให้พอดีจอ และตัดคำในช่องตาราง */
#main_news table {
  width: 100%;
  table-layout: fixed;
}
#main_news th,
#main_news td {
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* ===== [WRAP — สำหรับรายการข่าวทั้งหมด/มินิบอร์ด] ===== */
/* ป้องกัน flex child ล้นจอ: ต้องมี min-width:0 */
.news-all-item-content,
.news-mini-item-title {
  min-width: 0;
}

/* ข้อความหัวข้อ/รายละเอียดในลิสต์ข่าว ให้ตัดคำ/URL ได้ */
.news-all-item-title,
.news-all-item-info,
.news-all-item-date,
.news-all-item-event-date,
.news-mini-item-title-text {
  overflow-wrap: anywhere;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

/* ลิงก์ในรายการข่าว หาก URL ยาวมาก ให้หักบรรทัด */
.news-all-item-content a,
.news-mini-item-title a {
  overflow-wrap: anywhere;
  word-break: break-all;
}

/* ===== [WRAP — กรณีเนื้อหามาจาก Quill (.ql-editor)] ===== */
.ql-editor,
.ql-editor * {
  overflow-wrap: anywhere;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}