﻿body     { width:100vw; overflow-x:hidden; height:100%; font:44px/1.2 Microsoft YaHei, 微软雅黑, sans-serif; color:#888888; background-color:#f5f5f5; text-align:center; padding:0 0.2em 0 0; }
li{ display:inline-block; }
ul{ list-style:none; display:inline-block; margin:0; padding:0; font-family:Microsoft YaHei, 微软雅黑, sans-serif; font-size:44px; color:#000; text-decoration:none; text-align:center; }
a { text-decoration:none; color:inherit; }
p        { font:44px/1.8 "Microsoft YaHei", 微软雅黑, sans-serif; color:#888888; text-indent:2em; text-align:left; margin:0.8em auto; }
p.CCN    { font:44px/1.8 "Microsoft YaHei", 微软雅黑, sans-serif; color:#888888; text-indent:2em; text-align:left; margin:0.8em auto; word-break:break-word; overflow-wrap:break-word; line-break:anywhere; }
p.EN   { font:32px/1.8 "Microsoft YaHei", 微软雅黑, sans-serif; color:#888888; text-indent:2em; text-align:left; margin:-0.2em auto; padding:0.5em; background-color:#fbf5f5; border-radius:0.2em; word-break:normal; overflow-wrap:break-word;  word-break:normal; overflow-wrap:normal; white-space:pre-wrap; }
p.EN\+1 { font:bold 44px/1.8 "Microsoft YaHei", 微软雅黑, sans-serif; color:#888888; text-indent:2em; text-align:left; margin:0.1em auto; padding:0.5em; background-color:#fbf5f5; border-radius:0.2em; word-break:normal; overflow-wrap:break-word;  word-break:normal; overflow-wrap:normal; white-space:pre-wrap; }
p.ENcomicBLACK { font:bold 32px/1.8 'Comic Sans MS', 'Comic Neue', cursive; color:#000; margin-top:-2em; text-indent:0; text-align:center; text-shadow:
    3px 0   #fff,-3px 0   #fff,0 3px  #fff,0 -3px #fff, /* 上下左右 */
    3px 3px #fff,3px -3px #fff,-3px 3px #fff,-3px -3px #fff, /* 斜角 */
    0 0 6px #fff; /* 软化一下边缘，可加粗就多加几层并放大偏移 */ }
p.ENcomicWHITE { font:bold 32px/1.8 'Comic Sans MS', 'Comic Neue', cursive; color:#fff; margin-top:-2em; text-indent:0; text-align:center; text-shadow:
    3px 0   #000,-3px 0   #000,0 3px  #000,0 -3px #000, /* 上下左右 */
    3px 3px #000,3px -3px #000,-3px 3px #000,-3px -3px #000, /* 斜角 */
    0 0 6px #000; /* 软化一下边缘，可加粗就多加几层并放大偏移 */ }
p.CCNcomicBLACK { font:bold 44px/1.8  'Microsoft YaHei', 'PingFang SC', 'Noto Sans SC', 'SimSun', sans-serif; color:#d1d1d1; margin-top:-0.6em; text-indent:0; text-align:center; text-shadow:
    3px 0   #fff,-3px 0   #fff,0 3px  #fff,0 -3px #fff, /* 上下左右 */
    3px 3px #fff,3px -3px #fff,-3px 3px #fff,-3px -3px #fff, /* 斜角 */
    0 0 6px #fff; /* 软化一下边缘，可加粗就多加几层并放大偏移 */ }
p.CCNcomicWHITE { font:bold 44px/1.8  'Microsoft YaHei', 'PingFang SC', 'Noto Sans SC', 'SimSun', sans-serif; color:#fff; margin-top:-0.6em; text-indent:0; text-align:center; text-shadow:
    3px 0   #000,-3px 0   #000,0 3px  #000,0 -3px #000, /* 上下左右 */
    3px 3px #000,3px -3px #000,-3px 3px #000,-3px -3px #000, /* 斜角 */
    0 0 6px #000; /* 软化一下边缘，可加粗就多加几层并放大偏移 */ }

.highlight { background-color:#f5f0f0; }
.title1{ font:bold 88px/1.07 Microsoft YaHei, 微软雅黑, sans-serif; color:#f5f5f5; text-indent:0em; text-align:left; margin-top:0.3em; margin-bottom:0.15em; }
.title2{ font:bold 88px/1.07 Microsoft YaHei, 微软雅黑, sans-serif; color:#f5f5f5; text-indent:0em; text-align:right; margin-top:0.3em; margin-bottom:0.3em; }
.title3{ font:bold 64px/1.07 Microsoft YaHei, 微软雅黑, sans-serif; color:#f5f5f5; text-indent:0em; text-align:left; margin-bottom:-0.4em }
.title4{ font:bold 64px/1.07 Microsoft YaHei, 微软雅黑, sans-serif; color:#f5f5f5; text-indent:0em; text-align:right; margin-top:-0.4em}
#contents{ width:20em; height:100%; border-radius:20px; border:2px dashed #888888; background-color:#FFFFFF; margin:0.5em auto; padding:1.5em 0.8em 2em 0.8em; text-align:center; }
.MENU        { width:4em; background-color:F9F9F9; padding:10px; border-radius:5px; text-align:center; }
.MENU_top    { width:100vw; height:100%; margin:-1.2em 0 0 0; padding:0; text-align:center; }
.MENU_bottom { width:100vw; height:100%; margin:0; padding:0; text-align:center; }
img          { loading:lazy; border:none; border-radius:10px; max-width:100%; max-height:100%; height:auto; width:auto; }
button       { border: none; outline: none; background-color: transparent; }

#words       { font:44px/0 "Microsoft YaHei", 微软雅黑, sans-serif; color:#F5F5F5; text-indent:0.5em; text-align:left; word-break:break-word; overflow-wrap:break-word; line-break:anywhere; }
#section     { font:bold 64px/1.07 Microsoft YaHei, 微软雅黑, sans-serif; color:#000; text-indent:0em; margin-top:0.5em; margin-bottom:0.6em; }
#sectionEN   { font:bold 38px/1.07 Microsoft YaHei, 微软雅黑, sans-serif; color:#000; text-indent:0em; text-indent:0em; margin-top:-0.7em; margin-bottom:0.3em; }

.highlight   { background-color: #f5f0f0; }
hr.apex      { margin-bottom:-0.4em; border:1px dashed #E0E0E0; text-align:center; }
hr.top       { margin-top:0.2em; border:1px dashed #E0E0E0; text-align:center; margin-bottom:2em; }
hr.bottom    { margin-bottom:-0.3em; border:1px dashed #E0E0E0; text-align:center; margin-top:2em; }