header{
    height: 78px;
    position: relative;
    width: 100%;
    margin: 10px auto 0 auto;
}

header .logo {float:left; height:78px;}

header .header-menu {
	float:right;
    padding: 28px 10px 0 10px;
}
	
header .headWelcome {
	padding-left:20px;
	font-size:24px;
	color:#333;
}

.logo img {height:68px;}

strong {font-weight:bold;}

.inner-wrapper {
    position: relative;
    overflow: hidden;
	width:1200px;
	margin:0 auto;
}

.content {margin:0 20px;}
.signin-box-wrapper {
    overflow: hidden;
    width: 320px;
    margin: 0 auto;
}
.signin-banner {padding:4%;}
.signin-bg {
	position:absolute;
	top: 118px;
}

.signin-banner {padding:4%;}

.signin-box {
    position: absolute;
    left: 50%;
    margin-left: 275px;
	width: 320px;
    margin-top: 100px;
    z-index: 1000;
}

.signin-box form {
    background: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
}

.btn-elabel {
	background-color: #388fe8;
    border-color: #2b88e7;
    color:#fff;
    }

.btn-elabel:hover {
	background-color: #2183e7;
    border-color: #177de6;
    color:#fff;
    }

.signin h1 {
	font-size:24px;
	color:#333;
}

footer {
	border-top: 1px solid #ddd;
    margin-top: 40px;
    padding: 30px 0 30px 0;
    font-size: 12px;
    float: left;
    width: 100%;
    text-align:center;
}

footer span {padding: 0 15px;}
	      
/*Slides*/
.slides {
	width: 100%;
	height: 460px;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px 0;
}
.slideInner {
	height: 460px;
	position: relative;
	left: 0;
	margin-left: 0;
}
.slideInner a {
	display: block;
	height: 460px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
	color:#333333;
}

