@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-image:url(img/whitey.png);
}
.thrColFixHdr #container {
	width: 987px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF;
	margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
} 
.thrColFixHdr #header {
	background: #DDDDDD;
	width: 987px;
	height: 135px;
	padding: 0;
	position: relative;
} 
.thrColFixHdr #sidebar1 {
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 160px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding: 15px 10px 15px 10px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 185px; /* 在符合標準的瀏覽器或 Internet Explorer 的標準模式中，這個 Div 的實際寬度 (除了寬度以外) 將會包含欄位間隔和邊框 */
	padding: 15px 10px 15px 5px;
	margin-right: 8px;
}
.thrColFixHdr #sidebar2 fieldset {
	width:185px;
}
.thrColFixHdr #sidebar2 legend {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3C7EA6;
}
.thrColFixHdr #sidebar1 #news {

	padding-top: 2px;
}
.thrColFixHdr #sidebar1 #news #news_info {
	padding:0px 0px 0px 10px;
	font-size:12px;
}
.thrColFixHdr #sidebar1 #news #news_info hr{
	width:140px;
}
.thrColFixHdr #sidebar1 #news #news_info a{
	color:#000;
	text-decoration:none;
}
.thrColFixHdr #sidebar1 #news #news_info a:hover{
	text-decoration:underline;
}
.thrColFixHdr #mainContent {
	margin: auto; /* 這個 Div 元素的右和左邊界會在頁面的側邊建立兩個外部欄。不論邊列 Div 包含多少內容，欄空間將維持不變。當邊列的內容結束時，如果您想讓 #mainContent Div 的文字填滿邊列的空間，就可以移除這個邊界。
	padding: 0 10px; /* 請記住，欄位間隔就是 Div 方塊內部的空間，而邊界就是 Div 方塊外部的空間 */
	margin: 0px 210px 0px 190px;
} 
.thrColFixHdr .displayZone #displayZone_avaya{
	position:absolute;
	margin-top:30px;
	margin-left: 26px;
	font-size:14px;
	line-height:20px;
	text-decoration:none;
	color:#000;
}
.thrColFixHdr .displayZone #displayZone_avaya a{
	color:#000;
}
.thrColFixHdr .displayZone .block {
	margin-right:1px;
	float:left;
	width:195px;
	height:285px;
	text-align:left;
}
.thrColFixHdr .displayZone h4{
	text-align:center;
	font-size:16px;
	line-height:18px;
	color:#EA0000;
	margin:0px 0px 6px 0px;
	;
}
.thrColFixHdr .displayZone .block_right {
	float:left;
	width:195px;
	height:285px;
	text-align:left;
}
.thrColFixHdr .displayZone p {
	font-size:14px;
	margin:0px;
	line-height:18px;
	color:#000;
}
.thrColFixHdr #footer {
	height: 60px;
} 
.thrColFixHdr #footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.thrColFixHdr #mainContent #mainInroduce {
	height: 175px;
	margin-top: 40px;
	width: 506px;
	background-image:url(img/iPhone.png);
	padding-top:5px;
	padding-left: 40px;
	padding-right:40px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color:#E4E4E4;
}
.thrColFixHdr #mainContent #mainInroduce h1{
	font-size:26px;
	margin:10px;
}
.thrColFixHdr #mainContent #mainInroduce p {
	font-size:18px;
	font-weight: bold;
	margin:8px;
}
.hidden {
	display: none;
}
li a {
	text-decoration: none;
	color: #3C3C3C;
	font-size: 14px;
}
img {
	border: 0px;
	margin-bottom:10px;
}

.thrColFixHdr #container #header #topMenu {
	height: 35px;
	float: left;
}
.thrColFixHdr #container #header #headerBar {
	height: 100px;
	margin-bottom: 3px;
}
h2 {
	font-weight: bold;
	background-color: #354E71;
	letter-spacing: normal;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:center;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.h2_title {
	padding-left: 6px;
	margin-bottom: 4px;
	font-weight: bold;
	background-color: #016db6;
	letter-spacing: normal;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:left;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.thrColFixHdr #container #sidebar1 li a:hover {
	background-image:url(img/button_02.gif);
}
.thrColFixHdr #container #sidebar1 img {
	margin: 5px 0px 5px 0px;
}
.thrColFixHdr #container #sidebar1 #link {
	text-align:center;
	margin-top: 10px;
	height: 110px;
	padding-top: 8px;
}
.thrColFixHdr #container #sidebar1 #link img{
	margin:5px 2px 5px 2px;
}
.thrColFixHdr #container #sidebar2 img {
	margin-bottom: 8px;
}
.thrColFixHdr #container #header #topMenu img {
	margin:0px 0px 0px 0px;
	float: left;
}
.thrColFixHdr #container #header #headerBar img {
	border-width: 0px;
}
.sideMenu ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
.sideMenu ul li a {
	background-image:url(img/button_03.jpg);
	display:block;
	height:36px;
	background-repeat:no-repeat;
	line-height:36px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding-left:26px;
}
.subMenu ul li a {
	display:block;
	height:36px;
	background-image:url(img/button_01.gif);
	background-repeat:no-repeat;
	line-height:36px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding-left:26px;
}
fieldset {
	display:block;
	padding:2px 2px 2px 2px;
}
#sidebar1 fieldset {
	width:160px;
}
#sidebar1 legend {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#3C7EA6;
}
.footer{
	background-color: #E6E6E6;
}
.footer img {
	margin:0px;
}
/*.footer #footerTop{
	margin-bottom: 5px;	
}
.footer #footerDown{
	margin-top: 5px;	
}*/
.footer #companyInfo{
	margin:4px;
	font-size: 14px;
	text-align: center;
}
.footer #outerLink{
	text-align:center;
}
.footer #outerLink img{
	margin-left:6px;
	margin-right:6px;
}
ul {
	padding:0px;
}
.red {
	color:#900;
}
.crumbs {
	text-align:left;
	margin:10px 10px 10px 10px;
	padding-bottom:10px;
	font-size:14px;
	color:#414141;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
.crumbs h1{
	display:inline;
	font-size:14px;
}
.displayZone h2{
	margin:15px 0px 15px 0px;
}
.newsTime {
	font-size:10px;
	color:#666;
}