.notes{margin-top:-60px;width:100%;padding:80px 0;background:#fff}.notes img,.notes video{width:100%;-o-object-fit:cover;object-fit:cover;height:calc(100vh - 200px)}.notes h1{text-align:center;font-weight:700;color:#222;padding:10px 0}.notes .notes-content{border-radius:20px;overflow:hidden;display:flex;flex-direction:row;flex-wrap:nowrap}.notes .notes-text{width:50%;white-space:pre-wrap;word-wrap:break-word;height:calc(100vh - 200px)!important;overflow:auto;padding:0 20px;background:#f5f5f5;color:#222;font-size:16px}.notes .notes-text::-webkit-scrollbar{width:0!important}.notes .notes-imges{width:50%}.notes .notes-imges:hover .inner-detail-preview-back,.notes .notes-imges:hover .inner-detail-preview-next{opacity:1}.notes .notes-imges .inner-detail-preview-back{transition:all .2s ease-in-out;opacity:0;width:40px;height:40px;background:rgba(0,0,0,.5);border-radius:25px}.notes .notes-imges .inner-detail-preview-back span{font-size:24px;height:40px;line-height:40px;color:#fff;text-align:center;width:100%;display:inline-block}.notes .notes-imges .inner-detail-preview-next{transition:all .2s ease-in-out;opacity:0;position:absolute;width:40px;height:40px;background:rgba(0,0,0,.5);border-radius:25px}.notes .notes-imges .inner-detail-preview-next span{font-size:24px;height:4px;line-height:40px;color:#fff;text-align:center;width:100%;display:inline-block}@media screen and (max-width:1000px){.notes .notes-content{width:100%}}@media screen and (min-width:1000px){.notes .notes-content{width:1000px;margin:0 auto}}