:root {
    font-size: 16px;
    --inner-max-width: 1024px;
    --frame-side-padding: 0px;
    --inner-frame-side-padding: 50px;
    --border-color: #000000;
    --lighter-border-color: #c0c0c0;
    --color: #000000;
    --signature-brown: #845614;
    --signature-brown-2: #b76c00;
    --bg-color: #ffffff;
    --grey-color: #707070;
    --lighter-grey-color: #C7C7C7;
    --lightest-grey-color: #f7f7f7;
    --darker-grey-color: #555;
    --type-quote: Vollkorn;
    --quote-image-width: 140px;
    --border-rad: 7px;
    --accent-color: var(--signature-brown);
    --quote-bg: hsl(0 0% 97%);
    --no-img-color: #000000;
    --black-color: #000000;
    --white-color: #fff;
    --section-title-color: #25414D;
    --section-title-color-red: #CC0E19;
    --tab-color-1: #E7E4E1;
    --tab-text-color-1: #25414D;
    --tab-text-color-2: #A09284;
    --dark-green: #033930;
    --dark-green-text: #033930;
    --link-more-color: #25414D;
    --tag-color: #CE0000;
    --ext-list-color: #CE0000;
    --standard-red: #CE0000;
    --orange-color: #EB651E;
    --silver-grey-bg: #EDEFF5;
  }
@media (min-width: 1440px){
  :root {
    --inner-max-width: 1280px;
  }
}
@media (max-width: 1044px){
    :root {
        --frame-side-padding: 6px;
    }
 }
 @media (max-width: 900px){
    :root {
      --inner-frame-side-padding: 30px;
    }
 }
 @media (max-width: 767px){
  :root {
    --inner-frame-side-padding: 15px;
  }
}

body{
  background-color: var(--bg-color);
}

body.pb{
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body.dark-mode{
  --border-color: #d6d6d6;
  --lighter-border-color: #7c7c7c;
  --color: #ffffff;
  --signature-brown: #dfa452;
  --signature-brown-2: #b37b2d;
  --bg-color: #2e2e2e;
  --grey-color: #707070;
  --lighter-grey-color: #8f8e8e;
  --lightest-grey-color: #6e6e6e;
  --darker-grey-color: rgb(199, 199, 199);
  --no-img-color: #444;
  --black-color: #000000;
  --section-title-color: #fff;
}

body.disable-scroll{
  height:100vh;
  overflow: hidden;
}

/* Mobile Tap Highlights */
a,
html {
    -webkit-tap-highlight-color: transparent;
    -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; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: var(--color);
    font-family:'Microsoft YaHei','Heiti SC','Droid Sans','Noto Sans SC','Noto Sans TC', 'Noto Sans CJK', 'Droid Sans','Heiti TC','Noto Sans TC', sans-serif;
}
html {
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

/*//temp commented for debug purpose body {     -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
                            -moz-user-select: none; -ms-user-select: none; user-select: none;   } 
    */                      
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block; 
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: 500;
}
th, td {
    border: 2px solid #ddd;
    padding: 6px 10px;
}
caption, th, td {
    text-align: left;
}
blockquote, qblockquote {
	position: relative;
	margin: 20px 0;
	padding: 2rem;
	font: italic 1.2rem var(--type-quote);
	background: var(--quote-bg) no-repeat left / var(--quote-image-width);
	border-radius: var(--border-rad);
	border: 2px solid white;
	box-shadow: 2px 2px 4px hsl(0 0% 0% / 20%);
	text-indent: 1.6em;
}


@media (min-width: 768px) {
	blockquote {
		margin: 1.5rem 2rem;
	}
}

blockquote::before {
	content: "";
	pointer-events: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--border-rad);
	box-shadow:
		inset -2px -2px 1px hsl(0 0% 100%),
		inset 2px 2px 4px hsl(0 0% 0% / 20%);
}

blockquote::after {
	content: "❝";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: -2px;
	transform: translate(-50%, -50%);
	width: 1.3em;
	height: 1.3em;
	background: white;
	box-shadow: 0 4px 5px -1px hsla(0 0% 0% / 20%);
	border-radius: 999px;
	display: grid;
	place-content: center;
	padding-top: .5em;
	color: var(--accent-color);
	font-size: 36px;
	font-style: normal;
	text-indent: 0;
}

blockquote p,
.article-page-content blockquote p{
  padding-bottom: 0.8rem;
}

blockquote.instagram-media,
blockquote.instagram-media-registered{
  display:none !important;
}

iframe.instagram-media:not(.instagram-media-rendered){
  display:none !important;
}

a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
    text-decoration: none !important;
    color:var(--signature-brown);
    background: none;
}
a img {
    border: 0;
}
embed, iframe, object {
    max-width: 100%;
}

*:focus {
    outline: none !important;
}
/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
    color: #444;
    line-height: 1.6;
    word-wrap: break-word;
    font-family: 'Microsoft YaHei','Heiti SC','Droid Sans','Noto Sans SC','Noto Sans TC', 'Noto Sans CJK', 'Droid Sans','Heiti TC','Noto Sans TC', sans-serif;
    
}

html{
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden;
    position: relative;
}

/* Headings */
h1:not(.skip-default-style), h2:not(.skip-default-style), h3:not(.skip-default-style), h4:not(.skip-default-style), h5:not(.skip-default-style), h6:not(.skip-default-style) {
    font-weight: 500;
    
}
h1:not(.skip-default-style) { font-size: 42px; line-height: 1.2; }
h2:not(.skip-default-style) { font-size: 38px; line-height: 1.2; }
h3:not(.skip-default-style) { font-size: 30px; line-height: 1.2; }
h4:not(.skip-default-style) { font-size: 28px; line-height: 1.2; }
h5:not(.skip-default-style) { font-size: 26px; line-height: 1.2; }
h6:not(.skip-default-style) { font-size: 22px; line-height: 1.2; }
hr {
    border-color: #EAEAEA;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
}

::-webkit-input-placeholder {color: black;}
:-moz-placeholder {color: black;}
::-moz-placeholder {color: black;}
:-ms-input-placeholder {color: black;}

.hidden{
  display: none !important;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
    line-height: 1.5;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
pre {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: auto;
    padding: 20px;
    border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
    font-size: 14px;
    line-height: 1.4;
    white-space: pre-wrap;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #777777;
    cursor: help;
}
address {
    display: block;
    font-style: italic;
    margin: 0 0 15px;
}
ins {
    background: #F8F8F8;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}

.center{
    text-align: center;
}

/* =SUPERCRIPT AND SUBSCRIPT
----------------------------------------------- */
sup, sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
dl {
    margin-bottom: 24px;
    font-size: 20px;
}
dt {
    font-weight: 500;
    margin-bottom: 5px;
}
dd {
    margin-bottom: 24px;
}
ul,
ol {
    list-style: none;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin: 0 0 0 10px;
}

/* =FORMS
----------------------------------------------- */
input, textarea {
    -webkit-border-radius: 0px;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    padding: 7px 10px;
    border: 1px solid #ddd;
    line-height: 20px;
    width: 100%;
    /*  margin: 0 0 30px;*/
    background-color: #F8F8F8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
    /*border: 1px solid #EAEAEA;*/
}
input.s {
    width: 100%;
    padding: 7px 50px 7px 10px;
    color: #444;
    background-color: #F8F8F8;
    margin-bottom: 15px;
}
input.s:focus {
    padding-left: 10px;
    text-indent: 0;
}
.colormag-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
    margin-bottom: 30px;
    padding: 10px 20px;
    background-color: #ffffff;
    border: 0px;
    transition: background-color 0.3s linear 0s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    font-size: 18px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    display:inline-block;
    color: #fff;
}
#search-form input[type="submit"] {
    border-radius: 0;
    margin-left: -8px;
    margin-bottom: 0;
    padding: 6px 10px 5px;
    font-size: 18px;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
    background-color: #33363B;
}
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =LINKS
----------------------------------------------- */
a {
    color: var(--color);
    text-decoration: none;
}
a:focus, a:active, a:hover {
    text-decoration: none;
    color: #6d0200;
}

a > h1.skip-default-style:hover,
a > h2.skip-default-style:hover,
a > h3.skip-default-style:hover,
a > h4.skip-default-style:hover,
a > h5.skip-default-style:hover,
a > h6.skip-default-style:hover{
  text-decoration: none;
  color: #6d0200;
  cursor: pointer;
}


.hover-pointer:hover {
    color: #6d0200;
    cursor: pointer;
}

/* =IMAGES
----------------------------------------------- */
figure { 
    margin: 0;
    text-align: center;
    max-width: 100% !important;
}
img {
    max-width:100%;
    height:auto;
    vertical-align:top;
    /*  margin-bottom: 18px;*/
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}
img.size-full, img.size-large {
    max-width: 100%;
    height: auto;
}
.entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/*img.alignleft, img.alignright, img.aligncenter {
        margin-bottom: 1.625em;
}*/
p img {

}
img#wpstats {
    display: none;
}


/* =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;
}

/* =ALIGNMENT
----------------------------------------------- */
.alignleft {
    display: inline;
    float: left;
    margin-right: 30px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 30px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/** =GLOBAL HIDDEN
--------------------------------------------------*/
@media (max-width: 767px){
    .mobile-hidden{
        display: none !important;
    }
}
@media (max-width: 768px){
    .tablet-hidden{
        display: none !important;
    }
}
@media (min-width: 768px){
    .desktop-hidden{
        display: none !important;
    }
}
@media (min-width: 769px){
  .desktop-hidden-exclude-tablet{
      display: none !important;
  }
}

.hidden{
    display: none !important;
}

/* =WORDPRESS GALLERY SUPPORT 
----------------------------------------------- */


.gallery ul.gallery-images li {
  width: 100% !important;
  background-color: #000;
  height: 260px;
}

.gallery .bx-wrapper {
  margin-bottom: -10px !important;
}

.gallery .bx-wrapper img {
  width: auto !important;
  height: 100% !important;
}

@media (max-width: 420px) { 
  .gallery .bx-wrapper img {
      height: auto !important;
  }   
  .gallery .bx-wrapper .bx-caption {
     /** top: 249px !important; */
  }
  .gallery ul.gallery-images li {
      height: 250px !important;
  }


}

.gallery .bx-wrapper .bx-caption {
 /** top: 259px; */
  bottom: auto !important;
  background: #444;
}


.gallery .bx-wrapper .bx-viewport {
  height: 315px !important;
}


.gallery {
  margin: 0 auto 2em;

}
.gallery .gallery-item {
  float: left;
  display: block;
  background: #fff;
  margin: 10px 1.5% 20px;
  text-align: center;
}
.gallery .gallery-item:hover { }
.gallery .gallery-icon {
  text-align: center;
  padding: 0;
  margin: 0;
  overflow: hidden;
  line-height: 0;
}
.gallery-columns-1 .gallery-item { float: none; text-align: center; width:100%; margin: 10px 0 20px; }
.gallery-columns-2 .gallery-item { width:47%; }
.gallery-columns-3 .gallery-item { width:30.33%; }
.gallery-columns-4 .gallery-item { width:22%; }
.gallery-columns-5 .gallery-item { width:17%; }
.gallery-columns-6 .gallery-item { width:13.6%; }
.gallery-columns-7 .gallery-item { width:12.25%; margin:10px 1% 10px; }
.gallery-columns-8 .gallery-item { width:10.5%; margin:10px 1% 10px; }
.gallery-columns-9 .gallery-item { width:9.11%; margin:10px 1% 10px; }
.gallery dl a {
  display: block;
}
.gallery dl a img {
  height: auto;
  margin: 0 auto;
}
.gallery .gallery-caption {
  font-size: 20px;
  line-height: 1.3;
  margin: 10px 0 0;
}
.gallery br+br { display:none; }

.post_gallery .lSSlideOuter #post_gallery_ul li > img {
  width: 100%;
}
.post_gallery_caption p {
  text-align: center;
}
/** =SITE LAYOUT
--------------------------------------------------*/


  .page-inner-wrapper {
    /* max-width: 1280px;
    margin: 0 auto;
    width: 96%; */
  }


@media (min-width: 1281px){
  .page-inner-wrapper {
    margin: 0 auto;
    width: 80%;
    max-width: var(--inner-max-width);
  }
}
@media (max-width: 1280px){
  .page-inner-wrapper {
    margin: 0 auto;
    width: 96%;

    max-width: var(--inner-max-width);
    /* max-width: 1024px; */
  }
}
@media (max-width: 768px){
  .page-inner-wrapper {
    margin: 0 auto;
    width: 100%;
  }
}

[id^="catZone"] > div.page-inner-wrapper { 
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-survey-bar-wrapper{
  background-color: #53624E;
  padding: 10px 0;
}
.header-survey-bar-wrapper .inner-bar{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:15px;
  padding-top: 5px;
}
.header-survey-bar-wrapper *{
  color:#fff;
}
.header-survey-bar-wrapper .btn-prefer-layout{
  color: white;
  text-align: center;
  border: 1px solid white;
  padding: 2px 10px;
  cursor: pointer;
}
.btn-prefer-layout .prefer_label{
	display: block;padding: 0;text-align: center;
}
.header-survey-bar-wrapper .inner-bar{
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 768px){
  .header-survey-bar-wrapper .inner-bar{
    width: 100%;
  }
}

@media (max-width: 400px){
  .header-survey-bar-wrapper{
    padding: 5px 0;
  }
  .header-survey-bar-wrapper .inner-bar{
    padding-left: 10px;
    padding-right: 10px;
  }
  .header-survey-bar-wrapper .btn-prefer-layout{
    padding: 2px 10px;
  }
}


.header-row1-wrapper{
  background-color: var(--dark-green);
}

.header-row2-wrapper .sticky-header-wrapper.v2{
  padding: 5px 10px;
}

/* 1700 and 1701 */
@media (max-width: 1380px){
  .header-row1-wrapper .main-bar{
    margin: 0 auto;
    width: 100%;
  }
  .header-row2-wrapper .sticky-header-wrapper.v2{
    margin: 0 auto;
    width: 100%;
  }
}
@media (min-width: 1381px){
  .header-row1-wrapper .main-bar{
    margin: 0 auto;
    width: 100%;
  }
  .header-row2-wrapper .sticky-header-wrapper.v2{
    margin: 0 auto;
    width: 90%;
  }
}
@media (min-width: 1701px){
  .header-row1-wrapper .main-bar{
    margin: 0 auto;
    width: 85%;
  }
  .header-row2-wrapper .sticky-header-wrapper.v2{
    margin: 0 auto;
    width: 85%;
  }
}


@media (max-width: 1280px){ 
  footer .inner-wrap{
    margin: 0 auto;
    width: 96%;
  }
}
@media (min-width: 1281px){
  footer .inner-wrap{
    margin: 0 auto;
    width: 85%;
  }
}



.background.fav{
  background-color: var(--silver-grey-bg);
}


/*for page with older layout*/
.layout.v1 {
  max-width: var(--inner-max-width);
  margin: 0 auto;
}
.layout.v2 {
  margin: 0 auto;
}

/* .inner-wrap{
    max-width: var(--inner-max-width);
    margin-left: auto;
    margin-right: auto;
} */

.inner-wrap.v1{
    max-width: var(--inner-max-width);
    margin-left: auto;
    margin-right: auto;
}

#body-header-wrapper{
  max-width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid lightgray;
}
#content{
  /* max-width: var(--inner-max-width); */
  margin-left: auto;
  margin-right: auto;
}
#content.article{
  max-width: var(--inner-max-width);
}


.header{
    /* padding-left: var(--frame-side-padding);
    padding-right: var(--frame-side-padding); */
}

.top-header {
    padding: 15px 0px 5px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}
.top-header-links {
    display: flex;
    align-items: center;
}
.top-header-link {
    font-size: 1rem;
    padding: 0px 10px;
}
.top-header-link:first-child {
    padding: 0px 10px 0px 0px;
}
.top-header-right{
  display: flex;
  align-items: center;
}
.top-header-right-translation{
  margin-right: 10px;
}
.top-header-right-translation img{
  width: 34px;
}

.translation-btn {
  background-color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0px 5px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.translation-btn span{
  color: var(--dark-green) !important;
}

.site-search-desktop-form {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
}
.site-search-desktop {
    display: flex;
    align-items: center;
    padding: 3px 6px;
    border: solid 1px var(--grey-color);
    position: relative;
    width:200px;
    transition: width 0.5s;
    background-color:white;
}

.site-search-desktop.focus{
  width: 288px;
}

.site-search-desktop .fa-search,
.site-search-mobile .fa-search {
    font-size: 1rem;
    color: var(--grey-color);
    padding: 0;
    margin: 0;
    background-color: var(--bg-color);
}
.site-search-desktop input,
.site-search-mobile input {
    font-size: 0.8rem;
    border: none;
    background-color: transparent;
    padding: 3px 10px;
}

.site-search-desktop input::placeholder,
.site-search-mobile input::placeholder{
  color:var(--lighter-grey-color);
  opacity: 1; /* Firefox */
}

.site-search-desktop input:-ms-input-placeholder,
.site-search-mobile input:-ms-input-placeholder{
  color:var(--lighter-grey-color);
}

.site-search-desktop input::-ms-input-placeholder,
.site-search-mobile input::-ms-input-placeholder{
  color:var(--lighter-grey-color);
}

.site-search-desktop-hover {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  width: 100%;
  background-color: var(--bg-color);
  -webkit-box-shadow: 2px 3px 7px 3px rgb(150 150 150 / 87%);
  box-shadow: 2px 3px 7px 3px rgb(150 150 150 / 87%);
  z-index: 99999999;
  padding: 10px 8px;
}

.header-desktop-site-search-suggestions  > ul,
.header-mobile-site-search-suggestions  > ul{
  padding-top: 10px;
  left: 0 !important;
}

.site-search-desktop-hover .ui-menu-item-wrapper,
.site-search-mobile .ui-menu-item-wrapper{
  padding-left: 10px;
  padding-right: 10px;
}

.site-search-mobile .ui-menu-item-wrapper{
  font-size: 1.2rem;
  padding-top: 5px;
  padding-bottom: 5px;
}


.site-search-desktop-hover .ui-menu-item-wrapper.ui-state-active ,
.site-search-mobile .ui-menu-item-wrapper.ui-state-active {
  background-color: var(--lighter-grey-color); 
}
.site-search-desktop-hover-header,
.site-search-mobile-hover-header {
  font-size: 1rem;
  padding: 8px 0px 3px 0px;
  font-weight: bold;
}

.site-search-mobile-hover-header {
  font-size: 1.1rem;
}

.site-search-desktop-hotkw .site-search-desktop-hover-header{
  padding: 0px 0px 3px 0px;
}

.site-search-desktop-dashijian-item a,
.site-search-mobile-dashijian-item a,
.site-search-desktop-dashijian-item a h2,
.site-search-mobile-dashijian-item a h2{
  font-size: 0.9rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site-search-mobile-dashijian-item a,
.site-search-mobile-dashijian-item a h2 {
  font-size: 1rem;
}

.site-search-desktop-dashijian-item a h2:hover,
.site-search-mobile-dashijian-item a h2:hover{
  color: #6d0200;
}

.site-search-desktop-dashijian-item,
.site-search-mobile-dashijian-item {
  border-top: solid 1px var(--lighter-grey-color);
  padding:  3px 0px;
}

.site-search-desktop-hotkw-list,
.site-search-mobile-hotkw-list {
  display: flex;
  flex-wrap: wrap;
}

.site-search-desktop-hotkw-item,
.site-search-mobile-hotkw-item {
  flex:  0 0 50%;
  width: 50%;
  max-width: 50%;
  padding: 5px;
}

.site-search-desktop-hotkw-item a,
.site-search-mobile-hotkw-item a {
  display: block;
  width: 100%;
  background: var(--lighter-grey-color);
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
}

.site-search-mobile-hotkw-item a{
  font-size: 1rem;
}

.mobile-site-search{
  position: absolute;
  left: 100%;
  transition: all 0.5s ease-in-out;
  width: 100%;
  z-index: 9999999;
  top: 0;
  background-color: var(--bg-color);
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  bottom: 0;
  right: 0;

}
.mobile-site-search.slide-in {
  left: 0;
}

.site-search-mobile-head-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-search-mobile-input-wrapper {
  display: flex;
  flex: 1;
  border: solid 1px;
  padding: 8px 10px;
}

.site-search-mobile-head-wrapper .side-menu-close-btn {
  padding-left: 10px;
}

.site-search-mobile .site-search-mobile-input-wrapper button.fa-search {
  font-size: 1.2rem;
}

.site-search-mobile input {
  font-size: 1rem;
}


.main-header {
    /* border-top: solid 2px var(--border-color); */
  }
  .main-header-wrapper {
    /* border-bottom: solid 1px var(--border-color); */
    /* padding: 5px var(--frame-side-padding); */
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-header-wrapper.top {
    flex: 0 0 auto;
    padding: 0;
    justify-content:center;
  }  
  .main-header-wrapper.top .news-ticker{
    margin: 0;
  }
  .main-header-left {
    display: flex;
    align-items: center;
  }
  .main-header-logo {
    width: 121px;
  }
  .main-header-logo a {
    display: inline-block;
  }
  .main-header-logo a img {
    width: 100%;
    max-width: 200%;
    height: 55px;
  }
  @media (min-width: 1280px) and (max-width: 1439px) {
    .main-header-logo a img {
      width: 120%;
      height: 40px;
    }
  }  
  @media (max-width:1279px){
    .main-header-logo a img {
      width: 100%;
      height: auto;
    }  
  }
  @media (max-width:767px){
    .main-header-logo a img {
      width: 100%;
      height: auto;
    }  
  }
  .main-header-right {
    display: flex;
    align-items: stretch;
  }
  .main-featured-logos {
    display: flex;
    align-items: center;
  }
  .main-featured-logo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px 15px;
    font-size: 1rem;
    color: var(--signature-brown);
  }

  @media (max-width: 1439px){
    .main-featured-logo{
      padding: 0px 10px;
    }
  }
  @media (max-width: 1000px){
    .main-featured-logo{
      padding: 0px 0px;
    }
  }
  .main-featured-logo img {
    max-width: 55px;
  }
  .main-featured-logo div {
    color: var(--signature-brown);
  }
  @media (min-width: 768px) and (max-width: 840px){
    .main-featured-logo {
          padding: 0 5px;
    }
  }
  
  /* .main-header-action-btns {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  @media (min-width: 768px) and (max-width: 1044px){
    .main-header-action-btns {
        margin-right: -5px;
    }
  } */

  #header-login-btn {
    z-index: 999;
  }
  #header-login-btn:hover{
    cursor: pointer;
  }
  .main-header-action-btn {
    position: relative;
  }
  .main-header-action-btn span {
    margin-left: 5px;
  }

  #header-login-btn .fa-user-check:before {
    filter: grayscale(1) invert(1);
  }

  .logout_hover {
    position: absolute;
    display: none;
    bottom: calc(-100% - 2px);
    background-color: var(--bg-color);
    right: 0;
    padding: 4px 10px;
    z-index: 99;
    color: var(--section-title-color);
    box-shadow: 2px 2px 6px 2px rgba(159, 159, 159, 0.75);
    -webkit-box-shadow: 2px 2px 6px 2px rgba(159, 159, 159, 0.75);
    -moz-box-shadow: 2px 2px 6px 2px rgba(159, 159, 159, 0.75);
    width: 100%;
  }

  .logout_hover span {
    color: var(--section-title-color) !important;
  }

  #side-menu-logout .fa-walking {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    text-align: center;
  }

  #side-menu-logout .fa-walking:before {
    font-size: 1.5rem;
  }

#header-login-btn:hover .logout_hover{
  display:inline-block;
}

.logout_hover.visible {
  display:inline-block;
}

  @media (max-width:767px){
    .main-header {
        border-top: none;
        padding-top: 0px;
      }
      .main-header-wrapper {
        border-top: none;
        justify-content: space-between;
        padding: 10px 5px;
      }
      .main-header-logo {
        width: 100px;
      }
      .main-featured-logo img {
        max-width: 40px;
      }
      .main-featured-logo div {
        display: none;
      }
      .main-featured-logo {
        padding: 0px 2px;
      }
      .main-header-action-btns-mobile {
        display: flex;
        align-items: center;
        padding-left: 10px;
        column-gap: 10px;
      }
      .main-header-action-btn-mobile {
        padding: 2px 3px;
        font-size: 1.8rem;
      }
  }

  @media (max-width:390px){
    .main-header-logo {
      width: 80px;
   }
    .main-featured-logo img {
      max-width: 30px;
    }
    .main-header-action-btn-mobile {
      font-size: 1.5rem;
    }
  }

  .news-ticker {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 1px 0px;
    margin: 0px var(--frame-side-padding);
    border-bottom: solid 1px var(--border-color);
    overflow: hidden;
  } 
  .news-ticker a, .news-ticker span {
    color: var(--signature-brown);
    font-size:1.2rem;
    display: inline-block;
    line-height: 1.9;
  }

  .news-ticker.v2{
    margin: 0px;
    border-bottom: solid 1px #E4E8E2;
    border-top: solid 1px #E4E8E2;
    max-width: 900px;
    background: #DEE4DA;
    padding-left:20px;
    width: 100%;
  }
  .news-ticker.v2 .marquee{
    padding-left:10px;
  }
  .news-ticker.v2 a{  
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
    display: block;
  }
  .news-ticker.v2 a, .news-ticker.v2 span {
    color: var(--dark-green-text);
  }
  @media (max-width: 768px){
    .news-ticker.v2 a{  
      text-align: left;
    }
    .news-ticker.v2 .marquee{
      padding-left:10px;
    }
  }

  .news-ticker.v2 span.special_title{
    color: #CF323A;
    font-weight: bold;
  }
	.news-ticker.v2 .player{
		background-color: #DEE4DA;
		z-index: 1;
		padding: 0px 10px;
	}
  @media (min-width: 1281px){
    .news-ticker.v2{
      max-width: calc(100% - 650px);
    }
  }
  .news-ticker.v2.desktop-hidden{
    padding-left:0;
  }  
  .news-ticker.v2.desktop-hidden .player{
    padding-left:5px;
  }

  .news-ticker-after{
    background-color:#DEE4DA;
    width:10px;
  }

  .marquee_pipe{
    padding: 0px 15px;
  }

  .ticker-badge{
    margin-right:-15px;
    z-index:2; 
    display:flex; 
    flex-shrink:0;
  }
  .ticker-badge img{
    max-height:40px;
  }

  .ctrl-ticker {
    padding: 0px 10px 0px 0px;
    font-size: 1.4rem;
    color: var(--signature-brown);
    background-color: var(--bg-color);
    z-index: 9;
  }
  .ctrl-ticker.v2 {
    padding: 0px 8px 0px 8px;
    font-size: 1.1rem;
    color: #000;
    background-color: transparent;
    z-index: 9;
    border-radius: 50%;
    border: 1px solid var(--dark-green);
  }
  .ctrl-ticker:hover{
    cursor: pointer;
  }

	.main-bar{
		display:flex;
		background-color: var(--dark-green);
		justify-content: center;
	}
	.main-bar .right-col *{
		color: var(--white-color);
	}	
	.main-bar .right-col{
		display: flex;
		align-items: center;
		flex-shrink: 0;		
		column-gap: 20px;
    padding: 0 10px 0 20px;
	}
  .main-bar .right-col > a {
    display:flex;
    align-items:center;
  }
  .main-bar .right-col > a.mazhong50 {
    background: white;
    padding: 5px 8px;
    border-radius: 5px;
  }
  .main-bar .right-col .btn-vip{
    background-color: #CC0E19;
    padding: 0px 10px;
    border-radius: 5px;
  }

