* {
	padding: 0;
	margin: 0;
	width: calc(var(--vw, 1vw)*100);
	height: calc(var(--vh, 1vh)*100);
}

body {
	background-color: black;
	overflow: hidden;
	height: 100%;
}

#_dug_canvas_area {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(var(--vw, 1vw)*100);
	height: calc(var(--vh, 1vh)*100);
}

body.r_long_width #_dug_canvas_area {
	width: 1387px;
	height: 640px;
}

body.r_h_640 #_dug_canvas_area {
	width: calc(var(--vw, 1vw)*100);
	height: calc(var(--vh, 1vh)*100);
}

#_dug_game_layer {
	padding: 0;
	margin: 0;
	width: calc(var(--vw, 1vw)*100);
	height: calc(var(--vh, 1vh)*100);
}

body.r_h_768 #_dug_canvas_area {
	width: 1024px;
	height: 768px;
}

#_dug_performance_pannel {
	position: absolute;
	transform: translate3d(100%, 0%, 0);
	width: 90px;
	height: 200px;
}

#_dug_performance_pannel2 {
	color: white;
	font-size: 10px;
}
#ratioType {
	color: white;
	font-size: 10px;
    position: relative;
    z-index: 1;
}
#tabletInfo {
	color: white;
	font-size: 10px;
    position: relative;
    z-index: 1;
}
#clientWidth {
	color: white;
	font-size: 10px;
    position: relative;
    z-index: 1;
}
#clientHeight {
	color: white;
	font-size: 10px;
    position: relative;
    z-index: 1;
}
#hidden {
	color: white;
	font-size: 10px;
    position: relative;
    z-index: 1;
}
#setCheat {
	color: white;
	font-size: 10px;
    position: relative;
    z-index: 1;
	width: 200px;
	height: 10px;
}
#cheat{
	visibility: hidden;
	margin: 10px;
	color: white;
	font-size: 12px;
	line-height: 5px;
    position: relative;
    z-index: 1;
	width: 200px;
	height: 100px;
}

input{
	width: 15px;
	height: 15px;
}

button{
	position: relative;
	margin: 5px;
	width: 80px;
	height: 20px;
}

select {
	position: relative;
	overflow: hidden;
	margin: 5px;
	width: 60px;
	height: 20px;
}

#reelSettingArray {
	overflow: hidden;
	position: relative;
	width: 500px;
	height: 50px;
}

#SpinSpeed {
	overflow: hidden;
	position: relative;
	width: 350px;
	height: 30px;
}

@media (max-width: 500px) {
	#reelSettingArray {
		width: 300px;
		height: 300px;
	}
}
  
#_dug_performance_pannel>div:nth-child(2) {
	top: 20px !important;
}

#_dug_tools_layer {
	position: absolute;
	top: 590px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1006px;
	text-align: center;
	width: calc(var(--vw, 1vw)*100);
	height: calc(var(--vh, 1vh)*100);
}

body.r_long_width #_dug_tools_layer {
	width: 1387px;
	top: 642px;
}

body.r_h_640 #_dug_tools_layer {
	width: calc(var(--vw, 1vw)*100);
	height: calc(var(--vh, 1vh)*100);
}

body.r_h_768 #_dug_tools_layer {
	width: 1024px;
	top: 770px;
}

@font-face {
	font-family: "Droid Sans";
	src: url('../assets/DroidSans.woff') format('woff');
}

@font-face {
	font-family: "Droid Sans Bold";
	src: url('../assets/DroidSansBold.woff') format('woff');
    font-weight: bold;
}

html, body{
	-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	-ms-text-size-adjust : none;  /* IE */
	-moz-text-size-adjust : none;  /* 파이어폭스 */
	-o-text-size-adjust : none;  /* 오페라 구버전 */
}