#user-profile .profile-img-container img {
  border: 0.3rem solid #fff;
  height: 85px;
  width: 85px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  object-fit: cover;
}

#user-profile a:hover{
  text-decoration: unset;
}
.bookmark-history a.c_000:hover {
  color: black;
}
#user-profile #profile-info .card-header i {
  position: relative;
  top: -3px; }

#user-profile #profile-info .user-like i {
  font-size: 1.7rem; }

#user-profile #profile-info .suggested-block .user-page-info p {
  margin-bottom: 0;
  font-weight: 500; }

#user-profile #profile-info .suggested-block i {
  cursor: pointer; }

#user-profile .relative {
  position: relative; }

#user-profile .profile-header-nav {
  background-color: #fff;
  padding: 0.75rem 1rem; }
#user-profile .profile-header-nav .navbar {
  justify-content: flex-end; }
#user-profile .profile-header-nav .navbar .navbar-toggler {
  font-size: 1.7rem;
  color: #626262; }
#user-profile .profile-header-nav .navbar .navbar-toggler:focus {
  outline: none; }

#user-profile .user-latest-img {
  transition: all .2s ease-in-out; }
#user-profile .user-latest-img:hover {
  transform: translateY(-4px) scale(1.2);
  z-index: 30; }

#user-profile .block-element .spinner-border {
  border-width: 2px; }

@media only screen and (min-width: 992px) {
  #user-profile .profile-header-nav .navbar .nav-item {
    padding-left: 2.25rem !important;
    } }

@media only screen and (max-width: 992px) {
  #user-profile .user-latest-img img {
    width: 100%; } }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  #user-profile .profile-header-nav .navbar .nav-item {
    padding-left: 1.5rem !important;
     } }


.m-story-cover .g_thumb {
  width: 110px;
  height: 146px;
}
.m-story-item:not(:first-child) {
  margin-top: 30px;
}
.cover-container {
  height: 250px;
  background-position: center;
  background-size: cover;
}
.active-content-item ._txt {
  max-height: 4.5em;
  -webkit-line-clamp: 3;
}
.border-solid {
  border-style: solid;
}

.border-blue-light {
  border-color: #6cb2eb;
}
.border-width{
  border-width: 1px;
}

