@charset "utf-8";
/* CSS Document */
* {
	margin: 0;/* 邊界 */
	padding: 0;/* 內距 */
}

/* menu */
#menu {
  width: 948px;
  height: 49px;
}
#menu ul {
  margin: 0 0 0 0px;
  padding: 0;
  border: 0 0 0 0px solid #cccccc;
  list-style: none;
}
#menu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 158px;
  height: 49px;
}
#menu li a {
  text-decoration: none;
  display: block;
  width: 158px;
  height: 49px;
}

#menu li#a  {
  background: url(../images/nav.jpg) no-repeat 0px 0px;
}
#menu li#b {
  background: url(../images/nav.jpg) no-repeat -158px 0px;
}
#menu li#c  {
  background: url(../images/nav.jpg) no-repeat -316px 0px;
}
#menu li#d  {
  background: url(../images/nav.jpg) no-repeat -474px 0px;
}
#menu li#e  {
  background: url(../images/nav.jpg) no-repeat -632px 0px;
}
#menu li#f  {
  background: url(../images/nav.jpg) no-repeat -790px 0px;
}
/* menu over時的設定 */
#menu li#a a:hover  {
  background: url(../images/nav.jpg) no-repeat 0px -50px;
}
#menu li#b a:hover {
  background: url(../images/nav.jpg) no-repeat -158px -50px;
}
#menu li#c a:hover      {
  background: url(../images/nav.jpg) no-repeat -316px -50px;
}
#menu li#d a:hover      {
  background: url(../images/nav.jpg) no-repeat -474px -50px;
}
#menu li#e  a:hover{
  background: url(../images/nav.jpg) no-repeat -632px -50px;
}
#menu li#f a:hover {
  background: url(../images/nav.jpg) no-repeat -790px -50px;
}



/* class */
#class1 {
  width: 528px;
  height: 143px;
}
#class1 ul {
  margin: 0 0 0 0px;
  padding: 0;
  border: 0 0 0 0px solid #cccccc;
  list-style: none;
}
#class1 li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 132px;
  height: 143px;
}
#class1 li a {
  text-decoration: none;
  display: block;
  width: 132px;
  height: 143px;
}

#class1 li#a  {
  background: url(../images/class_btn1.jpg) no-repeat 0px 0px;
}
#class1 li#b {
  background: url(../images/class_btn1.jpg) no-repeat -132px 0px;
}
#class1 li#c  {
  background: url(../images/class_btn1.jpg) no-repeat -264px 0px;
}
#class1 li#d  {
  background: url(../images/class_btn1.jpg) no-repeat -396px 0px;
}

/* over時的設定 */
#class1 li#a  {
  background: url(../images/class_btn1.jpg) no-repeat 0px -143px;
}
#class1 li#b  {
  background: url(../images/class_btn1.jpg) no-repeat -132px -143px;
}
#class1 li#c  {
  background: url(../images/class_btn1.jpg) no-repeat -264px -143px;
}
#class1 li#d  {
  background: url(../images/class_btn1.jpg) no-repeat -396px -143px;
}


/* class */
#class2 {
  width: 528px;
  height: 143px;
}
#class2 ul {
  margin: 0 0 0 0px;
  padding: 0;
  border: 0 0 0 0px solid #cccccc;
  list-style: none;
}
#class2 li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 132px;
  height: 143px;
}
#class2 li a {
  text-decoration: none;
  display: block;
  width: 132px;
  height: 143px;
}

#class2 li#a  {
  background: url(../images/class_btn2.jpg) no-repeat 0px 0px;
}
#class2 li#b {
  background: url(../images/class_btn2.jpg) no-repeat -132px 0px;
}
#class2 li#c  {
  background: url(../images/class_btn2.jpg) no-repeat -264px 0px;
}
#class2 li#d  {
  background: url(../images/class_btn2.jpg) no-repeat -396px 0px;
}

/* over時的設定 */
#class2 li#a  {
  background: url(../images/class_btn2.jpg) no-repeat 0px -143px;
}
#class2 li#b  {
  background: url(../images/class_btn2.jpg) no-repeat -132px -143px;
}
#class2 li#c  {
  background: url(../images/class_btn2.jpg) no-repeat -264px -143px;
}
#class2 li#d  {
  background: url(../images/class_btn2.jpg) no-repeat -396px -143px;
}





/* service */
#service {

	height: 67px;
	text-align: center;
}
#service ul {
  margin: 0 0 0 0px;
  padding: 0;
  border: 0 0 0 0px solid #cccccc;
  list-style: none;
}
#service li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 54px;
  height: 67px;
}
#service li a {
  text-decoration: none;
  display: block;
  width: 54px;
  height: 67px;
}

#service li#a  {
  background: url(../images/service_btn.jpg) no-repeat 0px 0px;
}
#service li#b {
  background: url(../images/service_btn.jpg) no-repeat -54px 0px;
}
#service li#c  {
  background: url(../images/service_btn.jpg) no-repeat -108px 0px;
}
/* over時的設定 */
#service li#a a:hover  {
  background: url(../images/service_btn.jpg) no-repeat 0px -67px;
}
#service li#b a:hover {
  background: url(../images/service_btn.jpg) no-repeat -54px -67px;
}
#service li#c a:hover      {
  background: url(../images/service_btn.jpg) no-repeat -108px -67px;
}