@charset "UTF-8";

/*.membox .status-img {*/
/*	position:absolute;*/
/*	z-index: 10;*/
/*	right: 0; bottom: -1px;*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	font-size: 0;*/
/*	border-bottom: 0;*/
/*}*/
/*.membox .status-img img {*/
/*	position: static;*/
/*	width: auto;*/
/*	height: auto;*/
/*	line-height: 1;*/
/*}*/
.layer {
	overflow: hidden;
	position: relative;
	width: 210px;
	height: 305px;
	font-size: 0;
	border: 1px solid #ccc;
}

.status-layers {
	position: absolute;
	bottom: 0;
	width: 296px;
	height: 120px;
	color: #fff;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 62% 42%;
	-moz-transform-origin: 62% 42%;
	-ms-transform-origin: 62% 42%;
	-o-transform-origin: 62% 42%;
	transform-origin: 62% 42%;
}
	.membox li  div.status-layer, 
	.membox02 li  div.status-layer {
		color: #fff;
		position: absolute;
		right: 0;
		width: 100%;
		font-size: 14px;
		padding:0;
		border:none;
	}
	
	.status-layer.layer1 {
		z-index: 3;
		bottom: 0;
		height: 48%;
		background-color: #444;
	}
	.status-layer.layer2 {
		z-index: 2;
		bottom: 48%;
		height: 26%;
		background-color: #888;
	}
	.status-layer.layer3 {
		z-index: 1;
		bottom: 74%;
		height: 26%;
		background-color: #aaa;
	}
	.membox li  div.status-layer img,
	.membox02 li  div.status-layer img {
		position:relative;
		width:auto;
	}