@media only screen {
    .slash_icon::before {
        font-weight   : bold;
        letter-spacing: -8px;
        font-size     : 1.4em;
        content       : "///";
    }

    .console_icon:before {
        content: ">>>";
    }

    .block_icon {
        width        : .5em;
        height       : .5em;
        margin-bottom: .25em;
        box-shadow   : 0.5px 0.5px 0.5px 0.5px #AAA;
    }

    .circle_icon {
        width        : .6em;
        height       : .6em;
        margin-bottom: .05em;
        border-radius: 100%;
        /*box-shadow : 0.5px 0.5px 0.5px 0.5px #AAA;*/
    }

    .daan_icon {
        background       : url("/oddi_lib/icon/1.x/daan.png");
        width            : 1.1em;
        height           : 1.1em;
        margin-right     : .2em;
        /*display        : inline-block;*/
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .global_icon {
        background       : url("/oddi_lib/icon/1.x/global.png");
        width            : 1.1em;
        height           : .8em;
        margin-right     : .2em;
        display          : inline-block;
        background-size  : cover;
        background-repeat: no-repeat;
        background-color : rgb(41, 83, 96);
    }

    .image_icon {
        background       : url("/oddi_lib/icon/1.x/image.png");
        width            : 1.2em;
        height           : .8em;
        margin-right     : .2em;
        display          : inline-block;
        background-size  : cover;
        background-repeat: no-repeat;
    }

    .news_icon {
        background       : url("/oddi_lib/icon/1.x/news.png");
        width            : 1.2em;
        height           : .8em;
        margin-right     : .2em;
        display          : inline-block;
        background-size  : cover;
        background-repeat: no-repeat;
    }

    .download_icon {
        background       : url("/oddi_lib/icon/1.x/download.png");
        width            : 1.1em;
        height           : 1.1em;
        margin-right     : .2em;
        /*display        : inline-block;*/
        background-size  : contain;
        background-repeat: no-repeat;
        display          : inline-block;
    }

    .preview_icon {
        background       : url("/oddi_lib/icon/1.x/view.png");
        width            : 1.1em;
        height           : 1.1em;
        margin-right     : .2em;
        /*display        : inline-block;*/
        background-size  : contain;
        background-repeat: no-repeat;
        display          : inline-block;
    }

    .edit_icon {
        background       : url("/oddi_lib/icon/1.x/edit.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .copy_icon {
        background       : url("/oddi_lib/icon/1.x/copy.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .delete_icon {
        background       : url("/oddi_lib/icon/1.x/delete.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .config_icon {
        background       : url("/oddi_lib/icon/1.x/setting.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .del_icon {
        background       : url("/oddi_lib/icon/1.x/error.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .resize_icon {
        background       : url("/oddi_lib/icon/1.x/resize.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

    .help_icon {
        background       : url("/oddi_lib/icon/1.x/help.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 0) {
    label.importent {
        display       : inline-block;
        vertical-align: middle;
        line-height   : 0;
    }

    label.importent::before {
        display         : inline-block;
        line-height     : 1;
        border          : 2px solid transparent;
        content         : "重要";
        padding         : 2px 3px;
        margin-right    : 5px;
        background-color: rgb(0, 0, 128);
        font-size       : .7em;
        color           : white;
        border-radius   : 3px;
    }

    label.ontop {
        display       : inline-block;
        vertical-align: middle;
        line-height   : 0;
    }

    label.ontop::before {
        display         : inline-block;
        line-height     : 1;
        border          : 2px solid transparent;
        content         : "置頂";
        padding         : 2px 3px;
        margin-right    : 5px;
        background-color: rgb(128, 0, 0);
        font-size       : .7em;
        color           : white;
        border-radius   : 3px;
    }

    label.absolute {
        display       : inline-block;
        vertical-align: middle;
        line-height   : 0;
    }

    label.absolute::before {
        display         : inline-block;
        line-height     : 1;
        border          : 2px solid transparent;
        content         : "總置頂";
        padding         : 2px 3px;
        margin-right    : 5px;
        background-color: rgb(230, 20, 20);
        font-size       : .7em;
        color           : white;
        border-radius   : 3px;
    }

    label.timer {
        display       : inline-block;
        vertical-align: middle;
        line-height   : 0;
    }

    label.timer::before {
        display         : inline-block;
        line-height     : 1;
        border          : 2px solid transparent;
        content         : "限時";
        padding         : 2px 3px;
        margin-right    : 5px;
        background-color: rgb(34, 102, 34);
        font-size       : .7em;
        color           : white;
        border-radius   : 3px;
    }


    /* 上面四個實心標籤與下面這個外框標籤共用同一套盒模型，四種標籤的高度才會一致：
       都是 inline-block、行高 1、上下留白 2px、外圈 2px 邊框(實心的那幾個用透明的湊高度)。
       用 inline-block 還有一個原因：inline 的垂直邊框不會撐開行框，下緣會凸出外層 <a>，
       遇到連結設了 overflow:hidden 的版型(例如松山家商的各處室公告)就會被裁掉，看起來少一條邊線。
       實心標籤的父層行高設 0 是為了收掉 strut，否則父層會比色塊本身高一點點 */
    label.filterLabel {
        display        : inline-block;
        vertical-align : middle;
        line-height    : 1;
        padding        : 2px 3px;
        border         : 2px solid rgb(180, 20, 20);
        margin-right   : 5px;
        font-size      : .7em;
        border-radius  : 3px;
    }

    a.preview_btn {
        /* display         : inline-block;
        width           : auto !important;
        padding         : 1px 5px;
        margin-left     : 10px;
        background-color: rgb(0, 0, 128);
        background      : linear-gradient(45deg, transparent 5px, rgb(0, 0, 128) 0);
        font-size       : .7em;
        color           : white !important;
        border          : 1px solid rgb(0, 0, 128);
        border-radius   : 3px 3px 3px 0;
        transition      : linear 100ms; */
    }

    a.preview_btn:hover {
        /* color           : rgb(0, 0, 128) !important;
        background-color: white;
        background      : linear-gradient(45deg, rgb(0, 0, 128) 5px, white 0); */
    }

    a.download_btn {
        /*display         : inline-block;
        width           : auto !important;
        padding         : 1px 5px;
        margin-left     : 10px;
        background-color: rgb(34, 102, 34);
        background      : linear-gradient(45deg, transparent 5px, rgb(34, 102, 34) 0);
        font-size       : .7em;
        color           : white !important;
        border          : 1px solid rgb(34, 102, 34);
        border-radius   : 3px 3px 3px 0;
        transition      : linear 100ms;*/
    }

    a.download_btn:hover {
        /* color           : rgb(34, 102, 34) !important;
        background-color: white;
        background      : linear-gradient(45deg, rgb(34, 102, 34) 5px, white 0); */
    }

}