@charset "utf-8";
/* CSS Document */
body{
    font-family:Arial, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", "新細明體", "PMingLiu", sans-serif;
	font-size:75%;
	background:url(../images/bg.jpg) top repeat-x #fff;
}

a:hover{text-decoration:underline;}
.space{clear:both;}
.left{float:left;}
.right{float:right;}
#wrapper, #foot{width:1000px; margin:0 auto;}

/* header
-------------------------------------------------------------------------------------------------*/
#header{height:130px; position:relative; margin-bottom:26px;}
#logo{position:absolute; left:0px; top:27px;}
#options{position:absolute; top:27px; right:0px; color:#b5b5b5;}
#options a{color:#b5b5b5; margin:0 10px;}

#nav{height:42px; position:absolute; top:57px; right:0px;}
#nav li{float:left;}
#nav a{display:block; background:url(../images/nav.jpg) no-repeat; height:42px;}
#nav .nav01 a{width:93px; background-position:0 0;}
#nav .nav02 a{width:88px; background-position:-93px 0;}
#nav .nav03 a{width:72px; background-position:-181px 0;}
#nav .nav04 a{width:72px; background-position:-253px 0;}
#nav .nav05 a{width:83px; background-position:-325px 0;}
#nav .nav06 a{width:71px; background-position:-408px 0;}
#nav .nav07 a{width:72px; background-position:-479px 0;}
#nav .nav08 a{width:103px; background-position:-551px 0;}

#nav .nav01 a:hover{background-position:0 -42px;}
#nav .nav02 a:hover{background-position:-93px -42px;}
#nav .nav03 a:hover{background-position:-181px -42px;}
#nav .nav04 a:hover{background-position:-253px -42px;}
#nav .nav05 a:hover{background-position:-323px -42px;}
#nav .nav06 a:hover{background-position:-408px -42px;}
#nav .nav07 a:hover{background-position:-479px -42px;}
#nav .nav08 a:hover{background-position:-551px -42px;}

.hide {font-size:0; line-height:0; color:#fff; text-indent:-5000px;}

/* main
-------------------------------------------------------------------------------------------------*/
#main{background:url(../images/bg_banner.jpg) no-repeat; height:350px; position:relative;}
#banner{position:absolute; top:9px; right:9px;}
#more{position:absolute; top:296px; left:475px;width:305px; text-align:right;}
#more img{margin-left:10px;}
#tab{position:absolute; top:0px; left:0px; width:247px;}
#tab a{display:block; color:#666; font-size:175%;}
#tab a:hover, #tab a.t-now{background:url(images/tab_now.gif) no-repeat right top; color:#fff; text-decoration:none;}
#tab a h3{ width:113px; height:66px; padding-left:102px; line-height:66px;}
#tab .tab01 a h3{background:url(images/Banner_button_off_1.png) no-repeat;}
#tab .tab02 a h3{background:url(images/Banner_button_off_2.png) no-repeat;}
#tab .tab03 a h3{background:url(images/Banner_button_off_3.png) no-repeat;}
#tab .tab04 a h3{background:url(images/Banner_button_off_4.png) no-repeat;}
#tab .tab05 a h3{background:url(images/Banner_button_off_5.png) no-repeat;}
#tab .tab06 a h3{background-position:0 -275px;}

#tab .tab01 a:hover h3, #tab .tab01 a.t-now h3{background:url(images/Banner_button_on1.png) no-repeat;}
#tab .tab02 a:hover h3, #tab .tab02 a.t-now h3{background:url(images/Banner_button_on2.png) no-repeat;}
#tab .tab03 a:hover h3, #tab .tab03 a.t-now h3{background:url(images/Banner_button_on3.png) no-repeat;}
#tab .tab04 a:hover h3, #tab .tab04 a.t-now h3{background:url(images/Banner_button_on4.png) no-repeat;}
#tab .tab05 a:hover h3, #tab .tab05 a.t-now h3{background:url(images/Banner_button_on5.png) no-repeat;}
#tab .tab06 a:hover h3, #tab .tab06 a.t-now h3{background-position:-215px -275px;}

#ball{position:absolute; top:216px; left:245px; width:540px;height:68px;overflow-y:hidden;}
#ball li{float:left; display:inline; width:64px; height:68px; padding-top:12px; background:url(../images/bg_ball_1.png) no-repeat; text-align:center; color:#666; font-size:275%;}
#ball.n9 li{float:left; width:51px; height:54px; padding-top:10px; background:url(../images/bg_ball_1s.png) no-repeat; text-align:center; color:#666; font-size:200%; margin-top:15px;margin-left: 400px;}
.n3 li{margin-left:400px;}
.n4 li{margin-left:400px;}
.n5 li{margin-left:400px;}
.n7 li{margin-left:400px;}
#ball li.sp{background:url(../images/bg_ball_2.png) no-repeat;}

#main-content{position:absolute; top:46px; left:366px; width:280px; color:#333;}
#main-content h2{font-size:125%; padding:15px 0 0 125px; height:45px; background:url(../images/logos.jpg) no-repeat; line-height:1.4; font-weight:bold; margin-bottom:5px;}
#main-content h2.biglotto{background-position:0 0;}
#main-content h2.power{background-position:0 -60px;}
#main-content h2.daily539{background-position:0 -120px;}
#main-content h2.star3{background-position:0 -180px;}
#main-content h2.star4{background-position:0 -240px;}
#main-content h2.square{background-position:0 -300px;}
#main-content blockquote{color:#fff; line-height:22px; text-align:center; font-size:125%;}
#main-content div{padding:10px 5px 0;}
#main-content div h3{color:#cc0e00; font-size:325%; text-align:center;}
#main-content div h3 span{font-size:24px;}

/* bingo
-------------------------------------------------------------------------------------------------*/
#bingo{background:url(../images/bg_bingo.jpg) no-repeat; height:90px; margin-bottom:15px; padding-left:128px; position:relative;}
#bingo p{font-size:133.3%; color:#232323; padding:10px 0 10px 10px;}
#bingo p span{color:#cc0e00;}
#bingo p em{font-size:81.3%; color:#777;}
#bingo li{float:left; width:37px; height:40px; background:url(../images/bg_ball_3.png) no-repeat; text-align:center; color:#fff; font-size:150%; padding-top:6px; margin-left:6px;}
#bingo div{position:absolute; top:7px; right:9px;}
#bingo div img{margin-left:8px;}

/* others
-------------------------------------------------------------------------------------------------*/
.mid-banner{margin-bottom:15px;}
.btn{float:left; margin-right:16px;}
#BigFulotto{
	width:1003px;
	height:232px;
	margin-bottom:15px;
}

/* footer
-------------------------------------------------------------------------------------------------*/
#footer{color:#a1a1a1; line-height:1.5; padding:15px 0px; border-top:#dedede 1px solid;}
#footer a{color:#a1a1a1;}
#foot .right{text-align:right;}