#loading,#layerBG{
		position: fixed;
    	width: 100%;
    	height: 100%;
    	background: rgba(0,0,0,0);
    	z-index:9999;
    	display: none;
    }
    #markBG{
    	width: 180px;
		height: 120px;
		background: rgba(0,0,0,0.6);
		position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        background-size:50px 50px;
        border-radius: 8px;
        
    }
    #loadingBG {
        width: 50px;
        height: 50px;
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        
    }
    #loadingBG img{
    	width: 50px;
    	height: 50px;
    }
    
    @-webkit-keyframes skyset {
        0% {
            background: url(../image/loading_01.png) no-repeat;
            background-size:50px 50px;
        }
        15% {
            background: url(../image/loading_02.png) no-repeat;
            background-size:50px 50px;
        }
        28% {
            background: url(../image/loading_03.png) no-repeat;
            background-size:50px 50px;
        }
        43% {
            background: url(../image/loading_04.png) no-repeat;
            background-size:50px 50px;
        }
        58% {
            background: url(../image/loading_05.png) no-repeat;
            background-size:50px 50px;
        }
        73% {
            background: url(../image/loading_06.png) no-repeat;
            background-size:50px 50px;
        }
        87%{
            background: url(../image/loading_07.png) no-repeat;
            background-size:50px 50px;
        }
        100% {
            background: url(../image/loading_08.png) no-repeat;
            background-size:50px 50px;
        }
    }
    #loadingText{
    	color:#fff;
    	text-align: center;
    	margin-top: 90px;
    }