---
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> -->