/* 萌芽導覽列開始 */
@import "variable.css";
#nav {
  background: var(--mnya-nav-bg-solid);
  background: var(--mnya-nav-bg-gradient);
}

.navlink-cc { background: var(--mnya-navlink-cc-bg, transparent); }
.navlink-k3 { background: var(--mnya-navlink-k3-bg, transparent); }
.navlink-yo { background: var(--mnya-navlink-yo-bg, transparent); }
.navlink-es { background: var(--mnya-navlink-es-bg, transparent); }
.navlink-ms { background: var(--mnya-navlink-ms-bg, transparent); }
.navlink-2d { background: var(--mnya-navlink-2d-bg, transparent); }
.navlink-games { background: var(--mnya-navlink-games-bg, transparent); }

/* 萌芽導覽列結束 */

body {
  background: var(--mnya-body-bg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0px 0px;
}

.container {
  *zoom: 1;
  max-width: 990px;
  _width: 990px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: "";
  display: table;
  clear: both;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  color: #ec6b55;
  text-decoration: none;
}

article a {
  color: rgb(25, 53, 139);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transition: all 0.2s ease;
}

article a:hover {
  color: rgb(0, 33, 130);
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}

li {
  list-style: square;
  margin: 5px 0 5px 30px;
  line-height: 1.4;
  font-size: 16px;
}

img,
video {
  max-width: 100% !important;
  height: auto !important;
}

iframe {
  max-width: 100% !important;
}

.clearfix {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body {
  color: #232323;
  font-size: 1em;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  border-bottom: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  border-bottom: none;
}

h1 {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0;
}

h2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0;
}

h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0;
}

h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0;
}

h5 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0;
}

h6 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0;
}

blockquote {
  margin: 0;
  background: rgba(225, 225, 225, 0.7)
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iQ2FwYV8xIgogICB4PSIwcHgiCiAgIHk9IjBweCIKICAgd2lkdGg9IjM0OS4wNzhweCIKICAgaGVpZ2h0PSIzNDkuMDc4cHgiCiAgIHZpZXdCb3g9IjAgMCAzNDkuMDc4IDM0OS4wNzgiCiAgIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0OS4wNzggMzQ5LjA3ODsiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuNDguNSByMTAwNDAiCiAgIHNvZGlwb2RpOmRvY25hbWU9InF1b3RhdGlvbi1yaWdodC1tYXJrLnN2ZyI+PG1ldGFkYXRhCiAgIGlkPSJtZXRhZGF0YTQxIj48cmRmOlJERj48Y2M6V29yawogICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlCiAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgIGlkPSJkZWZzMzkiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxIgogICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjAwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MzciCiAgIGlkPSJuYW1lZHZpZXczNyIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIwLjY3NjA2NjY2IgogICBpbmtzY2FwZTpjeD0iLTUzLjk4ODc1OSIKICAgaW5rc2NhcGU6Y3k9IjE3NC41MzkiCiAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJDYXBhXzEiIC8+CjxnCiAgIGlkPSJnMyIKICAgdHJhbnNmb3JtPSJtYXRyaXgoMC42MzU1OTMyMiwwLDAsMC42MzU1OTMyMiw2My42MDMxOTUsNjMuNjAzMTk1KSIKICAgc3R5bGU9Im9wYWNpdHk6MC4xNSI+Cgk8cGF0aAogICBkPSJtIDE5OC43NzksMzIyLjQ0MSB2IC01OC4yNDUgYyAwLC03LjkwMyA2LjQwNiwtMTQuMzA0IDE0LjMwNCwtMTQuMzA0IDI4LjE4MywwIDQzLjUxNSwtMjguOTA0IDQ1LjY0MywtODUuOTYxIGggLTQ1LjY0MyBjIC03Ljg5NywwIC0xNC4zMDQsLTYuNDEgLTE0LjMwNCwtMTQuMzA0IFYgMjYuNjQgYyAwLC03LjkgNi40MDYsLTE0LjMwMSAxNC4zMDQsLTE0LjMwMSBoIDEyMS42OSBjIDcuODk2LDAgMTQuMzA1LDYuNDA4IDE0LjMwNSwxNC4zMDEgdiAxMjIuOTg4IGMgMCwyNy4zNDkgLTIuNzYxLDUyLjQ0NiAtOC4xODEsNzQuNjExIC01LjU2OCwyMi43MjIgLTE0LjExNSw0Mi41ODcgLTI1LjM5OCw1OS4wNDkgLTExLjYwNCwxNi45MTcgLTI2LjEzMiwzMC4xOTIgLTQzLjE1NSwzOS40MzcgLTE3LjE1Miw5LjMwNCAtMzcuMDksMTQuMDI2IC01OS4yNjcsMTQuMDI2IC03Ljg5MSwtMC4wMDYgLTE0LjI5OCwtNi40MTMgLTE0LjI5OCwtMTQuMzEgeiBNIDE0LjMwMSwyNDkuODg3IEMgNi40MDQsMjQ5Ljg4NyAwLDI1Ni4yOTMgMCwyNjQuMTg1IHYgNTguMjU3IGMgMCw3Ljg5NiA2LjQwNCwxNC4yOTggMTQuMzAxLDE0LjI5OCAyMi4xNjYsMCA0Mi4xMTQsLTQuNzIzIDU5LjI1NSwtMTQuMDI2IDE3LjAzMiwtOS4yNDQgMzEuNTU4LC0yMi41MDggNDMuMTYxLC0zOS40MzcgMTEuMjksLTE2LjQ2MiAxOS44MzYsLTM2LjMyOCAyNS40MDQsLTU5LjA2MSA1LjQyMywtMjIuMTY1IDguMTc4LC00Ny4yNjMgOC4xNzgsLTc0LjYgViAyNi42MjggYyAwLC03LjkgLTYuNDEsLTE0LjMwMSAtMTQuMzA0LC0xNC4zMDEgSCAxNC4zMDEgQyA2LjQwNCwxMi4zMjcgMCwxOC43MzQgMCwyNi42MjggdiAxMjIuOTg4IGMgMCw3Ljg5OSA2LjQwNCwxNC4zMDQgMTQuMzAxLDE0LjMwNCBoIDQ1LjAwMiBjIC0yLjEwMiw1Ny4wNjIgLTE3LjIxMyw4NS45NjcgLTQ1LjAwMiw4NS45NjcgeiIKICAgaWQ9InBhdGg1IgogICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgo8L2c+CjxnCiAgIGlkPSJnNyI+CjwvZz4KPGcKICAgaWQ9Imc5Ij4KPC9nPgo8ZwogICBpZD0iZzExIj4KPC9nPgo8ZwogICBpZD0iZzEzIj4KPC9nPgo8ZwogICBpZD0iZzE1Ij4KPC9nPgo8ZwogICBpZD0iZzE3Ij4KPC9nPgo8ZwogICBpZD0iZzE5Ij4KPC9nPgo8ZwogICBpZD0iZzIxIj4KPC9nPgo8ZwogICBpZD0iZzIzIj4KPC9nPgo8ZwogICBpZD0iZzI1Ij4KPC9nPgo8ZwogICBpZD0iZzI3Ij4KPC9nPgo8ZwogICBpZD0iZzI5Ij4KPC9nPgo8ZwogICBpZD0iZzMxIj4KPC9nPgo8ZwogICBpZD0iZzMzIj4KPC9nPgo8ZwogICBpZD0iZzM1Ij4KPC9nPgo8L3N2Zz4=)
    no-repeat right bottom;
  background-size: 150px 150px;
  box-shadow: 0 1px 1px rgba(0, 69, 158, 0.2);
  margin: 15px auto;
  padding: 15px;
}

pre {
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* Header 開始 */

.header {
  width: 100%;
  margin: 30px auto;
}

.title {
  text-align: center;
}

.title a {
  color: #666;
  text-decoration: none;
}

.toper {
  width: 100%;
  height: 70px;
}

/* Header 結束 */

/* 主要導覽列開始 */

#navigation {
  width: 90%;
  margin: 10px auto;
  background: var(--mnya-navigation-bg);
  box-shadow: 0px 0px 8px #fffc;
  display: flex;
  border-radius: 5px;
}

.navigation {
  width: 100%;
}

.primary-menu {
  display: flex;
}

.primary-menu > div:nth-child(1) {
  width: calc(100% - 250px);
}

.nav {
  width: 100%;
  margin: 0;
  padding: 0;
}

.nav > li > a {
  width: auto;
  float: left;
  padding: 15px 18px;
  font-size: 17px;
  overflow: hidden;
  color: #e7e7e7;
  text-shadow: 0px 0px 1px #ffffff;
  position: relative;
  z-index: 99;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.nav > li > a:hover {
  box-shadow: 0 0 10px #ffffff4d inset;
  background: rgba(255, 255, 255, 0.15);
}

.nav li {
  width: auto;
  float: left;
  position: relative;
  margin: 0;
  list-style: none;
  z-index: 99;
  text-align: center;
}

.nav li:hover > ul {
  display: block;
}

.nav li ul {
  background: var(--mnya-nav-dropdown-bg);
  box-shadow: 0 0 10px #ffffff4d inset;
  width: 100%;
  min-width: 150px;
  border-radius: 5px;
  display: none;
  float: left;
  position: absolute;
  left: 0;
  margin: 0;
  top: 100%;
  padding: 0;
  animation-name: mnyafadein;
  animation-duration: 0.3s;
  -webkit-animation-name: mnyafadein;
  -webkit-animation-duration: 0.3s;
}

.nav li ul li {
  width: 100%;
}

.nav li ul li a {
  color: #e7e7e7;
  text-decoration: none;
  padding: 12px 15px;
  float: left;
  margin: 0;
  font-size: 15px;
  width: calc(100% - 30px);
  border-radius: 5px;
  transition: all 0.2s ease;
}

.nav li ul li a:hover {
  color: #e7e7e7;
  background: #fff3;
  box-shadow: 0 0 10px #fff3 inset;
}

.nav li ul li > ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
}

.nav li ul li:hover > ul {
  display: block;
}

.sub-menu > li::before,
.sub-menu > li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  pointer-events: none;
}

.sub-menu > li::before {
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.sub-menu > li::after {
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.sub-menu > li:first-child::before {
  display: none;
}

.sub-menu > li:last-child::after {
  display: none;
}

/* --- 針對選單 # 連結的優化方案開始 --- */

.nav > li > a[href="#"] {
  cursor: default; /* 移除手指，改為一般箭頭 */
}

.nav > li > a[href="#"]:hover {
  box-shadow: none !important;
}

.nav li ul li a[href="#"] {
  cursor: default;
}

.nav li ul li a[href="#"]:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  color: #ffffff;
}

/* --- 針對選單 # 連結的優化方案結束 --- */

#search {
  width: 240px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  transition: all 0.3s ease;
}

#search:hover {
  background: rgba(0, 0, 0, 0.25);
}

#search > form > input {
  width: calc(100% - 62px);
  height: 42px;
  padding: 0 10px;
  float: left;
  font-size: 15px;
  line-height: 17px;
  background-color: transparent;
  border: none;
  outline: none;
  color: #e7e7e7;
  border-radius: 5px;
  transition: all 0.3s ease;
}

#search > form > button {
  width: 42px;
  height: 43px;
  font-size: 1.5em;
  padding: 8px;
  outline: none;
  box-shadow: none;
  color: #e7e7e7;
  margin: 0;
  cursor: pointer;
  border: none;
  border-radius: 0px 5px 5px 0;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

#search > form > button:hover {
  background: rgba(0, 0, 0, 0.25);
}

/* 主要導覽列結束 */

/* 文章列表區開始 */

.cat_tag_content {
  position: relative;
  display: table;
  width: calc(100% - 12px);
  padding: 6px;
  background: var(--mnya-cat-tag-bg);
  border-radius: 5px 5px 0 0;
}

.cat_tag_title {
  width: 210px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.2);
  color: #e7e7e7;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  text-shadow: 0px 0px 3px #00000080;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left: 12px rgba(255, 255, 255, 0.1) solid;
  box-shadow: 0px 0px 8px #45454599;
  border-radius: 5px;
}

.archive-label {
    display: block;
    font-size: 13px;
    font-weight: normal;
    opacity: 0.8;
    margin-bottom: 4px;
    line-height: normal;
    letter-spacing: 1px;
    text-shadow: none;
}

.archive-label i {
    margin-right: 4px;
}

.cat_tag_des {
  display: table-cell;
  vertical-align: middle;
}

.cat_tag_des p {
  margin: 0;
  padding: 8px 15px;
  color: #e7e7e7;
  font-size: 16px;
  line-height: 22px;
  text-shadow: 0px 0px 3px #ffffff80;
}

.cat_tag_des p a {
  color: rgb(128, 212, 251);
  transition: all 0.2s ease;
}

.cat_tag_des p a:hover {
  color: rgb(67, 174, 224);
  text-shadow: 0px 0px 5px #ffffff80;
}

.container-list {
  width: 90%;
  display: flex;
  margin: 0 auto;
}

.content {
  width: calc(100% - 300px);
  padding: 0;
  padding-bottom: 5px;
  display: inline;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 0px 8px #fffc;
  border-radius: 5px;
}

