@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
/*iphone 6*/
@media screen and (min-width:375px){ 
html{ font-size: 20px;}  
}

@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 21.973px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.613px;}  
}
@media screen and (min-width:480px){ 
html{ font-size:25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size:28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size:42.667px;}  
}
button{ height:2rem; line-height:2rem; background:blue; color:#fff; border:0; padding:0 1rem;}




.dialog-mask{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); z-index:999999; display:-webkit-box;-webkit-box-pack:center; -webkit-box-align:center;

}
.dialog-window{ padding:.8rem .5rem; border-radius:10px; background:rgba(0,0,0,0.6); margin:0 auto;-webkit-transition:all .3s ease;}
.dialog-mask .dialog-cont{ color:#fff;}
.dialog-window .dialog-tit{ width:40px; height:40px; margin:0 auto;overflow:hidden;}
.dialog-window .dialog-tit.ok{}
.dialog-window .dialog-tit.warn{ background:url(img/construction.png) no-repeat 0 0; background-size:50px; }
.dialog-window .dialog-tit.wait{ background:url(img/load.gif) no-repeat 0 0; background-size:50px}
.dialog-window .dialog-tit.load{ background:url(img/load.gif) no-repeat 0 0; background-size:50px}
.dialog-window .dialog-cont{ padding:.5rem 1rem 0 1rem; color:#fff; text-align:center;font-size:.75rem;}
.dialog-window .dialog-foot{padding:1rem 1rem 0 1rem; display:-webkit-box;-webkit-box-pack:center; -webkit-box-align:center; }
.dialog-window .dialog-foot button{-webkit-appearance:normal; background:rgba(255,255,255,0.8); padding:0.3rem 1.8rem; border:none; color:#eee; border-radius:5px; margin:0 1.3rem; text-shadow:#666 1px 1px 0}
.dialog-window .dialog-foot button.green{ background:rgba(2,202,200,0.8)}
.dialog-window .dialog-foot button.green{ background:rgba(2,202,200,0.8)}
.dialog-window .dialog-foot button.red{ background:rgba(251,23,50,0.8)}

@keyframes warn {  
    0% {  
        transform: scale(0);  
        opacity: 0.0;  
    }    
    100% {  
        transform: scale(1);  
        opacity: 1;  
    }  
} 

@-webkit-keyframes "warn" {  
    0% {  
        -webkit-transform: scale(0);  
        opacity: 0.0;  
    }   
    100% {  
        -webkit-transform: scale(1);  
        opacity: 0.0;  
    }  
}  
/*
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
100%{opacity:1;
-webkit-transform:scale(1)}
}

@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1)}
}
*/


#loading-center-absolute {
	height: 40px;
	width: 40px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.object{
	width: 10px;
	height: 10px;
	background-color: #fff;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.object:nth-child(2n+0) {
	margin-right: 0px;

}
#object_one{
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	background-color:#43bdc4
	}
#object_two{
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	
	}	
#object_three{
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	
	}		
#object_four{
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	background-color:#43bdc4
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}	
	
	
								

@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}


@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}



@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}



@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}