#image {height:300px;position:relative;overflow:hidden;}
#image h3 {color: #ee1f26;text-align: center;font-size: 50px;font-weight: bold;padding: 110px 0px;text-shadow: 0px 0px 3px #fff;}

.responsiveWrapper + #conversion {margin-bottom:90px;}

#categories {margin-top: 34px;padding: 10px 13PX;height: 50px;margin-bottom: 0px;}

#postInfo {}
#postInfo > div {position:relative;}
#postInfo .fix {position:absolute;margin-top:2px;    margin-left: 4px;}
#postInfo .fix > div {position:relative;opacity:1}
.subSite #postInfo .fix > div {top: 40px;}
#postInfo.show .fix > div {opacity:1}
#postInfo .gauge {width: 60px;height: 60px;margin: 28px auto;position: relative;}
#postInfo .fix .percent {position: absolute;top: 18px;text-align: center;width: 100%;font-weight: 700;color: #0062a9;padding-left: 2px;}
div.sperate, section.sperate {margin-top: 84px !important;height:480px !important;}
#postHeader {text-align:center;}
#postHeader .wrapper {background: #F5F5F5;padding:50px 0px;margin-top:-80px}
#postHeader .wrapper h1 {font-size:40px;color:#000;font-weight:300}
#postHeader .wrapper h2 {font-size:20px;}

#posts {margin:0px 0px;position:relative;}
#posts article {padding:60px 0px}
#posts article:nth-child(even) {background-color: #F3F3F3;  }

article ol,article ul {    padding-left: 50px !important;list-style: disc !important;}
article ol li {}

#posts h1 {font-size:40px;font-weight:100;    margin-bottom: 20px;}
#posts h2 {font-size:20px;font-weight:100;margin-bottom:30px;}
#posts .readMore {margin-top:60px;display:block;}

.postFooter {    margin-bottom: 40px;}
.postFooter > .row {    padding: 0px 16px;}

#content strong {color:#666}
#pageContent .header {display:block;padding:0px;background-color: #FFF;background-color:rgba(255, 255, 255, 0.92);border-bottom: solid 1px transparent;}
#pageContent .header.is_stuck {    border-bottom-color: #008335;}
#pageContent .header > div > div {padding:18px 30px 10px;}
#pageContent .header h1 {    font-size: 40px;color: #000;    margin: 0px;font-weight:100;}
#pageContent [itemprop="dateModified"] {   color:#2A98D4; font-size: 20px;font-weight:100;display:block;}
#content p {margin:0.8em 0;}
#content article {margin:20px 0px 50px;}
.textHelper {color:#999;font-size: 12px;margin-bottom: 4px;}

#article [itemprop="articleBody"] p,#article [itemprop="articleBody"] span { font-size: 16px !important;font-weight: 300;line-height: 26px !important;}
#article * {font-family: Nunito,"Helvetica Neue",Helvetica,Nunito,Arial,sans-serif !important;}

[itemprop="datePublished"] {display:none;}
[itemprop="author"] {    max-width: 300px;margin: 30px 0px 0px;}
#posts [itemprop="author"] {margin-top:0px;}
[itemprop="author"] img {width: 60px;float: left;border-radius: 50%;    border: solid 1px #ee1f26;}
[itemprop="author"] span {font-size: 14px;position: relative;}
[itemprop="author"] .nameSpace {float: left;width: 100%;margin-right: -60px;padding: 8px 18px;}
[itemprop="author"] .nameSpace .name {display: block;font-weight:700;font-size:15px;color:#000;}
[itemprop="author"] .nameSpace .title {display: block;    font-size: 15px;color: #999;}
[itemprop="articleBody"] > table {width:100%;}
[itemprop="articleBody"] p > img {    max-width: 100%;margin: auto;display: block;padding: 10px 0px;}
#article h3 {}

#post {padding-top:30px;position:relative;}
#post .est-time {    color: #CCC;display: block;}

#download {background-color: #eee;padding: 10px 0px;}
#download .icon {padding-right:0px;    padding-left: 30px;font-size:24px;color:#666;}
#download .file {    margin-right: 20px;padding: 8px 4px;}
#download .file a {}

#postNav {    margin-top: 24px;width: 100%;    background-color: rgba(255, 255, 255, 0.85);    padding: 20px 0px;}
#postNav .nav {width:50%;    max-width: 40%;}
#postNav .nav.floatRight {text-align:right;}
#postNav .nav > div {    width: 100%;}
#postNav .arrow {}
#postNav .arrow span {}
#postNav .title {width:100%;margin-right: -23px;padding-right: 23px;}
#postNav .title b {display:block;    width: 100%;}
#postNav .title a {display:block;}

#categoryWrapper {}
#categoryWrapper > div {    padding: 24px 32px 14px;    border: solid 1px #005121;margin: 24px auto;}
#categoryWrapper .item {margin-bottom:20px;}
#categoryWrapper .item > div {border: solid 1px transparent;padding: 14px 12px;}
body.desktop #categoryWrapper .item:hover > div,
#categoryWrapper .item:active > div {border-color:#005121;}
#categoryWrapper .item .dot {    width: 10px;height: 10px;border-radius: 50%;background-color: #008335;margin: 8px;}
#categoryWrapper .item .title {width: 100%;margin-left: -28px;padding-left: 32px;}
#categoryWrapper .item .title b {display:block;}
#categoryWrapper .item .title small {display:block;}
#categoryWrapper .item .cover {height: 100px;display: block;background-color: #f2f2f2;margin-bottom: 8px;}

.sperate[data-image-src] {margin-top:0px !important;}

@media only screen and (max-width: 40em) {
    #post {padding:0px 0px 10px 20px;}
    #postHeader .wrapper h1 {margin-top: 30px;margin: 20px 20px 0px;}
    #content article {    margin-top: 0px;}
    #postNav {bottom:36px;}
    .responsiveWrapper + #conversion {margin-bottom:102px;}
    #categoryWrapper > div {margin:24px;padding:12px 4px 14px;}
    #categoryWrapper .item {margin-bottom:0px;}
    #pageContent .header > div > div {padding-top:10px;}
    #postInfo {display: none;}
    #article .lightBox {display:block;}
    #article .lightBox img {    width: 100% !important;height: auto !important;}
}