@charset "utf-8";
/* CSS Document */

@import url("reset.css");
canvas {
    -ms-touch-action: double-tap-zoom;
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6;
	background-image:url(/images/bg_01.jpg);
	background-repeat:no-repeat;
	background-color:#daf7fa;	
	}
	
#Change {
	width:100%;
	height:836px;
	position:absolute;
	z-index:1;
}
	
/* ------------------ watermark 浮水印------------------------*/	
#abgne-tw-tools {
    margin-top: 250px;
	margin-left: 713px;
	POSITION: absolute;
	TOP: 600px;
}

/*=========== 表格 =================*/
.table_01 {
	width:100%;
	margin:20px 0;
	color:#333;
    background-image:url(/images/bulletin_04.png);
    border:1.5px dotted #fff;
	text-align:center;
	}

.table_01 td{
	padding:5px;	
	border:1px dotted #999;
	}
	
.table_01 th{
	padding:5px;
	text-align:center;
	border:1px dotted #999;
	color:#FFF;
	background-color:#09C;
	}	

.table_02 tr{
	height:40px;
    }
		
.table_03 tr{
	height:60px;
	}

/*=========== 錯誤訊息 =================*/
.error{
	border: 1px solid #741b12;
	background-color:#FFC;
	
	}

/*=========== TEST =================*/
.valid{
	border: 1px solid #FFC;
	background-color:#FFF;;

	}

/*=========== 最外層 =================*/
#WRAPPER_BOX{
		width:100%;
		height:1000px;
		background-repeat:no-repeat;
		background-position:center top;
		position: relative;
	}
	
/*=========== 最外層 =================*/
#WRAPPER {
		width:1002px;
		height:1672px;	
		background-repeat:no-repeat;
		background-position:center top;
		margin:0 auto;
		position: relative;

		z-index:2;
	}

/*=========== 中間內容 =================*/
#CONTENT {
	width:722px;
	margin-left:280px;
	}

/*=========== 左側選單 =================*/
#SIDE {
	float:left;
	width:280px;
	}

/*=========== 中間內容底框 =================*/
#MAIN {
	width:716PX;
	background-image:url(/images/con_bg_01.png);
	padding:0 0 0 6px;
	float:left;
	}

#MAIN_MAIN {
	width:716px;
	height:900px;
	background-image:url(/images/con_bg_01.png);
	padding:0 0 0 6px;
	float:left;
	}

/*=========== 內容遊戲框 =================*/
#MAIN .BOX_HEADER{
	width:610px;
	height:57px;
	color:#FFF;
	font-size:15px;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/images/box_01.png);
	padding:22px 0 0 100px ;
	}
	
#MAIN .BOX_MAIN{
	width:710px;
	background-image:url(/images/box_03.png);
	float:left;	
	}

#MAIN .BOX_MAIN .BOX_BG{
	width:670px;
	background-image:url(/images/box_02.png);
	padding:0 0 0 40px;
	background-repeat:no-repeat;
	}
	
#MAIN .BOX_MAIN .BOX_BG .BOX_ICON{	
	width:201px;
	height:240px;
	float:left;
	margin:0 5px;

	}

/*=========== 內容平板遊戲小圖下面色塊 =================*/
#MAIN .BOX_FOOTER{
	padding-bottom:10px;
	}
	
/*=========== WK滑鼠選單 =================*/
#MAIN .BOX_MAIN .BOX_BG_MK{
	width:650px;
	background-image:url(/images/box_02.png);
	padding:0 40px 0 35px;
	background-repeat:no-repeat;
	float:left;
	}

#MAIN .BOX_MAIN .BOX_BG_MK .BG_MK_AND {
	padding:0 0 0 12px;
	}
	
#MAIN .BOX_MAIN .BOX_BG_MK .BG_MK_IOS {
	padding:5px 0 0 0;
	clear:both;
	}

/*=========== WK滑鼠反應選單 =================*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:89px;
	height:89px;
	padding:0 1px;
	}
	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:89px;
	height:89px;
	}
	
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:url(/images/wk/wk_a_bg.gif) no-repeat center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
	}

/*=========== 內容平板遊戲小圖下面色塊 =================*/
#MAIN .BOX_MAIN .BOX_BG .BOX_ICON .ICON_GA {
	padding:0 3px;
	}
/*=========== 內容遊戲小圖FB =================*/	
#MAIN .BOX_MAIN .BOX_BG .BOX_ICON .FB_IN {
	margin-left:135px;
	}
	
