/* ---------------------------------------------------------------- 初始化 -----------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0;
	padding:0;
	}
fieldset,img {
   border:0;
}
ol,ul {
	list-style-type: none;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
    font-size:12px;
}	
/* Remove the link outline */
a {
  outline:none;	/* For FF */
  noFocusLine:expression(this.onFocus=this.blur()); /* For IE */
} 
:focus {
  -moz-outline-style: none;
} /* For Firefox */ 	

html body div.clear, html body span.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

/* ------------------------------------------------------------- 基本設定 -----------------------------------------------*/

body {
	background: url(back_body.jpg) repeat-x left top;	
	font-size: 12px;
	color: #2f2f2f;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height:21px;
}
a {
	color: #2f2f2f;
	text-decoration: none;
}
a:hover {
	color: #374685;
}


/* ---------------------------------------------------------- 內頁背景 --------------------------------------------------*/


div#wrap_box {		
	width: 1003px;
	margin: 0 auto;
}
div#wrap {			
	position: relative;	
}

/* ----------------------------------------------------------- header ---------------------------------------------------*/

div#header {
	position: relative;
	width:1003px;
	height:542px;
	}
div.header_logo h1 {
	background: url(logo.jpg) no-repeat left top;
	width:326px;
	height:72px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	}
div.header_logo h1 a {
	display: block;
	width:326px;
	height:72px;
	text-indent: -9999px;	
	}
div.header_info {
	display: block;
	position: absolute;
	right: 40px;
	top: 24px;
	padding: 3px 6px 2px;
	font-size: 11px;
	z-index:100;	
}
div.header_info a {
	padding: 3px 10px;
	color:#000;
}
div.header_info a:hover {
	text-decoration: underline;
}


/* ----------------------------------------------- flash ------------------------------------------------------*/


div.flash {
	width: 941px;
	height: 435px;
	position: absolute;
	z-index: 100;
	left: 31px;
	top: 107px;
}	

/* ------------------------------------------------- 主選單 -----------------------------------------------*/

ul#nav_main {
	background:url(nav_main.jpg) no-repeat;
	width: 1003px;
	height:35px;
	position: absolute;
	left: 0px;
	top: 72px;
	z-index: 3;
}
ul#nav_main li {
	float:left;
}
ul#nav_main li a {
	background:url(nav_main.jpg) no-repeat;
	display: block;
	height:35px;
	text-indent:-9999px;	
}
ul#nav_main li a span {
	display: none;
}
ul#nav_main li:nth-child(1) a {
    width: 126px;
	background-position: 0 0;
}
ul#nav_main li:nth-child(2) a {
    width: 126px;	
	background-position: -126px 0;
}
ul#nav_main li:nth-child(3) a {
    width: 125px;	
	background-position: -252px 0;
}
ul#nav_main li:nth-child(4) a {
    width: 124px;	
	background-position: -377px 0;
}
ul#nav_main li:nth-child(5) a {
    width: 126px;	
	background-position: -501px 0;
}
ul#nav_main li:nth-child(6) a {
    width: 126px;	
	background-position: -627px 0;
}
ul#nav_main li:nth-child(7) a {
    width: 127px;		
	background-position: -753px 0;
}
ul#nav_main li:nth-child(8) a {
    width: 123px;		
	background-position: -880px 0;
}

ul#nav_main li:nth-child(1) a:hover {	
	background-position: 0 -35px;
}
ul#nav_main li:nth-child(2) a:hover {	
	background-position: -126px -35px;	
}
ul#nav_main li:nth-child(3) a:hover {	
	background-position: -252px -35px;	
}
ul#nav_main li:nth-child(4) a:hover {	
	background-position: -377px -35px;
}
ul#nav_main li:nth-child(5) a:hover {	
	background-position: -501px -35px;
}
ul#nav_main li:nth-child(6) a:hover {	
	background-position: -627px -35px;
}
ul#nav_main li:nth-child(7) a:hover {	
	background-position: -753px -35px;
}
ul#nav_main li:nth-child(8) a:hover {	
	background-position: -880px -35px;
}




