huaisianhuang 4 лет назад
Родитель
Сommit
a6a48502fe
2 измененных файлов с 447 добавлено и 586 удалено
  1. 447 132
      index.html
  2. 0 454
      test.html

+ 447 - 132
index.html

@@ -1,139 +1,454 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
-  <!--[if gte mso 9]>
-  <xml>
-    <o:OfficeDocumentSettings>
-      <o:AllowPNG/>
-      <o:PixelsPerInch>96</o:PixelsPerInch>
-    </o:OfficeDocumentSettings>
-  </xml>
-  <![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="x-apple-disable-message-reformatting">
-    <!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
-    <title></title>
-</head>  
-<body>
-<main style="width: 100%; margin-left: auto; margin-right: auto; background-image: url('http://edm.cmm.ai/images/%E8%83%8C%E6%99%AF.jpg'); height: auto;max-width: 600px;">
-    <div>
-      <a href="https://line.me/R/ti/p/@choozmo?from=page">
-        <img src="http://edm.cmm.ai/images/%E8%B6%A8%E5%8B%A2%E6%97%A5%E5%A0%B1BANNER.jpg" alt="Choozmo趨勢日報" style="width: 100%">
-      </a>
+<!--[if gte mso 9]>
+<xml>
+  <o:OfficeDocumentSettings>
+    <o:AllowPNG/>
+    <o:PixelsPerInch>96</o:PixelsPerInch>
+  </o:OfficeDocumentSettings>
+</xml>
+<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="x-apple-disable-message-reformatting">
+  <!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
+  <title></title>
+  
+    <style type="text/css">
+      table, td { color: #000000; } a { color: #0000ee; text-decoration: underline; } @media (max-width: 480px) { #u_content_button_4 .v-padding { padding: 20px 50px !important; } #u_content_image_3 .v-src-width { width: auto !important; } #u_content_image_3 .v-src-max-width { max-width: 37% !important; } #u_content_text_8 .v-text-align { text-align: center !important; } #u_content_image_2 .v-src-width { width: auto !important; } #u_content_image_2 .v-src-max-width { max-width: 30% !important; } #u_content_text_6 .v-text-align { text-align: center !important; } #u_content_button_3 .v-padding { padding: 20px 50px !important; } }
+@media only screen and (min-width: 620px) {
+  .u-row {
+    width: 600px !important;
+  }
+  .u-row .u-col {
+    vertical-align: top;
+  }
+
+  .u-row .u-col-48p67 {
+    width: 292.02px !important;
+  }
+
+  .u-row .u-col-51p33 {
+    width: 307.98px !important;
+  }
+
+  .u-row .u-col-100 {
+    width: 600px !important;
+  }
+
+}
+
+@media (max-width: 620px) {
+  .u-row-container {
+    max-width: 100% !important;
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+  }
+  .u-row .u-col {
+    min-width: 320px !important;
+    max-width: 100% !important;
+    display: block !important;
+  }
+  .u-row {
+    width: calc(100% - 40px) !important;
+  }
+  .u-col {
+    width: 100% !important;
+  }
+  .u-col > div {
+    margin: 0 auto;
+  }
+}
+body {
+  margin: 0;
+  padding: 0;
+}
+
+table,
+tr,
+td {
+  vertical-align: top;
+  border-collapse: collapse;
+}
+
+p {
+  margin: 0;
+}
+
+.ie-container table,
+.mso-container table {
+  table-layout: fixed;
+}
+
+* {
+  line-height: inherit;
+}
+
+a[x-apple-data-detectors='true'] {
+  color: inherit !important;
+  text-decoration: none !important;
+}
+
+@media (max-width: 480px) {
+  .hide-mobile {
+    display: none !important;
+    max-height: 0px;
+    overflow: hidden;
+  }
+
+}
+    </style>
+  
+  
+
+<!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap" rel="stylesheet" type="text/css"><!--<![endif]-->
+
+</head>
+
+<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;color: #000000;background-image: url('http://edm.cmm.ai/images/%E8%83%8C%E6%99%AF.jpg');background-repeat: no-repeat;background-position: center top;background-color: transparent;"">
+  <!--[if IE]><div class="ie-container"><![endif]-->
+  <!--[if mso]><div class="mso-container"><![endif]-->
+  <table style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #efefef;width:100%" cellpadding="0" cellspacing="0">
+  <tbody>
+  <tr style="vertical-align: top">
+    <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
+    <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #efefef;"><![endif]-->
+    
+
+
+
+<div class="u-row-container" style="padding: 0px;background-color: transparent">
+  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background: linear-gradient(30deg, #ea5413 , #920783);">
+    <div style="border-collapse: collapse;display: table;width: 100%;background-image: url('http://edm.cmm.ai/images/%E8%B6%A8%E5%8B%A2%E6%97%A5%E5%A0%B1BANNER.jpg');background-repeat: no-repeat;background-position: center top;background-color: transparent;">
+      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-image: url('images/image-4.png');background-repeat: no-repeat;background-position: center top;background-color: #0000ff;"><![endif]-->
+      
+<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
+<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
+  <div style="width: 100% !important;">
+  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
+  
+
+
+<table class="hide-mobile" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:100px;font-family:'Open Sans',sans-serif;" align="left">
+        
+  <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
+    <tbody>
+      <tr style="vertical-align: top">
+        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
+          <span>&#160;</span>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:40px;font-family:'Open Sans',sans-serif;" align="left">
+        
+  <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
+    <tbody>
+      <tr style="vertical-align: top">
+        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
+          <span>&#160;</span>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+  <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
+  </div>
+</div>
+<!--[if (mso)|(IE)]></td><![endif]-->
+      <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
     </div>
-    <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
-      <div style="display: flex; justify-content: stretch; align-items: center;">
-        <div style="padding: 1rem 1rem; width: 50%;">
-          <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: 3;" data-no="21">雲林確診</span>
+  </div>
+</div>
+
+
+
+<div class="u-row-container" style="padding: 0px;background-color: transparent">
+  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background: linear-gradient(200deg, #ea5413 , #920783);">
+    <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
+      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
+      
+<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
+<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
+  <div style="width: 100% !important;">
+  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
+  
+<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
+        
+        <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
+            <tbody>
+            <tr style="vertical-align: top">
+                <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
+                <span>&#160;</span>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:0px 25px 10px;font-family:'Open Sans',sans-serif;" align="left">
+        <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
+            <div style="display: flex; justify-content: stretch; align-items: center;">
+              <div style="padding: 1rem 1rem; width: 50%;">
+                <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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 3;">雲林確診</span>
+                </div>
+              </div>
+              <div style="padding: 1rem 1rem; width: 50%;">
+                <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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 3;">雲林確診</span>
+                </div>
+              </div>
+            </div>
+            <div style="width: 90%;height: 80px; background-image: url('http://edm.cmm.ai/images/NO1.png'); background-repeat: no-repeat; background-size:100%; margin-right: auto; margin-left: auto; position: relative;">
+              <div style="display: flex; margin: auto; padding: 28px 95px;">
+                <span style="color: #aa6dbc; display: inline-block; font-size: 1.1rem; margin-right: 1.5rem;">第01名.</span> 
+                <span style="display: inline-block; font-size: 1.2rem;">雲林確診</span>
+              </div>
+            </div>
           </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: 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: 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: 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: 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: 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: 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: 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: 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: 3;">雲林確診</span>
-          </div>
-        </div>
-        <div style="padding: 1rem 1rem; width: 50%;">
-          <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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 3;">雲林確診</span>
-          </div>
-        </div>
-      </div>
-      <div style="width: 90%;height: 80px; background-image: url('http://edm.cmm.ai/images/NO1.png'); background-repeat: no-repeat; background-size:100%; margin-right: auto; margin-left: auto; position: relative;">
-        <div style="display: flex; position: absolute; left: 20%; top: 25%; align-items: center;">
-          <span style="color: #aa6dbc; display: inline-block; font-size: 1.1rem; margin-right: 1.5rem;">第01名.</span> 
-          <span style="display: inline-block; font-size: 1.2rem;">雲林確診</span>
-        </div>
-      </div>
-    </div>
-    <div style="margin-top: .5rem; margin-bottom: .7rem;">
-      <a href="https://line.me/R/ti/p/@choozmo?from=page">
-        <img src="http://edm.cmm.ai/images/%E7%AB%8B%E5%8D%B3%E9%80%A3%E7%B9%AB.png" alt="Contact AIVideo" style="width: 100%;">
-      </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+
+
+
+
+
+<!--立即聯繫-->
+<div class="u-row-container" style="padding: 0px;background-color: transparent">
+  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background: linear-gradient(210deg, #ea5413 , #920783);">
+    <div style="border-collapse: collapse;display: table;width: 100%;background-image: url('http://edm.cmm.ai/images/%E7%AB%8B%E5%8D%B3%E9%80%A3%E7%B9%AB.png');background-repeat: no-repeat;background-position: center top;background-color: transparent;">
+      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
+      
+<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
+<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
+  <div style="width: 100% !important;">
+  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
+  
+<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:80px;font-family:'Open Sans',sans-serif;" align="left">
+
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+  <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
+  </div>
+</div>
+<!--[if (mso)|(IE)]></td><![endif]-->
+      <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
     </div>
-    <div style="display: flex; align-items: center; justify-content: space-evenly; padding-bottom: 4.5rem;">
-      <a href="https://www.linkedin.com/company/choozmo/">
-        <img src="http://edm.cmm.ai/images/linkedin.png" alt="">
-      </a> 
-      <a>
-        <img src="http://edm.cmm.ai/images/facebook.png" alt="">
-      </a> 
-      <a href="https://line.me/R/ti/p/@choozmo?from=page">
-        <img src="http://edm.cmm.ai/images/line.png" alt="">
-      </a> 
-      <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg">
-        <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px">
-      </a>
+  </div>
+</div>
+
+
+
+<div class="u-row-container" style="padding: 0px;background-color: transparent">
+  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
+    <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
+      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
+      
+<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
+<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
+  <div style="width: 100% !important;">
+  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
+
+<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
+        
+<div align="center">
+  <div style="display: table; max-width:300px;">
+  <!--[if (mso)|(IE)]><table width="207" cellpadding="0" cellspacing="0" border="0"><tr><td style="border-collapse:collapse;" align="center"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt; width:207px;"><tr><![endif]-->
+  
+    
+    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
+    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
+      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
+        <a href="https://facebook.com/" title="Facebook" target="_blank">
+          <img src="http://edm.cmm.ai/images/linkedin.png" alt="Facebook" title="Facebook" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
+        </a>
+      </td></tr>
+    </tbody></table>
+    <!--[if (mso)|(IE)]></td><![endif]-->
+    
+    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
+    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
+      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
+        <a href="https://twitter.com/" title="Twitter" target="_blank">
+          <img src="http://edm.cmm.ai/images/facebook.png" alt="Twitter" title="Twitter" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
+        </a>
+      </td></tr>
+    </tbody></table>
+    <!--[if (mso)|(IE)]></td><![endif]-->
+    
+    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
+    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
+      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
+        <a href="https://youtube.com/" title="YouTube" target="_blank">
+          <img src="http://edm.cmm.ai/images/line.png" alt="YouTube" title="YouTube" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
+        </a>
+      </td></tr>
+    </tbody></table>
+    <!--[if (mso)|(IE)]></td><![endif]-->
+    
+    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 0px;" valign="top"><![endif]-->
+    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 0px">
+      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
+        <a href="https://skype.com/" title="Skype" target="_blank">
+          <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.png" alt="Skype" title="Skype" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
+        </a>
+      </td></tr>
+    </tbody></table>
+    <!--[if (mso)|(IE)]></td><![endif]-->
+    
+    
+    <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
+  </div>
+</div>
+
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+
+<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
+  <tbody>
+    <tr>
+      <td style="overflow-wrap:break-word;word-break:break-word;padding:20px;font-family:'Open Sans',sans-serif;" align="left">
+
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+  <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
+  </div>
+</div>
+<!--[if (mso)|(IE)]></td><![endif]-->
+      <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
     </div>
-  </main>
-</body>
+  </div>
+</div>
+
+
+    <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
+    </td>
+  </tr>
+  </tbody>
+  </table>
+  <!--[if mso]></div><![endif]-->
+  <!--[if IE]></div><![endif]-->
+</body>
+
+</html>

+ 0 - 454
test.html

@@ -1,454 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
-<head>
-<!--[if gte mso 9]>
-<xml>
-  <o:OfficeDocumentSettings>
-    <o:AllowPNG/>
-    <o:PixelsPerInch>96</o:PixelsPerInch>
-  </o:OfficeDocumentSettings>
-</xml>
-<![endif]-->
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="x-apple-disable-message-reformatting">
-  <!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
-  <title></title>
-  
-    <style type="text/css">
-      table, td { color: #000000; } a { color: #0000ee; text-decoration: underline; } @media (max-width: 480px) { #u_content_button_4 .v-padding { padding: 20px 50px !important; } #u_content_image_3 .v-src-width { width: auto !important; } #u_content_image_3 .v-src-max-width { max-width: 37% !important; } #u_content_text_8 .v-text-align { text-align: center !important; } #u_content_image_2 .v-src-width { width: auto !important; } #u_content_image_2 .v-src-max-width { max-width: 30% !important; } #u_content_text_6 .v-text-align { text-align: center !important; } #u_content_button_3 .v-padding { padding: 20px 50px !important; } }
-@media only screen and (min-width: 620px) {
-  .u-row {
-    width: 600px !important;
-  }
-  .u-row .u-col {
-    vertical-align: top;
-  }
-
-  .u-row .u-col-48p67 {
-    width: 292.02px !important;
-  }
-
-  .u-row .u-col-51p33 {
-    width: 307.98px !important;
-  }
-
-  .u-row .u-col-100 {
-    width: 600px !important;
-  }
-
-}
-
-@media (max-width: 620px) {
-  .u-row-container {
-    max-width: 100% !important;
-    padding-left: 0px !important;
-    padding-right: 0px !important;
-  }
-  .u-row .u-col {
-    min-width: 320px !important;
-    max-width: 100% !important;
-    display: block !important;
-  }
-  .u-row {
-    width: calc(100% - 40px) !important;
-  }
-  .u-col {
-    width: 100% !important;
-  }
-  .u-col > div {
-    margin: 0 auto;
-  }
-}
-body {
-  margin: 0;
-  padding: 0;
-}
-
-table,
-tr,
-td {
-  vertical-align: top;
-  border-collapse: collapse;
-}
-
-p {
-  margin: 0;
-}
-
-.ie-container table,
-.mso-container table {
-  table-layout: fixed;
-}
-
-* {
-  line-height: inherit;
-}
-
-a[x-apple-data-detectors='true'] {
-  color: inherit !important;
-  text-decoration: none !important;
-}
-
-@media (max-width: 480px) {
-  .hide-mobile {
-    display: none !important;
-    max-height: 0px;
-    overflow: hidden;
-  }
-
-}
-    </style>
-  
-  
-
-<!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap" rel="stylesheet" type="text/css"><!--<![endif]-->
-
-</head>
-
-<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;color: #000000;background-image: url('http://edm.cmm.ai/images/%E8%83%8C%E6%99%AF.jpg');background-repeat: no-repeat;background-position: center top;background-color: transparent;"">
-  <!--[if IE]><div class="ie-container"><![endif]-->
-  <!--[if mso]><div class="mso-container"><![endif]-->
-  <table style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;min-width: 320px;Margin: 0 auto;background-color: #efefef;width:100%" cellpadding="0" cellspacing="0">
-  <tbody>
-  <tr style="vertical-align: top">
-    <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-    <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #efefef;"><![endif]-->
-    
-
-
-
-<div class="u-row-container" style="padding: 0px;background-color: transparent">
-  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background: linear-gradient(30deg, #ea5413 , #920783);">
-    <div style="border-collapse: collapse;display: table;width: 100%;background-image: url('http://edm.cmm.ai/images/%E8%B6%A8%E5%8B%A2%E6%97%A5%E5%A0%B1BANNER.jpg');background-repeat: no-repeat;background-position: center top;background-color: transparent;">
-      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-image: url('images/image-4.png');background-repeat: no-repeat;background-position: center top;background-color: #0000ff;"><![endif]-->
-      
-<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
-<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
-  <div style="width: 100% !important;">
-  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
-  
-
-
-<table class="hide-mobile" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:100px;font-family:'Open Sans',sans-serif;" align="left">
-        
-  <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
-    <tbody>
-      <tr style="vertical-align: top">
-        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
-          <span>&#160;</span>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:40px;font-family:'Open Sans',sans-serif;" align="left">
-        
-  <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
-    <tbody>
-      <tr style="vertical-align: top">
-        <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
-          <span>&#160;</span>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-  <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
-  </div>
-</div>
-<!--[if (mso)|(IE)]></td><![endif]-->
-      <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
-    </div>
-  </div>
-</div>
-
-
-
-<div class="u-row-container" style="padding: 0px;background-color: transparent">
-  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background: linear-gradient(200deg, #ea5413 , #920783);">
-    <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
-      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
-      
-<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
-<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
-  <div style="width: 100% !important;">
-  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
-  
-<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
-        
-        <table height="0px" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 0px solid #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
-            <tbody>
-            <tr style="vertical-align: top">
-                <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
-                <span>&#160;</span>
-                </td>
-            </tr>
-            </tbody>
-        </table>
-
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:0px 25px 10px;font-family:'Open Sans',sans-serif;" align="left">
-        <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
-            <div style="display: flex; justify-content: stretch; align-items: center;">
-              <div style="padding: 1rem 1rem; width: 50%;">
-                <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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 3;">雲林確診</span>
-                </div>
-              </div>
-              <div style="padding: 1rem 1rem; width: 50%;">
-                <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: 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: 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: 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: 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: 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: 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: 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: 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: 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: 3;">雲林確診</span>
-                </div>
-              </div>
-            </div>
-            <div style="width: 90%;height: 80px; background-image: url('http://edm.cmm.ai/images/NO1.png'); background-repeat: no-repeat; background-size:100%; margin-right: auto; margin-left: auto; position: relative;">
-              <div style="display: flex; margin: auto; padding: 28px 95px;">
-                <span style="color: #aa6dbc; display: inline-block; font-size: 1.1rem; margin-right: 1.5rem;">第01名.</span> 
-                <span style="display: inline-block; font-size: 1.2rem;">雲林確診</span>
-              </div>
-            </div>
-          </div>
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-
-
-
-
-
-<!--立即聯繫-->
-<div class="u-row-container" style="padding: 0px;background-color: transparent">
-  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background: linear-gradient(210deg, #ea5413 , #920783);">
-    <div style="border-collapse: collapse;display: table;width: 100%;background-image: url('http://edm.cmm.ai/images/%E7%AB%8B%E5%8D%B3%E9%80%A3%E7%B9%AB.png');background-repeat: no-repeat;background-position: center top;background-color: transparent;">
-      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
-      
-<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
-<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
-  <div style="width: 100% !important;">
-  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
-  
-<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:80px;font-family:'Open Sans',sans-serif;" align="left">
-
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-  <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
-  </div>
-</div>
-<!--[if (mso)|(IE)]></td><![endif]-->
-      <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
-    </div>
-  </div>
-</div>
-
-
-
-<div class="u-row-container" style="padding: 0px;background-color: transparent">
-  <div class="u-row" style="Margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
-    <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
-      <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding: 0px;background-color: transparent;" align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:600px;"><tr style="background-color: #ffffff;"><![endif]-->
-      
-<!--[if (mso)|(IE)]><td align="center" width="600" style="width: 600px;padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><![endif]-->
-<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
-  <div style="width: 100% !important;">
-  <!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
-
-<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
-        
-<div align="center">
-  <div style="display: table; max-width:300px;">
-  <!--[if (mso)|(IE)]><table width="207" cellpadding="0" cellspacing="0" border="0"><tr><td style="border-collapse:collapse;" align="center"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt; width:207px;"><tr><![endif]-->
-  
-    
-    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
-    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
-      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-        <a href="https://facebook.com/" title="Facebook" target="_blank">
-          <img src="http://edm.cmm.ai/images/linkedin.png" alt="Facebook" title="Facebook" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
-        </a>
-      </td></tr>
-    </tbody></table>
-    <!--[if (mso)|(IE)]></td><![endif]-->
-    
-    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
-    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
-      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-        <a href="https://twitter.com/" title="Twitter" target="_blank">
-          <img src="http://edm.cmm.ai/images/facebook.png" alt="Twitter" title="Twitter" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
-        </a>
-      </td></tr>
-    </tbody></table>
-    <!--[if (mso)|(IE)]></td><![endif]-->
-    
-    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
-    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 30px">
-      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-        <a href="https://youtube.com/" title="YouTube" target="_blank">
-          <img src="http://edm.cmm.ai/images/line.png" alt="YouTube" title="YouTube" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
-        </a>
-      </td></tr>
-    </tbody></table>
-    <!--[if (mso)|(IE)]></td><![endif]-->
-    
-    <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 0px;" valign="top"><![endif]-->
-    <table align="left" border="0" cellspacing="0" cellpadding="0" width="32" height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;margin-right: 0px">
-      <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
-        <a href="https://skype.com/" title="Skype" target="_blank">
-          <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.png" alt="Skype" title="Skype" width="32" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border: none;height: auto;float: none;max-width: 32px !important">
-        </a>
-      </td></tr>
-    </tbody></table>
-    <!--[if (mso)|(IE)]></td><![endif]-->
-    
-    
-    <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
-  </div>
-</div>
-
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-
-<table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
-  <tbody>
-    <tr>
-      <td style="overflow-wrap:break-word;word-break:break-word;padding:20px;font-family:'Open Sans',sans-serif;" align="left">
-
-      </td>
-    </tr>
-  </tbody>
-</table>
-
-  <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
-  </div>
-</div>
-<!--[if (mso)|(IE)]></td><![endif]-->
-      <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
-    </div>
-  </div>
-</div>
-
-
-    <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
-    </td>
-  </tr>
-  </tbody>
-  </table>
-  <!--[if mso]></div><![endif]-->
-  <!--[if IE]></div><![endif]-->
-</body>
-
-</html>