.work, .ect_page {
  margin: 0 20px 0 10px;
  width: 1200px;
}

.work_li_img{
  position: relative
}

.work li{
  width: 260px;
  height: auto;
  margin:20px 0 0 4%;
}

.work img{
  width: 260px;
  height: auto;
}


.ect_page {
  width: 400px;
  height: auto;
  margin-left: 120px;
}

.ect_page li{
  width: 350px;
  height: auto;
  margin: 20px 70px 10px 70px;
}

.ect_img{
  width: 350px;
  height: auto;
}

.ect_p{
 width: 350;
 overflow-wrap: break-word;
 text-align: left;
}








.work_li_img .work_mask:after{
  position: absolute;
}

.work_li_img .work_p {
	position: absolute;
	top: 100%;
}
.work_li_img:hover .work_mask {
	display: block;
}

.view{
  margin-top: -15px;
}

.video_page p{
  display: flex;
  justify-content: center;
}

.view_page p{
 display: flex;
 justify-content: center;
}

.view ul{
  width: 700px;
  height: 100px;
  justify-content: center;
  margin:-30px 0 0 0;
}

.view_li img{
  margin-left: -50px;
  margin-right: 40px;
  margin-bottom: 20px;
}

.poster_page .poster_page2{
  width: 1200px;
  margin:0 0 10px 60px ;
}

.poster_page li{
  width: 200px;
  height: auto;
  margin:20px 20px 0 20px;
}

.poster_page2 li{
  width: 250px;
  height: auto;
  margin-right: 30px;
}

.poster_page img, .poster_page2 img{
  width: 100%;
}

.view_page li{
  margin:50px 0 0 70px;
}

iframe{
  margin-top: 20px;
}

.video_p{
 display:flex ;
 justify-content: center;
}

.video_page_ul{
  width: 1200px;
}

iframe{
  width: 560px;
  height: 315px;
  margin-left: 50px;
}