body {background:url(images/body_bg.jpg) repeat-x #d9d9da; margin:0;} #container {width:944px; margin:0 auto; padding-bottom:40px;} h1 { font-size:26px; margin:0 0 10px 0; color:#444; font-weight:bold; line-height:normal; } h1 a {text-decoration:none;} h2 {font-size:18px; margin:5px 0 5px 0; font-weight:bold; line-height:normal; color:#0090c7; text-decoration:none; border-bottom:1px solid #ccc; padding-bottom:5px; } h3 {font-size:14px; color:#333; font-weight:bold; line-height:normal; margin:8px 0 0px 0; padding:0; text-decoration:none;} h4 {font-size:13px; color:#444; font-weight:bold; line-height:normal; margin:8px 0 0px 0; padding:0; text-decoration:none;} p{color:#333;font-size:12px;text-align:left;padding:2px;margin:0px;} a {color:#036cb6; outline-style:none;} a:hover {color:#023f6b;} ul { margin:5px 0 0 15px; padding:0; color:#333;font-size:12px; } ol {margin:0; padding:0;list-style-type:none; color:#333; font-size:12px;} ul.ul_dot li {margin-left:5px; list-style:disc; line-height:2em;} #header {padding:0px; height:48px;} #logo {width:313px; height:48px; background-image:url(images/logo.png); text-indent:-9999px; float:left;} #logo a {display:block; width:313px; height:48px;} #number {font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:right; width:140px; float:left; padding:19px 10px 0 357px;} #contact {width:84px; height:19px; background-image:url(images/contact.png); float:left; margin-top:22px; text-indent:-9999px;} #contact a {display:block; width:84px; height:19px;} #contact a:hover {background-image:url(images/contact_over.png);} #menu {height:39px; width:944px;} #menu ul {list-style:none; margin:0; padding:0;} #menu ul li {float:left; height:39px; display:block; text-indent:-9999px;} #menu a {display:block; width:100%; height:100%;} #menu_home {width:100px; background-image:url(images/menu_services_active.png);} #menu_home a {background-image:url(images/menu_home.png);} #menu_features {width:100px; background-image:url(images/menu_features.png);} #menu_features a {background-image:url(images/menu_features.png);} #menu_download {width:100px; background-image:url(images/menu_download.png);} #menu_download a {background-image:url(images/menu_download.png);} #menu_online {width:100px; background-image:url(images/menu_online.png);} #menu_online a {background-image:url(images/menu_online.png);} #menu_purchase {width:100px; background-image:url(images/menu_purchase.png);} #menu_purchase a {background-image:url(images/menu_purchase.png;)} #menu_samples {width:100px; background-image:url(images/menu_samples.png);} #menu_samples a {background-image:url(images/menu_samples.png;)} #menu_resource {width:100px; background-image:url(images/menu_resource.png);} #menu_resource a {background-image:url(images/menu_resource.png;)} #menu_tutorial {width:100px; background-image:url(images/menu_services_active.png);} #menu_tutorial a {background-image:url(images/menu_tutorial.png);} #menu_support {width:100px; background-image:url(images/menu_services_active.png);} #menu_support a {background-image:url(images/menu_support.png);} #menu_services {width:100px; background-image:url(images/menu_services_active.png);} #menu_services a {background-image:url(images/menu_services.png);} #menu_services a:hover {background-image:url(images/menu_services_over.png);} #menu_services a.active, #menu_services a:hover.active {background-image:url(images/menu_services_active.png);} #menu_portfolio {width:100px; background-image:url(images/menu_portfolio_active.png);} #menu_portfolio a {background-image:url(images/menu_portfolio.png);} #menu_portfolio a:hover {background-image:url(images/menu_portfolio_over.png);} #menu_portfolio a.active, #menu_portfolio a:hover.active {background-image:url(images/menu_portfolio_active.png);} #menu_about {width:83px; background-image:url(images/menu_about_active.png);} #menu_about a {background-image:url(images/menu_about.png);} #menu_about a:hover {background-image:url(images/menu_about_over.png);} #menu_about a.active, #menu_about a:hover.active {background-image:url(images/menu_about_active.png);} #menu_articles {width:91px; background-image:url(images/menu_articles_active.png);} #menu_articles a {background-image:url(images/menu_articles.png);} #menu_articles a:hover {background-image:url(images/menu_articles_over.png);} #menu_articles a.active, #menu_articles a:hover.active {background-image:url(images/menu_articles_active.png);} #menu_empty {width:343px; background-image:url(images/menu_empty.png);} #banner {background-image:url(images/banner.png); width:944px; height:147px; margin-top:5px;} .main_top {width:944px; height:6px; background-image:url(images/main_top.png); margin-top:5px; font-size:1px;} .main {width:884px; background-image:url(images/main_bg.png); padding:20px 30px; color:#333; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;} .main_bottom {width:944px; height:8px; background-image:url(images/main_bottom.png); font-size:1px;} .leftbox_top {width:700px; height:6px; background-image:url(images/left_top.png); margin-top:5px; font-size:1px;} .crumbsbox {width:670px; height:auto; background-image:url(images/left_bg.png); padding:0px 15px 0 15px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;} .leftbox {width:670px; height:auto; background-image:url(images/left_bg.png); padding:20px 15px 0 15px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; float:left;} .leftbox .seperator{ width:640px; height:1px; float:left; border-bottom:1px dashed #999; overflow:hidden; margin:10px 0 10px 0} .leftbox_bottom {width:700px; height:8px; background-image:url(images/left_bottom.png); font-size:1px;} .main_frame{width:944px; } .all_frame{float:left;} .leftbox_frame{float:left;} .rightbox_frame{float:right;width:240px;} .rightbox_top {width:240px; height:6px; background-image:url(images/right_top.png); margin-top:5px; font-size:1px;} .rightbox {width:240px; background-image:url(images/right_bg.png); padding:10px 0 10px 0;color:#140505; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .rightbox_bottom {width:240px; height:8px; background-image:url(images/right_bottom.png); font-size:1px;} img {border:0;} br {line-height:7px;} .line {background:url(images/line.png); width:100%; height:2px; margin:40px 0 20px 0; font-size:1px; clear:both;} .clear {clear:both;} form {margin:0;} form div {margin-top:3px;} label {display:block; float:left; width:90px;} .textfield {width:200px;} textarea {width:400px; height:100px;} .button {margin-left:89px; margin-top:3px; cursor:pointer;} .textfield:focus, textarea:focus {background-color:#FAFAFA;} .sublink {margin-left:11px; list-style:circle;} .url {margin:-5px 0 15px 0;} /*Menu nav*/ .nav{ width:940px; float:left; padding:2px;} .nav ul {margin:0; padding:0;} /*-------- 导航 --------------*/ .navleft{ width:7px; height:40px; float:left; background:url(./style/img/navleft.gif)} .navright{ width:7px; height:40px; float:left; background:url(./style/img/navright.gif)} #navMenu{ width:926px; height:40px; float:left; text-align:center; background:url(./style/img/navcen.gif) repeat-x} #navMenu a{ float:left; text-decoration:none; text-align:center; color:#FFF; font-size:12px; font-weight:bold; line-height:40px; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif;} #navMenu span{ width:2px; height:40px; background:url(./style/img/nav_xx.gif) no-repeat; float:left} .nav1{ width:101px} .nav2{ width:122px} .nav3{ width:130px} .nav4{ width:125px} .nav5{ width:122px} .nav6{ width:118px} #navMenu a:hover{ background:url(./style/img/nava_bj.gif) repeat-x} /*-------- 下拉菜单 --------------*/ .dropMenu { position:absolute; z-index:100; width: 250px; visibility: hidden; /* filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=135, strength=4);*/ background-color:#1C96E1; /*background:url(../imagess/mmenubg.gif);*/ padding:5px 0 5px 0; margin-top:-1px; /*filter:Alpha(Opacity=80); /*IE*/ /*opacity:0.8; /*FF*/ } .dropMenu li { width:160px; float:left} .dropMenu li a { width:250px; height:30px; float:left; line-height:25px; display: block; text-align:left; color:#fff; text-decoration:none; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px } .dropMenu li a:hover { background-color:#4C4C4C; /*filter:Alpha(Opacity=90); /*IE*/ /*opacity:0.9; /*FF*/ } .pageaddress{ width:930px; float:left; padding-left:5px; text-align:left; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; line-height:30px; margin-bottom:-5px; color:#444} .pageaddress a{ color:#444; text-decoration:none} .pageaddress a:hover{ color:#2488DA; text-decoration:underline} .pageaddress span{ color:#222} .main_products_nav{ width:670px; height:38px; margin-top:10px; font-size:12px;} .main_products_nav a{ height:38px; float:left; text-decoration:none; text-align:center; color:#444; line-height:38px} .main_products_nav a:hover{ font-weight:bold; text-align:center; } .pnav1{ width:100px; background:url(./style/img/pnav1_bj.jpg) no-repeat} .pnav1:hover,.pnav1 span{ background:url(./style/img/pnav1h_bj.jpg); display:block; font-weight:bold; text-align:center;} .pnav2{ width:100px} .pnav3{ width:100px} .pnav4{ width:100px} .pnav5{ width:120px} .pnav2,.pnav3,.pnav4,.pnav5{ background:url(./style/img/pnavbj.jpg) repeat-x} .pnav2:hover,.pnav2 span,.pnav3:hover,.pnav3 span,.pnav4:hover,.pnav4 span,.pnav5:hover,.pnav5 span{ background:url(./style/img/pnavh.jpg) repeat-x; text-align:center; display:block; font-weight:bold} .pnav1,.pnav2,.pnav3,.pnav4,.pnav5{ border-right:1px solid #CCC} .pnav6{ width:116px; background:url(./style/img/pnav6_bj.jpg) no-repeat} .pnav6:hover,.pnav6 span{ background:url(./style/img/pnav6h_bj.jpg); display:block; font-weight:bold} .nav_null{ width:345px; height:37px; border-bottom:1px solid #ccc; float:left} #awards {background-image:url(images/frame.png); width:884px; height:98px; margin-top:20px;} .awards_common {float:left;padding:10px 20px 10px 20px;} #awards_google {float:left; padding:10px 20px 5px 30px;} #awards_microsoft {float:left; padding:26px 20px 19px 20px;} #awards_quickbooks {float:left; padding:22px 20px 22px 20px;} #awards_sempo {float:left; padding:30px 20px 30px 20px;} #awards_yahoo {float:left; padding:15px 20px 16px 20px;} #services {height:185px; padding-top:20px; clear:both;} #services ul {margin:0 0 0 70px; padding:8px 0 0 0; clear:both; height:100px;} #services li {list-style:none; background:url(images/services_li.png) no-repeat 0px 5px; padding:0 0 0 12px; font-size:11px; line-height:14px;} #services li a {color:#535353; text-decoration:none;} #services li a:hover {text-decoration:underline;} #services li.sublink {background:url(images/services_subli.png) no-repeat 0px 5px; padding:0 0 0 8px; margin-left:10px; color:#999999;} #services li.sublink a {color:#747474;} #services h3 a {text-transform:uppercase; font-size:14px; font-weight:bold; text-decoration:none; display:block; float:left; margin-top:22px;} #services a.more {display:block; background:url(images/services_more.png) no-repeat; width:116px; height:11px; margin-left:135px;} #services_software, #services_websites, #services_marketing {background:url(images/services_bg.png) no-repeat; width:279px; height:185px; float:left; margin-right:23px;} #services_software div.icon {width:31px; height:32px; margin:16px 7px 0 15px; background-image:url(images/services_software.png); float:left; display:inline;} #services_software h3 a {color:#408508;} #services_websites div.icon {width:30px; height:33px; margin:15px 7px 0 15px; background-image:url(images/services_websites.png); float:left; display:inline;} #services_websites h3 a {color:#0666b2;} #services_marketing div.icon {width:48px; height:30px; margin:16px 7px 2px 15px; background-image:url(images/services_marketing.png); float:left; display:inline;} #services_marketing h3 a {color:#f73906;} .picture_top_img{ width:100%; height:183px; float:left; margin-top:8px} .picture_imginfo{ width:560px; float:left; padding:5px 0 0 20px} .picture_imginfo h2{ width:100%; float:left; text-align:left; font-weight:bold; font-size:13px} .picture_imginfo h1{ width:100%; float:left; text-align:left; font-size:20px; font-weight:normal; line-height:170%; } .picture_imginfo p{ width:100%; float:left; text-align:left; font-weight:normal; line-height:150%} .picture_imginfo p span{ font-weight:bold; color:#F00; font-size:12px} .picture_imgdiv{ width:360px; float:right} #projects {clear:both; line-height:normal;} #projects h3 {text-transform:uppercase; font-size:16px; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#606060; margin:0 0 0 7px;} #projects h3 a {text-decoration:none;} #projects a.more {display:block; background:url(images/projects_more.png) no-repeat; width:102px; height:12px; margin:15px 0 0 7px;} #projects .projects {float:left; margin-right:24px;} .projects {background:url(images/projects_bg.png) no-repeat; width:264px; height:173px; padding:13px 0 0 14px; margin-top:15px;} .projects a {text-decoration:none; font-size:13px; color:#000000;} .projects a:hover span {text-decoration:underline; color:#000000;} .projects img {margin-bottom:7px; border:#e0e0e0 solid 2px;} .projects p {margin:3px 48px 0 0; color:#6b6b6b; font-size:11px;} #projects_software, #projects_websites, #projects_marketing {float:left; width:278px; margin:20px 24px 0 0;} #projects_software .projects, #projects_websites .projects, #projects_marketing .projects {float:none; margin-right:0;} #projects_software h3 a {color:#408508;} #projects_websites h3 a {color:#0666b2;} #projects_marketing h3 a {color:#f73906;} #projects .last, #services_marketing, #projects_marketing {margin-right:0;} .screenshot {border:#e0e0e0 solid 4px; margin:10px 0;} #sidebar {float:right; margin:0 0 20px 20px; width:276px;} #sidemenu_top {width:276px; height:34px; background-image:url(images/sidemenu_top.png);} #sidemenu_top h3 {background:url(images/sidemenu_arrow.png) no-repeat right bottom; float:left; padding:10px 30px 0 15px; height:24px; text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px;} #sidemenu_top h3 a {color:#000000; text-decoration:none;} #sidemenu {width:276px; background-image:url(images/sidemenu_bg.png);} #sidemenu ul {padding:12px 0 12px 0; margin:0 0 0 25px;} #sidemenu li {list-style:none; background:url(images/sidemenu_li.png) no-repeat 0px 5px; padding:0 0 0 12px; font-family:Verdana, Tahoma, Helvetica; font-weight:bold; text-transform:uppercase; color:#000000; font-size:10px; line-height:15px;} #sidemenu li a {color:#000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;} #sidemenu li a:hover {text-decoration:underline;} #sidemenu li.sublink {background:url(images/sidemenu_subli.png) no-repeat 0px 6px; padding:0 0 0 8px; margin-left:10px; color:#606060;} #sidemenu li.sublink a {color:#606060;} #sidemenu_bottom {width:276px; height:14px; background-image:url(images/sidemenu_bottom.png);} .box {border:2px solid #FFFFFF; background-color:#F4F4F4; padding:10px; margin:20px 12px 0 12px;} .box h3 {text-transform:uppercase; font-family:"Myriad Pro", "Trebuchet MS", Arial; color:#000000; font-size:14px; margin:0 0 5px 0;} .box ul {margin:0 10px;} .box li {list-style:none; background:url(images/sidemenu_li.png) no-repeat 0px 6px; padding:0 0 0 12px;} /* .box img {margin-bottom:5px; border:#EEEEEE solid 2px;} */ .adsense {border:1px solid #FFFFFF; margin:20px 12px 0 12px; text-align:center;} .nomargin .adsense {margin-top:0px;} #footer {float:left;background-image:url(images/footer.png); width:944px; height:70px; margin-top:5px; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:11px;} #footer a {color:#FFFFFF; text-decoration:none; font-weight:normal;} #footer a:hover {text-decoration:underline;} #footer span {font-weight:normal;} #footer_left {float:left; background:url(images/copyright.png) no-repeat 28px 24px; padding:26px 0 6px 55px;} #footer_right {float:right; padding:26px 30px 0 0; font-weight:bold;} .button_box { width:550px;border:2px solid #FFFFFF; background-color:#F4F4F4; padding:10px; margin:20px 12px 0 12px;} img.img_left{ float:left; padding:0px 8px 0px 8px; margin:5px; } img.img_right{ float:right; padding:0px 8px 8px 8px; } .testimonials_text {font-size:14px; color:#0090c7; font-style:italic; font-weight:bold; line-height:normal;} .box_step { float:left; width:160px; border:2px solid #FFFFFF; background-color:#F4F4F4; padding:5px; margin:5px 5px 0 5px; } .nPB_line{ width:630px; height:5px; margin-left:0px; background:url(./images/gap.jpg) no-repeat; } .dot_box { margin: 10px 0 0 0; padding: 10px 0 10px 0px; } .sidebox_top {width:220px; height:34px; margin:0 10px 0 10px; background-image:url(images/sidebox_top.png);} .sidebox_top h3 {background:url(images/sidemenu_arrow.png) no-repeat right bottom; float:left; padding:5px 30px 0 15px; height:24px; color:#000000; font-size:14px;} .sidebox_top h3 a {color:#000000; text-decoration:none;} .sidebox {width:200px; padding:10px; margin:0 10px 0px 10px;background-image:url(images/sidebox_bg.png);} .sidebox p a{ color:#222; text-decoration:none; } .sidebox p a:hover{ color:#09F; text-decoration:underline; /*鼠标放上去有下划线*/ } .sidebox_bottom {width:220px; height:14px; margin:0 10px 10px 10px; background-image:url(images/sidebox_bottom.png);} .testimonials_box {width:200px; border:2px solid #FFFFFF; background-color:#F4F4F4; padding:10px; margin:0px 10px 10px 10px;} #dot_line{ border: 1px #CCCCCC; } #addthis{ font-family:Arial, Helvetica, sans-serif; font-size:12px; width:180px; text-align:right; float:right; margin-top:40px;} .right_text { text-align:right; } .more{ padding:3px; font-size:12px; text-align:right; } .box_samples_thumb{ margin:5px 5px 10px 5px; width:200px; height:200px; float:left; padding:0px; border:0px solid #CCC; text-align:center; } .discount_text{ text-decoration: line-through;font-weight:bold; } .discount_bigtext{ text-decoration: line-through; font-size:18px; } .price_text{ color:#C30;font-weight:bold; } .price_bigtext{ color:#C30; font-size:18px; } .subhead{font-size:16px; margin:5px 0 5px 0; font-weight:bold; line-height:normal; color:#0090c7; text-decoration:none; padding-bottom:5px; } .pdt_cont_top {padding:0px 0px; margin-bottom:10px; float:left; width:660px;} .pdt_cont_top .left {float:left; padding:2px; } .pdt_cont_top .right {float:right; width:410px; padding:5px;} .pdt_cont_top .right h1 { font-size:22px; margin:0 0 10px 0; color:#0090c7; font-weight:bold; line-height:normal;} .article_body {} .article_body h2 {font-size:16px; color:#333; font-weight:bold; line-height:normal; margin:8px 0 0px 0; padding:0; text-decoration:none; border-bottom:none;} .article_body h3 {font-size:14px; color:#333; font-weight:bold; line-height:normal; margin:8px 0 0px 0; padding:0; text-decoration:none;} .index_bottom_share{ background:#e6f0f5; line-height:200%; padding:5px 0 5px 10px; width:660px; float:left; } .index_bottom_sharetext{float:left; margin-right:30px; font-weight:bold; } .blue_box_400{ background:#e6f0f5; line-height:200%; padding:5px 0 5px 10px; width:400px; } .blue_box_660{ background:#e6f0f5; line-height:200%; padding:5px 0 5px 10px; width:660px; } .box_related{ background:#e6f0f5; line-height:200%; padding:5px 0 5px 10px; width:660px; float:left;} .box_related p{ padding-right:100px; width:200px; line-height:150%; float:left;} .box_related_split {background:#e6f0f5; line-height:100%; padding:5px 0 5px 10px; margin-bottom:10px; width:300px; float:left; } .box_related h2 {font-size:16px; color:#333; font-weight:bold; line-height:normal; margin:8px 0 0px 0; padding:0; text-decoration:none; border-bottom:none;} .box_related h3 {font-size:14px; color:#333; font-weight:bold; line-height:normal; margin:8px 0 0px 0; padding:0; text-decoration:none;} .grayfont { font-size:10px; color:#999; line-height:14px; } .grayfont p { margin-bottom:10px; } /* =compare_products is360free #tab_3*/ .compare_products { text-align:center; } .compare_products td p { margin-top:0; } .compare_products thead td { padding-bottom:10px; } .compare_products tbody td p { text-align:left; font-weight:bold; } .bgcolor { background-color:#eee; }