@font-face {
    font-family: "DroidSans";
    src: url("DroidSans-webfont.woff") format('woff'), url("DroidSans.ttf") format('ttf');
}

@font-face {
    font-family: "DroidSans";
    src: url("DroidSans-Bold-webfont.woff") format('woff'), url("DroidSans-Bold.ttf") format('ttf');
    font-weight: bold;
}

:root {
  --dark-mode-main-bg-color: #081B33;
  --dark-mode-main-color: #c4c4c4;
  --dark-mode-hover-color: #ca9602;
  --normal-mode-hover-color: #0860ad;
}

/* Mobile Tap Highlights */
a,
html {
    -webkit-tap-highlight-color: rgba(50, 50, 50, 0.8);
    -webkit-font-smoothing: antialiased;
}

/* =Reset
-------------------------------------------------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* =LINKS
----------------------------------------------- */

a {
    color: #000000;
    text-decoration: none;
}

a:focus, a:active, a:hover {
    text-decoration: none;
}



/* PAGE WRAPPER
----------------------------------------------- */
.main-frame{
    position: relative;
}
.inner-wrap {
    margin: 0 auto;
    /* max-width: 970px; */
    max-width: 1320px;
}


/* =CLEARFIX
----------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height:1%;
}
.clearfix {
    display: block;
}


/* Boostrap grid
---------------------------------------------------*/
.row.row-no-gap{
  margin-left: 0;
    margin-right: 0;
}

.row-no-gap .col, .row-no-gap .col-1, .row-no-gap .col-10, .row-no-gap .col-11, .row-no-gap .col-12, .row-no-gap .col-2, .row-no-gap .col-3, .row-no-gap .col-4, .row-no-gap .col-5, .row-no-gap .col-6, .row-no-gap .col-7, .row-no-gap .col-8, .row-no-gap .col-9, .row-no-gap .col-auto, .row-no-gap .col-lg, .row-no-gap .col-lg-1, .row-no-gap .col-lg-10, .row-no-gap .col-lg-11, .row-no-gap .col-lg-12, .row-no-gap .col-lg-2, .row-no-gap .col-lg-3, .row-no-gap .col-lg-4, .row-no-gap .col-lg-5, .row-no-gap .col-lg-6, .row-no-gap .col-lg-7, .row-no-gap .col-lg-8, .row-no-gap .col-lg-9, .row-no-gap .col-lg-auto, .row-no-gap .col-md, .row-no-gap .col-md-1, .row-no-gap .col-md-10, .row-no-gap .col-md-11, .row-no-gap .col-md-12, .row-no-gap .col-md-2, .row-no-gap .col-md-3, .row-no-gap .col-md-4, .row-no-gap .col-md-5, .row-no-gap .col-md-6, .row-no-gap .col-md-7, .row-no-gap .col-md-8, .row-no-gap .col-md-9, .row-no-gap .col-md-auto, .row-no-gap .col-sm, .row-no-gap .col-sm-1, .row-no-gap .col-sm-10, .row-no-gap .col-sm-11, .row-no-gap .col-sm-12, .row-no-gap .col-sm-2, .row-no-gap .col-sm-3, .row-no-gap .col-sm-4, .row-no-gap .col-sm-5, .row-no-gap .col-sm-6, .row-no-gap .col-sm-7, .row-no-gap .col-sm-8, .row-no-gap .col-sm-9, .row-no-gap .col-sm-auto, .row-no-gap .col-xl, .row-no-gap .col-xl-1, .row-no-gap .col-xl-10, .row-no-gap .col-xl-11, .row-no-gap .col-xl-12, .row-no-gap .col-xl-2, .row-no-gap .col-xl-3, .row-no-gap .col-xl-4, .row-no-gap .col-xl-5, .row-no-gap .col-xl-6, .row-no-gap .col-xl-7, .row-no-gap .col-xl-8, .row-no-gap .col-xl-9, .row-no-gap .col-xl-auto{
  padding-left: 0px;
  padding-right: 0px;
}


/* Responsive hidden
----------------------------------------------------*/
body.init .hide-default-md,
body.sm-mode .hide-default-sm,
body.init .hide-default-sm,
body.md-mode .hide-default-md{
  display: none;
}

@media (max-width:767px){
  .md-only{
    display:none;
  }
}

