@charset "utf-8";
/* CSS Document */
body {
	background-image: url(../images/br.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
h1, h2, h3, h4{margin:0;}
.word01 {
	font-size: 11px;
	color: #c43737;
	font-family: Arial, "新細明體";
}
.word02 {
	font-size: 11px;
	color: #303030;
	font-family: Arial, "新細明體";
}
.word02 a:link {
	font-size: 11px;
	color: #303030;
	font-family: Arial, "新細明體";
	text-decoration: none;
}
.word02 a:visited {
	font-size: 11px;
	color: #303030;
	text-decoration: none;
	font-family: Arial, "新細明體";
}
.word02 a:hover {
	font-size: 11px;
	color: #000000;
	font-family: Arial, "新細明體";
	text-decoration: none;
}
.word02 a:active {
	font-size: 11px;
	color: #303030;
	font-family: Arial, "新細明體";
	text-decoration: none;
}
.word03 {
	font-size: 12px;
	color: #282828;
	font-family: Arial, "新細明體";
	line-height: 18px;
}
.word03 a:link {
	font-size: 12px;
	color: #282828;
	font-family: Arial, "新細明體";
	text-decoration: none;
}
.word03 a:visited {
	font-size: 12px;
	color: #282828;
	text-decoration: none;
	font-family: Arial, "新細明體";
}
.word03 a:hover {
	font-size: 12px;
	color: #015a9a;
	font-family: Arial, "新細明體";
	text-decoration: underline;
	background-color: #FFECD9;
}
.word03 a:active {
	font-size: 12px;
	color: #282828;
	font-family: Arial, "新細明體";
	text-decoration: none;
}
.word04 {
	color: #dc641b;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.word04 a:hover{
	color: #0099CC;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.word05 {
	font-size: 9pt;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 12pt;
}
.word06 {
	font-size: 12px;
	color: #006699;
	font-family: Arial, "新細明體";
	line-height: 20px;
}
.word06 a:hover {
	font-size: 12px;
	color: #FF6600;
	font-family: Arial, "新細明體";
	line-height: 20px;
	font-weight: bold;
}
.word07 {
	font-size: 12px;
	color: #333333;
	font-family: Arial, "新細明體";
	line-height: 20px;
	background-color: #FFF;
}
.word08 {
	font-size: 14px;
	color: #333333;
	font-family: Arial, "新細明體";
	line-height: 24px;
	font-weight: bold;
}
.word09 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, "新細明體";
	line-height: 24px;
	font-weight: bold;
}
.copyright {
	font-size: 11px;
	color: #898989;
	font-family: Arial, "新細明體";
}
.copyright a:link {
	font-size: 11px;
	color: #898989;
	font-family: Arial, "新細明體";
	text-decoration: none;
}
.copyright a:visited {
	font-size: 11px;
	color: #898989;
	text-decoration: none;
	font-family: Arial, "新細明體";
}
.copyright a:hover {
	font-size: 11px;
	color: #000000;
	font-family: Arial, "新細明體";
	text-decoration: underline;
}
.copyright a:active {
	font-size: 11px;
	color: #898989;
	font-family: Arial, "新細明體";
	text-decoration: none;
}

h1{
	color:#0066a0;
	font-size:15px;
	font-family:Verdana;
	font-weight: normal;
}
h2{
	color:#FF9966;
	font-size:15px;
	font-family:Verdana;
}

.imgA{border:1px #CCCCCC solid; padding:2px;}
.imgB{border:1px #CCCCCC solid; padding:2px; float:left; margin-right:10px;}

/*search-----------------搜尋設定*/
.searchbox{
	height: 30px;
	clear: both;
	margin: 10px 0 0px 6px;
	padding: 15px 8px 8px 20px;
	background:url(../images/newsearch.jpg) no-repeat 0 0;
	float:left;
	width:660px;
}
.serch{
	float: left;
	width: 120px;
}
.search ul{
	text-align: center;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
}
.search li{
	text-align: center;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.search li select{
	border: 1px solid #CCCCCC;
}
.go{
	float: left;
	margin-top: 0px;
}
.intupleft{
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}
/*pages-----------------頁碼設定*/
.page{
	text-align: center;
	height: 35px;
	clear: both;
	margin: 20px 0 0 0;
	padding: 5px;
}
.page ul{
	text-align: center;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	float: left;
}
.page li{
	text-align: center;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	float: left;
	display: inline;
	color: #333333;
}
.page li a{
	color: #2479b7;
	margin: 0px;
	padding: 2px 4px 2px 4px;
}
.page li a:hover{
	color: #5F969B;
	display: inline;
	border: 1px solid #0055A5;
	padding: 2px 4px 2px 4px;
}
.bktolist{
	text-align: center;
	height: 25px;
	margin: 0px;
}
.bktolist ul{
	text-align: center;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
}
.bktolist li{
	text-align: center;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.bktolist li a{
	color: #2479b7;
	padding: 0 5px 0 5px;
}
.bktolist li a:hover{
	color: #B80941;
	text-decoration: underline;
}
div ul.icback{
	float: left;
	padding-top: 0px;
	vertical-align: middle;
	margin: 5px 10px 0 10px;
	width:230px;
}
/*左欄的menu設定*/
.leftmenu{list-style:none; margin:10px 0 0 20px; padding:0;}
.leftmenu .sumli{height:25px; color:#333333; font-size:12px; width:100%; float:left;}
.fr a{color:#333333; text-decoration:none;}
.fr a:link{color:#333333; text-decoration:none;}
.fr a:hover{color:#006699;	text-decoration:underline;}
.fr a:visited{color:#333333;}
.fr a:active{color:#333333;}
.leftmenu .liover{color:#333333; font-size:12px; font-weight:bold;}
/*最新消息的小則設定*/
.allTab{width:698px; height:auto;}
.newTab{margin:10px 0 0 0; float:left;}
.newTab .newpic{float:left; width:200px; margin:0 10px 0 5px;}
.newTab .newtxt{float:left; padding:0 10px 0 0px; width:460px;}

/*歷史沿革*/
.abouthistory{border-bottom:1px #CCCCCC dashed; height:30px; padding:5px 0 0 0; margin:0 0 5px 0;}
.abouthistory .date{width:50px; float:left; padding:3px 0 0 10px;}
.abouthistory .txt{width:600px; float:left;}
/*關於我們理念*/
.aboutph{margin:0 0 10px 20px; border-bottom:1px #CCCCCC dashed; padding:0 0 5px 0;}

/*人力召募*/
.hrBr{padding:10px; width:630px; margin:0 0 0 40px; background:url(../images/hr_br.jpg) no-repeat 0 0;}
.hrBr2{padding:10px; width:630px; margin:0 0 0 40px; background:url(../images/hr_br2.jpg) no-repeat 0 0;}
.hrA{width:95%; padding:0 0 10px 0;}
.hrA li{font-size:12px; color:#333333; list-style:none; line-height:30px; background:url(../images/icon01.jpg) no-repeat 0 5px; padding:0 0 0 20px; border-bottom:1px #CCCCCC dashed; }

/*生產基地*/
.rop{float:left; background:url(../images/pic_pro02.jpg) no-repeat 0 0; width:74px; height:97px; padding:65px 0 0 20px;}
.ropa{float:left; background:url(../images/pic_pro03.jpg) no-repeat 0 0; width:297px; height:152px; padding:10px 0 0 15px;}

/*製程能力*/
.border_b{border-bottom:1px #CCCCCC dashed;}
.tecp{	
	font-size: 11px;
	color: #303030;
	font-family: Arial, "新細明體";
	width:670px;
}
.tecp th{
	font-size: 13px;
	color: #303030;
	font-family: Arial, "新細明體";
	font-weight: bold;
	background-color:#e3eff9;
}
.tecp tr, .tecp td{border-bottom:1px #CCCCCC dashed; line-height:35px; text-align:center;}

/*人召*/
.hrhow{padding:0 0 0 15px;}
.hrinfo{ width:660px;}
.hrinfo th{ font-weight:lighter; background:url(../images/hrbr.jpg) repeat-x 0 0; border-bottom:1px #adb9c2 solid; color:#6e889b; font-size:13px;}
.hrinfo tr, .hrinfo td{color:#666666; border-bottom:1px #CCCCCC dashed; font-size:12px; line-height:30px;}

/*申縮按鈕設定*/
ul.green {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.green li {
	float: left;
}

ul.green li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 12px "Arial", Helvetica, sans-serif;
}

ul.green li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.green li a:hover {
 	color: #576d07;
	background: url(../images/green.png) no-repeat top right;
}

ul.green li a:hover span {
	background: url(../images/green.png) no-repeat top left;
}

ul.green li a.current {
	background: url(../images/green.png) no-repeat top right;
 	color: #576d07;
}

ul.green li a.current span {
	background: url(../images/green.png) no-repeat top left;
}

ul.blue {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.blue li {
	float: left;
}

ul.blue li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 12px "Arial", Helvetica, sans-serif;
}

ul.blue li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.blue li a:hover {
 	color: #0d5f83;
	background: url(../images/blue.png) no-repeat top right;
}

ul.blue li a:hover span {
	background: url(../images/blue.png) no-repeat top left;
}

ul.blue li a.current {
	background: url(../images/blue.png) no-repeat top right;
 	color: #0d5f83;
}

ul.blue li a.current span {
	background: url(../images/blue.png) no-repeat top left;
}

ul.pink {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.pink li {
	float: left;
}

ul.pink li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 12px "Arial", Helvetica, sans-serif;
}

ul.pink li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.pink li a:hover {
 	color: #860737;
	background: url(../images/pink.png) no-repeat top right;
}

ul.pink li a:hover span {
	background: url(../images/pink.png) no-repeat top left;
}

ul.pink li a.current {
	background: url(../images/pink.png) no-repeat top right;
 	color: #860737;
}

ul.pink li a.current span {
	background: url(../images/pink.png) no-repeat top left;
}

ul.red{
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	clear: left;
}

ul.red li {
	float: left;
}

ul.red li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 12px "Arial", Helvetica, sans-serif;
}

ul.red li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
}

ul.red li a:hover {
 	color: #fff;
	background: url(../images/red.png) no-repeat top right;
}

ul.red li a:hover span {
	background: url(../images/red.png) no-repeat top left;
}

ul.red li a.current {
	background: url(../images/red.png) no-repeat top right;
 	color: #fff;
}

ul.red li a.current span {
	background: url(../images/red.png) no-repeat top left;
}
/*Normal*/
div.green a{
	padding: 5px;
	margin: 10px 0;
	background: url(../images/green.png) no-repeat top right;       /*按鈕的底圖*/
	float: left;
   text-decoration: none;
	color: #576d07;
	padding: 4px 15px 0 0;
	margin-right: 8px;
	font: 12px "Arial", Helvetica, sans-serif;
}

div.green a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 24px;
	background: url(../images/green.png) no-repeat top left;        /*按鈕的底圖 必須同上面的圖*/
}

/*Hover*/
div.green a:hover {                                            /*滑鼠經過按鈕的效果*/
	color: #006699;
	background: url(../images/blue.png) no-repeat top right;
}

div.green a:hover span {                                       /*滑鼠經過按鈕的效果 必須跟上面是同一張圖*/
	background: url(../images/blue.png) no-repeat top left;
}
/*產品頁面設定*/
.productfrom{ margin:0;}
.productfrom th{ font-weight:lighter; border:1px #adb9c2 solid; color:#6e889b; font-size:13px; background-color:#F2F9FB;}
.productfrom tr, .productfrom td{color:#666666; border-bottom:1px #CCCCCC dashed; font-size:12px; line-height:25px; padding:0 0 0 5px;}

.productfromB{ margin:10px 0 10px 10px; border:1px #999999;}
.productfromB th{
	border-bottom:1px #adb9c2 solid;
	color:#6e889b;
	font-size:13px;
	text-align: left;
}
.productfromB tr, .productfromB td{color:#666666; border-bottom:1px #CCCCCC dashed; font-size:12px; line-height:25px; padding:0 0 0 5px; font-family:Arial, "新細明體"；}

/*sitemap*/
.sitemapH{border-bottom:3px #CCCCCC solid; font-size:15px; font-weight:bold; color:#006699; line-height:30px; width:200px;}
.sitemapT{padding:5px; margin:5px;}
.sitemapT ul{padding:0px; margin:0; list-style:none;}
.sitemapT li{background:url(../images/icon01.gif) no-repeat 0 5px; height:25px; padding:0 0 0 20px;}
.sitemapT li a{font-size:12px; color:#666666; text-decoration:none;}
.sitemapT li a:hover{font-size:12px; color:#3693ad; text-decoration:underline;}

.sitemapsum{padding:0 0 0 20px; margin:0;}
.sitemapsum ul{margin:0; padding:0; list-style:none;}
.sitemapsum ul .Wspen{color:#666666; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.sitemapsum li{background:url(../images/icon_new.jpg.jpg) no-repeat 0 0px; line-height:23px; padding:0 0 0 0px; margin:0;}
.sitemapsum li a{font-size:11px; color:#2b798f; text-decoration:none;}
.sitemapsum li a:hover{font-size:11px; color:#3693ad; text-decoration:underline;}

/* 投資人服務MENU */

.invest_menu{
	background-color: #579EBE;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#579EBE', endColorstr='#0066CC',gradientType='0');
	color: #FFF;
	font-size: medium;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.invest_menu a:link, .invest_menu a:visited{
	color: #FFF;
	text-decoration: none;
}
.invest_menu a:hover, .invest_menu a:active{
	color: #FFF;
	text-decoration: underline;
}

.invest_menu_c{
	background-color: #06C;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#0066CC', endColorstr='#003399',gradientType='0');
	color: #FFF;
	font-size: medium;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.invest_menu_c a:link, .invest_menu_c a:visited{
	color: #FFF;
	text-decoration: none;
}
.invest_menu_c a:hover, .invest_menu_c a:active{
	color: #FFF;
	text-decoration: underline;
}

.invest_title{
	font-size: medium;
	color: #039;
}

.invest_url{
	color: #333;
	font-size: 11pt;
}

.invest_url a:link, .invest_url a:visited{
	color: #06C;
	text-decoration: underline;
}
.invest_url a:hover, .invest_url a:active{
	color: #06C;
	text-decoration: underline;
}

.invest_content{
	font-size: small;
	color: #666;
}

.invest_content a:link, .invest_content a:visited{
	color: #06C;
	text-decoration: underline;
}
.invest_content a:hover, .invest_content a:active{
	color: #06C;
	text-decoration: underline;
}

.invest_ps{
	font-weight: bold;
	color: #F00;
}

.invest_mail{
	font-weight: normal;
	color: #039;
	border: 1px solid #CCC;
}

/* 頁籤式樣板設定 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 98%;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	font-family: Arial, "新細明體";
	text-decoration: none;s
	color: #999;
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	background-color: #FFF;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: sans-serif;
	font-size: small;
	border: 1px solid #CCC;
}
.TabbedPanelsTabHover {
	background-color: #FFF;
	color: #7AC;
	border: 1px solid #CCC;
	text-decoration: underline;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	color: #069;
	font-weight: bold;
	border: 1px solid #EEE;
	text-decoration: underline;
}

.TabbedPanelsTab a {
	color: #000;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	background-color: #EEE;
	color: #000;
	padding: 10px;
}

.TabbedPanelsContent {
	padding: 4px;
	font-family: Arial, "新細明體";
	text-decoration: none;
	font-size: small;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #000;
	position: relative;
	border: 1px solid #000;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}