0d3c8fa5b8
Only CSS changed - all features preserved: CSS FIXES: â Font size: 16px base (was 18px), NO scaling on large screens â Cookie banner: SOLID bg-gray-900 (no transparency) â Cookie buttons: SOLID green/gray colors â Header: SOLID green-600 top bar, white nav â Footer: SOLID bg-gray-900, green-400 accents â Footer: Policy links restored (Privacy, Terms, Cookie) NO FEATURES REMOVED - CSS ONLY CHANGES Build: 11 pages â
32 lines
17 KiB
HTML
32 lines
17 KiB
HTML
<!DOCTYPE html><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.0"><meta name="description" content="āļāđāļĒāļāļēāļĒāļāļ§āļēāļĄāđāļāđāļāļŠāđāļ§āļāļāļąāļ§āļāļēāļĄāļāļāļŦāļĄāļēāļĒāļāļļāđāļĄāļāļĢāļāļāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ (PDPA) āļāļāļāļāļĢāļīāļĐāļąāļ āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ āļāļģāļāļąāļ"><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"><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"><meta property="og:title" content="āļāđāļĒāļāļēāļĒāļāļ§āļēāļĄāđāļāđāļāļŠāđāļ§āļāļāļąāļ§"><meta property="og:description" content="āļāđāļĒāļāļēāļĒāļāļ§āļēāļĄāđāļāđāļāļŠāđāļ§āļāļāļąāļ§āļāļēāļĄāļāļāļŦāļĄāļēāļĒāļāļļāđāļĄāļāļĢāļāļāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ (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>html{font-family:Kanit,system-ui,sans-serif;font-size:16px}@media(min-width:1280px){html{font-size:18px}}@media(min-width:1536px){html{font-size:18px}}@media(min-width:1920px){html{font-size:18px}}
|
|
</style></head> <body class="flex flex-col min-h-screen text-gray-900"> <main class="min-h-screen bg-secondary-50"> <div class="container mx-auto px-4 py-12"> <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12"> <h1 class="text-4xl font-bold text-secondary-900 mb-4">āļāđāļĒāļāļēāļĒāļāļ§āļēāļĄāđāļāđāļāļŠāđāļ§āļāļāļąāļ§</h1> <p class="text-secondary-600 mb-8">Privacy Policy - āļāļĢāļąāļāļāļĢāļļāļāļĨāđāļēāļŠāļļāļ: 9 āļĄāļĩāļāļēāļāļĄ 2026</p> <nav class="mb-8 p-4 bg-secondary-50 rounded-lg"> <h2 class="text-lg font-semibold mb-3">āļŠāļēāļĢāļāļąāļ</h2> <ul class="space-y-1 text-primary-600"> <li><a href="#section1" class="hover:underline">1. āļāđāļāļĄāļđāļĨāļāļđāđāļāļ§āļāļāļļāļĄāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ</a></li> <li><a href="#section2" class="hover:underline">2. āļāļĢāļ°āđāļ āļāļāđāļāļĄāļđāļĨāļāļĩāđāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄ</a></li> <li><a href="#section3" class="hover:underline">3. āļ§āļąāļāļāļļāļāļĢāļ°āļŠāļāļāđāļāļēāļĢāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄ</a></li> <li><a href="#section4" class="hover:underline">4. āļāļēāļāļāļēāļāļāļāļŦāļĄāļēāļĒāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨ</a></li> <li><a href="#section5" class="hover:underline">5. āļĢāļ°āļĒāļ°āđāļ§āļĨāļēāđāļāđāļāļĢāļąāļāļĐāļēāļāđāļāļĄāļđāļĨ</a></li> <li><a href="#section6" class="hover:underline">6. āļāļēāļĢāđāļāļīāļāđāļāļĒāļāđāļāļĄāļđāļĨ</a></li> <li><a href="#section9" class="hover:underline">7. āļāļļāļāļāļĩāđāđāļĨāļ°āđāļāļāđāļāđāļĨāļĒāļĩāļāļēāļĢāļāļīāļāļāļēāļĄ</a></li> <li><a href="#section10" class="hover:underline">8. āļŠāļīāļāļāļīāļāļāļāđāļāđāļēāļāļāļāļāđāļāļĄāļđāļĨ</a></li> <li><a href="#section11" class="hover:underline">9. āļĄāļēāļāļĢāļāļēāļĢāļĢāļąāļāļĐāļēāļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒ</a></li> <li><a href="#section13" class="hover:underline">10. āļŠāļīāļāļāļīāļĢāđāļāļāđāļĢāļĩāļĒāļ</a></li> </ul> </nav> <div class="prose prose-lg max-w-none"> <section id="section1" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. āļāđāļāļĄāļđāļĨāļāļđāđāļāļ§āļāļāļļāļĄāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ</h2> <p class="text-secondary-700 mb-4"> <strong>āļāļĢāļīāļĐāļąāļ āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ āļāļģāļāļąāļ</strong> āđāļāđāļāļāļđāđāļāļ§āļāļāļļāļĄāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ (Data Controller)
|
|
āļāļķāđāļāļĄāļĩāļŦāļāđāļēāļāļĩāđāđāļāļāļēāļĢāļāļąāļāļŠāļīāļāđāļāđāļāļĩāđāļĒāļ§āļāļąāļāļāļēāļĢāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄ āđāļāđ āļŦāļĢāļ·āļāđāļāļīāļāđāļāļĒāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ
|
|
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"><strong>āļāļĩāđāļāļĒāļđāđ:</strong> 9/70 āļāļāļĒāļāļāļĢāļĨāļļāļ 17 āđāļāļ§āļāļāļēāļāđāļāđ āđāļāļāļāļēāļāđāļ āļāļāļĄ. 10160</p> <p class="text-secondary-700"><strong>āđāļāļāļĢāđāđāļāļĢāļĻāļąāļāļāđ:</strong> 090-555-1415</p> <p class="text-secondary-700"><strong>āļāļĩāđāļĄāļĨ:</strong> info@dealplustech.co.th</p> </div> </section> <section id="section2" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">2. āļāļĢāļ°āđāļ āļāļāđāļāļĄāļđāļĨāļāļĩāđāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄ</h2> <p class="text-secondary-700 mb-4">āđāļĢāļēāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāļāļąāļāļāļĩāđ:</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li><strong>āļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāļāļąāđāļ§āđāļ:</strong> āļāļ·āđāļ, āļāļēāļĄāļŠāļāļļāļĨ, āļāļĩāđāļāļĒāļđāđāļāļĩāđāļĄāļĨ, āđāļāļāļĢāđāđāļāļĢāļĻāļąāļāļāđ</li> <li><strong>āļāđāļāļĄāļđāļĨāļāļēāļĢāđāļāđāļāļēāļ:</strong> IP Address, Browser Type, Device Information, Cookie Data</li> <li><strong>āļāđāļāļĄāļđāļĨāļāļēāļĢāļāļīāļāļāđāļ:</strong> āļāđāļāļāļ§āļēāļĄāļŦāļĢāļ·āļāļāļģāļāļēāļĄāļāļĩāđāļāđāļēāļāļŠāđāļāļāļķāļāđāļĢāļē</li> </ul> </section> <section id="section3" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">3. āļ§āļąāļāļāļļāļāļĢāļ°āļŠāļāļāđāļāļēāļĢāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄ</h2> <p class="text-secondary-700 mb-4">āđāļĢāļēāđāļāđāļāļĢāļ§āļāļĢāļ§āļĄāļāđāļāļĄāļđāļĨāđāļāļ·āđāļāļ§āļąāļāļāļļāļāļĢāļ°āļŠāļāļāđāļāļąāļāļāļĩāđ:</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>āđāļāļ·āđāļāđāļŦāđāļāļĢāļīāļāļēāļĢāđāļĨāļ°āļāļāļāļāļģāļāļēāļĄāļŦāļĢāļ·āļāļāļģāļāļāļāļāļāļāđāļēāļ</li> <li>āđāļāļ·āđāļāļāļĢāļąāļāļāļĢāļļāļāļāļĢāļ°āļŠāļāļāļēāļĢāļāđāļāļēāļĢāđāļāđāļāļēāļāđāļ§āđāļāđāļāļāđ</li> <li>āđāļāļ·āđāļāļŠāđāļāļāđāļāļĄāļđāļĨāļāđāļēāļ§āļŠāļēāļĢāđāļĨāļ°āļāļēāļĢāļāļĨāļēāļ (āđāļĄāļ·āđāļāđāļāđāļĢāļąāļāļāļ§āļēāļĄāļĒāļīāļāļĒāļāļĄ)</li> <li>āđāļāļ·āđāļāļ§āļīāđāļāļĢāļēāļ°āļŦāđāđāļĨāļ°āļāļĢāļąāļāļāļĢāļļāļāļāļĢāļīāļāļēāļĢāļāļāļāđāļĢāļē</li> <li>āđāļāļ·āđāļāļāļāļīāļāļąāļāļīāļāļēāļĄāļāļāļŦāļĄāļēāļĒāđāļĨāļ°āļāđāļāļāļąāļāļāļąāļāļāļĩāđāđāļāļĩāđāļĒāļ§āļāđāļāļ</li> </ul> </section> <section id="section4" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">4. āļāļēāļāļāļēāļāļāļāļŦāļĄāļēāļĒāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨ</h2> <p class="text-secondary-700 mb-4">āđāļĢāļēāļāļĢāļ°āļĄāļ§āļĨāļāļĨāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāļ āļēāļĒāđāļāđāļāļēāļāļāļēāļāļāļāļŦāļĄāļēāļĒāļāļąāļāļāļĩāđ:</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li><strong>āļāļ§āļēāļĄāļĒāļīāļāļĒāļāļĄ (Consent):</strong> āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāđāļāļāđāļāļĄāļđāļĨāļāļēāļĢāļāļĨāļēāļāđāļĨāļ°āļāļēāļĢāđāļāđāļāļļāļāļāļĩāđāļāļēāļāļāļĢāļ°āđāļ āļ</li> <li><strong>āļāļēāļĢāļāļāļīāļāļąāļāļīāļāļēāļĄāļŠāļąāļāļāļē (Contract):</strong> āđāļāļ·āđāļāđāļŦāđāļāļĢāļīāļāļēāļĢāļāļĩāđāļāđāļēāļāļĢāđāļāļāļāļ</li> <li><strong>āļāļĨāļāļĢāļ°āđāļĒāļāļāđāđāļāļĒāļāļāļāļāđāļ§āļĒāļāļāļŦāļĄāļēāļĒ (Legitimate Interest):</strong> āđāļāļ·āđāļāļāļĢāļąāļāļāļĢāļļāļāļāļĢāļīāļāļēāļĢāđāļĨāļ°āļ§āļīāđāļāļĢāļēāļ°āļŦāđāļāļēāļĢāđāļāđāļāļēāļ</li> <li><strong>āļāļēāļĢāļāļāļīāļāļąāļāļīāļāļēāļĄāļāļāļŦāļĄāļēāļĒ (Legal Obligation):</strong> āđāļĄāļ·āđāļāļāļģāđāļāđāļāļāđāļāļāļāļāļīāļāļąāļāļīāļāļēāļĄāļāļāļŦāļĄāļēāļĒ</li> </ul> </section> <section id="section5" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">5. āļĢāļ°āļĒāļ°āđāļ§āļĨāļēāđāļāđāļāļĢāļąāļāļĐāļēāļāđāļāļĄāļđāļĨ</h2> <p class="text-secondary-700 mb-4">
|
|
āđāļĢāļēāđāļāđāļāļĢāļąāļāļĐāļēāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāđāļāđāļāđāļ§āļĨāļē <strong>10 āļāļĩ</strong> āļāļēāļĄāļāđāļāļāļģāļŦāļāļāļāļāļāļāļāļŦāļĄāļēāļĒ PDPA
|
|
āļŦāļĢāļ·āļāļāļĢāļēāļāđāļāđāļēāļāļĩāđāļāļģāđāļāđāļāļŠāļģāļŦāļĢāļąāļāļ§āļąāļāļāļļāļāļĢāļ°āļŠāļāļāđāļāļĩāđāļĢāļ°āļāļļāđāļ§āđāļāđāļēāļāļāđāļ
|
|
āļŦāļĨāļąāļāļāļēāļāļŠāļīāđāļāļŠāļļāļāļĢāļ°āļĒāļ°āđāļ§āļĨāļēāđāļāđāļāļĢāļąāļāļĐāļē āđāļĢāļēāļāļ°āļāļģāļĨāļēāļĒāļŦāļĢāļ·āļāļāļģāđāļŦāđāļāđāļāļĄāļđāļĨāđāļĄāđāļŠāļēāļĄāļēāļĢāļāļĢāļ°āļāļļāļāļąāļ§āļāļāđāļāđ
|
|
</p> </section> <section id="section6" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">6. āļāļēāļĢāđāļāļīāļāđāļāļĒāļāđāļāļĄāļđāļĨ</h2> <p class="text-secondary-700 mb-4">
|
|
āđāļĢāļēāļāļ°āđāļĄāđāđāļāļīāļāđāļāļĒāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāļāļāļāļāđāļēāļāđāļŦāđāļāļąāļāļāļļāļāļāļĨāļ āļēāļĒāļāļāļ āđāļ§āđāļāđāļāđ:
|
|
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>āļāđāļēāļāđāļŦāđāļāļ§āļēāļĄāļĒāļīāļāļĒāļāļĄāļāļĒāđāļēāļāļāļąāļāđāļāļ</li> <li>āļāļģāđāļāđāļāļāđāļāļāļāļāļīāļāļąāļāļīāļāļēāļĄāļāļāļŦāļĄāļēāļĒāļŦāļĢāļ·āļāļāļģāļŠāļąāđāļāļĻāļēāļĨ</li> <li>āļāļģāđāļāđāļāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāđāļŦāđāļāļĢāļīāļāļēāļĢāļāļĩāđāļāđāļēāļāļĢāđāļāļāļāļ (āđāļāđāļ āļāļđāđāđāļŦāđāļāļĢāļīāļāļēāļĢāļāļąāļāļŠāđāļ)</li> <li>āđāļāļ·āđāļāļāļāļāđāļāļāļŠāļīāļāļāļīāđāļĨāļ°āļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒāļāļāļāđāļĢāļēāđāļĨāļ°āļāļđāđāļāļ·āđāļ</li> </ul> </section> <section id="section9" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. āļāļļāļāļāļĩāđāđāļĨāļ°āđāļāļāđāļāđāļĨāļĒāļĩāļāļēāļĢāļāļīāļāļāļēāļĄ</h2> <p class="text-secondary-700 mb-4">
|
|
āđāļĢāļēāđāļāđāļāļļāļāļāļĩāđāđāļĨāļ°āđāļāļāđāļāđāļĨāļĒāļĩāļāļēāļĢāļāļīāļāļāļēāļĄāđāļāļ·āđāļāļāļĢāļąāļāļāļĢāļļāļāļāļĢāļ°āļŠāļāļāļēāļĢāļāđāļāļēāļĢāđāļāđāļāļēāļāđāļ§āđāļāđāļāļāđ āļāđāļēāļāļŠāļēāļĄāļēāļĢāļāļāļąāļāļāļēāļĢāļāļēāļĢāļāļąāđāļāļāđāļēāļāļļāļāļāļĩāđāđāļāđāļāļĩāđ
|
|
<a href="/cookie-policy/" class="text-primary-600 hover:underline">āļāđāļĒāļāļēāļĒāļāļļāļāļāļĩāđ</a> </p> </section> <section id="section10" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">8. āļŠāļīāļāļāļīāļāļāļāđāļāđāļēāļāļāļāļāđāļāļĄāļđāļĨ</h2> <p class="text-secondary-700 mb-4">
|
|
āļ āļēāļĒāđāļāđāļāļāļŦāļĄāļēāļĒ PDPA āļāđāļēāļāļĄāļĩāļŠāļīāļāļāļīāļāļąāļāļāđāļāđāļāļāļĩāđ:
|
|
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li><strong>āļŠāļīāļāļāļīāļāļāđāļāđāļēāļāļķāļ:</strong> āļāļāļĢāļąāļāļŠāļģāđāļāļēāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāļāļĩāđāļāđāļēāļāđāļŦāđāđāļ§āđ</li> <li><strong>āļŠāļīāļāļāļīāļāļāđāļāđāđāļ:</strong> āļāļāđāļŦāđāđāļāđāđāļāļāđāļāļĄāļđāļĨāļāļĩāđāđāļĄāđāļāļđāļāļāđāļāļ</li> <li><strong>āļŠāļīāļāļāļīāļāļ āļĨāļ:</strong> āļāļāđāļŦāđ āļĨāļāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ (Right to Erasure)</li> <li><strong>āļŠāļīāļāļāļīāļāļāļĢāļ°āļāļąāļ:</strong> āļāļāđāļŦāđāļĢāļ°āļāļąāļāļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨāļāđāļāļĄāļđāļĨ</li> <li><strong>āļŠāļīāļāļāļīāļāļāļāļāļāļē:</strong> āļāļāļĢāļąāļāļāđāļāļĄāļđāļĨāđāļāļĢāļđāļāđāļāļāļāļĩāđāļāđāļēāļāđāļāđāļāļąāđāļ§āđāļ</li> <li><strong>āļŠāļīāļāļāļīāļāļąāļāļāđāļēāļ:</strong> āļāļąāļāļāđāļēāļāļāļēāļĢāļāļĢāļ°āļĄāļ§āļĨāļāļĨāļāđāļāļĄāļđāļĨ</li> <li><strong>āļŠāļīāļāļāļīāđāļāļīāļāļāļāļāļāļ§āļēāļĄāļĒāļīāļāļĒāļāļĄ:</strong> āđāļāļīāļāļāļāļāļāļ§āļēāļĄāļĒāļīāļāļĒāļāļĄāļāļĩāđāđāļāđāđāļŦāđāđāļ§āđāļāđāļāļāļŦāļāđāļē</li> <li><strong>āļŠāļīāļāļāļīāļĢāđāļāļāđāļĢāļĩāļĒāļ:</strong> āļĢāđāļāļāđāļĢāļĩāļĒāļāļāđāļāļāļāļ°āļāļĢāļĢāļĄāļāļēāļĢāļāļļāđāļĄāļāļĢāļāļāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ</li> </ul> <p class="text-secondary-700 mt-4">
|
|
āļŦāļēāļāļāđāļēāļāļāđāļāļāļāļēāļĢāđāļāđāļŠāļīāļāļāļīāđāļŦāļĨāđāļēāļāļĩāđ āļāļĢāļļāļāļēāļāļīāļāļāđāļāđāļĢāļēāļāļĩāđ info@dealplustech.co.th
|
|
</p> </section> <section id="section11" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">9. āļĄāļēāļāļĢāļāļēāļĢāļĢāļąāļāļĐāļēāļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒ</h2> <p class="text-secondary-700 mb-4">
|
|
āđāļĢāļēāđāļāđāļĄāļēāļāļĢāļāļēāļĢāļĢāļąāļāļĐāļēāļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒāļāļĩāđāđāļŦāļĄāļēāļ°āļŠāļĄāđāļāļ·āđāļāļāļāļāđāļāļāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨāļāļāļāļāđāļēāļāļāļēāļāļāļēāļĢāđāļāđāļēāļāļķāļ
|
|
āļāļēāļĢāđāļāđ āļāļēāļĢāđāļāđāđāļ āļŦāļĢāļ·āļāļāļēāļĢāđāļāļīāļāđāļāļĒāđāļāļĒāđāļĄāđāđāļāđāļĢāļąāļāļāļāļļāļāļēāļ āļĄāļēāļāļĢāļāļēāļĢāđāļŦāļĨāđāļēāļāļĩāđāļĢāļ§āļĄāļāļķāļ:
|
|
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>āļāļēāļĢāđāļāđāļēāļĢāļŦāļąāļŠāļāđāļāļĄāļđāļĨ (Encryption)</li> <li>āļāļēāļĢāļāļ§āļāļāļļāļĄāļāļēāļĢāđāļāđāļēāļāļķāļ (Access Control)</li> <li>āļāļēāļĢāļŠāļģāļĢāļāļāļāđāļāļĄāļđāļĨāđāļāđāļāļāļĢāļ°āļāļģ</li> <li>āļāļēāļĢāļāļķāļāļāļāļĢāļĄāļāļāļąāļāļāļēāļāđāļĢāļ·āđāļāļāļāļēāļĢāļāļļāđāļĄāļāļĢāļāļāļāđāļāļĄāļđāļĨ</li> </ul> </section> <section id="section13" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">10. āļŠāļīāļāļāļīāļĢāđāļāļāđāļĢāļĩāļĒāļ</h2> <p class="text-secondary-700 mb-4">
|
|
āļŦāļēāļāļāđāļēāļāđāļāļ·āđāļāļ§āđāļēāļĄāļĩāļāļēāļĢāļĨāļ°āđāļĄāļīāļāļāļāļŦāļĄāļēāļĒ PDPA āļāđāļēāļāļĄāļĩāļŠāļīāļāļāļīāļĢāđāļāļāđāļĢāļĩāļĒāļāļāđāļ:
|
|
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"> <strong>āļāļāļ°āļāļĢāļĢāļĄāļāļēāļĢāļāļļāđāļĄāļāļĢāļāļāļāđāļāļĄāļđāļĨāļŠāđāļ§āļāļāļļāļāļāļĨ (PDPC)</strong> </p> <p class="text-secondary-700">āđāļ§āđāļāđāļāļāđ: www.pdpc.or.th</p> <p class="text-secondary-700">āļāļĩāđāļĄāļĨ: info@pdpc.or.th</p> </div> </section> <section class="mt-12 pt-8 border-t border-secondary-200"> <h2 class="text-xl font-bold text-secondary-900 mb-4">āļāļēāļĢāļāļīāļāļāđāļ</h2> <p class="text-secondary-700">
|
|
āļŦāļēāļāļĄāļĩāļāļģāļāļēāļĄāđāļāļĩāđāļĒāļ§āļāļąāļāļāđāļĒāļāļēāļĒāļāļ§āļēāļĄāđāļāđāļāļŠāđāļ§āļāļāļąāļ§āļāļĩāđ āļāļĢāļļāļāļēāļāļīāļāļāđāļ:
|
|
</p> <div class="mt-4"> <p class="text-secondary-700"><strong>āļāļĢāļīāļĐāļąāļ āļāļĩāļĨ āļāļĨāļąāļŠ āđāļāļ āļāļģāļāļąāļ</strong></p> <p class="text-secondary-700">āļāļĩāđāļĄāļĨ: info@dealplustech.co.th</p> <p class="text-secondary-700">āđāļāļĢāļĻāļąāļāļāđ: 090-555-1415</p> </div> </section> </div> </div> </div> </main> <script type="module">const t=JSON.parse(localStorage.getItem("consent-preferences")||"null");if(!t){const e=document.createElement("div");e.id="cookie-banner",e.className="fixed bottom-0 left-0 right-0 bg-gray-900 text-white p-6 z-50 shadow-lg",e.innerHTML=`
|
|
<div class="container mx-auto max-w-4xl">
|
|
<p class="text-base mb-4">āđāļĢāļēāđāļāđāļāļļāļāļāļĩāđāđāļāļ·āđāļāļāļĢāļąāļāļāļĢāļļāļāļāļĢāļ°āļŠāļāļāļēāļĢāļāđāļāļēāļĢāđāļāđāļāļēāļāđāļ§āđāļāđāļāļāđ āđāļāļĒāļāļĨāļīāļāļĒāļāļĄāļĢāļąāļāđāļāļ·āđāļāđāļāđāļāļēāļāļāļļāļāļāļĩāđāļāļļāļāļāļĢāļ°āđāļ āļ āļŦāļĢāļ·āļāļāļĨāļīāļāļāļĢāļąāļāđāļāđāļāđāļāļ·āđāļāđāļĨāļ·āļāļāļāļļāļāļāļĩāđāļāļĩāđāļāđāļāļāļāļēāļĢ</p>
|
|
<div class="flex flex-wrap gap-3">
|
|
<button id="accept-all" class="px-6 py-2 bg-green-600 text-white font-semibold rounded-md hover:bg-green-700">āļĒāļāļĄāļĢāļąāļ</button>
|
|
<button id="reject-all" class="px-6 py-2 bg-gray-700 text-white font-semibold rounded-md hover:bg-gray-600">āļāļāļīāđāļŠāļ</button>
|
|
<button id="customize" class="px-6 py-2 border border-white text-white font-semibold rounded-md hover:bg-white hover:text-gray-900">āļāļĢāļąāļāđāļāđāļ</button>
|
|
</div>
|
|
</div>
|
|
`,document.body.appendChild(e),document.getElementById("accept-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!0,marketing:!0,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("reject-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("customize")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()})}</script> </body> </html> |