@charset "UTF-8";

/**
 * ============================
 * Color Patterns
 * ============================
 * 
 * default:
 * primary:
 * secondary:
 * link:
 * hover:
 * active:
 * focus:
 * background:
 * 
 */

/**
 * ============================
 * Media Query breakpoint
 * ============================
 * 
 * @media (min-width: 360px) {}
 * @media (min-width: 375px) {}
 * @media (min-width: 414px) {}
 * @media (min-width: 480px) {}
 * @media (min-width: 576px) {}
 * @media (min-width: 640px) {}
 * @media (min-width: 667px) {}
 * @media (min-width: 736px) {}
 * @media (min-width: 768px) {}
 * @media (min-width: 992px) {}
 * @media (min-width: 1200px) {}
 * @media (min-width: 1600px) {}
 * @media (min-width: 1840px) {}
 * 
 */


/**
 * ============================
 * Base
 * ============================
 */
a { color: #212529; }
a:active,
a.active,
a.active-trail, 
.active-trail a { color: #212529; }
a:hover { color: #03a9f4;filter: .8; }
input, textarea, select, button {
  color: #212529;
  border: 1px solid #424242;
  background: #fff;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
  color: #fff;
  background: #616161;
}
button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background: #424242;
}
button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active {
  background: #212121;
}


/**
 * ============================
 * Layout
 * ============================
 */

/** Layout: 576 **/
@media screen and (min-width: 320px) {
  .front .main-inner {
    padding-top: 24px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 576px) {
  .limiter {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/** Layout: 768 **/
@media screen and (min-width: 768px) {
}

/** Layout: 992 **/
@media screen and (min-width: 992px) {
  .page-node.no-sidebars .main .main-inner {
    max-width: 930px;
  }
}

/** Layout: 1200 **/
@media screen and (min-width: 1200px) {
  .limiter,
  .no-sidebars .main-inner {
    max-width: 1200px;
  }
  .main-inner {
    padding-top: 24px;
    padding-bottom: 30px;
  }
  .preface {padding-top: 20px;}
  .node-type-topic .preface {padding-top: 50px;}
  .one-sidebar .main-content > .content {
    flex: 0 0 870px;
  }
  .two-sidebar .main-content > .content {
    flex: 0 0 870px;
  }
  .main-content > .sidebar {
    flex: 0 0 270px;
  }
	header {
    height: 240px;
	}
  .node-type-topic .main-inner {
		min-height: unset;
	}

}


/**
 * ============================
 * Modules
 * ============================
 */

 /** Button **/
.btn,
a.btn {
  padding: .5em 1em;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  background: #616161;
}
.btn:hover,
a.btn:hover {
  background: #424242;
}
.btn:active,
a.btn:active {
  background: #212121;
}
.primary-btn,
a.primary-btn {
  background: #2196F3;
}
.primary-btn:hover,
a.primary-btn:hover {
  background: #1E88E5;
}
.primary-btn:active,
a.primary-btn:active {
  background: #1976D2;
}

/** Form **/
input.form-text,
textarea.form-textarea,
select.form-select {
  color: #333;
  border-color: #ddd;
}
input.form-text:hover,
textarea.form-textarea:hover,
select.form-select {
  border-color: #64B5F6;
}
.form-select-item select.form-select {
	padding: 2px 35px 2px 15px;
	font-size: 14px;
	color: #212529;
	border: 1px solid #212529;
	border-radius: 4px;
	background: white;
  height: 28px;
  font-weight: 500;
}
.form-select-item::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	margin: 2px 10px 0 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #212529;
	pointer-events: none;
}
input.form-text:focus,
textarea.form-textarea:focus,
select.form-select:focus {
  border-color: #42A5F5;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border-color: #F44336;
}
input.form-submit {
  background: #616161;
}
input.form-submit:hover {
  background: #424242;
}
input.form-submit:active {
  background: #212121;
}
#edit-submit {
  background: #2196F3;
}
#edit-submit:hover {
  background: #1E88E5;
}
#edit-submit:active {
  background: #1976D2;
}
#edit-preview {
  background: #FFC107;
}
#edit-preview:hover {
  background:#FFB300;
}
#edit-preview:active {
  background: #FFA000;
}
#edit-delete {
  background: #F44336;
}
#edit-delete:hover {
  background: #E53935;
}
#edit-delete:active {
  background: #D32F2F;
}

/** Superfish **/
a > .sf-sub-indicator,
span.nolink > .sf-sub-indicator {
	display: none;
}
.sf-menu.menu ul {
  min-width: 8em;
}
.sf-menu.menu ul li {
  color: #fff;
  background: rgba(0,0,0,.7);
}
.sf-menu.menu ul li > a,
.sf-menu.menu ul li > .nolink {
  padding: 10px 15px;
  color: #fff;
}
.sf-menu.menu ul li.sfHover > a,
.sf-menu.menu ul li.sfHover > .nolink,
.sf-menu.menu ul li > a:hover,
.sf-menu.menu ul li > .nolink:hover {
  color: #fff;
  background: #424242;
}
.sf-menu.menu ul li.active-trail > a,
.sf-menu.menu ul li.active-trail > .nolink,
.sf-menu.menu ul li > a.active {
  background: #212121;
}

/** Modules: 576 **/
@media screen and (min-width: 576px) {

}

/** Modules: 768 **/
@media screen and (min-width: 768px) {

}

/** Modules: 992 **/
@media screen and (min-width: 992px) {

}

/** Modules: 1200 **/
@media screen and (min-width: 1200px) {

}

 /**
 * ============================
 * Particular
 * ============================
 */
.moscone-flipped-content {
	width: 900px;
}
.moscone-flipped-content-inner {
	margin-right: 30px;
}
.moscone-flipped-sidebar {
	width: 270px;
}
#page {
  padding-top: 0;
  clear: both;
  background-color: #f9f9f9;
}
.node-type-topic #page {
  background-color: white;
}
.header-inner {
  padding: 20px 15px;
}
.footer {
  color: #fff;
  background: #212529;
}
.footer-inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
.footer a {
  color: #eee;
}
.footer a:hover {
  color: #f5f5f5;
}
.breadcrumb {
  display: none;
}
#footer-info {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
#footer-info .r-pane {
  display: flex;
  list-style-type: none;
}
#footer-info .r-pane li span {
  text-decoration: underline;
  margin-left: 10px;
  vertical-align: super;
}
.ico-tel::before {
  content: '\2706';
  font-size: 18px;
  vertical-align: text-bottom;
}
.ico-mail::before {
  content: '\2709';
  font-size: 18px;
  vertical-align: text-bottom;
}

 /** Logo , title and slogan **/
