﻿
/* change form -> div
--------------------------------------------------------------------------------------------------------*/
form
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595858;
	letter-spacing: 0.1em;
}

#formLogin{
	width: 530px;
	margin-right: auto;
	margin-left: auto;
}

#formUserName 
{
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

#formPwMail {
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}

#formResume {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}

#formMemModify {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

#formMemPwModify {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#formGsOne_rateModify {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

#formPlPSet {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

#formPlcon {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

#formCodeMobile {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

#formServiceReply {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
}

#formEc3 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

#formPlcon {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

#formPlcon {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
}

#formCountDis {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}



/* Modal Popup
--------------------------------------------------------------------------------------------------------*/

.modalBackground {
        background-color:#000;
        filter:alpha(opacity=80);
        opacity:0.8;
     }


/* 模擬 alt
--------------------------------------------------------------------------------------------------------*/

.simalt {position:relative;text-decoration:none;}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.simalt:hover {background-color:Transparent;color:#D7002A;text-decoration:underline;}
.simalt span {display: none }/*设置正常下的span为隐藏状态*/
.simalt:hover span /*设置hover下的span属性为呈现状态,并设置提示层的位置*/{display:block;position:absolute;top:30px;left:60px;border:1px solid #000000; color:#000;padding:2px;text-align:center;background-color:#FFFFE1;}


/* 首頁公告列表區 
--------------------------------------------------------------------------------------------------------*/
.TableForFlash 
{
    table-layout:fixed;
}

.text1ForFlash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align:left;

	word-break:keep-all;/* 不換行 */
	white-space:nowrap;/* 不換行 */
	overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
	text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
}

/* 發票內容文字
--------------------------------------------------------------------------------------------------------*/

.InvoiceContent
{
    font-size:9pt;
    color:blue;
}


/* Calendar picker
--------------------------------------------------------------------------------------------------------*/
.ajax__calendar td 
{
	padding: 0px;
}

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible; display: block;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}

/* 會員中心遊戲設定中心
--------------------------------------------------------------------------------------------------------*/
.EmptyItem {    /* 當沒有資料時的顯示 */
	font-size: 16px;
	line-height: 150%;
	text-align:center;
}

.ServiceList_ActionLink  /*  */
{
    color: Blue;
    text-decoration: underline;
}

/*服務條款與合約區塊
--------------------------------------------------------------------------------------------------------*/
#agreement_TelLock {
	position: relative;
	border: 1px dotted #CCCCCC;
	width: 520px;
	background-color: #f9f9f9;
	padding: 20px;
	display: block;
	overflow: auto;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/*注意事項區塊-電子發票列表說明
--------------------------------------------------------------------------------------------------------*/
.attBlock_eInvoice {
	border: 1px dotted #D20029;
	padding: 10px;
	margin-bottom: 10px;
}


.attBlock_eInvoice p {
	margin-bottom:  .5em;
}

.attBlock_eInvoice ol {
	padding-left: 3em;
}

.attBlock_eInvoice ul {
	padding-left: 1.5em;
}

.attBlock_eInvoice li {
	padding-bottom: 1em;
}