@media (min-width:768px){
  .sm-only{
    display:none;
  }
}

.hide-all{
  display:none !important;
}

.hide{
  display:none !important;
}

/** TOGGLE BUTTON*/
.switch {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 2rem;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 1rem;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 1.8rem;
  width: 1.8rem;
  left: 0.1rem;
  bottom: 0.1rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 50%;
}

.switch input:checked + .switch-slider {
  background: rgb(127,254,148);
  background: linear-gradient(90deg, rgba(127,254,148,1) 0%, rgba(0,184,30,1) 100%);
}

.switch input:focus + .switch-slider {
  box-shadow: 0 0 1px #33b312;
}

.switch input:checked + .switch-slider:before {
  -webkit-transform: translateX(1.9rem);
  -ms-transform: translateX(1.9rem);
  transform: translateX(1.9rem);
}



/**
*
*HEADER
*---------------------------------------**/
.main-frame-header{
  padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(145,145,145,1);
  -moz-box-shadow: 0px 2px 8px 0px rgba(145,145,145,1);
  box-shadow: 0px 2px 8px 0px rgba(145,145,145,1);
  margin-bottom: 8px;
}
body.dark-mode .main-frame-header{
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(48,51,60,1) 50%, rgba(0,0,0,1) 100%);
}

.site-icon {
  width: 100px;
  display: inline-block;
}
.site-icon img {
  max-width: 100%;
}
.main-nav {
  display: inline-block;
}
.main-nav-item {
  display: inline-block;
  padding: 8px;
}
.main-nav-item.current{
  border-bottom: solid 3px #b34bb3;
}

.main-nav-item a{
  font-weight: bold;
}

.header-options {
  display: flex;
}
.mode-switcher {
  display: flex;
  font-size: 20px;
}
.mode-switcher i{
  padding: 8px 6px;
  border-radius: 5px;
}

.mode-switcher .fa-moon {
  color: yellow;
  background-color: black;
}
.mode-switcher .fa-sun {
  color: orange;
  background-color: #ffffff;
  display:none;
}
body.dark-mode .mode-switcher .fa-moon{
  display: none;
}
body.dark-mode .mode-switcher .fa-sun{
  display: inline-block;
}
.mode-switcher:hover{
  cursor: pointer;
}
.traditional-simplified-switcher {
    display: flex;
    margin-left: 10px;
    padding: 0px;
    border: solid 1px;
    border-radius: 5px;
}
.traditional-simplified-item.current {
    background-color: purple;
    color: white;
}
.traditional-simplified-item.current:first-child{
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
}
.traditional-simplified-item.current:nth-child(2){
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
}
.traditional-simplified-item {
  display: inline-block;
  padding: 5px 5px;
}
.traditional-simplified-item:hover{
  cursor: pointer;
}
.site-search-wrapper-md {
  display: inline-block;
  margin-left: 10px;
  padding: 5px 10px;
  border: solid 1px;
  border-radius: 5px;
}
.site-search-wrapper-md input {
  background: none;
  border: none;
  width: 150px;
}

body.dark-mode .site-search-wrapper-md input {
  color: var(--dark-mode-main-color);
}
.site-search-wrapper-md input:focus {
  background: none;
  border: none;
  outline: none;
}

.site-search-wrapper-sm{
  display:none;
}

@media (max-width: 767px){
  .main-nav-item {
      display:none;
  }
  .site-search-wrapper-md{
    display:none;
  }
  .site-search-wrapper-sm{
    display: flex;
      margin-left: 10px;
      align-items: center;
      border: solid 1px;
      padding: 5px 7px;
      border-radius: 5px;
  }
}

@media (max-width: 400px){
  .site-icon {
      width: 23vw;
  }
}

a.main-site-hyperlink {
    display: flex;
    align-items: center;
    margin-right: 8px;
    width: 82px;
}

a.main-site-hyperlink img {
    max-width: 100%;
}

body.dark-mode a.main-site-hyperlink.bright{
  display:none;
}

body:not(.dark-mode) a.main-site-hyperlink.dark{
  display:none;
}


@media (max-width:767px){
  a.main-site-hyperlink {
    display:none;
  }
}


/**DESKTOP 
*
*----------------------------------------**/
#md-search{
  padding: 0.5rem 0;
  display: none;
  border-bottom: solid 1px #696969;
  margin-bottom: 1rem;
}
#md-search.show{
  display: block;
}

