@charset "utf-8";
@import "bootstrap.min.css";

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    line-height: inherit;
    position: relative;
}

body, table, caption, thead, tbody, tfoot, tr, th, td, figure, img, figcaption,
fieldset, form, legend, label, input, textarea, select, button, ul, li, ol, dl, dt, dd, span,
header, nav, footer, article, aside, section, summary, details, dialog, rp, rt {
    margin: 0;
    padding: 0;
}

input, textarea, select, button {
    outline: 0;
}

li {
    line-height: inherit;
}

img {
    border: none;
    -ms-interpolation-mode: bicubic;
}

::-webkit-input-placeholder {
    color: #9e9e9e;
}


/*Chrome, Safari, Edge*/

:-moz-placeholder {
    color: #9e9e9e;
    opacity: 1;
}


/*Firefox 4-18*/

::-moz-placeholder {
    color: #9e9e9e;
    opacity: 1;
}


/*Firefox 19+*/

:-ms-input-placeholder {
    color: #9e9e9e;
}


/*IE10-11*/

::-ms-input-placeholder {
    color: #9e9e9e;
}


/* Microsoft Edge */

::placeholder {
    color: #9e9e9e;
}


/*common*/

input:-moz-placeholder {
    color: #afafaf;
}

input[type="text"]::-ms-clear,
input[type="text"]::-ms-reveal {
    display: none;
}

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

a:link,
a:visited {
    text-decoration: none;
}

a:focus, input:focus,
textarea:focus, select:focus,
button:focus {
    outline: 2px dotted orange !important;
    outline: none;
}

*, *:focus, *:hover, button {
    outline: none;
}

input[type="text"]::-ms-clear,
input[type="text"]::-ms-reveal {
    display: none;
}

a[accesskey]:hover {
    text-decoration: none;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #007C69;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    image-rendering: -webkit-optimize-contrast;
}

body {
    overflow-x: hidden;
    font-family: 'Roboto', 'Noto Sans TC', 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
    scroll-behavior: smooth;
}

@media (max-width: 768px) {
    body.fix {
        overflow-y: hidden;
    }
}


/*圖示*/

header .open_time_top::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 4px;
    background-image: url('../../images/icon/Query_builder.png');
    background-size: cover;
    margin-bottom: 2px;
}

header .open_time_top:hover::before {
    filter: invert(67%) sepia(14%) saturate(4806%) hue-rotate(123deg) brightness(99%) contrast(96%);
}

.mail-img::before {
    background-image: url('../../images/icon/Mail_outline.png');
}

.sitemap-img::before {
    background-image: url('../../images/icon/web_navigation.png');
}

.person-img::before {
    background-image: url('../../images/icon/Person_outline.png');
}

.en-img::before {
    background-image: url('../../images/icon/English.png');
}

.ch-img::before {
    background-image: url('../../images/icon/Chinese.png');
}

.search-img::before {
    background-image: url('../../images/icon/search_24px.png');
}

.nmslogo-img::before {
    background-image: url('../../images/icon/nms.png');
}

.menu-img::before {
    background-image: url('../../images/icon/menu.png');
}

.parkimg-nmns::before {
    background-image: url('../../images/park-nms.png');
}

.parkimg-921::before {
    background-image: url('../../images/park-921.png');
}

.parkimg-fhk::before {
    background-image: url('../../images/park-fhg.png');
}

.parkimg-cfpp::before {
    background-image: url('../../images/park-clp.png');
}

.parkimg-kto::before {
    background-image: url('../../images/park-kto.png');
}

h2 {
    font-size: 1.875rem;
    line-height: 42px;
    display: inline-block;
    color: #262626;
    margin: 0;
}

h3 {
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
}

.mwidth-1024 {
    max-width: 960px !important;
}

.mwidth-1200 {
    max-width: 1200px !important;
    padding: 0 20px;
}

.bottom_line {
    width: 80%;
    margin: 1rem auto 0 auto;
    height: 2px;
    background-color: #009D85;
    display: block;
}

header {
    position: relative;
    z-index: 9;
}

@media (max-width: 768px) {
    header {
        position: fixed;
        width: 100%;
        top: 0px;
    }
}

header>.wrapper {
    height: 64px;
}

.wrapper {
    max-width: 1024px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .wrapper {
        padding: 0 20px;
    }
}

.w1440 {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

a[accesskey] {
    position: absolute;
    color: #464646;
}

@media (max-width: 768px) {
    header .pull-right ul li.search-img {
        display: none !important;
    }
}

a[accesskey]:hover {
    color: #05D9B8;
}

.div_u {
    position: absolute;
    top: 8px;
    left: -18px;
}

.div_b {
    position: absolute;
    left: 35px;
    color: #fff !important;
}

.div_b:hover {
    color: #05D9B8 !important;
}

.logoBlk {
    position: absolute;
    top: 8px;
    left: 0px;
}

@media (max-width: 768px) {
    .logoBlk {
        top: 10px;
        left: 5px;
    }
}

@media (max-width: 340px) {
    .logoBlk {
        left: 5px;
    }
}

.logoBlk h1 {
    text-indent: -9999px;
    margin: 0 0;
}

.logoBlk a {
    display: block;
    width: 320px;
    /* height: 38px; */
    background-image: url('../../images/logo.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-size: contain;
    /* border: #fff 2px solid; */
    /* background-color: aliceblue; */
}

@media (max-width: 768px) {
    .logoBlk a {
        width: 237px;
        /* width: 32px; */
        /* height: 32px; */
        margin-left: 0;
        /*background-size: cover;*/
    }
}

header .container-fluid {
    padding: 0;
    position: relative;
}

@media (max-width: 768px) {
    [class*='div_'] {
        visibility: hidden;
    }

    header>.wrapper {
        height: 56px;
        position: fixed;
        z-index: 5;
        background-color: #fff;
        padding: 12px 12px;
        box-shadow: 0px 6px 8px -6px rgba(24, 39, 75, 0.12), 0px 8px 16px -6px rgba(24, 39, 75, 0.08);
    }
}

@media (max-width: 340px) {
    header>.wrapper {
        padding: 12px;
    }
}

header .toggleBlk,
header .searchBlk {
    display: none;
}

@media (max-width: 768px) {
    header .searchBlk {
        display: block;
        width: 100%;
        position: relative;
    }

    .searchBlk .btn-search {
        display: block;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        text-indent: -9999px;
        background: initial;
        border: 1px solid #E4E4E4;
        position: absolute;
        right: 52px;
        top: 2px;
        overflow: hidden;
    }

    .searchBlk .btn-search:before {
        display: block;
        width: 26px;
        height: 28px;
        line-height: 26px;
        text-align: center;
        text-indent: 0;
        color: #757575;
        content: '\f002';
        font-weight: bold;
        font-family: "Font Awesome 5 Free";
        font-size: 0.875rem;
    }

    header .toggleBlk, .toggleBlk a {
        display: block;
    }

    .toggleBlk {
        position: absolute;
        right: 24px;
        top: 14px;
        z-index: 8;
    }

    .toggleBlk>a {
        display: block;
        width: 28px;
        height: 28px;
        text-indent: -9999px;
        border: 1px solid #E4E4E4;
        background: initial;
        font-size: 0;
        border-radius: 50%;
        line-height: initial;
        padding: 7px 6px;
    }

    .toggleBlk.active>a {
        background-color: #F9FFFE;
    }

    .toggleBlk>a:hover {
        border: 1px solid #05D9B8;
    }

    .toggleBlk .icon-bar {
        display: block;
        width: 14px;
        height: 2px;
        background-color: #8C8C8C;
    }

    .toggleBlk>a:hover .icon-bar {
        background-color: #05D9B8;
    }

    .toggleBlk .icon-bar+.icon-bar {
        margin-top: 3px;
    }

    .toggleBlk.active a .icon-bar {
        margin-top: 0;
    }

    .toggleBlk.active a .icon-bar:nth-child(1) {
        transform: translateY(9px) rotate(135deg);
        -moz-transform: translateY(9px) rotate(135deg);
        -webkit-transform: translateY(9px) rotate(135deg);
        top: 6px;
    }

    .toggleBlk.active a .icon-bar:nth-child(2) {
        display: none;
    }

    .toggleBlk.active a .icon-bar:nth-child(3) {
        transform: translateY(6px) rotate(-135deg);
        -moz-transform: translateY(6px) rotate(-135deg);
        -webkit-transform: translateY(6px) rotate(-135deg);
        top: 6px;
        margin-top: 1px;
    }

    .toggleBlk.active a {
        padding: 3px 6px;
    }
}

@media (max-width:340px) {
    .searchBlk .btn-search {
        right: 38px;
    }

    .toggleBlk {
        right: 12px;
    }
}

header .open_time_top {
    margin-right: 0.25rem;
    line-height: 1.5rem;
}

header .open_time_top p,header .open_time_top p a {
    color: #757575;
    font-size: 0.875rem;
}
header .open_time_top p a:hover {
    color: #05D9B8;
}

header .pull-right {
    position: absolute;
    right: 0;
    top: -54px;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    header .pull-right {
        position: static;
        right: inherit;
        top: inherit;
        flex-direction: column-reverse;
    }
}

header .pull-right ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    header .pull-right ul {
        padding: 13px 60px 14px 14px;
        width: 100%;
        justify-content: flex-end;
        border: #F0F0F0 1px solid;
    }
}

header .pull-right ul li {
    list-style: none;
    position: relative;
}

header .pull-right ul li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 16px;
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center center;
    filter: invert(59%) sepia(1%) saturate(1070%) hue-rotate(319deg) brightness(94%) contrast(89%);
}

@media (max-width: 768px) {
    header .pull-right ul li::before {
        width: 20px;
        height: 20px;
        top: 4px;
        left: 12px;
    }
}

header .pull-right ul li:hover::before {
    filter: invert(67%) sepia(14%) saturate(4806%) hue-rotate(123deg) brightness(99%) contrast(96%);
}

header .pull-right ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: #D9D9D9 1px solid;
    border-radius: 50%;
    margin: 0 0.5rem;
}

@media (max-width: 768px) {
    header .pull-right ul li a {
        width: 28px;
        height: 28px;
        background-color: initial;
    }
}

header .pull-right ul li a:hover,
header .pull-right ul li.show a {
    border: #05D9B8 1px solid;
}

header .pull-right ul li a img {
    width: 24px;
    height: 24px;
    filter: invert(59%) sepia(1%) saturate(1070%) hue-rotate(319deg) brightness(94%) contrast(89%);
}

@media (max-width: 768px) {
    header .pull-right ul li a img {
        width: 20px;
        height: 20px;
    }
}

header .pull-right ul li a:hover img,
header .pull-right ul li.show a img {
    filter: invert(67%) sepia(14%) saturate(4806%) hue-rotate(123deg) brightness(99%) contrast(96%);
}

header .pull-right ul li a span {
    position: absolute;
    top: 45px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 0.875rem;
    display: none;
    padding: 0.375rem 0.5rem;
    white-space: nowrap;
    z-index: 3;
}

header .pull-right ul li a span::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: 43%;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}

header .pull-right ul li a:hover span,
header .pull-right ul li a:focus span {
    display: block;
}

header .pull-right ul li.login a.dropdown-toggle {
    width: initial;
    border-radius: 20px;
}

header .pull-right ul li.login a.dropdown-toggle::after {
    margin-left: 1rem;
}

header .pull-right ul li.login .dropdown-menu {
    margin-top: 0.5rem;
    border-radius: 20px;
    min-width: initial;
}

header .pull-right ul li.login .dropdown-item {
    border: none;
    width: initial;
    border-radius: 20px;
}

header .pull-right ul li.login .dropdown-item:focus,
header .pull-right ul li.login .dropdown-item:hover {
    color: #009D85;
}

@media (max-width: 768px) {
    header .pull-right ul li.dropdownBlk {
        display: none;
    }
}

header .pull-right ul li.dropdownBlk .dropdown-item img {
    filter: grayscale(1);
}

header .pull-right ul li.dropdownBlk .dropdown-item:hover img,
header .pull-right ul li.dropdownBlk .dropdown-item:focus:before {
    filter: grayscale(0);
}

header .pull-right ul li.backEndbtn a.btn {
    width: initial;
    height: initial;
    border-radius: 4px;
}

li.dropdownBlk::before {
    filter: invert(67%) sepia(14%) saturate(4806%) hue-rotate(123deg) brightness(99%) contrast(96%);
}

li.dropdownBlk .dropdown-menu {
    background-color: initial;
    border: none;
    margin: 0;
    padding: 0;
    min-width: initial;
    left: 0.5rem;
}

li.dropdownBlk .dropdown-menu a span {
    position: absolute;
    left: 45px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 0.875rem;
    display: none;
    padding: 0.375rem 0.5rem;
    white-space: nowrap;
    z-index: 3;
}

li.dropdownBlk .dropdown-menu a span::before {
    content: '';
    display: block;
    position: absolute;
    top: 40%;
    left: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
}

li.dropdownBlk .dropdown-menu a:hover span,
li.dropdownBlk .dropdown-menu a:focus span {
    display: block;
}

li.dropdownBlk {
    position: relative;
}

li.dropdownBlk .dropdown-item {
    padding: 0;
    margin: 0.5rem 0;
    border: #E4E4E4 1px solid;
    top: 0px;
}

@media (max-width: 768px) {
    li.dropdownBlk .dropdown-item {
        left: -0.5rem;
    }
}

li.dropdownBlk .dropdown-item:focus,
li.dropdownBlk .dropdown-item:hover,
li.dropdownBlk.show .dropdown-item:hover {
    background-color: #fff;
    border: #05D9B8 1px solid;
}

li.dropdownBlk .dropdown-item {
    border: #E4E4E4 1px solid;
    background-color: #fff;
}

li.dropdownBlk .dropdown-item::before {
    content: '';
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: center center;
    filter: grayscale(1);
}

li.dropdownBlk .dropdown-item:hover::before {
    filter: initial;
}

@media (max-width: 768px) {
    .navOverlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 2;
        background: rgba(0, 0, 0, .5);
        overflow: hidden;
        transition: opacity 0.15s linear;
    }

    .navOverlay.active {
        right: 0;
    }
}

header nav {
    box-shadow: 0px 6px 8px -6px rgba(24, 39, 75, 0.12), 0px 8px 16px -6px rgba(24, 39, 75, 0.08);
}

@media (max-width: 768px) {
    header nav .wrapper {
        padding: 0 0;
    }

    header nav {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 6;
        overflow-x: hidden;
        overflow-y: auto;
        transition: all 0.25s ease-in;
        background: #F9FFFE;
        left: -100%;
        top: 0px;
        opacity: 0;
    }

    header nav.active {
        display: block;
        padding-bottom: 15px;
        left: 0%;
        opacity: 1;
    }
}

header nav.sticky {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}

.navBlk-menu>ul {
    margin: 0;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .navBlk-menu>ul {
        display: none;
    }
}

.navBlk-menu>ul>li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    height: 24px;
    width: 1px;
    background-color: #BFBFBF;
}

@media (max-width: 768px) {
    .navBlk-menu>ul>li::before {
        content: none;
    }
}

.navBlk-menu>ul>li:first-child::before {
    display: none;
}

.navBlk-menu>ul>li {
    list-style: none;
    flex: 1;
    text-align: center;
    position: relative;
}

.navBlk-menu>ul>li>a {
    color: #464646;
    font-size: 1.125rem;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    border-bottom: #fff 2px solid;
}

.navBlk-menu>ul>li>a:hover {
    border-bottom: #05D9B8 2px solid;
    color: #007C69;
}

.navBlk-menu>ul>li:hover>a,
.navBlk-menu>ul>li>a:focus,
.navBlk-menu>ul>li.active>a {
    border-bottom: #05D9B8 2px solid;
    color: #007C69;
}

.navBlk {
    width: 100%;
    z-index: 3;
    background-color: #F9FFFE;
    position: absolute;
    left: 0;
    top: 46px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 25%);
    visibility: hidden;
    transition: all 1s ease;
    max-height: 0;
    overflow: hidden;
}

.navBlk.active {
    max-height: 800px;
    visibility: visible;
    transition: all 1s ease;
}

@media (max-width: 768px) {
    .navBlk {
        display: block;
        background: #F9FFFE;
        padding: 0;
        top: 93px;
        box-shadow: none;
        max-height: initial;
        transition: initial;
        visibility: initial;
        overflow: initial;
    }
}

.navBlk>.wrapper {
    /* padding: 1.5rem 0; */
}

footer .navBlk {
    box-shadow: none;
    max-height: initial;
    transition: initial;
    visibility: initial;
    overflow: initial;
}

.navBlk>ul {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .navBlk ul {
        display: block;
        margin: 0 0;
        width: 100%;
    }

    .navBlk>ul {
        border-bottom: 2px solid rgba(255, 255, 255, .25);
    }
}

.navBlk ul li {
    list-style: none;
    position: relative;
}

.navBlk>ul>li {
    flex: 1;
}

@media (max-width: 768px) {
    .navBlk>ul>li {
        display: block;
        margin: 0 0;
        padding: 0 0;
        position: relative;
    }

    .navBlk-menu .navBlk>ul>li:nth-of-type(even) {
        border-left: initial;
    }
}

.navBlk ul li .arrow,
.navBlk ul li .arrow:before {
    display: block;
    width: 20px;
    line-height: 40px;
    text-align: center;
    color: #464646;
}

@media (max-width: 768px) {

    .navBlk ul li .arrow,
    .navBlk ul li .arrow:before {
        width: 60px;
    }

    .navBlk ul li ul li .arrow,
    .navBlk ul li ul li .arrow:before {
        width: 40px;
    }
}

.navBlk ul li .arrow {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.navBlk ul li .arrow:before {
    content: "\f107";
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    transition: all 0.4s;
}

.navBlk ul li .arrow:hover:before,
.navBlk>ul>li>ul>li:hover>.arrow:before {
    color: #05D9B8;
}

.navBlk ul li .arrow.active:before,
.navBlk>ul>li>ul>li.active>.arrow:before {
    transform: rotate(-180deg);
    color: #007C69;
}

.navBlk>ul>li>a {
    display: none;
}

@media (max-width: 768px) {
    .navBlk>ul>li>a {
        width: 100%;
        padding: 10px 1rem;
        display: block;
        position: relative;
        color: #464646;
        font-size: 1.125rem;
        border-bottom: 1px solid #F0F0F0;
    }
}

.navBlk ul li a:hover {
    color: #05D9B8;
}

.navBlk ul li.active>a {
    color: #007C69;
    font-weight: 500;
}

@media (max-width: 768px) {
    .navBlk>ul>li.active>a {
        background: #fff;
        border-bottom: 1px solid #F0F0F0;
        color: #007C69;
    }

    .navBlk>ul>li:hover>a {
        border-bottom: 1px solid #F0F0F0;
        text-decoration: none;
    }

    .navBlk>ul>li.active>.arrow:before {
        transform: rotate(-180deg);
        color: #007C69;
    }
}

.navBlk>ul>li>ul {
    padding: 1rem 1rem;
}

@media (max-width: 768px) {

    .navBlk>ul>li>ul,
    .navBlk ul li:hover ul {
        position: relative;
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        transition: all 0.3s;
        padding: 0;
    }

    .navBlk ul li.ts-mb-only ul {
        visibility: initial;
        overflow: initial;
    }

    .navBlk>ul>li.active>ul {
        padding: 1rem 1rem;
        background: #EBFAF7;
        max-height: 100vh;
        visibility: visible;
        transition: all 0.3s;
    }
}

.navBlk>ul>li>ul>li>a {
    display: block;
    color: #464646;
    text-decoration: none;
    border-bottom: 1px solid #F0F0F0;
    padding: 0.5rem 0.5rem 0.5rem 0.3rem;
    margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
    .navBlk>ul>li>ul>li>a {
        background: initial;
    }
}

.navBlk .submenu {
    position: relative;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    margin-left: 1rem;
    transition: all 1s;
    margin-left: 0.4rem;
    padding: 3px;
}

@media (max-width: 768px) {
    .navBlk .submenu {
        background: initial;
    }
}

.navBlk>ul>li>ul>li.active .submenu {
    max-height: 400px;
    visibility: visible;
    transition: all 1s;
}

.navBlk .submenu a {
    display: block;
    color: #464646;
    text-decoration: none;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.videoBlk {
    /* height: calc(100vh - 108px);
    overflow: hidden; */
    position: relative;
}

@media (max-width: 1400px) {
    .videoBlk {
        height: initial;
        overflow: hidden;
    }
}

@media (max-width:480px) {
    .videoBlk {
        padding-top: 56px;
    }

    .videoBlk+#topcontainer .bannercontainer {
        margin-top: 0px
    }
}

.videoBlk .sliderBtn {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    z-index: 2;
}

.videoBlk .sliderBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 1.25rem;
    cursor: pointer;
    /* background-color: initial;
    border: #fff 1px solid;
    color: #fff; */
    text-decoration: none;
    background-color: #EBFAF7;
    color: #007C69;
}

.videoBlk .sliderBtn a:hover,
.videoBlk .sliderBtn a:focus {
    /* border: #05D9B8 1px solid;
    color: #05D9B8; */
    background-color: #05D9B8;
    color: #fff;
}

.videoBlk .photo {
    display: none;
}

.videoBlk .mobi-info {
    display: none;
}

@media (max-width:480px) {
    .videoBlk .photo {
        display: none;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .videoBlk .photo img {
        max-height: 100%;
        width: auto;
        max-width: initial;
    }

    .videoBlk .mobi-info {
        position: absolute;
        bottom: 30px;
        left: 0;
        z-index: 3;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0 20px;
    }

    .videoBlk .mobi-info .title {
        color: #fff;
        font-weight: 500;
        font-size: 1.875rem;
        line-height: 42px;
        margin-bottom: 20px;
        display: none;
    }

    .videoBlk .mobi-info a,
    .videoBlk .mobi-info button {
        background-color: #007C69;
        color: #fff;
        padding: 5px 16px;
        border: none;
        outline: none;
    }

    .videoBlk .mobi-info a img,
    .videoBlk .mobi-info button img {
        margin-right: 0.5rem;
        vertical-align: sub;
    }
}

.youtube {
    width: 85%;
    margin: 2.25rem auto;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .youtube {
        width: 95%;
    }
}

.row .youtube {
    width: 100%;
    margin: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

@media (max-width:768px) {
    .videoBlk .video-container {
        padding-top: 56px;
    }
}

@media (max-width: 480px) {

    /* .videoBlk .video-container, */
    .sliderBtn {
        display: none;
    }
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bannercontainer {
    padding: 2.25rem 0 0 0;
    background-image: url('../../images/wave.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 1441px) {
    .bannercontainer {
        background-size: 100% 433px;
    }
}

@media (max-width: 480px) {
    .bannercontainer {
        background-image: none;
        padding: 0;
        margin-top: 56px;
    }

    .videoBlk+.bannercontainer {
        margin-top: 0 !important;
    }
}

.bannerBlk {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 480px;
}
@media (max-width: 480px) {
    .bannerBlk {
    height: initial;
}
}

.bannerBlk ul li {
    list-style: none;
}

.bannerBlk ul li a {
    display: block;
    position: relative;
}

.bannerBlk ul li a:focus {
    border: 3px dotted orange;
}

@media (min-width: 481px) {
    .banner-desktop {
        display: block;
    }

    .banner-mobi {
        display: none;
    }
}

@media (max-width: 480px) {
    .banner-desktop {
        display: none;
    }

    .banner-mobi {
        display: block;
    }
}

.bannerBlk ul li a .text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 1rem;
    color: #fff;
    font-size: 1rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}

@media (max-width: 480px) {
    .bannerBlk ul li a .text {
        padding: 1.5rem;
        font-size: 1rem;
    }
}

.bannerBlk .owl-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0.5rem;
    width: 100%;
}

.bannerBlk .owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 3px;
    border-radius: initial;
    background-color: #05D9B8;
    opacity: 0.24;
    transition: all 0.3s;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
    width: 24px;
}

.owl-theme .owl-nav [class*=owl-] {
    background-color: #EBFAF7;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin: 0 0.5rem;
    top: 45%;
    font-size: 1.28rem;
    color: #007C69;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
}

@media (max-width: 480px) {
    .owl-theme .owl-nav [class*=owl-] {
        width: 40px;
        height: 40px;
    }
}

.detail .owl-theme .owl-nav [class*=owl-] {
    width: 36px;
    height: 36px;
}

.owl-theme .owl-nav [class*=owl-] span .fa:before {
    text-shadow: none;
}

.disabled {
    background-color: #EBFAF7;
}

.owl-theme .owl-nav [class*=owl-]:hover,
.owl-theme .owl-nav [class*=owl-]:focus {
    background-color: #05D9B8 !important;
}

.owl-theme .owl-nav .owl-prev {
    left: 2px;
}

.owl-theme .owl-nav .owl-next {
    right: 2px;
}

.information {
    margin-top: 2.25rem;
    margin-bottom: 60px;
    display: flex;
}

@media (max-width: 1024px) {
    .information {
        display: block;
    }
}

.infoBlk {
    border: #E4E4E4 1px solid;
    border-radius: 12px;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    max-width: 800px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .infoBlk {
        margin: 2.25rem auto;
    }
}

@media (max-width: 640px) {
    .infoBlk {
        flex-direction: column;
    }
}

.infoBlk .today {
    background-color: #EBFAF7;
    color: #007C69;
    padding: 1rem 0.875rem;
    text-align: center;
    width: 46%;
}

@media (max-width: 640px) {
    .infoBlk .today {
        width: 100%;
    }
}

.infoBlk .today .open::before {
    content: '開館中';
}

.infoBlk .today .museum-img {
    height: 32px;
}

.infoBlk .today .museum-img::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../../images/icon/museum-open.png');
    background-size: cover;
}


/* 休館 */

.infoBlk .today.closed {
    background-color: #BFBFBF;
    color: #262626;
}

.infoBlk .today.closed .museum-img::before {
    background-image: url('../../images/icon/museum-close.png');
}

.infoBlk .today.closed .open::before {
    content: '休館中';
}

.week::after {
    content: '.';
    margin: 0 0.5rem;
}

.infoBlk .year_month {
    font-size: 1.25rem;
    line-height: 28px;
}

.infoBlk .day {
    font-size: 4rem;
    line-height: 84px;
    margin: 0.25rem 0;
    font-family: 'Roboto';
}

.infoBlk .calendar {
    background-color: #fff;
    border-radius: 11px;
    padding: 0.5rem 1.25rem;
    color: #007C69;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoBlk .calendar img {
    width: 32px;
    height: 32px;
}

.calendar .week {
    margin-left: 0.5rem;
}

.infoBlk_inner {
    padding: 0.8rem 1.25rem;
    color: #757575;
    width: 62%;
}

@media (max-width: 609px) {
    .infoBlk_inner {
        width: 100%;
    }
}

.weatherBlk {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 24px;
    margin-bottom: 0.5rem;
}

.weatherBlk .weather_img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
}

.weatherBlk .weather_img img {
    width: 100%;
    height: auto;
}

.weatherBlk .air::before {
    content: '﹐AQI ';
}


/*空氣品質-良好*/

.weatherBlk .air.good::before {
    content: 'AQI 良好';
}


/*空氣品質-普通*/

.weatherBlk .air.fair::before {
    content: 'AQI 普通';
    color: #000;
}


/*空氣品質-對敏感族群不健康*/

.weatherBlk .air.poor::before {
    content: 'AQI 對敏感族群不健康';
}


/*空氣品質-對所有族群不健康*/

.weatherBlk .air.all-poor::before {
    content: 'AQI 對所有族群不健康';
}


/*空氣品質-非常不健康*/

.weatherBlk .air.very-poor::before {
    content: 'AQI 非常不健康';
}


/*空氣品質-危害*/

.weatherBlk .air.hazardous::before {
    content: 'AQI 危害';
}

.open_time_top {
    font-size: 1.25rem;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #464646;
    font-weight: 500;
}

.open_time_top::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../../images/icon/Query_builder.png');
    background-size: cover;
}

@media (max-width: 768px) {
    .open_time_top {
        padding: 6px 0;
    }
}

.infoBlk_link {
    margin-top: 1.25rem;
}

.infoBlk_link>div {
    margin: 0.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: #E4E4E4 1px solid;
}

.infoBlk_link a {
    font-size: 1rem;
    line-height: 1.5;
    color: #007C69;
    padding-right: 0.5rem;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infoBlk_link a::after {
    content: '\f105';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5rem;
}

.infoBlk_link a:hover {
    color: #05D9B8;
}

.infoBlk_link div:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.infoBlk_link div:last-child a {
    border-bottom: none;
}

.historyBlk {
    border: #E4E4E4 1px solid;
    border-radius: 12px;
    width: calc(50% - 1rem);
    padding: 1.25rem;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .historyBlk {
        width: initial;
        max-width: 800px;
        margin-left: 0;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .historyBlk {
        padding: 0;
    }
}

.historyBlk ul {
    margin: 0;
    padding: 0;
    position: relative;
}

.historyBlk ul li {
    display: flex;
}

@media (max-width: 768px) {
    .historyBlk ul li {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .historyBlk ul li {
        flex-direction: column;
    }
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.historyBlk .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0px;
    left: calc(182px + 1.15rem);
}

@media (max-width: 640px) {
    .historyBlk .owl-theme .owl-nav.disabled+.owl-dots {
        left: initial;
        bottom: 1rem;
        width: 100%;
    }
}

.historyBlk .owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 3px;
    border-radius: initial;
    background-color: #05D9B8;
    opacity: 0.24;
    transition: all 0.3s;
}

.historyBlk .owl-theme .owl-dots .owl-dot.active span,
.historyBlk .owl-theme .owl-dots .owl-dot:hover span {
    opacity: 1;
    width: 24px;
}

.historyBlk .photo {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.25rem;
    aspect-ratio: 4/3;
    max-width: 184px;
}

@media (max-width: 640px) {
    .historyBlk .photo {
        max-width: initial;
        width: 100%;
        height: initial;
        margin-right: 0;
    }
}

.historyBlk .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

@media (max-width: 480px) {
    .historyBlk .photo img {
        width: 100%;
        height: auto;
    }
}

.historyBlk .photo:hover img {
    transform: scale(1.05);
}

.historyBlk_inner {
    width: calc(100% - 120px - 1.25rem);
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

@media (max-width: 640px) {
    .historyBlk_inner {
        width: 100%;
        padding: 1.25rem 1.25rem 2.5rem 1.25rem;
    }
}

.historyBlk_inner .date,
.historyBlk_inner .time {
    font-size: 0.875rem;
    color: #007C69;
    line-height: 1.5;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
}

.historyBlk_inner .time {
    margin-bottom: 0;
}

.historyBlk_inner .time::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../../images/icon/Today.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 2px;
    filter: invert(38%) sepia(82%) saturate(3156%) hue-rotate(149deg) brightness(95%) contrast(101%);
}

.historyBlk_inner .date div:first-child::after {
    content: '|';
    margin: 0 5px;
}

.historyBlk_inner .title {
    font-size: 1rem;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #262626;
    /* font-weight: 500; */
}

.historyBlk_inner .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    color: #464646;
}

.historyBlk_inner .link {
    margin-top: auto;
}

.historyBlk_inner .link a {
    color: #007C69;
    text-decoration: none;
}

.historyBlk_inner .link a::after {
    content: '\f105';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5rem;
}

.historyBlk_inner .link a:hover,
.historyBlk_inner .link a:hover::after {
    color: #05D9B8;
}

.linkBlk {
    padding: 0 64px;
    position: relative;
    margin-bottom: 60px;
}

.navBlk .linkBlk {
    padding: 0;
    margin: 1.5rem 1rem;
}

@media (max-width: 560px) {
    .linkBlk {
        margin-bottom: 0.5rem;
        padding: 0 24px;
    }
}

.linkBlk .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}

