/* 版面與字體 */
.doc {
  margin: 0 auto;
  padding: 16px;
  line-height: 1.8;
  color: #222;
}

  .doc h1, .doc h2, .doc h3 {
    margin: 1.2em 0 .6em;
  }

  .doc h2 {
    font-size: 1.25rem;
    border-left: 4px solid #333;
    padding-left: .5em;
  }

    .doc h2.red {
      border-left: 4px solid #b00020;
    }

  .doc p {
    margin: .6em 0;
  }

  .doc a {
    color: #0a6;
    word-break: break-all;
  }

/* 色彩規則 */
.red {
  color: #b00020;
}
/* 片段紅：預設半粗 */
.color-inline {
  font-weight: 800;
}
/* 片段指定色（顏色 inline style 指定） */

/* 表格 RWD（IE 沒 sticky，自然退化） */
.table-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.doc table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.doc th, .doc td {
  text-align: left;
  vertical-align: top;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.doc thead th {
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
}

.doc tbody tr:nth-child(odd) td {
  background: #fcfcfc;
}

/* 其他 */
.doc blockquote {
  margin: .8em 0;
  padding: .6em .8em;
  border-left: 4px solid #ddd;
  background: #fafafa;
}

.doc code {
  background: #f6f6f6;
  padding: .1em .3em;
  border-radius: 4px;
}

pre code {
  display: block;
  padding: 12px;
  overflow: auto;
}

@media (max-width: 640px) {
  .doc {
    padding: 12px;
  }

    .doc h2 {
      font-size: 1.1rem;
    }
}