body{ background:#80bfff; font-family:"Comic Sans MS", cursive;}
#main{
	
	width: 55%;
	background-image: url('02.jpg');
	border: solid 1px #333;
	background-repeat: no-repeat;
	margin:0 auto;
	height: 714px;
	background-size:100% 100%;
}


table {
    padding-top: 30%;
    padding-left: 10%;
    width: 90%;
}
button{
	/*padding-left: 50px;
    padding-top: 47px;*/
	background-color: #3ca728;
	font-size: 18px;
	height: 45px;
    width: 100%;
	color: #000;
}

	.popupmsg{ width:48%; text-align:center; margin:0 auto;}
	#form_container {width:22%;display:none;background:#1f7a1f ; position:absolute;top:220px;z-index:9999999;padding:10px; color:#fff;}
#form_container > h1{ margin:0px;}
@media(max-width:1500px){
#main{ width:66%;}
}

@media(max-width:1280px){
#main{ width:87%;}
}
@media(max-width:1024px){
#main{ width:87%;}
#form_container{ width:30%; top: 220px;}
#form_container > h1{ margin:0px;}
}
@media(max-width:860px){
#main {
    width: 100%;
}
table {
    padding-left: 40px;
    padding-top: 255px;
}
#form_container{ width:38%; top:180px;}
#form_container > h1{ margin:0px;}
}
@media(max-width:700px){
#main{ width:100%; background-size:100% 85%; border:none;}	
table {
    padding-left: 4px;
    padding-top: 235px;
	width: 98%;
}

	}
@media(max-width:600px){
#main{ width:100%; background-size:100% 85%; border:none;}	
table {
    padding-left: 4px;
    padding-top: 235px;
	width: 98%;
}
#form_container {width:50%;display:none;background:#1f7a1f ;border:1px solid #868686;position:absolute;top:180px;z-index:9999999;padding:10px; color:#fff;}
.popupmsg{ width:48%; text-align:center;}

	}
@media(max-width:400px){
	#main{ width:100%; background-size:100% 64%; border:none;}
	
table {
    padding-left: 4px;
    padding-top: 175px;
}

#tablecontent td {
    display: inline-block;
    width: 12%;
}

button {
    font-size: 14px;
    height: 42px;
    padding: 0 1px;
    width: 42px;
}

.popupmsg { width:100%;}
#form_container { top:110px; width:85%;}
#form_container > h1{ margin:0px;}
	}