/**
OWL slider
*/
.owl-stage{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    min-width: 100%;
}

    .owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-]:hover{
    position:absolute;
    top:0px;
    color:#CA0001;
    opacity:1;
    background:transparent;
    height:50px;
    width:20px;
    -webkit-border-radius:0px;
    border-radius:0px;
    -moz-border-radius:0px;
    line-height:50px;
    padding:0px;
    margin:0px;
    text-align:left;
    cursor:pointer;
    }
    .owl-theme .owl-nav{
    margin-top:0px;
    display:block;
    }
    .owl-theme .owl-nav div.disabled{
    display:none;
    }
    .layout.v2 .owl-theme .owl-nav .disabled{
      /* opacity:0.5 !important; */
      opacity:0.5;
    }
        
    .owl-theme .owl-nav div.owl-next{
        -webkit-animation: nav-bounce-right 1.75s infinite;
        float:right;
        right:0px;
        color: black;   
    }
    @-webkit-keyframes nav-bounce-right{
    from {right: 0px;}
    to {right: -5px;}
    }
    @-webkit-keyframes nav-bounce-left{
    from {left: 2px;}
    to {left: -3px;}
    }
    .owl-theme .owl-nav div.owl-prev{
        -webkit-animation: nav-bounce-left 1.75s infinite;
        float:right;
        left:2px;
        color: black;
    }
   
    #cssmenu {
      padding: 0;
      margin: 0;
      border: 0;
      width: auto;
    }

    ul#nav{
      display: flex;
      justify-content: center;
    }
    #cssmenu ul,
    #cssmenu li {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    #cssmenu ul {
      position: relative;
      z-index: 597;
    }
    #cssmenu .sub-menu a{
       background-color: var(--bg-color);
    }

    #cssmenu .sub-menu{
      box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.59);
      -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.59);
      -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.59);
      height: min-content;
    }


    #cssmenu ul li {
      float: left;
      min-height: 1px;
      vertical-align: middle;
    }

    #cssmenu ul ul {
      visibility: hidden;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 598;
      width: 100%;
    }
    #cssmenu ul ul li {
      float: none;
    }
    #cssmenu ul ul ul {
      top: 0;
      left: 100%;
      width: 100%;
    }
    #cssmenu ul li:hover > ul {
      visibility: visible;
    }

    #cssmenu ul li.long-submenu:hover > ul{
      display: flex;
      flex-wrap: wrap;
      background-color: var(--bg-color);
    }

    #cssmenu ul li.long-submenu.ul300w  > ul{
      width:300px;
    }

    #cssmenu ul li.long-submenu.ul200w  > ul{
      width:200px;
    }

    #cssmenu ul li.long-submenu.right  > ul{
      left: unset;
      right: 0;
    }

    #cssmenu ul li.long-submenu:hover > ul .menu-item{
      width: 50%;
      max-width: 50%;
      flex: 0 0 50%;
    }
    #cssmenu ul ul {
      bottom: 0;
      left: 0;
    }
    #cssmenu ul ul {
      margin-top: 0;
    }
    #cssmenu ul ul li {
      font-weight: normal;
    }
    #cssmenu a {
      display: block;
      line-height: 1em;
      text-decoration: none;
    }

    /* Custom CSS Styles */

    #cssmenu:after,
    #cssmenu ul:after {
      content: '';
      display: block;
      clear: both;
    }
    #cssmenu ul {
      text-transform: uppercase;
    }
    #cssmenu ul ul {
      text-transform: none;
      min-width: 100%;
      width: 180px;
      left: -10px;
    }
    #cssmenu ul ul a {
      border-top: 0 none;
      line-height: 120%;
      padding: 10px 15px;
      position:relative;
      font-size: 1rem;
    }

    #cssmenu ul ul ul {
      border-top: 0 none;
    }
    #cssmenu ul ul li {
      position: relative;
    }
   
    #cssmenu ul ul li:last-child:hover > a {
      -moz-border-radius: 0 0 0 3px;
      -webkit-border-radius: 0 0 0 3px;
      border-radius: 0 0 0 3px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
    }
    #cssmenu ul ul li.has-sub > a:after {
      content: '+';
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -8px;
    }
    
    #cssmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px;
    }
    #cssmenu ul li.last ul {
      left: auto;
      right: 0;
    }
    #cssmenu ul li.last ul ul {
      left: auto;
      right: 99.5%;
    }
    #cssmenu .owl-item{
        display:flex;
        align-items: center;
    }

    #cssmenu a {
      width:100%;
      padding: 5px 9px;
      font-size: 1.1rem;
    }
    #cssmenu > ul > li > a {
      line-height: 50px;
    }


    @media (min-width:1280px){
      #cssmenu {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }

      #cssmenu #nav > li{
        display: flex;
        align-items: center;
        position: relative
      }

      #cssmenu #nav > li:first-child  a{
        padding-left:  var(--frame-side-padding);
      }

      /*ori*/
      /* #cssmenu #nav > li::after {
        content: "";
        width: 3px;
        height: 3px;
        background-color: #000000;
        border-radius: 10px;
      }
      #cssmenu #nav > li:last-child:after {
        content: none;
      } */

      /*new*/
      /* #cssmenu #nav > li.menu-item-has-children {
        position: relative;
        padding-right: 5px;
      }    
      #cssmenu #nav > li.menu-item-has-children::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000000;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
      } */
      /*new end*/

      #cssmenu-level-2{
        display: none !important;
      }
    }
    @media (max-width:1279px){
      #cssmenu {
          padding-left: var(--frame-side-padding);
          padding-right: var(--frame-side-padding);

          flex: 3;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;          
      }
      #cssmenu #nav{
        margin-top: 3px;
        margin-bottom: 8px;
        padding-top: 10px;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: none; /* Firefox */
        display:flex;
        justify-content: flex-start;
      }      

      #cssmenu #nav::-webkit-scrollbar {
        display: none; 
      }

      #cssmenu > ul > li > a {
        line-height: 1.6;
      }
      #cssmenu ul li {
        /* margin-right: 10px; */
       }
      #cssmenu a {
        padding: 4px 10px;
        font-size: 1.2rem;
      }
    }

    @media (max-width:768px){
      #cssmenu a {
        padding: 4px 12px;
      }
    }    
   
    #cssmenu #nav > li:hover > a, 
    #cssmenu #nav > li > a:hover,
    #cssmenu #nav > li:active > a, 
    #cssmenu #nav > li > a:active,
    #cssmenu #nav> li:focus > a, 
    #cssmenu #nav > li > a:focus {
      color: var(--dark-green-text);
    }

    #cssmenu ul li ul li:hover a,
    #cssmenu ul li ul li:focus a,
    #cssmenu ul li ul li:active a {
        background-color: #fffde8;
        color: var(--dark-green-text);
    }

    

    @media (max-width: 1279px){
        .sub-menu{
            display: none !important;
        }
    }
    
    #cssmenu #nav > li.current-item > a {
        font-weight: bold;
        color: var(--signature-brown);
    }
   
    #cssmenu ul ul li.current-item a {
        background-color: var(--signature-brown) !important;
        color: #ffffff !important;
    }
  
    /*new*/
    .sticky-header-wrapper.v2 #cssmenu #nav > li.current-item > a {
      color: #D22C36;
    }

    .sticky-header-wrapper.v2 #cssmenu ul ul li.current-item a {
      background-color: #03382F !important;
      color: var(--white-color) !important;
    }
    /*new end*/

    @media (max-width:1279px){

      /* #cssmenu #nav > li.current-item > a {
        border-bottom: none !important;
        margin-bottom: 0px !important;
        color: #ffffff;
        background-color: #000000;
      }
      */
    }

    #cssmenu-level-2 > ul{
      white-space: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      scrollbar-width: none; /* Firefox */
      display:flex;
    }

    #cssmenu-level-2 > ul::-webkit-scrollbar {
      display: none; 
    }

    #cssmenu-level-2 .menu-item a {
      font-size: 1.3rem;
      padding: 6px 12px;
    }
    
    #cssmenu-level-2 .menu-item:after {
        content: "\26AB";
        font-size: 3px;
        line-height: 1;
    }

    #cssmenu-level-2 .menu-item:last-child:after{
        content: none;
    }
    
    #cssmenu-level-2 .menu-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #cssmenu-level-2 .menu-item.current-item a{
      color: var(--signature-brown);
    }

    /*new*/
    @media (max-width: 767px){      
      .sticky-header-wrapper.v2 #cssmenu-level-2{
        background-color: #EDEFF5;
      }
      .sticky-header-wrapper.v2 #cssmenu-level-2 ul > li.current-item {
        background-color: var(--dark-green);
      }      
      .sticky-header-wrapper.v2 #cssmenu-level-2 ul > li.current-item > a {
        color: var(--white-color);
      }

      .sticky-header-wrapper.v2 #cssmenu-level-2 .menu-item:after{
        content:none;
      }      
    }
    /*new end*/

    .desktop-sticky-header-wrapper {
      position: relative;
      z-index: 99999;
    }

    .desktop-sticky-header-wrapper.sticky {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: var(--bg-color);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease, -webkit-transform .3s ease;
      z-index: 99999;
    }


    body.sticky-header .desktop-sticky-header-wrapper {
      padding-top: 10px;
      position: fixed;
      top:0;
      background: var(--bg-color);
      z-index: 999999999;
      max-width: var(--inner-max-width);
      margin-left: auto;
      margin-right: auto;
      border-bottom: solid 1px var(--border-color);
      width: 100%;
    }
    
    body.sticky-header  .desktop-sticky-header-wrapper .news-ticker {
        border-top: solid 1px var(--border-color);
    }
    
    body.sticky-header  .desktop-sticky-header-wrapper #cssmenu #nav > li a {
        line-height: 1.6;
    }
    
    body.sticky-header .desktop-sticky-header-wrapper #cssmenu {
        margin-top: 0;
        margin-bottom: 0;
    }

    body.sticky-header .desktop-sticky-header-wrapper.v2 {
      padding-top: 0px;
      max-width: 100%;
      margin: 0 auto;
      border-bottom: solid 1px lightgray;
    }    
    body.sticky-header .desktop-sticky-header-wrapper.v2 .news-ticker {
        border-top: solid 1px transparent;
    }    

    @media (max-width:1279px){
      body.sticky-header .desktop-sticky-header-wrapper{
        padding-top: 5px;
      }
      body.sticky-header .news-ticker{
        display: none;
      }

      /* body.sticky-header .sticky-header-wrapper {
        border-top: solid 2px var(--border-color);
        padding-top: 5px;
        padding-bottom: 5px;        
        border-bottom: solid 2px var(--border-color);
      } */

      body.sticky-header .news-ticker.v2{
        display:flex;
      }      
      /* body.sticky-header .sticky-header-wrapper.v2 {
        padding: 5px 10px;
      } */

      body.sticky-header #cssmenu {
        padding-top: 10px;
        /* border-top: solid 1px var(--border-color); */
        padding-bottom: 10px;
      }
      
      body.sticky-header #cssmenu #nav{
        border-top: none;
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
      }

      body.sticky-header #cssmenu-level-2{
        /* border-bottom: solid 1px var(--border-color); */
      }
    }

    body.sticky-header .sticky-header-wrapper.v2 {
      padding: 5px 10px;
    }

    body.sticky-header .v2 #cssmenu{
      padding-top: 10px;
      padding-bottom: 10px;
    }
  


@media (max-width:1279px){
  /* causing scrollable not working */
  .sticky-header-wrapper.v2{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /* padding: 5px 0px; */
  }
  .main-header-logo.v2{
  width: 90px;
  max-width: 90px;
  flex: 1;
  text-align: left;  
  }


  
  #cssmenu #nav{
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
  display: flex;
  justify-content: flex-start;  
  } 
 

  .sticky-header-wrapper .right-col{
  flex: 0 0 auto;
  column-gap:10px;
  }
}

@media (min-width:1280px){
  /* 1280 no need scrollable nav */
  .sticky-header-wrapper.v2{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /* flex-wrap: wrap; */
  }
  .sticky-header-wrapper.v2 .right-col{
    flex: 0 0 auto;
    column-gap:10px;
  }  
  .main-header-logo.v2{
    width: 80px;
    margin-right: 15px;
    flex: 0 0 auto;
  }
  #cssmenu #nav {
    /* white-space: nowrap; */
  } 
}

.header-search-btn {
	position: relative;
    padding: 2px 3px;
    font-size: 1.2rem;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
.header-search-btn::before {
    content: "";
    display: none;
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);  
    z-index: 999;
    box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    -webkit-box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    -moz-box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
}

