/*==========About PMQ==========*/
.directorsList .border1pxBottom {
  line-height: 1;
  min-height: 45px;
  padding-top: 8px;
  margin-bottom: 20px;
  border-color: #E63A38;
}

.directorsList .border1pxBottom > small {
  color: #000;
}

.partnersList .border1pxBottom {
  line-height: 1.3;
  min-height: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0 30px 20px 30px;
  border-color: #000;
}

.partnersList .border1pxBottom > small {
  color: #000;
}

.partnersList img {
  margin: 0 auto 50px auto;
}

.blurb {
  font-size: 42px;
  line-height: 1.3;
  margin-bottom: 30px;
}

body.ch .blurb {
  font-size: 32px;
}

.blurb > small {
  position: relative;
  font-size: 20px;
  line-height: 1;
  color: #000;
  top: -10px;
}

body.ch .blurb > small {
  font-size: 18px;
}

@media screen and (max-width:767px) {
  .directorsList .col-md-4 {
    margin-top: 50px;
  }

  .directorsList .col-md-4:first-child {
    margin-top: 0;
  }

  .directorsList .border1pxBottom {
    margin-bottom: 10px;
    min-height: 26px;
    padding-bottom: 8px;
  }

  .blurb {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 30px;
  }

  body.ch .blurb {
    font-size: 24px;
  }

}

/*Responsive Video*/
#video_wrapper {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  margin-bottom: -56.25px;
}

#video_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*==========General List==========*/
.generalList {
  margin: 0 30px 20px 30px;
}

.generalList2 {
  margin: 0 20px 20px 20px;
}

/*==========Video thumb==========*/
.videoThumb {
  display: block;
  position: relative;
}

.videoThumb > .video_blkoverlay {
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}

