@charset "utf-8";





/* Layout */

#movieZone{
	z-index: 10;
	background-image: url(../images/mobile/movie_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 100%;
	width: 100%;
}


#movie{ text-align:center; z-index:15; position:fixed; margin-top:0}





@media only screen and (max-width:768px) {

	#movieZone{
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 10
	margin-left: 50px;
}
	#aboutZone{height:100%;  height:100%; background-size:cover; background:url(../images/mobile/about_sbg.gif) center top repeat-x}
	
	#titleBack{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 50%;
	font-weight: 500;
	margin-left: 0;
	left: inherit;
	  margin-top: -165px;
}
	#titleBack p{width:100%; text-align:center; color:#fff; font-size:14px; font-style:italic; font-weight:normal; margin-left:0; left:inherit}	
	#titleBack span{
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin-left: 0;
	left: inherit;
}
	#titleBack{  
	width: 90%;
    margin-left: 50px;
	}
	#titleBack p{
	width: 90%;
	font-style: normal;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	
}	
	#titleBack span{
	width: 90%;
	font-style: normal;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	
}	
	#titleBack .Movie{
	width: 90%;
	font-style: normal;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;	
}	

	
	


	
}