/* Main */
html, body {
	margin: 0;
	padding: 0;
	color: black;
	background-color: #DDEDE0;
}

#HEADER {
	margin: 0;
	padding: 0;	
	height: 0.2em;
	color: black;
	background-color: #47741A;
}

#CONTAINER {
	margin: 0;
}

#CONTENT {
	margin: 1em;
	padding: 0;
	line-height: 150%;
}

#FOOTER {
}
/* End of Main */
/*-------------------------------------------------------------------------*/
/* MenuBar */
/* MenuBar is at the top of page */
#MENUBAR {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0.5em 0;
    height: 2em;
    border-bottom: 2px solid #47741A;
}
#LOGO {
	float: left;
	padding: 0 0.5em 0 0;
}
#LOGO .dot {
	margin-top: 0em;
	height: 1.1em;
	width: 1.1em;
	border-radius: 50%;
	display: inline-block;
}
#TITLE_NAME {
	float: left;
	margin: 0;
	padding: 0 0.5em 0.5em 0;
	font-size: 1.3em;
    font-family: Arial, DFPHeiMedium-B5, PMingLiU, Verdana, Sans-serif;
}
#TITLE_NAME .ACTIVE{
	text-decoration: underline;
	text-underline-offset: 0.3em;
}
#TITLE_NAME a {
	cursor: pointer;
	text-decoration: none;
}
#TITLE_NAME a:hover {
	text-decoration: underline;
	text-underline-offset: 0.3em;
}
#TOOLS {
	float: right;
	margin: 0;
	padding: 0;
	height: 1.5em;
}
#TOOLS img {
	margin: 0;
	padding: 0 0 0 0.2em;
	height: 1.5em;
	box-sizing: border-box;
}
#TOOLS .txt {
	vertical-align: top;
	font-size: 1em;
    font-family: Arial, DFPHeiMedium-B5, PMingLiU, Verdana, Sans-serif;
}
#TOOLS .txt a{
	cursor: pointer;
	text-decoration: none;
}
#TOOLS .txt a, a:visited, a:hover {
	color: #47741A;
}
/* 淡藍色系 */
#TOOLS .theme-blue {
	background-color: #e6f3ff;
	color: #003366;
}

/* 淡橘色系 */
#TOOLS .theme-orange {
	background-color: #fff5e6;
	color: #663300;
}

/* 黑色系 (暗黑模式) */
#TOOLS .theme-black {
	background-color: #1a1a1a;
	color: #ffffff;
}

/* 下拉選單容器放在右上角 */
#TOOLS .theme-switcher {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* End of MenuBar */
/* FooterBar */

/* FooterBar is at the bottom of page */