html{width: 100%;height: 100%; background-image:url(../images/23_02.png);background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center}



.preview-text{display: block;}
.video-date{color: #2b97a7;font-size: 1.3em;}
.video-text{color: #686868;font-size: 1.2em;overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;  -webkit-box-orient: vertical;   overflow: hidden;height:22px;}
.preview-text__title{font-size: 1.5em;}
.gov-time{justify-content: center;margin: 10px 0;}
.preview-box__list{width: calc(100%/3 - 32px);}
.photo-detail-text{font-size: 1.6em;line-height: 2em;margin: 20px 0;}


@media only screen and (max-width:1024px)
{
    .preview-box__list{width: calc(100%/2 - 30px);}
}
@media only screen and (max-width:520px)
{
    .preview-box__list{width: 100%;}
}