.header-newsletter-btn {
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}
.main-header-action-btns{
  display: inline-block;
  text-align: center;
  padding: 5px 5px;
  border-radius: 5px;
  cursor: pointer;
}
.header-login-btn {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.header-newsletter-btn {
  background-color: #DEE4DA;
}
.header-newsletter-btn span{
  color: var(--section-title-color);
}
.header-newsletter-btn:hover {
  background-color: #ffdcb0;
}
.header-login-btn {
  background-color: #102633;
}
.header-login-btn span{
  color: var(--white-color);
}
.header-login-btn:hover {
  background-color: #20404f;
}
.header-newsletter-btn span, .header-login-btn span {
    display: inline-block;
    vertical-align: middle;
}






.catrow{
  padding: 5px 0;
  display:flex;
  justify-content:space-between;
}
.catrow .catlabel{
  padding: 0px 5px;
  background-color: #FFEADC;
  color: var(--orange-color);
  border-radius: 5px;
}
.no-img-frame .catrow{
  display:block;
}
.no-img-frame .catrow .catlabel{
  display:none;
}

a.topleft-cat-label {
  position: absolute;
  top: 5px;
  left: 10px;
  padding: 1px 5px;
  background-color: #c60606;
  color: var(--white-color);
  border-radius: 5px;
  z-index: 1;
  font-size: 0.8rem;  
}
a.topleft-cat-label:empty {
  display: none;
}

div.topleft-cat-label {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 1px 5px;
  background-color: #c60606;
  color: var(--white-color);
  border-radius: 5px;
  z-index: 1;
  font-size: 0.8rem;
}
div.topleft-cat-label:empty {
  display: none;
}

  .mobile-side-menu {
      position: absolute;
      left: 100%;
      transition: all 0.5s ease-in-out;
      width: 100%;
      z-index: 9999999;
      top: 0;
      background-color: var(--bg-color);
      padding: 15px 20px;
      display: flex;
    flex-direction: column;
    bottom: 0;
    right: 0;
  }
  
  .mobile-side-menu.slide-in {
    left: 0;
  }

  .side_menu_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: solid 1px var(--border-color);
  }

  .side_menu_header > div:first-child img {
      width: 70px;
  }

  .side-menu-close-btn img {
      width: 25px;
      height: 25px;
  }

  .side_menu_item {
    display: block;
    padding: 12px 0px;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

.side_menu_item img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.side_menu_item:nth-child(2) {
    border-top: solid 1px var(--border-color);
    margin-top: 5px;
}

.slide-menu-footer {
    margin-top: auto;
    text-align: center;
    font-size: 1rem;
}

.slide-menu-footer a img {
    width: 100px;
}

  body.disable-scroll{
    height:100vh;
    overflow: hidden;
  }

  

  #content{
    min-height: 60vh;
  }

  .page-banner{
    text-align: center;
    margin-bottom: 10px;
  }

  .page-banner img{
    width: 100%;
    max-width: 100%;
  }

  .desktop-border-frame {
    margin: 10px var(--frame-side-padding);
    /* padding: 40px var(--inner-frame-side-padding); */
    padding: 15px 20px;
    border: solid 1px var(--border-color);
  }
  .desktop-border-frame.local-news-list {
    margin: 10px var(--frame-side-padding);
    padding: 40px var(--inner-frame-side-padding);
    padding-top: 15px;
    padding-bottom: 15px;
    border: solid 1px var(--border-color);
  }

  .desktop-grey-border-frame{
    border: solid 1px var(--lighter-grey-color);
    border-top: 0;
  }

  .desktop-borderless-frame{
    padding: 0px var(--frame-side-padding);
  }

  @media (max-width:900px){
    .desktop-border-frame {
      padding: 20px var(--inner-frame-side-padding);
    }
  }

  @media (max-width:767px){
    .desktop-borderless-frame{
      padding: 0px 0px;
    }

    .desktop-border-frame {
      margin: 0px;
      padding: 0px 0px;
      border: none;
    }
    .desktop-border-frame.local-news-list {
      border: none;
    }
    .mobile-frame{
      margin: 10px var(--frame-side-padding);
    }
    .mobile-border-frame {
      margin: 15px 0px;
      padding: 10px var(--inner-frame-side-padding);
      border: solid 1px var(--border-color);
    }
    .mobile-borderless-frame {
      margin: 15px 0px;
    }
  }

  .desktop-borderless-frame-v2{
    padding: 10px var(--frame-side-padding);
  }
  @media (max-width:767px){
    .desktop-borderless-frame-v2{
      padding: 0px 0px;
    }
  }

  .custom-nav-style{
    position: relative;
  }
  .custom-nav-style.owl-carousel .owl-nav button.owl-next,
  .custom-nav-style.owl-carousel .owl-nav button.owl-prev{
      position: absolute;
      top: 40%;
      transform: translateY(-50%);
      height: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .custom-nav-style.owl-carousel .owl-nav button.owl-prev{
    left: -20px;
  }
  .custom-nav-style.owl-carousel .owl-nav button.owl-next{
    right: -20px;
  }
  .carousel-nav.prev {
    border-top: solid 20px transparent;
    border-bottom: solid 20px transparent;
    border-right: solid 10px var(--color);
  }
  .carousel-nav.next {
    border-top: solid 20px transparent;
    border-bottom: solid 20px transparent;
    border-left: solid 10px var(--color);
  }

  @media (max-width: 767px){
    .homepage-headline-news-wrapper,
    .homepage-headline-news-wrapper-v2{
      margin-top: -10px;
    }    
  }

  .homepage-headline-news-wrapper.owl-carousel .owl-item,
  .homepage-headline-news-wrapper-v2.owl-carousel .owl-item{
    display: flex;
    align-items: stretch;
  }

  @media (max-width:767px){
    .vertical-post-frame.mobile-reverse {
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-end;
    }
  }

  .category-page-main-carousel  .vertical-post-frame{
    width: 100%;
  }

  .vertical-post-frame.card-style {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    -webkit-box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    -moz-box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    padding: 12px;
    margin: 9px 10px 12px 5px;
    width: 100%;
}

.vertical-post-frame.card-style .title{
      margin-top:12px;
      font-size: 1.4rem;
}

.vertical-post-frame.card-style  .cat{
   display: flex;
   justify-content: space-between;
   align-items: center;
}



 .vertical-post-frame.no-img-frame{
    display: flex;
    flex-direction: row;
    position: relative;
    border: none !important;
  }

  .vertical-post-frame.no-img-frame .no-img-frame-inner-div{
    background-color: #EDEDED;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .hotpost.vertical-post-frame.no-img-frame .no-img-frame-inner-div{
    padding: 15px 8px;
  }

  @media (min-width: 768px){
   #more_news .desktop-3col-mobile-1_2col.vertical-post-frame.no-img-frame .no-img-frame-inner-div,
   #article-page-related-article .desktop-3col-mobile-1_2col.vertical-post-frame.no-img-frame .no-img-frame-inner-div{
    padding: 10px 6px;
  }
  }

  @media (max-width: 767px){
    .vertical-post-frame.mobile-horizontal.no-img-frame .no-img-frame-inner-div{
      position: relative;
      padding: 0;
      background-color:transparent;
    }
  }

  .vertical-post-frame.no-img-frame .no-img-frame-inner-div .cat,
  .vertical-post-frame.no-img-frame  .no-img-frame-inner-div .title,
  .vertical-post-frame.no-img-frame  .no-img-frame-inner-div .meta{
      flex: 0;
      width:100%;
    }

  .vertical-post-frame.no-img-frame .no-img-frame-inner-div .desc{
      flex: 1;
      overflow: hidden;
      position: relative; 
      text-align: justify;  
      margin-right: -1em;
      padding-right: 1em;
      max-height: unset;
      width:100%;
  }

  .vertical-post-frame.no-img-frame .no-img-frame-inner-div .desc:not(.nodots):before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .vertical-post-frame.no-img-frame .no-img-frame-inner-div .desc:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: #EDEDED;
  }

  .hot-post.vertical-post-frame.no-img-frame{
    padding: 0px 10px !important;
  }

  .homepage-headline-news-wrapper .vertical-post-frame.no-img-frame,
  .homepage-headline-news-wrapper-v2 .vertical-post-frame.no-img-frame
  .category-page-main-carousel .vertical-post-frame.no-img-frame{
    padding: 0px 15px !important;
  }

  .homepage-headline-news-wrapper-outer{
    position:relative;
  }    
  .homepage-headline-news-wrapper-v2 .vertical-post-frame.card-style .absolue{
      position: absolute;
      bottom: 20px;
      left: 10px;
      z-index: 1;
  }
  .homepage-headline-news-wrapper-v2 .vertical-post-frame.card-style .absolue *{
      color:white;
  }
  @media (max-width: 767px){
    .homepage-headline-news-wrapper-v2 .vertical-post-frame.card-style .title{
      margin-top: 0;
      margin-bottom: 0;
      font-weight: normal;
      font-size: 1.2rem;
    }
  }
  @media (max-width: 375px){
    .homepage-headline-news-wrapper-v2 .vertical-post-frame.card-style .title{
        font-size: 1.1rem;
    }
  }
  @media (max-width: 320px){
    .homepage-headline-news-wrapper-v2 .vertical-post-frame.card-style .title{
        font-size: 1.0rem;
    }
  }
  .homepage-headline-news-wrapper-v2 .vertical-post-frame.card-style {
    border-radius: 0px;
    overflow: hidden;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    padding: 12px 0px;
    margin: 0;
    width: 100%;
  }
  .homepage-headline-news-wrapper-v2 .vertical-post-frame .img-frame {
    margin-bottom: 0px;
  }

  .misc-category-frame-list.grey{
    background-color: #ECEAE7;
  }
  .misc-category-frame-list .vertical-post-frame .img-frame .absolue{
    position: absolute;
    bottom: 0px;
    left: 10px;
    z-index: 2;
  }
  .vertical-post-frame .img-frame .absolue *{
    color:white;
    z-index: 2;
  }

  .cat-posts-list-img:before{
    bottom: 10px;
    left: 5px;
    width: calc( 100% - 10px);
    position: absolute;
    z-index: 1;
    height: 25%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.9)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
    content: '';
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0);
    pointer-events: none;
  }


  #more_news .vertical-post-frame.no-img-frame a{
    color: var(--no-img-color);
  }
  #more_news .vertical-post-frame.no-img-frame a:hover, 
  #more_news .vertical-post-frame.no-img-frame a:active {
    color: #6d0200;
  }
  .dark-mode .article-page-fb-commant,
  .dark-mode #secondary_post_comment {
    background-color: #EDEDED;
  }

  .vertical-post-frame .cat ,
  .horizontal-post-frame .cat,
  .vertical-post-frame .cat a,
  .horizontal-post-frame .cat a{
    color: var(--signature-brown);
  }
  .vertical-post-frame .cat.cat-mobile,
  .horizontal-post-frame .cat.cat-mobile{
    display: none;
  }
  @media (max-width:767px){
    .vertical-post-frame .cat.cat-desktop,
    .horizontal-post-frame .cat.cat-desktop{
      display: none;
    }
    .vertical-post-frame .cat.cat-mobile,
    .horizontal-post-frame .cat.cat-mobile {
      display: block;
    }
  }
  .vertical-post-frame .title,
  .horizontal-post-frame .title {
    font-size: 1.42rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
    line-height: 1.3;
  }

  .vertical-post-frame .img-frame,
  .horizontal-post-frame .img-frame {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    overflow: hidden;
    border: solid 1px #dcdbdb;
  }

  .layout.v2 .vertical-post-frame .title,
  .layout.v2 .horizontal-post-frame .title {
    font-size: 1.1rem;
    font-weight: normal;
    margin-bottom: 0.1rem;
    line-height: 1.3;
    text-align: left;
  }
  .layout.v2 .horizontal-post-frame .title.bold {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
    line-height: 1.3;
  }  
  @media (max-width: 768px){
    .layout.v2 .horizontal-post-frame .title.bold {
        font-size: 1.1rem;
        font-weight: normal;
        margin-bottom: 0.1rem;
        line-height: 1.3;
        text-align: left;
      }
  }
  .layout.v2 .vertical-post-frame .img-frame,
  .layout.v2 .horizontal-post-frame .img-frame {
    border: 0px;
  }

  body.page-template-editorial-subcategory .vertical-post-frame .img-frame,
  body.page-template-editorial-subcategory  .horizontal-post-frame .img-frame,
  body.page-template-editorial .vertical-post-frame .img-frame,
  body.page-template-editorial  .horizontal-post-frame .img-frame{
    border: none;
  }


  .vertical-post-frame .img-frame{
    margin-bottom: 8px;
  }

  @media (max-width: 767px){
    .vertical-post-frame.mobile-horizontal .img-frame{
      margin-bottom: 0px;
    }
  }

  @media (min-width: 768px){
  .margin-40-desktop{
    margin-bottom: 40px;
  }
  .margin-20-desktop{
    margin-bottom: 20px;
  }
  .row-margin-10-desktop {
    margin-top:10px;
    margin-bottom:10px;
  }
  .row-margin-20-desktop {
    margin-top:20px;
    margin-bottom:20px;
  }
}

  @media (max-width: 767px){
    .margin-20-mobile{
      margin-bottom: 20px;
    }
    .row-margin-10-mobile {
      margin-top:10px;
      margin-bottom:10px;
    }    
    .row-margin-20-mobile {
      margin-top:20px;
      margin-bottom:20px;
    }
  }

  .m0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .m10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .m20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .vertical-post-frame .img-frame img,
  .horizontal-post-frame .img-frame img{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    max-width: 100%;
    transform: translate(-50%,-50%);
    min-height: 100%;
  }
  .vertical-post-frame .desc,
  .horizontal-post-frame .desc{
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--grey-color);
    max-height: 2.8rem;
    overflow: hidden;
    margin: 5px 0px;
  }

  .vertical-post-frame.no-img-frame .desc{
    font-size: 17px;
    line-height: 1.3;
  }

  .horizontal-post-frame.no-img-frame .desc{
    width: 100%;
  }

  
  @media (max-width:767px){
    .vertical-post-frame .desc.desc-desktop,
    .horizontal-post-frame .desc.desc-desktop {
      display:none;
    }

    #div-fav-list-first-3-wrapper .vertical-post-frame.no-img-frame .desc.desc-desktop{
      display: none;
    }

    #div-fav-list-all-wrapper .vertical-post-frame.no-img-frame .desc.desc-desktop{
      display: none;
    }    
  }

  
  .vertical-post-frame .meta * ,
  .horizontal-post-frame .meta * {
    color: var(--grey-color);
    font-size: 0.8rem;
    display: inline-block;
  }

   .meta i.fa-eye{
    padding-right: 5px;
  }

  @media (max-width:900px){
    .vertical-post-frame.desktop-2col .title {
      font-size: 1.2rem;
      line-height: 1.1;
    }
    .vertical-post-frame.desktop-2col .meta * {
      font-size: 0.8rem;
    }
  }

  @media (min-width: 768px) and (max-width:900px){
    .hot-post.vertical-post-frame.desktop-2col .title {
      font-size: 1.42rem;
      line-height: 1.1;
    }
    .hot-post.vertical-post-frame.desktop-2col .meta * {
      font-size: 1rem;
    }

    .layout.v2 .hot-post.vertical-post-frame.desktop-2col .title {
      font-size: 1.1rem;
      line-height: 1.1;
    }
    .layout.v2 .hot-post.vertical-post-frame.desktop-2col .meta * {
      font-size: 1rem;
    }

  }
  .vertical-post-frame .meta.mobile-meta,
  .horizontal-post-frame .meta.mobile-meta,
  .vertical-post-frame .title.title-mobile,
  .horizontal-post-frame .title.title-mobile {
     display:none;
  }


  @media (max-width:767px){
    .vertical-post-frame .meta.mobile-meta,
   .horizontal-post-frame .meta.mobile-meta,
    .vertical-post-frame .title.title-mobile,
    .horizontal-post-frame .title.title-mobile {
     display:block;
    }
    .vertical-post-frame .img-frame .meta.mobile-meta {
      display:block;
      position: absolute;
      bottom: 6px;
      left: 0px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.5);
      padding: 0px 10px;
    }
    .vertical-post-frame .meta.meta-desktop,
    .horizontal-post-frame .meta.meta-desktop,
    .vertical-post-frame .title.title-desktop,
    .horizontal-post-frame .title.title-desktop{
      display: none;
    }  
  }
  .vertical-post-frame .meta .time,
  .horizontal-post-frame .meta .time {
    margin-right: 10px;
  }

  /* .owl-theme .owl-dots button {
    margin-bottom: 0;
  } */

  /* .owl-theme .owl-dots .owl-dot {
    margin-bottom: 0;
  }   */

  /* this will affect all subsites */
  
  /* .owl-theme .owl-dots .owl-dot span {
    height: 5px;
    width: 35px;
    margin: 0 5px;
    outline: none;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    background-color: var(--orange-color);
    display: block;
    -webkit-backface-visibility: visible;
  } */

  .slider-v2 .owl-dots .owl-dot {
    margin-bottom: 0 !important;
  }


  .homepage-headline-carousel-dots-wrapper .owl-dots {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 1;
  }
  .homepage-headline-carousel-dots-wrapper .owl-dots .owl-dot {
    margin-bottom: 0 !important;
  }
  .homepage-headline-carousel-dots-wrapper .owl-dots .owl-dot span{
    margin:0px 7px;
  }

  .homepage-headline-carousel-dots-wrapper.owl-carousel.owl-theme.owl-loaded {
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .homepage-headline-carousel-dots-wrapper-v2{
    position: absolute;
    bottom: 30px;
  }  
  .homepage-headline-carousel-dots-wrapper-v2 .owl-dots {
    margin-top: 0px !important;
    /* margin-bottom: 0px !important; */
    line-height: 1;
  }
  .homepage-headline-carousel-dots-wrapper-v2 .owl-dots .owl-dot span{
    height: 5px;
    width: 35px;
    margin: 0 5px;
    outline: none;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    background-color: var(--orange-color);
    display: block;
    -webkit-backface-visibility: visible;
  }  
  .homepage-headline-carousel-dots-wrapper-v2.owl-carousel.owl-theme.owl-loaded {
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .slider-v3 .owl-dots .owl-dot {
    margin-bottom: 0 !important;
  }
  .homepage-headline-carousel-dots-wrapper-v3{
    bottom: 0px;
  }  
  .homepage-headline-carousel-dots-wrapper-v3 .owl-dots {
    margin-top: 0px !important;
    line-height: 1;
  }
  .homepage-headline-carousel-dots-wrapper-v3 .owl-dots .owl-dot span{
    height: 5px;
    width: 35px;
    margin: 0 5px;
    outline: none;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    background-color: var(--orange-color);
    display: block;
    -webkit-backface-visibility: visible;
  }  
  .homepage-headline-carousel-dots-wrapper-v3.owl-carousel.owl-theme.owl-loaded {
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .horizontal-line, .horizontal-space{
    height: 60px;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    width:100%;
  }

  .horizontal-line.horizontal-line-10h,
  .horizontal-space.horizontal-space-10h{
    height: 10px;
  }

  .horizontal-line.horizontal-line-20h,
  .horizontal-space.horizontal-space-20h{
    height: 20px;
  }

  .horizontal-line.horizontal-line-30h,
  .horizontal-space.horizontal-space-30h{
    height: 30px;
  }
  .horizontal-line.horizontal-line-40h,
  .horizontal-space.horizontal-space-40h{
    height: 40px;
  }
  .horizontal-line.horizontal-line-50h,
  .horizontal-space.horizontal-space-50h{
    height: 50px;
  }
  .horizontal-line.horizontal-line-70h,
  .horizontal-space.horizontal-space-70h{
    height: 70px;
  }
  .horizontal-line.horizontal-line-100h,
  .horizontal-space.horizontal-space-100h{
    height: 100px;
  }

  .horizontal-line:after {
    content: '';
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
  }

  .horizontal-line.grey-color:after {
      background-color: var(--lighter-grey-color);
  }

  .wrapper-center { margin-left: auto; margin-right: auto; }
  .wrapper--60 { width: 60%; }
  .wrapper--70 { width: 70%; }
  .wrapper--80 { width: 80%; }
  .wrapper--85 { width: 85%; }
  .wrapper--90 { width: 90%; }
  .wrapper--100 { width: 100%; }  

  .section-head{
    display:flex;
    justify-content: space-between;
    align-items: center;
  }  
  .section-title {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
  }
  .section-title.left {
    font-size: 1.4rem;
    text-align: left;
    color: var(--section-title-color);
    width: unset !important;
    flex:0 0 auto;
    margin-right:10px;
  }
  .section-title.left.red {
    color: var(--section-title-color-red);
  }
  .section-title.left *{
    color: var(--section-title-color);
  }
  .layout.v2 .section-title{
    margin-bottom: 5px;
  }
  .section-title.left.style2 {
    display: inline-block;
    background-color: red;
    padding-left: 10px;
    padding-right: 10px;
    /* clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); */
    background-image: linear-gradient(to right, #b31217, #e52d27);
    flex-shrink: 0;
    margin-bottom: 10px;
  }
  .section-title.left.style2,
  .section-title.left.style2 *{
      color: #fff;
  }

  .section-title-btn {
    background-color: #CC0E19;
    display: inline-block;
    text-align: center;
    margin: 5px 5px 5px 0px;
    padding: 3px 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .section-title-btn *{
      color:#fff;
  }

.section-title-group {
    display: flex;
    flex-wrap: nowrap;
}

.section-head-type2.green {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url('/public/images/assets/Green-long-bg-title.png') no-repeat;
  background-size: contain;
  background-position: left center;
  margin-bottom:10px;
  position: relative;
}
.section-head-type2.grey {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url('/public/images/assets/Gray-long-bg-title.png') no-repeat;
  background-size: contain;
  background-position: left center;
  margin-bottom:10px;
  position: relative;
}

.section-head-type2::after {
  content: '';
  position: absolute;
  width: 50%;
  max-width: 170px;
  height: 4px;
  bottom: 0;
  right: 0%;
  background: linear-gradient(to right, rgba(128, 128, 128, 1), rgba(128, 128, 128, 0));
  z-index: -1;
}
.section-head-type2 .section-title.left{
  margin-left:15px;
  margin-bottom:0px;
}
.section-head-type2 .section-title.left h3 {
  color: white;
  background: transparent;
  z-index: 1;
}
.section-head-type2 .section-title-custom.left h3 {
  background-color: #CC0E19;
  display: inline-block;
  text-align: center;
  margin: 5px 5px 5px 0px;
  padding: 3px 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
  color:white;
  font-size: 1rem;
}
.section-head-type2 .link-more{
  padding: 0;
}
.section-head-type2.custom{
  display: flex;                 
  justify-content: space-between; 
  align-items: center;          
  width: 100%;  
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
  .link-more .LongMore {
      display: none;
  }
}

.submenu-row{
  display:flex;
  align-items: center;
  width: 100%;
}
.submenu-row .section-head-container {
  display: inline-block;
  background-color: red;
  font-weight: bold;
  padding-left: 10px;
  padding-right:25px;
  padding-top:4px;
  padding-bottom:4px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
  background-image: linear-gradient(to right, #b31217, #e52d27);
  flex-shrink: 0;
}
.submenu-row .section-header *{
  color: #fff;
}
.submenu-row .head{
  flex: 0 0 auto;
}
@media (max-width: 767px){
  .submenu-row .category-page-header-title{
      display: block !important;
  }
}

/* @media (max-width:767px){
  .section-title-group {
    justify-content: space-evenly;
  }  
} */
.section-title-tab {
    font-size: 1.5rem;
    font-weight: normal;
    color: #8b8888;
    padding: 10px 20px;
}
.section-title-tab:first-child{
	padding-left:0px;
}
.section-title-tab.selected {
    font-weight: bold;
    text-align: left;
    color: var(--section-title-color);
}
@media (min-width: 900px) {
    .section-title-tab:not(:last-child) {
        margin-right: 20px;
    }
}

  .page-title{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
  }

  .page a, .page p, .page span, .page i{
    font-size: 1.2rem;
  }

  .page p{
    margin-top: 1.2rem;
  }


  /* v1 start*/
  .favor-selections-bar-wrapper {
    text-align: center;
  }
  .favor-selections {
    margin-bottom: 5px;
    width: max-content;
  }
  .favor-selections-bar{
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display:inline-block;
  }
  .favor-selections-bar-scroll{
    position: relative;
    max-width: 100%;
    display:inline-block;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow-y: hidden;
  }
  .favor-selections-bar-scroll::-webkit-scrollbar {
      display: none; 
  }
  .favor-item {
    margin-right: 15px;
    border: solid 1px var(--signature-brown);
    padding: 2px 10px;
    color: var(--signature-brown);
    margin-bottom: 10px;
    font-size: 1.2rem;
    display: inline-block;
  }
  .favor-item:last-child{
    margin-right: calc(1.5rem + 20px);
  }
  .favor-item i{
    margin-left: 5px;
  }
  .favor-item-plus {
    color: var(--signature-brown);
    padding: 2px 10px;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    line-height: calc(1.2rem * 1.6);
    border: solid 1px var(--bg-color);
    background-color: var(--bg-color);
    width: calc(1.5rem + 20px);
  }
  .favor-item-plus.noitem{
    position: relative;
    margin-bottom: 10px;
  }
  .favor-item-plus:hover, .favor-item:hover{
    cursor: pointer;
  }
  /*v1 end*/
  

/* v2 start */
.layout.v2 .favor-selections {
    margin-bottom: 5px;
    width: max-content;
  }
.layout.v2 .favor-selections-bar{
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display:flex;
    justify-content: space-between;
  }
.layout.v2 .favor-selections-bar-scroll{
    position: relative;
    max-width: 700px;
    display:inline-block;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow-y: hidden;
  }
.layout.v2 .favor-selections-bar-scroll {
    cursor: grab;
    padding-top: 5px;
  }
.layout.v2 .favor-selections-bar-scroll::-webkit-scrollbar {
      display: none; 
  }
.layout.v2 .favor-selections-bar-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
.layout.v2 .favor-selections-bar-scroll::-webkit-scrollbar-thumb,
.layout.v2 .favor-selections-bar-scroll::-webkit-scrollbar-track {
      background-color: transparent;
  }
.layout.v2 .favor-item {
    margin-right: 10px;
    border: solid 1px var(--standard-red);
    padding: 2px 8px;
    color: var(--standard-red);
    margin-bottom: 10px;
    font-size: 1.1rem;
    display: inline-block;
    border-radius: 15px;
    position: relative;
  }
.layout.v2 .favor-item i{
    position: absolute;
    top: -5px;
    right: -8px;
  }
.layout.v2 .favor-item i.fa-minus-circle{
  background-color: var(--silver-grey-bg);
}

.layout.v2 .favor-item-plus {
    font-size: 1.1rem;
    color: var(--standard-red);
    background-color: var(--bg-color);
    border: solid 1px var(--standard-red);
    border-radius: 50%;
    padding: 2px 10px;
    flex: 0 0 auto;
    align-self:flex-start;
    margin-top: 5px;
    margin-right: 10px; 
    margin-left: 10px;
    
    position: relative;
    line-height: inherit;
    width: inherit;    
  }
.layout.v2 .favor-item-plus.noitem{
    position: relative;
    margin-bottom: 10px;
  }
.layout.v2 .favor-item-plus:hover, .favor-item:hover{
    cursor: pointer;
  }
.layout.v2 .favor-item-plus-text {
    padding: 0px 5px;
    font-size: 1rem;
    line-height: calc(1rem * 1.1);
    border: 1px solid var(--section-title-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin: 5px 10px 5px 0px;
    cursor: pointer;
}
/* v2 end*/

  
  /* .myfav-header .section-title {
    display:flex;
  } */


.flex-row-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px; 
  margin-right: -10px; 
}

.flex-row-wrapper.without-margin{
  margin-left: 0px; 
  margin-right: 0px; 
}


.layout.v2 .desktop-1col-mobile-1col {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  padding: 0px 10px;
}
@media (max-width:767px){
  .layout.v2 .desktop-1col-mobile-1col {
    padding: 0px;
  }
  .layout.v2 .desktop-1col-mobile-1col.vertical-post-frame.mobile-border, 
  .layout.v2 .desktop-1col-mobile-1col.horizontal-post-frame.mobile-border {
      border:0;
      padding:5px;
  }
  .layout.v2 .desktop-1col-mobile-1col.vertical-post-frame.mobile-horizontal .title, 
  .layout.v2 .desktop-1col-mobile-1col.horizontal-post-frame .title {
      width: 100%;
      padding-left: 0px;
      margin-bottom: 5px;
  }
  .layout.v2 .desktop-1col-mobile-1col.vertical-post-frame.mobile-horizontal .meta, 
  .layout.v2 .desktop-1col-mobile-1col.horizontal-post-frame .meta {
      width: 100%;
      padding-left: 0px;
      display:flex;
  }
  .layout.v2 .desktop-1col-mobile-1col.vertical-post-frame.mobile-horizontal .title, 
  .layout.v2 .desktop-1col-mobile-1col.horizontal-post-frame .title {
      width: 100%;
      padding-left: 0px;
      margin-bottom: 5px;
  }
}

.desktop-2col-mobile-2col {
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  padding: 0px 10px;
}
.desktop-2col-mobile-2col.vertical-post-frame.mobile-horizontal .title, 
.desktop-2col-mobile-2col.horizontal-post-frame .title {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 5px;
}
@media (max-width:767px){
  .desktop-2col-mobile-2col {
      padding: 0px;
  }
  .desktop-2col-mobile-2col.vertical-post-frame.mobile-border, 
  .desktop-2col-mobile-2col.horizontal-post-frame.mobile-border {
      border:0;
      padding:5px;
  }
  .desktop-2col-mobile-2col.vertical-post-frame.mobile-horizontal .title, 
  .desktop-2col-mobile-2col.horizontal-post-frame .title {
      width: 100%;
      padding-left: 0px;
      margin-bottom: 5px;
  }
  .desktop-2col-mobile-2col.vertical-post-frame.mobile-horizontal .meta, 
  .desktop-2col-mobile-2col.horizontal-post-frame .meta {
      width: 100%;
      padding-left: 0px;
      display:flex;
  }
}


.desktop-3col-mobile-1col {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  width: 33.333%;
  padding: 0px 10px;
  margin-bottom: 20px;
}
@media (max-width:767px){
  .desktop-3col-mobile-1col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
  }
}

.desktop-3col-mobile-2col {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  width: 33.333%;
  padding: 0px 10px;
  margin-bottom: 20px;
}
@media (max-width:767px){
  .desktop-3col-mobile-2col {
      flex: 0 0 50%;
      max-width: 50%;
      width: 50%;
      padding: 0px;
      margin-bottom: 0;      
  }  
  .desktop-3col-mobile-2col.vertical-post-frame.type2.mobile-border, 
  .desktop-3col-mobile-2col.horizontal-post-frame.type2.mobile-border {
      border:0;
      padding:5px;
  }

  .desktop-3col-mobile-2col.vertical-post-frame.type2.mobile-horizontal .title, 
  .desktop-3col-mobile-2col.horizontal-post-frame.type2 .title {
      width: 100%;
      padding-left: 0px;
      margin-bottom: 5px;
  }
  .desktop-3col-mobile-2col.vertical-post-frame.type2.mobile-horizontal .meta, 
  .desktop-3col-mobile-2col.horizontal-post-frame.type2 .meta {
      width: 100%;
      padding-left: 0px;
      display:flex;
  }
} 


.desktop-4col-mobile-1col {
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
  padding: 0px 10px;
}
@media (max-width:767px){
  .desktop-4col-mobile-1col {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%;
  }
}

.desktop-4col-mobile-2col {
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
  padding: 0px 10px;
}
.desktop-4col-mobile-2col.vertical-post-frame.mobile-horizontal .title, 
.desktop-4col-mobile-2col.horizontal-post-frame .title {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 5px;
}
@media (max-width:767px){
  .desktop-4col-mobile-2col {
      flex: 0 0 50%;
      max-width: 50%;
      width: 50%;
  }
  .desktop-4col-mobile-2col.vertical-post-frame.mobile-border, 
  .desktop-4col-mobile-2col.horizontal-post-frame.mobile-border {
      border:0;
      padding:5px;
  }
  .desktop-4col-mobile-2col.vertical-post-frame.mobile-horizontal .title, 
  .desktop-4col-mobile-2col.horizontal-post-frame .title {
      width: 100%;
      padding-left: 0px;
      margin-bottom: 5px;
  }
  .desktop-4col-mobile-2col.vertical-post-frame.mobile-horizontal .meta, 
  .desktop-4col-mobile-2col.horizontal-post-frame .meta {
      width: 100%;
      padding-left: 0px;
      display:flex;
  }
}



.horizontal-post-frame:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.horizontal-post-frame {
  display: block;
  width: 100%;
}

.horizontal-post-frame > * {
  display: inline-block;
}

.horizontal-post-frame > script{
  display: none !important;
}

.horizontal-post-frame .img-frame {
  width: 25%;
  padding-top: calc(25% * 56.25 / 100);
  float:left;
}

.horizontal-post-frame:not(.no-img-frame) .title, 
.horizontal-post-frame:not(.no-img-frame) .cat, 
.horizontal-post-frame:not(.no-img-frame) .meta, 
.horizontal-post-frame:not(.no-img-frame) .desc{
	float: right;
}

.horizontal-post-frame .title,
.horizontal-post-frame .cat,
.horizontal-post-frame .meta,
.horizontal-post-frame .desc {
  width: 75%;
  padding-left: 10px;
}

.horizontal-post-frame .meta {
  display:flex;
}

@media (max-width:1100px){
  .horizontal-post-frame .img-frame {
    width: 35%;
    padding-top: calc(35% * 56.25 / 100);
  }
  .horizontal-post-frame .title,
  .horizontal-post-frame .cat,
  .horizontal-post-frame .meta,
  .horizontal-post-frame .desc {
    width: 65%;
  }
}

@media (max-width:767px){

  .vertical-post-frame.mobile-horizontal .img-frame,
  .horizontal-post-frame .img-frame {
    width: 40%;
    padding-top: calc(40% * 56.25 / 100);
  }
  .vertical-post-frame.mobile-horizontal *,
  .horizontal-post-frame * {

  }
  .vertical-post-frame.mobile-horizontal .title,
  .horizontal-post-frame  .title {
    width: 60%;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-left: 10px;
    margin-bottom: 0px;
  }
  
  .vertical-post-frame.mobile-horizontal .meta,
  .horizontal-post-frame .meta {
    width: 60%;
    padding-left: 10px;
    float: right;
  }
  .vertical-post-frame.mobile-horizontal .meta *,
  .horizontal-post-frame .meta * {
    font-size: 1rem;
  }
  .vertical-post-frame.mobile-horizontal .meta .counter,
  .horizontal-post-frame .meta .counter  {
    display: flex;
    align-items: center;
  }
  .vertical-post-frame.mobile-horizontal .cat,
  .horizontal-post-frame .cat {
    font-size: 1rem;
    padding-left: 10px;
    width: 60%;
    float: right;
  }

  .vertical-post-frame.mobile-horizontal .post-view-counter, 
  .horizontal-post-frame .post-view-counter {
    float: left;
  }
  .vertical-post-frame.mobile-horizontal .time, 
  .horizontal-post-frame .time {
    float: left;
  }  
  #div-fav-list-first-3-wrapper .vertical-post-frame.mobile-horizontal *,
  #div-fav-list-first-3-wrapper .horizontal-post-frame * {
    float:left;
  }
  #div-fav-list-first-3-wrapper .vertical-post-frame .title, 
  #div-fav-list-first-3-wrapper .horizontal-post-frame .title {
    display: flex;
    align-items: center;
  }

  #div-fav-list-all-wrapper .vertical-post-frame.mobile-horizontal *,
  #div-fav-list-all-wrapper .horizontal-post-frame * {
    float:left;
  }

  #article-page-related-article .vertical-post-frame.mobile-horizontal *, 
  #article-page-related-article .horizontal-post-frame * {
    float:left;
  }

  .horizontal-post-frame.no-img-frame .title,
  .horizontal-post-frame.no-img-frame .meta,
  .horizontal-post-frame.no-img-frame .cat {
    width:100%;
    padding: 0px 10px;
  }
}

@media (max-width:500px){
  .vertical-post-frame.mobile-horizontal .title,
  .horizontal-post-frame  .title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .vertical-post-frame.mobile-horizontal .cat,
  .horizontal-post-frame .cat {
    font-size: 0.9rem;
  }
  .vertical-post-frame.mobile-horizontal .meta *,
  .horizontal-post-frame .meta * {
    font-size: 0.9rem;
  }
}

@media (max-width:360px){
  .vertical-post-frame.mobile-horizontal .meta ,
  .horizontal-post-frame .meta {
    width: auto;
    float: left;
    /* padding-top: 5px; */
  }
  .vertical-post-frame.mobile-horizontal .cat,
  .horizontal-post-frame .cat {
    width: auto;
    /* padding-top: 5px; */
  }
}

.link-more {
  padding: 5px 0px 15px 0px;
  text-align: right;
}
.link-more .fa-arrow-up{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  color: var(--standard-red);
  margin-left:6px;
}
.link-more a, .link-more span {
  font-size: 1.1rem;
  color: var(--signature-brown);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.layout.v2 .link-more a, .link-more span {
  color: var(--link-more-color);
}

.article-page .link-more a, .article-page .link-more span {
  color: var(--link-more-color);
}

.loadmore.link-more span{
  flex-direction: column;
}

.link-more span:hover{
  cursor: pointer;
}

.link-more .arrow {
  border: solid var(--signature-brown);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
  margin-left: 6px;
}
.link-more.center {
  margin: 0 auto;
}

.layout.v2 .link-more {
  padding: 5px 0;
  white-space:nowrap;
}
.layout.v2 .link-more .arrow{
  border: solid var(--link-more-color);
  border-width: 0 1px 1px 0;
}

.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.double-arrow-wrapper{
  padding: 0px 2px 0px 9px;
}

.double-arrow-right.arrow{
  border: solid var(--signature-brown);
  border-width: 0 1px 1px 0;
  transform: scaleX(0.6) rotate(-45deg);
  -webkit-transform: scaleX(0.6) rotate(-45deg);
  display: inline-block;
  padding: 6px;
  margin-left: -9px;
}

.hot-posts-bar-scroll{
  position: relative;
  max-width: 100%;
  display: inline-block;
  overflow-x: auto;
  -ms-overflow-style: none;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.hot-posts-toggle:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.hot-posts-toggle {
  text-align: center;
  display: flex;
  justify-content: center;
  /* width: max-content; */
}
.layout.v2 .hot-posts-toggle {
  width: max-content;
}

.hot-posts-toggle > .hot-posts-toggle-item {
  padding: 6px 30px;
  font-size: 1.1rem;
  border: solid 1px var(--signature-brown);
  color: var(--signature-brown);
}

.layout.v2 .hot-posts-toggle > .hot-posts-toggle-item {
  color: var(--tab-text-color-2);
  background-color: transparent;
  border:0;
  border-radius: 20px;
  padding: 0px 5px;
  min-width: 60px;
  margin: 0 5px;
  font-size: 1rem;
  text-align: center;
}

.hot-posts-toggle > .hot-posts-toggle-item:hover{
  cursor: pointer;
}

.hot-posts-toggle > .hot-posts-toggle-item.current {
  color: #ffffff;
  background-color: var(--signature-brown);
}

.layout.v2 .hot-posts-toggle > .hot-posts-toggle-item.current {
  color: var(--tab-text-color-1);
  background-color: var(--tab-color-1);
}

.hot-posts-bar-scroll{
  position: relative;
  max-width: 100%;
  display: inline-block;
  overflow-x: auto;
  -ms-overflow-style: none;
  overflow-y: hidden;
}

.article-page .hot-posts-toggle > .hot-posts-toggle-item {
  color: var(--tab-text-color-2);
  background-color: transparent;
  border:0;
  border-radius: 20px;
  padding: 0px 5px;
  min-width: 60px;
  margin: 0 5px;
  font-size: 1rem;
  text-align: center;
}
.article-page .hot-posts-toggle > .hot-posts-toggle-item.current {
  color: var(--tab-text-color-1);
  background-color: var(--tab-color-1);
}

.layout.v2 .hot-posts-frame-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

@media (min-width: 900px){
  .hot-posts-frame-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
}


.article-page .hot-posts-toggle > .hot-posts-toggle-item {
  color: var(--tab-text-color-2);
  background-color: transparent;
  border:0;
  border-radius: 20px;
  padding: 0px 5px;
  min-width: 60px;
  margin: 0 5px;
  font-size: 1rem;
  text-align: center;
}
.article-page .hot-posts-toggle > .hot-posts-toggle-item.current {
  color: var(--tab-text-color-1);
  background-color: var(--tab-color-1);
}

.article-page .hot-post-item .title a{
	color: var(--black-color);
}


@media (min-width:768px){
  .hot-posts-frame-row {
    display: flex;
  }
  
  .hot-posts-frame {
    width: calc(100% - 300px - var(--inner-frame-side-padding));
    flex: 0 0 calc(100% - 300px - var(--inner-frame-side-padding));
    max-width: calc(100% - 300px - var(--inner-frame-side-padding));
  }

  .side-bar-hp {
    width: calc(300px + var(--inner-frame-side-padding));
    max-width: calc(300px + var(--inner-frame-side-padding));
    flex: 0 0 calc(300px + var(--inner-frame-side-padding));
    text-align: right;
    padding-left: var(--inner-frame-side-padding);
  }
  .side-bar-hp.pad-left-0 {
    padding-left: 0;
  }

  #homepage_2 .box-col1,
  #homepage_2 .hot-posts-frame {
    /* Subtract 300px for the side bar and divide the rest equally */
    width: calc(50% - (150px + var(--inner-frame-side-padding) / 2));
    flex: 0 0 calc(50% - (150px + var(--inner-frame-side-padding) / 2));
    max-width: calc(50% - (150px + var(--inner-frame-side-padding) / 2));
    padding: 0px 10px;
    box-sizing: border-box; /* To ensure padding is included in the width */
  }

  #homepage_2 .box-col1 {
    padding-left: 0;
  }
  #homepage_2 .box-col1 .hot-posts-frame{
    padding-right: 0px;
  }

  .hot-posts-frame-row.type4 .hot-posts-frame{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
  }

  .title.expandable {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
  }
  .title.expanded  {
    -webkit-line-clamp: unset;
    display:block;
  }  

}

