@charset "utf-8";

.mvp115 {width:100%;height:100%;float:left;clear:both; background:#fff;}
.mvp115 .mvboard_wrap {margin:0 auto; position:relative; }
.mvp115 .mvboardconBox {width:100%; overflow:hidden; }
.mvp115 .mvboardconBox .mvboardBlock {position:relative;float:left;width:100%;/*margin: 65px 0 85px;*/box-sizing:border-box;z-index: 1;}
.mvp115 .mvboardconBox .mvboardBlock .mvboardtitle {position: relative;margin-bottom: 15px;padding: 15px 0;border-bottom:2px solid #34332f;font-weight:600;/*font-size: 21px;*/white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#333;}
.mvp115 .mvboardtitle:after {display: inline-block; margin-left:5px; content:'\f0dd'; font-family:'fontAwesome'; transform: translateY(-35%); font-size: 14px; color:#000;}

.mvp115 .mvboardconBox .mvboardBlock > ul {width:100%;/*margin-bottom: 15px;*/box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.mvp115 .mvboardconBox .mvboardBlock > ul li + li {margin-top: 23px;}
.mvp115 .mvboardconBox .mvboardBlock > ul li {display: flex;align-items: center;}
.mvp115 .mvboardconBox .mvboardBlock > ul:after {content:''; display: block; clear:both;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img {overflow: hidden;display:table-cell;width: 168px;height: 95px;vertical-align:middle;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img > span {float:left; width:100%;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img .imgbox {width:100%; float:left; height: 95px; overflow:hidden; position:relative; box-sizing:border-box; border:1px solid rgba(0,0,0,0.1);}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img .imgbox img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto;
																									width:auto; height:auto; min-height:100%; min-width:100%; max-width:180%; max-height:180%; transition: transform 1s;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt {width: calc(100% - 168px);padding: 0 20px;box-sizing:border-box;float:left;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt .btit {overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; max-height: 2.4em; word-break: break-all; width: 100%; font-weight: 600; color:#333;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt .writer {overflow:hidden; display: block; width:100%; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; font-size: 12px;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt .date {margin-top: 5px; color:#1c1c1c; font-size: 11px;}
.mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt a {/* font-family: 'SegoeUI'!important; */display: inline-block;}

.mvp115 .mvboardconBox .mvboardBlock .plus{position: absolute;top:0px;right: 0px;width: 50px;height: 52px;cursor:pointer;z-index: 1;}
.mvp115 .mvboardconBox .mvboardBlock .plus:before{position:absolute;top: 50%;left: 50%;width: 19px;height: 1px;margin: 2px 0 0 -8px;background: #000;content: '';}
.mvp115 .mvboardconBox .mvboardBlock .plus:after{position: absolute;top: 50%;left: 50%;width: 1px;height: 19px;margin: -7px 0 0 1px;background: #000;content: '';}

/* hover */
.mvp115 .mvboardconBox .mvboardBlock > ul li:hover div.event-img img {transform:scale(1.1);}

/* layout setting */
.layout_height_H {height: 350px;}
.layout_height_H .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt .writer,
.layout_height_M .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt .writer,
.layout_height_L .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-txt .writer {display: none;}
.layout_height_H .mvp115 .mvboardconBox .mvboardBlock > ul li + li {margin-top: 14px;}
.layout_height_H .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img,
.layout_height_H .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img .imgbox {height: 85px;}

.layout_height_M .mvp115 .mvboardconBox .mvboardBlock > ul li:nth-child(n+3) {display: none;}
.layout_height_M .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img,
.layout_height_M .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img .imgbox {height: 82px;}
.layout_height_M .mvp115 .mvboardconBox .mvboardBlock > ul li + li {margin-top: 18px;}

.layout_height_L .mvp115 .mvboardconBox .mvboardBlock > ul li:nth-child(n+2) {display: none;}
.layout_height_L .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img,
.layout_height_L .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img .imgbox {height: 82px;}

/* layout option */
.border-radius .mvp115 .mvboardconBox .mvboardBlock > ul li div.event-img .imgbox {border-radius:15px;}

/* no-data */
.mvp115 .mvboardconBox .mvboardBlock > ul li.no_data div.event-txt p {}


@media (max-width:799px){
	.mvp115 .mvboardconBox .mvboardBlock > ul {padding:0 30px;}
	.mvp115 .mvboardconBox .mvboardBlock .mvboardtitle {padding:12px 30px;}
	.mvp115 .mvboardconBox .mvboardBlock .mvboardtitle:after {font-size: 13px;}
	.mvp115 .mvboardconBox .mvboardBlock {margin-top:0;/*margin-bottom: 155px;*/box-sizing: border-box;}
	.mvp115 .mvboardconBox .mvboardBlock .plus {width: 20px;height: 20px;top: 10px;right: 27px;}
}
