html,body{margin:0;padding:0;height: 100%;}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
}
#container{
width:100%;
}

#wrapper{
	width: 100%;
	margin: 0 auto;
	border-style:solid;
	border-width:1px;
}

.title {margin: 0 auto;}
table{width: 100%; background-color: #130A0A; border-collapse: collapse; table-layout: fixed; margin: 0; padding: 0;}
#how1{width: 25%;}
#how2{width: 25%;}
#how3{width: 25%;}
#how4{width: 25%;}



.pay {
	width : 100%;
	position:relative;
}

.explanation {
	font-size: small;
	text-align: left;
	margin-left: 10px;
	line-height: 1.5;
} 

.img_practice {
	position: absolute;
	margin: 0 8;
	top: 0px ;
	left:45% ;
    box-shadow: 0px 5px 2px -5px;

}

.img {
     float: left;
}


.staff {
	margin: 0 5;
    display: inline-block; 
    box-shadow: 0px 5px 2px -5px;
    float:left;
    
}

.text_g {
    display: inline-block; 
	text-align: left;
	font-size: 12px;
	color: #B08728;
    zoom:1;
}

.text {
	background-color: #ffffff;
	display: block;
	text-align: left;
	font-size: small;
	line-height: 1.5;
    overflow:auto;
    zoom:1;
}

.map_canvas {
	position: absolute;
	left: 62%;
	top: 7%;
	height: 200px;
	width: 200px;
	border: 0;
}

.navi 		{
	width:100%;
	margin:0;
	padding: 1;
}

.navi li		{
	width:48%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding: 2 1;
	vertical-align: bottom;
}

.footer {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}