﻿@charset "utf-8";
body {
	background-color: #FFF;
}
#container {
	width: 100%;
	position: relative;
	min-width: 990px;
	min-height: 600px;
}

/*共用天*/
#header {
	width: 100%;
	position: relative;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	height: 36px;
}


#header_nav {
	height: 36px;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
	max-width:1920px;
	min-width:990px;
}

#header_nav ul {
	list-style-type: none;
	height: 31px;
	position: relative;
	display: inline;
	text-indent: -9999px;
}

#header_nav ul li , #header_nav ul li a{
	display:block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 31px;
	width: 102px;
	float: right;
}
#header_nav ul li a:hover {
	background-position: 0px -31px;
}

.nav_btn01 a {
	background-image: url(../images/nav_btn01.jpg);

}

.nav_btn02 a {
	background-image: url(../images/nav_btn02.jpg);

}
.nav_btn03 a {
	background-image: url(../images/nav_btn03.jpg);

}
.nav_btn04 a {
	background-image: url(../images/nav_btn04.jpg);

}


/*Content*/


#content {
	height: 1319px;
	width: 100%;
	position: relative;
	z-index: 1;
	background-image: url(../images/content02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#content_div {
	height: 1500px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#content_btn01 a {
	background-image: url(../images/content_btn01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 104px;
	width: 232px;
	position: absolute;
	z-index: 9;
	left: 12px;
	top: 490px;
	text-indent: -9999px;
}

#content_btn01 a:hover {
	background-position: center bottom;
}


#content_btn02 a {
	background-image: url(../images/content_btn02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 104px;
	width: 232px;
	position: absolute;
	z-index: 9;
	left: 260px;
	top: 490px;
	text-indent: -9999px;
}

#content_btn02 a:hover {
	background-position: center bottom;
}

#content_btn03 a {
	background-image: url(../images/content_btn03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display: block;
	height: 91px;
	width: 213px;
	position: absolute;
	left: 675px;
	top: 698px;
}
#content_btn03 a:hover {
	background-position: center bottom;
}

#content_btn04 a {
	background-image: url(../images/content_btn04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display: block;
	height: 91px;
	width: 213px;
	position: absolute;
	left: 675px;
	top: 797px;
}
#content_btn04 a:hover {
	background-position: center bottom;
}

#content_btn06 a {
	background-image: url(../images/content_btn06.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 104px;
	width: 232px;
	position: absolute;
	z-index: 9;
	left: 340px;
	top: 1192px;
	text-indent: -9999px;
}

#content_btn06 a:hover {
	background-position: center bottom;
}
#event_page {
	height: 70px;
	width: 200px;
	position: absolute;
	z-index: 9;
	left: 349px;
	top: 1011px;
	text-align: center;
}
#hu_facebook {
	height: 70px;
	width: 200px;
	position: absolute;
	z-index: 9;
	left: 32px;
	top: 1011px;
	text-align: center;
}




input {
	font-family: "微軟正黑體", Arial, "新細明體";
	font-size: 14px;
	color: #333;
	width: 130px;
	height: 20px;
}


.lager_id_div {
	height: 20px;
	width: 130px;
	position: absolute;
	z-index: 9;
	left: 848px;
	top: 1007px;
}


.lager_password_div {
	height: 20px;
	width: 130px;
	position: absolute;
	z-index: 9;
	left: 848px;
	top: 1042px;
}

.lager_send_div {
	position: absolute;
	z-index: 9;
	height: 28px;
	width: 67px;
	left: 912px;
	top: 1075px;
}
.lager_send {
	background-image: url(../images/content_btn05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 67px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.lager_send:hover {
	background-position: center bottom;
	cursor: pointer;
}




/*共用地*/

#footer {
	text-align: center;
	height: 129px;
	width: 100%;
	background-image: url(../images/copy_bg.jpg);
	background-repeat: repeat-x;
}
#footer small {
	text-indent: -99999px;
	display: none;
}
#footer address {
	background-image: url(../images/copy.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 129px;
	width: 100%;
	display: block;
	background-position: center bottom;
}