/*=========== 上抬頭圖 =================*/
#CONTENT .HEADER {
	width:722px;
	height:340px;
	background-image:url(/images/top/top_bg.png);
	position:relative;
	}

#CONTENT .HEADER  .HEADER_ICON {
	height:40px;
	}
/*=========== 上抬頭圖大banner =================*/
	
#container {
	position: absolute;
	}

#container_top {
	width:500px;
	height:500px;
	z-index:500;
	position:absolute;
	}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
	padding:0 0 0 17px;	

	}

#slides {
	position:absolute;
	top:0px;
	left:21px;
	z-index:100;
	/*position:absolute;
	top:7px;
	left:21px;
	z-index:100;*/

	}

#slides .next,#slides .prev {
	position:absolute;
	top:285px;
	left:250px;
	width:24px;
	display:block;
	z-index:600;
	}

.slides_container {
	width:680px;
	height:270px;
	padding-top:2px;
	overflow:hidden;
	position:relative;
	/*width:680px;
	height:270px;
	padding-top:2px;
	overflow:hidden;
	position:relative;*/
	}

#slides .next {
	left:380px;
	z-index:600;
	}
	
/*BANNER 選單圈圈寬度*/
.pagination {
	margin:2px 0 0 280px;
	width:200px;	
	/*margin:20px 0 0 280px;
	width:200px;*/
	}

.pagination li {
	float:left;
	margin:0 2px;
	}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/images/top/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	}

.pagination li.current a {
	display:block;
	background-position:0 -12px;
	}

/*=========== 版權 =================*/
.FOOTER {
	width:172px;
	height:61px;
	background-image:url(/images/footer.png);
	clear:both;
	padding-left:550px;
	padding-top:60px;
	background-repeat:no-repeat;
	}

.FOOTER a{
	color:#000;
	text-decoration:none;
	}

.FOOTER a:hover{
	color:#666;
	}
/* =========== 登入頁籤 =========== */
#LOGIN {
	width:280px;
	}

#LOGIN .LAYER a{
	color:#06C;
	}
	
#LOGIN .LAYER a:hover{
	color:#F30;
	}

.SmallUserAccount
{
    font-size:10px;
}

.MiddleUserAccount
{
    font-size:12px;
}

.BigUserAccount
{
    font-size:14px;
}

.ChangePsswordLink
{
    padding:0 0 5px 160px;
}

.ChangePsswordLink1
{
    padding:0 0 5px 100px;
}

.LAYER{
	background-image:url(/images/Login_01.png);
    }
	
.LAYER p{
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 0 2px 30px;
    }
	
.LAYER .LAYER_AA{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px  25px 0 30px;
	font-weight:normal;
	color:#0f8e1e;
	}

.LAYER .LAYER_BB{
	padding:0 0 0 25px;
	float:left;
	}

.LAYER .LAYER_CC{
	padding:0 13px 0 25px;
	line-height:1.8;
	letter-spacing:1px;
	}
	
#LOGIN .LAYER .LOGINICON{
	padding:0 0 10px 160px;
	}
	
#LOGIN .LAYER .LOGINWARNING{
	width:202px;
	height:147px;
	padding:10px 20px 0 23px;
	background-image:url(/images/Login_07.png);
	margin:0 18px;
	}
	
hr{
	width:230px;
	}
	
#TABMENU {
	width: 260px;
	height:29px;
	list-style: none;
	margin: 0;
	padding: 27px 10px;
	float:left;	
	background-image:url(/images/Login_02.png);
	}
	
#TABMENU li {
	float: left;
	padding:2px 0 0 12px;
	}
	
#TABMENU li a {
	display: block;
	text-decoration: none;
	text-align: center;
	width: 120px;
	line-height: 24px;
	color: black;
	}


#TABMENU li.enabled a {
	color: white;
	font-weight: bold;
	display:block;
	}
#TABMENU li.disabled {
	border: none;
	}
#LOGIN .CLERR {	
	clear: left;
	font-size: 1px;
	}
	
.cue {
	border: 3px solid #b4e342;
	background-color:#eff386;
	color:#666;
	padding:3px 4px;
	}

.text2 {
	border: 1px solid #000000;
	background-color: #00b9ff;
	border-radius:6px;
	}

#LOGIN_FOOTER{
	padding:33px 70px;
	clear:both;
	width:140px;
	height:54px;
	background-image:url(/images/Login_03.png);
	}

#LOGIN_FOOTER li{
	padding:2px 0 ;
	}
/* =========== 登入頁籤文字顯示 =========== */

#loadingLogin{
	padding:10px 0 0 190px;	
	}
	
