test.tmpl 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496
  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. <img src="http://www.google-analytics.com/collect?v=1&tid=UA-153100602-5&cid={{display.client}}&t=event&ec=email&ea=open&el={{display.email}}&cs=newsletter&cm=email&cn={{display.campaign}}">
  120. <!--[if IE]><div class="ie-container"><![endif]-->
  121. <!--[if mso]><div class="mso-container"><![endif]-->
  122. <p>如您無法閱讀此信,請點選<a href='http://ai.choozmo.com/'>此處</a></p>
  123. <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">
  124. <tbody>
  125. <tr style="vertical-align: top">
  126. <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  127. <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color: #efefef;"><![endif]-->
  128. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  129. <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);">
  130. <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;">
  131. <!--[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]-->
  132. <!--[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]-->
  133. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  134. <a href="http://ai.choozmo.com/" target="_blank">
  135. <div style="width: 100% !important;">
  136. <!--[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]-->
  137. <table class="" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  138. <tbody>
  139. <tr>
  140. <td style="overflow-wrap:break-word;word-break:break-word;padding:25%;font-family:'Open Sans',sans-serif;" align="left">
  141. <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%">
  142. <tbody>
  143. <tr style="vertical-align: top">
  144. <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%">
  145. <span>&#160;</span>
  146. </td>
  147. </tr>
  148. </tbody>
  149. </table>
  150. </td>
  151. </tr>
  152. </tbody>
  153. </table>
  154. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  155. <tbody>
  156. <tr>
  157. <td style="overflow-wrap:break-word;word-break:break-word;padding:0px;font-family:'Open Sans',sans-serif;" align="left">
  158. <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%">
  159. <tbody>
  160. <tr style="vertical-align: top">
  161. <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%">
  162. <span>&#160;</span>
  163. </td>
  164. </tr>
  165. </tbody>
  166. </table>
  167. </td>
  168. </tr>
  169. </tbody>
  170. </table>
  171. <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  172. </div>
  173. </a>
  174. </div>
  175. <!--[if (mso)|(IE)]></td><![endif]-->
  176. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  177. </div>
  178. </div>
  179. </div>
  180. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  181. <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);">
  182. <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
  183. <!--[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]-->
  184. <!--[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]-->
  185. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  186. <div style="width: 100% !important;">
  187. <!--[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]-->
  188. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  189. <tbody>
  190. <tr>
  191. <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
  192. <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%">
  193. <tbody>
  194. <tr style="vertical-align: top">
  195. <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%">
  196. <span>&#160;</span>
  197. </td>
  198. </tr>
  199. </tbody>
  200. </table>
  201. </td>
  202. </tr>
  203. </tbody>
  204. </table>
  205. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  206. <tbody>
  207. <tr>
  208. <td style="overflow-wrap:break-word;word-break:break-word;padding:0px 10px 10px;font-family:'Open Sans',sans-serif;" align="left">
  209. <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
  210. <div style="display: flex; justify-content: stretch; align-items: center;">
  211. <div class="" style="width: 50%;padding: 1.2rem .8rem;">
  212. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  213. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第02名.</span>
  214. <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="21">{{ display.a2 }}</span>
  215. </div>
  216. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  217. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第04名.</span>
  218. <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="19">{{ display.a4 }}</span>
  219. </div>
  220. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  221. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第06名.</span>
  222. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a6 }}</span>
  223. </div>
  224. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  225. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第08名.</span>
  226. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a8 }}</span>
  227. </div>
  228. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  229. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第10名.</span>
  230. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a10 }}</span>
  231. </div>
  232. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  233. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第12名.</span>
  234. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a12 }}</span>
  235. </div>
  236. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  237. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第14名.</span>
  238. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a14 }}</span>
  239. </div>
  240. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  241. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第116名.</span>
  242. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a16 }}</span>
  243. </div>
  244. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  245. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第18名.</span>
  246. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a18 }}</span>
  247. </div>
  248. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  249. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第20名.</span>
  250. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a20 }}</span>
  251. </div>
  252. </div>
  253. <div style="width: 50%;padding: 1.2rem .8rem;">
  254. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  255. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第03名.</span>
  256. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a3 }}</span>
  257. </div>
  258. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  259. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第05名.</span>
  260. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a5 }}</span>
  261. </div>
  262. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  263. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第07名.</span>
  264. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a7 }}</span>
  265. </div>
  266. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  267. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第09名.</span>
  268. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a9 }}</span>
  269. </div>
  270. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  271. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第11名.</span>
  272. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a11 }}</span>
  273. </div>
  274. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  275. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第13名.</span>
  276. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a13 }}</span>
  277. </div>
  278. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  279. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第15名.</span>
  280. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a15 }}</span>
  281. </div>
  282. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  283. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第17名.</span>
  284. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a17 }}</span>
  285. </div>
  286. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  287. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第19名.</span>
  288. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a19 }}</span>
  289. </div>
  290. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  291. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  292. <span style="color: #aa6dbc; display: inline-block; flex: 3;">{{ display.a21 }}</span>
  293. </div>
  294. </div>
  295. </div>
  296. <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;">
  297. <span style="color: #aa6dbc; display: inline-block; font-size: 1rem; margin-right: .6rem;">第01名.</span>
  298. <span style="display: inline-block; font-size: 1.1rem;">{{ display.a1 }}</span>
  299. </button>
  300. </div>
  301. </td>
  302. </tr>
  303. </tbody>
  304. </table>
  305. <!--立即聯繫-->
  306. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  307. <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);">
  308. <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;">
  309. <!--[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]-->
  310. <!--[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]-->
  311. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  312. <a href="https://line.me/R/ti/p/@choozmo?from=page" title="Line" target="_blank">
  313. <div style="width: 100% !important;">
  314. <!--[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]-->
  315. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  316. <tbody>
  317. <tr>
  318. <td class="p-80" style="overflow-wrap:break-word;word-break:break-word;padding: 14%;font-family:'Open Sans',sans-serif;" align="left">
  319. </td>
  320. </tr>
  321. </tbody>
  322. </table>
  323. <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  324. </div>
  325. </a>
  326. </div>
  327. <!--[if (mso)|(IE)]></td><![endif]-->
  328. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  329. </div>
  330. </div>
  331. </div>
  332. <div class="u-row-container" style="padding: 0px;background-color: transparent">
  333. <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;">
  334. <div style="border-collapse: collapse;display: table;width: 100%;background-color: transparent;">
  335. <!--[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]-->
  336. <!--[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]-->
  337. <div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
  338. <div style="width: 100% !important;">
  339. <!--[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]-->
  340. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  341. <tbody>
  342. <tr>
  343. <td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-family:'Open Sans',sans-serif;" align="left">
  344. <div align="center">
  345. <div style="display: table; max-width:300px;">
  346. <!--[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]-->
  347. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
  348. <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">
  349. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  350. <a href="https://www.linkedin.com/company/choozmo/" title="Linkedin" target="_blank">
  351. <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">
  352. </a>
  353. </td></tr>
  354. </tbody></table>
  355. <!--[if (mso)|(IE)]></td><![endif]-->
  356. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
  357. <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">
  358. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  359. <a href="https://www.facebook.com/choozmo/" title="Facebook" target="_blank">
  360. <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">
  361. </a>
  362. </td></tr>
  363. </tbody></table>
  364. <!--[if (mso)|(IE)]></td><![endif]-->
  365. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;" valign="top"><![endif]-->
  366. <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">
  367. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  368. <a href="https://line.me/R/ti/p/@choozmo?from=page" title="Line" target="_blank">
  369. <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">
  370. </a>
  371. </td></tr>
  372. </tbody></table>
  373. <!--[if (mso)|(IE)]></td><![endif]-->
  374. <!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 0px;" valign="top"><![endif]-->
  375. <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">
  376. <tbody><tr style="vertical-align: top"><td align="left" valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top">
  377. <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" title="YouTube" target="_blank">
  378. <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">
  379. </a>
  380. </td></tr>
  381. </tbody></table>
  382. <!--[if (mso)|(IE)]></td><![endif]-->
  383. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  384. </div>
  385. </div>
  386. </td>
  387. </tr>
  388. </tbody>
  389. </table>
  390. <table style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
  391. <tbody>
  392. <tr>
  393. <td style="overflow-wrap:break-word;word-break:break-word;padding:20px;font-family:'Open Sans',sans-serif;" align="left">
  394. </td>
  395. </tr>
  396. </tbody>
  397. </table>
  398. <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
  399. </div>
  400. </div>
  401. <!--[if (mso)|(IE)]></td><![endif]-->
  402. <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
  403. </div>
  404. </div>
  405. </div>
  406. <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  407. </td>
  408. </tr>
  409. </tbody>
  410. </table>
  411. <!--[if mso]></div><![endif]-->
  412. <!--[if IE]></div><![endif]-->
  413. </body>
  414. </html>