@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

#bg {
	background-attachment: fixed;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#main{
	background-color: #FFF;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 7275px;
}

#main_top{
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.nav{
	text-align: center;
	margin: auto;
	width: 732px;
	height: 40px;

}
.nav ul{
	text-align: center;

}
.nav ul li{
	font-family:"微軟正黑體";
	height: 40px;
	width: 120px;
	background-color: #fb4d8f;
	margin-right: 1px;
	margin-left: 1px;
	line-height: 42px;
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	float: left;
}


.nav ul li a{
	color: #FFF;
	text-decoration: none;
	height: 40px;
	width: 120px;
	display: block;
}

.nav ul li a:hover{
	height: 40px;
	width: 120px;
	background-color: #333;
}


h1{
	text-align: center;
	height: 282px;
	width: 990px;
}

#hotsale{
	font-family:"微軟正黑體";
	height: 110px;
	border: 1px solid #CCC;
	padding: 15px;
}

#hotsale_tittle{
	float: left;
	height: 90px;
	width: 90px;
	padding: 10px;
	background-color: #fb4d93;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #FFF;
	
}

#hotsale_content{
	margin-left: 125px;
	height: 110px;
	
}

.hotsale_content1{
	float: left;
	height: 55px;
	width: 50%;
	font-size: 15px;
	
	
	
}

.hotsale_content1 h5{
	float: left;
	background-color: #fb4d93;
	font-size: 15px;
	color: #FFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	
}

.hotsale_content1 span{
	color: #F00;
	font-size: 15px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 30px;
	line-height: 28px;

}

.hotsale_content1 a{
	line-height: 26px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	letter-spacing: 0px;
	padding-bottom: 10px;
}

.hotsale_content1 a:hover{
	color: #14aaef;

}

.hotsale_content2{
	height: 55px;
}

.hotsale_content2 h5{
	float: left;
	background-color: #fb4d93;
	font-size: 15px;
	color: #FFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	
}

.hotsale_content2 span{
	color: #F00;
	font-size: 15px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	line-height: 28px;

}

.hotsale_content2 a{
	line-height: 26px;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	letter-spacing: 0px;
	padding-bottom: 10px;
}

.hotsale_content2 a:hover{
	color: #14aaef;

}

h2{
	font-family:"微軟正黑體";
	font-size: 28px;
	color: #59493f;
	font-weight: normal;
	float: left;
	margin-right: 25px;
	margin-left: 25px;
}

h3{
	font-size: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}



h3 span{
	font-family:Arial;
	font-size: 80px;
	font-weight: normal;
	
}

h4{
	font-size: 16px;
	color: #FFF;
	background-color: #fb4d93;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	font-weight: bold;
}


#content{
	padding-top: 0px;
	padding-right: 29px;
	padding-bottom: 29px;
	padding-left: 29px;
	
}

