.ulist_tag{width:100%;border-top-right-radius:50px;border-bottom-left-radius:50px;border:2px solid #fff;box-shadow:0 0 4px rgb(100,100,100,5)}
.ulist_intag{display:table;table-layout:fixed;width:100%;padding:5px 10px}
.ulist_ticon{display:table-cell;vertical-align:middle;width:30px;font-size:18px;text-align:center}
.ulist_ticon img{width:25px;height:25px;display:block;margin:0 auto}
.ulist_tdata{display:table-cell;vertical-align:middle;padding:0 8px;text-align:center}
.ulist_ttitle{font-weight:700;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.ulist_dev{
    background: linear-gradient(5deg, #5E0256,#F608D7);
    color: #fff;
}
.ulist_founder{
    background: url('./purple.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8);
}
.ulist_ceo{
    background: url('./ceo.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8);
}
.ulist_superadmin{
    background: url('./redparticles.gif');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8);
}
.ulist_admin{
    background: url('./blue.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8);
}
.ulist_moderator{
    background: url('./shield.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8);
}
.ulist_platinumvip{
    background: url('./platinum.jpg');background-position:center; background-size:cover;color:#000;border:2px solid rgba(255,255,255,0.8)
}
.ulist_goldvip{
    background: url('./gold.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8)
}
.ulist_vip{
    background: url('./redheart.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8);
}
.ulist_bot{
    background: url('./green.jpg');background-position:center; background-size:cover;color:#fff;border:2px solid rgba(255,255,255,0.8)
}
.ulist_normal{
    background: #424242;
    color: #fff;
}
.ulist_offline{
    background: #000;
    color: red;
}

.room_sort{display:table;table-layout:fixed;width:auto;height:40px;border-radius:4px;}
.room_sort_item{display:table-cell;vertical-align:middle;width:40px;height:100%;text-align:center;font-size:18px;cursor:pointer;}
.room_col_2,.room_col_3{display:flex;flex-wrap:wrap;gap:10px;}
.room_col_2>.room_element{flex-grow:0;flex-basis:calc(50% - 10px);}
.room_col_3>.room_element{flex-grow:0;flex-basis:calc(33.33% - 10px);}

.room_boxed { display:flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 5px; padding: 25px 5px 10px 5px;}
.room_boxed > .room_content { padding:0px; margin-top: auto;width: 100%;height: 100%;display: flex;flex-direction: column;}
.room_boxed > .room_content > .roomtitle { font-size:14px; }
.room_boxed > .room_content > .room_count, .room_boxed > .room_content > .room_ccount { font-size:12px;  }
.room_boxed > .room_content > .roomdesc { font-size:10px; }
.room_boxed > .room_content > .btable { margin-top:auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.room_boxed > .room_content > .btable > .roomopt { width:16px; }
.room_boxed > .room_content > .btable > .room_count, .room_boxed > .room_content > .btable > .room_ccount { position: absolute;top: 4px;right: 20px;font-size: 13px;}
.room_boxed > .room_content > .btable > .roomopt:last-child, .room_boxed > .room_content > .btable > .roomcopt:last-child {  position: absolute;top: 5px;right: 5px;}
.room_boxed > .room_content > .btable > .roomopt > .room_tag, .room_boxed > .room_content > .btable > .roomcopt > .room_ctag { width:14px; height:14px; border-radius:50%; margin:0 auto; }

@media screen and (max-width: 320px){
    .room_boxed > .room_content > .roomtitle { font-size:12px; }
    .room_boxed > .room_content > .roomdesc{ font-size: 9px; }
}