/* ==================  content04  ================== */
#content04{width: 100%;height: auto;overflow: hidden;padding-top: 0;}
#content04 .col-1 li {height:800px;}
#content04 figure{width: 100%;height: 100%;position: relative;border: 1px solid #fff;box-sizing: border-box;}
#content04 figure img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .3s;}
#content04 .blackbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.5);transition: .3s;}

#content04 figure .text{width:100%; top:50%; left:50%;transform: translate(-50%,-50%);opacity: 1;box-sizing: border-box;position: absolute;transition: .5s;}

#content04 .textwrap h4 {font-size: 60px; line-height: 68px; color: #fff;}
#content04 .textwrap p {font-size: 24px; color: #fff;}
#content04 .textwrap span {display: inline-block;background: #fff;width:1px; height:57px;}
#content04 .textup p {font-size: 16px;line-height: 24px;letter-spacing: 0.04em;color: #fff;}

.view-btn {margin:60px auto;width:200px; height:55px; line-height: 55px;border: 1px solid #fff;text-align: center;font-size: 14px;letter-spacing: 1px;color: #fff; transition: .3s;}

#content04 figure:hover .blackbg{background-color: rgba(0,0,0,0);}
#content04 figure:hover img{transform: scale(0.97,0.97);}
#content04 figure .view-btn:hover { border: 1px solid #3f9aaf; background-color: #3f9aaf;}


@media screen and (max-width: 820px) {
    #content04{padding-top: 50px;}
    #content04 .col-1 li {box-sizing: border-box;height:700px;}
    #content04 .textwrap{border-left: 0;padding-left: 0;margin-bottom: 0;}
    #content04 figure:hover .blackbg{background-color: rgba(0,0,0,.5);}
    #content04 figure:hover img{transform: scale(1);}
    #content04 figure:hover .text{display: block;}
}


@media screen and (max-width: 540px) {
    #content04 .col-1 li {height:400px;}
    #content04 .textwrap h4 {margin-top: 20px; font-size: 40px; }
    #content04 .textwrap p {font-size: 18px; color: #fff;}
    #content04 .textwrap span {display: inline-block;background: #fff;width:1px; height:30px;}
    #content04 .textup p {font-size: 14px;}
    .view-btn {margin:30px auto;width:200px;}
}