.videoThumb > .play_button {
  font-size: 40px;
  color: #FFF;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  width: 40px;
  height: 40px;
  display: block;
  /*left: 50%;*/
  /*margin-left: -20px;*/
  top: 0;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.videoCaption {
  min-height: 100px;
  overflow: hidden;
}

@media screen and (max-width:480px) {
  .videoCaption {
    min-height: 160px;
  }

  body.ch .videoCaption {
    min-height: 120px;
  }

}

/*==========Photo thumb==========*/
.photoThumb {
}

.photoThumb > .photo_blkoverlay {
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 2;
  opacity: 0.2;
}

.photoThumb > .enlarge_button {
  font-size: 20px;
  color: #FFF;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  width: 20px;
  height: 20px;
  display: block;
  top: 10px;
  right: 20px;
  display: none;
}

.photoCaption {
  min-height: 100px;
  overflow: hidden;
}

@media screen and (max-width:480px) {
  .photoCaption {
    min-height: 160px;
  }

  body.ch .photoCaption {
    min-height: 120px;
  }

}

/*==========Organisation Structure (Draw chart)==========*/
.osFixedSize {
  width: 31%;
  margin: 0 1%;
  padding: 30px 0 0 0;
  background-color: #FFF;
  min-height: 150px; /*For IE8*/
  max-height: 180px \0;
  height: 180px \0;
  max-width: 31% \0;
  margin: 0 1% \0;
}

@media screen and (max-width:767px) {
  .osFixedSize {
    min-height: 180px;
  }

}

@media screen and (max-width:480px) {
  .osFixedSize {
    font-size: 11px;
    min-height: 150px;
  }

  body.ch .osFixedSize {
    font-size: 14px;
  }

}

.osBorder2px {
  border: 2px solid #000;
}

.osBorder5px {
  border: 5px solid #000;
}

.osStroke {
  background-color: #000;
  width: 2px;
  height: 50px;
  display: block;
  margin: 0 auto;
}

.os3sidesStroke {
  display: block;
  width: 45%;
  margin: 0 auto;
  height: 30px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}

/*==========Milestones==========*/
.bgMilestoneShade1 {
  background-color: #D9D1D1;
}

.bgMilestoneShade2 {
  background-color: #E3DDDD;
}

.bgMilestoneShade3 {
  background-color: #ECE8E8;
}

.bgMilestoneShade4 {
  background-color: #F6F4F4;
}

.milestoneYear {
  font-size: 20px;
  color: #999;
  margin-bottom: 10px;
}

/*==========WP Paginate==========*/
ol.wp-paginate {
  position: relative;
  top: 20px;
  list-style-type: none;
  margin-left: 15px;
  -webkit-padding-start: 0;
}

ol.wp-paginate li {
  float: left;
  margin-right: 10px;
  text-align: center;
}

ol.wp-paginate li span.current {
  color: #000;
  padding: 8px 12px;
  border: 1px solid #000;
}

ol.wp-paginate li a {
  color: #000;
  padding: 8px 10px;
  border: 1px solid transparent;
}

ol.wp-paginate li a:hover {
  text-decoration: none;
  color: #000;
}

/*==========News archive==========*/
.remarks p, body.ch .remarks p {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.remarks p a {
  color: #666;
  border-bottom: 1px solid #666;
}

.remarks p a:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

/*==========Photo button==========*/
.photoButton {
  position: relative;
  padding: 0 15px;
}

.photoButton:hover {
  cursor: pointer;
  text-decoration: none;
}

.photoButton.large:hover {
  cursor: default;
}

.photoButton img {
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
}

.photoButton .textOverlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 0 40px;
  display: none;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  width: 100%;
}

.home-slideshow .photoButton .textOverlay {
  top: auto !important;
  bottom: 90px !important;
  transform: translate(-50%,0%) !important;
}
@media (max-width: 768px) {
  .home-slideshow .photoButton .textOverlay {
    bottom: 60px !important;
  }
}

.photoButton .blackOverlay {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 15px;
  opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4; /*IE8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  background-color: #000;
}

.photoButton a h6, .photoButton a h3, .photoButton a h5 {
  color: #FFF;
}

.photoButton a:hover {
  text-decoration: none;
}

.photoButton h6 {
  text-transform: uppercase;
}

.photoButton h3 {
  font-size: 28px;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.3;
}

.photoButton h3 > sup {
  font-size: 25%;
  top: -1.8em;
}

.photoButton.large h3 {
  font-size: 50px;
  line-height: 1;
}

.photoButton h5 {
  margin-top: 8px;
}

.photoButton.large h5 {
  font-size: 18px;
}

.photoButton .dash {
  width: 40px;
  height: 3px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #FFF;
}

body.ch .photoButton h6 {
  font-size: 14px;
}

@media screen and (max-width:480px) {
  .photoButton > .textOverlay {
    padding: 0 40px;
  }

  .photoButton h6 {
    font-size: 11px;
  }

  .photoButton h3 {
    font-size: 18px;
  }

  .photoButton.large h3 {
    font-size: 18px;
    line-height: 1.2;
  }

  .photoButton h5 {
    font-size: 12px;
  }

  .photoButton.large h5 {
    font-size: 12px;
  }

  .photoButton .dash {
    width: 20px;
  }

}

@media (min-width:481px) and (max-width:767px) {
  .photoButton.large h3 {
    font-size: 28px;
    line-height: 1.2;
  }

  .photoButton.large h5 {
    font-size: 14px;
  }

}

@media (min-width:768px) and (max-width:991px) {
  .photoButton h6 {
    font-size: 11px;
  }

  .photoButton h3 {
    font-size: 18px;
  }

  .photoButton h5 {
    font-size: 12px;
  }

}

/*==========Next Previous Navigation==========*/
.nextPrevNav {
  font-size: 11px;
  text-transform: uppercase;
}

body.ch .nextPrevNav {
  font-size: 14px;
}

.nextPrevNav > .col-md-10 > .col-md-6 {
  margin: 0;
  padding: 0;
}

.nextPrevNav a {
  color: #000;
  border-bottom: 2px solid #000;
}

.nextPrevNav a:hover {
  color: #E63A38;
  text-decoration: none;
  border-bottom: 2px solid #E63A38;
}

.nextPrevNav span[data-icon] {
  font-size: 12px;
  position: relative;
  top: 2px;
  padding: 0 6px;
}

.nextPrevNav a > span[data-icon], .nextPrevNav a:hover > span[data-icon] {
  border-bottom: 2px solid transparent;
  background-color: #FFF;
}

.nextPrevNavBtn span[data-icon] {
  font-size: 22px;
  position: relative;
  top: 4px;
}

.nextPrevNavBtn span[data-icon].right {
  padding-left: 8px;
}

.nextPrevNavBtn span[data-icon].left {
  padding-right: 8px;
}

.nextPrevNavBtn button {
  margin: 8px 11px;
}

/*==========Credits of an article==========*/
.articleCredits p {
  font-size: 14px;
  margin-bottom: 8px;
}

body.ch .articleCredits p {
  font-size: 16px;
}

.articleCredits .dash {
  width: 60px;
  height: 1px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #000;
  margin: 0 auto;
}

@media screen and (max-width:480px) {
  .articleCredits p {
    font-size: 12px;
  }

  body.ch .articleCredits p {
    font-size: 14px;
  }

}

/*==========Content block==========*/
.contentBlock p {
  font-size: 20px;
}

.contentBlock h4 {
  font-family: 'ConvKontrapunktBobLight', Arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif;
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}

body.ch .contentBlock h4 {
  color: #999;
}

.contentBlock .contentLead, .contentBlock .contentLead p {
  font-family: 'ConvKontrapunktBobLight', Arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 30px;
}

.contentBlock .contentQuote, .contentQuote .contentLead p {
  font-family: 'ConvKontrapunktBobLight', Arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  width: 50%;
  margin: 0 auto;
}

.contentBlock .contentQuote.withPhoto {
  width: 80%;
}

.contentBlock .contentQuote > .dash {
  width: 60px;
  height: 1px;
  display: block;
  background-color: #000;
  margin: 15px auto;
}

.contentBlock .contentCaptionFootnote, .contentBlock .contentCaptionFootnote p {
  font-size: 14px;
}

@media screen and (max-width:480px) {
  .contentBlock p {
    font-size: 15px;
  }

  .contentBlock h4 {
    font-size: 15px;
  }

  .contentBlock .contentLead, .contentBlock .contentLead p {
    font-size: 20px;
  }

  .contentBlock .contentQuote, .contentQuote .contentLead p {
    font-size: 15px;
    width: 70%;
  }

  .contentBlock .contentQuote.withPhoto {
    width: 70%;
  }

  .contentBlock img.gapTop30 {
    margin-top: 10px;
  }

  .contentBlock img.gapBtm30 {
    margin-bottom: 10px;
  }

}

/*==========Sharing of an article==========*/
.articleShare .dash {
  width: 60px;
  height: 1px;
  display: block;
  background-color: #000;
  margin: 0 auto 20px auto;
}

.articleShare button {
  margin: 0 3px;
}

.articleShare .a2a_kit {
  display: inline-block;
  vertical-align: middle;
}

.articleShare .a2a_kit a {
  margin: 0 1px;
}

/*==========Shop Directory==========*/

/*.filterContainer,.directory{max-width: 950px;}*/
.filterContainer .headline, .eventDirectoryMenu .headline {
  border-bottom: 1px solid #333;
}

.filterContainer a.floorFilterTag, .filterContainer a.filterTag, a.filterTag {
  padding: 10px 20px;
  border: 1px solid #FFF;
  margin: 8px 8px 8px 0;
  display: block;
}

.filterContainer a.floorFilterTag:hover, .filterContainer a.filterTag:hover, a.filterTag:hover, a.filterTag.on {
  background-color: #FFF;
}

.filterContainer a.floorFilterTag.onlist, .filterContainer a.filterTag.onlist {
  pointer-events: none;
  background-color: #FFF;
  color: #E63A38;
}

.directory .cell {
  display: block;
  padding: 12px;
  margin-bottom: 5px;
  min-height: 100px;
}

.directory .cell.row {
  margin-left: 0px;
  margin-right: 0px;
}

.directory .cell img {
  width: 150px;
  float: left;
  margin-right: 20px;
}
@media screen and (max-width:480px) {
  .directory .cell img {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
@media screen and (min-width:768px) {
  .directory .cell img {
    margin-right: 0;
  }
}

.directory .cell .placeholder {
  width: 149px;
  height: 100px;
  background-color: #e8e8e8;
}

.directory .indicator {
  padding-left: 12px;
  padding-bottom: 5px;
}

.directory .directoryGroup {

  /*display: none;*/
}

#selectedFloor a.removeItem, #selectedCat a.removeItem {
  display: block;
  margin-right: 10px;
}

#selectedFloor .closeBtn, #selectedCat .closeBtn {
  position: relative;
  width: 22px;
  height: 24px;
  margin-left: 6px;
}

#selectedFloor .closeBtn>.icon-circle, #selectedCat .closeBtn>.icon-circle {
  position: absolute;
  color: #FFF;
  font-size: 25px;
}

#selectedFloor .closeBtn>.icon-remove, #selectedCat .closeBtn>.icon-remove {
  position: absolute;
  font-size: 14px;
  top: 4px;
  left: 5px;
}

