/*html {*/
/*padding: 0 0 30px;*/
/*min-width: 320px;*/
/*-moz-text-size-adjust: none;*/
/*-webkit-text-size-adjust: none;*/
/*-ms-text-size-adjust: none;*/
/*font-size-adjust: none;*/
/*}*/

/*body {*/
/*margin: 0px;*/
/*-o-transform: scale(1.5, 1);*/
/*font-family: Helvetica, Sans, Arial;*/

/*}*/

/*.wraper {*/
/*!*! background-color: #aaaaaa; *!*/
/*width: 100%;*/
/*height: 100%;*/

/*!*! display: block; *!*/
/*position: absolute;*/
/*}*/

/*.tender {*/
/*height: 80px;*/
/*background-color: whitesmoke;*/
/*border: #c8c8c8 1px solid;*/
/*position: relative;*/
/*margin: 5px;*/
/**/

/*}*/
/*a {*/
/*display: block;*/
/*height: 100%;*/
/*}*/

/*.spec{*/
/*background-color: blue;*/
/*height: 50px;*/
/*width: 50px;*/
/*right: 15px;*/
/*position: absolute;*/
/*}*/

/*.info{*/
/*!*     background-color: blue; *!*/
/*top:15px;*/
/*height: 50px;*/
/*right: 100px;*/
/*left: 15px;*/
/*position: absolute;*/
/*}*/
body {
    background-color: #a3c9eb;
}

#cover {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
    z-index: 9999;

}

.canvas {
    /*     height: 100%; */
    /*width: 50%;*/
    background-color: white;
    /*     position: fixed; */
    /*     display: block; */
    /*     top:0px; */
    /*left: 0px;*/
}

.lot {
    width: 100%;
    height: 100px;
    background-color: whitesmoke;
    font-size: small;
    border: 1px solid gray;
    padding: 2px;
    display: inline-block;
}

.lot_left {
    width: 30%;
    height: 100px;
    background-color: #0000cc;
    display: inline-block;

}

.lot_center {
    width: 30%;
    height: 100px;
    background-color: #cc635e;
    top: 0px;
    left: 31%;
    display: inline-block;
}

.lot_right {
    width: 30%;
    height: 100px;
    background-color: #3ecc30;
    display: inline-block;

}