/**header ภาพหัวสุด**/
/* [แก้ไข] เอาภาพลายสี่เหลี่ยมพื้นหลังหัวเว็บออก เหลือเป็นสีพื้นเรียบ
   ต้องการเปลี่ยนสี ให้แก้ค่า background-color ด้านล่าง (#000 = ดำสนิท) */
.pkp_structure_head {
  background-image: none !important;
  background-color: #2b2b2b;
}


/**font mixin style weight size lineheight fontfamily**/
/* [แก้ไข] โหลด Kanit เพิ่มน้ำหนัก 500/600/700 (ของเดิมมีแค่ 400)
   ถ้าไม่โหลด เบราว์เซอร์จะปลอมตัวหนาให้เอง ทำให้ตัวอักษรดูเบลอ */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&subset=thai&display=swap');
body,
#Options blockquote {
  font-family: Kanit, sans-serif, Helvetica Neue, Helvetica, Arial;
  font-size: 18px;
}
#nav-menu {
  /** เซ็ทเพื่อไม่ให้เมนูตกลงมาจากเฮดเดอร์ **/
  padding-top: 0px;
}
/** id 10001 **/
.navbar-default {
  background: linear-gradient(to top, #f8f8f8 -50%, #e7e7e7 50%);
  color: #777777;
  border-color: #e7e7e7;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  padding: 1px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  height: 202.1px;
  text-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
@media (max-width: 767px) {
  .navbar-default {
    height: auto;
  }
}
/** id 10002 **/
.navbar-default #main-navigation > li a {
  padding: 81.5px 10px 10px 10px;
}
.navbar-default li a,
.navbar-default .navbar-nav > .open > a {
  color: #777777 !important;
  text-shadow: 0px 0px 0px transparent;
  font: normal normal 17px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  background: transparent;
}
/** yu **/
.pkp_navigation_user_wrapper a {
  font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: .93rem;
  color: #eee;
  font-weight: 700;
}

/** Buton submission **/
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link {
  font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background: #EE9D21;
  color: #fff;
  border: none;
}

/** Search **/
.pkp_navigation_search_wrapper a {
    margin: 0.357rem 0.5em 0;
    padding: 0.357rem 0.5em calc(0.714rem - 2px);
    border-bottom: 2px solid transparent;
    color: rgb(0 0 0);
}

/** yu color manu---**/
.pkp_navigation_primary_row {
    background: #EE9D21;
}

/** yu color Font---**/
#navigationPrimary a {
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    font-size: .93rem;
    color: rgb(0 0 0);
    font-weight: 700;
    text-transform: uppercase;
}
/** ---**/

