.slider1{
    margin: 20px auto;
    width: 300px;
}
.slider1 img{
	height: auto;
}


/*slick setting*/

.slide1-prev,
.slide1-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.slide1-prev{
	left: -25px;
	border-right: 20px solid #E52888;
}
.slide1-next{
	right: -25px;
	border-left: 20px solid #E52888;
}





.slider2{
	margin: 0 auto;
	width: 770px;
	max-width: 100%;
}
.slider2 img{
	height: auto;
	height: auto;
	max-width: 100%;
	margin:auto;
}

.slide2-prev,
.slide2-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    display: block;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.slide2-prev{
	left: 23%;
	border-right: 20px solid #E52888;
}
.slide2-next{
	right: 23%;
	border-left: 20px solid #E52888;
}
.slick-arrow{
    z-index: 50;
}
@media screen and  ( max-width:730px) {
	.slide2-prev{
		left: 18%;
	}
	.slide2-next{
		right: 18%;
	}
}
@media screen and  ( max-width:600px) {
	.slide2-prev{
		left: 15%;
	}
	.slide2-next{
		right: 15%;
	}
}

@media screen and  ( max-width:550px) {
	.slide2-prev{
		left: 15%;
	}
	.slide2-next{
		right: 15%;
	}
}
@media screen and  ( max-width:500px) {
	.slide2-prev{
		left: 8%;
	}
	.slide2-next{
		right: 8%;
	}
}
@media screen and  ( max-width:450px) {
	.slide2-prev{
		left: 6%;
	}
	.slide2-next{
		right: 6%;
	}
}
@media screen and  ( max-width:440px) {
	.slide2-prev{
		left: 5%;
	}
	.slide2-next{
		right: 5%;
	}
}
@media screen and  ( max-width:400px) {
	.slide2-prev{
		left: 10px;
	}
	.slide2-next{
		right: 10px;
	}
}