@charset "utf-8";

@media screen and (max-width: 1360px) {
    #bg{
		height:auto;
		}  
}
#header{
	background-image:url(../images/header_01.jpg);
	position:relative;
	top:0;
	width:100%;
	height:37px;
	background-position: top center;
	z-index:999;
	}
html,body{height:100%;}
#loading_page{
	background-color:#E73E3E;
	width: 100%;
	height:100%;
	position:fixed;
	z-index:9999;
	}
#loading{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-103px;
	margin-left:-125px;
	}
#footer{
	background-image:url(../images/footer_03.jpg);
	position:relative;
	bottom:0;
	width:100%;
	margin-top: -35px;
	height:35px;
	background-position: top center;
	z-index:999;
	}
#bg{
	background-image: url(../images/bg.jpg);
	position:relative;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	}
#wrap{
	width:1000px;
	min-width:1000px;
	margin:0 auto;
	}

#index_box1{
	height:384px;
	position:relative;
	}
#asus_t{
	position:absolute;
	left:-90px;
	top:7px;
	}
#menu_box{
	width:259px;
	height:38px;
	position:absolute;
	right:28px;
	top:5px;
	z-index:999;
	}
#index_btn{
	position: absolute;
	background-image: url(../images/menu.png);
	background-repeat:no-repeat;
	width: 110px;
	height: 36px;
	cursor: pointer;
	}
#index_btn:hover{
	background-position: 0 -34px;
	}
#index_btn{
	position: absolute;
	background-image: url(../images/menu.png);
	background-repeat:no-repeat;
	width: 110px;
	height: 36px;
	cursor: pointer;
	}
#index_btn:hover{
	background-position: 0 -34px;
	}
#event_detail_btn{
	position: absolute;
	left: 111px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: -110px 0px;
	width: 110px;
	height: 36px;
	cursor: pointer;
	}
#event_detail_btn:hover{
	background-position: -111px -34px;
	}
#search_btn{
	position: absolute;
	left: 224px;
	background-image: url(../images/coming_soon.png);
	background-repeat: no-repeat;
	width: 121px;
	height: 36px;
	cursor: pointer;
	}
#search_btn:hover{
	background-position:  0 -36px;
	}
#fb_btn{
	position: absolute;
	left: 347px;
	top: 3px;
	background-image: url(../images/fb_btn.png);
	background-repeat: no-repeat;
	width: 37px;
	height: 36px;
	cursor: pointer;
	}
#fb_btn:hover{
	background-position: 0px -34px;
	}

#index_title{
	position:absolute;
	top:11px;
	left:11px;
	}
#index_box2{
position: relative;
height: 150px;
margin: 20px 0 0 206px;
	}
#icon1{
background-image: url(../images/index_icon.png);
position: absolute;
left: 0px;
width: 180px;
height: 139px;
cursor:pointer;
	}
#icon1:hover{
	background-position: 0 139px;
	}
#icon2{
	background-image: url(../images/index_icon.png);
	background-position: -187px 0px;
	position: absolute;
	left: 189px;
	width: 184px;
	height: 139px;
	cursor: pointer;
	}
#icon2:hover{
	background-position: -187px 139px;
	}
#icon3{
	background-image: url(../images/index_icon.png);
	background-position: -387px 0px;
	position: absolute;
	left: 392px;
	width: 180px;
	height: 139px;
	cursor: pointer;
	}
#icon3:hover{
	background-position: -387px 139px;
	}
#index_box3{
	height:362px;
	position:relative;
	}
#sheep_male{
	position: absolute;
	right: -55px;
	bottom: 82%;
	}
#sheep_female{
position: absolute;
left: -73px;
bottom: 78%;
	}
#bag1{
	position: absolute;
background-image: url(../images/bag.png);
background-repeat: no-repeat;
width: 167px;
height: 221px;
left: 220px;
top: 12px;
cursor: pointer;
	}
#bag1:hover{
	background-position:0 -236px;
	}
#bag2{
position: absolute;
background-image: url(../images/bag.png);
background-position: -167px 0px;
background-repeat: no-repeat;
width: 167px;
height: 221px;
left: 400px;
top: 48px;
cursor: pointer;
	}
#bag2:hover{
	background-position:-167px -233px;
	top: 46px;
	}
#bag3{
position: absolute;
background-image: url(../images/bag.png);
background-repeat: no-repeat;
background-position: -341px 0px;
width: 167px;
height: 219px;
left: 584px;
top: 12px;
cursor: pointer;
	}
#bag3:hover{
	background-position:-341px -231px;
	}
#footer_txt{
	position:absolute;
	bottom:10px;
	left:-90px;
	}
