@media screen and (min-width: 751px){
	.festival-activity{
		overflow: auto;
	}
	.festival-activity img{
		float: left;
		width: 286px;
		height: 276px;
		margin: 0 18px 21px 0;
	}
	.festival-activity img:nth-child(4n){
		margin-right: 0;
	}


	.workplace{
		background: #fff;
		-moz-column-count: 3; /* Firefox */
		-webkit-column-count: 3; /* Safari 鍜 Chrome */
		column-count: 3;
		-moz-column-gap: 16px;
		-webkit-column-gap: 16px;
		column-gap: 16px;
		overflow: auto;
	}
	.workplace img{
		display: block;
		width: 390px;
	    margin: 0 0 11px 0;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
	}
}

@media screen and (max-width: 750px){
	.workplace{ 
		-moz-column-count: 2; /* Firefox */
		-webkit-column-count: 2; /* Safari 氓鈥櫯 Chrome */
		column-count: 2;
		-moz-column-gap: 0.05rem;
		-webkit-column-gap: 0.05rem;
		column-gap: 0.05rem;
		overflow: auto;
		padding: 0 0.1rem 0.15rem;
	}
	.workplace img{ 
		width: 1.75rem;
	    margin-bottom: 0.05rem;
	    background: #fff;
		-moz-page-break-inside: avoid;
		-webkit-column-break-inside: avoid;
		break-inside: avoid;
	}
	.festival-activity{
	    overflow: auto;
	    padding: 0 0.1rem 0.2rem;
	}
	.festival-activity img{
		float: left;
		width: 1.72rem;
		margin: 0 0.11rem 0.12rem 0;
	}
	.festival-activity img:nth-child(2n){
		margin-right: 0;
	}
}