.navbar-default li a:hover,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default li a:focus,
.navbar-default .navbar-nav > .open > a:focus {
  color: #999999 !important;
}
.dropdown-menu {
  background-color: #f8f8f8;
}
.dropdown-menu li > a {
  color: #777777 !important;
  text-shadow: 0px 0px 0px transparent;
  background: transparent;
  font: normal normal 17px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  padding: 8.5px 20px !important;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
  background-color: #666666 !important;
  color: #aaaaaa !important;
}
/**10003**/
.form-control {
  color: #333;
  background-color: #FFFFFF;
  border-color: #CCC;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  font: normal normal 14px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 6px 12px;
}
/**10004**/
/**changing percentage to number**/
/**positive numbers**/
.pull-md-right form button {
  color: #333;
  background-color: #ffffff;
  border-color: #CCC;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  font: normal normal 14px / 1.42857143 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}
.pull-md-right form button:hover {
  background-color: #e6e6e6;
}
.pull-md-right form button:focus {
  background-color: #e6e6e6;
}
.pull-md-right form button:hover:focus {
  background-color: #e6e6e6;
}
/**10005 page font and background**/
body,
.media-body p,
.media-body .authors,
.media-body .lea,
.page_about p {
  color: #333;
  font: normal normal 14px / 1.5 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}

/**background yu**/
body {
  background-color: #505050;
}
html, body {
  font-family: "Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: 14px;
  line-height: 1.43rem;
  color: rgba(0,0,0,0.87);
  background: #505050;
}



/**10006 journal image **/
.homepage-image > img {
  border-color: #ffffff;
  border-width: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-style: solid;
  padding: 0px;
}
/**10007 content font**/
.journal-description > p {
  color: #ffffff;
  font: normal normal 14px / 1.5 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
  margin: 15px 0px;
}
/**10008 topic font**/
.media .page-header h2,
.page-header h1,
.page-header h2,
.page-header,
h3,
small,
.page_about h3,
h2 small {
  color: #ffffff;
  text-shadow: 0px 0px 0px transparent;
}

/* [แก้ไข] เดิม h1/h2/h3 = 30px ทั้งหมด  ->  แยก h3 ออกมาให้เล็กลง
   h3 คือชื่อบทความในสารบัญ จึงเป็นตัวที่ทำให้ชื่อบทความใหญ่ */
.media .page-header h2,
.page-header h1,
.page-header h2,
.page-header,
h2 {
  font: normal normal 24px / 1.3 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
}
h3 {
  font: normal normal 18px / 1.4 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
}

.page-header {
  background-color: #ffffff;
  border-color: #eee;
  border-width: 0px 0px 1px 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-style: solid;
  padding: 0px 0px 9px 0px;
  margin: 40px 0px 20px 0px;
}
/**10009 logo**/
@media (min-width: 768px) {
  .navbar-brand-logo {
    height: 100%;
  }
}
.navbar-brand-logo img {
  max-height: 100%;
  height: 150px;
  width: auto;
}
.navbar-form {
  margin-top: 58px;
}
/**10010 hyperlink**/
/* [แก้ไข] ของเดิมเขียน "14px / Kanit" ซึ่งผิดไวยากรณ์ (ใส่ / แต่ไม่มีค่า line-height)
   เบราว์เซอร์จึงทิ้งทั้งกฎ ทำให้สีและขนาดไม่เคยทำงาน — แยกเป็น property ปกติแทน */
.media-heading a,
.issue a,
.page_about a,
.pkp_block a {
  color: #333;
  font-family: Kanit, Arial, Helvetica, Sans-serif, Geneva;
  font-size: 14px;
  line-height: 1.5;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px 0px 0px 0px;
}
.media-heading a:hover,
.issue a:hover,
.page_about a:hover,
.pkp_block a:hover {
  color: #EE9D21;
}
.media-heading a:focus,
.issue a:focus,
.page_about a:focus,
.pkp_block a:focus {
  color: #EE9D21;
}
/**10011**/
.media-body p,
.media-body .authors,
.media-body .lead {
  color: #333;
  font: normal normal 14px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/**10012**/
.heading .thumbnail,
.cover-image,
.media-left {
  background-color: #ffffff;
  border-color: #ddd;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  padding: 4px;
}
/**10013**/
/**changing percentage to number**/
/**positive numbers**/
/**changing percentage to number**/
/**positive numbers**/
.btn-group .btn-primary,
.current_issue .btn-primary,
.download .btn-primary {
  background-color: #333;
  border-color: #2e6da4;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  padding: 6px 12px 6px 12px;
  color: #FFF;
  font: normal normal 14px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}
.btn-group .btn-primary:hover,
.current_issue .btn-primary:hover,
.download .btn-primary:hover {
  background-color: #333;
  color: #dfdfdf;
}
.btn-group .btn-primary:focus,
.current_issue .btn-primary:focus,
.download .btn-primary:focus {
  background-color: #333;
  color: #dfdfdf;
}
.btn-group .btn-primary:hover:focus,
.current_issue .btn-primary:hover:focus,
.download .btn-primary:hover:focus {
  background-color: #333;
  color: #dfdfdf;
}
/**10014**/
aside .pkp_block {
  background-color: #FFFFFF;
  border-color: #ddd #ddd #ddd #ddd;
  border-width: 1px 1px 1px 1px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border-style: solid solid solid solid;
  margin: 0px 0px 4px 0px;
  box-shadow: 0px 0px 0px transparent;
  padding: 0px 15px 0px 15px;
}
.pkp_block .content {
  padding: 0px;
}
.pkp_block .content > .content,
.block_information .content {
  padding: 0px 0px 10px 0px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
/**yu ตาราง**/
.pkp_block .title {
    background-color: #FFFFFF;
    color: #333;
    border-bottom: 3px solid #EE9D21;
    font: normal normal 18px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
    text-shadow: 0px 0px 0px transparent;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    margin: 0px -15px 10px -15px;
}

.pkp_block ul li {
    background-color: #fff;
    border-style: solid solid solid solid;
    border-color: #fff #fff #fff #fff;
    border-top: 1px solid #fff;
    border-bottom: 0px;
}


.pkp_block ul li:last-child {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/**yu หัวข้อ current_issue**/
.pkp_page_index .current_issue h2 {
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 4px solid #EE9D21;
  text-transform: uppercase;
  font-weight: 700;
  color: #1a1a1a;
}

/**yu หัวข้อ Research Article**/
.obj_issue_toc .galleys>h2, .obj_issue_toc .section>h2, .obj_issue_toc .galleys>h3, .obj_issue_toc .section>h3 {
    display: inline-block;
    position: relative;
    left: -15px;
    margin-top: 0;
    padding: 0 1.0715rem;
    background: #fff;
    font-size: 1.143rem;
    font-weight: 400;
    line-height: 2.143rem;
    color: #333;
}

/**-----------**/


/**10015 lead หัวข้อวารสาร**/
.current_issue .lead {
  color: #FFFFFF;
  font: normal 300 21px / 1.4 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/**10016**/
.navbar-default #navigationUser > li a {
  color: #777777;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 1;
  text-shadow: 0px 0px 0px transparent;
  padding: 10px;
}
.navbar-default #navigationUser > li a:hover,
.navbar-default #navigationUser > li a:focus {
  color: #999999 !important;
}
/**10017**/
.date,
.media-body .date {
  color: #777777;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px;
  font: normal normal 12px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
}
/**10018**/
.breadcrumb {
  background-color: #f5f5f5;
  border-color: #ddd #ddd #ddd #ddd;
  border-style: solid solid solid solid;
  border-width: 0px 0px 0px 0px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  margin: 0px 0px 20px 0px;
  padding: 8px 15px 8px 15px;
}
/**10019*/
.panel {
  background-color: #FFFFFF;
  border-color: #ddd #ddd #ddd #ddd;
  border-width: 1px 1px 1px 1px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  border-style: solid solid solid solid;
  margin: 0px 0px 4px 0px;
  box-shadow: 0px 0px 0px transparent;
  padding: 0px 0px 0px 0px;
}
.panel-default > .panel-heading {
  background-color: #a1a1a1;
  color: #333;
  border-color: #ddd #ddd #ddd #ddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  font: normal normal 18px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
}
/**10020**/
.breadcrumb .active {
  color: #777;
  font: normal normal 18px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}
/**10021**/
footer[role="contentinfo"] {
  background-color: #eee;
  border-color: #eee;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 60px 0px 0px 0px;
  padding: 25px 25px 25px 25px;
  color: #333;
  font: normal normal 14px / 1 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}


/** ==========================================================
    [เพิ่มใหม่] ลดขนาดชื่อบทความในสารบัญ / หน้าหลัก
    วางไว้ท้ายไฟล์เพื่อให้ทับกฎเดิมทั้งหมด
    ต้องการเล็ก/ใหญ่กว่านี้ ให้แก้เลข px ในบล็อกนี้จุดเดียว
    ========================================================== **/

/** ชื่อบทความ
    น้ำหนักตัวอักษร: 400=ปกติ  500=กึ่งหนา  600=หนา  700=หนามาก
    แก้เลข 500 ด้านล่างเพื่อปรับความหนา **/
.obj_article_summary > h3,
.obj_article_summary > h3 a,
.media-heading,
.media-heading a {
  font: normal 500 18px / 1.4 Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  /* หนาขึ้นอีกนิดเดียว โดยไม่ต้องกระโดดไปน้ำหนัก 600
     0.3px = นิดเดียว | 0.5px = ชัดขึ้น | ลบบรรทัดนี้ = กลับไป 500 เปล่า ๆ */
  -webkit-text-stroke: 0.3px currentColor;
}

/** ให้ชื่อบทความยืดเต็มความกว้าง
    ธีมเผื่อ padding-right ไว้ให้เลขหน้าที่เคยลอยชิดขวา พอย้ายลงมาแล้วจึงคืนพื้นที่ **/
.obj_article_summary > h3,
.obj_article_summary > h3 a,
.obj_article_summary .title,
.media-heading {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  /* ยืดข้อความให้ชนขอบทั้งซ้าย-ขวา (บรรทัดสุดท้ายจะชิดซ้ายตามปกติ)
     ถ้าไม่ชอบช่องไฟที่ถ่างออก ให้เปลี่ยนเป็น text-align: left */
  text-align: justify !important;
  text-justify: inter-word;
  hyphens: none;
}

/** ชื่อผู้แต่ง ใต้ชื่อบทความ **/
.obj_article_summary .meta,
.obj_article_summary .authors,
.media-body .authors {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/** เลขหน้า เช่น 010416(1-15)
    เดิมอยู่ชิดขวาบรรทัดเดียวกับชื่อผู้แต่ง -> ย้ายลงบรรทัดใหม่ ชิดซ้าย
    ใช้ flex column + order เพื่อให้ชนะทั้ง float / absolute / flex **/
.obj_article_summary .meta,
.media-body .meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.obj_article_summary .meta .authors,
.media-body .meta .authors { order: 1; }

.obj_article_summary .meta .pages,
.obj_article_summary .pages,
.obj_article_summary [class*="pages"],
.media-body .pages {
  order: 2;
  float: none !important;
  position: static !important;
  clear: both !important;
  width: auto !important;
  max-width: 100% !important;
  text-align: left !important;
  margin: 0.35em 0 0.1em 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  color: #777 !important;
}

/** ปุ่ม PDF ขยับขึ้นชิดเลขหน้า (ลดช่องว่างด้านบน)
    ถ้าอยากให้ชิดกว่านี้อีก ลดค่า margin-top เป็น 0 หรือติดลบ เช่น -3px **/
.obj_article_summary .galleys_links,
.obj_article_summary ul.galleys_links,
.media-body .galleys_links {
  margin-top: 2px !important;
  padding-top: 0 !important;
}
.obj_article_summary .galleys_links li,
.media-body .galleys_links li {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/** ===== หน้ารายละเอียดบทความ: Keywords / Abstract / References =====
    ขนาดตัวอักษร 15px ทั้งหมด **/
.obj_article_details .item.keywords,
.obj_article_details .item.keywords .value,
.obj_article_details .item.abstract,
.obj_article_details .item.abstract p,
.obj_article_details .item.abstract li,
.obj_article_details .item.references,
.obj_article_details .item.references .value,
.obj_article_details .item.references p,
.obj_article_details .item.references li,
.item.keywords .value,
.item.abstract p,
.item.references .value p {
  font-family: Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/** สีตัวอักษร Abstract — นุ่มลงจากดำเข้มเป็นเทาเข้ม
    #4A4A4A คอนทราสต์ 9.0:1 ยังอ่านสบายมาก
    อยากนุ่มกว่านี้ใช้ #555555 (7.5:1) เข้มกว่านี้ใช้ #3A3A3A **/
.obj_article_details .item.abstract,
.obj_article_details .item.abstract p,
.obj_article_details .item.abstract li,
.item.abstract p {
  color: #4A4A4A !important;
}

/** ===== ทำลิงก์ ORCID / DOI ให้เด่นขึ้น =====
    ใช้ #006798 = สีลิงก์ default ของธีม OJS ตัวเดียวกับลิงก์ DOI ใน References
    คอนทราสต์ 6.19:1 ผ่านเกณฑ์ WCAG AA สบาย ๆ + ตัวหนา 500 **/
.obj_article_details .authors .orcid a,
.obj_article_details .item.doi .value a,
.item.authors .orcid a,
.item.doi .value a {
  color: #006798 !important;
  font-weight: 500 !important;
  text-decoration: none;
}
.obj_article_details .authors .orcid a:hover,
.obj_article_details .item.doi .value a:hover,
.item.authors .orcid a:hover,
.item.doi .value a:hover,
.obj_article_details .authors .orcid a:focus,
.obj_article_details .item.doi .value a:focus {
  color: #00507A !important;
  text-decoration: underline;
}

/** DOI — ขยายเป็น 15px ให้เท่ากับ Keywords / Abstract **/
.obj_article_details .item.doi,
.obj_article_details .item.doi .value,
.obj_article_details .item.doi .value a,
.item.doi .value,
.item.doi .value a {
  font-family: Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  word-break: break-all;
}

/** Keywords / Abstract / References: ยืดข้อความให้ชนขอบขวาของคอลัมน์
    (บรรทัดสุดท้ายของแต่ละย่อหน้าจะชิดซ้ายตามหลักการจัดพิมพ์)
    ไม่ชอบช่องไฟที่ถ่างออก ให้เปลี่ยน justify เป็น left **/
.obj_article_details .item.keywords,
.obj_article_details .item.keywords .value,
.item.keywords .value,
.obj_article_details .item.abstract,
.obj_article_details .item.abstract p,
.obj_article_details .item.abstract li,
.item.abstract p,
.obj_article_details .item.references,
.obj_article_details .item.references .value,
.obj_article_details .item.references p,
.obj_article_details .item.references li,
.item.references .value p {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  text-align: justify !important;
  text-justify: inter-word;
}

/** References — ยกเลิกการยืด กลับมาชิดซ้ายตามปกติ
    เพราะรายการอ้างอิงมี URL ยาวที่ตัดคำไม่ได้ พอ justify แล้วช่องไฟถ่างมาก
    (Keywords กับ Abstract ยังยืดอยู่เหมือนเดิม)
    + ใช้สีเทาเข้ม #4A4A4A ตัวเดียวกับ Abstract **/
.obj_article_details .item.references,
.obj_article_details .item.references .value,
.obj_article_details .item.references p,
.obj_article_details .item.references li,
.item.references .value,
.item.references .value p {
  text-align: left !important;
  color: #4A4A4A !important;
}

/** ===== หน้ารายละเอียดบทความ: รายชื่อผู้เขียน =====
    บังคับให้ชื่อ / สังกัด / ORCID ใช้ฟอนต์ Kanit เหมือนกันทั้งหมด
    และขยายเลข ORCID ให้อ่านง่ายขึ้น **/
.obj_article_details .authors,
.obj_article_details .authors li,
.obj_article_details .authors .name,
.obj_article_details .authors .affiliation,
.obj_article_details .authors .orcid,
.obj_article_details .authors .orcid a,
.item.authors .name,
.item.authors .affiliation,
.item.authors .orcid,
.item.authors .orcid a {
  font-family: Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
}

/** ชื่อผู้เขียน **/
.obj_article_details .authors .name,
.item.authors .name {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

/** สังกัด / หน่วยงาน — ยืดชนขอบขวาเหมือน Keywords / Abstract **/
.obj_article_details .authors .affiliation,
.item.authors .affiliation {
  font-size: 15px !important;
  line-height: 1.5 !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  text-align: justify !important;
  text-justify: inter-word;
}

/** เลข ORCID — เดิมเล็กมาก ขยายเป็น 14px **/
.obj_article_details .authors .orcid,
.obj_article_details .authors .orcid a,
.item.authors .orcid,
.item.authors .orcid a {
  font-size: 14px !important;
  line-height: 1.6 !important;
  word-break: break-all;
}

/** รูปปกฉบับในหน้า Archives — ย่อลงให้ได้สัดส่วนแบบ NAJUA
    แก้เลข 130px เพื่อปรับขนาดภาพ **/
.obj_issue_summary .cover,
.obj_issue_summary .cover img,
.issue_summary .cover img,
.obj_issue_summary .thumbnail img {
  width: 130px !important;
  max-width: 130px !important;
  height: auto !important;
}

/** ชื่อฉบับ: สลับให้ "Vol. 33 No. 4 (2026)" ขึ้นก่อนแบบตัวหนา
    แล้วตามด้วยชื่อเดือน "July - August" เป็นตัวบาง อยู่บรรทัดเดียวกัน
    (ใช้ flex + order จึงสลับลำดับได้โดยไม่ต้องแก้ HTML) **/
.obj_issue_summary h2 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4em;
}
/** Vol. 33 No. 4 (2026) — Kanit 20px น้ำหนัก 600 สีน้ำเงินอ่อน
    #0086C3 คอนทราสต์ 4.04:1 (ต่ำกว่าเกณฑ์ WCAG AA ที่ 4.5:1 เล็กน้อย
    แต่ตัวอักษร 20px หนา 600 เข้าข่าย large text ซึ่งเกณฑ์คือ 3:1 -> ผ่าน)
    อยากเข้มขึ้นใช้ #007BB5 | อ่อนลงอีกใช้ #1F8FCC **/
.obj_issue_summary .series,
.obj_issue_summary .series a,
.issue_summary .series,
.obj_issue_toc .series,
.pkp_page_issue .series {
  order: 1;
  font-family: Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  color: #0086C3 !important;
}

/** July - August — ตัวบาง สีเทา **/
.obj_issue_summary h2 > a,
.obj_issue_summary .title,
.obj_issue_summary .title a,
.issue_summary .title,
.issue_summary .title a {
  order: 2;
  font-family: Kanit, Arial, Helvetica, Sans-serif, Geneva !important;
  font-weight: 300 !important;
  font-size: 17px !important;
  color: #6A6A6A !important;
}
.obj_issue_summary h2 > a:hover,
.obj_issue_summary .title a:hover,
.obj_issue_summary h2 > a:focus,
.obj_issue_summary .title a:focus {
  color: #4A4A4A !important;
}

/** การ์ดฉบับในหน้า Archives / หน้าแรก (รูปปกพร้อมชื่อฉบับ)
    "July - August" = .title  |  "Vol. 33 No. 4 (2026)" = .series **/
.obj_issue_summary h2,
.obj_issue_summary h2 a,
.obj_issue_summary .title,
.obj_issue_summary .title a,
.issue_summary .title,
.issue_summary .title a {
  font-size: 18px !important;
  line-height: 1.35 !important;
}
.obj_issue_summary .series,
.obj_issue_summary .description,
.issue_summary .series {
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/** ชื่อฉบับ เช่น "Vol. 33 No. 1 (2026): January - February"
    แก้เลข 20px เพื่อปรับขนาด **/
.page_title,
h1.page_title,
.obj_issue_toc > h1,
.pkp_page_issue .page_title,
.page-header h1,
.pkp_structure_main > h1 {
  font-size: 20px !important;
  line-height: 1.3 !important;
}

/** หัวข้อประเภทบทความ เช่น RESEARCH ARTICLE **/
.pkp_page_index .current_issue h2,
.obj_issue_toc .section > h2 {
  font-size: 20px !important;
  line-height: 1.3 !important;
}

/** จอมือถือ **/
@media (max-width: 767px) {
  .obj_article_summary > h3,
  .obj_article_summary > h3 a,
  .media-heading,
  .media-heading a {
    font-size: 16px !important;
  }
  .pkp_page_index .current_issue h2,
  .obj_issue_toc .section > h2 {
    font-size: 18px !important;
  }
}