.item-con .ticket-block.pub{ background:url(../images/ticket-pub-bg-spin.webp) no-repeat center center / 100% auto;}	

ul.list-result li{ display:flex; flex-direction:column; 
	               -webkit-mask-image: url(../images/ticket-grid-mask.webp);
				   mask-image:url(../images/ticket-grid-mask.webp);
				   -webkit-mask-size:100% auto;
				   mask-size:100% auto;
				  -webkit-mask-position:center center;
				  mask-position:center center; 
				  -webkit-mask-repeat:no-repeat;
				  mask-repeat:no-repeat;
				  overflow:hidden;
                }
		
ul.list-result li div{ width:100%; aspect-ratio:84 / 83; position:relative;}	
.spin{ animation-name:spin; 
	   animation-duration:0.55s;
	   animation-delay:0s;
	   animation-fill-mode:none;
	   animation-iteration-count:infinite;
	   animation-timing-function:linear;
	 }
@keyframes spin{ 0%{ transform:translateY(-490%);}
				 100%{ transform:translateY(0);}
               }

.spin.stop{ animation-name:stop; 
	        animation-duration:0.12s;
	        animation-delay:0s;
			animation-fill-mode:forwards;
			animation-iteration-count:1;
			animation-timing-function:cubic-bezier(0, 0, 0.4, 0.1);
	      }	
@keyframes stop{ 0%{ transform:translateY(-95%);}
				 100%{ transform:translateY(0);}
               }	

	  			  				  				  
/* 字母 */						
ul.list-result li.norm .letter-a{ background-image:url(../images/letter-norm_a.webp);}
ul.list-result li .letter-a{ background-image:url(../images/letter-eorzean_a.webp);}	

ul.list-result li.norm .letter-b{ background-image:url(../images/letter-norm_b.webp);}
ul.list-result li .letter-b{ background-image:url(../images/letter-eorzean_b.webp);}	

ul.list-result li.norm .letter-c{ background-image:url(../images/letter-norm_c.webp);}
ul.list-result li .letter-c{ background-image:url(../images/letter-eorzean_c.webp);}	

ul.list-result li.norm .letter-d{ background-image:url(../images/letter-norm_d.webp);}
ul.list-result li .letter-d{ background-image:url(../images/letter-eorzean_d.webp);}

ul.list-result li.norm .letter-e{ background-image:url(../images/letter-norm_e.webp);}
ul.list-result li .letter-e{ background-image:url(../images/letter-eorzean_e.webp);}

ul.list-result li.norm .letter-f{ background-image:url(../images/letter-norm_f.webp);}
ul.list-result li .letter-f{ background-image:url(../images/letter-eorzean_f.webp);}

ul.list-result li.norm .letter-g{ background-image:url(../images/letter-norm_g.webp);}
ul.list-result li .letter-g{ background-image:url(../images/letter-eorzean_g.webp);}

ul.list-result li.norm .letter-h{ background-image:url(../images/letter-norm_h.webp);}
ul.list-result li .letter-h{ background-image:url(../images/letter-eorzean_h.webp);}

ul.list-result li.norm .letter-i{ background-image:url(../images/letter-norm_i.webp);}
ul.list-result li .letter-i{ background-image:url(../images/letter-eorzean_i.webp);}

ul.list-result li.norm .letter-j{ background-image:url(../images/letter-norm_j.webp);}
ul.list-result li .letter-j{ background-image:url(../images/letter-eorzean_j.webp);}

ul.list-result li.norm .letter-k{ background-image:url(../images/letter-norm_k.webp);}
ul.list-result li .letter-k{ background-image:url(../images/letter-eorzean_k.webp);}

ul.list-result li.norm .letter-l{ background-image:url(../images/letter-norm_l.webp);}
ul.list-result li .letter-l{ background-image:url(../images/letter-eorzean_l.webp);}

ul.list-result li.norm .letter-m{ background-image:url(../images/letter-norm_m.webp);}
ul.list-result li .letter-m{ background-image:url(../images/letter-eorzean_m.webp);}

ul.list-result li.norm .letter-n{ background-image:url(../images/letter-norm_n.webp);}
ul.list-result li .letter-n{ background-image:url(../images/letter-eorzean_n.webp);}

