.swap{
	width:100%; height:400px; margin:0 auto;
}
#slider{
	list-style:none; width:100%; height:100%; margin:0; padding:0;
}
#slider li{
	width:100%; height:400px; display:none; position:absolute;
}

#naviSlider{
	list-style:none;  margin:0 auto; text-align:center;position:absolute; top:565px; z-index:999; left:50%; width:500px; margin-left:-100px; 
	
}
#naviSlider  li{
	height:20px; width:20px;cursor:pointer; float:left;
	background:#dadada; border-radius:20px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	margin:5px;
	
}
#naviSlider li.on{
	background:#00388e; width:25px; height:25px; box-shadow: 0px 0px 4px rgba(0,0,0,0.55); margin-top:-2px

}