#loadingJoin{
	padding:10px 0 0 185px;	
	}
	
/* =========== 第一次登入解說 =========== */
#COMMENTARY{
	padding:31px 0 15px 50px ;
	}
	
#COMMENTARY p{
	padding:9px 0;	
	}
	
/* =========== 最新訊息 =========== */
.BULLETIN_HEADER {
	width: 240px;
	height:95px;
	background-image: url(/images/bulletin_01.png);
	padding:0 0 0 40px;
	}

.BULLETIN_HEADER .BULLETIN_TI{
	padding:15px 0 0 5px;
	}

.BULLETIN_HEADER .SEARCH_TI {
	width:150px;
	padding:10px 0 0 65px;

	}

.BULLETIN_MAIN{
	width:220px;
	float:left;
	background-image: url(/images/bulletin_02.png);
	padding:0 30px 0 30px;
	}

.BULLETIN_MAIN .BULLETIN_BOX{	
	width:215px;
	float:left;
	}	

.BULLETIN_MAIN .BULLETIN_BOX .BULLETIN_ICON{	
	float:left;
	}	
	
.BULLETIN_MAIN .BULLETIN_BOX ul {
	padding:8px 0 10px 60px;	
	background-image: url(/images/bulletin_05.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}

.BULLETIN_MAIN .BULLETIN_BOX li {
	background-image: url(/images/bulletin_04.png);
	padding:0 5px;
	}

.BULLETIN_MAIN .BULLETIN_BOX li a{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#000;
	line-height:1.5;
	text-decoration:none;
	font-weight:normal;
	}

.BULLETIN_MAIN .BULLETIN_BOX li a:hover{
	color:#06F;
	}

.BULLETIN_FOOTER {
	width:150px;
	height:59px;
	background-image: url(/images/bulletin_03.png);
	padding:0 0 0 130px;
	clear:both;
	}

/* =========== 遊戲排行榜 =========== */

/* === 排行榜抬頭 === */	
#TABMENU_CH {
	width: 282px;
	height:300px;
	cursor:pointer;
	background-image:url(/images/ch_01.png);
	}
	
/* ===排行榜內容=== */
.LAYER_TI{
	padding:0 0 0 30px;

	}
	
/* ===排行榜內容=== */
.LAYER_CH{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;

	}
	
.LAYER_CH  a{
	text-decoration:none;
	color:#FFF;
	}

.LAYER_CH  a:hover{
	color:#0FC;
	}
	
/* ===排行榜小圖=== */	
.LAYER_CH .LAYER_CH_ICON{
	padding:7px 0 0 0;
	}
	
/* ===排行榜第一名=== */	
.LAYER_CH .LAYER_CH_01{
	width:218px;
	height:49px;
	background-image:url(/images/ch_bu_01.png);
	}	
	
.LAYER_CH .LAYER_CH_01 p{
	width:120px;
	float:left;
	padding:13px 0 0 60px;
	}
	
/* ===排行榜第二名=== */	
.LAYER_CH .LAYER_CH_02{
	width:218px;
	height:49px;
	background-image:url(/images/ch_bu_02.png);
	}	
	
.LAYER_CH .LAYER_CH_02 p{
	width:120px;
	float:left;
	padding:13px 0 0 60px;
	}
	
/* ===排行榜第三名=== */	
.LAYER_CH .LAYER_CH_03{
	width:218px;
	height:48px;
	background-image:url(/images/ch_bu_03.png);
	}	
	
.LAYER_CH .LAYER_CH_03 p{
	width:120px;
	float:left;
	padding:13px 0 0 60px;
	}

/* ==== 排行榜下=== */	
.CHARTS_FOOTER{
	width:282px;
	height:41px;
	background-image:url(/images/ch_03.png);
	}

/* =========== 社群 =========== */
/*#FBGO{
	width:190px;
	height:162px;
	background-image:url(/images/fb_bg.png);
	padding:160px 45px 0  45px ;
	}*/
	
#FBGO{
	width:250px;
	height:162px;
	padding:10px 15px 0  15px ;
	}
	
#FBGO .FB{
	text-indent:-9999px;
	}
	
#FBGO .FB a{
	display:block;
	width:191px;
	height:55px;
	background-image:url(/images/fb_icon_01.png);
		background-repeat:no-repeat;
	}
	
#FBGO .FB a:hover{
	background-image:url(/images/fb_icon_02.png);
	background-repeat:no-repeat;
	}

#FBGO .GO{
	text-indent:-9999px;
	}
	
