/* .flickSlider
--------------------------- */
.flickSlider {margin: 0 auto 40px;text-align: left;display:inline-block!important;width:100% !important;}

/* .flickView
--------------------------- */
.flickSlider .flickView {width:75% !important;text-align: left;position: relative;overflow: hidden;float:left;}
.flickSlider .flickView ul {top: 0;left: 0;width: 100%;position: absolute;overflow: hidden;}
.flickSlider .flickView ul li {width: 100%;float: left;display: inline;overflow: hidden;}
.flickSlider .flickView ul li img {width: 100%;}

/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {width: 23% !important;overflow: hidden;padding-top:5px;float:right;}
.flickSlider .flickThumb ul {width: 110%;}
.flickSlider .flickThumb ul li {cursor: pointer;;padding:0 1px 1px 0;width:33% !important;float: left;display: inline;}
.flickSlider .flickThumb ul li img {width: 100%;}
.flickSlider .flickThumb ul li.active {filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}

@media screen and (max-width: 640px) {


.flickSlider .flickView {width: 100% !important;text-align: left;position: relative;overflow: hidden;float:none;}

.flickSlider .flickThumb {width: 100% !important;overflow: hidden;padding-top:5px;float:none;}

.flickSlider .flickThumb ul li {cursor: pointer;;padding:0 1px 1px 0;width:20% !important;float: left;display: inline;}

}





/* sideNavi
------------------------- */
.flickSlider .btnPrev,
.flickSlider .btnNext {top: 0;width: 5%;height: 100%;position: absolute;cursor: pointer;}
.flickSlider .btnPrev {left: 0;background:  url(./img/btnPrev.png) no-repeat center center;}

.flickSlider .btnNext {right: 0;background:  url(./img/btnNext.png) no-repeat center center;}

/* @media screen and (max-width: 640px) {.flickSlider .btnPrev,.flickSlider .btnNext {display:none;}} */


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

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {display: inline-block;overflow: hidden;}