.pwdlevel-weak {
	color: #ff4c4c
}

.pwdlevel-medium {
	color: #faaa12
}

.pwdlevel-strong {
	color: #85b200
}

.pwdStrength {
	position: absolute;
	height: 1em;
	color: #999;
	display: none;
	font-size: 12px
}

.pwd-bar {
	display: inline-block;
	width: 78px;
	height: 10px;
	margin-left: 6px
}

.pwd-bar-weak {
	background:
		url(../../../../common/css/module/images/passwordstrength/weak.png)
		no-repeat
}

.pwd-bar-medium {
	background:
		url(../../../../common/css/module/images/passwordstrength/fair.png)
		no-repeat
}

.pwd-bar-strong {
	background:
		url(../../../../common/css/module/images/passwordstrength/strong.png)
		no-repeat
}

.sec-detail{
    box-shadow: 0px 0px 6px 0px #d8d5d5;
    background: #fff;
    border: 1px solid #d8d5d5;
    width: 350px;
    height: 398px;
    margin-top: 0px;
}
.sec-detail h2{
	color:#1e6fbd; 
	font-size:20px; 
	padding:15px 0 0 15px; 
	font-weight:normal;
    margin-top: 20px;
}
.sec-detail h2 p{font-size:12px;}

.sec-btn {
    margin: 20px auto 0 auto;
	width:284px;
}
.sec-btn a{
	width:284px;
	height:40px;
	font-size: 18px;
    background: #0084df;
	letter-spacing: 0px;
	font-family: "Microsoft YaHei","΢���ź�";
    margin: 0 auto;
	display:block; 
	border-radius:5px; 
	text-align:center; 
	line-height:38px; 
	color:#fff; 
	text-decoration:none;
}
.sec-btn a:hover{color:#FFF;}

.f-clr:after, .clr:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}

.registerConTit {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}
.registerConTit a {
    display: inline-block;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background-color: #0084df;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 16px;
}

