.td__main-book-pick .topic-active{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;height:100%;width:100%}.td__main-book-pick .td__image-banner{position:relative;height:130px;width:100%}@media (min-width:768px){.td__main-book-pick .td__image-banner{height:250px}}.td__main-book-pick .td__image-banner h1{position:absolute;top:50%;left:32px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:22px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.td__main-book-pick .td__image-banner h1{left:130px;font-size:48px}}.td__main-book-pick .td__image-banner img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.td__main-book-pick .td__content{display:flex;align-items:center;justify-content:center}@media (min-width:768px){.td__main-book-pick .td__content{margin-left:24px;margin-right:24px}}.td__main-book-pick .td__content .td__content-info{margin-top:56px;margin-bottom:12px;display:block;width:100%;gap:64px}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info{margin-top:100px;margin-bottom:76px;display:flex;max-width:1660px;border-style:none;padding-left:0;padding-right:0}}.td__main-book-pick .td__content .td__content-info .content-topic-item{display:flex;gap:16px;padding-top:24px;padding-bottom:24px}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .content-topic-item{gap:40px;padding-top:40px;padding-bottom:40px}}.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left{display:flex;height:132px;flex:1 1 0%;flex-direction:column}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left{height:172px;justify-content:space-between}}.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-title{margin-bottom:12px;font-size:16px;font-weight:600;--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1))}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-title{margin-bottom:16px;font-size:20px}}.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-title{max-width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-caption{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-line;font-size:14px;line-height:24px}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-caption{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:18px;line-height:32px}}.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-caption{max-width:100%}.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-seen-more{display:flex;align-items:center;justify-content:flex-start;font-size:12px;--tw-text-opacity:1;color:rgb(109 109 114/var(--tw-text-opacity,1))}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .content-topic-item .box-info-left .text-seen-more{font-size:18px}}.td__main-book-pick .td__content .td__content-info .list-topic-left::-webkit-scrollbar{display:none}.td__main-book-pick .td__content .td__content-info .list-topic-left{margin-bottom:32px;display:flex;width:100%;gap:4px;overflow:hidden;overflow-x:auto}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .list-topic-left{margin-bottom:0;flex-direction:column;gap:16px;overflow-x:visible}}.td__main-book-pick .td__content .td__content-info .list-topic-left{-ms-overflow-style:none;scrollbar-width:none}.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item{display:flex;height:80px;width:230px;flex-shrink:0;cursor:pointer;align-items:center;padding-left:32px;padding-right:32px}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item{height:140px;width:100%}}.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .text-title{margin-bottom:12px;font-size:12px}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .text-title{font-size:14px}}@media (min-width:1660px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .text-title{font-size:16px}}.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .text-caption{font-size:14px}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .text-caption{font-size:16px}}@media (min-width:1660px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .text-caption{font-size:20px}}.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .active .text-title{margin-bottom:12px;font-size:12px;font-weight:700}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .active .text-title{font-size:16px;line-height:20px}}@media (min-width:1660px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .active .text-title{font-size:20px}}.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .active .text-caption{word-break:keep-all;font-size:14px;font-weight:700}@media (min-width:768px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .active .text-caption{font-size:18px}}@media (min-width:1660px){.td__main-book-pick .td__content .td__content-info .list-topic-left .topic-item .active .text-caption{font-size:22px}}@media (min-width:768px) and (max-width:1366px){.text-caption{-webkit-line-clamp:3!important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media (max-width:768px){.text-caption{-webkit-line-clamp:2!important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}