* {
  margin: 0;
  padding: 0;
}

html {
  background: #FFF;
}

body {
  font-family: '微软雅黑', Arial, '宋体';
  font-size: 12px;
  background: #FFF;
  color: #4c4c4c;
}

h3 {
  font-weight: 700;
  font-size: 20px;
  color: #047CE1;
}

a {
  outline: none;
}

a:hover,
a:active {
  color: #F50;
  text-decoration: none;
}

.fl {float: left;}

.clearfix:before, .clearfix:after {
  content:"";
  display:table;
}

.clearfix:after{
  clear:both;
  overflow:hidden;
}

.clearfix{
  *zoom:1;
}

.clear {
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.dotline {
  border: 1px dashed #11c4fc;
  clear: both;
  margin: 20px 0px;
}

div.webversion {
  color: gray;
  text-align: center;
  line-height: 2em;
  font-weight: bold;
}

#container {
  width: 960px;
  height: auto;
  position: relative;
  margin: 0 auto;
}

#header,
#content,
#footer {
  margin: 0 auto;
}

#header {
  position: relative;
  background: url(../images/topbg.png) top center repeat-x;
  width: 960px;
  height: 118px;
  text-align: left;
}

#logo {
  padding-top: 5px;
  border: none;
}

#lang,
#member {
  position: absolute;
  right: 10px;
  text-align: right;
}

#lang {
  top: 0;
  font-size: 14px;
}

#lang a {
  color: #555;
}

#lang a:hover {
  color: blue;
}

#member {
  top: 25px;
  font-size: 12px;
  vertical-align: middle;
}

#member a {
  vertical-align: middle;
  font-size: 10pt;
  font-weight: bold;
}

#member a.username {
  color: green;
}

#mainNav {
  position: absolute;
  text-align: right;
  left: 330px;
  bottom: 18px;
}

#mainNav li {
  display: inline;
  list-style: none;
  font-weight: 700;
  font-size: 15px;
}

#mainNav li a {
  display: inline;
  text-decoration: none;
  padding: 10px;
}

#mainNav .login {
  position: absolute;
  left: 505px;
  bottom: -10px;
  width: 114px;
  height: 39px;
  background: rgb(0,71,127);
}

#mainNav .login a,
#mainNav .login a:hover {
  background: transparent;
  color: white;
  padding: 0px;
  padding-top: 10px;
  display: block;
  height: 100%;
  text-align: center;
}

.register {
  background-color: rgb(250,139,5);
  height: 39px;
  width: 114px;
  float: right;
  margin-right: 10px;
}

.register a,
.register a:link,
.register a:visited {
  display: block;
  height: 100%;
  font-size: 15px;
  font-weight: 700;
  padding-top: 10px;
  color: white;
  text-align: center;
}

#content {
  background: #FFF;
  width: 960px;
}

#main_container {
  width: 960px;
  height: 640px;
  position: relative;
  margin: 0 auto;
}

#mainshow {
  position: relative;
  background: url(../images/main.jpg) top center no-repeat;
  border: none;
  width: 960px;
  height: 340px;
  padding: 0 0 5px;
}

#mainshow .mainshow_title {
  position: absolute;
  top: 70px;
  left: 475px;
  width: 260px;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

#mainshow .download {
  position: absolute;
  right: 10px;
  bottom: 10px;
  border: none;
}

#main1_en,
#main2_en,
#main3_en,
#main1_zh,
#main2_zh,
#main3_zh,
#main1_zh_tw,
#main2_zh_tw,
#main3_zh_tw{
  float: left;
  text-align: left;
  border: none;
  width: 320px;
  position: relative;
  margin: 5px 0 10px;
  padding: 115px 0 10px;
}

#main1_zh_tw {
  background: url(../images/main1_zh_TW.jpg) top center no-repeat;
}

#main1_zh {
  background: url(../images/main1_zh.png) top center no-repeat;
}

#main1_en {
  background: url(../images/main1_en.png) top center no-repeat;
}

#main2_zh_tw {
  background: url(../images/main2_zh_TW.png) top center no-repeat;
}

#main2_zh {
  background: url(../images/main2_zh.png) top center no-repeat;
}

#main2_en {
  background: url(../images/main2_en.png) top center no-repeat;
}

#main3_zh_tw {
  background: url(../images/main3_zh_TW.png) top center no-repeat;
}

#main3_zh {
  background: url(../images/main3_zh.png) top center no-repeat;
}

#main3_en {
  background: url(../images/main3_en.png) top center no-repeat;
}

#main_container .text {
  float: left;
  text-align: left;
  border: none;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 15px 10px;
}

#main_container .more {
  float: right;
  text-align: right;
  border: none;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 15px 10px;
}

