/* CSS Document */

.letter{ width:20px;}
.test{ display:none; width:525px; font-family:Arial, Helvetica, sans-serif; margin:-2px 0 3px -3px;  }
.test h2{background:url(../../images/sprites-t1.gif) 0px -300px;font-weight:bold;color:#ffffff;font-size:12px; width:532px; height:20px;}
.test-div{ width:530px; margin-top:-19px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.test-div-word{ padding:4px; font-size:12px;}
.protype{ display:none; width:530px; font-family:Arial, Helvetica, sans-serif; }
#pro1{ display:block}
#pro2{ display:none}
#pro3{ display:none}
#pro4{ display:none}
#pro5{ display:none}
#pro6{ display:none}
#pro7{ display:none}






#demo1left,#demo1left1,#demo1left2,#demo1left3{ vertical-align:top}
#new_pro { position:relative; width:530px; height:65px; overflow:hidden;   }
#new_pro .current { display:block; }
#new_pro .normal { display:none; }
#new_pro ul {  overflow:hidden; }
#new_pro ul li { float:left; margin-right:2px; }
#new_pro ul li img { display:block; width:170px; height:60px; }
#ranks_change_bar { float:right;   margin-bottom:3px;}
#ranks_change_bar a { display:block; float:left; width:20px; height:15px; overflow:hidden; margin:0 2px; background: url(../images/bofang.gif) no-repeat;}
#ranks_change_bar .pages_first { background-position:0px -15px; }
#ranks_change_bar .pages_last { background-position:0px -45px;}
#ranks_change_bar .previous{ background-position:0 0;  }
#ranks_change_bar .next{ background-position:0px -30px;}
a:hover{ text-decoration:underline}