*{
	font-family: 'IBM Plex Sans Thai', sans-serif;
	background-color: #E4EFEA;
}
body{
  padding:10px;
}
.container{
	display: grid;
	margin: auto;
	width: 80%;
	max-width: 1200px;
    border: 1px solid #306339;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(12, 0.5fr);
	grid-row-gap: 2px;
	align-content: center;
}

.area-6{
	background-color: #F8C030;
	grid-column : 1/6;
	grid-row:1/2;
	font-size: 2.0rem;
	text-align: center;
	color: #29550B;
	vertical-align: middle;
	padding: 0.5em;
	border-radius: 20px;
}
.area-7{
	/* logo */
	
	grid-column : 1/2;
	grid-row:3/6;
	justify-content: center;
	align-items: center;
	margin: auto;
}
.area-7 img{
	height: 180px;
	width: auto;
	overflow: hidden;
}
.area-8{
	/* ชื่อโครงการ */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:2/3;
	font-size: 1.5rem;
	padding: 12px;
}
.area-9{
	/* วันที่ประกาศ */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:3/4;
	font-size: 1.5rem;
	padding: 12px;
}
.area-10{
	/* ชื่อหน่วยงานเจ้าของโครงการ */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:4/5;
	font-size: 1.5rem;
	padding: 12px;
}
.area-11{
	/* ประเภทจัดหา */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:5/6;
	font-size: 1.5rem;
	padding: 12px;
}
.label{
	color: #B36B0B;
	font-size: 1.6rem;
	background-color: #FCFBFC;
}
.area-12{
	/* วิธีการจัดหา */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:6/7;
	font-size: 1.5rem;
	padding: 12px;
}
.area-13{
	/* งบประมาณ */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:7/8;
	font-size: 1.5rem;
	padding: 12px;
}

.area-15{
	/* สถานะโครงการ */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:8/9;
	font-size: 1.5rem;
	padding: 12px;
}
.label2{
	color: #057304;
	font-size: 1.6rem;
	background-color: #FCFBFC;
}
.area-16{
	/* รายละเอียด/เอกสารเพิ่มเติม */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:9/10;
	font-size: 1.5rem;
	padding: 12px;
}
.area-17{
	/* ไฟล์แนบ 3 */
	background-color: #FCFBFC;
	grid-column : 1/6;
	grid-row:10/11;
	font-size: 1.5rem;
	padding: 12px;
}
.label3{
	background-color: #FCFBFC;
	color: #057304;
	border-radius: 10px;
}
#link1{
	background: rgba(52,48,186,1.00);
	color: aliceblue;
	padding: 5px;
	border-radius: 10px;
}
#link1:hover{
	background: rgba(233,248,36,1.00);
	color: rgba(11,22,128,1.00);
	padding: 6px;
	border-radius: 10px;
	transition: 0.3s;
}
.area-20{
	/* ที่มา */
	background-color: #14544B;
	grid-column : 1/6;
	grid-row:12/13;
	color: aliceblue;
	vertical-align: middle;
	padding: 1em;
	text-align: center;
}