body{
	background:url(../images/bg.jpg) repeat-x;
	margin:0 auto;
	text-align:center;
}

a {
	cursor: pointer;
	text-decoration: none;
	outline: none; /* for Firefox */
}


/*-----------------------------------     idx     -----------------------------------*/

#flashcontent-idx{
	height:600px;
	width:100%;
	display:block;
}




/*-----------------------------------   template   -----------------------------------*/


#content{
	background:url(../images/bg-main.jpg) no-repeat;
	height:706px;
	width:1000px;
	margin:0 auto;
	position:relative;
		
}
#title{
	background:url(../images/title.png) no-repeat;
	width:461px; height:113px;
	top:0; left:1px;
	position:absolute;
}

.hideText{
	background-repeat:no-repeat;
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

a.share{
	background:url(../images/btn-share.png);
	width:104px; height:29px;
	top:12px; right:30px;
	position:absolute;
}
a.share:hover{background-position:0 -29px;}

a.query{
	background:url(../images/btn-query.png);
	width:126px;
	height:40px;
	top:8px;
	right:140px;
	position:absolute;
}
a.query:hover{background-position:0 -40px;}


a.b-go-website{
	background:url(../images/btn-links.png);
	width:175px; height:46px;
	/*bottom:110px; right:220px;*/
	bottom:110px; right:45px;
	position:absolute;
}


a.b-go-p5{
	background:url(../images/btn-links.png) -175px 0;
	width:175px; height:46px;
	bottom:110px; right:45px;
	position:absolute;
}

a.b-go-website:hover{background-position:0 -46px;}
a.b-go-p5:hover{background-position:-175px -46px;}



ul.menu{
	list-style:none;
	width:936px; height:84px;
	top:48px; left:32px;
	position:absolute;
}
ul.menu li{
	display:inline-block;
	position:absolute;
}

ul.menu li a{
	display:block;
	background:url(../images/menu.png) no-repeat;
	height:85px;
	text-indent:-9999em;
	text-align:left;
	overflow:hidden;
}

ul.menu li.m0{ left:0;width:200px;}
ul.menu li.m1{ left:200px; width:146px;}
ul.menu li.m2{ left:346px; width:146px;}
ul.menu li.m3{ left:492px; width:146px;}
ul.menu li.m4{ left:638px; width:146px;}
ul.menu li.m5{ left:784px; width:152px;}

ul.menu li.m0 a{ background-position:0 0; }
ul.menu li.m1 a{ background-position:-200px 0;}
ul.menu li.m2 a{ background-position:-346px 0;}
ul.menu li.m3 a{ background-position:-492px 0; }
ul.menu li.m4 a{ background-position:-638px 0; }
ul.menu li.m5 a{ background-position:-784px 0; }

ul.menu li.m0:hover a, ul.on-m0 li.m0 a{ background-position:0 -85px;}
ul.menu li.m1:hover a, ul.on-m1 li.m1 a{ background-position:-200px -85px;}
ul.menu li.m2:hover a, ul.on-m2 li.m2 a{ background-position:-346px -85px;}
ul.menu li.m3:hover a, ul.on-m3 li.m3 a{ background-position:-492px -85px;}
ul.menu li.m4:hover a, ul.on-m4 li.m4 a{ background-position:-638px -85px;}
ul.menu li.m5:hover a, ul.on-m5 li.m5 a{ background-position:-784px -85px;}





ul.step{
	list-style:none;
	width:955px; height:84px;
	bottom:23px; left:22px;
	position:absolute;
	background:url(../images/step.png) no-repeat;
	z-index:99;
}
ul.step li{
	display:inline-block;
	position:absolute;
}

ul.step li a{
	display:block;
	width:138px; height:84px;
	text-indent:-9999em;
	text-align:left;
	overflow:hidden;
	border:#000000 solid 0px;
}



ul.step li.s1{ left:237px; width:138px;}
ul.step li.s2{ left:335px; width:138px;}
ul.step li.s3{ left:433px; width:138px;}
ul.step li.s4{ left:531px; width:137px;}
ul.step li.s5{ left:629px; width:138px;}
ul.step li.s6{ left:726px; width:138px;}
ul.step li.s7{ left:824px; width:138px;}

ul.step li.s1 a{ }
ul.step li.s2 a{ }
ul.step li.s3 a{ }
ul.step li.s4 a{ }
ul.step li.s5 a{ }
ul.step li.s6 a{ }
ul.step li.s7 a{ }

ul.step li.s1:hover a, ul.on-s1 li.s1 a{background:url(../images/step.png) no-repeat; background-position:-237px -84px; }
ul.step li.s2:hover a, ul.on-s2 li.s2 a{background:url(../images/step.png) no-repeat; background-position:-237px -168px;}
ul.step li.s3:hover a, ul.on-s3 li.s3 a{background:url(../images/step.png) no-repeat; background-position:-237px -252px;}
ul.step li.s4:hover a, ul.on-s4 li.s4 a{background:url(../images/step.png) no-repeat; background-position:-237px -336px;}
ul.step li.s5:hover a, ul.on-s5 li.s5 a{background:url(../images/step.png) no-repeat; background-position:-237px -420px;}
ul.step li.s6:hover a, ul.on-s6 li.s6 a{background:url(../images/step.png) no-repeat; background-position:-237px -504px;}
ul.step li.s7:hover a, ul.on-s7 li.s7 a{background:url(../images/step.png) no-repeat; background-position:-237px -588px;}

.step-corner-L{
	background:url(../images/bg-corner-L.png) no-repeat;
	width:10px; height:8px;
	left:22px; bottom:108px;
	position:absolute;
}

.step-corner-R{
	background:url(../images/bg-corner-R.png) no-repeat;
	width:10px; height:8px;
	right:22px; bottom:108px;
	position:absolute;
}

/*-----------------------------------     bd     -----------------------------------*/

#bd{
	position:absolute;
	top:133px; left:32px;
	
	width:936px; height:573px;
	background-repeat:no-repeat;
	
	display:none;
}

