*{margin:0;padding:0;}
body{font:12px Arial,sans-serif; background: url(images/bg.jpg) repeat-x #7291be;
}
ul{list-style:none;}
img{border:0;}
a:link,a:visited{color:#fff;text-decoration:none;}
a:hover,a:active{text-decoration:underline;}

.container{background:url(images/header.jpg) no-repeat 50% 0;}
.header{height:297px;}

.nav{margin-top:275px;padding-left:15px;line-height:30px;}
.nav li{display:inline;margin-right:30px;text-shadow:0 1px 0 rgba(255,255,255,0.2);}
.nav a:link,.nav a:visited{color:#523032;}

.header,.main,.footer{width:980px;margin:0 auto;overflow:hidden;}
.main{ background:#fbfbfb;  margin-bottom:2px; padding:10px; width:960px; +width:960px; _width:959px}

.footer{margin-bottom:10px;text-align:center;border-bottom:2px solid #7291be;background:#fff url(images/gradient_3.gif) repeat-x 0 100%;}
.footer .inner{padding:5px 10px;border:1px solid #7291be;}

.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:visible;}

.panel{margin-bottom:0px;border-bottom:1px solid #ff7801;background:#fff url(images/gradient_2.gif) repeat-x 0 100%;}
.panel-inner{border:1px solid #fff;}
.panel-head{padding:0 10px;height:18px;overflow:hidden;background:url(images/gradient_1.gif) repeat-x;}
.panel-head .title{float:left;font-size:16px;color:#c80000;}
.panel-head .extra{float:right;}
.panel-head .extra a{margin-left:20px;}
.panel-body{padding:15px 0px 0 10px; background: url(images/lanbg.jpg) repeat-x}

.gallery{margin-right:-23px;}
.gallery li{float:left;width:172px;margin:0 10px 10px 10px;+margin:0 10px 10px 10px;_margin:0 8px 10px 8px;}
.gallery a{display:block;}
.gallery .thumb{width:172px;height:142px;margin-bottom:9px;overflow:hidden;background:#c8c8c8;}
.gallery .thumb img{display:block;margin:5px;border:1px solid #fff;width:160px;height:130px;}
.gallery .title{widht:172px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.gallery-alt .thumb{background:#c80000;}
.gallery-alt .thumb img{border-color:#ffd998;}

.layout-710-260 .col-1{float:left;width:710px;overflow:hidden;margin-right:10px;}
.layout-710-260 .col-2{float:left;width:260px;overflow:hidden;}

.dashboard .panel-body{padding:10px;}
.dashboard .aside{float:left;width:320px;margin-right:10px;}
.dashboard .content{float:left;width:358px;}

.aside .slidebox{margin-bottom:10px;width:320px;height:280px;overflow:hidden;background-color:#ee5418;
background-image:-moz-linear-gradient(315deg,#ee5418,#ffb641);
background-image:-webkit-gradient(linear,left top,right bottom,from(#ee5418),to(#ffb641));
}
.slidebox .image{margin:6px 6px 0;width:308px;height:268px;background:#fff;}
.slidebox .image a{display:block;width:308px;height:268px;overflow:hidden;}
.slidebox .image img{display:block;width:100%;height:100%;}
.slidebox .text{position:relative;margin:-30px 6px 0;width:308px;height:30px;line-height:30px;overflow:hidden;color:#fff;background-color:#333;background-color:rgba(0,0,0,0.5);}
* html .slidebox .text{background-color:#333;}
.slidebox .text p{padding:0 10px;}
.slidebox .toggle{position:relative;margin:-30px 16px 0;width:288px;height:30px;line-height:30px;text-align:right;}
.slidebox .toggle a{margin-left:3px;padding:0 5px;background:#3d3d3d;}
.slidebox .toggle a:link,.slidebox .toggle a:visited{color:#fff;text-decoration:none;}
.slidebox .toggle a.current{background:#f80;}

.aside .hots{padding:5px;background:#feedc1;line-height:2;}
.aside .hots dt,.aside .hots dd{float:left;width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.aside .hots dt{font-weight:bold;}
.aside .hots a:link,.aside .hots a:visited{color:#000;}

.content h3{font-weight:normal;font-size:18px;margin-bottom:5px;text-align:center;}
.content .links{margin-bottom:10px;line-height:1.8;}
.content .links a{white-space:nowrap;margin:0 5px;}
.content .links a:link,.content .links a:visited{color:#000;}

.downloadlist{font-size:14px;line-height:1.9;padding-top:10px;border-top:1px solid #ddd;}
.downloadlist li{padding:0 10px 0 20px;background:url(images/bullet.gif) no-repeat 10px 50%;}
.downloadlist a:link,.downloadlist a:visited{color:#000;}

.recomdownload .panel-head{position:relative;margin:0 -1px;padding:0 6px;height:32px;line-height:32px;background:url(images/gradient_4.gif) repeat-x;}
.recomdownload .panel-head .title{font-size:12px;padding:0 5px;color:#529912;background:#fff;}
.recomdownload .panel-body{padding:0 15px;}
.recomdownload .gallery{margin-right:-35px;}
.recomdownload .gallery li{width:92px;margin-right:35px;}
.recomdownload .gallery .thumb{width:92px;height:92px;background:#ffda9b;}
.recomdownload .gallery .thumb img{width:82px;height:82px;margin:4px;}
.recomdownload .gallery .title{width:92px;}

.dashboard .panel-body{height:395px;overflow:hidden;}
.recomdownload .panel-body{height:383px;overflow:hidden;}
.clear{ clear:both}
.ws_block { float:left}
.ws_block p{ text-align:center; height:30px; line-height:30px;}
.ws_block p a{ color:#fff}


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1;}


.box {
  margin: 5px 4px;
  padding: 5px 5px 0 5px;
  background: #7291be;
  font-size: 12px;
  line-height: 2.0em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.box img {
  display: block;
  width: 100%;
}


.col3 { width: 173px; }

#toppanel {
	position:relative;
	z-index:1000;
}
#sidepanel {
	position:fixed;
	bottom:0;
	right:0;
	z-index:1000;
}
#sidepanel a,#sidepanel b {
	
	background-repeat:no-repeat;
}
#sidepanel a {
     font-size:12px; 
	 color:#128ce6;
	display:block;
	position:relative;
	width:20px;
	height:65px;
	padding:25px 3px 0;
	
	margin:5px 0;
	text-align:center;
	line-height:14px;
	text-decoration:none;
}

#sidepanel a:link,#sidepanel a:visited {
background:url(http://sc.chinaz.com/style/images/dc2.gif) no-repeat;	
}
#sidepanel a:hover,#sidepanel a:active {
background:url(http://sc.chinaz.com/style/images/dc1.gif) no-repeat;
color:#333;	
}


*html #sidepanel {
	position:absolute;
	top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
	overflow:visible;
}

