Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
- <head>
- <!-- NAME: TICKET -->
- <!--[if gte mso 15]>
- <xml>
- <o:OfficeDocumentSettings>
- <o:AllowPNG/>
- <o:PixelsPerInch>96</o:PixelsPerInch>
- </o:OfficeDocumentSettings>
- </xml>
- <![endif]-->
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Doctor Cockroach Discount Coupon Code</title>
- <!--[if gte mso 6]>
- <style>
- table.mcnFollowContent{width:100%;}
- table.mcnShareContent{width:100%;}
- td.columnsContainer{width:30%;}
- </style>
- <![endif]-->
- <style type="text/css">
- p{
- margin:10px 0;
- padding:0;
- }
- table{
- border-collapse:collapse;
- }
- h1,h2,h3,h4,h5,h6{
- display:block;
- margin:0;
- padding:0;
- }
- img,a img{
- border:0;
- height:auto;
- outline:none;
- text-decoration:none;
- }
- body,#bodyTable,#bodyCell{
- height:100%;
- margin:0;
- padding:0;
- width:100%;
- }
- .mcnPreviewText{
- display:none !important;
- }
- #outlook a{
- padding:0;
- }
- img{
- -ms-interpolation-mode:bicubic;
- }
- table{
- mso-table-lspace:0pt;
- mso-table-rspace:0pt;
- }
- .ReadMsgBody{
- width:100%;
- }
- .ExternalClass{
- width:100%;
- }
- p,a,li,td,blockquote{
- mso-line-height-rule:exactly;
- }
- a[href^=tel],a[href^=sms]{
- color:inherit;
- cursor:default;
- text-decoration:none;
- }
- p,a,li,td,body,table,blockquote{
- -ms-text-size-adjust:100%;
- -webkit-text-size-adjust:100%;
- }
- .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
- line-height:100%;
- }
- a[x-apple-data-detectors]{
- color:inherit !important;
- text-decoration:none !important;
- font-size:inherit !important;
- font-family:inherit !important;
- font-weight:inherit !important;
- line-height:inherit !important;
- }
- a.mcnButton{
- display:block;
- }
- .mcnImage,.mcnRetinaImage{
- vertical-align:bottom;
- }
- .mcnTextContent{
- word-break:break-word;
- }
- .mcnTextContent img{
- height:auto !important;
- }
- .mcnDividerBlock{
- table-layout:fixed !important;
- }
- /*
- @tab Page
- @section background style
- @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
- */
- body,#bodyTable,#templateFooter{
- /*@editable*/background-color:#ffffff;
- }
- /*
- @tab Page
- @section background style
- @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
- */
- #bodyCell{
- /*@editable*/border-top:0;
- }
- /*
- @tab Page
- @section heading 1
- @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
- @style heading 1
- */
- h1{
- /*@editable*/color:#212223 !important;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:40px;
- /*@editable*/font-style:normal;
- /*@editable*/font-weight:normal;
- /*@editable*/line-height:125%;
- /*@editable*/letter-spacing:-1px;
- /*@editable*/text-align:left;
- }
- /*
- @tab Page
- @section heading 2
- @tip Set the styling for all second-level headings in your emails.
- @style heading 2
- */
- h2{
- /*@editable*/color:#212223 !important;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:26px;
- /*@editable*/font-style:normal;
- /*@editable*/font-weight:normal;
- /*@editable*/line-height:125%;
- /*@editable*/letter-spacing:-.75px;
- /*@editable*/text-align:left;
- }
- /*
- @tab Page
- @section heading 3
- @tip Set the styling for all third-level headings in your emails.
- @style heading 3
- */
- h3{
- /*@editable*/color:#212223 !important;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:18px;
- /*@editable*/font-style:normal;
- /*@editable*/font-weight:normal;
- /*@editable*/line-height:125%;
- /*@editable*/letter-spacing:-.5px;
- /*@editable*/text-align:left;
- }
- /*
- @tab Page
- @section heading 4
- @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
- @style heading 4
- */
- h4{
- /*@editable*/color:#212223 !important;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:16px;
- /*@editable*/font-style:normal;
- /*@editable*/font-weight:normal;
- /*@editable*/line-height:125%;
- /*@editable*/letter-spacing:normal;
- /*@editable*/text-align:left;
- }
- /*
- @tab Preheader
- @section preheader style
- @tip Set the background color and borders for your email's preheader area.
- */
- #templatePreheader{
- /*@editable*/background-color:#212223;
- /*@editable*/border-top:0;
- /*@editable*/border-bottom:0;
- }
- /*
- @tab Preheader
- @section preheader text
- @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
- */
- .preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
- /*@editable*/color:#FFFFFF;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:10px;
- /*@editable*/line-height:125%;
- /*@editable*/text-align:left;
- }
- /*
- @tab Preheader
- @section preheader link
- @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
- */
- .preheaderContainer .mcnTextContent a{
- /*@editable*/color:#FFFFFF;
- /*@editable*/font-weight:normal;
- /*@editable*/text-decoration:underline;
- }
- /*
- @tab Header
- @section header style
- @tip Set the background color and borders for your email's header area.
- */
- #templateHeader{
- /*@editable*/background-color:#ffffff;
- /*@editable*/border-top:0;
- /*@editable*/border-bottom:0;
- }
- /*
- @tab Header
- @section header text
- @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
- */
- .headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
- /*@editable*/color:#FFFFFF;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:16px;
- /*@editable*/line-height:150%;
- /*@editable*/text-align:left;
- }
- /*
- @tab Header
- @section header link
- @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
- */
- .headerContainer .mcnTextContent a{
- /*@editable*/color:#FFFFFF;
- /*@editable*/font-weight:normal;
- /*@editable*/text-decoration:underline;
- }
- /*
- @tab Columns
- @section column style
- @tip Set the background color and borders for your email's columns area.
- */
- #templateColumns{
- /*@editable*/background-color:#FFFFFF;
- /*@editable*/border-top:0;
- }
- /*
- @tab Columns
- @section left column text
- @tip Set the styling for your email's left column text. Choose a size and color that is easy to read.
- */
- .leftColumnContainer .mcnTextContent,.leftColumnContainer .mcnTextContent p{
- /*@editable*/color:#212223;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:16px;
- /*@editable*/line-height:150%;
- /*@editable*/text-align:left;
- }
- /*
- @tab Columns
- @section left column link
- @tip Set the styling for your email's left column links. Choose a color that helps them stand out from your text.
- */
- .leftColumnContainer .mcnTextContent a{
- /*@editable*/color:#541900;
- /*@editable*/font-weight:normal;
- /*@editable*/text-decoration:underline;
- }
- /*
- @tab Columns
- @section right column text
- @tip Set the styling for your email's right column text. Choose a size and color that is easy to read.
- */
- .rightColumnContainer .mcnTextContent,.rightColumnContainer .mcnTextContent p{
- /*@editable*/color:#212223;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:16px;
- /*@editable*/line-height:150%;
- /*@editable*/text-align:left;
- }
- /*
- @tab Columns
- @section right column link
- @tip Set the styling for your email's right column links. Choose a color that helps them stand out from your text.
- */
- .rightColumnContainer .mcnTextContent a{
- /*@editable*/color:#541900;
- /*@editable*/font-weight:normal;
- /*@editable*/text-decoration:underline;
- }
- /*
- @tab Body
- @section body style
- @tip Set the background color and borders for your email's body area.
- */
- #templateBody,.backgroundColor{
- /*@editable*/background-color:#ffffff;
- }
- /*
- @tab Body
- @section body style
- @tip Set the background color and borders for your email's body area.
- */
- #templateBody{
- /*@editable*/border-top:0;
- /*@editable*/border-bottom:0;
- }
- /*
- @tab Body
- @section body container
- @tip Set the background color for your email's body container.
- */
- #bodyBackground{
- /*@editable*/background-color:#FFFFFF;
- }
- /*
- @tab Body
- @section body text
- @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
- */
- .bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
- /*@editable*/color:#212223;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:16px;
- /*@editable*/line-height:150%;
- /*@editable*/text-align:left;
- }
- /*
- @tab Body
- @section body link
- @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
- */
- .bodyContainer .mcnTextContent a{
- /*@editable*/color:#541900;
- /*@editable*/font-weight:normal;
- /*@editable*/text-decoration:underline;
- }
- /*
- @tab Footer
- @section footer style
- @tip Set the background color and borders for your email's footer area.
- */
- #templateFooter{
- /*@editable*/border-top:0;
- /*@editable*/border-bottom:0;
- }
- /*
- @tab Footer
- @section footer text
- @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
- */
- .footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
- /*@editable*/color:#212223;
- /*@editable*/font-family:Kanit;
- /*@editable*/font-size:10px;
- /*@editable*/line-height:125%;
- /*@editable*/text-align:center;
- }
- /*
- @tab Footer
- @section footer link
- @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
- */
- .footerContainer .mcnTextContent a{
- /*@editable*/color:#212223;
- /*@editable*/font-weight:normal;
- /*@editable*/text-decoration:underline;
- }
- @media only screen and (max-width: 480px){
- body,table,td,p,a,li,blockquote{
- -webkit-text-size-adjust:none !important;
- }
- } @media only screen and (max-width: 480px){
- body{
- width:100% !important;
- min-width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- .templateContainer{
- max-width:600px !important;
- width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- .columnsContainer{
- display:block!important;
- max-width:600px !important;
- padding-bottom:18px !important;
- padding-left:0 !important;
- width:100%!important;
- }
- } @media only screen and (max-width: 480px){
- .mcnRetinaImage{
- max-width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImage{
- height:auto !important;
- width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
- max-width:100% !important;
- width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnBoxedTextContentContainer{
- min-width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImageGroupContent{
- padding:9px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
- padding-top:9px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
- padding-top:18px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImageCardBottomImageContent{
- padding-bottom:9px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImageGroupBlockInner{
- padding-top:0 !important;
- padding-bottom:0 !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImageGroupBlockOuter{
- padding-top:9px !important;
- padding-bottom:9px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnTextContent,.mcnBoxedTextContentColumn{
- padding-right:18px !important;
- padding-left:18px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
- padding-right:18px !important;
- padding-bottom:0 !important;
- padding-left:18px !important;
- }
- } @media only screen and (max-width: 480px){
- .mcpreview-image-uploader{
- display:none !important;
- width:100% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section heading 1
- @tip Make the first-level headings larger in size for better readability on small screens.
- */
- h1{
- /*@editable*/font-size:24px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section heading 2
- @tip Make the second-level headings larger in size for better readability on small screens.
- */
- h2{
- /*@editable*/font-size:20px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section heading 3
- @tip Make the third-level headings larger in size for better readability on small screens.
- */
- h3{
- /*@editable*/font-size:18px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section heading 4
- @tip Make the fourth-level headings larger in size for better readability on small screens.
- */
- h4{
- /*@editable*/font-size:14px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Boxed Text
- @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
- */
- .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
- /*@editable*/font-size:18px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Preheader Visibility
- @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
- */
- #templatePreheader{
- /*@editable*/display:block !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Preheader Text
- @tip Make the preheader text larger in size for better readability on small screens.
- */
- .preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
- /*@editable*/font-size:14px !important;
- /*@editable*/line-height:115% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Header Text
- @tip Make the header text larger in size for better readability on small screens.
- */
- .headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
- /*@editable*/font-size:18px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Body Text
- @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
- */
- .bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
- /*@editable*/font-size:18px !important;
- /*@editable*/line-height:145% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Left Column Text
- @tip Make the left column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
- */
- .leftColumnContainer .mcnTextContent,.leftColumnContainer .mcnTextContent p{
- /*@editable*/font-size:18px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section Right Column Text
- @tip Make the right column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
- */
- .rightColumnContainer .mcnTextContent,.rightColumnContainer .mcnTextContent p{
- /*@editable*/font-size:18px !important;
- /*@editable*/line-height:125% !important;
- }
- } @media only screen and (max-width: 480px){
- /*
- @tab Mobile Styles
- @section footer text
- @tip Make the body content text larger in size for better readability on small screens.
- */
- .footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
- /*@editable*/font-size:14px !important;
- /*@editable*/line-height:115% !important;
- }
- }</style></head>
- <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;">
- <!--*|IF:MC_PREVIEW_TEXT|*-->
- <!--[if !gte mso 9]><!----><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;"></span><!--<![endif]-->
- <!--*|END:IF|*-->
- <center>
- <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: #ffffff;">
- <tr>
- <td align="center" valign="top" id="bodyCell" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;border-top: 0;">
- <!-- BEGIN TEMPLATE // -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!-- BEGIN PREHEADER // -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #212223;border-top: 0;border-bottom: 0;">
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tr>
- <td valign="top" class="preheaderContainer" style="padding-top: 10px;padding-bottom: 10px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="600" style="width:600px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
- <tbody><tr>
- <div class="copyright" style="font-family: Kanit !important; font-size: 1em; font-weight: 120; color: white !important; font-size: .7em; text-align: center;">© [year_cf7] T.K.K. International Co., Ltd. <sup>®</sup>, All Rights Reserved.<div>
- </div></div><td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #FFFFFF;font-family: Kanit;font-size: 10px;line-height: 125%;">
- <link href="https://fonts.googleapis.com/css?family=Kanit:200,300,400,500,700,800" rel="stylesheet" type="text/css">
- <style type="text/css">h2 h4 div p{
- font-family: 'Kanit', sans-serif; !important;
- }
- h2{
- text-align: center !important;
- color: #000000 !important;
- font-size: 35px !important;
- }
- h4{
- font-family: Kanit !important;
- font-weight: 250 !important;
- }
- p{
- text-align: left !important;
- color: #000000 !important;
- font-size: 18px !important;
- font-weight: 370 !important;
- }
- .footer {
- line-height: 1.3 !important;
- text-align: center!important;
- font-weight: 300 !important;
- font-family: kanit !important;
- }
- /*Custom CSS*/
- table#templatePreheader {
- width: 100% !important;
- }
- .mobile-sub-font{
- font-size: 25px !important;
- }
- @media only screen and (max-width: 500px){
- td#body-control {
- padding-top: 7% !important;
- padding-bottom: 7% !important;
- }
- .mobile-space {
- margin-top: 15px !important;
- display: block !important;
- width: 100% !important;
- text-align: left !important;
- position: unset !important;
- }
- .mobile-font{
- font-size: 1.5em !important;
- }
- .mobile-space-even{
- margin-top: -10px;
- display: block;
- width: 100% !important;
- text-align: left !important;
- }
- svg.svg-inline--fa.fa-angle-double-down.fa-w-10 {
- margin-top: 5px !important;
- }
- .copyright{
- font-size: 0.5em !important;
- }
- .location-mobile{
- padding-bottom: 15px !important;
- }
- }
- @media only screen and (min-width: 400px) and (max-width: 425px){
- .preheaderContainer{
- position: relative;
- left: 40% !important;
- }
- }
- @media only screen and (min-width: 375px) and (max-width: 399px){
- .preheaderContainer{
- position: relative;
- left: 30% !important;
- }
- }
- @media only screen and (min-width: 345px) and (max-width: 374px){
- .preheaderContainer{
- position: relative;
- left: 23% !important;
- }
- }
- @media only screen and (min-width: 1px) and (max-width: 344px){
- .preheaderContainer{
- position: relative;
- left: 20% !important;
- }
- }
- /*New Custome deverlopment for working report CSS*/
- @media only screen and (max-width: 500px){
- .mobile-space {
- margin-top: 15px !important;
- display: block !important;
- width: 100% !important;
- text-align: left !important;
- }
- .mobile-space-second-line{
- width: 100% !important;
- text-align: left !important;
- }
- .mobile-space-third-line{
- width: 100% !important;
- text-align: left !important;
- }
- .pdf-content{
- margin-top: 25px !important;
- }
- .mobile-font{
- font-size: 1.9em !important;
- }
- .mobile-sub-font{
- font-size: 1.3em !important;
- }
- .mobile-space-even{
- margin-top: -10px;
- display: block;
- width: 100% !important;
- text-align: left !important;
- }
- svg.svg-inline--fa.fa-angle-double-down.fa-w-10 {
- margin-top: 5px;
- }
- .copyright{
- font-size: 0.5em !important;
- }
- .location-mobile{
- padding-bottom: 15px !important;
- }
- .read_pdf{
- font-size: 15px !important;
- }
- }
- @media only screen and (min-width: 400px) and (max-width: 425px){
- .preheaderContainer{
- position: relative;
- left: 40% !important;
- }
- }
- @media only screen and (min-width: 375px) and (max-width: 399px){
- .preheaderContainer{
- position: relative;
- left: 30% !important;
- }
- }
- @media only screen and (min-width: 345px) and (max-width: 374px){
- .preheaderContainer{
- position: relative;
- left: 23% !important;
- }
- }
- @media only screen and (min-width: 1px) and (max-width: 344px){
- .preheaderContainer{
- position: relative;
- left: 20% !important;
- }
- }
- @media only screen and (min-width: 1px) and (max-width: 500px){
- .content-inside-mobile{
- width: 100% !important;
- position: relative !important;
- left: 0px !important;
- top: 15px !important;
- margin-top: -5px !important;
- margin-bottom: 15px !important;
- font-size: 15px !important;
- }
- table.mcnTextBlock.mobile {
- position: relative !important;
- left: 15px !important;
- }
- }
- .content-inside-mobile.location{
- margin: 0px 10px 10px 10px !important;
- }
- @media only screen and (min-width: 1px) and (max-width: 500px){
- .last-grey-border-mobile{
- top: 13px !important;
- }
- }
- @media only screen and (min-width: 767px) and (max-width: 2560px){
- .content-inside-mobile.main-content, .mobile-space-second-line.main-text{
- padding-left: 10px;
- }
- .content-inside-mobile.main-content.eng{
- margin-bottom: 15px;
- }
- }
- @media only screen and (min-width: 376px) and (max-width: 500px){
- img.emoji-mobile {
- width: 66px !important;
- margin-bottom: 40px;
- }
- }
- @media only screen and (min-width: 321px) and (max-width: 375px){
- img.emoji-mobile {
- width: 53px !important;
- margin-bottom: 40px;
- }
- }
- @media only screen and (min-width: 1px) and (max-width: 320px){
- img.emoji-mobile {
- width: 50px !important;
- margin-bottom: 40px;
- }
- h2.mobile-font {
- font-size: 1.5em !important;
- }
- .main-text {
- font-size: .9em !important;
- }
- }
- @media only screen and (max-width: 600px){
- img.mcnImage-logo.mobile {
- max-width: 130px !important;
- margin-bottom: 5px !important;
- }
- }
- #coupon-code-container{
- padding: 0 29px 9px 18px !important;
- }
- @media only screen and (max-width: 500px){
- div#discount {
- padding-left: 0px !important;
- padding-right: 29px !important;
- }
- }
- @media only screen and (min-width: 400px) and (max-width: 500px){
- td#body-control {
- padding-left: 30px !important;
- padding-right: 30px !important;
- }
- }
- @media only screen and (min-width: 1px) and (max-width: 399px){
- td#body-control {
- padding-left: 5% !important;
- padding-right: 5% !important;
- }
- }
- @media only screen and (min-width: 1px) and (max-width: 320px){
- .discount-amount{
- font-size: 1.1em !important;
- }
- }
- @media only screen and (min-width: 321px) and (max-width: 600px){
- .discount-amount{
- font-size: 1.3em !important;
- }
- }
- @media only screen and (min-width: 345px) and (max-width: 375px){
- td.social-footer{
- /*@editable*/padding-top:7px !important;
- padding-right: 4px!important;
- padding-left: 0px !important;
- }
- }
- @media only screen and (min-width: 320px) and (max-width: 344px){
- td.social-footer{
- /*@editable*/padding-top:3px !important;
- padding-right: 0px!important;
- padding-left: 0px !important;
- }
- }
- @media only screen and (max-width: 480px){
- td.footerContainer{
- /*@editable*/padding-top: 10px !important;
- }
- } @media only screen and (min-width: 370px) and (max-width: 388px){
- td.social-footer{
- /*@editable*/padding-right: 6px !important;
- }
- }
- @media only screen and (min-width: 700px){
- .body-control-main{
- padding-top: 2% !important;
- padding-bottom: 2% !important;
- }
- .lang-use-this-coupon{
- font-size: .8em !important;
- }
- }
- </style>
- </td>
- </tr>
- </tbody></table>
- <!--[if mso]>
- </td>
- <![endif]-->
- <!--[if mso]>
- </tr>
- </table>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table></td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <!-- // END PREHEADER -->
- </td>
- </tr>
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!-- BEGIN HEADER // -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;border-top: 0;border-bottom: 0;">
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tr>
- <td valign="top" class="headerContainer" style="padding-top: 10px;padding-bottom: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnImageBlockOuter">
- <tr>
- <td valign="top" style="padding: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnImageBlockInner">
- <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody><tr>
- <td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <img align="center" alt="" src="https://mcusercontent.com/5152fbaadd924cbefd47ff7dc/images/35c8c54c-f4f4-4188-8df4-928703475af7.png" width="300" style="max-width: 150px;padding-bottom: 0px;vertical-align: bottom;display: inline-block;border-radius: 0%;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic; margin-bottom: -20px;" class="mcnImage-logo mobile">
- </td>
- </tr>
- </tbody></table>
- </td>
- </tr>
- </tbody>
- </table></td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <!-- // END HEADER -->
- </td>
- </tr>
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;border-top: 0;border-bottom: 0;">
- <tr>
- <td id="body-control" class="body-control-main" align="center" valign="top" style="padding-top: 10px;padding-bottom: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; background: url('https://mcusercontent.com/5152fbaadd924cbefd47ff7dc/images/086d67dd-9103-4cff-84c1-9ba196b1ddf2.gif'); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #030303;">
- <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="bodyBackground" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF; border: 10px solid black;">
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!-- BEGIN COLUMNS // -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;border-top: 0;">
- <tr>
- <td align="left" valign="top" class="columnsContainer" width="50%" style="padding-top: 9px;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tr>
- <td valign="top" class="leftColumnContainer" style=" width: 100% !important;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock mobile" style=" width: 105% !important; min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style=" width: 100%; padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="300" style="width:300px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
- <tbody><tr>
- <td valign="top" class="mcnTextContent" style=" width: 100%; padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #212223;font-family: Kanit;font-size: 16px !important;line-height: 150%;text-align: left;">
- <h2 class="mobile-font" style=" display: block;margin: 0;padding: 0;font-family: Kanit;font-size: 35px;font-style: normal;font-weight: 600;line-height: 125%;letter-spacing: -.75px;text-align: center !important;color: #000000 !important;position: relative;">Your Reward</h2>
- <h2 class="mobile-sub-font" style=" display: block;margin: 0;padding: 0;font-family: Kanit;font-size: 25px;font-style: normal;font-weight: 400;line-height: 125%;letter-spacing: -.75px;text-align: center !important;color: #000000 !important;position: relative;">ส่วนลดพิเศษสำหรับคุณ</h2>
- <div class="line-break-grey" style="border-bottom: 1px solid #EFEFEF; margin: 10px 0; width: 100%;"><div>
- </td>
- </tr>
- </tbody></table>
- <!--[if mso]>
- </td>
- <![endif]-->
- <!--[if mso]>
- </tr>
- </table>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style=" margin-top: -15px; min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="300" style="width:300px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
- <tbody><tr>
- </tr>
- </tbody></table>
- </td>
- </tr>
- </tbody>
- </table></td> <td valign="top" class="rightColumnContainer" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin-top: -15px;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="300" style="width:300px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin-top: -15px;" width="100%" class="mcnTextContentContainer">
- <tbody><tr>
- <td valign="top" class="mcnTextContent" style=" margin-top: -15px !important; padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #212223;font-family: Kanit;font-size: 16px !important;line-height: 150%;text-align: left;">
- </td>
- </tr>
- </tbody></table>
- </td>
- </tr>
- </tbody>
- </table>
- </td></tr>
- </table>
- </td>
- </tr>
- </table>
- <!-- // END COLUMNS -->
- <!-- BEGIN BODY // -->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin-top: -15px;" width="100%" class="mcnTextContentContainer">
- <tbody><tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;border-top: 0;border-bottom: 0;">
- <tr>
- <td id="body-control" align="center" valign="top" style="padding-top: 15px;padding-bottom: 0px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; width: 300px;">
- <tr>
- <tr>
- <!-- //Inject Coupon Border Left-->
- <th align="left" height="" valign="middle" width="17"><img alt="" border="0" height="142" src="https://mcusercontent.com/5152fbaadd924cbefd47ff7dc/images/ef7d0d25-b74e-40bb-b9d1-ee75070bba26.png" style="display:block;line-height:0;margin:0" width="17" data-image-whitelisted="" class="CToWUd"></th>
- <!-- // Coupon BG Color-->
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; background-color: #20e6d3;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="bodyBackground" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;">
- <tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!-- BEGIN COLUMNS // -->
- <!-- // Coupon BG Color-->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #20e6d3; border-top: 0;">
- <tr>
- <td align="left" valign="top" class="columnsContainer" width="50%" style="padding-top: 9px;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tr>
- <td valign="top" class="leftColumnContainer" style=" width: 100% !important;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock mobile" style=" width: 105% !important; min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style=" width: 100%; padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="300" style="width:300px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
- <tbody>
- <tr>
- <td valign="top" class="mcnTextContent" style=" width: 100%; padding-top: 0;padding-bottom: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #212223;font-family: Kanit;font-size: 16px !important;line-height: 150%;text-align: left;">
- <div id="discount" class="discount-amount" style=" display: block;margin: 0;padding: 0;font-family: Kanit;font-size: 1.4em;font-style: normal;font-weight: 400;line-height: 125%;letter-spacing: -.75px;text-align: center !important;color: #000000 !important;position: relative; margin: -5px 0 5px 0;">[radio-thai-discount] [amount][custom_amount] [radio-eng-discount]</div> </td>
- </tr>
- </tbody>
- </table>
- <!--[if mso]>
- </td>
- <![endif]-->
- <!--[if mso]>
- </tr>
- </table>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table>
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style=" margin-top: -15px; min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="300" style="width:300px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
- <tbody>
- <tr>
- <td id="coupon-code-container"valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #212223;font-family: Kanit;font-size: 16px !important;line-height: 150%;text-align: left;">
- <div class="mobile-date" style="text-align: center; width: 100%; display: block; color: white !important; border: 2px dotted white; padding: 5px;"><strong>[radio-coupon-code][custom_coupon-code]</strong>
- </div>
- <div style="display: block; color: black !important; text-align: center; font-size: .9em; margin-top: 10px;"><strong>Expire:</strong>
- <div style="display: inline-block;color: black !important;">[exp_date]</div>
- <div style="position: relative; font-family:'Kanit', sans-serif; font-weight: normal; font-size: .65em; margin-top: -7px; color: black !important; margin-bottom: -30px !important; ">(วันหมดอายุ)</div>
- </div>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- <td valign="top" class="rightColumnContainer" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin-top: -15px; display: none !important;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin-top: -15px;" width="100%" class="mcnTextContentContainer">
- <tbody>
- <tr>
- <td valign="right" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #212223;font-family: Kanit;font-size: 16px !important;line-height: 150%;text-align: left;"> </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <!-- // END COLUMNS -->
- <!-- BEGIN BODY // -->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; margin-top: -15px;" width="100%" class="mcnTextContentContainer">
- </tbody>
- <!--[if mso]>
- </td>
- <![endif]-->
- <!--[if mso]>
- </tr>
- </table>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </table>
- <!-- // END BODY -->
- </td>
- <!-- // Inject Coupon Border Right -->
- <th align="right" height="" valign="middle" width="17"><img alt="" border="0" height="142" src="https://mcusercontent.com/5152fbaadd924cbefd47ff7dc/images/8e46fe9c-1336-4350-b3a6-81dfd8949a0e.png" style="display:block;line-height:0;margin:0" width="17" data-image-whitelisted="" class="CToWUd"></th>
- </tr>
- <tr>
- </td>
- </tr>
- </table>
- <div class="grey-border-mobile" style="text-align: center; margin-top: 35px; border-top: 1px solid #EFEFEF; position: relative; top: -10px; width: 95%;"></div>
- <span class="remark-text" style="display: block; font-family: kanit !important; font-size: .8em !important;"><span style="color: red;">*</span>Terms and conditions may apply.</span>
- <span class="button-thai-text" style="position: relative; display: block; font-size: .65em !important; font-family: kanit !important; margin-top: 2px; margin-bottom: -10px;">(เงื่อนไขที่บริษัทได้กำหนดไว้)</span>
- <div class="button-link" class="lang-use-this-coupon" style=" border:1px solid black; background-color: #000000; padding: 10px; border-radius: 20px; display: inline-block; margin: 20px 0 -20px 0; font-family: kanit;"><a href="https://www.tkkinter.com/doctor-cockroach/" style="text-decoration: none !important; color: white; font-size: .9em; font-weight: bold; padding: 15px 15px;">[radio-lang-use-this-coupon]</a></div>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td align="center" valign="top" style="padding-bottom: 40px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> </td>
- </tr>
- </table>
- </td>
- </tr>
- </tbody>
- <!--[if mso]>
- </td>
- <![endif]-->
- <!--[if mso]>
- </tr>
- </table>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table></td>
- </tr>
- </table>
- <!-- // END BODY -->
- </td>
- </tr>
- <tr>
- <td class="footer-pattern" align="center" valign="top" class="backgroundColor" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;">
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td align="center" valign="top" style="padding-bottom: 40px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- </td>
- </tr>
- </table>
- <!-- BEGIN FOOTER // -->
- <!--[if (gte mso 9)|(IE)]>
- <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
- <tr>
- <td align="center" valign="top">
- <![endif]-->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;max-width: 600px;">
- <tr>
- <td valign="top" class="footerContainer" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding-top: 36px;padding-bottom: 36px;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnFollowBlockOuter">
- <tr>
- <td class="mcnFollowBlockInner" align="center" valign="top" style="padding: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody><tr>
- <td class="social-footer" align="center" style="padding-left: 9px;padding-right: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnFollowContent">
- <tbody><tr>
- <td class="social-footer" align="center" valign="top" style="padding-top: 9px;padding-right: 9px;padding-left: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody><tr>
- <td align="center" valign="top" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="center" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td align="center" valign="top">
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <!--[if mso]>
- <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
- <tr>
- <![endif]-->
- <!--[if mso]>
- <td valign="top" width="600" style="width:600px;">
- <![endif]-->
- <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" width="100%" class="mcnTextContentContainer">
- <tbody><tr>
- <td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px;font-family: Arial, "helvetica neue": ;, helvetica, sans-serif: ;font-size: 11px;line-height: 125%;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #404040;">
- </td>
- </tr>
- </tbody></table>
- <!--[if mso]>
- </td>
- <![endif]-->
- <!--[if mso]>
- </tr>
- </table>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table></td>
- </tr>
- </table>
- <!--[if (gte mso 9)|(IE)]>
- </td>
- </tr>
- </table>
- <![endif]-->
- <!-- // END FOOTER -->
- <!-- // END TEMPLATE -->
- </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement