@charset "UTF-8"

* {}


form {
    margin: 0;
    padding: 0;
}

div#content {
    position: relative;
    margin-bottom: 55px;
}

div.main_image {
    width: 100%;
    height: 400px;
    background-image: url('../img/contact.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
}

div.s_title {
    text-align: center;
    height: 100%;
    width: 100%;
    display: table;
}

div.s_title span {
    vertical-align: middle;
    display: table-cell;
    font-size: 200%;
    font-weight: bold;
    letter-spacing: 10px;
    color: #FFF;
    text-shadow: 
     1px 1px 15px #000, 
     1px 1px 15px #000,
     1px 1px 15px #000;
}

div.i_msg {
    width: 75%;
    margin: auto;
}

div.i_form {
  text-align: center;
  width: 80%;
  margin: 5% auto 5% auto;
  opacity: 0;
}

dl.i_input span {
  float: right;
  clear: right;
  margin-right: 10%;
  font-size: 80%;
  padding: 0.8% 2.5% 0.8% 2.5%;
  background-color: red;
  color: #FFF;
  border-radius: 5px;
}

div.i_attention {
  text-align: left;
  padding: 2%;
  margin: 0;
  background-color: #FFF;
  border: 1px solid #CCC;
}

div.i_attention div.attention_title {
  color: red;
  font-weight: bold;
  font-size: 110%;
}

div.i_attention ul {
   margin: 2%;
   padding: 0;
}

div.i_attention ul li {
   margin-top: 1em;
   font-size: 90%;
}

dl.i_input {
  text-align: left;
  padding: 2%;
  margin: 3% 0%;
  background-color: #FFF;
  border: 1px solid #CCC;
}

dl.i_input dd {
  margin: 0% 0% 2% 0%;
}

input#i_name {
  width: 20%;
}

input#i_address,
input#i_re {
  margin-top: 1%;
  width: 50%;
  ime-mode: disabled;
}

input#i_tel {
  width: 20%;
  ime-mode: disabled;
}

textarea#i_body {
  width: 95%;
  height: 14em;
  line-height: 150%;
}

dt.i_info {
  width: 95%;
  padding: 2%;
  font-size: 90%;
}

div.i_submit {
  text-align: center;
  margin-bottom: 5%;
}

.i_err {
  color: red;
}

div.fin_msg {
  min-height: 300px;
  line-height: 150%;
  width: 80%;
  margin: auto;
  text-align: center;
}

.btns {
    height: 70px;
    width: 100%;
    font-weight: bold;

}

@media screen and (max-width: 900px) {

    div.i_form {
	width: 98%;
    }

    div.i_attention ul {
	margin: 2%;
	padding: 2%;
    }

    dl.i_input {

    }

    div.i_msg {
	width: 85%;
	text-align: left;
    }

    .btns {
	height: 50px;
	color: #D36182;
	width: 98%;
	position: relative;
	margin: auto;
	text-align: center;
    }

    .addBtns {
	color: #FFF;
	background-color: #FF1924;
	border: 1px solid #FFF;
    }

    .findBtns {
	color: #FFF;
	background-color: #19A0FF;
	border: 1px solid #FFF;
    }

    .delBtns {
	color: #FFF;
	background-color: #BCBCBC;
	border: 1px solid #FFF;
    }

    dl.i_input dd {
	margin: 2% 0% 6% 0%;
    }

    input#i_name {
	width: 80%;
    }

    input,
    select {
	padding: 0.5em;
	font-size: 110%;
    }

    input#i_address,
    input#i_re,
    input#i_tel {
	width: 95%;
    }

    textarea#i_body {
	height: 20em;
    }
}