@charset "utf-8";
/* CSS Document */


/*基本*/
body{ margin:0; padding:0; background-color: #fafafa;}

/*隱鑶*/
.for_pc {}
.for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_m { display: block !important;}
	}	

/*回版頭*/
#gotop { display:none; border-radius:20px; position:fixed; padding:10px 10px 3px 10px; right:30px; bottom:30px; font:12px/30px  Verdana;background:#000; color:#fff; cursor:pointer; z-index:5}
#gotop { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6}


/*全BOX版面*/	
.WRAPPER { position: relative; display:block; margin:0 auto; padding: 0; width: 100%; min-width:1220px; overflow: hidden;}
.WRAPPER img { border:0; vertical-align:top;}
.mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px; z-index:0;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0; min-width: inherit;}
		.WRAPPER img { width:100%;  height:auto;}
		.mainArea { width:100%; padding:0;}	
	}	


/*背景*/
.bg01 { z-index: -1; position: absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background:url(bg01.png?t=1689142559649) no-repeat center top ;}
.bg_repeat { z-index: -2; position: absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background:url(bg_repeat.png?t=1689142559649) repeat center top ;}
@media screen and (max-width:767px){
	.m_bg  { z-index: -1;background: url(bg01.png?t=1689142559649) no-repeat center top ;width:100%; min-width: inherit;background-size:100%; height:100% ;position: absolute; top:0 ;left:0 }
	.bg_repeat { z-index: -2; position: absolute; top:0; left:0; width:100%;background:url(bg_repeat.png?t=1689142559649) repeat center top ;}
}


