*{padding:0;margin:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth}.navbar,body,html{background-color:#fff}.navbar{position:relative;height:18vh;width:100vw;position:fixed;z-index:999999}.navbar>.navtop{display:flex;width:70vw;justify-content:space-evenly}.navtop>form{width:60vw}.navtop>form>input{width:100%;border-radius:10vw;background-color:#d1d1d1;border:none;padding:.5vw .5vw .5vw 2vw}.navtop>form>input:focus{background:none}.navbar>.navbot>.slide::-webkit-scrollbar{display:none}.navbot>.slide{position:relative;height:100%;width:100%;margin-top:1vh}.navbar>.navbot>.slide{width:100vw;overflow-x:auto}.navbar>.navbot>.slide>ul{width:130vw;display:flex;justify-content:space-between;list-style:none}.navbar>.navbot>.slide>ul>li:active{border-bottom:1px solid #000}.navbar>.navbot>.slide>ul>li{font-size:1vw;font-weight:300;cursor:pointer}.poster{position:relative;height:100vh;width:100vw}.poster>img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center}.Detail{position:relative;height:95vh;width:90vw;top:1vh;left:5vw;background-color:#fff3f3;z-index:999999}.Detail>img{position:absolute;height:85vh;width:40vw;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center;border-radius:1vw}.Detail>.item{position:relative;height:15vh;width:20vw;padding:1vw}.Detail>.item>span{color:#000;font-size:1.5vw}.poster>.content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);height:40vh;width:70vw;color:#fff}.poster>.content>h1{font-weight:700;font-size:3.3vw}.poster>.content>form>input{width:60vw;padding:1vw 1vw 1vw 2vw;margin-bottom:1vh}.poster>.content>form>input:focus{border:none}.grid{min-height:100vh;width:100vw;border:1px solid #fff;display:flex;justify-content:space-around;flex-wrap:wrap;gap:2vh;padding:5vh}.grid>.contentt{position:relative;height:auto;width:auto;object-fit:cover;object-position:center;cursor:pointer}.grid>.contentt>.img{position:relative;height:100%;width:100%}.contentt>h1{position:absolute}button{position:relative;left:12.5%}.contentt>.item>a{z-index:99999}.Detail>.item>a,.contentt>.item>a{font-size:1.5vw;background:#d1d1d1;color:#fff;cursor:pointer;padding:1vw;margin:1vw;border-radius:1vw;border:none}.contentt>.item{position:absolute;bottom:0;padding:2vw;z-index:99999;display:none}i{color:#333}.item>span{color:#fff;font-weight:300;font-size:1vw;text-decoration:underline}.item>img{height:3vw;width:3vw;border-radius:50%;border:1px solid #000;margin:.5vw}.grid>.contentt:hover .item,.grid>.contentt:hover .layer{display:block}.contentt>.layer{position:absolute;height:100%;width:100%;background-color:#000;opacity:.2;display:none;z-index:99}a{text-decoration:none;color:#000}.Detail>.fav{position:absolute;width:10vw;height:10vh;display:flex;justify-content:space-around;right:5%;top:3%}.Detail>.fav>i{display:flex;justify-content:center;align-items:center;background-color:#d1d1d1;padding:0 .8vw;border-radius:1vw;font-size:1.5vw;cursor:pointer}::-webkit-scrollbar{display:none}@media screen and (max-width:500px){.navbar{height:10vh}.navbar>.navtop{width:100vw}.navbar>.navtop>form{width:80vw}.navbar>.navbot>.slide>ul{width:200vw;margin-top:1vh}.navbar>.navbot>.slide>ul>li{font-size:1.5vw}.navbar>.navtop>a{height:8vw;width:8vw}.Detail>img{height:50vh;width:50vw}.Detail>.item{width:25vw}.Detail>.fav{width:20vw;height:5vh}.Detail>.fav>i{padding:1vw;font-size:4vw}.Detail>.item{top:3%}.Detail>.item>a{font-size:4vw}}