/*解決手機畫面問題*/

/*選單*/
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

/*Login 畫面*/
#loginForm {
    padding: 0;
    margin: 0;
    margin-top: 60px;
}

#loginForm > .modal-lg {
    width: 40vh;
}

#loginForm .accTd {
    font-size: 1.2em;
/*    width: 100px;
*/}

/*對話窗*/
#OpenSelectModal a {
    font-size: 30px;
}
/*
#myModal .modal-dialog {
    width: 800px;
}*/

/*#myModal1 .modal-dialog {
    width: 1200px;
}*/

#SelectModal .modal-dialog {
    width: 63vh;
}

#SelectModal1 .modal-dialog {
    width: 63vh;
}

.modal-body td[data-td="搜尋"] {
    width: 80px;
    font-size: 1em;
}

.modal-body input[name="SEARCH"] {
    font-size: 1em;
}

.modal-body .btn {
/*    font-size: 1em;
*/    width: 120px;
}

.modal-footer {
    background-color: white;
}

    .modal-footer .btn {
/*        font-size: 1em;
*/        width: 120px;
    }

    .modal-footer a {
        padding-top: 5px;
    }

    .modal-footer table {
        width: 96%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .modal-footer td {
        text-align: center;
    }

#filterform .filterformTD1 {
    width: 100px;
}

#filterform .filterformTD2 {
    width: 500px;
}

    #filterform .filterformTD2 input {
        width: 200px;
    }

#filterform .filterformTD3 {
    width: 150px;
}

@media (min-width: 350px) and (max-width: 768px) {
    #loginForm > .modal-lg {
        width: 40vh;
    }
}



/*通用*/
@media (max-height: 768px) {

    /*選單*/
    .menutitle {
/*        font-size: 1em;
*/    }

    .submenutitle {
        font-size: 1.5em;
    }

    .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .userName {
        font-size: 1.5em;
    }

    .logout-link {
        font-size: 1.5em;
    }

    .navbar-toggle {
        padding: 9px 5px;
    }

    .navbar-nav {
        margin: 5px -15px 0 -15px;
    }

    #loginForm > .modal-lg {
        width: 45vh;
    }

    #loginForm .accTd {
/*        font-size: 0.8em;
*/        width: 80px;
    }

    #loginForm .form-control {
        height: 25px;
        width: 80%;
    }

    #loginForm .btn {
/*        padding: 5px;
*/    }

    .modal-title {
/*        font-size: 1em;
*/    }

    .accTable td {
        padding: 8px;
    }

    .footer {
        font-size: 0.6em;
        height: 12px;
    }

    .container h2 {
        font-size: 2em;
    }

    .col-form-label {
/*        font-size: 1em;
*/    }

    .form-control {
        height: 25px;
    }

    .form-select {
/*        font-size: 1em;
*/        padding: 0;
    }
    table.table td {
        vertical-align: top;
/*        white-space: pre-wrap;
*/        word-wrap: break-word;
        word-break: break-all;
    }
    table.table td a {
        min-width: auto;
/*        font-size:15px;
*/    }

    /*對話窗*/
    #OpenSelectModal a {
        font-size: 20px;
    }

/*    #myModal .modal-dialog {
        width: 95vw;
    }

    #myModal1 .modal-dialog {
        width: 95vw;
    }

    #myModal2 .modal-dialog {
        width: 95vw;
    }

    #myModal3 .modal-dialog {
        width: 95vw;
    }

    #SelectModal .modal-dialog {
        width: 95vw;
    }

    #SelectModal1 .modal-dialog {
        width: 95vw;
    }*/

    .modal-body td[data-td="搜尋"] {
        width: 50px;
/*        font-size: 0.8em;
*/    }

    .modal-body input[name="SEARCH"] {
/*        font-size: 0.8em;
*/    }

    .modal-body .btn {
/*        font-size: 0.8em;
*/        width: 80px;
        height: 25px;
        padding: 0;
    }

    .modal-body .table th, .modal-body .table td {
/*        font-size: 0.6em;
*/    }

    .modal-footer td {
        text-align: center;
    }

    .modal-footer .btn {
/*        font-size: 0.8em;
*/        width: 100px;
        height: 25px;
        padding: 0;
    }

    .modal-footer table {
        width: 96%;
        margin-left: 10px;
        margin-right: 10px;
    }

    table.table td i {
        font-size: 16px;
    }

    table.table td a.add i {
        font-size: 16px;
    }
}


/*詢價公告*/
.inquiryann .piFilterTD1 {
    width: 100px;
}

.inquiryann #qForm {
    width: auto;
    border: none;
}
.inquiryann #qForm .col-form-label {
    font-size: 1em;
}
.inquiryann #qForm .qFormTD1 {
    width: 100px;
}
.inquiryann #qForm .qFormTD2 input {
    font-size: 1em;
}

