/* filelist 2.0 樣式:沿用 1.x 的配色與版面(綠色表頭、雙色列、分類瓷磚、麵包屑) */

#filelist_content th { background-color: #1A874B; }
#filelist_content tr.even td { background-color: #DEE7D1; vertical-align: middle; }
#filelist_content tr.odd td { background-color: #EFF3EA; vertical-align: middle; }

/* 麵包屑 */
#filelist_xop_page_path_header { margin-bottom: 20px; }
.xop_page_path {
    background: url('../images/bc_bg.gif') repeat-x;
    border: 1px solid #DEDEDE;
    color: #999;
    height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.xop_page_path li {
    float: left;
    height: 30px;
    list-style-type: none;
    padding: 7px 15px 0 10px;
    background: url('../images/bc_separator.png') no-repeat right top; /* 同 1.x 的箭頭分隔 */
}
.xop_page_path li.add { background: none; }
.xop_page_path li.add { float: right; width: auto; }
.xop_page_path .edit_file_list,
.xop_page_path .list-text-only {
    background-color: transparent;
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

/* 分類瓷磚(原本靠 mesakfr 的 jQuery UI 主題,這裡自己帶) */
#filelist_clist { list-style-type: none; margin: 0; padding: 0; }
#filelist_clist li {
    display: block;
    float: left;
    width: 180px;
    height: 48px;
    margin: 0 4px 10px 0;
    padding: 0;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    background: linear-gradient(#F6F6F6, #E6E6E6);
}
#filelist_clist li a { display: block; width: 100%; height: 48px; padding: 4px; color: #555; text-decoration: none; box-sizing: border-box; }
#filelist_clist li:hover {
    box-shadow: #111 0 2px 8px;
    background: #2D6430;
    border-color: #2D6430;
}
#filelist_clist li:hover a { color: #FFF; text-shadow: 1px 1px rgba(0, 0, 0, 0.9); font-weight: bold; }

/* 產品表 */
.filelist_table { border-spacing: 1px; border-collapse: separate; }
.filelist_table tr th { text-align: center; }
/* 1.x 的附檔圖示是一個一行往下排 */
.filelist_table .filelist-files a { display: block; }
/* 說明保留換行(1.x 會照原文斷行) */
#filelist_table .desc { white-space: pre-line; }
.filelist-toggle { white-space: nowrap; }
#filelist_table thead th.tablesorter-header { cursor: pointer; }
#filelist_table thead th.tablesorter-headerAsc span::after { content: ' \25B2'; font-size: 0.7em; }
#filelist_table thead th.tablesorter-headerDesc span::after { content: ' \25BC'; font-size: 0.7em; }

/* 搜尋區塊按鈕(1.x 靠 jQuery UI 的按鈕樣式) */
#filelist_search_form input[type="submit"] {
    padding: 0.4em 1em;
    font-size: 1.1em;
    color: #555;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
    background: linear-gradient(#F6F6F6, #E6E6E6);
    cursor: pointer;
}
#filelist_search_form input[type="submit"]:hover { border-color: #999; color: #212121; }

/* 管理頁 */
#item_table th { cursor: default; }
#item_table td { height: 48px; vertical-align: middle; }
#item_table td.id, #item_table td.date_post, #item_table td.date_edit,
#item_table td.file1, #item_table td.file2, #item_table td.file3 { text-align: center; }

/* 分類選單區塊 */
.category_menu { margin: 0; padding: 0; line-height: 1.0em; border-top: 1px solid #DDD; }
.category_menu li {
    list-style: none outside;
    position: relative;
    border-collapse: separate;
    background-color: transparent;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.category_menu a { display: block; padding: 10px 24px; background: #F7F7F7 url('../images/itemHead_bg.gif') no-repeat 8px 50%; font-weight: normal; }
.category_menu a:hover { background-color: #EEE; color: #809A3F; }
/* 子選單往右展開 */
.category_menu ul { position: absolute; width: 100%; border-top: 1px solid #DDD; left: -999em; }
.category_menu li:hover ul,
.category_menu li.sfHover ul { left: 218px; top: -1px; }
.category_menu li:hover li ul,
.category_menu li.sfHover li ul { left: -999em; }
.category_menu li li:hover ul,
.category_menu li li.sfHover ul { left: 218px; top: -1px; }

/* 搜尋區塊的自動完成選單(原本靠 mesakfr 的 jQuery UI 主題) */
.ui-autocomplete { position: absolute; z-index: 1000; list-style: none; margin: 0; padding: 2px; background: #FFF; border: 1px solid #AAA; max-height: 300px; overflow-y: auto; text-align: left; }
.ui-autocomplete .ui-menu-item { padding: 0; margin: 0; }
.ui-autocomplete .ui-menu-item-wrapper { display: block; padding: 3px 6px; cursor: pointer; color: #222; }
.ui-autocomplete .ui-state-active { background: #2D6430; color: #FFF; border: 0; margin: 0; }
.ui-helper-hidden-accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }