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

@media screen and (min-width: 768px){
	.sliderBox{
		width: 750px;
		height: 272px;
		display:none;
	}
}

@media screen and (min-width: 992px){
	.sliderBox{
		width: 970px;
		height: 405px;
		display:none;
	}
}

@media screen and (min-width: 1200px){
	.sliderBox{
		width: 1170px;
		height: 489px;
		display:none;
	}
}

@media screen and (max-width: 768px){
	.sliderBox{
		width: 585px;
		height: 244px;
		display:none;
	}
}

.wideslider,
.wideslider * {
margin: 0;
padding: 0;
}

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.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: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.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;
}

@media screen and (max-width:767px){
	.pagination{
		display:none;
	}
}