@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; }

@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; min-width: 768px; }

/*==========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, button:focus, button:active, 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; 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: 20px; height: 20px; bottom: -35px; right: 30px; -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(0, 0, 0, 0.5) !important; }

a#btnBackToTop:hover { cursor: pointer; color: #282828 !important; }

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

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

body.bgHome { background-color: #f1edeb; }

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

.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.6rem; opacity: 0; top: 18px; 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: 150px; }

#siteNav { position: fixed; z-index: 11; width: 100%; min-width: 768px; padding: 30px 50px; 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); }

@media screen and (max-width: 991px) { #siteNav { padding: 30px 25px; } }

#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 .divLine { display: inline-block; width: 1px; height: 0%; background-color: rgba(151, 151, 151, 0.5); -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }

#siteNav .divLine.on { display: inline-block; width: 1px; height: 100%; background-color: rgba(151, 151, 151, 0.5); }

#siteNav #logoWrapper { position: relative; height: 90px; }

#siteNav #logoWrapper #logo { display: block; width: 33px; height: 71px; background-size: 33px 71px; background-image: url(../images/logo.mpwbkb.png); }

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

#siteNav #logoWrapper .divLine { margin-left: 15px; }

#siteNav #logoWrapper #bkbText { display: block; /*writing-mode: vertical-rl; letter-spacing:6px;*/ line-height: 1.3; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-sans-traditional", PingFang TC, Hiragino Sans GB, Microsoft Yahei, sans-serif !important; font-size: 2rem; padding: 0 0 0 14px; }

