@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
body {font-family:Verdana; font-size:11px; color:#62696e; margin-bottom:15px; letter-spacing:-0.2px; background-color:#e5e6e7;}
h1 h2 h3 {font-family:Arial, Helvetica, sans-serif;}
h2{font-size:12px; font-weight:bold;}
h3{font-size:11px; font-weight:bold;}
img {border:0;}
.clr{clear:both;}
a{text-decoration:none; color:#000000; }
a:hover{text-decoration:underline; color:#7cba0f;}
ul li{list-style:none;}

.submit{margin:0 auto; width:920px; height:17px; padding:6px 50px 0 10px; text-align:right; font-size:12px;}
.top{margin:0 auto; width:980px; height:90px; background-image:url(../images/common/topbg.jpg); background-repeat:repeat-x;}
.top .logo{width:240px; height:58px; float:left; padding:32px 0 0 50px;}
.top .right{width:660px; float:left;}
.top .right .submit{float:left; width:600px; text-align:right; padding:5px 20px 0 0; height:29px;}
.top .right .button{list-style:none; width:660px; height:29px; margin-top:61px;}
.top .right .button li{float:left; width:102px; height:29px; }
.top .right .button li a{width:102px; height:29px; display:block; text-align:center;line-height:29px;background-image:url(../images/common/buttonoff.jpg); background-repeat:no-repeat; background-position:bottom;}
.top .right .button li a:hover{background-image:url(../images/common/buttonhover.jpg); padding:0; color:#000000; border:0; background-color:#FFFFFF;}
.top .right .button li .on a{background-image:url(../images/common/buttonon.jpg);float:left; width:108px; height:29px; text-align:center;}
.top .search{width:660px; height:90px; float:left;}
.top .search .searchbar{width:400px; height:34px; float:right; padding-top:60px;}
#on{width:110px; height:29px;}
#on a{background-image:url(../images/common/buttonon.jpg);width:110px; height:29px; background-repeat:no-repeat;}

.hot_search{width:980px; margin:0 auto; background-image:url(../images/common/hotbg.jpg); background-repeat:repeat-x; }
.hot_left{height:34px; background:url(../images/common/hotleft.jpg) 0 0 no-repeat;}
.hot_rigt{height:34px; background:url(../images/common/hotright.jpg) 100% 0 no-repeat;}
.hot{width:960px; margin:0 auto;}
.hot .hottag{width:480px; height:29px;line-height:29px; padding:5px 0 0 20px; color:#FFFFFF; font-size:12px; float:left;}
.hot .hottag a{text-decoration:none; color:#ffffff;}
.hot .hottag a:hover{text-decoration:none; color: #FFFF00;}
.hot .search{width:430px; float:left;line-height:30px; height:29px; padding:2px 0 0 20px; }

.pick_top{width:740px; margin:0 0 5px 10px; background-image:url(../images/common/pick-top.jpg); background-repeat:no-repeat; float:left;}
.pick_content{width:736px; height:130px; border-left:2px solid #d4e0d0; border-right:2px solid #d4e0d0; margin:10px 0; }
.pick_bottom{width:740px; background-image:url(../images/common/pick-bottom.jpg); background-repeat:no-repeat;float:left; background-position: bottom;}
.pick_content .productor{display:block; width:368px; float:left;}
.pick_content .productor img{float:left; margin:10px;}
.pick_content .productor .title{width:250px; font-size:14px; font-weight:bold; float:left; margin:10px 0; line-height:20px; float:left;}
.pick_content .productor .title p{font-size:12px; color:#000000; line-height:130%; display:block; font-weight:normal;}
.pick_content .productor .download{width:220px; height:25px; color:#3366CC; margin:5px 10px;  float:right;}
.pick_content .productor .download img{width:25px; height:25px; margin:0 5px; float:left; }
.pick_content .productor .download span{display:block; width:170px; line-height:30px; color:#666666; font-size:12px; font-weight:normal;}
.pick_content .productor .download span a{text-decoration:none;}
.pick_content .productor .download span a:hover{text-decoration:underline; color:#000099;}
.pick{margin:10px 0 1px 10px; width:396px; height:31px; float:left; background-image:url(../images/common/pick-bg.jpg); background-repeat:no-repeat; font-size:15px; font-weight:bold; color:#000000; padding-left:10px; line-height:25px;}

.main{width:978px; margin:0 auto; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; display:table;  background-color:#FFFFFF;}
.main .left{width:210px; height:400px; float:left; margin:5px 0 0 4px;}
.main .pick{width:740px; float:left;}
.main .middle{width:500px; margin:10px 10px 0 10px; float:left;}
.main .right{width:227px; float:left; margin-top:10px;}
.foot_nav{width:980px; height:50px; background-color:#e0e0e0;margin:0 auto; border-top:2px solid #3b74ce; text-align:center; padding:5px 0 0 0;}

.lefttop{width:210px; height:9px; background-image:url(../images/common/lefttop.jpg); background-position:bottom; background-repeat:no-repeat; float:left;}
.category{width:210px; height:47px; background-image:url(../images/common/category.jpg); background-repeat:no-repeat;}
.left_list{width:190px; background-image:url(../images/common/leftlist.jpg); background-repeat:no-repeat; float:left; padding:0 10px;}
.left_list ul{list-style:none; margin:0; padding:0;}
.left_list li{background-image:url(../images/common/arrow.gif); background-repeat:no-repeat; width:160px; border-top:1px dotted #CCCCCC; line-height:25px; background-position:-1px 8px; font-weight:bold; padding:0 0 0 10px; float:left; clear:both;}
.left_list li a{color:#0a68c8;}
.left_list .menu{font-weight:normal; font-size:11px; color:#737373; padding-bottom:5px; clear:both; float:left;}
.left_list .menu a{color:#737373; line-height:12px; }
.left_list .ad{float:left; margin-top:10px;}

.submenu{width:180px;}
.submenu ul{color:#737373; border:none;}
.submenu ul li{background-image:none; font-weight:normal; font-size:11px; line-height:16px; padding-bottom:5px; clear:both; border:none;}
.submenu ul li a{color:#737373;}

.top_shareware{width:232px; float:left; margin-top:5px;}
.top_shareware .title{width:232px; background-image:url(../images/common/righttop.jpg); background-repeat: no-repeat; float:left; margin:0 0 10px 0;}
.top_shareware .content{width:230px; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; float:left; margin:10px 0 4px 0; display:inline-block;}
.top_shareware .content h2{padding-left:15px; color:#000000;}
.top_shareware .bottom{width:232px; background-image:url(../images/common/right_bottom.jpg); background-repeat:no-repeat; background-position:bottom;float:left; clear:both;}
.top_shareware ul{width:220px; list-style:none; display:block; margin:0; padding:0;}
.top_shareware ul li {width:205px; padding:7px 7px 0 0; float:left; display:block;}
.top_shareware ul li h3 a {float:left; margin:0 0 0 8px; color:#3f6ab9; display:block;}
.top_shareware ul li p{float:left; width:220px; margin:0 0 0 8px; font-size:11px; line-height:13px; display:block; color:#737373;}
.top_shareware ul li .discount{float:left; width:210px; margin:0 0 0 8px;line-height:15px; color:#FF0000; font-weight:bolder;}

.featured{width:485px; height:30px;font-size:15px; font-weight:bold; color:#000000; padding-left:10px; line-height:30px; background-image:url(../images/common/pick-bg.jpg); background-repeat:no-repeat; border-bottom:2px solid #78b100; margin-bottom:7px;}
.featured-list ul {list-style:none; margin:7px 0 0 0; margin:0; padding:0; display:block;}
.featured-list li {float:left; width:480px; padding:2px 10px 0 7px; margin:0 0 10px 0; border-bottom:1px dotted #cccccc;}
.featured-list li span{display:block; float:right; font-weight:normal;}
.featured-list .pic {float:left;}
.featured-list img {margin:0 10px 10px 7px; width:75px; height:60px; }
.featured-list .text {float:left; width:370px; color:#737373; font-size:12px;}
.featured-list a {color:#0a68c8; font-weight:bold; text-decoration:none; display:block;}
.featured-list a:hover {text-decoration:underline;}
.featured-list p {line-height:15px; font-size:11px; padding:0; margin:0; }
.featured-list .text span a{color:#3f6ab9; font-weight:normal; text-align:right; font-size:11px; text-decoration:none;}

.newpick{margin:15px 0; height:100%}
.newpick ul {list-style:none; margin:0; padding:0; display:block;}
.newpick li {width:480px; float:left; padding:5px 10px 0 7px; margin:0 0 10px 0; border-bottom:1px dotted #cccccc;}
.newpick li span{display:block; float:right; font-weight:normal;}
.newpick .pic {float:left;}
.newpick img {margin:0 20px 10px 7px; width:30px; height:30px;}
.newpick .text{float:left; width:410px; font-size:12px;}
.newpick a {color:#0a68c8; font-weight:bold; text-decoration:none; display:block; }
.newpick a:hover {text-decoration:underline;}
.newpick p {line-height:15px; font-size:11px; padding:0; margin:0;}
.newpick .text span a{color:#3f6ab9; font-weight:normal; text-align:right; font-size:11px; text-decoration:none;}

.recommend { width:500px; height:300px; margin:7px 0 0 0; background-color:#999900;}

/*navigation*/
.navigation{width:950px; height:15px; margin:8px 10px 0 10px; float:left; display:inline;}
.nav_content{width:950px; height:27px; padding:3px 0 0 10px;} 
.nav_content a{text-decoration:none; color:#737373;} 

/*star*/
.gray {width:76px; background-color: transparent; background-image: url(../images/common/gray_star.jpg); background-repeat: repeat-x; background-attachment:scroll; background-position:0% 0%; height: 21px; margin:0 30px 0 0; }
.gray .gold {background-color:transparent; background-image: url(../images/common/gold_star.jpg); background-repeat: repeat-x; background-attachment:scroll; background-position:0% 0%; width:50%; height:21px;}
