body
{
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #FFF;
	background-repeat: no-repeat;
    background-attachment: fixed;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Webkit touch devices */
}

#canvas_area
{
	width: 1024px;
	height: 600px;
	margin: auto;
	position: relative;
	background: transparent;
	float: left;
	max-height: 600px;
	max-width: 1024px;
	margin: auto;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	object-fit: contain;
	width: 1024px;
	height: 600px;
	float: none;
}

#canvas_area.large
{
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	float: left;
}

#canvas_area.small
{
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	float: left;
}

#dom_inst_txt, #dom_qtn_txt
{
	position: absolute;
	display: none;
	font-family: 'Museo Sans';
	border: none;
	outline: none;
	background-color: transparent;
	height: auto;
	overflow-y: auto;
}

#preload_div
{
	display: none;
}