@media screen and (max-width: 1399px) {

    /*--------------------------------------------------------------
    生產進度
    --------------------------------------------------------------*/
    .schedule-box .item-title ul.title02 li {
        width: 102.8px;
    }

    .schedule-box .item .schedule,
    .schedule-box .item-title ul.title02 {
        width: 720px;
    }

    .schedule-box .item .receipt,
    .schedule-box .item-title ul.title01 li:nth-child(2) {
        width: 130px;
    }

    .schedule-box .item .name {
        width: calc(100% - 850px);
    }

    .schedule-box .item-title ul.title01 {
        width: calc(100% - 720px);
    }

    .schedule-box .item-title ul.title01 li:nth-child(1) {
        width: calc(100% - 130px);
    }

    .schedule-box .item-title-top ul {
        padding-left: calc(100% - 720px);
    }

    .schedule-box .item-title-top ul li:first-child {
        width: 240px;
    }

    .schedule-box .item-title-top ul li:nth-child(2) {
        width: 480px;
    }

    .range-bar.w-01 {
        width: 102.8px;
    }

    .range-bar.w-02 {
        width: 205.6px;
    }

    .range-bar.w-03 {
        width: 308.4px;
    }

    .range-bar.w-04 {
        width: 411.2px;
    }

    .range-bar.w-05 {
        width: 514px;
    }

    .range-bar.w-06 {
        width: 616.8px;
    }

    .range-bar.w-07 {
        width: 720px;
    }

    /*--------------------------------------------------------------
    包裝進度
    --------------------------------------------------------------*/
    .package-schedule .schedule-box .item-title ul.title02 li {
        width: 80px;
    }

    .package-schedule .schedule-box .item .schedule,
    .package-schedule .schedule-box .item-title ul.title02 {
        width: 720px;
    }

    .package-schedule .schedule-box .item .receipt,
    .package-schedule .schedule-box .item-title ul.title01 li:nth-child(2) {
        width: 130px;
    }

    .package-schedule .schedule-box .item .name {
        width: calc(100% - 850px);
    }

    .package-schedule .schedule-box .item-title ul.title01 {
        width: calc(100% - 720px);
    }

    .package-schedule .schedule-box .item-title ul.title01 li:nth-child(1) {
        width: calc(100% - 130px);
    }

    .package-schedule .schedule-box .item-title-top ul {
        padding-left: calc(100% - 720px);
    }

    .package-schedule .schedule-box .item-title-top ul li:first-child {
        width: 480px;
    }

    .package-schedule .schedule-box .item-title-top ul li:nth-child(2) {
        width: 80px;
    }

    .package-schedule .schedule-box .item-title-top ul li:nth-child(3) {
        width: 160px;
    }

    .package-schedule .range-bar.w-01 {
        width: 80px;
    }

    .package-schedule .range-bar.w-02 {
        width: 160px;
    }

    .package-schedule .range-bar.w-03 {
        width: 240px;
    }

    .package-schedule .range-bar.w-04 {
        width: 320px;
    }

    .package-schedule .range-bar.w-05 {
        width: 400px;
    }

    .package-schedule .range-bar.w-06 {
        width: 480px;
    }

    .package-schedule .range-bar.w-07 {
        width: 560px;
    }

    .package-schedule .range-bar.w-08 {
        width: 640px;
    }

    .package-schedule .range-bar.w-09 {
        width: 720px;
    }
}


@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    /*-------------------------------------------------------------
    隱藏框
    --------------------------------------------------------------*/
    .position-page::after {
        content: "僅供電腦使用";
        position: fixed;
        left: 0;
        right: 0;
        top: 47px;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        font-size: 40px;
        padding-top: 40px;
        color: #666;
        background-color: #EEF0F1;
        z-index: 999;
    }

    /*-------------------------------------------------------------
    共用
    --------------------------------------------------------------*/
    .btn-blue-large,
    .btn-blue-large:hover,
    .btn-blue-large:focus,
    .btn-orange-large,
    .btn-orange-large:hover,
    .btn-orange-large:focus {
        font-size: 1.3rem;
    }

    .button-box.right button {
        width: 49%;
        margin: 0 1%;
    }

    .conbox .conbox-field04 .item {
        width: 49%;
    }

    /*--------------------------------------------------------------
    入口
    --------------------------------------------------------------*/
    .entrance {
        margin: 30px auto 0 auto;
    }

    /*********工作註記*********/
    .work-note {
        margin: 0 15px;
    }
}

@media screen and (max-width: 575px) {}

@media screen and (max-width: 350px) {}


/* 屏幕分辨率放大為 150% */
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 120dpi) {
    html {
        zoom: 80%;
    }

    /* 修復 */
    .modal-backdrop {
        width: 100%;
        height: 100%;
    }
}

/* 屏幕分辨率放大為 125% */
@media (-webkit-min-device-pixel-ratio: 1.25) {
    html {
        zoom: 80%;
    }

    /* 修復 */
    .modal-backdrop {
        width: 100%;
        height: 100%;
    }
}

/* 屏幕分辨率放大為 110% */
@media (-webkit-min-device-pixel-ratio: 1.1) {
    html {
        zoom: 80%;
    }

    /* 修復 */
    .modal-backdrop {
        width: 100%;
        height: 100%;
    }
}