@charset "utf-8";

@media print {
	* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
	}
  * {
    color: #000 !important;
    text-shadow: none !important;
    /* background: transparent !important; */
    box-shadow: none !important;
  }

  html {
    min-height: inherit !important;
  }

  body {
    font-size: 18px;
    font-family: "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
    min-height: inherit !important;
  }

  * {
    box-shadow: none !important;
  }

  a {
    text-decoration: none !important;
  }

  ul,
  ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  table th,
  table td {
    vertical-align: top;
    padding: 5px 5px 5px 0 !important;
  }

  .container {
    width: 100%;
    padding: 0 !important;
    max-width: none !important;
  }

  #headerZone {
    position: relative !important;
  }

  #wrapperInner {
    padding-top: 0 !important;
  }
	#searchTriggerWrap,
	.display-m,
  #mobileNavWrap,
  #mainNavWrap,
  #topNavWrap,
  #footerZone,
  #backtotop{
    display: none !important;
  }
  #mainContent{ width: 100%!important; padding: 0!important;}

  hr {
    margin: 20px 0 !important;
  }

  h1#pageTitle { font-size:24px!important; border:none!important; margin-bottom: 20px; }
  #content h2 {
    font-size: 22px !important;
  }
	#content .name{
		font-size: 20px !important;
	}
  #content hr{ margin: 20px 0;}
	body.printQRCode #popupLayer.qrcode #popupWrap{
		top: 0;
		border-radius: 0;
		background: none;
		max-width: none!important;
		width: 100%!important;
	}
	body.printQRCode #wrapper{ display: none!important;}
	body.printQRCode #popupLayer{ background:none!important; }
	body.printQRCode #popupLayer.qrcode #popupMain{
		padding: 0;
	}
	body.printQRCode #modalShares,
	body.printQRCode #popupLayer .popupClose{ display: none;}
	body.printQRCode #popupQRCodeMain .qrcodeDIV{ max-height: inherit!important; margin: 0; overflow: visible;}
	dialog::backdrop {
		display:none!important;
		background: none!important;
	}	
	body.printQRCode #popupQRCodeMain{
		padding: 0;
	}
	body.printQRCode #pdfArea{
		padding: 0;
		max-width: none!important;
	}
	body.printQRCode #popupLayer .shopQRCode{
		width: 100%;
		max-width: none!important;
	}
	body.printQRCode #popupLayer.qrcode .shopname{ 
		padding: 20px;
		color: #000!important;
		font-size: 16px!important;
		font-family: "MS PGothic", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	}
	body.printQRCode #popupLayer .qrcodeWrap{
   transform: scale(1)!important;
  }
	body.printQRCode #qrcodeDIV{
		aspect-ratio: 397 / 559;
		width: 397px;
		/* aspect-ratio: 1240 / 1748;
		width: 1240px; */
		flex: initial;
	}
}
