/*label*/
.rubberLabel {
    -webkit-animation-name:rubberBand ;
            animation-name:rubberBand ;
}
/*index Navigation*/
 #desktopNav .tabs .tabs-title:hover{
     color:#fff;
	-webkit-animation-name:rubberBand ;
            animation-name:rubberBand ;
} 
/*animation setting*/
.animated {
    -webkit-animation-duration: 1s;  /*��������ʱ��*/
    animation-duration: 1s;   
    -webkit-animation-fill-mode: none; /*��������ʱ��״̬*/
    animation-fill-mode: none
}
/*keyframe��Drag*/
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -ms-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        -ms-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -ms-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -ms-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -ms-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

/* flash logo*/

.masked {
         z-index: 1;
		 position: absolute;                
         top:0px;
         left:0px;
         height:92px;
         width:100%;
         /* background-image:url(../img/cloud_PNG203.png),url(../img/cloud_PNG205.png);
         background-repeat:no-repeat,no-repeat;
         -webkit-text-fill-color: transparent ;
               -webkit-animation: masked-animation 10s infinite linear ;       
                  -moz-animation: masked-animation 10s infinite linear ;
                       animation: masked-animation 10s infinite linear ;
                 
	     -webkit-animation-direction: alternate ;      
	        -moz-animation-direction: alternate ;      
	             animation-direction: alternate ;
	     
	     -webkit-animation-fill-mode: forwards;     
	     	-moz-animation-fill-mode: forwards;     
	             animation-fill-mode: forwards;  */    
}
@-webkit-keyframes masked-animation {
    0%  { background-position: -350px -110px,100% 450%;}
    25%  { background-position: -300px -80px,95% 180%;}
    50%  { background-position: -250px -60px,90% 110%;}
    80%  { background-position: 140px 50px,80% -20px;}
    100% { background-position: 130px 40px,70% 60px;}
}
@-moz-keyframes masked-animation {
     0%  { background-position: -350px -110px,100% 450%;}
    25%  { background-position: -300px -80px,95% 180%;}
    50%  { background-position: -250px -60px,90% 110%;}
    80%  { background-position: 140px 50px,80% -20px;}
    100% { background-position: 130px 40px,70% 60px;}
}


/*loading animation*/
	#Loading{
	 position:absolute;
	 z-index:1000;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 background:#E0E7EA;
	 text-align:center;
	 padding-top: 20%;
	 background: #01569A;
	 background: #01569A\9;
	 background: -webkit-gradient(linear, 0 0, 0 100%, from(#01569A), to(#0183C0));
	 background: -moz-linear-gradient(top, #01569A, #0183C0);
	 background: -ms-linear-gradient(#01569A 0%,#0183C0 100%);
	}
	
	#Loading > h5 {
	  color:#fff;
	  padding-left:5px;
	}
	
	.spinner {
	  margin: 100px auto;
	  width: 100px;
	  height: 80px;
	  border:none!important;
	  text-align: center;
	  font-size: 10px;
	}
	
	 
	.spinner > div {
	  background-color: #5f5fda;
	  height: 100%;
	  width: 8px;
	  display: inline-block;	   
	  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	  animation: stretchdelay 1.2s infinite ease-in-out;
	}
	 
	.spinner .rect2 {
	  -webkit-animation-delay: -1.1s;
	  animation-delay: -1.1s;
	}
	 
	.spinner .rect3 {
	  -webkit-animation-delay: -1.0s;
	  animation-delay: -1.0s;
	}
	 
	.spinner .rect4 {
	  -webkit-animation-delay: -0.9s;
	  animation-delay: -0.9s;
	}
	 
	.spinner .rect5 {
	  -webkit-animation-delay: -0.8s;
	  animation-delay: -0.8s;
	}
	 
	.spinner .rect6 {
	  -webkit-animation-delay: -0.7s;
	  animation-delay: -0.7s;
	}
	 
	.spinner .rect7 {
	  -webkit-animation-delay: -0.6s;
	  animation-delay: -0.6s;
	}
	 
	.spinner .rect8 {
	  -webkit-animation-delay: -0.5s;
	  animation-delay: -0.5s;
	}
	 
	.spinner .rect9 {
	  -webkit-animation-delay: -0.4s;
	  animation-delay: -0.4s;
	}
	 
	.spinner .rect10 {
	  -webkit-animation-delay: -0.3s;
	  animation-delay: -0.3s;
	}
	 
	@-webkit-keyframes stretchdelay {
	  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	  20% { -webkit-transform: scaleY(1.0) }
	}
	 
	@keyframes stretchdelay {
	  0%, 40%, 100% { 
	    transform: scaleY(0.4);
	    -webkit-transform: scaleY(0.4);
	  }  20% { 
	    transform: scaleY(1.0);
	    -webkit-transform: scaleY(1.0);
	  }
	}