@charset utf-8;
/* crumb */
.clear{clear:both;}
#crumb{margin:20px auto 6px;font-size:11px;text-shadow:0 1px 0 #fff;width:998px}
#crumb a{text-decoration:none;font-size:11px;text-shadow:0 1px 0 #fff;color:#666;}
#crumb a:hover{color:#F28500;}
#crumb a img{display:block;float:left;padding-top:2px}
#crumb h1{display:inline;font-size:11px;color:#555;text-shadow:0 1px 0 #fff}
#crumb big{padding:0 3px;font-size:14px}
#top_sales {margin:10px auto 6px;width:998px; background:none;}
/* product-nav */
#product-nav{overflow:hidden;padding:10px 0 2px 0px;width:998px;margin:0 auto}
#product-nav h1{font-size:19px;display:block;float:left;text-shadow:0 1px 0 #eee}
#product-nav h1 a{text-decoration:none;font-size:19px;color:#000}
#product-nav h1 span{font-size:12px;letter-spacing:0;padding-left:12px;color:#999}
#product-nav ul{float:right;padding-top:6px;display:inline}
#product-nav ul li{display:inline;float:left}
#product-nav ul li a{text-shadow:0 1px 0 #fff;color:#333;margin:0 4px 0 24px}
#product-nav ul li a:hover{color:#F28500;text-decoration:none}
#product-nav ul li a.on{color:#999;cursor:default}
#product-nav ul li.buy{margin-left:4px}
#product-nav ul li.try a,#product-nav ul li.buy a,#product-nav ul li.free-try a{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;display:block;width:50px;height:20px;background:url(images/try-bg.png) no-repeat scroll 0 0 transparent;line-height:18px;text-align:center;padding-left:6px;text-shadow:0 1px 0 #000;margin-top:-2px;}
#product-nav ul li.buy a{background:url(images/buy-bg.png) no-repeat scroll 0 0 transparent;line-height:19px;padding-left:8px;margin-left:0;width:51px}
#product-nav #title a{display:block;width:320px;height:28px;text-indent:-900em}

