@charset "utf-8";


/*個別表單寬度
--------------------------------------------------------------------------------------------------------*/
form#login {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}

form#userName {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

form#pwMail {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}

form#pwReset1 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

form#pwReset2 {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

form#resume {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

form#codeMobile {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

form#confirm {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

form#countDis {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

form#memModify {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

form#memPwModify {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

form#gsOne_rateModify {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

div#gsOne_charge {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

form#plPSet {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

form#plcon {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

form#ec3 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

form#serviceReply {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

#serviceMain {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#aboutus {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#usurpLaw {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

/*按下開啟隱藏區塊(faq使用)
--------------------------------------------------------------------------------------------------------*/
.servicePL_faq {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

.invoiceQa {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.serviceMember {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.service3D {
	width: 595px;
	margin-right: auto;
	margin-left: auto;
}

#maindiv ol {
	padding-left: 3em;
}

#maindiv ul {
	padding-left: 2em;
	list-style-type: square;
}

#maindiv ul li {
	margin-bottom: 5px;
	line-height: 1.3;
}

#maindiv .dsParent{
	cursor:pointer;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#maindiv .dsChild{
	display: none;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFCC99;
}


/*分頁
--------------------------------------------------------------------------------------------------------*/
div.pagination {
    overflow: hidden;
    font-size: 9pt;
    padding: 10px 0;
}

div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.pagination li {
    display: inline;
}

div.pagination.black2 {
      text-align:center;
      padding: 7px;
      margin: 3px;
}

div.pagination.black2 a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEBD00;
    text-decoration: none; /* no underline */
    color: #EEBD00;
}

div.pagination.black2 a:hover, div.pagination.black2 a:active {
      border: 1px solid #EEBD00;
      background-color:#EEBD00;
      color: #000;
}

div.pagination.black2 li.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEBD00;
    font-weight: bold;
    background-color: #EEBD00;
    color: #000;
}

div.pagination.black2 li.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #999;
    color: #999;
}


/*文字輸入框
--------------------------------------------------------------------------------------------------------*/
.text {
	border: 1px solid #46443F;
	background-color: #cccccc;
	padding: 2px;
}

.text:focus {
	border: 1px solid #F3C200;
	background-color: #FFFFFF;
}


/*按鈕- 全
--------------------------------------------------------------------------------------------------------*/
.submit {
	margin-bottom: 30px;
	text-align: center;
	clear: both;
}

.submit em {
	font-size: 11px;
	font-style: normal;
	padding-left: 20px;
	display: inline;
}

.submit input {
	border:none;
	cursor:hand;
	cursor:pointer;
	font-size:100%;
	height:24px;
	width:80px;
	padding:4px 0 0;
	text-align:center;
	background:url(../../images/btn_bg.gif) no-repeat;
	color: #FFFFFF;
}

.submit input.superbig {
	width:200px;
	background-image: url(../../images/btn_activateGame.gif);
	background-repeat: no-repeat;
	height: 68px;
	text-align: center;
	font-size: 14px;
}
.submit input.big {
	width:134px;
	background:url(../../images/btn_bg_l.gif) no-repeat;
}

/*按鈕- 特殊（點數分配-儲值完成及購買完成）
--------------------------------------------------------------------------------------------------------*/
.submitAtt {
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	margin-top: 20px;
}

.submitAtt em {
	font-size: 14px;
	font-style: normal;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	color: #B5E800;
}

.submitAtt input {
	border:none;
	cursor:pointer;
	height:60px;
	width:180px;
	background:url(../../images/submitAtt.gif) no-repeat;
}

.submitAtt input.small {
	font-size:100%;
	height:24px;
	width:80px;
	padding:4px 0 0;
	text-align:center;
	background:url(../../images/btn_bg.gif) no-repeat;
	color: #FFFFFF;
}


/*填寫個人資料-檢查帳號按鈕區
--------------------------------------------------------------------------------------------------------*/
#check {
	margin-bottom: 10px;
}

