body {
	width: 100%;
	height: 100%;
}
.all{
	width: 721px;
	margin: 0 auto;
	height: 100%;
	text-align: center;
}
.wrap{
	width: 1042px;
	height: 100%;
	margin: 0 auto;
}
.header{
	width: 721px;
	background: url(img/header.png) center no-repeat;
	height: 136px;
	margin-top: 22px;
	margin-bottom: 12px;
}
.content{
	width: 633px;
	margin: 0 auto;
	border:1px solid #dcdcdc;
	background: url(img/content.png) bottom right no-repeat;
	height: 317px;
}
.content h1{
	font-family: Arial, sans-serif;
	font-size: 48px;
	color: #8dc63f;
	padding: 59px 0px 40px 0px;
	text-align: center;
	margin: 0;
	font-weight: bold;
}
.content a{
	font-size: 20px;
	font-family: Arial, sans-serif;
	text-align: center;
	display: block;
	margin-bottom: 30px;
	color:  #8dc63f;
	text-decoration: none;
}
.content p{
	font-size: 20px;
	font-family: Arial, sans-serif;
	text-align: center;
	padding-bottom: 8px;
	color: #000;
	margin: 0;
}
.content span{
	font-size: 18px;
	font-family: Arial, sans-serif;
	text-align: center;
	color:  #8dc63f;
	display: block;
	margin-bottom: 76px;
}
.footer{
	width: 721px;
	margin: 0 auto;
}
.footer span{
	text-align: center;
	display: block;
	color:  #8dc63f;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding-top: 22px;
}
.footer p{
	color: #000;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 14px;
	width: 727px;
}
.footer a{
	color:  #8dc63f;
	font-size: 14px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
#display{
	display: inline;
}



@media only screen and (max-width: 1800px) {
    body{width:100%!important;}
       .wrap {width: 100%!important;  }
}
@media only screen and (max-width: 700px) {
    body{width:100% !important;}
    .all{text-align: center !important;width: 100%; max-width: 660px;}
    .header{width: 100%; max-width: 660px;}
    .content { width: 100%; max-width: 533px;}
    .footer{width: 100%; max-width: 600px;}
    .content h1{font-size: 33px;}
	.content a{font-size: 16px;}
	.content p{font-size: 16px;}
	.content span{font-size: 16px;}
	.footer p{font-size: 12px; width: 604px;}
	.footer span{font-size: 12px;}
	.footer a{font-size: 12px;}
}
@media only screen and (max-width: 660px) {
    body{width:100%!important;}
    .all{text-align: center !important; width: 100%; max-width: 621px;}
    .content { width: 100%; max-width: 433px;}
    .footer{width: 100%; max-width: 500px;}
    .header{width: 100%; max-width: 621px;}
    .footer p { width: 510px;}
}
@media only screen and (max-width: 570px) {
    body{width:100%!important;}
    .all{text-align: center !important; width: 100%; max-width: 521px;}
    .content { width: 100%; max-width: 433px;}
    .footer{width: 100%; max-width: 500px;}
    .header{width: 100%; max-width: 521px;}
    .footer p { width: 495px;}
}
@media only screen and (max-width: 510px) {
    body{width:100%!important;}
    .all{text-align: center !important; width: 100%; max-width: 421px;}
    .content { width: 100%; max-width: 433px;}
    .footer{width: 100%; max-width: 400px;}
    .header{width: 100%; max-width: 421px;}
    .footer p { width: 426px;}
}
@media only screen and (max-width: 470px) {
    body{width:100%!important;}
    .all{text-align: center !important; width: 100%; max-width: 421px;}
    .content { width: 100%; max-width: 333px;}
    .footer{width: 100%; max-width: 400px;}
    .header{width: 100%; max-width: 421px;}
    .footer p { width: 394px;}
}
@media only screen and (max-width: 400px) {
    body{width:100%!important;}
    .all{text-align: center !important; width: 100%; max-width: 321px;}
    .content { width: 100%; max-width: 233px;}
    .footer{width: 100%; max-width: 300px;}
    .header{width: 100%; max-width: 321px;}
    .footer p { width: 303px;}
}
@media only screen and (max-width: 320px) {
    body{width:100% !important;}
    .all{text-align: center !important; width: 100%; max-width: 300px;}
    .content { width: 100%; max-width: 200px;}
    .footer{width: 100%; max-width: 280px;}
    .header{width: 100%; max-width: 300px;}
    .content h1{font-size: 22px;}
	.content a{font-size: 14px;}
	.content p{font-size: 14px;}
	.content span{font-size: 14px;}
	.footer p{font-size: 10px;}
	.footer span{font-size: 10px;}
	.footer a{font-size: 10px;}
	.footer p { width: 263px;}
}