#slice-merchan{
	cursor: pointer;
	width: 1280px;
	height: 400px;
	margin: 60px auto;
	padding: 0px;
	overflow: hidden;
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	
	background: transparent;
	
	/*BOX-SHADOW*/
	box-shadow: 0px 0px 15px rgba(0,0,0,0.8);
	
	/* rounded corner */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

@media all and (max-width : 980px) {
	
	#slice-merchan{
		cursor: pointer;
		width: 90%;
		height: 280px;
		margin: 50px auto;
		padding: 0px;
		overflow: hidden;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		
		background: transparent;
		
		/* rounded corner */
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
}

.image-merchan{
	width: 100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
}

.image-merchan img{
	width: 100%;
	height:100%;
	margin:0;
	overflow:hidden;
	
	/* rounded corner */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


@media all and (max-width : 810px) {
	
	#slice-merchan{
		cursor: pointer;
		width: 90%;
		height: 220px;
		margin: 50px auto;
		padding: 0px;
		overflow: hidden;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		
		background: transparent;
		
		/* rounded corner */
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
}

.image-merchan{
	width: 100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	float:left;
	overflow:hidden;
	
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
}

.image-merchan img{
	width: 100%;
	height:100%;
	margin:0;
	overflow:hidden;
	
	/* rounded corner */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


@media all and (max-width : 680px) {
	
	#slice-merchan{
		cursor: pointer;
		width: 90%;
		height: auto;
		margin: 40px auto;
		padding: 0px;
		overflow: hidden;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		
		background: #232323;
		
		/* rounded corner */
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
	.image-merchan{
		width: 100%;
		height:auto;
		margin:0 0 0 0;
		padding:0;
		float:left;
		overflow:hidden;
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	.image-merchan img{
		width: 110%;
		height:120%;
		margin:0;
		overflow:hidden;
		
		/* rounded corner */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
}