body {
	font-family: Arial, "新細明體";
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bodyBg.jpg);
	background-repeat: repeat-x;
	background-color: #41af89;
	color: #555555;
	line-height: 16px;
}
#top {
	background-image: url(../images/top_gray.jpg);
	background-repeat: repeat-x;
	height: 23px;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#top a {
	display: block;
	float: right;
	height: 23px;
	text-indent: -5000px;
}
#layer_taiwan {
	width: 130px;
	z-index: 20;
	left: 719px;
}
#layer_world {
	width: 122px;
	z-index: 21;
	left: 814px;
}
#layer_family {
	width: 138px;
	z-index: 22;
	left: 862px;
}
#layer_world img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#top .layer_arr {
	position: absolute;
	top: 23px;
	border: 1px solid #adadad;
	background-color: #e7e7e7;
	visibility: hidden;
}
#top   .layer_arr ul {
	list-style-type: none;
	margin: 6px;
	background-color: #FFFFFF;
	padding: 0px;
	display: block;
	float: none;
}
#top  .layer_arr a {
	color: #666666;
	display: block;
	line-height: 13px;
	text-decoration: none;
	float: none;
	text-indent: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	height: 13px;
}
#top  .layer_arr a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
	text-indent: 0px;
	height: 13px;
}
a#taiwan_look {
	background-image: url(../images/taiwan_look.jpg);
	width: 95px;
}
a#look_family {
	background-image: url(../images/look_family.jpg);
	width: 93px;
}

a#world_look {
	background-image: url(../images/world_look.jpg);
	width: 95px;
}
a#taiwan_look:hover {
	background-image: url(../images/taiwan_look_over.jpg);
	width: 95px;
}
a#look_family:hover {
	background-image: url(../images/look_family_over.jpg);
	width: 93px;
}

a#world_look:hover {
	background-image: url(../images/world_look_over.jpg);
	width: 95px;
}
#MainNavBG {
	background-image: url(../images/TopHsinchu.jpg);
	background-repeat: no-repeat;
	height: 106px;
	width: 1000px;
}
#MainNav {
	list-style-type: none;
	float: right;
	margin-top: 58px;
	margin-bottom: 0px;
	margin-right: 25px;
	display: inline;
}
#MainNav li {
	float: left;
	text-indent: -5000px;
	font-size: 0px;
}
#MainNav a {
	display: block;
	height: 36px;
	width: 108px;
	background-repeat: no-repeat;
}
#MainNav .home a {
	background-image: url(../images/mainNavHome.jpg);
	width: 119px;
}
#MainNav .message a {
	background-image: url(../images/mainNavMessage.jpg);
}
#MainNav .join a {
	background-image: url(../images/mainNavJoin.jpg);
}
#MainNav .k a {
	background-image: url(../images/mainNavK.jpg);
}
#MainNav .how a {
	background-image: url(../images/mainNavHow.jpg);
}
#MainNav .prize a {
	background-image: url(../images/mainNavPrize.jpg);
	width: 120px;
}
#MainNav .home a:hover {
	background-image: url(../images/mainNavHome_over.jpg);
	width: 119px;
}
#MainNav .message a:hover {
	background-image: url(../images/mainNavMessage_over.jpg);
}
#MainNav .join a:hover {
	background-image: url(../images/mainNavJoin_over.jpg);
}
#MainNav .k a:hover {
	background-image: url(../images/mainNavK_over.jpg);
}
#MainNav .how a:hover {
	background-image: url(../images/mainNavHow_over.jpg);
}
#MainNav .prize a:hover {
	background-image: url(../images/mainNavPrize_over.jpg);
	width: 120px;
}
#MainNav .home a.pageOn {
	background-image: url(../images/mainNavHome_over.jpg);
	width: 119px;
}
#MainNav .message a.pageOn {
	background-image: url(../images/mainNavMessage_over.jpg);
}
#MainNav .join a.pageOn {
	background-image: url(../images/mainNavJoin_over.jpg);
}
#MainNav .k a.pageOn {
	background-image: url(../images/mainNavK_over.jpg);
}
#MainNav .how a.pageOn {
	background-image: url(../images/mainNavHow_over.jpg);
}
#MainNav .prize a.pageOn {
	background-image: url(../images/mainNavPrize_over.jpg);
	width: 120px;
}