.content table {
  max-width: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.content table thead {
  background-color: rgba(0, 0, 0, 0.85);
  color: #e7e7e7;
  text-align: center;
}

.content table td,
.content table th {
  border: 1px solid #ddd;
  line-height: 30px;
  font-size: 17px;
  padding: 5px;
}

@media (max-width: 640px) {
  .content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .content table td,
  .content table th {
    padding: 8px;
    font-size: 15px;
  }
}

.sidebar {
  float: left;
  width: calc(100% - 30px);
  margin: 3px 15px;
  text-align: center;
  background: rgba(255, 239, 184, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

#mnyaarticle {
  width: calc(100% - 10px);
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
}

.mnyaarticle {
  width: calc(33.3% - 8px) !important;
  margin: 4px;
  padding: 0px 0px 0px 0px !important;
  color: #e7e7e7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  background: var(--mnya-article-bg);
  transition: all 0.3s ease;
}

.mnyaarticle:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  background: var(--mnya-article-hover-bg);
}

.mnyaarticle a {
  text-decoration: none !important;
}

.mnyaarticle > div:first-of-type {
  width: 100%;
  min-height: 150px;
  height: auto;
  background: #fff;
  display: block;
  overflow: hidden;
}

.mnyaarticle > div:first-of-type > a > img {
  width: 100%;
  margin-bottom: -6px;
  transition: all 0.2s ease;
}

.mnyaarticle:hover > div:first-of-type > a > img {
  transform: scale(1.1);
  opacity: 0.9;
}

.mnyaarticle > div:first-of-type > div:first-of-type,
.mnyaarticle > div:first-of-type > div:nth-of-type(2) {
  opacity: 1;
  transition: all 0.2s ease;
}

.mnyaarticle:hover > div:first-of-type > div:first-of-type,
.mnyaarticle:hover > div:first-of-type > div:nth-of-type(2) {
  opacity: 0.65;
}

.mnyaarticle-title {
  border-left: 8px #ffffff80 solid;
  padding-left: 12px;
  font-size: 26px;
  line-height: 36px;
  margin: 3px;
}

.mnyaarticle-title a {
  font-weight: bold;
  color: #e7e7e7;
  text-shadow: 0px 0px 2px #ffffffb3;
}

.mnyaarticle-title a:hover {
  color: #e7e7e7;
  text-shadow: 0px 0px 5px #ffffffb3;
}

.mnyaarticle-body p {
  margin: 10px 0;
  font-size: 16px;
  line-height: 26px;
}

.article {
  float: none;
}

.article article {
  width: calc(100% - 30px);
  float: left;
  display: block;
  padding: 0px 15px 0px 15px;
}

.article article ul,
.article article ol {
  padding-left: 0;
}

.article article ul > li {
  list-style: disc;
  line-height: 30px;
  font-size: 17px;
}

.article article ol > li {
  list-style: decimal;
  line-height: 30px;
  font-size: 17px;
}

.article article p code,
.article article li code {
  background: #272822;
  border-radius: 5px;
  padding: 4px 8px;
  margin: 0 3px;
  color: #f8f8f2;
  box-shadow: 0px 0px 5px #ffffff5c;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 16px;
  line-height: 32px;
}

.article article pre > code {
  box-shadow: none;
}

.article p img,
.article p iframe {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-top: var(--mnya-iframe-margin-top);
  margin-bottom: var(--mnya-iframe-margin-bottom);
}

.article .featured-picture {
  display: block;
  position: relative;
}

.article .featured-picture a {
  border-bottom: none;
  text-shadow: 0px 0px 3px #fff;
  color: #e7e7e7;
  border-bottom: 1px solid #fff;
  transition: all 0.3s ease;
}

.article .featured-picture a:hover {
  text-shadow: 0px 0px 5px #fff;
  color: #e7e7e7;
}

.featured-picture-t {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.featured-picture-t2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.featured-picture-t-box {
  float: left;
  max-width: calc(100% - 30px);
  background: var(--mnya-featured-box-bg);
  margin: 0 5px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #e7e7e7;
  text-shadow: 0px 0px 3px #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.featured-picture-t-box2 {
  float: left;
  max-width: calc(100% - 30px);
  background: var(--mnya-featured-box2-bg);
  margin: 0 5px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #e7e7e7;
  text-shadow: 0px 0px 3px #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.article .article-content {
  display: block;
}

/* 文章列表區結束 */

/* 側邊欄開始 */

.right-sidebar {
  width: calc(300px - 30px);
  margin-left: 10px;
  padding: 10px;
  display: inline;
  background: var(--mnya-sidebar-bg);
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.7);
}

.right-sidebar-pinned {
  width: calc(100% - 6px);
  height: calc(100vh - 55px);
  overflow: auto;
  padding-right: 6px;
}

.right-sidebar h1 {
  font-size: 19px !important;
  line-height: 24px !important;
  color: #fff !important;
  border-left: 12px rgba(0, 0, 0, 0.2) solid !important;
  padding: 8px 12px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  margin: 12px 0 !important;
  border-radius: 5px;
}

.right-sidebar select {
  width: 100%;
  height: 40px;
  padding: 5px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 26px;
  background: #ffffffb3;
  color: #212121;
  border: 0;
}

.right-sidebar li {
  margin: 8px 0;
  list-style: none;
  padding: 3px 5px 3px 10px;
  border-left: 4px #fff3 solid;
  transition: all 0.3s ease;
}

.right-sidebar li:hover {
  border-left: 4px #ffffffb3 solid;
}

.right-sidebar a {
  color: #e7e7e7;
  text-shadow: 0px 0px 2px #ffffffb3;
  font-weight: bold;
  transition: all 0.3s ease;
}

.right-sidebar a:hover {
  text-shadow: 0px 0px 5px #ffffffb3;
}

.right-sidebar .footer_widget {
  margin: 15px;
}

.right-sidebar .navov-a {
  display: flex;
  float: none;
  margin: 0;
  border-radius: 5px;
}

.right-sidebar .navov-a-l {
  font-size: 16px;
  line-height: 26px;
  border-radius: 5px 0 0 5px;
}

.right-sidebar .navov-a-r {
  font-size: 16px;
  line-height: 26px;
}

/* 側邊欄開始 */

/* Footer 開始 */

.footer_section {
  width: calc(90% - 30px);
  margin: 10px auto;
  padding: 15px;
  display: flex;
  background: rgba(70, 75, 80, 0.8);
  color: #dfdfdf;
  line-height: 1.4;
  border-radius: 5px;
  box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.2);
}

.footer_section a {
  color: #dfdfdf;
  transition: all 0.2s ease;
}

.footer_section a:hover {
  color: var(--mnya-footer-link-hover);
}

.footer_section p {
  font-size: 15px;
}

/* 電子郵件訂閱開始 */

#subscribe-email > input {
  width: calc(100% - 20px);
  height: 42px;
  padding: 0 10px;
  float: left;
  font-size: 15px;
  line-height: 17px;
  background: rgba(0, 0, 0, 0.15);
  border: none;
  outline: none;
  color: #e7e7e7;
  border-radius: 5px;
  transition: all 0.3s ease;
}

#subscribe-email > input:hover,
#subscribe-email > input:focus {
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 3px #fffc;
}

#subscribe-submit > button {
  width: 100%;
  height: 37px;
  margin-top: 5px;
  font-size: 15px;
  line-height: 17px;
  background: rgba(255, 255, 255, 0.15);
  border: none;
  outline: none;
  color: #e7e7e7;
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6) inset;
  border-radius: 5px;
  transition: all 0.3s ease;
}

#subscribe-submit > button:hover {
  box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.6) inset;
}

/* 電子郵件訂閱結束 */

#search-2 {
  width: calc(100% - 30px);
  height: 42px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  transition: all 0.3s ease;
}

#search-2:hover {
  background: rgba(0, 0, 0, 0.25);
}

#search-2 > form > input {
  width: calc(100% - 62px);
  height: 42px;
  padding: 0 10px;
  float: left;
  font-size: 15px;
  line-height: 17px;
  background-color: transparent;
  border: none;
  outline: none;
  color: #e7e7e7;
  border-radius: 5px;
  transition: all 0.3s ease;
}

#search-2 > form > button {
  width: 42px;
  height: 42px;
  font-size: 1.5em;
  padding: 8px;
  outline: none;
  box-shadow: none;
  color: #e7e7e7;
  margin: 0;
  cursor: pointer;
  border: none;
  border-radius: 0px 5px 5px 0;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

#search-2 > form > button:hover {
  background: rgba(0, 0, 0, 0.25);
}

.footer_widget {
  margin: 15px 15px 25px 15px;
}

.footer_widget h1 {
  font-size: 20px;
  line-height: 28px;
  color: #e7e7e7;
  border-left: 8px #fff solid;
  padding-left: 10px;
  margin: 10px 0;
}

.footer .copyright {
  padding: 15px;
  width: calc(100% - 30px);
  float: left;
  font-size: 14px;
  color: #e7e7e7;
  text-shadow: 0px 0px 1px #ffffff;
  background: rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  display: inline;
  text-align: center;
  margin-top: 100px;
  transition: all 0.3s ease;
}

.footer .copyright:hover {
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

footer .mnyatw {
  max-width: unset;
  width: 90%;
  margin: 10px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .mnyatw-r {
  max-width: unset;
  height: unset;
}

.footer_column {
  width: calc(50% - 20px);
  padding: 10px;
  display: inline;
  color: #e7e7e7;
}

.footer_column a,
.footer_column_right a {
  color: #e4e4e4;
}

.footer_column li,
.footer_column_right li {
  font-size: 15px;
  color: #e4e4e4;
  overflow: inherit;
}

/* Footer 結束 */

/* 社群按鈕開始 */

.social {
  text-align: center;
  margin: 10px 15px;
  display: flow-root;
}

.social a {
  width: 35px;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
  color: #e7e7e7;
  border-radius: 8px 3px;
  line-height: 1;
  float: right;
  padding: 8px 2px;
  margin: 2.5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

.social a:hover {
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.3) inset;
}

.social a:active {
  box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.5) inset;
}

.social .au-fb {
  background: #4862a3;
}

.social .au-fb:hover {
  background: #3e548b;
}

.social .au-x {
  background: #131313;
}

.social .au-x:hover {
  background: #000000;
}

.ion-social-x {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iCiAgIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iCiAgIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IgogICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgdmlld0JveD0iMCAwIDUwMCA0OTkuOTk5OTkiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzYiCiAgIHNvZGlwb2RpOmRvY25hbWU9Ingtc29jaWFsLW1lZGlhLWxvZ28taWNvbi5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4xICg5YzZkNDFlNDEwLCAyMDIyLTA3LTE0KSIKICAgd2lkdGg9IjUwMCIKICAgaGVpZ2h0PSI1MDAiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEwIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3OCIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjEyMTA3MDMiCiAgICAgaW5rc2NhcGU6Y3g9IjIwMy4zNzcwOCIKICAgICBpbmtzY2FwZTpjeT0iMjUwLjIwNzMzIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5OTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii05IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOSIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzYiIC8+CiAgPHBhdGgKICAgICBmaWxsPSIjZmZmZmZmIgogICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICBkPSJtIDM3NC44MTczNyw1My44MjgxNDYgaCA2Ni41NTQ1MiBMIDI5NS45NzI3MywyMjAuMDMwMTkgNDY3LjAyMDgxLDQ0Ni4xNzE4NSBIIDMzMy4wODI2IEwgMjI4LjE4MzY4LDMwOS4wMjc1MSAxMDguMTM4NjIsNDQ2LjE3MTg1IEggNDEuNTQ3MjUzIEwgMTk3LjA2MjI0LDI2OC40MTY3MiAzMi45NzkxODgsNTMuODI4MTQ2IEggMTcwLjMwNzc3IEwgMjY1LjEyNzY5LDE3OS4xOTgyOSBaIE0gMzUxLjQ1MzI2LDQwNi4zMzQ5NCBoIDM2Ljg4ODc1IEwgMTUwLjI3ODc3LDkxLjU4MjkxNCBoIC0zOS41Nzg5NCB6IgogICAgIGlkPSJwYXRoNCIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjEuODQyNTkiIC8+Cjwvc3ZnPgo=)
    no-repeat center center;
  background-size: 18px 18px;
}

.social .au-bs {
  background: #0085f7;
}

.social .au-bs:hover {
  background: #047adf;
}

.ion-social-Bluesky {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjYwMCIKICAgaGVpZ2h0PSI2MDAiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzIwNzUiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkJsdWVza3lfTG9nby5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4xICg5YzZkNDFlNDEwLCAyMDIyLTA3LTE0KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjA3OSIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzIwNzciCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjMDAwMDAwIgogICAgIGJvcmRlcm9wYWNpdHk9IjAuMjUiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMS4wNzgwMDQzIgogICAgIGlua3NjYXBlOmN4PSIxOTkuNDQyNjIiCiAgICAgaW5rc2NhcGU6Y3k9IjMwMS45NDY4NSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTkxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOSIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTkiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyMDc1IiAvPgogIDxwYXRoCiAgICAgZD0iTSAxNDQuMzc1NTMsOTAuNjc0NzQ2IEMgMjA3LjM2ODY2LDEzNy45NjYwMSAyNzUuMTI0OTMsMjMzLjg1MzAxIDMwMC4wMDE2MSwyODUuMzExNTUgMzI0Ljg4MDE5LDIzMy44NTY4IDM5Mi42MzI2NywxMzcuOTY1MDcgNDU1LjYyNzY5LDkwLjY3NDc0NiA1MDEuMDgwMjEsNTYuNTUxMjU2IDU3NC43MjUwMywzMC4xNDg0NCA1NzQuNzI1MDMsMTE0LjE2MzYgYyAwLDE2Ljc3ODk3IC05LjYyMDA1LDE0MC45NTIwNiAtMTUuMjYyMywxNjEuMTExMDggLTE5LjYxMjQxLDcwLjA4NjY4IC05MS4wNzkzNCw4Ny45NjI2NSAtMTU0LjY1MDM0LDc3LjE0MzI4IDExMS4xMjA4OCwxOC45MTIzNCAxMzkuMzg4OTgsODEuNTU2ODYgNzguMzQwNywxNDQuMjAxMzggLTExNS45NDI3NiwxMTguOTc0MTggLTE2Ni42NDM0NCwtMjkuODUxMDcgLTE3OS42NDA3LC02Ny45ODU1MyAtMi4zODE1NywtNi45OTA5NSAtMy40OTYsLTEwLjI2MTM5IC0zLjUxMjM5LC03LjQ4MDQzIC0wLjAxNjUsLTIuNzgxMDUgLTEuMTMwODIsMC40ODk0NyAtMy41MTIzOSw3LjQ4MDQzIC0xMi45OTE1NywzOC4xMzQ0NiAtNjMuNjkxMywxODYuOTYzNSAtMTc5LjY0MDY5LDY3Ljk4NTUzIEMgNTUuNzk3Njg5LDQzMy45NzQ4MiA4NC4wNjQ4MzUsMzcxLjMyNjUxIDE5NS4xODc2MiwzNTIuNDE3OTYgMTMxLjYxNDcyLDM2My4yMzczMyA2MC4xNDY4NDUsMzQ1LjM2MTI2IDQwLjUzNzI3NywyNzUuMjc0NjggMzQuODk0ODM3LDI1NS4xMTM3NyAyNS4yNzQ5NywxMzAuOTQwNjcgMjUuMjc0OTcsMTE0LjE2MzYgYyAwLC04NC4wMTUxNiA3My42NDY3MTgsLTU3LjYxMjM0NCAxMTkuMDk3MzQsLTIzLjQ4ODg1NCB6IgogICAgIGZpbGw9IiMxMTg1ZmUiCiAgICAgaWQ9InBhdGgyMDczIgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC45NDczMjI7ZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4K)
    no-repeat center center;
  background-size: 18px 18px;
}

.social .au-blog {
  background: #997171;
}

.social .au-blog:hover {
  background: #7d5a5a;
}

