@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 771px) {
.wideslider {
    width: 100%;
    height: 433px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.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: url(../images/btn_next.png) no-repeat right center;background-color: #656565;}
.slider_next {background: url(../images/btn_return.png) no-repeat left center;background-color: #656565;}
 
.pagination {
	display: none;
    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: #018bd1;
}
.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: 770px) {
.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;
}
	
.slider_prev {
    background-image: url(../images/img_index/prev.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right center;
}
.slider_prev, .slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

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

.wideslider_base {
    top: 0;
    position: absolute;
}

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

.pagination a {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
}
	
.pagination {
	display: none;
    text-align: center;
}
.pagination a.active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    background: #018bd1;
}
}