#ht {
font-size:0;
float:left;
text-indent:-9999px;
height:0;
}

#softtitle {
line-height:30px;
border:2px solid #19CC01;
background:#F2FCF1;
margin:0 0 8px;
padding:0 0 0 6px;
}

#softtitle h1 {
font-size:14px;
color:#157409;
margin:0;
width:675px;
float:left;
}

#softtitle span a {
color:#157409;
border:1px solid #7AD86E;
background:#C6F4C0;
margin:0 3px;
padding:4px 8px 2px;
}

#softtitle span a:hover {
color:#175CBB;
text-decoration:none;
border:1px solid #68A6E3;
background:#C2DDFB;
}

#softinfo {
color:#555;
height:99px;
padding-left:10px;
border:1px solid #7FB1E2;
background:#F7FBFF;
}

#softinfo div {
float:left;
}

#addfav {
font-size:1px;
position:relative;
margin-left:-99px;
background:url(../images/favor.png) no-repeat;
}

* html #addfav {
margin-left:-89px;
}

#addfav a {
color:#ecf5ff;
width:68px;
height:24px;
display:block;
}

#addfav a:hover {
color:#ecf5ff;
}

ul#info {
width:415px;
padding:2px 0 0;
}

ul#info li {
width:245px;
height:30px;
line-height:30px;
border-bottom:1px solid #C7DCF0;
float:left;
}

ul#info li.left {
width:170px;
}

ul#info li span {
font-size:11px;
}

ul#info li span#sq {
font-size:12px;
color:#FF0149;
}

ul#info li img {
padding-top:4px;
}

#ad415 {
border-bottom:1px solid #C7DCF0;
float:left;
margin:8px 0;
padding:0 0 8px;
}

#ad300 {
float:right;
margin:0;
padding:4px;
}

#quicklink {
font:bold 14px verdana;
width:399px;
text-align:center;
border:2px solid #FEEA94;
background:#FEFFD5;
float:left;
clear:both;
margin:0 0 8px;
padding:6px;
}

#quicklink a {
margin:0 10px;
}

#textlink {
text-align:center;
clear:both;
margin:3px 0;
}

.out {
background:url(../images/outbg.png) repeat-y;
float:left;
margin:0 0 8px;
}

.outin {
background:url(../images/classtopbg.png) no-repeat bottom;
float:left;
}

#intro,#shuoming {
width:480px;
color:#666;
margin-bottom:1px;
border:1px solid #7fb1e2;
border-bottom:none;
background:#f7fbff;
float:left;
padding:2px;
}

#intro p {
line-height:22px;
margin:12px 6px;
}

#classtop,#comment {
width:260px;
border-top:1px solid #7fb1e2;
float:right;
padding:2px 3px;
}

#ad240 {
padding-left:6px;
}
#ad240 img {
margin-bottom:5px;
}

#download {
width:752px;
border:2px solid #7fb1e2;
background:#f7fbff;
clear:both;
margin:0 0 8px;
padding:2px;
}

#related {
width:754px;
border:1px solid #7fb1e2;
background:#f7fbff;
clear:both;
margin:0 0 8px;
padding:2px;
}
#relatedd {
width:500px;FLOAT: left;
border:1px solid #7fb1e2;
background:#f7fbff;
clear:both;
margin:0 0 8px;
padding:2px;
}
#download p {
margin:2px 0 0;
}

#download li,#related li {
height:22px;
line-height:22px;
overflow:hidden;
}

#download li {
padding-left:14px;
background:url(../images/downarrow.png) no-repeat left 5px;
}

#related li {
margin-left:2px;
padding-left:10px;
background:url(../images/arrow.gif) no-repeat left 7px;
}

#comment form {
margin:20px 0;
}

#comment input,#comment textarea {
color:#444;
border:1px solid #aeccf2;
background:#fff;
padding:2px;
}

#comment textarea {
width:244px;
}

#comment p#total {
margin-top:8px;
border:1px solid #aeccf2;
background:#fff;
padding:4px 5px;
}

#comment img {
vertical-align:middle;
margin-left:5px;
padding-bottom:6px;
}

input#commentbtn {
margin-top:6px;
border:none;
padding:0;
}

#intro h2,#classtop h2,#download h2,#relatedd h2,#related h2,#shuoming h2,#comment h2 {
color:#135b96;
line-height:26px;
height:26px;
border-bottom:1px solid #aeccf2;
background:#e2f0ff;
padding:0 4px;
overflow:hidden;
}

h2 b {
font-size:0;
color:#ecf5ff;
left:-20px;
position:absolute;
}

#classtop ul,#download ul,#related ul,#shuoming ul,#comment p {
margin:5px;
}

#classtop li,#shuoming li ,#comment li{
line-height:22px;
padding-left:10px;
background:url(../images/arrow.gif) no-repeat left 8px;
}

#classtop li {
height:22px;
overflow:hidden;
}

#viewintro {
margin:5px 0;
}
#weektop {
	BORDER-RIGHT: #7fb1e2 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7fb1e2 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f7fbff; PADDING-BOTTOM: 2px; BORDER-LEFT: #7fb1e2 1px solid; WIDTH: 242px; PADDING-TOP: 2px; BORDER-BOTTOM: #7fb1e2 1px solid
}
#monthtop {
	BORDER-RIGHT: #7fb1e2 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7fb1e2 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f7fbff; PADDING-BOTTOM: 2px; BORDER-LEFT: #7fb1e2 1px solid; WIDTH: 242px; PADDING-TOP: 2px; BORDER-BOTTOM: #7fb1e2 1px solid
}
#recom {
	BORDER-RIGHT: #7fb1e2 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7fb1e2 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f7fbff; PADDING-BOTTOM: 2px; BORDER-LEFT: #7fb1e2 1px solid; WIDTH: 242px; PADDING-TOP: 2px; BORDER-BOTTOM: #7fb1e2 1px solid
}
#weektop {
	FLOAT: left; TEXT-ALIGN: center;MARGIN: 0px 8px 4px 0px
}
#monthtop {
	FLOAT: left; TEXT-ALIGN: center;MARGIN: 0px 8px 4px 0px
}
#recom {
	FLOAT: right; TEXT-ALIGN: center;MARGIN: 0px 0px 4px
}