article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:30px 0}@media only screen and (max-width:469px){article{display:inline-block;padding:20px 0}}@media only screen and (min-width:469px) and (max-width:699px){article{display:inline-block;padding:20px 0}}.image__container{overflow:hidden;width:25%;text-align:center}@media only screen and (max-width:469px){.image__container{width:100%}}.image__container img{-webkit-transition:all ease 400ms;transition:all ease 400ms}@media only screen and (max-width:469px){.image__container img{width:100%;height:auto}}@media only screen and (min-width:469px) and (max-width:699px){.image__container img{width:100%;height:auto}}.image__container:hover img{-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}.detail__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 30px 10px 30px;min-width:65%}@media only screen and (max-width:469px){.detail__container{padding:10px 0}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container{padding:10px 0}}.detail__container .detail-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#767676;font-size:12px}.detail__container .detail-header .header-author{display:-webkit-box;display:-ms-flexbox;display:flex}.detail__container .detail-header .header-author span{padding-left:15px}.detail__container .detail-header .header-author span i{padding-left:5px;font-size:15px;vertical-align:middle}.detail__container .detail-header .header-likes{direction:ltr}@media only screen and (max-width:469px){.detail__container .detail-header .header-likes{text-align:left}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-header .header-likes{text-align:left}}@media only screen and (max-width:768px) and (min-width:500px){.detail__container .detail-header .header-likes{display:none}}.detail__container .detail-header .header-likes span{padding-right:24px}@media only screen and (max-width:469px){.detail__container .detail-header .header-likes span{padding-right:10px}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-header .header-likes span{padding-right:10px}}.detail__container .detail-header .header-likes span i{padding-right:10px;font-size:16px;vertical-align:middle}@media only screen and (max-width:469px){.detail__container .detail-header .header-likes span i{padding-right:8px}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-header .header-likes span i{padding-right:8px}}@media only screen and (max-width:768px) and (min-width:500px){.detail__container .detail-body{height:120px;overflow:hidden}}.detail__container .detail-body h2{margin:20px 0 10px;font-size:15pt;font-weight:bold;line-height:1.5;text-align:justify}.detail__container .detail-body h2 span{color:#dcb82a;vertical-align:middle;font-size:20px;padding-left:5px}.detail__container .detail-body h2 a{color:#333}.detail__container .detail-body p{overflow:hidden;line-height:1.9;margin:0;color:#666;text-align:justify}@media only screen and (max-width:469px){.detail__container .detail-body p{margin-bottom:10px}}@media only screen and (min-width:469px) and (max-width:699px){.detail__container .detail-body p{margin-bottom:10px}}.detail__container .detail-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#767676;font-size:12px}.detail__container .detail-footer a{display:inline-block;padding:10px 12px;color:#fff;background-color:#dcb82a;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.detail__container .detail-footer a:hover,.detail__container .detail-footer a:focus{text-decoration:none;-webkit-filter:brightness(85%);filter:brightness(85%)}.detail__container .detail-footer .author{-ms-flex-item-align:center;align-self:center}.detail__container .detail-footer .author i{padding-left:5px;font-size:15px;vertical-align:middle}.post-special--False{display:none}.post-special--True{display:inline-block;background-color:#ffdbd0;border:1px solid #ffc491;color:#f37100;padding:0 10px;text-align:center;border-radius:4px;margin-right:5px;font-size:14px;line-height:18px;font-weight:400;vertical-align:middle}