/*==========setting by basic stard==========*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 微軟正黑體;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body, form {
	height: 100%;
}
/*==========  setting by basic end  ==========*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1; /* IE <8 */
}
/*==========================  主體共用  ===========*/
.left {
	float: left;
}
.right {
	float: right;
}
/*==========================  版型位置  ===========*/
body {
	background-color: #b9bebe;
	background-image: url('../Images/WebLinkTopB.jpg');
	background-repeat: repeat-x;
	background-position: left top;
}
#container {
	background-image: url('../Images/EventTop.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*IE6不識別min-height*/;
	position: relative;
	width:100%;
	margin:0 auto;
}
#header {
	height:75px;
}
#page {
	width: 980px;
	padding-bottom: 80px;/*等於footer的高度*/
	margin:0 auto;
}
#area {
	border-radius: 5px;
	width: 100%;
	margin: 0 auto;
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); 
	box-shadow: 0px 0px 3px 4px rgba(30%,30%,30%,0.5);
	padding: 3%;
	height:100%;
	display: block;
}
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;/*腳部的高度*/
	clear: both;
}
#footer div {
	font-size:small;
	width: 900px;
	margin:0 auto;
	margin-top:15px;
	display:table;
}
#footer div span {
	line-height: 1.3em;
}
#footer div span a {
	color: #efefef;
	font-weight:bold;
}

/*=======主體內容部分=======*/
#content {
/*	float: left;*/
	display:block;
	width: 100%;
	/*min-height:35em;
	height:35em;*/
}
.event h1 {
	border-left: 15px fuchsia solid;
	border-bottom: 1px fuchsia solid;
	color: #333333;
	font-family: 微軟正黑體;
	font-size: 1.65em;
	font-weight: 900;
	padding: 0 0 5px 20px;
	margin-bottom: 10px;
	border-bottom-color: #003399;
	border-left-color: #003399;
}

.GridView {
	width:100%;
}
.GridView th {
	background-image: url('../Images/Bg_EventTh.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #EC2224;
}
.GridView th,.GridView td {
	padding: 10px 5px;
}
.Alt {
	background-color: #EEEEEF;
}
li a:hover {
	filter: alpha(opacity=80); /* IE */;
	-moz-opacity: 0.8; /* FF + Moz */;
	opacity: 0.8; /* CSS3 */;
	zoom: 1;
}

.DdlPage {
	border-radius: 5px;
	border: 1px #ccc solid;
	padding: 5px 10px;
	display: block;
	width: 30%;
	margin:0 auto;
}
.Ddlinput {
	cursor:pointer;
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
	border-radius: 5px;
	border: 1px #ccc solid;
	padding: 5px 10px;
	display: block;
	width: 30%;
	color:#ffffff;
	margin:0 auto;
}
.abgne-carousel {
	padding: 10px;
	position: relative;
}
.abgne-carousel h3 {
	font-size: 1.5em;
	padding: 8px 10px;
	margin-top:-1px;
	border:1px #ccc solid;
	display:block;
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	*display:block!important;
}
.abgne-carousel h3 b,.abgne-carousel h3 span {
	display: inline-block;
	vertical-align: middle;
	*line-height: 45px!important;
}
.abgne-carousel h3 b {
	width: 100px;
	font-weight:900;
}
.abgne-carousel h3 span {
	line-height:1.8em;
}
.abgne-carousel .frame input[type=image]:first-child {
	height:190px;
	width:95%;
}
.abgne-carousel .frame input[type=image]:last-child {
	padding:0px 5px;	
	border-radius: 3px;
	border: 1px #ccc solid;
	padding: 5px;
	width:65px;
	text-align:center;
}
.abgne-carousel .frame {
	position: relative;
	overflow: hidden;
	margin:0 auto;
	padding:5px;
	width: 100%;	/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
}
.abgne-carousel li {
	float: left;
	width: 31.8%;
	display:inline-block;
	position: relative;
	margin: 5px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.abgne-carousel li span {
	width: 100%;
	display:block;
	text-align:center;
}
.abgne-carousel li input[type=image] {
	width: 96%;
	margin: 2%;
	display:block;
}
.abgne-carousel li:hover,.Ddlinput:hover
 {
	filter: alpha(opacity=60); /* IE */;
	-moz-opacity: 0.6; /* FF + Moz */;
	opacity: 0.6; /* CSS3 */;
	zoom: 1;
}