/* @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: local("Poppins Thin"), local("Poppins-Thin"), url("../fonts/Poppins/Poppins-Thin.ttf") format("truetype");
}
*/

/* poppins-200 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-300 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local("Poppins Light"), local("Poppins-Light"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-Light.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local("Poppins Regular"), local("Poppins-Regular"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins Regular Italic"), local("Poppins-Regular-Italic"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local("Poppins Medium"), local("Poppins-Medium"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-600 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-700 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local("Poppins Bold"), local("Poppins-Bold"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Poppins';
    src: local("Poppins Bold Italic"), local("Poppins-Bold-Italic"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

/* poppins-800 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* poppins-900 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: local("Poppins Black"), local("Poppins-Black"), url("https://www.cr.gov.hk/html/fonts/Poppins/Poppins-Black.ttf") format("truetype");
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* a:focus, */
/* button:focus { */
/* outline: 1px dotted; */
/* outline: 1px auto -webkit-focus-ring-color; */
/* } */

html,
body {
    color: #272727;
    /* letter-spacing: 0.1px; */
    /* font-weight: lighter; */
    /* overflow-x: hidden; */
    font-family: "Poppins", "Microsoft JhengHei", "微軟正黑體", "微軟雅黑體", "細明體_HKSCS", Arial, sans-serif, "Times New Roman";
    /* font-family: "Poppins", "Helvetica Neue", Arial, "Microsoft JhengHei", sans-serif; */
}

html.no-scroll,
body.no-scroll,
.parent-navbar.no-scroll,
.sub-menu.no-scroll {
    overflow: hidden;
}

body {
    text-align: justify;
}

html:not([lang="en"]) body {
    text-justify: inter-ideograph;
}

.text-justify {
    text-justify: inter-ideograph;
}

/* body{
} */

p {
    text-align: justify;
}

td p {
    text-align: left;
}

html:not([lang="en"]) p {
    text-justify: inter-ideograph;
}

ol li {
    text-align: justify;
}

html:not([lang="en"]) ol li {
    text-justify: inter-ideograph;
}

td ol li,
th ol li,
td ul li,
th ul li {
    text-justify: initial;
    text-align: left;
}

.news-detail-card p {
    font-size: 18px;
}

header,
footer {
    text-align: left;
}

strong {
    font-weight: bold;
}

