/*首頁放置主要內容區*/
#indexmain{width:990px; position:relative;}
/*彈跳視窗POP*/
#POP
{
	margin: 0 auto;
	position: relative;
	width: 990px;
	hight:381px;
	left: 0px;
	z-index: 100;
}
#POP_IMG
{
	position: absolute;
	top: 90px;
	left: 0px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	visibility: visible;
}
/*基本版面*/

/*排行榜、關於all in三項鈕、facebook連結鈕----------------------------------------------------------------------------------------------------------------------------------------------*/
#leftmain{width:232px; height:660px; padding:0px 19px 10px 19px; margin:0px; float:left; background:url(../images/leftline_01.png) right top no-repeat;}

/*排行榜*/
#gamelistbox{position:relative;}
#gamelistbox .gamelistpng{background:url(../images/gamelist_01.png); position:absolute; width:73px;	height:52px; left:-15px; top:-19px;	display:block; z-index:99;}
#gamelistbox .toptitle{background:url(../images/gltitle_01.png) top left no-repeat; width:232px; height:31px;}
#gamelistbox .entry{background:url(../images/glline_01.png) bottom left no-repeat; padding-bottom:0px;}
#gamelistbox ul.glnav_01{margin:0px; padding:13px 0px 9px 0px; float:left;}
#gamelistbox ul.glnav_01 li.t01{background:url(../images/dotline_01.png) left bottom repeat-x; padding:0px 0px 2px 0px; width:232px; height:20px; display:block;}
#gamelistbox ul.glnav_01 li.t02{background:url(../images/dotline_02.png) left bottom repeat-x; padding:0px 0px 2px 0px; width:232px; height:22px; display:block;}
#gamelistbox span.rank{font:12px/20px tahoma; color:#333333; margin:0px; padding:0px; width:41px; display:block; float:left; overflow:hidden; text-align:center; background:url(../images/dotline_01.png) right top repeat-y;}
#gamelistbox span.id{font:12px/20px tahoma; color:#333333; margin:0px; padding:0px; width:130px; display:block; float:left; overflow:hidden; text-align:center; background:url(../images/dotline_01.png) right top repeat-y;}
#gamelistbox span.score{font:12px/20px tahoma; color:#333333; margin:0px; padding:0px; width:61px; display:block; float:left; overflow:hidden; text-align:center;}
#gamelistbox span.rank02 {font:12px/22px tahoma; color:#5b98a0; margin:0px; padding:0px 0px 0px 0px; width:41px; display:block; float:left; overflow:hidden; background:url(../images/dotline_02.png) right top repeat-y;}
#gamelistbox span.rank02 img{margin:3px 4px 0px 4px; display:block; float:left; width:15px;	height:15px; background-repeat: no-repeat;}
#gamelistbox span.id02 a{font:12px/22px tahoma; color:#5b98a0; margin:0px; padding:0px; width:130px; display:block; float:left; overflow:hidden; text-align:center; background:url(../images/dotline_02.png) right top repeat-y;}
#gamelistbox span.id02 a:hover{color:#2a577c; text-decoration:underline}
#gamelistbox span.score02{font:12px/22px tahoma; color:#5b98a0; margin:0px; padding:0px; width:61px; display:block; float:left; overflow:hidden; text-align:center;}
#gamelistbox a.more{background:url(../images/more_01.png) no-repeat top left; width:54px; height:17px; position:absolute; display:block; cursor:pointer; left:180px; top:11px;}
#gamelistbox a.more:hover{background:url(../images/more_01h.png) no-repeat top left;}


/*關於all in三項鈕*/
#aboutbox{padding:18px 0px 12px 0px;}
#aboutbox ul.abnav_01{margin:0px;}
#aboutbox ul.abnav_01 li.abicon{display:block; width:232px; height:75px; cursor:pointer; margin-bottom:7px;}
#aboutbox a{display:block; width:232px; height:75px; cursor:pointer; margin-bottom:7px;}
#aboutbox a:hover{display:block; width:232px; height:75px; cursor:pointer; padding:1px 0px 0px 1px;}

