@charset "GB2312";
/*
html {
    -webkit-filter:grayscale(95%);
    filter: grayscale(95%);
 filter:invert(1) hue-rotate(270deg);
}
*/

#canvas{
                position: absolute;
		z-index:-5;
                top: 62px;
                left: 0;
                height: 400px;
                width: 100%;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #D9D9F3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    font-size: 24px;
    text-align: center;
    vertical-align: center;
height: 58px;
}
li {
float: left;
}
li a {
    display: block;
    color: #826C91 !important;
    text-align: center;
    padding: 16px 30px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #C0D9D9;
}
.active {
    background-color: #93DB70;
}
div.sticky0 {
  position: sticky;
  top: 120px;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
  overflow: auto;
  z-index: 91;
  width:240px;
  font-size: 20px;
}
div.sticky1 {
  position: sticky;
  top: 300px;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
  overflow: auto;
  z-index: 92;
  width:240px;
  font-size: 22px;
}
div.stickybg {
  position: sticky;
  top: 100px;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
  overflow: auto;
  z-index: 80;
  width:240px;
height:6000px;
}
div.text p
{
  font-size: 20px;
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}
div.text {
  position: absolute;
  top: 540px;
  left: 300px;
  right:60px;
  background-color: #e0e0ca;
  border: 1px solid black;
  opacity:0.86;
  filter:alpha(opacity=86); /* For IE8 and earlier */
}
body{
margin: 0;
font-family: 楷体;
background-color:#E1E1BE;
}
#scrollimg{
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: #e0e0ca;
  z-index: -7;
}
#scrollimg img{
width: 100%;
height: 100%;
}
table
{
border-collapse:collapse;
height:100px;
width:100%;
}
table,th, td
{
border: 1px solid #dddddd;
text-align:center;
vertical-align: center;
background-color:#dddddd;
}
#footer tr.title th
{
color:black;
font-size:20px;
height:30px;
width:33%;
}
#footer tr.content td 
{
color:#9b9b20;
font-size: 18px;
height:70px;
}
#title
{
    color:#0FF;
    text-align: center;
    vertical-align: center;
font-size:40px;
}
#notice{
font-size: 24px;
}
#top{
position:fixed;
right:20px;
bottom:60px;
width:60px;
outline:none;
border:none;
text-align: center;
font-size: 18px;
font-family: 楷体;
}
#totop{
width:50px;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.changecolor{
outline:none;
border:3px solid white;
text-align: center;
font-size: 18px;
}
a:link{color:#9b9b20;}      /* 未访问链接*/
a:visited {color:#9b9b20;}  /* 已访问链接 */
a:hover {color:#00FF44;}  /* 鼠标移动到链接上 */
a:active {color:#0000ff;}  /* 鼠标点击时 */