//@CHARSET "UTF-8";
@import "../global.less";
@import "../header.less";
@import "../socialLoginBtn.less";

#m_body{
	background-color: @main-backcolor;
	height: 750px;
	padding-top: 10px;
	#upd_done{
		.upd_done();
	}
	#main{
		position: relative;
		background-color: @edit-backcolor;
		top: 20px;
//		height: 600px;
		width:  700px;
		margin: 0 auto;
		padding: 1px 0px 1px 0px;
		align: center;
		border: 1px solid #999999;
		#frame{
			width: 690px;
//			height: 590px;
			border: 5px solid #EFEFEC;
			top: 80px;
		}
		#contents{
			width: 500px;
			height: 69	0px;
			margin: 0 auto;
			.title{
				margin: 0 auto;
				h1{
					text-align: left;
					font-size: 2.4em;
					margin: 0 auto;
					padding: 20px 0px 10px 20px;
					text-decoration:underline;
				}
			}
			.acceptPolicy{
				margin: 0 auto;
				font-size: 12px;
			}
			.fb_sync{
				text-align: left;
				padding: 10px 0px 20px 0;
//				border-bottom: 1px solid #f0f1f2;
				width: 100%;
				.form_header1{
					text-align: center;
					position:relative;
//					border-radius:5px;
					padding: 5px 0;
					background-color: RoyalBlue;
					color: white;
					font-size: 1.8em;
					font-weight: bold;
				}
				ul{
					padding: 20px 0px 0px 0px;
					li{
						list-style: none;
						font-size: 1.4em;
						font-weight: bold;
						width: 200px;
						margin: 0px auto;
					}
				}
				p{
					font-size: 1.2em;
				}
				.socailLoginBtn();
			}
			.prof{
				border-top: 1px solid #f0f1f2;
				.form_header2{
					text-align: center;
					position:relative;
					padding: 5px 0;
					background-color: RoyalBlue;
					color: white;
					font-size: 1.8em;
					font-weight: bold;
					margin-top:10px;
				}
				.must_input{
					font-size: 1.2em;
					display: block;
					margin-top: 5px;
				}
			}
			.prof ul{
				font-size: 1.4em;
				list-style-type: none;
				padding: 0px 0px 0px 10px;
				margin-top: 10px;
				img{
					width: 100px;
					height: 100px;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
				li{
					clear: both;
					padding: 10px 0px 10px 0px;
					label{
						position: relative;
						width: 140px;
						padding-right: 20px;
						text-align: right;
						line-height: 24px;
						font-weight: bold;
						float: left;
					}
					a{
						margin-left: 5px;
						color: #0000FF;
						font-size: 0.9em;
					}
					div.formFields{
						position: relative;
						width: 300px;
						float: left;
						text-align: left;
						input[type="text"], input[type="password"], textarea{
							position: relative;
							width: 300px;
							float: left;
							text-align: left;
							border: 1px solid @input-border;
						}
						.err_msg{
							display: block;
							color: red;
						}
					}
				}
			}
			.submit{
				position: relative;
				.submitBtn(30%, 22px, 4px, 1.4em);
				margin: 30px 0px 30px 0px;
				left: 160px;
			}

			.separator{
				height: 1px;
				margin-left: -50px;
				width: 600px;
				background-color: Silver;
			}
		}

	}
}