/**font mixin style weight size lineheight fontfamily**/
@import url('https://fonts.googleapis.com/css?family=Noto Sans Thai:400&subset=thai');
body,
#Options blockquote {
  font-family: Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial;
  font-size: 16px;
} /** ฟ้อนหลัก **/
#nav-menu {
  /** เซ็ทเพื่อไม่ให้เมนูตกลงมาจากเฮดเดอร์ **/
  padding-top: 0px;
}
/** id 10001 **/
.navbar-default {   /** เมนูบาร์หลัก**/

  background-color: #F7F7F7;   /** พื้นหลังสีเทา**/
  color: #000;   /** ฟ้อนสีดำ**/
  border-color: #e7e7e7;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 	0px;
  height: 220px;
  text-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
/** id 10002 **/
.navbar-default #main-navigation > li a {    /** ลิ้งค์บนเมนูหลัก**/
  padding: 81px 22px 22px 22px;
  color: #000;
}
.navbar-default #main-navigation > li a,    /** ข้อความบนเมนูหลัก**/
.navbar-default .navbar-nav > .open > a {
  color: #000;
  /** ลtext-shadow: 0px 0px 0px #FF82B9;**/
  background: transparent;
  font: normal normal 18px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
}
.navbar-default #main-navigation > li a:hover,  /** เมื่อเอาเม้าท์ไปวางข้อความบนเมนูหลัก**/
.navbar-default .navbar-nav > .open > a:hover{
  color: #696969;
}
.navbar-default #main-navigation > li a:focus,  /** เมื่อกดคลิกข้อความบนเมนูหลัก**/
.navbar-default .navbar-nav > .open > a:focus {
  color: #000;
}
.dropdown-menu {
  color: #fff;
  background-color: #7ac6ff;   /** สีพื้นหลังเมื่อกดคลิกเมนูย่อย สีฟ้าเข้ม**/
  
}
.dropdown-menu li > a {   /** Dropdown menu **/
  color: #000;         
 /** text-shadow: 0px 0px 0px #FF82B9;**/
  background: transparent;
  font: normal normal 18px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  padding: 9px 10px !important;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
  background-color: #eee !important;
  color: #000;
}
/**10003**/
.form-control {      /** สีพื้นหลัง ช่อง Search**/
  color: #333;
  background-color: #FFFFFF;  /** #FFFFFF**/
  border-color: #CCC;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-style: solid;
  font: normal normal 14px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 6px 12px;
}
/**10004**/
/**changing percentage to number**/

.pull-md-right form button {  
  color: #333;
  background-color:#ffffff;  /**ปุ่ม search**/
  border-color: #CCC;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  font: normal normal 15px / 1.42857143 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
}
.pull-md-right form button:hover { /**ปุ่ม search**/
  background-color: #e6e6e6;
}
.pull-md-right form button:focus { /**ปุ่ม search**/
  background-color: #e6e6e6;
}
.pull-md-right form button:hover:focus { /**ปุ่ม search**/
  background-color: #e6e6e6;
}
/**10005 page font and background**/
body,
.media-body p,
.media-body .authors,
.media-body .lea,
.page_about p {
  color: #000;
  font: normal normal 15px / 1.5 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
}
body {
  background-color: #eeebeb;
}

/**10006 journal image **/
.homepage-image > img {    
  border-color: #000; 
  /**border-width: 5px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-style: solid; ภาพหน้าแรก **/
  margin-top: 15px;
  border-color: #ccf5ff;
  border-width: 0px 0px 0px 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-style: solid;
  box-shadow: 0px 0px 2px 0px #0b6db9;
  
  
}
/**10007 content font**/
.journal-description > p {
  color: #000;
  font: normal normal 15px / 1.5 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !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: #000;
  text-shadow: 0px 0px 0px transparent;
}
.media .page-header h2,
.page-header h1,
.page-header h2,
.page-header,
h3,
h2 {
  font: normal bold 16px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
}

.obj_announcement_summary{
   font: normal 16px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;

}

