@charset "utf-8";
/* CSS Document */
        #progress {
	      width:100%;     
        }
		
		#progress2 {
	      background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEUqKiopKSkoKCgjIyMuLi4kJCQtLS0dJckpAAAAO0lEQVR42iXLAQoAUQhCQSvr/kfe910jHIikElsl5qVFa1iE5f0Pom/CNZdbNM6756lQ41NInMfuFPgAHVEAlGk4lvIAAAAASUVORK5CYII=");   
		  width:100%;    
	      height:100%; 	 
		  z-index: 100;
	      position: absolute; 
        }

        #progress-text {
			color: #ffffff;
			margin-left: auto;
         	margin-right: auto;
	        margin-top: 12%;
			width:400px;
			font-family:微软雅黑;
		}
		
        #progress-bar {
            background-color: #1a1a1a;
            height: 22px;
            padding: 5px;
            width: 500px;
 	        margin-left: auto;
         	margin-right: auto;
	        margin-top: 50px;	  	
            -moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
            -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
			-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
			box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
        }
        
        #bar {
            display: inline-block;
            height: 100%;
			width: 1px;
			background-color: #34c2e3;
            -moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-align: right;
			color:#FFF;
			font-family:微软雅黑;
            -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
			-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
			box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;	
        }