@media screen and (max-width: 980px) {
	.wrap { margin-top: 20px; }
	.topBox { padding-top: 50px; }
	.topBox .sMenu { margin-top: 50px; }
	#contentMain section { padding: 75px 0 20px; }
	#weddingMes { margin: 10px; }
	#weddingMes > div , #weddingMes .messList { width: auto; display: block; }
	#weddingMes .tit h3 , #weddingMes .tit p { margin-right: 15px; display: inline-block; }
}

@media screen and (max-width: 640px) {
	.topBox section { overflow: inherit; }
	.topBox h3 { font-size: 30px; }
	.topBox h3:before , .topBox h3:after { width: 95px; }
	.topBox .sMenu { position: relative; }
	.topBox .sMenu h5 { display: block; }
	.sMenu aside { position: absolute; padding-bottom: 30px; width: 100%; display: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
	.topBox .sMenu aside a { padding: 10px 0 0; display: block; }
	#weddingMes .messList { padding: 5px 0 5px 35px; background: url(/images/28/article/icon-newList.png) no-repeat 0 50%; }	
	#weddingMes .messList h4 { display: none; }
}
	
@media screen and (max-width: 480px) {
	.wrap { margin-top: 10px; }
	.topBox h3:before , .topBox h3:after { display: none; }
	#weddingMes , #sbanner { margin: 10px 10px 20px; }
	#weddingMes .tit h3 { font-size: 28px; }
	#weddingMes .messList ul li { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
	#sbanner { padding: 20px 20px 20px 50px; background-position: 10% 50%; }
}