@charset "utf-8";



* {

	margin:0;

	padding:0;

}



#scrollbar {

	width: 280px;

	margin:10px auto;

}

#scrollbar .scrollbar {

	position: relative;

	background-position: 0 0;

	float: right;

	width: 8px;

}



#scrollbar .track {

	background: #ccc;

	height: 100%;

	width: 4px;

	position: relative;

}

#scrollbar .thumb {

	background: #dedede;

	height: 20px;

	width: 4px;

	cursor: pointer;

	overflow: hidden;

	position: absolute; padding:0px 0px 0px 1px;

	top: 0;

}

#scrollbar .viewport {

	width: 270px;

	height: 1030px;

	overflow: hidden;

	position: relative;

}

#scrollbar .overview {

	list-style: none;

	position: absolute;

	left: 0;

	top: 0;

	padding: 0;

	margin: 0;

}







#scrollbar2 {

	width: 310px;

	margin:10px auto;

}

#scrollbar2 .scrollbar {

	position: relative;

	background-position: 0 0;

	float: right;

	width: 8px;

}



#scrollbar2 .track {

	background: #ccc;

	height: 100%;

	width: 4px;

	position: relative;

}

#scrollbar2 .thumb {

	background: #dedede;

	height: 20px;

	width: 4px;

	cursor: pointer;

	overflow: hidden;

	position: absolute; padding:0px 0px 0px 1px;

	top: 0;

}

#scrollbar2 .viewport {

	width: 300px;

	height: 1040px;

	overflow: hidden;

	position: relative;

}

#scrollbar2 .overview {

	list-style: none;

	position: absolute;

	left: 0;

	top: 0;

	padding: 0;

	margin: 0;

}