@charset "utf-8";


/*intro頁專用-內容區塊-1欄式
--------------------------------------------------------------------------------------------------------*/
#intro {
	height: 335px;
	width: 746px;
	margin: 90px auto;
	background: url(../../images/introBg.gif) no-repeat center center;
	position: relative;
}

#intro h3 {
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	color: #F3C200;
}

#introMenu {
	position: absolute;
	left: 45px;
	top: 55px;
	height: 223px;
	width: 656px;
}

#introMenu li {
	list-style-type: none;
	float: left;
	_display: inline;
}

#introMenu li span {
	text-align: center;
	display: block;
}

#introMenu li a {
	text-indent: -9999px;
	width: 325px;
	display: block;
	height: 223px;
	background-image: url(../../images/introMenu.jpg);	
}

#introMenu li#n1 a {background-position: 0px 0px;}
#introMenu li#n2 a {background-position: 331px 0px;}

#introMenu li#n1 a:hover {background-position: 0px -223px;}
#introMenu li#n2 a:hover {background-position: 331px -223px;}


/*flash首頁專用-內容區塊-1欄式
--------------------------------------------------------------------------------------------------------*/
#indexFlash {
	margin-right: auto;
	margin-left: auto;
}


/*內容區塊-1欄式
--------------------------------------------------------------------------------------------------------*/
#contentPrv {
	width: 975px;
	margin-left: 10px;

}


/*尚未開啟安全鎖警告
--------------------------------------------------------------------------------------------------------*/
#pLwarning {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 75px;
	padding-bottom: 75px;
}

#pLwarning #warningInfo{
	background-image: url(../../images/iconPLwarning.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 130px;
}

#pLwarning #warningInfo h2 {
	margin-left: 150px;
	font-size: 16px;
}

#pLwarning #warningInfo p {
	margin-left: 150px;
}

/*錯誤訊息頁
--------------------------------------------------------------------------------------------------------*/
#error {
	width: 605px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: #1d1d1d;
	font-size: 12px;
}

#errorInfo{
	margin-bottom: 10px;
}

#errorInfo h1 {
	background-image: url(../../images/iconError.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 147px;
	width: 135px;
	float: left;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#errorInfo h2 {
	margin-left: 150px;
	font-size: 16px;
}

#errorInfo p {
	margin-left: 150px;
}

#link {
	margin-left: 200px;
	margin-top: 20px;
}

/*網站導覽圖
--------------------------------------------------------------------------------------------------------*/
#userGuide {
	position: relative;
	width: 838px;
	margin-right: auto;
	margin-left: auto;
	height: 1430px;
}

#userGuide ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}

#userGuide li {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;

}

#userGuide a {
	display: block;
}

#userGuide li#nav0 {
	background-image: url(../../images/picuserGuide_0.gif);
	height: 51px;
	width: 583px;
	position: absolute;
	right: 0px;
	top: 65px;
}

#userGuide li#nav0 a {
	height: 51px;
	width: 583px;
}

#userGuide li#navA {
	background-image: url(../../images/picuserGuide_A.gif);
	height: 60px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#userGuide li#navA a {
	height: 60px;
	width: 247px;
}

#userGuide li#navB {
	background-image: url(../../images/picuserGuide_B.gif);
	height: 51px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 65px;
}

#userGuide li#navB a {
	height: 51px;
	width: 247px;
}

#userGuide li#navC {
	background-image: url(../../images/picuserGuide_C.gif);
	height: 625px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 121px;
}

#userGuide li#navC a#navC00 {
	height: 625px;
	width: 247px;
}

#userGuide li#navC01 {
	background-image: url(../../images/picuserGuide_C01.gif);
	height: 61px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 0px;
}

#userGuide li#navC01 a {
	position: absolute;
	left: 8px;
	top: 0px;
	height: 61px;
	width: 583px;
}

#userGuide li#navC02 {
	background-image: url(../../images/picuserGuide_C02.gif);
	height: 104px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 66px;
}

#userGuide li#navC02 a {
	position: absolute;
	left: 8px;
	top: 0px;
	height: 104px;
	width: 583px;

}

#userGuide li#navC03 {
	background-image: url(../../images/picuserGuide_C03.gif);
	height: 106px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 175px;
}

#userGuide li#navC0301 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 23px;
	top: 64px;
}

#userGuide li#navC0302 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 163px;
	top: 64px;
}

#userGuide li#navC04 {
	background-image: url(../../images/picuserGuide_C04.gif);
	height: 106px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 286px;
}

#userGuide li#navC0401 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 23px;
	top: 64px;
}

#userGuide li#navC0402 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 163px;
	top: 64px;
}

#userGuide li#navC05 {
	background-image: url(../../images/picuserGuide_C05.gif);
	height: 138px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 397px;
}

#userGuide li#navC0501 a {
	height: 33px;
	width: 555px;
	position: absolute;
	left: 23px;
	top: 64px;
}

#userGuide li#navC0502 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 23px;
	top: 100px;
}

#userGuide li#navC0503 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 163px;
	top: 100px;
}

#userGuide li#navC0504 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 303px;
	top: 100px;
}

#userGuide li#navC0505 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 443px;
	top: 100px;
}

#userGuide li#navC06 {
	background-image: url(../../images/picuserGuide_C06.gif);
	height: 85px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 540px;
}

#userGuide li#navC0601 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 23px;
	top: 43px;
}

#userGuide li#navC0602 a {
	height: 33px;
	width: 161px;
	position: absolute;
	left: 163px;
	top: 43px;
}

