.rapp
{
	padding-left:0px;
}



.ruser
{
	margin-top:50px;
	padding: 60px 60px;
}

.cards1tabs
{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	margin: 0 0px;
	text-align:center;
	overflow:hidden;
}

.cards1tab
{
	width: 100px;
	padding: 10px 0;
	background: #fafafa;
	color: #777;
	margin: 5px 1px;
	overflow:hidden;
	position:relative;
	opacity:1;
}

.cards1tab:hover
{
	cursor:pointer;
	background: #444;
	color: #eee;
}

.cards1tab:active
{
	background: #fff;
	color: #999;
}

.cards1tabSelected
{
	background: #666;
	color: #eee;
}
/*
.cards1tab:first-child
{
	border-radius:16px 0 0 16px;
}

.cards1tab:last-child
{
	border-radius:0 16px 16px 0;
}
*/
.cards1
{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	margin: 0;
	
}

.card1-jl
{
	justify-content: left;
}

.card1-jr
{
	justify-content: right;
}

.card1-jm
{
	justify-content: center;
}

.card1
{
	width: 40%;
	min-width:360px;
	max-width:600px;
	height:100px;
	/*background: #fff;*/
	margin: 20px 5%;
	/*border-radius:10px;*/
	
	position:relative;
	font-family:"Open Sans", sans-serif;
	opacity:0;
}

.card1Body
{


	height:100px;
	background:#fff;

	border-radius:4px;
}

.card1t1
{
	position:absolute;
	height: 80px;
	top:0;
	left:100px;
	right:0px;
	text-align:left;

	padding:5px 10px;
}

.card1t1b
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
	margin:0 10px;
	text-align:center;
	padding:100px 0;
}

.card1Desc
{
	margin:0;
	padding:10px;
	height:259px;
	overflow:hidden;
}

.card1DescMask
{
	background: linear-gradient(to bottom, #3330,#333f);
	height: 40px;
	margin-top: -40px;
	z-index: 1000000;
	display: block;
	position: absolute;
	width: 100%;
	bottom:41px;
}

.card1aBtn
{
	background: #48d;
	color: #f4f4f4;
	position: absolute;
	top: 8px;
	right: 0px;
	text-align: center;
	padding: 8px;
	border-radius: 16px;
	opacity: 1;
	display: block;
	font-size:10pt;
	width: 80px;
}

.card1t2a
{
	position:absolute;
	top:0;

	width:auto;
	height: auto;
	color:gold;
	opacity:0.8;
	text-align:right;
	font-size:10pt;

	right:0;

	opacity:1;

	background:#0000;

	color:#c93;

	padding: 8px 10px;
}

.card1t2b
{
	position:absolute;
	bottom:0px;
	width:auto;
	color:gold;
	text-align:right;
	font-size:10pt;

	
	padding:5px 0px;
	height:28px;
	left:110px;
}

.card1t3
{
	position:absolute;
	bottom:0;
	text-align:right;
	font-size:10pt;

	height:40px;
	
	left:90px;

	right:10px;

	padding:5px 0px;
	height:28px;

	background:#0000;

	color:#d78;
}

.card1t3b
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:40px;
	padding: 5px;
}

.card1i
{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100px;
	height:100px;
	
	border-radius: 12px;
	box-shadow: 0 0 4px #333;
}

.card1 img
{
	width:100%;
}

.card1a
{
	background-color:#333;
	color: #eee;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
	text-decoration:none;
/*
	text-align:justify;
	text-justify:inter-character;*/
	box-shadow:0 0 4px #9999;
	
}


.cards2
{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	margin: 0 -20px;
	justify-content: center;
}

.card2
{
	width: 300px;
	height:400px;
	background: #eee;
	margin: 20px 20px;
	overflow:hidden;
	border-radius:16px;
	position:relative;
	font-family:"Open Sans", sans-serif;
}

.card2i
{
	height:100%;
}

.card2t2b
{
	position:absolute;
	top:366px;
	right:0;
	left:0;
	height: auto;
	color:gold;
	opacity:0.8;
	text-align:left;
	font-size:10pt;
	padding: 8px 20px;
}

.card3
{
	width:calc(50% - 20px);

	max-width:360px;
	height: 300px;
	background: #fff;
	box-shadow: 0 0 4px #9999;
	margin: 10px;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	font-family: "Open Sans", sans-serif;
	opacity:0;
}