@CHARSET "UTF-8";
.lobibox-backdrop{
	position: fixed;
    z-index: 4000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
display:none;
transition: all 0.6s ease 0s;
}

.alertf{
	position:fixed;

	background:#fff;
	
	width:80%;
    left:10%;
top:50px;
transition: all 0.6s ease 0s;
z-index:99999;
transform:scale(0,0); 
overflow:hidden;
}
.alerttitlef{
	float:left;
width:calc(100% - 20px);
	    color: #eee;
    background-color: #A8A8A8;
font-size: 20px;
    padding: 5px 10px;
}
.alertt{
	float:left;
}
.alertclose{
	    float: right;
    background-color: transparent;
    cursor: pointer;
    border: none;
    outline: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.alerttext{
	float:left;
width:calc(100% - 50px);
padding:20px 25px;
    font-size: 16px;
}

.alertbottom{
		float:left;
width:100%;
    background-color: #A8A8A8;
}
.alertbut{
	float:left;
	    color: #000;
    background-color: #E1E1E1;
    padding: 8px 14px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 2px;
margin-left:calc(50% - 28px);
margin-top:6px;
margin-bottom:6px;
}

.alertbut:hover{
	background-color: #C8C8C8;
}