body{
 font-size:12px;
 font-family:"Microsoft JhengHei";
 background:#0082bc;
 margin:0;
 padding:0;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#wapper{
 width:978px;
 margin:0 auto;
 padding:0 1px;
 background:#fff;
 overflow:hidden;
 position: relative;
}
dl,ul,li,dd,dt{
 margin:0;
 padding:0;
 list-style:none;
}
img{
 border:0;
}
#header{
 position:relative;
 z-index:2;
}
.index_txt{
 width:455px;
 height:415px;
 position:absolute;
 z-index:2;
 top:80px;
 left:108px;
}
.menu{
 width:555px;
 height:35px;
 position:absolute;
 z-index:10;
 top:0;
 right:0;
 background:url(../images/menu_bg.png) no-repeat;
}
.menu .bar{
 width:555px;
 height:3px;
 position:relative;
 z-index:3;
}
.menu .bar i{
 width:0;
 height:3px;
 background:#6F1C79;
 position:absolute;
 z-index:10;
 left:0;
 top:0;
}
.menu ul li a{
 display:block;
 height:35px;
}

.menu ul li{
 float:left;
}
.menu .sub1{
 width:140px;
 margin-right:20px;
}
.menu .sub2{
 width:88px;
 margin-right:20px;
}
.menu .sub3{
 width:85px;
 margin-right:20px;
}
.menu .sub4{
 width:140px;
}
 
#main{
 position:relative;
 z-index:1;
}
.index_title{
 position:absolute;
 z-index:2;
 top:137px;
 right:1px;
}
#header .logo{
 width:65px;
 height:73px;
 display:block;
 position:absolute;
 z-index:10;
 top:583px;
 left:888px;
}
.index_go{
 display:block;
 width:240px;
 height:46px;
 position:absolute;
 z-index:3;
 background:url(../images/null.png) no-repeat;
 left:114px;
 top:368px;
}
.index_rule{
 display:block;
 width:90px;
 height:90px;
 position:absolute;
 z-index:3;
 background:url(../images/null.png) no-repeat;
 left:57px;
 top:390px;
}

#footer{
 padding:10px 0;
 color:#008fc7;
 font-weight:600;
 position: relative;z-index: 10000;
 background-color: #fff;
}
#footer a:link,#footer a:hover,#footer a:visited{
color:#008fc7;
text-decoration:none;
}
#footer dd{
 font-size:11px;
 width:72%;
 text-indent:25px;
 display:block;
 text-align:left;
 float:left;
}
#footer dt{
 width:27%;
 float:left;
 font-size:13px;
 text-align:center;
 display:block;
}
#footer dt img{
 vertical-align:middle;
}

#rule{
 position:absolute;
 display:none;
 background:url(../images/rule_bg.png) no-repeat;
 z-index:20;
 width:100%;
 height:100%;
 top:0;
 left:0;
 padding-top:1px;
}
#rule .contentbox{
 width:490px;
 height:415px;
 padding-right:20px;
 margin-top:148px;
 margin-left:257px;
}
#rule .content{
 height:415px;
}
.know_rule{
 position:absolute;
 z-index:5;
 width:180px;
 height:69px;
 background:url(../images/null.png) no-repeat;
 left:396px;
 top:599px;
}
#game{
 position:relative;
 height:680px;
 background:#72D6F3;
 z-index:1;
}
.home{
 display:block;
 width:170px;
 height:70px;
 background:url(../images/null.png) no-repeat;
 position:absolute;
 z-index:11;
 top:20px;
 left:30px;
}
.q_answer{
 width:978px;
 height:244px;
 position:absolute;
 z-index:1;
 left:0;
 bottom:0;
 font-size:15px;
 color:#fff;
 line-height:100%;
}
.q_answer div{
 position:absolute;
 z-index:1;
 width:620px;
 top:110px;
 left:190px;
}
.q_answer div label{
 display:inline-block;
 margin:0 35px 20px 0;
 padding-left:25px;
 cursor:pointer;
 position:relative;
}
.q_answer label { 
	background:url(../images/check.jpg) no-repeat;
}
.q_answer label.select { 
    background:url(../images/checked.jpg) no-repeat;
} 
.q_answer div label i{
 position:absolute;
 z-index:2;
 display:none;
 width:54px;
 height:15px;
 left:30px;
 bottom:-18px;
}
.q_answer label.select i,.q_answer label:hover i{
 display:block;
}
.rule_btn{
 display:block;
 width:90px;
 height:90px;
 background:url(../images/null.png) no-repeat;
 position:absolute;
 z-index:11;
 top:53px;
 left:868px;
}
.next{
 display:block;
 width:160px;
 height:37px;
 margin:0 auto;
}
.q_complete{
 width:978px;
 height:150px;
 position:absolute;
 text-align:center;
 z-index:1;
 left:0;
 bottom:0;
}
.q_complete div{
 padding-top:22px;
}
#rule .close{
 position:absolute;
 z-index:2;
 top:20px;
 right:20px;
}

/* 得獎名單, Northa, 20161018
=============================================================== */
#lightBox{
	width: 99%;
	position: absolute; top: 0; left: 0; z-index: 9999;
	background-color: rgba(0, 0, 0, 0.8)
}
	.lbClose{
		position: absolute; top: 28px; right: 20px; z-index: 10000;
	}
	.lbClose a:hover img{
		filter: opacity(0.8);
	}