#tbl-qa {}

.tbl-qa {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 0px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
      table-layout:fixed;
      

}
.tbl-qa th, .tbl-qa td {
  text-align: center; /* Left-align text */
      width:31%;
    display:inline-block;
    margin:0;
    padding:1px;
    font-size:1rem/* reset font-size*/;
      /* show me*/ box-shadow: 0 0 0 0px;
      
      
      
            border: 1px solid #bdbdbd;
margin: 3px 3px 3px 3px;
background-color: #eee; 
	padding: 1px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}

.tbl-qa tr {
  /* Add a bottom border to all table rows */
  border-bottom: 0px solid #ddd;
  
  display:inline;
    font-size:0;/* kind of erase white-space */
}

.button_link {
	color: #FFF;
	text-decoration: none;
	background-color: #428a8e;
	padding: 10px;
}

#keyword {
	border: #CCC 1px solid;
	border-radius: 4px;
	padding: 7px;
}

.btn-page {
	margin-right: 10px;
	padding: 5px 10px;
	border: #CCC 1px solid;
	background: #FFF;
	border-radius: 4px;
	cursor: pointer;
}

.btn-page:hover {
	background: #F0F0F0;
}

.btn-page.current {
	background: #F0F0F0;
}

.serach {
	text-align: right;
	margin: 20px 0px;
}

@media screen and (max-width: 640px) {
	body {
		width: 100%;
	}
	.tbl-qa {
		overflow-x: auto;
	}
}