/*facebook連結鈕*/
#facebutton a{width:232px; height:85px; display:block; cursor:pointer;}
#facebutton a:hover{width:232px; height:85px; display:block; cursor:pointer; padding:1px 0px 0px 1px;}


/*活動focus_flash、最新消息、熱門人物----------------------------------------------------------------------------------------------------------------------------------------------*/
#midmain{width:465px; padding:0px; margin:0px; float:left;}

/*浮動活動focus_flash*/
#focusflash{width:465px; height:300px; position:absolute; left:270px; top:-35px; z-index:99;}

/*最新消息*/
#newsbox{padding:300px 0px 0px 0px; position:relative;}
#newsbox .toptitle{background:url(../images/newsline_01.png) bottom left no-repeat; width:440px; height:26px; padding:15px 0px 9px 25px;}
#newsbox .toptitle ul{margin:0px; padding:0px;}
#newsbox .toptitle li{margin:0px; padding:0px; float:left;}
#newsbox .toptitle li.newspg01 a{background:url(../images/newspg_01.png) bottom left no-repeat; display:block; width:106px; height:26px; cursor:pointer; float:left;}
#newsbox .toptitle li.newspg01 a:hover{background:url(../images/newspg_01on.png) bottom left no-repeat; display:block; width:106px; height:26px; cursor:pointer;}
#newsbox .toptitle li.newspgon01{background:url(../images/newspg_01on.png) bottom left no-repeat; display:block; width:106px; height:26px; float:left;}
#newsbox .toptitle li.newspg02 a{background:url(../images/newspg_02.png) bottom left no-repeat; display:block; width:106px; height:26px; cursor:pointer; float:left;}
#newsbox .toptitle li.newspg02 a:hover{background:url(../images/newspg_02on.png) bottom left no-repeat; display:block; width:106px; height:26px; cursor:pointer;}
#newsbox .toptitle li.newspgon02{background:url(../images/newspg_02on.png) bottom left no-repeat; display:block; width:106px; height:26px; float:left;}
#newsbox .entry{padding:0px; margin:0px;}
#newsbox ul.newsnav_01{margin:0px; padding:5px 10px 0px 20px; float:left; display:block;}
#newsbox ul.newsnav_01 li{padding:0px 5px 0px 5px; width:420px; height:20px; display:block; margin-bottom:5px; }
#newsbox ul.newsnav_01 li:hover{background-color:#E8E8E8;}
#newsbox span.title a{font:12px/20px Geneva; text-align:left; margin:0px; padding:0px 0px 2px 0px; width:350px; display:block; float:left; overflow:hidden; background:url(../images/dotline_03.png) left bottom repeat-x; cursor:pointer;}
#newsbox span.title b{color:#FF0000;}
#newsbox span.date{font:12px/20px Geneva, Arial, Helvetica, sans-serif; color:#6086ae; margin:0px; padding:0px 0px 2px 0px; width:70px; display:block; float:left; overflow:hidden; text-align:left; background:url(../images/dotline_03.png) left bottom repeat-x;}
#newsbox a.more{background:url(../images/more_01.png) no-repeat top left; width:54px; height:17px;position:absolute; display:block;	cursor:pointer;	left:398px;	top:321px;}
#newsbox a.more:hover{background:url(../images/more_01h.png) no-repeat top left;}

