.ub
{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
}
.ub-ac
{
	-webkit-box-align:center;
	box-align:center;
}
.ub-ae
{
	-webkit-box-align:end;
	box-align:end;
}

.ub-pc
{
	-webkit-box-pack:center;
	box-pack:center;
}
.ub-pe
{
	-webkit-box-pack:end;
	box-pack:end;
}
.ub-pj
{
	-webkit-box-pack:justify;
	box-pack:justify;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;
}

.ub-f1
{
	position:relative;
	-webkit-box-flex: 1; 
	box-flex: 1;
}

.ub-f2
{
	position:relative;
	-webkit-box-flex: 2;
	box-flex: 2; 
}

.ub-f3
{
	position:relative;
	-webkit-box-flex: 3;
	box-flex: 3;
}

.ub-f4
{
	position:relative;
	-webkit-box-flex: 4;
	box-flex: 4;
}

.show_line_1{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.show_line_2{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.show_line_3{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.margin-r
{
	margin-right:10px;
}
.margin-l
{
	margin-left:10px;
}
.margin-t
{
	margin-top:10px;
}
.margin-b
{
	margin-bottom:10px;
}
.hide{
	visibility:hidden;
}
.uhide{
	display:none;
}
.anim-hide{
	opacity: 0;
}
.weight{
	font-weight:bold;
}
.anim-show {
	opacity: 1;
	transition: opacity .5s;
	-moz-transition: opacity .5s; 
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
}

.header {
  overflow:hidden; 
  position:fixed; 
  top:0px;
  z-index:1000; 
  width:100%;
}

.footer {
  overflow:hidden; 
  position:fixed; 
  bottom:0px;
  z-index:1000; 
  width:100%;
  left: 0;
}