html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html,body{min-height:100%}
p{margin:0 0 12px}
ol,ul{margin:0 0 12px}
a,a:active,a:visited{outline:none;color:#288cc4;text-decoration:none}
a img{border:none;outline:none}
p code,table td:last-child code,.content ul li code,code.mark{padding:2px 4px;color:#333;background-color:#f1f1f1;border-radius:4px}
a code{color:inherit;background:none;padding:0}
table{border-collapse:collapse;border-spacing:0}
table td{vertical-align:top}
body{color:#414141;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17.5px;line-height:1.8}
input,select,textarea,button,div,span,a{box-sizing:border-box}
h1,h2,h3,h4{color:#262626;margin:25px 0 15px;line-height:1.5;font-weight:600}
h1{font-size: 26px;
   text-align: center;
   color: #288cc4;}
h2{margin: 50px 0px 25px 0px;font-size:20px; padding: 5px 20px 5px 20px;box-shadow: 0 0 14px -12px #000; color:#fff; background: #288cc4 }
h3{font-size:20px;color:#288cc4}
table tr td{
    border: solid 1px #ddd;
    padding: 5px 10px;
}
table {
    margin-bottom: 20px;
}
.desc{
    text-align: center;
    font-weight: bold;
    font-style: italic;
}
.container{
    max-width: 1000px;
    margin: 0px auto;
    padding: 0px 10px;
}
.logo a{
        color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    background: #624800c7;
    padding: 0px 15px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 10px;
}
#header{
    text-align: center;
}
#header .menu a{
    display: inline-block;
    padding: 2px 10px;
    background: #2b7284;
    color: #FFF;
    font-size: 13px;
    border-radius: 5px;
    font-weight: bold;
}
.wrapper img{
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}
.wrapper{
    padding: 40px 0px;
}

#footer p:first-child{
    font-weight: bold;
}
#footer{
    background: #ddd;
    text-align: center;
    padding: 40px 10px;
}


.list-post{
    overflow: hidden;
}
.list-post .item{
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
    width: calc(50% - 12px);
    border: solid 1px #d5d5d5;
    padding: 10px;
    background: #efefef;
    margin-right: 20px;
}
.list-post .item:nth-child(even){
    margin-right: 0px;
}

.list-post .item .thumbnail img{
    float:left;
    max-width: 100%;
}
.list-post .item .thumbnail{
    float:left;
    width: 20%;
}
.list-post .item .post-sum{
    margin-left: calc(20% + 15px)
}

.list-post .item .post-sum .title{
    line-height: 20px;
}
.list-post .item .post-sum a{
    line-height: 20px;
}
@media only screen and (max-width:768px){
    .list-post .item{
        float:none !important;
        width: 100% !important;
        margin-right: 0px !important;
    }
}