body{
	margin:0px auto;
	background-color:#ecd4ae;
	font-family:sans-serif,Microsoft JhengHei;
}
a,div,#nav,#banner,#header,#footer{
	margin:0px;
	border:0px;
	padding:0px;
}
a{
	text-decoration:none;
	color:blue;
}

/*header*/
#header{
	background-color:#f3ab18;
}
#banner{
	width:100%;
	min-width:160px;
	height:auto;
	display:block;
}

/*nav*/
#nav{	
	text-align:center;
	background-color:#f3ab18;	
}
#nav a{
	display:inline-block;
	color:#221914;
	font-weight:bold;
	font-size:1.4em;
}
#nav a div{
	display:block;
	width:180px;
	height:35px;
	padding-top:10px;
}
#nav a:hover{
	background-color:#1ca04a;
	color:#FFFFFF;
}

/*content*/
#content{
	min-width:160px;
	text-align:center;
	font-size:1.2em;
}
#content h1{	
	color:#d94425;
	margin:10px auto;
	font-size:1.4em;
}
#content h2{
	width:100%;
	max-width:720px;
	margin:0px auto;
	padding:2px 0px 2px 0px;
	font-size:1em;
	background-color:#f3ab18;
	border-radius:10px 10px 0px 0px;
}
#content table{
	margin:0px auto;	
	width:100%;	
	max-width:1280px;
	background-color:#f7eedf;
	border-color:#f3ab18;
	color:#0c0100;
}
#content table .meno{
	color:#1ca04a;
}

/*footer*/
#footer{
	text-align:center;
	background-color:#f3ab18;
	margin:0px auto;
	padding:10px 0px;
}
#footer div{	
	display:inline-block;
}

/*邀請卡*/
#inv_card{
	width:100%;
	min-width:160px;
	max-width:1280px;
	height:auto;
	display:block;
	margin:0px auto;
}

/*班敘場地分配表*/
#class_chat1{
	width:100%;
	min-width:160px;
	max-width:1280px;
	height:auto;
	display:block;
	margin:0px auto;
}
#class_chat2{
	width:100%;
	min-width:160px;
	max-width:1280px;
	height:auto;
	display:block;
	margin:0px auto;
}

/*校歌MV*/
#ssv{
	width:100%;
	max-width:720px;
	height:auto;
	border-radius:10px;
}

/*畢業祝福MV*/
.congs{
	width:100%;
	max-width:720px;
	height:auto;
	margin-bottom:10px;
	border-radius:0px 0px 10px 10px;
}

@media screen and (max-width: 320px) {
	#nav a {
		font-size:1.2em;
	}
	#nav a div{
		height:27px;
		padding:2px;
	}
}
@media screen and (min-width: 321px) and (max-width: 420px) {
	#nav a {
		font-size:1.2em;
	}
	#nav a div{
		height:30px;
		padding-top:3px;
	}
}
@media screen and (max-width: 420px) {
	#content h1{
		font-size:1.2em;	
	}
	#content table{
		font-size:xx-small;
	}
	#content .t1_col2_time,.t1_col3_time,.t1_col4_time{
		font-size:medium;
	}
	#content .t1_col6_pgram{
		font-size:small;
	}
	#footer{
		font-size:0.8em;
		padding:5px 0px;
	}
}