#mreport-content p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
}

#mreport-content h1 {
    font-size: 18px!important;
    line-height: 24px!important;
    margin-bottom: 18px!important;
}

#mreport-content h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px;
}

#mreport-content h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 18px;
}

#mreport-content ul {
    color: #414141;
    font-size: 18px;
    margin-bottom: 16px;
    
}

#mreport-content li {
    position:relative;
    font-family: Tahoma;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 14px 0px 14px;
    margin-bottom: 14px;
    margin-left:16px;
}

#mreport-content li:before {
    font: normal normal normal 14px / 1 'FontAwesome';
    content: '\f111';
    font-size: 8px;
    color: #000000;
    line-height: 35px;
    position: absolute;
    left: 0;
    top: -5px;
}

#mreport-content ul ul {
    margin-top: 14px;
}

#mreport-content li li:before {
    font: normal normal normal 14px / 1 'FontAwesome';
    content: '\f10c';
    font-size: 8px;
    color: #000000;
    line-height: 35px;
    position: absolute;
    left: 0;
    top: -5px;
}

#mreport-content a {
    font-size: 17px;
    color:#0000cd;
    text-decoration: underline!important;
}

#mreport-content img {
    max-width:100%;
}






/*
@media screen and ( max-width: 479px ) {
  .post-tp-24 {
    padding: 0 15px 10px 15px ;
    margin: 0 0 10px 0 ;
  }

  .pst-block-main .page-nav {
    padding: 10px 15px ;
    margin: 5px 0 15px 0 ;
  }


  .post.post-tp-9.mreport-fix-related .title-6 {
    padding: 0 10px 5px 10px ;
    margin: 0 0 8px 0 ;
  }


  .main-posts-2 .post.post-tp-5 .title-14 {
    padding: 5px 10px ;
    margin: 0 0 5px 0 ;
  }


  .main-posts-2 .post.post-tp-5 .p {
    padding: 0 10px 10px 10px ;
    margin: 0 0 10px 0 ;
  }
}
*/








@media screen and ( max-width: 479px ) {
  .post-tp-24.post-tp-24 figure img ,
  body .post-tp-24 figure img {
    width: 100% !important ;
    max-width: none !important ;
    min-width: 100% !important ;
    flex: 0 0 100% !important ;
  }
}





















@media screen and (max-width: 479px) {
    .mreport-fix-related figure img, .recent-nws .post figure img {
        width: 100% !important;
    }
}











/* === Override font H2/H3 + ระยะห่าง ใน mreport-content === */

#mreport-content h2 {
  font-size     : 1.5rem ;
  line-height   : 1.35 ;
  margin-top    : 1.1em ;        /* เดิมเยอะ → ลดลง */
  margin-bottom : 0.4em ;
}

#mreport-content h3 {
  font-size     : 1.2rem ;
  line-height   : 1.4 ;
  margin-top    : 1em ;          /* H3 หลัง H2/Normal */
  margin-bottom : 0.4em ;
}

/* H3 หลัง bullet → บนมากกว่าล่างเล็กน้อย */
#mreport-content ul + h3 ,
#mreport-content ol + h3 ,
#mreport-content li + h3 {
  margin-top    : 1.2em ;
  margin-bottom : 0.35em ;
}

/* === ลดระยะ paragraph + bullet ให้กระชับ === */
#mreport-content p {
  margin-top    : 0 ;
  margin-bottom : 0.6em ;
  line-height   : 1.55 ;
}

#mreport-content ul ,
#mreport-content ol {
  margin-top    : 0.3em ;
  margin-bottom : 0.7em ;
}

#mreport-content li {
  margin-bottom : 0.15em ;       /* ลดช่องระหว่าง bullet */
  line-height   : 1.5 ;
}

#mreport-content h2 {
    padding-top: 10px !important ;
}

/* mobile */
@media ( max-width: 767px ) {
  #mreport-content h2 { font-size: 1.35rem ; }
  #mreport-content h3 { font-size: 1.1rem ; }
}