.ui-slider { 
	position: relative; 
	text-align: left; 
}
.ui-slider .ui-slider-handle { 
	position: absolute; 
	z-index: 2;  
	cursor: default; 
}
.ui-slider .ui-slider-range { 
	position: absolute; 
	z-index: 1; 
	font-size: .7em; 
	display: block; 
	border: 0; 
	background-position: 0 0; 
}
.ui-slider-horizontal { 
	height: .8em; 
}
.ui-slider-horizontal .ui-slider-handle { 
	top: -.3em; 
	margin-left: -.6em; 
}
.ui-slider-horizontal .ui-slider-range { 
	top: 0; 
	height: 100%; 
}
.ui-slider-horizontal .ui-slider-range-min { 
	left: 0; 
}
.ui-slider-horizontal .ui-slider-range-max { 
	right: 0; 
}
.ui-slider-vertical { 
	width: .8em; 
	height: 100px; 
}
.ui-slider-vertical .ui-slider-handle { 
	left: -.3em; 
	margin-left: 0; 
	margin-bottom: -.6em; 
}
.ui-slider-vertical .ui-slider-range { 
	left: 0; 
	width: 100%; 
}
.ui-slider-vertical .ui-slider-range-min { 
	bottom: 0; 
}
.ui-slider-vertical .ui-slider-range-max { 
	top: 0; 
}
.ui-slider .ui-slider-handle {
	width: 16px;
	height: 16px;
	background: url(../images/sprite.png) no-repeat -222px -222px;
	top: -6px;
	cursor: pointer;
}
#slider {
	background: #c4b49f;
	height: 4px;
	border-radius: 2px;
	margin-bottom: 24px;
}
.ui-slider-range {
	background: #ffcf5c;
}
#slider + div {
	overflow: hidden;
}
#slider + div input:first-child {
	margin-right: 6px;
}
#slider + div input {
  float: left;
  width: 86px;
  padding: 9px 14px;
  font-family: Arial;
  line-height: 20px;
  height: 38px;
  color: #333;
  background: #fff;
  border: none;
  font-size: 12px;
  box-sizing: border-box;
}