.features{overflow:hidden;margin:10px auto 4px;width:998px;padding:16px 0;height:100%;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 2px #ddd;-moz-box-shadow:0 2px 2px #ddd;box-shadow:0 2px 2px #ddd;border:1px solid #ddd;position:relative}
.overview{margin-bottom:16px;}

.prod-info{float:right;width:526px;padding:0 40px 12px 0}
.prod-info p{text-align:justify;line-height:1.8em}
.prod-info h2{color:#444;line-height:1.8em;text-align:left;font-size:20px;padding-bottom:6px;font-weight:bold;font-family:Arial, Helvetica, sans-serif}
.prod-info ul{padding-top:10px}
.prod-info li{color:#444;line-height:1.8em;padding-left:16px}
.prod-info .mac-pc{margin-top:12px;font-size:12px;color:#777;text-align:left}
.prod-info .mac-pc span{font-weight:bold;padding-right:2px}
.prod-info h4 a{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;text-decoration:none}
.prod-info p{line-height:1.5em}
.prod-info p.price{font-size:15px;color:#506099;margin:8px 0}
a.goto{background:transparent url(images/icon-arrow.gif) no-repeat scroll 100% 68%;color:#58c;padding-right:8px}
a.goto:hover{color:#F28500;}
.prod-pic{float:left;padding:42px 0 0 20px;position:relative;height:300px;}
.prod-pic .box{position:absolute;top:88px;left:22px}
.prod-pic .icon{position:absolute;top:136px;left:15px}
.prod-pic .icon2{position:absolute;top:235px;left:125px}
.prod-pic .interface{margin-left:50px;-moz-box-shadow:8px 8px 24px #dedede;-webkit-box-shadow:8px 8px 24px #dedede;box-shadow:8px 8px 24px #dedede}
/*product middle section*/
.prod-do{border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;height:100px;margin:5px 0 20px 0;-webkit-box-shadow:0 1px 4px #ccc;-moz-box-shadow:0 1px 4px #ccc;box-shadow:0 1px 4px #ccc; width:998px;}
.prod-do p.title{padding-bottom:4px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;color:#555;text-shadow:0 1px 0 #ddd}
.prod-do p.title img{padding-right:7px;vertical-align:-4px}

.prod-do .col2-1{width:250px;padding:16px 20px 16px 40px}
.prod-do .col2{float:left;padding:16px 20px;border-right:1px solid #dedede;width:170px;}
.prod-do .col2 p{line-height:15px; margin:0 0 2px 0; }
.prod-do .col2-1{width:250px;padding:16px 20px 16px 40px}
.prod-do p{color:#777;font-size:11px; margin:0px 0 -5px 0;}
.prod-do a.btnFree{ display:block; background:url(../images/btn-free.png) no-repeat; width:139px; height:25px; padding:36px 0 0 42px; color:#eee95b; text-shadow:1px 1px 0px #666; font-size:13px; margin:0 0 0 0;}
.prod-do a.btnFree2{ display:block; background:url(../images/btn-free2.png) no-repeat; width:139px; height:25px; padding:36px 0 0 42px; color:#eee95b; text-shadow:1px 1px 0px #666; font-size:13px; margin:0 0 0 0;}
.prod-do a.btnFreewin{ display:block; background:url(../images/download-win.png) no-repeat; width:160px; height:25px; padding:36px 0 0 50px; color:#eee95b; text-shadow:1px 1px 0px #666; font-size:13px; margin:0 0 0 0;}
.prod-do a.btnFreemac{ display:block; background:url(../images/download-mac.png) no-repeat; width:160px; height:25px; padding:36px 0 0 50px; color:#eee95b; text-shadow:1px 1px 0px #666; font-size:13px; margin:0 0 0 0;}
.prod-do .btnBuy{display:block; background:url(../images/btn-buy.png) no-repeat; width:151px; height:25px; padding:36px 0 0 30px; color:#fffefe;}
.prod-do .col3{float:left;padding:15px 30px 0 20px;margin-left:0px;border-right:1px solid #dedede;height:100px}
.prod-do .col3 a{
	color:#FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
}
.prod-do .col3 span{color: #FFFFFF;padding:2px 0 0 16px}
.prod-do .col4{
	float:left;
	text-align:center;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 20px;
}



#features_content{ width:980px; height:auto; padding:0px 0 0 0;overflow:hidden}
#features_content .content{ width:965px; height:auto; margin:8px 0 0 15px; overflow:hidden }
#features_content .content .left{ width:710px; height:auto; float:left;overflow:hidden;position: relative;}
#features_content .content .left p{ margin:15px 0 0px 0px; line-height:24px; font-size:13px; color: #333333;}
#features_content .content .left h1{font-size:19px;text-shadow:0 1px 0 #eee;padding:0px 0 10px 0;}
.left h1 .sub{font-size:16px;padding:0px 0 10px 0;}
#features_content .content .left h2{font-size:15px;text-shadow:0 1px 0 #eee;padding:10px 0 0px 0;}
#features_content .content .left h3{font-size:13px;margin-top:10px;font-weight:bold;}
#features_content .content .left a{color:#58c; font-weight:bold;}
#features_content .content .left a:hover{color:#F28500;}
.price {font-style:italic; padding:10px 0 0 0;}
.price del {padding-right:5px; color:#3e4e57; font-size:12px;}
.price strong {color:#ff6600; font-size:16px;}
#features_content .content .left .intro_detail_01{ width:710px; height:170px; _display:inline}
#features_content .content .left .intro_detail_01 .image{ width:183px; float:left; padding:0px; margin:12px 35px; _margin:22px 17px;}/*=========Get rid of border:1px solid #e2e2e2; _margin:22px 17px compatible with ie6 ============*/
#features_content .content .left .intro_detail_01 .txtIntro{ float:left; font-size:13px; width:445px; padding:22px 0 0 0;}
#features_content .content .left .intro_detail_01 .txtIntro h2{ font-size:16px; font-weight:bold}
#features_content .content .left .intro_detail_01 .txtIntro p{ font-size:13px; color:#333333; line-height:16px; font-weight:500; margin-bottom:6px}
#features_content .content .left .intro_detail_01 .txtIntro ul{  padding:17px 0 0 0;}
#features_content .content .left .intro_detail_01 .txtIntro li{ display:block;background:url(images/icon01.jpg) no-repeat; padding-left:15px; color:#666}
#features_content .content .left .hr{ background:url(images/line.jpg) no-repeat; height:1px; width:710px;}
#features_content .content .left .featuresList{ width:660px; margin:0 auto}
#features_content .content .left .featuresList .featuresListLeft{ width:325px; float:left; background:url(images/line01.jpg) no-repeat right top}
#features_content .content .left .featuresList .featuresListRight{ width:300px; float:left; padding-left:25px}
#features_content .content .left .featuresList .featuresListLeft li,
#features_content .content .left .featuresList .featuresListRight li{ display:block; width:300px; margin-top:23px; font-size:13px}
#features_content .content .left .featuresList .featuresListLeft li img,
#features_content .content .left .featuresList .featuresListRight li img{ float:left;}
#features_content .content .left .featuresList .featuresListLeft li .txtlist,
#features_content .content .left .featuresList .featuresListRight li .txtlist{ float:right; width:220px; padding-left:15px;}
#features_content .content .left .featuresList .featuresListLeft li .txtlist h3,
#features_content .content .left .featuresList .featuresListRight li .txtlist h3{ font-weight:bold; font-size:13px; line-height:20px;}
#features_content .content .left .featuresList .featuresListLeft li .txtlist p,
#features_content .content .left .featuresList .featuresListRight li .txtlist p{ color:#666; line-height:16px}
#features_content .content .left .big-title { font-size:16px; }

.content #shareRight {float:right;}
.content #shareRight h2{ display:block; width:220px; height:35px; background:url(images/rightTitle.jpg) repeat-x; color:#fff; font-size:16px; font-weight:bold; line-height:35px; padding-left:15px}
.content #shareRight .quickLinks,
.content #shareRight .userReviews,
.content #shareRight .relativeProducts{ width:233px;border:1px solid #d5d5d5; border-top:none; overflow:hidden}
.content #shareRight .relativeProducts .img_1{text-align:center;padding-top:8px;}
.content #shareRight .quickLinks li{ display:block; height:41px; background:url(images/quickLinks_BG.jpg) repeat-y; line-height:41px; font-size:13px; padding-left:10px; font-weight: 500}
.content #shareRight .quickLinks li a{ color:#333}
.content #shareRight .quickLinks li a:hover{ color:#ff7300}
.content #shareRight .quickLinks .last{background:url(images/quickLinks_lastBG.jpg) no-repeat}
.content #shareRight .quickLinks .current {color:rgb(49,96,168);}
.content #shareRight .quickLinks p{line-height:22px; margin:10px 0 5px 0;}
.content #shareRight .userReviews p{ width:200px; margin:0 auto; line-height:20px;font-size:11.5px; font-style:italic;color:#333; padding-top:20px}
.content #shareRight .userReviews p span{ font-style:italic; font-size:10px; color:#999; display:block; text-align:right; padding:5px 0 0 0}
.content #shareRight .relativeProducts{font-size:12px;}
.content #shareRight .relativeProducts h3{ display:block; width:203px; height:18px;  font-weight:bold; line-height:18px; margin:0 auto;}
.content #shareRight .relativeProducts p{ width:203px; margin:0 auto; color:#999; line-height:16px}
.content #shareRight .userReviews .line,
.content #shareRight .relativeProducts .line{ border:none; background:url(images/line02.jpg) no-repeat; margin:15px 0 0 0; height:1px; width:233px}
.content #shareRight .userReviews .more,
.content #shareRight .relativeProducts .more{ display:block; width:95px; height:18px; background:url(images/icon02.jpg) no-repeat right top; font-size:10px; color:#0088cc; line-height:18px; font-weight:bold; padding-left:130px; margin:10px 0}
.content #shareRight .ad{ display:block;}

.marginLeft3{ width:235px; height:auto; float:left; margin-left:18px;  overflow:hidden;}

.marginTop{ margin-top:18px}
.fl{float:left;display:inline}
.f-right{float:right;display:inline}
a.free{display:block;background:url(../images/btn-free.png) no-repeat;width:200px;height:61px;text-decoration:none;margin-right:10px}
a.free2{display:block;background:url(../images/btn-free2.png) no-repeat;width:200px;height:61px;text-decoration:none;margin-right:10px}
a.free-win{display:block;background:url(../images/download-win.png) no-repeat;width:215px;height:65px;text-decoration:none;margin-right:10px}
a.free-mac{display:block;background:url(../images/download-mac.png) no-repeat;width:215px;height:65px;text-decoration:none;margin-right:10px}
a.buy{display:block;background:url(../images/btn-buy.png) no-repeat;width:200px;height:61px;text-decoration:none;margin-right:10px}
.btmbox{height:114px;padding-right:20px; margin-top:8px;background-color:#F2F2F2;border-radius:5px;box-shadow:0 2px 2px #c5c5c5}
.btmbox a{color:#333;}
.btmbox a:hover{color:#F28500;}
.btmbox .btn{float:right;width:420px;padding-top:30px}
.btmbox .btn .dd,.rollTop .dd{display:block;color:#FFFFFF;padding:36px 0 0 63px}
.btmbox .btn .dd2{display:block;color:#fffefe;padding:36px 0 0 63px;}
.btmbox .text{float:left;padding:20px 0 0 20px;width:440px}
.btmbox .text .tit{display:block;color:#495961;font-style:italic;font-weight:bold;padding:0 0 10px 10px}
.btmbox .text dl{width:216px}
.btmbox .text dl.noline{background:none}
.btmbox .text dl dd{float:left;width:32px}
.btmbox .text dl dt{float:right;width:160px;padding-right:15px;color:#666}
.btmbox .text .item.noline{background:none}

.line{border-bottom:dashed 1px #ccc;height:15px;margin-bottom:10px}
.tablebox{padding:10px 0 30px 0;}
.table1{border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;margin-top:20px}
.table1 th{background:url(images/th-bg.gif) repeat-x;height:50px;font-size:16px;padding:0 15px;text-align:left;font-weight:bold;border-right:1px solid #e3e3e3}
.table1 td{padding:15px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;line-height:16px}
.table1 .tit{background:url(images/dot2.png) repeat-x;height:81px;text-align:center;padding:0}
.table1 .tit h1{font-size:26px;line-height:81px;font-weight:bold}
.table1 .bt{display:block;font-weight:bold}
.table1 .bt2{font-size:11px;font-weight:normal;}

.item{border-bottom:1px solid #eee;overflow:hidden;margin-bottom:18px;padding-bottom:18px}
.item p{margin:-8px 0 -5px 0;}
.item h3{color:#333;font-size:13px;padding:12px 0 10px}
.item h3 span{color:#999;font-size:11px;padding-left:16px}

h3{font-size:16px;line-height:34px;font-weight:normal;margin:0px 50px 0 15px}
h3 span{display:block;float:left;background:url(../images/bg-step.gif) no-repeat 4px 4px;color:#fff;font-size:15px;height:38px;text-align:center;width:35px;margin-right:5px;}
h3 strong{font-size:14px;color:#333}

.upgrade {font-weight:bold;}
.upgrade span{padding:0 0 0 20px;}

.related-articles{ background:#eee; padding:10px; border-radius:5px; margin:10px 0 10px 0;}
.bottom_list li {padding:3px 10px; background:url(images/icon_dot4.png) no-repeat left 10px;}

.guide-intro { background:url(images/guide-intro.jpg) no-repeat; width:630px; height:202px;}
.guide-intro ul { padding:50px 0 0 45px; }
.guide-intro ul li { border-top:1px solid #DADADA; width:500px; font-size:12px; line-height:23px; }
.guide-intro .spe { border:none; font-size:16px; }

.big-title { font-size:16px; }

#topBar{ background:url(images/top-bar-bg.png) repeat-x 0 100%; height:100px; position:fixed; top:0; left:0; width:100%; z-index:99;}
#topBar .wrap{ width:998px; margin:0 auto; overflow:hidden;}
#topBar .name{ display:block; font-size:19px;}
#topBar .ipub{ margin-top:20px; display:block; font-size:18px;}
#topBar .freeBtn{ display:block; background:url(../images/btn-free.png) 0 -120px; width:181px; height:61px; float:right; margin-top:15px;}
#topBar .freeBtnMac{ display:block; background:url(../images/btn-free2.png) 0 -120px; width:181px; height:61px; float:right; margin-top:15px;}
#topBar .nav li{ float:left; margin-top:45px; text-shadow:0 1px 1px #fff;} 
#topBar .nav li a{ padding:0 10px; font-size:14px; color:#555;}
#topBar .nav li a:hover{ text-decoration:underline;}

.articleInfo{ border:1px solid #f1f1f1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); background: -moz-linear-gradient(top, #ffffff, #f1f1f1 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1)); overflow:hidden;}
.articleInfo p{ padding:2px 0 0 70px;}

.title_info {padding:10px 0 0; height:40px;}
.title_info .commentCount{ display:block; float:right; background:url(../images/comment.png) no-repeat left center; width:120px; height:20px; color:#333;}
.title_info .commentCount span{ width:33px; height:20px; display:block; float:right; text-align:center;}


ul.menus { margin:12px 0; padding:12px 20px; -moz-box-shadow:0 2px 5px #ccc; -webkit-box-shadow:0 2px 5px #ccc; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;}
ul.menus li span { font-weight:bold; padding-right:8px;}