﻿* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul,li {
	padding: 0;
	margin: 0;
	border: 0;
}



#scene_ui_wrapper {
	position: absolute;
	z-index: 1;
	height: 64px;
	width: 100%;
	background: transparent;
	overflow: hidden;
	-ms-touch-action: none;
	bottom: 10px;

}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 500px;
	height: 64px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
	background: transparent;
	
}

#scroller ul {
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	background: transparent;
}

#scroller li {
	width: 64px;
	height: 64px;
	float: left;
	line-height: 64px;

	background: transparent;
	font-size: 14px;
	overflow: hidden;
	text-align: center;
	background-size:64px;
	margin-left: 10px;
}

 .selected{
    border:2px solid rgb(255, 255, 255);    
    border-radius:50%;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-size: 60px 60px !important;
}