h1 {
    font-weight: bold;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

h4 {
    line-height: 130%;
}

/* update font-size */
h1,
.h1 {
    font-size: 32px;
}

h2,
.h2,
h3,
.h3 {
    font-size: 25px;
}

h4,
.h4 {
    font-size: 20px;
}

h5,
.h5 {
    font-size: 18px;
}

/* update font-size */

@media(max-width: 1170px) {

    h1,
    .h1 {
        font-size: 26px;
    }

    h2,
    .h2,
    h3,
    .h3 {
        font-size: 22px;
    }

    h4,
    .h4 {
        font-size: 18px;
    }

    h5,
    .h5 {
        font-size: 16px;
    }

    body {
        font-size: 15px;
    }
}

nav ul {
    list-style-type: none;
    margin-bottom: 0;
}

/* font */
.font-weight-medium {
    font-weight: 500;
}

/* a tag handling */
a {
    text-decoration: underline;
    font-style: italic;
    color: #4073b2;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

/* header */
header a,
header a:hover,
header a:focus,

/* footer */
footer a,
footer a:hover,
footer a:focus,

/* breadcrumb */
.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:focus,

/* index-group */
.index-group a,
.index-group a:hover,
.index-group a:focus,

/* sitemap */
.sitemap-link a,
.sitemap-link a:hover,
.sitemap-link a:focus,
.sitemap-block a,
.sitemap-block a:hover,
.sitemap-block a:focus,

/* link-page-item */
.link-page-item a,
.link-page-item a:hover,
.link-page-item a:focus,

/* archive-block */
.archive-block a,
.archive-block a:hover,
.archive-block a:focus,

/* block-container */
a.block-container,
a.block-container:hover,
a.block-container:focus,

/* toggle */
a[data-toggle="collapse"],
a[data-toggle="collapse"]:hover,
a[data-toggle="collapse"]:focus,
a[data-toggle="modal"],
a[data-toggle="modal"]:hover,
a[data-toggle="modal"]:focus,
a[href="javascript:;"],
a[href="javascript:void(0);"],
a.btn {
    font-style: normal;
    text-decoration: none;
}

/* header */
header a,

/* footer */
footer a,

/* breadcrumb */
.breadcrumb a,

/* index-group */
.index-group a,

/* sitemap */
.sitemap-link a,
.sitemap-block a,

/* link-page-item */
.link-page-item a,

/* archive-block */
.archive-block a,

/* faq-detail-block */
.faq-detail-block a.block-container,

/* block-container */
a.block-container,

/* toggle */
a[href="javascript:void(0);"],
a[href="javascript:;"],
a[data-toggle="modal"] {
    color: #005b75;
}

.news-btn-card a[href="javascript:void(0);"] {
    color: #fff;
}

/* header */
header a:hover,
header a:focus,

/* index-group */
.index-group a:hover,
.index-group a:focus,
.index-group a.active,

/* toggle */
a[data-toggle="modal"]:hover,
a[data-toggle="modal"]:focus {
    color: #AA181B;
}

@media(max-width: 1170px) {

    header a:hover,
    header a:focus {
        color: #005b75;
    }
}


a>u,
a>span,
a>u>span,
a[href^="http"]:not(.btn):not(.block-container),
a[href^="/"][target="_blank"]:not(.btn):not(.block-container),
td a:not(.btn):not(.block-container),
th a:not(.btn):not(.block-container),
p a:not(.btn):not(.block-container) {
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; */
}

.align-link-left {
    text-align: left;
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; */
}

/* a tag handling */

td,
th {
    text-align: left;
}

@media(max-width: 1170px) {

    td.min-width,
    th.min-width {
        min-width: 150px;
    }
}

article p {
    text-indent: 1rem;
}

img.fixed-width {
    width: 100%;
}

img.fixed-height {
    height: 100%;
}

img.img-object-fit {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}
ol.f {list-style-type: decimal;}
ol.n {list-style-type: lower-alpha;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.u {list-style-type: upper-roman;} */

ol.fit-left,
ul.fit-left {
    -webkit-padding-start: 20px;
}

ol.fit-left li {
    padding-left: .5rem;
}

ul.wide-height li,
ol.wide-height li {
    margin: 1rem 0rem;
}

ol.li-list-ol ul {
    list-style-type: disc;
}


/* ol.type-line{
    counter-reset: item;
    list-style-type: none;
}
ol.type-line > li::before {
    display: inline-block;
    content: "-";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
    font-size: 1rem;
}

ol.decimal{
    counter-reset: item;
    list-style-type: none;
}
ol.decimal > li::before {
    display: inline-block;
    content: counter(item, decimal) ".";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
    font-size: 1rem;
}

ol.lower-alpha{
    counter-reset: item;
    list-style-type: none;
}
ol.lower-alpha > li::before {
    display: inline-block;
    content: " (" counter(item, lower-alpha) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
    font-size: 1rem;
}

ol.lower-roman{
    counter-reset: item;
    list-style-type: none;
}
ol.lower-roman > li::before {
    display: inline-block;
    content: " (" counter(item, lower-roman) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
    font-size: 1rem;
}

ol.upper-roman{
    counter-reset: item;
    list-style-type: none;
}
ol.upper-roman > li::before {
    display: inline-block;
    content: " (" counter(item, upper-roman) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
    font-size: 1rem;
} */

@media(min-width: 1171px) {
    .w-lg-100 {
        width: 100%;
    }
}

.u-relative {
    position: relative;
}

.u-absolute {
    position: absolute;
}

.red-required {
    color: #AA181B;
    font-weight: bold;
}

.title {
    color: #005b75;
}

.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.color-primary {
    color: #005b75;
}

.color-primary:not(.active) {
    color: #005b75 !important;
}

.color-body {
    color: #272727;
}

.color-inherit {
    color: inherit;
}

.main-block {
    max-width: 100%;
    background: #f8fcff;
    /* min-height: 500px; */
    /* overflow: hidden; */
}

@media(max-width: 1170px) {
    .main-block {
        /* background-color: #e6f6fd; */
    }
}

.iframe-video {
    border: 0;
    width: 100%;
    height: 300px;
}

.btn {
    border-radius: 0;
    border: 0;
    white-space: inherit;
}

.btn-primary {
    background: #C91D20;
    border-color: #C91D20;
}

.three-site-item:hover .btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #9a0000;
    border-color: #9a0000;
    border: 0;
}

.btn-secondary {
    background-color: #fff;
    color: #AA181B;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    background-color: #e2dedd;
    color: #AA181B;
    border: 0;
}

.btn-third {
    background-color: #005b75;
    color: #fff;
}

.btn-third:hover,
.btn-third:focus,
.btn-third:active,
.btn-third:not(:disabled):not(.disabled).active,
.btn-third:not(:disabled):not(.disabled):active,
.show>.btn-third.dropdown-toggle {
    background-color: #005b75;
    color: #fff;
    border: 0;
}

.btn-grey {
    background-color: #828282;
    color: #fff;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey:not(:disabled):not(.disabled).active,
.btn-grey:not(:disabled):not(.disabled):active,
.show>.btn-grey.dropdown-toggle {
    background-color: #828282;
    color: #fff;
    border: 0;
}

.btn-login {
    background-image: url('../png/login-white.png');
    background-size: 25px;
    background-position: left 10px center;
    background-repeat: no-repeat;
}

.btn-search {
    background-image: url('../png/search.png');
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.btn-search:hover {
    background-image: url('../png/search.png');
    background-position: center;
    background-repeat: no-repeat;
}

.print-year-btn,
.btn-year {
    position: relative;
    font-size: 2rem;
    text-align: left;
    font-weight: bold;
    color: #005b75;
    background: #f8fcff;
    padding-left: 0;
    padding-right: 2rem;
    width: auto !important;
}

.btn-year.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 5px;
    border: none;
    background-image: url(../png/swiper-arrow-left.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.btn-year.dropdown-toggle[aria-expanded="true"]::after {
    -webkit-transform: translateY(-50%) rotate(-90deg) rotateY(180deg);
    transform: translateY(-50%) rotate(-90deg) rotateY(180deg);
}

.btn-year+.dropdown-menu {
    min-width: 150px;
    border: 1px solid #005b75;
    border-radius: 0;
    background-color: #fff;
    padding: 0;

    height: auto;
    overflow-x: hidden;
}

.btn-year+.dropdown-menu [data-scrollbar] {
    max-height: 200px;
}

.btn-year+.dropdown-menu .dropdown-item {
    color: #005b75;
}

.btn-year+.dropdown-menu .dropdown-item:active,
.btn-year+.dropdown-menu .dropdown-item:focus,
.btn-year+.dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #005b75;
}

.dropdown-year button {
    cursor: pointer;
}

.print-btn-container img {
    width: 15px;
}

/* table */
table {
    position: relative;
    width: 100%;
}

table td {
    border-top: none;
}

.table td {
    color: #005b75;
    padding: .7rem 1rem;
}

@media(max-width: 1170px) {
    table td {
        /* min-width: 200px; */
        /* font-weight: normal; */
    }
}

.table thead:not(.sr-only) th,
.table .thead:not(.sr-only) th,
.table .thead:not(.sr-only) td {
    vertical-align: top;
    background: #005b75;
    color: #fff;
}

.table .thead:not(.sr-only) td {
    vertical-align: middle;
}

table tbody tr {
    background: #fff;
}

.table tbody td {
    border-top: 1px solid #c5c5c5;
}

.table thead:not(.sr-only)+tbody tr:first-child td {
    border-top: 1px solid #c5c5c5;
}

/* .table tbody tr:first-child td{
    border-top: none;
} */
.table thead:not(.sr-only) th {
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}

/* table.border-table td{ */
table th,
table td {
    border: 1px solid #c5c5c5;
}

table th,
table td {
    border-right: 1px solid #c5c5c5;
}

table th.white-bg {
    border: 0;
}

table td.head {
    border-left: none;
    border-right: none;
}

/* table tbody td:nth-child(even){
    background: #e0e1ea;
} */

table thead:not(.sr-only) th.primary-bg,
table tbody td.primary-bg {
    /* background: #e0e1ea; */
    background: #fff;
}

table thead:not(.sr-only) th.second-bg,
table tbody td.second-bg {
    /* background: #efeef4; */
    background: #fff;
}

table thead:not(.sr-only) th.white-bg,
table tbody td.white-bg {
    background: #fff;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f054';
    font-style: normal;
    position: absolute;
    top: 50%;
    right: -20px;
    color: #565758;
    background: transparent;
    border: none;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

table.vertical-middle td,
table.vertical-middle th {
    vertical-align: middle;
}

td.head {
    background-color: #005b75;
    color: #fff;
}

.table td,
.table th {
    /* border-top: 0; */
}

.table {
    margin-bottom: 0;
}


@media(max-width: 1170px) {
    .table-responsive {
        /* max-height: 70vh; */
        max-width: 100%;
        margin-bottom: 1rem;
        overflow: auto;
        /* overflow: scroll; */
    }

    .table-responsive::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height: 5px;
    }

    .table-responsive::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
}

/* table */

/* form */

header .search-box-container .form-control {
    height: 25px;
    font-size: .7rem;
    line-height: 1rem;
    /* line-height: 1.3rem; */
}

header .search-box-container .form-control:not([name="search"]):not([name="query"]),
.custom-select {
    min-height: 40px;
}

.form-control:focus,
.custom-select:focus {
    border-color: #005b75;
}

.form-control {
    border-radius: 0;
    border: 1px solid #005b75;
    line-height: 1.6rem;
}

.input-group {
    height: 30px;
}

.search-box-container .input-group {
    height: 25px;
}

@media(min-width: 1170px) {
    .search-box-container .input-group {
        width: 150px;
    }
}

.search-box-container .input-group label {
    width: calc(100% - 25px);
}

.btn.btn-third.btn-search {
    width: 25px;
    height: 25px;
}

.input-group-append {
    height: 100%;
}

.input-group-text {
    padding: .5rem;
    border-radius: 0;
    border: 1px solid #005b75;
    background-color: #005b75;
}

.large-input {
    height: 60px;
}

.large-input .input-group-append {
    height: 60px;
    width: 60px;
}

.large-input .input-group-append .btn {
    width: 100%;
    background-size: 50%;
}

.large-input .form-control {
    /* padding: 1.5rem; */
    height: 50px;
}

.custom-select {
    border-radius: 0;
    border: 1px solid #005b75;
    background-image: url('../png/custom-select.png');
    background-repeat: no-repeat;
    background-position: right .85rem center;
    background-size: 30px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-control-label::before {
    background-color: #ffffff;
    border: 1px solid #005b75;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #005b75;
}

/* form */

/* header */
header {
    position: static;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999;
}

header .nav-item {
    font-size: 1.1rem;
}

header .logo {
    height: 44px;
    margin-right: 0.5rem;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; */
}

@media(max-width: 1170px) {
    header .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

header .logo-icon {
    height: 44px;
}

header .m-logo-icon {
    height: 32px;
}

@media(max-width: 1170px) {
    .mobile-menu-item {
        margin: 1rem 2rem;
    }
}

@media(max-width: 480px) {
    header .m-logo-icon {
        height: 26px;
    }
}

.navbar {
    /* position: inherit; */
    padding: 0;
    z-index: 10;
}

.navbar .nav-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.navbar .main-nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

/* .navbar .nav-item .effect-item{
    width: 100%;
    height: 0;
    background-color: #C91D20;
    opacity: 0;
    transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
}
.navbar .main-nav-link.active + .effect-item,
.navbar .nav-item:hover .effect-item{
    opacity: 1;
    background-color: #fff;
} */

.sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    left: 0;
    width: 33.33%;
    /* padding: 1rem 0; */
    /* max-height: 379px; */
    /* overflow-y: auto; */
    transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
}

/* .sub-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.sub-menu::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
} */
.sub-menu.open,
li.nav-item:hover>.sub-menu,
li.nav-item:focus>.sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.sub-menu[data-level="1"] {
    /* background-color: rgba(255, 255, 255, 0.95); */
    width: 100%;
}

@media(max-width: 1170px) {
    .sub-menu[data-level="1"] {
        background-color: #fff;
        width: 100%;
    }
}

.sub-menu[data-level="2"] {
    left: 100%;
    top: 0;
}

/* .sub-menu[data-level="3"] {
    left: 66.66%;
} */

.sub-menu-background {
    position: absolute;
    top: 100%;
    left: 15px;
    width: calc(100% - 30px);
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9;
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: .05s ease-in-out;
    -webkit-transition: .05s ease-in-out;
    -moz-transition: .05s ease-in-out;
    -ms-transition: .05s ease-in-out;
    -o-transition: .05s ease-in-out;
}

.sub-menu-background:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 33.3333%;
    height: 100%;
    background-color: #fff;
}

.sub-menu-background:after {
    content: '';
    position: absolute;
    left: 33.3333%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e2dedd;
}

.sub-menu-background.active:before {
    width: 100%;
}

/* .main-menu.active .sub-menu-background{
    opacity: 1;
    visibility: visible;
} */
/* [data-active-sub-level="2"] .sub-menu-background {
    background-color: rgba(255, 255, 255, 0.95);
}
[data-active-sub-level="2"] .sub-menu[data-level="1"] {
    background-color: transparent;
} */
/* @media(max-width: 1170px){
    [data-active-sub-level="2"] .sub-menu[data-level="1"] {
        background-color: #fff;
    }
} */

.parent-navbar {
    position: relative;
}

.sub-menu .navbar {
    display: block;
    left: 0;
    padding: 1rem 0;
    /* height: calc(380px - 2rem); */
    /* overflow: auto; */
}

/* .sub-menu[data-level="1"] > .navbar:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #e2dedd;
} */

.sub-menu[data-level="1"]>.navbar {
    /* margin-left: 0; */
    width: 33.33%;
}

/* .sub-menu.level-2 .navbar{
    margin-left: 33.33%;
}
.sub-menu.level-3 .navbar{
    margin-left: 66.66%;
} */


.sub-menu .nav-item {
    width: 100%;
    padding: 0 2rem;
}

.sub-menu .nav-link {
    font-size: 15px;
    padding: 5px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sub-menu .nav-item:not(:last-child) .nav-link {
    border-bottom: 1px solid #e2dedd;
}

.m-search-container {
    display: none;
}

.fas.fa-caret-right {
    padding-left: 5px;
}

@media(min-width: 1171px) {
    .header-nav {
        position: relative;
        background-color: #C91D20;
    }

    .header-nav::before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #C91D20;
    }

    .navbar .main-nav-link {
        color: #fff;
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }

    html[lang="zh-tw"] .navbar .main-nav-link,
    html[lang="zh-cn"] .navbar .main-nav-link {
        font-size: 20px;
    }

    .nav-item.main-menu:hover .main-nav-link,
    .navbar .main-nav-link:hover,
    .navbar .main-nav-link.active {
        color: #AA181B;
        background-color: #fff;
    }

    .sub-menu[data-level="2"] {
        width: 200%;
        min-height: 100%;
    }

    .sub-menu[data-level="2"] .navbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        /* padding: 0 1rem; */
        height: auto;
    }

    .sub-menu[data-level="2"] .nav-item {
        width: 50%;
        /* padding: 0 1rem; */
        -ms-flex-item-align: stretch;
        align-self: stretch;
        flex-grow: 0;
    }

    .sub-menu[data-level="2"] .nav-item .nav-link {
        border-bottom: 1px solid #e2dedd;
        height: 100%;
    }

    /* .sub-menu[data-level="2"] .nav-item:last-child:nth-child(even) .nav-link {
        border-bottom: 0;
    } */
}

@media(min-width: 1171px) {
    .mobile-header {
        height: calc(60px + 2rem);
    }
}

@media(max-width: 1170px) {
    body.open-menu {
        overflow: hidden;
    }

    .sub-menu-background {
        display: none;
    }

    header .logo {
        height: 60px;
    }

    header .container {
        max-width: inherit;
        padding: 0 2rem;
    }

    .mobile-search-toggle,
    .mobile-menu-toggle {
        cursor: pointer;
    }

    .mobile-menu-toggle {
        height: 20px;
        width: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .menu-icon {
        position: relative;
        width: 20px;
        height: 2px;
        background-color: #005b75;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }

    .menu-icon:before,
    .menu-icon:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: #005b75;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }

    .menu-icon:before {
        top: -7px;
    }

    .menu-icon:after {
        top: 7px;
    }

    .mobile-header .search-icon {
        display: block;
        width: 20px;
        height: 20px;
        background-image: url('../png/search_blue.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 1;
        visibility: visible;
        transition: .2s;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -ms-transition: .2s;
        -o-transition: .2s;
    }

    .mobile-header .search-icon {
        opacity: 1;
        visibility: visible;
        -webkit-transition: .2s;
        transition: .2s;
    }

    .open-search-menu #share-button,
    .open-search-menu .popover,
    .open-search-menu .search-icon {
        opacity: 0;
        visibility: hidden;
    }

    .open-menu .menu-icon:before,
    .open-search-menu .menu-icon:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .open-menu .menu-icon:after,
    .open-search-menu .menu-icon:after {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .open-menu .menu-icon,
    .open-search-menu .menu-icon {
        background-color: transparent;
    }

    header {
        position: fixed;
        top: 0;
        height: 60px;
        width: 100%;
        background: #fff;
    }

    .open-menu header {
        height: 100%;
    }

    .header-nav,
    .m-search-container {
        position: absolute;
        top: 0;
        padding-top: 60px;
        height: 100%;
        width: 100%;
        overflow: hidden;
        left: 0;
        z-index: 999;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition: .2s ease-in-out;
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
    }

    .header-nav {
        z-index: 998;
    }

    .m-search-container {
        display: block;
        position: fixed;
        background-color: #fff;
        padding: 80px 2rem;
    }

    header .navbar {
        height: 100%;
        /* overflow: auto; */
        display: block;
        position: relative;
    }

    .parent-navbar {
        overflow: auto;
    }

    .open-menu .header-nav,
    .open-search-menu .m-search-container {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }

    .header-nav .container {
        padding: 0;
        height: 100%;
    }

    .mobile-header {
        position: absolute;
        width: calc(100% - 60px);
        background: #fff;
        z-index: 1000;
    }

    .nav-link {
        padding: 6rem 3rem;
    }

    .sub-menu {
        display: block;
        position: absolute;
        height: 100%;
        max-height: inherit;
        width: 100%;
        overflow: auto;
        background-color: #fff;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 999;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
    }

    .sub-menu.open {
        left: 0;
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .sub-menu .navbar {
        height: 100%;
        /* height: auto; */
        padding: 0;
    }

    .sub-menu[data-level="1"] .navbar {
        width: 100%;
    }

    .sub-menu[data-level="2"],
    .sub-menu[data-level="3"] {
        left: 0;
    }

    .navbar .nav-item .effect-item {
        height: 0;
    }

    .sub-menu:before {
        border: none;
    }

    .navbar .nav-item {
        width: 100%;
        text-align: left;
        padding: 0;
    }

    .navbar .main-nav-link,
    .sub-menu .nav-link {
        padding: .5rem 2rem;
        border-bottom: 1px solid #e2dedd;
    }

    .sub-menu .nav-link:not(.js-back-toggle).active {
        color: #AA181B;
    }

    header .navbar.no-scroll,
    .sub-menu.no-scroll {
        overflow: hidden;
    }
}

.nav-link.nav-link-header {
    background-color: #005b75;
    color: #fff;
}

@media(max-width: 1170px) {
    .nav-link:not(.nav-link-header):not(.js-back-toggle):not(.main-nav-link) {
        padding-left: 3rem;
    }
}

/* header */

/* footer */
footer {
    position: relative;
    background-color: #005b75;
    color: #fff;
}

.footer-head {
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
}

.footer-block {
    margin: 4rem 0;
}

.footer-link {
    margin: .5rem 0;
    font-size: .8rem;
    font-weight: 300;
}

.footer-link a {
    color: #fff;
}

.footer-link a:hover {
    color: #c5c5c5;
}

.footer-head-map {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #fff;
}

.footer-head-map .footer-link {
    margin: 0 .8rem;
}

/* footer .back-to-top{ */
.footer-back-to-top {
    position: fixed;
    right: 5%;
    bottom: 0px;
    height: 30px;
    width: 30px;
    z-index: 9;
    cursor: pointer;
    font-size: 1.5rem;
    background-image: url('../png/back-to-top.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: .3s ease-in-out;
}

.footer-back-to-top.active {
    opacity: 1;
}

/* footer .back-to-top i { */
.footer-back-to-top i {
    opacity: 0;
}

footer .back-to-top {
    position: absolute;
    right: 5%;
    top: -30px;
    cursor: pointer;
    font-size: 1.5rem;
    background-image: url('../png/back-to-top.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

footer .back-to-top i {
    opacity: 0;
}

/* .back-to-top i{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    line-height: 100%;
} */

@media(max-width: 1170px) {
    .footer-head-map {
        padding-top: 1rem;
        margin-bottom: 0;
        border-bottom: 0px solid #fff;
    }
}

/* footer */

/* main banner */
.main-banner {
    position: relative;
}

.main-banner:not(.mainpage-banner):after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
    z-index: 0;
}

.main-banner:not(.mainpage-banner) .crbanner {
    position: relative;
    height: 100%;
    height: 400px;
    width: 100%;
}

.main-banner .title {
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 1;
    text-align: left;
}

@media(max-width: 1170px) {
    .main-banner:not(.mainpage-banner) .crbanner {
        height: 400px;
    }
}

@media(max-width: 750px) {
    .main-banner:not(.mainpage-banner) .crbanner {
        height: 300px;
    }
}

@media(max-width: 575px) {
    .main-banner:not(.mainpage-banner) .crbanner {
        display: flex;
        height: auto;
        min-height: 300px;
        padding-top: 90px;
    }

    .main-banner:not(.mainpage-banner) .title {
        position: relative;
        margin-top: auto;
    }
}

/* main banner */

/* breadcrumb */
.breadcrumb-block,
.breadcrumb {
    background: #C91D20;
    color: #fff;
    font-weight: 300;
    margin: 0;
    padding: 0.4rem 0;
    text-align: left;
}

.breadcrumb a,
/* .breadcrumb a[href^="http"]:not(.btn):not(.block-container), */
.breadcrumb .breadcrumb-item.active {
    color: #fff;
}

.breadcrumb .breadcrumb-item.active {
    font-weight: bold;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    content: ">";
}

@media(max-width: 1170px) {
    .breadcrumb-item::before {
        color: #fff;
        padding-right: .5rem;
        content: ">";
    }

    .breadcrumb-item {
        padding-left: .5rem;
    }
}

/* .breadcrumb-item a[href="#"],
.breadcrumb-item a[href="javascript:;"],
.breadcrumb-item a:not([href]),
.breadcrumb-item a[href="#"]:hover,
.breadcrumb-item a[href="javascript:;"]:hover,
.breadcrumb-item a:not([href]):hover {
    cursor: text;
} */

@media(max-width: 1170px) {
    .breadcrumb {
        display: block;
        /* padding-left: 1.5rem; */
    }

    .breadcrumb:after {
        content: '';
        display: table;
        clear: both;
    }

    .breadcrumb-item {
        display: inline-block;
        float: left;
        clear: both;
    }

    .breadcrumb-item:first-child {
        /* margin-left: -1.4rem; */
    }

    .breadcrumb-item+.breadcrumb-item {
        /* padding-left: 0; */
    }
}

/* breadcrumb */

/* index list */
.index-block {
    position: relative;
}

.index-left-container {
    position: relative;
}

.index-left-container:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100vw;
    background: #fdfdfd;
    z-index: 0;
}

.index-left-container {
    max-width: 20%;
}

.index-group {
    position: relative;
    padding: 1rem 0;
    color: #868686;
}

.index-group:first-child {
    padding-top: 0;
}

.index-group:not(:last-child):before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% + 50px);
    height: 2px;
    background-color: #C91D20;
}

.index-group .item {
    position: relative;
    margin: 1.2rem 0;
    font-size: 0.88rem;
}

.index-group .head {
    color: #005b75;
}

.index-group .head h4 {
    font-weight: 500;
    font-size: 1.2rem;
}

.index-group.active .item,
.index-group .item.active>a,
.index-group .item.active>h4>a,
.index-group .item>a:hover:before {
    color: #AA181B;
}

/* .index-group.active .head.active:before{
    content: '';
    position: absolute;
    right: -25px;
    height: 100%;
    width: 8px;
    background-color: #C91D20;
} */

.index-group .item:not(.head) {
    /* font-style: italic; */
}

.index-group .item-dropdown:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f054';
    position: absolute;
    color: #005b75;
    top: 0;
    right: -20px;
    font-style: normal;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

/* .index-group.active .item-dropdown:before{
    color: #AA181B;
} */
.index-group .item-dropdown[aria-expanded="true"]:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.index-block .dropdown-menu {
    padding: 0.5rem 2rem;
    border-radius: 0;
    background: rgba(244, 245, 246, .9);
    border: 0;
}

.index-block .dropdown-item {
    color: #005b75;
    font-size: 0.9rem;
    margin: 0;
    padding: .6rem 0rem;
}

/* .index-block .dropdown-item:not(:last-child){
    border-bottom: 1px solid #d2dbdf;
} */

.index-block .dropdown-item.active,
.dropdown-item.active>a,
.dropdown-item:active {
    background-color: initial;
    color: #AA181B;
}

.index-group .item.dropright .collapse {
    position: relative;
    /* padding: .5rem 0; */
}

.index-group .item.dropright .collapse.show {
    margin: .5rem 0;
}

.index-group .item:not(.head).dropright .collapse:before {
    content: '';
    background-color: #f5f5f7;
    right: -24px;
    top: 0;
    position: absolute;
    width: 200%;
    z-index: 0;
    height: 100%;
}

.item.head.dropright .item-dropdown:before {
    top: 2px;
}

.dropright.active>.item-dropdown:before,
.item.head.dropright.active .item-dropdown:before {
    color: #AA181B;
}

.dropdown-item.active,
.dropdown-item:active {
    background: transparent;
}

/* index list */

.content-block {
    position: relative;
}

/* .content-block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 100vw;
    background: #f8fcff;
    z-index: -3;
} */
@media(max-width: 1170px) {
    /* mini fix layout: background color */
    /* .content-block:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    } */
}

.li-list-collapse-container {
    position: relative;
}

.li-list-collapse-container:before {
    /* content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    height: 100%;
    width: 100vw;
    background: #fff;
    z-index: -2;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s; */
}

.li-list-collapse-container.show:before {
    /* opacity: 1;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s; */
}

@media(max-width: 1170px) {
    .li-list-collapse-container.show:before {
        /* opacity: 0; */
    }
}

/* li-list-container */

.li-collapse.with-background {
    background-color: #005b75;
    color: #fff;
}

.li-collapse.with-background a {
    color: #fff;
}

.li-list-ol {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.li-list-li h4 {
    margin-bottom: 0;
    font-weight: 600;
}

/* .li-list-li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    padding: 1.5rem .5rem 1.5rem 4rem;
    border-bottom: 1px solid #d2dbdf;
    -webkit-transition: .3s ease .3s;
    transition: .3s ease .3s;
} */
.li-list-li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    border-bottom: 1px solid #d2dbdf;
    -webkit-transition: .3s ease .3s;
    transition: .3s ease .3s;
    padding: 1.5rem .5rem 1.5rem 1rem;
}

/* body.major-services .li-list-li{
    padding: 1.5rem .5rem 1.5rem 1rem;
} */

.li-list-ol .li-list-li.active {
    background: #005b75;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

/* body:not(.major-services) .li-list-li::before {
    display: inline-block;
    content: " (" counter(item, upper-roman) ") ";
    counter-increment: item;
    width: 2em;
    margin-left: -2em;
    font-size: 1.5rem;
    color: #005b75;
    font-weight: normal;
    -webkit-transition: .3s;
    transition: .3s;
} */

.li-list-collapse {
    position: relative;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-left: 1rem;
    background: #005b75;
    margin-left: auto;
}

.li-list-ol .li-list-collapse {
    margin-left: 1rem;
}

.organization-list .li-list-collapse {
    margin-left: 0;
}

.li-list-collapse:after {
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* content: '\f078'; */
    /* font-size: 1.5rem; */
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    background-image: url('../png/arrow-down.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.li-collapse .li-list-collapse.active:after,
.border-block .li-list-collapse.active:after,
.border-bottom-block .li-list-collapse.active:after,
.border-top-block .li-list-collapse.active:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
}

.li-list-li .li-list-collapse.active:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: .3s ease .3s;
    transition: .3s ease .3s;
}

.li-list-ol .li-list-li.active a,
.li-list-li.active::before {
    color: #fff !important;
}

.li-list-full-width .li-list-li {
    padding: 1.5rem .5rem 1.5rem 0rem;
}

.li-list-full-width .li-list-li.active {
    padding: 1.5rem .5rem 1.5rem 1rem;
}

.li-list-full-width .li-list-li:before {
    display: none;
}

@media(max-width: 1170px) {
    .li-list-collapse {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
    }
}

/* li-list-container */

/* border-top-block */
.border-top-block {
    position: relative;
    border-top: 1px solid;
    border-color: #3a474c;
}

.border-bottom-block {
    position: relative;
    border-bottom: 1px solid;
    border-color: #3a474c;
}

.border-top-block.grey-top-line {
    border-top-color: #d2dbdf;
}

.border-top-block.grey-bottom-line {
    border-bottom-color: #d2dbdf;
}

.border-top-block h3,
.border-top-block h4 {
    margin-bottom: 0;
}

@media(max-width: 750px) {
    /* @media(max-width: 1170px){ */
    /* div[class*="col-"]:nth-last-child(2) .border-bottom-block{
        border-bottom: 0;
    } */
}

/* border-top-block */

/* border-block-link */
.border-block-link {
    background: transparent;
    color: #005b75;
    -webkit-transition: .2s;
    transition: .2s;
}

.border-block-link:hover {
    background: #005b75;
    color: #fff;
}

.border-block-link .icon {
    position: relative;
    width: 35px;
    height: 35px;
    min-width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 1rem;
    -webkit-transition: .2s;
    transition: .2s;
}

.border-block-link .icon.question {
    background-image: url('../png/question-circle.png');
}

.border-block-link:hover .icon.question {
    background-image: url('../png/question-circle-hover.png');
}

.border-block-link .icon.arrow {
    background-image: url('../png/arrow-circle.png');
}

.border-block-link:hover .icon.arrow {
    background-image: url('../png/arrow-circle-hover.png');
}

/* border-block-link */

/* left-icon-right-text */
.left-icon-right-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.left-icon-right-text .icon {
    padding: 0 1rem;
}

@media(max-width: 1170px) {
    .left-icon-right-text {
        width: 100%;
    }
}

/* left-icon-right-text */

/* grey-card */
.grey-card {
    background: #f3f3f7;
}

/* grey-card */

/* mainpage banner */

.mainpage-carousel .carousel-item {
    /* display: flex; */
}

.mainpage-carousel .carousel-control-next {
    right: 50px;
}

.mainpage-carousel .carousel-control-prev {
    left: 50px;
}

.mainpage-carousel .carousel-control-next,
.mainpage-carousel .carousel-control-prev {
    top: 50%;
    width: 40px;
    height: 40px;
    opacity: 1;
    background-color: #e5e5e5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
}

@media(max-width: 1170px) {

    .mainpage-carousel .carousel-control-next,
    .mainpage-carousel .carousel-control-prev {
        top: unset;
        bottom: -39px;

    }
}

.mainpage-carousel .carousel-control-next:focus,
.mainpage-carousel .carousel-control-prev:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

.mainpage-carousel .carousel-control-next:hover,
.mainpage-carousel .carousel-control-prev:hover {
    background-color: #9a0104;
}

.mainpage-carousel .carousel-control-next-icon,
.mainpage-carousel .carousel-control-prev-icon {
    background-image: url('../png/swiper-left-red.png');
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
}

.mainpage-carousel .carousel-control-next:hover .carousel-control-next-icon,
.mainpage-carousel .carousel-control-prev:hover .carousel-control-prev-icon {
    background-image: url('../png/swiper-left-white.png');
}

@media(max-width: 1170px) {
    .mainpage-carousel .carousel-item {
        /* height: 500px; */
        /* height: 100vh; */
        /* height: calc(100vh + 200px); */
    }

    .mainpage-carousel .carousel-control-next {
        right: 15px;
    }

    .mainpage-carousel .carousel-control-prev {
        /* left: 15px; */
        left: unset !important;
        right: 64px;
    }
}

.mainpage-carousel-item {
    position: relative;
    display: flex;
    /* padding: 3rem 0; */
    /* padding-top: 3rem; */
    padding-bottom: 0.5rem;
    background: #e0f4fc;
    z-index: 1;
}

@media(max-width: 1170px) {
    .mainpage-carousel-item {
        display: block;
        padding-bottom: 0;
    }
}

.mainpage-carousel-item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1rem;
    background: white;
    z-index: -1;
}

@media(max-width: 1170px) {
    .mainpage-carousel-item:before {
        display: none;
    }
}

.mainpage-carousel-item .mainpage-bg-image {
    position: relative;
    width: 60%;
    margin-top: 3rem;
    order: 2;
}

@media(max-width: 1170px) {
    .mainpage-carousel-item .mainpage-bg-image {
        width: 100%;
        margin-top: 0;
    }
}

.mainpage-carousel-item .mainpage-bg-image:before {
    content: '';
    display: block;
    padding-top: calc(9 / 16 * 100%);
    /* padding-top: calc(681 / 1920 * 100%); */
}

@media(max-width: 750px) {
    .mainpage-carousel-item .mainpage-bg-image:before {
        /* padding-top: calc(9 / 16 * 100%); */
        padding-top: calc(322 / 584 * 100%);
		width: 50%;
        /* padding-top: calc(517 / 375 * 100%); */
    }
}

.mainpage-carousel-item .mainpage-bg-image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #AA181B;
    transform: translate(0.5rem, 0.5rem);
    z-index: -1;
}

@media(max-width: 1170px) {
    .mainpage-carousel-item .mainpage-bg-image:after {
        display: none;
    }
}

.mainpage-carousel-item .banner-title {
    width: 35%;
    padding: 3rem;
    text-align: center;
}

@media(max-width: 1170px) {
    .mainpage-carousel-item .banner-title {
        width: 100%;
        min-height: 300px;
    }
}

@media(min-width: 1171px) {
    .mainpage-carousel-item .banner-title .container {
        max-width: 450px;
    }
}


.mainpage-carousel-item .btn.btn-primary {
    font-size: 1.2rem;
    width: 150px;
    min-width: 150px;
}

.main-banner-container {
    position: relative;
}

/* .mainpage-banner .banner-title{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: calc(50% - 20px);
}

.mainpage-content .banner-title{
    position: absolute;
    top: 80px;
    left: 15px;
} */

.highlight {
    display: flex;
    align-items: center;
    /* min-height: 294px; */
    min-height: 214px;
    padding: 0rem 2.5rem;
}

@media(min-width: 1171px) {
    .highlight {
        display: flex;
        align-items: center;
        /* min-height: 235px; */
        min-height: 155px;
    }
}

.highlight-block {
    /* max-width: 540px; */
    background: #fff;
}

.highlight-block .carousel-indicators {
    right: 0;
    margin-right: 1rem;
    margin-left: 150px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.highlight-block .carousel-control-next,
.highlight-block .carousel-control-prev {
    background-color: transparent;
    background-color: #C7C7D2;
    opacity: 1;
    top: 50%;
    bottom: auto;
    width: 25px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
}

.useful-link-block .carousel-control-next:focus,
.useful-link-block .carousel-control-prev:focus,
.highlight-block .carousel-control-next:focus,
.highlight-block .carousel-control-prev:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

.useful-link-block .carousel-control-next:hover,
.useful-link-block .carousel-control-prev:hover {
    background-color: #9a0104;
}

.highlight-block .carousel-control-prev {
    /* left: 8px; */
    right: auto;
}

.highlight-block .carousel-control-right {
    left: auto;
    /* right: 8px; */
}

.highlight-block .carousel-control-next-icon,
.highlight-block .carousel-control-prev-icon {
    background-image: url('../png/swiper-left-red.png');
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
}

/* .highlight-block .carousel-control-next:hover .carousel-control-next-icon,
.highlight-block .carousel-control-prev:hover .carousel-control-prev-icon{
    background-image: url('../images/icon/swiper-left-white.png');
} */

.modal-content {
    border: 0;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0px 0px 20px 10px rgba(101, 101, 101, 0.27);
    padding: 3rem;
    max-width: 1140px;
    margin: 0 auto;
}

.modal-body {
    padding: 1.5rem;
}

.modal .close {
    position: absolute;
    top: -1rem;
    right: 1rem;
    background-image: url('../png/modal-close.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 20px;
}

.modal .close * {
    opacity: 0;
}

.highlight-content-mobile {
    display: none;
}

.highlight .btn {
    margin-top: 15px;
}

@media(max-width: 1170px) {
    .mainpage-banner .banner-title {
        /* height: calc(50vh - 20px); */
        height: auto;
        padding: 2rem 2.5rem 7rem 2.5rem;
        text-align: center;
        top: 100px;
        position: unset !important;

        /* transform: translateY(-50%); */
    }

    .mainpage-banner .banner-title .h1,
    .mainpage-banner .banner-title h1 {
        text-align: left;
    }


    .highlight {
        /* padding: 0rem 0rem 2rem 0rem; */
    }

    .highlight-block {
        bottom: 0;
        max-width: inherit;
        width: 100%;
        text-align: left;
    }

    .highlight-content {
        display: none;
    }

    .highlight-content-mobile {
        display: block;
    }

    .highlight-block .carousel-indicators {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .highlight-block .carousel-control-next,
    .highlight-block .carousel-control-prev {
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .highlight-block .carousel-control-prev {
        left: 15px;
        right: auto;
    }

    .modal .modal-dialog {
        margin-top: 50px;
        /* top: 50%;
        transform: translateY(-50%); */
    }

    .modal .modal-body {
        padding-top: 50px;
        margin-top: 40px;
    }

    .highlight-block .carousel-control-prev,
    .highlight-block .carousel-control-next {
        display: none;
    }
}

/* @media(max-width: 750px){
    
} */

/* mainpage banner */

/* mainpage highlight block */
.carousel-control-prev-icon {
    background-image: url('../png/arrow-left.png');
    background-size: contain;
}

.carousel-control-next-icon {
    background-image: url('../png/arrow-left.png');
    background-size: contain;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.carousel-indicators {
    bottom: 0;
}

.carousel-indicators li {
    /* background-color: #dddddd; */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 6px;
    border-top: 0;
    border-bottom: 0;

    background-color: #d8d8d8;
    opacity: 1;
    box-shadow: 0 0 0 0;
}

.carousel-indicators li.active {
    background-color: #C91D20;
}

@media(max-width: 1170px) {

    .carousel-control-next,
    .carousel-control-prev {
        width: 40px;
    }
}

/* mainpage highlight block */

.main-block.link-page-section {
    overflow: hidden;
}

/* news card */
.main-block.news-block {
    background: #f8fcff;
    padding: 1px;
}

.news-block {
    background: #fff;
}

.news-card {
    position: relative;
    padding: 1rem 1rem;
    min-height: 120px;
    border-bottom: 1px solid #c5c5c5;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.news-card:last-child {
    margin-bottom: 120px;
}

.news-card:before {
    content: '';
    position: absolute;
    left: -1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 98%;
    width: 6px;
    background-color: #9db3c1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.news-card:hover {
    background-color: rgba(0, 91, 117, 0.1);
}

.news-card.active:before {
    background-color: #005b75;
}

@media(min-width: 1171px) {
    .news-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }

    .news-card.active {
        border-bottom: 1px solid #c5c5c5;
        color: #fff;
        background: #005b75;
    }
}

@media(max-width: 1170px) {
    .news-card:before {
        left: -0.7rem;
    }
}

.news-btn-card {
    position: relative;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-detail-card {
    display: none;
    font-size: 18px;
    height: 100%;
    padding: 0 2rem;
    -webkit-box-shadow: -2px 2px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 20px 0px rgba(0, 0, 0, 0.1);
    max-height: 650px;
}

.news-detail-card.active {
    display: block;
}

@media(max-width: 1170px) {
    .m-news-block .li-collapse {
        background-color: #fff;
        border-bottom: 1px solid #cfcfcf;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }

    .m-news-block .li-collapse.active {
        border-color: transparent;
    }

    .m-news-block .li-list-collapse:after {
        content: '';
        background-color: transparent;
        background-image: url('../png/arrow-down.png');
        background-size: 19px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .m-news-block .li-list-collapse.active:after {
        background-image: url('../png/collapse-up-white.png')
    }

    .m-news-block .li-collapse .collapse-title {
        color: #005b75;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }

    .m-news-block .li-collapse.active .collapse-title {
        background-color: #005b75;
        color: #fff;
    }

    .m-news-block .collapse {
        -webkit-box-shadow: -2px 2px 20px 0px rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 20px 0px rgba(0, 0, 0, 0.1);
    }

    .m-news-block .li-collapse>a:focus {
        color: inherit;
    }

    .news-btn-card {
        position: static;
        width: 100%;
        min-height: inherit;
        min-height: none;
        height: auto;
        display: block;
        margin: 3rem 0;
    }
}

/* news card */

/* three-site-block */
/* .three-site-block{
} */

.three-site-item {
    min-height: 180px;
    border: 1px solid #005b75;
    -webkit-box-shadow: 0px 14px 30px -14px transparent;
    box-shadow: 0px 14px 30px -14px transparent;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.three-site-item:hover {
    -webkit-box-shadow: 0px 14px 30px -14px #969696;
    box-shadow: 0px 14px 30px -14px #969696;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.three-site-icon {
    height: 100px;
    margin-top: 40px;
}

.three-site-item .btn-login {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

@media(max-width: 1170px) {
    .three-site-block {
        margin-top: 0;
    }

    .three-site-icon {
        height: 70px;
        margin-top: 30px;
    }

    .three-site-item {
        margin: 1rem 0;
    }

    .three-site-item .btn-login {
        position: static;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }
}

/* three-site-block */

/* link-page-section */
@media(min-width: 1171px) {
    .link-page-section-container {
        max-width: 1440px;
    }
}

.link-page-section .item-icon {
    height: 70px;
}

.link-page-section .item-name {
    margin-top: 1rem;
}

.link-page-section .item-row {
    max-width: 500px;
    margin: auto;
}

.link-page-section .item-row.item-6 {
    max-width: 600px;
}

.link-page-section .item-col {
    padding: 5px;
}

.link-page-section .item {
    min-height: 202px;
    border: 2px solid #ebebeb;
    padding: 2rem 0.5rem;
    height: 100%;
    text-align: center;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

/* .link-page-section .item-row.item-6 .item{
} */
.link-page-section .item:hover {
    background-color: #c6e0ef;
    color: #005b75;
}

.link-page-section .link-page-banner {
    /* min-height: 100vh; */
    /* height: 600px; */
}

.link-page-section .crbanner {
    /* position: absolute; */
    width: 50vw;
}

@media(min-width: 2000px) {
    .link-page-section .crbanner {
        width: 110%;
    }
}

.link-page-section .crbanner:before {
    content: '';
    display: block;
    padding-top: 80%;
}

@media(max-width: 1399px) {
    .link-page-section .crbanner:before {
        content: '';
        display: block;
        padding-top: 100%;
    }
}

/* .link-page-section .link-page-row:first-child .crbanner{
    top: 0;
} */
.link-page-section .row:nth-child(even) .crbanner {
    position: relative;
    left: calc(-1 * (50vw - 100%));
}

@media(min-width: 2000px) {
    .link-page-section .row:nth-child(even) .crbanner {
        left: -10%;
    }
}

.link-page-section .banner-title {
    position: absolute;
    left: 0;
    top: 60px;
    background: #005b75;
    color: #fff;
    padding: 1rem 3rem;
    min-width: 400px;
    text-align: center;
    z-index: 1;
}

.link-page-section .row:nth-child(even) .banner-title {
    left: auto;
    right: 0;
}

@media(max-width: 1170px) {
    .link-page-section .e-news-subscription-section .crbanner {
        /* height: calc(100% - 30px); */
    }

    .link-page-section .item-icon {
        height: 60px;
    }

    .link-page-section .link-page-banner {
        min-height: inherit;
        height: auto;
    }

    .link-page-section .crbanner {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .link-page-section .row:nth-child(even) .crbanner {
        left: 0;
    }

    .link-page-section .crbanner:before {
        content: '';
        display: block;
        padding-top: 50%;
    }

    .link-page-section .banner-title {
        top: 30px;
        padding: 1rem 2rem;
        min-width: 300px;
    }

    .link-page-section .item-row.item-6 {
        max-width: 500px;
    }
}

@media(max-width: 750px) {
    .link-page-section .e-news-subscription-section .crbanner {
        height: 350px;
        margin: auto;
    }
}

/* link-page-section */

/* next-section-toggle */
.next-section-toggle {
    position: absolute;
    bottom: 20px;
    left: 50%;
    height: 50px;
    width: 30px;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg);
    cursor: pointer;
    background-image: url(../png/arrow-left.png);
    background-position: center;
    background-repeat: no-repeat;
}

/* next-section-toggle */

/* useful-link-block */
.useful-link-item img {
    height: 55px;
    margin-bottom: 24px;
    max-width: 100%;
}

.useful-link-block .swiper-slide {
    width: auto;
    margin: 0 .5rem;
}

.useful-link-block .swiper-slide img {
    height: 50px;
}

.main-block.useful-link-block .col-6.col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.useful-link-carousel {
    padding: 3rem 0;
    /* max-width: 450px; */
}

.useful-link-carousel img {
    /* height: auto; */
    /* max-height: 80px; */
    margin: 1rem 0;
    /* max-width: 90%; */
    height: 60px;
    width: auto;
    max-width: 95%;
}

/* @media(max-width: 1170px){
    .useful-link-carousel img{
        max-width: 90%;
    }
} */

/* .useful-link-carousel .useful-link-item{
    display: flex;
    align-items: center;
    justify-content: center;
} */

.useful-link-block .carousel-indicators {
    right: 0;
    margin-right: 1rem;
    margin-left: 150px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.useful-link-block .carousel-control-next,
.useful-link-block .carousel-control-prev {
    background-color: #C91D20;
    opacity: 1;
    top: calc(50% - 18px);
    bottom: auto;
    width: 35px;
    height: 35px;
}

.useful-link-block .carousel-control-prev {
    left: 0;
    right: auto;
}

.useful-link-block .carousel-control-next {
    left: auto;
    right: 0;
}

.useful-link-block .carousel-control-next-icon,
.useful-link-block .carousel-control-prev-icon {
    background-image: url('../png/swiper-left-white.png');
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
}

/* .useful-link-carousel{
    min-height: 342px;
    height: 370px;
} */

@media(max-width: 1170px) {
    .useful-link-block .carousel-indicators {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .useful-link-block .carousel-control-next,
    .useful-link-block .carousel-control-prev {
        right: -50px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .useful-link-block .carousel-control-prev {
        left: -50px;
        right: auto;
    }

    .useful-link-carousel {
        /* min-height: 424px; */
        min-height: 470px;
    }

}

/* useful-link-block */

/* swiper */
.swiper-block {
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    height: 20px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url('../png/swiper-arrow-left.png');
    background-size: contain;
    left: -30px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url('../png/swiper-arrow-left.png');
    background-size: contain;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: -30px;
}

.swiper-pagination {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    margin-top: 10px;
}

.swiper-pagination-bullet {
    margin: 0 .2rem;
}

.swiper-pagination-bullet-active {
    background: #005b75;
}

/* swiper */

/* e-news-subscription-block */
.e-news-subscription-section .crbanner {
    z-index: -1;
}

.e-news-subscription-block {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* min-width: 25vw; */
    min-width: 450px;
}

.e-news-subscription-block .input-group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.e-news-subscription-block .form-control {
    max-width: 500px;
    width: auto;
}

@media(max-width: 1170px) {
    .e-news-subscription-block {
        min-width: inherit;
        text-align: center;
        z-index: 1;
    }

    .e-news-subscription-block .form-control {
        width: 300px;
    }
}

/* e-news-subscription-block */

/* download-block */
.download-block {
    border-top: 1px solid #94a1a4;
    overflow: hidden;
}

.download-block:last-child {
    border-bottom: 1px solid #94a1a4;
}

.download-block .row:not(:last-child) {
    border-bottom: 1px solid #d7dfe0;
}

.download-block .row:not(:last-child) {
    border-bottom: 1px solid #d7dfe0;
}

.download-block .row {
    padding: 1.5rem;
    /* padding-right: 0; */
    position: relative;
}

.download-block .update-label {
    left: 15px;
}

.download-block>.row>.col-12.col-xl-2.d-flex {
    padding-right: 0;
}

/* download-block */

/* modal */
.modal-backdrop {
    background-color: #848484;
}

.modal-backdrop.show {
    opacity: 0.5;
}


.modal-dialog {
    margin: 4% auto;
    max-width: initial;
    max-width: none;
}

@media(max-width: 1170px) {
    .modal-dialog {
        margin: 10% auto 0 auto;
    }

    .modal-content {
        padding: .5rem;
        /* min-height: 100vh; */
    }
}

.text-size-modal .modal-dialog {
    margin: 5% auto;
}

.modal-image {
    border-radius: 0;
    border: 0;
    background: transparent;
}

/* modal */

/* bootstrap close button */
.close:focus,
.close:hover {
    opacity: 0.5;
}

button.close {
    font-size: 2.5rem;
}

/* bootstrap close button */

/* year-card-list */
.year-card-list {
    display: none;
}

.year-card-list.active {
    display: block;
}

.year-card {
    position: relative;
    padding: 1.5rem;
    border-top: 1px solid #005b75;
}

.year-card:last-child {
    border-bottom: 1px solid #005b75;
}

@media(max-width: 1170px) {
    .year-card {
        padding: 1.5rem 0;
    }
}

/* year-card-list */

/* update-label  */

.update-label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    background-color: #C91D20;
    color: #fff;
    text-align: center;
    font-size: .8rem;
    /* width: 90px; */
}

.update-label.u-relative {
    position: relative;
    display: inline-block;
}

/* update-label  */

/* organization-list */
ul.organization-list,
ul.organization-list ul:not(.type-line) {
    list-style-type: none;
    /* -webkit-padding-start: 60px; */
    padding-left: 60px;
    position: relative;
}

.organization-list-header {
    padding: 1rem;
}

ul[data-level="1"] .organization-list-header {
    background-color: #005b75;
    color: #fff;
}

ul[data-level="2"] .organization-list-header {
    background-color: #e1e1ea;
    color: #005b75;
}

ul[data-level="3"] .organization-list-header {
    background-color: #f3f3f6;
}

ul[data-level="4"] .organization-list-header {
    background-color: #ffffff;
}

ul.organization-list .organization-list-header {
    position: relative;
    /* margin-top: 1rem; */
}

ul.organization-list>li:before {
    /* position: absolute;
    content: '';
    display: block;
    top: 0;
    height: 100%;
    width: 1px;
    left: 90px;
    background-color: #f00; */
}

ul.organization-list ul[data-level] li {
    margin-top: 10px;
}

ul.organization-list ul[data-level] li .li-collapse,
ul.organization-list ul[data-level] li .organization-list-header {
    position: relative;
}

ul.organization-list ul[data-level] .collapse:not(.show) li {
    margin-top: 0
}

ul.organization-list ul[data-level] li .organization-list-header:after {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    width: 30px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

ul.organization-list ul[data-level] li .li-collapse:before,
ul.organization-list ul[data-level] li .organization-list-header:before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    width: 2px;
    top: -10px;
    bottom: 0
}

ul.organization-list ul[data-level] li:last-child>.li-collapse:before {
    content: none;
    display: none;
}

ul.organization-list ul[data-level] li:last-child .organization-list-header:before {
    bottom: 50%;
}

ul[data-level="2"] li .li-collapse:before,
ul[data-level="2"] li .organization-list-header:before,
ul[data-level="2"] li .organization-list-header:after {
    background-color: #005b75;
}

ul[data-level="3"] li .li-collapse:before,
ul[data-level="3"] li .organization-list-header:before,
ul[data-level="3"] li .organization-list-header:after {
    background-color: #e1e1ea;
}

ul[data-level="4"] li .li-collapse:before,
ul[data-level="4"] li .organization-list-header:before,
ul[data-level="4"] li .organization-list-header:after {
    background-color: #f3f3f6;
}

.tooltip {
    margin-left: 0.5rem;
}

.tooltip-inner {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #005b75;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #005b75;
}

ul.organization-list>li>.organization-list-header .tooltip-inner {
    background-color: #fff;
    color: #005b75;
}

ul.organization-list>li>.organization-list-header .bs-tooltip-right .arrow::before,
ul.organization-list>li>.organization-list-header .bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #fff;
}

@media(max-width: 1170px) {
    ul.organization-list {
        padding-left: 0px;
    }

    ul.organization-list ul:not(.type-line) {
        padding-left: 30px;
    }

    ul.organization-list ul[data-level] li .li-collapse:before,
    ul.organization-list ul[data-level] li .organization-list-header:before {
        left: -15px;
    }

    ul.organization-list ul[data-level] li .organization-list-header:after {
        left: -15px;
        width: 15px;
    }

    /* ul.organization-list ul:not(.type-line) li:last-child:before{
        content: '';
        position: absolute;
        left: 15px;
        top: -1rem;
        height: calc(100% + 1rem);
        width: 2px;
    }

    ul.organization-list ul:not(.type-line) .organization-list-header:before{
        content: '';
        position: absolute;
        left: -15px;
        top: 50%;
        height: 2px;
        width: 10px;
    }

    ul.organization-list ul:not(.type-line) .organization-list-header:after{
        content: '';
        position: absolute;
        left: -15px;
        top: calc(50% + 2px);
        height: calc(50% - 2px);
        width: 10px;
        background-color: #f8fcff;
    } */
}

/* organization-list */

/* mobile organization-list */
.organization-list.mobile {
    padding-left: 0px;
}

.desktop-organization-list .__header[data-level="1"] a {
    color: #fff;
}

.desktop-organization-list .__header[data-level="1"] h6 a {
    font-size: 19.5px;
}

.desktop-organization-list .__header[data-level="1"] a {
    font-size: 17.5px;
}

.desktop-organization-list .__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.desktop-organization-list .__row .__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0.5rem;
    margin: 11px;
    width: 20%;
    max-width: 20%;
    font-size: 13px;
    cursor: pointer;
}

.desktop-organization-list .__row .__header.__empty {
    background-color: transparent !important;
}

.desktop-organization-list .__row .__header div {
    text-align: center;
}

.desktop-organization-list .__row .__header[data-level="1"] {
    background-color: #005B70;
    color: #fff;
    height: 100px;
    width: 270px;
    max-width: 100%;
    min-width: auto;
}

.desktop-organization-list .__row .__header[data-level="2"] {
    background-color: #b5d7de;
    color: #005B70;
}

.desktop-organization-list .__row .__header[data-level="3"] {
    background-color: #d0d0da;
    color: #005B70;
}

.desktop-organization-list .__row .__header[data-level="4"] {
    background-color: #f6f6f9;
    color: #005B70;
}

/* line */
.desktop-organization-list .__line:before,
.desktop-organization-list .__line:after {
    content: '';
    position: absolute;
    background-color: #9f9f9f;
}

/* single-line */
/* bottom-line */
.desktop-organization-list .__bottom-line:before {
    bottom: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 11px;
    width: 2px;
}

/* top-line */
.desktop-organization-list .__top-line:before {
    top: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 11px;
    width: 2px;
}

/* left-line */
.desktop-organization-list .__left-line:before {
    left: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 11px;
}

.desktop-organization-list .__left-height-line:before {
    left: -11px;
    top: -11px;
    height: calc(100% + 22px);
    width: 2px;
}

/* right-line */
.desktop-organization-list .__right-line:before {
    right: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 11px;
}

/* single-line */

/* two-lines */
/* two-lines: top right */
.desktop-organization-list .__top-right-line:before {
    top: -11px;
    left: 50%;
    width: calc(50% + 22px);
    height: 2px;
}

.desktop-organization-list .__top-right-line:after {
    top: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 11px;
}

/* two-lines: top left */
.desktop-organization-list .__top-left-line:before {
    top: -11px;
    right: 50%;
    width: calc(50% + 22px);
    height: 2px;
}

.desktop-organization-list .__top-left-line:after {
    top: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 11px;
}

/* two-lines: left top */
.desktop-organization-list .__left-top-line:before {
    left: -11px;
    bottom: 50%;
    height: calc(50% + 22px);
    width: 2px;
}

.desktop-organization-list .__left-top-line:after {
    left: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 11px;
}

/* two-lines: left bottom */
.desktop-organization-list .__left-bottom-line:before {
    left: -11px;
    top: 50%;
    height: calc(50% + 22px);
    width: 2px;
}

.desktop-organization-list .__left-bottom-line:after {
    left: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 11px;
}

/* two-lines: right top */
.desktop-organization-list .__right-top-line:before {
    right: -11px;
    bottom: 50%;
    height: calc(50% + 22px);
    width: 2px;
}

.desktop-organization-list .__right-top-line:after {
    right: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 11px;
}

/* two-lines: right bottom */
.desktop-organization-list .__right-bottom-line:before {
    right: -11px;
    top: 50%;
    height: calc(50% + 22px);
    width: 2px;
}

.desktop-organization-list .__right-bottom-line:after {
    right: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2px;
    width: 11px;
}

/* two-lines */

/* three-lines */
/* top-left-right */
.desktop-organization-list .__top-left-right-line:before {
    top: -11px;
    left: -11px;
    width: calc(100% + 22px);
    height: 2px;
}

.desktop-organization-list .__top-left-right-line:after {
    top: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 11px;
}

/* left-top-bottom */
.desktop-organization-list .__left-top-bottom-line:before {
    top: -11px;
    left: -11px;
    width: 2px;
    height: calc(100% + 22px);
}

.desktop-organization-list .__left-top-bottom-line:after {
    left: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 11px;
    height: 2px;
}

/* right-top-bottom */
.desktop-organization-list .__right-top-bottom-line:before {
    top: -11px;
    right: -11px;
    width: 2px;
    height: calc(100% + 22px);
}

.desktop-organization-list .__right-top-bottom-line:after {
    right: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 11px;
    height: 2px;
}

/* three-lines */
/* line */

/* organization-detail */
.organization-detail {
    padding: 3rem 0;
}

.organization-detail .__block {
    padding: 1.5rem 0;
    border-top: 1px solid #9f9f9f;
}

.organization-detail .__block:last-child {
    border-bottom: 1px solid #9f9f9f;
}

.organization-detail .__title {
    font-weight: bold;
}

.organization-detail .__title:not(:first-child) {
    margin-top: 1rem;
}

.organization-detail .__tel {
    margin: .5rem 0;
}

.organization-detail .__group {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #005B70;
}

/* organization-detail */
/* mobile organization-list */

/* speaker-head-list */
.speaker-head-icon {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

/* @media(max-width: 575px){
    .speaker-head-icon{
        max-width: 110px;
    }
} */
/* speaker-head-list */

/* sitemap */
.sitemap-link {
    padding: .5rem 1.5rem;
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6;
}

.sitemap-link:last-child {
    border-bottom: none;
}

/* sitemap */

/* search-result-block */
.search-result-block a {
    color: #7898c4;
}

.search-result-block a:hover {
    color: #7898c4;
}

/* search-result-block */

/* pagination */
ul.pagination {
    list-style-type: none;
}

ul.pagination li {
    margin: .5rem;
}

ul.pagination li a.active {
    font-weight: bold;
}

/* pagination */

/* gallery */
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    color: #005b75;
}

.mfp-gallery-item img {
    height: 100%;
}

.mfp-gallery-item img:hover {
    cursor: pointer;
}

.mfp-gallery-item {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mfp-gallery-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: .1;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.mfp-gallery-item:hover:before {
    background-color: #C91D20;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.mfp-gallery-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../png/gallery-zoom.png');
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.mfp-gallery-item:hover:after {
    opacity: 1;
}

.mfp-image-holder .mfp-content {
    max-width: 80%;
    /* height: 80%; */
    /* vertical-align: initial; */
}

/* 
.mfp-gallery .mfp-image-holder .mfp-figure{
    height: 100%;
}

.mfp-figure figure{
    height: 100%;
}

img.mfp-img{
    height: 100%;
} */
img.mfp-img {
    max-height: 80vh !important;
}

.img-modal.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 100;
    /* Sit on top */
    padding: 100px 0;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(247, 251, 254);
    background-color: rgba(247, 251, 254, 0.95);
    z-index: 999;
}

.img-modal.modal>.container {
    height: 100%;
    text-align: center;
}

.img-modal.modal .close {
    position: absolute;
    top: -40px;
    right: 0;
}

.img-modal.modal .close * {
    opacity: 0;
}

.img-modal.modal .img-modal-content {
    position: relative;
    height: 100%;
    width: auto;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.img-modal.modal .img-modal-content .modal-image {
    /* height: 100%; */
    max-height: 100%;
    max-width: 100%;
}

/* Modal Content (Image) */
.img-modal .modal-image {
    /* margin: auto;
    display: block;
    width: 80%;
    max-width: 700px; */
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.img-modal .caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #005b75;
    padding: 20px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.img-modal .modal-image,
.img-modal .caption {
    -webkit-animation-name: zoom;
    animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoom {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/* The Close Button */
.img-modal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.img-modal .close:not(:disabled):not(.disabled):focus,
.img-modal .close:not(:disabled):not(.disabled):hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .img-modal .modal-image {
        /* width: 100%; */
    }
}

/* gallery */

/* events-block */
.events-block {
    color: #fff;
}

.events-block .ad-title {
    text-shadow: 1px 2px 5px rgb(0, 0, 0);
}

/* events-block */

/* border setting */
@media(max-width: 1170px) {
    .border-bottom-lg {
        border-bottom: 0;
    }
}

@media(max-width: 750px) {
    .border-bottom-md {
        border-bottom: 0;
    }
}

@media(max-width: 575px) {
    .border-bottom-sm {
        border-bottom: 0;
    }
}

/* border setting */

/* speakers-panelists-block */
.speakers-panelists-block .img-object-fit {
    min-height: 220px;
    height: 220px;
}

.speakers-panelists-block .ratio-content {
    display: block;
    text-align: center;
    font-size: 0;
    background-color: transparent;
}

.speakers-panelists-block .ratio-content:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}

.speakers-panelists-block .ratio-content img.speaker-head-icon {
    vertical-align: middle;
    width: 100%;
    max-height: auto;
}

/* speakers-panelists-block */

/* removeable festure */
.collapse:not(.show) {
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.collapse.show {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.btn:not(.btn-search) {
    width: 150px;
    min-width: 150px !important;
}

/* @media(max-width: 750px){ */
.btn:not(.btn-search) {
    width: 130px;
    min-width: 130px !important;
}

/* } */

.btn.btn-primary {
    font-size: 0.9rem;
}

/* removeable festure */

/* effect setting */
.effect-toggle {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    transition-delay: 3s !important;
    /* transition-delay: 0s !important; */
}

.effect-toggle.effect-delay {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.effect-toggle.active-effect {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    /* transition-delay: 3s !important; */
    transition-delay: 0s !important;
}


.banner-title.effect-toggle {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    -webkit-transition: .6s ease-in-out .4s;
    transition: .6s ease-in-out .4s;
}

.banner-title.effect-toggle.active-effect {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.mainpage-carousel.effect-toggle {
    opacity: 0;
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

.mainpage-carousel.effect-toggle.active-effect {
    opacity: 1;
    width: 100%;
}

.highlight-block .highlight-content {
    overflow: hidden;
    max-height: 45px;
    margin-bottom: 0.5rem;
}

@media(min-width: 1170px) {
    .highlight-block.effect-toggle {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
        -webkit-transition: .6s ease-in-out .8s;
        transition: .6s ease-in-out .8s;
    }

    .highlight-block.effect-toggle.active-effect {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@media(max-width: 1340px) {
    .highlight-block {
        margin-right: 60px;
        /* margin-bottom: 30px; */
    }
}

.news-btn-card-container.effect-toggle {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

.news-detail-card-container.effect-toggle {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

.news-btn-card-container.effect-toggle.active-effect,
.news-detail-card-container.effect-toggle.active-effect {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.three-site-block .effect-toggle:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.three-site-block .effect-toggle:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.three-site-block .effect-toggle:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.link-page-banner.effect-toggle {
    /* overflow: hidden; */
}

.link-page-banner.effect-toggle.active-effect {}

.link-page-item .item-row.effect-toggle {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.crbanner.effect-toggle {
    /* transform: scale(1);
    opacity: 1;
    transition: 50s ease-in-out; */
}

.crbanner.effect-toggle.active-effect {
    /* opacity: 1; */
    /* transform: scale(1.1); */
}

.dzsparallaxer {
    width: 100%;
    height: 100%;
}

.dzsparallaxer--target {
    position: absolute !important;
    left: 0;
    width: 100%;
    height: 115%;
}

/* effect setting */

/* highlight effect */
/* ::-moz-selection,
::-webkit-selection,
::selection {
    background: #005b75;
    color: #fff;
} */

/* ::-moz-selection {
    color: #fff;
    background: #005b75;
}

::selection {
    color: #fff;
    background: #005b75;
} */
/* highlight effect */

/* banner-video */
.mainpage-video-banner {
    overflow: hidden;
    height: 700px;
}

@media(max-width: 750px) {
    .mainpage-video-banner {
        height: calc(100vh - 228px);
    }
}

.banner-video {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

/* banner-video */

/* bs-popover-bottom */
/* #share-button{
    position: relative;
}

.popover {
    transform: none !important;
    top: 100% !important;
    right: -6px !important;
    left: auto !important;
}

.popover .arrow{
    left: auto !important;
    right: 0;
} */
/* bs-popover-bottom */
.popover-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.share-icon {
    display: inline-block;
    margin: 0 3px;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.share-icon.mail {
    background-image: url(../png/email.png);
}

.share-icon.facebook {
    background-image: url(../png/facebook.png);
}

.share-icon.twitter {
    background-image: url(../png/twitter.png);
}

.share-icon.weibo {
    background-image: url(../png/weibo.png);
}

/* crbanner */
/* .crbanner{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.crbanner:before{
    content: '';
    padding-top: 33.33%;
} */


.footer-images img {
    max-height: 60px;
}

/* footer media link */
.footer-media-link {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 50px;
    -webkit-transition: .2s;
    transition: .2s;
    display: inline-block;
    margin-left: .5rem;
}

.footer-media-link.email {
    background-image: url('../png/footer-email-white.png');
}

/* .footer-media-link.email:before{
    content: '../images/icon/footer-email-color.png';
    position: absolute;
    right: 0;
    opacity: 0;
} */
.footer-media-link.email:hover {
    background-image: url('../png/footer-email-color.png');
}

.footer-media-link.facebook {
    background-image: url('../png/footer-facebook-white.png');
}

/* .footer-media-link.facebook:before{
    content: '../images/icon/footer-facebook-color.png';
    position: absolute;
    right: 0;
    opacity: 0;
} */
.footer-media-link.facebook:hover {
    background-image: url('../png/footer-facebook-color.png');
}

.footer-media-link.twitter {
    background-image: url('../png/footer-twitter-white.png');
}

/* .footer-media-link.twitter:before{
    content: '../images/icon/footer-twitter-color.png';
    position: absolute;
    right: 0;
    opacity: 0;
} */
.footer-media-link.twitter:hover {
    background-image: url('../png/footer-twitter-color.png');
}

.footer-media-link.weibo {
    background-image: url('../png/footer-weibo-white.png');
}

@media(max-width: 1170px) {
    .footer-media-link.weibo {
        display: none;
    }
}

/* .footer-media-link.weibo:before{
    content: '../images/icon/footer-weibo-color.png';
    position: absolute;
    right: 0;
    opacity: 0;
} */
.footer-media-link.weibo:hover {
    background-image: url('../png/footer-weibo-color.png');
}

.footer-media-link.youtube {
    background-image: url('../png/footer-youtube-white.png');
}

/* .footer-media-link.youtube:before{
    content: '../images/icon/footer-youtube-color.png';
    position: absolute;
    right: 0;
    opacity: 0;
} */
.footer-media-link.youtube:hover {
    background-image: url('../png/footer-youtube-color.png');
}

/* footer media link */

.news-detail-card[data-scrollbar]:not(.active) {
    display: none;
}

.invalid-input {
    font-weight: bold;
    color: #AA181B;
}

/* .sticky { */
/* background-color: dodgerblue; */
/* position: -webkit-sticky; */
/* position: sticky; */
/* top: -1px; */
/* } */

/* .sticky:before,
.sticky:after {
    content: '';
    display: table;
} */

.table-responsive {
    overflow-x: initial;
}

/* table thead tr th{
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
} */
table thead tr th:before,
table thead tr th:after {
    content: '';
    display: table;
}

@media(min-width: 1171px) {

    .table-responsive,
    .smooth-scrollbar {
        overflow: visible !important;
    }

    .table-responsive.smooth-scrollbar {
        overflow: hidden !important;
    }
}


/* index-block dropdown item style */
.index-block .dropdown-item {
    white-space: normal;
    z-index: 1;
    position: relative;
}

.index-block .dropdown-item:focus,
.index-block .dropdown-item:hover {
    background-color: initial;
}

/* index-block dropdown item style */

.main-banner .banner-title h1 {
    text-shadow: 0 0 40px #fff;
}

.transcript-body {
    max-height: 500px;
    min-height: 300px;
    overflow-y: auto;
    border-radius: 0;
    border-color: #005B70;
}

.footer-images {
    flex-wrap: wrap;
}

.footer-images a {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

@media (max-width: 1170px) {
    .footer-images a {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 376px) {
    .footer-images img {
        transform: scale(0.9);
    }
}

/* global setting */
.archive-block,
.aboutus-publications-block,
.faq-detail-block,
.general-listing-block,
.border-block {
    position: relative;
    background: transparent;
    color: #005b75;
    border-top: 1px solid #3a474c;
    -webkit-transition: .2s;
    transition: .2s;
}

.major-services-block {
    position: relative;
    background: transparent;
    color: #005b75;
    -webkit-transition: .2s;
    transition: .2s;
}

.faq-detail-block {
    border-top: 0;
}

.general-listing-block {
    border-top: 1px solid #d2dbdf;
}

.archive-block {
    height: 100%;
    /* display: flex; */
    align-items: center;
}

.archive-block.has-sub {
    height: auto;
}

.archive-block.has-sub:not(.without-link):hover {
    background: transparent;
}

.archive-block.has-sub>.archive-block.title-block {
    border-top: 0;
    margin-bottom: 1rem;
}

.archive-block.title-block>.block-container {
    display: flex;
}

/* global setting */
.border-block.title-block:not(:first-child) {
    border-top: 0px;
}

/* .col-12.col-md-6:nth-last-child(-n+2) > .archive-block, */
.col-12:not(.col-md-6):last-child>.archive-block,
.aboutus-publications-block:last-child,
/* .major-services-block:last-of-type, */
.general-listing-block:last-child {
    border-bottom: 1px solid #3a474c;
}

@media(min-width: 751px) {
    .col-12.col-md-6:nth-last-child(-n+2)>.archive-block {
        border-bottom: 1px solid #3a474c;
    }
}

@media(max-width: 750px) {
    .col-12.col-md-6:last-child>.archive-block {
        border-bottom: 1px solid #3a474c;
    }
}

.border-block:last-child,
.general-listing-block:last-child {
    border-bottom: 1px solid #d2dbdf;
}

.select {
    padding-top: 20px;
}

.select~.select {
    padding-top: 0;
}

*:not(.select)+.select {
    padding-top: 20px;
}

.wrapper>.select:last-child {
    padding-bottom: 20px;
}

/* global setting */
.archive-block:not(.without-link):hover,
.aboutus-publications-block:not(.without-link):hover,
.faq-detail-block:not(.without-link):hover,
.major-services-block:not(.without-link):hover,
.general-listing-block:not(.without-link):hover,
.border-block:not(.without-link):hover {
    background: #005b75;
}

/* global setting */
.archive-block .block-container,
.aboutus-publications-block .block-container,
.faq-detail-block .block-container,
.major-services-block .block-container,
.general-listing-block .block-container,
.border-block .block-container {
    padding: 1.5rem;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.faq-detail-block .block-container {
    max-width: 100%;
    width: 100%;
}

.border-block .block-content {
    padding: 0 1.5rem;
}

.faq-detail-block .block-container [class^="collapse-faq-"] {
    display: block;
    width: 100%;
}

.main-block .faq-detail-block a.block-container,
.main-block .faq-detail-block a.block-container:hover,
.main-block .faq-detail-block a.block-container:focus {
    color: #005b75;
}

.archive-block .block-container {
    height: 100%;
    width: 100%;
}

/* global setting */
.archive-block .text,
.aboutus-publications-block .text,
.faq-detail-block .text,
.major-services-block .text,
.general-listing-block .text,
.border-block .text {
    flex-grow: 1;
    margin: 0;
    margin-right: 0.5rem;
}

/* global setting */
.archive-block:not(.has-sub):not(.without-link):hover .text,
.archive-block:not(.has-sub):not(.without-link):hover a,
.aboutus-publications-block:not(.without-link):hover .text,
.aboutus-publications-block:not(.without-link):hover a,
.faq-detail-block:not(.without-link):hover .text,
.faq-detail-block:not(.without-link):hover button,
.major-services-block:not(.without-link):hover .text,
.major-services-block:not(.without-link):hover a,
.general-listing-block:not(.without-link):hover .text,
.general-listing-block:not(.without-link):hover a,
.border-block:not(.without-link):hover .text,
.border-block:not(.without-link):hover a {
    color: #fff;
}

/* global setting */
.archive-block .icon,
.aboutus-publications-block .icon,
.faq-detail-block .icon,
.major-services-block .icon,
.general-listing-block .icon,
.border-block .icon {
    position: relative;
    width: 34px;
    height: 34px;
    min-width: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 1rem;
    min-width: 100px;
    text-align: right;
    background-position: right;
    -webkit-transition: .2s;
    transition: .2s;
}

/* global setting */
.archive-block .icon.question,
.aboutus-publications-block .icon.question,
.faq-detail-block .icon.question,
.major-services-block .icon.question,
.general-listing-block .icon.question,
.border-block .icon.question {
    background-image: url('../png/question-circle.png');
}

.archive-block:hover>.block-container>.icon.question,
.aboutus-publications-block:hover>.block-container>.icon.question,
.faq-detail-block:hover>.block-container>.icon.question,
.major-services-block:hover>.block-container>.icon.question,
.general-listing-block:hover>.block-container>.icon.question,
.border-block:hover>.block-container>.icon.question {
    background-image: url('../png/question-circle-hover.png');
}

.archive-block .icon.arrow,
.aboutus-publications-block .icon.arrow,
.faq-detail-block .icon.arrow,
.major-services-block .icon.arrow,
.general-listing-block .icon.arrow,
.border-block .icon.arrow {
    background-image: url('../png/arrow-circle.png');
}

.archive-block:hover>.block-container>.icon.arrow,
.aboutus-publications-block:hover>.block-container>.icon.arrow,
.faq-detail-block:hover>.block-container>.icon.arrow,
.major-services-block:hover>.block-container>.icon.arrow,
.general-listing-block:hover>.block-container>.icon.arrow,
.border-block:hover>.block-container>.icon.arrow {
    background-image: url('../png/arrow-circle-hover.png');
}

.major-services-block.title-block>.block-container {
    padding-left: 0;
}

/* for performance page */
.performance-block {
    position: relative;
    border-top: 1px solid #3a474c;
}

.performance-block:last-child {
    border-bottom: 1px solid #3a474c;
}

/* for aboutus publications page */
.aboutus-publications-block .aboutus-publications-block {
    border-color: #d2dbdf;
}

.aboutus-publications-block.title-block h3 {
    margin-bottom: 0;
}

/* for faq detail */
/* .faq-detail-block .faq-detail-block:first-child{
    border-top: 1px solid #d2dbdf;
} */
.faq-detail-block:not(.title-block),
.faq-detail-block.title-block>.block-container {
    border-bottom: 1px solid #d2dbdf;
}

.faq-detail-block:not(.title-block):first-child {
    border-top: 1px solid #d2dbdf;
}


.faq-detail-block.title-block h4,
.faq-detail-block.title-block h3 {
    margin-bottom: 0;
}

.faq-detail-block .li-list-collapse.active:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
}

.faq-detail-block button h4 {
    font-size: 1.2rem;
}

.faq-detail-block.title-block>.block-container {
    padding-left: 0rem;
}

button[data-toggle="collapse"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: left;
    padding: 0;
}

/* for major services page */
.major-services-block .major-services-block {
    border-color: #d2dbdf;
}

/* for safari mobile select box */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    select {
        -webkit-text-size-adjust: none;
    }
}

/* video modal */
.video-modal-group .item {
    min-height: 202px;
    border: 2px solid #ebebeb;
    padding: 2rem 0.5rem;
    height: 100%;
    text-align: center;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
}

@media(min-width: 751px) {
    .video-modal-group .item {
        max-width: 180px;
    }
}

.video-modal-group .item:hover {
    background-color: #c6e0ef;
    color: #005b75;
}

.video-modal-group .item-icon {
    height: 70px;
}

.video-modal-group .item-name {
    margin-top: 1rem;
}

.video-modal .btn {
    min-width: 160px !important;
}

.video-modal .video-player {
    max-height: 60vh;
}

/* video modal */

/* video container */
.video-container {
    width: 100%;
}

.video-container.mp4 .video-player {
    position: relative;
}

/* .video-container.mp4 .video-player:before{
    content: '';
    display: block;
    padding-top: 50%;
} */

/* .video-container.mp4 .video-player video,
.video-container.mp4 .video-player .video-js{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.video-container.mp4 .video-player video,
.video-container.mp4 .video-player .video-js {
    width: 100%;
}

.video-controller button {
    margin: 0 .5rem;
    margin-bottom: 0.5rem;
}

/* video container */

/* text ellipsis */
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    /* display: -webkit-box !important; */
    -webkit-box-orient: vertical;
}

.text-ellipsis.line-1 {
    -webkit-line-clamp: 1;
}

.text-ellipsis.line-2 {
    -webkit-line-clamp: 2;
}

.text-ellipsis.line-3 {
    -webkit-line-clamp: 3;
}

/* text ellipsis */

/* ratio block */
.ratio-4by3,
.ratio-3by4 {
    position: relative;
}

.ratio-4by3:before {
    content: '';
    display: block;
    padding-top: calc(3 / 4 * 100%);
}

.ratio-3by4:before {
    content: '';
    display: block;
    padding-top: calc(4 / 3 * 100%);
}

.ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    overflow: hidden;
    background-color: #fff;
}

img.ratio-contain {
    max-width: 100%;
    max-height: 100%;
    /* height: 100%; */
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

/* ratio block */
/* border-top: 1px solid #3a474c;
border-color: #d2dbdf; */

.li-list-ol-border-container {
    border-top: 1px solid #3a474c;
}

.li-list-ol-border-container:last-child {
    border-bottom: 1px solid #3a474c;
}

.li-list-ol-border-container .li-list-li {
    border-bottom: 1px solid #d2dbdf;
}

.li-list-ol-border-container .li-list-ol {
    margin-bottom: 0;
}

.li-list-ol-border-container .collapse-content {
    padding: 1rem;
}

.li-list-ol.parentheses.lower-alpha li.li-list-li::before {
    content: "" counter(item, lower-alpha) ".";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.parentheses.lower-greek li.li-list-li::before {
    content: "" counter(item, lower-greek) ".";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.parentheses.lower-roman li.li-list-li::before {
    content: "" counter(item, lower-roman) ".";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.parentheses.upper-alpha li.li-list-li::before {
    content: "" counter(item, upper-alpha) ".";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.parentheses.upper-roman li.li-list-li::before {
    content: "" counter(item, upper-roman) ".";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.lower-alpha li.li-list-li::before {
    content: "(" counter(item, lower-alpha) ")";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.lower-greek li.li-list-li::before {
    content: "(" counter(item, lower-greek) ")";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.lower-roman li.li-list-li::before {
    content: "(" counter(item, lower-roman) ")";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.upper-alpha li.li-list-li::before {
    content: "(" counter(item, upper-alpha) ")";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol.upper-roman li.li-list-li::before {
    content: "(" counter(item, upper-roman) ")";
    counter-increment: item;
    padding-right: 10px;
}

.li-list-ol .li-list-li.active::before {
    color: #fff;
}

.custom-ol {
    list-style-type: none;
    counter-reset: item;
    margin-left: 0;
    padding-left: 31px;
}

.custom-ol>li {
    counter-increment: item;
}

.custom-ol>li::before {
    display: inline-block;
    width: 2em;
    margin-left: -2em;
}

.custom-ol.decimal>li::before {
    content: " (" counter(item, decimal) ") ";
    /* counter-increment: item; */
}

.custom-ol.lower-alpha>li::before {
    content: " (" counter(item, lower-alpha) ") ";
    /* counter-increment: item; */
}

.custom-ol.lower-greek>li::before {
    content: " (" counter(item, lower-greek) ") ";
    /* counter-increment: item; */
}

.custom-ol.lower-roman>li::before {
    content: " (" counter(item, lower-roman) ") ";
    /* counter-increment: item; */
}

.custom-ol.upper-alpha>li::before {
    content: " (" counter(item, upper-alpha) ") ";
    /* counter-increment: item; */
}

.custom-ol.upper-roman>li::before {
    content: " (" counter(item, upper-roman) ") ";
    /* counter-increment: item; */
}

.custom-ol.parentheses.decimal>li::before {
    content: "" counter(item, decimal) ".";
    /* counter-increment: item; */
}

.custom-ol.parentheses.lower-alpha>li::before {
    content: "" counter(item, lower-alpha) ".";
    /* counter-increment: item; */
}

.custom-ol.parentheses.lower-greek>li::before {
    content: "" counter(item, lower-greek) ".";
    /* counter-increment: item; */
}

.custom-ol.parentheses.lower-roman>li::before {
    content: "" counter(item, lower-roman) ".";
    /* counter-increment: item; */
}

.custom-ol.parentheses.upper-alpha>li::before {
    content: "" counter(item, upper-alpha) ".";
    /* counter-increment: item; */
}

.custom-ol.parentheses.upper-roman>li::before {
    content: "" counter(item, upper-roman) ".";
    /* counter-increment: item; */
}


/* mfp */

.mfp-close {
    opacity: 1;
}

button.mfp-arrow:before,
button.mfp-arrow:after {
    display: none;
}

button.mfp-arrow {
    background-image: url('../png/gallery-arrow.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 35px;
    width: 35px;
    margin-top: 0;
    transform: translateY(-50%);
}

button.mfp-arrow-left,
button.mfp-arrow-left:active,
button.mfp-arrow-left:focus {
    left: -20px;
    margin-top: 0px;
    opacity: 1;
}

button.mfp-arrow-right,
button.mfp-arrow-right:active,
button.mfp-arrow-right:focus {
    right: -20px;
    margin-top: 0px;
    transform: translateY(-50%) rotate(180deg);
}

@media(max-width: 900px) {

    button.mfp-arrow-right,
    button.mfp-arrow-right:active,
    button.mfp-arrow-right:focus {
        right: 15px;
    }
}

button.mfp-arrow-left,
button.mfp-arrow-right {
    opacity: 0.8;
}

button.mfp-arrow-right:active,
button.mfp-arrow-left:active,
button.mfp-arrow-right:focus,
button.mfp-arrow-left:focus {
    opacity: 1;
}

.mfp-bg {
    background-color: rgba(247, 251, 254, 0.95);
}

.mfp-title,
.mfp-counter {
    color: #272727;
}

/* mfp */

/* organization-detail back-to-top */
.organization-detail .__block {
    position: relative;
}

.back-to-top {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url('../png/organizationchart-backtop.png');
    background-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
}

/* organization-detail back-to-top */

/* mainpage-carousel indicators */
#mainpage-carousel .carousel-controller {
    position: absolute;
    bottom: 3rem;
    left: 0;
    width: 35%;
    z-index: 2;
}

@media(max-width: 1600px) {
    #mainpage-carousel .carousel-controller {
        bottom: 2rem;
    }
}

@media(max-width: 1170px) {
    #mainpage-carousel .carousel-controller {
        bottom: 2.5rem;
        width: 100%;
    }
}

#mainpage-carousel .carousel-indicators {
    position: relative;
    justify-content: flex-start;
    margin: 0;
}

#mainpage-carousel .carousel-indicators li {
    /* background-color: #fff;
    box-shadow: 0 2px 6px 1px rgba(0,0,0,0.5); */
    background-color: #d8d8d8;
    opacity: 1;
    box-shadow: 0 0 0 0;
}

#mainpage-carousel .carousel-indicators li:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

#mainpage-carousel .carousel-indicators li.active {
    background-color: #C91D20;
}

#mainpage-carousel .carousel-controller .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#mainpage-carousel .carousel-pause:focus i.fas {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

#mainpage-carousel .carousel-pause i.fas {
    cursor: pointer;
    display: none;
    font-size: 1rem;
    z-index: 1;
    position: relative;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    margin-right: 1rem;
}

@media(max-width: 1170px) {
    #mainpage-carousel .carousel-pause i.fas {
        text-shadow: unset !important;
        color: #c5c5c5;
    }

    #mainpage-carousel .carousel-indicators li {
        background-color: #c5c5c5;
        box-shadow: unset !important;
    }
}

#mainpage-carousel .carousel-pause i.fas.active {
    display: block
}

#carousel_highlight .carousel-controller {
    position: absolute;
    bottom: auto;
    top: 80px;
    left: -200px;
    width: auto;
}

@media(max-width: 1170px) {
    #carousel_highlight .carousel-controller {
        bottom: -20px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
    }
}

#carousel_highlight .carousel-indicators {
    position: relative;
    justify-content: flex-start;
    margin: 0;
}

#carousel_highlight .carousel-indicators li:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

#carousel_highlight .carousel-controller .container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 0;
}

@media(max-width: 1170px) {
    #carousel_highlight .carousel-controller .container {
        justify-content: center;
    }
}

#carousel_highlight .carousel-pause i.fas {
    cursor: pointer;
    display: none;
    font-size: 1rem;
    z-index: 1;
    position: relative;
    margin-right: 1rem;
    color: #c5c5c5;
}

#carousel_highlight .carousel-pause i.fas.active {
    display: block
}

#carousel_highlight .carousel-pause:focus i.fas {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}

/* mainpage-carousel indicators */

.faq-answer-content {
    padding: 0.5rem 2.3rem;
}

@media(max-width: 575px) {
    .faq-answer-content {
        padding: 0;
    }
}

.faq-number {
    min-width: 20px;
}

.link-page-section-title h2 {
    max-width: 490px;
    margin: auto;
}

/* .border-block */
.border-block {
    border-top: 1px solid #d2dbdf;
    /* border-bottom: 1px solid #d2dbdf; */
}

.border-block.title-block:not(:first-child) {
    border-top: 0;
}

.border-block>.border-block:last-child {
    border-bottom: 0;
}

.border-block>.border-block:not(:first-child),
.border-block+.border-block.title-block {
    border-top: 1px solid #d2dbdf;
}

.border-block.title-block>.block-container {
    padding-left: 0;
}


@media(max-width: 750px) {
    .border-block.without-link:not(.title-block) .block-container {
        flex-wrap: wrap;
    }

    .border-block.without-link .text {
        width: 100%;
    }

    .border-block.without-link .button {
        width: 100%;
        margin-top: 1rem;
        text-align: right;
    }
}

/* .border-block */

/* collapse all button */
.collapse-all-btn {
    position: relative;
    background: #005B70;
    background-color: #005B70;
    border-color: #005B70;
}

.collapse-all-btn:active,
.collapse-all-btn:hover,
.collapse-all-btn:focus {
    background: #005B70;
    background-color: #005B70;
    border-color: #005B70;
}

.collapse-all-btn:not(:disabled):not(.disabled):active,
.collapse-all-btn:not(:disabled):not(.disabled).active {
    background: #005B70;
    background-color: #005B70;
    border-color: #005B70;
}

.collapse-all-btn:before {
    content: '';
    background-image: url('../png/arrow-down.png');
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease-in-out;
}

.collapse-all-btn.active:before {
    transform: translateY(-50%) rotate(180deg);
}

.collapse-all-btn .btn-text {
    margin-right: 1rem;
    display: block;
}

.collapse-all-btn .collapse-text,
.collapse-all-btn.active .expand-text {
    display: none;
}

.collapse-all-btn.active .collapse-text,
.collapse-all-btn .expand-text {
    display: block;
}

/* collapse all button */

/* video-group */
.video-group .video-player {
    width: 100%;
}

.video-group .video-player video {
    max-width: 100%;
    max-height: 100%;
}

/* video-group */

.language-container.mobile-menu-item.small.d-lg-none {
    font-size: 1.2rem;
}

.language-container.mobile-menu-item.small.d-lg-none a:first-child {
    margin-right: 0.5rem;
}

.language-container.mobile-menu-item.small.d-lg-none a:last-child {
    margin-left: 0.5rem;
}

.main-banner .bg-image {
    background-position: top;
}

@media(max-width: 1170px) {
    .main-banner .bg-image {
        background-position: 30% 20px;
		
    }

    .homepage-bg-image {
        background-size: contain;
    }
}

/* background block */
.background-block {
    position: relative;
    background-color: #f5f5f7;
    margin-bottom: 1rem;
    margin-left: 1rem;
}

.background-block.title-block>.block-container {
    padding-left: 0;
}

.background-block.without-link .block-container {
    color: #005b75;
}

.background-block:not(.without-link):hover {
    background-color: #005B70;
}

.background-block:not(.without-link):hover .block-container {
    color: #fff;
}

@media(max-width: 750px) {
    .background-block.without-link .block-container {
        flex-wrap: wrap;
    }

    .background-block.without-link .text {
        width: 100%;
    }

    .background-block.without-link .button {
        width: 100%;
        margin-top: 0.5rem;
        text-align: right;
    }
}

.background-block .block-container {
    padding: 1.5rem;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

@media(max-width: 750px) {
    .background-block .block-container {
        padding: 1.6rem 0.7rem;
    }
}

.background-block .text {
    flex-grow: 1;
    margin: 0;
    margin-right: 0.5rem;
}

.background-block .icon {
    position: relative;
    width: 34px;
    height: 34px;
    min-width: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 100px;
    text-align: right;
    background-position: right;
    margin: 0 1rem;
    -webkit-transition: .2s;
    transition: .2s;
}

.background-block .icon.question {
    background-image: url('../png/question-circle.png');
}

.background-block .icon.arrow {
    background-image: url('../png/arrow-circle.png');
}

.background-block:not(.without-link):hover .icon.question {
    background-image: url('../png/question-circle-hover.png');
}

.background-block:not(.without-link):hover .icon.arrow {
    background-image: url('../png/arrow-circle-hover.png');
}

@media(max-width: 575px) {

    .background-block.without-link .button,
    .background-block .button {
        margin-top: 1rem;
    }
}

/* background block */

/* breadcrumb */
.breadcrumb-item {
    position: relative;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.breadcrumb-item.has-sub:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 10px;
    background-image: url(../png/swiper-right-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}

.breadcrumb-sub {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #AA181B;
    /* padding: 0.5rem 0; */
    display: none;
    z-index: 10;
    width: 340px;
    max-width: 300px;
    max-height: 250px;
    /* height: 250px; */
    /* overflow-y: scroll; */
    font-weight: normal;
}

.breadcrumb-item.has-sub.is-focus .breadcrumb-sub,
.breadcrumb-item.has-sub:hover .breadcrumb-sub,
.breadcrumb-item[data-scrollbar].has-sub.is-focus .breadcrumb-sub,
.breadcrumb-item[data-scrollbar].has-sub:hover .breadcrumb-sub {
    display: block;
}

.breadcrumb-sub[data-scrollbar] {
    position: absolute;
    display: none;
}

.breadcrumb-sub[data-scrollbar] .scrollbar-track.scrollbar-track-y {
    display: block !important;
}

/* .breadcrumb-item.has-sub:not(:focus) .breadcrumb-sub{
    display: none;
} */

.breadcrumb-sub-item {
    padding: 5px 1rem;
    text-align: left;
}

.breadcrumb-sub .scroll-content:before,
.breadcrumb-sub .scroll-content:after {
    content: '';
    position: relative;
    display: block;
    height: 0.5rem;
    width: 100%;
}

.breadcrumb-sub>.breadcrumb-sub-item:first-child {
    margin-top: 0.5rem;
}

.breadcrumb-sub>.breadcrumb-sub-item:last-child {
    margin-bottom: 0.5rem;
}

.breadcrumb-sub-item a {
    /* padding: 0.5rem 0; */
    color: #AA181B;
    transition: none;
    text-align: left;
}

.breadcrumb-sub-item:hover {
    background-color: #C91D20;
}

.breadcrumb-sub-item:hover a {
    color: #fff;
}

/* swiper-right-white */
/* breadcrumb */

@media(max-width: 750px) {

    .archive-block:not(.title-block) .block-container,
    .aboutus-publications-block:not(.title-block) .block-container,
    .faq-detail-block:not(.title-block) .block-container,
    .major-services-block:not(.title-block) .block-container,
    .general-listing-block:not(.title-block) .block-container,
    .border-block:not(.title-block) .block-container,
    .background-block:not(.title-block) .block-container {
        flex-wrap: wrap;
    }

    .archive-block .text,
    .aboutus-publications-block .text,
    .faq-detail-block .text,
    .major-services-block .text,
    .general-listing-block .text,
    .background-block .text,
    .border-block .text {
        width: 100%;
    }

    .archive-block.without-link .button,
    .aboutus-publications-block.without-link .button,
    .faq-detail-block.without-link .button,
    .major-services-block.without-link .button,
    .general-listing-block.without-link .btn,
    .general-listing-block.without-link .button,
    .background-block.without-link .button,
    .border-block.without-link .button {
        margin-left: auto;
        margin-top: 1rem;
    }

    .background-block .icon,
    .archive-block .icon,
    .aboutus-publications-block .icon,
    .faq-detail-block .icon,
    .major-services-block .icon,
    .general-listing-block .icon,
    .border-block .icon {
        width: 100%;
        margin-top: 1rem;
        background-position: center right;
    }

    .general-listing-block.without-link>.block-container>.text-right {
        width: 100%;
    }
}

/* ratio banner  */
.ratio-banner {
    position: relative;
}

.ratio-banner:before {
    content: '';
    display: block;
    padding-top: calc(416 / 1212 * 100%);
}

.mainpage-banner.ratio-banner:before {
    content: '';
    display: block;
    /* padding-top: calc(681 / 1920 * 100%); */
}

.mainpage-bg-image {
    height: 100%;
}

.mainpage-carousel-control {
    display: none;
}

@media(max-width: 1170px) {
    .mainpage-carousel-control {
        position: absolute;
        display: block;
        width: 100%;
        top: 0;
    }

    .mainpage-carousel {
        background-color: #e0f4fc;
    }

    .mainpage-banner.ratio-banner:before {
        padding-top: unset !important;
        /* padding-top: calc(681 / 1920 * 100% *2); */
    }

    .mainpage-banner .ratio-content {
        position: relative;
    }

    .mainpage-bg-image:before,
    .mainpage-carousel-control:before {
        content: '';
        display: block;
        padding-top: calc(9 / 16 * 100%);
        /* padding-top: calc(681 / 1920 * 100%); */
        /* height: 50%; */
    }

    .mainpage-bg-image {
        height: 100%;
    }
}

@media(max-width: 750px) {

    .mainpage-bg-image:before,
    .mainpage-carousel-control:before {
        padding-top: calc(322 / 584 * 100%);
		width: 50%;
		
        /* padding-top: calc(517 / 375 * 100%); */
        /* height: 50%; */
    }

    /* .mainpage-bg-image{
        height: 70%;
    } */
}

.ratio-banner .ratio-content {
    display: block;
}

.ratio-banner>.ratio-content>.container {
    height: 100%;
}

.ratio-banner>.ratio-content>.container>.crbanner {
    height: 100%;
}

/* .mainpage-banner .mainpage-carousel,
.mainpage-banner .carousel-inner,
.mainpage-banner .carousel-item{
    height: 100%;
} */

@media(max-width: 1170px) {
    .ratio-banner:before {
        content: '';
        display: block;
        padding-top: calc(400 / 768 * 100%);
    }
}

@media(max-width: 750px) {
    .ratio-banner:before {
        content: '';
        display: block;
        padding-top: calc(390 / 375 * 100%);
    }

    .mainpage-banner.ratio-banner:before {
        content: '';
        display: block;
        padding-top: calc(322 / 584 * 100%);
		width: 50%;
        /* padding-top: calc(517 / 375 * 100%); */
        /* padding-top: calc(667 / 375 * 100%); */
    }
}


/* ratio banner  */

/* forms selection */
.form-select-group,
.popular-form-block {
    display: none;
}

.form-select-group.active,
.popular-form-block.active {
    display: block;
}

.download-block .form-icon {
    width: 30px;
    margin-right: 5px;
}

.download-block .download-icon-group:not(:last-child) {
    margin-right: 8px;
}

.popular-form-block {
    border-top: 0;
    border-bottom: 1px solid #94a1a4;
    background-color: #fff;
}

@media(max-width: 757px) {
    .download-icon-group {
        margin-top: 10px;
    }
}

/* forms selection */

/* form-dollar */
.from-content {
    display: flex;
    align-items: center;
}

.form-dollar,
.form-dollar a {
    /* font-style: normal !important; */
    margin-bottom: 0.5rem;
}

.form-dollar img {
    height: 25px;
    margin-bottom: 2px;
    margin-right: 8px;
}

/* form-dollar */

/* fix last faq collapse */
div[class^="collapse-faq-"] {
    width: 100%;
}

/* fix last faq collapse */

/* fix title block title align-left */
.title-block>.block-container {
    display: block;
}

/* fix title block title align-left */

.collapse-all-btn {
    max-height: 40px;
}

/* wcag fixing */
.form-label {
    width: 100%;
    margin-bottom: 0;
}

.skip-link {
    position: relative;
    z-index: 1001;
}

.skip-link__link {
    display: -moz-inline-stack;
    display: block;
    margin: 0;
    max-height: 0;
    color: #FFF;
    position: absolute;
    top: -5000px;
    left: -5000px;
}

.skip-link__link:focus {
    max-height: 1920px;
    display: inline-block;
    padding: 15px;
    margin: 5px;
    outline: 3px solid #AA181B;
    text-decoration: underline;
    left: 20px;
    top: 20px;
    color: #FFF;
    background-color: #AA181B;
}

#share-block {
    position: absolute;
    top: 100%;
    right: 0 !important;
    left: auto !important;
    z-index: 999;
    background: #fff;
    border: 1px solid #C91D20;
    width: 123px;
    padding: 3px 5px;
}

@media(max-width: 1169px) {
    #share-block {
        top: 100%;
        right: 60px !important;
    }
}

/* wcag fixing */

.wcag-conformance-block {
    margin: 3rem 0;
}

.wcag-conformance-block-link,
.wcag-conformance-block-link:hover,
.wcag-conformance-block-link:focus {
    display: block;
    margin-top: 1rem;
    text-decoration: underline;
}

.wcag-conformance-modal.show {
    display: flex !important;
    align-items: center;
}

.wcag-conformance-block-img {
    width: 100px;
}

/* table td.text-center,
table th.text-center{
    text-align: left !important;
} */

/* li-list-li important-notes */
.important-notes-collapse button {
    padding: 1.5rem .5rem 1.5rem 1rem;
    color: #fff;
    background-color: #005B70;
}

.important-notes-collapse .li-list-collapse {
    margin-left: auto;
    transition: .3s ease-in-out;
}

.important-notes-collapse .li-list-collapse.active {
    transform: rotate(180deg);
}

.custom-control-label {
    width: 100%;
}

label.error {
    color: #AA181B;
    font-size: 0.9rem;
}

.download-block>.row .col-12.d-flex h6.pr-3+h6 {
    width: 100%;
}

.download-block>.row .col-12.d-flex h6.pr-3 {
    padding-right: 0.5rem !important;
    min-width: 27px;
}

.download-block>.row>.col-12.col-xl-2.d-flex {
    padding-left: 0.5rem !important;
}

.main-block.e-news-subscription-block {
    background-color: transparent;
}

.video-js .vjs-big-play-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.non-break {
    white-space: nowrap;
}

.icon.question img,
.icon.arrow img {
    height: 100%;
    margin-left: auto;
}

@media(max-width: 1169px) {
    .share-icon.weibo {
        display: none;
    }

    #share-block {
        width: 93px;
    }
}

.custom-select.target-go-select {
    overflow: hidden;
}

.scrollbar-track-y,
.scrollbar-thumb.scrollbar-thumb-y {
    width: 10px !important;
}

.scrollbar-track-x,
.scrollbar-thumb.scrollbar-thumb-x {
    height: 10px !important;
}

.dropdown-year>[data-scrollbar] .scrollbar-track.scrollbar-track-y {
    display: block !important;
}

.highlight-content-print {
    display: none;
}

.print-only {
    display: none;
}

/* 2020-03-04 cr */
/* add all awards popop */
.more-awards-button {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: auto;
    margin-left: 0.5rem;
    transition: .2s ease-in-out;
}

.more-awards-button>a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #005B75;
}

.more-awards-button>a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -25%);
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
    transition: .2s ease-in-out;
}

.more-awards-button.open>a:before {
    transform: translate(-50%, -75%) rotateX(180deg);
}

.more-awards-button .all-awards-popup {
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-in-out;
}

.more-awards-button.open .all-awards-popup {
    opacity: 1;
    visibility: visible;
}


.all-awards-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.all-awards-container {
    position: relative;
    background-color: white;
    border: 1px solid #C91D20;
    padding: 3rem;
    padding-bottom: 1rem;
}

.all-awards-container .award {
    width: calc(100% / 8);
    text-align: center;
    margin-bottom: 2rem;
}

.all-awards-container-title {
    color: #C91D20;
    margin-bottom: 1rem;
}

.all-awards-container-list {
    display: flex;
    flex-wrap: wrap;
}

.all-awards-popup .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* update mobile menu all awards list */
@media(max-width: 1170px) {
    .mobile-awards-list {
        margin: 2.5rem 2rem;
    }
}

.mobile-awards-list a {
    display: inline-block;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

/* menu red label */
.menu-update-label {
    display: inline-block;
    padding: 0 5px;
    background-color: #C91D20;
    color: #fff;
    text-align: center;
    font-size: .8rem;
    /* margin-right: 0 10px; */
}

.menu-update-label:first-of-type {
    margin-left: 0px;
}

.index-left-container .menu-update-label:first-of-type {
    margin-left: 0px;
}

/* index group update label */
.index-group-update-label-group {
    position: absolute;
    display: flex;
    left: -50px;
    top: 0;
}

.index-group-update-label-group .update-label {
    position: relative;
    margin-right: 10px;
}

.index-group.has-update-label {
    padding: 1rem 0;
}

/* cr2 start */
.full-report-button {
    background-color: #005b75;
    color: #fff;
    padding: 1rem;
    text-align: center;
}

.full-report-list-block {
    position: relative;
    border: 2px solid #BEBEBE;
    margin-bottom: 2rem;
}

.full-report-list-block .update-label {
    top: auto;
    bottom: 100%;
    left: -2px;
}

.full-report-list-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F5F5F7;
    padding: 1rem;
}

@media(max-width: 575px) {
    .full-report-list-button {
        display: block;
        text-align: center;
    }

    .full-report-list-button a.btn {
        margin-top: 0.5rem;
    }
}

.full-report-list-button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: #BEBEBE;
}

.full-report-list-button a.btn {
    width: auto;
    min-width: auto !important;
}

.full-report-detail-image {
    border: 2px solid #BEBEBE;
}

/* .full-report-list-block > img{
    border-bottom: 1px solid #BEBEBE;
} */
/* cr2 end */

/* cr - 20221102 (new class) */
.main-banner-container .row {
    margin-left: 0;
    margin-right: 0;
}

.highlight-left-col {
    width: 200px;
}

@media(max-width: 1170px) {
    .highlight-left-col {
        width: 100%;
        text-align: center;
    }
}

.highlight-right-col {
    width: calc(100% - 200px);
}

@media(max-width: 1170px) {
    .highlight-right-col {
        width: 100%;
    }
}

.highlight-title {
    color: #AA181B;
    margin-bottom: 4px;
}

/* cr - 20221102 end */

/* cr - 20231120 (new class) */
header .container {
    max-width: 1448px;
}

@media(min-width: 1170px) {
    .link-page-section .row:nth-child(even) .crbanner-full {
        left: calc(-0.5* (100vw - 100%));
        width: 100vw;
    }

    .link-page-section .crbanner-full:before {
        padding-top: 35%;
    }
}

.mySwiper-awards {
    width: auto;
    max-width: 310px;
}

@media(min-width: 1300px) {
    .mySwiper-awards {
        max-width: 470px;
    }
}

.mySwiper-awards,
.mySwiper-useful-link {
    overflow: hidden;
}

.mySwiper-awards .swiper-slide,
.mySwiper-useful-link .swiper-slide {
    width: fit-content;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: auto;
}

.swiper-link-item {
    display: inline-block;
}

.swiper-link-item img {
    min-height: 50px;
    width: 100%;
}

@media(min-width: 375px) {
    .swiper-link-item img {
        width: 130px;
    }
}

.mySwiper-awards .swiper-button-prev,
.mySwiper-awards .swiper-button-next,
.mySwiper-useful-link .swiper-button-prev,
.mySwiper-useful-link .swiper-button-next {
    width: 20px;
    height: 20px;
    background-color: #265A72;
    background-size: 8px 12px;
}

.mySwiper-useful-link .swiper-button-prev {
    background-image: url(../png/swiper-left-white.png);
    left: -40px;
}

.mySwiper-useful-link .swiper-button-next {
    background-image: url(../png/swiper-left-white.png);
    right: -40px;
}

.mySwiper-awards .swiper-button-prev {
    background-image: url(../png/swiper-left-white.png);
    left: -25px;
    bottom: -10px;
    top: unset;
}

.mySwiper-awards .swiper-button-next {
    background-image: url(../png/swiper-left-white.png);
    right: -25px;
    bottom: -10px;
    top: unset;
}

.mySwiper-awards .swiper-button-next.swiper-button-disabled,
.mySwiper-awards .swiper-button-prev.swiper-button-disabled,
.mySwiper-useful-link .swiper-button-next.swiper-button-disabled,
.mySwiper-useful-link .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-color: #979EA1;
    pointer-events: unset;
}

.three-site-item .title {
    display: grid;
    min-height: 60px;
    align-content: center;
    line-height: normal;
}

.btn-subscribe {
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
    padding: 0 8px 0 28px;
    margin: 30px 0 0 10px;
    background-color: #265A72;
    background-image: url(../png/subscribe.png);
    background-position: 8px center;
    background-repeat: no-repeat;
}

.btn-subscribe:hover,
.btn-subscribe:focus {
    color: #ffffff;
}

.mobile-header .subscribe-icon {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('https://www.cr.gov.hk/html/images/icon/icon-subscribe.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

.btn-notice {
    width: 24px;
    height: 24px;
    ;
    margin: 30px 10px 0 10px;
    border: 2px solid #B9312B;
    display: block;
}

.btn-notice img {
    width: 3px;
    display: block;
    margin: 4px auto;
}

.mobile-header .notice-icon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 2px solid #B9312B;
}

.mobile-header .notice-icon img {
    width: 3px;
    display: block;
    margin: 2px auto;
}

.mainpage.modal-open .btn-notice,
.mainpage.modal-open .notice-icon {
    display: none;
}

.useful-link-section {
    width: 80%;
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.play-pause-button {
    display: none;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    z-index: 20;
    cursor: pointer;
}

@media(max-width: 1170px) {
    .play-pause-button {
        left: calc(50% + 25px);
    }
}

@media(max-width: 750px) {
    .play-pause-button {
        left: calc(50% + 50px);
    }
}

.play-pause-button.active {
    display: inline-block;
}

.icon-pause {
    background-image: url("https://www.cr.gov.hk/html/images/icon/pause.svg");
}

.icon-play {
    background-image: url("https://www.cr.gov.hk/html/images/icon/play.svg");
}

.mySwiper-useful-link .mySwiper-pagination {
    position: static;
    transform: translateX(0);
    display: inline-block;
    width: max-content;
    z-index: 10;
}

.swiper-control {
    width: fit-content;
    margin: 0 auto;
    padding-top: 20px;
}