:root {
	--this-yellow: #FFD91D ;
	--dark-green: #547031 ;
	--middle-green: #579B34 ; 
	--light-green: #9CAC64 ; 
	--lightest-green: #B2C082 ;
	--red: #FF0000;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track-piece {
	
}

::-webkit-scrollbar-track {
	background-color: #EEEEEE ;
	box-shadow: inset 0 0 5px #EEEEEE; 
	border-radius: 5px;
}
 
::-webkit-scrollbar-thumb {
  background: #FFFFFF; 
  border-radius: 10px;
  border: 1px #b1bf82 solid ;
  width: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #000000; 
}

@keyframes lighttext {
	from {
		background-position: center 0% ; 
	}
	to {
		background-position: center 100% ; 
	}
}

.banner-subtitle{
	background-image: url('../images/light-subtext.png') ;
	/* background: linear-gradient(217deg, var(--light-green) 35%, #eee 40%, var(--light-green) 45%); */
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	animation-name: lighttext;
    animation-duration:2s;
	animation-iteration-count:infinite;
}

.banner-title{
	background-image: url('../images/light-text.png') ;
	/* background: linear-gradient(217deg, var(--light-green) 35%, #eee 40%, var(--light-green) 45%); */
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	animation-name: lighttext;
    animation-duration:2s;
	animation-iteration-count:infinite;
}

span.red {
	color: var(--red); 
}

span.middle-green, label.middle-green {
	color: var(--middle-green) ;
}

span.dark-green, h6.dark-green, label.dark-green {
	color: var(--dark-green) ; 
	font-weight: bold;
}

span.light-green, label.light-green, i.light-green, svg.light-green {
	color: var(--light-green) ;
}

span.white {
	color: white ;
}

span.cycle-border {
	border: var(--light-green) 1px solid;
	padding: 3px;
	border-radius:50%;
}

* {
	font-family: Microsoft JhengHei;
}

.copyright { padding-top: 10px;text-align: center; font-size: 14px; }
.copyright a { display: inline-block; line-height: 10px; }
.copyright a img { height: 10px; }



.self-center { 
	 display: block; 
	 margin-left: auto; 
	 margin-right: auto; 
	 text-align: center;
}

.dot {
	background-color: var(--light-green);
	border-radius:50%;
	width: 15px;
	height: 15px;
	
}
	.under-line-tpxx {
		font-weight: bold ;
		text-decoration: underline var(--lightest-green) ;
	}
	
	.under-line-tpx {
		border-bottom: 4px var(--light-green) solid ;
		padding-bottom: 10px;
		font-weight: bold;
	}
	
	.under-line-fpx {
		border-bottom: 2px var(--light-green) solid ;
		padding-bottom: 5px;
	}
	
	@media (min-width: 1279px) and (max-width: 1500px ) {
		.health-logo-container{
			/* display: none;*/
		}
	}