@CHARSET "UTF-8";
.socials { margin: 20px 0 32px; text-align: center; }
.poem-wrap { text-align: center; }
.poem-wrap .wh-bl { padding: 30px 50px; }
.poem-wrap .wh-bl.poem-quiz { padding: 0px; box-shadow:none }
.poem-in-wrap { display: inline-block; max-width: 680px; width: 100%;}
.sticky-wrap .poem-in-wrap {float: left}
.sticky-wrap #toc-menu {float: right}
.poem-wrap .poem-text { text-align: left; display: inline-block; }
.poem-wrap .poem-text .ra { display: inline-block; float: right; }
.poem-wrap .poem-text .cen { display: inline-block; width: 100%; text-align: center; }
.poem-wrap .author-link { display: inline-block; margin: 24px 0 0 8px; }
.poem-wrap .author-link:before { content: ""; display: inline-block; vertical-align: middle; margin: -2px 5px 0 2px; width: 6px; height: 6px; border-bottom-width: 2px; border-bottom-style: solid; border-left-width: 2px; border-left-style: solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.one-poem .poem-text { white-space: pre-wrap; }
.one-poem .poem-wrap { padding-bottom: 40px; }
.one-poem .foreword {display: inline-block; white-space: pre-wrap; font-style: italic; margin-bottom: 20px; text-align: left; }
.one-poem .poem-cat { margin: 20px 0; color: #aaa; }
.one-poem .poem-cat a {display: inline-block; background-color: #F7F7F7; padding: 8px 10px; color: #000; text-decoration: none; border-radius: 4px; margin: 2px 4px;}
.one-poem .poem-cat a:hover {background-color: #3b5998; color: #fff;}
.one-poem .poem-year { text-align: right; margin-top: 10px; color: #999; }
.one-poem .inner-wrap { padding: 30px 50px 0; }
.one-poem .poem { padding: 0; position: relative}
.one-poem.custom .likes-added,
.one-poem.custom .add-like { border-top: dashed 1px #f1f1f1; }
.one-poem.clas .print { border-top: dashed 1px #f1f1f1; width: 50%; float: left; box-sizing: border-box; margin-top: 20px; }
.one-poem .poem-author,
.shelf .shelf-author { text-align: left; margin-bottom: 10px; display: inline-block; }
.one-poem .poem-author .photo,
.shelf .shelf-author .photo { float: left; padding: 5px; }
.one-poem .poem-author .author-full-name,
.shelf .shelf-author .author-full-name { line-height: 18px; padding-top: 12px; margin-left: 98px; }
.one-poem .poem-author-wrap { text-align: left; }
.one-poem .stars { width: 150px; margin-top: 12px; display: inline-block; height: 30px; position: relative; }
.one-poem .l-stars { width: 122px; }
.one-poem .stars,
.one-poem .stars .b-stars-pattern,
.one-poem .stars .b-stars-value,
.one-poem .stars .traps { height: 30px; }
.one-poem .l-stars,
.one-poem .l-stars .b-stars-pattern,
.one-poem .l-stars .b-stars-value,
.one-poem .l-stars .traps { height: 24px; }
.one-poem .poem-rating .traps { position: absolute; left: 0; top: 0; }
.one-poem .poem-rating .actions { display: none;}
.one-poem .poem-rating { margin-top: 10px;}
.one-poem .poem-rating .actions .s-btn-green { margin-right: 8px; }
.one-poem .poem-rating .traps span { display: inline-block; width: 30px; height: 31px; cursor: pointer; }
.one-poem .stars .b-stars-pattern { background: url('/content/images/background/rating-stars.png?_=16268804277322'); }
.one-poem .l-stars .b-stars-pattern { background: url('/content/images/background/l-rating-stars.png?_=16268804277322'); }
.one-poem .stars .b-stars-value { background: url('/content/images/background/rating-stars-dark.png?_=16268804277322'); position: absolute; left: 0; top: 0; }
.one-poem .l-stars .b-stars-value { background: url('/content/images/background/l-rating-stars-dark.png?_=16268804277322'); }
.one-poem .rank-card { width: 360px; background: #fff; padding: 0!important; margin: 0 auto; }
.one-poem .rank-card h2,
.one-poem .videos h2,
.one-poem .poem-reviews h2 { padding: 20px; border-bottom: solid 1px #f1f1f1; margin-bottom: 0; color: #000; }
.one-poem .rank-card .part { width: 170px; float: left; height: 160px; }
.one-poem .a-links { display: inline-block; text-align: left; }
.one-poem .rank-card .part.bars { padding: 15px 0; height: 130px; }
.one-poem .rank-card .part .bar-score { height: 26px; }
.one-poem .rank-card .bar-container { line-height: 14px; }
.one-poem .part .bar-label { background: url('/content/images/background/l-rating-stars-dark.png?_=16268804277322') no-repeat; padding-left: 24px; height: 24px; font-size: 12px; color: #999; line-height: 25px; }
.share-word { margin-bottom: 6px; display: inline-block; color: #aaa; }
.one-poem .part .bar-container,
.one-poem .part .bar-value,
.one-poem .part .bar-label,
.one-poem .part .bar { display: inline-block; float: left; }
.one-poem .part .bar-container { height: 20px; width: 120px; position: relative; margin: 3px 0 3px 6px; position: relative; }
.one-poem .part .bar { height: 20px; }
.one-poem .part .bar-value { position: absolute; top: 3px; left: 10px; }
.one-poem .part .val5 .bar { background: #9fc05a; }
.one-poem .part .val4 .bar { background: #add633; }
.one-poem .part .val3 .bar { background: #ffd834; }
.one-poem .part .val2 .bar { background: #ffb234; }
.one-poem .part .val1 .bar { background: #ff8b5a; }
.one-poem .rank-card .part .score { height: 85px; line-height: 85px; font-size: 82px; font-weight: 200; text-align: center; padding-top: 5px; }
.one-poem .poem-rating-card { margin-top: 40px; }
.one-poem .poem-rating-card .people-count { color: #999; margin: 6px 10px; background: url('/content/images/background/man.png?_=16268804277322') no-repeat; padding-left: 20px; text-align: left; }
.one-poem .comments,
.one-poem .poem-reviews { padding: 0; margin: 40px auto 0; }
.one-poem .reviews-content { padding: 20px; }
.one-poem .reviews-inner { margin-bottom: 20px; }
.one-poem .reviews-inner span { font-weight: bold; }
.one-poem .nocomment { text-align: center; color: #999; }
.one-poem .videos { padding: 0; margin: 40px auto 0; max-width: 600px; }
.one-poem .videos .one-video { padding: 10px; }
.one-poem .videos .one-video .video-content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.one-poem .videos .one-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.one-poem .videos .one-video .v-name { margin-top: 10px; }
.ol-num {min-width: 24px; flex-shrink: 0;}
.poems-list.mod {margin-top: -1px}
.poems-list.mod .ol-num {display: none;}
.poems-list.mod .time {margin: 0px 16px 0; padding: 0px 8px; background-color: whitesmoke; display: inline-block; border-radius: 0 0 4px 4px;}
.poems-list.mod .poem {padding: 0px 16px 10px; margin-bottom: -1px}
.poems-list.mod .poem .name {position: relative; padding-left: 24px}
.poems-list.mod .poem .name:before {content: ''; display: block; width: 16px; height: 16px; background-image: url(/content/images/stih.svg); background-size: cover; position: absolute; left: 0; top: 2px; }
.ol-num + .name {flex: 100% 1 1; padding-right: 16px;}
.poems-list .poem .author {display: flex; align-items: center; width: 160px; flex-shrink: 0;}
.poems-list .poem .mets {display: flex; width: 120px; flex-shrink: 0;}
.poems-list .poem .mets .score, .poems-list .poem .mets .comm, .poems-list .poem .mets .views { display: inline-block; margin-right: 15px; }
.poems-list .poem .mets .score > div, .poems-list .poem .mets .comm > div, .poems-list .poem .mets .views > div {text-align: center;}
.poems-list .poem .mets .comm { margin-right: 0; }
.poems-list .poem .name { color: #045398; font-size: 15px; }
.poems-list .poem .author img { border-radius: 50%; float: left; margin-right: 8px; width: 32px; }
.poems-list.online .author img { float: none; margin: 0; }
.poems-list .poem .author .imgw {display: flex; align-items: center; margin-right: 8px;}
.poems-list .poem {display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; box-sizing: border-box; text-decoration: none; color: #999;  width: 100%; border-bottom: 1px solid #f1f1f1}
.poems-list .poem:hover { background: #f7f7f7; border-bottom: 1px solid #e6e6e6}
.poems-bank.custom .pday,
.poems-bank.custom .pmonth { margin-right: 4px; }
.poems-bank.custom .pmonth { width: 100px; }
.poems-bank.custom .pday,
.poems-bank.custom .pyear { width: 70px; }
.poems-bank.custom .sort { margin-right: 0; }
.addreview-wrap { width: 900px !important; }
.addreview-wrap .s-inp { width: 100%; }
.addreview-wrap .review-text { height: 300px; resize: auto; }

.pm-author {display: flex; justify-content: center; align-items: center;text-decoration: none; margin: 12px 24px 24px; font-family: "Bitter",Arial,serif;}
.pm-author img {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;}
.pm-name { font-size: 15px; color: #888;}
.pm-author:hover .pm-name {color: #3b5998}
.edit-btn-absolute {position: absolute; right: 16px; top: 16px; background-color: #FF876E; line-height: 0; padding: 8px; border-radius: 50%;}
.edit-btn-absolute:hover {background-color: #3b5998;}
.edit-btn-absolute svg {fill: #fff}
.toc-menu {display: block; width: 280px;}
.toc-menu ol {background: #f7f7f7; padding: 4px; border-radius: 3px; margin-bottom: 20px;}
.toc-menu ol li a { display: flex; align-items: center;text-align: left; background-color: #fff; padding: 12px; margin-bottom: 4px; text-decoration: none; font-weight: 500;}
.toc-menu ol li a svg {flex-shrink: 0; margin-right: 8px; fill: #045398}
.toc-menu ol li a:hover svg {fill: #FF876E}
.toc-menu ol li:last-child a {margin-bottom: 0}
.tag-list {display: none;}
.tag-list.next-prev {display: flex; justify-content: center;}
.tag-list li {display: inline-block;}
.tag-list li a {display: block; text-decoration: none; padding: 10px 20px; margin: 4px; background-color: #f7f7f7; border-radius: 20px; color: #000}
.tag-list li a:hover {color: #fff; background-color: #3b5998;}
.icon-info {display: flex; align-items: center; color: #999; margin: 0 10px}
.icon-info svg {fill: #999; margin-right: 3px; height: 18px;}

.topAuthorWidget h3 {padding-bottom: 16px}
.topAuthorWidget a {display: flex;}
.topAuthorWidget img {display: block; width: 50px; height: 50px; border-radius: 50%; margin-right: 12px; flex-shrink: 0}
.topAuthorWidget-count {display: block; font-weight: normal; color: #999; font-size: 13px; margin-top: 6px}

.tag-list.next-prev li a {display: flex; align-items: center; line-height: 20px;}
.tag-list.next-prev li:nth-child(1) a {padding-left: 12px}
.tag-list.next-prev li:nth-child(3) a {padding-right: 12px}
.tag-list.next-prev li:nth-child(1) i, .tag-list.next-prev li:nth-child(3) i {display: inline-block; width: 16px; height: 16px; margin: 0 4px; position: relative;}
.tag-list.next-prev li:nth-child(1) i:before {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(45deg); position: absolute; top: 2px; left: 8px;}
.tag-list.next-prev li:nth-child(1) i:after {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(-45deg); position: absolute; top: 6px; left: 8px; }
.tag-list.next-prev li:nth-child(3) i:before {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(-45deg); position: absolute; top: 2px; left: 8px;}
.tag-list.next-prev li:nth-child(3) i:after {content: ''; display: block; width: 2px; height: 8px; border-radius: 1px; background-color: #000; transform: rotateZ(45deg); position: absolute; top: 6px; left: 8px; }
.tag-list.next-prev li a:hover i:before, .tag-list.next-prev li a:hover i:after {background-color: #fff;}
.tag-list.next-prev li:nth-child(2) span {margin-left: 6px}
.alert-msg {color: #FF876E; }
.poem-rating .alert-msg {margin-top: 16px}

@media screen and (max-width: 1000px) {
	.toc-menu {display:none}
	.sticky-wrap .poem-in-wrap {float: initial;}
	.tag-list {display: block;}

}

@media screen and (max-width: 768px) {
	.poem-in-wrap {max-width: 100%;}
}
@media screen and (max-width: 699px) {
	.poems-list.mod .time {margin: 0 auto; display: block; text-align: center;}
	.poems-list.mod .poem {padding: 10px 16px}
}

@media screen and (max-width: 640px) {
	.tag-list li {display: block;}
	.tag-list li a {padding: 16px}
	.tag-list.next-prev li span {display:none}
	.tag-list.next-prev li a, .tag-list.next-prev li:nth-child(1) a, .tag-list.next-prev li:nth-child(3) a {padding: 16px; line-height: 16px}
	.poem-wrap .wh-bl {padding: 24px;}
}

@media screen and (max-width: 530px) {
	.poems-bank.custom .f-item { width: 100%; }
	.poems-list .poem .author { text-align: center; }
	.poems-list .poem .author img { float: none; }
	.pm-name {text-align: left}
	.pm-author img {width: 36px; height: 36px}
}
@media screen and (max-width: 420px) {
	.poems-list .poem .a-name { display: none; }
	/*	.one-poem .likes-added,
        .one-poem .add-like { width: 100%; border-right: none; }*/
	.one-poem .print { display: none; }
}
@media screen and (max-width: 390px) {
	.one-poem .poem-rating-card .part.bars { display: none; }
	.one-poem .rank-card { width: 170px; }
	.one-poem .inner-wrap { padding: 10px; }
}