.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:flex;flex-direction:column;align-items:stretch;justify-content:space-between;max-width:95%;border-radius:5px;min-width:250px;overflow:hidden;}
.dialog-notice-pan .dialog-notice-body .title{font-size:18px;line-height:30px;color:#000000;display:block;padding:10px;border-bottom:solid 1px #DDDDDD;font-weight:bold;}
.dialog-notice-pan .dialog-notice-body .body{font-size:12px;line-height:24px;color:#666666;display:block;margin:0;overflow:hidden auto;flex:1;padding:30px;}
.dialog-notice-pan .dialog-notice-body .bt-pan{display:flex;flex-direction:row;align-items:stretch;height:50px;box-shadow:0 0 3px #888888;}
.dialog-notice-pan .dialog-notice-body .bt-pan button{font-size:12px;line-height:38px;text-align:center;display:block;border:solid 1px #1f9eca;color:#1f9eca;background-color:#FFFFFF;flex:1;padding:0;box-sizing:border-box;border:none;}
.dialog-notice-pan .dialog-notice-body .bt-pan button::after{border:none;}
.dialog-notice-pan .dialog-notice-body .bt-pan button.on {color:#ffffff;background-color:#1f9eca;visibility:hidden;visibility:visible;border:none;}