.linkBlk ul {
    /* overflow: hidden; */
    margin-bottom: 0;
}

.navBlk .linkBlk ul {
    display: flex;
    flex-wrap: wrap;
}

.linkBlk ul li {
    list-style-type: none;
    padding: 0.2rem 0.5rem;
}

@media (max-width: 560px) {
    .linkBlk ul li {
        margin-bottom: 2rem;
        padding: 0;
    }
}

.navBlk .linkBlk ul li {
    width: 25%;
}

.linkBlk ul li a {
    display: block;
    position: relative;
    text-align: center;
}

.linkBlk ul li a:hover {
    text-decoration: none;
}

.linkBlk ul li a:hover .text,
.linkBlk ul li a:focus .text {
    color: #008471;
}

.linkBlk .img {
    width: 84px;
    height: 84px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #EBFAF7;
    display: flex;
    align-items: center;
    justify-content: center;
    border: #8AF1E0 1px solid;
}

@media (max-width: 767px) {
    .linkBlk .img {
        width: 54px;
        height: 54px;
    }
}

.linkBlk .img:hover {
    border: #70F2DE 3px solid;
    box-shadow: 0px 4px 6px -4px rgba(24, 39, 75, 0.12), 0px 8px 8px -4px rgba(24, 39, 75, 0.08);
}

.linkBlk .img img {
    width: 44px !important;
    height: auto;
}

@media (max-width: 768px) {
    .linkBlk .img img {
        width: 32px !important;
        height: auto;
    }
}

.linkBlk .text {
    color: #464646;
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 24px;
}

@media (max-width: 768px) {
    .linkBlk .text {
        font-size: 0.875rem;
    }
}

.linkBlk .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    top: 30%;
}

@media (max-width: 480px) {
    .linkBlk .owl-theme .owl-nav .owl-prev {
        left: -10px;
    }

    .linkBlk .owl-theme .owl-nav .owl-next {
        right: -10px;
    }
}

.linkBlk .owl-theme .owl-nav .disabled {
    opacity: initial;
}

.eventBlk {
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #EBFAF7;
}

@media (max-width: 560px) {
    .eventBlk {
        margin-bottom: 48px;
    }
}

.eventBlk ul {
    max-width: 984px;
    margin: 0 auto;
}

@media (max-width: 820px) {
    .eventBlk ul {
        padding: 0 2.6rem;
    }
}

.eventBlk ul li {
    list-style: none;
    border: #E4E4E4 1px solid;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s;
}

.eventBlk ul li:hover {
    border: 1px solid #05D9B8;
    box-shadow: 0px 6px 32px 0px #2D423D33, 0px 3px 16px 0px #35534C1A;
}

.eventBlk ul .owl-item:not(.active) li {
    opacity: 0.3;
}

.eventBlk ul .owl-item:not(.active) li:focus-within {
    opacity: 1;
}

.eventBlk ul li a {
    text-decoration: none;
    display: block;
}

.eventBlk ul li a:focus {
    border: 2px dotted orange;
}

.eventBlk ul li a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    aspect-ratio: 5/2;
}

.eventBlk ul li a .img img {
    width: 100%;
    height: 100%;
    max-width: initial;
    transition: all 0.3s;
    object-fit: cover;
}

.eventBlk ul li a:hover .img img {
    transform: scale(1.1);
}

.eventBlk ul li a .text {
    background-color: #fff;
    padding: 1.25rem;
    min-height: 154px;
}

.eventBlk ul li a .text .category {
    background-color: #EBFAF7;
    border: #70F2DE 1px solid;
    border-radius: 8px;
    display: inline-block;
    font-size: 0.875rem;
    padding: 1px 0.5rem;
    margin-bottom: 0.5rem;
    color: #007C69;
    font-weight: 500;
    position: relative;
}

.eventBlk ul li a .text .category.hot {
    margin-left: 30px;
}


/* .eventBlk ul li a .text .category.hot::before {
    content: '\f0f3';
    font-family: "Font Awesome 5 Free";
    display: block;
    width: 22px;
    line-height: 22px;
    position: absolute;
    top: 2px;
    left: -30px;
    z-index: 4;
    background-color: #FFAB2E;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    font-size: 0.65rem;
} */

.eventBlk ul li a .text .category.hot::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    top: 2px;
    left: -30px;
    z-index: 4;
    background-color: #FFAB2E;
    border-radius: 4px;
    background-image: url('../../images/icon/megaphone.png');
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: 3px 2px;
}

.eventBlk ul li a .text .heading {
    font-size: 1.125rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
    line-height: 24px;
    color: #262626;
    font-weight: 500;
}

.eventBlk ul li a .text .date {
    color: #757575;
    font-size: 0.875rem;
}

.eventBlk .owl-carousel .owl-stage-outer {
    overflow: initial;
}

.eventBlk .owl-carousel .owl-stage {
    background-color: #EBFAF7;
    padding: 1.5rem 0;
    position: relative;
}

.exhibition {
    text-align: center;
}

.otherPark {
    text-align: center;
    background-color: transparent;
}

.otherPark .theme {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
    margin-bottom: 96px;
}

.otherPark .owl-carousel .owl-stage {
    background-color: transparent;
    padding: 0;
}

@media (max-width: 560px) {
    .otherPark .theme {
        flex-direction: column;
    }
}

.otherPark .theme li {
    width: 100%;
    list-style: none;
}

@media (max-width: 560px) {
    .otherPark .theme li {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.otherPark .theme li {
    list-style: none;
}

.otherPark .theme li a {
    position: relative;
    height: 320px;
    color: #fff;
    display: block;
    text-decoration: none;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0px 4px 6px -4px rgba(24, 39, 75, 0.12), 0px 8px 8px -4px rgba(24, 39, 75, 0.08);
}

.otherPark .theme li a .photo-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.otherPark .theme li a .photo-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.otherPark .theme li a:hover .photo-bg img {
    transform: scale(1.1);
}

.otherPark .theme li a .info {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    background-color: rgba(38, 38, 38, 0.5);
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 0.875rem;
}

.theme .weatherBlk {
    margin-bottom: 0;
}

.theme .weather_img {
    width: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.otherPark .theme li a .mascot {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 150px 16px 20px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 100%;
    background: linear-gradient(360deg, #262626 -6.52%, rgba(38, 38, 38, 0) 100%);
}

.otherPark .theme li a .mascot .heading {
    color: #fff;
    width: 120px;
    font-size: 1.5rem;
    line-height: 32px;
    margin: 0;
}

/* .otherPark .theme li:first-child a .mascot .heading {
    width: 110px;
} */

.en .otherPark .theme li a .mascot .heading {
    width: 210px;
}

.otherPark .theme li a .mascot .photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.otherPark .theme li a .mascot .photo img {
    width: auto;
    height: 100%;
    max-width: initial;
    background-color: #fff;
}

.otherPark .theme li .open::before {
    content: '﹒開館中';
}

.otherPark .theme li.closed .open::before {
    content: '﹒休館中';
}

.park-921 {
    background: linear-gradient(360deg, #262626 -6.52%, rgba(38, 38, 38, 0) 100%), url('../../images/park-921img.png');
}

.park-fhg {
    background: linear-gradient(360deg, #262626 -6.52%, rgba(38, 38, 38, 0) 100%), url('../../images/park-fhk.png');
}

.park-clp {
    background: linear-gradient(360deg, #262626 -6.52%, rgba(38, 38, 38, 0) 100%), url('../../images/park-cfpp.png');
}

.exhibition {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.exhibition::before {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(90deg, #FFFFFF -30.24%, rgba(255, 255, 255, 0) 82.66%);
    top: 0;
    left: 0;
    height: 100%;
    width: 125px;
    z-index: 2;
}

@media (max-width: 985px) {
    .exhibition::before {
        content: none;
    }
}

.exhibition::after {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(270deg, #FFFFFF -30.24%, rgba(255, 255, 255, 0) 82.66%);
    top: 0;
    right: 0;
    height: 100%;
    width: 125px;
    z-index: 2;
}

@media (max-width: 985px) {
    .exhibition::after {
        content: none;
    }
}

.exhibition ul {
    max-width: 984px;
    margin: 34px auto 84px auto;
}

@media (max-width: 985px) {
    .exhibition ul {
        padding: 0 2rem;
    }
}

@media (max-width: 560px) {
    .exhibition ul {
        margin: 34px auto 48px auto;
    }
}

.exhibition ul li {
    list-style: none;
    display: flex;
    background-color: #007C69;
    border-radius: 12px;
    overflow: hidden;
    height: 280px;
    text-decoration: none;
    transition: all 0.3s;
}

@media (max-width: 768px) {
    .exhibition ul li {
        flex-direction: column-reverse;
        height: initial;
    }
}

.exhibition ul .owl-item:not(.active) li {
    transform: scaleY(0.75);
    opacity: 0.3;
}

.exhibition ul .owl-item li:focus-within {
    opacity: 1;
    transform: scaleY(1);
    border: 2px dotted orange;
}

.exhibition ul li a {
    text-decoration: none;
}

.exhibition ul li .text {
    padding: 1.5rem 2rem;
    color: #fff;
    width: 282px;
    text-align: left;
}

@media (max-width: 768px) {
    .exhibition ul li .text {
        width: 100%;
        padding: 1rem;
        text-align: center;
    }
}

.exhibition ul .owl-item:not(.active) li .text {
    transform: scaleX(0.75);
    width: 212px;
    padding: 1.5rem 0rem;
}

.exhibition ul .owl-item:not(.active) li:focus-within .text {
    transform: scaleX(1);
    padding: 1.5rem 2rem;
    width: 282px;
}

.exhibition ul li .category {
    display: flex;
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .exhibition ul li .category {
        justify-content: center;
    }
}

.exhibition ul li .category a {
    font-size: 0.875rem;
    color: #fff;
}

.exhibition ul li .category a:hover {
    color: #05D9B8;
}

.exhibition ul li .category div::after {
    content: '.';
    margin: 0 0.5rem;
    color: #fff;
}

.exhibition ul li .category div:last-child:after {
    content: none;
}

.exhibition ul li .heading {
    font-size: 1.875rem;
    line-height: 42px;
    margin-bottom: 1rem;
}

.en .exhibition ul li .heading {
    font-size: 1.79rem;
}

.exhibition ul li .descript {
    font-size: 0.875rem;
    line-height: 24px;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exhibition ul li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: calc(100% - 282px);
}

@media (max-width: 768px) {
    .exhibition ul li .img {
        width: 100%;
    }
}

.exhibition ul .owl-item:not(.active) li .img {
    width: calc(100% - 212px);
}

.exhibition ul li .img img {
    width: 100%;
    max-width: initial;
    height: auto;
    transition: all 0.3s;
}

.exhibition ul .owl-item:not(.active) li .img img {
    width: 100%;
    height: 225%;
}

.exhibition .owl-carousel .owl-stage-outer {
    overflow: initial;
}

.exhibition ul li .goto a {
    display: block;
    max-width: 186px;
    color: #fff;
    border: #fff 1px solid;
    padding: 0.5rem;
    text-align: center;
    line-height: 24px;
}

@media (max-width: 768px) {
    .exhibition ul li .goto a {
        margin: 0 auto;
        margin-bottom: 1rem;
    }
}

.exhibition ul li .goto a:hover {
    color: #05D9B8;
    border: #05D9B8 1px solid;
}

.exhibition ul li:hover .img img {
    transform: scale(1.1);
}

.exhibition ul li .goto a::before {
    content: '\f054';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-right: 0.5rem;
}

.exhibition .owl-theme .owl-nav [class*=owl-] {
    z-index: 3;
}

.footerBlk {
    background-color: #EBFAF7;
    padding: 13px 60px;
}

@media (max-width: 820px) {
    .footerBlk {
        display: none;
    }
}

.footerBlk .btn-collapse {
    line-height: 28px;
    font-size: 1.25rem;
    display: block;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    color: #007C69;
}

.footerBlk .btn-collapse::after {
    content: '\f078';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5rem;
    font-size: 0.875rem;
    vertical-align: bottom;
}

.footerBlk .btn-collapse.active::after {
    content: '\f077';
}

.footerBlk .btn-collapse:hover {
    color: #05D9B8;
}

.footerBlk .navBlk {
    display: none;
    position: initial;
    background-color: initial;
    padding: 0;
    margin-top: 13px;
}

.footerBlk ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    padding: 20px 60px;
    margin: 0 auto;
}

@media (max-width: 1280px) {
    .footerBlk ul {
        padding: 20px 0px;
    }
}

.footerBlk ul li {
    list-style: none;
    flex: 1;
    padding-right: 0.5rem;
}

@media (max-width: 1024px) {
    .footerBlk ul li {
        flex: initial;
        width: calc(100% / 3);
    }
}

.footerBlk ul li:last-child {
    padding-right: 0;
}

.footerBlk>.navBlk>ul>li>a {
    font-size: 1.125rem;
    line-height: 24px;
    color: #007C69;
    border-bottom: 1px solid #009D85;
    text-decoration: none;
    padding-bottom: 0.5rem;
    display: block;
}

.footerBlk>.navBlk>ul>li>a:hover {
    color: #05D9B8;
}

.footerBlk ul li ul {
    display: block;
    margin-top: 0.5rem;
    padding: 0 0.5rem;
}

.footerBlk ul li ul li {
    margin-bottom: 4px;
    padding-right: 0;
    width: initial;
}

.footerBlk ul li ul li a {
    font-size: 1rem;
    color: #464646;
    margin-bottom: 0;
}

.footerBlk ul li ul.submenu {
    margin-top: 0;
}

.footerBlk ul li ul.submenu li:first-child {
    padding-top: 0.5rem;
}

.copyRightBlk {
    background-color: #007C69;
}

.copyRightBlk .w1440 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 36px 60px;
}

@media (max-width: 820px) {
    .copyRightBlk .w1440 {
        flex-direction: column;
        justify-content: initial;
        height: initial;
        padding: 36px 38px;
    }

    .nmns-info {
        margin: 2rem 0;
    }
}

.copyRightBlk .logo a img {
    width: 334px;
}

@media (max-width: 414px) {
    .copyRightBlk .logo a img {
        width: 100%;
    }
}

.copyRightBlk .share {
    margin-top: 31px;
    display: flex;
}

@media (max-width: 460px) {
    .copyRightBlk .share {
        flex-wrap: wrap;
    }

    .copyRightBlk .share ul {
        margin: 0 0 1rem 0 !important;
    }

    .copyRightBlk .share a.ml-3 {
        /* margin-left: 0 !important; */
        /* margin-top: 1rem; */
    }
}

.copyRightBlk .share ul {
    display: flex;
    margin: 0;
}

.copyRightBlk .share ul li {
    list-style: none;
}

.copyRightBlk .share ul li a::before {
    font-weight: 400;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
    color: #009D85;
}

.copyRightBlk .share ul li a.rss::before {
    font-weight: bold;
}

.copyRightBlk .share ul li a {
    width: 30px;
    height: 30px;
    background-color: #B8F6ED;
    color: #009D85;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    text-decoration: none;
    position: relative;
}

.copyRightBlk .share ul li a span {
    display: none;
    position: absolute;
}

.copyRightBlk .share ul li a span {
    position: absolute;
    left: -20px;
    top: -45px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 0.875rem;
    display: none;
    padding: 0.375rem 0.5rem;
    white-space: nowrap;
}

.copyRightBlk .share ul li a.line span {
    left: -6px;
    top: -45px;
}

.copyRightBlk .share ul li a span::before {
    content: '';
    display: block;
    position: absolute;
    top: 36px;
    left: 31px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.copyRightBlk .share ul li a.line span::before {
    top: 36px;
    left: 15px;
}

.copyRightBlk .share ul li a:hover {
    background-color: #fff;
}

.copyRightBlk .share ul li a:hover span {
    display: block;
}

.copyRightBlk .nmns-info ul li {
    display: flex;
    list-style: none;
    color: #fff;
    line-height: 24px;
    margin-bottom: 1rem;
}

.copyRightBlk .nmns-info ul li a {
    color: #fff;
    text-decoration: none;
}

.copyRightBlk .nmns-info ul li a:hover {
    color: #8AF1E0;
}

.copyRightBlk .nmns-info ul li::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center center;
    margin-right: 0.5rem;
    filter: brightness(300%);
}

.copyRightBlk .gov {
    margin-bottom: 31px;
}

.copyRightBlk .gov ul li {
    list-style: none;
    width: 100%;
    border-bottom: #fff 1px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

.copyRightBlk .gov ul li a {
    color: #fff;
    text-decoration: none;
    line-height: 1.5;
}

.copyRightBlk .gov ul li a:hover {
    color: #8AF1E0;
}

.copyRightBlk .gov ul li a::after {
    content: '\f105';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5rem;
}

.copyRightBlk .copyright p {
    font-size: 0.75rem;
    color: #fff;
    margin-bottom: 0;
    line-height: 20px;
}

@media (max-width: 414px) {
    .copyRightBlk .Blk .logo img {
        width: 100%;
        height: auto;
    }
}

.cookie {
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 0.5rem;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    z-index: 7;
    width: 100%;
}

.cookie a {
    color: #fff;
    text-decoration: underline !important;
}

.cookie a:hover {
    color: #05D9B8;
}

.cookie button {
    background-color: #007C69;
    color: #fff;
    margin-left: 1rem;
    border: #007C69 solid 1px;
    border-radius: initial !important;
}

.stickBlk {
    position: fixed;
    right: 60px;
    bottom: 52px;
    z-index: 5;
}

@media (max-width: 560px) {
    .stickBlk {
        right: 20px;
        bottom: 20px;
    }
}

.stickBlk .blk:first-child {
    /*margin-bottom: 80px;*/
}

.stickBlk .blk a {
    background-color: #EBFAF7 !important;
    color: #007C69;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 1rem;
}

@media (max-width: 560px) {
    .stickBlk .blk a {
        width: 36px;
        height: 36px;
    }
}

.stickBlk .blk a.upload-img::before {
    content: '';
    display: block;
    width: 28px !important;
    height: 28px !important;
    background-image: url('../../images/icon/upload.png');
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 560px) {
    .stickBlk .blk a.upload-img::before {
        width: 24px !important;
        height: 24px !important;
    }
}

.stickBlk .blk a.collect-img::before {
    content: '';
    display: block;
    width: 28px !important;
    height: 28px !important;
    background-image: url('../../images/icon/Loyalty.png');
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 560px) {
    .stickBlk .blk a.collect-img::before {
        width: 24px !important;
        height: 24px !important;
    }
}

.stickBlk .blk a.upload-img:hover::before,
.stickBlk .blk a.collect-img:hover::before,
.stickBlk .blk a.webbot:hover::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
}

.stickBlk .blk a:hover,
.stickBlk .blk .dropdownBlk.show>a,
.stickBlk .blk .dropdownBlk.show .dropdown-item:hover {
    background-color: #05D9B8 !important;
    color: #fff;
}

.stickBlk .blk a img,
.stickBlk .blk .dropdownBlk.show .dropdown-item img {
    width: 28px;
    height: 28px;
}

@media (max-width: 560px) {

    .stickBlk .blk a img,
    .stickBlk .blk .dropdownBlk.show .dropdown-item img {
        width: 24px;
        height: 24px;
    }
}

.stickBlk .blk .dropdownBlk>a.share-img::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../../images/icon/share_24px.png');
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 560px) {
    .stickBlk .blk .dropdownBlk>a.share-img::before {
        width: 24px;
        height: 24px;
    }
}

.stickBlk .blk .dropdownBlk>a.share-img:hover::before,
.stickBlk .blk .dropdownBlk.show>a.share-img::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
}

.stickBlk .blk li {
    list-style: none;
}

.stickBlk .blk .dropdown-menu {
    top: -160px;
    left: 0px;
    min-width: initial;
}

@media (max-width: 768px) {
    .stickBlk .blk .dropdown-menu {
        left: 0.5rem !important;
    }
}

@media (max-width: 560px) {
    .stickBlk .blk .dropdown-menu {
        top: -120px !important;
    }
}

.stickBlk .blk .dropdownBlk .dropdown-item {
    border: none;
}

.stickBlk .blk .dropdownBlk .dropdown-item::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background-size: contain;
    filter: initial;
}

@media (max-width: 560px) {
    .stickBlk .blk .dropdownBlk .dropdown-item::before {
        width: 24px;
        height: 24px;
    }
}

.stickBlk .blk .dropdownBlk .dropdown-item:hover::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
}

.stickBlk .blk a span {
    position: absolute;
    top: 56px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 0.875rem;
    display: none;
    padding: 0.375rem 0.5rem;
    white-space: nowrap;
    z-index: 6;
}

@media (max-width: 560px) {
    .stickBlk .blk a span {
        top: 40px;
    }
}

.stickBlk .blk a span::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: 43%;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}

.stickBlk .blk a:hover span,
.stickBlk .blk a:focus span {
    display: block;
}

.stickBlk li.dropdownBlk .dropdown-menu a span {
    left: initial;
    top: 56px;
}

.stickBlk li.dropdownBlk .dropdown-menu a span::before {
    top: -5px;
    left: 43%;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}

.stickBlk .card .close {
    width: initial;
    height: initial;
    margin-top: 0;
}

.stickBlk .card .close:hover {
    background-color: initial !important;
}

.stickBlk .webbot::before {
    content: '';
    display: block;
    width: 28px !important;
    height: 28px !important;
    background-image: url('../../images/icon/webbot.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.stickBlk.active .webbot {
    display: none;
}

.stickBlk .card {
    max-width: 420px;
    display: none;
}

.stickBlk.active .card {
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.5);
    display: block;
    position: fixed;
    bottom: 30px;
    right: 130px;
    z-index: 2;
}

@media (max-width:548px) {
    .stickBlk.active .card {
        bottom: 20px;
        right: 60px;
    }
}

.stickBlk .card-header label {
    padding-left: 34px;
    background-image: url('../../images/icon/webbot.png');
    background-repeat: no-repeat;
    margin-bottom: 0;
    line-height: 28px;
}

.stickBlk .card-footer {
    padding: .5rem;
    position: relative;
}

.stickBlk .card-footer input,
.stickBlk .card-footer textarea {
    width: 100%;
    line-height: 1.5;
    border: none;
    outline: none;
    padding: 0.5rem 40px 0.5rem 0.5rem;
}

.stickBlk .card-footer textarea {
    overflow-y: hidden;
}

.stickBlk .card-footer .btn-send {
    position: absolute;
    right: 1rem;
    top: .8rem;
    background: transparent;
    border: none;
    color: #007C69;
}

.stickBlk .card-footer .btn-send:hover {
    color: #05D9B8;
}

.stickBlk .card-footer .btn-send:focus {
    border: 2px dotted orange;
}

.stickBlk .card-body {
    min-height: 400px;
    min-width: 300px;
    overflow-y: auto;
    padding: 0;
}

.stickBlk .card-body iframe {
    width: 100%;
    height: 400px;
    border: 0;
}

.stickBlk .ad,
.stickBlk .user {
    display: block;
    clear: both;
    margin: 0 0 0.5rem 0;
}

.stickBlk .ad:last-of-type,
.stickBlk .user:last-of-type {
    margin: 0 0 0 0;
}

.stickBlk .ad {
    float: left;
}

.stickBlk .user {
    float: right;
}

.stickBlk .msgBlk {
    position: relative;
    display: inline-block;
    padding: .5rem;
    line-height: 1.5;
    clear: both;
}

.stickBlk .ad .msgBlk {
    background: #f0f0f0;
    color: #000;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;
}

.stickBlk .user .msgBlk {
    background: #EBFAF7;
    -webkit-border-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-bottomright: 0;
    border-radius: 5px;
    border-bottom-right-radius: 0;
}

.stickBlk .ad .msgBlk:after,
.stickBlk .user .msgBlk:after {
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}

.stickBlk .ad .msgBlk:after {
    top: 0;
    left: -12px;
    border-style: solid;
    border-width: 0px 12px 12px 0;
    border-color: transparent #f0f0f0 transparent transparent;
}

.stickBlk .user .msgBlk:after {
    bottom: 0;
    right: -12px;
    border-style: solid;
    border-width: 12px 0 0px 12px;
    border-color: transparent transparent transparent #EBFAF7;
}

.msgFrom {
    display: block;
    font-size: .75rem;
    color: #757575;
    clear: both;
    margin-top: .25rem;
}

.searchBar .modal-dialog {
    width: 80%;
    max-width: initial;
}

@media (max-width: 768px) {

    .searchBar .modal-dialog,
    .searchBar .modal-body .input-group {
        width: initial;
    }
}

.searchBar .modal-content {
    background-color: #F9FFFE;
}

.searchBar .modal-header {
    padding: 32px;
    border-bottom: none;
    text-align: center;
    display: initial;
    justify-content: initial;
}

.searchBar .modal-header .modal-title {
    font-size: 1.5rem;
    color: #007C69;
    line-height: 32px;
    justify-content: center;
    margin: 0;
}

.searchBar .modal-header .modal-title::before {
    content: none;
}

.searchBar .modal-header .modal-title label {
    margin-bottom: 0;
}

.searchBar .modal-header button.close {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
}

.searchBar .modal-body {
    padding-top: 0;
}

.searchBar .modal-body .input-group {
    width: 80%;
    margin: 0 auto;
    border: rgba(143, 248, 231, 0.5) 2px solid;
    border-radius: 8px;
    background-color: #fff;
    align-items: center;
    flex-wrap: inherit;
}

.searchBar .modal-body .input-group::before {
    content: '\f002';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    padding: 16px 15px 16px 18px;
    color: #009D85;
}

.searchBar .modal-body .input-group input {
    line-height: 28px;
    font-size: 1.25rem;
    padding: 14px 0;
    border: none;
    outline: none;
    background-color: initial;
    width: 100%;
}

.searchBar .modal-body .input-group button {
    border: none;
    outline: none;
    background-color: initial;
    padding: 0 14px;
    font-size: 1.25rem;
    line-height: 28px;
    color: #009D85;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .searchBar .modal-body .input-group .btnBlk {
        padding: 0.5rem;
    }
}

.searchBar .nmnsBlk {
    width: 80%;
    margin: 35px auto 16px auto;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 24px;
    color: #007C69;
}

@media (max-width: 768px) {
    .searchBar .nmnsBlk {
        margin: 1.5rem 0;
        padding: 0 0.5rem;
        flex-direction: column;
        width: 100%;
    }
}

.searchBar .nmnsBlk p {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .searchBar .nmnsBlk p {
        border-bottom: #008a75 1px solid;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
}

.searchBar .nmnsBlk ul {
    margin-left: 0.5rem;
}

.searchBar .nmnsBlk ul li {
    list-style: none;
    display: inline;
}

.searchBar .nmnsBlk ul li::after {
    content: '.';
    margin: 0 0.5rem;
}

.searchBar .nmnsBlk ul li:last-child:after {
    content: none;
}

.searchBar .nmnsBlk ul li a {
    color: #007C69;
    text-decoration: none;
}

.searchBar .nmnsBlk ul li a:hover {
    color: #05D9B8;
}

@media (max-width: 768px) {
    .ts-mb-only>a {
        color: #009D85 !important;
        font-size: 0.875rem !important;
    }

    .ts-mb-only>a::before {
        content: '\f3c5';
        font-weight: bold;
        font-family: "Font Awesome 5 Free";
        margin-right: 0.5rem;
    }
}

.copyRightBlk .logo a {
    background-image: url('../../images/logo-ch-w.svg');
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 44px;
    width: 334px;
}

@media (max-width: 413px) {
    .copyRightBlk .logo a {
        width: 100%;
    }
}

.btn-control {
    position: absolute;
    top: 1rem;
    right: 250px;
    z-index: 2;
}

@media (max-width: 768px) {
    .btn-control {
        display: none;
    }
}

.ui-widget-content {
    z-index: 9999 !important;
}

.captchaImg {
    width: 120px;
    height: 35px;
    margin: 0 0.5rem;
}

.large_size {
    font-size: 1.125em !important;
}

.small_size {
    font-size: .938em !important;
}

.calendar-icon::before {
    background-image: url('../../images/calender/Today.png');
}

.map-icon::before {
    background-image: url('../../images/calender/place_24px.png');
}

.clock-icon::before {
    background-image: url('../../images/calender/Query_builder.png');
}

.tag-icon::before {
    background-image: url('../../images/calender/Local_offer.png');
}

.phone-icon::before {
    background-image: url('../../images/calender/Call.png');
}

.bell-icon::before {
    background-image: url('../../images/calender/notifications_24px.png');
}

.person-icon::before {
    background-image: url('../../images/calender/person.png');
}

.earth-icon::before {
    background-image: url('../../images/calender/language_black_24dp.png');
}

.name-icon::before {
    background-image: url('../../images/calender/name.png');
}

.nameEN-icon::before {
    background-image: url('../../images/calender/English.png');
}

.family-icon::before {
    background-image: url('../../images/calender/family.png');
}

.author-icon::before {
    background-image: url('../../images/calender/author.png');
}

.mail-icon::before {
    background-image: url('../../images/icon-img/Mail_outline.png');
}

.unit-icon::before {
    background-image: url('../../images/icon-img/Assignment.png');
}

.money-icon::before {
    background-image: url('../../images/icon-img/money.png');
}

.link-icon::before {
    background-image: url('../../images/icon-img/link.png');
}

.like-icon::before {
    background-image: url('../../images/calender/like.png');
}

.view-icon::before {
    background-image: url('../../images/calender/view.png');
}

.remark::before {
    content: '';
    display: inline-block;
    margin-right: 0.25rem;
    vertical-align: sub;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../images/icon/error_outline_24px.png');
    opacity: 0.6;
}

.fb::before {
    content: '\f39e';
}

.ig::before {
    content: '\f16d';
}

.yt::before {
    content: '\f167';
}

.line-icon::before {
    content: '\f3c0';
}

.rss::before {
    content: '\f09e';
}

pre {
    display: block;
    font-size: 0.875rem;
    word-break: break-all;
    word-wrap: break-word;
    color: #282828;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    padding: 0.25rem 0.5rem;
    overflow: auto;
    max-height: 500px;
}

caption {
    caption-side: initial;
    color: #464646;
}

@media (max-width: 767px) {
    caption {
        position: absolute;
        margin-top: -85px;
    }
}

.wmx-200 {
    max-width: 200px;
}

@media (max-width: 767px) {
    .wmx-200 {
        max-width: initial;
        width: 100%;
    }
}

.w60 {
    width: 60px;
    height: 60px;
}

.w60 img {
    width: 40px;
    height: auto;
}

.mt-36 {
    margin-top: 36px;
}

.clear {
    clear: both;
}

.flex-1 {
    flex: 1;
}

.orange {
    border-color: #FFB649 !important;
}

.text-500 {
    font-weight: 500;
    color: #262626 !important;
    font-size: 1rem !important;
}

.warning-text,
.required {
    color: #e61414 !important;
    font-size: 1rem !important;
    display: initial !important;
    line-height: initial !important;
}

.green {
    border-color: #05D9B8 !important;
}

.bg-EBFAF7 {
    background-color: #EBFAF7;
}

.bg-F5F5F5 {
    background-color: #F5F5F5;
}

.bg-F5F5F5.p-3 ul {
    padding: 0;
    margin: 0 0 0 1rem;
}

.bg-F5F5F5 p,
.bg-F5F5F5 .heading {
    margin-top: 0 !important;
}

.bg-F5F5F5 .accordion {
    margin-bottom: 0;
}

.bg-F5F5F5 .accordion-link a {
    padding: 0;
    background-color: initial;
    display: inline-block !important;
}

.bg-F5F5F5 .accordion-link a.collapsed {
    background-color: initial;
    padding: 0;
    color: #007C69;
}

.bg-61C5E4 {
    background-color: #61C5E4;
}

.floor-round,
.step-round {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #EBFAF7;
    font-size: 1.25rem !important;
    line-height: 28px !important;
    color: #007c69 !important;
}

.step-round {
    flex-direction: column;
}

.step-round::before {
    content: 'STEP';
    display: block;
    font-size: 0.75rem;
    line-height: 1.2;
}

section {
    margin: 2.25rem 0;
    clear: both;
}

@media (max-width: 768px) {
    section {
        margin-bottom: 1.5rem;
    }
}

.round {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 28px;
}

.btn {
    padding: 5px 1rem;
    background-color: #007C69;
    border: #007C69 1px solid;
    color: #fff !important;
    font-size: 1rem;
    line-height: 24px;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: initial;
}

.btn:hover {
    background-color: #05D9B8;
    border: #05D9B8 1px solid;
}

.btn.line-btn {
    background-color: #fff;
    border: #007C69 1px solid;
    color: #007C69 !important;
}

.btn.line-btn:hover {
    color: #05D9B8 !important;
    border: #05D9B8 1px solid;
}

/* .btn.line-btn.light {
    background-color: #EBFAF7;
    border: 1px solid #70F2DE !important;
    color: #007C69 !important;
}
.btn.line-btn.light:hover {
    color: #05D9B8 !important;
    border: #05D9B8 1px solid;
} */
@media (max-width: 768px) {
    .mainBlk {
        padding: 0;
    }
}

.content {
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    max-width: 1024px;
    margin: 40px auto 80px auto;
    padding-bottom: 80px;
    box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
}

@media (max-width: 820px) {
    .content {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .content {
        margin-top: 56px;
        border-radius: 0;
        padding-bottom: 0;
        box-shadow: none;
    }
}

.content .detail {
    max-width: 830px;
    margin: 0 auto;
    padding: 0 20px;
}

.content .nav {
    max-width: 768px;
    margin: 0 auto;
    display: flex;
}

.content .nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.content .nav ul li {
    list-style: none;
    text-indent: initial;
    padding: 10px 16px;
    border-bottom: 1px solid #F0F0F0;
}

@media (max-width: 374px) {
    .content .nav ul li {
        padding: 8px 8px;
        font-size: 0.95rem;
    }

    .content .nav ul li a {
        font-size: 0.95rem;
    }
}

.content .nav ul li:hover {
    box-shadow: 0 2px 0px 0px #05D9B8;
}

.content .nav ul li::before {
    content: none;
}

.content .nav ul li.active {
    color: #007C69 !important;
    box-shadow: 0 2px 0px 0px #05D9B8;
}

.content .nav ul li a {
    color: #757575;
}

.content .banner {
    margin-bottom: 0.5rem;
    height: 410px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-position: center center;
}

@media (max-width: 820px) {
    .content .banner {
        height: 330px;
    }
}

@media (max-width: 768px) {
    .content .banner {
        height: 310px;
    }
}

@media (max-width: 768px) {
    .content .banner {
        height: 310px;
    }
}

@media (max-width: 768px) {
    .content .banner {
        height: 310px;
    }
}

@media (max-width: 640px) {
    .content .banner {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .content .banner {
        height: 190px;
    }
}

@media (max-width: 414px) {
    .content .banner {
        height: 170px;
    }
}

@media (max-width: 375px) {
    .content .banner {
        height: 150px;
    }
}

@media (max-width: 320px) {
    .content .banner {
        height: 130px;
    }
}

@media print {
    .content .banner {
        height: 0;
    }
}

.content .banner img {
    width: 100%;
    height: auto;
    max-width: initial;
}

.breadcrumb {
    background-color: initial;
    padding: 1.5rem 0 1rem 0;
    margin: 0;
    float: left;
}

.breadcrumb a {
    text-decoration: none;
    color: #007C69;
    font-size: 0.875rem;
}

.breadcrumb a:hover {
    color: #05D9B8;
}

.breadcrumb-item.active {
    color: #007C69;
    font-weight: 700;
}

.breadcrumb-item {
    font-size: 0.875rem;
    line-height: 24px;
}

.detail {
    color: #464646;
}

.detail strong {
    line-height: 26px;
}

.detail a {
    color: #007C69;
}

.detail a:hover {
    color: #05D9B8;
    text-decoration: none;
}

.detail .link-btn {
    display: inline-block;
    font-size: .875rem;
    border-radius: .2rem;
    color: #464646;
    position: relative;
    line-height: 1;
    transition: all 0.3s;
    align-self: center;
    background-color: #fff;
    border: #007c69 1px solid;
    padding: .25rem .35rem;
}

.detail .link-btn>i {
    color: #007c69;
    margin: 0 .2rem 0 0;
    font-size: .8rem;
}

.detail .link-btn:hover {
    color: #fff;
    background-color: #05D9B8;
    border: #05D9B8 1px solid;
}

.detail .link-btn:hover>i {
    color: #fff;
}

.detail img {
    vertical-align: bottom;
}

.detail h2 {
    font-size: 1.875rem;
    line-height: 42px;
    color: #262626;
}

@media (max-width: 767px) {
    .detail h2 {
        font-size: 1.75rem;
    }
}

.detail h3 {
    font-size: 1.25rem;
    line-height: 28px;
    color: #262626;
    display: flex;
    align-items: center;
    margin-bottom: 1.375rem;
    margin-top: 2.25rem;
}

.detail h3 .more a {
    font-size: 1rem;
    background-color: #F2FCFA;
    padding: 0.5rem 0.8rem;
    border-radius: 4px;
}

.detail h3 .more a:hover {
    background-color: #05D9B8;
    color: #fff;
}

.detail h3 .more a i {
    margin-left: 0.5rem;
}

.detail h3::before {
    content: '';
    display: inline-block;
    width: 10px;
    background-color: #E4E4E4;
    transform: skew(-20deg);
    margin: 0 0.5rem 0 0.25rem;
    height: 24px;
}

.detail h4 {
    font-size: 1.125rem;
    color: #262626;
    margin-bottom: 0.25rem;
    line-height: 28px;
    margin-top: 1.5rem;
}

.detail h4 i {
    width: 24px;
    text-align: center;
    color: #009D85;
}

.detail h4+p,
.detail h5+p,
.detail h4+div p:first-child,
.detail h5+div p:first-child,
.detail div[class*="col-"] p:first-child,
.detail .heading+p,
.detail .header+p {
    margin-top: 0;
}

.detail h5 {
    font-size: 1rem;
    color: #262626;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 24px
}

.detail p {
    color: #464646;
    margin-bottom: 0.5rem;
    margin-top: 1.375rem;
    line-height: 26px;
}

.detail p a {
    color: #007C69;
}

.detail p a:hover {
    color: #05D9B8;
}

.detail button span {
    color: #009D85;
    font-size: 1.28rem;
}

.detail button:hover span i {
    color: #fff;
}

.detail .light-text {
    background-color: #EBFAF7;
    padding: 0.75rem 1rem;
    border-radius: 4px;
}

.detail .light-text p {
    margin-bottom: 0;
}

.detail .light-text ol,
.detail .light-text p,
.detail .light-text .heading {
    margin-top: 0;
}

.detail .header {
    font-size: 1.25rem;
    color: #262626;
    margin-bottom: 0.25rem;
    line-height: 28px;
    font-weight: 500;
    margin-top: 1.375rem;
}

.detail .heading {
    font-size: 1.15rem;
    color: #262626;
    margin-bottom: 0.25rem;
    line-height: 28px;
    font-weight: 500;
    margin-top: 1.375rem;
}

.detail .heading i {
    width: 24px;
    text-align: center;
    color: #009D85;
}

.newsBlk ul li a .text .heading {
    margin-top: 0;
}

.detail .row {
    padding: 0;
    margin: 1.375rem -0.5rem 1rem -0.5rem;
}

.detail div[class*="col-"] {
    padding: 0.5rem;
}

.detail div[class*="col-"] .heading:first-child {
    margin-top: 0;
}

.detail .single-img {
    width: 85%;
    margin: 2.25rem auto;
}

@media (max-width: 480px) {
    .detail .single-img {
        width: 95%;
    }
}

.detail .single-img .photo {
    aspect-ratio: initial;
    background-color: initial;
}

.detail .single-img .photo img {
    max-width: 100%;
    height: auto;
}

.detail .imgBlk {
    border-radius: 8px;
    overflow: hidden;
}

.detail .photo+span {
    padding: 0.5rem 1rem;
    background-color: #EBFAF7;
    color: #464646;
    display: block;
    font-size: 0.875rem;
    width: 100%;
    line-height: 1.3;
}

.detail .photo+span strong {
    display: block;
}

.detail .photo {
    text-align: center;
}

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

.detail .nav-tabs {
    border-bottom: none;
    margin-bottom: 0.5rem !important;
    padding: 0;
}

.detail .nav-tabs .nav-item::before {
    content: none;
}

.detail .nav-tabs .nav-item {
    text-indent: initial;
}

.detail .nav-tabs .nav-link {
    border: none;
    border-radius: initial;
    color: #757575;
    border-bottom: #F0F0F0 1px solid;
}

.detail .nav-tabs .nav-link.active,
.detail .nav-tabs .nav-link:hover,
.detail .nav-tabs .nav-link:focus {
    color: #007C69;
    border-bottom: #05D9B8 2px solid;
}

.slideBlk {
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}

.slideBlk ul.owl-carousel {
    padding: 0 2px 0 0;
    margin: 0;
}

.slideBlk ul.owl-carousel .owl-stage-outer {
    padding: 1px;
}

.slideBlk ul.owl-carousel .owl-stage {
    display: flex;
}

.slideBlk ul.owl-carousel .owl-item {
    background-color: #EBFAF7;
    border-radius: 8px;
}

.slideBlk ul.owl-carousel .owl-item:hover {
    outline: 1px solid #05D9B8;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.slideBlk ul li {
    list-style: none;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s;
}

.slideBlk ul li::before {
    content: none !important;
}


/* .slideBlk ul li:hover {
    outline: 1px solid #05D9B8;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
} */

.slideBlk ul li a {
    display: block;
    max-height: 300px;
}

@media (max-width:767px) {
    .slideBlk ul li a {
        max-height: initial;
    }
}

.slideBlk ul li a:focus {
    border: 2px dotted orange;
}

.slideBlk ul li a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f1f1f1;
    aspect-ratio: 4/3;
    height: 189px;
}

.slideBlk ul li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f1f1f1;
    aspect-ratio: 4/3;
    height: 189px;
}

.slideBlk ul li a .photo {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f1f1f1;
    aspect-ratio: 4/3;
    height: 189px;
}

@media (max-width:767px) {
    .slideBlk ul li a .img {
        height: initial;
    }

    .slideBlk ul li a .photo {
        height: initial;
    }
}

.slideBlk ul li a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s;
}

.slideBlk ul li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s;
}

.slideBlk ul li a .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s;
}

