@charset "utf-8";

/* 
//
//global style 
//
*/

/* init page style*/
html, body, div, table, span, ul, li, a, pre ,form , input, textarea
{
	margin:0;
	padding:0;
}

/* init font style */
h1, h2, h3, h4, h5, h6, h7, p, a, title, strong, address, ul, li, table, td, input, textarea
{
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	font-stretch:normal;
	font-size:12px;
}

/* init block style */
table, tr, td, div { border:0; }

div
{
	border:0px solid #000;
	margin:auto;
}

/* 
//
// degault style 
//
*/
body{
	background-color:#EEE;
	width:100%;
	height:auto;
}

	#header
	{
		width:802px;
		height:120px;
		position:relative;
	}
	
		#header #langNav{
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			display:block;
			float:right;
			position:relative;
			top:12px;
			right:33px;
		}
			#header #langNav li{
				width:100px;
				font-size:10px;
				display:inline;
				padding:5px;
			}
			
			#header #langNav li a:link,
			#header #langNav li a:visited
			{
				color:#FFF;
				text-decoration:none;
			}
			
			#header #langNav li a:hover{
				color:#f90;
				text-decoration:none;
			}
			
			#header #langNav li a:active{
				color:#f00;
				text-decoration:underline;
			}
			
		#header #headNav{
			list-style-type: none;
			height: 37px;
			margin: auto;
			cursor: pointer;
			position:absolute;
			top:83px;
			right:16px;
		}
			
			#header #headNav li{
				float: left;
				color: #CCC;
				margin-right: 3px;
			}
				#header #headNav a{
					display: block;
					line-height: 37px;
					text-decoration: none;
					font-family: "微軟正黑體","新細明體";
					font-size: 12px;
				}
					#header #about{
						background-image:url(../assets/header_css_styling.png);
					}
					#header #prod{
						background-image:url(../assets/header_css_styling_ps.png);
					}
					#header #headNav a:hover,
					#header #headNav a:active{
						color: #FFF;
					}
					#header #headNav #about:hover,
					#header #headNav #about:active{
						background-image:url(../assets/header_css_styling_over.png);
					}
					#header #headNav #prod:hover,
					#header #headNav #prod:active{
						background-image:url(../assets/header_css_styling_over_ps.png);
					}

#nav ul{
	list-style-type: none;
	width: 802px;
	height: 30px;
	margin: auto;
	cursor: pointer;
}

	#nav #aboutRbNav{
		background-image:url(../assets/ul_css_styling.png);
	}
	
	#nav #prodServiceNav{
		background-image:url(../assets/ul_css_styling_ps.png);
	}

	#nav li{
		float: left;
		color:#CCC;
	}
		#nav a{
			background-repeat: no-repeat;
			background-position: right;
			display: block;
			line-height: 30px;
			text-decoration: none;
			font-family: "微軟正黑體","新細明體";
			font-size: 12px; *font-size:11px;
		}
			#nav #aboutRbNav a{
				background-image:url(../assets/ul_css_styling_border.png);
			}
			
			#nav #prodServiceNav a{
				background-image:url(../assets/ul_css_styling_border_ps.png);
			}
			
			#nav a:hover,
			#nav a:active{
				color: #FFF;
			}
#content
{
	width:784px;
	background-color:#FFF;
	text-align:center;
	padding:5px 10px 10px 10px;
	position:relative;
}
	
/*
//
*/
	
#footer
{
	width:802px;
	height:18px;
	color:#CCC;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:4px;
	background-color:#555;
	border:0;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	position:relative;
}

/*------------------------------------
	jQuery互動
------------------------------------*/

/*	主頁面選單（關於） - 滑鼠滑入 */
.aboutNavRollStyle{
	background-image:url(../assets/ul_css_styling_over.png);
}
/*	主頁面選單（關於） - 滑鼠點擊 */
.aboutNavClickStyle{
	background-image:url(../assets/ul_css_styling_over.png);
}

/*	主頁面選單（服務） - 滑鼠滑入 */
.servNavRollStyle{
	background-image:url(../assets/ul_css_styling_over_ps.png);
}
/*	主頁面選單（服務） - 滑鼠點擊 */
.servNavClickStyle{
	background-image:url(../assets/ul_css_styling_over_ps.png);
}


/* award */
#award{
	margin:0 auto;
	padding:5px 0 0 0;
	width:100%;
	font-size:12px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

#award .award_title{
	font-size:14px;
	font-weight:600;
	color:#CC0000;
}