.inquiryann #squoteForm {
    width: auto;
    border: none;
}
.inquiryann #squoteForm .col-form-label {
    font-size: 1em;
}
.inquiryann #squoteForm .qFormTD1 {
    width: 100px;
}
.inquiryann #squoteForm .qFormTD2 input {
    font-size: 1em;
}
.inquiryann #squoteForm1 {
    width: auto;
    border: none;
}
.inquiryann #squoteForm1 .col-form-label {
    font-size: 1em;
}
.inquiryann #squoteForm1 .qFormTD1 {
    width: 100px;
}
.inquiryann #squoteForm1 .qFormTD2 input {
    font-size: 1em;
}
.inquiryann #squoteForm1a label {
    font-size: 1em;
}

.inquiryann #myModal #TInQuiry {
    width: 100%;
}

.inquiryann #myModal3 #TInQuiry {
    width: 100%;
}

/*詢價維護*/
.inquirymaint .inqfooter td {
    text-align: center;
}
.inquirymaint .modal-footer a {
    padding-top: 10px;
}

.inquirymaint .inqfooter .btn {
    margin: 2px;
    width: 120px;
    height: 30px;
    padding: 0;
    background-color: #257e4a;
}

.inquirymaint .inqfooter table {
    width: 96%;
    margin-left: 10px;
    margin-right: 10px;
}
inquirymaint .div1 {
    height: 280px;
    overflow-y: auto;
}
inquirymaint .div1 {
    height: 280px;
    overflow-y: auto;
}

/*核價批核*/
.apprpurc #filterForm .filterformTD1 {
    width: 120px;
    text-align: right;
}

.apprpurc #filterForm .filterformTD2 {
    width: 100px;
/*    text-align: right;
*/}
.apprpurc #filterForm .filterformTD2 > input {
/*    width: 200px;
*/    height: 32px;
    font-size: 1em;
}

.apprpurc #filterForm .filterformTD3 {
    width: 120px;
}

.apprpurc #filterForm .filterformTD3 input {
    width: 120px;
    font-size: 1em;
}
.apprpurc #filterForm .filterformTD4 {
}

.apprpurc #filterForm .filterformTD4 input {
    width: 120px;
    font-size: 1em;
}

.apprpurc #filterForm .filterformM3TD1 {
    text-align: right;
}
/*核價覆核*/
.replaypurc #filterForm .filterformTD1 {
    width: 120px;
}

.replaypurc #filterForm .filterformTD2 {
    width: 100px;
}

.replaypurc #filterForm .filterformTD2 > input {
    width: 200px;
    height: 32px;
    font-size: 1em;
}

.replaypurc #filterForm .filterformTD3 {
    width: 120px;
}

.replaypurc #filterForm .filterformTD3 input {
    width: 120px;
    font-size: 1em;
}

.replaypurc #filterForm .filterformTD4 {
}

.replaypurc #filterForm .filterformTD4 input {
    width: 120px;
    font-size: 1em;
}
.replaypurc .table-hidden td[data-th="覆核"],
.replaypurc .table-hidden th[data-th="覆核"] {
    width: 60px;
    text-align: center;
}
/*原料分區*/
.rmpartmaint #myModal1 > .modal-lg {
    width: 500px;
}
.rmpartmaint #filterform .trRow .btn {
    font-size: 1em;
    padding: 0;
    width: 110px;
    height: 35px;
}
.rmpartmaint .modal-footer {
    height: 30vh;
    padding-top: 20vh;
    padding-bottom: 12vh;
}

/*報價查詢*/
.quotequery .modal-footer a {
    padding-top: 10px;
}

.quotequery #myModal .modal-lg {
    width: 1200px;
}

.quotequery #myModal1 .modal-lg {
    width: 1200px;
}

.quotequery #myModal2 .modal-lg {
    width: 600px;
}

.table-hidden td {
/*    font-size: large;
*/}

.quotequery .piFilterTD1 {
    width: 70px;
}
.quotequery .piFilterTD2 {
    width: 250px
}
    .quotequery .piFilterTD2 a {
        font-size: 30px;
        margin-right: 5px;
    }
.quotequery .piFilterTD3 {
    width: 70px
}
.quotequery .piFilterTD4 {
    width: 400px
}
.quotequery .piFilterTD5 {
    width: 70px
}
.quotequery .piFilterTD5 .btn {
    width: 100px;
}

.quotequery #qForm {
    width: auto;
    border: none;
}

.quotequery #qForm .col-form-label {
    font-size: 1em;
}

.quotequery #qForm .qFormTD1 {
    width: 100px;
}

.quotequery #qForm .qFormTD2 input {
    font-size: 1em;
}

.quotequery #squoteForm {
    width: auto;
    border: none;
}

.quotequery #squoteForm .col-form-label {
    font-size: 1em;
}

.quotequery #squoteForm .qFormTD1 {
    width: 100px;
}

.quotequery #squoteForm .qFormTD2 input {
    font-size: 1em;
}

.quotequery #squoteForm1 {
    width: auto;
    border: none;
}

.quotequery #squoteForm1 .col-form-label {
    font-size: 1em;
}

.quotequery #squoteForm1 .qFormTD1 {
    width: 100px;
}

.quotequery #squoteForm1 .qFormTD2 input {
    font-size: 1em;
}

