.popupBox{ width: 800px; height: 500px; background:#ffffff; position:fixed; top: calc(50% - 250px); left: calc(50% - 400px); box-shadow:0px 5px 30px #444444; z-index:1; border-radius:5px;}
.popupBox > .popupHeader{ height: 34px; line-height: 34px; background: #5997DB; border-bottom:1px solid #538EC4; margin: 0; cursor: move; border-top-left-radius:5px; border-top-right-radius:5px;}
.popupBox > .popupHeader .popupTitle{ color:#ffffff; font-size: 1.1rem; font-weight:normal; text-indent:15px; -moz-user-select: none; -webkit-user-select: none;}
.popupBox > .popupHeader .popupTitle .popupClose{ float:right; cursor:pointer; padding-right:15px;}
.popupBox > .popupBody{ height:calc(100% - 34px);}
.popupBox > .popupBody > .popupContent{ padding:10px;}
.popupBox > .popupBody > .popupIframe{ margin:0px; padding:0px; font-size:0px; border:0px; width:100%; height:100%; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.popupCover{ background: #000000; position:absolute; left: 0px; top: 0px; width: 100%; height:100%; filter: alpha(opacity=30); opacity: 0.3; display: none; z-index:5;}