@import url("reset.css");
body{
	background-image:url(../images/bg_image.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	}
a {  color:#A4D0FD;
 text-decoration: none}
	

/* ==========================頭區================================ */
#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 #EN img {
	position: absolute;
	top: 79px;
	right: 114px;
	-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: 29px;
	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 #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 #ticket img {
	position: absolute;
	top: 85px;
	right: 37px;
	-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: 0px;
	right: 760px;
	-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: 10px;
	right: 660px;
	-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 #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: 13px;
	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: 13px;
	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: 13px;
	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;
}


#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;
}

/* ==========================標題區================================ */
#TITLE{
	width:1200px;
	height:180px;
	margin:0 auto;
	background-image:url(../images/title.jpg);
	position:relative;
}
#TITLE h1{
	position:absolute;
	top:116px;
	right:653px;
	text-indent:-9999px;
	display:block;
	background-image:url(../images/news_act_jp.png);
	width:382px;
	height:64px;
	}

#TITLE h2{
	position:absolute;
	top:125px;
	right:166px;
	text-indent:-9999px;
	display:block;
	background-image:url(../images/video_title_jp.png);
	width:430px;
	height:55px;
	}
#TITLE #fish{
	position:absolute;
    top:0px;
	right:0px;
	}
/* ==========================內容區================================ */
#CONTENT{
	width:1200px;
	height:750px;
	margin:0 auto;
	background-image:url(../images/content.png);
	position:relative;
	}
	
#CONTENT #newsphoto_01{
	position:absolute;
	left: 172px;
	top: 21px;
	}

#CONTENT #newsphoto_02{
	position:absolute;
	left: 172px;
	top: 171px;
	}
#CONTENT #newsphoto_03{
	position: absolute;
	left: 172px;
	top: 321px;
	}
#CONTENT #newsphoto_04{
	position: absolute;
	left: 172px;
	top: 471px;
	}


#CONTENT p1{
	position: absolute;
	top: 21px;
	right: 621px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 14px;
	height: 97px;
	width: 302px;
	text-align: left;
	}
#CONTENT p2{
	position: absolute;
	top: 171px;
	right: 623px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 14px;
	height: 97px;
	width: 298px;
	text-align: justify;
	}
	
#CONTENT p3{
	position: absolute;
	top: 595px;
	right: 624px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 14px;
	height: 29px;
	width: 111px;
	text-align: justify;
	}
#CONTENT p4{
	position: absolute;
	top: 471px;
	right: 623px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 14px;
	height: 97px;
	width: 298px;
	text-align: justify;
	}
#CONTENT p5{
	position: absolute;
	top: 321px;
	right: 605px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 17px;
	height: 97px;
	width: 316px;
	text-align: justify;
	}	

	
#CONTENT #video{
	position: absolute;
	left: 606px;
	top: 18px;
	width: 425px;
	height: 304px;
	background-image: url(../images/video_bg2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	}
#CONTENT #video02{
	position: absolute;
	left: 606px;
	top: 337px;
	width: 425px;
	height: 304px;
	background-image: url(../images/video_bg2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	}
	
#CONTENT h1{
	position: absolute;
	top: 688px;
	right: 300px;
	text-indent: -9999px;
	display: block;
	background-image: url(../images/photo_title_jp.png);
	width: 563px;
	height: 56px;
	}
/* ==========================內容區02================================ */
#CONTENT02{
	width:1200px;
	height:375px;
	margin:0 auto;
	background-image:url(../images/content02.png);
	position:relative;
	}
#CONTENT02 #photo_garelly{
	position:absolute;
	left: 340px;
	top: 17px;
	width: 507px;
	}
#CONTENT02 #photo_more{
	position:absolute;
	left: 842px;
	top: 30px;
	}
#CONTENT02 #gotop{
	position:absolute;
	left: 552px;
	top: 166px;
	}

/* ==========================尾巴區================================ */
#FOOTER{
	width:1200px;
	height:161px;
	margin:0 auto;
	background-image:url(../images/footer.jpg);
	position:relative;
	}