html {
font-size: 100%;
}

body {
	margin: 0;
	font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
}
a {
	text-decoration: none;
}
li {
	position:relative;
	list-style:none;
	line-height: 22px;
}
ul {
	margin-left: 16px;
	list-style: disc;
}
ul, ol {
	margin:0;
	padding: 0;
}
article, aside, details, figcaption, figure, main_footer, header, hgroup, nav, section {
	display: block;
}
h2 {
	font-size: 42px;
	line-height: 44px;
	margin: 0 0 22px 0;
	font-weight: 300;
}
h3{
	color:#FFF;
}
p {
	font-family: "微软雅黑" sans-serif;
	font-size: 14px;
	line-height: 22px;
	display:block;
	color:#fff;
}
img {
	border:none;
}
.pull-right{float:right;}
.pull-left{float:left;}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]
	{
	cursor: not-allowed;
	background-color: #eee
}
.btn.disabled,.btn[disabled] {
	cursor: default;
	background-image: none;
	opacity: 1;
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
{
	color: #674397;
}
.logout a:first-child{
	background: #f99f1e !important;
}
.logout a,
.logout a span{
	color:#000;
}
#nav-menu-reg {
	background-color:#e6e6e6;
}
#stage{background: #f5f6f6;overflow: hidden;}
.btn {
	display: inline-block;
	padding: 5px 15px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "微软雅黑", sans-serif;
	line-height: 22px;
	text-rendering: optimizelegibility;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-repeat: repeat-x;
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#ffe6e6e6', GradientType=0);
	*/
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75), 0px 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}

.btn {
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-toolbar .btn {
	margin-left: 4px;
	margin-top: 8px;
}

.visible-tablet, .visible-phone {display: none !important;}

/* product style */
#stage.home #cases,#stage.home .user-guide{background: #F6F6F6;}
#stage.home #page-context{padding-bottom:0px;padding-top:0px;}
#stage.home #serv-list{z-index:998;padding-bottom:0px; border-bottom:2px solid #dddddd; background: #fff;}  
#stage.home #img-intro, #stage.home #monitor-intro{ padding-bottom: 120px;}
/* product end */
/*************************************************************************************/

@media (min-width: 1200px){
	#stage.home #page-header .hero.hero-device-screenshots .hero-content .device-screenshot-laptop {
		right: -90px;
	}
	#stage.home #page-header .hero.hero-device-screenshots .hero-content .device-screenshot-phone {
		right: -40px;
	}
	#stage.home #cases .screenshots .nav-arrow.left {
		left: 50px;
	}
	#stage.home #cases .screenshots .nav-arrow.right {
		right: 50px;
	}
	
}
@media (max-width: 979px) and (min-width: 768px){
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 724px;
	}
	.row {
		margin-left: -20px;
		position: relative;
	}
}
@media (max-width: 979px){
	#stage.home #page-header .hero.hero-device-screenshots.animate .hero-content .device-screenshot-laptop {
		bottom: -20px;
	}
	#stage.home #cases .screenshots {
		margin-top: -400px;
		background-size: 724px 423px;
		height: 423px;
	}
	#stage.home #cases .screenshots .screens {
		width: 502px;
		height: 312px;
		top: 37px;
		margin-left: -251px;
	}
	#stage.home #cases .screenshots .nav-arrow {
		top: 150px;
	}
	#stage.home #intro {
		padding-bottom: 360px;
	}
	#stage.home #cases .contractors {
		padding: 10px 130px 10px 130px;
	}
	#main_footer #ablist li, main_footer #ablist li {
		margin: 0px 3px 0px 3px;
	}
	
} 
.login {
	margin-top:2px;
}
#login_name{
	background: url("../img/light_noise_diagonal.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#toggle-header-btn {
	width: 100px;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 12px;
	position: relative;
	z-index: 2;
	display: inline;
	cursor: pointer;
}
#toggle-header-btn {
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	color:#e8e8e8;
}
.account-nav {
	margin: 0;
	width: 160px;
	z-index: 1;
	left: 12px;
	font: bold 15px "微软雅黑";
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	background: #2F4760;
	border: 1px solid #bbb;
	top: 12px;
}
.account-nav li a {
	display: block;
	padding: 5px;
	color: white;
}
.account-nav li a:hover{
	border-radius:5px;
	background-color:#4D5669;
	text-decoration:none;
}
#stage #page,
#agreement #page {
	position: relative;
	margin-top: 10px;
	min-height: 600px;
}
/*footer*/
.row-img{
	margin:0 auto;
}
#footer_sohu,#footer_sina,#footer_tecent{
	float:left;
}
#footer_sohu,#footer_sina{
	margin-right:20px;
}
.row-img{
	width:151px;
}
.row-img a{
	width:37px;
	height:37px;
	display:block;
}
#footer_sohu a{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/footer.png) 0 0 no-repeat;
}
#footer_sina a{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/footer.png) -37px 0 no-repeat;
}
#footer_tecent a{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/footer.png) -74px 0 no-repeat;
}
#service_people .serv-list-img{
	height:90px;
	width:90px;
	margin:0 auto;
}
#user_guide1{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/userguide.png) 0 0 no-repeat;	
}
#user_guide2{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/userguide.png) -90px 0 no-repeat;	
}
#user_guide3{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/userguide.png) -180px 0 no-repeat;	
}
#user_guide4{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/userguide.png) -270px 0 no-repeat;	
}
#user_guide5{
	background:url(http://de5ad527f3b4e.cdn.sohucs.com/base/userguide.png) -360px 0 no-repeat;	
}
/* START RESPONSIVE HEADER */
@media only screen and (max-width: 1079px) {
  /* Sidebar collapse */
  .sidebar-collapse {
    padding: 10px 10px 0 0;
    position: absolute;
    top: 10px;
    right: 20px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    padding: 6px 8px;
    transition: all 0.2s ease-in-out 0s;
  }
  .sidebar-collapse:hover {
    background-color: #5e87b0;
  }
  .sidebar-collapse > [class*="fa-"] {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    position: relative;
    float: right;
  }
  #nav_head ul{
	display:none;
  }
  #nav_head h1{
	width:100%;
	margin:0 auto !important;
  }
  #nav-bar{
	display:none;
  }
  .product-service h2 {
	background-image:none !important;
  }
}
/* END RESPONSIVE HEADER */