body {
    background-image: url("../img/season2.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	font-size:2em;
	font-family:微軟正黑體,Microsoft JhengHei;
}
footer{
	background-color:#dadada;
	position:relative;
	top:-10px;
    width: 100%;
	max-height:300px;
	font-size:1em;
	padding:25px 30px;
	box-shadow: 0px 0px 20px #888888;
}
footer p{
	margin:0 auto;
}
.container{
	margin-top:10px;
	padding:0;
}
a:hover{
    text-decoration: none;
}
.wrapper{
	margin-top:20px;
	background-color:white;
	padding:30px;
	border-radius:10px;
	min-height:600px;
	box-shadow: 0px 0px 20px #888888;
	
	background: rgba(214,231,231,0.9);
	background: -moz-linear-gradient(top, rgba(214,231,231,0.9) 0%, rgba(41,184,229,0.9) 0%, rgba(255,255,255,1) 10%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,231,231,0.9)), color-stop(0%, rgba(41,184,229,0.9)), color-stop(10%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(214,231,231,0.9) 0%, rgba(41,184,229,0.9) 0%, rgba(255,255,255,1) 10%);
	background: -o-linear-gradient(top, rgba(214,231,231,0.9) 0%, rgba(41,184,229,0.9) 0%, rgba(255,255,255,1) 10%);
	background: -ms-linear-gradient(top, rgba(214,231,231,0.9) 0%, rgba(41,184,229,0.9) 0%, rgba(255,255,255,1) 10%);
	background: linear-gradient(to bottom, rgba(214,231,231,0.9) 0%, rgba(41,184,229,0.9) 0%, rgba(255,255,255,1) 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e7e7', endColorstr='#ffffff', GradientType=0 );
}

nav{
	text-align:center;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
}
article{
	margin:20px;
	font-size:18px;
	line-height:22px
}
#announcement{
	font-size:16px;
}
#anno-head{
	text-align:center;
}
.modal-dialog{
	width:80%;
}
.content{
	margin-top:30px;
}
.verifyImg{
	width:150px;
	height:30px;
}
.form{
	font-size:18px;
}
.form td{
	font-size:18px;
}
.myButton {
	width:100%;
	height:100%;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bfdfff), color-stop(1, #96cbff));
	background:-moz-linear-gradient(top, #bfdfff 5%, #96cbff 100%);
	background:-webkit-linear-gradient(top, #bfdfff 5%, #96cbff 100%);
	background:-o-linear-gradient(top, #bfdfff 5%, #96cbff 100%);
	background:-ms-linear-gradient(top, #bfdfff 5%, #96cbff 100%);
	background:linear-gradient(to bottom, #bfdfff 5%, #96cbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfdfff', endColorstr='#96cbff',GradientType=0);
	background-color:#bfdfff;
	/*-moz-border-radius:6px;*/
	/*-webkit-border-radius:6px;*/
	/*border-radius:6px;*/
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #528ecc;*/
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #96cbff), color-stop(1, #bfdfff));
	background:-moz-linear-gradient(top, #96cbff 5%, #bfdfff 100%);
	background:-webkit-linear-gradient(top, #96cbff 5%, #bfdfff 100%);
	background:-o-linear-gradient(top, #96cbff 5%, #bfdfff 100%);
	background:-ms-linear-gradient(top, #96cbff 5%, #bfdfff 100%);
	background:linear-gradient(to bottom, #96cbff 5%, #bfdfff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96cbff', endColorstr='#bfdfff',GradientType=0);
	background-color:#96cbff;
}
.myButton:active {
	position:relative;
	top:1px;
}
.answer{
	margin:10px 10px auto;
}
.off{
	display:none;
}
.tab{
	width:140px;
	height:100%;
}
#poster{
	width:70%;
	margin-bottom:30px;
	content: url('../img/Poster.png');
}
form{
	margin-bottom:30px;
}
label{
	display:block;
}
fieldset label{
	display: inline-block;
	width: 200px;
	text-align: right;
	padding: 7px 15px 0 0;
	text-transform: uppercase;
	font-weight: bold;
}
#print{
	width:15px;
	height:15px;
}
#imgCaptcha{
	border:1px solid grey;
}
#announcement{
	font-size:1em;
}
h3{
	font-size:2em;
}
@media only screen and (max-width:1024px){
	body {
		background-image: url("../img/mobile/season2-mobile.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		font-size:24px;
	}
	#poster{
		width:100%;
		margin-bottom:30px;
		content: url("../img/mobile/Poster-mobile.png");
	}
	fieldset label{
		width: 300px;
	}
	label{
		font-size:2em;
	}
	input[type=text]{
		border:3px solid black;
		width:100%;
		height:70px;
		font-size:2em;
	}
	input[type=submit],button{
		margin:10px 10px 0 0;
		width:200px;
		height:70px;
		font-size:2em;
	}
	#imgCaptcha{
		margin:20px auto;
		width:500px;
		height:100px;
		border:1px solid grey;
	}
	#print{
		width:30px;
		height:30px;
	}
	select{
		width:100%;
		font-size:2em;
	}
	.myButton{
		font-size:2em;
		height:100%;
	}
	.container{
		width:90%;
	}
	.tab{
		width:140px;
		height:100%;
	}
}