@charset "utf-8";
/* CSS Document */

.flash-140-1 {
	position: relative;
	background: #D0D0D0;
	position: relative;
	margin-top: -134px;
	z-index: 0;
	height: 750px;
}

#canvas {
	max-width: 100%;
	height: auto;
}

.flash-140-2 {
	position: relative;
	background: url("../images/canvas/subcanvas.jpg") top center no-repeat;
	position: relative;
	margin-top: -134px;
	z-index: 0;
	height: 400px;
}

@media (max-width: 374px) {
	.flash-140-1 {
		height: 348px;
		background-size: 240%;
	}
}

@media (min-width: 375px) and (max-width: 419px) {
	.flash-140-1 {
		height: 348px;
		background-size: 240%;
		margin-top: 0;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.flash-140-1 {
		height: 414px;
		background-size: 230%;
		margin-top: 0;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.flash-140-1 {
		height: 485px;
		background-size: cover;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.flash-140-1 {
		height: 523px;
		background-size: cover;
		margin-top: 0px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.flash-140-1 {
		height: 685px;
		margin-top: 0px;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.flash-140-1 {
		height: 346px;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.flash-140-1 {
		height: 685px;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.flash-140-1 {
		height: 675px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.flash-140-1 {
		height: 685px;
	}
}