body {
    padding-top: 86px;
}

@media (max-width:375px) {
    body {
    }
}

@media (max-width:320px) {
    body {
    }
}

html,
body {
    background-color: #f3f3f3;
}

main {
}

.btn {
}

.form-control {
}

input.form-control::placeholder,
input.form-control::-webkit-input-placeholder {
    color: #999;
}

.validation-summary-errors {
}

.input-validation-error {
    border-color: #F4AE32;
}

.text-fih {
    color: #90A9A7;
}

.card.card-fih {
    background-color: #fff;
    color: #7c8b92;
}

@media (min-width:768px) {
    .card.card-fih:hover,
    .card.card-fih:focus {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
    }
}

.card.card-fih > .card-header-photo {
}

    .card.card-fih > .card-header-photo img {
    }

.card.card-fih > .card-header {
    background-color: #56595B;
    color: #fff;
}

.card.card-fih > .card-body {
    color: #7c8b92;
}

.btn.btn-main, .discountcode-btn {
    background-color: #90A9A7;
    border: 1px solid #90A9A7;
    color: #fff;
}

    .btn.btn-main.active {
        background-color: #6D928F;
    }

@media (min-width:768px) {
    .btn.btn-main:hover {
        background-color: #6D928F;
        border: 1px solid #6D928F;
    }
}

.btn.btn-sub {
    color: #666;
    background-color: #fff;
}

    .btn.btn-sub.active {
        color: #fff;
        background-color: #666;
    }

@media (min-width:768px) {
    .btn.btn-sub:hover {
        color: #fff;
        background-color: #666;
    }
}

.btn.btn-main-reverse {
    background-color: #fff;
    color: #90A9A7;
    border: 1px solid #90A9A7;
}

    .btn.btn-main-reverse.active {
        background-color: #fff;
    }

@media (min-width:768px) {
    .btn.btn-main-reverse:hover {
        background-color: #fff;
        color: #6D928F;
        border-color: #6D928F;
    }
}

.btn.btn-none {
    background-color: transparent;
    color: #7c8b92;
}

    .btn.btn-none.active {
        color: #666;
    }

@media (min-width:768px) {
    .btn.btn-none:hover {
        color: #666;
    }
}

.btn.btn-block-none {
    background-color: transparent;
    color: #666 !important;
}

    .btn.btn-block-none.active {
        background-color: transparent;
        color: #666 !important;
    }

@media (min-width:768px) {
    .btn.btn-block-none:hover {
        background-color: transparent;
        color: #666 !important;
    }
}

.btn.btn-facebook {
    background-color: #345995;
    color: #fff;
}

    .btn.btn-facebook.active {
        background-color: #294574;
        color: #fff;
    }

@media (min-width:768px) {
    .btn.btn-facebook:hover {
        background-color: #294574;
        color: #fff;
    }
}

.btn.btn-google {
    background-color: #3f82f8;
    color: #fff;
}

    .btn.btn-google.active {
        background-color: #3673de;
        color: #fff;
    }

@media (min-width:768px) {
    .btn.btn-google:hover {
        background-color: #3673de;
        color: #fff;
    }
}

.checkbox-fih {
    background-color: transparent;
    color: #90A9A7;
}

    .checkbox-fih.active {
        background-color: #ddd;
    }

@media (min-width:768px) {
    .checkbox-fih:hover {
        background-color: #ddd;
    }
}

small,
div small,
.small {
}

p,
div p,
.p {
}

label {
}

span {
}

select {
}

.ft-thin {
}

.ft-extra-light {
}

.ft-light {
}

.ft-regular {
}

.ft-medium {
}

.ft-semi-bold {
}

.ft-bold {
}

h1,
.ft-h1 {
}

h2,
.ft-h2 {
}

h3,
.ft-h3 {
}

h4,
.ft-h4 {
}

h5,
.ft-h5 {
}

h6,
.ft-h6 {
}

.ft-currency {
    font-family: 'roboto', sans-serif, 'Microsoft JhengHei';
}

.text-error {
    color: #F4AE32;
}

    .text-error::placeholder,
    .text-error::-webkit-input-placeholder {
        color: #F4AE32;
    }

    .text-error ul {
    }

    .text-error li {
    }

input[type='text'].text-error {
    border-color: #F4AE32;
}

.navbar.navbar-fih {
    background-color: white;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.2);
}