#check input {
	border:none;
	cursor:pointer;
	height:20px;
	width:74px;
	text-align:center;
	padding: 2px 0 0 20px;
	background: url(../../images/btn_check.gif) no-repeat;
	font-size: 11px;
}

#check em{
	text-align: left;
	margin-left: 10px;
	border: 1px dotted #46443F;
	padding: 2px;
	color: #A2E3FF;
}

/*表單送出後，本頁的結果區塊
--------------------------------------------------------------------------------------------------------*/
.event {
	position: relative;
	border: 1px dotted #F3C200;
	width: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color: #353331;
	clear: both;
	color: #F3C200;
}

.event h3 {
	font-size: 16px;
	line-height: 150%;
}

/*注意事項區塊-(費制修改注意事項列表+解封存
--------------------------------------------------------------------------------------------------------*/
.attBlock {
	border: 1px dotted #F3C200;
	padding: 10px;
	margin-bottom: 10px;
}

.attBlock.nBorder {
	border: none;
}

.attBlock h4 {
	font-size: 12px;
	margin-bottom: .5em;
}

.attBlock h3 {
	font-size: 16px;
	margin-bottom: .5em;
}

.attBlock p {
	margin-bottom:  .5em;
}

.attBlock ol {
	padding-left: 3em;
}

.attBlock ul {
	padding-left: 3em;
}

.attBlock li {
	padding-bottom: 0.5em;
}

