@charset "utf-8";
* { margin:0; padding:0; }
html { height: 100%; overflow-y: scroll;}
body { width:100%; float:left; font-family: 'Open Sans', sans-serif; }
img { border:0; vertical-align:top; }
a{ text-decoration:none; }
ul,ol { list-style:none; padding:0;  margin:0; }


.wrapper{width:100%;float: left; display:block; position:relative; }
.boldtext { color: #0088c0 }
.upsell { background-color:#eaf2f6; }
.rounded { -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; behavior: url(../js/PIE.htc); position:relative; }
.full { width:100%; float:left; display:block; position:relative; padding-top:8px; }
.R1.rounded { width:960px; background-color:#fff; float:left; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px;}
/**background-image: -webkit-gradient(linear, left top, left bottom, from(#0C1922), to(#1F4A51));
background-image: -webkit-linear-gradient(#0C1922, #1F4A51);
background-image: -moz-linear-gradient(#0C1922, #1F4A51);
background-image: -ms-linear-gradient(#0C1922, #1F4A51);
background-image: -o-linear-gradient(#0C1922, #1F4A51);
background-image: linear-gradient(#0C1922, #1F4A51);
-pie-background: linear-gradient(#0C1922, #1F4A51); } **/
.R1a { padding:20px; width:920px; float:left; }
.R2.rounded { width:920px; float:left; background-color:#ffffff; }
.R2a { padding:20px; width:880px; float:left; font-size:13px; color:#4a4a4a; line-height:18px; position:relative; }
.R3.rounded { width:880px; float:left; }
.R4L.rounded {
    width: 225px;
    float: left;
    -moz-border-radius: 7px 0px 0px 0px;
    -webkit-border-radius: 7px 0px 0px 0px;
    -khtml-border-radius: 7px 0px 0px 0px;
    border-radius: 7px 0px 0px 0px;
    background-color: #686868;
    padding: 15px 0px;
    font-size: 16px;
}
.R4R.rounded {
    width: 225px;
    float: left;
    -moz-border-radius: 0px 7px 0px 0px;
    -webkit-border-radius: 0px 7px 0px 0px;
    -khtml-border-radius: 0px 7px 0px 0px;
    border-radius: 0px 7px 0px 0px;
    background-color: #a3ceec;
    padding: 15px 0px;
    font-size: 16px;
    position: relative;
}
.R4TL { float:left; -moz-border-radius: 7px 0px 0px 0px; -webkit-border-radius: 7px 0px 0px 0px; -khtml-border-radius: 7px 0px 0px 0px; border-radius: 7px 0px 0px 0px; background-color:#F5F5F5; width:20px; height:35px; text-align:center; padding-top: 4px; }
.R4BL { float:left; -moz-border-radius: 0px 0px 0px 7px; -webkit-border-radius: 0px 0px 0px 7px; -khtml-border-radius: 0px 0px 0px 7px; border-radius: 0px 0px 0px 7px; background-color:#F2F5F7; width:20px; height:180px; text-align:center; padding-top: 4px;}
.R4BB {
    float: left;
    width: 225px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    -khtml-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: #686868;
    height: 180px;
    padding-top: 4px;
}
.R4BR {
    float: left;
    width: 225px;
    -moz-border-radius: 0px 0px 7px 0px;
    -webkit-border-radius: 0px 0px 7px 0px;
    -khtml-border-radius: 0px 0px 7px 0px;
    border-radius: 0px 0px 7px 0px;
    background-color: #a3ceec;
    height: 180px;
    padding-top: 4px;
}
a.buy { width:205px; height:54px; background:url("../images/Download_Win.png") no-repeat left top; display:inline-block; margin-top:10px; }
a.buy:hover { background-position:left bottom; }

/* header */
.header_container{width:100%;float:left;height: 140px; display:block; background-color:#fff; }
.header{width:1020px; margin:0 auto;height: 120px;}
.header .top_left{float: left; width:220px; height: 120px; position:relative;}
.header .top_left .topbanner{margin: 0 0 0 0px;}
.header .top_mid{float: left;width:490px;height: 130px;text-align: center; margin-left: 0px}
.header .top_right{float: left;height: 140px;width: 200px; position:relative;}
.header .logo_banner{text-align: center;}
.header .logo_banner img{margin: 8px;}
.header h1.logo{ line-height: 36px;}
.header h1.logo a{font-family: 'Open Sans';font-size: 36px;}
.header .caption{color: #323232;font-size: 15px;line-height: 33px;font-weight: normal;margin: 0;}
/* header */

/* footer */
.footer_container{ background-color:#dee2e3; width:100%;float: left;height: 265px;margin: 45px 0 0 0;}
.footer_top{width:100%;float:left;height: 193px;padding: 0;}
.footer_top .col_l{width: 50%;float: left; position: relative;height: 193px;}
.footer_top .col_r {float: right;height: 105px;padding: 85px 0 0;width: 50%;}
.footer_top .bottombanner{position: absolute;left: -90px;bottom: 0;}
.footer_top .download {background: url("../images/download_f.html") no-repeat scroll left top rgba(0, 0, 0, 0);color: #FFFFFF;display: block;float: right;font-size: 33px;height: 72px;line-height: 33px;padding: 10px 10px 0 75px;text-align: center;text-transform: uppercase;width: 394px;}
.footer_top .download:hover{box-shadow: 0 0 5px #56AE2B;border-radius: 5px;}
.footer_top .secure_dl{color: #56ae2b;font-size: 14px;text-align: center;width:411px;display: block;margin: 25px 0 5px;float: right;}
.footer_top .dl_demo_des{color: #808080;font-size: 12px;text-align: right;line-height: 12px;float: right;margin: 15px 0 5px 0;width: 510px;}
.footer_top .dl_demo_des a{color: #808080;}
.footer_top .dl_demo_des a:hover{color: #000000;}

.footer_container .fw { background:url("../images/arrow_g_b.html") no-repeat 380px 8px #dee2e3; }

.footer{width:100%;float:left;height: 72px;background-color: #343434;}
.footer .links{padding: 0; margin: 35px 10px 0;float: right;}
.footer .links li:first-child,
.footer .links li.first{border-left:0;}
.footer .links li{padding: 0 5px; margin: 0;float: left;border-left: 1px solid #dee2e3;line-height: 12px;}
.footer .links li a{color: #dee2e3;font-size: 12px;line-height: 12px;}
.footer .links li a:hover{color: #F26522;}
.copytext{float: left;font-size: 12px;color: #ffffff;height: 40px;margin: 18px 0 0 10px;line-height: 50px;}
.copytext img{margin: 0 5px 0 0;}

.softcity .softcity_logo{float: left;height: 64px;margin: 5px 5px 0 0;}
.softcity .copytext {color: #FFFFFF;float: left;font-size: 12px;height: 67px;line-height: 18px;margin: 0;
width: 200px;}
.softcity .copytext span {display: block;float: left;padding: 20px 0 0 10px;width: 100px;}
/* footer */

/* main_container */
.main_container{width:100%;float: left; display:block; padding:10px 0px 30px; }
.fw_c { margin:0 auto; width:960px; }

.video { background:url(../images/video-monitor.png) no-repeat left top; width: 360px; height: 290px; }