/*
 * w194-10 - changesoft iweb11
 * http://www.changesoft.com.tw/
 *
 * Copyright 2015, Evelyn Wang
 * 
 * 
 * August 2015
 */
 
 
/* +news member
*----------------------------------------------------------------------------*/
#join {
	margin-bottom: 20px;
}

/**
*
* =form
*
**/
#join h2.step1 ,
#join h2.step2 {
	height: 125px;
	background: url(../images/member/img-memberJoin.png) no-repeat 0 0;
	text-indent: -999999px;
}

#join h2.step2 {
	background-position: 0 -125px;
}

#join span {
	font-size: 24px;
	color: #f2d97c;
}

#join p {
	margin-bottom: 15px;
	font-size: 16px;
	color: #fff;
}

#join p a {
	color: #fff;
}

#join fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#join fieldset p {
	margin-bottom: 0;
	padding: 10px;
    background: rgba(63,7,7,0.7);
    border: 1px #3f0707 solid;
	line-height: 35px;
	font-size: 16px;
	color: #c68b85;
}

#join fieldset p label {
	width: 110px;
	display: inline-block;
	text-align: right;
	color: #fff;
}

#join fieldset p label span {
	font-size: 16px;
	color: #FF0004;
}

#join fieldset p input[type="text"] ,
#join fieldset p input[type="password"]{
	margin-right: 5px;
	padding: 5px 10px;
	width: 280px;
	height: 30px;
	background: #fff;
	outline: none;
	border: 1px #666;
}

#join fieldset p input[type="radio"] {
	margin-right: 5px;
	width: 20px;
	height: 30px;
}

#join fieldset p input[type="button"] {
	padding: 5px 10px;
	height: 30px;
	background: #8a0000;
	border: 1px #b21c1b solid;
	line-height: 20px;
	color: #fff;
}

#join fieldset p:nth-child(even) {
	background: rgba(142,5,8,0.7);
	border: 1px #8c0011 solid;
}

#join fieldset p.open label {
	width: 130px;
}

#join fieldset.btn {
	margin-top: 20px;
	text-align: right;
}

#join fieldset.btn input[type="button"] {
	padding: 5px 10px;
	height: 30px;
	background: #8a0000;
	border: 1px #b21c1b solid;
	line-height: 20px;
	font-size: 16px;
	color: #fff;
}

#join #resend {
	padding: 70px 25px 0;
	height: 260px;
	background: url(../images/member/bg-resend.png) no-repeat 0 0;
	overflow: hidden;
}

#join #resend span {
	margin-bottom: 20px;
	display: block;
	color: #fff;
}


/* +game join
*----------------------------------------------------------------------------*/
#content-main #join h2.getGame {
	margin-bottom: 0;
	height: 480px;
	background: url(../images/member/img-gamejoin.png) no-repeat;
	text-indent: -999999px;
}

#join .remark {
	text-align: right;
	color: #fff;
}

#join #gameList {
	margin-top: 25px;
	padding: 25px;
	background: #200700;
    border: 2px #2f1b14 solid;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,1.00) inset;
}

#join #gameList span {
	color: #fff;
}

#join #gameList table {
	margin-top: 15px;
	background: #0a0005;
	border-top: 1px #46000c solid;
}

#join #gameList table tr td {
	padding: 10px;
	border: 1px #46000c solid;
	border-top: none;
	border-left: none;
	text-align: center;
	color: #f4e2df;
}

#join #gameList table tr td a {
	color: #fff;
}

#join #gameList table tr td:first-child {
	border-left: 1px #46000c solid;
}

#join #gameList table tr:nth-child(even) {
	background: #220510;
}

#join #gameList table tr.first {
	background: #340a1e;
}

#join #gameList table tr.first td {
	color: #fba68e;
	font-weight: bold;
}


/* +game join
*----------------------------------------------------------------------------*/
#content-main #join h2.login {
	margin-bottom: 0;
	height: 365px;
	background: url(../images/member/img-login.png) no-repeat;
	text-indent: -999999px;
}


/* +change password
*----------------------------------------------------------------------------*/
#content-main #join h2.password {
	height: 365px;
	background: url(../images/member/img-change_password.png) no-repeat;
	text-indent: -999999px;
}

/* +change password
*----------------------------------------------------------------------------*/
#content-main #join h2.mobile {
	height: 390px;
	background: url(../images/member/img-change_mobile.png) no-repeat;
	text-indent: -999999px;
}


/* +add point
*----------------------------------------------------------------------------*/
#content-main #join h2.addpoints {
	height: 475px;
	background: url(../images/member/img-point.png) no-repeat;
	text-indent: -999999px;
}


/* +member center
*----------------------------------------------------------------------------*/
#content-main #join .item {
	margin-bottom: 20px;
	width: 100%;
	height: 233px;
	background: url(../images/member/bg-member_center.png) no-repeat 0 0;
	overflow: hidden;
}

#content-main #join .item h3 {
	margin: 30px 0 20px;
	text-align: center;
	font-size: 21px;
	color: #ffbbc0;
}

#content-main #join .item ul {
	overflow: hidden;
}

#content-main #join .item ul li {
	line-height: 35px;
	text-align: center;
	font-size: 18px;
}

#content-main #join .item ul li a {
	color: #f28291;
}