.md-search-title{
  font-size: 1.1rem;
  padding: 0 0.5rem !important;
  font-weight: bold;
}
.md-search-result-item img {
  width: 50%;
  height: auto;
}
.md-search-result-item > a > div {
  width: 50%;
  font-size: 0.9rem;
  padding: 0 0.3rem;
}
.md-search-result-item > a {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border: solid 1px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(179,179,179,1);
  -moz-box-shadow: 3px 3px 3px 0px rgba(179,179,179,1);
  box-shadow: 3px 3px 3px 0px rgba(179,179,179,1);
  margin: 0.5rem;
}
.tv-frame-col-left-md {
    padding: 8px 10px;
}
.rightCol .tv-frame-col-left-md {
  padding: 8px 0;
}
.main-tv-list-wrapper-md-col {
  background-color: rgb(243, 243, 243);
}
/* .main-tv-list-wrapper-md-col {
   background: rgb(255,251,233);
  background: radial-gradient(circle, rgba(255,251,233,1) 0%, rgba(254,246,207,1) 100%);
}
body.dark-mode .main-tv-list-wrapper-md-col {
  background: #2F4562;
} */

#tv-header {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 8px;
}

.col-12.col-md-8.tv-frame-col-left-md {
    padding: 8px 10px;
}

.live-video-page-item-wrapper {
    margin-bottom: 10px;
}

.live-video-page-item-info-wrapper{
  padding: 10px;
  width:100%;
}

#video-title, .video-title {
    font-weight: bold;
    font-size: 1.4rem;
}

.row-video-title {
    isplay: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.social-sharing-wrapper{
  text-align: right;
}

.social-sharing-wrapper > div {
    display: inline-block;
    margin-left: 6px;
}

.social-sharing-wrapper > div:hover{
  cursor: pointer;
}

#main-tv-desc-md {
    padding: 8px 10px;
}

#video-date,
.video-date {
    font-size: 1rem;
    padding: 5px 0px;
}


div#video-desc {
    font-size: 1rem;
    line-height: 1.3;
    -webkit-transition: .4s;
    transition: .4s;
}

#video-desc.collapse:not(.show) {
    max-height: 2.6rem !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#video-desc.collapsing:not(.show) {
    height: 2.6rem !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#main-tv-desc-md a.video-desc-toggle.collapsed:after  {
    content: '▼ 更多';
}

#main-tv-desc-md a.video-desc-toggle:not(.collapsed):after {
    content: '▲ 关闭';
}

#video-desc-toggle.hide,
.video-desc-toggle.hide{
  display:none;
}
.video-desc-toggle{
  margin-left: auto;
    position: relative;
    margin-right: auto;
    display: block;
    text-align: right;
    font-size: 0.8rem;
    color: #bb4438;
}

body.dark-mode .video-desc-toggle{
  color: #ffe349;
}

/* width */
.main-tv-list-wrapper-md-col ::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.main-tv-list-wrapper-md-col ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px grey; 
  border-radius: 10px;
}
 
/* Handle */
.main-tv-list-wrapper-md-col ::-webkit-scrollbar-thumb {
  background: #868686;
  /* background: radial-gradient(circle, rgba(255,193,98,1) 0%, rgba(255,129,38,1) 100%); */
  border-radius: 10px;
}

body.dark-mode .main-tv-list-wrapper-md-col ::-webkit-scrollbar-thumb {
  background: rgb(118,125,146);
  background: radial-gradient(circle, rgba(118,125,146,1) 0%, rgba(32,35,43,1) 100%);
}

/* Handle on hover */
.main-tv-list-wrapper-md-col ::-webkit-scrollbar-thumb:hover {
  background: #868686;
  /* background: radial-gradient(circle, rgba(255,149,0,0.8379726890756303) 0%, rgba(255,111,0,1) 100%); */
}

body.dark-mode .main-tv-list-wrapper-md-col ::-webkit-scrollbar-thumb:hover {
  background: rgb(105,111,130);
  background: radial-gradient(circle, rgba(105,111,130,1) 0%, rgba(0,0,0,1) 100%);
}

#tv-list-header {
    padding: 6px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.auto-play-toggle {
    display: flex;
    align-items: center;
}