.filterContainer .sortMethod {
  padding: 0 15px 0 0;
}

.filterContainer a.filterCaller {
  background-color: #FFF;
  display: block;
  padding: 15px;
}

.filterContainer a.filterCaller.selected {
  padding: 12px;
  border: 3px solid #000;
}

.filterContainer a.filterCaller .icon-caret-down, .filterContainer a.filterCaller.selected .icon-caret-right {
  display: none;
}

.filterContainer a.filterCaller .icon-caret-right, .filterContainer a.filterCaller.selected .icon-caret-down {
  display: inline-block;
}

.filterContainer .search:focus, .filterContainer .search {
  background-color: #FFF;
  border: none;
  color: #000;
  font-size: 14px;  /*position: absolute;*/
  top: 0px;
  width: 80%;
}

.filterContainer .searchBtn {
  background-color: #FFF;
  display: block;
  padding: 14px 7px 14px 7px;
  border: none;
}

#byCategories, #byFloor, #selectedCatContainer, #selectedFloorContainer {
  display: none;
  width: 100%;
}

/*==========Shop/Studio==========*/
.fullWidthImg>img {
  width: 100%;
  height: auto;
}

.fullWidthImg>.placeholder {
  width: 100%;
  height: 460px;
  background-color: #e8e8e8;
}

