/*=============== 以下為HTML tag的樣式 ===============*/
BODY {
	margin: 1px;
	padding: 0px;
	FONT-SIZE: 10pt;
	COLOR: #232323;    /*  灰色   */
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../pic/bg.gif);
}

TD {
	FONT-SIZE: 10pt;
}

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

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

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

A:hover {
	COLOR: #000000; /*換樣式顏色需要改此屬性*/
	TEXT-DECORATION: underline;
	background-color:#00CCFF;	            /* 所有連結有background　color，不想要拿掉此行即可　*/

}


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

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


.header_bar_0 {
	background: #2260A3  url(../pic/lib_header-2017.jpg); /*換樣式顏色需要改此屬性*/
	height:110px;
}

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


.header_bar_2 {
	/*background: #CAEEFF url(../pic/se-big.gif); 換樣式顏色需要改此屬性*/
	background: #CAEEFF; /*換樣式顏色需要改此屬性*/
	height: 30px;
}

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


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



.logo {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;	/*中文字20px,英文18px*/
	height: 150px;
	vertical-align: middle;
	letter-spacing:.2em;	/*中文字.2em,英文.1em*/
	/* BACKGROUND: #2260A3 url(../pic/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: #Ffffff   url(../pic/left_bg.jpg) no-repeat;  /*換樣式顏色需要改此屬性*/
	vertical-align: top;
	width: 180px;
}


.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: #FF0000;
	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; /*換樣式顏色需要改此屬性*/
	border-bottom: #6699ff 1px solid; /*換樣式顏色需要改此屬性*/
	height: 24px;
}

.top_menu_font {
	font-size:12px;
	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(../pic/content_bg_lib1.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(../pic/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 #6699ff; /*換樣式顏色需要改此屬性*/
}
	
.navigation a:hover {
	color: #FFFFFF; /*換樣式顏色需要改此屬性*/
	background: #6699ff; /*換樣式顏色需要改此屬性*/
	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: 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: 210px;
}

/*=============== 以下為輪播的樣式 ===============*/

* {
margin: 0;
padding: 0;
}

body {
font-size: 100%;
color: #000000;         /*影響全部網頁字體的顏色*/

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.widget {
width: 480px;
margin: 5px;         /* 水平間距 */
padding: 5px;        /* 垂直間距 */
background: #CAEEFF;　　　/*背景色*/
border: 1px solid #95DDFF;   /* 外框線粗細、　及顏色  */
margin-bottom: 15px;         /* 與下段的間距 */
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
    font-size: 16px;	/*  頁籤字的大小　*/
	display: inline;
	list-style: none;
	padding-right: 0px;      /* 標題切換與右邊的間距　*/
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;

		font-weight: bold;
		padding: 6px 12px;     /*頁籤 高邊　寬邊大小　*/
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected, .tabnav li.mouse_hover a {
		background: #33ccff url(pic/se.gif) ;
		color: #ffffff;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 6px;     /* 內框與大框之top 間距　*/
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}
	
		.tabdiv img.bigConImg {
		border:1px solid #788a98; 
		display:block; 
		float:left; 
		width:70px; 
		height:90px; 
		vspace:10; 
		hspace:10
		}
	
		.tabdiv li {
		list-style-image: url('test/source/star.png');
		margin-left: 100px
		}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}