.quotequery #squoteForm1a label {
    font-size: 1em;
}

.quotequery #myModal #TInQuiry {
    width: 100%;
}

.quotequery #myModal3 #TInQuiry {
    width: 100%;
}

.quotequery #squoteForm1a label {
    font-size: 1em;
}
.quotequery #filterCell #filterCell1 {
    width: 70px;
}

/*進貨資料*/
.purcinfo .table-hidden td {
/*    font-size: large;
*/}
.purcinfo #poFilter select {
/*    font-size: large;
*/}
.purcinfo #poFilter .btn {
    width: 100px;
    height: 35px;
}

/*合約書*/
.agreement .btn {
    width: 120px;
}
.agreement .piFilterTD1 {
    width: 100px;
}
.agreement .piFilterTD2 {
    width: 500px;
}
.agreement .piFilterTD2 a {
    font-size: 30px;
}
.agreement .table-hidden td, .table-adjust {
/*    font-size: larger;
*/}

.agreement .dialog-title {
/*    font-size: large;
*/}

.agreement #myModal1 .modal-dialog {
    width: 600px;
}

.agreement #myModal2 .modal-dialog {
    width: 600px;
}

.agreement #myModal3 .modal-dialog {
    width: 500px;
}

.agreement #myModal4 .modal-dialog {
    width: 500px;
}

.agreement #SelectModal1 .modal-dialog {
    width: 800px;
}

.agreement .form-control-file {
    font-size: medium;
}
.agreement .progress {
    margin-top: 175px;
    margin-right: 15px;
    width: 100px;
    font-size: medium;
    border: solid 1px black;
}

/*.agreement .table-hidden td[data-td="合約書"],
.agreement .table-hidden th[data-th="合約書"] {
    font-size: 1em;
}

.agreement .table-hidden td[data-td="回傳合約書"],
.agreement .table-hidden th[data-th="回傳合約書"] {
    font-size: 1em;
}*/
.agreement #supqTable input {
    width: 50px;
    height: 30px;
    font-size: 0.8em;
}
.agreement .modal-footer a {
    padding-top: 10px;
}

/*新品報價*/
.newprodquote .table-hidden td, .table-adjust {
/*    font-size: large;
*/}

.newprodquote .dialog-title {
/*    font-size: large;
*/}

.newprodquote #myModal .modal-lg {
    width: 1000px;
}
.newprodquote #pnqFilter .btn {
    width: 100px;
    height: 35px;
}

/*權限維護-採購人員資料*/
.shaffinfo table.table td a {
/*    font-size: 20px;
*/}

.shaffinfo #togglePassword {
    width: 100px;
}

.shaffinfo #txt_passwd {
    width: 100px;
}
.shaffinfo .table-hidden td, .table-adjust {
/*    font-size: large;
*/}

.shaffinfo .dialog-title {
/*    font-size: large;
*/}

.shaffinfo .btn {
/*        font-size: large;
*/        width: 100px;
}

.shaffinfo .form-select {
/*    font-size: large;
*/}

.shaffinfo #myModal .modal-lg {
    width: 500px;
}

.shaffinfo #myModal1 .modal-lg {
    width: 500px;
}

.shaffinfo #myModal2 .modal-lg {
    width: 500px;
}

/*權限維護-供應商資料*/
.suppinfo table.table td a {
    font-size: 16px;
}

.suppinfo #passwd {
    max-width: 280px;
}

.suppinfo #togglePassword {
    width: 100px;
}

.suppinfo #txt_passwd {
    width: 100px;
}
.suppinfo .table-hidden td, .table-adjust {
/*    font-size: large;
*/}

.suppinfo .dialog-title {
/*    font-size: large;
*/}

.suppinfo .btn {
/*    font-size: large;
*/    width: 100px;
    height: 36px;
}
.suppinfo #btnAddNew {
/*    font-size: large;
*/    width: 100px;
    height: 36px;
    padding: 0;
    padding-top: 5px;
}

.suppinfo .form-select {
/*    font-size: large;
*/}

.suppinfo #myModal .modal-lg {
    width: 1000px;
}

.suppinfo #myModal .modal-lg {
    width: 500px;
}

.suppinfo #myModal1 .modal-lg {
    width: 500px;
}

.suppinfo #myModal2 .modal-lg {
    width: 500px;
}

.suppinfo #myModal .modal-dialog {
    width: 300px;
}

.suppinfo #myModal1 .modal-dialog {
    width: 500px;
}

.suppinfo #myModal2 .modal-dialog {
    width: 500px;
}

.suppinfo #myModal4 .modal-lg {
    width: 500px;
}

.suppinfo .table-hidden td {
/*    font-size: larger;
*/}

/*權限維護-電子郵件伺服器設定*/
.emailserversetup {
    width: 800px;
}
.emailserversetup .btn {
    width: 120px;
}
.emailserversetup #t1 td {
/*        font-size: larger;
*/    }
    .emailserversetup #t1 td[data-td="寄件者名稱"] {
        width: 150px;
    }

    .emailserversetup #t1 td[data-td="寄件者密碼"] {
        width: 110px;
    }
    .emailserversetup #t1 select[name="ISSSL"] {
        height: 45px;
    }
