body {
margin: 0;
padding: 0;
}

.box1{
display: block;				/* ให้แสดงเป็น Block  ปกติจะเป็น inline   ไม่สามารถสั่งให้ลงมาโดยคำสั่ง  margin-top; 2rem ได้*/
margin: auto;
display: flex; 
  width: 900px;		 
	background-color: #000099;
	color: white;
  }
.logo img {						/*  */
  width: 100px;   
 border-radius:  100%;		/* กำหนดกรอบรูปเป็นวงกลม */
 box-shadow:  0 0 10px #333;		/* กำหนด แกน X 0  แกน Y 0  ความฟุ่ง 10px    สี #333 */
}
ul{
width : 90%;
display: flex;						/* ให้แสดงอยู่ในแถวเดียวกัน	 */
justify-content: center;
align-items: center;
   <!-- border:1px solid white;       -->
}
td,th {
	font-family: MS Sans Serif, Tahoma, sans-serif;
	font-size: 14px;
}
.box2 {
	width: 900px;
	background-color: #cecece;
/*	hight:  300px;    */
	display: block;
	margin: auto;
	display: grid;											/* แสดงแบบเป็น   คอละมน์ */
	grid-template-columns: repeat(2, 1fr);  /* แสดงซ้ำ 2 คอลัมน์ */
/*	grid-template-columns: 1fr 1fr 1fr;*/
}
.inbox2 {
/*  border: 1px solid red;   */
width: 907px;
  /*  padding: 1rem;   */
	text-align: center;				/*  จัดข้อความให้อยู่ตรงกลาง  */
	background-color: white;
	color: #000;
}