#features_container {
  width: 960px;
  height: 1700px;
  position: relative;
  margin: 0 auto;
}

#featuresshow_zh {
  background: url(../images/featuresmain_zh.png) top center no-repeat;
  border: none;
  width: 960px;
  height: 195px;
}

#featuresshow_en {
  background: url(../images/featuresmain_en.png) top center no-repeat;
  border: none;
  width: 960px;
  height: 195px;
}

#features {
  background: url(../images/featuresbg.png) top center no-repeat;
  float: left;
  text-align: left;
  border: none;
  width: 960px;
  margin: 5px 0 10px;
}

.features {
  text-align: left;
  border: none;
  width: 780px;
  padding: 10px 90px;
}

#features1 {
  height: 200px;
}

#features3 {
  height: 180px;
  padding: 20px 90px 10px;
}

#features5 {
  height: 200px;
}

#features6 {
  height: 230px;
}

#solution_container {
  width: 960px;
  position: relative;
  margin: 0 auto;
}

#solutionmain_zh,
#solutionmain_en {
  border: none;
  width: 960px;
  height: 195px;
}

#solutionmain_zh {
  background: url(../images/solutionmain_zh.png) top center no-repeat;
}

#solutionmain_en {
  background: url(../images/solutionmain_en.png) top center no-repeat;
}

#solution_title {
  color : #047CE1;
  margin: 10px;
}

.solution_content {
  padding: 0px 80px;
  margin : 40px 0px;
}

.solution_content p {
  margin-bottom: 30px;
}

.solution_content .logo_title {
  font-size  : 22px;
  font-weight: bold;
  line-height: 40px;
}

.solution_content .logo_small_title {
  font-weight: bold;
  text-align : right;
  line-height: 20px;
}

.odd_logo,
.even_logo {
  text-align: center;
}

.odd_logo {
  float: left;
  width: 180px;
}

.even_logo {
  float: right;
  width: 500px;
}

.odd_text,
.even_text,
.solution_content p {
  font-size  : 16px;
  line-height: 25px;
}

.odd_text {
  padding-top: 50px;
  margin-left: 220px;
}

.even_text {
  margin-right: 550px;
}

.odd_logo,
.even_logo,
.odd_text,
.even_text {
  min-height: 200px;
  height: auto !important;
  height: 200px;
}

#download_container {
  width: 960px;
  position: relative;
  margin: 0 auto;
}

.dl_bg {
  background: url(/static/default/images/download_bg.jpg) no-repeat;
  height: 960px;
}

.dl_icon_sprites { background: url(/static/default/images/download_sprites.png) no-repeat top left; }
.dl_icon_step_bg { background-position: -4px -1px; width: 572px; height: 85px; }
.dl_icon_step1 { background-position: -4px -133px; width: 500px; height: 85px; }
.dl_icon_downbg { background-position: -5px -222px; width: 235px; height: 75px; }
.dl_icon_downarrow { background-position: -9px -318px; width: 21px; height: 34px; }
.dl_icon_android_text { background-position: 0 -360px; width: 100px; height: 38px; }
.dl_icon_googleplay { background-position: 0 -416px; width: 100px; height: 23px; }
.dl_icon_line { background-position: -4px -498px; background-repeat: repeat-x; width: 960px; height: 1px; }
.dl_icon_step2 { background-position: -4px -534px; width: 572px; height: 85px; }
.dl_icon_win { background-position: -6px -631px; width: 43px; height: 39px; }
.dl_icon_ios { background-position: -305px -629px; width: 40px; height: 45px; }
.dl_icon_android { background-position: -15px -731px; width: 36px; height: 41px; }
.dl_icon_mac { background-position: -307px -732px; width: 40px; height: 40px; }
.dl_icon_linux { background-position: -24px -836px; width: 39px; height: 37px; }
.dl_bigicon_sprites { background: url(/static/default/images/download_bigicon.png) no-repeat top left; }
.dl_bigicon_server { background-position: -21px 0; width: 251px; height: 219px; }
.dl_bigicon_phone { background-position: 0 -245px; width: 336px; height: 320px; }

.dl_step2 {
  margin-bottom: 15px;
}

.dl_line {
  left: 0;
  margin-bottom: 36px;
  top: 444px;
}

.dl_server {
  padding-top: 80px;
  height: 365px;
}

.dl_content {
  margin: 15px 0 0 75px;
  width: 526px;
}

.dl_icon_sprites > a {
  display: block;
  height: 75px;
}

.dl_step_text {
  color: white;
  font-size: 24px;
  margin-left: 75px;
  padding-top: 20px;
}

.dl_down_left {
  margin: 0 56px 30px 0;
}

