#slider{
  margin:0;
  padding:0; 
}

.skdslider {
  width:100%;
  position: relative;
  display: block;
  overflow:hidden;
}
.skdslider .slide {
   display: none;
}
.skdslider .slide img {
   width: 100%;
   height:100%;
   border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	  list-style-type: none;
    margin: 0;
    padding: 0;
}

.skdslider ul.slide-navs li {
  float: left;
	background: url("image/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.active {
  background: url("image/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
   
    left: 23%;
    padding: 0 15px 0 15px;
    position: absolute;
    bottom: 32%;
    max-width: 80%;
	  display:inline-block;
}


.skdslider .slide-desc > h2 {
    color: #3b8680;
   font-weight: 600;   font-size: 28px;
    margin-bottom: 0px;
    margin-top: 10px;
    
}



.skdslider .slide-desc > p {
    color: #3b8680;
   font-weight: 400;    font-size: 24px;
    line-height: 34px;
    margin: 5px 0;
 padding: 0 60px 0 0;}



.skdslider .slide-desc > p span {
    color: #fcb627;
   font-weight: 400;    font-size: 20px;
    line-height: 34px;
    margin-top: 5px;
}.skdslider .slide-desc > p a.more {
  color:#990000;
	font-size:20px;
	text-decoration:none;
}
.skdslider .slide-desc > p a.more:hover {
  text-decoration:underline;
}



.skdslider a.prev{
  background: url("image/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:1%;
	margin-top:-17px;
}



.skdslider a.next{
  background: url("image/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:1%;
	margin-top:-17px;
}


.skdslider a.prev:hover {
  
}
.skdslider a.next:hover {
  
}



.skdslider a.play {
    background: url("image/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}



.skdslider a.pause{
  background: url("image/pause.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

@media only screen and (min-width: 1024px) and (max-width:1399px) {

.skdslider .slide-desc > h2 {
    color: #3b8680;
   font-weight: 600;   font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
    
}



.skdslider .slide-desc > p {
    color: #3b8680;
   font-weight: 400;    font-size: 18px;
    line-height: 28px;
    margin: 5px 0;
 padding: 0 60px 0 0; }



.skdslider .slide-desc > p span {
    color: #fcb627;
   font-weight: 400;    font-size: 16px;
    line-height: 28px;
    margin-top: 5px;
}
}

@media only screen and (min-width: 768px) and (max-width:1023px) {

.skdslider .slide-desc {
   
    left: 23%;
    padding: 0 10px 0 10px;
    position: absolute;
    bottom: 27%;
    max-width: 80%;
	  display:inline-block;
}


.skdslider .slide-desc > h2 {
    color: #3b8680;
   font-weight: 600;   font-size: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
  
}



.skdslider .slide-desc > p {
    color: #3b8680;
   font-weight: 400;    font-size: 15px;
    line-height: 25px;
    margin: 5px 0;
 padding: 0 50px 0 0; }



.skdslider .slide-desc > p span {
    color: #fcb627;
   font-weight: 400;    font-size: 14px;
    line-height: 25px;
    margin-top: 5px;
}
}


@media only screen and (min-width: 576px) and (max-width:767px) {

.skdslider .slide-desc {
   
    left: 10%;
   right: 10%; padding: 0 10px 0 10px;
    position: absolute;
    bottom: 11%;
    max-width: 80%;
	  display:inline-block; text-align: center;
}


.skdslider .slide-desc > h2 {
    color: #3b8680;
   font-weight: 600;   font-size: 17px;
    line-height: 20px;
 margin-bottom: 0px;
    margin-top: 10px;
  line-height: 26px;
}



.skdslider .slide-desc > p {
    color: #3b8680;
   font-weight: 400;    font-size: 17px;
    line-height: 26px;
    margin: 5px 0;
 padding: 0 0 0 0; }



.skdslider .slide-desc > p span {
    color: #fcb627;
   font-weight: 400;    font-size: 15px;
    line-height: 24px;
    margin-top: 5px;
}

.skdslider ul.slide-navs li {
 background: url("image/slide-bg-small.png") no-repeat scroll 0 0 transparent;
 height:8px;
	width:8px;
	margin-right:4px;
	cursor:pointer;
}



.skdslider ul.slide-navs li.active {
  background: url("image/slide-bg-active-small.png") no-repeat scroll 0 0 transparent;
}


.skdslider a.prev{
  background: url("image/left-small.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:1%;
	margin-top:-17px;
}



.skdslider a.next{
  background: url("image/right-small.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:1%;
	margin-top:-17px;
}
}

@media only screen and (min-width: 421px) and (max-width:575px) {

.skdslider .slide-desc {
   
    left: 9%;
   right: 9%; padding: 0 10px 0 10px;
    position: absolute;
    bottom: 9%;
    max-width: 80%;
	  display:inline-block; text-align: center;
}


.skdslider .slide-desc > h2 {
    color: #3b8680;
   font-weight: 600;   font-size: 13px;
    line-height: 20px;
 margin-bottom: 0px;
    margin-top: 10px;
  line-height: 19px;
}



.skdslider .slide-desc > p {
    color: #3b8680;
   font-weight: 400;    font-size: 13px;
    line-height: 20px;
    margin: 5px 0;
 padding: 0 0 0 0; }



.skdslider .slide-desc > p span {
    color: #fcb627;
   font-weight: 400;    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
}

.skdslider ul.slide-navs li {
 background: url("image/slide-bg-small.png") no-repeat scroll 0 0 transparent;
 height:8px;
	width:8px;
	margin-right:4px;
	cursor:pointer;
}



.skdslider ul.slide-navs li.active {
  background: url("image/slide-bg-active-small.png") no-repeat scroll 0 0 transparent;
}


.skdslider a.prev{
  background: url("image/left-small.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:1%;
	margin-top:-17px;
}



.skdslider a.next{
  background: url("image/right-small.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:1%;
	margin-top:-17px;
}

}

@media only screen and (max-width:420px) {

.skdslider .slide-desc {
   
    left: 10%;
   right: 10%; padding: 0 10px 0 10px;
    position: absolute;
    top: 40%;
    max-width: 80%;
	  display:inline-block; text-align: center;
}


.skdslider .slide-desc > h2 {
    color: #3b8680;
   font-weight: 600;   font-size: 14px;
    line-height: 20px;
 margin-bottom: 0px;
    margin-top: 10px;
  line-height: 22px;
}



.skdslider .slide-desc > p {
    color: #3b8680;
   font-weight: 400;    font-size: 14px;
    line-height: 22px;
    margin: 5px 0;
 padding: 0 0 0 0; }



.skdslider .slide-desc > p span {
    color: #fcb627;
   font-weight: 400;    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
}

.skdslider ul.slide-navs li {
 background: url("image/slide-bg-small.png") no-repeat scroll 0 0 transparent;
 height:8px;
	width:8px;
	margin-right:4px;
	cursor:pointer;
}



.skdslider ul.slide-navs li.active {
  background: url("image/slide-bg-active-small.png") no-repeat scroll 0 0 transparent;
}


.skdslider a.prev{
  background: url("image/left-small.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:1%;
	margin-top:-17px;
}



.skdslider a.next{
  background: url("image/right-small.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:1%;
	margin-top:-17px;
}

}