@media (min-width:768px) and (max-width: 900px){
  #homepage_2 .hot-posts-frame {
    width: calc(50% - var(--inner-frame-side-padding));
    flex: 0 0 calc(50% - var(--inner-frame-side-padding));
    max-width: calc(50% - var(--inner-frame-side-padding));
    padding: 0px 10px;
  }
  #homepage_2 .box-col1 {
    width: calc(50% + var(--inner-frame-side-padding));
    max-width: calc(50% + var(--inner-frame-side-padding));
    flex: 0 0 calc(50% + var(--inner-frame-side-padding));
    text-align: center;
  }
  #homepage_2 .side-bar-hp {
    display:none;
  }
}


#homepage_2 .box-col1 .hot-posts-frame{
  padding-right: 0px;
}
#homepage_2 .spotlight-posts-frame-wrapper{
  padding: 0px 10px 0px 10px;
  margin-left: -10px;
  margin-right: -10px;
}


.hot-posts-frame-wrapper:not(.show){
  display:none;
}
.hot-posts-frame-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.desktop-2col {
  width: 50%;
  flex: 0 0 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.hot-posts-frame-list .desktop-2col.hot-post {
  display:flex;
  flex-direction: column;
}

.hot-posts-frame-list .desktop-2col.hot-post .horizontal-line{
  margin-top: auto;
}

.hot-posts-frame-list .desktop-2col.hot-post:nth-last-child(-n+2) .horizontal-line{
  display: none;
}

.hot-posts-frame-list:not(.current){
  display: none;
}

.hot-post.desktop-2col.vertical-post-frame.type1 {
  margin-bottom: 20px;
}

@media (max-width:767px){

  /* type1 - existing format*/
  .hot-post.desktop-2col.vertical-post-frame.type1 {
    display:flex;
    flex-direction: row;
    width: 100%;
    flex: 0 0 100%;
    flex-wrap:wrap;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1 .img-frame{
    width: 45%;
    flex:0 0 45%;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1 .img-frame {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    border: none;
    width: 100%;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1 .img-frame a{
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    overflow: hidden;
    display: inline-block;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1 .post-frame-mobile-right{
    width: 55%;
    flex:0 0 55%;
    padding-left:10px
  }

  .hot-post.desktop-2col.vertical-post-frame.type1 .horizontal-line {
    width: 100%;
    flex:0 0 100%;
  }

  .hot-posts-frame-list .hot-post.desktop-2col.desktop-2col.hot-post:nth-last-child(-n+2) .horizontal-line{
    display: block;
    
  }
  .hot-posts-frame-list .hot-post.desktop-2col.desktop-2col.hot-post:nth-last-child(-n+1) .horizontal-line{
    display: none;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1.no-img-frame .no-img-frame-inner-div .desc{
    max-height: unset !important;
  }
  .hot-post.desktop-2col.vertical-post-frame.type1.no-img-frame .no-img-frame-inner-div .desc:after{
    display:none;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1.no-img-frame .no-img-frame-inner-div .desc:before{
    display:none;
  }

  .hot-post.desktop-2col.vertical-post-frame.type1 .no-img-frame-inner-div .post-frame-mobile-right {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 0px;
  }  
}



.sc-flex-row {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
}
.sc-flex-row .box-col--100 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.sc-flex-row .box-col--70 {
  width: 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
.sc-flex-row .box-col--60 {
  width: 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.sc-flex-row .box-col--55 {
  width: 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
.sc-flex-row .box-col--50 {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.sc-flex-row .box-col--45 {
  width: 45%;
  flex: 0 0 45%;
  max-width: 45%;
}
.sc-flex-row .box-col--40 {
  width: 40%;
  flex: 0 0 40%;
  max-width: 40%;
  position: relative;
}
.sc-flex-row .box-col--30 {
  width: 30%;
  flex: 0 0 30%;
  max-width: 30%;
  position: relative;
}
@media (max-width: 768px) {
  .sc-flex-row {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sc-flex-row .box-col--70,
  .sc-flex-row .box-col--60,
  .sc-flex-row .box-col--55,
  .sc-flex-row .box-col--50,
  .sc-flex-row .box-col--45,
  .sc-flex-row .box-col--40,
  .sc-flex-row .box-col--30 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .sc-flex-row .box-col--40 {
    scrollbar-width: thin;
    scrollbar-color: #888 #f5f5f5;
  }
  .sc-flex-row .box-col--40 .hot-posts-frame-list{
    overflow-y: scroll;
    visibility: hidden;
  }
  .sc-flex-row .box-col--40 .hot-posts-frame-list::-webkit-scrollbar {
      width: 8px;
  }
  .sc-flex-row .box-col--40 .hot-posts-frame-list::-webkit-scrollbar-thumb {
      background-color: #888;
      border-radius: 4px;
  }
  .sc-flex-row .box-col--40 .hot-posts-frame-list::-webkit-scrollbar-thumb:hover {
      background-color: #555;
  }
}


#homepage_2 .spotlight-posts-frame-wrapper .hot-posts-frame {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 768px) {
    .spotlight-posts-frame-wrapper{
      margin: 0px;
      padding: 0px 10px 0px 0px;
    }
}


.section-two-frame-row.sc-flex-row {
  width: calc(100% - 300px - var(--inner-frame-side-padding));
  flex: 0 0 calc(100% - 300px - var(--inner-frame-side-padding));
  max-width: calc(100% - 300px - var(--inner-frame-side-padding));
}
.section-two-frame-row.sc-flex-row > .box-col--50:nth-child(1) {
  padding-right: 10px;
}
.section-two-frame-row.sc-flex-row > .box-col--50:nth-child(2) {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .section-two-frame-row.sc-flex-row {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section-two-frame-row.sc-flex-row > .box-col--50:nth-child(1) {
    padding: 0;
  }  
  .section-two-frame-row.sc-flex-row > .box-col--50:nth-child(2) {
    padding: 0;
  }
}



.localnews-row .box-row{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 40px;
}
.localnews-row .box-row .box-col {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.localnews-row .box-row .box-col:nth-child(1) {
  padding-right: 10px;
}
.localnews-row .box-row .box-col:nth-child(2) {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .localnews-row {
    margin-left: auto;
    margin-right: auto;
  }
  .localnews-row .box-row{
    margin-bottom: 0;
  }
  .localnews-row .box-row .box-col{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .localnews-row .box-row .box-col:nth-child(1) {
    padding-right: 0px;
  }
  .localnews-row .box-row .box-col:nth-child(2) {
    padding-left: 0px;
  }
}



.rect-ads-in-hotposts {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

@media (min-width: 768px) and (max-width: 1080px){
  .rect-ads-in-hotposts {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .hot-posts-frame-list .desktop-2col  {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #homepage_2 .hot-posts-frame-list .desktop-2col  {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

}


.local-news-list {
  position: relative;
}
.switch-button {
  font-size: 1.5rem;
  background-color: #000000;
  color: #ffffff;
  padding: 3px 10px;
}
.switch-button:hover{
  cursor: pointer;
}
@media (min-width:768px){
  .local-news-list {
    position: relative;
  }
  .switch-button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width:767px){
  .local-news-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
  }
  .switch-button {
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }
}



@media (min-width:1044px){
  .local-news-item, .desktop-3col-mobile-1_2col{
      width: calc((var(--inner-max-width) - (var(--inner-frame-side-padding) * 2) - 30px ) / 3 );
  }
}

@media (max-width:1043px){
  .local-news-item, .desktop-3col-mobile-1_2col{
      width: calc((100vw - (var(--frame-side-padding) * 2) - (var(--inner-frame-side-padding) * 2) - 30px - 10px) / 3);
  }
}

@media (max-width:767px){
  .local-news-item, .desktop-3col-mobile-1_2col{
    width: calc((100vw - (var(--frame-side-padding) * 2) - (var(--inner-frame-side-padding) * 2) - 30px)/ 2.1);
  }
}

@media (max-width:499px){
  .local-news-item, .desktop-3col-mobile-1_2col{
    width: calc((100vw - (var(--frame-side-padding) * 2) - (var(--inner-frame-side-padding) * 2) - 15px) / 1.1);
  }
}

@media (min-width:768px){
  .local-news-item{
    padding: 10px;
  }
}

@media (min-width:1280px){
  .local-news-item{
    padding: 15px; 
  }
}


.local-news-wrapper .owl-item{
  display: flex;
}


.local-news-wrapper .owl-dots{
  margin-top: 10px;
}


.local-news-header {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
}

.local-news-first-child.no-img-frame{
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  overflow: hidden;
}

.local-news-first-child.no-img-frame .no-img-frame-inner-div{
  position: absolute !important;
  padding: 10px !important;
}
.local-news-first-child .img-frame {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  overflow: hidden;
  background-color: black;
}
.local-news-first-child .img-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  transform: translate(-50%,-50%);
}

.local-news-first-child.no-img-frame .no-img-frame-inner-div .title {
  font-size: 1.2rem;
}
.local-news-first-child .img-frame .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 6px 12px 24px 12px;
  color: #ffffff;
  z-index:1;
  font-size: 1.2rem;
  line-height: 1.1;
  background: -moz-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8)));
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: -o-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: -ms-linear-gradient(bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0);
}

.local-news-first-child .img-frame .title a{
  color: #ffffff;
}
.local-news .title {
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: bold;
}

.local-news-first-child .img-frame .meta {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  color: #ffffff;
}

.local-news-first-child.no-img-frame .no-img-frame-inner-div .meta {
  line-height: 1.1;
}

.local-news-first-child .img-frame .meta span {
  color: #ffffff;
  font-size: 0.9rem;
}

.local-news .meta * {
  font-size: 0.9rem;
  color: var(--grey-color);
}
.local-news .meta .counter{
  display: inline-block;
  margin-left: 10px;
}

.local-news-first-child.no-img-frame .no-img-frame-inner-div .local-news-item-desc{
  font-size: 15px;
  margin: 3px 0px;
  line-height: 1.2;
}

@media (min-width:768px) and (max-width:900px){
  .local-news .title {
    font-size: 1.2rem;
  }
}
@media (min-width:500px) and (max-width:600px){
  .local-news .title {
    font-size: 1.2rem;
  }
}
@media (max-width:380px){
  .local-news .title {
    font-size: 1.2rem;
  }
}



@media (max-width:767px){
  .local-news-list .mobile-border-frame {
    border-top: solid 2px var(--border-color);
    border-bottom: solid 2px var(--border-color);
    border-left: none;
    border-right: none;
    padding-left: 0px;
    padding-right: 0px;    
  }
  .local-news-header {
    text-align: left;
  }
}
@media (max-width:767px){
  .vertical-post-frame.mobile-border,
  .horizontal-post-frame.mobile-border{
    border:solid 1px var(--lighter-grey-color);
    padding: 10px;
  }

  .layout.v2 .horizontal-post-frame.mobile-border{
    border:0;
    padding: 0;
  }

}

@media (min-width: 768px){
  .simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-1_2col.video-post-frame{
    margin-bottom: 20px;
  }
}


.video-post-frame .img-frame .meta {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0px 8px;
  z-index:2;
}

.video-post-frame  .img-frame .meta span, .video-post-frame .img-frame .meta i {
  color: #ffffff;
}

.img-frame i.fas.fa-play-circle,
.video-post-frame  i.fas.fa-play-circle,
.video-post-frame-v2  i.fas.fa-play-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: #ffffff;
}

.simple-category-posts.owl-carousel:not(.owl-loaded){
  display:flex !important;
  flex-wrap: wrap;
  margin-left:-10px;
  margin-right:-10px;
  width:auto;
}
.simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-1_2col{
  width: 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom:5px;
}
.simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-2_1col{
  width: 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom:5px;
}

@media (max-width:767px){
  .simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-1_2col{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-2_1col{
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }  
}

.simple-category-posts.owl-carousel .owl-item{
  display:flex;
}

.simple-category-posts .desktop-3col-mobile-2_1col{
  --item-width: calc((100vw - (var(--frame-side-padding) * 2) - 20px)/ 5.3);
  width: var(--item-width);
  max-width: var(--item-width);
  flex: 0 0 var(--item-width);
}

@media (max-width:767px){
  .simple-category-posts .desktop-3col-mobile-1_2col{
    --item-width: calc((100vw - (var(--frame-side-padding) * 2) - 20px)/ 2.1);
    width: var(--item-width);
    max-width: var(--item-width);
    flex: 0 0 var(--item-width);
  }

  .simple-category-posts .desktop-3col-mobile-2_1col{
    --item-width: calc((100vw - (var(--frame-side-padding) * 2) - 20px)/ 2.1);
    width: var(--item-width);
    max-width: var(--item-width);
    flex: 0 0 var(--item-width);
  }  
}

@media (max-width:499px){
  .simple-category-posts .desktop-3col-mobile-1_2col{
    --item-width: calc((100vw - (var(--frame-side-padding) * 2) - 10px) / 1.1);
    width: var(--item-width);
    max-width: var(--item-width);
    flex: 0 0 var(--item-width);
  }

  .simple-category-posts .desktop-3col-mobile-2_1col{
    --item-width: calc((100vw - (var(--frame-side-padding) * 2) - 10px) / 2.3);
    width: var(--item-width);
    max-width: var(--item-width);
    flex: 0 0 var(--item-width);
  }  
}

.article-content-column .simple-category-posts .desktop-3col-mobile-1_2col{
	--item-width: calc((100vw - (var(--frame-side-padding) * 2) - 20px)/ 1.5);
}

@media (min-width: 768px){
  .article-content-column .simple-category-posts .desktop-3col-mobile-1_2col{
    width: calc((var(--inner-max-width) - (var(--inner-frame-side-padding) * 2) - 30px ) / 3 ) !important;
  }
}

@media (min-width: 1044px){
    .article-content-column .simple-category-posts .desktop-3col-mobile-1_2col{
	    width: calc((var(--inner-max-width) - (var(--inner-frame-side-padding) * 2) - 30px ) / 4 ) !important;
    }
}

.local-news-wrapper .owl-dots .owl-dot{
  margin-bottom: 0px;
}

/* .simple-category-posts .owl-dots .owl-dot{
  margin-bottom: 0px;
} */


#div-fav-list-wrapper{
	display:flex;
	flex-wrap:wrap;
	margin-left: -10px;
  margin-right: -10px;
}


footer{
  background-color: var(--lightest-grey-color);
  margin-top: 10px;
}

.footer-top-links {
  background-color: #454545;
  display:block;
}
.footer-top-links a img {
  height: 25px;
  width: 25px;
}
.footer-top-links a {
  padding: 6px 20px;
  color: #ffffff;
  font-size: 1.1rem;
}

.footer-top-links a > h4{
  display: inline;
}

@media (max-width: 767px){

  .footer-top-links {
        padding: 25px 6px;
  }
  .footer-top-links a {
        display: block;
  }
  .footer-top-link-group{
    display:inline-block;
    width:49%;
    float:left;
  }
}

@media (min-width: 768px){

  .footer-top-links {
        padding: 6px 6px;
    text-align: center;
  }
  .footer-top-links a {
        display: inline-block;
  }
  .footer-top-link-group{
    display:inline;
  }
}

footer .inner-wrap{
  padding-left: calc(var(--frame-side-padding) + var(--inner-frame-side-padding));
  padding-right: calc(var(--frame-side-padding) + var(--inner-frame-side-padding));
}


.footer-site-logo {
  width: 180px;
  display: block;
  max-width: 80%;
}

.footer-col span {
  font-size: 0.9rem;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

.footer-col .footer-social-sharing-title {
  font-size: 1.1rem;
  margin-top: 0.6rem;
}

.footer-social-sharing {
  padding: 2px 0px;
}

.footer-social-sharing a {
  background-color: #000000;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 50px;
  margin-bottom: 5px;
  display: inline-block;
}

.footer-app-links a {
  display: inline-block;
  width: 50%;
  padding: 10px 0px;
  max-width: 120px;
}

.footer-app-links {
  display: flex;
}

.footer-app-links a img {
  width: 100%;
}

.footer-col-title {
  font-size: 1.2rem;
  font-weight: bold;
}
a.footer-hyperlink {
  display: block;
  font-size: 1.1rem;
}
@media (min-width: 680px){
  .footer-col-title-line {
    height: 1px;
    width: 1.3rem;
    border-bottom: solid 1px var(--border-color);
    margin: 6px 0px;
  }
}



@media (min-width: 1025px){
  .footer-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 35px;
    padding-bottom: 15px;
  }

  .footer-col {
    padding-left: 10px;
    padding-right: 10px;
    width: 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }

  .footer-col:first-child{
    width: 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }
  .footer-col:nth-child(5){
    width: 22%;
    flex: 0 0 22%;
    max-width: 22%;
  }
}


@media (max-width: 1024px) and (min-width: 680px){
  .footer-bottom {
    margin-top: 35px;
    padding-bottom: 15px;
  }

  .footer-col {
    display: inline-block;
    float: right;
    padding-right: 15px;
    width: 70%;
  }

  .footer-col:first-child{
    width: 30%;
    flex: 0 0 30%;
    max-width: 30%;
    float:left;
  }

  a.footer-hyperlink{
    display: inline-block;
    padding: 0px 10px 5px 0px;
  }

  .footer-bottom  .horizontal-line{
      display: none;
  }

  .footer-link-group{
    display: inline;
  }
  
}

@media (max-width: 679px){
  .footer-bottom {
    margin-top: 35px;
    padding-bottom: 15px;
  }

  .footer-col {
    display: block;
    padding: 15px 0px;
    border-bottom: solid 1px var(--border-color);
  }

  .footer-col:last-child{
    border-bottom: none;
  }

  .footer-col:first-child{
    text-align: center;
  }

  .footer-col span {
    font-size: 1rem;
  }

  .footer-col-title{
    margin-bottom: 1.5rem;
  }

  .footer-site-logo {
    margin-left: auto;
    margin-right: auto;
  }

  .footer-col span.footer-social-sharing-title{
    display:none;
  }

  a.footer-hyperlink{
    display: block;
    padding: 0px 10px 5px 0px;
  }

  .footer-social-sharing{
    padding: 15px 0px;
  }

  .footer-app-links{
    justify-content: center;
  }

  .footer-app-links a {
    max-width: 180px;
  }

  .footer-link-group {
    display: inline-block;
    width: 50%;
    float: left;
  }

  .footer-link-group-100w{
    width: 100%;
  }

  .footer-social-sharing a {
    padding: 0px;
    font-size: 25px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 767px){
  .footer-bottom {
    border-bottom: solid 1px var(--border-color);
  }
}
.footer-bottom-line{
  border-bottom: solid 2px var(--border-color);
  margin-bottom: 20px;
  margin-top: 5px;
}

.footer-bottom-copyright {
  padding-bottom: 15px;
  text-align: center;
  padding-top: 15px;
  border-bottom: solid 1px var(--border-color);
}

.footer-bottom-copyright div:last-child img {
  width: 90px;
}


.category-page-main-carousel.owl-carousel .owl-item {
  display: flex;
  align-items: stretch;
}


.category-page-main-carousel .owl-dots {
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}

.category-page-main-carousel .owl-dots .owl-dot {
  margin-bottom: 0 !important;
}

.category-page-header-title, .tag-page-header-title, .mobile-category-page-header-title {
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: var(--frame-side-padding);
  color: var(--section-title-color);
}

@media (max-width:767px){
  .category-page-header-title, .tag-page-header-title, .mobile-category-page-header-title {
    font-size: 1.3rem;
  }
  .category-page-header-title{
    display:none !important;
  }
}

.category-page-header-title.with-breadcrumb a {
  color: var(--signature-brown);
}

.category-page-header-title.with-breadcrumb i {
  padding: 0px 15px;
  font-size: 1rem;
  line-height: calc(1.6rem * 1.6);
}

.category-page-header-title.with-breadcrumb {
  display: flex;
  align-items: center;
}

@media (min-width:769px){
  .category-page-sub-menu{
    display:flex;
    flex-wrap: wrap;
    margin: 10px var(--frame-side-padding) 0px var(--frame-side-padding);
    justify-content: center;
  }
  .category-page-sub-menu .menu-item:after {
    content: "\26AB";
    font-size: 3px;
    line-height: calc(1.6 * 1.3rem);
  }

  .category-page-sub-menu .menu-item a {
    padding: 0px 15px;
    font-size: 1.3rem;
    display: inline-block;
    line-height: 1.6;
  }
  
  .category-page-sub-menu .menu-item {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
  }
  
  .category-page-sub-menu .menu-item:last-child:after {
    display: none;
  }
  
  .category-page-sub-menu .menu-item:first-child a {
    padding: 0px 15px 0px 0px;
  }

  .category-page-sub-menu .menu-item.current-item a{
    color: var(--signature-brown);
  }
}

@media (max-width:768px){
  .category-page-sub-menu{
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
    display:flex;
    margin: 10px var(--frame-side-padding) 15px var(--frame-side-padding);
  }

  .category-page-sub-menu::-webkit-scrollbar {
    display: none; 
  }

  .category-page-sub-menu .menu-item{
    margin-right: 10px;
    display: inline-block;
  }

  .category-page-sub-menu .menu-item a {
    /* border: solid 1px var(--border-color); */
    padding: 4px 10px;
    font-size: 1.2rem;
    line-height: 1.6;
    display: inline-block;
  }

  .category-page-sub-menu .menu-item.current-item a{
    background-color: #000000;
    color: #ffffff;
  }




}

.article-content-frame {
  display: flex;
  flex-wrap: wrap;
}
.desktop-border-frame.article-content-frame{
  padding-left: 0px;
  padding-right: 0px;
  border: 0px;
}
.article-content-sidebar {
  width: 320px;
  flex: 0 0 320px;
  max-width: 320px;
  border-right: 0px;
  border-left: 0px;
  /* padding-right: 20px; */
  padding-left: 20px;  
}

.article-content-column {
  width: calc(100% - 320px);
  max-width: calc(100% - 320px);
  flex: 0 0 calc(100% - 320px);
  --font-control-size: 1.4rem;
  padding-left: 20px;
  padding-right: 20px;
  border: solid 1px var(--lighter-grey-color);
  border-top: 0px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.article-content-column.font-level-1{
  --font-control-size: 1.1rem;
}
.article-content-column.font-level-2{
  --font-control-size: 1.2rem;
}
.article-content-column.font-level-3{
  --font-control-size: 1.3rem;
}
.article-content-column.font-level-4{
  --font-control-size: 1.4rem;
}
.article-content-column.font-level-5{
  --font-control-size: 1.5rem;
}
.article-content-column.font-level-6{
  --font-control-size: 1.6rem;
}
.article-content-column.font-level-7{
  --font-control-size: 1.7rem;
}
.article-content-column.font-level-8{
  --font-control-size: 1.8rem;
}
.article-content-column.font-level-9{
  --font-control-size: 1.9rem;
}

@media (max-width:767px){
  .article-content-column {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    padding-left: var(--frame-side-padding);
    padding-right: var(--frame-side-padding);
    border: 0px;
    box-shadow: none;
    transition: none;    
  }

}

.event-submission-btn-wrapper {
  text-align: center;
  margin: 10px 0px;
}

a.event-submission-btn {
  display: inline-block;
  color: #ffffff !important;
  background-color: var(--signature-brown);
  padding: 8px 30px;
  font-weight: bold;
}

.section-title.related-news-header-title div{
  margin-top: 1.5rem;
  display: inline-block;
  padding: 0px 20px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: var(--color);
}

@media (min-width:768px){
  .section-title.related-news-header-title{
    text-align: left;
  }
}


.article-page-related-article.owl-carousel.owl-loaded .owl-item{
  display: flex;
  align-items: stretch;
}

.article-page-related-article.owl-carousel.owl-loaded .owl-item > .post-frame{
  width: 100%;
}

.article-page-related-article .owl-dots {
  margin-top: 15px !important;
  margin-bottom: 0px !important;
}

.article-page-related-article .owl-dots .owl-dot {
  margin-bottom: 0 !important;
}
@media (min-width:600px){
  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded){
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    width:auto;
  }

  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded) .post-frame{
    width: 33.333%;
    max-width: 33.333%;
    flex: 0 0 33.333%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-A .post-frame{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-B .vertical-post-frame{
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 20px;
  }

  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-C .vertical-post-frame{
    width: 33.333%;
    max-width: 33.333%;
    flex: 0 0 33.333%;
    margin-bottom: 20px;
  }

  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-D{
    overflow: hidden;
    flex-wrap: nowrap;
  }

  .article-page-related-article.owl-carousel .horizontal-line.desktop-hidden{
    display: none !important;
  }
}



@media (min-width:600px) and (max-width:767px){
    .article-page-related-article.owl-carousel:not(.type-A) .vertical-post-frame.mobile-horizontal .img-frame,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame .img-frame {
      width: 100%;
      padding-top: 56.25%;
    }
    .article-page-related-article.owl-carousel:not(.type-A) .vertical-post-frame.mobile-horizontal *,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame * {
      float: none;
    }
    .article-page-related-article.owl-carousel:not(.type-A) .vertical-post-frame.mobile-horizontal .title,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame  .title {
      width: 100%;
      padding-left: 0px;
    }
    
    .article-page-related-article.owl-carousel:not(.type-A) .vertical-post-frame.mobile-horizontal .meta,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame .meta {
      width: 100%;
      padding-left: 0px;
    }
    
    .article-page-related-article.owl-carousel:not(.type-A)  .vertical-post-frame.mobile-horizontal .meta .counter,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame .meta .counter  {
      display: inline-block;
    }
    .article-page-related-article.owl-carousel:not(.type-A) .vertical-post-frame.mobile-horizontal .cat,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame .cat {
      font-size: 1rem;
      padding-left: 0px;
      width: 100%;
      float: none;
    }
  
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame.no-img-frame .title,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame.no-img-frame .meta,
    .article-page-related-article.owl-carousel:not(.type-A) .horizontal-post-frame.no-img-frame .cat {
      width:100%;
      padding-left: 0px 0px;
    }
}

@media (min-width:768px) and (max-width:1199px){
  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-C,
  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-D{
    flex-wrap: nowrap;
    overflow:hidden;
  }
  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-C .post-frame.vertical-post-frame,
  .article-page-related-article.owl-carousel.not-carousel:not(.owl-loaded).type-D .post-frame.vertical-post-frame{
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media (max-width:599px){
  .article-page-related-article.owl-carousel:not(.owl-loaded){
    display: block;
  }

  .article-page-related-article.owl-carousel:not(.owl-loaded) .vertical-post-frame.no-img-frame{
    display:block;
  }
}

@media (max-width:1199px){
  .article-content-column .simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-1_2col{
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    border: none !important;
  }

  .article-content-column .simple-category-posts.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-2_1col{
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    border: none !important;
  }  
}

.article-content-frame .simple-category-posts .vertical-post-frame .title, 
.article-content-frame .simple-category-posts .horizontal-post-frame .title{
  font-size: 1.1rem;
  font-weight: normal;
}
.article-content-frame .simple-category-posts .vertical-post-frame.mobile-border, 
.article-content-frame .simple-category-posts .horizontal-post-frame.mobile-border {
  padding: 0px;
  border: 0px;
}
.article-content-frame .owl-dots .owl-dot span {
  height: 5px;
  width: 35px;
  margin: 0 5px;
  outline: none;
  border-radius: 0px;
  border: 0px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  background-color: var(--orange-color);
  display: block;
  -webkit-backface-visibility: visible;
}

.article-page-sidebar-section1 {
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: solid 1px var(--lighter-grey-color);
  min-width: 80%;
  margin-bottom: 20px;
  max-width: 100%;
}

.article-page-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.article-page-breadcrumb i,.article-page-breadcrumb a, .article-page-breadcrumb a h2{
  color: var(--signature-brown);
  font-size: 1.3rem;
}

.article-page-breadcrumb a:nth-last-child(2) , .article-page-breadcrumb .double-arrow-wrapper:nth-last-child(3) i , .article-page-breadcrumb a:nth-last-child(2) h2{
  color: var(--color);
}

.article-page-breadcrumb .double-arrow-wrapper:nth-last-child(3) i.double-arrow-right.arrow{
  border: solid var(--color);
  border-width: 0 1px 1px 0;
}

.article-page-breadcrumb .double-arrow-wrapper:last-child{
  display: none;
}

.article-page-breadcrumb a {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}

.article-page-breadcrumb a:first-child {
  padding-left: 0px;
}

.article-page-breadcrumb .breadcrumb-post-title{
  font-size: 1.3rem;
}

.article-page-date {
  font-size: 1.25rem;
}


.article-page-author {
  font-size: 1.3rem;
  padding-top: 3px;
}

.article-page-post-view {
  font-size: 1.1rem;
}

.article-page-post-view i {
  padding-right: 5px;
}

.article-page-tags {
  padding-top: 8px;
}

.article-page-tag a ,
.article-page-tag a span,
.article-page-tag a h2{
  font-size: 1rem;
  color: var(--tag-color);
}

.article-page-tag a h2{
  display:inline;
}

.article-page-tag a i {
  margin-right: 7px;
  font-size: 1rem;
  margin-left: 5px;
}

.hot-topic-header {
  font-size: 1.3rem;
  text-align:center;
  padding-top: 10px;
  color: var(--tag-color);
  font-weight: bold;
}

/* .hot-topic-widget-list {
  min-width: 80%;
  max-width: 100%;
  display: inline-block;
  padding: 15px 20px;
} */

.hot-topic-widget-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px 20px 0px 20px;
}

.hot-topic-widget-list a , .hot-topic-widget-list a h2{
  font-size: 1.2rem;
}

.hot-topic-widget-list a {
  flex: 0 0 48%;
  margin-bottom: 10px;
  background-color: white;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hot-topic-widget-list a:hover {
  box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
  transform: translateY(-2px);
}

.hot-topic-wrapper {
  padding-bottom: 15px;
  display: none;
  background-color: #FFEADC;
  border-radius: 10px;  
}

.hot-topic-wrapper.show{
  display: block;
}

.article-content-column .hot-topic-wrapper {
  text-align: center;
  padding-top: 15px;
}

.article-content-column .hot-topic-widget-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: left;
}

.article-content-column .hot-topic-widget-list a {
  min-width: 40%;
  font-size: 1.3rem;
  padding: 3px 5px;
}

.article-content-column .hot-topic-wrapper .hot-topic-header {
  font-weight: bold;
  font-size: 1.5rem;
}

.article-content-column .hot-topic-wrapper.show {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.article-page-bookmark {
  font-size: 1.3rem;
  color: var(--signature-brown);
}

.article-page-bookmark:hover{
  cursor: pointer;
}

.article-page-bookmark.done:hover{
  cursor:not-allowed;
}

.article-page-share > div:first-child {
  font-size: 1.2rem;
}

.article-page-share > div:nth-child(2) {
  padding: 5px 0px 20px 0px;
}

.article-page-share > div:nth-child(2) a,
.article-page-share > div:nth-child(2) > span {
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 5px;
  background-color: var(--signature-brown);
  color: var(--bg-color);
  border-radius: 50px;
  line-height: 1;
  width: 35px;
  height: 35px;
  text-align: center;
  position: relative;
}

.article-page-share > div:nth-child(2) > span i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.article-page-share > div:nth-child(2) a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.article-page-share a i.fa-check,
.article-page-share span i.fa-check{
  color: #73d073;
}

.os-share-action:not(.show){
  display: none !important;
}

.article-content-column .article-page-share {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.article-content-column .article-page-share > div:nth-child(2) {
  padding-top: 0;
  padding-bottom: 0;
}

.article-page-title {
  font-size: calc(1.3 * var(--font-control-size)) !important;
  font-weight: bold;
  line-height: 1.3;
}

.article-page-meta-row-1 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.font-adjuster {
  display: inline-block;
}

.font-adjuster span {
  font-size: 1.3rem;
  color: var(--grey-color);
  float: left;
}

.font-adjuster-btn {
  display: inline-block;
  border: 0;
  margin-left: 10px;
}

.font-adjuster-btn div {
  font-size: 1.1rem;
  float: left;

  border: 0;
  border-radius: 50%;
  margin: 2px;
  background: #e9e5e5;  
}

.font-adjuster span {
  font-size: 1.1rem;
}

.font-adjuster-btn div {
  padding: 0px 8px;
}

@media (max-width: 375px) {
  .font-adjuster-btn div {
    font-size: 0.9rem;
  }

  .font-adjuster span {
    font-size: 0.9rem;
  }
  
  .font-adjuster-btn div {
    padding: 0px 4px;
  }
}

.font-adjuster-btn div i {
  font-size: 1.1rem;
  color: var(--grey-color);
}

.font-adjuster-btn div:first-child {
  border-right: 0;
}

.font-adjuster-btn div:hover,.font-adjuster-btn div:active, .font-adjuster-btn div:focus {
  background-color: var(--signature-brown);
}

.font-adjuster-btn div:hover i, .font-adjuster-btn div:active i, .font-adjuster-btn div:focus i {
  color: #ffffff;
}

.hot-topic-bar-wrapper {
  display: none;    
  display: flex;
}
.hot-topic-bar-wrapper.show{
display: block;
}
.hot-topic-bar {
  max-width: 100%;
  overflow-y: scroll;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: inline-block;
}
.hot-topic-bar::-webkit-scrollbar {
  display: none;
}
.hot-topic-bar .nav-items {
  display: flex;
  width: max-content;
  min-height: 45px;
}
.hot-topic-bar .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  margin-left: 0;
  background: var(--silver-grey-bg);
  border-radius: 10px;
  min-width: 100px;
  text-decoration: none;
  color: inherit;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.hot-topic-bar .nav-item:hover {
  cursor: pointer;
}
.hot-topic-bar .nav-item:not(:first-child) {
  margin-left: 5px;
}
.hot-topic-bar .nav-text {
  display: inline-block;
  white-space: nowrap;
  width: auto;
  border-radius: 8px;
  overflow: hidden;
  padding: 2px 8px;
  text-overflow: ellipsis;
  color: var(--black-color);
}

.article-page-meta-row-2 {
  display: block;
}

.article-page-meta-row-2 > div {
  display: inline-block;
}

.article-page-meta-row-2 .article-page-author {
  margin-right: 10px;
}
@media (min-width:768px){
  .article-page-meta-row-1 .article-page-date{
    display: none;
  }
  .article-page-title-header .article-page-breadcrumb{
    margin-top:10px;
  }
}

#article-donation{
  margin-left:10px;
  display: flex;
}

.subscribe-row{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 15px 0;
}
.subscribe-row .subscribetitle{
  color: #CC0E19;
  text-align: center;            
  margin-bottom: 10px;
}
.subscribe-row .subscribe-button {
  background: #DEE4DA 0% 0% no-repeat padding-box;
  border: 1px solid #025D4E;
  border-radius: 13px;
  opacity: 1;
  padding: 7px 52px;
  cursor: pointer;
  width: max-content;
}
.subscribe-row .dsubscribe-button > a {
  display: flex;
  align-items: center;
}
.subscribe-row .subscribe-button > a > span {
  color: #043930;
  font-weight: bold;
  padding-right: 10px;
  font-size: 1.3rem;
}

#article-donation{
  margin-left:10px;
  display: flex;
}
.donation-row{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 15px 0;
}
.donation-row .donation-title{
  color: #CC0E19;
  text-align: center;            
  margin-bottom: 10px;
}
.donation-row .donation-button {
  background: #DEE4DA 0% 0% no-repeat padding-box;
  border: 1px solid #025D4E;
  border-radius: 13px;
  opacity: 1;
  padding: 7px 52px;
  cursor: pointer;
  width: max-content;
}
.donation-row .donation-button > a {
  display: flex;
  align-items: center;
}
.donation-row .donation-button > a > span {
  color: #043930;
  font-weight: bold;
  padding-right: 10px;
  font-size: 1.3rem;
}

.content-column-header-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;    
  align-items:center;
  margin-bottom: 5px;
}
.content-column-header-row .col1{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.article-content-column .meta {
  flex: 0 0 auto;
}
.article-content-column .meta * {
  color: var(--grey-color);
}
.article-content-column .meta .time{
  margin-right: 10px;
}
@media (max-width: 375px) {
  .article-content-column .meta *{
    font-size: 0.9rem;
  }
  .article-page-post-view{
    font-size: 0.9rem;
  }
}

@media (min-width: 768px) {
  .content-column-header-row {
      column-gap: 5px;
  }  
}
#secondary_article_meta_header{
  display:flex;
  justify-content: space-between;    
  flex-wrap: wrap;
  align-items:center;
  margin-bottom: 5px;    
}
#secondary_article_separator{
  width:90%;
  margin-left: auto;
  margin-right: auto;
  border-top: solid 1px var(--lighter-grey-color);
  margin-top: 20px;
  padding-bottom : 20px;
}

.article-page-feedback {
  display: flex;
  text-align: center;
  padding: 15px 0px;
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  min-width: 340px;
}

.article-page-feedback:not(.show){
  display: none !important;
}

.article-page-feedback:not(.disabled) .feedback-emoji:hover{
  cursor:pointer;
}

.article-page-feedback.disabled .feedback-emoji:hover{
  cursor:not-allowed;
}

.feedback-emoji {
  display: inline-block;
  width: calc((100% - 80px) / 5);
  position: relative;
}

.feedback-emoji-counter {
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
}

.feedback-emoji.voted .fa-check-circle{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem;
  background: var(--bg-color);
  border-radius: 50%;
  color: var(--color);
}

@media (max-width:767px){
  .article-page-feedback {
    width: calc(100% - 20px);
    max-width: 340px;
    min-width: unset;
  }
  .feedback-emoji {
    width: calc((100% - 60px) / 5);
  }
}

.article-content-column .article-page-tags {
  flex: 0 0 auto;
  padding-top: 0px;
  overflow: hidden;  
}

.article-content-column .article-page-tag {
  display: inline-block;
  margin-right: 10px;
}

.article-content-column .article-page-tag:last-child{
  margin-right: 0px;
}

.article-content-column .article-page-tag a i{
  margin-right: 0px;
}

.article-page-content {
  padding-top: 15px;
  --content-font-size: var(--font-control-size);
  color: var(--color);
}

.article-page-content figure.imgComment_figure {
  margin-left: auto;
  margin-right: auto;
}


@media(max-width:767px){
  .article-page-content img,
.article-page-content figure.imgComment_figure img {
  max-width: 90% !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
}

.article-page-content img,
.article-page-content figure.imgComment_figure img {
  max-width: 70%;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article-page-content img,
.article-page-content figure.imgComment_figure img {
  max-width: 70%;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article-page-content figure{
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.article-page-content iframe ,
.content-video-adv iframe {
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.article-page-content .wp-video,
.twitter-tweet.twitter-tweet-rendered{
  margin-left: auto;
  margin-right: auto;
}


.article-page-content *, .article-page-content a {
  font-size: var(--content-font-size) !important;
  line-height: 1.5 !important;
  color: inherit;
}

.article-page-content a{
  color: rgb(86, 24, 255);
}


.article-page-content  figcaption,
.article-page-content figure.imgComment_figure figcaption{
  font-size: calc(0.8 * var(--content-font-size)) !important;
  line-height: 1.3 !important;
  color: var(--darker-grey-color) !important;
  margin: 5px 0px 30px 0px !important;
}

.article-page-content ol,
.article-page-content ul {
  margin-left: var(--content-font-size);
}

.article-page-content ul > li:before{
  content:'•';
  position: absolute;
  transform: translateX(-20px);
}

.article-page-content h1,
.article-page-content h2,
.article-page-content h3,
.article-page-content h4,
.article-page-content h5,
.article-page-content h6{
  font-weight: bold !important;
  margin-bottom: 0.5rem;
}

.article-page-content h1,
.article-page-content h1 *{
  font-size: calc(1.6 * var(--content-font-size)) !important;
}

.article-page-content h2,
.article-page-content h2 *{
  font-size: calc(1.5 * var(--content-font-size)) !important;
}

.article-page-content h3,
.article-page-content h3 *{
  font-size: calc(1.4 * var(--content-font-size)) !important;
}

.article-page-content h4,
.article-page-content h4 *{
  font-size: calc(1.3 * var(--content-font-size)) !important;
}

.article-page-content h5,
.article-page-content h5 *{
  font-size: calc(1.2 * var(--content-font-size)) !important;
}

.article-page-content h6,
.article-page-content h6 *{
  font-size: calc(1.1 * var(--content-font-size)) !important;
}

.dark-mode .article-page-content h1:not(.skip-default-style)>span, 
.dark-mode .article-page-content h2:not(.skip-default-style)>span, 
.dark-mode .article-page-content h3:not(.skip-default-style)>span, 
.dark-mode .article-page-content h4:not(.skip-default-style)>span, 
.dark-mode .article-page-content h5:not(.skip-default-style)>span,
.dark-mode .article-page-content a {
  color: var(--color) !important;
}

.dark-mode .article-page-content blockquote, 
.dark-mode .article-page-content qblockquote {
    background-color: #333; 
    border-color: #555; 
}

.article-page-content p {
  padding-bottom: 1.5rem;
}

.article-page-content table{
  word-break: break-word; 
}

.article-page-content .postauthorimg {
  margin-left: -250px;
  width: 220px;
  display: block;
  position: absolute;
}

.article-page-content:has(> .postauthorimg) {
  margin-left: 250px;
  overflow-y: visible !important;
}

@media (max-width: 1439px){
  .article-page-content .postauthorimg {
    margin: 0 auto;
    display: block;
    position: relative;
  }
  
  .article-page-content:has(> .postauthorimg) {
    margin-left: auto;
  }
}

.blockpage .font-adjuster-desktop{
  display:none !important;
}

.blockpage .font-adjuster{
  display:none !important;
}


.no-item-msg {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}


.article-content-column ivs-player{
  display:block !important;
}

.article-page-pockettime-widget .ivs-floating-widget.ivs-content-mediaready.ivs-content-loaded {
  bottom: calc(100vh * 0.21 ) !important;
}

@media (max-width: 768px){
  .article-page-pockettime-widget .ivs-floating-widget.ivs-content-mediaready.ivs-content-loaded {
    bottom: calc(100vh * 0.21 + 50px) !important;
  }
  .article-page-pockettime-widget.app .ivs-floating-widget.ivs-content-mediaready.ivs-content-loaded {
    bottom: calc(100vh * 0.21 + 70px) !important;
  }  
}

.ivs-container {
  padding-bottom: 56.25%;
  position: relative;
  background: lightgray;
}

.ivs-container > ivs-player {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mobile-article-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
  background: #d8d8d8;
  z-index: 99999999;
}

.mobile-article-bar i {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.mobile-article-bar > div > span {
  display: inline-block;
}

.mobile-article-bar > div > span.social-icon i {
  font-size: 1.3rem;
  color: var(--bg-color);
}

.mobile-article-bar > div > span.social-icon a {
  background-color: var(--color);
  border-radius: 1.8rem;
}

.mobile-article-bar > div > span a {
  display: inline-block;
}

.mobile-article-bar > div > span a {
  height: 2.2rem;
  width: 2.2rem;
  text-align: center;
}

.mobile-article-bar > div.left > span  {margin-left: 3px;margin-right: 3px;}

.mobile-article-bar > div.left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-article-bar > div.left > span.bookmark {
  margin-left: 0px;
}

.mobile-article-bar > div.left > span.bookmark a{
  position: relative;
}

.mobile-article-bar > div.left > span.bookmark a .fa-check{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
}

.mobile-article-bar > div.right span.prev-article-action:not(.show),
.mobile-article-bar > div.right span.next-article-action:not(.show){
  display: none !important;
}

/**
 * ==============================================
 * Dot Typing
 * ==============================================
 */
 .loading-dots.stage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2rem 0;
  margin: 0 -5%;
  overflow: hidden;
}
 .dot-typing {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--signature-brown);
  color: var(--signature-brown);
  box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  }
  33.333% {
    box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  }
  50% {
    box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px -10px 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  }
  66.667% {
    box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  }
  83.333% {
    box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px -10px 0 0 var(--signature-brown);
  }
  100% {
    box-shadow: 9984px 0 0 0 var(--signature-brown), 9999px 0 0 0 var(--signature-brown), 10014px 0 0 0 var(--signature-brown);
  }
}

.dot-bricks {
  position: relative;
  top: 8px;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--signature-brown);
  color: var(--signature-brown);
  box-shadow: 9991px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown);
  animation: dotBricks 2s infinite ease;
}

@keyframes dotBricks {
  0% {
    box-shadow: 9991px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown);
  }
  8.333% {
    box-shadow: 10007px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown);
  }
  16.667% {
    box-shadow: 10007px -16px 0 0 var(--signature-brown), 9991px -16px 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown);
  }
  25% {
    box-shadow: 10007px -16px 0 0 var(--signature-brown), 9991px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown);
  }
  33.333% {
    box-shadow: 10007px 0 0 0 var(--signature-brown), 9991px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown);
  }
  41.667% {
    box-shadow: 10007px 0 0 0 var(--signature-brown), 10007px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown);
  }
  50% {
    box-shadow: 10007px 0 0 0 var(--signature-brown), 10007px -16px 0 0 var(--signature-brown), 9991px -16px 0 0 var(--signature-brown);
  }
  58.333% {
    box-shadow: 9991px 0 0 0 var(--signature-brown), 10007px -16px 0 0 var(--signature-brown), 9991px -16px 0 0 var(--signature-brown);
  }
  66.666% {
    box-shadow: 9991px 0 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown), 9991px -16px 0 0 var(--signature-brown);
  }
  75% {
    box-shadow: 9991px 0 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown), 10007px -16px 0 0 var(--signature-brown);
  }
  83.333% {
    box-shadow: 9991px -16px 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown), 10007px -16px 0 0 var(--signature-brown);
  }
  91.667% {
    box-shadow: 9991px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown), 10007px -16px 0 0 var(--signature-brown);
  }
  100% {
    box-shadow: 9991px -16px 0 0 var(--signature-brown), 9991px 0 0 0 var(--signature-brown), 10007px 0 0 0 var(--signature-brown);
  }
}

.loading-layer{
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background-color: #ffffffc2;
  display:flex;
  justify-content: center;
  align-items: center;
  z-index:999;
}

.loading-layer .loading-dots.stage{
  width:100%;
}

.local-news-preference {
  z-index: 999;
  background-color: var(--bg-color);
}

.local-news-preference-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  padding: 10px 15px;
  background-color: var(--bg-color);
  border-bottom: solid 1px var(--lighter-grey-color);
}

.local-news-preference-item:first-child, .local-news-preference-item:nth-child(2), .local-news-preference-item:nth-child(3) {
  background-color: #F8EFE2;
}

.local-news-preference-item > span:nth-child(2):hover{
  cursor: move;
}

@media (min-width: 768px){
  .local-news-preference:not(.show){
    display: none !important;
  }
  .local-news-preference {
    box-shadow: -2px 2px 8px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -2px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 2px 8px 0px rgba(0,0,0,0.75);
    width: 228px;
    position: absolute;
    top: calc(1.6 * 1.5rem + 6px);
    right: 0;
  }

  .local-news-preference-item:last-child{
    border-bottom: none;
  }
}
@media (max-width: 767px){
  .local-news-preference{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    transition: right 0.5s;
  }
  .local-news-preference.show{
    right: 0;
  }
  .local-news-preference-mobile-header {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    padding-top: 10px;
    padding-left: 15px;
  }

  .local-news-preference-mobile-header img {
      width: 80px;
      margin-left: 15px;
      margin-bottom: 10px;
  }
}
.my-fav-cols {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  height: 100vh;
  background: var(--bg-color);
  overflow-y: auto;
}



.my-fav-select {
  width: 100%;
  max-width: 768px;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  flex-wrap: wrap;
  padding: 10px;
  border: solid 1px var(--border-color);
  background-color: var(--lightest-grey-color);
}



.my-fav-select-left {
  display: flex;
  flex:  0 0 50%;
  width: 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}


.my-fav-select-left .box {
  display: flex;
  border: solid 1px var(--grey-color);
  width: 100%;
  flex-direction: column;
  background-color: var(--bg-color);
}

ul.connected-sortable {
  padding: 15px 0px 0px 15px;
  max-height: 380px;
  overflow-y: auto;
}

ul.connected-sortable li:hover{
  cursor:pointer;
}

ul.connected-sortable li {
  display: inline-block;
  float: left;
  padding: 6px 15px;
  border: solid 1px var(--section-title-color);
  margin-bottom: 10px;
  margin-right: 10px;
  color: var(--section-title-color);
  background-color: var(--bg-color);
  position:relative;
}

ul.connected-sortable li i{
  position:absolute;
  top:-3px;
  right: -3px;
}

.my-fav-select .big-title {
  width: 50%;
  flex:  0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.2rem;
  padding-bottom: 5px;
  font-weight: bold;
  color: var(--section-title-color);
}

.my-fav-select .box-close {
  width: 50%;
  flex:  0 0 50%;
  max-width: 50%;
  text-align: right;
  align-self: center;
}
.box-close.fas.fa-window-close{
  font-size: larger;
}

.my-fav-select span.small-title {
  padding: 15px 0px 0px 15px;
  font-size: 1.1rem;
  text-align: center;
  font-weight: bold;
  color: var(--section-title-color);
}
.my-fav-select-close {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
}

.my-fav-select-close i{
  margin-right: 8px;
}

.my-fav-select-close:hover{
  cursor: pointer;
}

.my-fav-select-close > div {
  background-color: var(--section-title-color);
  padding: 8px 0px;
  color: var(--bg-color);
}

@media (max-width:773px){
  .my-fav-cols {
    padding: 15px;
  }
}

@media (max-width:767px){

.my-fav-cols {
  padding: 0px;
  overflow-y: hidden;
}

.my-fav-select {
  margin-left: 0;
  margin-right: 0;
  border: none;
  background-color: transparent;
  max-height: 100vh;
  overflow-y: auto;
}
.my-fav-select-left {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding-left: 0px; 
  padding-right: 0px;
}
ul.connected-sortable {
  max-height: 280px;
}

.my-fav-select-left:nth-child(3) .box{
  border: none;
}
}

#favlistmore{
  margin-top: 15px;
}