.auto-play-toggle span:first-child {
    margin: 0px 8px;
}

.main-tv-list-item-img img {
    width: 100%;
    height: auto;
}

.main-tv-list-item {
    padding: 8px;
}
.main-tv-list-item:hover {
    background: rgb(255,249,221);
  background: linear-gradient(90deg, rgba(255,249,221,1) 0%, rgba(255,239,161,1) 100%);
    cursor: pointer;
}

body.dark-mode .main-tv-list-item:hover {
    background: rgb(118,125,146);
  background: linear-gradient(90deg, rgba(118,125,146,1) 0%, rgba(72,77,92,1) 100%);
}

.main-tv-list-item-img {
    position: relative;
}

.video_img_stamp {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    color: #ffffff;
    padding: 5px 6px;
    font-weight: bold;
}

#md-tv-stamp{
  font-size: 19px;
  padding: 8px 10px;
  z-index: 1;
}

.video_img_stamp.live{
  background-color: red;
}

.video_img_stamp.liveended{
  background-color: #4b0598;
}

.row.row-no-gap .main-tv-list-item-desc {
    padding-left: 10px;
}

.main-tv-list-item-desc .title{
  font-size: 1rem;
  font-weight: bold;
}

.main-tv-list-item-desc .date{
  font-size: 0.8rem;
}


.main-tv-list-wrapper-md-col{
  position:relative;
}

.live-video-page-item-wrapper .main-tv-list-wrapper-md-col{
  padding: 10px 0px;
}
.main-tv-list-wrapper-md {
    position: absolute;
    top: calc(2rem + 12px);
    left: 0;
    bottom: 0;
    right: 0; 
    overflow-y: scroll;
}

.live-video-page-item-info-wrapper{
  position: absolute;
  height: calc(100% - 20px);
  overflow-y: scroll;
  padding: 0 10px;
}

@media (max-width:767px){
  .main-tv-list-wrapper-md {
    position: relative;
  }
}

.main-category-video.hide-default-sm {
    /* padding:  0px 5px; */
    max-height: 720px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.cat-posts-list-wrapper {
    padding: 15px 5px;
    border-bottom: solid 1px #c0c0c0;
}
.cat-posts-list-title {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 5px;
}

/* .cat-posts-list-item {
    padding: 0px 5px 10px 5px;
} */

.cat-posts-list-item:hover{
  cursor: pointer;
}
/* .cat-posts-list-item:hover img {transform: scale(1.2);} */

.cat-posts-list-img {
    padding-top: 56.25%;
    position: relative;
    overflow: hidden;
}

.cat-posts-list-img img {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-in-out;
}

.cat-posts-list-item .title {
    font-size: 1rem;
    font-weight: bold;
    padding: 8px 3px 0px 3px;
}
.cat-posts-list-item:hover .title{
  color: black;
}
body.dark-mode .cat-posts-list-item:hover .title{
  color: black;
}

.cat-posts-list .owl-nav {
  height: 0;
  overflow: hidden;
}

body.category .owl-carousel.cat-posts-list .owl-nav{
   height: unset;
   overflow: visible;
   display: flex;
}

.cat-posts-list button.owl-next:focus,
.cat-posts-list button.owl-prev:focus{
  outline: none !important;
}

body.category .cat-posts-list button.owl-next.disabled > div ,
body.category .cat-posts-list button.owl-prev.disabled > div{
  display: none !important;
}

body:not(.category) .cat-posts-list button.owl-next.disabled ,
body:not(.category) .cat-posts-list button.owl-prev.disabled{
  display: none !important;
}


body:not(.category) .cat-posts-list button.owl-next,
body:not(.category) .cat-posts-list button.owl-prev{
  position: absolute;
  top: 50%;
    transform: translateY(-50%);
    height: 3rem;
    width: 2rem;
    background: #ffffff !important;
    opacity: 0.7;
    color: #000000 !important;
    font-size: 1.5rem !important;
}

body.category .cat-posts-list button.owl-next,
body.category .cat-posts-list button.owl-prev{
    width: 50%;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
}

body:not(.category) .cat-posts-list button.owl-next {
    right: 0px;
    border-top-left-radius: 70%;
    border-bottom-left-radius: 70%;
    
}

body:not(.category) .cat-posts-list button.owl-prev {
    left: 0px;
    border-top-right-radius: 70%;
    border-bottom-right-radius: 70%;
}

body.category .cat-posts-list button.owl-next {
    text-align: right;
}

body.category .cat-posts-list button.owl-prev {
     text-align: left;
}

body.category .cat-posts-list button.owl-next div,
body.category .cat-posts-list button.owl-prev div{
  font-size: 23px;
  padding: 6px 20px;
  border:solid 1px;
  display: inline-block;
  font-weight: bold;
}

body.category .cat-posts-list button.owl-next div,
body.category .cat-posts-list button.owl-prev div{
  background: rgb(254,235,181);
  background: linear-gradient(180deg, rgba(254,235,181,1) 0%, rgba(255,230,142,1) 35%, rgba(246,216,118,1) 100%);
}

body.category.dark-mode .cat-posts-list button.owl-next div,
body.category.dark-mode .cat-posts-list button.owl-prev div{
  background: rgb(2,0,36);
  background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(0,0,97,1) 35%, rgba(1,29,117,1) 100%);
}