/*供應商電子郵件資料Excel檔案上傳*/
.importsuppemail .btn {
    width: 100px;
}

/*表單*/
@media (max-height: 768px) {

    /*詢價公告*/
    .inquiryann #inqTable {
/*        font-size: 0.9em;
*/    }

    .inquiryann .table-hidden th, .table-adjust {
/*        font-size: 0.9em;
*/    }

    .inquiryann .table-hidden td, .table-adjust {
/*        font-size: 0.9em;
*/    }

    .inquiryann .piFilterTD1 {
/*        width: 12vw;
*/    }

    .inquiryann #qForm .col-form-label {
/*        font-size: 0.8em;
*/    }

    .inquiryann #qForm .qFormTD1 {
        width: 100px;
    }

    .inquiryann #qForm th, td {
        padding: 0;
    }

    .inquiryann #qForm .qFormTD2 input {
/*        font-size: 0.8em;
*/    }

    .inquiryann #squoteForm .col-form-label {
        font-size: 0.8em;
    }

    .inquiryann #squoteForm .qFormTD1 {
        width: 100px;
    }

    .inquiryann #squoteForm .qFormTD2 input {
        font-size: 0.8em;
    }

    .inquiryann #squoteForm1 .col-form-label {
        font-size: 0.8em;
    }

    .inquiryann #squoteForm1 .qFormTD1 {
        width: 80px;
        text-align: right;
    }

    .inquiryann #squoteForm1 .qFormTD2 input {
        font-size: 0.8em;
    }

    .inquiryann #squoteForm1a label {
        font-size: 0.8em;
    }

    .inquiryann #squoteForm1a td {
        text-align: right;
    }

    .inquiryann #squoteForm1a input {
        font-size: 0.8em;
    }

    .inquiryann #myModal #TInQuiry {
        width: auto;
    }

    .inquiryann #myModal3 #TInQuiry {
        width: auto;
    }

    .inquiryann #qList {
        font-size: 0.8em;
    }

    /*詢價維護*/
    .inquirymaint #inqTable {
/*        font-size: 0.6em;
*/    }

    .inquirymaint #TInQuiry {
/*        font-size: 0.6em;
*/    }

    .inquirymaint #filterform .filterformTD1 {
        width: 60px;
    }

    .inquirymaint #filterform .filterformTD2 {
        width: 80%;
    }

        .inquirymaint #filterform .filterformTD2 input {
            width: 120px;
/*            font-size: 0.8em;
*/        }

    .inquirymaint #filterform .filterformTD3 {
        width: 0;
    }

    .inquirymaint #filterform .filterformTD4 input {
        width: 100px;
    }

    .inquirymaint .inqfooter td {
        text-align: center;
    }

    .inquirymaint .inqfooter .btn {
/*        font-size: 0.8em;
*/        
        margin: 2px;
        width: 120px;
        height: 30px;
        padding: 0;
        background-color: #257e4a;
    }

    .inquirymaint .modal-footer a {
        padding-top: 5px;
    }

    .inquirymaint .inqfooter table {
        width: 96%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .inquirymaint table.table .form-control {
        height: 25px;
/*        font-size: 1.8em;
*/    }

    .inquirymaint .PIL_PNA {
        white-space:normal;
    }
        .inquirymaint .PIL_PNA #PIL_PNA  {
            height: 25px;
/*            font-size: 3em;
*/        }

    .inquirymaint #active {
        white-space: normal;
    }


    inquirymaint .div1 {
        height: 200px;
        overflow-y: auto;
    }

    inquirymaint .div1 {
        height: 200px;
        overflow-y: auto;
    }
    .inquirymaint #downMessage {
        font-size: 0.8em;
    }

    /*核價批核*/
    .apprpurc #myModal1 > .modal-lg {
        width: 95vw;
    }

    .apprpurc #poList {
        font-size: 1em;
    }
    .apprpurc .table-hidden th {
/*        font-size: 0.8em;
*/    }
    .apprpurc .table-hidden td {
/*        font-size: 0.8em;
*/    }
    .apprpurc #aList {
        font-size: 1em;
    }

    .apprpurc #poList {
        font-size: 1em;
    }

        .apprpurc #poList th, td {
/*            font-size: 0.6em;
*/            padding: 5px;
        }

        .apprpurc #poList a {
            font-size: 1em;
            padding: 5px;
        }

    .apprpurc #filterForm label {
        margin:0;
    }
    .apprpurc #filterForm .filterformTD1 {
        width: 80px;
    }

    .apprpurc #filterForm .filterformTD2 {
    }
        .apprpurc #filterForm .filterformTD2 input {
/*            width: 100px;
            font-size: 0.8em;
*/            height: 25px;
        }
    .apprpurc #filterForm .filterformTD3 {
        width: 80px;
    }
        .apprpurc #filterForm .filterformTD3 .btn {
            margin:0;
            width:60px;
        }
        .apprpurc #filterForm .filterformTD3 input {
            width: 80px;