.social .au-ig {
  background: #c536a4;
}

.social .au-ig:hover {
  background: #9d2b84;
}

.ion-social-Instagram {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNTIsMEgxNjBDNzEuNjQ4LDAsMCw3MS42NDgsMCwxNjB2MTkyYzAsODguMzUyLDcxLjY0OCwxNjAsMTYwLDE2MGgxOTJjODguMzUyLDAsMTYwLTcxLjY0OCwxNjAtMTYwVjE2MCAgICBDNTEyLDcxLjY0OCw0NDAuMzUyLDAsMzUyLDB6IE00NjQsMzUyYzAsNjEuNzYtNTAuMjQsMTEyLTExMiwxMTJIMTYwYy02MS43NiwwLTExMi01MC4yNC0xMTItMTEyVjE2MEM0OCw5OC4yNCw5OC4yNCw0OCwxNjAsNDggICAgaDE5MmM2MS43NiwwLDExMiw1MC4yNCwxMTIsMTEyVjM1MnoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMTI4Yy03MC42ODgsMC0xMjgsNTcuMzEyLTEyOCwxMjhzNTcuMzEyLDEyOCwxMjgsMTI4czEyOC01Ny4zMTIsMTI4LTEyOFMzMjYuNjg4LDEyOCwyNTYsMTI4eiBNMjU2LDMzNiAgICBjLTQ0LjA5NiwwLTgwLTM1LjkwNC04MC04MGMwLTQ0LjEyOCwzNS45MDQtODAsODAtODBzODAsMzUuODcyLDgwLDgwQzMzNiwzMDAuMDk2LDMwMC4wOTYsMzM2LDI1NiwzMzZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSIzOTMuNiIgY3k9IjExOC40IiByPSIxNy4wNTYiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
    no-repeat center center;
  background-size: 18px 18px;
}

.social .au-thd {
  background: #131313;
}

.social .au-thd:hover {
  background: #000000;
}

.ion-social-Threads {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgYXJpYS1sYWJlbD0iVGhyZWFkcyIKICAgdmlld0JveD0iMCAwIDIwMCAyMDAiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2Zzg1NyIKICAgc29kaXBvZGk6ZG9jbmFtZT0iVGhyZWFkc18oYXBwKV9sb2dvLnN2ZyIKICAgd2lkdGg9IjIwMCIKICAgaGVpZ2h0PSIyMDAiCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMi4xICg5YzZkNDFlNDEwLCAyMDIyLTA3LTE0KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzODYxIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3ODU5IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjIuMTA0MTY2NyIKICAgICBpbmtzY2FwZTpjeD0iLTEwLjkzMDY5MyIKICAgICBpbmtzY2FwZTpjeT0iMTA0LjMxNjgzIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5OTEiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii05IgogICAgIGlua3NjYXBlOndpbmRvdy15PSItOSIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2Zzg1NyIgLz4KICA8cGF0aAogICAgIGNsYXNzPSJ4MTlocWN5IgogICAgIGQ9Im0gMTQzLjgzLDkzLjMxMTA3MyBjIC0wLjc4ODkzLC0wLjM3ODE1MiAtMS41OTAyNiwtMC43NDIwOTEgLTIuNDAyMDksLTEuMDkwNTc1IEMgMTQwLjAxNDEzLDY2LjE3MDYyNSAxMjUuNzgsNTEuMjU3MDcyIDEwMS44NzkyMiw1MS4xMDQ0MzcgYyAtMC4xMDgyOCwtNi42OGUtNCAtMC4yMTU5OCwtNi42OGUtNCAtMC4zMjQyNSwtNi42OGUtNCAtMTQuMjk1NzY4LDAgLTI2LjE4NTM0Miw2LjEwMjE0NCAtMzMuNTAzMzE2LDE3LjIwNjEyNiBsIDEzLjE0NDcwOCw5LjAxNjk4OSBjIDUuNDY2ODAxLC04LjI5NDI2NCAxNC4wNDYzOTcsLTEwLjA2MjQ0MSAyMC4zNjQ4OTgsLTEwLjA2MjQ0MSAwLjA3MywwIDAuMTQ2MjUsMCAwLjIxODQ2LDYuNjdlLTQgNy44Njk2NSwwLjA1MDE4IDEzLjgwODEsMi4zMzgyNjggMTcuNjUxNjMsNi44MDAzNTIgMi43OTcwMywzLjI0ODU0MyA0LjY2Nzc2LDcuNzM3NjI0IDUuNTk0MDYsMTMuNDAzMDQyIC02Ljk3NzMxLC0xLjE4NTg3NSAtMTQuNTIzMTksLTEuNTUwNDgyIC0yMi41ODk5MywtMS4wODc5OTkgLTIyLjcyMzc3NywxLjMwODkzOCAtMzcuMzMyNDQyLDE0LjU2MTkyNSAtMzYuMzUxMjg3LDMyLjk3NzM5NSAwLjQ5Nzg3NSw5LjM0MTI0IDUuMTUxNTE2LDE3LjM3NzQ2IDEzLjEwMzExNSwyMi42MjcxNCA2LjcyMjk4NSw0LjQzNzg1IDE1LjM4MTc1OSw2LjYwODEyIDI0LjM4MDgxMiw2LjExNjgzIDExLjg4NDIzLC0wLjY1MTU2IDIxLjIwNzM1LC01LjE4NTc2IDI3LjcxMTQ5LC0xMy40NzY2OSA0LjkzOTY0LC02LjI5NjE4IDguMDYzODksLTE0LjQ1NTQ2IDkuNDQzMzIsLTI0LjczNjM2IDUuNjYzNywzLjQxODA3IDkuODYxMTYsNy45MTYwMiAxMi4xNzkyOSwxMy4zMjMxIDMuOTQxOCw5LjE5MTQ3IDQuMTcxNywyNC4yOTU2MyAtOC4xNTI2LDM2LjYwOTQzIC0xMC43OTc5NCwxMC43ODc0NiAtMjMuNzc3NjIsMTUuNDU0MjYgLTQzLjM5MzU2LDE1LjU5ODMxIEMgNzkuNTk2NzUsMTc1LjI1ODQ0IDYzLjE0MDQ0MywxNjguMjgwMTcgNTIuNDQxMDM4LDE1NC42Nzg1MiA0Mi40MjE5MDcsMTQxLjk0MjExIDM3LjI0Mzk2NywxMjMuNTQ1ODEgMzcuMDUwNzg4LDEwMCAzNy4yNDM5NjcsNzYuNDU0MDA0IDQyLjQyMTkwNyw1OC4wNTc1MTkgNTIuNDQxMDM4LDQ1LjMyMTIwNSA2My4xNDA0NDMsMzEuNzE5NzM4IDc5LjU5NjQ2NCwyNC43NDE1NjcgMTAxLjM1NTc4LDI0LjU3OTg2OSBjIDIxLjkxNzE5LDAuMTYyOTM4IDM4LjY2MDI2LDcuMTc0Njg5IDQ5Ljc2OTIsMjAuODQxNzg4IDUuNDQ3MTUsNi43MDIxODkgOS41NTM5OCwxNS4xMzA2NzYgMTIuMjYxMzQsMjQuOTU3OTY0IGwgMTUuNDAzNywtNC4xMDk3ODQgQyAxNzUuNTA4MzcsNTQuMTczNTM5IDE3MC4zNDQ1NSw0My43NTAwMjEgMTYzLjMxNzYzLDM1LjEwNTQ2MSAxNDkuMDc1ODYsMTcuNTgzNjUgMTI4LjI0Njk1LDguNjA1MzYxMiAxMDEuNDA5NDksOC40MTkxOTY1IGggLTAuMTA3NDIgQyA3NC41MTkxNjcsOC42MDQ3MTQ0IDUzLjkyMzUwMiwxNy42MTcxNTMgNDAuMDg3MzYsMzUuMjA1OTE0IDI3Ljc3NTA4NCw1MC44NTc3NDEgMjEuNDI0MDUsNzIuNjM2MTM0IDIxLjIxMDY0OCw5OS45MzU2MDkgTCAyMS4yMDk5OCwxMDAgbCA2LjY4ZS00LDAuMDY0NCBjIDAuMjEzNDAyLDI3LjI5OTE5IDYuNTY0NDM2LDQ5LjA3ODI1IDE4Ljg3NjcxMiw2NC43Mjk5OCAxMy44MzYxNDIsMTcuNTg4MjggMzQuNDMxODA3LDI2LjYwMTM2IDYxLjIxNDcxLDI2Ljc4NjQzIGggMC4xMDc0MiBjIDIzLjgxMTQ4LC0wLjE2NTAzIDQwLjU5NTU3LC02LjM5OTIxIDU0LjQyMjM3LC0yMC4yMTM2IDE4LjA5MDA3LC0xOC4wNzI5IDE3LjU0NTM1LC00MC43MjY3NSAxMS41ODMwNiwtNTQuNjMzNjcgQyAxNjMuMTM3MzMsMTA2Ljc2MDc2IDE1NC45ODE4Nyw5OC42NjA4MjEgMTQzLjgzLDkzLjMxMTA3MSBaIG0gLTQxLjExMjYzLDM4LjY1MzQ5NyBjIC05Ljk1OTQwOSwwLjU2MDkzIC0yMC4zMDYyMjcsLTMuOTA5MzYgLTIwLjgxNjQwOSwtMTMuNDg0MzIgLTAuMzc4MTUyLC03LjA5OTQyIDUuMDUyMzk5LC0xNS4wMjExNiAyMS40Mjc2MTksLTE1Ljk2NDgzIDEuODc1MzEsLTAuMTA4MTggMy43MTU1MSwtMC4xNjEwMyA1LjUyMzI4LC0wLjE2MTAzIDUuOTQ3OTgsMCAxMS41MTI0NywwLjU3NzgyIDE2LjU3MTM1LDEuNjgzNzUgLTEuODg2OTQsMjMuNTY0ODkgLTEyLjk1NDg3LDI3LjM5MTI1IC0yMi43MDU4NCwyNy45MjY0MyB6IgogICAgIGlkPSJwYXRoODU1IgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC45NTM5Njc7ZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4K)
    no-repeat center center;
  background-size: 18px 18px;
}

.social .au-pl {
  background: #e83f37;
}

.social .au-pl:hover {
  background: #ca3a30;
}

