html, div, body, p, form, img,dd, h1, h2, h3, input{margin:0 auto;padding:0;font:11px/160% Verdana, Arial, Helvetica, sans-serif;color:#222222;}
body{text-align:left;background:#fff url(/style/images/bg-site.jpg) repeat-x top;}
p{padding-bottom:10px;padding-left:15px;}
dl,dd,dt{ margin:0; padding:0; }
ul, ol{ margin:0; padding-left:10px; list-style-type:none; }
li{ margin:0; list-style:none; padding:0 0 5px 13px; background:url(/style/images/li.gif) no-repeat 0 6px; }
ol li{margin:0;margin-left:5px;padding:3px 0;list-style-type:decimal;background-image:none;}
h1{font:bold 28px/160% Verdana, Geneva, sans-serif; color:#FFF;}
h1 span{ color:#000;}
h2{ font:normal 23px/1.5 Verdana, sans-serif; clear:both; color:#000000; margin-top:15px; padding-left: 10px; }
h3{ color:#249dc5; font:normal 20px/30px Tahoma, Geneva, sans-serif; margin:5px; clear: both; }
h4{ font:bold 20px/30px Tahoma, Geneva, sans-serif; color:#000000; background:url(/style/images/h3.gif) no-repeat; padding-left:25px; clear:both; margin:10px 0; }
img{border:none;}
a, a:link, a:visited{ text-decoration:none; color:#005054; }
a:hover,a:active{text-decoration:underline;color:#F00;}
input{font-size:11px;float:left;}
table {border-collapse:collapse;}
blockquote{ background:url(/style/images/bq.gif) no-repeat; padding:0  30px 10px 30px; margin:5px;}
.clear{clear:both;}
.clearfix:after{clear:both;content:" ";display:block;visibility:hidden;height:0;font-size:0;line-height:0;}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
/*header css*/
#header{width:980px; height:138px;}
#logo{background:url(/style/images/logo.jpg) no-repeat 0 0; width:274px; height:80px; float:left;font-size:0; overflow:hidden; line-height:400px; display:block;}
#search{float:right; padding:35px 20px 0 0; width:350px;}
#q {border:1px solid #c9c9c9;height:20px;width:200px; float:left;background:url(/style/images/search-bg.gif) repeat-x;}
.btn_search  {background:url(/style/images/search.gif) no-repeat scroll 0 0 transparent;border:medium none;cursor:pointer;font-size:0;height:22px; width:72px; float:left; margin-left:0;}
#nav{height:58px;}
#nav ul{ height:27px; margin-left: 50px; width:900px; }
#nav li{ background:url(/style/images/nav-bg.gif) no-repeat 0 center; float:left; text-align:center;padding:0 10px; }
#nav li a{ font:normal 18px/58px Tahoma, Geneva, sans-serif; color:#fff;}
#nav .first{background:none;}
/*container*/
#container{ width:980px;text-align:left; overflow:hidden;}
#here{height:28px; padding-left:30px; line-height:28px;}
#product{ height:307px;}
.info{height:307px; width:490px; float:left; background:url(/style/images/info-bg.gif) no-repeat;}
.info dl{ padding:5px 15px;}
.info dd{ font-size:12px; line-height:23px; color:#000}
.info .b { background:url(/style/images/b.gif) no-repeat 0 center; padding:5px 30px; font:bold 18px/30px Tahoma, sans-serif; }
.info .download, .info .buy, .info .buy2{ background:url(/style/images/down.gif) no-repeat; width:177px; height:74px; display:block; float:left; margin:0 7px; line-height:400px; overflow:hidden;}
.info .btn-free{background:url(/style/images/down2.gif) no-repeat; width:177px; height:55px; display:block;line-height:400px; overflow:hidden; float:right; margin:20px;}
.info .buy{ background:url(/style/images/buy.gif) no-repeat;}
.info .buy2{ background:url(/style/images/buy2.gif) no-repeat;}
#leftside{	float:left;	width:180px;margin-left:10px;height: 600px;	background-color: #CCCCCC;}
#main{ float:left; width:705px; margin-top:10px; background:url(/style/images/side-bg.gif) no-repeat right 0; }
#recommend, #other{ border:#eee solid 1px; margin:0 10px; padding:10px; }
#recommend .box1{ background:url(/style/images/r-bg.jpg) no-repeat 0 bottom; width:655px; height:188px;overflow:hidden; position:relative;}
#recommend .text { padding-top:10px; float:right; width:550px;  }
#recommend .down, #recommend .buy, #recommend .upgrade{ background:url(/style/images/download.gif) no-repeat; display:block; float:left; width:117px; height:50px; margin:0 7px 0; }
#recommend .buy{background:url(/style/images/buynow.gif) no-repeat;}
#recommend .upgrade{background:url(/style/images/upgrade.gif) no-repeat;}
#recommend span{ margin-top:35px; text-align:center; font:bold 13px/25px Arial, Helvetica, sans-serif; color:#eb6100; display:block;}
.star{ position:absolute; top:11px; right:16px; width:180px;}
.star strong,.star em{ float:left;}
.star2, .star3, .star4, .star5{background:url(/style/images/star.png) no-repeat 0 0; width:100px; height:17px; display:block;}
.star5{ background-position:0 0;}
.star4{ background-position:-20px 0;}
.star3{ background-position:-40px 0;}
.star2{ background-position:-60px 0;}
#other ul{ background:url(/style/images/r-bg.jpg) no-repeat 0 bottom; width:655px; height:89px; }
#other li{ list-style:none; background:none;}
#other .text{width:400px; float:left; padding-top:10px;}
#other .btn{float:left;width:129px; padding-top:20px;}
#other ul .pic{ padding-bottom:5px;}
#other .other-down{ background:url(/style/images/download.gif) no-repeat; display:block; width:129px; height:45px; overflow:hidden; line-height:200px; }
#main .why ul{float: left; width:400px;}
#main .do { padding-left:50px; }
#main .do li{background:url(/style/images/dolist.gif) no-repeat 0 6px; padding-left:15px;}
#main .pic{ float: left; padding:0 10px; }
#main .new { margin:5px 0; }
#main .new li{ float:left; background:url(/style/images/new-li.jpg) no-repeat 0 center; width:290px; margin:5px 30px 0 0; border-bottom:#626262 dashed 1px; font-weight:bold; }
#main .new li a{float:left;}
#main .new span{color:#ad6a00; float:right;}
#main .tips { margin:5px 0; }
#main .tips li{ float:left; background:url(/style/images/dolist.gif) no-repeat 0 center; width:190px; margin:5px 20px 0 0; border-bottom:#626262 dashed 1px; font-weight:bold; }
#main .tips li a{ color:#0068b7;}
#main .int{ float:left; width:330px; margin-left:10px; _margin-left:7px; background:url(/style/images/ins-bg.jpg) no-repeat; height:210px;}
#main .int h3{ color:#333; font:18px/26px Tahoma, Geneva, sans-serif; padding-left:10px;}
#main .int .text{ padding:10px; font:14px/20px Tahoma, Geneva, sans-serif; float:right; width:210px; }
#main .int .pic{ height:140px; }
#main .int ul{width:98%;}
#main .int ul li{font-size:12px; color:#0a68c8;  padding:0 0 3px 13px;background:url(/style/images/int-li.jpg) no-repeat 0 8px;}
.hot{ background:url(/style/images/hot.jpg) no-repeat; width:683px; height:61px;}
.hot strong{padding:25px 20px 0 190px; display:block; font:bold 14px/16px Tahoma, Geneva, sans-serif;  }
#formats td,#formats th,#formats tr {border-collapse:collapse;border:1px solid #CCC;}
#side{ float:right; width:265px; margin-top:10px; }
#side p a{ text-decoration:underline;}
#side ul{ margin-top:10px;}
#side ul li{font-weight:bold;}
#side ul li p{ padding-left:0; font-weight:normal;}
#side .rss{ border-top:#666 dashed 1px; background:none; }
#side .name{ font:18px/25px Verdana, Geneva, sans-serif; color:#249dc5; }
#side .guide li{font: normal 11px/18px Tahoma, Geneva, sans-serif; background:url(/style/images/g.gif) no-repeat 0 6px;}
#side .guide li a{color:#0a68c8;}
.pop .font2{ font-size:12px;}
.pop .font3{ font-size:14px; font-weight:bold;}
.pop .font4{ font-size:16px; font-weight:bold;}
#side .pop a{ color:#0068b7; text-decoration:none; padding-right:7px; line-height:25px;}
.articls {margin:0 10px; line-height:17px;}
#side dt {color:#eb6100; font-weight:bold; background:url(/style/images/dt.png) no-repeat 0 2px; text-indent:20px; font-size:12px; clear:both;}
#side dt a{color:#eb6100;}
#side dt span a{font-weight:normal; font-size:11px;}
#side dd{ padding:5px 0; margin-bottom:7px;border-bottom:#CCC dashed 1px;overflow:hidden;  }
#side .more-btn{ float:right; margin-top:-31px; border:none; }
#side .more{ background:url(/style/images/more.jpg) no-repeat; width:69px; height:16px; display:block;}
/*footer*/
#footer { clear: both; background:#999 url(/style/images/footbg.gif) no-repeat center 0; margin-top: 15px; }
#foot-text{ padding:20px; text-align:center;}
#footer a{ text-decoration:underline;}
.copyright{margin-left:0;}