.ads-section{display:flex;flex-direction:row;justify-content:center;padding-top:1rem;padding-bottom:1rem}
.adtop,.adtop img{width:fit-content;height:fit-content}
.listToptitle h1,.listToptitle h2,.listToptitle h3{border-left:8px solid #c04c4c;border-radius:5px;font-size:26px;line-height:1;padding:5px 11px 1px;color:#a63e3e;font-weight:600}
.listToptitle{padding-bottom:25px;padding-top:0}
.publistTime{color:#fff;font-weight:500;font-size:14px;display:block;margin-bottom:10px}
.fullListDate{display:block;font-size:15px;font-weight:500;margin-bottom:5px}
.fullList{display:flex;width:100%;margin-bottom:20px;align-items: self-start;}
.fullListImg{width:256px;position:relative;padding-bottom:15.25%;display:block;}
.fullListInfo{width:calc(100% - 256px);padding-left:17px}
.fullListImg img{border-radius:5px;height:100%;width:100%;object-fit:cover;position:absolute;z-index:1;box-shadow:0 0 5px -1px #ddd}
.itemlisttitle, .itemlisttitle h3, .itemlisttitle h2{font-size:20px;font-weight:700;margin-bottom:11px;color:#333;text-decoration:none;display:block}
.itemlistinfo{font-size:16px;color:#5a5a5a;text-decoration:none;display:block}
.listgroupmain{display:flex;flex-wrap:wrap}
.listgroupmain .fullList:first-child,.listgroupmain .fullList:nth-child(2){margin:0;display:block;position:relative;width:50%;margin-bottom:20px}
.listgroupmain .fullList:first-child .fullListImg,.listgroupmain .fullList:nth-child(2) .fullListImg{width:100%;padding-bottom:56.25%}
.listgroupmain .fullList:nth-child(2) .fullListImg{width:calc(100% - 7px);margin-left:auto}
.listgroupmain .fullList:first-child .fullListImg{width:calc(100% - 7px);margin-right:auto}
.listgroupmain .fullList:first-child .fullListInfo,.listgroupmain .fullList:nth-child(2) .fullListInfo{display:block;box-sizing:border-box;margin-top:auto;position:absolute;bottom:0;width:calc(100% - 7px);padding:50px 27px 10px 16px;z-index:2;background:linear-gradient(0deg,rgb(0 0 0 / 80%) 40%,rgb(0 0 0 / 0%) 98%);border-radius:0 0 4px 4px}
.listgroupmain .fullList:nth-child(2) .fullListInfo{right:0}
.listgroupmain .fullList:first-child .fullListDate,.listgroupmain .fullList:nth-child(2) .fullListDate{color:#fff}
.listgroupmain .fullList:first-child .itemlisttitle,.listgroupmain .fullList:nth-child(2) .itemlisttitle, .listgroupmain .fullList:nth-child(2) .itemlisttitle h2, .listgroupmain .fullList:nth-child(1) .itemlisttitle h2{color:#ffff;margin-bottom:0}
.listgroupmain .fullList:first-child .itemlistinfo,.listgroupmain .fullList:nth-child(2) .itemlistinfo{display:none}
.playic{position:absolute;height:40px;width:40px;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(https://www.thejbt.com/commondir/images/vid-icon.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;z-index:9}
.webstoryWrapCard{display:flex;flex-wrap:wrap;margin:0 -7px}
.webstoryCart{width:25%;padding:7px 7px}
.webstoryAbsolute{display:block;position:relative;padding-bottom:177.778%;border-radius:5px;overflow:hidden}
.webstoryAbsolute img{height:100%;width:100%;object-fit:cover;position:absolute;z-index:1;display:block}
.webstoryAbsoluteItem{background:linear-gradient(180deg,#2b2b2b00,#2b2b2ba1);padding:10px 10px;position:relative;border-radius:5px;z-index:1}
.webstoryOverlay{padding:50px 13px 13px;position:absolute;bottom:9px;width:calc(100% - 20px);left:0;right:0;margin:0 auto;z-index:1;background:linear-gradient(0deg,rgb(0 0 0 / 70%) 40%,rgb(0 0 0 / 0%) 98%)}
.webstoryTime{color:#fff;display:block;font-size:14px;margin-bottom:10px}
.webstoryInfotime a{display:block;color:#fff;text-decoration:none;font-size:18px;font-weight:500;line-height:1.3}
.authorbanner{background:#fafafa;padding:20px;border-radius:10px;border:2px solid #f7f7f7;display:flex;align-items:center;margin-bottom: 25px;}
.authimg{width:166px;text-align:center}
.authinfo h3 {font-size: 22px;color: #c01e1e;}
.authimg img{height:130px;width:130px;object-fit:cover;border-radius:50%;display:block;margin:0 auto}
.authinfo{width:calc(100% - 166px);padding-left:20px}
.authnamehead{text-align:center;padding:15px 0}
.authnamehead h1,.authnamehead h2{font-size:17px;color:#333}
.authnamehead h3,.authnamehead h4{font-size:15px;font-weight:500}
.authsocial{display:flex;align-items:center}
.authsocial a{margin:0 5px;display:block}
.authsocial a img{display:block}
/*loadmore*/
.loadmoreButton {text-align: center;padding: 30px 0 20px;width: 100%;}
.loadmoreButton button {border: 2px solid #B30000;padding: 18px 25px 15px;font-size: 17px;outline: 0;line-height: 1;border-radius: 0;background-color: transparent;color: #B30000;cursor: pointer;transition: all .8s;letter-spacing: .5px;min-width: 200px;text-align: center;display: inline-block;border-radius: 35px;font-weight: 600;}
.loadmoreButton button:hover {background-color: #d4005f;color: #fff;border-color: #d4005f;}

/*tag author*/
.anchor-selfdetails-content h2,.anchor-selfdetails-content h3{font-size:28px;font-weight:700;margin:0 0 5px;line-height:1.3}
.anchor-selfdetails-content label{font-size:18px;font-weight:700;display:block;margin:0}
.anchor-selfdetails-content > span{font-size:16px;font-weight:500;margin-bottom:13px;display:inline-block;position:relative;border-bottom:1px solid #000;line-height:1;padding-bottom:2px}
.anchor-selfdetails-content > span:after{content:"";left:0;height:1px;position:absolute;bottom:-1px;width:29%;background-color:red;display:block}
.anchor-selfdetails-content p{font-size:16px;line-height:1.7;margin-top: 0px}
.anchor-selfdetails-read{text-align: right; padding-top: 16px; margin-top: -5px; position: relative; top: 0px;}
.anchor-selfdetails-read button{font-size:12px;color:#b30000;font-weight:700;text-decoration:none;background-color: transparent;outline: none;border: none;cursor: pointer;}
.anchor-selfdetails-read button:hover{text-decoration:none}
.anchor-selfdetails-content{flex: 3; padding: 16px 20px; display: flex; flex-direction: column; position: relative;}
.anchor-selfdetails{display: flex; background: linear-gradient(45deg, #ff5f6d21, #ffc37121); margin-bottom: 10px; border-radius: 5px;}
.anchor-selfimage{flex: 1; padding: 20px; display: flex; justify-content: center; border-right: 2px solid #e9c0bd;}
.anchor-selfimage img{width: 290px;height: auto;display: block;margin: 0 auto;max-height: 163px;}
.anchor-selfdetails-wrap{padding-top:15px;padding-bottom:15px}
.anchor-selfdetails-content p:last-child{margin-bottom:0}
.anchor-onclickscrollin{height:110px;overflow:hidden;transition:height .3s}
.slcroll-active .anchor-onclickscrollin{height:auto;max-height:190px;overflow-y:auto}
.anchor-selfdetails-read button em{font-style:normal}
.slcroll-active .anchor-selfdetails-read button em{display:none}
.anchor-onclickscroll.slcroll-active .anchor-selfdetails-read button:after{content:attr(data-button)}
.slcroll-active .anchor-selfdetails-read {top: 0px;}
@media(max-width:1033px){.anchor-selfimage img{width: 150px;max-height: 85px;}}


