<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.s-three{
	padding:0 60px;
}
.s-three img{
	width:100%;
	height:auto;
	margin:0
}
.s-three button.slick-arrow{
	font-size:0;
	line-height:0;
	width:36px;
	height:36px;
	border:none;
	background:none;
	position:absolute;
	top:50%;
	padding:0;
	margin:-18px 0 0;
}
.s-three button.slick-arrow:before{
	content:"";
	border:solid #aaa;
	border-width:0 2px 2px 0;
	display:inline-block;
	padding:6px;
	width:2px;
	height:2px
}


.s-three button.slick-prev{
	left:20px;
	transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	z-index:1;
	cursor:pointer
}


.s-three button.slick-next{
	right:20px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	z-index:1;
	cursor:pointer
}
.s-three .slick-dots{
	/*position:absolute;
	left:42%;
	bottom:0;*/
	text-align:center;
	z-index:1;
	-webkit-transition:all .5s;
    -khtml-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
	position:relative;
}
.s-three .slick-dots li{
	display:inline-block;
	background:none;
	padding:0;
}
.s-three .slick-dots li button{
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    width: 13px;
    height: 13px;
	padding:0;
    margin: 3px;
	border:none;
    border-radius: 50%;
    background: rgba(0,0,0,.3);
    background: #ccc;
	-webkit-transition:all .5s;
    -khtml-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;	
}
.s-three .slick-dots li.slick-active button{
    background: #0c492c;
}



@media only screen and (min-width:921px){

}

</pre></body></html>