.popup_bk{ height:100%; width:100%; background-color:#000; background-color:rgba(0,0,0,0.80); position:fixed; top:0px; left:0px; z-index:1200; display:none; font-family:Arial;}
.popup_cont{ width:400px; height:400px; position:absolute; top:50%; left:50%; margin-top:-220px; margin-left:-200px; background:#FFF; z-index:220; overflow:hidden;}
.popup_top{ padding:10px 12px 12px 12px; height:38px; color:#DDD; background-color:#555; box-sizing:border-box;}
.popup_title{ font-size:16px; line-height: 16px; color:#DDD;}
.popup_close{ width:10px; height:10px; float:right; margin:2px; position:absolute; top:10px; right:10px;}
.popup_close i{ font-size: 14px; color: #DDD; line-height: 14px; vertical-align: top;}
.popup_close:hover i{ color:#FFF; cursor: pointer;}

.popup_load{ height:300px; width:400px; overflow-x:hidden; overflow-y:hidden; border-top:1px solid #E0E8C8; clear:both; border-radius:0px 0px 4px 4px;}
.popup_load .frame{ overflow:hidden; border:none; border-radius:0px 0px 4px 4px; max-height:100%; max-width:100%;}

.popup_cont.full{ width:auto !important; height:auto !important; top:15px !important; left:15px !important; right:15px !important; bottom:15px !important; margin:auto !important; }
.popup_cont.full .popup_load{ height:100%; height:calc(100% - 38px); width:100%; box-sizing:border-box;}
.popup_cont.full .popup_load .frame{ overflow:hidden; border:none; border-radius:0px 0px 4px 4px; height:100%; width:100%; max-height:100%; max-width:100%;}

@media screen and (max-width: 480px) {
	.popup_cont { width:auto !important; height:auto !important; top:10px !important; left:10px !important; right:10px !important; bottom:10px !important; margin:auto !important; }
	.popup_load{ height:100%; height:calc(100% - 38px); width:100%; box-sizing:border-box;}
	.popup_load .frame{ overflow:hidden; border:none; border-radius:0px 0px 4px 4px; height:100%; width:100%; max-height:100%; max-width:100%;}
}