/*            font-size: 0.8em;
*/            height: 31px;
            padding: 0;
        }
    .apprpurc #filterForm .filterformTD4 {
    }
        .apprpurc #filterForm .filterformTD4 input {
            width: 60px;
/*            font-size: 0.8em;
*/            height: 31px;
            padding: 0;
        }
    .apprpurc .filterformM3TD1 {
        text-align: right;
    }

        .apprpurc .filterformM3TD1 .col-form-label {
/*            width: 60px;
*/        }
    .apprpurc .filterformM4TD1 {
        text-align: right;
    }

        .apprpurc .filterformM4TD1 .col-form-label {
/*            width: 60px;
*/        }

    .apprpurc #filterForm .trRow input {
        font-size: 0.8em;
        padding: 0;
        width: 55px;
        height: 25px;
    }

    .apprpurc #filterForm .trRow .btn {
        font-size: 0.7em;
        padding: 0;
        width: 55px;
        height: 25px;
    }
    .apprpurc #myModal2 .modal-lg {
        width: 500px;
    }

    .apprpurc #myModal4 .modal-lg {
        width: 1200px;
    }

    .apprpurc #myModal5 .modal-lg {
        width: 500px;
    }
    .apprpurc #myModal3 aForm {
        font-size: 0.8em
    }
    .apprpurc #myModal3 aList {
        font-size: 0.8em
    }

    .apprpurc .tlist .REMARKT1 {
        width: 80px;
    }

    .apprpurc .tlist .REMARKT2 {
        width: 200px;
    }


    /*核價覆核*/
    .replaypurc #myModal1 > .modal-lg {
        width: 95vw;
    }

    .replaypurc #poList {
        font-size: 1em;
    }

        .replaypurc #poList th, td {
/*            font-size: 0.8em;
*/            padding: 4px;
        }
        .replaypurc #poList a {
            font-size: 1em;
            padding: 4px;
        }
/*    .replaypurc .table-hidden td[data-th="覆核"],
    .replaypurc .table-hidden th[data-th="覆核"] {
        width: 50px;
        text-align: center;
    }
    .replaypurc .table-hidden td[data-th="覆核"] a {
        font-size: 0.6em;
    }*/
    .replaypurc .table-hidden th {
/*        font-size: 0.8em;
*/    }

    .replaypurc .table-hidden td {
/*        font-size: 0.8em;
*/    }

    .replaypurc #aList {
        font-size: 1em;
    }

    .replaypurc #filterForm label {
        margin: 0;
    }

    .replaypurc #filterForm .filterformTD1 {
        width: 80px;
    }

    .replaypurc #filterForm .filterformTD2 {
    }

        .replaypurc #filterForm .filterformTD2 input {
            width: 100px;
/*            font-size: 0.8em;
*/            height: 25px;
        }

    .replaypurc #filterForm .filterformTD3 {
        width: 80px;
    }

        .replaypurc #filterForm .filterformTD3 .btn {
            margin: 0;
        }

        .replaypurc #filterForm .filterformTD3 input {
            width: 60px;
/*            font-size: 0.8em;
*/            height: 31px;
            padding: 0;
        }
    .replaypurc #filterForm .filterformTD4 {
    }

        .replaypurc #filterForm .filterformTD4 input {
            width: 60px;
/*            font-size: 0.8em;
*/            height: 31px;
            padding: 0;
        }

    .replaypurc .filterformM3TD1 {
        text-align: right;
    }

        .replaypurc .filterformM3TD1 .col-form-label {
/*            width: 60px;
*/        }

    .replaypurc .filterformM4TD1 {
        text-align: right;
    }

        .replaypurc .filterformM4TD1 .col-form-label {
/*            width: 60px;
*/        }

    .replaypurc #filterForm .trRow input {
        font-size: 0.8em;
        padding: 0;
        width: 55px;
        height: 25px;
    }

    .replaypurc #filterForm .trRow .btn {
        font-size: 0.7em;
        padding: 0;
        width: 55px;
        height: 25px;
    }

    .replaypurc #myModal2 .modal-lg {
        width: 500px;
    }

    .replaypurc #myModal4 .modal-lg {
        width: 1200px;
    }

    .replaypurc #myModal5 .modal-lg {
        width: 500px;
    }

    .replaypurc #myModal3 aForm {
        font-size: 0.8em
    }

    .replaypurc #myModal3 aList {
        font-size: 0.8em
    }

    .replaypurc .tlist .REMARKT1 {
        width: 80px;
    }

    .replaypurc .tlist .REMARKT2 {
        width: 200px;
    }

    /*原料分區*/
    .rmpartmaint #myModal1 > .modal-lg {
        width: 95vw;
    }

    .rmpartmaint #inqTable {
/*        font-size: 0.6em;
*/    }

    .rmpartmaint #filterform .filterformTD1 {
        width: 60px;
    }

    .rmpartmaint #filterform .filterformTD2 {
