.member-card-non-verify{
	max-width:507px;
	background-image:url(../images/membercard_front.png);
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	text-align:center;
	position:relative;
	margin:0 auto;
}
.member-card-not-found{
	max-width:507px;
	background-image:url(../images/membercard_front.png);
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	text-align:center;
	position:relative;
	margin:0 auto;
}
.member-card-actived{
	background-image:url(../images/membercard_front.png);
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	text-align:center;
	position:relative;
}
.member-card-actived-back{
	background-image:url(../images/membercard_back_bg.png);
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	text-align:center;
	position:relative;
}
.member-card-actived .show-member-id{
	position:absolute;
	color:#F5F5F5;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    bottom: 12%;
    left: 65%;
    font-size: 1.3em;
}
.member-card-actived-back .show-member-code{
    position: absolute;
    bottom: 2%;
    right: 4%;
    width: 40%;
    background-repeat: no-repeat;
    height: 30%;
    background-size: 100%;
    background-position: center;
}
img.card-layer-bg{
    z-index: 1;
    top: 0px;
    left: 0px;
    max-width: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.member-card-actived-back .card-layer-bg{
	opacity: 1;
	filter: alpha(opacity=100);
    cursor: pointer;
}
.member-card-actived .card-layer-bg{
	opacity: 0;
	filter: alpha(opacity=0);
    cursor: pointer;
}
.card-layer-text{
	position:absolute;
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, 0.6);
	text-align:center;
	font-weight: bold;
    top: 0px;
    left: 0px;
}
.card-layer-text:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.card-layer-text p{
    display: inline-block;
    vertical-align: middle;
    text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}
.member-card-with-barcode{
	max-width:507px;
	margin:0 auto;
}
.flip-box {
  position: relative;
	background-color: transparent;
}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  -webkit-transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
}

.flip-box-actived .flip-box-inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-box-actived .flip-box-front{
}
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  z-index: 999;
}

.flip-box-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.clickable{
	cursor:pointer;
}

.tab-content{
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 15px;
}
.tab-content li{
	list-style:none;
}
#orderhistory{
	min-height:280px;
}
.redeem_terms{
    font-size: 0.8em;
}
.redeem_terms li{
    list-style: circle;
}
.show_datedesc{
	display:none;
}
@media only screen and (max-width: 400px) {
	.show_datedesc{
		display:block;
	}
	.show_desc,.show_date{
		display:none;
	}
}
#showmembercode{
    max-width: 100%;
    max-height: 100%;
}
.zoom_memberbarcode{
	position:fixed;
	width:100%;
	z-index:9999;
	text-align: center;
	background:#FFFFFF;
	height:100%;
	display:none;
    align-items:center;
	justify-content:center;
}
.zoom_memberbarcode img{
	width:80%;
}