@charset "UTF-8";
/* CSS Document */
	
/*black*/
	.black_box{width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:0;}
	.black_box .opacity_box{background-color:#000;opacity:0.4;width:100%;height:100%;position:fixed;left:0;top:0;}
	.black_box .tip_title{display:block;width:100%;text-align:center;line-height:40px;margin-top:10px;font-size:16px;color:#333333;}
	.black_box .tip_close{display:block;width:24px;height:24px;background-image:url(../images/close.png);position:absolute;right:10px;top:10px;background-size:100% 100%;}
	
	.black_box .tip_box{width:72%;position:relative;left:14%;top:50%;margin-top:-100px;background-color:white;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
	.black_box .tip_content{display:block;width:100%;font-size:12px;color:#666666;line-height:20px;text-align:center;padding-top:10px;padding-bottom:6px;border-bottom:2px solid #d80031;}
	.black_box .tip_close2{display:block;width:100%;font-size:16px;color:#e05d4f;line-height:40px;text-align:center;}
	/*wait*/
	.wait_box{width:100%;height:100%;position:fixed;left:0;top:0;display:none;}
	.tip_box{width:72%;position:relative;left:14%;top:50%;margin-top:-80px;}
	.wait_box .tip_box img{width:40px;height:40px;margin-left:auto;margin-right:auto;display:block;
	}
	.wait_box .tip_box .wait_text{margin-left:auto;text-align:center;display:block;font-size:14px;color:#cccccc;margin-top:-10px;}
	.wait_box .opacity_box{background-color:#000;opacity:0.9;width:100px;height:100px;position:absolute;left:50%;margin-left:-50px;top:50%;margin-top:-108px;border-radius:10px;}
	/*wait*/
	.row{text-align: center;}	
	.span:last-child{margin-right: 0px;}
	.typing_loader{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
       -moz-animation: Typing 1s linear infinite alternate;
            animation: typing 1s linear infinite alternate;
    margin: 16px auto; /* Not necessary- its only for layouting*/  
    position: relative;
    left: -12px;
}
@-webkit-keyframes typing{
    0%{
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
      }
    25%{
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
    }
    75%{ background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,1);
      }
}

@-moz-keyframes typing{
   0%{
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
      }
    25%{ 
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
    }
    75%{ background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,1);
      }
}

@keyframes typing{
   0%{
        background-color: rgba(255,255,255, 1);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
      }
    25%{ 
        background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
                    24px 0px 0px 0px rgba(255,255,255,0.2);
    }
    75%{ background-color: rgba(255,255,255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
                    24px 0px 0px 0px rgba(255,255,255,1);
      }
}