.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(24,26,26,.7);padding:10px;z-index:99999;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity}
.modal .modal-box{margin:50px auto;color:#494c4c;width:400px;max-width:100%;border:1px solid #263545;border-radius:3px;background-color:#fff;box-shadow:0 0 26px 4px rgba(0,0,0,.2)}
.modal .modal-box .modal-title{
font: 16px "Microsoft JhengHei";
position: relative;
padding: 20px 55px 20px 30px;
border-bottom: 1px solid #e1e4e5;
background-color: #fff;
color: #181a1a;
text-overflow: ellipsis;
overflow: hidden;
}
.modal .modal-box .modal-title .close-modal{padding:8px;position:absolute;font-size:16px;line-height:1;top:13px;right:22px;font-weight:700;color:#aab2b2;cursor:pointer}.modal .modal-box .modal-title .close-modal:hover{color:#828e8e}.modal .modal-box .modal-message{
font: 16px "Microsoft JhengHei";
text-align: center;
padding: 45px 30px;
border-bottom: 1px solid #e1e4e5;
text-overflow: ellipsis;
overflow: hidden;
}
.modal .modal-box .modal-buttons{font: normal normal bold 18px "Microsoft JhengHei";}
.modal .modal-box .modal-buttons:before,.modal .modal-box .modal-buttons:after{content:"";display:table}
.modal .modal-box .modal-buttons:after{clear:both}
.modal .modal-box .modal-buttons .modal-btn{float:left;width:50%;padding:0 20px;text-align:center;cursor:pointer;height:60px;line-height:60px;-webkit-transition:.2s ease-out;transition:.2s ease-out;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.modal .modal-box .modal-buttons .modal-btn.btn-confirm{font-weight:700}.modal .modal-box .modal-buttons .modal-btn.btn-alert{width:100%}.modal .modal-box .modal-buttons .modal-btn+.modal-btn{border-left:1px solid #e1e4e5}.modal .modal-box .modal-buttons .modal-btn:hover{background-color:#e7ebed}.modal .modal-box .modal-buttons .modal-btn.red{color:#e34f4f}.modal .modal-box .modal-buttons .modal-btn.red:hover{color:#fff;background-color:#e34f4f}.modal .modal-box .modal-buttons .modal-btn.green{color:#2faf45}.modal .modal-box .modal-buttons .modal-btn.green:hover{color:#fff;background-color:#2faf45}.modal.fadeIn{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.modal.fadeOut{-webkit-animation:fadeOut .2s forwards;animation:fadeOut .2s forwards}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}
.modal * {box-sizing: border-box;}
.modal-btn:hover {Padding:0px!important;margin:0px!important;}