@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */


@media screen and (max-width: 1280px){
	#header_inn{width:95%;}
	#content_inn{width:80%;}
	#footer_inn{width:95%;}


}

@media screen and (max-width: 1175px){
	#reserve{width:40%; margin-left:15%; }
	#purchase{width:40%; }
	#right_part{width:60%;}
	
	#inn{width:90%; margin:0 auto;}
	#join{width:20%; margin-left:10%; }
	#right_footer{width:25%;  }
	#inner{width:80%;}
	
	}
	
	
@media screen and (max-width: 980px){

#content_inn{width:95%;}

	#logo{width:90%; float:none; margin:0 auto; text-align:center;}
	#right_part{width:90%; float:none; margin:0 auto;}
	
	#reserve{width:50%; float:none; margin:0 auto;}
	#purchase{width:50%; float:none; margin:0 auto; margin-top:30px;}
	
	#left{width:95%; float:none; margin:0 auto;}
	#right{width:95%; float:none; margin:0 auto; margin-top:30px;}
	#footer{padding:20px 0;}
	#left_footer{width:90%; float:none; margin:0 auto; text-align:center;}
	#join{width:50%; float:none; margin:0 auto;}
	#right_footer{width:50%; float:none; margin:0 auto; margin-top:20px; }
	
	#online{width:90%; float:none; margin:0 auto; margin-top:20px;  }
	#catering{width:90%; float:none; margin:0 auto; margin-top:20px;}
	
		.textright{ text-align:center;}
		.form1 table, .form1 td, .form1 tr { display: block; }		
		.form1 td { border: none; position: relative; }
		.form1{ width:90%;}	
		
		.imgright{ float:none; margin:20px auto; display:block; }
		.imgleft{ float:none; margin:20px auto; display:block; }
	}

@media screen and (max-width: 640px){
	#reserve{width:70%; float:none; margin:0 auto;}
	#purchase{width:70%; float:none; margin:0 auto; margin-top:30px;}

	}
	
@media screen and (max-width: 480px){
	#join{width:80%; }
	#right_footer{width:80%;  }
	h1{font-size:35px;}
	}