/* ############### My Page top page ############### */



/* ############### My Page top page ############### */

div.admin_cont_wrap{
	overflow: hidden;
}
	div.admin_cont_box{
		z-index: 3;
		position: relative;
		width: 48%;
		background-color: #f4f4f4;
		margin-right: 1%;
		margin-bottom: 1em;
		padding: 0;
		overflow: hidden;
		vertical-align: top;

		display: inline-block;
		zoom: 1;
		*display: inline;

		border: 1px solid #e5e5e5;

		border-radius: 1px; 
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
/*
		box-shadow: 0 0 12px rgba(0,0,0,0.2);

*/
	}
	div.admin_cont_box h3{
		z-index: 5;
		margin: 0;
		background-color: #e5e5e5;
		padding: 0.4em 0.8em;
	}
	div.admin_cont_box p{
		padding: 0.4em;
	}
	div.admin_cont_box a{
		z-index: 10;
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		text-decoration:none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
		div.admin_cont_box a:hover{
			filter: alpha(opacity=50);
			opacity:0.50;
			background-color: #f4f4f4;
		}

/* ############### Form Box ############### */
div.FormBoxWrap{
	width: 40%;
	display: block;
	margin: 40px auto;
}
	div.FormBoxWrap.wide{
		width: 80%;
	}
	h2.FormBoxTitle{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: 0;
		line-height: 100px;
		font-size: 140%;
		font-weight: bold;
		text-align: center;
		color: #808080;
/*
		background-color: #bfbfbf;
		border: solid 1px #b2c9f0;
		color: #437ad7;
	 	box-shadow:inset 0px 10px 2px 2px #ffffff;
	 	-webkit-box-shadow:inset 0px 10px 2px 2px #ffffff;
	 	-moz-box-shadow:inset 0px 10px 2px 2px #ffffff;

		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
*/

	}
	div.FormBox{
		position: relative;
		overflow: hidden;
		margin: 10px 0;
		padding: 120px 60px 60px 60px;
		min-height: 200px;
		vertical-align: middle;
		border: 1px solid #fefefe;
		box-shadow: 0 0px 20px rgba(0,0,0,0.2);
		background-color: #f4f4f4;

		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
		div.FormBox.login_fail{
			animation-name: LOGIN_FAIL;
			animation-duration: 200ms;
			animation-timing-function: liner;
			animation-delay: 0s;
			animation-iteration-count: 3;
			animation-direction: normal;

			transition: -webkit-transform 0.4s;
			transition: transform 0.4s;
		}
			@keyframes LOGIN_FAIL {
				0% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
				}
				25% {
				-webkit-transform: translateX(-20px);
				transform: translateX(-20px);
				}
				50% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
				}
				75% {
				-webkit-transform: translateX(20px);
				transform: translateX(20px);
				}
				100% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
				}
			}



	p.text_note{
		text-align: center;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	p.pw_reminder{
		text-align: center;
		margin: 0.4em;
	}
	p.input_rule{
		margin-top: 0em;
		font-size: 90%;
		color: #c1c1c1;
	}

	div.login_form_cookie{
		text-align: center;
		margin: 0.8em;
	}
		div.login_form_cookie > label{
			font-size: 90%;
		}

	div#updete_done > p{
		font-size: 120%;
		text-align: center;
		color: red;
	}
	#prof_pic{
		padding: 0;
		margin: auto;
		position: relative;
		display: block;
		width: 30%;
	}
		#prof_pic p{
			text-align: center;
			color: red;
		}
		#prof_pic img{
			border: 1px solid #ddd;
			padding: 3px;
			background: #f8f8f8;
		}
		#prof_pic span.del_btn{
			width: 1.5em;
			height: 1.5em;
			position: absolute;
			right: 0.5em;
			top: 0.5em;
			font-size: 140%;
			text-align: center;
		}
			#prof_pic span.del_btn a{
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				background-color: #fff;

				border-radius: 0.75em; 
				-webkit-border-radius: 0.75em;
				-moz-border-radius: 0.75em;

			}
			#prof_pic span.del_btn a:hover{
				filter: alpha(opacity=85);
				opacity:0.85;
			}

	/********* File upload button *********/
	label.label_attach + input.form_attach{
		display: none;
	}

	label.label_attach {
		display: block;
		padding: 10px;
		margin: auto;
		width: 30%;
		color: #fff;
		text-align: center;
		background-color: #00a0dd;
		cursor: pointer;
	}
		label.label_attach:hover {
			filter: alpha(opacity=85);
			opacity:0.85;
		}
	/********* input forms *********/
	div.FormBox input{
		width: 100%;
		font-weight: normal;
	}
	div.FormBox textarea{
		height: 10em;
		font-weight: normal;
	}
	div.confirm_wrap,
	div.input_wrap{
		margin-top: 1em;
	}
	div.div_wrap{
		margin-top: 5em;
	}
	div.confirm_wrap{
		margin-top: 2em;
	}

		div.confirm_wrap > p.confirm_cont,
		div.input_wrap > textarea.form_text,
		div.input_wrap input.form_text{
			border-top: 0;
			border-right: 0;
			border-left: 0;
			border-bottom: 1px solid #bfbfbf !important;
		}
			div.confirm_wrap > p.confirm_label{
				font-size: 90%;
				margin-top: 1em;
				margin-bottom: 0;
			}
			div.confirm_wrap > p.confirm_cont{
				margin-top: 0;
				background-color: #efefef;
				padding: 0.5em;
				font-weight: bold;
			}
			div.confirm_wrap > p.confirm_cont.passwd{
				color: #c1c1c1;
			}

		div.input_wrap > label{
			z-index: 10;
			position: relative;
			bottom: -0.2em;
			padding: 0;
			display: inline-block;
			zoom: 1;
			*display: inline;

			filter: alpha(opacity=75);
			opacity: 0.75;

			border-radius: 6px; 
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		div.input_wrap > label.err_txt{
			color: red;
			font-weight: bold;
		}



	div.login_form_email,
	div.login_form_passwd{
		position: relative;
		display: block;
		margin: auto;
		padding: 0;
	}
		div.login_form_email > i,
		div.login_form_passwd > i{
			position: absolute;
			left: 1em;
			top: 50%;
			font-size: 140%;
			margin-top: -0.5em;
			color: #999999;
		}
		div.login_form_email > input,
		div.login_form_passwd > input{
			border: 0 !important;
			padding-left: 4em !important;
			padding-right: 1em !important;
			padding-top: 1em !important;
			padding-bottom: 1em !important;

			border-radius: 1.5em; 
			-webkit-border-radius: 1.5em;
			-moz-border-radius: 1.5em;
		}




	div.button_wrap{
		margin-top: 36px !important;
	}


	div.returnBtn a,
	div.loginBtn a,
	div.newBtn a{
		color: #7e5454;
		padding: 10px 20px;
		display: block;
		width: 80%;
		margin: 20px auto;
		text-align: center;
		text-decoration: none;

		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
		div.returnBtn a{
			background: #cecece;
			border: 1px solid #adadad;

		 	box-shadow:inset 0px 15px 2px 2px #d8d8d8;
		 	-webkit-box-shadow:inset 0px 15px 2px 2px #d8d8d8;
		 	-moz-box-shadow:inset 0px 15px 2px 2px #d8d8d8;
		}
		div.loginBtn a{
			background: #c7d4eb;
			border: 1px solid #4d80d5;

		 	box-shadow:inset 0px 15px 2px 2px #d8e1f1;
		 	-webkit-box-shadow:inset 0px 15px 2px 2px #d8e1f1;
		 	-moz-box-shadow:inset 0px 15px 2px 2px #d8e1f1;
		}
		div.newBtn a{
			background: #ffa8a3;
			border: 1px solid #ff5151;

		 	box-shadow:inset 0px 15px 2px 2px #ffbcb7;
		 	-webkit-box-shadow:inset 0px 15px 2px 2px #ffbcb7;
		 	-moz-box-shadow:inset 0px 15px 2px 2px #ffbcb7;
		}
		div.returnBtn a:hover,
		div.loginBtn a:hover,
		div.newBtn a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}

/* ############### Form Box ############### */