@charset "utf-8";
/* CSS Document */
body { background:url(bg.gif) repeat}
.top { margin:50px auto 80px; text-align:center; line-height:0; background:url(redline2.png) no-repeat center 113px}
.imglist { width:1260px; margin:0 auto 2em; text-align:center}
	.imglist ul.news { overflow:hidden; margin-bottom:1em;}
		.imglist ul.news li { float:left; width:356px; margin:0 30px 40px; background:#4e473f; border:2px solid #4e473f; box-shadow:5px 5px 10px #c4bfbe}
			.imglist ul.news li img { display:block; width:100%; height:476px;}
			.imglist ul.news li .bt { display:block; width:100%; color:#fff; font-size:24px; line-height:2em; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
		
@media screen and (max-width:660px) {
	.top { margin:1em auto 2em}
	.top img { width:100%}
}
@media screen and (max-width:1259px) {
	.imglist { width:100%}
	.imglist ul li { width:26%; margin:0 0 1.5em 4.5%;}
	.imglist ul li:nth-child(3n+1) { clear:both}
		.imglist ul li img { height:450px;}
		.imglist ul li .bt { font-size:1em;}
}
@media screen and (max-width:840px) {
	.imglist ul li { width:45%; margin:0 0 1.5em 3%;}	
	.imglist ul li:nth-child(3n+1) { clear:none}
	.imglist ul li:nth-child(2n+1) { clear:both}
		.imglist ul li img { height:400px;}
}
@media screen and (max-width:375px) {
	.imglist ul li { float:none; width:96%; margin:0 auto 1.5em}
		.imglist ul li img { height:auto;}
}