.slideBlk ul li a .photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s;
}

.slideBlk ul li a .img img[src*="https://i.ytimg.com/"] {
    transform: scale(1.49);
}

.slideBlk ul li a:hover .img img {
    transform: scale(1.1);
}

.slideBlk ul li a:hover .img img[src*="https://i.ytimg.com/"] {
    transform: scale(1.59);
}

.slideBlk ul li .img img[src*="https://i.ytimg.com/"] {
    transform: scale(1.49);
}

.slideBlk ul li:hover .img img {
    transform: scale(1.1);
}

.slideBlk ul li:hover .img img[src*="https://i.ytimg.com/"] {
    transform: scale(1.59);
}

.slideBlk ul li a .text {
    padding: 0.5rem 1rem;
    /* background-color: #EBFAF7; */
    color: #464646;
    font-size: 0.875rem;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}

.slideBlk ul li .text {
    padding: 0.5rem 1rem;
    color: #464646;
    font-size: 0.875rem;
}

.slideBlk ul li a .photo+span {
    padding: 0.5rem 1rem;
    background-color: #EBFAF7;
    color: #464646;
    font-size: 0.875rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 58px;
}

.slideBlk ul li a .text .name,
.slideBlk ul li a .name {
    color: #262626;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
}

.slideBlk ul li .text .name,
.slideBlk ul li .name {
    color: #262626;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
}

.slideBlk.video .img img {
    filter: brightness(0.8);
}

.slideBlk.video .img:hover img {
    filter: brightness(1);
}

.slideBlk.video .img::before {
    content: '\f144';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    z-index: 1;
    transition: all 0.3s;
    opacity: 1;
}

.slideBlk.video .img:hover::before {
    content: none;
    opacity: 0;
}

.slideBlk .floor {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

.slideBlk .open {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

.slideBlk.no-slide ul {
    margin: 0 -0.5rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.slideBlk.no-slide ul li {
    width: calc(100% / 3 - 1rem);
    margin: 0 0.5rem 1rem 0.5rem;
    background-color: #EBFAF7;
}

.slideBlk.no-slide ul li:last-child {
    margin: 0 0.5rem 1rem 0.5rem;
}

@media (max-width: 767px) {
    .slideBlk.no-slide ul li {
        width: calc(100% / 2 - 1rem);
    }
}

@media (max-width: 559px) {
    .slideBlk.no-slide ul li {
        width: calc(100% / 1 - 1rem);
    }
}

.slash {
    display: block;
    width: 10px;
    background-color: #E4E4E4;
    transform: skew(-20deg);
    margin: 0 0.5rem 0 0.25rem;
    height: 24px;
}

.eng_title,
.resource {
    color: #757575;
    font-size: 0.875rem;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin: 0.25rem 0 0.5rem 0;
    font-family: 'Inter';
    text-transform: uppercase;
}

.eng_title .slash,
.resource .slash {
    width: 8px;
    height: 18px;
    background-color: #8AF1E0;
}

.eng_title::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 18px;
    background-color: #8AF1E0;
    display: block;
    transform: skew(-20deg);
    margin: 0 0.5rem 0 0.25rem;
}

.detail .info {
    float: right;
    color: #464646;
    display: flex;
    padding: 1.5rem 0 0 0;
}

@media (max-width: 560px) {
    .detail .info {
        padding: 0;
        margin-bottom: 1rem;
        float: initial;
        clear: both;
    }
}

.detail .info .view {
    font-size: 0.75rem;
    line-height: 28px;
    margin-left: 0.5rem;
}

.detail .info .like span {
    font-size: 0.75rem;
    line-height: 28px;
    margin-left: 0.25rem;
}

.detail .info .view::before {
    content: '\f06e';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    margin-right: 0.25rem;
}

.detail .info .view i {
    margin-right: 3px;
}

.detail .info .font,
.detail .info .like {
    margin-left: 0.5rem;
}

.detail .info .like {
    display: flex;
}

.detail .info .font a::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.detail .info .like a::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.detail .info .font-up::before {
    background-image: url('../../images/icon/font-up.png');
}

.detail .info .font-md::before {
    background-image: url('../../images/icon/font-md.png');
}

.detail .info .font-down::before {
    background-image: url('../../images/icon/font-down.png');
}

.detail .info .font a:hover::before,
.detail .info .font a:focus::before,
.detail .info .like a:hover::before,
.detail .info .like a:focus::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
}

.detail .info .like a.active:hover::before,
.detail .info .like a.active:focus::before {
    filter: none !important;
}

.detail .info .font a,
.detail .info .print a,
.detail .info .dropdownBlk a,
.detail .info .like a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #EBFAF7;
    border: none;
}

.detail .info .like a.active {
    background-color: initial !important;
}

.detail .info a:hover,
.detail .info a:focus,
.detail .info .dropdownBlk a:focus,
.detail .info .like a:hover,
.detail .info .like a:focus,
.detail .info .like .dropdownBlk a:focus {
    background-color: #05D9B8;
}

.detail .info .like a.active:focus {
    background-color: initial !important;
}


.detail .info .share,
.detail .info .print {
    margin-left: 0.5rem;
}

.detail .info .share ul {
    margin: 0;
    padding: 0;
}

.detail .info .dropdown-menu {
    top: 28px;
    left: 0px;
    min-width: initial;
}

.detail .info .dropdownBlk {
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
}

.detail .info .dropdownBlk::before {
    display: none;
}

.detail .info .dropdownBlk a.share-img::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../../images/icon/share_24px.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.detail .info .dropdownBlk a:hover::before,
.detail .info .dropdownBlk a:focus::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%) !important;
}

.detail .info .dropdown-item img {
    width: 20px;
}

.detail .info .dropdown-item::before {
    content: '';
    display: block;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    background-repeat: no-repeat;
    filter: initial !important;
}

.detail .info .fb-img::before,
.stickBlk .fb-img::before {
    background-image: url('../../images/icon/facebook.png');
}

.detail .info .line-img::before,
.stickBlk .line-img::before {
    background-image: url('../../images/icon/line.png');
}

.detail .info .print-img::before {
    background-image: url('../../images/icon/Local-printshop.png');
}

.detail .caption {
    font-size: 0.875rem;
    line-height: 24px;
    display: flex;
    margin-bottom: 1rem;
}

.detail .caption .date {
    color: #464646;
    margin-right: 10px;
    margin-left: 0;
}

.detail .caption .date::before {
    content: '';
    display: inline-block;
    background-image: url(../../images/calender/Today.png);
    width: 18px;
    height: 18px;
    background-size: cover;
    vertical-align: sub;
    margin-right: 0.25rem;
}

.detail .caption .category {
    color: #757575;
}

.notice {
    margin: 2.25rem 0;
    background-color: rgba(226, 241, 255, 0.5);
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
}

.notice::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 14px;
    background-image: url('../../images/icon/icon_announcementinfo.png');
    background-size: cover;
    background-repeat: no-repeat;
    align-self: flex-start;
}

.notice img {
    align-self: flex-start;
    margin-right: 14px;
}

.notice .notice_inner {
    display: flex;
    align-items: center;
    width: 100%;
}

@media (max-width: 768px) {
    .notice .notice_inner {
        flex-direction: column;
        align-items: initial;
    }
}

.notice .notice_inner .text {
    margin-bottom: 0;
    color: #464646;
    margin-right: 1rem;
    padding-left: 0;
    flex: 1;
}

@media (max-width: 768px) {
    .notice .notice_inner .text {
        margin-bottom: 0.25rem;
        margin-right: 0;
        width: 100%;
    }
}

.notice .more {
    margin-left: auto;
}

@media (max-width: 768px) {
    .notice .more {
        margin-left: initial;
    }
}

.notice .more a {
    color: #026BC8;
    text-decoration: none;
}

.notice .more a:hover {
    color: #2690EE;
}

.notice .more a::after {
    content: '\f105';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin: 0 0 0 8px;
    flex-grow: 1;
}

.detail .update_info {
    float: right;
    color: #464646;
    font-size: 0.875rem;
    clear: both;
    margin-top: 2.25rem;
}

.detail .update_info span {
    color: #464646;
    font-size: 0.875rem;
}

.detail .card {
    padding: 1.25rem;
    border-radius: 16px;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .detail .card {
        padding: 0;
    }
}

.detail .card .row {
    align-items: center;
    margin-bottom: 0;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    .detail .card .row {
        flex-direction: column;
    }
}

.detail .card .photo {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: initial;
    flex-direction: column;
    aspect-ratio: 4/3;
}

.detail .card .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail .card.research .photo img {
    width: auto;
    height: 100%;
    object-fit: initial;
}

.detail .card .photo img[src*="https://i.ytimg.com/"] {
    transform: scale(1.49);
}

.detail .card ul {
    margin: 0;
}

.detail .card ul li {
    text-indent: initial;
    border-bottom: 1px solid #F0F0F0;
    margin: 0;
}

.detail .card ul li a {
    font-size: 0.875rem;
    line-height: 24px;
}

.detail .card ul li::before {
    content: none;
}

.detail .card h4,
.detail .card .h4 {
    margin-top: 0;
}

.detail .card .heading {
    font-weight: 500;
    color: #262626;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.detail .card .text p {
    margin: 0 0 0.25rem 0;
}

.detail .card .info ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0.5rem;
}

.detail .card .info ul li {
    border-bottom: none;
    font-size: 0.875rem;
    color: #757575;
    margin-bottom: 0;
    line-height: 24px;
    margin-right: 0.5rem;
    word-break: break-all;
}

.detail .card .info ul li::before {
    position: initial;
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 0.25rem;
    background-size: contain;
    vertical-align: sub;
    opacity: 0.7;
}

.detail .card .info ul li::after {
    content: '|';
    margin-left: 0.5rem;
}

.detail .card .info ul.flex-column li::after {
    content: none;
}

.detail .card .info ul li:last-child::after {
    content: none;
}

.card-large .imgBlk {
    width: 66%;
    margin-right: 20px;
}

.detail .card-large .photo {
    aspect-ratio: initial;
}

.card-large .text {
    width: calc(34% - 20px);
}

.card-large .text .info ul li {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    color: #464646;
}

.detail .card-large .text .info ul li::before {
    width: 20px;
    height: 20px;
    opacity: 1;
}

