@media (min-width: 992px){

    .dropdown-menu .dropdown-toggle:after {

        border-top: .3em solid transparent;

        border-right: 0;

        border-bottom: .3em solid transparent;

        border-left: .3em solid;

    }

    .dropdown-menu .dropdown-menu {

        margin-left: 0px;

        margin-right: 0px;

    }

    .dropdown-menu li {

        position: relative;

    }

    .nav-item .submenu { 

        display: none;

        position: absolute;

        left: 100%;

        top: -7px;

    }

    .nav-item .submenu-left{ 

        right: 100%;

        left: auto;

    }

    .dropdown-menu > li:hover { 

        background-color: #00394d;

    }

    .dropdown-menu > li:hover > .submenu {

        display: block;

    }

}



main {

    padding-top: 155px;

}

@media (max-width: 991px){

    main {

        padding-top: 90px;

    }

}



div.header-area {

    background-color: #ffffff;

}



div.header-top {

    /* background-color: #ffffff; */

    margin-bottom: 10px;

}



div.header-bottom {

    background-color: #0069b4;

    box-shadow:0 3px 4px rgba(0, 0, 0, 0.3);

}



div.header-menu {

    /* background-color: #0069b4; */

    padding-left: 0px;

    padding-right: 0px;

}



ul.header-menu-list {

    padding-left: 0px;

    padding-right: 0px;

}

ul.header-menu-list > div {

    cursor: pointer;

}

ul.header-menu-list > div:hover {

    background-color: #4998ff;

}



li.header-menu-item > a {

    color: #ffffff;

    font-size: 20px;

    text-align: center;

}



ul.dropdown-menu-immi-countries {

    background-color: #002633;

}

li.immi-countries-continent {

    

}

li.immi-countries-continent a:hover {

    background-color: #00394d !important;

}

li.immi-countries-continent a {

    color: #ffffff !important;

    font-size: 20px;

}

li.immi-countries-continent ul {

    background-color: #002633;

}

img.immi-countries-country-flag {

    width: 25px;

    margin-right: 5px;

    margin-bottom: 3px;

}



/* Header的語言列 */

a.btn-language {

    background-color: #e6f7ff;

    border: 1px solid #66ccff;

    border-radius: 5px;

    margin-left: 2px;

    margin-right: 2px;

    font-family: Microsoft JhengHei;

    font-size: 15px;

}

a.btn-language:hover {

    background-color: #0069b4;

    color: #ffffff;

}

a.btn-language-active {

    background-color: #0069b4;

    color: #ffffff;

}



/* 垂直輪播 */

.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,

.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.carousel-vertical .carousel-inner .active.carousel-item-left,

.carousel-vertical .carousel-inner .carousel-item-prev {

-webkit-transform: translateY(-100%);

    transform: translateY(-100%);

}

.carousel-vertical .carousel-inner .active.carousel-item-right,

.carousel-vertical .carousel-inner .carousel-item-next {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

}



span.content-title-hide {

    border-left: 2px solid #ffffff;

    border-right: 2px solid #ffffff;

    padding: 0 20px;

    letter-spacing: 7px;

    font-weight: 600;

    font-size: 28px;

    line-height: 1.5;

}

hr.content-title-underline-hide {

    border-top: 2px solid #ffffff;

    width: 100px;

    margin-top: 20px;

    margin-bottom: 20px;

}



span.content-title-v1 {

    border-left: 2px solid #777;

    border-right: 2px solid #777;

    padding: 0 20px;

    letter-spacing: 7px;

    font-weight: 600;

    font-size: 28px;

    line-height: 1.5;

}

hr.content-title-underline-v1 {

    border-top: 2px solid #0069b4;

    width: 100px;

    margin-top: 20px;

    margin-bottom: 20px;

}



@media ( max-width: 575px ) {

    .btn-extend {

        right: 25px;

        height: 35px;

        width: 35px;

        font-size: 15px;

        text-align: center;

    }

}

@media ( min-width: 576px ) {

    .btn-extend {

        right: 50px;

        height: 60px;

        width: 60px;

        font-size: 30px;

        text-align: center;

    }

}

.btn-extend {

    position: fixed;

    /* right: 50px; */

    bottom: -60px;

    z-index: auto;

    /* height: 60px; */

    /* width: 60px; */

    /* font-size: 30px; */

}



.btn-BlueViolet {

    color: #fff;

    background-color: BlueViolet;

    border-color: BlueViolet;

}

.btn-customer-service {

    color: #fff;

    background-color: #17a2b8;

    border-color: #17a2b8;

}

.btn-customer-service:hover {

    color: #fff;

    background-color: #138496;

    border-color: #117a8b;

}
/* Mobile nav fix: keep menu complete and scrollable */
@media (max-width: 991px) {

    nav.navbar.d-xl-none {
        max-height: 100vh;
        overflow-y: auto;
    }

    #navbar-less-than-xl {
        width: 100%;
    }

    #navbar-less-than-xl.show {
        max-height: calc(100vh - 72px);
        overflow-y: auto;
    }

    #navbar-less-than-xl .nav-link,
    #navbar-less-than-xl .dropdown-item {
        line-height: 1.4 !important;
    }

    #navbar-less-than-xl .dropdown-menu {
        position: static;
        float: none;
    }
}