.section:not(.fp-auto-height){ font-size: 0; height: 100vh; overflow: hidden; position: relative;}
#section0 .img-wrap{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#section0 .img-wrap .img{ opacity: 0;}
#section0 .img-wrap .img.show{ opacity: 1;}
.hover-btn-wrap{ width: 1000px; position: absolute; bottom: 80px; left: 0; right: 0; margin: 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.hover-btn-wrap a{ font-size: 20px; text-align: center; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.4); position: relative; color: rgba(255,255,255,.4); transition: .3s; font-size: 13px; word-break: keep-all;}
.hover-btn-wrap a:nth-child(-n+5){ width: 20%;}
.hover-btn-wrap a:nth-child(n+6){ width: 25%; border-bottom: unset;}
.hover-btn-wrap a:after{ content: ''; width: 1px; height: 20px; display: block; position: absolute; background-color: rgba(255,255,255,.4); right: 0; top: 15px;}
.hover-btn-wrap a:nth-child(5):after, .hover-btn-wrap a:nth-child(9):after{ display: none;}
.hover-btn-wrap a:hover{  color: rgba(255,255,255,1);}
@media (max-width: 1023px) {
    #section0{ margin-top: 50px; height: calc(100vh - 50px); background-image: url(../img/rooms/mo-bg.jpg)!important;}
    .section:not(.fp-auto-height){ width: 100%; }
    .section img{ width: 100%; object-fit: cover;}
    .hover-btn-wrap{ width: calc(100% - 30px); bottom: 40px; align-items: stretch;}
    .hover-btn-wrap a{font-size: 14px; color: #fff;}
    .hover-btn-wrap a:nth-child(-n+5){ width: 50%;}
    .hover-btn-wrap a:nth-child(n+6){ width: 50%; border-bottom: 1px solid rgba(255,255,255,.4);}
    .hover-btn-wrap a:last-child{ width: 100%; border-bottom: unset;}
    .hover-btn-wrap a:after{ height: 50%; top: calc(50% - 8px);}
    .hover-btn-wrap a:nth-child(5):after, .hover-btn-wrap a:nth-child(9):after{ display: block;}
    .hover-btn-wrap a:nth-child(2n):after, .hover-btn-wrap a:last-child:after{ display: none;}
}