secondary_header@charset "UTF-8";
/* Body */
body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background-color: #FFFFFF;
	margin: 0;

}
header {
    width: 98%;
    height: 0%;
    background-color: #FFFFFF;
	text-align: right;
}

header2 {
    width: 98%;
    height: 0%;
    background-color: #FFFFFF;
    text-align: center;
}


#abgne_float_ad {
	display: none;
	position: absolute;
}
#abgne_float_ad .abgne_close_ad {
	display: block;
	text-align: right;
	cursor: pointer;
	font-size: 12px;
}
#abgne_float_ad a img {
	border: none;
}


footer {
    width: 98%;
    background-color: #FFFFFF;
	text-align:center;
}


.button3 {
    display: inline-block;
    border: solid 1px #ffffff;
    border-radius: 5px;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 4px;
    font-family: 微軟正黑體;
	font-weight:bold; 
    background-color: #ffffff;
    color: #747474;
    margin-top: 36px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.button5 {
    display: inline-block;
    border: solid 1px #797979;
}






.button3 a{ text-decoration:none;
   color: #FFFFFF;
}


.button4 {
    display: inline-block;
    width: 800px;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-family: 微軟正黑體;
    font-weight: bold;
    background-color: #ffffff;
    color: #747474;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    text-align: center;
}
a{ text-decoration:none;
color: #616161;
} 

        


.hero_header {
    color: #711208;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
	font-family: "微軟正黑體";
	font-size: 16px;
	
}
.hero_header2 {
    color: #e90202;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-family: "微軟正黑體";
    font-weight: bold;
    font-size: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
}







.profile3 {		
width: 100%;
}
.profile5 {		
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}





ul {
    list-style-image: url(../images/TK.jpg);
    line-height: 44px;
    padding-top: 0px;
    color: #616161;
    font-family: "微軟正黑體";
    font-size: 20px;
    text-align: left;
    list-style-position: outside;
    padding-left: 0;
}
.container {
  width: 90%;
  margin-right: auto;
  margin-left: auto;

}

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

p {
	text-align:center;
	font-family: "微軟正黑體";
	font-size: 120%;
	color: #FF8400;
	padding-top: 0px;
    }


.button {
    width: 90%;
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: bold;
    color: #ffffff;
	font-family: "微軟正黑體";
	background:linear-gradient(0deg,#de4c5f,#ef667a );
}



.b-only {
	width: 96%;
}

.a-only {
	width: 96%;
}


.secondary_header {
	width: 96%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF6969;
	clear: left;

	
}
.container .secondary_header ul {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;

}
.secondary_header ul li {
    list-style: none;
    float: left;
    margin-right: auto;
    margin-top: 0px;
    font-family: "微軟正黑體";
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1px;
    margin-left: auto;
    text-align: center;
    width: 16%;
    transition: all 0.3s linear;
}
.secondary_header ul li:hover {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    font-size: 110%;
}

.col-md-7 {
	display: inline-block;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

.col-md-5 {
	display: inline-block;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    
  }
.text-center {
	text-align: center !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row5 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  max-width: 82%;
}
.row2 {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  max-width: 50%;
  
}

.row4 {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  max-width: 96%;
}
.card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 90%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

	hr{
    border: 0;
    height: 2px;
    background:#ffb321;
	width: 96%;
	align: center；

}
.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: 0.8;
}


.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  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.375rem 0.75rem;
  font-size: 1rem;
  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: #ff8400;
  border-color: #ff8400;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ff7373;
  border-color: #ff7373;
}

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

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #ff7373;
  border-color: #ff7373;
}

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



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

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



