.boardnav #ct .mn > .bml { margin: 0 0 14px; padding: 0 !important; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); } .boardnav #ct .mn > .bml > img { display: block; max-width: 100%; height: auto; border-radius: var(--dz-radius-m, 10px) var(--dz-radius-m, 10px) 0 0; } .boardnav .bml > .bm_h { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; box-sizing: border-box; min-height: 56px; height: auto; margin: 0; padding: 12px 16px; border: 0; line-height: 24px; background: transparent; } .boardnav .bml > .bm_h::after { display: none; } .boardnav .bml .bm_h h1 { order: -1; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; flex: 1; min-width: 0; font-size: 16px !important; font-weight: 500; line-height: 24px; } .boardnav .bml .bm_h h1 > .i { margin: 0; padding: 0; font-size: 12px; color: var(--dz-fc); } .boardnav .bml .bm_h > .y { float: none; font-size: 12px; color: var(--dz-fc); } .boardnav .bml .bm_h > .o { order: 1; float: none; } .boardnav .bml .bm_h .o em { display: block; margin: 0; font-size: 20px; } .boardnav .bml .pipe { margin: 0 8px; color: var(--dz-borderb); } .boardnav .bml > .bm_c { padding: 0 16px 12px; font-size: 12px; line-height: 22px; }   .boardnav #ct .mn > .fl.bmw { margin: 0 0 14px; border: 0; background: transparent; } .boardnav #ct .mn > .fl.bmw > .bm_h { height: 34px; margin: 0 0 8px; padding: 0; border: 0; line-height: 34px; } .boardnav #ct .mn > .fl.bmw > .bm_h h2 { font-size: 14px !important; font-weight: 500; } .boardnav #ct .mn > .fl.bmw > .bm_h .o em { margin-top: 6px; font-size: 20px; } .boardnav #ct .mn > .fl.bmw > .bm_c { padding: 0; } .boardnav .fl.bmw .fl_tb { table-layout: fixed; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); } .boardnav .fl.bmw .fl_tb td { padding: 12px; font-size: 12px; line-height: 20px; border-color: var(--dz-borderb); } .boardnav .fl.bmw .fl_tb td:empty { display: none; } .boardnav .fl.bmw .fl_tb .fl_icn { width: 36px !important; padding: 12px 8px 12px 14px !important; } .boardnav .fl.bmw .fl_icn img, .boardnav .fl.bmw .fl_icn_g img { display: block; width: 36px !important; height: 36px !important; object-fit: contain; border-radius: var(--dz-radius-s); } .boardnav .fl.bmw .fl_icn svg, .boardnav .fl.bmw .fl_icn_g svg { max-width: 36px; } .boardnav .fl.bmw .fl_tb h2, .boardnav .fl.bmw .fl_g dt { font-size: 14px; font-weight: 500; line-height: 22px; } .boardnav .fl.bmw .fl_i { width: 85px; } .boardnav .fl.bmw .fl_by { width: 240px; } .boardnav .fl.bmw .fl_by > div { width: auto; margin: 0; padding: 0; } .boardnav .fl.bmw .fl_by cite, .boardnav .fl.bmw .fl_g cite { font-size: 11px; color: var(--dz-fc); }   .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) { display: block; border: 0; background: transparent; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) > tbody { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) > tbody > tr { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; min-width: 0; padding: 12px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) > tbody > tr:not(:has(td)) { display: none; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) td { display: block; min-width: 0; padding: 0; border: 0; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) .fl_icn { grid-column: 1; grid-row: 1; padding: 0 !important; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) td:nth-child(2) { grid-column: 2; grid-row: 1; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) td:nth-child(2) p { font-size: 11px; line-height: 18px; color: var(--dz-fc); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) .fl_i { grid-column: 3; grid-row: 1; width: auto; font-size: 11px; white-space: nowrap; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) .fl_by { grid-column: 2 / -1; grid-row: 2; width: auto; font-size: 12px; line-height: 20px; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) .fl_by a, .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) .fl_by cite { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .boardnav .fl.bmw .fl_tb:not(:has(.fl_g)) .fl_by cite a { display: inline; } .boardnav .fl.bmw .fl_tb:has(.fl_g) { display: block; border: 0; background: transparent; } .boardnav .fl.bmw .fl_tb:has(.fl_g) > tbody { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .boardnav .fl.bmw .fl_tb:has(.fl_g) > tbody > tr { display: contents; } .boardnav .fl.bmw .fl_tb td.fl_g { display: flex; gap: 10px; box-sizing: border-box; width: auto; min-width: 0; padding: 12px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); } .boardnav .fl.bmw .fl_tb td.fl_g:empty { display: none; } .boardnav .fl.bmw .fl_icn_g { float: none; flex: 0 0 36px; width: 36px !important; margin: 2px 0 0; } .boardnav .fl.bmw .fl_g dl { min-width: 0; margin: 0 !important; padding: 0; } .boardnav .fl.bmw .fl_g dd { font-size: 12px; line-height: 20px; color: var(--dz-fc); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   .boardnav .pgs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 12px 0 !important; padding: 0; border: 0; background: transparent; } .boardnav .pgs::after { display: none; } .boardnav .pgs .pgsbtn { order: 0; float: none; box-sizing: border-box; height: 36px; margin: 0; padding: 0 18px; border-radius: var(--dz-radius-s, 6px); font-size: 14px; line-height: 36px; letter-spacing: 0; } .boardnav .pgs > .pgb { order: 1; float: none; margin: 0 0 0 auto !important; } .boardnav #fd_page_top, .boardnav #fd_page_bottom { order: 2; max-width: 100%; }   .boardnav #thread_types { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; padding: 0; border: 0; background: transparent; } .boardnav #thread_types::after { display: none; } .boardnav #thread_types li { float: none; margin: 0; padding: 0; } .boardnav #thread_types a { display: inline-flex; align-items: center; float: none; gap: 5px; height: 28px; margin: 0; padding: 0 10px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s, 6px); background: var(--dz-bgf); font-size: 12px; font-weight: 400; line-height: 28px; } .boardnav #thread_types .a a, .boardnav #thread_types a:hover { border-color: var(--dz-nvbg); color: var(--dz-nvbg); background: var(--dz-bgf); } .boardnav #thread_types .a a { font-weight: 500; } .boardnav #thread_types .num { margin: 0; padding: 0 4px; border-radius: 3px; background: var(--dz-bgc); color: var(--dz-fc) !important; font-size: 11px; line-height: 17px; } .boardnav #thread_types .a .num { color: var(--dz-nvbg) !important; }   .boardnav .cdbao_x5_compact #threadlist { border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-m, 10px); background: var(--dz-bgf); } .boardnav .cdbao_x5_compact #threadlist > .th { border-radius: var(--dz-radius-m, 10px) var(--dz-radius-m, 10px) 0 0; background: var(--dz-bgc); } .boardnav .cdbao_x5_compact .tl .tf { font-size: 12px; } .boardnav .cdbao_x5_compact .tl .tf > a { font-size: 12px; } .boardnav #f_pst { border-radius: var(--dz-radius-m, 10px); }   body.pg_forumdisplay #filter_dateline_menu { box-sizing: border-box; width: max-content; max-width: calc(100vw - 32px); padding: 12px; } body.pg_forumdisplay #filter_dateline_menu .pop_moremenu li { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; border: 0; color: var(--dz-fc); font-size: var(--cdbao-menu-font-size); line-height: 28px; } body.pg_forumdisplay #filter_dateline_menu .pop_moremenu li + li { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--dz-borderb); } body.pg_forumdisplay #filter_dateline_menu .pipe { display: none; } body.pg_forumdisplay #filter_dateline_menu a { display: inline-flex; align-items: center; box-sizing: border-box; height: 28px; margin: 0; padding: 0 9px; border: 0; border-radius: var(--dz-radius-s, 6px); background: transparent; color: var(--dz-fc); font-size: var(--cdbao-menu-font-size); font-weight: 400; line-height: 28px; text-decoration: none; } body.pg_forumdisplay #filter_dateline_menu a:hover, body.pg_forumdisplay #filter_dateline_menu a:focus-visible { background: var(--cdbao-menu-hover-bg); color: var(--cdbao-menu-hover-color); } body.pg_forumdisplay #filter_dateline_menu a.xw1 { background: var(--dz-nvbg, #0066ff); color: #fff; font-weight: 500; } @media (max-width: 1100px) { .boardnav #ct .fl.bmw .fl_tb > tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .boardnav .bml > .bm_h { padding: 10px 12px; } .boardnav .bml .bm_h h1 { flex-basis: 100%; } .boardnav #ct .fl.bmw .fl_tb > tbody { grid-template-columns: minmax(0, 1fr); } .boardnav #fd_page_top, .boardnav #fd_page_bottom { flex-basis: 100%; } .boardnav .pgs .pg { justify-content: flex-end; } }
body:is(.pg_forumdisplay, .pg_guide, .pg_viewthread) #ct .pgb a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 30px; padding: 0 10px 0 28px; background-image: url(svg/arw_l.svg); background-size: 14px 14px; background-position: 9px center; background-repeat: no-repeat; line-height: 20px; white-space: nowrap; } body:is(.pg_forumdisplay, .pg_guide, .pg_viewthread) #ct .pgb a::before { display: none; } body:is(.pg_forumdisplay, .pg_guide, .pg_viewthread) #ct .pgb a:hover, body:is(.pg_forumdisplay, .pg_guide, .pg_viewthread) #ct .pgb a:focus-visible { border-color: var(--dz-nvbg); background-color: var(--dz-nvbg); background-image: url(svg/arw_ls.svg); color: var(--dz-ff); }   .cdbao_x5_compact #atarget { display: inline-flex; align-items: center; justify-content: center; gap: 5px; box-sizing: border-box; height: 26px; margin-right: 8px; padding: 0 8px; border: 1px solid var(--dz-borderb); border-radius: var(--dz-radius-s, 6px); background: var(--dz-bgf); color: var(--dz-fc); font-size: 12px; line-height: 20px; white-space: nowrap; } .cdbao_x5_compact #atarget::before { flex: 0 0 14px; float: none; width: 14px; height: 14px; margin: 0; font-size: 14px; line-height: 14px; color: inherit; } .cdbao_x5_compact #atarget.atarget_1, .cdbao_x5_compact #atarget:hover { border-color: var(--dz-nvbg); color: var(--dz-nvbg); background: var(--dz-bgc); }