#slider {
	display: block;
	position: relative;
	height: auto;
	z-index: 100;	
	margin: auto;
	overflow:hidden;
}
#slider > ul {
	display: block;
	height: auto;
	width: 100%;
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px;
	position: relative;
}
#slider > ul > li {
	position: absolute;
	list-style: none;
	margin: 0px 0px;
	padding: 0px 0px;
	height: auto;
	width: 100%;
	top: 0px;
	z-index: 200;
}
#slider > ul > li.current {
	position: relative;
}
#slider .slideControl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}
#slider .slideControl .prev-wrapper, #slider .slideControl .next-wrapper {
	display: table;
	height: 100%;
}
#slider .slideControl .prev-wrapper {
	position: absolute;
	left: 0px;
	margin-left: 10px;
}
#slider .slideControl .next-wrapper {
	position: absolute;
	right: 0px;
	margin-right: 10px;
}
#slider .slideControl .prev, #slider .slideControl .next {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 2000;
}

#slider .navigation {
	position: absolute;
	bottom: 3vw;
	width: 100%;
	height: 12px;
	text-align: center;
	z-index: 200;
}
#slider .navigation div {
	display: inline-block;
	width: 14px;
	height: 14px;
	cursor: pointer;
	margin-right: 12px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#slider .navigation div a {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
#slider .navigation div:last-child {
	margin-right: 0px;
}
#slider .navigation div.bullet {
	background-image: url(../../images/slideshow/bg_slider_li.png);
}
#slider .navigation div.bullet.current, #slider .navigation div.bullet:hover {
	background-image: url(../../images/slideshow/bg_slider_li_using.png);
}
#slider .navigation div.play-pause.play {
	background-image: url(../../images/slideshow/bg_slider_pause.png);
}
#slider .navigation div.play-pause.stop {
	background-image: url(../../images/slideshow/bg_slider_play.png);
}


@media only screen and (max-width:900px) {
	#slider .navigation {
		bottom: 3vw;
	}
}
@media only screen and (max-width:530px) {
	#slider .navigation {
		bottom: 15px;
	}
}
@media only screen and (max-width:460px) {
	#slider > ul > li img {
		margin-left: 0px;
		left: 50%;
	}
}
@media only screen and (max-width:360px) {
	#slider > ul > li img {

	}
}
@media only screen and (max-width:320px) {
	#slider > ul > li img {
	}
}