body{
 margin: 0 0;
}
#garena_top_bg{
	font: 12px/1 arial;
	background:url(images/bar_bg.gif) repeat-x; 
	height: 43px; 
	width: 100%;
	z-index: 999999;
	position: relative;
}

#garena_top_bg_center{
	font: 12px/1 "新細明體", "細明體",arial;
	width: 1000px;
	height: 43px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index:999999;
}

#garena_left_logo{
	/*width: 225px;*/
	height: 43px;
	float:  left;
}

#ad{
	width:270px;
	height: 43px;
	float:  left;
}
#run_ad{
	width:195px;
	height: 43px;
	float:  left;
	background-attachment: scroll;
	background-image: url(images/runad_bg.gif);
	background-repeat: no-repeat;
	background-position: center 7px;
}
#run_txt{
	width:155px;
	height: 15px;
	position: absolute;
	left: 515px;
	top: 13px;
}
#left_arrowhead{
	width:13px;
	height: 21px;
	float:  left;
	margin-top: 77px;
	margin-bottom: 77px;
	margin-left: 6px;
	margin-right: 0px;
}
#garena_game1{
	width:100px;
	height: 144px;
	float:  left;
	position: absolute;
	left: 32px;
	top: 24px;
}
#garena_game2{
	width:100px;
	height: 144px;
	float:  left;
	position: absolute;
	left: 143px;
	top: 24px;
}
#garena_game3{
	width:100px;
	height: 144px;
	float:  left;
	position: absolute;
	left: 254px;
	top: 24px;
}
#garena_game4{
	width:100px;
	height: 144px;
	float:  left;
	position: absolute;
	left: 364px;
	top: 24px;
}
#garena_game5{
	width:100px;
	height: 144px;
	float:  left;
	position: absolute;
	left: 474px;
	top: 24px;
}
#garena_game6{
	width:100px;
	height: 144px;
	float:  left;
	position: absolute;
	left: 583px;
	top: 24px;
}
#right_arrowhead{
	width:13px;
	height: 21px;
	float:  right;
	margin-top: 77px;
	margin-bottom: 77px;
	margin-left: 0px;
	margin-right: 10px;
}
.garena_link_list{
	 color: #3f3d3d; font-size: 12px; letter-spacing: 1px; line-height: 40px; 
	 float: right;
}
.a02 {
	font-family: "新細明體", "細明體";
	font-size: 12px;
	color: #3F3D3D;
	text-decoration: none;
}
.a01 {
	font-family: "新細明體", "細明體";
	font-size: 12px;
	color: #3F3D3D;
	text-decoration: none;
	line-height: 24px;
}
.a01:hover {
	font-family: "新細明體", "細明體";
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}

.garena_link_list{
	color: #000;
}

.garena_link_list span{
	color: #3f3d3d; padding: 5px;
}

#lect{
	 width: 105px; height: 43px;
	 float: right;
	 z-index: 1;

}



.clfloat{
	clear: both;
}


/*menu*/

	img {
		border: 0;
	}
	
	ul#garena_dropdown  {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul#garena_dropdown li {
	float: left;
	margin-right: 0px;
	position: relative;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	color: black;
	text-decoration: none;
	
	}
	ul#garena_dropdown li ul{
	position: absolute;
	display: none;
	text-align: center;
	background: white;
	border: 1px solid #ddd;
	width: 100px;
	padding: 1px 15px 10px;
	z-index:999999;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	color: black;
	text-decoration: none;
	margin:-10px 0;
	}

	ul#garena_dropdown li ul{
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	color: #F00;
	text-decoration: none;
	}
	
	ul#garena_dropdown li ul{
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	color: black;
	text-decoration: none;
	}

	ul#garena_dropdown li ul li {
	margin: 0;
	padding: 1px 0;
	width: 100px;
	clear: both;
	color: black;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
	}


	ul#garena_dropdown li ul li a:hover{
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	text-decoration: none;
	color: #F00;
	}

    .garena_top_link{
	font-size: 12px; !important; 
	letter-spacing: 1px; !important; 
	line-height: 24px; !important; 
	color: #000 !important; 
	text-decoration: none; !important; 
	}
	.garena_top_link_new{
	color: #FF0000 !important; 
	font-size: 12px; !important; 
	letter-spacing: 1px; !important; 
	line-height: 24px; !important; 
	text-decoration: none; !important; 
	}
/*
/*

    .garena_top_link:hover{
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	text-decoration: none;
	color: #F00;
	}

    .garena_top_link:visited{
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
	color: black;
	text-decoration: none;
	}
*/


	.clear {
		clear: left;
	}
#garena_top_search {	
    position: absolute;
	width: 715px;
	height:180px;
	color: #FFF;
	background-attachment: scroll;
	background-image: url(images/search_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	left: 280px;
	top: 29px;
	display:none ;
}

#garena_top_search div a{display: block;}
#garena_top_search div{overflow: hidden;}

#garena_top_search div a img{display: block;padding:4px}

#garena_top_search div div a:hover{
	background:none;
	color:#F00
}
#garena_top_search div div{white-space:nowrap;text-align: center;}
#garena_top_search div div a{display: inline;padding: 0 4px;border-left:1px solid #000;letter-spacing: 0;margin-left:-1px;}
.figurelink{
	background-image: url(images/bt_bg.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}
.figure{background:url(images/red.gif) 0 0 no-repeat}



#right_arrowhead_btn{
	background-color:#FFF !important; 
	background-image:none;
}

#left_arrowhead_btn{
	background-color:#FFF !important; 
	background-image:none;
}



.garena_link_list,#lect,#garena_left_logo{position: relative;z-index: 1;}
#garenabar-ad{position: relative;z-index: 0;width: 270px;float: left;height: 43px}
#garenabar-banner{width: 880px;height: 200px;*cursor:pointer;display: none;position: absolute;left: -212px;top: 0; _background:url(data:);}
#garenabar-ad:hover>#garenabar-thumb{visibility: hidden;}
#garenabar-ad:hover>#garenabar-banner{display: block;}




/*固定BANNER*/
#garena_fixedbanner {width:200px; padding:10px; background: #eee; float:right; height:200px;}
#portamento_container {float:right; position:relative;}                      /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container #garena_fixedbanner {float:none; position:absolute;}              /* no need to float anymore, become absolutely positoned */
#portamento_container #garena_fixedbanner.fixed {position:fixed;}                       /* if the panel is sliding, it needs position:fixed */

		