#FBGO .GO a{
	display:block;
	width:191px;
	height:55px;
	background-image:url(/images/GO_icon_01.png);
	}
	
#FBGO .GO a:hover{
	background-image:url(/images/GO_icon_02.png);
	background-repeat:no-repeat;
	}
	
/*=========== 會員中心 =================*/	
.BOX_MAIN .BOX_BG .MEMBER {
	width:500px;
	margin:0 70px;
	line-height:2.3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	}
	
.BOX_MAIN .BOX_BG .MEMBER .MEMBER_AA {
	height:50px;
	line-height:50px;
	font-size:13px;
	margin:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	}

.BOX_MAIN .BOX_BG .MEMBER .MEMBER_BB {
	margin:15px 160px;
	}

.BOX_MAIN .BOX_BG .MEMBER .MEMBER_CC {
	font-size:12px;
	line-height:1.6;
	font-weight:normal;
	color:#f00;
	}
.BOX_MAIN .BOX_BG .MEMBER .MEMBER_DD {
	float:left;
	}

.BOX_MAIN .BOX_BG .MEMBER .MEMBER_EE {
	font-size:17px;
	font-weight:bold;
	color:#C00;
	padding:70px 130px;
	}
		
.BOX_MAIN .BOX_BG .MEMBER .MEMBER_FF {
	font-size:17px;
	font-weight:bold;
	color:#C00;
	padding:70px 10px;
	}
	
.BOX_MAIN .BOX_BG .MEMBER .GENDER_AA {
	float:left;
	}
	
.BOX_MAIN .BOX_BG .MEMBER li {	
	padding:10px 30px;
	border-color:#999;
	border-width:1px;
	border-style:dotted;
	font-size:12px;
	margin:5px 0;
	background-image:url(/images/bulletin_04.png);
	border-color:#1595cb;
	color:#666;
	}

/*=========== 最新訊息 =================*/	
.BOX_MAIN .BOX_BG .NEW {
	width:600px;
	padding:0 25px 0 15px;
	}
	
.BOX_MAIN .BOX_BG .NEW .NEW_TI{
	line-height:2.3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;

	color:#C00;
	font-weight:bold;
    }
	
.BOX_MAIN .BOX_BG .NEW .NEW_AA{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	padding:8px 0 8px 20px ;
	border-color:#999;
	border-width:2px;
	border-style:dotted;
	font-size:12px;
	background-image:url(/images/bulletin_04.png);
	border-color:#0e91c8;
	border-spacing:5px;
	color:#069;
	margin:15px 0;
	font-weight:bold;
	}
	
.BOX_MAIN .BOX_BG .NEW .NEW_BB{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	padding:8px 0 8px 20px ;
	border-color:#999;
	border-width:2px;
	border-style:dotted;
	font-size:12px;
	background-image:url(/images/bulletin_04.png);
	border-color:#0e91c8;
	border-spacing:5px;
	color:#069;
	margin:15px 0;
	}
		
.BOX_MAIN .BOX_BG .NEW .NEW_PHO{
	width:550px;
	padding:10px 0 0 20px;
	}
	
.BOX_MAIN .BOX_BG .NEW .NEW_FON{
	width:475px;
	font-size:12px;
	line-height:1.6;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:5px 60px;
	}
	
.BOX_MAIN .BOX_BG .NEW p{
	line-height:2.2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	font-weight:normal;
	padding:5px 0;
	}
	
/*=========== ATM 頁面 =================*/
.BUY{
	width:350px;
	background-color:#0FF;
	}
	
/*=========== 線上客服 =================*/	
.SERVICE {
	margin:0 25px;
	}
	
.SERVICE .SE_TI{
	width:550px;
	height:44px;
	font-size:15px;
	letter-spacing:1px;
	color:#FFF;
	padding:20px 0 0 0;
    background-image:url(/images/Service/va_ti.jpg);
	}
	
	
.SERVICE .SE_MA_01{
	width:470px;
	padding:20px 40px 20px 40px;
    background-image:url(/images/Service/va_ma.jpg);
	}
	
.SERVICE .SE_FO_01{	
	width:550px;
	height:35px;
	color:#e64e08;
    background-image:url(/images/Service/va_fo.jpg);
	background-repeat:no-repeat;
	}

	
/*=========== 儲值購點、轉點頁面 =================*/
.VALUE{	
	padding:10px 80px;;
	}

.VALUE p{	
	padding:25px 0;
	}
	
.VA_ICON{
    padding:10px 10px;
	cursor:pointer;
	}