#favlistmore > div{
  padding: 8px 20px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px var(--signature-brown);
  background-color: var(--signature-brown);
}

#favlistmore > div .arrow.down{
  transform: rotate(45deg) translateY(-6px);
  -webkit-transform: rotate(45deg) translateY(-6px);
}
#favlistmore.link-more span{
	color: white;
}
#favlistmore.link-more .arrow{
	border: solid white;
  border-width: 0 1px 1px 0;
}
.frame-with-320-sidebar {
  display: flex;
  flex-wrap: wrap;
}

.frame-child-with-320-sidebar {
  flex: 0 0 calc(100% - 320px);
  max-width: calc(100% - 320px);
  width: calc(100% - 320px);
}
@media (min-width: 768px){
.frame-child-with-320-sidebar:not(.sidebar){
  padding-right: 15px;
}
}

.frame-child-with-320-sidebar.sidebar {
  flex:  0 0 320px;
  max-width: 320px;
  width: 320px;
}

@media (max-width: 767px){

  .frame-with-320-sidebar.mobile-reverse-top {
    flex-direction: column-reverse;
  }

  .frame-child-with-320-sidebar, .frame-child-with-320-sidebar.sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  
  #side-box{
    width: 100% !important;
  }
}

.post-list-flex-frame{
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 900px){
  .video-cat-post{
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .video-cat-post:nth-child(1) .horizontal-space.mobile-hidden, .video-cat-post:nth-child(3) .horizontal-space.mobile-hidden{
    display: none;
  }
}

@media (min-width: 768px){
  .video-cat-post{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .post-list-flex-frame{
    margin-left:-15px;
    margin-right: -15px;
  }
}
@media (max-width: 899px){
  .video-cat-post{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.sidebar .hot-posts-frame {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px){
  .sidebar .hot-posts-frame-title .hot-posts-toggle > .hot-posts-toggle-item {
      padding: 6px 10px;
  }

  .sidebar .hot-posts-frame-title .section-title ,
  .sidebar .hot-posts-frame-title .hot-posts-toggle {
      margin-bottom: 1rem;
  }

  .sidebar .hot-posts-frame-title {
      align-items: center;
      flex-wrap: wrap;
  }
  .sidebar .hot-posts-frame-list .desktop-2col.hot-post{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .sidebar .hot-posts-frame-list .desktop-2col.hot-post .img-frame{
    display: none;
  }

  .sidebar .desktop-border-frame{
    padding: 15px 20px;
    margin: 10px var(--frame-side-padding);
  }

  .sidebar .hot-posts-frame-list .desktop-2col.hot-post:nth-last-child(2) .horizontal-line{
    display: block;
  }

}

#cat-post-list.no-cat .horizontal-post-frame .cat,
#cat-post-list.no-cat .vertical-post-frame .cat{
  display:none !important;
}

#cat-post-list.full-width-image .img-frame img{
  width:100%;
}

.editorial-post .vertical-post-frame .img-frame {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(60 / 100 * 58.25%);
}

@media (min-width: 1081px){
  .editorial-post .hot-post.desktop-2col.vertical-post-frame{
    padding-left: 15px;
    padding-right:15px;
  }
}

.cat.event-name{
  font-size: 1.3rem !important;
}

.video-wrapper{
  opacity: 1;
  box-shadow: 0px 4px 35px rgb(0 0 0 / 20%);
  margin: auto;
  margin-bottom: var(--content-font-size) ;
}

div.ads-frame, span.ads-frame{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mobile-sticky-ads{
    position: fixed !important;
    bottom: 0;
    z-index: 999999999999;
}

div.ads-frame.sidebar-ads-frame, span.ads-frame.sidebar-ads-frame{
  margin: 10px 0px !important;
}

@media (min-width: 768px){
  .mobile-ads-frame{
    display: none !important;
  }
}

@media (max-width: 767px){
  .desktop-ads-frame{
    display: none !important;
  }
}

div.ads-frame.ads-padding-bottom,  span.ads-frame.ads-padding-bottom{
  padding: 0 0 1.5rem 0  !important;
  padding-bottom:1.5rem !important;
}

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
  max-width: 100% !important;
  width: 100% !important;
}


.wp-video{
  max-width: 100% !important;
}


.footer-sticky-icon {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  padding-right: 10px;
}

@media (max-width: 768px){
  .footer-sticky-icon{
    bottom: 150px;
  }
  .footer-sticky-icon.desktop-hidden.article-page-footer{
    /* bottom: 439px; */
    top: 70px;
    padding-right: 0px;
  }
}

@media (min-width: 769px){
  .footer-sticky-icon.mobile-hidden{
    bottom: 100px;
  }

  .footer-sticky-icon.mobile-hidden.article-page-footer{
    /* bottom: 339px; */
    top: 70px;
  }
}

.footer-sticky-icon.fromtop{
  bottom:unset;
}

.footer-sticky-icon a {
  display: block;
  width: 100px;
}

.footer-sticky-icon a img {
  width: 100%;
}

@media (max-width: 758px){
  .footer-sticky-icon a {
    width: 70px;
  }
}

#external-featured-list-wrapper {padding: 10px 0px;}

.external-featured-list-item {
    display: block;
    padding: 5px 0px;
}

.external-featured-list-item a {
    display: inline-block;
    color: var(--ext-list-color);
    text-underline-position: under;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.external-featured-list-item a:hover,
.external-featured-list-item a:active{
  text-decoration: underline !important;
}

.bottom-crawler-wrapper{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999999999;
}
.bottom-crawler-close{
  position: absolute;
   padding:0px 5px;
   background:#f2f2f2;
  position:absolute;
  right:1px;
  top:0px;
  font-size:32;
  font-weight:bold;
  margin-top: 1px;
}

p.dfp.ad_header {
  display:none;
}

p.dfp.ad_header.show {
  display:block;
  color: #8a9299;
  font-size: 10px !important;
  padding-bottom: unset !important;
  margin-bottom: 3px;
  margin-top: 3px;
  text-transform: uppercase;
  text-align: center;
  width: 100%
}

.fav-minimum {
  display:none;
  text-align: center;
  color: red;
  margin-bottom: 2px;
}

.stock_marquee_wrapper{
  display: flex;
  background: #ececec;
  height: 50px;
  margin-bottom:10px;
}
.stock_marquee_wrapper .dongtai {
  vertical-align: initial;
}
.stock_marquee_wrapper .ctrl-dongtai{
  min-width: fit-content;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

#marquee_stock {
  line-height: 50px;  
  overflow: hidden;
}
#marquee_stock .fas.fa-arrow-down{
    color:red;
}
#marquee_stock .fas.fa-arrow-up{
    color:green;
}
#marquee_stock .stockLink span:nth-child(1){
    font-weight: bolder;
    margin-right: 4px;
}

#marquee_stock .hotstocktitle{
    min-width: 70px;
    display:inline-block;
    text-align:center;
}
#marquee_stock .hotstocktitle span{
    font-weight: bolder;
    font-size:1.5rem;
    vertical-align: top;
}
#marquee_stock .fa-hand-point-up{
    vertical-align: bottom;
}
#marquee_stock .fas, #marquee_stock .far{
  margin-right: 3px;
}
#marquee_stock .green_font{
  color: green;
}
#marquee_stock .red_font{
  color: red;
}

