@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_src/icon/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_src/icon/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_src/icon/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_src/icon/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_src/icon/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_src/icon/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_src/icon/edit.png");
        width            : 20px;
        height           : 20px;
        padding          : 3px;
        background-size  : contain;
        background-repeat: no-repeat;
    }

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

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

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

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

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

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

@media only screen and (min-width: 0) {
    label.importent::before {
        content         : "重要";
        padding         : 2px 3px;
        margin-right    : 5px;
        background-color: rgb(0, 0, 128);
        font-size       : .7em;
        color           : white;
        border-radius   : 3px;
    }

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

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

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


    label.filterLabel {
        padding      : 1px 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); */
    }

}