/* ------------------------------------------------------ container ------------------------------------------------------*/

.container {
	background: url(back_container.jpg) no-repeat left top;	
	margin: 0;
	padding: 48px 0 0 0;
	position: relative;
	float:left;
	min-height:153px;
	_height:153px;
	font-size:11px;
}
.container h4 {
	text-indent:-9999px;
	height:0px;
}



/* ----------------------------------------------------- service ----------------------------------------------------*/


.service{
	width: 133px;
	float: left;
	padding: 0 0 0 156px;
	position: relative;
}
.service ul li {
	width:98%;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	zoom:1;
	border-top: 1px solid #e2e2e2;
	padding: 0 0 0 2px;	
}
.service span.more a {
	background: url(more.jpg) no-repeat left top;	
	display: block;
	width:40px;
	height:11px;
	position: absolute;
	right: 0;
	bottom: -20px;
	z-index: 6;
	text-indent: -9999px;
	}


/* ----------------------------------------------------- news ----------------------------------------------------*/

.news {
	width: 231px;
	float: left;
	padding: 0 0 0 141px;
	position: relative;
}
.news ul li {
	width:98%;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	vertical-align:top;
	zoom:1;
	border-top: 1px solid #e2e2e2;
	padding: 0 0 0 2px;
}
.news span.more a {
	background: url(more.jpg) no-repeat left top;	
	display: block;
	width:40px;
	height:11px;
	position: absolute;
	right: 0;
	bottom: -20px;
	z-index: 6;
	text-indent: -9999px;
	}
	
	
/* ----------------------------------------------------- event ----------------------------------------------------*/


.video {
	width: 265px;
	float: left;
	padding: 36px 17px 0 37px;
	position: relative;
}
.video ul li a {
	display: block;
	height:85px;
    font-size:0px;
}
.video ul li.n1 a {
	background: url(video_pic01.jpg) no-repeat left top;
}
.video span.more a {
	background: url(more.jpg) no-repeat left top;	
	display: block;
	width:40px;
	height:11px;
	position: absolute;
	right: 24px;
	top: -30px;
	z-index: 6;
	text-indent: -9999px;
	}
	
/* ------------------------------------------------------ nav_sub ------------------------------------------------------*/

#nav_sub {
	width:1003px;
	}
#nav_sub li {
	width:124px;
	float:left;
	text-align:center;
	border-right:1px solid #4f4f4f;
	}
#nav_sub li:last-child {
	border-right:none;
	}
#nav_sub li a {
	display:block;
	color:#b9b9b9;
	padding: 0 0 5px 0;
	}


/* --------------------------------------------------------- 網底 ---------------------------------------------------*/

#footer {
	clear:both;
	background:#2b2b2b url(back_footer.jpg) no-repeat left top;	
	width:100%;
	height:80px;
	position: relative;
	color:#797979;	
}
#footer address {
	padding: 26px 33px 0 100px;
	font-style: normal;
	font-weight: normal;
}
#footer address a {
	color:#ccc;
	}
	
ul#icon_link {
	position: absolute;
	right: 44px;
	top: 26px;
	z-index: 3;
	width:110px;
}
ul#icon_link li a {
	float: left;	
	display: block;
	width:18px;
	height:18px;
	margin: 0 2px;
    font-size:0px;
}
ul#icon_link li.n1 a {
	background: url(icon_01.jpg) no-repeat left top;
}
ul#icon_link li.n2 a {
	background: url(icon_02.jpg) no-repeat left top;
}
ul#icon_link li.n3 a {
	background: url(icon_03.jpg) no-repeat left top;
}
ul#icon_link li.n4 a {
	width:39px;
	background: url(icon_04.jpg) no-repeat left top;
}