.ion-social-plurk {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDMwIDMwIgogICBoZWlnaHQ9IjMwIgogICB3aWR0aD0iMzAiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlkPSJzdmcyIgogICB2ZXJzaW9uPSIxLjEiCiAgIHNvZGlwb2RpOmRvY25hbWU9IjAwMS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMSByMTUzNzEiPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTUzNiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MDEiCiAgICAgaWQ9Im5hbWVkdmlldzQ0OTgiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjQuMzciCiAgICAgaW5rc2NhcGU6Y3g9Ijc1LjYwNjQwNyIKICAgICBpbmtzY2FwZTpjeT0iMjYuODM3MTI0IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPjxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgICAgaWQ9ImRlZnM2IiAvPjxnCiAgICAgaWQ9Imc0NTE5IgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDMwMzc4OTMsMCwwLDAuMDMwMzc4OTMsLTUuMTkzNzM5MSwzLjM4MzU2NTIpIgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MzIuOTE3NTUyOTU7ZmlsbDojZmZmZmZmIj48cGF0aAogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIGQ9Im0gNDE2Ljk5MTk5LDEzNi45Nzc0IGMgMC43MzQ2NywtMC4yOTMzNCAxLjQ2NTMzLC0wLjU2IDIuMjAyNjcsLTAuODk0NjcgMTEuMzI4LC00LjIyNTMzIDIyLjgyLC01LjU1NiAzNC4wOTA2NiwtMy4zIDU0LjU2OTMzLDEwLjkyMjY3IDgyLjk4NjY3LDk4LjgyIDYzLjQ2OTMzLDE5Ni4zMjkzMyAtMTkuNTE0NjYsOTcuNTA2NjYgLTc5LjU3MDY2LDE2Ny42OTg2NiAtMTM0LjE0MTMzLDE1Ni43NzczMyAtMzguMjU3MzMsLTcuNjU3MzQgLTYzLjU3MDY2LC01My4yMTQ2NyAtNjguNjEzMzMsLTExMy4zMjkzMyAtMC4wMDUsLTAuMDY1MyAtMC4wMTQ3LC0wLjEyOTM0IC0wLjAyLC0wLjE5NDY3IC0wLjAxNzMsMC42NTA2NyAwLjAxMzMsMS4zMTMzMyAwLDEuOTY1MzMgLTAuMTA0LDUuMDI0IC0wLjA5MzMsMTAuMDcwNjcgMCwxNS4xMzczNCAwLjAxODcsMC45MzIgLTAuMDI0LDEuODUyIDAsMi43ODUzMyAwLjAyLDAuNzQ4IDAuMDk0NywxLjQ4MTMzIDAuMTE4NjcsMi4yMjY2NyAwLjE3NzMzLDUuNjM2IDAuNDY5MzMsMTEuMjQgMC44ODgsMTYuODA5MzMgMC4xOTA2NywyLjU0IDAuNDY4LDUuMDUzMzMgMC43MDgsNy41Nzg2NyAwLjI2LDIuNzMzMzMgMC41NTg2Nyw1LjQ1MiAwLjg3Niw4LjE2OCA1LjA2MjY3LDQzLjQ0Mzk5IDE3LjI1NzMzLDg0LjYyNzk5IDM1LjU0OTMzLDEyMi4yNzk5OSAyLjMwNCw0LjczODY3IDEuMTMwNjcsMTAuNDA0IC0yLjk1ODY3LDEzLjcyNjY3IGwgLTEwLjQ4OCw4LjUyNTMzIGMgLTkuNTI1MzMsNy43NDI2NyAtMTMuNzA5MzMsMTkuNjIyNjcgLTEyLjI3NDY2LDMxLjAyNTMzIDAuMjQ1MzMsMS45MzQ2NyAwLjY4NCwzLjg0OCAxLjI2NCw1LjcyOCAwLjA2NjcsMC4yMTMzNCAwLjE0MjY3LDAuNDIyNjcgMC4yMTIsMC42MzYgMC42MDUzMywxLjgzNDY3IDEuMzM2LDMuNjQgMi4yNDY2Nyw1LjM4MjY3IGwgMS45MTQ2NiwtMS40NTg2NyA4LjY3NzMzLC02LjYwOCBjIDQuMzUwNjcsLTMuMzEzMzMgMTAuNTY0LC0yLjQ3MzMzIDEzLjg3NzM0LDEuODc3MzQgMy4zMTQ2Niw0LjM1MDY2IDIuNDczMzMsMTAuNTY0IC0xLjg3NzM0LDEzLjg3NzMzIGwgLTkuMjkyLDcuMDc3MzMgLTEuMzkwNjYsMS4wNTg2NyA0NC41NjI2Niw1NC44MjQgYyAxMS45MTczNCwxNC42NjI2NyAzMy42NjUzNCwxNi45MDkzMyA0OC4zMjgsNC45OTA2NyBsIDkuNzU3MzQsLTcuOTMwNjcgYyA0LjEzODY2LC0zLjM2MjY3IDEwLjAwMTMzLC0zLjMxNDY3IDE0LjE3ODY2LC0xMGUtNCA2Ny43NzMzMyw1My43NTQ2NiAxNTQuMDEzMzMsODUuMDAxMzMgMjQ3LjI0OTMzLDgyLjU5NDY2IDc4Ljc4NCwtMi4wMzQ2NyAxNTEuMzIyNjYsLTI3LjgzNiAyMTEuMDk0NjYsLTcwLjI2MjY2IDQuNDM2LC0zLjE0OCAxMC40MiwtMi44MDkzNCAxNC4zNjUzMywwLjkzNzMzIGwgNi4yMDUzNCw1Ljg5MzMzIGMgMTEuNzYxMzMsMTEuMTcwNjcgMjkuNTAyNjYsMTIuMjY0IDQyLjUzMDY2LDMuNyAwLjcwMjY3LC0wLjQ2MTMzIDEuNDI4LC0wLjk2OTMzIDIuMTA2NjcsLTEuNDc3MzMgbCAtMC4xNDI2NywtMC4xMzQ2NyAtNy45NDQsLTcuNDcwNjYgYyAtMy45ODkzMywtMy43NDEzNCAtNC4xOTA2NiwtMTAuMDA2NjcgLTAuNDQ5MzMsLTEzLjk5NzM0IDMuNzQsLTMuOTg4IDEwLjAwOCwtNC4xOTA2NiAxMy45OTYsLTAuNDQ5MzMgbCA4LjUyMTMzLDcuOTg5MzMgNDcuNzEzMzYsLTUwLjI0MTMzIGMgMTMuMDEwNiwtMTMuNzAxMzMgMTIuNDQ1MywtMzUuNTU4NjcgLTEuMjU2LC00OC41NzA2NyBsIC05Ljk1MzQsLTkuNDUzMzMgYyAtMy43NTA2LC0zLjU2MTMzIC00LjUzNDYsLTkuMTYyNjYgLTIuMDI2NiwtMTMuNjg2NjYgMzUuNTEwNiwtNjQuMDY2NjcgNTMuMTc2LC0xMzkuMjQxMzMgNDYuMjg4LC0yMTguNjkwNjcgLTAuOTk0NywtMTEuNDg0IC0yLjUyNTQsLTIyLjgyIC00LjUzMDcsLTMzLjk5NzMzIDExLjQyNjcsLTEwLjUxMiAzMi4zMTg3LC0zMS4xOTg2NiA0MC40OTMzLC00OC45MzA2NiA4Ljc3NiwtMTkuMDM0NjcgMTAuOTczNCwtMzguNjQ2NjcgLTEyLjIxMDYsLTMwLjAxNDY3IC0xOC4wNCw2LjcxODY3IC0zMS45MTg3LDExLjAzMDY3IC00OC43MTYsNy4yMDggQyA5OTguNTAzOTgsMTA2Ljg4NDA2IDg2OC41NzU5OCw4LjM2MDA2NiA3MTYuODgyNjUsMC41MjUzOTk1MSA1ODguNzE4NjUsLTYuMDk1OTMzNyA0NzQuMzU3MzIsNTAuMTI1Mzk4IDQwMC40NDUzMiwxNDAuNDEzNCBjIC0zLjM3Miw0LjExODY2IC02LjcyOTMzLDguMjUwNjYgLTkuOTI5MzMsMTIuNTA4IC0wLjI2LDAuMzQ2NjYgLTAuNTQ5MzMsMC42NzIgLTAuODA4LDEuMDE4NjYgMC4wNDI3LC0wLjAzNzMgMC4wODgsLTAuMDY2NyAwLjEzMiwtMC4xMDQgOC43NzIsLTcuNDQ4IDE3Ljg5ODY3LC0xMy4wODUzMyAyNy4xNTIsLTE2Ljg1ODY2IgogICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6NC4zODkwMDcwOSIKICAgICAgIGlkPSJwYXRoMTQiIC8+PHBhdGgKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBkPSJtIDM3OC40MzQ2NiwyMjIuNzU4NzMgYyAxMC4xODQsLTguNjcyIDIxLjMwNjY2LC0xMi44MDI2NyAzMi4wMjUzMywtMTAuNjU2IDI3LjQ4NCw1LjUgNDEuNzk4NjcsNDkuNzc0NjYgMzEuOTY5MzMsOTguODg5MzMgLTkuODMwNjYsNDkuMTE0NjYgLTQwLjA4MTMzLDg0LjQ2OTMzIC02Ny41NjkzMyw3OC45NjggLTE4LjY3NzMzLC0zLjczNzM0IC0zMS4xNDQsLTI1LjQ4MTM0IC0zNC4yMTA2NywtNTQuMzg2NjcgNi44NTczNCwyLjY2MjY3IDEzLjk3MDY3LDQuMzczMzMgMjEuMTU2LDQuNyAxOS45NDQsMC45MDY2NyAzMi45OTMzNCwtNS44MTA2NyA0My4xNTIsLTE5LjQ0MjY3IDEzLjExNzM0LC0xNy42MDEzMyAzLjE5MzM0LC02Ni4zNzQ2NiAtMTQuMTMwNjYsLTcyLjY4OTMzIC0xMy40ODY2NywtNC45MTczMyAtMjEuNDY2NjcsMC45NjggLTMzLjQ0OTM0LDEuODY2NjcgNi4wNTg2NywtMTEuMjggMTMuMjcyLC0yMC42MiAyMS4wNTczNCwtMjcuMjQ5MzMgeiBtIC05NC44OTQ2Nyw5My4yMTA2NiBjIDYuNzEwNjcsLTQuNzA0IDExLjYwNTM0LC0xMC45NDEzMyAxNC45NTMzNCwtMTcuODI0IDcuMDY2NjYsMTIuOTg4IDE3LjU1NzMzLDIzLjcyMjY3IDI5LjYxODY2LDMxLjE2NjY3IC0wLjE4LDcuNzc3MzMgLTAuMDkyLDE1LjQxODY2IDAuNTE0NjcsMjIuNzE3MzMgMy44NjkzMyw0Ni41NiAyMy40NTQ2Niw4MS44NTQ2NyA1My4wNzA2Niw4Ny43ODEzMyA0Mi4xOTQ2Nyw4LjQ0NTMzIDg4LjYzMiwtNDUuODI5MzMgMTAzLjcyMjY3LC0xMjEuMjI1MzMgMTUuMDkwNjYsLTc1LjM5NiAtNi44ODI2NywtMTQzLjM2MjY2IC00OS4wNzczMywtMTUxLjgwNzk5IC0xNi40NTIsLTMuMjkyIC0zMy41MjY2NywzLjA0NjY2IC00OS4xNiwxNi4zNTk5OSAtMTcuMDMzMzQsMTQuNTA1MzQgLTMyLjIzMzM0LDM3LjQ3ODY3IC00My4wNjUzNCw2NS41NTA2NyAtMC40NCwtMC4xMTIgLTAuODA0LC0wLjEyIC0xLjI1NDY2LC0wLjI0OTMzIC01LjMxNDY3LC0xLjUyMjY3IC04LjE1NzM0LC00Ljk4NTM0IC0xMS44MjgsLTUuNzcyIDE0LjU4MTMzLC0xNS43NjUzNCAxNi43ODI2NiwtNDAuMDU4NjcgMy45NTYsLTU4LjM2IC0xNC43Nzg2NywtMjEuMDg1MzMgLTQzLjg1MiwtMjYuMiAtNjQuOTM3MzMsLTExLjQyMTMzIC0xOC45OTMzNCwxMy4zMTE5OSAtMjQuODc3MzQsMzguMTczMzMgLTE1LjA4NjY3LDU4LjM5NzMzIC04LjY1NDY3LDAuMzI5MzMgLTE3LjMyMjY3LDIuOTg4IC0yNC45NDI2Nyw4LjMyOCAtMjEuMDg2NjYsMTQuNzc4NjYgLTI2LjIsNDMuODUyIC0xMS40MjI2Niw2NC45MzczMyAxNC43Nzg2NiwyMS4wODUzMyA0My44NTIsMjYuMiA2NC45Mzg2NiwxMS40MjEzMyIKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjQuMzg5MDA3MDkiCiAgICAgICBpZD0icGF0aDE2IiAvPjwvZz48L3N2Zz4=)
    no-repeat center center;
  background-size: 20px 20px;
}

.social .au-tg {
  background: #238fbe;
}

.social .au-tg:hover {
  background: #2c799b;
}

.ion-social-telegram {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDI0MCAyNDAiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzM3ODMiCiAgIHNvZGlwb2RpOmRvY25hbWU9IuS4i+i8iS5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMSByMTUzNzEiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTM3ODciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTUzNiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MDEiCiAgICAgaWQ9Im5hbWVkdmlldzM3ODUiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuOTgzMzMzMzMiCiAgICAgaW5rc2NhcGU6Y3g9Ii0yNzQuMDY3OCIKICAgICBpbmtzY2FwZTpjeT0iMTIwIgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmczNzgzIiAvPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMzNzczIj4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICAgaWQ9ImIiCiAgICAgICB4MT0iMTYwLjAwOCIKICAgICAgIHkxPSI0MC4wMDgwMDEiCiAgICAgICB4Mj0iMTAwLjAwOCIKICAgICAgIHkyPSIxODAiCiAgICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgICAgIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDMyLjIwMzM5LC0xNS4yNTQyMzcpIj4KICAgICAgPHN0b3AKICAgICAgICAgc3RvcC1jb2xvcj0iIzM3YWVlMiIKICAgICAgICAgb2Zmc2V0PSIwIgogICAgICAgICBpZD0ic3RvcDM3NjMiIC8+CiAgICAgIDxzdG9wCiAgICAgICAgIHN0b3AtY29sb3I9IiMxZTk2YzgiCiAgICAgICAgIG9mZnNldD0iMSIKICAgICAgICAgaWQ9InN0b3AzNzY1IiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICAgaWQ9InciCiAgICAgICB4MT0iMTIzLjY0MTE5IgogICAgICAgeTE9IjEzMS4wMjc2NCIKICAgICAgIHgyPSIxNDYuNTI3MTUiCiAgICAgICB5Mj0iMTc0LjcwODE0IgogICAgICAgZ3JhZGllbnRUcmFuc2Zvcm09InNjYWxlKDEuMDkxOTA4MSwwLjkxNTgyNzk4KSIKICAgICAgIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3AKICAgICAgICAgc3RvcC1jb2xvcj0iI2VmZjdmYyIKICAgICAgICAgb2Zmc2V0PSIwIgogICAgICAgICBpZD0ic3RvcDM3NjgiIC8+CiAgICAgIDxzdG9wCiAgICAgICAgIHN0b3AtY29sb3I9IiNmZmYiCiAgICAgICAgIG9mZnNldD0iMSIKICAgICAgICAgaWQ9InN0b3AzNzcwIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGcKICAgICBpZD0iZzM3OTIiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4xNjY5NDUzLDAsMCwxLjE2Njk0NTMsLTEzLjIyNDQ2NywtMjguMDkxMjUxKSIKICAgICBzdHlsZT0ic3Ryb2tlLXdpZHRoOjEuNDU0MTIwNzYiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzc3NyIKICAgICAgIGQ9Im0gOTgsMTc1IGMgLTMuODg3NiwwIC0zLjIyNywtMS40Njc5IC00LjU2NzgsLTUuMTY5NSBMIDgyLDEzMi4yMDU5IDE3MCw4MCIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojYzhkYWVhO3N0cm9rZS13aWR0aDoxLjQ1NDEyMDc2IiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzc3OSIKICAgICAgIGQ9Im0gOTgsMTc1IGMgMywwIDQuMzI1NSwtMS4zNzIgNiwtMyBsIDE2LC0xNS41NTggLTE5Ljk1OCwtMTIuMDM1IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHN0eWxlPSJmaWxsOiNhOWM5ZGQ7c3Ryb2tlLXdpZHRoOjEuNDU0MTIwNzYiIC8+CiAgICA8cGF0aAogICAgICAgaWQ9InBhdGgzNzgxIgogICAgICAgZD0ibSAxMDAuMDQsMTQ0LjQxIDQ4LjM2LDM1LjcyOSBjIDUuNTE4NSwzLjA0NDkgOS41MDE0LDEuNDY4NCAxMC44NzYsLTUuMTIzNSBsIDE5LjY4NSwtOTIuNzYzIGMgMi4wMTU0LC04LjA4MDIgLTMuMDgwMSwtMTEuNzQ1IC04LjM1OTQsLTkuMzQ4MiBsIC0xMTUuNTksNDQuNTcxIGMgLTcuODkwMSwzLjE2NDcgLTcuODQ0MSw3LjU2NjYgLTEuNDM4Miw5LjUyOCBsIDI5LjY2Myw5LjI1ODMgNjguNjczLC00My4zMjUgYyAzLjI0MTksLTEuOTY1OSA2LjIxNzMsLTAuOTA4OTkgMy43NzUyLDEuMjU4NCIKICAgICAgIHN0eWxlPSJmaWxsOnVybCgjdyk7c3Ryb2tlLXdpZHRoOjEuNDU0MTIwNzYiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==)
    no-repeat center center;
  background-size: 25px 25px;
}

.social .au-ba {
  background: #117e96;
}

.social .au-ba:hover {
  background: #326975;
}

