<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*jssor slider loading skin double-tail-spin css*/
.jssorl-004-double-tail-spin img {
	animation-name: jssorl-004-double-tail-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
	from {transform: rotate(0deg)}
	to {transform: rotate(360deg)}
}

/*container*/
section.container-fluid {padding-right: 0; padding-left: 0}
section.container {background: #fff; margin: auto}

div.Title {border-right: 1px solid #d70c19; padding-right: 2rem;}

h2.Title {
	font-size: 3rem;
	font-weight: 200;
	line-height: 5rem;
	margin-bottom: 0
}
div.intro {padding-left: 2rem}
div.intro&gt;p {font-size: 300; text-align: justify; margin-bottom: 0}

/*products*/
dl.products, dl.products&gt;dd {margin-bottom: 0}
dl.products&gt;dd&gt;figure {position: relative; margin-bottom: 0; padding-bottom: 19vh}
dl.products&gt;dd&gt;figure&gt;figcaption {
	width: 100%;
	height: 100%;
	background: rgba(45, 85, 188, 0.76);
	text-align: center;
	margin-bottom: 0;
	padding-top: 30vh;
	position: absolute;
	top: 0;
	display: none
}
dl.products&gt;dd&gt;figure&gt;figcaption&gt;span {
	border: 1px solid #fff;
	border-radius: .5rem;
	color: #fff;
	padding: .85rem 3.5rem
}
dl.products&gt;dd&gt;figure:hover&gt;figcaption {display: block}

dl.products&gt;dd&gt;figure&gt;h3 {
	/*background: url(../images/bg-title-prod.gif) 50% bottom repeat-x;*/
	font-size: 2vw;
	font-weight: 300;
	text-align: center
}
dl.products&gt;dd&gt;figure&gt;h3&gt;span {border-bottom: 1px solid rgba(45, 85, 188, 1)}

/*project*/
dl.project, dl.project&gt;dd {margin-bottom: 0}
dl.project&gt;dd {text-align: center}
dl.project&gt;dd&gt;h2 {
	border-bottom: 1px solid #d70c19;
	font-size: 3.5rem;
	font-weight: 200;
	text-align: center;
	line-height: 4rem;
	margin-bottom: 0
}
dl.project&gt;dd&gt;p {
	text-align: justify;
	/*多行文字限制*/
	display: -webkit-box;  
	overflow:hidden;
	text-overflow : ellipsis;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}
dl.project&gt;dd&gt;button {padding: .75rem 3.5rem}
dl.project&gt;dd&gt;button&gt;i {color: #d70c19}
dl.project&gt;dd:nth-of-type(1) {background: #eee}
dl.project&gt;dd&gt;figure {position: relative; margin-bottom: 0}
dl.project&gt;dd&gt;figure&gt;figcaption {
	width: 100%;
	height: 100%;
	background: rgba(215, 12, 25, 0.85);
	text-align: center;
	margin-bottom: 0;
	padding-top: 11vw;
	position: absolute;
	top: 0;
	display: none
}
dl.project&gt;dd&gt;figure&gt;figcaption&gt;span {font-size: 2vw; font-weight: 300; color: #fff}
dl.project&gt;dd&gt;figure:hover&gt;figcaption {display: block}

/*about*/
section.about {
	height: 60vw;
	background: url(../images/bg-ind-lg-about.jpg) 50% top no-repeat;
	background-size: 100%;
	position: relative
}
div.aboutIntro {
	width: 20vw;
	font-weight: 300;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 8vw;
    right: 6vw
}
div.aboutIntro&gt;p {text-align: justify}
div.aboutIntro&gt;img {margin-bottom: 1.5rem}
div.aboutIntro&gt;button {
	width: 18vw;
	border: 1px solid #fff;
	font-size: 1.25rem;
	font-weight: 200;
	color: #fff;
}
div.aboutIntro&gt;button:hover {
	background: rgba(0, 0, 0, .55);
	text-shadow: rgba(0, 0, 0, 0.86) 1px 1px 3px
}

/*news*/
section.news h2 {text-align: center; margin-bottom: 6rem}
dl.newsList {background: #eee}
dl.newsList&gt;dd, dl.newsList&gt;dd&gt;p {margin-bottom: 0}
dl.newsList&gt;dd&gt;h3 {
	font-weight: 300;
	margin-bottom: 1.5rem;
	/*單行文字限制*/
	overflow:hidden;
	text-overflow : ellipsis;
	white-space : nowrap
}
dl.newsList&gt;dd&gt;p {
	font-weight: 300;
	/*多行文字限制*/
	display: -webkit-box;  
	overflow:hidden;
	text-overflow : ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}
dl.newsList&gt;dd:nth-of-type(2) {border-right: 1px solid #d70c19}
dl.newsList&gt;dd:nth-of-type(2) p {
	text-align: center;
	margin-bottom: 0
}
dl.newsList&gt;dd:nth-of-type(2) p:nth-of-type(1) {
	font-size: 7rem;
	font-weight: 200;
	color: #285bc7;
	letter-spacing: 0;
	line-height: 7rem
}
dl.newsList&gt;dd:nth-of-type(2) p:nth-of-type(2) {
	font-size: 1.65rem;
	line-height: 1.5rem
}</pre></body></html>