body {
Margin: 0;
padding: 0;
min-width: 100%;
background-color:#f5f5f5; }
table {
border-spacing: 0;
font-family: sans-serif;
color:#505050; }
td {
padding: 0;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
Margin: 0;
padding: 70px 0 70px 0;
background-color:#f5f5f5;
}
.webkit {
max-width: 600px;
}
@-ms-viewport {
width: device-width;
}
.outer {
Margin: 0 auto;
width: 96%;
max-width: 600px;
box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
border: 1px solid #dcdcdc;
border-radius: 3px !important;
background-color:#fdfdfd;
}
.full-width-image img {
width: 100%;
height: auto;
}
.header {
border-radius: 3px 3px 0 0 !important;
color: #ffffff; border-bottom: 0;
font-weight: bold;
line-height: 100%;
vertical-align: middle;
font-family: Helvetica, Roboto, Arial, sans-serif;
background-color:#557da1; }
.footer .inner {
text-align: center;
}
.footer .inner p {
font-size: 11px;
}
.inner {
padding: 48px;
}
.header .inner {
padding: 10px;
}
p {
Margin: 0;
}
p.footer {
font-size: 11px;
}
a {
color: #ee6a56;
text-decoration: underline;
}
.h1 {
font-size: 21px;
font-weight: bold;
Margin-bottom: 18px;
}
.header .inner .h1 {
color: #ffffff;
display: block;
font-family: Helvetica, Roboto, Arial, sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 150%;
Margin: 0;
padding: 26px 48px;
text-align: left;
text-shadow: 0 1px 0 #7797b4;
-webkit-font-smoothing: antialiased;
}
.h2 {
font-size: 18px;
font-weight: bold;
Margin-bottom: 12px;
}
.one-column .contents {
text-align: left;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
font-family: Helvetica, Roboto, Arial, sans-serif;
font-size: 14px;
line-height: 150%;
color: #737373;
}
.one-column p.h2,
.two-column .column .contents p.h2 {
display: block;
font-size: 18px;
font-weight: bold;
line-height: 130%;
Margin: 16px 0 8px;
text-align: left;
color: #557da1;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 280px;
display: inline-block;
vertical-align: top;
}
.two-column .column .contents p{
font-size: 14px;
Margin-bottom: 10px;
font-family: Helvetica, Roboto, Arial, sans-serif;
font-size: 14px;
line-height: 150%;
color: #737373;
}
.two-column .inner,
.footer .inner {
padding: 10px 48px;
}
.contents {
width: 100%;
}
.header .inner {
width: 100%;
}
.footer .inner {
width: 100%;
border-top:1px solid #dddddd;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
.two-column p {
font-size: 14px;
Margin-bottom: 10px;
font-family: Helvetica, Roboto, Arial, sans-serif;
font-size: 14px;
line-height: 150%;
color: #737373;
}
@media screen and (max-width: 400px) {
.two-column .column {
max-width: 100% !important;
}
}
@media screen and (min-width: 401px) and (max-width: 620px) {
.two-column .column {
max-width: 50% !important;
}
}
table {border-collapse: collapse !important;}
|