﻿/*=============== 以下為HTML tag的樣式 ===============*/
BODY {
	/*FONT-SIZE: 10pt;*/
	COLOR: #232323;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(bg.gif);
}

/TD {
/*	FONT-SIZE: 10pt; */
/	 border-top: 2px dotted #008000; border-bottom: 2px dotted #008000; padding-left: 4px; padding-right: 4px; padding-top: 1px; ///padding-bottom: 1px"border-top: 2px dotted #008000; border-bottom: 2px dotted #008000; padding-left: 4px; padding-right: 4px; padding-top:/ 1px; padding-bottom: 1px"
/}

TD {
	/*FONT-SIZE: 10pt;*/
	 
}

A:link {
	COLOR: #ffffff; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #ffffff; /*換樣式顏色需要改此屬性*/
	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;*/
	WIDTH: 60%;
	BORDER-BOTTOM:#CCCCCC 1px solid;
	BORDER-COLLAPSE: collapse;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
}

.header_bar {
	background: #2260A3; /*換樣式顏色需要改此屬性*/
	height: 1px;
}


.header_bar_0 {
	background: #2260A3; /*換樣式顏色需要改此屬性*/
	height:20px;
}

.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:24px;
}



.logo {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;	/*中文字20px,英文18px*/
	height: 100px;
	vertical-align: middle;
	letter-spacing:.2em;	/*中文字.2em,英文.1em*/
	
}


.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 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: #006666; /*換樣式顏色需要改此屬性*/
	border-bottom: #213847 1px solid; /*換樣式顏色需要改此屬性*/
	height: 12px;
}

.top_menu_font {
	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: #4C4C4C; /*換樣式顏色需要改此屬性*/
	COLOR: #555555;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 70px;
	border-bottom: #bfbfbf 0px solid;
}

.tail_text {
	color: #DEDEDE;
	/*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;
	letter-spacing:.1em;
}


.content_title {
	color: #1B5059; /*換樣式顏色需要改此屬性*/
	font-weight: bold;
	font-size:24px;
	font-weight:bolder;
	letter-spacing:2px;
}


.content_subtitle {
	/*font-size: 12pt;*/
	font-weight: bold;
	color: #424242; /*換樣式顏色需要改此屬性*/
	background: left no-repeat url(cube.gif);
	margin: 7px 0 0 0;
	padding: 0px 0px 0px 15px;
	letter-spacing: 2px;
}


.navigation a {
	/*font:11pt Arial, Helvetica, sans-serif; /* menu選單字體大小*/
	color: #333333; /*換樣式顏色需要改此屬性*/
	text-decoration: none;
	/*letter-spacing:.0em;*/
	letter-spacing:.3em;  /*選單字體間距 */
	line-height:18px;
	display:block;
	padding: 0px 20px;    /*  選單小圖 與 選單文字間距 */
	/*border-left:10px solid #3291A2;/ /*換樣式顏色需要改此屬性*/
	/*border-left:10px solid #ff9900; /*換樣式顏色需要改此屬性*/
	background: left no-repeat url(cube.gif);  /*選單左邊的小圖*/
}
	
.navigation a:hover {
	color: #FFFFFF; /*換樣式顏色需要改此屬性*/
	background: #3291A2; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: none;
}

.navText {
	font:12pt Arial, Helvetica, sans-serif;
	color: #FFFFFF; /*換樣式顏色需要改此屬性*/
	letter-spacing:.1em;
	line-height:16px;
}


.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: 1500px;
	width: 190px;  /*選單欄位寬度*/

	float:left;
	vertical-align: top;
	
}



.sidebar_menu {
	background-image: url(img/menu.gif);
	/*background: #ddECd5;  /*換樣式顏色需要改此屬性 menu.html 背景色*/
	vertical-align: top;
	width: 180px;   /* menu.html 選單表格寬度  */
}



.header_iframe_vertical_menu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 170px;
}

.header_iframe_horizontal_menu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 210px;
}