/*container*/
#banner { width:988px; background:url(/style/images/border-bg.jpg) repeat-y scroll 0 0 transparent; height:255px; }
#product { height:307px; }
#leftside { float:left; width:180px; margin-left:10px; height: 600px; background-color: #CCCCCC; }
#main { float:left; width:713px; margin-top:10px; }
.main-product { background:url(/style/images/product-bg.gif) no-repeat; width:681px; height:295px; margin-bottom:10px; clear:both; overflow: hidden; }
.main-product h2 { font:bold 15px/30px Verdana, Geneva, sans-serif; margin-left:12px; }
.main-product .text { padding-top:12px; float:left; width:490px; }
.main-product .down, .main-product .buy { background:url(/style/images/buy-down.jpg) no-repeat 0 -28px; display:block; float:left; width:133px; height:28px; margin:5px 7px 0; text-indent:-9999px; overflow:hidden; }
.main-product .buy { background:url(/style/images/buy-down.jpg) no-repeat -1px -84px; }
.down:hover { background:url(/style/images/buy-down.jpg) no-repeat -1px 0; }
.buy:hover { background:url(/style/images/buy-down.jpg) no-repeat -1px -56px; }
#main p a { color:#00F; text-decoration:underline; }
#other { background:url(/style/images/other-bg.jpg) no-repeat 0 bottom; width:681px; height:269px; margin-bottom: 10px; }
#other dl { width:330px; margin:5px; float: left; display:inline; }
#other dt { font:bold 16px/33px Verdana, Geneva, sans-serif; margin-left:10px; }
#other dd { margin-left:10px; margin-top:5px; overflow:hidden; }
#other .icon1 { background:url(/style/images/icon1.jpg) no-repeat 0 center; height:120px; }
#other .icon2 { background:url(/style/images/icon2.jpg) no-repeat 0 center; height:120px; }
#other .buyicon, #other .downicon { background:url(/style/images/buy-icon.gif) no-repeat 0 center; padding-left:25px; margin-left:140px; display:block; color:#287BE7; font-size:13px; font-weight:bold; margin-top:30px; }
#other .downicon { background:url(/style/images/down-icon.gif) no-repeat 0 0; color:#A2A2A3; margin-top:10px; }
#product-recom { width:681px; margin-bottom: 10px; }
#corner { width:681px; background:url(/style/images/corn-top.gif) no-repeat center top; padding-top:9px; margin-bottom: 10px; }
.mainbox { border:#dadada solid 1px; background-color:#FFF; border-bottom:none; border-top:none; overflow: hidden; }
.corner-b { background:url(/style/images/corn-bottom.gif) no-repeat 0 bottom; height:7px; width:681px; clear: both; }
#main .pic { float: right; padding: 10px; text-align: center; }
#main .price { text-align:center; font-size:14px; color:#666; font-weight:bold; }
#main .latest { margin:5px 0; padding-right:0px; width:335px; float: left; }
#main .latest li { background:url(/style/images/new-li.gif) no-repeat 0 7px; width:330px; float:left; margin-bottom:5px; }
#main .latest li a { float:left; padding-left:15px; }
#main .latest li span { color:#999; float:right; }
.win-logo { background:url(/style/images/win-logo.jpg) no-repeat 0 center; padding-left:25px; }
.mac-logo { background:url(/style/images/mac-logo.jpg) no-repeat 0 center; padding-left:25px; }
.news { margin:5px 0; padding-right:10px; width:665px; float: left; }
.news li { background:url(/style/images/new-li.gif) no-repeat 0 7px; width:660px; float:left; margin-bottom:5px; }
.news li a { float:left; padding-left:15px; }
.news li span { color:#999; float:right; }
#formats td, #formats th, #formats tr { border-collapse:collapse; border:1px solid #CCC; }
#side { float:left; width:260px; margin-top:10px; }
#hot { background: url(/style/images/hot-bg.gif) no-repeat 0 0; height: 204px; margin-bottom: 10px; }
#hot .pop { padding:5px; }
#hot .font2 { font-size:12px; }
#hot .font3 { font-size:14px; font-weight:bold; }
#hot .font4 { font-size:16px; font-weight:bold; }
#side #hot a { color:#5c5c5c; text-decoration:none; padding-right:7px; line-height:22px; }
#side #hot a:hover { text-decoration:underline; }
#side #hot .pop .font3 { text-decoration:underline; }
#side #hot .pop .font4 { text-decoration:underline; }
.side-bottom { background:url(/style/images/side-bottom.gif) no-repeat 0 0; height:10px; }
.side-img { width:260px; height:200px; margin-top: 10px; border:1px solid #c6c6c6; }
#partner { margin-top:10px; }
#partner h3 { background:url(/style/images/partner.gif) no-repeat 0 0; height:36px; line-height:36px; }
#partner ul { padding:10px; padding-left:20px; }
.h_banner { position:relative; height:255px; padding-top: 5px; width: 960px; }
.h_banner .imgs li { position:absolute; }
.h_banner .num { position:absolute; bottom:11px; right:17px; z-index:10; }
.h_banner .num li { color:#000; float:left; margin:3px; padding:0 4px; background:#fff; font:normal 11px/1.4em Arial; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; cursor:pointer; }
.h_banner .num li.curr { background:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; color:#03243a; font-weight:bold; }
.get-mac-version { background:url(/style/images/mac-1.jpg) no-repeat 0 0; display:block; width:137px; height:26px; float:right; margin-right:180px; _margin-right:90px; }
.get-mac-version:hover { background:url(/style/images/mac-1.jpg) no-repeat 0 -26px; }
.get-win-version { background:url(/style/images/win-1.jpg) no-repeat 0 0; display:block; width:137px; height:26px; float:right; margin-right:180px; _margin-right:90px; }
.get-win-version:hover { background:url(/style/images/win-1.jpg) no-repeat 0 -26px; }