@charset "UTF-8";
@import url("fontawesome-all.min.css");
@import url("fa-brands.min.css");
@import url("horizon-swiper/horizon-swiper.min.css");
@import url("horizon-swiper/horizon-theme.min.css");
@import url("slick.css");
@import url("perfect-scrollbar.css");
@import url("lity.min.css");
html { font-size: 62.5%; }

body { font-size: 2rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-sans-traditional", PingFang TC, Hiragino Sans GB, Microsoft Yahei, sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ad-container{padding: 5px 0px 55px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAABJElEQVRoge2YMQrDQAwENwa3eZCb/D4PSpvC4cBFsHyKfUicolvVYthp57au6wPAE8Ab7TcDWADcAbwi84rwPIps4RVh8RFlnAdvEi+BxnnwWoUPYeIrIK9FuAqLLosGYRVmPc6Dd0X472VxQTiFLE4Kp5HFCeFUsvghnE4WinBKWVSE08riQDi1LHbC6WXxJTyELDbhYWSxCQ8jW3jTSLKFN40ky6YVbRyblgGPTSvSOA8em5ZybFriy3icB49NK9I4D54mzKYlvpzHKcemJb4qx6bFptVxnAePTYtNq+M4Ni0DHptWpHFsWgY8Nq1I4zx4bFrKsWmJL+NxHjw2rUjjPHiaMJuW+HIepxyblviqHJsWm1bHcR48Ni02rY7jzHnA8gGp9SuUVcVIXQAAAABJRU5ErkJggg==");background-size: 50px 50px;}
.ad-container > .title{line-height: 50px;padding: 0px 20px;color: #9b9b9b;text-align: center;font-size:1rem;text-transform: uppercase;position:relative;}
.ad-container > .title > .x{font-size: 1.2rem;position:absolute;top:6px;right: 20px;padding: 10px;display:none;}
.ad-container > .title > .x::before{content:'\e918';}
.ad-container .ad {
  text-align: center;
  margin: 0px auto;
}
.ad-container.underlay {
  width: 100%;
  height: 480px;
  padding: 0px;
  z-index: 99;
  position: relative;
  background: #333;
  overflow: hidden;
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
}
.ad-container.underlay::before, .ad-container.underlay::after{
  width: 100%;
  height: 30px;
  content: "";
  z-index: 1;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
}
.ad-container.underlay::after{
  bottom: 0px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%);
}
.ad-container.underlay .close {
  color: #fff;
  right: 0px;
  z-index: 1;
  opacity: 1;
  font-size: 20px;
  text-shadow: none;
  position: absolute;
  font-weight: normal;
  text-decoration: none;
  padding: 9px 16px 10px 22px;
  background: rgba(0,0,0,.6);
  border-bottom-left-radius: 20px;
}
.ad-container.underlay .ad {
  top: 0px;
  position: fixed;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 576px) { body { font-size: 1.6rem; } }

@media screen and (min-width: 577px) and (max-width: 768px) { body { font-size: 1.8rem; } }

/** @license MyFonts Webfont Build ID 3550198, 2018-04-01T10:11:13-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: AvenirLTPro-Book by Linotype URL: https://www.myfonts.com/fonts/linotype/avenir/pro-45-book-115678/ Copyright: Copyright © 2014 Monotype GmbH. All rights reserved. Licensed pageviews: 250,000 License: https://www.myfonts.com/viewlicense?type=web&buildid=3550198 © 2018 MyFonts Inc */
@font-face { font-family: 'AvenirLTPro-Book'; src: url("../fonts//362BF6_0_0.eot"); src: url("../fonts//362BF6_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts//362BF6_0_0.woff2") format("woff2"), url("../fonts//362BF6_0_0.woff") format("woff"), url("../fonts//362BF6_0_0.ttf") format("truetype"); }

@font-face { font-family: 'mpwbkb'; src: url("../fonts/mpwbkb.eot?w0hbdj"); src: url("../fonts/mpwbkb.eot?w0hbdj#iefix") format("embedded-opentype"), url("../fonts/mpwbkb.ttf?w0hbdj") format("truetype"), url("../fonts/mpwbkb.woff?w0hbdj") format("woff"), url("../fonts/mpwbkb.svg?w0hbdj#mpwbkb") format("svg"); font-weight: normal; font-style: normal; }

i { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'mpwbkb'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-bookmark-drawer:before { content: "\e924"; }

.icon-heart:before { content: "\e922"; }

.icon-play-circle:before { content: "\e923"; }

.icon-paper:before { content: "\e91f"; }

.icon-book:before { content: "\e920"; }

.icon-link:before { content: "\e921"; }

.icon-glasses-hot:before { content: "\e91d"; }

.icon-video:before { content: "\e91e"; }

.icon-arrow-down:before { content: "\e904"; }

.icon-arrow-large-down:before { content: "\e912"; }

.icon-arrow-large-up:before { content: "\e913"; }

.icon-arrow-up-left:before { content: "\e914"; }

.icon-arrow-up:before { content: "\e915"; }

.icon-clip:before { content: "\e916"; }

.icon-clock:before { content: "\e917"; }

.icon-close:before { content: "\e918"; }

.icon-envelope:before { content: "\e919"; }

.icon-eye:before { content: "\e91a"; }

.icon-glasses:before { content: "\e91b"; }

.icon-menu:before { content: "\e91c"; }

.icon-arrow-large-left:before { content: "\e90e"; }

.icon-arrow-left:before { content: "\e90f"; }

.icon-arrow-right:before { content: "\e910"; }

.icon-arrow-large-right:before { content: "\e911"; }

.icon-arrow-back:before { content: "\e903"; }

.icon-arrow-up-right:before { content: "\e905"; }

.icon-bookmark-f:before { content: "\e906"; }

.icon-comment:before { content: "\e907"; }

.icon-hashtag:before { content: "\e908"; }

.icon-mute:before { content: "\e909"; }

.icon-play:before { content: "\e90a"; }

.icon-share:before { content: "\e90b"; }

.icon-zoom-in:before { content: "\e90c"; }

.icon-list:before { content: "\e90d"; }

.icon-openbook:before { content: "\e900"; }

.icon-bookmark-o:before { content: "\e901"; }

.icon-search:before { content: "\e902"; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./../images/loading@2x.gif") 30px 30px center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "mpwbkb"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: '\e90f'; }

[dir="rtl"] .slick-prev:before { content: '\e910'; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: '\e910'; }

[dir="rtl"] .slick-next:before { content: '\e90f'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

#seriesHoldingPage.theme01, #seriesLandingPage .item.theme01, #seriesLandingPage .item.theme01 .titleWrapper { background-color: #eaeaea; }

#seriesHoldingPage.theme01 .smallLabel { color: #627776; }

#seriesHoldingPage.theme01 .titleWrapper > .title, #seriesLandingPage .item.theme01 .titleWrapper > .title { color: #404f4e; }

#seriesHoldingPage.theme01 .titleWrapper > .tagline { color: #1b342d; }

#seriesHoldingPage.theme01 .titleWrapper > .title > .count, #seriesLandingPage .item.theme01 .titleWrapper > .title > .count { background-color: #a9b5b5; color: white; }

#seriesHoldingPage.theme01 .centralLine, #seriesLandingPage .item.theme01 .centralLine { background-color: #a9b5b5; }

#seriesHoldingPage.theme01 .blurbWrapper > .blurb, #seriesLandingPage .item.theme01 .blurbWrapper .blurb { color: #4a4a4a; border-color: rgba(169, 181, 181, 0.6); }

#seriesHoldingPage.theme01 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme01 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme01 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme02, #seriesLandingPage .item.theme02, #seriesLandingPage .item.theme02 .titleWrapper { background-color: #eeeae1; }

#seriesHoldingPage.theme02 .smallLabel { color: #928e87; }

#seriesHoldingPage.theme02 .titleWrapper > .title, #seriesLandingPage .item.theme02 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme02 .titleWrapper > .tagline { color: #9b958e; }

#seriesHoldingPage.theme02 .titleWrapper > .title > .count, #seriesLandingPage .item.theme02 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme02 .centralLine, #seriesLandingPage .item.theme02 .centralLine { background-color: #c5bfb7; }

#seriesHoldingPage.theme02 .blurbWrapper > .blurb, #seriesLandingPage .item.theme02 .blurbWrapper .blurb { color: #4a4a4a; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme02 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme02 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme02 .btnMoreWrapper .btn .text { color: #4a4a4a; border-color: white; }

#seriesHoldingPage.theme03, #seriesLandingPage .item.theme03, #seriesLandingPage .item.theme03 .titleWrapper { background-color: #ebe2dc; }

#seriesHoldingPage.theme03 .smallLabel { color: #666666; }

#seriesHoldingPage.theme03 .titleWrapper > .title, #seriesLandingPage .item.theme03 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme03 .titleWrapper > .tagline { color: #4f5a62; }

#seriesHoldingPage.theme03 .titleWrapper > .title > .count, #seriesLandingPage .item.theme03 .titleWrapper > .title > .count { background-color: #4f5a62; color: white; }

#seriesHoldingPage.theme03 .centralLine, #seriesLandingPage .item.theme03 .centralLine { background-color: #a9b5b5; }

#seriesHoldingPage.theme03 .blurbWrapper > .blurb, #seriesLandingPage .item.theme03 .blurbWrapper .blurb { color: #4a4a4a; border-color: rgba(169, 181, 181, 0.6); }

#seriesHoldingPage.theme03 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme03 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme03 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme04, #seriesLandingPage .item.theme04, #seriesLandingPage .item.theme04 .titleWrapper { background-color: #e0e5dd; }

#seriesHoldingPage.theme04 .smallLabel { color: rgba(40, 40, 40, 0.7); }

#seriesHoldingPage.theme04 .titleWrapper > .title, #seriesLandingPage .item.theme04 .titleWrapper > .title { color: rgba(40, 40, 40, 0.9); }

#seriesHoldingPage.theme04 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.7); }

#seriesHoldingPage.theme04 .titleWrapper > .title > .count, #seriesLandingPage .item.theme04 .titleWrapper > .title > .count { background-color: #4f5a62; color: white; }

#seriesHoldingPage.theme04 .centralLine, #seriesLandingPage .item.theme04 .centralLine { background-color: rgba(40, 40, 40, 0.2); }

#seriesHoldingPage.theme04 .blurbWrapper > .blurb, #seriesLandingPage .item.theme04 .blurbWrapper .blurb { color: #4a4a4a; border-color: rgba(169, 181, 181, 0.6); }

#seriesHoldingPage.theme04 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme04 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme04 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme05, #seriesLandingPage .item.theme05, #seriesLandingPage .item.theme05 .titleWrapper { background-color: #c5d0d6; }

#seriesHoldingPage.theme05 .smallLabel { color: #666666; }

#seriesHoldingPage.theme05 .titleWrapper > .title, #seriesLandingPage .item.theme05 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme05 .titleWrapper > .tagline { color: white; }

#seriesHoldingPage.theme05 .titleWrapper > .title > .count, #seriesLandingPage .item.theme05 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme05 .centralLine, #seriesLandingPage .item.theme05 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme05 .blurbWrapper > .blurb, #seriesLandingPage .item.theme05 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme05 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme05 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme05 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme06, #seriesLandingPage .item.theme06, #seriesLandingPage .item.theme06 .titleWrapper { background-color: #cdc7b9; }

#seriesHoldingPage.theme06 .smallLabel { color: #666666; }

#seriesHoldingPage.theme06 .titleWrapper > .title, #seriesLandingPage .item.theme06 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme06 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.7); }

#seriesHoldingPage.theme06 .titleWrapper > .title > .count, #seriesLandingPage .item.theme06 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme06 .centralLine, #seriesLandingPage .item.theme06 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme06 .blurbWrapper > .blurb, #seriesLandingPage .item.theme06 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme06 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme06 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme06 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme07, #seriesLandingPage .item.theme07, #seriesLandingPage .item.theme07 .titleWrapper { background-color: #efddd9; }

#seriesHoldingPage.theme07 .smallLabel { color: #666666; }

#seriesHoldingPage.theme07 .titleWrapper > .title, #seriesLandingPage .item.theme07 .titleWrapper > .title { color: #534940; }

#seriesHoldingPage.theme07 .titleWrapper > .tagline { color: #787068; }

#seriesHoldingPage.theme07 .titleWrapper > .title > .count, #seriesLandingPage .item.theme07 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme07 .centralLine, #seriesLandingPage .item.theme07 .centralLine { background-color: #c5bfb7; }

#seriesHoldingPage.theme07 .blurbWrapper > .blurb, #seriesLandingPage .item.theme07 .blurbWrapper .blurb { color: #4a4a4a; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme07 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme07 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme07 .btnMoreWrapper .btn .text { color: #4a4a4a; border-color: white; }

#seriesHoldingPage.theme08, #seriesLandingPage .item.theme08, #seriesLandingPage .item.theme08 .titleWrapper { background-color: #c8cabb; }

#seriesHoldingPage.theme08 .smallLabel { color: #666666; }

#seriesHoldingPage.theme08 .titleWrapper > .title, #seriesLandingPage .item.theme08 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme08 .titleWrapper > .tagline { color: #282828; }

#seriesHoldingPage.theme08 .titleWrapper > .title > .count, #seriesLandingPage .item.theme08 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme08 .centralLine, #seriesLandingPage .item.theme08 .centralLine { background-color: #a9ab9e; }

#seriesHoldingPage.theme08 .blurbWrapper > .blurb, #seriesLandingPage .item.theme08 .blurbWrapper .blurb { color: #4a4a4a; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme08 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme08 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme08 .btnMoreWrapper .btn .text { color: #4a4a4a; border-color: white; }

#seriesHoldingPage.theme09, #seriesLandingPage .item.theme09, #seriesLandingPage .item.theme09 .titleWrapper { background-color: #3f4250; }

#seriesHoldingPage.theme09 .smallLabel { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme09 .titleWrapper > .title, #seriesLandingPage .item.theme09 .titleWrapper > .title { color: rgba(255, 255, 255, 0.9); }

#seriesHoldingPage.theme09 .titleWrapper > .tagline { color: #c2c1b0; }

#seriesHoldingPage.theme09 .titleWrapper > .title > .count, #seriesLandingPage .item.theme09 .titleWrapper > .title > .count { background-color: rgba(194, 193, 176, 0.9); color: #3f4250; }

#seriesHoldingPage.theme09 .centralLine, #seriesLandingPage .item.theme09 .centralLine { background-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme09 .blurbWrapper > .blurb, #seriesLandingPage .item.theme09 .blurbWrapper .blurb { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme09 .articlesGrid .item > .num { color: rgba(194, 193, 176, 0.9); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme09 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme09 .btnMoreWrapper .btn .text { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme09 a.primaryLink:after, #seriesLandingPage .item.theme09 .btnMoreWrapper .btn .text:after { border-color: rgba(63, 66, 80, 0.7); }

#seriesHoldingPage.theme09 #seriesArticlesGrid .pagination > .pages > .item, #seriesHoldingPage.theme09 #seriesArticlesGrid .pagination a { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme09 #seriesArticlesGrid .pagination > .pages > .item.active { border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme10, #seriesLandingPage .item.theme10, #seriesLandingPage .item.theme10 .titleWrapper { background-color: #c6894c; }

#seriesHoldingPage.theme10 .smallLabel { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme10 .titleWrapper > .title, #seriesLandingPage .item.theme10 .titleWrapper > .title { color: rgba(255, 255, 255, 0.9); }

#seriesHoldingPage.theme10 .titleWrapper > .tagline { color: white; }

#seriesHoldingPage.theme10 .titleWrapper > .title > .count, #seriesLandingPage .item.theme10 .titleWrapper > .title > .count { background-color: rgba(0, 0, 0, 0.6); color: white; }

#seriesHoldingPage.theme10 .centralLine, #seriesLandingPage .item.theme10 .centralLine { background-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme10 .blurbWrapper > .blurb, #seriesLandingPage .item.theme10 .blurbWrapper .blurb { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme10 .articlesGrid .item > .num { color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme10 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme10 .btnMoreWrapper .btn .text { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme10 a.primaryLink:after, #seriesLandingPage .item.theme10 .btnMoreWrapper .btn .text:after { border-color: rgba(198, 137, 76, 0.7); }

#seriesHoldingPage.theme10 #seriesArticlesGrid .pagination > .pages > .item, #seriesHoldingPage.theme10 #seriesArticlesGrid .pagination a { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme10 #seriesArticlesGrid .pagination > .pages > .item.active { border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme11, #seriesLandingPage .item.theme11, #seriesLandingPage .item.theme11 .titleWrapper { background-color: #937573; }

#seriesHoldingPage.theme11 .smallLabel { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme11 .titleWrapper > .title, #seriesLandingPage .item.theme11 .titleWrapper > .title { color: rgba(255, 255, 255, 0.9); }

#seriesHoldingPage.theme11 .titleWrapper > .tagline { color: white; }

#seriesHoldingPage.theme11 .titleWrapper > .title > .count, #seriesLandingPage .item.theme11 .titleWrapper > .title > .count { background-color: rgba(0, 0, 0, 0.6); color: white; }

#seriesHoldingPage.theme11 .centralLine, #seriesLandingPage .item.theme11 .centralLine { background-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme11 .blurbWrapper > .blurb, #seriesLandingPage .item.theme11 .blurbWrapper .blurb { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme11 .articlesGrid .item > .num { color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme11 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme11 .btnMoreWrapper .btn .text { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme11 a.primaryLink:after, #seriesLandingPage .item.theme11 .btnMoreWrapper .btn .text:after { border-color: rgba(147, 117, 115, 0.7); }

#seriesHoldingPage.theme11 #seriesArticlesGrid .pagination > .pages > .item, #seriesHoldingPage.theme11 #seriesArticlesGrid .pagination a { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme11 #seriesArticlesGrid .pagination > .pages > .item.active { border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme12, #seriesLandingPage .item.theme12, #seriesLandingPage .item.theme12 .titleWrapper { background-color: #91907a; }

#seriesHoldingPage.theme12 .smallLabel { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme12 .titleWrapper > .title, #seriesLandingPage .item.theme12 .titleWrapper > .title { color: white; }

#seriesHoldingPage.theme12 .titleWrapper > .tagline { color: white; }

#seriesHoldingPage.theme12 .titleWrapper > .title > .count, #seriesLandingPage .item.theme12 .titleWrapper > .title > .count { background-color: rgba(0, 0, 0, 0.6); color: white; }

#seriesHoldingPage.theme12 .centralLine, #seriesLandingPage .item.theme12 .centralLine { background-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme12 .blurbWrapper > .blurb, #seriesLandingPage .item.theme12 .blurbWrapper .blurb { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.2); }

#seriesHoldingPage.theme12 .articlesGrid .item > .num { color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme12 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme12 .btnMoreWrapper .btn .text { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme12 a.primaryLink:after, #seriesLandingPage .item.theme12 .btnMoreWrapper .btn .text:after { border-color: #91907a; }

#seriesHoldingPage.theme12 #seriesArticlesGrid .pagination > .pages > .item, #seriesHoldingPage.theme12 #seriesArticlesGrid .pagination a { color: rgba(255, 255, 255, 0.7); }

#seriesHoldingPage.theme12 #seriesArticlesGrid .pagination > .pages > .item.active { border-color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme13, #seriesLandingPage .item.theme13, #seriesLandingPage .item.theme13 .titleWrapper { background-color: #d2d4e2; }

#seriesHoldingPage.theme13 .smallLabel { color: #666666; }

#seriesHoldingPage.theme13 .titleWrapper > .title, #seriesLandingPage .item.theme13 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme13 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme13 .titleWrapper > .title > .count, #seriesLandingPage .item.theme13 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme13 .centralLine, #seriesLandingPage .item.theme13 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme13 .blurbWrapper > .blurb, #seriesLandingPage .item.theme13 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme13 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme13 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme13 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme14, #seriesLandingPage .item.theme14, #seriesLandingPage .item.theme14 .titleWrapper { background-color: #fae7ce; }

#seriesHoldingPage.theme14 .smallLabel { color: #666666; }

#seriesHoldingPage.theme14 .titleWrapper > .title, #seriesLandingPage .item.theme14 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme14 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme14 .titleWrapper > .title > .count, #seriesLandingPage .item.theme14 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme14 .centralLine, #seriesLandingPage .item.theme14 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme14 .blurbWrapper > .blurb, #seriesLandingPage .item.theme14 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme14 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme14 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme14 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme15, #seriesLandingPage .item.theme15, #seriesLandingPage .item.theme15 .titleWrapper { background-color: #edc6c0; }

#seriesHoldingPage.theme15 .smallLabel { color: #666666; }

#seriesHoldingPage.theme15 .titleWrapper > .title, #seriesLandingPage .item.theme15 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme15 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme15 .titleWrapper > .title > .count, #seriesLandingPage .item.theme15 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme15 .centralLine, #seriesLandingPage .item.theme15 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme15 .blurbWrapper > .blurb, #seriesLandingPage .item.theme15 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme15 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme15 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme15 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme16, #seriesLandingPage .item.theme16, #seriesLandingPage .item.theme16 .titleWrapper { background-color: #e7efd9; }

#seriesHoldingPage.theme16 .smallLabel { color: #666666; }

#seriesHoldingPage.theme16 .titleWrapper > .title, #seriesLandingPage .item.theme16 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme16 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme16 .titleWrapper > .title > .count, #seriesLandingPage .item.theme16 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme16 .centralLine, #seriesLandingPage .item.theme16 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme16 .blurbWrapper > .blurb, #seriesLandingPage .item.theme16 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme16 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme16 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme16 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme17, #seriesLandingPage .item.theme17, #seriesLandingPage .item.theme17 .titleWrapper { background-color: #bedadc; }

#seriesHoldingPage.theme17 .smallLabel { color: #666666; }

#seriesHoldingPage.theme17 .titleWrapper > .title, #seriesLandingPage .item.theme17 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme17 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme17 .titleWrapper > .title > .count, #seriesLandingPage .item.theme17 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme17 .centralLine, #seriesLandingPage .item.theme17 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme17 .blurbWrapper > .blurb, #seriesLandingPage .item.theme17 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme17 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme17 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme17 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme18, #seriesLandingPage .item.theme18, #seriesLandingPage .item.theme18 .titleWrapper { background-color: #fcf6d9; }

#seriesHoldingPage.theme18 .smallLabel { color: #666666; }

#seriesHoldingPage.theme18 .titleWrapper > .title, #seriesLandingPage .item.theme18 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme18 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme18 .titleWrapper > .title > .count, #seriesLandingPage .item.theme18 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme18 .centralLine, #seriesLandingPage .item.theme18 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme18 .blurbWrapper > .blurb, #seriesLandingPage .item.theme18 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme18 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme18 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme18 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme19, #seriesLandingPage .item.theme19, #seriesLandingPage .item.theme19 .titleWrapper { background-color: #2a2e29; }

#seriesHoldingPage.theme19 .smallLabel { color: #c5bfb7; }

#seriesHoldingPage.theme19 .titleWrapper > .title, #seriesLandingPage .item.theme19 .titleWrapper > .title { color: white; }

#seriesHoldingPage.theme19 .titleWrapper > .tagline { color: #c5bfb7; }

#seriesHoldingPage.theme19 .titleWrapper > .title > .count, #seriesLandingPage .item.theme19 .titleWrapper > .title > .count { background-color: #c5bfb7; color: #282828; }

#seriesHoldingPage.theme19 .centralLine, #seriesLandingPage .item.theme19 .centralLine { background-color: #c5bfb7; }

#seriesHoldingPage.theme19 .blurbWrapper > .blurb, #seriesLandingPage .item.theme19 .blurbWrapper .blurb { color: rgba(255, 255, 255, 0.8); border-color: rgba(197, 191, 183, 0.3); }

#seriesHoldingPage.theme19 .articlesGrid .item > .num { color: white; border-color: white; }

#seriesHoldingPage.theme19 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme19 .btnMoreWrapper .btn .text { color: white; border-color: white; }

#seriesHoldingPage.theme19 #seriesArticlesGrid .pagination > .pages > .item, #seriesHoldingPage.theme19 #seriesArticlesGrid .pagination a { color: white; }

#seriesHoldingPage.theme19 #seriesArticlesGrid .pagination > .pages > .item.active { border-color: white; }

#seriesHoldingPage.theme20, #seriesLandingPage .item.theme20, #seriesLandingPage .item.theme20 .titleWrapper { background-color: #6abdc4; }

#seriesHoldingPage.theme20 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme20 .titleWrapper > .title, #seriesLandingPage .item.theme20 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme20 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme20 .titleWrapper > .title > .count, #seriesLandingPage .item.theme20 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme20 .centralLine, #seriesLandingPage .item.theme20 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme20 .blurbWrapper > .blurb, #seriesLandingPage .item.theme20 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme20 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme20 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme20 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme21, #seriesLandingPage .item.theme21, #seriesLandingPage .item.theme21 .titleWrapper { background-color: #f4dc80; }

#seriesHoldingPage.theme21 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme21 .titleWrapper > .title, #seriesLandingPage .item.theme21 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme21 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme21 .titleWrapper > .title > .count, #seriesLandingPage .item.theme21 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme21 .centralLine, #seriesLandingPage .item.theme21 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme21 .blurbWrapper > .blurb, #seriesLandingPage .item.theme21 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme21 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme21 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme21 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme22, #seriesLandingPage .item.theme22, #seriesLandingPage .item.theme22 .titleWrapper { background-color: #ff8077; }

#seriesHoldingPage.theme22 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme22 .titleWrapper > .title, #seriesLandingPage .item.theme22 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme22 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme22 .titleWrapper > .title > .count, #seriesLandingPage .item.theme22 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme22 .centralLine, #seriesLandingPage .item.theme22 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme22 .blurbWrapper > .blurb, #seriesLandingPage .item.theme22 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme22 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme22 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme22 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme23, #seriesLandingPage .item.theme23, #seriesLandingPage .item.theme23 .titleWrapper { background-color: #47a97d; }

#seriesHoldingPage.theme23 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme23 .titleWrapper > .title, #seriesLandingPage .item.theme23 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme23 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme23 .titleWrapper > .title > .count, #seriesLandingPage .item.theme23 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme23 .centralLine, #seriesLandingPage .item.theme23 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme23 .blurbWrapper > .blurb, #seriesLandingPage .item.theme23 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme23 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme23 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme23 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme24, #seriesLandingPage .item.theme24, #seriesLandingPage .item.theme24 .titleWrapper { background-color: #ef9932; }

#seriesHoldingPage.theme24 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme24 .titleWrapper > .title, #seriesLandingPage .item.theme24 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme24 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme24 .titleWrapper > .title > .count, #seriesLandingPage .item.theme24 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme24 .centralLine, #seriesLandingPage .item.theme24 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme24 .blurbWrapper > .blurb, #seriesLandingPage .item.theme24 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme24 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme24 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme24 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme25, #seriesLandingPage .item.theme25, #seriesLandingPage .item.theme25 .titleWrapper { background-color: #cba6c3; }

#seriesHoldingPage.theme25 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme25 .titleWrapper > .title, #seriesLandingPage .item.theme25 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme25 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme25 .titleWrapper > .title > .count, #seriesLandingPage .item.theme25 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme25 .centralLine, #seriesLandingPage .item.theme25 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme25 .blurbWrapper > .blurb, #seriesLandingPage .item.theme25 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme25 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme25 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme25 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme26, #seriesLandingPage .item.theme26, #seriesLandingPage .item.theme26 .titleWrapper { background-color: #d68189; }

#seriesHoldingPage.theme26 .smallLabel { color: rgba(0, 0, 0, 0.6); }

#seriesHoldingPage.theme26 .titleWrapper > .title, #seriesLandingPage .item.theme26 .titleWrapper > .title { color: #282828; }

#seriesHoldingPage.theme26 .titleWrapper > .tagline { color: rgba(40, 40, 40, 0.8); }

#seriesHoldingPage.theme26 .titleWrapper > .title > .count, #seriesLandingPage .item.theme26 .titleWrapper > .title > .count { background-color: #3f4232; color: white; }

#seriesHoldingPage.theme26 .centralLine, #seriesLandingPage .item.theme26 .centralLine { background-color: rgba(0, 0, 0, 0.3); }

#seriesHoldingPage.theme26 .blurbWrapper > .blurb, #seriesLandingPage .item.theme26 .blurbWrapper .blurb { color: #282828; border-color: rgba(0, 0, 0, 0.2); }

#seriesHoldingPage.theme26 .articlesGrid .item > .num { color: #282828; border-color: #282828; }

#seriesHoldingPage.theme26 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme26 .btnMoreWrapper .btn .text { color: black; border-color: white; }

#seriesHoldingPage.theme27, #seriesLandingPage .item.theme27, #seriesLandingPage .item.theme27 .titleWrapper { background-color: #d33e3e; }

#seriesHoldingPage.theme27 .smallLabel { color: rgba(255, 255, 255, 0.8); }

#seriesHoldingPage.theme27 .titleWrapper > .title, #seriesLandingPage .item.theme27 .titleWrapper > .title { color: white; }

#seriesHoldingPage.theme27 .titleWrapper > .tagline { color: rgba(238, 230, 218, 0.9); }

#seriesHoldingPage.theme27 .titleWrapper > .title > .count, #seriesLandingPage .item.theme27 .titleWrapper > .title > .count { background-color: #eee6da; color: #282828; }

#seriesHoldingPage.theme27 .centralLine, #seriesLandingPage .item.theme27 .centralLine { background-color: rgba(255, 255, 255, 0.4); }

#seriesHoldingPage.theme27 .blurbWrapper > .blurb, #seriesLandingPage .item.theme27 .blurbWrapper .blurb { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.3); }

#seriesHoldingPage.theme27 .articlesGrid .item > .num { color: white; border-color: white; }

#seriesHoldingPage.theme27 #relatedSeriesWrapper .btnWrapper a, #seriesLandingPage .item.theme27 .btnMoreWrapper .btn .text { color: white; border-color: white; }

#seriesHoldingPage.theme27 a.primaryLink:after, #seriesLandingPage .item.theme27 .btnMoreWrapper .btn .text:after { border-color: rgba(211, 62, 62, 0.5); }

#seriesHoldingPage.theme27 #seriesArticlesGrid .pagination > .pages > .item, #seriesHoldingPage.theme27 #seriesArticlesGrid .pagination a { color: white; }

#seriesHoldingPage.theme27 #seriesArticlesGrid .pagination > .pages > .item.active { border-color: white; }

body { background-color: white; color: black; }

/*==========Images==========*/
img { max-width: 100%; height: auto; }

@media \0screen { img { width: auto; /* for ie 8 */ } }

/*==========Firefox: remove the dotted outline==========*/
a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none !important; }

/*Remove bootstrap btn outlines*/
*.btn:active, .btn:focus, .btn:active:focus, .btn.active:focus { outline: none !important; box-shadow: none !important; }

a, a:link, a:hover, a:active, a:visited { text-decoration: none !important; }

a { color: black; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }

a:hover { color: rgba(0, 0, 0, 0.5); }

a.primaryLink { position: relative; display: inline-block; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.4rem; color: #282828; border-bottom: 3px solid #91d6be; }

a.primaryLink:after { display: block; content: ''; position: relative; top: 3px; border-bottom: 3px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); /*@include transform-origin (0% 50%);*/ -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

a.primaryLink:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

a#btnBackToTop { position: fixed; z-index: 10; display: block; opacity: 0; width: 30px; height: 30px; font-size: 1.4rem; padding-top: 8px; bottom: -40px; right: 24px; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; color: rgba(255, 255, 255, 0.7) !important; background-color: rgba(0, 0, 0, 0.7); -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; }

a#btnBackToTop:hover { cursor: pointer; color: white !important; background-color: rgba(0, 0, 0, 0.9); }

a#btnBackToTop.is-shown { opacity: 1; bottom: 30px; }

/*==========Serif fonts==========*/
.serif { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }

.bold { font-weight: 700; }

/*==========Highlight colors==========*/
::selection { background: #e7e080; }

::-moz-selection { background: #e7e080; }

/*==========Gaps==========*/
.noPaddingLeft { padding-left: 0; }

.noPaddingRight { padding-right: 0; }

.noMarginLeft { margin-left: 0; }

.noMarginRight { margin-right: 0; }

/*==========Background color==========*/
body.bgBeige { background-color: #eeeae1; }

body.bgLightBeige { background-color: #f8f6f5; }

/*==========Labels or Icons==========*/
.smallLabel { font-size: 1.2rem; color: #7f7f7f;line-height: 3.6rem; }

.iconHash { display: inline-block; width: 35px; height: 35px; background-color: #91d6be; color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 20px; font-size: 1.6rem !important; }

.iconHash:after { position: relative; top: 5px; font-family: "mpwbkb"; content: '\e908'; }

.iconComment { position: relative; display: inline-block; width: 60px; height: 60px; left: 0; background-color: white; color: #98938d !important; border: 1px solid rgba(38, 69, 61, 0.3); -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 20px; font-size: 2.2rem !important; text-align: center; margin: 30px auto; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; padding-bottom: 2px; border-bottom: 2px solid #91d6be; }

.iconComment:after { position: relative; top: 13px; left: 1px; font-family: "mpwbkb"; content: '\e907'; }

.iconComment:hover, .iconComment.is-shown { background-color: #4266b2; border-color: #4266b2; width: 200px; color: white !important; left: -10px; }

.iconComment:hover { cursor: pointer; }

.iconComment.is-shown:hover { cursor: default; }

.iconComment:hover:after, .iconComment.is-shown:after { left: -20px; }

.iconComment > .tips { position: absolute; display: inline-block; width: 50px; font-size: 1.4rem; opacity: 0; top: 20px; left: 100px; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

.iconComment:hover > .tips, .iconComment.is-shown > .tips { left: 95px; color: white; opacity: 1; }

/*==========Loading==========*/
#loading { display: block; width: 30px; height: 30px; margin: 100px auto; background-image: url(../images/loading@2x.gif); background-size: 30px 30px; }

/*==========Central line==========*/
.centralLine { display: block; /*z-index:2;*/ width: 1px; height: 70px; background-color: black; margin: 0 auto; }

.centralLine.short { height: 40px; }

.centralLine.default { height: 60px; }

.centralLine.medium { height: 80px; }

.centralLine.long { height: 120px; }

.centralLine.light { background-color: rgba(0, 0, 0, 0.3); }

.centralLine.offsetTop { position: relative; top: 40px; margin-top: -40px; }

.centralLine.offsetBtm { position: relative; top: -40px; }

/*==========Gaps==========*/
.gapTop { margin-top: 30px; }

.gapTop10 { margin-top: 10px; }

.gapTop20 { margin-top: 20px; }

.gapTop30 { margin-top: 30px; }

.gapTop45 { margin-top: 45px; }

.gapBtm10 { margin-bottom: 10px; }

.gapBtm20 { margin-bottom: 20px; }

.gapBtm30 { margin-bottom: 30px; }

.gapBtm45 { margin-bottom: 45px; }

/*==========Keyframes==========*/
@keyframes wave { 0% { margin-left: 0; }
  100% { margin-left: -86px; } }

/*==========Site Navigation==========*/
#pushNav { padding-top: 40px; }

#siteNav { position: fixed; z-index: 101; width: 100%; padding: 10px 10px; background-color: white; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; -moz-transition: transform 0.5s ease-in-out; -ms-transition: transform 0.5s ease-in-out; -o-transition: transform 0.5s ease-in-out; -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); /*@include media("screen", "retina3x", "landscape"){ padding:30px 25px; }*/ }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #siteNav { padding: 10px 44px; } }

/*iphoneX*/
#siteNav.home { background-color: #f1edeb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#siteNav.is-hidden { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }

#siteNav #btnMobileMenu { position: relative; display: inline-block; padding: 10px 10px 10px 10px; }

#siteNav #btnMobileMenu:hover { cursor: pointer; }

#siteNav #btnMobileMenu .navLine { display: inline-block; position: relative; left: 0; width: 1px; height: 16px; overflow: hidden; background-color: black; margin: 0 2px; float: left; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#siteNav #logoWrapper { position: relative; height: 40px; left: 17px; overflow: hidden; }

#siteNav #logoWrapper #logo { position: relative; display: block; width: 81px; height: 25px; top: 0; background-size: 81px 25px; background-image: url(../images/logo.mpwbkb.mobile.png); margin: 0 auto; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #siteNav #logoWrapper #logo { background-image: url(../images/logo.mpwbkb.mobile@2x.png); } }

#siteNav #logoWrapper #logo.is-hidden { top: -50px; }

#siteNav #logoWrapper #loc { position: absolute; display: block; width: 81px; top: 60px; font-size: 1.6rem; text-align: center; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#siteNav #logoWrapper #loc.is-shown { top: 8px; }

#siteNav #logoWrapper #loc.fashion { display: block; width: 81px; height: 25px; background-image: url(../images/logo.inner.mobile.png); background-size: 81px 25px; margin: 0 auto; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #siteNav #logoWrapper #loc.fashion { background-image: url(../images/logo.inner.mobile@2x.png); } }


#siteNav #utilityWrapper { position: relative; height: 40px; text-align: center; }

#siteNav #utilityWrapper .btnWrapper { font-size: 1.4rem; line-height: 2.6; }

#siteNav #utilityWrapper .btnWrapper a { padding: 0 8px; }

/*---Mobile menu---*/
#mobileMenu { display: block; position: fixed; z-index: 100; top: -110vh; width: 100vw; height: 100vh; background-color: #f0e8dd; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#mobileMenu > .inner { position: relative; padding: 80px 20px 30px 20px; max-width: 400px; margin: 0 auto; text-align: center; }

#mobileMenu > .inner .closeBtnWraper { position: relative; z-index: 10; background-color: #f0e8dd; padding-bottom: 30px; }

#mobileMenu > .inner #closeMobileMenu { /*position:fixed;*/ display: inline-block; /*left:50%; margin-left:-20px;*/ width: 40px; height: 40px; }

#mobileMenu > .inner #closeMobileMenu:after { position: relative; top: 6px; font-family: 'mpwbkb'; content: '\e918'; }

#mobileMenu > .inner .menuItems { position: relative; z-index: 10; display: block; clear: both; padding: 10px 0 0 0; overflow: auto; background-color: #f0e8dd; }

@media screen and (orientation: landscape) { #mobileMenu > .inner .menuItems { padding: 20px 0 10px 0; } }

#mobileMenu > .inner .menuItems > a.item { position: relative; display: inline-block; width: 50%; float: left; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.8rem; padding: 12px 0; opacity: 0; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

@media screen and (orientation: landscape) { #mobileMenu > .inner .menuItems > a.item { width: 20%; padding: 6px 0; } }

#mobileMenu > .inner .menuItems > a.item:nth-child(odd) { left: -30px; }

#mobileMenu > .inner .menuItems > a.item:nth-child(even) { left: 30px; }

#mobileMenu > .inner .menuItems > a.item.shown { left: 0; opacity: 1; }

#mobileMenu > .inner .menuItems > a.item.on > .dot { position: absolute; display: block; width: 6px; height: 6px; background-color: #ab0216; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; top: 20px; left: 50%; margin-left: -35px; }

@media screen and (orientation: landscape) { #mobileMenu > .inner .menuItems > a.item.on > .dot { top: 13px; margin-left: -30px; } }

#mobileMenu > .inner .socialLinks { position: relative; z-index: 10; text-align: center; padding-top: 40px; padding-bottom: 20px; background-color: #f0e8dd; }

#mobileMenu > .inner .socialLinks a { color: rgba(40, 40, 40, 0.6); font-size: 1.6rem; padding: 0 10px; margin-left: 10px; }

#mobileMenu > .inner .socialLinks a:hover { color: #282828; }

#mobileMenu .centralLine { position: absolute; display: block; left: 50%; top: 15vh; width: 1px; height: 70vh; background-color: rgba(0, 0, 0, 0.3); opacity: 0.5; }

@media screen and (orientation: landscape) { #mobileMenu .centralLine { display: none; } }

@media screen and (max-width: 320px) { #mobileMenu .centralLine { display: none; } }

#mobileMenu.is-shown { top: 0; }

/*---View all button*/
.mobileBtnViewAll { position: absolute; z-index: 10; top: 70px; display: inline-block; font-size: 1.2rem; padding: 6px 10px 2px 10px; color: rgba(0, 0, 0, 0.4); }

.mobileBtnViewAll.white { color: rgba(255, 255, 255, 0.8); }

.mobileBtnViewAll.right { right: 10px; text-align: right; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .mobileBtnViewAll.right { right: 44px; } }

.mobileBtnViewAll.center { width: 200px; left: 50%; margin-left: -100px; text-align: center; }

.mobileBtnViewAll.rounded { background-color: rgba(255, 255, 255, 0.5); border: 1px solid white; }

.mobileBtnViewAll:hover { color: black; }

.mobileBtnViewAll.white:hover { color: white; }

.mobileBtnViewAll i { position: relative; display: inline-block; padding-right: 8px; }

.mobileBtnViewAll > .text { position: relative; display: inline-block; top: -1px; }

/*---Simple Navigation---*/
#simpleNav { position: fixed; z-index: 100; width: 100%; padding: 0; background-color: white; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #simpleNav { padding: 0 44px; } }

#simpleNav.is-hidden { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }

#simpleNav .divLine { position: relative; display: inline-block; width: 1px; height: 50px; background-color: rgba(0, 0, 0, 0.3); }

#simpleNav .currentLoc { height: 50px; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.2rem; color: #4a4a4a; padding: 16px 0 0 0;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}/**keep for ...of article title bar  by falcon**/

#simpleNav .currentLoc > .currentSubLoc { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-sans-traditional", PingFang TC, Hiragino Sans GB, Microsoft Yahei, sans-serif !important; font-size: 1.2rem; padding: 3px 0 0 8px; margin-left: 8px; border-left: 1px solid rgba(0, 0, 0, 0.3); }

#simpleNav .btnRight { position: relative; display: inline-block; font-size: 1.2rem; text-align: right; padding: 0 25px; }

#simpleNav .btnRight i { position: relative; display: inline-block; padding-right: 14px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#simpleNav .btnRight:hover i { padding-right: 10px; }

#simpleNav .btnRight > .text { position: relative; display: inline-block; padding-right: 14px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#simpleNav .btnRight:hover > .text { padding-right: 4px; }

/*--Progress Bar--*/
#simpleNav .progressBarContainer { position: absolute; z-index: 20; bottom: 0px; left: 0; width: 100%; height: 3px; margin-bottom: 0px; overflow: hidden; background-color: transparent; content: ""; display: table; table-layout: fixed; }

#simpleNav .progressBar { width: 0%; float: left; height: 100%; z-index: 21; max-width: 100%; background-color: rgba(96, 90, 82, 0.8); -moz-transition: width 0.2s; -ms-transition: width 0.2s; -o-transition: width 0.2s; -webkit-transition: width 0.2s; transition: width 0.2s; }

/*Share Buttons--*/
#simpleNav #shareBtnWrapper { position: absolute; z-index: 11; display: flex; top: 0; right: 0; height: 50px; color: rgba(0, 0, 0, 0.6); background-color: #f7f7f7; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #simpleNav #shareBtnWrapper { right: 44px; } }

#simpleNav #shareBtnWrapper > .item { position: relative; display: inline-block; width: 40px; padding: 13px 0; text-align: center; background-color: white; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; border-left: 1px solid rgba(197, 191, 183, 0.5); }

/*#simpleNav #shareBtnWrapper > .item:last-child{width:70px;}*/
#simpleNav #shareBtnWrapper > .item > i, #simpleNav #shareBtnWrapper > .item > .inner > i { position: relative; font-size: 1.4rem; left: 0; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; color: rgba(0, 0, 0, 0.6); }

#simpleNav #shareBtnWrapper > .item > i.fab { font-size: 1.2rem; top: -2px; }

#simpleNav #shareBtnWrapper > .item:last-child i { left: 0px; }

#simpleNav #shareBtnWrapper > .item > .tips, #simpleNav #shareBtnWrapper > .item > .inner > .tips { position: absolute; display: inline-block; width: 80px; font-size: 1.2rem; opacity: 0; top: 16px; right: -50px; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }

#simpleNav #shareBtnWrapper > .item > .wrap { position: absolute; display: inline-block; overflow: hidden; height: 50px; top: 0; width: 200px; right: -200px; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; text-align: left; padding: 12px 20px 0 20px; }

#simpleNav #shareBtnWrapper > .item.social > .wrap { width: 180px; right: -180px; }

#simpleNav #shareBtnWrapper > .item.facebook > .wrap { width: 240px; right: -240px; padding: 16px 10px 0 20px; }

#simpleNav #shareBtnWrapper > .item > .wrap a { position: relative; display: inline-block; opacity: 1; color: white; margin: 0 2px; padding: 6px 4px; font-size: 1.2rem; top: -2px; }

#simpleNav #shareBtnWrapper > .item > .wrap a:hover { color: rgba(0, 0, 0, 0.7); cursor: pointer; }

#simpleNav #shareBtnWrapper > .item:hover { cursor: pointer; width: 135px; background-color: #ebeae8; }

#simpleNav #shareBtnWrapper > .item:hover > .wrap, #simpleNav #shareBtnWrapper > .item > .wrap.is-shown { right: 0; }

#simpleNav #shareBtnWrapper > .item.social:hover { width: 180px; background-color: #c5bfb7; }

#simpleNav #shareBtnWrapper > .item.facebook:hover, #simpleNav #shareBtnWrapper > .item.facebook.is-shown { width: 240px; background-color: #31437a; }

#simpleNav #shareBtnWrapper > .item:hover i { left: -35px; }

#simpleNav #shareBtnWrapper > .item.fixed:hover i.hover-hidden, #simpleNav #shareBtnWrapper > .item.fixed i.hidden { left: 165px; opacity: 0; }

#simpleNav #shareBtnWrapper > .item:hover > .tips, #simpleNav #shareBtnWrapper > .item:hover > .inner > .tips { right: 12px; color: rgba(0, 0, 0, 0.6); opacity: 1; }

/*Bookmark*/
#simpleNav #shareBtnWrapper > .item.bookmark > .inner > .tips.unsaved:after { content: '收藏文章'; }

#simpleNav #shareBtnWrapper > .item.bookmark > .inner > .tips.saved:after { content: '已收藏'; }

/*--Horizon Swiper--*/
.swiperWrapper { position: fixed; width: 100%; z-index: 10; overflow: auto; margin-top: 60px; top: 0; left: 0; }

.swiperWrapper.is-touch { top: 0; }

.horizon-swiper { background-color: #e6e0d3; text-align: center; }

.horizon-swiper .horizon-outer { max-height: none !important; overflow: hidden; }

.horizon-swiper .horizon-inner { padding: 0 10px; overflow-x: hidden; }

.swiperWrapper.is-touch .horizon-swiper .horizon-inner { position: relative; top: 12px; padding: 0 10px 20px 10px; overflow-x: scroll; }

.horizon-swiper .iconHash { width: 24px; height: 24px; font-size: 1.2rem !important; background-color: white !important; border: none !important; color: #c5bfb7 !important; margin: 0 10px !important; }

.horizon-swiper .iconHash:after { top: 1px; left: -2px; }

.horizon-swiper a.horizon-item { font-size: 1.3rem; line-height: 1; color: rgba(0, 0, 0, 0.3); padding: 5px 8px 2px 8px; border: 1px solid rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6); -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 0 4px; overflow: hidden; -moz-transition: all 0.05s; -ms-transition: all 0.05s; -o-transition: all 0.05s; -webkit-transition: all 0.05s; transition: all 0.05s; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .horizon-swiper a.horizon-item { padding: 4px 8px; } }

.horizon-swiper a.horizon-item.active, .horizon-swiper a.horizon-item.active:hover { color: white; background-color: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); }

.horizon-swiper a.horizon-item:hover { cursor: pointer; color: rgba(0, 0, 0, 0.9); }

.horizon-swiper .menuGradient { position: absolute; top: 0; width: 80px; height: 100%; display: block; z-index: 1; }

.horizon-swiper .menuGradient.left { left: 0; background: -webkit-linear-gradient(left, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: -o-linear-gradient(left, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: -moz-linear-gradient(left, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: -ms-linear-gradient(left, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: linear-gradient(left, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); }

.horizon-swiper .menuGradient.right { right: 0; background: -webkit-linear-gradient(right, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: -o-linear-gradient(right, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: -moz-linear-gradient(right, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: -ms-linear-gradient(right, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); background: linear-gradient(right, #e6e0d3 60%, rgba(230, 224, 211, 0) 85%); }

.horizon-swiper .horizon-next, .horizon-swiper .horizon-prev { z-index: 50; top: 0; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .horizon-swiper .horizon-next, .horizon-swiper .horizon-prev { top: 6px; } } }

.horizon-swiper .horizon-prev { left: 10px; }

/*==========Post: Social Sharing Wrapper==========*/
.postShareBtnWrapper > a { display: inline-block; width: 30px; height: 30px; margin-bottom: 3px; text-align: center; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid rgba(38, 69, 61, 0.3); background-color: rgba(38, 69, 61, 0); color: rgba(38, 69, 61, 0.6); font-size: 1.2rem; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.postShareBtnWrapper > a:hover { background-color: rgba(38, 69, 61, 0.8); color: white !important; cursor: pointer; }

.postShareBtnWrapper > a:focus { outline: none; }

.postShareBtnWrapper > a.btnBookmark { border-color: rgba(152, 147, 141, 0.8); color: #98938d; }

.postShareBtnWrapper > a.btnBookmark:hover { background-color: #98938d; }

.postShareBtnWrapper > a > i { position: relative; top: 6px; }

.postShareBtnWrapper > a > i.icon-bookmark-o, .postShareBtnWrapper > a > i.icon-bookmark-f { top: 7px; /*left:1px;*/ }

/*==========Keywords==========*/
.keywordWrapper a { display: inline-block; font-size: 1.2rem; line-height: 1; padding-bottom: 3px; border-bottom: 2px solid #91d6be; margin-right: 10px; margin-bottom: 7px; color: rgba(0, 0, 0, 0.5); }

.keywordWrapper a:after { display: block; content: ''; position: relative; top: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.keywordWrapper a:hover { color: black; }

.keywordWrapper a:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

/*==========Pagination==========*/
.pagination { font-size: 1.2rem !important; text-align: center; }

.pagination.top { margin-bottom: 20px; }

.pagination.btm { margin-top: 20px; }

.pagination > .pages > .item { display: inline-block; font-size: 1.2rem !important; padding: 5px 6px; margin: 0 5px; }

.pagination > .pages > .item.active { border-bottom: 2px solid #282828; cursor: default; }

.pagination .btnPrevNext { position: relative; display: inline-block; width: 100%; padding-bottom: 20px; }

.pagination .btnPrevNext.inactive { opacity: 0.2; }

.pagination .btnPrevNext.inactive:hover { cursor: default; }

.pagination .btnPrevNext > i { position: relative; top: 8px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.pagination .btnPrevNext.prev i { left: 0; }

.pagination .btnPrevNext.next i { right: 20px; }

.pagination .btnPrevNext.prev.inactive:hover i { left: 0; }

.pagination .btnPrevNext.next.inactive:hover i { right: 20px; }

/*==========Slick Carousel==========*/
.slick-dots li button:before { font-family: ''; font-size: 1.8rem; }

/*==========Home==========*/
#home .container { overflow: hidden; }

#home .pinText { position: relative; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; line-height: 1.4; color: #a09689; text-align: center; }

#home .pinLine { display: block; position: relative; z-index: 5; left: 0; width: 1px; height: 30px; background-color: #c5bfb7; margin: 10px auto 0 auto; }

#home #homeFeaturedSeries { position: relative; padding: 50px 0 50px 0; background-color: #f1edeb; }

#home #homeFeaturedSeries .inner { max-width: 700px; margin: 0 auto; }

#home #homeFeaturedSeries .coverImgWrapper { position: relative; padding: 0 10px 50px 10px; /*overflow: hidden;*/ }

#home #homeFeaturedSeries .coverImgWrapper > .cover { display: block; width: 100%; height: 415px; background-size: cover; background-position: center center; }

#home #homeFeaturedSeries .centralLine { background-color: #c5bfb7; height: 40px; }

#home #homeFeaturedSeries .blurbWrapper { max-width: 780px; margin: 15px auto; text-align: justify; padding: 0 25px; }

#home #homeFeaturedSeries .blurbWrapper .blurb,#home #homeFeaturedSeries .blurbWrapper .blurb p { display: inline; font-size: 1.8rem; line-height: 2.3; color: rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 8px; }/**keep it for <p></p> wrapper by falcon**/

#home #homeFeaturedSeries .titleWrapper { width: 100%; text-align: center; padding: 0 0 5px 0; }

#home #homeFeaturedSeries .titleWrapper > .title { position: relative; left: 20px; /*use LEFT to center the title including the count*/ font-size: 2.2rem; padding-bottom: 14px; }

#home #homeFeaturedSeries .titleWrapper > .title:hover { color: black; }

#home #homeFeaturedSeries .titleWrapper > .title > .count { position: relative; display: inline-block; top: -18px; width: 30px; height: 30px; padding-top: 7px; background-color: #c5bfb7; color: white; font-size: 1.4rem; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; overflow: hidden; }

#home #homeFeaturedSeries .titleWrapper > .title > .count > .num { position: relative; top: -1px; display: inline-block; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

#home #homeFeaturedSeries .titleWrapper:hover > .title > .count > .num { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

#home #homeFeaturedSeries .titleWrapper > .title > .count > .num::before { position: absolute; bottom: 100%; content: attr(data-hover); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#home #homeFeaturedSeries .btnMoreWrapper { text-align: center; margin: 40px 0 10px 0; }

#home #homeFeaturedSeries .btnMoreWrapper .btn { position: relative; display: inline-block; width: 110px; height: 110px; padding: 0; margin: 0 20px; font-size: 1.4rem; background-color: white; color: #6d6a67; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

#home #homeFeaturedSeries .btnMoreWrapper .btn i.icon-book { position: relative; display: block; top: 25px; padding-bottom: 30px; font-size: 2.6rem; color: #6d6a67; }

#home #homeFeaturedSeries .btnMoreWrapper .btn:hover { background-color: #e7e080; color: black; padding: 5px; }

#home #homeFeaturedSeries .btnMoreWrapper .btn:hover i { color: rgba(0, 0, 0, 0.8); }

#home #homeFeaturedSeries .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#home #homeFeaturedSeries .waveWrapper > .wave { background: url(../images/pattern.wave.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

/*----------Home: Featured Content----------*/
#home #homeFeaturedCnt { position: relative; padding: 50px 0 60px 0; background-color: #f1edeb; }

#home #homeFeaturedCnt .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#home #homeFeaturedCnt .waveWrapper > .wave { background: url(../images/pattern.wave.color5.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

/*----------Home: Featured Slides: Slick----------*/
#home #homeFeaturedSlides { position: relative; padding: 60px 0 60px 0; overflow: hidden; }

#home #homeFeaturedSlides .slick-dots { bottom: -50px; }

#home #homeFeaturedSlides .slideAutoplay .slick-slide:focus { outline: none !important; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper { /*height: 700px;*/ margin: 0 5px; padding-bottom: 10px; /*background-color:#CCC;*/ }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb { position: relative; display: block; width: 100%; height: 240px; background-color: #efe6da; background-size: cover; background-position: center center; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb:focus { outline: none !important; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb > .dimmedWrapper { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: 5.5rem; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb > .dimmedWrapper:after { position: relative; top: 37%; font-family: 'mpwbkb'; content: '\e923'; color: white; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb:hover > .dimmedWrapper { background-color: rgba(0, 0, 0, 0.2); }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb:hover > .dimmedWrapper:after { top: 39%; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner { position: relative; top: 0; width: 100%; min-height: auto; margin: 0 auto; padding: 15px 20px 15px 20px; background-color: white; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .infoWrapper { margin-bottom: 10px; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .infoWrapper > .cat { display: inline-block; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); margin-right: 10px; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .infoWrapper > a.cat:hover { color: black; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .infoWrapper > .date { display: inline-block; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .linkWrapper { font-size: 1.6rem; line-height: 1.3; clear: both; padding-right: 40px; }

@media screen and (min-width: 568px) and (max-width: 812px) and (orientation: landscape) { #home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .linkWrapper { padding-right: 45px; } }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .linkWrapper > .seriesName { display: inline-block; padding: 6px 10px 1px 10px; border: 1px solid #c5bfb7; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 6px 5px 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .linkWrapper > .seriesName:hover { background-color: #e6e0d3; border-color: #e6e0d3; color: black; cursor: pointer; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .keywordWrapper { margin-top: 10px; margin-bottom: 10px; }

#home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .postShareBtnWrapper { position: absolute; top: 10px; right: 18px; }

#home #homeFeaturedSlides .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#home #homeFeaturedSlides .waveWrapper > .wave { background: url(../images/pattern.wave.color1.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

/*----------Home: Keywords----------*/
#home .hotKeywords > .keywordWrapper { position: relative; text-align: center; padding: 60px 20px 20px 20px; background-color: white; margin: 20px auto 10px auto; }

#home .hotKeywords > .keywordWrapper a { font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }

#home .hotKeywords > .keywordWrapper > .iconHash { position: absolute; width: 38px; height: 38px; top: -20px; left: calc(50% - 34px); }

#home .hotKeywords > .keywordWrapper > .iconHash:after { top: 7px; }

#home .hotKeywords > .keywordWrapper > .btnSearch { padding-top: 30px; font-size: 1.4rem; color: rgba(0, 0, 0, 0.7); }

#home .hotKeywords > .keywordWrapper > .btnSearch:after { position: relative; top: 1px; left: 8px; font-family: "mpwbkb"; font-size: 1.6rem; content: '\e902'; }

#home .hotKeywords > .keywordWrapper > .btnSearch:hover { cursor: pointer; }

/*----------Home: Featured Blogs----------*/
#home #homeFeaturedBlogs { position: relative; padding: 50px 0 100px 0; background-color: #a1a395; overflow: hidden; }

#home #homeFeaturedBlogs .pinText { color: white; }

#home #homeFeaturedBlogs .pinLine { background-color: white; }

#home #homeFeaturedBlogs .slideBlogHorizonal { position: relative; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper { position: relative; width: 300px !important; height: 500px; padding: 60px 25px; margin: 50px 5px 0 5px; background-color: white; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper:focus { outline: none !important; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper.last { background-color: rgba(255, 255, 255, 0.2); text-align: center; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .avatar { position: absolute; display: block; top: -40px; left: 110px; width: 80px; height: 80px; background-color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; -webkit-transition: transform 0.4s; transition: transform 0.4s; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .avatar:hover { transform: scale(1.1); }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .blog { display: block; text-align: center; font-size: 1.4rem; color: #a8a49e; padding-bottom: 6px; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .title { text-align: center; font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper a.blurb { color: rgba(0, 0, 0, 0.8); }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper a.blurb:hover { color: black; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .blurb { display: block; text-align: left; font-size: 1.6rem; line-height: 1.7; padding-top: 20px; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .blurb:focus { outline: none !important; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .blurb img { max-width: 190px; margin: 0 auto; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .btnDetails { position: absolute; width: 150px; left: 0; bottom: 16px; text-align: center; font-size: 1.2rem; color: rgba(96, 90, 82, 0.8); }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .btnDetails:hover { color: black !important; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .btnDetails .icon { position: relative; display: inline-block; width: 28px; height: 28px; top: -5px; left: -5px; text-align: center; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; /*border: 1px solid $colorBrown4;*/ background-color: rgba(38, 69, 61, 0); color: rgba(96, 90, 82, 0.8); font-size: 1.2rem; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .btnDetails:hover .icon { background-color: rgba(0, 0, 0, 0.7); color: white !important; cursor: pointer; left: 5px; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .btnDetails .icon i { position: relative; top: 6px; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .postShareBtnWrapper { position: absolute; right: 20px; bottom: 20px; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .postShareBtnWrapper a { border: none; margin: 0 5px; }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .postShareBtnWrapper > a:first-child:after { content: ""; position: absolute; top: 5px; left: 42px; display: block; width: 1px; height: 35px; background-color: rgba(197, 191, 183, 0.5); }

#home #homeFeaturedBlogs .moreWrapper { position: relative; top: 230px; padding: 100px; text-align: center; font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }

#home #homeFeaturedBlogs .controls { position: relative; width: 280px; margin: 20px auto 0 auto; }

#home #homeFeaturedBlogs .controls .slick-dots { text-align: left; left: 60px; }

#home #homeFeaturedBlogs .controls .slick-dots li button:before { color: white; }

#home #homeFeaturedBlogs .controls .slick-prev { position: absolute; top: 6px; left: auto; right: 55px; z-index: 3; padding: 20px; }

#home #homeFeaturedBlogs .controls .slick-next { position: absolute; top: 6px; right: 15px; z-index: 3; padding: 20px; }

#home #homeFeaturedBlogs .controls .viewAll { position: absolute; width: 150px; height: 45px; overflow: hidden; top: -16px; left: 0; z-index: 3; font-size: 1.8rem; color: white; padding: 20px; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#home #homeFeaturedBlogs .controls .viewAll .tips { position: relative; display: inline-block; top: -4px; left: 10px; font-size: 1.2rem; }

#home #homeFeaturedBlogs .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#home #homeFeaturedBlogs .waveWrapper > .wave { background: url(../images/pattern.wave.color3.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

/*----------Home: Magazine----------*/
#home #homeMagazine { position: relative; padding: 60px 0 40px 0; background-color: #f8f6f5; overflow: hidden; }

#home #homeMagazine .slideMagazineHorizonal { position: relative; display: block; max-width: 1600px; margin: 0 auto; z-index: 6; }

/*#home #homeMagazine .gradient{position:absolute; z-index:9; display:block; right:0; width:250px; height:350px; @include background-gradient(left, rgba(248,246,245,0) 0%, rgba(248,246,245,1) 100%); @include media("screen", ">1900px"){ right:calc((100% - 1600px)/2); } }*/
#home #homeMagazine .slideMagazineHorizonal .slideWrapper { height: 350px; margin: 2px 5px 0 5px; }

#home #homeMagazine .slideMagazineHorizonal .slideWrapper:focus { outline: none; }

#home #homeMagazine .slideMagazineHorizonal .slideWrapper img { position: relative; left: 2px; max-width: auto; height: 90%; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); }

#home #homeMagazine .infoWrapper { position: relative; margin: 0 auto; text-align: center; padding: 15px 20px 30px 20px; }

#home #homeMagazine .infoWrapper .issue { font-size: 1.4rem; }

#home #homeMagazine .infoWrapper .title { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 2rem; }

#home #homeMagazine .infoWrapper .linkWrapper { text-align: center; padding-top: 30px; }

#home #homeMagazine .infoWrapper .linkWrapper a { display: inline-block; font-size: 1.4rem; line-height: 1; padding-bottom: 3px; border-bottom: 2px solid #91d6be; margin-right: 10px; margin-bottom: 7px; color: rgba(0, 0, 0, 0.5); }

#home #homeMagazine .infoWrapper .linkWrapper a:after { display: block; content: ''; position: relative; top: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#home #homeMagazine .infoWrapper .linkWrapper a:hover { color: black; }

#home #homeMagazine .infoWrapper .linkWrapper a:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

#home #homeMagazine .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#home #homeMagazine .waveWrapper > .wave { background: url(../images/pattern.wave.color4.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

/*==========Series Landing Page==========*/
#seriesLandingPage .item { position: relative; padding: 40px 0 70px 0; /*background-image:url(../images/pattern.dot.upper.white.png); background-repeat:repeat-x; background-position:bottom center; background-size: 12px 3px;*/ }

/*#seriesLandingPage .item:first-child{background-image: url(../images/pattern.dot.upper.png), none;}*/
/*#seriesLandingPage .item:last-child{background-image: none, url(../images/pattern.dot.lower.png);}*/
#seriesLandingPage .item .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 3px; overflow: hidden; }

#seriesLandingPage .item .waveWrapper > .wave { background: url(../images/pattern.dot.white.svg) repeat-x; width: 4300px; height: 3px; animation: wave 8s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

#seriesLandingPage .item.theme01 .waveWrapper > .wave, #seriesLandingPage .item.theme02 .waveWrapper > .wave, #seriesLandingPage .item.theme03 .waveWrapper > .wave, #seriesLandingPage .item.theme04 .waveWrapper > .wave, #seriesLandingPage .item.theme05 .waveWrapper > .wave, #seriesLandingPage .item.theme07 .waveWrapper > .wave, #seriesLandingPage .item.theme13 .waveWrapper > .wave, #seriesLandingPage .item.theme14 .waveWrapper > .wave, #seriesLandingPage .item.theme16 .waveWrapper > .wave, #seriesLandingPage .item.theme17 .waveWrapper > .wave, #seriesLandingPage .item.theme18 .waveWrapper > .wave { background: url(../images/pattern.dot.black.svg) repeat-x; }

#seriesLandingPage .item .coverImgWrapper { padding: 0 15px 50px 15px; overflow: hidden; }

#seriesLandingPage .item .coverImgWrapper > .cover { display: block; width: 100%; max-width: 600px; height: 350px; background-size: cover; background-position: center center; margin: 0 auto; }

#seriesLandingPage .item .blurbWrapper { max-width: 580px; margin: 0 auto; text-align: justify; padding: 0 10px; }

#seriesLandingPage .item .blurbWrapper .blurb { display: inline; font-size: 1.8rem; line-height: 2.3; color: rgba(0, 0, 0, 0.7); border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding-bottom: 8px; }

#seriesLandingPage .item .titleWrapper { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; z-index: 9; top: 48px; width: 100%; background-color: #FFF; text-align: center; padding: 30px 0 15px 0; }

#seriesLandingPage .item .titleWrapper > .title { position: relative; left: 15px; /*use LEFT to center the title including the count*/ font-size: 2rem; padding-bottom: 14px; }

#seriesLandingPage .item .titleWrapper > .title > .count { position: relative; display: inline-block; top: -5px; width: 26px; height: 26px; padding-top: 6px; background-color: black; color: white; font-size: 1.2rem; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; overflow: hidden; }

#seriesLandingPage .item .titleWrapper > .title > .count > .num { position: relative; top: -1px; display: inline-block; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

#seriesLandingPage .item .titleWrapper:hover > .title > .count > .num { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

#seriesLandingPage .item .titleWrapper > .title > .count > .num::before { position: absolute; bottom: 100%; content: attr(data-hover); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#seriesLandingPage .item .btnMoreWrapper { text-align: center; margin: 40px 0 10px 0; }

#seriesLandingPage .item .btnMoreWrapper .btn { display: inline-block; margin: 0 10px; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; }

#seriesLandingPage .item .btnMoreWrapper .btn .icon { display: inline-block; width: 48px; height: 48px; margin-right: 10px; background-color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: rgba(0, 0, 0, 0.6); -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

#seriesLandingPage .item .btnMoreWrapper .btn .icon i { position: relative; }

#seriesLandingPage .item .btnMoreWrapper .btn .icon i.icon-book { font-size: 2.2rem; top: 12px; }

#seriesLandingPage .item .btnMoreWrapper .btn .icon i.icon-paper { font-size: 2rem; top: 14px; left: 2px; }

#seriesLandingPage .item .btnMoreWrapper .btn .text { display: inline-block; position: relative; top: 8px; border-bottom: 3px solid white; }

#seriesLandingPage .item .btnMoreWrapper .btn .text:after { display: block; content: ''; position: relative; top: 3px; border-bottom: 3px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#seriesLandingPage .item .btnMoreWrapper .btn:hover .text:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

#seriesLandingPage .item .btnMoreWrapper .btn:hover { cursor: pointer; color: black; }

#seriesLandingPage .item .btnMoreWrapper .btn:hover .icon { background-color: rgba(0, 0, 0, 0.5); color: white; }

#seriesLandingPage .moreWrapper { display: block; background-color: #f8f6f5; padding: 0 0 130px 0; /*background-image: url(../images/pattern.dot.lower.png);*/ text-align: center; background-repeat: repeat-x; background-position: top center; background-size: 12px 3px; }

/*==========Series - Listing page==========*/
#seriesListingPage { background-color: #f8f6f5; padding: 80px 0 60px 0; }

#seriesListingPage .series { max-width: 600px; background-color: white; margin: 0 auto 30px auto; }

#seriesListingPage .series:last-child { margin-bottom: 0 !important; }

#seriesListingPage .series .cover { background-color: #efe6da; min-height: 320px; background-size: cover; background-position: center center; }

#seriesListingPage .series .cnt { position: relative; padding: 10px 85px 30px 30px; }

#seriesListingPage .series .cnt > .title { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 2rem; padding: 20px 0; }

#seriesListingPage .series .cnt > .blurb { font-size: 1.6rem; line-height: 1.7; color: #4a4a4a; }

#seriesListingPage .series .cnt .divLine { position: absolute; display: block; top: 8%; right: 55px; width: 1px; height: 84%; background-color: rgba(197, 191, 183, 0.5); }

#seriesListingPage .series .cnt .count { position: absolute; display: inline-block; top: 35px; right: 15px; width: 26px; height: 26px; padding-top: 5px; background-color: #282828; color: white; font-size: 1.2rem; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }

#seriesListingPage .series .cnt .count > .num { position: relative; display: inline-block; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

#seriesListingPage .series:hover .cnt .count { background-color: #c5bfb7; color: black; }

#seriesListingPage .series:hover .cnt .count > .num { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

#seriesListingPage .series .cnt > .count > .num::before { position: absolute; bottom: 100%; content: attr(data-hover); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#seriesListingPage .series .cnt .btnMore { position: absolute; display: inline-block; /*writing-mode: vertical-rl; letter-spacing:2px;*/ line-height: 1.2; font-size: 1.2rem; bottom: 30px; right: 16px; }

#seriesListingPage .series .cnt .btnMore > .text { width: 20px; display: inline-block; margin: 0 auto; /*For vertical text*/ }

#seriesListingPage .series:hover .cnt .btnMore { color: black; }

#seriesListingPage .series .cnt .btnMore:after { display: block; content: ''; position: absolute; width: 3px; height: 0; background-color: rgba(0, 0, 0, 0.7); top: -5px; left: -20px; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); -moz-transform-origin: 50px 0; -ms-transform-origin: 50px 0; -o-transform-origin: 50px 0; -webkit-transform-origin: 50px 0; transform-origin: 50px 0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#seriesListingPage .series:hover .cnt .btnMore:after { height: 70px; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

/*==========Series - Single series holding page==========*/
#seriesHoldingPage { background-color: #f7f7f7; padding: 80px 0 60px 0; /*background-image: url(../images/pattern.dot.upper.png); background-repeat:repeat-x; background-position:bottom center; background-size: 12px 3px;*/ }

#seriesHoldingPage .titleWrapper { text-align: center; padding-bottom: 20px; }

#seriesHoldingPage .smallLabel { font-size: 1.2rem; padding: 6px 0 14px 0; letter-spacing: 1px; text-align: center; }

#seriesHoldingPage .titleWrapper > .title { position: relative; left: 15px; /*use LEFT to center the title including the count*/ font-size: 2rem; padding-bottom: 14px; }

#seriesHoldingPage .titleWrapper > .title > .count { position: relative; display: inline-block; top: -18px; width: 24px; height: 24px; padding-top: 4px; background-color: black; color: white; font-size: 1.2rem; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; }

#seriesHoldingPage .titleWrapper > .tagline { font-size: 2.4rem; line-height: 1.3; }

#seriesHoldingPage .coverImgWrapper { padding: 0; }

#seriesHoldingPage .coverImgWrapper > .cover { width: 100%; height: 380px; background-size: cover; background-position: center center; }

#seriesHoldingPage .blurbWrapper { max-width: 600px; margin: 20px auto 30px auto; text-align: justify; padding: 0 20px; }

#seriesHoldingPage .blurbWrapper > .blurb { display: inline; font-size: 1.8rem; line-height: 2.3; border-bottom: 1px solid black; padding-bottom: 8px; }

/*---Article grid---*/
#seriesArticlesGrid { padding: 30px 10px 0 10px; }

#seriesArticlesGrid.inArticle { padding: 60px 0 30px 0; background-color: #eaeaea; }

#generalArticleGrid { padding: 40px 0 0 0; }

#generalArticleGrid.inArticle { padding: 60px 0 50px 0; background-color: #eaeaea; }

.articlesGrid .item { margin-bottom: 30px; }

.articlesGrid .item.large { padding-left: 0; padding-right: 0; margin-bottom: 0; }

.articlesGrid .item > .num { display: block; width: 20px; text-align: center; font-size: 1.2rem; color: #282828; padding-bottom: 4px; border-bottom: 1px solid #282828; margin: 0 auto 15px auto; }

.articlesGrid .item > .thumb { position: relative; display: block; width: 100%; max-width: 420px; height: 250px; background-color: #efe6da; background-size: cover; background-position: center center; margin: 0 auto; }

.articlesGrid .item.small > .thumb { height: 230px; }

.articlesGrid .item.large > .thumb { max-width: 620px; height: 350px; }

.articlesGrid .item > .thumb:focus { outline: none; }

.articlesGrid .item > .thumb > .dimmedWrapper { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: 5.5rem; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.articlesGrid .item > .thumb > .dimmedWrapper:after { position: relative; top: 34%; font-family: 'mpwbkb'; content: '\e923'; color: white; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.articlesGrid .item.small > .thumb > .dimmedWrapper:after { top: 33%; }

.articlesGrid .item > .thumb:hover > .dimmedWrapper { background-color: rgba(0, 0, 0, 0.2); }

.articlesGrid .item > .thumb:hover > .dimmedWrapper:after { top: 36%; }

.articlesGrid .item.small > .thumb:hover > .dimmedWrapper:after { top: 35%; }

.articlesGrid .item > .inner { position: relative; max-width: 420px; padding: 25px 70px 25px 20px; background-color: white; margin: 0 auto; }

.articlesGrid .item.large > .inner { top: -40px; padding: 25px 70px 25px 20px; margin: 0 15px; }

@media screen and (orientation: landscape) { .articlesGrid .item.large > .inner { margin: 0 auto; } }

@media screen and (min-width: 415px) { .articlesGrid .item.large > .inner { margin: 0 auto; } }

.articlesGrid .item > .inner > .infoWrapper { margin-bottom: 30px; }

.articlesGrid .item > .inner > .infoWrapper > .cat { float: left; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); margin-right: 10px; }

.articlesGrid .item > .inner > .infoWrapper > a.cat:hover { color: black; }

.articlesGrid .item > .inner > .infoWrapper > .date { float: left; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); }

.articlesGrid .item > .inner > .linkWrapper { font-size: 1.6rem; line-height: 1.4; clear: both; }

.articlesGrid .item.large > .inner > .linkWrapper { font-size: 1.6rem; }

.articlesGrid .item > .inner > .linkWrapper > .seriesName { display: inline-block; padding: 6px 10px 1px 10px; border: 1px solid #c5bfb7; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 6px 5px 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .articlesGrid .item > .inner > .linkWrapper > .seriesName { padding: 4px 10px; } }

.articlesGrid .item > .inner > .linkWrapper > .seriesName:hover { background-color: #e6e0d3; border-color: #e6e0d3; color: black; cursor: pointer; }

.articlesGrid .item > .inner > .keywordWrapper { margin-top: 6px; }

.articlesGrid .item > .inner > .postShareBtnWrapper { position: absolute; top: 10px; right: 10px; }

/*---Article list---*/
#generalArticleList { padding: 0 10px 50px 10px; }

#generalArticleList .masthead { padding-bottom: 20px; text-align: center; }

#generalArticleList .masthead .iconHash { width: 38px; height: 38px; }

#generalArticleList .masthead .iconHash:after { top: 7px; }

#generalArticleList .masthead .iconSearch { position: relative; display: inline-block; width: 32px; height: 32px; top: -8px; background-color: white; color: rgba(0, 0, 0, 0.7); -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 0 0 5px; font-size: 1.4rem !important; }

#generalArticleList .masthead .iconSearch:after { position: relative; top: 5px; font-family: "mpwbkb"; content: '\e902'; }

#generalArticleList .masthead .iconSearch:hover { background-color: rgba(0, 0, 0, 0.8); color: white; }

#generalArticleList .masthead .subhd { font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); padding: 15px 0 10px 0; }

#generalArticleList .masthead .hd { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.8rem; color: #4a4a4a; padding-top: 10px; }

.articlesList .list > .item { font-size: 1.6rem; width: 100%; max-width: 600px; margin: 0 auto 30px auto; padding-top: 15px; border-top: 1px solid rgba(197, 191, 183, 0.5); }

.articlesList .list > .item > .inner { position: relative; }

.articlesList .list > .item > .inner > .infoWrapper { display: inline-block; padding: 0 100px 15px 0; }

.articlesList .list > .item > .inner > .infoWrapper > .cat { float: left; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); margin-right: 10px; }

.articlesList .list > .item > .inner > .infoWrapper > a.cat:hover { color: black; }

.articlesList .list > .item > .inner > .infoWrapper > .date { float: left; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); }

.articlesList .list > .item .contentWrapper .linkWrapper { font-size: 1.6rem; clear: both; padding-bottom: 10px; }

.articlesList .list > .item .contentWrapper .linkWrapper > .seriesName { display: inline-block; padding: 4px 5px 0 5px; border: 1px solid #c5bfb7; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 3px 5px 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.articlesList .list > .item .contentWrapper .linkWrapper > .seriesName:hover { background-color: #e6e0d3; border-color: #e6e0d3; color: black; cursor: pointer; }

.articlesList .list > .item .contentWrapper { margin-right: 0; }

.articlesList .list > .item .contentWrapper .excerpt { font-size: 1.4rem; line-height: 1.6; color: #4a4a4a; padding-right: 60px; }

.articlesList .list > .item .contentWrapper .col-4 { padding: 0 !important; }

.articlesList .list > .item .contentWrapper .thumb { position: relative; display: block; width: 100%; height: 80px; background-color: #efe6da; background-position: top center; background-size: cover; }

@media screen and (max-width: 320px) { .articlesList .list > .item .contentWrapper .thumb { height: 70px; } }

@media screen and (min-width: 568px) and (max-width: 812px) and (orientation: landscape) { .articlesList .list > .item .contentWrapper .thumb { height: 100px; } }

@media screen and (min-width: 501px) { .articlesList .list > .item .contentWrapper .thumb { height: 130px; } }

.articlesList .list > .item .contentWrapper .thumb > .dimmedWrapper { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: 2.8rem; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

@media screen and (max-width: 320px) { .articlesList .list > .item .contentWrapper .thumb > .dimmedWrapper { font-size: 2rem; } }

.articlesList .list > .item .contentWrapper .thumb > .dimmedWrapper:after { position: relative; top: 26%; font-family: 'mpwbkb'; content: '\e923'; color: white; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.articlesList .list > .item .contentWrapper .thumb:hover > .dimmedWrapper { background-color: rgba(0, 0, 0, 0.2); }

.articlesList .list > .item .contentWrapper .thumb:hover > .dimmedWrapper:after { top: 28%; }

.articlesList .list > .item .contentWrapper .excerpt { display: inline-block; padding: 0 10px 20px 0; }

.articlesList .list > .item .contentWrapper .keywordWrapper { margin-top: 0; }

.articlesList .postShareBtnWrapper { position: absolute; top: -15px; right: 10px; }

.articlesList .postShareBtnWrapper > a { position: relative; top: 5px; display: inline-block; float: right; width: 30px; height: 30px; margin: 0 0 0 20px; text-align: center; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; -webkit-border-radius: none; border-radius: none; border: none; background-color: transparent; color: rgba(38, 69, 61, 0.6); font-size: 1.2rem; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.articlesList .postShareBtnWrapper > a:first-child:after { content: ""; position: absolute; top: -5px; left: -10px; display: block; width: 1px; height: 35px; background-color: rgba(197, 191, 183, 0.5); }

.articlesList .postShareBtnWrapper > a:hover { background-color: rgba(38, 69, 61, 0.8); color: white; cursor: pointer; }

.articlesList .postShareBtnWrapper > a.btnBookmark { border-color: transparent; color: #98938d; }

.articlesList .postShareBtnWrapper > a.btnBookmark:hover { background-color: #98938d; color: white; }

.articlesList .postShareBtnWrapper > a > i { position: relative; top: 6px; }

.articlesList .postShareBtnWrapper > a > i.icon-bookmark-o, .articlesList .postShareBtnWrapper > a > i.icon-bookmark-f { top: 7px; /*left:1px;*/ }

.articlesList .keywordWrapper { margin-top: 20px; }

/*---Article gallery---*/
.articlesGallery .item { font-size: 1.8rem; margin-bottom: 40px !important; }

.articlesGallery .item > .inner { position: relative; }

.articlesGallery .item > .inner > .infoWrapper { display: inline-block; padding: 20px 60px 0 0; }

.articlesGallery .item > .inner > .infoWrapper > .cat { float: left; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); margin-right: 10px; }

.articlesGallery .item > .inner > .infoWrapper > a.cat:hover { color: black; }

.articlesGallery .item > .inner > .infoWrapper > .date { float: left; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); }

.articlesGallery .item > .inner > .linkWrapper { font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; padding-bottom: 20px; padding-right: 60px; }

.articlesGallery .postShareBtnWrapper { position: absolute; top: 0; right: 10px; border-left: 1px solid rgba(197, 191, 183, 0.5); padding: 10px 0 10px 15px; }

/*---Related series---*/
#relatedSeriesWrapper { position: relative; width: 100%; padding: 30px 0 30px 0; }

#relatedSeriesWrapper .smallLabel { font-size: 1.2rem; padding: 6px 0 14px 0; letter-spacing: 1px; text-align: center; color: #666; }

#relatedSeriesWrapper > .centralLine { display: block; width: 1px; height: 50px; background-color: rgba(0, 0, 0, 0.3); margin: 0 auto; }

#relatedSeriesWrapper > .centralLine.long { height: 120px; }

#relatedSeriesWrapper > .item { position: relative; display: block; max-width: 780px; height: 260px; margin: 0 auto; background-size: cover; background-position: center center; }

#relatedSeriesWrapper > .item > .overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

#relatedSeriesWrapper > .item > .titleWrapper { position: absolute; z-index: 3; bottom: 0; left: 30px; }

#relatedSeriesWrapper > .item > .titleWrapper > .smallLabel { text-align: left; color: rgba(255, 255, 255, 0.8) !important; padding: 0; }

#relatedSeriesWrapper > .item > .titleWrapper > .title { position: relative; left: 0; font-size: 2.2rem; color: white; }

#relatedSeriesWrapper > .item > .titleWrapper > .title > .count { position: relative; display: inline-block; top: -18px; width: 26px; height: 26px; padding-top: 6px; background-color: white; color: black; font-size: 1.2rem; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }

#relatedSeriesWrapper > .item > .titleWrapper > .title > .count > .num { position: relative; display: inline-block; top: -1px; -moz-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

#relatedSeriesWrapper > .item:hover > .titleWrapper > .title > .count { background-color: black; color: white; }

#relatedSeriesWrapper > .item:hover > .titleWrapper > .title > .count > .num { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

#relatedSeriesWrapper > .item > .titleWrapper > .title > .count > .num::before { position: absolute; bottom: 100%; content: attr(data-hover); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

#relatedSeriesWrapper .btnWrapper { text-align: center; padding: 50px 0 0 0; }

#relatedSeriesWrapper .btnWrapper a { margin: 0 10px; }

/*---Back to series---*/
#backToSeries { position: relative; padding: 0 0 90px 0; text-align: center; }

#backToSeries .smallLabel { margin-bottom: 15px; }

#backToSeries .smallLabel i { font-size: 1.6rem; padding-right: 10px; }

/*==========Category Landing==========*/
#catLandingPage { background-color: #f8f6f5; padding-top: 50px; }

#catLandingPage .mobileBtnViewAll { top: 120px; }

#catLandingPage .sectionWrapper { position: relative; padding-bottom: 60px; padding-top: 30px; }

#catLandingPage .sectionWrapper:nth-child(even) { background-color: #f1edeb; }

#catLandingPage .sectionWrapper .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#catLandingPage .sectionWrapper .waveWrapper > .wave { background: url(../images/pattern.wave.color1.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

#catLandingPage .sectionWrapper:nth-child(even) .waveWrapper > .wave { background: url(../images/pattern.wave.svg) repeat-x; }

#catLandingPage .sectionWrapper .sectionKeyword { /*position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position:sticky; z-index:9;*/ top: 48px; background-color: #f8f6f5; text-align: center; padding: 30px 0 5px 0; }

#catLandingPage .sectionWrapper:nth-child(even) .sectionKeyword { background-color: #f1edeb; }

#catLandingPage .sectionWrapper .sectionKeyword > .keyword { position: relative; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.8rem; color: rgba(96, 90, 82, 0.8); }

#catLandingPage .sectionWrapper .sectionKeyword > .keyword::before { position: relative; padding-right: 8px; font-family: "mpwbkb"; content: '\e908'; font-size: 1.6rem; color: #aeaba7; text-align: center; }

#catLandingPage .sectionWrapper .moreWrapper { padding-top: 0; text-align: center; /*background-image:url(../images/pattern.dot.medium.png); background-repeat:repeat-x; background-position:bottom center; background-size: 15px 8px; background-position: calc(100% - 60px) top;*/ }

#catLandingPage .sectionWrapper .moreWrapper > .smlLabel { font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 14px; }

#catLandingPage .sectionWrapper .moreWrapper > a.keyword { position: relative; display: inline-block; padding: 10px 20px; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; background-color: white; color: rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#catLandingPage .sectionWrapper .moreWrapper > a.keyword:hover { padding: 10px 30px; color: white; background-color: #7bbca5; cursor: pointer; }

#catLandingPage .sectionWrapper .moreWrapper > a.keyword::before { position: relative; padding-right: 6px; font-family: "mpwbkb"; content: '\e908'; font-size: 1.6rem; color: #aeaba7; text-align: center; }

#catLandingPage .sectionWrapper .moreWrapper > a.keyword:hover::before { color: white; }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper { position: relative; text-align: center; padding: 60px 20px 20px 20px; background-color: white; margin: 30px 10px 30px 10px; }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper a { font-size: 1.4rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper > .iconHash { position: absolute; width: 48px; height: 48px; top: -26px; left: calc(50% - 44px); }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper > .iconHash:after { top: 11px; }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper > .btnSearch { padding-top: 30px; font-size: 1.2rem; color: rgba(0, 0, 0, 0.7); }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper > .btnSearch:after { position: relative; top: 1px; left: 8px; font-family: "mpwbkb"; font-size: 1.6rem; content: '\e902'; }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper > .btnSearch:hover { cursor: pointer; }

#catLandingPage .sectionWrapper > .btnWrapper { text-align: center; padding-top: 30px; }

/*@include media("retina2x"){ #catLandingPage .sectionWrapper .moreWrapper{background-image:url(../images/pattern.dot.medium@2x.png);} }*/
/*==========Category Listing==========*/
#catListingGrid { background-color: #f8f6f5; padding: 60px 0 60px 0; }

#catListingGrid .catGridKeywordWrapper { position: relative; display: block; max-width: 600px; padding: 30px 20px 30px 20px; background-color: #f7f7f7; margin: 10px auto 40px auto; text-align: center; background-color: white; }

#catListingGrid .catGridKeywordWrapper a { font-size: 1.4rem !important; }

#catListingGrid .catGridKeywordWrapper .keywordWrapper .iconHash { position: absolute; left: calc(50% - 20px); top: -15px; margin: 0; }

/*==========Article==========*/
#article { position: relative; top: 10px; padding: 100px 20px 40px 20px; background: -webkit-linear-gradient(top, #f8f6f5 0%, white 100%); background: -o-linear-gradient(top, #f8f6f5 0%, white 100%); background: -moz-linear-gradient(top, #f8f6f5 0%, white 100%); background: -ms-linear-gradient(top, #f8f6f5 0%, white 100%); background: linear-gradient(top, #f8f6f5 0%, white 100%); }

#article .cateDateWrapper { margin-bottom: 10px; text-align: center; }

#article .cateDateWrapper > .catWrapper { display: inline-block; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); margin-right: 10px; }

#article .cateDateWrapper > .catWrapper a { color: rgba(0, 0, 0, 0.5); }

#article .cateDateWrapper > .catWrapper a:hover { color: black; }

#article .cateDateWrapper .dateWrapper { display: inline-block; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); }

#article .cateDateWrapper .dateWrapper:before { position: absolute; display: inline-block; margin-left: -6px; content: ''; width: 1px; height: 16px; background-color: rgba(197, 191, 183, 0.5); }

#article .titleWrapper { font-size: 1.8rem; text-align: center; margin: 10px 0 0 0; }

#article .titleWrapper > .title { display: inline-block; }
/* title change to h1 element*/
#article .titleWrapper > h1.title { margin: 0 !important;  font-size: 1.8rem;font-weight: 400;line-height: 1.5em; }

#article .titleWrapper > .seriesName { display: inline-block; padding: 3px 6px 0 6px; border: 1px solid #c5bfb7; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 6px 5px 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#article .titleWrapper > .seriesName:hover { background-color: #c5bfb7; border-color: #c5bfb7; color: black; cursor: pointer; }

#article .dateWrapper { font-size: 1.2rem; color: #4a4a4a; padding: 8px 0 16px 0; text-align: center; }

#article .infoWrapper { position: relative; border-top: 1px solid rgba(197, 191, 183, 0.5); border-bottom: 1px solid rgba(197, 191, 183, 0.5); margin-bottom: 30px; }

#article .infoWrapper .nameWrapper { font-size: 1.2rem; padding: 16px 0 0 5px; color: #7f7f7f; }

#article .infoWrapper .nameWrapper .editor, #article .infoWrapper .nameWrapper .photographer { display: inline-block; margin-right: 10px; margin-bottom: 10px; }

#article .infoWrapper .nameWrapper .editor::before { content: '文'; padding-right: 5px; }

#article .infoWrapper .nameWrapper .photographer::before { content: '攝'; padding-right: 5px; }

#article .infoWrapper .nameWrapper a { display: inline-block; padding-bottom: 0; line-height: 1; border-bottom: 2px solid #91D6BE; margin-right: 10px; color: rgba(0, 0, 0, 0.5); }

#article .infoWrapper .nameWrapper a:after { display: block; content: ''; position: relative; top: 2px; border-bottom: 2px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#article .infoWrapper .nameWrapper a:hover { color: black; }

#article .infoWrapper .nameWrapper a:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

#article .infoWrapper .btnWrapper { font-size: 1.2rem; padding: 16px 5px 16px 0; text-align: right; }

#article .infoWrapper .btnWrapper a { color: rgba(0, 0, 0, 0.5); margin-left: 25px; }

#article .infoWrapper .btnWrapper a:hover { color: black; }

#article .infoWrapper .btnWrapper a i.fab { position: relative; top: -1px; padding-right: 10px; font-size: 1.2rem; }

#article .infoWrapper .btnWrapper a i.icon-comment { position: relative; top: 2px; padding-right: 10px; font-size: 1.4rem; }

#article .creditsWrapper { font-size: 1.4rem; color: #7f7f7f; text-align: center; }

#article .creditsWrapper::before { position: relative; display: block; content: ''; width: 1px; height: 50px; background-color: rgba(0, 0, 0, 0.3); margin: 0 auto 30px auto; }

#article .creditsWrapper .editor, #article .creditsWrapper .photographer { display: inline-block; margin: 0 5px 10px 5px; }

#article .creditsWrapper .editor::before { content: '文'; padding-right: 10px; }

#article .creditsWrapper .photographer::before { content: '攝'; padding-right: 10px; }

#article .creditsWrapper a { display: inline-block; padding-bottom: 0; line-height: 1; border-bottom: 2px solid #91D6BE; margin-right: 10px; color: rgba(0, 0, 0, 0.5); }

#article .creditsWrapper a:after { display: block; content: ''; position: relative; top: 2px; border-bottom: 2px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#article .creditsWrapper a:hover { color: black; }

#article .creditsWrapper a:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

#article .articleKeywordWrapper { position: relative; display: block; max-width: 500px; padding: 40px 20px; background-color: #f7f7f7; margin: 50px auto 10px auto; text-align: center; }

#article .articleKeywordWrapper a { font-size: 1.4rem !important; }

#article .articleKeywordWrapper .keywordWrapper .iconHash { position: absolute; left: calc(50% - 20px); top: -15px; margin: 0; }

/*---Article content styles---*/
#article p { font-size: 1.6rem; color: #282828; line-height: 1.9; max-width: 500px; margin: 20px auto 30px auto !important; }

#article p > a { padding-bottom: 2px; border-bottom: 2px solid #91d6be; }

#article h2 { position: relative; text-align: left; font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; color: #282828; line-height: 1.5; max-width: 500px; margin: 40px auto 50px auto !important; border-bottom: 2px solid #c5bfb7; }

#article h2:after { display: block; content: ''; position: relative; top: 6px; border-bottom: 2px solid #c5bfb7; }

#article .imgWrapper { position: relative; text-align: center; margin: 40px auto 50px auto !important; }

#article .imgWrapper > .caption { position: relative; font-size: 1.4rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; line-height: 1.7; color: #4a4a4a; max-width: 300px; margin: 0 auto; }

#article .imgWrapper > .caption::before { position: relative; display: block; content: ''; width: 1px; height: 30px; background-color: #aeaba7; margin: 0 auto 10px auto; }

#article .imgWrapper > .caption a { color: #4a4a4a !important; padding-bottom: 0; border-bottom: 2px solid #91d6be; }

#article .imgWrapper > .caption a:hover { color: black !important; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }

#article blockquote { max-width: 500px; margin: 20px auto 50px auto !important; font-size: 1.8rem; line-height: 1.7; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }

/*---Article table---*/
#article table { width: 100%; max-width: 500px; margin: 40px auto 60px auto; font-size: 1.6rem; color: #282828; border: 1px solid rgba(197, 191, 183, 0.5); }

#article table td { padding: 10px 10px 5px 10px; border-bottom: 1px solid rgba(197, 191, 183, 0.5); border-right: 1px solid rgba(197, 191, 183, 0.5); }

/*---Article unordered and ordered lists---*/
#article ul { width: 100%; max-width: 500px; margin: 20px auto 20px auto; font-size: 1.6rem; color: #282828; padding: 15px; line-height: 1.8; }

#article ul li { padding-bottom: 15px; }

#article ol { width: 100%; max-width: 500px; margin: 20px auto 20px auto; font-size: 1.6rem; color: #282828; padding: 15px; line-height: 1.8; }

#article ol li { padding-bottom: 15px; }

#article #imageSlider .slideArticleGallery ul.slick-dots { max-width: none; margin: 0; padding: 0; }

/*---Article Instagram---*/
.instagram-media { margin: 40px auto 80px auto !important; }

/*---Article content styles (fallback for old styles)---*/
#article h1, #article h3, #article h4, #article h5, #article h6 { max-width: 500px; margin: 20px auto 30px auto !important; }

#article h1 img, #article h3 img, #article h4 img, #article h5 img, #article h6 img { margin-bottom: 20px; }

#article h5 { font-size: 1.4rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; line-height: 1.8; color: #4a4a4a !important; max-width: 500px; margin: 0 auto; }

/*---Article Slick carousel styles--*/
#article #imageSlider .controls { position: relative; z-index: 5; width: 100px; margin: 0 auto; color: rgba(0, 0, 0, 0.7); }

#article #imageSlider .controls .slick-prev:before, #article #imageSlider .controls .slick-next:before { color: rgba(0, 0, 0, 0.7); }

#article #imageSlider .controls .slick-prev, #article #imageSlider .controls .slick-next { padding: 20px; /*border:1px solid #000;*/ }

#article #imageSlider .controls .slick-prev { left: -40px; }

#article #imageSlider .controls .num { position: relative; font-size: 1.2rem; text-align: center; top: 12px; }

#article #imageSlider .slideArticleGallery { top: 0; overflow: hidden; }

#article #imageSlider .slideArticleGallery .slideWrapper { margin: 0 20px; }

#article #imageSlider .slideArticleGallery .slideWrapper:focus { outline: none; }

#article #imageSlider .slideArticleGallery .slideWrapper .imgWrapper { text-align: center; margin-top: 20px; }

#article #imageSlider .slideArticleGallery .slideWrapper .imgWrapper img { display: inline-block; max-height: 280px; }

#article #imageSlider .slideArticleGallery .slick-dots { bottom: 15px; }

/*---Article Note---*/
#article .noteWrapper { padding: 0 20px 20px 20px; background-color: #f1edeb; margin: 60px 0; }

#article .noteWrapper::before { position: relative; display: inline-block; top: -15px; font-family: 'mpwbkb'; content: '\e916'; font-size: 2.4rem; color: rgba(96, 90, 82, 0.8); }

#article .noteWrapper p { font-size: 1.4rem; }

/*---Article YouTube embed video---*/
#article .youtubeWrapper { width: 100%; max-width: 660px; margin: 0 auto 60px auto; }

#article .youtubeWrapper .youtubeEmbedVideo { position: relative; padding-bottom: 49%; /* 16:9 */ padding-top: 25px; height: 0; }

#article .youtubeWrapper .youtubeEmbedVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#article .youtubeWrapper .youtubeOverlay { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; background-size: cover; background-position: center center; background-repeat: no-repeat; }

#article .youtubeWrapper .youtubeOverlay .dimmedWrapper { position: absolute; top: 0; width: 100%; height: 100%; z-index: 3; background-color: rgba(0, 0, 0, 0.4); -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; text-align: center; }

#article .youtubeWrapper .youtubeOverlay .dimmedWrapper:after { position: relative; top: 33%; font-family: 'mpwbkb'; font-size: 5rem; content: '\e923'; color: white; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#article .youtubeWrapper:hover .youtubeOverlay .dimmedWrapper { cursor: pointer; background-color: rgba(0, 0, 0, 0.2); }

/*---Editor's Picks---*/
#article .editorsPicks { position: relative; max-width: 500px; margin: 60px auto; padding: 30px 10px 20px 10px; /*border:1px solid #000;*/ }

#article .editorsPicks .borderWrapper { position: absolute; display: block; width: 100%; height: 7px; overflow: hidden; left: 0; }

#article .editorsPicks .borderWrapper.top { top: 0; }

#article .editorsPicks .borderWrapper.btm { bottom: 0; }

#article .editorsPicks .borderWrapper > .patternSlash { background: url(../images/pattern.slash.svg) repeat-x; width: 1200px; height: 7px; border: none; }

#article .editorsPicks .hd { font-size: 1.2rem; color: rgba(0, 0, 0, 0.7); padding-bottom: 20px; }

#article .editorsPicks .listWrapper .item { display: block; clear: both; width: 100%; padding: 0 0 15px 0; overflow: auto; }

#article .editorsPicks .listWrapper .item .linkWrapper { display: inline-block; float: left; font-size: 1.4rem; width: 75%; margin-right: 0px; }

@media screen and (max-width: 375px) { #article .editorsPicks .listWrapper .item .linkWrapper { width: 65%; } }

#article .editorsPicks .listWrapper .item .linkWrapper > .title { color: black; }

#article .editorsPicks .listWrapper .item .linkWrapper > .title:hover { color: rgba(0, 0, 0, 0.7); }

#article .editorsPicks .listWrapper .item .linkWrapper > .title:focus { outline: none; }

#article .editorsPicks .listWrapper .item .linkWrapper > .seriesName { display: inline-block; padding: 3px 5px 0 5px; border: 1px solid #c5bfb7; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 2px 3px 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#article .editorsPicks .listWrapper .item .linkWrapper > .seriesName:hover { background-color: #e6e0d3; border-color: #e6e0d3; color: black; cursor: pointer; }

#article .editorsPicks .listWrapper .item .postShareBtnWrapper { display: block; width: 80px; float: right; }

#article .editorsPicks .listWrapper .item .postShareBtnWrapper a { float: right; margin: 0 5px; }

/*---Facebook comment---*/
.fbCommentWrapper { display: none; width: 100%; padding: 30px 0; }

.fbCommentWrapper.is-shown { display: block; }

/*---Trending articles---*/
#article .rankingWrapper { display: block; text-align: center; margin: 5px 0; }

#article .viewCountWrapper { display: block; font-size: 1.2rem; color: #aeaba7; text-align: center; }

#article .viewCountWrapper i { position: relative; top: 3px; font-size: 1.6rem; padding-right: 10px; }

.labelHotArticle { display: inline-block; font-size: 1.2rem; background-color: #e7e080; padding: 3px 8px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/*==========Blog==========*/
#blogLandingPage { border-top: 1px solid rgba(155, 155, 155, 0.3); padding-top: 20px; max-width: 812px; margin: 0 auto; }

#blogLandingPage .row { margin: 0; }

#blogLandingPage .item { position: relative; padding: 50px 30px 10px 30px; border-bottom: 1px solid rgba(155, 155, 155, 0.3); -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #blogLandingPage .item { padding: 50px 50px 10px 50px; } }

#blogLandingPage .item:hover { background-color: #e6e0d3; }

/*#blogLandingPage .row .item:last-child{border-right:none;}*/
#blogLandingPage .item > .avatar { position: absolute; display: block; top: 30px; left: 20px; width: 60px; height: 60px; background-color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; -moz-transition: transform 0.4s; -ms-transition: transform 0.4s; -o-transition: transform 0.4s; -webkit-transition: transform 0.4s; transition: transform 0.4s; }

@media screen and (max-width: 575px) { #blogLandingPage .item > .avatar { position: relative; top: -20px; left: -5px; } }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #blogLandingPage .item > .avatar { left: 50px; } }

#blogLandingPage .item > .avatar:hover { transform: scale(1.1); }

#blogLandingPage .item > .article > .title { font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; padding: 0 0 30px 70px; }

@media screen and (max-width: 575px) { #blogLandingPage .item > .article > .title { padding: 0 0 30px 0; } }

#blogLandingPage .item > .article > .excerpt { font-size: 1.6rem; color: #282828; padding-bottom: 30px; line-height: 1.6; }

#blogLandingPage .item > .article > .excerpt img { width: 100%; max-width: 300px; }

#blogLandingPage .item > .credits { color: #4A4A4A; }

#blogLandingPage .item > .credits { padding-right: 100px; }

#blogLandingPage .item > .credits > .writerName { font-size: 1.6rem; padding-right: 80px; }

#blogLandingPage .item > .credits > .columnName { font-size: 1.2rem; padding-right: 80px; }

#blogLandingPage .item > .postShareBtnWrapper { position: absolute; bottom: 30px; right: 30px; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #blogLandingPage .item > .postShareBtnWrapper { right: 60px; } }

/*==========Blogger banner==========*/
#bloggerBanner { /*position:relative;*/ display: block; width: 100%; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; z-index: 9; top: 38px; padding: 50px 50px 35px 50px; background-color: #f8f6f5; }

#bloggerBanner.not-sticky { position: relative; }

#bloggerBanner > .avatar { position: absolute; display: block; top: 45px; left: 20px; width: 70px; height: 70px; background-color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; -moz-transition: all, 0.3s; -ms-transition: all, 0.3s; -o-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #bloggerBanner > .avatar { left: 50px; } }

#bloggerBanner.is-collapsed > .avatar { width: 50px; height: 50px; top: 30px; left: 20px; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #bloggerBanner.is-collapsed > .avatar { left: 50px; } }

#bloggerBanner > .writerName { position: absolute; top: 55px; left: 100px; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; -moz-transition: all, 0.4s; -ms-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; padding-right: 20px; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #bloggerBanner > .writerName { left: 130px; } }

#bloggerBanner.is-collapsed > .writerName { top: 35px; left: 80px; font-size: 1.4rem; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #bloggerBanner.is-collapsed > .writerName { left: 110px; } }

#bloggerBanner > .columnName { position: absolute; top: 95px; left: 100px; font-size: 1.4rem; color: #a09689; -moz-transition: all, 0.2s; -ms-transition: all, 0.2s; -o-transition: all, 0.2s; -webkit-transition: all, 0.2s; transition: all, 0.2s; padding-right: 20px; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #bloggerBanner > .columnName { left: 130px; } }

#bloggerBanner.is-collapsed > .columnName { top: 55px; left: 80px; font-size: 1.2rem; }

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #bloggerBanner.is-collapsed > .columnName { left: 110px; } }

#bloggerBanner > .horizontalLine { position: absolute; width: 100%; left: 0; /*width:98%; left:1%;*/ height: 1px; background-color: rgba(155, 155, 155, 0.3); top: 85px; }

/*==========Blog related grid==========*/
#blogRelatedGrid { background-color: #eeeae1; max-width: 360px; border-top: 1px solid rgba(155, 155, 155, 0.3); border-left: 1px solid rgba(155, 155, 155, 0.3); border-right: 1px solid rgba(155, 155, 155, 0.3); margin: 0 auto 60px auto; }

@media screen and (max-width: 375px) { #blogRelatedGrid { max-width: 300px; } }

#blogRelatedGrid .row { margin: 0; }

#blogRelatedGrid .item { position: relative; padding: 50px 50px 70px 50px; border-right: 1px solid rgba(155, 155, 155, 0.3); border-bottom: 1px solid rgba(155, 155, 155, 0.3); -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; }

#blogRelatedGrid .item:hover { background-color: #e6e0d3; }

#blogRelatedGrid .item > .avatar { position: absolute; display: block; top: 25px; right: 30px; width: 55px; height: 55px; background-color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

#blogRelatedGrid .item > .article > .title { font-size: 1.6rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; padding: 0 0 30px 0; }

#blogRelatedGrid .item > .article > .excerpt { font-size: 1.4rem; color: #282828; padding-bottom: 50px; line-height: 1.6; }

#blogRelatedGrid .item > .article > .excerpt img { width: 100%; max-width: 215px; }

#blogRelatedGrid .item > .credits { color: #4A4A4A; }

#blogRelatedGrid .item > .credits { padding-right: 100px; }

#blogRelatedGrid .item > .credits > .writerName { font-size: 1.4rem; }

#blogRelatedGrid .item > .credits > .columnName { font-size: 1.2rem; }

#blogRelatedGrid .item > .postShareBtnWrapper { position: absolute; bottom: 30px; right: 30px; }

@media screen and (max-width: 575px) { #blogRelatedGrid .item { border-right: none; padding: 50px 30px 30px 30px; }
  #blogRelatedGrid .item > .avatar { position: relative; width: 60px; height: 60px; top: -20px; left: -5px; }
  #blogRelatedGrid .item > .title { padding: 0 0 50px 0; } }

/*==========Blog listing grid==========*/
#blogListingGrid { background-color: #f8f6f5; padding: 70px 10px 60px 10px; }

/*==========Blog gallery grid==========*/
#blogGalleryGrid { background-color: #f8f6f5; padding: 70px 10px 20px 10px; }

/*==========Blog Credits==========*/
#blogCredits { background-color: #77746f; padding: 0 0 60px 0; text-align: center; }

#blogCredits > .inner { padding: 0 30px; margin: 0 auto; }

@media screen and (orientation: landscape) { #blogCredits > .inner { padding: 0 44px; } }

#blogCredits > .inner > .centralLine { background-color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; }

#blogCredits > .inner > .name { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.8rem; color: white; padding-bottom: 15px; }

#blogCredits > .inner > .desc { font-size: 1.4rem; color: rgba(255, 255, 255, 0.8); line-height: 1.6; }

#blogCredits > .inner > .desc a { color: rgba(255, 255, 255, 0.5); }

#blogCredits > .inner > .desc a:hover { color: white; cursor: pointer; }

/*==========Footer==========*/
#footer { position: relative; bottom: 1px; background-color: #efe6da; padding: 50px 10px 20px 10px; -webkit-box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.1); }

#footer.fixed { position: fixed; bottom: 0; }

#footer .socialLinks { text-align: center; }

#footer .socialLinks a { color: rgba(40, 40, 40, 0.6); font-size: 1.6rem; padding: 0 10px; margin-left: 10px; }

#footer .socialLinks a:hover { color: #282828; }

#footer .blurb { max-width: 440px; font-size: 1.6rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; color: #4a4a4a; line-height: 1.8; padding: 30px 0 50px 0; text-align: center; margin: 0 auto; }

#footer .footerLinks { font-size: 1.2rem; margin-top: 15px; text-align: center; }

#footer .footerLinks .linksWrapper { display: block; clear: both; max-width: 400px; margin: 0 auto; }

#footer .footerLinks .linksWrapper a { width: 48%; float: left; color: rgba(40, 40, 40, 0.6); padding: 5px 10px; border-bottom: 1px solid rgba(151, 151, 151, 0.2); margin: 0 1%; }

#footer .footerLinks .linksWrapper a:nth-child(1) { border-top: 1px solid rgba(151, 151, 151, 0.2); }

#footer .footerLinks .linksWrapper a:nth-child(2) { border-top: 1px solid rgba(151, 151, 151, 0.2); }

#footer .footerLinks .linksWrapper a:hover { color: #282828; }

#footer .footerLinks .copyright { display: block; clear: both; font-size: 1.1rem; padding: 40px 0 20px 0; color: #4a4a4a; }

#footer .footerSubscription { margin-bottom: 40px; text-align: center; }

#footer .formSubscription { display: inline-block; position: relative; }

#footer input[type=text] { border: 1px solid rgba(151, 151, 151, 0.2); background-color: transparent; font-size: 1.6rem; padding: 12px 50px 12px 12px; width: 300px; }

@media screen and (max-width: 320px) { #footer input[type=text] { width: 260px; } }

#footer input[type=text]:focus { background-color: #dcd3c8; border-color: #dcd3c8; outline: none; }

#footer input[type=submit] { position: absolute; z-index: 2; background-color: transparent; border: none; cursor: pointer; width: 40px; left: 255px; top: 8px; }

@media screen and (max-width: 320px) { #footer input[type=submit] { left: 215px; } }

#footer input[type=submit]:focus { outline: none; }

#footer input[type=checkbox] { display: none; }

#footer input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -2px 3px 0 0; vertical-align: middle; background-image: url(../images/checkbox.png); background-size: 37px 19px; background-position: left top; background-repeat: no-repeat; cursor: pointer; }

#footer input[type="checkbox"]:checked + label span { background-image: url(../images/checkbox.png); background-size: 37px 19px; background-position: -20px top; background-repeat: no-repeat; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #footer input[type="checkbox"] + label span { background-image: url(../images/checkbox@2x.png); }
  #footer input[type="checkbox"]:checked + label span { background-image: url(../images/checkbox@2x.png); } }

#footer .formSubscription i.icon-envelope { position: absolute; top: 15px; left: 265px; color: rgba(40, 40, 40, 0.6); }

@media screen and (max-width: 320px) { #footer .formSubscription i.icon-envelope { left: 225px; } }

#footer .formSubscription i.icon-envelope.active { color: #282828; }

#footer .formSubscription .subsFormLabel { position: absolute; top: 12px; left: 12px; font-size: 1.6rem; color: rgba(40, 40, 40, 0.6); pointer-events: none; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#footer .formSubscription .subsFormInputText:focus + .subsFormLabel, #footer .formSubscription .subsFormInputText.has-content + .subsFormLabel { font-size: 1.2rem !important; top: -22px !important; left: 0 !important; }

#footer .formSubscription .wrapperAgreement { padding: 10px 1px; font-size: 1.2rem; color: rgba(40, 40, 40, 0.6); }

#footer .formSubscription .wrapperAgreement a { color: rgba(40, 40, 40, 0.6); }

#footer .formSubscription .wrapperAgreement a:hover { color: #282828; }

/*==========Instafeed==========*/
#instafeed { background-color: white; text-align: center; padding: 40px 0 60px 0; }

#instafeed .avatar { position: relative; display: block; width: 60px; height: 60px; background-color: #efe6da; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; margin: 0 auto 10px auto; }

#instafeed .username { display: block; padding: 0 0 10px 0; font-size: 1.4rem; }

#instafeed .username i { position: relative; top: 2px; font-size: 1.8rem; padding-right: 10px; }

#instafeed .igItem { position: relative; display: inline-block; width: 196px; height: 196px; background-position: center center; background-size: cover; margin: 15px; }

@media screen and (max-width: 1199px) { #instafeed .igItem { width: 160px; height: 160px; } }

@media screen and (max-width: 991px) { #instafeed .igItem { width: 140px; height: 140px; margin: 15px 10px; } }

@media screen and (max-width: 810px) { #instafeed .igItem { width: 120px; height: 120px; } }

#instafeed .igItem > .inner { opacity: 0; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); color: white; font-size: 1.8rem; -moz-transition: all, 0.3s; -ms-transition: all, 0.3s; -o-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }

#instafeed .igItem:hover > .inner { opacity: 1; }

#instafeed .igItem > .inner > .num { padding-top: 38%; }

#instafeed .igItem > .inner > .num > i { display: block; padding-bottom: 3px; font-size: 2.4rem; }

/*==========Bookmark Drawer==========*/
#mainOverlay { display: none !important; opacity: 0; position: fixed; z-index: 19; top: 0; left: 0; display: block; width: 100vw; height: 100%; background-color: rgba(197, 191, 183, 0.65); overflow: hidden; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }

#mainOverlay.is-shown { display: block !important; opacity: 1; }

#bookmarkDrawer { position: fixed; z-index: 50; top: 0; right: -120%; display: block; width: 88vw; height: 100%; background-color: white; overflow: hidden; -moz-transition: right 0.3s ease-in-out; -ms-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; -webkit-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; }

@media screen and (max-width: 320px) { #bookmarkDrawer { width: 94vw; } }

#bookmarkDrawer.is-shown { right: 0; }

#bookmarkDrawer .sidebar { position: relative; top: 0; left: 0; width: 100%; text-align: center; }

#bookmarkDrawer .sidebar .label { display: inline-block; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; line-height: 1.3; padding: 0 0 10px 20px; }

#bookmarkDrawer .sidebar .label .count { position: relative; top: -10px; left: 8px; display: inline-block; width: 26px; height: 26px; text-align: center; font-size: 1.1rem; color: white; background-color: #c5bfb7; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding-top: 8px; }

#bookmarkDrawer .sidebar #btnCloseDrawer { display: inline-block; width: 50px; height: 50px; overflow: hidden; font-size: 1.6rem; color: rgba(0, 0, 0, 0.5); padding-top: 16px; /*@include transition (transform 0.2s);*/ /*border:1px solid #000;*/ }

#bookmarkDrawer .sidebar #btnCloseDrawer:hover { cursor: pointer; color: black; /*@include transform (rotate(180deg)); @include transform-origin(50% 50%);*/ }

#bookmarkDrawer .listWrapper { position: relative; max-width: 440px; height: 88vh; top: 4vh; left: 0; margin: 0 auto; padding: 0 30px 180px 30px; }

#bookmarkDrawer .listWrapper .msg { text-align: center; font-size: 1.6rem; color: rgba(96, 90, 82, 0.8); }

#bookmarkDrawer .listWrapper > .keywordWrapper { position: relative; padding: 40px 20px; background-color: rgba(197, 191, 183, 0.1); /*border:1px solid $colorLightBeige2;*/ text-align: center; margin: 50px 0 30px 0; }

#bookmarkDrawer .listWrapper > .keywordWrapper .iconHash { position: absolute; width: 30px; height: 30px; top: -15px; left: calc(50% - 35px); }

#bookmarkDrawer .listWrapper > .keywordWrapper .iconHash:after { font-size: 1.2rem; }

#bookmarkDrawer .listWrapper > .keywordWrapper a { font-size: 1.4rem; }

#bookmarkDrawer .articlesList .list > .item { margin-bottom: 25px; }

#bookmarkDrawer .articlesList .list > .item > .inner > .infoWrapper { padding-bottom: 8px; }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .linkWrapper { font-size: 1.4rem; }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .thumb { height: 80px; }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .thumb > .dimmedWrapper { font-size: 2.4rem; }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .linkWrapper > .seriesName { padding: 3px 7px 0 7px; }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .col-4 { padding-right: 0; }

#bookmarkDrawer .moreWrapper { text-align: center; padding: 40px 0 10px 0; border-top: 1px solid rgba(197, 191, 183, 0.5); }

#bookmarkDrawer .gradient { position: absolute; bottom: 0; display: block; width: 100%; height: 150px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); }

/*==========Trending Articles==========*/
/*-------Show Button--------*/
#btnTrendingArticles { position: fixed; z-index: 11; display: block; top: 82vh; right: -50px; opacity: 0; width: 48px; height: 48px; background-color: #e7e080; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }

#btnTrendingArticles i { position: relative; top: 10px; font-size: 2.4rem; }

#btnTrendingArticles:after { position: relative; top: 6px; font-family: "mpwbkb"; content: '\e91b'; font-size: 2.4rem; }

#btnTrendingArticles:hover { cursor: pointer; }

#btnTrendingArticles:hover:after { content: '\e91d'; top: 5px; }

#btnTrendingArticles.is-shown { opacity: 1; right: 15px; }

@media screen and (min-width: 568px) and (max-width: 812px) and (orientation: landscape) { #btnTrendingArticles.is-shown { opacity: 0; right: -50px; z-index: 0; } }

#btnTrendingArticles.popup-opened { opacity: 0; z-index: 1; top: 50vh; }

#btnTrendingArticles > .tips { position: absolute; display: inline-block; width: 80px; font-size: 1.4rem; line-height: 1; top: 12px; right: 80px; border: 1px solid rgba(197, 191, 183, 0.5); background-color: white; padding: 8px 0 5px 0; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #btnTrendingArticles > .tips { padding: 4px 0 6px 0; } }

#btnTrendingArticles:hover > .tips, #btnTrendingArticles > .tips.is-shown { right: 60px; opacity: 1; }

@media screen and (min-width: 568px) and (max-width: 812px) and (orientation: landscape) { #btnTrendingArticles:hover > .tips, #btnTrendingArticles > .tips.is-shown { right: 80px; opacity: 0; } }

#btnTrendingArticles.popup-opened > .tips { opacity: 0; }

/*-------Close Button--------*/
#closeBtnTrendingArticles { position: absolute; display: block; top: -24px; right: calc(300px/2 - 14px); width: 48px; height: 48px; background-color: #e7e080; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; }

#closeBtnTrendingArticles i { position: relative; top: 10px; font-size: 2.4rem; }

#closeBtnTrendingArticles:after { position: relative; top: 12px; font-family: "mpwbkb"; content: '\e918'; font-size: 1.6rem; }

#closeBtnTrendingArticles:hover { cursor: pointer; color: black; }

/*#closeBtnTrendingArticles:hover:after{content:'\e918'; top:12px; font-size:$fontSize_h4;}*/
/*-------Popup--------*/
#popupTrendingArticles { position: fixed; z-index: 10; display: block; left: calc((100% - 320px)/2); /*top:calc((100vh - 400px)/2);*/ bottom: -150vh; width: 320px; min-height: 400px; padding: 25px 20px 40px 20px; background-color: #f8f6f5; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); -moz-transition: bottom 0.5s ease-in-out; -ms-transition: bottom 0.5s ease-in-out; -o-transition: bottom 0.5s ease-in-out; -webkit-transition: bottom 0.5s ease-in-out; transition: bottom 0.5s ease-in-out; margin: 0 auto; }

#popupTrendingArticles.is-shown { bottom: 0px; }

@media screen and (min-width: 568px) and (max-width: 812px) and (orientation: landscape) { #popupTrendingArticles.is-shown { bottom: -150vh; } }

#popupTrendingArticles .listWrapper { overflow: hidden; }

#popupTrendingArticles .listWrapper .item { display: block; clear: both; width: 100%; padding: 20px 0; }

#popupTrendingArticles .listWrapper .item .num { display: inline-block; width: 10px; float: left; text-align: left; font-size: 1rem; color: black; border-bottom: 1px solid black; margin-right: 15px; }

#popupTrendingArticles .listWrapper .item .linkWrapper { display: inline-block; width: 170px; float: left; font-size: 1.4rem; margin-right: 15px; }

#popupTrendingArticles .listWrapper .item .linkWrapper.full { width: 245px; margin-right: 0; }

#popupTrendingArticles .listWrapper .item .linkWrapper > .title { color: black; }

#popupTrendingArticles .listWrapper .item .linkWrapper > .title:hover { color: rgba(0, 0, 0, 0.7); }

#popupTrendingArticles .listWrapper .item .linkWrapper > .title:focus { outline: none; }

#popupTrendingArticles .listWrapper .item .linkWrapper > .seriesName { display: inline-block; padding: 3px 5px 0 5px; border: 1px solid #c5bfb7; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0 5px 3px 0; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

#popupTrendingArticles .listWrapper .item .linkWrapper > .seriesName:hover { background-color: #e6e0d3; border-color: #e6e0d3; color: black; cursor: pointer; }

#popupTrendingArticles .listWrapper .item .linkWrapper > .seriesName:focus { outline: none; }

#popupTrendingArticles .listWrapper .item .viewCount { display: inline-block; width: 60px; float: left; text-align: right; font-size: 1.2rem; color: rgba(0, 0, 0, 0.6); }

#popupTrendingArticles .listWrapper .item .viewCount::before { position: relative; top: 2px; padding-right: 4px; font-family: "mpwbkb"; content: '\e91a'; font-size: 1.4rem; }

#popupTrendingArticles .nav { display: block; clear: both; width: 100%; padding: 5px 0 40px 0; font-size: 1.4rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; text-align: center; }

#popupTrendingArticles .nav a { display: inline-block; float: left; width: 50%; padding: 0 0 10px 0; color: rgba(0, 0, 0, 0.4); letter-spacing: 1px; }

#popupTrendingArticles .nav a.active { border-bottom: 1px solid #e7e080; color: black; }

#popupTrendingArticles .nav a:hover { cursor: pointer; }

#popupTrendingArticles .slideTrendingArticlesHorizonal .listWrapper:focus { outline: none; }

#popupTrendingArticles .slideTrendingArticlesHorizonal .slick-dots { bottom: -45px; }


#popupTrendingArticles .slideTrendingArticlesHorizonal .slick-list{

    overflow-y: scroll;
}/** for longer list scrolling  by falcon**/

/*==========Back Issues==========*/
#issues .pinText { position: relative; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; line-height: 1.4; color: #a09689; text-align: center; }

#issues .pinLine { display: block; position: relative; z-index: 5; left: 0; width: 1px; height: 30px; background-color: #c5bfb7; margin: 10px auto 0 auto; }

/*-------Current Issue-------*/
#issues #currentIssue { position: relative; top: -30px; padding: 80px 10px 20px 10px; }

#issues #currentIssue .cover { position: relative; z-index: 9; top: 20px; display: block; max-width: 384px; height: 504px; background-size: cover; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); margin: 0 auto; }

@media screen and (max-width: 413px) { #issues #currentIssue .cover { width: 273px; height: 357px; } }

#issues #currentIssue .infoWrapper { padding-top: 80px; text-align: center; overflow: auto; }

#issues #currentIssue .infoWrapper > .issueNum { font-size: 1.6rem; color: rgba(0, 0, 0, 0.7); padding-bottom: 10px; }

#issues #currentIssue .infoWrapper > .title { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 2.2rem; color: black; }

#issues #currentIssue .infoWrapper > .dateWrapper { display: inline-block; font-size: 1.4rem; color: rgba(0, 0, 0, 0.4); }

#issues #currentIssue .infoWrapper > .dateWrapper > .date { display: inline-block; color: black; padding-left: 10px; }

#issues #currentIssue .infoWrapper > .purchaseWrapper { position: relative; padding: 20px 0 0 0; clear: both; }

#issues #currentIssue .infoWrapper > .purchaseWrapper > .price { position: relative; display: inline-block; font-size: 1.8rem; color: black; }

#issues #currentIssue .infoWrapper > .purchaseWrapper > .btnBuy { position: relative; display: inline-block; width: 90px; height: 90px; background-color: rgba(0, 0, 0, 0.3); color: white; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; font-size: 1.8rem; padding-top: 35px; text-align: center !important; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 20px 20px; }

#issues #currentIssue .infoWrapper > .purchaseWrapper > .btnBuy:hover { background-color: rgba(0, 0, 0, 0.8); }

#issues #currentIssue .remarks { position: relative; bottom: 0; display: block; clear: both; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 20px 0 20px; font-size: 1.4rem; color: rgba(0, 0, 0, 0.5); margin: 20px auto 0 auto; text-align: center; }

/*-------Current Issue Preview-------*/
#issues #currentIssuePreview { position: relative; padding: 30px 0 30px 0; background-color: #a1a395; overflow: hidden; }

#issues #currentIssuePreview .pinText { color: white; }

#issues #currentIssuePreview .pinLine { background-color: white; }

#issues #currentIssuePreview .slideMagazineHorizonal { position: relative; left: 30px; z-index: 6; }

#issues #currentIssuePreview .gradient { position: absolute; z-index: 9; display: block; right: 0; width: 80px; height: 250px; background: -webkit-linear-gradient(left, rgba(161, 163, 149, 0) 0%, #a1a395 100%); background: -o-linear-gradient(left, rgba(161, 163, 149, 0) 0%, #a1a395 100%); background: -moz-linear-gradient(left, rgba(161, 163, 149, 0) 0%, #a1a395 100%); background: -ms-linear-gradient(left, rgba(161, 163, 149, 0) 0%, #a1a395 100%); background: linear-gradient(left, rgba(161, 163, 149, 0) 0%, #a1a395 100%); }

@media screen and (min-width: 1901px) { #issues #currentIssuePreview .gradient { right: calc((100% - 1600px)/2); } }

#issues #currentIssuePreview .slideMagazineHorizonal .slideWrapper { height: 250px; margin: 2px 50px 0 10px; }

#issues #currentIssuePreview .slideMagazineHorizonal .slideWrapper:focus { outline: none; }

#issues #currentIssuePreview .slideMagazineHorizonal .slideWrapper img { position: relative; left: 2px; max-width: auto; height: 90%; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); }

#issues #currentIssuePreview .slideMagazineHorizonal .slick-dots { left: -35px; }

#issues #currentIssuePreview .slideMagazineHorizonal .slick-dots li.slick-active button:before { color: white; }

#issues #currentIssuePreview .waveWrapper { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; overflow: hidden; }

#issues #currentIssuePreview .waveWrapper > .wave { background: url(../images/pattern.wave.color3.svg) repeat-x; width: 4300px; height: 5px; animation: wave 5s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); }

/*-------Back issues-------*/
#issues #backIssuesGrid { position: relative; padding: 60px 0 20px 0; background-color: #f8f6f5; overflow: hidden; }

#issues #backIssuesGrid .container { max-width: 600px; }

#issues #backIssuesGrid .coverGrid .item { text-align: center; margin-bottom: 50px; }

#issues #backIssuesGrid .coverGrid .item .cover { display: inline-block; width: 273px; height: 357px; background-size: cover; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); }

#issues #backIssuesGrid .coverGrid .item .infoWrapper { padding: 20px; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .issueNum { font-size: 1.2rem; color: rgba(0, 0, 0, 0.7); padding-bottom: 8px; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .title { font-size: 1.8rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; color: black; padding-bottom: 3px; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .date { font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 8px; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .btnBuy { display: inline-block; font-size: 1.4rem; line-height: 1; padding-bottom: 3px; border-bottom: 2px solid #91d6be; margin-right: 10px; margin-bottom: 7px; color: #7bbca5; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .btnBuy:after { display: block; content: ''; position: relative; top: 5px; border-bottom: 2px solid rgba(0, 0, 0, 0.7); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .btnBuy:hover { color: black; }

#issues #backIssuesGrid .coverGrid .item .infoWrapper .btnBuy:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }

/*==========General==========*/
#general { padding: 80px 0 60px 0; }

#general h2 { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.8rem; color: black; padding-bottom: 30px; }

/*==========Search Panel==========*/
#searchPanel { display: block; position: fixed; z-index: 20; opacity: 0; top: -340px; left: 0; width: 100vw; height: 280px; overflow: hidden; background: -webkit-linear-gradient(0deg, white 0%, rgba(247, 248, 245, 0.9) 100%); background: -o-linear-gradient(0deg, white 0%, rgba(247, 248, 245, 0.9) 100%); background: -moz-linear-gradient(0deg, white 0%, rgba(247, 248, 245, 0.9) 100%); background: -ms-linear-gradient(0deg, white 0%, rgba(247, 248, 245, 0.9) 100%); background: linear-gradient(0deg, white 0%, rgba(247, 248, 245, 0.9) 100%); /*border:8px solid #FFF;*/ transform: scale3d(1.3, 1.3, 1); -moz-transition: top 0.6s ease-in-out; -ms-transition: top 0.6s ease-in-out; -o-transition: top 0.6s ease-in-out; -webkit-transition: top 0.6s ease-in-out; transition: top 0.6s ease-in-out; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); }

#searchPanel.is-shown { top: 0; opacity: 1; transform: scale3d(1, 1, 1); }

#searchPanel .formSearch { position: absolute; top: 50px; left: 50%; margin-left: -40vw; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#searchPanel .formSearch input[type=text] { border: none; background-color: transparent; color: black; font-size: 2rem; padding: 15px 90px 15px 12px; width: 80vw; -webkit-appearance: none; }

#searchPanel .formSearch input[type=text]:focus { outline: none; }

#searchPanel .formSearch input[type=submit] { position: absolute; z-index: 2; background-color: transparent; border: none; cursor: pointer; width: 40px; right: 50px; top: 15px; }

#searchPanel .formSearch input[type=submit]:focus { outline: none; }

#searchPanel .formSearch #iconSearch { position: absolute; top: 18px; right: 50px; font-size: 1.8rem; }

@media screen and (orientation: landscape) { #searchPanel .formSearch #iconSearch { top: 21px; } }

#searchPanel #btnCloseSearchPanel { position: absolute; top: 17px; right: 5px; }

#searchPanel #btnCloseSearchPanel i { font-size: 1.6rem; }

#searchPanel #btnCloseSearchPanel:hover { cursor: pointer; }

#searchPanel .keywordWrapper { position: absolute; width: 100%; top: 180px; text-align: center; }

#searchPanel .keywordWrapper .subhd { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.2rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 10px; }

#searchPanel .keywordWrapper > a { font-size: 1.3rem; margin-right: 8px; color: rgba(0, 0, 0, 0.7); }

/*==========YouTube: LITY==========*/
.lity-close:after { font-family: 'mpwbkb'; font-size: 1.6rem; content: '\e918'; }

/*==========Advertisement==========*/
.advertWrapper { position: relative; width: 94%; max-width: 420px; margin: 0px auto 40px auto; padding: 30px 0 60px 0; background-color: rgba(255, 255, 255, 0.5); background-image: url(../images/pattern.slash.png); background-repeat: repeat; background-size: 30px 30px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .advertWrapper { background-image: url(../images/pattern.slash@2x.png); } }

@media screen and (max-width: 320px) { .advertWrapper { width: 100%; } }

@media screen and (max-width: 320px) { #article .advertWrapper { overflow: hidden; left: 0; } }

.advertWrapper.topGap { margin: 40px auto 0 auto; }

.advertWrapper.btmGap { margin: 0 auto 80px auto; }

.advertWrapper .subhd { text-align: center; font-size: 1.2rem; color: rgba(0, 0, 0, 0.6); padding-bottom: 30px; }

.advertWrapper .inner { text-align: center; }

.advertWrapper .inner .item { display: inline-block; width: 300px; height: 250px; background-color: rgba(0, 0, 0, 0.1); padding: 0; }

#home #homeFeaturedCnt .advertWrapper .inner .item { margin-bottom: 0; }

.advertWrapper .closeAd { position: absolute; top: 10px; right: 0px; display: inline-block; width: 38px; height: 40px; overflow: hidden; font-size: 1.4rem; color: rgba(0, 0, 0, 0.5) !important; padding-top: 16px; }

.advertWrapper a.closeAd:hover { cursor: pointer; }

#catLandingPage .sectionWrapper:nth-child(odd) .advertWrapper { background-color: #F1F1F1; }

/*==diabled body scrolling after click popups. by falocn==*/
body.modal-open {
    position: fixed;
    width: 100%;
}
/** lightbox of youtube cover falcon added**/
#myYoutubeOverlay {
    position:absolute;
    display:none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.4);
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    text-align: center;
    cursor: pointer;
    background-position: center;
}

#myYoutubeOverlay:after {
    position: absolute;
    top: 39%;
    font-family: 'mpwbkb';
    font-size: 8rem;
    content: '\e923';
    color: white;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

/* photoswipe gallery */
.psgal .row > figure {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 0.3rem 0.3rem;
}
.psgal .row > figure figcaption {
  display: none;
}
.psgal.show_caption .row > figure figcaption {
  margin-top: 8px;
  display: block;
}
.psgal .row > figure > a {
  display: block;
  position: relative;
}
.psgal .row a .more {
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  position: absolute;
  font-family: system-ui, sans-serif;
  background: rgba(0, 0, 0, 0.5);
}

iframe.youtube_embed_iframe {
  min-height: 200px;
  border: none;
}

.pswp__ui--hidden {
  display: none;
}
/* #ez-toc-container nav ul{
  padding:1.8rem;
} */
#article #ez-toc-container nav > ul {
  margin: 1rem 0 0 1.8rem;
  padding-bottom:1.2rem;
  padding-top:1.2rem;
}
#article #ez-toc-container{
  margin-top:1rem;
}
#article #ez-toc-container nav ul ul {
  margin: 0;
  padding-bottom:.0;
  padding-top:.5rem;
  /* display:none; */
}

#article #ez-toc-container nav  ul li{
  padding:1rem;
  margin-right: 4px;
}
#article #ez-toc-container nav  ul >li {
   padding-bottom:.3rem;
   padding-top:.3rem;
}
#article #ez-toc-container nav  ul li li{
   /* display:none; */
   padding-bottom:0;
   padding-top:0;
}