body {font-family:Arial,Helvetica,sans-serif; background:url(../img/bg.jpg) no-repeat center top #000000; margin: 0px auto;}

#wrap {position: relative; width: 740px; margin: 200px auto 0px;}
	#title { text-align: center; }
		#title img {max-width: 100%}
	#box {width: 740px; height: 372px; background:url(../img/box.png) no-repeat center top; margin: -20px 0px -23px;}
		#boxin {padding: 50px; color: #ffffff; font-size: 20px;}
	#box-btm {}

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

@media only screen and (max-width: 767px) {
	#wrap {width: 100%}
	#box {width: 100%; height:auto; background-image: none;}
	#boxin {
		font-size: 18px; margin: 15px; border-radius: 5px; border:1px solid #111111; box-shadow: 0px 0px 10px 5px #000000;
		background: #3d3d3d;
		background: -moz-linear-gradient(top, #3d3d3d 0%, #000000 100%);
		background: -webkit-linear-gradient(top, #3d3d3d 0%,#000000 100%);
		background: linear-gradient(to bottom, #3d3d3d 0%,#000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#000000',GradientType=0 );
	}
	#box-btm {display: none;}
}

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