.logo-title {
  flex: 0 0 280px;
  background: #fff;
  height: 69px;
  border-radius: 10px;
}
.logo {
  width: 280px;
  float: left;
}
.site-name {line-height: 28px}
.site-name a {font-size: 22px;color:#000;}
.site-slogan {font-size: 14px;}
.block-headerimage .field-type-image {
  display: none;
}

/** Navbar **/
nav.navigation {
  background: #212529;
}
nav .region-navigation {
  display: flex;
  align-items: center;
  height: 60px;
}
#block-menu-menu-main-2020 {flex: 1 0 auto;}
#block-menu-menu-main-2020 .menu li {margin: 0;line-height: 60px}
#block-menu-menu-main-2020 .menu li.english.expanded > ul.menu {
  display:none;
}
#block-menu-menu-main-2020 a {
	color: #fff;
	font-size: 16px;
	height: 60px;
	display: inline-block;
	text-align: center;
	padding: 0 20px;
}
#block-menu-menu-main-2020 a:hover{
  color: #c8c8c8;
  opacity: 1;
  background-color: #f6f6f6;
}
#block-block-42 {
  flex: 0 0 48px;
  display: none;
}
#google-cse-results {width: 0;height: 0}
.navbar {
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 auto;
}
#block-menu-menu-main-2020 ul.menu,
#block-menu-menu-slinks ul.menu {
  display: flex;
}
#block-menu-menu-main-2020 ul.menu {
  height: 60px;
  align-items: center;
}
.menu .ico a {
  text-indent: -9999em;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
}
.ico a:hover {filter: opacity(.8)}
.ico.twitter a {
  background: transparent url(images/icons/icon-tw.png);
}
.ico.facebook a {
  background: transparent url(images/icons/icon-fb@2x.png);
  background-size: cover;
}
.ico.instagram a {
  background: transparent url(images/icons/icon-instagram.png);
}
.ico.line a {
  background: transparent url(images/icons/icon-line.png);
}
.ico.youtube a {
  background: transparent url(images/icons/icon-youtube.png);
}
.ico.podcast a {
  background: transparent url(images/icons/2022-03-17164225.png);
  background-size: cover;
}
#block-google-cse-google-cse {
	width: auto;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
  margin-right: -20px;
}
#block-google_cse-google_cse .block-content {
  display: flex;
}
#google-cse-results-searchbox-form div, #google-cse-results-searchbox-form input {
	margin: 0;
	display: inline;
}
#google-cse-results-searchbox-form input.form-submit {
	display: inline-block;
	color: transparent;
  width: 18px;
  height: 18px;
	padding: 0px 0px;
	position: relative;
  left: -32px;
	background-color: transparent;
	background-image: url(images/search.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.search-btn.search-open {
	display: none;
}
.search-btn {
	width: 28px;
	height: 28px;
	background-image: url(../img/search.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center 5px;
	float: right;
	margin-left: 10px;
}
label[for="edit-query"] {
	display: none;
}
#google-cse-results-searchbox-form input#edit-query {
	max-width: 180px;
	border: none;
	padding: 0 32px 0 10px;
	height: 32px;
	border-radius: 16px;
  background-color: #fff;
}
#google-cse-results-searchbox-form input#edit-query:focus {
  border: 1px solid #03a9f4;
}
.gsc-control-cse {
	padding: 0 !important;
  border: none !important;
}
.node-type-topic #superfish-1 {margin-bottom: 48px;}
.pane-bpm-topic-year-list2 .item-list ul,
#superfish-1 {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
  min-height: 50px;
  height: auto;
  align-items: center;
  margin: 0 auto;
  justify-content: inherit;
}
.pane-bpm-topic-year-list2 .item-list ul {display:flex;margin-bottom: 2em;flex-wrap:wrap}
.pane-bpm-topic-year-list2 .item-list ul li a {display:block}
.pane-bpm-topic-year-list2 .item-list ul a,
#superfish-1 a {
  color: #212529;
	font-size: 18px;
}
.pane-bpm-topic-year-list2 .item-list ul a,
#superfish-1 > li > a {
  padding: 0 15px;
}
.pane-bpm-topic-year-list2 .item-list ul a:hover,
#superfish-1 > li > a:hover {
  color: #c8c8c8;
  opacity: 1;
  background-color: #f6f6f6;
}
#superfish-1 li:not(.sf-no-children) ul a {
  color: #fff;
}
#superfish-1 li:not(.sf-no-children) ul a:hover {
  color: #c8c8c8;
  opacity: 1;
  background-color: #f6f6f6;
}
.pane-bpm-topic-year-list2 .item-list ul > li,
.sf-menu.menu > li {
	position: relative;
	float: none;
	margin: 0;
	height: 50px;
	line-height: 50px;
}
.pane-bpm-topic-year-list2 .item-list ul li:first-child,
.sf-menu.menu > li:first-child {
  margin-left: 20px;
}
.sf-menu.menu > .menuparent.sf-depth-1 {display: inherit;}
.sf-menu.menu > .menuparent.sf-depth-1::after {
	content: '';
	display: inline-block;
	width: 12px;
	background-image: url(images/icons/icon-chevron-down.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: 50%;
	margin-left: 0;
}
.sf-menu.menu > .menuparent.sf-depth-1:hover::after {
  color: #20a5d0;
  opacity: 0.3;
}
#superfish-1.top-pane {
  width: 1170px;
  top: 0;
}
.page-en-events #block-superfish-1,
.page-en-cover-story #block-superfish-1,
.page-en-history #block-superfish-1,
.page-en-about-us #block-superfish-1,
.topics2 #block-superfish-1,
.topics2 h1.page-title,
.en-body #block-superfish-1 {display:none}
.page-en-cover-story.topics2 h1.page-title {display:block}

