@font-face {
	font-family: 'Arial';
	src: url('../fonts/arial/arialmt.eot');
	src: url('../fonts/arial/arialmt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/arial/arialmt.woff2') format('woff2'),
		url('../fonts/arial/arialmt.woff') format('woff'),
		url('../fonts/arial/arialmt.ttf') format('truetype'),
		url('../fonts/arial/arialmt.svg#ArialMT') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'century_gothic';
	src: url('../fonts/gothic/century_gothic.eot');
	src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gothic/century_gothic.woff') format('woff'),
		url('../fonts/gothic/century_gothic.ttf') format('truetype'),
		url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
    overflow: hidden;
    margin: 0px;
    font-family:'century_gothic';
}
#main_cont {
    height: 630px;
    width: 800px;
    background: url(../images/img01.png)no-repeat;
    background-size: cover;
    border: 1px solid;
    position: relative;
}
canvas {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    cursor: default;
}
canvas:active { 
  //  cursor: crosshair;
}
.column.left, .column.right {
    width: 45%;
    float: left;
    text-align: center;
    line-height: 32px;
    padding: 5px;
    font-size: 1.3em;
	color:#000;
}
.column.border {
    width: 1%;
    height: 80px;
    float: left;
    background: #fff;
} 
.no-close .ui-dialog-titlebar-close {
    display: none;
}
.ui-button-text {
    display: none;
}
.ui-dialog {
    padding: 0;
}
.ui-widget.ui-widget-content {
    border: 1px solid #000;
}
.ui-widget-content {
    background: transparent;
}
.ui-dialog-titlebar {
    background: #d2d2d2;
    background: -webkit-linear-gradient(bottom, #d2d2d2, #aaaaaa);
    background: -o-linear-gradient(bottom, #d2d2d2, #aaaaaa);
    background: -moz-linear-gradient(bottom, #d2d2d2, #aaaaaa);
    background: linear-gradient(to bottom, #d2d2d2, #aaaaaa);
}
.plus
{
position:absolute;
top:10px;

z-index:100;
color:white;
left:200px;
font-size:40px;
display: none;
opacity: 1;
transition: all 0.5s linear;
}
.observe
{
position:absolute;
top:10px;
z-index:100;
color:#000;
left:200px;
font-size:12px;
padding:4px;
border-radius:5px;
background:#f2f3c4;
display:none;
}
.plus.animate {
	font-size: 45px;
}
.ui-dialog .ui-dialog-content {
    background: rgba(66, 118, 171, 0.4);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: transparent;
    border: 0;
    outline: none;
}
span.number {
    font-weight: bolder;
}
#loadInfo,.loadimage {
    position: absolute;
    width: 176px;
    height: 50px;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 24px;
    text-align: center;
}
.loadimage
{
width:80px;
height:80px;

}
        #main_cont{
                opacity: 0;
        }