.root
{
	font-family:標楷體;
}

body
{
	background-color:black;
}
div.menu_panel
{
	background-color:#080808;
}
div.menu
{
	border:1px solid Green;
	background-color: Black;
	padding:4px; 
	margin:0; 
	margin-bottom:0.25rem; 
}

span.help_desc 
{
	margin-left: 0.3rem; 
	margin-right: 0.3rem;
	margin-top:0.3rem;
	margin-bottom:0.0rem;
}
div.menu_item  {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	margin-left: 0rem;
	margin-right: 0rem;
	padding: 0;
}


div.menu_control
{
	padding:0; 
	margin: 0.25rem 0 0.25rem 0; 
}

div.menu_control_item
{
	padding:0; 
	margin: 0;
}

a.menu_control_item_text:link, a.menu_control_item_text:visited
{
    color: Green; /* 選單瀏覽控制的顏色 */
    text-decoration: none;
    cursor: pointer;
}

a.menu_control_item_text:hover
{
	color: Pink;   /* 游標移到時所顯示的顏色 */
}

span.menu_control_item_text:
{
	color: Green;
}


div.menu_loginout
{
	padding:0; 
	margin:0 0 0.5rem 0; 
}

div.menu_loginout_item
{
}

a.menu_loginout_item_text
{
}

a.menu_loginout_item_text:link, a.menu_loginout_item_text:visited
{
    color: Cyan; /* 選單瀏覽控制的顏色 */
    text-decoration: none;
    cursor: pointer;
}

a.menu_loginout_item_text:hover
{
	color: Pink;   /* 游標移到時所顯示的顏色 */
}

span.menu_loginout_item_text
{
	color: Cyan;   /* 游標移到時所顯示的顏色 */
}

a.menu_item_text:link, a.menu_item_text:visited  
{
    color: Blue;
    text-decoration: none;
    cursor: pointer;
}

a.menu_item_text:hover
{
	color: Pink;    /* 游標移到連結文字時所顯示的顏色 */
}

span.menu_item_symbol 
{
    color: Blue;		/*選單文字前面的圓形符號 */
    padding: 0;
}
a.menu_control_page_text:link, a.menu_control_page_text:visited
{
    color: #888888; /* 選單瀏覽控制的顏色 */
    cursor: pointer;
}
a.menu_control_page_text:hover
{
	color: Pink;    /* 游標移到連結文字時所顯示的顏色 */
}

span.menu_control_page_text
{
    color: White; /* 上、下頁控制 */
    padding: 0;
}

a.loginout:link, a.loginout:visited  {
	color: cyan;
	text-decoration: none;
	cursor: pointer;
}

a.loginout:hover
{
  color: #FFFF00;
}

a.menu_function_draft_item_text:link, a.menu_function_draft_item_text:visited
{
    color: Green; 
    text-decoration: none;
    cursor: pointer;
}

a.menu_function_draft_item_text:hover
{
	color: Pink; 
}


div.title {
	padding:0; 
	margin:0; 
}

div.title_item 
{
	padding:0; 
	margin:0; 
}

span.title_item_text
{
	font-size:1.2rem; 
	border-radius: 0.2rem; 
	margin:0.08rem 0.08rem 0.08rem 0.08rem;
	vertical-align: middle; 
	background-color:#72AC20; 
}

.title_board {
	paddgin-left: 0.25rem;
	padding-right: 0.25rem;
	color: black;
	background-color: yellow;
}

.userid {
	paddgin-left: 0.25rem;
	padding-right: 0.25rem;
	color: Cyan;
}	



a.disabled {
  pointer-events: none;
  cursor: default;
}

a.char_ui {
	paddgin-left: 0.25rem;
	padding-right: 0.25rem;
}


a.article_title {
	paddgin-left: 0.25rem;
	padding-right: 0.25rem;
}
a.char_ui:link, a.char_ui:visited
{
  color: LightGreen;
  text-decoration: none;
  cursor: pointer;
}
a.char_ui:link:active, a.char_ui:visited:active
{
  color: red;
}
a.char_ui:link:hover, a.char_ui:visited:hover
{
  color: #FFFF00;
}

a.article_title:link, a.article_title:visited
{
  color: DodgerBlue;
  text-decoration: none;
  cursor: pointer;
}
a.article_title:link:active, a.article_title:visited:active
{
  color: red;
}
a.article_title:link:hover, a.article_title:visited:hover
{
  color: Yellow;
}
span.datetime
{
  color: Silver	;
}

.sel_highlight { background-color: #333333; }

.modal {
  color: black;
  background-color: darkgray;
  border: 1px solid #ddd;
}

.modal h2 {
    border-bottom: 1px solid #000;
    padding: 0.6rem;
    margin: 0;
}

.modal .content {
    padding: 0.6rem;
    margin: 0;
}

.content label {
	
}

.content input {
	
}

.content button {
	font-size: 1rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	margin-left: 2px;
	margin-right: 2px;
}

.dpi {
    
}

a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}