.media_audio { width: 520px; height: 42px; }
.media_audio_button { width: 520px; height: 42px; 
    cursor: pointer; 
    color: #000000;
    background-color : #fafafa;
    border: 3px double #CCCCCC;
    border-radius:5px;
}
.media_video { width: 520px; height: 320px; }

.ajax
{ }

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*Modal Popup*/
.ajax_ModalPopupBackground {
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity:0.7;
}

/* --------------------------------------------------------------- */
.c_black
{
    FONT-SIZE: 9pt;
    COLOR: black;
    TEXT-DECORATION: none
}
.c_black h1
{
    FONT-SIZE: 12pt;
    COLOR: black;
    TEXT-DECORATION: none
}
.c_black a
{
    font-size: 9pt;
    color: black;
}
.c_black a:hover
{  font-size: 9pt; color: #C0C0C0; }

.c_blue
{
    FONT-SIZE: 10pt;
    COLOR: #3333CC;
    LINE-HEIGHT: 13pt;
    TEXT-DECORATION: none
}

.c_gray
{
    FONT-SIZE: 9pt;
    COLOR: #494949;
    LINE-HEIGHT: 13pt;
    TEXT-DECORATION: none
}

.c_green
{
    FONT-SIZE: 10pt;
    COLOR: #00AA00;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: none
}

.c_red
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.c10_black
{
    FONT-SIZE: 10pt;
    COLOR: black;
    LINE-HEIGHT: 13pt;
    TEXT-DECORATION: none;
}
.c15_black
{
    FONT-SIZE: 15pt;
    COLOR: black;
    TEXT-DECORATION: none
}
.c18_black
{
    FONT-SIZE: 18pt;
    COLOR: black;
    TEXT-DECORATION: none
}

.c10_gray
{
    FONT-SIZE: 10pt;
    COLOR: gray;
    LINE-HEIGHT: 13pt;
    TEXT-DECORATION: none;
}

.c10u_black
{
    FONT-SIZE: 10pt;
    COLOR: black;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: underline;
}

.c10u_gray
{
    FONT-SIZE: 10pt;
    COLOR: gray;
    LINE-HEIGHT: 13pt;
    TEXT-DECORATION: underline;
}

.c11_black
{
    FONT-SIZE: 11pt;
    COLOR: black;
    TEXT-DECORATION: none
}

.c11_blue
{
    FONT-SIZE: 11pt;
    COLOR: #0000AA;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: none;
}

.c11_gray
{
    FONT-SIZE: 11pt;
    COLOR: #494949;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: none;
}

.c11_green
{
    FONT-SIZE: 11pt;
    COLOR: #00AA00;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: none
}

.c11_red
{
    FONT-SIZE: 11pt;
    COLOR: #FF0000;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: none
}

.c11u_black
{
    FONT-SIZE: 11pt;
    COLOR: black;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: underline;
}

.c13_gray
{
    FONT-SIZE: 13pt;
    COLOR: #494949;
    LINE-HEIGHT: 15pt;
    TEXT-DECORATION: none
}

.c15_gray
{
    FONT-SIZE: 15pt;
    COLOR: #494949;
    LINE-HEIGHT: 25pt;
    TEXT-DECORATION: none
}

.c18_gray
{
    FONT-SIZE: 18pt;
    COLOR: #494949;
    LINE-HEIGHT: 21pt;
    TEXT-DECORATION: none
}

.fk11_black
{
    FONT-SIZE: 11pt;
    COLOR: black;
    LINE-HEIGHT: 13pt;
    FONT-FAMILY: 標楷體;
    TEXT-DECORATION: none
}


.fk11_green
{
    FONT-SIZE: 11pt;
    COLOR: green;
    LINE-HEIGHT: 13pt;
    FONT-FAMILY: 標楷體;
    TEXT-DECORATION: none
}


.fk11_red
{
    FONT-SIZE: 11pt;
    COLOR: red;
    LINE-HEIGHT: 13pt;
    FONT-FAMILY: 標楷體;
    TEXT-DECORATION: none
}


.fk15_black
{
    FONT-SIZE: 15pt;
    COLOR: #000000;
    LINE-HEIGHT: 18pt;
    FONT-FAMILY: 標楷體;
    TEXT-DECORATION: none
}


.fk15_gray
{
FONT-SIZE: 15pt;
COLOR: #494949;
LINE-HEIGHT: 30pt;
font-family: 標楷體;
TEXT-DECORATION: none
}

.fk18_gray
{
    FONT-SIZE: 18pt;
    COLOR: #494949;
    LINE-HEIGHT: 25pt;
    FONT-FAMILY: 標楷體;
    TEXT-DECORATION: none
}


.fk21_gray
{
FONT-SIZE: 21pt;
COLOR: #494949;
LINE-HEIGHT: 30pt;
font-family: 標楷體;
TEXT-DECORATION: none
}

.inDate
{
    FONT-SIZE: 9pt;
    COLOR: #ffff00;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #008080
}

.inNumberR
{
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 1px solid;
    TEXT-ALIGN: center;
}
.inNumberR_title
{
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 1px solid;
    TEXT-ALIGN: center;
    font-weight:bold ;
    FONT-SIZE: 15px;
}
.inNumber_BorderX
{
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 0px solid;
    TEXT-ALIGN: center;
}

.inText_gray
{
	text-align: left;
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 1px solid;
	background-color: #EEEEEE;
}

.inTextR
{
	text-align: left;
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 1px solid;
}
.inText_borderX
{
    text-align: left;
	border-right: gray 0px solid;
	border-top: gray 0px solid;
	border-left: gray 0px solid;
	border-bottom: gray 0px solid;
	background-color: transparent;
}

.inWinSel
{
    BORDER-RIGHT: #800000 3px solid;
    BORDER-TOP: #800000 3px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #800000 3px solid;
    BORDER-BOTTOM: #800000 3px solid;
    BACKGROUND-COLOR: #ffffff;
}

.inWinSelBT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffd700
}
.inWinSelBT_gold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffd700;
}
.inWinSelBT_green
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #99FFCC;
}
.inWinSelBT_white
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
}