/*        width: 80%;
*/    }

        .rmpartmaint #filterform .filterformTD2 input {
            width: 100%;
        }

    .rmpartmaint #filterform .filterformTD3 {
        width: 0;
    }

    .rmpartmaint #filterform .filterformTD4 {
        width: 60px;
    }

    .rmpartmaint #filterform .filterformTD4 input {
        width: 30vw;
    }

    .rmpartmaint #filterform .trRow input {
        font-size: 1.8em;
        padding: 0;
        width: 100%;
        height: 25px;
    }

    .rmpartmaint #filterform .trRow .btn {
/*        font-size: 1.8em;
*/        padding: 0;
        width: 70px;
        height: 25px;
    }
    .rmpartmaint .modal-footer a {
        padding-top: 5px;
    }

    .rmpartmaint .modal-footer {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .rmpartmaint #SelectModal .modal-dialog {
        height: 100px;
    }

    .rmpartmaint .modal-title {
        font-size: 0.8em;
    }

    .rmpartmaint #delMessage {
        font-size: 0.8em;
    }

    /*報價查詢*/
    .quotequery .modal-footer #btnLocal a {
/*        font-size: 1.8em;
*//*        padding-top: 7px;
*/    }
    .quotequery #inqTable {
/*        font-size: 0.8em;
*/    }
    .quotequery #qList {
/*        font-size: 0.7em;
*/    }
    .quotequery #supqTable {
/*        font-size: 0.8em;
*/    }
    .quotequery #filterCell {
/*        font-size: 0.8em;
*/    }
        .quotequery #filterCell #SQ_STATUS {
/*            font-size: 1.2em;
*/        }

    .quotequery .table-hidden th, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .quotequery .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .quotequery .piFilterTD1 {
        width: 50px;
    }
    .quotequery .piFilterTD2 {
        width: 50px;
    }
        .quotequery .piFilterTD2 input {
            width:30vw;
/*            font-size: 1.8em;
*/        }
            .quotequery .piFilterTD2 input[name="PIL_PNA"] {
                width: 40vw;
/*                font-size: 1.8em;
*/            }
        .quotequery .piFilterTD2 a {
            font-size: 25px
        }
    .quotequery .piFilterTD3 {
        width: 50px;
    }
    .quotequery .piFilterTD3 input {
        width: 30vw;
/*        font-size: 1em;
*/    }
   .quotequery .piFilterTD4 {
        width: 50px;
    }
        .quotequery .piFilterTD4 input {
            font-size: 1em;
        }
    .quotequery .piFilterTD5 {
        width: 50px;
    }
        .quotequery .piFilterTD5 .btn {
            width: 60px;
            height: 25px;
            padding: 0;
            margin: 5px;
/*            font-size: 1em;
*/        }

    .quotequery #filter .col-form-label {
/*        font-size: 1.2em;
*/    }
    .quotequery #filterCell input[name="PI_CNO"] {
/*        font-size: 1.2em;
*/    }
    .quotequery #myModal #TInQuiry {
        width: auto;
    }

    .quotequery #myModal3 #TInQuiry {
        width: auto;
    }

/*    .quotequery #qForm .col-form-label {
        font-size: 0.8em;
    }*/

    .quotequery #qForm .qFormTD1 {
/*        width: 60px;
*/        text-align: right;
    }

    .quotequery #qForm th, td {
/*        width: 20vw;
*/        padding: 0;
    }

    .quotequery #qForm .qFormTD2 input {
/*        font-size: 0.8em;
*/    }
    .quotequery #squoteForm1a label {
/*        font-size: 0.8em;
*/    }

    .quotequery #squoteForm1a td {
        text-align: right;
    }

    .quotequery #squoteForm1a input {
/*        font-size: 0.8em;
*/    }

    .quotequery #squoteForm1b td {
        text-align: right;
    }

    .quotequery #squoteForm1b input {
/*        font-size: 0.8em;
*/    }

/*        .quotequery #qForm .col-form-label {
        font-size: 0.8em;
    }*/

    .quotequery #qForm .qFormTD1 {
/*        width: 80px;
*/        text-align: right;
    }

    .quotequery #qForm th, td {
        padding: 0;
    }

    .quotequery #qForm .qFormTD2 input {
/*        font-size: 0.8em;
*/    }
    .quotequery #filterCell #filterCell1 {
        width: 35px;
    }

    .quotequery .modal-title {
/*        font-size: 0.8em;
*/    }
    .quotequery .modal-footer .btn {
/*        font-size: 0.8em;
*/    }
    .quotequery .modal-footer a {
/*        font-size: 0.8em;
*/        padding-top: 0;
        padding-top: 3px;
    }

    /*進貨資料*/
    .purcinfo #poList {
/*        font-size: 0.8em;
*/    }
    .purcinfo #restockList {
/*        font-size: 0.8em;
*/    }
    .purcinfo #poFilter  {
/*        font-size: 1em;
*/    }
    .purcinfo label {
/*        font-size: 0.9em;
*/    }
    .purcinfo #poFilter select {
