/*通用：移動版允許使用small、big標籤*/
small {
font-size:smaller;
}
big {
font-size:larger;
}
/*通用：段間距調整*/
p {
margin-bottom:0.5em;
}
/*通用：定義列表間距調整*/
dl {
margin:0.5em 0 0.5em 0;
}
dt {
margin-bottom:0.25em;
}
dd {
margin-bottom:0.25em; margin-left:1em;
}
/*通用：列表行間距及縮進調整*/
ul {
margin:0.3em 0 0.5em 1.2em; padding-left:0;
}
p + ul {
margin:-0.2em 0 0.5em 1.2em; padding-left:0;
}
ul > li {
margin-bottom:0.25em;
}
ul > li > ul {
margin:0.15em 0 0.25em 1.2em;
}
ul > li > ul > li {
margin-bottom:0.15em; padding-left:0;
}
/*通用：定義表嵌套無序列表的段間距*/
dl > dd > ul {
margin-top:0.15em; margin-bottom:0.25em;
}
dl > dd > ul > li {
margin-top:0.1em; margin-bottom:0.1em;
}
/*移動端窄屏下表格字號縮小*/
@media screen and (max-width:720px) {
table.foodmenu, table.black-table, .wikitable {
font-size:87.5%;
}
}
@media screen and (min-width:1000px) {
.block-parent-2 {
display:flex; margin-bottom:2em;
}
.block-child-2a {
width:50%; max-width:50%; margin-right:1em;
}
.block-child-2b {
width:50%; max-width:50%; margin-left:1em;
}
}
@media screen and (min-width:800px) and (max-width:1000px) {
.block-title-1 {
font-size:90%;
}
.block-parent-2 {
display:flex; margin-bottom:2em;
}
.block-child-2a {
width:50%; max-width:50%; margin-right:0.8em;
}
.block-child-2b {
width:50%; max-width:50%; margin-left:0.8em;
}
}
@media screen and (min-width:600px) and (max-width:800px) {
.block-title-1 {
font-size:80%;
}
.block-title-2 {
font-size:90%;
}
.block-child-2a {
margin-bottom:2em;
}
.block-child-2b {
margin-bottom:2em;
}
}
@media screen and (max-width:600px) {
.block-title-1 {
font-size:60%;
}
.block-title-2 {
font-size:80%;
}
.block-child-2a {
margin-bottom:2em;
}
.block-child-2b {
margin-bottom:2em;
}
}