.ion-social-bahamut {
  padding: 10px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iQ2FwYV8xIgogICB4PSIwcHgiCiAgIHk9IjBweCIKICAgdmlld0JveD0iMCAwIDQ1NS43MyA0NTUuNzMxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICB3aWR0aD0iMTAwJSIKICAgaGVpZ2h0PSIxMDAlIgogICBzb2RpcG9kaTpkb2NuYW1lPSJpbWctcGx1cmsuc3ZnIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhNDciPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnM0NSI+CgkKCQo8L2RlZnM+PHNvZGlwb2RpOm5hbWVkdmlldwogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxIgogICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNTM2IgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MDEiCiAgIGlkPSJuYW1lZHZpZXc0MyIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIwLjUxNzg0OTM1IgogICBpbmtzY2FwZTpjeD0iLTM1OC4yMTIyOSIKICAgaW5rc2NhcGU6Y3k9IjIyNy44NjU1IgogICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgIGlua3NjYXBlOndpbmRvdy15PSItOCIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iQ2FwYV8xIiAvPgoKPGcKICAgaWQ9ImcxMyI+CjwvZz4KPGcKICAgaWQ9ImcxNSI+CjwvZz4KPGcKICAgaWQ9ImcxNyI+CjwvZz4KPGcKICAgaWQ9ImcxOSI+CjwvZz4KPGcKICAgaWQ9ImcyMSI+CjwvZz4KPGcKICAgaWQ9ImcyMyI+CjwvZz4KPGcKICAgaWQ9ImcyNSI+CjwvZz4KPGcKICAgaWQ9ImcyNyI+CjwvZz4KPGcKICAgaWQ9ImcyOSI+CjwvZz4KPGcKICAgaWQ9ImczMSI+CjwvZz4KPGcKICAgaWQ9ImczMyI+CjwvZz4KPGcKICAgaWQ9ImczNSI+CjwvZz4KPGcKICAgaWQ9ImczNyI+CjwvZz4KPGcKICAgaWQ9ImczOSI+CjwvZz4KPGcKICAgaWQ9Imc0MSI+CjwvZz4KPGcKICAgaWQ9Imc0MDg3IgogICB0cmFuc2Zvcm09Im1hdHJpeCg4Ljc0OTM1NzcsMCwwLDguNzQ5MzU3NywtMTkxMC40MzQzLC0zNDU1LjE1MTUpIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIj48ZwogICAgIGlkPSJnNDA4OSIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmIj48cGF0aAogICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBpZD0icGF0aDQwOTEiCiAgICAgICBkPSJtIDI1NS44NTMsNDE4LjM3NiAtMC4xMzYsMS41ODYgYyAtMC4yNDQsMC4wNzQgLTAuNTE3LDAuODM0IC0wLjUxNywwLjgzNCBsIC0yLjQxNywzIGMgMC44MzQsMC4xNDMgMS40MTksLTAuMTExIDEuNDE5LC0wLjExMSAtMC40NTcsLTAuODQ4IDAuNjM2LC0xLjQxMiAwLjYzNiwtMS40MTIgbCAxLjE3MywtMC4wNjggYyAxLjQ5MiwtMC42NSAyLjA5NCwtMS45OTQgMi4wOTQsLTEuOTk0IDAuMjksLTEuMDQ5IDAuMDgxLC0xLjcwNSAwLjA0MiwtMS43OTkgbCAtMi4yOTQsLTAuMDM2IHoiIC8+PHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgaWQ9InBhdGg0MDkzIgogICAgICAgZD0ibSAyNjQuOTA3LDQxNi40MzUgLTAuOTQ5LC0wLjc3NyAtMS45NTYsMC4yMzQgYyAtMC4xOSwwLjIzMiAtMC44NDYsMC41NDMgLTAuODQ2LDAuNTQzIC0wLjI5MiwwLjIwNSAtMC4zNjcsLTAuMjUgLTAuMzY3LC0wLjI1IGwgLTAuMzk5LC0wLjM0IC0wLjI3OCwxLjYyOSAxLjQzMiwtMC4wMjEgMC40NTksLTAuNzA3IDAuNjMzLC0wLjMzMiBjIDAuMDk0LC0wLjA0NyAwLjMyOCwtMC4yMjkgMC40MzIsLTAuMTg5IGggMC44NTQgbCAwLjA2OCwwLjY4IDAuMzUyLC0wLjM3MyAtMC4wOTMsLTAuMDUzIGMgMC4zMTgsMC4xMTUgMC4zMTgsMC44MDcgMC4zMTgsMC44MDcgbCAwLjM0LC0wLjg1MSB6IiAvPjxwYXRoCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmIgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIGlkPSJwYXRoNDA5NSIKICAgICAgIGQ9Im0gMjU5LjM2NSw0MTUuNjUzIC0wLjk3MSwtMC41NjQgYyAwLDAgLTAuNzkzLC0wLjgyMiAtMC43NDcsLTEuNTAyIGwgMi41MzEsLTUuNTkgMC4wODMsLTAuMDc4IDAuMTI2LDAuMDI1IDAuMjE2LDAuMTMzIGMgMC4xMTYsMC4xODggMC4zMDEsMC40NzkgMC40NDMsMC42IDAuMDgxLDAuMjQyIDAuMTg5LDAuNTQ5IDAuMzI3LDAuNzYgMCwwIC0wLjIxOCwtMC44MDcgLTAuMDgxLC0xLjI2NiAtMC40NjMsLTAuMjUyIC0wLjc2MywtMS4xNSAtMC43NjMsLTEuMTUgbCAtMC40MDEsMC4xNzYgYyAtMC4xNTgsLTAuMDA2IC0wLjM0OCwtMC4wMjkgLTAuNDM5LC0wLjA0OSAtMC4yOTUsLTAuMTQzIC0wLjU2NywtMC4yNjYgLTAuNzEzLC0wLjMyNiAtMS4xNTcsLTAuNTg2IC00LjYwMywtMi4yMDUgLTguOTc4LC0yLjk1OSAtNS40MjEsLTAuOTU5IC0xOS4wMTcsLTEuMTAyIC0yMi4yMzMsLTAuNjExIC0zLjIzMiwwLjQ5IC0xLjkyMSwwLjQwNCAtMS45MjEsMC40MDQgMCwwIDEyLjEzNiwxLjQ0MSAxNy44OTksNS42MzkgbCAxMi42NTEsNy41OTggMi45NzEsLTEuMjQgeiIgLz48L2c+PHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmIgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgaWQ9InBhdGg0MDk3IgogICAgIGQ9Im0gMjY1LjE5NSw0MTIuNDQgYyAwLDAgLTAuMTgzLC0wLjc4OSAtMC40NDEsLTAuNjc0IC0wLjE1OCwwLjA1OSAtMC42NywtMC4xMzkgLTEuMDg2LC0wLjMyIGwgLTAuNTQ3LC0wLjI1OCAtMS43NTgsMC4wMiBjIC0wLjE4LC0wLjAyIC0xLjEzOSwtMC4wMTIgLTEuNzgyLDAuMjM0IDAsMCAxLjA1NSwtMC4xMDUgMi4yNjQsMC4yNjIgMC4wNjIsMC4wMiAwLjEwOSwwLjAzNyAwLjE0NiwwLjA0MyAtMC4zNjcsMC4xMzEgLTIuNTEsMC41NDcgLTIuODE1LDAuNTQ3IC0wLjQ1OSwwLjAxOCAxLjQ2MSwwLjE1NCAyLjUwNSwwLjEwMiBsIC0wLjY5MSwwLjY1NiBjIC0wLjA4NCwwLjA2MSAtMS4xNzYsMC41NTEgLTEuMzY1LDAuNzAzIC0wLjI1OCwwLjEgMC43MDcsLTAuMDg4IDAuNzA3LC0wLjA4OCAtMC4yMDYsMC4xMTUgLTAuODUsMC4zNzcgLTEuMDkyLDAuMzg5IDAsMCAwLjIyMSwwLjI3MyAwLjQ3OSwwLjMxOCAtMC4zNzQsMC4xMDUgLTEuMDAyLDAuMjUyIC0xLjE3MSwwLjIyMSAwLDAgMC4zMDMsMC4wODQgMC41MjEsMC4xODkgLTAuNjQ2LDAuMDg0IC0xLjE0NiwwLjI0OCAtMS4xNDYsMC4yNDggbCAwLjU2NywwLjMyNiAtMC42NDQsMC4yNyBjIC0xLjI1MywtMC43MjcgLTEuMjE4LC0xLjY4MiAtMS4yMTgsLTEuNjgyIGwgMS45ODIsLTUuMjAxIGMgMC4wNywtMC4wMTQgMC4xNDcsLTAuMDQxIDAuMjI4LC0wLjA0MSBsIDAuMjUyLDAuMTY0IGMgMC4wMzIsMC4wODQgMC4wNzYsMC4xNTYgMC4xNjgsMC4yMzYgMC4xMzcsMC44MDcgMC45MDgsMS41MzkgMC42OTIsMS4yNCAtMC4xMjMsLTAuMTg5IC0wLjIzMiwtMC41ODYgLTAuMzEzLC0wLjkzNCBsIC0wLjA5NSwtMC43OTcgLTAuOTIxLC0wLjk5MiAtMC42NTQsMC4yNDggYyAwLDAgLTguMzM5LC0yLjEyNyAtOS4zMjMsLTIuMTI3IC0xLjU2NCwtMC40NzUgLTIyLjM5MSwxLjY2IC0yMi4zOTEsMS42NiBsIC0yLjY1OCwwLjY2IGMgMS4wMjgsLTAuMTQ1IDIuMzAzLC0wLjE5MyAzLjcxMywtMC4yMDkgMC44MjcsMC4wNjQgMS44NDYsMC4xMjcgMi45NTgsMC4yMjMgbCAzLjM3NSwwLjU5IGMgMTMuNDQ3LDIuMzQ0IDUuMTM3LDggNS4xMzcsOCBsIC0wLjYyMSwwLjU0MyBjIDQuNTI4LC0yLjcyMSA3Ljk2LC0yLjcyMSA3Ljk2LC0yLjcyMSAzLjU1NCwwLjIxNSAxLjA3Nyw0Ljk1MSAxLjA3Nyw0Ljk1MSAyLjgwNiwtMi44NjMgNS43MzIsLTMuMjM4IDcuMzUyLC0zLjIwMyAwLjM5NiwwLjA0NyAwLjc4LDAuMTc2IDEuMTEyLDAuMzM0IC0wLjA4OSwwLjEwNSAtMC42NDYsMC42OTkgLTAuNzQzLDAuODA1IGwgLTIuNDc5LDAuNTQ1IGMgLTAuMTk1LDAuMTYyIDEuNjQ0LC0wLjAxNiAxLjQzNiwwLjE0MyAtMC4yNTYsMC4yMDkgMC4xMDQsMC4xMDUgLTAuMTYxLDAuMjg1IC0wLjIzLDAuMTQzIC0yLjAxMywwLjI3OSAtMi4yNDUsMC40MTYgLTAuMjA5LDAuMTE3IDEuMjgxLDAuMjA3IDEuMDUzLDAuMzI4IC0wLjIzLDAuMTA1IC0wLjE1NiwwLjA5NCAtMC4xNDEsMC4wOTQgLTAuMDEsMCAtMC4wNTYsMC4wMTIgLTAuMTY4LDAuMDM5IC0wLjIzNiwwLjA5MiAtMi43MjUsMC4xMzEgLTIuOTUzLDAuMTg5IC0wLjIwNiwwLjA1NyAxLjIxNiwwLjQ2MyAxLjAxMiwwLjUwNiAtMi4yODgsMC41MzUgLTIuNDgzLDEuMjU0IC01LjcyLDAuMjY4IC0wLjI2LC0wLjAxOCAtMS41OTUsLTEuMTY0IC0xLjgxNSwtMS4xODYgLTAuMjExLC0wLjAxIDAuNjg2LDEuMTE1IDAuNTA4LDEuMDk4IC0wLjE3MiwtMC4wMTggLTIuMjM4LC0wLjk5MiAtMi4zOCwtMS4wMDggLTAuNTE3LC0wLjA1NyAxLjA5MywwLjg4MSAxLjA5MywwLjg4MSAtMC4zNTgsLTAuMDk2IC0wLjU1LC0wLjIwMSAtMC44ODIsLTAuMjIzIC0wLjI1MywtMC4wNTEgLTIuMTg4LC0wLjc1OCAtMi40MzcsLTAuNzc5IC0wLjExMSwtMC4wMzEgMS4xMzYsMC43MTkgMS4wMjMsMC43MDcgLTAuNDg1LC0wLjAzNSAtMC43NzUsLTAuMDc2IC0xLjIxMywtMC4wNzYgLTAuMjg5LDAuMDIzIC0yLjIxMiwtMC40OTQgLTIuNDUxLC0wLjQ3MSAtMC4yNjYsMC4wMDIgMS4xNDYsMC41NTEgMC45MzIsMC41ODIgLTEuMTY1LDAuMTM5IC0xLjg3MywwLjM2MyAtMS44NzMsMC4zNjMgLTEuNTQ3LDAuNTUxIC0wLjM0NywwLjMzOCAtMC4zNDcsMC4zMzggNS4xNjMsLTAuODkxIDYuOTc3LDAuMzkxIDkuMzc2LDEuMTM5IDUuMzkyLDEuNjY4IDEwLjgzMiwtMS42NzYgMTAuODMyLC0xLjY3NiBsIC0wLjM1NCwwLjY5MSBjIDAuMSwwLjcwMSAtMC42NjEsMS4zNzEgLTAuNjYxLDEuMzcxIGwgLTAuNDY4LDAuMDYzIC0wLjM0NCwtMC4yNyAtMC40MjIsMC40MTggLTAuMTQ4LDAuNzQ0IGMgLTAuMDI3LDAuMSAtMC4xMTMsMC40OSAtMC4yMDMsMC44NzUgLTAuNzE4LDAuMjg1IC0xLjQxNywwLjcxMSAtMi4wNDcsMS4yMzQgLTMuMzIyLDIuNzk5IC0zLjc2LDcuNzYyIC0wLjk2NSwxMS4xIDIuODAxLDMuMzMgNy43NzEsMy43NzEgMTEuMTA1LDAuOTcxIDAuMDM3LC0wLjA0MyAwLjA2OSwtMC4wNjggMC4xMDEsLTAuMTAyIC0yLjc1OCwxLjcxMSAtNi41MjgsMS4wOTggLTguNzg1LC0xLjYwNyAtMi40NjEsLTIuOTIyIC0yLjIwNCwtNy4yMDMgMC41OTEsLTkuNTUzIDIuNzc5LC0yLjMyOCA3LjA1MSwtMS44NTQgOS41MTgsMS4wOSAwLjMyMiwwLjM4MSAwLjU5MiwwLjgwMSAwLjgxOCwxLjIyMyAtMC4yOTYsLTAuNzcgLTAuNzIzLC0xLjQ3NyAtMS4yNzYsLTIuMTU2IC0yLjA3MywtMi40NjkgLTUuMzMxLC0zLjMzOCAtOC4yMzcsLTIuNDk0IDAuMTkzLC0wLjQ3MSAwLjU3MywtMC44MzYgMC41NzMsLTAuODM2IDAuMzY5LDAuMDA0IDAuMTcxLC0wLjEwOSAwLjgxMywtMC4zNjcgMC4xMzIsLTAuMjI3IDEuMTE4LC0wLjM3NSAxLjExOCwtMC4zNzUgMC43MjgsLTAuMTU0IDEuMzgyLC0wLjcxNyAxLjgxMywtMS40NTUgMC40MTMsLTAuNzI5IDAuMjc2LC0xLjQxIDAuMjc2LC0xLjQxIGwgMi4xMTQsLTEuNTQzIGMgMC43MDEsLTAuMDMxIDAuNzcsLTAuMDUzIDAuNzcsLTAuMDUzIGwgMC41NDIsMC4wODQgMi4yNywtMC44MTQgLTAuMTExLDAuNzQ2IDAuNTY5LC0wLjQyIGMgMC4wNDIsMC4wNDkgMC4yLDAuMTc4IDAuMDkyLDAuNTIzIC0wLjA1LDAuMTYgMC40MTUsLTAuMzA5IDAuNDE1LC0wLjMwOSBsIDAuMzc5LC0wLjQ2NSAtMS4xNTIsLTAuNzk1IC0xLjg2MywwLjQ0MSBjIC0wLjEzOCwtMC4wNzIgLTAuNTU1LDAuNDAyIC0wLjEwNSwtMC4wNjMgMC4yMTEsLTAuMjM0IDAuNTc2LC0xLjE1NCAwLjU3NiwtMS4xNTQgbCAwLjA3LC0xLjExNSAwLjU5OCwtMC43ODkgMC4zMjMsLTAuMTIxIGMgMC4xMjcsMC4wNTcgMC4zMDQsMC4wNzQgMC40NzksMC4wNzQgMC4xMTksMC4wNDEgMC4yOTUsMC4wNzYgMC4zOCwwLjE3MiBsIDAuMTQzLDAuMDggMC40NDIsLTAuMzQyIGMgMCwwIC0wLjEwNSwwLjAxNiAtMC4yNjksMC4wMTYgMCwtMC4wMTYgMC4wMjUsLTAuMDE2IDAuMDI1LC0wLjAxNiAtMC4wMjEsMCAtMC4wMjUsMCAtMC4wNTMsMC4wMTYgLTAuMDMzLC0wLjAxNiAtMC4wODQsLTAuMDE2IC0wLjEzNywtMC4wMTYgbCAwLjAxMSwtMC4wNzIgLTAuMTM2LDAuMDI5IGMgLTAuMjM1LC0wLjEzMSAtMC41MiwtMC41MTIgLTAuNTIsLTAuNTEyIGwgMC4zNzYsLTAuNDEgMC40ODUsLTAuMDA4IGMgMC4wMjUsMC4wMDggMC4xNzksMC4wMTggMC4yMDUsMC4wMTggbCAwLjE4MiwwLjIzMiAwLjA0NSwtMC4xMzcgYyAwLjI2OCwwLjA1NyAwLjI0MywwLjI2NiAwLjI0MywwLjI2NiBsIDAuMDc2LC0wLjEzNSB6IG0gLTEuNjY2LC0wLjU0MSAtMC41MDMsMC4wODQgLTAuNDk3LC0wLjQxIDEuMDcsMC4yMjEgLTAuMDcsMC4xMDUgeiIgLz48L2c+PC9zdmc+)
    no-repeat center center;
  background-size: 25px 25px;
}