.page-header {
  background-color: #fff;
  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**/
.navbar-brand-logo {
  height: 100%;
 }
 
.navbar-brand-logo img {  /**logo**/
  
  max-height: 100%;
  height: 180px;
  width: auto;
}
.navbar-form {
  margin-top: 58px; /**ฟอร์มค้นหา Search**/
}
/**10010 hyperlink**/
.media-heading a,
.issue a,
.page_about a,
.pkp_block a {
  color: #063DA6;
  font: normal normal 16px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px;
}
.media-heading a:hover,
.issue a:hover,
.page_about a:hover,
.pkp_block a:hover {
  color: #021944;
}
.media-heading a:focus,
.issue a:focus,
.page_about a:focus,
.pkp_block a:focus {
  color: #021944;
}
/**10011**/
.media-body p,
.media-body .authors,
.media-body .lead {
  color: #000;
  font: normal normal 15px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 5px;
  margin: 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 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !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;
}

.customblock-manual{
  background-color: #5899d0;
  color: #dfdfdf;
}
/**10014 เมนูข้าง**/

.pkp_structure_sidebar{
    padding: 10px;
}

.block_make_submission{
    padding: auto;
    text-align: center;
}
.block_make_submission_link{
    height: 50px;
    width: 100%;
}

.pkp_block .block_custom{
    display: block; width: 100%; overflow: auto; margin: 1em 0 1em 0;
}

aside .pkp_block {
  background-color: #fff;
  
   /** เมนูข้าง 
  border-color: #ddd #ddd #ddd #ddd;
  border-width: 1px;
  -webkit-border-radius: 24px 0px 0px 0px;
  -moz-border-radius: 24px 0px 0px 0px;
  border-radius: 24px 0px 0px 0px;
  border-style: solid solid solid solid;
  margin: 17px;
  box-shadow: 5px 3px 1px #DDDDDD;
  padding: 0px 15px 0px 15px;
   **/
  margin: 15px;
  border-color: #eee #eee #eee #eee;
  border-width: 1px 1px 1px 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 2px 2px 2px 2px;
 
  box-shadow: 0px 1px 4px 1px #DDDDDD;
  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 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}
.pkp_block .title {
  background-color: #5f5154;
  padding: 10px;
  width: 100%;
  color: #fff;
  border-bottom: 1px solid #ddd;
  font: normal normal 16px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: -15px 0px 0px transparent;
  -webkit-border-radius: 23px 0px 0px 0px;
  -moz-border-radius: 23px 0px 0px 0px;
  border-radius: 2px 2px 2px 2px;   /**border-radius: 23px 0px 0px 0px;**/
  margin: 0px -15px 0px -5px;		/**margin: 0px -15px 10px -15px;**/
  text-align: center;
}
.pkp_block ul li {
  background-color: transparent;
  border-style: solid solid solid solid;
  border-color: #ffffff #ffffff #ffffff #ffffff;

}
.pkp_block ul li a {
  border-top: 0px solid #ddd;
  border-bottom: 0px 1px 1px 1px solid #ddd;
  font: normal normal 15px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
}
/**10015 lead หัวข้อวารสาร**/
.current_issue .lead {
  color: #000;
  font: normal 300 18px / 1.4 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
/**10016**/
.navbar-default #navigationUser > li a {
  color: #000;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  text-shadow: 0px 0px 0px transparent;
  text-shadow: 0px 0px 0px #FF82B9;
  padding: 10px;
  
}
.navbar-default #navigationUser > li a:hover,
.navbar-default #navigationUser > li a:focus {
  color: #666666 !important;
}
/**10017**/
.date,
.media-body .date {
  color: #777777;
  text-shadow: 0px 0px 0px transparent;
  padding: 0px;
  font: normal normal 13px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !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: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  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: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-style: solid solid solid solid;
  margin: 0px 0px 4px 0px;
  box-shadow: 0px 2px 2px #ddd;
  padding: 0px 0px 0px 0px;
}
.panel-default > .panel-heading {
  background-color: #a1a1a1;
  color: #333;
  border-color: #ddd #ddd #ddd #ddd;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  font: normal normal 18px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
}
/**10020**/
.breadcrumb .active {
  color: #000;
  font: normal normal 18px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !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: 21px;
  color: #000;
  font: normal normal 14px / 1 Noto Sans Thai, sans-serif, Helvetica Neue, Helvetica, Arial !important;
  text-shadow: 0px 0px 0px transparent;
}