.wiki-page {
  color: #34495e;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  /* 18px */
  line-height: 1.8;
  /* 31px */
}
.wiki-page h1,
.wiki-page h2,
.wiki-page h3,
.wiki-page h4,
.wiki-page h5,
.wiki-page h6 {
    margin-top: 21px;
}

.wiki-page li{
    line-height: 1.8;
}

.wiki-page table{font-size:18px;border-style:dashed;border-width:1px}
.wiki-page th{font-size:18px;background-color:silver;border-style:solid;border-width:1px;padding:10px}
.wiki-page tr td{font-size:18px;border-style:solid;border-width:1px;padding:10px}
.wiki-page tr td p{font-size:18px;line-height:1.8em;margin:0;}
.wiki-page pre{background:#5c5c5c;color:#FFF}
.wiki-page code{font-size:16px;line-height:28px}
code,pre{font-family:Monaco, Menlo, Consolas, "Courier New", monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px 2px}
code{color:#d14;white-space:nowrap;background-color:#f7f7f9;border:1px solid #e1e1e8;padding:2px 4px}
pre{display:block;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0 0 10px;padding:9.5px}
pre.prettyprint{margin-bottom:20px}
pre code{color:inherit;white-space:pre-wrap;background-color:transparent;border:0;padding:0}


/*
 * the configuration is came from Bootstrap 3
 * support Fancybox image size
 */
@media (max-width: 768px) {
  .wiki-page img {
    max-width: 420px;
  }
  .wiki-page img:hover {
    max-width: 420px;
  }
}

@media (min-width: 768px) {
  .wiki-page img {
    max-width: 520px;
  }
  .wiki-page img:hover {
    max-width: 680px;
  }
}

@media (min-width: 992px) {
  .wiki-page img {
    max-width: 680px;
  }
  .wiki-page img:hover {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .wiki-page img {
    max-width: 680px;
  }
  .wiki-page img:hover {
    max-width: 800px;
  }
}

/**
 * behaviors
 */
.wiki-page .onHover {
  cursor: pointer;
}

/* support Fancybox image size */
@media (min-width: 768px) {
  .onFancyBox {
    max-width: 615px; /* 768*0.8 */
  }
}

@media (min-width: 992px) {
  .onFancyBox {
    max-width: 793px; /* 992*0.8 */
  }
}

@media (min-width: 1200px) {
  .onFancyBox {
    max-width: 896px;
  }
}
