@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	font:normal 12px/180% Arial;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	background:url(../png/bg-foot.png) #f4fafb left bottom repeat-x;
	color:#00435a;
}
table {
	border-collapse :collapse;
	border-spacing:0;
}
img {
	border:0;
}
a:focus {
	outline:none;
	-moz-outline-style: none;
}
a {
	behavior:url(../onfocus.html);
    !important
}
a {
	text-decoration:none;
	color:#00435a;
	font-family:"Arial";
	!important
}
a:hover {
	text-decoration:underline;
	color:#0088be;
}
a img, a:hover img {
	text-decoration:none;
	cursor:pointer;
}
input, textarea {
	outline:none;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	font-family:'Arial';
}
strong {
	font-weight:bold;
}
em, i {
	font-style:italic;
}
#clear, .clear {
	clear:both;
	height:0;
	width:0;
	overflow:hidden;
}
/* =header
-------------------------------------------------------- */
#header{ background-color:#0c2947; height:60px; width:auto;}
#header .con{ background: url(../jpg/bg-head.jpg) 50% -24px no-repeat; width:1004px; margin:0 auto;}
#header .logo{ margin-top:22px; color:#FFF; float:left; width:220px;}
#header .logo a{color:#FFF; text-decoration: none;}

#header .nav{ float:left; width:575px; padding:12px 0px 0px 0px; }
#header .nav li{ float:left; position:relative; }
#header .nav a{ color:#d7eaee; font-size:16px; font-weight:bold; font-family:'Candara'; text-decoration:none; line-height:42px; height:48px; display:inline-block; padding:0px 11px; text-transform:uppercase; position:relative; z-index:1000;}
#header .nav a.cur{ color:#6acdf6;}
#header .nav a:hover,#header .nav a.cur:hover,#header .nav li:hover a{ background-color:#f4fbfc; color:#1f4469;}
#header .nav li div{ 
	display:none;
	position: absolute;
	z-index: 9;
	background-color:#f4fbfc;
	top: 48px;	
	left: 0px;
	padding: 0px 0px 26px 0px;
	overflow: hidden;
	-webkit-border-radius:0px 0px 2px 2px;
	-moz-border-radius:0px 0px 2px 2px;
	border-radius:0px 0px 2px 2px;
	-webkit-box-shadow: 2px 2px 3px #666666;
	-moz-box-shadow: 2px 2px 3px #666666;
	box-shadow: 2px 2px 3px #666666;
	border:none;
}
#header .nav li div.macDrop{ width:510px;}
#header .nav li div.macDrop dl{ width:238px;}
#header .nav li div dl{ margin:20px 0px 0px 16px; float:left;}
#header .nav li div dl dt{ color:#023d58; font-size:16px; margin-bottom:4px; font-weight:bold;}
#header .nav li div dl dd { padding:0; margin:0;}
#header .nav li div dl dd a{ color:#00496b; font-size:14px; line-height:24px; height:auto; margin:0; padding:0; font-weight:normal; text-transform:none;}
#header .nav li div dl dd a:hover{ text-decoration:underline;}
#header .nav li:hover div{display:block;}
#header .nav li div dl dt.mac{ background:url(../png/icon_mac_18.png) right center no-repeat; display:inline-block; padding-right:28px;}

#header form { background:url(../png/bg-search.png) left top no-repeat; width:192px; float:right; height:33px;margin-top:14px; padding:0px 8px; line-height:32px;}
#header form input[type='text']{border:none; background:none; color:#85a1be; font-size:12px; width:170px;}
#header form input[type='submit']{ background:url(../png/bg-search-submit.png) center center no-repeat; width:17px; height:17px; border:none; position:relative; top:2px;}

#footer{ height:87px; text-align:center;background-color:#1f364d;border-top:1px solid #acc9cf; width:auto;text-align:right;}
#footer .con{ width:1004px; margin:0 auto;}
#footer .fnav{ padding-top:20px;}
#footer .fnav a{ font-family:'Candara'; font-size:14px; color:#acc8e4; padding-right:6px;}
#footer .safety-certification{ float:left; padding-top:24px;}
#footer .safety-certification img{ margin-right:30px;}
#footer .copyright{color:#5f7992;}
#footer .copyright a{color:#acc8e4; text-decoration:underline;}

