@charset "UTF-8";
body {
	margin: 0;

}
.close-btn {
	cursor: pointer;
	z-index: 3333;
	position: fixed;
	width: 40px;
	height: 40px;
	left: 984px;

}
.legal-bg-col {
	position:absolute;
	top: 6px;
	left: 6px;
	width: 286px;
	height: 586px;
	margin: 0px;
	background-color: #EBEBE8;
}
.legal-bg {
	position:absolute;
	top: 8px;
	left: 8px;
	width: 583px;
	height: 583px;
	margin: 0px;
	background-color: #EBEBE8;
}
#legal-close-btn {
	cursor: pointer;
	position: fixed;
	z-index: 1234555;
	width: 32px;
	height: 22px;
	top: 9px;
	left: 567px;
	padding: 0px;

}
#container_dc {
	position: absolute;
	width: 970px;
	height: 600px;
	top: 0px;
	left: 0px;
	margin: 0;
}
#legal-container-col {
	position: fixed;
	z-index: 1234;
	display: none;
	position: fixed;
	top: 1px;
	left: 301px;
}
#legal-container {
	position: fixed;
	z-index: 1234;
	display: none;
	position: fixed;
	top: 1px;
	left: 1px;
}
#content_dc {
	position: absolute;
	width: 950px;
	height: 580px;
	top: 10px;
	left: 10px;
	z-index: 100;
	overflow:hidden;
}
#content_dc-exp {
	position: absolute;
	width: 600px;
	height: 600px;
	top: 78px;
	left: 45px;
	z-index: 100;
	overflow:hidden;
}
#listView {
	position: relative;
	left: 0px;
	top: 0px;
	width: 940px;
	display:block;
	margin-left: 0px;
}

#scroll-mask {
	width: 10px;
	height: 200px;
	overflow: hidden;
}

/* Scroll bar */
.scroll-container {
	width: 300px;
	height: 600px;
	overflow: hidden;
}
#scroll-bar {
	padding-top: 0px;
	top: -250px;
	width: 300px;
	height: 1000px;

}
#scroll-bar .handle {
	top: 0px;
	width: 300px;
	height: 800px;
}
	
.side-bar {
	position: absolute;
	right: 14px;
	background-color: #BCBCBC;
	width: 6px;
	height: 350px;
	margin-top: 0px;
	top: 278px;
	display: none;

}
#scroll-content {
	padding: 10px;
}

.dragdealer {
	position: relative;
	height: 30px;
}
.dragdealer .handle {
	position: absolute;
	cursor: pointer;
	z-index: 600;
}

.dragdealer .disabled {
	background: #898989;
}
#touchArea {
    width:40px;
    height:400px;
    background:#333;
    font-size:20px;
    color:#fff;
}