body {
	margin: 0px;
	background: #ffffff repeat-x url(back.jpg) center top;
}
TD {
	color: #b4b5b5;
	font-size: 12px;
	text-align: left;
}
a {
	color: #FFFFFF;
}
a:hover {
	color: #FFFF00;
}



/* ---------------------------------------------------------------- 基本框架 ---------------------------------------------------*/

#wrap {
	width: 100%;
	margin: 0px;
	background: url(back2.jpg) repeat-x center bottom;			
}
#wrap_inner {
	margin: 0px;
	background-image: url(back4.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content {	
	margin: 0px;
	width: 901px;	
	margin: 0 auto;	
	height:500px;	
    _height:500px;		
}

/* ----------------------------------------------------------- 大標題選單 -----------------------------------------------*/

#nav_top {
	width: 597px;
	background-image:url(nav_top.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#nav_top ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav_top ul li {
	float:left;
}
#nav_top ul li a {
	display: block;
	background-image:url(nav_top.jpg);
	background-repeat: no-repeat;
	height:104px;
}
#nav_top ul li a span {
	display: none;
}
#nav_top ul li#n1 a {
    width: 107px;
	background-position: 0 0;
}
#nav_top ul li#n2 a {
    width: 108px;	
	background-position: -107px 0;
}
#nav_top ul li#n3 a {
    width: 135px;	
	background-position: -215px 0;
}
#nav_top ul li#n4 a {
    width: 108px;	
	background-position: -350px 0;
}
#nav_top ul li#n5 a {
    width: 111px;	
	background-position: -458px 0;
}

#nav_top ul li#n1 a:hover {	
	background-position: 0px -104px;
}
#nav_top ul li#n2 a:hover {	
	background-position: -107px -104px;
}
#nav_top ul li#n3 a:hover {	
	background-position: -215px -104px;
}
#nav_top ul li#n4 a:hover {	
	background-position: -350px -104px;
}
#nav_top ul li#n5 a:hover {	
	background-position: -458px -104px;
}


/* --------------------------------------------------------- 主選單 -----------------------------------------------*/

#nav {
	width: 901px;
	background-image:url(nav.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	display: block;
	background-image:url(nav.jpg);
	background-repeat: no-repeat;
	height:46px;
}
#nav ul li a span {
	display: none;
}
#nav ul li#n1 a {
    width: 101px;
	background-position: 0 0;
}
#nav ul li#n2 a {
    width: 128px;	
	background-position: -101px 0;
}
#nav ul li#n3 a {
    width: 93px;	
	background-position: -229px 0;
}
#nav ul li#n4 a {
    width: 112px;	
	background-position: -322px 0;
}
#nav ul li#n5 a {
    width: 93px;	
	background-position: -434px 0;
}
#nav ul li#n6 a {
    width: 94px;	
	background-position: -527px 0;
}
#nav ul li#n7 a {
    width: 92px;	
	background-position: -621px 0;
}
#nav ul li#n8 a {
    width: 94px;	
	background-position: -713px 0;
}
#nav ul li#n9 a {
    width: 94px;	
	background-position: -807px 0;
}

#nav ul li#n1 a:hover {	
	background-position: 0px -46px;
}
#nav ul li#n2 a:hover {	
	background-position: -101px -46px;
}
#nav ul li#n3 a:hover {	
	background-position: -229px -46px;
}
#nav ul li#n4 a:hover {	
	background-position: -322px -46px;
}
#nav ul li#n5 a:hover {	
	background-position: -434px -46px;
}
#nav ul li#n6 a:hover {	
	background-position: -527px -46px;
}
#nav ul li#n7 a:hover {	
	background-position: -621px -46px;
}
#nav ul li#n8 a:hover {	
	background-position: -713px -46px;
}
#nav ul li#n9 a:hover {	
	background-position: -807px -46px;
}


/* ---------------------------------------------------------------- 最新訊息 ---------------------------------------------------*/

