.msgbox {
		
		position:fixed;
		float:left;
		display:flex;
		justify-content:center;
		align-items:flex-start;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.3);
		min-width:200px;
		min-height:200px;
		z-index:20;
		transition:0.2s;
		opacity:0;
		overflow-y:scroll;
	}
	
	.msgbox_block {
		position:relative;
		float:left;
		width:90%;
		background-color:#FFF;
		padding:50px 20px 20px 20px;
		margin:100px 0px 100px 0px;
		max-width:600px;
		min-height:300px;
		transition:0.2s;
	}
	.mobile .msgbox_block {
		padding:50px 0px 0px 0px;
		width:95%;
		max-width:95%;
	}
	
	.msgbox_close {
		position:absolute;
		float:right;
		right:20px;
		top:20px;
		width:20px;
		height:20px;
		opacity:0.5;
		cursor:pointer;
		z-index:10;
		
	}
	
	.msgbox_close:before, .msgbox_close:after {
		position:absolute;
		float:left;
		left:0px;
		top:0px;
		width:25px;
		height:10px;
		background-color:#000;
		content:"";
		margin:5px 0px 0px -2px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
	}
	.msgbox_close:hover { opacity:1;}
	.msgbox_close:after {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
	}
	
	
	
	.msgbox_data {
		position:relative;
		float:left;
		width:100%;
		
	}
	
	.msgbox_loading {
		position:absolute;
		float:left;
		top:50%;
		left:50%;
		width:40px;
		height:40px;
		margin:-10px 0px 0px -10px;
		background-image:url(../images/load1.gif);
		background-size:100%;
		background-position:center center;
		background-repeat:no-repeat;
	}