body.category .cat-posts-list button.owl-next div{
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
}
   
body.category .cat-posts-list button.owl-prev div{
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
}

/** MOBILE VIEW **/
#sm-search-text-wrapper{
  display:none;
  position: relative;
}

#sm-search-text-wrapper.show{
  display:block;
}

#sm-search-text-wrapper i{
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  padding: 0.5rem 1rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
}
#sm-search-text {
  width: 100%;
  border: solid 1px;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  outline: none;
}

body.dark-mode #sm-search-text {
  background-color:#000;
  border-color:#fff;
  color: var(--dark-mode-main-color);
}
#sm-search-text-wrapper {
  padding: 0.8rem;
}

#sm-search{
  padding: 0.5rem 0;
  display: none;
  border-bottom: solid 1px #696969;
  margin-bottom: 1rem;
}
#sm-search.show{
  display: block;
}

.sm-search-title{
  font-size: 1.1rem;
  padding: 0 0.5rem !important;
  font-weight: bold;
}
.sm-search-result-item img {
  width: 50%;
  height: auto;
}
.sm-search-result-item > a > div {
  width: 50%;
  font-size: 0.9rem;
  padding: 0 0.3rem;
}
.sm-search-result-item > a {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border: solid 1px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(179,179,179,1);
  -moz-box-shadow: 3px 3px 3px 0px rgba(179,179,179,1);
  box-shadow: 3px 3px 3px 0px rgba(179,179,179,1);
  margin: 0.5rem;
}

.mobile-posts-wall-wrapper{
  position: relative;
}

.mobile-header-menu {padding: 10px 5px; border-bottom: solid 2px;}

.mobile-header-menu-item img {
    width: 100%;
    height: auto;
}

.mobile-header-menu-item span {
    font-size: 0.8rem;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
}

body.dark-mode .mobile-header-menu-item span{
  background-color: rgba(0,0,0,0.8);
}

body.dark-mode .mobile-header-menu-item .mobile-header-menu-item-img.white,
body.dark-mode .mobile-header-menu-item.current .mobile-header-menu-item-img.black,
body:not(.dark-mode) .mobile-header-menu-item .mobile-header-menu-item-img.black,
body:not(.dark-mode) .mobile-header-menu-item.current .mobile-header-menu-item-img.white{
  display: none !important;
}


body.dark-mode .mobile-header-menu-item.current .mobile-header-menu-item-img.white,
body:not(.dark-mode) .mobile-header-menu-item.current .mobile-header-menu-item-img.black{
  display: block !important;
}

.mobile-header-menu-item {
    position: relative;
    border: solid 1px;
    border-radius: 14px;
    overflow: hidden;
}


.carousel-mobile-header-menu button.owl-next:focus,
.carousel-mobile-header-menu button.owl-prev:focus{
  outline: none !important;
}

.carousel-mobile-header-menu button.owl-next.disabled,
.carousel-mobile-header-menu button.owl-prev.disabled{
  display: none !important;
}

.carousel-mobile-header-menu button.owl-next,
.carousel-mobile-header-menu button.owl-prev{
  position: absolute;
  top: 50%;
    transform: translateY(-50%);
    height: 3rem;
    width: 2rem;
    background: #f9dd8a !important;
    opacity: 0.7;
    color: #000000 !important;
    font-size: 1.5rem !important;
}

