img.full {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
    top: 45%;
    left: 0px;
    height: 1.5em;
    width: 2.2em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    /*border: 0.15em solid white;*/
    /*border-radius: 1em;*/
    /*box-shadow: 0 0 0.2em #444;*/
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    font-size: smaller;
    line-height: 1.6em;
    content: '詳細';
    /* background-color: #0275d8;*/
    border: none;
    border-radius: 0.3em;
    box-shadow: none;
    background-color: #6495ED;
    padding: 0.2em 0.03em;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    content: '詳細';
    background-color: #DB7093;
}
/*
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 1.5em;
    width: 2.2em;
    margin-top: -0.75em;
    margin-left: -0.5em;
    display: block;
    position: absolute;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 1.6em;
    content: '詳細';
    background-color: #0275d8;
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '詳細';
    background-color: #ff6a00;
}
*/

/* quill css 被外層設的font-size影響, 暫時先override加設!important */
.ql-editor .ql-size-small {
    font-size: 0.75em !important;
}

.ql-editor .ql-size-large {
    font-size: 1.5em !important;
}

.ql-editor .ql-size-huge {
    font-size: 2.5em !important;
}

/* Custom Quill Font Size*/
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10px"]::before {
    font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
    font-size: 12px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    font-size: 14px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    font-size: 16px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
    font-size: 20px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
    font-size: 22px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
    font-size: 24px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
    font-size: 26px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
    font-size: 28px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
    font-size: 30px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
    font-size: 32px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before {
    content: attr(data-value);
}

/* Normal Size */
.ql-snow .ql-picker.ql-size .ql-picker-label:not([data-value])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item:not([data-value])::before {
    content: '14px';
}

/* Custom Quill Font */
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial"]::before {
    font-family: 'Arial';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Arial Black"]::before {
    font-family: 'Arial Black';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Calibri"]::before {
    font-family: Calibri;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Microsoft JhengHei UI"]::before {
    font-family: 'Microsoft JhengHei UI';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times New Roman"]::before {
    font-family: 'Times New Roman';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Verdana"]::before {
    font-family: Verdana;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Tahoma"]::before {
    font-family: Tahoma;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="細明體"]::before {
    font-family: 細明體;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="新細明體"]::before {
    font-family: 新細明體;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="標楷體"]::before {
    font-family: 標楷體;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="微軟正黑體"]::before {
    font-family: 微軟正黑體;
}

.ql-snow .ql-picker.ql-font .ql-picker-item::before,
.ql-snow .ql-picker.ql-font .ql-picker-label::before {
    content: attr(data-value);
}

/* Normal Font */
.ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value])::before {
    content: 'Arial';
}