/* ให้ body มีภาพพื้นหลัง + สีสำรอง #8DD8FE */
html, body {
  height: 100%;
}
body {
  background: #8DD8FE url("/images/background1.jpg") no-repeat top center scroll;
  background-size: cover;          /* ขยายภาพเต็มจอแบบคงสัดส่วน */
}

/* ถ้าคอนเทนต์สีขาวทึบจนบังภาพพื้นหลัง ให้ทำให้โปร่งนิดหน่อยอ่านง่าย */
.t3-wrapper,
.t3-mainbody .container,
.t3-content,
.t3-footer,
.t3-header {
  background: transparent;         /* เอาพื้นหลังทึบที่อาจถูกธีมตั้งไว้ ออก */
}
.t3-mainbody .container {
  background: rgba(255,255,255,.88);  /* กล่องเนื้อหาโปร่งแสง */
  border-radius: 10px;
  padding: 20px;
}

/* มือถือ: ปรับไม่ให้ภาพ “fixed” เพื่อเลื่อนลื่นขึ้น */
@media (max-width: 767px) {
  body { background-attachment: scroll; }
}