/* Mobile */
@media (max-width: 320px) {
	
	.col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	
	.col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
	
	.col-md-7 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
	
	.button3 {
    font-size: 40%;
    display: inline-block;
    border: solid 1px #ffffff;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 3px;
    font-family: 微軟正黑體;
	font-weight:bold; 
    background-color: #ffffff;
    color: #747474;
    margin-top: 18px;
    margin-left: 0px;
    margin-right: 2px;
    margin-bottom: 2px;
}
	.profile2 {
	width: 60%;
}

	.profile3 {
    margin-top: 20px;
}
	.hero_header {
    color: #711208;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
	font-family: "微軟正黑體";
	font-size: 13px;
		}
.hero_header2 {
    color: #e90202;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-family: "微軟正黑體";
    font-weight: bold;
    font-size: 36px;
    padding-top: 40px;
    padding-bottom: 20px;
}

	hr{
    border: 0;
    height: 2px;
    background:#ffb321;
	width: 90%;
	align: center；
}
	
ul {
    line-height: 28px;
    padding-top: 0px;
    color: #616161;
    font-family: "微軟正黑體";
    font-size: 14px;
    text-align: left;
    list-style-position: outside;
    padding-left: 10%;
}



	p {
	text-align:center;
	font-family: "微軟正黑體";
	font-size: 80%;
	color: #FF8400;
	padding-top: 0px;
    }
	.a-only {
display: none !important;
}		

	.c-only {
display: none !important;
}
	
	
	
	.button4 {
    display: inline-block;
    width: 90%;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-family: 微軟正黑體;
    font-weight: bold;
    background-color: #ffffff;
    color: #747474;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}
	
	.profile5 {		
width: 30%;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
.button {
    width: 100%;
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: bold;
    color: #ffffff;
	font-family: "微軟正黑體";
	font-size: 70%;
	line-height: 15px;
	background:linear-gradient(0deg,#de4c5f,#ef667a );
}
.secondary_header {
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 5px;
}
.secondary_header ul li {
	margin-top: 5px;
	margin-right: 8%;
	margin-bottom: 5px;
	margin-left: 8%;
	width: 28%;
	font-size: 80%;
}
	.ch {
	width: 95%;
    margin-top: 10px;
    margin-right: auto;
	margin-left: auto;
    margin-bottom: 10px;
}
	
.thumbnail {
	width: 100%;
}	

.row2 {
  max-width: 96%; 
}

.secondary_header ul li:hover {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    font-size: 100%;
}	

}
/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
	
		.col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	.col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
		.col-md-7 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
	
	.button3 {
    font-size: 60%;
    display: inline-block;
    border: solid 1px #ffffff;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 3px;
    font-family: 微軟正黑體;
	font-weight:bold; 
    background-color: #ffffff;
    color: #747474;
    margin-top: 18px;
    margin-left: 0px;
    margin-right: 2px;
    margin-bottom: 2px;
}

		.profile3 {
    margin-top: 20px;
}
.profile2 {
	width: 60%;
}		


.hero_header {
    color: #711208;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
	font-family: "微軟正黑體";
	font-size: 13px;
		}
.hero_header2 {
    color: #e90202;
    text-align: center;
    margin: 0;
    letter-spacing: 0px;
    font-family: "微軟正黑體";
    font-weight: bold;
    font-size: 36px;
    padding-top: 40px;
    padding-bottom: 20px;
}

	hr{
    border: 0;
    height: 2px;
    background:#ffb321;
	width: 90%;
	align: center；

}
	
ul {
    line-height: 28px;
    padding-top: 0px;
    color: #616161;
    font-family: "微軟正黑體";
    font-size: 14px;
    text-align: left;
    list-style-position: outside;
    padding-left: 10%;
}
	
   .container {
    width: 90%;;
  }





		p {
	text-align:center;
	font-family: "微軟正黑體";
	font-size: 80%;
	color: #FF8400;
	padding-top: 0px;
    }
	
.a-only {
display: none !important;
}	

	.button4 {
    display: inline-block;
    width: 90%;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-family: 微軟正黑體;
    font-weight: bold;
    background-color: #ffffff;
    color: #747474;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}	
	
.profile5 {		
width: 30%;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
.button {
    width: 100%;
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: bold;
    color: #ffffff;
	font-family: "微軟正黑體";
	font-size: 70%;
	line-height: 15px;
	background:linear-gradient(0deg,#de4c5f,#ef667a );
}
.secondary_header {
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 5px;
}
.secondary_header ul li {
	margin-top: 5px;
	margin-right: 8%;
	margin-bottom: 5px;
	margin-left: 8%;
	width: 28%;
}
	
		.ch {
    width: 95%;
    margin-top: 10px;
    margin-right: auto;
	margin-left: auto;
    margin-bottom: 10px; 
}
	
.thumbnail {
	width: 46%;
}	
	
	.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) {
.profile2 {
	width: 100%;
}



    .container {
    width: 50%;
  }


	.text-center {
	text-align: center !important;}



	hr{
    border: 0;
    height: 2px;
    background:#ffb321;
	width: 90%;
	align: center；
}
	.b-only {
display: none !important;
}
	
	.profile5 {		
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
float:left;
width: 30%;
}
.secondary_header {
	overflow: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.secondary_header ul li {
	margin-top: 5px;
	margin-right: 10%;
	margin-bottom: 5px;
	margin-left: 10%;
	width: 28%;
}	
	
		.ch {
	width: 80%;
        margin-top: 50px;
    margin-right: auto;
	margin-left: auto;
    margin-bottom: 30px; 
}
	
	.col-md-5 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
	


	.col-md-7 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
	
.thumbnail {
	width: 46%;
}	
	
	.container4 {
    width: 80%;
  }
	
.row2 {
  max-width: 70%; 
}	
	
	
	
	
}
	
@media (min-width: 1097px) and (max-width: 4000px) {

.profile2 {
	width: 98%;
}



.container2 {
  width: 40%;
  margin-right: auto;
  margin-left: auto;
}
.container {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
}

	.text-center {
	text-align: center !important;}

	
.b-only {
display: none !important;
}
.profile5 {		
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
float:left;
width: 90%;
}	
	
.secondary_header {
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 12px;
}

	.ch {
    width: 80%;
    margin-top: 10px;
    margin-right: auto;
	margin-left: auto;
    margin-bottom: 10px;
}	
	
.container4 {
  width: 86%;
  margin-right: auto;
  margin-left: auto;
}	
	
	
}