@charset "utf-8";
/* CSS Document */
#member_check {
	width: 690px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	padding-top:20px;
}
#member_check table{
	width:600px;
	margin:0 auto;
}
#member_check a {
	color: #B73372;
	text-decoration: underline;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member_check a:visited {
	color: #B73372;
}
#member_check a:hover {
	color: #B73372;
	text-decoration: underline;
}
#member_ok {
	width: 580px;
	height: 207px;
	margin: 0 auto;
	color: #575757;
	position: relative;
	background: url(../data/member/bg.jpg)
}

#member {
	width: 690px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:20px;
	padding-bottom:20px;
}
#member a {
	color: #FF6C00;
	text-decoration: underline;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member a:visited {
	color: #FF6C00;
	text-decoration: underline;
}
#member a:hover {
	color: #C11111;
	text-decoration: underline;
}
#member tr > td table tr td {
	color: #6D6049;
	padding: 4px 0px 0 0;
	border: none;
}
#member > table {
	width: 690px;
	margin: 0 auto;
	border-collapse: collapse;
	border:#CACACA 1px solid;
}
#member tr > td {
	color: #AAAAAA;
	padding: 10px 0px 10px 15px;
	line-height: 25px;
}
#member tr > td span.cc{
	color:#B15413;
	font-weight:bold;
}
#member tr > td img, #member tr > td input{
	vertical-align:middle;
}
#member tr > td span#account_msg{
	color: #B39751;
	display: block;
	padding-top: 5px;
}
#member tr > td span#acc{
	color: #777777;
	font-weight: normal;
}
#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: #FFF;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0px;
	background:#B03633;
	border-bottom:#D56F6C 1px solid;
}
#member tr > td.title_use img {
	padding: 0px 10px 3px 5px;
	vertical-align:middle;
}
#member .con {
	padding: 10px 0;
}
#member .message {
	padding-top: 5px;
	color: #FF8D11;
}
#member .message_edit {
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 11px;
	height: 25px;
	line-height: 25px;
	color: #C3AE93;
}
/*********************************************************/
#member2 {
	width: 690px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:20px;
	padding-bottom:20px;
}
#member2 .con{
	text-align:center;
}
#member2 > .title{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}
#member2 > .title span{
	color: #B20000;
}
#member2 a, #member2 a:visited {
	color:#FF3F00;
	text-decoration: none;
}
#member2 a:hover {
	color: #FF5A5A;
	text-decoration: none;
}
/****************************************************/
/****************************************************/
#member_form2 {
	padding:30px 0 0 0;
}
#member_form #info{
	margin:0 auto;
	line-height: 30px;
	padding: 0px 15px;
	color:#D1D1D1;
	background: #2E2E2E;
	margin-bottom:20px;
}
#member_form {
	width: 690px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
}
#member_form table{
	width: 650px;
	margin: 0 auto;
}
#member_form tr:hover{
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#member_form tr  td {
	padding: 6px 0px 6px 15px;
}
#member_form tr > td a {
	display: inline-block;
}
#member_form tr > td span{
	color: #FA6E2B;
	font-weight: bold;
}
#member_form tr > td.title {
	color: #4B4B4B;
	font-size: 13px;
}
#member_form tr > td.title img {
	padding: 0 10px 0 0px;
}
#member_form td input, #member_form td img{
	vertical-align:middle;
}
#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;
}
@media screen and (max-width: 1000px) {
	#member_form{
		padding: 20px 15px 0;
	}	
	#member_form table{
		width: 100%;
	}
	#member_form table tr,#member_form table td{
		display: block;
		width: 100%;
	}
	.contentbody{
		min-height: inherit!important;
	}

	#member table{
		max-width: 100%;
		width: 100%!important;
	}
	#member tr{
		display: block;
	}
	#member tr > td{
		display: block;
		width: 100%;
		padding: 7px 15px;
	}
}