.page-title,
.page-articles .page-title,
.page-node.node-type-topic .page-title,
h2.pane-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 22px;
}
.en-content .pane-faq-blk .pane-title,
.en-content h2.entity-list-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 25px;
  margin-bottom: 25px;
}
#-bpm-topic-year-list h2.pane-title {
  margin-bottom: 0;
}
.page-title::before,
.page-articles .page-title::before,
.page-node.node-type-topic .page-title::before,
h2.pane-title::before {
  content: '';
  display: inline-block;
  height: 22px;
  width: 5px;
  border-radius: 4px;
  background: #000;
  margin-right: 6px;
  vertical-align: sub;
}
#rp-all h2.pane-title::before {
  display: none;
}
#rp-all h2.pane-title {
  margin-bottom: 15px;
}
#rp-all .node-hot-articles .node-article .node-inner {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 16px;
}
#rp-all .node-hot-articles .node-article h2.node-title {
  color: #212529;
  display: -webkit-box;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 4px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#rp-all .node-hot-articles .node-article h2.node-title a {
  color: #212529;
  text-decoration: none;
}
#rp-all .node-hot-articles .node-article .submitted {
  font-size: 13px;
  color: #424242;
}
#rp-all .node-hot-articles .node-article .node-inner .node-content {
  order: -1;
  flex: 0 0 80px;
  margin-right: 15px;
}
#rp-all .node-hot-articles .node-article .node-inner .node-content .field-name-field-front-blog-image img {
  border: none;
  border-radius: 4px;
}
#rp-all .node-blkcontent .field-name-field-multi-links .field-items {
  display: flex;
  font-size: 16px;
  flex-flow: row wrap;
}
#rp-all .node-blkcontent .field-name-field-multi-links .field-items .field-item {
  margin-right: 16px;
  line-height: 2em;
}
#rp-all .node-blkcontent .field-name-field-multi-links .field-items .field-item a {
  color: #1876f2;
  font-weight: normal;
  text-decoration: none;
}
#hot-tags {margin-top:24px}
#about-appeal-menu,
#aboutus-menu {
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
  margin-bottom: 24px;
}
#about-appeal-menu .block-title,
#aboutus-menu h2.pane-title,
#aboutus-menu .block-title {
  color: #fff;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 20px;
  background-color: #212529;
  margin-bottom: 18px;
}
#aboutus-menu .block-content {
}
#about-appeal-menu .block-content > ul,
#aboutus-menu .block-content > ul {
  padding-bottom: 20px;
}
#about-appeal-menu li,
#aboutus-menu li {
  margin-right: 0;
  width: 100%;
  line-height: 36px;
  padding: 0 20px;
}
#about-appeal-menu .block-content > ul > li > ul li,
#aboutus-menu .block-content > ul > li > ul li {
  padding-right: 0;
}
#about-appeal-menu li a,
#aboutus-menu li a {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 40px;
}
#about-appeal-menu li a::after,
#aboutus-menu li a::after {
  content: '\203A';
  float: right;
}
#about-appeal-menu ul.menu ul.menu,
#aboutus-menu ul.menu ul.menu {
  padding-left: 1em;
}
#about-appeal-menu ul.menu ul.menu a,
#aboutus-menu ul.menu ul.menu a {
  color: #424242;
}
#about-appeal-menu a.active-trail.active,
#about-appeal-menu ul.menu ul.menu a:hover,
#aboutus-menu a.active-trail.active,
#aboutus-menu ul.menu ul.menu a:hover {
  color: #03a9f4 !important;
}
#aboutus-menu .menu-block-wrapper > ul > li:hover,
#about-appeal-menu .block-content > ul > li:hover,
#aboutus-menu .block-content > ul > li:hover {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.35);
}
.section-appeal .page-title,
.node-type-book .book-navigation,
.node-type-book .page-title {
  display: none;
}
.addthis_toolbox {display: none;}
.share-buttons .share-buttons-list > li > .fa-btn {
	font-size: 15px;
}
.share-buttons .share-buttons-list > li > a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.node-header-info,
.i-share {display: flex; align-items: baseline;}
.i-share {
  flex: 0 0 auto;
}
.node-header-info {
  justify-content: flex-end;
  margin-bottom: 13px;
}
.i-share::before {
  content: '分享：';
  color: #424242;
  font-size: 13px;
}
.en-node .i-share::before {
  content: 'Share:';
  margin-right: 5px;
}
/*
#about-appeal-menu ul.menu {font-size: 18px;}
#about-appeal-menu ul.menu li::before {
  content: '\203A';
  margin-right: .5em;
}
*/
h3.article-title {
  margin-bottom: .5em;
  font-size: 20px;
}
ul.post-meta {
  display: flex;
  list-style: none;
  padding: 0;
}
ul.post-meta li {
  margin-left: 0;
  margin-right: 15px;
}
.icon-clock::before {
  content: '發布日期：';
}
.icon-user::before {
  content: '\01F64E \200D \2642 \FE0F';
  filter: grayscale(1);
}
.icon-like::before {
  content: '\01F44D';
  filter: grayscale(1);
}
.appeal-state {
	clear: both;
	display: flex;
	align-items: center;
	background: #feb9b9;
	padding: 8px 8px;
	margin: 1em 0;
}
.page-appeal .appeal-state {
	margin-top: 0;
}
.appeal-state::before {
	content: "";
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(images/appeal-state.png) no-repeat;
}
.appeal-state p {
	margin: 0 0 0 0.5em;
	font-size: 1.6rem;
	color: #000;
}
.appeal-page .view-header {
	float: right;
	margin-bottom: 30px;
}
.btn-medium.blue, .btn-big.blue {
	background: #2277eb;
}
.appeal-page .view-header a {
	margin-right: 10px;
	font-size: 16px;
	font-weight: 600;
}
.appeal-page .views-row {
  margin-bottom: 2em;
}
.appeal-page .read-more {
	text-align: right;
	display: inherit;
}
.btn-medium.empty.black, .btn-big.empty.black {
	border: 1px solid #333;
	color: #333 !important;
	background: none;
}
.btn-big {
	padding: 15px 18px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn-medium i, .btn-big i {
	padding-right: 8px;
}
.icon-arrow-right-3::before {
	content: "\27BD";
}
.btn-big.blue:hover {
  color: #fff;
}
.btn-big.black:hover {
  color: #fff !important;
  background-color: #000;
}
label[for="edit-sort-by"], #edit-sort-by, #edit-sort-by div {
	display: inline-block;
	margin-right: 10px;
}
.views-widget-sort-order {
	display: none;
}