.slideInner a:hover {color:#575757;}
.slideInner a.slide3:hover h1, .slideInner a.slide3:hover h2 {color:#eee;}

.slideInner .moveElem h1, .slideInner .moveElem h2 {font-family:'幼圆','微软雅黑',"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.slideInner .moveElem h1 {font-size:2em; font-weight:bold;}
.slideInner .moveElem h2 {font-size:1.8em; font-weight:normal; margin-top:0;}
.cta-dark {
	background: #333333;
    border: 1px solid #333333;
    border-radius: 25px;
    padding: 0 12px;
    color: #fff;
    width: 170px;
    height: 42px;
    margin-top:30px;
}
.cta-dark .cta-text {
	background: url(../../../images/signin/cta-arrow-white.png) scroll left 5px no-repeat transparent;
    padding: 10px 0 10px 40px;
    background-size: 32px auto;
}
.cta-white {
	background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 25px;
    padding: 0 12px;
    color: #333333;
    width: 190px;
    height: 42px;
    margin-top:30px;
}
.cta-white .cta-text {
	background: url(../../../images/signin/cta-arrow-dark.png) scroll left 5px no-repeat transparent;
    padding: 10px 0 10px 40px;
    background-size: 32px auto;
}
.slideInner a div.cta-1 {
	width: 1000px;
    position: absolute;
    left: 50%;
    margin-left: -975px;
    top: 300px;
    text-align: right;
    background: url(../../../images/signin/slogan-bg.png) scroll right 0 no-repeat transparent;
    padding: 0 80px 0 0;
}
.slideInner a div.cta-2 {
	width: 500px;
    position: absolute;
    top: 127px;
    left: 50%;
    margin-left: -257px;
    text-align: left;
}
.slideInner .slide3 .cta-3{
	width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -265px;
    top: 100px;
    float: left;
    text-align: left;
    color:#fff;
}

.slideInner .slide3 .cta-3 h1, .slideInner .slide3 .cta-3 h2 {color:#fff;}
.nav {
	width: 100%;
	position: relative;
	top:115px;
	display: none;
}
.nav a {
	display: block;
	width: 41px;
	height: 119px;
	opacity: .2;
	z-index: 9;
}
.nav a.prev {
	position: absolute;
	left: 0;
	top: -350px;
	margin-top: -58px;
	background: url(../../../images/signin/ban_pre.png) no-repeat;
}
.nav a.next {
	position: absolute;
	right: 0;
	top: -350px;
	margin-top: -58px;
	background: url(../../../images/signin/ban_next.png) no-repeat;
}
.navListBox {
	position: absolute;
	left: 50%;
	top: 425px;
	z-index: 9999;
}
.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}
.navListBox li:first-child {
	margin-left: 0;
}
.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 5px #666 inset;
}
.navListBox li a.active {
	background-color: #55ddff;
}

/* Tabs */
.ui-tabs {
	position: relative;
	padding: 5px;
}
.ui-tabs .ui-tabs-nav {
	margin: 0 0 10px 12px;
	padding: 5px 5px 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 0 30px 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	text-align:center;
	color:#333;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 5em 1em 1em;
	background: none;
}

.cs-logos {
	background:url(../../../images/signin/customer-logos.png) no-repeat transparent;
	display:block;
	width:120px;
	height:50px;
	vertical-align: middle;
	margin-bottom:10px;
}

.cs-1 {background-position: 0 -230px; margin-top:12px;}

.ui-tabs-active .cs-1, .ui-state-active .cs-1, .ui-state-hover .cs-1, .ui-state-focus .cs-1 {background-position: 0 -175px;}

.cs-2 {background-position: 0 -366px;height:62px !important;}

.ui-tabs-active .cs-2, .ui-state-active .cs-2, .ui-state-hover .cs-2, .ui-state-focus .cs-2 {background-position: 0 -292px;}

.cs-3 {background-position: 0 -116px; height: 45px; width:240px; margin-top:15px;}

.ui-tabs-active .cs-3, .ui-state-active .cs-3, .ui-state-hover .cs-3, .ui-state-focus .cs-3 {background-position: 0 -71px;}

.cs-5 {background-position: 0 -583px; margin-top:9px;}

.ui-tabs-active .cs-5, .ui-state-active .cs-5, .ui-state-hover .cs-5, .ui-state-focus .cs-5 {background-position: 0 -531px;}

.cs-4 {background-position: 0 -480px; margin-top:7px;}

.ui-tabs-active .cs-4, .ui-state-active .cs-4, .ui-state-hover .cs-4, .ui-state-focus .cs-4 {background-position: 0 -435px;}

#tabs img {width:320px;}

#tabs h4 {color:#333; font-size:1.2em;}

#tabs h4 span {color:#388fe8;}

.help-docs img {width:350px; box-shadow:5px 5px 10px #ccc;}
ul.gallery {width:100% !important;}
ul.gallery li {float:left; margin:0 36px 40px 0;}

.question {font-size:1.25em !important; color:#333; }
.question:before {
	content:'Q:';
	color:#333;
	display: inline-block;
	padding-right:10px;
	font-weight:700;
}

.question a {    
	padding: 10px 0 0 0;
    display: inline-block;
}

.media .question {font-weight:700;}
.answer {
	display: block;
    float: left;
    width: 970px;
}

.icon-answer {
    color: #f89e36;
    display: block;
    padding-right: 10px;
    font-size: 1.25em !important;
    font-weight: 700;
    float: left;
    width: 30px;
}


.ui-tabs .ui-tabs-panel .col-md-4, .ui-tabs .ui-tabs-panel .col-xs-4 {height:569px;}
.qrcode {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 45px;
}

.qrcode img{
	width: 250px !important;
}
/* mobile signin */

.m-signin {
	background:url(/images/signin/mobile-bg.png) scroll top center no-repeat #4b8105; 
	background-size:100% auto;
	color:#ffffff;
	font-family:'Microsoft Yahei', Arial;
	}

.m-signin header {margin:20px 0 20px 0; height:auto;}

.m-signin-box {
	margin: 0 15%;
    color: #fff;
    float: left;
    width: 70%;
    margin-bottom: 190px;
}

@media screen and (min-width: 600px) {
	.m-signin-box {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 400px) and (max-width:599px)  {
	.m-signin-box {
		margin-bottom: 270px;
	}
}

@media screen and (min-width: 375px) and (max-width:399px)  {
	.m-signin-box {
		margin-bottom: 190px;
	}
}

@media screen and (max-width: 320px) and (min-height:568px) {
	.m-signin-box {
		margin-bottom: 140px;
	}
}

.m-signin input {
	margin:0 0 20px 0;
	background:#3a5528;
	color:#fff !important;
	line-height:2em;
	border:none;
	border-radius: 5px;
	opacity:0.4;
	font-size:1em;
	
}

.m-signin input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.m-signin input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.m-signin input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.m-signin input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}


.m-signin .btn {background-color:#47be19; line-height:2em; margin-right:0 !important; width:48%; color:#fff;}

.features .scroller{
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden;
    width:100% !important;
    height:160px !important;
    float:left;
}
.features .scroller ul{
    padding: 0px;
    margin: 10px 10px 0 0;
    display:-webkit-box;
    float:left;
    width: 640px
}
.features .scroller ul li{
    list-style: none;
    width:125px !important;
}

.feature-1, .feature-2, .feature-3, .feature-4, .feature-5{
	margin-left:10px;
	border-radius:2px;
	padding:20px 10px 10px 10px;
}


#features .fa {
	padding-bottom:10px; 
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    }

#features i {font-size:2em !important; font-style:normal;}

.feature-1 {
	background:#e06f4d;
}

.feature-2 {
	background:#26ac26;
}

.feature-3 {
	background:#4d9df1;
}

.feature-4 {
	background:#ef558a;
}

.feature-5 {
	background:#852af6;
}

.features {
	background-size: 80% auto;
	float:left;
	width:100%;
	/*padding-top: 85px;*/
    margin-top: 10px;
    margin-bottom:30px;
    opacity:0.9;
}

.customers, .more {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.customers .scroller{
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden;
    width:100% !important;
    height:80px !important;
    float:left;
}
.customers .scroller ul{
    padding: 0px;
    margin: 10px 10px 0 0;
    display:-webkit-box;
    float:left;
    width: 540px;
}
.customers .scroller ul li{
    list-style: none;
    width:90px !important;
    vertical-align: middle;
}

.customers img {width:70px; }
.customers .scroller ul li.dow {width:160px !important;}
.customers .scroller ul li.dow img{width:130px !important;}
.customers .scroller ul li:last-child {width:100px !important;}
.customers p {display:none;}

.more img {width:80%; margin-top:20px;}
.more h2 {font-size:1.25em;}
.m-signin h1 {font-size:30px;}

div.error {font-size:1.1em; text-align:left;}

div.error label.error:before {top:1px;}