@media (max-width: 767px) {
    .card-large .imgBlk {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .card-large .text {
        width: 100%;
    }
}

.card-medium .imgBlk {
    width: 35%;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .card-medium .imgBlk {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.card-medium .text {
    flex: 1;
}

@media (max-width: 767px) {
    .card-medium .text {
        width: 90% !important;
        margin: 0.5rem auto 0.25rem auto;
    }
}

.card-small .imgBlk {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .card-small .imgBlk {
        margin: 20px 0;
    }
}

.card-small .photo {
    width: 120px;
    height: 120px;
    background-color: #f1f1f1;
}

.card-small .text {
    flex: 1;
    margin-left: 0.5rem;
}

@media (max-width: 767px) {
    .card-small .text {
        padding: 1.25rem;
        margin-left: 0;
    }
}

.detail .text .category {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.detail .theme-item .text .category div {
    font-size: 0.875rem;
    color: #757575;
}

.detail .text .category a {
    font-size: 0.875rem;
    color: #007C69;
    text-decoration: none;
}

.detail .text .category a:hover {
    color: #05D9B8;
}

.detail .text .category div::after {
    content: '.';
    margin: 0 0.5rem;
    color: #007C69;
}

.detail .text .category div:last-child:after {
    content: none;
}

.detail .text h4 {
    margin-bottom: 0.5rem;
}

.detail .text p {
    margin-bottom: 0.5rem;
    color: #464646;
}

.detail .text p:first {
    margin: initial;
}

.detail .text .other {
    font-size: 0.875rem;
    color: #464646;
    margin-bottom: 1rem;
}

.detail .link {
    margin: 0.5rem 0;
}

.detail .link .link-item {
    border-bottom: #F0F0F0 1px solid !important;
    padding-bottom: 0.5rem;
    margin: 0 0 0.5rem 0;
}

.detail .link a {
    font-size: 1rem;
    color: #007C69;
    text-decoration: none;
}

.detail .link a:hover {
    color: #05D9B8;
}

.detail .link a::after {
    content: '\f105';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-left: 0.5rem;
}

.detail ul {
    padding: 0 1rem;
}

.detail ul li {
    color: #464646;
    margin-bottom: 0.5rem;
    list-style: none;
    position: relative;
}

.detail ul li ul li,
.detail ol li ul li {
    margin-bottom: 0.25rem;
}

.detail ul li ol {
    margin: 0;
}

.detail ul li ol li {
    list-style: inherit;
    margin-bottom: 0.25rem !important;
}

.detail ul li ol li::before {
    content: none;
}

.detail ul li::before {
    position: absolute;
    left: -0.8rem;
    content: '•';
    color: #009D85;
    padding-right: 0.5rem;
}

.detail ul li a {
    color: #007C69;
    text-decoration: none;
    word-break: break-all;
}

.detail ul li a:hover {
    color: #05D9B8;
}

.detail ul li:last-child {
    margin-bottom: 0;
}

.detail ul.cjk-ideographic {
    margin-left: 2rem;
}

.detail ul.cjk-ideographic>li {
    list-style: cjk-ideographic !important;
}

.detail ul.cjk-ideographic>li::before {
    content: none;
}

.detail ol.parentheses {
    margin-top: 0.5rem;
}

.detail ol.parentheses>li {
    list-style: none;
    counter-increment: my-counter;
    text-indent: -1.5rem;
}

.detail ol.parentheses>li::before {
    content: "("counter(my-counter)") "
}

.detail ul li ul,
.detail ol li ul {
    margin: 0.5rem 0 1rem 0;
}

.detail li h5,
.detail li h6,
.detail li p {
    margin-bottom: 0.25rem !important;
}

.detail table {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.detail .table-responsive {
    margin: 1rem 0;
    border-radius: 8px;
}

.detail .card .table-responsive table {
    min-width: initial;
}

.detail .table-responsive table {
    margin-top: 0;
    overflow: initial;
}

@media (max-width: 768px) {
    .detail .table-responsive table {
        min-width: max-content;
    }
}


/* @media (max-width: 767px) {
    .detail .table-responsive table {
        margin-top: 2.25rem;
    }
} */

.detail .table-responsive table p,
.detail .table-responsive .table p {
    margin: 0;
}

.detail .table-responsive table p:last-child,
.detail .table-responsive .table p:last-child {
    margin-bottom: initial;
}

.detail th,
.detail td {
    padding: 0.5rem 1rem;
    left: 24px;
    color: #464646;
    border: none;
}

.detail th {
    background-color: #007C69;
    color: #FFF;
    font-weight: 400;
    white-space: nowrap;
}

.detail thead th {
    border-bottom: none;
    white-space: nowrap;
}

.detail tr:nth-child(odd) {
    background-color: #F5FFFD;
}

.detail tr:nth-child(even) {
    background-color: #F5F5F5;
}

.detail tr.free td {
    color: #262626;
    font-weight: 500;
}

.detail .text ul li {
    margin-bottom: 1rem;
}

.detail .text.decimal ul li {
    list-style: decimal;
    font-weight: 500;
    margin-bottom: 1rem;
}

.detail .text.decimal ul li::before {
    content: none;
}

.detail .text.decimal ul li ul li {
    list-style: disc;
    font-weight: 400;
    margin-bottom: 0;
}

.detail .text.decimal ul li p {
    font-weight: 400;
}

.detail .descript {
    color: #464646;
    margin-bottom: 0.5rem;
    line-height: 24px;
}

.detail table+.descript {
    position: relative;
    padding-left: 30px;
}

.detail .descript a {
    color: #007C69;
    text-decoration: none;
}

.detail .descript a:hover {
    color: #05D9B8;
}

.detail .descript a {
    color: #007C69;
    text-decoration: none;
}

.detail table+.descript::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../../images/icon/error_outline_24px.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
    filter: invert(61%) sepia(3%) saturate(15%) hue-rotate(314deg) brightness(91%) contrast(80%);
}

.back {
    text-align: right;
    margin-top: 2.25rem;
}

.back a {
    font-size: 0.875rem;
}

.detail .table {
    display: table;
    background-color: #F5FFFD;
    border-radius: 8px;
    color: #464646;
    min-width: 700px;
    width: 100%;
    max-width: initial;
    margin: 0;
}

.table-responsive.closed .table {
    min-width: initial !important;
}

.table-responsive.closed .table .td {
    text-align: center;
}

.table-responsive.closed .sticky-table .th:nth-of-type(1),
.table-responsive.closed .sticky-table .td:nth-of-type(1) {
    position: initial;
}

@media (max-width: 414px) {
    .detail .theater .table {
        min-width: 400px;
    }
}

.detail .table .thead {
    display: table-header-group;
}

.detail .table .tbody {
    display: table-row-group;
}

.detail .table .tr {
    display: table-row;
}

.detail .table .tr:nth-child(odd) {
    background-color: #F5F5F5;
}

.detail .table .th,
.detail .table .td {
    display: table-cell;
}

.detail .table .th.w-60,
.detail .table .td.w-60 {
    width: 60%;
}

.detail .table .th {
    background-color: #007C69;
    color: #FFF;
    padding: 0.5rem 1rem;
    font-weight: 400;
}

.detail .table .td {
    padding: 0.5rem 1rem;
}

.detail .table .td p {
    margin-top: 0.25rem;
}

@media (max-width:767px) {

    .sticky-table .th:nth-of-type(1),
    .sticky-table .td:nth-of-type(1),
    table th:nth-of-type(1),
    table td:nth-of-type(1) {
        position: sticky;
        left: 0px;
    }

    .sticky-table .td:nth-of-type(1) {
        background-color: #F5FFFD;
    }

    table td:nth-of-type(1) {
        background-color: #F5F5F5;
    }

    .sticky-table .tr:nth-child(odd) .td:nth-of-type(1) {
        background-color: #F5F5F5;
    }

    table tr:nth-child(odd) td:nth-of-type(1) {
        background-color: #F5FFFD;
    }

    .download-table {
        min-width: initial !important;
    }

    .download-table .tr {
        display: flex !important;
        flex-wrap: wrap;
        padding: 0.5rem;
    }

    .download-table .tr:first-child {
        padding: 0;
    }

    .download-table .th {
        display: none !important;
    }

    .download-table .td:nth-of-type(1),
    .download-table .td:nth-of-type(2) {
        font-size: 1.125rem;
    }

    .download-table .td {
        display: initial !important;
        font-size: 0.875rem;
        padding: 0.5rem 0 0 0.5rem !important;
    }

    .download-table .td:nth-of-type(2)~.td {
        width: 100%;
        text-align: left !important;
    }

    .download-table .td:nth-of-type(4)::after {
        content: '更新';
    }
}

.detail dl {
    background-color: #EBFAF7;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin: 2.25rem 0;
}

.detail dl dt {
    font-weight: 500;
    color: #262626;
    margin-bottom: 0.25rem;
}

.detail dl dd {
    margin-bottom: 0.5rem;
}

.detail div ol {
    padding: 0 1rem;
    margin: 0 0 1rem 1rem;
}

.detail div ol h5 {
    margin-bottom: 1rem;
}

.detail div ol>li {
    position: relative;
    color: #464646;
    margin-bottom: 0.25rem;
}

.detail div ol>li:last-child {
    margin-bottom: 0;
}

.detail div ol li p,
.detail div ul li p {
    margin-top: initial;
}

.detail div ol li span {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.detail .vertical {
    width: 28%;
    padding: 0;
    margin: 0.5rem 0;
    display: inline-block;
    vertical-align: text-top;
}

.detail .vertical:nth-of-type(3n+2) {
    margin: 0.5rem 7.3%;
}

@media (max-width: 767px) {
    .detail .vertical {
        width: 100%;
    }

    .detail .vertical:nth-of-type(3n+2) {
        margin: initial;
    }

    .detail .vertical:nth-of-type(1) {
        margin-top: 2.25rem;
    }

    .detail .vertical:nth-of-type(2),
    .detail .vertical:nth-of-type(3) {
        margin-top: 0;
    }
}

.detail .vertical .text {
    margin: 1.25rem;
}

.detail .vertical .photo {
    aspect-ratio: initial;
}

.detail .vertical .photo img {
    width: 100%;
    height: auto;
}

.detail .vertical ul {
    padding: 0;
}

.detail .vertical ul li {
    margin-bottom: 0;
    padding: 0.25rem 0;
}

.detail .list {
    margin: 2.25rem 0;
}

.detail .list-item {
    padding: 0 0 0.5rem 0;
    border-bottom: #F0F0F0 1px solid;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.detail .list-item a {
    border-left: #E4E4E4 4px solid;
    text-decoration: none;
    display: block;
    transition: all 0.3s;
}

.detail .list-item a:hover {
    transform: translateX(3px);
    border-left: #05D9B8 solid 4px !important;
}

.detail .list-item .text a {
    border-left: none;
    transition: none;
}

.detail .list-item .text a:hover {
    transform: none;
    border-left: none !important;
}

.detail .list-item .text ul li {
    margin-bottom: 0;
}

.detail .list-item .link a {
    transform: none;
}

.detail .list-item p {
    margin-top: 0;
}

.detail .list-item p a {
    border: none;
    display: inline-block;
}

.detail .list-item:last-child {
    margin-bottom: 0;
}

.detail .list-item .text {
    padding-left: 0.5rem;
}

.detail .list .info {
    float: initial;
    font-size: 0.875rem;
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    padding-top: 0;
}

.detail .list .info div {
    margin-right: 10px;
}

.detail .list .date {
    color: #464646;
}

.detail .list .category {
    color: #757575;
}

.detail .list .top {
    color: #262626;
    font-size: 0.75rem;
    line-height: 20px;
    background-color: #FFB649;
    border-radius: 4px;
    padding: 2px 8px;
}

.detail .list .heading {
    color: #464646;
    margin-bottom: 0.5rem;
}

.detail .list .tag {
    color: #007C69;
    font-size: 0.75rem;
    line-height: 20px;
    margin: 0;
}

.detail .list-item a:hover .tag {
    color: #05D9B8;
}

.flex-ai-center {
    display: flex;
    align-items: center;
}

.flex-ai-center p {
    flex: 1;
}

.list-item .row {
    align-items: center;
    margin: 0;
    padding: 0;
}

.list-item .text {
    flex: 1;
}

.list-item .text a {
    display: inline-block;
    border-left: none !important;
    transition: none;
}

.list-item .text a:hover {
    transform: none !important;
}

.list-item .text .date {
    color: #007C69;
}

.list-item .text .heading {
    font-weight: 500;
    color: #464646;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.25rem;
    font-size: 1rem;
    margin-top: 0;
}

.en .list-item .text .heading {
    font-weight: 700;
    font-family: 'Roboto';
}

.list-item .text .category {
    margin-bottom: 0;
}

.list-item .text .category div:after {
    display: none;
}

.list-item .text .category div {
    font-size: 0.75rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 500;
}

.list-item .text ul {
    padding: 0;
    margin: 0 0 1rem 1rem;
}

.list-item .photo {
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
}

.list-item .photo img {
    height: 100%;
    width: auto;
    max-width: initial;
}

.detail .nav {
    max-width: initial;
    display: flex;
    justify-content: initial;
    margin: 2.25rem 0;
}

.detail .nav li {
    border-bottom: none;
    margin-bottom: 0;
}

.accordion.fqa {
    margin: 2.25rem 0;
}

.accordion-link a {
    text-decoration: none;
    padding: 0.5rem;
    display: block !important;
    border-bottom: #F0F0F0 1px solid;
    background-color: #F2FCFA;
    color: #007C69;
    border-left: none !important;
    transition: none !important;
    line-height: 30px;
}

.accordion-link a:hover {
    color: #007C69;
}

.accordion-link a::after {
    float: right;
    content: '\f106';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    transition: all 0.3s;
    line-height: 30px;
    padding: 0 0.5rem;
}

.accordion-link.no-arrow a::after {
    content: none;
}

.accordion-link a.collapsed {
    background-color: #fff;
    color: #464646;
}

.accordion-link a.collapsed:hover {
    color: #05D9B8;
}

.accordion-link a.collapsed::after {
    transform: rotate(180deg);
}

.accordion-link a.collapsed span {
    background-color: #F2FCFA;
}

.accordion-link a span {
    margin-right: 0.5rem;
    font-weight: 500;
    color: #007C69;
    background-color: #fff;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
}

.accordion-content {
    padding: 1rem;
}

.accordion-content ul {
    margin: 1rem 0;
}

.accordion-content p:first-child {
    margin-top: initial;
}

.accordion-content p:last-child {
    margin-bottom: initial;
}

ul li .accordion,
.card .text .accordion {
    margin: 0;
}

ul li .accordion-link a,
.card .text .accordion-link a {
    background-color: initial;
    padding: 0;
    display: inline-block !important;
    border: none;
}

ul li .accordion-link a.collapsed,
.card .text .accordion-link a.collapsed {
    background-color: initial;
}

ul li .accordion-content,
.card .text .accordion-content {
    padding-left: 0;
    padding-bottom: 0;
}

.form-group {
    margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
    .form-group {
        flex-direction: column;
    }
}

.form-inline {
    flex-grow: 1;
}

.select-group,
.search-group {
    margin-right: 1rem;
    flex: 1;
    margin-bottom: 1rem;
    display: flex;
}

@media (max-width: 767px) {
    .search-group {
        margin-right: 0;
        flex: initial;
        width: 100%;
        margin-bottom: 1rem;
    }

    .select-group:nth-child(2) {
        margin-right: 0;
    }
}

.select-group label {
    white-space: nowrap;
    align-self: center;
    margin-bottom: 0;
}

.select-group select {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: #02BB9F 1px solid;
    color: #464646;
    padding: 0.535rem 2.25rem 0.535rem 0.25rem;
}

.select-group select:disabled {
    border-bottom: #ccc 1px solid;
    background-color: #fbfbfb;
    opacity: 1;
}

.search-group input {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: #BFBFBF 1px solid;
    color: #464646;
    padding: 0.375rem 0.25rem;
}

.select-group span {
    align-self: center;
    font-size: 1rem;
    color: #464646;
}

.send {
    margin-bottom: 1rem;
}

.send button {
    padding: 5px 1rem;
    background-color: #007C69;
    border: #007C69 1px solid;
    color: #fff;
    margin: 0 0 0 0.5rem;
    border-radius: 2px;
    cursor: pointer;
}

.send button:hover {
    background-color: #05D9B8;
    border: #05D9B8 1px solid;
}

.send button[type="reset"] {
    background-color: #fff;
    color: #007C69;
    margin-right: 0
}

.send button[type="reset"]:hover {
    border: #05D9B8 1px solid;
    color: #05D9B8;
}

.parking {
    background-color: #F5F5F5;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.parking-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 7px;
}

.parking-item {
    background-color: #fff;
    padding: 1rem;
    border-radius: 4px;
    margin: 0.25rem 0.25rem;
    text-align: left;
}

.parking-item .name {
    color: rgba(0, 0, 0, 0.45);
    font-size: 0.875rem;
    margin-bottom: 6px;
}

.parking-item .name span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
}

.parking-item .remain {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.5rem;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 6px;
}

.parking-item .remain::before {
    content: 'P';
    font-weight: 700;
    color: #2690EE;
    margin-right: 0.5rem;
}

.parking-item .remain::after {
    content: '空位';
    font-size: 0.75rem;
    line-height: 20px;
    color: #464646;
    font-weight: 400;
    margin-left: 0.25rem;
}

.renew {
    color: #464646;
    font-size: 0.875rem;
}

.renew::after {
    margin-left: 0.1rem;
}

.detail .tag {
    display: flex;
    color: #262626;
    font-weight: 500;
    margin: 0.5rem 0 0.5rem 20px;
}

.detail .download,
.detail .link-item {
    display: flex;
    color: #262626;
    font-weight: 500;
    margin: 0.5rem 0 1.25rem 24px;
}

.detail .tag-title {
    margin: 0.25rem;
}

.detail .tag ul {
    margin: 0 0 0 0.5rem;
    padding: 0;
    flex: 1;
}

.detail .tag ul li {
    padding: 0;
    margin: 0 0.25rem 0.25rem 0;
    border: none;
    text-indent: initial;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
}

.news-page .tag ul li {
    display: inline-flex;
}

.detail .tag ul li .heading {
    margin-right: 0.25rem;
    font-weight: initial;
    font-size: 1rem;
    margin-top: 0;
}

.detail .tag ul li::before,
.detail .download ul li::before,
.detail .link-item ul li::before {
    display: none;
}

.detail .tag ul li a {
    font-size: 0.8rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE;
    border-radius: 4px;
    padding: 2px 8px;
    display: inline-block;
    margin: 0 0.25rem 0.5rem 0.25rem;
}

.detail .tag ul li a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.detail .download>i,
.detail .tag>i,
.detail .link-item>i {
    color: #009D85;
    margin-right: 6px;
    margin-top: 5px;
    width: 20px;
    text-align: center;
}

.detail .download ul,
.detail .link-item ul {
    margin: 0 0 0 0.5rem;
    padding: 0;
    flex: 1;
    font-weight: 400;
}

.detail .download ul li {
    text-indent: initial;
}

.detail .download ul li span {
    font-size: initial;
    line-height: 24px;
}

.download-btn>div {
    margin-bottom: 0.5rem;
}

.download-btn .news-file-display {
    align-items: center;
}

.download .title {
    width: 120px;
}

@media (max-width: 560px) {
    .download {
        flex-wrap: wrap;
    }

    .download .title {
        margin-bottom: 0.5rem;
    }
}

[class*="icon-file"] {
    display: inline-block;
    font-size: .75rem;
    padding: .25rem .875rem .25rem .5rem;
    border-radius: .2rem;
    color: #464646 !important;
    position: relative;
    line-height: 1;
    vertical-align: text-top;
    transition: all 0.3s;
    margin-left: 0.5rem;
    align-self: center;
    background-color: #f5f5f5;
    font-weight: normal;
}

.table [class*="icon-file"] {
    background-color: #fff;
    border: #05D9B8 1px solid;
    padding: .25rem .5rem;
    margin-bottom: 0.25rem;
}

[class*="icon-file"]:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    border-style: solid;
    border-width: 0 10px 10px 0;
}

[class*="icon-file"]:before {
    border-color: transparent #ffffff transparent transparent;
}

.table [class*="icon-file"]:after {
    display: none;
}

[class*="icon-file"]:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(0, 0, 0, .1);
}

[class*="icon-file"] i {
    color: #02BB9F;
}

[class*="icon-file"]:hover,
[class*="icon-file"]:focus {
    color: #fff;
    transform: translateX(3px);
}

[class*="icon-file"]:before:hover,
[class*="icon-file"]:hover:before,
[class*="icon-file"]:after:hover,
[class*="icon-file"]:hover:after {
    display: none;
}

.page {
    margin: 2.25rem 0 10px 0;
}

.page ul {
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
}

.page ul li {
    border: none;
    padding: 0;
    text-indent: initial;
    margin: 0;
}

.page ul li::before {
    display: none;
}

.page ul li a {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
    line-height: 22px;
    color: #464646;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.page ul li a:hover {
    background-color: #F2FCFA;
    color: #464646;
}

.page ul li a.active {
    background-color: #026BC8;
    color: #fff;
}

.page ul li a i::before {
    vertical-align: middle;
}

.page-display {
    text-align: center;
    color: #464646;
    font-size: 0.875rem;
}

.future-time {
    overflow: hidden;
    position: relative;
    margin: 2.25rem 0;
}

@media (max-width: 768px) {
    .future-time {
        padding: 0 52px 0 0;
    }
}

@media (max-width: 480px) {
    .future-time {
        padding: 0 36px;
    }
}

.future-time .p-3 {
    padding: 0.8rem !important;
}

.future-time .owl-carousel {
    max-width: 680px;
}

.future-time .owl-carousel .owl-stage-outer {
    overflow: initial;
}

.future-time .item .date {
    padding: 0.75rem 1rem;
    text-align: center;
    background-color: #EBFAF7;
    color: #007C69;
    font-weight: 500;
}

.future-time .item.closed .date {
    background-color: #F0F0F0;
    color: #464646;
}

.future-time .weatherBlk {
    color: #757575;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 500;
    background-color: #fff;
    display: block;
}

.future-time .weatherBlk .weather_img {
    width: 32px;
    height: 32px;
    display: inline-flex;
    vertical-align: middle;
}

.future-time .weatherBlk .weather,
.future-time .weatherBlk .air {
    display: inline;
}

.future-time .weatherBlk .air::before {
    margin: 0 0.2rem 0 0;
}

.future-time .open_time_top {
    background-color: #fff;
}

.future-time .open_time_top::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../../images/icon/museum-open.png');
    margin-right: 0.5rem;
}

.future-time .closed .open_time_top::before {
    background-image: url('../../images/icon/museum-close.png');
}

.future-time .open_time_top p {
    margin-bottom: 0;
    color: #757575;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 0;
}

.future-time .owl-carousel .owl-stage {
    display: flex;
}

.future-time .owl-carousel.owl-drag .owl-item {
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    overflow: hidden;
}

.future-time .owl-theme .owl-nav .disabled {
    display: none;
}

.future-time .owl-theme .owl-nav [class*=owl-] {
    top: 35%;
    margin: 0;
    box-shadow: 0px 4px 6px -4px rgba(24, 39, 75, 0.12), 0px 8px 8px -4px rgba(24, 39, 75, 0.08);
}

.future-time .owl-theme .owl-nav [class*=owl-]:hover span,
.future-time .owl-theme .owl-nav [class*=owl-]:focus span {
    color: #fff;
}

.ticket .list {
    margin-bottom: 42px;
}

.stepBlk {
    position: relative;
    padding: 1.5rem 0 0 0;
}

.stepBlk .step:first-child {
    display: block;
}

.stepBlk .step {
    display: none;
}

.step_btn {
    display: flex;
    justify-content: center;
}

.step_btn button {
    background-color: #007C69;
    padding: 0.5rem 1rem;
    border: #007C69;
    box-shadow: none;
    color: #fff;
    font-size: 1.125rem;
    line-height: 24px;
    margin: 0 0.25rem;
    border-radius: 2px;
}

.step_btn button:hover,
.step_btn button:focus {
    padding: 0.5rem 1rem;
    background-color: #02BB9F;
}

.step_btn button.previous {
    background-color: initial;
    border: #007C69 1px solid;
    color: #007C69 !important;
}

.step_btn button.previous:hover {
    background-color: #F2FCFA;
}

.stepBlk .state {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.stepBlk .state span {
    font-size: 0.875rem;
    line-height: 24px;
}

.stepBlk .item.active span {
    color: #007C69;
}

.stepBlk .item {
    text-align: center;
}

.stepBlk .round {
    color: #fff;
    background-color: #BFBFBF;
    width: 36px;
    height: 36px;
    margin: 0 auto 0.5rem auto;
}

.stepBlk .item.active .round {
    background-color: #007C69;
    color: #fff;
}

.stepBlk .line {
    height: 1px;
    width: 32px;
    background-color: #BFBFBF;
    margin: 0 0.75rem;
}

.fareBlk {
    /* height: 360px; */
    overflow-y: auto;
    /* padding: 1rem; */
    margin-bottom: 1.5rem;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
    border: 1px solid #eee;
}

.fareBlk .card-body.bg-color {
    background-color: #f3f3f3;
    /* border-bottom: 1px solid #eee; */
    padding: 0;
}

.fareBlk .card-header {
    border-bottom: 0px solid rgba(0, 0, 0, .125);
    padding: .75rem 1rem;
    background-color: #dedede;
    /* color: #000; */
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.2;
}

.fareBlk .card-footer {
    border-top: 0px solid rgba(0, 0, 0, .125);
    background-color: #fff;
}

.fareBlk .select-group {
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0;
    padding: 1rem 1rem;
    border-bottom: #eee 1px solid;
}

.fareBlk .select-group::before {
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    width: 25px;
    height: 24px;
    display: block;
    margin-right: 1rem;
    filter: invert(54%) sepia(4%) saturate(29%) hue-rotate(327deg) brightness(102%) contrast(92%);
}

.fareBlk .calendar::before {
    background-image: url('../../images/icon/Today.png');
}

.fareBlk .map::before {
    background-image: url('../../images/icon/Location_pin.ng');
}

.fareBlk .select-group select {
    border-bottom: #ccc 0px solid;
    /* background-color: transparent; */
}

.fareBlk .card-body .fare-item+div .btn.next.w-100 {
    background: #f3f3f3;
    color: #007C69 !important;
    border: #f3f3f3 1px solid;
    font-weight: 600;
}

.fareBlk .card-body .fare-item+div .btn.next.w-100:hover {
    color: #fff !important;
    background-color: #05D9B8;
    border: #05D9B8 1px solid;
}

.invalid-feedback {
    display: none;
    position: fixed;
    top: 35%;
    left: 41%;
    z-index: 9;
    background-color: #fff;
    border-radius: 18px;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
}

.invalid-feedback img,
.invalid-feedback h5,
.invalid-feedback p {
    margin-bottom: 1rem;
}

.invalid-feedback button {
    background-color: #007C69;
    padding: 0.5rem 1rem;
    border: #007C69;
    box-shadow: none;
    color: #fff;
    font-size: 1rem;
    line-height: 24px;
    margin: 0 0.25rem;
}

.invalid-feedback button:hover,
.invalid-feedback button:focus {
    padding: 0.5rem 1rem;
    background-color: #05D9B8;
}

.step .nav-tabs {
    margin-bottom: 0;
}

.step .nav-item {
    margin-right: 1rem;
}

.step .nav-link {
    min-width: 96px;
    text-align: center;
}

.fare-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: #f0f0f0 1px solid;
}

.fare-item img {
    margin-right: 0.5rem;
    max-width: 65px
}

.fare-item h4, .fare-item .h4 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
    line-height: 1;
    font-size: 1rem;
    color: #007C69;
}

.fare-item h4+span, .fare-item .h4+span {
    padding: .25rem 0 0;
    opacity: .8;
}

.fare-item span {
    font-size: 0.875rem;
    line-height: 1.2;
    display: flex;
}

.fare-item>div {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
}

.fare-item>div.col-md-6:nth-child(2) {
    justify-content: flex-end;
}

.fare-item .price {
    /* font-size: 1.25rem; */
    line-height: 28px;
    font-weight: 500;
    color: #464646;
    padding: 0 .75em 0 0;
}

.fare-group {
    border-bottom: #f0f0f0 1px solid;
}

.fare-group .fare-item.title {
    /* background: rgb(235 250 247 / 75%); */
    background-color: #f3f3f3;
    padding: .25rem 0;
    border-bottom: #eee 1px solid;
}

.fare-group .fare-item h4+span, .fare-group .fare-item .h4+span {
    padding: .4rem 0 0;
    color: #007C69;
    opacity: 1;
}

.fare-group .fare-item {
    border-bottom: #f0f0f0 0px solid;
}

/* @media (max-width: 991px) {
    .fare-item .price {
        padding: 0 .25em 0 0;
    }
} */
@media (max-width: 767px) {
    .fare-item .price {
        margin-right: auto;
    }
}

.fare-item input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.fare-item input[type=number]::-webkit-inner-spin-button,
.fare-item input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.fare-item .number-input {
    border: 0;
    display: inline-flex;
}

.fare-item .number-input button {
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 0;
    position: relative;
    border: #E4E4E4 1px solid;
    border-radius: 50%;
}

.fare-item .number-input button:hover,
.fare-item .number-input button:hover:before,
.fare-item .number-input button:hover:after {
    border: #05D9B8 1px solid;
}

.fare-item .number-input button:before,
.fare-item .number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 14px;
    height: 2px;
    background-color: #464646;
    transform: translate(-50%, -50%);
}

.fare-item .number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.fare-item .number-input input[type=number] {
    width: 50px;
    border: none;
    font-size: 1.5rem;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    color: #262626;
}

.step .total {
    background-color: transparent;
    border-radius: 0;
    padding: 0.75rem .5rem;
    margin-bottom: 0rem;
    display: flex;
    justify-content: space-between;
    color: #464646;
    align-items: center;
}

.step .total .sheets span {
    color: #026BC8;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 24px;
    margin: 0 0.25rem;
}

.step .total .price {
    font-size: 1.25rem;
    line-height: 28px;
    font-weight: 600;
    color: #000;
}

.fare-item .delete {
    border: none;
    background-color: initial;
    box-shadow: none;
    outline: none;
    color: #327a6e;
    cursor: pointer;
    font-weight: 400;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2rem 0;
}

.fare-item .delete>i {
    font-size: .875rem;
}

.fare-item .delete:hover {
    color: #02BB9F;
}

.traffic-parking .map-infomation {
    width: 100%;
    height: 460px;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    position: relative;
}

.traffic-parking .map-infomation img {
    max-width: initial;
    width: 728px;
    height: 460px;
}

.traffic-parking .text ul li {
    padding: 0;
    margin-bottom: 0;
}

.traffic-parking ul li::before {
    color: #464646;
}

.traffic-parking .list-item {
    align-items: flex-start;
}

@media (max-width: 560px) {
    .traffic-parking .list-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .traffic-parking .list-item img {
        margin-bottom: 0.5rem;
    }
}

.traffic-parking .list-item a:hover {
    transform: none;
}

.traffic-parking .accordion {
    margin-bottom: 0;
    margin-top: 0.75rem;
    border-top: #E4E4E4 1px solid;
}

.traffic-parking .list-item a,
.traffic-parking .accordion-link a {
    border: none;
}

.traffic-parking .list-item .text .heading {
    margin-bottom: 0.5rem;
}

.traffic-parking .text p {
    margin-bottom: 0;
}

.traffic-parking .accordion-content {
    padding-bottom: 1.5rem;
}

.subcheck {
    display: flex;
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 700px;
}

.subcheck .subcheck-item {
    margin: 0.25rem 0;
}

.subcheck .subcheck-item img {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 0.25rem;
}

.subcheck .subcheck-item label {
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
}

.subcheck .subcheck-item input[type=radio] {
    opacity: 0 !important;
}

.subcheck .subcheck-item label span {
    background-color: #007C69;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 0.8rem;
    display: inline-block;
    margin-right: 0.25rem;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
}


/* .subcheck .subcheck-item input[type=radio]:focus+span {
    outline: #FFB649 2px dotted;
} */

.subcheck .subcheck-item:focus,
.subcheck .subcheck-item:focus-within {
    outline: #FFB649 2px dotted;
}


/* .subcheck .subcheck-item input[type=radio]+span {
    display: inline-block;
    color: #007C69;
    font-weight: 500;
    user-select: none;
    line-height: 24px;
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
    background-color: #EBFAF7;
    border-radius: 8px;
    border: #70F2DE 1px solid;
} */

.subcheck .subcheck-item {
    display: inline-block;
    color: #007C69;
    font-weight: 500;
    user-select: none;
    line-height: 24px;
    font-size: 0.9rem;
    padding: 0.2rem 0 0.2rem 0.5rem;
    background-color: #EBFAF7;
    border-radius: 8px;
    border: #70F2DE 1px solid;
    margin-right: 1rem;
}

.areaBlk.subcheck .subcheck-item {
    padding: 0.1rem 0 0.25rem 0.75rem;
    /* border: none; */
    text-align: center;
}


/* .subcheck .subcheck-item input[type=radio]:hover+span {
    color: #fff;
    background-color: #05D9B8;
} */

.subcheck .subcheck-item:hover {
    color: #fff;
    background-color: #05D9B8;
}

.subcheck .subcheck-item:hover img,
.subcheck .subcheck-item.active img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
}


/* .subcheck .subcheck-item input[type=radio]:checked+span {
    color: #fff;
    background-color: #007C69;
} */

.subcheck .subcheck-item.active {
    color: #fff;
    background-color: #007C69;
}


/* .subcheck .subcheck-item input[type=radio]:checked+span img,
.map-infomation .subcheck .subcheck-item input[type=radio]:hover+span img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
} */

.subcheck .subcheck-item input[type=radio]:checked+span img,
.map-infomation .subcheck .subcheck-item input[type=radio]:hover+span img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%);
}

.map-infomation .item,
.map-infomation .item button {
    position: absolute;
}

.map-infomation .item:hover,
.map-infomation .item button:focus {
    z-index: 2;
}

.map-infomation .item button {
    width: 33px;
    height: 40px;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    background-color: initial;
    border: none;
    outline: none;
    cursor: pointer;
}

.busBlk .item button {
    background-image: url('../../images/traffic-parking/pin-bus.png');
}

.busBlk .item button:focus,
.busBlk .item button:hover {
    background-image: url('../../images/traffic-parking/pin-bus_focus.png');
}

.bikeBlk .item button {
    background-image: url('../../images/traffic-parking/pin-bike.png');
}

.bikeBlk .item button:focus,
.bikeBlk .item button:hover {
    background-image: url('../../images/traffic-parking/pin-bike_focus.png');
}

.bikeBlk .item.no-parking button {
    background-image: url('../../images/traffic-parking/pin-bike_none.png');
}

.bikeBlk .item.no-parking button:focus,
.bikeBlk .item.no-parking button:hover {
    background-image: url('../../images/traffic-parking/pin-bike_none_focus.png');
}

.parkingBlk .item button {
    background-image: url('../../images/traffic-parking/pin-parking.png');
}

.parkingBlk .item button:focus,
.parkingBlk .item button:hover {
    background-image: url('../../images/traffic-parking/pin-parking_focus.png');
}

.parkingBlk .item.no-parking button {
    background-image: url('../../images/traffic-parking/pin-parking_none.png');
}

.parkingBlk .item.no-parking button:focus,
.parkingBlk .item.no-parking button:hover,
.parkingBlk .item.active.no-parking button {
    background-image: url('../../images/traffic-parking/pin-parking_none_focus.png');
}

.map-infomation .item .dropdown-menu {
    width: 280px;
    left: -125px !important;
    padding: 0.75rem;
    background-color: #fff;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
}

@media (max-width:480px) {
    .map-infomation .item .dropdown-menu {
        left: -10px !important;
    }
}

@media (max-width:330px) {
    .map-infomation .item .dropdown-menu {
        left: 0px !important;
        width: 270px;
    }
}

.map-infomation .dropdown-menu .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 24px;
}

.map-infomation .route {
    display: flex;
    margin-right: 0.25rem;
}

.map-infomation .route span {
    font-size: 0.875rem;
    line-height: 24px;
    border-radius: 8px;
    border: #66B7FF 1px solid;
    margin-right: 0.3rem;
    margin-bottom: 0.5rem;
    padding: 2px 8px;
    display: inline-block;
    background-color: #F2FCFA;
    color: #026BC8;
    font-weight: 500;
}

.map-infomation .route img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    filter: hue-rotate(40deg) brightness(130%);
}

.map-infomation .space {
    font-size: 1.5rem;
    font-weight: 500;
    color: #464646;
}

.map-infomation .space span {
    border: none;
    background-color: initial;
    font-size: 0.75rem;
    line-height: 20px;
    font-weight: 500;
    color: #464646;
    margin: 0;
}

.map-infomation .renew {
    font-size: 0.75rem;
    line-height: 20px;
}

.map-infomation .map-link a {
    color: #026BC8;
    font-size: 0.875rem;
    line-height: 24px;
}

.map-infomation .map-link a:hover {
    color: #05D9B8;
}

.bikeBlk .item .title::before,
.parkingBlk .item .title::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
    background-color: #05D9B8;
}

.bikeBlk .item.no-parking .title::before,
.parkingBlk .item.no-parking .title::before {
    background-color: #F36538;
}

.bikeBlk .route .line {
    border: none;
    background-color: initial;
    padding: 0;
    color: #009D85;
}