.carousel-mobile-header-menu button.owl-next {
    right: 0px;
    border-top-left-radius: 70%;
    border-bottom-left-radius: 70%;
    
}

.carousel-mobile-header-menu button.owl-prev {
    left: 0px;
    border-top-right-radius: 70%;
    border-bottom-right-radius: 70%;
}

.mobile-posts-wall.candidatepage {
  background-color: #fbe8c0;
  display: block;
}
.mobile-posts-wall.candidatepage .post-item {
  padding-bottom: 10px;
  border-bottom: 1px solid darkgrey;
}

.mobile-posts-wall.mainpage {
  background-color: #f3f3f3;
  display: block;
}
.mobile-posts-wall.mainpage .post-item{
	background-color: #f3f3f3;
  padding-bottom: 10px;  
	border-bottom: 1px solid darkgrey;
}

.mobile-posts-wall.hide{
  display:none;
}

.post-item {
  /* background-color: #ffffff; */
  background-color: #ffeabc;  
  margin: 15px 0px;
}
.post-item-date{
  font-size: 0.8rem;
}
.post-item-title {
  font-size: 1.1rem;
  font-weight: bold;
}
.post-item-info {
  padding: 8px 10px;
}
.post-item-desc {
  font-size: 0.9rem;
  margin-top: 7px;
}

.post-item-image{
  width: 100%;
}
.post-item-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.img-overlay-play-btn {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 17vw;
    color: #ececec;
}
.post-item-image {
    position: relative;
}

#post_emoji_mobile_wrapper {
  padding: 5px 10px;
  text-align: center;
}

.single-video-action-count img,
.post-item-action-count img {
  width: 1.3rem;
}
.single-video-action-count img:nth-child(5),
.post-item-action-count img:nth-child(5) {
  width: 1.5rem;
}
.single-video-action-count,
.post-item-action-count {
  padding: 0.2rem 0.8rem 0.2rem;
  text-align: right;
}

.single-video-action-count span,
.post-item-action-count span {
  font-size: 0.6rem;
  padding: 0 0.3rem 0 0.2rem;
  color: #999;
}

.post-item-action-btns,
.single-video-action {
  display: flex;
}
.post-item-action-btns > div,
.single-video-action > div {
  width: 33.33%;
  text-align: center;
  padding: 7px 5px;
  font-size: 0.8rem;
}
.post-item-action-btns > div > i,
.single-video-action > div > i {
  margin-right: 5px;
}

.post-item-desc {
    line-height: 1.3;
    -webkit-transition: .4s;
    transition: .4s;
}

.post-item-desc.collapse:not(.show) {
    max-height: 2.34rem !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

.post-item-desc.collapsing:not(.show) {
    height: 2.34rem !important;
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

.row-video-view-toggle {
    display: flex;
    justify-content: space-between;
}

#single-video-wrapper .row-video-view-toggle {
  padding: 0px 10px;
}

.post-item a.video-desc-toggle.collapsed:after ,
#single-video-wrapper a.video-desc-toggle.collapsed:after,
.live-video-page-item-wrapper  a.video-desc-toggle.collapsed:after {
    content: '▼ 更多';
}

.post-item a.video-desc-toggle:not(.collapsed):after,
#single-video-wrapper a.video-desc-toggle:not(.collapsed):after,
.live-video-page-item-wrapper a.video-desc-toggle:not(.collapsed):after
 {
    content: '▲ 关闭';
}

.post-item .video-desc-toggle,
#single-video-wrapper .video-desc-toggle,
.live-video-page-item-wrapper .video-desc-toggle
{
    margin-left: unset !important;
    position: relative;
    margin-right: unset !important;
    display: block;
    text-align: right;
    font-size: 0.8rem;
    color: #bb4438;
}

body.dark-mode .post-item .video-desc-toggle,
body.dark-mode  #single-video-wrapper .video-desc-toggle,
body.dark-mode.live-video-page-item-wrapper .video-desc-toggle{
  color: #ffe349;
}

.single-video-date{
  margin-left:10px;
}

.single-video-title {
  font-size:1.1rem;
  font-weight: bold;
  padding: 5px 10px;
}
.single-video-title-desc {
  padding: 0px 10px 8px 10px;
}
#single-video-wrapper .video-desc-toggle {
  margin-right: 10px !important;
  margin-bottom: 8px;
}

