gen_html.py 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head>
  4. <!--[if gte mso 9]>
  5. <xml>
  6. <o:OfficeDocumentSettings>
  7. <o:AllowPNG/>
  8. <o:PixelsPerInch>96</o:PixelsPerInch>
  9. </o:OfficeDocumentSettings>
  10. </xml>
  11. <![endif]-->
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14. <meta name="x-apple-disable-message-reformatting">
  15. <!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
  16. <title></title>
  17. <style type="text/css">
  18. 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; } }
  19. @media only screen and (min-width: 620px) {
  20. .u-row {
  21. width: 600px !important;
  22. }
  23. .u-row .u-col {
  24. vertical-align: top;
  25. }
  26. .u-row .u-col-48p67 {
  27. width: 292.02px !important;
  28. }
  29. .u-row .u-col-51p33 {
  30. width: 307.98px !important;
  31. }
  32. .u-row .u-col-100 {
  33. width: 600px !important;
  34. }
  35. }
  36. @media (max-width: 620px) {
  37. .u-row-container {
  38. max-width: 100% !important;
  39. padding-left: 0px !important;
  40. padding-right: 0px !important;
  41. }
  42. .u-row .u-col {
  43. min-width: 320px !important;
  44. max-width: 100% !important;
  45. display: block !important;
  46. }
  47. .u-row {
  48. width: calc(100% - 40px) !important;
  49. }
  50. .u-col {
  51. width: 100% !important;
  52. }
  53. .u-col > div {
  54. margin: 0 auto;
  55. }
  56. }
  57. body {
  58. margin: 0;
  59. padding: 0;
  60. font-size: .8rem;
  61. }
  62. table,
  63. tr,
  64. td {
  65. vertical-align: top;
  66. border-collapse: collapse;
  67. }
  68. p {
  69. margin: 0;
  70. }
  71. .ie-container table,
  72. .mso-container table {
  73. table-layout: fixed;
  74. }
  75. * {
  76. line-height: inherit;
  77. }
  78. a[x-apple-data-detectors='true'] {
  79. color: inherit !important;
  80. text-decoration: none !important;
  81. }
  82. .p-40 {
  83. padding: 40px;
  84. }
  85. .p-80 {
  86. padding: 80px;
  87. }
  88. .row-p {
  89. padding: 1rem 1rem;
  90. }
  91. .p-no1 {
  92. padding: 28px 95px;
  93. }
  94. @media (max-width: 480px) {
  95. .hide-mobile {
  96. display: none !important;
  97. max-height: 0px;
  98. overflow: hidden;
  99. }
  100. .p-40 {
  101. padding: 90px;
  102. }
  103. .row-p {
  104. padding: 1rem .5rem;
  105. }
  106. .p-80 {
  107. padding: 40px;
  108. }
  109. .p-no1 {
  110. padding: 15px 0 15px 55px;
  111. }
  112. }
  113. @media (max-width: 576px) {
  114. }
  115. </style>
  116. <!--[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]-->
  117. </head>
  118. <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;"">
  119. <!--[if IE]><div class="ie-container"><![endif]-->
  120. <!--[if mso]><div class="mso-container"><![endif]-->
  121. <p>如您無法閱讀此信,請點選<a href='http://ai.choozmo.com/'>此處</a></p>
  122. <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">
  123. <tbody>
  124. <tr style="vertical-align: top">
  125. <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  126. <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #efefef;"><![endif]-->
  127. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  128. <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(0deg, #ea5413 , #920783);">
  129. <div classs="bg-cover" 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;background-size: contain;">
  130. <!--[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]-->
  131. <!--[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]-->
  132. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  133. <a href="http://ai.choozmo.com/" target="_blank">
  134. <div style="width: 100% !important;">
  135. <!--[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]-->
  136. <table class="" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  137. <tbody>
  138. <tr>
  139. <td style="overflow-wrap:break-word;word-break:break-word;padding:25%;font-family:'Open Sans',sans-serif;" align="left">
  140. <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%">
  141. <tbody>
  142. <tr style="vertical-align: top">
  143. <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%">
  144. <span>&#160;</span>
  145. </td>
  146. </tr>
  147. </tbody>
  148. </table>
  149. </td>
  150. </tr>
  151. </tbody>
  152. </table>
  153. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  154. <tbody>
  155. <tr>
  156. <td style="overflow-wrap:break-word;word-break:break-word;padding:0px;font-family:'Open Sans',sans-serif;" align="left">
  157. <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%">
  158. <tbody>
  159. <tr style="vertical-align: top">
  160. <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%">
  161. <span>&#160;</span>
  162. </td>
  163. </tr>
  164. </tbody>
  165. </table>
  166. </td>
  167. </tr>
  168. </tbody>
  169. </table>
  170. <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  171. </div>
  172. </a>
  173. </div>
  174. <!--[if (mso)|(IE)]></td><![endif]-->
  175. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  176. </div>
  177. </div>
  178. </div>
  179. <div class="u-row-container" style="padding: 0px;background-color: white">
  180. <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);">
  181. <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
  182. <!--[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]-->
  183. <!--[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]-->
  184. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  185. <div style="width: 100% !important;">
  186. <!--[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]-->
  187. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  188. <tbody>
  189. <tr>
  190. <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
  191. <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%">
  192. <tbody>
  193. <tr style="vertical-align: top">
  194. <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%">
  195. <span>&#160;</span>
  196. </td>
  197. </tr>
  198. </tbody>
  199. </table>
  200. </td>
  201. </tr>
  202. </tbody>
  203. </table>
  204. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  205. <tbody>
  206. <tr>
  207. <td style="overflow-wrap:break-word;word-break:break-word;padding:0px 10px 10px;font-family:'Open Sans',sans-serif;" align="left">
  208. <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
  209. <div style="display: flex; justify-content: stretch; align-items: center;">
  210. <div class="" style="width: 50%;padding: 1.2rem .8rem;">
  211. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  212. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">20.</span>
  213. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=76人">76人</a>
  214. </div>
  215. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  216. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">18.</span>
  217. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=愛國同心會">愛國同心會</a>
  218. </div>
  219. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  220. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">16.</span>
  221. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=小松菜奈">小松菜奈</a>
  222. </div>
  223. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  224. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">14.</span>
  225. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=航警免職">航警免職</a>
  226. </div>
  227. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  228. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">12.</span>
  229. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=荒川弘">荒川弘</a>
  230. </div>
  231. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  232. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">10.</span>
  233. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=第三佈局">第三佈局</a>
  234. </div>
  235. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  236. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">08.</span>
  237. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=傅天穎">傅天穎</a>
  238. </div>
  239. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  240. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">06.</span>
  241. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=ELEVEN SPORTS">ELEVEN SPORTS</a>
  242. </div>
  243. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  244. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">04.</span>
  245. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=合晶">合晶</a>
  246. </div>
  247. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  248. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">02.</span>
  249. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=散裝航運">散裝航運</a>
  250. </div>
  251. </div>
  252. <div style="width: 50%;padding: 1.2rem .8rem;">
  253. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  254. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">19.</span>
  255. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=機智醫生生活第二季">機智醫生生活第二季</a>
  256. </div>
  257. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  258. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">17.</span>
  259. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=北農確診">北農確診</a>
  260. </div>
  261. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  262. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">15.</span>
  263. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=黃立民">黃立民</a>
  264. </div>
  265. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  266. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">13.</span>
  267. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=安心即時上工計畫">安心即時上工計畫</a>
  268. </div>
  269. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  270. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">11.</span>
  271. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=蔡豪">蔡豪</a>
  272. </div>
  273. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  274. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">09.</span>
  275. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=四巫日">四巫日</a>
  276. </div>
  277. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  278. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">07.</span>
  279. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=Epic">Epic</a>
  280. </div>
  281. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  282. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">05.</span>
  283. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=聯準會">聯準會</a>
  284. </div>
  285. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  286. <span style="color: #aa6dbc; display: inline-block; flex: 2;font-style: italic;">03.</span>
  287. <a style="color: #aa6dbc; display: inline-block; flex: 3;" href="https://news.google.com/?q=賴冠霖">賴冠霖</a>
  288. </div>
  289. </div>
  290. </div>
  291. <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;">
  292. <span style="color: #aa6dbc; display: inline-block; font-size: 1rem; margin-right: .6rem;font-style: italic;">01.</span>
  293. <a style="display: inline-block;color: #aa6dbc; font-size: 1.1rem;" href="https://news.google.com/?q=孩童家庭防疫補貼查詢">孩童家庭防疫補貼查詢</a>
  294. </button>
  295. </div>
  296. </td>
  297. </tr>
  298. </tbody>
  299. </table>
  300. <!--立即聯繫-->
  301. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  302. <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);">
  303. <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;background-size: contain;">
  304. <!--[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]-->
  305. <!--[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]-->
  306. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  307. <a href="https://line.me/R/ti/p/@choozmo?from=page" title="Line" target="_blank">
  308. <div style="width: 100% !important;">
  309. <!--[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]-->
  310. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  311. <tbody>
  312. <tr>
  313. <td class="p-80" style="overflow-wrap:break-word;word-break:break-word;padding: 14%;font-family:'Open Sans',sans-serif;" align="left">
  314. </td>
  315. </tr>
  316. </tbody>
  317. </table>
  318. <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  319. </div>
  320. </a>
  321. </div>
  322. <!--[if (mso)|(IE)]></td><![endif]-->
  323. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  324. </div>
  325. </div>
  326. </div>
  327. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  328. <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;">
  329. <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
  330. <!--[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]-->
  331. <!--[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]-->
  332. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  333. <div style="width: 100% !important;">
  334. <!--[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]-->
  335. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  336. <tbody>
  337. <tr>
  338. <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
  339. <div align="center">
  340. <div style="display: table; max-width:300px;">
  341. <!--[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]-->
  342. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
  343. <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">
  344. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  345. <a href="https://www.linkedin.com/company/choozmo/" title="Linkedin" target="_blank">
  346. <img src="https://i.imgur.com/u2MFY3U.png" alt="Linkedin" title="Linkedin" 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">
  347. </a>
  348. </td></tr>
  349. </tbody></table>
  350. <!--[if (mso)|(IE)]></td><![endif]-->
  351. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
  352. <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">
  353. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  354. <a href="https://www.facebook.com/choozmo/" title="Facebook" target="_blank">
  355. <img src="http://edm.cmm.ai/images/facebook.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">
  356. </a>
  357. </td></tr>
  358. </tbody></table>
  359. <!--[if (mso)|(IE)]></td><![endif]-->
  360. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
  361. <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">
  362. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  363. <a href="https://line.me/R/ti/p/@choozmo?from=page" title="Line" target="_blank">
  364. <img src="http://edm.cmm.ai/images/line.png" alt="Line" title="Line" 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">
  365. </a>
  366. </td></tr>
  367. </tbody></table>
  368. <!--[if (mso)|(IE)]></td><![endif]-->
  369. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 0px;" valign="top"><![endif]-->
  370. <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">
  371. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  372. <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" title="YouTube" target="_blank">
  373. <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.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">
  374. </a>
  375. </td></tr>
  376. </tbody></table>
  377. <!--[if (mso)|(IE)]></td><![endif]-->
  378. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  379. </div>
  380. </div>
  381. </td>
  382. </tr>
  383. </tbody>
  384. </table>
  385. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  386. <tbody>
  387. <tr>
  388. <td style="overflow-wrap:break-word;word-break:break-word;padding:20px;font-family:'Open Sans',sans-serif;" align="left">
  389. </td>
  390. </tr>
  391. </tbody>
  392. </table>
  393. <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  394. </div>
  395. </div>
  396. <!--[if (mso)|(IE)]></td><![endif]-->
  397. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  398. </div>
  399. </div>
  400. </div>
  401. <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  402. </td>
  403. </tr>
  404. </tbody>
  405. </table>
  406. <!--[if mso]></div><![endif]-->
  407. <!--[if IE]></div><![endif]-->
  408. </body>
  409. </html>