/*通用：移动版允许使用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;
}
}