@charset "utf-8";

/* RESET */
body {margin:0; padding:0; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#333;}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img{margin:0px; padding:0px;-webkit-text-size-adjust: none;}
html{-webkit-text-size-adjust: none;}
ul, li, dl, dt, dd {list-style:none;}
ol{list-style-type: decimal; list-style-position: outside;}
input, select, option {font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:11px; margin:0;}
img {border:0px;}
a {color:#24a2f8; text-decoration:none;}
a:hover {color:#05436d; text-decoration:underline;}
.clearfix:before, .clearfix:after {	content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clear {clear:both; display:block; height:0; font-size:0; line-height:0;}
.inline_block {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}

body { background-color: #f2f2f2; }
#container {width:988px; margin: 0 auto;}
#top {padding: 12px 6px;}
#top .top_l {display: block; float:left; height: 28px;}
#top .top_l .logo {display: inline-block; width:106px; height:28px; background: url(images/logo.png) no-repeat; vertical-align: middle; }
#top .top_l .logo_desc {display: inline-block; *display:inline; *zoom:1; width:280px; border-left: 1px solid #ccc; margin-left:6px; padding-left: 8px; font-size: 11px; line-height:1.4em; font-weight: normal; color:#666; vertical-align:middle; }
#top .top_l .logo_word {font:bold 22px/1.6em Arial; vertical-align: middle; color:#666; cursor:pointer;}
#top .top_l .logo_word:hover {text-decoration:none;}
#top .top_link_r, #top .top_link_r p {width: 390px; height: 27px; background:url(images/top_link_bg.png) no-repeat 0 0;}
#top .top_link_r {float: right; padding-left:20px;}
#top .top_link_r p {background-position:right 0; line-height: 26px; color: #666;}
#top .top_link_r p a {color:#666; padding: 0 6px;}
#top .top_link_r p a:hover {color:#24a2f8;}

#menu {margin: 0 3px;}
#menu, #menu .inner, #menu .list {height:43px; line-height: 42px; background:url(images/menu_bg.png) no-repeat 0 0;}
#menu {background-repeat: repeat-x;}
#menu .inner {background-position: 0 -45px; _z-index:10;}
#menu .list {background-position: right -90px; padding: 0 28px;}
#menu .list li {position:relative; display: inline-block; *display: inline; *zoom:1; z-index:10;}
#menu .list li a {display: inline-block;*display: inline; *zoom:1; height:43px; padding: 0 16px; color:#ccc; font-size: 13px;}
#menu .list li a:hover,#menu .list li.hover a {text-decoration: none; color:#fff; background: #55606d; border-left: 1px solid #838990; border-right: 1px solid #838990;}
#menu .list li.curr a, #menu .list li.curr a:hover  { background: url(images/menu_bg.png) repeat-x 0 -135px; border-left: 1px solid #838990; border-right: 1px solid #838990; color: #fff;}

#menu .list li.hover .dropdown {display:block;}
#menu .dropdown {display:none; position:absolute; top:43px; left:0; width:180px; padding:10px; z-index:10; background-color:#55606d;}
#menu .list li .dropdown a {width:auto; height:22px; padding:0 10px; font-size:11px; line-height:22px; background:none; color:#ccc; border:none;}
#menu .list li.hover .dropdown a {border:none;}
#menu .list li.curr .dropdown a, #menu .list li.curr .dropdown a:hover  {background:none; border:none;}
#menu .list li .dropdown dl {}
#menu .list li .dropdown dl dt {padding:0 10px; color:#fff; line-height:26px; font-size:12px;}
#menu .list li .dropdown dl.no_border {border:none;}
#menu .list li .dropdown a:hover, #menu .list li.curr .dropdown a:hover {color:#fff;}



#crumb {background: url(images/icon_home.png) no-repeat 0 2px; padding-left: 20px; margin: 8px 4px;}
#crumb a {color: #666;}
.no_margin_btm {margin-bottom:0 !important;}

#main {width:749px; float:left;}
.block_wide {background: url(images/b_w_bg.png) repeat-y;}
.block_wide .corner_top {background: url(images/b_w_top.png) no-repeat 0 0; font-size:0; height:6px;}
.block_wide .corner_btm {background:url(images/b_w_btm.png) no-repeat 0 0; font-size: 0; height: 8px;}
.block_wide .block_cont {padding: 10px 40px;}
.block_main {width:749px; margin-top: 10px; background:url(images/b_bg.png) repeat-y;}
.block_main .corner_top {background: url(images/b_top.png) no-repeat 0 0; font-size:0; height:6px;}
.block_main .corner_btm {background:url(images/b_btm.png) no-repeat 0 0; font-size: 0; height: 10px;}
.block_main .block_cont {padding: 10px 30px;}
.block_main .block_cont_home {padding: 0 4px;}
.block_main .block_article_title {height:57px; padding-left:20px; background:url(images/b_article_title.png) no-repeat 0 0; font-size:20px; font-weight:normal; line-height:58px;}
.block_main .block_title {height:32px; padding-left:20px; background:url(images/b_title.png) no-repeat 0 0; line-height:32px; font-size:12px;}
.block_sidebar {width:232px; margin-top: 10px; background:url(images/b_side_bg.png) repeat-y;}
.block_sidebar .block_title {height:31px; padding: 0 12px; background:url(images/b_side_top.png) no-repeat 0 0; line-height: 32px; font-size:12px; font-weight:bold;}
.block_sidebar .block_cont {padding:0 4px;}
.block_sidebar .corner_btm {height:8px; background:url(images/b_side_btm.png) no-repeat; font-size:0;}
.block_btm {height: 129px; margin-top: 10px; padding:20px 4px; background:url(images/b_btm_bg.png) no-repeat 0 0;}
.block_home_btm {height:107px; margin-top: 10px; padding: 14px 4px; background:url(images/b_home_btm_bg.png) no-repeat center 0;}
.block_home_recomm {background:url(images/b_w_bg.png) repeat-y 0 0;}
.block_home_recomm .corner_title {height:40px; background:url(images/b_home_recom_title.png) no-repeat 0 0;}
.block_home_recomm .block_cont {margin-top:-40px; padding:2px 4px 6px 4px; background:url(images/b_home_recom_btm.png) no-repeat 0 bottom;}

.btn_download, .btn_buy {display:inline-block; *display:inline; *zoom:1; width: 125px; height:32px; margin: 6px 0; padding-left:26px; background:url(images/btn_download.png) no-repeat; font-size:15px; line-height: 30px; color:#fff; text-align:left; cursor:pointer; text-decoration:none;}
.btn_buy {width: 137px; background:url(images/btn_buy.png) no-repeat; padding-left: 52px;}
.btn_download:hover, .btn_buy:hover {text-decoration: none; color:#ff8;}
.link_download {margin-right:16px; padding-left:14px; background:url(images/icon_download.png) no-repeat 0 2px;}
.link_buy {padding-left:11px; background:url(images/icon_buy.png) no-repeat 0 2px;}
.link_buy span {color:#f60;}

#detail_top .detail_desc {padding: 16px 24px;}
#detail_top .detail_desc img {vertical-align: top; margin: 10px 16px 0 0;}
#detail_top .detail_desc_cont {width:540px; }
#detail_top .detail_desc_cont a {text-decoration:underline;}
#detail_top .detail_desc_cont h1 {font-size: 28px; line-height: 1.2em;}
#detail_top .detail_desc_cont p {padding: 8px 0;}
.detail_desc_btm {margin: 0 4px; padding: 0px 10px; background: url(images/detail_btm_bg.png) repeat-x 0 0; border-top: 1px solid #e7e7e7;}
.detail_desc_btm p {height: 70px; padding: 10px 20px; background: url(images/detail_btm_split.png) no-repeat right 0;}
.detail_desc_btm .item_env {width: 380px;}
.detail_desc_btm .item_btn {width: 220px;text-align: center; font-size: 12px; line-height: 22px;}
.detail_desc_btm .no_split {background: none;}
.detail_desc_btm .item_btn .price {color:#ca0000; font-size: 16px; font-weight:bold;}
.detail_desc_three .item_env {width:230px; }
.detail_desc_three .item_btn {width:190px; }
.detail_desc_three p {padding: 10px 16px;}

#detail {float:left;}
#detail a {text-decoration:underline;}
.detail_title {margin:10px 0; padding-bottom:12px;background:url(images/detail_title_bg.png) no-repeat 0 bottom; font-size:16px; font-weight:bold;}
#detail .key_feature .item {padding: 14px 0;}
#detail .key_feature .item div,
#detail .more_feature .item,
#detail .more_feature .item dl {display:inline-block; *display:inline; *zoom:1; width:470px; vertical-align:top;}
#detail .key_feature .item img {margin: 0 16px; vertical-align:top;}
#detail .key_feature .item h4 {font-size:12px;}
#detail .more_feature .item {width:340px; padding: 8px 0;}
#detail .more_feature .item dl {width:260px;}
#detail .more_feature .item dl dt {font-weight:bold;}
#detail .more_feature .item img {margin:4px 6px 0 0;}
#detail .more_feature .item_wide {width:689px;}
#detail .more_feature .item_wide dl {width:600px;}
#detail .detail_btm_btn {height: 32px; padding: 18px; text-align: center; background:none;}
#detail .detail_btm_btn a {margin: 0 20px; text-decoration:none; color:#fff; }
#detail .detail_btm_btn_three {background:none; text-align:center;}
#detail .detail_btm_btn_three span {display: inline-block; margin: 0 20px; text-align:center;}
#detail .detail_btm_btn_three span a {text-decoration:none;}
#detail .detail_btm_btn_three span em {font-style:normal; color:#CA0000; font-size:12px; font-weight:bold;}

#sidebar {float:right; width:232px; }
#sidebar .list a {display:block; padding:0 12px; background:#fff url(images/dot_arrow.png) no-repeat 200px 6px; line-height: 24px; color:#333; *zoom:1;}
#sidebar .list .zebra a {background-color:#f9f9f9;}
#sidebar .list a:hover {color:#24a2f8; text-decoration:none;}
.awards {padding:8px 0 12px 0; text-align:center;}

#detail_btm {position:relative; }
#detail_btm .item, #home_btm .item {display:inline-block; *display:inline; *zoom:1; width:200px; padding: 0 21px;}
#detail_btm .item h4 {padding-bottom:6px; font-size:13px;}
#detail_btm .item li {padding-left:12px; background:url(images/dot_list.png) no-repeat 2px 8px;}
#detail_btm .item a {color:#666;} 
#detail_btm .item a:hover {color:#24a2f8;}
#detail_btm .tags a {padding-right:8px;}
#detail_btm .gototop {position:absolute; display:inline-block; right: 30px; top: -19px; width:87px; height:21px; background:url(images/b_to_top.png) no-repeat 0 0; color:#fff; text-align:center; line-height:20px;}
#detail_btm .gototop:hover {text-decoration:none; color:#ff8;}


#footer {text-align:center; padding: 10px 0 16px 0; color:#999;}
#footer span {padding-left: 20px;}
#footer a {color:#999;}
#footer a:hover {color:#24a2f8;}

#article_cont {padding: 16px 30px; line-height:1.8em;}
#article_cont a {text-decoration:underline;}
#article_cont h3 {font-size: 14px; padding:20px 0 4px 0;}
#article_cont img {margin:8px 0;}

#home_list .item {padding: 14px 26px; border-bottom:1px solid #e5e5e5;}
#home_list .no_line {border-bottom:none;}
#home_list .item .item_img {display:inline-block; *display:inline; *zoom:1; width:60px; padding-top:2px; text-align:center; vertical-align:top;}
#home_list .item .item_cont {display:inline-block; *display:inline; *zoom:1; width:605px; padding-left:18px;}
#home_list .item .item_cont h3, #home_list .item .item_cont h3 a {font-size:12px;}
#home_list .item .item_cont p {padding-top:3px;}
#home_minor_list ul li {padding:10px 24px;}
#home_minor_list ul li.zebra {background-color:#f9f9f9;}
#home_minor_list ul li h4 {display:inline-block; *display:inline; *zoom:1; font-size:11px;}

#home_btm .item h4 {font-size:12px; font-weight:bold; color:#fff; line-height:2em;}
#home_btm .item li, #home_btm .item li a {color:#d1dae4; line-height:1.8em;}
#home_btm .item li a:hover {color:#fff;}

#home_recomm {margin-top:12px;} 
#home_recomm .item {display:inline-block; *display:inline; *zoom:1; width:200px; padding:0 20px; border-right:1px solid #e3e3e3; text-align:center;}
#home_recomm .no_border {border:none;}
#home_recomm .item h2 {font-size: 15px; line-height:40px; font-weight:normal;}
#home_recomm .item .prod_box {position:relative; display:inline-block; *display:inline; *zoom:1; margin:10px 0; width:120px; text-align:left;}
#home_recomm .item .prod_box .price {position:absolute; bottom:-4px; right:-26px; display:inline-block; *display:inline; *zoom:1; width:42px; height:42px; padding:10px; background:url(images/b_price.png) no-repeat 0 0; color:#fff; text-align:center;}
#home_recomm .item .prod_box .price em {font-size:16px; color:#ffff00; font-weight:bold; font-style:normal;}
#home_recomm .item p {text-align:left;}
#home_recomm .item .btns {display:inline-block; *display:inline; *zoom:1; margin:10px 0 14px 0; width:186px; height:29px; background:url(images/btn_min.png) no-repeat 0 0; text-align:left; line-height:24px;}
#home_recomm .item .btns .btn_h_download,
#home_recomm .item .btns .btn_h_buy {display:inline-block; *display:inline; *zoom:1; width:66px; padding-left:24px;}
#home_recomm .item .btns a:hover {text-decoration:none;}
#home_recomm .item .btns .btn_h_buy {padding-left: 27px; width: 63px;}

#compare table {border-color:#ccc; border-collapse:collapse; border-color:#ccc; border:1px solid #ccc; }
#compare table img {margin:8px 0;}
#compare table th {font-size:12px; text-align:left; background:#f6f6f6;}
#compare table td {text-align:center;}
#compare table .link_download {margin-right:0;}
#compare .star_0, #compare .star_1, #compare .star_2, 
#compare .star_3, #compare .star_4, #compare .star_5 {display:inline-block; width:64px; height:11px; background:url(images/star.png) no-repeat 0 0;}
#compare .star_1 {background-position:0 -14px;}
#compare .star_2 {background-position:0 -29px;}
#compare .star_3 {background-position:0 -43px;}
#compare .star_4 {background-position:0 -57px;}
#compare .star_5 {background-position:0 -70px;}
#compare .column_title {padding-left:12px;text-align:left;}