@charset "utf-8";
/* CSS Document */
html,body{
	height:100%;
}
body{
	font-family:Verdana, Geneva, sans-serif, "細明體", "新細明體";
	font-size:11px;	
	color:#fff;
	background-color:#000;
}
#wrap{
	overflow:hidden;
	width:100%;
	height:100%;
	position:relative;
}

#header{
	position:absolute;
	top:100px;	
	left:-580px;
	z-index:850;
	background:url(images/bg_gray.png) left top repeat;
}
#header_content{
	width:450px;
	min-height:200px;
	padding:0 0 10px 130px;
	position:relative;
}
#openBtn,#openBtn2{
	position:absolute;
	right:-120px;
	top:0;
	width:120px;
	height:27px;
	font-size:13px;
	text-align:center;
}
#openBtn a,#openBtn2 a,#openBtn3 a,#openBtn4 a{
	display:block;
	width:120px;
	height:27px;
	line-height:27px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background-color:#666;
}
#openBtn a:hover,#openBtn2 a:hover,#openBtn3 a:hover,#openBtn4 a:hover{
	background-color:#F00;
	color:#fff;
}
#openBtn3{	
	position:absolute;
	top:160px;	
	left:0;
	z-index:850;
	width:120px;
	height:27px;
	font-size:13px;
	text-align:center;	
	
}
#openBtn4{
	position:absolute;
	top:190px;	
	left:0;
	z-index:850;
	width:120px;
	height:27px;
	font-size:13px;
	text-align:center;	
}

.m03 #openBtn3{		
	top:130px;	
}
.m03 #openBtn4{
	top:160px;
}

#header2{
	position:absolute;
	top:130px;	
	left:-760px;
	z-index:850;
	background:url(images/bg_gray.png) left top repeat;
}
#header_content2{
	width:630px;
	min-height:200px;
	padding:0 0 10px 130px;
	position:relative;
}



#logo{
	width:430px;
	height:40px;	
}
.descript{
	padding:0 5px 5px;
	line-height:1.6em;	
}
#infomation{
	margin-bottom:10px;
}
#infomation th{
	text-align:right;
	padding:2px 0 2px 5px;
	line-height:1.6em;
}
#infomation td{
	padding:2px 5px;
	line-height:1.6em;
}
#infomation2{
	margin-bottom:10px;
}
#infomation2 th{
	text-align:left;
	padding:2px 0 2px 5px;
	font-size:13px;
	line-height:1.6em;
}
#infomation2 td{
	vertical-align:top;
	padding:2px 5px;
	line-height:1.6em;
}
#infomation2 td p{
	margin-bottom:10px;
}
#infomation2 td a{
	color:#FF0;	
}
#infomation2 td a:hover{
	color:#F00;
}
#btnBtn0{
	position:absolute;
	right:100px;
	bottom:10px;
	width:80px;
	height:20px;
	text-align:center;
}
#btnBtn{
	position:absolute;
	right:10px;
	bottom:10px;
	width:80px;
	height:20px;
	text-align:center;
}
#btnBtn0 a,#btnBtn a{
	display:block;
	width:80px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#000;
	text-decoration:none;
	background-color:#FFF;
}
#btnBtn0 a:hover,#btnBtn a:hover{	
	color:#F03;
}

#menu{
	position:absolute;
	top:20px;	
	right:0;
	z-index:850;
	width:150px;
}
#nav li{	
	height:30px;
	margin-bottom:2px;
	border:transparent 1px solid;
	background:url(images/bg_white.png) left top repeat;	
}
#nav li a{
	display:block;
	line-height:30px;	
	height:30px;
	font-size:13px;
	text-align:right;
	padding-right:15px;
	text-decoration:none;
	color:#424242;
	background:url(images/arr.gif) 140px center no-repeat;	
}
#nav li:hover{
	border:#FFF 1px solid;	
	background:url(images/bg_gray.png) left top repeat;	
}
#nav li a:hover{
	background:url(images/arr2.gif) 140px center no-repeat;	
	color:#FFF;	
}
.m01 #nav li#m01,
.m02 #nav li#m02,
.m03 #nav li#m03,
.m04 #nav li#m04,
.m05 #nav li#m05,
.m06 #nav li#m06,
.m07 #nav li#m07,
.m08 #nav li#m08,
.m09 #nav li#m09,
.m10 #nav li#m10{
	border:#FFF 1px solid;	
	background:url(images/bg_gray.png) left top repeat;
}
.m01 #nav li#m01 a,
.m02 #nav li#m02 a,
.m03 #nav li#m03 a,
.m04 #nav li#m04 a,
.m05 #nav li#m05 a,
.m06 #nav li#m06 a,
.m07 #nav li#m07 a,
.m08 #nav li#m08 a,
.m09 #nav li#m09 a,
.m10 #nav li#m10 a{
	background:url(images/arr2.gif) 140px center no-repeat;	
	color:#FFF;	
} 





#map{	
	z-index:1000;
	background-color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-225px;
	margin-left:-404px;
	width: 808px;
	height:450px;
	visibility: hidden;
	border:#CCC 1px solid;
}
#mapContent{
	z-index:1000;
	position:relative;
}
#mapContent #close{
	position:absolute;
	right:5px;
	top:5px;
	width: 18px;
	height: 18px;
	z-index:1001;
}
#mapContent #close a{
	display:block;
	width: 18px;
	height: 18px;
	text-indent:-9999px;
	background:url(images/btn_close.jpg) left top no-repeat;	
}
#mapContent #close a:hover{
	background:url(images/btn_close.jpg) left bottom no-repeat;
}
#mapContent #mapIframe{
	position:absolute;
	left:0;	
	top:28px;
	padding:0 24px;
}
#mapContent #mapIframe iframe{
	margin-bottom:5px;
}
#mapContent #mapIframe small{		
	color:#999;
}
#mapContent #mapIframe small a{	
	color:#F03;
}
#mapContent #mapIframe small a:hover{
	color:#000;
}

#footer{	
	z-index:850;
	position:absolute;
	bottom:20px;
	left:20px;
}
#footer a{
	color:#FFF;
}
#footer a:hover{
	color:#F03;
}