body{overflow-x: hidden;width:100%; height:100%; margin:0px auto; font:15px/1.5 "Microsoft JhengHei", Helvitica, Verdana, Arial, san-serif; color:#333333; background:#fff;}

#banner{width:100%;height:300px; position:relative;
background-image:url(../images/MainBg.jpg);
-moz-background-size:100% 300px;
-webkit-background-size:100% 300px;
-o-background-size:100% 300px;
background-size:100% 300px;
}
.nGyroParallax1 {
position: absolute;
top: 50%;
left: 50%;
z-index:15;
transition: .5s ease-out;
}
#red-1 {margin: -30px 0 0 -250px;}
#red-1 img {transform: translate3d(0,0,0);
	 transition: .5s;
	}
#here {margin:-150px 0 0 -200px;}
#mouse {margin: -100px 0 0 -55px;}
#u{margin: -20px 0 0 80px;}
#loveu { margin: 60px 0 0 -50px;}
#red{margin: -120px 0 0 50px;}
#here img,#mouse img,#u img,#red img,#loveu img {
	max-width:100%; height:auto;	
	 transform: translate3d(0,0,0);
	 -webkit-filter: drop-shadow(4px 0 3px black);
	 -ms-filter: drop-shadow(4px 0 3px black);
	 filter: drop-shadow(4px 0 3px black);
	 transition: .5s;
	}

#console {
	 display: none;
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 padding: 10px;
	 color: #fff;
	 font-size: 32px;
	 background: rgba(0,0,0,.6);
	 box-sizing: border-box;
	}
	
