/* CSS Document */

.marquee {
    height: 30px;
    width: 100%; /* the plugin works for responsive layouts so width is not necessary */
    overflow: hidden;
    white-space: nowrap; 
}
.separator {
	background-image: linear-gradient(to right, #fff 0%, #D0E3EF 50%, #fff 100%);	
}
.separator1 {
	background-image: linear-gradient(to right, #fff 0%, #88C64B 50%, #fff 100%);	
}
.separator2 {
	background-image: linear-gradient(to right, #fff 0%, #FFF085 50%, #fff 100%);	
}
.separator3 {
	background-image: linear-gradient(to right, #fff 0%, #BABADA 50%, #fff 100%);	
}
.separator4 {
	background-image: linear-gradient(to right, #fff 0%, #FF7F9C 50%, #fff 100%);	
}

.Title1 {
	font-family: "Noto Serif TC", serif;
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1em;
	color: #606060;
}
.Title2 {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	color: black;
}
.Title3 {
	color: #909090;
	font-size: 1.2em;
}
.nav-button {
	background-color: #CEE2EE;
	color: #606060;
	font-size: 1.2em;
}
.nav-button:hover {
	background-color: #A51717;
	color: #FFF;
	font-size: 1.2em;
}