/*        font-size: 1em;
*/    }
    .purcinfo #poFilter .btn {
        width: 60px;
        height: 25px;
/*        font-size: 1em;
*/    }
    .purcinfo .table-hidden th, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .purcinfo .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .purcinfo .piFilterTD1 {
/*        font-size: 0.8em;
*/        width: 80px;
    }
    .purcinfo .piFilterTD2 > input {
        height: 25px;
    }
    .purcinfo .piFilterTD3 {
/*        font-size: 0.8em;
*/        width: 50px;
    }

    /*合約書*/
    .agreement #agreeTable {
/*        font-size: 0.8em;
*/    }

    .agreement #supqTable {
/*        font-size: 0.8em;
*/    }

    .agreement #qList {
/*        font-size: 0.8em;
*/    }

    .agreement .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .agreement .btn {
/*        font-size: 1em;
*/        height: 25px;
        padding: 0;
        width: 80px;
    }
    .agreement .piFilterTD1 {
/*        font-size: 0.7em;
*/        width: 50px;
    }
    .agreement .piFilterTD2 {
        width: 300px;
    }
        .agreement .piFilterTD2 input {
/*            font-size: 1.8em;
*/        }
        .agreement .piFilterTD2 a {
            margin-left: 5px;
            margin-right: 5px;
            font-size: 25px;
        }
    .agreement .piFilterTD3 {
        width: 200px;
    }

        .agreement .piFilterTD3 input {
/*            font-size: 0.8em;
*/        }

        .agreement .piFilterTD3 .btn {
            width: 80px;
        }

        .agreement .piFilterTD3 a {
            margin-left: 5px;
            margin-right: 5px;
            font-size: 25px;
        }
    .agreement .piFilterTD4 {
        width: 50px;
    }

        .agreement .piFilterTD4 input {
/*            font-size: 1em;
*/        }

        .agreement .piFilterTD4 a {
            margin-left: 5px;
            margin-right: 5px;
            font-size: 25px;
        }
    .agreement #qForm .col-form-label {
/*        font-size: 1em;
*/    }

    .agreement #qForm .qFormTD1 {
        width: 80px;
        text-align: right;
/*        font-size: 0.6em;
*/    }

    .agreement #qForm th, td {
        padding: 0;
    }

    .agreement #qForm .qFormTD2 input {
/*        font-size: 0.8em;
*/    }
    .agreement .dialog-title {
/*        font-size: 0.8em;
*/    }
    .agreement .form-control-file {
        font-size: 1em;
    }
    .agreement .progress {
        height: 15px;
        margin-top: 130px;
        padding-top: 2px;
        width: 40px;
        font-size: 0.8em;
    }
    .agreement .table-hidden td,
    .agreement .table-hidden th {
/*        font-size: 0.8em;
*/    }
/*    .agreement .table-hidden td[data-td="合約書"],
    .agreement .table-hidden th[data-th="合約書"] {
        font-size: 0.8em;
    }
    .agreement .table-hidden td[data-td="回傳合約書"],
    .agreement .table-hidden th[data-th="回傳合約書"] {
        font-size: 0.8em;
    }
*/    .agreement #supqTable input {
        width: 30px;
        height: 25px;
/*        font-size: 1em;
*/    }
    .agreement .modal-footer a {
        padding-top: 3px;
    }
    .agreement #delMessage {
/*        font-size: 0.8em;
*/    }
    .agreement #squoteForm1a label {
/*        font-size: 1em;
*/    }

    .agreement #squoteForm1a td {
        text-align: right;
    }

    .agreement #squoteForm1a input {
/*        font-size: 1em;
*/    }
    .agreement .modal-title {
/*        font-size: 1em;
*/    }
    .agreement table.table td {
        white-space: normal;
    }
    .agreement table.table td a{
        font-size: 16px;
    }

    /*新品報價*/
    .newprodquote #supqTable {
/*        font-size: 0.8em;
*/    }

    .newprodquote .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .newprodquote .table-hidden th, .table-adjust {
/*        font-size: 0.8em;
*/    }

   .newprodquote .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .newprodquote #poFilter {
        font-size: 1em;
    }

    .newprodquote label {
/*        font-size: 0.8em;
*/    }

    .newprodquote #poFilter select {
        font-size: 1em;
    }

    .newprodquote #poFilter .btn {
        width: 80px;
        height: 25px;
        font-size: 1em;
    }
    .newprodquote #pnqFilter .piFilterTD1 {
        width: 50px;
        font-size: 1.2em;
    }
    .newprodquote #pnqFilter .btn {
        width: 60px;
        height: 25px;
        font-size: 1.5em;
    }

    /*權限維護-採購人員資料*/
    .shaffinfo table.table td a {
/*        font-size:10px;
*/    }
    .shaffinfo table.table td {
        white-space: normal;
    }

    .shaffinfo #togglePassword {
        width: 50px;
    }
    .shaffinfo #txt_passwd {
        width: 50px;
    }
    .shaffinfo #accTable {
