/* รีเซ็ตค่าพื้นฐาน */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Prompt', sans-serif;
    background-color: #ffffff; /* สีพื้นหลังสว่างแบบซอฟต์สายตา */
}



/*--------------------------------- Font ------------------------------- */
.txt16Blue{
	font-family: "MS Sans Serif";
	font-size: 16px;
	font-style: normal;
    color: #011c76;
	font-weight: bold;
}
.txt14Gray1{
	font-family: "Tahoma";
	font-size: 14px;
	font-style: normal;
    color: #333333;
}
.txtTopicGreen{
	font-family: "MS Sans Serif";
	font-size: 16px;
	font-style: normal;
    color: #009900;
	font-weight: bold;
}

h1{ font-size:18px; color: #009900; }
h2{ font-size:16px; color: #ffffff; }
h3{ font-size:16px; color: #ffffff; }


/*---------------------------------End Font ------------------------------- */

/*---------------------------------  ตาราง------------------------------- */




.table-div {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr; /* กำหนด 3 คอลัมน์ */
    border: 1px solid #ccc;
    width: 100%;
  }


/*---------------------------------  ตาราง3 col------------------------------ */



  .table-row { /* Table Row: ใช้ display: table-row ทำตัวเหมือนแท็ก <tr> */
    width: 100%;
	display: contents; /* ให้ลูกๆ จัดเรียงตาม grid ของแม่ */
	align-items: center;     /* กึ่งกลางแนวตั้ง */
	vertical-align: middle;
	overflow-y: auto;        /* เปิดใช้งาน scroll แนวตั้ง */
    background-color: #ffffff;
  }


  .table-cell { /* Table Cell: ใช้ display: table-cell ทำตัวเหมือนแท็ก <td>*/
    display: table-cell;
    border: 0px solid #ccc;
    padding: 2px;
  	vertical-align: top;
  }


  .table-cell-footter { /* Table Cell: ใช้ display: table-cell ทำตัวเหมือนแท็ก <td>*/
    display: table-cell;
    border: 0px solid #ccc;
    padding: 2px;
  	vertical-align: top;
	font-family: "MS Sans Serif";
	font-size: 14px;
	font-style: normal;
    color: #ffffff;	
  }
  
  .table-sub {  /*  การซ้อน: นำโครงสร้างชุด table-sub ไปใส่ไว้ข้างใน table-cell ของตารางหลักได้ทันที */
    display: table;
    width: 100%;
    border: 0px dashed #007bff;
    background-color: #f8f9fa;
  }