#maintenance_warning { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0;background-color: rgba(0,0,0,0.5);z-index: 999; }
#maintenance_warning .warning_text_wrap { position: fixed; width: 100%; max-width: 600px; height: 100%; max-height: 600px;top: 50%; left: 50%; transform: translate(-50%,-50%);background-color: #fff;padding: 40px; }
#maintenance_warning .closewarning { display: inline-block; text-indent: -999em;position: absolute;top: 20px; right: 20px;width: 20px; height: 20px; }
#maintenance_warning .closewarning::before, #maintenance_warning .closewarning::after { content: ""; background-color: #333;width: 2px; height: 20px;position: absolute;top: 0; left: 10px;transform: rotate(45deg); }
#maintenance_warning .closewarning::after { transform: rotate(-45deg); }