.menu_child_black
{
    margin: 1px 1px 1px 0px;
    padding: 5px; 
    font-size: 13px; 
    color: black; 
    background-color: #FAFAFA; 
    border-top: 1px double #CCCCCC;
    border-bottom: 1px double #CCCCCC;
    border-left: 3px double #CCCCCC;
    border-right: 3px double #CCCCCC;
    width : 180px;
    text-decoration: none;
}
.menu_child_black a
{  FONT-SIZE: 13px; COLOR: #000000; text-decoration:none;  }
.menu_child_black a:hover
{ COLOR: #AA0000; text-decoration:none; }

.menu_popup
{
    margin:3px;
    padding:5px; 
    font-size: 13px; 
    color: black; 
    background-color: #FAFAFA; 
    border: 3px double #CCCCCC;
    width : 180px;
    text-decoration: none;
}
.menu_popup a
{ font-size: 13px;  color: black; text-decoration: none; }
.menu_popup a:hover
{ color: #AA0000; }
.menu_popup p
{ margin:1px; padding:5px;  border: 1px dotted #CCCCCC; }




.menu_v_child_black
{
	padding-left: 5px; 
	padding-right: 5px; 
    FONT-SIZE: 11px;
    COLOR: #000000;
    LINE-HEIGHT: 26px;
    TEXT-DECORATION: none;
}



.menu_black
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu_black:hover
{
    FONT-SIZE: 10pt;
    COLOR: #aaaaaa;
}

.menu_blue
{
    FONT-SIZE: 10pt;
    COLOR: #00008b;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu_blue:hover
{
    FONT-SIZE: 10pt;
    COLOR: #0000ff;
    TEXT-DECORATION: underline overline
}

.menu_gold
{
    FONT-SIZE: 9pt;
    COLOR: #666666
}


.menu_gold:hover
{
    COLOR: #ff0000;
    TEXT-DECORATION: none
}

.menu_green
{
    FONT-SIZE: 9pt;
    WORD-SPACING: 1px;
    COLOR: green;
    LINE-HEIGHT: 16pt;
    TEXT-DECORATION: underline
}

.menu_gray
{
    FONT-SIZE: 10pt;
    COLOR: #3A3A3A;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu_gray:hover
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}

.menu_red
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu_red:hover
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
    TEXT-DECORATION: underline overline
}

.menu_white
{
    FONT-SIZE: 9pt;
    WORD-SPACING: 1px;
    COLOR: white;
    LINE-HEIGHT: 16pt;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: underline
}

.menu_white:hover
{
    FONT-SIZE: 9pt;
    COLOR: white;
    TEXT-DECORATION: none;
}

.menu11_black 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    COLOR: #000000;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none;
}
.menu11_black a
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    COLOR: #000000;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none;
}
.menu11_black:hover
{ COLOR: #AA0000; }

.menu11_blue
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #0000ff;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu11_blue:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #8888ff;
    TEXT-DECORATION: underline overline
}

.menu11_gold:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ff0000;
    TEXT-DECORATION: underline overline
}

.menu11_gray
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #A0A0A0;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu11_gray:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}


.menu11_green
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #008000;
    TEXT-DECORATION: none
}

