/* form */
#form { width: 100%; margin: 40px auto; padding: 40px; border-radius: 5px; background:#fff; }
#fm_form h3 { font-size: 20px; text-align: center; }
#form p { padding: 10px 0 30px; font-size: 14px; text-align: center; }


#fm_form .tableForm { width: 100%; font-size: 15px; line-height: 1.4; border-collapse: collapse; }
#fm_form .tableForm th { width: 20%; padding: 10px 20px; display: table-cell; vertical-align: middle; }
#fm_form .tableForm td { width: 80%; padding: 10px 20px; display: table-cell; vertical-align: middle; }


#fm_form .tableForm .must { margin: 0 5px 0 10px; padding: 2px 6px; color: #fff; font-size: 10px; border-radius: 3px; background-color: #e60012; }
#fm_form .tableForm input {
	width: 100%;
    margin: 0 0 5px;
    padding: 10px 60px 10px 10px;
	color: #bdbcbc;
    font-size: 13px;
    border: 1px solid #d7dce1;
    height: 50px;
    vertical-align: middle;
    margin-bottom: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;	
}
#fm_form .tableForm textarea {
	width: 100%;
	min-height: 100px;
    margin: 0 0 5px;
    padding: 10px 60px 10px 10px;
    font-size: 16px;
    border: 1px solid #d7dce1;
    height: 50px;
    vertical-align: middle;
    color: #2f2f2f;
    margin-bottom: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;	
}
#fm_form .tableForm select {
	width: auto;
    margin: 0 0 5px;
    padding: 10px 60px 10px 10px;
    font-size: 16px;
    border: 1px solid #d7dce1;
    height: 50px;
    background: url(../img/contents/arrow.svg) no-repeat right center;
    background-size: 25px 25px;
    vertical-align: middle;
    color: #453e00;
    margin-bottom: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
ul.variable li { display: inline-block; padding: 0 5px; }
ul.variable li span { font-size: 13px; }


/* btn */
#form .form-btn { width: 100%; margin: 0 auto; text-align: center; display: table; }
#form .form-btn li { display: table-cell; }
input#fm_btn_confirm, input#fm_btn_complete {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #cdae40;
    padding: 15px 60px;
    margin: 40px 10px 0;
	cursor: pointer;
    border: none;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    letter-spacing: 1px;
}
input#fm_btn_return {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background-color: #bfbfbf;
    padding: 15px 60px 15px 60px;
    margin: 40px 0 0;
    border: none;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    letter-spacing: 1px;
}



/*---------------------------------------------------------------------
   Confilm
-----------------------------------------------------------------------*/
#fm_confirm { width: 80%; margin: 10px auto; }
#fm_confirm h3 { margin-bottom: 10px; font-size: 20px; text-align: center; }
#fm_confirm .tableForm { width: 100%; font-size: 15px; line-height: 1.4; border-collapse: collapse; }
#fm_confirm .tableForm tr { border-bottom: 1px solid #e7e7e7; }
#fm_confirm .tableForm th { width: 30%; padding: 20px; display: table-cell; vertical-align: middle; font-size: 14px; }
#fm_confirm .tableForm td { width: 70%; padding: 20px; display: table-cell; vertical-align: middle; font-size: 14px; }

/*---------------------------------------------------------------------
   Complete
-----------------------------------------------------------------------*/
#contactComplete { width:100%; border-radius: 5px; background:#fff; }
#contactComplete .contact-contents { width: 100%; margin: 40px 0 0; padding: 20px 50px; }
#contactComplete .contact-contents #fm_ajax_message { margin: 0; text-align: center; font-size: 15px; }
#contactComplete strong { font-size: 16px; font-weight: bold; }
#contactComplete .complete-profile { width: 80%; margin: 40px auto 0; padding: 50px 0 20px; border-top: 1px solid #453e00; line-height: 1.8; overflow: hidden; }
#contactComplete .complete-profile .complete-img { width: 20%; float: left; }
#contactComplete .complete-profile .complete-img img { width: 100%; }
#contactComplete .complete-profile .complete-txt { width: 80%; padding-left: 30px; float: right; text-align: left; }
#contactComplete .complete-profile a:link, #contactComplete .complete-profile a:visited, #contactComplete .complete-profile a:active { color: #453e00; }
#contactComplete .complete-profile a:hover { color: #453e00; text-decoration: underline; }
#contactComplete .thanks-btn a {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px 0;
    color: #cdae40;
    font-size: 12px;
    text-align: center;
    border: 1px solid #cdae40;
    border-radius: 5px;
    background: #fff;
}
#contactComplete .thanks-btn a:hover { color: #fff; background: #cdae40; }