.galleryBlk {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.galleryBlk .row {
    justify-content: flex-start;
}

.galleryBlk .item {
    margin: 0 0 1rem 0;
}

.galleryBlk .item .name {
    color: #262626;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.galleryBlk .item .descript,
.galleryBlk .item .discipline,
.galleryBlk .item .text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0
}

.galleryBlk .item .photo {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    aspect-ratio: 4/3
}

.galleryBlk .item .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.galleryBlk.research .item .photo img {
    width: auto;
    height: 100%;
    object-fit: initial;
}

.galleryBlk .item a {
    display: block;
    height: 100%;
    background-color: #ebfaf7;
    border-radius: 8px
}

.galleryBlk .item a:hover {
    outline: #70f2de 1px solid !important;
    border-radius: 8px;
    box-shadow: 0 6px 32px 0 #2d423d33, 0 3px 16px 0 #35534c1a
}

.galleryBlk .item a img {
    transition: all .3s
}

.galleryBlk .item a:hover img {
    transform: scale(1.05)
}

.galleryBlk.video .photo img {
    filter: brightness(.8);
    height: 100%;
    width: initial;
    max-width: initial
}

.galleryBlk.video a:hover .photo img {
    filter: brightness(1)
}

.galleryBlk.video .photo::before {
    content: '\f144';
    font-weight: 700;
    font-family: "font awesome 5 free";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    z-index: 1;
    transition: all .3s;
    opacity: 1
}

.galleryBlk.video a:hover .photo::before {
    opacity: 0
}

.gallery-item {
    float: left;
}

.gallery-item .name {
    color: #262626;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gallery-item .descript {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
}

.gallery-item .photo {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    aspect-ratio: 4/3;
}

.gallery-item .imgBlk span,
.gallery-item .imgBlk .price {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gallery-item .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-item .photo img[src*="https://i.ytimg.com/"] {
    transform: scale(1.49);
}

.gallery-item .category {
    background-color: #fff;
    border: #70F2DE 1px solid;
    border-radius: 8px;
    display: inline-block;
    font-size: 0.875rem;
    padding: 3px 0.5rem;
    margin-bottom: 0.5rem;
    color: #007C69;
    font-weight: 500;
}

.gallery-item a {
    display: block;
    height: 100%;
    background-color: #EBFAF7;
    border-radius: 8px;
    position: relative;
}

.gallery-item a:hover {
    outline: #70F2DE 1px solid !important;
    border-radius: 8px;
    box-shadow: 0px 6px 32px 0px #2D423D33, 0px 3px 16px 0px #35534C1A;
}

.gallery-item a img {
    transition: all 0.3s;
}

.gallery-item a:hover img {
    transform: scale(1.05);
}

.gallery-item a:hover img[src*="https://i.ytimg.com/"] {
    transform: scale(1.59);
}

.gallery-item.video .photo img {
    filter: brightness(0.8);
}

.gallery-item.video a:hover .photo img {
    filter: brightness(1);
}

.gallery-item.video .photo::before {
    content: '\f144';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #fff;
    z-index: 1;
    transition: all 0.3s;
    opacity: 1;
}

.gallery-item.video a:hover .photo::before {
    opacity: 0;
}

.modal-header {
    padding: 0;
    min-height: 56px;
}

.modal-title {
    margin: 0 0 0 1rem !important;
    align-self: center;
}

.modal-body {
    padding: 1.5rem;
}

@media (max-width: 768px) {
    .modal-body {
        padding: 1rem;
    }
}

.detail .modal-body .single-img {
    margin: 0 auto 2.25rem auto;
}

.detail .modal-body .info {
    margin-bottom: 0.5rem;
    padding-top: 0;
    margin-left: auto;
}

.detail .modal-body .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.detail .modal-body .title h5 {
    flex-grow: 1;
}

.detail .modal-body .img img {
    max-width: 100%;
    height: auto;
}

.read-more {
    clear: both;
    text-align: center;
    margin: 1rem auto;
    padding: 0.75rem 0;
    width: 100%;
}

.read-more button {
    background-color: initial;
    border: none;
    color: #007C69;
    cursor: pointer;
    font-size: 1.125rem;
}


/* .read-more button::before {
    content: '閱讀更多 ⋯';
    font-size: 1.125rem;
    border: none;
    outline: none;
    background-color: initial;
    color: #007C69;
    cursor: pointer;
}*/


/* .more-comtent .read-more button::before {
    content: '更多內容 ⋯';
}  */

.read-more button:hover::before {
    color: #05D9B8;
}


/* .read-more button.active::before {
    content: '點擊收合';
} */

.read-more button:hover {
    color: #05D9B8;
}

.activity-info {
    border: #E4E4E4 1px solid;
    border-radius: 16px;
    padding: 20px;
    margin: 2.25rem 0;
}

.activity-info ul {
    padding: 0;
    margin: 0;
}

.activity-info ul li {
    margin-bottom: 1rem;
    word-break: break-all;
    padding-left: 24px;
    position: relative;
    list-style: none;
}

.activity-info ul li::before {
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.activity-info ul li:last-child {
    margin-bottom: 0;
}

.activity-info ul li img {
    margin-right: 4px;
    vertical-align: middle;
}

.activity-info .date {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.activity-info .time a:first-child::before {
    content: '';
    background-image: url('../../images/calendar_2020q4_2x.png');
    background-size: cover;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

.activity-info .add {
    color: #007C69;
    margin-left: 0.5rem;
}

@media (max-width: 560px) {
    .activity-info .add {
        display: block;
        margin-left: 0.5rem;
    }
}

.activity-info .add a {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE !important;
    border-radius: 4px;
    padding: 2px 8px;
    margin: 0 0.25rem;
}

.activity-info .add a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.detail .tag ul li .SDGSimg a {
    border: none;
    padding: 0;
}

.SDGSimg img {
    width: 50px;
}

.formBlk {
    border: #E4E4E4 1px solid;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 1rem;
}

#contactForm .formBlk {
    padding: 20px;
}

.formBlk .input-group {
    flex-wrap: wrap;
}

.formBlk .input-group .form-control {
    outline: none;
    border: none;
    border-bottom: #BFBFBF 1px solid;
    color: #464646;
    padding: 0.375rem 0.25rem;
    border-radius: 0;
}

.formBlk .input-group .form-control:disabled {
    background-color: #fbfbfb;
    border-bottom: #ccc 1px solid;
    opacity: 1;
}

@media (max-width: 767px) {
    .formBlk .input-group textarea.form-control {
        width: 100%;
    }
}

.formBlk .input-group,
.formBlk .check-group,
.formBlk .radio-group {
    margin-bottom: 1rem;
    padding: 0.25rem 0.5rem
}

#contactForm .formBlk .input-group,
#contactForm .formBlk .check-group,
#contactForm .formBlk .radio-group {
    padding: 0;
}

.formBlk .input-group:hover,
.formBlk .check-group:hover,
.formBlk .radio-group:hover {
    background-color: aliceblue
}

#contactForm .formBlk .input-group:hover,
#contactForm .formBlk .check-group:hover,
#contactForm .formBlk .radio-group:hover {
    background-color: initial;
}

.formBlk label {
    margin: 0 1rem 0 0;
    font-weight: 500;
    padding: 0;
}

@media (max-width: 576px) {
    .formBlk label {
        width: 100%;
    }
}

.formBlk .input-group label {
    text-align: left;
    cursor: initial;
}

.formBlk .input-group,
.formBlk .select-group {
    align-items: center;
}

.formBlk .check-group,
.formBlk .radio-group {
    line-height: 34px;
    display: flex;
    flex-wrap: wrap;
}

.formBlk .check-group .check-item,
.formBlk .radio-group .check-item {
    width: initial;
    padding: 0 0 0 2rem;
}

@media (max-width: 576px) {

    .formBlk .check-group .check-item,
    .formBlk .radio-group .check-item {
        font-size: 1rem;
        margin-left: 1rem;
    }
}

.formBlk .check-group .check-item label,
.formBlk .radio-group .check-item label {
    font-weight: 400;
}

.formBlk .check-item .form-check-input {
    margin-left: -1.5rem;
    margin-top: 0.35rem;
}

.formBlk .check-item .form-check-input:checked:disabled {
    border-color: #0d6efd;
}

.formBlk .title {
    margin-right: 0.5rem;
    font-weight: 500 !important;
    font-size: 1rem !important;
    border-left: none !important;
}

@media (max-width: 576px) {
    .formBlk .title {
        width: 100%;
    }

    #captchaCode {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

.formBlk .select-group {
    margin-right: 0;
    flex-wrap: wrap;
}

.formBlk .select-group select {
    flex: 1 1 auto;
    width: 1%;
}

.formBlk .calendar-select label {
    align-self: center;
}

.formBlk .calendar-select input {
    line-height: 31px;
}

.formBlk .calendar-select .date {
    margin-right: 0;
}

@media (max-width: 576px) {
    .formBlk .calendar-select .date {
        display: initial;
        text-align: initial;
        height: initial;
        margin-right: 0;
    }

    .formBlk .calendar-select input {
        width: 100%;
    }
}

.formBlk span {
    font-size: 1rem;
    margin: 0 0.3rem;
    color: #464646;
    align-self: center;
}

.formBlk button {
    background-color: #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
    margin: 0 6px 0 0;
    padding: 0;
    line-height: 31px;
    border: none;
}

.formBlk button:hover {
    background-color: #ddd;
    border: none;
}

.formBlk button i {
    font-size: 1.2rem;
    padding-top: 0.5rem;
    width: 48px;
    text-align: center;
    color: #464646;
}

.formBlk .row {
    flex: 1 1 auto;
    width: 1%;
}

.formBlk .row div[class*="col-"] {
    padding: 0 0.5rem 0 0;
}

.formBlk .row label {
    width: initial !important;
}

.formBlk input:disabled,
.formBlk select:disabled {
    cursor: not-allowed;
}

/* 動態表單新增0318 */
.detail #contentContainer .form-info,
.detail .inside_title+#contentContainer>div.form-info {
    margin: 1rem 0 2rem;
}

.detail .form-info p {
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.formBlk .check-item.check-item-img label {
    margin: 0;
}

.formBlk .check-item .options-img img {
    max-width: 100%;
}

.formBlk .check-item .options-img {
    display: flex;
    padding: .4rem 0 .4rem .5rem;
    line-height: normal;
    flex-flow: column;
}

.formBlk .check-item .options-img .options-info {
    line-height: 1.2;
    margin: .5rem 0 0;
}

@media (max-width: 768px) {
    .formBlk .check-item .options-img img {
        max-width: 280px;
        width: 100%;
    }

    .formBlk .check-group .row div[class*="col-md-"],
    .formBlk .radio-group .row div[class*="col-md-"] {
        padding: 0;
    }
}

@media (max-width: 576px) {

    .formBlk .check-group .check-item,
    .formBlk .radio-group .check-item {
        font-size: 1rem;
        margin-left: 1rem;
    }
}

@media (max-width: 414px) {
    .formBlk .check-item .options-img img {
        max-width: 100%;
    }

    .formBlk .check-group .check-item,
    .formBlk .radio-group .check-item {
        margin: 0 .5rem;
    }
}

.rating {
    text-align: center;
    margin: 2.25rem auto 1rem auto;
}

.rating .title {
    font-size: 1.25rem;
    font-weight: 500;
    width: initial !important;
    margin-right: 0 !important;
}

.rating p {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.rating .form-group {
    width: 80%;
    margin: 1rem auto;
}

@media (max-width:480px) {
    .rating .form-group {
        width: 100%;
    }
}

.rating input[type="radio"] {
    opacity: 0;
}

.rating label {
    cursor: pointer;
}

@media (max-width:480px) {
    .rating label {
        margin: 0 -0.5rem;
    }
}

.rating label i {
    font-size: 1.8rem;
}

.rating input[type="radio"]:checked~input+label {
    background: none;
    color: #aaa;
}

.rating input+label {
    color: orange;
    width: initial;
}

@media (max-width:480px) {
    .rating input+label {
        width: 40px;
    }
}

.rating input:focus+label {
    border: #FFBF47 3px solid;
}

.tabBlk ul li::before {
    content: none;
}

.modal.collectionBlk {
    display: block;
    position: initial;
}

@media (max-width:568px) {
    .modal.collectionBlk {
        display: none;
        position: fixed;
    }
}

.modal.collectionBlk button.close {
    display: none;
}

@media (max-width:568px) {
    .modal.collectionBlk button.close {
        display: block;
    }
}

.collectionBlk .modal-inner {
    background-color: #fff;
    padding: 1rem;
    margin: 1rem;
    border-radius: 8px;
}

.inside_title+#contentContainer>div:first-child {
    margin-top: 2.25rem;
}

.detail .sitemap {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.detail .sitemap>ul {
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    margin-bottom: 0;
}

.detail .sitemap ul li {
    list-style-type: none;
    margin-bottom: 0;
}

.detail .sitemap ul li::before {
    content: none !important;
}

.detail .sitemap>ul>li {
    width: calc(100% / 3);
    border-right: 1px solid #e5e5e5;
}

@media (max-width:767px) {
    .detail .sitemap>ul>li {
        width: calc(100% / 2);
        border-right: 1px solid #e5e5e5 !important;
    }

    .detail .sitemap>ul>li:nth-of-type(2n) {
        border-right: none !important;
    }
}

@media (max-width:560px) {
    .detail .sitemap>ul>li {
        width: calc(100% / 1);
        border-right: none;
    }
}

.detail .sitemap>ul>li:nth-of-type(3n) {
    border-right: none;
}

.detail .sitemap>ul>li>a {
    color: #ffffff;
    padding: .5rem .5rem .5rem .75rem;
    display: block;
    background: #00846f;
    font-size: 1.125rem;
}

.detail .sitemap>ul>li>a:hover {
    color: #05D9B8;
}

.detail .sitemap>ul>li>ul {
    padding: 5px 0 10px 1.5rem;
}

.detail .sitemap>ul>li>ul>li>ul>li>ul {
    padding: 0 0 0 1rem;
}

.detail .sitemap ul li ul li {
    padding-bottom: 0.25rem;
}

.detail .sitemap ul li ul li a {
    color: #00846f;
}

.detail .sitemap ul li ul li a:hover {
    color: #05D9B8;
}

.table .delete:hover img {
    filter: invert(68%) sepia(69%) saturate(1669%) hue-rotate(119deg) brightness(94%) contrast(96%);
}

.map-link {
    text-align: right;
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
}

.theater-btn {
    position: relative;
    background-color: #EBFAF7;
    color: #007C69;
    padding: 0.5rem 1rem;
    cursor: pointer;
    margin: 0 0.5rem 0.5rem 0;
    border: none;
    border-radius: 2px;
}

.theater-btn:hover {
    background-color: #05D9B8;
    color: #fff !important;
}

.theater-btn.active {
    background-color: #007C69;
    color: #fff !important;
}

.date input {
    border: none;
    border-bottom: #02BB9F 1px solid !important;
    flex-grow: 1;
    color: #464646;
    padding: 0.5rem 0;
}

.more-comtent .gallery-item:nth-of-type(6)~.gallery-item,
.more-images_12 .gallery-item:nth-of-type(12)~.gallery-item,
.more-images .item:nth-of-type(6)~.item,
.more-images_12 .item:nth-of-type(12)~.item,
.more-images_12 ul li:nth-of-type(12)~li {
    display: none;
}


.more-comtent .gallery-item.active,
.more-images_12 .gallery-item.active,
.more-images .item.active,
.more-images_12 .item.active,
.more-images_12 ul li.active {
    display: block !important;
}

.google-search {
    width: 100%;
    height: 1900px;
}

.google-search iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.card-ticket .text {
    align-self: start;
}

.download .desript {
    font-weight: normal;
    margin: 0.25rem 0 0.5rem 0;
}

.history-item .descript {
    font-size: 0.95rem;
    color: #666;
}

.detail .card .text h4+span {
    display: block;
    font-size: 0.875rem;
    color: #757575;
    margin-bottom: 0.5rem;
    line-height: 24px;
}

.galleryBlk.job .item a:hover {
    outline: initial !important;
    border-radius: initial;
    box-shadow: initial;
}

.centerCol {
    clear: both;
}

.detail .template_color {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE;
    border-radius: 4px;
    padding: 0px 4px;
}

.detail .sitemap {
    margin: 1rem 0;
}

.detail .sitemap_item {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 16px;
    overflow: hidden;
}

.detail .sitemap_title {
    font-size: 1.25rem;
    line-height: 28px;
    color: #fff;
    background-color: #007C69;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-weight: 400;
}

.detail .sitemap_ul {
    border: none;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}

.detail .sitemap_ul li::before {
    content: none;
}

.detail .sitemap_ul li {
    margin-bottom: 0;
    display: inherit;
}

.detail .sitemap_item ul>li>ul {
    margin-bottom: 0.5rem;
    margin-left: 0;
    padding: 0 0 0 30px;
}

.contact .step {
    display: flex;
    margin-bottom: 1rem;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 2.25rem;
}

@media (max-width:768px) {
    .contact .step {
        flex-wrap: wrap;
    }
}

.contact .step .line {
    height: 1px;
    width: 32px;
    background-color: #BFBFBF;
    align-self: center;
}

@media (max-width:640px) {
    .contact .step .line {
        display: none;
    }
}

.contact .step .arrow {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:640px) {
    .contact .step .arrow {
        flex: initial;
        width: 100%;
        justify-content: start;
    }
}

.contact .step .step-item {
    align-self: flex-start;
    padding: 1rem;
}

@media (max-width:640px) {
    .contact .step .step-item {
        display: flex;
        align-items: center;
        padding: 0.5rem 0.5rem 0 0.5rem;
    }
}

.contact .step .step-item .round {
    color: #fff;
    background-color: #BFBFBF;
    width: 36px;
    height: 36px;
    margin: 0 auto 0.5rem auto;
}

@media (max-width:640px) {
    .contact .step .step-item .round {
        margin-right: 0.5rem;
    }
}

.contact .step .step-item.active .round {
    background-color: #007C69;
    color: #FFF;
}

.contact .step .step-item a {
    color: #006154;
}

.contact .step .step-item a:hover {
    text-decoration: underline;
}

.contact .step .step-item h3 {
    font-weight: 900;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: #005BAC;
    border-bottom: #ddd solid 1px;
    padding-bottom: 0.25rem;
}

.contact .step .active .step-item h3 {
    color: #fac125;
    border-bottom: #fff dotted 1px;
}

@media (max-width:888px) {
    .contact .step .step-item h3 {
        font-size: 1rem;
    }
}

.contact .step .step-item h3::before {
    content: '•';
    color: #009D85;
    margin-right: 0.5rem;
}

.contact .step .step-item p {
    font-size: 0.875rem;
    line-height: 20px;
    margin-top: 0;
    color: #757575;
}

@media (max-width:640px) {
    .contact .step .step-item p {
        font-size: 1rem;
        flex: 1;
    }
}

.contact .step .step-item.active p {
    color: #007C69;
}

.contact .step .active .step-item p {
    color: #fff;
}

.contact .step .active .step-item a {
    color: #fac125;
}

.contact .arrow i {
    padding-top: 0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.contact .info {
    display: initial;
    float: initial;
}

.contact .info .form-group {
    width: 100%;
    margin-bottom: 0;
}

.contact i {
    font-size: 1.2rem;
    padding-top: 0.5rem;
    width: 48px;
    text-align: center;
    color: #464646;
}

.submitBtnBlk button {
    padding: 5px 1rem;
    background-color: #007C69;
    border: #007C69 1px solid;
    color: #fff;
    margin-right: 0.8rem;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1rem;
}

.submitBtnBlk button:hover {
    background-color: #05D9B8;
    border: #05D9B8 1px solid;
}

.submitBtnBlk button[type="reset"] {
    background-color: #fff;
    color: #007C69 !important;
    margin-right: 0
}

.submitBtnBlk button[type="reset"]:hover {
    border: #05D9B8 1px solid;
    color: #05D9B8;
}

.contact button i {
    padding-top: 0;
    line-height: inherit;
}

.contact .category {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.contact .category .form-check {
    width: 25%;
    margin: 0.4rem 0;
}

@media (max-width:712px) {
    .contact .category .form-check {
        width: 33.33%;
    }
}

@media (max-width:552px) {
    .contact .category .form-check {
        width: 50%;
    }
}

.contact input[type="radio"] {
    width: 20px;
    height: 20px;
}

.contact input[type="radio"]:focus {
    outline: #FFBF47 3px solid;
}

.contact .form-check-input {
    margin-left: -0.4rem;
    margin-top: 0.4rem;
}

.contact .inquire {
    margin-top: 2.25rem;
}

.contact .inquire .result {
    background-color: #EBFAF7;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin: 1rem 0;
}

@media (max-width:560px) {
    .contact .inquire .result {
        padding: 1rem;
    }
}

.contact .inquire .result .number {
    font-weight: bold;
    float: left;
    font-size: 1.2rem;
}

.contact .inquire .result .number span {
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: #464646;
}

@media (max-width:414px) {
    .contact .inquire .result .number span {
        display: block;
    }
}

.contact .inquire .result .progress {
    float: right;
    padding: 0.2rem 1rem;
    height: initial;
    font-size: 0.85rem;
}

.contact .inquire .result .progress.p1,
.contact .inquire .result .progress.p2 {
    background-color: #d2471b;
    color: #fff;
}

.contact .inquire .result .question {
    clear: both;
    position: relative;
    padding: 1rem 0 1rem 2rem;
}

.contact .inquire .result .question::before {
    content: 'Q：';
    display: block;
    position: absolute;
    top: 1rem;
    left: 0rem
}

.contact .inquire .result .reply {
    padding-top: 2.3rem;
    position: relative;
    padding-left: 2rem;
    border-top: #BFBFBF 1px solid;
}

.contact .inquire .result .reply p {
    margin-top: 0;
    margin-bottom: 0;
}

.contact .inquire .result .reply::before {
    content: 'A：';
    display: block;
    position: absolute;
    top: 2.3rem;
    left: 0rem
}

.contact .inquire .result .reply .time {
    position: absolute;
    left: 0px;
    top: 0.5rem;
    font-size: 0.8rem;
    color: #464646;
    font-weight: 600;
}

.search-form {
    background-color: #f1f1f1;
    padding: 1.5rem;
    border-radius: 4px;
    display: flex;
    margin: 2.25rem 0;
}

@media (max-width: 560px) {
    .search-form {
        flex-direction: column;
        padding: 1rem;
    }
}

.search-form .send {
    margin-left: auto;
    margin-bottom: 0;
}

@media (max-width: 560px) {
    .search-form .send {
        margin-left: initial;
        margin-top: 1rem;
        align-self: center;
    }
}

.search-form .send button {
    margin: 0;
}

.search-form .input-group {
    width: initial;
    flex-grow: 1;
}

.search-form .input-group input {
    flex-grow: 1;
    margin: 0 1rem !important;
    border: 1px solid #c0c0c0;
    padding: 0.25rem 0.5rem;
    border-radius: 2px;
}

@media (max-width: 560px) {
    .search-form .input-group input {
        margin: 0 0 0 1rem;
    }
}

.search-form .input-group i {
    align-self: center;
    color: #464646;
}

.search-form .select-group select {
    border: 1px solid #c0c0c0;
    padding: 0.35rem 0.5rem;
}

@media (max-width: 560px) {
    .search-form .select-group {
        margin-right: 0;
        margin-top: 0.5rem;
    }
}

.search-result .search-title {
    display: flex;
    flex-wrap: wrap;
    color: #464646;
}

@media (max-width: 560px) {
    .search-result .search-title {
        flex-direction: column;
    }
}

.search-result .search-title>div {
    margin-top: 0.5rem;
}

.search-result span.red {
    color: #C00;
    display: initial;
    font-size: 1rem;
}

.search-title .sort {
    margin-left: auto;
    display: flex;
}

@media (max-width: 560px) {
    .search-title .sort {
        margin-left: initial;
        margin-top: 0.5rem;
        flex-wrap: wrap;
    }
}

.search-title .sort span {
    font-size: initial;
    color: initial;
    color: #464646;
    align-self: center;
}

.search-title .sort ul {
    margin: 0;
    padding: 0;
}

.search-title .sort ul li {
    list-style: none;
    display: inline-block;
    text-indent: initial;
    margin: 0;
}

@media (max-width: 560px) {
    .search-title .sort ul li {
        margin: 0.25rem;
    }
}

.search-title .sort ul li::before {
    content: none;
}

.search-title .sort ul li a {
    color: #007C69;
    padding: 0.2rem 0.5rem;
    text-decoration: none;
    font-size: 0.875rem;
    background-color: #EBFAF7;
}

.search-title .sort ul li a:hover,
.search-title .sort ul li a:focus {
    background-color: #05D9B8;
    color: #fff;
}

.search-title .sort ul li a.active {
    background-color: #007C69;
    color: #fff;
}

.search-title .sort .dropdown button {
    color: #007C69;
    padding: 0.2rem 0.5rem;
    text-decoration: none;
    font-size: 0.875rem;
    background-color: #EBFAF7;
    border: none;
}

.search-title .sort .dropdown button:hover,
.search-title .sort .dropdown button:focus {
    background-color: #05D9B8;
    color: #fff;
}

.search-tag {
    margin-bottom: 2.25rem;
    border-left: none !important;
    padding: 0 !important;
}

.result {
    margin: 1rem 0 3rem 0;
}

.result-item a {
    display: block;
    text-decoration: none;
    transition: all 0.3s;
    margin-bottom: 1rem;
    border-bottom: #E4E4E4 1px solid;
}

@media (max-width: 560px) {
    .result-item a {
        padding: 0 0.5rem;
    }
}

.result-item a:hover {
    transform: translateX(5px);
}

.result-item .title {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #464646;
}

.result-item .title>.title-mark {
    display: inline-block;
    padding: 0 0.25rem;
    font-size: 0.875rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    margin: 0 0 0 0.5rem;
    width: initial;
    height: initial;
    border-radius: 4px;
}

.result-item .title>.title-markdis {
    background-color: #f1f1f1;
    color: #666;
    font-weight: 400;
}

.result-item .text {
    color: #757575;
    text-align: justify;
}

.result-item .link {
    color: #007C69;
    font-size: 0.875rem;
    word-break: break-all;
}

.result-item:hover .link {
    color: #05D9B8;
}

.page ul {
    margin: 0;
    padding: 0
}

.pagination li button {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
    color: #464646;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    outline: none;
    background-color: initial;
    cursor: pointer;
}

.pagination li.active button,
.pagination li.active button:hover {
    background-color: #026BC8;
    color: #fff;
}

.pagination li button:hover {
    background-color: #F2FCFA;
}

.news-select {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1rem 0;
}

@media (max-width: 767px) {
    .news-select {
        flex-direction: column;
    }
}

.news-select .select-group {
    flex: initial;
    align-items: center;
}

.news-select .select-group label {
    margin-bottom: 0;
}

.news-select .select-group select {
    width: initial;
}

@media (max-width: 767px) {
    .news-select .select-group select {
        width: 100%;
    }
}

.news-select span {
    font-size: 1rem;
    margin: 0 0.3rem;
    color: #464646;
}

.select-group input {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: #BFBFBF 1px solid;
    color: #464646;
    padding: 0.375rem 0.25rem;
    border-radius: 0;
}

@media (max-width: 560px) {
    .news .select-group {
        margin-right: 0;
    }

    .news .select-group input {
        margin-right: 0;
    }
}

.news-content {
    margin-bottom: 2.25rem;
}

.news-content .news-item a {
    padding-left: 0.5rem;
    width: 100%;
}

.news-content .news-item .news-item-flex {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 21px;
    margin-bottom: 0.5rem;
}

.news-content .news-item .news-item-flex .category {
    color: #757575;
    margin-right: 10px;
}

.news-content .news-item.top .news-item-flex .category::after {
    content: '\f005';
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-size: 0.6rem;
    background-color: #FFB649;
    border-radius: 50%;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    display: inline-block;
    margin-left: 10px;
}

.news-content .news-item.expired .news-item-flex::after {
    content: '已過期';
    color: #757575;
    font-size: 0.6rem;
    border: #757575 1px solid;
    line-height: 20px;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
}
.news-content .news-item.over .news-item-flex::after {
    content: '已過期';
    color: #757575;
    font-size: 0.6rem;
    border: #757575 1px solid;
    line-height: 20px;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
}

.news-content .news-item.top a {
    border-left: #FFB649 4px solid;
}

.news-content .news-item .content {
    box-shadow: none;
    margin: 0;
    padding: 0;
    max-width: initial;
    color: #464646;
    font-weight: 500;
}

.news-content .news-item .content::after {
    color: #007C69;
    display: block;
    font-size: 0.75rem;
    margin-top: 0.5rem;
    line-height: 1.25rem;
}

.news-content .news-item .date {
    color: #464646;
    margin-right: 10px;
}

.sidebar-content .hot,
.sidebar-content .recommend {
    border-radius: 16px;
    margin: 1rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
    overflow: hidden;
}

.sidebar-content .hot a,
.sidebar-content .recommend a {
    margin: 0.25rem 1.25rem;
    padding: 0.5rem 0;
    display: block;
    border-bottom: #E4E4E4 1px solid;
    text-decoration: none;
}

.sidebar-content .hot a:last-child,
.sidebar-content .recommend a:last-child {
    border-bottom: none;
}

.sidebar-content .title {
    display: inherit;
    font-size: 1.25rem;
    line-height: 28px;
    background-color: #05D9B8;
    color: #262626;
    padding: 0.5rem 1rem;
    text-align: center;
    font-weight: 500;
}

.sidebar-content-item {
    display: flex;
    align-items: center;
}

.sidebar-content-item .rank {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 28px;
    background-color: #EBFAF7;
    color: #007C69;
    width: 60px;
    height: 60px;
    margin-right: 0.25rem;
}

.sidebar-content .content {
    box-shadow: none;
    margin: 0;
    padding: 0;
    flex: 1;
    color: #464646;
}

.sidebar-content .tag {
    margin: 0;
    color: #757575;
    font-size: 0.875rem;
    line-height: 20px;
}

.calendar-setting {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 2.25rem 0 1rem 0;
}

.calendar-setting .date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 1rem;
}

@media (max-width:767px) {
    .calendar-setting .date {
        margin-bottom: 0.5rem;
    }
}

.calendar-setting .date .text h3 {
    margin: 0;
    font-family: 'Roboto', 'Noto Sans TC';
}

.calendar-setting .date .text .h3 {
    margin: 0;
    font-family: 'Roboto', 'Noto Sans TC';
}

.calendar-setting .date .text h3::before {
    content: none;
}

.calendar-setting .date .text .h3::before {
    content: none;
}

.calendar-setting .date .prev {
    margin-right: 0.5rem;
}

.calendar-setting .date .next {
    margin-left: 0.5rem;
}

.calendar-setting .date a {
    display: block;
    background-color: #EBFAF7;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #007C69;
    line-height: 32px;
    text-align: center;
    font-size: 0.875rem;
}

.calendar-setting .date a:hover {
    background-color: #05D9B8;
    color: #fff;
}

.calendar-setting .date a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #EBFAF7;
    color: #007C69;
    outline: none !important;
}

.filter {
    align-self: center;
    margin-left: auto;
    font-size: 0.9rem;
    text-align: center;
}

@media (min-width:415px) {
    .filter {
        display: none;
    }
}

.filter a {
    display: block;
    font-size: 1.5rem;
    line-height: 0;
}

.open-color {
    align-self: center;
    display: flex;
    margin-left: 0.5rem;
    flex-grow: 1;
}

@media (max-width:414px) {
    .open-color {
        margin: 0.5rem 0;
    }
}

.open-color span {
    font-size: 1rem;
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    color: #262626;
}

.open-color span::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    margin-right: 0.2rem;
    background-color: #ddd;
}

.open-color span.yellow-dot::before {
    background-color: #ffe600;
}

.open-color span.pink-dot::before {
    background-color: #e92d6f;
}

.open-color span.green-dot::before {
    background-color: #009D85;
}

.open-color span.blue-dot::before {
    background-color: #026BC8;
}

.mode {
    align-self: center;
    font-size: 1rem;
    color: #262626;
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-left: 1rem;
}

@media (max-width:991px) {
    .mode {
        display: none;
    }
}

.mode a {
    color: #007C69;
    font-size: 1rem;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.2rem;
    text-decoration: none;
    background-color: #EBFAF7;
}

.mode a:hover {
    background-color: #05D9B8;
    color: #fff;
}

.mode a.active {
    background-color: #007C69;
    color: #fff;
}

.calendar-select {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.calendar-select i {
    font-size: 1.3rem;
    margin-right: 0.5rem;
    color: #666;
    align-self: center;
}

.calendar-select input,
.calendar-select .select-group button {
    border: none;
    border-bottom: #02BB9F 1px solid !important;
    flex-grow: 1;
    color: #464646;
}

.calendar-select .date,
.calendar-select .select-group {
    display: flex;
    flex: 1;
    padding: 0;
    margin-bottom: 0;
    margin-right: 1rem;
}

@media (max-width:694px) {

    .calendar-select .date,
    .calendar-select .select-group,
    .calendar-select .send {
        flex: initial;
        width: 50%;
        height: 48px;
        margin-right: 0;
    }
}

@media (max-width:414px) {

    .calendar-select .date,
    .calendar-select .select-group,
    .calendar-select .send {
        width: 100%;
        padding: 0;
    }

    .calendar-select .send {
        margin: 1rem 0 0.5rem 0;
    }
}

.calendar-select .select-group button {
    text-align: left;
    padding-left: 0.5rem;
    background-color: initial;
    height: 100%;
}

.calendar-select .select-group button.dropdown-toggle::after {
    float: right;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}

.checkbox-group {
    margin-top: 0.5rem;
    background-color: #EBFAF7;
    color: #464646;
}

.check-items-group {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0 0.5rem 2.5rem;
}

@media (max-width:510px) {
    .check-items-group {
        padding: 0.5rem 0 0.5rem 2rem;
    }
}

.check-item.all {
    width: 100% !important;
}

.check-item {
    width: 25%;
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

@media (max-width:694px) {
    .check-item {
        width: 33.3%;
    }
}

@media (max-width:510px) {
    .check-item {
        width: 50%;
        font-size: 0.9rem;
    }
}

.check-item input[type=checkbox],
.check-item input[type=radio] {
    width: 20px;
    height: 20px;
}

.check-item .form-check-input {
    margin-left: -1.8rem;
    margin-top: 0;
}

.check-item .form-check-label {
    cursor: pointer;
}

.calendar-select .send {
    margin-bottom: 0;
}

.calendar-select .send button {
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: #007C69 solid 1px;
    background-color: #007C69;
    color: #fff;
}

.calendar-select .send button:hover {
    background-color: #05D9B8;
    border: #05D9B8 solid 1px;
}

.calendar-select .send button.reset {
    color: #007C69;
    background-color: #fff;
}

.calendar-select .send button.reset:hover {
    color: #05D9B8;
    border: #05D9B8 solid 1px;
}

.calendar .day.today {
    color: #262626;
    border-bottom: #006154 solid 3px !important;
    height: initial;
    display: block;
}

.calendar .day.closed {
    background-color: #F0F0F0;
    color: #464646;
    border-bottom: #c9c9c9 solid 3px !important;
}

.calendar .day.closed::after {
    content: '休館';
    opacity: 1;
    font-size: 1rem;
    position: absolute;
    right: 5px;
    bottom: 8px;
    line-height: initial;
    font-size: 0.95rem;
}


/*行事曆-日*/

.timeline {
    margin: 0.5rem auto 0 auto;
}

.timeline .day {
    background-color: #fff;
    color: #000;
    font-size: 2rem;
    padding: 0.5rem;
    font-family: 'Roboto', 'Noto Sans TC';
    font-weight: 400;
    display: flex;
    margin-bottom: 2rem;
    height: initial;
    flex-direction: initial;
    justify-content: left;
    border-bottom: #000 solid 3px;
    position: relative;
}

.timeline .day::after {
    padding: 0 0.5rem 0.25rem 0;
    color: #262626;
}

.timeline .day h4 {
    font-size: 2rem;
    color: #262626;
    margin-bottom: 0;
    margin-top: 0;
}

.timeline .day span {
    font-size: 1rem;
    align-self: flex-end;
    margin-left: 0.5rem;
    color: #757575;
    line-height: 20px;
}

.timeline .day.today {
    background-color: #05d9b8;
}

.timeline .day.closed+.line {
    border-left: none;
    margin-left: 0.5rem;
    font-size: 1.5rem;
}

.timeline .day.today.closed {
    background-color: #F0F0F0;
}

.timeline .day.today .h4 {
    margin-bottom: 0;
    color: #262626;
    margin-top: 0;
}

.timeline .day.today span,
.timeline .day.closed span {
    color: #262626;
}

.timeline .line {
    border-left: 3px solid #BFBFBF;
    position: relative;
    list-style: none;
    margin-left: 80px;
}

@media (max-width:480px) {
    .timeline .line {
        margin-left: 35px;
    }
}

@media (max-width:767px) {
    .timeline line {
        margin-left: 10px
    }
}

.timeline .clock {
    display: flex;
}

.timeline .clock div {
    font-family: 'Roboto', 'Noto Sans TC';
    font-weight: 700;
    background-color: #007C69;
    color: #fff;
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    position: relative;
    left: -25px;
    margin-bottom: 1rem;
}

.timeline .clock span {
    align-self: center;
    margin-bottom: 1rem;
    display: none;
    font-size: initial;
}

.timeline .clock span a {
    padding: 0.25rem 1.5rem 0.25rem 0.5rem;
    background-color: #007C69;
    color: #fff;
    border-radius: 2px;
    margin-left: 0.3rem;
    position: relative;
    text-decoration: none;
    font-size: 0.875rem;
}

.timeline .clock span a:hover,
.timeline .clock span a.active {
    background-color: #05D9B8;
}

.timeline .clock span a::after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 0.8rem;
    right: 0.5rem;
}

.timeline .clock.end div {
    background-color: #BFBFBF;
    color: #fff;
    font-weight: 400;
}

.timeline .clock.end span {
    display: block;
}

.timeline .event {
    padding: 0rem .5rem 1rem 1.5rem;
    position: relative;
}

.timeline .event .minute {
    position: absolute;
    left: -70px;
    color: #000;
    font-weight: 500;
    font-size: 1.1rem;
}

@media (max-width:480px) {
    .timeline .event .minute {
        position: static;
    }
}

.timeline .event .minute::after {
    position: absolute;
    top: 5px;
    right: -24px;
    display: inline-block;
    content: "";
    border-style: solid;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #b4b4b4;
}

@media (max-width:480px) {
    .timeline .event .minute::after {
        position: relative;
        left: -85px;
        top: 0px;
    }
}

.timeline .event .content {
    box-shadow: none;
    margin: initial;
    border-radius: 0;
    padding: initial;
    overflow: initial;
    background-color: initial;
}

.timeline .event .content a {
    display: block;
    padding: 0.5rem;
    transition: all 0.3s;
    text-decoration: none;
}

.timeline .event .content a:hover,
.timeline .event .content a:focus {
    background-color: #F2FCFA;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    border-left: #05D9B8 solid 5px;
}

.timeline .event .content .category {
    margin-bottom: 0;
    color: #007C69;
}

.timeline .event .content .main {
    font-size: 1.25rem;
    color: #262626;
    font-weight: 500;
    margin-bottom: 0.1rem;
}

.timeline .event .content .location {
    color: #757575;
}

@media (max-width:480px) {
    .timeline .event .content .category {
        font-size: 0.95rem;
    }

    .timeline .event .content .main {
        font-size: 1.1rem;
    }

    .timeline .event .content .location {
        font-size: 0.9rem;
    }
}

.calendar-park {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}

@media (max-width:767px) {
    .calendar-park {
        border-bottom: #ddd 1px solid;
    }
}

.calendar-park .calendar-park-item {
    width: 25%;
    text-align: center;
    border-bottom: #F0F0F0 1px solid;
}

@media (max-width:767px) {
    .calendar-park .calendar-park-item {
        width: 50%;
        border-right: #ddd 1px solid;
    }
}

.calendar-park .calendar-park-item:last-child {
    border-right: initial;
}

@media (max-width:767px) {
    .calendar-park .calendar-park-item:nth-child(even) {
        border-right: initial;
    }

    .calendar-park .calendar-park-item:nth-child(1),
    .calendar-park .calendar-park-item:nth-child(2) {
        border-bottom: #ddd 1px solid;
    }
}

.calendar-park .calendar-park-item a {
    display: block;
    color: #464646;
    padding: 0.5rem;
    font-size: 1rem;
    text-decoration: none;
}

@media (max-width:767px) {
    .calendar-park .calendar-park-item a {
        font-size: 1rem;
    }
}

.calendar-park .calendar-park-item.active a,
.calendar-park .calendar-park-item a:hover {
    color: #007C69;
    border-bottom: #05D9B8 2px solid;
}


/*篩選項目*/

.selection {
    margin: 0.5rem 0 1.25rem 0;
}

.selection ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.selection .selection-item {
    list-style: none;
    text-indent: initial;
    margin: 0.25rem;
}

.selection .selection-item::before {
    content: none;
}

.selection .selection-item a {
    background-color: #EBFAF7;
    border-radius: 4px;
    color: #007C69;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    border: 1px solid #70F2DE;
    font-size: 0.875rem;
    line-height: 20px;
    padding: 2px 8px;
}

.selection .selection-item a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.selection .selection-item a i {
    margin-left: 0.3rem;
    color: #007C69;
}

.selection .selection-item a:hover i {
    color: #fff;
}


/*行事曆-週*/

.Weekly {
    width: 100%;
    margin-top: 2.25rem;
    overflow: hidden;
}

.Weekly h4 {
    display: initial;
}

.Weekly .date .day {
    position: relative;
    width: calc(100%/7);
    float: left;
}

.Weekly .date .day {
    font-size: 1.5rem;
    padding: 0.2rem 0.4rem;
    font-weight: 400;
    border-bottom: #262626 solid 3px;
    font-family: 'Roboto', 'Noto Sans TC';
}

.Weekly .date .day.today {
    background-color: #05d9b8;
}

.Weekly .date .day span {
    font-size: 0.875rem;
}

.Weekly .date .day.today span {
    color: #262626;
}

.Weekly .date .day.closed span {
    color: #464646 !important;
}

.Weekly .date .day span.open {
    position: absolute;
    bottom: 10px;
    right: 4px;
    line-height: 1.2;
    text-align: right;
    font-size: 0.65rem;
}

.Weekly .date .day span.open::before {
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    margin-right: 2px;
}

.Weekly .event {
    top: 44px;
    margin-bottom: 5rem;
}

.Weekly .event-item {
    display: block;
    width: calc(100%/7);
    padding: 0 0 1rem 0;
    min-height: 100%;
}

.Weekly .event-item:nth-child(7n+1) {
    background-color: #fffbeb;
}

.Weekly .event-item.closed {
    background-color: #F0F0F0;
    text-indent: -9999px;
}

.Weekly .event-item a {
    padding: 0 0.3rem;
    display: block;
    color: #000;
    transition: all 0.2s;
    text-decoration: none;
}

.Weekly .event-item.bd-yellow a {
    border-left: #ffe600 solid 3px;
}

.Weekly .event-item a:hover,
.Weekly .event-item a:focus {
    padding: 0.2rem 0rem 0.2rem 0.3rem;
    border-left: #05D9B8 solid 5px;
    background-color: #F5FFFD;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    position: relative;
    z-index: 2;
}

.Weekly .event-item a:active {
    background-color: initial;
}

.Weekly .time {
    display: flex;
    flex-wrap: wrap;
}

.Weekly .time-item {
    padding: 0.1rem 0.5rem;
    background-color: #e2e2e2;
    margin: 0 0.2rem 0.2rem 0.2rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.Weekly .main {
    font-size: 1rem;
    line-height: 1.5;
    color: #262626;
    word-break: break-all;
}

.Weekly .location {
    font-size: 0.875rem;
    /* color: #8c8c8c; */
    color: #464646;
    line-height: 20px;
}


/*歷史沿革*/

.history ul {
    border-left: 5px solid #E4E4E4;
    position: relative;
    text-align: left;
    margin-left: 110px;
    padding: 0;
}

@media (max-width:768px) {
    .history ul {
        margin-left: 10px;
        display: block !important;
    }
}

.history.exhibit ul {
    margin-left: 105px;
}

@media (max-width: 768px) {
    .history.exhibit ul {
        margin-left: 10px;
    }
}

.history.exhibit ul li:before {
    left: -110px;
}

@media (max-width: 768px) {
    .history.exhibit ul li:before {
        left: 11px;
        text-align: left;
    }
}

.history.chronology ul {
    margin-left: 90px;
}

@media (max-width: 768px) {
    .history.chronology ul {
        margin-left: 10px;
    }
}

.history.chronology ul li:before {
    left: -100px;
}

@media (max-width: 768px) {
    .history.chronology ul li:before {
        left: 11px;
        text-align: left;
    }
}

.history ul li {
    border-bottom: #E4E4E4 1px solid;
    padding: 1rem .5rem 0.5rem 0rem;
    position: relative;
    display: block;
    margin-left: 1.5rem;
}

@media (max-width:768px) {
    .history ul li {
        padding-top: 3rem;
    }
}

.history ul li:before {
    position: absolute;
    display: block;
    left: -139px;
    top: 10px;
    content: attr(data-date);
    text-align: right;
    font-weight: 500;
    color: #464646;
    background-color: #e4e4e4;
    border-radius: 5px;
    padding: .3rem .5rem
}

@media (max-width:768px) {
    .history ul li:before {
        left: 11px;
        text-align: left;
    }
}

.history ul li:after {
    position: absolute;
    display: block;
    top: 0px;
    left: -33px;
    background: #BFBFBF;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    content: "";
    top: 18px
}

@media (max-width:441px) {
    .history ul li:after {
        left: -33px
    }
}

.history-collapse ul li:nth-of-type(3)~li {
    display: none;
}

.history-collapse ul li.active {
    display: block !important;
}

.history-item {
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 1rem;
}

.history-item span {
    font-size: 1rem;
    color: #464646;
}

.history-item span::after {
    padding: 2px 8px;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE;
    border-radius: 4px;
    margin-left: 0.5rem;
    font-size: 0.75rem;
    color: #007C69;
    vertical-align: bottom;
}

.history-item.history-fhk span::after {
    content: '鳳凰谷';
}

.history-item.history-921 span::after {
    content: '921';
}

.history-item.history-cfpp span::after {
    content: '車籠埔';
}

.history-item .heading {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 0;
}

.history-item::before {
    content: '•';
    color: #009D85;
    position: absolute;
    left: 0rem;
}

.history-item a {
    border: none !important;
}

.history-item a:hover {
    color: #008a75;
}

.history-item a:active {
    background-color: initial;
}

.history-item a::before {
    background-color: #008471;
    color: #fff;
    font-size: 0.9rem;
    border-radius: 5px;
    margin-right: 0.5rem;
    width: 70px;
    display: inline-block;
    text-align: center;
    padding: 0.3rem 0;
    line-height: 1;
}

.history-item .link-icon {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

.history-item .link-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    left: -24px;
    margin-right: 0.25rem;
    background-size: contain;
}

.history-item .link-icon a {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE !important;
    border-radius: 4px;
    padding: 0px 8px;
    margin: 0 0.25rem 0.25rem 0;
}

.history-item .link-icon a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.history-item a.fhk::before {
    content: '鳳凰谷';
}

.history-item a.p921::before {
    content: '921';
}

.history-item a.cfpp::before {
    content: '車籠埔';
}

.history-item a span {
    margin-right: 0.5rem;
}

.album-select,
.lost-select,
.selectBlk {
    display: flex;
    margin-top: 2.25rem;
}

@media (max-width: 560px) {

    .album-select,
    .lost-select,
    .selectBlk {
        flex-direction: column;
    }

    .album-select .select-group,
    .lost-select .select-group,
    .selectBlk .select-group {
        margin-right: 0;
    }
}

.album {
    display: flex;
    flex-wrap: wrap;
    margin: 2.25rem 0;
}

.album-item {
    position: relative;
    width: calc(100%/3 - 16px);
    margin: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

@media (max-width: 819px) {
    .album-item {
        width: calc(100%/2 - 18px);
    }
}

@media (max-width: 560px) {
    .album-item {
        width: calc(100% - 18px);
    }
}

.album-video .album-item {
    width: initial;
    margin: initial;
}

.album-item a {
    display: flex;
    overflow: hidden;
    border: none;
    height: 180px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 560px) {
    .album-item a {
        height: 210px;
    }
}

.album-item>a:focus {
    border: 2px dotted orange !important;
}

.album-item .text,
.slideBlk .album-item .text {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    padding: 0 1rem 0.5rem 1rem;
}

.album-item .text .time,
.slideBlk .album-item .text .time {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    font-size: 0.875rem;
}

.album-item .text .time::before {
    content: '';
    display: inline-block;
    background-image: url('../../images/icon/Today.png');
    width: 14px;
    height: 14px;
    background-size: cover;
    filter: invert(1);
    vertical-align: middle;
}

.album-item .text .heading {
    font-size: 1rem;
    line-height: 20px;
    color: #fff;
    margin-top: 0;
    white-space: initial;
}

.album-item:hover img {
    transform: scale(1.05);
}

.album-item:hover img[src*="https://i.ytimg.com/"] {
    transform: scale(1.59);
}

.album-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.album-item img[src*="https://i.ytimg.com/"] {
    transform: scale(1.49);
}

.album-item .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    position: absolute;
    left: 16px;
    top: 8px;
    z-index: 2;
    transition: all 0.3s;
}

.album-item:hover .icon {
    opacity: 1;
}

.album-item .icon.show {
    opacity: 1;
}

.album-item .icon li {
    display: flex;
    align-items: center;
    text-indent: initial;
    opacity: initial;
    overflow: initial;
}

.album-item .icon li:hover {
    outline: none;
}

.album-item .icon li .download-text {
    background-color: #000;
    border-radius: 5px;
    color: #FFF;
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
    margin-left: 0.5rem;
    position: relative;
}

.album-item .icon li .download-text::before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -7px;
    border-style: solid;
    border-width: 6px 8px 6px 0;
    border-color: transparent #000 transparent transparent;
}

.album-item .icon li::before {
    content: none;
}

.album-item .icon li a {
    color: #007D6A;
    background-color: #fff;
    border-radius: 4px;
    display: block;
    transition: all 0.3s ease 0s;
    padding: 0.25rem 0.45rem;
    height: initial;
    font-size: 0.875rem;
}

.album-item .icon li a:hover {
    color: #fff;
    background-color: #05D9B8;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    border: none !important;
}

.album-content {
    overflow: hidden;
    margin-top: 2.25rem;
}

.album-content img {
    width: 100%;
    height: auto;
}

.album-slide {
    clear: both;
    position: relative;
    margin-bottom: 2.25rem;
}

.album-slide .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
}

.album-control {
    position: absolute;
    top: 45%;
    z-index: 2;
    width: 100%;
}

.album-previous,
.album-next {
    background-color: #EBFAF7;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-decoration: none;
    color: #007C69;
    cursor: pointer;
    margin: 0 0.5rem;
}

@media (max-width:480px) {

    .album-previous,
    .album-next {
        width: 25px;
        height: 25px;
        font-size: 1rem;
    }
}

.album-previous {
    position: absolute;
    left: 0px;
}

.album-next {
    position: absolute;
    right: 0px;
}

.album-previous:hover,
.album-next:hover {
    background-color: #05D9B8;
    color: #fff;
}

.album-previous.swiper-button-disabled,
.album-previous.swiper-button-disabled:hover,
.album-next.swiper-button-disabled,
.album-next.swiper-button-disabled:hover {
    cursor: not-allowed;
    background-color: #F5F5F5;
    color: #BFBFBF;
    opacity: 0.35;
}

.album-previous:focus,
.album-next:focus {
    outline: 2px dotted orange !important;
    box-sizing: border-box;
}

.album-pagination {
    position: absolute;
    z-index: 1;
    bottom: -26px !important;
    color: #464646;
    font-size: 1rem;
    text-align: center;
}

.album-pagination span {
    color: #464646;
    font-size: 1rem;
}

.album-thumbs .swiper-slide {
    opacity: 0.5;
    overflow: hidden;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.album-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.album-thumbs .swiper-slide-thumb-active,
.album-thumbs .swiper-slide:hover {
    opacity: 1;
    border: #05D9B8 1px solid;
}

.album-content .share {
    float: right;
    margin-top: 0.5rem;
}

.album-content .share ul {
    padding: 0;
    display: flex;
    margin: 0;
}

.album-content .share ul li {
    list-style: none;
    margin: 0 0.2rem;
}

.album-content .share ul li a {
    display: inline-block;
    border: none;
}

.album-content .share ul li span {
    color: #000;
    font-size: 0.8rem;
    opacity: 0;
}

.album-content .share ul li:hover span {
    opacity: 1;
}

.swiper-notification {
    display: none;
}

.exhibits_margin {
    position: relative;
}

.exhibits_margin img {
    width: 100%;
    height: auto;
}

.exhibits_margin .open {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: rgba(235, 250, 247, .85);
    color: #005d4f;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

/* .exhibits {
    margin-top: 2.25rem;
} */

.exhibits_margin ul {
    margin: 0 0 0 1.5rem;
    padding: 0;
}

.exhibits_margin ul+p {
    margin-top: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width:575px) {
    .exhibits_margin ul+p {
        -webkit-line-clamp: initial;
    }
}

.exhibits_margin ul+p:last-child {
    margin-bottom: initial;
}

.exhibits_margin ul li {
    text-indent: initial;
    margin-bottom: 0.25rem;
    align-items: center;
    color: #464646;
}

.exhibits_margin ul li::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    left: -24px;
    margin-right: 0.25rem;
    background-size: contain;
}

.exhibits_margin ul li img {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: sub;
}

.exhibits_margin ul li a {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 20px;
    /* color: #009D85; */
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE !important;
    border-radius: 4px;
    padding: 0px 8px;
    margin: 0 0.25rem 0.25rem 0;
}

.exhibits_margin ul li a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.exhibits .h4 {
    margin-top: 0;
}

.dg_exhibition_news {
    margin: 2rem 0;
}

.dg_exhibition_news ul {
    margin: 0;
    padding: 0;
}

.dg_exhibition_news ul li {
    text-indent: initial;
    display: flex;
    align-items: center;
    padding: 0 0 0.5rem 0;
    border-bottom: #E4E4E4 1px solid;
    margin-bottom: 1rem;
}

.dg_exhibition_news ul li::before {
    content: none;
}

.dg_exhibition_news ul li span {
    font-size: 1.25rem;
    line-height: 28px;
    color: #007C69;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EBFAF7;
    width: 60px;
    height: 60px;
    margin-right: 0.5rem;
}

.dg_exhibition_text {
    background-color: #F5F5F5;
    border-radius: 0.25rem;
    padding: 1.5rem;
    margin-bottom: 2.25rem;
}

.dg_exhibition_text ul {
    margin: 0;
}

.dg_exhibition_text ul li {
    text-indent: initial;
    position: relative;
    display: inherit;
}

.dg_exhibition_text ul li span {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    color: #262626;
}

.dg_exhibition_text ul li::before {
    position: absolute;
    left: -1rem;
}

.dg_exhibition_item {
    overflow: hidden;
    margin-bottom: 2.25rem;
}

.dg_exhibition_item .dg_exhibition_text_warp {
    width: 65%;
    float: left;
}

@media (max-width:768px) {
    .dg_exhibition_item .dg_exhibition_text_warp {
        width: 100%;
    }
}

.dg_exhibition_item .dg_exhibition_img_warp {
    width: 33.3%;
    float: right;
    overflow: hidden;
    border-radius: 8px;
}

@media (max-width:768px) {
    .dg_exhibition_item .dg_exhibition_img_warp {
        width: 100%;
    }
}

.theater_title a {
    color: #007C69;
}

.theater_title a:hover {
    color: #05D9B8;
}

.New_ticketSystem span {
    font-size: initial;
    color: #464646;
}

.New_ticketSystem input[type="date"] {
    border: none;
    border-bottom: #02BB9F 1px solid !important;
    color: #464646;
    padding: 0.5rem 0;
}

.booking {
    display: flex;
    justify-content: flex-end;
    margin: 1rem 1.5rem 0 2.25rem;
}

.booking a {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: #007C69;
    color: #fff !important;
    border-radius: 2px;
}

.booking a:hover {
    background-color: #05D9B8;
}

.booking a img {
    width: auto;
    height: 26px;
    margin-right: 0.25rem;
}

.ticket-notice {
    background-color: rgba(226, 241, 255, 0.5);
    padding: 0.5rem;
    border-radius: 8px;
}

.ticket-notice img {
    vertical-align: middle;
}

.dg_content-img {
    border-radius: 8px;
    overflow: hidden;
}

.dg_content-info-date {
    font-size: 0.875rem;
    color: #757575;
}

.ticket .card .photo img {
    max-width: 100%;
    width: initial;
}

.news {
    margin: 2.25rem 0;
}

.newsBlk {
    position: relative;
    width: 100%;
    margin-bottom: 2.25rem;
}

.newsBlk ul {
    margin: 0;
    padding: 0;
}

.newsBlk ul li {
    list-style: none;
    border: #E4E4E4 1px solid;
    border-radius: 16px;
    transition: all 0.3s;
}

.newsBlk ul li::before {
    content: none;
}

.newsBlk ul li:hover {
    border: 1px solid #05D9B8;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.newsBlk ul li a {
    text-decoration: none;
    display: block;
}

.newsBlk ul li a:focus {
    border: 2px dotted orange;
    outline: none !important;
}

.newsBlk ul li a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    aspect-ratio: 5/2;
}

.newsBlk ul li a .img img {
    width: 100%;
    height: 100%;
    max-width: initial;
    transition: all 0.3s;
    object-fit: cover;
}

.newsBlk ul li a:hover .img img {
    transform: scale(1.1);
}

.newsBlk ul li a .text {
    padding: 1rem;
    min-height: 120px;
}

.newsBlk ul li a .text .heading {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #262626;
    min-height: 56px;
    margin-bottom: 0;
}

.newsBlk ul li a .text .category {
    background-color: #EBFAF7;
    border: #70F2DE 1px solid;
    border-radius: 8px;
    display: inline-block;
    font-size: 0.875rem;
    padding: 1px 0.5rem;
    margin-bottom: 0.5rem;
    color: #007C69;
    font-weight: 500;
}

.card .info {
    display: flex;
    flex-wrap: wrap;
    float: none;
    padding: 0;
    margin-bottom: 0;
}

.discount .info span {
    color: #464646;
}

.collapseBlk .info span:first-child::after {
    content: '|';
    color: #464646;
    margin: 0 1rem;
}

.discount .info img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 0.25rem;
}

.discount .card .photo {
    background-color: initial;
}

.card .info span img {
    filter: invert(61%) sepia(3%) saturate(15%) hue-rotate(314deg) brightness(91%) contrast(80%);
    margin-right: 0.25rem;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.collapseBlk .card:nth-of-type(3)~.card {
    display: none;
}

.collapseBlk .card.active {
    display: block !important;
}

.discount ul.dot-gray {
    padding: 0;
    margin: 0 0 1rem 1rem;
}

.discount ul.dot-gray li {
    margin-bottom: 0;
}

.discount ul.dot-gray li::before {
    color: #464646;
}

.no-border-card .card {
    border: none;
    padding: 0;
    background-color: initial;
}

.no-border-card .card .row {
    align-items: flex-start;
    margin: 0.5rem 0;
}

@media (max-width: 767px) {
    .no-border-card .card .row {
        align-items: center;
    }
}

@media (max-width: 767px) {
    .no-border-card .card .text {
        width: 100% !important;
        margin: 0.5rem 0 0 0;
        padding: 0;
    }
}

.flowBlk {
    background-image: url('../../images/banner/helpdesk_banner.jpg');
    width: 100%;
    height: 240px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.flowBlk .info {
    float: initial;
    display: initial;
    position: absolute;
    margin-bottom: 0;
    bottom: 24px;
    left: 24px;
    padding: 0.75rem;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08);
}

.flowBlk .info .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 24px;
}

.flowBlk.closed .info .route {
    margin-bottom: 0;
}

.flowBlk.closed .info .route::after {
    content: '休館中';
    align-self: center;
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.flowBlk.closed .info .route img {
    width: 40px;
    height: 40px;
}

.flowBlk.closed .info .title,
.flowBlk.closed .info .space,
.flowBlk.closed .info .d-flex {
    display: none !important;
}

.flowBlk .info .title::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 0.5rem;
    margin-bottom: 0.2rem;
}

.flowBlk .info .title.good::before {
    background-color: #05D9B8;
}

.flowBlk .info .title.ok::before {
    background-color: #FFAB2E;
}

.flowBlk .info .title.bad::before {
    background-color: #F36538;
}

.flowBlk .info .title::after {
    content: '';
    display: inline-block;
    font-size: 0.75rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 500;
    margin-left: 0.5rem;
}

.flowBlk .info .title.good::after {
    content: '良好';
}

.flowBlk .info .title.ok::after {
    content: '一般';
}

.flowBlk .info .title.bad::after {
    content: '擁擠';
}

.flowBlk .route {
    display: flex;
    margin-bottom: 0.5rem;
}

.flowBlk .route span {
    font-size: 0.875rem;
    line-height: 24px;
    border-radius: 8px;
    border: #66B7FF 1px solid;
    margin-right: 0.3rem;
    margin-bottom: 0.5rem;
    padding: 2px 8px;
    display: inline-block;
    background-color: #F2FCFA;
    color: #026BC8;
    font-weight: 500;
}

.flowBlk .route img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.flowBlk .space {
    font-size: 1.5rem;
    font-weight: 700;
    color: #464646;
}

.flowBlk .space span {
    border: none;
    background-color: initial;
    font-size: 0.75rem;
    line-height: 20px;
    font-weight: 500;
    color: #464646;
    margin: 0;
}

.flowBlk .renew {
    font-size: 0.75rem;
    line-height: 20px;
    color: #757575;
}

.flowBlk .map-link a {
    color: #026BC8;
    font-size: 0.875rem;
    line-height: 24px;
}

.restaurant {
    margin: 2.25rem 0;
}

.restaurant .info {
    padding: 0;
    float: initial;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.restaurant .info span {
    margin-bottom: 0;
}

.restaurant .card {
    margin-bottom: 1rem;
}

.restaurant .card:last-child {
    margin-bottom: 2.25rem;
}

.restaurant .card span img {
    filter: invert(61%) sepia(3%) saturate(15%) hue-rotate(314deg) brightness(91%) contrast(80%);
    margin-right: 0.25rem;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

@media (max-width: 560px) {
    .disabledBlk .list-item img {
        margin-bottom: 0.5rem;
    }

    .disabledBlk .list-item {
        flex-direction: column;
    }
}

.disabledBlk .list-item .text h4 {
    margin-top: 1rem;
}

.disabledBlk .flex-ai-center {
    align-items: flex-start;
}

.area-tour {
    border-radius: 4px;
    margin-top: 2.25rem;
    background-color: #f5f5f5;
    padding: 1rem;
}

.area-tour ol {
    display: flex;
    flex-wrap: wrap;
}

.area-tour ol li {
    width: calc(100% / 3);
    margin: 0.5rem 0;
}

.area-tour ol li::before {
    background-color: #EBFAF7 !important;
    color: #007C69 !important;
}

.fish {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 1rem;
}

.fish h6 {
    margin-bottom: 0;
}

.fish ul {
    margin: 0 0 1rem 2rem;
    padding: 0;
}

.fish ul li {
    margin-bottom: 0 !important;
}

.exhibits-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 2.25rem 0;
}

.exhibits-btn, .add-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 576px) {

    .exhibits-btn, .add-btn {
        width: 100%;
        margin-bottom: 0;
    }
}

.exhibits-btn a,
.add-btn a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    background-color: #EBFAF7;
    color: #007C69;
    margin-right: 1rem;
    line-height: 1.25;
    text-align: center;
}

@media (max-width: 487px) {

    .exhibits-btn a,
    .add-btn a {
        margin-bottom: 1rem;
    }
}

.exhibits-btn a:last-child {
    margin-right: 0;
}

.exhibits-btn a:hover,
.add-btn a:hover {
    background-color: #05D9B8;
    color: #fff;
}

.exhibits-btn a.active,
.add-btn a.active {
    background-color: #007C69;
    color: #fff;
}

.exhibits-btn a i,
.add-btn a i {
    margin-bottom: 0.5rem;
    font-size: 2rem;
}

.exhibits-btn a img,
.add-btn a img {
    margin-bottom: 0.25rem;
}

.season .exhibits-btn a::before,
.add-btn a::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.season .exhibits-btn a:hover::before,
.season .exhibits-btn a.active::before,
.add-btn a.active::before {
    background-position: 0 -59px;
}

/* .add-btn a:nth-child(1):before {
    background-image: url('../../images/flower/latest.png');
}

.add-btn a:nth-child(2):before {
    background-image: url('../../images/flower/upload.png');
} */

.season .exhibits-btn a:nth-child(1):before {
    background-image: url('../../images/flower/f01.png');
}

.season .exhibits-btn a:nth-child(2):before {
    background-image: url('../../images/flower/f02.png');
}

.season .exhibits-btn a:nth-child(3):before {
    background-image: url('../../images/flower/f03.png');
}

.season .exhibits-btn a:nth-child(4):before {
    background-image: url('../../images/flower/f04.png');
}

.add-btn a:nth-child(1):before {
    background-image: url('../../images/flower/contribute.png') !important;
}

.add-btn {
    flex: 1;
    border-left: #E4E4E4 1px solid;
    padding: 0 1rem;
    align-items: center;
}

.exhibits-btn-tag a {
    display: inline-block;
    font-size: 1rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE !important;
    border-radius: 4px;
    padding: 4px 8px;
    margin: 0.25rem 0.5rem 0.25rem 0;
    width: initial;
    height: initial;
}

.exhibits-btn-tag a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.exhibits-btn-tag a.active {
    color: #fff;
    background-color: #007C69;
}

.areaBlk.subcheck,
.floorBlk.subcheck {
    position: initial;
    width: initial;
    margin-bottom: 1rem;
}

.areaBlk.subcheck,
.floorBlk.subcheck {
    flex-wrap: wrap;
    width: 790px;
}


/* .areaBlk.subcheck .subcheck-item input[type=radio]:checked+span img,
.floorBlk.subcheck .subcheck-item input[type=radio]:checked+span img {
    filter: none;
} */

.areaBlk.subcheck .subcheck-item.active img,
.floorBlk.subcheck .subcheck-item.active img,
.areaBlk.subcheck .subcheck-item:hover img,
.floorBlk.subcheck .subcheck-item:hover img {
    filter: none;
}

.areaBlk.subcheck .subcheck-item img {
    width: 60px;
    height: 60px;
    margin: 0.5rem auto;
    display: block;
}

.areaBlk.subcheck .subcheck-item input[type=radio]+span {
    text-align: center;
    min-width: 95px;
    padding: 0.25rem 0.5rem;
    border: none;
}

.areaBlk.subcheck .subcheck-item input[type=radio]:checked+span {
    color: #262626;
}


/* .areaBlk.subcheck .subcheck-item input[type=radio].human:checked+span {
    background-color: #9ec99b;
}

.areaBlk.subcheck .subcheck-item input[type=radio].life:checked+span {
    background-color: #50b5b1;
}

.areaBlk.subcheck .subcheck-item input[type=radio].earth:checked+span {
    background-color: #15a2cf;
}

.areaBlk.subcheck .subcheck-item input[type=radio].science:checked+span {
    background-color: #a79cc7;
}

.areaBlk.subcheck .subcheck-item input[type=radio].exhibits:checked+span {
    background-color: #ec9343;
}

.areaBlk.subcheck .subcheck-item input[type=radio].theater:checked+span {
    background-color: #f1c24c;
} */

.areaBlk.subcheck .subcheck-item.active:has(.human) {
    background-color: #9ec99b;
    color: #262626;
}

.areaBlk.subcheck .subcheck-item.active:has(.life) {
    background-color: #50b5b1;
    color: #262626;
}

.areaBlk.subcheck .subcheck-item.active:has(.earth) {
    background-color: #15a2cf;
    color: #262626;
}

.areaBlk.subcheck .subcheck-item.active:has(.science) {
    background-color: #a79cc7;
    color: #262626;
}

.areaBlk.subcheck .subcheck-item.active:has(.exhibits) {
    background-color: #ec9343;
    color: #262626;
}

.areaBlk.subcheck .subcheck-item.active:has(.theater) {
    background-color: #f1c24c;
    color: #262626;
}

.floor_plan {
    position: relative;
}

.floor_plan svg {
    width: 790px;
    height: auto;
    margin: 1rem 0;
}

.floor_plan .floor-block {
    opacity: 0;
}

.floor_plan text tspan {
    font-size: 2rem;
    /* font-weight: 500; */
    fill: #464646;
}

.floor_plan svg g a:hover .floor-block,
.floor_plan svg g a:focus .floor-block {
    opacity: 1 !important;
}

.floor_plan svg g a:focus {
    outline-width: 8px !important;
}

/* 特展室當期展覽 */
.current-exhibition {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.current-exhibition .exhibitionBlk {
    position: absolute;
    transition: all .5s;
    opacity: 0;
    display: none;
    width: 120px;
}

.current-exhibition .exhibitionBlk.hovering {
    display: block;
    opacity: 1;
    animation: fadeIn .5s;
}

.current-exhibition .exhibitionBlk.hovering-checked {
    display: block !important;
    opacity: 1 !important;
    animation: fadeIn .5s;
}

.current-exhibition .exhibitionBlk .photo {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    aspect-ratio: 4 / 3;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .3);
    border: 1px solid #ccc;
    position: relative;
}

.current-exhibition .exhibitionBlk .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.current-exhibition .exhibitionBlk .exhibition-line {
    display: block;
    width: 1px;
    height: 50px;
    background-color: #333;
    position: absolute;
    bottom: -50px;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.imgMaxWidth {
    max-width: 100%;
    height: auto;
}

.imgMaxHeight {
    max-height: 100%;
    width: auto;
}

.gift {
    margin-bottom: 1rem;
    margin-top: 2.25rem;
}

@media (max-width: 768px) {
    .gift {
        padding: 1rem 0.5rem;
    }
}

.gift .album-content {
    margin-top: 0;
}

.gift .album-slide {
    margin-bottom: 0;
}

.gift .album-thumbs .swiper-slide {
    height: 70px;
}

.gift .album-previous,
.gift .album-next {
    width: 36px;
    height: 36px;
}

.gift .info {
    flex-direction: column;
    float: initial;
    padding: 0.5rem 0 0 0;
}

.gift .info-item {
    margin-bottom: 0.25rem;
}

.gift .info-item i {
    width: 20px;
    text-align: center;
    margin-right: 0.25rem;
}

.gift .album-thumbs {
    margin-top: 1rem;
    overflow: hidden;
}

.gift h4 {
    margin-top: 0;
}

a.theater-btn:hover {
    color: #fff;
}

.scienceBlk {
    margin: 2.25rem 0 0 0;
}

.podcast-img {
    width: 80%;
    margin: 1rem auto !important;
}

.podcast-img img {
    width: 100%;
    height: auto;
}

.podcast-img span {
    display: block;
    text-align: center;
    padding: 0.5rem 1rem;
    color: #464646;
    display: block;
    font-size: 1rem;
}

.podcastBlk {
    margin: 2.25rem 0 0 0;
}

.collection {
    letter-spacing: initial;
}

.collection .collection-info {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
    justify-content: center;
    /* align-items: center; */
}

.collection .collection-info .year,
.collection .collection-info .total {
    background-color: #EBFAF7;
    border-radius: 10px;
    margin: 0 0.5rem;
    padding: 1rem 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex: 1;
    text-align: center;
}

@media (max-width:1024px) {

    .collection .collection-info .year,
    .collection .collection-info .total {
        margin: 0.5rem;
    }
}

@media (max-width:540px) {

    .collection .collection-info .year,
    .collection .collection-info .total {
        width: 100%;
        flex: initial;
    }
}

.collection .collection-info .add {
    background-color: #EBFAF7;
    border-radius: 10px;
    margin: 0 0.5rem;
    padding: 1rem 0;
    flex: 1;
    text-align: center;
    min-height: 130px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width:540px) {
    .collection .collection-info .add {
        margin: 0.5rem;
    }
}

.collection .collection-info .add .number {
    font-size: 1.5rem;
}

.collection .collection-info .number {
    font-size: 2.6rem;
    font-weight: bold;
    color: #007C69;
    margin: 0.5rem 0;
}

.collection .collection-info .number span,
.collection .collection-info .add .number span {
    font-size: 1rem;
    font-weight: 400;
    color: #464646;
}

.en .collection .collection-info .number span {
    margin-left: 2px;
}

.collection .collection-info .heading {
    margin-bottom: 0;
    justify-content: center;
    color: #464646;
}

.collection .collection-info p {
    padding-top: 0;
    margin: 0;
}

.collection .collection-info ol {
    margin: 0.5rem 0 0 0;
    text-align: initial;
}

.collection .collection-info ol li {
    list-style: none;
    counter-increment: my-counter;
}

.collection .collection-info ol li::before {
    content: "Top "counter(my-counter) "";
    font-weight: bold;
    color: #fff;
    font-size: 0.875rem;
    margin-right: 0.5rem;
    background-color: #F36538;
    padding: 0.2rem 0.3rem;
    border-radius: 4px;
}

.collection .collection-info .this_year {
    font-size: 1rem;
    margin: 0.35rem 0 0rem 0;
}

.collection .collection-info .this_year:first-child {
    margin: 0.35rem 0 1rem 0;
}

.en .collection .collection-info .this_year:first-child {
    margin: 0;
}

.collection .collection-info .last_year {
    font-size: 1rem;
}

.collection .collection-info .last_year span,
.collection .collection-info .this_year span {
    font-size: 2.6rem;
    font-weight: bold;
    color: #007C69;
    margin: 0.5rem 0;
}

.en .collection .collection-info .this_year span {
    line-height: 2.6rem;
    margin-right: 2px;
}

.collection .collection-item {
    display: flex;
    flex-wrap: wrap;
}

.collection .collection-item .item {
    margin: 1%;
    background-color: #f5f5f5;
    padding: 1rem 0.5rem;
    border-radius: 10px;
    width: 23%;
    text-align: center;
    position: relative;
}

.collection .collection-item .item i {
    font-size: 2rem;
    margin: 0.5rem 0;
    color: #009D85;
}

@media (max-width:991px) {
    .collection .collection-item .item {
        width: 23%;
    }
}

@media (max-width:674px) {
    .collection .collection-item .item {
        width: 31.33%;
    }
}

@media (max-width:505px) {
    .collection .collection-item .item {
        width: 48%;
    }
}

.collection .collection-item .item img {
    mix-blend-mode: multiply;
    margin-bottom: 0.5rem;
}

.collection .collection-item.rank .item img {
    mix-blend-mode: initial;
    margin-bottom: 0rem;
}

.collection .collection-item .item .number {
    color: #262626;
    font-size: 1.5rem;
    font-weight: 500;
}

.collection .collection-item .item .number span {
    font-size: 1rem;
    color: #464646;
}

.collection .collection-item .item .add {
    color: #262626;
    border-radius: 5px;
    font-size: 0.9rem;
    margin-left: 0.25rem;
}

.collection .collection-item .item .add2 {
    color: #262626;
    border-radius: 5px;
    font-size: 0.9rem;
    margin-left: 0.25rem;
}

.collection .collection-item.category .item {
    background-color: #EBFAF7;
    width: 18%;
}

@media (max-width: 767px) {
    .collection .collection-item.category .item {
        width: 31.33%;
    }
}

@media (max-width: 480px) {
    .collection .collection-item.category .item {
        width: 48%;
    }
}

.collection .collection-item.category .item img {
    margin-bottom: 0.5rem;
    mix-blend-mode: initial;
}

.collection .collection-item.rank .item {
    width: 48%;
    background-color: #EBFAF7;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .collection .collection-item.rank .item {
        width: 98%;
    }

    .collection .collection-item.rank .item .text {
        white-space: nowrap;
    }
}

@media (max-width: 414px) {
    .collection .collection-item.rank .item {
        padding: 0.65rem 0.75rem;
    }
}

.collection .collection-item.rank .round {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

@media (max-width: 375px) {
    .collection .collection-item.rank .round {
        width: 45px;
        height: 45px;
    }
}

.collection .collection-item.rank .numBlk {
    margin-left: auto;
}

@media (max-width: 767px) {
    .collection .collection-item.rank .numBlk {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.collection .numBlk {
    display: flex;
    justify-content: center;
    justify-items: center;
}

.collection .numBlk.column {
    flex-direction: column;
}

.chart {
    margin: 2.25rem 0 0 0;
}

.chart .select-group {
    flex: initial;
}

.chart select {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: #02BB9F 1px solid;
    color: #464646;
    /* padding: 0.535rem 0.25rem; */
    border-radius: 0;
    height: initial;
}

.chart form span {
    font-size: 1rem;
    color: #464646;
}

.formBlk label,
.formBlk .title {
    width: 151px;
}

@media (max-width: 576px) {

    .formBlk label,
    .formBlk .title {
        width: 100%;
    }
}

.formBlk .check-item label {
    width: initial;
}

.calendarBlk {
    border: #E4E4E4 1px solid;
    overflow: hidden;
    border-radius: 8px;
}

.calendarBlk .table {
    border: #E4E4E4 1px solid;
    background-color: initial;
    border-collapse: collapse;
    width: 100% !important;
    min-width: inherit;
}

.calendarBlk .table .thead {
    text-align: center;
}

@media (max-width: 767px) {
    .calendarBlk .table .thead {
        display: none;
    }
}

.calendarBlk .table .tr:nth-child(odd) {
    background-color: initial;
}

.calendarBlk .table .th {
    width: calc(100% / 7);
}

.calendarBlk .table .th,
.calendarBlk .table .td {
    border: #E4E4E4 1px solid;
    padding: 0.25rem 0.5rem;
}

.calendarBlk .table .td {
    height: 80px;
    position: relative;
    padding: .5rem .5rem .75rem;
}

.calendarBlk .table .td:not(.expired) {
    color: #007c69;
}

.calendarBlk .table .td.expired {
    padding-bottom: 0.25rem;
}

@media (max-width: 767px) {
    .calendarBlk .table .td {
        width: 100%;
        display: block;
        height: initial;
        border: none;
        border-bottom: #E4E4E4 1px solid;
        padding: 0.5rem;
    }

    .calendarBlk .table .tr:last-child .td:last-child {
        border: none;
    }
}

.calendarBlk .table .day {
    color: #464646;
    font-size: 0.875rem;
    display: flex;
    justify-content: flex-end;
}

.calendarBlk .table .day span {
    display: none;
}

@media (max-width: 767px) {
    .calendarBlk .table .day {
        justify-content: initial;
    }

    .calendarBlk .table .day span {
        display: block;
        font-size: 0.875rem;
        color: #464646;
        margin-right: 0.25rem;
        align-self: center;
    }
}

.calendarBlk .table .expired,
.calendarBlk .table .closed {
    background-color: #f5f5f5;
    opacity: 0.5;
}

.calendarBlk .table .today {
    background-color: #EBFAF7;
}

.calendarBlk .table .td.today {
    border-top: #05D9B8 solid 5px;
}

.calendarBlk .table .reserve-event {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: .95rem;
}

.calendarBlk .table .reserve-event:has(span) {
    justify-content: flex-end;
    padding: 0 2px 0 0;
}

.calendarBlk .table .expired.closed .reserve-event {
    font-size: .875rem;
    display: flex;
    align-items: center;
    color: #333;
}

/* .calendarBlk .table .expired.closed .reserve-event .reserve-event .reserve-event{
    background: url('../../images/icon/museum-close.png') left top no-repeat;
    background-size: 18px auto;
    line-height: 20px;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0 0 0 20px;
    text-indent: 20px;
} */

/* .calendarBlk .table .expired.closed .reserve-event .reserve-event {
    background: none;
} */

.calendarBlk .table .expired.closed .day + .reserve-event>.reserve-event::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../../images/icon/museum-close.png');
    background-size: cover;
}
@media (max-width: 767px) {
    .calendarBlk .table .reserve-event {
        /* display: initial; */
        flex-flow: column;
        align-items: center;
    }
}

.calendarBlk .table .reserve-event .btn {
    padding: 0;
    font-size: 0.9rem;
    width: calc(100% - 1rem);
}

@media (max-width: 767px) {
    .calendarBlk .table .reserve-event .btn {
        width: initial;
        padding: 0 1rem;
    }
}

.calendarBlk .table .reserve-event a.disabled {
    background-color: #999;
    border: #999 solid 1px;
    cursor: not-allowed;
    pointer-events: initial;
}

.calendarBlk .table .reserve-event .reserve-item {
    font-size: 0.85rem;
    line-height: 1.35;
    margin-bottom: 0.25rem;
    padding-left: 0.5rem;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .calendarBlk .table .reserve-event .reserve-item {
        font-size: 1rem;
    }
}

.calendarBlk .table .reserve-event .reserve-item::before {
    content: '\f0da';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-right: 3px;
    margin-left: -0.5rem;
}

.calendarBlk .table .reserve-event .reserve-event a {
    /* position: absolute;
    bottom: 0.5rem;
    left: 0.5rem; */
}

@media (max-width: 767px) {
    .calendarBlk .table .reserve-event .reserve-event a {
        position: initial;
    }
}

.today-btn a {
    cursor: pointer;
    border: none;
    border-radius: 2px !important;
    width: initial !important;
    height: initial !important;
    padding: 0 0.5rem;
    margin-left: 1rem;
}

.lost-statistics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
}

@media (max-width: 540px) {
    .lost-statistics {
        flex-direction: column;
    }
}

.visit {
    font-size: 1.5rem;
    font-weight: 700;
    margin-left: auto;
    text-align: center;
}

.growing {
    font-size: 0.9rem;
    margin-left: 0.25rem;
    text-align: center;
}

@media (max-width: 540px) {
    .total h3 {
        font-size: 1.2rem !important;
        line-height: 1.5;
    }

    .visit {
        font-size: 1.2rem;
    }

    .growing {
        font-size: 0.9rem;
    }
}

@media (max-width: 375px) {
    .visit {
        font-size: 0.95rem;
    }

    .growing {
        font-size: 0.75rem !important;
    }
}

.visit {
    color: #009D85;
}

.growing {
    color: #026BC8;
}

.lost-num {
    color: #009D85;
}

.get-num {
    color: #2690EE;
}

.green-num {
    color: #009D85;
}

.blue-num {
    color: #2690EE;
}

.lost-num,
.get-num {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    padding: 0 0.25rem;
}

.green-num,
.blue-num {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    padding: 0 0.2rem;
}

.green-num span,
.blue-num span {
    font-weight: 400;
    color: #262626;
}

.theme-search .accordion-link a {
    background-color: initial;
    border-bottom: none;
    padding: 0;
    margin-bottom: 0.5rem;
}

.theme-search .accordion-content {
    padding: 0 0 1rem 0;
}

.theme-search .check-group {
    padding-right: 1rem;
}

.theme-search .check-item {
    width: 100%;
    padding: 0;
    margin-left: 20px;
}

.theme-search .check-item label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
}

.theme-search .check-item label:hover {
    color: #05D9B8;
}

.theme-search .check-item input[type=checkbox] {
    width: 16px;
    height: 16px;
}

.theme-search .check-item .form-check-input {
    margin-left: -1.2rem;
    margin-top: 0.25rem;
}

.theme-search .card-small {
    padding: 0.75rem;
}

.theme-search .card-small .text {
    padding: 0;
}

.theme-search .card-small .descript {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theme-search .search-result .search-title {
    margin-bottom: 1rem;
}

.theme-search .send button {
    margin-left: 0;
}

image.popular:hover,
a:focus image.popular {
    filter: brightness(0.85);
}

.staff {
    min-width: initial !important;
}

.staff .single-img {
    width: 50%;
}

.staff .photo {
    text-align: center;
}

.staff .photo img {
    max-width: 100%;
    width: initial !important;
    height: auto;
}

.staff .th {
    width: 150px;
    text-align: center;
    border-bottom: rgba(245, 255, 253, 0.4) 1px solid;
}

@media (max-width:560px) {
    .staff .th {
        width: 60px;
    }
}

.symbols .imgBlk {
    background-color: #F2FCFA;
}

.symbols .item .photo {
    background-color: initial;
    margin: 1rem 0;
}

.symbols .item .photo img {
    height: 100%;
    width: auto;
    object-fit: initial;
}

.symbols .item .text {
    min-height: 40px;
    text-overflow: initial;
    overflow: initial;
    white-space: initial;
}

.symbols .item .text p {
    line-height: 20px;
    margin-bottom: 0;
}

.symbols .item .text a {
    display: initial;
}

.symbols .item a:hover {
    outline: none !important;
    box-shadow: none;
}

.symbols .photo+span {
    padding: 0.5rem;
}

.rule {
    margin: 2.25rem 0 0 0;
}

.rule ul li {
    display: flex;
    flex-wrap: wrap;
}

.rule ul li .download {
    margin: 0;
}

.rule ul li .date {
    margin-right: 0.5rem;
}

.exhibits .row {
    padding: 0.5rem;
}

.exhibits_margin:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    max-height: 199px;
    margin-bottom: 0;
    padding: 0 !important;
}

@media (max-width:575px) {
    .exhibits_margin:nth-child(1) {
        max-height: initial
    }
}

.exhibits_margin:nth-child(2) {
    padding: 0 0 0 1rem !important;
}

@media (max-width: 575px) {
    .exhibits_margin:nth-child(2) {
        padding: 1rem 0 0 0 !important;
        margin-bottom: 0;
    }
}

.exhibits_margin h4 {
    margin-top: 0;
}

.job .row {
    margin-top: 0;
}

.job .row .text p {
    margin-bottom: 0;
}

.job .item {
    padding: initial !important;
    background-color: #EBFAF7;
    margin: 0 0.5rem 1rem 0.5rem;
    max-width: calc(25% - 1rem);
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 575px) {
    .job .item {
        max-width: calc(50% - 1rem);
    }
}

.job .item .name {
    text-overflow: initial;
    overflow: initial;
    white-space: initial;
}

.youtube {
    background-color: #EBFAF7;
}

.youtube span {
    padding: 0.5rem 1rem;
    color: #464646;
    display: block;
    font-size: 0.875rem;
    line-height: 1.3;
}

.youtube span strong {
    display: block;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 0
}

.owl-theme .owl-nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.owl-theme .owl-nav [class*=owl-] {
    padding: 0 0;
    display: inline-block;
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0);
    text-align: center;
    cursor: pointer;
}

