adweb3-server/jeecg-module-system/jeecg-system-biz/src/main/resources/enquiry/email/body.tmpl

<div>
    <div id="isForwardContent">
        <div dir="ltr">
            <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%;
            }

            #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;
            }

            #bodyCell {
                padding: 50px 50px;
            }

            .templateContainer {
                max-width: 600px !important;
                border: 0;
            }

            a.mcnButton {
                display: block;
            }

            .mcnTextContent {
                word-break: break-word;
            }

            .mcnTextContent img {
                height: auto !important;
            }

            .mcnDividerBlock {
                table-layout: fixed !important;
            }

            body, #bodyTable {
                background-color: #e9eaec;
            }

            h1 {
                color: #202020;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                font-size: 26px;
                font-style: normal;
                font-weight: bold;
                line-height: 125%;
                letter-spacing: normal;
            }

            h2 {
                color: #202020;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                font-size: 22px;
                font-style: normal;
                font-weight: bold;
                line-height: 125%;
                letter-spacing: normal;
            }

            h3 {
                color: #202020;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                font-size: 20px;
                font-style: normal;
                font-weight: bold;
                line-height: 125%;
                letter-spacing: normal;
            }

            h4 {
                color: #202020;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                font-size: 18px;
                font-style: normal;
                font-weight: bold;
                line-height: 125%;
                letter-spacing: normal;
            }

            #templateHeader {
                border-top: 0;
                border-bottom: 0;
                padding-top: 0;
                padding-bottom: 20px;
                text-align: center;
            }

            #templateBody {
                background-color: #FFFFFF;
                border-top: 0;
                border: 1px solid #c1c1c1;
                padding-top: 0;
                padding-bottom: 0px;
            }

            #templateBody .mcnTextContent, #templateBody .mcnTextContent p {
                color: #555555;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                font-size: 14px;
                line-height: 150%;
            }

            #templateBody .mcnTextContent a, #templateBody .mcnTextContent p a {
                color: #ff7f50;
                font-weight: normal;
                text-decoration: underline;
            }

            #templateFooter {
                background-color: #e9eaec;
                border-top: 0;
                border-bottom: 0;
                padding-top: 12px;
                padding-bottom: 12px;
            }

            #templateFooter .mcnTextContent, #templateFooter .mcnTextContent p {
                color: #cccccc;
                font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                font-size: 12px;
                line-height: 150%;
                text-align: center;
            }

            #templateFooter .mcnTextContent a, #templateFooter .mcnTextContent p a {
                color: #cccccc;
                font-weight: normal;
                text-decoration: underline;
            }

            @media only screen and (min-width: 768px) {
                .templateContainer {
                    width: 600px !important;
                }
            }

            @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: 680px) {
                #bodyCell {
                    padding: 20px 20px !important;
                }
            }

            @media only screen and (max-width: 480px) {
                .mcnTextContentContainer {
                    max-width: 100% !important;
                    width: 100% !important;
                }
            }             </style>
            <div style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #e9eaec;">
                <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: #e9eaec;">
                        <tbody>
                        <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: 50px 50px;width: 100%;">
                                <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%;border: 0;max-width: 600px !important;">
                                    <tbody>
                                    <tr>
                                        <td valign="top" id="templateBody"
                                            style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;border-top: 0;border: 1px solid #c1c1c1;padding-top: 0;padding-bottom: 0px;">
                                            <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="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <table align="left" 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="mcnTextContentContainer">
                                                            <tbody>
                                                            <tr>
                                                                <td valign="top"
                                                                    style="padding-top: 30px;padding-right: 30px;padding-bottom: 30px;padding-left: 30px;"
                                                                    class="mcnTextContent">
                                                                    {{items_content}}
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </center>
            </div>
        </div>
    </div>
</div>