@CHARSET "UTF-8";

/*********************main**********************************/
.main {
	width: 100%;
	background-color: #f6f6f6;
	padding: 40px 0;
}

.wrapper {
	background-color: #fff;
	border: 1px solid #cbcbd8;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

.progress-steps {
	border-bottom: 1px solid #cbcbd8;
	width: 100%;
}

.ui-step {
	table-layout: fixed;
	width: 100%;
	border: 0 none;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-step td {
	color: #cbcbd8;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	padding: 0;
	position: relative;
	text-align: center;
	vertical-align: text-bottom;
}

.ui-step td>.num {
	border: 1px solid #cbcbd8;
	border-radius: 13px;
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	height: 22px;
	line-height: 23px;
	margin-right: 10px;
	vertical-align: middle;
	width: 22px;
}

.ui-step td.active {
	color: #0077ff;
}

.ui-step td.active>.num {
	border: 2px solid #0077ff;
}

.ui-step td>.arr-out:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #fff;
	border-color: #ccc #ccc -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-style: solid solid none none;
	border-width: 1px 1px 0 0;
	content: "";
	display: block;
	height: 30px;
	position: absolute;
	right: -20px;
	top: 6px;
	transform: rotate(45deg);
	width: 30px;
	z-index: 1;
}
/*********************************************** signup-table *******************************************************/
.signup-table {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 1000px;
}

.signup-td1 {
	width: 35%;
	font-family: 'Microsoft YaHei';
	font-size: 16px;
	padding-right: 10px;
	padding-top: 15px;
	text-align: right;
	vertical-align: top;
}

.signup-td2 {
	text-align: left;
	width: 30%;
	padding: 10px 0;
	position: relative;
}

.signup-td2 .select {
	border: 1px solid #cbcbd8;
	color: #606060;
	float: left;
	font-family: 微软雅黑;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	outline: 0 none;
	padding-left: 6px;
	width: 282px;
}

.signup-td2 .select:focus {
	background-color: #e9fbfe;
	border-color: #0077ff;
}

.signup-td2 .select>option {
	padding-left: 10px;
}

.signup-td2 .input {
	border: 1px solid #cbcbd8;
	float: left;
	height: 18px;
	line-height: 18px;
	margin-right: 10px;
	outline: 0 none;
	padding: 7px 10px;
	width: 260px;
}

.signup-td2 .input:focus {
	background-color: #e9fbfe;
	border-color: #0077ff;
}

.currency-tip div {
	color: #ef0000;
}

.signup-td2>#agreeOnProtocol {
	cursor: pointer;
}

.signup-td2>#agreeOnProtocolTip {
	color: #ef0000;
}

.signup-td2 #smsVerificationCodeGenerator {
	background-color: #f6f6f6;
	border: 1px solid #cbcbd8;
	cursor: pointer;
	float: left;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	width: 280px;
}

.signup-td2 #signup {
	background: linear-gradient(315deg, #0077ff 0%, #2097ff 100%);
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 282px;
}

.signup-td2 #signup:hover {
	background: linear-gradient(315deg, #1087ff 0%, #30a7ff 100%);
}

.signup-td2 #protocol-span {
	font-size: 13px;
}

.signup-td2 #protocol:link,.signup-td2 #protocol:visited {
	color: #0077ff;
}

a:focus, a:hover {
	 text-decoration: none;
}

.passwordbox{
	position: relative;
}

#password-close,#password-open{
	position: absolute;
	top: 42%;
	left: 61%;
}

#password-open{
	display: none;
}

.confirmPasswordbox{
	position: relative;
}

#confirmPassword-close, #confirmPassword-open{
	position: absolute;
	top: 42%;
	left: 61%;
}

#confirmPassword-open{
	display: none;
}

.signup-td3 {
	text-align: left;
	width: 35%;
	color: #ef0000;
	font-size: 12px;
}
