@import url("reset.css");
body{
	background-image:url(../images/bg_image.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	}
	

/* ==========================頭區================================ */
#TOP {
	width:1200px;
	height:153px;
	margin:0 auto;
	background-image:url(../images/top.jpg);
	position:relative;
}
#TOP #taia img {
	position:absolute;
	top:13px;
	right:1107px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#TOP #taia img.top:hover {
	opacity:0;
}
#TOP #fb img {
	position:absolute;
	top:30px;
	right:1002px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#TOP #fb img.top:hover {
	opacity:0;
}
#TOP #EN img {
	position: absolute;
	top: 91px;
	right: 54px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#TOP #EN img.top:hover {
	opacity:0;
}
#TOP #CH img {
	position: absolute;
	top: 49px;
	right: 5px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#TOP #CH img.top:hover {
	opacity:0;
}

#TOP #ticket img {
	position: absolute;
	top: 85px;
	right: 27px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#TOP #ticket img.top:hover {
	opacity:0;
}

#TOP #joinus img {
	position: absolute;
	top: 8px;
	right: 58px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#TOP #joinus img.top:hover {
	opacity:0;
}


/*#TOP h1 a{
	display:block;
	width:88px;
	height:90px;
	background-image:url(images/taia_btn.png);
	text-indent:-9999px;
	position:absolute;
	top:21px;
	right:1108px;
	}
#TOP h2 a{
	display:block;
	width:99px;
	height:71px;
	background-image:url(images/fb_btn.png);
	text-indent:-9999px;
	position:absolute;
	top:11px;
	tight:20px;
	left: 1014px;
	}
 */
 

/* ==========================BTN區================================ */
#BTN{
	width:1200px;
	height:108px;
	margin:0 auto;
	background-image:url(../images/btn.jpg);
	position:relative;
}
#BTN #voyage_logo img {
	position:absolute;
	top:1px;
	right:762px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #voyage_logo img.top:hover {
	opacity:0;
}

#BTN #voyage_01 img {
	position: absolute;
	top: 13px;
	right: 615px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #voyage_01 img.top:hover {
	opacity:0;
}


#BTN #picture img{
	position: absolute;
	top: -1px;
	right: 1122px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #picture img.top:hover {
	opacity:0;
}
#BTN #highlight img{
	position: absolute;
	top: 50px;
	right: 1150px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #highlight img.top:hover {
	opacity:0;
}

#BTN #btn01 img{
	position: absolute;
	top: 13px;
	right: 516px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #btn01 img.top:hover {
	opacity:0;
}
#BTN #btn02 img{
	position: absolute;
	top: 13px;
	right: 418px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #btn02 img.top:hover {
	opacity:0;
}#BTN #btn03 img{
	position: absolute;
	top: 12px;
	right: 324px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #btn03 img.top:hover {
	opacity:0;
}#BTN #btn04 img{
	position: absolute;
	top: 10px;
	right: 220px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #btn04 img.top:hover {
	opacity:0;
}#BTN #btn05 img{
	position: absolute;
	top: 8px;
	right: 124px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	}
#BTN #btn05 img.top:hover {
	opacity:0;
}

/* ==========================標題區================================ */
#TITLE{
	width:1200px;
	height:180px;
	margin:0 auto;
	font-family: Microsoft JhengHei, Arial;
	background-image:url(../images/title.jpg);
	position:relative;
}
#TITLE h1{
	display:block;
	width:726px;
	height:86px;
	font-family: Microsoft JhengHei, Arial;
	background-image:url(../images/photo_page_title.png);
	position:absolute;
	top:93px;
	right:224px;
	text-indent:-9999px;
	}
#TITLE #fish{
	position:absolute;
    top:0px;
	right:0px;
	}

/* ==========================內容區================================ */
#CONTENT{
	width:1200px;
	height:3100px;
	margin:0 auto;
	background-image:url(../images/content.png);
	position:relative;
	}

	
#CONTENT #photo{
	position:absolute;
	top:21px;
	right:432px;
	width: 526px;
	height: 955px;
	color:#FFF;
	font-family: Microsoft JhengHei, Arial;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;

	width: 413px;
	text-align:justify;
	}
/* ==========================內容區02================================ */
#CONTENT02{
	width:1200px;
	height:375px;
	margin:0 auto;
	background-image:url(../images/content02.png);
	position:relative;
	}
#CONTENT02 #gotop{
	position:absolute;
	left:560px;
	top:-1px;
	}


/* ==========================尾巴區================================ */
#FOOTER{
	width:1200px;
	height:161px;
	margin:0 auto;
	background-image:url(../images/footer.jpg);
	}
