/* BASIC css start */
h2.title {font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: center;margin-top: 35px;}

.event-title { font-size: 36px; color: rgb(0, 0, 0); font-weight: 500; text-align: center; }
ul.tabList { margin: 30px auto 35px; text-align: center; }
ul.tabList > li { display: inline-block; font-size: 13px; margin-right: 10px; cursor: pointer; color: rgb(255, 255, 255); border-radius: 20px; width: 94px; height: 29px; line-height: 29px;color: #000;background-color: #f5f5f5;}
ul.tabList > li > a { display: block; font-size: 16px; color: rgb(0, 0, 0); transition: color 0.3s ease 0s; line-height: 40px; }
ul.tabList > li:hover { border-color: rgb(237, 28, 36); }
ul.tabList > li.sel > a { color: rgb(255, 255, 255); transition: none 0.35s ease 0s; }
ul.tabList > li.sel { background: rgb(216, 0, 28); color: #fff;}
ul.tabList > li:last-of-type { margin-right: 0px; }

.plan {
  margin: 0 auto;
  text-align: center;
  box-sizing:border-box;

  width:100%; 
padding: 0 14px;}
.plan li {
  width: 100%;
  min-height: 100%;
  text-align: center;
  
  box-sizing:border-box;
  position: relative;
margin-bottom: 25px;border-radius: 5px;overflow: hidden;}
.plan li:last-of-type {margin-bottom: 0;}
.plan li img {
  display: block;
	width:100%;
  text-align: center;

}
section.now-plan,section.end-plan {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity .5s;
}
section.show {
    height: 100%!important;
    opacity: 1!important;
}
.plan li>a {
    display: block;
    position: relative;
}
.end-box {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0009;color: #fff !important;text-align: center;font-size: 18px !important;font-weight: 400;}
.end-wrapper{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background: #0006;}

.end-box>.end-wrapper>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* BASIC css end */