/*熱門人物*/
#hotpepobox{padding:0px 0px 15px 0px; position:relative;}
#hotpepobox .toptitle{background:url(../images/hptitle_01.png) top left no-repeat; width:465px; height:53px;}
#hotpepobox .entry{width:465px; padding:0px; margin:0px;}
#hotpepobox ul.hpnav_01{margin:0px; padding:0px 0px 0px 10px;}
#hotpepobox ul.hpnav_01 li.line{padding:0px 8px 0px 8px; width:74px; display:block; background: url(../images/dotline_04.png) right top repeat-y; float:left;}
#hotpepobox ul.hpnav_01 li.noline{padding:0px 8px 0px 8px; width:74px; display:block; float:left;}
#hotpepobox .hplat01{background:url(../images/hpphoto_01.jpg) left top no-repeat; padding:6px; display:block; width:62px; height:53px; float:left;}
#hotpepobox .hpname a{font:12px/20px Geneva; text-align:left; margin:0px; padding:2px 4px 0px 4px; width:66px; display:block; overflow:hidden; float:left; text-align:center; color:#5b98a0; cursor:pointer;}
#hotpepobox .hpname a:hover{color:#2a577c; text-decoration:underline}
#hotpepobox a.more{background:url(../images/more_01.png) no-repeat top left; width:54px; height:17px; position:absolute; display:block;	cursor:pointer;	left:398px;	top:24px;}
#hotpepobox a.more:hover{background:url(../images/more_01h.png) no-repeat top left;}

#hotpepobox ul.hotnav_01{margin:0px; padding:5px 10px 0px 20px; float:left; display:block;}
#hotpepobox ul.hotnav_01 li.ge01{background:url(../images/ge_01.jpg) center left no-repeat; padding:0px 5px 0px 35px; width:390px; height:20px; display:block; margin-bottom:2px; }
#hotpepobox ul.hotnav_01 li.ge01:hover{background-color:#E8E8E8;}
#hotpepobox ul.hotnav_01 li.ge02{background:url(../images/ge_02.jpg) center left no-repeat; padding:0px 5px 0px 35px; width:390px; height:20px; display:block; margin-bottom:2px; }
#hotpepobox ul.hotnav_01 li.ge02:hover{background-color:#E8E8E8;}
#hotpepobox span.title a{font:12px/20px Geneva; text-align:left; margin:0px; padding:0px 0px 2px 0px; width:320px; display:block; float:left; overflow:hidden; background:url(../images/dotline_03.png) left bottom repeat-x; cursor:pointer;}
#hotpepobox span.title b{color:#FF0000;}
#hotpepobox span.date{font:12px/20px Geneva, Arial, Helvetica, sans-serif; color:#6086ae; margin:0px; padding:0px 0px 2px 0px; width:70px; display:block; float:left; overflow:hidden; text-align:left; background:url(../images/dotline_03.png) left bottom repeat-x;}

/*影片flash播放、熱門資訊*/
#rightmain{width:220px; padding:0px; margin:0px; float:left; position:relative;}

/*影片flash播放*/
#videobox{width:196px; height:127px; padding:18px 12px 9px 12px; display:block; background:url(../images/videobg_01.png) top left no-repeat;}

/*熱門資訊*/
#hotinforbox{ padding:0px; margin:0px;}
#hotinforbox .toptitle{background:url(../images/hftitle_01.png) top left no-repeat; width:220px; height:52px;}
#hotinforbox .entry{width:220px; padding:0px; margin:0px;}
#hotinforbox ul.hfnav_01{padding:0px 9px 0px 6px;}
#hotinforbox ul.hfnav_01 li.hficon{display:block; width:205px; height:81px; cursor:pointer; margin-bottom:7px;}
#hotinforbox a{display:block; width:205px; height:81px; cursor:pointer; margin-bottom:7px;}
#hotinforbox a:hover{display:block; width:205px; height:81px; cursor:pointer; padding:0px; border:solid 1px #E0E0E0;}
#hotinforbox a.more{background:url(../images/more_02.png) no-repeat top left; width:58px; height:24px;	position:absolute; display:block; cursor:pointer; left:152px; top:166px; border:0px}
#hotinforbox a.more:hover{background:url(../images/more_02h.png) no-repeat top left;}
