@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

applet, object, blockquote, pre,abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp,strike, sub, sup, tt, var,ul,
fieldset,legend, tfoot{
	margin: 0;
	padding: 0;
	border: 0;
/*	outline: 0;*/
}





.wideslider {
	width: 100%;
	height: 500px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin:0 auto 10px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 100px;
	left: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 20px;
	width: 200px;
	height: 104px;
	display: inline-block;
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0px 0px 6px 3px #ccc;
}
.pagination a.pn1 {background: transparent url(../img/s01.png) left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.pagination a.pn2 {background: transparent url(../img/s02.png) left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

.wideslider ul li img{
	width:960px;
	height:500px;
}

/* #wrapper
-------------------------------- */