.m-stories ._more {
  visibility: visible;
  padding: 10px 0;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  text-align: center;
  opacity: 1;
  color: #4c5fe2;
  border-radius: 3px;
  margin-top: 30px;
}
.btn-icon{
  padding: .715rem .736rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.list-card .card {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  border: none;
}
.list-card .card .card-header {
  padding: 1.5rem 1.5rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  background: none;
  border: none;
}
.list-content {
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  background: white;
  padding: 1.25rem;
}

.bill-icon{
  background-color: #fff;
  border-radius: 9999px;
  margin-right: 1.5rem;
  padding: .6rem;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(36, 37, 38, 0.08) 4px 4px 15px 0;
}
.bill-mess{
  align-items: center;
}
.bill-icon.send-gift {
  color: #3b66f5;
}
.bill-icon.mission {
  color: #E91E63;
}
.bill-icon.receive-gift {
  color: #673AB7;
}
.bill-icon.unlock-chap {
  color: #FF5722;
}
.bill-icon.voucher {
  color: #009688;
}
.bill-icon.purchased-premium {
  color: #007aff;
}
.bill-icon.coin-log {
  color: #4CAF50;
}

.no-results > img {
  margin-top: 40px;
  height: 200px;
}


/*set up */
:root{
  --shadow-1: rgba(36, 37, 38, 0.08) 4px 4px 15px 0px;
}
.show-two-line{
  max-height: 3em;
  -webkit-line-clamp: 2;
  line-break: anywhere;
}
.g_thumb_profile{
  width: 110px;
  height: 146px;
}
.bookmark-history ._tab {
  z-index: 2;
}

.m-story-info .show-two-line {
  line-break: auto;
  margin-right: 5px;
}


/* linary */
.list-bookmark-item {
  box-shadow: var(--shadow-1);
  border-radius: 4px;
}
.bookmark-action, .g_sub_hd_opr_bm.lib-oprate {
  align-items: center;
  position: relative;
  top: -45px;
  width: max-content;
  margin-left: auto;
  z-index: 3;
}
.bookmark-action >* {
  margin-left: 20px;
}
.bookmark-item-info .chapter-process {
  margin-top: auto;
}
.j_lib_books:not(.lib-edit) .list-bookmark-item:hover ._read {
  opacity: 1;
  transform: translateY(-10px);
}
.list-bookmark-item ._read {
  transition: opacity .2s,transform .4s,border-color .2s;
  opacity: 0;
  transform: translateY(15px);
  transition-timing-function: ease-in-out;
  bottom: 0;
  color: #22292f;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-color: hsla(0,0%,100%,.25);
  background-color: #f6f6f6;
  border-radius: 9999px;
  width: calc(100% - 1rem);
  justify-content: center;
  display: flex;
  align-items: center;
}
.j_lib_books:not(.lib-edit) .list-bookmark-item:hover .chapter-process {
  opacity: 0;
}
.bookmark-action .j_sort_drop {
  width: 180px;
}
.lib-edit .list-bookmark-item .bookmark-item-cover .g_thumb:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.list-bookmark-item ._chk span.trans {
  font-size: 24px;
  line-height: 36px;
  width: 36px;
  height: 36px;
  margin-top: -20px;
  margin-left: -20px;
  transition: 0.2s;
  transform: scale(0.6) translateX(90px);
  border: 2px solid #fff;
  left: 0;
  color: white;
  justify-content: center;
  display: flex;
  align-items: center;
}
.lib-books .list-bookmark-item ._chk input:checked + span {
  border-color: #3b66f5;
  background-color: #3b66f5;
}
.lib-edit .list-bookmark-item ._chk {
  z-index: 2;
}
.list-bookmark-item ._chk input[type="checkbox"]:checked + span {
  border-color: #3b66f5;
  background-color: #3b66f5;
}
._chk input {
  opacity: 0;
}
.history-item-info .story-descriptiom{
  max-height: 3em;
  -webkit-line-clamp: 2;
}
ul.list-history .history-item:not(:last-child) {
  margin-bottom: 30px;
}
.history-item ._progress {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  position: absolute;
  top: 0;
  background: #f53165 linear-gradient(-225deg, #fb5f9e 0%, #f53165 100%);
  -webkit-box-shadow: var(--shadow-1);
  box-shadow: var(--shadow-1);
  border-radius: 4px;
}
.history-item{
  box-shadow: var(--shadow-1);
  border-radius: 4px;
  overflow: hidden;
}
.history-item .delete-icon{
  top: 10px;
  right: 10px;
}
.history-item-info ._history-action {
  margin-top: 15px;
  transition: all .3s;
  top: 45px;
  right: 10px;
}
._history-action > a {
  line-height: 16px;
  min-width: 9em;
}
._history-action > a._secondary {
  height: 32px;
  padding: 6px 15px;
  background: #d0deff;
  border-radius: 99999px;
}
p._tab {
  border-bottom: 1px solid #f1f1f1;
}
p._tab a.nav-link._on {
  color: #ef4153;
  opacity: 1;
  background-color: transparent;
  border-bottom: 2px solid #ef4153;
}

/* Package */
.m-process-item .delete-purchase {
  right: 10px;
  top: 10px;
  color: #ec1451;
  width: 30px;
  height: 30px;
}
.check-wrap {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  overflow: hidden;
  /*transform: scale(0);*/
  top: 10px;
  right: 10px;
}

.isSelected .package-item {
  border: 2px solid #328af1;
}

button.submit-package {
  background-color: #328af1;
  transition: background .3s,border-color .2s;
  padding: .6rem 2rem;
  border: 1px solid #328af1;
  border-radius: 18px;
}
.package-coupon input#coupon {
  border-bottom: 1px solid #d7d7d7;
  height: 42px;
}
.fs28{
  font-size: 28px;
}
.package-item {
  width: 152px;
  height: 168px;
  border: 2px solid rgba(36,37,38,.08);
  cursor: pointer;
  border-radius: 1rem;
  box-sizing: border-box;
}
.package-item:hover {
  border: 2px solid #328af1;
}
.ce-warning {
  color: #eb1551;
  background: rgba(235, 21, 81, .12);
  padding: 8px;
  border-radius: 12px;
}
.warning-tool__warning {
  width: 30px;
}
.m-process-item{
  width: 220px;
  background-image: linear-gradient(45deg,#6da0fb 0%,#3b66f5 100%);
  background-repeat: no-repeat;
  color: #fff;
  line-height: 4rem;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 1rem;
  box-shadow: var(--shadow-1);
}
.m-process-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,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) right bottom no-repeat;
  background-size: 40% auto;
  border-radius: 1rem;
}
.m-process-item span.st-bt-lbl {
  font-size: 50px;
  font-weight: 700;
  opacity: 0.3;
  position: absolute;
  bottom: -15px;
  right: -5px;
}
.progress-ring {
  position: relative;
  transition: all 0.3s ease-in-out;
  filter: drop-shadow(0px 5px 2px rgba(43,43,43,0.2));
  width: 80px;
  height: 80px;
}
.progress-ring h5 {
  position: absolute;
  margin-bottom: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.progress-ring-item{
  width: 80px;
  height: 80px;
  transform: rotate(-90deg);
}
button:focus{
  outline: none;
}

.selectPackage-enter-active, .selectPackage-leave-active {
  transition: all .3s;
}
.selectPackage-enter, .selectPackage-leave-to{
  transform: scale(0);
  position: absolute;
}

.router-link-warp ul.navbar-nav li.nav-item {
  font-size: 16px;
}
.navbar-expand-sm .navbar-nav .nav-link {
  color: #595a65;
}
.navbar-expand-sm .navbar-nav .active .nav-link {
  color: #007bff;
  border-bottom: 2px solid;
}

.profile-avatar span.upload-icon {
  top: 3px;
  left: 50%;
  transform: translate(-50%);
  font-size: 30px;
  width: 87px;
  height: 87px;
  background: #1f212963;
  color: #ffffffcc;
  z-index: 2;
}
.profile-action {
  z-index: 2;
}
.cover-container span.upload-icon {
  z-index: 1;
  font-size: 30px;
  width: 100%;
  height: 100%;
  background: #1f212963;
  color: #ffffffcc;
}
/* response */
@media screen and (max-width: 400px) {
  .history-item-info ._history-action {
    display: none;
  }
  .g_mod_ft .bt {
    padding: 10px;
    height: 40px;
    min-width: 100px;
  }
}
@media screen and (max-width: 450px){
  .history-item .delete-icon {
    bottom: 10px;
    top: unset !important;
  }
}
@media screen and (max-width: 567px) {
  .list-bookmark > div .list-bookmark-item {
    margin: 0 !important;
  }
  .package-status .m-process-item{
    width: auto;
  }
  .profile-avatar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .profile-img-container .profile-action {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  .profile-info-mobile .g_lv {
    position: absolute;
    top: 0;
    transform: translateX(65px);
  }
  .profile-cover {
    filter: brightness(.95) blur(5px);
  }
  .cover-container span.upload-icon {
    width: 80px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #ffffffcc;
    box-sizing: border-box;
    left: 10px;
    top: 10px;
  }
}
@media screen and (min-width: 568px){
  .history-item-info ._history-action {
    opacity: 0;
    position: absolute;
    transform: translateX(-20px);
  }
  .history-item-info:hover ._history-action {
    transform: translateX(0);
    opacity: 1;
  }
  #user-profile .profile-img-container {
    position: absolute;
    bottom: -3rem;
    left: 10%;
    width: 80%;
  }
  .profile-avatar{
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 768px){
  section#profile-info {
    display: grid;
    grid-template-columns: 260px 1fr;
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .list-bookmark > div:nth-child(2n+1) .list-bookmark-item {
    margin-right: 10px;
  }
  .list-bookmark > div:nth-child(2n+2) .list-bookmark-item {
    margin-left: 10px;
  }
}
@media screen and (min-width: 992px) {
  .list-bookmark > div:nth-child(2n+1) .list-bookmark-item {
    margin-right: 10px;
  }
  .list-bookmark > div:nth-child(2n+2) .list-bookmark-item {
    margin-left: 10px;
  }
}
@media screen and (max-width: 991px){
  .package-item {
    width: 100%;
    height: 95px;
    justify-content: space-around !important;
  }
}