/* =list */
.topics2 .name-topics .view-inner > .view-content {
  display: flex;
  flex-direction: column;
  padding-left: 40px;
}
.topics2 .name-topics .view-grouping {
  position: relative;
  margin-bottom: 0;
}
.topics2 .name-topics .view-grouping::before {
	position: absolute;
  display: block;
  content: '';
	width: 20px;
	height: 20px;
  background: #acacae;
	border-radius: 50%;
	margin-left: -9px;
}
.topics2 .name-topics .view-grouping::after {
	content: "";
	position: absolute;
	background-color: #acacae;
	width: 2px;
	top: 20px;
	height: calc(100% - 10px);
}
.topics2 .name-topics .view-grouping h3.view-grouping-header {
	font-weight: bold;
	font-size: 1.25rem;
	background: #acacae;
	color: #fff;
	width: auto;
	display: inline-block;
	padding: 5px 10px;
	margin-left: 1em;
	line-height: 1.25rem;
}
.topics2 .name-topics .view-grouping:hover h3.view-grouping-header {
  background: #575757;
}
.topics2 .name-topics .view-grouping-content {
	display: flex;
	flex-flow: column nowrap;
	margin: 0;
}
.topics2 .view-grouping-content > a,
.topics2 .view-grouping-content .views-row {
	flex: auto;
	padding: 0;
	margin: 20px 0;
	box-shadow: unset;
  max-width: 1000px;
  align-self: flex-end;
}
.topics2 .en-list .view-grouping-content .views-row {
  max-width: 810px;
}
.topics2 .view-grouping-content > a {margin:0}
.type-article.entity-list .entity-list-img img {
  border-radius: 4px 0 0 4px;
}
.entity-list.name-topics .entity-list-img img {
	border-radius: 4px;
}
.item-list .pager li {margin-right: 10px;margin-bottom: 10px;}
.item-list .pager li.pager-current,
.item-list .pager li a {
  display: inline-block;
  line-height: 41px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
  border: #eceff1 solid 1px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
}
.item-list .pager li a:hover {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
}
.item-list .pager li.pager-current {
  color: #fff;
  background-color: #20a5d0;
}
.item-list .pager li.pager-first a,
.item-list .pager li.pager-previous a,
.item-list .pager li.pager-next a,
.item-list .pager li.pager-last a {
  text-indent: -9999em;
}
.item-list .pager li.pager-first a {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='44px' width='44px'><text x='18' y='26' fill='black' font-size='16'>«</text></svg>");
}
.item-list .pager li.pager-previous a {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='44px' width='44px'><text x='18' y='26' fill='black' font-size='16'>‹</text></svg>");
}
.item-list .pager li.pager-next a {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='44px' width='44px'><text x='18' y='26' fill='black' font-size='16'>›</text></svg>");
}
.item-list .pager li.pager-last a {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='44px' width='44px'><text x='18' y='26' fill='black' font-size='16'>»</text></svg>");
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	border-radius: 50%;
	background: #869791;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #20a5d0;
}
.entity-list .views-row {
	margin-bottom: 20px;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
  background-color: #fff;
}
.appeal-page.entity-list .views-row {
  padding: 20px;
}
.topics2 .entity-list .views-row:hover,
.en-body .entity-list .views-row:hover,
.entity-list .views-row:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,.25);
}
.entity-list.type-article .views-row-inner {
  display: flex;
}
.entity-list.type-article .left-pane {
  margin-right: 20px;
}
.entity-list.type-article .right-pane {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  padding: 20px 20px 45px 0;
  width: 100%;
}
.entity-list.type-article.attr-blkX1 .left-pane {
  flex: 0 0 360px;
}
.entity-list.type-article.attr-blkX3 .left-pane {
  flex: 0 0 228px;
}
.entity-list.type-article.attr-blkX10 .left-pane {
  flex: 0 0 337px;
}
.entity-list .entity-list-more,
.entity-list .entity-list-tags {
  font-size: 13px;
}
.entity-list .entity-list-more {
  color: #424242;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.entity-list.type-article.attr-blkX10 .entity-list-more {
  bottom: 8px;
}
.topics2 .entity-list .l2c,
.en-list.entity-list .l2c {text-align: right;margin-top:1em}
.topics2 .entity-list .l2c,
.entity-list .entity-list-more .l2c {margin-right: 20px}
.topics2 .entity-list .l2c a,
.en-list.entity-list .l2c a,
.entity-list.type-article .views-row .entity-list-more .l2c a,
.entity-list .entity-list-more .l2c a {padding: 2px 6px;}
.topics2 .entity-list .l2c a::after,
.en-list.entity-list .l2c a::after,
.entity-list .entity-list-more .l2c a::after {
  content: ' \203A';
  font-size: 18px;
	line-height: 1;
}
.topics2 .entity-list .views-row:hover .l2c a,
.en-list.entity-list .views-row:hover .l2c a,
.entity-list.type-article .views-row:hover .entity-list-more .l2c a,
.entity-list .entity-list-more .l2c a:hover {background-color: #f6f6f6;color: #c8c8c8; opacity: 1}
.topics2 .entity-list .views-row:hover .l2c a,
.en-list.entity-list .views-row:hover .l2c a {
  color: #424242;
}
.entity-list .entity-list-title {
  display: -webkit-box;
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 30px;
  max-height: 90px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.en-list.entity-list .entity-list-title {
  max-height: 60px;
  -webkit-line-clamp: 2;
}
.entity-list .entity-list-title a {
  word-break: break-word;
  overflow-wrap: break-word;
}
.entity-list.type-article.attr-blkX10 .entity-list-title {
  font-size: 18px;
  line-height: 28px;
  max-height: 56px;
  -webkit-line-clamp: 2;
  margin-bottom: 12px;
}
.entity-list.type-article .views-row .entity-list-title a:hover {
  color: #212529;
}
.entity-list.type-article.attr-blkX1 .view-footer .entity-list-title {
  -webkit-line-clamp: 2;
	margin-bottom: 0;
}
.entity-list .entity-list-body {
  display: -webkit-box;
  font-size: 16px;
  color: #424242;
  line-height: 26px;
  max-height: 52px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.topics2 .entity-list .entity-list-body,
.en-list.entity-list .entity-list-body {
	display: -webkit-box;
	font-size: 16px;
	color: #424242;
	line-height: 26px;
	max-height: 104px;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.en-list.entity-list .entity-list-body {
  line-height: 24px;
	max-height: 48px;
  -webkit-line-clamp: 1;
}
.entity-list.type-article.attr-blkX10 .entity-list-body {
  line-height: 24px;
  max-height: 78px;
  -webkit-line-clamp: 3;
}
.topics2 .entity-list .entity-list-body p,
.en-list.entity-list .entity-list-body p {
  word-break: break-word;
  overflow-wrap: break-word;
}
.entity-list .entity-list-tags {
  display: flex;
  margin-bottom: 15px;
}
.icon-tag {margin-right: 10px;display: flex; align-items:center;}
.node-tags a,
.icon-tag,
.attr-tag {
  border-radius: 4px;
  background-color: #212529;
  padding: 2px 8px;
}
.node-tags a,
.icon-tag a,
.attr-tag a {
  color: #fff;
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: center;
  height: 24px;
}
.node-tags a[data-class='錯誤'],
.icon-tag.錯誤 {
  background-color: #bc2243;
}
.node-tags a[data-class='錯誤']::before,
.icon-tag.錯誤::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 19px;
  background-image: url(images/t-icons/icon-x.png);
  background-repeat: no-repeat;
  /*vertical-align: middle;*/
}
.node-tags a[data-class='部分錯誤'],
.icon-tag.部分錯誤 {
  background-color: #d6a347;
}
.node-tags a[data-class='部分錯誤']::before,
.icon-tag.部分錯誤::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url(images/t-icons/icon-alert-triangle.png);
  background-repeat: no-repeat;
  /*vertical-align: middle;*/
}
.node-tags a[data-class='證據不足'],
.icon-tag.證據不足 {
  background-color: #999;
}
.node-tags a[data-class='證據不足']::before,
.icon-tag.證據不足::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(images/t-icons/icon-question.png);
  background-repeat: no-repeat;
  /*vertical-align: middle;*/
}
.node-tags a[data-class='事實釐清'],
.icon-tag.事實釐清 {
  background-color: #20a5d0;
}
.node-tags a[data-class='事實釐清']::before,
.icon-tag.事實釐清::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(images/t-icons/icon-book.png);
  background-repeat: no-repeat;
  /*vertical-align: bottom;*/
}
.node-tags a[data-class='正確'],
.icon-tag.正確 {
  background-color: #359e76;
}
.node-tags a[data-class='正確']::before,
.icon-tag.正確::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  background-image: url(images/t-icons/icon-check-circle_2.png);
  background-repeat: no-repeat;
  /*vertical-align: bottom;*/
}
.type-blk.attr-logo-and-link .entity-list-link,
.entity-list.type-article.attr-blkX1 .view-footer {
  display: flex;
  flex-flow: column wrap;
}
.type-blk.attr-logo-and-link .entity-list-link {
  margin: 24px 0;
}
.btn-link {
  display: block;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  background-color: #575757;
  width: 280px;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.btn-link:hover {
  background-color: #1d93ba;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
  opacity: 1;
}
.type-blk.attr-logo-and-link .entity-list-link .btn-link {width: 100%}
.btn-link:hover {
  color: #fff;
}
.name-toolbox {
  margin: 40px auto;
}
.name-toolbox .views-row-inner {
	position: relative;
	padding: 24px 38px;
	height: 218px;
}
.name-toolbox .entity-list-bgimg div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.name-toolbox .l2c,
.name-toolbox .entity-list-link-edit,
.name-toolbox .entity-list-body,
.name-toolbox .entity-list-title {
  position: relative;
  z-index: 2;
  color: #fff;
}
.name-toolbox .entity-list-title {
  font-size: 24px;
  margin-bottom: 10px;
}
.name-toolbox .l2c {
  text-align: right;
	display: none;
}
.name-toolbox .entity-list-link-edit a,
.name-toolbox .l2c a {
  color: #fff;
}
.name-toolbox .l2c a::after {
  content: ' >';
}
.name-toolbox .entity-list-body {
	color: #fff;
	line-height: normal;
	max-width: 525px;
}
#friends .owl-carousel .owl-prev,
#friends .owl-carousel .owl-next {
  position: absolute;
  top: 60px;
  text-indent: -9999em;
  width: 32px;
  height: 32px;
}
#friends .owl-carousel .owl-prev {
  background-image: url(images/icon-chevron-left.png);
  background-size: contain;
  left: -20px;
}
#friends .owl-carousel .owl-next {
  background-image: url(images/icon-chevron-right.png);
  background-size: contain;
  right: -20px;
}
#friends .owl-carousel .owl-item {
  padding-right: 15px;
}
#friends .owl-carousel .owl-item .entity-list-img {
  /*
  width: 270px;
  height: 152px;
  */
}
#friends .owl-carousel .owl-item .entity-list-img a {
  display: inline-block;
  width: 100%;
  height: 0;
  padding-top: 56.296%;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  border-radius: 4px;
}
#friends .owl-carousel .owl-item .entity-list-img a:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,.15);
  opacity: 1;
}
#friends .owl-carousel .owl-item .entity-list-img a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
  max-width: 100%;
  max-height: 100%;
}
.back-to-top {
	margin: 0 20px 20px 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,.8);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.back-to-top:hover {
	background: rgba(0,0,0,.2);
}
.back-to-top::before {
	content: "TOP";
	display: block;
	text-indent: 0;
	line-height: 40px;
	font-size: 13px;
	color: #000;
}
#mini-panel-topic_year .burr-flipped-content {
	width: 870px;
}
#mini-panel-topic_year .burr-flipped-content .burr-flipped-content-inner {
	margin-right: 0;
}
.page-topics .page-title {display: none}
#-bpm-topic-year-list {margin-bottom: 20px;}
#-bpm-topic-year-list .form-item-sel-year,
#-bpm-topic-year-list > div {
  display: flex;
  margin: 0;
}
#-bpm-topic-year-list .form-item-sel-year { align-items: baseline; }
#-bpm-topic-year-list .form-item-sel-year label {
	margin-right: 0;
	font-size: 13px;
	color: #424242;
	font-weight: normal;
}
#-bpm-topic-year-list > div {
  justify-content: space-between;
}
#-bpm-topic-year-list .form-select-item::before {
	top: 45%;
}
.name-topics .views-row {margin-bottom: 30px;}
.name-topics .views-row-inner {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
	min-height: 218px;
}
.en-list.name-topics .views-row-inner {
	min-height: unset;
	max-height: 203px;
}
.name-topics.entity-list .entity-list-more .btn-link {
  margin: 0 0 0 5em;
}
.topics2 .name-topics .ho-ct,
.en-list.name-topics .ho-ct {
	position: absolute;
	top: 0;
	left: 50%;
	background: rgba(255,255,255,.8);
	height: 218px;
	max-height: 218px;
  width: 50%;
	padding: 10px;
  display: none;
}
.topics2 .name-topics .ho-ct {
	height: 250px;
	max-height: 250px;
}
.topics2 .en-list.name-topics .ho-ct {
	max-height: 203px;
}
.topics2 .name-topics .views-row-inner:hover .ho-ct,
.en-list.name-topics .views-row-inner:hover .ho-ct {
  display: block;
}
.view-topic-related h3 {
	text-align: center;
	margin: 0 0 2em 0;
	font-weight: 500;
}
.view-grouping-content {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 2em;
}
.view-grouping-content .views-row {
	flex: 0 0 25%;
	padding: 0 15px;
	margin-bottom: 30px;
  box-shadow: unset;
}
.view-grouping-content .views-row:hover {
  box-shadow: unset;
}
.view-topic-related .entity-list-title {
	font-size: 18px;
	line-height: 22px;
	margin: .5em 0 20px;
}
.view-content.ui-accordion .views-row {
  margin-bottom: 1em;
}
.ui-state-default {
  background-image: none;
  background: #003249;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #fff;
	text-decoration: none;
}
.view-content .ui-state-active {
	background: #33a0ff;
}
.view-content .ui-state-active .field-content a {
  color: #fff;
}
.ui-accordion .ui-widget-content,
.ui-accordion .ui-state-active, .ui-accordion .ui-widget-content .ui-state-active, .ui-accordion .ui-widget-header .ui-state-active {
	border: none;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: .5em;
  left: unset;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-state-default .ui-icon {
  background-image: url(images/arr-exp.png);
}
.ui-accordion .ui-state-active .ui-icon {
	background-image: url(images/arr-clo.png);
}
.ui-icon {
  width: 48px;
  height: 48px;
}
.ui-icon-triangle-1-e {
  background-position: 0px -15px;
}
.ui-icon-triangle-1-s {
  background-position: 0px -15px;
}
.ui-accordion .ui-accordion-icons {
	padding-right: 55px;
	padding-left: 20px;
}
/* =end list */

/** =Node **/
.likecoin-button {
  position: relative;
  width: 100%;
  max-width: 485px;
  max-height: 240px;
  margin: 0 auto;
}
.likecoin-button > div {
  padding-top: 49.48454%;
}
.likecoin-button > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.is-admin-better.admin-menu.node-type-topic {
	margin-top: 0 !important;
}
.admin-menu.simplemenu-enabled.node-type-topic .simplemenu-block,
.node-type-article .page-title,
.page-node.node-type-topic #admin-menu {display: none;}
.page-en-about-us .moscone-flipped-column-content-region.moscone-flipped-content,
.page-node .content-inner {
	padding: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
  background-color: white;
  border-radius: 4px;
}
.page-en-about-us .moscone-flipped-column-content-region.moscone-flipped-content {margin-right: 30px;max-width:870px}
.page-node.node-type-topic .content-inner {
	padding: 20px 0;
	box-shadow: none;
}
.node .node-content figure.image figcaption {
	display: table-caption;
	caption-side: bottom;
	position: relative;
	padding: 1em;
	text-align: left;
	line-height: 1.4;
	font-size: .875rem;
	color: #666;
	background: none;
}
.node .node-content {
  color: #212529;
  font-size: 1rem;
  line-height: 1.5;
}
.node .node-content img {
	max-width: 100%;
	height: auto !important;
  border: 1px solid #000;
}
.node .node-content img.withoutborder {
  border:none;
}
.node .node-content h1 {
  margin: 1.635em 0 .545em 0; /* top (3/4) + bottom (1/4) = line height x 2 */
  line-height: 1.09; /* p font size * p line height / title font size */
  font-size: 2.25rem;
  color: #212529;
}
.node .node-content h2 {
  margin: 1.875em 0 .625em 0; /* top (3/4) + bottom (1/4) = line height x 2 */
  line-height: 1.25; /* p font size * p line height / title font size */
  font-size: 1.625rem;
  color: #212529;
}
.node .node-content h3 {
  margin: 2.19375em 0 .73125em 0;
  line-height: 1.4625;
  font-size: 1.25rem;
  color: #212529;
}
.node .node-content h4 {
  margin: 2.3925em 0 .7975em 0;
  line-height: 1.595;
  font-size: 1.125rem;
  color: #333;
}
.node .node-content h5 {
  margin: 2.3925em 0 .7975em 0;
  line-height: 1.595;
  font-size: 1.125rem;
  color: #333;
}
.node .node-content a {
  color: #03a9f4;
  text-decoration: underline;
}
.node .node-content a:hover {
  color: #03a9f4;
  text-decoration: none;
}
.node .node-content p {
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: normal;
  margin: 0 0 1.5rem 0;
}
.node .node-content ul,
.node .node-content ol {
  margin: 0 0 2.25em 0;
  padding: 0;
  line-height: 1.5;
  font-size: 1rem;
}
.node .node-content table {
  margin-bottom: 1.7em;
  width: auto;
  line-height: 1.5;
  font-size: 1rem;
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  background: #fff;
}
.node .node-content thead {
  background: none;
  color: #212529;
  text-align: left;
  vertical-align: bottom;
}
.node .node-content table[border="0"] thead th,
.node .node-content table[border="0"] th {
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.25);
  color: #212529;
}
.node .node-content td, 
.node .node-content th {
  margin: 0;
  padding: .5em 1em;
  overflow: visible;
  font-size: 1rem;
  border: none;
	border-bottom: 1px solid rgba(0,0,0,.25);
}
.node .node-content th,
.node .node-content thead th,
.node .node-content tbody th {
  font-weight: normal;
  color: #212529;
  border-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,.25);
  background: none;
}
.node .node-content td {
	border-bottom: 1px solid rgba(0,0,0,.25);
}
.node .node-content blockquote {
	position: relative;
	margin: inherit;
	padding: inherit;
	font-size: inherit;
	font-style: normal;
	font-family: inherit;
	border: inherit;
	border-left: 4px solid #03a9f4;
	padding-left: 1em;
	margin-bottom: 2em;
}
.node .node-content blockquote:before,
.node .node-content blockquote:after {
	content: '';
	position: inherit;
	font-size: inherit;
	color: #2196F3;
	font-family: inherit;
	line-height: inherit;
	font-weight: inherit;
	top: inherit;
	left: inherit;
	margin: inherit;
}
.main-content .node-header .node-title {
	font-size: 22px;
	color: #212529;
  margin-bottom: 10px;
}
.node-type-article .node-header-info {
	justify-content: space-between;
}
.node-tags {
  display: flex;
  flex-flow: row wrap;
  align-items: end;
}
.node-tags .field {
  margin-bottom: 12px;
  height: 24px;
  line-height: 1;
}
.node-tags .field.field-name-field-tags .field-item {
  display: inline-block;
}
.node-tags .field-item {
  margin-right:15px;
  display: inline-block;
}
.node-tags .field-name-field-article-category .field-item:first-child {
  display: none;
}
.node-type-article .node-header .submitted {
  font-size: 13px;
  color: #424242;
}
.node-type-article .node-header .submitted::before {
  content: '更新日期：';
}
.node-type-article .en-node .node-header .submitted::before {
  content: 'Publish Date: ';
}
#kanban {
	margin: 20px 20px 0;
	padding: 20px;
	background-color: #f5f5f5;
  max-width: 100%;
	border-radius: 12px 12px 0 0;
}
#kanban .entity-list-title {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	padding: 15px 40px 15px 30px;
	background-color: #fff;
  border-radius: 4px;
  margin: 10px auto;
  width: 100%;
}
#kanban .entity-list-title span.title {
  flex: 0 0 78%;
}
#kanban .entity-list-title span.icon {
  margin: 0 50px 0 15px;
  flex: 0 0 96px;
  height: 150px;
}
#kanban .entity-list-date, #kanban .entity-list-repno {
	border-bottom: none;
	text-align: center;
	line-height: 1;
	color: #212529;
	font-size: 18px;
}
#kanban .entity-list-repno {
  font-weight: bold;
}
#kanban .entity-list-date {
	border-top: none;
	border-bottom: none;
}
.node-preface {
	background-color: #f5f5f5;
	padding: 20px;
  margin: 0 20px 20px;
	border-radius: 0 0 12px 12px;
}
.node-preface p:first-child {
  color: #212529 !important;
  font-size: 20px;
  margin: 0 0 10px 0;
}
.node-preface > * {
	color: #424242 !important;
}
.node-type-article .content-main .node-content h2 {
	background-color: #f5f5f5;
	border-radius: 12px;
	color: #212529;
	font-weight: 500;
	font-size: 26px;
	padding: 2px 10px;
}
#mobile-search {display: block !important}
#mobile-search.is-mobile { display: none !important; }
.header ul.links {display: none;}

