html,body,form
{
    width: 100%;
    height:100%;
    overflow:hidden;
    FONT-SIZE: 16px;
    border:none;
    padding : 0;
    margin:0 auto;    
}
  
#header  
{  
 
/* IE6 不支持min-width属性，但是IE7+和W3C支持 */ 
min-width:1000px;  

_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");  /* 用CSS表达式让IE6也支持最小宽度 */
height: 20px;  
/*
padding-left: 30px;  
padding-right: 30px;  
*/
text-align:center;

}  
  
#left{  
border: 1px solid #ccc;  
vertical-align:middle;  
text-align:left; 
border-color: #FFFF00; 
width: 200px;
/*background-color: #C0C0C0; */
min-height: 600px; 
float: left;
}  
#right
{
border: 1px solid #ccc; 
/*background-color: #FFFF00; */
text-align: left; 
float: right;   
width :890px;
vertical-align:middle;  
text-align:center;   
}
#rightchose
{
    height:50px;
    /*background-color: #68A101;    */
    text-align: center;
}  

#rightchar
{
    height:300px;
    background-color: white;     
    clear:both ;
}
#chartype
{
    width:100px;
    text-align:left;
    float :right;

}
#charimg
{
    text-align:center;
    height :300px;
}

#righttable
{
    background-color: white;     
}

#popWindow
{
z-index:999;    
background-color:#ffffff;
border-radius:3px;
border:2px solid #075E8B;
position:absolute;
display:none;
box-shadow:5px 5px 5px #322E2F;
z-index:999;

}

#hidebg
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000;
    width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    filter: alpha(opacity=10); /*设置透明度为60%*/
    opacity: 0.1; /*非IE浏览器下设置透明度为60%*/
    display :none;    
    z-index: 2;
}
#hidebox
{
    position: absolute;
    background-color: #fff;
    cursor: pointer;
    z-index: 3;
    display: none;
    font-size: 40px;
    color: #800000;
    text-align: center;
}
 #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; 
      z-index:1001; -moz-opacity: 0.4; opacity:0.4; filter: alpha(opacity=40);
      text-align:center; vertical-align:middle;      
 }

#mymenu 
{
    list-style: none;
    height:1.1rem;
    border:0;
    margin:0;
    float:right;
    background-color:#00366F;
}
#mymenu li {
    display: inline;
    line-height: 1rem;
    text-align:center;   
    width:10rem; 
    float:left;
}

@media screen and (min-width: 320px) and (max-width: 900px)
{
    .styTit{width: 100%;font-size: 1.5rem;color: #00CCFF;text-align: center;border: 0;}  
    .PageTit{font-size:1.5rem; padding:5px; margin:0; text-align: center;color:#558CFF; }    
    .bmul{list-style:none; padding:0px; margin: 0px; font-size:2rem;}
    .defaultmark{background-color:#FFFFFF;text-decoration:none;font-size:1rem;}
}
@media screen and (min-width: 900px) 
{
    .styTit{width: 100%;font-size: 2rem;color: #00CCFF;text-align: center;border: 0;}  
    .PageTit{font-size:3rem; padding:5px; margin:0; text-align: center;color:#558CFF; }  
    .bmul{list-style:none; padding:0px; margin: 0px; font-size:3rem;}
    .defaultmark{background-color:#FFFFFF;text-decoration:none;font-size:3rem;}
}
.bmul li{display:inline; width:49%; text-align:center; border: 1px solid #00CCFF; border-radius: 10px;}
.bmul li a{text-decoration:none;  color:#558CFF;}
.bmul li div{text-decoration:none;  color:#558CFF;}