body {padding: 0;margin:0}
.hidden{display:none !important}

.progress{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;}

.pager {margin-top:10px; text-align:center}
.pager button {display: inline-block; width: 34px; height: 34px; margin: 0 4px; border: 1px solid #ccc; font-size: 15px;line-height: 32px; text-align: center; vertical-align: middle; color: #666}
.pager button.btn-first{margin-left:0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAeUlEQVRYR+3WUQqAMAwDUHfJHrKXrGx/gsIaE0SIn0PII7CwUVV1fPgNA9yAG3ADv24gItaGZuZlS5/O7wYXXkJG+ARBAFY4BGCGtwHs8BZAEb4NUIVvA+aPKkTrFigQLYCiiTaAjYAATAQMYCFeARiveQPcgBtwAydqjM2hQ+M3cgAAAABJRU5ErkJggg==)}
.pager button.btn-prev{margin-right:20px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAc0lEQVRYR+3VMQrAMAxD0eaSPqQv6ZJOXSN9KBRlTtBDEHvNzFwfnhVAGkgDaeA3DVTVM0+7+2iuIpNQDd9SG+CE2wA33AIQ4TKACpcAZLgE2I9IhPwLKIQMoJqwAATCBrgIBOAgMMDRBnpdDiANpIE0cANN7KaheXQlfQAAAABJRU5ErkJggg==)}
.pager button.btn-next{margin-left:20px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAdUlEQVRYR+3VwQ3AIAxD0bJkhsySQfTUK/aXejED4IcVhTUz8/x4VgBpIA2kgdsGqupdW92NrC9pEZEICXCeTiFkAIWwAATCBrgIBOAgEIAzkDbACT/NWQA33AIQ4TKACpcAZLgEQH6gzyXWEBKYANJAGkgDGz4YpqEgrt6rAAAAAElFTkSuQmCC)}
.pager button.btn-last{margin-right:0;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAgElEQVRYR+3VwQrAIAwD0PmT/cj+ZIfedhhrSsIu8ShCnkHqqqq6flzLADfgBtxAp4GIOKMqMx8j620fmWvtQaRCtAH7VgoEBFAgYAAbMQIwEWMACzEGsB7kCMAK3y3CAGY4DGCHQwBFeBugCm8DkM8FPQs/QjTg67wBbsANuIEbSuTNoSy2300AAAAASUVORK5CYII=)}
.pager button.btn-first,.pager .btn-prev,.pager .btn-next,.pager .btn-last{text-indent: -9999em}
.pager button.on {font-weight: 700; border-color: #004ea1; background: #004ea1; text-decoration:underline;color: #fff}

.modal_backdrop {opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:60000;background:rgba(0,0,0,0.65)}
.modal_frame {position:absolute;top:50%;left:50%;z-index:61000;background:#fff}
.modal .title {overflow: hidden; height: 60px; padding: 0 55px 0 31px; font-weight: 500; font-size: 18px; line-height: 60px; color: #fff; background-color: #004ea1}
.modal .title .close {position: absolute; top: 22px; right: 22px; width: 18px; height: 18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ4OUM3OTJBQjRFMTFFODg4NTFFODMxQ0M0RURERDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ4OUM3OTNBQjRFMTFFODg4NTFFODMxQ0M0RURERDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDg5Qzc5MEFCNEUxMUU4ODg1MUU4MzFDQzRFRERENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENDg5Qzc5MUFCNEUxMUU4ODg1MUU4MzFDQzRFRERENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk53sjkAAABzSURBVHjanNJZDsAgCEVRvPvfM20T02gLCPjndCI8h95DRIb0hzIB7QLPfeakA70VsCxWoK0FfDYz0K+HGIciyAwB57AFuSkSPHuFwm/Aof5xAjKIZppNMoUQopCCC5GNMYIoAC5EETAhGsAPogls0CXAAGfoJB5jTBUMAAAAAElFTkSuQmCC) no-repeat; text-indent: -9999px;cursor:pointer}
.modal .btn {display: inline-block; min-width: 89px; padding: 16px 15px; font-size: 16px; font-weight: 500; color: #fff; background: #004ea1; border: 1px solid #003975; text-align: center; vertical-align: middle; line-height: 1; letter-spacing: -0.025em}
.modal .btn[disabled] {background: #666; border-color: #444}
.modal  .content { color: #757575;}
.modal  .content .btn_wrap {margin-top:20px;text-align: right;box-sizing:border-box;width:100%}
/* body.fixed .modal .content .btn_wrap {margin-bottom:25px;padding:0 30px;position:absolute;left:0;bottom:0} */

body.init .modal .content {box-sizing:border-box; overflow-y: auto; padding: 25px 30px 0; max-height: calc(100vh - 60px); color: #757575}
body.init .modal .content:after{content:'';height:25px;display:block}