.stock_marquee_wrapper.blue{
  background: #001872;
}
.stock_marquee_wrapper.blue .ctrl-dongtai-logo{
  margin-right: 10px;
  width: 150px;
  min-width: 150px;
  display: flex;
  align-items: center;
}
.stock_marquee_wrapper.blue #marquee_stock a,
.stock_marquee_wrapper.blue #marquee_stock a span,
.stock_marquee_wrapper.blue .hotstocktitle,
.stock_marquee_wrapper.blue .hotstocktitle span {
  color:white;
}

.article-page-post-view > i.fa-eye{
	color:unset;
}

.myfav-list {
  position: relative;
}


.layout.v2 .myfav-list .flex-row-wrapper{
  /* margin-left:0px;
  margin-right:0px; */
}


.myfav-header {
  display: block;
}

#myfav-box .refresh-button {
  font-size: 1.4rem;
  color: var(--signature-brown);
  padding: 3px 10px;
}
@media (min-width: 768px){
  #myfav-box .refresh-button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px){
  #myfav-box .refresh-button {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
}



.layout.v2 #myfav-box .refresh-button {
  font-size: 1.1rem;
  color: white;
  padding: 3px 10px;
  flex: 0 0 auto;
  align-self:flex-start;
  background-color: var(--standard-red);
  border-radius: 5px;
  cursor: pointer;
}

@media (min-width: 768px){
  .layout.v2 #myfav-box .refresh-button {
    position: relative;
  }
}
@media (max-width: 767px){
  .layout.v2 #myfav-box .refresh-button {
    font-size: 1.1rem;
    margin-bottom: 0;
    text-align: center;
  }
}

.layout.v2 .myfav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 5px;
}

@media (max-width: 767px){
  .myfav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
}

.layout.v2 .myfav-header .section-title {
  display:flex;
}

.myfav-frame{
  display:block;
}
@media (min-width: 768px){
  .myfav-frame{
  display:flex;
  }
}

.article-page-post-view{
	display:none;
}
.article-page-post-view.show{
	display: inline-block;
}
.simple-category-posts .counter.externalweb .far.fa-eye{
	color: var(--grey-color) !important;
}
.simple-category-posts .counter.externalweb .post-view-counter{
	display:none !important;
}
.font-adjuster-desktop-outer-frame{
  position:relative;
  border: solid 0px gray;
  display:block;
  height:0.001px;
  overflow-y: visible;      
  width: 100%;
  margin: -20px;
  margin-top: -15px;
  margin-right: -20px;
  margin-left: 20px;
}
.font-adjuster-desktop {
  display: none;
}
@media (min-width:768px){
  .font-adjuster-desktop {
    position: absolute;top: 0; right: 0; 
    display:flex; flex-direction:column; text-align:center;
    z-index: 10;
  }
  .font-adjuster-desktop span {
    color: var(--signature-brown);
    font-size: 1.1rem;    
    background: white;
  }
  .font-adjuster-desktop-btn {
    border: solid 1px var(--signature-brown);  
    display:flex; flex-direction:column;
    background-color: #ffffff;
    margin-left: 0px;
  }
  .font-adjuster-desktop-btn div {
    font-size: 1.1rem;    
    padding: 4px 8px;
  }
  .font-adjuster-desktop-btn div:hover,.font-adjuster-desktop-btn div:active, .font-adjuster-desktop-btn div:focus {
    background-color: var(--signature-brown);
  }
  .font-adjuster-desktop-btn div:hover i, .font-adjuster-desktop-btn div:active i, .font-adjuster-desktop-btn div:focus i {
    color: #ffffff;
  }
  .font-adjuster-desktop-btn div i {
    font-size: 1.1rem;
    color: var(--signature-brown);
  }
  .font-adjuster-desktop-btn div:first-child {
    border-bottom: solid 1px var(--signature-brown);
  }
  .article-page-title {
    width: calc(100% - 15px) !important;
  }
  .article-page-content p:nth-of-type(1){
    width: calc(100% - 15px) !important;
  }  
  .article-page-content figure:nth-of-type(1){
    width: calc(100% - 30px) !important;
  } 
  .article-page-content #ivsplayer01-container{
    width: calc(100% - 15px) !important;
  }  
}

@media (min-width:1440px){
  .article-page-title {
    width: auto !important;
  }
  .article-page-content p:nth-child(1){
    width: auto !important;
  }
  .article-page-content figure:nth-child(1){
    width: auto !important;
  }
}

@media (max-width:767px){
  .article-page-meta-row-2 .article-page-post-view:not(.show){
    display: none;
  }
  .article-page-meta-row-2 .article-page-author.mobile-flex{
    display: flex;
  }
}

a#scroll-up {
  /* bottom: 0px;
  position: fixed; */
  display: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 1001;
  text-align: center;
}
a#scroll-up i {
  font-size: 20px;
  color: #666;
  background-color: #ddd;
  border-radius: 50%;
  padding: 10px;
}

@media (max-width: 767px){
  .article-page-content #ivsplayer01-container{
    width: 100%;
  }
}

@media (max-width: 372px){
	.layout.v1 .hot-posts-toggle > .hot-posts-toggle-item {
		padding: 6px 24px;
	}
}
@media (max-width: 340px){
  .hot-posts-toggle> .hot-posts-toggle-item {
    font-size: 0.7rem;
  }
	.layout.v1 .hot-posts-toggle > .hot-posts-toggle-item {
    padding: 6px 20px;
	}  
}

.articlepagehotpost{
  padding-top:15px;
  padding-bottom:15px;
  padding-left:0px;
  padding-right:20px;
}

#category-load-more.link-more  {
  display: table;  
  padding: 8px 20px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px white;
  background-color: white;
}
#category-load-more.link-more a {
  color: var(--link-more-color);
}
#category-load-more.loadmore.link-more span {
  flex-direction: row;
  color: var(--link-more-color);
}
#category-load-more.loadmore.link-more .arrow{
	border: solid var(--link-more-color);
  border-width: 0 1px 1px 0;
}

@media (max-width: 767px){
  #category-load-more.link-more {
      margin-top: 10px;
  }
}

.petrol_marquee_wrapper{
  display: flex;
  background: #ececec;
  height: 50px;
  margin-bottom:10px;
}
.petrol_marquee_wrapper .date {
  vertical-align: initial;
}
.petrol_marquee_wrapper .ctrl-date{
  min-width: fit-content;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
}
.petrol_marquee_wrapper .ctrl-date .btn{
	cursor:text !important;
}
#marquee_petrol {
  line-height: 50px;  
  overflow: hidden;
}
#marquee_petrol .fas.fa-arrow-down{
    color:green;
}
#marquee_petrol .fas.fa-arrow-up{
    color:red;
}
#marquee_petrol .petrolLink span:nth-child(1){
    font-weight: bolder;
    font-size:1.2rem;
    margin-right: 4px;
}
#marquee_petrol .fa-hand-point-up{
    vertical-align: bottom;
}
#marquee_petrol .fas, #marquee_petrol .far{
  margin-right: 3px;
}
#marquee_petrol .fas.fa-arrow-{
    margin-right: 0px;
}
#marquee_petrol .green_font{
  color: green;
}
#marquee_petrol .red_font{
  color: red;
}
.user-cookies-consent-wrapper {
  position: fixed;
  bottom:  10%;
  left: 5%;
  width: 30%;
  max-width: 500px;
  background: var(--bg-color);
  padding: 20px;
  border: solid 3px var(--signature-brown);
  z-index: 99999999999;
}

.agree-wrapper {
  text-align: center;
  margin-top: 10px;
}

.agree-wrapper span {
  padding: 5px 15px;
  background: var(--signature-brown);
  color: #ffffff;
}

.close-cookies-consent {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  font-size: 20px;
  line-height: 1;
  color: var(--signature-brown);
}

.agree-wrapper:hover, .close-cookies-consent:hover {
  cursor: pointer;
}

.consent-link{
font-weight:bold;
color: var(--signature-brown);
}


@media  (max-width: 1023px){
.user-cookies-consent-wrapper {
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    border: solid 5px var(--signature-brown);
    border-bottom: none;
    border-left: none;
    border-right: none;
}
}
.stockportfolio_hover {
  position: absolute;
  display: none;
  bottom: calc(-100% - 2px);
  background-color: var(--bg-color);
  right: -1px;
  padding: 4px 10px;
  z-index: 99;
  color: var(--signature-brown);
  box-shadow: 2px 2px 6px 2px rgba(159,159,159,0.75);
  -webkit-box-shadow: 2px 2px 6px 2px rgba(159,159,159,0.75);
  -moz-box-shadow: 2px 2px 6px 2px rgba(159,159,159,0.75);
  width: 115px;
}

#header-login-btn:hover .stockportfolio_hover{
  display:inline-block;
}

.category-page-header.faxiandongmeng{
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width:768px){
  .category-page-title-side-banner.faxiandongmeng{
      padding-left:40px;
  }  
}
@media (max-width:767px){
  .category-page-title-side-banner.faxiandongmeng{
      padding-left: 20px;
  }
  .category-page-header.faxiandongmeng .category-page-header-title{
      display:block !important;
  }
}

#iframe_blockpost{
  border:none;
  width:100%;
  height:100%;
}
.article-content-column.blockcontent {
  width: 100% !important;
  display: block !important;
}

.read-more-msg {padding-top: 120px;
  text-align: center;
  background: rgb(248 248 248);
  background: linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(248,248,248,0.25) 10%, rgba(248,248,248,0.5) 19%, rgba(248,248,248,0.85) 43%, rgba(248,248,248,1) 100%);
  padding-bottom: 10px;
  position: relative;
  margin-top: -110px;
  border-bottom: solid 1px #e3e3e3;}

.read-more-msg.done{
  display: none !important;
} 

.continue-read-btn {display: inline-block;}

.continue-read-btn-text {font-size: 1.38rem !important;line-height: 1 !important;    color: #ffffff;
  background: #00a0c7;
  padding: 8px 20px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;}

.continue-read-btn-icon {
  line-height: 1 !important;}

.continue-read-btn-icon i{color: #5b5b5b;font-size: 20px !important;
  line-height: 1 !important;}

.read-more-wrapper:not(.released){
  display:none;
}

.article-content-column .section-title a span.link{
	color: var(--signature-brown);
}
.article-content-column ul>li {
  margin-bottom: 0.5rem;
}

.stockGroup .sponsorlabel, .stockGroup .bannerClick, .stockBoard .sponsorlabel, .stockBoard .bannerClick {
  display:none;
}

.logo-uob{
  max-height: 33px;
}

div.ads-frame.coundown-banner-desktop{
  margin-left:8px !important;
}

div.ads-frame.coundown-banner-desktop, div.ads-frame.coundown-banner-mobile{
  width: 300px !important;
  height: 50px;
}
div.ads-frame.coundown-banner-mobile{
  margin: 10px auto 0px auto!important;
}

@media (max-width:999px) and (min-width:871px){
  div.ads-frame.coundown-banner-desktop{
    width: 260px !important;
    height: 44px;
  }
}

@media (max-width:870px){
  div.ads-frame.coundown-banner-desktop{
    display:none !important;
  }

  .article-page-content:has(> .postauthorimg) {
    margin-left: auto;
    overflow-y: hidden !important;
  }
}

@media (min-width:871px){
  div.ads-frame.coundown-banner-mobile{
    display:none !important;
  }
}

.article-page-content .article-content-tag-links a {
  color: var(--signature-brown);
  text-decoration:underline;
}
.article-page-content .article-content-tag-links a:hover,
.article-page-content .article-content-tag-links a:active{
  text-decoration: underline !important;
}

.article-page-content h1 a{
  font-size: calc(1.6 * var(--content-font-size)) !important;
}
.article-page-content h2 a{
  font-size: calc(1.5 * var(--content-font-size)) !important;
}
.article-page-content h3 a{
  font-size: calc(1.4 * var(--content-font-size)) !important;
}
.article-page-content h4 a{
  font-size: calc(1.3 * var(--content-font-size)) !important;
}
.article-page-content h5 a{
  font-size: calc(1.2 * var(--content-font-size)) !important;
}
.article-page-content h6 a{
  font-size: calc(1.1 * var(--content-font-size)) !important;
}

.category-page.localnews + .category-page-header-title{
  text-align: center;
  color: var(--signature-brown);
}

.footer-sticky-icon a#merdekaIconMob img {
  width: 85%; margin-left: 5px;
}

.hot-post-sidebar-wrapper{
  display: block;    
  border-radius: 10px;
  border: 1px solid lightgrey;
  padding: 10px 15px;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin-bottom: 10px;
}
@media (min-width: 900px){
  .hot-posts-frame.web_sidebar .hot-posts-frame-title {
      display: block;
  }
}
@media (min-width: 768px){
  .hot-posts-frame.web_sidebar {
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }
  .hot-posts-frame.web_sidebar .hot-posts-frame-list .hot-post{
    width: 100%;
    flex: 0 0 100%;
    padding-left: 10px;
    padding-right: 10px;
  }  
}
.hot-posts-frame.web_sidebar .hot-posts-frame-title .section-title{
  margin-bottom: unset;
  text-align: left;
}
.hot-posts-frame.web_sidebar .hot-posts-toggle{
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 0px;
}
.hot-posts-frame.web_sidebar .hot-posts-frame-title .hot-posts-toggle > .hot-posts-toggle-item {
  color: var(--tab-text-color-2);
  background-color: transparent;
  border:0;
  border-radius: 20px;
  padding: 0px 5px;
  min-width: 60px;
  margin: 0 1px;
  font-size: 1rem;
  text-align: center;
}
.hot-posts-frame.web_sidebar .hot-posts-frame-title .hot-posts-toggle > .hot-posts-toggle-item.current {
  color: var(--tab-text-color-1);
  background-color: var(--tab-color-1);
}
.hot-posts-frame.web_sidebar .hot-posts-frame-list .hot-post{
  display: flex;
  flex-direction: column;
}
.hot-posts-frame.web_sidebar .hot-posts-frame-title{
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}
.hot-posts-frame.web_sidebar .hot-posts-frame-title .section-title{
  font-size:1.1rem;
}
.hot-posts-frame.web_sidebar .meta{
  text-align:right;
}

.hot-post-sidebar-wrapper .vertical-post-frame .title {
  font-size: inherit;
  font-weight: normal;
  margin-bottom: 0.1rem;
  line-height: 1.3;
}
.hot-post-sidebar-wrapper .vertical-post-frame .img-frame {
   margin-bottom: 0px;
}
.hot-post-sidebar-wrapper .vertical-post-frame .horizontal-space-above {
  margin-top: 20px;
}
.hot-post-sidebar-wrapper .vertical-post-frame .horizontal-line{
  display:none;
}
.hot-posts-frame.mob .hot-posts-toggle{
	margin-bottom: 10px;
}

@media (max-width: 767px){
  .hot-posts-frame.mob{
    margin-top: 10px;
  }
  .hot-posts-frame.mob .hot-posts-frame-list .hot-post{
    display: flex;
    flex-direction: column;
  }  
  .hot-posts-frame.mob .hot-posts-frame-list .hot-post{
    width: 50%;
    flex: 0 0 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .hot-posts-frame.mob .hot-posts-frame-list .hot-post .horizontal-line{
    margin-top:auto;
  }
}
@media (min-width: 768px){
  .hot-posts-frame.mob{
    display: none;
  }
}

.desktop-header-ge-logo-img-wrapper{
  width: 125px;
  height: 55px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-featured-logo .desktop-header-ge-logo-img-wrapper img{ 
  max-width: 100%;
}



@media (max-width:767px){
  .mobile-header-ge-logo-img-wrapper {
    display: flex !important;
    width: 87px;
    height: 40px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
  }
  
  .mobile-header-ge-logo-img-wrapper  img{
    max-width: 100% !important;
  }
}

@media (max-width:390px){
  .mobile-header-ge-logo-img-wrapper {
    width: 70px;
    height: 30px;
  }
}

@media (min-width:391px) and (max-width:415px){
  .main-header-logo {
    width: 68px !important;
  }
}

#ge_countdown_logo_desktop{
  width:80px;
}

#ge_countdown_logo_mobile,
#ge_countdown_logo_mobile2{
  width: 108px;
}
@media (max-width:839px){
  #ge_countdown_logo_desktop{
      display: none !important;
  }
}

@media (min-width:840px){
  #ge_countdown_logo_mobile2{
      display: none !important;
  }
}

#ge_countdown_logo_mobile a, #ge_countdown_logo_mobile2 a{
  width:100% !important;
}

.head-news-wrapper {
  padding: 5px 10px;
  text-align: center;
}

.head-news-wrapper:hover{
  cursor: pointer;
}

a.head-news > span {
  display: inline-block;
}

@media (min-width:768px){
  a.head-news > span {
    font-weight: bold;
    font-size: 1.2rem;
  }
}

a.head-news .head-news-button.m-block{
  margin:5px;
}
a.head-news .head-news-button.m-block span{
  padding: 5px 10px;
}

@media (max-width:767px){
  a.head-news .head-news-button.m-block{
    display: block;
  }
}

