<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*版面外框style */
/*---------------------------------
	IMPORTS
-----------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,600'); /* font-family: 'Oswald', sans-serif; */

@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); /* font-family: 'Noto Sans TC', sans-serif; */


body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "微軟正黑體" , 'Noto Sans TC';
	font-size:15px;
	font-style: normal;
	line-height: 150%;
	
	background: url(../bg01-2.jpg) no-repeat center top;
}

/*其他字型鑲入範例*/

/* 
@font-face{
	font-family:"思源黑體 TWHK Regular";
	src:url(../../SourceHanSansTWHK-Regular.otf);
 	src: local("思源黑體 TWHK Regular"), 
		local("思源黑體 TWHK"), 
		url("SourceHanSansTWHK-Regular.otf") format('opentype'),;
 }
 
*/

.clear01 {
}
.clear01::after {
	content: "";
	display: block;
	clear: both;
}

a, a:visited{
	color:#595757;
	text-decoration:none;}

	
a:hover{
	text-decoration:none;
	color:#a80a0a;
}
.box100{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 15px;
}
#nav {
	float:right;
	clear: right;
	margin-top: 20px;
}

#link-top{
	position: absolute;
	top:10px;
	right:10px;
	*right:25px;/*IE 7 ONLY*/
	left:auto;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
/*編輯器統一樣式*/

.edit strong {
  font-weight: bold;
}

.edit em{
    font-style: italic;
}

.edit hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.edit h1, h2, h3, h4, h5, h6 
 { 
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.edit h1, h2, h3
{
  margin-top: 20px;
  margin-bottom: 10px;
}
.edit h4, h5, h6
 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.edit h1 {
  font-size: 36px;
}
.edit h2 {
  font-size: 30px;
}
.edit h3 {
  font-size: 24px;
}
.edit h4 {
  font-size: 18px;
}
.edit h5{
  font-size: 14px;
}
.edit h6{
  font-size: 12px;
}
.edit p {
  margin: 0 0 15px;
}
.edit ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
}

.edit ul{
    padding-left: 15px;
    list-style-type: disc;
}
.edit ol{
    padding-left: 15px;
    list-style-type: decimal;
}
.edit li{
    margin-bottom: 10px;
}

.edit sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.edit sup {
  top: -.5em;
}
.edit sub {
  bottom: -.25em;
}
.edit address {
    margin-bottom: 20px;
    font-style: italic;
    line-height: 1.42857;
}

/*文字輸入框統一樣式*/
.text{
	border:1px solid #BBB;
	background: #DFDFDF;
	color: #666;
	font: 12px Verdana, Geneva, sans-serif;
	  }

/* 版面layout */
.wrapper {
	width: 1150px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#header {
	width: 100%;
	padding: 30px 40px 25px;
	box-sizing: border-box;
}
#logo {
	float: left;
	margin: 5px 10px 0 0;
}


#content {
	padding:0 50px;
	display: flex;
}
#footer_bg {
	background: url(../bg04.jpg) no-repeat left top, #9d1010;
	background-size: auto 100% , auto;
}
#footer {
	width: 1150px;
	margin: 0 auto;
	padding: 35px;
	color: #fff;
	box-sizing: border-box;
	background: url(../bg03.jpg) no-repeat center top;
	background-size: auto 100%;
	
	display: flex;
}

#footer a{
	color: #fff;
	text-decoration: underline;
}

#footer a:hover{
	color: #fffcb0;
}



#footer .info{
	width: 552px;
}

#footer .info h3{
	margin: 0 0 20px;
}

#footer .info p{
	font-size: 14px;
	margin-bottom: 6px;
}

#footer .links{
	display: flex;
}

#footer .links ul:not(:last-of-type){
	margin-right: 60px;
}

#footer .links ul li{
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 8px;
}




table{
	width: 100%;
	border-collapse: collapse;
}
table tr th,
table tr td{
	padding: 6px 10px;
	border: 1px solid #e1e1e1;
}
table tr:nth-of-type(odd){
	background: #f7f7f7;
}



