/*****table*****/
  @media (max-width: 768px){
  .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;
      font-size: 15px;
      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: #D20B2A;*/
    }
    /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
    .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
    /*table_tr_paste_front*/
    .table-rwd tr.table_tr_paste_front{
      margin-top: 0px;
      border-top: 0;
    }
    .table-rwd tr.table_tr_paste_front td:before {
      display: none;
    }
    .table-rwd tr.table_tr_paste_front td{
      border-top: none;
    }
  }

  @media (min-width: 768px) and (max-width: 992px){
    .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;
      font-size: 15px;
      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: #D20B2A;*/
    }
    /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
    .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
    /*table_tr_paste_front*/
    .table-rwd tr.table_tr_paste_front{
      margin-top: 0px;
      border-top: 0;
    }
    .table-rwd tr.table_tr_paste_front td:before {
      display: none;
    }
    .table-rwd tr.table_tr_paste_front td{
      border-top: none;
    }
  }

  @media (min-width: 992px) and (max-width: 1200px){
    .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;
	  font-size: 15px;
	  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: #D20B2A;*/
	}
	/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
	.table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
  /*table_tr_paste_front*/
  .table-rwd tr.table_tr_paste_front{
    margin-top: 0px;
    border-top: 0;
  }
  .table-rwd tr.table_tr_paste_front td:before {
    display: none;
  }
  .table-rwd tr.table_tr_paste_front td{
    border-top: none;
  }
  }
/*****table*****/