.tittle{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.line1{
	width: 365px;
	float: left;
	margin-top: 18px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #333;
}

.line2{
	width: 365px;
	margin-top: 18px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #333;
}

.tittle2{
	background-color:rgba(0,0,0, .7);
	padding: 10px;
	height: 130px;
	width: 140px;
	text-align: center;
	font-size: 19px;
}

.tittle2 p{
	margin-top: 5px;
	font-weight: normal;
}


.info{
	height: 520px;
	padding-bottom: 20px;
}

.left{
	font-family:"微軟正黑體",Verdana, Geneva, sans-serif;
	float: left;
	width: 440px;
	height: 520px;
	padding-right: 20px;
}



.left a{
	
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}

.left a:hover{
	
	opacity: 0.6;
	filter:alpha(opacity=60);
}

.right{
	font-family:"微軟正黑體",Verdana, Geneva, sans-serif;
	height: 520px;
	width: 440px;
	margin-left: 460px;
}


.right a{
	
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}

.right a:hover{
	
	opacity: 0.6;
	filter:alpha(opacity=60);
}




.trip_content{
	background-color:rgba(0,0,0, .6);
	margin-top: 220px;
	padding: 10px;
	height: 130px;
}

.date{
	float: left;
	font-size: 15px;
	line-height: 28px;
}

.price{
	text-align: right;
	font-size: 15px;
}

.price span{
	font-size: 20px;
	color: #f8cf34;
}



.trip1-1{
	background-image: url(images/pic/p1-1.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
	width: 440px;
}



.trip1-2{
	background-image: url(images/pic/p34.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip1-3{
	background-image: url(images/pic/p1-3.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip1-4{
	background-image: url(images/pic/p35.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip1-5{
	background-image: url(images/pic/p1-5.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip1-6{
	background-image: url(images/pic/p1-6.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip1-8{
	background-image: url(images/pic/p1-8.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}







.trip3{
	background-image: url(images/pic/p3.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}



.trip4{
	background-image: url(images/pic/p13.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip5{
	background-image: url(images/pic/p5.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip6{
	background-image: url(images/pic/p6.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip7{
	background-image: url(images/pic/p7.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}


.trip8{
	background-image: url(images/pic/p8.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip9{
	background-image: url(images/pic/p9.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip10{
	background-image: url(images/pic/p10.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip11{
	background-image: url(images/pic/p11.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip12{
	background-image: url(images/pic/p12.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip13{
	background-image: url(images/pic/p14.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip14{
	background-image: url(images/pic/p15.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip15{
	background-image: url(images/pic/p16.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip16{
	background-image: url(images/pic/p17.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip17{
	background-image: url(images/pic/p18.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip18{
	background-image: url(images/pic/p19.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip19{
	background-image: url(images/pic/p20.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip20{
	background-image: url(images/pic/p21.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip21{
	background-image: url(images/pic/p22.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip22{
	background-image: url(images/pic/p23.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip23{
	background-image: url(images/pic/p24.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip24{
	background-image: url(images/pic/p25.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip25{
	background-image: url(images/pic/p26.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip26{
	background-image: url(images/pic/p27.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip27{
	background-image: url(images/pic/p28.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip29{
	background-image: url(images/pic/p29.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip30{
	background-image: url(images/pic/p30.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}

.trip31{
	background-image: url(images/pic/p31.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip32{
	background-image: url(images/pic/p32.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip33{
	background-image: url(images/pic/p33.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip36{
	background-image: url(images/pic/p36.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;


}
.trip37{
	background-image: url(images/pic/p37.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip38{
	background-image: url(images/pic/p38.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip41{
	background-image: url(images/pic/p41.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip42{
	background-image: url(images/pic/p42.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip43{
	background-image: url(images/pic/p43.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip51{
	background-image: url(images/pic/p51.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;

}
.trip53{
	background-image: url(images/pic/p53.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;

}
.trip54{
	background-image: url(images/pic/p54.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;



}
.trip55{
	background-image: url(images/pic/p55.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip56{
	background-image: url(images/pic/p56.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
	
}
.trip57{
	background-image: url(images/pic/p57.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip59{
	background-image: url(images/pic/p59.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip58{
	background-image: url(images/pic/p58.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip59{
	background-image: url(images/pic/p59.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip60{
	background-image: url(images/pic/p60.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip61{
	background-image: url(images/pic/p61.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;
}
.trip62{
	background-image: url(images/pic/p62.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;

}
.trip63{
	background-image: url(images/pic/p63.jpg);
	background-repeat: no-repeat;
	height: 520px;
	font-size: 14px;
	color: #FFF;


/* top樣式 */
#top img {
	-webkit-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-mos-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	opacity:0.7;
	position:fixed;
	bottom:3%;
	right:18%;
}
#top:hover img{ opacity:1}


/* 預設樣式 */
.divbox{
	height:140px;
	background:#ffffff;
 }
 
/*  滑入時變換底色樣式 */  
.divOver{
	background-color: #DDD;
	} 

/* 預設樣式 */
.divbox2{
	width: 440px;
	height: 520px;
	
 }
 
/*  滑入時變換底色樣式 */  
.divOver2{
	width: 440px;
	height: 520px;
	opacity:0.5;
	} 

.special{
	background-color: #F00;
}

.left1{
	float: left;
	height: 282px;
	width: 357px;
}

.right1{
	width: 633px;
	height: 282px;
	background-color: #990;
	background-image: url(images/2012festival_02.jpg);
	margin-left: 357px;
}

.left2{
	float: left;
	
}