.textWhite .field {
  border-top: 1px solid #eee;
}

.field {
  border-top: 1px solid #000;
  min-height: 65px;
  width: 100%;
}

.field2 {
  border-top: 1px solid #DDDDDD;
  min-height: 65px;
  width: 100%;
}

.field .fullWidth {
  width: 100%;
}

.field.social_contact .spacer {
  width: 20px;
  height: 18px;
}

.field.social_contact a {
  padding: 5px 0px 0px 6px;
}

.short {
  border-top: 1px solid #000;
  width: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.short2 {
  border-top: 1px solid #FFF;
  width: 27px;
}

.share>a {
  padding: 8px;
  margin: 4px;
  border: 1px #CFCFCF solid;
}

.allCap {
  text-transform: uppercase;
}

.shopLogo img {
  opacity: 0;
}

.shopEvent>p, .shopHighlight>p {
  margin-bottom: 0px;
}

/*event directory*/
.eventDirectory .field {
  border-top: 1px solid #ddd;
  min-height: 0;
  width: 100%;
}
.eventDirectory .field:first-child,
.eventDirectory .field.noBorder {
  border-top: none;
}
.eventDirectory .field p {
  padding-bottom: 4px;
  margin-bottom: 0px;
}

.eventDirectory a.plainBtn {
  padding: 8px 12px;
  border: 1px solid #ddd;
  display: block;
}

.eventDirectory a.plainBtn:hover {
  background-color: #FFF;
}

@media screen and (max-width:480px) {
  #monthDropDonwn {
    clear: both;
  }

}

.dropdown-menu {
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: none;
  background-color: #FFF;
}

.dropdown a.btn {
  padding: 15px 19px;
  width: 205px;
  display: block;
  text-align: left;
  margin-right: 20px
}

.dropdown.open a.btn > .icon-caret-down, .dropdown a.btn > .icon-caret-right {
  display: inline-block;
  width: 17px;
}

.dropdown.open a.btn > .icon-caret-right, .dropdown a.btn > .icon-caret-down {
  display: none;
}

.eventDirectoryMenu .dropdown-menu>li>a {
  width: 205px;
}

.eventDirectoryMenu .dropdown-menu>li>a:hover {
  color: #EC404E;
  background-color: #FFF;
  text-decoration: none;
}

a.borderBtn {
  padding: 10px 20px;
  border: 1px solid #FFF;
  display: block;
}

a.borderBtn:hover {
  background-color: #FFF;
}

@media screen and (max-width:480px) {
  .dropdown a.btn {
    width: 100%;
  }

  /*.eventDirectoryMenu .dropdown-menu>li>a{width: 100%; padding-left: 15px; right: 15px;}
  }*/

  /*Highlight*/
  #featureCarouselControl {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
  }

  /*Single Event*/
  .eventTitleWrap {
    padding: 30px 0 30px 0;
    border-top: 1px solid #000;
  }

  .eventTitleWrap h3 {
    margin-top: 4px;
  }
