.announce_main{
        position: relative;
    /*width: 100%;*/
    height: 20px;
    left: 0px;
    /* top: 120px; */
    padding: 0.35% 5.95%;
    padding-bottom: 0.8%;
    background: #0E552A;
     margin-top: 0.7em;
}

.announce_detail{
    width: 100%;
    position: relative;
    font-family: Kanit;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    /*padding: 0.95% 6%;*/
    top: 15%;
    display: flex;
}
/*.announce_detail .notification-icon{
    margin-right: 5px;
        margin-top: -0.1%;
}*/
.announce_detail .update_button{
    margin-left:0px;
}
/* style the close button */
.announce_main .close {
	/*background: transparent url('images/close.png') no-repeat 0 0;*/
	/*opacity: 0.6;*/
	float: right;
	/*width: 10em;*/
	/*height: 10em;*/
/*	margin: -0.8% 0 0 0;*/
              margin: -2.5% 0 0 0;
              /*z-index: 5;*/
}

/* reposition close button for right to left languages */
.rtl .announce_main .close {
	float: left;
	margin: 0 4px 0 0;
}


/* display the close button on mouse-over of the banner */
.notouch .announce_main:hover .close {
	opacity: 0.6;
            z-index: 5;
}
.announce-row .forumtitle{
    width: 100%;
    display: inline-block;
    line-height: 2;
}
.forabg2 li.row.new-row.announce-row{
        height: auto;
        display: grid;
}
.forabg2 li.row.new-row.announce-row a.read-more{ 
    padding-left: 0px;
}
.announce-row .forumtitle .update_button{
    font-size: 10px;
}

.announce-row .forumtitle .unread-announce{
/*    width: 1em;*/
       background-image: url(../theme/images/announc-icon-black.svg);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;    
    display: inline-block;
    background-position-y: 3px;
}
/*@media (max-width: 1300px){
      .ann_short .space_announce.announce-desc {
            max-width: 18vw;
            width: 80%;
        }
    
}*/



.forabg2 .update_button{
    margin-left: 0px;
}
.announce-row .no-topic {
    text-align: center;
    font-size: 16px;
    margin: 6% 15%;
    color: #555555;
}


/*.ann_short .space_announce.announce-desc {
    max-width: 18vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    width: 30%;
    display: inline-block;
}*/
/*.ann_short.ann-2 .space_announce.announce-desc {
    max-width: 33vw;
    width: auto;
     white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
.space_announce.announce-desc {
    display:contents;
}*/
@-moz-document url-prefix() {
    .announce-row .forumtitle{float: inline-start;}
   
    @media (max-width: 1336px){
            .ann_short .space_announce.announce-desc {
                max-width: 20vw;
                width: 85%;
            }
            .section-index .block-body{margin-right: 4.8%;}
    

            
    }
/*    @media (min-width: 1400px){
            .ann_short .space_announce.announce-desc {
                max-width: 18vw;
                width: 80%;
            }
    }
     @media (min-width: 1640px){
            .ann_short .space_announce.announce-desc {
                max-width: 25vw;
                width: 80%;
            }
    }*/

}
.section-viewforum .forabg2.block-ann li.header dl.row-item dt .list-inner{
    line-height: 1.5 ;
}
.forumbg.announcement {
    display: none;
}

.section-viewforum .forabg4.announce{
width: 23.4%;
margin-left: 0.55%;
position: relative;
margin-bottom: 0px;
clear: both;
display: inline-flex;
}



.section-viewforum .forabg2.announce.block-ann li.header dl.row-item dt .list-inner {
    line-height: 2.8 !important;
    display: inline;
}

.section-viewforum .forabg2-2 .forabg2.announce.block-ann {
    width: 100% !important;
    display: inline-block !important;
        margin-top: 16px;
    /* line-height: 10; */
    /*position: inherit !important;*/
}
.section-viewforum .forabg2-2 .forabg3 {
        width: 100% !important;
    display: contents !important;
    position: inherit !important;
}
.section-viewforum .forabg2.announce.block-ann li.header dl.row-item dt .list-inner {
    line-height: 1.5 !important;
    display: inline-block;
}
.section-viewforum .forabg2.announce block-ann {
        width: 100% !important;
        /*position: absolute;*/
}
 .announce_main .close{    margin: -1% 0 0 0;}
.section-index .forabg2.announce {
    position: inherit !important;
    display: inline-block !important;
    width: 22.3%;
    margin-left: 0.8em;
}


