.w_select_button{height:22px;line-height:22px;color:#000;}
.ui-selectmenu-icon.ui-icon.w_select_icon{margin-top:3px;}

.boardListsHeader{width:100%;height:40px;display:flex;background-color:#666;margin-top:10px;justify-content:space-around;border-top:1px solid #e0e4f6;border-bottom:1px solid #e0e4f6;}
.boardListsHeader .th{font-size:13px;font-weight:400;text-align:center;border-right:1px solid #eee;line-height:40px;color:#fff;}
.boardListsHeader .th:last-child{border-right:none;}
.boardListsHeader .col1{width:60px;}
.boardListsHeader .col2{width:150px;}
.boardListsHeader .col3{width:calc(100% - 313px);}
.boardListsHeader .col4{width:100px;}

.boardLists .listGroup{width:100%;height:40px;display:flex;justify-content:space-around;border-top:1px solid #eee;text-decoration:none;color:#333;}
.boardLists .listGroup:last-child{border-bottom:1px solid #eee;}
.boardLists .listGroup:hover{text-decoration:underline;}
.boardLists .listGroup:nth-child(even){background-color:#f1f5fa;}
.boardLists .listGroup .td{font-size:12px;font-weight:700;text-align:center;border-right:1px solid #eee;height:40px;display:flex;justify-content:center;align-items:center;line-height:18px;}
.boardLists .listGroup .td:last-child{border-right:none;}
.boardLists .listGroup .col1{width:60px;}
.boardLists .listGroup .col2{width:150px;}
.boardLists .listGroup .col3{width:calc(100% - 333px);padding:0 10px;display:flex;justify-content:flex-start;text-align:left;}
.boardLists .listGroup .col3 .subject{width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.boardLists .listGroup .col4{width:100px;}

.boardLists .listGroup.effectA{background-color:#ffe0e3}
.boardLists .listGroup.effectB{background-color:#dbeeff}
.boardLists .listGroup.effectC{background-color:#d9ffe7}
.boardLists .listGroup.effectA .td, .boardLists .listGroup.effectA .td *{font-size:15px;font-weight:700;color:#f20c1e;}
.boardLists .listGroup.effectB .td, .boardLists .listGroup.effectB .td *{font-size:13px;font-weight:700;color:#1272cd;}
.boardLists .listGroup.effectC .td, .boardLists .listGroup.effectC .td *{font-size:13px;font-weight:700;color:#009d39;}
.boardLists .listGroup.effectA .td .material-icons.effectAtype{font-size:23px;}
.boardLists .listGroup.effectB .td .material-icons.effectBtype{font-size:20px;}
.boardLists .listGroup.effectC .td .material-icons.effectCtype{font-size:20px;}

.boardLists .emptyLists{padding:150px 0;text-align:center;font-size:12px;}

@media all and (max-width:900px) {
    .boardListsHeader .col1{display:none;}
    .boardListsHeader .col2{width:150px;}
    .boardListsHeader .col3{width:calc(100% - 272px);}
    .boardListsHeader .col4{width:120px;}
    .boardListsHeader .col5{display:none;}
    .boardListsHeader .col6{display:none;}

    .boardLists .listGroup .col1{display:none;}
    .boardLists .listGroup .col2{width:150px;}
    .boardLists .listGroup .col3{width:calc(100% - 292px);}
    .boardLists .listGroup .col4{width:120px;}
    .boardLists .listGroup .col5{display:none;}
    .boardLists .listGroup .col6{display:none;}
}

@media all and (max-width:900px) {
    .boardListsHeader .col1{display:none;}
    .boardListsHeader .col2{width:150px;}
    .boardListsHeader .col3{width:calc(100% - 151px);}
    .boardListsHeader .col4{display:none;}
    .boardListsHeader .col5{display:none;}
    .boardListsHeader .col6{display:none;}

    .boardLists .listGroup .col1{display:none;}
    .boardLists .listGroup .col2{width:150px;}
    .boardLists .listGroup .col3{width:calc(100% - 171px);}
    .boardLists .listGroup .col4{display:none;}
    .boardLists .listGroup .col5{display:none;}
    .boardLists .listGroup .col6{display:none;}
}