@charset "UTF-8";
/* CSS Document */

/** { box-sizing: border-box; }*/

body {
  font-family: sans-serif;
}

/* ---- button ---- */

.button {
  display: inline-block;
  padding: 0.5em 1.5em;
  background: #b01861;
  border: none;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
}


.filters .button {
  background: #634665;


}

.button:active,
.button.is-checked
{
  
  background: #b01861;
}

#allfcn.is-checked
{
  
  background: #b01861;
}

#allfcn.not-checked
{
  
  background: #634665;
}



/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  margin-left: 0.1em;
  margin-right: 1px;
  margin:5px 2px;
}



/* ---- isotope ---- */

.grid {
 
   max-width: 100%;
   margin-left: auto;
  margin-right: auto;
  width: 100%;


  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


/* filters */
.filters {
	display: table;
 
 
	
} 



/* ui group */

.ui-group {
  display: table-row;
  width:100%;
} 

.heading {
 width:50px;	
 display:table-cell;
}


.label-all{
display:table-cell;
vertical-align: top;
width:70px;
position:relative;

}

.label-all .button{
margin-top:2px;
padding-top: 0px;
padding-bottom: 0px;





}

.label-others{
display:table-cell;


}

.label-all #test-child{
	position: absolute;
	height:100%;
	width:100%;
} 

.label-all #test-child>.button{
	position: absolute;
	height:98%;
} 

.row {

  display:inline-block;
}

.label-others .button{
padding:0.1em 1.5em;
/*margin:1.5px 2px;*/
margin-bottom: 1px;
margin-top:2px;

}





.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 16px;
  color:#b01861;
}

.ui-group .button-group  {
  display: inline-block;
  margin-right: 50px;
  vertical-align:middle;
}


/* office-year-function */
 .office-year-function {
  width:295px;
  height:160px;
  float: left;

  margin-right:5px;

	margin-bottom:5px;
	position:relative;
	
	
 }


.office-year-function>.cell-child {
	height:100%;
	width:100%;
	position:absolute;
	
}

.office-year-function>.img-hover {
	background:rgba(0,0,0,1.00);
	opacity:0;
	position:relative;
	text-align:center;
	
}

.office-year-function>.img-hover:hover {
	opacity:0.9;

} 


.hover-title{
max-height: 46px;
 padding:0 10px;
 margin-bottom: 10px;
 /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */

 /*   line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    display: box;
    line-clamp: 3;
    box-orient: vertical;*/
}


.img-hover h3 {
  max-height: 46px;
 	line-height: 1;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
	font-size: 23px;
	color:#FFFFFF;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}







.img-hover h4 {
	
	
	max-height: 30px;
	font-size: 15px;
  color:#FFFFFF;
  margin-top:10px;
  line-height: 1;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  /*-ms-margin-before: 0em;
  -ms-margin-after: 0em;
  -ms-text-overflow:ellipsis;
  display:-ms-box;
  -ms-line-clamp: 2;
  -ms-box-orient: vertical;*/
}


#cityu-content h3{
  margin-bottom:0em;
}
#cityu-content h4{
   margin-bottom:10px;
}
#cityu-content{
  line-height:normal;
}

.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
  }


  #event-calendar a{
    color:#bf165e;


  }