/* #16633 產業放大鏡文章正文樣式
 *
 * 全站的 header-style.css 使用 Meyer reset，其中 font: inherit、list-style: none、
 * vertical-align: baseline、border: 0 會清掉富文本編輯器產出的粗體、斜體、清單、
 * 上下標與表格框線。這裡只在文章正文區還原，不動全站 reset。
 *
 * 所有選擇器都帶 .nid-page .nid-step 前綴；這兩個 class 僅存在於
 * Views/FunBlog/Article.cshtml，不會影響其他頁面。
 */

body .container .nid-page .content-wrap .nid-step strong,
body .container .nid-page .content-wrap .nid-step b {
    font-weight: bold;
}

body .container .nid-page .content-wrap .nid-step em,
body .container .nid-page .content-wrap .nid-step i {
    font-style: italic;
}

/* fa 圖示也是 <i>，不能被斜體影響 */
body .container .nid-page .content-wrap .nid-step i.fa {
    font-style: normal;
}

body .container .nid-page .content-wrap .nid-step ul {
    list-style-type: disc;
    margin-left: 20px;
}

body .container .nid-page .content-wrap .nid-step ul li {
    margin-bottom: 20px;
}

body .container .nid-page .content-wrap .nid-step sub {
    vertical-align: sub;
    font-size: 80%;
}

body .container .nid-page .content-wrap .nid-step sup {
    vertical-align: super;
    font-size: 80%;
}

body .container .nid-page .content-wrap .nid-step blockquote {
    margin: 16px 0;
    padding: 8px 16px;
    border-left: 4px solid #E7E6E6;
}

body .container .nid-page .content-wrap .nid-step table {
    border-collapse: collapse;
}

body .container .nid-page .content-wrap .nid-step table th,
body .container .nid-page .content-wrap .nid-step table td {
    border: 1px solid #E7E6E6;
    padding: 8px;
}

/* 編輯器格式下拉產出的標題，樣式對齊 {{TOC:}} 產生的 .sub-title */
body .container .nid-page .content-wrap .nid-step h1,
body .container .nid-page .content-wrap .nid-step h2,
body .container .nid-page .content-wrap .nid-step h3,
body .container .nid-page .content-wrap .nid-step h4,
body .container .nid-page .content-wrap .nid-step h5,
body .container .nid-page .content-wrap .nid-step h6 {
    color: #004da1;
    font-weight: bold;
    margin: 24px 0 12px;
}

body .container .nid-page .content-wrap .nid-step h1 {
    font-size: 22px;
}

body .container .nid-page .content-wrap .nid-step h2 {
    font-size: 18px;
}

body .container .nid-page .content-wrap .nid-step h3 {
    font-size: 16px;
}

body .container .nid-page .content-wrap .nid-step h4,
body .container .nid-page .content-wrap .nid-step h5,
body .container .nid-page .content-wrap .nid-step h6 {
    font-size: 15px;
}

/* 按鈕樣式原本只綁在 .nid-caption 底下，編輯器產出的內容沒有那層包裝 */
body .container .nid-page .content-wrap .nid-step .btn-row {
    display: flex;
    justify-content: space-around;
    margin: 50px 0 70px;
}

body .container .nid-page .content-wrap .nid-step .btn-row a {
    width: 270px;
    height: 50px;
    line-height: 50px;
    background-color: #FC944C;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}