@media screen and (max-width: 340px){
    #raidToolbar {
        font-size: 0.7rem;
    }
    .WG_button > .zdy-item {
        font-size: 0.7rem;
        margin-left: 0.1em;
        padding-left: 0.1em;
        padding-right: 0.1em;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .item-status-bar > .status-item {
        zoom: 1
    }
}
.login-dialog-rows {
    max-height: 640px;
}
pre{
    font-size: 12px;
}
.container, .login-content, .left, .right{
    color: rgb(0,178,0);
    background-color: #000000;
}
.tool-bar > .tool-item {
    color:#000000;
    background-color:#ADADAD;
}
.room-item > .item-name {
    margin-left: 1em;
}
.room-item > .item-name {
    margin-left: 1em;
}
.room_items {
    max-height: 120px;
}
.item-status-bar > .status-item {
    font-size: 0.8em;
    font-weight: lighter;
}
.state-bar {
    overflow-x: auto;
}
.hp > .progress-bar {
    background-color: #D55E00;
}
.mp > .progress-bar {
    background-color: #56B4DF;
}
HIG {
    color: #009E73;
}
HIC {
    color: #56B4DF;
}
HIY {
    color: #F0E442;
}
HIZ {
    color: #CC79A7;
}
HIO {
    color: #E69F00;
}
HIR {
    color: #D55E00;
}
HIM {
    color: #e84393;
}

/* left right */
.left, .right {
    width: 350px;
}
.left-content {
    font-size: 13px;
}
.span-btn {
    font-size: 13px;
}
/* pluggins */
.layui-layer-content {
    font-size: 13px;
}
/* raid */
.layui-layer-page > .layui-layer-content {
    font-size: 12px;
    color: rgb(0, 128, 0);
}