---
# System prepended metadata

title: wide styles-for small table (版面增寬)
tags: [' Style-embed', TWCC]

---

---
title: wide styles-for small table (版面增寬)
tags: TWCC, Style-embed
---

<style>
#doc.markdown-body, .ui-infobar, .container-thiner {
  max-width: 1080px;
}
.ui-content #doc.markdown-body, .ui-content .ui-infobar {
    max-width: 900px;
}
@media (min-width: 768px) {
    #doc.markdown-body, .ui-infobar {
        max-width: 750px;
    }
}
@media (min-width: 1200px) {
    #doc.markdown-body, .ui-infobar {
        max-width: 1170px;
    }
}

/* font-size */
/* 可以透過 .markdown-body p 或是 p 做細緻的調整 */
.markdown-body {
    font-size: 125%;
}

/* sider-bar */
.ui-toc-dropdown .nav>.active:hover>a, 
.ui-toc-dropdown .nav>li>a:hover {
    color: red;
    border-left: 2px solid red;
}

#ui-toc-affix a {
    font-size: 115%;
}
</style>


<!-- ## Original styles
<style>
#doc.markdown-body, .ui-infobar, .container-thiner {
  max-width: 1080px;
}
.ui-content #doc.markdown-body, .ui-content .ui-infobar {
    max-width: 758px;
}
@media (min-width: 768px) {
    #doc.markdown-body, .ui-infobar {
        max-width: 750px;
    }
}
@media (min-width: 1200px) {
    #doc.markdown-body, .ui-infobar {
        max-width: 1170px;
    }
}
</style> -->
