body {

}
#big{
width:1024px;
  margin:0 auto ;
 height:768px;
   background-repeat:no-repeat;
}
#login{
  width:498px;
height:150px;
 position:relative;

left:500px;
top:350px;
}
     .showbox
        {
            width: 0px;
            height: 0px;
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
            border: 1px #8FA4F5 solid;
            padding: 1px;
            background-color:#BBD3EB;
            margin:0 auto;
        }
        .showbox h2
        {
            height: 25px;
            font-size: 14px;
            background-color:Orange;
            position: relative;
            padding-left: 10px;
            line-height: 25px;
            color: #fff;
        }
        .showbox h2 a
        {
            position: absolute;
            right: 5px;
            top: 0;
            font-size: 12px;
            color: #fff;
        }
        .mask
        {
            background: #666;
            position: absolute;
            z-index: 99;
            left: 0;
            top: 0;
            display: none;
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
        }
        
         .showbox2
        {
            width: 0px;
            height: 0px;
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
            border: 1px #8FA4F5 solid;
            padding: 1px;
            background-color:#BBD3EB;
        }
        .showbox2 h2
        {
            height: 25px;
            font-size: 14px;
            background-color: #3366cc;
            position: relative;
            padding-left: 10px;
            line-height: 25px;
            color: #fff;
        }
        .showbox2 h2 a
        {
            position: absolute;
            right: 5px;
            top: 0;
            font-size: 12px;
            color: #fff;
        }
        
         .showbox3
        {
            width: 0px;
            height: 0px;
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
            border: 1px #8FA4F5 solid;
            padding: 1px;
            background-color:#BBD3EB;
        }
        .showbox3 h2
        {
            height: 25px;
            font-size: 14px;
            background-color: #3366cc;
            position: relative;
            padding-left: 10px;
            line-height: 25px;
            color: #fff;
        }
        .showbox3 h2 a
        {
            position: absolute;
            right: 5px;
            top: 0;
            font-size: 12px;
            color: #fff;
        }
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0px; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}

tab 
{ 
background-color: #FAFAFA; 
margin: 5px 8px; 
padding: 5px 10px; 
} 
.tab p span 
{ 
background-color: #EFEFEF; 
border: 1px solid #CCCCCC; 
cursor: pointer; 
margin-right: 6px; 
padding: 2px 5px; 
} 
.tab p span.current 
{ 
background-color: #FAFAFA; 
border-bottom-color: #fafafa; 
} 
.tab p 
{ 
border-bottom: 1px solid #CCCCCC; 
font-weight: bold; 
padding: 0 10px 2px; 
} 
.tab li 
{ 
border-bottom: 1px dotted #CCCCCC; 
padding-bottom: 3px; 
margin: 5px 0; 
} 
.tab .mhot, .tab.allhot 
{ 
display: none; 
}