body  {   
    font-size: 12px;
    font-family: 
    font-family:'ＭＳ Ｐゴシック','sans-serif','osaka';
    background: #E1ECFE;   
    margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */   
    padding: 0;   
    text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。  文本随后将在 #container 选择器中设置为默认左对齐 */   
    color: #000000;   
}   

#divmain {    
    width: 95%;  /* 这将创建一个占据 80% 浏览器宽度的容器 */   
    background: #FFFFFF;   
    margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */   
    border: 1px solid #000000;   
    text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */   
    min-width:730px;
    max-width:820px;
    width:expression(document.body.clientWidth > 820? "820px": "auto" );
}    

#divtop {    
    width: 100%;  /* 这将创建一个占据 80% 浏览器宽度的容器 */   
    background: #FFFFFF;   
    margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */   
    text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */   
    padding:5 0 0 0;
}    

#divbottom {    
    width: 100%;  /* 这将创建一个占据 80% 浏览器宽度的容器 */   
    background: #FFFFFF;   
    border: 0px solid #000000;   
    padding:0;
    font-size: 11px;
    text-align: right;
    margin-right:20px;
}    

#divside{   
    float: right;    
    width: 200px; /* 由于此元素是浮动的，因此必须指定宽度 */   
    background: #FFFFFF; /* 将显示背景色，其宽度等于栏中内容的长度，*/   
    margin:20 5 10 5px; 
}
 
#divContent {    
    margin: 20 220px 10 20px; /* 右边距可以用百分比或像素来指定，它会在页面的右下方产生空白。 */   
    min-height:500px;
    height:auto !important; 
    height:500px; 
    overflow:visible;
    border-right: #C0C0C0 1px dotted;
}    

h1 { 
  font-size: 16px;
  font-weight: bold;
  margin:0 0 2 0px;
}
h2 { 
  font-size: 16px;
  font-weight: bold;
}
h3 { 
  font-size: 13px;
  font-weight: bold; 
  margin:20 0 7 0px;
}
h4 { 
  font-size: 14px;
  font-weight: bold;
  margin:20 0 7 0px;
  background: #8b8bFF;
}
P {
  margin-top: 4px;
  margin-bottom: 6px;
  margin-left: 4px;
  line-height: 17px;
}
UL {
  margin-left: 14px;
  margin-top: 2px;
}
LI {
  font-size: 14px;
  margin-bottom: 4px;
}

ul.gamelinksi,ul.gamelinksi li { margin:0; padding:0; list-style-type:none; }
ul.gamelinksi { margin-top:0.5em; }
ul.gamelinksi li { float:left; line-height:1.8em; margin-right:1em; }
ul.gamelinksi a { display:block; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; }
ul.gamelinksi a:hover { text-decoration:none; }
ul.gamelinksi li.d a { background: #A8E52F; color:#333; }
ul.gamelinksi li.b a { background: #FF722D; color:#FFFFBE;  }
ul.gamelinksi li.d a:hover { background: #8CC80B; color:#FFFFCC;  }
ul.gamelinksi li.b a:hover { background: #FF9718; color:#FFFF53; }
ul.gamelinksi li.d,a.d { width:10em; }
ul.gamelinksi li.b,a.b { width:10em; }

a.selected { 
  background-color:#FFFF00;
}

a.black {
 color:#000000;
 text-decoration:none;
}

.small {
  font-size: 13px;
  text-align: right;
}