@media (prefers-color-scheme: dark) {

     body { 
        background: var(--c15);
        color: var(--c18); !important;
    }

    .modal-content {
            background: var(--c15) !important;
        }

        /*導覽列*/
        .nav_background {
            background: var(--c1);
        }

        .nav_text {
            color: var(--c2) !important;
        }

        .navbar.navbar-dark form .md-form input {
            border-bottom: 1px solid var(--c2);
        }

        .dropdown-item:hover {
            background-color: var(--c1) !important;
        }

        /*下拉清單文字*/
        .dropdown .dropdown-menu .dropdown-item:hover {
            color: var(--c2) !important;
        }

        .accordion a {
            color: var(--c18);
            font-size: .9rem;
            cursor: pointer;
        }


        .nav_text::placeholder {
            color:  var(--c2) !important;
            opacity: 1;
        }

        /*主標題*/
        .clabel {
            color: var(--c3);
        }

        /*邊匡*/
        .title_col {
            border-left:  solid 4px var(--c3);
        }

        .title_col hr {
            border-color: var(--c3);
        }

        /*副標題*/
        .elabel {
            color:  var(--c4);
        }

        /*按鈕色*/
        .btn-blue-grey, .input-group-text {
            background-color: var(--c1) !important;
        }

        /*focus*/
        .btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, .show>.btn-blue-grey.dropdown-toggle {
            background-color:  var(--c5) !important;
            filter: brightness(0.8);
        }

        /*dropdown*/
        .btn-blue-grey.dropdown-toggle {
            background-color: var(--c1) !important;
        }

        .btn-blue-grey.dropdown-toggle:hover {
            background-color:  var(--c1) !important;
            filter: brightness(0.8);
        }

        .btn-blue-grey.dropdown-toggle:focus {
            background-color:  var(--c1) !important;
            filter: brightness(0.8);
        }


        /*輪播按鈕*/
        .carousel-multi-item .carousel-indicators li {
            background-color: var(--c5);
        }

        .carousel-multi-item .carousel-indicators .active {
            background-color: var(--c5);
        }

        /*按鈕文字*/
        .btn-blue-grey, .input-group-text  {
            color: var(--c6);
        }

        /*分頁按鈕*/
        .pagination .page-item.active .page-link {
            background-color: var(--c5);
            color:  var(--c6);
        }

        /*目錄色*/
        .list-group-item-color {
            color:  var(--c7) !important;
        }


        /*下拉清單文字*/
        .dropdown-menu .list-group-item-color, h6.list-group-item-color, a.list-group-item-color {
            color: var(--c7) !important;
        }



        /*數量色*/
        .list-badge {
            background-color: var(--c8);
        }

        /*footer*/
        .page-footer {
            background-color: var(--c9);
        }

        .footer-text {
            color:  var(--c10) !important;
        }


        /*card*/
        .card-back {
            background-color: inherit;
        }

        /*商品名*/
        .prodname {
            color: var(--c12);
        }

        /*特價*/
        .sprice-text {
            color:  var(--c13);
        }

        /*原價*/
        .price-text {
            color:  var(--c14);
        }

        /*大螢幕導覽列*/
        .sub_nav {
            background: var(--c16);
        }


        .dropdown-menu {
            background-color: ar(--c19);
        }

        /*分享按鈕*/
        .btn-share {
            background-color: var(--c17);
        }

        hr { 
              border-top-color: white;
        }

        hr.gray_line {
            border-top-color: gray;
        }

#pmodal .prodname {
    filter: brightness(3);
}

#pmodal .container.modal-content {
  border: 2px solid #4685abb5;
  box-shadow: rgb(26 142 162 / 56%) 0px 22px 70px 4px, inset rgb(26 142 162 / 56%) 0px -20px 5px 17px;
}

#pmodal {
  background: #072e3b;
}}




@media (hover: hover) and (pointer: fine) {
    #accordion1 a:hover {
        background: #68a1c075;
    }
}

#accordion1 .card-body {
    background: linear-gradient(to bottom, #16222a, #3a6073);
}