/* 社群按鈕結束 */

/* 分類按鈕開始 */

.cat-item {
  display: inline-block;
  margin: 2px 0px;
  background: #333;
  padding: 6px 10px;
  border-radius: 5px;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

.cat-item:hover {
  color: #e7e7e7;
  background: var(--mnya-cat-item-hover-bg);
}

.cat-item:hover a {
  color: #e7e7e7;
  text-decoration: none;
}

.cat-item a {
  color: #e7e7e7;
}

/* 分類按鈕結束 */

.article-content {
  padding: 8px;
}

p {
  margin: 15px 0;
  line-height: 32px;
  font-size: 18px;
}

.article-header {
  background: rgba(102, 102, 102, 0.2);
  padding: 10px 15px;
  color: #212121;
  border-radius: 5px 5px 0 0;
  margin-bottom: 10px;
}

.article-title {
  border-left: 10px #000c solid;
  padding-left: 12px;
  margin: 8px 0;
}

.article-title a {
  color: #333;
}

.article-meta span a:hover {
  text-decoration: underline;
}

.tags {
  display: inline-block;
  font-size: 15px;
  margin: 3px 0;
  margin-right: 15px;
  line-height: 1.3;
}

.tags a {
  color: #222;
  border-bottom: 2px solid #afb7af;
  padding-bottom: 2px;
  line-height: 28px;
  text-shadow: none;
}

.tags a:hover {
  color: #000;
  border-bottom: 2px solid #000;
}

.tags i {
  margin-right: 2px;
}

.article-foometa {
  width: 100%;
  float: left;
  margin-right: 22.22222%;
  display: inline;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.article-foometa p {
  margin: 5px 0;
}

.article-foometa .article-cat {
  font-size: 1em;
}

.article-foometa .fb-like {
  margin-top: 8px;
}

.more-link {
  display: none;
}

.wp-pagenavi {
  width: calc(100% - 40px);
  float: left;
  display: inline;
  margin: 0 5px;
  padding: 10px 15px;
  line-height: 40px;
}

.pages {
  font-size: 14px;
  margin-right: 13px;
}

.page-numbers {
  padding: 9px 15px;
  border-radius: 5px;
  color: #e7e7e7;
  background: #464b51;
  text-decoration: none;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  -ms-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}

.page-numbers:hover {
  color: #e7e7e7;
  background: var(--mnya-page-num-hover-bg);
  text-decoration: none;
}

.page-numbers.current {
  color: #e7e7e7;
  background: var(--mnya-page-num-current-bg);
}

.link_pages {
  color: #333;
  font-size: 20px;
  line-height: 1.8;
}

.link_pages a {
  color: #ec6b55;
  padding: 5px 12px;
  font-weight: bold;
}

.link_pages a:hover {
  background: #ec6b55;
  color: white;
}

#jp-relatedposts {
  padding: 1em;
}

#jp-relatedposts .jp-relatedposts-items-visual {
  margin: 0;
}

@media only screen and (min-width: 640px) {
  #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 33.3%;
  }
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  padding: 5px;
  margin: 0;
}

#jp-relatedposts .jp-relatedposts-post-title {
  margin-top: 5px !important;
}

/* 相關文章開始 */

.related-posts-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 5px 0;
  padding: 5px;
  background: rgba(0, 0, 0, 0.05);
  color: #ccc;
}

.dark .related-posts-container {
  background: rgba(255, 255, 255, 0.05);
}

.related-post {
  box-sizing: border-box;
  width: calc(25% - 6px);
  padding: 10px;
  margin: 3px;
  border-radius: 3px;
  text-decoration: none !important;
  background: rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.related-post:hover {
  background: rgba(0, 0, 0, 0.2);
  transform: scale(1.02);
  z-index: 2;
}

.dark .related-post {
  color: #d6dfff;
  background: rgba(255, 255, 255, 0.05);
}

.dark .related-post:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.related-post-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 的高寬比 */
  margin-bottom: 5px;
  overflow: hidden;
}

.related-post-image img {
  border-radius: 3px;
}

.related-post-image-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.related-post-image-placeholder {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 的高寬比 */
  margin-bottom: 5px;
  background-color: #eee;
}

.related-post-image-placeholder-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: bold;
  color: #999;
}

.related-post-date {
  font-size: 12px;
  color: #5c5b5b;
}

.dark .related-post-date {
  color: #c7c7c7;
}

.related-post-categories {
  font-size: 12px;
  color: #5c5b5b;
}

.dark .related-post-categories {
  color: #c7c7c7;
}

@media screen and (max-width: 1000px) {
  .related-post {
    width: calc(50% - 6px);
  }
}

@media screen and (max-width: 640px) {
  .related-post {
    width: calc(100% - 6px);
  }
}

/* 相關文章結束 */

.post-PrevNext {
  width: calc(100% - 5px);
  background: rgba(255, 255, 255, 0.6);
  margin: 3px 0px;
  padding: 2.5px;
  overflow: hidden;
  font-size: 13px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  display: flex;
  color: #e7e7e7;
}

.post-PrevNext a {
  color: #e7e7e7;
  text-decoration: none !important;
}

.post-PrevNext a:hover {
  color: #e7e7e7;
}

.previous_post_link {
  float: left;
  width: calc(50% - 15px);
  background: rgba(14, 46, 70, 0.7);
  color: #e7e7e7;
  margin: 2.5px;
  padding: 5px;
  line-height: 30px;
  font-size: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease;
}

.previous_post_link:hover {
  background: rgba(14, 46, 70, 0.65);
}

.next_post_link {
  float: right;
  width: calc(50% - 15px);
  background: rgba(44, 14, 70, 0.7);
  color: #e7e7e7;
  margin: 2.5px;
  padding: 5px;
  line-height: 30px;
  font-size: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  transition: all 0.2s ease;
}

.next_post_link:hover {
  background: rgba(44, 14, 70, 0.65);
}

.previous_post_link img,
.next_post_link img {
  float: left;
  max-width: 35% !important;
  height: auto !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-right: 5px;
}

.copyright {
  color: #888;
  font-size: 1em;
}

.copyright a {
  text-decoration: none;
}

#comments {
  width: calc(100% - 60px);
  float: left;
  padding: 5px 15px;
  margin: 3px 15px;
  text-align: center;
  background: rgba(158, 255, 200, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

#comments-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICA8cGF0aCBmaWxsPSJ2YXIoLS1jaS1wcmltYXJ5LWNvbG9yLCBjdXJyZW50Q29sb3IpIiBkPSJNNDQ4LjIwNSwzOTIuNTA3YzMwLjUxOS0yNy4yLDQ3LjgtNjMuNDU1LDQ3LjgtMTAxLjA3OCwwLTM5Ljk4NC0xOC43MTgtNzcuMzc4LTUyLjcwNy0xMDUuM0M0MTAuMjE4LDE1OC45NjMsMzY2LjQzMiwxNDQsMzIwLDE0NHMtOTAuMjE4LDE0Ljk2My0xMjMuMjkzLDQyLjEzMUMxNjIuNzE4LDIxNC4wNTEsMTQ0LDI1MS40NDUsMTQ0LDI5MS40MjlzMTguNzE4LDc3LjM3OCw1Mi43MDcsMTA1LjNjMzMuMDc1LDI3LjE2OCw3Ni44NjEsNDIuMTMsMTIzLjI5Myw0Mi4xMyw2LjE4NywwLDEyLjQxMi0uMjczLDE4LjU4NS0uODE2bDEwLjU0Niw5LjE0MUExOTkuODQ5LDE5OS44NDksMCwwLDAsNDgwLDQ5NmgxNlY0NjEuOTQzbC00LjY4Ni00LjY4NUExOTkuMTcsMTk5LjE3LDAsMCwxLDQ0OC4yMDUsMzkyLjUwN1pNMzcwLjA4OSw0MjNsLTIxLjE2MS0xOC4zNDEtNy4wNTYuODY1QTE4MC4yNzUsMTgwLjI3NSwwLDAsMSwzMjAsNDA2Ljg1N2MtNzkuNCwwLTE0NC01MS43ODEtMTQ0LTExNS40MjhTMjQwLjYsMTc2LDMyMCwxNzZzMTQ0LDUxLjc4MSwxNDQsMTE1LjQyOWMwLDMxLjcxLTE1LjgyLDYxLjMxNC00NC41NDYsODMuMzU4bC05LjIxNSw3LjA3MSw0LjI1MiwxMi4wMzVhMjMxLjI4NywyMzEuMjg3LDAsMCwwLDM3Ljg4Miw2Ny44MTdBMTY3LjgzOSwxNjcuODM5LDAsMCwxLDM3MC4wODksNDIzWiIgY2xhc3M9ImNpLXByaW1hcnkiLz4KICA8cGF0aCBmaWxsPSJ2YXIoLS1jaS1wcmltYXJ5LWNvbG9yLCBjdXJyZW50Q29sb3IpIiBkPSJNNjAuMTg1LDMxNy40NzZhMjIwLjQ5MSwyMjAuNDkxLDAsMCwwLDM0LjgwOC02My4wMjNsNC4yMi0xMS45NzUtOS4yMDctNy4wNjZDNjIuOTE4LDIxNC42MjYsNDgsMTg2LjcyOCw0OCwxNTYuODU3LDQ4LDk2LjgzMywxMDkuMDA5LDQ4LDE4NCw0OGM1NS4xNjgsMCwxMDIuNzY3LDI2LjQzLDEyNC4wNzcsNjQuMywzLjk1Ny0uMTkyLDcuOTMxLS4zLDExLjkyMy0uM3ExMi4wMjcsMCwyMy44MzQsMS4xNjdjLTguMjM1LTIxLjMzNS0yMi41MzctNDAuODExLTQyLjItNTYuOTYxQzI3MC4wNzIsMzAuMjc5LDIyOC4zLDE2LDE4NCwxNlM5Ny45MjgsMzAuMjc5LDY2LjM2NCw1Ni4yMDZDMzMuODg2LDgyLjg4NSwxNiwxMTguNjMsMTYsMTU2Ljg1N2MwLDM1LjgsMTYuMzUyLDcwLjI5NSw0NS4yNSw5Ni4yNDNhMTg4LjQsMTg4LjQsMCwwLDEtNDAuNTYzLDYwLjcyOUwxNiwzMTguNTE1VjM1MkgzMmExOTAuNjQzLDE5MC42NDMsMCwwLDAsODUuMjMxLTIwLjEyNSwxNTcuMywxNTcuMywwLDAsMS01LjA3MS0zMy42NDVBMTU4LjcyOSwxNTguNzI5LDAsMCwxLDYwLjE4NSwzMTcuNDc2WiIgY2xhc3M9ImNpLXByaW1hcnkiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
  margin-right: 3px;
  margin-bottom: 5px;
  padding: 3px;
  vertical-align: middle;
}

#comments-title {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
  margin: 2px -8px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
}

#comments-title h2 {
  color: #232323;
  font-size: 24px;
  margin: 0;
}

#comments-btn {
  background-color: #4caf50;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  margin-left: 5px;
  transition: all 0.2s ease;
}

#comments-btn:hover {
  background-color: #3e8e41;
}
#comments-btn:active {
  background-color: #143c15;
  transform: translateY(1px);
}