.navbar .navbar-logo {
    max-width: 155px;
    padding: 8px 0;
}

    .navbar .navbar-logo img {
        height: 70px;
    }

@media (max-width:767px) {
    .navbar .navbar-logo {
        max-width: 110px;
        padding: 0;
    }

        .navbar .navbar-logo img {
            height: 50px;
        }
}

.dropdown-language .btn.dropdown-btn,
.dropdown-language .dropdown-menu,
.dropdown-language .dropdown-menu .dropdown-item {
    background-color: white;
}

    .dropdown-language .btn.dropdown-btn,
    .dropdown-language .dropdown-menu .dropdown-item {
        color: #6d645c;
        border: 1px solid hsla(0, 0%, 85%, .4);
        font-family: 'SerlioLTSt', 'Noto Serif TC', serif;
    }

.btn.btn-checkout {
}

    .btn.btn-checkout .badge {
    }

.btn.btn-member {
}

.badge-grey {
    background-color: #56595B;
}

footer {
    font-family: sans-serif, 'Microsoft JhengHei';
    color: #fff;
}

    footer a {
        color: #fff;
    }

@media (min-width:768px) {
    footer a:hover {
        color: #fff;
    }
}

footer .footer-body {
}

    footer .footer-body span {
    }

footer .footer-icons {
}

    footer .footer-icons a {
    }

footer .footer-copyright {
    color: #fff;
}

#HomeBanners .carousel-item {
}

#HomeBanners img {
}

@media (min-width:768px) {
    #SearchBox.search-fixed .search-frame {
    }
}

#SearchBox .search-frame {
    background-color: #56595B;
    box-shadow: 0 0.100rem 0.15rem rgba(0, 0, 0, 0.15);
}

    #SearchBox .search-frame label {
        font-size: 13px;
    }

#SearchBox input,
#SearchBox select {
    border-color: initial;
}

    #SearchBox input::placeholder,
    #SearchBox input::-webkit-input-placeholder {
        color: lightgray;
    }

#SearchBox .btn.btn-searchbox {
    background-color: #90A9A7;
    color: #fff;
}

#SearchBox .btn.btn-weeks {
    background-color: rgb(255, 255, 255);
    border-color: initial;
}

#SearchBox .btn.btn-weeks-icon {
    background-color: rgb(255, 255, 255);
    border-color: initial;
}

#Promotions .Promotions-block-title-hr {
    border-color: #7c8b92;
}

#Promotions .Promotions-block-title::before,
#Promotions .Promotions-block-title::after {
}

@media (min-width:768px) {
    #Promotions .promotion:hover {
        background-color: #fff;
        box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.05) !important;
    }
}

#Promotions .promotion-wordings {
}

#Promotions .promotion-banner {
}

    #Promotions .promotion-banner img {
    }

@media(min-width:768px) {
    #Promotions .promotion-banner img {
    }
}


#Promotions .promotion-pricedesc .promotion-content,
#Promotions .promotion-period .promotion-content {
}

#Promotions .promotion-desc .promotion-content {
}

#Promotions .btn.btn-promotion {
    background-color: #90A9A7;
    color: #fff;
}

.package-details-banner {
}

    .package-details-banner img {
    }

@media (min-width:480px) {
    .package-details-banner {
    }

        .package-details-banner img {
        }
}

@media (min-width:768px) {
    .package-details-banner {
    }

        .package-details-banner img {
        }
}

@media (min-width:1025px) {
    .package-details-banner {
    }
}

.package-details-title {
    background-color: #56595B;
    color: #fff;
}

.package-details .btn.btn-share {
    background-color: transparent;
    color: #fff;
}

.package-details-date {
    background-color: #7c8b92;
    color: #fff;
}

.package-details-content {
    background-color: #fff;
}

    .package-details-content .nav.nav-tabs {
    }

        .package-details-content .nav.nav-tabs * {
            background-color: transparent;
        }

    .package-details-content .nav-link {
        color: #666;
    }

        .package-details-content .nav-link.active {
            color: #90A9A7;
            border-bottom: 1.5px solid #90A9A7;
        }

.package-details .mobile-search {
    background-color: #56595B;
}

.package-details-rooms {
    background-color: #fff;
}