#news {
	width: 204px;
	height: 287px;
	float: left;
	margin: 0px;
	padding: 244px 20px 0px;
	font-size: 11px;
} 

#news td {
	background: url(line.gif) repeat-x left bottom;
	padding: 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}
#news td img {
	float: left;
	padding: 3px 5px 0px 0px;
}
#news td a {
	color: #393939;	
	float: left;
	text-decoration: none;
}
#news td a:hover {
	color: #1651b9;
}
#news_btn {
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

#about_out {
	margin: 0px 6px;
	width: 391px;
	height: 531px;
	float: left;
	position: relative;
}

#about {
	position: relative;
}
#about p {
	margin: 0px;
	padding: 70px 20px 0px 20px;
	color: #666666;
	line-height: 21px;
}

#about_btn {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	position: absolute;
	left: 328px;
	top: 200px;
}

*html #about_btn {
	left: 310px
}
#action {
	position: relative;
}
#action img {
	margin: 100px 20px 0px 20px;
	padding: 0;
}
#action p {
	margin: 0px;
	padding: 10px 20px 0px 20px;
	color: #666666;
	line-height: 21px;
}

#action_btn {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 310px;
	top: 125px;
}

#member2 {
	width: 254px;
	height: 531px;
	float: left;
	margin: 0px 0px;	
}


/* ---------------------------------------------------------------- 次選單 ---------------------------------------------------*/

#nav_sub {
	width: 206px;
	padding: 0px 0px 30px 0px;
}
#nav_sub ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav_sub ul li {
	margin: 0px 22px 0px 20px;
	padding: 0px 0px 0px 0px;
	background: url(navsub_icon.jpg) no-repeat left 9px;	
}
#nav_sub ul li a:link, #nav_sub ul li a:visited  {
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	display: block;
	text-align: left;
	padding: 5px 10px 5px 17px;
	border-bottom: 1px solid #D0D0D0;
	background: url(navsub_line.jpg) repeat-x left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
#nav_sub ul li a:hover {
	color: #298ABE;
}


/* ---------------------------------------------------------------- 會員登入 ------------------------------------------------*/


#member {
	width: 254px;
	height: 465px;
	float: left;
	margin: 0px;
	padding: 66px 0px 0px 0px;		
}

#member img {
	margin: 0px;
	padding: 0px 25px;	
	border:0;	
}
#member .form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d5d5d;
	line-height: 22px;
	margin: 0px 0px 25px 0px;
	font-weight: bold;
}
#member .form tr {
	border: 1px dashed #e0e0e0;
}

.memberaa { color: #5d5d5d;font-size: 12px; }
#member .form th {
	text-align: left;
	padding: 3px 0px 0px 0px;
	color: #333333;
	font-weight: normal;
}
#member .form td {
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#member .input {
	BACKGROUND-COLOR: #ffffff;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-decoration: none;
	border: 1px solid #c6c4c5;
	width: 170px;
	height: 22px;
}
#member .input2 {
	BACKGROUND-COLOR: #ffffff;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	text-decoration: none;
	width: 56px;
	height: 26px;
	border: 1px solid #fff4f8;
	border-collapse:collapse;
	margin: 0px 0px 0px 50px;	
}
#member .input3 {
	BACKGROUND-COLOR: #ffffff;
	COLOR: #333333;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	text-decoration: none;
	width: 56px;
	height: 26px;
	border: 1px solid #fff4f8;
	border-collapse:collapse;
	margin: 0px 0px 0px 0px;	
}
#member .input4 {
	background: #ffffff url(member_btn.jpg) no-repeat left top;
	width: 52px;
	height: 26px;
	border: 1px solid #fff4f8;
	border-collapse:collapse;
	text-indent: -9999px;	
}


/* ---------------------------------------------------------------- 網底 ---------------------------------------------------*/

#footer {
	background:  url(footer.jpg) no-repeat center top;
	font-size: 12px;
	text-align: left;
	height: 68px;
	padding: 104px 0px 0px 295px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}