@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

.canvas_form {
	text-align: center;
}

.canvas_form h1 {
	margin: 20px 0 20px 0;
	padding: 0;
	font-weight: normal;
	/*border: 1px solid #F00;*/
}

.canvas_form h2 {
	margin: 0 0 30px 0;
	padding: 0;
	font-weight: normal;
	color: #444;
	/*border: 1px solid #F90;*/
} 

#mw_form div {
	/*color: #666;*/
	margin: 0 0 10px 0;
}

#mw_form #mail_ok, #mw_form #mail_error {
	position: absolute;
	margin: 9px 0 0 296px;
}

.forget_psd_label, .add_member_label{
	text-align: center;
}


/*table*/
.canvas_form table {
	width:100%;
	text-align: left;
	border:0;
	border-collapse:collapse;	
}
.canvas_form table td {
	/*border:1px solid #D9D9D9;*/
	height:42px;
	/*font-size:14px;*/
}
.canvas_form table td.head, 
.canvas_form table td.foot {
	/*background:#F3F3F3;*/
	/*font-size:16px;*/
	line-height:34px;
	/*text-align:center;*/
	letter-spacing:2px;
}
.canvas_form table td hr {
	color:#CCC;
}
.canvas_form table td.td_title {
	width: 20%;
	/*text-align:right;*/
	vertical-align:top;
	padding:5px;
	color:#666;
}
.canvas_form table td.td_column {
	width: 80%;
}
.canvas_form table .remark {
	color:#090;
}
.canvas_form table .note {
	color:#F00;
	/*font-size:14px;*/
	text-align:left;
	margin:0 0 0 120px;
}

/*input[type="text"], input[type="password"] {
	width: 40%;
}*/



.drop_select{
	width: 140px;
}
.zipcode{
	width: 140px;
}
#personal_law_info {
	outline: none;
	margin-bottom: 10px;
	height: 200px;
	width: 600px;
}


 #submit_btn{
	margin: 20px 0;
}
	


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad*/
@media screen and (max-width: 1023px) {

	.canvas_form table td.td_title {
		width: 30%;
		/*text-align:right;*/
		vertical-align:top;
		padding:5px;
		color:#666;
	}
	.canvas_form table td.td_column {
		width: auto;
	}

	#personal_law_info {
		/*outline: none;*/
		/*margin-bottom: 10px;*/
		/*height: 200px;*/
		width: 70%;
	}
}

/*iPhoe*/
@media screen and (max-width: 767px) {

	#mw_form #mail_ok, #mw_form #mail_error {
		/*position: absolute;*/
		margin: 9px 0 0 78%;
		/*margin: 9px 0 0 calc(50% + 80px);*/
	}
}