@charset "UTF-8";

.scrollpanel {
/*  float: left;*/
/*  width: 980px;
*/  height: 700px;
}
.scrollpanel .sp-scrollbar {
	width: 7px;
	cursor: pointer;
}
.scrollpanel .sp-scrollbar .sp-thumb {
	background-color: #9C0;
	transition: height 0.2s ease-in-out;
	  border-radius: 5px;

}
.scrollpanel .sp-scrollbar.active .sp-thumb {
	background-color: #6DA211;
}
.no2 .sp-scrollbar,
.no4 .sp-scrollbar {
  margin: 4px;
}
.no3,
.no4 {
  border-radius: 9px;
}
.no3 .sp-scrollbar,
.no4 .sp-scrollbar {
  border-radius: 5px;
}
.no3 .sp-scrollbar .sp-thumb,
.no4 .sp-scrollbar .sp-thumb {
  border-radius: 5px;
}
/*.foo {
  min-height: 30px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 1em;
  padding: 1em;
}*/