.attBlock .attS{
	padding-top: 0.5em;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/*一般說明區塊h+p-(解封存+戰谷娛樂館計費方式說明
--------------------------------------------------------------------------------------------------------*/
.org {
	margin-bottom: 10px;
}

.org p {
	margin-bottom: 1em;
}

.org h4 {
	font-size: 12px;
	margin-bottom: 1em;
}

.org h3 {
	font-size: 16px;
	margin-bottom: 1em;
}

.org .selection {
	margin-bottom: 2em;
}

.org ol {
	padding-left: 3em;
}

.org ul {
	padding-left: 3em;
}

.org li {
	padding-bottom: 0.5em;
}


/*修改會員基本資料-手機及信箱認證按鈕
--------------------------------------------------------------------------------------------------------*/
.verBt {
	display: inline;
}

.verBt input {
	border:none;
	cursor:hand;
	cursor:pointer;
	font-size:11px;
	height:20px;
	width:80px;
	*padding:4px 0 0;
	text-align:center;
	background-repeat: no-repeat;
	background-image: url(../../images/btn_ver.gif);
}


/*表單樣式 1
--------------------------------------------------------------------------------------------------------*/
.formStyle1 table {
	font-size: 100%;
	width: 100%;
	border-top: 1px solid #46443F;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 10px;
}

.formStyle1 caption {
	padding: 10px;
	text-align: left;
	font-size: 13px;
	background-color: #785001;
	color: #FFFFFF;
}

.formStyle1 p {
	text-align: right;
	margin-bottom: 10px;
}


.formStyle1 p em {
	font-style: normal;
	color: #F3C200;
}

.formStyle1 td {
	border-bottom: 1px solid #46443F;
	border-right: none;
	border-top: none;
	border-left: none;
	padding: 10px;
	background: #353331;
}

.formStyle1 td em {
	font-size: 11px;
	font-style: normal;
	color: #FF9900;
}

.formStyle1 th {
	border-bottom: 1px solid #46443F;
	border-right: none;
	border-top: none;
	border-left: none;
	padding: 10px;
	font-weight: normal;
	background-color: #35302B;
	text-align: right;
	width: 158px;
	color: #cccccc;
}

.formStyle1 th em {
	font-style: normal;
	color: #F3C200;
}

.formStyle1 select {
	border: 1px solid #46443F;
	background-color: #cccccc;
	font-size: 12px;
	letter-spacing: normal;
}


/*表單（及表格）樣式 2
--------------------------------------------------------------------------------------------------------*/
.formStyle2 table {
	font-size: 100%;
	width: 100%;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #46443F;
	border-right-color: #46443F;
}

.formStyle2 caption {
	padding: 10px;
	text-align: left;
	font-size: 13px;
	color: #cccccc;
	background: #785001;
}

.formStyle2 p {
	text-align: left;
	margin-bottom: 10px;
}

.formStyle2 p em {
	font-size: 11px;
	font-style: normal;
	color: #FF6600;
	margin-top: 5px;
	display: block;
}

.formStyle2 td {
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	background: #353331;
	border-bottom: 1px solid #46443F;
	border-left: 1px solid #46443F;
}

.formStyle2 th {
	padding: 10px;
	font-weight: normal;
	text-align: right;
	width: 158px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #46443F;
	border-left-color: #46443F;
	color: #CCCCCC;
	background: #35302B;
}

.formStyle2 select {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	font-size: 12px;
	letter-spacing: normal;
}

/*表單（及表格）樣式 3
--------------------------------------------------------------------------------------------------------*/
.formStyle3 table {
	font-size: 100%;
	width: 100%;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #46443F;
	border-right-color: #46443F;
}

.formStyle3 p {
	text-align: left;
	margin-bottom: 10px;
}

.formStyle3 p em {
	font-size: 11px;
	font-style: normal;
	color: #FF9900;
	margin-top: 5px;
	display: block;
}

.formStyle3 td {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #46443F;
	border-left-color: #46443F;
	text-align: center;
	background: #353331;
}

.formStyle3 th {
	padding: 10px;
	font-weight: normal;
	background-color: #35302B;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #46443F;
	border-left-color: #46443F;
	color: #cccccc;
}

.formStyle3 select {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	font-size: 12px;
	letter-spacing: normal;
}

/*表單（及表格）樣式 4 新增日期 2010 Aug
--------------------------------------------------------------------------------------------------------*/
.formStyle4  {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

.formStyle4 table {
	font-size: 100%;
	width: 550px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #46443F;
}

.formStyle4 p {
	text-align: left;
	margin-bottom: 10px;
}

.formStyle4 p em {
	font-size: 11px;
	font-style: normal;
	color: #FF9900;
	margin-top: 5px;
	display: block;
}

.formStyle4 td {
	padding: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #46443F;
	text-align: left;
	background: #353331;
}

.formStyle4 th {
	padding: 10px;
	font-weight: normal;
	background-color: #35302B;
	color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #46443F;
	text-align: right;
}

.formStyle4 select {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	font-size: 12px;
	letter-spacing: normal;
}


/*表格樣式 1
--------------------------------------------------------------------------------------------------------*/
.tableStyle1 {
	margin-bottom: 10px;
	letter-spacing: normal;
}

.tableStyle1 p {
	text-align: right;
	margin-bottom: 10px;
}

.tableStyle1 table {
	font-size: 100%;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #46443F;
	border-right-color: #46443F;
}

.tableStyle1 caption {
	padding: 5px;
	text-align: left;
	font-size: 13px;
	background-color: #785001;
	color: #FFFFFF;
}

.tableStyle1 caption span.linkbox a {
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
}

.tableStyle1 td {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #46443F;
	border-left-color: #46443F;
	text-align: center;
	background: #353331;
}

.tableStyle1 th {
	padding: 5px;
	font-weight: normal;
	background-color: #35302B;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #46443F;
	border-left-color: #46443F;
	color: #cccccc;
}
/*表格樣式 2
--------------------------------------------------------------------------------------------------------*/
.tableStyle2 {
	margin-bottom: 10px;
	letter-spacing: normal;
}

.tableStyle2 p {
	text-align: right;
	margin-bottom: 10px;
}

.tableStyle2 table {
	font-size: 100%;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color:  #46443F;
	border-right-color:  #46443F;
}

.tableStyle2 caption {
	padding: 10px;
	text-align: left;
	font-size: 13px;
	background-color: #785001;
	color: #FFFFFF;
}

.tableStyle2 caption span.linkbox a {
	padding: 3px;
	font-size: 12px;
	color: #FFFFFF;
}

.tableStyle2 td {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color:  #46443F;
	border-left-color:  #46443F;
	text-align: left;
	background: #35333;
}

.tableStyle2 ul {
	list-style-type: none;
}

.tableStyle2 td em {
	font-size: 11px;
	font-style: normal;
	color: #FF9900;
}

.tableStyle2 th {
	padding: 10px;
	font-weight: normal;
	background-color: #35302B;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color:  #46443F;
	border-left-color:  #46443F;
	text-align: right;
	width: 150px;
	color: #cccccc;
}

/*電子發票明細頁
--------------------------------------------------------------------------------------------------------*/
#invoiceDetail {
	width: 580px;
}

#invoiceDetail p {
	text-align: center;
}

