.login_wrap {
	margin: 80px auto;
	width: 684px;
	overflow: hidden;
}

.desc_img {
	float: left;
	width: 277px;
	text-align: right;
}

.login_container {
	/* background:orange; */
	float: left;
	width: 344px;
	padding-left: 45px;
}

h3 span {
	font-size: 1.4em;
	color: #0B70BE;
}

.login_container p {
	padding-top: 10px;
}

.login_container p strong {
	color: #0b70be;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 4px;
}

.login_container p.silver {
	color: #565656;
}

.login_form_wrap {
	width: 100%;
	margin: 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee
}

.login_form_wrap:after {
	content: " ";
	clear: both;
	display: block;
}


.login_form_wrap .left_input {
	float: left;
	width: 237px;
}

.login_form_wrap .left_input .i_txt {
	width: 227px;
	height: 34px;
	background: #f8f8f8;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	margin-bottom: 15px;
	padding-left: 10px;
	line-height: 34px;
}

.login_form_wrap .right_btn {
	float: left;
	width: 101px;
}

.login_form_wrap .right_btn .login_submit {
	width: 88px;
	height: 90px;
	margin-left: 15px;
	background: #1c9d3d;
	color: #fff;
	border: #1c9d3d;
	font-weight: bold;
	border-radius: 3px;
}

.fabook_login a {
	display: block;
	width: 100%;
	background: #0b70be;
	color: #fff;
	border-radius: 3px;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.other_link span {
	display: block;
	width: 242px;
	float: left;
	padding: 5px 0;
}

.other_link a {
	display: block;
	width: 80px;
	float: left;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px 10px;
}

.other_link a:hover {
	background: green;
	color: #fff;
}

.cboth {
	clear: both;
}

.skip {
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -5000px;
	position: absolute;
	top: -5000px;
}

.ck {
	margin-right: 5px;
	vertical-align: middle;
}

* {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
}

.msg {
	background: red;
	padding: 3px;
	;
	color: #ffffff
}

.member_form_wrapper {
	min-width: 250px;
	width: 750px;
	margin: 20px auto;
	/*background:orange ;border-top:2px solid #000; */
}

.member_form_wrapper dl {
	/* border-top:2px solid #444; */
	overflow: hidden;
}

.member_form_wrapper dt {
	clear: both;
	float: left;
	width: 160px;
	padding: 15px 20px;
	text-align: right;
	/* background:#f5f5f5; */
	/* border-bottom:1px solid #dddddd; */
	font-weight: 500;
}

.member_form_wrapper dt label {
	color: #333;
}

.member_form_wrapper dd {
	float: left;
	/*width: 400px;*/
	/* border-bottom:1px solid #dddddd; */
	padding: 8px 10px;
}

.member_form_wrapper dd span {
	padding-right: 10px;
}

.member_form_wrapper dd a {
	background: #86cbff;
	color: #f9f9f9;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	margin-left: 1%;
	width: 23.5%;
	text-align: center;
}

.i_txt {
	border-radius: 3px;
	height: 34px;
	width: 232px;
	padding-left: 10px;
	font-size: 15px;
	background: #f8f8f8;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
}

.i_file {
	border-radius: 3px;
	height: 29px;
	width: 232px;
	background: #f8f8f8;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding-top: 5px;
}

.long {
	width: 400px;
	margin-top: 3px;
}

.select {
	padding: 4px;
	line-height: 25px;
	border: 1px solid #ddd;
}

.multy {
	height: 46px !important;
}



.multy2 span:last-child {
	display: block;
	margin-top: 3px;
}

.rdo {
	vertical-align: middle;
	margin-right: 4px;
}

.actions {
	text-align: center;
}

.form_submit {
	background: #86cbff;
	padding: 10px 20px;
	margin: 20px;
	border: 1px solid #000;
	color: #f9f9f9;
	font-weight: bold;
}

.tips {
	font-style: italic;
	color: #a8a8a8;
	height: 34px;
	line-height: 34px;
	padding-left: 5px;
}

.tips2 {
	font-style: italic;
	color: #a8a8a8;
	padding-left: 5px;
}

.block {
	display: block;
}

#login {
	width: 100%;
}

.button-primary {
	display: block;
	margin: 20px auto;
	padding: 5px 10px;
	border: 1px solid #000;
	background: #86cbff;
	color: #f9f9f9;
}

.mgt80 {
	margin-top: 80px !important;
}

.id_text {
	padding: 5px 5px 3px 7px;
	color: #ffffff
}

.dd_wrap {
	width: 237px;
	height: 29px;
	line-height: 29px;
	float: left;
	padding-top: 5px;
}

.dd_wrap input {
	vertical-align: middle;
}

.tel span {
	height: 34px;
	line-height: 34px;
	text-align: center;
	padding-left: 10px;
}

.tel span.message {
	text-align: left;
	padding-left: 5px !important;
}

.tel .i_txt {
	width: 60px;
	padding-left: 0;
	text-align: center;
}

dd textarea {
	width: 412px;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: left;
}

.actions {
	clear: both;
}

.message {
	font-size: 1em;
	font-style: italic;
	color: #ff0000;
	padding-left: 5px;
	letter-spacing: -1.5px
}

.btn_type2 {
	border: none;
	background: #86cbff;
	color: #f9f9f9;
	padding: 10px 70px;
	font-weight: bold;
	display: inline-block;
	margin-top: 15px;
	border-radius: 3px;
}

.highlight1 {
	background: #fff6f6;
	border: 1px solid red;
	margin-bottom: 2px;
}

.wd50 {
	width: 75%;
	float: left;
}

.t_type1 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	text-align: center;
	margin-bottom: 15px;
}

/* over 768 */
@media screen and (min-width: 120px) and (max-width: 600px) {
	body {
		min-width: 320px !important;
	}

	.member_form_wrapper {
		width: 100%;
	}

	.member_form_wrapper form {
		padding: 10px;
	}

	.member_form_wrapper dt {
		float: none;
		width: 100%;
		padding: 0;
		text-align: left;
	}

	.member_form_wrapper dd {
		float: none;
		width: 100%;
		padding: 0
	}

	.i_txt {
		width: 95%;
	}

	.multy {
		height: auto !important;
	}

	.dd_wrap {
		height: auto;
		float: none;
	}

	dd {
		margin-bottom: 20px;
		padding-top: 0 !important;
	}

	.wd50 {
		width: 71%;
		float: left;
	}

	.tel span {
		text-align: left !important;
	}

	.member_form_wrapper dd a {
		display: block;
		width: 98.5% !important;
		text-align: center;
		padding: 0 !important;
	}

	dd textarea {
		width: 98.9%;
		border: 1px solid #ddd;
		border-radius: 3px;
		text-align: left;
	}
}