/*-------------------------------------------------------------------
樣式表用途：網站通用基本樣式表
作者：Chudapi 
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/

/* 基本樣式設定開始
-------------------------------------------------------------------*/
* {
		/* 使用通用選擇器設定將所有元素 */
		margin: 0;
		padding: 0;
		font-size: 100%;
}
body {
		margin: 0;
		padding: 0;
		font-size: 85%;
		font-family: Verdana, Arial, Helvetica, sans-serif ;
		text-align: center; /* 設定置中對齊 防止IE5錯誤 */
		line-height: 1.4;
		color: #ffffff;
		background: url(../Images/MasterPage/bgBody.png) 50% 0 no-repeat #c2dce2;	
}
p,li,h1,h2,h3,h4,h5,h6,span {
		/*\*/
		letter-spacing: 0.1em;
		/**/
		font-weight: normal;	
}
img {
		border-style: none;
		border-color: inherit;
		border-width: 0;
}

a {
		text-decoration: none;
		color: #00ADBF;
}

ul {
		list-style-type: none;
}

/* 基本樣式設定結束
-------------------------------------------------------------------*/
/* wrapper 樣式設定開始
-------------------------------------------------------------------*/
#upper {
		margin: 0 auto; /* 設定為自動調整邊界 */
		width: 920px; /* 統一整個版面的寬度 */
		text-align: left; /* 設定靠左對齊 不使用body指定的屬性 */
}
/* wrapper 樣式設定結束
-------------------------------------------------------------------*/
/* header 樣式設定開始
-------------------------------------------------------------------*/
#header {
		position: relative;
		width: 100%;
		height: 195px;
		text-align: left;
		background:  ;	
}
	#logo {
			position: absolute;
			left: -23px;
			top: 58px;
			width: 337px;
			height: 103px;
	}
	#backHome {
			position: absolute;
			top: 0;
			left: -16px;
			display: block; 
			overflow: hidden;
			color: #ffffff;
			width: 	80px;
			/*隱藏連結文字start*/
			height: 0 !important;
			height: /**/:35px;
			padding-top: 35px;
			/*隱藏連結文字end*/
			background: url(../Images/MasterPage/btnBackHome.png) 0 0;			
	}	
	#backHome:hover {
			background: url(../Images/MasterPage/btnBackHome.png) 0 0 #000000;			
	}
	#navCompany a {background: url(../Images/MasterPage/nav.png) 0 0; }
	#navProduct a {background: url(../Images/MasterPage/nav.png) -80px 0;}
	#navDownload a {background: url(../Images/MasterPage/nav.png) -160px 0;}
	#navFAQ a {background: url(../Images/MasterPage/nav.png) -240px 0;}
	#navCase a {background: url(../Images/MasterPage/nav.png) -320px 0;}
	#navContact a {background: url(../Images/MasterPage/nav.png) -400px 0;}
	#navLanguage a {width: 70px; background: url(../Images/MasterPage/nav.png) -480px 0;}
	/*
	#navCompany a:hover {background: url(../Images/MasterPage/nav.png) 0 -35px;}
	#navProduct a:hover{background: url(../Images/MasterPage/nav.png) -80px -35px;}
	#navDownload a:hover {background: url(../Images/MasterPage/nav.png) -160px -35px;}
	#navFAQ a:hover {background: url(../Images/MasterPage/nav.png) -240px -35px;}
	#navCase a:hover {background: url(../Images/MasterPage/nav.png) -320px -35px;}
	#navContact a:hover {background: url(../Images/MasterPage/nav.png) -400px -35px;}
	#navLanguage a:hover {background: url(../Images/MasterPage/nav.png) -480px -35px;}	
	*/
	#navCompany a.stay {background: url(../Images/MasterPage/nav.png) 0 -70px;}
	#navProduct a.stay{background: url(../Images/MasterPage/nav.png) -80px -70px;}
	#navDownload a.stay {background: url(../Images/MasterPage/nav.png) -160px -70px;}
	#navFAQ a.stay {background: url(../Images/MasterPage/nav.png) -240px -70px;}
	#navCase a.stay {background: url(../Images/MasterPage/nav.png) -320px -70px;}
	#navContact a.stay {background: url(../Images/MasterPage/nav.png) -400px -70px;}
	#navLanguage a.stay {background: url(../Images/MasterPage/nav.png) -480px -70px;}

	#navProduct ul li a, #navDownload ul li a, #navLanguage ul li a {
			display: block; 
			overflow: hidden;
			color: #f2f2f2;
			width: 	200px;
			height: 15px !important;
			height: /**/:15px;
			padding: 5px 0 5px 10px;
			font-size: 85%;
			background: none;
	}
	#navProduct ul li.navTop, #navDownload ul li.navTop, #navLanguage ul li.navTop {
			padding-top: 5px;
			/*padding-left: 10px; IE6*/
			background: #000000;
	}
	#navProduct ul li.navBottom, #navDownload ul li.navBottom , #navLanguage ul li.navBottom {
			padding-top: 5px;
			/*padding-left: 10px;  IE6*/			
			background: #000000;
	}	
	#navProduct ul li a:hover, #navDownload ul li a:hover, #navLanguage ul li a:hover {
			color: #cccccc;
			background: none;
	}
	
	
	#language {
			position: absolute;
			top: 0;
			left: 65px;
			font-size: 80%;
			
	}
	#language {
			list-style-type: none;
	}
	#language li {
			float: left;
	}
	#language li a {
			display: block;
			padding: 9px 0;
			color: #cccccc;
	}
	#language li a:hover {
			color: #ffffff;
	}