#topnav *{
	box-sizing: border-box;
}

#topnav {
	float: right;
	padding: 5px 0;
}

#topnav ul{
	display:flex;
	justify-content: flex-end;
}

#topnav ul li{
	font-size: 12px;	
	letter-spacing: 1px;
	margin: 0 0 0 5px;
}

#topnav A:link, #topnav A:visited {
	display: block;
	padding:2px ;
	color:#fffcb0;
	text-decoration:none;
}

#topnav A:hover {
	color:#fff;
	font-weight: normal;
}

#topnav ul li:nth-of-type(5) a, 
#topnav ul li:nth-of-type(6) a{
	padding:1px 10px ;
	background: #bd2121;
	border: #d34646 solid 1px;
}
#topnav ul li:nth-of-type(7) a{
    color: #fff;
    padding:1px 10px ;
	border: rgb(82, 82, 82) solid 1px;
    background: #2b2b2b;
    text-transform: uppercase;
}

#topnav select {
    display:block;
    width: auto;
    margin: 0;
	color: #9d1010;
    line-height: 100%;
    padding: 4px;
	vertical-align: top;
	border: none;
    font-size: 11px;
}


#copyright{
	padding: 10px 0;
	font-size: 11px;
	text-align: right;
	color:#fffcb0;
	background: #000000;
}
#copyright A:link, #copyright A:visited {
	color:#fffcb0;
	text-decoration:none;
}
 
#copyright A:hover {
	color:#fff;
	font-weight: normal;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.center{
	text-align: center;
}

#indexswf {
	width: 100%;
	height: 469px;
	margin-bottom: 50px;
	box-shadow: 5px 5px 15px -7px rgba(0,0,0,0.15);
	background-repeat: no-repeat;
}
/* 首頁news */



#indexnews {
	width: 638px;
	margin-right: 58px;
}
#indexnews h1 {
	margin-top: 10px;
	margin-bottom: 15px;
}
.marquee{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	height: 320px;
	overflow: hidden;
}

.marquee li {
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #0679E6;
	border-bottom: 1px solid #DDDDDD;
	padding: 15px 0;
}

.marquee li *{
	box-sizing: border-box;
}

.marquee li a{
	display: flex;
	align-items: center;
}

.marquee li a .date{
	margin-right: 18px;
}

.marquee li a .category{
	margin-right: 18px;
}

.marquee li a .category span{
	display: block;
	color: #fff;
	font-size: 12px;
	padding: 1px 15px;
	white-space: nowrap;
}






.quick_link{
	width: 344px;
	margin-top: 10px;
}

.quick_link h3{
}

.quick_link ul{
}

.quick_link ul *{
	box-sizing: border-box;
}

.quick_link ul li{
	margin-bottom: 6px;
}

.quick_link ul li a{
	height: 53px;
	display: flex;
	align-items: center;
	color: #fff;
	padding: 0 50px 0 15px;
	background: url(../index_03.jpg) no-repeat left top;
}

.quick_link ul li a:hover{
	background: url(../index_04.jpg) no-repeat left top;
}









/* 首頁產品 */


#indexproduct_box {
	min-height: 325px;
	padding-top: 120px;
	background:url(../bg02.jpg) no-repeat center top;
	background-size: auto 100%;
	box-sizing: border-box;
}


