#merchan{
	clear:both;
	width: 95%;
	max-width: 2000px;
	height: 380px;
	margin:0 auto;
	padding:0;
	text-align: center;
}

	.merchan-image {
		width: 100%;
		height: 120%;
		margin: 0 0 0 0;
		padding: 0;
		float: left;
		overflow: hidden;
		background: #11A1C6;
		
		/*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;
		
		/* rounded corner */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.merchan-image img{
		position: relative;
		top: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

#container-merchan{
	z-index: 10000;
	position: absolute;
	left: 10%;
	clear:both;
	width:100%;
	max-width:1200px;
	height:auto;
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow:hidden;
}

/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {
	
	#merchan{
		clear:both;
		width: 95%;
		max-width: 2000px;
		height: auto;
		margin:0 auto;
		padding:0;
		text-align: center;
	}

		.merchan-image {
			width: 100%;
			height: 120%;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			background: #11A1C6;
			
			/*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;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: auto;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 5%;
		clear:both;
		width:100%;
		max-width:1200px;
		height:auto;
		margin: 0 auto;
		padding: 30px 0 0 0;
		overflow:hidden;
	}

}

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {

	#merchan{
		clear:both;
		width: 90%;
		height: auto;
		margin:0 auto;
		padding:0;
	}

		.merchan-image {
			width: 100%;
			height: 120%;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			background: #11A1C6;
			
			/*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;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}

		.merchan-image img{
			position: relative;
			top: 0;
			width: 100%;
			height: auto;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 5%;
		clear: both;
		width: 90%;
		height:auto;
		margin: 0 auto;
		padding: 20px 0 0 0;
		overflow:hidden;
	}	

}

/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {
	
	
}

/************************************************************************************
MAIN NAVIGATION 680px
*************************************************************************************/
@media all and (max-width : 680px) {
	

}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {

	#merchan{
		clear:both;
		width: 90%;
		height: 240px;
		margin:0 auto;
		padding:0;
	}

		.merchan-image {
			width: auto;
			height: 120%;
			margin: 0 0 0 0;
			padding: 0;
			float: left;
			overflow: hidden;
			background: #11A1C6;
			
			/*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;
			
			/* rounded corner */
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}

		.merchan-image img{
			position: relative;
			top: 0;
			left: -70%;
			width: calc(210% + 50px);
			height: 100%;
			margin: 0 auto;
		}

	#container-merchan{
		z-index: 10000;
		position: absolute;
		left: 5%;
		clear: both;
		width: 50%;
		height:auto;
		margin: 0 auto;
		padding: 20px 0 0 0;
		overflow:hidden;
	}	

}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 480px) {
	

}

/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 390px) {
	

}