.update-news--topic{ position: fixed; bottom: 60px; right: 20px; color: #fff; z-index: 10001; border-radius: 10px;  width: 120px; height: 120px; display: flex; align-items: flex-end; justify-content: center; }
.update--btnclose{ position: absolute; top: -5px; right: -5px; line-height: 0; background-color: #eee; border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 5; }
.update--btnclose img{ width: 10px; height: auto; }
.update--imgnoti{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; 
  display: block;
  background: url('../images/alert_popup/noti_pride.png') no-repeat center center;
  background-size: cover; 
  pointer-events: auto;
}

#draggable-mobile{ display: none; }
#draggable-pc{ display: block; }

@media (max-width: 767px) {

  #draggable-mobile{ display: block; }
  #draggable-pc{ display: none; }

  .update-news--topic{ bottom: 110px; right: 10px; border-radius: 8px; width: 100px; height: 100px; }

}

/* economic : h-144 , h-100 , close : t-15 , r-5 */


.update-news--topic.forum2025{ width: 300px; height: 250px; }
.update-news--topic.forum2025 .update--imgnoti{ background: url('../images/alert_popup/noti_forum2025.jpg?v=1'); background-size: cover; }

@media (max-width: 767px) {

  .update-news--topic.forum2025{ width: 160px; height: 133px; }

} 




.update-news--topic.warcombodia{ width: 200px; height: 200px; }
.update-news--topic.warcombodia .update--imgnoti{ background: url('../images/alert_popup/noti_combodia.jpg?v=1'); background-size: cover; }

@media (max-width: 767px) {

  .update-news--topic.warcombodia{ width: 100px; height: 100px; }

} 




.update-news--topic.print_pattaya{ width: 130px; height: 130px; }
.update-news--topic.print_pattaya .update--imgnoti{ background: url('../images/alert_popup/noti_pattaya.png?v=1'); background-size: cover; }

@media (max-width: 767px) {

  .update-news--topic.print_pattaya{ width: 100px; height: 100px; }

}



.update-news--topic.epaper99{ width: 150px; height: 150px; }
.update-news--topic.epaper99 .update--imgnoti{ background: url('../images/alert_popup/noit_epaper99.png?v=1'); background-size: cover; }
.update-news--topic.epaper99 .update--btnclose{ top: 0; right: 0; width: 30px; height: 30px; }

@media (max-width: 767px) {

  .update-news--topic.print_pattaya{ width: 100px; height: 100px; }

} 





.update-news--topic.halloween{ width: 150px; height: 150px; }
.update-news--topic.halloween .update--imgnoti{ background: url('../images/alert_popup/sticky-halloween.png?v=1'); background-size: cover; }
.update-news--topic.halloween .update--btnclose{ top: 0; right: 0; width: 30px; height: 30px; }

@media (max-width: 767px) {

  .update-news--topic.print_pattaya{ width: 100px; height: 100px; }

}