* {
  margin:0; padding:0;
}

h1 { 
  width:100%; text-align:center;
}

.cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.cell canvas {
	vertical-align: middle;
}

.canthumb {
	border: 0px solid #222;
}
#main { 
    margin:auto 0;
  width:1000px;
}

#maincanvas {
	border: 0px solid #222;
	cursor: pointer;
  margin:0 auto;
}

    div#box_ft{
		padding: 10px 20px;
		float: left;
		width: 24%;
		background: #376A9F;
	}
	div#box_scratch{
	float: right;
	width: 75%;
	}
	div.box_scratch_txt{
	 width:43%;
	 position:relative;
	 margin-top:-180px;
	 margin-bottom:70px;
	 float:right;
	}
	div#txt_drp{
		float: left;
		font-size: medium;
	}
	div#txt_drp a {
		float: left;
		width:100%;
		color:#fff;
	}
@media only screen and (max-width: 768px) {
  div#box_ft ,div#box_scratch{
    width: 100%;
  }
  div.box_scratch_txt{
	 width:100%;
	 margin:0px;
	 float:left;
	}
}