/* =end node */


/* =mobile
/** Particular: 375 **/
@media screen and (min-width: 375px) {
}
/** Particular: 576 **/
@media screen and (min-width: 576px) {
}
/** Particular: 768 **/
@media screen and (min-width: 768px) {
}
/** Particular: 992 **/
@media screen and (min-width: 992px) {
}
/** Particular: 1200 **/
@media screen and (min-width: 1200px) {
	header {
    background: no-repeat scroll 0px 100% / cover transparent;
    position: relative;
	}
  header .field-name-field-tb-desc {
    position: absolute;
    bottom: 70px;
    left: 0;
    text-align: center;
    width: 100%;
  }
	header .field-name-field-tb-desc .field-items {
		display: inline-block;
		margin: 0 auto;
		font-size: 24px;
		color: #fff;
		padding: 10px 1em;
		background: rgba(0,0,0,.7);
		border-radius: 10px;
	}
	header ul.links {
    position: absolute;
    bottom: 1em;
  }

}

@media screen and (max-width: 1024px) {
  body.is-admin-better.admin-menu {
    margin-top: 0 !important;
  }
  #admin-menu,
  .header-inner,
  .simplemenu-block {display: none;}
  #mobile-header {
    height: 70px;
  }
	.page-node .content-inner {margin-bottom: 24px;}
	.content-header .tabs {display:none;}
	.form-item .description {
		word-break: break-all;
		white-space: break-spaces;
	}
	.mobile-header-inner.limiter {
		position: relative;
		margin: 0px auto;
		padding: 0 15px;
		width: 100%;
	}
  #mobile-logo {
    margin: 3px 0 0;
	}
  #mobile-site-name {
		font-size: 20px;
		color: #212529;
		letter-spacing: 0;
    line-height: 1.3
	}
	#mobile-site-slogan {
		margin-top: 3px;
		line-height: 1;
		font-size: 13px;
		color: #424242;
		letter-spacing: 0.3px;
	}
	#mobile-search-toggle {
		padding: 10px;
		width: 40px;
		height: 40px;
		background: url(images/icon-search.png) no-repeat;
		border: none;
		box-shadow: none;
		text-shadow: none;
	}
	#mobile-search-toggle::before {display:none}
	#mobile-search-toggle-wrapper {
		position: fixed;
		top: 14px;
		right: 60px;
		z-index: 999;
	}
	#mobile-nav-toggle-wrapper {
		position: fixed;
		top: 12px;
		right: 15px;
		left: unset;
		z-index: 999;
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
		background: #212529;
	}
	#mobile-nav-toggle.is-active .hamburger-inner, #mobile-nav-toggle.is-active .hamburger-inner::after, #mobile-nav-toggle.is-active .hamburger-inner::before {
		background: #212529;
	}
	.mobile-mm-nav.is-active {
		position: fixed;
		top: 70px;
		background: rgba(0,0,0,.3);
		width: 100%;
		height: 100vh;
		z-index: 998;
    display: block !important
	}
	#mobile-nav .mobile-nav-inner {
		height: 68vh;
		background: white;
		overflow-y: scroll;
		padding: 15px;
    display: flex;
	}
	#mobile-nav .mobile-nav-inner .menu {
    flex: 1 1 49.5%;
  }
  #mobile-nav .mobile-nav-inner .menu:nth-child(2) {
    border-left: 1px solid #e1e1e1;
    padding-left: 15px;
  }
  #mobile-nav .mobile-nav-inner .menu li {
    margin: 0 1em 1em 0;
  }
  #mobile-search {
    position: fixed;
    top: 70px;
    width: 100%;
    background: #fff;
  }
  #mobile-search #google-cse-results-searchbox-form {
    padding: 20px;
    text-align: center;
  }
	#mobile-search .gsc-results-wrapper-overlay {
		box-sizing: border-box;
		top: 11%;
		left: 2%;
		height: 82vh;
		width: 96%;
	}
	#mobile-search #google-cse-results-searchbox-form input#edit-query {
    max-width: 275px;
    border: 1px solid #424242;
    border-radius: 4px;
	}
  nav.navigation,
  .preface .block-superfish,
  .header-inner {display: none;}
  .header {
    display: block;
    height: 65px;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 13px;
    color: white;
  }
  .header .field-name-field-tb-desc {
    text-align: center;
    padding-top: 18px;
  }
  .header .field-name-field-tb-desc .field-items {
    display: flex;
    justify-content: center;
  }
  .header .field-name-field-tb-desc .field-item {
    background-color: rgba(0,0,0,.8);
    border-radius: 7px;
    padding: 2px 10px;
  }
	#mobile-logo > img {
		max-height: 64px;
	}
  #page {
    padding-top: 70px;
  }
	#r-nav.top-pane {
		padding: 10px;
		box-shadow: 0 6px 6px 0 rgba(0,0,0,.25);
		max-width: 930px;
		left: calc( (100vw - 930px) /2 );
	}
	.back-to-top.is-active {
    display: block;
	}
  .blk-ct.type-blk.attr-logo-and-link .entity-list-link,
  .blk-ct.type-blk.attr-logo-and-link .entity-list-img {
    max-width:270px;
		margin-left: auto;
		margin-right: auto;
  }
	#kanban {
		margin: 20px 0 0;
	}
	#kanban .entity-list-title span.icon {
		margin: 0 0 24px 0;
		flex: inherit;
		height: 120px;
		width: 120px;
	}
	.node-preface {
		margin: 0 0 20px;
	}
	.node-type-topic .preface {
		padding-top: 30px;
	}
	.node-type-topic .entity-list .entity-list-img img {
		width: 100%;
	}
	#r-nav.top-pane {
		top: 70px;
	}
  .moscone-flipped-sidebar,
  .moscone-flipped-content {
    width: 100%;
  }
  .moscone-flipped-content-inner {
		margin-right: 0;
	}
  #friends {margin: 30px 0 40px;}
	.node-type-article .node-header-info {
		justify-content: unset;
		flex-direction: column;
    margin-bottom: 20px;
	}
	.i-share {flex: 0 0 auto;order:-1;margin-bottom: 20px;}
	.node-tags .field-item {
		margin-right: 3px;
	}
	.name-topics.entity-list .entity-list-more .btn-link {
		margin: 0 auto;
	}
	.footer-inner {max-width: 98vw}
  .topics2 .entity-list .views-row:hover,
  .en-body .entity-list .views-row:hover,
  .entity-list .views-row:hover {
    box-shadow: unset;
  }
  .topics2 .name-topics .ho-ct,
  .en-list.name-topics .ho-ct {
    position: unset;
    top: unset;
    left: unset;
    background: rgba(255,255,255,.8);
    height: auto;
    max-height: auto;
    width: auto;
    padding: 10px;
    display: block;
  }
  .topics2 .entity-list .l2c,
  .en-list.entity-list .l2c,
  .topics2 .entity-list .entity-list-body,
  .en-list.entity-list .entity-list-body {
    display: none;
  }
  .topics2 .name-topics .view-inner > .view-content {
    padding-left: 10px;
  }
  .topics2 .name-topics .ho-ct {
    height: auto;
    max-height: auto;
  }
  .topics2 .entity-list .entity-list-title {margin-bottom: 0}
	.topics2 .name-topics .views-row-inner {
		min-height: auto;
	}
}
@media screen and (max-width: 992px) {
	#r-nav.top-pane {
		width: 100vw;
		left: 0;
	}
	.footer-inner {
		padding: 40px 0;
	}
}
@media screen and (max-width: 768px) {
	.view-grouping-content {
		display: flex;
		flex-flow: row wrap;
		margin-bottom: 2em;
	}
	.view-grouping-content .views-row {
		flex: 0 0 50%;
	}
	#r-nav.top-pane {
		padding: 10px;
		box-shadow: 0 6px 6px 0 rgba(0,0,0,.25);
		max-width: 1200px;
		left: 0;
		top: 70px;
    max-height: 110px;
    overflow-y: scroll;
	}
  .limiter {
		position: relative;
		margin: 0 auto;
		padding: 0 15px;
		width: 100%;
	}
  #footer-info {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    flex-direction: column-reverse;
    padding: 10px 0 20px;
  }
	#footer-info .r-pane {
		flex-direction: column;
		padding-left: 0;
	}
	#footer-info .r-pane li {
		margin-left: 0;
	}
}

