.avatar{position:relative;overflow:hidden;width:50px;height:50px;border-radius:50px}.color-rate[data-rate]{background-color:#ff9800}.color-rate[data-rate^="5"],.color-rate[data-rate^="6"]{background-color:#bccb28}.color-rate[data-rate^="7"],.color-rate[data-rate^="8"]{background-color:#8bc34a}.color-rate[data-rate^="9"],.color-rate[data-rate^="10"]{background-color:#4caf50}.comment-list{float:left;width:100%}.comment-list li{border-bottom:1px solid #eee}.comment-list+.btn{display:table;margin:20px auto}@-webkit-keyframes readmore{0%{top:0;opacity:1}100%{top:20px;opacity:0}}@-moz-keyframes readmore{0%{top:0;opacity:1}100%{top:20px;opacity:0}}@-o-keyframes readmore{0%{top:0;opacity:1}100%{top:20px;opacity:0}}@keyframes readmore{0%{top:0;opacity:1}100%{top:20px;opacity:0}}@-webkit-keyframes readless{0%{top:0;opacity:1}100%{top:-20px;opacity:0}}@-moz-keyframes readless{0%{top:0;opacity:1}100%{top:-20px;opacity:0}}@-o-keyframes readless{0%{top:0;opacity:1}100%{top:-20px;opacity:0}}@keyframes readless{0%{top:0;opacity:1}100%{top:-20px;opacity:0}}.commentbox{position:relative;margin-bottom:20px}.commentbox__header{padding-left:70px}.commentbox__header .avatar{z-index:10;top:0;left:0;position:absolute}.commentbox__header .reader{font-weight:bold;display:block;color:#8e1a01}.commentbox__header .date{font-size:12px;line-height:24px;position:static;display:block;margin-top:5px;color:#b7905d}.commentbox__header .book-title{font-size:14px;font-weight:bold}.commentbox__header .book-title::before{font-weight:normal;content:"en ";color:#aaa}.commentbox__header .book-rate{font-size:24px;font-weight:bold;line-height:50px;z-index:1;width:50px;height:50px;text-align:center;color:#fff;border-radius:50px;top:40px;left:0px;position:absolute}.commentbox__content{font-size:14px;padding:10px 0;color:#888}.commentbox__content .read-more{width:100%;max-width:calc(100% - 70px);padding:20px 0 0;cursor:pointer;text-align:center;background:#fff;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);right:0;bottom:0;position:absolute}.commentbox__content .read-more::before{font-size:24px;line-height:32px;position:relative;display:inline-block;width:32px;height:32px;color:#ccc}.commentbox__content .read-more:hover::before{color:#bd2301;-webkit-animation-name:readless;-moz-animation-name:readless;-o-animation-name:readless;animation-name:readless;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal}.commentbox__content .read-more.is-hidden::before{transform:rotate(180deg)}.commentbox__content .read-more.is-hidden:hover::before{-webkit-animation-name:readmore;-moz-animation-name:readmore;-o-animation-name:readmore;animation-name:readmore;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;animation-direction:normal}.commentbox__content .read-more.is-hidden+.text{overflow:hidden;max-height:100px}.commentbox__content .text{max-height:999999px;padding-left:70px;transition:max-height ease .5s 0s}.commentbox__content .text p{padding-bottom:20px}.commentbox__content .text p:last-child{padding-bottom:40px}.commentbox__options{display:none}.commentbox .notify{min-height:50px;top:0;right:0;position:absolute}@media screen and (min-width: 20em)and (max-width: 63.99em){.commentbox__content .read-more:hover:before{animation-duration:0s}.commentbox__content .read-more.is-hidden:hover:before{animation-duration:0s}}@media screen and (min-width: 20em)and (max-width: 37.49em){.commentbox{padding:0}.commentbox__img{top:0;left:0;position:absolute}.commentbox__header{min-height:50px}.commentbox__header .reader a{display:inline-block;margin-bottom:10px}.commentbox__header .date{font-size:12px;position:static;display:block;margin-top:5px}.commentbox__header .book-rate{z-index:10;transform:scale(0.5);top:-20px;left:20px;position:absolute}.commentbox__content .read-more{max-width:100%}.commentbox__content .text{padding:0}.commentbox .notify{right:0;left:60px}}.datalist{margin-bottom:20px}.datalist::before,.datalist::after{display:table;content:""}.datalist::after{clear:both}.datalist .group{font-size:14px}.datalist .group+ul{margin-top:10px;margin-left:10px;padding-left:20px;box-shadow:2px 0 0 #c9ac86 inset}.datalist .highlight{position:relative;display:table;min-height:160px;margin-bottom:10px}.datalist .highlight img{float:left;margin-right:10px;margin-bottom:10px}.datalist .highlight a+a{font-size:12px;display:block;color:#b7905d}.datalist .highlight a+a:hover{color:#bd2301}.datalist .highlight a+a:before{display:none}.datalist .highlight a:before{display:block;width:70px;height:120px;content:"";top:0;left:0;position:absolute}.datalist .highlight--notext{min-height:inherit}.datalist ul li{position:relative;padding:5px 0;border-top:1px solid #f4f4f4;min-height:39px}.datalist ul li:first-child{border:none}.datalist ul li p{margin:0}.datalist ul li p small{margin:0 5px;color:#aaa}.datalist ul li p small+a{font-size:12px;color:#b7905d}.datalist ul li p small+a:hover{color:#bd2301}.datalist ul li p .lifetime a{display:inline}.datalist ul li a+a{font-size:12px;display:block;color:#b7905d}.datalist ul li a+a:hover{color:#bd2301}.datalist ul li a+.country{font-size:12px;display:block;color:#aaa}.datalist ul+.btn{display:block;margin:20px auto}.datalist .captions{display:table;width:100%;margin-top:20px;padding:10px 0;text-align:right;color:#aaa;border-top:1px solid #eee;border-radius:3px}.datalist .captions span{font-size:12px;margin-left:10px}.datalist .captions span::before{font-size:16px;margin-right:5px;color:#888}.datalist--writers ul li p{font-size:12px}.datalist--writers ul li p .country{margin-right:5px}.datalist--writers ul li .pseudonym{font-size:12px;margin-left:5px}.datalist--writers ul li .pseudonym::before{content:"("}.datalist--writers ul li .pseudonym::after{content:")"}.datalist--books ul li p{font-size:14px}.datalist--books ul li p:first-child{padding-right:120px}.datalist--books ul li .info{font-size:16px;padding:0;color:#ddd;top:5px;right:0;position:absolute}.datalist--books ul li .info span{margin-left:5px}.datalist--books ul li .info span.date,.datalist--books ul li .info span.is-active{color:#888}.datalist--books ul li .info span.date{font-size:14px}.datalist--characters ul li p{font-size:14px}.datalist--characters ul li p:first-child{padding-right:90px}.datalist--characters ul li .info{padding:0;top:5px;right:0;position:absolute}.datalist--characters ul li .info span{display:inline-block;width:40px}.datalist--characters ul li .info span:before{margin:0 5px}.datalist--img ul li{float:left;width:50%;min-height:145px;margin:auto;padding:0 10px 0 0;text-align:center;text-align:left;border:none}.datalist--img ul li .cover{display:block;float:left;width:75px;margin-right:10px;margin-bottom:10px;max-height:130px}.datalist--img ul li .cover img{max-width:75px;height:auto;border-radius:3px}.datalist--img ul li .cover+a:before{width:75px;height:120px;content:"";top:0;left:0;position:absolute}.datalist--img ul li .info{font-size:14px;position:static;margin-top:5px;color:#ddd}.datalist--img ul li .info span.date,.datalist--img ul li .info span.is-active{color:#888}.datalist--img ul li .country,.datalist--img ul li .pseudonym{display:block}.datalist--img ul li .score{font-size:14px}.datalist--img ul li .score .rate{font-size:12px;font-weight:bold;line-height:24px;display:inline-block;width:24px;height:24px;text-align:center;opacity:1;color:#fff;border-radius:100%}.datalist--scores ul li .book-rate{font-size:11px;font-weight:bold;line-height:20px;display:inline-block;width:20px;height:20px;margin-right:10px;text-align:center;opacity:.9;color:#fff;border-radius:100%}.datalist--scores ul li:hover .book-rate{opacity:1}@media screen and (min-width: 20em)and (max-width: 63.99em){.datalist--writers ul li p{display:block}}@media screen and (min-width: 20em)and (max-width: 37.49em){.datalist .highlight{min-height:inherit}}@media screen and (min-width: 37.5em)and (max-width: 47.99em){.datalist .highlight{min-height:200px}}@media screen and (min-width: 20em)and (max-width: 47.99em){.datalist .highlight .image+a{display:block;margin-bottom:10px}.datalist ul li{padding:10px 0}.datalist ul li p small+a{display:inline}.datalist ul li a:first-child+a,.datalist ul li a:first-child+span{margin:10px 0}.datalist ul li .info{display:none}.datalist .captions{text-align:center}.datalist .captions span{margin:0 5px}.datalist--books ul li p:first-child{padding:0 70px 0 0}.datalist--books ul li p:first-child .book-rate+a,.datalist--books ul li p:first-child a:first-child{display:block;margin-bottom:10px}.datalist--books ul li .info{top:10px;display:block}.datalist--books ul li .info .date{display:none}.datalist--characters ul li p:first-child a:first-child{display:block}.datalist--characters ul li .info{top:10px;display:block}.datalist--img ul li{width:100%;min-height:inherit;margin-bottom:20px;padding:0}.datalist--img ul li .cover+a{display:block}.datalist--img ul li .info{display:block}.datalist--scores ul li{padding-left:40px}.datalist--scores ul li .book-rate{font-size:16px;line-height:30px;width:30px;height:30px;top:10px;left:0;position:absolute}}.grid{font-size:0}.grid__item{font-size:14px;display:inline-block;vertical-align:top}.grid--2col .grid__item{width:50%;margin-bottom:10px;padding-right:10px}.grid--3col .grid__item{width:32%;margin-bottom:10px}.grid--3col .grid__item:nth-child(3n-1){margin:0 2%}.grid--4col .grid__item{width:25%;margin-bottom:10px}.grid--5col .grid__item{width:19%;margin-bottom:10px}.grid--5col .grid__item:nth-child(2),.grid--5col .grid__item:nth-child(3),.grid--5col .grid__item:nth-child(4){margin:0 .5%}.grid--centered{text-align:center}.grid--centered img{float:none;margin:0 auto}aside .grid.grid--2col .grid__item,aside .grid.grid--3col .grid__item,aside .grid.grid--4col .grid__item,aside .grid.grid--5col .grid__item{width:100%}@media screen and (min-width: 20em)and (max-width: 37.49em){.grid--2col .grid__item,.grid--3col .grid__item,.grid--4col .grid__item,.grid--5col .grid__item{width:50%;margin-bottom:10px;padding-right:10px}.grid--2col .grid__item:nth-child(3n-1),.grid--3col .grid__item:nth-child(3n-1),.grid--4col .grid__item:nth-child(3n-1),.grid--5col .grid__item:nth-child(3n-1){margin:0}}.modal{position:fixed;z-index:-1;top:50%;left:50%;visibility:hidden;overflow:auto;width:50%;min-width:320px;max-width:600px;height:auto;transition:transform ease .3s 0s,opacity ease .3s 0s;transform:translateX(-50%) translateY(-50%) scale(0.75);opacity:0;background-color:#8e1a01}.modal__close{line-height:50px;display:block;width:50px;height:50px;cursor:pointer;text-align:center;opacity:.75;color:#f6f4ec;border:none;top:0;right:0;position:absolute}.modal__close::before{font-size:24px;line-height:50px !important}.modal__close:hover{text-decoration:none;opacity:1;color:#f6f4ec}.modal__title{font-weight:normal;line-height:50px;height:50px;padding:0 50px;text-align:center;color:#fff;background-color:#bd2301}.modal__content{height:100%;padding:20px;color:#888;background-color:#fff}.modal__content .title{margin-bottom:20px;text-align:center}.modal.is-active{z-index:1001;visibility:visible;transform:translateX(-50%) translateY(-50%) scale(1);opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}@media screen and (min-width: 20em)and (max-width: 37.49em){.modal{width:100%}.modal form{padding:0}}@media screen and (min-width: 37.5em)and (max-width: 47.99em){.modal form{padding:0}}.pagination{font-size:14px;position:relative;display:table;float:left;width:100%;margin-bottom:20px;text-align:center;color:#888}.pagination .prev,.pagination .next,.pagination .pages{display:table-cell}.pagination .prev,.pagination .next{padding:10px}.pagination span.prev,.pagination span.next{cursor:not-allowed;background:#eee}.pagination .pages{font-size:0}.pagination .pages a,.pagination .pages span{font-size:14px;line-height:40px;display:inline-block;min-width:20px;height:40px;margin:0 2px;padding:0;color:#bd2301;letter-spacing:-1px}.pagination .pages a:hover{color:#bd2301}.pagination .pages .selected{opacity:1;color:#795548;border-bottom:2px solid #795548;border-radius:0;font-weight:bold}.pagination .pages .ellipsis{width:auto;min-width:inherit}@media screen and (min-width: 20em)and (max-width: 37.49em){.pagination .pages{width:100%;padding:0 0 60px}.pagination .pages a,.pagination .pages span{width:30px}.pagination .pages .no-work{display:none}.pagination .pages .no-work.first{position:relative;display:inline-block;margin-right:30px}.pagination .pages .no-work.first:before{font-size:11px;display:inline-block;width:30px;height:30px;content:"...";right:-30px;position:absolute}.pagination .pages .no-work.last{position:relative;display:inline-block;margin-left:30px}.pagination .pages .no-work.last:before{font-size:11px;display:inline-block;width:30px;height:30px;content:"...";left:-30px;position:absolute}.pagination .prev{bottom:0;left:0;position:absolute}.pagination .next{right:0;bottom:0;position:absolute}}@media screen and (min-width: 37.5em)and (max-width: 47.99em){.pagination .pages{width:100%}.pagination .pages a,.pagination .pages span{width:30px;margin:0}.pagination .pages .no-work{display:none}.pagination .pages .no-work.first{position:relative;display:inline-block;margin-right:30px}.pagination .pages .no-work.first:before{font-size:11px;display:inline-block;width:30px;height:30px;content:"...";right:-30px;position:absolute}.pagination .pages .no-work.last{position:relative;display:inline-block;margin-left:30px}.pagination .pages .no-work.last:before{font-size:11px;display:inline-block;width:30px;height:30px;content:"...";left:-30px;position:absolute}}.slidermenu{z-index:1001;width:320px;padding:50px 20px 20px 20px;transition:left ease .3s 0s,opacity ease .3s 0s;opacity:0;color:#eee;background-color:#8e1a01;top:0;bottom:0;left:-100%;position:fixed}.slidermenu a{color:#f6f4ec}.slidermenu ul{margin:0;padding:0}.slidermenu ul li{list-style:none}.slidermenu ul li a{display:block;width:100%;padding:10px 0;text-align:left}.slidermenu ul li span{font-size:14px;position:relative;top:-5px;padding:0;color:#b7905d}.slidermenu .logo{top:0;left:0;position:absolute}.slidermenu .user{top:0;right:100px;position:absolute}.slidermenu .user.is-active::before{display:none}.slidermenu .user.is-active img{width:32px;height:32px;margin-top:9px;opacity:.9;border-radius:50px}.slidermenu .search{top:0;right:50px;position:absolute}.slidermenu .close{top:0;right:0;position:absolute}.slidermenu .register{display:block;margin:20px auto}.slidermenu__content{overflow:auto;height:100%}.slidermenu.is-active{opacity:1;top:0;bottom:0;left:0;position:fixed}.web-footer{position:relative;color:#fff;background-color:#8e1a01}.web-footer::before,.web-footer::after{display:table;content:""}.web-footer::after{clear:both}.web-footer a{color:#fff}.web-footer a:hover{color:#fff}.web-footer .list{font-size:14px;float:left;width:33.3333%;padding:10px}.web-footer .list p{font-size:16px;line-height:40px;position:relative;padding:0 0 0 40px}.web-footer .list p::before{line-height:40px;width:40px;height:40px;text-align:center;top:0;left:0;position:absolute}.web-footer .list ul{margin-left:40px;padding:0;list-style:none}.web-footer .list ul li{margin-bottom:10px;list-style:none}.web-footer .list ul li a{display:block;padding:0;opacity:.5}.web-footer .list ul li a:hover{opacity:1}.web-footer .list.social li a:before{font-size:16px;margin-right:7px}.web-footer .ending{position:relative;float:left;width:100%;height:60px;padding:0;background-color:rgba(0,0,0,.1)}.web-footer .ending::before,.web-footer .ending::after{display:table;content:""}.web-footer .ending::after{clear:both}.web-footer .ending .firmlogo{display:inline-block;width:150px;height:50px;vertical-align:middle;top:5px;left:10px;position:absolute}.web-footer .ending .copyright{font-size:12px;line-height:20px;padding:20px;text-align:right;color:#f6f4ec}.web-footer .top{z-index:1;top:0;right:0;position:absolute}@media screen and (min-width: 20em)and (max-width: 37.49em){.web-footer .list{width:100%;margin-bottom:0}.web-footer .list ul li{display:block}.web-footer .list+.list{padding-top:0}.web-footer .ending{height:auto;padding:10px 0;text-align:center}.web-footer .ending .social{position:static;width:100%;text-align:center}.web-footer .ending .firmlogo{position:static;width:100%}.web-footer .ending .copyright{line-height:inherit;padding:0 30px;text-align:center}}@media screen and (min-width: 37.5em)and (max-width: 47.99em){.web-footer .list{padding:10px 0;margin:0}}