:root {
	--DfBackgroundColor: #fffbef;
	--DfBackgroundColor1: #fff3d0;
	--DfBackgroundColor2: #ffcb5b;
	--DfTitleColor1: #e36c0e;
	--DfTitleColor2: #f09100;
	--DfMenuBgColor: #f09100;

	--ContentsMaxWidth: 1600px;

	--DfFontColor: #492f00;
}

body {
	font-size: 12px;
	color: #333333;
	height: 100%;
	background-color: var( --DfBackgroundColor );
	padding-top: 154px;
}

.Font_NotoSerifTC { 
	font-family: "Noto Serif TC", serif;
	font-optical-sizing: auto;
	font-style: normal; 
}

#Main { display: flex; flex-direction: column; justify-content: space-between; height: 100vh; background: var( --DfBackgroundColor ); }

.Main .MTitle { width: 100%; font-size: 30px; text-align: center; }

ul.PageLink { display: flex; margin: 20px 0px 0px; justify-content: flex-end; }
ul.PageLink li { flex: none; width: max-content; display: flex; margin: 0px 5px; align-items: center; }
ul.PageLink li button { display: block; height: 100%; padding: 5px 6px; border-radius: 5px; background-color: #b4b4b4; color: #FFF; }
ul.PageLink li button[t="page"] { width: max-content; padding: 5px 10px; background-color: #b4b4b4; font-size: 1rem; }
ul.PageLink li button:hover { background-color: #fcd067; cursor: pointer; }
ul.PageLink li button[href="?"] { background-color: #737373; }
ul.PageLink li button.Page[href="?"] { background-color: #b4b4b4; }
ul.PageLink li button.Page[href="?"]:hover { background-color: #fcd067; }
ul.PageLink li button.This[t="page"] { background-color: #f19100; }

@media screen and (max-width: 1024px) {
	body {
		padding-top: 90px;
	}
}