@charset "utf-8";
* { margin:0; padding:0; }
html { height: 100%; overflow-y: scroll;}
body { 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; }
sup { font-size:0.6em; vertical-align:top; }
h3 { font-size:14px; font-weight:bold; }

.wrapper{width:100%;float: left; display:block; position:relative; }

.upsell { background:url(../images/BG2.jpg) repeat #DDDDDD; }
.rounded { -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; position:relative; }
.full { width:100%; float:left; display:block; position:relative; padding-top:8px; }
.R1.rounded { width:1180px; background-color:#343434; float:left; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
.R1a { padding:20px; width:1120px; float:left; }
.R2.rounded { width:1140px; float:left; background-color:#ffffff; }
.R2a { padding:20px; width:1100px; float:left; font-size:13px; color:#4a4a4a; line-height:18px; position:relative; }
.R3.rounded { width:880px; float:left; }
.R4L.rounded { width:225px; height: 400px; 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:#d8d8d8; padding:0px 0px; font-size:16px;}
.R4L2.rounded { width:225px; height: 400px; float:left; -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:#d8d8d8; padding:0px 0px; font-size:16px;}
.R4R.rounded { width:225px; height: 400px; 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:0px 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:#F6F6F6; width:20px; height:35px; text-align:center; }
.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:#EDF3F5; width:20px; height:244px; text-align:center; }
.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:#d8d8d8; height:240px; 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:240px; padding-top:4px; }
.pro .R4BL { height:120px; }
.pro .R4BB { height:120px; }
.pro .R4BR { height:120px; }
a.btn { width:180px; height:49px; display:inline-block; margin-top:5px; }
a.btn2 { width:180px; height:42px; display:inline-block; margin-top:5px; }
a.btn1a { background:url(../images/Btn1a.png) no-repeat left top; }
a.btn2a { background:url(../images/btndl-new.png) no-repeat left top; height:42px; margin-top: 12px; }
a.btn1b { background:url(../images/Btn1b.png) no-repeat left top; }
a.btn2b { background:url(../images/btnbox-new.png) no-repeat left top; }
a.btn2c { background:url(../images/btndvd-new.png) no-repeat left top; }
a.dvdbtn { background:url(../images/dvdbtn.png) no-repeat left top; }
a.dvdbtn2 { background:url(../images/dvdbtn2.png) no-repeat left top; }
a:hover { background-position:left bottom; }

/* header */
.header_container{width:100%;float:left;background: url(../images/BG.jpg) repeat scroll center 0 #292929;height: 130px; display:block; background-color:#cccccc; }
.header{width:1155px; margin:0 auto;height: 130px;}
.header .top_left{float:left; width:500px; height: 120px; position:relative; text-align:left; display:inline-flex; padding-top:7px;}
.header .top_left .topbanner{margin: 0 0 0 -60px;}
.header .top_mid{float:left;width:685px;height: 118px;text-align: center; padding-top:0px; }
.header .top_right{float:left;height: 120px; width: 200px; font-size:11px; padding-top:5px; font-style:italic; color:#ffffff; text-align:right; line-height:14px; display:inline-flex;}
.header .logo_banner{text-align: center;}
.header .logo_banner img{margin: 8px;}
.header h1.logo{ line-height: 38px; font-family: 'Open Sans'; font-size:26px; color:#f1f1f1;  padding-top:9px; letter-spacing:-1px; }
.header .caption{color: #f1f1f1;font-size: 20px;text-shadow:0 0 5px #232276;line-height: 36px;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.png") 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.png") 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:1175px; }