#invoiceDetailOK {
	width: 580px;
	border: 1px dotted #F3C200;
	text-align: center;
	clear: both;
	margin: 20px auto;
	padding: 20px 10px;
}

#invoiceDetailOK h3 {
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 1em;
	color: #F3C200;
}

#invoiceDetailOK p {
	font-size: 13px;
	line-height: 150%;
	margin-bottom: 1em;
}

/*戰谷娛樂館帳號解封存
--------------------------------------------------------------------------------------------------------*/
#gsOne_remove {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#gsOne_remove_a {
	float: left;
	width: 470px;
}

#gsOne_remove_b {
	float: right;
	width: 470px;
}


/*電子信箱及手機認證教學
--------------------------------------------------------------------------------------------------------*/
.verTeaching {
	width: 595px;
	padding: 5px;
}

.verTeaching ul {
	list-style: none;
}

.verTeaching ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #E1AC00;
	position: relative;
	overflow: auto;
}

.verTeaching ul li span {
	display: block;
	width: 175px;
	float: right;
}

.verTeaching ul li img {
	display: block;
	width: 400px;
	float: left;
	border: 1px solid #353331;
	padding: 4px;
}




/*戰谷138精神區塊
--------------------------------------------------------------------------------------------------------*/
.w138 {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.w138 p {
	margin-bottom: 1em;
}

.w138 h4 {
	font-size: 13px;
	margin-bottom: 1em;
	color: #FF9900;
}

.w138 h3 {
	font-size: 15px;
	margin-bottom: 1em;
	background: url(../../images/arr01.gif) no-repeat left 4px;
	padding-left: 15px;
	color: #FFffff;
}



/* 費制區塊 add by allen 04/02
--------------------------------------------------------------------------------------------------------*/
.formStyle1 .RSPlan {
	font-size: 100%;
	width: 100%;
	border-top: 0px solid #46443F;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-bottom: 0px;
}

.formStyle1 .RSPlan td {
	border-bottom: 0px solid #46443F;
	border-right: none;
	border-top: none;
	border-left: none;
	padding: 0px;
	background: #353331;
}


/*------------表單（及表格）樣式5 新增日期 2010 20/Aug-------------*/

.formStyle5  {
	width: 550px;
	margin-right: auto;
	margin-left: 20px;
}

.formStyle5 table {
	font-size: 100%;
	width: 546px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #46443F;
	margin-top: 10px;
}

.formStyle5 td {
	padding: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #46443F;
	background: #353331;
	text-align: center;
	line-height: 1.5;
}

.formStyle5 th {
	padding: 10px;
	font-weight: normal;
	background-color: #35302B;
	color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #46443F;
	text-align: center;
	width: 214px;
}
/*------------表單（及表格）樣式6 新增日期 2010 20/Aug-------------*/

.formStyle6  {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

.formStyle6 table {
	font-size: 100%;
	width: 646px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #46443F;
	margin-top: 10px;
}

.formStyle6 td {
	padding: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #46443F;
	background: #353331;
	text-align: left;
	line-height: 1.5;
}
.formStyle6 em {
	font-size: 11px;
	color: #FF9900;
	font-style: normal;
}


.formStyle6 th {
	padding: 10px;
	font-weight: normal;
	background-color: #35302B;
	color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #46443F;
	text-align: right;
	width: 180px;
}