#comments li {
  list-style: none;
}

#comments li.comment-list-box {
  padding: 10px 0 20px 55px;
  margin: 0;
  list-style: none;
  margin: 20px 0;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

#comments li.comment-list-box .comment-author img {
  position: absolute;
  left: 0;
  float: left;
  margin: 0px 10px 5px 0px;
  border-radius: 50%;
  border: 1px solid #cccccc;
}

#comments li.comment-list-box a.comment-reply-link {
  border: 1px solid #dddddd;
  padding: 5px 13px;
  color: #888888;
  border-radius: 20px;
  font-size: 13px;
  display: inline-block;
}

#comments li.comment-list-box a.comment-reply-link:hover {
  background: #eeeeee;
  color: #888888;
  text-decoration: none;
}

#comments ul.children {
  margin: 0;
  padding: 0;
}

#comments ul.children li {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#comments ul.children ul {
  margin-left: 20px;
}

#comments p {
  line-height: 1.5;
  margin: 10px 0;
}

#comments input[type="text"] {
  width: 30%;
}

#comments .comment-meta {
  font-size: 13px;
  line-height: 21px;
  color: #999999;
}

ol.comment_list {
  margin: 10px 0 10px 0;
  padding: 0;
}

textarea {
  width: 100%;
  min-height: 160px;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 8px;
  outline: 0;
  font-size: 15px;
}

textarea:focus {
  border-color: #464b51;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}

.sh-text,
input[type="text"].sh-text {
  width: 170px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  font-size: 15px;
  line-height: 17px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
}

.sh-text:hover,
.sh-text:focus {
  box-shadow: 0px 0px 3px #fffc;
}

.sh-btn {
  float: left;
  width: 38px;
  height: 38px;
  font-size: 1.5em;
  padding: 8px;
  background: rgba(0, 0, 0, 0.35);
  outline: none;
  box-shadow: none;
  color: #e7e7e7;
  margin: 0;
  cursor: pointer;
  border: none;
  transition: all 0.2s ease;
}

.sh-btn:hover {
  background: rgba(0, 0, 0, 0.65);
}

.share {
  margin: 20px 0;
  text-align: right;
}

.author {
  color: #333;
  overflow: hidden;
  padding: 10px;
}

.author img {
  float: none;
  margin: 0;
  border-radius: 50%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.author h1 {
  font-size: 25px;
}

.author p {
  margin: 12px;
  font-size: 17px;
  line-height: 30px;
}

#wp-calendar {
  width: 200px;
  text-align: center;
  background: #5e646c;
  font-size: 15px;
  line-height: 18px;
}

#wp-calendar #today {
  background: #ab8500;
}

#wp-calendar caption {
  line-height: 2;
}

.prenext {
  margin-top: 40px;
  width: 100%;
  padding: 40px 0 100px 0;
  border-top: 1px solid #e9e9e9;
  background: #f9f9f9;
  border-bottom: 1px solid #e9e9e9;
}

.prenext .p-prev {
  width: 50%;
  float: left;
  text-align: right;
}

.p-prev h2,
.p-prev span {
  margin-right: 15px;
}

.prenext .p-next {
  width: 50%;
  float: left;
}

.p-next h2,
.p-next span {
  margin-left: 15px;
}

.p-next span,
.p-prev span {
  color: #888;
  line-height: 1.48;
}

.mnyaccwordul li {
  color: #000;
  font-size: 15px;
}

/* 文章表格開始 */

.mnyatable {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  margin: 10px 0;
  color: #222;
  background-color: rgba(255, 255, 255, 0.75);
  word-break: break-all;
}

.mnyath {
  width: 100%;
  background: var(--mnya-table-th-bg);
  color: #e7e7e7;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
}

.mnyath2 {
  width: 100%;
  text-align: center;
  padding: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.3);
}

.mnyatr {
  display: flex;
  width: 100%;
}

.mnyatd {
  width: calc(100% - 100px);
  line-height: 24px;
  font-size: 15px;
  padding: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mnyatdT {
  width: 80px;
  font-weight: bold;
  background: var(--mnya-table-tdt-bg);
  text-align: center;
}

/* 文章表格結束 */

/*圖表、天氣圖開始*/

.mnyaccchartimg {
  float: left;
  width: calc(50% - 16px);
  height: auto;
  margin: 3px;
  padding: 0px 5px 5px 5px;
  background: rgba(222, 222, 222, 0.75);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.mnyaccchartimg p {
  text-align: center;
}

.mnyaccchartimg2 {
  float: left;
  width: calc(100% - 16px);
  height: auto;
  margin: 3px;
  padding: 0px 5px 5px 5px;
  background: rgba(222, 222, 222, 0.75);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-align: center;
}

.mnyaccchartimg-title {
  width: 100%;
  height: auto;
  margin: 0px 0px 5px -5px;
  padding: 5px;
  background: rgba(187, 187, 187, 0.5);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #274b6d;
}

/*圖表、天氣圖結束*/

/* 作者列表開始 */

.author-list {
  display: flex;
  flex-wrap: wrap;
}

.author-list > div {
  max-width: 110px;
  margin: 5px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.3);
  color: #e7e7e7;
  font-size: 14px;
  border-radius: 3px;
  transition: all 0.2s ease;
}

.author-list > div:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #e7e7e7;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  transform: scale(1.03);
}

.author-list > div > a > span > img {
  border-radius: 3px;
}

.author-list > div > a > span {
  float: left;
  color: #e7e7e7;
}

/* 作者列表結束 */

/* 參考資料開始 */

.rmlineul {
  margin-top: -15px;
  margin-bottom: 10px;
}

.rmlineul li {
  margin-bottom: 2px;
  list-style-type: disc;
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=);
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}

.rmlineul li a {
  text-decoration: none;
  color: #0645ad;
}

.rmlineul li a:hover {
  text-decoration: underline;
}

.rmlink {
  padding-right: 13px;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent, transparent),
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjEwIgogICBoZWlnaHQ9IjEwIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiCiAgIHNvZGlwb2RpOmRvY25hbWU9IuWFp+mDqOmAo+e1kC5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE4Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZSAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTYiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjcwNiIKICAgICBpZD0ibmFtZWR2aWV3MTQiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjEiCiAgICAgaW5rc2NhcGU6Y3g9Ii0xLjU0NjY5OTIiCiAgICAgaW5rc2NhcGU6Y3k9IjYuNjk1MzAwNiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDk1MDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNjODcxMzc7c3Ryb2tlLXdpZHRoOjA7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmUiCiAgICAgZD0ibSAzLjgyMjAzMzksMy41MTY5NDkxIC0wLjQ2NDY1NjUsMC40NjYxMDE3IC0xLjE5Nzc1NjcsMCAtMS4xOTc3NTYyOCwwIDAsMi41MjExODY1IDAsMi41MjExODY0IDIuNTIxMTg2MzgsMCAyLjUyMTE4NjUsMCAwLC0xLjEzNDE5NzIgMCwtMS4xMzQxOTcyIDAuNDY2MTAxNiwtMC40NjQ2NTY0IDAuNDY2MTAxNywtMC40NjQ2NTY1IDAsMi4wODYxNDE4IDAsMi4wODYxNDE4IC0zLjQ1MzM4OTgsMCAtMy40NTMzODk3OCwwIDAsLTMuNDc0NTc2MyAwLC0zLjQ3NDU3NjMgMi4xMjg1MTQ3OCwwIDIuMTI4NTE0NSwwIC0wLjQ2NDY1NjQsMC40NjYxMDE3IHoiCiAgICAgaWQ9InBhdGgyOTkyIgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojNWRhZDVkO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojYzg3MTM3O3N0cm9rZS13aWR0aDowO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lIgogICAgIGQ9Ik0gOS45NTQwNDMxLDIuNzAxMjcxMiA5Ljk1MDQ1OSw1LjQwMjU0MjQgOS4xNzgxNDM4LDYuMTUyNTc2MyA4LjQwNTgyODUsNi45MDI2MTAyIDcuNzUyMDE5OSw2LjI0Nzc3OTIgNy4wOTgyMTE0LDUuNTkyOTQ4MyA1Ljc0MTY1NTksNi45NDkwMjIyIDQuMzg1MSw4LjMwNTA5NjIgMy4wNjExOTc4LDYuOTgwNjkzNCAxLjczNzI5NTcsNS42NTYyOTA1IDMuMTM1NDc2Nyw0LjI1ODU5MTIgNC41MzM2NTcyLDIuODYwODkxOSAzLjg3NjQ4NjgsMi4yMDI3NTcyIDMuMjE5MzE2MSwxLjU0NDYyMiAzLjk5NTczNTEsMC43NzIzMTEgNC43NzIxNTQyLDAgNy4zNjQ4OTA3LDAgOS45NTc2MjcxLDAgOS45NTQwNDMxLDIuNzAxMjcxMiB6IE0gNC4xMTAxNjk1LDEuMDA1OTk0NSBjIDAsMC4wMTcyOCAwLjQwNTA1NSwwLjQzNjgwMjUgMC45MDAxMjIsMC45MzIyNzE2IEwgNS45MTA0MTM2LDIuODM5MTE5MSA0LjQ3MDQyODQsNC4yNzk1NzE2IDMuMDMwNDQzMiw1LjcyMDAyNDIgMy42NDM5MTA2LDYuMzM0NTg4NCBjIDAuMzM3NDA3MiwwLjMzODAxMDMgMC42MzI2NzgzLDAuNjE0NTY0MSAwLjY1NjE1ODQsMC42MTQ1NjQxIDAuMDIzNDgsMCAwLjY4MTcwMjYsLTAuNjM4ODA0NSAxLjQ2MjcxNywtMS40MTk1NjU2IEwgNy4xODI4MTIyLDQuMTEwMDIxMiA4LjA3MTk1OTksNC45OTk5MjU5IGMgMC40ODkwMzEyLDAuNDg5NDQ3NiAwLjkwMzYxODgsMC44ODk5MDQ2IDAuOTIxMzA1OCwwLjg4OTkwNDYgMC4wMzg0MDYsMCAwLjA0Mzg1NSwtNC41OTE5Mzk4IDAuMDA1NjgsLTQuNzgyODM5IGwgLTAuMDI2NDgzLC0wLjEzMjQxNTIgLTIuNDMxMTQ0MSwwIGMgLTEuMzM3MTI5MiwwIC0yLjQzMTE0NCwwLjAxNDEzOCAtMi40MzExNDQsMC4wMzE0MTggeiIKICAgICBpZD0icGF0aDM3NjIiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==);
}

/* 參考資料結束 */

/* 歌詞開始 */

.mnyalyrics {
  background: rgba(225, 225, 225, 0.7)
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgZmlsbD0iIzAwMDAwMCIKICAgaGVpZ2h0PSIyNCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzYiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImljX3F1ZXVlX211c2ljX2JsYWNrXzI0cHguc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjEgcjE1MzcxIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMiI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczEwIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTUzNiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MDEiCiAgICAgaWQ9Im5hbWVkdmlldzgiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iMTEuODk4MzA1IgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgLz4KICA8cGF0aAogICAgIGQ9Ik0wIDBoMjR2MjRIMHoiCiAgICAgZmlsbD0ibm9uZSIKICAgICBpZD0icGF0aDIiIC8+CiAgPHBhdGgKICAgICBkPSJNMTUgNkgzdjJoMTJWNnptMCA0SDN2MmgxMnYtMnpNMyAxNmg4di0ySDN2MnpNMTcgNnY4LjE4Yy0uMzEtLjExLS42NS0uMTgtMS0uMTgtMS42NiAwLTMgMS4zNC0zIDNzMS4zNCAzIDMgMyAzLTEuMzQgMy0zVjhoM1Y2aC01eiIKICAgICBpZD0icGF0aDQiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MC4xOTYwNzg0MyIgLz4KPC9zdmc+Cg==)
    no-repeat right bottom;
  background-size: 150px 150px;
  box-shadow: 0 1px 1px rgba(0, 69, 158, 0.2);
  margin: 15px auto;
  padding: 15px;
}

.mnyalyrics h2 {
  line-height: 24px;
  font-size: 22px;
  font-weight: bold;
  padding: 8px;
}

.mnyalyrics p {
  margin: 15px 0;
  padding: 3px 10px;
  line-height: 28px;
  font-size: 18px;
  border-left: 7px rgba(0, 0, 0, 0.2) solid;
}

.mnyalyrics-note {
  margin: 15px 0;
  padding: 3px 10px;
  line-height: 28px;
  font-size: 18px;
  border-left: 7px rgba(0, 0, 0, 0.4) solid;
}

.mnyalyrics-note p {
  border: none;
}

/* 歌詞結束 */

/* 熱門文章開始 */

.popular-list {
  margin: 15px auto;
}

.popular-list li {
  overflow: inherit;
  list-style: decimal-leading-zero;
  border-left: solid 5px rgba(34, 34, 34, 0.6);
  margin-top: 10px;
  padding-left: 8px;
  font-size: 17px;
  line-height: 24px;
  transition: all 0.2s ease;
}

.popular-list li:hover {
  border-left: solid 5px rgba(34, 34, 34, 0.95);
}

.wpp-post-title {
  font-weight: bold;
}

/* 熱門文章結束 */

/* 程式碼強調處理開始 */

code a {
  color: unset;
}

code a:hover {
  color: unset;
}

/* 程式碼強調處理結束 */

/* 404開始 */

#mnya404body {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 10px);
  text-align: center;
}

#mnya404_img {
  width: 178px;
  height: 166px;
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
}

.mnya404_img {
  width: 178px;
  height: 166px;
}

.mnya404_A {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 10px);
  font-size: 18px;
  color: #000;
  text-shadow: 0px 0px 1px #ffffff;
  word-wrap: break-word;
}

.mnya404_a {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 10px);
  margin-top: 20px;
  font-size: 13px;
  color: #555;
  text-shadow: 0px 0px 1px #ffffff;
}

#mnya404_bu {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 10px);
  margin-top: 20px;
  margin-bottom: 30px;
}

.mnya404_bu {
  color: #006600;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #006600;
  margin: 3px;
  padding: 5px 10px;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  display: inline-block;
}

.mnya404_bu:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
}

.mnya404_bu:active {
  position: relative;
  top: 1px;
}

/* 404結束 */

/* 避免 Google 廣告超出邊界開始 */

.google-auto-placed, .adsbygoogle {
    overflow: hidden !important;
}

/* 避免 Google 廣告超出邊界結束 */

/* 右側欄關閉處理開始 */

@media screen and (max-width: 1200px) {
  .right-sidebar {
    display: none;
  }

  .content {
    width: 100%;
  }
}

