@font-face {
  font-family: "NotoSansSC";
  src: url("../fonts/NotoSans/NotoSansSC-Regular.ttf?202520112105");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NotoSansSC";
  src: url("../fonts/NotoSans/NotoSansSC-Medium.ttf?202520112105");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "NotoSansSC";
  src: url("../fonts/NotoSans/NotoSansSC-SemiBold.ttf?202520112105");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "NotoSansSC";
  src: url("../fonts/NotoSans/NotoSansSC-Bold.ttf?202520112105");
  font-weight: bold;
  font-display: swap;
}

@font-face {
    font-family: "NotoSansHK";
    src: url("../fonts/NotoSans/NotoSansHK-Regular.ttf?202520112105");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansHK";
    src: url("../fonts/NotoSans/NotoSansHK-Medium.ttf?202520112105");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansHK";
    src: url("../fonts/NotoSans/NotoSansHK-SemiBold.ttf?202520112105");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansHK";
    src: url("../fonts/NotoSans/NotoSansHK-Bold.ttf?202520112105");
    font-weight: bold;
    font-display: swap;
}

.lang-sc {
    --font-geomanist: "NotoSansSC", "Geomanist", Helvetica, Arial, sans-serif;
    --font-opensans: "NotoSansSC", "OpenSans", Helvetica, Arial, sans-serif;
}

.lang-zh {
    --font-geomanist: "NotoSansHK", "Geomanist", Helvetica, Arial, sans-serif;
    --font-opensans: "NotoSansHK", "OpenSans", Helvetica, Arial, sans-serif;
}

.header__main--secondary .header__main--web-location .dropdown__bb {
    max-width: 100%;
}

.header__main--web-language > div {
    white-space: nowrap;
}

.header__main--bb .dropdown__bb {
    vertical-align: top;
}

.header__main:not(.header__campaign):not(.header__campaign_more)
    .header__main--secondary
    .header__main--web-etc
    ul
    li
    a[href*="premier"] {
    color: var(--premier-bronze);
}

.header__main:not(.header__campaign):not(.header__campaign_more)
    .header__main--secondary
    .header__main--web-etc
    ul
    li
    a[href*="premier"]:hover {
    color: #a38654;
}

@media (max-width: 1560px) {
    .header__main--bb .header__main--secondary .header__main--web-location .dropdown__bb .item {
        max-width: 123px;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    .header__main--web-location {
        display: flex;
        align-items: flex-start;
    }

    .header__main--bb .header__main--secondary .header__main--web-location .dropdown__bb {
        display: flex;
    }

    .header__main--bb .header__main--secondary .header__main--web-location .dropdown__bb p {
        min-width: 65px;
    }

    .header__main--bb .header__main--secondary .header__main--web-location .dropdown__bb .dropdown__theme {
        display: block;
    }

    .header__main .header__main--secondary .header__main--web-etc ul li {
        max-width: 115px;
    }
}

@media (min-width: 1280px) {
    .header__main .header__main--primary .header__main--navi ul li.divider,
    .header__main .header__main--primary header .menu ul li.divider,
    header .header__main .header__main--primary .menu ul li.divider {
        min-width: 60px;
        max-width: 60px;
    }
}

/*@media (min-width: 1200px) {
    .header__main--web-location:not(.header__main--web-language) {
        min-width: 294px;
    }
}*/

@media (min-width: 992px) {
    .header__main--web-etc {
        display: flex;
        align-items: baseline;
    }
    .header__main--web-etc ul {
        display: flex;
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .header__main .header__main--secondary .header__main--web-location > * > * {
        transform: none;
    }
}

.subtext p {
    max-width: 820px;
    margin-bottom: 40px
}


@media (min-width: 769px) {
#id1 table.table-responsive,
#id2 table.table-responsive,
#id3 table.table-responsive {
    display: table;
}
}

#id1 table.table-responsive .col5, 
#id1 .table__comparison table tr td,
#id2 table.table-responsive .col5, 
#id2 .table__comparison table tr td,
#id3 table.table-responsive .col5, 
#id3 .table__comparison table tr td {
    width: auto;
}

#id3 table.table-responsive .col5, 
#id3 .table__comparison table tr td {
    min-width: 120px;
}