@charset "utf-8";
/* CSS Document */

/* ปิดการเลือกข้อความ */
       body {
            font-family: 'Kanit', sans-serif;
        }

        /* ปิดการเลือกข้อความทั้งหน้า */
        body {
            user-select: none; /* ปิดการเลือกข้อความทั้งหน้า */
            cursor: default; /* ใช้เคอร์เซอร์ลูกศรปกติ */
        }

        /* ป๊อปอัพเต็มหน้า */
        .popup-background {
            display: none; /* ซ่อนป๊อปอัพเริ่มต้น */
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5); /* สีพื้นหลังโปร่งแสง (ดำ 50%) */
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        .popup-content {
            background-color: white;
            border: 2px solid #6a49f2;
            border-radius: 5px;
            padding: 20px;
            width: 300px;
            text-align: center;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        }

        .popup-content p {
            color: #6a49f2; /* ข้อความสีม่วง */
            margin-bottom: 20px;
        }

        .popup-content button {
            padding: 10px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-right: 10px;
        }

        .popup-content .btn-yes {
            background-color: #4CAF50; /* สีพื้นหลังปุ่มใช่ สีเขียว */
            color: black; /* ข้อความสีดำ */
        }

        .popup-content .btn-no {
            background-color: #FFA500; /* สีพื้นหลังปุ่มยกเลิก สีส้ม */
            color: black; /* ข้อความสีดำ */
        }