@media screen and (max-width: 576px) {
	.view-grouping-content {
		display: flex;
		flex-flow: column wrap;
		margin-bottom: 2em;
	}
  .entity-list.type-article .views-row-inner,
	.entity-list.type-article.attr-blkX1 .views-row-inner {
		display: flex;
		flex-flow: column;
	}
  .entity-list.type-article.attr-blkX1 .left-pane {
    flex: 1 1 auto;
    margin-right: 0;
  }
	.entity-list.type-article .right-pane {
		display: flex;
		flex-flow: column nowrap;
		position: relative;
		padding: 20px 20px 45px 20px;
		width: 100%;
	}
	.entity-list .entity-list-title {
		max-height: 60px;
		-webkit-line-clamp: 2;
	}
	.entity-list .entity-list-body {display:none}
	.entity-list .entity-list-more .l2c {
		margin-right: 40px;
	}
	.entity-list .entity-list-more {
		align-items: center;
	}
	.type-article.entity-list .entity-list-img img {
		border-radius: 4px 4px 0 0;
    width: 100%;
	}
	.entity-list.type-article.attr-blkX1 .view-footer .views-row-inner {
		display: flex;
		flex-flow: row;
	}
  .entity-list.type-article.attr-blkX10 .left-pane,
  .entity-list.type-article.attr-blkX1 .view-footer .left-pane {
    flex: 1 0 45%;
    margin-right: 0;
  }
	.entity-list.type-article.attr-blkX1 .view-footer .entity-list-title {
		font-size: 14px;
		line-height: 20px;
	}
	.entity-list.type-article.attr-blkX1 .view-footer .right-pane {
		padding: 10px;
	}
	.entity-list.type-article.attr-blkX1 .view-footer .entity-list-more {
    bottom: 5px;
  }
	.entity-list.type-article.attr-blkX1 .view-footer .entity-list-more .post-date span {
    display: none;
  }
	.entity-list.type-article.attr-blkX1 .view-footer  .entity-list-tags {
		margin-bottom: 10px;
	}
	.entity-list.type-article.attr-blkX1 .view-footer .entity-list-more .l2c {
		margin-right: 20px;
	}
  .blk-ct.type-blk.attr-logo-and-link {margin:0 35px;}
	.name-topics .views-row-inner {
		border-radius: 4px;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
		min-height: 160px;
	}
	.entity-list.name-topics .entity-list-img img {
		border-radius: 4px 4px 0 0;
	}

}
@media screen and (max-width: 320px) {
	#mobile-logo > img {
		max-height: 52px;
    margin-top: 6px;
	}
}

 /**
 * ============================
 * State
 * ============================
 */

li a.active:hover,
.node a:hover { color: #03a9f4;}
.node .node-tags a:hover { color: #ccc;}
a:hover { opacity: .8; }
.entity-list a {opacity: 1;}
#facebook-login-btn {
    display: inline-block;
    text-indent: -999em;
    background-size: cover;
    border: none;
    width: 227px;
    height: 50px;
    background-image: url(images/sign-in-with-fb.png);
}
#edit-submit-google:hover, #facebook-login-btn:hover {
    opacity: .9;
}
.facebook-login {
		float: left;
}
.not-logged-in.page-user-register ul.tabs li:nth-child(2),
.not-logged-in.page-user ul.tabs li:nth-child(2) {
  display: none;
}
#block-menu-menu-main-2020 .menu li.last {
  margin-left: auto;
}
#edit-submit-google {
	border: none;
	width: 227px;
	height: 50px;
	background-color: transparent;
	background-size: cover;
}

/* ANCHOR Englisg Frontpage */

.page-en .pane-clone-of-article{
  margin-top: 60px;
}