:root {
    /* kpmg標準色 */
    --kpmgblue-color: #00338d;
    --cobaltblue-color: #1e49e2;
    --pacificblue-color: #00b8f5;
    --lightblue-color: #aceaff;
    --darkblue-color: #0C233C;
    --pink-color: #FD349C;
    --puple-color: #7213EA;
    --grey-2: rgb(102, 102, 102);
    --white: white;
    --block: block;
}


body {
    /* margin-bottom: 95px; */
    padding-bottom: 0px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, pingfang-tc, aktiv-grotesk, source-han-sans-traditional, Segoe UI, Roboto, Helvetica Neue, Microsoft JhengHei, Microsoft YaHei, Helvetica, Arial, sans-serif;
}

main {
    min-height: calc(100vh - 208px);
}

.navbar {
    background: #ffffff;
}

.navbar-brand img {
    width: 80px;
}

.nav-item.active,
.nav-item.active a {
    color: #ea7d00;
    font-weight: bold;
}

.bg-kpmg {
    background-color: #009fe6;
    background-color: rgb(0, 51, 141);

}

.dropdown-menu {
    margin-top: -0.2rem;
    z-index: 50000;
    font-size: 14px;
}

.text-orange {

    color: #F68D2E;
}

.text-orange strong {

    color: #984a04;
}



.transition {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

footer {
    /*margin-top: 50px;*/
    background-color: white;
    font-size: small;
    padding: 15px;
}

footer p {
    margin: 0;
}

.ui-widget.ui-widget-content {
    z-index: 10000;
}

.white_space_nowrap {

    white-space: nowrap;
}


.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    /*background-color: #175cb4d6;*/
    background-color: rgba(23, 92, 180, 0.9);
    top: 0;
    right: 0;
    z-index: 100000;
    color: white;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.loading .box {
    text-align: center;
    width: 80px;
    height: 200px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.text-blue {
    color: rgb(23, 92, 180);
}



.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;

}

.div_hover_blue:hover {
    background-color: rgb(0, 145, 218);
    color: white;
    cursor: pointer;
}

.div_hover_blue:hover .text-blue {
    color: white;
}


.people_img_s {
    width: 60px;
    height: 60px;
    background-size: 100% auto;
    background-position: center 35%;
}

.people_img_m {
    width: 110px;
    height: 130px;
    background-size: 100% auto;
}

a {
    color: #009fe6;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

a:hover {
    text-decoration: none;

}

.hr_2 {
    background-image: url(../img/hr_2.png);
    height: 10px;
    border-top: 0px;
    margin: 15px -15px;
}

.hr_3 {
    background-image: url(../img/hr_3.png);
    height: 10px;
    border-top: 0px;
    margin: 15px -15px;
    background-repeat: repeat-x;
}

.hr_4 {
    background-image: url(../img/hr_4.png);
    height: 10px;
    border-top: 0px;
    margin: 15px -15px;
    background-repeat: repeat-x;
}

hr.text-light {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dropdown-toggle.icon-none::after {
    display: none;
}

/*----------------kpmg標準色--------------------*/
a,
.table-hover tbody tr {
    cursor: pointer;
}

.color_b1 {
    color: #00338D !important;
}

.color_b2 {
    color: #005EB8 !important;
}

.color_b3 {
    color: #0091DA !important;
}

.color_pu1 {
    color: #483698 !important;
}

.color_pu2 {
    color: #470A68 !important;
}

.color_g1 {
    color: #00A3A1 !important;
}

.color_g2 {
    color: #009A44 !important;
}

.color_g3 {
    color: #43B02A !important;
}

.color_y1 {
    color: #EAAA00 !important;
}

.color_y2 {
    color: #F68D2E !important;
}

.color_r1 {
    color: #BC2048 !important;
}

.color_r2 {
    color: #C6007E !important;
}


a.color_b1:hover {
    color: #0c3171 !important;
}

a.color_b2:hover {
    color: #0c5295 !important;
}

a.color_b3:hover {
    color: #157baf !important;
}

a.color_pu1:hover {
    color: #3c316f !important;
}

a.color_pu2:hover {
    color: #37144a !important;
}

a.color_g1:hover {
    color: #147473 !important;
}

a.color_g2:hover {
    color: #136f3c !important;
}

a.color_g3:hover {
    color: #398827 !important;
}

a.color_y1:hover {
    color: #b58914 !important;
}

a.color_y2:hover {
    color: #b16b2c !important;
}

a.color_r1:hover {
    color: #912642 !important;
}

a.color_r2:hover {
    color: #921163 !important;
}

.oc-80 {
    opacity: 0.8;
}

.oc-70 {
    opacity: 0.7;
}

.oc-60 {
    opacity: 0.6;
}

.modal-header {

    color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 0px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    font-size: x-large;
}

.is-invalid {
    box-shadow: 0px 0px 8px #ffabb3;

}

/* 另開視窗---------------------*/
.modal {
    background-color: rgba(255, 255, 255, 0.864);
}

.modal.modal_r {
    background-color: #424242e1;
}

.modal.modal_b {
    background-image: url(../img/bg_001.png);
    background-color: #eaeaea;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}

.modal.modal_b2 {
    background-color: #3F51B5;
}

.modal.modal_y {
    background-color: #F68D2E;
}

.modal.modal_g {
    background-color: #009A44;
}

.modal-content {
    border: 0;
    background: inherit;

}

/*.modal{
    background: url(../img/bg_001.png);
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}*/



/*按鈕---------------------*/
.btn-primary {
    color: #fff;
    background-color: #0091DA;
    border-color: #0884c3;
}


.btn-purple {
    color: #fff;
    background-color: #9C27B0;
    border-color: #881c9a;
}

.btn-purple:not(:disabled):not(.disabled).active,
.btn-purple:not(:disabled):not(.disabled):active,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #9C27B0;
    border-color: #881c9a;
}

.btn-purple:hover {
    color: #fff;
    background-color: #6d2379;
    border-color: #4c1c54;
}

.btn-purple.focus,
.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, .5);
}

.btn-purple:not(:disabled):not(.disabled).active:focus,
.btn-purple:not(:disabled):not(.disabled):active:focus,
.show>.btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, .5);
}

