@charset "utf-8";
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../images/bady.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#header {
	height: 120px;
	width: 960px;
	background-color: #000;
	background-image: url(../images/header.jpg);
}
#header #header1 {
	text-decoration: none;
	margin: 0px;
	padding-top: 90px;
	padding-left: 840px;
}
#content{
	width: 960px;
	background-color: #FFF;

}
#content #content1{
	width: 960px;
	padding: 0px;
	text-align: center;
	margin: 0px;
}
#content1 #button{
	height: 200px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(../images/eps7806.jpg);
}
#button #FlashID {
	margin-right: auto;
	margin-left: auto;
}

#content1 #content11{
	width: 520px;
	text-align: center;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	font-family: "細明體";
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 40px;
}
	
			/* Total width of slideshow */
	
#previewPane{
	border:1px solid #000099;
	text-align:center;
	vertical-align:middle;
	padding-top:8px;
	/* CSS HACK */
		height: 304px;	/* IE 5.x */
	height/* */:/**/300px;	/* Other browsers */
	height: /**/300px;
	width:420px;
	float:left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	/* CSS HACK */
		height: 302px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/298px;	/* Other browsers */
	height: /**/302px;
	/* CSS HACK */
		width: 64px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/60px;	/* Other browsers */
	width: /**/60px;
	border:1px solid #000099;	/* Black border */
	padding:1px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:20px;
	}
	#galleryContainer #arrow_up{
		height:20px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:256px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}

#content1 #content12{
	width: 440px;
	padding: 0px;
	color: #00F;
	float: right;
	font-size: 20px;
	margin: 0px;
	font-weight: bold;
}
#content #content3{
	clear: both;
	width: 960px;
	color: #FC0;
}
#content3 table tr {
	margin-top: 5px;
	text-align: center;
}
#content3 table tr th p {
	color: #F00;
	font-size: 24px;
}
#footer{
	width: 960px;
	text-align: center;
	font-family: "細明體";
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}