﻿/* CSS Document */
/* ==================將預設值歸零================== */
#Left,#News,#HotNews,h3,#Left ul,#ele,#ju,#se,#colgra,#publan,.NewsBox,.NewsBox ul,#From,#NewsContents,#Contents,#ContentsTitle{margin:0; padding:0;}

/* ==================設定右邊區塊================== */

/* ------- "新聞區" 大標題 ------ */
.Title-ele,.Title-ju,.Title-se,.Title-colgra,.Title-publan,.Title-search{text-align:right; min-height: 26px; width:100%; padding:18px 0 0 0; margin-bottom:8px;}

.Title-ele{background:url(/images/topnews/title-topnews-ele.gif) no-repeat left top;} /* 國小 */
.Title-ju{background:url(/images/topnews/title-topnews-ju.gif) no-repeat left top;}   /* 國中 */
.Title-se{background:url(/images/topnews/title-topnews-se.gif) no-repeat left top;}   /* 高中 */
.Title-search{background:url(/images/topnews/title-topnews-search1x1.gif) no-repeat left top;} /* 搜尋 */
.Title-colgra{background:url(/images/topnews/title-topnews-colgra.gif) no-repeat left top;}   /* 大學‧研究所 */
.Title-publan{background:url(/images/topnews/title-topnews-publan.gif) no-repeat left top;} /* 公職‧語言 */

#HotNews h3{background:url(/images/topnews/topnews-tab-t2x1.gif);}

/* ------ 設定 "新聞列表" 表格內容 ------ */
#News,#HotNews{ border:1px solid #c5cba3; margin:5px; padding:5px; }
/*#News td,#HotNews td{ height:30px;line-height:30px;}*/
#News .Seperator { border-bottom: solid 1px #d2e1b5; }
#HotNews .Seperator { border-bottom: solid 1px #ffddaa; }
#News .NewsDate {color: #90a15d; font-size: 12px;}
#HotNews .NewsDate {color: #d3af67; font-size: 12px;}
.SearchContent { font-size: 12px; color: #336666;}
/* -------------頁數格式設定------------- */
#News .Pager td { background:url();height:22px!important ;line-height:22px!important ;}
.Pager table {float:left; padding: 0; margin: 0;}
.Pager span {float: right;} /* 頁數訊息 */
.Pager a{color:#444; border:1px solid #ddd; text-decoration:none; padding:2px 6px;margin:0 2px; font-size:11px;}
.Pager a:hover{ color:#fff; BACKGROUND:#84974A; text-decoration:none;}
/* 設定停在該頁 頁數的樣子 */
.Pager table span{ color:#cf0505!important ;padding:2px 6px!important;margin:0 2px!important; height:auto!important ;line-height:normal!important ;}

/* ------ 新聞內容相關設定------  */
/* 列表標題 */
#News > h3{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
	padding: 5px 10px; color: white; font-size: 14pt; font-weight: bold; background-color: #618D05;
}
#HotNews > h3{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
	padding: 5px 10px;
	text-shadow: -2px 0 2px White, 0 2px 2px White, 2px 0 2px White, 0 -2px 2px White; color: #B97B09; font-size: 14pt; font-weight: bold;
	background-color: #F7C815; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #F7C815 0%, #F4A81F 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7C815), color-stop(100%,#F4A81F)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #F7C815 0%,#F4A81F 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #F7C815 0%,#F4A81F 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #F7C815 0%,#F4A81F 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #F7C815 0%,#F4A81F 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7C815', endColorstr='#F4A81F',GradientType=0 ); /* IE6-9 */
}
	#HotNews h3 .EngTitle, #News h3 .EngTitle {
		font-size: 10pt;
		display: inline-block;
		margin-left: 10px;
		text-shadow: none;
		color: white;
	}
/* 文章標題 */
#News #ContentsTitle{padding:5px 5px 5px 5px; margin-bottom:12px; text-align: right; }
/* 文章內容 */
#News #Contents{width: 95%; margin: auto; padding:0 0.5em; font-size: 12pt;}
/*#News #Contents img{ float:left; margin:0 15px 15px 0;}*/
#News #Contents > p { text-indent: 2em; text-align: justify }
#News #Contents td { background:url();}
#News #Contents td p { margin-bottom: 16px;}
/* 新聞內容的新聞來源格式設定 */
#News #From{ display:block;text-align:right; background:url(/images/img-icon/dot-green.gif) repeat-x top;color:#84974A; font:13px Verdana, Arial; letter-spacing:1px; padding-top:10px; margin-top:15px;}
#News #From img,#From img a{ text-align:right; margin:0 0 0 5px}
#News #From a:hover img{ position:relative; left:1px; top:1px;}


/* ==================設定左邊區塊================== */
/* 輸入關鍵字的輸入框 */
.InputBox { font-size:11px; height:18px; color:#666666; border:1px solid #c0cd97;}
/* 左邊區塊的共同設定 */
.NewsBox { margin-top:7px; margin-left: 5px; margin-right: 5px; max-width: 225px; border-radius: 10px 10px 0 0; border: solid 1px #ccc; }
.NewsBox img { margin:3px; } /*more圖片按鈕*/
.NewsBox ul {margin:5px 7px 10px 7px; list-style:none;}
.NewsBox .More { background-color: #F3F3D3; text-align: right; text-decoration: none; }
.NewsBox .More a { color: #006600; display: inline-block; background-color: #F6FFDD; border: solid 1px #89AE44; margin: 3px; text-decoration: none; font-size: 8pt; padding: 0 3px }
.NewsBox .More a:hover {position: relative; left: 1px; top: 1px;}

/* 左邊區標題設定：未連結呈現橘字；有連結，滑鼠移過綠字變橘字 */
.NewsBox .Title {
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei", sans-serif;
	display:block; padding: 5px 10px; vertical-align: middle;
	border-radius: 10px 10px 0 0;
	background-color: #A0BD1F; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #A0BD1F 0%, #CBE069 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A0BD1F), color-stop(100%,#CBE069)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #A0BD1F 0%,#CBE069 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #A0BD1F 0%,#CBE069 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #A0BD1F 0%,#CBE069 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #A0BD1F 0%,#CBE069 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0BD1F', endColorstr='#CBE069',GradientType=0 ); /* IE6-9 */
}
/* 區標題連結 */
.NewsBox .Title a { text-shadow: -2px 0 2px White, 0 2px 2px White, 2px 0 2px White, 0 -2px 2px White; color: #618D05; font-size: 14pt; font-weight: bold; text-decoration: none; } /* 有連結 */
/* 區標題連結：滑鼠移過或是目前在同一區 */
.NewsBox .Title a:hover, .NewsBox .Title a.active{ 
	text-shadow: -2px 0 2px #618D05, 0 2px 2px #618D05, 2px 0 2px #618D05, 0 -2px 2px #618D05; color: White; 
} /* 有連結 */

.NewsSearch {
	color: #006600;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 5px;
	max-width: 225px;
}

a.NewsSearchBtn{
	color: #446502;
	display: inline-block;
	padding: 3px 6px;
	font-size: 9pt;
	text-decoration: none;
	border: solid 1px #89AE44;
	vertical-align: middle;
	border-radius: 5px;
	background-color: #E2ED55; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #E2ED55 0%, White 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2ED55), color-stop(100%,White)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #E2ED55 0%,White 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #E2ED55 0%,White 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #E2ED55 0%,White 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #E2ED55 0%,White 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2ED55', endColorstr='White',GradientType=0 ); /* IE6-9 */
}
.NewsTitleClickHint{
	margin-top: 10px;
	color: #e67800;
	font-size: 10pt;
}