modify ranking numbers

index.html

@@ -257,91 +257,91 @@ a[x-apple-data-detectors='true'] {
             <div style="display: flex; justify-content: stretch; align-items: center;">
               <div class="" style="width: 50%;padding: 1.2rem .8rem;">
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">21.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="21">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第19名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">19.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="19">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第17名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">17.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第15名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">15.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第13名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">13.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第11名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">11.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第09名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">09.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第07名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">07.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">21.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">21.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
               </div>
               <div style="width: 50%;padding: 1.2rem .8rem;">
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第20名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">20.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第18名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">18.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第16名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">16.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第14名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">14.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第12名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">12.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第10名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">10.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第08名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">08.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第06名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">06.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第04名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">04.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
                 <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
-                  <span style="color: #aa6dbc; display: inline-block; flex: 2;">第02名.</span> 
+                  <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">02.</span> 
                   <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
                 </div>
               </div>
             </div>
             <button style="display: block;width: 90%;height:50px; background-image: url('https://i.ibb.co/Y8W3QD2/no1ba.png'); background-repeat: no-repeat; background-size:cover; margin-right: auto; margin-left: auto; border: none;border: none;text-align: center; vertical-align: middle;border-radius: 25px;padding-bottom: 0px;">
-                <span style="color: #aa6dbc; display: inline-block; font-size: 1rem; margin-right: .6rem;">第01名.</span> 
+                <span style="color: #aa6dbc; display: inline-block; font-size: 1rem; margin-right: .6rem;font-style: italic;">01.</span> 
                 <span style="display: inline-block; font-size: 1.1rem;">6 1 8 購物節</span>
             </button>
           </div>