/**font mixin style weight size lineheight fontfamily**/
@import url("https://fonts.googleapis.com/css?family=Niramit:400&subset=thai");
body,
#Options blockquote {
  font-family: Niramit, sans-serif, Helvetica Neue, Helvetica, Arial;
  font-size: 14px;
}
/* ขนาดรูป Logo */
.pkp_site_name .is_img img {
  max-height: 90px;
}
body {
  padding-bottom: 0px !important;
}
.pkp_navigation_user > li > a:focus {
  background: inherit !important;
  color: inherit !important;
}
.pkp_navigation_user > li > a:focus .task_count {
  background: rgba(0, 0, 0, 0.2) !important;
}
.pkp_nav_list ul a {
  border-left: 0.357rem solid #407d58 !important;
}
.pkp_structure_main h3 {
  font-size: 1.143rem !important;
  line-height: 1.43rem !important;
  font-weight: 700 !important;
}
.pkp_structure_main h2{
  font-size: 1.285rem !important;
  line-height: 2.143rem !important;
  font-weight: 700 !important;
}
.obj_article_details .main_entry .item .label{
  font-size: 1.143rem !important;
  font-weight: 700 !important;
}
.obj_article_details .entry_details .item .label{
  font-size: .93rem !important;
    font-weight: 400 !important;
}
/* สี Background */
/* .pkp_structure_head {
  padding: 30px 0 0;
  background: url(https://img5.pic.in.th/file/secure-sv1/rm222batch5-kul-06.jpg)
    no-repeat bottom;
  background-size: cover;
} */
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  color: #fff;
}
#navigationPrimary > li > a:focus {
  background-color: transparent;
  color: #407d58;
}
.pkp_structure_footer_wrapper {
  border-bottom: 1.43rem solid #407d58 !important;
}

input,
select {
  border: 1px solid #ccc !important;
  outline: none;
  transition: 0.3s;
}
input:focus-visible {
  border: 1px solid #407d583b !important;
  box-shadow: 0px 0px 4px 0px #407d5861;
}
#nav-menu {
  /** เซ็ทเพื่อไม่ให้เมนูตกลงมาจากเฮดเดอร์ **/
  padding-top: 0px;
}
.pkp_structure_page {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#navigationPrimary ul a {
  /* color: #fff !important; */
  width: 100%;
}
.block_make_submission .content a {
  padding: 10px;
  font-weight: bold !important;
  color: black;
}
.block_make_submission .content a:hover {
  opacity: 0.9;
  color: #000;
}
.pkp_navigation_search_wrapper a {
  color: #fff;
}
.pkp_navigation_search_wrapper a:focus {
  background-color: #fff;
  color: #407d58;
}
.pkp_structure_content.has_sidebar {
  min-height: 600px;
}
.page_search .submit button:after {
  box-shadow: none;
  background-color: #407d58 !important;
}
.page_search .submit button {
  box-shadow: none !important;
  cursor: pointer;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.54);
  border: 1px solid #ccc !important;
  border-left: none !important;
}
.page_search .submit button:hover {
  background-color: #eee;
}
.page_search .submit button:hover::after {
  box-shadow: none !important;
  opacity: 0.9;
}
.page_search .submit button:focus::after {
  box-shadow: none !important;
  opacity: 0.9;
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
input,
button,
select,
.cmp_breadcrumbs span {
  font-family: Niramit, Arial, Helvetica, Sans-serif, Geneva !important;
}
/** id 10001 **/
.navbar-default {
  background-color: #ffffff;
  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;
  background: transparent;
  font: normal normal 14px / 1 Niramit, Arial, Helvetica, Sans-serif, Geneva !important;
}
.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: #ffffff;
}
.dropdown-menu li > a {
  color: #777777 !important;
  text-shadow: 0px 0px 0px transparent;
  background: transparent;
  font: normal normal 14px / 1 Niramit, 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 Niramit, 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 Niramit, 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 Niramit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}
/**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: #333;
  font: normal normal 14px / 1.5 Niramit, 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: #333;
  text-shadow: 0px 0px 0px transparent;
}
.media .page-header h2,
.page-header h1,
.page-header h2,
.page-header,
h3,
h2 {
  font: normal normal 30px / 1 Niramit, 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**/
.media-heading a,
.issue a,
.page_about a,
.pkp_block a {
  color: #337ab7;
  font: normal normal 14px / 1 Niramit, Arial, Helvetica, Sans-serif, Geneva !important;
  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: #1d4567;
}
.media-heading a:focus,
.issue a:focus,
.page_about a:focus,
.pkp_block a:focus {
  color: #1d4567;
}
/**10011**/
.media-body p,
.media-body .authors,
.media-body .lead {
  color: #333;
  font: normal normal 14px / 1 Niramit, 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: #337ab7;
  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 Niramit, 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: #5899d0;
  color: #dfdfdf;
}
.btn-group .btn-primary:focus,
.current_issue .btn-primary:focus,
.download .btn-primary:focus {
  background-color: #5899d0;
  color: #dfdfdf;
}
.btn-group .btn-primary:hover:focus,
.current_issue .btn-primary:hover:focus,
.download .btn-primary:hover:focus {
  background-color: #5899d0;
  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;
}
.pkp_block .content ul li {
  padding: 0.357rem !important;
}
.pkp_block .content ul {
  border-bottom: 1px solid #ddd;
  border-radius: 0px 0px 3px 3px;
}
.pkp_block .title {
  background-color: #ddd;
  color: #333;
  border-bottom: 1px solid #ddd;
  font: normal normal 18px / 1 Niramit, 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 !important;
  padding: 10px;
  width: 100%;
}
.pkp_block ul li {
  background-color: transparent;
  border-style: solid solid solid solid;
  border-color: #ddd #ddd #ddd #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 0px;
}
.pkp_block ul li:last-child {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
/**10015 lead หัวข้อวารสาร**/
.current_issue .lead {
  color: #333;
  font: normal 300 21px / 1.4 Niramit, 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;
}
.task_count {
  top: 0 !important;
}
/**10017**/
.date,
.media-body .date {
  color: #777777;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px;
  font: normal normal 12px / 1 Niramit, 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 Niramit, Arial, Helvetica, Sans-serif, Geneva !important;
}
/**10020**/
.breadcrumb .active {
  color: #777;
  font: normal normal 18px / 1 Niramit, 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 Niramit, Arial, Helvetica, Sans-serif, Geneva !important;
  text-shadow: 0px 0px 0px transparent;
}