@charset "UTF-8";

/* -----------------------------------------------
FileName: tinyscrollbar.css
----------------------------------------------- */

.scrollbar2
{
    width: 100%;
	margin:0 auto 20px auto;
	text-align:center;
}

.scrollbar2 center {
	margin:0 0 40px 0;
}

.scrollbar2 .viewport
{
    width: 100%;
    min-height: 600px;
    overflow: hidden;
    position: relative;
}

.scrollbar2 .viewport.x2 {
	min-height:500px;
}

.scrollbar2 .overview
{
    width: 100%;
    position: absolute;
}
.scrollbar2 .scrollbar
{
    border: solid 1px #fff;
    position: relative;
    width: 100%;
    height: 20px;
	background:#efefef;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.scrollbar2 .thumb
{
    background-color: #999999;
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

@media screen and (max-width: 640px) {

	.scrollbar2 .viewport {
		min-height:280px;
	}

	.scrollbar2 .viewport.x2 {
		min-height:180px;
	}

}