.cat-post-list-desktop-card-mobile-horizontal {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.desktop-card-mobile-horizontal-post-frame {
  width: 50%;
  flex:  0 0 50%;
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  padding-top: 13px;
  padding-bottom: 13px;
}


.desktop-card-mobile-horizontal-post .img-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.desktop-card-mobile-horizontal-post {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 2px 3px 12px -4px rgba(51,51,51,1);
  -moz-box-shadow: 2px 3px 12px -4px rgba(51,51,51,1);
  box-shadow: 2px 3px 12px -4px rgba(51,51,51,1);
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
}

.desktop-card-mobile-horizontal-post .img-frame {
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  display:block;
  
}

.desktop-card-mobile-horizontal-post .img-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.desktop-card-mobile-horizontal-post .title {
  padding: 8px 15px;
}

.desktop-card-mobile-horizontal-post .title a {
  font-size: 1.3rem;
  font-weight: bold;
}

.desktop-card-mobile-horizontal-post .desc a {
  font-size: 1.1rem;
  color: var(--grey-color);
  line-height: 1.5rem;
  display: block;
}

.desktop-card-mobile-horizontal-post .desc {
  padding: 0px 30px 0px 15px;
  overflow: hidden;
  position: relative;
  text-align: justify;
  margin-right: -15px;
  max-height: 3rem;
  width:100%;
}

.desktop-card-mobile-horizontal-post .meta {
  padding: 12px 15px 20px 15px;
}

.desktop-card-mobile-horizontal-post .meta .time,
.desktop-card-mobile-horizontal-post .meta .counter *
{
  color: var(--darker-grey-color);
}

.desktop-card-mobile-horizontal-post .meta .time{
  margin-right: 10px
}

.desktop-card-mobile-horizontal-post .desc:after {
  content: '';
  position: absolute;
  right: 13px;
  width: 15px;
  height: 15px;
  margin-top: -11px;
  background-color: var(--bg-color);
}

.desktop-card-mobile-horizontal-post .desc:not(.nodots):before {
  content: '...';
  position: absolute;
  right: 13px;
  bottom: 0;
}
.desktop-card-mobile-horizontal-post.no-img-frame-inner-div {
  background-color: #EDEDED;
  padding: 25px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative !important;
}

.desktop-card-mobile-horizontal-post-frame.no-img-frame {
  display: flex;
  flex-direction: row;
  position: relative;
  border: none !important;
}

.desktop-card-mobile-horizontal-post-frame.no-img-frame .desc {
  flex: 1;
  overflow: hidden;
  position: relative;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  max-height: unset;
  width:100%;
  font-size: 17px;
  line-height: 1.3;
}

.desktop-card-mobile-horizontal-post-frame.no-img-frame .desktop-card-mobile-horizontal-post .desc:after{
  background-color: #EDEDED;
}

.desktop-card-mobile-horizontal-post-frame.no-img-frame .desktop-card-mobile-horizontal-post .desc:not(.nodots):before{
  right: 0px;
  bottom: 5px;
}

@media (max-width: 1023px){
  .desktop-card-mobile-horizontal-post-frame{
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-top: 0px;
  }

  .desktop-card-mobile-horizontal-post{
      border-radius: 0px;
      -webkit-box-shadow: unset;
      -moz-box-shadow: unset;
      box-shadow: unset;
      display: block;
      padding-top: 13px;
      border-top: solid 1px var(--lighter-border-color);
  }

  .desktop-card-mobile-horizontal-post-frame:first-child .desktop-card-mobile-horizontal-post{
      border-top: none;
  }
  .desktop-card-mobile-horizontal-post .img-frame{
      width: 35%;
      float: left;
      padding-bottom: calc(35% * 56.25 / 100);
  }

  .desktop-card-mobile-horizontal-post .title {
      padding: 0px 10px 5px 10px;
      width: 65%;
      float: left;
  }

  .desktop-card-mobile-horizontal-post .desc{
      display: none;
  }

  .desktop-card-mobile-horizontal-post .meta {
      padding: 0px 10px 0px 10px;
      width: 65%;
      float: right;
  }

  .desktop-card-mobile-horizontal-post:after{
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
  }

  .desktop-card-mobile-horizontal-post .title a{
      line-height: 1.1;
      font-size: 1.2rem;
  }

  .desktop-card-mobile-horizontal-post-frame.no-img-frame .desktop-card-mobile-horizontal-post .title,
  .desktop-card-mobile-horizontal-post-frame.no-img-frame .desktop-card-mobile-horizontal-post .meta{
      width: 100%;
  }

  .desktop-card-mobile-horizontal-post.no-img-frame-inner-div{
      background-color: unset;
  }
}




.desktop-horizontal-mobile-horizontal-post-frame {
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.desktop-horizontal-mobile-horizontal-post .img-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.desktop-horizontal-mobile-horizontal-post {
  overflow: hidden;
  width: 100%;
  border-radius: 0px;
  display: block;
  padding-top: 13px;
}
.desktop-horizontal-mobile-horizontal-post .cat a{
  color: var(--signature-brown);
}
.desktop-horizontal-mobile-horizontal-post .img-frame {
  overflow: hidden;
  position: relative;
  display:block;
  width: 35%;
  float: left;
  padding-bottom: calc(35% * 56.25 / 100);
}
.desktop-horizontal-mobile-horizontal-post .img-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.desktop-horizontal-mobile-horizontal-post .title {
  padding: 0px 10px 5px 10px;
  width: 65%;
  float: left;    
  /* display: flex; */
}
.desktop-horizontal-mobile-horizontal-post .desc a {
  color: var(--grey-color);
  display: block;
  line-height: 1.1;
  font-size: 1.2rem;
}
.desktop-horizontal-mobile-horizontal-post .desc {
  display:none;
}
.desktop-horizontal-mobile-horizontal-post .meta * {
  color: var(--grey-color);
  font-size: 0.8rem;
  display: inline-block;
}
.desktop-horizontal-mobile-horizontal-post .meta {
  padding: 0px 10px 0px 10px;
  width: 65%;
  float: right;    
}
.desktop-horizontal-mobile-horizontal-post:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.desktop-horizontal-mobile-horizontal-post .meta .time,
.desktop-horizontal-mobile-horizontal-post .meta .counter *
{
  color: var(--darker-grey-color);
}
.desktop-horizontal-mobile-horizontal-post .meta .time{
  margin-right: 10px
}
.desktop-horizontal-mobile-horizontal-post .desc:after {
  content: '';
  position: absolute;
  right: 13px;
  width: 15px;
  height: 15px;
  margin-top: -11px;
  background-color: var(--bg-color);
}
.desktop-horizontal-mobile-horizontal-post .desc:not(.nodots):before {
  content: '...';
  position: absolute;
  right: 13px;
  bottom: 0;
}

.desktop-horizontal-mobile-horizontal-post .cat.cat-mobile, 
.desktop-horizontal-mobile-horizontal-post .cat.cat-mobile {
    display: none;
}
@media (max-width: 767px){
  .desktop-horizontal-mobile-horizontal-post .cat.cat-desktop, 
  .desktop-horizontal-mobile-horizontal-post .cat.cat-desktop {
      display: none;
  }
  .desktop-horizontal-mobile-horizontal-post .cat.cat-mobile, 
  .desktop-horizontal-mobile-horizontal-post .cat.cat-mobile {
      display: block;
  }
}



@media (max-width:768px){
  #iz-news-hub-discovr-outer-wrapper.iz-news-hub-floating-icon-container-bottom-left{
    bottom: 110px !important;
  }
}


.hot-post-sidebar-wrapper-v5{
  display: block;    
  border-radius: 10px;
  border: 1px solid lightgrey;
  padding: 10px 20px;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  margin-bottom: 10px;
}
.desktop-horizontal-mobile-vertical-post-frame {
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.desktop-horizontal-mobile-vertical-post {
  overflow: hidden;
  width: 100%;
  border-radius: 0px;
  display: block;
  padding-top: 13px;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .img-frame {
  overflow: hidden;
  position: relative;
  display:block;
  width: 35%;
  float: left;
  padding-bottom: calc(35% * 56.25 / 100);
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .img-frame{
  padding-top:unset;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .img-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  max-width: 100%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.desktop-horizontal-mobile-vertical-post.vertical-post-frame .title {
  padding: 0px 10px 5px 10px;
  width: 65%;
  float: left;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .desc a {
  color: var(--grey-color);
  display: block;
  line-height: 1.1;
  font-size: 1.2rem;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .desc {
  display:none;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta * {
  color: var(--grey-color);
  font-size: 0.8rem;
  display: inline-block;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta {
  padding: 0px 10px 0px 10px;
  width: 65%;
  float: right;    
}
.hot-posts-frame.web_sidebar .desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta{
  text-align: left;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .cat {
  text-align: left !important;
  padding:0px 10px 0px 10px;
  }

.desktop-horizontal-mobile-vertical-post:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta .time,
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta .counter *
{
  color: var(--darker-grey-color);
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta .time{
  margin-right: 10px
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .desc:after {
  content: '';
  position: absolute;
  right: 13px;
  width: 15px;
  height: 15px;
  margin-top: -11px;
  background-color: var(--bg-color);
}
.desktop-horizontal-mobile-vertical-post.vertical-post-frame .desc:not(.nodots):before {
  content: '...';
  position: absolute;
  right: 13px;
  bottom: 0;
}

@media (max-width: 768px) {

  .hot-post-sidebar-wrapper-v5{
    box-shadow: none;    
    border:0px;
    padding:0px;
  }
  .desktop-horizontal-mobile-vertical-post-frame {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      width: 50%;
      flex: 0 0 50%;
      max-width: 50%;

      padding-left: 10px;
      padding-right: 10px;      
  }
  .desktop-horizontal-mobile-vertical-post.vertical-post-frame .img-frame{
    border: 0px;
    margin-bottom: 8px;
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    overflow: hidden;
    border:0px;
    float: unset;
    padding-bottom: unset;
  }
  .desktop-horizontal-mobile-vertical-post.vertical-post-frame .img-frame{
    padding-top: 56.25%;
  }
  
  .desktop-horizontal-mobile-vertical-post.vertical-post-frame .title{
    padding:0;
    display:block;
  }
  .desktop-horizontal-mobile-vertical-post.vertical-post-frame .title,
  .desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta {
      width: auto;
      padding: 0;
  }
  .desktop-horizontal-mobile-vertical-post.vertical-post-frame .meta{
    float:unset;
  }
}


.desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal .img-frame{
  padding-top: 0;
  overflow: hidden;
  width: 100%;
  flex: 0 0 100%;
  margin-bottom:0px;
}
.desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal .img-frame a{
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

.desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal .title, 
.desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal .meta,
.desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal .cat {
  width: 100%;
}
@media (max-width: 767px){

  .desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal{
    display: flex;
    flex-direction: row;
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
  }
  .desktop-3col-mobile-1col.type2 .post-frame-mobile-right {
      width: 55%;
      flex: 0 0 55%;
      padding-left: 10px;
  }
  .desktop-3col-mobile-1col.type2.vertical-post-frame.mobile-horizontal .img-frame{
    padding-top: 0;
    overflow: hidden;
    width: 100%;
    flex: 0 0 45%;
  }
}

.category-page-header.faxiandongmeng .category-page-header-title{
	min-width: 110px;
}

.top-header-download-app {
    display:flex;
    position: relative;
    text-decoration: none;
    cursor: default;
}
.top-header-download-app .text{
    display:flex;
    align-items: center;
}
.top-header-download-app::before {
    content: url('/public/images/QRCode7.png?v=0.2');
    display: none;
    position: absolute;
    top: 120%;
    left: -20%;
    transform: translateX(-50%);  
    z-index: 1022;
    box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    -webkit-box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
    -moz-box-shadow: 2px 2px 12px 0px rgba(131,131,131,0.75);
}

.top-header-download-app:hover::before {
    display: block;
}
.top-header-download-app:hover::after {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}

.live-badge {
  align-items: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: calc(0.75 * var(--font-control-size));
  display: inline-block;
  height: 100%;
  white-space: nowrap;
  width: auto;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px 5px 0px 20px;
  text-overflow: ellipsis;
  line-height: calc(1.2 * var(--font-control-size));
  color: #fff;
  word-break: break-word;
}
.live-badge-red { background: #BC0000; }
.live-badge-red::before { 
  background: #fff;
  border-radius: 50%;
  border-style: none;
  content: '';
  height: 10px;
  left: 6px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
  animation: blinkliveicon 1.5s ease-in-out infinite;  
}
@keyframes blinkliveicon {
  0%, 100%{ opacity: 0; }
  40%, 70%{ opacity: 1; }
}


.live-badge-listing {
  align-items: center;
  font-family: "Open Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  display: inline-flex;
  white-space: nowrap;
  width: auto;
  position: relative;
  border-radius: 5px;
  padding: 0px 5px 0px 20px;
  text-overflow: ellipsis;  
  color: #fff;
  word-break: break-word;
  height: 20px;  
  font-size: 0.83rem;
  line-height: 1.3;
  margin-right: 3px;
}

.vertical-post-frame.card-style .title .live-badge-listing{
  height: 25px;  
  font-size: 1.1rem;
}
.live-badge-listing-red { background: #BC0000; top: -3px; }

.live-badge-listing-red::before { 
  background: #fff;
  border-radius: 50%;
  border-style: none;
  content: '';
  height: 10px;
  left: 6px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
  animation: blinklivelistingicon 1.5s ease-in-out infinite;  
}

@keyframes blinklivelistingicon {
  0%, 100%{ opacity: 0; }
  40%, 70%{ opacity: 1; }
}

@media (max-width:1279px){
  .hotpost-page-header{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .hotpost-page-header .page-title{
    flex: 0 0 100%;
    text-align: center;
  }
  .hotpost-page-header .hot-posts-toggle-wrapper{
    margin: 0 auto;
  }  
}

@media (min-width:1280px){
  .hotpost-page-header{
    position: relative;
    display: flex;
    align-items: center;
  }
  .hotpost-page-header .hot-posts-toggle-wrapper{
    margin: 0 auto;
  }
}


.hotpost-page-header .page-title{
  margin-bottom: 0;
}

.hotpost-page-header .hot-posts-toggle{
  margin-bottom: 0;
}

.hotpost-page-list-wrapper .cat-post-list > .horizontal-line:first-child,
.hotpost-page-list-wrapper .cat-post-list > .horizontal-space:nth-child(2)  {
  display: none;
}

.hotpost-page-header .hot-posts-toggle-wrapper.sticky {
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
  background-color: var(--bg-color);
  padding: 8px 0px 10px 0px;
  z-index: 1;
  box-shadow: 0px 2px 2px 0px rgba(180, 180, 180, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
  transform: none;
}

.link-more.link-more-btn-style .internalLink {
  padding: 8px 20px;
  background-color: var(--signature-brown);
  color: var(--bg-color);
}

.link-more.link-more-btn-style  .arrow{
  border:solid var(--bg-color);
  border-width: 0 1px 1px 0;
}


body.inapp-webview nav {
  display: none;
}

.article-page-title h1{
  display:inline;
}

.skip-default-style{
  color: inherit;
}

.footer-top-links .skip-default-style:hover{
 color:#ffffff;
}

.horizontal-post-frame .title h2{
  display: inline;
}

body.st-body-no-scroll {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}
#shareall.hidden {
  opacity: 0;
  top: 100%;
}
#shareall .st-backdrop {
    background: rgba(0, 0, 0, 0.85);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2000;
}
#shareall .st-btns {
    bottom: 56px;
    left: 0;
    margin: 100px auto 0;
    max-width: 90%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    z-index: 2001;
    overflow-y: auto;
}
#shareall .st-logo {
    background: #4c4c4c;
    bottom: 0;
    cursor: pointer;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 30;
}
#shareall .st-close {
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #999;
    bottom: 28px;
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    height: 56px;
    line-height: 28px;
    padding: 10px;
    position: absolute;
    right: 14px;
    width: 56px;
    z-index: 2001;
}
#shareall .st-close > img {
  height: 40px;
  width: 40px;
}
#shareall .st-btn {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	height: 48px;
	line-height: 30px;
	margin: 7px;
	opacity: 1;
	overflow: hidden;
	padding: 8px 12px;
	position: relative;
	text-align: left;
	top: 0;
	vertical-align: top;
	width: 148px;
	transition: transform 0.3s ease-in-out;
}
#shareall .st-btn:hover {
    transform: scale(1.1);
}
#shareall .st-btn::before {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
	background: #fff;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#shareall .st-btn:hover::before {
  opacity: .2;
}
#shareall .st-btn > svg {
  display: inline-block;
  height: 20px;
  margin-top: 6px;
  vertical-align: top;  
  width: 20px;
}
#shareall .st-btn > img {
  display: inline-block;
  height: 20px;
  margin-top: 6px;
  vertical-align: top;
  width: 20px;
}
#shareall .st-btn > span {
  display: inline-block;
  letter-spacing: 0.5px;
  text-align: center;
  vertical-align: top;
  width: 96px;
  color: #fff;
}
@media(max-width: 1200px) {
  #shareall .st-btns {
    margin-top: 50px;
  }
}
@media(max-width: 800px) {
  #shareall .st-btns {
    margin: 0 auto;
    max-width: 100%;
    padding: 32px 10px 50px;
  }
  #shareall .st-btn {
    width: 130px;
  }
  #shareall .st-btn > span {
    width: 74px;
  }
}
#shareall .st-btn[data-network='blogger'] {
  background-color: #ff8000;
}
#shareall .st-btn[data-network='buffer'] {
  background-color: #323B43;
}
#shareall .st-btn[data-network='copy'] {
  background-color: #14682B;
}
#shareall .st-btn[data-network='digg'] {
  background-color: #262626;
}
#shareall .st-btn[data-network='douban'] {
  background-color: #2E963D;
}
#shareall .st-btn[data-network='mail'] {
  background-color: #7d7d7d;
}
#shareall .st-btn[data-network='evernote'] {
  background-color: #5BA525;
}
#shareall .st-btn[data-network='facebook'] {
  background-color: #4267B2;
}
#shareall .st-btn[data-network='gmail'] {
  background-color: #D44638;
}
#shareall .st-btn[data-network='instapaper'] {
  background-color: #000000;
}
#shareall .st-btn[data-network='iorbix'] {
  background-color: #364447;
}
#shareall .st-btn[data-network='kakao'] {
  background-color: #F9DD4A;
}
#shareall .st-btn[data-network='kindleit'] {
  background-color: #363C3D;
}
#shareall .st-btn[data-network='kooapp'] {
  background-color: #FACD00;
}
#shareall .st-btn[data-network='line'] {
  background-color: #00c300;
}
#shareall .st-btn[data-network='linkedin'] {
  background-color: #0077b5;
}
#shareall .st-btn[data-network='livejournal'] {
  background-color: #00b0ea;
}
#shareall .st-btn[data-network='mailru'] {
  background-color: #168de2;
}
#shareall .st-btn[data-network='messenger'] {
  background-color: #448AFF;
}
#shareall .st-btn[data-network='odnoklassniki'] {
  background-color: #d7772d;
}
#shareall .st-btn[data-network='outlook'] {
  background-color: #3070CB;
}
#shareall .st-btn[data-network='pinterest'] {
  background-color: #CB2027;
}
#shareall .st-btn[data-network='print'] {
  background-color: #222222;
}
#shareall .st-btn[data-network='qzone'] {
  background-color: #F1C40F;
}
#shareall .st-btn[data-network='reddit'] {
  background-color: #ff4500;
}
#shareall .st-btn[data-network='sharethis'] {
  background-color: #95D03A;
}
#shareall .st-btn[data-network='skype'] {
  background-color: #00aff0;
}
#shareall .st-btn[data-network='sms'] {
  background-color: #ffbd00;
}
#shareall .st-btn[data-network='telegram'] {
  background-color: #0088cc;
}
#shareall .st-btn[data-network='tencentqq'] {
  background-color: #5790F7;
}
#shareall .st-btn[data-network='trello'] {
  background-color: #0D63DE;
}
#shareall .st-btn[data-network='tumblr'] {
  background-color: #32506d;
}
#shareall .st-btn[data-network='twitter'] {
  background-color: #55acee;
}
#shareall .st-btn[data-network='vk'] {
  background-color: #4c6c91;
}
#shareall .st-btn[data-network='viber'] {
  background-color: #645EA4;
}
#shareall .st-btn[data-network='wechat'] {
  background-color: #4EC034;
}
#shareall .st-btn[data-network='weibo'] {
  background-color: #ff9933;
}
#shareall .st-btn[data-network='whatsapp'] {
  background-color: #25d366;
}
#shareall .st-btn[data-network='wordpress'] {
  background-color: #21759b;
}
#shareall .st-btn[data-network='yahoomail'] {
  background-color: #720e9e;
}
#shareall .st-btn[data-network='yummly'] {
  background-color: #E16120;
}

a.scroll-to-primary, a.scroll-to-secondary {
  display: none;
  opacity: 1;
  z-index: 1001;
  text-align: center;
}

a.scroll-to-primary div, a.scroll-to-secondary div {
  font-size: 15px;
  color: #000;
  background-color: #ddd;
  border-radius: 30%;
  padding: 5px;
  width: 35px;
}

.article-tag-button span, .article-tag-button i {
  font-size: 1.3rem;
  color: var(--signature-brown);
  cursor: pointer;
}

.scroll-progress-container {
  width: 100%;
  background-color: #FFFFFF;
  height: 5px;
  display: block;
}
.scroll-progress-bar {
  background-color: var(--dark-green);
  width: 0%;
  display: block;
  height: inherit;
}
.scroll-progress-container.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999999999;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media only screen and (max-width: 767px) {
  .article-page-tags-mobile {
      position:relative;        
      padding-top: 0px;
      overflow: hidden;
  }
  .article-page-tags-mobile .slide {
      display: flex;
      justify-content: flex-start;
      overflow: hidden;
      padding-left: 0px;
      padding-right: 0px;
      box-sizing: border-box;
  }
  .article-page-tags-mobile .tag-column {
      display: flex;
      flex-direction: column;
      padding-right: 10px;
  }
  .article-page-tags-mobile .article-page-tag {
      width: auto;
      white-space: nowrap;
  }
  .tags-slider.owl-carousel .owl-dots button {
    margin-bottom: 0px;
  }
  .tags-slider.owl-carousel .owl-nav button span {
      font-size: 30px;
      padding-bottom: 5px;
      height: 30px;
      display: flex;
      align-items: center;
      color: #fff;
  }
  .tags-slider.owl-carousel .owl-nav button.owl-prev,
  .tags-slider.owl-carousel .owl-nav button.owl-next {
      z-index: 1111;
      width: 25px;
      height: 25px;
      background-color: #DE6269;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .tags-slider.owl-carousel .owl-nav button.owl-prev, 
  .tags-slider.owl-carousel .owl-nav button.owl-next {
      top: 10%;
      width: 30px;
      height: 30px;
  } 
  .tags-slider.owl-carousel .owl-nav button.owl-prev {
      left: 0px;
  }
  .tags-slider.owl-carousel .owl-nav button.owl-next {
      right: 0px;
  }
  .tags-slider.owl-carousel .owl-nav button.owl-prev.disabled{
      display: none;
  }
  .slider-tags.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:0px;
  }
}

.cat-posts-list-item-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cat-posts-list-item {
  padding: 0px 5px 10px 5px;
}
.cat-posts-list-item {
  position: relative;
  width: 100%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.cat-posts-list-item .meta {
  position: absolute;
  left:0;
  bottom: 15px;
  padding: 0 12px;
  width: 100%;
  z-index: 2;
}
.cat-posts-list-item .meta .time{
  margin-right: 10px;
}
.cat-posts-list-item .meta *{
  color: #fff;
  font-size: 0.8rem;
  display: inline-block;
}
.cat-posts-list-item i.fas.fa-play-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 3rem;
  color: #fff;
}
@media (max-width: 767px){
  .cat-posts-list-item {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}

.baige-mobile{
  margin-left:-10px;
  margin-right:-10px;
}
.baige-mobile .bigVideo .cat-posts-list-item{
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  display:block;
  position:relative;
}
.baige-mobile .bigVideo .cat-posts-list-item img{
  width: 100%;
}




.custom-nav-style-v2{
  position: relative;
}
.custom-nav-style-v2.owl-carousel .owl-nav button.owl-next,
.custom-nav-style-v2.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-nav-style-v2.owl-carousel .owl-nav button.owl-prev{
  left: -15px;
  width: 30px;
}
.custom-nav-style-v2.owl-carousel .owl-nav button.owl-next{
  right: -15px;
  width: 30px;
}
@media (max-width:767px){
  .custom-nav-style-v2.owl-carousel .owl-nav button.owl-prev{
    left: 0px;
    width: 30px;
  }
  .custom-nav-style-v2.owl-carousel .owl-nav button.owl-next{
    right: 0px;
    width: 30px;
  }
}
.carousel-nav-v2.prev,
.carousel-nav-v2.next {
  width: 30px;
  height: 30px;
  background-color: #D1303A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color:white;
  font-weight: bold;
}


.custom-nav-style-v2.var1.owl-carousel .owl-nav button.owl-next, 
.custom-nav-style-v2.var1.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
}
@media (min-width: 501px) and (max-width: 600px) { 
    .custom-nav-style-v2.var1.owl-carousel .owl-nav button.owl-next, 
    .custom-nav-style-v2.var1.owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 25%;
        transform: translateY(-50%);
    }
}

.custom-nav-style-v2.var2.owl-carousel .owl-nav button.owl-next, 
.custom-nav-style-v2.var2.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
}

.homepage-headline-news-wrapper-v2.custom-nav-style-v2.owl-carousel .owl-nav button.owl-next,
.homepage-headline-news-wrapper-v2.custom-nav-style-v2.owl-carousel .owl-nav button.owl-prev{
    top: 50%;
}


.custom-nav-style-v3{
  position: relative;
}
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next,
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
  right: 50px;
  width: 30px;
}
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next{
  right: 10px;
  width: 30px;
}
@media (max-width:767px){
  .custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
    right: 50px;
    width: 30px;
  }
  .custom-nav-style-v3.owl-carousel .owl-nav button.owl-next{
    right: 10px;
    width: 30px;
  }
}
.carousel-nav-v3.prev,
.carousel-nav-v3.next {
  width: 30px;
  height: 30px;
  background-color: #D1303A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.carousel-nav-v3.prev img,
.carousel-nav-v3.next img {
    width: 100%;
    height: 100%;
    display: block;
}

.category-page-main-carousel.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next,
.category-page-main-carousel.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
    top: -20px;
}
@media (max-width:767px){
  .category-page-main-carousel.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next,
  .category-page-main-carousel.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
      top: -30px;
  }
}

.BAIGESECTION .carousel-nav-v3.prev,
.BAIGESECTION .carousel-nav-v3.next {
  width: 30px;
  height: 30px;
  background-color: #D1303A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.BAIGESECTION .carousel-nav-v3.prev{
  margin-right: -30px;
}
.BAIGESECTION .carousel-nav-v3.next{
  margin-left: -30px;
}
.BAIGESECTION .carousel-nav-v3.prev img,
.BAIGESECTION .carousel-nav-v3.next img {
    width: 100%;
    height: 100%;
    display: block;
}
.BAIGESECTION .custom-nav-style.owl-carousel .owl-nav button.owl-prev, 
.BAIGESECTION .custom-nav-style.owl-carousel .owl-nav button.owl-next{
  /* top:47%; */
}
@media (max-width:767px){
  .BAIGESECTION .custom-nav-style.owl-carousel .owl-nav button.owl-prev{
    left: -5px;
  }
  .BAIGESECTION .custom-nav-style.owl-carousel .owl-nav button.owl-next{
    right: -5px;
  }
}


