<style>
  .popup-close {
   
  }

  .popup-close:hover,
  #closePopup {
    background: transparent !important;
    color: transparent !important;
    border: 1px solid #666 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
    transform: translateY(-1px) !important;
  }

  .popup-close:active,
  #closePopup {
    background: transparent !important;
    color: transparent !important;
    border: 1px solid #666 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.2) !important;
    transform: translateY(1px) !important;
  }
</style>
<script src="https://ip-one.com/frontend/js/jquery-3.4.1.min.js"></script>
<script>
  jQuery(document).ready(function($){

    const imageUrl = "https://ip-one.com/frontend/img/2025/123456.png";

    const $overlay = $(`
      <div id="popup-overlay" style="
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.7);
        display:none;
        justify-content:center;
        align-items:center;
        z-index:999999;">
      </div>
    `);

    const $popup = $(`
      <div style="position:relative;">
        <button id="closePopup" class="popup-close"
          style="
            position:absolute;
            right:0;
            top:0;
            z-index:2;
            color: transparent !important;
            background: transparent !important;
            border: 1px solid #666;">
          ×
        </button>

        <img src="${imageUrl}"
          style="
            max-width:90vw;
            max-height:90vh;">
      </div>
    `);

    $overlay.append($popup);
    $('body').append($overlay);

    $overlay.css('display','flex').hide().fadeIn(300);

    $('#closePopup').on('click',function(){
        $overlay.fadeOut();
    });

  });
</script>

.text-light {font-family:"NeutraText Light", Sans-serif;}
.text-thai-kanit  {font-family:Kanit;letter-spacing:1px;font-size:16px;font-weight:300;}
.ff-item .ff-item-bar,.ff-item-meta {display:none;}
.super-close {display:none;}
.super-loading-overlay .super-loading-wrapper {background:transparent !important;padding:0px !important;max-width:400px!important;height:auto!important;}
.super-loading-overlay.super-success .super-loading-wrapper:after  {display:none !important;}
.super-loading-overlay .super-close {color:#ffffff !important}
.super-loading-overlay {background-color: rgba(0, 0, 0, 0.6) !important;}
.super-loading-overlay .super-pdf-download-btn, .super-loading-overlay .super-close {margin:0px !important;}
.super-loading-overlay .super-loading-wrapper {box-shadow : none !important;}
.totalpoll-form-field-wrapper{color:#000000 !important;}
 .totalpoll-form-field-input {background:#ffffff !important;color:#000000 !important; }
 .totalpoll-form-custom-fields {padding-top:0em !important;}
 .nsl-button {padding:5px 10px!important; margin:0px;min-width:260px !important;}
 div.nsl-container[data-align="left"] {text-align:center !important;border-radius:3px !important;}
 .nsl-container-buttons p {margin:0em !important;}
 .nsl-button-label-container {line-height:2em !important;}
 .totalpoll-buttons-results {display:none;}
 .totalpoll-buttons-vote {color:#ffffff important;font-weight:600 important;}