.VALUE .VA_TI{
	width:385px;
	height:44px;
	font-size:15px;
	letter-spacing:1px;
	color:#FFF;
	padding:20px 0 0 15px;
    background-image:url(/images/value/va_ti.jpg);
	}
	
.VALUE  a{	
	color:#e64e08;
	text-decoration:none;
	}
	
.VALUE  a:hover{	
	color:#9c9a9a;
	}
	


/*=========== 線上購點 =================*/	
.VALUE .VA_MA_01{
	width:320px;
	padding:20px 40px 20px 40px;
    background-image:url(/images/value/va_ma.jpg);
	}
	
.VALUE .VA_MA_01 .VA_BANK{
	float:left;
	padding:15px 0 ;
	}
	
	
.VALUE .VA_FO_01{	
	width:400px;
	height:35px;
	color:#e64e08;
    background-image:url(/images/value/va_fo.jpg);
	background-repeat:no-repeat;
	}
/*=========== MyCard儲值 =================*/	
.VALUE .VA_MA_02{
	width:300px;
	padding:25px 50px 25px 50px;
    background-image:url(/images/value/va_ma.jpg);
	}
	
.VALUE .VA_MA_02 .VA_MA_BU_02{
	padding:0 0 0 210px;
	}
	
.VALUE .VA_MA_02 .VA_MA_ERROR_02{
	color:#F00;
	padding:10px 0 10px 80px;
	}
	
.VALUE .VA_FO_02{	
	width:400px;
	height:35px;
	color:#e64e08;
	padding:0 100px;
	padding-bottom:100px;
    background-image:url(/images/value/va_fo.jpg);
	background-repeat:no-repeat;
	}
	
/*=========== 轉點頁面 =================*/	
.VALUE .VA_MA_03{
	width:320px;
	padding:25px 0 25px 80px;
    background-image:url(/images/value/va_ma.jpg);
	}

.VALUE .VA_MA_03 .VA_MA_BU_03{
	padding:0 0 0 50px;
	}
	
.VALUE .VA_MA_03 .VA_MA_ERROR_03{
	width:240px;
	color:#F00;
	padding:47px 0 47px 0;
	}
	
.VALUE .VA_FO_03{	
	width:400px;
	height:35px;
	color:#e64e08;
	padding:0 100px 200px 100px;
    background-image:url(/images/value/va_fo.jpg);
	background-repeat:no-repeat;
	}
	
/*=========== 客服中心 =================*/	

#SER_PLAY_01{
	width:230px;
	float:left;
	}
	
#SER_PLAY_02{
	width:230px;
	float:right;
	}
	
#SER_PLAY_03{
	text-align:center;
	}
	
.SER_PLAY_BG{
	width:230px;
	height:80px;
	text-align:center;
	padding:15px 0;
	margin:10px 0 ;
	background-image:url(/images/Service/s_03.png);
	}
	
.SER_PLAY_P{
	line-height:2.5;
	width:200px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding-bottom:30px;
}

.SER_PLAY_NO{
	line-height:2.5;
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:30px 0;
}
	
		
#SER_FOOTER{
	clear:both;
	width:437px;
	height:36px;
	padding:10px 20px;
	letter-spacing:1px;
	background-image:url(/images/Service/s_05.png);
	}
	
/*=========== 通訊鎖 =================*/
.PHONE_01{
	width:200px;
	padding:20px 40px 20px 40px;
	}

#PhoneLockButton{
	margin:0 0 0 120px;	
	float:left;
	}
	
#PhoneLockCancelButton{
	margin:0 120px 0 0;	
	float:right;
	}
	
#PhoneLockErrorLabel{
	color:#F00;
	}	
	
/*=========== MySafe =================*/

.MS_01{
	width:200px;
	float: left;
	text-align:center;
	}
	
/*=========== 有顏色字 =================*/
.FONT_01{
	color:#F00;
	}
	
.FONT_02{
	color:#F00;
	font-weight:bold;
	}		

/* === GOOGLE聯播網廣告 === */	
.googlead_side {
	width: 282px;
	height:320px;
	/*margin:20px 0px 0px 18px;*/
	background-image:url(/images/googlead_bg.png);
	}
	
.googlead_side .ad1{
	padding:40px 0px 0px 18px;
	}	
	
.googlead_top {
	width:716PX;
	background-image:url(/images/con_bg_01.png);
	padding:0 0 0 0px;
	}	
.googlead_top .ad1{
	padding:30px 0px 0px 0px;
	background-image:url(/images/adtit.png);
	background-repeat:no-repeat;
	text-align:center;
	}