/*ทำโลโก้หมุนๆตอนโหลดหน้าเว็บ*/

    /* พื้นหลัง preloader ครอบทั้งหน้า */
    #preloader {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(255,255,255,0.8); /* โปร่งใส เห็นเนื้อหาด้านหลัง */
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      backdrop-filter: blur(3px); /* ทำให้เบลอเล็กน้อย */
    }

	/* วงกลมหมุน */
	.logo {
	width: 160px;  /* ปรับขนาดโลโก้ */
	animation: bounce 0.4s infinite alternate;
	}

	@keyframes bounce {
	from { transform: translateY(0); }
	to   { transform: translateY(-25px); } /* -50px = กระโดดสูงขึ้น */
	}

    body.loaded #preloader {
      display: none; /* ซ่อน preloader */
    }