@import url("reset.css");

#HEADER {
	width:828px;
	height:262px;
	margin:0 auto;
}
#HEADER ul {
	width:828px;
	height:49px;
}
#HEADER li {
	float:left;
}
#HEADER li a {
	display:block;
	width:207px;
	height:49px;
	text-indent:-9999px;
}
#HEADER li a:hover { 
	background-position:left bottom;
	}

#HEADER li.home a{ background-image:url(bt-1.jpg);}
#HEADER li.traffic a{ background-image:url(bt-2.jpg);}
#HEADER li.class a{ background-image:url(bt-3.jpg);}
#HEADER li.form a{ background-image:url(bt-4.jpg);}

#HEADER h1 {
	margin:0 auto;
	display:block;
	width:828px;
	height:213px;
	background-image:url(banner.jpg);
	text-indent:-9999px;
	clear:both;
}

#MAIN {
	width:828px;
	background-image:url(main.jpg);
	margin:0 auto;
	padding: 10px 0 0 0;
}

#MAIN .fb-like-box{ padding:0 0 0 40px;
}

#MAIN  h2{
	padding:10px 30px 0px 30px;
}

#MAIN  p{
	padding:10px 30px 10px 30px;
}
#MAIN table {   
  width:700px;
  border:3px; 
  font-family: arial; 
  font-size:18px; 
} 
#MAIN th { 
  padding:5px 3px 5px 3px;
  background-color:#407fbf;
  text-align:center;
  font-family:Microsoft JhengHei;
  font-weight:bold;
} 
#MAIN td { 
  padding:5px 3px 5px 3px;
  background-color:#ccffff;
  text-align:center;
  font-size:16px;
} 
#MAIN .fb{
 width:270px;
 height:300px;
}
#FOOTER {
	width:828px;
	height:141px;
	background-image:url(footer.jpg);
	text-indent:-9999px;
	margin:0 auto;
}