@charset "big5";
#main2 {
	background-color: #FFFFFF;
	padding-top: 30px;
	position: relative;
	}
#pageFocus {
	width: 210px;
	float: left;
	margin-right: 40px;
}


#pageFocus li {
	float: left;
	width: 210px;
	height: 120px;
	list-style-type: none;
	margin-bottom: 35px;
}
#pageFocus li a  {
	background-image: url(../images/layout1/main1_1.jpg);
	display: block;
	width: 210px;
	height: 120px;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
	text-indent: -9999px;
	margin-bottom: 18px;
}

#pageFocus #mainA {
	background-image: url(../images/layout1/main1_1.jpg);
}

#pageFocus #mainB {
	background-image: url(../images/layout1/main1_2.jpg);
}

#pageFocus #mainC {
	background-image: url(../images/layout1/main1_3.jpg);
}

#pageFocus #mainD {
	background-image: url(../images/layout1/main1_4.jpg);
}

#pageFocus li a:hover {
	background-color: #000;
	opacity: 0.9;
	filter: Alpha(opacity=90);
}

#textArea {
	width: 400px;
	float: left;
}
#textArea h2 {
	height: 20px;
	width: 400px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
#textArea h3 {
	background-image: url(../images/about/about_t1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 20px;
	height: 35px;
}


#textArea p {
	width: 390px;
	margin-bottom: 15px;
	line-height: 1.4em;
	font-size: 15px;
}
#wrapper #main2 #left #textArea ul {
	list-style-type: square;
	margin-left: 30px;
	color: #8A3940;
}
#myHori  {
	height: 240px;
	width: 630px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	background-image: url(../images/about/hori.jpg);
	text-indent: -9999px;
	display: block;
}
#myHori:hover {
	opacity: 0.9;
	filter: Alpha(opacity=90);
	
}
#main2 #left {
	width: 660px;
	float: left;
}