.banner  {
	width: 100%;
	max-width: 1200px;
	height: 400px;
	margin: 11px auto 0;
	padding: 0 1px;

	border-radius: 3px 3px 0 0;
	border: solid 1px #E6E6E6;
	border-bottom: 0;
}
.banner div { vertical-align: top; text-align: center; /* ป้องกัน bottom-padding ใต้ banner */ }
.banner div img { max-width: 100%; height: 400px; display: inline-block; }

@media screen and (max-width: 900px) {
	.banner { height: 300px; }
	.banner div img { height: 100%; }
}

@media screen and (max-width: 700px) {
	.banner { 
		margin: 11px 5px 0;
		height: 200px;
		width: auto; 
	}
	.banner div { overflow: hidden; }
	.banner div img { height: 200px; }
}
@media screen and (max-width: 480px) {
	.banner div img { 1margin-left: -90px; }
}
@media screen and (max-width: 360px) {
	.banner div img { 1margin-left: -140px; }
}