.darkmode .sp_img,
.darkmode .bnt_search {
  background-image: url(/static/img/sp_img_dark.png);
}

html.darkmode .sp_pagingicon {
  background-image: url(/static/img/sp_pagingicon_dark.png);
  background-color: transparent;
}

html.darkmode,
.darkmode body {
  background-color: #151515;
  color: #ccc;
}

.darkmode #container,
.darkmode .left_content {
  background-color: #151515;
}

.darkmode .page_head h2,
.darkmode .page_head h2 a {
  color: #7a86af;
}

.darkmode .btn_write {
  background: #252525;
  border-color: #555;
  color: #7a86af;
}

.darkmode table.gall_list tbody tr:hover {
  background: #222;
}

.darkmode table.gall_list tbody tr:first-child td {
  border-top: none;
}

.darkmode table.gall_list td {
  border-top-color: #484848;
  color: #ccc;
}

.darkmode table.gall_list th {
  color: #aaa;
}

.darkmode .gall_tit a,
.darkmode .list {
  color: #ccc;
}

.darkmode .ip,
.darkmode .gall_date,
.darkmode .gall_num,
.darkmode .gall_count,
.darkmode .gall_tit a:visited {
  color: #666;
}

.darkmode .bottom_paging_box a,
.darkmode .bottom_paging_box em {
  background-color: #151515;
  border-color: #444;
  color: #888;
}

.darkmode .bottom_paging_box a:hover {
  border-color: #3d4990;
  color: #aaa;
}

.darkmode .bottom_paging_box em {
  color: #ee3c24;
  border-color: #ee3c24;
}

.darkmode .bottom_search {
  background: #333d77;
  border-color: #333d77;
}

.darkmode .bottom_search .inner_search {
  background: #222;
}

.darkmode .bottom_search .in_keyword {
  color: #ddd;
  background: transparent;
}

.darkmode .bottom_search .in_keyword::placeholder {
  color: #555;
}