.table-rwd {
  width: 100%;
  color: #000;
}
/*這是額外做顏色，沒有什麼意義*/
tr.tr-only-hide {color: #D20B2A;}
.table-rwd>thead>tr>th{
  border: 1px solid #ebebeb;
  padding: 10px 4px;
}
.table-rwd > tbody > tr:nth-child(even)>td{
  background-color: #fff9e5 ;
}
.table-rwd > tbody > tr:nth-child(even):hover>td{
  background-color: #f1f1f1 ;
}
.table-rwd > tbody > tr:nth-child(odd)>td{
  background-color: #fffdf3 ;
}
.table-rwd > tbody > tr:nth-child(odd):hover>td{
  background-color: #f1f1f1 ;
}
.table-rwd > tbody > tr > td:nth-child(1),
.table-rwd > tbody > tr > td:nth-child(2),
.table-rwd > tbody > tr > td:nth-child(4),
.table-rwd.newsTable-rwd > tbody > tr > td:nth-child(1),
.table-rwd.newsTable-rwd > tbody > tr > td:nth-child(3){
  text-align: center;
}
.table-rwd.newsTable-rwd > tbody > tr > td:nth-child(2){
  text-align: left;
}
.table-rwd  td{

  vertical-align: middle;
}
.table-rwd>thead>tr>th,
.table-rwd>tbody>tr>th,
.table-rwd>tbody>tr>td{
  border: 1px solid #ebebeb;
  padding: 10px 4px;
}
.table-rwd p{
  display: block;
}
.table-rwd a{
  color: #333;
  width: 100%;
  display: inline-block;
}
.table-rwd > tbody > tr:hover>td a{
  color: #1b1897;
}
@media (max-width: 736px) {
  thead{
    display: none;
  }
  .table-rwd{min-width: 100%;}
  /*針對tr去做隱藏*/
  tr.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  .table-rwd tr{
    display: block;
    border: 1px solid #ddd;
    margin-top: 5px;
  }
  .table-rwd td {
    text-align: left;
    overflow: hidden;
    width: 100%;
    display: block;
	}
	.table-rwd td:before {
    /*最重要的就是這串*/
    content: attr(data-th) " : ";
    /*最重要的就是這串*/
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	  margin-right: 10px;
    color: #23696a;
  }
.table-rwd > tbody > tr > td:nth-child(1),
.table-rwd > tbody > tr > td:nth-child(2),
.table-rwd > tbody > tr > td:nth-child(4),
.table-rwd.newsTable-rwd > tbody > tr > td:nth-child(1),
.table-rwd.newsTable-rwd > tbody > tr > td:nth-child(3){
  text-align: left;
}
 
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
  
}