a.prev{
	background:url(../images/arr-p1-prev.png);
	position:absolute;
	width:24px; height:51px;
	top:255px; left:-21px;
}

a.next{
	position:absolute;
	width:24px; height:51px;
	top:255px; right:-21px;
}

#bd.p1-1{
	background:url(../images/bg-p1-1.jpg);
}


a.b-p1-1-1{
	background:url(../images/b-p1-1.png) 0 0;
	width:480px; height:132px;
	top:130px; right:13px;
	position:absolute;
}

a.b-p1-1-1:hover{ background-position:-481px 0;}

a.b-p1-1-2{
	background:url(../images/b-p1-1.png) 0 -133px;
	width:480px; height:135px;
	top:262px; right:13px;
	position:absolute;
}

a.b-p1-1-2:hover{ background-position:-481px -133px;}




#bd.p1-2{
	background:url(../images/bg-p1-2.jpg);
}

ul.nav-p1{
	list-style:none;
	width:300px; height:30px;
	top:20px; left:445px;
	position:absolute;
}
ul.nav-p1 li{
	display:inline-block;
	position:absolute;
}

ul.nav-p1 li a{
	display:block;
	background:url(../images/nav-p1.png) no-repeat;
	height:30px; width:140px;
	text-indent:-9999em;
	text-align:left;
	overflow:hidden;
}

ul.nav-p1 li.n1{ left:0;}
ul.nav-p1 li.n2{ left:152px;}

ul.nav-p1 li.n1 a{ background-position:0 0; }
ul.nav-p1 li.n2 a{ background-position:-140px 0;}

ul.nav-p1 li.n1 a:hover, ul.on-n1 li.n1 a{ background-position:0 -30px;}
ul.nav-p1 li.n2 a:hover, ul.on-n2 li.n2 a{ background-position:-140px -30px;}