#load {
	BACKGROUND-IMAGE: url(../loading.gif);
	TEXT-INDENT: -9999px;
	WIDTH: 991px;
	DISPLAY: none;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center 50%;
	HEIGHT: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#indexproduct {
	width: 1105px;
	height: 173px;
	POSITION: relative;
	overflow: hidden;
	margin: 0 auto;
	
}
#indexproduct .button {
	POSITION: absolute;
	WIDTH: 991px;
	TOP: 72px;
	LEFT: 0px
}
#indexproduct .prev {
	TEXT-INDENT: -9999px;
	WIDTH: 20px;
	DISPLAY: block;
	FLOAT: left;
	HEIGHT: 48px;
	background-image: url(../indexpro_left.png);
	background-position: center top;
	margin-top: 50px;
}
#indexproduct .next {
	TEXT-INDENT: -9999px;
	WIDTH: 20px;
	DISPLAY: block;
	FLOAT: right;
	HEIGHT: 48px;
	background-image: url(../indexpro_right.png);
	background-position: center top;
	margin-top: 50px;
}
#indexproduct .prev:hover {
		opacity: 0.8;                 /* 透明度60% FireFox 的寫法 */
   filter: Alpha(Opacity=80); 
}
#indexproduct .next:hover {
		opacity: 0.8;                 /* 透明度60% FireFox 的寫法 */
   filter: Alpha(Opacity=80); 
}
.indexproductul {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	WIDTH: 2800px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	PADDING-TOP: 0px;
	LEFT: 0px
}
.indexproductul li{
	WIDTH: 180px;
	FLOAT: left;
	HEIGHT: 135px;
	OVERFLOW: hidden;
	text-align: center;
	border: #fff solid 5px;
	margin: 0 11px;
}
.indexproductul li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.indexproductul li a{
	color: #666;
}
.indexproductul li A:hover {

	opacity: 0.8;                 /* 透明度60% FireFox 的寫法 */
   filter: Alpha(Opacity=80);   /* 透明度60% IE 的寫法 */ 
}
.indexproductul li .title{
	font-size: 13px;
	line-height: 20px;
	color: #0033CC;
	font-weight: bold;
	background-image: url(../icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	float: left;
	text-align: left;
}
.indexproduct01 {
	width: 180px;
	height: 135px;	
	text-align : center;
}


.indexproduct01 img {
  vertical-align : middle;
}

#botton-scroll {
	Z-INDEX: 0;
	WIDTH: 655px;
	FLOAT: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#block {
	Z-INDEX: 0;
	POSITION: relative;
	WIDTH: 655px;
	HEIGHT: 173px;
	FONT-SIZE: 70%;
	OVERFLOW: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}


/* 內頁 */

.fleft{ float:left;}
.fright{ float:right;}

.m0 { margin: 0 !important;}
.mtop5 { margin-top: 5px;}
.mtop10 { margin-top: 10px;}
.mtop15 { margin-top: 15px;}
.mtop20 { margin-top: 20px;}
.mtop25 { margin-top: 25px;}
.mtop30 { margin-top: 30px;}
.mtop40 { margin-top: 40px;}
.mtop50 { margin-top: 50px;}
.mtop70 { margin-top: 70px;}
.mtop100 { margin-top: 100px !important;}
.mtop106 { margin-top: 106px !important;}
.mtop130 { margin-top: 130px !important;}
.mbottom0 { margin-bottom: 0 !important;}
.mbottom5 { margin-bottom: 5px !important;}
.mbottom10 { margin-bottom: 10px !important;}
.mbottom15 { margin-bottom: 15px !important;}
.mbottom20 { margin-bottom: 20px !important;}
.mbottom25 { margin-bottom: 25px !important;}
.mbottom30 { margin-bottom: 30px !important;}
.mbottom35 { margin-bottom: 35px !important;}
.mbottom40 { margin-bottom: 40px !important;}
.mbottom50 { margin-bottom: 50px !important;}
.mbottom60 { margin-bottom: 60px !important;}
.mbottom70 { margin-bottom: 70px !important;}
.mbottom80 { margin-bottom: 80px !important;}
.mbottom90 { margin-bottom: 90px !important;}
.mbottom100 { margin-bottom: 100px !important;}
.mleft5 { margin-left: 5px;}
.mleft10 { margin-left: 10px;}
.mleft15 { margin-left: 15px;}
.mleft20 { margin-left: 20px;}
.mleft30 { margin-left: 30px;}
.mleft50 { margin-left: 50px;}
.mleft60 { margin-left: 60px;}
.mleft65 { margin-left: 65px;}
.mleft80 { margin-left: 80px;}
.mleft85 { margin-left: 85px;}
.mleft90 { margin-left: 90px;}
.mleft160 { margin-left: 160px;}
.mleft240 { margin-left: 240px;}
.mright5 { margin-right: 5px;}
.mright10 { margin-right: 10px;}
.mright15 { margin-right: 15px;}
.mright25 { margin-right: 25px;}
.mright30 { margin-right: 30px;}
.mright40 { margin-right: 40px;}
.mright50 { margin-right: 50px;}
.mright60 { margin-right: 60px;}
.mright70 { margin-right: 70px;}
.mright80 { margin-right: 80px;}

