*, *:before, *:after {
box-sizing : inherit;
-webkit-box-sizing : inherit;
-moz-box-sizing : inherit;
outline : none;
margin : 0;
padding : 0
}

html {
height : 100%;
text-size-adjust : 100%;
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%;
box-sizing : border-box;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box
}

body {
background : #eee;
font-family : ‘HelveticaNeue-Light’, Arial;
height : 100%
}

header, section, footer {
display : block;
position : relative
}

* {
-webkit-tap-highlight-color : rgba(0, 0, 0, 0)
}

#sss-wrapper {
padding : 8px
}

#sss-wrapper .content {
word-wrap : break-word;
}

#sss-wrapper h1 {
font-family : ‘HelveticaNeue-Light’;
font-size : 32px;
font-weight : normal;
text-align : center;
padding : 20px 10px
}

#sss-wrapper h2 {
font-size : 16px;
font-weight : normal;
text-align : center;
padding-bottom : 20px
}

#sss-wrapper .content {
background : #fff;
border : 1px solid #e0e0e0;
margin-bottom : 16px;
padding : 18px;
-webkit-box-shadow : 0 1px 0 0 rgba(198, 198, 198, 1);
-moz-box-shadow : 0 1px 0 0 rgba(198, 198, 198, 1);
box-shadow : 0 1px 0 0 rgba(198, 198, 198, 1);
line-height: 1.5em
}

#sss-wrapper .content h2 {
border-bottom : 1px solid #e0e0e0;
font-family : ‘Helvetica’;
font-size : 20px;
font-weight : normal;
line-height : 1.3em;;
margin : 0 0 10px 0;
padding-bottom : 18px;
text-align : left
}

#sss-wrapper .content a {
color : #06c
}

#sss-wrapper .content p {
font-size : 14px;
line-height : 1.5em;
margin-bottom : 20px
}

#sss-wrapper .content ul {
margin : 10px 0 20px 18px
}

#sss-wrapper .content ul li {
font-size : 14px;
line-height : 1.4em;
margin-bottom : 10px
}

#sss-wrapper .content table {
width : 100%
}

#sss-wrapper .content td {
padding : 4px 0
}

#sss-wrapper .content img {
display: block;
margin: 10px 0;
max-width: 100%;
width: 100%
}

#sss-wrapper .content .attr {
color : #808080
}