/*共用--區塊_all*/
.Area { z-index:1; position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:block;} 
.Area .go_bt { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.Area .go_bt:hover { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; filter:brightness(110%);}
  @media screen and (min-width:768px){
    .Area .go_bt:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
  }
  /*寬度,間距*/
  .Area1220 { margin:0 auto; width:100%;}
  .Area960 { margin:0 auto; width:100%;}
    @media screen and (min-width:768px){
      .Area1220 { width:1220px;}
      .Area960 { width:960px;}
	  .Areatop { padding-top:30px;}
      .Areabottom { margin-bottom:80px;}
    }
    @media screen and (max-width:767px){
      .Areabottom { margin-bottom:5%;}
	  .Areatop { margin-top:-18%;}
    }


/*共用*/
.space { margin-bottom:80px;}
	@media screen and (max-width:767px){
		.space {margin-bottom: 10vw;}
		.m_Area96p {width:96%} 
	}

/*版頭*/
.header .logo {z-index: 5; position: absolute; top: 0; left: 0;}
.header .logo a { float: left;}
	@media screen and (max-width:767px){
    }
.Area_top { height: 350px; }
.Area_top .box_txt  {position: absolute;text-align: center;margin: 0 25%;overflow: hidden;top: 262px;height: 23%;width: 50%;}
.Area_top .box_txt .txt {font-weight: 500;color: #fff;padding: 0 10px;font-size: 40px;line-height: 2.1;}
	@media screen and (max-width:767px){
		.Area_top {height: 40vw;}
.Area_top .box_txt  {position: absolute;text-align: center;margin: 0 25%;line-height: 1;overflow: hidden;top: 27.5vw;height: 20%;width: 50%;}
.Area_top .box_txt .txt {color: #fff;padding: 0 3.5vw;font-size: 1.2em;line-height: 2;}
		
		
    }



/*兌換內容*/
.Area_game .box_txt { color: #000; margin: 0 auto; line-height: 1.5; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica}
.Area_game .box_txt .txt {font-size: 42px;font-weight: 600;padding: 0;line-height: 1;color: #363636;}
.Area_game .box_txt .txt strong { color: #ee7687; letter-spacing: -1px; }
.Area_game .box_txt .txt small { font-size: 28px;  }
.Area_game .box_txt .smalltxt {color: #949494;font-size: 35px;}

/*贈品介紹*/
.Area_game .box_grabgift {width: 94%;margin: 3%;background-color: #fff;border-radius: 2em;}
.Area_game .box_grabgift .grabgift_img { position: relative;}
.Area_game .box_grabgift .grabgift_img img { width: 100%; height: auto; /*filter: drop-shadow(0.3em 0.3em 0.2em rgba(231,66,61,0.4));*/}
.Area_game .box_grabgift .grabgift_img .grabgift_img_more {z-index: 1;position: absolute;top: 5%;left: 11%;width: 40%;height: 90%;padding-bottom: 0;}
.Area_game .box_grabgift .grabgift_img .grabgift_img_more a {position: absolute;top: 375px;left: -4px;display: block;width: 100%;height: 20%;}
/*贈品圖*/
.Area_game .box_grabgift .grabgift_pd {position: absolute;top: 214px;left: 65px;}		
.Area_game .box_grabgift .grabgift_pd img{width:80%;}		


/*文案*/
.Area_game .box_grabgift .grabgift_pdtitle {position: absolute;top: 200px;left: 48%;width: 44%;letter-spacing: -0.001rem;text-align: left;font-size: 50px;font-weight: 600;line-height: 1;color: #363636;}		
.Area_game .box_grabgift .grabgift_pdtitle span{position: absolute;top: 120%;left: 0%;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 50px;font-weight: 600;line-height: 1;color: #363636;}		
.Area_game .box_grabgift .grabgift_pdtitle b  {position: absolute ;transform: translate(3vw,7.5vw);color: #6c6c6c;font-size:3.5vw;font-weight: 300;}		

/*文案*/
.Area_game .box_grabgift .grabgift_password {transform: translateX(18px);left: 88%;position: relative;top: inherit;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 36px;font-weight: 500;line-height: 1.2;color: #363636;margin: -300px 0 0 20px;padding: 0px 0 50px 0;min-height: 220px;}		
.Area_game .box_grabgift .grabgift_password span{position: absolute;top: 120%;left: 0%;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 50px;font-weight: 600;line-height: 1;color: #363636;}		
.Area_game .box_grabgift .grabgift_password b  {position: absolute ;transform: translate(3vw,7.5vw);color: #6c6c6c;font-size:3.5vw;font-weight: 300;}		
.Area_game .box_grabgift .grabgift_password .smalltxt1{font-size: 32px;color: #6c6c6c;width: 100%;line-height: 1.2;}
.Area_game .box_grabgift .grabgift_password .smalltxt1 span{position: absolute;top: 31%;left: 0%;width: 90%;letter-spacing: -0.001rem;text-align: left;font-size: 20px;font-weight: 600;line-height: 1;color: #363636;}
.Area_game .box_grabgift .grabgift_password .smalltxt2{font-size: 32px;color: #6c6c6c;width: 100%;line-height: 1.2;}
.Area_game .box_grabgift .grabgift_password .smalltxt2 span{position: absolute;top: 31%;left: 0%;width: 90%;letter-spacing: -0.001rem;text-align: left;font-size: 20px;font-weight: 600;line-height: 1;color: #363636;}
.Area_game .box_grabgift .grabgift_password .txt_no  {position: relative;top: 0vw;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.9em;font-weight: 600;line-height: 1.2;color: #363636;word-break: break-all;min-height: 200px;margin: 0;}		
.Area_game .box_grabgift .grabgift_password .txt_no a  {color: #1e558b;font-weight: 300;}		

.Area_game .box_grabgift .grabgift_password .password  {display: none;position: relative;top: 0vw;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.9em;font-weight: 600;line-height: 1.2;color: #363636;word-break: break-all;min-height: 200px;margin: 0;}		
.Area_game .box_grabgift .grabgift_password .password a  {color: #1e558b;font-weight: 300;}		


.Area_game .box_grabgift .box_left {width: 48%;}
.Area_game .box_grabgift .box_right{width: 50%;}


/*複製*/
.Area_game .box_grabgift .grabgift_password .bn {position: absolute;top: 95%;right: 44%;}
.Area_game .box_grabgift .grabgift_password button {line-height: 2;background-color: #ee7687;color: #fff;width: 70px;height: auto;border: 2px solid #ee7687;font-size: 20px;font-weight: bold;padding: 1px 3%;border-radius: 5px;}
	@media screen and (max-width:767px){
	.Area_game .box_grabgift .grabgift_password .bn {  top: 66.5%; right: 8%; }
	.Area_game .box_grabgift .grabgift_password button { line-height: 2.2;  width: 21vw;  font-size: 7vw; padding: 5% 3%; }
	}

        @media screen and (max-width:767px){
          .Area_game .box_txt { margin: 0 auto; line-height: 1.6;}
          .Area_game .box_txt { font-size: 5vw;  }
          .Area_game .box_txt .txt {padding: 0 3.5vw;font-size: 1.2em;line-height: 1.5;color: #363636;}
          .Area_game .box_txt .txt small { font-size: 3vw; }
		  .Area_game .box_txt .smalltxt  {padding: 0 3.5vw;color: #949494;letter-spacing: 0.1vw;font-size: 0.8em;line-height: 1.2;}
			

		/*贈品介紹*/
		.Area_game .box_grabgift {width: 94%;margin: 3%;background-color: #fff;border-radius: 0.5em;position: relative;}
			
			/*贈品圖*/
			.Area_game .box_grabgift .grabgift_pd {position: absolute;top: 12vw;left: 10%;width: 30%;}		
			.Area_game .box_grabgift .grabgift_pd img{width:90%;}		



			
		  /*文案*/
		  .Area_game .box_grabgift .grabgift_pdtitle {position: absolute;transform: translateX(18px);top: 7vw;left: 44%;width: 42%;letter-spacing: -0.001rem;text-align: left;font-size: 1.2em;font-weight: 600;line-height: 1.5;color: #363636;}
		  .Area_game .box_grabgift .grabgift_pdtitle span  {position: absolute;top: 100%;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.8em;font-weight: 500;line-height: 1;color: #363636;}
		  .Area_game .box_grabgift .grabgift_pdtitle b  {position: absolute ;transform: translate(18px,55px);color: #6c6c6c;font-size: 28px;font-weight: 300;}
		  .Area_game .box_grabgift .box_left .grabgift_img_more {z-index: 1;position: absolute;top: 72%;left: 11%;width: 40%;height:20%;padding-bottom: 0;}
		  .Area_game .box_grabgift .box_left .grabgift_img_more a { position: absolute; top:0vw; left: 0vw; display: block; width: 100%; height: 100%;}
			
		  .Area_game .box_grabgift .grabgift_password {transform: translateX(18px);left: 88%;position: relative;top: inherit;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.8em;font-weight: 500;line-height: 1.2;color: #363636;margin: -30vw 0 0 0;padding: 0 0 10% 0;min-height: 20vw;}		
		  .Area_game .box_grabgift .grabgift_password .smalltxt1{font-size: 1em;color: #6c6c6c;line-height: 1.5;}
		  .Area_game .box_grabgift .grabgift_password .smalltxt1 span{position: absolute;top: 100%;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.8em;font-weight: 500;line-height: 1;color: #363636;}
		  .Area_game .box_grabgift .grabgift_password .smalltxt2{font-size: 1em;color: #6c6c6c;line-height: 1.5;}
		  .Area_game .box_grabgift .grabgift_password .smalltxt2 span{position: absolute;top: 100%;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.8em;font-weight: 500;line-height: 1;color: #363636;}

		  .Area_game .box_grabgift .grabgift_password .txt_no  {position: relative;top: 0vw;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.9em;font-weight: 600;line-height: 1.2;color: #363636;word-break: break-all;min-height: 20vw;margin: 0;}		
		  .Area_game .box_grabgift .grabgift_password .password   {display: none;position: relative;top: 0vw;width: 100%;letter-spacing: -0.001rem;text-align: left;font-size: 0.9em;font-weight: 600;line-height: 1.2;color: #363636;word-break: break-all;min-height: 20vw;margin: 0;}		
			
		  .Area_game .box_grabgift .box_left {width: 48%;}
		  .Area_game .box_grabgift .box_right{width: 50%;}

			
			

        }
    

/*兌換btn*/
.Area_game .reg_btn {margin: 0 auto 30px;position: absolute;top: 64%;width: 35%;right: 13%;}
       @media screen and (max-width:767px){
		  .Area_game .reg_btn {margin: 0% auto 5%;width: 35%;}
        }    
/*兌換狀態*/
.Area_game .reg_btn span { display: block;}
.Area_game .reg_btn .end { display: none;}
.Area_game .reg_btn .over { display: none;}





/*詳情說明*/
.Area_game_more { z-index: 1;  color:#000; font-weight: 400;}
.Area_game_more .topbar { box-shadow:0 -3px 20px rgba(0,0,0,0.2);}
.Area_game_more > .box { z-index:1; position:relative; padding:2% 0; font-size:4vw; line-height:1.5; text-align:left; }
.Area_game_more > .box .title { margin:0 auto 2vw;}
.Area_game_more > .box .box_:nth-of-type(2) { margin-top:4vw;} 
.Area_game_more > .box ul { margin:0; padding: 0 4% 0 4%; list-style: none;}
.Area_game_more > .box li { margin-bottom:3vw;}
.Area_game_more > .box ul ol { padding:0 0 0 1.5em; /*list-style: none;*/}
/*.Area_game_more > .box ul ol li { counter-increment: num; text-indent:-1.4rem;}*/
/*.Area_game_more > .box ul ol li:before { content: "(" counter(num) ") ";}*/
.Area_game_more > .box strong { color:#000;}
.Area_game_more > .box table { margin:0; margin-top:1vw; width:100%; border-collapse:collapse; border:1px solid #224026; border-radius: 10px; overflow: hidden; text-align:center; color: #404040; }
/*.Area_game_more > .box table { box-shadow: 0 0 16px rgba(120,175,255,0.5);}*/
.Area_game_more > .box table { font-family: "Century Gothic","微軟正黑體", system-ui, Helvetica;}
.Area_game_more > .box th { padding:10px 2px; border:0px solid #224026; background: #ffe8d1; color:#224026; font-size:1em; }
.Area_game_more > .box td { padding:10px 2px; border:1px solid #224026; border-top: 0; background-color: #fff; font-size:0.95em; font-weight: 400; vertical-align: middle; }
.Area_game02_more > .box .table_1 td:nth-of-type(1){ width:25%;}
.Area_game02_more > .box .table_1 td:nth-of-type(2){ width:25%;}
.Area_game02_more > .box .table_1 td:nth-of-type(3){ width:20%;}
.Area_game02_more > .box .table_1 td:nth-of-type(4){ width:30%;}
.Area_game02_more > .box a { color: #fff3bb }
	@media screen and (min-width:768px){
	  .Area_game_more { margin-top:20px; padding-bottom: 0px;}
	  .Area_game_more img { display:block; margin:0 auto; width:100%; height: auto;}
	  .Area_game_more > .box { margin-top:20px; padding-right:0%; padding:0%; font-size:24px;}
	  .Area_game_more > .box .box_ { margin-top:80px;} 
	  .Area_game_more > .box ol { margin-top:0px;}
	  .Area_game_more > .box ol:nth-child(2) { margin-bottom:30px;}
	  .Area_game_more > .box li { margin-bottom:16px;}
	  .Area_game02_more > .box a { color: #fff3bb }
	}
	/*@media screen and (max-width:767px){*/
	  .page_phone .Area_game_more { margin-top:0; padding-bottom: 0em;}
	  .page_phone .Area_game_more > .box { padding: 0 2%;}
	  .page_phone .Area_game_more > .box table { text-shadow: none; border-top: 0; border-radius: 6px;}
	  .page_phone .Area_game_more > .box td { background-size: cover;}
	  .page_phone .Area_game_more > .box .table_1 td { font-size: 0.8em;}
	  .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(1){ width:30%;}
	  .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(2){ width:22%;}
	  .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(3){ width:23%;}
	  .page_phone .Area_game02_more > .box .table_1 td:nth-of-type(4){ width:25%;}
	/*}*/




/*注意事項*/
.Area_bgfooter { color: #000; font-family: "Century Gothic","Microsoft JhengHei"; font-size: 16px;}
.Area_bgfooter a {position: relative; }
.Area_bgfooter .box_list { text-align: justify;}
.Area_bgfooter .box { width: 90%; margin: 0 auto;  }
.Area_bgfooter .box_list h3 { font-size: 1.25em; margin-bottom: 0.25em;}
.Area_bgfooter .box_list ol { margin: 0; padding: 0; padding-left: 1em;}
.Area_bgfooter .box_list ul { margin: 0; padding: 0; list-style: none;}
.Area_bgfooter .box_list li { margin: 0; padding: 0; margin-bottom: 0.75em;}
.Area_bgfooter .box_list li img { margin: 0.2em 0; width: 70%; max-width: 480px; box-shadow: 0em 0.3em 1.5em rgba(0,0,0,0.1);}
.Area_bgfooter .box_list li strong { color: #d62872; letter-spacing: -1px; }
    @media screen and (min-width:768px){
      .Area_bgfooter .box .box_list { font-size: 1.5em; padding: 0%;}
    }
    @media screen and (max-width:767px){
      .Area_bgfooter .box .box_list { font-size: 0.875em; padding: 0;}
    }