@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;color:#ffffff; }

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

.upsell { background-color: #FFFFFF; }
.full { width:100%; float:left; display:block; position:relative; padding-top:8px; }
.R1.rounded {width:1180px;background-color:#587055;float:left;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: 12px;color:#4a4a4a;line-height:18px;position:relative;}
.R3.rounded { width:880px; float:left; }
.R4L.rounded {width:225px;height: 430px;float:left;background-color: #D8D8D8;padding:0px 0px;font-size:16px;}
.R4L2.rounded {width:225px;height: 430px;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: 430px;float:left;background-color: #D8D8D8;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:#D8D8D8; width:20px; height:35px; text-align:center; }
.R4BL {float:left;background-color: #E8EEE8;width:20px;height: 189px;text-align:center;}
.R4BB {float:left;width:225px;background-color: #E8EEE8;height: 185px;padding-top:4px;}
.R4BB2 {float:left;width:225px;background-color: #E8EEE8;height: 185px;padding-top:4px;}
.R4BR {float:left;width:225px;background-color: #E8EEE8;height: 185px;padding-top:4px;}
.pro .R4BL { height:149px; }
.pro .R4BB { height:145px; }
.pro .R4BR { height:145px; }
a.btn { width:180px; height:56px; 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/Btn2a.png) no-repeat left top; }
a.btn1b { background:url(../images/Btn1b.png) no-repeat left top; }
a.btn2b { background:url(../images/Btn2b.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; height: 120px; display:block; background: url(../images/BG.jpg) repeat scroll center 0 #292929; }
.header{width:1155px; margin:0 auto;height: 130px;}
.header .top_left{float: left;width: 200px;height: 87px;position:relative;text-align:left;display:inline-flex;padding-left: 55px;}
.header .top_left .topbanner{margin: 0 0 0 -60px;}
.header .top_mid{float: left;width: 666px;height: 27px;text-align: center;padding-top:0px;}
.header .top_right{height: 90px;/* 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: 40px;font-family: 'Open Sans';font-size: 25px;color:#ffffff;padding-top:25px;letter-spacing: -1px;font-weight: normal;}
.header .caption{color: #353535;font-size: 20px; 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; }
.video { width: 360px; height: 290px; }