@charset "utf-8";

/*----------------------------------------------------------------------
  .fz-menu
----------------------------------------------------------------------*/

article.body .fz-menu li a {
 color: #8F0038;
 border: 1px solid #8F0038;
 padding: 1em;
 background-color: #fff;
 display: block;
 text-align: center;
 transition: all 300ms ease;
}

@media all and (max-width: 767px) {
article.body .fz-menu.component-index-card .list-card { height: auto; margin-bottom: 1em; }
article.body .fz-menu.component-index-card .list-card:last-child { margin-bottom: 0; }
}

article.body .fz-menu li a:hover {
 background-color: #f8dcdd;
	opacity: 1;
}
/*----------------------------------------------------------------------

  .component-index-card
----------------------------------------------------------------------*/

@media all and (min-width: 768px) {

/*	.component-index-card.row3 .list-card:nth-last-child(-n+3) {
		margin-bottom: 0;
	}*/
	.component-index-card.row3 .list-card:nth-child(3n) {
		margin-right: 0;
	}
	.component-index-card .list-card {
		display: inline-block;
		float:left;
		margin-bottom: 45px;
		margin-right: 2.5%;
		/*padding-top: 15px;*/
		padding-top: 0px;
		/*width: 31.3%;*/
		width: 31%;
		position: relative;
	}
	.component-index-card .list-card a:hover .image .image-bg {
		transform: scale(1.15);
	}
	.component-index-card .list-card .image {
		position: relative;
	}
	.component-index-card .list-card .image img {
		vertical-align: top;
		width: 100%;
	}
	.component-index-card .list-card .image .image-bg {
		transition: 1.2s transform cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition: 1.2s transform cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.component-index-card .list-card .detail {
		padding: 30px 20px 20px;
		background: #FFF;
	}
	.component-index-card .list-card .detail .title {
		margin-bottom: 10px;
		font-size: 16px;
		color: #7f7f7f;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.component-index-card .list-card .detail .title+p {
		color:#7f7f7f;
		font-size: 14px;
	}
	
	.component-index-card .list-card .is-slice:after {
		background: #f3f3f3;

	}

}

@media all and (max-width: 767px) {

	.component-index-card .list-card {
    overflow: hidden;
    zoom: 1;
    position: relative;
    height: 100px;
    background: #FFF;
    border-bottom: 1px solid #e6e7e7;
  }
  .component-index-card .list-card .image {
    position: relative;
    overflow: hidden;
    float: left;
    width: 30%;

    max-width: 100px;
  }
  .component-index-card .list-card .image:after {
    display: none;
  }
  .component-index-card .list-card .image img {
    vertical-align: top;
    width: 150%;
    max-width: 150%;
  }
  .component-index-card .list-card .detail {
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: #FFF;
  }
  .component-index-card .list-card .detail .title {
    padding-top: 25px;
	padding-left:20px;
    font-size: 17px;
    color: #7f7f7f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

}