@charset "utf-8";
/* CSS Document */

#banner .slick-slide {
	margin:0!important
}
#banner {
	cursor:-moz-grabbing!important
}
#banner .title {
	padding-bottom:0
}
#banner .caption-body {
	top:80px
}
#banner img {
	image-rendering:optimizequality
}
#banner .btn {
	margin-right:5px;
	margin-top:15px;
	padding:12px
}
#banner h1 {
	margin-top:10px;
	font-weight:700
}
#banner .slick-prev {
	left:20px
}
#banner .slick-next {
	right:20px
}
#banner .slick-next, #banner .slick-prev {
	position:absolute;
	height:50px;
	width:50px;
	line-height:0;
	cursor:pointer;
	background:#333;
	opacity:.5;
	color:transparent;
	top:50%;
	padding:0;
	border:none;
	outline:0;
	display:block;
	vertical-align:middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	box-shadow:0 0 1px transparent;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale
}
#banner .slick-next:hover, #banner .slick-prev:hover {
	background:#d29c56;
	color:#fff;
-moz-animation:pulse .5s ease-in;
-webkit-animation:pulse .5s ease-in;
animation:pulse .5s ease-in
}
#banner .slick-next:before, #banner .slick-prev:before {
	font-family:ionicons;
	font-size:26px;
	line-height:1;
	color:#fff!important;
	opacity:1!important;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
@media screen and (min-width:1024px)and (max-width:1280px) {
	#banner .caption-body {
top:20px
}
#banner .slick-next, #banner .slick-prev {
width:30px
}
#banner .slick-next {
right:0
}
#banner .slick-prev {
left:0
}
#banner .caption-body {
top:0
}
}
@media screen and (min-width:320px)and (max-width:568px) {
#banner .caption-body {
top:0
}
#banner h1, #banner h2 {
font-size:12px
}

}