html,body{background:url(../images/cover/bg_coverpage.png) #000 no-repeat center top fixed!important}
#header_menu2{background:url(../images/menu/bg_menu2.jpg) no-repeat left top #000!important;float:left;max-height:34px;overflow:hidden}
#article_area{background:#fff}
#article_area h1{background:url(../images/bg_software_h1.png) no-repeat left top;color:#fff;font-family:Impact;font-size:28px;line-height:35px;margin-bottom:20px;margin-top:30px;padding-left:10px;width:250px}
ul.list{list-style:none;width:100%}
ul.list li{display:block;padding:10px 15px}
ul.list li.alt{background:#f2f2f2}
ul.list li section.left{display:block;float:left;padding-left:0;position:relative;width:750px}
ul.list li section.right{display:block;float:right;margin-right:10px;text-align:right;width:150px}
ul.list li section.left div.block_img{background:url(../images/bg_fix_hotnew_img_category.jpg) no-repeat top left #000;float:left;margin-right:10px;max-height:200px;min-height:130px;overflow:hidden;width:300px}
ul.list li section.left h3 a,ul.list li section.left h3 a:hover,ul.list li section.left h3 a:link,ul.list li section.left h3 a:visited{color:#ea0000;font-family:"Trebuchet MS", Arial, sans-serif;font-size:1.3em;font-weight:700;line-height:1.3em;text-transform:uppercase}
ul.list li section.left span.meta{color:#93989b;font-size:1.1em;font-weight:400}
ul.list li section.right span.price{color:#ad3939;display:block;font-size:1.6em;font-weight:700;margin-bottom:15px;text-align:right}
ul.list li section.right a.firstbtn{margin-right:7px}
ul.grid{list-style:none;margin:0 auto;padding-left:25px}
ul.grid li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #b6bdbe;box-sizing:border-box;display:block;float:left;height:200px;margin-bottom:20px;padding:5px 22px;position:relative;width:220px}
ul.grid li.third{border:0}
ul.grid li section.left{position:relative}
ul.grid li section.left img.featured-banner{position:absolute;top:0}
ul.grid li section.left h3{color:#707375;font-family:"Trebuchet MS", Arial, sans-serif;font-size:1.4em;font-weight:700;line-height:1.5em;text-transform:uppercase}
ul.grid li section.left span.meta{color:#93989b;display:block;font-size:1.1em;font-weight:400;margin-bottom:7px}
ul.grid li section.right span.price{color:#ad3939;display:block;font-size:1.75em;font-weight:700;margin-bottom:5px}
ul.grid li section.right span.darkview{-moz-box-sizing:border-box;-moz-transition:opacity .25s linear 0;-o-transition:opacity .25s linear 0;-webkit-box-sizing:border-box;-webkit-transition:opacity .2s linear 0;background:rgba(40,45,55,0.75);border-radius:6px;box-sizing:border-box;height:200px;left:0;margin:0 15px;opacity:0;overflow:hidden;padding-top:35px;position:absolute;text-align:center;top:0;transition:opacity .2s linear 0;width:190px}
ul.grid li:hover section.right span.darkview{opacity:1}
ul.grid li section.right span.darkview a.firstbtn{display:block;margin-bottom:10px}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.clearfix{display:inline-block}
html[ xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
ul.list li section.left img.featured-banner,ul.list li section.left div.block_img img.featured-banner{left:-18px;position:absolute;top:35px}
ul.list li section.left div.block_img a img,ul.list li section.left img.thumb,ul.list li section.left div.block_img img.thumb{float:left;margin-right:10px;max-width:300px}