*{margin: 0;padding: 0;}
.bannerpic {position: relative;width: 100%;overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.bannerpic ul {
list-style: none;margin:0px;padding:0px;width: 300%;
}
.bannerpic ul li {
display: block;
float: left;
width: 33%;
min-height: 350px;

-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;

box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}

.bannerpic .inner {
padding: 160px 0 110px;
}

.bannerpic h1, .bannerpic h2 {
font-size: 40px;
line-height: 52px;

color: #fff;
}

.bannerpic .btn {
display: inline-block;
margin: 25px 0 0;
padding: 9px 22px 7px;
clear: both;

color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;

border: 2px solid rgba(255,255,255,.4);
border-radius: 5px;
}
.bannerpic .btn:hover {
	background: rgba(255,255,255,.05);
}
.bannerpic .btn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}

.bannerpic .btn, .bannerpic .dot {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.bannerpic .dots {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
}
.bannerpic .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;

	text-indent: -999em;

	border: 2px solid #fff;
	border-radius: 6px;

	cursor: pointer;
	opacity: .4;

	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
	.bannerpic .dots li.active {
		background: #fff;
		opacity: 1;
	}

.bannerpic .arrows {
position: absolute;
bottom: 20px;
right: 20px;
color: #fff;
}
.bannerpic .arrow {
	display: inline;
	padding-left: 10px;
	cursor: pointer;
}