/* 右側欄關閉處理結束 */

/* 行動版開始（寬度小於 1000 px 之裝置） */

/* 導航開啟關閉開始 */

.nav_bar_open {
  float: left;
  width: 25px;
  height: 40px;
  padding-left: calc(50% - 12.5px);
  padding-right: calc(50% - 12.5px);
  padding-top: 5px;
  padding-bottom: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDUxMiA1MTIiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9Il9pb25pY29uc19zdmdfaW9zLW1lbnUuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjEgcjE1MzcxIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNTM2IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjgwMSIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMC40NjA5Mzc1IgogICAgIGlua3NjYXBlOmN4PSIyNTYiCiAgICAgaW5rc2NhcGU6Y3k9IjI1NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Ik00MzIgMTc2SDgwYy04LjggMC0xNi03LjItMTYtMTZzNy4yLTE2IDE2LTE2aDM1MmM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNnpNNDMyIDI3Mkg4MGMtOC44IDAtMTYtNy4yLTE2LTE2czcuMi0xNiAxNi0xNmgzNTJjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZ6TTQzMiAzNjhIODBjLTguOCAwLTE2LTcuMi0xNi0xNnM3LjItMTYgMTYtMTZoMzUyYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2eiIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZiIgLz4KPC9zdmc+Cg==)
    no-repeat center center;
  background-size: 40px 40px;
}

#doNotDisplayoc {
  float: right;
  display: block;
}

.nav_bar {
  display: none;
}

/* 導航開啟關閉結束 */

@media screen and (max-width: 375px) {
  .mnyalogo {
    width: 100%;
  }

  .mnyalogo a img {
    width: 100% !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1000px) {
  body {
    background-size: 250% auto;
    background-position: center top;
  }

  .nav_bar {
    display: block;
    width: 100%;
  }

  #site-navigation {
    display: none;
  }

  .header {
    width: calc(100% - 10px);
  }

  #navigation {
    width: 95%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .primary-menu {
    display: block;
  }

  .primary-menu > div:nth-child(1) {
    width: 100%;
  }

  .nav li {
    float: none;
  }

  .nav > li > a {
    width: calc(100% - 36px);
    background: RGBA(0, 0, 0, 0.1);
    border-radius: 0;
  }

  .nav li ul {
    width: 100%;
    display: block;
    float: none;
    position: inherit;
  }

  .nav li ul li a {
    width: calc(100% - 30px);
    color: #e7e7e7;
    background: RGBA(0, 0, 0, 0.4);
    border-radius: 0;
  }

  .nav li ul li > ul {
    display: block;
    position: inherit;
    left: 0;
  }

  .nav li ul li > ul li a {
    font-size: 13px;
    background: RGBA(0, 0, 0, 0.7);
  }

  #search {
    float: right;
    width: calc(100% - 12px);
  }

  .cat_tag_content {
    display: inline-grid;
  }

  .cat_tag_title {
    width: calc(100% - 28px);
  }

  .cat_tag_des p {
    padding: 15px;
  }

  .container-list {
    width: 95%;
  }

  .content {
    width: 100%;
  }

  #mnyaarticle {
    display: block;
  }

  .mnyaarticle {
    width: calc(100% - 8px) !important;
  }

  .mnyaarticle > div:first-of-type {
    width: 100%;
    height: 100%;
  }

  .featured-picture a img {
    width: 100% !important;
    height: 100% !important;
  }

  .article .featured-picture {
    display: none;
  }

  .article .article-content {
    margin-right: 0;
  }

  .footer_section {
    width: calc(95% - 20px);
    flex-wrap: wrap;
    padding: 10px;
  }

  .footer_column {
    width: 100%;
    padding: 0;
  }

  #search-2 {
    margin: 15px 10px;
    width: calc(100% - 20px);
  }

  .footer .copyright {
    margin-top: 30px;
  }

  footer .mnyatw {
    display: block;
  }

  iframe {
    max-width: 100% !important;
    min-height: 250px !important;
    height: auto !important;
  }

  .previous_post_link,
  .next_post_link {
    font-size: 17px;
  }

  .previous_post_link img,
  .next_post_link img {
    max-width: 100% !important;
    margin: 0px 0px 5px 0px;
  }

  /*圖表、天氣圖開始*/

  .mnyaccchartimg {
    float: none;
    width: calc(100% - 16px);
    margin: 6px 3px;
  }

  .mnyaccchartimg2 {
    float: none;
    width: calc(100% - 16px);
    margin: 6px 3px;
  }

  /*圖表、天氣圖結束*/
}

/* 行動版結束 */

/* 平板版開始 */

@media screen and (max-width: 1000px) and (min-width: 641px) {
  #mnyaarticle {
    display: flex;
  }

  .mnyaarticle {
    width: calc(50% - 8px) !important;
  }

  .mnyaarticle > div:first-of-type {
    width: auto;
    height: auto;
  }
}

/* 平板版結束 */

/* 暗黑模式開始 */

.dark .content {
  background: rgba(30, 30, 30, 0.85);
  color: #ccc;
  text-shadow: 1px 1px 2px rgba(220, 220, 220, 0.65);
}

.dark .article-header {
  color: #ccc;
}

.dark .article-title {
  border-left: 10px #fffc solid;
}

.dark .tags a,
.dark .previous_post_link,
.dark .next_post_link {
  color: var(--mnya-dark-link-color);
}

.dark .tags a:hover {
  border-bottom: var(--mnya-dark-tag-hover-border);
}

.dark article a {
  color: rgb(155, 181, 255);
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.65);
}

.dark article a:hover {
  color: rgb(92, 128, 229);
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.65);
}

.dark .article p img,
.dark .article p iframe {
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
}

.dark .content h1,
.dark .content h2,
.dark .content h3,
.dark .content h4,
.dark .content h5,
.dark .content h6 {
  filter: drop-shadow(0 0 3px rgba(250, 250, 250, 0.3));
}

.dark .mnyaAD {
  background: rgba(67, 67, 67, 0.7);
}

.dark .mnyaAD-title {
  color: #ccc;
  background: rgba(255, 255, 255, 0.1);
  border-left: 12px rgba(255, 255, 255, 0.2) solid;
}

.dark #jp-relatedposts {
  background: rgba(255, 255, 255, 0.05);
  color: #ccc;
}

.dark #jp-relatedposts h4 {
  filter: none;
}

.dark blockquote {
  background: rgba(50, 50, 50, 0.7)
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iQ2FwYV8xIgogICB4PSIwcHgiCiAgIHk9IjBweCIKICAgd2lkdGg9IjM0OS4wNzhweCIKICAgaGVpZ2h0PSIzNDkuMDc4cHgiCiAgIHZpZXdCb3g9IjAgMCAzNDkuMDc4IDM0OS4wNzgiCiAgIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0OS4wNzggMzQ5LjA3ODsiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuNDguNSByMTAwNDAiCiAgIHNvZGlwb2RpOmRvY25hbWU9InF1b3RhdGlvbi1yaWdodC1tYXJrLnN2ZyI+PG1ldGFkYXRhCiAgIGlkPSJtZXRhZGF0YTQxIj48cmRmOlJERj48Y2M6V29yawogICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlCiAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgIGlkPSJkZWZzMzkiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxIgogICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjAwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MzciCiAgIGlkPSJuYW1lZHZpZXczNyIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIwLjY3NjA2NjY2IgogICBpbmtzY2FwZTpjeD0iLTUzLjk4ODc1OSIKICAgaW5rc2NhcGU6Y3k9IjE3NC41MzkiCiAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJDYXBhXzEiIC8+CjxnCiAgIGlkPSJnMyIKICAgdHJhbnNmb3JtPSJtYXRyaXgoMC42MzU1OTMyMiwwLDAsMC42MzU1OTMyMiw2My42MDMxOTUsNjMuNjAzMTk1KSIKICAgc3R5bGU9Im9wYWNpdHk6MC4xNSI+Cgk8cGF0aAogICBkPSJtIDE5OC43NzksMzIyLjQ0MSB2IC01OC4yNDUgYyAwLC03LjkwMyA2LjQwNiwtMTQuMzA0IDE0LjMwNCwtMTQuMzA0IDI4LjE4MywwIDQzLjUxNSwtMjguOTA0IDQ1LjY0MywtODUuOTYxIGggLTQ1LjY0MyBjIC03Ljg5NywwIC0xNC4zMDQsLTYuNDEgLTE0LjMwNCwtMTQuMzA0IFYgMjYuNjQgYyAwLC03LjkgNi40MDYsLTE0LjMwMSAxNC4zMDQsLTE0LjMwMSBoIDEyMS42OSBjIDcuODk2LDAgMTQuMzA1LDYuNDA4IDE0LjMwNSwxNC4zMDEgdiAxMjIuOTg4IGMgMCwyNy4zNDkgLTIuNzYxLDUyLjQ0NiAtOC4xODEsNzQuNjExIC01LjU2OCwyMi43MjIgLTE0LjExNSw0Mi41ODcgLTI1LjM5OCw1OS4wNDkgLTExLjYwNCwxNi45MTcgLTI2LjEzMiwzMC4xOTIgLTQzLjE1NSwzOS40MzcgLTE3LjE1Miw5LjMwNCAtMzcuMDksMTQuMDI2IC01OS4yNjcsMTQuMDI2IC03Ljg5MSwtMC4wMDYgLTE0LjI5OCwtNi40MTMgLTE0LjI5OCwtMTQuMzEgeiBNIDE0LjMwMSwyNDkuODg3IEMgNi40MDQsMjQ5Ljg4NyAwLDI1Ni4yOTMgMCwyNjQuMTg1IHYgNTguMjU3IGMgMCw3Ljg5NiA2LjQwNCwxNC4yOTggMTQuMzAxLDE0LjI5OCAyMi4xNjYsMCA0Mi4xMTQsLTQuNzIzIDU5LjI1NSwtMTQuMDI2IDE3LjAzMiwtOS4yNDQgMzEuNTU4LC0yMi41MDggNDMuMTYxLC0zOS40MzcgMTEuMjksLTE2LjQ2MiAxOS44MzYsLTM2LjMyOCAyNS40MDQsLTU5LjA2MSA1LjQyMywtMjIuMTY1IDguMTc4LC00Ny4yNjMgOC4xNzgsLTc0LjYgViAyNi42MjggYyAwLC03LjkgLTYuNDEsLTE0LjMwMSAtMTQuMzA0LC0xNC4zMDEgSCAxNC4zMDEgQyA2LjQwNCwxMi4zMjcgMCwxOC43MzQgMCwyNi42MjggdiAxMjIuOTg4IGMgMCw3Ljg5OSA2LjQwNCwxNC4zMDQgMTQuMzAxLDE0LjMwNCBoIDQ1LjAwMiBjIC0yLjEwMiw1Ny4wNjIgLTE3LjIxMyw4NS45NjcgLTQ1LjAwMiw4NS45NjcgeiIKICAgaWQ9InBhdGg1IgogICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgo8L2c+CjxnCiAgIGlkPSJnNyI+CjwvZz4KPGcKICAgaWQ9Imc5Ij4KPC9nPgo8ZwogICBpZD0iZzExIj4KPC9nPgo8ZwogICBpZD0iZzEzIj4KPC9nPgo8ZwogICBpZD0iZzE1Ij4KPC9nPgo8ZwogICBpZD0iZzE3Ij4KPC9nPgo8ZwogICBpZD0iZzE5Ij4KPC9nPgo8ZwogICBpZD0iZzIxIj4KPC9nPgo8ZwogICBpZD0iZzIzIj4KPC9nPgo8ZwogICBpZD0iZzI1Ij4KPC9nPgo8ZwogICBpZD0iZzI3Ij4KPC9nPgo8ZwogICBpZD0iZzI5Ij4KPC9nPgo8ZwogICBpZD0iZzMxIj4KPC9nPgo8ZwogICBpZD0iZzMzIj4KPC9nPgo8ZwogICBpZD0iZzM1Ij4KPC9nPgo8L3N2Zz4=)
    no-repeat right bottom;
  background-size: 150px 150px;
}

.dark #comments {
  background: rgba(158, 255, 200, 0.8);
}

.dark .sidebar {
  background: rgba(85, 81, 66, 0.6);
}

.dark .author {
  color: #ccc;
}

.dark .content table {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #ddd;
}

.dark .mnyaarticle {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
}

.dark .mnyaarticle:hover {
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
}

.dark .mnyaarticle-title a {
  color: var(--mnya-dark-article-title-color);
}

.dark .mnyaarticle-title a:hover {
  color: var(--mnya-dark-article-title-color);
}

.dark .mnyatable {
  color: #e7e7e7;
  background-color: rgba(0, 0, 0, 0.3);
}

.dark .mnyath {
  background: var(--mnya-dark-table-th-bg);
}

.dark .mnyath2 {
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
}

.dark .mnyatdT {
  background: var(--mnya-dark-table-tdt-bg);
}

.dark .mnyatd {
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
}

.dark .mnyalyrics {
  background: rgba(50, 50, 50, 0.7)
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgZmlsbD0iIzAwMDAwMCIKICAgaGVpZ2h0PSIyNCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzYiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImljX3F1ZXVlX211c2ljX2JsYWNrXzI0cHguc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjEgcjE1MzcxIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMiI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczEwIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTUzNiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI4MDEiCiAgICAgaWQ9Im5hbWVkdmlldzgiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjkuODMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iMTEuODk4MzA1IgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgLz4KICA8cGF0aAogICAgIGQ9Ik0wIDBoMjR2MjRIMHoiCiAgICAgZmlsbD0ibm9uZSIKICAgICBpZD0icGF0aDIiIC8+CiAgPHBhdGgKICAgICBkPSJNMTUgNkgzdjJoMTJWNnptMCA0SDN2MmgxMnYtMnpNMyAxNmg4di0ySDN2MnpNMTcgNnY4LjE4Yy0uMzEtLjExLS42NS0uMTgtMS0uMTgtMS42NiAwLTMgMS4zNC0zIDNzMS4zNCAzIDMgMyAzLTEuMzQgMy0zVjhoM1Y2aC01eiIKICAgICBpZD0icGF0aDQiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MC4xOTYwNzg0MyIgLz4KPC9zdmc+Cg==)
    no-repeat right bottom;
  background-size: 150px 150px;
}

.dark .mnyalyrics p {
  border-left: 7px rgba(255, 255, 255, 0.2) solid;
}

.dark .mnyalyrics-note {
  border-left: 7px rgba(255, 255, 255, 0.4) solid;
}

/* 暗黑模式結束 */