/*https://www.jquery-az.com/bootstrap4/demo2.php?ex=91.0_7*/


.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    /*padding-bottom: 20px;*/
    padding-bottom: 110px;
    color: rgb(255, 255, 255);
    text-align: center;
}

    .carousel-caption p:nth-child(1) {
        font-size: 3rem;
        font-weight: bold;
        padding-bottom: 80px;
    }

    .carousel-caption p:nth-child(2) {
        font-size: 2rem;
        font-weight: bold;
    }

    .carousel-caption p:nth-child(3) {
        font-size: 1.5rem;
        opacity: 0.9;
        font-weight: bold;
    }

    .carousel-caption.Chicago {
        position: absolute;
        right: 50%;
        bottom: 20px;
        left: 0;
        z-index: 10;
        padding-top: 20px;
        /*padding-bottom: 20px;*/
        padding-bottom: 110px;
        color: rgb(255, 255, 255);
        text-align: center;
    }

        .carousel-caption.Chicago p:nth-child(1) {
            font-size: 3rem;
            font-weight: bold;
        }

        .carousel-caption.Chicago p:nth-child(2) {
            font-size: 2rem;
            font-weight: bold;
        }

        .carousel-caption.Chicago p:nth-child(3) {
            font-size: 1.5rem;
            opacity: 0.9;
            font-weight: bold;
        }

.carousel-control-prev {
    background-image: none;
}

.carousel-control-next {
    background-image: none;
}





.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}

.container-fluid {
    width: 100%;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-right: auto;
    margin-left: auto;
}

.container-menu {
    width: 60%;
    margin-left: 30%;
    margin-right: 20%;
}

.nav-bk {
    background: #40E0D0;
    background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
    background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
}



.nav-bk2 {
    background: #23074d;
    background: -webkit-linear-gradient(to right, #cc5333, #23074d);
    background: linear-gradient(to right, #cc5333, #23074d);
}

.nav-bk3 {
    background: #00F260;
    background: -webkit-linear-gradient(to right, #0575E6, #00F260);
    background: linear-gradient(to right, #0575E6, #00F260);
}

.nav-bk4 {
    background: #070000;
    background: -webkit-linear-gradient(to right, #070000, #4C0001, #070000);
    background: linear-gradient(to right, #070000, #4C0001, #070000);
}

.nav-bk5 {
    background: #0575E6;
    background: -webkit-linear-gradient(to right, #021B79, #0575E6);
    background: linear-gradient(to right, #021B79, #0575E6);
}

.nav-bk6 {
    background: #2196f3;
    background: -webkit-linear-gradient(to right, #f44336, #2196f3);
    background: linear-gradient(to right, #f44336, #2196f3);
}

.nav-bk7 {
    background: #c2e59c;
    background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c);
    background: linear-gradient(to right, #64b3f4, #c2e59c);
}

.nav-bk8 {
    background: #5f2c82;
    background: -webkit-linear-gradient(to right, #49a09d, #5f2c82);
    background: linear-gradient(to right, #49a09d, #5f2c82);
}

/*****************/

.mwt-nav > .container {
    position: relative;
}

.mwt-nav li > full > show {
    position: static;
}

li.nav-item.dropdown.navbar-li-center.full.show {
    position: static;
}

.hr-dotted {
    margin-top: 0;
    margin-bottom: 0.3rem;
    border-top: 2px dashed #119f93;
    /*background-color: #fff;
    border: 0;
    height: 3px;*/
}

.hr-solid {
    margin-top: 0;
    /*margin-bottom: 0.2rem;*/
    border-top: 1px solid #ffd800;
    height: 3px;
    margin-bottom: 0.2rem;
    /*background-color: #fff;
    border: 0;*/
}

.h-5 {
    background-color: #fff;
    border: 0;
    height: 5px;
}

.hr-5 {
    margin-top: 0;
    border-top: 2px solid #119f93;
    background-color: #fff;
    border: 0;
    height: 5px;
}
/*.dropdown-menu-cus.show {
  
    color: red;
}*/
/*.dropdown-menu-cus.show a {
        background-color: aliceblue;
    }*/


/*手機版本*/
@media screen and (max-width: 767px) {
    .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 1px;
        left: 50%;
        z-index: 10;
        padding-top: 0;
        padding-bottom: 0;
        color: rgb(255, 255, 255);
        text-align: center;
       
    }

        .carousel-caption p:nth-child(1) {
            font-size: 0.8rem;
            font-weight: bold;
            padding-bottom: 0;
            margin-bottom: 0.8rem;
        }

        .carousel-caption p:nth-child(2) {
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 0.8rem;
        }

        .carousel-caption p:nth-child(3) {
            font-size: 0.8rem;
            opacity: 0.9;
            font-weight: bold;
            margin-bottom: 0.8rem;
        }

        .carousel-caption.Chicago {
            position: absolute;
            right: 50%;
            bottom: 0;
            left: 0;
            z-index: 10;
            padding-top: 10px;
            padding-bottom: 10px;
            color: rgb(255, 255, 255);
            text-align: center;
        }
            .carousel-caption.Chicago p:nth-child(1) {
                font-size: 0.8rem;
                font-weight: bold;
                padding-bottom: 0;
                margin-bottom: 0.8rem;
            }

            .carousel-caption.Chicago p:nth-child(2) {
                font-size: 0.8rem;
                font-weight: bold;
                margin-bottom: 0.8rem;
            }

            .carousel-caption.Chicago p:nth-child(3) {
                font-size: 0.8rem;
                opacity: 0.9;
                font-weight: bold;
                margin-bottom: 0.8rem;
            }

    .carousel-indicators {
        z-index: 0;
    }
    .carousel-control-prev {
        background-image: none;
        z-index: -99;
    }

    .carousel-control-next {
        background-image: none;
        z-index: -99;
    }
}