/* CSS Document */
/**************************************************************************/
/**************************************************************************/

/**************************************************************************/
/**************************************************************************/

/* font, background-image */
body {
	font-size: 22px;
	font-family: "Browallia New";
	font-style: normal;
	font-color: #011100;
	
	background-image: url('Pic/005-BG.jpg');
	background-size: 120%;
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed; /* ตรึงพื้นหลัง */
}
	/* พื้นหลังหัวตาราง */
	.fixed {
	  position: sticky;
	  top: 0;
	  z-index: 1;
	  background-image: url('Pic/005-BG - table.jpg');
	  background-size: cover;
	  background-repeat: no-repeat;
	}

	.fixedX2 {
	  position: sticky;
	  top: 0;
	  z-index: 1;
	}
	
	.fixedPrint {
	  position: sticky;
	  top: 0;
	  z-index: 1;
	  background-image: url('Pic/005-BG - table.jpg');
	  background-size: 155%; /* ขยายรูปภาพให้มีขนาด 500% */
	  background-repeat: no-repeat; /* ไม่จำเป็นต้องใช้หากไม่ต้องการ */
	}
/**************************************************************************/
/**************************************************************************/

/* กำหนดสไตล์ให้กับ Text Box */
input[type=text] {
  padding: 10px; /* กำหนดระยะห่างระหว่างขอบและข้อความ */
  border: 2px solid #ccc; /* กำหนดเส้นขอบ */
  border-radius: 5px; /* กำหนดมุมขอบโค้ง */
  font-size: 14px; /* กำหนดขนาดตัวอักษร */
  color: #011100;
}

/* กำหนดสไตล์ให้กับ Text Box ที่มี focus */
input[type=text]:focus {
  border-color: #011100; /* กำหนดสีขอบเมื่อมีการ focus */
  outline: none; /* กำหนดการเน้น (outline) เมื่อ focus (ลบเส้นขีดน้ำเงิน) */
}

/**************************************************************************/
/**************************************************************************/

/* กำหนดสไตล์ให้กับ Select Box */
select {
  padding: 5px; /* กำหนดระยะห่างระหว่างขอบและข้อความ */
  border: 2px solid #ccc; /* กำหนดเส้นขอบ */
  border-radius: 5px; /* กำหนดมุมขอบโค้ง */
  font-size: 14px; /* กำหนดขนาดตัวอักษร */
  height: 60px; /* กำหนดความสูงของ select */
}

/* กำหนดสไตล์ให้กับ Text Box ที่มี focus */
select:focus {
  border-color: #011100; /* กำหนดสีขอบเมื่อมีการ focus */
  outline: none; /* กำหนดการเน้น (outline) เมื่อ focus (ลบเส้นขีดน้ำเงิน) */
}

/**************************************************************************/
/**************************************************************************/

/* กำหนดสไตล์ให้กับ Text Area */
textarea {
  padding: 10px; /* กำหนดระยะห่างระหว่างขอบและข้อความ */
  border: 2px solid #ccc; /* กำหนดเส้นขอบ */
  border-radius: 5px; /* กำหนดมุมขอบโค้ง */
  font-size: 14px; /* กำหนดขนาดตัวอักษร */
}

/* กำหนดสไตล์ให้กับ Text Area ที่มี focus */
textarea:focus {
  border-color: #011100; /* กำหนดสีขอบเมื่อมีการ focus */
  outline: none; /* กำหนดการเน้น (outline) เมื่อ focus (ลบเส้นขีดน้ำเงิน) */
}

/**************************************************************************/
/**************************************************************************/

/* ดาวแดง */
.RedMark {
	color: #F00;
	font-size: 20px;
}
/**************************************************************************/
/**************************************************************************/

/* ขีดเส้นใต้ตาราง สีน้ำตาลอ่อน */
.tbBd {border-bottom: 2px inset orange;}

/**************************************************************************/
/**************************************************************************/
