@charset "utf-8";


HTML, BODY {
  	margin: 0px;
	padding: 0px;
	font-family: Arial, 新細明體;
}
HTML {
	background: #FFF url(images/bg/bg_left.jpg) no-repeat left bottom fixed;
}

/* H1 */
H1 {
	font-size: 16px;
	font-weight: bold;
	color: #195586;
	text-decoration: none;
	margin: 0px;
}
H1 A:link {
	COLOR: #195586; TEXT-DECORATION: none;
}
H1 A:visited {
	COLOR: #206686; TEXT-DECORATION: none;
}
H1 A:hover {
	COLOR: #FF9400; TEXT-DECORATION: underline;
}
H1 A:active {
	COLOR: #F00; TEXT-DECORATION: underline;
}
/* H2 */
H2 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
H2 A:link {
	COLOR: #000; TEXT-DECORATION: underline;
}
H2 A:visited {
	COLOR: #000; TEXT-DECORATION: underline;
}
H2 A:hover {
	COLOR: #F00; TEXT-DECORATION: underline;
}
H2 A:active {
	COLOR: #F00; TEXT-DECORATION: underline;
}
/* H3 */
H3 {
	font-size: 13px;
	font-weight: bold;
	color: #195586;
	text-decoration: none;
	margin: 0px;
}
H3 A:link {
	COLOR: #195586; TEXT-DECORATION: none;
}
H3 A:visited {
	COLOR: #206686; TEXT-DECORATION: none;
}
H3 A:hover {
	COLOR: #FF9400; TEXT-DECORATION: underline;
}
H3 A:active {
	COLOR: #F00; TEXT-DECORATION: underline;
}
/* H4 */
H4 {
	font-size: 13px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}
H4 A:link {
	COLOR: #900; TEXT-DECORATION: none;
}
H4 A:visited {
	COLOR: #900; TEXT-DECORATION: none;
}
H4 A:hover {
	COLOR: #900; TEXT-DECORATION: underline;
}
H4 A:active {
	COLOR: #900; TEXT-DECORATION: underline;
}

A:link {
	COLOR: #860; TEXT-DECORATION: none
}
A:visited {
	COLOR: #860; TEXT-DECORATION: none
}
A:active {
	COLOR: #F60; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #F60; TEXT-DECORATION: underline
}
TABEL {
	BORDER-COLLAPSE: collapse;
}
TD {
	FONT-SIZE: 12px; 
	COLOR: #555; 
}
INPUT {
	FONT-SIZE: 12px; 
	COLOR: #886; 
	FONT-WEIGHT: bold;
	PADDING: 2px 3px 2px 3px; 
	BORDER: #680 1px solid; 
	BACKGROUND: url(images/bg/inputbg.jpg) repeat-x left top; 
}
.clearitem {
	border: 0px;
	background: none;
}


/* ctsTitle */
.ctsTitle {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.ctsTitle A:link {
	COLOR: #860; TEXT-DECORATION: none
}
.ctsTitle A:visited {
	COLOR: #860; TEXT-DECORATION: none
}
.ctsTitle A:active {
	COLOR: #F60; TEXT-DECORATION: underline
}
.ctsTitle A:hover {
	COLOR: #F60; TEXT-DECORATION: underline
}
/* ctsText */
.ctsText {
	font-size: 12px;
	font-weight: normal;
	color: #555;
	text-decoration: none;
}
.ctsText A:link {
	COLOR: #900; TEXT-DECORATION: none
}
.ctsText A:visited {
	COLOR: #930; TEXT-DECORATION: none
}
.ctsText A:active {
	COLOR: #F00; TEXT-DECORATION: underline
}
.ctsText A:hover {
	COLOR: #F00; TEXT-DECORATION: underline
}
/* ctsDate */
.ctsDate {
	font-size: 12px;
	font-weight: normal;
	color: #669;
	text-decoration: none;
}
/* errMsg */
.errMsg {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
/* note */
.note {
	font-size: 12px;
	font-weight: normal;
	color:#08C;
}

/* white */
.white10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; 
	COLOR: #FFF;
}
.white10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #FFF;
}
.white12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFF; line-height: 18px;
}
.white12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFF; line-height: 18px;
}
/* black */
.black10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000;
}
.black10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000;
}
.black12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000; line-height: 18px;
}
.black12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; line-height: 18px;
}
/* red */
.red10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #F00;
}
.red10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #F00;
}
.red12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #F00; line-height: 18px;
}
.red12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #F00; line-height: 18px;
}
.red14 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #F00; line-height: 18px;
}
.red14b {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #F00; line-height: 18px;
}
/* blue */
.blue10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #06B;
}
.blue10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #06B;
}
.blue12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #06B; line-height: 18px;
}
.blue12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #06B; line-height: 18px;
}
/* gray */
.gray10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #555;
}
.gray10b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #555;
}
.gray12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #555; line-height: 18px;
}
.gray12b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555; line-height: 18px;
}

