/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000000;
}

/******架構******/
#container {
	width: 1000px;
	background: #FFFFFF;
} 
/******最上面的標題*********/
#header2{ margin:0; height:25px; background-image: url(../images/top-picture-01.jpg); background-repeat: no-repeat; background-position: center top; text-align: right; padding-top: 90px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
#header2 p{ padding:50 0 0 250px; font:24px Arial, Helvetica, sans-serif; margin:0;}
#header2 a{ font-family:"Times New Roman", Times, serif; font-size:12px; text-align:right; margin:5px; color:#000000; text-decoration:none;}
#header2 a:link, a:vistied{color:#CC6600;}
#header2 a:hover{color:#CC6600;}

/******下拉式選單*********/
#header {
	padding: 0 10px;
	height:31px;
	margin:0;
	background-color:#EA9800;
	color:#ffffff;
	font:12.5px Arial, Helvetica, sans-serif;
} 
#header h1 { margin: 0;  padding: 10px 0;}

/******上方介紹圖片*********/
#ad{ width:100%x; margin:0; padding:0; background: #fff; color:#000000; background-color: #EFECCA;}

/******左方選單欄位*********/
#sidebar1 { float: left; width: 20%; background: #fff; padding: 15px 0; }
#sidebar1 h3, .twoColLiqLtHdr {margin-left: 10px; margin-right: 10px;}
#sidebar1 p{padding:0 0 5px 15px; margin:0; font-size:20px;}

/******應用於首頁的main*********/
#mainContent2{}
#mainContent2 {
	margin: 0 10px 0 1%;
	font-weight: bold;
	font-size: 10pt;
} 
#mainContent2 h1{ font: 24px Arial, Helvetica, sans-serif; color:#000; padding:0px; margin:0;}

/******應用於首頁以外的main*********/
#mainContent{}
#mainContent { margin: 0 10px 0 22%;} 
#mainContent h1{ font: 24px Arial, Helvetica, sans-serif; color:#000; padding:0px; margin:0;}

/******應用於最底下的介紹*********/
#footer{ padding: 0; background-color:#A26900; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color: #FFFFFF;}
#footer p{ padding: 1px 0; margin: 0;}