#bd.p1-1 a.next, #bd.p1-2 a.next{background:url(../images/arr-p1-next.png);}
#bd.p1-1 a.prev, #bd.p1-2 a.prev{background:url(../images/arr-p1-prev.png);}









#bd.p2-1{
	background:url(../images/bg-p2-1.jpg);
}

#bd.p2-2{
	background:url(../images/bg-p2-2.jpg);
}

#bd.p2-3{
	background:url(../images/bg-p2-3.jpg);
}


ul.nav-p2{
	list-style:none;
	width:450px; height:30px;
	top:20px; left:445px;
	position:absolute;
}
ul.nav-p2 li{
	display:inline-block;
	position:absolute;
}

ul.nav-p2 li a{
	display:block;
	background:url(../images/nav-p2.png) no-repeat;
	height:30px; width:140px;
	text-indent:-9999em;
	text-align:left;
	overflow:hidden;
}

ul.nav-p2 li.n1{ left:0;}
ul.nav-p2 li.n2{ left:152px;}
ul.nav-p2 li.n3{ left:304px;}

ul.nav-p2 li.n1 a{ background-position:0 0; }
ul.nav-p2 li.n2 a{ background-position:-140px 0;}
ul.nav-p2 li.n3 a{ background-position:-280px 0;}

ul.nav-p2 li.n1 a:hover, ul.on-n1 li.n1 a{ background-position:0 -30px;}
ul.nav-p2 li.n2 a:hover, ul.on-n2 li.n2 a{ background-position:-140px -30px;}
ul.nav-p2 li.n3 a:hover, ul.on-n3 li.n3 a{ background-position:-280px -30px;}



#bd.p2-1 a.next, #bd.p2-2 a.next, #bd.p2-3 a.next{background:url(../images/arr-p2-next.png);}
#bd.p2-1 a.prev, #bd.p2-2 a.prev, #bd.p2-3 a.prev{background:url(../images/arr-p2-prev.png);}










#bd.p3{
	background:url(../images/bg-p3.jpg);
}

a.b-p3-more{
	background:url(../images/b-p3-more.png) 0 0;
	width:55px; height:16px;
	top:382px; left:738px;
	position:absolute;
}

a.b-p3-more:hover{ background-position:-55px 0;}

#bd.p3 a.next{background:url(../images/arr-p3-next.png);}
#bd.p3 a.prev{background:url(../images/arr-p3-prev.png);}







#bd.p4{
	background:url(../images/bg-p4.jpg);
}

#bd.p4 a.next{background:url(../images/arr-p4-next.png);}
#bd.p4 a.prev{background:url(../images/arr-p4-prev.png);}









#bd.p5{
	background:url(../images/bg-p5.jpg);
}

#bd.p5 a.prev{background:url(../images/arr-p5-prev.png);}

a.b-p5-1{
	background:url(../images/b-p5.png) 0 0;
	width:213px; height:45px;
	top:280px; left:350px;
	position:absolute;
}

a.b-p5-1:hover{ background-position:-213px 0;}

a.b-p5-2{
	background:url(../images/b-p5.png) 0 -45px;
	width:213px; height:45px;
	top:280px; left:575px;
	position:absolute;
}

a.b-p5-2:hover{ background-position:-213px -45px;}


a.b-p5-3{
	background:url(../images/btn-query2.png);
	width:189px;
	height:50px;
/*	top:15px;
	left:15px;*/
	top:290px; left:475px;
	position:absolute;
}
a.b-p5-3:hover{background-position:0 -50px;}


#bd.p5 ul.note{
	position:absolute;
	text-align:left;
	list-style:none;
	top:360px; left:270px;
	width:610px;
}

#bd.p5 ul.note li{
	line-height:20px;
	background:url(../images/dot.png) no-repeat 0 8px;
	padding-left:13px;
}