/* header 樣式設定結束
-------------------------------------------------------------------*/
/* container 樣式設定開始
-------------------------------------------------------------------*/
#container {
		position: relative;
		width: 100%;
		text-align: center;
}
.block {
		padding-bottom: 30px;
}
.ListStyle1 {
		list-style-type: square;
		list-style-position: inside;
		padding-bottom: 40px;
}
.ListStyle1 li {
		padding: 5px 0;
}
.ListStyle2 {
		list-style-type: circle;
		list-style-position: inside;
		padding-bottom: 10px;
}
.ListStyle3 {
		list-style-type: decimal;
		list-style-position: inside;
		padding-bottom: 10px;
}
.ListStyle3 li {
		font-weight: bold;
		padding: 20px 0;		
}
.ListStyle3 ul {
		list-style-type: circle;
		list-style-position: inside;

}
.ListStyle3 li li {
		padding: 5px 0;
		margin-left: 30px;
		font-weight: normal;
}
.TitleStyle1 {
		padding-bottom: 20px;
		color: #000000;
		font-weight: bold;
		font-size: 120%;
}
.TitleStyle2 {
		padding: 5px;
		margin-bottom: 20px;
		color: #ffffff;
		font-weight: bold;
		background: #3087A4;
}
.TitleStyle3 {
		padding-bottom: 20px;
		color: #003366;
		font-weight: bold;
}

.ParagraphStyle1 {
		padding-bottom: 40px;
}
.ParagraphStyle1 img {
		border: 5px solid #f2f2f2;
		filter:alpha(opacity=90);
		opacity:0.9;		
}
.ParagraphStyle1 img:hover {
		border: 5px solid #f2f2f2;
		filter:alpha(opacity=100);
		opacity:1;		
}
.ParagraphStyle2 {
		color: #003366;
		padding-bottom: 10px;
}
.ParagraphStyle3 {
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #000;
}
.highLightStyle1 {
		text-align: center;
		padding: 5px;
		margin-bottom: 20px;
		color: #ffffff;
		font-weight: bold;
		background: #3087A4;
}
/* container 樣式設定結束
-------------------------------------------------------------------*/	
/* footer 樣式設定開始
-------------------------------------------------------------------*/
#footer {
		width: 100%;
		height: 100%;
		clear: both;
		text-align: center;	
		border-top: 4px solid #00A9BD;
		padding: 15px 0 110px 0;
		background: #E6E6E6;
}	
	/* copyright 樣式設定開始
	-------------------------------------------------------------------*/
	#copyright {
			width: 920px;
			margin: 0 auto;
			text-align: left;
	}
	#copyright h6 {
			color: #000000;
			font-size: 80%;
	}
	/* copyright 樣式設定結束
	-------------------------------------------------------------------*/	
/* footer 樣式設定結束
-------------------------------------------------------------------*/