.homepage-headline-news-wrapper-v3 .custom-nav-style-v2.owl-carousel .owl-nav button.owl-next,
.homepage-headline-news-wrapper-v3 .custom-nav-style-v2.owl-carousel .owl-nav button.owl-prev{
    top: 50%;
}
.homepage-headline-news-wrapper-v3 .custom-nav-style-v2.owl-carousel .owl-nav .disabled{
  opacity: 1 !important;
}

.homepage-headline-news-wrapper-v3 .carousel-nav-v3.prev,
.homepage-headline-news-wrapper-v3 .carousel-nav-v3.next {
  width: 30px;
  height: 30px;
  background-color: #D1303A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.homepage-headline-news-wrapper-v3 .carousel-nav-v3.prev{
  margin-right: -0px;
}
.homepage-headline-news-wrapper-v3 .carousel-nav-v3.next{
  margin-left: -0px;
}
.homepage-headline-news-wrapper-v3 .carousel-nav-v3.prev img,
.homepage-headline-news-wrapper-v3 .carousel-nav-v3.next img {
    width: 100%;
    height: 100%;
    display: block;
}
@media (max-width:767px){
  .homepage-headline-news-wrapper-v3 .custom-nav-style.owl-carousel .owl-nav button.owl-prev{
    left: -5px;
  }
  .homepage-headline-news-wrapper-v3 .custom-nav-style.owl-carousel .owl-nav button.owl-next{
    right: -5px;
  }
}


.single-pipe-wrapper{
	padding: 0 2px 0 9px;
}
.article-page-breadcrumb .single-pipe-wrapper:last-child {
    display: none;
}

.banner-carousel-dots-wrapper .owl-dots .owl-dot{
	margin-bottom:0px;
}

div.insert_ads > div,
div.insert_ads > div > div,
div.insert_ads > div > div > div,
div.insert_ads > div > div > div > iframe{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.localnews-header {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.localnews-header .left{
  position: relative;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.localnews-header .section-title.left{
	margin-right: 20px;
}
.localnews-selections-bar-scroll {
  position: relative;
  max-width: 100%;
  display: inline-block;
  overflow-x: auto;
  -ms-overflow-style: none;
  overflow-y: hidden;
}
.localnews-selections-bar-scroll::-webkit-scrollbar {
  display: none; 
}
.localnews-selections-bar-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.localnews-selections-bar-scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.localnews-selections-bar-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}
.localnews-selections-bar-scroll {
  cursor: grab;
}
.localnews-selections {
  margin-bottom: 5px;
  width: max-content;
}
.localnews-item {
  margin-right: 8px;
  padding: 2px 10px;
  color: var(--standard-red);
  font-size: 1.25rem;
  display: inline-block;
  position: relative;
}
.localnews-item::after,
.localnews-item.selected::after {
  content: '';
  position: absolute;
  width: 0px;
  height: 3px;
  left: 0;
  bottom: 0;
  background-color: var(--standard-red);
}
.localnews-item.selected::after {
  width: 100%;
}
@media (max-width:767px){
  .localnews-item{
      margin-right:5px;
      padding: 2px 5px;
  }
}

@media (max-width: 767px) {
  .section-content {
      justify-content: space-between;
  }
}
@media (min-width: 768px) { 
  .section-content {
      justify-content: flex-start;
  }
}


.trendingV2 .topik-pilihan-wrapper .owl-stage{
  display: flex;
  justify-content: center;
}
.trendingV2 .topik-pilihan-item{
  padding: 0px 4px;
}
@media (min-width:1024px){
  .trendingV2 .topik-pilihan-item-ruler{
      width: calc(100% / 3);
  }
}
@media (min-width:800px) and (max-width:1023px){
  .trendingV2 .topik-pilihan-item-ruler{
      width: calc(100% / 3);
  }
}
@media (min-width:768px) and (max-width:799px){
  .trendingV2 .topik-pilihan-item-ruler{
      width: calc(100% / 3);
  }
}
@media (min-width:600px) and (max-width:767px){
  .trendingV2 .topik-pilihan-item-ruler{
      width: calc(100% / 1.2);
  }
}
@media (max-width:599px){
  .trendingV2 .topik-pilihan-item-ruler{
      width: calc(100% / 1.2);
  }
}
.trendingV2 .topik-pilihan-image {
  width: 100%;
  padding-bottom: 27%;  
  overflow: hidden;
  position: relative;
  border: solid 1px var(--lighter-grey-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.trendingV2 .topik-pilihan-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.trendingV2 .topik-title {
  position: absolute;
  z-index: 2;
  width: 90%;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  text-shadow: -0.5px -0.5px 0 #9e9a9a, 0.5px -0.5px 0 #9e9a9a, -0.5px 0.5px 0 #9e9a9a, 0.5px 0.5px 0 #9e9a9a;
  text-align: center;
  padding: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.trendingV2 .topik-pilihan-image .overlay {
  transition: all .25s linear;
  background-image: linear-gradient(45deg, #00000010, rgba(255, 237, 74, 0.1));
  z-index: 1;
  opacity: .7;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}


.yanlu-wrapper{
  background-color: #EDEFF5;
}
.yanlu-wrapper .owl-stage{
  display: flex;
  justify-content: center;
}
.yanlu-item{
  display:flex;
  padding: 10px 4px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 5px;  
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.yanlu-item .yanlu-cover{
  width:30%;
  margin: auto 0;
  padding: 10px 10px;
}

/*outer square ring*/
.yanlu-item .yanlu-cover .img-wrapper {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.yanlu-item .yanlu-cover .img-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
/*outer square ring end*/

.yanlu-item .yanlu-content {
  width: 70%;    
  flex-direction: column;
  display: flex;
  border-radius: 10px;
  margin: 0 0 0 0px;
  height: auto;
  flex-grow: 1;
  padding: 3px 3px;  
}
.yanlu-item .yanlu-content .meta * {
    color: var(--grey-color);
    font-size: 0.8rem;
    display: inline-block;
}
.yanlu-item .meta .time{
    margin-right: 10px;
}
.yanlu-item .cat{
    margin-bottom:5px;
}
.yanlu-item .cat a{
  color: var(--standard-red);
}
@media (min-width:1024px){
  .yanlu-item-ruler{
      width: calc(100% / 3);
  }
}
@media (min-width:800px) and (max-width:1023px){
  .yanlu-item-ruler{
      width: calc(100% / 3);
  }
}
@media (min-width:768px) and (max-width:799px){
  .yanlu-item-ruler{
      width: calc(100% / 3);
  }
}
@media (min-width:600px) and (max-width:767px){
  .yanlu-item-ruler{
      width: calc(100% / 1);
  }
}
@media (max-width:599px){
  .yanlu-item-ruler{
      width: calc(100% / 1);
  }
}
@media (max-width:1300px){
  .yanlu-wrapper.custom-nav-style-v2.owl-carousel .owl-nav button.owl-prev{
    left: 0px;
  }
  .yanlu-wrapper.custom-nav-style-v2.owl-carousel .owl-nav button.owl-next{
    right: 0px;
  }
}


@media (min-width: 768px){
  .caijing-frame {
      width: calc(100% - 300px - var(--inner-frame-side-padding));
      flex: 0 0 calc(100% - 300px - var(--inner-frame-side-padding));
      max-width: calc(100% - 300px - var(--inner-frame-side-padding));
  }
}
.caijing-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .caijing-header{
    justify-content: space-evenly;
  }
}
@media (min-width: 768px){
  .fukan-frame {
    width: calc(100% - 300px - var(--inner-frame-side-padding));
    flex: 0 0 calc(100% - 300px - var(--inner-frame-side-padding));
    max-width: calc(100% - 300px - var(--inner-frame-side-padding));

    padding-right: 10px;
    border-right: 1px solid var(--lighter-grey-color);
  }
}


.side-bar-col {
  width: 320px;
  flex: 0 0 320px;
  max-width: 320px;
  border-right: 0px;
  border-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

.section-three-frame-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  margin-top: 10px;
}
.section-three-frame-row .box-col{
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.section-three-frame-row .box-col:nth-child(1) {
  width: calc(50% - 10px);
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  margin-right: 10px;
}
.section-three-frame-row .box-col:nth-child(2) {
   width: calc(50% - 10px);
   flex: 0 0 calc(50% - 10px);
   max-width: calc(50% - 10px);
   position: relative;
   margin-left: 10px;
}
.section-three-frame-row .box-col .section-head{
  margin-left:10px;
}
@media (max-width: 768px) {
  .section-three-frame-row .box-col{
      padding: 10px;
      border-radius: unset;
      box-shadow: unset;
  }
  .section-three-frame-row .box-col:nth-child(1){
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right:0px;
    margin-bottom: 15px;
  }
  .section-three-frame-row .box-col:nth-child(2){
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0px;
  }
  .section-three-frame-row .box-col .section-head{
    margin-left:0px;
  }
}


.layout.v2 .owl-dots .owl-dot span {
  height: 5px;
  width: 35px;
  margin: 0 5px;
  outline: none;
  border-radius: 0px;
  border: 0px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  background-color: var(--orange-color);
  display: block;
  -webkit-backface-visibility: visible;
}

.layout.v2 .owl-theme .owl-dots .owl-dot.active span, 
.layout.v2 .owl-theme .owl-dots .owl-dot:hover span{
  background-color: #869791;
}

.qiuzhengGroup.flex-row-wrapper{
  margin-left: 0px;
  margin-right: 0px;
}
@media (max-width: 767px){
  .qiuzhengGroup.flex-row-wrapper{
    margin-left: -10px;
    margin-right: -10px;
  }
}

.custom-nav-style-v3{
  position: relative;
}
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next,
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
  right: 50px;
  width: 30px;
}
.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next{
  right: 10px;
  width: 30px;
}
@media (max-width:767px){
  .custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
    right: 50px;
    width: 30px;
  }
  .custom-nav-style-v3.owl-carousel .owl-nav button.owl-next{
    right: 10px;
    width: 30px;
  }
}
.carousel-nav-v3.prev,
.carousel-nav-v3.next {
  width: 30px;
  height: 30px;
  background-color: #D1303A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.carousel-nav-v3.prev img,
.carousel-nav-v3.next img {
    width: 100%;
    height: 100%;
    display: block;
}


.spotlight-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999998; /* Just below the spotlight */
  display: none;
  background: transparent;
}
.spotlight-active .spotlight-new-layout {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999999999;
  box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  display: block;
}
.spotlight-message-zone {
  z-index: 99999999991;
  text-align: center;
  width: 95%;
  display: none;
  position: fixed;
  transform: translateX(-50%);
}
.spotlight-message-zone .message-box {
  padding: 5px 0px;
  text-align: center;
}
.spotlight-message-zone .message-content{
  color: white;
  letter-spacing: 1.1px;
  font-size:1.1rem;
}
.spotlight-message-zone .next-button {
  display: block;
  margin: 2px auto;
  background-color: #CC0E19;
  color: white;
  border: none;
  padding: 2px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.spotlight-message-zone .close-button {
  display: none;
  margin: 2px auto;
  background-color: #CC0E19;
  color: white;
  border: none;
  padding: 2px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.spotlight-close-button {
  display:none;
  justify-content: center;
  align-items: center; 
  position: fixed;
  top: 45px;
  right: 20px;
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #CC0E19;
  color: white;
  z-index: 9999999999;
}
.spotlight-close-button:before {
  transform: rotate(45deg);
}
.spotlight-close-button:after {
  transform: rotate(-45deg);
}
.spotlight-close-button:before, 
.spotlight-close-button:after {
  content: '';
  position: fixed;
  width: 12px;
  height: 2px;
  background-color: #fff;
}

.detail-section{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom:10px;
}       
.detail-section .quantity-label {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 2px 5px;
  color: white;
  background: rgb(0 0 0 / 70%);
  border: none;
  border-radius: 5px;
  text-align: center;
}
.vip-button.register {
  color: white;
  background: #EEA32C;
  border: none;
  border-radius: 5px;
  padding: 8px 10px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
}    
.vip-button.reward-button {
  color: white;
  background: rgb(232,40,37);
  background: linear-gradient(90deg, rgba(232,40,37,1) 2%, rgba(244,102,30,1) 39%, rgba(254,150,89,0.9) 100%);
  border: none;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 8px 10px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
}
.vip-button.reward-button.expired {
  background: rgb(238,103,100);
  background: linear-gradient(90deg, rgba(238,103,100,1) 2%, rgba(251,146,98,1) 39%, rgba(254,183,139,0.9) 100%);
  cursor: default;
}
@media (min-width:768px){
  .simple-category-posts.reward.owl-carousel:not(.owl-loaded) .desktop-3col-mobile-1_2col{
      width: calc(33.33% - 10px);
      flex: 0 0 calc(33.33% - 10px);
      max-width: calc(33.33% - 10px);
      margin-bottom: 5px;
      border: 1px solid #ddd;
      border-radius: 10px;
      margin-left: 5px;
      margin-right: 5px;
      padding-left: 0px;
      padding-right: 0px;
      position: relative;
  }
  .simple-category-posts.reward .vertical-post-frame .img-frame{
      border-radius: 10px;
  }
}
@media (max-width: 767px){
  .simple-category-posts.reward .vertical-post-frame.mobile-border {
      border: 0px;
      padding: 0px;
  }
  .simple-category-posts.event .vertical-post-frame.mobile-border {
      border: 0px;
      padding: 0px;
  }        
}
.vip-sub-menu-item {
  margin: 0 15px;
  font-size: 1.3rem;
}

.vip-page-main-carousel.custom-nav-style-v3 {
    width: 93%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.vip-page-main-carousel.custom-nav-style-v3.owl-carousel .owl-nav button.owl-prev{
  left: -40px;
  top: 40%;
  transform: translateY(-60%);
  width: 30px;
}
.vip-page-main-carousel.custom-nav-style-v3.owl-carousel .owl-nav button.owl-next{
  right: -40px;
  top: 40%;
  transform: translateY(-60%);
  width: 30px;
}

.vip-page-main-carousel .owl-dots .owl-dot {
  width: 30px;
  height: 3px;
  background-color: #A5A5A5;
  margin: 0 5px;
  border: none;
}

.vip-page-main-carousel.owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 30px;
  height: 3px;
  margin: 0;
}

.vip-page-main-carousel.owl-theme .owl-dots .owl-dot.active span, 
.vip-page-main-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: #CC0E19;
}

.category-page-main-carousel .vip-page-vertical-post-frame {
  background: #F7F7F7;
}

.vip-page-vertical-post-frame .title,
.vip-page-vertical-post-frame .cat,
.vip-page-vertical-post-frame .meta {
  margin-left: 15px;
  margin-right: 15px;
}

.vip-page-vertical-post-frame .title {
  font-weight: 500;
}

#catZone3 .vip-page-vertical-post-frame .title {
  margin-top: 30px;
}

.vip-page-vertical-post-frame .desc a {
  font-size: 1.1rem;
  color: var(--grey-color);
  line-height: 1.5rem;
  display: block;
}

.vip-page-vertical-post-frame {
  position: relative;
}

.post-cover-image-shadow-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 26%, rgba(0, 0, 0, 0.7) 53%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(26%, rgba(0, 0, 0, 0.44)), color-stop(53%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 26%, rgba(0, 0, 0, 0.7) 53%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 26%, rgba(0, 0, 0, 0.7) 53%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 26%, rgba(0, 0, 0, 0.7) 53%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 26%, rgba(0, 0, 0, 0.7) 53%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  padding-bottom: 5px;
}

.post-cover-image-shadow-text .title .internalLink,
.post-cover-image-shadow-text .meta * {
  color: #FFFFFF;
}

.vip-page-link-more .fa-arrow-up {
  color: #CC0E19;
}

@media (min-width:769px){
  .vip-section-head-type3.section-head-type3 {
    margin-bottom: 20px;
  }

  .vip-page-sub-menu {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width:768px){
  .vip-page-sub-menu {
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display:flex;
  }

  .vip-page-sub-menu::-webkit-scrollbar { 
    display: none;
  }

  .vip-section-head-type3 .section-title-y.left {
    margin-right: 0;
  }

  .page-template-main-vip-1 .category-page-header-title{
    display:block !important;
  }
}

.content-with-lock .article-page-content,
#secondary_article.article-with-lock .article-page-content {
  /* display: none; */
  overflow-y: hidden;
}

.content-with-lock .article-page-content .loggedin-wrapper > .prompt-login-wrapper > #prompt-login-wrapper-container > div:nth-child(1),
#secondary_article.article-with-lock .article-page-content .loggedin-wrapper > .prompt-login-wrapper > #prompt-login-wrapper-container > div:nth-child(1){
  display: none;
}

.content-with-lock .article-page-content .vip-wrapper > .prompt-login-wrapper > #prompt-login-wrapper-container > div:nth-child(2),
#secondary_article.article-with-lock .article-page-content .vip-wrapper > .prompt-login-wrapper > #prompt-login-wrapper-container > div:nth-child(2){
  display: none;
}

.content-with-lock.all-lock-released :not(#secondary_article) .article-page-content,
.all-lock-released #secondary_article.article-with-lock .article-page-content {
  display: block;
}

.content-with-lock.all-lock-released :not(#secondary_article) .article-page-content .prompt-login-wrapper,
.all-lock-released #secondary_article.article-with-lock .article-page-content .prompt-login-wrapper {
  display: none !important;
}

.content-with-lock.locked .article-page-content,
.locked #secondary_article.article-with-lock .article-page-content {
  display: block;
  position: relative;
}

.content-with-lock.basic-lock-released.memberloggedin .article-page-content .vip-wrapper .prompt-login-wrapper > #prompt-login-wrapper-container .login-button,
.basic-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .vip-wrapper .prompt-login-wrapper > #prompt-login-wrapper-container .login-button{
  display: none;
}

.content-with-lock.basic-lock-released.memberloggedin .article-page-content .loggedin-wrapper .prompt-login-wrapper,
.basic-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .loggedin-wrapper .prompt-login-wrapper {
  display: none;
}

.content-with-lock.basic-lock-released.memberloggedin .article-page-content .vip-wrapper .prompt-login-wrapper,
.basic-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .vip-wrapper .prompt-login-wrapper {
  display: block;
}

.content-with-lock.vip-lock-released.memberloggedin .article-page-content .loggedin-wrapper .prompt-login-wrapper,
.vip-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .loggedin-wrapper .prompt-login-wrapper {
  display: none;
}

.content-with-lock.vip-lock-released.memberloggedin .article-page-content .vip-wrapper .prompt-login-wrapper,
.vip-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .vip-wrapper .prompt-login-wrapper {
  display: none;
}

.content-with-lock .article-page-content .content-locked-area,
 #secondary_article.article-with-lock .article-page-content .content-locked-area {
  display: none;
}

.content-with-lock.basic-lock-released.memberloggedin .article-page-content .loggedin-wrapper .content-locked-area,
.basic-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .loggedin-wrapper .content-locked-area {
  display: block;
}

.content-with-lock.vip-lock-released.memberloggedin .article-page-content .loggedin-wrapper .content-locked-area,
.vip-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .loggedin-wrapper .content-locked-area {
  display: block;
}

.content-with-lock.all-lock-released.memberloggedin .article-page-content .loggedin-wrapper .content-locked-area,
.all-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .loggedin-wrapper .content-locked-area {
  display: block;
}

.content-with-lock.vip-lock-released.memberloggedin .article-page-content .vip-wrapper .content-locked-area,
.vip-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .vip-wrapper .content-locked-area {
  display: block;
}

.content-with-lock.all-lock-released.memberloggedin .article-page-content .vip-wrapper .content-locked-area,
.all-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .vip-wrapper .content-locked-area {
  display: block;
}

.content-with-lock.basic-lock-released.memberloggedin .article-page-content .vip-wrapper #vip-details-wrapper table tr:last-child td:nth-child(2) button,
.basic-lock-released.memberloggedin #secondary_article.article-with-lock .article-page-content .vip-wrapper #vip-details-wrapper table tr:last-child td:nth-child(2) button 
{
  background-color: lightgray;
  cursor: default;
  pointer-events: none;
}

.cookie-consent-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #EEEFF4;
  padding: 10px 10px;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}
.cookie-consent-banner .cookie-message {
  flex: 1;
  padding-right: 10px;
}
.cookie-consent-banner .cookie-message a{
  text-decoration: underline;
}
.cookie-accept {
  background-color: #4C81E9;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 10px 25px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.cookie-accept:hover {
  background-color: #003399;
}

.category-page-sub-menu .menu-item.standout-kkb{
  font-weight: bold;
}

.reader-redeem-code-section{
  border: 2px solid #939090;
  background-color: #efeeee;
  z-index: 1000;
  width: 300px; 
  position: fixed;
  right: 330px;
  bottom: 100px;
}
@media (max-width:768px){
  .reader-redeem-code-section{
    width: 300px; 
    position: fixed;
    right: 10px;
    bottom: 100px;
  }
}
.redeem-box-content {
    vertical-align: middle;
    position: relative;
}
.redeem-box-content .redeem-layer.grey-out{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1001;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: grey;
}
.redeem-box-content .floating-box-close{
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
  color: #000;
  font: 30px / 100% arial, sans-serif;
  font-weight: 700;
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 1000;
}
.redeem-box-content .top-left-label{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1000;
}

.redeem-box-content .floating-box-close:after {
  content: "\00D7";
  position: relative;
  top: -2px;
}
.redeem-box-content .fbox {
    display: -webkit-flex;
    display: -msflex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.redeem-box-content .fcontent .htitle {
    margin: 10px 0 0 0;
    text-align: center;
}
.redeem-box-content .offer-container {
    display: -webkit-flex;
    display: -msflex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
}
.redeem-box-content .offer-code {
    display: -webkit-flex;
    display: -msflex;
    display: flex;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}
.redeem-box-content .offer-code .code-box.code:not(.blur) {
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    border-right: 0;
}
.redeem-box-content .offer-code .code-box.code {
    font-size: 1.1rem;
}
.redeem-box-content .offer-code .code-box {
    background-color: #fff;
    border: 2px dashed #427bf5;
    -moz-box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, .15);
    -ms-box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0,.15);
    box-shadow: inset 0 0 4px 2px rgba(0,0,0,.15);
    color: #427bf5;
    min-width: 180px;
    outline: 0;
}    
.redeem-box-content .code-box {
    -webkit-align-items: center;
    align-items: center;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: -webkit-flex;
    display: -msflex;
    display: flex;
    font-weight: 600;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
}
.redeem-box-content .offer-code button {
    background-color: #FF0000;
    border: 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    color: #fff;
    font-weight: 500;
    height: 100%;
    outline: 0;
    padding: 0 15px;
}
.redeem-box-content .offer-actions {
    display: -webkit-flex;
    display: -msflex;
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin-bottom: 10px;
}
.redeem-box-content #copy-me.highlighted {
  background-color: #ffff99;
  border: 2px dashed #ffeb3b;
  border-radius: 5px;
  border-right: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 5px;
}
.redeem-box-content .terms {
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-flex;
    display: -msflex;
    display: flex;
    margin-left: 15px;
    position: relative;
}
.redeem-box-content .terms:before {
    background-color: #707070;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    content: "";
    display: block;
    height: 3px;
    left: -9px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
}
.redeem-box-content .terms i {
    border-width: 0 1px 1px 0;
    height: 5px;
    margin-left: 5px;
    width: 5px;
}
.redeem-box-content .df-arrow-gen-down, 
.redeem-box-content .df-arrow-gen-up {
    border-color: #707070;
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 12px;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    width: 12px;
}
.redeem-box-content .df-arrow-gen-down {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.redeem-box-content-minimized .minimized-content{
  text-align: center;
  cursor: pointer;
}

.floating_slide_in_icon{
  display: none;
}

.floating_slide_in_icon:hover{
  cursor: pointer;
}

.floating_slide_in_icon.show {
  display:block;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  max-height: 110px;
  width:55px;
  z-index:21474836388;
}
@media (min-width:769px){
  .floating_slide_in_icon.show {
    width:90px;
  }
}


.floating_slide_in_icon img {
  height: inherit;
  max-height: inherit;
  width: 100%;
}

.float_slide_banner{
  position: fixed;
  top: 0;
  height: 100%;
  right: -10000%;
  z-index:21474836388;
}

.float_slide_banner img{
  position: relative;
  height: 100%;
  width: auto;
}

.float_slide_banner_global_bg{
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index:214748;
  background-color: #000000;
  opacity: 0.7;
} 
.floating_slide_in_icon_x {
  position: absolute;
  top: -12px;
  left: -12px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  font-size: 17px;
  color: #ffffff;
  background: #000000;
  border-radius: 50px;
  line-height: 1;
}
.floating_slide_in_icon_x span{
  color: #ffffff;
}

@media (max-width: 768px) {
  body:not(.page-template-video-baige) [id^="vr-"][class*="vr-"] {
    bottom: 20px !important;
  }
}

@media (max-width: 1279px) {
  #cssmenu {
    max-width: 70%;
    padding-left: 5% !important;
  }
}

@media (Max-width:767px) {
  #cssmenu {
    max-width: 100%;
    padding-left: 0% !important;
  }
}

.nav-scroll-wrapper {
  position: relative;
}

.scroll-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: transparent;
  transition: width 0.1s;
  z-index: 10;
  width: 0%; 
}

#cssmenu #nav,
#cssmenu-level-2 > ul {
  cursor: grab;
  user-select: none;
}

#cssmenu #nav.grabbing,
#cssmenu-level-2 > ul.grabbing {
  cursor: grabbing;
}

#cssmenu #nav.grabbing a,
#cssmenu-level-2 > ul.grabbing a {
  pointer-events: none;
}

#cssmenu #nav,
#cssmenu #nav li,
#cssmenu #nav li a {
  white-space: nowrap;
}

#cssmenu #nav > li > a {
  display: inline-block;
  white-space: nowrap;
}

#cssmenu #nav > li > a {
  max-width: 150px; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cssmenu #nav > li > a {
  min-width: fit-content;
  text-align: center;
  line-height: 1.2;
  padding-top: 8px;
  padding-bottom: 8px;
}

.article-page-fb-commant{
	display:none !important;
}

.article-page-title h1 sup{
  font-size: calc(0.9 * var(--font-control-size)) !important;
}


#cssmenu #nav > li > a {
  line-height: unset;  /*cater henian image*/
}
.henian > a {
  color: #D22C36 !important;
  font-weight: bold !important;
}
.henian > a::before {
  content: '';
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url('/public/images/cny/moving_horse.gif');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: -2px;
}
@media (max-width: 768px) {
  .henian > a::before {
      width: 24px;
      height: 24px;
      margin-right: 1px;
  }
}