/*-------------------------------------------------------------------
樣式表用途：index
作者：Chudapi 
信箱：chudapi@gmail.com
-------------------------------------------------------------------*/
/* container 樣式設定開始
-------------------------------------------------------------------*/
#container {
		height: 690px;
}
#slideshow {}
#slideshowNav {
		position: absolute;
		top: 230px;
		left: 10px;
		z-index: 100;
		list-style-type: none;
}
#slideshowNav li {
		float: left;
}
#prev2 {
		display: block; 
		overflow: hidden;
		width: 	45px;
		/*隱藏連結文字start*/
		height: 0 !important;
		height: /**/:45px;
		padding-top: 45px;
		/*隱藏連結文字end*/	
		background: url(../Images/Index/btnPrev.png) 0 0 no-repeat;
}
#prev2:hover {
		background: url(../Images/Index/btnPrevHover.png) 0 0 no-repeat;
}
#next2 {
		float: left;
		display: block; 
		overflow: hidden;
		width: 	45px;
		/*隱藏連結文字start*/
		height: 0 !important;
		height: /**/:45px;
		padding-top: 45px;
		/*隱藏連結文字end*/	
		background: url(../Images/Index/btnNext.png) 0 0 no-repeat;
}
#next2:hover {
		background: url(../Images/Index/btnNextHover.png) 0 0 no-repeat;
}
#cTop {
		position: relative;
		width: 100%;
		height: 450px;
}
#cBottom {
		position: absolute;
		top: 320px;
		left: 0;
		width: 100%;
		padding-top: 15px;
		height: 340px;
		text-align: left;
		z-index: 200;
}
	#news,
	#event,
	#product{
			float: left;
			width: 205px;
			height: 280px;
			padding: 6px 5px 0px 5px;
			margin-right: 20px;
			background: url(../Images/Index/bgCBottomBox.jpg) 0 0 no-repeat;
	}
	#download {
			float: left;
			width: 205px;
			height: 280px;
			padding: 6px 5px 0px 5px;
			background: #ff0000;
			background: url(../Images/Index/bgCBottomBox.jpg) 0 0 no-repeat;
			
			}
	#news h4.title1 {
			position: absolute;
			top: 23px;
			left: 0px;
			z-index: 100;
	}
	#event h4.title1 {
			position: absolute;
			top: 23px;
			left: 235px;
			z-index: 100;
	}
	#product h4.title1 {
			position: absolute;
			top: 23px;
			left: 470px;
			z-index: 100;
	}		
	#download h4.title1 {
			position: absolute;
			top: 23px;
			left: 705px;
			z-index: 100;
	}		
	#news h3.title2 a, #event h3.title2 a, #product h3.title2 a, #download h3.title2 a {
			/*color: #00ADBF;*/
			color: #00ADBF;
	}
	#news div.blackBlock {
			position: absolute;
			left: 5px;
			top: 171px;
			z-index: 100;
			width: 195px;
			height: 95px;
			padding: 5px;
			background: #000000;
			filter:alpha(opacity=85);
			opacity:0.85;			
	}
	#news div.blackBlock:hover {
			background: #000000;
			filter:alpha(opacity=75);
			opacity:0.75;			
	}	
	#event div.blackBlock {
			position: absolute;
			left: 240px;
			top: 171px;
			z-index: 100;
			width: 195px;
			height: 95px;
			padding: 5px;
			background: #000000;
			filter:alpha(opacity=85);
			opacity:0.85;			
	}
	#event div.blackBlock:hover {
			background: #000000;
			filter:alpha(opacity=75);
			opacity:0.75;			
	}	
	#product div.blackBlock {
			position: absolute;
			left: 475px;
			top: 171px;
			z-index: 100;
			width: 195px;
			height: 95px;
			padding: 5px;
			background: #000000;
			filter:alpha(opacity=85);
			opacity:0.85;			
	}
	#product div.blackBlock:hover {
			background: #000000;
			filter:alpha(opacity=75);
			opacity:0.75;			
	}	
	#download div.blackBlock {
			position: absolute;
			left: 710px;
			top: 171px;
			z-index: 100;
			width: 195px;
			height: 95px;
			padding: 5px;
			background: #000000;
			filter:alpha(opacity=85);
			opacity:0.85;			
	}
	#download div.blackBlock:hover {
			background: #000000;
			filter:alpha(opacity=75);
			opacity:0.75;			
	}	
	#news p, #event p, #product p, #download p {
			margin-top: 6px;
			font-size: 85%;
			color: #ccc;
	}
/* container 樣式設定結束
-------------------------------------------------------------------*/