/*@font-face { 
  font-family:OpenSans; 
  src: url('OpenSans.ttf'); 
} */
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:OpenSans, Tahoma, Verdana, Sans-Serif, Arial;
	color:#555;
	line-height:20px;
	background-color:#f8f8f8;
}
img {
	border:0;
	vertical-align:middle;
}
a {text-decoration:none;}
a:link, a:visited {color : #333333;text-decoration : none;}
a:hover, a:active {color : #8d1da1;text-decoration : none;text-decoration:underline;}
.content a{text-decoration:underline;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

h1,h2,h3,h4,h5,h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: normal;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
  font-weight: normal;
  line-height: 1;
  color: #333;
}

h1,h2,h3 { line-height: 40px;}
h1 {font-size: 24.5px;}
h2 {font-size: 22px;}
h3 {font-size: 14px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}
h6 {font-size: 11.9px;}
h1 small {font-size: 24.5px;}
h2 small {font-size: 17.5px;}
h3 small {font-size: 14px;}
h4 small {font-size: 14px;}
#content h1 {font-size: 24.5px;  font-weight: normal;color: #333;}
#content h2 {font-size: 17.5px;  font-weight: normal;color: #333;}
#content h3 {font-size: 14px;  font-weight: normal;color: #333;}
#content h4  {font-size: 14px;  font-weight: normal;color: #333;}
p {margin: 0 0 10px;}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 2px solid #888;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {  margin-bottom: 0;}
li {  line-height: 20px;}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.clear {clear:both;}
.container{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	zoom: 1;
	overflow: hidden;
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	/* background-color: #fff; */
}

.mesWindow{border:#666 0px solid;background: #000;}
.mesWindowTop{border-bottom:#eee 0px solid;margin-left:0px;padding:0px;font-weight:bold;text-align:left;font-size:12px;}
.mesWindowContent{margin:0px;font-size:12px;}
.mesWindow .close{height:30px;width:98px;border:none;cursor:pointer;text-decoration:underline;background: transparent; color:#fff;}
/*----------------------navbar----------------------*/
.navbar{ height:100px; margin:0 auto; background-color:#fff; width:100%;  overflow:hidden;  zoom:1;}
.navbar .container{position: relative;}
.navbar h1 {font-size: 12px;   float: right;  position: relative;  display: inline;  /* margin: 10px 10px 0 100px; */  height: 30px;  line-height: 20px;}

.navbar .brand {
  display: block;
  float: left;
  font-size: 20px;
  font-weight: 200;
  color: #777777;
  width:260px;height: 64px;
  padding-top: 20px;
}

.navbar .translate{
  position: relative;
  display: inline;
  float: right;
  margin: 10px 10px 0 100px;
  height: 30px;
}
.navbar .translate .fb-like { float: left; margin-top:4px;margin-right: 20px;}
.navbar .translate .gt { float: left;}
.navbar .translate .icafemenu { float: left;margin-right: 20px;margin-top:5px;}

/*.navbar .nav {
  position: relative;
  left:0;
  display: inline;
  float: right;
  margin: 18px 10px 0 0;
  list-style: none;
  overflow:hidden;
  zoom:1;
}*/
.navbar .nav {  position: absolute;right:0; top:66px; display: inline;  margin: 0; list-style: none;  overflow:hidden;  zoom:1; z-index:100;}
.navbar .nav li {
  float: left; display:inline;
}

.navbar .nav li a {
  float: none;
  padding: 10px 15px 10px;
  color: #333;
  text-decoration: none;
  font-size:14px;
  font-weight:200;
}

.navbar a.now:link, .navbar a.now:visited {
 color: #8d1da1;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #000;
  text-decoration: none;
  background-color: transparent;  
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #1da158;
}
/*----------------------bg----------------------*/
.bg-white{ background-color:#fff; padding:20px 0 20px 0; border-bottom:#ccc 2px solid;}
.bg-none{ padding-bottom:20px; background-color:#f1f1f1;}
.bg-gray{ background-color:#5f5f5f; padding:20px 0 20px 0;}
.bg-try{ background-color:#276D46; padding:10px 0 20px 0;}
#maintop{  border-top:#8d1da1 3px solid; height:12px; }
#main-bottom {margin:0 auto; padding-top:50px; padding-bottom:50px;text-align: center;  background-color:#f1f1f1;}
#main-bottom  h1 {font-size: 12px;margin:0;}
.bg-footer{ background-color:#3a3a3a; padding:30px 0 30px 0;}
/*----------------------navbar----------------------*/
.banner{ height:320px; background-color:#111; width:100%;color:#f1f1f1; padding:0;}
.banner .container{position: relative; background-color:#8d1da1;background-image: url("images/banner_img.jpg"); background-position: -30px 0px;background-repeat: no-repeat; height:320px; }
.banner .container .right{position: relative;  float:right; width: 470px;background-image: url("images/icon_mail.png"); background-position: 40px 58px; background-repeat: no-repeat; padding-top:58px; padding-left:130px;}
.banner .container span { font-weight:normal;font-size: 28px;margin: 0px auto 0px;line-height: 36px;}
.banner  .container p {font-size: 14px;line-height: 24px;}

.banner .container .con{ margin:0 auto; width:620px; margin-bottom:40px; height:50px;overflow:hidden;  zoom:1;}
.banner .facebook {width: 40px;height: 30px;background-color: white;text-align: center;padding-top: 10px;position: absolute;right: 0;top: 280px;}

/*-----------button---------------*/
.button-banner{
	width:120px;
	height:120px;
	padding:0px 0px 0px 0px;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	outline:none;
	font-size:18px;
	margin-left:0px;
	margin-right:10px;	
	white-space:nowrap;
	text-align:center;
	line-height:32px;
}
.button-banner img {margin-top: 32px;margin-bottom: 8px;}
.button-banner:hover{background-color: #777;}
.button-banner:active{	top: 1px;left:1px;}
a.button-banner:link, a.button-banner:visited{color:#fff; text-decoration:none;}
a.button-banner:hover,a.button-banner:active{color:#fff; text-decoration:none;}
.button{
	padding:5px 15px 5px 15px;
	text-decoration: none;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.0);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.0);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	outline:none;
	font-size: 14px;
	margin:10px;
	white-space:nowrap;
}
.button:hover{background-color: #777;}
.button:active{	top: 1px;left:1px;}
a.button:link, a.button:visited{color:#fff; text-decoration:none;}
a.button:hover,a.button:active{color:#fff; text-decoration:none;}

.yellow{background-color: #e88b1d;color: #FFF;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:100;}
.yellow:hover{background-color:#f3a344;}
.green{background-color: #1da158;color: #FFF;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:100;}
.green:hover{background-color:#2eb36a;}

.white{background-color: #f9f9f9;color: #333;text-shadow: 0 -1px 1px rgba(0,0,0,0.10);font-weight:100;}
.white:hover{background-color:#fff;}

.lightblue{background-color: #0370EA;color: #FFF;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:100;}
.lightblue:hover{background-color:#008DFD;}
.red{background-color: #B00000;color: #FFF;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);font-weight:100;}
.red:hover{background-color:#d50000;}
a.white:link, a.white:visited{color:#333; text-decoration:none;}
a.white:hover,a.white:active{color:#333; text-decoration:none;}

/*-----------buttonend---------------*/
.what{ padding-top:30px; overflow:hidden; zoom:1;  background-color: #fff;}
.what-title{background: url("images/what_img.jpg") -30px 0 no-repeat; overflow:hidden; width: 370px; height:270px; float:left;  }
.what-title span{font-size: 24.5px; color:#f1f1f1;line-height: 40px;padding: 20px 0 0 30px;display: inline-block;}
.what-info{ float:right; width: 570px; /* padding: 0px 20px 0 10px; */margin:0; }
.what-info h1{font-size: 22px; color:#8d1da1;margin-top:8px;}
.what-info dd{margin:0;}


.feature{padding: 10px 20px; background-color: #fff;}
.feature a:link, a:visited {color : #555;text-decoration : none;}
.feature a:hover, a:active {color : #8d1da1;text-decoration : none;text-decoration:underline;}

.feature h2{background: url("images/icon_feature.png") 0 4px no-repeat; overflow:hidden; padding-left:50px;color: #666; font-size:22px;}
.feature-info { margin-right:-10px; overflow:hidden; zoom:1;}
.feature-info dl{ float:left; margin-right:10px; width: 300px; background-color:#fff; height:200px;display:inline;}
.feature-info dt{ padding:30px 20px; text-align:left; border:#e8e8e8 1px solid; color:#555;font-size: 16px;}
.feature-info dt:hover{ padding:30px 20px; text-align:left; border:#ebdef2 1px solid; color:#555;font-size: 16px; background-color:#f9f5fb; }
.feature-info dt:hover a:link, .feature-info dt:hover a:visited {color : #8d1da1;text-decoration : none;}
.feature-info dt:hover a:hover,.feature-info dt:hover  a:active {color : #8d1da1;text-decoration : none;text-decoration:underline;}

.feature-info dt img{ margin-right:10px;}
.feature-info dd{ margin:0; padding: 10px 30px 10px 0px;}
.feature-info dl h3{ text-align:center; color:#333; margin:2px 0;font-size: 20px;}

.freedown{padding:20px 30px ; background-color: #fff;}
.freedown h2{background: url("images/icon_freedown.png") 0 4px no-repeat; overflow:hidden; padding-left:50px;color: #666;}
.freedown-info { margin-right:0px; overflow:hidden; zoom:1;}
.freedown-info h3{ color:#444;font-size: 20px;}
.freedown-info .left {float:left; width:300px;}
.freedown-info .left .down{width:300px; height:220px; border-bottom:#e8e8e8 1px solid; text-align:center; padding-top:60px; }
.freedown-info .right {float:right; width:580px;}

.freedown-info .right table {border-collapse: collapse; margin-bottom:20px;}
.freedown-info .right table tr:hover {background-color:#f8f8f8;color:#333;}
.freedown-info .right table td{border-bottom: #ccc 1px solid;padding:6px 0px;}
.freedown-info .right .top{border-top: #ccc 2px solid;border-bottom: #ccc 1px solid;padding:6px 0px;}

.start{padding:20px 30px ; background-color: #fff;}
.start h2{background: url("images/icon_start.png") 0 4px no-repeat; overflow:hidden; padding-left:50px;color: #666;margin-bottom: 30px;}
.start-info { margin-right:0px; overflow:hidden; zoom:1;}
.start-info h3{ color:#444;font-size: 20px;}
.start-info .left {float:left; width:258px; border:#e8e8e8 1px solid; padding:20px;background: url("images/start_bg01.jpg") 0 0px no-repeat;height: 392px;}
.start-info .right {float:right; width: 600px; margin-right:-10px; overflow:hidden; zoom:1;}
.start-info .right-c01{ float:left; margin-right:10px; width:298px; border:#e8e8e8 1px solid; height:180px;display:inline;background: url("images/start_bg02.jpg") 0 0px no-repeat;}
.start-info .right-c01 h3{margin-top: 57px;margin-left: 48px;}
.start-info .right-c02{ float:left; margin-right:10px; width: 278px; border:#e8e8e8 1px solid; height:180px;display:inline;background: url("images/start_bg03.jpg") 0 0px no-repeat; text-align:center; }
.start-info .right-c02 h3{margin-top: 118px;}
.start-info .right-c03{ float:left; margin-top:10px; margin-right:10px; width:568px; border:#e8e8e8 1px solid; height:200px;display:inline; padding:20px;background: url("images/start_bg04.jpg") 0 0px no-repeat;}
.start-info .right-c03 .fl{ float:left; width:300px; }
.start-info .right-c03 img{ float:right;}

.buy-bottom{padding:50px 30px ; text-align:center; }
.buy-bottom p{margin-top:30px;}


.footer { text-align:center; color:#999;}
.footer a{ color:#ccc;}
.footer a:link,.footer a:visited {color : #ccc;text-decoration : none;}
.footer a:hover,.footer a:active {color : #999;text-decoration : none;text-decoration:underline;}

.pricingleft{ float:left; width:300px; padding-top:30px; font-size:14px; color:#666; line-height:1.5;}
.span640{ float:right; width:640px;}
.pricing{ margin-right:20px; overflow:hidden;zoom:1; margin-left:20px; width:600px;}
.pricing .price1{ background-color:#836a4c; float:left; display:inline; margin-top:20px; height:230px; width:200px;}
.pricing .price2{ background-color:#d97b00; float:left; display:inline; margin-top:0px; height:250px; width:200px; padding-top:60px;}
.pricing dl{ color:#fff; text-align:center; padding-top:40px;}
.pricing dt{ font-size:24px;  padding-bottom:10px;font-weight:normal; color:#f1f1f1;}
.pricing .price2 dt{color:#fff;}
.pricing dt p{ font-size:16px; line-height:40px; margin-bottom:0;}
.pricing dd{}
.pricing dd span{ font-size:44px; line-height:60px;}
.pricing dd p{  font-size:14px;}