.scrollY-container , .scrollX-container{
			position:relative;
		}
		.scrollY , .scrollX{
			overflow:hidden;
			position:relative;
			transition-duration: 0.2s;

		}
		.scrollYbar{
			position:absolute;
			width:5px;
			height:100%;
			top:0;
			right:0;
		}
		.scrollXbar{
			position:absolute;
			width:100%;
			height:5px;
			bottom:0;
			left:0;
		}
		.scrollXbar:hover, .scrollYbar:hover{
			background:rgba(0,0,0,0.4);
		}
		.scrollY-but{
			position:absolute;
			width:5px;
			background:rgba(0,0,0,0.4);
			right:0;
			top:0;
			border-radius:25%;
		}
		.scrollX-but{
			position:absolute;
			height:5px;
			background:rgba(0,0,0,0.4);
			bottom:0;
			left:0;
			border-radius:25%;
		}
		.scrollXbar:hover .scrollX-but, .scrollYbar:hover .scrollY-but{
			background:rgba(0,0,0,0.8);
		}
		#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}
body { background-color:#fafafa; font-family:'Roboto';}
.classY {
  width: 400px;
  height: 200px;
}
h1 { margin:150px auto 50px auto;}

.itemY {
  width: 80%;
  margin: auto;
  margin-top: 7px;
  background: #eee;
  height: 0px;
}

.classX {
  width: 200px;
  height: 100px;
  white-space: nowrap;
  float: left;
}

.itemX {
  width: 100px;
  margin: auto;
  background: red;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}