.dl_down_server {
  margin: 145px 0 0 40px;
}

.dl_icon {
  float: left;
  margin: 18px 0 0 25px;
}

.dl_phone {
  position: absolute;
  right: 1px;
}

.dl_tips {
  color: white;
  font-size: 16px;
  left: 642px;
  position: absolute;
  top: 310px;
  width: 306px;
}

.dl_server_text {
  color: #047ce1;
  font-size: 24px;
  font-weight: bold;
  margin-left: 75px;
  padding-top: 20px;
}

.dl_text {
  font-size: 18px;
  margin-left: 85px;
  padding-top: 15px;
}

.dl_text_title {
  color: #0c0c0d;
}

.dl_text_desc {
  color: #636566;
}

#guide_container .guide_content {
  font-size: 14px;
  line-height: 30px
}

#guide_container .guide_content .star {
  font-size: 30px;
  padding-top: 6px;
  padding-right: 5px;
  display: block;
  float: left;
  color: rgb(70,189,0);
}

#guide_container .guide_content dt {
  font-size: 16px;
  font-weight: bold;
  clear: both;
  padding-top: 10px;
  color: #047CE1;
}

#guide_container .guide_content dd {
  margin-left: 10px;
}

#guide_container .guide_content dd p {
  padding-top: 20px;
  clear: both;
}

#guide_container .guide_content dd p img {
  float: left;
  display: inline;
  max-width: 70%;
  width: expression(this.width > 475 ? 475: true);
}

#guide_container .guide_content dd .imagebox2 {
  width: 100%;
  clear: both;
  display: block;
}

#guide_container .guide_content dd .imagebox2 .box {
  width: 48%;
  float: left;
  display: block;
}

#guide_container .guide_content dd .imagebox2 .box img {
  display: block;
  width: 95%;
}

#guide_container .guide_content dd .imagebox2 .box p {
  padding: 10px;
}

#footer {
  background: url(../images/footerbg.png) top center repeat-x;
  width: 960px;
  height: 70px;
  padding-top: 10px;
}

#footer table {
  width: 100%;
}

#footer td {
  vertical-align: top;
}

#footer ul li {
  list-style: none outside none;
  display: inline;
  border-right: 1px solid #047CE1;
  line-height: 18px;
  margin: 0 7px 0 0;
  padding: 0 7px 0 0;
}

#footer ul li.last {
  border: 0;
}

#copyright {
  text-align: left;
  margin-left: 10px;
}

#footer_nav {
  text-align: center;
}

#footer_contact {
  text-align: right;
  margin-right: 10px;
}

img,
fieldset,
#download .img {
  border: none;
}

a:link,
a:visited,
#footer a {
  color: #047CE1;
  text-decoration: none;
}

#lang a:hover,
#footer a:hover {
  color: #F50;
}

#member a:hover {
  color: blue;
}

#member img,
#member p,
#footer_contact img {
  vertical-align: middle;
}

#mainNav .active a,
#mainNav .active a:hover,
#mainNav li a:hover {
  background: url(../images/nav_hover.png) top center repeat-x;
  color: #FFF;
}

#features1 .features1_logo,
#features3 .features3_logo,
#features5 .features5_logo {
  border: none;
  float: left;
  text-align: right;
  width: 260px;
  margin: 10px 20px 0 0;
  padding: 0;
}

#features1 .features1_text,
#features3 .features3_text,
#features5 .features5_text {
  border: none;
  float: right;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  width: 470px;
  margin: 40px 0 10px 30px;
  padding: 0;
}

#features1 .features1_more,
#features3 .features3_more,
#features5 .features5_more {
  border: none;
  float: right;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  width: 470px;
  margin: 10px 30px 10px 0;
  padding: 0;
}

#features2,
#features4 {
  border: none;
  height: 250px;
  text-align: left;
  width: 780px;
  padding: 20px 90px 10px;
}

#features2 .features2_logo,
#features4 .features4_logo,
#features6 .features6_logo {
  border: none;
  float: right;
  text-align: left;
  width: 260px;
  margin: 10px 0 0 20px;
  padding: 0;
}

#features2 .features2_text,
#features4 .features4_text,
#features6 .features6_text {
  border: none;
  float: left;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  width: 470px;
  margin: 40px 30px 10px 0;
  padding: 0;
}

#features2 .features2_more,
#features4 .features4_more,
#features6 .features6_more {
  border: none;
  float: left;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  width: 440px;
  margin: 10px 60px 10px 0;
  padding: 0;
}

#jobs .sidenav {
  height: 104px;
  margin-top: 30px;
  width: 188px;
}

#jobs .sidenav a {
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #E5E5E5;
}

#jobs .sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}