*{font-family:Tahoma, Geneva, sans-serif; color:#222; margin:0; padding:0; border:0;} input{ border:1px solid #7F9DB9;} select{ border:1px solid #7F9DB9;} html, body {margin:0; height:100%; line-height:18px;} body{color:#000000;background-color:#F4F4F4;text-align:left;margin:0px;padding:0px;font-size:13px; color:#000} body.mceContentBody{background-color:#FFFFFF;margin:0 10px} a{text-decoration:none;color:#028FFF;outline:none;border:none;margin:0px;padding:0px;} a:hover{text-decoration:underline;color:#242A2F} a.red_link{color:#900 !important} a.blue_link{color:#11609d !important} a.blue_link:hover{color:#242A2F !important} a.blue_linku{color:#11609d; text-decoration:underline} a:link{text-decoration:none; } a:visited{ text-decoration:none; } a:hover{text-decoration:none; } a.blue_link{color:#11609d} a.blue_link:hover{color:#242A2F} .blue_color{color:#11609d} .red_color{color:#900;} h3{ font-weight:600;} h1,h2{font-weight:500;} .clr{clear:both;} li{list-style:none;} .li_num{list-style-type:decimal;} #container {min-height:100%; /* for firefox */ position:relative; background:url("../images/content_shadow.gif") repeat-y; width:1096px; margin:0 auto;} #center {padding-bottom:20px; /* =footer.height */overflow:auto; zoom:1;} .gasfooter{ width:100%; height:20px; } .prolist{width:1000px; height:200px; margin-left:40px; margin-top:20px; border:#CCC 1px solid;} .prolist .pro{width:33%; float:left} .prolist .delimiter{width:1px; height:150px; margin-top:30px; border-right:#a4aaaf 1px dashed; float:left;} .prolist .pro .title h2{font-family:Tahoma;font-size:18px;color:#000000;padding:15px 0 15px 0px; text-align:center} .prolist .pro .center{ margin:0px 0 20px 20px;} .prolist .pro .center .img{ width:100px; float:left;} .prolist .pro .center .img img{} .prolist .pro .center .info{float:left; padding:5px 5px 5px 5px; width:196px;} .prolist .pro .center .info .describe{width:100%;} .prolist .pro .center .info a{color:#111; text-decoration:underline;} .prolist .pro .center .info p{color:#333; margin:10px 0 0 0;} .prolist .pro .center .info .buy{margin:5px 5px 5px 0px; bottom:0px; width:196px;} .prolist .pro .center .info .buy a{ line-height:25px; margin-right:10px; height:25px; color:#11609d; text-decoration:underline} .prolist .pro .center .info .buy a img{margin-top:6px; float:left;} .prolist .pro .center .info .buy a span{float:left; margin-left:5px;} .prolist .pro .center .info .buy a .imgright{margin-left:10px;} .index-new{width:980px; height:30px; line-height:30px; border:#CCC 1px solid; margin-left:40px; margin-top:20px; padding-left:20px;} .resource{width:980px; border:#CCC 1px solid; margin-left:40px; margin-top:20px; padding-left:20px; height:220px;padding-top:10px;} .resource .innerbox{height:180px;} .resource .more{float:right;margin-right:30px} .resource .testimonials, .resource .tips{ float:left; width:48%;display:block; margin-right:10px; } .resource h2{color:#111; margin:5px 0 10px 0} .resource li{color:#333; line-height:18px;} .resource .tips{ float:right; } .resource .tips ul li{background:url("../images/article_bullet.gif") no-repeat 0px 4px; padding-left:18px; margin-top:5px; margin-left:10px; line-height:20px;} .resource .delimiter{float:left;width:1px;height:120px;border-left:1px dashed #a4aaaf;margin-top:23px;} .resource .testimonials p{ margin-bottom:15px; } .purchase-fbm{width:1000px; margin:20px 40px 0 40px;} .purchase-fbm .left{width:720px; float:left} .purchase-fbm .left h1{line-height:30px;margin-bottom: 12px;} .purchase-fbm .left .header{height:200px; } .purchase-fbm .left .header .pro-img{float:left; width:200px;} .purchase-fbm .left .header .pro-right{float:left; margin-top:20px; width:370px;} .purchase-fbm .left .header .pro-right h2{ margin-bottom:5px;} .purchase-fbm .left .header .pro-right ul li{ background:url(../images/dot.gif) no-repeat 0px 7px; margin-left:5px; padding-left:10px;} .purchase-fbm .left .header .imgmoneyback{float:left; margin:10px 0 0 15px;} .purchase-fbm .left .prices{margin-top:30px; border:#ccc 1px solid;} .purchase-fbm .left .prices ul{height:45px;} .purchase-fbm .left .prices ul li{float:left; line-height:40px; height:40px; margin-left:10px;} .purchase-fbm .left .prices ul li a{ display: inline-block;} .purchase-fbm .left .prices ul .li1{ width:205px;} .purchase-fbm .left .prices ul .li2{ width:145px;} .purchase-fbm .left .prices ul .li3{ width:150px;} .purchase-fbm .left .prices ul .li3 img{ margin-top:5px;} .purchase-fbm .left .prices .header{background:#efefef; height:40px; margin-bottom:10px;} .purchase-fbm .left .aboutswreg{margin-top:30px; width:595px; border:#ccc 1px solid; height:110px; padding:20px 40px 0px 80px;} .purchase-fbm .left .aboutswreg img{float:left;} .purchase-fbm .left .aboutswreg .swreginfo{float:left; margin:0 0px 0 40px; width:400px;} .purchase-fbm .left .note{margin:30px 0 0 0;} .purchase-fbm .left .note ul li{background:url(../images/dot.gif) no-repeat 0px 11px; margin-left:5px; padding-left:12px; line-height:25px;} .sitemap{width:1000px; margin:20px 40px 0 40px; } .sitemap .left{width:720px; float:left;} .sitemap .left .division{border-bottom:#CCC 1px dashed; width:95%; height:1px; margin:20px 0px 20px 0px;} .sitemap .left .layer1{height:30px; line-height:30px; margin-bottom:5px; margin-top:5px;;background:#CCC; padding-left:5px;} .sitemap .left ul{padding-left:30px;} .sitemap .left ul li{background:#FFF; list-style-type:disc; line-height:20px; height:20px;} .samples{width:1000px; margin:20px 40px 0 40px; } .samples .left{width:720px; float:left} .samples .left h1{margin-bottom:20px;} .pro-page .left .flash{text-align:center; margin:20px 10px 20px 10px;} .pro-page .left .buttons{height:50px; margin-left:200px; margin-top:30px;} .pro-page .left .buttons p{line-height:30px;} .pro-page .left .buttons a{float:left; margin-right:20px;} /**Header**/ .header{width:100%; height:70px;} .header .logo{width:180px; height:46px; margin:10px 0 0 40px; float:left; display:block;} .header .headerright{ margin:0 0 0 30px; width:790px; float:left; display:block; padding:22px 0px 0px 0px;} .followus{ float:right;} .followus.top-followus{padding-top:5px; width:150px;} .breadcrunb{height:20px; margin:-8px 0px 0px 40px; clear:both;} .nav_pnl{height:30px; margin:0px 0px 0px 40px; clear:both; padding-top:5px;} /**Menu Style**/ /*.menuleft{background:url(../images/menu.png) 0 -58px; width:5px; height:28px; float:left; margin:0px;} .menuright{background:url(../images/menu.png) 0 0px; width:5px; height:28px; float:left; margin:0px;} .menucenter{ background:url(../images/menu.png) 0 -145px; width:780px; height:28px; float:left;} */ .menuleft{background:url(images/menu-l.png) left top no-repeat; width:5px; height:32px; float:left; margin:0px;} .menuright{background:url(images/menu-r.png) left top no-repeat; width:5px; height:32px; float:left; margin:0px;} .menucenter{ background:url(images/menu-c.png) left top repeat-x; width:780px; height:32px; float:left;} .menu{ color:#FFF; z-index:8000; position:relative; width:586px; height:32px; float:left;} .menu li{ float:left;display:block;height:32px;position:relative;z-index:9999; line-height:30px; background:url(../images/menu_li.gif) right bottom no-repeat; padding-right:1px;} .menu li.last{ background:none;} .menu li a{color:#FFF; text-align:center; width:100px; display:block;font-size: 14px;} /*.menu li a:hover,.menu li:hover a{ background:url(../images/menu.png) 0 -116px;}*/ .menu li a:hover,.menu li:hover a{ background:url(images/menu-cur.png) left top repeat-x;} .menu li.blog a{ width:80px;} .menu li .nav_dropup {position:absolute;left:-9999em;top:32px;border-bottom: 1px solid #92999F;border-left: 1px solid #92999F; border-right: 1px solid #92999F;border-top:0;background-color:#ffffff; -webkit-border-radius: 0px 0px 2px 2px;-moz-border-radius: 0px 0px 2px 2px;border-radius: 0px 0px 2px 2px; behavior: url(/PIE.htc);} .menu li:hover .nav_dropup {display:block;z-index:9998;left:0px;float:left;} .menu li li{ background:none; height:25px; line-height:25px; padding:0;} .menu li li a{ color:#0A61A6; font-size:13px; height: 25px; padding-left: 10px; text-align: left; display:block;} .menu li li a span,.menu li dl dd a span{/*color:#900;*/ color:#0A61A6;} .menu li dl dd a span.new{ color: red; float: right; height: 25px;} .menu li li a:hover,.menu li:hover li a:hover{ background:#caeaff; } .menu li:hover li a{ background:none;} .menu li .product_drop{ width:593px; padding:10px 0px;} .menu li .product_drop dl{ float:left; padding:0px 10px; /*margin-right:10px;*/ border-right:1px solid #E6E6E6; min-height:356px;} .menu li .product_drop dl.left{width:165px;} .menu li .product_drop dl.center{width:155px;} .menu li .product_drop dl.right{/*width:155px;*/width: 210px;} .menu li .product_drop dl.mobile{ width:155px; margin-right:0px; border-right:none;} .menu li .product_drop dt{ font-size:14px; font-weight:bold;} .menu li .product_drop dd{ display:block; width:100%;} .menu li .product_drop dd a{ width:100%; color:#0A61A6; font-size:13px; height: 25px; text-align: left; display:block; background:none; } .menu li .product_drop dd a:hover{ /*color:red;*/ color:#242a2f; /*font-weight:bold; font-size:12px;*/} #search{ PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 0px; PADDING-LEFT: 0px; width:180px; PADDING-RIGHT:5px; FLOAT: right; PADDING-TOP: 0px} #search input[type="text"] {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 150px; FONT: 1.0em tahoma, arial, san-serif; BACKGROUND: url(../images/search_input.gif) no-repeat left center; FLOAT: left; HEIGHT: 21px; BORDER-TOP: medium none; MARGIN-RIGHT: 0px; BORDER-RIGHT: medium none; padding-left:2px;} #search input[type="submit"]{BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; TEXT-INDENT: -1000px; WIDTH: 21px; BACKGROUND:url(../images/search_btn.gif) #fff no-repeat center center; FLOAT: left; HEIGHT: 21px; VERTICAL-ALIGN: middle; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none} #banner {width:1000px;height:300px;margin:0 0 0 40px;position:relative;z-index:1;} #banner .imgs li {position:absolute;} #banner .num {position:absolute;bottom:10px;right:14px;z-index:10;} #banner .num li {color:#535353;float:left;margin:3px;background:#fff;font:normal 11px/1.4em Arial;filter:alpha(opacity=40); -moz-opacity:0.4;opacity:0.4;cursor:pointer;height:17px;width:17px;text-align:center;line-height:17px;} #banner .num li.curr {background:#c9c9c9;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;color:#000000;font-weight:bold;} /**Footer**/ #footer {height:70px;width:1082px; margin:0px 0px 0px 7px; background-color:#E2EFF8;} #footer .bottom_menu{width:1000px;font-size:11px;margin:0px auto;padding:15px 0px 0px 0px;position:relative} #footer .bottom_menu a{padding:0 10px;} #footer .followus{ float:right;} #footer .divspan{float:left;line-height:22px; width:60px; color:#11609d;} #footer .bottom_menu .followus a{display:inline-block;margin-right:5px; padding:0;} #footer .copyRight{text-align:center; clear:both;} /**Right**/ .sidebar{width:240px; float:left; margin-left:30px;} .sidebar .hot-pro, .sidebar .testimonials, .sidebar .faq, .sidebar .recommendpro, .sidebar .hottip, .sidebar .nextstep, .sidebar .salesfaq, .sidebar .moneyback, .sidebar .hottips{border:#C6D2DA 1px solid; margin-bottom:20px;} .sidebar .title{background:#EFF5F7; height:30px; line-height:30px; padding-left:15px; font-weight:bold;} .sidebar .hot-pro .body, .sidebar .faq .body, .sidebar .hottip .body, .sidebar .hottips .body{ margin:5px;} .sidebar .testimonials .body{ margin:10px;} .sidebar .testimonials .body p{ margin-bottom:14px;} .sidebar .recommendpro .body{ margin:5px 5px 5px 10px;} .sidebar .recommendpro .imgbox{ text-align:center; margin:10px 0 10px 20px;} .sidebar .recommendpro a img{ text-align:center; margin:10px 0 0 140px; display:block; } .sidebar .hot-pro .body ul li{ background:url(../images/arrow02.gif) no-repeat 8px; padding-left:18px; line-height:25px;} .sidebar .faq .body li{ margin-bottom:5px; background:url(../images/arrow02.gif) no-repeat 0px 5px; padding-left:10px;} .sidebar .hottip ul li{ background:url(../images/tips.gif) no-repeat 0px 5px; padding-left:18px; line-height:25px;} .sidebar .nextstep .body ul li, .sidebar .salesfaq .body ul li{ line-height:42px; height:42px;} .sidebar .nextstep .body ul li img, .sidebar .salesfaq .body ul li img{ padding:10px 10px 0 10px; float:left;} .sidebar .delimiter{ width:100%; height:1px; border-bottom:#C6D2DA 1px solid; padding:0; margin:0;} .mainpage.purchase .sidebar .faq ul li{ background:url(../images/arrow02.gif) no-repeat 8px; padding-left:18px; line-height:25px; margin-bottom:0px;} /**Left Content Style**/ .mainpage{width:1000px; margin:20px 40px 0 40px;} .mainpage h1{ margin-bottom:12px;} .mainpage .left{width:720px; float:left} .mainpage .left p{line-height:20px; margin:12px 0px;} .mainpage .left .firstdes{font-size:14px;} .mainpage .pros{ margin:20px 0px 0 0;} .mainpage .pros .pro{margin:0px 0 20px 10px; width:700px; height:130px;} .mainpage .pros .pro .img{ width:100px; float:left;} .mainpage .pros .pro .img img{ height:130px;} .mainpage .pros .pro .info{float:left; padding:5px 5px 5px 10px; width:550px;} .mainpage .pros .pro .info .describe{/*height:50px;*/} .mainpage .pros .pro .info a{color:#111;} .mainpage .pros .pro .info p{color:#333; margin:10px 0 0px 0px;} .mainpage .pros .pro .info .buy{padding:5px 5px 5px 5px; bottom:0px;} .mainpage .pros .pro .info .buy a{ line-height:20px; margin-right:10px; height:20px;} .mainpage .pros .pro .info .buy a img{margin:5px 5px 0 0;} .mainpage .pros .pro .info .buy span{ color:#900;} .mainpage .pros .pro-line{ width:90%; margin:10px 0 10px 10px; border-bottom:#999 1px dashed; height:1px;} .mainpage.products .pros .pro .info .describe{height:65px;} .mainpage.products .pros .pro .info .buy a{ line-height:20px; margin-right:10px;} .mainpage.products .pros .pro .info .buy a img{margin-right:5px;} .mainpage.purchase .pros .pro .info{float:left; padding:5px 5px 5px 5px; width:550px;} .mainpage.purchase .pros .pro .info .describe{height:65px;} .mainpage.purchase .pros .pro .info .buy{padding:10px 5px 5px 5px;} .mainpage.purchase .pros .pro .info .buy .price{line-height:32px; float:left} .mainpage.purchase .pros .pro .info .buy .price span{ color:#900;} .mainpage.purchase .pros .pro .info .buy #btnbuy{ float:right; margin-right:30px;} /**Articles Style**/ .mainpage.articles .left h1{margin:0px 0 14px; line-height:36px;} .mainpage.articles .left h2{margin:0px 0 14px; line-height:36px; font-size:16px;} .mainpage.articles .left h3{margin:0px 0 14px; line-height:36px; font-size:14px;} .mainpage.articles .left p{ font-size:13px; margin:10px 0px;} .mainpage.articles .left p img{ margin:15px 0px;} .mainpage.articles .left a img{ margin:0px;} .mainpage.articles .left ol,.mainpage.articles .left ul{ margin:10px;} .mainpage.articles .left ul li{float:none; clear:both; } .mainpage.articles .left ul li img{float:left;margin:5px 10px 0 0;} .mainpage.articles .left ul li a{font-size:14px; font-weight:bold;} .mainpage.articles .left .buttons{ margin:20px 0 20px 0; } .mainpage.articles .left .buttons ul li{ margin-right:30px; line-height:35px;} .mainpage.articles .left .buttons ul li a{font-size:18px;} .mainpage.articles .left dl{ margin-bottom:15px;} .mainpage.articles .left .number{background: url(../images/bg-step.gif) no-repeat scroll 4px 4px transparent; color: #FFFFFF; float: left; font-size: 15px; font-weight: bold; height: 34px; line-height: 34px; margin-right: 5px; padding: 0; text-align: center; width: 35px;} .mainpage.articles .left .note{background: url(images/icon_note.png) no-repeat scroll 14px 10px transparent; border: 1px solid #fdea9a; padding:18px 10px 18px 70px;-moz-box-shadow:inset 9px 9px 10px -10px #fdea9a;-webkit-box-shadow:inset 9px 9px 10px -10px #fdea9a;box-shadow:inset 9px 9px 10px -10px #fdea9a; margin:12px 0px;} .tutorials{width:1000px; margin:20px 40px 0 40px; } .tutorials .left{width:720px; float:left; } .tutorials .left h2{margin:30px 0 10px 0; color:#900;} .tutorials .left ul li{line-height:25px;} .tutorials .left ul li img{float:left;margin:5px 10px 0 0;} .tutorials .left ul li a{font-size:14px; font-weight:bold;} .mainpage.support .left h2{margin:30px 0 0 0;} .mainpage.support .left .submitcase .left{ width:420px; float:left;} .mainpage.support .left .submitcase .right{background:#fff8da; margin:60px 0 0 20px; width:250px; height:150px; border:#DAD0C6 1px solid; float:left;} .mainpage.support .left .submitcase .right h3{text-align:center; margin-top:20px; margin-bottom:10px; font-size:18px;} .mainpage.support .left .submitcase .right p{line-height:25px; margin-left:10px;} .mainpage.terms-of-use .left ul li,.mainpage.about .left ul li,.mainpage.privacy-policy .left ul li,.mainpage.affiliate .left ul li{list-style-type:disc; margin-left:15px; line-height:25px;} .mainpage.affiliate .left td, .mainpage.affiliate .left th{line-height:30px; height:30px; text-align:left;} .mainpage.links .left ul li{margin:0 50px 10px 0; height:70px; border:#C6D2DA 1px solid; padding:10px;} .mainpage.links .left ul li img{float:left;} .mainpage.links .left ul li .right{float:right; width:450px; margin:0 10px 0 0} .mainpage.links .left .friendlink{margin:0 50px 10px 0; border:#C6D2DA 1px solid; padding:10px;} .mainpage.sales-faq .left .faqitem{line-height:25px; height:25px; cursor:pointer; } .mainpage.sales-faq .left .faqitem img{float:left; margin:8px 10px 0 0; } .mainpage.sales-faq .left .item{margin-top:10px;} .mainpage.sales-faq .left .downloadfaq, .mainpage.sales-faq .left .productfaq{margin:50px 0 0 0px;} .mainpage.sales-faq .left .productfaq ul li{line-height:25px; height:25px;} .mainpage.sales-faq .left h2{margin:30px 0 0 0;} .productfaq-cont{height:900px;} .testimonials .division{border-bottom:#CCC 1px dashed; width:95%; height:1px; margin:20px 0px 20px 0px;} .pro-page{width:1000px; margin:20px 40px 0 40px; } .pro-page .left{width:720px; float:left} .pro-page .left h1{ font-size:16px; margin-bottom:12px;} .pro-page .left .header{/*height:230px;*/ height:auto; padding-bottom:20px;} .pro-page .left .header .pro-img{float:left; width:320px; position: relative;} .pro-page .left .header .discount_notice{ background:url(images/discount_note.png) left top no-repeat; line-height:76px; font-size:10px; font-family: Arial, Helvetica, sans-serif; padding-left:28px; text-shadow: 1px 2px 1px #949191; color:#000;} .pro-page .left .header .discount_notice span{font-size:13px; color:#a31c1e;} .pro-page .left .header .pro-right{float:left;} .pro-page .left .header .pro-right .buttons .price{padding-left:10px; margin-bottom:5px;} .pro-page .left .header .pro-right .buttons a{} .pro-page .left .header .pro-right .buttons span{line-height:40px; float:left; padding-left:10px; color:#900;} .pro-page .left .header .pro-right .buttons #btndownload{ margin-left:40px;} .pro-page .left .header .pro-img p{ text-align:center;} .pro-page .left .header .pro-img span{} .pro-page .left .header .pro-img a{ display:inline-block; margin:4px 0px 0px 0px; text-decoration:underline;} .pro-page .left .header .pro-img a:hover{ text-decoration:none; color:#F33;} .pro-page .left .header .pro-right .button{ /*width:300px;*/} .pro-page .left .header .pro-right .button .down{ float:left; width:180px; text-align:center; margin-top:15px;} .pro-page .left .header .pro-right .button .buy{ float:left; width:150px; text-align:center; margin-top:15px;} .pro-page .left .header .pro-right .button .down span{ margin-top:5px; display:block;} .pro-page .left .header .pro-right .button .buy span{ margin-top:5px; display:block; } .pro-page .left .header .pro-right .button .buy span span{ color:#900; display:inline;} .pro-page .left .header .pro-right .button .buy.free span{ line-height:26px; font-size:18px; color:red;} .pro-page .left .header .support{margin:5px; border:1px solid #ffcd7e; background-color:#fff0d8; padding:3px;} .pro-page .left .header .pro-descrip{padding:5px 5px 5px 5px; width:380px;} .pro-page .left .header .buttons{ margin-top:15px;} .pro-page .left .header .pro-img a.video{ position: absolute; left: 120px; top: 60px; background: url(./images/icon_video_64.png) left top no-repeat; width: 64px; height: 64px; text-indent: -9999px;} .pro-page .left .header .pro-img a.video:hover{ filter: alpha(opacity=90); outline: 0; opacity: .9;} .pro-page .left .compatible{background:#F4F5F7; width:700px; height:35px; line-height:35px; padding:0px 0 0 15px; margin-bottom:30px; position:relative;} .pro-page .left .compatible span{ vertical-align:middle;} .pro-page .left .compatible img{ vertical-align:middle;} .pro-page .left .compatible .get_version{ position:absolute; right:10px;} .pro-page .left .header .pro-descrip ul { padding: 10px 0px;} .pro-page .left .header .pro-descrip ul li{ background: url(images/yes-icon.png) 0px 2px no-repeat; padding-left: 22px; margin-bottom: 6px;} .pro-page .tabs_nav{width:100%; height:30px; margin-bottom:20px;} .pro-page .tabs_nav div{height:29px; float:left;} .pro-page .tabs_nav .left{ background:url(../images/tabs/tab_container_left.gif) left top no-repeat; width:2px; } .pro-page .tabs_nav .center{ background:url(../images/tabs/tab_container_center.gif) left top repeat-x; width:710px;} .pro-page .tabs_nav .right{ background:url(../images/tabs/tab_container_right.gif) left top no-repeat; width:2px;} .pro-page .tabs_nav ul{ padding-top:3px;} .pro-page .tabs_nav li{float:left; height:26px;} .pro-page .tabs_nav li a{padding-left:4px; display:block; height:26px;} .pro-page .tabs_nav li a span{ display:block; padding:0px 20px 0px 12px; height:26px; line-height:26px;} .pro-page .tabs_nav li a:hover, .pro-page .tabs_nav li.cur a{ background:url(../images/tabs/tab_left.gif) left top no-repeat;} .pro-page .tabs_nav a:hover span,.pro-page .tabs_nav li.cur a span{ background:url(../images/tabs/tab_r.gif) right top no-repeat; line-height:28px;} .pro-page .left .content{ margin:20px 0 0 0; line-height:25px;} .pro-page .left .content-top{ line-height:25px;} .pro-page .left .content p{ margin-bottom: 20px;} .pro-page .left .part ul,.pro-page .left .part ol{ list-style:outside; padding-left:14px;} .pro-page .left .part li{background:url(../images/dot.gif) no-repeat 0px 10px; padding-left:10px;} .pro-page .left .part{margin-top:0px; background:url(images/shadow-hr.png) left bottom no-repeat; padding:0px 0px 34px 0px; clear:both;} .pro-page .left .part .clr{ height:0px;} .pro-page .left .part.last{ background:none; padding:0px 0px 20px 0px;} /*.pro-page .left .text{ float:left; width:400px; margin-right:10px;} .pro-page .left .image{float:left;width:300px; margin-right:5px;}*/ .pro-page .left .text{ float:left; width:400px; margin-right:10px;} .pro-page .left .image{float:left;width:300px; margin-right:5px;} /*.pro-page .left .text.left{ padding-right:20px; background:url(images/bg_overview_left.gif) right 7px repeat-y;} .pro-page .left .text.right{ padding-left:20px; background:url(images/bg_overview_right.gif) left 7px repeat-y;}*/ .pro-page .left .downloadLast{ margin:20px 0px; text-align:center;clear:both;} .pro-page .left .whatsnew{ margin-top:10px;} .pro-page .left .whatsnew ul{margin-left:10px;} .pro-page .left .whatsnew li{list-style-type:decimal; margin-left:20px;} .pro-page .left .whatsnew .histroyversion{margin-top:30px;} .pro-page .left .whatsnew .histroyversion h3, .fbm .left .whatsnew .histroyversion li{color:#666;} .pro-page .left .tutorials{margin:20px 0 0 10px; width:auto;} .pro-page .left .system ul{border:#C6D2DA 1px solid; height:40px;} .pro-page .left .system .ul-notop{border-top:0px;} .pro-page .left .system ul li{float:left; line-height:40px; height:40px; width:200px; padding-left:10px;} .pro-page .left .system ul .li2{float:left; line-height:40px; height:40px; width:350px; padding-left:10px;} .pro-page .left .system .division{border-right:#C6D2DA 1px solid; float:left; width:1px; height:40px;} .pro-page .left .system .other{height:160px;} .pro-page .left .system .other .division{height:160px;} .tutorials-nav{ margin:20px 10px; padding: 10px 20px; border: 1px solid #dedede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tutorials-nav li{ margin-bottom:4px; background:url(../images/arrow3.png) 0px 6px no-repeat; padding-left: 20px;} .tutorials-nav li a{ border-bottom: 1px dotted #dedede; color:#333;} .pro-page .left .tutorials h3{font-weight: 700;} .pro-page .left .tutorials .tutorials-category-list{ margin: 8px 0px 12px 0px;} .pro-page .left .tutorials .tutorials-category-list li{ background:url(../images/article_bullet.gif) 0px 4px no-repeat; padding-left: 20px;} .pro-page .left .vspro{margin:30px 10px 0 10px; width:auto;} .pro-page .left .demos{ margin-top:30px;} .pro-page .left .demos ul li{margin:0 0px 10px 0px; height:190px; padding:10px 10px 0 10px;} .pro-page .left .demos ul li img{float:left; width:250px; height:170px; margin-left:50px; margin-right:20px;} .pro-page .left .demos ul li .right{float:left; width:250px; height:170px; } .pro-page .left .demos ul li .right .describe{line-height:20px;} .pro-page .left .demos ul li .right .describe p{ margin-bottom:0;} .pro-page .left .demos ul .minidemo{margin:0 0px 15px 0; height:370px; padding:10px 10px 0 10px;} .pro-page .left .demos ul .minidemo .left{float:left; width:600px; padding-left:50px;} .pro-page .left .demos ul .minidemo .right{float:left; width:260px; margin:0 0 0 15px;} .pro-page .left .templates{ display:block;} .pro-page .left .templates ul li{float:left; margin:20px; text-align:center;} .pro-page .left .templates ul li a{ text-align:center;} .pro-page .left .templates ul li a img{width:200px; height:150px;} .pro-page .left .templates ul{ clear:both;} .pro-page .left .box { overflow: hidden;} .pro-page .left .box li{ background: url("images/dot_23.png") no-repeat scroll 0 9px transparent !important; float: left; padding-left: 8px !important; width: 308px;} .pro-page .left .box h2 { font-size: 16px; font-weight: bold; margin: 5px 0;} .pro-page .left .pick {background: url("images0328/video_bg2.png") no-repeat scroll center 0 transparent; float: left; height: 184px; margin: 10px 0 15px; position: relative; width: 228px;} .pro-page .left .pick .pic {height: 151px; text-align: center; } .pro-page .left .pick .fdq {bottom: 0; height: 32px;padding: 0; position: absolute;right: 15px;width: 32px;} .pro-page .left .box { background: -moz-linear-gradient(center top , #FCFCFC, #EDEDED 100%) repeat scroll 0 0 transparent; border: 1px solid #DBDBDB; border-radius: 10px 10px 10px 10px;box-shadow: 0 2px 3px #DBDBDB; margin-bottom: 30px;overflow: hidden; padding: 10px 0 10px 10px;} .pro-page .left .viewdemo{font-size:20px; float:left;} .pro-page .left .downloadfull{background:#F4F5F7;; width:700px; height:35px; line-height:35px; padding:0px 0 0 15px; margin-top:130px;} .pro-page .left .downloadfull a:hover{text-decoration:underline;color:#11609d} .pro-page .left .downloadfull span{ float:left;} .pro-page .left .downloadfull img{ float:left; line-height:35px; margin-right:5px;} .pro-page .left .resources{ margin-top:20px;} .pro-page .left .featurelist{ margin-top:20px;} .pro-page .left .featurelist .title{line-height:35px; height:35px;} .pro-page .left .featurelist .title img, .fbm .left .featurelist .title h3{ float:left;} .pro-page .left .featurelist .title h3{margin-left:20px;} .pro-page .left .featurelist h3{margin:20px 0 0px 0;} .pro-page .left .featurelist ul li{list-style-type:decimal; margin-left:30px;} .mainpage .left .faqitem{line-height:25px; height:25px; cursor:pointer; } .mainpage .left .faqitem img{float:left; margin:8px 10px 0 0; } .mainpage .left .item{margin-top:10px;} .mainpage .left .item p{margin-top:0px;} .mainpage h2.pro_faq_name{ margin:30px 0px 5px 0px;} .pro-page.fm .left .demos,.pro-page.fmfm .left .demos{ margin-top:30px;} .pro-page.fm .left .demos ul li,.pro-page.fmfm .left .demos ul li{ border: 1px solid #C6D2DA; height: 190px; margin: 0 0 10px; padding: 10px 10px 0;} .pro-page.fm .left .demos ul li img,.pro-page.fmfm .left .demos ul li img{float:left; width:250px; height:170px; margin-left:50px; margin-right:20px;} .pro-page.fm .left .demos ul li .right,.pro-page.fmfm .left .demos ul li .right{float:left; width:250px; height:170px; } .pro-page.fm .left .demos ul li .right .describe,.pro-page.fmfm .left .demos ul li .right .describe{height:120px; line-height:20px;} .pro-page.fm .left .demos ul .minidemo,.pro-page.fmfm .left .demos ul .minidemo{margin:0 0px 15px 0; height:370px; padding:10px 10px 0 10px;} .pro-page.fm .left .demos ul .minidemo .left,.pro-page.fmfm .left .demos ul .minidemo .left{float:left; width:600px; padding-left:50px;} .pro-page.fm .left .demos ul .minidemo .right,.pro-page.fmfm .left .demos ul .minidemo .right{float:left; width:260px; margin:0 0 0 15px;} .pro-page.fpg .left .content .demos,.pro-page.fvg .left .content .demos{ margin-top:30px;} .pro-page.fpg .left .content .demos ul li,.pro-page.fvg .left .content .demos ul li{margin:0 0px 10px 0; height:145px; border:#C6D2DA 1px solid; padding:10px 10px 0 10px;} .pro-page.fpg .left .content .demos ul li img,.pro-page.fvg .left .content .demos ul li img{float:left; width:180px; margin:0; height:auto;} .pro-page.fpg .left .content .demos ul li .right,.pro-page.fvg .left .content .demos ul li .right{float:left; width:480px; margin:0 0 0 15px;} .pro-page.fpg .left .content .demos ul li .right .describe,.pro-page.fvg .left .content .demos ul li .right .describe{height:90px; line-height:20px;} .pro-page.fpg .left .content #version_t,.pro-page.fvg .left .content #version_t { width:700px; margin-top:30px; border-top:1px solid #ccc; border-left:1px solid #ccc;} .pro-page.fpg .left .content #version_t td,.pro-page.fvg .left .content #version_t td{ padding:8px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} h4#disqus_thread_title{ font-size: 18px;font-weight: 600;line-height: 1.2;padding-top: 30px;} #disqus_thread{ padding-top:10px;} pre{ padding: 1em !important; background: #E6FBFB !important; border: 1px solid #f9f9f9; overflow-y: auto; overflow-x: auto; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .tableStyle { border-collapse :collapse; border-spacing:0; border: 0; margin: 20px 0px;} .tableStyle tr{} .tableStyle td{ border: 1px solid #d3d3d3; padding: 8px; } .tableStyle thead td{ text-align: center; background-color: #deebf1; white-space: nowrap; font-weight: bold;} .tableStyle tbody td{ } .post_bt{ margin: 20px 0px; padding: 16px 20px; background-color: #EFF5F7; font-size:14px; } .post_bt .btn{ display: inline-block; padding: 4px 20px; margin-bottom: 0; margin-left: 14px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 2px; color: #fff; } .post_bt .btn.btn_down{ background-color: #428bca; border-color: #357ebd; } .post_bt .btn.btn_buy{ background-color: #5cb85c; border-color: #4cae4c; } .post_bt .btn.btn_down span{ color: #D6E1FF; font-size: 13px; } .post_bt .btn.btn_buy span{ color: #D6E1FF; font-size: 13px; } .post_bt .btn.btn_down:hover, .post_bt .btn.btn_down:focus, .post_bt .btn.btn_down:active{ color: #fff; background-color: #3071a9; border-color: #285e8e; } .post_bt .btn_buy:hover, .post_bt .btn_buy:focus, .post_bt .btn_buy:active{ color: #fff; background-color: #449d44; border-color: #398439; }