.qrContainer {display: flex;
    flex-wrap: wrap;}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}
.qrBox {margin-top:24px;padding:0 8px; float:left;    flex-direction: column; width:100%; }

/*↓↓↓ 動態表頭版使用 ↓↓↓*/
@keyframes auroraAnimation {
  to {
    background-position: 500% center;
  }
}
@keyframes logoTickerAnimation {
  to {
    background-position: -75.5px 50%;
  }
}
.qrBox .card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  *width: 100%;
  width: calc((100% + 15px * 2));
  margin-left: -15px !important;

}
.qrBox .card > :first-child {
  border-radius: 4px 4px 0 0;
}
.qrBox .card > :last-child {
  border-radius: 0 0 4px 4px;
}

.qrBox .border {
  background-image: linear-gradient(90deg, #20253f 0%, #764a97 15%, #476ba9 20%, #55a7b1 29%, #55a7b1 32%, #20253f 40%, #20253f 50%, #764a97 60%, #476ba9 70%, #55a7b1 80%, #20253f 100%);
  background-size: 500%;
  animation: 15s linear infinite auroraAnimation;
  position: relative;
  height: 4px;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

.qrBox .border--top {
  height: 24px;
}
.qrBox .border--top::before {
  background-position: 0px 50%;
  background-size: 75.5px 12px;
  animation: 2s linear infinite logoTickerAnimation;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20135%2024'%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M41.57%206.27c-4.02%200-6.97%203.63-6.97%207.4%200%203.62%202.38%205.32%205.9%205.32%201.3%200%202.66-.3%203.9-.68l.4-2.5a8.98%208.98%200%200%201-3.75.86c-2.04%200-3.23-.71-3.39-2.62l-.02-.34v-.1a6.46%206.46%200%200%201%20.52-2.41c.61-1.55%201.48-2.62%203.36-2.62%201.33%200%202.02.73%202.02%202.03%200%20.28-.02.54-.07.83H39.1a7.57%207.57%200%200%200-.34%202.17h7.5c.2-.9.32-1.8.32-2.72%200-3.09-2-4.62-5.02-4.62zm-5.4.28h-4.15l-4.44%204.41h-.05L29.65%201h-3.19l-3.78%2017.7h3.11l1.38-6.44h.05l3.16%206.45h3.6l-3.7-6.62%205.88-5.54zm15.16%208.8a5%205%200%200%201%20.15-1.18l1.16-5.3h2.86l.5-2.32h-2.86l.79-3.61-3.42%201.1-.55%202.5h-2.3l-.51%202.32h2.3l-.9%204.11c-.2.97-.4%201.89-.4%202.83%200%202.34%201.52%203.2%203.69%203.2.54%200%201.16-.18%201.7-.3l.56-2.45a4.28%204.28%200%200%201-1.55.28c-.72%200-1.22-.44-1.22-1.18zm-47.14%200c0-.47.07-.9.14-1.18l1.16-5.3h2.86l.5-2.32H5.99l.79-3.61-3.43%201.1-.54%202.5H.5L0%208.87h2.3l-.9%204.11c-.21.97-.4%201.89-.4%202.83C1%2018.14%202.52%2019%204.69%2019c.54%200%201.16-.18%201.7-.3l.56-2.45a4.27%204.27%200%200%201-1.55.28c-.71%200-1.22-.44-1.22-1.18zm12.48-1.98c0-2.29%201.42-4.65%203.97-4.65.88%200%201.7.21%202.33.62l.78-2.6a11.4%2011.4%200%200%200-3.19-.47c-4.4%200-7.22%203.23-7.22%207.48%200%203.14%202.04%205.24%205.2%205.24%201.05%200%202.1-.1%203.07-.57l.36-2.5c-.83.4-1.81.61-2.6.61-2.18%200-2.7-1.58-2.7-3.16zM14.5%201.31h-3.19l-.67%203.02h3.2l.66-3.02zm-4.36%205.24L7.54%2018.7h3.19l2.61-12.16h-3.19zm72.06-.27c-1.43%200-2.81.26-4.17.73l-.45%202.53a9.48%209.48%200%200%201%204.02-.95c1.12%200%202.45.35%202.45%201.58%200%20.36%200%20.71-.1%201.04h-1.11c-3%200-7.52.3-7.52%204.32%200%202.24%201.57%203.47%203.78%203.47%201.76%200%202.86-.78%203.95-2.15h.05l-.33%201.87h2.68c.29-2.3%201.5-7.06%201.5-8.7%200-2.85-2.3-3.74-4.75-3.74zM80%2016.68c-.82%200-1.62-.42-1.62-1.27%200-2.05%202.56-2.31%204.1-2.31h1.13c-.5%201.96-1.24%203.58-3.61%203.58zM71.6%206.27c-1.72%200-3.5.73-4.31%202.31h-.05c-.17-1.47-1.67-2.31-3.12-2.31-1.5%200-2.9.66-3.75%201.9h-.05l.29-1.62h-2.98l-.26%201.35-2.23%2010.8h3.18l1.26-5.78c.4-1.63%201-4.2%203.16-4.2.82%200%201.5.57%201.5%201.46%200%20.74-.23%201.87-.4%202.6l-1.28%205.93h3.18L67%2012.92c.4-1.65.95-4.2%203.17-4.2.8%200%201.5.57%201.5%201.46%200%20.74-.24%201.87-.4%202.6l-1.3%205.93h3.2l1.27-5.81c.27-1%20.55-2.22.55-3.3a3.4%203.4%200%200%200-3.4-3.33zm41.24%200c-4.02%200-6.97%203.63-6.97%207.4%200%203.62%202.38%205.32%205.9%205.32%201.3%200%202.66-.3%203.9-.68l.4-2.5a9%209%200%200%201-3.75.86c-2.04%200-3.23-.71-3.38-2.62-.01-.12-.03-.22-.03-.34v-.1c.02-.84.2-1.66.53-2.41.6-1.55%201.47-2.62%203.35-2.62%201.33%200%202.02.73%202.02%202.03%200%20.28-.02.54-.07.83h-4.36a7.57%207.57%200%200%200-.34%202.17h7.5c.2-.9.32-1.8.32-2.72%200-3.09-2-4.62-5.02-4.62zm10.18%202.57h-.05l.43-2.3h-3.05l-.28%201.64-2.19%2010.53h3.19l1.14-5.46c.4-1.96%201.5-3.96%203.76-3.96.4%200%20.85.07%201.2.19l.68-3.1a4.9%204.9%200%200%200-1.22-.11c-1.47%200-3.04%201.25-3.61%202.57zm-20.87%206.51c0-.47.07-.9.14-1.18l1.17-5.3h2.85l.5-2.32h-2.85l.78-3.61-3.42%201.1-.55%202.5h-2.3l-.5%202.32h2.3l-.9%204.11c-.22.97-.4%201.89-.4%202.83%200%202.34%201.52%203.2%203.68%203.2.55%200%201.17-.18%201.71-.3l.55-2.45c-.4.17-.98.28-1.55.28-.71%200-1.21-.44-1.21-1.18zm-13.31-5.21c0%203.04%204.13%203.23%204.13%205.2%200%20.98-1.12%201.33-2.19%201.33a6.01%206.01%200%200%201-3.04-.94l-.7%202.53a8.8%208.8%200%200%200%203.74.73c2.74%200%205.52-.95%205.52-4.1%200-2.98-4.14-3.55-4.14-5.08%200-.97%201.19-1.23%202.14-1.23.9%200%201.79.26%202.13.44l.69-2.38a13.27%2013.27%200%200%200-2.98-.37c-2.53%200-5.3%201.01-5.3%203.87zm43.23-3.86A2.74%202.74%200%200%200%20129.33%209c0%201.5%201.23%202.72%202.74%202.72A2.73%202.73%200%200%200%20134.81%209c0-1.5-1.23-2.72-2.74-2.72zm.01%205.04A2.23%202.23%200%200%201%20129.86%209c0-1.3.95-2.31%202.22-2.31%201.26%200%202.21%201.01%202.21%202.31s-.95%202.32-2.2%202.32zm1.28-3.02c0-.6-.36-.9-1.1-.9h-1.23v3.2h.52V9.17h.44l.9%201.41h.55l-.91-1.4c.5%200%20.83-.38.83-.89zm-1.81.48V7.8h.62c.34%200%20.66.1.66.47%200%20.41-.26.5-.66.5h-.62z'%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  opacity: 0.5;
  content: "";
      left: 0;
}

.qrBox .child {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  padding: 12px;
}
/*↑↑↑ 動態表頭版使用 ↑↑↑*/

.qrTicketCat {
	margin-top:0;
	    padding: 12px;
		border-top:1px solid #bfbfbf;
		font-weight: 600;
}
.qrSeatDetails strong  {color:#024DDF;font-size:16px;}
.qrTicketCat .qrTicketCatLab {color:#024DDF;font-size:16px;}

.qrticketDetails {
	margin-top: 0px;
	padding: 0px;
}

.qrticketDetails > div:not(:first-child), .qrticketDetails > div:not(:last-child)  {
	*border-top:1px solid #bfbfbf;
}
.qrticketDetails > div:last-child {

}
.qrticketImg {
	padding:24px 0;
	text-align:center;
	border-top: 1px dashed  #bfbfbf;
}
.qrticketImg img {
	width:250px;
	margin:0 auto;
}

.qrOrderNo {
	border-top:1px solid #bfbfbf;
	padding:12px;
	padding-bottom: 0px;
}

.qrEventDetails {
padding:12px;
}
.qrEventDetails .media {margin-top:0; padding:0;}
.qrEventDetails .media-left, .qrEventDetails .media-right{margin-top:0; padding:0;}
.qrEventName {
	font-weight:600;
	margin-bottom:8px;
}

.qrIcon {
float:left;
width:auto;
}

.qrVenue {
	clear:both;margin-bottom:8px;
}
.qrvenueName {margin-left:8px;}
.qrEventDate {
	clear:both;margin-bottom:8px;
}

.qrTicketType {
	margin-top:0;
	    padding: 12px;
		border-top:1px solid #bfbfbf;
}
.qrTicketType .media-left{padding:0;}
.qrBlueCircle {
	border: 1px solid #024DDF;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #024DDF;
    display: inline-block;
    vertical-align: sub;
}

.qrSeatDetails {
	clear:both;
	font-size:20px;
	font-weight:600;
	padding:12px;
	*border-bottom: 1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
	    display: flex;flex-wrap: wrap;
	}
.qrSeatDetails strong {color:#024DDF;font-size:16px;}
.qrSection {
	border-right:1px solid #bfbfbf;
	padding:0;
}

.qrRow {
	border-right:1px solid #bfbfbf;
	padding-left:8px;
}

.qrSeat {
	padding-left:8px;
}

.qrGate {
	padding:12px;
	border-top:1px solid #bfbfbf;
}

.qrPriceType {
margin-bottom:4px;

}

.owl-carousel .owl-item .qrBox img {width:auto;height:auto;}
#myqrTickets .owl-carousel .owl-nav {display:flex;}
#myqrTickets .owl-carousel .owl-nav .owl-prev {
	background:#024DDF;
	left: 0;
    position: absolute;
    display: flex;
    top: 40%;
	height: 80px;
	align-items: center;
    justify-content: center;
	text-align: center;
}

#myqrTickets .owl-carousel .owl-nav .owl-next {
	background:#024DDF;
	right: 0;
    position: absolute;
    display: flex;
    top: 40%;
	height: 80px;
	align-items: center;
    justify-content: center;
	text-align: center;
}

#myqrTickets .owl-carousel .owl-nav .disabled {
	opacity:0.5;background:#cccccc;
}

.qrTicketBuyer {
    border-top:1px solid #bfbfbf;
    padding:12px;
}