/*.forabg2.announce.block-ann .forabg {    margin-top: 16px;}*/
.announce_detail .announc-icon{
/*       background-image: url(../theme/images/announc-icon.svg);
    background-repeat: no-repeat;*/
    width: 1.6em;
    height: 16.5px;
    background-size: 16px;    
    display: inline-block;
    /*background-position-y: 3px;*/
}
.close.clearfix .close_announce_icon{
       background-image: url(../theme/images/Close.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    background-size: 10px;    
    display: inline-block;
}
 .section-index .forabg2.announce  .topiclist.topiclist-header .list-inner{
    color: #fff;
    margin-left: 16px;
    line-height: 3;
}
.section-viewforum .forabg2.announce.block-ann  .topiclist .list-inner{
    color: #fff;
    margin-left: 16px;
    line-height: 3;
}
 .section-index .forabg2.announce ul.topiclist.forums {    margin-top: 0.3em;}
  .section-index .forabg2.announce li.header {
    /*height: 39px;*/
/*    height: 37px;*/
    height: 3.2em;
    position: relative;
    /*top: -0.9em;*/
    /*top: 0;*/
        /*top: -0.3em;*/
    background-color: #2D2C26;
        /*margin-bottom: 4%;*/
}
  .section-viewforum .forabg2 .forabg {    height: 60px !important;}
@media screen and (max-width: 2000px) and (min-width: 1700px) {
      .forabg2.announce  .forabg {
            margin-top: 1% !important;
               height: auto !important;
    }
     .section-index .forabg2.announce  .topiclist.topiclist-header .list-inner { line-height: 2.5;    }
    .section-index .forabg2.announce ul.topiclist.forums {
        margin-top: 0.4em;
    margin-block-end: -0.5em;
    }
     .section-viewforum .forabg2.announce.block-ann  .topiclist .list-inner{  line-height: 1.5;    }
}
@media screen and (max-width: 3000px) and (min-width: 2000px) {
      .forabg2.announce  .forabg {
            margin-top: 1% !important;
               height: auto !important;
    }
     .section-index .forabg2.announce  .topiclist.topiclist-header .list-inner { line-height: 2.4;    }
    .section-index .forabg2.announce ul.topiclist.forums {
        margin-top: 0.8em;
    }
     /*.section-viewforum .forabg2.announce.block-ann  .topiclist .list-inner{  line-height: 1.5;    }*/
      .section-index .forabg2.announce {    width: 22%;}
         .section-viewforum .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: 0.4em;
    }
       .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2.5;}
       .section-index .forabg2.announce li.header{height: 3em;}
}
@media screen and (max-width: 5000px) and (min-width: 3000px) {
      .forabg2.announce  .forabg {
            margin-top: 1% !important;
               height: auto !important;
    }
     .section-index .forabg2.announce  .topiclist.topiclist-header .list-inner { line-height: 2.4;    }
    .section-index .forabg2.announce ul.topiclist.forums {
        margin-top: 0.9em;
    }
     /*.section-viewforum .forabg2.announce.block-ann  .topiclist .list-inner{  line-height: 1.5;    }*/
      .section-index .forabg2.announce {    width: 22%;}
         .section-viewforum .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: 0.4em;
    }
       .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2.5;}
      .section-index   .forabg2 ul.topiclist {  margin-block-end: -1em; }
      .section-index .forabg2.announce li.header{height: 3em;}
}
@media not all and (min-resolution:.001dpcm) { 
    .section-index .forabg2.announce { width: 17vw !important;   }
}
  .section-index  .announce_main .close {
    margin: -1.2em 0 0 0;
}
@media screen and (max-width: 1024px) and (min-width: 600px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums {    margin-top: 0.6em;}
  .section-index .forabg2.announce {    width: 22%;}
   .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2.8;}
   .section-index .forabg2.announce ul.topiclist.forums{    margin-top: 0.3em;}
}
@media screen and (max-width: 1180px) and (min-width: 1024px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums {    margin-top: 0.6em;}
  .section-index .forabg2.announce {    width: 22%;}
   .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 3;}
   .section-viewforum .forabg2 .forabg {
            margin-top: 0% !important;
               height: 60px !important;
    }
    .section-index .forabg2.announce ul.topiclist.forums{    margin-top: 0.3em;}
}
@media screen and (max-width: 1200px) and (min-width: 1180px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums {    margin-top: 1.5em;}
  .section-index .forabg2.announce {    width: 22%;}
   .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 3;}
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums {    margin-top: 0.6em;}
  .section-index .forabg2.announce {    width: 22.7%;}
  .announce_main{margin-top: 0.6em;}
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums {    margin-top: 0.6em;}
  .section-index .forabg2.announce {    width: 23%;}
   .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 3.5;}
   .section-index .forabg2.announce ul.topiclist.forums{    margin-top: 0.3em;}
}
@media screen and (max-width: 1500px) and (min-width: 1400px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums {    margin-top: 0.9em;}
  .section-index .forabg2.announce {    width: 23%;}
  .section-viewforum .forabg2 .forabg {
            margin-top: 0% !important;
               height: 60px !important;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1500px) {
 .section-viewforum .forabg2.announce ul.topiclist.forums,.section-index .forabg2.announce ul.topiclist.forums {    margin-top: 0.3em;margin-block-end: 0em;}
  .section-index .forabg2.announce {    width: 21.5%;}
  .section-viewforum .forabg2 .forabg {
            margin-top: 0% !important;
               height: 48px !important;
    }
     .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 3.5;}
}
@media screen and (max-width: 1700px) and (min-width: 1600px) {
    .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: 0.6em;
    }
     .section-index .forabg2.announce {    width: 21.8%;height: 50px;}
      .section-index .forabg2.announce ul.topiclist.forums {
        margin-top: 0.4em;
    margin-block-end: 0;
    }
     .section-index .forabg2.announce .forabg {
            margin-top: 0.5% !important;
        }
        .section-index .forabg2 ul.topiclist {
            margin-block-end: -0.25em;
        }
          .section-viewforum .forabg2 .forabg {
            margin-top: 0% !important;
               height: 3.5em !important;
    }
    .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 3.5;}
}
@media screen and (max-width: 1900px) and (min-width: 1700px) {
    .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: -0.55em;
    }
     .section-index .forabg2.announce {    width: 22%;}
     .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2.5;}
        .section-viewforum .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: 0.4em;
    }
}
@media screen and (max-width: 2000px) and (min-width: 1900px) {
    .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: -0.55em;
    }
    .section-index .forabg2.announce {    width: 22%;}
       .section-index .forabg2.announce ul.topiclist.forums {
            margin-top: 1em;
        margin-block-end: -0.5em;
        }
         .section-viewforum .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: 0.4em ;
    }
     .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2.5;}
}
@media screen and (max-width: 3000px) and (min-width: 2500px) {
    .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: -0.55em;
    }
    .section-index .forabg2.announce {    width: 17vw;}
         .section-viewforum .forabg2.announce.block-ann  ul.topiclist  {
        margin-block-end: 0.2em;
    }
       .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2;}
        .section-viewforum .forabg2.announce block-ann.forabg2-hassub .forabg { margin-top: 2% !important;}
       .section-viewforum .forabg2.announce block-ann.forabg2-hassub ul.topiclist {    margin-block-end: -0.55em;}
}
@media screen and (max-width: 8000px) and (min-width: 3000px) {
       .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: -0.55em;
    }
    .section-index .forabg2.announce {    width: 22.3%;}
         .section-viewforum .forabg2.announce.block-ann  ul.topiclist {
        margin-block-end: 0.2em;
    }
       .section-viewforum .forabg2.announce.block-ann .topiclist .list-inner{    line-height: 2;}
       .section-viewforum .forabg2.announce.block-ann.forabg2-hassub .forabg { margin-top: 1% !important;}
       .section-viewforum .forabg2.announce.block-ann.forabg2-hassub ul.topiclist {    margin-block-end: 0;}
}
.section-viewforum .forabg2-2{padding-bottom: 2.5em;}