#userGuide li#navD {
	background-image: url(../../images/picuserGuide_D.gif);
	height: 170px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 751px;
}

#userGuide li#navD a#navD00 {
	height: 170px;
	width: 247px;
}

#userGuide li#navD01 {
	background-image: url(../../images/picuserGuide_D01.gif);
	height: 61px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 0px;
}

#userGuide li#navD01 a {
	height: 61px;
	width: 583px;
	position: absolute;
	left: 8px;
	top: 0px;
}

#userGuide li#navD02 {
	background-image: url(../../images/picuserGuide_D02.gif);
	height: 104px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 66px;
}

#userGuide li#navD02 a {
	height: 104px;
	width: 583px;
	position: absolute;
	left: 8px;
	top: 0px;
}

#userGuide li#navE {
	background-image: url(../../images/picuserGuide_E.gif);
	height: 299px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 926px;
}

#userGuide li#navE a#navE00 {
	height: 299px;
	width: 247px;
}

#userGuide li#navE01 {
	background-image: url(../../images/picuserGuide_E01.gif);
	height: 81px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 0px;
}

#userGuide li#navE0101 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 23px;
	top: 39px;
}

#userGuide li#navE0102 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 163px;
	top: 39px;
}

#userGuide li#navE02 {
	background-image: url(../../images/picuserGuide_E02.gif);
	height: 81px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 86px;
}

#userGuide li#navE0201 a {
	height: 33px;
	width: 135px;
	position: absolute;
	left: 23px;
	top: 39px;
}

#userGuide li#navE0202 a {
	height: 33px;
	width: 161px;
	position: absolute;
	left: 163px;
	top: 39px;
}

#userGuide li#navE0203 a {
	height: 33px;
	width: 100px;
	position: absolute;
	left: 329px;
	top: 39px;
}

#userGuide li#navE0204 a {
	height: 33px;
	width: 148px;
	position: absolute;
	left: 434px;
	top: 39px;
}

#userGuide li#navE03 {
	background-image: url(../../images/picuserGuide_E03.gif);
	height: 61px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 172px;
}

#userGuide li#navE03 a {
	height: 61px;
	width: 583px;
	position: absolute;
	left: 8px;
	top:0px;
}

#userGuide li#navE04 {
	background-image: url(../../images/picuserGuide_E04.gif);
	height: 61px;
	width: 591px;
	position: absolute;
	left: 247px;
	top: 238px;
}

#userGuide li#navE04 a {
	height: 61px;
	width: 583px;
	position: absolute;
	left: 8px;
	top:0px;
}

#userGuide li#navF {
	background-image: url(../../images/picuserGuide_F.gif);
	height: 60px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 1360px;
}

#userGuide li#navF a {
	height: 60px;
	width: 247px;
}

#userGuide li#navG {
	background-image: url(../../images/picuserGuide_G.gif);
	height: 60px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 1230px;
}

#userGuide li#navG a {
	height: 60px;
	width: 247px;
}

#userGuide li#navH {
	background-image: url(../../images/picuserGuide_H.gif);
	height: 51px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 1295px;
}

#userGuide li#navH a {
	height: 51px;
	width: 247px;
}

/*---------------------------身分證認證 注意事項 added by Kelsey 2010 AUG--------------------------------------*/
.verIDNote {
	padding: 10px;
	width: 428px;
	margin-right: auto;
	margin-left: 70px;
	border: 1px dotted #FF0;
	margin-bottom: 10px;
	text-align: center;
	color: #FF0;
	}
.completeInfo{
	width: 428px;
	margin-right: auto;
	margin-left: 55px;
	margin-bottom: 10px;
	text-align: center;
	color: #FFF;
	background-image: url(../../images/iconComplete.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 110px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 150px;
	margin-top: 70px;
	}
.activateVerification {
	padding: 10px;
	width: 500px;
	margin-bottom: 10px;
	text-align: center;
	color: #FFF;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.activateVerification span {
	color: #F3C200;
}
.activateVerification p {
	margin-bottom: 20px;
}
.activateVerification h3 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.activateVerification img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/*-------------------AVA 點數儲值 added by Kelsey 2010 Aug------------------*/
.avaSelectpoint{
	margin-right: auto;
	margin-left: 100px;
	width: 700px;
	text-align: center;
	margin-bottom: 60px;
}
.avaSelectpoint h2 {
	margin-bottom: 25px;
	color: #FC0;
}
.avaSelectpoint img {
	color: #FC0;
	margin: 10px;
}	

/*-------------------------------------------------------------------------------------------------*/
#termsofuseFB {
	width: 580px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	height: 150px;
	background-color: #35302B;
	overflow: auto;
	line-height: 1.3;
}
#agree{
	margin-bottom: 10px;
	overflow: auto;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding: 10px;
}
/*----------------社群帳號專屬解封存頁面-----created on AUG 20 2010 by Kelsey--------------------------*/
.resetPWforSNaccount {
	width: 650px;
	margin-right: auto;
	margin-left: 100px;
	margin-bottom: 15px;
	text-align: left;
	color: #FFF;
	line-height: 15px;
	margin-top: 10px;
}
.resetPWforSNaccount p {
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.resetPWforSNaccount span {
	color: #FF0;
}
/*------------啟動AVA遊戲，選擇帳號---created on AUG 20 2010 by Kelsey----------------*/
.avaSelectAcc{
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	text-align: center;
	margin-bottom: 60px;
}
.avaSelectAcc h2 {
	margin-bottom: 25px;
	color: #F00;
}
.avaSelectAcc img {
	color: #FC0;
	margin: 10px;
}