@charset "UTF-8";
/*===========================================
Donate TMUA
===========================================*/
.donateUS__num{
    font-size:1.125rem;
    margin-bottom:40px;
    text-align:center;
}
    .donateUS__num strong{
        color:var(--primary-color);
    }
.footer__donate{
    display:none;
}
/*-------------------------------------------
贊助資訊
-------------------------------------------*/
.donateUS{
    display:flex;
    flex-wrap:wrap;
    margin:0 -30px;
    position:relative; z-index:2;
}
    .donateUS__type{
        flex:0 0 33.3333%;
        padding:0 30px;
        font-size:.875rem;
        line-height:1.5;
    }
    .donateUS__type:nth-of-type(n+2){
        border-left:1px solid rgba(0,0,0,.1);
    }
        .donateUS__type img{
            display:block;
            width:75%;
            height:50px;
            object-fit:contain;
            object-position:left;
            margin-bottom:5px;
        }
        .donateUS__type h4{
            margin:5px 0 10px;
            color:var(--tertiary-color);
            font-size:1.25rem; font-weight:400;
        }
        .donateUS__type h3{
            margin:0 0 10px;
            color:#111;
            font-size:1.5rem;
        }
        .donateUS__type small{
            display:block;
            margin-top:5px;
        }
        .donateUS__type .btn{
            margin:0;
        }
@media screen and (max-width:1280px){/* Air Mac */
    .donateUS{
        margin:0 -20px;
    }
        .donateUS__type{
            padding:0 20px;
        }
}
@media screen and (max-width:992px){
    .donateUS{
        padding-right:env(safe-area-inset-right);
        padding-left:env(safe-area-inset-left);
    }
}
@media screen and (max-width:720px){
    .donateUS{
        margin:00;
    }
        .donateUS__type{
            flex-basis:100%;
            padding:15px 0;
        }
        .donateUS__type:nth-of-type(n+2){
            border:none; border-top:1px solid rgba(0,0,0,.1);
        }
}

/*-------------------------------------------
捐款芳名錄
-------------------------------------------*/
.donate__list{
    list-style:none;
    margin:-15px 0 0;
    padding:0;
}
    .donate__list li{
        border-bottom:1px solid rgba(0,0,0,.1);
        padding:15px 270px 15px 0;
        position:relative;
    }
        .donate__list a{
            color:#111;
            font-weight:700;
        }
        .donate__list a:focus,
        .donate__list a:hover{
            color:var(--hover-color);
        }
        .donate__list .donate__period{
            color:#777;
            position:absolute; right:0;
        }
@media screen and (max-width:568px){/* i5 Landscape */
    .donate__list li{
        padding:15px 0;
    }
        .donate__list .donate__period{
            display:block;
            font-size:.875rem;
            margin-top:5px;
            position:static;
        }
}

/*-------------------------------------------
線上捐款
-------------------------------------------*/


@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    [name*='code2'] + .explanation{
        display:block;
    }
}