<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("bootstrap.min.css"); /*v.3.3.7*/
@import url("bootstrap-theme.min.css"); /*v.3.3.7*/
@import url("font-awesome.min.css"); /*v.4.7.0*/
@import url("https://fonts.googleapis.com/css?family=Anton");
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
body, h1, h2, h3, h4, h5, h6{
	font-family: "Lato","Noto Sans TC",sans-serif;
}
body{
	color: #333;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 150%;
	overflow-x: hidden;
	text-justify:inter-ideograph;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 150%;
}
a, a:active, a:focus, a:visited{
	color: #333;
}
a:hover{
	color: rgba(0,0,0,.65);
}
a:hover, a:active, a:visited, a:focus{
	text-decoration: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
.text-justify{
	text-justify:inter-ideograph;
}
/*==============================*/
footer{
	background: #ccc;
	/*border-top: #666 1px solid;*/
	padding: 15px 0 20px;
	text-align: center;
}
footer h3,
footer p,
footer ul{
	margin: 0;
	padding: 0;
}
footer h3{
	font-size: 14px;
	margin-bottom: 15px;
}
footer p{
	font-size: 12px;
	margin: 5px 0 0;
	padding: 0;
}
footer ul{
	font-size: 12px;
	line-height: 20px;
	list-style:none;
}
header{
	background: #000;
	color: #fff;
	padding-top: 10px;
}
header a,
header p{
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 100%;
	margin: 0;
	padding: 0;
}
header a:hover{
	color: #fff;
}
header .text-right&gt;a{
	display: inline-block;
	font-size: 12px;
	vertical-align: 1.5px;
}
nav.navbar{
	background: #000;
	border: none;
	border-radius: 0;
	color: rgba(255,255,255,.75);
	min-height: 80px;
	margin: 0;
	padding: 0;
}
nav.navbar a.navbar-brand{
	display: inline-block;
}
nav.navbar br{
	display: none;
}
nav.navbar img{
	width: 75px;
}
nav.navbar li a,
nav.navbar li a:active,
nav.navbar li a:focus,
nav.navbar li a:visited,
nav.navbar li a.active,
nav.navbar li a.active:active,
nav.navbar li a.active:focus,
nav.navbar li a.active:visited{
	background: transparent;
	color: rgba(255,255,255,.75);
	margin: 0;
	text-transform: uppercase;
	width: 100%;
}
nav.navbar li a:hover,
nav.navbar li a.active:hover{
	background: transparent;
	color: rgba(255,255,255,1);
}
nav.navbar .navbar-collapse{
	text-align: center;
}
nav.navbar .nav-lang{
	display: block;
}
nav.navbar .nav-lang.nav-zh{
	display: none;
}
nav.navbar ul{
	display: inline-block;
	float: none;
	margin: 15px 0 0;
	padding: 0;
}
.navbar-header button{
	border-color: #ccc;
	margin-top: 31px;
}
.navbar-header button&gt;span{
	background: #ccc;
}
section.content{
	min-height: calc(100vh - 282px);
	padding: 50px 0;
}
section.content h1,
section.content h1+p{
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
section.content h1{
	font-size: 24px;
}
section.content h1+p{
	margin-bottom: 50px;
}
section.content h1+p&gt;br{
	display: none;
	font-size: 12px;
}
span.sup{
	background: transparent;
	display: inline-block;
	font-size: 12px;
	margin: 0 2.5px;
	vertical-align: super;
}
#gotop{
	bottom: 50px;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 14px;
	position: fixed;
	right: 50px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(0,0,0,.5);
}
#gotop i{
	display: block;
	font-size: 50px;
	height: 40px;
}
@media (min-width: 768px){
	nav.navbar{
		min-height: 95.5px;
		text-align: center;
	}
	nav.navbar a.navbar-brand{
		padding: 0;
	}
	nav.navbar br{
		display: block;
	}
	nav.navbar li{
		display: inline-block;
		float: none;
		margin: 0;
		max-width: 200px;
		padding: 0;
		vertical-align: middle;
	}
	nav.navbar li a,
	nav.navbar li a:active,
	nav.navbar li a:focus,
	nav.navbar li a:visited,
	nav.navbar li a.active,
	nav.navbar li a.active:active,
	nav.navbar li a.active:focus,
	nav.navbar li a.active:visited{
		font-size: 14px;
		margin: 0;
		padding: 0 10px;
		width: 100px;
	}
	nav.navbar li a{
		position: relative;
	}
	nav.navbar li a:hover{
		color: #e60012;
	}
	nav.navbar li+li{
		position: relative;
	}
	nav.navbar li+li:before{
		border-left: #fff 2px solid;
		content: "";
		display: inline-block;
		height: 40px;
		left: -3px;
		position: absolute;
		top: calc(50% - 20px);
		width: 0;
	}
/* 	nav.navbar .nav-lang.nav-en{
		opacity: 1;
		transition: opacity .5s ease;
	}
	nav.navbar .nav-lang.nav-zh{
		display: block;
		left: 0;
		opacity: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: calc(50% - 10px);
		transition: opacity .5s ease;
		white-space: nowrap;
	}
	nav.navbar li:hover .nav-lang.nav-en{
		opacity: 0;
	}
	nav.navbar li:hover .nav-lang.nav-zh{
		opacity: 1;
	} */
	section.content{
		padding: 100px 0;
	}
}
@media (min-width: 992px){
	nav.navbar li a,
	nav.navbar li a:active,
	nav.navbar li a:focus,
	nav.navbar li a:visited,
	nav.navbar li a.active,
	nav.navbar li a.active:active,
	nav.navbar li a.active:focus,
	nav.navbar li a.active:visited{
		/*padding: 0 30px;*/
		width: 120px;
	}
}
@media (min-width: 1200px){
	nav.navbar li a,
	nav.navbar li a:active,
	nav.navbar li a:focus,
	nav.navbar li a:visited,
	nav.navbar li a.active,
	nav.navbar li a.active:active,
	nav.navbar li a.active:focus,
	nav.navbar li a.active:visited{
		/*padding: 0 40px;*/
		width: 150px;
	}
}</pre></body></html>