* {
	padding: 0;
	margin: 0
}
body { background-color: black; overflow: hidden; }
#_dug_canvas_area { position: absolute; left: 50%; transform: translate3d( -50%, 0%, 0 ); border: 2px solid #333333;}
body.r_long_width #_dug_canvas_area { width: 1387px; height: 640px; }
body.r_h_640 #_dug_canvas_area { width: 1136px; height: 640px; }
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; }
#_dug_performance_pannel > div:nth-child(2) { top: 20px !important; }

#_dug_tools_layer { position: absolute; top: 590px; left: 50%; transform: translate3d( -50%, 0%, 0 ); width: 1006px; text-align: center; }
body.r_long_width #_dug_tools_layer { width: 1387px; top: 642px; }
body.r_h_640 #_dug_tools_layer { width: 1136px; top: 642px; }
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-face {font-family: "Arial"; src: url('../assets/Arial.woff') format('woff');}
@font-face {font-family: "poetsen One"; src: url('../assets/PoetsenOne-Regular.woff') format('woff');}