/*
 <link href="css/custom.css" rel="stylesheet">
*/

.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu, #mainMenu.dark nav > ul > li .dropdown-menu {
    background-color: #FFFFFF!important;
    border-color: #FFFFFF!important;
}

.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, #mainMenu.dark nav > ul > li .dropdown-menu > li > a, #mainMenu.dark nav > ul > li .dropdown-menu > li > span, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    color: #333333!important;
}

.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:active, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:active, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active, #mainMenu.dark nav > ul > li .dropdown-menu > li > a:focus, #mainMenu.dark nav > ul > li .dropdown-menu > li > a:hover, #mainMenu.dark nav > ul > li .dropdown-menu > li > a:active, #mainMenu.dark nav > ul > li .dropdown-menu > li > span:focus, #mainMenu.dark nav > ul > li .dropdown-menu > li > span:hover, #mainMenu.dark nav > ul > li .dropdown-menu > li > span:active, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    color: #22506F!important;
}

.logo-dark img {
    max-width: 230px!important;
    margin-top: -10px!important;
}

.carousel .flickity-button.next, .carousel .flickity-button.next:hover, .carousel .flickity-button.previous, .carousel .flickity-button.previous:hover {
    z-index: 0!important;
}



/*hide pc*/
.col-lg-0 {
    display: none;
}

/*平板橫放*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /*hide tablet*/
    .col-md-0 {
        display: none;
    }
    .col-sm-0 {
        display: none;
    }
    /*show pc*/
    .col-lg-0 {
        display: initial;
    }
}

/*平板直立*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    /*hide tablet*/
    .col-md-0 {
        display: none;
    }
    .col-sm-0 {
        display: none;
    }
    /*show pc*/
    .col-lg-0 {
        display: initial;
    }
}

/*手機橫放*/
@media screen and (max-width: 767px) and (orientation: landscape) {
    /*hide phone*/
    .col-sm-0 {
        display: none;
    }
    /*show pc*/
    .col-lg-0 {
        display: initial;
    }

    #footer {
        background-size: auto 100% !important;
    }
}

/*手機直立*/
@media screen and (max-width: 767px) and (orientation: portrait) {
    /*hide phone*/
    .col-sm-0 {
        display: none;
    }
    /*show pc*/
    .col-lg-0 {
        display: initial;
    }

    #footer {
        background-size: auto 100% !important;
    }
}

.mobile-sidebar-trigger {
    border: 2px solid #595758;
    background: #595758;
    /*border: 2px solid #5CB8B2;*/
    width: 48px;
    cursor: pointer;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    z-index: 12;
}

.mobile-sidebar-trigger i {
    font-size: 20px;
    /*color: #5CB8B2;*/
    color: #FFFFFF;
}

.gray-fluid-list {
    list-style: none;
    padding-left: 0px !important;
}

.gray-fluid-list-line {
    padding: 0px !important;
    height: 2px;
    background: #bfbfbf !important;
    margin: 0px !important;
}

.gray-fluid-list li {
    padding: 4px 10px 4px 15px;
    background: #f1f1f1;
    margin-top: 2px;
}





/*平板橫放*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .mobile-remove-container .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .mobile-mini-container .container {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .m-l-50-n {
        margin-left: auto;
    }
    .m-r-50-n {
        margin-right: auto;
    }
}

/*平板直立*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .mobile-remove-container .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .mobile-mini-container .container {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .m-l-50-n {
        margin-left: auto;
    }
    .m-r-50-n {
        margin-right: auto;
    }
}

/*手機橫放*/

@media screen and (max-width: 767px) and (orientation: landscape) {
    .container {
        max-width: 700px !important;
    }
    .mobile-remove-container .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .mobile-mini-container .container {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .m-l-50-n {
        margin-left: auto;
    }
    .m-r-50-n {
        margin-right: auto;
    }
}

/*手機直立*/
@media screen and (max-width: 767px) and (orientation: portrait) {
    .mobile-remove-container .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        max-width: 100% !important;
    }
    .mobile-mini-container .container {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .m-l-50-n {
        margin-left: auto;
    }
    .m-r-50-n {
        margin-right: auto;
    }
}



/*平板橫放*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .md-text-left {
        text-align: left;
    }
    .md-text-center {
        text-align: center;
    }
    .md-text-right {
        text-align: right;
    }
}

/*平板直立*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .md-text-left {
        text-align: left;
    }
    .md-text-center {
        text-align: center;
    }
    .md-text-right {
        text-align: right;
    }
}

/*手機橫放*/
@media screen and (max-width: 767px) and (orientation: landscape) {
    .sm-text-left {
        text-align: left;
    }
    .sm-text-center {
        text-align: center;
    }
    .sm-text-right {
        text-align: right;
    }
}

/*手機直立*/
@media screen and (max-width: 767px) and (orientation: portrait) {
    .sm-text-left {
        text-align: left;
    }
    .sm-text-center {
        text-align: center;
    }
    .sm-text-right {
        text-align: right;
    }
}

.event_main_cover_image {
    max-width:100% !important;
    height:auto !important;
}

u {
    text-decoration: underline;
}