.article__container{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:30px 0}@media only screen and (max-width:469px){.article__container{display:block}}@media only screen and (min-width:469px) and (max-width:699px){.article__container{display:block}}.article__container article{width:calc(33.3333% - 30px);border:1px solid #e5e5e5;padding:20px 0;margin:0 0 30px 30px;box-shadow:0 0 9px 7px rgba(64,60,67,.16);border-radius:12px}@media only screen and (max-width:469px){.article__container article{display:block;width:100%;padding:10px;margin:30px 0;border:0}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article{display:block;width:100%;padding:10px;margin:30px 0;border:0}}@media only screen and (max-width:900px) and (min-width:700px){.article__container article{width:calc(50% - 30px)}}.article__container article .article__header .article__image{position:relative;padding:15px}.article__container article .article__header .article__image img{width:100%;border-radius:15px}@media only screen and (max-width:469px){.article__container article .article__header .article__image img{width:100%}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__header .article__image img{width:100%}}.article__container article .article__header .article__image .image-icon{position:absolute;top:25px;left:25px;color:#fff;font-size:20px;text-shadow:1px 1px 8px rgba(0,0,0,.35)}.article__container article .article__header .article__title{color:#767676;font-size:12px;padding:0 15px 15px 15px}@media only screen and (max-width:469px){.article__container article .article__header .article__title{padding:0 0 10px 0}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__header .article__title{padding:0 0 10px 0}}@media only screen and (max-width:1024px) and (min-width:700px){.article__container article .article__header .article__title{padding:0 5px 5px 5px}}.article__container article .article__header .article__title .title__footer{display:flex;justify-content:space-between}@media only screen and (max-width:469px){.article__container article .article__header .article__title .title__footer{margin-top:10px}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__header .article__title .title__footer{margin-top:10px}}@media only screen and (max-width:1024px) and (min-width:700px){.article__container article .article__header .article__title .title__footer{padding:20px 0}}.article__container article .article__header .article__title .title__footer span i{padding-left:5px;font-size:16px;vertical-align:middle}.article__container article .article__header .article__title .title__footer .footer__likes{font-size:11px;direction:ltr}.article__container article .article__header .article__title .title__footer .footer__likes span{padding-right:15px}@media only screen and (max-width:469px){.article__container article .article__header .article__title .title__footer .footer__likes span{padding-right:0}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__header .article__title .title__footer .footer__likes span{padding-right:0}}@media only screen and (max-width:1024px) and (min-width:700px){.article__container article .article__header .article__title .title__footer .footer__likes span{padding-right:5px}}.article__container article .article__header .article__title .title__footer .footer__likes span i{padding-right:8px;font-size:16px;vertical-align:middle}@media only screen and (max-width:469px){.article__container article .article__header .article__title .title__footer .footer__likes span i{padding-right:8px}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__header .article__title .title__footer .footer__likes span i{padding-right:8px}}.article__container article .article__header .article__title .hana__title{font-size:16px;font-weight:bold;line-height:1.7;text-align:justify;margin-top:5px;margin-bottom:10px;height:auto;overflow:hidden;min-height:50px}.article__container article .article__header .article__title .hana__title span{color:#fe0000;vertical-align:middle;font-size:20px;padding-left:5px}.article__container article .article__header .article__title .hana__title a{color:#333}.article__container article .article__body{padding:20px 15px 0 15px}@media only screen and (max-width:469px){.article__container article .article__body{padding:0}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__body{padding:0}}.article__container article .article__body p{line-height:1.9;color:#666;text-align:justify}@media only screen and (max-width:469px){.article__container article .article__body p{margin:10px 0;padding:0}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__body p{margin:10px 0;padding:0}}.article__container article .article__footer{display:flex;justify-content:space-between;color:#767676;padding:10px 15px}@media only screen and (max-width:469px){.article__container article .article__footer{justify-content:space-between;padding:0}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__footer{justify-content:space-between;padding:0}}.article__container article .article__footer a{display:inline-block;padding:10px 15px;color:#fff;background-color:#fe0000;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px}.article__container article .article__footer a:hover,.article__container article .article__footer a:focus{text-decoration:none;filter:brightness(85%)}.article__container article .article__footer .footer__author{font-size:12px;margin-left:15px;align-self:center}.article__container article .article__footer .footer__author a{background:none!important;color:#333!important}@media only screen and (max-width:469px){.article__container article .article__footer .footer__author{margin-right:10px}}@media only screen and (min-width:469px) and (max-width:699px){.article__container article .article__footer .footer__author{margin-right:10px}}.article__container article .article__footer .footer__author i{padding-left:7px;font-size:16px;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}