.menu11_green:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #008000;
    TEXT-DECORATION: underline overline
}

.menu11_red
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ff0000;
    LINE-HEIGHT: 12pt;
    TEXT-DECORATION: none
}

.menu11_red:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ff0000;
    TEXT-DECORATION: underline overline
}

.menu11_white
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.menu11_white:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #ffffff;
    TEXT-DECORATION: underline overline
}


.sys_hm
{}
.menu_BT
{
    BORDER-RIGHT: #808080 2px solid;
    BORDER-TOP: #C0C0C0 1px solid;
    BORDER-LEFT: #C0C0C0 1px solid;
    BORDER-BOTTOM: #808080 2px solid;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
	COLOR: #0000AA;
    BACKGROUND-COLOR: #ffffff
}
.menu11_BT
{
    BORDER-RIGHT: #808080 2px solid;
    BORDER-TOP: #C0C0C0 1px solid;
    BORDER-LEFT: #C0C0C0 1px solid;
    BORDER-BOTTOM: #808080 2px solid;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
	COLOR: #0000AA;
    BACKGROUND-COLOR: #ffffff
}
.menu_BT_gray
{
    BORDER-RIGHT: #000080 0px solid;
    BORDER-TOP: #000080 0px solid;
    BORDER-LEFT: #000080 0px solid;
    BORDER-BOTTOM: #000080 0px solid;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #0000AA;
    BACKGROUND-COLOR: #eaeaea;
    cursor: hand;
}
.menu_BT_black
{
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
    cursor: hand;
}
.menu_BT_green
{
    BORDER-RIGHT: #000080 0px solid;
    BORDER-TOP: #000080 0px solid;
    BORDER-LEFT: #000080 0px solid;
    BORDER-BOTTOM: #000080 0px solid;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #00AA00;
    BACKGROUND-COLOR: #FFFFFF;
    cursor: hand;
}
.menu11_BT_green
{
    BORDER-RIGHT: #808080 2px solid;
    BORDER-TOP: #C0C0C0 1px solid;
    BORDER-LEFT: #C0C0C0 1px solid;
    BORDER-BOTTOM: #808080 2px solid;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold;
	COLOR: #00AA00;
    BACKGROUND-COLOR: #ffffff
}

.BT_Find
{
    cursor: pointer;
    margin: 0;
    padding: 5px 9px 3px 9px;
    border-left: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 2px solid #C0C0C0;
    border-right: 2px solid #C0C0C0;
    font-size: 11px;
    color: #000000; 
}
.BT_Find:hover {
    font-size: 11px;
    border: 1px solid #EEEEEE;
    border-bottom: 2px solid #C0C0C0;
    border-right: 2px solid #C0C0C0;
    color: #AA0000; 
}

.BT_Find:active {
    font-size: 11px;
    color: #AA0000; 
}

.table_gray 
{
    background-color:#FFFFFF; 
    color: #000000;
    font-size: 13px;
    font-weight:normal ;  
}
.table_gray th 
{
    background:-ms-linear-gradient(top,#FCFCFC,#CCCCCC,#FCFCFC);
    background:-moz-linear-gradient(top,#FCFCFC,#CCCCCC,#FCFCFC);
    background:-webkit-linear-gradient(top,#FCFCFC,#CCCCCC,#FCFCFC);
    border:1px solid #CCCCCC;
    color: #222222;
    font-size: 15px;
    font-weight:bold ;  
}
.table_gray td 
{
    border:1px solid #CCCCCC;
}


/* -----------------------------------
	Logo. Animations
------------------------------------- */
.logo:hover img{
	-webkit-animation: logo_effects .5s ease;
	-moz-animation:logo_effects .5s ease;
	-o-animation:logo_effects .5s ease;
	-ms-animation:logo_effects .5s ease;
	animation:logo_effects .5s ease;
}

@-webkit-keyframes logo_effects{
	0%,100%{
		-webkit-tranform:rotate(0deg);
	}
	30%{
		-webkit-transform:rotate(8deg);
	}
	70%{
		-webkit-transform:rotate(-8deg);	
	}
}

@keyframes logo_effects{
	0%,100%{
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	30%{
		-moz-transform:rotate(8deg);
		-o-transform:rotate(8deg);
		-ms-transform:rotate(8deg);
		transform:rotate(8deg);
	}
	70%{
		-moz-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		-ms-transform:rotate(-8deg);
		transform:rotate(-8deg);	
	}
}