@media (max-width:767px){.batch-header{z-index:20;width:100%}.batchroom{margin-top:0!important}.batch{margin:10px}.compile-book{margin:10px!important}.ai-pages{margin:0!important}.ai-pages .page-compile{width:100%!important;padding-left:10px;padding-right:10px}.ai-pages .page-compile .amend-book-nav,.ai-pages .page-compile .amend-nav{display:none}}.batch-header{z-index:20;width:100%}.batch-header .batchroom{border-top:0!important}.batch-header .batch{padding:10px 20px;border:1px solid #ced4da;border-radius:4px;margin-bottom:20px;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;background:#fff;-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.13);box-shadow:0 2px 14px 0 rgba(0,0,0,.13);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.batch-header .batch .date{color:#333;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%}.batch-header .batch .delete{color:#b3256f;cursor:pointer;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;position:relative;box-flex:0}.batch-header .batch .switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;cursor:pointer}.batch-header .batch .switch .select{color:#b3256f;margin-right:10px}.batch-header .batch .switch .cancel{color:#ced4da}.compile-book .batchcheck{border:1px solid #b3256f!important}.compile-book .compile-content{-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.13);box-shadow:0 2px 14px 0 rgba(0,0,0,.13);background:#fff;border:1px solid #ced4da;border-radius:4px;margin-bottom:20px}.compile-book .compile-content .content-header{border-bottom:1px solid #ced4da;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.compile-book .compile-content .content-header .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.compile-book .compile-content .content-header .header-time{color:rgba(0,0,0,.45);-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;-webkit-box-flex:1;max-width:100%}.compile-book .compile-content .content-header .header-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.compile-book .compile-content .content-header .header-btn .btn{padding:0 15px}.compile-book .compile-content .content-header .header-btn .edit{color:#003de9;border:1px solid #003de9;margin-left:10px}.compile-book .compile-content .content-header .header-btn .redact{color:#b3256f;margin:0}.compile-book .compile-content .content-body{padding:10px 20px}.compile-book .compile-content .content-body .text{word-wrap:break-word;color:#333;margin-bottom:5px}.compile-book .compile-content .content-body .upload-zone .content-image{margin-left:-5px;margin-right:-5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap:wrap;flex-wrap:wrap}.compile-book .compile-content .content-body .upload-zone .content-image .grid-item{width:23%;-ms-flex-preferred-size:23%;flex-basis:23%;padding:5px}.compile-book .compile-content .content-body .upload-zone .content-image .grid-item .img{width:100%;height:100%;border:1px solid rgba(50,50,50,.1);border-radius:4px;background-repeat:no-repeat;background-position:50%;background-size:contain}.page-book-pagination{margin:0 auto;margin-top:10px}.page-book-pagination li{text-align:center}.page-book-pagination li .ai-btn{margin:0 10px;height:32px;line-height:32px}.page-book-pagination li:first-child .ai-btn{margin-left:0}.page-book-pagination li:last-child .ai-btn{margin-right:0}.page-book-pagination li.cover{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100px}