:root {
    --gutter: 20px;
    --small_ad: 275px;
    --big_ad: 575px;
    --hegit: 215px
}
.ad {
    /* /* padding: var(--gutter) 0; */
    display: flex;
    /* grid-gap: var(--gutter) 0;
    grid-template-columns: var(--gutter) 1fr var(--gutter);
    align-content: start;  */
    /*   background: #DBD0BC; */
    /* overflow-y: scroll; */
}
.ad>* {
    /* grid-column: 2 / -2; */
}
.ad>.full {
    /* grid-column: 1 / -1; */
}
.hs {
    display: grid;
    grid-gap: calc(var(--gutter) / 2);
    grid-template-columns: repeat(5, var(--big_ad)); /* 修改廣告數量 */
    grid-template-rows: minmax(var(--hegit), 1fr);
    padding: 0;
    margin: 0;
    overflow-x: scroll;
    scroll-snap-type: x proximity;
    padding-bottom: calc(.75 * var(--gutter));
    margin-bottom: calc(-.25 * var(--gutter));
}
/* .hs > li:last-child {
  margin-right: 20px;
} */
.hs>li,
.item {
    scroll-snap-align: center;
    /*   padding: calc(var(--gutter) / 2 * 1.5); */
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    background: #fff;
    /*   border-radius: 8px; */
}
.item h6 {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    padding: 0;
    /* margin: 1rem 0; */
    border-left: 5px solid #3895f3;
    padding-left: .4rem;
}