@charset "UTF-8";
/*================================
 o/w
=================================*/

/*------------------------
$ >> EXTRA
-------------------------*/

/*================================
 PAGE-inquily,contact,form
=================================*/

.wrapper#contact{
padding-top:0!important;
}

#contact header{
overflow: hidden;
height:730px;
background:url(../img/form/header_bg.jpg) no-repeat center top;
}

#contact header .row_inner{
overflow: hidden;
height:730px;
}

#contact header h2{
position: relative;
background:url(../img/form/header_tit.png) no-repeat center center;
display: block;
width:800px;
height:200px;
margin:520px auto 0;
}


/*------------------------
$ >> CONTACTFORM
-------------------------*/

#contact .contactform {
position: relative;
padding-top:30px;
padding-bottom:20px;
margin: 0 auto 20px;
text-align:center;
font-size:16px;
color:#000;
}

#contact .contactform p em {
font-size: 24px;
font-weight: bold;
padding:0 0 10px;
}

#contact .contactform .buttons {
/*auto gened button selector*/
text-align: center;
overflow: hidden;
font-size: 16px;
padding:0;
margin:40px 0;
}

#contact .contactform table{
width:800px;
line-height:1.6em;
margin:0 auto;
border:1px solid #ddd;
}

#contact .contactform table th{
vertical-align: middle;
padding:16px 20px;
color:#111;
font-size:18px;
font-weight: bold;
text-align: left;
background-color: #eee;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

#contact .contactform table td{
vertical-align: middle;
padding:12px 20px;
color:#111;
font-size:15px;
text-align: left;
border-bottom:1px solid #eee;
}


#contact .contactform table th.sep em{
display: block;
text-align: center;
font-weight: normal;
color:#fff;
background-color: #888;
padding:5px 0;
margin:15px 0;
}

#contact .contactform table th em{
font-weight: bold;
}

#contact .contactform table th b{
color:#D74A5B;
margin-left:4px;
}

#contact .contactform table th span{
font-weight: bold;
}

#contact .contactform table .solo{
display:block;
padding-bottom:10px;
}

#contact .contactform table p {
margin-bottom:6px!important;
}
#contact .contactform table p.note {
text-align: left;
font-size:13px;
line-height: 2em;
color:#333;
text-indent: 1.2em;
}


#contact .contactform table.in_tbl{
width:80%;
margin-left:0;
margin-bottom:10px;
}

#contact .contactform table.in_tbl th{
width:120px;
}

#contact .contactform textarea,
#contact .contactform input[type="text"],
#contact .contactform input[type="email"],
#contact .contactform input[type="tel"] {
width: 95%;
font-size: 15px;
line-height: 1.5em;
text-align: left;
padding: 6px 3px;
border: 1px solid #ccc;
border-radius: 1px;
background: #fdfdfd;
-webkit-appearance: none;
}

#contact .contactform .mia textarea,
#contact .contactform .mia input[type="text"],
#contact .contactform .mia input[type="email"],
#contact .contactform .mia input[type="tel"] {
width: 70%;
}

#contact .contactform .nia textarea,
#contact .contactform .nia input[type="text"],
#contact .contactform .nia input[type="email"],
#contact .contactform .nia input[type="tel"] {
width: 50%;
}

#contact .contactform .tia textarea,
#contact .contactform .tia input[type="text"],
#contact .contactform .tia input[type="email"],
#contact .contactform .tia input[type="tel"] {
width: 30%;
}

#contact .contactform select{
font-size: 14px;
line-height: 1.5em;
text-align: left;
padding: 6px 3px;
border: 1px solid #ccc;
background: #fff;
-webkit-appearance: menulist;
}

#contact .contactform input[type="date"]{
padding: 6px 3px;
font-size:15px;
}


#contact .contactform textarea.dim,
#contact .contactform input.dim {
color: #76AB5D;
border: 1px dotted #cfd5dd;
}

#contact .contactform textarea:focus,
#contact .contactform input[type="text"]:focus,
#contact .contactform input[type="email"]:focus,
#contact .contactform input[type="date"]:focus,
#contact .contactform input[type="tel"]:focus {
outline: none;
-webkit-appearance: none;
}

#contact .contactform textarea {
font-size:15px;
height:8em;
resize: vertical;
overflow: auto;
}

#contact .contactform input{
position: relative;
}

#contact .contactform input[type="submit"],
#contact .contactform input[type="reset"],
#contact .contactform input[type="button"],
#contact .contactform button {
display: inline-block;
font-size: 16px;
letter-spacing: 0.12em;
text-align: center;
line-height: 56px;
font-weight: bold;
color: #fff;
background-color: #1E3557;
border: 1px solid #666;
padding:0 60px;
margin: 0 10px;
cursor: pointer;
-webkit-appearance: none;
}

#contact .contactform input:hover[type="submit"],
#contact .contactform input:hover[type="reset"],
#contact .contactform input:hover[type="button"],
#contact .contactform button:hover {
opacity:0.8;
text-decoration: none!important;
box-shadow: none;
-webkit-box-shadow: none;
}

#contact .contactform input[type="submit"].chk {
color: #fff;
background-color: #1E3557;
}

#contact .contactform input[type="submit"].chk:hover {
color: #fff;
background-color: #1E3557;
}

#contact .contactform input[type="checkbox"],
#contact .contactform input[type="radio"] {
border: none;
top: -2px;
top: 0\9;
margin-right: 6px;
margin-right: 0\9;
}

#contact .contactform input[type="checkbox"] {
-webkit-appearance: checkbox;
}

.wpcf7-form{
margin-bottom:30px;
}

.wpcf7-list-item {
margin-top:3px!important;
display: block!important;
}

.wpcf7-response-output{
font-size:15px;
}


/* docment_request
-------------------------*/
.doc_req{
    background-color: #EEE9E2;
    height: 234px;
    margin: 70px auto;
    margin-top: 110px;
    position: relative;
    width: 1200px;
}

.doc_req_img{
    float: left;
    position: absolute;
    top: -80px;
    left: 20px;
    width: 610px;
    z-index: 5;
}

.doc_req_desc{
    float: right;
    position: relative;
    top: -30px;
    width: 590px;
}

.doc_req_head{
    background-color: #A18860;
    color: white;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    width: 500px;
}

.doc_req_title{
    font-size: 20px;
    font-weight: bold;
}

.doc_req_title span{
    font-size: 16px;
    font-weight: 600;
    padding-left: 20px;
    vertical-align: middle;
}

.doc_req_text{
    line-height: 1em;
    padding: 20px 10px 20px 35px;
}

.caution_word{
    color: red;
    font-weight: bold;
}

.btn_to_doc_req{
    display: block;
    background: url(../img/frontpage/doc_req_03.jpg) no-repeat center center;
    width: 285px;
    height: 61px;
    position: relative;
    margin-top: 20px;
}