@charset "utf-8";
/*版面外框style */
/*---------------------------------
	IMPORTS
-----------------------------------*/



body {
	min-width:1100px;
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial, Calibri , "微軟正黑體" ;
	font-size:14px;
	font-style: normal;
	line-height: 170%;
	background:#efefef;
}

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

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

.fleft{
	float:left;
}


@media (min-width:768px){
	.mobile_part{
		display: none;
	}
}

@media (max-width:767px){
	.pc_part{
		display: none;
	}
}


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

	
a:hover{
	text-decoration: none;
	color: #5397BB;
}
.box100{
	width: 100%;
	text-align: center;
	margin:30px 0;
}
#nav {
	width:1040px;
	margin:0 auto;
}

#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: 16px;
}
.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;
}

table{
	width: 100%;
	border-collapse: collapse;
}
table thead{}
table tbody{}
table tr{}
table tr th{
	border: 1px solid #999;
}
table tr td{
	border: 1px solid #999;
}


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

/* 版面layout */
#wrapper {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	min-width: 100%;
	position:absolute;
	top:0;
	padding-top:4px;
	background:url(../bg01.jpg) repeat-x left top , url(../bg02.png) repeat-x left 74px;
	z-index:100;
}

#header::after {
	content:"";
	display:block;
	clear:both;
}

#logo {
	width: 271px;
	height: 49px;
	float: left;
	margin: 13px 10px 8px;
}


#content {
	float: left;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
	background: #FFF;
}
#footer_bg {

}

#footer_bg::after {
	content:"";
	display:block;
	clear:both;
}

#footer {
	width:1100px;
	margin:0 auto;
	padding:25px 0 10px;
	margin-bottom:30px;
	color:#5e5e5e;
	font-size:13px;
	border-top:#999 dashed 1px;
	background:url(../logo02.png) no-repeat left 25px;
}

#footer::after {
	content:"";
	display:block;
	clear:both;
}

#footer h1{
	float:left;
	margin-left:170px;
	margin-right:20px;
	line-height:18px;
	padding:0 20px;
	border-left:#CCC solid 1px;
}

#footer dl{
	float:left;
	margin:0 10px;
	text-align:center;
}

#footer dl dt{
	width:100%;
	line-height:13px;
	margin-bottom:5px;
}

#footer dl dd{
	width:100%;
	line-height:18px;

}








#topnav {
	float: right;
	padding-top: 23px;
}

#topnav > ul{
}

#topnav > ul::after{
	content:"";
	display:block;
	clear:both;
}

#topnav > ul > li{
	float:left;
	margin-right:20px;
}

#topnav > ul > li:nth-of-type(1){
	padding:4px 0 0 25px;
	background:url(../icon10.png) no-repeat left center;
}
#topnav > ul > li:nth-of-type(2){
	padding:4px 0 0 25px;
	background:url(../line.svg) no-repeat left center;
	background-size: 17px auto;
}
#topnav > ul > li:nth-of-type(3){
	padding:4px 0 0 25px;
	background:url(../icon12.png) no-repeat left center;
}



.search{
	border-bottom:#666 solid 1px;
}

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

.search dt{
	float:left;
}

.search dt input{
	width:120px;
	border:none;
	color:#999;
	font-size:12px;
}

.search dd{
	float:left;
	padding-top:2px;
}

#topnav A:link, #topnav A:visited {
	color:#333;
	text-decoration:none;
}

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















#copyright{
	width:100%;
	padding:15px 0;
	text-align:center;
	font-size:12px;
	color:#c6c6c6;
	background:#2c2c2c;
}
#copyright img{
	width:28px;
}
#copyright A:link, #copyright A:visited {
	color:#c6c6c6;
	text-decoration:none;
}
#copyright p{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 4px;
	color: #eee;
} 
 
#copyright A:hover {
	color:#039;
	font-weight: normal;
}
.align-left {
	float: left;
}
.align-right {
	float: right;
}
.center{
	text-align: center;
}

#indexswf {
	width: 100%;
	height: 513px;
	margin-top: 75px;
	background-repeat: no-repeat;
}


/* 首頁產品 */

.indexproduct{ }

.indexproduct ul{
	margin:40px 0 35px 0;
}

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

.indexproduct ul li{
	width:198px;
	float:left;
	position:relative;
	margin-right:5px;
	text-align:center;
	border-radius:4px;
	overflow:hidden;
	
	
}

.indexproduct ul li:nth-of-type(1){
	background:url(../index_01.jpg) no-repeat;
	background-size:cover;
	
}

