.slider-wp{
  width: 100%;	
  height: 369px;	  
  position: relative;
  z-index: 1;				
}

.slider-inner{
  width: 100%;	
  height: 512px;	
  overflow: hidden;	
  position: absolute;
  left: 0;
  top: -143px;		
  z-index: 1;				
}

.cycle-slideshow{  		
  z-index: 1;	
}

.cycle-slide{
  width: 100%;	
}

.slider-item{
  width: 100%;
  height: 100%;				
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;		
}

.slider-1{
  background-image: url(../images/slider/IMG-1.jpg);	
}

.slider-2{
  background-image: url(../images/slider/IMG-2.jpg);	
}

.slider-3{
  background-image: url(../images/slider/IMG-3.jpg);	
}

.slider-data{
  display: table;	
  position: absolute;
  top: 80px;
  left: 12%;
  width: 500px;					
}

.sd-ttl{
  padding-bottom: 10px;	
  font-size: 30pt;		
}

ul.sd-txt{
  list-style-image: url(../images/slider-arr.png);	
}

ul.sd-txt li{
  font-size: 12pt;
  padding: 0 0 10px 15px;		
}

.sd-more{	
  padding-top: 20px;
}

.sd-more A:link, .sd-more A:visited{
  display: block;	
  width: 114px;
  height: 27px;	
  padding-top: 13px;	
  background: url(../images/btn-slider.png) no-repeat;
  text-align: center;	
  color: #484848;
  text-decoration: none;
  font-size: 9pt;					
}

.sd-more A:hover{
  color: #CC264E;	
}

.slider-arr{
  position: absolute;
  top: 50%;	
  width: 44px;
  height: 103px;
  margin-top: -50px;
  z-index: 3;
  cursor: pointer;						
}

.slider-prev{
  left: 0;	
  background: url(../images/arr-L.png) no-repeat;	
}

.slider-next{
  right: 0;	
  background: url(../images/arr-R.png) no-repeat;
}

.slider-nav{
  width: 100%;		
  text-align: center;
  padding: 10px 0 20px;				
}

.slider-nav A:link, .slider-nav A:visited{
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 3px;
  width: 11px;
  height: 11px;
  background: url(../images/nav-off.png) no-repeat;
}

.slider-nav A.cycle-pager-active:link, .slider-nav A.cycle-pager-active:visited{
  background: url(../images/nav-on.png) no-repeat;	
}

.div-carousel{position:relative; padding-top:10px;}
.div-carousel-pager{position:absolute; top:10px; width:100%;}
#prev4{position:absolute; left:0;}
#next4{position:absolute; right:0;}

@media screen and (max-width: 1128px) {
	.slider-nav{
		display: none;
	}	
}

@media screen and (max-width: 915px) {
	.slider-arr{
		display: none;
	}	
	.slider-data{
		left: 3%;
		width: 94%;
	}		
}

@media screen and (max-width: 820px) {
	.sd-txt{
		float: left;
		width: 94%;
		padding: 3% 3% 0;
	}		
}

@media screen and (max-width: 450px) {
	.sd-img{
		width: 100%;
		padding-right: 0;
	}
	.sd-img img{
		width: 100%;
	}
}