/*********************************/
/* 可重複使用的雜項類別 */
.fltrt { float: right; margin-left: 8px;}
.fltlft { float: left; margin-right: 8px;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
	
/***********************************/
.ranking2{ font: 14px 新細明體; text-align:center; border-spacing:10px; width:75px; height:75px;}
.ranking2 img{ width:75px; height:75px;}
.ranking2 td{ border:2px #000 solid;}
.ranking2 th{border:2px #000 solid;}

/******應用表格移動會不同顏色*********/
#fibelt table { background-color: #FFF; border: none; color: #565; font: 12px arial;}
#fibelt table caption { font-size: 24px; border-bottom: 2px solid #B3DE94; border-top: 2px solid #B3DE94;}
#fibelt table, #fibelt td, #fibelt th {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
#fibelt tbody td, #fibelt tbody th { background-color: #85E0C2; padding: 6px; border-top-width: 3px; border-bottom-width: 2px; border-top-style: solid;	border-bottom-style: solid; border-top-color: #FFFFFF; border-bottom-color: #3366FF;}
#fibelt tfoot td, #fibelt tfoot th { font-weight: bold; padding: 4px 8px 6px 9px; text-align:center;}
#fibelt thead th { font-size: 14px; font-weight: bold; line-height: 19px; padding: 4px 2px; text-align:center; background-color: #3366CC; color: #FFFFFF;}
#fibelt tbody tr.#fibelt odd th,#fibelt tbody tr.odd td {background-color: #CEA; border-bottom: 2px solid #67BD2A;}
#fibelt td+td+td, #fibelt col.price{text-align:right;}
#fibelt tbody tr:hover td, #fibelt tbody tr:hover th { background-color: #046380; color:#fff;}

/******應用表格-產品資訊*********/
#p-table{ font: 14px 新細明體; border:3px #fff solid; border-bottom:1px #ccc solid; text-align:center; border-collapse: collapse; 	width:720px;}
#p-table td{ border:1px #ccc solid;}
#p-table th{ border:1px #ccc solid; padding:5px;}
/******應用表格-產品資訊小格的介紹*********/
#p2-table{ border:0; border-spacing:10px; border-collapse:collapse; width:180px;}
#p2-table td{ font-size:9px; color:#678; border:0px;}
#p2-table a{ font-size:12px; color:#06f; text-align:center; text-decoration:none;}
#p2-table th{ border:0px; color:#000000;}

/******應用表格-產品資訊小格的介紹*******/
#p3-table{ border:0; border-spacing:10px; border-collapse:collapse; width:130px;}
#p3-table td{ font-size:10px; text-align:center; color:#678; border:0px;}
#p3-table a{ font-size:12px; color:#06f; text-align:center; text-decoration:none;}
#p3-table th{ border:0px; color:#000000;}

/******應用表格-聯絡我們******/
#p4-table{ border:2px; border-spacing:10px; border-collapse:collapse; width:650px;}
#p4-table td{ padding:2px; font-size:14px; color:#000; border:1px;}
#p4-table th{ border:1px; color:#999;}

/******應用表格-應用例******/
#d-table{border-collapse: collapse; width:750px; text-align:center;}
#d-table a{	text-decoration:none; color:#06f; font-weight: bold;}
#d-table a:hover{color:#000099;	font-weight: bold;}
/******顏色為咖啡底白字*****/
.d-table{ padding:5px; color:#FFFFFF; font-size:16px; text-align: center; font-weight:bold; background-color:#996600;}

/*******用於最新消息***********/
.new-table{ width:750px; height:34px; background-image:url("../images/ba2_02.gif");	margin:5px 0;}

/******map 網站地圖************/
#map-table{ width:200px; padding:3px;}
#map-table a{ text-decoration:none; color:#06f; font-weight: bold;}
#map-table a:hover{ color:#000099; font-weight: bold;}

/********用於key sensor 的規格**********/
#sensor-table{ width:750px; padding:7px; border:1px solid; border-collapse:collapse; text-align: center;}
.no-lin-table{ border:0px solid;}
/*****表格淺黃色****/
.light-yellow{ 	background-color:#fafdcc; font-size:14px; font-weight:bold; text-align: center;}
/*****表格黃色****/
.yellow{ background-color:#f4fa8c; font-size:14px; font-weight:bold; padding:3px;}
/****表格紅色****/
.red{ background-color:#990000;	color:#FFFFFF;	font-size:16px;	font-weight:bold; text-align: center;}

/********用於key sensor規格表**********/
.ss-table {	border-collapse: collapse; width:750px; text-align:center;}
.ss-table td {border: 1px solid #AAA; font: 12px 新細明體; line-height:16px;	padding: 2px 2px; margin:0; vertical-align: top;}
/********最深粉紅色**********/
.ss-table td.red-powder{
	background-color: #E4BDCB;
	color: #000000;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:4px;
}
/********最淺粉紅色，表示型號**********/
.ss-table td.red-powder2{background-color:#F4EEF1 ;color: #000000;font-size:14px;font-weight:bold;text-align: center;vertical-align: middle;}
/********最淺粉紅色，表示型號(紅色)**********/
.ss-table td.red-powder2-red{background-color:#F4EEF1 ;color:#FF0000;font-size:14px;font-weight:bold;text-align: center;vertical-align: middle;}
/********中間粉紅色表**********/
.ss-table td.red-powder3{background-color:#E5D0DB; color: #000000; font-size:12px; font-weight:bold;text-align:left; padding:4px;}
/********深黃色**********/
.ss-table td.yellow1{background-color: #f4fa8c; color: #000000; font-size:12px; font-weight:bold;text-align:left; padding:4px;}
/********淺黃色，表示型號**********/
.ss-table td.yellow2{background-color:#fafdcc ;color: #000000;font-size:14px;font-weight:bold;text-align: center;vertical-align: middle;}
/********淺黃色，表示型號(紅色)**********/
.ss-table td.yellow2-red{background-color:#fafdcc ;color:#FF0000;font-size:14px;font-weight:bold;text-align: center;vertical-align: middle;}
/********黃色**********/
.ss-table td.yellow3{background-color:#f4fa8c; color: #000000; font-size:12px; font-weight:bold;text-align:left; padding:4px;}
.ss-table td.yellow4{background-color:#A26900; color: #FFFFFF; font-size:14px; font-weight:bold;text-align:left; padding:4px; text-align:center;}


/********用於index規格表**********/
.index-table {
	border-collapse: collapse;
	width:980px;
	vertical-align: top;
}
.index-table td{
	padding:0;
	text-align: center;
}
/********黃色**********/
.index-table td.i_yellow3{background-color:#A26900; color: #FFFFFF; font-size:14px; font-weight:bold;text-align:left; padding:4px; text-align:center;}
.index-table a{ font-weight: bold; text-decoration:none; color:#000;}
.index-table a:hover{
	font-weight: bold;
	text-decoration: underline;
	color: #00F;
}