@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
}
#mm {
	display:none;
}
#nn a{
	text-decoration: none;
	color:white;
	font-family:"微軟正黑體", "Segoe UI Variable Display Light";
}
#nn ul{
	width:480px; /*已設定好一個li width=120, 所以四個width=480*/
	margin:0 auto;  /*上下0 左右auto變成水平置中*/
	padding:0;
	text-align: center;
}
#nn ul>li{         /*僅主選單li*/ /*">"符號表是只有指定ul下一層的li,而非下面全部的li(不加">"就是以下全部的li)*/
	width:120px;
	height:auto;
	padding:10px 0;
	list-style: none;
	float:left;
	background-color: deeppink;
}
#nn ul>li:hover{
	background-color: pink;
}
#nn ol{
	margin:10px 0 0 0;
	padding:0;
	display:none;
}
#nn ol li{         /*僅次選單li*/
	list-style:none;
	padding:10px;
}

@media (max-width:800px){    /*僅主選單li*/
	#nn {
		display:none;
	}
	#mm {
		width:auto;
		height:auto;
		display:block;
		padding:10px;
		font-family:"微軟正黑體", "Segoe UI Variable Display Light";
		font-size:24px;
		text-align:center;
		color:white;
		background-color: deeppink;
	}
	#nn ul{
		width:100%;
	}
	#nn ul>li{
		width:100%;
		float:none;

	}
	#nn ol li{         /*僅次選單li*/
	padding:10px 0;
	}
}