/*--------------------------------------pt1-------------------------------------------------*/
.pt1 {
    background: url(../img/bg-7.jpg) center top/cover no-repeat;
    overflow: hidden;
}

.d01bg {
    width: var(--box-width);
    margin: 2em auto;
    border: 2px solid #fff;
    background: rgb(0 0 0 / 20%);
    overflow: hidden;
}

.d01tit {
    text-align: center;
    padding: .5em .2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(200, 146, 64, .5) 50%, rgba(255, 255, 255, 0) 100%);
    color: #fff;
    font-family: 'LongTeMing' !important;
}

.d01tit span {
    font-family: 'wt005' !important;
    padding: 0 4px;
}

.d01box {
    width: 95%;
    margin: 1em auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-auto-flow: column dense;
    grid-gap: 8px;
    justify-content: space-between;
}

.d01box2 {
    grid-template-rows: repeat(16, 1fr);
}

.d01box3 {
    grid-template-rows: repeat(17, 1fr);
}

.d01box4 {
    grid-template-rows: repeat(54, 1fr);
}

.d01li {
    color: #fff;
    font-family: 'SourceHanSansTCB' !important;
}

.d01li mark {
    background: #c1761e;
    color: #fff;
    font-family: 'SourceHanSansTCB' !important;
    padding: 0px .5em;
    border-radius: 40px;
}

.d01li span {
    color: #efd4a5;
    font-family: 'SourceHanSansTCB' !important;
}

@media all and (max-width:768px) {}

@media all and (max-width:575px) {
    .d01box {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-flow: row;
        grid-template-rows: auto;
        justify-content: space-between;
    }

    .d01liph {
        grid-column-start: span 2;
    }
}



/*--------------------------------------#pt1-------------------------------------------------*/