@charset "utf-8";

/*main-product*/
.full-cnt { overflow:hidden; margin:10px 4px 4px; 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; width:1007px; position:relative;}
#product-nav ul li.compare a { color:#020;}
#product-nav ul li.compare a:hover{ color:#09c;}
#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/style/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.free-try a { width:97px; background:url(../images/style/free-try-bg.png) no-repeat scroll 0 0 transparent;}
#product-nav ul li.buy a { background:url(../images/style/buy-bg.png) no-repeat scroll 0 0 transparent; line-height:19px; padding-left:8px; margin-left:0; width:51px;} 

.show { text-align:center; padding:8px; margin:8px auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #eaeaea; background:#fafafa;}
.show a { display:block; color:#08c; cursor:pointer;}

#title a { display:block; width:320px; height:28px; text-indent:-900em;}
.mid { background:url(../images/title/mac-deluxe.png) no-repeat scroll -3px -2px transparent;}
.mvc { background:url(../images/title/mac-video-converter.png) no-repeat scroll -3px -2px transparent;}
.mdr { background:url(../images/title/mac-dvd-ripper.png) no-repeat scroll -3px -2px transparent;}
.mic { background:url(../images/title/mac-imedia-converter.png) no-repeat scroll -3px -2px transparent;}
.mis { background:url(../images/title/mac-itube-studio.png) no-repeat scroll -3px -2px transparent;}
.mdl { background:url(../images/title/mac-dvd-library.png) no-repeat scroll -3px -2px transparent;}
.mfvd { background:url(../images/title/mac-free-video-downloader.png) no-repeat scroll -3px -2px transparent;}
.msp { background:url(../images/title/mac-syncpod.png) no-repeat scroll -3px -2px transparent;}
.mdc { background:url(../images/title/mac-dvd-creator.png) no-repeat scroll -3px -2px transparent;}
.mvse { background:url(../images/title/mac-video-studio-express.png) no-repeat scroll -3px -2px transparent;}
.mdcp { background:url(../images/title/mac-dvd-copy-pro.png) no-repeat scroll -3px -2px transparent;}
.mirm { background:url(../images/title/mac-iphone-ringtone-maker.png) no-repeat scroll -3px -2px transparent;}
.mfs { background:url(../images/title/mac-freesync.png) no-repeat scroll -3px -2px transparent;}
.mdb { background:url(../images/title/mac-dvd-burner.png) no-repeat scroll -3px -2px transparent;}
.wdrm { background:url(../images/title/win-drm-removal.png) no-repeat scroll -3px -2px transparent;}
.wdr { background:url(../images/title/win-dvd-ripper.png) no-repeat scroll -3px -2px transparent;}
.wic { background:url(../images/title/win-imedia-converter.png) no-repeat scroll -3px -2px transparent;}
.mipod{ background:url(../images/title/mac-ipod-movie-converter.png) no-repeat scroll -3px -2px transparent;}
.mipad{ background:url(../images/title/mac-ipad-video-converter.png) no-repeat scroll -3px -2px transparent;}
.mdipad{ background:url(../images/title/mac-dvd-to-ipad-converter.png) no-repeat scroll -3px -2px transparent;}
.mdipod{ background:url(../images/title/mac-dvd-to-ipod-converter.png) no-repeat scroll -3px -2px transparent;}
.wul { background:url(../images/title/win-ultimate.png) no-repeat scroll -3px -2px transparent;}
.wvc { background:url(../images/title/win-video-converter.png) no-repeat scroll -3px -2px transparent;}
.wdc { background:url(../images/title/win-dvd-creator.png) no-repeat scroll -3px -2px transparent;}
.cps { background:url(../images/title/compare.png) no-repeat scroll -3px -2px transparent;}

#product .overview { overflow:hidden; margin-bottom:16px;}
#product .prod-pic { float:left; padding:42px 0 0 20px; position:relative; width:376px; height:245px;}
#product .prod-pic .box { position:absolute; top:88px; left:22px;}
#product .prod-pic .icon { position:absolute; top:96px; left:15px;}
#product .prod-pic .icon2{position:absolute; top:225px; left:125px;}
#product .prod-pic .interface { margin-left:50px; -moz-box-shadow:8px 8px 24px #dedede; -webkit-box-shadow:8px 8px 24px #dedede;}
#product .prod-pic a .prom { position:absolute; left:54px; top:252px; width:207px; height:45px;}
#product .prod-info { float:right; width:526px; padding:24px 40px 12px 0;}
#product .prod-info p { text-align:justify; line-height:1.8em;}
#product .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;}
#product .prod-info ul { padding-top:10px;}
#product .prod-info li { background:url(../images/style/bgs-3.png) no-repeat scroll 2px -143px transparent; color:#444; line-height:1.8em; padding-left:16px;}
#product .prod-info .mac-pc { margin-top:12px; font-size:12px; color:#777; text-align:left;}
#product .prod-info .mac-pc a { color:#58c;}
#product .prod-info .mac-pc span { font-weight:bold; padding-right:2px;}
#product #like-fb { position:absolute; top:8px; right:33px;}
#product #like-fb ul li{ float:left;}
#product .new-hot {  position: absolute; left:0; top:0;}

#product .prod-info .special { color:#f00; font-size:13px;margin-top:12px; }

#product .prod-pic .discount a{ text-decoration:none; background:url(../images/special-offer/christmas/images/price.png) no-repeat; width:100px; height:50px; left:308px; top:178px; position:absolute; color:#fff799; padding:20px 0 0 40px; font:bold 12px Arial, Helvetica, sans-serif;}

#product .action { clear:both; background:transparent url(../images/style/prod-action-bg.gif) repeat-y scroll 0 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; height:100%; padding:16px 0; margin:12px 0 24px 0;}
#product .action p.title { padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#555; text-shadow:0 1px 0 #eee;}
#product .action p.title img { padding-right:7px; vertical-align:-4px;}
#product .action .col-a { float:left; width:312px; padding:0 32px;}
#product .action p { color:#777; font-size:11px;}
#product .action .col-a a { font-size:11px; line-height:1.6em; padding-top:2px; color:#777;}
#product .action .col-a a:hover { text-decoration:none; color:#58c;}
#product .action .col-a a span { font-weight:bold; padding:0 6px; color:#58c; font-family:Arial, Helvetica, sans-serif;}
#product .action .col-b { height:56px; float:left; padding:12px 92px 0 62px; width:215px; background:transparent url(../images/style/down.png) no-repeat scroll 0 13px;}
#product .action .single { padding:19px 92px 0 62px; height:48px;}
#product .action .col-b a { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#38c; display:block; padding-bottom:6px; text-shadow:0 1px 0 #fff;}
#product .action .col-b a.ppc { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; display:inline; font-size:11px; color:#999; font-weight:normal;}
#product .action .col-c { float:left;}
#product .action .col-c .price { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:20px; color:#506099; line-height:1.2em;}
#product .action .col-c .price-off { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:18px; }
#product .action .col-c .price-off .pre { text-decoration:line-through; color:#6064A1; padding-right:6px;}
#product .action .col-c .price-off .current { color:#f30;}
#product .action .col-c .price .pre-price { color:#789; padding-right:18px; text-decoration:line-through;}
#product .action .col-c .free { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:26px; color:#6064A1; padding-top:10px;}
#product .action .col-c .buy-now { background:transparent url(../images/style/bg-all.png) no-repeat scroll 0 0; display:block; width:153px; height:34px; line-height:34px; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000; font-size:18px;  margin:4px 0 0 43px;}

#product .prod-do { clear:both;  background:transparent url(../images/style/bg-do.png) repeat-x scroll 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; height:100%; margin:24px 0; -webkit-box-shadow:0 1px 4px #ccc; -moz-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc;}
#product .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;}
#product .prod-do p.title img { padding-right:7px; vertical-align:-4px;}

#product .prod-do .col1,#product .prod-do .col11 { float:left; width:180px; padding:19px 22px; border-right:1px solid #dedede;}
#product .prod-do .col1 strong{color:#f00; font-size:14px;}
#product .prod-do .col11 a.compare { display:block; padding:10px 0; overflow:hidden; color:#38c; font-size:13px; line-height: 1.5em; background:url(../images/icon-arrow.gif) no-repeat scroll 88% 69% transparent;}
#product .prod-do .col11 img {float:left; opacity:0.6; padding-right:4px;}
#product .prod-do .col1 img { float:left; padding:5px; opacity:0.8; width:80px; height:48px; border:1px solid #ddd;  -moz-box-shadow:0 1px 8px #dedede; -webkit-box-shadow:0 1px 8px #ccc; box-shadow:0 1px 8px #dedede; cursor:pointer;}
#product .prod-do .col1 span { display:block; padding:12px 8px 0 0; float:right; background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 92%; color:#58c; cursor:pointer;}
#product .prod-do .col2 { float:left; padding:16px 10px; border-right:1px solid #dedede;}
#product .prod-do .col22 { float:left; padding:16px 35px; border-right:1px solid #dedede;}
#product .prod-do p { color:#777; font-size:11px;}
#product .prod-do .col3 { float:left; padding:24px 20px 24px 57px; margin-left:17px; border-right:1px solid #dedede; background:transparent url(../images/style/down.png) no-repeat scroll 0 26px;}
#product .prod-do .col3 a { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#38c; display:block; padding-bottom:6px; text-shadow:0 1px 0 #fff;}
#product .prod-do .col3 p a { font-size:11px; display:inline;}
#product .prod-do .col3 span { color:#999; padding-left:6px;}
#product .prod-do .col3 a.ppc { font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; display:inline; font-size:11px; color:#999; font-weight:normal;}
#product .prod-do .col4, #product .prod-do .col41 { float:right; padding:16px 9px 8px 8px; text-align:center;}
#product .prod-do .col4 .price,#product .prod-do .col41 .price { font-family:Arial,Helvetica,sans-serif; font-size:19px;  color:#f30; line-height:1.2em;}
#product .prod-do .col4 .price s{color:#506099; font-size:14px;}
#product .prod-do .col4 .price-off { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:18px; }
#product .prod-do .col4 .price-off .pre { text-decoration:line-through; color:#6064A1; padding-right:6px;}
#product .prod-do .col4 .price-off .current { color:#f30;}
#product .prod-do .col4 .price .pre-price { color:#789; padding-right:18px; text-decoration:line-through;}
#product .prod-do .col4 .free { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:26px; color:#6064A1; padding-top:10px;}
#product .prod-do .col4 .crossp{ text-decoration:line-through; font-size:14px; text-align:center; color:#FF0000;}
#product .prod-do .col4 .buy-now, #product .prod-do .col41 .buy-now { background:transparent url(../images/style/bg-all.png) no-repeat scroll 0 0; display:block; width:153px; height:34px; line-height:34px; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000; font-size:18px; margin:4px 0 0 43px;}

#product .prod-do .col41 .price s{color:#506099; font-size:14px;}
#product .prod-do .col4 .text a, #product .prod-do .col41 .text a, #product .action .col-c .text a{ color:#f30; line-height:1.2em; padding-top:5px;}

#product #prod-main { overflow:hidden; margin-bottom:20px;}

.features .top-features , .features .more-features{overflow:hidden; height:100%; padding-bottom:20px; margin-bottom:10px;}
.features h3{ background:transparent url(../images/style/h-bg.png) no-repeat scroll 0 18px; color:#333; font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; margin:0 0 22px; padding:0 0 10px;}
.features .grid { width:326px; float:left; padding:2px 28px 18px 0;}
.features .grid img { float:left; margin-right:12px; width:64px;}
.features .grid p { float:left; width:250px; line-height:1.5em;}
.features .grid p.title{font-weight:bold; padding:0 0 4px; font-size:12px;}
.features .grid h5{font-weight:bold; padding:0 0 4px; font-size:12px;}
.features .col-c h4 { font-size:15px; padding:8px 0 8px 25px;color:#343434; background:transparent url(../images/icon-feature.gif) no-repeat scroll 1px 9px;}
.features .cross { width:316px; float:left; padding:2px 48px 18px 0; }
.features .cross p.title{font-weight:bold; font-size:11px; padding:0 0 5px;}
.features .cross p {line-height:1.4em; width:250px; float:left;}
.features .cross img { float:left; margin-right:12px; width:50px; opacity:0.8;}
.features .last { padding-right:0;}
.features .col-a { float:left; width:338px;}
.features .col-b { float:right; width:336px;}


.left-part .single-features li { background:none; padding:4px 0 12px 0; border-bottom:1px solid #eee; margin-bottom:8px; overflow:hidden; height:100%;}
.left-part .single-features li p { background:transparent url(../images/icon-dot.gif) no-repeat scroll 9px 8px; color:#666; line-height:1.6em; padding:4px 0 0 24px; clear:none; }
.left-part .single-features h4 { font-size:15px; padding:8px 0 8px 25px;color:#343434; background:transparent url(../images/icon-feature.gif) no-repeat scroll 1px 9px;}
.left-part .single-features li p img { padding:0 0 6px 12px; float:right;}

#screencast { text-align:center;}



#what-next { background:transparent url(../images/style/gradient-bg.jpg) repeat-x scroll 0 1px; margin:20px auto; text-align:center; clear:both; width:94%; padding-top:10px;}
#what-next h4 { clear:both; font-size:22px; color:#333; padding:20px 0 12px; font-weight:normal;}
#what-next p,#what-next p a { font-size:13px; color:#555;}
#what-next ul { overflow:hidden; margin:12px auto; width:242px;}
#what-next ul li a { display:block; float:left; width:114px; height:23px; background:transparent url(../images/style/bg-buy.png) no-repeat scroll 0 0; color:#fff; line-height:23px; padding-left:6px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000;}
#what-next ul li a#down { background:transparent url(../images/style/bg-down.png) no-repeat scroll 0 0;}

#advanced { position:relative; margin:20px auto; width:93%; overflow:hidden; border:1px solid #e6e6e6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 10px #ddd; -moz-box-shadow:0 2px 10px #ddd; box-shadow:0 2px 10px #ddd; background:url(../images/style/bg-t2.gif) repeat-x bottom left; clear:both;}
#advanced .img { float:left; position:relative; padding:10px 24px 20px 40px; }
#advanced h6 { width:720px; margin-top:14px; font-weight:bold; font-size:13px;}
#advanced h6 a { font-weight:bold; color:#333; font-size:13px;}
#advanced p { width:726px; margin:0; color:#666; padding-top:4px; float:left; position:relative; display:block; line-height:1.6em;}
#advanced p.doit { padding-top:2px;}
#advanced p a.more { margin-right:18px;}
#advanced .hots { position:absolute; right:1px; top:1px;}



#promos { background:url(../images/style/bg-do.png) repeat-x scroll 0 80px #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 4px #ccc; -moz-box-shadow:0 1px 4px #ccc; box-shadow:0 1px 4px #ccc; border:1px solid #ddd; overflow:hidden; margin:20px 4px 4px;  width:1007px;}
#promos .pro-cnt { padding:0px;}
#promos .col { float:left; margin:0; padding:26px 24px; overflow:hidden; width:200px; border-left:1px solid #ddd; }
#promos .col-a { width:240px; border:none; }
#promos .col-b { width:182px;}
#promos .col-c { width:182px;}
#promos .col img { float:left;}
#promos .col h4 { padding:0 0 8px 0; font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#promos .col h4 a { font-weight:bold; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#promos .col h4 a:hover { color:#333; text-decoration:none;}
#promos .col li { color:#555; padding-bottom:4px;}
#promos .col li.list a { display:block; background:url(../images/style/bgs-3.png) no-repeat scroll 2px -148px transparent; padding:0 0 0 16px; color:#777; font-size:11px;}
#promos .col li.links { line-height:1.5em; padding-top:4px; padding-bottom:2px;}
#promos .col li.links a {background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 68%; color:#58c; padding-right:8px;}
#promos .col-a li.tags { display:inline;}
#promos .col-a li.tags a { font-size:11px; color:#777; padding-right:10px;}

#promos .col-d { padding-right:10px; width:184px; padding-bottom:10px;}
#promos .col-d div p{ font-size:11px; color:#777; line-height:1.4em; padding-bottom:8px; float:left;}
#promos .col-d input#email { margin-bottom:6px; width:122px; padding:2px; border:1px solid #ccc;}
#promos .col-d #newsletter_button { float:left;}
#promos .col h5 { text-align:center; padding:2px 0;}
#promos .col h5 a { font-size:13px;}
#promos .col .img { padding:8px 0 0 14px;}
#promos .col .price { text-align:center; padding:4px 0;}
#promos .col .price span { color:#6064A1;}
#promos .col .compare { padding:4px 0 4px 16px; clear:both;}
#promos .col .compare a { text-align:center;  display:block; background:transparent url(../images/style/bg-button.gif) no-repeat scroll 0 2px; width:166px; height:29px; color:#fbfbfb; font-size:13px; text-decoration:none; line-height:31px; text-shadow:0 1px 0 #000;}
#promos .pro-list { border:none;}
#promos .pro-list li { display:block; float:left; text-align:center; width:240px; border-right:1px solid #ddd; margin-bottom:12px;}
#promos .pro-list .prod-info h5 { padding:8px;}
#promos .pro-list .prod-info h5 a { color:#454545; font-family:Arial,Helvetica,sans-serif; font-size:13px;}
#promos .pro-list .purchase-now { text-align:left; overflow:hidden; width:181px; padding-left:40px;}
#promos .pro-list .purchase-now span {color:#506099; font-size:14px; margin:4px;}
#promos .pro-list .purchase-now a { float:left; }


/*left-part*/
.left-part { float:left; margin:0 6px; overflow:hidden; padding:12px 24px 12px 28px; width:680px;}
.left-part .share{ padding-left:285px;}
.left-part h2,.full-part h2 {border-bottom:1px solid #dedede; font-size:18px; font-weight:normal; margin:0 0 16px; padding:0 0 12px; color:#070;}
.guide .left-part h2 { border-bottom:none; margin:0;}

.left-part h4 { color:#555; padding:12px 0 16px;}
.left-part h5 { padding:4px 0;}
.left-part ul { margin-top:6px;}
.left-part ul li { background:transparent url(../images/icon-dot.gif) no-repeat scroll 1px 5px; color:#666; line-height:1.7em; padding:0 0 0 16px; }
.left-part ul li span { font-size:12px; color:#f30;}
.left-part ol li { color:#666; line-height:1.8em;}
.left-part .col-c p img { float:left; padding:0 8px 0 0;}
.left-part .col-c dl{ color:#555; padding:8px 0;}
.left-part .col-c dl dt { font-weight:bold; background:transparent url(../images/select.gif) no-repeat 0 -4px; padding-left:26px; overflow:hidden; height:100%;}
.left-part .col-c dl dd { padding-left:26px; margin:3px 0 8px 0; border-bottom:1px dashed #dedede; padding-bottom:6px;}
.left-part .col-d .reference { padding:0;}
.left-part .col-d ol {margin:0 0 0 30px;}
.left-part .system,.left-part .reference-a,.left-part .update { margin-bottom:24px;}
.left-part .system ul { margin-left:6px;}
.left-part .system ul li { line-height:1.8em;}

/*right-part*/
.right-part { float:right; margin:10px 28px 0 0; width:226px;}
.right-part .banner{ padding-bottom:11px; text-align:center;}
.right-part .banner img{ padding-bottom:5px;}
.right-part .side1 { border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; box-shadow:0 3px 2px #ddd; margin-bottom:18px; padding:12px 0;}
.right-part .inside{ padding:0 20px;}
.right-part .video { position:relative; padding-bottom:20px;}
.right-part .video img.pic { opacity:0.8; width:182px; height:112px; border:1px solid #ddd; padding:5px; -moz-box-shadow:0 1px 8px #ccc; -webkit-box-shadow:0 1px 8px #ccc; cursor:pointer;}
.right-part .video img.play { position:absolute; left:76px; top:74px; width:71px; cursor:pointer;}
.right-part .side1 h4,.right-part .side2 h4,.right-part .side3 h4 { color:#333; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:-11px 0 15px 0; padding:7px 16px 8px; background:none repeat scroll 0 0 #f5f5f5; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 2px;}
.right-part  .review p { color:#555; font-size:11px; line-height:1.5em; padding:4px 0;}
.right-part  .review p span { color:#999; display:block; float:right; padding:4px; font-style:italic; font-size:10px;}
.right-part  .review p.more,#sidebar .hot p.more { text-align:right;}
.right-part  .review p.more a,#sidebar .hot p.more a { font-size:11px;}
.right-part  .review .item { margin-bottom:0; border-bottom:1px solid #dedede; margin:0 0 8px; overflow:hidden;}
.right-part  .review .last { border:none; margin:0;}

.right-part .recp .list { line-height:1.6em; font-size:11px; color:#aaa; font-style:italic; text-align:center;}
.right-part .recp .list a { font-size:11px; color:#777;}
.right-part .recp h5 { padding:3px 0; text-align:center;}
.right-part .recp h5 a { font-size:12px; font-weight:bold;}
.right-part .recp .price { text-align:center; padding:4px 0;}
.right-part .recp .price .disp{ color:#FF0000; text-decoration:none;}

.right-part .side2 { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:none repeat scroll 0 0 #EDF4FA; margin-bottom:16px; -moz-box-shadow:0 2px 2px #EDF4FA; -webkit-box-shadow:0 2px 2px #EDF4FA; box-shadow:0 3px 2px #ddd; padding:12px 20px 4px 20px;}

.right-part .side3 { border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 3px 2px #ddd; -webkit-box-shadow:0 3px 2px #ddd; box-shadow:0 3px 2px #ddd; margin-bottom:16px; padding:12px 0;}
.right-part .side3 ul li a { background:transparent url(../images/style/sidebar-arrow-1.png) no-repeat scroll 95% 12px;
border-bottom:1px solid #dedede; display:block; padding:9px 0; text-decoration:none; font-size:12px;}
.right-part .side3 ul li a:hover { color:#000; background-image:url(../images/style/sidebar-arrow-2.png);}
.right-part .side3 ul li a.end { border:none;}
.right-part .side3 ul li a.on { font-weight:bold; font-size:11px; background-image:url(../images/style/sidebar-arrow-2.png);}
.right-part .articles .inside ul li{ background:none; padding:0px;font-size:11px;}
.right-part .articles .inside ul li a { font-size:11px; background:none;}
.right-part .articles .inside ul li.end a { border:none;}
.right-part .twitter{border-top:1px solid #CCC; padding:5px 0 0 8px; width:196px; margin:7px 0 0 7px;}
.fb_iframe_widget{padding-left:8px;}
/*full-part*/
.full-part { padding:12px 32px;}
.full-part h1 { margin:0 0 26px; padding:0 0 12px 0; border-bottom:1px solid #DEDEDE; color:#000000; font-size:20px; font-weight:normal;}
.full-part .try-buy { margin:32px 0 6px; padding:18px 4px; width:99%; overflow:hidden; clear:both; border-top:1px solid #dedede; background:none;}
.full-part .note{ padding:12px 16px; background:#f9f9f9; font-size:12px; border:1px solid #ddd;}
.full-part #screencast { margin-bottom:16px;}
.full-part .screen { margin:32px 0 6px; padding:18px 4px; width:99%; overflow:hidden; clear:both; border-top:1px solid #dedede; background:none;}
.full-part h4 { font-size:15px; padding:0 0 16px 0;}


/*hot*/
.how-to-update { margin:0 0 12px 0; padding:16px 24px; }
.how-to-update h4 { font-weight:bold; color:#555; margin-bottom:8px; padding:0;}
.how-to-update p span { color:#999; font-style:italic; padding-left:6px; font-size:11px;}
.hot-product { position:absolute; right:6px; top:6px; width:74px; height:74px; background: transparent url(../images/p-hot.png) no-repeat scroll 0 0;}

.survey { overflow:hidden; margin:12px 0;}
.sub-menus { background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0; height:42px; border-bottom:1px solid #aeaeae; margin:0 6px; overflow:hidden;}
.sub-menus ul { float:right; padding:9px 20px 0 0;}
.sub-menus ul li { display:block; float:left; text-align:center; width:92px; position:relative;}
.sub-menus ul li:active { padding-top:1px;}
.sub-menus ul li .on{ background:transparent url(../images/style/bgs-1.png) no-repeat scroll -162px -14px; width:20px; height:12px; top:25px; left:40px; position:absolute;}
.sub-menus ul li a { text-shadow:1px 1px 1px #eee; color:#aaa;}
.sub-menus ul li a:hover { color:#09c; text-decoration:none;}
.sub-menus ul li a strong { font-weight:normal; color:#345;}

.left-part .content-main .suite { margin:0 6px; padding:12px 24px; width:712px;}
.left-part .content-main .suite h2 { color:#318905; font-size:18px; padding:16px 0;}
.left-part .content-main .suite h3 a { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;}
.left-part .content-main .suite .col p.info { line-height:1.6em; color:#777; padding-bottom:12px;}
.left-part .content-main .suite .col p.info a { background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 6px; color:#58c; padding-right:12px; display:block; width:28px; margin-top:6px;}
.suite-4 .col { width:162px; float:left; border-right:1px dotted #aeaeae; padding:0 7px 0 0; margin:0 10px 0 0;}
.suite-4 .col-d { border:none; margin:0; padding:0;}
.suite-3 .col { width:222px; float:left; border-right:1px dotted #aeaeae; padding:0 8px 0 0; margin:0 12px 0 0; }
.suite-3 .col-c { border:none; margin:0; padding:0;}
.suite-2 .col { width:340px; float:left; border-right:1px dotted #aeaeae; padding:0 8px 0 0; margin:0 12px 0 0;}
.suite-2 .col-b { border:none; margin:0; padding:0;}

.try-buy { margin:12px 6px 0 6px; padding:24px 24px 6px; width:704px; overflow:hidden; clear:both; border-top:1px solid #aeaeae; background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0;}
.try-buy p { color:#777;}
.try-buy h4 { font-size:15px; padding:0 0 16px 0; color:#123; }
.try-buy h4 a { float:right; color:#58c; font-size:10px; background:transparent url(../images/icon-up.gif) no-repeat scroll 100% 50%; padding-right:14px;}
.try-buy a.down,.try-buy a.buy { display:block; float:left; font-size:13px; height:23px; line-height:22px; }
.try-buy a.down { background:transparent url(../images/icon-down.gif) no-repeat scroll 0  5px; padding-left:14px; color:#58c; margin-right:28px;}
.try-buy a.buy { background:transparent url(../images/style/bgs-2.png) no-repeat scroll -104px -3px; width:78px; color:#fbfbfb; padding-left:28px; font-size:13px; margin-right:6px; text-decoration:none;}


/*guide*/
.guide .lists { background-color:#FDFDFD; border:1px solid #E5E4E4; padding:8px; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; height:100%;}
.guide .lists ul li { background:none; float:left; height:100px; position:relative; text-align:center; width:100px; padding:0 16px; }
.guide .lists li span { display:block; color:#333; padding-top:8px;}
.guide .lists li a img { opacity:0.2; width:60px; height:60px;}
.guide .lists li a { display:block; cursor:pointer; text-decoration:none;}
.guide .lists li a span { color:#777;}
.guide .lists li .here span { color:#000;}
.guide .lists li .here img { opacity:0.95;}
.guide .lists li a:hover img { opacity:0.95;}
.guide .lists li a:hover span { color:#000;}
.guide .section { margin:20px 0 0 0;}
.guide .section h5 { font-size:13px; font-weight:bold; padding:12px 0 4px;}
.guide .section .cts { padding:4px 0 20px 40px; position:relative;}
.guide .section .cts p { padding:0 0 6px;}
.guide .section .cts p.tips { padding:8px 20px; margin:8px 0;}
.guide .section .cts .number { background:url(../images/style/bg-step.gif) no-repeat scroll 3px 3px transparent; color:#fff; font-weight:bold; font-size:18px; height:38px; line-height:34px; left:-4px; top:18px; padding:0; text-align:center; position:absolute; width:35px; font-family:Arial, Helvetica, sans-serif;}
.guide .section .last { border:none;}
.guide .section h4.az,.guide .section h4.az strong { overflow:hidden; font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif; margin:20px 0 8px; font-weight:bold; padding:0;}
.guide .section h4.az span { float:left; display:block; width:32px; height:26px; color:#fff; font-weight:bold; padding-left:8px; background:transparent url(../images/style/bg-step.gif) no-repeat scroll 0 0;}
.guide .section h4.az a { font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; font-size:16px; color:#555; }
.guide .section h3 { color:#070; font-size:16px; padding:12px 0 10px;}
.guide .section strong { color:#777;}
.guide .col h4 { font-size:14px; font-weight:bold;}
.guide .col a { color:#58c;}
.guide .col p { padding:4px 0;}
.guide .col p.tips { padding:8px 12px;}
.guide .download { overflow:hidden; margin-top:24px; height:100%;}
.guide .download .action a{ color:#3C7329;display:block;float:left;width:182px;}
.guide .download span { float:right; display:block;padding-top:4px;}
.guide .download span a{ font-size:11px; color:#333; padding-left:14px;text-decoration:underline;}
.guide ul.related-a { border:1px dotted #9FE18E; clear:both; height:1%; margin:10px 0; overflow:hidden; padding:8px 12px;}
.guide ul.related-a h4 { padding:4px;}
.guide ul.related-a li a { color:#777;}
.guide .col ul li { color:#444; line-height:1.8em;}
.guide .col ul li img { margin:6px 0;}



/*reference*/
.reference .data table { margin-bottom:20px; width:678px;}
.reference .data1 table { width:100%;}
.reference .data table tr:hover { background:#fafafa;}
.reference .data table tr th { background: url(../images/tutorial/titlebg.jpg) repeat-x scroll 0 0 transparent; border:1px solid #efefef;padding:8px 12px;font-size:13px;text-align:left;color:#318905;}
.reference .data table tr td { border:1px solid #efefef;padding:8px 12px;text-align:left;line-height:2em;font-size:11px;color:#666;}
.reference .data table tr td.rLeft{ width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0; line-height:1.5em;}
.reference .data table tr td.rRight { font-size:12px;}

.reference-a .data { margin:4px 0 0 6px;}
.reference-a .data table { margin-bottom:20px;}
.reference-a .data table tr th { border:1px solid #efefef; padding:8px 10px; text-align:left;color:#666; font-weight:bold; vertical-align:top;}
.reference-a .data table tr td { border:1px solid #efefef; padding:6px 10px;text-align:left;line-height:2em; color:#666;}
.reference-a .data table tr td.rLeft{ width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0;}
.reference-a .data table tr td.rRight strong{color:#5691BD;font-weight:normal;font-size:12px;}
.reference-a .data tr.alt td,.reference-a .data tr.alt th { background-color:#fcfcfc;}
.reference ul li { background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -143px; color:#565656; line-height:2em; padding:0 0 0 16px;}

/*history*/
.history .item { border-bottom:1px solid #eee; overflow:hidden; margin-bottom:18px; padding-bottom:18px;}
.history .latest { padding-top:0; margin:0; border-top:none; }
.history .latest strong { color:#f30; font-weight:normal; font-size:12px; padding-left:8px;}
.history .item h3 { color:#333; font-size:13px; padding:12px 0 10px;}
.history .item h3 span { color:#999; font-size:11px; padding-left:16px;}
.history .last { border:none;}
.history ol { margin:0 0 0 32px;}
.history ol li { line-height:1.8em;}
.history .action { border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; margin:16px 0; padding:20px 24px;}
.history .action h5 { color:#f40; font-weight:bold; font-size:13px;}
.history .action p { border-top:1px solid #eee; margin-top:8px; font-size:10px; padding-top:4px; color:#777;}
.history .action ul li { display:inline; background:none; padding:0 28px 0 0;}
.history .action ul li a { font-size:13px;}

/*testinonials*/
.testinonials .col ul li{ display:block; border-bottom:1px solid #eee; overflow:hidden; margin:12px 12px 0 0; padding:18px 0; background:none;}
.testinonials .col ul li .person { float:left; width:100px; font-size:11px; color:#999; text-align:center;}
.testinonials .col ul li .cmain { width:550px; float:right;}
.testinonials .col ul li .cmain p { font-size:13px;}

/*thanks*/
.thanks{}
.thanks h4 { font-size:17px; padding:6px 0; font-family:Arial, Helvetica, sans-serif;}
.thanks .col { float:left; width:300px;}
.thanks ul { padding-bottom:36px;}
.thanks li { background: url(../images/style/sidebar-arrow-2.png) no-repeat scroll left 7px; padding:4px 18px; margin-right:18px;}
.thanks li a { color:#08c; font-size:13px;}

/*compare*/
.compare-table{margin:8px 0 0 0;}
.compare-table a { font-size:13px; color:#58c; }
.compare-table a:hover { text-decoration:none;}
.compare-table td,.compare-table th{padding:8px;border:1px solid #ddd;}
.compare-table td {text-align:center;}
.compare-table td p.buy-now a { color:#fff; margin:0 auto; padding-left:16px; width:88px;}
.compare-table td strong { font-weight:normal; color:#506099; font-size:16px; font-family:Arial,Helvetica,sans-serif;}
.compare-table td span{ text-decoration:line-through; color:#506099;}
.compare-table th{ font-size:12px; padding-left:20px;}
.compare-table th .smallt{font-size:11px; color:#999;}
.compare-table th .bigt{font-size:12px; font-weight:bold; padding-bottom:4px; font-weight:bold;}
.compare-table th img { padding:8px 0;}
.compare-table th strong{font-size:14px;font-weight:normal;}
.compare-table th.title,.compare-table th.titles { background:url(../images/tutorial/titlebg.jpg) repeat-x scroll 0 0 transparent; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#318905; text-shadow:0 1px 0 #fff; padding:9px 12px}
.compare-table .center { text-align:center;}