#intel_logo{
	position:absolute;
	right:-84px;
	bottom:10px;
	}
#lightbox_bg{
	background-image:url(../images/lightbox_bigBG.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0
	}
.step_close{
	background-image:url(../images/light_box_close.png);
	width:34px;
	height:34px;
	cursor:pointer;
	position: absolute;
	right: 22px;
	top: 21px;
	}
.step_close:hover{
	background-image:url(../images/light_box_close.png);
	background-position:0px -34px;
	
	
	}
#step1{
	background-image:url(../images/step1_bg.png);
	width:683px;
	height:548px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-341px;
	margin-top:-274px;
	}
#step2{
	background-image:url(../images/step_bg.png);
	width:683px;
	height:548px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-341px;
	margin-top:-274px;
	}
#step3{
	background-image:url(../images/step_bg.png);
	width:683px;
	height:548px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-341px;
	margin-top:-274px;
	}
#step4{
	background-image:url(../images/step_bg.png);
	width:683px;
	height:548px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-341px;
	margin-top:-274px;
	}

#step1_title{
	position: absolute;
	left: 61px;
	top: 42px;
	}
#step1_lottery_btn{
	background-image:url(../images/step1_btn.png);
	width:192px;
	height:250px;
	position: absolute;
	top: 146px;
	left: 246px;
	cursor: pointer;
	}
#step1_lottery_btn_animate{
	width:100%; height:100%;
	position: absolute;
	top: 146px;
	left: 249px;
	cursor: pointer;
	}
#step1_lottery_btn:hover{
	background-position:0px -250px;
	}
#step1_animate{
	position: absolute;
	top: 124px;
	left: 202px;
	}
#step2_title{
	position: absolute;
	top: 40px;
	left: 195px;
	}
#step2_animate{
	position: absolute;
	top: 102px;
	left: 146px;
	z-index: 998;
	}
#prize_box{
	position: absolute;
	top: 107px;
	left: 75px;
	}
#step2_btn{
	background-image:url(../images/step3_btn.png);
	width:203px;
	height:44px;
	position: absolute;
	bottom: 43px;
	left: 232px;
	cursor:pointer;
	}

#step2_btn:hover{
	background-position:0 -44px;
	}
#step2_btn2{
	background-image:url(../images/step2_btn.png);
	width:116px;
	height:44px;
	position: absolute;
	bottom: 43px;
	left: 276px;
	cursor:pointer;
	}
#step2_btn2:hover{
	background-position:0 -45px;
	}
#step3_title{
	position: absolute;
	left: 189px;
	top: 45px;
	}
#step3_box_bg{
	background-image:url(../images/step3_box_bg.png);
	width:577px;
	height:367px;
	position:absolute;
	left:54px;
	top:83px;
	}
#cancel_btn{
	background-image:url(../images/step3_cancel_btn.png);
	width:135px;
	height:46px;
	position: absolute;
	top: 465px;
	left: 207px;
	cursor:pointer;
	}
#cancel_btn:hover{
	background-position:0 -46px;
	}
#submit_btn{
	background-image:url(../images/step3_submit_btn.png);
	width:135px;
	height:46px;
	position: absolute;
	top: 465px;
	left: 345px;
	cursor:pointer;
	}
#submit_btn:hover{
	background-position:0 -46px;
	}
.step_box{
	margin-top: 20px;
	margin-left: 40px;
	}
#step4_img{
	position: absolute;
	left: 56px;
	top: 39px;
	}

/*-------------活動辦法----------------*/
	
#event_box1{
	position:relative;
	height:256px;	
	}
#event_title{
position: absolute;
top: 100px;
left: 128px;
	}
#event_box2{
	position:relative;
	height:771px;
	margin-bottom:100px;
	margin-left:-15px
	}
#event_box2_btn1{
	position:absolute;
	left: 439px;
	top: 504px;
	background-image:url(../images/event_btn2.png);
	width:86px;
	height:26px;
	background-position:0 0;
	cursor:pointer;
	}
#event_box2_btn1:hover{
	background-position:0 -26px;
	}
#event_box2_btn2{
	position:absolute;
	left: 597px;
	top: 535px;
	background-image:url(../images/event_btn2.png);
	width:86px;
	height:26px;
	background-position:-93px 0;
	cursor:pointer;
	z-index:998;
	}
#event_box2_btn2:hover{
	background-position:-93px -26px;
	}
#event_box2_btn3{
	position:absolute;
	left: 683px;
	top: 564px;
	background-image:url(../images/event_btn2.png);
	width:86px;
	height:26px;
	background-position:-181px 0;
	cursor:pointer;
	z-index:998;
	}
#event_box2_btn3:hover{
	background-position:-181px -26px;
	}
