@charset "utf-8";
/* CSS Document */
#content_title {
	font-size: 18px;
	font-weight: bold;
	color: #111111;
	font-family: Arial, "微軟正黑體";
	position: absolute;
	left: 130px;
	top: 48px;
	z-index: 50;
}
#member_list {
	height: 62px;
	line-height: 28px;
	margin: 0 auto;
	margin-bottom:20px;
	position: relative;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
	background: url(bg.png) bottom no-repeat;
}
#member_list li {
	width:72px;
	height: 62px;
	float: left;
	margin-right:15px;
	list-style:none;
}
#member_list li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}
#member_list li.list_01 {
	background: url(../member/menu_01.png) no-repeat;
}
#member_list li.list_01:hover {
	background: url(../member/c_menu_01.png) no-repeat;
}
#member_list li.list_01:act {
 background: url(../member/a_menu_01.png) no-repeat;
}
#member_list li.list_02 {
	background: url(../member/menu_02.png) no-repeat;
}
#member_list li.list_02:hover {
	background: url(../member/c_menu_02.png) no-repeat;
}
#member_list li.list_02:act {
 background: url(../member/a_menu_02.png) no-repeat;
}
#member_list li.list_03 {
	background: url(../member/menu_03.png) no-repeat;
}
#member_list li.list_03:hover {
	background: url(../member/c_menu_03.png) no-repeat;
}
#member_list li.list_03:act {
 background: url(../member/a_menu_03.png) no-repeat;
}
#member_list li.list_04 {
	background: url(../member/menu_04.png) no-repeat;
}
#member_list li.list_04:hover {
	background: url(../member/c_menu_04.png) no-repeat;
}
#member_list li.list_04:act {
 background: url(../member/a_menu_04.png) no-repeat;
}
#member_list li.list_05 {
	background: url(../member/menu_05.png) no-repeat;
}
#member_list li.list_05:hover {
	background: url(../member/c_menu_05.png) no-repeat;
}
#member_list li.list_05:act {
 background: url(../member/a_menu_05.png) no-repeat;
}
#member_list li.list_06 {
	background: url(../member/menu_06.png) no-repeat;
}
#member_list li.list_06:hover {
	background: url(../member/c_menu_06.png) no-repeat;
}
#member_list li.list_06:act {
 background: url(../member/a_menu_06.png) no-repeat;
}
#member_list li.list_07 {
	float: right;
	margin-right:0px !important;
	background: url(../member/menu_07.png) no-repeat;
}
#member_list li.list_07:hover {
	background: url(../member/c_menu_07.png) no-repeat;
}
#member_list li.list_07:act {
 background: url(../member/a_menu_07.png) no-repeat;
}
#member_logout {
	width: 68px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 4px;
	z-index: 5;
}
#member_logout span {
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: block;
	background: url(logout.png) no-repeat;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	transition: background 200ms linear;
}
#member_logout span:hover {
	background: url(logout_.png) no-repeat;
}
.info_use {
	width: 630px;
	margin: 0 auto;
	line-height: 18px;
	padding: 5px 0;
	margin-bottom: 15px;
	color: #535353;
}
.info_use a {
	color: #C5392C;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
.info_use a {
	color: #C5392C;
	text-decoration: none;
}
.info_use a:visited {
	color: #C5392C;
	text-decoration: none;
}
.info_use a:hover {
	color: #97B826;
	text-decoration: none;
}
.info_use img {
	padding: 0 5px;
}
.info_use span {
	color: #E4852E;
}
#member_title {
	width: 660px;
	color: #D0D0D0;
	margin: 0 auto;
	margin-bottom: 20px;
}
#member_check {
	width: 660px;
	padding: 15px 0;
	color: #666666;
	margin: 0 auto;
}
#member_check a {
	color: #F43E10;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#member_check a:visited {
	color: #F43E10;
	text-decoration: none;
}
#member_check a:hover {
	color: #F43E10;
	text-decoration: underline;
}
#member_ok {
	width: 580px;
	height: 207px;
	margin: 0 auto;
	color: #575757;
	position: relative;
	background: url(bg.jpg)
}
#member {
	width: 680px;
	height: auto;
	margin: 0 auto;
	color: #575757;
	position: relative;
	margin-bottom: 10px;
}
#member a {
	color: #E44628;
	text-decoration: underline;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#member a:visited {
	color: #E44628;
	text-decoration: underline;
}
#member a:hover {
	color: #01A9D9;
	text-decoration: underline;
}
#member tr > td table tr td {
	color: #6D6049;
	padding: 4px 0px 0 0;
	border: none;
}
#member table {
	border-collapse: collapse;
}
#member tr > td {
	color: #777777;
	padding: 10px 15px;
	border-bottom: #C1DAEA 1px solid;
}
#member tr > td spanm {
	color: #777777;
	display: block;
	padding-top: 5px;
}
#member tr > td span {
	color: #777777;
}
#member tr > td span1 {
	color: #525252;
	font-weight: bold;
}
#member tr > td.con_use {
	color: #B15514;
}
#member tr > td.con_use span {
	color: #777777;
}
#member tr > td.con_use span1 {
	color: #FF0000;
	font-weight: normal;
}
#member tr > td.title_use {
	color: #3D2519;
}
#member tr > td.title_use img {
	padding: 5px 10px 0px 5px;
}
#member .con {
	padding: 10px 0;
}
#member .message {
	padding-top: 5px;
	color: #FF8D11;
}
#member .message_edit {
	position: absolute;
	right: 20px;
	top: 9px;
	height: 25px;
	line-height: 25px;
	color: #666666;
}
/*********************************************************/
#member2 {
	width: 629px;
	position: relative;
	margin: 0 auto;
}
#member2 tr > td {
	padding: 5px 20px 5px 10px;
}
#member2 a {
	color: #D0006E;
	font-weight: bold;
	text-decoration: none;
}
#member2 a:visited {
	color: #D0006E;
	font-weight: bold;
	text-decoration: none;
}
#member2 a:hover {
	color: #FF79BF;
	font-weight: bold;
	text-decoration: none;
}
.cap_use h1 {
	color: #333333;
	font-weight: bold;
	font-size: 14px;
}
.cap_use h2 {
	color: #211713;
	font-size: 15px;
	font-weight: bold
}
.cap_use h3 {
	color: #E54C59;
	font-size: 13px;
	font-weight: bold
}
.cap_use {
	width: 675px;
	height: auto;
	text-align: center;
	color:#2A2A2A;
	margin:0 auto;
}
.cap_use a {
	color: #E44627;
	text-decoration: underline;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
.cap_use a:visited {
	color: #E44627;
	text-decoration: underline;
}
.cap_use a:hover {
	color: #00A9D8;
	text-decoration: underline;
}
.cap_use span {
	color: #FF8C11;
}
#member h1 {
	color: #2A2A2A;
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 10px 0;
}
#member_form {
	width: 500px;
	padding: 0 0 0 0;
	position: relative;
	color: #3D2519;
	margin: 0 auto;
}
#member_form tr  td {
	padding:5px 10px;
}
#member_form tr > td a {
	display: inline-block;
}
#member_form tr > td span1 {
	color: #FF8E11;
	font-weight: bold;
}
#member_form tr > td.title {
	color: #3D2519;
}
#member_form tr > td.title img {
	padding: 0 10px 0 0px;
}
#member .notice {
	border-bottom: #999 1px dotted;
	border-top: #999 1px dotted;
	color: #77583E;
	margin-top: 20px;
}
#member .notice a {
	color: #F00;
	padding: 0px;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#member .notice a:visited {
	color: #F00;
	padding: 0px;
	text-decoration: none;
}
#member .notice a:hover {
	color: #F90;
	text-decoration: none;
}