.yovole_notice .modal .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .7; } .yovole_notice .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; /*z-index: 1050;*/ overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; z-index:9999 } .yovole_notice .modal .modal-dialog { position: relative; width: 100%; margin: 0px auto; height: 100%; display: none; flex-direction: column; align-items: center; justify-content: center; } .yovole_notice .modal .modal-dialog.open{ display: inline-flex; } .yovole_notice .modal .modal-content { position: relative; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); /*transform: translateY(-50%); top: 50%;*/ width: 620px; font-size: 14px; } .yovole_notice .modal .modal-header { border-bottom: 1px solid #eee; border-radius: 6px 6px 0 0; padding: 10px 15px; } .yovole_notice .modal .modal-title { margin: 0; font-size: 16px; } .yovole_notice .modal .noticeclose { float: right; font-size: 24px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; cursor: pointer; } .yovole_notice button.noticeclose { padding: 0; cursor: pointer; background: transparent; border: 0; } .yovole_notice .modal .close:hover { opacity: 1; } .yovole_notice .modal .modal-body { position: relative; padding: 24px 30px; color: #555; } .yovole_notice .modal .fontbold{ font-weight: bold; color: #333; } .yovole_notice .modal .indent { text-indent: 2em; } .yovole_notice .modal .notice-box { line-height: 24px; } .yovole_notice .modal .notice-box p { margin-bottom: 10px; } .yovole_notice .modal .notice-box .primary { color: orange; } .yovole_notice .modal .dashed { border-bottom: 1px dashed #ddd; margin: 30px 0 15px 0; } .yovole_notice .modal .text-right { text-align: right; }