@charset "utf-8";
/* CSS Document */
*{	margin: 0px;	padding: 0px;}
body{
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 1024px;
	height: 690px;
	margin: 0 auto;
	overflow:hidden;
}
#logo{
	background-image: url(images/logo_index.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
	height: 690px;
	width: 1024px;
	background-position: center;
	background-attachment: scroll;
}
/* 標題區 */
#mainNav{
	z-index: 2;
	background-image: url(images/bg_menu.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 40px;
}
/* 聯絡資訊 */
#contactInfobg{
	z-index: 2;
	background-color: #000;
	position: absolute;
	top:40px;
	height: 40px;
	width: 1024px;
	opacity:0.4;
}
#contactInfo{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	z-index: 2;
	position: absolute;
	top:40px;
	height: 40px;
	padding-top:10px;
}
#contactInfo a {color:#fff;text-decoration: none;} 
/* 內容區 */
#content{
	z-index: 1;
	background-repeat: no-repeat;
	height: 690px;
}
.title{
	z-index: 4;
	height: 34px;
	width: 200px;
	position: absolute;
	background-color: #000;
	margin-top: 455px;
	margin-left: 18px;
	opacity:0.4;
}
.title p{
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	padding: 7px 10px 7px 10px;
	text-align: center;
}
.title_white{
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
}
/* 下方選單區 */
#menubg{
	background-color: #181818;
	height: 156px;
	width: 1024px;
	position: absolute;
	z-index: 3;
	top: 500px;
	opacity:0.6;
}
#left_arrow{
	opacity:0.7;
	position:absolute;
	z-index: 5;
	top:40px;
}
#right_arrow{
	opacity:0.7;
	left:994px;
	position:absolute;
	z-index: 5;
	top:40px;
}
#menu{
	height: 156px;
	width: 1024px;
	position: absolute;
	z-index: 3;
	top: 500px;
}
.menu_item{
	margin-top:10px;
	float:left;
	font-size: 14px;
	color: #FFF;
	width: 204px;
	text-align:center;	
}
.news_desc{
	display:none;
}

.arrow_up{
	z-index: 100;
	height: 40;
	width: 40;
	position: absolute;
	margin-top: 40px;
	margin-left: 984px;
}
.arrow_down{
	z-index: 100;
	height: 40;
	width: 40;
	position: absolute;
	margin-top: 630px;
	margin-left: 984px;
}

/* slider container */
.iosSlider {
	/* required */
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 1024px;
	height: 690px;
}

/* slider */
.iosSlider .slider {
	/* required */
	width: 100%;
	height: 100%;
}

/* slide 1*/
.iosSlider .slider .slide {
	/* required */
	float: left;
	width: 1024px;
	height: 690px;
}
.iosSliderButtons {
	position: absolute;
	top: 470px;
	width: 1024px;
	height: 10px;
	text-align: center;
}
	
.iosSliderButtons .button {
	margin: 0 3px 0 0;
	opacity: 0.25;
	filter: alpha(opacity:25);
}
			
.iosSliderButtons .selected {
	opacity: 1;
	filter: alpha(opacity:100);
}
/* slide 2*/
.iosSlider2 {
	/* required */
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 1024px;
	height: 156px;
}
.iosSlider2 .slider {
	/* required */
	width: 100%;
	height: 100%;
}

/* slide */
.iosSlider2 .slider .slide {
	/* required */
	float: left;
	width: 1024px;
	height: 156px;
}