
/* Body */


h7 {
    margin-top: 50px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 28px;
    display: block;
    font-weight: 600;
	color: #ff9000;
}


.pa {
    text-align: right;
    font-family: "微軟正黑體";
    font-size: 120%;
    color: #565656;
    padding-right: 5px;
    padding-bottom: 5px;
    }

.pa2 {
    text-align: center;
    font-family: "微軟正黑體";
    font-size: 120%;
    color: #565656;
    padding-bottom: 5px;
    padding-top: 10px;
    }


table{
  width: 100%;
}
	
th{

    background-color: #ff4c4c;
    padding: 10px;
    border: 1px solid #fff;
    width: 15%;
	text-align:center;
	font-family: "微軟正黑體";
	font-weight: bold;
	font-size: 17px;
	color: #FFFFFF;	
}

td{
        padding: 10px 5px 10px 5px;
        border: 1px solid #fff;
}

tr{
        background-color: #eee;
        padding: 10px 5px 10px 5px;
        border: 1px solid #fff;
		text-align:center;
	    font-size: 17px;
	    font-family: "微軟正黑體";
}

tr:nth-child(even){
	background-color:#f5f5f5;
	}

td a { 
	
	color: #2889e4;
    font-family: "微軟正黑體";

}







.b-only {
	width: 100%;
}

.a-only {
	width: 100%;
}


.ste7 {
	width: 60%;
	margin-left: 20%;
    margin-right: 20%;


}


/* Mobile */
@media (max-width: 320px) {
	
		.a-only {
display: none !important;
			
}		

table{
  width: 100%;
   display: block;
    overflow-x: auto;
    white-space: nowrap;
}
	

	
td{

        padding: 6px;

}
	
		tr{
	font-size: 13px;
	
}
	th{

	font-size: 13px;

	
}


.ste7 {
	width: 100%;
	margin-left: 0%;
    margin-right: 0%;


}
	
	
}
/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	
		
.a-only {
display: none !important;
	
}	
	
	
table{
  width: 100%;
   display: block;
    overflow-x: auto;
    white-space: nowrap;
	

}
	
td{

    padding: 10px;

}
	
	th{

	font-size: 15px;

	
}
	tr{
	font-size: 15px;
	
}
	

.ste7 {
	width: 90%;
	margin-left: 5%;
    margin-right: 5%;

}
	
	
	
	
}


/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

	.b-only {
display: none !important;
}
	

.ste7 {
	width: 90%;	
	margin-left: 5%;
    margin-right: 5%;
}



	
}
	
@media (min-width: 1097px) and (max-width: 4000px) {
	
.b-only {
display: none !important;
}

}