ul.list-result li.norm .letter-o{ background-image:url(../images/letter-norm_o.webp);}
ul.list-result li .letter-o{ background-image:url(../images/letter-eorzean_o.webp);}

ul.list-result li.norm .letter-p{ background-image:url(../images/letter-norm_p.webp);}
ul.list-result li .letter-p{ background-image:url(../images/letter-eorzean_p.webp);}

ul.list-result li.norm .letter-q{ background-image:url(../images/letter-norm_q.webp);}
ul.list-result li .letter-q{ background-image:url(../images/letter-eorzean_q.webp);}

ul.list-result li.norm .letter-r{ background-image:url(../images/letter-norm_r.webp);}
ul.list-result li .letter-r{ background-image:url(../images/letter-eorzean_r.webp);}

ul.list-result li.norm .letter-s{ background-image:url(../images/letter-norm_s.webp);}
ul.list-result li .letter-s{ background-image:url(../images/letter-eorzean_s.webp);}

ul.list-result li.norm .letter-t{ background-image:url(../images/letter-norm_t.webp);}
ul.list-result li .letter-t{ background-image:url(../images/letter-eorzean_t.webp);}

ul.list-result li.norm .letter-u{ background-image:url(../images/letter-norm_u.webp);}
ul.list-result li .letter-u{ background-image:url(../images/letter-eorzean_u.webp);}

ul.list-result li.norm .letter-v{ background-image:url(../images/letter-norm_v.webp);}
ul.list-result li .letter-v{ background-image:url(../images/letter-eorzean_v.webp);}

ul.list-result li.norm .letter-w{ background-image:url(../images/letter-norm_w.webp);}
ul.list-result li .letter-w{ background-image:url(../images/letter-eorzean_w.webp);}

ul.list-result li.norm .letter-x{ background-image:url(../images/letter-norm_x.webp);}
ul.list-result li .letter-x{ background-image:url(../images/letter-eorzean_x.webp);}

ul.list-result li.norm .letter-y{ background-image:url(../images/letter-norm_y.webp);}
ul.list-result li .letter-y{ background-image:url(../images/letter-eorzean_y.webp);}

ul.list-result li.norm .letter-z{ background-image:url(../images/letter-norm_z.webp);}
ul.list-result li .letter-z{ background-image:url(../images/letter-eorzean_z.webp);}

/* 數字 */	
ul.list-result li.norm .num-0{ background-image:url(../images/num-norm_0.webp);}
ul.list-result li .num-0{ background-image:url(../images/num-eorzean_0.webp);}

ul.list-result li.norm .num-1{ background-image:url(../images/num-norm_1.webp);}
ul.list-result li .num-1{ background-image:url(../images/num-eorzean_1.webp);}

ul.list-result li.norm .num-2{ background-image:url(../images/num-norm_2.webp);}
ul.list-result li .num-2{ background-image:url(../images/num-eorzean_2.webp);}

ul.list-result li.norm .num-3{ background-image:url(../images/num-norm_3.webp);}
ul.list-result li .num-3{ background-image:url(../images/num-eorzean_3.webp);}

ul.list-result li.norm .num-4{ background-image:url(../images/num-norm_4.webp);}
ul.list-result li .num-4{ background-image:url(../images/num-eorzean_4.webp);}

ul.list-result li.norm .num-5{ background-image:url(../images/num-norm_5.webp);}
ul.list-result li .num-5{ background-image:url(../images/num-eorzean_5.webp);}

ul.list-result li.norm .num-6{ background-image:url(../images/num-norm_6.webp);}
ul.list-result li .num-6{ background-image:url(../images/num-eorzean_6.webp);}

ul.list-result li.norm .num-7{ background-image:url(../images/num-norm_7.webp);}
ul.list-result li .num-7{ background-image:url(../images/num-eorzean_7.webp);}

ul.list-result li.norm .num-8{ background-image:url(../images/num-norm_8.webp);}
ul.list-result li .num-8{ background-image:url(../images/num-eorzean_8.webp);}

ul.list-result li.norm .num-9{ background-image:url(../images/num-norm_9.webp);}
ul.list-result li .num-9{ background-image:url(../images/num-eorzean_9.webp);}