/*
print.css
14:52 2017-03-14
14:48 2019-06-03 hide survey and feedback on print only
*/
/*animation*/
@font-face {
  font-family: "iconfont";
  src: url("fonts/iconFonts/icon.eot?qyfze1");
  src: url("fonts/iconFonts/icon.eot?qyfze1#iefix") format("embedded-opentype"),
    url("fonts/iconFonts/icon.ttf?qyfze1") format("truetype"),
    url("fonts/iconFonts/icon.woff?qyfze1") format("woff"),
    url("fonts/iconFonts/icon.svg?qyfze1#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconfont" !important;
  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-icon_extlink:before {
  content: "\65";
}

.print {
  display: none !important;
}

@media print {
  * {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1em !important;
    background: transparent !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    transition: none !important;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  a {
    color: #000 !important;
  }

  body {
    font-size: 0.85em;
  }

  /* header {
      display: none;
  } */
  footer .contentWrapper {
    display: none !important;
  }

  /* aside {
      display: none;
  } */
  nav {
    display: none;
  }

  nav ul {
    display: none;
  }

  .print {
    display: block !important;
    word-wrap: break-word;
    color: #000;

    /* === add by govhk:start 9:28 2016-12-05 === */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* === add by govhk:end === */
  }

  #skiplinkHolder {
    display: none;
  }

  /* 
  a:not([href^="http"]) .print {
    display: none !important; }
	12:20 2016-11-18 change to show all URLs except apps link
	*/

  a[href^="/en/apps/"] .print,
  a[href^="/tc/apps/"] .print,
  a[href^="/sc/apps/"] .print {
    display: none !important;
  }

  .navigator a:not([href^="http"]) {
    display: inline-block !important;
  }

  a .access,
  .calendarBlock,
  .sideNav,
  .shareBar,
  .searchHolder,
  .searchTitle,
  .tabBtns,
  .eformsOthers,
  .hotSearch,
  .title.showOnMobile,
  .title.showOnTablet,
  .title.hiddenDt,
  .extendAll,
  .innerPage .innerPageWrapper.searchPage .recommendHolder,
  .innerPage .pagination,
  .footerExtendAll,
  .govAgencyHeaderItem,
  .yourService.innerPageWrapper .recommendHolder .btns,
  .selectDropDown,
  .btnSubmitDropDown,
  .innerPageListGrid .item.hideOnTablet,
  .govDirMobileApp .mobileAppRelatedRows .relatedRows .access,
  .govDirMobileApp .mobileAppRelatedRows .qrcodesWrap .qrcode,
  .innerPageListGrid .item.itemToggleItem,
  .externalLink:after,
  .filter,
  .accordions.online-service.multiLang,
  #weatherBlock,
  #toolBar,
  #topBar,
  .menuBar,
  #blockAnnounce,
  #blockQnA,
  .owl-controls,
  .btnMore,
  .owl-item.cloned,
  .tagArea .homeTab,
  .searchWrapper,
  .homeNav .homeNavBgOject,
  .inlineBreaker,
  .tagBlock.blockTagHolder .tagContentHolder.block-2-3 li .access,
  .tagBlock.blockTagHolder .blockHead.active .blockTag:before,
  .homePage #blockInfoServices .infoItem a:before,
  .homePage #blockInfoServices .infoItem a:after,
  .commonlyUsed
    .accordions
    .accordionContent
    .secondLevel
    .secondLevelTitle.arrow:after,
  .commonlyUsed
    .accordions
    .accordionContent
    .firstLevel
    > li
    .firstLevelTitle:after,
  .commonlyUsed .dataList > li:after,
  body.innerPage .bottomBar .giveFeedback .feedTxt,
  .tagBlock .blockTag:before,
  .blockHead:before {
    display: none !important;
  }

  h1,
  body.innerPage .innerPageListGrid .item.itemToggleItem,
  .commonlyUsed .accordions .accordionContent .secondLevel,
  .commonlyUsed .accordions .accordionContent .secondLevel ul,
  .govDirMobileApp .mobileAppRelatedRows .qrClone .qrcodesWrap,
  .govDirMobileApp .mobileAppRelatedRows .qrClone .qrcodesWrap .qrcode,
  .innerPageListGrid .item,
  #barControl,
  .wantTo .wantToText,
  .govAgencyOrganisational,
  .govAgencyOrganisational ul,
  .govAgencyAlphabetical,
  .govAgencyAlphabetical ul,
  .tagArea .homeTab.active {
    display: block !important;
  }

  .govDirMobileApp .mobileAppRelatedRows .mobileAppTitle {
    /* 14:43 2017-03-14 
	margin: 15px 0 !important; 
	padding-bottom: 15px !important;
	*/
    margin: 15px 0 5px 0 !important;
    padding-bottom: 5px !important;
  }

  .govDirMobileApp .mobileAppRelatedRows .qrClone {
    display: block;
    width: 100;
    clear: both;
  }

  .govDirMobileApp .mobileAppRelatedRows .relatedTable,
  .govDirMobileApp .mobileAppRelatedRows .relatedRows,
  .govDirMobileApp .mobileAppRelatedRows .qrClone .qrcodesWrap {
    display: block;
    width: 100% !important;
    clear: both;
  }

  .govDirMobileApp .mobileAppRelatedRows .qrClone .qrcodesWrap {
    margin-top: 10px !important;
    margin-bottom: 60px !important;
    position: relative !important;
  }

  .govDirMobileApp .mobileAppRelatedRows .qrClone .qrcodesWrap .qrcode {
    display: inline-block !important;
  }

  .homePage #blockTopStory .storyItem .storyTitle {
    display: block;
    clear: both;
  }

  .commonlyUsed .dataList > li > div.eformsDetailsHolder .eformsDetails,
  .innerPageListGrid .item.itemToggleItem,
  .innerPageListGrid .item,
  .block-3-4 {
    width: 100% !important;
  }

  .contentBlock {
    width: 100% !important;
    padding: 0 !important;
  }

  .sideNav.gridBlock.noBG.block-1-4.blockTB-1-1.tagBlock.expandable.expandTb {
    display: none;
  }

  .blockRow.margin-1-4.hideOnTablet {
    display: none;
  }

  .shareBar {
    display: none;
  }

  .innerPageHolder {
    padding: 25px 0 !important;
    height: 100%;
    overflow: visible !important;
  }

  .innerPage .title,
  .commonlyUsed .accordions .accordionContent {
    padding: 0 0 10px;
  }

  .block-1-4 {
    width: 0;
  }

  .innerPageListGrid .itemToggleItem,
  .innerPageListGrid .item,
  .innerPageListGrid .item.videoItem {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: auto !important;
  }

  .innerPage .innerPageListGrid .item.itemToggleItem .text,
  .innerPage .innerPageListGrid .item.itemToggleItem .itemCover {
    padding: 0 0 20px !important;
  }

  body *,
  .mainHolder,
  .innerPageListGrid {
    overflow: visible !important;
    height: auto !important;
  }

  .title {
    padding: 0 0 20px !important;
  }

  .videoThumb:before {
    content: "" !important;
    display: none !important;
  }

  .item.itemToggle:after {
    content: "";
    display: none;
  }

  .blockHead {
    background-color: transparent;
    color: #707070;
    width: 100%;
    float: none;
  }

  .tagBlock.blockTagHolder .tagContentHolder {
    display: block;
    width: 100%;
    float: none;
    position: relative;
    top: 0;
    left: 0;
  }

  .innerPage .innerPageHolder a:not(.btn).inlineLink {
    vertical-align: top;
  }

  .print-logo {
    width: 310px;
    height: 27px;
    padding: 15px 0 !important;
  }

  img:not(.print-logo) {
    max-width: 100px !important;
    width: inherit !important;
    float: none;
  }

  body.innerPage .innerPageHolder .blockItem.withImg.left .blockImg {
    display: block !important;
    float: none;
    max-width: 100% !important;
  }

  body.innerPage .innerPageHolder .blockItem img {
    display: block !important;
    max-width: 100% !important;
  }

  .tagBlock.blockTagHolder .tagContentHolder.block-2-3 {
    left: 0;
    width: 100%;
    position: relative;
  }

  .serviceLink {
    margin: 0;
  }

  .blockTagHolder.tagBlock.nonSyncHeight {
    height: auto !important;
  }

  body.innerPage .fundRasing .blockSearching .searchContent {
    padding: 0;
  }

  .searchControl input {
    background: transparent;
    color: #cc4c02;
    border: 1px solid #cc4c02;
  }

  .progressHolder .progressBar.barGray {
    background: transparent;
    border: 1px solid #88898b;
  }

  .progressHolder .progressBar.barOrange {
    background: transparent;
    border: 1px solid #f67011;
  }

  .progressHolder .progressBar.barBlue {
    background: transparent;
    border: 1px solid #119db4;
  }

  #calendarCommunity,
  #calendarCultrue {
    max-width: 320px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }

  .tagBlock.blockTagHolder .tagContentHolder {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .tagBlock .blockTag,
  .blockHead {
    height: auto;
  }

  .innerPage header .logoBlock {
    margin: 20px 0 !important;
  }

  .homePage #blockEnquiries {
    height: auto;
  }

  #blockTopStory,
  #blockQuickLinks *,
  #blockInfoServices *,
  #blockEnquiries *,
  #blockMobileApp,
  .homePage .checkItOutSlider .checkItOutHolder .owl-item {
    display: block;
    width: 100%;
    height: auto !important;
  }

  .owl-item {
    display: block;
    float: none !important;
    width: 100% !important;
  }

  .owl-stage {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    width: 100% !important;
  }

  .homePage #blockMobileApp .mobAppItem img {
    width: 100%;
    display: block;
  }

  .homePage #blockMobileApp .mobAppItem h5 {
    display: block;
    width: 100%;
    text-align: left;
  }

  .linkBlock:hover span,
  .linkBlock:hover a,
  .linkBlock:hover h6,
  .linkBlock:hover h5,
  .linkBlock:hover h4,
  .linkBlock:hover h3,
  .linkBlock:hover h2,
  .linkBlock:hover h1,
  .linkBlock:focus span,
  .linkBlock:focus a,
  .linkBlock:focus h6,
  .linkBlock:focus h5,
  .linkBlock:focus h4,
  .linkBlock:focus h3,
  .linkBlock:focus h2,
  .linkBlock:focus h1 {
    color: #000;
  }

  a,
  .innerPage main > nav.contentWrapper:first-child .navigator {
    margin: 10px 0 !important;
  }

  /* 9:45 2016-12-28 
	   GovHK: the table is not 100% now, 
	   so the div.blockTable will be larger than the table itself, 
	   cannot use it as border, remark it and do it at the table itself 
  .innerPage .innerPageHolder .blockTable {
	 border: 1px solid #000 !important; 
	}
	*/

  .innerPage .innerPageHolder .blockTable td {
    border: 1px solid #000 !important;
    padding: 20px !important;
  }

  body.innerPage .bottomBar .lastRevision {
    display: block;
    clear: both;
    float: none !important;
    text-align: left !important;
    margin: 10px 0 !important;
  }

  .bottom-logo {
    width: 100%;
    text-align: right;
  }
  .bottom-logo img {
    width: 200px;
    display: inline-block !important;
  }

  .commonlyUsed .accordions .accordionContent .firstLevel > li .firstLevelTitle,
  .commonlyUsed .accordions .accordionContent .secondLevel {
    margin: 15px 0 !important;
  }

  .commonlyUsed .dataList > li {
    margin: 10px 0 !important;
  }

  .commonlyUsed
    .dataList
    > li
    > div.eformsDetailsHolder
    .eformsDetails.withIcon
    .icon {
    display: block;
    position: relative;
    margin-right: 10px !important;
  }

  .innerPage .commonlyUsed .accordions .accordionContent .answerHolder .qaIndex,
  .innerPage
    .commonlyUsed
    .accordions
    .accordionContent
    .answerHolder
    .qaContent,
  .commonlyUsed .accordions .accordionContent .qaHolder .qaContent {
    margin-bottom: 10px !important;
  }

  .access {
    display: none !important;
  }

  p {
    line-height: 1.4em !important;
  }

  body.innerPage .innerPageHolder .blockItem,
  body.innerPage .innerPageHolder .blockTable,
  body.innerPage .innerPageHolder .blockItem .blockItem__imgLeft,
  .block-1-2,
  body.innerPage .innerPageHolder .blockItem ul *,
  body.innerPage .innerPageHolder .blockItem p {
    margin-bottom: 1.5em !important;
  }

  body.innerPage .innerPageHolder .blockItem .blockItem__imgLeft {
    float: none !important;
  }

  body.innerPage
    .innerPageHolder
    .blockItem
    .blockItem__imgLeft
    .blockItem__text {
    text-align: left !important;
  }

  .commonlyUsed .accordions .accordionContent .qaHolder .qaContent {
    line-height: 1.2em !important;
  }

  body.innerPage .innerPageHolder .blockItem a.inlineLink {
    margin: 0 !important;
    line-height: 1.2em !important;
    font-size: 1em !important;
  }

  .block-1-2 {
    width: 100%;
  }

  .serviceLink {
    line-height: 1.5em !important;
  }

  .item.itemToggle h3 {
    font-size: 2em !important;
  }

  body.innerPage .innerPageHolder .blockItem > a:not(.btn) {
    color: #951717 !important;
  }

  ul.bulletList {
    padding-left: 25px !important;
  }

  .tagBlock .blockTag h5 {
    font-size: 1.5em;
    color: #cc4c02 !important;
  }

  body.innerPage .innerPageHolder .blockTable > table th {
    border: 1px solid #ccc !important;
    color: #353535 !important;
    /* text-align: left !important; 
		11:43 2016-12-23
		for /en/residents/taxes/taxfiling/taxrates/salariesrates.htm
	*/
    padding: 20px !important;
  }

  body.innerPage .innerPageHolder .blockTable > table td {
    color: #353535 !important;
    border: 1px solid #ccc !important;
    /*outline: 1px solid #ccc !important; */ /* govhk: 11:07 2016-12-28: ie11 */
  }

  /* 9:47 2016-12-28 
		GovHK: use the table itself to do the border, 
		Must have enough "CSS weight" and "important" to override above "td" and "th"
		1px cannot show, use 2px
	*/
  body.innerPage .innerPageHolder .blockItem div.blockTable > table {
    border: 2px solid #000 !important;
  }

  /* govhk: 12:02 2016-12-28: print table for ie11 */
  body.trident.innerPage .innerPageHolder .blockTable > table {
    border-collapse: separate;
  }
  body.trident.innerPage .innerPageHolder .blockTable > table th,
  body.trident.innerPage .innerPageHolder .blockTable > table td {
    outline: 1px solid #ccc !important;
  }

  /* ==== added by govhk : start ==== */
  /* for bullet points print */
  .articleHolder Section.blockItem ol,
  .articleHolder Section.blockItem ul {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 20px;
    padding-top: 10px;
    width: 100%;
    padding-left: 25px !important;
  }

  .articleHolder Section.blockItem ul > li {
    clear: both;
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5em;
  }

  /* 
		16:31 2016-11-24
		strong for Rich Text in feature article, TC and SC version
		Note: ordinary text are not BOLD.
		/sc/residents/housing/private/rate/ratesenquiry.htm
	 */
  body.innerPage .innerPageHolder .blockItem strong {
    font-weight: bold;
  }

  /* 
		9:13 2017-03-07 fix bullet point not show on print version
		li show bullet
		ol ul and container to avoid follow previous content at right
		http://www.gov.hk/en/residents/taxes/etax/faq/faq_about_efiling_pfr.htm
		NOTE: many attribute FS mark "important", have to override with "important"
		
	*/
  .commonlyUsed .faqSection.accordions .accordionContent {
    display: block;
    float: none;
    clear: both;
  }

  .commonlyUsed .accordions .accordionContent .firstLevel > li {
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }

  /* Left Question align left also */
  .commonlyUsed .accordions .accordionContent .qaHolder.questionHolder .qaIndex,
  .commonlyUsed
    .accordions
    .accordionContent
    .qaHolder.questionHolder
    .qaContent {
    float: none;
    display: inline !important;
  }

  .commonlyUsed
    .accordions
    .accordionContent
    .qaHolder.questionHolder
    .qaIndex {
    margin-right: 10px !important;
  }

  /* "Ans" text - none */
  .commonlyUsed .accordions .accordionContent .qaHolder.answerHolder .qaIndex {
    /* If show the "Ans"
		display:block;
		float:none;
		*/
    display: none;
  }

  /* Question: ol and ul style */
  .articleHolder .qaHolder.answerHolder .qaContent ol,
  .articleHolder .qaHolder.answerHolder .qaContent ul {
    clear: both;
    display: block;
    float: left;
    /*
		test remark:
		padding-left:30px !important;
		list-style-position: inside;
		border:1px solid red !important;
		*/
    list-style-position: outside;
    margin-left: 30px !important;
    width: 100%;
  }

  /* Answer: list style */
  .articleHolder .qaHolder.answerHolder .qaContent ul > li,
  .articleHolder .qaHolder.answerHolder .qaContent ol > li {
    clear: both;
    display: list-item;

    margin-bottom: 10px;
    margin-left: 20px;
    padding-left: 20px;
    float: left;
    line-height: 1.4em !important;
  }

  /* ul is disc, ol keep 1,2,3 */
  .articleHolder .qaHolder.answerHolder .qaContent ul > li {
    list-style-type: disc;
  }

  /* just set QnA answer img only */
  .articleHolder .qaHolder.answerHolder .qaContent img {
    width: auto !important;
    max-width: 600px !important;
  }

  /* for FA also (without QnA)
		14:13 2017-03-08
	*/
  body.innerPage .innerPageHolder .blockItem img {
    width: auto !important;
    max-width: 600px !important;
  }

  /* for Mobile App
		12:19 2017-03-14
	*/
  /* bullet content */
  .govDirMobileApp .hrefUl {
    list-style-position: inside;
    margin-bottom: 20px !important;
  }

  .govDirMobileApp .hrefUl li {
    line-height: 1.4em !important;
    margin-bottom: 10px !important;
  }

  /* apps content */
  .mobileAppRelatedRows .cell {
    padding: 0 5px 5px 0 !important;
  }

  .mobileAppRelatedRows .cell.cellTxt .contentLink {
    display: none !important;
  }

  /* 14:47 2019-06-03 add for survey and feedback */
  #govhk_survey_pop,
  #govhk_survey_pop_environment,
  #feedbackFormWrapper,
  #govhk_survey_pop_immigration {
    display: none;
  }

  /* ==== added by govhk : end ==== */

  /* Survey Banner Related -- start below */

  .survey_pop_housing_close_btn {
    display: none;
  }

  /* Housing & Social Services Cluster Banner Related -- start below */
  #govhk_survey_pop_housing #survey_pop_housing_main {
    display: none;
  }
  /* Housing & Social Services Cluster Banner Related -- End!!! */

  /* Survey Banner Related -- end below */
}

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