html, Body { background-image:url(../Images/background.jpg); margin:auto 0px; padding:0px; border: 0px; height:100%; width:100%; font-family:"微軟正黑體", "新細明體", "細明體", Arial;}
div {text-align: left;}
a { text-decoration: none;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a.active { text-decoration: none;}

#page { min-height:100%; position: relative;}

#Header { height:132px; width:100%; position:absolute; background: #325884; text-align: center;}
#Header div{  position: relative; display: inline-block;}
#Header #HeardDiv1{ background:url(../Images/heard1.jpg); height: 132px; width: 58px;}
#Header #HeardDiv2{ text-align: center; color: #ffffff;}
#Header #HeardDiv2 #HeardLogo{ color: #9dcc48; font-size: 24pt;}
#Header #HeardDiv3{ background:url(../Images/heard2.jpg); height: 132px; width: 210px;}
#Main { padding-bottom:60px; margin-left: auto 0px; margin-right: auto 0px;}
#MainBody { height:100%; width:100%; padding-top:132px; background-color: #ffffff; text-align: center;}

#LeftNav { display: inline-block; vertical-align: top;}
#LeftNav a { color: #ffffff;}
#LeftNav div { padding-left: 5px; background: #638CBB; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; color: #ffffff;}
#LeftNav #subContent { padding-left: 20px; background: #E3FAE7; color: #325884;}
#LeftNav #subContent a { color: #325884;}
#BodyContent { display: inline-block;}
#footer { background-color:#325884; color: #ffffff; margin:0 auto; position:absolute; text-align:center; width:100%; height:60px; bottom:0px;}

@media (max-width: 1920px) {
	/*#Main { width: 1900px;}*/
	#LeftNav { width: 320px;}
	#BodyContent { width: 1340px;}
	#Header #HeardDiv2{ width: 80%;}
}

@media (max-width: 1680px) {
	#BodyContent { width: 940px;}
	#Header #HeardDiv2{ width: 80%;}
}

@media (max-width: 1280px) {
	#BodyContent { width: 530px;}
	#Header #HeardDiv2{ width: 520px;}
}

@media (max-width: 888px) {
	img { width: 100%}
	#BodyContent { width: 640px;}
	#Header #HeardDiv2{ width: 520px;}
}

@media (max-width: 640px) {
	#BodyContent { width: 480px;}
	#Header #HeardDiv2{ width: 520px;}
}

@media (max-width: 480px) {
	#LeftNav { width: 100%;}
	#BodyContent { width: 100%}
	#Header { height: 60px;}
	#MainBody { padding-top:60px;}
	#Header #HeardDiv1{ display: none;}
	#Header #HeardDiv2{ width: 100%; text-align: center;}
	#Header #HeardDiv2 #HeardLogo{ color: #9dcc48; font-size: 20pt;}
	#Header #HeardDiv3{ display: none;}
}

@media (max-width: 320px) {
	#Header #HeardDiv1{ display: none;}
	#Header #HeardDiv2{}
	#Header #HeardDiv2 #HeardLogo{ color: #9dcc48; font-size: 18pt;}
	#Header #HeardDiv3{ display: none;}
}