@charset "utf-8";
/* CSS Document */

/*
请注意：除 Scroll 样式名外其它的样式名称与JS绑定，修改时请谨慎，保持与JS中调用同步。
*/

body{ font-size:12px; text-align:left; position:0px; margin:0px;}

.cls {zoom:1;}
.cls:after {content:"";visibility:hidden;display:block;height:0;clear:both;}

.Scroll { width:200px; height:100px;  border:solid 1px #888; background:#F5F5F5; margin:30px 0 0 50px; padding:10px; line-height:20px;}
	.Scroll .Scroll_y { width:15px; line-height:0px; font-size:0px;}
		.Scroll .Scroll_y_Up,.Scroll .Scroll_y_Down{width:13px; height:13px; border:solid 1px #BBB}
		.Scroll .Scroll_y_Up { background:url(../images/y_up_2.gif.html) #E7E7E7 no-repeat center center}
			.Scroll .Scroll_y_Up_D { background-color:#D5D5D5}
			.Scroll .Scroll_y_Up_O { background-color:#E0E0E0}
		.Scroll .Scroll_y_Drag { background:#EEE;}
			.Scroll .Scroll_y_Drag_Bar { background:#E7E7E7; border:solid 1px #CCC; width:13px; cursor:default}
		.Scroll .Scroll_y_Down { background:url(../images/y_down_2.gif.html) #E7E7E7 no-repeat center center}
		
			.Scroll .Scroll_y_Up_D,
			.Scroll .Scroll_y_Drag_Bar_D,
			.Scroll .Scroll_y_Down_D { background-color:#D5D5D5}


.Scroll2 { margin: 0px; padding-right:10px;}

	.Scroll2 .Scroll_y { width:15px; line-height:0px; font-size:0px; }
		.Scroll2 .Scroll_y_Up,.Scroll2 .Scroll_y_Down{width:15px; height:15px;}
		.Scroll2 .Scroll_y_Up { background:url(../images/y_up_2.gif.html) no-repeat center center}
		.Scroll2 .Scroll_y_Drag { background:url(../images/bg_1.gif.html) repeat-y center top;}
			.Scroll2 .Scroll_y_Drag_Bar {  cursor:default}
				.Scroll2 .Scroll_y_DBM { background:#00F; width:7px; margin:0px auto; background:#AAA;}
		.Scroll2 .Scroll_y_Down { background:url(../images/y_down_2.gif.html) no-repeat center center;}
		
			.Scroll2 .Scroll_y_Up_D { background-position:center 5px}
			.Scroll2 .Scroll_y_Down_D { background-position:center 7px}
			.Scroll2 .Scroll_y_Drag_Bar_D{ }
				.Scroll2 .Scroll_y_Drag_Bar_D .Scroll_y_DBM{ background-color:#888;}

.Scroll3 { width:200px; height:100px; border:dashed 1px #888; background:#F5F5F5; margin:30px 0 0 50px; line-height:20px;}

	.Scroll3 .Scroll_y { width:15px; line-height:0px; font-size:0px;}
		.Scroll3 .Scroll_y_Up,.Scroll3 .Scroll_y_Down{width:15px; height:17px;}
		.Scroll3 .Scroll_y_Up { background:url(../images/y_up.gif.html) no-repeat center center}
		.Scroll3 .Scroll_y_Drag { }
			.Scroll3 .Scroll_y_Drag_Bar { width:15px; cursor:default}
				.Scroll3 .Scroll_y_DBT { height:4px; background:url(../images/y_Bar.gif.html) left top}
				.Scroll3 .Scroll_y_DBM { background:url(../images/y_Bar.gif.html) repeat -30px top}
					.Scroll3 .Scroll_y_DBMB { width:7px; height:8px; margin:0px auto; background:url(../images/y_Bar.gif.html) no-repeat -60px center}
				.Scroll3 .Scroll_y_DBB { height:4px; background:url(../images/y_Bar.gif.html) -90px bottom}
		.Scroll3 .Scroll_y_Down { background:url(../images/y_down.gif.html) no-repeat center center}

			.Scroll3 .Scroll_y_Up_D { background:url(../images/y_up_D.gif.html) no-repeat center center}
			.Scroll3 .Scroll_y_Down_D { background:url(../images/y_down_D.gif.html) no-repeat center center}
			.Scroll3 .Scroll_y_Drag_Bar_D  { }
				.Scroll3 .Scroll_y_Drag_Bar_D .Scroll_y_DBT { background:url(../images/y_Bar_D.gif.html) left top}
				.Scroll3 .Scroll_y_Drag_Bar_D .Scroll_y_DBM {  background:url(../images/y_Bar_D.gif.html) repeat -30px top}
					.Scroll3 .Scroll_y_Drag_Bar_D .Scroll_y_DBMB { background:url(../images/y_Bar_D.gif.html) no-repeat -60px center}
				.Scroll3 .Scroll_y_Drag_Bar_D .Scroll_y_DBB { background:url(../images/y_Bar_D.gif.html) -90px bottom}


#dome_0_3 { float:left; width:250px; height:250px;}
#dome_1_3 { float:left; width:250px; height:250px;}
#dome_2_3 { float:left; width:680px; height:380px;}
#box_main_b .Scroll2 { width:450px; height:340px;}
#dome_3_3 { float:left; width:250px; height:250px;}