.viewtype > .thumb-view{background:url('./images/thumbnail_over.png') no-repeat center;}
.viewtype > .list-view{background:url('./images/listview.png') no-repeat center;}
.view-list .viewtype > .thumb-view{background:url('./images/thumbnail.png') no-repeat center;}
.view-list .viewtype > .list-view{background:url('./images/listview_over.png') no-repeat center;}

.grid{display:flex;flex-wrap:wrap;gap:12px;}
.grid dd{margin:0;padding:0;width:calc(50% - 6px);}
.tab_content > dl dd a > .thumb{text-align:center;}
.tab_content > dl dd a > .thumb > img{width:80%;max-width:1000px;height:auto;max-height:1000px;border:1px solid #cfcece;}
.tab_content > dl dd a > p{width:100%;height:auto;min-height:18px;line-height:18px;text-align:center;font-size:12px;margin:10px 0;letter-spacing:-1px;}
.book-heading{display:block;margin:0 0 4px;color:#273896;}
.smartmobile{display:none;}
.smartdesktop{display:block;}
.tight-title{letter-spacing:-1px;}

.view-list .grid{display:block;}
.view-list .tab_content > dl dd{float:none;width:100%;height:64px;margin:0;}
.view-list .tab_content > dl dd > a > .thumb{float:left;width:37px;height:64px;margin:0 32px 0 0;padding:0;line-height:64px;}
.view-list .tab_content > dl dd > a > .thumb > img{width:auto;max-width:55px;height:auto;max-height:50px;border:1px solid #cfcece;}
.view-list .tab_content > dl dd > a > p{float:left;width:calc(100% - 78px);height:64px;line-height:64px;border-bottom:1px solid #bdbdbd;text-align:left;margin:0;letter-spacing:-1px;overflow:hidden;}
.view-list .book-heading{display:inline;margin:0 6px 0 0;}

@media(min-width:565px){
    .grid dd{width:calc(100% / 3 - 8px);}
}
@media(min-width:810px){
    .grid dd{width:calc(100% / 4 - 9px);}
}
@media(min-width:1020px){
    .grid dd{width:calc(100% / 5 - 10px);}
}
@media(max-width:1200px){
    .smartmobile{display:block;}
    .smartdesktop{display:none;}
}