.indexproduct ul li:nth-of-type(2){
	background:url(../index_02.jpg) no-repeat;
	background-size:cover;
}

.indexproduct ul li:nth-of-type(3){
	background:url(../index_03.jpg) no-repeat;
	background-size:cover;
}

.indexproduct ul li:nth-of-type(4){
	background:url(../index_04.jpg) no-repeat;
	background-size:cover;
	margin-right:0;
}

.indexproduct ul li .more{
	width:21px;
	height:21px;
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-10px;
	background:url(../icon03.png) no-repeat;
	z-index:650;	
}

.indexproduct ul li:hover .more{
	background:url(../icon03.png) no-repeat;
}


/* 內頁 */

.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;}
.mright20 { margin-right: 20px;}
.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;
}
.lefttpic {
	padding: 2px;
	float: left;
}

.swfbottom{
	width:100%;
	position:absolute;
	bottom:0;
	background:rgba(255,255,255,0.7);
	z-index:50;
}
.swfbottom::after{
	content:"";
	display:block;
	clear:both;
}

#pageswf01 {
	width: 100%;
	height: 221px;
	position: relative;
	margin-top: 70px;
	background: url(../page_swf.jpg) no-repeat center top;
}

#pageswf02 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf02.jpg) no-repeat center top;
}

#pageswf03 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf03.jpg) no-repeat center top;
}

#pageswf04 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf04.jpg) no-repeat center top;
}

#pageswf05 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf05.jpg) no-repeat center top;
}

#pageswf06 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf06.jpg) no-repeat center top;
}

#pageswf07 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf07.jpg) no-repeat center top;
}

#pageswf08 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf08.jpg) no-repeat center top;
}

#pageswf09 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf09.jpg) no-repeat center top;
}

#pageswf10 {
	width: 100%;
	height: 221px;
	position:relative;
	margin-top:70px;
	background: url(../page_swf10.jpg) no-repeat center top;
}



#pagecontent {
	float: right;
	width: 810px;
	margin-right:30px;
}
#pagecontent_title {
	margin:40px 0 20px;
	background:url(../line01.jpg) repeat-x right center;
	overflow:hidden;
}

#pagecontent_title h1{
	float:left;
	font-size:18px;
	line-height:18px;
	padding:0 15px 0 10px;
	background:#efefef;
	border-left:#333 solid 5px;
}

.sidebarbg{
	background:url(../sidebar_bg.jpg) repeat-y 30px top;
}


#in_content{
	width:100%;
	padding-top:10px;
	padding-bottom: 20px;
	
}

#search {
	background: url(../search.jpg) no-repeat;
	height: 45px;
	width: 200px;
	padding-top: 35px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}




/*---------內頁左選單*/	
#sidebarbox{
	float: left;
	width: 190px;
	margin-left: 30px;
	padding-bottom: 50px;
	
}
#sidebar_title{
	width: 90%;
	height:105px;
	padding:0 5% 0;
	font-size:0;
	font-weight:400;
	text-align:center;
	font-family:'Mitr' , "微軟正黑體";
	background: url(../sidebar_02.png) no-repeat center 92px , url(../sidebar_01.jpg) no-repeat;
}

#sidebar_title::before{
	content:"";
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

#sidebar_title p{
	font-size:20px;
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
	font-weight:bold;
}


ul#sidebar {
	list-style-type: none;
	margin: 0 20px;
}
#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:#618f01;
	padding: 4px 5px 4px 13px;	
	border-bottom:#CCC dotted 1px;
	background:url(../icon05.png) no-repeat left 10px;
}
ul#sidebar li a:hover {
	border-bottom:#666 solid 1px;
}


ul#sidebar li ul li a {
	color:#8E8E8E;
	padding-left:13px;
	background:none;
}

ul#sidebar li ul li a:hover {
	color: #333333;
	background: #deeac3;
}

.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;
	padding: 10px;
	width: 96%;
	margin:20px 0;
}
.pagenum A {
	PADDING: 2px 5px;	
	COLOR: #999;
	MARGIN-RIGHT: 2px;	
	TEXT-DECORATION: none;
	background: #FFF;
}
.pagenum A:hover {
	COLOR: #FFF;
	text-decoration: none;
	background: #999;
}
.pagenum A:active {
	COLOR: #666;
	background: #CCC;
}
.pagenum SPAN.current {
	PADDING:2px 5px;	
	FONT-WEIGHT: bold;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	background:#58aba0;
}
.pagenum SPAN.disabled {
	PADDING: 2px 5px;
	COLOR: #FFF;
	MARGIN-RIGHT:6px;
	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;
}