*
{ margin: 0;
    padding: 0;
}
body
{ padding-top: 10px;
}
.loading
{
    position: absolute;
    z-index: 0; width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, 1);
    animation: waitload 3s 1;
}
@keyframes waitload {
    0%{opacity: 1;z-index: 1000;}
    99%{opacity: 1;z-index: 1000;}
    100%{opacity:0;z-index: 0;}
}

.all_bg
{
    position: relative; width: 800px;
    height: 600px;
    margin: 0 auto;
}
.overbutton
{
    font-family: '黑体';
    font-size: 20px;
    font-weight: bold;

    position: absolute;
    z-index: 1000;

    display: block; width: 100%;
    height: 100%;

    transition: 2s;

    color: white;
    background: rgba(255, 255, 255, .2);
}
#start
{ float: left;

    margin-top: 25%;
    margin-left: 45%;
}
#start:hover
{ cursor: pointer;
}
#restart
{
    display: none; float: right;

    margin-top: 20%;
    margin-right: 46.8%;
}
#restart:hover
{ cursor: pointer;
}
#allcanvas
{ position: relative;

    width: 800px;
    height: 600px;
    /*color:#111;*/
}
#canvas1
{ position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
}
#canvas2
{ position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
}