.float-left{

	float: left;	

	margin: 0 0 0 20px;

}



.float-right{

	float: right;

	margin: 0 20px 0 0;

}


.center{

	font-size: 2.5em;

	padding: 80px 0 0 0;

	text-align: center;

}

#header, #intro, #second{

	width: 100%;

}



#intro{

	background:url(../image/firstBG.jpg) 50% 0  fixed;

	color: white;

	height: 500px;

	margin: 0 auto;

	padding: 0;

}



#second{

	background: url(../image/secondBG.jpg) 50% 0 no-repeat fixed;

	color: white;

	height: 800px;

	margin: 0 auto;

	overflow: hidden;

	padding: 0;

}



#third{

	background: url(../image/thirdBG.jpg) 50% 0 no-repeat fixed;

	color: white;

	height: 600px;

}



#fifth{

	background: #ccc;

	height: 400px;

	margin: 0 auto;

	padding: 40px 0 0 0;

}
#sixth{

	background:url(../image/performanceCover.jpg) 50% 0  fixed;

	color: white;

	/*height: 500px;

	margin: 0 auto;

	padding: 0;*/
	background-size: 100% auto;
	/*max-height: 380px;  
	max-width: 100%;*/
}



.story{

	margin: 0 auto;

	min-width: 980px;

	overflow: auto;

	width: 980px;
	

}


.story p{
	line-height: 1.8em;
	letter-spacing: 0.1em;
	text-align: justify;
	z-index: 20;
	margin: 0;
}

.story h1{
	z-index: 20;
	font-family: "標楷體", DFKai-sb, BiauKai;
}


.story .float-left{

	margin-top: 120px;

}

.story .float-right{

	margin-top: 250px;

}

.story .float-left,.story .float-right{
	
	padding: 10px 30px 30px 30px;

	position: relative;

	width: 350px;	
	
	background: #334051;
	
	border-radius: 10px;

}