.owl-theme .owl-nav .owl-prev {
    left: 2px;
}

.owl-theme .owl-nav .owl-next {
    right: 2px;
}

.owl-theme .owl-nav [class*=owl-]:hover,
.owl-theme .owl-nav [class*=owl-]:focus {
    background: rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, 1);
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .35;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0);
}

.owl-theme .owl-dots .owl-dot:focus {
    border: 2px dotted orange;
}

.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 5px 4px;
    background: #e0e0e0;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    text-indent: -9999px;
}

@media (max-width: 1200px) {
    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 3px;
    }
}

[v-cloak] {
    display: none;
}

.notice.dup a {
    color: red;
}

div.bannerBlock.col-12 {
    padding: 0;
}

div.bannerBlock.col-md-4 {
    padding-right: .5rem !important;
    padding-left: 0 !important;
}

div.bannerBlock.col-md-4+div.bannerBlock.col-md-4 {
    padding: 0 !important;
}

div.bannerBlock.col-md-4+div.bannerBlock.col-md-4+div.bannerBlock.col-md-4 {
    padding-right: 0 !important;
    padding-left: .5rem !important;
    margin-bottom: .5rem !important;
}

.big-swiper-container {
    width: 100%;
    box-sizing: border-box;
}

.small-swiper-container {
    width: 100%;
    /*box-sizing: border-box;*/
}

