.dialog-notice-mask { position: fixed; top: 0px; left: 0; width: 100%; background-color: #000; opacity: 0.3; text-align: center; z-index: 9999998; display: block; height: 100vh; }

.dialog-notice-pan { position: fixed; top: 0px; left: 0; width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center; z-index: 9999999; justify-content: center; }
.dialog-notice-pan .dialog-notice-body { background-color: #ffffff; text-align: center; display: inline-block; max-width: 95%; border-radius: 5px; min-width: 150px; padding: 0; overflow: hidden; }
.dialog-notice-pan .dialog-notice-body .title { font-size: 16px; line-height: 30px; color: #000000; display: block; margin: 5px; padding: 10px 20px; }
.dialog-notice-pan .dialog-notice-body .body { font-size: 12px; line-height: 24px; color: #666666; display: block; margin: 5px; padding: 10px 20px; }
.dialog-notice-pan .dialog-notice-body .bt-pan { overflow: hidden; display: flex; flex-direction: row; align-items: center; }
.dialog-notice-pan .dialog-notice-body .bt-pan button { font-size: 12px; line-height: 30px; text-align: center; display: block; border: solid 1px #3285fd; color: #3285fd; background-color: #FFFFFF; flex: 1; padding: 0; }
.dialog-notice-pan .dialog-notice-body .bt-pan button.on { color: #ffffff; background-color: #3285fd; visibility: hidden; visibility: visible; }