/*reset*/

li{list-style-type: none;}

body{width: 100%;height: auto;margin: 0px;}
body>h5{margin-left: 0px;}
body>div{margin-left: 0px;}

/*example*/
.example{}
.example ol{	position:relative;width: 100%;height: 20px;top:-120px;left: 46%;text-align: center;}
.example ol li{
	float:left;
	width: 10px;
	height: 10px;
	margin: 10px;
	background: #ffffff;

}
.example ol li.seleted{background: #ff0000;}

.example1{}
.example1 ol{position:relative;width: 60%;height: 20px;top:-120px;left: 1px;text-align: center;}
.example1 ol li{float:right;
	width: 10px;
	height: 10px;
	margin: 10px;
	background: #ffffff;
	
	display:none}
.example1 ol li.seleted{background: #ff0000;}

.example2{}
.example2 ol{
	position:relative;
	width: 80px;
	height: 20px;
	top:-130px;
	left:60px;
	z-index: 999999;
	
}
.example2 ol li{float:left;width: 10px;height: 10px;margin: 5px;background: #fff;z-index: 9999999999;}
.example2 ol li.seleted{background: #ff0000;}