.button {
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 0 0 rgba(0,0,0,0.2);
    background-color: #eee;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#ddd));
    background: -webkit-linear-gradient(top,#fbfbfb,#ddd);
    background: -moz-linear-gradient(top,#fbfbfb,#ddd);
    background: -o-linear-gradient(top,#fbfbfb,#ddd);
    background: linear-gradient(top,#fbfbfb,#ddd);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #666;
    margin: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    outline: 0;
    border-radius: 3px;
    width: 90px;
    height: 30px;
    line-height: 100%;
    font: 14px/1.5 "Lantinghei SC","Hiragino Sans GB","Microsoft Yahei",STHeiti,Verdana,Arial,sans-serif;
}

.button.disabled, .button.disabled:hover, .button.disabled:active, input.button:disabled, button.button:disabled {
    background: #eee;
    color: #ccc;
    cursor: default;
    border-color: #ccc;
    text-shadow: none;
    box-shadow: none;
}

.button-action {
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#8fcf00),color-stop(100%,#6b9c00));
    background: -webkit-linear-gradient(top,#8fcf00,#6b9c00);
    background: -moz-linear-gradient(top,#8fcf00,#6b9c00);
    background: -o-linear-gradient(top,#8fcf00,#6b9c00);
    background: linear-gradient(top,#8fcf00,#6b9c00);
    background-color: #7db500;
    border-color: #5a8200;
    color: #fff;
    text-shadow: 1px 1px 0 #5b8400;
}

.button-primary{
    background: -webkit-linear-gradient(top,#61a2e2,#2279e3);
    background: -moz-linear-gradient(top,#61a2e2,#2279e3);
    background: -o-linear-gradient(top,#61a2e2,#2279e3);
    background: linear-gradient(top,#61a2e2,#2279e3);
    background-color: #428ee2;
    border-color: #3d83d8;
    color: #fff;
    text-shadow: 1px 1px 0 #3068a6;
}
.button-primary:hover {
    color: #fff;
    background-color: #51a6ff;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#6ab6ff),color-stop(100%,#3887e3));
    background: -webkit-linear-gradient(top,#6ab6ff,#3887e3);
    background: -moz-linear-gradient(top,#6ab6ff,#3887e3);
    background: -o-linear-gradient(top,#6ab6ff,#3887e3);
    background: linear-gradient(top,#6ab6ff,#3887e3);
}

.bd a:link,.bd a:visited {
	font-size: 12px
}

.bd {
	width: 610px;
	margin: 30px 0 0 50px;
	position: relative
}

.bd .input-panel-wrap {
	width: 610px;
	margin-bottom: 10px
}

.bd .input-panel {
	width: 300px;
	height: 40px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	float: left;
	position: relative;
	cursor: default
}

.bd .input-panel-captcha {
	width: 146px
}

.bd .inp {
	outline: 0;
	border: 0 none;
	float: left;
	margin: 3px 0 0 0;
	width: 190px;
	height: 24px;
	padding: 5px;
	background-color: #fff
}

.bd .get-verifycode-wrap {
	display: inline-block;
	vertical-align: top;
	float: left;
	width: 154px
}

.bd .get-verifycode-wrap .get-verifycode-btn {
	width: 142px;
	height: 40px;
	line-height: 38px;
	margin: 0 0 0 12px;
	padding: 0 16px
}

.bd .input-captcha {
	width: 50px
}

.bd .captcha-wrap {
	float: left;
	width: 154px
}

.bd .captcha {
	width: 100px;
	height: 40px;
	float: left
}

.bd .captcharefresh {
	width: 50px;
	float: left;
	margin: 12px 0 0
}

.bd .input-title {
	float: left;
	font-size: 14px;
	line-height: 40px;
	text-indent: 12px
}

.bd .input-title em {
	margin: 0 0 0 4px;
    font-style: normal;	
}

.bd .input-infoicon {
	background:
		url(../images/info16.png)
		no-repeat center center;
	width: 22px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 11px;
	display: none
}

.flogin{
    text-decoration: none;
    cursor: pointer;
    color: #408cdf;
    outline: 0 none;
}

.bd .input-infoicon-y {
	background:
		url(../images/warn16.png)
		no-repeat center center
}

.bd .input-infoicon-g {
	background:
		url(../images/success16.png)
		no-repeat center center
}

.bd .input-tip {
	position: relative;
	background: #fff;
	max-width: 288px;
	float: left;
	margin: 6px 0 0 12px;
	padding: 4px;
	color: #999;
	display: none;
	font-size: 12px;
	*position: static
}

.bd .mobile-input-tip {
	background: #fff;
	max-width: 288px;
	margin: 6px 2px 6px 0;
	padding: 4px;
	color: #666;
	display: none;
	font-size: 12px
}

.bd .voice-info {
	display: none
}

.bd .voice-btn,.bd .voice-time {
	display: none;
	font-size: 14px;
	color: #666
}

.bd .voice-btn {
	display: none
}

.bd .voice-tiptxt {
	color: #408cdf;
	cursor: pointer
}

.bd .voice-time2 {
	font-size: 12px;
	color: #999
}

.bd .input-tip-y {
	color: #f60
}

.bd .errormsg-box {
	color: #f60;
	padding: 5px;
	width: 290px;
	display: none;
	position: absolute;
	top: -32px
}

.captcha img {
	width: 100px;
	height: 40px
}

.bd .panel {
	width: 300px
}

.bd .service-panel {
	margin-top: 0;
	width: 300px;
	height: 40px;
	line-height: 40px;
	float: left;
	position: relative;
	cursor: default;
	font-size: 12px
}

.bd .service-panel input {
	display: none
}

.bd .service-panel .servicecheck-cb {
	background:
		url(../images/checkbox.png)
		no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 4px
}

.bd .service-panel .servicecheck-cb.checked {
	background-image:
		url(../images/checkbox_checked.png)
}

.mod-registertype-tab {
	border-bottom: 1px solid #dbdbdb;
	margin: 20px auto 0;
	width: 780px
}

.mod-registertype-tab ul {
	width: 470px;
	font-size: 16px;
	margin: 0 auto;
	height: 48px
}

.mod-registertype-tab li {
	float: left;
	margin: 0 26px;
	background-color: #fff;
	cursor: pointer;
	color: #999;
	position: relative;
	display: inline
}

.mod-registertype-tab em {
	display: none;
	position: absolute;
	height: 2px;
	overflow: hidden;
	background-color: #1677c7;
	z-index: 2;
	margin: -1px;
	left: 0;
	right: 0;
	top: 0
}

.mod-registertype-tab .tab-1 em {
	_width: 138px
}

.mod-registertype-tab .tab-2 em {
	_width: 138px
}

.mod-registertype-tab .tab-3 em {
	_width: 170px
}

.mod-registertype-tab li .txt {
	padding: 12px 36px;
	display: block
}

.mod-registertype-tab li.selected {
	border: 1px solid #dbdbdb;
	border-bottom: 0;
	cursor: default;
	color: #333
}

.mod-registertype-tab li.selected em {
	display: block
}

.mod-registertype-tab li.selected .txt {
	margin-bottom: -1px;
	_position: relative;
	background-color: #fff
}

.mod-registertype-tab li a:link,.mod-registertype-tab li a:visited,.mod-registertype-tab li a:hover
	{
	text-decoration: none;
	color: #333
}

.bd .submit-btn {
	width: 300px;
	height: 40px;
	line-height: 38px;
	font-size: 16px
}

.placeholder-inp-wrap label {
	top: 8px;
	left: 2px
}

.login-link {
	float: right;
	margin: 8px 0 0 0
}

.bd .placeholder-inp-label {
	margin-left: 10px
}

.lang-en .hd {
	background-image:
		url(../../../../account/css/module/../../images/member/login_en.jpg)
}

.lang-en .hd .links {
	display: none
}

.lang-en .mod-registertype-tab .tab-2 {
	display: none
}

.lang-en .mod-registertype-tab {
	width: 500px
}

.lang-en .mod-registertype-tab ul {
	width: 500px
}

.lang-en .mod-registertype-tab li {
	margin: 0 18px
}

.lang-en .mod-registertype-tab .tab-1 em {
	_width: 213px
}

.lang-en .mod-registertype-tab .tab-3 em {
	_width: 216px
}

.lang-en .input-panel-captcha .input-title {
	display: none
}

.lang-en .bd .input-captcha {
	margin-left: 8px;
	width: 114px
}

.lang-en .service-panel {
	font-size: 12px
}

.lang-en .service-panel a {
	margin-left: 4px
}

.lang-en .password-panel-wrap .input-tip {
	margin-top: 0;
	padding-bottom: 0
}

@media only screen and (min-device-width:319px) and
	(max-device-width:768px) {
	.hd {
		height: 170px;
		background-size: cover
	}
	.mod-registertype-tab {
		width: auto;
		margin: 12px 0 0
	}
	.bd {
		width: 320px;
		left: 0;
		margin: 12px auto 0;
		font-size: 12px
	}
	.mod-registertype-tab ul {
		width: 320px;
		font-size: 14px;
		height: 45px
	}
	.mod-registertype-tab li {
		margin: 0 6px
	}
	.mod-registertype-tab li .txt {
		padding: 12px
	}
	.bd .input-panel-wrap {
		width: auto
	}
	.bd .regist-form {
		width: auto;
		margin-left: 15px;
		margin-right: 15px
	}
	.bd .regist-form {
		height: auto;
		position: relative
	}
	.bd .regist-form .account-name {
		display: block;
		margin-top: 78px
	}
	.bd .input-title {
		font-size: 12px
	}
	.bd .input-panel-wrap {
		margin-bottom: 10px
	}
	.bd .input-panel {
		width: 100%
	}
	.bd .input-panel.input-panel-captcha {
		width: 120px
	}
	.bd .captcha-wrap,.bd .get-verifycode-wrap {
		height: 50px
	}
	.bd .input-tip {
		margin-left: 0;
		max-width: 100%
	}
	.bd .input-tip:after,.bd .input-tip:before {
		right: auto;
		left: 20px;
		top: auto;
		bottom: 100%
	}
	.bd .input-tip:after {
		border-right-color: transparent;
		border-bottom-color: #fff;
		margin-top: 0;
		left: 21px
	}
	.bd .input-tip-y:after {
		border-color: rgba(255, 253, 234, 0);
		border-bottom-color: #fffdea
	}
	.bd .input-tip:before {
		border-right-color: transparent;
		border-bottom-color: #85cbe8;
		margin-top: 0
	}
	.bd .input-tip-y:before {
		border-bottom-color: #ffcf85
	}
	.bd .submit-btn {
		width: 100%
	}
	.footer {
		display: none
	}
}