kunthawat/dealplustech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
5171a789e97962497ed7dea3befbe8295e804ec1
dealplustech/dist/privacy-policy/index.html
Kunthawat 5171a789e9 fix: Final restoration with port 80 
✅ COMPLETED:
1. Dockerfile uses port 80 (astro preview)
2. BaseLayout imports globals.css
3. globals.css with Tailwind v4 @theme syntax
4. index.astro has Header, Footer, FixedContact
5. All image references fixed to existing files
6. Hero uses hdpe_pipe_main.jpg
7. Product cards use hdpe001.jpg
8. pt-20 on main for fixed header

✅ TESTED LOCALLY:
- Build: 15 pages in 1.27s
- Docker build successful
- Port 80 working
- Images load
- CSS works

Ready for Easypanel deployment.
2026-03-12 08:58:56 +07:00

21 lines
73 KiB
HTML
Raw Blame History

<!DOCTYPE html><script type="module">const e=document.getElementById("mobile-menu-button"),o=document.getElementById("mobile-menu");let n=!1;e?.addEventListener("click",()=>{n=!n,n?(o?.classList.remove("hidden"),e.innerHTML=`
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
</svg>
`):(o?.classList.add("hidden"),e.innerHTML=`
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M4 6h16M4 12h16M4 18h16" />
</svg>
`)});document.querySelectorAll(".mobile-link").forEach(t=>{t.addEventListener("click",()=>{n=!1,o?.classList.add("hidden"),e.innerHTML=`
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M4 6h16M4 12h16M4 18h16" />
</svg>
`})});</script><header class="fixed top-0 left-0 right-0 z-50 bg-white shadow-md"> <!-- Top Bar --> <div class="bg-primary-600 py-2"> <div class="container mx-auto px-4 flex justify-between items-center text-sm"> <div class="flex items-center gap-6 text-white"> <a href="tel:090-555-1415" class="flex items-center gap-2 hover:text-primary-100"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> 090-555-1415 </a> <a href="mailto:info@dealplustech.co.th" class="flex items-center gap-2 hover:text-primary-100"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> info@dealplustech.co.th </a> </div> <div class="hidden md:flex items-center gap-4"> <a href="https://line.me/ti/p/@dealplustech" class="flex items-center gap-1 text-white hover:text-primary-100"> <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"></path> </svg>
LINE
</a> </div> </div> </div> <!-- Main Navigation --> <nav class="container mx-auto px-4"> <div class="flex items-center justify-between h-16"> <!-- Logo --> <a href="/" class="flex items-center gap-3"> <img src="/images/2021/02/13523630950840.png" alt="Deal Plus Tech" class="h-12 w-auto" loading="priority"> </a> <!-- Desktop Navigation --> <div class="hidden lg:flex items-center gap-1"> <div class="relative group"> <a href="/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> หน้าแรก </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/about-us/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> เกี่ยวกับเรา </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/product/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1 pr-2"> สินค้า <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </a> <!-- Dropdown --> <div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> <div class="absolute -top-2 left-0 right-0 h-2"></div> <div class="min-w-[600px] bg-white shadow-xl rounded-lg py-4 border border-secondary-100"> <div class="grid grid-cols-2 gap-1 px-4"> <div class="relative group/sub"> <a href="/pipe/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> ท่อ | Pipe </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/ท่อพีพีอาร์ตราช้าง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อพีพีอาร์ตราช้าง </a><a href="/ท่อ-ppr-thai-ppr/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ PPR Thai PPR </a><a href="/pp-r-pp-rct-poloplast/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ PP-R/PP-RCT POLOPLAST </a><a href="/ท่อhdpe/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ HDPE </a><a href="/ท่อ-upvc/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ uPVC </a><a href="/ท่อและข้อต่อpvc/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อและข้อต่อ PVC </a><a href="/ท่อไซเลอร์/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อไซเลอร์ </a><a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อระบายน้ำ 3 ชั้น ไซเลนท์ </a> </div> </div><div class="relative group/sub"> <a href="/วาล์ว-valve/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> วาล์ว Valve </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/วาล์ว-valve/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> วาล์ว Valve </a><a href="/groove-coupling/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Groove Coupling </a><a href="/pipe-coupling/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Pipe Coupling </a><a href="/dukelarrsen/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> DUKELARRSEN </a><a href="/เม็กกรู๊ฟ-คับปลิ้ง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เม็กกรู๊ฟ คับปลิ้ง </a> </div> </div><div class="relative group/sub"> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a><a href="/เควิสแฮงเกอร์/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เควิสแฮงเกอร์ </a><a href="/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> สปริทริงแฮงเกอร์ SR19 </a><a href="/แคล้มฟันจระเข้-beam-clamp/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แคล้มฟันจระเข้ </a><a href="/แคล้มหยดน้ำ-adjustable-band-hanger/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แคล้มหยดน้ำ </a><a href="/แคล้มเลเวล-level-clamp/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แคล้มเลเวล </a><a href="/ยูโบลท์-u-bolt/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ยูโบลท์ </a><a href="/สตัดเกลียวตลอด-เหล็ก-threaded-rod/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> สตัดเกลียวตลอด </a><a href="/พุกต่างๆ/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> พุกต่างๆ </a><a href="/พุกเหล็ก-sleeve-anchor-bolt/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> พุกเหล็ก Sleeve Anchor </a> </div> </div><div class="relative group/sub"> <a href="/หัวจ่ายลม-กริล/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> อุปกรณ์ปรับอากาศ </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/หัวจ่ายลม-กริล/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> หัวจ่ายลม กริล </a><a href="/หัวจ่ายแอร์-ball-jet/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> หัวจ่ายแอร์ Ball Jet </a><a href="/เทอร์โมเบรค-thermobreak/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เทอร์โมเบรค Thermobreak </a><a href="/ระบบวาล์วเติมอากาศ-durgo-aavs/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ระบบวาล์วเติมอากาศ DURGO </a> </div> </div><div class="relative group/sub"> <a href="/อุปกรณ์ดับเพลิง/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> อุปกรณ์ดับเพลิง </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/อุปกรณ์ดับเพลิง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> อุปกรณ์ดับเพลิง </a><a href="/realflex/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อสแตนเลส Realflex </a> </div> </div><div class="relative group/sub"> <a href="/ระบบรั้ว/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> ระบบรั้ว </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/ระบบรั้ว/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ระบบรั้ว </a><a href="/รั้วเทวดา/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> รั้วเทวดา </a> </div> </div><div class="relative group/sub"> <a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> เครื่องจักร </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/เครื่องเชื่อมท่อพีพีอา/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เครื่องเชื่อมท่อพีพีอาร์ </a><a href="/เครื่องเชื่อม-hdpe/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เครื่องเชื่อม HDPE </a><a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เครื่องเชื่อมท่อ Pipe Coupling </a><a href="/waterpump-grundfos-จำหน่ายติดตั้ง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Water Pump Grundfos </a><a href="/water-treatment/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Water Treatment </a> </div> </div> </div> </div> </div> </div><div class="relative group"> <a href="/services/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> บริการ </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/portfolio/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> ผลงาน </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/blog/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> บทความ </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/contact-us/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> ติดต่อเรา </a> <!-- Dropdown --> </div> <a href="/contact-us" class="btn-primary ml-4">
ติดต่อเรา
</a> </div> <!-- Mobile Menu Button --> <button id="mobile-menu-button" class="lg:hidden text-secondary-900 p-2" aria-label="Toggle menu"> <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> <!-- Mobile Menu --> <div id="mobile-menu" class="lg:hidden py-4 border-t border-secondary-200 max-h-[80vh] overflow-y-auto hidden"> <a href="/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> หน้าแรก </a><a href="/about-us/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> เกี่ยวกับเรา </a><div class="border-b border-secondary-100"> <div class="px-4 py-3 font-semibold text-secondary-900 bg-secondary-50"> สินค้า </div> <div class="pl-4"> <div> <a href="/pipe/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> ท่อ | Pipe </a> <div class="pl-4 bg-secondary-50"> <a href="/ท่อพีพีอาร์ตราช้าง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อพีพีอาร์ตราช้าง </a><a href="/ท่อ-ppr-thai-ppr/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ PPR Thai PPR </a><a href="/pp-r-pp-rct-poloplast/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ PP-R/PP-RCT POLOPLAST </a><a href="/ท่อhdpe/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ HDPE </a><a href="/ท่อ-upvc/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ uPVC </a><a href="/ท่อและข้อต่อpvc/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อและข้อต่อ PVC </a><a href="/ท่อไซเลอร์/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อไซเลอร์ </a><a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อระบายน้ำ 3 ชั้น ไซเลนท์ </a> </div> </div><div> <a href="/วาล์ว-valve/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> วาล์ว Valve </a> <div class="pl-4 bg-secondary-50"> <a href="/วาล์ว-valve/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> วาล์ว Valve </a><a href="/groove-coupling/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Groove Coupling </a><a href="/pipe-coupling/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Pipe Coupling </a><a href="/dukelarrsen/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> DUKELARRSEN </a><a href="/เม็กกรู๊ฟ-คับปลิ้ง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เม็กกรู๊ฟ คับปลิ้ง </a> </div> </div><div> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a> <div class="pl-4 bg-secondary-50"> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a><a href="/เควิสแฮงเกอร์/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เควิสแฮงเกอร์ </a><a href="/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> สปริทริงแฮงเกอร์ SR19 </a><a href="/แคล้มฟันจระเข้-beam-clamp/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แคล้มฟันจระเข้ </a><a href="/แคล้มหยดน้ำ-adjustable-band-hanger/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แคล้มหยดน้ำ </a><a href="/แคล้มเลเวล-level-clamp/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แคล้มเลเวล </a><a href="/ยูโบลท์-u-bolt/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ยูโบลท์ </a><a href="/สตัดเกลียวตลอด-เหล็ก-threaded-rod/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> สตัดเกลียวตลอด </a><a href="/พุกต่างๆ/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> พุกต่างๆ </a><a href="/พุกเหล็ก-sleeve-anchor-bolt/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> พุกเหล็ก Sleeve Anchor </a> </div> </div><div> <a href="/หัวจ่ายลม-กริล/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> อุปกรณ์ปรับอากาศ </a> <div class="pl-4 bg-secondary-50"> <a href="/หัวจ่ายลม-กริล/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> หัวจ่ายลม กริล </a><a href="/หัวจ่ายแอร์-ball-jet/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> หัวจ่ายแอร์ Ball Jet </a><a href="/เทอร์โมเบรค-thermobreak/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เทอร์โมเบรค Thermobreak </a><a href="/ระบบวาล์วเติมอากาศ-durgo-aavs/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ระบบวาล์วเติมอากาศ DURGO </a> </div> </div><div> <a href="/อุปกรณ์ดับเพลิง/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> อุปกรณ์ดับเพลิง </a> <div class="pl-4 bg-secondary-50"> <a href="/อุปกรณ์ดับเพลิง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> อุปกรณ์ดับเพลิง </a><a href="/realflex/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อสแตนเลส Realflex </a> </div> </div><div> <a href="/ระบบรั้ว/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> ระบบรั้ว </a> <div class="pl-4 bg-secondary-50"> <a href="/ระบบรั้ว/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ระบบรั้ว </a><a href="/รั้วเทวดา/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> รั้วเทวดา </a> </div> </div><div> <a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> เครื่องจักร </a> <div class="pl-4 bg-secondary-50"> <a href="/เครื่องเชื่อมท่อพีพีอา/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เครื่องเชื่อมท่อพีพีอาร์ </a><a href="/เครื่องเชื่อม-hdpe/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เครื่องเชื่อม HDPE </a><a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เครื่องเชื่อมท่อ Pipe Coupling </a><a href="/waterpump-grundfos-จำหน่ายติดตั้ง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Water Pump Grundfos </a><a href="/water-treatment/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Water Treatment </a> </div> </div> </div> </div><a href="/services/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> บริการ </a><a href="/portfolio/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> ผลงาน </a><a href="/blog/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> บทความ </a><a href="/contact-us/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> ติดต่อเรา </a> <div class="p-4"> <a href="/contact-us" class="btn-primary block text-center mobile-link">
ติดต่อเรา
</a> </div> </div> </nav> </header> <html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.1"><meta name="description" content="นโยบายความเป็นส่วนตัวของดีล พลัส เทค ตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><!-- Google Fonts: Kanit for Thai --><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=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><!-- SEO --><meta property="og:title" content="นโยบายความเป็นส่วนตัว"><meta property="og:description" content="นโยบายความเป็นส่วนตัวของดีล พลัส เทค ตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>นโยบายความเป็นส่วนตัว | ดีล พลัส เทค</title><style>/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-500:oklch(72.3% .219 149.579);--color-green-800:oklch(44.8% .119 151.328);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-200:oklch(92.8% .006 264.531);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-500:#22c55e;--color-primary-600:#16a34a;--color-primary-700:#15803d;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1e293b;--color-secondary-900:#0f172a;--color-accent-500:#eab308}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-4{top:calc(var(--spacing) * 4)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.-left-2{left:calc(var(--spacing) * -2)}.left-0{left:calc(var(--spacing) * 0)}.left-4{left:calc(var(--spacing) * 4)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-48{height:calc(var(--spacing) * 48)}.h-\[70vh\]{height:70vh}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[80vh\]{max-height:80vh}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[200px\]{width:200px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[200px\]{max-width:200px}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-\[600px\]{min-width:600px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-accent-500{border-color:var(--color-accent-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-green-500{border-color:var(--color-green-500)}.border-primary-600{border-color:var(--color-primary-600)}.border-secondary-100{border-color:var(--color-secondary-100)}.border-secondary-200{border-color:var(--color-secondary-200)}.border-secondary-300{border-color:var(--color-secondary-300)}.border-secondary-400{border-color:var(--color-secondary-400)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.\!bg-white{background-color:var(--color-white)!important}.bg-\[\#00B900\]{background-color:#00b900}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary-50{background-color:var(--color-secondary-50)}.bg-secondary-100{background-color:var(--color-secondary-100)}.bg-secondary-200{background-color:var(--color-secondary-200)}.bg-secondary-800{background-color:var(--color-secondary-800)}.bg-secondary-900{background-color:var(--color-secondary-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-secondary-900{--tw-gradient-from:var(--color-secondary-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-secondary-900\/90{--tw-gradient-via:#0f172ae6}@supports (color:color-mix(in lab,red,red)){.via-secondary-900\/90{--tw-gradient-via:color-mix(in oklab, var(--color-secondary-900) 90%, transparent)}}.via-secondary-900\/90{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-secondary-900\/60{--tw-gradient-to:#0f172a99}@supports (color:color-mix(in lab,red,red)){.to-secondary-900\/60{--tw-gradient-to:color-mix(in oklab, var(--color-secondary-900) 60%, transparent)}}.to-secondary-900\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-green-800{color:var(--color-green-800)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-red-500{color:var(--color-red-500)}.text-secondary-200{color:var(--color-secondary-200)}.text-secondary-300{color:var(--color-secondary-300)}.text-secondary-500{color:var(--color-secondary-500)}.text-secondary-600{color:var(--color-secondary-600)}.text-secondary-700{color:var(--color-secondary-700)}.text-secondary-800{color:var(--color-secondary-800)}.text-secondary-900{color:var(--color-secondary-900)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.accent-primary-600{accent-color:var(--color-primary-600)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-primary-600:is(:where(.group):hover *){color:var(--color-primary-600)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/sub\:block:is(:where(.group\/sub):hover *){display:block}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-primary-600:hover{background-color:var(--color-primary-600)}.hover\:bg-primary-700:hover{background-color:var(--color-primary-700)}.hover\:bg-secondary-900:hover{background-color:var(--color-secondary-900)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-primary-600:hover{color:var(--color-primary-600)}.hover\:text-primary-700:hover{color:var(--color-primary-700)}.hover\:text-secondary-800:hover{color:var(--color-secondary-800)}.hover\:text-secondary-900:hover{color:var(--color-secondary-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-primary-600:focus{border-color:var(--color-primary-600)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:48rem){.md\:mx-0{margin-inline:calc(var(--spacing) * 0)}.md\:flex{display:flex}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:w-10{width:calc(var(--spacing) * 10)}.md\:max-w-none{max-width:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-0{padding-inline:calc(var(--spacing) * 0)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-12{height:calc(var(--spacing) * 12)}.lg\:w-12{width:calc(var(--spacing) * 12)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:80rem){.xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}html{scroll-behavior:smooth;font-family:Kanit,system-ui,sans-serif}body{color:var(--color-secondary-900);-webkit-font-smoothing:antialiased;background-color:#fff}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:700}.btn-primary{background-color:var(--color-primary-600);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-secondary-800);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-secondary-900)}.btn-outline{border:2px solid var(--color-primary-600);color:var(--color-primary-600);background-color:#0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{background-color:var(--color-primary-600);color:#fff}.section-title{color:var(--color-secondary-900);text-align:center;margin-bottom:1rem;font-size:1.875rem;font-weight:700}@media(min-width:768px){.section-title{font-size:2.25rem}}@media(min-width:1024px){.section-title{font-size:3rem}}.section-subtitle{color:var(--color-secondary-600);text-align:center;font-size:1.125rem}.card{background-color:#fff;border-radius:.75rem;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.card:hover{transform:translateY(-.25rem);box-shadow:0 10px 15px -3px #0000001a}html{font-family:Kanit,system-ui,sans-serif}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
</style></head> <body class="flex flex-col min-h-screen"> <main class="pt-32 min-h-screen py-12 bg-secondary-50"><article class="container mx-auto px-4 max-w-4xl"><div class="bg-white rounded-2xl shadow-lg p-6 md:p-12"><header class="mb-12 pb-8 border-b-2 border-secondary-200"><h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายความเป็นส่วนตัว</h1><p class="text-lg text-secondary-600">Privacy Policy (Personal Data Protection Policy)</p><div class="mt-4 text-sm text-secondary-500"><p>Version: 1.0.0</p><p>Last Updated: 10 มีนาคม 2569</p></div></header><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">1. ข้อมูลของผู้ควบคุมข้อมูลส่วนบุคคล</h2><div class="bg-secondary-50 rounded-xl p-6 border-l-4 border-primary-600"><p class="text-secondary-700 mb-4"><strong class="text-secondary-900">บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคล ตาม พ.ร.บ. คุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)
</p><ul class="space-y-2 text-secondary-700"><li><strong>ที่อยู่:</strong> 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160</li><li><strong>โทรศัพท์:</strong> 090-555-1415</li><li><strong>อีเมล:</strong> info@dealplustech.co.th</li></ul></div></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">2. ประเภทของข้อมูลที่เก็บรวบรวม</h2><ul class="space-y-3"><li class="flex items-start gap-3"><span class="text-primary-600 mt-1">✓</span><div><strong class="text-secondary-900">ข้อมูลประจำตัว:</strong><span class="text-secondary-700"> ชื่อ, นามสกุล, ที่อยู่อีเมล, เบอร์โทรศัพท์</span></div></li><li class="flex items-start gap-3"><span class="text-primary-600 mt-1">✓</span><div><strong class="text-secondary-900">ข้อมูลการใช้งาน:</strong><span class="text-secondary-700"> IP Address, ข้อมูลเบราว์เซอร์, อุปกรณ์ที่ใช้</span></div></li><li class="flex items-start gap-3"><span class="text-primary-600 mt-1">✓</span><div><strong class="text-secondary-900">ข้อมูลคุกกี้:</strong><span class="text-secondary-700"> การตั้งค่าคุกกี้, Session ID</span></div></li></ul></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">3. วัตถุประสงค์ในการประมวลผลข้อมูล</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="bg-secondary-50 p-4 rounded-lg"><strong class="text-secondary-900 block mb-1">การให้บริการ</strong><span class="text-secondary-600 text-sm">ตอบสนองคำขอ, ให้บริการลูกค้า</span></div><div class="bg-secondary-50 p-4 rounded-lg"><strong class="text-secondary-900 block mb-1">การติดต่อกลับ</strong><span class="text-secondary-600 text-sm">ตอบคำถาม, ให้ข้อมูลผลิตภัณฑ์</span></div><div class="bg-secondary-50 p-4 rounded-lg"><strong class="text-secondary-900 block mb-1">การวิเคราะห์</strong><span class="text-secondary-600 text-sm">ปรับปรุงเว็บไซต์, ประสบการณ์ผู้ใช้</span></div><div class="bg-secondary-50 p-4 rounded-lg"><strong class="text-secondary-900 block mb-1">ตามกฎหมาย</strong><span class="text-secondary-600 text-sm">ปฏิบัติตามข้อบังคับทางกฎหมาย</span></div></div></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">4. ฐานกฎหมายในการประมวลผลข้อมูล</h2><div class="space-y-4"><div class="border-l-4 border-primary-600 pl-6"><h3 class="font-bold text-secondary-900 mb-2">4.1 การยินยอม (Consent)</h3><p class="text-secondary-700">สำหรับการใช้คุกกี้ที่ไม่จำเป็น, การตลาด</p></div><div class="border-l-4 border-primary-600 pl-6"><h3 class="font-bold text-secondary-900 mb-2">4.2 การ履行合同 (Contract)</h3><p class="text-secondary-700">เพื่อการให้บริการและดำเนินการตามคำขอของคุณ</p></div><div class="border-l-4 border-primary-600 pl-6"><h3 class="font-bold text-secondary-900 mb-2">4.3 ข้อบังคับทางกฎหมาย (Legal Obligation)</h3><p class="text-secondary-700">เพื่อปฏิบัติตามกฎหมายและระเบียบที่เกี่ยวข้อง</p></div></div></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">5. ระยะเวลาการเก็บรักษาข้อมูล</h2><div class="bg-primary-50 rounded-xl p-6 border-2 border-primary-200"><ul class="space-y-3"><li class="flex justify-between items-center"><span class="text-secondary-700">ข้อมูลการใช้งานเว็บไซต์</span><span class="font-semibold text-primary-900">10 ปี</span></li><li class="flex justify-between items-center"><span class="text-secondary-700">บันทึกการยินยอมคุกกี้</span><span class="font-semibold text-primary-900">10 ปี</span></li><li class="flex justify-between items-center"><span class="text-secondary-700">ข้อมูลติดต่อลูกค้า</span><span class="font-semibold text-primary-900">5 ปี</span></li></ul></div></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">6. สิทธิของเจ้าของข้อมูลส่วนบุคคล</h2><p class="text-secondary-700 mb-4">ภายใต้ PDPA คุณมีสิทธิดังนี้:</p><div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div class="bg-secondary-50 p-4 rounded-lg"><h3 class="font-bold text-secondary-900 mb-2">สิทธิขอเข้าถึง</h3><p class="text-sm text-secondary-600">ขอรับสำเนาข้อมูลส่วนบุคคล</p></div><div class="bg-secondary-50 p-4 rounded-lg"><h3 class="font-bold text-secondary-900 mb-2">สิทธิขอแก้ไข</h3><p class="text-sm text-secondary-600">ขอให้แก้ไขข้อมูลที่ไม่ถูกต้อง</p></div><div class="bg-secondary-50 p-4 rounded-lg"><h3 class="font-bold text-secondary-900 mb-2">สิทธิขอลบ</h3><p class="text-sm text-secondary-600">ขอให้ลบข้อมูลส่วนบุคคล</p></div><div class="bg-secondary-50 p-4 rounded-lg"><h3 class="font-bold text-secondary-900 mb-2">สิทธิเพิกถอน</h3><p class="text-sm text-secondary-600">เพิกถอนความยินยอมเมื่อใดก็ได้</p></div></div></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">7. คุกกี้และเทคโนโลยีการติดตาม</h2><ul class="space-y-4"><li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-primary-600"><h3 class="font-bold text-secondary-900 mb-2">คุกกี้จำเป็น (Essential Cookies)</h3><p class="text-sm text-secondary-600">จำเป็นสำหรับการทำงานของเว็บไซต์ ไม่สามารถปิดได้</p></li><li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-accent-500"><h3 class="font-bold text-secondary-900 mb-2">คุกกี้วิเคราะห์ (Analytics Cookies)</h3><p class="text-sm text-secondary-600">帮助我们了解网站使用情况 (Umami Analytics)</p></li><li class="bg-secondary-50 p-4 rounded-lg border-l-4 border-secondary-400"><h3 class="font-bold text-secondary-900 mb-2">คุกกี้การตลาด (Marketing Cookies)</h3><p class="text-sm text-secondary-600">ใช้สำหรับแสดงโฆษณาที่เกี่ยวข้อง</p></li></ul></section><section class="mb-12"><h2 class="text-2xl font-bold text-secondary-900 mb-6">8. การติดต่อ</h2><div class="bg-primary-50 rounded-xl p-6 border-2 border-primary-200"><p class="text-secondary-700 mb-4">หากคุณมีคำถามหรือต้องการใช้สิทธิของคุณ กรุณาติดต่อ:</p><div class="space-y-2"><p class="text-secondary-900"><strong>อีเมล:</strong> info@dealplustech.co.th</p><p class="text-secondary-900"><strong>โทรศัพท์:</strong> 090-555-1415</p></div></div></section></div></article></main> </body></html>
Reference in New Issue View Git Blame Copy Permalink