@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------- */
/* BASE BTN
/* ---------------------------------------------------- */
input[type=button]{
font-family: FontAwesome ;
}

.send{
	text-align:center;
	margin:10px auto;
}

.btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
outline: none;
margin:5px;
padding:20px ;
cursor: pointer;
border-radius: 4px;	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;
	line-height:1;
	font-weight:600;
  width: 100%;
  font-size: 18px;
  background: #6C645A;
  color: #fff;
}

.btn,
.btn:before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn_normal{
  color: #fff !important;
  background: #6C645A;
  width: auto;
}
.btn_normal:hover {
  color: #fff;
  background: #C18740;
}


.btn_entry{
	background:#6C645A;
  color:#fff;
  font-size:30px !important ;
  border-radius: 0px;	
  margin: 0;
}
.btn_entry:hover {
  	background:#C18740;
  color:#fff;
}

.btn_red{
	background:#9B2325;
  color:#fff;
}
.btn_red:hover {
	background:#D64D55;
		color:#fff;
}

.btn_gray{
	background:#999;
  color:#fff;
}
.btn_gray:hover {
	background:#ccc;
		color:#fff;
}
.btn i {
	padding-right:6px ;
vertical-align: 0;
}

.g-recaptcha {
margin-right:auto;
margin-left:auto;
text-align: center;
width:300px;
  margin-bottom: 1em;
}
/*----------------------------------------------------
    TABLE
----------------------------------------------------*/
form{

  background: #fff;
}

.table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
    padding: 0;
  border: 1px solid #ddd;
  margin: 3em 0;
  
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    padding: 20px;
  font-weight: normal;
}

.table th {
width: 20%;
background: #f8f8f8;
}

.table td {
background: #fff;
}

.table td ul{
  margin-left:1.5em ;
  font-size: 0;
}
.table td li{
  display: inline-block;
  font-size: initial;
  line-height: 2;
  width: 50%;
  position: relative;
  padding-left: 0.8em;
}

.table td li:before{
  font-family: 'ionicons';
  content: "\f125";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  font-size: 10px ;
}

.must {
    background: #EDA400;
    color: #011936;
    text-align: center;
    margin: -5px 0.5em 3px;
    font-size: 70%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    float: right;
}

.form-control {
display: block; 
     height: 34px; 
     padding: 6px 12px; 
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
		margin-bottom:5px ;
}

.form-control:focus {
    border-color:#811B1F !important;
    box-shadow:none;
}

.table_clm>tbody>tr>td, .table_clm>tbody>tr>th, .table_clm>tfoot>tr>td, .table_clm>tfoot>tr>th, .table_clm>thead>tr>td, .table_clm>thead>tr>th {
    border: 1px solid #ccc;
		text-align:left;
}
 
.outline th,.outline td{
  padding: 8px ;
}

@media only screen and (max-width:767px) { 
  .btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
outline: none;
margin:5px;
padding:20px 10px ;
cursor: pointer;
border-radius: 4px;	
	-webkit-border-radius: 4px;	
	-moz-border-radius: 4px;
	line-height:1;
	font-weight:600;
  width: 100%;
  font-size: 16px;
  background: #6C645A;
  color: #fff;
}

  
	.must {
    margin: -2px 0.5em 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
}
  
 .table{
    font-size: 14px ;
  margin: 3em 0 ;
}
  
  .table td li{
    margin-left: 1em;
  display: block;
  font-size: initial;
  line-height: 1.8;
  width: 100%;
  position: relative;
  padding-left: 0.8em;
}

.table_clm>tbody>tr>td, .table_clm>tbody>tr>th, .table_clm>tfoot>tr>td, .table_clm>tfoot>tr>th, .table_clm>thead>tr>td, .table_clm>thead>tr>th {
  border: none;
    border-bottom: 1px solid #ccc;
		text-align:left;
  padding:15px ;
}
    .table_clm th, .table_clm td{
        width: 100%;
        display:block;
        border-top: none;
    }
			
.table-bordered>tbody>tr>th, .table-bordered>thead>tr>th {
	text-align:left;
	background:#f8f8f8;
   }
	 
.table-bordered>tbody>tr>td {
  background: #fff;
   }
}

@media only screen and (min-width: 768px){

.w100{	width:100px ;}
.w200{	width:200px ;}
.w300{	width:300px ; }
.w400{	width:400px ;}
.w450{	width:450px ;}
.w600{	width:600px ;}
.w_auto{width: 100%;}

}
@media only screen and (max-width: 767px){
.w100{	width:100% ;}
.w200{	width:100% ;}
.w300{	width:100% ;}
.w400{	width:100% ;}
.w450{	width:100% ;}
.w600{	width:100% ;}
.w_auto{width: 100%;}
}