.big-swiper-container img {
    width: 100%;
    height: 35vw;
    max-height: 448px;
}

.small-swiper-container img {
    width: 100%;
    height: 13vw;
    max-height: 166px;
}

@media screen and (max-width: 768px) {
    .small-swiper-container img {
        width: 100%;
        height: 35vw;
        max-height: 266px;
    }

    div.bannerBlock.col-md-4+div.bannerBlock.col-md-4+div.bannerBlock.col-md-4 {
        padding-left: 0 !important;
    }
}


/* Thesys */


/*最新消息 css*/

.dataTables_info,
.dataTables_filter,
.dataTables_length {
    display: none;
}

#ajax_row {
    border-bottom: none !important;
    margin-bottom: 30px;
}

#ajax_row tr {
    cursor: pointer;
}

#ajax_row tr:focus {
    outline-width: 3px !important;
    outline-style: solid !important;
    outline-color: #FFBF47 !important;
}

#ajax_row td {
    white-space: nowrap;
    color: #696866;
    border-bottom: 1px solid #C3C4C4;
}

#ajax_row td:hover {
    color: #00a296;
}

#ajax_row td:nth-child(3) {
    color: #006665;
}

#ajax_row td:nth-child(4) {
    text-align: right;
}

#ajax_row td:nth-child(5) {
    width: 100%;
    white-space: inherit;
}

#ajax_row_paginate {
    width: 100%;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative !important;
    display: inline-block !important;
    padding: .5rem .75rem !important;
    margin-left: -1px !important;
    line-height: 1.25 !important;
    color: #005bac !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    background: #999999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #999999 !important;
    color: #fff !important;
}

.dg_menu_left h4 {
    position: relative;
    display: block;
    width: 100%;
    background-color: #8C7744;
    border-bottom: 1px solid white;
    color: white;
    font-size: 1.375em;
    cursor: pointer;
}

.dg_menu_left li {
    width: 100%;
    display: block;
}

#type_title {
    padding: 10px 20px;
    background-color: #118775;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}


/*當日行程表css*/

.stroke_warp {
    width: 100%;
    padding: 15px 20px;
    color: #fff;
    background-color: #118775;
    border-radius: 10px;
    margin-bottom: 30px;
}

a.btn-light {
    background-color: #38B7A7 !important;
    color: #fff !important;
    border: none !important;
}

a.btn-light:hover {
    background-color: #fff !important;
    color: #118775 !important;
    border: none !important;
}

.nowDate {
    font-size: 1.513em !important;
}

.title_th th {
    background-color: #118775;
    color: #fff;
    border-right: 1px solid #fff;
}

.list td {
    border-bottom: 1px solid #C9CACA !important;
}

.title_th th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.title_th th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.stroke_warp ul {
    list-style-type: none;
    padding: 0;
}

.list table {
    border: none !important;
}

.list .lave2 {
    background-color: #6FB1A2;
}

div.cp {
    background: #f7f7f7;
    border-radius: 5px;
    box-shadow: 0 0 8px #CCCCCC;
    overflow: hidden;
    margin-bottom: 20px;
}

span.cp {
    display: block;
    font-size: 1.125em;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFF;
    padding: 10px 20px;
}

div.dateTime {
    background-color: #FFC;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    margin: 0 0 20px;
}

#_op a {
    color: #009c84 !important;
}


/*展覽及劇場列表*/

.exhibits_margin {
    margin: 0 0 1rem 0;
}

@media (max-width: 576px) {
    .exhibits_margin {
        margin: 0 0 1rem 0;
    }
}

.theater_title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.ss {
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    background-color: #118775;
    border-radius: 5px;
    position: relative;
    text-align: right;
    position: absolute;
    top: 5px;
    line-height: 10px;
}


/*活動花絮照片內容*/

.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 80%;
    width: 100%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.thumbs-height {
    height: 650px;
}

@media (min-width: 993px) and (max-width: 1200px) {
    .thumbs-height {
        height: 450px;
    }
}

@media screen and (max-width: 992px) {
    .thumbs-height {
        height: 500px;
    }
}

@media screen and (max-width: 767px) {
    .thumbs-height {
        height: 400px;
    }
}

@media screen and (max-width: 500px) {
    .thumbs-height {
        height: 300px;
    }
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.siuth-swiper {
    height: 50vw;
    max-height: 800px;
}

.swiper-slide {
    text-align: center;
    font-size: 1.125em;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-top {
    height: 80%;
    width: 100%;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}


/*活動花絮*/

.featuer-img {
    width: 100%;
    padding-top: 65%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.featuer-item {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    cursor: pointer;
}

.featuer-item-title {
    font-size: 1em;
    position: absolute;
    top: 0;
    z-index: 3;
    width: 100%;
    color: #fff;
    padding: 10px 20px;
}

.hover-cover {
    display: none;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.featuer-item:hover .hover-cover {
    display: block;
}


/*最新消息內頁*/

.img_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .6);
    padding: 5px 10px;
    text-align: left;
    margin: 0 !important;
}

div.dateTime {
    background-color: #FFC;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    margin: 0 0 20px;
}

#type_title {
    padding: 10px 20px;
    background-color: #118775;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
}

#ajax_row a,
#ajax_ontop a {
    color: #727171;
    padding: 15px 0;
    border-bottom: 1px solid #C9CACA;
}

#ajax_row a:hover,
#ajax_ontop a:hover {
    color: #00a296;
}

.newstitle {
    width: 100%;
    background: #118775 !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
    padding: 10px 20px !important;
}

.share_data {
    width: 100%;
    padding: 5px 20px;
    background: #38B7A7;
    border-radius: 10px;
    margin-bottom: 15px;
}

.share_data ul {
    width: auto;
}

.share_data li {
    width: auto;
}

.sp_title {
    width: 100%;
    text-align: left;
}

.share_ul li {
    margin: .5em .1em !important;
}

.data_ul li {
    line-height: 47px !important;
}

.innerhtml li {
    display: list-item;
}

.news_swiper {
    position: relative;
    width: 100%;
    height: 23vw;
    max-height: 295px;
    margin-bottom: 30px;
    overflow: hidden;
}

.img_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .6);
    padding: 5px 10px;
    text-align: left;
    margin: 0 !important;
}

.news_date {
    display: inline-block;
    padding-right: 3%;
    overflow: hidden;
    font-size: 1em;
    line-height: 26px;
    vertical-align: top;
    color: #006665;
}

.news_title {
    display: inline-block;
    width: calc(100% - 120px);
    font-size: 1em;
}

.btn-group {
    display: none;
}

.dropdown-menu {
    left: 35%;
}

.dropdown-menu a {
    color: #333;
}

.ts_background:hover {
    background: white !important;
}

.ts_overflow_Xh {
    overflow-x: hidden;
}

.ts_content {
    word-wrap: break-word;
}

@media screen and (max-width: 768px) {
    .w100 {
        width: 100% !important;
    }
}

.dg_footer_item>div>a:hover {
    color: white;
}

.dg_footer_area h6:hover {
    color: #00a296;
}