@media screen and (max-width: 1200px) and (min-width: 1100px) {
.section-viewforum .forabg2-2 .forabg2.announce.block-ann li.header {
        /*    height: 45px;*/
         height: 2.9em;
         /*height: 1.6em;*/
         
        }
}
/* ===============================
   DEFAULT → กว้างตามข้อความ
================================= */
.col-ann {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 1 auto;   /* default */
    min-width: 0;
}

/* ===============================
   ถ้ามี 3 อัน → แบ่งเท่ากัน
================================= */
.announce_detail:has(.col-ann:nth-child(3)) .col-ann {
    flex: 1 1 0;
}
/*.announce_detail:has(.col-ann:nth-child(3)) .col-ann.ann_short {
    flex: 1 1 0;
    max-width: 33%;
    flex: 1 1 c;
}*/
/* ===============================
   ถ้ามี 1 หรือ 2 → ตามข้อความ
================================= */
.announce_detail:has(.col-ann:nth-child(2)):not(:has(.col-ann:nth-child(3))) .col-ann {
    flex: 0 1 auto;
}

/* ===============================
   TEXT
================================= */
.announce-desc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px;
}

/* ===============================
   READ MORE
================================= */
.read-more {
    white-space: nowrap;
    flex-shrink: 0;
        padding-left: 4px;
}


.announce_detail .ann_normal {
    display: contents;
}