#single-video-close {
    text-align: right;
}

#single-video-close i{
  font-size: 7vw;
  padding: 2vw 2vw 4vw 5vw;
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 8vw;
  background: linear-gradient(56deg, rgba(120,3,3,1) 0%, rgba(138,0,0,1) 35%, rgba(194,0,0,1) 100%);
  color: #ffffff;
}

.popup-action-wrapper,
.wrapper-mobile-video-list-popup-action{
  display: none;
  width: 100%;
}

.popup-action-wrapper.show,
.wrapper-mobile-video-list-popup-action.show{
  display:block;
  -webkit-box-shadow: 0px -1px 5px 0px rgba(140,140,140,1);
  -moz-box-shadow: 0px -1px 5px 0px rgba(140,140,140,1);
  box-shadow: 0px -1px 5px 0px rgba(140,140,140,1);
  background-color: #ffffea;
}

body.dark-mode .popup-action-wrapper.show,
body.dark-mode .wrapper-mobile-video-list-popup-action.show{
  background-color: #2b2b2b;
}

.single-video-action-btn.selected,
.post-item-action-btn.selected{
  -webkit-box-shadow: 1px -1px 5px 0px rgba(140,140,140,1);
  -moz-box-shadow: 1px -1px 5px 0px rgba(140,140,140,1);
  box-shadow: 1px -1px 5px 0px rgba(140,140,140,1);
  background-color: #ffffea;
}

body.dark-mode .single-video-action-btn.selected,
body.dark-mode  .post-item-action-btn.selected{
  background-color: #2b2b2b;
}

.single-video-action-btn.selected:first-child,
.post-item-action-btn.selected:first-child{
  border-top-right-radius: 10px;
}
.single-video-action-btn.selected:nth-child(2),
.post-item-action-btn.selected:nth-child(2){
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.single-video-action-btn.selected:nth-child(3),
.post-item-action-btn.selected:nth-child(3){
  border-top-left-radius: 10px;
}
.popup-action-wrapper .social-sharing-wrapper,
.wrapper-mobile-video-list-popup-action .social-sharing-wrapper {
    padding: 0.7rem;
    display: flex;
}
.popup-action-wrapper .social-sharing-wrapper > div,
.wrapper-mobile-video-list-popup-action .social-sharing-wrapper > div{
    flex-basis: 25%;
    text-align: center;
    padding: 0.3rem;
}

.popup-action-wrapper .social-sharing-wrapper > div:first-child,
.wrapper-mobile-video-list-popup-action  .social-sharing-wrapper >div:first-child{
  background-color: #3B5998;
  border-top-left-radius: 1.5rem;
}

.popup-action-wrapper .social-sharing-wrapper > div:nth-child(2),
.wrapper-mobile-video-list-popup-action .social-sharing-wrapper > div:nth-child(2){
  background-color: #12AF0A;
}

.popup-action-wrapper .social-sharing-wrapper > div:nth-child(3),
.wrapper-mobile-video-list-popup-action .social-sharing-wrapper > div:nth-child(3){
  background-color: #55ACEE;
}

.popup-action-wrapper .social-sharing-wrapper > div:last-child,
.wrapper-mobile-video-list-popup-action .social-sharing-wrapper > div:last-child{
  background-color: #E7243A;
  border-bottom-right-radius: 1.5rem;
}

.wrapper-mobile-video-list-popup-action > div {
  text-align: center;
  padding: 0.5rem 0.2rem;
}
.video_list_emoji {
  display: inline-block;
  width: 45px;
  padding: 0 5px;
  text-align: center;
}

.video_list_emoji:nth-child(3) {
  width: 51px;
}
.video_list_react_link img {
  max-width: 100%;
}
.video_list_emoji_desc {
  font-size: 0.7rem;
}
.video_list_emoji_count_div {
  font-size: 0.8rem;
}

.video_list_emoji_count_div.selected{
  color:#fff;
  background-color:purple;
  border-radius: 5px;
}


.lds-ellipsis-wrapper{
  text-align: center;
  display: none;
}
.lds-ellipsis-wrapper.show{
  display: block;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 33px;
}
.lds-ellipsis div {
  position: absolute;
  top: 10px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #4bd06a;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}



#scroll-up-cp{
    bottom: 20px;
    position: fixed;
    left: 20px;
    z-index: 1001;
    background-image: url(/img/misc/cp_grab.gif);
    background-size: cover;
    width: 42px;
    height: 42px;
    display: none;
}

@media (max-width: 767px){
  #scroll-up-cp{
    right: 20px;
    left: unset;
    display: block;
  }
}