#bag_btn_box{
	position: absolute;
	left: 314px;
	top: 654px;
	}
#event_bag1{
	background-image:url(../images/event_bag_btn.png);
	width:103px;
	height:130px;
	position:absolute;
	top:0;
	left:0;
	background-position: 0 0;
	cursor:pointer;
	}
#event_bag1:hover{
	background-position: 0 -133px;
	}
#event_bag2{
	background-image:url(../images/event_bag_btn.png);
	width:103px;
	height:130px;
	position:absolute;
	top:0;
	left:105px;;
	background-position: -108px 0;
	cursor:pointer;
	}
#event_bag2:hover{
	background-position: -108px -133px;
	}
#event_bag3{
	background-image:url(../images/event_bag_btn.png);
	width:103px;
	height:130px;
	position:absolute;
	top:2px;
	left:210px;;
	background-position: -212px 0;
	cursor:pointer;
	}
#event_bag3:hover{
	background-position: -212px -133px;
	}
#event_box2_product{
	position:absolute;
	right:-68px;
	top:500px;
	}

#event_box3{
	position:relative;
	margin-bottom:100px;
	margin-left:-15px
	}
#event_box4{
	position:relative;
	margin-bottom:100px;
	margin-left:-15px
	}
#event_box4_btn1{
	background-image: url(../images/event_btn2.png);
	width: 71px;
	height: 26px;
	background-position: -268px 0;
	position: absolute;
	right: 10px;
	top: 283px;
	cursor:pointer;
	}
#event_box4_btn1:hover{
	background-position: -270px -26px;
	}
#event_box4_btn2{
	background-image: url(../images/event_btn2.png);
	width: 71px;
	height: 26px;
	background-position: -268px 0;
	position: absolute;
	right: 10px;
	top: 345px;
	cursor:pointer;
	}
#event_box4_btn2:hover{
	background-position: -270px -26px;
	}
#event_box4_btn3{
	background-image: url(../images/event_btn2.png);
	width: 71px;
	height: 26px;
	background-position: -268px 0;
	position: absolute;
	right: 10px;
	top: 453px;
	cursor:pointer;
	}
#event_box4_btn3:hover{
	background-position: -270px -26px;
	}
#event_box4_btn4{
	background-image: url(../images/event_btn2.png);
	width: 71px;
	height: 26px;
	background-position: -268px 0;
	position: absolute;
	right: 10px;
	top: 517px;
	cursor:pointer;
	}
#event_box4_btn4:hover{
	background-position: -270px -26px;
	}
#event_box4_btn5{
	background-image: url(../images/event_btn2.png);
	width: 71px;
	height: 26px;
	background-position: -268px 0;
	position: absolute;
	right: 10px;
	top: 580px;
	cursor:pointer;
	}
#event_box4_btn5:hover{
	background-position: -270px -26px;
	}
#event_box5{
	position:relative;
	height:730px;	
	}
#event_box2_selection{
	position:absolute;
	top:50%;
	left:50%;
	}
#copyright_btn_area{
	position: absolute;
	left: 344px;
	top: 515px;
	}
#law_btn{
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/event_btn.png);
	width:167px;
	height:44px;
	background-position:0 0;
	cursor:pointer;
	}
#law_btn:hover{
	background-position:0 -45px;
	}
#privacy_btn{
	position: absolute;
	left: 172px;
	top: 0;
	background-image: url(../images/event_btn.png);
	width: 191px;
	height: 44px;
	background-position: -167px 0;
	cursor: pointer;
	}
#privacy_btn:hover{
	background-position:-167px -45px;
	}
	
#inquiry{
	background-image:url(../images/step_bg.png);
	width:683px;
	height:548px;
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-341px;
	margin-top:-274px;
	}
#inquiry_lightbox_bg {
	background-image:url(../images/lightbox_bigBG.png);
	background-repeat:repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0
	}
#inquiry_title{
	position: absolute;
	left: 144px;
	top: 42px;
	}
#inquiry_box{
	position: absolute;
	left: 39px;
	top: 113px;
	}
#inquiry_title2{
	position:relative;
	}
.user_box{
	position:relative;
	width:612px;
	height:32px;
	background-color:#cc1a1a;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fffee0;
	color:#fffee0;
	}
.date{
width: 100px;
position: relative;
text-align: center;
padding-top: 5px;
display: inline-block;
	}
.type{
width: 241px;
position: relative;
text-align: center;
padding-top: 5px;
display: inline-block;
	}
.number{
width: 164px;
position: relative;
text-align: center;
padding-top: 5px;
display: inline-block;
	}
.situation{
	width:95px;
	position:relative;
	text-align:center;
	padding-top:5px;
	display:inline-block;
	}