.table.tx_researcher {
border-bottom: 1px solid #ddd
}
.tx_researcher tbody tr:hover {
background-color: #eee;
}
.tx_researcher strong {
color: #8c1515;
font-weight: normal;
}
.tx_researcher a:hover {
cursor: pointer;
}
.f3-widget-paginator {display:flex;width:100%;margin: 0 0 30px 0;justify-content: flex-start;padding: 0;}
.f3-widget-paginator>li {list-style:none;padding:3px 8px;border:1px solid #efefef;}
.f3-widget-paginator>li.current {background-color:#d63933;color:#fff;}

.back-to-list a {
border: 1px solid #ddd;
padding: 5px 20px;
}

.frame-layout-1 img.image-embed-item {width:100% !important;height:auto !important;}
.frame-layout-2 img.image-embed-item {width:auto !important;height:auto !important;}
.ce-headline-center {text-align:center;}

.img-shadow{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;}

.frame-space-before-extra-small{margin-top:5px;}
.frame-space-before-small{margin-top:15px;}
.frame-space-before-medium{margin-top:30px;}
.frame-space-before-large{margin-top:45px;}
.frame-space-before-extra-large{margin-top:60px;}

.frame-space-after-extra-small{margin-bottom:5px;}
.frame-space-after-small{margin-bottom:15px;}
.frame-space-after-medium{margin-bottom:30px;}
.frame-space-after-large{margin-bottom:45px;}
.frame-space-after-extra-large{margin-bottom:60px;}

.ce-textpic .ce-gallery img, .ce-image .ce-gallery img {width:auto;height:auto;overflow:hidden;max-width: 100%;margin-bottom: 8px;}
.ce-center {text-align:center}
.ce-border img {border: 10px solid #FFFFFF;box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}

.bx-controls.bx-has-pager {margin:15px 0;}
.bx-controls.bx-has-pager .bx-pager {display: flex;width: 100%;flex-wrap: wrap;justify-content: flex-end;column-gap: 5px;row-gap: 10px;}
.bx-controls.bx-has-pager .bx-pager div {margin }
.bx-controls.bx-has-pager .bx-pager div a { display: table-cell; width: 15px; height: 15px; border: 1px solid #E10600; background: #fff; color: #fff; border-radius: 50%; text-align: center; vertical-align: middle; font-size:0;}
.bx-controls.bx-has-pager .bx-pager div a.active {background: #E10600;}

.news.news-single h1 {font-size: 200%;font-weight: bold;}
.news.news-single .news-text-wrap {font-weight: 300;font-size:90%;}
.shortcutmenu-mobile .action-size-list {padding:0 0 15px 25px;}
.shortcutmenu-mobile .action-size-list div{justify-content: flex-start;}
.navbar-header .shortcutmenu ul.table {margin: 0 0 10px 0;}
.navbar-header .shortcutmenu {position: relative !important; top: 0 !important; right: 0; }
.shortcutmenu a {padding: 0 0 0 8px;}
.navbar-default .navbar-toggle {margin:10px;}

ul.list-two-column{ column-count: 2; list-style-type: none;margin:0; padding:0;}
ul.list-two-column li{border-bottom:1px solid #eeeeee;padding:5px 0px;}

/*---Update after 23 November 2023, please add below this section only---*/
strong,b {font-family:inherit!important;color: inherit !important;font-weight: bold;}
header .header-menu-bar .menu-list > li.has-submenu > a.disabled {cursor:pointer;}
header .header-menu-bar .menu-list > li.has-submenu > a {
padding-right: 2rem;
}
.sdg-type{display:flex}
.sdg-type .sdg-item-headline{width:3rem}
.sdg-type a {color:#fff;}
.sdg-type a:hover {color:#eee;}
.shortcut-banner img:hover{filter:grayscale(0%);filter:gray;-webkit-filter:grayscale(0%);filter:none;transition:1s ease;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.05);box-shadow:rgba(17,12,46,0.15) 0 48px 100px 0}
.news-list-view img:hover{filter:grayscale(100%);-webkit-filter:grayscale(0%);-webkit-transition:all 1s ease;box-shadow:rgba(50,50,93,0.25) 0 50px 100px -20px,rgba(0,0,0,0.3) 0 30px 60px -30px}
.blog-shortcutmenu ul{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;align-items:stretch;gap:15px}
.blog-shortcutmenu ul li{margin:0;padding:30px 0;flex-basis:100%;border-radius:10px;background:#F2EBDA;color:#544216;text-align:center;text-transform:uppercase;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.blog-shortcutmenu a{margin:auto;color:#544216;font-size:1.25rem;font-weight:700}
.blog-shortcutmenu ul li:hover{color:#fff;background:#8c1515;cursor:pointer}
.blog-shortcutmenu ul li:hover a{color:#fff;text-decoration:none}
.side-menu ul li.active a {color:#cf2d1e;}

.card-img-top { width: 100%; height: auto; object-fit: cover; -o-object-fit: cover; object-position: top; -o-object-position: top;}
.slick-autoplay-toggle-button {display:none;}
.slick-slider .slick-dots li button {width: 1.5rem;height: 1.5rem;}
header .header-primary .head-search-form form button{font-size: 2rem;top: -0.3rem;}

table.table-golden-colorbase a:link{color:none; background-color:transparent; text-decoration:none}
table.table-golden-colorbase a:visited {color:none; background-color:transparent; text-decoration:none}
table.table-golden-colorbase a:hover   {color:red; background-color:transparent; text-decoration:underline}
table.table-golden-colorbase a:active  {color:yellow; background-color:transparent; text-decoration:underline}
table.table-golden-colorbase  {
width :100%;
}
table.table-golden-colorbase  tr:nth-child(even) {
background-color: #eee;
}
table.table-golden-colorbase  tr:nth-child(odd) {
   background-color:#fff;
}
table.table-golden-colorbase  th {
background-color: #BA9643;
color: white;
}
.frame-type-menu_sitemap ul{display: flex; flex-wrap: wrap;column-gap:2.5%;}
.frame-type-menu_sitemap ul li{margin-bottom:30px;}
.frame-type-menu_sitemap ul ul {display:block;margin-left: 0;padding: 0;}
.frame-type-menu_sitemap ul ul li {display:block; width:100%; margin-bottom:0px;}
.frame-type-menu_sitemap ul ul li:before {content:"+";}
.frame-type-menu_sitemap ul li a{background-color:#eee;font-weight:bold;}
.frame-type-menu_sitemap ul ul ul li:before {content:"-";}
.frame-type-menu_sitemap ul ul li a{background-color:transparent;font-weight:normal;}
.frame-type-menu_sitemap ul ul ul{ padding-left: 15px; }

#backtotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #cf2d1e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#backtotop:hover {background-color: #705a28;}
.modal.lightbox button.btn-close {z-index:1000 !important;}
.language-menu .language-menu-item{padding-left: 0.3125rem;}
.language-menu .language-link {
	display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
border: 0.0625rem solid #cf2d1e;	
}
.language-menu .active-language{background-color: #cf2d1e;  color: #fff;}

@media (min-width: 320px) {
	.card-img-top{height:30vw}
	.card-img-2col{height:30vw}
	.card-img-3col{height:60vw}
	.card-img-slide1col,.card-img-slide2col,.card-img-slide3col{height:60vw}
	header .xs-head-logo img {
		width: 100%;
		max-width: 30rem;
	}
	header.header{
		box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	}
	.frame-type-menu_sitemap ul li{	width:90%;}
}
@media (min-width: 576px) {
	/*.card-img-top{height:23vw}
	.card-img-2col{height:23vw}
	.card-img-3col{height:30vw}
	.card-img-4col{height:30vw}
	.card-img-slide1col,.card-img-slide2col,.card-img-slide3col{height:23vw}*/
	.card-img-top,.card-img-2col,.card-img-3col,.card-img-slide1col,.card-img-slide2col,.card-img-slide3col,.card-img-top.news-img-detail{height: auto;aspect-ratio: 16 / 9;}
	.frame-type-menu_sitemap ul li{width:30%;}
}
@media (min-width: 992px) {
	/*.card-img-top{height: auto;aspect-ratio: 16 / 9;}
	.card-img-2col{height:21vw}
	.card-img-3col{height:14vw}
	.card-img-slide1col{height:32vw}
	.card-img-slide2col{height:20vw}
	.card-img-slide3col{height:13vw}
	.card-img-top.news-img-detail {height: 16vw;}*/
	.card-img-top,.card-img-2col,.card-img-3col,.card-img-slide1col,.card-img-slide2col,.card-img-slide3col,.card-img-top.news-img-detail{height: auto;aspect-ratio: 16 / 9;}
	.news-nav-tabs.df-tab nav {border-bottom:1px solid #efefef;}
	.news-nav-tabs.df-tab .nav-tabs .nav-link {border-radius: 15px 15px 0 0;}
	.news-nav-tabs.df-tab .nav-tabs .nav-link:hover {background-color:#cf2d1e;color:#fff;}
	.news-nav-tabs.df-tab .nav-tabs .nav-link.active {font-weight:bold;}
	.frame-type-menu_sitemap ul li{width:20%;}
}

ul.news-tags, ul.news-tags li { list-style:none;padding:0;margin:0; }
ul.news-tags { display:flex; flex-wrap:wrap; justify-content: flex-start;gap:5px; }
ul.news-tags li{ padding: 5px; border: 1px solid #efefef; border-radius: 5px;}

.blog-maincontent a {color:#333333;}
.blog-maincontent a:hover {color:#cf2d1e;}
.blog-maincontent .view-all {display: block;text-align: right;}
.blog-maincontent .view-all a{background-color: #cf2d1e;border-color: #cf2d1e;color: #fff;padding: 5px 15px;border-radius: 0.25rem;}
.blog-maincontent .view-all a:hover {color:#eee;}
.blog-maincontent .frame-default {font-family: 'Pridi', sans-serif;}
/* กำหนดสีขาวที่ลิงก์ในปุ่ม (.btn) ภายใน .blog-maincontent เท่านั้น */
.blog-maincontent .btn-primary ,.blog-maincontent .btn-info ,.blog-maincontent .btn-success  {
    font-family:'athitisemibold', sans-serif;
    font-size:1.2rem;
    color: #FFFFFF !important; 
}

.hover-image img{filter:grayscale(100%);-webkit-filter:grayscale(0%);-webkit-transition:all 1s ease;box-shadow:rgba(50,50,93,0.25) 0 50px 100px -20px,rgba(0,0,0,0.3) 0 30px 60px -30px}
.hover-image img:hover{filter:grayscale(0%);filter:gray;-webkit-filter:grayscale(0%);filter:none;transition:1s ease;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.05);box-shadow:rgba(17,12,46,0.15) 0 48px 100px 0}



.auto-height figure,.frame-17 figure{height:auto}
.side-link{position:relative}
.side-link .toggle{font-size:20px;position:absolute;right:15px;top:-2px;z-index:1;cursor:pointer}
.side-link .toggle:hover{color:#fff}
.frame-12 ul,.frame-13 ul{list-style:none;margin:0;padding:0}
.frame-12 li a{border:1px solid #544216;padding:5px 15px;background-color:#fff;color:#544216;margin-bottom:3px;display:block;border-radius:5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.frame-12 li a:hover{background-color:#544216;color:#fff;text-decoration:none}
.frame-13 li a{font-size:20px;padding:5px 15px;background-color:#8c1515;color:#fff;margin-bottom:3px;display:block;border-radius:5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.frame-13 li a:hover{background-color:#a07617;color:#fff;text-decoration:none;padding:5px 30px}
.frame-14 h2{font-size:36px;color:#333;border-bottom:10px solid #E10600;padding-bottom:10px;margin-bottom:20px}
.PageTitle{margin-bottom:30px;}
.frame-15 h2{font-size: 320%;font-weight:600;color:#1f1f27;/*padding-bottom:10px;margin-bottom:20px*/}

.accordion-button.collapsed,
.accordion-button:not(.collapsed) {color: #fff;background-color: #252a33;font-size: 80%;}
.accordion-button.collapsed::after {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}


/*---- DARK THEME ----*/
/*body.dark-theme {filter:grayscale(100%);}*/
.dark-theme .blog-shortcutmenu a,
.dark-theme .blog-shortcutmenu ul li:hover a {color:#555;}
.dark-theme .blog-shortcutmenu ul li:hover {background: #eee;}
.dark-theme .frame-14 h2 {border-bottom: 10px solid #eee;}
.dark-theme .view-all a,
.dark-theme .btn-primary,.dark-theme .btn-primary:hover,
.dark-theme footer .menu-box-list li a,
.dark-theme footer .social-media-list ul li a,
.dark-theme header .header-menu-bar,
.dark-theme header .header-primary .action-menu-list .action-menu-item a.active, 
.dark-theme header .header-primary .action-menu-list .action-menu-item a:hover,
.dark-theme header .header-primary .action-menu-list .action-menu-item a.primary-link {background:transparent;background-color:#333;}
.dark-theme .title-red-line { border-bottom: solid 0.625rem #fff; }
body.dark-theme .frame-1 ul li a, body.dark-theme .box-link li a, body.dark-theme .footer{ background:#333333; }
body.dark-theme .side-menu ul li a:hover{background:#333333;}
body.dark-theme .menu-list > li a{color:#ffffff;}
/*body.dark-theme .header img{filter: grayscale(100%);}*/

/*Box link*/
.box-link ul , .frame-2 ul{
  list-style-type: none;
  line-height: 20pt;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.box-link li a ,.frame-2 li a{
  display: block;
  color: #ffffff;
  font-family: 'athitimedium', sans-serif;
  font-size: 120%;
  font-weight: 500;
  padding: 10px 16px;
  text-decoration: none;
  background: #b58f64;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.box-link li a:hover {
  background-color: #ae1b1f;
  color: white;
}

/* tx-mfunewsletter */
.tx-mfunewsletter article , .tx-mfuissue article{
min-height: 380px;
}
.tx-mfunewsletter figure , .tx-mfuissue figure{
clear: both;
}
.tx-mfunewsletter figure figcaption , .tx-mfuissue figure figcaption{
background: #C6A969;
padding: 10px 5px;
display: block;
color: #fff;
}
.tx-mfunewsletter h1 , .tx-mfuissue h1{
color: #fff;
display: block;
text-decoration: none;
border: none;
padding: 0;
margin: 0;
font-size: 120%;
line-height: 20px;
}
.tx-mfunewsletter p , .tx-mfuissue p{
margin: 0;
font-size: 75%;
font-family: 'athitimedium', sans-serif;
}
.tx-mfunewsletter img, .tx-mfuissue img{
border-top: 5px solid #C6A969;
}
.tx-mfunewsletter a:hover figure figcaption , .tx-mfuissue a:hover figure figcaption{
background: #CF2D1E
}
.tx-mfunewsletter a:hover img , .tx-mfuissue a:hover img{
border-top: 5px solid #CF2D1E;
}
.tx-mfunewsletter a, .tx-mfunewsletter a:hover h1, .tx-mfunewsletter a:hover p , .tx-mfuissue a, .tx-mfuissue a:hover h1, .tx-mfuissue a:hover p{
display: block;
text-decoration: none;
color: #fff;
}
.tx-mfunewsletter a , .tx-mfuissue a{
margin-bottom: 30px;
}
.tx-mfunewsletter .issue-pdf , .tx-mfuissue .issue-pdf{
display: block;
text-align: center;
padding: 5px 20px;
background: #555;
color: #fff;
}
.tx-mfunewsletter .issue-pdf a , .tx-mfuissue .issue-pdf a{
margin: 0 !important;
padding: 0 !important;
}
.tx-mfunewsletter.ebook figure figcaption , .tx-mfuissue.ebook figure figcaption{
background: #eee;
color: #333;
}
.tx-mfunewsletter.ebook img, .tx-mfunewsletter.ebook a:hover img , .tx-mfuissue.ebook img, .tx-mfuissue.ebook a:hover img{
border-top: 0;
padding: 10px;
}
.tx-mfunewsletter.ebook h1, .tx-mfunewsletter.ebook p, .tx-mfunewsletter.ebook a, .tx-mfunewsletter.ebook a:hover p , .tx-mfuissue.ebook h1, .tx-mfuissue.ebook p, .tx-mfuissue ebook a, .tx-mfuissue.ebook a:hover p{
color: #333;
text-decoration: none;
text-align: center;
}
.tx-mfunewsletter.ebook p , .tx-mfuissue.ebook p{
margin: 0 0 10px 0;
font-size: 100%;
font-family: 'athitimedium', serif;
}
.tx-srlanguagemenu-links {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;	
	column-gap:5px;
}
.tx-srlanguagemenu-links div a {
	display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
width: 1.875rem;
height: 1.875rem;
border-radius: 50%;
border: 0.0625rem solid #cf2d1e;
padding: 5px 10px;
border-radius: 50%;
background: #efefef;
}
.tx-srlanguagemenu-links div.CUR a {
background: #333;
	color:#efefef;
}

.custom-pagination .arrow{ 
	display:flex;
	display: -webkit-flex;
	justify-content: end;
	-webkit-justify-content: end; 
	gap: 15px;
	color:#555;
}
.custom-pagination .arrow a {background: #333333;color: #FFFFFF;}
.custom-pagination .arrow a:hover {background:#cf2d1e;}

.container-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.link-news{
   font-family: "athitimedium", sans-serif;
   font-size: 1.07em;
   color:black;
}
.link-news a:hover{
   color:red;
}

.academicyear {display:flex;gap: 10px;margin-bottom: 15px;}
.academicyear a {padding: 7px 10px; border:1px solid #efefef; background-color: #cf2d1e; color:#fff;}
.academicyear a:hover { background-color: #efefef; color:#cf2d1e;}

.fb-messenger-link {position:fixed; top:90%; right:15px; z-index:10; font-size:150%; }

.border-headline {
padding-right: 10%;
min-width: 70%;
display: table;
margin-bottom: 15px;
border-bottom: 2px solid #8c1515;
padding-bottom: 5px;
}
@-moz-document url-prefix() {
.border-headline {
  height:1px;
}
}

@media (max-device-width: 600px) {
  .mobile-text {
text-align: center;
  }
}

.tx_mfudocu .mfudocu-last-update {
  font-size:80%;
  color:#B7B7B7;
  font-style: italic;
}

.news .accordion-button{
  padding:3%;
  font-size:1rem;
}

/*Hover Image*/
.hover-image img , .frame-18 img{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.hover-image img:hover , .frame-18 img:hover {
  transition: 1s ease;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.05);
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}


/*column shadow*/
.column-shadow01 div{
   box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.social-box ul{
	font-family: "athitimedium", sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;  
}
.social-box ul li{
	font-size:1rem;
}
.social-box ul li a{
  float:left;
  background-color: #EEEEEE;
  margin:5px;
  padding:5px 10px;
  border-radius: 10px;
}

.social-box ul li a:hover{
  background-color: #B58F64;
  color:#FFFFFF;
}

#cookieConsent {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 10000;
	cursor:pointer;
color: rgb(51, 51, 51);
background-color: rgb(229, 229, 229);
}

.bggradient {
background: linear-gradient(90deg, rgba(236, 28, 36, 1) 0%, rgba(155, 28, 38, 1) 100%);
}



/*Service Box*/
.frame-1 {
  font-family: "athitimedium", sans-serif;
  width: 100%;
  margin: 30px 0;
}

.frame-1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 15px;
  padding: 0;
  list-style: none;
  margin: 0;
}

.frame-1 ul li {
  border-radius: 20px;
}

.frame-1 ul li a {
  display: block;
  padding: 30px;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  color: #544216;
  background-color: #F2EBDA;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.frame-1 ul li a:hover {
  background: #8c1515;
  color: #fff;
  transform: translateY(-5px);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}

/*Link Box*/
.frame-2 ul {
  list-style-type: none;
  line-height: 20pt;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.frame-2 li a {
  display: block;
  color: #213253;
  font-size: 100%;
  font-weight: 500;
  padding: 8px 16px;
  text-decoration: none;
  background: #eeeeee;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.frame-2 li a:hover {
  background-color: #BA9643;
  color: white;
}

/*More Link*/
.frame-3 a {
font-family: "athitimedium", sans-serif;
font-size:90%;
background-color: #8c1515;
color: #ffffff;
font-weight:400;
border-radius: 100px;
padding: 5px 10px;;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
float: right;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
margin:10px;
}
.frame-3 a:hover {
color: #fff;
background-color:#333333;
text-decoration: underline;
}

/*Page title*/
.frame-4 h2{
  font-size:320%;
  margin-bottom:30px;
}

.ce-gallery .ce-row {
	display:flex;
	gap:15px;
}
.ce-gallery .ce-row .ce-column{
	flex: 1;
}

/*InlineDefaultCss*/
/* default styles for extension "tx_frontend" */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}

.ce-border img {
    border: 10px solid #FFFFFF;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
    display: block; /* ช่วยเรื่องการจัดวาง */
    max-width: 100%;
    height: auto;
    border-radius:10px;
}
/* ปลดล็อกการบดบังเงาสำหรับ gallery */
.ce-textpic, .ce-image, .ce-gallery, .ce-row, .ce-outer, .ce-inner {
    overflow: visible !important;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {margin-bottom: 15px;}
.ce-image .ce-gallery { margin-bottom: 0; }
.ce-intext.ce-right .ce-gallery { margin-left: 15px;  }
.ce-intext.ce-left .ce-gallery { margin-right: 15px;  }
.ce-below .ce-gallery { margin-top: 15px; }

.ce-column { margin-right: 15px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 15px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* Space */
.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }


@media (max-width: 576px){
	.frame-1 ul li{ width:100%; margin:0px 0px 5px 0px; padding:10px}
}
@media (min-width: 992px) {
	.frame-1 ul {grid-template-columns: repeat(4, 1fr) !important;  }
}

@media (max-width: 991px) and (min-width: 576px) {
	.frame-1 ul{ grid-template-columns: repeat(2, 1fr) !important;  }
}

@media (max-width: 575px) {
	.frame-1 ul { grid-template-columns: 1fr !important;  }
	.ce-gallery .ce-row {display:block;margin-bottom:15px;}
	.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery { width:100%; margin:15px 0; }
}

/*Head Line*/
.frame-5 h2{
  font-size: 2rem;
  background: #ae1b1f;
  color: #fff;
  padding: 15px 20px;
  margin-bottom: 30px;
}

.frame-6 h2{
	font-size:2rem;
	margin-bottom:30px;
	border-bottom:5px solid #ae1b1f;
}
.frame-7 h2{
	font-size:2rem;
	display:inline-block;
	background-color:#ae1b1f;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom:30px;
}
.frame-8{
overflow: hidden;
  border-bottom:3px solid #ae1b1f;
  margin-bottom: 20px;
}
.frame-8 h2{
	display:inline-block; 
  background-color: #ae1b1f; 
  margin-bottom:0; 
  color:#ffffff; 
  padding: 3px 20px 2px 11px;
  font-size: 2em;
}
.frame-9{
	border-left: 15px solid #cf2d1e;
}
.frame-9 h2{
	font-size:2rem;
	margin-left:10px;
}
.frame-10 h2{
	font-size:2rem;
}
.news-list-date{
	font-size:0.9rem;
	color:#808080;
	font-family: "athitimedium", sans-serif;
}

  /*
 * Custom Tab/Navigation Styles (nav-tabs)
 * -------------------------------------------
 */
.nav-tabs {
    border-bottom: 1px solid #000000;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #CF2D1E;
    background-color: #fff;
    border-bottom: 5px solid #CF2D1E;
    border-color: #ffffff #ffffff #CF2D1E#ffffff;
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color:#ffffff #ffffff #333333 #ffffff;
    border-bottom: 5px solid #ae1b1f;
}
.nav-tabs .nav-link:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.nav-link{
    color:#333333;
    font-size:1.2rem;
    font-family: 'athitimedium', sans-serif;
}
.nav-link:focus,.nav-link:hover {
    color: #ae1b1f;
}
@media (max-width: 576px){
    .nav-link{
        font-size:1rem;
    }
}