@media screen and (max-width: 768px) {
  .table-rwd{min-width: 100%;}
  /*針對tr去做隱藏*/
  thead.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  
  
  .table-rwd tr {
    display: block !important;
    border: 1px solid #ddd;
    margin-top: 5px;
  }
  .table-rwd td {
    display: block !important;
    text-align: left!important;
    width: 100%; 
    border-bottom: 1px solid #eee !important;  
    /*border:1px solid red !important;*/ 
  }

  .table-rwd td p {
    margin-left:150px;
    margin-top: -25px;
    margin-bottom:0px;
    
  }
  
  .table-rwd td p:after {
    content: '　';
  }

    .table-rwd td:before {
      /*最重要的就是這串*/
      content: attr(data-th);
      /*最重要的就是這串*/
      display: inline-block!important; 
      text-transform: uppercase;
      font-weight: bold;
      color: #0073b7;
      padding-right:10px; 
      margin-right: 10px;
      width:140px!important;  
      text-align:right!important;  
      border-right: 2px solid #eee !important;  
  	}

  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}

}