/*----------------按鈕群組--------------------*/
.bs-example {
    width: 100%;
    text-align: center;

}

.bs-example .btn {
    min-width: 150px;
}

.btn.defo {
    min-width: initial;
}

.bs-example .btn {
    position: relative;
    display: block;
    margin: 4px 0;
}

.bs-example.txtright {
    text-align: right;
}


@media (min-width: 768px) {

    .bs-example .btn,
    .bs-example button.btn {
        display: inline-block;
        margin: 4px;
    }

    .bs-example .btn {

        min-width: 150px;

    }
}

@media (min-width: 768px) {
    .col-md-initial {
        width: initial;
    }
}


@media (min-width: 576px) {
    .container_w_100 {
        max-width: 100%;
    }

    .bs-example .btn {
        min-width: 150px;
    }

}

.upload-close {
    right: 0;
    margin-right: 15px;
    color: #000;
    z-index: 18;
    width: 35px;
    height: 35px;
    display: block;
    /* background: #ff0000; */
    text-align: center;
    font-size: 23px;
}

.page-item.active .page-link {
    background-color: rgb(197, 197, 197);
    border-color: rgb(197, 197, 197);
}


/*.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: rgb(19, 105, 204);

}


.abgne-menu {
    display: inline-block;
    margin-right: 10px;
}

.abgne-menu input[type="checkbox"] {
    display: none;

}

.abgne-menu input[type="checkbox"]+label {
    display: inline-block;
    background-color: rgb(204, 204, 204);
    cursor: pointer;
    padding: 5px 10px;
    border-radius: .25rem;
}

.abgne-menu input[type="checkbox"]:checked+label {
    background-color: rgb(108, 117, 125);
    border-color: rgb(108, 117, 125);
    color: white;
}*/

/*.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: rgb(224, 224, 224);
    color: rgb(160, 160, 160);
}*/

.nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #007bff;
    border-color: #dee2e6 #dee2e6 #fff;
}

@media (max-width: 993px) {
    .history_btn .btn {
        font-size: 1vw;
    }
}

@media (max-width: 766px) {
    .history_btn .btn {
        font-size: 16px;
    }
}

/*-----------手機版本MENU---------------------------------*/

.menu_botton .col {
    height: 60px;
    text-align: center;
}

.menu_botton a {
    padding-top: 6px;
    width: 100%;
    display: block;
    text-decoration: none;
}

.menu_botton .active,
.menu_botton .active a {
    width: 100%;
    display: block;
    text-decoration: none;
    background-color: #009fe6;
    color: white;
}

.menu_botton a i,
.menu_botton a p {
    display: block;
}


/*list----------------------------------*/