@media screen and (max-width: 768px) { #siteNav #logoWrapper #bkbText { font-size: 1.8rem; } }

#siteNav #logoWrapper #bkbText .text { width: 20px; display: inline-block; margin: 0 auto; /*For vertical text*/ }

#siteNav #navWrapper { position: relative; height: 75px; }

#siteNav #navWrapper > .item { position: relative; display: inline-block; opacity: 0; top: -80px; /*writing-mode: vertical-rl; letter-spacing:5px;*/ line-height: 1.3; font-size: 1.6rem; padding: 0 18px 0 22px; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

@media screen and (max-width: 991px) { #siteNav #navWrapper > .item { padding: 0 12px 0 16px; } }

@media screen and (max-width: 768px) { #siteNav #navWrapper > .item { font-size: 1.4rem; } }

#siteNav #navWrapper > .item.shown { opacity: 1; top: 0; }

#siteNav #navWrapper > .item > .text {  display: inline-block; margin: 0 auto; /*For vertical text*/ }

#siteNav #navWrapper > .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: -22px; left: 45%; }

#siteNav #navWrapper > .divLine { margin: 0; }

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

#siteNav #utilityWrapper .divLine { margin-right: 25px; }

#siteNav #utilityWrapper .btnWrapper { font-size: 1.8rem; line-height: 2.4; }

/*---Simple Navigation---*/
#simpleNav { position: fixed; z-index: 10; width: 100%; min-width: 768px; 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); }

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

#simpleNav #btnShowSiteNav { position: relative; display: inline-block; padding: 10px 30px 10px 20px; }

#simpleNav #btnShowSiteNav:hover { cursor: pointer; }

#simpleNav #btnShowSiteNav .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.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; }

#simpleNav #btnShowSiteNav:hover .navLine.left { left: -2px; }

#simpleNav #btnShowSiteNav:hover .navLine.right { left: 2px; }

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

#simpleNav .currentLoc { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; color: #4a4a4a; padding: 0 0 0 25px; }
#simpleNav .currentLoc.fashion { display: block; width: 74px; height: 17px; background-image: url(../images/logo.inner.png); background-size: 74px 17px; margin-left: 30px; }

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

#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.4rem; padding: 3px 0 0 10px; margin-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.3); }

#simpleNav .btnRight { position: relative; display: inline-block; font-size: 1.4rem; 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; }

#simpleNav #shareBtnWrapper > .item { position: relative; display: inline-block; width: 50px; padding: 10px 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; }

#simpleNav #shareBtnWrapper > .item:last-child { width: 70px; }

#simpleNav #shareBtnWrapper > .item > i, #simpleNav #shareBtnWrapper > .item > .inner > i { position: relative; font-size: 1.6rem; 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.4rem; top: -2px; }

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

#simpleNav #shareBtnWrapper > .item > .tips, #simpleNav #shareBtnWrapper > .item > .inner > .tips { position: absolute; display: inline-block; width: 80px; font-size: 1.4rem; 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: 250px; right: -250px; padding-left: 10px; }

#simpleNav #shareBtnWrapper > .item.facebook > .wrap { width: 310px; right: -310px; padding: 12px 50px 0 50px; }

#simpleNav #shareBtnWrapper > .item > .wrap a { position: relative; display: inline-block; opacity: 1; color: white; margin: 0 4px; padding: 3px 6px; font-size: 1.4rem; 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: 315px; background-color: #c5bfb7; }

#simpleNav #shareBtnWrapper > .item.facebook:hover, #simpleNav #shareBtnWrapper > .item.facebook.is-shown { width: 310px; 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: 300px; 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: relative; /*width: 100%;*/ overflow: auto; top: 4px; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .swiperWrapper { top: -1px; } } }

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

.horizon-swiper { background-color: #FFF; 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: #c5bfb7; border: none !important; color: white !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(0, 0, 0, 0.1); -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); }

.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, white 60%, rgba(255, 255, 255, 0) 85%); background: -o-linear-gradient(left, white 60%, rgba(255, 255, 255, 0) 85%); background: -moz-linear-gradient(left, white 60%, rgba(255, 255, 255, 0) 85%); background: -ms-linear-gradient(left, white 60%, rgba(255, 255, 255, 0) 85%); background: linear-gradient(left, white 60%, rgba(255, 255, 255, 0) 85%); }

.horizon-swiper .menuGradient.right { right: 0; background: -webkit-linear-gradient(right, white 60%, rgba(255, 255, 255, 0) 85%); background: -o-linear-gradient(right, white 60%, rgba(255, 255, 255, 0) 85%); background: -moz-linear-gradient(right, white 60%, rgba(255, 255, 255, 0) 85%); background: -ms-linear-gradient(right, white 60%, rgba(255, 255, 255, 0) 85%); background: linear-gradient(right, white 60%, rgba(255, 255, 255, 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.4rem !important; text-align: center; }

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

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

.pagination > .pages > .item { display: inline-block; font-size: 1.4rem !important; padding: 8px 10px; 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: 13px; -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: 0; }

.pagination .btnPrevNext.prev:hover i { left: -10px; }

.pagination .btnPrevNext.next:hover i { right: -10px; }

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

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

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

/*==========Home==========*/
#home .container { min-width: 768px; }

@media screen and (min-width: 1601px) { #home .container.large { max-width: 1480px; } }

#home .pinText { position: absolute; z-index: 5; width: 20px; 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; }

@media screen and (max-width: 991px) { #home .pinText { font-size: 1.4rem; } }

@media screen and (max-width: 850px) { #home .pinText { left: 25px !important; } }

@media screen and (min-width: 851px) and (max-width: 1024px) { #home .pinText { left: 35px !important; } }

#home .pinLine { display: block; position: absolute; z-index: 5; left: 0; width: 40px; height: 1px; background-color: #c5bfb7; }

@media screen and (max-width: 850px) { #home .pinLine { left: -40px !important; } }

@media screen and (min-width: 851px) and (max-width: 1024px) { #home .pinLine { left: -15px !important; } }

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

@media screen and (max-width: 768px) { #home #homeFeaturedSeries { padding: 50px 0 50px 0; } }

#home #homeFeaturedSeries .pinText { top: 26%; left: 55px; }

#home #homeFeaturedSeries .pinLine { top: 29%; left: 0; }

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

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

@media screen and (max-width: 991px) { #home #homeFeaturedSeries .coverImgWrapper > .cover { height: 550px; } }

@media screen and (min-width: 1601px) { #home #homeFeaturedSeries .coverImgWrapper > .cover { height: 780px; } }

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

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .centralLine { height: 40px; } }

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

@media screen and (min-width: 769px) and (max-width: 991px) { #home #homeFeaturedSeries .blurbWrapper { padding: 0 30px; } }

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .blurbWrapper { padding: 0 45px; } }

#home #homeFeaturedSeries .blurbWrapper .blurb { display: inline; font-size: 2.4rem; line-height: 2.3; color: rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 8px; }

@media screen and (min-width: 769px) and (max-width: 991px) { #home #homeFeaturedSeries .blurbWrapper .blurb { font-size: 2rem; } }

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .blurbWrapper .blurb { font-size: 1.8rem; } }

#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.8rem; padding-bottom: 14px; }

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .titleWrapper > .title { font-size: 2.4rem; } }

#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: 60px 0 30px 0; }

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .btnMoreWrapper { margin: 40px 0 10px 0; } }

#home #homeFeaturedSeries .btnMoreWrapper .btn { position: relative; display: inline-block; width: 135px; height: 135px; padding: 0; margin: 0 20px; font-size: 1.6rem; 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; }

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .btnMoreWrapper .btn { width: 110px; height: 110px; font-size: 1.4rem; } }

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

@media screen and (max-width: 768px) { #home #homeFeaturedSeries .btnMoreWrapper .btn i.icon-book { top: 25px; padding-bottom: 30px; } }

#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: 30px 0px 110px; }

#home #homeFeaturedCnt .pinText { top: 16%; left: 55px; }

@media screen and (max-width: 991px) { #home #homeFeaturedCnt .pinText { top: 9%; } }

#home #homeFeaturedCnt .pinLine { top: 18%; }

@media screen and (max-width: 1300px) { #home #homeFeaturedCnt .container { padding-left: 60px; padding-right: 60px; } }

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

#home #homeFeaturedCnt .waveWrapper > .wave { background: url(../images/pattern.wave.color2.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 { padding: 80px 0 30px 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 30px; /*background-color:#CCC;*/ }

@media screen and (max-width: 768px) { #home #homeFeaturedSlides .slideAutoplay .slideWrapper { margin: 0 10px; } }

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

@media screen and (max-width: 991px) { #home #homeFeaturedSlides .slideAutoplay .slideWrapper .thumb { height: 450px; } }

#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: -120px; width: 70%; min-height: auto; padding: 15px 70px; margin: 0 auto -120px auto; background-color: white; }

@media screen and (max-width: 991px) { #home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner { top: 0; width: 100%; min-height: auto; margin: 0 auto; } }

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

#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: 2.2rem; text-align: center; line-height: 1.3; clear: both; }

@media screen and (max-width: 991px) { #home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .linkWrapper { font-size: 1.8rem; } }

#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; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #home #homeFeaturedSlides .slideAutoplay .slideWrapper .inner > .linkWrapper > .seriesName { padding: 4px 10px; } }

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

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

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

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

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

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

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

#home .hotKeywords > .keywordWrapper > .btnSearch { padding-top: 70px; 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: 80px 0 140px 0; background-color: #a1a395; overflow: hidden; }

#home #homeFeaturedBlogs .pinText { top: 44%; left: 55px; color: white; }

#home #homeFeaturedBlogs .pinLine { top: 49%; left: 0; background-color: white; }

@media screen and (max-width: 992px) { #home #homeFeaturedBlogs .pinLine { opacity: 1; top: 48%; left: 65px !important; width: 100px; } }

#home #homeFeaturedBlogs .slideBlogHorizonal { position: relative; left: 150px; }

@media screen and (max-width: 768px) { #home #homeFeaturedBlogs .slideBlogHorizonal { left: 184px; } }

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper { position: relative; width: 400px !important; height: 600px; padding: 60px 50px; margin: 50px 50px 0 0; 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: 160px; 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.8rem; line-height: 1.7; padding-top: 40px; }

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

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

#home #homeFeaturedBlogs .slideBlogHorizonal .slideWrapper .btnDetails { position: absolute; width: 150px; left: 20px; bottom: 16px; text-align: center; font-size: 1.4rem; 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: 50px auto 0 auto; }

@media screen and (max-width: 1100px) { #home #homeFeaturedBlogs .controls { width: 400px; } }

#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: 45px; z-index: 3; padding: 20px; }

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

#home #homeFeaturedBlogs .controls .viewAll { position: absolute; width: 45px; height: 45px; overflow: hidden; top: -16px; left: -16px; z-index: 3; font-size: 2.2rem; 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:hover { width: 150px; left: -70px; }

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

#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: 120px 0; background-color: #f8f6f5; overflow: hidden; }

@media screen and (max-width: 991px) { #home #homeMagazine { padding: 60px 0; } }

#home #homeMagazine .pinText { top: 42%; left: 55px; }

#home #homeMagazine .pinLine { top: 49%; left: 0; /*@include media("screen", "<=lg"){ opacity:1; top:48%; left:65px !important; width:100px; }*/ }

@media screen and (max-width: 991px) { #home #homeMagazine .pinLine { opacity: 0; left: -65px !important; } }

#home #homeMagazine .slideMagazineHorizonal { position: relative; left: 150px; z-index: 6; }

@media screen and (max-width: 991px) { #home #homeMagazine .slideMagazineHorizonal { left: 80px; } }

@media screen and (min-width: 1901px) { #home #homeMagazine .slideMagazineHorizonal { left: auto; display: block; max-width: 1600px; margin: 0 auto; } }

#home #homeMagazine .gradient { position: absolute; z-index: 9; display: block; right: 0; width: 250px; height: 350px; background: -webkit-linear-gradient(left, rgba(248, 246, 245, 0) 0%, #f8f6f5 100%); background: -o-linear-gradient(left, rgba(248, 246, 245, 0) 0%, #f8f6f5 100%); background: -moz-linear-gradient(left, rgba(248, 246, 245, 0) 0%, #f8f6f5 100%); background: -ms-linear-gradient(left, rgba(248, 246, 245, 0) 0%, #f8f6f5 100%); background: linear-gradient(left, rgba(248, 246, 245, 0) 0%, #f8f6f5 100%); }

@media screen and (min-width: 1901px) { #home #homeMagazine .gradient { right: calc((100% - 1600px)/2); } }

#home #homeMagazine .slideMagazineHorizonal .slideWrapper { height: 350px; margin: 2px 50px 0 10px; }

#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 150px 50px 150px; }

@media screen and (max-width: 991px) { #home #homeMagazine .infoWrapper { margin: 0 80px 50px 90px; } }

#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: 2.4rem; }

@media screen and (max-width: 991px) { #home #homeMagazine .infoWrapper .title { font-size: 2rem; } }

#home #homeMagazine .infoWrapper .linkWrapper { position: absolute; top: 0; right: 0; }

#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: 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%; height: 650px; background-size: cover; background-position: center center; }

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

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

@media screen and (max-width: 991px) { #seriesLandingPage .item .blurbWrapper .blurb { font-size: 2rem; } }

#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 25px 0; }

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

#seriesLandingPage .item .titleWrapper > .title > .count { position: relative; display: inline-block; top: -18px; width: 30px; height: 30px; padding-top: 7px; background-color: black; 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; }

#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: 60px 0 30px 0; }

#seriesLandingPage .item .btnMoreWrapper .btn { display: inline-block; margin: 0 20px; -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: 2rem; }

#seriesLandingPage .item .btnMoreWrapper .btn .icon { display: inline-block; width: 60px; height: 60px; margin-right: 16px; 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.6rem; top: 16px; }

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

#seriesLandingPage .item .btnMoreWrapper .btn .text { display: inline-block; position: relative; top: 12px; 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; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /*#seriesLandingPage .item{background-image:url(../images/pattern.dot.upper.white@2x.png);}*/
  /*#seriesLandingPage .item:first-child{background-image: url(../images/pattern.dot.upper@2x.png), none;}*/
  /*#seriesLandingPage .moreWrapper{background-image: url(../images/pattern.dot.lower@2x.png), none;}*/
  /*#seriesLandingPage .item:last-child{background-image: none, url(../images/pattern.dot.lower@2x.png);}*/ }

@media screen and (max-width: 575px) { #seriesLandingPage .item .coverImgWrapper { padding: 0 15px 30px 0; }
  #seriesLandingPage .item .coverImgWrapper > .cover { height: 450px; } }

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

#seriesListingPage .series { background-color: white; margin-bottom: 60px; }

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

@media screen and (min-width: 768px) and (max-width: 991px) { #seriesListingPage .series .cover { min-height: 400px; } }

#seriesListingPage .series .cnt { position: relative; padding: 30px 75px 30px 40px; }

@media screen and (max-width: 991px) { #seriesListingPage .series .cnt { 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: 2.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; }

@media screen and (min-width: 768px) and (max-width: 991px) { #seriesListingPage .series .cnt .count { top: 20px; } }

#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.4rem; bottom: 30px; right: 16px; }

@media screen and (min-width: 768px) and (max-width: 991px) { #seriesListingPage .series .cnt .btnMore { bottom: 20px; } }

#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: 76px; -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.4rem; 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: 2.4rem; padding-bottom: 14px; }

#seriesHoldingPage .titleWrapper > .title > .count { position: relative; display: inline-block; top: -18px; width: 30px; height: 30px; padding-top: 6px; background-color: black; 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; }

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

#seriesHoldingPage .coverImgWrapper { padding: 0; }

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

#seriesHoldingPage .blurbWrapper { max-width: 700px; margin: 20px auto 60px auto; text-align: justify; }

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

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /*#seriesHoldingPage{background-image:url(../images/pattern.dot.upper@2x.png);}*/ }

/*anchor*/
/*#anchorBtnWrapper{position: fixed; z-index:1; right: 20px; top: 40vh; font-size: $fontSize_h5; letter-spacing: 0.3rem; width: 50px; text-align: center;}
#anchorBtnWrapper .anchor{writing-mode: vertical-rl; padding-bottom: 14px; border-bottom: 1px solid $colorBlack; padding: 10px 10px 14px 10px;}
#anchorBtnWrapper .anchor:last-child{border: none;}*/
/*---Article grid---*/
#seriesArticlesGrid { padding: 80px 0 0 0; }

@media screen and (max-width: 575px) { #seriesArticlesGrid { padding: 40px 0 0 0; } }

#seriesArticlesGrid.inArticle { padding: 120px 0 50px 0; background-color: #eaeaea; }

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

@media screen and (max-width: 575px) { #seriesArticlesGrid { padding: 40px 0 0 0; } }

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

.articlesGrid .item { margin-top: 70px; }

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

@media screen and (max-width: 991px) { .articlesGrid .item > .num { display: block; margin: 0 auto 15px auto; } }

.articlesGrid .item > .thumb { position: relative; display: block; width: 100%; height: 350px; background-color: #efe6da; background-size: cover; background-position: center center; }

@media screen and (max-width: 991px) { .articlesGrid .item > .thumb { height: 450px; } }

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

@media screen and (max-width: 991px) { .articlesGrid .item.small > .thumb { height: 230px; } }

.articlesGrid .item.large > .thumb { height: 650px; }

@media screen and (max-width: 991px) { .articlesGrid .item.large > .thumb { height: 450px; } }

.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: 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; }

.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: 39%; }

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

.articlesGrid .item > .inner { position: relative; min-height: 220px; padding: 25px 70px 20px 20px; background-color: white; }

@media screen and (max-width: 991px) { .articlesGrid .item > .inner { min-height: auto; padding: 25px 70px 25px 20px; } }

.articlesGrid .item.small > .inner { min-height: 200px; }

@media screen and (max-width: 991px) { .articlesGrid .item.small > .inner { min-height: 210px; } }

.articlesGrid .item.large > .inner { top: -120px; width: 70%; min-height: auto; padding: 35px 70px 35px 40px; margin: 0 auto -120px auto; }

@media screen and (max-width: 991px) { .articlesGrid .item.large > .inner { top: 0; width: 100%; min-height: auto; padding: 25px 70px 25px 20px; 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.8rem; line-height: 1.4; clear: both; }

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

@media screen and (max-width: 991px) { .articlesGrid .item.large > .inner > .linkWrapper { font-size: 1.8rem; } }

.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: 3px; }

.articlesGrid .item > .inner > .postShareBtnWrapper { position: absolute; top: 20px; right: 18px; }
.articlesGrid .item > .inner > .excerpt { font-size: 1.6rem; padding: 20px 0 10px 0; color: rgba(0, 0, 0, 0.7); }

.articlesGrid .item > .inner > .excerpt a { color: rgba(0, 0, 0, 0.7); }

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

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

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

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

#generalArticleList .masthead #btnSearch:hover { cursor: pointer; }

#generalArticleList .masthead .iconSearch { position: relative; display: inline-block; width: 35px; height: 35px; 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; font-size: 1.6rem !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.6rem; color: rgba(0, 0, 0, 0.5); padding: 15px 0 20px 0; }

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

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

@media screen and (max-width: 991px) { .articlesList .list > .item { max-width: 600px; } }

.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.8rem; clear: both; padding-bottom: 20px; }

.articlesList .list > .item .contentWrapper .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) { .articlesList .list > .item .contentWrapper .linkWrapper > .seriesName { padding: 4px 10px; } }

.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.6rem; line-height: 1.6; color: #4a4a4a; padding-right: 60px; }

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

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

.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: 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; }

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

.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: 80px !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: 150px 0 100px 0; }

#relatedSeriesWrapper .smallLabel { font-size: 1.4rem; 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: 280px; 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: 20px; 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.8rem; color: white; }

#relatedSeriesWrapper > .item > .titleWrapper > .title > .count { position: relative; display: inline-block; top: -18px; width: 30px; height: 30px; padding-top: 7px; background-color: white; color: black; 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; -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 20px 0; }

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

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

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

#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 .waveWrapper.nextInstagram > .wave { background: url(../images/pattern.wave.color4.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 20px 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: 2.4rem; color: rgba(96, 90, 82, 0.8); }

#catLandingPage .sectionWrapper .sectionKeyword > .keyword::before { position: relative; padding-right: 12px; font-family: "mpwbkb"; content: '\e908'; font-size: 1.8rem; 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.4rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 14px; }

#catLandingPage .sectionWrapper .moreWrapper > a.keyword { position: relative; display: inline-block; padding: 20px 40px; 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: 20px 80px; 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.8rem; color: #aeaba7; text-align: center; }

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

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper { position: relative; text-align: center; padding: 100px 0 20px 0; background-color: white; margin: 80px 50px 50px 50px; }

#catLandingPage .sectionWrapper > .hotKeywords > .keywordWrapper a { font-size: 2rem; 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: 70px; font-size: 1.4rem; 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 { padding: 0px 0 60px 0; }

#catListingGrid .catGridKeywordWrapper { display: block; max-width: 850px; padding: 70px 30px; background-color: #f7f7f7; margin: 80px auto 40px auto; text-align: center; background-color: white; }

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

/*==========Article==========*/
#article { padding: 2px 0 60px 0; 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 .header-wrapper{margin-top: 50px;}
#article .catWrapper { font-size: 1.4rem; color: #c5bfb7; text-align: center; margin-bottom: 14px; }

#article .catWrapper a { color: #aeaba7; }

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

#article .titleWrapper { font-size: 2.8rem; text-align: center; margin-bottom: 30px; }

#article .titleWrapper > .title { display: inline-block; }
/* title change to h1 element*/
#article .titleWrapper > h1.title { margin: 0 !important;  font-size: 2.8rem;font-weight: 400;max-width: 100%; }

#article .titleWrapper > .seriesName { display: inline-block; padding: 6px 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 .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: 50px; }

#article .infoWrapper .dateWrapper { font-size: 1.2rem; color: #4a4a4a; padding: 16px 0; border-right: 1px solid rgba(197, 191, 183, 0.5); padding-left: 0; text-align: center; }

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

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

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

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

#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.4rem; padding: 16px 20px 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: 70px; background-color: rgba(0, 0, 0, 0.3); margin: 0 auto 30px auto; }

#article .creditsWrapper .editor, #article .creditsWrapper .photographer { display: inline-block; margin: 0 20px 10px 20px; }

#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 { display: block; max-width: 750px; padding: 70px 30px; background-color: #f7f7f7; margin: 50px auto 30px auto; text-align: center; }

#article .articleKeywordWrapper a { font-size: 1.4rem !important; }

#article .ctx-container .container > .row > .col {padding: 0px 20px;}

#article .ctx-container .sidebar { border-left: 2px solid #B8B8B9; width: 342px;min-height: 100px;}

#article .ctx-container .col img { cursor: zoom-in;}
/*---Article content styles---*/
#article p { font-size: 1.8rem; color: #282828; line-height: 2; max-width: 620px; margin: 20px auto 50px auto !important; }

#article p > a { padding-bottom: 2px; border-bottom: 2px solid #91d6be; }

#article h2 { position: relative; text-align: left; font-size: 2.4rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; color: #282828; line-height: 1.5; max-width: 620px; margin: 60px auto 80px auto !important; border-bottom: 2px solid #c5bfb7; }

#article h2:after { display: block; content: ''; position: relative; top: 6px; border-bottom: 2px solid #c5bfb7; }

#article .imgWrapper { display: table; /*use 'display:table' to align the div center*/ position: relative; text-align: center; margin: 80px auto 80px auto !important; }

#article .imgWrapper > .caption { position: relative; font-size: 1.6rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; line-height: 1.8; color: #4a4a4a; max-width: 620px; 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: 2px; 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: 620px; margin: 20px auto 70px auto !important; font-size: 2.4rem; line-height: 1.7; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; }
/*---Article: Enlarge button---*/
.btnEnlarge { display: block; width: 28px; height: 28px; background-image: url(../images/btn.enlarge@2x.png); background-repeat: no-repeat; background-size: 28px 28px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .btnEnlarge { background-image: url(../images/btn.enlarge@3x.png); } }

#article .imgWrapper .btnEnlarge { position: absolute; top: -14px; right: 14px; }

/*---Article table---*/
#article table { width: 100%; max-width: 620px; margin: 60px auto 80px auto; font-size: 1.8rem; 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: 620px; margin: 20px auto 20px auto; font-size: 1.8rem; color: #282828; padding: 15px; line-height: 1.8; }

#article ul li { padding-bottom: 15px; }

#article ol { width: 100%; max-width: 620px; margin: 20px auto 20px auto; font-size: 1.8rem; 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: 620px; margin: 20px auto 50px auto; }

#article h1 img, #article h3 img, #article h4 img, #article h5 img, #article h6 img { margin-bottom: 20px; }

#article h5 { font-size: 1.6rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; line-height: 1.8; color: #4a4a4a !important; max-width: 620px; margin: 0 auto; }

/*---Article Slick carousel styles--*/
#article #imageSlider .controls { position: relative; z-index: 5; width: 100px; margin: 50px auto 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.4rem; text-align: center; top: 12px; }

#article #imageSlider .slideArticleGallery { top: -35px; 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: 680px; }

#article #imageSlider .slideArticleGallery .slick-dots { bottom: 35px; }

/*---Article Note---*/
#article .noteWrapper { padding: 30px; background-color: #f1edeb; margin: 60px 0; }

#article .noteWrapper::before { position: relative; display: inline-block; top: -45px; font-family: 'mpwbkb'; content: '\e916'; font-size: 2.4rem; color: rgba(96, 90, 82, 0.8); }

/*---Article YouTube embed video---*/
#article .youtubeWrapper { width: 100%; max-width: 860px; margin: 0 auto 60px auto; }

#article .youtubeWrapper .youtubeEmbedVideo { position: relative; padding-bottom: 53%; /* 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: 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; }

#article .youtubeWrapper:hover .youtubeOverlay .dimmedWrapper { cursor: pointer; background-color: rgba(0, 0, 0, 0.2); }

#article .youtubeWrapper:hover .youtubeOverlay .dimmedWrapper:after { top: 42%; }

/*---Editor's Picks---*/
#article .editorsPicks { position: relative; max-width: 620px; margin: 60px auto; padding: 30px 20px 20px 20px; /*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.4rem; 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.6rem; width: 80%; margin-right: 0px; }

#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; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #article .editorsPicks .listWrapper .item .linkWrapper > .seriesName { padding: 2px 5px; } }

#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; }

#article .viewCountWrapper { position: relative; display: inline-block; font-size: 1.2rem; color: #aeaba7; text-align: center; margin: 0 20px; }

#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); }

@media screen and (min-width: 1201px) { #blogLandingPage { max-width: 1450px; margin: 0 auto; border-left: 1px solid rgba(155, 155, 155, 0.3); border-top: none; } }

#blogLandingPage .row { margin: 0; }

#blogLandingPage .item { position: relative; padding: 50px 50px 90px 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; }

#blogLandingPage .item:hover { background-color: #e6e0d3; }

/*#blogLandingPage .row .item:last-child{border-right:none;}*/
#blogLandingPage .item > .avatar { position: absolute; display: block; top: 25px; right: 30px; 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; }

#blogLandingPage .item > .avatar:hover { transform: scale(1.1); }

#blogLandingPage .item > .article > .title { font-size: 2rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; padding: 0 100px 70px 0; }

#blogLandingPage .item > .article > .excerpt { font-size: 1.8rem; color: #282828; padding-bottom: 50px; line-height: 1.6; }

#blogLandingPage .item > .article > .excerpt img { width: 100%; max-width: 300px; }

#blogLandingPage .item > .credits { position: absolute; bottom: 30px; color: #4A4A4A; padding-right: 110px; }

#blogLandingPage .item > .credits > .writerName { font-size: 1.8rem; }

#blogLandingPage .item > .credits > .columnName { font-size: 1.2rem; }

#blogLandingPage .item > .postShareBtnWrapper { position: absolute; bottom: 30px; right: 30px; }

@media screen and (max-width: 575px) { #blogLandingPage .item { border-right: none; padding: 50px 30px 30px 30px; }
  #blogLandingPage .item > .avatar { position: relative; width: 60px; height: 60px; top: -20px; left: -5px; }
  #blogLandingPage .item > .title { padding: 0 0 50px 0; } }

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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #bloggerBanner { position: relative; top: 0; } }

#bloggerBanner.not-sticky { position: relative; }

#bloggerBanner > .avatar { position: absolute; display: block; top: 35px; left: 60px; width: 100px; height: 100px; 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; }

#bloggerBanner.is-collapsed > .avatar { width: 80px; height: 80px; top: 25px; }

@media screen and (max-width: 991px) { #bloggerBanner.is-collapsed > .avatar { left: 40px; } }

#bloggerBanner > .writerName { position: absolute; top: 50px; left: 190px; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 2.2rem; -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: 50px; }

#bloggerBanner.is-collapsed > .writerName { top: 35px; left: 160px; font-size: 1.8rem; }

@media screen and (max-width: 991px) { #bloggerBanner.is-collapsed > .writerName { left: 140px; } }

#bloggerBanner > .columnName { position: absolute; top: 95px; left: 190px; font-size: 1.8rem; 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: 50px; }

#bloggerBanner.is-collapsed > .columnName { top: 60px; left: 160px; font-size: 1.4rem; }

@media screen and (max-width: 991px) { #bloggerBanner.is-collapsed > .columnName { left: 140px; } }

#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; border-top: 1px solid rgba(155, 155, 155, 0.3); border-left: 1px solid rgba(155, 155, 155, 0.3); margin: 0 auto 150px auto; }

@media screen and (max-width: 768px) { #blogRelatedGrid { max-width: 680px; } }

@media screen and (min-width: 769px) and (max-width: 992px) { #blogRelatedGrid { max-width: 780px; } }

@media screen and (min-width: 993px) and (max-width: 1200px) { #blogRelatedGrid { max-width: 940px; } }

@media screen and (min-width: 1201px) { #blogRelatedGrid { max-width: 1150px; } }

@media screen and (min-width: 1301px) { #blogRelatedGrid { max-width: 1250px; } }

@media screen and (min-width: 1401px) { #blogRelatedGrid { max-width: 1350px; } }

@media screen and (min-width: 1501px) { #blogRelatedGrid { max-width: 1450px; } }

#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: 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: 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: 2rem; font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; padding: 0 100px 70px 0; }

#blogRelatedGrid .item > .article > .excerpt { font-size: 1.8rem; color: #282828; padding-bottom: 50px; line-height: 1.6; }

#blogRelatedGrid .item > .article > .excerpt img { width: 100%; max-width: 300px; }

#blogRelatedGrid .item > .credits { color: #4A4A4A; }

#blogRelatedGrid .item > .credits { padding-right: 100px; }

#blogRelatedGrid .item > .credits > .writerName { font-size: 1.8rem; }

#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 grid==========*/
#blogListingGrid { background-color: #f8f6f5; padding: 100px 0 60px 0; }

#blogGalleryGrid { background-color: #f8f6f5; padding: 100px 0 60px 0; }

/*==========Blog Credits==========*/
#blogCredits { background-color: #77746f; padding: 0 0 100px 0; text-align: center; }

#blogCredits > .inner { max-width: 860px; padding: 0 60px; margin: 0 auto; }

#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: 2.2rem; color: white; padding-bottom: 20px; }

#blogCredits > .inner > .desc { font-size: 1.6rem; 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; width: 100%; background-color: #efe6da; padding: 50px 50px 20px 50px; -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 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 { font-size: 1.8rem; 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; border-bottom: 1px solid rgba(151, 151, 151, 0.2); margin-bottom: 50px; }

#footer .footerLinks { font-size: 1.4rem; margin-top: 15px; }

#footer .footerLinks a { color: rgba(40, 40, 40, 0.6); padding: 0 10px; border-left: 1px solid rgba(151, 151, 151, 0.2); }

#footer .footerLinks a:hover { color: #282828; }

#footer .footerLinks a:first-child { border-left: none; }

#footer .footerLinks .copyright { font-size: 1.2rem; padding: 10px 10px 0 0; color: #4a4a4a; }

#footer .footerSubscription { margin-bottom: 40px; }

#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: 360px; }

#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: 315px; top: 8px; }

#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: 325px; color: rgba(40, 40, 40, 0.6); }

#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.4rem; 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; }

@media screen and (max-width: 991px) { #footer .socialLinks { text-align: center !important; }
  #footer .blurb { text-align: center !important; padding-left: 80px; padding-right: 80px; }
  #footer .footerSubscription { text-align: center !important; margin-bottom: 20px; }
  #footer .footerLinks { text-align: center !important; } }

/*==========Instafeed==========*/
#instafeed { background-color: white; text-align: center; padding: 80px 0 150px 0; }

#instafeed .avatar { position: relative; display: block; width: 80px; height: 80px; 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 20px auto; }

#instafeed .username { display: block; padding: 0 0 20px 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: 20; top: 0; right: -60%; display: block; width: 50vw; min-width: 384px; 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: 1099px) { #bookmarkDrawer { right: -120%; width: 90vw; } }

@media screen and (min-width: 1200px) { #bookmarkDrawer { -moz-transition: right 0.6s ease-in-out; -ms-transition: right 0.6s ease-in-out; -o-transition: right 0.6s ease-in-out; -webkit-transition: right 0.6s ease-in-out; transition: right 0.6s ease-in-out; } }

#bookmarkDrawer.is-shown { right: 0; }

#bookmarkDrawer .sidebar { position: absolute; top: 0; left: 50px; width: 50px; 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: 15px 10px; }

#bookmarkDrawer .sidebar .label .count { display: inline-block; width: 30px; height: 30px; text-align: center; font-size: 1.2rem; 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: 9px; margin-top: 10px; }

#bookmarkDrawer .sidebar .btnCloseDrawer { display: inline-block; width: 50px; height: 50px; overflow: hidden; font-size: 1.8rem; 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; width: 440px; height: 88vh; top: 8vh; left: 40px; margin: 0 auto; padding: 0 30px 180px 30px; }

@media screen and (min-width: 1401px) { #bookmarkDrawer .listWrapper { width: 520px; padding: 0 40px 180px 40px; } }

#bookmarkDrawer .listWrapper .msg { text-align: center; font-size: 1.4rem; 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% - 30px); }

#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.6rem; }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .thumb { height: 80px; }

@media screen and (min-width: 1401px) { #bookmarkDrawer .articlesList .list > .item .contentWrapper .thumb { height: 100px; } }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .thumb > .dimmedWrapper { font-size: 2.4rem; }

@media screen and (min-width: 1401px) { #bookmarkDrawer .articlesList .list > .item .contentWrapper .thumb > .dimmedWrapper { font-size: 2.8rem; } }

#bookmarkDrawer .articlesList .list > .item .contentWrapper .linkWrapper > .seriesName { padding: 3px 7px 0 7px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #bookmarkDrawer .articlesList .list > .item .contentWrapper .linkWrapper > .seriesName { padding: 2px 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: 45vh; 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: 25px; }

#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; }

#btnTrendingArticles.popup-opened > .tips { opacity: 0; }

/*-------Close Button--------*/
#closeBtnTrendingArticles { position: absolute; display: block; top: -24px; right: calc(380px/2 - 48px/2); 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: '\e91d'; top: 6px; font-size: 2.4rem; }

/*-------Popup--------*/
#popupTrendingArticles { position: fixed; z-index: 10; display: block; /*top:calc((100vh - 400px)/2);*/ bottom: -780px; right: 30px; width: 380px; 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; }

#popupTrendingArticles.is-shown { bottom: 30px; }

#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: 230px; float: left; font-size: 1.4rem; margin-right: 15px; }

#popupTrendingArticles .listWrapper .item .linkWrapper.full { width: 305px; 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; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #popupTrendingArticles .listWrapper .item .linkWrapper > .seriesName { padding: 2px 5px; } }

#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; }

/*==========Back Issues==========*/
#issues .pinText { position: absolute; z-index: 5; width: 20px; 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; }

@media screen and (max-width: 991px) { #issues .pinText { font-size: 1.4rem; } }

@media screen and (max-width: 850px) { #issues .pinText { left: 25px !important; } }

@media screen and (min-width: 851px) and (max-width: 1024px) { #issues .pinText { left: 35px !important; } }

#issues .pinLine { display: block; position: absolute; z-index: 5; left: 0; width: 40px; height: 1px; background-color: #c5bfb7; }

@media screen and (max-width: 850px) { #issues .pinLine { left: -40px !important; } }

@media screen and (min-width: 851px) and (max-width: 1024px) { #issues .pinLine { left: -15px !important; } }

/*-------Current Issue-------*/
#issues #currentIssue { position: relative; top: -30px; padding: 0 0 40px 0; }

@media screen and (max-width: 991px) { #issues #currentIssue { padding: 80px 0 40px 0; } }

#issues #currentIssue .pinText { top: 16%; left: 55px; }

@media screen and (max-width: 991px) { #issues #currentIssue .pinText { top: 9%; } }

#issues #currentIssue .pinLine { top: 18%; }

#issues #currentIssue .cover { position: relative; z-index: 9; right: 30px; top: 140px; display: block; width: 480px; height: 630px; 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: 1200px) { #issues #currentIssue .cover { /*80%*/ width: 384px; height: 504px; } }

@media screen and (max-width: 991px) { #issues #currentIssue .cover { /*80%*/ top: 20px; right: 0; } }

#issues #currentIssue .infoWrapper { padding-top: 160px; text-align: left; overflow: auto; }

@media screen and (max-width: 991px) { #issues #currentIssue .infoWrapper { padding-top: 80px; text-align: center; } }

#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: 3rem; 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; top: 55px; display: inline-block; float: left; font-size: 1.8rem; color: black; }

@media screen and (max-width: 991px) { #issues #currentIssue .infoWrapper > .purchaseWrapper > .price { float: none; top: 0; } }

#issues #currentIssue .infoWrapper > .purchaseWrapper > .btnBuy { position: relative; display: inline-block; float: left; width: 100px; height: 100px; 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; }

@media screen and (max-width: 991px) { #issues #currentIssue .infoWrapper > .purchaseWrapper > .btnBuy { float: none; } }

#issues #currentIssue .infoWrapper > .purchaseWrapper > .btnBuy:hover { background-color: rgba(0, 0, 0, 0.8); }

#issues #currentIssue .remarks { position: absolute; bottom: 10px; display: block; clear: both; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; font-size: 1.4rem; color: rgba(0, 0, 0, 0.5); margin: 40px 50px 0 0; }

@media screen and (max-width: 991px) { #issues #currentIssue .remarks { position: relative; bottom: 0; margin: 40px auto 0 auto; text-align: center; } }

/*-------Current Issue Preview-------*/
#issues #currentIssuePreview { position: relative; padding: 180px 0 80px 0; background-color: #a1a395; overflow: hidden; }

@media screen and (max-width: 991px) { #issues #currentIssuePreview { padding: 90px 0 80px 0; } }

#issues #currentIssuePreview .pinText { top: 44%; left: 55px; color: white; }

#issues #currentIssuePreview .pinLine { top: 51%; left: 0; background-color: white; }

@media screen and (max-width: 991px) { #issues #currentIssuePreview .pinLine { opacity: 0; } }

#issues #currentIssuePreview .slideMagazineHorizonal { position: relative; left: 150px; z-index: 6; }

@media screen and (max-width: 991px) { #issues #currentIssuePreview .slideMagazineHorizonal { left: 80px; } }

@media screen and (min-width: 1901px) { #issues #currentIssuePreview .slideMagazineHorizonal { left: auto; display: block; max-width: 1600px; margin: 0 auto; } }

#issues #currentIssuePreview .gradient { position: absolute; z-index: 9; display: block; right: 0; width: 250px; height: 350px; 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: 350px; 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 .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: 120px 0; background-color: #f8f6f5; overflow: hidden; }

@media screen and (max-width: 991px) { #issues #backIssuesGrid { padding: 60px 0; } }

@media screen and (max-width: 768px) { #issues #backIssuesGrid .container { max-width: 600px; } }

@media screen and (min-width: 769px) and (max-width: 992px) { #issues #backIssuesGrid .container { max-width: 700px; } }

@media screen and (min-width: 993px) and (max-width: 1200px) { #issues #backIssuesGrid .container { max-width: 900px; } }

@media screen and (min-width: 1201px) and (max-width: 1400px) { #issues #backIssuesGrid .container { max-width: 980px; } }

#issues #backIssuesGrid .pinText { top: 250px; left: 55px; }

#issues #backIssuesGrid .pinLine { top: 290px; left: 0; /*@include media("screen", "<=lg"){ opacity:1; top:48%; left:65px !important; width:100px; }*/ }

@media screen and (max-width: 991px) { #issues #backIssuesGrid .pinLine { opacity: 0; } }

#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); }

@media screen and (max-width: 991px) { #issues #backIssuesGrid .coverGrid .item .cover { width: 192px; height: 250px; } }

#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: 2.4rem; color: black; padding-bottom: 30px; }

/*==========Search Panel==========*/
#searchPanel { display: block; position: fixed; z-index: 20; opacity: 0; top: -300vh; left: 0; width: 100vw; height: 100vh; overflow: hidden; background: -webkit-linear-gradient(0deg, white 0%, rgba(239, 221, 217, 0.9) 100%); background: -o-linear-gradient(0deg, white 0%, rgba(239, 221, 217, 0.9) 100%); background: -moz-linear-gradient(0deg, white 0%, rgba(239, 221, 217, 0.9) 100%); background: -ms-linear-gradient(0deg, white 0%, rgba(239, 221, 217, 0.9) 100%); background: linear-gradient(0deg, white 0%, rgba(239, 221, 217, 0.9) 100%); /*border:8px solid #FFF;*/ transform: scale3d(1.3, 1.3, 1); -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; -webkit-transition: transform 0.5s; transition: transform 0.5s; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #searchPanel { /* IE10+ */ transform: scale3d(1, 1, 1); } }

#searchPanel.is-shown { top: 0; opacity: 1; transform: scale3d(1, 1, 1); }

#searchPanel .formSearch { position: absolute; top: 40%; left: 50%; margin-left: -35vw; }

#searchPanel .formSearch input[type=text] { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-color: transparent; color: black; font-size: 3rem; padding: 15px 120px 15px 12px; width: 70vw; }

#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: 60px; top: 15px; }

#searchPanel .formSearch input[type=submit]:focus { outline: none; }

#searchPanel .formSearch #iconSearch { position: absolute; top: 15px; right: 60px; font-size: 3rem; }

#searchPanel #btnCloseSearchPanel { position: absolute; top: 18px; right: 5px; }

#searchPanel #btnCloseSearchPanel i { font-size: 2.7rem; }

#searchPanel #btnCloseSearchPanel:hover { cursor: pointer; }

#searchPanel .keywordWrapper { position: absolute; width: 100%; top: 58%; text-align: center; }

#searchPanel .keywordWrapper .subhd { font-family: "AvenirLTPro-Book", Helvetica Neue, Helvetica, Arial, "source-han-serif-tc", Songti TC, serif; font-size: 1.6rem; color: rgba(0, 0, 0, 0.5); padding-bottom: 25px; }

#searchPanel .keywordWrapper > a { font-size: 2rem; margin-right: 20px; color: rgba(0, 0, 0, 0.7); }

/*==========YouTube: LITY==========*/
.lity-close:after { font-family: 'mpwbkb'; font-size: 2.4rem; content: '\e918'; }

/*==========Advertisement==========*/
.advertWrapper { position: relative; width: 90%; max-width: 1110px; margin: 80px auto 0 auto; padding: 30px 0 60px 0; background-color: #F1F1F1; background-image: url(../images/pattern.slash.png); background-repeat: repeat; background-size: 30px 30px; -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 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .advertWrapper { background-image: url(../images/pattern.slash@2x.png); } }

.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; margin: 0 12px 10px 12px; }

.advertWrapper .closeAd { position: absolute; top: 10px; right: 0px; display: inline-block; width: 40px; 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(even) .advertWrapper { background-color: rgba(255, 255, 255, 0.5); }

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

.ad-container {
  margin-top: 30px;
  padding: 20px;
  position: relative;
}
.ad-container iframe {
  border: none;
}
.ad-container .title {
  color: #9D9E9F;
  font-size: 14px;
  max-width: 300px;
  line-height: 1;
  margin: 0px auto 15px;
  text-align: center;
  text-transform: uppercase;
  display: block;
}
.ad-container .icon-close {
  right: -30px;
  color: #9D9E9F;
  font-size: 12px;
  position: absolute;
  margin-top: -6px;
  cursor: pointer;
}
.ad-container .icon-close.title {
  right: 25px;
  top: 20px;
  margin-top: 0px;
}
.ad-container .ad {
  text-align: center;
}
/* 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 > figure img {
  max-width: 100% !important;
}
.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: 400px;
  border: none;
}