@charset "UTF-8";

/* 
16:56 2019-07-29 GOVHK: suppose FS have typo, fix it
16:48 2019-08-08 fix for externalLink
9:33 2020-03-16 move to /application/guidebooks/css/style_addon_finder.css
*/

/* 10:10 2020-03-16 remark as move to guidebook
.lightOrangeBarkground {
  /+++ Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbebda+0,fdf9f5+100 +++/
  background: #fbebda;
  /+++ Old browsers +++/
  /+++ FF3.6-15 +++/
  /+++ Chrome10-25,Safari5.1-6 +++/
  background: linear-gradient(135deg, #fbebda 0%, #fdf9f5 100%);
  /+++ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ +++/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbebda', endColorstr='#fdf9f5',GradientType=1 );
  /+++IE6-9 fallback on horizontal gradient +++/
  display: block;
  position: relative; }
  .lightOrangeBarkground * {
    background-color: transparent; }
  .lightOrangeBarkground.pageFinder:after {
    content: "";
    display: block;
    width: 100%;
    height: 320px;
    background-image: url(../images/img-finder-background.png);
    background-position: left bottom;
    background-size: 1920px auto; }
    @media screen and (min-width: 768px) and (max-width: 1200px) {
      .lightOrangeBarkground.pageFinder:after {
        background-size: 1200px auto;
        height: 200px; } }
    @media screen and (max-width: 767px) {
      .lightOrangeBarkground.pageFinder:after {
        background-size: 800px auto;
        height: 134px; } }
*/		
		

body.innerPage main > nav.contentWrapper:first-child, body.innerPage main .mainHolder {
  background-color: transparent; }

.finderTagContent {
  display: none; }
  .finderTagContent.onShow {
    display: block; }

.mobile .finderTagOverflow {
  overflow-x: scroll; }

.mobile .finderTag {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }
.finderTag li {
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform-origin: left center;
          transform-origin: left center; }
  .finderTag li:hover {
    -webkit-transform: scale(1.06);
            transform: scale(1.06); }
    @media screen and (max-width: 1200px) {
      .finderTag li:hover {
        -webkit-transform: none;
                transform: none; } }
.finderTag a.finderTagBtn {
  display: block;
  margin: 10px 30px 25px 0;
  padding: 0 0;
  position: relative; }
  @media print {
    .finderTag a.finderTagBtn:not(.selected) {
      display: none !important; } }
  .finderTag a.finderTagBtn.selected {
    font-weight: 900;
    color: #e55b00; }
    .finderTag a.finderTagBtn.selected:after {
      content: '';
      border-top: 5px solid #e55b00;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      position: absolute;
      right: calc(50% - 6px);
      bottom: -14px; }

.finderContent {
  font-size: 0px; }
  .finderContent .print {
    font-size: 15px; }
  .finderContent .findertagContentItem {
    display: inline-block;
    position: relative;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 40px 40px 0;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .finderContent .findertagContentItem {
        width: 100%;
        padding: 20px 0 40px; } }
    @media print {
      .finderContent .findertagContentItem {
        width: 100%;
        margin: 25px 0; } }
    .finderContent .findertagContentItem span.findertagItemTitle {
      display: block;
      background-repeat: no-repeat;
      background-size: 45px 45px;
      padding: 12px 5px 12px 58px;
      font-weight: 900; }
    .finderContent .findertagContentItem ul.findertagItemList {
      padding-left: 18px;
      color: #e55b00; }
      .finderContent .findertagContentItem ul.findertagItemList li {
        padding: 10px 0;
        position: relative;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform-origin: left center;
                transform-origin: left center; }
        @media print {
          .finderContent .findertagContentItem ul.findertagItemList li {
            display: block !important; } }
        .finderContent .findertagContentItem ul.findertagItemList li:before {
          content: '';
          position: absolute;
          background-color: #e55b00;
          width: 5px;
          height: 5px;
          border-radius: 50%;
          top: 17px;
          left: -17px; }
        .finderContent .findertagContentItem ul.findertagItemList li:hover {
          -webkit-transform: scale(1.06);
                  transform: scale(1.06); }
          @media screen and (max-width: 1200px) {
            .finderContent .findertagContentItem ul.findertagItemList li:hover {
              -webkit-transform: none;
                      transform: none; } }
    @media print {
      .finderContent .findertagContentItem .finderItemMoreOption {
        display: none !important; } }

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

/* 10:08 2020-03-16 remark as move to guidebook
div#mainHolder .contentWrapper {
  font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif; }
  div#mainHolder .contentWrapper h1 {
    font-size: 30px; }
    div#mainHolder .contentWrapper h1:lang(zh-hk) div#mainHolder .contentWrapper h1, :lang(zh-cn) div#mainHolder .contentWrapper h1 {
      font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
      font-size: 31px; }
*/	  

.finderTag * {
  max-height: 1000000px; }
.finderTag a.finderTagBtn {
  font-size: 30px; }
  .finderTag a.finderTagBtn:lang(zh-hk) .finderTag a.finderTagBtn, :lang(zh-cn) .finderTag a.finderTagBtn {
    font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
    font-size: 31px; }

.finderContent * {
  max-height: 1000000px; }
.finderContent .findertagContentItem {
  font-size: 15px;
  font-family: Arial, sans-serif; }
  .finderContent .findertagContentItem span.findertagItemTitle {
    font-size: 21px; }
	/* 16:56 2019-07-29 GOVHK: suppose FS have typo, fix it */
    /* .finderContent .findertagContentItem span.findertagItemTitle, */
	:lang(zh-hk) .finderContent .findertagContentItem span.findertagItemTitle, 
	:lang(zh-cn) .finderContent .findertagContentItem span.findertagItemTitle {
      font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
      font-size: 22px; }
  .finderContent .findertagContentItem .findertagItemList li a {
    font-size: 15px;
    font-family: Arial, sans-serif; }
	
	/* 16:48 2019-08-08 fix for externalLink, EN only */
	:lang(en) .finderContent .findertagContentItem .findertagItemList li a > span {
    font-family: Arial, sans-serif; }
	
	
	/* 16:56 2019-07-29 GOVHK: suppose FS have typo, fix it */
    /* .finderContent .findertagContentItem .findertagItemList li a */
	:lang(zh-hk) .finderContent .findertagContentItem .findertagItemList li a, 
	:lang(zh-cn) .finderContent .findertagContentItem .findertagItemList li a {
      font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;
      font-size: 16px; }

/*# sourceMappingURL=style_addon.css.map */