:root {font-size: 16px; }
* { margin: 0; padding: 0; }
body { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 0.80rem; letter-spacing: 0.02rem; color: black; font-kerning: normal; font-feature-settings: "kern=1"; }
p { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 1.10rem; letter-spacing: 0.02rem; color: black; font-kerning: normal; font-feature-settings: "kern=1"; hyphens: auto; hyphens: auto; }
p1 { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 0.80rem; letter-spacing: 0.01rem; color: black; font-kerning: normal; font-feature-settings: "kern=1"; hyphens: auto; hyphens: auto;  }
input { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; font-size: 0.86rem; color: black; font-kerning: normal; font-feature-settings: "kern=1"; font-feature-settings: "kern" 1; }

p, p1, h2, h3, h4, h5, h6, h7, {	margin-left:12px; margin-right:10px; 
	hyphens: auto; 
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}

ul, ol {margin-left:1rem; margin-right:0.1rem; padding-top:0; }

body { 
overflow-x:hidden;
background-color: #CCC;
background-position: left;
background-attachment: fixed;
scrollbar-width: none;
overflow-y: scroll;
scrollbar-width: 10px;
scrollbar-color: #111 #999;
}

/* Safarie / Edge / Chrome */
body::-webkit-scrollbar {
  width: 8px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
  background: #999;        /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: #333;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 2px solid F00;  /* creates padding around scroll thumb */
}



  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #999;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #111;
    border-radius: 4px;
    border: 1px dotted #EEE;
  }




img { border: none; overflow: hidden; margin-right: 4px; }


#left, #right, #bottom {position:fixed;z-index:1;background-color:black;top:0;bottom:0;left:0;right:0;}
#left {right:auto;width:8px;}
#right {left:auto;width:8px;}
#bottom {top:auto;height:8px;}

hr {
border-top: dotted 0.1rem; color:#CCC; width:98%; margin-left:0; margin-right:0; margin-top:1rem; margin-bottom:1.6rem;display:inline-block;
opacity: 1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



::selection {text-shadow:none;background:transparent;color:red;}



@media (prefers-color-scheme: dark) { 

body { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 0.80rem; letter-spacing: 0.02rem; color: white; font-kerning: normal; font-feature-settings: "kern=1"; }
p { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 1.10rem; letter-spacing: 0.02rem; color: white; font-kerning: normal; font-feature-settings: "kern=1"; hyphens: auto; }
p1 { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 0.80rem; letter-spacing: 0.01rem; color: white; font-kerning: normal; font-feature-settings: "kern=1"; hyphens: auto; }
input { font-family:'SeccaStdWeb',arial,helvetica,sans-serif; line-height:1.4rem; font-size: 0.86rem; color: white; font-kerning: normal;font-feature-settings: "kern=1";}
    
    
body {

overflow-x:hidden;
background-color: #333;
    
}
    
hr {
border-top: color:#666;}
    
}