/*=============== 以下為HTML tag的樣式 ===============*/
BODY {
	/*FONT-SIZE: 12pt;*/
	COLOR: #232323;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(bg.gif);
	body *{filter:gray;}
html{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

}

TD {
	/*FONT-SIZE: 12pt;*/
}

A:link {
	COLOR: #333333; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #333333; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

A:active {
	COLOR: #333333; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: underline;
}

A:hover {
	COLOR: orangered; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: underline;
}


/*=============== 以下為自訂的樣式 ===============*/
.page_main_area {
	BORDER-TOP: #CCCCCC 1px solid;
	BACKGROUND: #ffffff;
	BORDER-LEFT: 0px;
	WIDTH: 980px;
	BORDER-BOTTOM:#CCCCCC 1px solid;
	BORDER-COLLAPSE: collapse;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
}

.header_bar {
	background: #000000; /*換樣式顏色需要改此屬性*/
	height: 1px;
}


.header_bar_0 {
	background: #2260A3; /*換樣式顏色需要改此屬性*/
	height:125px;
}

.header_bar_1 {
	background: #5E9CCC; /*換樣式顏色需要改此屬性*/
	height: 1px;
}


.header_bar_2 {
	background: #213847; /*換樣式顏色需要改此屬性*/
	height: 2px;
}

.header_bar_3 {
	background: #5E9CCC; /*換樣式顏色需要改此屬性*/
	height: 1px;
}


.header_bar_4 {
	background: #FFCC00; /*換樣式顏色需要改此屬性*/
	height:26px;
}



.logo {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;	/*中文字20px,英文18px*/
	height: 100px;
	vertical-align: middle;
	letter-spacing:.2em;	/*中文字.2em,英文.1em*/
	BACKGROUND: #a5ccd3 url(logo_banner.jpg); /*換樣式顏色需要改此屬性*/
	
}


.logo A:link {
	COLOR: #FEFEFE; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.logo A:visited {
	COLOR: #FEFEFE; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.logo A:active {
	COLOR: #FEFEFE; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.logo A:hover {
	COLOR: #FFFF97;
	TEXT-DECORATION: none;
}


.tagline {
	font-family: Arial, Helvetica, sans-serif;
	color: #D3DCE6; /*換樣式顏色需要改此屬性*/
	line-height:16px;
	font-size: 14px; /*中文字14px,英文12px*/
}



.sidebar_menu {
	background: #F0F0F0;  /*換樣式顏色需要改此屬性*/
	vertical-align: top;
	width: 165px;
}


.sidebar_menu A:link {
	COLOR: #333333; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.sidebar_menu A:visited {
	COLOR: #333333; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.sidebar_menu A:active {
	COLOR: #333333; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: underline;
}

.sidebar_menu A:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}



.header_logo_area {
	VERTICAL-ALIGN: top;
}



.top_menu {
	BORDER: 0px;
	WIDTH: 100%;
	BORDER-COLLAPSE: collapse;
	margin: 0 0 0 0;
}


.top_menu_area {
	//background: #4C4C4C; /*換樣式顏色需要改此屬性*/
	background: #006699; /*換樣式顏色需要改此屬性*/
	border-bottom: #213847 1px solid; /*換樣式顏色需要改此屬性*/
	height: 24px;
}

.top_menu_font {
	/*font-size:10px;*/
	font-size:70%;
	letter-spacing: 1px;
}


.top_menu_area A:link {
	COLOR: #CAD4D4;
	TEXT-DECORATION: none;
}

.top_menu_area A:visited {
	COLOR: #CAD4D4;
	TEXT-DECORATION: none;
}

.top_menu_area A:active {
	COLOR:#FFFFFF;
	TEXT-DECORATION: underline;
}

.top_menu_area A:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
}


.tail_area {
	//BACKGROUND: #003333; /*換樣式顏色需要改此屬性*/
	BACKGROUND: #ffffff; /*換樣式顏色需要改此屬性*/

	COLOR: #555555;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 70px;
	border-bottom: #bfbfbf 0px solid;
}

.tail_text {
	//color: #DEDEDE;
	color: #232323;
	/*font-size: 11px;*/
}



.content_body { 
	background: #FFFFFF url(content_bg_mixed2.gif) repeat-y top right; /*換樣式顏色需要改此屬性*/
	padding-left: 10px;
	padding-top: 5px;
}


.content_text {
	padding: 0px 0px 0px 20px;
        /*font-size:16px; */
	letter-spacing:.1em;
}


.content_title {
	color: #1B5059; /*換樣式顏色需要改此屬性*/
	font-weight: bold;
	/*font-size:24px;*/
	font-size:180%;
	font-weight:bolder;
	letter-spacing:2px;
}
.Header_title_link {
	font-size:16px;
	letter-spacing:5px;
}

.content_subtitle {
	/*font-size: 12pt;*/
	font-weight: bold;
	color: #424242; /*換樣式顏色需要改此屬性*/
	background: left no-repeat url(images/cube.gif);
	margin: 5px 0 0 0;
	padding: 0px 0px 0px 15px;
	letter-spacing: 1px;
}


.navigation a {
	font:10pt Arial, Helvetica, sans-serif;
	color: #333333; /*換樣式顏色需要改此屬性*/
	text-decoration: none;
	letter-spacing:.0em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-left:1px solid #3291A2; /*換樣式顏色需要改此屬性*/
}
	
.navigation a:hover {
	color: #FFFFFF; /*換樣式顏色需要改此屬性*/
	background: #3291A2; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.navText {
	font-size:16pt Arial, Helvetica, sans-serif;
	color: #FFFFFF; /*換樣式顏色需要改此屬性*/
	letter-spacing:.1em;
	line-height:10px;
        /*font-size:12pt;*/
}





.copyright_iframe {
	WIDTH: 100%;
	HEIGHT: 70px;
	margin: 0 0 0 0;
}


.content_iframe {
	BORDER-RIGHT: 0px;
	BORDER-TOP: #bfbfbf 0px solid;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	WIDTH: 868px;
	BORDER-BOTTOM: #bfbfbf 0px solid;
}

/*--*/

.sidebar_menu_iframe {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
	
	MARGIN: 0 0 0 0;
	
	height: 600px;
	width: 180px;

	float:left;
	vertical-align: top;
	
}

.header_iframe_vertical_menu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 175px;
}

.header_iframe_horizontal_menu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 180px;
}