/* menu blue yellow */
body {margin:auto; background:#eee; color:#333; font-family:sans-serif;}
a:link {color:#d00; text-decoration:underline; outline:0;}
a:visited {color:#14587d; text-decoration:none; outline:0;}
a:hover {color:#06c; text-decoration:underline; outline:0;}

.page {max-width:960px; background:#fff; margin-left:auto; margin-right:auto;}
.text {background:#fff; color:#333; padding:5px; line-height:25px; min-width:250px;}

.header, .header:link, .header:visited {padding:2px; color:#14587d; background:#ddd; border:solid #14587d; border-width:2px; border-radius:30px; margin-top:5px; text-align:center; text-decoration:none;}
.footer {padding:0px; text-decoration:none; color:#333; background:#eee; margin-bottom:0px;}
a.footer:link, a.footer:visited, a.footer:hover {color: #14587d; background: rgba(255, 0, 0, 0); text-decoration:none;}
a.text:link {color: #c00; text-decoration:underline; padding:2px;}
a.text:visited {color:#08c; text-decoration:none; padding:2px;}
a.text:hover {color: #14587d; text-decoration:underline; padding:2px;}

.line1bg {line-height:30px; padding:4px; background:#fff;}
.line1,.line1:visited,.line1:link {text-decoration:none; color:#000;}
.line1high,.line1high:link,.line1high:visited {text-decoration:none; color:#14587d; font-size:32px; margin:2px;}
.line1:hover {text-decoration:underline;}

.line2bg {line-height:30px; padding:4px; background:#fff; border-bottom:solid #ccc; border-width:1px;}
.line2,.line2:visited,.line2:link {text-decoration:none; color:#000; margin:2px; padding:2px;}
.line2high,.line2high:link,.line2high:visited {text-decoration:none; margin:2px; padding:2px; color:#14587d; background:#ddd; border:solid #14587d; border-width:1px; border-radius:8px;}
.line2:hover {text-decoration:underline;}

.line3bg {line-height:30px; padding:4px;}
.line3,.line3:visited,.line3:link {text-decoration:none; color:#000;}
.line3high,.line3high:link,.line3high:visited {text-decoration:none; padding:1px; color:#fff; background:#c00);}
.line3:hover {text-decoration:underline;}

.line4bg {padding:0px; line-height:30px;}
.line4, .line4:visited, .line4:link, .line4:hover {color:#fff; text-decoration:none;}
.line4high,.line4high:link,.line4high:visited {text-decoration:none; padding:1px; color:#fff; background:#c00);}
.line4:hover {text-decoration:underline;}

.mono,code,kbd,pre,samp {background:#fff;color:#00c;}

.zls {color:#000; background:#ff6; padding-bottom:2px; padding-top:2px;}


html {
  --scrollbarBG: #ccc;
  --thumbBG: #14587d;
}
body::-webkit-scrollbar {
  width: 16px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 8px;
  border: 3px solid var(--scrollbarBG);
}
.scrollable-element {
  scrollbar-color: grey yellow;
}