.like_post {
  margin-top: 5px;
  padding: 0;
  bottom: 0;
  width: 100%;
}

.like_post_gp {
  display: inline-block;
  text-align: center;
}

.emoji {
  float: left;
  width: 45px;
  margin-left: 10px;
}

#post_emoji_mobile_wrapper .emoji {
  width: 32px;
}

.emoji:first-child {
  margin-left: 0px
}

.emoji:nth-child(3) {
  width: 53px;
}

#post_emoji_mobile_wrapper .emoji:nth-child(3) {
  width: 37px;
}

.emoji img {
  height: auto;
  width: 100%
}

.emoji_count_div {
  padding: 5px 0px 5px 0px;
  margin-top: 3px;
  font-weight: 700;
}

#post_emoji_mobile_wrapper .emoji_count_div {
  padding: 1px 0px 1px 0px;
  margin-top: 1px;
  font-weight: 700;
  font-size: 0.6rem;
}

.emoji_desc {
  padding: 5px 0px 0px 0px;
  font-size: 0.8rem;
}

#post_emoji_mobile_wrapper .emoji_desc {
  padding: 1px 0px 0px 0px;
  font-size: 0.6rem;
}


@media ( max-width : 550px) {
  .emoji {
    width: 45px;
  }
  .emoji:nth-child(3) {
    width: 53px;
  }
  .emoji_count_div {
    padding: 3px 0px 3px 0px !important;
  }
  .like_post {
    height: 110px;
  }
  .emoji_desc {
    font-size: 0.8rem;
  }
  
  #post_emoji_mobile_wrapper .emoji {
    width: 32px;
  }
  #post_emoji_mobile_wrapper .emoji:nth-child(3) {
    width: 37px;
  }
  #post_emoji_mobile_wrapper .emoji_count_div {
    padding: 1px 0px 1px 0px !important;
  }
  #post_emoji_mobile_wrapper .like_post {
    height: 70px;
  }
  #post_emoji_mobile_wrapper .emoji_desc {
    font-size: 0.6rem;
  }
}



.react_link.not-allowed {
  cursor: not-allowed;
}

.emoji_count_div.voted {
  color: #ffffff;
  background-color: #773283;
  border-radius: 5px;
  font-size: 0.8rem
}

.video_view_parent.hide{
   display: none !important;
} 
.video_view_parent {
  font-size: 13px;
  text-align: right;
}
.video_view_parent i {
  margin-right: 5px;
}

.custom_post_view {
    display: inline-block;
}

.main-tv-list-item-desc .date .video_view_parent {
    display: inline-block;
    float: right;
}

.category .cat-posts-list-item {
  position: relative;
    width: 100%;
    min-height: 1px;
    
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 769px) and (max-width: 900px){
  .category .cat-posts-list-item {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }
}

@media (min-width: 600px) and (max-width: 768px){
  .category .cat-posts-list-item {
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
  }
}

@media (max-width: 599px){
  .category .cat-posts-list-item {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
}

/*laptop bottom when not enough slide item*/
/* .main-category-video .cat-posts-list-item-row{  
	border-bottom: 1px solid darkgrey;
} */

.main-category-video .cat-posts-list-item.slidervideo{ /*laptop resize to mobile*/
  border-bottom: 1px solid #a9a9a9;
  margin-top: 20px;
}

.cat-posts-list-item-row{
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.row-no-gap.mainvid {
  background-color: rgb(243, 243, 243);
    /* padding: 30px 15px 10px 15px; */
}

@media (max-width: 768px){
  .row.row-no-gap.mainvid {
      padding: 0;
  }
}

.main-tv-list-wrapper-md-col.mainvideodetail{
  background: #f3f3f3;
}

/* may need comment out */
#single-video-player-ivs-parent{
  position: relative;
  padding-bottom: 56.28%;
}
#single-video-player-ivs{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}