.rwd-table {
    border-bottom: 0px solid #000000;
    border-collapse: collapse;
}

.rwd-table th,
td {
    border-bottom: 1px solid #dadada;
    padding: 2px 4px;
    text-align: left;

}

.rwd-table th {
    opacity: 0.6;
}

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

    .rwd-table tr {
        border-bottom: 1px solid #dadada;
    }

    .rwd-table th {
        display: none;
    }

    .rwd-table td {
        padding: .1rem;
        display: block;
        border: none;
        text-align: right;
        font-size: 17px;
    }

    .rwd-table td:before {
        content: attr(data-th) " ";
        display: block;
        font-weight: bold;
        float: left;
        opacity: 0.6;


    }
}

.table th {
    border-top: 0px solid #dee2e6;
}


/* hide the blue outline */
.form-control:focus {
    /*outline: 0 !important;*/
    border-color: #ced4da;
    box-shadow: none;
}

/*remove the input cross option (The character is not inserted by Bootstrap, but by Internet Explorer from versions 10 and up)*/
::-ms-clear {
    display: none;
}

/* 關卡cSSSSSSSSSSSSSSSS */

.sign .man {
    background-color: #ccc;
    height: 3px;
    position: relative;
    margin-bottom: 30px;
}

.sign .man:last-child {
    background-color: white;
}



.sign .man a {
    background-color: #ccc;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100px;
    position: absolute;
    top: -6px;
    left: 0;
    border: 0px solid;
    cursor: default;
}

/*.sign .man a:hover,
.sign .man.color_r a:hover,
.sign .man.color_y a:hover,
.sign .man.color_b a:hover,
.sign .man.color_gr a:hover{
    border-radius:100px;
    border:#ffffff6e 5px solid;
}
*/
.sign .man.color_g,
.sign .man.color_g a {
    background-color: #009809
}

.sign .man.color_gr,
.sign .man.color_gr a {
    background-color: #757575
}


.sign .man.color_g.active {
    background-color: #cccccc;
}

.sign .man.color_g.active a {
    width: 28px;
    height: 28px;
    top: -13px;
    border: #ffffff6e 5px solid;
}

.index_btn .btn img {
    width: 120px;
    margin: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

.index_btn .btn:hover img {
    margin: 0px;
    width: 140px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

.index_btn_s {
    background: #039fe67a;
}

.index_btn_s .btn img {
    width: 110px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

.index_btn_s .btn:hover img {

    width: 140px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

.bg-w {
    background-color: white;
}

.custom-file-label::after {
    display: none;
}


input.text-center::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    text-align: center;
    opacity: 1;
    /* Firefox */
}

input.text-center:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    text-align: center;
}

input.text-center::-ms-input-placeholder {
    /* Microsoft Edge */
    text-align: center;
}

.alert {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.alert-disable {
    cursor: not-allowed;
}

.alert-box:hover {
    cursor: pointer;
    background-color: #005EB8;
    border-color: #005EB8;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    color: white;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.cname {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-color: white;
    border-radius: .25rem;
}

.cname:hover {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.PWcolor {
    margin-top: 15px;
    border-radius: 50rem !important;
    background-color: #cdcdcd;
    height: 12px;
    overflow: hidden;

}

.PWcolor>div {
    width: 25%;
    height: 12px;
    float: left;
}

.bg-orange {
    background-color: rgb(255, 123, 0);
}


.shape-ex1 {
    width: 150px;
    height: 150px;
    line-height: 150px;
    max-width: 100%;
    display: block;
    text-align: center;
    background-color: #eb9700;
}

.box-btn {
    background-color: #e2e3e5;
    cursor: pointer;
}

.box-btn:hover {
    background-color: #00338D !important;
    color: white !important;
}

.box-text-icon {
    height: 48px;
    line-height: 48px;
    width: 100%;
    display: block;
    text-align: right;
    display: inline-block;
}

.ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



a.disabled,
a.disabled:hover,
a[disabled],
a[disabled]:hover {
    cursor: default;
    opacity: 0.2 !important;
    cursor: not-allowed;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}
.nav-item .question{
    cursor: pointer;
    color: rgb(188, 0, 0);
}

.nav-item .question:hover{
    cursor: pointer;
    background-color: rgb(255, 228, 228);
}

/*toast2 樣式*/
.toast2 {
    width: 350px;
    display: block;
    top: 35px;
    left: 50%;
    transform: translate(-50%);
    z-index: 1000000;
    position: fixed;
}