@import url("reset.css");
html{margin:0;padding:0;}
body{margin:0;padding:0;overflow-x:hidden; background-color:#fff;min-height:950px;height:950px;overflow-x:hidden; overflow-y:scroll;}
#WRAPPER{ width:100%;height:auto;background:url(../img/INDEX_BG.jpg) 0 0 no-repeat; background-position:top center;min-width:1200px; min-height:878px;}

#CONTENT{width:1200px;height:878px; margin:0 auto;position:relative;}

#CONTENT h3{width:215px;height:160px;position:absolute; top:170px;left:460px; z-index:10;}
#CONTENT h3 a{ width:215px;height:160px;display:block;text-indent:-9999px;}
#CONTENT .flash{width:215px;height:160px;position:absolute; top:185px;left:465px; z-index:9;}
#MAINMENU ul{width:1000px;height:110px;margin:0 auto;position:absolute;top:540px;}
#MAINMENU li{width:200px;height:200px; float:left; list-style:none; cursor:pointer;}
#MAINMENU li a{width:200px;height:200px; display:block; text-indent:-9999px; background:url(../img/menu_btn.png) 0 0 no-repeat;}

#MAINMENU li.act1{margin-top:-285px;margin-left:75px;}
#MAINMENU li.act2{margin-top:-85px;margin-left:60px;}
#MAINMENU li.act3{margin-top:-425px;margin-left:830px;}
#MAINMENU li.act4{margin-top:-210px;margin-left:870px;}
#MAINMENU li.act5{margin-top:5px;}

#MAINMENU li.act1 a{ background-position:0 0;}
#MAINMENU li.act2 a{ background-position:-200px 0;}
#MAINMENU li.act3 a{ background-position:-400px 0;}
#MAINMENU li.act4 a{ background-position:-600px 0;}


#MAINMENU li.act1 a:hover{ background-position:0 -200px;}
#MAINMENU li.act2 a:hover{ background-position:-200px -200px;}
#MAINMENU li.act3 a:hover{ background-position:-400px -200px;}
#MAINMENU li.act4 a:hover{ background-position:-600px -200px;}


#TOPMENU ul{width:450px;height:50px; position:absolute;top:-5px;left:680px;}
#TOPMENU li{width:140px;height:50px; float:left; list-style:none;}
#TOPMENU li a{width:150px;height:50px;display:block; text-indent:-9999px;background: url(../img/top_menu_btn.png) 0 0 no-repeat;}
#TOPMENU li.taomee a{ background-position:0 0;}
#TOPMENU li.forum a{ background-position:-150px 0;}
#TOPMENU li.nncf a{ background-position:-300px 0;}
#TOPMENU li.taomee a:hover{ background-position:0 -50px;}
#TOPMENU li.forum a:hover{ background-position:-150px -50px;}
#TOPMENU li.nncf a:hover{ background-position:-300px -50px;}

#FOOTER{width:100%;height:72px; text-align:center;background:url(../img/FOOTER_BG.jpg) 0 0 repeat-x;}

a{
outline: none; /* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */
}


<!----------Lightbox--------->
#rule01 {
	background:url(../img/P1.png) 0 0 no-repeat;
	display: none;	height: 765px;	width: 960px;
}

.rule {
	background: url(../img/P1.png) 0 0 no-repeat;
	display: none;	height: 765px;	width: 960px;
}

.attention {
	background: url(../img/P2.png) 0 0 no-repeat;
	display: none;	height: 765px;	width: 960px;
	font:bold 14px/2 "微軟正黑體",arial,sans-serif; 
	color:#000;
}
.download{
	position:absolute;
	width:100px;
	height:20px;
	top:527px;
	left:220px;
	font:bold 14px/1 "微軟正黑體",arial,sans-serif; 
	color:#06F;
}
.text{
	width:580px;height:300px;
	margin:0 auto;
	padding-top:110px;
	margin-left:190px;
}
.attention a{color:#06F;}
.award {
	background:url(../img/P3.png) 0 0 no-repeat;
	display:none;	height: 765px;	width: 960px;
	overflow-x:hidden;
}
.treasure{
	width:620px;height:300px;
	margin:0 auto;
	font:bold 12px/1.5 "微軟正黑體",arial,sans-serif; 
	color:#000;
}
.treasure ul{
	width:600px;height:390px;
	margin:0 auto;
	padding-top:115px;
}
.treasure li{
	padding-top:5px;
	width:145px;height:180px;
	float:left;
	margin:5px 25px;
	border:solid #C00 2px;
	border-radius:8px;
	list-style:none;
	text-align:center;
	background-color:#FFF;
}
.text2{
	width:600px;height:200px;
	clear:both;
	margin:0 auto;
	padding-top:3px;
	font:bold 14px/1.5 "微軟正黑體",arial,sans-serif; 
	color:#000;
}