#bd.query{
	background:url(../images/bg-winner.jpg);
	height:573px;
	
}

ul.winner-tab{
	list-style:none;
	width:434px; height:112px;
	top:88px; left:92px;
	position:absolute;
}
ul.winner-tab li{
	display:inline-block;
	position:absolute;
}

ul.winner-tab li a{
	display:block;
	background:url(../images/winner-tab.png) no-repeat;
	height:56px; width:217px;
	text-indent:-9999em;
	text-align:left;
	overflow:hidden;
}

ul.winner-tab li.w1{ left:0;}
ul.winner-tab li.w2{ left:217px;}

ul.winner-tab li.w1 a{ background-position:0 0; }
ul.winner-tab li.w2 a{ background-position:-217px 0;}

ul.winner-tab li.w1 a:hover, ul.on-w1 li.w1 a{ background-position:0 -56px;}
ul.winner-tab li.w2 a:hover, ul.on-w2 li.w2 a{ background-position:-217px -56px;}






#bd.query .form-box{
	background:url(../images/bg-form.png) no-repeat;
	width:739px; height:380px;
	position:absolute;
	top:184px; left:97px;
}

#bd.query .form-box input.f-email{
	position:absolute;
	top:110px; left:238px;
	height:33px; line-height:33px;
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	padding-left:5px;
}


#bd.query .form-box input.f-mobile{
	position:absolute;
	top:187px; left:238px;
	height:33px; line-height:33px;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	padding-left:5px;
}

a.b-sumbit{
	background:url(../images/btn-submit.png);
	width:154px;
	height:47px;
	top:285px;
	left:305px;
	position:absolute;
}
a.b-sumbit:hover{background-position:0 -47px;}



#bd.query .result-box{
	background:url(../images/bg-form.png) no-repeat;
	width:739px; height:380px;
	position:absolute;
	top:184px; left:97px;
}



#bd.query .list-box{
	width:805px; height:370px;
	position:absolute;
	top:160px; left:65px;
	
	overflow:auto;
}

#bd.query .list-box table.winner{
	width:780px;
}

#bd.query .list-box table.winner td{
	height:33px;
	line-height:33px;
	font-size:15px;
	color:#434343;
	text-align:center;
	border-bottom:#CCCCCC solid 1px;
}

#bd.query .list-box table.winner td.name{
	width:120px; height:38px;
	background:url(../images/t-name.gif) no-repeat top right;
	border:0;
}

#bd.query .list-box table.winner td.prize{
	width:260px; height:38px;
	background:url(../images/t-prize.gif) no-repeat top;
	border:0;
}

#bd.query .list-box table.winner td.empty{
	border:0;
}


#bd.query .ans-box{
	background:url(../images/bg-ans.png) no-repeat;
	width:588px; height:267px;
	position:absolute;
	top:190px; left:170px;
	
	padding-top:50px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
}

#bd.query a.b-home{
	background:url(../images/b-home.png) no-repeat;
	width:154px; height:47px;
	position:absolute;
	top:469px; left:402px;
}

#bd.query a.b-again{
	background:url(../images/b-try-again.png) no-repeat;
	width:154px; height:47px;
	position:absolute;
	top:469px; left:402px;
}

#bd.query a.b-home:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;	
}
#bd.query a.b-again:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;	
}
/*-----------------------------------     footer     -----------------------------------*/

#footer{
	margin:0 auto;
	text-align:center;
	border-top: #004098 solid 6px;
	margin-bottom:30px;
	background-color:#FFFFFF;
}

#footer .ftr-box{
	margin: 0 auto;
	width:950px;
}

#footer span.Meno2{
	margin-left:350px;
}
/*-----------------------------------          -----------------------------------*/
/* Clear Fix */   
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }   
.clearfix { display:inline-block; }   
/* Hide from IE Mac */   
.clearfix {display:block;}   
/* End hide from IE Mac */   
/* end of clearfix */