html, body{height:100%;}
body {
	font-size: 14px;
	margin: 0;
	padding: 0;
	position:relative;
	overflow:hidden;
}
ul{  -webkit-padding-start: 0px;}
ul li {
	list-style: none;
}
.head {
	top: 0;
	width: 100%;
	min-height: 60px;
	background-color: #fff;
	color: #fff;
	position:absolute;
}


.head a {
	color: #fff;
	text-decoration:none;
	font-size: 16px;
}
.sp-logo{float:left;padding: 6px 0 0 20px;}


#main {
	width: 100%;
	overflow: auto;
	background: #e4ebf0;
	position:absolute;
	top:60px;
	bottom:30px;
	padding:20px 20px 0;
}
#main #content{background:#fff;padding:0;height:100%;border-radius: 0;margin-bottom: 20px;}
.form-control{padding:0;}
.mpassword {
	padding-top: 44px;
}

.flowsteps {
	max-width: 950px;
	height: auto;
	margin-top: 0px;
	margin: auto;
	margin-bottom: 40px;
}

.flowsteps em {
	position: relative;
	left: -50%;
	display: block;
	text-align: center;
	font-style: normal;
	line-height: 36px;
}

.flowsteps ol {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.flowsteps .last {
	width: auto!important;
	background: #FFF;
}

.flowsteps .current,
.flowsteps .current span,
.flowsteps .done span em {
	color: #32b16c;
}

.flowsteps .current span i {
	background-image: url(../images/home/current.png);
}

.flowsteps .done {
	background: url(../images/home/passlinecurr.png) repeat-x 0 13px;
}

.flowsteps li {
	float: left;
	display: inline;
	height: auto;
	background: url(../images/home/passline.png) repeat-x 0 15px;
	width: 24%;
}

.flowsteps .current,
.flowsteps .current span,
.flowsteps .done span em {
	color: #32b16c;
}

.flowsteps .last span {
	width: 36px;
}

.flowsteps span {
	float: left;
	width: auto;
}

.flowsteps .first i,
.flowsteps .first em,
.flowsteps .last i,
.flowsteps .last em {
	left: 0;
}

.flowsteps li i {
	position: relative;
	left: -17px;
	display: block;
	width: 34px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	background: url(../images/home/nocurrent2.jpg) no-repeat 50% 50%;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.flowsteps li i 

.flowsteps .current,
.flowsteps .current span,
.flowsteps .done span em {
	color: #32b16c;
}

.flowsteps .last i {
	margin: 0 auto;
	text-indent: -9999em;
	background: url(../images/home/last.png) no-repeat 50% 50%;
}
.flowsteps .last.current span i{background: url(../images/home/last2.png) no-repeat 50% 50%;}
.form-group, .form-horizontal{overflow:hidden;}
.codeDiv{position: relative;}
#codeImg, .code-btn{
	position: absolute;
    top: 1px;
    right: 16px;
    height: 29px;
    border-left: 1px solid #ccc;
}
.code-btn{
	line-height: 30px;
    padding: 0 10px;
    background: #dbf2fe;
    top: 1px;
    height: 30px;
}
#Hoveto {
	width: 600px;
	overflow: hidden;
}

#Hoveto,
#Nopass {
	margin: 0 auto;
}

#Hoveto ul {
	border: 2px #dcdcdc solid;
	width: 600px;
	overflow: hidden;
	padding: 20px 30px 12px 10px;
}
.bing ul li h3{padding:14px 0 0 0;}

.bing ul li {
	float: left;
}

.bing ul li a {
	background-color: #ffa200;
	color: #FFFFFF;
	border: none;
	padding: 5px 8px;
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
.sform label {
	width: 100px;
}

.setupform label {
	float: left;
	font-size: 14px;
}						
.setupform {
	width: 600px;
	margin: auto;
}

a {
	text-decoration: none;
	color: #0074bf;
}

.bing-img {
	width: 80px;
	text-align: center;
}
.exnewpass{
	color: #808080;
}
#sussesBtnBox{display:inline-block;margin-top:20px;}
.form-horizontal .btn-primary{margin-left:0;}
.footer {
	position: absolute;
	bottom: 0;
	width:100%;
	line-height:30px;
	height:30px;
	text-align: center;
}

/*-------------------20190718-phone-style----------------------*/
@media only screen and (max-width:1024px){
	.flowsteps{width:95%;}
	#main{padding:0;border-top: 1px solid #eee;bottom:0;}
	#main #content{margin-bottom:0;}
	.footer{display:none;}
	.flowsteps li{width:22%;}
}
@media only screen and (max-width:460px){
	#Hoveto{width:94%;}
	#Hoveto ul{width:100%;padding: 12px 10px 6px 0;}
	.setupform{width:100%;}
	.display-lab{display:none;}
}