/**** /content/css/diary.css ****/
@CHARSET "UTF-8";
.one-diary-cat .live-list { padding-top: 30px; }
.one-diary-cat .cat-img { float: left; width: 50px; height: 50px; display: block; }
.one-diary-cat .cat-img img { max-width: 50px; }
.one-diary-cat .st-bl.std.big .hdr.imgwith { padding: 10px; }
.one-diary-cat .hdr.imgwith .addinfo { margin-left: 60px; margin-top: 2px; }
.one-diary-cat .hdr.imgwith .addinfo .amount { color: #999; }
.one-diary-cat .hdr.imgwith h1 { margin-bottom: 6px; }
.one-diary-cat .st-bl.std.big .cnt.cat-desc { border-bottom: solid 1px #ddd; padding-top: 20px; padding-bottom: 20px; }
.live-list.diaries .auth { font-weight: bold; color: #555; margin-top: 4px; }
.live-list.diaries .std-list li .info { margin-left: 131px; }
.one-diary .diary-desc { background: #eaf4fd; padding: 20px !important; margin: 0 10px 10px; border-radius: 3px; }
.one-diary .d-text p { margin-bottom: 20px; }
.one-diary .short-desc { margin-top: 20px; border-top: dashed 1px #ddd; padding-top: 20px; }
.one-diary .diary-desc img { float: left; margin-right: 20px; display: block; max-height: 200px; border-radius: 50%; display: block; max-width: 115px; }
.one-diary .s-table td { font-weight: bold; }
.one-diary .item { margin-bottom: 30px; }
.one-diary .item h2 { margin-bottom: 12px; }
.one-diary .item h3 { margin: 30px 0 20px; font-size: 18px; }
.one-diary .item h4 { margin: 20px 0 20px; font-size: 16px; }
.one-diary .hero { background: #eaf4fd; display: inline-block; padding: 2px 10px; border-radius: 3px; }
.one-diary .heros-list li,
.one-diary .plan-list li { margin-bottom: 8px; }
.one-diary .plan-list span { background: #eaf4fd; display: inline-block; padding: 4px 10px; border-radius: 3px; margin-right: 8px; }
.one-diary .tale-cats { margin: 20px 0; }
.one-diary .tale-box .adv-hor.adv-din { border-top: solid 1px #ddd; border-bottom: none; display: none; }
.one-diary .tale-box .adv-hor.adv-din.active { display: block; }
.one-diary .tale-box .adv-hor.adv-din.active .ad-block { display: flex; align-items: center; justify-content: center; background: #eee; }
@media screen and (max-width: 510px) { .one-diary .diary-desc img { float: none; margin: 0 auto 10px auto; }
.one-diary .short-desc { display: none; }
.diary-desc .s-table th { width: 110px; padding-left: 0; }
}