สินค้าทั้งหมด
เลือกสินค้าที่คุณต้องการ
เลือกหมวดหมู่ที่ต้องการดู
2 รายการ
กำลังดู: ทุกหมวดหมู่
test
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>REALSHI SHOP - Home</title> <meta name="author" content="https://realshi.rexzy.xyz/home"> <meta name="description" content="REALSHI SHOP [ จำหน่ายโปรแกรมช่วยเล่นราคาถูก! ]"> <meta name="keywords" content="REALSHI SHOP,🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire ,REALSHI SHOP - Home,🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire ,REALSHI SHOP 🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire ,Rexzy Studio,Rexzy Studio บริการปล่อยเช่าเว็บราคาถูก,Rexzy Studio,Rexzy Studio บริการปล่อยเช่าเว็บราคาถูก,rexzy,rexzystudio,rexzy studio,เช่าเว็บ,เว็บไซต์,เว็บเติมเกม,เช่าเว็บราคาถูก,เว็บขายของ,เว็บขายไก่ตัน,เว็บไก่ตัน,เว็บราคาถูก,เช่าเว็บขายของ,เช่าเว็บเติมเกม,เว็บเติมเกม"> <link rel="shortcut icon" href="https://i.postimg.cc/Y21JFtcB/Logo-realshi1.png" type="image/png" sizes="16x16"> <link rel="apple-touch-icon" sizes="180x180" href="https://i.postimg.cc/Y21JFtcB/Logo-realshi1.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://i.postimg.cc/Y21JFtcB/Logo-realshi1.png"> <meta property="og:image" content="https://i.postimg.cc/SNHNKyCP/banner-realshi1.png"> <meta property="og:type" content="website"> <meta property="og:locale" content="en_IE"> <meta property="og:site_name" content="REALSHI SHOP"> <meta property="og:title" content="REALSHI SHOP - Home"> <meta property="og:description" content="🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire "> <meta property="og:url" content="https://realshi.rexzy.xyz/home"> <meta name="theme-color" content="#ff0000"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@site"> <meta name="twitter:creator" content="@handle"> <meta property="twitter:title" content="REALSHI SHOP - Home"> <meta property="twitter:description" content="🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire "> <meta property="twitter:image:src" content="https://i.postimg.cc/SNHNKyCP/banner-realshi1.png"> <meta property="twitter:url" content="https://realshi.rexzy.xyz/home"> <meta property="theme-color" content="#ff0000"> <script src=" https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> <link href="https://kit-pro.fontawesome.com/releases/v6.7.2/css/pro.min.css" rel="stylesheet"> <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script> <script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.css" /> <script src="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.min.js"></script> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="https://unpkg.com/animejs@3.2.2/lib/anime.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Athiti:wght@200;300;400;500;600;700&family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Itim&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Mitr:wght@200;300;400;500;600;700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sriracha&display=swap" rel="stylesheet"> <script src='//cdnjs.cloudflare.com/ajax/libs/tinysort/2.2.2/tinysort.min.js'></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js"></script> <link href="/assets/styles/bootstrap@4.0.0.min.css" rel="stylesheet"> <link rel='stylesheet' href='https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap5.min.css'> <script src='https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js'></script> <script src='https://cdn.datatables.net/responsive/2.1.0/js/dataTables.responsive.min.js'></script> <script src='https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js'></script> <link rel="stylesheet" href="/assets/styles/styles.css?v=032"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.22.3/dist/bootstrap-table.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <style> :root { --color-main: #ff0000; --color-main-opa-75: #ff000075; --color-main-opa-50: #ff000050; --color-main-opa-25: #ff000025; --color-main-opa-15: #ff000015; --color-button: #ff0000; --color-button-opa-75: #ff000075; --color-button-opa-50: #ff000050; --color-button-opa-25: #ff000025; --color-button-opa-15: #ff000015; --color-text: #ffffff; --color-text-opa-85: #ffffff85; --color-text-opa-75: #ffffff75; --color-text-opa-50: #ffffff50; --color-text-opa-25: #ffffff25; --color-text-opa-15: #ffffff15; --color-border: #e0e0e0; --color-bg-theme: #000; --color-text-theme: #fff; --color-text-theme-opa-25: #fff; --color-text-theme-opa-50: #fff; --color-text-theme-opa-75: #fff; --color-text-theme-opa-85: #fff; } .border { border: 1px solid var(--color-border) !important; } *:not(i) { font-family: 'Kanit', sans-serif; font-weight: normal !important; } body { background-color: #f6f6f6; background-image: url(' https://i.postimg.cc/cCwgrB4V/red-background-display-your-product-1258-82970.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; overflow-x: hidden; } .widget-icon { color: var(--color-main); font-size: 24px; background-color: #ff000020; height: 40px; width: 40px; text-align: center; line-height: 40px; border-radius: 3px; display: inline-block } .text-theme, .text-theme i { color: var(--color-text-theme) !important; } body { background-color: rgb(20, 20, 20) !important; } td, th { color: #fff !important; } .text-theme, .text-theme i { color: #fff !important; } .active-main { color: #000 !important; background-color: var(--color-main) !important; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #434343; } .image-size-tag { /* <span class="image-size-tag">1,500 x 1,500</span> */ position: relative; width: max-content; height: fit-content; top: -3px; padding-left: 1vh; padding-right: 1vh; padding-top: 0.3vh; padding-bottom: 0.3vh; border-radius: 90vh; font-size: 11px; line-height: 0.5vh; font-weight: 500 !important; background-color: var(--color-main-opa-25); color: var(--color-main); border: 1.5px solid var(--color-main); } table:not(.not-td-hover) tbody tr:nth-of-type(odd) { background-color: rgba(255, 0, 0, 0.02) !important; } table:not(.not-td-hover) tr:hover td { background-color: rgba(255, 0, 0, 0.05) !important; } </style> </head> <body onload='let scroll = window.scrollY; let scrollString = scroll.toString(); localStorage.setItem("scrollPosition_Body", scrollString);'> <script> AOS.init(); const config_language_table_list = { 'paginate': { 'previous': '<i class="fa fa-chevron-left"></i>', 'next': '<i class="fa fa-chevron-right"></i>' }, "decimal": ".", "thousands": ",", "infoPostFix": "", "emptyTable": '<span class="text-theme">ไม่พบข้อมูล</span>', "info": '<span style="color: var(--color-button) !important;">แสดง START ถึง END จาก TOTAL รายการ</span>', "infoEmpty": '<span style="color: var(--color-button) !important;">แสดง 0 ถึง 0 จาก 0 รายการ</span>', "infoFiltered": '<span style="color: var(--color-button) !important;">(ทั้งหมด MAX รายการ)</span>', "lengthMenu": '<span style="color: var(--color-button) !important;">แสดง MENU รายการ</span>', "loadingRecords": '<span style="color: var(--color-button) !important;">โหลดข้อมูล...</span>', "processing": '<span class="text-theme">กำลังโหลดข้อมูล...</span>', "search": '<span class="text-main">ค้นหา</span>', "zeroRecords": '<span style="color: var(--color-button) !important;">ไม่พบข้อมูลที่ตรงกัน...</span>', "paginate": { "first": '<span style="color: var(--color-button) !important;">หน้าแรก</span>', "last": '<span style="color: var(--color-button) !important;">หน้าสุดท้าย</span>', "next": '<span style="color: var(--color-button) !important;">ถัดไป</span>', "previous": '<span style="color: var(--color-button) !important;">ย้อนกลับ</span>' }, "aria": { "sortAscending": ": เรียงจากน้อยไปมาก", "sortDescending": ": เรียงจากมากไปน้อย" }, "lengthMenu": '<span class="text-main">แสดง <select id="dataTables_length" class="form-control input-sm" style="border-radius: 1vh;">' + '<option class="text-center" value="10">10</option>' + '<option class="text-center" value="20">20</option>' + '<option class="text-center" value="30">30</option>' + '<option class="text-center" value="40">40</option>' + '<option class="text-center" value="50">50</option>' + '<option class="text-center" value="100">100</option>' + '<option class="text-center" value="250">250</option>' + '<option class="text-center" value="500">500</option>' + '<option class="text-center" value="99999999">ทั้งหมด</option>' + '</select> ลำดับ</span>' } function createDataTableServerSide(order, id, path) { let table = $("#" + id).DataTable({ serverSide: true, paging: true, processing: true, stateSave: true, language: config_language_table_list, ajax: { url: '' + path, type: 'POST', data: function(d) { d.sort_by_name = $('#data-table-sort-by-name').val(); }, }, columns: [{ "data": "data", "createdCell": function(td, cellData, rowData, row, col) { $(td).attr('data-order', rowData.order); $(td).addClass('p-0'); } }], "order": [ [0, order] ] }) $('#data-table-sort-by-name').on('change', function() { table.ajax.reload(); }); } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=#"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '#'); </script> <style> .loader { height: 100%; width: 100%; background: var(--color-main); position: fixed; z-index: 9999; top: 0; left: 0; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease-in-out; } .load-hidden { opacity: 0; visibility: hidden; } .icon { display: block; max-height: 80px; }</style><div class="loader"> <img class="icon" src="/assets/image/loader/mario/mario_v2.gif"></div><script> window.addEventListener("load", (event) => { setTimeout(() => { $(".loader").addClass("load-hidden") }, 250); }); document.addEventListener("readystatechange", (event) => { setTimeout(() => { $(".loader").addClass("load-hidden") }, 250); }); document.addEventListener("DOMContentLoaded", (event) => { setTimeout(() => { $(".1oader").addClass("load-hidden") }, 250); });</script><nav class="navbar navbar-expand-xl sticky-top mb-0"> <div class="bg-dark container-lg border" style="border-radius: 15px;"> <button class="btn btn-transparent text-theme d-block d-lg-block d-xl-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa-regular fa-bars" style="font-size: 25px;"></i> </button> <a class="navbar-brand d-none d-lg-none d-xl-block" href="/home"><img src="https://i.postimg.cc/Y21JFtcB/Logo-realshi1.png" style="max-width: 50px;"></a> <div class="offcanvas offcanvas-start bg-dark" style="max-width: 90%; box-shadow: 0 0 0 0 transparent !important;" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel"> <div class="offcanvas-body"> <ul class="navbar-nav ms-auto align-items-center mb-2 mb-lg-0"> <!----------------- Mobile -----------------> <li class="w-100 d-flex d-lg-flex d-xl-none justify-content-center align-items-center mb-3"> <a href="/home"><img src="https://i.postimg.cc/Y21JFtcB/Logo-realshi1.png" style="max-width: 55px;"></a> <h4 class="text-theme my-0 ms-2 p-0" style="word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;">REALSHI SHOP</h4> </li> <li class="nav-item d-block d-lg-block d-xl-none"> <div class="row justify-content-center"> <div class="d-flex mb-0 px-5"> <hr class="my-auto mb-0 flex-grow-1"> <h5 class="text-theme px-4 mt-0 mb-0">เมนู</h5> <hr class="my-auto mb-0 flex-grow-1"> </div> <a class="text-theme my-2" href="/home"><i class="fa-duotone fa-solid fa-house"></i> หน้าหลัก</a> <a class="text-theme my-2" href="/shop/category"><i class="fa-duotone fa-solid fa-store"></i> สินค้าทั่วไป</a> <a class="text-theme my-2" href="/contact"><i class="fa-duotone fa-solid fa-headset"></i> ติดต่อเรา</a> <div class="d-flex mb-0 px-5 mt-3"> <hr class="my-auto mb-0 flex-grow-1"> <h5 class="text-theme px-4 mt-0 mb-0">สินค้าอื่นๆ</h5> <hr class="my-auto mb-0 flex-grow-1"> </div> <div class="d-flex mb-0 px-5 mt-3"> <hr class="my-auto mb-0 flex-grow-1"> <h5 class="text-theme px-4 mt-0 mb-0">เข้าสู่ระบบ / สมัครสมาชิก</h5> <hr class="my-auto mb-0 flex-grow-1"> </div> <a class="text-theme my-2" href="/login"><i class="fa-duotone fa-solid fa-arrow-right-to-bracket"></i> เข้าสู่ระบบ</a> <a class="text-theme my-2" href="/register"><i class="fa-duotone fa-solid fa-square-plus"></i> สมัครสมาชิก</a> </div> </li> <!----------------- PC -----------------> <li class="nav-item d-none d-lg-none d-xl-block ms-lg-3"> <button class="nav-search text-theme ps-2 border" style="border-radius: 90px; font-size: 12px; padding: .3rem 2rem;" onclick="$('#search_menu_popup').modal('show'); setTimeout(function(){ $('#search_menu_popup_input_search').focus(); }, 1000)"> <i class="fa-duotone fa-solid fa-magnifying-glass"></i> ค้นหาสินค้า... </button> </li> <a class="d-none d-lg-none d-xl-block ms-lg-3 nav-v1 nav-v1-active" href="/home"> <i class="fa-duotone fa-solid fa-house"></i> หน้าหลัก </a> <a class="d-none d-lg-none d-xl-block ms-lg-3 nav-v1 " href="/shop/category"> <i class="fa-duotone fa-solid fa-store"></i> สินค้าทั่วไป </a> <li class="nav-item dropdown d-none d-lg-none d-xl-block ms-lg-3" style="list-style: none;"> <a class="d-none d-lg-none d-xl-block nav-v1" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false"> <i class="fa-duotone fa-solid fa-list-ul"></i> สินค้าอื่นๆ <small class="fa-duotone fa-solid fa-chevron-down text-theme"></small> </a> <ul class="navbar-nav dropdown-menu ms-auto align-items-center mb-2 mb-lg-0 px-2 pt-2 pb-0 bg-dark" style="border-radius: 1vh;" aria-labelledby="navbarDropdown"> </ul> </li> <a class="d-none d-lg-none d-xl-block ms-lg-3 nav-v1 " href="/contact"> <i class="fa-duotone fa-solid fa-headset"></i> ติดต่อเรา </a> <a class="d-none d-lg-none d-xl-block ms-lg-3 btn btn-main py-1 px-2" href="/login">เข้าสู่ระบบ</a> <a class="d-none d-lg-none d-xl-block ms-lg-2 btn btn-secondary py-1 px-2" href="/register">สมัครสมาชิก</a> </ul> </div> </div> <li class="nav-item d-block d-lg-block d-xl-none ms-5" style="list-style: none;"> <button class="nav-search text-theme ps-2 border" style="border-radius: 90px; font-size: 12px; padding: .3rem 1rem;" onclick="$('#search_menu_popup').modal('show'); setTimeout(function(){ $('#search_menu_popup_input_search').focus(); }, 1000)"> <i class="fa-duotone fa-solid fa-magnifying-glass"></i> ค้นหาสินค้า... </button> </li> </div></nav><div class="modal fade" id="search_menu_popup" tabindex="-1" aria-labelledby="search_menu_popup" aria-modal="true" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content bg-dark"> <div class="modal-header align-items-center pt-3 pe-2"> <input type="text" id="search_menu_popup_input_search" class="form-control" placeholder="หาสินค้าที่คุณต้องการได้ที่นี่เลย!"> <button class="btn text-theme btn-transparent mt-lg-0 mt-1" id="search_menu_popup_button_search"><i class="fa-duotone fa-solid fa-magnifying-glass"></i></button> </div> <div class="modal-body p-0"> <span id="search_menu_popup_not_found" hidden> <h1 class="text-theme text-center mt-4"><i class="fa-duotone fa-solid fa-file-magnifying-glass"></i></h1> <h5 class="text-main text-center mb-0" id="search_menu_popup_not_found_text">ไม่พบผลการค้นหาของ ""</h5> <p class="text-theme text-center mt-0 mb-4 small">ลองเปลี่ยนคำค้นหา แล้วลองใหม่อีกครั้ง</p> </span> <span id="search_menu_popup_history"> <p class="text-theme text-left ms-2 mt-1 mb-0" style="opacity: 0.5;">ประวัติการค้นหา</p> <div id="search_menu_popup_history_list" class="row justify-content-left px-2 pb-2"> </div> </span> <style> #search_menu_popup_product_list_scroll { overflow: scroll !important; max-height: 300px !important; max-width: 100% !important; } #search_menu_popup_product_list_scroll a { transition: all 0.2s; border-radius: 1vh; } #search_menu_popup_product_list_scroll a:hover { background-color: var(--color-main-opa-15); } </style> <span id="search_menu_popup_product_list" hidden> <p class="text-theme text-left ms-2 mt-1 mb-1" style="opacity: 0.5;">รายการสินค้าที่พบ</p> <div id="search_menu_popup_product_list_scroll" class="row justify-content-left px-2 pb-2"> </div> </span> </div> </div> </div></div><div class="modal fade" id="notification_view" tabindex="-1" aria-labelledby="notification_view" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content bg-dark" style="max-height: 75% !important;"> <div class="modal-header d-flex justify-content-between align-items-center py-2"> <i class="text-theme fa-duotone fa-solid fa-bell"></i> <div class="row text-center justify-content-center align-items-center"> <h5 class="text-main m-0 p-0">กล่องแจ้งเตือน</h5> <small class="text-theme m-0 p-0" style="margin-top: -3px !important;">Notification</small> </div> <button type="button" class="btn btn-transparent m-0 p-0" data-bs-dismiss="modal" aria-label="Close"><i class="fa-duotone fa-solid fa-xmark" style="font-size: 22px;"></i></button></div> <div class="modal-body row justify-content-center px-4 py-1" id="notification_list"> </div> </div> </div></div><script> let delay_search_ajax = false; let input_value function notification_view() { $('#notification_view').modal('show'); $.ajax({ type: 'POST', url: '/services/notification_read.php', contentType: false, processData: false, }); } document.getElementById("search_menu_popup").addEventListener("keypress", function(event) { if (event.key === "Enter") { event.preventDefault(); document.getElementById("search_menu_popup_button_search").click(); } }); function getCookie(name) { const value = ; ${document.cookie}; const parts = value.split; ${name}=); if (parts.length === 2) return parts.pop().split(';').shift(); } function setCookie(name, value, days) { let expires = ""; if (days) { const date = new Date(); date.setTime(date.getTime() + (days 24 60 60 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } function removeLinkFromHistoryList(text) { const historyList = document.getElementById('search_menu_popup_history_list'); const links = historyList.getElementsByTagName('a'); for (let link of links) { if (link.innerHTML === text) { historyList.removeChild(link); break; } } } async function search_ajax() { delay_search_ajax = true; const input_value_ = input_value var formData = new FormData(); formData.append('search', input_value_); $.ajax({ type: 'POST', url: '/services/search_product.php', data: formData, contentType: false, processData: false, beforeSend: function() {}, }).done(function(res) { $('#search_menu_popup_product_list_scroll').html("") if (res.length <= 0) { $('#search_menu_popup_not_found_text').text('ไม่พบผลการค้นหาของ "' + input_value + '"') $('#search_menu_popup_not_found').removeAttr('hidden'); $('#search_menu_popup_history').attr('hidden', 'hidden'); $('#search_menu_popup_product_list').attr('hidden', 'hidden'); } else { for (const key in res) { if (res.hasOwnProperty(key)) { $('#search_menu_popup_not_found').attr('hidden', 'hidden'); $('#search_menu_popup_history').attr('hidden', 'hidden'); $('#search_menu_popup_product_list').removeAttr('hidden'); res[key].forEach(product => { const id = product.id; const name = product.name; let price = "ราคา " + product.price + " บาท"; const imgSrc = product.img || 'https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/icon-image-not-found-free-vector-1775064099.webp'; if (key == "service") { product.choice = JSON.parse(product.choice) if (product.choice.setting.choice_type === "choice") { const prices = product.choice.choice_list.map(choice => Number(choice.price)); const minPrice = Math.min(...prices); const maxPrice = Math.max(...prices); price = "ราคา " + minPrice + "-" + maxPrice + " บาท"; } else if (product.choice.setting.choice_type === "input") { price = "ราคา " + product.choice.setting.input.rateperchoice + " บาท"; } } else if (key "wp-game" || key "wp-cash-card" || key == "wp-mobile") { price = "กดเพื่อดูราคา"; } let productHTML; if (key == "minigame") { productHTML = ` <a class="col-12 text-theme d-flex py-2" href="/${key}/${product.type.replace(/_/g, "-")}/${btoa(id)}"> <img class="m-0" src="${imgSrc}" style="border-radius: 10px; max-width: 50px; max-height: 50px;"> <div class="mx-0 row justify-content-start"> <p class="col-12 text-theme text-left mx-0 my-0">${name}</p> <p class="col-12 text-theme text-left mx-0 my-0 small">${price}</p> </div> </a> `; } else { productHTML = ` <a class="col-12 text-theme d-flex py-2" href="/${key}/product/${btoa(id)}"> <img class="m-0" src="${imgSrc}" style="border-radius: 10px; max-width: 50px; max-height: 50px;"> <div class="mx-0 row justify-content-start"> <p class="col-12 text-theme text-left mx-0 my-0">${name}</p> <p class="col-12 text-theme text-left mx-0 my-0 small">${price}</p> </div> </a> `; } document.getElementById('search_menu_popup_product_list_scroll').insertAdjacentHTML('beforeend', productHTML); }); } } } }) await new Promise((resolve) => setTimeout(resolve, 1000)); let historyCookie = getCookie('search_menu_popup_history'); if (historyCookie) { let historyArray = JSON.parse(historyCookie); if (!historyArray.includes(input_value_)) { if (historyArray.length >= 10) { const oldestSearch = historyArray.shift(); removeLinkFromHistoryList(oldestSearch); } const newLink = document.createElement('a'); newLink.className = "col-12 text-theme"; newLink.innerHTML = input_value_; newLink.setAttribute('onclick', $('#search_menu_popup_input_search').val('${input_value_}'); input_value = '${input_value_}'; search_ajax();); document.getElementById('search_menu_popup_history_list').appendChild(newLink); historyArray.push(input_value_); } setCookie('search_menu_popup_history', JSON.stringify(historyArray), 7); } else { const newLink = document.createElement('a'); newLink.className = "col-12 text-theme"; newLink.innerHTML = input_value_; newLink.setAttribute('onclick', $('#search_menu_popup_input_search').val('${input_value_}'); input_value = '${input_value_}'; search_ajax();); document.getElementById('search_menu_popup_history_list').appendChild(newLink); setCookie('search_menu_popup_history', JSON.stringify([input_value_]), 7); } if (input_value_ != input_value) { search_ajax() } else { delay_search_ajax = false; } } document.getElementById("search_menu_popup_input_search").addEventListener("input", function() { if ($("#search_menu_popup_input_search").val().length <= 0) { $('#search_menu_popup_history').removeAttr('hidden'); $('#search_menu_popup_product_list').attr('hidden', 'hidden'); $('#search_menu_popup_not_found').attr('hidden', 'hidden'); } }); $("#search_menu_popup_button_search").click(function() { if ($("#search_menu_popup_input_search").val().length > 0) { input_value = $("#search_menu_popup_input_search").val() $('#search_menu_popup_history').attr('hidden', 'hidden'); if (delay_search_ajax == false) { search_ajax() } } else { $('#search_menu_popup_history').removeAttr('hidden'); $('#search_menu_popup_product_list').attr('hidden', 'hidden'); $('#search_menu_popup_not_found').attr('hidden', 'hidden'); } });</script><style> #particle_chinese_new_year_2026 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .cny2026-fire-cracker, .cny2026-starburst { position: fixed; left: 0; top: 0; transform-origin: center center; will-change: transform, opacity; } .cny2026-fire-cracker { width: 60px; height: auto; object-fit: contain; } .cny2026-starburst { width: 120px; height: auto; object-fit: contain; } .cny2026-starburst-wrap { position: fixed; left: 0; top: 0; width: 0; height: 0; pointer-events: none; transform-origin: center center; } .cny2026-starburst-wrap .cny2026-starburst { position: absolute; left: -60px; top: -60px; } @keyframes cny2026-starburst-in { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .cny2026-cloud { position: fixed; top: 0; left: 0; height: auto; max-width: 180px; object-fit: contain; transform-origin: center center; pointer-events: auto; cursor: default; opacity: 0.5; } .cny2026-cloud:hover { opacity: 0.15; } #particle_chinese_new_year_2026_firework { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; display: block; } @keyframes cny2026-confetti-slow { 0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); } 100% { transform: translate3d(50px, 105vh, 0) rotateX(360deg) rotateY(180deg); } } @keyframes cny2026-confetti-medium { 0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); } 100% { transform: translate3d(25px, 105vh, 0) rotateX(100deg) rotateY(360deg); } } @keyframes cny2026-confetti-fast { 0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); } 100% { transform: translate3d(-150px, 105vh, 0) rotateX(10deg) rotateY(250deg); } } .cny2026-confetti-frame { position: fixed !important; pointer-events: none; z-index: 11; width: 100%; height: 100%; } .cny2026-confetti-container { position: fixed; perspective: 700px; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; } .cny2026-confetti { position: absolute; z-index: 1; top: -10px; border-radius: 0%; } .cny2026-confetti--animation-slow { animation: cny2026-confetti-slow 4s linear 1 forwards; } .cny2026-confetti--animation-medium { animation: cny2026-confetti-medium 3.5s linear 1 forwards; } .cny2026-confetti--animation-fast { animation: cny2026-confetti-fast 3s linear 1 forwards; }</style><div id="particle_chinese_new_year_2026"> <canvas id="particle_chinese_new_year_2026_firework"></canvas></div><div id="cny2026_confetti" class="cny2026-confetti-frame"></div><script> (function() { var fireCrackerSrc = '/assets/image/particle/chinese_new_year_2026/fire-cracker.png'; var starburstSrc = '/assets/image/particle/chinese_new_year_2026/starburst.png'; var cloudBaseUrl = '/assets/image/particle/chinese_new_year_2026/cloud-'; function random(min, max) { return Math.random() * (max - min) + min; } function quadraticBezier(t, p0, p1, p2) { var u = 1 - t; var tt = t * t; var uu = u * u; return uu p0 + 2 u t p1 + tt * p2; } function quadraticBezierTangent(t, p0, p1, p2) { var v0 = 2 (1 - t) (p1 - p0); var v1 = 2 t (p2 - p1); return v0 + v1; } function spawnFireCracker() { var W = window.innerWidth; var H = window.innerHeight; var fromLeft = Math.random() < 0.5; var startX = fromLeft ? -40 : W + 40; var startY = random(0.15 H, 0.85 H); var distance = random(120, 380); var endX = fromLeft ? startX + distance : startX - distance; var endY = startY + random(-30, 80); var ctrlX = (startX + endX) / 2; var arcHeight = random(60, 160); var ctrlY = Math.min(startY, endY) - arcHeight; var duration = random(350, 650); var startTime = performance.now(); var initVx = quadraticBezierTangent(0, startX, ctrlX, endX); var initVy = quadraticBezierTangent(0, startY, ctrlY, endY); var initAngle = Math.atan2(initVy, initVx) * 180 / Math.PI; var img = new Image(); img.className = 'cny2026-fire-cracker'; img.src = fireCrackerSrc; img.style.left = '0px'; img.style.top = '0px'; img.style.transform = 'translate(' + (startX - 30) + 'px, ' + (startY - 30) + 'px) rotate(' + initAngle + 'deg) scale(1)'; img.style.opacity = '1'; var container = document.getElementById('particle_chinese_new_year_2026'); container.appendChild(img); var size = 60; function runCurve(now) { var t = (now - startTime) / duration; if (t >= 1) { var finalX = endX; var finalY = endY; var vx = quadraticBezierTangent(1, startX, ctrlX, endX); var vy = quadraticBezierTangent(1, startY, ctrlY, endY); var finalAngle = Math.atan2(vy, vx) * 180 / Math.PI; img.style.transform = 'translate(' + (finalX - size / 2) + 'px, ' + (finalY - size / 2) + 'px) rotate(' + finalAngle + 'deg) scale(1)'; explodeFireCracker(img, finalX, finalY, size, size, finalAngle); return; } var x = quadraticBezier(t, startX, ctrlX, endX); var y = quadraticBezier(t, startY, ctrlY, endY); var vx = quadraticBezierTangent(t, startX, ctrlX, endX); var vy = quadraticBezierTangent(t, startY, ctrlY, endY); var angle = Math.atan2(vy, vx) * 180 / Math.PI; img.style.transform = 'translate(' + (x - size / 2) + 'px, ' + (y - size / 2) + 'px) rotate(' + angle + 'deg) scale(1)'; requestAnimationFrame(runCurve); } requestAnimationFrame(runCurve); } function explodeFireCracker(fireCrackerEl, x, y, imgW, imgH, angleDeg) { angleDeg = angleDeg != null ? angleDeg : 0; showStarburst(x, y); fireCrackerEl.style.transition = 'opacity 0.15s ease-out, transform 0.15s ease-out'; fireCrackerEl.style.opacity = '0'; fireCrackerEl.style.transform = 'translate(' + (x - imgW / 2) + 'px, ' + (y - imgH / 2) + 'px) rotate(' + angleDeg + 'deg) scale(1.3)'; setTimeout(function() { fireCrackerEl.parentNode && fireCrackerEl.parentNode.removeChild(fireCrackerEl); }, 180); } function showStarburst(x, y) { var angle = random(0, 360); var wrap = document.createElement('div'); wrap.className = 'cny2026-starburst-wrap'; wrap.style.left = x + 'px'; wrap.style.top = y + 'px'; wrap.style.transform = 'rotate(' + angle + 'deg)'; var img = new Image(); img.className = 'cny2026-starburst'; img.src = starburstSrc; img.style.transform = 'scale(0)'; img.style.opacity = '0'; img.style.animation = 'none'; wrap.appendChild(img); var container = document.getElementById('particle_chinese_new_year_2026'); container.appendChild(wrap); var burstDuration = 380; requestAnimationFrame(function() { requestAnimationFrame(function() { img.style.animation = 'cny2026-starburst-in ' + (burstDuration / 1000) + 's ease-out forwards'; }); }); setTimeout(function() { if (wrap.parentNode) wrap.parentNode.removeChild(wrap); }, burstDuration + 50); } var scheduleTimeoutId = null; var cloudScheduleTimeoutId = null; function spawnCloud() { if (document.hidden) return; var W = window.innerWidth; var H = window.innerHeight; var fromLeft = Math.random() < 0.5; var cloudNum = 1 + Math.floor(Math.random() * 3); var cloudSrc = cloudBaseUrl + (cloudNum < 10 ? '0' : '') + cloudNum + '.png'; var duration = random(6, 10); var scale = random(0.5, 1.0); var topPercent = random(0, 5); var startX = fromLeft ? -220 : W + 220; var endX = fromLeft ? W + 220 : -220; var img = new Image(); img.className = 'cny2026-cloud'; img.src = cloudSrc; img.style.width = (120 * scale) + 'px'; img.style.top = (H * topPercent / 100) + 'px'; img.style.left = startX + 'px'; img.style.transition = 'left ' + duration + 's linear'; img.style.transform = fromLeft ? 'scaleX(-1)' : 'scaleX(1)'; var container = document.getElementById('particle_chinese_new_year_2026'); container.appendChild(img); requestAnimationFrame(function() { requestAnimationFrame(function() { img.style.left = endX + 'px'; }); }); setTimeout(function() { if (img.parentNode) img.parentNode.removeChild(img); }, duration * 1000 + 100); } function scheduleNextCloud() { if (document.hidden) return; cloudScheduleTimeoutId = null; var delay = random(3000, 5000); cloudScheduleTimeoutId = setTimeout(function() { cloudScheduleTimeoutId = null; spawnCloud(); scheduleNextCloud(); }, delay); } function startCloudLoop() { if (document.hidden) return; spawnCloud(); scheduleNextCloud(); } function scheduleNext() { if (document.hidden) return; scheduleTimeoutId = null; var delay = random(800, 2200); scheduleTimeoutId = setTimeout(function() { scheduleTimeoutId = null; if (document.hidden) return; spawnFireCracker(); scheduleNext(); }, delay); } function startLoop() { if (document.hidden) return; spawnFireCracker(); scheduleNext(); startCloudLoop(); } document.addEventListener('visibilitychange', function() { if (document.hidden) { if (scheduleTimeoutId) { clearTimeout(scheduleTimeoutId); scheduleTimeoutId = null; } if (cloudScheduleTimeoutId) { clearTimeout(cloudScheduleTimeoutId); cloudScheduleTimeoutId = null; } } else { if (!scheduleTimeoutId) { setTimeout(startLoop, 400); } if (!cloudScheduleTimeoutId) { setTimeout(startCloudLoop, 600); } } }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { if (!document.hidden) setTimeout(startLoop, 400); }); } else { if (!document.hidden) setTimeout(startLoop, 400); } })();</script><script> (function() { window.requestAnimFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; })(); var canvas = document.getElementById('particle_chinese_new_year_2026_firework'); if (!canvas) return; var ctx = canvas.getContext('2d'); var cw = window.innerWidth; var ch = window.innerHeight; var fireworks = []; var particles = []; var hue = 120; var timerTotal = 150; var timerTick = 0; canvas.width = cw; canvas.height = ch; function rand(min, max) { return Math.random() * (max - min) + min; } function calculateDistance(p1x, p1y, p2x, p2y) { return Math.sqrt(Math.pow(p1x - p2x, 2) + Math.pow(p1y - p2y, 2)); } function Firework(sx, sy, tx, ty) { this.x = sx; this.y = sy; this.sx = sx; this.sy = sy; this.tx = tx; this.ty = ty; this.distanceToTarget = calculateDistance(sx, sy, tx, ty); this.distanceTraveled = 0; this.coordinates = [ [sx, sy], [sx, sy], [sx, sy] ]; this.angle = Math.atan2(ty - sy, tx - sx); this.speed = 2; this.acceleration = 1.05; this.brightness = rand(50, 70); } Firework.prototype.update = function(index) { this.coordinates.pop(); this.coordinates.unshift([this.x, this.y]); this.speed *= this.acceleration; var vx = Math.cos(this.angle) * this.speed; var vy = Math.sin(this.angle) * this.speed; this.distanceTraveled = calculateDistance(this.sx, this.sy, this.x + vx, this.y + vy); if (this.distanceTraveled >= this.distanceToTarget) { var i = 30; while (i--) particles.push(new Particle(this.tx, this.ty)); fireworks.splice(index, 1); } else { this.x += vx; this.y += vy; } }; Firework.prototype.draw = function() { ctx.beginPath(); ctx.moveTo(this.coordinates[2][0], this.coordinates[2][1]); ctx.lineTo(this.x, this.y); ctx.strokeStyle = 'hsl(' + hue + ', 100%, ' + this.brightness + '%)'; ctx.stroke(); }; function Particle(x, y) { this.x = x; this.y = y; this.coordinates = []; for (var i = 0; i < 5; i++) this.coordinates.push([x, y]); this.angle = rand(0, Math.PI * 2); this.speed = rand(1, 10); this.friction = 0.95; this.gravity = 2; this.hue = rand(hue - 20, hue + 20); this.brightness = rand(50, 80); this.alpha = 1; this.decay = rand(0.015, 0.03); } Particle.prototype.update = function(index) { this.coordinates.pop(); this.coordinates.unshift([this.x, this.y]); this.speed *= this.friction; this.x += Math.cos(this.angle) * this.speed; this.y += Math.sin(this.angle) * this.speed + this.gravity; this.alpha -= this.decay; if (this.alpha <= this.decay) particles.splice(index, 1); }; Particle.prototype.draw = function() { ctx.beginPath(); ctx.moveTo(this.coordinates[4][0], this.coordinates[4][1]); ctx.lineTo(this.x, this.y); ctx.strokeStyle = 'hsla(' + this.hue + ', 100%, ' + this.brightness + '%, ' + this.alpha + ')'; ctx.stroke(); }; function loop() { if (document.hidden) return; requestAnimFrame(loop); hue += 0.5; ctx.globalCompositeOperation = 'destination-out'; ctx.fillStyle = 'rgba(0, 0, 0, 0.5)'; ctx.fillRect(0, 0, cw, ch); ctx.globalCompositeOperation = 'lighter'; for (var i = fireworks.length - 1; i >= 0; i--) { fireworks[i].draw(); fireworks[i].update(i); } for (var i = particles.length - 1; i >= 0; i--) { particles[i].draw(); particles[i].update(i); } if (timerTick >= timerTotal) { fireworks.push(new Firework(cw / 2, ch, rand(0, cw), rand(0, ch / 2))); timerTick = 0; } else { timerTick++; } } function resize() { cw = window.innerWidth; ch = window.innerHeight; canvas.width = cw; canvas.height = ch; } window.addEventListener('resize', resize); document.addEventListener('visibilitychange', function() { if (!document.hidden) requestAnimFrame(loop); }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { resize(); if (!document.hidden) loop(); }); } else { resize(); if (!document.hidden) loop(); } })();</script><script> (function() { var confettiInterval = null; var confettiColors = ['#ff0000', '#ff4d00', '#ffaa00', '#ffd000']; var confettiAnimations = ['slow', 'medium', 'fast']; function createConfetti() { var el = document.getElementById('cny2026_confetti'); if (!el || document.hidden) return; var container = el.querySelector('.cny2026-confetti-container'); if (!container) return; var confettiEl = document.createElement('div'); var size = Math.floor(Math.random() * 3) + 7 + 'px'; var color = confettiColors[Math.floor(Math.random() * confettiColors.length)]; var left = Math.floor(Math.random() * (el.offsetWidth || window.innerWidth)) + 'px'; var anim = confettiAnimations[Math.floor(Math.random() * confettiAnimations.length)]; confettiEl.className = 'cny2026-confetti cny2026-confetti--animation-' + anim; confettiEl.style.left = left; confettiEl.style.width = size; confettiEl.style.height = size; confettiEl.style.backgroundColor = color; container.appendChild(confettiEl); setTimeout(function() { if (confettiEl.parentNode) confettiEl.parentNode.removeChild(confettiEl); }, 4000); } function startConfetti() { var el = document.getElementById('cny2026_confetti'); if (!el || confettiInterval) return; var container = el.querySelector('.cny2026-confetti-container'); if (!container) { container = document.createElement('div'); container.className = 'cny2026-confetti-container'; el.style.position = 'relative'; el.appendChild(container); } confettiInterval = setInterval(createConfetti, 400); } function stopConfetti() { if (confettiInterval) { clearInterval(confettiInterval); confettiInterval = null; } } document.addEventListener('visibilitychange', function() { if (document.hidden) stopConfetti(); else startConfetti(); }); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { if (!document.hidden) startConfetti(); }); } else { if (!document.hidden) startConfetti(); } })();</script><style> .btn-close-announce, .btn-close-announce:hover { position: absolute; bottom: -55px; font-size: 30px; background: transparent !important; color: #fff; text-shadow: 0px 0px 1px rgb(0, 0, 0); border: 0; } .checkbox-wrapper-30 .checkbox { --dur: calc((var(--size, 2)/2) * 0.4s); display: inline-block; width: calc(var(--size, 1) * 22px); position: relative; } .checkbox-wrapper-30 .checkbox:after { content: ""; width: 100%; padding-top: 100%; display: block; } .checkbox-wrapper-30 .checkbox>* { position: absolute; } .checkbox-wrapper-30 .checkbox input { -webkit-appearance: none; -moz-appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; background-color: #fff; border-radius: calc(var(--size, 1) * 4px); border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid; color: var(--newBrdrClr, #fff); outline: none; margin: 0; padding: 0; transition: all calc(var(--dur) / 3) linear; } .checkbox-wrapper-30 .checkbox input:hover, .checkbox-wrapper-30 .checkbox input:checked { --newBrdr: calc(var(--size, 1) * 2); } .checkbox-wrapper-30 .checkbox input:hover { --newBrdrClr: #fff; } .checkbox-wrapper-30 .checkbox input:checked { --newBrdrClr: #fff; transition-delay: calc(var(--dur) /1.3); } .checkbox-wrapper-30 .checkbox input:checked+svg { --dashArray: 16 93; --dashOffset: 109; } .checkbox-wrapper-30 .checkbox svg { fill: none; left: 0; pointer-events: none; stroke: var(--stroke, var(--border-active)); stroke-dasharray: var(--dashArray, 93); stroke-dashoffset: var(--dashOffset, 94); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; top: 0; transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur); } .checkbox-wrapper-30 .checkbox svg, .checkbox-wrapper-30 .checkbox input { display: block; height: 100%; width: 100%; } .annouce-popup-text-check { cursor: pointer; font-size: 15px; } @media (max-width: 1199.98px) { .checkbox-wrapper-30 .checkbox { width: calc(var(--size, 1) * 20px); } .annouce-popup-text-check { font-size: 12px; } } #app-cover { margin-top: 0px; width: 350px; height: 50px; } #player { position: relative; height: 100%; z-index: 3; } #player-track { text-align: left; margin-left: -170px; padding: 13px 22px 10px 184px; border-radius: 15px 15px 0 0; transition: 0.3s ease top; z-index: 1; width: 525px; } #player-track.active #album-name { color: var(--color-main-opa-75); } #album-name { color: var(--color-main); font-size: 17px; font-weight: bold; } #track-name { color: var(--color-main); font-size: 13px; margin: 2px 0 13px 0; } #track-time { height: 12px; margin-bottom: 6px; overflow: hidden; } #current-time { float: left; } #track-length { float: right; } #current-time, #track-length { color: transparent; font-size: 11px; border-radius: 10px; transition: 0.3s ease all; } #track-time.active #current-time, #track-time.active #track-length { color: var(--color-main); } #s-area, #seek-bar { position: relative; height: 6px; border-radius: 4px; } #s-area { background-color: var(--color-main-opa-25); cursor: pointer; } #ins-time { position: absolute; top: -29px; color: var(--color-main); font-size: 12px; white-space: pre; padding: 5px 6px; border-radius: 4px; display: none; } #s-hover { position: absolute; top: 0; bottom: 0; left: 0; opacity: 0.2; z-index: 2; } #ins-time, #s-hover { background-color: transparent; } #seek-bar { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background-color: var(--color-main-opa-75); transition: 0.2s ease width; z-index: 1; } #player-content { position: relative; height: 100%; background-color: var(--color-sub); border-radius: 15px; z-index: 2; } #album-art { position: absolute; top: 15px; right: 0; margin-right: 15px; width: 40px; height: 40px; transform: rotateZ(0); transition: 0.3s ease all; border-radius: 50%; overflow: hidden; } #album-art.active { transform: scale(1.1); } #album-art img { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; } #album-art img.active { opacity: 1; z-index: 1; } #album-art.active img.active { z-index: 1; animation: rotateAlbumArt 3s linear 0s infinite forwards; } @keyframes rotateAlbumArt { 0% { transform: rotateZ(0); } 100% { transform: rotateZ(360deg); } } #buffer-box { position: absolute; top: 50%; right: 0; left: 0; height: 13px; color: var(--color-main); font-size: 15px; border-radius: 15px; text-align: center; font-weight: bold; line-height: 1; padding: 6px; margin: -12px auto 0 auto; background-color: rgba(255, 255, 255, 0.19); opacity: 0; z-index: 2; } #album-art img, #buffer-box { transition: 0.1s linear all; } #album-art.buffering img { opacity: 0.25; } #album-art.buffering img.active { opacity: 0.8; filter: blur(2px); -webkit-filter: blur(2px); } #album-art.buffering #buffer-box { opacity: 1; } #player-controls { margin-top: 5px; width: 100%; height: 100%; overflow: hidden; } .buttonmusic { margin-top: -12px; padding: 25px; width: 30px; background-color: transparent; border-radius: 6px; cursor: pointer; } .buttonmusic i { color: var(--color-main); font-size: 20px; } .buttonmusic, .buttonmusic i { transition: 0.2s ease all; } .buttonmusic:hover i { color: var(--color-main-opa-75); transform: scale(1.2); }</style><!--------------------------------------- INTRO ---------------------------------------> <!-- ------------------------------------- BANNER SLIDE ------------------------------------- --> <div class="container-sm px-3 pb-0 mt-3" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="row justify-content-center"> <div class="col-sm-12 col-lg-11 mb-2"> <div id="carousel-image-slide" class="carousel slide" data-bs-ride="carouselExampleAutoplaying"> <div class="carousel-inner" style="border-radius: 1vh;"> <a href="#" class="carousel-item active"> <img class="d-block w-100" src="https://i.postimg.cc/SNHNKyCP/banner-realshi1.png" target="_blank" draggable="false" style="border-radius: 1vh;"> </a> </div> <a class="carousel-control-prev" href="#carousel-image-slide" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">ย้อนกลับ</span> </a> <a class="carousel-control-next" href="#carousel-image-slide" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">ถัดไป</span> </a> </div> </div> </div> </div> <!-- ------------------------------------- ANNOUNCE LINE ------------------------------------- --> <!-- ------------------------------------- STATIC BOX ------------------------------------- --> <div class="container-sm p-0 px-3 px-lg-4 mt-2" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="row justify-content-center"> <div class="col-sm-12 col-lg-11 px-0 row justify-content-center align-items-center"> <div class="static-count-v1 col-5 col-sm-6 col-lg px-3 py-2 m-1"> <div class="d-flex justify-content-between align-items-center"> <div class="mt-2"> <p class="text-theme text-left m-0 mb-2" style="font-size: 14px;">ผู้ใช้งาน</p> <div class="d-flex justify-content-start align-items-center" style="margin-top: -22px;"> <p class="static-text-number-v1 text-main text-left m-0 p-0" id="static_1"><span class="fa-duotone fa-solid fa-spinner-third fa-spin mt-2" style="font-size: 34px;"></span></p> <small class="text-theme mt-3"> คน</small> </div> </div> <div style="position: absolute; right: 5%;"> <i class="fa-regular fa-user"></i> </div> </div></div><div class="static-count-v1 col-5 col-sm-6 col-lg px-3 py-2 m-1"> <div class="d-flex justify-content-between align-items-center"> <div class="mt-2"> <p class="text-theme text-left m-0 mb-2" style="font-size: 14px;">สต็อก</p> <div class="d-flex justify-content-start align-items-center" style="margin-top: -22px;"> <p class="static-text-number-v1 text-main text-left m-0 p-0" id="static_3"><span class="fa-duotone fa-solid fa-spinner-third fa-spin mt-2" style="font-size: 34px;"></span></p> <small class="text-theme mt-3"> ชิ้น</small> </div> </div> <div style="position: absolute; right: 5%;"> <i class="fa-regular fa-box-circle-check"></i> </div> </div></div><div class="static-count-v1 col-5 col-sm-6 col-lg px-3 py-2 m-1"> <div class="d-flex justify-content-between align-items-center"> <div class="mt-2"> <p class="text-theme text-left m-0 mb-2" style="font-size: 14px;">จำนวนหมวดหมู่</p> <div class="d-flex justify-content-start align-items-center" style="margin-top: -22px;"> <p class="static-text-number-v1 text-main text-left m-0 p-0" id="static_4"><span class="fa-duotone fa-solid fa-spinner-third fa-spin mt-2" style="font-size: 34px;"></span></p> <small class="text-theme mt-3"> ครั้ง</small> </div> </div> <div style="position: absolute; right: 5%;"> <i class="fa-light fa-bags-shopping"></i> </div> </div></div> <script> $.ajax({ type: 'POST', url: '/services/serverside/home_static.php', contentType: false, processData: false, }).done(function(res) { res.forEach(function(item) { $("#static_" + item.id).html(item.amount) }) }).fail(function(res) { console.log(res) }) </script> </div> </div> </div> <!-- ------------------------------------- HELP BUTTON ------------------------------------- --> <div class="container-sm p-0 px-3 mt-2" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="row justify-content-center"> <div class="col-sm-12 col-lg-11 px-3 row justify-content-center align-items-center"> <a class="col-6 col-lg-3 btn-help m-0 p-1 p-lg-2" href="https://realshi.rexzy.xyz/shop/category"> <img src="https://i.postimg.cc/Pr1rNgyT/UI-realshinew1.png" draggable="false"> </a> <a class="col-6 col-lg-3 btn-help m-0 p-1 p-lg-2" href="https://realshi.rexzy.xyz/topup"> <img src="https://i.postimg.cc/CdTtW6n4/UI-realshinew2.png" draggable="false"> </a> <a class="col-6 col-lg-3 btn-help m-0 p-1 p-lg-2" href="https://realshi.rexzy.xyz/profile/history/shop"> <img src="https://i.postimg.cc/JhPfGqSw/UI-realshinew3.png" draggable="false"> </a> <a class="col-6 col-lg-3 btn-help m-0 p-1 p-lg-2" href="https://www.instagram.com/realshishop_?igsh=dDhrNTF3Z3c5bmR3"> <img src="https://i.postimg.cc/pT1M1ZBQ/UI-realshinew4.png" draggable="false"> </a> </div> </div> </div> <!-- ------------------------------------- LAST ORDER ------------------------------------- --> <style> .last-order { overflow: hidden; white-space: nowrap; border-radius: 10px; border: 1px solid var(--color-main-opa-25); position: relative; } .last-order-track { display: inline-flex; animation: last-order-scroll 60s linear infinite; width: max-content; } .last-order-track:hover { animation-play-state: paused; } @keyframes last-order-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .last-order-item { background-color: var(--color-main-opa-15); border-radius: 10px; width: fit-content; height: fit-content; display: inline-block; white-space: nowrap; transition: all 0.5s; } .last-order-item:hover { transform: scale(0.9); } </style> <div class="container-sm p-0 px-3 mt-2" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="row justify-content-center"> <div class="col-sm-12 col-lg-11"> <div class="text-left mb-0"> <h5 class="text-main mt-2 mb-0">รายการสั่งซื้อล่าสุด</h5> <h6 class="text-theme mb-0">Latest Order List</h6> </div> <div class="last-order py-1 px-0 mb-1 mt-0"> <div id="last-order-track" class="last-order-track d-flex"> <div id="last-order-list" class="d-flex"></div> <div id="last-order-list-copy" class="d-flex"></div> </div> </div> <script> $.ajax({ type: 'POST', url: '/services/serverside/last_order.php', contentType: false, processData: false, }).done(function(res) { const last_list = [ ...res.last_order_10.peamsub24hr_app_premium_history.map(item => ({ ...item, history: "peamsub24hr_app_premium_history" })), ...res.last_order_10.special_history.map(item => ({ ...item, history: "special_history" })), ...res.last_order_10.service_order.map(item => ({ ...item, history: "service_order" })), ...res.last_order_10.shop_history.map(item => ({ ...item, history: "shop_history" })), ...res.last_order_10.minigame_history.map(item => ({ ...item, history: "minigame_history" })), ...res.last_order_10.wepay_cash_card_history.map(item => ({ ...item, history: "wepay_cash_card_history" })), ...res.last_order_10.wepay_game_history.map(item => ({ ...item, history: "wepay_game_history" })), ...res.last_order_10.wepay_mobile_history.map(item => ({ ...item, history: "wepay_mobile_history" })), ]; const sortedData = last_list .map(item => ({ ...item, timestamp: new Date(item.date).getTime() })) .sort((a, b) => b.timestamp - a.timestamp); sortedData.slice(0, 10).forEach((item) => { const orderItem = document.createElement("a"); orderItem.className = "last-order-item d-flex px-1 py-1 mx-1"; orderItem.target = "_blank"; if (item.history == "peamsub24hr_app_premium_history") { item.history = "แอปพรีเมี่ยม"; orderItem.href = "#"; } else if (item.history == "special_history") { item.history = "สินค้าพิเศษ"; orderItem.href = /special/product/${btoa(item.product_id)}; } else if (item.history == "service_order") { item.history = "สินค้าออเดอร์"; orderItem.href = "#"; } else if (item.history == "shop_history") { item.history = "สินค้าทั่วไป"; orderItem.href = /shop/product/${btoa(item.product_id)}; } else if (item.history == "minigame_history") { item.history = "มินิเกม"; orderItem.href = item.product_id ? /${item.type.replace(/_/g, '-')}/${btoa(item.product_id)} : null; } else if (item.history == "wepay_cash_card_history") { item.history = "บัตรเติมเงิน"; orderItem.href = "#"; } else if (item.history == "wepay_game_history") { item.history = "เติมเกม"; orderItem.href = "#"; } else if (item.history == "wepay_mobile_history") { item.history = "เติมเงินมือถือ"; orderItem.href = "#"; } orderItem.innerHTML = ` <img src="${item.icon}" style="position: absolute; max-width: 20px; border-radius: 100%;"> <img src="${item.img}" style="width: 76px; height: 76px; border-radius: 10px;"> <div class="row justify-content-start align-items-between text-start ms-1" style="width: 150px;"> <div class="row justify-content-start align-items-start ps-3"> <p class="text-main m-0 p-0" style="font-size: 14px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"> ${item.product_name} </p> <p class="text-theme p-0" style="font-size: 12px; margin-top: -5px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;"> ${new Date(item.date).toLocaleString("th-TH", { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' })} </p> </div> <div class="d-flex justify-content-center align-items-center w-100 m-0 p-0" style="margin-left: -10px !important;"> <div class="custom-badge-success m-0 py-1 px-3" style="width: fit-content;"> ${item.history} </div> </div> </div> `; document.getElementById("last-order-list").appendChild(orderItem); }); // โคลนรายการเพื่อให้ animation เลื่อนซ้ำแบบไม่สะดุด (ใช้ -50% ใน keyframes) var list = document.getElementById("last-order-list"); var copy = document.getElementById("last-order-list-copy"); if (list && copy) copy.innerHTML = list.innerHTML; }).fail(function(res) { console.log(res) }) </script> </div> </div> </div> <!-- ------------------------------------- RECOMMANDED ------------------------------------- --> <div class="container-sm p-0 px-3 mt-2" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="row justify-content-center px-0"> <div class="col-sm-12 col-lg-11 px-3 mb-5"> <div class="m-0 p-0 mb-2" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="d-flex justify-content-between align-items-center m-0"> <div class="d-flex justify-content-start align-items-center"> <i class="fa-duotone fa-solid fa-basket-shopping text-main me-2" style="font-size: 23px;"></i> <div class="text-left"> <p class="text-main m-0" style="font-size: 15px;">สินค้าทั่วไป</p> <p class="text-theme mb-0" style="font-size: 13px; margin-top: -6px;">สินค้าแนะนำสำหรับคุณ</p> </div> </div> <a class="m-0" href="/shop/category"><button class="btn btn-theme border text-center px-2">ดูเพิ่มเติม</button></a> </div> </div> <center> <div class="row justify-content-lg-start"> <a class="col-12 col-lg-6 mb-3" href="/shop/category/MzI=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/wvSgj2s7/banner-realshi2.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 โปรแกรมช่วยเล่น ฟีฟาย</h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/MzM=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/0y8xjbrS/banner-realshi3.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม delta force </h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/MzU=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/nLrJKg4X/banner-realshi4.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม pubg mobile </h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/MzQ=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/T1Mv6PZ5/banner-realshi5.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม call of duty mobile</h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/Mzk=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/6qrHQM71/banner-realshi8.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม ROV mobile</h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/Mzc=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="best-seller-tag" src="https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/hot-1775048785.webp"> <img class="category-img" src="https://i.postimg.cc/4N1kDswQ/banner-realshi7.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 ID ไก่โค้ดเซิฟไทย</h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">0 หมวดหมู่ 8 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">3 - 150</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/Mzg=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/63DSq7M1/banner-realshi9.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 โปรแกรมช่วยเล่น ฟีฟาย PC</h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">0 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a><a class="col-12 col-lg-6 mb-3" href="/shop/category/MzY=" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0" style="text-decoration: none;"> <div class="product-category-v1 bg-dark"> <img class="category-img" src="https://i.postimg.cc/xjMSPKzB/banner-realshi6.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 8 ball pool</h5> <div class="row justify-content-center align-items-center m-0 mb-1"> <p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่ 0 สินค้า</p> <p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p> </div> </div></a> </div> </center> <center> <div class="row-product-card justify-content-lg-start"> <a class="product-item-md product-filter" href="/shop/product/MTY=" style="text-decoration: none; " data-sort-name-product=" 🛒 ใบรับรอง Gbox V2 ! IOS " data-sort-price-product="250" data-sort-sell-product="256" data-sort-stock-product="6" data-sort-status-product="true" data-sort-date-product="1770060561" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://img2.pic.in.th/746.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 "> 🛒 ใบรับรอง Gbox V2 ! IOS </h5> <p class="product-price text-main text-center m-0 mb-1 "> 250฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 6 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTg=" style="text-decoration: none; " data-sort-name-product="• 🛒Fluorite 1 วัน + Gbox iOS v2 " data-sort-price-product="300" data-sort-sell-product="43" data-sort-stock-product="17" data-sort-status-product="true" data-sort-date-product="1770060770" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://img2.pic.in.th/57fe94668cd7f1f6e8.png"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒Fluorite 1 วัน + Gbox iOS v2 </h5> <p class="product-price text-main text-center m-0 mb-1 "> 300฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 17 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTA=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร Fluorite 1 วัน ! IOS " data-sort-price-product="100" data-sort-sell-product="1161" data-sort-stock-product="30" data-sort-status-product="true" data-sort-date-product="1770058923" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/kXhd2Wcc/we-p-REALSHI-SHOP-29-1r3.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร Fluorite 1 วัน ! IOS </h5> <p class="product-price text-main text-center m-0 mb-1 "> 100฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 30 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTE=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร Fluorite 7 วัน ! IOS" data-sort-price-product="450" data-sort-sell-product="46" data-sort-stock-product="2" data-sort-status-product="true" data-sort-date-product="1770058951" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/kXhd2Wcc/we-p-REALSHI-SHOP-29-1r3.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร Fluorite 7 วัน ! IOS</h5> <p class="product-price text-main text-center m-0 mb-1 "> 450฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 2 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTI=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร Fluorite 31 วัน ! IOS " data-sort-price-product="750" data-sort-sell-product="56" data-sort-stock-product="2" data-sort-status-product="true" data-sort-date-product="1770059104" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/kXhd2Wcc/we-p-REALSHI-SHOP-29-1r3.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร Fluorite 31 วัน ! IOS </h5> <p class="product-price text-main text-center m-0 mb-1 "> 750฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 2 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTM=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร IDENTIC IOS 1 วัน ! ตัวใหม่ " data-sort-price-product="70" data-sort-sell-product="281" data-sort-stock-product="45" data-sort-status-product="true" data-sort-date-product="1770059229" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/YCyynYHZ/IMG-20260625-210346-651.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC IOS 1 วัน ! ตัวใหม่ </h5> <p class="product-price text-main text-center m-0 mb-1 "> 70฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 45 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTQ=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร IDENTIC IOS 7 วัน ! ตัวใหม่ " data-sort-price-product="350" data-sort-sell-product="16" data-sort-stock-product="1" data-sort-status-product="true" data-sort-date-product="1770059346" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/YCyynYHZ/IMG-20260625-210346-651.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC IOS 7 วัน ! ตัวใหม่ </h5> <p class="product-price text-main text-center m-0 mb-1 "> 350฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 1 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTU=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร IDENTIC IOS 31 วัน ! ตัวใหม่ " data-sort-price-product="500" data-sort-sell-product="13" data-sort-stock-product="1" data-sort-status-product="true" data-sort-date-product="1770060462" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/YCyynYHZ/IMG-20260625-210346-651.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC IOS 31 วัน ! ตัวใหม่ </h5> <p class="product-price text-main text-center m-0 mb-1 "> 500฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 1 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjI1" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร IDENTIC PRO 1 วัน ! ตัวใหม่" data-sort-price-product="100" data-sort-sell-product="6" data-sort-stock-product="24" data-sort-status-product="true" data-sort-date-product="1782396557" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="new-product-tag" src="https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/new-1775048784.webp"> <img class="product-img " src="https://i.postimg.cc/sDHcszN7/IMG-20260625-210351-352.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC PRO 1 วัน ! ตัวใหม่</h5> <p class="product-price text-main text-center m-0 mb-1 "> 100฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 24 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjI2" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร IDENTIC PRO 7 วัน ! ตัวใหม่" data-sort-price-product="400" data-sort-sell-product="0" data-sort-stock-product="3" data-sort-status-product="true" data-sort-date-product="1782493372" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="new-product-tag" src="https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/new-1775048784.webp"> <img class="product-img " src="https://i.postimg.cc/sDHcszN7/IMG-20260625-210351-352.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC PRO 7 วัน ! ตัวใหม่</h5> <p class="product-price text-main text-center m-0 mb-1 "> 400฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 3 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjI3" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร IDENTIC PRO 31 วัน ! ตัวใหม่" data-sort-price-product="600" data-sort-sell-product="0" data-sort-stock-product="3" data-sort-status-product="true" data-sort-date-product="1782493467" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="new-product-tag" src="https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/new-1775048784.webp"> <img class="product-img " src="https://i.postimg.cc/sDHcszN7/IMG-20260625-210351-352.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC PRO 31 วัน ! ตัวใหม่</h5> <p class="product-price text-main text-center m-0 mb-1 "> 600฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 3 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjA1" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร PROXY [B-GOD] 1 วัน" data-sort-price-product="35" data-sort-sell-product="225" data-sort-stock-product="25" data-sort-status-product="true" data-sort-date-product="1779530441" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Jtw2vzCY/we-p-REALSHI-SHOP-23-5-69-112.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 1 วัน</h5> <p class="product-price text-main text-center m-0 mb-1 "> 35฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 25 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjA2" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร PROXY [B-GOD] 3 วัน" data-sort-price-product="70" data-sort-sell-product="65" data-sort-stock-product="13" data-sort-status-product="true" data-sort-date-product="1779530466" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Jtw2vzCY/we-p-REALSHI-SHOP-23-5-69-112.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 3 วัน</h5> <p class="product-price text-main text-center m-0 mb-1 "> 70฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 13 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjA3" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร PROXY [B-GOD] 7 วัน" data-sort-price-product="120" data-sort-sell-product="16" data-sort-stock-product="14" data-sort-status-product="true" data-sort-date-product="1779530596" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Jtw2vzCY/we-p-REALSHI-SHOP-23-5-69-112.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 7 วัน</h5> <p class="product-price text-main text-center m-0 mb-1 "> 120฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 14 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjA4" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร PROXY [B-GOD] 30 วัน" data-sort-price-product="280" data-sort-sell-product="3" data-sort-stock-product="2" data-sort-status-product="true" data-sort-date-product="1779530629" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Jtw2vzCY/we-p-REALSHI-SHOP-23-5-69-112.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 30 วัน</h5> <p class="product-price text-main text-center m-0 mb-1 "> 280฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 2 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MTk=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร DRIP CLIENT 1 วัน ! Android " data-sort-price-product="50" data-sort-sell-product="777" data-sort-stock-product="33" data-sort-status-product="true" data-sort-date-product="1770060897" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Z5JHMwdf/we-p-REALSHI-SHOP-27-04-69-111-ss6.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 1 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 50฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 33 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjA=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร DRIP CLIENT 7 วัน ! Android " data-sort-price-product="200" data-sort-sell-product="31" data-sort-stock-product="1" data-sort-status-product="true" data-sort-date-product="1770061022" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Z5JHMwdf/we-p-REALSHI-SHOP-27-04-69-111-ss6.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 7 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 200฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 1 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjE=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร DRIP CLIENT 15 วัน ! Android " data-sort-price-product="300" data-sort-sell-product="11" data-sort-stock-product="1" data-sort-status-product="true" data-sort-date-product="1770061058" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Z5JHMwdf/we-p-REALSHI-SHOP-27-04-69-111-ss6.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 15 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 300฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 1 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjI=" style="text-decoration: none; " data-sort-name-product="• 🛒 โปร DRIP CLIENT 30 วัน ! Android " data-sort-price-product="500" data-sort-sell-product="7" data-sort-stock-product="2" data-sort-status-product="true" data-sort-date-product="1770061085" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/Z5JHMwdf/we-p-REALSHI-SHOP-27-04-69-111-ss6.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 30 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 500฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 2 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjM=" style="text-decoration: none; " data-sort-name-product=" • 🛒 โปร HG CHEAT 1 วัน ! Android " data-sort-price-product="50" data-sort-sell-product="331" data-sort-stock-product="28" data-sort-status-product="true" data-sort-date-product="1770061167" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/vT1L5KCv/we-p-REALSHI-SHOP-27-04-69-111-ss4.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 "> • 🛒 โปร HG CHEAT 1 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 50฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 28 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjQ=" style="text-decoration: none; " data-sort-name-product=" • 🛒 โปร HG CHEAT 10 วัน ! Android " data-sort-price-product="200" data-sort-sell-product="18" data-sort-stock-product="2" data-sort-status-product="true" data-sort-date-product="1770061215" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/vT1L5KCv/we-p-REALSHI-SHOP-27-04-69-111-ss4.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 "> • 🛒 โปร HG CHEAT 10 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 200฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 2 ชิ้น </p> </div> </div></a><a class="product-item-md product-filter" href="/shop/product/MjU=" style="text-decoration: none; " data-sort-name-product=" • 🛒 โปร HG CHEAT 30 วัน ! Android " data-sort-price-product="350" data-sort-sell-product="7" data-sort-stock-product="1" data-sort-status-product="true" data-sort-date-product="1770061258" data-aos="fade-up" data-aos-duration="800" data-aos-offset="0"> <div class="product-v1 bg-dark"> <img class="product-img " src="https://i.postimg.cc/vT1L5KCv/we-p-REALSHI-SHOP-27-04-69-111-ss4.jpg"> <div class="view-label d-flex justify-content-center align-items-center p-2 px-4"> <h6 class="m-0">ดูรายละเอียด</h6> </div> <div class="px-2 m-0"> <h5 class="product-name text-theme text-left m-0 "> • 🛒 โปร HG CHEAT 30 วัน ! Android </h5> <p class="product-price text-main text-center m-0 mb-1 "> 350฿ </p> <div class="btn btn-main text-center w-100" style="border-radius: 10px;"> สั่งซื้อ <i class="fa-duotone fa-solid fa-cart-shopping"></i> </div> <p class="text-theme text-center m-0 mt-1" style="font-size: 12px;"> <i class="fa-duotone fa-solid fa-box-circle-check"></i> คงเหลือ 1 ชิ้น </p> </div> </div></a> </div> </center> </div> </div> </div> <!-- ------------------------------------- ANNOUNCE LIST ------------------------------------- --> <div class="modal fade" id="announce_popup_4" tabindex="-1" aria-labelledby="announce_popup_4" aria-modal="true" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" style="background-color: transparent;"> <div class="modal-body p-0 mb-0"> <img src="https://i.postimg.cc/Y9hKhBks/khelm.png" class="d-block w-100" style="border-radius: 1vh; margin-bottom: -10px"> <div class="row justify-content-start align-items-center " style="position: absolute; margin-top: -23px; margin-left: -5px;"> <div class="col-1 m-0 checkbox-wrapper-30"> <span class="checkbox"> <input id="not_show_annouce_popup_4" style="box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 6px; background-color: var(--color-main) !important;" type="checkbox"> <svg> <use xlink:href="#checkbox-30" class="checkbox"></use> </svg> </span> <svg xmlns="http://www.w3.org/2000/svg" style="display:none"> <symbol id="checkbox-30" viewBox="0 0 22 22"> <path fill="none" stroke="#fff" d="M5.5,11.3L9,14.8L20.2,3.3l0,0c-0.5-1-1.5-1.8-2.7-1.8h-13c-1.7,0-3,1.3-3,3v13c0,1.7,1.3,3,3,3h13 c1.7,0,3-1.3,3-3v-13c0-0.4-0.1-0.8-0.3-1.2"></path> </symbol> </svg> </div> <p class="text-white col mb-1 ms-3 p-0 annouce-popup-text-check" style="text-shadow: 0px 0px 6px rgb(0, 0, 0);" onclick="check_not_show_annouce_popup(4)">ไม่แสดงอีกเป็นเวลา 1 ชั่วโมง</p> </div> <center> <button type="button" class="btn-close-announce p-0 m-0" data-bs-dismiss="modal" aria-label="Close"><i class="fa-duotone fa-solid fa-xmark"></i></button> </center> </div> </div> </div> </div> <div id="custom_backdrop" class="modal-backdrop show" hidden></div> <script> let close_popup = 0; let all_popup = 1; async function Announce_Popup() { $('#announce_popup_4').modal({ backdrop: false }); $('#announce_popup_4').modal("show"); $("#announce_popup_4").on('hide.bs.modal', function() { close_popup++ var not_show_announce_popup = document.getElementById('not_show_annouce_popup_4'); if (not_show_announce_popup.checked) { const now = new Date(); now.setHours(now.getHours() + 1); document.cookie = 'hide_announce_popup_4=; expires=' + now.toUTCString() + '; path=/'; } if (close_popup >= all_popup) { $('#custom_backdrop').attr('hidden', 'hidden'); } }); if (close_popup >= all_popup) { $('#custom_backdrop').attr('hidden', 'hidden'); } } $(window).on('load', function() { $('#custom_backdrop').removeAttr('hidden'); Announce_Popup() }); function check_not_show_annouce_popup(id) { var not_show_announce_popup = document.getElementById('not_show_annouce_popup_' + id); if (not_show_announce_popup.checked) { not_show_announce_popup.checked = false; } else { not_show_announce_popup.checked = true; } } </script> <style> .hidden-input-auto-fill { opacity: 0 !important; width: 0px !important; height: 0px !important; z-index: 0 !important; } </style> <input type="text" class="hidden-input-auto-fill"> <style> .footer { position: relative; width: 100%; margin-top: 300px; min-height: 100px; padding-top: 20px; padding-bottom: 10px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; } .wave { position: absolute; top: -100px; left: 0; width: 100%; height: 100px; background: url("https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/wave-1775064714.webp"); background-size: 1000px 100px; } .wave#wave1 { z-index: 2; opacity: 1; bottom: 0; animation: animateWaves 4s linear infinite; } .wave#wave2 { z-index: 1; opacity: 0.5; bottom: 10px; animation: animate 4s linear infinite !important; } .wave#wave3 { z-index: 2; opacity: 0.2; bottom: 15px; animation: animateWaves 3s linear infinite; } .wave#wave4 { z-index: 1; opacity: 0.7; bottom: 20px; animation: animate 3s linear infinite; } .footer { position: relative; width: 100%; background: #171717; min-height: 100px; padding: 20px 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .wave { position: absolute; top: -100px; left: 0; width: 100%; height: 100px; background: url("https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/wave3bb0e6cf2fda54eb-1775064716.webp"); background-size: 1000px 100px; } @keyframes animateWaves { 0% { background-position-x: 1000px; } 100% { background-positon-x: 0px; } } @keyframes animate { 0% { background-position-x: -1000px; } 100% { background-positon-x: 0px; } } </style> <footer class="footer shadow"> <div class="waves"> <div class="wave" id="wave1"></div> <div class="wave" id="wave2"></div> <div class="wave" id="wave3"></div> <div class="wave" id="wave4"></div> </div> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-lg-4 text-center mb-3"> <img style="animation: bounce-3 1s infinite" src="https://i.postimg.cc/Y21JFtcB/Logo-realshi1.png" width="200"> <br> <h5 class="text-main" style="animation: bounce 1s infinite">REALSHI SHOP</h5> <h6 class="text-main" style="animation: bounce 1s infinite">🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire </h6> </div> <div class="col-12 col-lg-2 mb-3 justify-content-center"> <h5 class="text-main">เมนูหลัก</h5> <div class="text-left mb-2"> <a href="/home" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-house text-main icon-white"></i> หน้าหลัก</a> </div> <div class="text-left mb-2"> <a href="/shop/category" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-store text-main icon-white"></i> สินค้าทั่วไป</a> </div> <div class="text-left mb-2"> <a href="/service/category" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-basket-shopping text-main icon-white"></i> สินค้าออเดอร์</a> </div> <div class="text-left mb-2"> <a href="/topup" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-wallet text-main icon-white"></i> เติมเงิน</a> </div> <div class="text-left mb-2"> <a href="/contact" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-headset text-main icon-white"></i> ติดต่อเรา</a> </div> </div> <div class="col-12 col-lg-2 mb-3 justify-content-center"> <h5 class="text-main">ประวัติต่างๆ</h5> <div class="text-left mb-2"> <a href="/profile/history/shop" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-store"></i> ประวัติการซื้อสินค้า</a> </div> <div class="text-left mb-2"> <a href="/profile/history/minigame" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-dice"></i> ประวัติการเล่นมินิเกม</a> </div> <div class="text-left mb-2"> <a href="/profile/history/true-money-wallet-gift" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-wallet"></i> ประวัติการเติมซองอังเปา</a> </div> <div class="text-left mb-2"> <a href="/profile/history/bank/slip" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-piggy-bank"></i> ประวัติการเติมเงินธนาคาร</a> </div> <div class="text-left mb-2"> <a href="/profile/history/code" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-gift"></i> ประวัติการเติมโค้ด</a> </div> </div> <div class="col-12 col-lg-4 text-center mb-3"> <script async="" defer="" crossorigin="anonymous" src="https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v16.0" nonce="ExHRiLWq" type="text/javascript"></script> <center> <div class="fb-page mb-3" data-href="https://www.facebook.chttps://www.facebook.com/share/1F88sZpi4j/om/profile" data-width="285" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"></div> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v16.0" nonce="ExHRiLWq"></script> <script> $(document).ready(() => { let target = $(".fb-page span iframe"); target.addClass("d-none"); }) </script> </center> </div> </div> <div class="d-flex justify-content-start text-left" style="font-size: 3.5px;"> <a href="https://rexzy.shop/" style="color: transparent;">เช่าเว็บไซต์เริ่มต้น 149 บาท</a> <a href="https://loma.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://chalam.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://froggy.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://raccoon.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://foxy.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://tigabux.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://wazabi.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://wazabi.online/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://iceblox.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> <a href="https://iceblox.online/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a> </div> <center style="font-size: 14px;"> <p class="m-0 mb-1 text-main"><strong class="text-main"><i class="fa-duotone fa-solid fa-copyright text-main"></i> 2024 REALSHI SHOP, All right reserved.</strong></p> <p class="m-0 text-main"><i class="fa-duotone fa-solid fa-cog fa-spin text-main"></i> Rexzy Studio.<a href="https://discord.gg/rexzy2" style="text-decoration: none;color: #39b3fe"> ติดต่อเจ้าของร้านไม่ได้ / แจ้งปัญหาร้านค้าโกง</a></small> </center> </div> </footer> <div class="modal fade" id="backend_pin" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content bg-dark"> <div class="py-2 modal-header justify-content-end align-items-center"> <button type="button" class="p-0 m-0 btn btn-transparent" data-bs-dismiss="modal" aria-label="Close"><i class="fa-duotone fa-solid fa-xmark" style="font-size: 22px;"></i></button> </div> <div class="text-center modal-body"> <div class="justify-content-center align-items-center"> <h3 class="text-theme"><i class="fa-duotone fa-solid fa-lock-keyhole fa-4x"></i></h3> <h2 class="text-theme">กรุณากรอกรหัส PIN 6 หลัก</h2> <p class="text-theme">เพื่อเข้าหน้าจัดการหลังบ้าน</p> </div> <style> .pin-code { padding: 0; margin: 0 auto; display: flex; justify-content: center; } .pin-code input { border: none; text-align: center; width: 48px; height: 48px; font-size: 36px; background-color: #ebebeb !important; border-radius: 10px; margin-right: 5px; color: var(--color-main); } .pin-code input:focus { border: 1px solid var(--color-main); outline: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } </style> <div class="mb-4 pin-code"> <input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1"> <input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1"> <input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1"> <input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1"> <input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1"> <input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1"> </div> </div> <div class="modal-footer justify-content-center"> <button type="button" class="btn btn-main w-100" id="backend_pin_button"><i class="fa-duotone fa-solid fa-check"></i> ยืนยัน</button> </div> </div> </div> </div> <script> var pinContainer = document.querySelector(".pin-code"); pinContainer.addEventListener('keyup', function(event) { if (event.key !== "Enter") { var target = event.srcElement; var maxLength = parseInt(target.attributes["maxlength"].value, 10); var myLength = target.value.length; if (myLength >= maxLength) { var next = target; while (next = next.nextElementSibling) { if (next == null) break; if (next.tagName.toLowerCase() == "input") { next.focus(); break; } } } if (myLength === 0) { var next = target; while (next = next.previousElementSibling) { if (next == null) break; if (next.tagName.toLowerCase() == "input") { next.focus(); break; } } } } }, false); pinContainer.addEventListener('keydown', function(event) { if (event.key !== "Enter") { var target = event.srcElement; target.value = ""; } if (event.key == "Enter") { $("#backend_pin_button").click() } }, false); $("#backend_pin_button").click(function() { var pin = "" document.querySelectorAll('.pin-code input').forEach(input => { pin = pin + input.value }); var formData = new FormData(); formData.append('pin', pin); $.ajax({ type: 'POST', url: '/services/backend_pin.php', data: formData, contentType: false, processData: false, }).done(function(res) { window.location = "/backend/info/expire"; }).fail(function(res) { console.log(res) res = JSON.parse(res.responseText); Notification_Send({ icon: 'error', title: 'เกิดข้อผิดพลาด', text: res.message, showConfirmButton: false, showCancelButton: true, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ตกลง', cancelButtonText: 'ปิด', }) $('#backend_pin_button').removeAttr('disabled'); }); }); </script> <div class="modal fade" id="report_menu" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content bg-dark"> <div class="modal-header d-flex justify-content-between align-items-center py-2"> <i class="text-theme fa-duotone fa-solid fa-flag"></i> <div class="row text-center justify-content-center align-items-center"> <h5 class="text-main m-0 p-0">รายงาน</h5> <small class="text-theme m-0 p-0" style="margin-top: -3px !important;">Report</small> </div> <button type="button" class="btn btn-transparent m-0 p-0" data-bs-dismiss="modal" aria-label="Close"><i class="fa-duotone fa-solid fa-xmark" style="font-size: 22px;"></i></button></div> <div class="modal-body"> <div class="mb-2"> <p class="mb-1 text-theme">ประเภท <span class="text-danger">*</span></p> <select class="form-control" id="modal_report_menu_type"> <option value="" hidden selected>เลือกประเภท</option> </select> </div> <div class="mb-2"> <p class="mb-1 text-theme">หัวข้อ <span class="text-danger">*</span></p> <input type="text" id="modal_report_menu_title" class="form-control"> </div> <div class="mb-2"> <p class="mb-1 text-theme">รายละอียด <span class="text-danger">*</span></p> <textarea class="form-control" id="modal_report_menu_description" cols="30" rows="2"></textarea> </div> <div class="mb-2"> <p class="mb-1 text-theme">ช่องทางการติดต่อเพิ่มเติม <span class="text-danger">ไม่จำเป็น</span></p> <input type="text" id="modal_report_menu_contact" class="form-control"> </div> <div class="mb-2"> <div class="row justify-content-center align-items-center"> <p class="mb-1 text-center text-theme">รูปภาพ <span class="text-danger">ขนาดไม่เกิน 10mb (ไม่จำเป็น)</span></p> <div class="d-flex justify-content-center"> <div class="upload-btn-wrapper"> <button class="btn-upload"> <img id="report_image_scanner" style="max-width: 50px;" src="https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/401061-1775064393.webp"> </button> <input type="file" id="modal_report_menu_image" accept="image/*"> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-success" id="report_send" onclick="report()"><i class="fa-duotone fa-solid fa-floppy-disk"></i> ส่ง</button> </div> </div> </div> </div> <script> $('#modal_report_menu_image').change(function() { const input = this; const url = $(this).val(); const ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase(); if (input.files && input.files[0] && (ext === "png" || ext === "jpeg" || ext === "jpg" || ext === "webp" || ext === "gif")) { const file = input.files[0]; const reader = new FileReader(); if (file.size <= 10485760) { reader.onload = function(event) { const imageDataUrl = event.target.result; document.getElementById('report_image_scanner').src = imageDataUrl; }; reader.readAsDataURL(file); } else { Notification_Send({ icon: 'error', title: 'เกิดข้อผิดพลาด', text: "ไฟล์รูปภาพมีขนาดเกิน 10 MB", showConfirmButton: false, showCancelButton: true, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ตกลง', cancelButtonText: 'ปิด', }); } } else { Notification_Send({ icon: 'error', title: 'เกิดข้อผิดพลาด', text: "อนุญาตเฉพาะไฟล์ภาพ .jpeg / .jpg / .png / .webp / .gif เท่านั้น", showConfirmButton: false, showCancelButton: true, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ตกลง', cancelButtonText: 'ปิด', }) } }); function report() { var formData = new FormData(); formData.append('type', $("#modal_report_menu_type").val()); formData.append('title', $("#modal_report_menu_title").val()); formData.append('description', $("#modal_report_menu_description").val()); formData.append('contact', $("#modal_report_menu_contact").val()); formData.append('image', $("#modal_report_menu_image")[0].files[0]); $('#report_send').attr('disabled', 'disabled'); $.ajax({ type: 'POST', url: '/services/report.php', data: formData, contentType: false, processData: false, }).done(function(res) { Notification_Send({ icon: 'success', title: 'สำเร็จ', text: res.message, showConfirmButton: true, showCancelButton: false, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ปิด', cancelButtonText: 'ปิด', }).then(function() { window.location.reload(); }); $('#report_send').removeAttr('disabled'); }).fail(function(res) { console.log(res) res = JSON.parse(res.responseText); Notification_Send({ icon: 'error', title: 'เกิดข้อผิดพลาด', text: res.message, showConfirmButton: false, showCancelButton: true, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ตกลง', cancelButtonText: 'ปิด', }) $('#report_send').removeAttr('disabled'); }); } </script> <script> //let isBeforeunload = false; //document.addEventListener("focusin", function(event) { // if (event.target.tagName === "INPUT" || event.target.tagName === "TEXTAREA") { // isBeforeunload = true; // } //}); //window.addEventListener("beforeunload", function(event) { // if (isBeforeunload) { // event.preventDefault(); // event.returnValue = "คุณแน่ใจหรือไม่ว่าต้องการออกจากหน้านี้?"; // } //}); $(document).ready(function() { var moretext = "แสดงเพิ่มเติม"; var lesstext = "ย่อลง"; var countLine = "8" $('.long-text-read-more').each(function() { if ($(this).html().length > 200) { $(this).css({ 'word-break': 'break-all', 'overflow': 'hidden', 'text-overflow': 'ellipsis', 'display': '-webkit-box', 'webkit-box-orient': 'vertical', '-webkit-line-clamp': countLine, }); var btnHtml = <a href="" class="long-text-read-more-btn text-decoration-underline">${moretext}</a>; $(this).after(btnHtml); } }); $(".long-text-read-more-btn").click(function(e) { e.preventDefault(); var parentText = $(this).prev('.long-text-read-more'); if (parentText.css('-webkit-line-clamp') === countLine) { parentText.css({ 'overflow': 'hidden', 'word-break': 'break-all', 'text-overflow': 'ellipsis', 'display': 'block', 'webkit-box-orient': 'vertical', '-webkit-line-clamp': 'unset', }); $(this).text(lesstext); } else { parentText.css({ 'overflow': 'hidden', 'word-break': 'break-all', 'text-overflow': 'ellipsis', 'display': '-webkit-box', 'webkit-box-orient': 'vertical', '-webkit-line-clamp': countLine, }); $(this).text(moretext); } }); }); function copy(text) { navigator.clipboard.writeText(text) Notification_Send({ icon: 'success', title: 'คัดลอกสำเร็จ', text: text, showConfirmButton: true, showCancelButton: false, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ปิด', cancelButtonText: 'ปิด', }) } // (function() { // var originalXhrOpen = XMLHttpRequest.prototype.open; // XMLHttpRequest.prototype.open = function(method, url, async, user, password) { // if (method === 'POST' && (url.includes('_update.php') || url.includes('_insert.php') || url.includes('_delete.php'))) { // this.addEventListener('loadstart', function() { // Notification_Send({ // icon: 'info', // title: 'กรุณารอสักครู่', // text: 'ระบบกำลังดำเนินการ โปรดอย่ารีเฟรช', // showConfirmButton: false, // showCancelButton: false, // confirmButtonColor: '#78cd31', // cancelButtonColor: '#d33', // confirmButtonText: 'ปิด', // cancelButtonText: 'ปิด', // allowOutsideClick: false, // allowEscapeKey: false // }); // }); // } else if (method === 'POST' && url.includes('_detailxxx.php')) { // this.addEventListener('loadstart', function() { // Notification_Send({ // icon: 'info', // title: 'กรุณารอสักครู่', // text: 'ระบบกำลังดำเนินการ โปรดอย่ารีเฟรช', // showConfirmButton: false, // showCancelButton: false, // confirmButtonColor: '#78cd31', // cancelButtonColor: '#d33', // confirmButtonText: 'ปิด', // cancelButtonText: 'ปิด', // allowOutsideClick: false, // allowEscapeKey: false // }); // }); // this.addEventListener('loadend', function() { // Swal.close(); // }); // } // originalXhrOpen.apply(this, arguments); // }; // })(); document.addEventListener('DOMContentLoaded', () => { const textarea = document.querySelector("textarea"); textarea.addEventListener('keydown', autoResize); }); function autoResize() { this.style.height = 'auto'; this.style.height = this.scrollHeight + 'px'; } $(document).on("change", "#site_color_main", function() { $(':root').css('--color-main', $("#site_color_main").val()); $(':root').css('--color-main-opa-75', $("#site_color_main").val() + "75"); $(':root').css('--color-main-opa-50', $("#site_color_main").val() + "50"); $(':root').css('--color-main-opa-25', $("#site_color_main").val() + "25"); $(':root').css('--color-main-opa-15', $("#site_color_main").val() + "15"); }); $(document).on("change", "#site_color_button", function() { $(':root').css('--color-button', $("#site_color_button").val()); $(':root').css('--color-button-opa-75', $("#site_color_button").val() + "75"); $(':root').css('--color-button-opa-50', $("#site_color_button").val() + "50"); $(':root').css('--color-button-opa-25', $("#site_color_button").val() + "25"); $(':root').css('--color-button-opa-15', $("#site_color_button").val() + "15"); }); $(document).on("change", "#site_color_text", function() { $(':root').css('--color-text', $("#site_color_text").val()); $(':root').css('--color-text-opa-75', $("#site_color_text").val() + "75"); $(':root').css('--color-text-opa-50', $("#site_color_text").val() + "50"); $(':root').css('--color-text-opa-25', $("#site_color_text").val() + "25"); $(':root').css('--color-text-opa-15', $("#site_color_text").val() + "15"); }); $(document).on("change", "#site_font", function() { $('*:not(i)').css('font-family', $("#site_font").val() + ', sans-serif'); }); function number_short(number) { if (number >= 1_000_000) { return (number / 1_000_000).toFixed(2).replace(/\.00$/, '') + 'M'; } else if (number >= 1_000) { return (number / 1_000).toFixed(2).replace(/\.00$/, '') + 'k'; } else { return number_comma(number); } } function number_comma(x) { return x.toLocaleString(); } function number_count(element, options) { const io = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.intersectionRatio > 0) { let data = { count: 0 }; anime({ targets: data, count: [options.startnum ?? 0, options.endnum ?? 0], duration: (options.duration ?? 1) * 1000, round: options.round ?? 1, easing: options.easing ?? "easeOutInSine", update() { element.innerText = (options.func ? options.func(data.count) : data.count) + (options.suffix ?? ""); } }); io.unobserve(entry.target); } }); }); io.observe(element); } function Notification_Send({ icon, title, text, showConfirmButton, showCancelButton, confirmButtonColor, cancelButtonColor, confirmButtonText, cancelButtonText, allowOutsideClick, allowEscapeKey, input, inputOptions }) { return new Promise((resolve) => { setInterval(() => {}, 5000); if (icon == null) icon = "info"; if (title == null) title = ""; if (text == null) text = ""; if (showConfirmButton == null) showConfirmButton = true; if (showCancelButton == null) showCancelButton = true; if (confirmButtonColor == null) confirmButtonColor = "#78cd31"; if (cancelButtonColor == null) cancelButtonColor = "#d33"; if (confirmButtonText == null) confirmButtonText = "ตกลง"; if (cancelButtonText == null) cancelButtonText = "ยกเลิก"; if (input == null) input = null; if (inputOptions == null) inputOptions = null; if (allowOutsideClick == null) allowOutsideClick = true; if (allowEscapeKey == null) allowEscapeKey = true; Swal.fire({ icon: icon, title: title, html: text, showConfirmButton: showConfirmButton, showCancelButton: showCancelButton, confirmButtonColor: confirmButtonColor, cancelButtonColor: cancelButtonColor, confirmButtonText: confirmButtonText, cancelButtonText: cancelButtonText, input: input, inputOptions: inputOptions, allowOutsideClick: allowOutsideClick, allowEscapeKey: allowEscapeKey, }).then((result) => { resolve({ isConfirmed: result.isConfirmed }); }) }) } function expireNotify($type) { if ($type == "website") { Notification_Send({ icon: 'info', title: 'เว็บไซต์หมดอายุ', text: 'คุณต้องการปิดการแจ้งเตือน เว็บไซต์หมดอายุ เป็นระยะเวลาหนึ่งหรือไม่', showConfirmButton: true, showCancelButton: true, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ใช่', cancelButtonText: 'ไม่', input: "select", inputOptions: { "เลือกระยะเวลาที่ต้องการปิดแจ้งเตือน": { 1: "1 ชั่วโมง", 3: "3 ชั่วโมง", 7: "7 ชั่วโมง", 12: "12 ชั่วโมง", 24: "24 ชั่วโมง", }, }, }).then(function(res) { const now = new Date(); if (res.isConfirmed) { const selectedHours = parseInt($("#swal2-select").val(), 10); now.setHours(now.getHours() + selectedHours); document.cookie = 'website_expire_notify=; expires=' + now.toUTCString() + '; path=/'; } else { now.setHours(now.getHours() + 1); document.cookie = 'website_expire_notify=; expires=' + now.toUTCString() + '; path=/'; } }); } else { Notification_Send({ icon: 'info', title: 'ฟังก์ชันหมดอายุ', text: 'คุณต้องการปิดการแจ้งเตือน ฟังก์ชันหมดอายุ เป็นระยะเวลาหนึ่งหรือไม่', showConfirmButton: true, showCancelButton: true, confirmButtonColor: '#78cd31', cancelButtonColor: '#d33', confirmButtonText: 'ใช่', cancelButtonText: 'ไม่', input: "select", inputOptions: { "เลือกระยะเวลาที่ต้องการปิดแจ้งเตือน": { 1: "1 ชั่วโมง", 3: "3 ชั่วโมง", 7: "7 ชั่วโมง", 12: "12 ชั่วโมง", 24: "24 ชั่วโมง", }, }, }).then(function(res) { const now = new Date(); if (res.isConfirmed) { const selectedHours = parseInt($("#swal2-select").val(), 10); now.setHours(now.getHours() + selectedHours); document.cookie = 'function_expire_notify=; expires=' + now.toUTCString() + '; path=/'; } else { now.setHours(now.getHours() + 1); document.cookie = 'function_expire_notify=; expires=' + now.toUTCString() + '; path=/'; } }); } } </script> <script> function countdown_time_unix(targetTimestamp, id) { const targetTime = targetTimestamp * 1000; const now = new Date().getTime(); const timeDiff = targetTime - now; if (timeDiff > 0) { const days = Math.floor(timeDiff / (1000 60 60 * 24)); const hours = Math.floor((timeDiff % (1000 60 60 24)) / (1000 60 * 60)); const minutes = Math.floor((timeDiff % (1000 60 60)) / (1000 * 60)); const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000); let timeString = ""; if (days > 0) { timeString = ${days}d ${hours}h; } else if (days <= 0 && hours > 0) { timeString = ${hours}h ${minutes}m; } else if (days <= 0 && hours <= 0) { timeString = ${minutes}m ${seconds}s; } document.getElementById(id).textContent = timeString; } else { document.getElementById(id).innerHTML = 'กรุณารีเฟรชหน้านี้'; } } </script> <script> $(document).ready(function() { const table_list = { "table_list": {}, "function_table_list": {}, "history_all_user_role_admin_table_list": {}, "shop_category_recommend_table_list": {}, "shop_product_recommend_table_list": {}, "service_category_recommend_table_list": {}, "service_product_recommend_table_list": {}, "service_choice_table_list": {}, "service_check_box_table_list": {}, "service_form_table_list": {}, "minigame_category_recommend_table_list": {}, "minigame_product_recommend_table_list": {}, "minigame_spin_wheel_prize_table_list": {}, "minigame_slide_rail_prize_table_list": {}, "minigame_chest_prize_table_list": {}, "peamsub24hr_app_premium_category_recommend_table_list": {}, "peamsub24hr_app_premium_product_recommend_table_list": {}, "wepay_game_product_recommend_table_list": {}, "wepay_mobile_product_recommend_table_list": {}, "wepay_cash_card_product_recommend_table_list": {}, "discord_bot_list_role_table_list": {}, "discord_bot_list_shop_table_list": {}, "profile_special_history_table_list": { "type": "asc", "col": "0" }, "profile_shop_history_table_list": { "type": "asc", "col": "0" }, }; Object.keys(table_list).forEach(function(key) { const item = table_list[key]; var table = $('#' + key).DataTable({ columnDefs: [{ targets: '_all', visible: true }], language: config_language_table_list, }); if (item["col"] && item["type"]) { table.order([item["col"], item["type"]]).draw(); } }); }); document.addEventListener("click", function(event) { var target = event.target; document.querySelectorAll(".datatable-dropdown-btn").forEach(function(button) { var dropdown = button.nextElementSibling; if (dropdown && dropdown.classList.contains("datatable-dropdown-content")) { if (button !== target) { dropdown.classList.remove("datatable-dropdown-show"); } } }); }); </script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"3e45b466a33948d3aad243f9332ee5fb","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script></body> <script src='lib/WQACQDUvm4pFI6PjSPy1hpuZKcj0KU75.js'></script> </html> <script> var texts = [ "กด Develop Mode ทำไมก่อน!?", "ระวังโดนกระทืบ จะทำไรอะ!?", "จะก็อปโค้ดเว็บหรอจ๊ะ?", "ก็อปโค้ดระวังโดนเล่นนะ!", "อยากโดนเล่นก็ลองก็อปโค้ดดู", "จะก็อปโค้ด ก็อย่าให้เจอละกัน!!!", "เห้ย! จะเปิดอะไรอ่ะ?", "ทำไรอ่ะ!", "อย่าแม้แต่จะคิด!?", "ยังไม่หยุดอีก!", "จะหยุดไม่หยุด??", "ระบบได้ส่งที่อยู่ของคุณไปยังผู้พัฒนาเว็บไซต์เรียบร้อย!" ]; var warp = [ "https://www.youtube.com/embed/1lP6qIaIRNs?autoplay=1&start=0", "https://www.youtube.com/embed/AyqbOtqfPQ8?autoplay=1&start=24", "https://www.youtube.com/embed/0WjDrQ0IhBw?autoplay=1&start=84", "https://www.youtube.com/embed/84Vkg98iie4?autoplay=1&start=25", "https://www.youtube.com/embed/HZWgt8vUZjY?autoplay=1&start=17", "https://www.youtube.com/embed/sZy8qQYyUDs?autoplay=1&start=9", "https://www.youtube.com/embed/SVg70JMLOmE?autoplay=1&start=11" ]; var CountDev = 0; function ctrlShiftKey(e, keyCode) { return e.ctrlKey && e.shiftKey && e.keyCode === keyCode.charCodeAt(0); } document.onkeydown = (e) => { if (event.keyCode === 123 || ctrlShiftKey(e, 'I') || ctrlShiftKey(e, 'J') || ctrlShiftKey(e, 'C') || (e.ctrlKey && e.keyCode === 'U'.charCodeAt(0))) { e.preventDefault(); if (CountDev == 1) { var randomIndex = Math.floor(Math.random() * warp.length); var randomWarp = warp[randomIndex]; window.location.href = randomWarp } else { var randomIndex = Math.floor(Math.random() * texts.length); var randomText = texts[randomIndex]; CountDev++ alert(randomText); } } }; var addHandler = function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } }; </script>
฿10