#divloading{
position: fixed;
display:none;
width:100px;
height:100px;text-align:center;
z-index:10000;
background:rgba(0,0,0,0.55);
border-radius:50%;
overflow:hidden;
}

#divloading div{
width:50px;
height:50px;
margin:auto;
margin-top:22px;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-top:2px solid #ff6600;
border-bottom:2px solid #fff;
border-radius:50%;
}


#divmsg{
position: fixed;
z-index:10000;
display:none;
background:rgba(0,0,0,0.75);
border-radius:5px;
color:#fff;
}
#divmsg span{
	display:inline-block;
margin:20px;
font-size:13px;
}
#divmsg.redbg{
background:#ff0000;
}

 @keyframes myfirst {  
           0% {  
transform:rotate(0deg) skew(0) scale(1);
-ms-transform:rotate(0deg) skew(0) scale(1);     /* IE 9 */
-moz-transform:rotate(0deg) skew(0) scale(1);    /* Firefox */
-webkit-transform:rotate(0deg) skew(0) scale(1); /* Safari บอ Chrome */
-o-transform:rotate(0deg) skew(0) scale(1);
animation:rotate 10s linear infinite;
-ms-animation:rotate 10s linear infinite;
-moz-animation:rotate 10s linear infinite;
-webkit-animation:rotate 10s linear infinite;
-o-animation:rotate 10s linear infinite;
           }  
 
           100% {  
        transform:rotate(360deg) skew(0) scale(1);
-ms-transform:rotate(360deg) skew(0) scale(1);     /* IE 9 */
-moz-transform:rotate(360deg) skew(0) scale(1);    /* Firefox */
-webkit-transform:rotate(360deg) skew(0) scale(1); /* Safari บอ Chrome */
-o-transform:rotate(360deg) skew(0) scale(1);

animation:rotate 10s linear infinite;
-ms-animation:rotate 10s linear infinite;
-moz-animation:rotate 10s linear infinite;
-webkit-animation:rotate 10s linear infinite;
-o-animation:rotate 10s linear infinite;

           }  
       }  

.dong{
animation: myfirst 2s infinite;  
}

#layerbg{display:none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.25); z-index: 999;}