table.table-rwd{
  border-collapse: inherit;
  border-spacing:  0px 5px;
}
.table-rwd {
  width: 80%;
  margin: 0 auto;
  color: #134464;
  margin-bottom: 24px;
}
/*這是額外做顏色，沒有什麼意義*/
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: #dcf0e6 ;
}
.table-rwd > tbody > tr:nth-child(even):hover>td{
  background-color: #8bfff6 ;
}
.table-rwd > tbody > tr:nth-child(odd)>td{
  background-color: #f3fff9 ;
}
.table-rwd > tbody > tr:nth-child(odd):hover>td{
  background-color: #8bfff6 ;
}
.table-rwd > tbody > tr > td:nth-child(1),
.table-rwd > tbody > tr > td:nth-child(2),
.table-rwd > tbody > tr > td:nth-child(3),
.table-rwd > tbody > tr > td:nth-child(4){
  text-align: center;
}
.table-rwd > tbody > tr > td:nth-child(1){
  width: 18%;
  min-width: 108px;
}
.table-rwd > tbody > tr > td:nth-child(3){
  width: 18%;
  min-width: 108px;
}
.table-rwd > tbody > tr > td:nth-child(4){
  width: 8%;
  min-width: 80px;
}
.table-rwd.newsTable-rwd > tbody > tr > td:nth-child(2){
  text-align: left;
}
.table-rwd td{
  vertical-align: middle;
  border: 1px solid #aad3c1 !important;
  border-style: solid none !important;
  background-color: #7c6f2d;
}
.table-rwd td:first-child{
    border-left-style: solid !important;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.table-rwd td:last-child{
  border-right-style: solid !important;
  border-bottom-right-radius: 30px !important;
  border-top-right-radius: 30px !important;
}
.table-rwd>thead>tr>th,
.table-rwd>tbody>tr>th,
.table-rwd>tbody>tr>td{
  /* border: 1px solid #ebebeb; */
  padding: 4px 8px;
}
.table-rwd>thead>tr>th{
  border-radius: 30px;
  color: #333;
  background: #a8ddd8;
}
.table-rwd p{
  display: block;
}
.table-rwd a{
  color: #333;
  width: 100%;
  display: inline-block;
  /* display: flex; */
  place-items: center;
  justify-content: center;
}
.table-rwd > tbody > tr:hover>td{
  color: #1b1897;
}
a.table-facebook{
  background: url(../images/icon/icon-fb.png) #34629a;
  display: inline-flex;
  text-indent: 100vw;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer;
}
a.table-link{ 
  display: inline;
  font-size: 1.2em;
}
i.fa-circle{
  color: #34629a;
}
span.fa-1x{
    font-size: .8em;
}
.sr-only{
    ​position: absolute;
    ​width: 1px;
    ​height: 1px;
    ​padding: 0;
    ​margin: -1px;
    ​overflow: hidden;
    ​clip: rect(0, 0, 0, 0);
    ​border: 0;
}
@media (max-width: 1024px) {
  .table-rwd {
    width: 100%;
  }
}
@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: #333;
  }
 .table-rwd > tbody > tr > td:nth-child(n){
  width: 100%;
  text-align: left;
  border: 0px solid #aad3c1 !important;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
 }
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
  
}