/*        font-size: 0.8em;
*/    }
    .shaffinfo #btnAddNew {
        font-size: 1em;
        height: 25px;
        width: 80px;
        padding: 0;
        padding-top: 5px;
    }
    .shaffinfo .btn {
/*        font-size: 1em;
*/        height: 25px;
        width: 80px;
        padding: 0;
        padding-top:3px;
    }
    .shaffinfo .form-select {
        font-size: 1em;
    }

    .shaffinfo .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .shaffinfo .table-hidden th, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .shaffinfo .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .shaffinfo #poFilter {
/*        font-size: 1em;
*/    }

    .shaffinfo label {
/*        font-size: 0.8em;
*/    }

    .shaffinfo #poFilter select {
/*        font-size: 1em;
*/    }

    .shaffinfo #poFilter .btn {
        width: 80px;
        height: 25px;
/*        font-size: 1em;
*/    }

    .shaffinfo #pnqFilter .piFilterTD1 {
        width: 50px;
/*        font-size: 1.2em;
*/    }

    .shaffinfo #pnqFilter .btn {
        width: 80px;
        height: 25px;
/*        font-size: 1.2em;
*/    }

    .shaffinfo .modal-title {
/*        font-size: 0.8em;
*/    }

    /*權限維護-供應商資料*/
    .suppinfo table.table td a {
        font-size: 16px;
    }

    .suppinfo table.table td {
        white-space: normal;
    }

    .suppinfo #passwd {
        max-width: 100px;
    }

    .suppinfo #togglePassword {
        width: 100px;
    }
    .suppinfo #txt_passwd {
        width: 100px;
    }
    .suppinfo label {
/*        font-size: 1.2em;
*/    }
    .suppinfo #delMessage {
/*        font-size: 0.8em;
*/    }

    .suppinfo #accTable {
/*        font-size: 0.8em;
*/    }
    .suppinfo #TBackMain2 .piFilterTD1 {
        width: 50px;
/*        font-size: 0.7em;
*/    }

    .suppinfo #pnqFilter .piFilterTD1 {
        width: 50px;
/*        font-size: 0.8em;
*/    }

    .suppinfo #btnAddNew {
        font-size: 1em;
        height: 25px;
        width: 60px;
        padding: 0;
        padding-top: 5px;
    }

    .suppinfo .btn {
/*        font-size: 1.5em;
*/        height: 25px;
        width: 60px;
        padding: 0;
        padding-top: 3px;
    }
    .suppinfo .modal-footer .btn {
        font-size: 1em;
        height: 25px;
        width: 60px;
        padding: 0;
        padding-top: 3px;
    }

    .suppinfo .form-select {
        font-size: 1em;
    }

    .suppinfo .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .suppinfo .table-hidden th, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .suppinfo .table-hidden td, .table-adjust {
/*        font-size: 0.8em;
*/    }

    .suppinfo #poFilter select {
/*        font-size: 1em;
*/    }

    .suppinfo #poFilter .btn {
        width: 80px;
        height: 25px;
/*        font-size: 1em;
*/    }

    .suppinfo #pnqFilter .btn {
        width: 80px;
        height: 25px;
/*        font-size: 1.2em;
*/    }

    .suppinfo .modal-title {
/*        font-size: 0.8em;
*/    }

    /*權限維護-電子郵件伺服器設定*/
    .emailserversetup {
/*        width: 95vw;
*/    }
        .emailserversetup .btn {
            width: 120px;
            height: 30px;
            font-size: 1em;
            padding-top: 3px;
        }
        .emailserversetup #t1 td {
/*            font-size: 0.6em;
*/        }
            .emailserversetup #t1 td input {
                height: 25px;
            }
            .emailserversetup #t1 td[data-td="寄件者名稱"] {
                width: 150px;
            }

            .emailserversetup #t1 td[data-td="寄件者密碼"] {
                width: 110px;
            }
        .emailserversetup #t1 select[name="ISSSL"] {
            height: 25px;
        }

    .emailserversetup h2{
/*        font-size: 0.8em;
*/    }

    /*供應商電子郵件資料Excel檔案上傳*/
    .importsuppemail h2 {
/*        font-size: 0.8em;
*/    }

    .importsuppemail input[name='file']{
/*        font-size: 0.8em;
*/    }
    .importsuppemail .btn {
/*        font-size: 0.6em;
*/        width:80px;
        height:25px;
        padding:0;
    }
    .shaffinfo .modal-dialog {
        width: 95vw;
    }

    .agreement .modal-dialog {
        width: 95vw;
    }

    .shaffinfo #passwd {
        max-width: 50px;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .quotequery .modal-dialog {
        width: 800px;
    }
    .shaffinfo .modal-dialog {
        width: 500px;
    }
    .agreement .modal-dialog {
        width: 500px;
    }
    .shaffinfo #passwd {
        max-width: 280px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .quotequery .modal-dialog {
        width: 800px;
    }

    .shaffinfo .modal-dialog {
        width: 500px;
    }

    .agreement .modal-dialog {
        width: 500px;
    }

    .shaffinfo #passwd {
        max-width: 280px;
    }

}