/* inquiry */
.inquiry_table table{ width: 80%; border-collapse: collapse;  margin:50px auot 50px 10%; }
.inquiry_table tr:nth-of-type(odd){  /*background: rgba(52,152,219,.5); */ }
.inquiry_table th{ background: rgba(52,152,219,1); color: #fff; padding: 10px;  border: 1px solid #ccc; font-size: 1em; text-align: left;  font-weight:400; }
.inquiry_table th:nth-child(2) { width: 150px;}
.inquiry_table th:nth-child(3) { width: 400px;}
.inquiry_table td{ padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 1em; color: #666!important; }
.inquiry_table td.no{ padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 1em; color: #666; }
.inquiry_table td.title a:link {	color: #CCCCCC;	text-decoration: none;}
.inquiry_table td.title a:hover { color: #FF0000;	text-decoration: none;}
.inquiry_table td.title a:active {	color: #CCCCCC; }
.inquiry_table td.date {	color: #CCCCCC; }
.inquiry_table tr.altrow {	background-color: #F0F0F0;}
.inquiry_table td input, button, select, textarea{padding: 10px;  border: 1px solid #ccc;}

/* member form */

.cart_table_btn{
	margin: 10px 0 0 0;
}
#tp_product{  width: 90%; margin: 20px auto;}
.input.form-textfield{	width:80%; }

.member_table table{ width: 80%; border-collapse: collapse;  margin:50px auot 50px 10%; }
.member_table  tr:nth-of-type(odd){  /*background: rgba(52,152,219,.5); */ }
.member_table  th{ background: rgba(52,152,219,1); color: #fff; padding: 10px;  border: 1px solid #ccc; font-size: 1em; text-align: left;  font-weight:400; }
.member_table  td{ padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 1em; color: #666!important; }
.member_table  td.no{ padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 1em; color: #666; }
.member_table  td.title a:link {	color: #CCCCCC;	text-decoration: none;}
.member_table  td.title a:hover { color: #FF0000;	text-decoration: none;}
.member_table  td.title a:active {	color: #CCCCCC; }
.member_table  td.date {	color: #CCCCCC; }
.member_table  tr.altrow {	background-color: #fff;}
.member_table  td input, button, select, textarea{padding: 10px;  border: 1px solid #ccc;}
.member_table  input[type="submit"] {-webkit-appearance: button; color: #fff; cursor: pointer; padding:0px 10px; background-color:rgba(52,152,219,1); border:1px solid #CCC; border-radius:4px; height:50px; line-height:50px; width:200px; text-align:center;}
 @media screen and (max-width:768px) {
  .inquiry_table table { width: 90%; margin:50px auot 50px 10%;}
  .inquiry_table table,.inquiry_table thead,.inquiry_table tbody, .inquiry_table th,.inquiry_table td,.inquiry_table tr {  display: block; }
  .inquiry_table thead tr { position: absolute; top: -9999px; left: -9999px; }
  .inquiry_table th { display:none; } 
  .inquiry_table tr { border: 1px solid #397dcd; }
  .inquiry_table td {  /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee;  position: relative; text-align:center;  }
  .inquiry_table td input{width: 50%;}
  .inquiry_table input[type=radio] {  display:inline-block; margin:0px !important;width:50px;}
  .inquiry_table input[type=radio] + label { display:inline-block; margin:10px 1px !important; padding:0px 10px; background-color:#FFF; border:1px solid #CCC; border-radius:4px; height:28px; line-height:28px; color:#999; width:50px; text-align:center;}
  .inquiry_table input[type=radio]:checked + label { background-image: none; background-color:#666; color:#FFF; border-color:#666; }
  .inquiry_table  input[type="submit"] {-webkit-appearance: button; color: #fff; cursor: pointer; padding:0px 10px; background-color:rgba(52,152,219,1); border:1px solid #CCC; border-radius:4px; height:50px; line-height:50px; width:200px; text-align:center;}
  .inquiry_table td:before { position: absolute;  top: 10px;  left: -10px;  color: #3498db; width: 45%; padding-right: 30px; white-space: nowrap; content: attr(data-column); }
  .inquiry_table td:first-child {
    background: #afc6e2;
	color: #fff !important;
}
  .inquiry_table {
    margin: 0 auto;
}

  .member_table table { width: 80%; margin:50px auot 50px 0px;}
  .member_table table,.member_table thead,.member_table tbody,.member_table th,.member_table td,.member_table tr {  display: block; }
  .member_table thead tr { position: absolute; top: -9999px; left: -9999px; }
  .member_table  tr.altrow {background-color: #f6f9fa;}
  .member_table th {  background: #f6f9fa;  color: rgba(52,152,219,1); padding: 0 10px;  border:none; font-size: 16px; text-align: left; font-weight:400;  } 
  .member_table tr {
    border: none;
    background: #f6f9fa;
    padding-bottom: 20px;
}  
  .member_table td {  /* Behave  like a "row" */ border: none;  position: relative;  padding-left:0px; padding:0;  }
  .member_table td input,.member_table td textarea{width: 100%;}
  .member_table input[type=radio] {  display:inline-block; margin:0px !important;width:50px;}
  .member_table input[type=radio] + label { display:inline-block; margin:10px 1px !important; padding:0px 10px; background-color:#FFF; border:1px solid #CCC; border-radius:4px; height:28px; line-height:28px; color:#999; width:50px; text-align:center;}
  .member_table input[type=radio]:checked + label { background-image: none; background-color:#666; color:#FFF; border-color:#666; }

  .member_table td:before { position: absolute;  top: 6px;  left: 6px;  width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-column); color: #3498db; }
  .member_table {
    margin: 0 auto;
}
  
}

 @media screen and (max-width:480px) {
	 .inquiry_table td{ padding-left:30%;}
	 .inquiry_table td:before{ left:0px;}	 
}