.story-detail {
  background: #fff;
}
.story-detail .det-hd {
  border-bottom: 1px solid #dcdce2;
  background-color: #f5f6fc;
}
.story-detail .nav-tabs {
  border: none;
  display: flex;
  align-items: center;
}
.story-detail .nav-tabs .nav-link {
  transition: color 0.2s;
  vertical-align: baseline;
  color: #b7b7b7;
}
.story-detail .nav-tabs .nav-link:hover,
.story-detail .nav-tabs .nav-link:focus {
  border-color: #fff;
}
.story-detail .nav-tabs .nav-link.active {
  border-color: #fff;
  color: #000;
  border-bottom: 2px solid #4c5fe2;
}
.story-detail .det-hd .det-info {
  display: flex;
}
.story-detail .det-hd .det-info .avatar {
  width: 308px;
  height: 412px;
}
.story-detail .det-hd .det-info .avatar .g_thumb {
  width: 100%;
  height: 100%;
}
.story-detail .det-hd .det-info .avatar .g_thumb img {
  width: 100%;
  height: 100%;
}
.story-detail .det-hd .det-info .info_right {
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 70%;
}
.story-detail .det-info address,
.story-detail .det-info address a {
  color: #1f2129;
}
.story-detail .det-info address p {
  max-width: 100%;
}
.det-info address._need_more ._more {
  display: inline-block;
}
.story-detail .det-info address ._more {
  /*display: none;*/
  color: #4c5fe2;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.story-detail .det-hd .det-info .info_right .story_title {
  max-height: inherit;
  font-size: 27px;          /* mặc định 36px */
  line-height: 40px;
  margin-bottom: 4px;
  color: #000;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail .story_category {
  display: inline-block;
  margin-right: 24px;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
}
.story-detail
.det-hd
.det-info
.info_right
.det-hd-detail
.story_category
span {
  font-size: 14px;
  margin-left: 0px;
  vertical-align: middle;
  color: #000;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail .story_category svg {
  font-size: 24px;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail .status_chapter {
  margin-right: 24px;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail .count_chapter {
  margin-right: 24px;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail .count_view {
  margin-right: 24px;
}
.story-detail .det-hd .det-info .info_right .det-hd-detail .count_view span{
  margin-left: 2px;
}
#i-chapter {
  font-size: 24px;
}
#i-eye {
  font-size: 24px;
}
#i-pen {
  font-size: 24px;
}
.det-info .g_thumb strong {
  font-size: 16px;
  padding: 8px 1em;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0 0 0 8px;
  /*background-color: #4c5fe2;*/
  background-color: var(--badge-color);
}
.story-detail .det-hd .det-info .info_right .box-action .btn_read:hover {
  color: #fff;
}
.story-detail .det-hd .det-info .info_right .report_story_box {
  padding: 15px 0px;
  min-height: 50px;
}
.story-detail .det-hd .det-info .info_right .report_story_box svg {
  font-size: 14px;
  margin-right: 8px;
  cursor: pointer;
  color: #83848f;
}
.story-detail .det-hd .det-info .info_right .report_story_box .report_story {
  cursor: pointer;
  color: #83848f;
  font-size: 14px;
}
.story-detail .det-tab-nav {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  position: relative;
  margin-bottom: 48px;
}
.story-detail .det-tab-nav._slide a {
  border-bottom-color: transparent;
}
.story-detail .det-tab-nav a {
  display: inline-block;
  padding: 2px 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.story-detail .det-tab-nav a span {
  transition: color 0.2s;
  vertical-align: baseline;
  color: #b7b7b7;
}
.det-tab-nav ._hr {
  display: inline-block;
  width: 0;
  height: 0.8em;
  margin: 0 0.8em;
  vertical-align: middle;
  border-left: 2px solid #b7b7b7;
}
.det-tab-nav a._on {
  border-bottom-color: #4c5fe2;
}
.det-tab-nav a._on span {
  color: #000;
}
.story-detail .fans-bar-wrap .fan_title_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.story-detail .fans-bar-wrap .fan_title_box .title {
  font-size: 24px;
  line-height: 32px;
}
.story-detail .fans-bar-wrap .fan_title_box .see_all {
  font-size: 16px;
}
.story-detail .fans-bar-wrap .fans-list {
  border: 1px solid #d7d8e0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.story-detail .fans-bar-wrap .fans-list .item-fan:first-child {
  border-left: none;
}
.story-detail .fans-bar-wrap .fans-list .item-fan {
  border-left: 1px solid #d7d8e0;
  width: 33.3333%;
  padding: 15px 24px;
}
.story-detail .j_you_also_like_title {
  margin-bottom: 20px;
}
.story-detail .j_you_also_like_title .title {
  font-size: 24px;
  line-height: 32px;
}
.story-detail .j_books_you_also_like {
  display: flex;
  justify-content: space-between;
}
.story-detail .j_books_you_also_like li {
  width: 14%;
  margin-left: 10px;
  margin-right: 10px;
  /* border: 1px solid#ccc; */
}
.story-detail .j_books_you_also_like li .m-book .g_thumb {
  width: 100%;
}
.fans-list ._avatar1 {
  position: relative;
  color: #ff8d29;
}
.fans-list ._avatar2 {
  color: #c0c2cc;
}
.fans-list ._avatar3 {
  color: #be8478;
}
.fans-list ._avatar {
  width: 56px;
  height: 56px;
  padding: 2px;
  /* color: #83848f; */
  border: 2px solid;
  border-radius: 100%;
}

.fans-list ._avatar1:before,
.fans-list ._badge {
  background: url('/images/icon/sprites2x.png') 50% 50% no-repeat;
  background-size: 106px 64px;
}
.fans-list ._avatar1:before {
  background-position: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-left: -32px;
  content: '';
  transform: scale(1.08);
}
.fans-list ._badge3 {
  background-position: -65px -36px;
}
.fans-list ._badge {
  width: 20px;
  height: 28px;
}
.fans-list ._badge1 {
  background-position: -65px 0;
}
.fans-list ._badge2 {
  background-position: -86px 0;
}
.fans-list ._avatar img {
  width: 100%;
  height: 100%;
}
.fans-bar-wrap {
  margin-bottom: 24px;
}
.det-info ._score {
  line-height: 24px;
}
.det-info ._score .g_star {
  font-size: 20px;
  margin-right: 8px;
  vertical-align: top;
}
.m-tags .m-tag {
  margin-right: 8px;
}
.m-tag {
  display: inline-block;
  vertical-align: middle;
}
.m-tag {
  font-size: 0;
  line-height: 24px;
  /*display: inline-flex;*/
  height: 24px;
  padding: 0 8px;
  white-space: nowrap;
  color: #eb1551;
  border-radius: 12px;
  background-color: rgba(235, 21, 81, 0.12);
}
.m-tag a {
  display: inline-block;
  vertical-align: middle;
  color: #eb1551;
  font-size: 12px;
}
.m-tag .m-tag-op {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: unset;
}
.m-tag .m-tag-op input {
  position: absolute;
  clip: rect(0 0 0 0);
}
.m-tag strong {
  font-size: 12px;
  vertical-align: middle;
}
.m-tag strong svg {
  margin-right: -4px;
  margin-left: 4px;
}
.m-tag svg {
  width: 20px;
  height: 20px;
}
.m-tag strong svg._fill {
  display: none;
}
.rev-tit .g_star_num {
  padding-top: 5px;
}
.rev-tit .g_star {
  font-size: 16px;
  display: inline;
  float: left;
  margin-top: 3px;
}
.rev-tit .g_star_num small {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin-left: 8px;
}
.rev-score {
  border-top: 1px solid rgb(215, 216, 224);
  border-bottom: 1px solid rgb(215, 216, 224);
}
.rev-score .j_review {
  cursor: pointer;
}
.rev-score ._hd {
  border-right: 1px solid rgb(215, 216, 224);
}

.rev-score-list li {
  position: relative;
}
.rev-score-list strong {
  display: block;
  margin-right: 8em;
}
.rev-score-list .g_star {
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -8px;
}
.rev-score-list {
  line-height: 32px;
  padding: 24px 32px 24px 0px;
}
.rev-score .g_row {
  display: flex;
  width: 100%;
  margin: 0px;
}
.rev-score .g_row .g_col_5 {
  margin: 0px;
  width: 40%;
}
.rev-score .g_row .g_col_7 {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.j_sort_wrap .ui-select {
  font-size: 16px;
  position: relative;
  display: inline-block;
  height: 48px;
  vertical-align: middle;
  animation: 0.2s ease 0s 1 normal none running fadeIn;
}
.j_sort_wrap .ui-select-button {
  line-height: 20px;
  display: block;
  /*height: 20px;*/
  cursor: pointer;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  padding: 13px 27px 13px 15px;
  transition: border-color 0.15s ease 0s, background-color 0.15s ease 0s;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(229, 229, 229);
  border-image: initial;
  border-radius: 24px;
}
.j_sort_wrap .ui-select-button:hover {
  text-decoration: none;
}
.ui-select-text {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-select-icon {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOTY5QUIzIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDFsNiA2IDYtNiIvPjwvc3ZnPg==);
  background-position: center;
}
.ui-select-datalist {
  position: absolute;
  top: 47px;
  right: 0px;
  left: 0px;
  display: none;
  max-height: 304px;
  background-color: rgb(255, 255, 255);
  overflow: auto;
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(229, 229, 229);
  border-image: initial;
  border-radius: 0px 0px 4px 4px;
}
.ui-select-datalist-li:hover,
.ui-select-datalist > .selected {
  color: rgb(255, 255, 255);
  background-color: rgb(59, 102, 245);
}
.ui-select-datalist-li {
  line-height: 20px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  padding: 9px 12px;
  transition: all 0.15s ease 0s;
}
.j_replyInit .g_msg {
  position: relative;
  padding: 24px 0 24px 60px;
}
.g_msg_hd,
.g_msg_hd a {
  color: #000;
}
.g_msg {
  position: relative;
  padding: 24px 0 24px 60px;
}
.g_msg_hd {
  font-size: 0;
  line-height: 44px;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}
.g_msg_hd a {
  display: inline-block;
  margin-right: 8px;
}
.g_msg_hd img {
  position: absolute;
  top: 0;
  left: -60px;
  overflow: hidden;
  width: 44px;
  height: 44px;
  user-select: none;
  border-radius: 100%;
  background-color: #f7f7f7;
}
.g_msg_hd h3 {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
.g_msg_hd .g_label,
.g_msg_hd .g_lv,
.g_msg_hd .i_badge {
  margin-right: 8px;
}
.i_badge {
  position: relative;
  width: 20px;
  height: 20px;
  /* background: url(/en/images/badges/badgeDark2x.73e87.png) 50% 50% no-repeat; */
  background-size: contain;
}
.g_msg_info {
  font-size: 0;
  line-height: 20px;
  margin-bottom: 8px;
  color: #83848f;
}
.g_msg_info .g_star {
  font-size: 14px;
  margin-right: 16px;
  vertical-align: middle;
}
.g_msg_info strong span,
.g_msg_info strong svg {
  font-size: 14px;
}
.g_msg_info span {
  vertical-align: middle;
}
.g_msg .g_msg_bd {
  margin-bottom: 12px;
}
.g_msg_bd {
  font-size: 16px;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  max-height: 140.6px;
  word-wrap: break-word;
}
.g_msg_ft {
  font-size: 14px;
  line-height: 20px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.g_msg_more {
  font-size: 16px;
}

.g_msg_tool {
  font-size: 16px;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #83848f;
  margin-bottom: 0px;
}
.g_good {
  line-height: 20px;
  position: relative;
  width: auto;
}
.g_good input {
  position: absolute;
  clip: rect(0 0 0 0);
}
.g_good strong {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.g_good span {
  display: inline-block;
  vertical-align: -2px;
}
.g_good strong {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.g_msg_tool + .g_msg_tool {
  margin-left: 24px;
}
.g_good strong svg:first-child {
  visibility: hidden;
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}
.g_good strong svg {
  position: absolute;
  visibility: visible;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.g_msg_tool svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.g_reply textarea {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 6px 0;
  transition: border 0.3s;
  border: none 0;
  border-bottom: 1px solid #7f7f7f;
}
.g_reply textarea:focus {
  border-bottom: 2px solid #4c5fe2;
}
.g_reply ._txt {
  margin-top: 12px;
}
.g_reply ._ft {
  margin-top: 24px;
}
.g_msg_info strong svg {
  margin-right: 4px;
}
.g_pagi {
  height: 32px;
}

#table_of_content .det-con-intro {
  min-height: 21px;
  border-bottom: 1px solid #000;
}
#table_of_content .j_catalog_list .content-list {
  padding: 0px 0px;
  margin: 0px;
  width: 100%;
}
#table_of_content .j_catalog_list .content-list .item-chap {
  width: 50%;
  margin: 0px;
  padding: 0px 0px;
}
#table_of_content .j_catalog_list .content-list .item-chap .icon_lock.hide{
  display: none;
}
#table_of_content .j_catalog_list .content-list .item-chap .icon_lock.active{
  display: block;
}
#table_of_content .j_catalog_list .content-list .item-chap .oh {
  display: flex;
  align-items: center;
}
#table_of_content .j_catalog_list .content-list .item-chap .oh .thumb {
  width: 80px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
}
#table_of_content .j_catalog_list .content-list .item-chap .oh .chap_info {
  margin-left: 5px;
  width: calc(100% - 85px);
}
#table_of_content .j_catalog_list .content-list a {
  border-bottom: 1px solid #d7d8e0;
  margin: 0px 10px;
}
#table_of_content .j_catalog_list .content-list ._num {
  top: 16px;
  left: 16px;
  min-width: 36px;
}
#table_of_content .j_catalog_list .content-list a:hover {
  text-decoration: none;
}
#table_of_content .j_catalog_list .content-list a:hover strong {
  text-decoration: underline;
}
.content-list li:nth-child(4n),
.content-list li:nth-child(4n-1) {
  background-color: #fbfbfd;
}
.rank-chk input:checked + span {
  transform: scaleY(1) translateY(0);
}
.rank-chk span {
  font-size: 22px;
  line-height: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  transition: transform 0.2s;
  transform: scaleY(-1) translateY(-3px);
  text-align: center;
  pointer-events: none;
}
.rank-chk {
  top: -2px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g_msg .g_reply {
  /*display: none;*/
}
.g_msg + .g_msg {
  border-top: 1px solid #e5e5e5;
}
.g_msg .g_reply .j_cancel:focus,
.g_msg .g_reply .bt:focus {
  outline: none;
}
.g_mod_chat_content {
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  min-height: 300px;
}
.g_mod_chat_scroll_em {
  background-color: #f5f6fc;
}
.g_mod_chat_scroll {
  position: absolute;
  top: 0;
  bottom: 58px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.g_mod_chat_hd {
  padding: 0 32px;
  background-color: #fff;
}
.g_mod_chat_bd {
  padding: 24px 32px;
  border-top: 1px solid #e5e5e5;
}
.g_mod_chat_hd .g_msg {
  border-bottom: 0;
}
.g_mod_chat_hd .g_msg_bd {
  max-height: none;
}
.g_mod_chat_content .g_loading {
  margin-bottom: 0;
  padding-bottom: 30px;
}
.g_mod_chat_tit {
  font-size: 18px;
  line-height: 24px;
}
.g_chat_reply {
  max-height: 200px;
  transition: border-top 0.2s;
  border-top: 1px solid #dcdce2;
}
.g_mod_chat_ft {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.g_chat_reply ._scroller {
  position: relative;
  overflow: auto;
  max-height: 12em;
  -webkit-overflow-scrolling: touch;
}
.g_chat_reply textarea {
  font-size: 16px;
  line-height: 1.75;
  display: block;
  overflow: hidden;
  width: 100%;
  min-height: 58px;
  padding: 15px 100px 15px 32px;
  -webkit-transition: border 0.3s, box-shadow 0.3s;
  transition: border 0.3s, box-shadow 0.3s;
  border: none;
}
.g_chat_reply ._sub[disabled] {
  pointer-events: none;
  opacity: 0.6;
}
.g_chat_reply ._sub {
  font-size: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  height: 58px;
  padding: 18px 32px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #3b66f5;
  background-color: transparent;
}
.g_chat_reply ._sub:focus {
  outline: none;
}
.g_mod_chat {
  width: 600px;
  height: 90%;
  padding: 0;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
.g_mod_chat .g_mod_hd {
  padding-top: 32px;
}
.g_good.active strong {
  color: #3b66f5;
}
.g_good.active strong svg {
  visibility: hidden;
  -webkit-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}
.g_good.active strong svg:first-child {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#replyDetailModal ._close {
  position: absolute;
  top: 15px;
  right: 10px;
}
#reviewModal ._close {
  position: absolute;
  z-index: 10;
  top: 19px;
  right: 16px;
}
.rev-modal-score-list {
  line-height: 24px;
  clear: both;
  width: 360px;
}
.rev-modal-score-list li {
  height: 24px;
}
.rev-modal-score-list strong {
  float: left;
}
.rev-modal-score-list .g_star {
  font-size: 16px;
  float: right;
  margin-top: 4px;
}
.rev-modal-score-list .g_star_edit input[value='0'] {
  left: -23px;
}
.rev-modal-score-list .g_star_edit input {
  top: -4px;
  width: 22px;
  height: 24px;
}
.rev-modal-score-list .g_star_edit input[value='1'] {
  left: 0;
}
.rev-modal-score-list .g_star_edit i {
  margin: 0 4px;
}
.rev-modal-score-list .g_star_edit input[value='2'] {
  left: 24px;
}
.rev-modal-score-list .g_star_edit input[value='3'] {
  left: 47px;
}
.rev-modal-score-list .g_star_edit input[value='4'] {
  left: 71px;
}
.rev-modal-score-list .g_star_edit input[value='5'] {
  left: 95px;
}
.rev-modal-score-total {
  box-sizing: border-box;
  width: 146px;
  padding: 18px 10px;
  border: 1px solid #d7d8e0;
  border-radius: 5px;
}
.rev-modal-score-total strong {
  font-size: 32px;
}
#giftMod ._rev_success {
  visibility: hidden;
  margin-top: -70px;
  transform: translateY(5px);
  opacity: 0;
}
.rev-modal ._rev_success {
  visibility: hidden;
  margin-top: -70px;
  transform: translateY(5px);
  opacity: 0;
}
.rev-modal ._rev_success,
.rev-modal .g_mod_bd,
.rev-modal .g_mod_ft,
.rev-modal .g_mod_hd,
#giftMod ._rev_success {
  transition: 0.2s;
}
svg.i_success {
  border-color: #1abbb7;
  background-color: #1abbb7;
}
.rev-modal-score-list li + li {
  margin-top: 16px;
}
.rev-modal .g_mod_bd .clearfix {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rev-modal ._success ._rev_success {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
#giftMod ._success ._rev_success {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
#giftMod ._success .g_mod_bd,
#giftMod ._success .g_mod_ft,
#giftMod ._success .g_mod_hd {
  visibility: hidden;
  opacity: 0;
}
.rev-modal ._success .g_mod_bd,
.rev-modal ._success .g_mod_ft,
.rev-modal ._success .g_mod_hd {
  visibility: hidden;
  opacity: 0;
}
.active > .ui-select-datalist {
  display: block;
  border-radius: 0 0 24px 24px;
}
.ui-select-datalist-li:hover,
.ui-select-datalist > .selected {
  color: #fff;
  background-color: #3b66f5;
}
.ui-select.active {
  z-index: 3;
}
.active > a.ui-select-button {
  border-radius: 24px 24px 0 0;
}
.g_msg_spo._retract {
  overflow: hidden;
  height: 12px;
  cursor: pointer;
  transition: 0.2s;
}
.g_msg_spo {
  position: relative;
  margin-bottom: 10px;
  padding: 18px;
  border-radius: 3px;
  background-color: #f5f6fc;
}
.g_msg_spo._retract:before {
  line-height: 1em;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: -0.5em;
  content: 'Reveal Spoiler';
  text-align: center;
  color: #8d8d8d;
}
.g_msg_spo._retract .g_msg_bd {
  visibility: hidden;
}
.g_msg_spo .g_msg_bd {
  margin-bottom: 0;
}
.gift-bar {
  border: 1px solid #d7d8e0;
  border-radius: 2px;
}
.gift-base {
  min-width: 220px;
}
.gift-list-wrapper {
  width: 328px;
  height: 32px;
}
.gift-list-wrapper li {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  transform: translateY(32px);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gift-list-wrapper li._in {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.gift-bar-wrap-box {
  margin-bottom: 24px;
  display: block;
}
.gift-avatar {
  width: 30px;
  height: 30px;
  border: 1px solid #d7d8e0;
}
.gift-avatar.avatar-gift{
  width: 20px;
  height: 20px;
}
.gift-avatar img {
  width: 100%;
  height: 100%;
}
#giftMod .g_mod_bd {
  overflow: hidden;
  min-height: 232px;
}
.gift-list {
  margin-right: -32px;
  margin-bottom: -24px;
}
.gift-list li {
  width: 76px;
  height: 104px;
}
.gift-list ._wrap {
  transition: 0.2s;
  border: 2px solid transparent;
  border-radius: 2px;
}
.gift-list ._gift_icon {
  width: 40px;
  height: 40px;
  margin: 8px auto 16px;
}
.i_stone {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 1ex;
}
.i_stone:before {
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin-top: -14px;
  padding-top: 100%;
  content: '';
  vertical-align: middle;
  background-image: url('/images/icon/stones2x.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 48px 72px;
}
#giftMod ._close {
  position: absolute;
  z-index: 10;
  top: 19px;
  right: 16px;
}
.gift-list .active ._wrap,
.gift-list li:active ._wrap {
  border: 2px solid #ff8d29;
}
.gift-list li:hover ._wrap {
  background-color: rgba(245, 245, 250, 0.5);
}
.gift-list li label {
  width: 100%;
}
.j_btn_gift {
  cursor: pointer;
}
.j_btn_gift:hover {
  color: #fff;
}
#giftMod .btn_send_gift:focus {
  outline: none;
}
.g_bt_add_lib._loading:after,
.g_bt_add_lib._loading:before {
  background-color: #4c5fe2;
}
.g_bt_add_lib._inLib ._removeLib {
  display: block;
}
.g_bt_add_lib ._removeLib {
  display: none;
}
.g_bt_add_lib._inLib ._addLib {
  display: none;
}
.story-detail .fans-bar-wrap .fans-list.count_1 .item-fan {
  width: 100%;
}
.story-detail .fans-bar-wrap .fans-list.count_2 .item-fan {
  width: 50%;
}
#reportStory ._close {
  position: absolute;
  z-index: 10;
  top: 19px;
  right: 16px;
}
#reportStroySubmit:focus {
  outline: none;
}
#bookDetailModal ._close {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 10px;
}
.power-bar-wrap {
  margin-bottom: 24px;
}
.top_fans ._close {
  position: absolute;
  z-index: 10;
  top: 19px;
  right: 16px;
}
.top_fans .list-fans .billboard-item {
  border-radius: 2px;
}
.billboard-item._1 ._avatar {
  border-color: #ff8d29;
}