.dotLine {
	border-style: dotted;
	color: #886;
}



/* logo */
#logo {
	padding: 46px 0px 0px 40px;
	float: left;
}

/* menu */
#menu {
	padding: 60px 0px 0px 120px;
}
#menu ul {
	list-style: none;
	float: left;
	margin: 0px;
	width: 130px;
	height: 80px;
	padding: 60px 0px 0px 0px;
}
#menu li {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
#menu li.mnttl {
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	color: #000;
	text-align: center;
}
#menu ul.mn1 {
	background: url(images/bg/bg_menu1.jpg) no-repeat center top;
}
#menu ul.mn1:hover {
	background: url(images/bg/bg_menu1a.jpg) no-repeat center top;
}
#menu ul.mn2 {
	background: url(images/bg/bg_menu2.jpg) no-repeat center top;
}
#menu ul.mn2:hover {
	background: url(images/bg/bg_menu2a.jpg) no-repeat center top;
}
#menu ul.mn3 {
	background: url(images/bg/bg_menu3.jpg) no-repeat center top;
}
#menu ul.mn3:hover {
	background: url(images/bg/bg_menu3a.jpg) no-repeat center top;
}
#menu ul.mn4 {
	background: url(images/bg/bg_menu4.jpg) no-repeat center top;
}
#menu ul.mn4:hover {
	background: url(images/bg/bg_menu4a.jpg) no-repeat center top;
}
#menu ul.mn5 {
	background: url(images/bg/bg_menu5.jpg) no-repeat center top;
}
#menu ul.mn5:hover {
	background: url(images/bg/bg_menu5a.jpg) no-repeat center top;
}
#menu ul.mn6 {
	background: url(images/bg/bg_menu6.jpg) no-repeat center top;
}
#menu ul.mn6:hover {
	background: url(images/bg/bg_menu6a.jpg) no-repeat center top;
}
#menu a:link {
	color: #000;
}
#menu a:hover {
	color: #F70;
	text-decoration: underline;
}
#menu a:visited {
	color: #000;
}
#menu a:active {
	color: #F00;
	text-decoration: underline;
}
#menu img {
	border: 0px;
}

/* cts */
#cts {
	padding: 0px 0px 0px 250px;
	width: 60%;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	color: #333;
}
#cts div {
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

/* dirBar */
#dirBar {
	font-size: 12px;
	font-weight: normal;
}
#dirBar a:link {
	color: #48C;
}
#dirBar a:hover {
	color: #E6A;
	text-decoration: underline;
}
#dirBar a:visited {
	color: #48C;
}
#dirBar a:active {
	color: #E6A;
	text-decoration: underline;
}

/* works */
#works {
	padding: 20px 0px 0px 0px;
	clear: both;
	width: 100%;
}
#works ul {
	padding:0px;
}
#works ul li {
	text-align: center;
	list-style: none;
	margin: 10px 20px 20px 0px;
	float: left;
	height: 160px;
	
}
#works ul li p {
	margin-top: 3px;
	font-size: 12px;
	font-weight: bold;
}
#works a:link {
	color: #900;
}
#works a:hover {
	color: #F00;
	text-decoration: underline;
}
#works a:visited {
	color: #900;
}
#works a:active {
	color: #F00;
	text-decoration: underline;
}
#works ul li img {
	border: #000 1px solid;
	width: 180px;
}
#works ul li img.indexShow {
	border: #000 1px solid;
	width: 130px;
}

/* footer */
#footer {
	margin: 50px auto 50px 60px;
	clear: both;
	width: 87%;
	height: 75px;
	background: url(images/img_services.gif) no-repeat right top;
}
#footer div {
	font-size:11px;
	color: #000;
}

/* building */
#building {
	position: absolute;
	top: 20%;
	right: 20%;
	width: 500px;
	height: 167px;
	text-align: right;
	font-size:12px;
	color: #666;
	background: url(images/building.jpg) no-repeat right top;
}