* { margin:0; padding:0;}
body { background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#909090;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

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

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:27px;}
.form input {width:275px; color:#000000; font-size:0.92em; padding:2px 0 2px 3px; background:#fff; border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding-left:3px;}
textarea { width:345px; height:71px; background:#fff; overflow:auto;  border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding:2px 0 0 3px; color:#000000; font-size:0.92em; }


/*==================list====================*/
ul { list-style:none;}

.site-nav { width:236px; overflow:hidden;}
.site-nav li { border-top:1px solid #ba400d; background:url(images/site-nav-button-bg.gif) repeat-x #d7621d; width:100%; vertical-align:top; margin-top:-1px;}
.site-nav li a { color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; display:block; padding-left:39px;}
.site-nav li a:hover { background:url(images/site-nav-button-act.gif) repeat-x;}
.site-nav li a.act { background:url(images/site-nav-button-act.gif) repeat-x #ba400d;}
.site-nav li span { font-style:normal; display:block; padding:7px 0 7px 26px;}
.site-nav li span.icon1 { background:url(images/site-nav-icon1.gif) no-repeat left center; padding:7px 0 8px 26px;}
.site-nav li span.icon2 { background:url(images/site-nav-icon2.gif) no-repeat left center;}
.site-nav li span.icon3 { background:url(images/site-nav-icon3.gif) no-repeat left center;}
.site-nav li span.icon4 { background:url(images/site-nav-icon4.gif) no-repeat left center;}
.site-nav li span.icon5 { background:url(images/site-nav-icon5.gif) no-repeat left center;}
.site-nav li span.icon6 { background:url(images/site-nav-icon6.gif) no-repeat left center;}
.site-nav li span.icon7 { background:url(images/site-nav-icon7.gif) no-repeat left center; padding:7px 0 8px 26px;}

.list { margin-bottom:15px;}
.list li { padding:3px 0 2px 26px; margin-top:10px;}
.list li.icon1 { background:url(images/icon1.gif) no-repeat left center; padding:3px 0 4px 26px;}
.list li.icon2 { background:url(images/icon2.gif) no-repeat left center;}
.list li.icon3 { background:url(images/icon3.gif) no-repeat left center;}
.list li.icon4 { background:url(images/icon4.gif) no-repeat left center;}
.list li.icon5 { background:url(images/icon5.gif) no-repeat left center;}
.list li.icon6 { background:url(images/icon6.gif) no-repeat left center;}
.list li.icon7 { background:url(images/icon7.gif) no-repeat left center;}
.list li.icon8 { background:url(images/icon8.gif) no-repeat left center;}
.list li.icon9 { background:url(images/icon9.gif) no-repeat left center;}
.list li.icon10 { background:url(images/icon10.gif) no-repeat left center;} 
.list li.icon11 { background:url(images/icon11.gif) no-repeat left center;} 
.list li a {color:#000;}
.list li.bg1 { background:#f2f0eb;}

.list1 {overflow:hidden; width:100%; margin-bottom:15px;} 
.list1 li { border-bottom:1px solid #e0dfdd; float:left; border-left:1px solid #e0dfdd; margin-left:-1px; padding-left:3px;}
.list1 li a { color:#000000; text-decoration:none; font-size: 1.00em; width:111px;  padding:8px 0 8px 43px; display:block; float:left;font-weight: bold;}
.list1 li a:hover { text-decoration:underline; color:#3366FF}
.list1 li.bg1 { background:#f2f0eb;}
.list1 li.bg2 { background:#f8f7f5;}
.list1 li.bg3 { background:#CED3D6;}
.list1 a.flag1 { background:url(images/flag1.gif) no-repeat left center;}
.list1 a.flag2 { background:url(images/flag2.gif) no-repeat left center;}
.list1 a.flag3 { background:url(images/flag3.gif) no-repeat left center;}
.list1 a.flag4 { background:url(images/flag4.gif) no-repeat left center;}
.list1 a.flag5 { background:url(images/flag5.gif) no-repeat left center;}
.list1 a.flag6 { background:url(images/flag6.gif) no-repeat left center;}
.list1 a.flag7 { background:url(images/flag7.gif) no-repeat left center;}
.list1 a.flag8 { background:url(images/flag8.gif) no-repeat left center;}
.list1 a.flag9 { background:url(images/flag9.gif) no-repeat left center;}
.list1 a.flag10 { background:url(images/flag10.gif) no-repeat left center;}
.list1 a.flag11 { background:url(images/flag11.gif) no-repeat left center;}
.list1 a.flag12 { background:url(images/flag12.gif) no-repeat left center;}
.list1 a.flag13 { background:url(images/flag13.gif) no-repeat left center;}
.list1 a.flag14 { background:url(images/flag14.gif) no-repeat left center;}
.list1 a.flag15 { background:url(images/flag15.gif) no-repeat left center;}
.list1 a.flag16 { background:url(images/flag16.gif) no-repeat left center;}
.list1 a.flag17 { background:url(images/flag17.gif) no-repeat left center;}
.list1 a.flag18 { background:url(images/flag18.gif) no-repeat left center;}

.list2 {overflow:hidden; width:100%; margin-bottom:15px;} 
.list2 li { border-bottom:1px solid #fff; border-left:1px solid #e0dfdd; float:left; margin-left:-1px; padding-left:13px;}
.list2 li a { color:#000000; text-decoration:none; font-size:1.25em; width:304px;  padding:8px 0 8px 0; display:block; float:left;}
.list2 li a:hover { text-decoration:underline;}
.list2 li.bg1 { background:#f2f0eb;}
.list2 li.bg2 { background:#f8f7f5;}

.list3 {overflow:hidden; width:100%; margin-bottom:15px;} 
.list3 li { border-bottom:1px solid #ffffff; float:left; border-left:1px solid #ffffff; margin-left:-1px; padding-left:3px;}
.list3 li:hover { border-bottom:1px solid #909090;}
.list3 li a { color:#000000; text-decoration:none; font-size:1.25em; width:111px;  padding:8px 0 8px 43px; display:block; float:left;}
.list3 li a:hover { text-decoration:underline;}
.list3 li.bg1 { background:#f2f0eb;}
.list3 li.bg2 { background:#f8f7f5;}
.list3 li.bg3 { background:#CED3D6;}
.list3 a.wcalogo { background:url(images/wcalogo.gif) no-repeat center; padding:8px 0 98px 0px; width:113px;}
/* .list3 a.license-s { background:url(images/license.gif) no-repeat center; padding:8px 0 98px 0px; width:103px;} */
.list3 a.aplnlogo { background:url(images/aplnlogo.gif) no-repeat center; padding:8px 0 98px 0px; width:103px;}
.list3 a.cglnlogo { background:url(images/cglnlogo.gif) no-repeat center; padding:8px 0 98px 0px; width:120px;}
.list3 a.iatalogo { background:url(images/iatalogo.gif) no-repeat center; padding:8px 0 98px 0px; width:103px;}
.list3 a.fmclogo { background:url(images/fmclogo.gif) no-repeat center; padding:8px 0 98px 0px; width:78px;}
.list3 a.fiatalogo { background:url(images/fiatalogo.gif) no-repeat center; padding:8px 0 98px 0px; width:78px;}
.list3 a.c5clogo { background:url(images/c5clogo.gif) no-repeat center; padding:8px 0 98px 0px; width:105px;}
.list3 a.projlogo { background:url(images/projlogo.gif) no-repeat center; padding:8px 0 98px 0px; width:105px;}
.list3 a.iso14001logo { background:url(images/iso14001logo.gif) no-repeat center; padding:8px 0 98px 0px; width:105px;}

.list4 {overflow:hidden; width:100%; margin-bottom:0px;} 
.list4 li { border-bottom:1px solid #e0dfdd; float:left; border-left:0px solid #e0dfdd; margin-left:10px; margin-top:5px; padding-left:0px;}
.list4 li a { color:#3A89FF; text-decoration:none; font-size: 0.9em; width:190px; height:32px;  padding:5px 0 3px 5px; display:block; float:left;font-weight: bold;}
.list4 li a:link { color:#585858; text-decoration:none; font-size: 0.9em; width:190px; height:32px;  padding:5px 0 3px 5px; display:block; float:left;font-weight: bold;}
.list4 li a:visited { color:#585858; text-decoration:none; font-size: 0.9em; width:190px; height:32px;  padding:5px 0 3px 5px; display:block; float:left;font-weight: bold;}
.list4 li a:hover { text-decoration:none; background:url(images/bg-img13.jpg) no-repeat center; color:#3A89FF;}
/*
.list4 li a:hover { text-decoration:none; background-color: #CED3D6; color:#3A89FF;}
.list4 li.bg1 { background:#f2f0eb;}
.list4 li.bg2 { background:#f8f7f5;}
.list4 li.bg3 { background:#CED3D6; color:#3A89FF;} 
*/
.list4 li.bg1 { background:url(images/bg-img11.jpg) no-repeat center;}
.list4 li.bg2 { background:url(images/bg-img12.jpg) no-repeat center;}
.list4 li.bg3 { background:url(images/bg-img13.jpg) no-repeat center; color:#3A89FF;}

.list5 {overflow:hidden; width:100%; margin-bottom:15px;} 
.list5 li { border-bottom:1px solid #e0dfdd; float:left; border-left:0px solid #e0dfdd; margin-left:15px; padding-left:0px;}
.list5 li a { color:#3A89FF; text-decoration:none; font-size: 0.9em; width:288px; height:32px;  padding:5px 0 3px 5px; display:block; float:left;font-weight: bold;}
.list5 li a:link { color:#585858; text-decoration:none; font-size: 0.9em; width:288px; height:32px;  padding:5px 0 3px 5px; display:block; float:left;font-weight: bold;}
.list5 li a:visited { color:#585858; text-decoration:none; font-size: 0.9em; width:288px; height:32px;  padding:5px 0 3px 5px; display:block; float:left;font-weight: bold;}
.list5 li a:hover { text-decoration:none; background:url(images/bg-img15.jpg) no-repeat center; color:#3A89FF;}
/*
.list5 li a:hover { text-decoration:none; background-color: #CED3D6; color:#3A89FF;}
.list5 li.bg1 { background:#f2f0eb;}
.list5 li.bg2 { background:#f8f7f5;}
.list5 li.bg3 { background:#CED3D6; color:#3A89FF;}
*/
.list5 li.bg1 { background:url(images/bg-img11.jpg) no-repeat center;}
.list5 li.bg2 { background:url(images/bg-img14.jpg) no-repeat center;}
.list5 li.bg3 { background:url(images/bg-img15.jpg) no-repeat center; color:#3A89FF;}

.list6 {overflow:hidden; width:100%; margin-bottom:5px;} 
.list6 li { border-bottom:1px solid #e0dfdd; float:left; border-left:1px solid #e0dfdd; margin-left:-1px; padding-left:3px;}
.list6 li a { color:#000000; text-decoration:none; font-size: 1.00em; width:130px;  padding:8px 0 8px 3px; display:block; float:left;font-weight: bold;}
.list6 li a:hover { text-decoration:underline;}
.list6 li.bg1 { background:url(images/bg-img11.jpg) no-repeat center;}

.list7 {overflow:hidden; width:100%; margin-bottom:5px;} 
.list7 li { border:1px solid #e0dfdd; float:left; padding-left:3px; width:130px; height:40px;}
.list7 li a { color:#3366FF; text-decoration:none; font-size: 1.00em; padding:8px 0 8px 3px; display:block; float:left;font-weight: bold;}
.list7 li a:hover { text-decoration:underline;}
.list7 li.bg1 { background:url(images/bg-img11.jpg) no-repeat center;}


 
/*==================other====================*/
.img-box {
	width:100%;
	overflow:hidden;
	position:relative;
	font-size:14px;
	color:#333333;
	text-align:justify;
	line-height: normal;
	padding: 0px 5px 0px 0px;
}
.img-box img { float:left; margin:0 20px 20px 0;}
.img-box span img { display:block; float:none; margin-bottom:18px;}
.img-box .indent { padding-right:38px;}
.img-box p {
	padding: 0px 15px 0px 0px;
}


.img-box1 img { float:left; margin:0 20px 15px 0;}
.img-box2 img { float:left; margin:0 20px 515px 0;}

.img-box3 {
	width:100%;
	overflow:hidden;
/*	position:relative;*/
	font-size:medium;
	text-align:justify;
	line-height: normal;
	/*	border:1px solid #e0dfdd; */
    border:none;
/*    background:url(images/bg-img2.jpg) no-repeat right top; */
}
.img-box3 a { color:#3A89FF; text-decoration:none; font-size: 0.9em; width:305px; padding:5px 0 141px 15px; display:block; float:right;}
.img-box3 li { width:305px;float:left; border:0px solid #e0dfdd;}
.img-box3 img { float:none; margin:7px;}
.img-box3 li.bg1 { background:#f2f0eb;}
.img-box3 li.bg2 { background:#FFFAB7;}
.img-box3 li.bg3 { background:url(images/bg-img2.jpg) no-repeat right top;}
.img-box3 tr:hover { text-decoration:none; background-color: #CED3D6; color:#3A89FF;}

.img-box4 {
	width:100%;
	height:1px;
	border-top:1px solid #e0dfdd;
}

.img-box5 {
	width:200px;
	overflow:hidden;
/*	position:relative; */
	font-size:medium;
	text-align:justify;
	line-height: normal;
}

.img-box6 {
	width:100%;
	overflow:hidden;
	position:relative;
	font-size:medium;
	text-align:justify;
	line-height: normal;
/*	border:1px solid #e0dfdd; */
    border:none;
}

.img-box6 p { padding:5px 0 0 10px;}

.img-box6 li { width:305px; height:190px; float:left; border:1px solid #e0dfdd;}

.img-box7 {
    background:url(images/bg-img8.jpg) no-repeat right bottom;
}


.p1 {
	margin-bottom:15px;
	font-size:14px;
	color:#333333;
	line-height: 1.2em;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.p2 { margin-top:40px;}
.p3 { margin-top:28px;}
.p4 { margin-top:4px;}
.p5 {
	margin-bottom:5px;
	font-size:12px;
	color:#333333;
	line-height: normal;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.p6 { background: url(images/bg-img18.jpg) no-repeat right top;}

.p7 {
	padding: 20px 20px 0px 20px;
	font-size:14px;
	color:#333333;
	line-height: 1.2em;
	text-align:justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background: url(images/bg-img18.jpg) no-repeat right top;
}

.p8 {
	padding: 0px 20px 0px 30px;
	font-size:14px;
	color:#333333;
	line-height: 1.2em;
	text-align:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


.rss { position:absolute; left:617px; top:25px;}

.phone { float:right; margin-right:180px;}

/*==================txt, links, lines, titles====================*/
/* a {color:#e4691f;}*/
a {color:#E2FDFF;}
a:hover{text-decoration:none;}

dd { margin-bottom:15px;}

h4 { font-size:0.84em; color:#3895bb; margin-bottom:15px;  text-transform:uppercase;}
h4 a {color:#3895bb; text-transform:uppercase;}

.txt1 { color:#a8a8a8; font-size:0.84em; text-transform:uppercase;}
.txt2 {color:#3895bb; text-transform:uppercase; font-size:0.84em; margin-bottom:15px;}
/*.txt3 { color:#a8a8a8; font-size:1.25em; } */
.txt3 { color:#0033FF; font-size:1.1em; }
.txt4 { color:#0C2953; font-size:1em; text-transform:uppercase;}
.txt5 { color:#333333; font-size:0.9em; text-transform:uppercase;}
.txt6 { color:#333333; font-size:0.7em; text-transform:uppercase;}
.txt7 { color:#333333; font-size:1.1em; font-weight:bold; text-transform:uppercase;}
.txt8 { color:#333333; font-size:1.1em; text-transform:uppercase;}
.txt9 { color:#333333; font-size:1em; font-weight:bold; text-transform:uppercase;}
.txt9 a { color:#333333; text-decoration:none;}
.txt9 a:hover { color:#0066FF;  text-decoration:underline;}
.txt10 { color:#333333; font-size:1em; text-transform:uppercase;}
.txt10 a { color:#333333; text-decoration:none;}
.txt10 a:hover { color:#0066FF;  text-decoration:underline;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor { border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:20px;}
.line-ver { background:url(images/line-1.gif) repeat-y 195px 0;}

.title { margin-bottom:5px; background:url(images/bg-img10.jpg) repeat-x; width: 100%; height: 30px}
.title a { 
    /*color:#CCFFFF; font-size:12px;*/
	display: block; /*寫上 display:inline-block; 可以解決被上層搶走屬性的問題，把 padding-top / margin-top 搶回來*/
	padding-top: 8px;
	 /*padding:20px 0px 0px 0px;*/}
.title1 { margin-bottom:5px;}

.newsTitle { display: inline-block; margin-bottom: 3px;  background: #EEF3F5 ; width: 10%; height: 30px; border: 1px solid #B5CBD0}
.newsTitle a { display: inline-block; color: #0099FF; font-size: 14px; padding-top: 9px; padding-left: 3px}
.newsMsg { display: inline-block; margin-bottom: 3px; background: #EEF3F5 ; width: 88%; height: 30px; border: 1px solid #B5CBD0}
.newsMsg marquee a { display: inline-block; color:#3366CC; padding-top: 9px; padding-left: 8px; font-size: 14px;}

.subtitle { background:url(images/bg-img7.jpg) repeat-y;; height:20px;padding-top:8px; }
.subtitle a{ color:#ffffff; font-size:1.5em; }

.subtitle1 { background:url(images/bg-img7.jpg) repeat-y;; height:17px;padding-top:8px; }
.subtitle1 a{ color:#ffffff; font-size:1em; padding-left:8px;}


/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:0 0 0 0;}


/*header*/
#header .row-1 { height:51px; color:#a69a8d; margin-bottom:1px;}
#header .row-1 a { color:#a69a8d; font-size:10px; text-transform:uppercase;}
#header .row-1 .fleft { padding:14px 0 0 41px;}
#header .row-1 .fright { padding:14px 41px 0 0;}
#header .row-2 { height:371px; margin-bottom:1px;}
#header .row-3 { padding-bottom:6px;}

/*content*/
#content { line-height:14px;}
/* #content .tail-top { background:url(images/cont-tail-top.gif) repeat-x top #fff;} */
#content .tail-top { background:url(images/bg-img19.jpg) no-repeat right top;}
#content .tail-left { background:url(images/bg-img9.jpg) no-repeat left top;}
#content .tail-bottom { background:url(images/cont-tail-bottom.gif) repeat-x bottom; margin-left: 25px/* padding:1px 0 10px 30px;*/}

/*footer*/
#footer { color:#6e6759; background:url(images/footer-tail.gif) repeat-x; }
#footer p { padding-top:4px;}
#footer a {color:#6e6759; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks a{
	display: block;
/*	background-image: url(images/bg_nav.jpg); */
	padding: 3px 0px 3px 10px;
	color: #21536A;
	/*font-size:0.9em;*/
	vertical-align:bottom;
/*	font-weight: bold; */
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
/*	border-top: 1px solid #ffffff; */
/*	border-bottom: 1px solid #cccccc; */
/*	background-image: url(images/bg-img4.png); */
/*	font-weight: bold; */
	padding: 3px 0px 3px 10px;
/*	color: #21536A;*/
 	/*font-weight: bold;*/
    color: #000000;
	text-decoration: none;
	vertical-align:bottom;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
 	/*font-weight: bold;*/
	color:#0066FF;
	text-decoration:none;
	padding: 3px 0px 3px 10px;
}

/************ sectionLinks1 styles **************/

#sectionLinks1{
	margin: 0px;
	padding: 0px;

}

#sectionLinks1 a{
	display: block;
/*	background-image: url(images/bg_nav.jpg); */
	padding: 3px 0px 3px 10px;
	color: #21536A;
    /*font-size: 0.9em;*/
	vertical-align:bottom;	
}

#sectionLinks1 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks1 a:link, #sectionLinks1 a:visited {
	display: block;
/*	border-top: 1px solid #ffffff; */
/*	border-bottom: 1px solid #cccccc; */
/*	background-image: url(images/bg-img4.png); */
/*    background-color:#F2F4F7; */
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #003300;
	text-decoration: none;
	vertical-align:bottom;
}

#sectionLinks1 a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
/*	background-image: url(images/bg-img4.png); */
 	font-weight: bold;
	color:#0066FF;
	text-decoration:none;
}

/************ sectionItem styles **************/

#sectionItem{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
}

#sectionItem a{
	display: block;
/*	background-image: url(images/bg_nav.jpg); */
	padding: 3px 0px 3px 10px;
/*	color: #21536A; */
    color: #000000;
	vertical-align:bottom;
	font-size: 0.9em;
	font-weight: bold;
	font-style:italic;
}

#sectionItem1 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;

}

#sectionItem1 a{
	display: block;
/*	background-image: url(images/bg-img4.png repeat-y); */
/*    background-color:#F2F4F7; */
	padding: 3px 0px 3px 10px;
	color: #e4691f;
	vertical-align:bottom;
	font-weight: bold;
}