Post Views: 44
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>สรุปกรณีทองคำสูญหาย - สถานธนานุบาลเทศบาลนครตรัง</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;600;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Kanit', sans-serif;
background-color: #1a1a1a;
color: #ffffff;
}
.bg-yellow { background-color: #FFD700; }
.text-yellow { color: #FFD700; }
.border-yellow { border-color: #FFD700; }
.glass-card {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 215, 0, 0.2);
transition: all 0.3s ease;
}
.glass-card:hover {
border-color: #FFD700;
transform: translateY(-5px);
}
.timeline-dot {
width: 12px;
height: 12px;
background: #FFD700;
border-radius: 50%;
position: absolute;
left: -6px;
top: 10px;
}
.diagonal-bg {
background: linear-gradient(135deg, #FFD700 0%, #B8860B 100%);
}
</style>
</head>
<body class="p-4 md:p-8">
<div class="max-w-5xl mx-auto">
<!-- Header Section -->
<header class="text-center mb-12">
<div class="inline-block px-4 py-1 bg-yellow text-black font-bold text-sm mb-2 rounded">REPORT SUMMARY</div>
<h1 class="text-4xl md:text-6xl font-extrabold mb-4">เจาะลึกกรณี <span class="text-yellow">"ทองคำสูญหาย"</span></h1>
<p class="text-gray-400 text-lg">สถานธนานุบาลเทศบาลนครตรัง | ถอดบทเรียนจากรายงาน สตง.</p>
<div class="w-24 h-1 bg-yellow mx-auto mt-6"></div>
</header>
<!-- Main Content Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<!-- Section 1: Timeline -->
<div class="glass-card p-6 rounded-2xl">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<span class="w-8 h-8 rounded-full bg-yellow text-black flex items-center justify-center mr-3">1</span>
ลำดับเหตุการณ์ (Timeline)
</h2>
<div class="border-l-2 border-yellow ml-2 pl-6 space-y-8 relative">
<div class="relative">
<div class="timeline-dot"></div>
<p class="text-yellow font-bold text-sm">ธันวาคม 2568</p>
<p class="text-gray-200">ตรวจสอบครั้งใหญ่ ทรัพย์สินอยู่ครบถ้วน</p>
</div>
<div class="relative">
<div class="timeline-dot"></div>
<p class="text-yellow font-bold text-sm">2 มกราคม 2569</p>
<p class="text-gray-200">กล้องวงจรปิดขัดข้องปริศนา (01.00 - 07.00 น.)</p>
</div>
<div class="relative">
<div class="timeline-dot"></div>
<p class="text-yellow font-bold text-sm">5 มกราคม 2569</p>
<p class="text-gray-200 text-sm">ลูกค้าไถ่ถอนทอง 5 บาท แต่หาของไม่พบ พบสูญหายต่อเนื่องน้ำหนักรวม 10 บาทในวันเดียว</p>
</div>
<div class="relative">
<div class="timeline-dot"></div>
<p class="text-yellow font-bold text-sm">6 มกราคม 2569</p>
<p class="text-gray-200">แจ้งความดำเนินคดีและตั้ง กก. ตรวจสอบทันที</p>
</div>
</div>
</div>
<!-- Section 2: Damage Summary -->
<div class="glass-card p-6 rounded-2xl flex flex-col justify-between">
<div>
<h2 class="text-2xl font-bold mb-6 flex items-center">
<span class="w-8 h-8 rounded-full bg-yellow text-black flex items-center justify-center mr-3">2</span>
สรุปความเสียหาย
</h2>
<div class="grid grid-cols-2 gap-4">
<div class="bg-white/10 p-4 rounded-xl text-center">
<p class="text-yellow text-3xl font-bold">177</p>
<p class="text-xs text-gray-400">รายการที่หาย</p>
</div>
<div class="bg-white/10 p-4 rounded-xl text-center">
<p class="text-yellow text-3xl font-bold">~50</p>
<p class="text-xs text-gray-400">น้ำหนักทอง (บาท)</p>
</div>
<div class="col-span-2 bg-yellow p-4 rounded-xl text-center">
<p class="text-black text-xs font-bold uppercase">มูลค่าความเสียหายโดยประมาณ</p>
<p class="text-black text-3xl font-bold">3,000,000+ บาท</p>
</div>
</div>
</div>
<div class="mt-6 p-4 border border-yellow/30 rounded-xl bg-yellow/5">
<p class="text-xs text-yellow font-bold uppercase mb-1">ผู้ต้องสงสัยหลัก</p>
<p class="text-white">"พนักงานรักษาของ" ถูกจับกุมในข้อหาลักทรัพย์ในสถานที่ราชการ</p>
</div>
</div>
<!-- Section 3: Gap Analysis -->
<div class="glass-card p-6 rounded-2xl md:col-span-2">
<h2 class="text-2xl font-bold mb-6 flex items-center">
<span class="w-8 h-8 rounded-full bg-yellow text-black flex items-center justify-center mr-3">3</span>
ช่องโหว่และจุดอ่อน (Key Gaps)
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="p-4 bg-white/5 rounded-xl border-l-4 border-yellow">
<h3 class="text-yellow font-bold mb-2">กุญแจห้องนิรภัย</h3>
<p class="text-sm text-gray-300 italic">"ความเหลื่อมล้ำของการถือครอง"</p>
<p class="text-sm mt-2">พนักงานรักษาของถือครองกุญแจ 4 ดอก ขณะที่ผู้จัดการถือเพียง 2 ดอก ทำให้เข้าถึงทรัพย์สินง่ายเกินไป</p>
</div>
<div class="p-4 bg-white/5 rounded-xl border-l-4 border-yellow">
<h3 class="text-yellow font-bold mb-2">ระเบียบปี 2553</h3>
<p class="text-sm text-gray-300 italic">"ระเบียบที่ก้าวไม่ทันมูลค่า"</p>
<p class="text-sm mt-2">การรวมอำนาจความรับผิดชอบไว้ที่บุคคลเดียว ไม่สอดคล้องกับทรัพย์สินที่มีมูลค่าสูงขึ้นมากในปัจจุบัน</p>
</div>
<div class="p-4 bg-white/5 rounded-xl border-l-4 border-yellow">
<h3 class="text-yellow font-bold mb-2">การสุ่มตรวจ</h3>
<p class="text-sm text-gray-300 italic">"ความเสี่ยงที่ถูกประเมินต่ำ"</p>
<p class="text-sm mt-2">ผู้สอบบัญชีสุ่มตรวจเพียงร้อยละ 13.50 เพราะประเมินว่าเป็นจุดที่มีความเสี่ยงต่ำในระบบงานเดิม</p>
</div>
</div>
</div>
<!-- Section 4: Solutions -->
<div class="glass-card p-6 rounded-2xl md:col-span-2 diagonal-bg">
<div class="flex flex-col md:flex-row items-center justify-between text-black">
<div class="mb-4 md:mb-0">
<h2 class="text-3xl font-black italic">FUTURE PREVENTION</h2>
<p class="font-bold">มาตรการแก้ไขและแนวทางป้องกัน</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 w-full md:w-2/3">
<div class="bg-black text-white p-4 rounded-lg text-sm">
<span class="text-yellow font-bold block mb-1">⚖️ ด้านกฎหมาย</span>
ดำเนินคดีอาญาและเรียกค่าเสียหายตาม พ.ร.บ. ความรับผิดทางละเมิดฯ
</div>
<div class="bg-black text-white p-4 rounded-lg text-sm">
<span class="text-yellow font-bold block mb-1">🔍 ด้านตรวจสอบ</span>
ปรับปรุงระเบียบกุญแจคู่ และเพิ่มความถี่ในการสุ่มตรวจระหว่างปี (Interim Audit)
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="mt-12 text-center text-gray-500 text-xs">
<p>© 2026 สำนักตรวจเงินแผ่นดินจังหวัดตรัง | ข้อมูลอ้างอิงจากรายงานสรุปกรณีไม่มีทรัพย์รับจำนำคืนลูกค้า</p>
</footer>
</div>
</body>
</html>
