@charset "utf-8";
@import url("base.css");
@import url("subpageBase.css");

#subbody #content {
	min-height: 450px;
}

#content #leftArea {
	display: block;
	width: 197px;
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 50;
}
#leftArea #menu {
	display: block;
	margin-bottom: 1px;
	width: 197px;
}
#menu #title {
	background-image: url(../images/product/menuTitle_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	padding-top: 7px;
	padding-left: 12px;
	margin-bottom: 1px;
}

#menu #list {
	background-image: url(../images/product/menuList_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	min-height: 300px;
	background-color: #DFEFD7;
	padding-top: 20px;
	padding-bottom: 1px;
}

#menu #list a:link,#menu #list a:visited{
	color: #333333;
}

#menu #list a:hover{
	color: #990000;
	text-decoration: underline;
}

#menu #list li {
	font-family: "細明體", "新細明體", Arial;
	font-size: 12px;
	color: #333333;
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 15px;
	height: 75px;
	margin-left: 10px;
}
#menu #list a {
	display: block;
	height: 75px;
	width: 170px;
}

#menu #list .link1 a:link, #menu #list .link1 a:visited {
	background-image: url(../images/member/listLink1.gif);
}

#menu #list .link1 a:hover {
	background-image: url(../images/member/listLink1a.gif);
}

#menu #list .link2 a:link, #menu #list .link2 a:visited {
	background-image: url(../images/member/listLink2.gif);
}

#menu #list .link2 a:hover {
	background-image: url(../images/member/listLink2a.gif);
}

#menu #list .link3 a:link, #menu #list .link3 a:visited {
	background-image: url(../images/member/listLink3.gif);
}

#menu #list .link3 a:hover {
	background-image: url(../images/member/listLink3a.gif);
}

#menu #list .link4 a:link, #menu #list .link4 a:visited {
	background-image: url(../images/member/listLink4.gif);
}

#menu #list .link4 a:hover {
	background-image: url(../images/member/listLink4a.gif);
}

#content #memberArea {
	display: block;
	min-height: 325px;
	width: 768px;
	padding-left: 212px;
	padding-bottom: 60px;
	position: relative;
}
#memberArea #title {
	display: block;
	background-image: url(../images/member/mainVision.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 79px;
	width: 768px;
	padding-bottom: 8px;
}

#memberArea #login {
	background-color: #e5e4e4;
	background-image: url(../images/member/memberAreaTitle2_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	min-height: 261px;
	padding-left: 20px;
	padding-right: 20px;
}


#content input.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 27px;
	width: 77px;
	background-image: url(../images/member/btn_bg2.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: normal;
	display: block;
	background-position: center center;
	padding-top: 1px;
	background-color: #e5e4e4;
	color: #FFFFFF;
	vertical-align: text-bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	float: right;
	letter-spacing: 0.3em;
}