.table-rwd {
		background-color:#ffffff;
		border:0px;
		box-shadow:3px 2px 2px 1px #E0E0E0;
		padding:0px;
		margin:0px;
		border-bottom:1px #000000 solid;
    }
    /*這是額外做顏色，沒有什麼意義*/
    tr.tr-only-hide {
        color: #D20B2A;
    }
    .tr-only-hide>th {
        background-color: #333333;
        color: #ffffff;
        text-align: center;
        font-family: 'Noto Sans TC',  sans-serif,"微軟正黑體";
        font-weight: bold;
        white-space: nowrap;
		letter-spacing:2px;
		padding-top:5px;
		padding-bottom:5px;
		border:1px #000000 solid;
    }
	.table-striped> tbody > tr > td{
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		letter-spacing:2px;
	}
	
	.table-striped> tbody > tr:hover{
		background-color:#FFF59D;
	}
	
    .table {
		padding:0px;
		margin:0px;
		border-spacing:0px;
		border-collapse:0px;
    }
    
    @media (max-width: 1350px) {
        .table-rwd {
            min-width: 80%;
        }
        /*針對tr去做隱藏*/
        tr.tr-only-hide {
            display: none !important;
        }
        /*讓tr變成區塊主要讓他有個區塊*/
        .table-rwd tr {
            display: block;
            border: 1px solid #000000;
            margin-top: 5px;
			padding-top:5px;
			padding-bottom:5px;
        }
        .table-rwd td {
            text-align: left;
            font-size: 15px;
            overflow: hidden;
            width: 100%;
            display: block;
			padding-left:15px;
        }
        .table-rwd td:before {
            /*最重要的就是這串*/
            content: attr(data-th) " : ";
            /*最重要的就是這串*/
            display: inline-block;
            text-transform: uppercase;
            font-weight: bold;
            margin-right: 10px;
            color: #D20B2A;
        }
		.table-striped> tbody > tr > td{
			text-align:left;
		}
        /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
        .table-rwd.table-bordered td,
        .table-rwd.table-bordered th,
        .table-rwd.table-bordered {
            border: 1 #000000 solid;
        }
    }