@media (min-width: 1280px) {
    footer{
        background-color: #313538;
        color: #828282;
        height: 115px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        /* justify-content: flex-start; */
        align-items: center;
        font-family: PingFangTC;
        font-size: 16px;
        /* padding-bottom: 60px; */
    }

    footer li{
        list-style: none;
    }

    .inside-link{
        /* width: 600.5px; */
        left: 0%;
        padding-left: 20.13vw; /*386.5*/
    }

    .inside-link ul{
        display: flex;
        /* justify-content: space-between; */
    }

    .inside-link-text{
        width: 134px;
        font-size: 16px;
        color: #f5f5f5;
        text-align: center;
        font-family: PingFangTC-Thin;
        border-right: 1px solid #f5f5f5;
    }

    .inside-link-text.end{ 
        border-right: none;
    }

    .inside-link-text.choose{ 
        color: #c49871;
    }

    .outside-link {
        margin-left: 4.68vw; /*90*/
    }

    .outside-link ul{
        display: flex;
        flex-wrap: wrap;
    }

    .outside-link li{
        padding-right: 1.56vw; /*30*/
    }

    .footer-img{
        width: 2.6vw; /*50*/
        height: 2.6vw; /*50*/
    }

    .all-right-reserved{
        width: 7.91vw; /*152*/
        height: 17px;
        white-space: nowrap;
        margin: 17px 0 16px 0px;
        font-family: PingFangTC;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #828282;
        position: relative;
    }
}

@media (min-width: 0px) and (max-width: 1279px) {
    footer{
        /* position: fixed; */
        left:0%;
        right: 0%;
        bottom: 0%;
        padding-bottom: 16.6vw;
        background-color: #313538;
        color: #828282;
        height: 148px; 
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        /* align-items: center; */
        font-family: PingFangTC;
        font-size: 16px;
    }

    footer li{
        list-style: none;
    }

    .inside-link{
        /* width: 600.5px; */
        left: 0%;
        padding-left: 40px;
        padding-top: 23px;
    }

    .inside-link ul{
        height: 99px;
        display: flex; 
        flex-wrap: wrap;
        flex-direction: column;
        /* justify-content: space-between; */
    }

    .inside-link-text{
        width: 76px;
        height: 20px;
        font-size: 14px;
        color: #f5f5f5;
        text-align: left;
        font-family: PingFangTC;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        padding-bottom: 8px;
        padding-right: 36px;
        /* flex: 1 1 20px; */
        /* border-right: 1px solid #f5f5f5; */
    }

    .inside-link-text.end{ 
        border-right: none;
    }

    .inside-link-text.choose{ 
        color: #c49871;
    }

    .outside-link {
        margin-right: 6.66vw; /*24*/
        margin-top: 41px;
        position: absolute;
        right: 0%;
    }

    .outside-link ul{
        display: flex;
    }

    .outside-link li{
        margin: 0 0 0 3.88vw; /*0 0 0 14*/ 
        text-align: center;
        object-fit: contain;
    }

    .footer-img{
        width: 5.55vw; /*20*/
        height: 5.55vw; /*20*/
        max-width: 40px;
        max-height: 40px;
    }

    .all-right-reserved{
        width: 126px;
        height: 14px; 
        white-space: nowrap;
        margin: 114px 32.5vw 20px 32.5vw;
        font-family: PingFangTC;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #828282;
        position: absolute;
    }

    .bottom-space{
        background-color: #313538;
        width: 100%;
        height: 16.6vw; /*60*/
    }

}