.container4 {
  width: 96%;
  margin-right: auto;
  margin-left: auto;
}




        



.thumbnail {
	width: 22%;
	text-align: center;
	float: left;
	margin-top: 35px;
	padding-bottom: 0px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 0px;
	border: 1px solid #dadada;
}

.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 300px;
	opacity: 1;
}


.btn9 {
  margin-top: 14px;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #ff9000 ;
}

.btn-primary:hover {
  color: #fff;
  background-color: #fa4952;

}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #fa4952;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #ff9000;

}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #fa4952;

}



.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding-bottom: 20px;
}

.card-text:last-child {
  margin-bottom: 0;

}
.card-text{
  	font-family: "微軟正黑體";
	font-size: 18px;
  color: #ff9000;	
}


/* Mobile */
@media (max-width: 320px) {
	
	
	
.thumbnail {
	width: 100%;
}	



}
/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	

.thumbnail {
width: 90%;
}	
	
	.container4 {
    width: 90%;;
  }
	
.row2 {
  max-width: 94%; 
}	
	
.secondary_header ul li:hover {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    font-size: 100%;
}	

	
}



/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {

	
.thumbnail {
	width: 46%;
}	
	
	.container4 {
    width: 80%;;
  }
	
	
	
}
	
@media (min-width: 1097px) and (max-width: 4000px) {

.container4 {
  width: 86%;
  margin-right: auto;
  margin-left: auto;
}	
	
}