/* 通用css */
:root{
/* color */
--Brand-Blue:#005BAB;
--Grand-Orange:#DF7000;
--Grand-Gold:#DEA742;
--Grand-Grey:#E8E0D5;
--Grey-Deep:#4d4d4d;
--Grand-Turquoise:#2EA6A6;
--Grand-Navy:#13576E;
--bs-primary-rgb:0,91,171;

/* button */
--bs-btn-bg:#DEA742;
--bs-btn-border-color:#005BAB;
--bs-btn-hover-bg:#DEA742;
/* swiper */
--swiper-pagination-bullet-width: 70px;
--swiper-pagination-bullet-height: 4px;
--swiper-pagination-bullet-border-radius:0;
--swiper-pagination-bullet-inactive-color:#fff;
--swiper-pagination-color:#005BAB;
/* navbar */
--theme-box-shadow:0px 3px 3px rgba(166, 192, 245, 0.25);
}
/* media */
@media(min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1440px
    }
}
/* button */
.btn-primary{--bs-btn-bg: #DEA742;--bs-btn-border-color: none;--bs-btn-border-radius: 1.75rem;}
.text-shadow{text-shadow: 0px 0px 20px rgba(61, 61, 61, 0.75);}
.btn-more{border-radius: 2.5rem;border-width: 4px;}
.btn-more:hover{color: #fff !important;background-color: #DF7000;border-color: unset;box-shadow: 2px -2px 8px rgba(136, 136, 136, 0.75); }
/* font */
.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-2_4{letter-spacing: 2.4px;}
.ls-3{letter-spacing: 3px;} 
.ls-4{letter-spacing: 4px;} 
.lh-1_6{line-height: 1.6;}
.text-orange{color: var(--Grand-Orange);}
.text-greydeep{color: var(--Grey-Deep);}
.text-navy{color: var(--Grand-Navy);}
.text-justify{text-align: justify;}

.container-fluid-pc{max-width: 1920px !important;}
.container-fluid-pc-content{max-width: 1660px;}
/* nav */
#navbar-menu .navbar-nav .nav-item {position: relative;}
#navbar-menu .navbar-nav .dropdown-menu{background-color:#005BABE5;padding:0px 14px;border-radius: 20px 5px 20px 5px;margin-top: 20px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);}
#navbar-menu .navbar-nav .dropdown-menu .dropdown-item{color: #fff;border-bottom: 1px solid var(--Grand-Turquoise);padding:10px 0;font-size: 20px;font-weight: 500;letter-spacing: 2px;}
#navbar-menu .navbar-nav .dropdown-toggle::after{position: absolute;top: 100%;left: 0;right: 0;margin: 7px auto 0;border: unset;background: url(/static/img/menu_dropicon.svg) no-repeat center;background-size: auto 100%; height: 9px;}
#navbar-menu .navbar-nav .nav-item .nav-link {
    color: var(--Brand-Blue, #005BAB);
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: 160%;
    letter-spacing: 5.5px;
    border-bottom: 1px solid var(--Brand-Blue, #005BAB);
}
#navbar-menu .navbar-nav .nav-item .nav-link.active {
    font-weight: bold;
}
.navbar-book-btn a{color: var(--Grand-Orange, #DF7000);
    text-align: center; 
    font-family: "Noto Sans HK";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: 3px;}
/* nav end     */
/* footer */
.container-desgin-footer{max-width: 1560px;}
.footer-info .start{min-width: 6em;}
footer .footer-nav-item h2,footer .footer-nav-item h3{color: #fff;}
footer .footer-nav-item h2{font-size: 24px;font-weight: 500;letter-spacing: 2.4px;border-top: 2px solid #fff;padding-top:10px;}
footer .footer-nav-item h3{font-size:20px ;font-weight: 400;line-height: 1.6;letter-spacing: 4px;}

/* footer end */


/* 针对PC端 */
@media screen and (min-width: 1024px) {
   .navbar-brand .logo-brand { max-width: 17vw; }
   #navbar-menu .navbar-nav .nav-item {padding-left: 15px;padding-right: 15px;}
}
/* 针对1440px及以上的大屏 */
@media screen and (min-width: 1440px) {
 


}