/* ==========  Non-Mobile First Method  ========== */

/* head-register */
	.head-register {
		padding-top: 15px;
		padding-bottom: 15px;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.11);
		   -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.11);
			-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.11);
			 -o-box-shadow: 0 2px 5px rgba(0,0,0,0.11);
				box-shadow: 0 2px 5px rgba(0,0,0,0.11);
	}
	.head-register .right {
		padding-top: 11px;
	}
	.head-register .right span {
		font-size: 12px;
		color: #666;
	}
	.head-register .right a {
		display: inline-block;
		height: 30px;
		width: 60px;
		font-size: 12px;
		font-weight: bold;
		line-height: 32px;
		text-align: center;
		color: #666;
		background: #F7F7F7;
		border: 1px solid #ddd;
		border-radius: 4px;
	}
	.head-register .right a:focus,
	.head-register .right a:hover {
		color: #fff;
		background: #3f89ec;
		border: 1px solid #3f89ec;
	}


/* foot-register */
	.foot-register p,
	.foot-register a {
		font-size: 12px;
		font-family: '宋体';
		color: #3f89ec;
		text-align: center;
	}
	.foot-register a:focus,
	.foot-register a:hover {
		color: #ff0000;
	}


/* register-box */
	.register-box {
		min-height: 400px;
		padding-top: 100px;
		text-align: center;
	}
	.register-pack {
		display: inline-block;
	}
	.register-pack dd {
		padding-bottom: 20px;
	}
	.register-pack input.ipt {
		height: 40px;
		width: 400px;
		padding-left: 10px;
		font-size: 15px;
		color: #666;
		border: 1px solid #ddd;
	}
	.register-pack input.submit {
		height: 40px;
		width: 100%;
		font-size: 16px;
		color: #fff;
		background: #3F89EC;
		border: 1px solid #3F89EC;
		border-radius: 2px;
	}

/* retrieve-box */
	.retrieve-box {
		min-height: 400px;
		padding-top: 100px;
		text-align: center;
	}
	.retrieve-pack {
		display: inline-block;
	}
	/* retrieve-title */
	.retrieve-title {
		text-align: center;
		border-bottom: 2px solid #ccc;
	}
	.retrieve-title li {
		position: relative;
		display: inline-block;
		padding: 10px 0;
		width: 220px;
	}
	.retrieve-title li span {
		display: inline-block;
		height: 26px;
		width: 26px;
		margin-right: 10px;
		font-size: 16px;
		line-height: 26px;
		color: #fff;
		background: #ccc;
		border-radius: 50%;
	}
	.retrieve-title li strong {
		font-size: 16px;
		font-weight: normal;
		color: #ccc;
	}
	.retrieve-title li i {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -2px;
		height: 2px;
		background: #ccc;
	}
	.retrieve-title li.active span {
		background: #3F89EC;
	}
	.retrieve-title li.active strong {
		color: #000;
	}
	.retrieve-title li.active i {
		background: #3F89EC;
	}
	/* retrieve-pack */
	.retrieve-pack {
		display: inline-block;
		padding-top: 100px;
		text-align: left;
	}
	.retrieve-pack dd {
		padding-bottom: 20px;
	}
	.retrieve-pack input.ipt {
		height: 40px;
		width: 400px;
		padding-left: 10px;
		font-size: 15px;
		color: #666;
		border: 1px solid #ddd;
	}
	.retrieve-pack input.code {
		height: 40px;
		width: 200px;
		padding-left: 10px;
		font-size: 15px;
		color: #666;
		border: 1px solid #ddd;
	}
	.retrieve-pack input.send {
		height: 42px;
		width: 100px;
		padding-left: 10px;
		font-size: 14px;
		color: #fff;
		background: #3F89EC;
		border: 1px solid #3F89EC;
		border-radius: 2px;
		cursor: pointer;
	}
	.retrieve-pack input.submit {
		height: 40px;
		width: 212px;
		font-size: 15px;
		color: #fff;
		background: #3F89EC;
		border: 1px solid #3F89EC;
		border-radius: 2px;
		cursor: pointer;
	}
		/* pwd */
	.retrieve-pack input.input {
		height: 40px;
		width: 400px;
		padding-left: 10px;
		font-size: 15px;
		color: #666;
		border: 1px solid #ddd;
	}
	.retrieve-pack input.pwd-submit {
		height: 40px;
		width: 100%;
		font-size: 15px;
		color: #fff;
		background: #3F89EC;
		border: 1px solid #3F89EC;
		border-radius: 2px;
		cursor: pointer;
	}