.rightpic {
	padding: 2px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.lefttpic {
	padding: 2px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.back{
	text-align: center;
	margin: 40px 0 0;
}

.back a{
	display: inline-block;
	padding: 8px 20px;
	color: #fff;
	background:#9e100f;
	border-radius: 3px;
}

.back a:hover{
	background: #6f0303;
}


.pageswf {
	height: 253px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: #fff solid 5px;
	box-sizing: border-box;
	margin-bottom: 20px;
	box-shadow: 0 5px 20px -5px rgba(0,0,0,0.3);
}

.pageswf h3{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 25px 60px;
	text-align: center;
	margin: 0;
	background: url(../swfbg_01.png) no-repeat left top, url(../swfbg_02.png) no-repeat right bottom;
}


.swf01{
	background: url(../pageswf_01.jpg) no-repeat center top;
	background-size: cover;
}

.swf02{
	background: url(../pageswf_02.jpg) no-repeat center top;
	background-size: cover;
}

.swf03{
	background: url(../pageswf_03.jpg) no-repeat center top;
	background-size: cover;
}

.swf04{
	background: url(../pageswf_04.jpg) no-repeat center top;
	background-size: cover;
}

.swf05{
	background: url(../pageswf_05.jpg) no-repeat center top;
	background-size: cover;
}

.swf06{
	background: url(../pageswf_06.jpg) no-repeat center top;
	background-size: cover;
}

.swf07{
	background: url(../pageswf_07.jpg) no-repeat center top;
	background-size: cover;
}

.swf08{
	background: url(../pageswf_08.jpg) no-repeat center top;
	background-size: cover;
}

.swf09{
	background: url(../pageswf_09.jpg) no-repeat center top;
	background-size: cover;
}

.swf10{
	background: url(../pageswf_10.jpg) no-repeat center top;
	background-size: cover;
}




.cookie{
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}

.cookie li{
	padding: 5px 8px 5px 0;
	font-size: 13px;
}

.cookie li::after{
	content: "&gt;";
	display: inline-block;
	margin-left: 8px;
}

.cookie li:last-of-type::after{
	display: none;
}




.pagetitle{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	background: url(../pagetitlebg.png) repeat-x left 10px;
}

.pagetitle h3{
	font-family: "微軟正黑體";
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-size: 25px;
	background: #fff;
	margin: 0;
	padding: 0 6px;
}

.pagetitle h3 .en{
	display: block;
	font-family: 'Oswald', sans-serif;
	letter-spacing: normal;
	color: #adadad;
	font-size: 14px;	
	text-transform: uppercase;
	margin-top: 8px;
}



.in_content{
	padding-bottom: 80px;
	
}

.in_content *{
	box-sizing: border-box;
}




/*---------內頁左選單*/	
#sidebarbox{
	float: left;
	width: 220px;
	
}
#sidebar_title{
	height: 50px;
	width: 100%;
	top: 128px;
	font-family: "微軟正黑體";
	font-size: 22px;
	color: #666;
	font-weight: bold;
	line-height: 28px;
}
#sidebar_title .en{
	font-size: 13px;
	color: #026958;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 18px;
	font-weight: normal;
}
ul#sidebar {
	list-style-type: none;
	margin: 0;
	float: right;
	width: 100%;
}
#sidebar ul ul {
	list-style-type: none;
	margin: 0;

}
ul#sidebar a {
  display: block;
  text-decoration: none;	
}