.defHide {
    display: none;
}

.ts-margin-t-10 {
    margin-top: 10px;
}

.ts-margin-b-10 {
    margin-bottom: 10px;
}

.ts-margin-b-50 {
    margin-bottom: 50px;
}

.ts-color-gray {
    color: gray;
}

.ts-position-center {
    text-align: center;
}

.ts-position-center a {
    margin-right: 20px;
    margin-left: 20px;
}

.ts-ul-ls-none {
    list-style: none;
}

.ts-font-size-x2large {
    font-size: xx-large !important;
}

.ts-float-left {
    float: left;
}

.ts-h200 {
    height: 200px;
}

.ts-max-w100 {
    max-width: 100px;
}

.bd-e92d6f a {
    border-left: #e92d6f solid 3px;
}

.ts-weather-textlenlimit {
    margin-bottom: 0px;
    font-size: 1rem;
    text-align: initial;
}

.ts-weather-text {
    margin-bottom: 0px;
    text-align: initial;
}

@media(max-width: 768px) {
    .ts-mb-only {
        display: block !important;
    }
}

@media(min-width: 769px) {
    .ts-mb-only {
        display: none !important;
    }
}

.news-file-link {
    width: max-content;
    /*IE11 not support*/
}

.news-file-display {
    display: flex;
}

.wcw-header {
    background-color: #007C69 !important;
}

.wcw-quick-reply-button {
    border: #007C69 1px solid !important;
    border-radius: 0.25rem !important;
    color: #007C69 !important;
    padding: 0.25rem 0.8rem !important;
}

.wcw-boop:focus,
.wcw-boop:hover {
    animation: none !important;
    border: #05D9B8 1px solid !important;
    color: #05D9B8 !important;
}

.wcw-launcher button {
    background-color: #EBFAF7 !important;
    margin-bottom: 85px;
    margin-right: 26px;
    width: 56px;
    height: 56px;
    box-shadow: 0px 8px 18px -6px rgb(24 39 75 / 12%), 0px 12px 42px -4px rgb(24 39 75 / 12%);
}

@media (max-width:560px) {
    .wcw-launcher button {
        margin-bottom: 54px;
        margin-right: -13px;
        width: 36px;
        height: 36px;
    }
}

@media (max-width:450px) {
    .wcw-launcher button {
        margin-right: -5px;
    }
}

.wcw-launcher button:hover {
    background-color: #05D9B8 !important;
    transform: none !important;
    box-shadow: 0px 8px 18px -6px rgb(24 39 75 / 12%), 0px 12px 42px -4px rgb(24 39 75 / 12%) !important;
    animation: none !important;
}

.wcw-scale-up-center-active:active,
.wcw-scale-up-center:focus,
.wcw-scale-up-center:hover {
    animation: none !important;
}

.wcw-scale-down-center {
    animation: none !important;
}

.wcw-launcher button i {
    color: #007C69 !important;
    font-size: 30px;
    transition: none !important;
    transform: none !important;
}

@media (max-width:560px) {
    .wcw-launcher button i {
        font-size: 22px;
    }
}

.wcw-launcher button:hover i {
    color: #fff !important;
}

.wcw-chat-area {
    right: 130px !important;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1000px !important;
    }
}

.modal-header .close {
    margin: 0 !important;
    color: #009D85;
    font-size: 1.28rem;
    min-height: 56px;
}

.modal-header .close span {
    vertical-align: middle;
}

@media (max-width:320px) {
    #chart-block .d-flex {
        flex-wrap: wrap;
        white-space: nowrap;
    }

    #chart-block .d-flex>div {
        width: 62%;
    }

    #chart-block button {
        margin-top: 1rem;
    }
}

@media (max-width:768px) {
    .scienceimages {
        padding: 0 1.5rem;
    }
}

.scienceimages::before,
.scienceimages::after {
    display: none;
}

.detail .scienceimages ul {
    padding: 0;
    margin: 0;
}

.scienceimages ul li {
    background-color: initial;
    border: 1px solid rgba(0, 0, 0, .125);
    height: 245px;
}

@media (max-width:768px) {
    .scienceimages ul li {
        height: initial;
    }

    .scienceimages ul li .img {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #f1f1f1;
        aspect-ratio: 4/3;
    }

    .scienceimages ul li .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


.scienceimages ul li .text {
    width: 350px;
    padding: 0 1.25rem 0 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width:768px) {
    .scienceimages ul li .text {
        width: 100%;
        padding: 1rem;
        align-items: flex-start;
    }

    .scienceimages ul .owl-item:not(.active) li .img {
        width: 100%;
    }

    .scienceimages ul .owl-item:not(.active) li .text {
        padding: 1rem 1.5rem !important;
        width: initial !important;
    }
}

.scienceimages .owl-theme .owl-nav [class*=owl-] {
    top: 44%;
    margin: 0;
}

.detail .scienceimages .text .category {
    color: #757575;
    margin-bottom: 0.25rem;
    justify-content: flex-start;
}

.detail .scienceimages .text .category div {
    line-height: 1;
    margin-bottom: 0.25rem;
}

.detail .scienceimages .text .category div::after {
    content: none;
}

.detail .scienceimages .text .category .rank::before {
    content: '\f521';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
}

.detail .scienceimages .text .category .rank::after {
    content: '|';
    color: #757575;
}

.scienceimages ul li .heading {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scienceimages ul .owl-item:not(.active) li {
    transform: initial;
    opacity: initial;
}

.scienceimages ul .owl-item:not(.active) li .text {
    width: 350px;
    transform: initial;
    padding: 1.5rem;
}

.scienceimages ul .owl-item:not(.active) li .img img {
    height: auto;
}

.detail .scienceimages .text .category div::before {
    position: initial;
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 0.25rem;
    background-size: contain;
    vertical-align: text-bottom;
    opacity: 0.7;
}

.detail .scienceimages ul li::before {
    content: none;
}

.scienceimages ul li .goto a {
    padding: 0;
    max-width: initial;
    color: #007C69;
    text-align: left;
    display: initial;
}

.scienceimages ul li .goto a:hover {
    border: none;
    transition: none;
}

.scienceimages ul li .descript {
    -webkit-line-clamp: 4;
    margin-bottom: 0;
    text-align: justify;
}

@media (max-width:739px) {
    .ch .table-responsive::before {
        content: '向右滑看更多 ➨';
        position: sticky;
        left: 0px;
    }

    .en .table-responsive::before {
        content: 'Swipe right to read more ➨';
        position: sticky;
        left: 0px;
    }

    .th:first-of-type,
    thead th:first-of-type {
        border-radius: 8px 0 0 0;
    }

    .th:last-of-type,
    thead th:last-of-type {
        border-radius: 0 8px 0 0;
    }
}

.h3 {
    font-size: 1.25rem;
    line-height: 28px;
    color: #262626;
    display: flex;
    align-items: center;
    margin-bottom: 1.375rem;
    margin-top: 2.25rem;
    font-weight: 500;
}

.h3::before {
    content: '';
    display: inline-block;
    width: 10px;
    background-color: #E4E4E4;
    transform: skew(-20deg);
    margin: 0 0.5rem 0 0.25rem;
    height: 24px;
}

.h4 {
    font-size: 1.125rem;
    color: #262626;
    margin-bottom: 0.25rem;
    line-height: 28px;
    margin-top: 1.5rem;
    font-weight: 500;
}

.h4 i {
    width: 24px;
    text-align: center;
    color: #009D85;
}

.detail .info .like-img {
    position: relative;
}

.like-img::before {
    background-image: url('../../images/icon/like_line.png');
}

.like-img.active::before, .like-img.active:focus::before {
    background-image: url('../../images/icon/like.png') !important;
}

.like_num {
    position: absolute;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 0.875rem;
    padding: 0rem 0.5rem;
    white-space: nowrap;
    z-index: 3;
    margin-right: 35px;
}

.like_num::before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: -5px;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
}

.likeBlk .gallery-item,
.likeBlk li {
    position: relative;
}

.likeBlk .gallery-item button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    border: none;
}

.likeBlk li button {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    border: none;
}

.likeBlk .gallery-item button:hover,
.likeBlk .gallery-item button:focus,
.likeBlk li button:hover,
.likeBlk li button:focus {
    background-color: #05D9B8;
}

.likeBlk .gallery-item button::before,
.likeBlk li button::before {
    content: '';
    display: block;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    background-repeat: no-repeat;
    filter: initial !important;
}

.likeBlk .gallery-item button:hover::before,
.likeBlk .gallery-item button:focus::before,
.likeBlk li button:hover::before,
.likeBlk li button:focus::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%) !important;
}

.likeBlk .gallery-item button.active:hover::before,
.likeBlk .gallery-item button.active:focus::before,
.likeBlk li button.active:hover::before,
.likeBlk li button.active:focus::before {
    filter: brightness(200%) !important;
}

.likeBlk .gallery-item a {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    aspect-ratio: 4/3;
    border-radius: initial;
}

.likeBlk .gallery-item .name a {
    display: initial;
    color: #262626;
    background-color: initial;
}

.likeBlk .gallery-item a:hover {
    outline: initial !important;
    color: #05D9B8;
    border-radius: initial;
    box-shadow: initial;
}

.slideBlk .latest {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

.ranking .item {
    position: relative;
}

.ranking .like {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

.ranking .like::before {
    content: '\f004';
    font-family: "Font Awesome 5 Free";
    margin-right: 0.25rem;
    font-weight: bold;
    color: #ec8d8b;
}

.ranking .order {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

.ranking .row:first-child .item .order {
    background-color: initial;
    background-image: url('../../images/icon/crown-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    color: #464646;
}
/*
.ranking .row:nth-child(2) .item:first-child .order {
    background-color: initial;
    background-image: url('../../images/icon/crown-2.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    color: #464646;
}

.ranking .row:nth-child(2) .item:nth-child(2) .order {
    background-color: initial;
    background-image: url('../../images/icon/crown-3.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    color: #464646;
}
*/
.galleryBlk .open {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

.galleryBlk .floor {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: rgba(38, 38, 38, 0.5);
    color: #fff;
    z-index: 2;
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}


/* .text-wrap .gallery-item .name {
    text-overflow: initial;
    overflow: initial;
    white-space: initial;
} */

.modal .formBlk label,
.modal .formBlk .title {
    width: 115px;
    margin-right: 0;
    color: #262626;
}

@media (max-width:991px) {

    .modal .formBlk label,
    .modal .formBlk .title {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .modal .formBlk .radio-group .check-item {
        margin-left: 0;
    }
}

.license {
    line-height: 1.5;
    font-size: 0.9rem;
    color: #464646;
    text-align: justify;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: flex-start;
}

.license .required {
    align-self: flex-start;
}

.license input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0rem;
    position: initial;
    vertical-align: text-top;
}

.detail .modal-body .img {
    position: relative;
}

.detail .modal-body .img button {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    border: none;
}


.detail .modal-body .img button::before {
    content: '';
    display: block;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    background-repeat: no-repeat;
    filter: initial !important;
}

.detail .modal-body .img button:hover,
.detail .modal-body .img button:focus {
    background-color: #05D9B8;
}

.detail .modal-body .img button.active:hover::before,
.detail .modal-body .img button.active:focus::before {
    filter: brightness(200%) !important;
}

.detail .modal-body .img button:hover::before,
.detail .modal-body .img button:focus::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(200%) contrast(101%) !important;
}

.modal-body .formBlk .date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width:991px) {

    .modal-body .formBlk .date input,
    .modal-body .formBlk .date .select-group,
    .modal-body .formBlk .captcha input {
        width: 100%;
    }
}

@media (max-width:991px) {
    .modal-body .formBlk .select-group {
        width: 100%;
        flex: initial;
    }
}

.popular-info {
    background-color: #EBFAF7;
    padding: 1.25rem;
    border-radius: 10px;
    color: #666;
}

.popular-info .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.popular-info .round {
    width: 60px;
    height: 60px;
    background-color: #fff;
    margin-right: 1rem;
}

.popular-info .year {
    font-size: 2.6rem;
    font-weight: bold;
    color: #007C69;
    line-height: 1.2;
}

.popular-info .year span {
    font-size: 1rem;
    font-weight: 400;
    color: #464646;
}

.popular-info .imgBlk {
    margin-right: 0;
    margin-left: 1rem;
}

@media (max-width: 767px) {
    .popular-info .imgBlk {
        margin: 0.5rem 0;
    }
}

.popular-info .card {
    border-bottom: #ddd 1px solid;
    border-radius: 0;
    margin-bottom: 0;
}

.popular-info .card:last-child {
    border-bottom: none;
}

.popular-info .no-border-card .card .row {
    align-items: center;
}

.popular-info .text .h4 {
    margin: 0;
}

.popular-info .card .info {
    margin-top: 0.25rem;
}

.popular-info .card .info ul {
    margin-bottom: 0;
}

.detail .popular-info .card .info ul li {
    color: #464646;
}

.detail .popular-info .card .info ul li.link-icon::before {
    opacity: 0.8;
}

.detail .popular-info .card .info ul li.link-icon a {
    font-size: 0.75rem;
    line-height: 20px;
    color: #007C69;
    background-color: #EBFAF7;
    border: 1px solid #70F2DE;
    border-radius: 4px;
    padding: 0px 8px;
    margin: 0 0.25rem 0.25rem 0;
}

.detail .popular-info .card .info ul li.link-icon a:hover {
    color: #fff;
    background-color: #05D9B8;
}

.popular-info .card .photo a:focus {
    border: orange 2px dotted;
}

.popular-info .card .rank {
    width: 50px;
    height: 50px;
    background-color: #fff;
    margin-right: 1rem;
    border-radius: 50%;
    font-size: 1.25rem;
    line-height: 50px;
    text-align: center;
    color: #464646;
}

.popular-info .card:nth-child(1) .rank,
.popular-info .card:nth-child(2) .rank,
.popular-info .card:nth-child(3) .rank {
    background-color: initial;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    line-height: 60px;
}

.popular-info .card:nth-child(1) .rank {
    background-image: url('../../images/icon/crown-1.png');
}

.popular-info .card:nth-child(2) .rank {
    background-image: url('../../images/icon/crown-2.png');
}

.popular-info .card:nth-child(3) .rank {
    background-image: url('../../images/icon/crown-3.png');
}

.airBlk {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .future-time.airBlk {
        padding: 0;
    }
}

.airBlk .weatherBlk {
    margin-bottom: 0;
}

.airBlk .item {
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    overflow: hidden;
    margin: 0.5rem;
    width: calc(100% / 3 - 1rem);
}

@media (max-width: 767px) {
    .airBlk .item {
        width: calc(100% / 2 - 1rem);
    }
}

.airBlk .item .date {
    padding: 0.5rem;
}

.airBlk .item .date.sc {
    background-color: #F0F0F0;
    color: #464646;
}

.airBlk .name {
    color: #757575;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0.5rem;
}


/*doodle Logo*/

@media (max-width: 768px) {
    .doodleImg {
        top: 10px;
        left: 16px;
    }
}

.doodleImg a {
    width: 335px;
    height: 50px;
}

@media (max-width: 768px) {
    .doodleImg a {
        width: 260px;
        height: 36px;
    }
}

@media (max-width: 375px) {
    .doodleImg a {
        width: 220px;
        height: 32px;
    }
}

.logoBlk.doodle_03 a {
    background-image: url('../../images/doodle_logo/doodle_03.png');
}

.logoBlk.doodle_06 a {
    background-image: url('../../images/doodle_logo/doodle_06.png');
}

.logoBlk.doodle_19 a {
    background-image: url('../../images/doodle_logo/doodle_19.png');
}

.contributeBlk .img {
    border-radius: 10px;
    overflow: hidden;
    width: 80%;
    margin: 0 auto 2rem auto;
}

.contributeBlk .img img {
    width: 100%;
    height: auto;
}

.modal .contributeBlk .img {
    width: initial;
    margin: initial;
}

.modal .contributeBlk .img img {
    object-fit: contain;
    width: 100% !important;
    max-height: 450px !important;
}

.contributeBlk .activity-info {
    margin: 1rem 0 0 0;
}

@media (max-width:768px) {
    .doodleimages {
        padding: 0 2rem;
    }
}

.doodleimages::before,
.doodleimages::after {
    display: none;
}

.detail .doodleimages ul {
    padding: 0;
    margin: 0;
}

.doodleimages ul li {
    background-color: initial;
    border: 1px solid rgba(0, 0, 0, .125);
    height: 245px;
}

@media (max-width:768px) {
    .doodleimages ul li {
        height: initial;
    }
}

.doodleimages ul li .text {
    width: 350px;
    padding: 0 1.25rem 0 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width:768px) {
    .doodleimages ul li .text {
        width: 100%;
        padding: 1rem 1.5rem;
        align-items: flex-start;
    }

    .doodleimages ul .owl-item:not(.active) li .img {
        width: 100%;
    }

    .doodleimages ul .owl-item:not(.active) li .text {
        padding: 1rem 1.5rem !important;
        width: initial !important;
    }
}

.doodleimages .owl-theme .owl-nav [class*=owl-] {
    top: 44%;
    margin: 0;
}

.doodleimages .text .category {
    color: #757575;
    margin-bottom: 0.25rem;
}

.doodleimages .text .category div {
    line-height: 1;
}

.doodleimages .text .category div::after {
    content: none;
}

.doodleimages ul li .heading {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doodleimages ul .owl-item:not(.active) li {
    transform: initial;
    opacity: initial;
}

.doodleimages ul .owl-item:not(.active) li .text {
    width: 350px;
    transform: initial;
    padding: 1.5rem;
}

.doodleimages ul .owl-item:not(.active) li .img img {
    height: auto;
}

.doodleimages .text .category div::before {
    position: initial;
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 0.25rem;
    background-size: contain;
    vertical-align: text-bottom;
    opacity: 0.7;
}

.doodleimages ul li::before {
    content: none;
}

.doodleimages ul li .goto a {
    padding: 0;
    max-width: initial;
    color: #007C69;
    text-align: left;
    display: initial;
}

.doodleimages ul li .goto a:hover {
    border: none;
    transition: none;
}

.doodleimages ul li .descript {
    -webkit-line-clamp: 4;
    margin-bottom: 0;
    text-align: justify;
}

.doodleimages ul li .img {
    padding: 0 2.5rem 0 1rem;
}

@media (max-width:768px) {
    .doodleimages ul li .img {
        padding: 2rem 1rem 1rem 1rem;
    }
}

.doodleBlk .item .photo {
    padding: 1rem;
    aspect-ratio: initial;
    background-color: initial;
}

.season .exhibits-btn-tag {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.season .exhibits-btn-tag .heading {
    margin-top: 0;
}

.confirmBlk {
    display: none;
}

.confirmBlk .contributeBlk {
    margin-bottom: 1rem;
}

.modal .notice {
    margin: 0 0 1rem 0;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 760px;
    }
}

.sc-img .visit,
.sc-img {
    font-weight: normal;
    color: #007C69;
    font-size: 1rem;
}


.collection .collection-item.sc-img .item {
    width: initial;
    display: inline-flex;
    padding: 0.5rem 0.75rem;
    background-color: #EBFAF7;
    margin: 0.25rem;
}

@media (max-width:576px) {
    .d-flex.align-items-center.mt-5 .select-group {
        flex-wrap: wrap;
    }
}

.exhibits-btn-tag {
    flex: 1;
    border-left: #E4E4E4 1px solid;
    padding: 0 1rem;
    align-items: center;
    margin-left: 1rem;
}

@media (max-width: 576px) {
    .exhibits-btn-tag {
        width: 100%;
        border-left: none;
        padding: 0;
        margin: 1rem 0;
        flex: initial;
    }
}


.gardenBlk {
    display: flex;
    flex-wrap: wrap;
}

.gardenBlk .item {
    width: calc(100% / 3);
    margin: 0.25rem 0;
    counter-increment: item-num;
}

@media (max-width: 767px) {
    .gardenBlk .item {
        width: calc(100% / 2);
    }
}

@media (max-width: 576px) {
    .gardenBlk .item {
        width: calc(100% / 1);
    }
}

.gardenBlk .item::before {
    content: counter(item-num);
    background-color: #ddd;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    line-height: 18px;
    text-align: center;
    margin-right: 0.25rem;
    font-size: 0.85rem;
}

.detail .popular-info .card .photo a {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    aspect-ratio: 1/1;
}

.pay::before {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
}

/* 2024更新 */

.popular-info .tag {
    margin: 1rem 0 0 0;
}

.popular-info .tag ul {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    height: 375px;
    flex-direction: column;
}

.popular-info .tag ul li {
    width: calc(100% / 2 - 1rem);
    margin: 0.5rem;
}

/* .popular-info .tag ul li:first-child{
    width: calc(100% - 1rem);
} */
@media (max-width:768px) {
    .popular-info .tag ul li {
        width: 100%;
        margin: 0.5rem 0;
    }

    .popular-info .tag ul {
        height: auto;
    }
}

.collection.popular-info .collection-item.rank .item {
    width: 100%;
    background-color: #fff;
    margin: 0;
    padding: .75rem 1rem;
}

.collection.popular-info .collection-item.rank .item:hover {
    background-color: #05D9B8;
}

.popular-info .tag ul li a {
    font-size: 1.125rem;
    margin: 0;
    width: 100%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    border: none;
    line-height: 1;
}

.popular-info .tag ul li a .visit {
    font-size: 1.25rem;
    color: #464646;
}

.popular-info .tag ul li a .visit span {
    font-size: .875rem;
    padding: 0 0 0 .25rem;
}

.popular-info .tag ul li:hover a .visit {
    color: #fff;
}

/* .popular-info .tag ul li:nth-child(1) a .visit{
    font-size: 1.75rem;
} */
.popular-info .tag ul li:first-child a .text {
    font-size: 1.25rem;
}

.popular-info .tag ul li:nth-child(1) a .text,
.popular-info .tag ul li:nth-child(2) a .text,
.popular-info .tag ul li:nth-child(3) a .text {
    font-weight: 600;
    padding-top: 2px;
    /* display: flex;
    height: 100%;
    align-items: center; */
}

.popular-info .tag ul li a .rank {
    width: 35px;
    height: 35px;
    background-color: #EBFAF7;
    margin-right: 12px;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 36px;
    text-align: center;
    color: #464646;
}

.popular-info .tag ul li:nth-child(1) a .rank,
.popular-info .tag ul li:nth-child(2) a .rank,
.popular-info .tag ul li:nth-child(3) a .rank {
    background-color: initial;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    line-height: 45px;
    width: 37px;
    padding-left: 2px;
    margin-right: 10px;
}

.popular-info .tag ul li:nth-child(1) a .rank {
    background-image: url('../../images/icon/crown-1.png');
}

.popular-info .tag ul li:nth-child(2) a .rank {
    background-image: url('../../images/icon/crown-2.png');
}

.popular-info .tag ul li:nth-child(3) a .rank {
    background-image: url('../../images/icon/crown-3.png');
}

@media (max-width:575px) {
    .collection.popular-info .collection-item.rank ul li:first-child .item .visit {
        font-size: 1.125rem;
    }
}

.calendarBlk .table .reserve-event img {
    max-width: 40px;
    height: auto;
    margin: 0.25rem;
    mix-blend-mode: multiply;
    margin-top: -23px;
}

.calendarBlk .table .reserve-event span {
    font-size: 0.8rem;
    color: #757575;
    display: flex;
    /* width: 100%; */
    justify-content: center;
    /* align-items: center; */
}

.calendarBlk .table .reserve-event span::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../../images/icon/museum-open.png);
    background-size: cover;
    margin-right: 1px;
    margin-top: 2px;
    flex-shrink: 0;
}

.detail .table .td .link {
    display: block;
    font-size: 0.8rem;
    margin: 0;
}

.detail .table .caption {
    display: table-caption;
    padding: 0.5rem 1rem;
    color: #fff;
    background-color: #007C69;
    font-size: 1rem;
    margin-bottom: 0;
}

/* a連結特殊樣式 - 2024 y */
.detail .link-tag {
    /* font-size: 0.8rem; */
    line-height: 1;
    color: #007C69;
    background-color: #EBFAF7;
    /* border: 1px solid #70F2DE; */
    border-radius: 3px;
    padding: 3px 3px;
    display: inline-block;
    margin: 0 0.2rem;
}

.detail .link-tag:hover {
    color: #fff;
    background-color: #05D9B8;
}

.galleryBlk ul {
    padding: 0;
    margin: 0 -8px;
    display: flex;
    flex-wrap: wrap;
}

.galleryBlk ul li {
    border-radius: 8px;
    overflow: hidden;
    /* transition: all 0.3s; */
    color: #464646;
    width: calc(100% / 3 - 16px);
    margin: 8px;
    outline: none;
}

@media (max-width:767px) {
    .galleryBlk ul li {
        width: calc(100% / 2 - 16px);
    }
}

@media (max-width:559px) {
    .galleryBlk ul li {
        width: calc(100% / 1 - 16px);
    }
}

.galleryBlk ul li::before {
    content: none;
}

.galleryBlk ul li a {
    display: block;
}

.galleryBlk ul li a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f1f1f1;
    aspect-ratio: 4 / 3;
    height: 189px;
}

@media (max-width: 767px) {
    .galleryBlk ul li a .img {
        height: initial;
    }
}

.galleryBlk ul li a .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s;
}

.galleryBlk ul li a .text {
    padding: 0.5rem 1rem;
    background-color: #EBFAF7;
    color: #464646;
    font-size: 0.875rem;
}

.galleryBlk ul li:hover {
    outline: #70f2de 1px solid !important;
    border-radius: 8px;
    box-shadow: 0 6px 32px 0 #2d423d33, 0 3px 16px 0 #35534c1a
}

.galleryBlk ul li a img {
    transition: all .3s
}

.galleryBlk ul li a:hover img {
    transform: scale(1.05)
}

.galleryBlk ul li a .text .name, .galleryBlk ul li a .name {
    color: #262626;
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
}

.bg {
    background-color: #eaf9f6 !important;
}

.navBlk-menu .navBlk>ul>li {
    border-left: 1px solid #ebebeb;
}

.navBlk-menu .navBlk>ul>li:first-of-type {
    border-left: none;
}

mark {
    line-height: 1;
    color: #007C69;
    background-color: #EBFAF7;
    border-radius: 3px;
    padding: 3px 3px;
    display: inline-block;
    margin: 0 0.2rem;
}

.light-text mark, .bg-F5F5F5 mark {
    background-color: #ffffff;
}

mark:hover, .light-text mark:hover, .bg-F5F5F5 mark:hover {
    color: #fff;
    background-color: #05D9B8;
}

.modal-body .img {
    text-align: center;
}

.modal-body .img img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0.5rem;
}

.formBlk .check-group .check-item,
.formBlk .radio-group .check-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.formBlk .options-caption {
    font-size: 0.9rem;
    align-self: flex-start;
    margin: 0.25rem 0 0 0;
    line-height: 1.5;
    width: 100%;
}

.formBlk .title {
    line-height: 1.65;
    margin-bottom: 0.5rem;
}

.floor_plan svg image.all:not(.popular) {
    display: none;
}

.formBlk .title.w-100 {
    width: 100%;
    margin-right: 0;
}

.formBlk .title:before, .formBlk .input-group label::before {
    content: '\f0da';
    font-weight: bold;
    font-family: "Font Awesome 5 Free";
    margin-right: 0.25rem;
}

#contactForm .formBlk .title:before, #contactForm .formBlk .input-group label::before {
    content: none;
}

.formBlk .check-item:has(.options-caption) {
    width: 100%;
}

.formBlk .input-group:has(#turnstileWidget) .title::before {
    content: none;
}

.formBlk .input-group .clearBtn {
    margin-left: 0.5rem;
    background-color: #999;
    color: #fff;
    padding: 0 0.75rem;
    font-size: 0.95rem;
}

.formBlk .input-group .clearBtn:hover {
    background-color: #777;
}

.detail .caption.expired::after {
    content: '已過期';
    color: #757575;
    border: #757575 1px solid;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
    margin-left: 0.5rem;
    font-size: 0.7rem;
    height: 20px;
    line-height: 19px;
    margin-top: 2px;
}

#contactForm .invalid-feedback {
    position: initial;
    z-index: initial;
    box-shadow: initial;
    padding: 0.25rem 0.75rem;
    text-align: initial;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border-radius: 6px;
    width: calc(100% - 151px);
    margin-left: 166px;
}
@media (max-width:576px) {
    #contactForm .invalid-feedback {
        width: 100%;
        margin-left: 0px;
    }
}

#contactForm .invalid-feedback i {
    width: initial;
    color: initial;
    font-size: initial;
}

/*step css*/

.step {
    /* display: flex; */
    margin-bottom: 1rem;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 1.5rem;
}

@media (max-width:768px) {
    .step {
        flex-wrap: wrap;
        margin-top: 1rem !important;
        margin-bottom: 2rem;
    }
}

.step .arrow {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:640px) {
    .step .arrow {
        flex: initial !important;
        width: 100%;
        justify-content: start !important;
    }
}

.step .step-item {
    align-self: flex-start;
    padding: 1rem;
}
@media (max-width:640px) {
    .step .step-item {
        display: flex;
        align-items: center;
        padding: 0.5rem 0.5rem 0 0.5rem !important;
    }
}

.step .step-item .round {
    color: #fff;
    background-color: #BFBFBF;
    width: 36px;
    height: 36px;
    margin: 0 auto 0.5rem auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 28px;
}
@media (max-width:640px) {
    .step .step-item .round {
        margin-right: 0.5rem !important;
    }
}

.step .step-item.active .round {
    background-color: #007C69;
    color: #FFF;
}

.step .step-item p {
    font-size: 0.875rem;
    line-height: 20px;
    margin-top: 0;
    color: #757575;
}
@media (max-width:640px) {
    .step .step-item p {
        font-size: 1rem;
        flex: 1;
    }
}

.step .step-item.active p {
    color: #007C69;
}

.step .line {
    height: 1px;
    width: 32px;
    background-color: #BFBFBF;
    align-self: center;
}

@media (max-width:640px) {
    .step .line {
        display: none;
    }
}

/* BS V5*/
.ml-0, .mx-0 {
    margin-left: 0 !important;
}
.ml-1, .mx-1 {
    margin-left: .25rem !important;
}
.ml-2, .mx-2 {
    margin-left: .5rem !important;
}
.ml-3, .mx-3 {
    margin-left: 1rem !important;
}
.text-right {
    text-align: right !important;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.btn:active {
    background-color: #05D9B8 !important;
    border: #05D9B8 1px solid;
}

.detail .imgBlk,.card-ticket .text {
    padding: 0;
}

.btn-block {
    display: block;
    width: 100%;
}

.card-small .imgBlk, .card-ticket .text {
    width: initial;
}

.accordion-item {
    border: none;
    background-color: initial;
}

@media (min-width: 768px) {
    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important;
    }
}
.modal-header {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.accordion-item {
    border: none;
}

.theme-search .check-item input[type=checkbox] {
    border-color: #666;
}

.formBlk .check-item .form-check-input {
    margin-right: 0.25rem;
}

.form-select {
    border-radius: 0;
}