#breadcrumb{margin-bottom:10px; height:20px; font-size:14px;}
#breadcrumb a{ margin:0 3px; font-size:14px; text-decoration:underline;}

#container-top { background:url(../png/bg-container-top.png) left bottom repeat-x;}
#container-top-pro{ background:url(../png/bg-container-top-pro.png) left bottom repeat-x;}
.container-top-pro-con{ width:1002px; margin:0 auto; padding:34px 0px 46px 0px;}
#container-top .container-top-pro-con{ padding-bottom:20px;}
.container-top-pro-con h1{ color:#023d58; font-size:46px; font-family:'Candara'; font-weight:bold; text-align:center;}
.pro-nav-bar{ background:url(../png/bg-nav-pro.png) left top no-repeat; height:70px;}
.pro-nav { padding:0px 0px 0px 160px; list-style:none; overflow:hidden; width:710px; float:left;}
.pro-nav li{ float:left; margin-top: 1px; padding: 8px 0 0; margin:0px 12px;}
.pro-nav li a{ color:#00435a; font-size:14px; display: inline-block; padding: 0 7px 30px;}
.pro-nav li.curr{ border-top: 4px solid #1c526b;padding: 4px 0 0;}
.pro-nav-bar .buy, .pro-nav-bar .trial{display: block;width: 50px;height: 25px;float: left;	margin: 12px 0 0 12px; position: relative;}
.container-top-pro-con .sc{ width:400px; float:left;}
.container-top-pro-con .sc p{ padding:20px 0px 0px 50px;}
.container-top-pro-con .desc{ width:600px; float:left;}
.container-top-pro-con .desc h2{ font-size:20px; font-family:'Arial';}
.container-top-pro-con .descShort{ font-size:16px; font-family:'Arial';}
.container-top-pro-con .goOS{font-size:14px; font-family:'Arial';}
.container-top-pro-con .goOS a{ text-decoration:underline; font-size:14px;}
.container-top-pro-con .desc ul{ padding:14px 3px;}
.container-top-pro-con .desc ul li{ font-size:14px; font-family:'Arial'; font-weight:bold; background:url(../png/icon-yes.png) 0px 7px no-repeat; padding-left:28px; margin-bottom:4px;}
.container-top-pro-con .bt a{ display:inline-block; float:left; margin-right:20px; margin-top:26px;}
.container-top-pro-con .btDown{ background:url(../png/bt_freetrial_pro.png) left top no-repeat; color:#c9ffb3; font-size:14px; padding:32px 0px 0px 60px; width:126px; height:32px;}
.container-top-pro-con .btBuy{ background:url(../png/bt_buynow_pro.png) left top no-repeat; color:#FFF; font-size:12px; padding:32px 0px 0px 64px; width:140px; height:32px;}
.container-top-pro-con .btBuy span{ color:#ffca97; text-decoration:line-through;}
.container-top-pro-con .btBuy span:hover{ border-bottom:1px solid #ffca97;}

#container{ background:url(../png/bg-container.png) left top repeat-x;}
#main{ width:1002px; margin: 0 auto; padding:20px 0px 28px 0px; position: relative;}

.proWarp{ background:url(../png/shadow-product.png) center bottom no-repeat; padding:36px 0px 50px 0px; font-size:14px; clear:both;}
.proWarp.last{ background:none; padding-bottom:30px;}
.proWarp .conr{ float:right; margin:30px 0px 0px 60px;}
.proWarp .conl{ float:left; margin:10px 50px 0px 0px;}
.proWarp h3{ font-size:24px; color:#023d58;}
.proWarp p{ font-size:14px; color:#434343; line-height:28px; margin:10px 0px;}
.proWarp p strong{ font-size:14px; font-weight:bold;}
.proWarp .review{ background-color:#eefcfd; border:1px solid #d1e3e4; padding:12px 16px; font-size:14px; color:#424242; width:500px; margin-top:24px; line-height:28px;}
.proWarp .review span{ display:block; text-align:right; font-size:14px; margin-right:10px;}
.proWarp ul li{ font-size:14px; font-family:'Arial'; background:url(../png/icon-yes.png) 0px 7px no-repeat; padding-left:28px; margin-bottom:8px;color:#434343;}

.reviews-con h2{ color:#00435a; font-size:26px;}
#reviews_write{ float:right; margin-top:10px;}
.reviewsItem{padding:15px;background:#FFF; border: 1px solid #cadfe5;margin-top:15px; margin-bottom:8px;overflow:hidden;}
.reviewsItem strong.title{font-size:16px;color:#00435a;display:block;line-height:20px;}
.reviewsItem span.info{display:block;color:#939393;padding:5px 0 0 0; font-size:12px;}
.reviewsItem .rating{float:right;margin-top:0; width:auto;}
.reviewsItem .rating li{ float:left;}
.reviewsItem .rating a{ background:url(../star.html) -1px -2px no-repeat; width:18px; height:18px; display:inline-block;}
.reviewsItem .rating .on a{ background:url(../star.html) -1px -29px no-repeat; width:18px; height:18px; display:inline-block;}

.reviewsItem p.con{margin:8px 0; font-size:14px;}
.reviewsItem .ud{float:left;width:106px;overflow:hidden;line-height:22px;}
.reviewsItem .ud a{display:block;float:left;width:22px;height:22px;margin:0 5px 10px}
.reviewsItem .ud .up{background:url(../bt_reviews_up.html) left top no-repeat;}
.reviewsItem .ud .down{background:url(../bt_reviews_down.html) left top no-repeat;}
.reviewsItem .ud .fl{ float:left; margin:0px 8px 0px 2px;}


.quickLink dt,.quickLink h5{ font-size:20px; color:#1f364d; margin-bottom:5px; margin-top:30px;}
.quickLink a { font-size:14px; color:#333333;}
.quickLink .featured{ float:left; padding-right:10px; width:210px;}
.quickLink .hotTopics{ float:left; padding-right:10px; width:250px;}
.quickLink .popularGuides{ float:left; padding-right:10px; width:280px;}
.quickLink .community{ float:left; padding-right:10px; width:220px;}
.quickLink .popularGuides a{ margin-right:6px;}
.quickLink .community dd{ margin-bottom:6px;}
.quickLink .community dd a{ font-size:14px; font-family:'Candara';padding-left:38px; width:72px; line-height:16px; display:inline-block; }

.quickLink .community dd.facebook a{ background:url(../png/icon-facebook.png) left center no-repeat;}
.quickLink .community dd.twitter a{ background:url(../png/icon-twitter.png) left center no-repeat;}
.quickLink .community dd.google a{ background:url(../png/icon-google-plus.png) left center no-repeat;}
.quickLink .community dd.youtube a{ background:url(../png/icon-youtube.png) left center no-repeat;}

.recommendPro,.proFeatures{ background:url(../gif/bg-blocktop.gif) #FFF left top repeat-x; border:1px solid #cadfe5; padding:10px 0px 30px 0px; margin-top:26px;}
.recommendPro .block,.proFeatures .block{ width:290px; float:left; margin:0px 10px 0px 30px;}
.recommendPro h4,.proFeatures h4{font-size:20px; margin:0px 0px 10px 30px;}
.recommendPro .box{ width:80px; margin-right:18px; float:left;}
.recommendPro .box p{ font-size:11px; margin:8px 0px 0px 4px;}
.recommendPro .box p s{ color:#3b3834; margin-right:3px;}
.recommendPro .box p span{ color:#ff0000;}
.recommendPro dl { padding-left:90px;}
.recommendPro dl dt a,.recommendPro dl dt{ font-size:13px; line-height:18px; font-weight:bold;}
.recommendPro dl dd{ line-height:18px; margin-top:8px;}
.recommendPro dl dd img{ margin:10px 14px 0px 0px;}


.proFeatures img{ float:left;}
.proFeatures dl{ padding-left:90px;}
.proFeatures dl dt{ font-size:13px; line-height:18px; font-weight:bold;}
.proFeatures dl dd{ line-height:18px; margin-top:8px;}

.content{ float:left; width:700px;}
.sidebar{ float:right; width:270px;}

.guide-con h2{font-size:26px; color:#00435a;}
.guide-con h3{color:#008fca; font-size:20px; margin:10px 0px;}
.guide-con h4{font-size:14px; color:#00435a; font-weight:bold; margin:26px 0px 22px 0px; line-height:16px;}
.guide-con .num { background-color:#023d58; height:27px; width:27px; font-size:16px; color:#FFF; text-align:center; line-height:27px; font-weight:bold; font-family:'Arial'; float:left; margin:10px 12px 10px 0px;}
.guide-con p{ font-size:14px; margin:12px 0px;}
.guide-con p img{ margin-top:12px;}
.guide-con p a img{ margin:6px 15px 6px 0px;}
ul.anchorLink{ margin:8px 0px 20px 0px;}
ul.anchorLink li{ font-size:14px;}
ul.anchorLink li a{ font-size:14px; text-decoration:underline;}

.sidebar .widget{ margin-bottom:18px; background-color:#FFF; border:1px solid #cadfe5; padding:16px 0px; }
.sidebar .widget h3{ font-size:20px; color:#00496b; font-family:'Arial'; margin-left:16px;line-height:24px; margin-bottom:15px;}
.sidebar .widget.sidebar-video { background:url(../png/bg_sidebar_video.png) #FFF left top repeat-x; border-top:4px solid #22466a;}
.sidebar-video div{ text-align:center; padding-left: 16px; padding-right: 16px;}
.sidebar-video img{ max-width: 100%; display: block; margin: 0 auto; }
.sidebar-tips ol{ padding:0px 12px 0px 16px;}
.sidebar-tips li{ background:url(../png/arrow_guides_list.png) 0px 3px no-repeat; padding-left:22px; margin-bottom:6px;}
.sidebar-tips li a{ font-size:14px; color:#245b7f; line-height:18px; }
.sidebar-ads { margin-bottom:18px; padding:0px; text-align:center;}

.tech-specs table{ background-color:#fcfefe; width:100%;}
.tech-specs table td{ border:1px solid #c7d6d7; padding:14px 18px; font-size:14px;}
.tech-specs table td strong{ font-size:20px; color:#023d58;}

.softNew { margin-top: 12px; }
.softNew dt{ font-size: 22px; color: #00435a;}
.softNew dd{ font-size: 16px;}

.productListHome{ float:left; width:700px; background:url(../bghomeprolist.html) #FFF left top repeat-x; border:1px solid #cadfe5; padding:10px 0px;}
.productListHome .block{ float:left; padding:0px 0px 0px 22px; width:328px; margin:20px 0px;}
.productListHome .block img{ width:80px; float:left;}
.productListHome .block dl{ padding:0px 0px 0px 108px;}
.productListHome .block dl dt{ font-size:15px; color:#00496b; font-family:'Arial'; font-weight:bold;}
.productListHome .block dl dd.bt a{ padding-left:24px; margin-right:14px; text-decoration:underline; margin-top:6px; display:inline-block;}
.productListHome .block dl dd a.win{ background:url(../png/icon_win_18.png) left center no-repeat;}
.productListHome .block dl dd a.mac{ background:url(../png/icon_mac_18.png) left center no-repeat;}

.sidebarWCJHome{ float:right; width:270px; background:url(../png/bg-wcj.png) #FFF left top repeat-x; border:1px solid #cadfe5; border-top:4px solid #22466a;}
.sidebarWCJHome dl { padding-top:10px;}
.sidebarWCJHome dl dt{ font-size:20px; color:#00496b; margin:0px 20px;}
.sidebarWCJHome dl dd{ font-size:19px; color:#464646; border-bottom:1px solid #dee7e9; padding:14px 0px 14px 64px; line-height:22px;}
.sidebarWCJHome dl dd span{ display:block; font-size:13px; line-height:16px;}
.sidebarWCJHome dl dd.wcj-day{ background:url(../png/icon-wcj-day.png) 20px center no-repeat;}
.sidebarWCJHome dl dd.wcj-rc{ background:url(../png/icon-wcj-rc.png) 20px center no-repeat;}
.sidebarWCJHome dl dd.wcj-shop{ background:url(../png/icon-wcj-shop.png) 20px center no-repeat;}
.sidebarWCJHome dl dd.wcj-clean{ background:url(../png/icon-wcj-clean.png) 20px center no-repeat; border-bottom:none;}

.productToolsList{ border: 1px solid #cadfe5; background:url(../bgtoolslist.html) #FFF left top repeat-x; padding:20px 0px 26px 0px; margin-top:18px;}
.productToolsList .section{ width:290px; float:left; margin-left:22px; margin-right:20px;}
.productToolsList h3{ font-size:18px; color:#023d58; background:url(../line-tools-head.html) left bottom no-repeat; padding-bottom:6px;}
.productToolsList .block{ margin-top:24px;}
.productToolsList .block img{ width:71px; float:left;}
.productToolsList dl{ padding-left:94px;}
.productToolsList dl dt a{ color:#00618a; font-size:14px; font-weight:bold; line-height:16px;}
.productToolsList dl dd,.productToolsList dl dd a{ font-size:12px; color:#3f4345; line-height:16px;}
.productToolsList dl dd a{ text-decoration:underline;}

/** addthis style **/
.addthis_pro_style{top:86px; position:absolute; background-color:rgb(254, 254, 254);left: 50%;margin-left: 520px;}
.addthis_proGuide_style{top:34px; position:absolute; background-color:rgb(254, 254, 254);right: 50%;margin-right: 520px;}

/** Table **/
table{ width:98%; margin:0 auto; background-color:#fcfefe;}
table tr td{border:1px solid #c7d6d7; background-color:#fcfcfc;padding:14px 18px; font-size:16px;}
table tr td a{font-size:16px;font-weight:bold;text-decoration:underline;}
table tr td strong{ font-size:20px; color:#023d58;}

/** order page **/

.order-page {
	background:url(../gif/line.gif) #FFF top center repeat-y;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-khtml-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;	
	width: 1002px;
	position:relative;
	background-color: #FFF;
	border: 1px solid #cadfe5;
}
.order-page .content {
	float:left;
	width:501px;
	padding:12px 0px 32px 0px;
}
.order-page dl dt{
	padding:10px 24px;
}
.order-page dl dt a {
	color:#303030;
	font-size:20px;
	line-height:35px;
}
.order-page dl dt img {
	margin-left:10px;
	vertical-align:middle;
}
.order-page dl dd {
	font-size:15px;
	padding:0px 24px;
	line-height:22px;
}
.order-page dl dd img {
	margin:20px 0px 4px 0px;
}
.order-page p {
	padding:0px 24px;
}
.order-page p img {
	margin:6px 0px 4px 0px;
}
.order-page .bt {
	margin-top:20px;
	float:left;
	text-align:center;
	padding-top:10px;
	display:block;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	height:197px;
}
.download-page .bt {
	margin-top:20px;
	float:left;
	text-align:center;
	padding-top:106px;
	display:block;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	height:71px;
}
.order-page .bt.windows {
	background:url(../png/bt_order_win.png) left top no-repeat;
	width:210px;
	margin-left:22px;
}
.order-page .bt.mac {
	background:url(../png/bt_order_mac.png) left top no-repeat;
	width:211px;
}
.order-page .price {
	font-size:18px;
	color:#fe3c00;
	font-family:'Lucida Sans Unicode';
	margin-bottom:92px;
}
.order-page .bt p {
	font-size:12px;
	color:#6a6a6a;
	word-spacing:1px;
}
.order-page .bt:hover {
	text-decoration:none;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


/* *  get page  * */
.get-page{ 
	background:url(../gif/line.gif) #fff center top repeat-y;
}
.get-page .content{ 
	float:left; 
	width:501px; 
	padding:12px 0px 32px 0px;
}
.get-page .content p{ 
	font-size:14px; 
	padding:0px 24px;
}
.get-page h2{ 
	color:#303030; 
	font-size:26px; 
	padding:10px 24px;
}
.get-page h2 img{ 
	margin-left:7px; 
	vertical-align:middle;
}
.get-page .bt p{
	font-size:13px;
	color:#8d8d8d;
	word-spacing:.1px;
	padding:0px 12px;
}
.get-page .bt{
	margin-left:22px; 
	margin-top:20px;
	float:left;
	text-align:center;
	padding-top:14px;
	height:242px;
	width:206px;
	display:block;
}
.get-page p img{ 
	margin:20px 0px 4px 0px;
}
.get-page .bt:hover{ 
	text-decoration:none;
}
.get-page .price{ 
	font-size:20px; color:#d93d15;font-family:'Candara'; margin-bottom:120px; 
}
.get-page .bt.windows{
	background:url(../jpg/bt_order_dwin.jpg) left top no-repeat;
}
.get-page .bt.mac{
	background:url(../jpg/bt_order_dmac.jpg) left top no-repeat;
}

.mongolia {
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor: default;
}


/** global style */
.navigationList {
	background-color:#FFF; 
	padding:10px;
    border: 1px solid #cadfe5;
	margin: 12px 0px;
    /*-moz-border-radius: 4px;      
    -webkit-border-radius: 4px;   
    border-radius:4px;*/
}

.navigationList a{
	text-decoration: underline;
	color: rgb(39, 196, 0);
	font-size: 14px;
}

/** download dropdown list
-------------------------------------------*/
.btn{
	height: auto;
	clear: both;
}
.btn:before,
.btn:after {
	display: table;
	content: " ";
}
.btn:after {
	clear: both;
}
.download-dropdown{
	position:relative; 
	z-index:1; 
	display:inline-block; 
	width:202px; 
	height:54px;
	float: left;
	margin: 6px 15px 6px 0px;
}
.download-dropdown dl{
	position: absolute;
	top: 53px;
	left: 0%;
	width: 150%;
	z-index: 3;
	display: none; 
	text-align: left;	
	border-radius: 0px 5px 5px 5px;
	padding: 20px 10px; 	
}
.download-dropdown.win dl{
	border: 1px solid #748f3d;
	background: #9bc24d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9bc24d), to(#b2d270));
	background: -webkit-linear-gradient(#9bc24d, #b2d270);
	background: -moz-linear-gradient(#9bc24d, #b2d270);
	background: -ms-linear-gradient(#9bc24d, #b2d270);
	background: -o-linear-gradient(#9bc24d, #b2d270);
	background: linear-gradient(#9bc24d, #b2d270);
	-pie-background: linear-gradient(#9bc24d, #b2d270);
}
.download-dropdown.mac dl{
	border: 1px solid #c56b00;
	background: #dd913f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dd913f), to(#f3cc66));
	background: -webkit-linear-gradient(#dd913f, #f3cc66);
	background: -moz-linear-gradient(#dd913f, #f3cc66);
	background: -ms-linear-gradient(#dd913f, #f3cc66);
	background: -o-linear-gradient(#dd913f, #f3cc66);
	background: linear-gradient(#dd913f, #f3cc66);
	-pie-background: linear-gradient(#dd913f, #f3cc66);
}
.download-dropdown dl dd{
	background: url("../download-drop-list.html") 0px 4px no-repeat;
	padding-left: 32px;	
}
.download-dropdown dl dd a{
	color: #000000;
	font-size: 15px;
	text-decoration: none;
	line-height: 34px;
	cursor: pointer;
}
.download-dropdown:hover dl { 
	display:block;
}
.download-dropdown dl dd a:hover{
	display: bold;
	text-decoration: underline;
}
/** play game style **/
.top-tips{
    background-color: #383838; height: 28px; line-height: 28px;
}
.top-tips-content{
    width: 1004px; margin: 0 auto; color: #d0b300; font-size: 14px;
    height: 28px; 
    line-height: 28px;
}
.top-tips-content a{
    color: #d0b300; 
    font-size: 14px;
    display: inline-block;
    line-height: 28px;
}