.home-section{margin:40px auto}.home-section .section-body{position:relative;display:flex;flex-direction:row}.home-section .btn{border:none;padding:7px 10px;background-color:#5856d6;color:#f1f3f5;position:absolute;left:0;top:10%;border-radius:3px}.home-section h3{font-weight:600;font-size:1.7rem;margin:0}.home-section p{font-size:1rem;margin:0}.home-section .section-header{text-align:right;border-right:2px solid #262626;padding-right:10px;vertical-align:middle;margin:28px 0;position:relative}@media screen and (max-width:767px){.home-section{max-width:500px}.home-section .btn{left:0}.home-section p{font-size:.75rem}.home-section h3{font-size:1.25rem}}@media screen and (min-width:768px){.home-section{max-width:700px}}@media screen and (min-width:1024px){.home-section{max-width:992px}}@media screen and (min-width:1270px){.home-section{max-width:1120px}}@media screen and (max-width:550px){.home-section{max-width:400px;margin:0 auto}}@media screen and (max-width:360px){.home-section{width:100%;margin:0 auto}}.novels-list-box{display:flex;flex-wrap:wrap;justify-content:space-between}.novels-list-box .cover{margin-inline-end:15px;width:100px;height:100%;object-fit:cover}.novels-list-box a{max-width:150px;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid hsla(0,0%,58%,.29)}.novels-list-box .novelBox{display:flex;margin:.5rem;width:300px;font-size:.8rem}.novels-list-box .novelBox h3{margin:0 0 8px;font-weight:700;font-size:1rem}.novels-list-box .chapters{display:flex;flex-direction:column;justify-content:space-around;width:100%}.novels-list-box .chapterItem{display:flex;justify-content:space-between}.novels-list-box .time{margin-right:8px;font-size:.7rem}.hero-slider .mySwiper{height:400px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.hero-slider img.imageClass{z-index:0}.hero-slider .overlay{background-color:rgba(0,0,0,.5);z-index:1;height:400px;width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;padding:2rem;user-select:none}.hero-slider .overlayContent{max-width:992px;font-size:1.75rem;text-align:center;margin:0 auto;user-select:none}.hero-slider .overlayContent div a{color:#5856d6}@keyframes fadein{0%{opacity:0}to{opacity:1}}.hero-slider .fidein{animation:fadein .5s;width:100%}.hero-slider img{width:100%;height:400px;object-fit:cover}@media screen and (max-width:768px){.hero-slider .overlayContent{font-size:1.25rem}}