ul#sidebar li {
  margin-top: 1px;
}


ul#sidebar li a {
	color: #333;
	padding: 4px 5px 4px 17px;	
	border-bottom:#CCC dotted 1px;
	background: url(../dot.png) no-repeat 4px 12px;
}
ul#sidebar li a:hover {
	border-bottom:#3B9B8F solid 1px;
}


ul#sidebar li ul li a {
	color: #026958;
	padding-left: 20px;
	border-bottom:#CCC solid 1px;
	background: url(../sidebar_bg.jpg);
}

ul#sidebar li ul li a:hover {
	padding-left: 20px;
	border-bottom:#CCC solid 1px;
	color: #333333;
	background: #F0F0F0;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
/*--------------------------------------------------------------------------------頁數樣式*/	
.pagenum {
	TEXT-ALIGN: center;
}
.pagenum A {
	BORDER: #ddd 1px solid;
	PADDING: 4px 9px;	
	COLOR: #999;
	MARGIN-RIGHT: 5px;	
	TEXT-DECORATION: none;
	background: #FFF;
}
.pagenum A:hover {
	COLOR: #FFF;
	text-decoration: none;
	background: #9e100f;
	border: 1px solid #FFF;
}
.pagenum A:active {
	COLOR: #666;
	background: #CCC;
	border: 1px solid #FFF;
}
.pagenum SPAN.current {
	PADDING:4px 9px;	
	FONT-WEIGHT: bold;
	COLOR: #fff;
	MARGIN-RIGHT: 5px;
	border: 1px solid #9e100f;
	background: #9e100f;
}
.pagenum SPAN.disabled {
	BORDER: #CCC 1px solid;
	PADDING: 4px 9px;
	COLOR: #FFF;
	MARGIN-RIGHT: 5px;
	background: #CCC;
}
/* 所有文字樣式 */

.green15px {
	font-family: Verdana;
	font-size: 15px;
	line-height: 22px;
	color: #508a01;
	font-weight: bold;
}
.greenlink A:link, .greenlink A:visited  {color:#62ac02;text-decoration:underline}

.greenlink A:hover {color:#2e7d3a;text-decoration:none}


.white12px {
	color: #FFF;
	font: bold 12px/17px Verdana;	
}
.red12px {
	font-family: "Verdana";
	font-size: 12px;
	line-height: 17px;
	color: #C41A1B;
	font-weight: bold;
}
.darkgray12px {
	font-family: "Verdana";
	font-size: 12px;
	line-height: 20px;
	color: #3d3d3d;
}
.gray12px {
	font-family: "Verdana";
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}
.graylink A:link, .graylink A:visited  {
	color:#666;
	text-decoration:none
}

.graylink A:hover {
	color:#C41A1B;
	text-decoration:underline
}
.brown11px {
	font-family: "Verdana";
	font-size: 11px;
	line-height: 20px;
	color: #8C6732;
}










.enewslist{
	margin: 15px 0 80px;
	padding: 0;
	list-style: none;

	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}
.enewslist li{}
.enewslist li a{
	display: block;	
}
.enewslist li h2{
	margin-top: 10px;
}
.enewslist li img{
	width: 100%;
	max-width: 100%;
	aspect-ratio: 2/1.2;
	object-fit: cover;
	border: #333 solid 6px;
}




img{
	max-width: 100%;
}
.news_album{
	margin: 0;
	padding: 0;
	list-style: none;

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;

}

.news_album li a{
	display: block;
}
.news_album li .pic{
	margin-bottom: 10px;
}
.news_album li img{
	width: 100%;
	aspect-ratio: 2/1.5;
	object-fit: cover;
}
.news_album li p{
	text-align: center;
}














</pre></body></html>