a{color:#003399; text-decoration:none;}
a:hover{color:#CC3300; text-decoration:none;}
h1,h2,h3{margin:0px;}
img,ul,li,p{margin:0px; list-style:none; padding:0px;}

#main,#main0{width:100%; height:400px; background:#fff; position:relative;}
#main1{width:100%; height:400px; background:#fff; text-align:center;}
.egg,.egg0{width:100%; height:auto; margin:0px auto; padding-top:0; z-index:2; position:relative;}
.eggList,.eggList{padding-top:0px; position:relative; width:310px; margin:0px auto;}

.eggbtn,.eggbtn0{background:url(../images/red-close.gif) no-repeat bottom; width:327px; height:460px; margin:0px auto; cursor:pointer; position:relative; background-size: 327px 460px;}

.eggbtn.curr{background:url(../images/red-open_bg.png) no-repeat bottom;cursor:default;z-index:18; background-size: 327px 460px;}


#redup{display:none; position:absolute;z-index:50;}

.hammer{background:url(../images/img-6.png) no-repeat; width:74px; height:87px; position:absolute; text-indent:-9999px; z-index:100; left:234px; top:10px;}
.resultTip{position:absolute; width:230px; height:200px;padding:6px;top:150px; left:40px; background:#FFCC33; color:#fff; text-align:center;overflow:hidden;display:none;z-index:19;border-radius:5px;box-shadow: -1px 0px 10px #990000;-webkit-box-shadow: -1px 0px 10px #990000;-moz-box-shadow: -1px 0px 10px #990000;}
.resultTip b{font-size:14px;line-height:24px;}
.InfoBox{padding:0px 10px;}


/*機會*/
.Opportunity,.Opportunity0{width:120px; height:26px; margin:30px auto 0px; background:#ba2d31; text-align:center; font:17px/1.5 "Microsoft JhengHei"; color:#fff; border-radius:30px; padding:3px 5px;}
#goaward{width:120px; height:26px;background:#ba2d31; text-align:center; font:17px/1.5 "Microsoft JhengHei"; color:#fff; border-radius:30px; padding:3px 5px; cursor:pointer;}
.again,.showawards{cursor:pointer;}

/*活動說明*/
.winners_user{width:auto; height:24px; background:#f2e7b9; margin:0px auto; position:relative; z-index:10px;}
.winners_user .ico{width:29px; height:24px; position:absolute; left:0px; top:0px; z-index:10; background:url(../images/winners_user.png) center top no-repeat; background-size: 29px 24px;}
.winners_user #winners_user{width:auto; height:24px; overflow:hidden; position:relative;}
.winners_user #winners_info{position:absolute; left:0px; top:0px;}
.winners_user #winners_info ul{width:100000%; height:24px;}
.winners_user #winners_info li{float:left; padding-right:30px; line-height:24px; white-space:nowrap;}
.winners_user #winners_info li span{color:#e8471d; font-weight:bold;}

/*按鈕*/
.relevant-list{width:70%; height:80px; margin:0px auto; padding:20px 0px; overflow:hidden; position:relative; z-index:1;}
.relevant-list div{width:28%; height:80px; text-align:center; font-size:14px;}
.relevant-list div a{display:block; height:80px;}
.relevant-list div a span{margin-top:15px;}
.relevant-list div a strong{font-weight:normal; display:block; line-height:1;}
.relevant-list .award_list_ico{ position:absolute; left:0px; top:20px;}
.relevant-list .award_list_ico span{width:32px; height:32px; display:inline-table; background:url(../images/relevant-list.png) -37px top no-repeat; background-size:319px 32px;}
.relevant-list .my_list_ico{margin:0px auto;}
.relevant-list .my_list_ico span{width:32px; height:32px; display:inline-table; background:url(../images/relevant-list.png) -144px top no-repeat; background-size:319px 32px;}
.relevant-list .rule_ico{ position:absolute; right:0px; top:20px;}
.relevant-list .rule_ico span{width:32px; height:32px; display:inline-table; background:url(../images/relevant-list.png) -251px top no-repeat; background-size:319px 32px;}

/*訊息框*/
#mast{width:100%;height:100%; 
background:#000;filter: alpha(Opacity=60, Style=0);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display:none; position:fixed;left:0;top:0; z-index:99;}
.prompt_box{width:50%;margin:0 0 0 -25%; background:#fff; padding:0px 10px 10px 0; position:fixed; left:50%;top:10%; z-index:100;}
.prompt_box .column{height:40px; border-bottom:2px solid #fba10f; margin-bottom:10px; overflow:hidden;}
.prompt_box .column h3{font-size:18px; color:#faa00c; line-height:40px; padding-left:10px; font-weight:normal; display:block;}
.prompt_box .column .close{float:right; height:40px; width:40px; display:block; cursor:pointer; background:url(../images/close.png) top center no-repeat; text-indent:-9999px;}
.prompt_box .prompt_info{padding:10px 0px; font-size:15px;}
.prompt_box .prompt_info ol li{margin:10px;}


/*獎品項目*/
.award_list{width:50%;margin:0 0 0 -25%; background:#fff; padding:0px 10px 10px 0; position:fixed; left:50%;top:10%; z-index:100;}
.award_list .column{height:40px; border-bottom:2px solid #fba10f; margin-bottom:10px; overflow:hidden;}
.award_list .column h3{font-size:18px; color:#faa00c; line-height:40px; padding-left:10px; font-weight:normal; display:block;}
.award_list .column .close{float:right; height:40px; width:40px; display:block; cursor:pointer; background:url(../images/close.png) top center no-repeat; text-indent:-9999px;}
.award_list .prompt_info{padding:10px 0px; font-size:15px;}
.award_list .prompt_info ol li{margin:10px;}
.awardimg{width:75px;height:auto;margin:5px;float:left;cursor:pointer;}
.noawardimg{width:75px;height:auto;margin:5px;float:left;}
.choseone{width:50px;height:auto;float:right;cursor:pointer;}
.choseoned{width:50px;height:auto; border:none;}
.choseone:hover{position:relative;top:1px;left:1px;}
.myawd{width:250px;height:auto;}
hr{clear:both;}
.prompt_info h3 span{color:#0066FF;cursor:pointer;display:none;}

/*我的獎品*/
.my_list{width:50%;margin:0 0 0 -25%; background:#fff; padding:0px 10px 10px 0; position:fixed; left:50%;top:10%; z-index:100;}
.my_list .column{height:40px; border-bottom:2px solid #fba10f; margin-bottom:10px; overflow:hidden;}
.my_list .column h3{font-size:18px; color:#faa00c; line-height:40px; padding-left:10px; font-weight:normal; display:block;}
.my_list .column .close{float:right; height:40px; width:40px; display:block; cursor:pointer; background:url(../images/close.png) top center no-repeat; text-indent:-9999px;}
.my_list .prompt_info{padding:10px 0px; font-size:15px;}
.my_list .prompt_info ol li{margin:10px;}
	
#chances{ position:absolute;right:15px; top:100px;z-index:19;opacity:1.0;display:none;}
.fireworks{position: absolute;z-index:180;}
@media (min-width: 100px) and (max-width: 600px){
.prompt_box,.award_list,.my_list{width:90%;margin:10px;left:0;}
.relevant-list{width:90%;}
}