.billboard-item._1 ._num,
.billboard-item._2 ._num,
.billboard-item._3 ._num {
  width: 20px;
  text-indent: -200px;
  background-size: 106px 64px;
}
.billboard-item ._text._2row {
  padding-top: 4px;
  padding-bottom: 4px;
}
.billboard-item._1 ._avatar,
.billboard-item._1 ._avatar img,
.billboard-item._2 ._avatar,
.billboard-item._2 ._avatar img,
.billboard-item._3 ._avatar,
.billboard-item._3 ._avatar img {
  width: 52px;
  height: 52px;
}
.billboard-item._1 ._avatar,
.billboard-item._2 ._avatar,
.billboard-item._3 ._avatar {
  margin: -6px 12px -6px -6px;
}
.billboard-item ._avatar,
.billboard-item ._avatar img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.billboard-item ._avatar {
  position: relative;
  padding: 2px;
  border: 2px solid #83848f;
}

.billboard-item._1 ._avatar:before,
.billboard-item._1 ._num,
.billboard-item._2 ._num,
.billboard-item._3 ._num {
  background: url('/images/icon/sprites2x.png') 50% 50% no-repeat;
  background-size: 106px 64px;
}
.billboard-item._1 ._avatar:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-left: -32px;
  content: '';
  background-position: 0 0;
}
.billboard-item._1 ._num {
  background-position: -65px 0;
}
.billboard-item ._num {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  right: 8px;
  overflow: hidden;
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.billboard-item._2 ._num {
  background-position: -86px 0;
}
.billboard-item._3 ._num {
  background-position: -65px -36px;
}
.style_capitalize{
  text-transform: capitalize;
}
@media screen and (max-width: 549px) {
  .story-detail .det-hd .det-info {
    display: block;
  }
  .story-detail .det-hd .det-info .avatar {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .story-detail .det-hd .det-info .info_right {
    width: 100%;
    padding-left: 0px;
    /*padding: 10px;*/
  }
  .story-detail .det-hd .det-info .info_right .box-action ._bts .bt {
    width: 40%;
    height: auto;
    padding: 10px 10px;
    font-size: 13px;
  }
  .story-detail .det-hd .det-info .info_right .box-action ._bts .bt .btn_text {
    font-size: 14px;
  }
  .story-detail .det-hd .det-info .info_right .box-action ._bts .bt svg {
    display: none;
  }
  .story-detail .det-hd .det-info .info_right .report_story_box {
    padding: 10px 10px;
    min-height: 20px;
  }
  #review .rev-tit .g_h2 {
    padding-left: 10px;
  }
  .rev-score .g_row {
    display: block;
    padding: 5px 0px 15px 0px;
  }
  .rev-score .g_row .g_col_5 {
    width: 100%;
  }
  #review .j_sort_wrap .ui-select {
    padding-left: 10px;
  }
  #review .j_sort_wrap .ui-select ul.ui-select-datalist {
    left: 10px;
  }
  #review .j_replyInit {
    padding: 10px 10px;
  }
  #table_of_content .det-con-intro span {
    display: block;
    padding-left: 10px;
  }
  #table_of_content .det-con-intro .rank-chk {
    top: 28px;
    right: 10px;
  }
  #table_of_content .j_catalog_list .content-list ._num {
    min-width: 30px;
  }
  #table_of_content .j_catalog_list .content-list a {
    margin: 0px;
  }
  #table_of_content .j_catalog_list .content-list .item-chap {
    width: 100%;
  }
  .rev-score .g_row .g_col_7 {
    width: 100%;
    margin: 0px;
  }
  .rev-score-list {
    padding: 10px 15px;
  }
  .j_tagWrap .g_h2 {
    padding-left: 10px;
  }
  .j_tagWrap .m-tags {
    padding: 0px 10px;
  }
  .gift-bar-wrap-box .g_h2 {
    padding-left: 10px;
  }
  .gift-bar-wrap-box .gift-bar-wrap {
    padding: 0px;
  }
  .gift-bar-wrap-box .gift-bar-wrap .gift-bar {
    padding: 10px;
  }
  .gift-bar-wrap-box .gift-bar-wrap .gift-bar .gift-base {
    margin: 0 auto;
    float: none;
    display: block;
    text-align: center;
  }
  .gift-bar-wrap-box .gift-bar-wrap .gift-bar .box_btn_send {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .gift-list-wrapper {
    width: 100%;
  }
  .power-bar-wrap .g_h2 {
    padding-left: 10px;
  }
  .power-bar-wrap .like_box {
    padding: 0px;
  }
  .power-bar-wrap .like_box .gift-bar {
    padding: 10px;
  }
  .power-bar-wrap .like_box .gift-bar .gift-base {
    width: 100%;
    margin: 0px;
    text-align: center;
  }
  .power-bar-wrap .like_box .box_action {
    margin: 10px 0px;
    text-align: center;
    width: 100%;
  }
  .j_you_also_like_title .title {
    padding-left: 10px;
  }
  .story-detail .j_books_you_also_like {
    display: block;
    margin-bottom: 10px;
  }
  .story-detail .j_books_you_also_like li {
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .story-detail .j_books_you_also_like li .m-book {
    padding: 5px 5px;
  }
  .box-action ._bts {
    display: flex;
    justify-content: space-around;
  }
  .story-detail .det-hd .det-info .info_right .story_title {
    font-size: 20px;
    text-align: center;
    /*display: none;*/
  }
  .story-detail .det-hd .det-info .info_right .det-hd-detail {
    width: 100%;
    overflow: hidden;
    display: block;
  }
  .story-detail .det-hd .det-info .info_right .det-hd-detail .story_info {
    margin-right: 0px;
    padding: 5px 10px;
    max-width: 90%;
  }
  .story-detail .det-info address {
    text-align: center;
    padding: 0px 10px;
  }
  .det-info ._score {
    padding: 0px 10px;
    text-align: center;
    margin-bottom: 10px;
  }
  .story-detail .det-tab-nav {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .story-detail .nav-tabs {
    justify-content: center;
  }
  .tab-content > .active {
    padding: 0px;
  }
  #about .det-abt {
    margin-bottom: 10px;
  }
  #about .det-abt .g_h2 {
    font-size: 20px;
    padding-left: 10px;
  }
  .fans-bar-wrap .fan_title_box .title {
    padding-left: 10px;
  }
  .story-detail .fans-bar-wrap .fan_title_box .see_all, .g_txt_over ._readmore {
    padding-right: 10px;
  }
  .rev-modal .g_mod_hd {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .rev-modal-score-list {
    width: 100%;
  }
  .rev-modal .g_mod_bd .clearfix {
    display: block;
  }
  .rev-modal-score-total {
    width: 100%;
    margin-top: 10px;
  }
  .rev-modal-score-list li + li {
    margin-top: 10px;
  }
  .rev-modal .g_mod_bd {
    padding: 0px 10px;
  }
  .g_mod_wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: unset;
    max-width: unset;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    /* height: calc(var(--vh, 1vh) * 100); */
  }
  .g_mod_hd{
    /* display: none; */
  }
  .g_mod_wrap .g_mod_bd{
    clear: none;
    padding: 0px;
  }
  .top_fans .list-fans .billboard-item{
    /* display: none; */
  }
  .g_mod_wrap._on .g_mod {
    width: 100%;
    margin: 0px;
    height: 100%;
    /* height: calc(var(--vh, 1vh) * 100); */
  }
  .g_mod_wrap._on:not(.spam-report) .g_mod {
    max-width: initial;
    padding: 10px 0px;
  }
  .g_mod_bd + .g_mod_bd {
    margin-top: 15px;
  }
  #giftMod .g_mod_hd {
    margin-bottom: 10px;
  }
  #giftMod .g_mod_bd {
    padding: 0px 10px;
  }
  .gift-list li {
    width: 30%;
    margin-right: 0px;
  }
  .g_mod_ft {
    padding: 10px;
  }
  #bookDetailModal .g_mod._small {
    width: 100%;
  }
  #bookDetailModal .g_mod._small .g_mod_bd{
    padding: 10px;
  }
  #reportStory .g_mod._small {
    width: 100%;
    padding: 0px;
  }
  #reportStory .g_mod .g_mod_bd{
    padding: 0px 10px;
  }
  .story-detail .fans-bar-wrap .fans-list {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-top: 1px solid #d7d8e0;
    border-bottom: 1px solid #d7d8e0;
    border-left: none;
    border-right: none;
  }
  .fans-list ._badge {
    margin-left: 10px;
  }
  .story-detail .fans-bar-wrap .fans-list .item-fan,
  .story-detail .fans-bar-wrap .fans-list.count_2 .item-fan,
  .story-detail .fans-bar-wrap .fans-list.count_3 .item-fan {
    width: unset;
    padding: 10px 0px;
    border-left: none;
  }
  .top_fans._on .g_mod {
    width: 100%;
    padding: 0px;
    /* top: 0px;
    right: 0px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    max-width: 100%;
    margin: 0px; */
  }
  .story-detail .j_books_you_also_like li .m-book .g_thumb {
    width: 140px;
    margin: 0 auto;
    margin-bottom: 5px;
  }
  .story-detail .j_books_you_also_like li .m-book .g_h4 {
    text-align: center;
  }
  .story-detail .j_books_you_also_like li .m-book .g_star_num {
    text-align: center;
  }
  .story-detail .j_books_you_also_like li .m-book a {
    text-align: center;
  }
  #reviewModal .g_mod {
    padding: 0px;
    width: 100%;
  }
  #reviewModal .g_mod .g_mod_bd{
    padding: 0px 10px;
  }
  .g_mod_chat_ft {
    position: fixed;
    bottom: 20px;
    z-index: 9999;
  }
  #about .fans-bar-wrap {
    /* display: none; */
  }
  #review {
    /* display: none; */
  }
  .g_mod_chat_content {
    position: unset;
    top: unset;
    bottom: unset;
  }
  .g_mod_chat_scroll {
    position: unset;
    bottom: unset;
    top: unset;
    height: calc(100% - 150px);

  }
  #replyDetailModal .g_mod_chat {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    /*height: auto;*/
    height: 100%;
  }
  .g_mod_chat .g_mod_hd {
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .g_mod_chat_hd {
    padding: 0 10px;
  }
  .g_mod_chat_bd {
    padding: 10px;
  }
  .swiper-container-2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
  }
  .hom-book-swiper .swiper-button-prev,
  .hom-book-swiper .swiper-button-next {
    display: none;
  }
  .block_1_title .j_category_comic_all {
    display: none;
  }
  .swiper-container-2 ._num {
    display: none;
  }
  .hom-book-swiper .swiper-slide {
    margin-right: 0px;
  }
  .hom-book-swiper {
    margin-bottom: 25px;
    display: none;
  }
  #table_of_content .j_catalog_list .content-list .item-chap .oh .chap_info{
    width: calc(100% - 32px);
  }
}
@media screen and (max-width: 321px) {
  .story-detail .det-hd .det-info .info_right .box-action ._bts .bt .btn_text{
    font-size: 13px;
  }
  .g_mod_txtarea textarea{
    height: 100px;
  }
}

._spam .g_mod_ft > * {
  cursor: not-allowed;
  pointer-events: none;
}

/* CSS nút mua hàng Lazada và Tiki */
a.smn_button {
    padding: 10px 10px;
    min-width: 100px;
    text-align: center;
	font-size: 16px;
    line-height: 18px;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    background: #ffa226;
    position: relative;
    margin: 0 10px 10px 0;
    color: #FFF;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 1s ease 0s;
    -webkit-transition: background 1s ease 0s;
    -moz-transition: background 1s ease 0s;
    -o-transition: background 1s ease 0s;
}