@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url("reset.min.1.2.css");
html,body{ width:100%;}
html{ font-size:15px; font-family:"Noto Sans TC",'微軟正黑體',Verdana, Geneva, sans-serif;
	  text-align:left; color:#362b2b; font-style:normal;
     }
body{ background-color:#fff; min-height:100vh;}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*::after,*::before{ pointer-events:none;}
input,button,select,textarea{ outline:none;}/*去除藍框*/
img{ width:100%; height:auto; border:0; display:block;}

::selection{ background:#c5ae62; color:#fff; text-shadow:none;}
::-moz-selection{ background:#c5ae62; color:#fff; text-shadow:none;}

a:hover{cursor:pointer;}
.imgclear{ image-rendering:-webkit-optimize-contrast;}

/* 版權copyright */
footer{ overflow:hidden; position:relative;}
body footer .info p{padding-top:.5rem;}

:root{
		/* con FontSize */
		--FontSize-txt-itemcon:min(3.67vw,1.28rem);

		--FontSize-txt-notice:min(3.57vw,1.18rem);
		--FontSize-txt-tip:min(2.9vw,1.05rem);
}
@media (max-width:1170px){

				:root{
						/* con FontSize */
						--FontSize-txt-itemcon:min(2.41vw,1.19rem);

						--FontSize-txt-notice:min(2.31vw,1.09rem);
						--FontSize-txt-tip:min(1.9vw,0.9rem);

				      }
}

@media (max-width:700px){

				:root{
					  --FontSize-txt-tip:min(2.65vw,1.05rem);
				     }

}
@media (max-width:640px){

				:root{
					  /* con FontSize */
					  --FontSize-txt-itemcon:min(3.2vw,1.23rem);

					  --FontSize-txt-notice:min(3.15vw,1.13rem);
				     }
}

.particles-eff{ width:100%;	height:100vw;
				overflow:hidden; pointer-events:none;
				position:absolute; top:0; left:0; z-index:0; 
			   }	
#confetti-canvas{ position:absolute; top:0; left:0; 
				  pointer-events:none;
				}	

/* 背景 */
.wrapper{ width:100%; overflow:hidden; position:relative;}
.bg-pattern{ width:100%; height:200%; background:url(../images/bg-pattern.webp) repeat center top / auto auto; position:fixed; top:0; left:0;}

.bg-vision,
.bg-block, .bg-block__item{ width:100%; height:731px; position:absolute; left:0; top:0;}
.bg-vision::before{ content:"";
					background-size:auto 100%; 
					background-repeat:no-repeat; 
					background-position:center top; 
					background-image:url(../images/bg-line.webp);
					position:absolute; inset:0; z-index:5;
				  }

.bg-block{ -webkit-mask-image:url(../images/bg-mask.webp);
			mask-image:url(../images/bg-mask.webp);
			-webkit-mask-repeat:no-repeat;
			mask-repeat:no-repeat;
			-webkit-mask-size:auto 100%;
			mask-size:auto 100%; 
			-webkit-mask-position:center top;
			mask-position:center top;
			background-color:#000;
			position:relative; 
		  }
.bg-block__item:has(.sec-block){ -webkit-mask-image:url(../images/bg-mask02.webp);
								mask-image:url(../images/bg-mask02.webp);
								-webkit-mask-repeat:no-repeat;
								mask-repeat:no-repeat;
								-webkit-mask-size:0vw 0vw;
								mask-size:0vw 0vw; 
								-webkit-mask-position:center center;
								mask-position:center center;
                               }

.sec-block{  background-position:center top; background-size:auto; background-repeat:no-repeat;
	         background-image:url(../images/bg-vision.webp); background-color:#000; 
			 position:absolute; inset:0;
          }	

/* vision 標題 */
.bg-block__item:has(.ttl-block){ padding-bottom:min(1.35vw, 0.2rem); display:flex; flex-wrap:wrap; align-content:flex-end;}
.bg-vision .ttl-block{ width:100%; max-width:965px; margin-inline:auto; aspect-ratio:965 / 318; position:relative;}
[class*="ttl-vision-cut"]{ background-size:100% auto; background-repeat:no-repeat; background-position:center center; position:absolute; inset:0;}
.ttl-vision-cut01{ background-image:url(../images/ttl-vision-cut01.webp);}	
.ttl-vision-cut02{ background-image:url(../images/ttl-vision-cut02.webp); 
	               animation-name:ttl-vision-cut02_an;
				   animation-duration:1.12s;
			       animation-timing-function:ease-in-out; 
			       animation-iteration-count:infinite;
		         }	
@keyframes ttl-vision-cut02_an{ 0%, 100%{ opacity:0;}
				                50%{ opacity:1;}
                               }

#header{ width:100%; height:47.75rem; position:relative;}
.top-block{ width:100%; max-width:1034px; height:100%; margin-inline:auto; position:relative; z-index:5;}

/*固定樣式*/
[class*="btn-"] a, [class*="-menu"] a{ width:100%; height:100%; display:block;}

/*logo*/
.logo-block{ width:100%; max-width:274px; aspect-ratio:446 / 201;
			 position:absolute; top:0.5%; right:-1.4%; z-index:0;
            }
.btn-logo{ background:url(../images/btn-logo.webp) no-repeat center center / 100% auto;
		   transition:transform 0.35s;  
           position:absolute; inset:0;
		 }
.btn-logo:hover{ transform:translateY(-2px);}

/*次選單*/
.otr-menu{ width:fit-content;
		   position:absolute; top:2.8%; left:0; z-index:1;
          }	
.otr-menu__item{ margin-right:.25rem; display:inline-block; vertical-align:middle; 
	             border-radius:50rem; background-color:rgba(0, 0, 0, 0.3);
                 box-shadow:inset 0px 1px 0px rgba(132, 132, 132, 0.9),
						    inset 0px -1px 0px rgba(132, 132, 132, 0.9),
						    inset 1px 0px 0px rgba(132, 132, 132, 0.9),
						    inset -1px 0px 0px rgba(132, 132, 132, 0.9);
	             transition:box-shadow 0.5s, background-color 0.5s;
                 position:relative;
                }
.otr-menu__item:hover{ background-color:rgba(0, 0, 0, 0.55);
					   box-shadow:inset 0px 1px 0px rgb(223, 223, 223, 0.9),
								  inset 0px -1px 0px rgb(223, 223, 223, 0.9),
								  inset 1px 0px 0px rgba(223, 223, 223, 0.9),
								  inset -1px 0px 0px rgba(223, 223, 223, 0.9);
					  }
.otr-menu__item:last-of-type{ margin-right:0;}					  
.otr-menu__item .tt{ height:16px;
					-webkit-mask-size:auto 100%;
					mask-size:auto 100%;
					-webkit-mask-position:center center;
					mask-position:center center; 
					-webkit-mask-repeat:no-repeat;
					mask-repeat:no-repeat;
					background-color:rgb(255, 255, 255, 1);
				   }			   
.otr-menu__item:nth-of-type(1) .tt{ aspect-ratio:20 / 16; 
	                                -webkit-mask-image:url(../images/btn_otr01.svg);
					                mask-image:url(../images/btn_otr01.svg);
					               }	
.otr-menu__item:nth-of-type(2) .tt{ aspect-ratio:64 / 16;
	                                -webkit-mask-image:url(../images/btn_otr02.svg);
					                 mask-image:url(../images/btn_otr02.svg);
					               }								   
.otr-menu__item:nth-of-type(1) a{ padding-inline:0.44rem; padding-block:0.55rem;}	
.otr-menu__item:nth-of-type(2) a{ padding-inline:1.15rem; padding-block:0.55rem;}	


#pagetop{ width:100%; padding-top:1rem; padding-bottom:7.3rem; position:relative;}			
/*event-block*/
[class*="event-part"]{ width:100%; max-width:calc(var(--Width)*1px); --Width:965; margin-inline:auto; 
	                   position:relative; z-index:5;
					}
@keyframes event-part_fadeIn{ 0%{ transform:translateY(1%); opacity:0; }
							  100%{ transform:translateY(0%); opacity:1; }
							}					  
.event-part02{ margin-top:0.2rem;}

/*人物頭像*/
[class*="cha-icon0"]{ width:100%; max-width:273px; aspect-ratio:456 / 315;
	                  margin-inline:auto; margin-bottom:-7.8rem;
					  background-size:100% auto; background-repeat:no-repeat; background-position:center bottom; 
                      position:relative; z-index:1;
					 }
.cha-icon01{ background-image:url(../images/cha-icon01.webp);}	
.cha-icon02{ background-image:url(../images/cha-icon02.webp);}				  


/*event-框底*/
[class*="bg-con"]{ width:100%;}
.bg-contop{ aspect-ratio:var(--Width) / 90;
			background-size:100% auto; background-repeat:no-repeat; background-position:center bottom; 
			background-image:url(../images/bg-contop.webp); position:relative;
			}

.bg-conbt{ aspect-ratio:var(--Width) / 91;
		   background-size:100% auto; background-repeat:no-repeat; background-position:center top; 
		   background-image:url(../images/bg-conbt.webp); position:relative;
		  }
				
.bg-conmid{ background-size:100% auto; background-repeat:repeat-y; background-position:center top; 
			background-image:url(../images/bg-conmid.webp); position:relative;
			}

/*event-內容*/
.item-con{ width:85%; margin-inline:auto; font-size:var(--FontSize-txt-itemcon); line-height:1.7;}
.item-con p{ text-align:left; position:relative;}
.item-con:has(.time) :is(h4, p){ display:inline-block; vertical-align:middle;}
.item-con:has(.time) p{ margin-bottom:0.5rem; left:-1rem;}
/* 多行 */
.item-con.several p:not(:last-of-type){ margin-bottom:0.5rem;}
.mark{ color:#bd4343;font-weight:bold;
       /* background:linear-gradient(#0000 65%,#fff570 0,#fff570 0);畫線 */
     }

.event-part01 .item-con{ padding-bottom:1.6rem;}
.event-part01 .item-con:last-of-type{ padding-bottom:0;}
.item-con:has(.ticket-block){ padding-bottom:1.6rem;}

h4[class*="ttl-item0"]{ width:35%; max-width:168px; aspect-ratio:275 / 71; margin-bottom:0.5rem; transform:translateX(-0.68rem);
                        background-size:100% auto; background-repeat:no-repeat; background-position:center center; 
                       }
h4.ttl-item01{ background-image:url(../images/ttl-item01.webp);}
h4.ttl-item02{ background-image:url(../images/ttl-item02.webp);}
h4.ttl-item03{ background-image:url(../images/ttl-item03.webp);}
h4.ttl-item04{ background-image:url(../images/ttl-item04.webp);}
h4.ttl-item05{ background-image:url(../images/ttl-item05.webp);}

h4.ttl-notice{ width:35%; max-width:135px; aspect-ratio:204 / 43; margin-bottom:0.5rem; 
               background:url(../images/ttl-notice.webp) no-repeat center center / 100% auto;
              }

/* 活動說明 細項 */
ul.list-desc{ width:100%; margin-inline:auto; padding-left:0.15rem; }
ul.list-desc li{ display:flex; margin-top:0.45rem;}
ul.list-desc .icon{ display:inline-block;}
ul.list-desc .icon::before{ content:" ";
							width:13px; aspect-ratio:20 / 11;
							margin-right:7px;
							top:-0.15rem;
							vertical-align:middle; display:inline-block;
							position:relative;
							background:url(../images/icon-list.webp) no-repeat center center / 100% auto;
                           }
/* 注意事項 */
.notice-block{ width:86.24%; max-width:800px; margin-inline:auto; margin-top:3rem;}
ul.list-notice{ width:100%; padding-left:1.55rem; font-size:var(--FontSize-txt-notice); line-height:1.7; }
ul.list-notice li{ list-style:decimal;}
			  

/* 開獎號碼區塊 */			  
.ticket-block{ width:100%; max-width:664px; aspect-ratio:664 / 347; margin-inline:auto; margin-top:-3.85rem; position:relative;}
.item-con .ticket-block:first-of-type{ margin-top:-4.5rem;}
.item-con .ticket-block:last-of-type{ margin-bottom:-1.45rem;}
.ticket-block::before{ content:" "; position:absolute; inset:0;
					   background-size:100% auto; background-repeat:no-repeat; background-position:center top; 
					 }
.ticket-block.unk{ background:url(../images/ticket-unk-bg.webp) no-repeat center center / 100% auto;}	
.ticket-block.unk:nth-of-type(1)::before{ background-image:url(../images/ticket-unk-day01.webp);}		  
.ticket-block.unk:nth-of-type(2)::before{ background-image:url(../images/ticket-unk-day02.webp);}		
.ticket-block.unk:nth-of-type(3)::before{ background-image:url(../images/ticket-unk-day03.webp);}		
.ticket-block.unk:nth-of-type(4)::before{ background-image:url(../images/ticket-unk-day04.webp);}		
.ticket-block.unk:nth-of-type(5)::before{ background-image:url(../images/ticket-unk-day05.webp);}		

.ticket-block.pub:nth-of-type(1)::before{ background-image:url(../images/ticket-pub-day01.webp);}				  
.ticket-block.pub:nth-of-type(2)::before{ background-image:url(../images/ticket-pub-day02.webp);}		
.ticket-block.pub:nth-of-type(3)::before{ background-image:url(../images/ticket-pub-day03.webp);}		
.ticket-block.pub:nth-of-type(4)::before{ background-image:url(../images/ticket-pub-day04.webp);}		
.ticket-block.pub:nth-of-type(5)::before{ background-image:url(../images/ticket-pub-day05.webp);}		

/* 開獎號碼提示 */
.tip-block{ width:100%; position:absolute; bottom:-0.5%; left:0; z-index:1;
	        opacity:0; transition:opacity 0.25s; pointer-events:none;
          }
.ticket-block.pub:has(ul.list-result:hover) .tip-block{ opacity:1;}
.tip-block .txt{  width:fit-content; margin-inline:auto; padding-inline:1rem; padding-block:0.5rem;
	              border-radius:50rem;
				  font-size:var(--FontSize-txt-tip); line-height:1; text-align:center; 
				  color:#fff; background-color:rgba(61, 42, 8, 0.8); 
				  text-shadow:rgba(38, 27, 12, 1) 0px 0px 17px,rgba(38, 27, 12, 1) 0px 0px 18px,rgba(38, 27, 12, 1) 0px 0px 18px;
				}

ul.list-result{ width:87.8%; position:absolute; top:67.3%; left:8.58%;}
ul.list-result,
.ticket-block.unk ul.list-result{ display:none;}
.ticket-block.pub ul.list-result{ display:flex;}
ul.list-result li{ width:calc(100% / 7); max-width:84px; aspect-ratio:84 / 83; position:relative;}
ul.list-result li:nth-of-type(2){ left:-1%;}
ul.list-result li:nth-of-type(3){ left:-2%;}
ul.list-result li:nth-of-type(4){ left:-2.8%;}
ul.list-result li:nth-of-type(5){ left:-4%;}
ul.list-result li:nth-of-type(6){ left:-5.1%;}
ul.list-result li:nth-of-type(7){ left:-6.05%;}
ul.list-result li div{ background-size:100% auto; background-repeat:no-repeat; background-position:center center;}		

/*氣球*/
[class*="deco-balloon0"]{ background-size:100% auto; background-repeat:no-repeat; background-position:center center; 
                          position:absolute; z-index:1;
					    }
[class*="deco-balloon0"] .balloon-an{ position:absolute; inset:0;}
[class*="deco-balloon0"] .balloon-an::before{ content:" ";
	                                          background-size:100% auto; background-repeat:no-repeat; background-position:center center; 
									          animation-duration:2s;
									          animation-timing-function:ease-in-out; 
									          animation-iteration-count:infinite;
                                              position:absolute; inset:0; 
				                             }									 
.deco-balloon01{ width:147px; aspect-ratio:147 / 294; 
                 right:-10.5rem; top:-6.1rem;
				}
.deco-balloon01 .balloon-an::before{ background-image:url(../images/deco-balloon01.webp);
                                     animation-name:balloon-an01;
				                    }

.deco-balloon02{ width:165px; aspect-ratio:165 / 271; 
                 left:-12.2rem; top:33%;
                }
.deco-balloon02 .balloon-an::before{ background-image:url(../images/deco-balloon02.webp);
                                     animation-name:balloon-an02;
				                     }

.deco-balloon03{ width:163px; aspect-ratio:163 / 276;
                 right:-10.5rem; top:-6.6rem;
				}	
.deco-balloon03 .balloon-an::before{ background-image:url(../images/deco-balloon03.webp);
                                     animation-name:balloon-an01;
				                    }				

.deco-balloon04{ width:165px; aspect-ratio:165 / 271; 
                left:-12.2rem; top:30%;
               }
.deco-balloon04 .balloon-an::before{ background-image:url(../images/deco-balloon04.webp);
                                     animation-name:balloon-an02; 
				                    }	

.deco-balloon05{ width:147px; aspect-ratio:147 / 295;
                 right:-11.1rem; top:62%;
               }
.deco-balloon05 .balloon-an::before{ background-image:url(../images/deco-balloon05.webp);
                                     animation-name:balloon-an01; 
				                    }	

.deco-balloon06{ width:165px; aspect-ratio:165 / 271;
                 left:-10.1rem; top:100%;
               }
.deco-balloon06 .balloon-an::before{ background-image:url(../images/deco-balloon06.webp);
                                     animation-name:balloon-an02; 
				                    }	

@keyframes balloon-an01{ 0%, 100%{ transform:translateY(1.5%);}
			             50%{ transform:translateY(-1.5%);}
			           }

@keyframes balloon-an02{ 0%, 100%{ transform:translateY(-1.5%);}
			             50%{ transform:translateY(1.5%);}
			           }


@media (max-width:1245px){

	              [class*="deco-balloon0"]{ display:none;}

}

@media (max-width:1180px){

					/*vision-block*/
					#header{ height:min(63vw,47rem);}

					.bg-vision,
					.bg-block, .bg-block__item{ height:min(63vw,47rem);}
					
					.sec-block{ background-size:auto 117%;}	

					/* vision 標題 */
                    .bg-vision .ttl-block{ width:81.25%;}


					.top-block{ max-width:none;}
					.logo-block{ width:30.4%;
								 top:-0.85%; right:-0.6%;
								}
					/*次選單*/
					.otr-menu{ top:2.8%; left:1.65%;}	
					/*event-block*/
					[class*="event-part"]{ width:86.8%;}

					h4[class*="ttl-item0"]{ width:10.92rem;}

}

@media (max-width:1170px){

					#pagetop{ padding-top:0rem; padding-bottom:min(30vw,5.75rem);}

					/*人物頭像*/
					[class*="cha-icon0"]{ width:30%; margin-bottom:min(-10vw,-5.49rem);}
					/*event-內容*/
					h4[class*="ttl-item0"]{ width:25.25%;}
                    h4.ttl-notice{ width:19%;}
					/*event-block*/
					[class*="event-part"]{ width:95.56%;}

					.item-con:has(.ticket-block){ width:93.88%; padding-bottom:0rem; text-align:center;}

				    /* 開獎號碼區塊 */	
                    .ticket-block{ width:calc((100% - (var(--Margin-Right) * 1)) / 2); --Margin-Right:min(1vw,0.5rem); 
					               margin-inline:min(-1vw,-0.55rem); margin-top:min(-0.5vw,-2.15rem);
					               display:inline-block;
				                  }
					.item-con .ticket-block:first-of-type,
					.item-con .ticket-block:nth-of-type(2){ margin-top:min(-1.35vw,-1.65rem);}
                    .item-con .ticket-block:last-of-type{ margin-bottom:-0.1rem;}	
					.ticket-block.pub:nth-of-type(1)::before{ background-image:url(../images/ticket-pub-day01-s.webp);}				  
					.ticket-block.pub:nth-of-type(2)::before{ background-image:url(../images/ticket-pub-day02-s.webp);}		
					.ticket-block.pub:nth-of-type(3)::before{ background-image:url(../images/ticket-pub-day03-s.webp);}		
					.ticket-block.pub:nth-of-type(4)::before{ background-image:url(../images/ticket-pub-day04-s.webp);}		
					.ticket-block.pub:nth-of-type(5)::before{ background-image:url(../images/ticket-pub-day05-s.webp);}	

					.ticket-block.unk:nth-of-type(1)::before{ background-image:url(../images/ticket-unk-day01-s.webp);}		  
					.ticket-block.unk:nth-of-type(2)::before{ background-image:url(../images/ticket-unk-day02-s.webp);}		
					.ticket-block.unk:nth-of-type(3)::before{ background-image:url(../images/ticket-unk-day03-s.webp);}		
					.ticket-block.unk:nth-of-type(4)::before{ background-image:url(../images/ticket-unk-day04-s.webp);}		
					.ticket-block.unk:nth-of-type(5)::before{ background-image:url(../images/ticket-unk-day05-s.webp);}	

					.tip-block{ bottom:-3.5%; left:0%;}
					.tip-block .txt{ padding-inline:min(1.65vw,1rem); padding-block:min(0.7vw,0.5rem);}
					
					/*event-框底*/
					.bg-contop{ aspect-ratio:var(--Width) / 73;
						        background-image:url(../images/bg-contop-m.webp);
								}
					.bg-conbt{ aspect-ratio:var(--Width) / 76;
                               background-image:url(../images/bg-conbt-m.webp);
							 }
									
					.bg-conmid{ background-image:url(../images/bg-conmid-m.webp);}

}

@media (max-width:900px){

					/*event-框底*/
					.bg-contop{  aspect-ratio:var(--Width) / 90;
						         background-image:url(../images/bg-contop.webp);
								}
					.bg-conbt{ aspect-ratio:var(--Width) / 91;
                               background-image:url(../images/bg-conbt.webp);
							 }
									
					.bg-conmid{ background-image:url(../images/bg-conmid.webp);}

}

@media (max-width:700px){

					.particles-eff{ display:none;}	
	                .bg-pattern{ background:url(../images/bg-pattern.webp) repeat center top / 8vw auto;}

				   	/*vision-block*/
					.bg-vision,
					.bg-block, .bg-block__item{ height:min(93vw, 45rem);}
					.bg-vision::before{ background-size:100% auto; 
										background-image:url(../images/bg-line-s.webp);
									  }	
					.bg-block{ -webkit-mask-image:url(../images/bg-mask-s.webp);
								mask-image:url(../images/bg-mask-s.webp);
								-webkit-mask-size:100% auto;
								mask-size:100% auto; 
							 }	
		 
					.sec-block{ background-size:100% auto;
								background-image:url(../images/bg-vision-s.webp);
							  }	
                    /* vision 標題 */
					.bg-block__item:has(.ttl-block){ padding-bottom:min(4.4vw, 1rem);}
					.mobile .bg-block__item:has(.ttl-block){ padding-bottom:min(0.4vw, 1rem);}
					.bg-vision .ttl-block{ width:96.05%;}	
					
					/*vision-block*/
					#header{ height:min(84.4vw,38.7rem);}					

					.logo-block{ width:39.98%; top:-2.20%; right:-0.45%;}

					/*次選單*/
					.otr-menu{ top:3%; left:2.1%;}	
					.otr-menu__item{ margin-right:min(0.4vw,0.25rem);
					                 background-color:rgba(0, 0, 0, 0.35);
									}
					.otr-menu__item .tt{ height:min(3.65vw,1.105rem);}				
					.otr-menu__item:nth-of-type(1) a{ padding-inline:min(2.35vw,0.405rem); padding-block:min(2.5vw,0.51rem);}
					.otr-menu__item:nth-of-type(2) a{ padding-inline:min(3.9vw,1.15rem); padding-block:min(2.5vw,0.51rem);}	
			

					#pagetop{ padding-top:min(11.5vw,3.5rem); padding-bottom:min(30vw,5.75rem);}

					/*event-block*/
					[class*="event-part"]{ width:97.2%;}

					/*人物頭像*/
					[class*="cha-icon0"]{ width:44.5%; margin-bottom:min(-10vw,-7.49rem);}

					/*event-內容*/
					.item-con:has(.time) p{ margin-bottom:min(2vw,0.5rem); left:min(-2vw, -1rem);}
                    .item-con.several p:not(:last-of-type){ margin-bottom:min(2vw,0.5rem);}

					h4[class*="ttl-item0"]{ width:36.55%; margin-bottom:min(2vw,0.5rem);}
					h4.ttl-notice{ width:26%; margin-bottom:min(2vw,0.5rem);}
                    .bg-conmid{ padding-top:min(6.75vw,3.6rem);}

                    .event-part01 .item-con{ padding-bottom:min(3.7vw,1.6rem);}
					.item-con:has(.ticket-block){ width:82%; padding-bottom:min(2.7vw,0.8rem);}

				    /* 開獎號碼區塊 */	
                    .ticket-block{ width:100%; margin-inline:auto;}
					.item-con .ticket-block:first-of-type{ margin-top:min(-5.25vw,-2.65rem);}
					.ticket-block,
					.item-con .ticket-block:nth-of-type(2){ margin-top:min(-4.5vw,-2.25rem);}
                    .item-con .ticket-block:last-of-type{ margin-bottom:-1.45rem;}			
                    /* 開獎號碼提示 */
					.tip-block{ bottom:-0.5%;}
					.tip-block .txt{ padding-inline:min(1.98vw,1rem); padding-block:min(0.97vw,0.5rem);}

					
					.notice-block{ margin-top:min(6.5vw,3rem);}
			  
}

@media (max-width:640px){

					.notice-block{ width:90.84%;}

}

@media (max-width:550px){

					#pagetop{ padding-top:5.55vw;
						      padding-bottom:27vw;
					         }
					.mobile #pagetop{ padding-top:7.55vw;}		 

					/*人物頭像*/
					[class*="cha-icon0"]{ margin-bottom:-16.5vw;}

					/*event-內容*/
					h4[class*="ttl-item0"]{ width:38.5%; transform:translateX(-1.95vw);}
					h4.ttl-notice { width:28%;}
					.item-con:has(.time) p{ left:-3.5vw;}

					.item-con:has(.ticket-block){ width:90%; padding-bottom:5.5vw;}
				    /* 開獎號碼區塊 */	
					.item-con .ticket-block:first-of-type{ margin-top:-8vw;}
					.ticket-block,
					.item-con .ticket-block:nth-of-type(2){ margin-top:-7vw;}

					ul.list-desc .icon::before{ width:2.15vw;
												margin-right:1vw;
												top:-0.15vw;
											  }

}