@media screen{
	/* 整體設置*/
	.navigation {
		position: absolute;	/* 選單後(下層)的字不會動來動去 */
		margin:2px 0;
		list-style-type:none;
		padding:inherit;
	}
	.navigation li {	/* 每項目寬度約五個中文字 */
		float:left;		/* 各 li 水平鋪平 */
		width:160px;	/* 選單寬度 */
	}
	/* 設置選單區塊*/
	.navigation li dl {
		width:inherit;
		/* ie6 */
		margin:0;
		padding:0;
	}
	.navigation li dt a,	/* dt 已被 summary 取代 */
	.navigation li dd a {	/* dd a 磚塊化 */
		display:block;
	}
	/* 設置子選單 dd */
	.navigation li dd {
		background-color:#668;	/* 圖檔背景會受「#xo-globalnav a」背景設定的抑制 */
		border-bottom:dotted 1px #bbb;
		margin-left:0px;		/* 控制子選單左方空間，預設值不知多少 */
	}
	.navigation li dd.last {
		border-bottom:0;		/* 最後的 dd 不畫底線 */
	}
		.navigation li dd a,
		.navigation li dd a:visited {
		text-align:left;
		padding-left:20px
	}
}
@media screen and (max-width:768px){
	.navigation li {	/* 每項目寬度約六個中文字，子項目七個中文字 */
		width:-webkit-fill-available;		/* 選單寬度 */
	}
		.navigation li dd a,
		.navigation li dd a:visited {
		text-align:left;
		padding:3px;	/*	預設字向左對齊再留三點 */
	}
}