.package-details-room {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.package-details-room-title {
    color: #56595B;
}

.package-details-room .btn.btn-room-photo,
.package-details-room .btn.btn-room-detail {
    background-color: transparent;
    color: #666;
}

.package-details-room-price {
    color: #56595B;
}

.package-details-room-calendar .calendar-web-right {
    background-color: #7c8b92;
}

.package-details-room-calendar .calendar-web-left {
}

.package-details-room-calendar .calendar-web-left-title,
.package-details-room-calendar .calendar-mobile-title {
    background-color: #56595B;
    color: #fff;
}

    .package-details-room-calendar .calendar-web-left-title .select-year-month {
        color: #fff;
        background-color: transparent;
    }

        .package-details-room-calendar .calendar-web-left-title .select-year-month option {
            color: rgba(0, 0, 0, 0.5);
        }

.package-details-room-calendar .text-room-status {
    /*color: #90A9A7;*/
}

    .package-details-room-calendar .text-room-status.text-room-waiting {
        /*color: #F4AE32;*/
    }

.package-details-room-calendar .text-room-message {
    /*color: #F4AE32;*/
}

.package-details-room-calendar .calendar-mobile .text-room-date {
    /*color: #666;*/
}

.table.table-calendar-web {
}

    .table.table-calendar-web th {
        color: #666;
        border-color: #343a40;
    }

    .table.table-calendar-web td {
    }

.table.table-calendar-mobile td {
}

.package-details-room-calendar .btn.btn-booking {
    background-color: transparent;
}

.package-details-room-calendar .btn.btn-lastmonth,
.package-details-room-calendar .btn.btn-nextmonth {
    background-color: transparent;
    color: #fff;
}

.package-details-room-calendar .btn.btn-lastweek,
.package-details-room-calendar .btn.btn-nextweek {
    background-color: transparent;
    color: #fff;
}

.btn.btn-show-calendar {
    font-family: 'SerlioLTSt', 'Noto Serif TC', serif;
    background-color: #90A9A7;
    color: #fff;
}

    .btn.btn-show-calendar:hover,
    .btn.btn-hide-calendar {
        background-color: #ddd;
        color: #90A9A7;
    }

.btn.btn-room-photo img {
    box-shadow: 0 0 1px rgba(0,0,0,0);
}

@media (min-width:768px) {
    .btn.btn-room-photo img:hover {
    }
}

.btn.btn-union-hotels {
    background-color: #666;
    color: #fff;
}

    .btn.btn-union-hotels.collapsed {
        background-color: #999;
    }

.search-result-room.active {
    background-color: #f7f3e9;
}

.search-result-title-desc {
}

.search-result-title-price {
}

.search-result-room {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.search-result-room-title {
    color: #56595B;
}

.search-result-room-price {
    color: #56595B;
}

.search-result-room-price-status {
    color: #90A9A7;
}

.search-result .btn.btn-room-photo,
.search-result .btn.btn-room-detail {
    background-color: transparent;
    color: #56595B;
}

.search-result .btn.btn-booking {
}

.search-result .btn.btn-show-more {
    color: #7c8b92;
    background-color: transparent;
}

.search-result .btn.btn-hide-more {
    background-color: #666;
    color: #fff;
}

.reservation-item-info-title {
    color: #56595B;
}

.reservation-item-info-title-packagename,
.reservation-item-info-title-hotelname {
    color: #7c8b92;
}

.reservation-item-price {
    color: #56595B;
}

.reservation-item-price-voucher {
}

.reservation-item-price-feedesc {
}

.reservation-item-total .price-title {
    color: #666;
}

.reservation-item-total .price-content {
    color: #666;
}

.checkout-total-price {
    color: #990000;
}

.table.table-room-price th {
    color: #646971;
    background-color: #F7F7F7;
}

.table.table-room-price td {
    color: #666;
}

.table.table-room-price .table-room-price-total td {
    color: #56595B;
}

.table-room-price-mobile th {
    color: #646971;
    background-color: #F7F7F7;
}

.shuttle-description {
    color: #7c8b92;
}

.shuttle-block-title {
}

/*firefox*/
.shuttle-frame {
    overflow-y: auto;
    scrollbar-color: #90A9A7 #ffffff;
}

/*safari scrollbar_start*/
.scrollbar-stylize::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #90A9A7;
}
/*safari scrollbar_end*/

.shuttle-block-header {
    background-color: #7c8b92;
    color: #fff;
}

    .shuttle-block-header .station {
        background-color: #7c8b92;
    }

.shuttle-block-row:hover,
.shuttle-block-row.active {
    background-color: #eaeaea;
}

.btn.btn-shuttle {
    background-color: #fff;
}

    .btn.btn-shuttle:hover,
    .btn.btn-shuttle:focus,
    .btn.btn-shuttle.active {
        color: #fff;
        background-color: #7c8b92;
    }

.selection-description {
    color: #7c8b92;
}

.btn.btn-selection:not(.disabled) {
}

    .btn.btn-selection:not(.disabled):hover,
    .btn.btn-selection:not(.disabled):focus,
    .btn.btn-selection:not(.disabled).active {
        color: #fff;
        background-color: #7c8b92;
    }

.selection-date {
}

span.selection-date {
}

.selectionitem-title {
}

.selectionitem-description {
}

.card.card-fih.card-thsr-search,
.card.card-fih.card-thsr-search-go,
.card.card-fih.card-thsr-search-back,
.card.card-fih.card-thsr-select,
.card.card-fih.card-thsr-passenger {
}

    .card.card-fih.card-thsr-search .card-header,
    .card.card-fih.card-thsr-search-go .card-header,
    .card.card-fih.card-thsr-search-back .card-header,
    .card.card-fih.card-thsr-select .card-header,
    .card.card-fih.card-thsr-passenger .card-header {
        background-color: #7c8b92;
    }

    .card.card-fih.card-thsr-search:hover,
    .card.card-fih.card-thsr-search-go:hover,
    .card.card-fih.card-thsr-search-back:hover,
    .card.card-fih.card-thsr-select:hover,
    .card.card-fih.card-thsr-passenger:hover {
    }

.thsr-search-frame-title {
}

    .thsr-search-frame-title.thsr-search-explanation {
    }

.thsr-select-train-info {
}

    .thsr-select-train-info .focus {
        color: #90A9A7;
    }

    .thsr-select-train-info hr {
        border-color: #90A9A7;
    }

.thsr-select-train-info-title {
}

.thsr-select-train-info-total {
    color: #90A9A7;
}

.btn.btn-thsr-train {
    background-color: #fff;
}

    .btn.btn-thsr-train:hover,
    .btn.btn-thsr-train:focus,
    .btn.btn-thsr-train.active {
        color: #fff;
        background-color: #7c8b92;
    }

.thsr-train-row {
}

    .thsr-train-row:hover,
    .thsr-train-row.active {
        background-color: #eaeaea;
    }

.thsr-banner-photo {
}

.thsr-banner-info-title {
}

.thsr-banner-info-content {
}

.thsr-banner-info-go,
.thsr-banner-info-back {
    background-color: #7c8b92;
    color: #f8f9fa;
}

.thsr-banner-info-total {
    color: #56595B;
}

.thsr-outtime-info ul {
}

.thsr-train-pnr {
    color: #F4AE32;
}

.thsr-train-token {
    color: #F4AE32;
}

.reservation-confirm {
}

.thsr-info {
}

.thsr-info-photo img {
}

.text-content *,
.text-content *:hover {
    color: inherit;
    background-color: inherit;
}

.text-content a {
    color: #90A9A7;
}

    .text-content a:hover {
    }

.room-select.active {
    border: 2px solid#90A9A7;
}

.counter-box .btn-minuse, .counter-box .btn-pluss {
    color: #90A9A7;
    border: 1px solid #90A9A7;
}

.modal-add-room-btn {
    border: 1px dashed #90a9a7a7;
}

    .modal-add-room-btn:hover {
        border: 1px dashed #90A9A7;
    }

    .modal-add-room-btn .modal-add-room-btn-icon {
        background-color: #90A9A7;
        border: 1px solid #90A9A7;
    }

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

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #90A9A7;
    background-color: #90A9A7;
}

.custom-check-input:checked {
    background-color: #90A9A7;
    border-color: #90A9A7;
    border-radius: 0px;
}

.custom-radio-input:checked {
    background-color: #90A9A7;
    border-color: #90A9A7;
}

@media (min-width: 300px) {
    .header-logo {
        height: 32px;
    }
}

@media (min-width: 992px) {
    .header-logo {
        height: 70px;
        padding: 4px 0;
    }
}