body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/*product_list*/
.WinChrome .go-to-top {
    display: none !important;
}

.D_products_group_search section.group_banner.search_banner {
    height: auto;
    margin-top: 110px;
    background: none;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.D_products_group_search section.group_banner:before,
.D_products_group_search section.group_banner:after {
    display: none !important;
}

.D_products_group_search section.group_banner.search_banner .img_box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2650866f-3166-4f22-afe0-e70e77751fd0.jpg);
    height: 400px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.D_products_group_search section.group_banner.search_banner .img_box::before {
    content: 'Departure List';
    display: block;
    font-size: 60px;
    line-height: 65px;
    letter-spacing: 1px;
    font-family: 'Libre Baskerville', serif;
    text-shadow: black 0.1em 0.01em 0.3em;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 140px;
    color: #fff;
}

.D_products_group_search section.group_banner.search_banner .img_box::after {
    content: '團體出團搜尋';
    display: block;
    font-size: 35px;
    line-height: 35px;
    text-shadow: black 0.1em 0.01em 0.3em;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 140px;
    color: #fff;
}

.D_products_group_search section.group_banner .search-area {
    position: unset;
    margin-top: 2.5rem;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem 1.5rem 1.3rem;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/173f4d0c-f5a6-4574-a900-ecff38feca10.jpg);
    background-size: contain;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal,
.D_products_group_search section.group_banner .search-area .search-box .select-place {
    width: calc(22% - 64px);
    background: none;
    height: auto;
    display: inline-block;
    padding: 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal:nth-child(4) {
    display: none;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal .title,
.D_products_group_search section.group_banner .search-area .search-box .select-place .title,
.D_products_group_search section.group_banner .search-area .search-box .select-date .title {
    height: auto;
    min-height: unset;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal .title i,
.D_products_group_search section.group_banner .search-area .search-box .select-place .title i,
.D_products_group_search section.group_banner .search-area .search-box .select-date .title i {
    display: none;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal .title h6,
.D_products_group_search section.group_banner .search-area .search-box .select-place .title h6,
.D_products_group_search section.group_banner .search-area .search-box .select-date .title h6 {
    font-size: 16px;
    margin: 5px 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal .select,
.D_products_group_search section.group_banner .search-area .search-box .select-place .select {
    height: 40px;
    display: table;
    width: 100%;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    background-size: auto;
    border-radius: 4px;
}

.D_products_group_search section.group_banner .search-area .search-box .select-goal .select select,
.D_products_group_search section.group_banner .search-area .search-box .select-place .select select {
    height: 40px;
    width: 100%;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6) inset;
    padding: 0 10px;
    background-color: transparent;
    font-size: 15px;
    line-height: 40px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/cf039c4b-5399-4afc-8f0f-53cdc30446ca.svg);
    background-position: right 8px center;
    background-size: 10px auto;
    background-repeat: no-repeat;
}

.D_products_group_search section.group_banner .search-area .search-box .select-type .checkmark {
    top: 11px;
}

.D_products_group_search section.group_banner .search-area .search-box .select-date {
    background: none;
    width: calc(36% - 10px);
    height: auto;
    display: inline-block;
    padding: 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-date .select {
    width: 100%;
}

.D_products_group_search section.group_banner .search-area .search-box .select-date .select input {
    height: 40px;
    display: table;
    width: calc(50% - 13px);
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    background-size: auto !important;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 60%) inset;
    padding: 0 10px;
    background-color: transparent !important;
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-date .select .divide {
    margin: 17.5px 5px 0 5px;
}

.D_products_group_search section.group_banner .search-area .search-box .select-input {
    background-color: transparent;
    width: calc(20% - 10px);
}

.D_products_group_search section.group_banner .search-area .search-box .select-input .data-icon-search {
    position: unset;
    color: #666;
    display: table;
    height: auto;
    line-height: 1;
    margin: 5px 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-input .data-icon-search::before {
    content: "關鍵字";
    width: 100%;
    text-align: left;
    height: auto;
    line-height: unset;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-input input {
    height: 40px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    background-size: auto !important;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 60%) inset;
    padding: 0 10px;
    background-color: transparent !important;
    color: #000;
    font-size: 15px;
}

.D_products_group_search section.group_banner .search-area .search-box .select-input input::placeholder {
    font-size: 0;
}

.D_products_group_search section.group_banner .search-area .search-box .select-status {
    right: 0;
    transform: translate(-50%, 0);
}

.D_products_group_search section.group_banner .search-area .search-box .select-status .form-check label {
    color: #111;
}

.D_products_group_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/48ea9c79-ea2b-4b57-8482-5353c030b8a4.jpg);
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    width: 108px;
    background-size: 100% 100%;
    border-radius: 3px;
    margin-top: 29px;
}

.D_products_group_search section.group_banner .search-area .search-box .search-btn h5 {
    font-size: 15px;
    letter-spacing: 0.5px;
}

.D_products_group_search section.group_banner .search-area .search-box .search-btn i {
    display: none;
}

.D_products_group_search #search-table .search_table tbody td {
    vertical-align: middle;
    color: #5a5959;
    white-space: nowrap;
}

.D_products_group_search #search-table .search_table tbody td .title_main {
    margin-top: 0;
    font-size: 18px;
    white-space: normal;
}

.D_products_group_search #search-table .search_table tbody td.tour-name .btn {
    border-radius: 0;
}

.D_products_group_search #search-table .search_table tbody td.tour-name .btn.btn-danger {
    /*保證出發*/
    color: #8d5f3b;
    border: 0.0625rem solid #8d5f3b;
    border-radius: 6.5px;
    background-color: #ffffff;
}

.D_products_group_search #search-table .search_table tbody td.tour-name .btn.btn-warning {
    /*促銷*/
    color: #8d5f3b;
    border: 0.0625rem solid #8d5f3b;
    border-radius: 6.5px;
    background-color: #ffffff;
}

.D_products_group_search #search-table .search_table tbody td.tour-name .btn.btn-success {
    /*額滿*/
    color: #ffffff;
    border: 0.0625rem solid #997c66;
    border-radius: 6.5px;
    background-color: #997c66;
}

.D_products_group_search #search-table .search_table tbody td.go-airport .plane-logo,
.D_products_group_search #search-table .search_table tbody td.go-airport .row .col-12:nth-child(1) {
    display: none;
}

.D_products_group_search #search-table .search_table tbody td.go-airport h6 {
    font-size: 15px;
}

.D_products_group_search #search-table .search_table tbody td.go-airport .plane.plane-s1::after {
    color: #8d5f3b;
    padding-top: 1px;
}

.D_products_group_search .search_table .price h6 {
    font-size: 16px;
    line-height: 1;
    text-align: center !important;
}

.D_products_group_search .search_table .price h6 small {
    display: none;
}

.D_products_group_search .search_table .price h6 span {
    font-size: 16px;
    color: #5a5959 !important;
}

.D_products_group_search .search_table .price > a {
    display: none;
}

.D_products_group_search .search_con form .filter_list {
    display: none;
}

.D_products_group_search .search_con form .list_con {
    flex: 0 0 100%;
    max-width: 100%;
}

.D_products_group_search .search_con form .list_con > .title .text-right .text_blue {
    color: #e60012;
}

.D_products_group_search .search_con form .list_con .style_icon {
    display: none;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}

.D_products_group_search .search_con form .list_con .tab-content #search-table .search_table tr.thead {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2311787e-343f-4cdb-9961-ca81c9fd219c.png);
    font-size: 18px;
    height: 53px;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table .search_table tr.thead .tour-name {
    text-align: left;
    padding-left: 10px;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) {
    border-bottom: solid 1px #E7E7E7;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3b7459c9-8f1d-49bd-bc4c-100d725d20f1.png);
    background-position: top;
    background-size: contain;
    background-repeat: repeat-x;
    background-color: #fff;
    transition: .3s;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .go-date,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .item_days {
    font-size: 15px;
    text-align: center;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .go-date .group_tag {
    display: none;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .go-date .go-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .go-date .go-date .text-danger {
    color: #5a5959 !important;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .go-date .item_days {
    display: none;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover {
    transition: .3s;
    background-color: #d8c6a5;
}

.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .go-date,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .item_days,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .tour-name a.title_main,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .tour-name a.title_main:hover,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .tour-name .bird,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .go-airport,
.D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .tour-price h6 small:nth-child(1) {
    color: #fff !important;
    transition: .3s;
}

.D_products_group_search .tail_nav_wrap > .module-container > .row.main {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg) !important;
}

.D_products_group_search section.search_con {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg) !important;
    margin-bottom: 0;
    padding-bottom: 2rem;
}

.D_products_group_search section.search_con .pagination .page-item .page-link {
    border: none;
    background: none;
    width: 38px;
    height: 38px;
    border-radius: 50px;
}

.D_products_group_search section.search_con .pagination .page-item:first-child .page-link,
.D_products_group_search section.search_con .pagination .page-item:last-child .page-link {
    border-radius: 0;
    border: 0 solid #e2e2e2;
}

.D_products_group_search section.search_con .pagination .page-item .page-link:hover,
.D_products_group_search section.search_con .pagination .page-item .page-link:active {
    background: none;
    color: #1e7c9c;
}

.D_products_group_search section.search_con .pagination .page-item.active .page-link {
    background: #1e7c9c;
    border-color: #1e7c9c;
    color: #fff;
}

#flightModal .modal-body section.group_table.trip_airline .table .thead {
    background: #b9a275;
}

#flightModal .modal-body section.group_table.trip_airline .table .thead th {
    border-right: 1px solid #d8c6a5;
    border-top: none;
    border-bottom: none;
}

@media (max-width: 1199px) {
    .D_products_group_search section.group_banner .search-area {
        min-height: auto;
        max-width: calc(100% - 30px);
    }

    .D_products_group_search section.group_banner .search-area > form {
        max-width: 100%;
    }

    .D_products_group_search section.group_banner .search-area .search-box {
        height: 100px;
    }

    .D_products_group_search section.search_con > form > .container {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .D_products_group_search section.group_banner.search_banner {
        margin-top: 60px;
    }

    .D_products_group_search section.group_banner.search_banner .img_box {
        height: 280px;
    }

    .D_products_group_search section.group_banner.search_banner .img_box::before {
        top: 85px;
        font-size: 55px;
        width: 100%;
        text-align: center;
    }

    .D_products_group_search section.group_banner.search_banner .img_box::after {
        bottom: 85px;
        font-size: 30px;
        width: 100%;
        text-align: center;
    }

    .D_products_group_search section.group_banner .search-area {
        margin-top: 1.2rem;
    }

    .D_products_group_search section.group_banner .search-area .select-input .mic_icon {
        width: 30px;
        height: 30px;
        top: 37px;
        bottom: 0;
        right: 10px;
        background: none;
    }

    .D_products_group_search .search_con form .list_con .filter_header {
        display: none;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table {
        box-shadow: none;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table table.search_table {
        border-top: 1px solid #af7f54;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) {
        border-bottom: 1px solid #af7f54;
        margin-bottom: 0;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .go-date,
    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .item_days {
        font-size: 16px;
        text-align: left;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .time > .go-date::before {
        content: '出發日期';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .item_days {
        margin-right: 2rem;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .item_days::before {
        content: '旅遊天數';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_search tbody td.go-airport > .row h6::before {
        content: '出發地';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_search tbody td.go-airport > .row .plane h6::before {
        content: '航空公司';
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .time > .go-date::before,
    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2):hover .item_days::before,
    .D_products_group_search tbody tr:nth-child(n+2):hover td.go-airport > .row h6::before,
    .D_products_group_search tbody tr:nth-child(n+2):hover td.go-airport > .row .plane h6::before {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .D_products_group_search section.group_banner .search-area {
        padding: 1.2rem 1rem 1.5rem;
    }

    .D_products_group_search section.group_banner .search-area .search-box {
        height: auto;
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-goal,
    .D_products_group_search section.group_banner .search-area .search-box .select-place {
        width: calc(100%) !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-date {
        margin-right: 0;
        width: 100%;
        margin-bottom: 0;
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-date .select input {
        text-align: left;
        width: calc(50% - 5px);
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-date .select .divide {
        width: 0;
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-input .data-icon-search {
        margin-bottom: 5px;
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-status {
        transform: unset;
        float: left !important;
        margin-left: 0;
        margin-right: auto !important;
    }

    .D_products_group_search section.group_banner .search-area .search-box .select-status .form-check {
        padding-left: 0;
        margin-right: 1.25rem;
    }

    .D_products_group_search section.group_banner .search-area .search-box .search-btn {
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .D_products_group_search section.group_banner.search_banner .img_box {
        height: 250px;
    }

    .D_products_group_search section.group_banner.search_banner .img_box::before {
        top: 60px;
        font-size: 40px;
    }

    .D_products_group_search section.group_banner .search-area {
        padding: 1.2rem 0.5rem 1.5rem
    }

    .D_products_group_search section.search_con .pagination .page-item {
        margin: 0 1px;
    }

    .D_products_group_search section.search_con .pagination .page-item .page-link {
        width: 25px;
        height: 25px;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .time {
        margin-top: 5px;
    }

    .D_products_group_search .search_con form .list_con .tab-content #search-table tbody tr:nth-child(n+2) .item_days {
        width: 100%;
        margin: 0;
    }

    .D_products_group_search .search_table tbody td.go-airport > .row > div {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .D_products_group_search tbody td.go-airport > .row .plane {
        margin-top: 10px;
    }
}

/*product_mold*/
.D_products_group_mold .go-to-top {
    display: none !important;
}

.D_products_group_mold .sideBar_box .module-wrapper .actGotop {
    bottom: 25vh;
}

.D_products_group_mold .web-page-frame.lock {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/78708b46-24a4-45a0-84fc-c3a47c3b9d47.jpg);
}

.D_products_group_mold section.group_banner:before {
    transform: rotate(180deg);
}

.D_products_group_mold section.group_banner .info .col {
    background: transparent;
    padding: 0;
}

.D_products_group_mold section.group_banner .info h1 {
    text-shadow: black 0.1em 0.01em 0.3em;
}

.D_products_group_mold section.group_banner .info .btn-primary {
    background-size: 105% 105%;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6df7f6b1-4af3-4b85-85cf-ee840e2ba8be.jpg);
    border: none;
    background-position: center;
}

.D_products_group_mold section.group_banner .media-grouop .share_box,
.D_products_group_mold section.group_banner .media-grouop .forword_box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6a2b76f6-4f19-4b4f-b758-75fdd8d74468.png);
    background-size: 100% 100%;
    padding-top: 7px;
}

.D_products_group_mold section.group_banner .media-grouop .share_box i::before,
.D_products_group_mold section.group_banner .media-grouop .forword_box i::before {
    margin-left: 0;
    margin-top: 0;
    margin-right: 3px;
}

.D_products_group_mold .web-page-frame > div.row:nth-child(2) > div > div > div.row > div:nth-child(2) > div.row {
    counter-reset: num;
}

.D_products_group_mold section.group_table.trip_features,
.D_products_group_mold section.group_table.trip_airline,
.D_products_group_mold section.group_table.trip_day,
.D_products_group_mold section.group_table.trip_note,
.D_products_group_mold section.group_table.view_intro,
.D_products_group_mold section.group_table.tripdown {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 2rem;
}

.D_products_group_mold section.group_table.tripdown {
    margin-bottom: 4rem;
}

.D_products_group_mold section.group_table.tripdown#tripDown {
    margin-top: 4rem;
}

.D_products_group_mold section.group_table.trip_features .container,
.D_products_group_mold section.group_table.trip_airline .container,
.D_products_group_mold section.group_table.trip_day .container,
.D_products_group_mold section.group_table.trip_note .container,
.D_products_group_mold section.group_table.view_intro .container,
.D_products_group_mold section.group_table.tripdown .container {
    max-width: 1320px;
    width: 1320px;
}

.D_products_group_mold section.group_table.trip_features::before,
.D_products_group_mold section.group_table.trip_airline::before,
.D_products_group_mold section.group_table.trip_day::before,
.D_products_group_mold section.group_table.trip_note::before,
.D_products_group_mold section.group_table.view_intro::before,
.D_products_group_mold section.group_table.tripdown::before {
    display: block;
    font-size: 50px;
    color: #fff;
    counter-increment: num;
    content: counter(num);
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -0.6rem;
    margin-left: -2.7rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    height: auto;
    width: auto;
    background: none;
    z-index: 1;
}

.D_products_group_mold section.group_table.tripdown#tripFeatures,
.D_products_group_mold section.group_table.tripdown#tripNote {
    padding: 0;
}

.D_products_group_mold section.group_table.tripdown#tripFeatures::before,
.D_products_group_mold section.group_table.tripdown#tripFeatures::after,
.D_products_group_mold section.group_table.tripdown#tripNote::before,
.D_products_group_mold section.group_table.tripdown#tripNote::after {
    display: none;
}

.D_products_group_mold section.group_table.trip_features .container > .text-center,
.D_products_group_mold section.group_table.trip_airline .container > .text-center,
.D_products_group_mold section.group_table.trip_day .container > .text-center,
.D_products_group_mold section.group_table.trip_note .container > .text-center,
.D_products_group_mold section.group_table.view_intro .container > .text-center,
.D_products_group_mold section.group_table.tripdown .container > .text-center {
    position: relative;
    margin-bottom: 2rem !important;
}

.D_products_group_mold section.group_table.trip_features .container > .text-center::after,
.D_products_group_mold section.group_table.trip_airline .container > .text-center::after,
.D_products_group_mold section.group_table.trip_day .container > .text-center::after,
.D_products_group_mold section.group_table.trip_note .container > .text-center::after,
.D_products_group_mold section.group_table.view_intro .container > .text-center::after,
.D_products_group_mold section.group_table.tripdown .container > .text-center::after {
    content: '';
    display: block;
    width: 55px;
    height: 24px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9901c2d6-25dc-4f01-ad30-991440cdbf5b.svg);
    position: absolute;
    background-size: 100%;
    left: 50%;
    top: -1.3rem;
}

.D_products_group_mold section.group_table.trip_features .container > .text-center > h2,
.D_products_group_mold section.group_table.trip_airline .container > .text-center > h2,
.D_products_group_mold section.group_table.trip_day .container > .text-center > h2,
.D_products_group_mold section.group_table.trip_note .container > .text-center > h2,
.D_products_group_mold section.group_table.view_intro .container > .text-center > h2,
.D_products_group_mold section.group_table.tripdown .container > .text-center > h2 {
    font-weight: normal;
    font-size: 32px;
    display: table;
    margin: auto;
    position: relative;
}

.D_products_group_mold section.group_table.trip_features .container > .text-center > h2::before,
.D_products_group_mold section.group_table.trip_airline .container > .text-center > h2::before,
.D_products_group_mold section.group_table.trip_day .container > .text-center > h2::before,
.D_products_group_mold section.group_table.trip_note .container > .text-center > h2::before,
.D_products_group_mold section.group_table.view_intro .container > .text-center > h2::before,
.D_products_group_mold section.group_table.tripdown .container > .text-center > h2::before {
    content: 'POINT';
    display: inline-block;
    font-size: 2.5rem;
    letter-spacing: 0;
    position: relative;
    bottom: 1rem;
    right: 3rem;
    font-family: 'Oswald', sans-serif;
}

.D_products_group_mold section.group_table.trip_features .container > .text-center > h2::after,
.D_products_group_mold section.group_table.trip_airline .container > .text-center > h2::after,
.D_products_group_mold section.group_table.trip_day .container > .text-center > h2::after,
.D_products_group_mold section.group_table.trip_note .container > .text-center > h2::after,
.D_products_group_mold section.group_table.view_intro .container > .text-center > h2::after,
.D_products_group_mold section.group_table.tripdown .container > .text-center > h2::after {
    content: '';
    display: inline-block;
    width: 75px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 46%;
    transform: rotate(-26deg);
    top: 43%;
}

.D_products_group_mold section.group_table.trip_features .container .group_table_box,
.D_products_group_mold section.group_table.trip_airline .container .group_table_box,
.D_products_group_mold section.group_table.trip_day .container .group_table_box,
.D_products_group_mold section.group_table.trip_note .container .group_table_box,
.D_products_group_mold section.group_table.view_intro .container .group_table_box,
.D_products_group_mold section.group_table.tripdown .container .group_table_box {
    margin-top: 0;
    overflow: hidden;
}

.D_products_group_mold section.group_table.trip_features .container .group_table_box {
    padding-left: 0;
    padding-right: 0;
}

.D_products_group_mold section.group_table.trip_features .container .group_table_box .text {
    padding-left: 1rem;
    padding-right: 1rem;
}

.D_products_group_mold section.group_table.trip_day .container .group_table_box {
    padding-left: 0;
    padding-right: 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9352e19-4f75-486f-8343-77e2f755887c.jpg);
}

.D_products_group_mold section.group_table.trip_features .container .group_table_box::before,
.D_products_group_mold section.group_table.trip_airline .container .group_table_box::before,
.D_products_group_mold section.group_table.trip_day .container .group_table_box::before,
.D_products_group_mold section.group_table.trip_note .container .group_table_box::before,
.D_products_group_mold section.group_table.view_intro .container .group_table_box::before,
.D_products_group_mold section.group_table.tripdown .container .group_table_box::before {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40px;
    height: 20px;
    line-height: 0;
    text-align: center;
    color: #af7f54;
    border-radius: 0 0 20px 20px;
    box-shadow: -1px 1px 0 0 #ccc;
    z-index: 5;
    content: '↓';
    background-repeat: repeat;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/78708b46-24a4-45a0-84fc-c3a47c3b9d47.jpg);
}

.D_products_group_mold section.group_table.tripdown .container .group_table_box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fd4fac9-0669-47b3-9cd2-4e282501c0f8.jpg);
}

.D_products_group_mold section.group_table.tripdown .IconMean,
.D_products_group_mold section.group_table.tripdown .style_icon,
.D_products_group_mold section.group_table.tripdown .tab-content #search-calendar {
    display: none;
}

.D_products_group_mold section.group_table.tripdown .search_table tr.thead {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2311787e-343f-4cdb-9961-ca81c9fd219c.png);
    background-size: auto 100%;
    font-size: 16px;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) {
    border-bottom: solid 1px #E7E7E7;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3b7459c9-8f1d-49bd-bc4c-100d725d20f1.png);
    background-position: top;
    background-size: contain;
    background-repeat: repeat-x;
    background-color: #fff;
    transition: .3s;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .date.go-date {
    font-size: 15px;
    color: #5a5959;
    text-align: center !important;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .tour-name a.title_main {
    font-size: 18px;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .go-airport h6 {
    font-size: 15px;
    color: #5a5959;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .tour-price span {
    font-size: 16px;
    font-weight: normal;
    color: #5a5959 !important;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .sale-situation .btn {
    color: #af7f54;
    background-color: transparent;
    border-color: #af7f54;
    border-radius: 0;
    padding: 5px 10px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: auto;
    max-width: fit-content;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .sale-situation .btn::before {
    content: '立即';
    display: inline-block;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .sale-situation .btn::after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/09941ed9-b249-4ff2-a69c-f213505bff23.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 5px;
    order: -1;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover {
    background-color: #aca2a2;
    transition: .3s;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover .date.go-date,
.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover .tour-name a.title_main,
.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover .go-airport h6,
.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover .tour-price span,
.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover .sale-situation .btn {
    color: #fff !important;
}

.D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover .sale-situation .btn::after {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/d5b13e2e-8db4-41ec-bfaf-29c51541f8dc.svg);
}

.D_products_group_mold section.group_table.tripdown #search-table > div > a.btn {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7bbd28a6-d6aa-496e-8e1c-59d9f8e659b6.png);
    background-size: 100% 100%;
    padding: 15px 50px;
    margin-bottom: 0;
    margin-top: 1rem;
    font-size: 1rem;
}

.D_products_group_mold section.group_table.trip_note .container .group_table_box {
    padding-top: 50px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fd4fac9-0669-47b3-9cd2-4e282501c0f8.jpg);
}

.D_products_group_mold section.group_table.trip_note .container .group_table_box .card {
    background: transparent;
    margin-bottom: 20px;
}

.D_products_group_mold section.group_table.trip_note .container .group_table_box .card .card-header {
    margin-bottom: 0;
}

.D_products_group_mold section.group_table.trip_note .container .group_table_box .card .collapse,
.D_products_group_mold section.group_table.trip_note .container .group_table_box .card .collapsing {
    background: #fff;
}

.D_products_group_mold section.group_table.trip_note .container .group_table_box .card .card-body,
.D_products_group_mold section.group_table.trip_note .container .group_table_box .card .collapsing .card-body {
    padding-top: 16px;
}

.D_products_group_mold section.trip_note .card-header .btn {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.D_products_group_mold section.trip_note .card-header .btn[aria-expanded="true"],
.D_products_group_mold section.trip_note .card-header .btn:hover {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4869e814-f094-4964-8ffd-feb6a07e4474.jpg);
}

.D_products_group_mold section.trip_note .card-header a.btn:after {
    top: 15px;
}

.D_products_group_mold section.trip_note .collapse > .table-responsive,
.D_products_group_mold section.trip_note .collapsing > .table-responsive {
    padding: 16px 22px;
}

.D_products_group_mold section.trip_note .collapse table thead th,
.D_products_group_mold section.trip_note .collapsing table thead th {
    padding: 5px 0;
    font-size: 15px;
}

.D_products_group_mold section.trip_note .collapse table tbody td,
.D_products_group_mold section.trip_note .collapsing table tbody td {
    padding: 10px 0;
    font-size: 15px;
}

@media (max-width: 1359px) {
    .D_products_group_mold section.group_table.trip_features .container,
    .D_products_group_mold section.group_table.trip_airline .container,
    .D_products_group_mold section.group_table.trip_day .container,
    .D_products_group_mold section.group_table.trip_note .container,
    .D_products_group_mold section.group_table.view_intro .container,
    .D_products_group_mold section.group_table.tripdown .container {
        max-width: 1199px;
        width: 1199px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.tour-price,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.tour-price {
        width: 15%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.sale-situation,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.sale-situation {
        width: 14%;
    }
}

@media (max-width: 1239px) {
    .D_products_group_mold section.group_table.trip_features .container,
    .D_products_group_mold section.group_table.trip_airline .container,
    .D_products_group_mold section.group_table.trip_day .container,
    .D_products_group_mold section.group_table.trip_note .container,
    .D_products_group_mold section.group_table.view_intro .container,
    .D_products_group_mold section.group_table.tripdown .container {
        max-width: 950px;
        width: 950px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.go-airport,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.go-airport {
        width: 18%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.tour-price,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.tour-price {
        width: 14%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.sale-situation,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.sale-situation {
        width: 15%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .sale-situation .btn {
        padding: 5px;
    }
}

@media (max-width: 991px) {
    .D_products_group_mold section.group_banner .img_box {
        height: 500px !important;
        min-height: 500px !important;
    }

    .D_products_group_mold section.group_table.trip_features .container,
    .D_products_group_mold section.group_table.trip_airline .container,
    .D_products_group_mold section.group_table.trip_day .container,
    .D_products_group_mold section.group_table.trip_note .container,
    .D_products_group_mold section.group_table.view_intro .container,
    .D_products_group_mold section.group_table.tripdown .container {
        max-width: 95%;
        width: 95%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table {
        border-top: 1px solid #af7f54;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tr.thead {
        display: none;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) {
        margin-bottom: 0;
        border-bottom: 1px solid #af7f54;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover {
        background-color: transparent;
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4aa220f2-eaf7-41d9-826c-310ab81cba40.png);
        background-size: 100% 103%;
        background-position: bottom;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .date.go-date {
        padding: 10px 15px 0;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-date .time .go-date {
        font-size: 16px;
        text-align: left;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-date .time .go-date::before {
        content: '出發日期';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-date .time .go-date::before {
        color: #fff;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-date > div.item_days {
        margin-right: 2rem;
        font-size: 16px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-date > div.item_days::before {
        content: '旅遊天數';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-date > div.item_days::before {
        color: #fff;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.tour-name {
        border-bottom: 1px solid #ccc;
        padding: 10px 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.go-airport,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.go-airport {
        width: calc(100% - 350px);
        border: none;
        padding: 10px 0;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div {
        padding: 0 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(1)::before {
        content: '出發地';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
        min-width: 45px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-airport > .row > div:nth-child(1)::before {
        color: #fff;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(2)::before {
        content: '航班';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
        min-width: 30px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-airport > .row > div:nth-child(2)::before {
        color: #fff;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.tour-price,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.tour-price {
        width: 200px;
        display: table-cell;
        padding: 10px 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.tour-price h6 {
        float: left;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.tour-price h6::before {
        content: '團費';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.tour-price h6::before {
        color: #fff;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.sale-situation,
    .D_products_group_mold section.group_table.tripdown .search_table tr td.sale-situation {
        width: 150px;
        padding: 10px 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2) .sale-situation .btn {
        padding: 5px 10px;
    }
}

@media (max-width: 767px) {
    .D_products_group_mold section.group_banner .img_box {
        height: 430px !important;
        min-height: 430px !important;
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.go-airport, .D_products_group_mold section.group_table.tripdown .search_table tr td.go-airport {
        width: calc(100% - 200px);
    }

    .D_products_group_mold section.group_table.tripdown .search_table .thead th.sale-situation, .D_products_group_mold section.group_table.tripdown .search_table tr td.sale-situation {
        width: 100%;
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    .D_products_group_mold section.group_banner .img_box {
        height: 360px !important;
        min-height: 360px !important;
    }

    .D_products_group_mold section.group_banner .info h1 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 0;
        font-size: 1.8rem;
    }

    .D_products_group_mold section.group_banner .info .btn-primary {
        padding: 8px 25px;
    }

    .D_products_group_mold section.group_banner .media-grouop {
        bottom: 1.5rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tr td.go-airport {
        width: 100%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tr td.tour-price {
        width: 50%;
        order: 1;
        padding-top: 0;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tr td.sale-situation {
        width: 50%;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-date .time .go-date {
        font-size: 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-date .time .go-date::before {
        margin-right: 0.5rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-date > div.item_days {
        font-size: 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-date > div.item_days::before {
        margin-right: 0.5rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(1) {
        padding: 0 12px 0 15px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(1)::before {
        margin-right: 0.5rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(2) {
        padding: 0 15px 0 12px;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(2)::before {
        margin-right: 0.5rem;
    }

    .D_products_group_mold section.group_table.tripdown .search_table tbody td.tour-price h6::before {
        margin-right: 0.5rem;
    }

    .D_products_group_mold section.group_table.trip_note {
        padding-left: 0;
        padding-right: 0;
    }

    .D_products_group_mold section.group_table.trip_note .container .group_table_box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .D_products_group_mold section.group_table.trip_features::before,
    .D_products_group_mold section.group_table.trip_airline::before,
    .D_products_group_mold section.group_table.trip_day::before,
    .D_products_group_mold section.group_table.trip_note::before,
    .D_products_group_mold section.group_table.view_intro::before,
    .D_products_group_mold section.group_table.tripdown::before {
        margin-left: -1.9rem;
    }

    .D_products_group_mold section.group_table.trip_features .container > .text-center > h2,
    .D_products_group_mold section.group_table.trip_airline .container > .text-center > h2,
    .D_products_group_mold section.group_table.trip_day .container > .text-center > h2,
    .D_products_group_mold section.group_table.trip_note .container > .text-center > h2,
    .D_products_group_mold section.group_table.view_intro .container > .text-center > h2,
    .D_products_group_mold section.group_table.tripdown .container > .text-center > h2 {
        padding-left: 2rem;
        font-size: 30px;
    }

    .D_products_group_mold section.group_table.trip_features .container > .text-center > h2::after,
    .D_products_group_mold section.group_table.trip_airline .container > .text-center > h2::after,
    .D_products_group_mold section.group_table.trip_day .container > .text-center > h2::after,
    .D_products_group_mold section.group_table.trip_note .container > .text-center > h2::after,
    .D_products_group_mold section.group_table.view_intro .container > .text-center > h2::after,
    .D_products_group_mold section.group_table.tripdown .container > .text-center > h2::after {
        right: 45%;
        top: 50%;
    }
}

/*product_detail*/
.D_products_group_detail .row.header {
    position: unset;
    width: initial;
}

.plane-s1 {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plane-s1 h6 {
    flex-wrap: nowrap;
}

.plane-s1 .plane-sche {
    display: none;
}

.plane-s3 .plane-sche {
    display: none;
}

figure.block_style .price_box h4 small:nth-last-child(1) {
    display: none;
}

figure.block_style .price_all h4 small:nth-last-child(1) {
    display: none;
}

.search_table tbody td.tour-price h6 small:nth-last-child(1) {
    display: none;
}

.D_products_group_detail #tripFeatures .group_table_box div img {
    margin: 0 auto;
    width: auto;
}

.D_products_group_detail #tripFeatures .group_table_box div h5,
.D_products_group_detail #tripNote .card .card-body h5 {
    margin: 15px 0;
    border-left: 5px solid;
    padding-left: 10px;
    font-weight: 600;
}

.D_products_group_detail .go-to-top {
    display: none !important;
}

.D_products_group_detail .sideBar_box .module-wrapper .actGotop {
    bottom: 350px;
    right: 21px;
}

section.group_table.tripdown .search_table .thead th.total-seat,
section.group_table.tripdown .search_table .thead th.booking-num,
section.group_table.tripdown .search_table .thead th.waiting-num,
section.group_table.tripdown .search_table .thead th.available-seat,
section.group_table.tripdown .search_table tr td.total-seat,
section.group_table.tripdown .search_table tr td.booking-num,
section.group_table.tripdown .search_table tr td.waiting-num,
section.group_table.tripdown .search_table tr td.available-seat {
    display: none;
}

.group_table.tripdown .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available {
    display: none;
}

.D_products_group_detail .web-page-frame.lock {
    /*background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/78708b46-24a4-45a0-84fc-c3a47c3b9d47.jpg);*/
    /*background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/product/BG_GREY.png);*/
    background-color: #f5f5f5;
}

.D_products_group_detail section.group_banner.trip_banner {
    margin-top: 0;
}

.D_products_group_detail section.group_banner.trip_banner:before {
    height: 650px;
    background-size: auto;
    /*background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/ef83a147-70d1-47ea-83e6-e3ffb8816608.png);*/
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/product/BG_GREYGradient.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

.D_products_group_detail section.group_banner.trip_banner .img_box {
    height: 650px;
}

.D_products_group_detail section.group_banner.trip_banner .basic_box {
    padding-top: 240px;
    /*background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/78708b46-24a4-45a0-84fc-c3a47c3b9d47.jpg);*/
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/product/BG_GREYGradient.png);
    padding-bottom: 0 !important;
}

.D_products_group_detail section.group_banner.trip_banner .basic_box > div {
    margin-bottom: 0 !important;
}

.D_products_group_detail section.group_banner.trip_banner .price.iteam {
    padding: 5px 0 0;
    font-size: 15px;
}

.D_products_group_detail section.group_banner.trip_banner .basic_box .tag {
    padding: 1px 15px;
    margin-bottom: 0;
    font-size: 15px;
    background-color: #997c66;
    border-color: #997c66;
}

.D_products_group_detail .sub_menu-trip {
    position: unset;
    height: auto;
  	z-index: 200;
}

.D_products_group_detail .sub_menu-trip .sub_inside {
    height: auto;
}

.D_products_group_detail .sub_menu-trip .server_menu {
    position: fixed;
    width: auto;
    right: 0;
    overflow: unset;
    top: 155px;
    bottom: 0;
    z-index: 9;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul {
    margin-bottom: 0;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn {
    /* 
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6df7f6b1-4af3-4b85-85cf-ee840e2ba8be.jpg);
    background-size: 110% 110%;
    background-position: center;
     */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgb(0, 110, 147) !important;
    height: 45px
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a {
    transition: .3s;
    font-size: 17px;
    padding: 5px 10px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    /*background-color: #dc5b67;*/
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a.disabled {
    background-color: #aaa;
    cursor: pointer;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a i {
    font-size: 18px;
    line-height: 37px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn {
    height: 45px;
    width: auto;
    max-width: max-content;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    background: rgb(0, 110, 147);
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn {
    background: #dc5b67 !important;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn {
  	display: none;
  	position: relative;
    background: #1ac22b !important;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > a,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn > a,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn > a,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn > a {
    width: 45px;
    height: 45px;
    overflow: hidden;
    color: transparent;
    font-size: 15px;
    padding: 5px 10px;
    transition: .3s;
    display: inline-block;
    white-space: nowrap;
    font-weight: normal;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn > a {
    width: 45px;
    height: 45px;
    overflow: hidden;
    color: transparent;
    font-size: 17px;
    padding: 5px 10px;
    transition: .3s;
    display: inline-block;
    white-space: nowrap;
    font-weight: normal;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > a:hover,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn > a:hover,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn > a:hover,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn > a:hover {
    transition: .3s;
    color: #fff;
    width: 75px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a:hover,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a:hover {
    width: 125px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > a > i,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn > a > i,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > i,
.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn > a > i {
    font-size: 18px;
    margin: 0;
    color: #fff;
    line-height: 35px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
    background-color: #09739f;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after {
    margin-left: 5px;
    display: none;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1):hover::after {
    display: inline-block;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  z-index: 9999;
  width: 100%;
  bottom: 0;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu.show {
    display: flex;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu .menu-btn {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-decoration: none;
  font-size: 20px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu .fb {
  background-color: #3b5998; /* Facebook 藍 */
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu .line {
  background-color: #00c300; /* LINE 綠 */
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu .tel {
  background-color: rgb(236, 89, 35);
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu .mail {
  background-color: rgb(96, 96, 96) ; 
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn #mobile-floating-menu .icon {
  font-family: Arial, sans-serif;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn:hover ul {
    height: 45px;
    width: 180px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li {
    height: 45px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li > a {
    padding: 5px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li > a i {
    font-size: 18px;
    line-height: 35px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) > a {
    padding: 5px 12px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > ul{
    width: 90px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > ul li{
    height: 45px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > ul li a{
    padding: 5px;
}

.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > ul li a i{
    font-size: 18px;
    line-height: 35px;
}

.D_products_group_detail .sub_menu-trip .trip_menu {
    position: absolute;
    width: 1320px;
    margin: 0;
    left: 50%;
    transform: translate(-50%, 0);
    top: 625px;
    border: none;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4aa220f2-eaf7-41d9-826c-310ab81cba40.png);
    background-size: 100% 100%;
    padding: 0 10px;
}

.D_products_group_detail .sub_menu-trip.trip-gizle .trip_menu {
    position: fixed;
    top: 0 !important;
    width: 100%;
    height: 60px;
}

.D_products_group_detail .sub_menu-trip .trip_menu i {
    display: none;
}

.D_products_group_detail .sub_menu-trip .trip_menu ul {
    display: table;
    margin: auto;
}

.D_products_group_detail .sub_menu-trip .trip_menu ul li {
    float: left;
    margin: 0 1rem;
}

.D_products_group_detail.preparing .sub_menu-trip .trip_menu ul li.dates {
    display: none;
}

.D_products_group_detail .sub_menu-trip .trip_menu li a {
    padding: 15px 16px;
    background: none;
    border-bottom: 0;
}

.D_products_group_detail .sub_menu-trip .trip_menu li a:hover {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7bbd28a6-d6aa-496e-8e1c-59d9f8e659b6.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.D_products_group_detail .sub_menu-trip .trip_menu li a span {
    color: #fff;
    letter-spacing: 0.5px;
    font-size: 17px;
}

.D_products_group_detail section.group_banner.trip_banner .container {
    width: 1320px;
    max-width: 1320px;
    padding: 20px 45px 8px 30px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fd4fac9-0669-47b3-9cd2-4e282501c0f8.jpg);
    border-top: 1px solid #fff;
    position: relative;
}

.D_products_group_detail section.group_banner.trip_banner .container::after {
    content: '';
    display: block;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.D_products_group_detail section.group_banner.trip_banner .container p#crumb {
    position: absolute !important;
    z-index: -1 !important;
}

.D_products_group_detail section.group_banner.trip_banner .container > .row {
    align-items: flex-start;
}

.D_products_group_detail section.group_banner.trip_banner .container nav.Detail {
    display: none;
}

.D_products_group_detail section.group_banner .group_num {
    float: left;
}

.D_products_group_detail.preparing section.group_banner .group_num {
    visibility: hidden;
}

.D_products_group_detail section.group_banner.trip_banner .group_num h6 {
    font-size: 15px;
    color: #000;
}

.D_products_group_detail section.group_banner.trip_banner .group_num #qrcode {
    display: none !important;
}

.D_products_group_detail section.group_banner.trip_banner h1 {
    font-size: 22px;
    line-height: 40px;
    margin: 8px 0;
    width: 62%;
}

.D_products_group_detail section.group_banner.trip_banner .AUTO_offer {
    width: 62%;
    color: #af7f54;
    font-size: 16px;
    line-height: 22px;
    margin: 8px 0;
}


.D_products_group_detail.preparing section.group_banner.trip_banner .AUTO_offer {
    min-height: 100px;
}


.D_products_group_detail section.group_banner.trip_banner .price_box {
}

.D_products_group_detail section.group_banner.trip_banner h3.price {
    color: #a87a52;
    font-size: 24px;
    font-family: serif;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.D_products_group_detail section.group_banner.trip_banner h3.price span,
.D_products_group_detail section.group_banner.trip_banner h3.price small {
    font-size: 16px;
    margin-right: 0;
}

.D_products_group_detail section.group_banner.trip_banner h3.price small:after {
    content: "費用說明";
    color: rgb(90, 89, 89);
    font-size: 15px;
    font-weight: 600;
    margin-left: 4px;
    margin-right: 0;
}

.D_products_group_detail section.group_banner.trip_banner h3.price:after {
    font-family: FontAwesome, serif;
    content: "\f06a";
    display: inline-block;
    margin-left: 0;
    color: red;
    font-size: 15px;
    vertical-align: middle;
}

.without-after:after {
    content: "" !important;
}

.D_products_group_detail section.group_banner .price_content {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 6px;
}

.D_products_group_detail section.group_banner .price_content .panel-info {
    border-color: #4895ae;
    flex: 1 1 0;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4px;
}

.D_products_group_detail section.group_banner .price_content .panel-info .panel-heading {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2311787e-343f-4cdb-9961-ca81c9fd219c.png);
    background-size: 100% 100%;
    background-color: #4895ae;
    font-size: 16px;
    white-space: nowrap;
    padding: 6px;
}

.D_products_group_detail section.group_banner .price_content .panel-info .panel-body {
    color: #a87a52;
    font-family: serif;
    font-size: 18px;
    padding: 4px 10px;
    letter-spacing: -0.5px;
}

.D_products_group_detail section.group_banner.trip_banner .brief {
    margin: 5px -15px 5px;
}

.D_products_group_detail section.group_banner.trip_banner .brief h5 {
    font-size: 16px;
    color: #000;
}

.D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(2) {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    min-height: 201px;
}

.D_products_group_detail.preparing section.group_banner.trip_banner .container > .row > div:nth-child(2) {
    display: none;
}

.D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(3) {
    position: absolute;
    top: 110px;
    right: 20px;
    background-color: rgba(168, 168, 168, 0.2);
    padding: 0;
    justify-content: center;
    align-content: flex-start !important;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.D_products_group_detail.preparing section.group_banner.trip_banner .container > .row > div:nth-child(3) {
    visibility: hidden;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-aircraft {
    font-size: 18px;
    font-weight: 400;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-aircraft img {
    margin-right: 10px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-airport {
    display: none;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-airport i {
    color: #E30013;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info {
    border: none;
    border-top: 2px solid #f9f9f9;
    border-bottom: 2px solid #f9f9f9;
    padding: 12px 16px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info .go,
.D_products_group_detail section.group_banner.trip_banner .basic-air-info .back {
    line-height: 28px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info h3 {
    color: #000000;
    font-size: 16px;
    line-height: 16px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info h3 i {
    display: none;
    color: #999;
    margin-bottom: 10px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info h3 br {
    display: none;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info h4 {
    color: #a87a52;
    font-family: serif;
    font-size: 24px;
    line-height: 24px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-info .time {
    font-family: serif;
    font-size: 18px;
    border-width: 1px;
}

.D_products_group_detail section.group_banner.trip_banner .basic-air-btn a {
    width: 100%;
    border-radius: 0;
    border: none;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/18f6fc42-7816-4152-9181-262ee1b08c17.png);
    background-size: 100% 100%;
    padding: 16px;
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 20px;
}

.D_products_group_detail .web-page-frame > div.row:nth-child(2) > div > div > div.row > div:nth-child(2) > div.row {
    counter-reset: num;
}

.D_products_group_detail section.group_table.trip_features,
.D_products_group_detail section.group_table.trip_airline,
.D_products_group_detail section.group_table.trip_day,
.D_products_group_detail section.group_table.trip_note,
.D_products_group_detail section.group_table.view_intro,
.D_products_group_detail section.group_table.tripdown {
    margin-bottom: 3rem;
    margin-top: 0;
    padding-top: 6rem;
}

.D_products_group_detail.preparing section.group_table.tripdown {
    display: none;
}

.D_products_group_detail section.group_table.trip_features {
    padding-top: 6rem;
}

.D_products_group_detail section.group_table.tripdown {
    margin-bottom: 4rem;
}

.D_products_group_detail section.group_table.trip_features .container,
.D_products_group_detail section.group_table.trip_airline .container,
.D_products_group_detail section.group_table.trip_day .container,
.D_products_group_detail section.group_table.trip_note .container,
.D_products_group_detail section.group_table.view_intro .container,
.D_products_group_detail section.group_table.tripdown .container {
    max-width: 1320px;
    width: 1320px;
}

.D_products_group_detail section.group_table.trip_features::before,
.D_products_group_detail section.group_table.trip_airline::before,
.D_products_group_detail section.group_table.trip_day::before,
.D_products_group_detail section.group_table.trip_note::before,
.D_products_group_detail section.group_table.view_intro::before,
.D_products_group_detail section.group_table.tripdown::before {
    display: block;
    font-size: 50px;
    color: #111;
    counter-increment: num;
    content: counter(num);
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 3.5rem;
    margin-left: -2.7rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    height: auto;
    width: auto;
    background: none;
    z-index: 1;
}

.D_products_group_detail.preparing section.group_table.trip_features::before,
.D_products_group_detail.preparing section.group_table.trip_features .container > .text-center {
    z-index: 99;
}

.D_products_group_detail section.group_table.trip_features #map > img {
    width: 100%;
}

.D_products_group_detail section.group_table.trip_features .container > .text-center,
.D_products_group_detail section.group_table.trip_airline .container > .text-center,
.D_products_group_detail section.group_table.trip_day .container > .text-center,
.D_products_group_detail section.group_table.trip_note .container > .text-center,
.D_products_group_detail section.group_table.view_intro .container > .text-center,
.D_products_group_detail section.group_table.tripdown .container > .text-center {
    position: relative;
    margin-bottom: 2rem !important;
}

.D_products_group_detail section.group_table.trip_features .container > .text-center::after,
.D_products_group_detail section.group_table.trip_airline .container > .text-center::after,
.D_products_group_detail section.group_table.trip_day .container > .text-center::after,
.D_products_group_detail section.group_table.trip_note .container > .text-center::after,
.D_products_group_detail section.group_table.view_intro .container > .text-center::after,
.D_products_group_detail section.group_table.tripdown .container > .text-center::after {
    content: '';
    display: block;
    width: 55px;
    height: 24px;
    /*background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9901c2d6-25dc-4f01-ad30-991440cdbf5b.svg);*/
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/product/airplane_black.svg);
    position: absolute;
    background-size: 100%;
    left: 50%;
    top: -1.3rem;
}

.D_products_group_detail section.group_table.trip_features .container > .text-center > h2,
.D_products_group_detail section.group_table.trip_airline .container > .text-center > h2,
.D_products_group_detail section.group_table.trip_day .container > .text-center > h2,
.D_products_group_detail section.group_table.trip_note .container > .text-center > h2,
.D_products_group_detail section.group_table.view_intro .container > .text-center > h2,
.D_products_group_detail section.group_table.tripdown .container > .text-center > h2 {
    font-weight: normal;
    font-size: 32px;
    display: table;
    margin: auto;
    position: relative;
    color: #111;
    text-shadow: 0 0 BLACK;
}

.D_products_group_detail section.group_table.trip_features .container > .text-center > h2::before,
.D_products_group_detail section.group_table.trip_airline .container > .text-center > h2::before,
.D_products_group_detail section.group_table.trip_day .container > .text-center > h2::before,
.D_products_group_detail section.group_table.trip_note .container > .text-center > h2::before,
.D_products_group_detail section.group_table.view_intro .container > .text-center > h2::before,
.D_products_group_detail section.group_table.tripdown .container > .text-center > h2::before {
    content: 'POINT';
    display: inline-block;
    font-size: 2.5rem;
    letter-spacing: 0;
    position: relative;
    bottom: 1rem;
    right: 3rem;
    font-family: 'Oswald', sans-serif;
}

.D_products_group_detail section.group_table.trip_features .container > .text-center > h2::after,
.D_products_group_detail section.group_table.trip_airline .container > .text-center > h2::after,
.D_products_group_detail section.group_table.trip_day .container > .text-center > h2::after,
.D_products_group_detail section.group_table.trip_note .container > .text-center > h2::after,
.D_products_group_detail section.group_table.view_intro .container > .text-center > h2::after,
.D_products_group_detail section.group_table.tripdown .container > .text-center > h2::after {
    content: '';
    display: inline-block;
    width: 75px;
    height: 1px;
    background: #111;
    position: absolute;
    right: 46%;
    transform: rotate(-26deg);
    top: 43%;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box,
.D_products_group_detail section.group_table.trip_airline .container .group_table_box,
.D_products_group_detail section.group_table.trip_day .container .group_table_box,
.D_products_group_detail section.group_table.trip_note .container .group_table_box,
.D_products_group_detail section.group_table.view_intro .container .group_table_box,
.D_products_group_detail section.group_table.tripdown .container .group_table_box {
    margin-top: 0;
    overflow: hidden;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(1) {
    order: 5;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(2) {
    order: 6;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(3) {
    order: 1;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(4) {
    order: 2;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(5) {
    order: 3;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(6) {
    order: 4;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(1),
.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(3),
.D_products_group_detail section.group_table.trip_features .container .group_table_box > div:nth-child(5) {
    display: none;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .text {
    padding-left: 1rem;
    padding-right: 1rem;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .paper {
    text-align: left;
    padding: 0 4rem;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > h4 {
    margin-bottom: 20px;
    font-size: 2rem;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper {
    padding: 0;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper .text {
    font-size: 1rem;
    padding: 0;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper .text .title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 1.6rem;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper .text p {
    font-size: 1rem;
}

.D_products_group_detail section.group_table.trip_day .container .group_table_box {
    padding-left: 0;
    padding-right: 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9352e19-4f75-486f-8343-77e2f755887c.jpg);
}

.D_products_group_detail section.group_table.trip_day .container .group_table_box div img {
    margin: 0 auto;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box div .video-container,
.D_products_group_detail section.group_table.trip_day .container .day_con .info_box h6.text_gary2 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box div .video-container iframe,
.D_products_group_detail section.group_table.trip_day .container .day_con .info_box h6.text_gary2 .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.D_products_group_detail section.group_table.trip_features .container .group_table_box::before,
.D_products_group_detail section.group_table.trip_airline .container .group_table_box::before,
.D_products_group_detail section.group_table.trip_day .container .group_table_box::before,
.D_products_group_detail section.group_table.trip_note .container .group_table_box::before,
.D_products_group_detail section.group_table.view_intro .container .group_table_box::before,
.D_products_group_detail section.group_table.tripdown .container .group_table_box::before {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40px;
    height: 20px;
    line-height: 0;
    text-align: center;
    color: #af7f54;
    border-radius: 0 0 20px 20px;
    box-shadow: -1px 1px 0 0 #ccc;
    z-index: 5;
    content: '↓';
    background-repeat: repeat;
    background-size: contain;
    /*background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/78708b46-24a4-45a0-84fc-c3a47c3b9d47.jpg);*/
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/product/BG_GREY.png);
}

.D_products_group_detail section.group_table.trip_day .container .group_table_box > p {
    margin: 0 50px 40px !important;
}

.D_products_group_detail section.group_table.trip_day table.table {
    width: calc(100% - 100px);
    margin: 2rem auto 16px;
}

.D_products_group_detail section.group_table.trip_day table.table tbody tr {
    border-bottom: solid 1px #E7E7E7;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3b7459c9-8f1d-49bd-bc4c-100d725d20f1.png);
    background-position: top;
    background-size: contain;
    background-repeat: repeat-x;
    background-color: #fff;
}

.D_products_group_detail section.group_table.trip_day table.table tbody tr.thead {
    border: none;
}

.D_products_group_detail section.group_table.trip_day table.table tbody tr.thead th {
    color: #000;
    font-size: 1rem;
}

.D_products_group_detail section.group_table.trip_day table.table tbody tr.thead th:nth-child(2) {
    background-color: transparent;
}

.D_products_group_detail section.group_table.trip_day table.table tbody tr.thead th:nth-child(2)::before {
    display: none;
}

.D_products_group_detail section.group_table.trip_day table.table tr.text_gary td {
    padding: 5px 0;
}

.D_products_group_detail section.group_table.trip_day table.table tr.text_gary td span {
    font-size: 16px;
    color: #5a5959;
}

.D_products_group_detail section.group_table.trip_day .Day_menu.day_fixed {
    top: 60px !important;
    z-index: 40;
}

@media (max-width: 560px) {
    .D_products_group_detail section.group_table.trip_day .Day_menu.day_fixed {
        display: none;
    }
}

.D_products_group_detail section.group_table.trip_day .Day_menu .swiper_day .swiper-slide {
    flex: 1;
}

.D_products_group_detail section.group_table.trip_day .Day_menu .swiper_day .swiper-slide:first-child {
    padding-left: 8px;
}

.D_products_group_detail section.group_table.trip_day .Day_menu .swiper_day .swiper-slide a {
    border: none;
    background: none;
    font-size: 15px;
}

.D_products_group_detail section.group_table.trip_day .Day_menu .swiper_day .swiper-slide a:hover {
    color: #09739f;
}

@media (max-width: 991.98px) {
    .D_products_group_detail section.group_table.trip_day .Day_menu .swiper_day .swiper-slide a {
        width: 60px;
    }
}

.D_products_group_detail section.group_table.trip_day .day_con {
    margin: 0;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box {
    padding: 40px 50px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end !important;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box::before {
    content: '';
    display: block;
    width: 1px;
    background: #BCBCBC;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 112px;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box:nth-child(odd) {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fd4fac9-0669-47b3-9cd2-4e282501c0f8.jpg);
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box:nth-child(even)::after {
    content: '';
    display: block;
    right: 0;
    height: 1px;
    position: absolute;
    top: 1px;
    left: 0;
    background-color: #fff;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box > .row {
    width: -webkit-fill-available;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box > .row > div:nth-child(1) {
    display: none;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box > .row > div:nth-child(2) {
    max-width: 100%;
    flex: 0 0 100%;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title {
    margin: 0;
    border: none;
    background: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title > div.d-flex {
    align-items: flex-start !important;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    position: relative;
    padding-left: 138px;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title {
    width: 125px;
    height: 125px;
    border-radius: 100%;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6a2b76f6-4f19-4b4f-b758-75fdd8d74468.png);
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-family: math;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding-top: 2rem;
    font-size: 50px;
    left: 0;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::before {
    content: 'DAY';
    display: block;
    background: none;
    position: absolute;
    top: 1.8rem;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title {
    background: none;
    border: none;
    color: #1e7c9c;
    font-size: 22px;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: calc(100%);
    text-align: justify;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal,
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel {
    float: left;
    width: calc(50% - 80px);
    padding: 70px 30px 30px 130px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3b7459c9-8f1d-49bd-bc4c-100d725d20f1.png);
    background-position: top;
    background-size: cover;
    background-repeat: repeat-x;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #E0E0E0;
    position: relative;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal {
    box-shadow: -1px 0 2px 0 #fff, 0 0 0 0 #e2e2e2, 1px 0 2px 0 #e2e2e2, 0 1px 1px 0 #e2e2e2;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel {
    border-left: 1px solid #E0E0E0;
    box-shadow: -1px 0 2px 0 #fff, 0 0 0 0 #e2e2e2, 1px 0 2px 0 #e2e2e2, 0 1px 1px 0 #e2e2e2;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal::before {
    content: '';
    display: block;
    width: 43px;
    height: 43px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a3385d79-3266-4369-8e31-d152d7dee747.svg);
    background-size: 25px;
    background-color: #324151;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 1.3rem;
    top: 1.3rem;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal::after {
    content: '餐食 Dining';
    display: block;
    text-indent: -50px;
    font-size: 19px;
    color: #324151;
    font-family: serif;
    position: absolute;
    top: 32px;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel::before {
    content: '';
    display: block;
    width: 43px;
    height: 43px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/336d9d91-dd48-423d-9b62-3f80306ce093.svg);
    background-size: 25px;
    background-color: #324151;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 1.3rem;
    top: 1.3rem;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel::after {
    content: '住宿 Hotel';
    display: block;
    text-indent: -50px;
    font-size: 19px;
    color: #324151;
    font-family: serif;
    position: absolute;
    top: 30px;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal i,
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel i {
    display: none;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal span,
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel span {
    color: #5a5959;
    margin: 0;
    width: 100%;
    display: block;
    text-indent: -48px;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal span s,
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel span s {
    color: #5a5959;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box .info_box_title div.col-12 {
    max-width: calc(100% - 160px);
    flex: 0 0 calc(100% - 160px);
    padding: 0;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box .info_box_title div.col-12 > .info {
    margin-bottom: 30px;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box .info_box_title div.col-12 > .info h6 {
    margin-top: 0;
}

.D_products_group_detail section.group_table.trip_day .day_con .info_box .info_box_title div.col-12 p {
    background: none;
    padding-top: 20px;
    font-weight: 400;
    line-height: 28px;
}

.D_products_group_detail section.group_table.tripdown .container .group_table_box {
    /*background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fd4fac9-0669-47b3-9cd2-4e282501c0f8.jpg);*/
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9352e19-4f75-486f-8343-77e2f755887c.jpg);
}

.D_products_group_detail section.group_table.tripdown .IconMean,
.D_products_group_detail section.group_table.tripdown .style_icon,
.D_products_group_detail section.group_table.tripdown .tab-content #search-calendar {
}

.D_products_group_detail section.group_table.tripdown .style_icon{display:none;}

.D_products_group_detail section.group_table.tripdown .search_table tr.thead {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2311787e-343f-4cdb-9961-ca81c9fd219c.png);
    background-size: auto 100%;
    font-size: 16px;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr {
    border-bottom: solid 1px #E7E7E7;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3b7459c9-8f1d-49bd-bc4c-100d725d20f1.png);
    background-position: top;
    background-size: contain;
    background-repeat: repeat-x;
    background-color: #fff;
    transition: .3s;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .date.go-date {
    font-size: 15px;
    color: #5a5959;
    text-align: center !important;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .date.go-date .go-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .date.go-date .go-date .text-danger {
    color: #5a5959 !important;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .date.go-date .item_days {
    display: none;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .tour-name a.title_main {
    font-size: 18px;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr td.go-airport .row .col-12:nth-child(1) {
    display: none;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .go-airport h6 {
    white-space: nowrap;
    font-size: 15px;
    color: #5a5959;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .tour-price span {
    font-size: 16px;
    font-weight: normal;
    color: #5a5959 !important;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .sale-situation .btn {
    color: #af7f54;
    background-color: transparent;
    border-color: #af7f54;
    border-radius: 0;
    padding: 5px 10px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: auto;
    max-width: fit-content;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .sale-situation .btn::before {
    content: '立即';
    display: inline-block;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr .sale-situation .btn::after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/09941ed9-b249-4ff2-a69c-f213505bff23.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 5px;
    order: -1;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover {
    background-color: #aca2a2;
    transition: .3s;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover .date.go-date,
.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover .tour-name a.title_main,
.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover .go-airport h6,
.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover .tour-price span,
.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover .sale-situation .btn {
    color: #fff !important;
}

.D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover .sale-situation .btn::after {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/d5b13e2e-8db4-41ec-bfaf-29c51541f8dc.svg);
}

.D_products_group_detail section.group_table.tripdown #search-table > div > a.btn {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7bbd28a6-d6aa-496e-8e1c-59d9f8e659b6.png);
    background-size: 100% 100%;
    padding: 15px 50px;
    margin-bottom: 0;
    margin-top: 1rem;
    font-size: 1rem;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box {
    padding-top: 50px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fd4fac9-0669-47b3-9cd2-4e282501c0f8.jpg);
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card {
    background: transparent;
    margin-bottom: 20px;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card:first-child {
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-header {
    margin-bottom: 0;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .collapse,
.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .collapsing {
    background: #fff;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body,
.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .collapsing .card-body {
    padding-top: 16px;
}


.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body thead {
    display: none;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:first-child {
    display: none;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:nth-child(2) {
    justify-content: start;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:nth-child(3):before {
    content: '費用';
    margin-right: 6px;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:nth-child(4):before {
    content: '是否團費已含';
    margin-right: 6px;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:nth-child(5):before {
    content: '是否為必買項目';
    margin-right: 6px;
}

.D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:nth-child(6):before {
    content: '是否與訂金同繳';
    margin-right: 6px;
}

@media (min-width: 768px) {
    .D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body thead {
        display: table-header-group;
    }

    .D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body thead th {
        display: table-cell;
    }

    .D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:first-child {
        display: table-cell;
    }

    .D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td {
        display: table-cell;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .D_products_group_detail section.group_table.trip_note .container .group_table_box .card .card-body tbody tr td:nth-child(n):before {
        display: none;
    }
}

.D_products_group_detail section.trip_note .card-header .btn {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.D_products_group_detail section.trip_note .card-header .btn[aria-expanded="true"],
.D_products_group_detail section.trip_note .card-header .btn:hover {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2311787e-343f-4cdb-9961-ca81c9fd219c.png);
}

.D_products_group_detail section.trip_note .card-header a.btn:after {
    top: 15px;
}

.D_products_group_detail section.trip_note .collapse > .table-responsive,
.D_products_group_detail section.trip_note .collapsing > .table-responsive {
    padding: 16px 22px;
}

.D_products_group_detail section.trip_note .collapse table thead th,
.D_products_group_detail section.trip_note .collapsing table thead th {
    padding: 5px 0;
    font-size: 15px;
}

.D_products_group_detail section.trip_note .collapse table tbody td,
.D_products_group_detail section.trip_note .collapsing table tbody td {
    padding: 10px 0;
    font-size: 15px;
}

.D_products_group_detail #exampleModalCenter h5.modal-title .plane-sche {
    color: #a87a52;
}

.D_products_group_detail #exampleModalCenter .modal-body .flight_details {
    border: 1px solid #1e7c9c;
}

.D_products_group_detail #exampleModalCenter .modal-body .flight_details .details_box > h4 {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4aa220f2-eaf7-41d9-826c-310ab81cba40.png);
    background-size: auto 100%;
}

@media (max-width: 1359px) {
    .D_products_group_detail .sub_menu-trip .trip_menu {
        width: 1199px;
    }

    .D_products_group_detail section.group_banner.trip_banner .container {
        width: 1199px;
        max-width: 1199px;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info .go,
    .D_products_group_detail section.group_banner.trip_banner .basic-air-info .back {
        width: 36%;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info h4 {
        font-size: 24px;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info .time {
        width: calc(100% - 72%);
    }

    .D_products_group_detail section.group_table.trip_features .container,
    .D_products_group_detail section.group_table.trip_airline .container,
    .D_products_group_detail section.group_table.trip_day .container,
    .D_products_group_detail section.group_table.trip_note .container,
    .D_products_group_detail section.group_table.view_intro .container,
    .D_products_group_detail section.group_table.tripdown .container {
        max-width: 1199px;
        width: 1199px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.tour-price,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.tour-price {
        width: 15%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.sale-situation,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation {
        width: 14%;
    }
}

@media (max-width: 1239px) {
    .D_products_group_detail .sub_menu-trip .trip_menu {
        width: 950px;
    }

    .D_products_group_detail section.group_banner.trip_banner .container {
        width: 950px;
        max-width: 950px;
    }

    .D_products_group_detail section.group_banner.trip_banner .AUTO_offer {
        width: 58%;
    }

    .D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(2) {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(3) {
        top: 124px;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-aircraft {
        margin-top: 10px;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-airport {
        margin-top: 10px;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info {
        padding: 10px !important;
        margin-top: 0 !important;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info h3 {
        font-size: 15px;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info h3 i {
        font-size: 1.3rem;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info h4 {
        font-size: 20px;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-btn a {
        padding: 10px;
    }

    .D_products_group_detail section.group_table.trip_features .container,
    .D_products_group_detail section.group_table.trip_airline .container,
    .D_products_group_detail section.group_table.trip_day .container,
    .D_products_group_detail section.group_table.trip_note .container,
    .D_products_group_detail section.group_table.view_intro .container,
    .D_products_group_detail section.group_table.tripdown .container {
        max-width: 950px;
        width: 950px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.go-airport,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.go-airport {
        width: 18%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.tour-price,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.tour-price {
        width: 14%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.sale-situation,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation {
        width: 15%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr .sale-situation .btn {
        padding: 5px;
    }
}

@media (max-width: 991px) {
    .D_products_group_detail .row.header {
        position: fixed;
        width: 100%;
    }

    .D_products_group_detail .sub_menu-trip {
        animation: unset;
    }

    .D_products_group_detail section.group_banner.trip_banner h1 {
        width: 100%;
    }

    .D_products_group_detail .sub_menu-trip .trip_menu,
    .D_products_group_detail .sub_menu-trip.trip-gizle .trip_menu {
        width: 33px;
        height: 98px;
        padding: 0;
        top: 120px !important;
        transform: unset;
        left: unset;
        right: 0;
        position: fixed;
    }

    .D_products_group_detail .sub_menu-trip .trip_menu select {
        background: transparent;
        border: none;
        color: #9f9f9f;
        font-size: 15px;
        mix-blend-mode: plus-lighter;
      	padding: 10px 3px !important;
        width: 100%;
        height: 100%;
        writing-mode: vertical-lr;
        text-orientation: upright;
        white-space: break-spaces;
    }

    .D_products_group_detail .sub_menu-trip .trip_menu:after {
        display: none;
        border-color: #fff;
    }

    .D_products_group_detail section.group_banner.trip_banner:before {
        height: 450px;
        background-size: 100% 33%;
    }

    .D_products_group_detail section.group_banner.trip_banner .img_box {
        height: 450px;
        min-height: 450px;
        background-size: cover;
        background-image: url(https://fantasytours.voyage.com.tw/eWeb_fantasytours/IMGDB/000003/000038/00002434.JPG);
    }

    .D_products_group_detail section.group_banner.trip_banner .basic_box {
        padding-top: 250px;
    }

    .D_products_group_detail section.group_banner.trip_banner .container {
        width: 95%;
        height: auto;
        max-width: 95%;
        padding-right: 30px;
    }


    .D_products_group_detail section.group_banner.trip_banner .AUTO_offer {
        width: 100%;
    }

    .D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(2),
    .D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(3) {
        position: unset;
        max-width: 100%;
        min-height: auto;
        flex: 0 0 100%;
    }

    .D_products_group_detail section.group_banner.trip_banner .price_box .iteam {
        text-align: left;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info h4 {
        font-size: 28px;
    }

    .D_products_group_detail section.group_table.trip_features .container,
    .D_products_group_detail section.group_table.trip_airline .container,
    .D_products_group_detail section.group_table.trip_day .container,
    .D_products_group_detail section.group_table.trip_note .container,
    .D_products_group_detail section.group_table.view_intro .container,
    .D_products_group_detail section.group_table.tripdown .container {
        max-width: 95%;
        width: 95%;
    }

    .D_products_group_detail section.group_table.trip_features .container .group_table_box .paper {
        padding: 0 1.5rem;
    }

    .D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > h4 {
        font-size: 1.25rem;
    }

    .D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper {
    }

    .D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper .text {
        font-size: 1rem;
    }

    .D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper .text .title {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 1.1rem;
    }

    .D_products_group_detail section.group_table.trip_features .container .group_table_box .paper > .paper .text p {
        font-size: 1rem;
    }

    .D_products_group_detail section.group_table h4 {
        border: none;
    }

    .D_products_group_detail section.group_table.trip_day table.table tr.text_gary td {
        margin: auto;
    }

    .D_products_group_detail section.group_table.trip_day .day_con .info_box::before {
        display: none;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title > div.d-flex {
        padding-left: 15px;
        justify-content: space-between;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title {
        position: relative;
        padding-top: 2.2rem;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::before {
        top: 1.8rem;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title {
        width: calc(100% - 150px);
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal,
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel {
        width: 50%;
    }

    .D_products_group_detail section.group_table.trip_day .day_con .info_box .info_box_title div.col-12 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table {
        border-top: 1px solid #af7f54;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tr.thead {
        display: none;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr {
        margin-bottom: 0;
        border-bottom: 1px solid #af7f54;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover {
        background-color: transparent;
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4aa220f2-eaf7-41d9-826c-310ab81cba40.png);
        background-size: 100% 103%;
        background-position: bottom;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr .date.go-date {
        padding: 10px 15px 0;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-date .time .go-date {
        font-size: 16px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-date .time .go-date::before {
        content: '出發日期';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr .date.go-date .go-date {
        text-align: left;
        flex-direction: row;
        justify-content: start;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover td.go-date .time .go-date::before {
        color: #fff;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-date > div.item_days {
        margin-right: 2rem;
        font-size: 16px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-date > div.item_days::before {
        content: '旅遊天數';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover td.go-date > div.item_days::before {
        color: #fff;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-name {
        border-bottom: 1px solid #ccc;
        padding: 10px 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.go-airport,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.go-airport {
        width: calc(100% - 350px);
        border: none;
        padding: 10px 0;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div {
        padding: 0 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(1)::before {
        content: '出發地';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
        min-width: 45px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover td.go-airport > .row > div:nth-child(1)::before {
        color: #fff;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(2)::before {
        content: ''; /* 航班 */
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
        min-width: 30px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover td.go-airport > .row > div:nth-child(2)::before {
        color: #fff;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.tour-price,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.tour-price {
        width: 200px;
        display: table-cell;
        padding: 10px 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-price h6 {
        float: left;
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-price h6::before {
        content: '團費';
        display: inline-block;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        margin-right: 1rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:hover td.tour-price h6::before {
        color: #fff;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.sale-situation,
    .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation {
        width: 150px;
        padding: 10px 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr .sale-situation .btn {
        padding: 5px 10px;
    }

    .D_products_group_detail .sub_menu-trip .server_menu {
        top: unset;
        width: 100%;
        left: 0;
        height: 45px;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > ul {
        width: 100%;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn {
        width: 50%;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a {
        width: 100%;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn {
        max-width: unset;
        width: 12.5%;
        border: none;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > a,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn > a,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn > a,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn > a,
  	.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn > a {
        color: #fff;
        width: 100%;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after {
        display: inline-block;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul {
        top: 100%;
        bottom: unset;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn:hover ul {
        height: auto;
        width: 100%;
        top: unset;
        bottom: 0;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li, 
  	.D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > ul li {
        line-height: 45px;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) > a {
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .D_products_group_detail .tail_copyright {
        padding-bottom: 45px;
    }
}

@media (max-width: 767px) {
  	.D_products_group_detail .mobile-hide {
        display: none;
    }
  
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn {
        width: 40%;
        flex: unset;
    }
  
  	.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn {
        display: block;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn {
        width: 20%;
        flex: unset;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn {
        width: 0;
        display: none;
        flex: unset;
    }

    .D_products_group_detail section.group_table.trip_day table.table {
        width: calc(100% - 60px);
        margin: 2rem auto 3rem;
    }

    .D_products_group_detail section.group_table.trip_day .day_con .info_box {
        padding: 40px 30px;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal,
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel {
        width: 100%;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal {
        border-bottom: 0;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel {
        border-left: 0;
        border-top: 1px solid #E0E0E0;
        box-shadow: 0 -1px 2px 0 #fff;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal::before,
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel::before {
        top: 1rem;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.meal::after,
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title p.hotel::after {
        top: 1.5rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.go-airport, .D_products_group_detail section.group_table.tripdown .search_table tr td.go-airport {
        width: calc(100% - 200px);
    }

    .D_products_group_detail section.group_table.tripdown .search_table .thead th.sale-situation, .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation {
        width: 100%;
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    .D_products_group_detail .sub_menu-trip .trip_menu select {
        background: transparent;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic_box {
        padding-top: 200px;
    }

    .D_products_group_detail section.group_banner.trip_banner .container {
        padding-right: 15px;
    }

    .D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(3) {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        margin: auto;
    }

    .D_products_group_detail.preparing section.group_banner.trip_banner .container > .row > div:nth-child(3) {
        height: 0;
    }

    .D_products_group_detail section.group_banner.trip_banner .basic-air-info h4 {
        font-size: 20px;
    }

    .D_products_group_detail section.group_table.trip_features::before,
    .D_products_group_detail section.group_table.trip_airline::before,
    .D_products_group_detail section.group_table.trip_day::before,
    .D_products_group_detail section.group_table.trip_note::before,
    .D_products_group_detail section.group_table.view_intro::before,
    .D_products_group_detail section.group_table.tripdown::before {
        margin-left: -1.9rem;
    }

    .D_products_group_detail section.group_table.trip_features .container > .text-center > h2,
    .D_products_group_detail section.group_table.trip_airline .container > .text-center > h2,
    .D_products_group_detail section.group_table.trip_day .container > .text-center > h2,
    .D_products_group_detail section.group_table.trip_note .container > .text-center > h2,
    .D_products_group_detail section.group_table.view_intro .container > .text-center > h2,
    .D_products_group_detail section.group_table.tripdown .container > .text-center > h2 {
        padding-left: 2rem;
        font-size: 30px;
    }

    .D_products_group_detail section.group_table.trip_features .container > .text-center > h2::after,
    .D_products_group_detail section.group_table.trip_airline .container > .text-center > h2::after,
    .D_products_group_detail section.group_table.trip_day .container > .text-center > h2::after,
    .D_products_group_detail section.group_table.trip_note .container > .text-center > h2::after,
    .D_products_group_detail section.group_table.view_intro .container > .text-center > h2::after,
    .D_products_group_detail section.group_table.tripdown .container > .text-center > h2::after {
        right: 45%;
        top: 50%;
    }

    .D_products_group_detail section.group_table.trip_day table.table {
        width: calc(100% - 40px);
    }

    .D_products_group_detail section.group_table.trip_day .day_con .info_box {
        padding: 40px 20px;
    }

    .D_products_group_detail section.group_table.trip_day .day_con .info_box p {
        font-size: 15px;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title::before {
        content: '';
        display: block;
        height: 1px;
        background-color: #bcbcbc;
        position: absolute;
        left: -5px;
        right: -5px;
        top: 50px;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title > div.d-flex {
        padding-left: 0;
        padding-right: 0;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title {
        width: 100px;
        height: 100px;
        font-size: 1.8rem;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::before {
        top: 1.4rem;
    }

    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .D_products_group_detail section.group_table.trip_day .day_con .info_box > div:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
    }

    .D_products_group_detail section.group_table.trip_note {
        padding-left: 0;
        padding-right: 0;
    }

    .D_products_group_detail section.group_table.trip_note .container .group_table_box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tr td.go-airport {
        width: 100%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tr td.tour-price {
        width: 50%;
        order: 1;
        padding-top: 0;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation {
        width: 50%;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-date .time .go-date {
        font-size: 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-date .time .go-date::before {
        margin-right: 0.5rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-date > div.item_days {
        font-size: 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody tr:nth-child(n+2):hover td.go-date > div.item_days::before {
        margin-right: 0.5rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(1) {
        padding: 0 12px 0 15px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(1)::before {
        margin-right: 0.5rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(2) {
        padding: 0 15px 0 12px;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.go-airport > .row > div:nth-child(2)::before {
        margin-right: 0.5rem;
    }

    .D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-price h6::before {
        margin-right: 0.5rem;
    }

    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn > a,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn > a,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn > a,
    .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn > a,
  	.D_products_group_detail .sub_menu-trip .server_menu > ul > li.chat-fixed-btn > a {
        font-size: 0;
    }
  
  	.D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a {
        font-size: 18px;
    }
}

/*product_contact*/
.D_order_contact_detail .web-page-frame.lock {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/78708b46-24a4-45a0-84fc-c3a47c3b9d47.jpg);
}

.D_order_contact_detail section.group_table.contact:before {
    display: none;
}

.D_order_contact_detail section.group_table.contact {
    padding-top: 180px;
}

.D_order_contact_detail section.group_table.contact > .container {
    position: relative;
    box-shadow: 2px 0 1px #fff inset;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9352e19-4f75-486f-8343-77e2f755887c.jpg);
    padding: 60px;
}

.D_order_contact_detail section.group_table.contact > .container::before {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/c9e1d278-92bf-438e-8511-a33cb2f3f2ad.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    position: absolute;
    top: 1px;
    right: 2px;
}

.D_order_contact_detail section.group_table.contact > .container::after {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/479eb5c8-1835-47eb-8d4e-c04197e243d1.png);
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
    position: absolute;
    bottom: 1px;
    right: 2px;
}

.D_order_contact_detail section.group_table.contact > .container h2 {
    position: relative;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 32px;
}

.D_order_contact_detail section.group_table.contact > .container h2::before {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4df039bd-8015-4a4f-8cd3-ca97b3afde08.png);
    width: 130px;
    height: 4px;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 220px);
}

.D_order_contact_detail section.group_table.contact > .container h2::after {
    content: '';
    display: block;
    width: 130px;
    height: 4px;
    position: absolute;
    top: calc(50% - 2px);
    right: calc(50% - 220px);
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/623c3786-a46e-44eb-83cb-411997b1fdaf.png);
}

.D_order_contact_detail section.group_table.contact > .container h4 {
    font-size: 18px;
    border-color: #bcbcbc;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.D_order_contact_detail section.group_table.contact > .container h4 .note .span {
    color: #ff0000;
}

.D_order_contact_detail section.group_table.contact > .container .trip_title {
    border: none;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.D_order_contact_detail section.group_table.contact > .container .trip_title p {
    text-align: center;
}

.D_order_contact_detail section.group_table.contact > .container .trip_title p span {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6df7f6b1-4af3-4b85-85cf-ee840e2ba8be.jpg);
    background-position: center;
    background-size: 100% 100%;
}

.D_order_contact_detail section.group_table.contact > .container .trip_title h5 {
    text-align: center;
    margin-top: 2rem;
}

.D_order_contact_detail section.group_table.contact > .container form > div.form-row:nth-last-child(1) .form-group:nth-child(1) {
    display: none;
}

.D_order_contact_detail section.group_table.contact > .container form > div.form-row:nth-last-child(1) .form-group:nth-child(2) {
    padding: 0;
    margin: auto;
}

.D_order_contact_detail section.group_table.contact > .container form > div.form-row:nth-last-child(1) .form-group:nth-child(2) button {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6df7f6b1-4af3-4b85-85cf-ee840e2ba8be.jpg);
    width: 128px;
    height: 40px;
    background-size: 100% 100%;
    padding: 0;
    margin: auto;
    font-size: 16px;
    border: none;
}

.D_order_contact_detail section.group_table.contact > .container form > div.form-row:nth-last-child(1) .form-group:nth-child(2) button:hover {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/38ea1749-62ab-4ee4-a3f3-2a4853145874.jpg);
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group {
    position: relative;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group label {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 27px;
    width: 120px;
    line-height: 15px;
    letter-spacing: 0;
    font-size: 15px;
    font-weight: bold;
    padding-right: 15px;
    border-right: 1px solid #ccc;
    color: #000;
    margin: 0;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(4) .form-group:nth-child(2) label,
.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(3) .form-group:nth-child(2) label {
    left: 28px;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group label span {
    color: #ff0000;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group select#FormData_Location {
    width: 102.5%;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group input,
.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group select {
    line-height: 36px;
    padding: 2px 10px 2px 150px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    -moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    -webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    -o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    height: 45px;
    font-size: 15px;
    letter-spacing: 1px;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(2) .form-group label {
    display: none;
}

.D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group textarea {
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    -moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    -webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    -o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
    height: 96px;
    font-size: 15px;
    letter-spacing: 1px;
}

@media (max-width: 991px) {
    .D_order_contact_detail section.group_table.contact {
        padding-top: 130px;
    }

    .D_order_contact_detail section.group_table.contact > .container {
        max-width: 95%;
        width: 95%;
        padding: 30px 40px;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group {
        padding: 0 10px !important;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group label {
        left: 28px;
    }
}

@media (max-width: 767px) {
    .D_order_contact_detail section.group_table.contact {
        padding-top: 100px;
    }

    .D_order_contact_detail section.group_table.contact > .container {
        padding: 20px 15px;
    }

    .D_order_contact_detail section.group_table.contact > .container h2 {
        margin-bottom: 1.5rem;
    }

    .D_order_contact_detail section.group_table.contact > .container h4 > div:nth-child(1) {
        text-align: center;
    }

    .D_order_contact_detail section.group_table.contact > .container h4 .note {
        text-align: right;
        font-size: 15px;
        margin-top: 10px;
    }

    .D_order_contact_detail section.group_table.contact > .container h4 .note span {
        color: #ff0000;
    }

    .D_order_contact_detail section.group_table.contact > .container .trip_title {
        margin-bottom: 0;
    }

    .D_order_contact_detail section.group_table.contact > .container .trip_title h5 {
        margin-top: 1rem;
    }

    .D_order_contact_detail section.group_table.contact > .container form > div.form-row:nth-last-child(1) .form-group:nth-child(2) button {
        margin-top: 1rem !important;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(3) .form-group:nth-last-child(1),
    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(4) .form-group:nth-last-child(1) {
        padding: 0 !important;
        width: calc(100% - 20px);
        margin: 0 auto 16px;
        background-color: #fff;
        border-radius: 5px;
        border: 1px solid #ccc;
        -moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
        -webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
        -o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
        box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
        height: 45px;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(3) .form-group:nth-last-child(1) label,
    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(4) .form-group:nth-last-child(1) label {
        left: 10px !important;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group select#FormData_Location,
    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group select#FormData_MainContact {
        width: calc(100% - 145px);
        border: none;
        box-shadow: none;
        margin-left: 135px;
        padding-left: 15px;
        border-radius: 0;
        height: 40px;
        margin-top: 3px;
    }
}

@media (max-width: 575px) {
    .D_order_contact_detail section.group_table.contact > .container h2 {
        font-size: 28px;
    }

    .D_order_contact_detail section.group_table.contact > .container h2::before {
        width: 90px;
        left: calc(50% - 160px);
        background-size: 100% 100%;
    }

    .D_order_contact_detail section.group_table.contact > .container h2::after {
        width: 90px;
        right: calc(50% - 160px);
        background-size: 100% 100%;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group label,
    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(4) .form-group:nth-child(2) label,
    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(3) .form-group:nth-child(2) label {
        left: 20px;
        font-size: 0.79em;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group label {
        width: 103px;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row:nth-last-child(3) .form-group:nth-last-child(1) label {
        width: 103px;
    }

    .D_order_contact_detail section.group_table.contact > .container form.contac_form .form-row .form-group input {
        padding-left: 125px;
    }
}

/*order*/
.group_home.D_products_signup_list,
.group_home.D_products_signup_confirm,
.group_home.D_products_signup_finish {
    background: #fff;
}

.group_home .ystep-lg li.ystep-step-active {
    border-color: #fff;
    background: #785334;
    background: -moz-linear-gradient(top, #785334 0%, #af7f54 100%);
    background: -webkit-linear-gradient(top, #785334 0%, #af7f54 100%);
    background: linear-gradient(to bottom, #785334 0%, #af7f54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1d2e4', endColorstr='#af7f54', GradientType=1);
    border-width: 1px;
}

.group_home .jiantou .ystep-lg .ystep-step-active > svg {
    stroke: #ffffff;
}

.group_home .jiantou .ystep-lg .ystep-step-active .stepIcon {
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    width: 40px;
}

.group_home .jiantou .ystep-lg .ystep-step-undone .stepIcon {
    font-family: 'Libre Baskerville', serif;
    width: 40px;
}

.group_home .ystep-lg li.ystep-step-active .descriptionHeader {
    color: #fff;
}

.group_home .ystep-blue .ystep-step-done {
    padding-left: 0;
    border-color: #000;
    border-width: 1px;
}

.group_home .jiantou .ystep-lg .ystep-step-done > svg {
    stroke: #000;
}

.group_home .jiantou .ystep-lg .ystep-step-done .descriptionHeader {
    color: #000;
    font-weight: bold;
}

.group_home .ystep-blue .ystep-step-done::after {
    height: 1px;
    background: #000;
}

.group_home .subscriber_info.gray-border {
    border: none;
}

.group_home .subscriber_info .subscriber_info_title {
    background: #eeeeee;
}

.group_home .subscriber_info .subscriber_info_content {
    background: #f9fafb;
}

.D_products_signup_list .subscriber_info_left > div input[type=text],
.D_products_signup_list .subscriber_info_right > div input[type=text] {
    background: #fff;
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

.D_products_signup_list .subscriber_info_left > div > label, .D_products_signup_list .subscriber_info_right > div > label {
    line-height: 47px;
}

.D_products_signup_list .subscriber_info_left a.VerifyButton {
    height: 47px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #af8055;
}

.group_home .stepPage_group {
    border: none;
    background-color: #f9fafb;
}

.group_home .stepPage_group .available_sale {
    display: none;
}

.group_home .stepPage_group .stepPage_group_info .available_sale span {
    color: #af8055;
}

.group_home .stepPage_group_title.group_cabin .quantity_box .quantity {
    visibility: hidden;
    padding-right: 35px;
}

.group_home .stepPage_group_title.group_cabin .quantity_box .quantity:after {
    content: '人數';
    visibility: visible;
}

.group_home .stepPage_group_title.group_cabin .quantity_box .quantity span {
    display: none;
}

.group_home .stepPage_group_content.group_cabin_content .quantity_content_box .quantity .select-num .num {
    border-color: #000;
    background-color: #fff;
}

.D_products_signup_list .stepPage_group_item .quantity .select-num .num {
    background-color: #fff;
}

.group_home .stepPage_group_content.group_cabin_content .quantity_content_box .quantity span.badge-pill {
    display: none;
}

.D_products_signup_list .order_amount {
    border-color: #000;
}

.D_products_signup_list .order_amount .order_amount_content {
    background: #f9fafb;
}

.D_products_signup_list .order_notice {
    border: none;
    background: #f9fafb;
}

.D_products_signup_list .order_notice .order_notice_title {
    border: none;
    background: #785334;
    background: -moz-linear-gradient(top, #c1d2e4 0%, #af7f54 100%);
    background: -webkit-linear-gradient(top, #785334 0%, #af7f54 100%);
    background: linear-gradient(to bottom, #785334 0%, #af7f54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1d2e4', endColorstr='#af7f54', GradientType=1);
}

.D_products_signup_list .order_notice .order_notice_title .title_txt {
    color: #fff;
}

.D_products_signup_list .download_contract {
    border: none;
}

.D_products_signup_list .download_contract .download_contract_title {
    background-color: #eeeeee;
}

.D_products_signup_list .privacy_info {
    border: none;
    background: #f9fafb;
}

.D_products_signup_list .privacy_info .privacy_info_title {
    background-color: #eee;
}

.D_products_signup_list .privacy_info .privacy_info_title .privacy_info_content {
    background-color: #f9fafb;
}

.D_products_signup_list label.check-cbx span:first-child {
    border-color: #000;
}

.D_products_signup_list label span {
    color: #000;
}

.D_products_signup_list .inp-cbx:checked + .check-cbx span:first-child {
    border-color: #af8055;
}

.D_products_signup_list .inp-cbx:checked + .check-cbx span:first-child svg {
    stroke: #af8055;
}

.D_products_signup_confirm .passenger_info,
.D_products_signup_confirm .receipt_info {
    border: none;
    background: #f9fafb !important;
}

.D_products_signup_confirm .passenger_info .passenger_info_title,
.D_products_signup_confirm .receipt_info .passenger_info_title {
    background-color: #eee;
}

.D_products_signup_confirm .Deposit_info {
    border-color: #000;
}

.D_products_signup_confirm .Deposit_info .Deposit_info_title {
    padding-bottom: 0;
}

.D_products_signup_confirm .passenger_info_content .card .card-header,
.D_products_signup_confirm .passenger_info_content .card .collapse {
    background: #f9fafb;
}

.D_products_signup_confirm .passenger_info_content button label.radio-cbx span:first-child {
    background-color: #fff;
}

.D_products_signup_confirm input:hover ~ .radio-cbx span:first-child,
.D_products_signup_confirm input:checked ~ .radio-cbx span:first-child {
    border-color: #af8055;
}

.D_products_signup_confirm input:checked ~ .radio-cbx span:first-child:after {
    background: #af8055;
}

.D_products_signup_confirm .passenger_info_content .card .collapse .card-body input,
.D_products_signup_confirm .passenger_info_content .card .collapse .card-body select {
    border-color: #000;
    background: #fff;
    height: 47px;
}

.D_products_signup_confirm .passenger_info_content .card .collapse .check-cbx:hover span:first-child,
.D_products_signup_confirm .passenger_info_content .card .collapse .inp-cbx:checked + .check-cbx span:first-child {
    border-color: #af8055;
}

.D_products_signup_confirm .passenger_info_content .card .collapse .inp-cbx:checked + .check-cbx span:first-child svg {
    stroke: #af8055;
}

.D_products_signup_confirm .receipt_info .receipt_info_content input {
    border-color: #000;
    background: #fff;
    height: 47px;
}

.D_products_signup_confirm .receipt_info .receipt_info_content .receipt_add select {
    max-width: calc(33.3333% - 10px);
    margin-right: 10px;
    background: #fff;
    border-color: #000;
    height: 47px;
}

.D_products_signup_confirm .receipt_info .with_orderer .check-cbx:hover span:first-child,
.D_products_signup_confirm .receipt_info .with_orderer .inp-cbx:checked + .check-cbx span:first-child {
    border-color: #af8055;
}

.D_products_signup_confirm .receipt_info .with_orderer .inp-cbx:checked + .check-cbx span:first-child svg {
    stroke: #af8055;
}

.D_products_signup_confirm span.checkmark {
    background-color: #fff;
}

.D_products_signup_confirm input.form-check-input[type=radio]:hover ~ .checkmark,
.D_products_signup_confirm input.form-check-input[type=radio]:checked ~ .checkmark {
    border-color: #af8055;
}

.D_products_signup_confirm input.form-check-input[type=radio]:checked ~ .checkmark::after {
    background: #af8055;
}

.group_home #page2 .stepPage_btn > .col-lg-6 {
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.group_home .stepPage_btn a.l_benPrimary,
.group_home .stepPage_btn button.l_benPrimary {
    background: #af8055;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.group_home .stepPage_btn a.l_benSecondary,
.group_home .stepPage_btn a.l_benNoopen,
.group_home .stepPage_btn button.l_benSecondary,
.group_home .stepPage_btn button.l_benNoopen,
.group_home .stepPage_btn button.l_benPrimaryDeep {
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5;
}

.group_home #page2 .stepPage_btn button.l_benPrimaryDeep {
    line-height: 1.4;
    background: #fff;
    color: #bd9e85;
    border: 1px solid #bd9e85;
}

.group_home #page3 > .stepPage_group {
    padding-left: 0;
    padding-right: 0;
}

.group_home #page3 > .stepPage_group .order_number_status img {
    margin: auto;
}

.group_home #page3 > .stepPage_group .Deposit_info_content {
    padding: 15px;
    background: #eee;
}

@media (max-width: 767px) {
    .group_home .stepPage_btn a, .group_home .stepPage_btn button {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .group_home #page3 .stepPage_btn a {
        width: 100%;
        margin-bottom: 15px;
    }

    .group_home .jiantou .ystep-lg .ystep-step-active .stepIcon,
    .group_home .jiantou .ystep-lg .ystep-step-undone .stepIcon {
        width: 100%;
    }
}


/*member*/
body.new_bg {
    background: rgba(249, 250, 251);
}

body.new_bg .signin_width,
body.new_bg .width-460 {
    max-width: 663px !important;
}

body.new_bg .signin_width .signin_wrap,
body.new_bg .width-460 .signin_wrap,
body.new_bg .width-460 .Verification-EM_wrap,
body.new_bg .width-460 .NewPassword_wrap {
    border: none;
    background: #e7e7e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0;
    border-radius: 0.25rem;
}

body.new_bg .signin_width .signin_wrap .signin_box,
body.new_bg .width-460 .signin_wrap .signin_box,
body.new_bg .width-460 .Verification-EM_wrap > .member-l_box {
    padding: 0 15px;
}

body.new_bg .signin_width .signin_wrap .member-l_title,
body.new_bg .width-460 .signin_wrap .member-l_title,
body.new_bg .width-460 .Verification-EM_wrap > .member-l_box .member-l_title,
body.new_bg .width-460 .NewPassword_wrap > .member-l_box .member-l_title {
    padding: 1rem 2.5rem 1rem;
    border-bottom: 1px solid rgb(219 220 218);
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box .member-l_title {
    display: flex;
    flex-wrap: wrap;
}

body.new_bg .width-460 .Verification-EM_wrap > .member-l_box .member-l_title:nth-child(2) {
    border: none;
    padding: 0 2.5rem;
}

body.new_bg .signin_width .signin_wrap .member-l_title .title_txt,
body.new_bg .width-460 .signin_wrap .member-l_title .title_txt,
body.new_bg .width-460 .Verification-EM_wrap > .member-l_box .member-l_title .title_txt,
body.new_bg .width-460 .NewPassword_wrap > .member-l_box .member-l_title .title_txt {
    margin: auto;
    font-size: 24px;
    line-height: 1.5;
}

body.new_bg .signin_width a.blue-txt2,
body.new_bg .width-460 a.blue-txt2 {
    color: #bd9f85;
    font-weight: bold;
}

.D_member_my_register .width-460 .Verification-EM_wrap > .member-l_box form,
.D_member_my_forgotpassword .width-460 .Verification-EM_wrap > .member-l_box form {
    padding: 0 2.5rem;
}

.D_member_my_forgotpassword .width-460 .Verification-EM_wrap > .member-l_box form input {
    width: 100%;
    margin: 0 auto 0;
    display: block;
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

.D_member_my_login .signin_width .signin_wrap .validation-summary-valid,
.D_member_my_login .signin_width .signin_wrap .validation-summary-errors,
.D_member_my_forgotpassword .width-460 .signin_wrap .validation-summary-valid,
.D_member_my_forgotpassword .width-460 .signin_wrap .validation-summary-errors {
    padding: 0 2.5rem;
    width: 100%;
}

.D_member_my_forgotpassword .width-460 .signin_wrap .validation-summary-errors {
    text-align: center;
    margin-top: 0.5rem;
    margin-right: 0;
}

.D_member_my_forgotpassword .width-460 .signin_wrap .member-l_title .alert {
    background: #dbdcda;
    border-color: #dbdcda;
    color: #2281a1;
}

body.new_bg .signin_width .signin_wrap input,
body.new_bg .width-460 .signin_wrap input,
body.new_bg .width-460 .Verification-EM_wrap input {
    width: calc(100% - 5rem);
    margin: 1.5rem auto 0;
    display: block;
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

body.new_bg .width-460 .Verification-EM_wrap input {
    width: 100%;
}

@media (max-width: 991px) {
    body.new_bg .signin_width .signin_wrap input,
    body.new_bg .width-460 .signin_wrap input {
        width: calc(100% - 3rem);
    }

    body.new_bg .width-460 .Verification-EM_wrap input {
        width: 100%;
    }
}

.D_member_my_login .signin_width .signin_wrap .text-right,
.D_member_my_forgotpassword .width-460 .signin_wrap .text-right {
    padding: 0 2.5rem;
    margin-top: 0.5rem;
}

.D_member_my_login .signin_width .signin_wrap .text-right a,
.D_member_my_forgotpassword .width-460 .signin_wrap .text-right a {
    color: #bd9f85;
    font-weight: bold;
}

body.new_bg .signin_width .signin_wrap button.member-l_btn,
body.new_bg .width-460 .signin_wrap button.member-l_btn,
body.new_bg .signin_width form button.member-l_btn,
body.new_bg .width-460 form button.member-l_btn {
    border-radius: 0;
    background: rgb(188, 167, 137);
    background: -moz-linear-gradient(left, rgba(188, 167, 137, 1) 0%, rgba(189, 158, 133, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(188, 167, 137, 1) 0%, rgba(189, 158, 133, 1) 100%);
    background: linear-gradient(to right, rgba(188, 167, 137, 1) 0%, rgba(189, 158, 133, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bca789', endColorstr='#bd9e85', GradientType=1);
    font-weight: normal !important;
    padding: 0.5rem 1rem;
    font-size: 16px;
    line-height: 1.5;
    width: calc(100% - 5rem);
    margin: auto;
}

@media (max-width: 991px) {
    body.new_bg .signin_width .signin_wrap button.member-l_btn,
    body.new_bg .width-460 .signin_wrap button.member-l_btn,
    body.new_bg .signin_width form button.member-l_btn,
    body.new_bg .width-460 form button.member-l_btn {
        width: calc(100% - 3rem);
    }
}

body.new_bg .signin_width form button.member-l_btn,
body.new_bg .width-460 form button.member-l_btn {
    width: 100%;
    margin: 1.5rem auto 0;
}

body.new_bg.D_member_my_forgotpassword .width-460 .signin_wrap button.member-l_btn {
    margin-bottom: 2.5rem;
}

body.new_bg .width-460 .Verification-EM_wrap > .member-l_box form:nth-last-child(1) button.member-l_btn {
    margin-bottom: 2.5rem;
    background: #ff6e76;
}

.D_member_my_login .signin_width .signin_wrap .member-l_note,
.D_member_my_forgotpassword .width-460 .signin_wrap .member-l_note {
    padding: 1rem 2.5rem;
}

.D_member_my_login .signin_width .signin_wrap .member-l_note .note_box,
.D_member_my_forgotpassword .width-460 .signin_wrap .member-l_note .note_box {
    margin: auto;
}

.D_member_my_login .signin_width .signin_wrap .member-l_note .note_box a,
.D_member_my_forgotpassword .width-460 .signin_wrap .member-l_note .note_box a {
    color: #bd9f85;
}

.D_member_my_forgotpassword .Verification-EM_wrap .EM-info {
    background: #dbdcda;
    color: #2281a1;
}

.D_member_my_register .signin_width .signin_box form .validation-summary-errors {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    order: 1;
    font-size: 14px;
    margin-top: 10px;
    background-color: transparent;
    border: none;
}

.D_member_my_register .signin_width .signin_box form .validation-summary-errors.alert-danger {
    color: #ff6e76;
}

.D_member_my_register .signin_width .signin_box form > .member-l_title .title_txt {
    width: 100%;
    text-align: center;
}

.D_member_my_register .signin_width .signin_box form > .member-l_title .title_txt .text-wrong {
    width: 100%;
    display: block;
    margin: 0;
    text-align: right;
}

.D_member_my_register .signin_width .signin_box form .require {
    padding: 0 2.5rem;
}

.D_member_my_register .signin_width .signin_box form input {
    margin-bottom: 1rem;
}

.D_member_my_register .signin_width .signin_box form > div:nth-last-child(1),
.D_member_my_register .signin_width .signin_box form > div:nth-last-child(2) {
    padding: 0 2.5rem;
}

.D_member_my_register .signin_width .signin_box form > div:nth-last-child(1) a {
    color: #bd9f85;
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box {
    padding: 0 30px;
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box .member-l_title .inform_txt {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box .member-l_title .validation-summary-errors {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    order: 1;
    font-size: 14px;
    margin-top: 10px;
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box form .n-password {
    margin-top: 1.5rem;
    padding: 0 2.5rem;
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box form .n-repassword {
    padding: 0 2.5rem;
}

body.new_bg .width-460 .NewPassword_wrap > .member-l_box form .member-group input {
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

body.new_bg .width-460 form button.member-l_btn {
    margin: 1rem auto 2rem;
}

.D_member_my_logincheckpassword .validation-summary-errors {
    padding: 0 2.5rem;
    font-size: 14px;
    margin-bottom: 0;
}

.D_member_my_logincheckpassword .signin_wrap .member-l_box form div.text-right {
    padding: 0 2.5rem;
    margin-top: 5px;
}

.D_member_my_logincheckpassword .signin_wrap .member-l_box form div.member-l_note:nth-last-child(1) {
    padding: 0 2.5rem;
    margin: 1.5rem 0;
}

.D_member_my_logincheckpassword .signin_wrap .member-l_box form div.member-l_note:nth-last-child(1) .note_box {
    margin: auto;
}

/*會員首頁*/
body.D_member_my_index, body.D_member_my_index .member_home {
    background-color: #fff;
}

body.D_member_my_index .member_width {
    max-width: 1400px;
}

body.D_member_my_index .member_width .member_nav,
body.D_member_my_index .member_width .member_message.message_box,
body.D_member_my_index .member_width .message_box .member-tabs,
body.D_member_my_index .member_width .member_order.order_box,
body.D_member_my_index .member_width .member_favorite.favorite_box,
body.D_member_my_index .member_width .member_discount.discount_box,
body.D_member_my_index .member_width .member_billboard.billboard_box,
body.D_member_my_index .member_width .member_view.view_box,
body.D_member_my_index .member_width .member_ad.ad_box {
    border: none;
    background: #f9fafb;
}

body.D_member_my_index .member_width .order_info .order_title {
    background: #f9fafb;
}

/*會員資料*/
body.member_home {
    background: #fff;
}

body.member_home .member_width {
    max-width: 1400px;
}

body.member_home .member_nav.member-data-l {
    background-color: #e7e7e5;
    color: #595757;
    border-radius: 0;
    border-right: 2px solid rgb(209 213 219);
    padding: 0;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn {
    border: none;
    background: #e7e7e5;
    border-radius: 0;
    padding-top: 25px;
    padding-bottom: 25px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn .member-nav-pen {
    width: 15px;
    height: 15px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn .member-nav-bell {
    width: 15px;
    height: 17px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn .member-nav-receipt {
    width: 15px;
    height: 17px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn .member-nav-heart {
    width: 16px;
    height: 14.2px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn .member-nav-check {
    width: 15px;
    height: 16px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn .member-home {
    width: 16px;
    height: 14px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn span {
    font-size: 18px;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover .member-nav-pen {
    background-color: #000;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover .member-nav-bell {
    background-color: #000;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover .member-nav-receipt {
    background-color: #000;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover .member-nav-heart {
    background-color: #000;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover .member-nav-check {
    background-color: #000;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover .member-home {
    background-color: #000;
}

body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn a:hover span {
    color: #000;
}

body.member_home .member_width .member-data-r {
    margin: 0;
    max-width: 83.333333%;
    flex: 0 0 83.33333%;
    background: #f9fafb;
    border: none;
    border-radius: 0;
}

body.member_home .member_width .member-data-r > .row.member-l_box > .row {
    width: 100%;
    margin: 0;
}

body.member_home .member_width .member-data-r > .row.member-l_box > .row .member-l_title,
body.member_home .member_width .member-data-r > .row.member-l_box > .member-l_title,
body.member_home .member_width .member-data-r form > .row.member-l_box > .member-l_title {
    width: 100%;
    border-bottom: 1px solid #dbdcda;
    padding: 0;
}

body.member_home .member_width .member-data-r > .row.member-l_box > .row .member-l_title .title_txt,
body.member_home .member_width .member-data-r > .row.member-l_box > .member-l_title .title_txt,
body.member_home .member_width .member-data-r form > .row.member-l_box > .member-l_title .title_txt {
    font-size: 1.5rem;
    font-weight: normal;
}

body.member_home .member_width .member-data-r > .row.member-l_box > .row .member-l_title .member-l_mark {
    color: #ff6e76;
}

body.member_home .member_width .member-data-r.member-information form,
body.member_home.D_member_my_security .member_width .member-data-r.member_message form {
    padding-top: 1.5rem;
}

body.member_home .member_width .member-data-r form .member-group.member-pickerFile,
body.member_home .member_width .member-data-r form .member-group.member-account {
    display: none;
}

body.member_home .member_width .member-data-r form .member-group label {
    font-weight: bold;
    margin-bottom: 0;
}

body.member_home .member_width .member-data-r form .member-group input {
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

body.member_home .member_width .member-data-r form .member-group select {
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

body.member_home .member_width .member-data-r form .member-group.c-Citizenship .nationaly {
    width: calc(100% - 74px);
}

body.member_home .member_width .member-data-r form .member-group.c-Citizenship .nationaly .select2-container .select2-selection--single {
    padding: 0.375rem 0.75rem;
    height: 47px;
    border-color: #000;
}

body.member_home .member_width .member-information .member-group.gender input[type=radio] + label,
body.member_home .member_width .member-CommomList-info .member-group.gender input[type=radio] + label {
    height: 47px;
    border-color: #000;
}

body.member_home .member-radio input[type=radio]:hover + label {
    background: #ffffff;
}

body.member_home .member-radio input[type=radio]:checked + label {
    color: #ffffff;
    background: #af8055;
}

body.member_home .member_width .input-group.date .input-group-addon .glyphicon.glyphicon-calendar {
    width: 16px;
    height: 16px;
}

body.member_home .member_width .input-group.date .input-group-addon .glyphicon.glyphicon-calendar svg {
    width: 16px;
    height: 16px;
}

body.member_home .member_width .input-group.date .input-group-addon .glyphicon.glyphicon-calendar svg path {
    fill: #000;
}

body.member_home .member_width .member-data-r form .bottom_btn .card-fluid {
    background: none;
}

body.member_home .member_width .member-data-r form .bottom_btn a.member-l_btn,
body.member_home .member_width .member-data-r form .bottom_btn button.l_benNoopen {
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5;
}

body.member_home .member_width .member-data-r form .bottom_btn .card-fluid button.btn.l_benPrimary,
body.member_home.D_member_my_security .member_width .member-data-r.member_message form .l_btn_box .l_benPrimary {
    background: rgb(188, 167, 137);
    background: -moz-linear-gradient(left, rgba(188, 167, 137, 1) 0%, rgba(189, 158, 133, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(188, 167, 137, 1) 0%, rgba(189, 158, 133, 1) 100%);
    background: linear-gradient(to right, rgba(188, 167, 137, 1) 0%, rgba(189, 158, 133, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bca789', endColorstr='#bd9e85', GradientType=1);
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.member_home.D_member_my_edit .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(1),
body.member_home.D_member_my_message .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(2),
body.member_home.D_member_order_index .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(3),
body.member_home.D_member_my_favorites .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(4),
body.member_home.D_member_my_security .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(5) {
    background: #c1d2e4;
    background: -moz-linear-gradient(top, #c1d2e4 0%, #af7f54 100%);
    background: -webkit-linear-gradient(top, #c1d2e4 0%, #af7f54 100%);
    background: linear-gradient(to bottom, #c1d2e4 0%, #af7f54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1d2e4', endColorstr='#af7f54', GradientType=1);
}

body.member_home.D_member_my_edit .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(1) .member-nav-pen,
body.member_home.D_member_my_message .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(2) .member-nav-bell,
body.member_home.D_member_order_index .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(3) .member-nav-receipt,
body.member_home.D_member_my_favorites .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(4) .member-nav-heart,
body.member_home.D_member_my_security .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(5) .member-nav-check {
    background-color: #fff;
}

body.member_home.D_member_my_edit .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(1) span,
body.member_home.D_member_my_message .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(2) span,
body.member_home.D_member_order_index .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(3) span,
body.member_home.D_member_my_favorites .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(4) span,
body.member_home.D_member_my_security .member_nav.member-data-l .mobile_scroll .nav_btn:nth-child(5) span {
    color: #fff;
}

body.member_home.D_member_my_message .member_Message .member-tabs {
    margin-top: 1.5rem;
}

body.member_home.D_member_order_index .member_order .title_search,
body.member_home.D_member_my_favorites .Favorite-List .title_search {
    margin-top: 1.5rem;
}

body.member_home.D_member_order_index .member_order .title_search input.form-control, .member_order .title_search input {
    height: 32px;
    padding: 5px 10px 5px 29px;
}

body.member_home.D_member_order_index .member_order .title_search img {
    top: 9px;
}

body.member_home.D_member_order_index .member_order .title_search select {
    height: 32px;
    border: 1px solid #e2e2e2;
}

body.member_home.D_member_order_index .member_order .order-box .list-title {
    background-color: #af7f54;
}

body.member_home.D_member_order_index .member_order .order-box .list-title > div {
    color: #fff;
}

body.member_home .member_order .member-tabs a:hover,
body.member_home .member_Message .member-tabs a:hover,
body.member_home .member_message .member-tabs a:hover,
body.member_home .member_discount .member-tabs a:hover {
    background-color: #fff;
}

body.member_home .member_order .member-tabs a.active,
body.member_home .member_Message .member-tabs a.active,
body.member_home .member_message .member-tabs a.active,
body.member_home .member_discount .member-tabs a.active {
    color: #af7f54;
}

body.member_home.D_member_my_favorites .Favorite-List .FavoriteList-null > img {
    margin-left: auto;
    margin-right: auto;
}

body.member_home.D_member_my_favorites .Favorite-List .Favorite-content.skin_module {
    background: none;
}

body.member_home.D_member_my_favorites .Favorite-List .Favorite-content.skin_module .item-images img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    position: unset;
    transform: unset;
    width: 100%;
}

body.member_home.D_member_my_security .member_width .member-data-r.member_message form .l_btn_box .member-l_btn {
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5;
}

body.member_home.D_member_my_security .member_width .member-data-r.member_message .recent-record {
    margin-top: 1.5rem;
    padding: 0;
    background: #fff;
}

body.member_home.D_member_my_security .member_width .member-data-r.member_message .recent-record .list-title {
    background-color: #af7f54;
}

body.member_home.D_member_my_security .member_width .member-data-r.member_message .recent-record .list-title > div {
    color: #fff;
}

@media (min-width: 992px) {
    .member_home .signin_width {
        margin-top: 200px;
    }

    .member_home .member_width {
        padding-top: 120px;
    }

    .member_home .width-460 {
        margin-top: 200px;
        margin-bottom: 150px;
    }
}

@media (max-width: 991px) {
    .member_home .signin_width {
        margin-top: 100px;
    }

    .member_home .member_width {
        padding-top: 50px;
    }

    .member_home .width-460 {
        margin-top: 100px;
        margin-bottom: 50px;
    }

    body.new_bg .signin_width .signin_wrap .member-l_title,
    body.new_bg .width-460 .signin_wrap .member-l_title,
    body.new_bg .width-460 .Verification-EM_wrap > .member-l_box .member-l_title,
    body.new_bg .width-460 .NewPassword_wrap > .member-l_box .member-l_title,
    body.new_bg .width-460 .Verification-EM_wrap > .member-l_box .member-l_title:nth-child(2),
    .D_member_my_forgotpassword .width-460 .Verification-EM_wrap > .member-l_box form,
    .D_member_my_login .signin_width .signin_wrap .validation-summary-valid,
    .D_member_my_login .signin_width .signin_wrap .validation-summary-errors,
    .D_member_my_forgotpassword .width-460 .signin_wrap .validation-summary-valid,
    .D_member_my_forgotpassword .width-460 .signin_wrap .validation-summary-errors,
    .D_member_my_forgotpassword .width-460 .signin_wrap .text-right,
    .D_member_my_login .signin_width .signin_wrap .member-l_note,
    .D_member_my_forgotpassword .width-460 .signin_wrap .member-l_note,
    .D_member_my_register .signin_width .signin_box form .require,
    .D_member_my_register .signin_width .signin_box form > div:nth-last-child(1),
    .D_member_my_register .signin_width .signin_box form > div:nth-last-child(2),
    body.new_bg .width-460 .NewPassword_wrap > .member-l_box form .n-password,
    body.new_bg .width-460 .NewPassword_wrap > .member-l_box form .n-repassword {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    body.new_bg.D_member_my_forgotpassword .width-460 .signin_wrap button.member-l_btn,
    body.new_bg .width-460 .Verification-EM_wrap > .member-l_box form:nth-last-child(1) button.member-l_btn {
        margin-bottom: 1.5rem;
    }

    body.member_home .member_nav.member-data-l {
        margin-bottom: 0;
    }

    body.member_home .member_nav.member-data-l .mobile_scroll .nav_btn {
        margin: 0;
        flex: 1;
    }

    body.member_home .member_width .member-data-r {
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.member_home .member_width .member-data-r > .member-l_box {
        padding: 1rem;
    }

    body.member_home .member_width .member-data-r > .member-l_box .r-nickname {
        padding-right: 15px;
    }

    body.member_home.D_member_my_security .recent-record .list-info > div {
        min-height: 41px;
    }

    body.member_home.D_member_my_security .recent-record .list-info > div::before {
        background-color: #af7f54;
        color: #fff;
    }
}

/*order*/
.group_home .group_order_width {
    margin-top: 150px;
}

@media (max-width: 991px) {
    .group_home .group_order_width {
        margin-top: 100px;
    }
}

/*grecaptcha-badge轉到左邊*/
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

/*header*/
.row.header { /*box-shadow: 0 10px 15px -5px grey;*/
    position: fixed;
    width: 100%;
    z-index: 999;
}

.top_info_wrap {
    max-height: 65px;
}

.top_info_wrap > .module-container > .main.row {
    justify-content: center;
    align-items: center;
}

.top_logo01 {
    max-width: 230px;
    min-height: 66px;
    flex: 0 0 230px;
    padding-left: 30px;
    padding-right: 0;
}

.top_logo01 img.img-fluid {
    height: 50px;
    margin-top: 8px
}

.top_logo02 img.img-fluid {
    height: 50px;
    display: block;
    margin: auto auto 10px;
}

.top_informaion div.link-list {
    background: none;
    min-height: 66px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.top_informaion div.link-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
}

.top_informaion div.link-list ul li {
    line-height: 1.4;
}

.top_informaion div.link-list ul li a {
    padding: 0 5px 0 5px;
    letter-spacing: 0;
    line-height: 1.4;
}

.top_iconbtn {
    max-width: 100px;
    flex: 0 0 100px;
}

.top_iconbtn .function-row .flex-row {
    justify-content: flex-start !important;
    align-items: center !important;
}

.top_iconbtn .function-row .flex-row li {
    padding: 0;
    margin: 0 4px;
    max-width: 22px;
    flex: unset !important;
}

.top_iconbtn .function-row .flex-row li a {
    border-radius: 0;
    padding: 0;
    width: 100%;
}

.top_iconbtn .function-row .flex-row li:nth-child(even) {
    z-index: 1;
    opacity: 0;
    position: absolute;
    width: 22px;
}

.top_iconbtn .function-row .flex-row li:nth-child(2) {
    left: 0;
}

.top_iconbtn .function-row .flex-row li:nth-child(4) {
    left: 30px;
}

.top_iconbtn .function-row .flex-row li:nth-child(6) {
    left: 60px;
}

.top_iconbtn .function-row .flex-row li:nth-child(odd):hover {
    opacity: 0;
}

.top_iconbtn .function-row .flex-row li:nth-child(even):hover {
    opacity: 1;
}

.member_box { /*margin-left: -3rem;*/
    min-width: 130px;
}

.member_box .main > div > div > a {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: start;
    width: 100%;
}

.member_box .login-icon {
    width: 25px;
    margin-right: 3px;
}

.member_box .login-icon path {
    color: #22a1cc;
}

.member_box .main > div > div > a:hover .login-icon path {
    color: #fff;
}

.member_box span[data-rel=memberinfo] {
    color: #22a1cc;
    font-size: 16px;
}

.member_box .main > div > div > a:hover span[data-rel=memberinfo] {
    color: #fff;
}

.member_box .showName {
    flex-wrap: nowrap;
    padding: 5px 0;
}

.member_box .showName .member-name {
    white-space: nowrap;
    color: #fff;
}

.showName .icon.bell {
    margin-left: 5px;
}

.showName .SignOut {
    margin-left: 0;
    font-size: 16px;
    white-space: nowrap;
    padding: 1px 3px;
    background: #085168;
    display: flex;
    align-items: center;
}

.showName .SignOut svg {
    display: inline-block;
    margin-right: 2px;
}

.showName .SignOut svg path {
    fill: #fff;
}

.top_nav_wrap {
    max-height: 46px;
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.5);
}

.top_nav {
    max-height: 46px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/0fdb02f6-1a2d-4a4b-99ec-b75382d9ac16.jpg);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: left top;
}

.top_nav .mega-menu {
    min-height: 46px;
}

.top_nav .mega-menu > section.menu-list-items {
    background: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.top_nav .mega-menu .menu-logo {
    display: none;
}

.top_nav .mega-menu .menu-links > li {
    float: left;
    height: 45px;
    font-size: 16px;
    padding: 10px 0;
    flex-grow: 1;
}

.top_nav .mega-menu .menu-links > li:hover {
    background-color: transparent;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/38ab974a-6ce3-4b65-8ba5-fa7a280e857d.jpg);
}

.top_nav .mega-menu .menu-links > li > a {
    line-height: 1.5;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-left: solid 1px #274f59;
}

.top_nav .mega-menu .menu-links > li:nth-last-child(1) > a {
    border-right: solid 1px #274f59;
}

.top_nav .mega-menu .menu-links > li:hover > a {
    color: #111 !important;
    border: none;
}

.top_nav .mega-menu .menu-links li.hoverTrigger > .mg-drop-down.effect-fade {
    max-height: calc(100vh - 111px);
    overflow: auto;
    padding: 10px 0 2rem;
    top: 45px;
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/3dc8fe96-bd2b-4d3e-aa1f-9e0cdf0611bc.jpg);
}

.top_nav .mega-menu .mg-drop-down .megamenu_box {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.top_nav .mega-menu .mg-drop-down .megamenu_box > div.clearfix {
    order: -1;
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 5px;
}

.top_nav .mega-menu .menu-links li .list_box {
    padding: 0 15px;
    margin: 0;
    width: 50%;
}

.top_nav .mega-menu .mg-drop-down h4 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
}

.top_nav .mega-menu .menu-links li .list_box ul {
    display: table;
    width: 100%;
    margin-bottom: 0.5rem;
}

.top_nav .mega-menu .menu-links li .list_box ul li {
    margin: 0 0;
    min-width: 25%;
    width: auto;
    display: inline-block;
}

.top_nav .mega-menu .menu-links li .list_box ul li a {
    font-size: 16px;
    padding: 0;
}

.top_nav .mega-menu .menu-links li .list_box ul li a:hover {
    text-decoration: underline;
}

.top_nav .mega-menu .menu-links li .list_box a p {
    font-weight: bold;
    letter-spacing: 0.5px;
}

.top_nav .mega-menu .menu-links li .list_box a:hover p {
    font-weight: normal;
}

.top_nav .mega-menu .menu-links li .list_onlyimg {
    order: -1;
    margin: 0;
    width: 33.3333%;
    position: relative;
}

.top_nav .mega-menu .menu-links li .list_onlyimg h4 {
    text-align: center;
    border-bottom: 1px solid #bea777;
    padding-top: 0;
    line-height: 1.5;
    padding-bottom: 5px;
    font-size: 16px;
    color: #bea777;
    letter-spacing: 1px;
    font-weight: bold;
    position: absolute;
    display: block;
    left: 15px;
    right: 15px;
    top: 10px;
    margin-bottom: 0;
}

.top_nav .mega-menu .menu-links li .list_onlyimg .space-0 {
    padding-top: 2rem !important;
}

.top_nav .mega-menu .menu-links li .list_onlyimg .space-0 img {
    float: left;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: center center;
    width: 50%;
}

.top_nav .mega-menu .menu-links li .list_onlyimg .space-0 p {
    width: 50%;
    clear: unset;
    padding-left: 1rem;
    font-size: 15px;
    color: #e9e5de;
    letter-spacing: 0.5px;
}

@media (min-width: 992px) {
    .top_nav .mega-menu .menu-links {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 960px;
    }

    .top_nav .mega-menu .menu-links, .top_nav .mega-menu .mg-drop-down .megamenu_box {
        width: 97%;
    }
}

@media (min-width: 1025px) {
    .top_nav .mega-menu .menu-links, .top_nav .mega-menu .mg-drop-down .megamenu_box {
        width: 96%;
    }
}

@media (min-width: 1280px) {
    .top_nav .mega-menu .menu-links, .top_nav .mega-menu .mg-drop-down .megamenu_box {
        width: 95%;
    }
}

@media (min-width: 1281px) and (max-width: 1450px) {
    .top_nav .mega-menu .menu-links, .top_nav .mega-menu .mg-drop-down .megamenu_box {
        width: 91%;
    }

    .top_informaion {
        max-width: 54%;
        flex: 0 0 54%;
    }
}

@media (min-width: 1451px) {
    .top_nav .mega-menu .menu-links, .top_nav .mega-menu .mg-drop-down .megamenu_box {
        width: 75%;
    }
}

@media (min-width: 1600px) {
    .top_nav .mega-menu .menu-links, .top_nav .mega-menu .mg-drop-down .megamenu_box {
        width: 72%;
    }
}

@media (max-width: 1799px) {
    .top_informaion div.link-list ul li a {
        font-size: 15px !important;
    }
}

@media (max-width: 1599px) {
    .member_box { /*margin-left: -2rem;*/
    }
}

@media (max-width: 1399px) {
    .top_logo02 {
        max-width: 140px;
        flex: 0 0 140px;
    }

    .top_informaion {
        flex: 0 0 52.333333%;
        max-width: 52.333333%;
        margin-left: 0;
    }

    .top_iconbtn {
        max-width: 100px;
        flex: 0 0 100px;
        padding-right: 0;
    }

    .member_box {
        margin-left: 0;
    }
}

@media (max-width: 1300px) {
    .top_logo01 {
        max-width: 200px;
        flex: 0 0 200px;
        padding-left: 0;
    }

    .top_informaion {
        padding-left: 15px;
        flex: 0 0 50%;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .top_logo01 {
        padding-left: 5px;
    }

    .top_logo01 {
        max-width: 205px;
        flex: 0 0 205px;
    }
}

@media (max-width: 1127px) {
    .top_logo01 {
        padding-left: 0;
        max-width: 170px;
        flex: 0 0 170px;
    }

    .top_informaion div.link-list ul li a {
        padding: 0 3px 0 3px;
        letter-spacing: 0;
    }
}

@media (max-width: 1115px) {
    .top_informaion { /*flex: 0 0 50.333333%; max-width: 50.333333%;*/
    }

    .member_box .login-icon {
        width: 20px;
    }
}

@media (max-width: 1044px) {
    .top_informaion { /*flex: 0 0 48.333333%; max-width: 48.333333%;*/
    }

    .member_box {
        max-width: 100px;
        flex: 0 0 100px;
    }
}

@media (max-width: 992px) {
    .top_logo01 img.img-fluid {
        height: 45px;
        margin-top: 11px;
    }

    .top_informaion div.link-list ul li a {
        padding: 0 2px 0 2px;
    }
}

@media (max-width: 991.98px) {
    .row.header {
        box-shadow: 1px 1px 8px 1px rgb(0 0 0 / 30%);
    }

    .top_info_wrap {
        min-height: 60px;
    }

    .top_info_wrap > .module-container > .main.row {
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4869e814-f094-4964-8ffd-feb6a07e4474.jpg) !important;
    }

    .top_nav_mobile .header-part {
        min-height: 60px;
        padding: 0 15px 0 0;
    }

    .top_nav_mobile .header-part .navbar-brand {
        height: 60px;
        padding: 9px 0;
    }

    .top_nav_mobile .header-part .navbar-toggler {
        padding: 0;
        border: none;
        position: relative;
        margin-right: 0;
        display: block;
        height: 19px;
        outline: none;
        width: 30px;
    }

    .top_nav_mobile .header-part .navbar-toggler::before {
        content: '';
        display: block;
        width: 30px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: 0;
        transition: .3s;
    }

    .top_nav_mobile .header-part .navbar-toggler::after {
        content: '';
        display: block;
        width: 30px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        transition: .3s;
    }

    .top_nav_mobile .header-part .navbar-toggler-icon {
        background-image: none;
        width: 30px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: calc(50% - 1px);
        transition: .3s;
        left: 0;
    }

    .top_nav_mobile .header-part .navbar-toggler[aria-expanded=true]::before {
        -webkit-transform: rotate(42deg);
        -ms-transform: rotate(42deg);
        transform: rotate(45deg);
        top: 47%;
        transition: .3s;
    }

    .top_nav_mobile .header-part .navbar-toggler[aria-expanded=true]::after {
        -webkit-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        transform: rotate(-45deg);
        bottom: 47%;
        transition: .3s;
    }

    .top_nav_mobile .header-part .navbar-toggler[aria-expanded=true] span {
        width: 0;
        transition: .3s;
    }

    .top_nav_mobile .navbar-collapse {
        max-width: 280px;
        width: 100%;
        overflow: scroll;
        top: 60px;
        position: fixed;
        background-repeat: repeat-x;
        background-size: cover;
        display: flex;
        flex-direction: column;
        background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/footer/dark-bg.jpg);
        height: calc(100vh - 60px);
        left: -280px;
        transition: .3s;
    }

    .top_nav_mobile .navbar-collapse.show {
        left: 0;
        transition: .3s;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav {
        margin: 0 !important;
        width: 100%;
        padding-bottom: 150px;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: unset;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item {
        border-bottom: 1px solid #1f1a17;
        box-shadow: 0 1px 0 0 #665c51 inset;
        width: 100%;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item .nav-link {
        font-size: 16px;
        padding: 14px 25px;
        line-height: 1.5;
        letter-spacing: 0;
        color: #958b8b;
        background: none;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) {
        border-bottom: 1px solid #1f1a17;
        box-shadow: 0 0 0 0 #665c51 inset;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) .nav-link {
        color: #fff;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) .nav-link::after {
        display: inline-block;
        content: '+';
        border-radius: 50px;
        border: 2px solid #fff;
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 15px;
        font-weight: bold;
        font-size: 19px;
        position: absolute;
        right: 20px;
        top: 15px;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) .nav-link[aria-expanded=true]::after {
        content: '–';
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) {
        background: none;
        border-bottom: none;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) .dropdown-menu.show {
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #1f1a17;
        background: #075269;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item.dropdown:nth-child(1) .dropdown-menu .dropdown-item {
        background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/header/header_s-bg.png);
        border-bottom: 1px solid #1f1a17;
        box-shadow: 0 1px 0 0 #665c51 inset;
        color: #958b8b;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background-color: #075269;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) {
        position: relative;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link {
        color: #fff;
        display: flex;
        flex-wrap: wrap;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link span {
        padding-left: 5px;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link i {
        position: absolute;
        right: 20px;
        font-size: 12px;
        top: 15px;
        border-radius: 50px;
        border: 1px solid #fff;
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 19px;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link > span {
        padding: 1px 5px;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link .showName {
        padding: 0;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link .showName .member-name {
        font-size: 16px;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link .showName .member-name .greet {
        margin: 0;
        padding: 0;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link .showName .member-name .greet::before {
        content: '會員：';
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link .showName .SignOut {
        line-height: 20px;
        font-size: 16px;
        padding: 1px 0;
        margin-left: 0;
        background: #324253;
        color: white;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(4) .nav-link .showName .SignOut svg path {
        fill: white;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(1),
    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(2),
    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(3) {
        width: auto;
        border-bottom: 0 solid #1f1a17;
        box-shadow: 0 0 0 0 #665c51 inset;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(1) a {
        margin: 2rem 14px 14px;
        font-size: 0;
        width: 25px;
        height: 25px;
        background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/header/line-icon_g.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 0;
    }

    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(2) a,
    .top_nav_mobile .navbar-collapse ul.navbar-nav .nav-item:nth-last-child(3) a {
        padding: 1.5rem 14px 14px;
        font-size: 1.5rem;
    }
}

/*template2*/
.top_info_wrap.wrap2 {
    z-index: 1;
}

.top_info_wrap.wrap2 .top_informaion div.link-list ul li {
    margin: 0 0.5rem;
}

.top_info_wrap.wrap2 .top_informaion div.link-list ul li a i {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}

.top_info_wrap.wrap2 .top_informaion div.link-list ul li a:hover i {
    border-color: #AF7F54;
}

.top_info_wrap.wrap2 .member_box a {
    text-decoration: none;
}

.top_info_wrap.wrap2 .member_box span[data-rel=memberinfo] {
    color: #ffffff;
}

.top_info_wrap.wrap2 .member_box .login-icon path {
    color: #fff;
}

.top_nav_wrap.wrap2 {
    margin-top: -64px;
    z-index: 0;
    transition: .3s;
}

.top_nav_wrap.wrap2.main {
    margin-top: 0;
    transition: .3s;
}

/*template3*/
.top_info_wrap.wrap3 {
    z-index: 1;
}

.top_info_wrap.wrap3 .top_informaion div.link-list ul li {
    margin: 0 0.5rem;
}

.top_info_wrap.wrap3 .member_box a {
    text-decoration: none;
}

.top_info_wrap.wrap3 .member_box span[data-rel=memberinfo] {
    color: #ffffff;
}

.top_info_wrap.wrap3 .member_box .login-icon path {
    color: #fff;
}

.top_nav_wrap.wrap3 {
    margin-top: -46px;
    z-index: 0;
    transition: .3s;
}

.top_nav_wrap.wrap3.main {
    margin-top: 0;
    transition: .3s;
}

/*template4*/
.top_info_wrap.wrap4 .top_informaion div.link-list ul li {
    margin: 0 0.5rem;
}

.top_info_wrap.wrap4 .top_informaion div.link-list ul li a i {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}

.top_info_wrap.wrap4 .top_informaion div.link-list ul li a:hover i {
    border-color: #AF7F54;
}

.top_info_wrap.wrap4 .member_box a {
    text-decoration: none;
}

.top_info_wrap.wrap4 .member_box span[data-rel=memberinfo] {
    color: #ffffff;
}

.top_info_wrap.wrap4 .member_box .login-icon path {
    color: #fff;
}

/*footer*/
.tail_nav_wrap > .module-container > .row.main {
    justify-content: center;
    padding: 1.5rem 0;
    background-size: auto 100% !important;
}

.tail_nav div.link-list {
    min-height: auto;
    background: none;
}

.tail_nav div.link-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.tail_nav div.link-list ul li {
    line-height: 1.5;
    border-left: solid 1px #cecece;
}

.tail_nav div.link-list ul li:nth-last-child(1) {
    border-right: 1px solid #cecece;
}

.tail_nav div.link-list ul li a, .tail_nav div.link-list ul li span {
    line-height: 1.5rem;
    letter-spacing: 0;
    padding: 0 25px 0 25px;
}

.tail_iconbtn .function-row .flex-row {
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 15px;
}

.tail_iconbtn .function-row .flex-row li {
    padding: 0;
    margin: 0 10px 0 0;
    z-index: 2;
    opacity: 1;
    max-width: 21px;
    flex: 0 0 21px !important;
    width: 21px;
}

.tail_iconbtn .function-row .flex-row li a {
    border-radius: 0;
    padding: 0 0;
}

.tail_iconbtn .function-row .flex-row li:nth-child(even) {
    z-index: 1;
    position: absolute;
    max-width: 21px;
}

.tail_iconbtn .function-row .flex-row li:nth-child(2) {
    left: 15px;
}

.tail_iconbtn .function-row .flex-row li:nth-child(4) {
    left: 46px;
}

.tail_iconbtn .function-row .flex-row li:nth-child(6) {
    left: 77px;
}

.tail_iconbtn .function-row .flex-row li:nth-child(odd):hover {
    opacity: 0;
}

.tail_iconbtn .function-row .flex-row li:nth-child(even):hover {
    opacity: 1;
}

.copyright_wrap > .module-container > .main.row {
    justify-content: center;
    align-items: center;
}

.tail_copyright section.text-link {
    padding: 15px 0;
}

.tail_copyright div.link-list {
    background: none;
    min-height: auto;
}

.tail_copyright div.link-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tail_copyright div.link-list ul li {
    line-height: 1;
}

.tail_copyright div.link-list ul li span {
    letter-spacing: 0;
    padding: 0 20px 0 0;
}

.tail_copyright div.link-list ul li a {
    line-height: 1;
    letter-spacing: 0;
    padding: 0 12px 0 12px;
    border-right: 1px solid #c1d2e4;
}

.tail_copyright div.link-list ul li:nth-last-child(1) a {
    border-right: none
}

.tail_logoicon .btn-container section.function-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.tail_logoicon .btn-container .function-row ul.flex-row {
    justify-content: flex-end !important;
    align-items: center !important;
}

.tail_logoicon .btn-container .function-row li {
    flex: unset !important;
    margin-bottom: 0;
    padding-right: 2px;
    padding-left: 2px;
}

.tail_logoicon .btn-container .function-row li a {
    padding: 0;
    border-radius: 0;
}

.tail_logoicon .btn-container .function-row li a img {
    height: 32px;
}

.tail_information .footer-wrap .footer_center {
    padding-bottom: 0;
}

.tail_information .footer-wrap,
.tail_information .footer-sample,
.tail_information .footer-wrap .footer_center {
    background: none;
}

.tail_information .footer-wrap .fnav_wrap,
.tail_information .footer-wrap .fb-info,
.tail_information .footer-wrap .footer_sbox,
.tail_information .footer-wrap .icon_wrap {
    display: none;
}

.tail_information .footer_center .company-info {
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: -1px !important;
    padding-bottom: 45px;
    border-bottom: 1px solid #274f59;
    box-shadow: 0 1px 0 0 #403939;
}

.tail_information .footer-wrap .info_box > a.info-logo {
    max-width: 180px;
    flex: 0 0 180px;
}

.tail_information .footer-wrap .info_box .info-text {
    max-width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px);
}

.tail_information .footer-wrap .info_box h3 {
    width: 37%;
    float: left;
    height: 100%;
    padding-right: 4.5rem;
    display: block;
    color: #e9e5de;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.7;
    letter-spacing: 1px;
    margin: 4rem 0 0;
}

.tail_information .footer-wrap .info_box p {
    color: #e9e5de;
    font-size: 15px;
    letter-spacing: 1px;
}

.tail_information .footer-wrap .info_box p:nth-child(2) {
    margin-top: 4rem;
}

.tail_information .footer-wrap .contact-info {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 0;
    margin-top: 0 !important;
}

.tail_information .footer-wrap .contact-box {
    flex: auto;
    padding: 25px 15px 25px;
    margin-bottom: 0 !important;
}

.tail_information .footer-wrap .contact-box ~ .contact-box {
    border-left: solid 1px #274f59;
    box-shadow: -1px 0 0 0 #403939;
}

.tail_information .footer-wrap .contact-box h2 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
    color: #bea777;
    line-height: 1.5;
}

.tail_information .footer-wrap .contact-box a {
    width: auto;
    float: left;
}

.tail_information .footer-wrap .contact-box a h4 {
    padding: 0;
    font-size: 15px;
    margin: 5px 0 10px;
    line-height: 1;
    color: #e9e5de;
}

.sideBar_box .module-wrapper .actGotop {
    bottom: 350px;
    right: 21px;
}

.sideBar_box .module-wrapper .actGotop a {
    width: 65px;
    height: 65px;
    background: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/gotop_Tbg.png);
    border-radius: 5px;
    background-size: cover;
}

.sideBar_box .module-wrapper .actGotop a:hover {
    color: #324151;
}

.sideBar_box .module-wrapper .actGotop a i {
    width: 65px;
    font-size: 30px;
    line-height: 65px;
}

@media (max-width: 1780px) {
    .tail_nav {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1483px) {
    .tail_nav {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

@media (max-width: 1450px) {
    .tail_nav {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .tail_iconbtn .function-row .flex-row li a {
        padding: 0;
    }

    .tail_information {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .tail_copyright {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

@media (max-width: 1271px) {
    .tail_nav {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (max-width: 1199px) {
    .tail_information {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tail_information .footer-wrap .info_box > a.info-logo {
        margin-left: 0;
    }

    .tail_logoicon {
        flex: 0 0 38%;
        max-width: 38%;
    }

    .tail_information .footer-wrap .contact-box {
        flex: 1 1 0;
    }
}

@media (max-width: 1113px) {
    .tail_nav {
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (min-width: 991px) {
    .footer .tail_nav {
        flex: 0 0 51.666667% !important;
        max-width: 51.666667% !important;
    }
}

@media (max-width: 991.98px) {
    .tail_iconbtn {
        flex: 0 0 120px;
        max-width: 120px;
    }

    .tail_information .footer_center .company-info {
        order: 1;
        box-shadow: none;
        border-bottom: 0;
        padding-bottom: 1rem;
        margin-top: 0 !important;
    }

    .tail_information .footer-wrap .info_box > a.info-logo {
        display: none;
    }

    .tail_information .footer-wrap .info_box .info-text {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .tail_information .footer-wrap .info_box h3 {
        display: none;
    }

    .tail_information .footer-wrap .info_box p {
        letter-spacing: 0;
    }

    .tail_information .footer-wrap .info_box p:nth-child(2) {
        margin-top: 1rem;
    }

    .tail_information .footer-wrap .contact-info {
        flex-wrap: wrap;
        display: flex;
    }

    .tail_information .footer-wrap .contact-box {
        flex: unset;
        padding: 15px 15px 15px;
        float: left;
    }

    .tail_information .footer-wrap .contact-box:nth-child(1) {
        width: 100%;
        border-bottom: 1px solid #274f59;
        box-shadow: 0 1px 0 0 #403939;
    }

    .tail_information .footer-wrap .contact-box:nth-child(n+2) {
        width: 50%;
        border-bottom: 1px solid #274f59;
        box-shadow: 0 1px 0 0 #403939;
    }

    .tail_information .footer-wrap .contact-box:nth-child(2n) {
        border-right: 1px solid #274f59;
        position: relative;
        border-left: 0;
    }

    .tail_information .footer-wrap .contact-box:nth-child(2n)::after {
        content: '';
        display: block;
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -2px;
        box-shadow: -1px 0 0 0 #403939;
    }

    .tail_information .footer-wrap .contact-box h2 {
        margin-top: 5px;
    }

    .tail_copyright {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .tail_copyright div.link-list ul {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .tail_copyright div.link-list ul li a {
        display: none;
    }
}

@media (max-width: 575px) {
    .tail_information .footer-wrap .info_box .info-text {
        text-align: left;
    }
}

/*cookie*/
#cookie-frame {
    display: none;
    position: fixed;
    font-family: 微軟正黑體, sans-serif, Avenir, Helvetica, Arial;
    font-size: 16px;
    height: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 16000260 !important;
}

#cookie-frame > div {
    display: flex;
    column-gap: 12px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 12px 24px;
    font-size: 0.8em;
    color: white;
    background-color: #1e7c9c;
}

#cookie-frame #cookie-link {
    color: deepskyblue;
    font-weight: 600;
}

#cookie-frame button {
    display: inline-block;
    flex-shrink: 0;
    width: 80px;
    font-weight: 400;
    padding: 4px;
    font-size: .875em;
    line-height: 1.5;
    color: #f8f9fa;
    background-color: transparent;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: #f8f9fa solid 1px;
}

@media (min-width: 640px) {
    #cookie-frame {
        font-size: 18px;
        height: 80px;
    }
}

@media (min-width: 1024px) {
    #cookie-frame {
        font-size: 20px;
        height: 60px;
    }
}

@media (max-width: 575px) {
    #cookie-frame {
        height: 90px;
    }

    #cookie-frame > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    #cookie-frame > div p {
        margin-bottom: 0;
    }
}

/* animations*/
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

/*********joey********/
/*index*/
/*slider*/
.idx_slider {
    margin-top: 110px;
}

.idx_slider .bs-carousel {
    display: flex;
    flex-wrap: wrap;
}

.idx_slider ol.carousel-indicators {
    position: unset;
    margin: 0;
    width: 100%;
    order: 1;
    padding: 20px 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/38ab974a-6ce3-4b65-8ba5-fa7a280e857d.jpg);
    z-index: 10;
}

.idx_slider ol.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-right: 7px;
    margin-left: 7px;
    border-radius: 10px;
    border: 1px solid #000;
    opacity: 1;
}

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

.idx_slider .carousel-caption {
    display: none !important;
}

.idx_slider .carousel-inner {
    aspect-ratio: 3 / 1;
    display:block;
}

.idx_slider .carousel-inner picture img{
    width: 100% !important;
    height: auto;
    aspect-ratio: 3 / 1;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 991.98px) {
    .idx_slider {
        margin-top: 60px;
    }
}

@media (max-width:576px){
    .idx_slider .carousel-inner {
        aspect-ratio: 3 / 2;
    }

    .idx_slider .carousel-inner picture img {
        aspect-ratio: 3 / 2;
    }
}

/*search*/
.search_box .group_banner.search_banner .search-area > .container {
    background: rgba(190, 167, 119, 0.45);
    border-bottom: 0 solid #d4ebf5;
    border-radius: 8px 8px 0 0;
    padding: 0 1.25rem;
}

.search_box section.group_banner .search-area .search-box {
    margin: 1.1rem 0 0;
}

.search_box section.group_banner .search-area .search-box .select-goal,
.search_box section.group_banner .search-area .search-box .select-place,
.search_box section.group_banner .search-area .search-box .select-date {
    background: none;
    padding: 0;
}

.search_box section.group_banner .search-area .search-box .select-goal .title,
.search_box section.group_banner .search-area .search-box .select-place .title,
.search_box section.group_banner .search-area .search-box .select-date .title {
    margin-bottom: 4px;
}

.search_box section.group_banner .search-area .search-box .select-goal .title i,
.search_box section.group_banner .search-area .search-box .select-place .title i,
.search_box section.group_banner .search-area .search-box .select-date .title i {
    display: none;
}

.search_box section.group_banner .search-area .search-box .select-goal .title h6,
.search_box section.group_banner .search-area .search-box .select-place .title h6,
.search_box section.group_banner .search-area .search-box .select-date .title h6 {
    color: #866d3b;
    margin: 0 0 0 0;
    font-size: 16px;
    font-weight: 400;
}

.search_box .search-area .search-box .select-place .select select,
.search_box .search-area .search-box .select-goal .select select {
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    padding: 2px 8px 0;
}

.search_box section.group_banner .search-area .search-box .select-date .select input {
    width: calc(50% - 18px);
    padding-left: 8px;
    border-radius: 4px;
    text-align: left;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    padding-top: 2px;
    height: 30px;
}

.search_box section.search_banner .search-area .search-box .select-input .data-icon-search {
    position: unset;
    line-height: 25px;
    color: #866d3b;
    height: 25px;
    min-height: 25px;
    margin-bottom: 4px;
}

.search_box section.search_banner .search-area .search-box .select-input .data-icon-search::before {
    line-height: 1.2;
    content: '關鍵字';
    width: auto;
    letter-spacing: 1px;
    color: #866d3b;
    font-size: 16px;
    font-weight: 500;
}

.search_box section.group_banner .search-area .search-box .select-date > input, .search_box section.group_banner .search-area .search-box .select-input > input {
    height: 30px;
    padding-left: 10px;
    border-radius: 4px;
    padding-right: 10px;
    font-size: 14px;
    color: #666;
}

.search_box section.group_banner .search-area .search-box .select-input > input::placeholder {
    font-size: 0;
}

.search_box section.group_banner .search-area .search-box .search-btn {
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    margin-top: 29px;
    background-color: #866d3b;
}

.search_box .search-area .search-box .search-btn h5 {
    font-size: 15px;
    letter-spacing: 0;
}

.search_box .search-area .search-box .search-btn i {
    display: none;
}

@media (max-width: 1450px) {
    .search_box {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

@media (max-width: 1199px) {
    .search_box {
        flex: 0 0 85%;
        max-width: 85%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search_box .group_banner.search_banner .search-area > .container {
        max-width: 100%;
    }

    .search_box section.group_banner .search-area .search-box > div.col-xl-2 {
        max-width: unset;
        flex: 1 1 0;
    }

    .search_box section.group_banner .search-area .search-box > div.col-xl-3 {
        max-width: unset;
        flex: 2 1 0;
    }

    .search_box section.group_banner .search-area .search-box > div:nth-last-child(1) {
        max-width: 100px;
    }

    .search_box section.group_banner .search-area .search-box .select-date .select input {
        width: calc(50% - 10px);
        padding-left: 8px;
        border-radius: 4px;
    }

    .search_box .search-area .search-box .select-date .select .divide {
        width: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media (max-width: 991.98px) {
    .search_box, .Tour_Leader_Detail .Search {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .search_box .group_banner.search_banner .search-area {
        background: rgba(190, 167, 119, 0.45);
    }

    .search_box .group_banner.search_banner .search-area > .container {
        max-width: 100%;
        border-radius: 0;
        background: none;
    }

    .search_box .group_banner.search_banner .search-area > .container::before {
        content: '出發吧！想去哪裡旅行？';
        display: block;
        width: 100%;
        color: #fff;
        margin-top: 1.5rem;
        padding-left: 0.5rem;
        font-size: 1rem;
    }

    .search_box section.group_banner .search-area .search-box {
        margin-top: 0.3rem;
    }

    .search_box section.group_banner .search-area .search-box .select-goal,
    .search_box section.group_banner .search-area .search-box .select-place,
    .search_box section.group_banner .search-area .search-box .select-date {
        height: 55px;
    }

    .search_box section.group_banner .search-area .search-box .select-date div.select {
        width: 100%;
    }

    .search_box section.group_banner .search-area .search-box .search-btn {
        height: 40px;
        line-height: 40px;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .search_box .search-area .search-box .search-btn h5 {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .search_box .select-input .mic_icon {
        width: 30px;
        height: 30px;
        top: 32px;
        right: 25px;
    }
}

@media (max-width: 767px) {
    .search_shadow img.img-fluid {
        height: 50px;
    }
}


/*hot*/
.hot_box {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.hot_box .hover-wall .htpro_tit {
    display: none;
}

.hot_box .hover-wall .icon_info {
    border-radius: 0;
    box-shadow: 1px 1px 2px #e7e7e7;
    position: unset;
    height: 100%;
}

.hot_box .hover-wall .icon_info:hover {
    box-shadow: 1px 1px 2px #e7e7e7;
}

.hot_box .hover-wall .icon_info a {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: flex-start;
}

.hot_box .hover-wall .icon_info figure {
    aspect-ratio: 3/2;
    order: -1;
}

.hot_box .hover-wall figure .overlay {
    display: none;
}

.hot_box .hover-wall figure .s_img {
    top: unset;
    left: 0;
    max-width: 100% !important;
    bottom: 0;
    z-index: 9;
    right: 0;
    width: 100%;
}

.hot_box .hover-wall figure .b_img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}

.hot_box .hover-wall .icon_info:hover figure .b_img {
    transform: scale(1.1);
}

.hot_box .hover-wall .icon_info h3 {
    padding: 0 15px;
    font-size: 18px;
    font-weight: normal;
    width: 100%;
    margin-bottom: 10px;
}

.hot_box .hover-wall .icon_info h4 {
    width: 100%;
    order: -1;
    margin-bottom: 10px;
    padding: 0 15px;
    font-style: unset;
    text-align: left;
}

.hot_box .hover-wall .icon_info p.animate-text {
    width: 100%;
    padding: 0 15px;
    font-size: 15px;
}

@media (max-width: 1450px) {
    .hot_box {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}

@media (max-width: 1300px) {
    .hot_box {
        flex: 0 0 98%;
        max-width: 98%;
    }
}

@media (max-width: 1199px) {
    .hot_box .hover-wall > .container-fluid > .row > div:nth-child(n+2) {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 991px) {
    .hot_box .hover-wall > .container-fluid > .row > div:nth-child(n+2) {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .hot_box .hover-wall .icon_info figure {
        aspect-ratio: 2/1;
    }
}

@media (max-width: 767px) {
    .hot_box .hover-wall > .container-fluid > .row > div:nth-child(n+2) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hot_box .hover-wall .icon_info figure {
        aspect-ratio: 2.5/1;
    }
}

@media (max-width: 575px) {
    .hot_box .hover-wall .icon_info figure {
        aspect-ratio: 3/2;
    }
}

/*videos*/
.deep_bg::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 1px;
    left: 0;
    background-color: #fff;
}

.video_left {
    max-width: 60%;
    flex: 0 0 60%;
    padding: 0 30px;
}

.video_left div.module {
    padding: 0;
}

.video_left .video-container {
    padding-bottom: 570px;
}

.video_left .video-container iframe {
    height: 600px;
}

.video_right {
    max-width: 40%;
    flex: 0 0 40%;
}

.video_right > .module-container > .main > div:nth-child(2) {
    height: 600px;
}

.video_right > .module-container > .main > div:nth-child(2) > figure {
    max-width: 50%;
    flex: 0 0 50%;
    height: 50%;
    position: relative;
    overflow: hidden;
}

.video_right > .module-container > .main > div:nth-child(2) > figure a[data-fancybox] {
    height: 100%;
    position: relative;
}

.video_right > .module-container > .main > div:nth-child(2) > figure a[data-fancybox] > img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    transition: .3s;
    transform: scale(1);
}

.video_right > .module-container > .main > div:nth-child(2) > figure:hover a[data-fancybox] > img {
    transition: .3s;
    transform: scale(1.1);
}

.video_right > .module-container > .main > div:nth-child(2) > figure a[data-fancybox]::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/stroke-shadow.png);
    background-size: 101%;
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: inherit;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.video_right figure > .content-bottom {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 20px;
    color: #fff;
}

.video_right figure > .content-bottom * {
    margin: 0;
}

.video_right figure > .content-top {
    display: block;
    font-size: 0;
}

.video_right figure > .content-top * {
    margin: 0;
}

.video_right figure > .content-top::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 20px;
}

.video_right figure > .content-top::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: 29px;
    bottom: 29px;
    z-index: 1;
    transition: .5s;
    transform: rotate(0deg);
    transform-origin: 3px 6px;
}

.video_right figure:hover > .content-top::after {
    transition: .5s;
    transform: rotate(360deg);
}

@media (max-width: 1300px) {
    .video_left {
        max-width: 55%;
        flex: 0 0 55%;
    }

    .video_left .video-container {
        padding-bottom: 470px;
    }

    .video_left .video-container iframe {
        height: 500px;
    }

    .video_right {
        max-width: 45%;
        flex: 0 0 45%;
    }

    .video_right > .module-container > .main > div:nth-child(2) {
        height: 500px;
    }
}

@media (max-width: 991px) {
    .video_left {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .video_right {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .video_right > .module-container > .main > div:nth-child(2) {
        height: 200px;
    }

    .video_right > .module-container > .main > div:nth-child(2) > figure {
        max-width: 25%;
        width: 25%;
        flex: 0 0 25%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .video_left .video-container {
        padding-bottom: 330px;
    }

    .video_left .video-container iframe {
        height: 400px;
    }

    .video_right > .module-container > .main > div:nth-child(2) {
        height: 300px;
    }

    .video_right > .module-container > .main > div:nth-child(2) > figure {
        max-width: 50%;
        width: 50%;
        flex: 0 0 50%;
        height: calc(100% / 2);
    }
}

/*tabs*/
.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills {
    padding: 0 3rem;
    border-top: 1px solid #000;
    display: table;
    margin: 0 auto;
    width: auto;
}

.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills li {
    float: left;
    margin: 0 1.5rem;
}

.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills li > a.nav-link {
    padding: 10px 0 1rem;
    border-radius: 0;
    background-color: transparent;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    border-top: 5px solid transparent;
}

.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills li:nth-child(1) > a.nav-link {
    color: #e40012;
}

.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills li > a.nav-link:hover {
    border-color: #af7f54;
    color: #af7f54;
}

.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills li > a.nav-link.active {
    border-color: #000;
    color: #000;
}

.idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills li:nth-child(1) > a.nav-link.active {
    border-color: #e40012;
    color: #e40012;
}

/*tab_slider*/
.tabs_slide_box.widget-item {
    visibility: inherit !important;
}

.tabs_slide_box .swiper-slide-style {
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    position: relative;
}

.tabs_slide_box .swiper-slide .swiper-img {
    margin: 0;
    aspect-ratio: 3/2.7;
}

.tabs_slide_box .swiper-slide .swiper-img img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}

.tabs_slide_box .swiper-slide .swiper-title {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/rank-bg.png);
    width: 60px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #453319;
    font-family: 'Libre Baskerville', serif !important;
    font-style: italic;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 30px;
    letter-spacing: -1px;
}

.tabs_slide_box .swiper-slide .swiper-content {
    width: calc(100% - 60px);
    background-color: #fff;
    padding: 35px;
    -webkit-line-clamp: unset;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: -125px;
}

.tabs_slide_box .swiper-slide .swiper-content span.date {
    font-size: 15px;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 15px;
    display: table;
    width: 100%;
    font-family: 'Poppins', sans-serif !important;
}

.tabs_slide_box .swiper-slide .swiper-content span.date > span.new_year {
    background-color: #cc5a59;
    color: #fff;
    padding: 8px 8px;
    margin-left: 15px;
    border-radius: 12px;
    position: relative;
}

.tabs_slide_box .swiper-slide .swiper-content span.date > span.new_year::before {
    content: '▲';
    position: absolute;
    font-size: 22px;
    left: -4px;
    bottom: -20px;
    rotate: 210deg;
    color: #cc5a59;
}

.tabs_slide_box .swiper-slide .swiper-content h4 {
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    text-align: justify;
    width: 100%;
    margin-bottom: 10px;
    line-height: 1.4;
}

.tabs_slide_box .swiper-slide .swiper-content p {
    font-size: 15px;
    letter-spacing: 0;
    width: 100%;
    color: #888;
    text-align: justify;
    margin-bottom: 15px;
    line-height: 1.4;
}

.tabs_slide_box .swiper-slide .swiper-content p.price {
    margin-bottom: 0;
    width: 100%;
    font-size: 18px;
    color: #e40012;
    letter-spacing: 0;
    line-height: 1;
    font-family: 'Poppins', sans-serif !important;
}

.tabs_slide_box .swiper-container {
    padding: 0 3rem;
    max-width: 1427px !important;
}

.tabs_slide_box .swiper-container::before {
    content: '';
    display: block;
    width: 3rem;
    height: 100%;
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/header-menu-light-subbg.jpg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
    z-index: 5;
    background-color: transparent;
}

.tabs_slide_box .swiper-container::after {
    content: '';
    display: block;
    width: 3rem;
    height: 100%;
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/header-menu-light-subbg.jpg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
    z-index: 5;
    background-color: transparent;
}

.tabs_slide_box .swiper-button-prev.swiper-button-white,
.tabs_slide_box .swiper-button-next.swiper-button-white {
    width: 32px;
    height: 32px;
    opacity: 1;
}

.tabs_slide_box .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.tabs_slide_box .swiper-button-next.swiper-button-white.swiper-button-disabled {
    opacity: .5;
    display: none;
}

.tabs_slide_box .swiper-button-prev:after {
    padding: 0;
    content: '';
    width: 32px;
    height: 32px;
    background-size: 100%;
    background: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/prev_dk.png) no-repeat;
}

.tabs_slide_box .swiper-button-next:after {
    padding: 0;
    content: '';
    width: 32px;
    height: 32px;
    background-size: 100%;
    background: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/next_dk.png) no-repeat;
}

@media (max-width: 1450px) {
    .tabs_slide_box {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}

@media (max-width: 1300px) {
    .tabs_slide_box {
        flex: 0 0 99%;
        max-width: 99%;
    }
}

@media (max-width: 991px) {
    .tabs_slide_box {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .idx_tabs .module-container .main.row .blk-tabs {
        overflow: scroll;
        display: block;
        padding: 0;
        height: 55px;
    }

    .idx_tabs .module-container .main.row > .blk-tabs ul.nav-pills {
        width: max-content;
        display: flex;
        z-index: 99;
        float: none;
        min-width: 100%;
        max-width: unset;
        padding: 0 0;
    }

    .tabs_slide_box {
        flex: 0 0 95%;
        max-width: 95%;
    }

    .tabs_slide_box .swiper-container {
        padding: 0 20px;
    }

    .tabs_slide_box .swiper-container::before, .tabs_slide_box .swiper-container::after {
        display: none;
    }

    .tabs_slide_box .swiper-button-prev.swiper-button-white {
        left: 0;
    }

    .tabs_slide_box .swiper-button-next.swiper-button-white {
        right: 0;
    }
  
    .tabs_slide_box .swiper-slide .swiper-content {
        padding: 25px;
    }

    .tabs_slide_box .swiper-slide .swiper-content h4 {
        font-size: 18px;
    }

    .tabs_slide_box .swiper-slide .swiper-content p.price {
        font-size: 16px;
    }
  
    .tabs_slide_box .swiper-slide .swiper-content span.date > span.new_year {
        margin-left: 10px;
    }
}

/*survey*/
.survey_box .swiper-container {
    padding: 0 3rem;
}

.survey_box .swiper-container::before {
    content: '';
    display: block;
    width: 3rem;
    height: 100%;
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/main-light-bg.jpg);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
    z-index: 5;
    background-color: transparent;
}

.survey_box .swiper-container::after {
    content: '';
    display: block;
    width: 3rem;
    height: 100%;
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/main-light-bg.jpg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: auto;
    z-index: 5;
    background-color: transparent;
}

.survey_box .swiper-slide-style {
    margin-top: 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
    padding: 0 20px;
}

.survey_box .swiper-slide .swiper-img {
    aspect-ratio: 1/1;
    border-radius: 500px;
    overflow: hidden;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}

.survey_box .swiper-slide .swiper-img img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}

.survey_box .swiper-slide .swiper-title {
    padding: 0;
    margin-bottom: 10px;
    font-size: 20px;
    color: #000;
    width: 100%;
}

.survey_box .swiper-slide .swiper-content {
    padding: 0;
    width: 100%;
    letter-spacing: 0;
    -webkit-line-clamp: unset;
    text-align: center;
}

.survey_box .swiper-slide .swiper-content h3 {
    font-size: 20px;
    width: 100%;
    color: #000;
    margin-bottom: 15px;
}

.survey_box .swiper-slide .swiper-content p {
    font-size: 15px;
    color: #888;
    line-height: 1.5;
    width: 100%;
}

.survey_box .swiper-button-prev.swiper-button-white,
.survey_box .swiper-button-next.swiper-button-white {
    width: 32px;
    height: 32px;
    opacity: 1;
}

.survey_box .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.survey_box .swiper-button-next.swiper-button-white.swiper-button-disabled {
    opacity: .5;
}

.survey_box .swiper-button-prev:after {
    padding: 0;
    content: '';
    width: 32px;
    height: 32px;
    background-size: 100%;
    background: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/prev_dk.png) no-repeat;
}

.survey_box .swiper-button-next:after {
    padding: 0;
    content: '';
    width: 32px;
    height: 32px;
    background-size: 100%;
    background: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/index/next_dk.png) no-repeat;
}

@media (max-width: 1450px) {
    .survey_box {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}

@media (max-width: 1300px) {
    .survey_box {
        flex: 0 0 99%;
        max-width: 99%;
    }
}

@media (max-width: 991px) {
    .survey_box {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*News-List*/
.D_pages_folder {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.D_pages_folder .tail_nav_wrap > .module-container > .row.main {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg) !important;
}

.D_pages_folder .blog-banner {
    display: none;
}

.D_pages_folder .blog-bigtitle {
    position: unset;
    margin-top: 180px;
    margin-bottom: 5rem;
}

.D_pages_folder .blog-bigtitle h2 {
    font-weight: normal;
    color: #000;
    text-shadow: none;
    font-size: 35px;
    position: relative;
}

.D_pages_folder .blog-bigtitle h2::after {
    display: block;
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translate(-50%, 0);
    content: 'News & Events';
    color: #c5b07c;
    font-size: 30px;
    font-family: sans-serif;
    letter-spacing: 1px;
}

.D_pages_folder .blog-wrapper .blog-cont {
    width: 100%;
}

.D_pages_folder .sort-condition {
    margin-top: 0;
    border-bottom: 4px double #e0e0e0;
    padding-bottom: 1rem;
}

.D_pages_folder .sort-condition li {
    margin: 0 15px
}

.D_pages_folder .sort-condition li a {
    background: none;
    border: none;
    border-bottom: 2px solid #000;
    padding: 5px 10px;
}

.D_pages_folder .sort-condition li a:hover,
.D_pages_folder .sort-condition li a.active,
.D_pages_folder .sort-condition li a:focus {
    background: #c5b07c;
    box-shadow: 1px 1px 5px #b2903d inset;
    border-color: #c5b07c;
}

.D_pages_folder .blog-list {
    background: none;
    padding-top: 0;
}

.D_pages_folder .blog-item {
    padding: 2rem 0;
}

.D_pages_folder .blog-info {
    padding-bottom: 5rem;
    position: relative;
}

.D_pages_folder .blog-info::after {
    content: 'READ MORE';
    display: table;
    border: 1px solid #000;
    width: auto;
    padding: 10px 30px;
    border-radius: 4px;
    color: #000;
    position: absolute;
    bottom: 2rem;
    font-size: 14px;
    transition: .5s;
}

.D_pages_folder .blog-item:hover .blog-info::after {
    background-color: #000;
    color: #fff;
    transition: .5s;
}

.D_pages_folder .info-title {
    margin-bottom: 20px;
}

.D_pages_folder .info-title h2 {
    font-size: 25px;
    font-weight: normal;
}

.D_pages_folder .blog-item a:hover .info-title h2 {
    color: #745844;
}

.D_pages_folder .info-date span {
    font-family: sans-serif !important;
    font-style: italic;
    color: #000;
    letter-spacing: 1px;
}

.D_pages_folder .info-description p {
    color: #888;
}

.D_pages_folder nav .pagination.justify-content-center {
    border-radius: 0;
}

.D_pages_folder nav .pagination .page-item {
    margin: 0 5px;
}

.D_pages_folder nav .pagination .page-item .page-link {
    background: none;
    border: none;
    color: #1e7c9c;
    font-size: 16px;
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center;
    line-height: 29px;
}

.D_pages_folder nav .pagination .page-item.disabled {
    opacity: .5;
}

.D_pages_folder nav .pagination .page-item.active .page-link {
    background: #1e7c9c;
    color: #fff;
    border-radius: 50px;
}

@media (min-width: 992px) {
    .D_pages_folder .blog-pic {
        aspect-ratio: 3/1.8;
        overflow: hidden;
        padding: 0;
    }

    .D_pages_folder .blog-pic img {
        max-width: 100%;
        object-fit: cover;
        object-position: center center;
        height: 100%;
        width: 100%;
        transform: scale(1);
        transition: .5s;
    }

    .D_pages_folder .blog-item:hover .blog-pic img {
        transform: scale(1.1);
        transition: .5s;
    }

    .D_pages_folder .blog-info {
        padding-left: 2.5rem;
    }
}

@media (min-width: 1440px) {
    .D_pages_folder .blog-wrapper .container {
        max-width: 1360px;
    }
}

@media (max-width: 991px) {
    .D_pages_folder .blog-bigtitle {
        margin-top: 100px;
    }

    .D_pages_folder .blog-pic {
        margin-bottom: 1.5rem;
    }

    .D_pages_folder .blog-info {
        padding-bottom: 4rem;
    }

    .D_pages_folder .blog-info::after {
        bottom: 0;
        width: calc(100% - 7rem);
        text-align: center;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .D_pages_folder .info-title {
        margin-bottom: 15px;
    }

    .D_pages_folder .info-title h2 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .D_pages_folder .blog-bigtitle h2::after {
        left: 0;
        right: 0;
        transform: unset;
    }
}

/*News-Detail*/
.News-Detail > .module-container .main.row {
    padding-top: 70px;
}

.News-Detail .newsD_title div.link-list {
    min-height: auto;
    background: none;
}

.News-Detail .newsD_title div.link-list ul {
    display: table;
    margin: auto;
}

.News-Detail .newsD_title div.link-list ul li a,
.News-Detail .newsD_title div.link-list ul li span {
    font-family: sans-serif !important;
    font-style: italic;
}

.News-Detail .newsD_btn div.link-list {
    min-height: auto;
    background: none;
    border-top: 1px solid #CBCBCB;
    padding-top: 1.5rem;
}

.News-Detail .newsD_btn div.link-list ul li a,
.News-Detail .newsD_btn div.link-list ul li span {
    letter-spacing: 0;
    font-weight: bold;
    padding: 0;
}

.News-Detail .newsD_btn div.link-list ul li:nth-child(1) a i {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50px;
    text-align: center;
    line-height: 28.5px;
    margin-right: 10px;
    font-size: 15px;
}

.News-Detail .newsD_btn div.link-list ul li:nth-child(1) a:hover i {
    border-color: #AF7F54;
}

.News-Detail .newsD_btn div.link-list ul li:nth-last-child(1),
.News-Detail .newsD_btn div.link-list ul li:nth-last-child(2) {
    float: right;
    margin-left: 15px;
}

.News-Detail .newsD_btn div.link-list ul li:nth-last-child(1) a i {
    width: 37px;
    height: 37px;
    border: 1px solid #cecece;
    border-radius: 50px;
    text-align: center;
    line-height: 36px;
    margin-right: 0;
    font-size: 21px;
}

.News-Detail .newsD_btn div.link-list ul li:nth-last-child(1) a:hover i {
    border-color: #AF7F54;
}

.News-Detail .newsD_btn div.link-list ul li:nth-last-child(2) a {
    font-size: 0 !important;
}

.News-Detail .newsD_btn div.link-list ul li:nth-last-child(2) a i {
    width: 37px;
    height: 37px;
    border: 1px solid #cecece;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9e957a01-d71a-44f5-8818-e309fa582fcb.png);
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: center;
    border-radius: 50px;
    margin: 0;
}

.News-Detail .newsD_btn div.link-list ul li:nth-last-child(2) a:hover i {
    border-color: #AF7F54;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/635d7fa7-d52e-4d5a-9c1a-292593c62a34.png);
}

.News-Detail .newsD_info ul {
    list-style-type: none;
}

@media (min-width: 768px) {
    .News-Detail .newsD_title,
    .News-Detail .newsD_btn,
    .News-Detail .newsD_img,
    .News-Detail .newsD_info {
        max-width: 660px;
        flex: 0 0 660px;
    }
}

@media (min-width: 992px) {
    .News-Detail .newsD_title,
    .News-Detail .newsD_btn,
    .News-Detail .newsD_img,
    .News-Detail .newsD_info {
        max-width: 860px;
        flex: 0 0 860px;
    }
}

@media (min-width: 1220px) {
    .News-Detail .newsD_title,
    .News-Detail .newsD_btn,
    .News-Detail .newsD_img,
    .News-Detail .newsD_info {
        max-width: 1110px;
        flex: 0 0 1110px;
    }
}

@media (max-width: 767px) {
    .News-Detail > .module-container .main.row {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .News-Detail .newsD_title,
    .News-Detail .newsD_btn,
    .News-Detail .newsD_img,
    .News-Detail .newsD_info {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*Follow_Leaders_new*/
.Follow_Leaders_new .followL_title {
    margin-top: 150px;
}

.Follow_Leaders_new .title_E {
    letter-spacing: 2px;
    margin-bottom: 2rem;
}

.Follow_Leaders_new .share-nav {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.Follow_Leaders_new .share-nav.nav_fixed {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Follow_Leaders_new .share-nav.nav_fixed.nav_unset {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Follow_Leaders_new .share-nav.nav_unset {
    position: relative;
    top: unset;
    z-index: unset;
}

.Follow_Leaders_new .share-nav .header-part {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    border-bottom: 1px solid #e2e2e2;
}

.Follow_Leaders_new .share-nav .header-part.fixed-top {
    top: 66px;
}

.Follow_Leaders_new .share-nav .header-part .navbar-brand {
    display: none;
}

.Follow_Leaders_new .share-nav .navbar-expand-lg .navbar-nav {
    margin-right: auto;
}

.Follow_Leaders_new .share-nav .header-part .navbar-nav .nav-item {
    background: none;
}

.Follow_Leaders_new .share-nav .header-part .navbar-nav .nav-item.dropdown {
    position: unset;
    margin: 0 10px;
}

.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item a,
.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .nav-link {
    padding: 8px 15px;
    color: #000;
    letter-spacing: 1px;
    background: none !important;
    width: auto;
    display: table;
    float: left;
    font-size: 16px;
    transition: .5s;
}

.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item a:hover,
.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .nav-link:hover,
.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .nav-link:focus,
.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .nav-link:active {
    color: #af7f54;
}

.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item a i {
    display: none;
}

.Follow_Leaders_new .share-nav .dropdown-toggle::after {
    border: none;
    content: '+';
    font-size: 1.2rem;
    vertical-align: unset;
    margin-left: 0;
    font-weight: bold;
}

.Follow_Leaders_new .share-nav .header-part .dropdown-menu.show {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: none !important;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg);
    background-size: cover;
    padding: 10px 15px !important;
}

.Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
    letter-spacing: 0.5px;
    line-height: 35px;
    padding: 0 15px;
}

.Follow_Leaders_new .share-cotent {
    margin-top: 3rem;
}

.Follow_Leaders_new .share-cotent .header-title {
    padding: 0 15px;
    font-size: 1.5rem;
    color: #000;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item {
    background: #fff;
    max-width: calc(25% - 30px);
    flex: 0 0 calc(25% - 30px);
    padding: 0;
    box-shadow: 1px 1px 2px #e2e2e2;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px !important;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item img {
    margin-top: 0;
    margin-bottom: 25px;
    aspect-ratio: 3/2.1;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: .5s;
    transform-origin: bottom;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item:hover img {
    transform: scale(1.08);
    transition: .5s;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item > h3 {
    padding: 0 20px;
    font-size: 20px;
    color: #c5b07c;
    margin-bottom: 10px;
    letter-spacing: 1px;
    transition: .5s;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item:hover > h3 {
    color: #CB002D;
    transition: .5s;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item > p {
    margin: 0;
}

.Follow_Leaders_new .share-cotent .bottom {
    padding: 0 20px 25px;
    display: flex;
    flex-wrap: wrap;
}

.Follow_Leaders_new .share-cotent .bottom .name {
    font-size: 16px;
    color: #000;
    margin-right: 10px;
    margin-bottom: 0;
}

.Follow_Leaders_new .share-cotent .bottom .date {
    font-size: 14px;
    color: #888;
    margin: 0;
}

.Follow_Leaders_new .share-cotent .falls-container .grid .grid-item .bottom p {
    font-size: 15px;
    color: #888;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .Follow_Leaders_new .share-cotent {
        max-width: 860px;
        flex: 0 0 860px;
    }
}

@media (min-width: 1024px) {
    .Follow_Leaders_new .share-cotent {
        max-width: 991px;
        flex: 0 0 991px;
    }
}

@media (min-width: 1280px) {
    .Follow_Leaders_new .share-cotent {
        max-width: 1140px;
        flex: 0 0 1140px;
    }
}

@media (min-width: 1440px) {
    .Follow_Leaders_new .share-cotent {
        max-width: 1360px;
        flex: 0 0 1360px;
    }
}

@media (max-width: 1199px) {
    .Follow_Leaders_new .share-cotent .falls-container .grid .grid-item {
        max-width: calc(33.3333% - 30px);
        flex: 0 0 calc(33.3333% - 30px);
    }
}

@media (max-width: 991px) {
    .Follow_Leaders_new .followL_title {
        margin-top: 100px;
    }

    .Follow_Leaders_new .share-nav {
        max-width: 90%;
        margin: auto;
    }

    .Follow_Leaders_new .share-nav .header-part {
        border: 1px solid #000;
        border-radius: 4px;
        padding: 5px 15px;
    }

    .Follow_Leaders_new .share-nav .header-part .navbar-toggler {
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
    }

    .Follow_Leaders_new .share-nav .header-part .navbar-toggler::before {
        content: '請選擇';
        display: inline-block;
        color: #000;
        float: left;
        font-size: 16px;
        line-height: 28px;
    }

    .Follow_Leaders_new .share-nav .header-part .navbar-toggler[aria-expanded=true]::after {
        content: '';
        display: table;
        width: 100%;
        height: 1px;
        background: #000;
        position: absolute;
        left: 0;
        right: 0;
        top: 43px;
    }

    .Follow_Leaders_new .share-nav .navbar-expand-lg .navbar-collapse.show {
        overflow: auto;
        max-height: calc(100vh - 125px);
    }

    .Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item a,
    .Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .nav-link {
        width: 100%;
        text-align: center;
    }

    .Follow_Leaders_new .share-nav .header-part .dropdown-menu.show {
        background-color: #e6e6e6 !important;
        background-image: unset;
    }

    .Follow_Leaders_new .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
        line-height: 25px;
        margin: 8px 0;
        white-space: break-spaces;
    }

    .Follow_Leaders_new .share-cotent {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .Follow_Leaders_new .share-cotent .falls-container .grid .grid-item {
        max-width: calc(50% - 30px);
        flex: 0 0 calc(50% -
        30px);
    }
}

@media (max-width: 575px) {
    .Follow_Leaders_new .share-cotent .falls-container .grid .grid-item {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% -
        30px);
    }
}

/*Follow_Leaders_new*/
.Leaders_new-detail .followL_title {
    margin-top: 150px;
}

.Leaders_new-detail .title_E {
    letter-spacing: 2px;
    margin-bottom: 2rem;
}

.Leaders_new-detail .share-nav {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.Leaders_new-detail .share-nav.nav_fixed {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Leaders_new-detail .share-nav.nav_fixed.nav_unset {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Leaders_new-detail .share-nav.nav_unset {
    position: relative;
    top: unset;
    z-index: unset;
}

.Leaders_new-detail .share-nav .header-part {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    border-bottom: 1px solid #e2e2e2;
}

.Leaders_new-detail .share-nav .header-part.fixed-top {
    top: 66px;
}

.Leaders_new-detail .share-nav .header-part .navbar-brand {
    display: none;
}

.Leaders_new-detail .share-nav .navbar-expand-lg .navbar-nav {
    margin-right: auto;
}

.Leaders_new-detail .share-nav .header-part .navbar-nav .nav-item {
    background: none;
}

.Leaders_new-detail .share-nav .header-part .navbar-nav .nav-item.dropdown {
    position: unset;
    margin: 0 10px;
}

.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item a,
.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link {
    padding: 8px 15px;
    color: #000;
    letter-spacing: 1px;
    background: none !important;
    width: auto;
    display: table;
    float: left;
    font-size: 16px;
    transition: .5s;
}

.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item a:hover,
.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link:hover,
.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link:focus,
.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link:active {
    color: #af7f54;
}

.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item a i {
    display: none;
}

.Leaders_new-detail .share-nav .dropdown-toggle::after {
    border: none;
    content: '+';
    font-size: 1.2rem;
    vertical-align: unset;
    margin-left: 0;
    font-weight: bold;
}

.Leaders_new-detail .share-nav .header-part .dropdown-menu.show {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: none !important;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg);
    background-size: cover;
    padding: 10px 15px !important;
}

.Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
    letter-spacing: 0.5px;
    line-height: 35px;
    padding: 0 15px;
}

.Leaders_new-detail.left_wrap {
    margin-top: 50px;
    padding: 0 2rem;
    margin-bottom: 50px;
}

.Leaders_new-detail.left_wrap > .module-container > .main.row {
    padding: 2.5rem 1.5rem;
    box-shadow: 1px 1px 2px #e2e2e2;
}

.Leaders_new-detail.right_wrap {
    margin-top: 50px;
    margin-bottom: 50px;
}

.Leaders_new-detail .FLD_title section.text-link h2 {
    margin-bottom: 20px;
    text-align: justify !important;
    width: 100%;
    line-height: 1.3;
    letter-spacing: 1px;
}

.Leaders_new-detail .FLD_title div.link-list {
    min-height: auto;
    margin-bottom: 18px;
}

.Leaders_new-detail .FLD_title div.link-list ul li {
    line-height: normal;
}

.Leaders_new-detail .FLD_title div.link-list ul li a,
.Leaders_new-detail .FLD_title div.link-list ul li span {
    padding: 0 15px;
    font-style: italic;
    font-family: sans-serif;
    line-height: 1;
}

.Leaders_new-detail .FLD_listbtn .text-container {
    padding: 0 15px;
}

.Leaders_new-detail .FLD_listbtn section.link.text-link {
    border-top: 1px solid #ccc;
}

.Leaders_new-detail .FLD_listbtn div.link-list {
    min-height: auto;
    margin: 20px 0;
}

.Leaders_new-detail .FLD_listbtn div.link-list ul li a,
.Leaders_new-detail .FLD_listbtn div.link-list ul li span {
    letter-spacing: 0;
    font-weight: bold;
    padding: 0;
}

.Leaders_new-detail .FLD_listbtn div.link-list ul li i {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50px;
    text-align: center;
    line-height: 28.5px;
    margin-right: 10px;
    font-size: 15px;
}

.Leaders_new-detail .FLD_content {
    padding: 0 2rem;
}

.Leaders_new-detail .FLD_content img {
    max-width: 100%;
}

.Leaders_new-detail .FLD_neme {
    margin-bottom: 12px;
}

.Leaders_new-detail .FLD_neme .hover-wall .htpro_tit {
    display: none;
}

.Leaders_new-detail .FLD_neme .hover-wall .row > div.mb-4 {
    margin-bottom: 0 !important;
    max-width: 100%;
    flex: 0 0 100%;
}

.Leaders_new-detail .FLD_neme .hover-wall .icon_info {
    border-radius: 0;
    box-shadow: 1px 1px 2px #e2e2e2;
    padding: 40px 0;
}

.Leaders_new-detail .FLD_neme .hover-wall .icon_info figure {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.Leaders_new-detail .FLD_neme .hover-wall figure .overlay {
    display: none;
}

.Leaders_new-detail .FLD_neme .hover-wall .icon_info h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 28px;
}

.Leaders_new-detail .FLD_neme .hover-wall .icon_info h4 {
    display: none;
}

.Leaders_new-detail .FLD_neme .hover-wall .icon_info p.animate-text {
    line-height: 28px;
    font-size: 18px;
    margin: 0;
    letter-spacing: 0.5px;
    text-align: center;
}

.Leaders_new-detail .FLD_btn {
    margin-bottom: 12px;
}

.Leaders_new-detail .FLD_btn section.link.text-link {
    padding: 0 15px;
}

.Leaders_new-detail .FLD_btn div.link-list {
    min-height: auto;
    box-shadow: 1px 1px 2px #e2e2e2;
}

.Leaders_new-detail .FLD_btn div.link-list ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(1) a,
.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(2) a {
    padding: 15px 8px;
}

.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(1) a i {
    width: 37px;
    height: 37px;
    border: 1px solid #cecece;
    border-radius: 50px;
    text-align: center;
    line-height: 36px;
    margin-right: 0;
    font-size: 21px;
}

.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(1) a:hover i {
    border-color: #AF7F54;
}

.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(2) a {
    font-size: 0 !important;
    line-height: 1;
}

.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(2) a i {
    width: 37px;
    height: 37px;
    border: 1px solid #cecece;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9e957a01-d71a-44f5-8818-e309fa582fcb.png);
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: center;
    border-radius: 50px;
    margin: 0;
}

.Leaders_new-detail .FLD_btn div.link-list ul li:nth-child(2) a:hover i {
    border-color: #AF7F54;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/635d7fa7-d52e-4d5a-9c1a-292593c62a34.png);
}

.Leaders_new-detail .product_auto_recommend .product_all {
    padding: 15px;
    width: 100%;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box {
    box-shadow: 1px 0 2px #e2e2e2;
    border-radius: 0;
    margin-bottom: 15px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/33a9d94a-12a9-423a-9759-cee65b0ee682.jpg);
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_img {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_img a {
    position: relative;
    display: block;
    height: 200px;
    width: 100%;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_img a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 25%;
    z-index: 1;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7c1f3a37-8a7e-45a9-8d23-6683af25a9d4.png);
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_img img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: .5s;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box:hover .product_img img {
    transition: .5s;
    transform: scale(1.1);
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_name {
    display: table;
    width: 100%;
    padding: 20px 20px 20px;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_name a {
    color: #C5B07C;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: normal;
    width: 100%;
    text-align: justify;
    display: table;
    line-height: 1.4;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 0 20px 25px;
    color: #fff;
}

.Leaders_new-detail .product_auto_recommend .product_all .product_box .departure_date,
.Leaders_new-detail .product_auto_recommend .product_all .product_box .product_price {
    display: none;
}

@media (min-width: 768px) {
    .Leaders_new-detail.left_wrap {
        flex: 0 0 70%;
        max-width: 70%;
        padding: 0 1.5rem 0 2rem;
    }

    .Leaders_new-detail.right_wrap {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (min-width: 992px) {
    .Leaders_new-detail.left_wrap {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .Leaders_new-detail.right_wrap {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    .Leaders_new-detail.left_wrap {
        flex: 0 0 880px;
        max-width: 880px;
    }

    .Leaders_new-detail.right_wrap {
        flex: 0 0 300px;
        max-width: 300px;
    }
}

@media (min-width: 1400px) {
    .Leaders_new-detail.left_wrap {
        flex: 0 0 1047px;
        max-width: 1047px;
    }

    .Leaders_new-detail.right_wrap {
        flex: 0 0 317px;
        max-width: 317px;
    }
}

@media (max-width: 991px) {
    .Leaders_new-detail .share-nav {
        max-width: 90%;
        margin: auto;
    }

    .Leaders_new-detail .share-nav .header-part {
        border: 1px solid #000;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .Leaders_new-detail .share-nav .header-part .navbar-toggler {
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        padding-right: 0;
    }

    .Leaders_new-detail .share-nav .header-part .navbar-toggler::before {
        content: '請選擇';
        display: inline-block;
        color: #000;
        float: left;
        font-size: 16px;
        line-height: 28px;
    }

    .Leaders_new-detail .share-nav .header-part .navbar-toggler[aria-expanded=true]::after {
        content: '';
        display: table;
        width: 100%;
        height: 1px;
        background: #000;
        position: absolute;
        left: 0;
        right: 0;
        top: 43px;
    }

    .Leaders_new-detail .share-nav .navbar-expand-lg .navbar-collapse.show {
        overflow: auto;
        max-height: calc(100vh - 125px);
    }

    .Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item a,
    .Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link {
        width: 100%;
        text-align: center;
    }

    .Leaders_new-detail .share-nav .header-part .dropdown-menu.show {
        background-color: #e6e6e6 !important;
        background-image: unset;
    }

    .Leaders_new-detail .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
        line-height: 25px;
        margin: 8px 0;
        white-space: break-spaces;
    }
}

@media (max-width: 767px) {
    .Leaders_new-detail .followL_title {
        margin-top: 100px;
    }

    .Leaders_new-detail.left_wrap {
        padding: 0 2rem 0 2rem;
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .Leaders_new-detail.left_wrap > .module-container > .main.row {
        padding: 5px;
    }

    .Leaders_new-detail .FLD_title section.text-link h2 {
        text-align: center !important;
        font-size: 22px !important;
        margin-bottom: 10px;
    }

    .Leaders_new-detail .FLD_title div.link-list ul {
        text-align: center;
    }

    .Leaders_new-detail.right_wrap {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
        margin-top: 30px;
    }

    .Leaders_new-detail .FLD_neme .hover-wall .icon_info {
        padding: 30px 0;
    }

    .Leaders_new-detail .FLD_neme .hover-wall .icon_info h3,
    .Leaders_new-detail .FLD_neme .hover-wall .icon_info p.animate-text {
        padding: 0 20px;
    }

    .page_detail_recommend_mobile {
        order: 1;
    }
}

/*page_detail_recommend*/
.page_detail_recommend .product_recommend .hover-wall .htpro_tit {
    display: none;
}

.page_detail_recommend .product_recommend .hover-wall .row > div.mb-4 {
    margin-bottom: 15px !important;
}

.page_detail_recommend .product_recommend .hover-wall .icon_info {
    box-shadow: 1px 0 2px #e2e2e2;
    border-radius: 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/33a9d94a-12a9-423a-9759-cee65b0ee682.jpg);
}

.page_detail_recommend .product_recommend .hover-wall .icon_info:hover {
    box-shadow: 1px 0 2px #e2e2e2;
    bottom: 0;
}

.page_detail_recommend .product_recommend .icon_info a {
    display: table;
    width: 100%;
}

.page_detail_recommend .product_recommend .hover-wall .icon_info figure {
    height: 200px;
    margin-bottom: 0;
}

.page_detail_recommend .product_recommend .hover-wall figure .overlay {
    display: none;
}

.page_detail_recommend .product_recommend .hover-wall figure .s_img {
    top: unset;
    left: 0;
    max-width: 100% !important;
    bottom: 0;
    z-index: 9;
    right: 0;
    width: 100%;
}

.page_detail_recommend .product_recommend .hover-wall figure .b_img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: .5s;
}

.page_detail_recommend .product_recommend .hover-wall .icon_info:hover figure .b_img {
    transition: .5s;
    transform: scale(1.1);
}

.page_detail_recommend .product_recommend .hover-wall .icon_info h3 {
    padding: 20px 20px 10px;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.page_detail_recommend .product_recommend .hover-wall .icon_info p.animate-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 0 20px 25px;
}

/*travel_index_demo*/
.travel_index_sliderWRAP {
    margin-top: 110px;
}

.travel_index .travel_index_slider .carousel-indicators {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 84%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: center;
    padding-bottom: 2rem;
    z-index: 3;
}

.travel_index .travel_index_slider .carousel-indicators li {
    flex: 0 1 auto;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    margin-right: 6px;
    margin-left: 6px;
    opacity: 1;
    background-color: transparent;
    border: 1px solid #fff;
}

.travel_index .travel_index_slider .carousel-indicators li.active {
    background-color: #fff;
}

.travel_index .travel_index_tit {
    padding-top: 36px;
    padding-bottom: 16px;
}

.travel_index .travel_index_tit::after {
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/31b3267b-6b0c-422a-9075-6f3e92580a7b.png);
    opacity: .4;
}

.travel_index .travel_index_tit section.text-link h2 {
    margin-bottom: 2.2rem;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    z-index: 9;
}

.travel_index .travel_index_tit section.text-link h2::before,
.travel_index .travel_index_tit section.text-link h2::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    width: 130px;
    height: 4px;
    opacity: .5;
}

.travel_index .travel_index_tit section.text-link h2::before {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7a7a99e2-023f-4f65-81c5-68f6162fdd72.png);
    left: -150px;
}

.travel_index .travel_index_tit section.text-link h2::after {
    right: -150px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/37ee17bf-363f-4113-8878-e44fb6a69bc7.png);
}

.travel_index .travel_index_tit div.link-list {
    display: none;
}

.travel_index .travel_index_search,
.travel_index .travel_index_video,
.travel_index .travel_index_list,
.travel_index .travel_index_box {
    z-index: 1;
}

.travel_index .travel_index_search .group_banner.search_banner .search-area > form.container {
    border: none;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/f5f3998d-f77d-4757-b441-6ac66bcf2ea4.jpg);
    background-size: auto 100%;
    background-color: transparent;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box {
    height: auto;
    margin: 1rem 0 1.5rem;
    padding-bottom: 1.3rem;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box > div.col-12 {
    flex: 1;
    max-width: initial;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box > div.col-12:nth-last-child(4) {
    flex: 2;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-goal,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-place,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-date {
    background: none;
    height: auto;
    display: inline-block;
    padding: 0;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-goal .title,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-place .title,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-date .title {
    height: auto;
    min-height: unset;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-goal .title i,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-place .title i,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-date .title i {
    display: none;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-goal .title h6,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-place .title h6,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-date .title h6 {
    font-size: 16px;
    margin: 5px 0;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-place .select {
    height: 40px;
    display: table;
    width: 100%;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/f3095907-0865-4b6e-b87f-b11cb0250ae9.jpg);
    background-size: auto;
    border-radius: 4px;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-goal .select select,
.travel_index .travel_index_search section.group_banner .search-area .search-box .select-place .select select {
    height: 40px;
    width: 100%;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6) inset;
    padding: 0 10px;
    background-color: transparent;
    font-size: 15px;
    line-height: 40px;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-date .select {
    width: 100%;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    height: 40px;
    display: table;
    width: calc(50% - 13px);
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/f3095907-0865-4b6e-b87f-b11cb0250ae9.jpg) !important;
    background-size: auto !important;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 60%) inset;
    padding: 0 10px;
    color: #000;
    font-size: 17px;
    letter-spacing: 0;
}

.travel_index .travel_index_search .search-area .search-box .select-date .select .divide {
    background: #777;
    margin: 19.5px 5px 0 5px;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .select-input {
    background-color: transparent;
}

.travel_index .travel_index_search section.search_banner .search-area .search-box .select-input .data-icon-search {
    position: unset;
    color: #666;
    display: table;
    height: auto;
    line-height: 1;
    margin: 5px 0;
}

.travel_index .travel_index_search section.search_banner .search-area .search-box .select-input .data-icon-search::before {
    content: '關鍵字';
    width: 100%;
    text-align: left;
    height: auto;
    line-height: unset;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}

.travel_index .travel_index_search section.search_banner .search-area .search-box .select-input input {
    height: 40px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/f3095907-0865-4b6e-b87f-b11cb0250ae9.jpg);
    background-size: auto !important;
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 60%) inset;
    padding: 0 10px;
    background-color: transparent !important;
    color: #000;
    font-size: 15px;
}

.travel_index .travel_index_search section.search_banner .search-area .search-box .select-input span.mic_icon {
    top: 35px;
}

.travel_index .travel_index_search section.group_banner .form-check span.checkmark {
    height: 15px;
    width: 15px;
    left: 0;
    top: 4px;
    border-color: #888;
    border-radius: 2px;
}

.travel_index .travel_index_search section.group_banner .form-check .customcheck input:checked ~ .checkmark {
    background-color: #666;
    border-radius: 2px;
}

.travel_index .travel_index_search section.group_banner .form-check .checkmark:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box > div.col:nth-last-child(1) {
    max-width: 110px;
    flex: 0 0 110px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    padding-bottom: 0.5rem !important;
}

.travel_index .travel_index_search section.group_banner .search-area .search-box .search-btn {
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 4px 0;
    background-color: transparent;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85e06535-c497-4225-925e-83d394059755.jpg);
    background-size: 100% 100%;
    margin-bottom: 6px;
}

.travel_index .travel_index_search .search-area .search-box .search-btn h5 {
    width: auto;
    font-size: 100%;
    letter-spacing: 0;
}

.travel_index .travel_index_search .search-area .search-box .search-btn i {
    order: 1;
    font-size: 13px;
}

.travel_index .travel_index_search .search-area .search-box .search-btn:hover i {
    transform: translate(3px, 0);
}

.travel_index .travel_index_list {
    margin-top: 50px;
}

.travel_index .travel_index_list .list-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
}

.travel_index .travel_index_list .list-wrapper .row {
    margin: 0 15px;
    background: none;
    width: calc(50% - 30px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px 0;
}

.travel_index .travel_index_list .list-wrapper .name-block {
    max-width: calc(100% - 185px);
    flex: 0 0 calc(100% - 185px);
    padding-top: 0;
    padding-bottom: 0;
}

.travel_index .travel_index_list .list-wrapper .name-block a {
    font-size: 15px;
}

.travel_index .travel_index_list .list-wrapper .note-block {
    float: left;
    height: 30px;
    border-radius: 2px;
    line-height: 29px;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    margin: 0 5px 0 0;
    background-size: cover;
    transition: 1s;
    padding: 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/cf61ccdf-6c32-45e2-857c-c11aecf0b9a6.png);
    max-width: 80px;
    flex: 0 0 80px;
    order: -1;
}

.travel_index .travel_index_list .list-wrapper .price-block {
    width: 100px;
    line-height: 30px;
    height: 30px;
    border-left: solid 1px #B6B0A3;
    font-size: 15px;
    padding: 0 0 0 10px;
    max-width: 100px;
    flex: 0 0 100px;
    font-weight: 600;
    text-align: center;
}

.travel_index .travel_index_list .list-wrapper .row:hover .note-block,
.travel_index .travel_index_list .list-wrapper .row:hover .price-block {
    -webkit-filter: brightness(1.2);
}

.travel_index .travel_index_box {
    margin-top: 50px;
    margin-bottom: 50px;
}

.travel_index .travel_index_box .falls-container .grid .grid-item {
    position: unset !important;
    max-width: calc(25% - 30px);
    flex: 0 0 calc(25% - 30px);
    padding-left: 0;
    padding-right: 0;
    margin: 25px 15px;
    background-color: #fff;
    box-shadow: 1px 0 2px #ccc;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
}

.travel_index .travel_index_box .falls-container .grid .grid-item::before {
    content: '';
    display: block;
    width: calc(25% - 30px);
    height: 200px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7c1f3a37-8a7e-45a9-8d23-6683af25a9d4.png);
    position: absolute;
    z-index: 1;
    opacity: .8;
}

.travel_index .travel_index_box .falls-container .grid .grid-item > img {
    margin-top: 0;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center center;
    height: 200px;
    width: 100%;
    transform: scale(1);
    transition: .5s;
    transform-origin: bottom;
    order: -1;
}

.travel_index .travel_index_box .falls-container .grid .grid-item:hover > img {
    transform: scale(1.08);
    transition: .5s;
}

.travel_index .travel_index_box .falls-container .grid .grid-item h3 {
    width: calc(100% - 30px);
    display: table;
    margin: 0 auto;
    padding-top: 12px;
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}

.travel_index .travel_index_box .falls-container .grid .grid-item p {
    margin: 0;
}

.travel_index .travel_index_box .falls-container .grid .grid-item ul {
    display: table;
    list-style-type: none;
    order: -1;
    margin: -14px auto 0;
    z-index: 1;
}

.travel_index .travel_index_box .falls-container .grid .grid-item ul li {
    width: 28px;
    height: 28px;
    overflow: hidden;
    float: left;
    border-radius: 30px;
    margin: 0 5px;
}

.travel_index .travel_index_box .falls-container .grid .grid-item ul li img {
    width: 100% !important;
    height: auto !important;
    margin: 0;
}

.travel_index .travel_index_box .falls-container .grid .grid-item h6,
.travel_index .travel_index_box .falls-container .grid .grid-item .sub_topic {
    width: calc(100% - 30px);
    display: table;
    text-align: center;
    padding-top: 10px;
    border-top: solid 1px #dcdcdc;
    margin: 0 auto 15px;
    font-size: 15px;
}

.travel_index .travel_index_box .falls-container .grid .grid-item .sub_topic {
    margin-left: 10px;
    width: 277.5px;
}

.travel_index .top_left_bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.travel_index .top_right_bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    text-align: right;
}

.travel_index .top_bg {
    position: absolute;
    top: -1.5%;
    left: 0;
    z-index: 99;
}

.travel_index .top_bg.main_page {
    top: -3%;
}

.travel_index .bottom_right_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    text-align: right;
}

.travel_index .bottom_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

@media (min-width: 992px) {
    .travel_index .travel_index_search .group_banner.search_banner .search-area > .container {
        max-width: 960px;
        padding: 0 1.5rem;
    }

    .travel_index .travel_index_video {
        max-width: 960px;
        flex: 0 0 960px;
    }

    .travel_index .travel_index_list {
        max-width: 990px;
        flex: 0 0 990px;
        padding: 0;
    }

    .travel_index .travel_index_box {
        max-width: 990px;
        flex: 0 0 990px;
    }
}

@media (min-width: 1140px) {
    .travel_index .travel_index_search .group_banner.search_banner .search-area > .container {
        max-width: 1050px;
    }

    .travel_index .travel_index_video {
        max-width: 1050px;
        flex: 0 0 1050px;
    }

    .travel_index .travel_index_list {
        max-width: 1080px;
        flex: 0 0 1080px;
    }

    .travel_index .travel_index_box {
        max-width: 1080px;
        flex: 0 0 1080px;
    }
}

@media (min-width: 1280px) {
    .travel_index .travel_index_search .group_banner.search_banner .search-area > .container {
        max-width: 1200px;
    }

    .travel_index .travel_index_video {
        max-width: 1200px;
        flex: 0 0 1200px;
    }

    .travel_index .travel_index_list {
        max-width: 1260px;
        flex: 0 0 1260px;
    }

    .travel_index .travel_index_box {
        max-width: 1230px;
        flex: 0 0 1230px;
    }
}

@media (min-width: 1440px) {
    .travel_index .travel_index_search .group_banner.search_banner .search-area > .container {
        max-width: 1320px;
    }

    .travel_index .travel_index_video {
        max-width: 1320px;
        flex: 0 0 1320px;
    }

    .travel_index .travel_index_list {
        max-width: 1380px;
        flex: 0 0 1380px;
    }

    .travel_index .travel_index_box {
        max-width: 1350px;
        flex: 0 0 1350px;
    }
}

@media (max-width: 1199px) {
    .travel_index .travel_index_search section.group_banner .search-area .search-box .select-status {
        position: absolute;
        padding: 0 0.5rem;
    }

    .travel_index .travel_index_list .list-wrapper .row {
        width: calc(100% - 30px);
    }

    .travel_index .travel_index_box .falls-container .grid .grid-item {
        max-width: calc(33.33333% - 30px);
        flex: 0 0 calc(33.33333% - 30px);
    }

    .travel_index .travel_index_box .falls-container .grid .grid-item::before {
        width: calc(33.3333% - 30px);
    }
}

@media (max-width: 991px) {
    .travel_index_sliderWRAP {
        margin-top: 60px;
    }

    .travel_index .travel_index_tit {
        padding-bottom: 46px;
    }

    .travel_index .travel_index_tit::after {
        position: absolute;
        left: 0;
        right: 0;
    }

    .travel_index .travel_index_search .group_banner.search_banner .search-area > form.container {
        max-width: calc(100% -
        30px);
    }

    .travel_index .travel_index_video {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
    }

    .travel_index .travel_index_list .list-wrapper .row {
        width: 100%;
        margin: 0;
    }

    .travel_index .travel_index_box .falls-container .grid .grid-item {
        max-width: calc(50% - 30px);
        flex: 0 0 calc(50% -
        30px);
    }

    .travel_index .travel_index_box .falls-container .grid .grid-item::before {
        width: calc(50% - 30px);
    }
}

@media (max-width: 767px) {
    .travel_index .travel_index_tit {
        padding-bottom: 35px;
        padding-top: 25px;
        z-index: 99;
    }

    .travel_index .travel_index_tit section.text-link h2 {
        font-size: 30px !important;
        margin-bottom: 25px;
    }

    .travel_index .travel_index_tit section.text-link h2::before,
    .travel_index .travel_index_tit section.text-link h2::after {
        display: none;
    }

    .travel_index .travel_index_search section.group_banner .search-area .search-box {
        padding-bottom: 0;
        margin-bottom: 1rem;
    }

    .travel_index .travel_index_search section.group_banner .search-area .search-box > div.col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .travel_index .travel_index_search .search-area .search-box .select-date .select {
        width: 100%;
    }

    .travel_index .travel_index_search section.search_banner .search-area .search-box .select-input .data-icon-search::before {
        margin-top: 0;
    }

    .travel_index .travel_index_search section.group_banner .search-area .search-box .select-status {
        position: unset;
        padding: 0.5rem;
    }

    .travel_index .travel_index_search section.group_banner .search-area .search-box > div.col:nth-last-child(1) {
        margin: auto;
    }

    .travel_index .travel_index_box .falls-container .grid .grid-item {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% -
        30px);
    }

    .travel_index .travel_index_box .falls-container .grid .grid-item::before {
        width: calc(100% - 30px);
    }
}

/*Follow_Activities*/
.Follow_Activities .list_title {
    margin-top: 66px;
}

.Follow_Activities .list_title section h2 {
    text-shadow: black 0.1em 0.01em 0.3em;
}

.Follow_Activities .share-nav {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.Follow_Activities .share-nav.nav_fixed {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Follow_Activities .share-nav.nav_fixed.nav_unset {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Follow_Activities .share-nav.nav_unset {
    position: relative;
    top: unset;
    z-index: unset;
}

.Follow_Activities .share-nav .header-part {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    border-bottom: 1px solid #e2e2e2;
}

.Follow_Activities .share-nav .header-part.fixed-top {
    top: 66px;
}

.Follow_Activities .share-nav .header-part .navbar-brand {
    display: none;
}

.Follow_Activities .share-nav .navbar-expand-lg .navbar-nav {
    margin-right: auto;
}

.Follow_Activities .share-nav .header-part .navbar-nav .nav-item {
    background: none;
}

.Follow_Activities .share-nav .header-part .navbar-nav .nav-item.dropdown {
    position: unset;
    margin: 0 10px;
}

.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item a,
.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .nav-link {
    padding: 13px 15px;
    color: #000;
    letter-spacing: 1px;
    background: none !important;
    width: auto;
    display: table;
    float: left;
    font-size: 16px;
    transition: .5s;
}

.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item a:hover,
.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .nav-link:hover,
.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .nav-link:focus,
.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .nav-link:active {
    color: #af7f54;
}

.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item a i {
    display: none;
}

.Follow_Activities .share-nav .dropdown-toggle::after {
    border: none;
    content: '+';
    font-size: 1.2rem;
    vertical-align: unset;
    margin-left: 0;
    font-weight: bold;
}

.Follow_Activities .share-nav .header-part .dropdown-menu.show {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: none !important;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg);
    background-size: cover;
    padding: 10px 15px !important;
}

.Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
    letter-spacing: 0.5px;
    line-height: 35px;
    padding: 0 15px;
}

.Follow_Activities .share-cotent {
    margin-top: 3rem;
}

.Follow_Activities .share-cotent .header-title {
    padding: 0 15px;
    font-size: 1.5rem;
    color: #000;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item {
    background: #fff;
    max-width: calc(25% - 30px);
    flex: 0 0 calc(25% - 30px);
    padding: 0;
    box-shadow: 1px 1px 2px #e2e2e2;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px !important;
}

.Follow_Activities .share-content_3 .falls-container .grid .grid-item {
    background: #fff;
    box-shadow: 1px 1px 2px #e2e2e2;
    overflow: hidden;
    padding: 0;
    max-width: calc(32% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px !important;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item img,
.Follow_Activities .share-content_3 .falls-container .grid .grid-item img {
    margin-top: 0;
    margin-bottom: 25px;
    aspect-ratio: 3/2.1;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: .5s;
    transform-origin: bottom;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item:hover img,
.Follow_Activities .share-content_3 .falls-container .grid .grid-item:hover img{
    transform: scale(1.08);
    transition: .5s;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item > h3,
.Follow_Activities .share-content_3 .falls-container .grid .grid-item > h3 {
    padding: 0 20px;
    font-size: 20px;
    color: #c5b07c;
    margin-bottom: 10px;
    letter-spacing: 1px;
    transition: .5s;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item:hover > h3,
.Follow_Activities .share-content_3 .falls-container .grid .grid-item:hover > h3 {
    color: #CB002D;
    transition: .5s;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item > p,
.Follow_Activities .share-content_3 .falls-container .grid .grid-item > p {
    margin: 0;
}

.Follow_Activities .share-cotent .bottom,
.Follow_Activities .share-content_3 .bottom{
    padding: 0 20px 25px;
    display: flex;
    flex-wrap: wrap;
}

.Follow_Activities .share-cotent .bottom .name,
.Follow_Activities .share-content_3 .bottom .name{
    display: none;
}

.Follow_Activities .share-cotent .bottom .date,
.Follow_Activities .share-content_3 .bottom .date{
    font-size: 20px;
    font-weight: 600;
    color: #888;
    margin: 0;
}

.Follow_Activities .share-cotent .falls-container .grid .grid-item .bottom p,
.Follow_Activities .share-content_3 .falls-container .grid .grid-item .bottom p {
    font-size: 15px;
    color: #888;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .Follow_Activities .share-cotent {
        max-width: 860px;
        flex: 0 0 860px;
    }
}

@media (min-width: 1024px) {
    .Follow_Activities .share-cotent {
        max-width: 991px;
        flex: 0 0 991px;
    }
}

@media (min-width: 1280px) {
    .Follow_Activities .share-cotent {
        max-width: 1140px;
        flex: 0 0 1140px;
    }
}

@media (min-width: 1440px) {
    .Follow_Activities .share-cotent {
        max-width: 1360px;
        flex: 0 0 1360px;
    }
}

@media (max-width: 1199px) {
    .Follow_Activities .share-cotent .falls-container .grid .grid-item {
        max-width: calc(33.3333% - 30px);
        flex: 0 0 calc(33.3333% - 30px);
    }
}

@media (max-width: 868px) {
    .Follow_Activities .share-content_3 .falls-container .grid .grid-item {
        max-width: calc(49% - 30px);
    }
}

@media (max-width: 486px) {
    .Follow_Activities .share-content_3 .falls-container .grid .grid-item {
        max-width: calc(92% - 0px);
    }
}

@media (max-width: 991px) {
    .Follow_Activities .list_title {
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .Follow_Activities .list_title .bgfixed {
        min-height: 280px !important;
    }

    .Follow_Activities .list_title .bgfixed > div {
        min-height: 280px !important;
    }

    .Follow_Activities .share-nav {
        max-width: 90%;
        margin: auto;
    }

    .Follow_Activities .share-nav .header-part {
        border: 1px solid #000;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .Follow_Activities .share-nav .header-part .navbar-toggler {
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        padding-right: 0;
    }

    .Follow_Activities .share-nav .header-part .navbar-toggler::before {
        content: '請選擇';
        display: inline-block;
        color: #000;
        float: left;
        font-size: 16px;
        line-height: 28px;
    }

    .Follow_Activities .share-nav .header-part .navbar-toggler[aria-expanded=true]::after {
        content: '';
        display: table;
        width: 100%;
        height: 1px;
        background: #000;
        position: absolute;
        left: 0;
        right: 0;
        top: 43px;
    }

    .Follow_Activities .share-nav .navbar-expand-lg .navbar-collapse.show {
        overflow: auto;
        max-height: calc(100vh - 125px);
    }

    .Follow_Activities .share-nav .header-part .navbar-nav li.nav-item a,
    .Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .nav-link {
        width: 100%;
        text-align: center;
    }

    .Follow_Activities .share-nav .header-part .dropdown-menu.show {
        background-color: #e6e6e6 !important;
        background-image: unset;
    }

    .Follow_Activities .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
        line-height: 25px;
        margin: 8px 0;
        white-space: break-spaces;
    }

    .Follow_Activities .share-cotent {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 1rem;
    }

    .Follow_Activities .share-cotent .falls-container .grid .grid-item {
        max-width: calc(50% - 30px);
        flex: 0 0 calc(50% -
        30px);
    }
}

@media (max-width: 575px) {
    .Follow_Activities .list_title .bgfixed {
        min-height: 250px !important;
    }

    .Follow_Activities .list_title .bgfixed > div {
        min-height: 250px !important;
    }

    .Follow_Activities .share-cotent .falls-container .grid .grid-item {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% -
        30px);
    }
}

/*Follow_Activity-detail*/
.Follow_Activity-detail {
}

.Follow_Activity-detail .followL_title {
    margin-top: 150px;
}

.Follow_Activity-detail .title_E {
    letter-spacing: 2px;
    margin-bottom: 2rem;
}

.Follow_Activity-detail .share-nav {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.Follow_Activity-detail .share-nav.nav_fixed {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Follow_Activity-detail .share-nav.nav_fixed.nav_unset {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    background-image: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.Follow_Activity-detail .share-nav.nav_unset {
    position: relative;
    top: unset;
    z-index: unset;
}

.Follow_Activity-detail .share-nav .header-part {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
    border-bottom: 1px solid #e2e2e2;
}

.Follow_Activity-detail .share-nav .header-part.fixed-top {
    top: 66px;
}

.Follow_Activity-detail .share-nav .header-part .navbar-brand {
    display: none;
}

.Follow_Activity-detail .share-nav .navbar-expand-lg .navbar-nav {
    margin-right: auto;
}

.Follow_Activity-detail .share-nav .header-part .navbar-nav .nav-item {
    background: none;
}

.Follow_Activity-detail .share-nav .header-part .navbar-nav .nav-item.dropdown {
    position: unset;
    margin: 0 10px;
}

.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item a,
.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link {
    padding: 8px 15px;
    color: #000;
    letter-spacing: 1px;
    background: none !important;
    width: auto;
    display: table;
    float: left;
    font-size: 16px;
    transition: .5s;
}

.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item a:hover,
.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link:hover,
.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link:focus,
.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link:active {
    color: #af7f54;
}

.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item a i {
    display: none;
}

.Follow_Activity-detail .share-nav .dropdown-toggle::after {
    border: none;
    content: '+';
    font-size: 1.2rem;
    vertical-align: unset;
    margin-left: 0;
    font-weight: bold;
}

.Follow_Activity-detail .share-nav .header-part .dropdown-menu.show {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: none !important;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/85f2bd3e-1819-403a-b5a3-006533312a0f.jpg);
    background-size: cover;
    padding: 10px 15px !important;
}

.Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
    letter-spacing: 0.5px;
    line-height: 35px;
    padding: 0 15px;
}

.Follow_Activity-detail.left_wrap {
    margin-top: 50px;
    padding: 0 2rem;
    margin-bottom: 50px;
}

.Follow_Activity-detail.left_wrap > .module-container > .main.row {
    padding: 2.5rem 1.5rem;
    box-shadow: 1px 1px 2px #e2e2e2;
}

.Follow_Activity-detail .FLD_title section.text-link h2 {
    margin-bottom: 20px;
    text-align: justify !important;
    width: 100%;
    line-height: 1.3;
    letter-spacing: 1px;
}

.Follow_Activity-detail .FLD_title div.link-list {
    min-height: auto;
    margin-bottom: 18px;
}

.Follow_Activity-detail .FLD_title div.link-list ul li {
    line-height: normal;
}

.Follow_Activity-detail .FLD_title div.link-list ul li a,
.Follow_Activity-detail .FLD_title div.link-list ul li span {
    padding: 0 15px;
    font-style: italic;
    font-family: sans-serif;
    line-height: 1;
}

.Follow_Activity-detail .FLD_listbtn .text-container {
    padding: 0 15px;
}

.Follow_Activity-detail .FLD_listbtn section.link.text-link {
    border-top: 1px solid #ccc;
}

.Follow_Activity-detail .FLD_listbtn div.link-list {
    min-height: auto;
    margin: 20px 0;
}

.Follow_Activity-detail .FLD_listbtn div.link-list ul li a,
.Follow_Activity-detail .FLD_listbtn div.link-list ul li span {
    letter-spacing: 0;
    font-weight: bold;
    padding: 0;
}

.Follow_Activity-detail .FLD_listbtn div.link-list ul li i {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50px;
    text-align: center;
    line-height: 28.5px;
    margin-right: 10px;
    font-size: 15px;
}

.Follow_Activity-detail .FLD_content {
    padding: 0 2rem;
}

.Follow_Activity-detail .FLD_content img {
    max-width: 100%;
}

@media (min-width: 768px) {
    .Follow_Activity-detail.left_wrap {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 2rem 0 2rem;
    }
}

@media (min-width: 992px) {
    .Follow_Activity-detail.left_wrap {
        flex: 0 0 95%;
        max-width: 95%;
    }
}

@media (min-width: 1200px) {
    .Follow_Activity-detail.left_wrap {
        flex: 0 0 1170px;
        max-width: 1170px;
    }
}

@media (min-width: 1400px) {
    .Follow_Activity-detail.left_wrap {
        flex: 0 0 1350px;
        max-width: 1350px;
    }
}

@media (max-width: 991px) {
    .Follow_Activity-detail .share-nav {
        max-width: 90%;
        margin: auto;
    }

    .Follow_Activity-detail .share-nav .header-part {
        border: 1px solid #000;
        border-radius: 4px;
        padding: 5px 10px;
    }

    .Follow_Activity-detail .share-nav .header-part .navbar-toggler {
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        padding-right: 0;
    }

    .Follow_Activity-detail .share-nav .header-part .navbar-toggler::before {
        content: '請選擇';
        display: inline-block;
        color: #000;
        float: left;
        font-size: 16px;
        line-height: 28px;
    }

    .Follow_Activity-detail .share-nav .header-part .navbar-toggler[aria-expanded=true]::after {
        content: '';
        display: table;
        width: 100%;
        height: 1px;
        background: #000;
        position: absolute;
        left: 0;
        right: 0;
        top: 43px;
    }

    .Follow_Activity-detail .share-nav .navbar-expand-lg .navbar-collapse.show {
        overflow: auto;
        max-height: calc(100vh -
        125px);
    }

    .Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item a,
    .Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .nav-link {
        width: 100%;
        text-align: center;
    }

    .Follow_Activity-detail .share-nav .header-part .dropdown-menu.show {
        background-color: #e6e6e6 !important;
        background-image: unset;
    }

    .Follow_Activity-detail .share-nav .header-part .navbar-nav li.nav-item .dropdown-menu a.dropdown-item {
        line-height: 25px;
        margin: 8px 0;
        white-space: break-spaces;
    }
}

@media (max-width: 767px) {
    .Follow_Activity-detail .followL_title {
        margin-top: 100px;
    }

    .Follow_Activity-detail.left_wrap {
        padding: 0 2rem 0 2rem;
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        margin-top: 1rem;
        margin-bottom: 50px;
    }

    .Follow_Activity-detail.left_wrap > .module-container > .main.row {
        padding: 5px;
    }

    .Follow_Activity-detail .FLD_title section.text-link h2 {
        text-align: center !important;
        font-size: 22px !important;
        margin-bottom: 10px;
    }

    .Follow_Activity-detail .FLD_title div.link-list ul {
        text-align: center;
    }
}

/*Bank*/
.Bank .top_title {
    margin-top: 66px;
    margin-bottom: 1rem;
}

.Bank .top_title h1 {
    line-height: 65px;
    font-family: 'Libre Baskerville', serif;
    margin-bottom: 10px;
    text-shadow: black 0.1em 0.01em 0.3em;
    letter-spacing: 2px;
}

.Bank .top_title h2 {
    line-height: 35px;
    text-shadow: black 0.1em 0.01em 0.3em;
}

.Bank .share-nav.nav_fixed {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    left: 50%;
    transform: translate(-50%,
    0);
}

.Bank .share-nav.nav_fixed.nav_unset {
    position: fixed;
    top: 60px;
    z-index: 9;
    padding-top: 6px;
    left: 50%;
    transform: translate(-50%, 0);
}

.Bank .share-nav.nav_unset {
    position: relative;
    top: unset;
    z-index: unset;
}

.Bank .share-nav {
    padding-top: 15px;
    padding-bottom: 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);
}

.Bank .share-nav .navbar-expand-lg .navbar-nav {
    margin: auto;
}

.Bank .share-nav .navbar-expand-lg .navbar-nav > li {
    border: 1px solid #a0a0a0;
    border-radius: 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-height: 50px;
    padding: 0 15px;
    margin: 0 5px;
}

.Bank .share-nav .navbar-expand-lg .navbar-nav .nav-link {
    color: #a0a0a0;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 18px;
    margin: 6px 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
}

.Bank .share-nav .navbar-expand-lg .navbar-nav .nav-link:hover,
.Bank .share-nav .navbar-expand-lg .navbar-nav .nav-link.on {
    color: #fff;
    background-color: #1e7c9c;
    border: 1px solid #1e7c9c;
}

.Bank .share-nav .navbar-expand-lg .navbar-nav > li:nth-last-child(1) a.nav-link {
    margin: 0;
    padding: 0 15px;
}

.Bank .share-nav .navbar-expand-lg .navbar-nav > li:nth-last-child(1):hover {
    background-color: #1e7c9c;
    border: 1px solid #1e7c9c;
}

.Bank .share-nav .navbar-expand-lg .navbar-nav > li:nth-last-child(1):hover a {
    color: #fff;
}

.Bank.TOP .main.row::after {
    content: '';
    display: block;
    width: 100%;
    height: 85px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/242bfc4c-4502-42d3-bf81-6d01fd0fe7ee.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top;
}

.Bank .area_title {
    margin-top: 50px;
}

.Bank .area_title .main h2 {
    margin: 0;
}

.Bank .discount_info {
    margin-top: 3rem;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3bc661e9-1026-49fe-bf3b-abd1f329381a.png);
    background-size: 100%;
    background-repeat: repeat;
}

.Bank .discount_info:nth-last-child(1) {
    margin-bottom: 3rem;
}

.Bank .discount_info::before {
    content: '';
    display: table;
    width: 100%;
    height: 81px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/23c4ec2f-fcd1-475f-b04e-9be8535cdd1c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.Bank .discount_info::after {
    content: '';
    display: table;
    width: 100%;
    height: 81px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/1e7e374b-cfb8-4bab-8fac-fdc447def0c6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.Bank .discount_info > .module-container {
    position: relative;
    z-index: 1;
}

.Bank .discount_info > .module-container > .main {
    padding: 0 5rem 3rem;
}

.Bank .discount_info .header-title {
    font-size: 35px;
    padding: 30px 0 15px 0;
    margin: 0 auto 20px;
    border-bottom: 1px solid #D4D4D4;
    color: #000;
    text-align: center;
    position: relative;
}

.Bank .discount_info .header-title::after {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/ba736942-d4ec-4d95-a2a0-881f1e8cd942.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -27px;
}

.Bank .discount_info img {
    max-width: 100%;
}

.Bank .discount_info .day_style_right .item, .Bank .discount_info .day_style_left .item {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.Bank.tail_bg > .module-container > .main.row {
    min-height: 146px;
}

.Bank .discount_card .grid .grid-item {
    max-width: calc(33.33333% - 30px);
    margin: 15px;
    flex: 0 0 calc(33.33333% - 30px);
    background: #fff;
    padding: 0;
    position: unset !important;
}

.Bank .discount_card .falls-container .grid .grid-item img {
    margin-top: 0;
    margin-bottom: 0;
}

.Bank .discount_card .falls-container .grid .grid-item h3 {
    padding: 20px 30px 0;
    font-weight: bold;
}

.Bank .discount_card .falls-container .grid .grid-item > p {
    margin: 0;
}

.Bank .discount_card .falls-container .grid .grid-item .bank-card-content {
    background-color: #fff;
    padding: 0 30px 10px 30px;
}

.Bank .discount_card .falls-container .grid .grid-item .bank-card-content .time {
    color: #af7f54;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

.Bank .discount_card .falls-container .grid .grid-item .bank-card-content p {
    line-height: 12px;
}

@media (min-width: 992px) {
    .Bank .discount_info, .Bank .discount_card {
        max-width: 90%;
        flex: 0 0 90%;
    }
}

@media (min-width: 1440px) {
    .Bank .discount_info, .Bank .discount_card {
        max-width: 1350px;
        flex: 0 0 1350px;
    }
}

@media (max-width: 1139px) {
    .Bank .share-nav .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 10px;
    }
}

@media (max-width: 991px) {
    .Bank .top_title {
        margin-top: 60px;
    }

    .Bank .top_title .bgfixed, .Bank .top_title .bgfixed > div {
        min-height: 280px !important;
    }

    .Bank .top_title h1 span {
        font-size: 45px !important;
    }

    .Bank .top_title h2 span {
        font-size: 30px !important;
    }

    .Bank .area_title {
        margin-top: 30px;
    }

    .Bank .share-nav.nav_fixed {
        padding-bottom: 6px;
    }

    .Bank .share-nav nav.navbar {
        width: 95%;
        margin: auto;
        border: 1px solid #999;
        border-radius: 25px;
        padding: 5px 1rem;
    }

    .Bank .share-nav .header-part .navbar-toggler {
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        padding-right: 0;
    }

    .Bank .share-nav .header-part .navbar-toggler::before {
        line-height: 30px;
        content: '請選擇';
        display: inline-block;
        color: #999;
        float: left;
        font-size: 16px;
    }

    .Bank .share-nav .header-part .navbar-toggler[aria-expanded=true]::after {
        content: '';
        display: table;
        width: 100%;
        height: 1px;
        background: #999;
        position: absolute;
        left: 0;
        right: 0;
        top: 43px;
    }

    .Bank .share-nav .navbar-expand-lg .navbar-collapse.show {
        overflow: auto;
        max-height: calc(100vh - 125px);
    }

    .Bank .share-nav .navbar-expand-lg .navbar-nav > li:nth-child(1) {
        border: none;
        margin-top: 5px;
    }

    .Bank .share-nav .navbar-expand-lg .navbar-nav > li:nth-last-child(1) {
        min-height: 40px;
        margin-bottom: 1rem;
        margin-top: 5px;
    }

    .Bank .share-nav .navbar-expand-lg .navbar-nav > li a.nav-link {
        margin: 5px 0;
        width: 100%;
        text-align: center;
        line-height: 40px;
    }

    .Bank .discount_info, .Bank .discount_card {
        max-width: 95%;
        flex: 0 0 95%;
    }

    .Bank .discount_card .grid .grid-item {
        max-width: calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
    }
}

@media (max-width: 575px) {
    .Bank .top_title .bgfixed, .Bank .top_title .bgfixed > div {
        min-height: 250px !important;
    }

    .Bank .top_title h1 span {
        font-size: 35px !important;
    }

    .Bank .discount_info::before, .Bank .discount_info::after {
        height: 35px;
    }

    .Bank .discount_info > .module-container > .main {
        padding: 0 2rem 3rem;
    }

    .Bank .discount_card .grid .grid-item {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
    }
}

/*聯絡我們*/
/*body {background:
url(https://materials.fillo.com.tw/materials/fantasy/images/341e6d90-91e5-409d-ba17-06b3c8fdbbd4.jpg);}
.D_customformfront_main section.group_table.contact:before, .D_customformfront_main section.group_table .container
{background: none;}
.D_customformfront_main section.group_table .container{padding-bottom: 0;padding-left: 0;padding-right: 0;width: 100%;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main {width: 100%; height: 400px; border: 0;
position: absolute; top: 66px; left: 0;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container {background:
transparent !important; padding: 0 15px; max-width: 1360px;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content ul li h2 {display: inline-block;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100px;
color: #fff; text-align: center; z-index: 5;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content h1.breadcrumb__title {font-size: 60px; line-height: 65px; letter-spacing: 1px; font-family: 'Libre
Baskerville', serif; margin-top: 0; margin-bottom: 10px !important; text-shadow: black 0.1em 0.01em 0.3em;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content h2.breadcrumb__title{font-size: 35px; line-height: 35px; text-shadow: black 0.1em 0.01em 0.3em;}
.D_customformfront_main section.group_table.contact{padding-top: 400px}
.D_customformfront_main section.group_table.contact > .container > h2,
.D_customformfront_main section.group_table.contact > .container > h4{display: none;}
.D_customformfront_main section.group_table.contact > .container form.contac_form{
display: flex;
flex-wrap: wrap;
margin-top: 45px;
}
.D_customformfront_main section.group_table.contact .contac_form .trip_title{
width: 50%;
padding: 60px 45px;
background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/c7859e96-5e22-47ab-9d5d-8b9c3ea250be.jpg);
margin-bottom: 0;
}
.D_customformfront_main section.group_table.contact .contac_form .trip_title > h5{margin-top: 0;}
.D_customformfront_main section.group_table.contact .contac_form .trip_title > h4.company_tit{
margin-bottom: 0;
font-size: 22px;
font-weight: 600;
font-synthesis: style;
color: #000;
border: none;
padding: 0;
}
.D_customformfront_main section.group_table.contact .contac_form .trip_title .tab_css{margin-top: 20px;justify-content:
flex-start;}
.D_customformfront_main .contact .contac_form .tab_css label{
cursor: pointer;
border-radius: 4px;
float: left;
padding: 8px 8px;
border: 1px solid #888;
color: #888;
margin: 0 4px;
background: none;
opacity: 1;
font-size: 15px;
}
.D_customformfront_main .contact .contac_form .tab_css input:checked+label,
.D_customformfront_main .contact .contac_form .tab_css label:hover{
font-weight: bold;
background-color: #1e7c9c;
border: 1px solid #1e7c9c;
color: #fff;
}
.D_customformfront_main .contact .contac_form .tab_css .tab_content{border: none;padding: 0;}
.D_customformfront_main .contac_form .tab_css .tab_content .title.f22title{
font-size: 22px;
font-weight: 600;
font-synthesis: style;
color: #000;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.D_customformfront_main .contac_form .tab_css .tab_content .title.f22title img{
width: 22px;
float: left;
margin-right: 5px;
}
.D_customformfront_main .contac_form .tab_css .tab_content .company-info{
margin-top: 20px;
display: flex;
flex-wrap: wrap;
}
.D_customformfront_main .contac_form .tab_css .tab_content .company-info ul{display: table; width: 100%;margin-bottom:
0;}
.D_customformfront_main .contac_form .tab_css .tab_content .company-info ul li{
display: flex;
flex-wrap: wrap;
align-items: baseline;
padding: 4px 0;
}
.D_customformfront_main .contac_form .tab_css .tab_content .company-info ul li h5{
margin: 0;
width: 78px;
font-size: 15px;
color: #666;
}
.D_customformfront_main .contac_form .tab_css .tab_content .company-info ul li a{
width: calc(100% - 78px);
font-size: 15px;
color: #666;
font-weight: bold;
line-height: 1.5;
}
.D_customformfront_main .contac_form .tab_css .tab_content .company-info ul li p{color: #666;font-size: 15px;}
.D_customformfront_main .contac_form .tab_css .tab_content .traffic-info{margin-top: 20px;}
.D_customformfront_main .contac_form .tab_css .tab_content .traffic-info ul{width: 100%; display: table;}
.D_customformfront_main .contac_form .tab_css .tab_content .traffic-info li{display: flex;flex-wrap: wrap;
margin-bottom: 5px;}
.D_customformfront_main .contac_form .tab_css .tab_content .traffic-info li b{font-size: 15px; color: #000;}
.D_customformfront_main .contac_form .tab_css .tab_content .traffic-info li a{
text-decoration: underline;
color: #1e7c9c;
font-size: 15px;
letter-spacing: 0.5px;
}
.D_customformfront_main .contac_form .tab_css .tab_content .traffic-info li p{
width: 100%;
display: table;
font-size: 15px;
color: #666;
line-height: 1.4;
margin-top: 3px;
}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(3){
width: 50%;
margin: 0;
background-size: contain;
padding: 60px 80px 120px;
background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a3e4e17a-f0fe-4557-98fc-9f15afbe21f8.jpg);
align-content: baseline;
background-size: 100% 100%;
}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=TTL] h3.form-title{
font-size: 22px;
font-weight: 600;
font-synthesis: style;
color: #000;
}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=TTL] h3.form-title::after{
content:
'不管您是第一次造訪上順旅行社網站或是您已參加過上順的旅遊行程，如果您有任何對於我們公司行程上、服務相關的任何疑問，歡迎填寫下方表單，我們將會用最快的速度與您聯絡。感謝您的建言，您真誠寶貴的意見是促進我們改變的最大原動力！';
display: block;
width: 100%;
font-size: 16px;
margin-top: 1rem;
text-align: justify;
line-height: 1.5;
letter-spacing: 0.5px;
font-weight: normal;
}
.D_customformfront_main .contact .contac_form .form-row > .form-group[class*="col-"]{padding-left: 0; position:
relative;}
.D_customformfront_main .contact .contac_form .form-row > .form-group[class*="col-"] > label{
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 10px;
width: 88px;
line-height: 15px;
letter-spacing: 0;
font-size: 15px;
font-weight: bold;
padding-right: 15px;
border-right: 1px solid #ccc;
color: #000;
margin: 0;
}
.D_customformfront_main .contact .contac_form .form-row > .form-group[class*="col-"] > label span.text_blue{margin-left:
3px; color: #000;}
.D_customformfront_main .contact .contac_form .form-row > .form-group[class*="col-"] > input,
.D_customformfront_main .contact .contac_form .form-row > .form-group[class*="col-"] > select{
line-height: 36px;
padding: 2px 10px 2px 115px;
overflow: hidden;
background-color: #fff;
border-radius: 5px;
border: 1px solid #ccc;
-moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
-webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
-o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
height: 45px;
}
.D_customformfront_main .contact .contac_form .form-row > #field_55{margin-bottom: 0;}
.D_customformfront_main .contact .contac_form .form-row > #field_55 label{display: none;}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{
border: none;
box-shadow: none;
width: 200px;
padding-left: 10px;
border-radius: 0;
height: 40px;
float: right;
margin-right: 3rem;
margin-top: -58px;
}
@media (max-width:1550px){
    .D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{height:35px;font-size: 1rem;}
}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=RMK] > label{display: none;}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=RMK] textarea{
min-height: 150px;
background-color: #fff;
border-radius: 5px;
border: 1px solid #ccc;
-moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
-webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
-o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(1){
position: absolute;
bottom: 5rem;
left: calc(50% + 275px);
margin: 0;
}
.D_customformfront_main .contac_form .form-row .form-group button {
display: block;
width: 128px;
line-height: 40px;
padding: 0 30px;
border: 0;
border-radius: 4px;
font-size: 15px;
color: #fff;
background-image: url(/material-alias/FirmTour/europe-input-button_bg.jpg);
background-size: cover;
margin: 40px auto 0 auto;
-webkit-transition: -webkit-all 0.5s ease;
transition: -webkit-all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
.D_customformfront_main .contac_form .form-row .form-group button:hover {
background-image: url(/material-alias/FirmTour/japan-input-button_bg.jpg);
-webkit-transition: -webkit-all 0.5s ease;
transition: -webkit-all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
@media (min-width:992px) {
.D_customformfront_main section.group_table.contact > .container form.contac_form{width: 950px;margin: 45px auto 0;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(1) {
position: absolute;
bottom: 4rem;
margin: 0;
left: calc(50% + 238px - 64px);
}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(3){padding: 60px 50px 120px;}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{width: 150px;margin-right: 1rem;}
}
@media (min-width:1140px) {
.D_customformfront_main section.group_table.contact > .container form.contac_form{width: 1000px;margin: 45px auto 0;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(1) {
position: absolute;
bottom: 4rem;
margin: 0;
left: calc(50% + 250px - 64px);
}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{width: 170px;margin-right: 1rem;}
}
@media (min-width:1240px) {
.D_customformfront_main section.group_table.contact > .container form.contac_form{width: 1200px;margin: 45px auto 0;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(1) {
position: absolute;
bottom: 4rem;
margin: 0;
left: calc(50% + 300px - 64px);
}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{ width: 200px;margin-right: 1rem;}
}
@media (min-width:1400px) {
.D_customformfront_main section.group_table.contact > .container form.contac_form{width: 1320px;margin: 45px auto 0;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(1) {
position: absolute;
bottom: 4rem;
margin: 0;
left: calc(50% + 330px - 64px);
}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{margin-right: 3rem;}
}
@media (max-width:1199.98px) {
.D_customformfront_main section.group_table .container{padding-top: 60px;}
}
@media (max-width: 991.98px){
.D_customformfront_main section.group_table .container{padding-top: 0;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main {
background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/ded30f26-4615-4ead-abe6-3fa906b07628.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 1;
width: 100%;
height: 280px;
top: 60px;
}
.D_customformfront_main section.group_table.contact{padding-top: 340px;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content h1.breadcrumb__title {font-size: 55px; line-height: 55px;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content h2.breadcrumb__title {font-size: 30px; margin-top: 0;}
.D_customformfront_main section.group_table.contact .contac_form .trip_title,
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(3){width: 100%;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(3){padding: 60px 50px 120px;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(1){bottom: 0; left:
calc(50% - 64px);}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{width: 150px;margin-right: 1rem;}
}
@media (max-width: 767.98px) {
.D_customformfront_main section.group_table .container{max-width: 90%; width: 90%;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main {
background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/ded30f26-4615-4ead-abe6-3fa906b07628.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 1;
width: 100%;
height: 250px;
top: 60px;
}
.D_customformfront_main section.group_table.contact{padding-top: 310px;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content h1.breadcrumb__title {font-size: 40px; line-height: 55px;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container
.breadcrumb-content h2.breadcrumb__title {font-size: 35px; margin-top: 0;}
}
@media (max-width:575px) {
.D_customformfront_main .contact .contac_form .tab_css label{margin: 4px 4px;}
.D_customformfront_main section.group_table .container{max-width: 95%; width: 95%;}
.D_customformfront_main section.group_table.contact .contac_form .trip_title{padding: 40px 20px;}
.D_customformfront_main section.group_table.contact .contac_form .form-row:nth-last-child(3) {padding: 40px 20px 80px;}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=OPT]{
background-color: #fff;
border-radius: 5px;
border: 1px solid #ccc;
-moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
-webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
-o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
box-shadow: -1px 0 5px #e8e8e8 inset, 0 1px 1px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
height: 90px;
}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=OPT] > label{top: 15px; transform:
unset;}
.D_customformfront_main .contact .contac_form .form-row > .form-group[data-type=OPT] > select{
border: none;
box-shadow: none;
width: calc(100% - 115px);
margin-left: 105px;
padding-left: 15px;
border-radius: 0;
height: 40px;
margin-top: 3px;
}
.D_customformfront_main .contact .contac_form .form-row > .form-group > input#txt_55{
width: calc(100% - 6px);
float: left;
margin-left: 3px;
margin-right: unset;
margin-top: -60px;
height: 40px;
}
}*/


/*********jimmy*********/
/*PrivacyPolicy*/
.Policy_Group {
    margin-top: 70px;
}

.Policy_Group.PG_left_wrap > .module-container > .row {
    justify-content: center;
}

.Policy_Group.PG_left_wrap .Policy_Nav {
    margin: 30px;
}

.Policy_Group.PG_left_wrap .Policy_Nav .link-list {
    background: none;
}

.Policy_Group.PG_left_wrap .Policy_Nav .link-list ul {
    background: #FFF;
}

.Policy_Group.PG_left_wrap .Policy_Nav .link-list ul li {
    text-align: center;
}

.Policy_Group.PG_left_wrap .Policy_Nav .link-list ul li a {
    width: 100%;
    color: #888;
    padding: 15px;
}

.Policy_Group.PG_left_wrap .Privacy_Policy.Policy_Nav .link-list ul li:nth-child(1) a {
    background-color: #1e7c9c;
    color: #FFF !important;
}

.Policy_Group.PG_left_wrap .Service_Policy.Policy_Nav .link-list ul li:nth-child(2) a {
    background-color: #1e7c9c;
    color: #FFF !important;
}

.Policy_Group.PG_left_wrap .Security_Policy.Policy_Nav .link-list ul li:nth-child(3) a {
    background-color: #1e7c9c;
    color: #FFF !important;
}

.Policy_Group.PG_right_wrap {
    margin-bottom: 30px;
}

.Policy_Group.PG_right_wrap .Policy_title h2 {
    margin: 40px 30px 5px 30px;
    color: #000;
    font-size: 36px;
    text-align: center;
}

.Policy_Group.PG_right_wrap .Policy_title h3 {
    margin: 5px 30px 5px 30px;
    color: #af7f54;
    font-size: 30px;
    text-align: center;
    font-family: 微軟正黑體, sans-serif, Avenir, Helvetica, Arial;
}

.Policy_Group.PG_right_wrap .Policy_content {
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    padding: 30px 40px;
    color: #888;
    margin-top: 25px;
}

.Policy_Group.PG_right_wrap .Policy_content > .module-container > .main {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section {
    margin-bottom: 30px;
    color: #888;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: justify;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section p.notice {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25rem;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section p.title {
    color: #c5b07c;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #d1d5db;
    padding-bottom: 2px;
    margin-bottom: 16px;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section p.info {
    font-size: 16px;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section p.info a {
    text-decoration-line: underline;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section p.info svg {
    width: 20px;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section ol {
    padding-left: 0;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section ol li.item .item-title {
    margin-bottom: 0.25rem;
    font-size: 16px;
    color: #374151;
    font-weight: 800;
}

.Policy_Group.PG_right_wrap .Policy_content .policy-section ul li {
}

@media (max-width: 991.98px) {
    .Policy_Group.PG_left_wrap {
        margin-top: 65px;
    }

    .Policy_Group.PG_left_wrap .Policy_Nav {
        margin: 15px;
    }

    .Policy_Group.PG_left_wrap .Policy_Nav .link-list ul {
        display: flex;
        justify-content: space-between;
    }

    .Policy_Group.PG_left_wrap .Policy_Nav .link-list ul li {
        text-align: center;
        width: 33.33%;
    }

    .Policy_Group.PG_right_wrap {
        margin-top: 0;
    }

    .Policy_Group.PG_right_wrap .Policy_content {
        max-width: 90%;
        padding: 30px;
    }

    .Policy_Group.PG_right_wrap .Policy_content .policy-section ol {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .Policy_Group.PG_left_wrap .Policy_Nav .link-list ul li a {
        padding: 15px 0;
        font-size: 16px !important;
    }

    .Policy_Group.PG_right_wrap .Policy_title h2 {
        font-size: 28px;
    }

    .Policy_Group.PG_right_wrap .Policy_title h3 {
        font-size: 24px;
    }
}

/*Tour Leader*/
.Tour_Leader .Tour_Leader_BG .left-background {
    width: 50%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/44ca58bf-be93-457c-ab2f-e28ff9cb1854.png);
    background-position: 50%;
    background-repeat: repeat;
}

.Tour_Leader .Tour_Leader_BG .right-background {
    width: 50%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/37010b0a-777c-4314-ba4c-944d5d33baba.jpg);
    background-position: 50%;
    background-repeat: repeat;
}

.Tour_Leader .leader_list .Card_mode {
    margin-top: 0 !important;
}

.Tour_Leader .leader_list.leader-1 .Card_mode {
    padding: 66px 0 0;
}

.Tour_Leader .leader_list .anchor-tab-wrapper > .container,
.Tour_Leader .leader_list .Card_mode section,
.Tour_Leader .leader_list .Card_mode .navbar-expand {
    display: none;
}

.Tour_Leader .leader_list .Card_mode .tab-content {
}

.Tour_Leader .leader_list:nth-child(4) .Card_mode .tab-content {
    padding-top: 0.75rem;
}

.Tour_Leader .leader_list:last-child .Card_mode .tab-content {
    padding-bottom: 0.75rem;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane {
    gap: 0.5rem;
    display: grid;
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: repeat(8, minmax(0, 1fr));
    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card {
    cursor: auto;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card:hover {
    background: transparent;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list,
.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list:hover {
    border: none;
    padding: 0;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list .list_price {
    display: none;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list .list_content {
    background: transparent;
}

.Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list .list_img .list_img_main > a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child {
    grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 11;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
    width: 738px;
    max-width: initial;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_img {
    display: none;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content div.col-lg-12.col-md-12 {
    padding: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content h1.leaders-title {
    color: #bda05e;
    font-weight: 700;
    font-size: 37.5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content h1.leaders-title span {
    font-size: 25px;
    margin-left: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content h3.leaders-subtitle {
    width: 480px;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #FFF;
    font-weight: 600;
    line-height: inherit;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
    grid-column-end: 17;
    grid-column-start: 7;
    grid-row-end: 9;
    grid-row-start: 4;
    width: 738px;
    max-width: initial;
    padding: 2.5px 5px;
    z-index: 10;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list > .row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-end;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 20px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img .list_img_main > a {
    display: block;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 20px;
    justify-content: flex-end;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content > div {
    padding: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .title a {
    color: #51096c;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .text span {
    color: #5e5e5e !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
    grid-column-end: 7;
    grid-column-start: 1;
    grid-row-end: 9;
    grid-row-start: 5;
    width: 438px;
    max-width: initial;
    padding: 2.5px 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list > .row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img .list_img_main > a {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content > div {
    padding: 0 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .title a {
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .text span {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
    grid-column-end: 17;
    grid-column-start: 11;
    grid-row-end: 7;
    grid-row-start: 2;
    width: 438px;
    max-width: initial;
    padding: 2.5px 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list {
    height: 100%;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list > .row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    margin: 0;
    gap: 0.5rem;
    height: 100%;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img .list_img_main > a {
    display: block;
    position: absolute;
    height: 70%;
    width: 100%;
    left: 0;
    top: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content > div {
    padding: 0 10px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .title a {
    color: #51096c;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .text span {
    color: #5e5e5e !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) {
    grid-column-end: 21;
    grid-column-start: 17;
    grid-row-end: 9;
    grid-row-start: 3;
    width: 289px;
    max-width: initial;
    padding: 2.5px 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list > .row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_img {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content > div {
    padding: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content .title a {
    color: #51096c;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) .travel_list .list_content .text span {
    color: #5e5e5e !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child {
    grid-column-end: 7;
    grid-column-start: 1;
    grid-row-end: 8;
    grid-row-start: 1;
    width: 438px;
    max-width: initial;
    padding: 2.5px 5px;
    margin-bottom: 40px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list > .row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_img {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 5px;
    height: 358px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_img .list_img_main {
    width: 100%;
    height: 100%;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_img .list_img_main > a {
    display: block;
    height: 100%;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content > div {
    padding: 0 0 0 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content .title a {
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content .text span {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
    grid-column-end: 11;
    grid-column-start: 7;
    grid-row-end: 9;
    grid-row-start: 1;
    width: 289px;
    max-width: initial;
    padding: 2.5px 5px;
    margin-bottom: 40px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list > .row {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img {
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img .list_img_main > a {
    display: block;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content {
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content > div {
    padding: 0 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .title a {
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content .text span {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
    grid-column-end: 16;
    grid-column-start: 11;
    grid-row-end: 9;
    grid-row-start: 1;
    width: 364px;
    max-width: initial;
    padding: 2.5px 5px;
    margin-bottom: 40px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list > .row {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img {
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img .list_img_main > a {
    display: block;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content {
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content > div {
    padding: 0 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .title a {
    color: #51096c;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content .text span {
    color: #5e5e5e !important;
    font-size: 16px;
    font-weight: 600;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
    grid-column-end: 21;
    grid-column-start: 16;
    grid-row-end: 9;
    grid-row-start: 1;
    width: 364px;
    max-width: initial;
    padding: 2.5px 5px;
    margin-bottom: 40px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list > .row {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    gap: 0.5rem;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img {
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img > a .list_img_badge {
    display: none;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img .list_img_main > a {
    display: block;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content {
    padding: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content > div {
    padding: 0 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .title {
    margin-top: 0;
    padding-bottom: 5px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .title a {
    color: #51096c;
    font-size: 25px;
    font-weight: 700;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .line {
    border-bottom: 4px solid #b79b5c;
    height: 5px;
    margin-bottom: 10px;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .text {
    margin: 0;
}

.Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content .text span {
    color: #5e5e5e !important;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 1399px) {
    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 640px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 410px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 395px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) {
        width: 255px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child {
        width: 370px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 255px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 315px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 310px;
    }
}

@media (max-width: 1279px) {
    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 610px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_img {
        flex: 0 0 65%;
        max-width: 65%;
        padding: 40px 20px 0;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) .travel_list .list_content {
        flex: 0 0 35%;
        max-width: 35%;
        padding: 20px 20px 20px 0;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_img {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) .travel_list .list_content {
        max-width: 45%;
        flex: 0 0 45%;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 370px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_img {
        max-width: 45%;
        flex: 0 0 45%;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) .travel_list .list_content {
        max-width: 55%;
        flex: 0 0 55%;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) {
        width: 220px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child {
        width: 360px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_img {
        max-width: 55%;
        flex: 0 0 55%;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child .travel_list .list_content {
        max-width: 45%;
        flex: 0 0 45%;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 250px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 300px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 300px;
    }
}

@media (max-width: 1199px) {
    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        margin-top: 2.5rem;
        width: 560px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 375px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 320px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) {
        width: 210px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child {
        width: 320px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 225px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 260px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 245px;
    }
}

@media (max-width: 1198px) and (min-width: 992px) {
    .Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list .list_img .list_img_main > a img {
        height: 70%;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 490px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 330px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 300px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) {
        width: 190px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:first-child {
        width: 295px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        width: 200px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        width: 230px;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        width: 225px;
    }
}

@media (max-width: 991.98px) {
    .Tour_Leader .Tour_Leader_BG .right-background {
        width: 0;
    }

    .Tour_Leader .Tour_Leader_BG .left-background {
        width: 100%;
    }

    .Tour_Leader .leader_list .Card_mode {
        padding: 0 10px;
    }

    .Tour_Leader .leader_list.leader-1 .Card_mode {
        padding: 66px 10px 0;
    }

    .Tour_Leader .leader_list .Card_mode .tab-content .tab-pane {
        max-width: initial;
    }

    .Tour_Leader .leader_list .Card_mode .tab-content .tab-pane > .card .travel_list {
        max-width: 100%;
        margin: 0;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content h3.leaders-subtitle {
        width: 100% !important;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 21;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        grid-column-end: 6;
        grid-column-start: 1;
        grid-row-end: 9;
        grid-row-start: 3;
        width: 25%;
        max-width: initial;
        margin-top: 0;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        grid-column-end: 11;
        grid-column-start: 6;
        grid-row-end: 9;
        grid-row-start: 3;
        width: 25%;
        max-width: initial;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        grid-column-end: 16;
        grid-column-start: 11;
        grid-row-end: 9;
        grid-row-start: 3;
        width: 25%;
        max-width: initial;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:nth-child(5) {
        grid-column-end: 21;
        grid-column-start: 16;
        grid-row-end: 9;
        grid-row-start: 3;
        width: 25%;
        max-width: initial;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card {
        width: 100% !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_img .list_img_main {
        width: 100% !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_img .list_img_main > a {
        display: block !important;
        height: 125px !important;
        width: 100% !important;
        position: initial !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_img {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_content {
        padding: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list > .row {
        flex-wrap: wrap !important;
        flex-direction: column !important;
        height: initial !important;
        margin: 0 !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_content .title a {
        font-size: 20px !important;
        color: #FFF !important;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_content .col-lg-12.col-md-12 .text span {
        font-size: 15px !important;
        color: #FFF !important;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(1) {
        grid-column-end: 6;
        grid-column-start: 1;
        grid-row-end: 9;
        grid-row-start: 1;
        width: 25%;
        max-width: initial;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(2) {
        grid-column-end: 11;
        grid-column-start: 6;
        grid-row-end: 9;
        grid-row-start: 1;
        width: 25%;
        max-width: initial;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(3) {
        grid-column-end: 16;
        grid-column-start: 11;
        grid-row-end: 9;
        grid-row-start: 1;
        width: 25%;
        max-width: initial;
    }

    .Tour_Leader .leader-2 .Card_mode .tab-content .tab-pane > .card:nth-child(4) {
        grid-column-end: 21;
        grid-column-start: 16;
        grid-row-end: 9;
        grid-row-start: 1;
        width: 25%;
        max-width: initial;
    }
}

@media (max-width: 767.98px) {
    .Tour_Leader .leader_list .Card_mode .tab-content .tab-pane {
        display: block;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card {
        margin-bottom: 30px;
    }

    .Tour_Leader .Card_mode .tab-content .tab-pane > .card .travel_list .list_img .list_img_main > a {
        height: 100% !important;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content h1.leaders-title {
        font-size: 25px;
    }

    .Tour_Leader .leader-1 .Card_mode .tab-content .tab-pane > .card:first-child > .travel_list .list_content h3.leaders-subtitle {
        font-size: 16px;
    }
}


/*Tour Leader Detail*/
.Tour_Leader_Detail {
    max-width: 1536px;
    margin-top: 66px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 10px;
    overflow-x: hidden;
}

.Tour_Leader_Detail .module-container .main.row {
    justify-content: center;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main,
.Tour_Leader_Detail .Tour_Leader_Topic .module-container .main {
    margin: 0;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main > div {
    display: flex;
    flex-wrap: wrap;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main h1 {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 60px;
    color: #b79b5c;
    font-weight: 700;
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main h2 {
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 30px;
    color: #51096c;
    font-weight: 700;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main > div > p {
    font-size: 18px;
    color: #5e5e5e;
    letter-spacing: 1px;
    text-align: justify;
    margin: 20px 0;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0.5rem;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media a {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: block;
    background-size: cover !important;
    margin: 0 10px;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media a.FB_icon {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/3529f8ea-e68d-454f-9973-4914755b12c2.png);
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media a.IG_icon {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/959ca206-cd93-4ebc-9491-7fdf608630ae.png);
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media a.YT_icon {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/97014956-9517-488f-a27f-7f67f1f3586b.png);
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media a.LINE_icon {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/ddea8fec-4677-42bb-b2dd-e6a470c7e220.png);
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .content_group {
    margin: 30px 0;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .introduction {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 2px solid #af7f54;
    padding-bottom: 35px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.Tour_Leader_Detail .Tour_Leader_content .module-container .main .introduction p {
    font-size: 18px;
    color: #5e5e5e;
    letter-spacing: 1px;
    margin: 0;
    text-align: justify;
}

.Tour_Leader_Detail h3 {
    width: 100%;
    font-size: 20px;
    color: #51096c;
    font-weight: 700;
    margin: 0 0 20px;
    padding-left: 20px;
    border-left: 8px solid #b79b5c;
}

.Tour_Leader_Detail .Tour_Leader_content.Leader_GO {
    display: none !important;
}

.Tour_Leader_Detail .tour-leaders-products {
    max-width: 65%;
    height: 306px;
}

.Tour_Leader_Detail .tour-leaders-products .module-container {
    height: 100%;
}

.Tour_Leader_Detail .tour-leaders-products .module-container .main {
    height: 100%;
    padding-left: 15px;
    overflow-y: scroll;
}

.Tour_Leader_Detail .tour-leaders-products .module-container .main .content-container {
    padding: 0 10px;
    height: 306px;
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/c6f48075-ea89-4788-8986-c668938ec0f8.jpg);
}

.Tour_Leader_Detail .tour-leaders-products .module-container .main .content-container .product_box > *:not(.product_name) {
    display: none;
}

.Tour_Leader_Detail .tour-leaders-products .module-container .main .content-container .product_box .product_name {
    padding: 0.5rem 0;
    border-bottom: 1px solid #D4D4D4;
    box-shadow: 0 1px 0 0 #fff;
}

.Tour_Leader_Detail .tour-leaders-products .module-container .main .content-container .product_box .product_name a {
    padding: 0 0.5rem;
    font-size: 15px;
    color: #888;
}

.Tour_Leader_Detail .Search {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/d19f7f57-6a9f-43f8-959b-d546605c04b0.jpg);
    max-width: 35%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 306px;
}

.Tour_Leader_Detail .Search .header-title {
    position: absolute;
    z-index: 99;
    top: 55px;
    left: 13.4rem;
    font-size: 1.25rem;
}

.Tour_Leader_Detail .Search .search-box {
    position: relative;
}

.Tour_Leader_Detail .Search .search-area {
    display: block;
    position: absolute;
    width: 80%;
    height: 240px;
    left: 10%;
    top: 30px;
    margin: 0 auto;
    background-color: hsla(0, 0%, 100%, .4);
    border: none;
}

.Tour_Leader_Detail .Search .search-area form {
    display: block;
    height: 100%;
}

.Tour_Leader_Detail .Search .search-area form::before {
    content: '';
    width: 96%;
    height: 96%;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #af7f54;
    transform: translate(-50%, -50%);
}

.Tour_Leader_Detail .Search .search-area form::after {
    content: '';
    display: block;
    position: absolute;
    width: 134px;
    height: 21px;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4077a823-1383-4ab1-af0d-bb2f7ac2dbb2.png);
}

.Tour_Leader_Detail .Search .search-area form div {
    max-width: 100%;
    display: block;
}

.Tour_Leader_Detail .Search .search-area form > div {
    margin-top: 10px;
    height: 90%;
}

.Tour_Leader_Detail .Search .search-area form > div > div {
    margin-bottom: 10px;
    text-align: center;
}

.Tour_Leader_Detail .Search .search-area form .select-goal {
    background: none;
    height: auto;
}

.Tour_Leader_Detail .Search .search-area form .select-goal::before {
    content: '尋找更多行程';
    font-size: 24px;
}

.Tour_Leader_Detail .Search .search-area form .select-goal > .title {
    display: none;
}

.Tour_Leader_Detail .Search .search-area form .select-goal .select select {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9259bc62-03f7-4ffc-a6c1-06823a00e897.jpg);
    --tw-text-opacity: 1;
    color: rgb(214 211 209/var(--tw-text-opacity));
    background-repeat: repeat;
    height: 40px;
}

.Tour_Leader_Detail .Search .search-area form .select-place {
    background: none;
    height: auto;
}

.Tour_Leader_Detail .Search .search-area form .select-place > .title {
    display: none;
}

.Tour_Leader_Detail .Search .search-area form .select-place .select select {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9259bc62-03f7-4ffc-a6c1-06823a00e897.jpg);
    --tw-text-opacity: 1;
    color: rgb(214 211 209/var(--tw-text-opacity));
    background-repeat: repeat;
    height: 40px;
}

.Tour_Leader_Detail .Search .search-area .search-box .search-btn {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/0b6cdb7e-a7b9-4b4d-b0e7-2a3aa0df91d4.jpg);
    background-size: cover;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    margin-top: 20px;
    width: 80%;
    height: 40px;
}

.Tour_Leader_Detail .Search .search-area .search-box .search-btn h5 {
    display: block;
    margin: 0;
}

.Tour_Leader_Detail .Search .product-search {
    display: block;
    position: absolute;
    width: 23rem;
    height: 240px;
    left: 90px;
    top: 30px;
    margin: 0 auto;
    background-color: hsla(0, 0%, 100%, .4);
    border: none;
}

.Tour_Leader_Detail .Search .product-search form {
    display: block;
    height: 100%;
}

.Tour_Leader_Detail .Search .product-search form::before {
    content: '';
    width: 96%;
    height: 96%;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid #af7f54;
    transform: translate(-50%, -50%);
}

.Tour_Leader_Detail .Search .product-search form::after {
    content: '';
    display: block;
    position: absolute;
    width: 134px;
    height: 21px;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4077a823-1383-4ab1-af0d-bb2f7ac2dbb2.png);
}

.Tour_Leader_Detail .Search .product-search form div {
    max-width: 100%;
}

.Tour_Leader_Detail .Search .product-search form > div:first-child {
    margin-top: 40px;
}

.Tour_Leader_Detail .Search .product-search form .form-control {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9259bc62-03f7-4ffc-a6c1-06823a00e897.jpg);
    --tw-text-opacity: 1;
    color: rgb(214 211 209/var(--tw-text-opacity));
}

.Tour_Leader_Detail .Search .product-search form div label {
    display: none;
}

.Tour_Leader_Detail .Search .product-search form div button {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/0b6cdb7e-a7b9-4b4d-b0e7-2a3aa0df91d4.jpg);
    background-size: cover;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    width: 100%;
}

.Tour_Leader_Detail .Search .product-search form div .l_benSecondary {
    display: none;
}

.Tour_Leader_Detail .Tour_Leader_Button {
    position: absolute;
    left: calc(50% - 200px);
    top: 40px;
    width: 200px;
}

.Tour_Leader_Detail .Tour_Leader_Button .leaders_more {
    width: 200px;
    height: 50px;
    text-align: center;
    z-index: 100;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.Tour_Leader_Detail .Tour_Leader_Button .leaders_more a {
    display: block;
    padding: 10px 30px;
    background: #b79b5c;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
}

.Tour_Leader_Detail .Tour_Leader_Button .leaders_more:hover {
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

/*Tour Leader Slide*/
.Tour_Leader_Slide .carousel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-left: 30px;
}

.Tour_Leader_Slide .carousel .carousel-indicators {
    position: initial;
    width: 100%;
    height: 100px;
    justify-content: flex-end;
    margin: 0;
}

.Tour_Leader_Slide .carousel .carousel-indicators:before {
    content: '/';
    display: table;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 46px;
}

.Tour_Leader_Slide .carousel .carousel-indicators:after {
    content: '03';
    display: table;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 14px;
    left: 67px;
}

/* .Tour_Leader_Slide .carousel .carousel-indicators li::before {content: ""; background-size: cover;
background-position: center; background-repeat: no-repeat; width: calc(100% - 1rem); height: calc(100% - 1rem);
position: absolute; left: 0.5rem;} */
.Tour_Leader_Slide .carousel .carousel-indicators li {
    position: relative;
    text-indent: initial;
    -ms-flex: 0 auto;
    flex: 0 0 auto;
    width: 15%;
    height: 100px;
    margin-right: 0;
    margin-left: 0;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    padding: 0.5rem;
    background: #ffffff;
}

.Tour_Leader_Slide .carousel .carousel-indicators li.active {
    width: 20%;
    height: 105px;
}

.Tour_Leader_Slide .carousel .carousel-indicators li img {
    width: 100%;
}

.Tour_Leader_Slide .carousel .carousel-indicators li:after {
    display: table;
    opacity: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 35px;
}

.Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(1):after {
    content: '01';
    left: -328px;
}

.Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(2):after {
    content: '02';
    left: -455.5px;
}

.Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(3):after {
    content: '03';
    left: -583px;
}

.Tour_Leader_Slide .carousel .carousel-indicators li.active:after {
    opacity: 1;
    color: #51096c;
    font-weight: bold;
}

.Tour_Leader_Slide .carousel:before {
    content: '';
    border: 8px solid #51096c;
    width: 33.333333%;
    height: 40%;
    display: table;
    position: absolute;
    left: 0;
    bottom: 0;
}

.Tour_Leader_Slide .carousel > a span {
    display: none;
}

.Tour_Leader_Slide .carousel > a {
    bottom: 40px;
    top: initial;
    color: #636363;
    font-weight: 700;
    font-size: 20px;
    display: table;
    width: initial;
    z-index: 100;
}

.Tour_Leader_Slide .carousel > a.carousel-control-prev {
    left: 30px;
}

.Tour_Leader_Slide .carousel > a.carousel-control-prev:before {
    content: 'PREV';
}

.Tour_Leader_Slide .carousel > a.carousel-control-prev:after {
    content: '〡';
}

.Tour_Leader_Slide .carousel > a.carousel-control-next {
    left: 100px;
}

.Tour_Leader_Slide .carousel > a.carousel-control-next:before {
    content: 'NEXT';
}

@media (max-width: 1499px) and (min-width: 1200px) {
    .Tour_Leader_Detail .Tour_Leader_content {
        max-width: 600px;
        flex: 0 0 600px;
    }

    .Tour_Leader_Detail .Tour_Leader_Topic {
        max-width: 1200px;
    }

    .Tour_Leader_Detail .tour-leaders-products {
        max-width: 780px;
        flex: 0 0 780px;
    }

    .Tour_Leader_Detail .Search {
        max-width: 420px;
        flex: 0 0 420px;
    }

    .Tour_Leader_Slide {
        max-width: 600px;
        flex: 0 0 600px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(1):after {
        left: -243px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(2):after {
        left: -344.5px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(3):after {
        left: -447px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .Tour_Leader_Detail .Tour_Leader_Button .leaders_more {
    }

    .Tour_Leader_Detail .Tour_Leader_content {
        max-width: 500px;
        flex: 0 0 500px;
    }

    .Tour_Leader_Detail .Tour_Leader_Topic {
        max-width: 1000px;
    }

    .Tour_Leader_Detail .tour-leaders-products {
        max-width: 650px;
        flex: 0 0 650px;
    }

    .Tour_Leader_Detail .Search {
        max-width: 350px;
        flex: 0 0 350px;
    }

    .Tour_Leader_Slide {
        max-width: 500px;
        flex: 0 0 500px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(1):after {
        left: -193px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(2):after {
        left: -279.5px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(3):after {
        left: -366px;
    }

    .Tour_Leader_Detail .Tour_Leader_content .module-container .main h1 {
        margin-bottom: 0;
        font-size: 50px;
    }

    .Tour_Leader_Detail .Tour_Leader_content .module-container .main > div > p {
        margin: 15px 0;
    }

    .Tour_Leader_Detail .Tour_Leader_content .module-container .main .content_group {
        margin: 0 0;
    }

    .Tour_Leader_Detail .Tour_Leader_content .module-container .main .introduction {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .Tour_Leader_Detail .Tour_Leader_content .module-container .main .introduction h3 {
        margin: 0 0 10px;
    }
}

@media (max-width: 991.98px) {
    .Tour_Leader_Detail {
        max-width: 768px;
        margin-top: 60px;
        padding: 40px 15px;
    }

    .Tour_Leader_Detail .Tour_Leader_Slide {
        order: 1;
        margin-bottom: 30px;
        padding: 0 30px;
    }

    .Tour_Leader_Detail .Tour_Leader_content {
        order: 2;
    }

    .Tour_Leader_Detail .tour-leaders-products {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        order: 2;
    }

    .Tour_Leader_Detail .Search {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .Tour_Leader_Detail .Tour_Leader_Button {
        left: calc(100% - 210px);
        top: 20px;
    }

    .Tour_Leader_Slide .carousel:before {
        border-width: 4px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(1):after {
        left: -311px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(2):after {
        left: -433.5px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(3):after {
        left: -556px;
    }
}

@media (max-width: 767.98px) {
    .Tour_Leader_Detail {
        padding: 30px 10px;
    }

    .Tour_Leader_Detail .Tour_Leader_Slide {
        margin-bottom: 0;
        padding: 0;
    }

    .Tour_Leader_Detail .Tour_Leader_content .module-container .main .social_media a {
        width: 25px;
        height: 25px;
        margin: 0 5px;
    }

    .Tour_Leader_Detail .tour-leaders-products .module-container .main {
        padding: 0 15px;
    }

    .Tour_Leader_Detail .tour-leaders-products .module-container .main .content-container .product_box .product_name a {
        padding: 0;
    }

    .Tour_Leader_Detail .Tour_Leader_Button {
        top: 28px;
        left: calc(100% - 164px);
        width: 160px;
    }

    .Tour_Leader_Detail .Tour_Leader_Button .leaders_more {
        width: 160px;
    }

    .Tour_Leader_Detail .Tour_Leader_Button .leaders_more a {
        padding: 4px 4px;
        font-size: 16px;
    }

    .Tour_Leader_Slide .carousel {
        padding: 0 15px;
        overflow: initial;
    }

    .Tour_Leader_Slide .carousel:before {
        width: 300px;
        height: 20%;
        left: calc(50% - 150px);
        bottom: 30px;
        right: unset;
    }

    .Tour_Leader_Slide .carousel > a.carousel-control-prev {
        left: calc(50% - 63px);
        bottom: 65px;
    }

    .Tour_Leader_Slide .carousel > a.carousel-control-next {
        left: initial;
        right: calc(50% - 63px);
        bottom: 65px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators {
        justify-content: center;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li {
        background: transparent;
        height: 0;
        position: unset;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li img {
        display: none;
    }

    .Tour_Leader_Slide .carousel-indicators li:before {
        background: none !important;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li.active {
        width: 15%;
        height: 0;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(1):after {
        left: calc(50% - 45px);
        bottom: 39px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(2):after {
        left: calc(50% - 45px);
        bottom: 39px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators li:nth-child(3):after {
        left: calc(50% - 45px);
        bottom: 39px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators:before {
        left: calc(50% - 15px);
        bottom: 40px;
    }

    .Tour_Leader_Slide .carousel .carousel-indicators:after {
        left: calc(50% + 15px);
        bottom: 39px;
    }
}

@media (max-width: 375px) {
    .Tour_Leader_Slide .carousel:before {
        bottom: 35px;
    }
}

/*Travel*/
.travel_index .share-nav {
    position: relative;
    z-index: 100;
    max-width: 1350px;
    margin: -50px auto 0;
    padding: 0;
}

.travel_index .share-nav > .module-container > .main {
    width: 100%;
    margin: 0;
}

.travel_index .share-nav > .module-container > .main nav.navbar {
    padding: .5rem 0;
}

.travel_index .share-nav ul.navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
    margin: 0 auto;
}

.travel_index .share-nav .collapse {
    border-bottom: 1px solid #d0bdb1;
}

.travel_index .share-nav ul.navbar-nav li {
    margin: 5px;
}

.travel_index .share-nav ul.navbar-nav li a {
    font-size: 15px;
    color: #888;
    padding: 8px 12px;
    border: 1px solid #888;
    border-radius: 3px;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.travel_index .share-nav ul.navbar-nav li a:hover,
.travel_index .share-nav ul.navbar-nav li a.on {
    border-color: #ea9987;
    background-color: #ea9987;
    color: #fff;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.travel_index .switch-box .switch_group {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: -48px;
}

.travel_index .switch-box .switch_group ul.switch-box {
    display: flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    position: relative;
}

.travel_index .switch-box .switch_group ul.switch-box li {
    display: block;
    font-size: 15px;
    color: #000;
    letter-spacing: 0.5px;
    line-height: 15px;
}

.travel_index .switch-box .switch_group ul.switch-box li.selected {
    color: #e1806b;
}

.travel_index .switch-box .switch_group ul.switch-box li:first-child {
    padding-right: 30px;
}

.travel_index .switch-box .switch_group ul.switch-box li:last-child {
    padding-left: 30px;
}

.travel_index .switch-box .switch_group > a {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.5px;
    padding: 0 20px;
    border-left: 1px solid #000;
    text-decoration: none;
}

.travel_index .switch-box .switch_group > a:before {
    content: "\f072";
    margin-right: 5px;
    font: normal normal normal 14px/1 FontAwesome;
}

.travel_index .switch-box .switch_group ul.switch-box::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
    width: 48px;
    height: 22px;
    border-radius: 25px;
    margin: 0 auto;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 15px;
}

.travel_index .switch-box .switch_group ul.switch-box::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 22px;
    height: 22px;
    margin: 0 auto;
    top: -3.5px;
    left: 0;
    right: 40px;
    background-color: white;
    box-shadow: 1px 1px 0 #000;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    background-size: 100% 110%;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/7ea6d991-fa58-488f-92ba-19d2b59ad169.png);
}

.travel_index .switch-box .switch_group ul.switch-box.skin_list::after {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.travel_index .catalog_title {
    z-index: 99;
}

.travel_index .catalog_title .title_box .left_box {
    max-width: 1350px;
    width: calc(100% - 30px);
    margin: 0 auto;
}

.travel_index .catalog_title .title_box .left_box h1 {
    font-size: 30px;
    color: #e1806b;
    font-weight: 600;
    margin: 20px 0 35px 0;
}

.Travel_Auto_Page {
    position: relative;
    z-index: 10;
    margin-bottom: 5%;
}

.Travel_Auto_Page .content-container {
    max-width: 1350px;
    margin: 0 auto;
}

.Travel_Auto_Page .content-container .title_box .left_box img {
    display: none;
}

.Travel_Auto_Page .content-container .title_box .left_box h1 {
    font-size: 30px;
    color: #e1806b;
    font-weight: 600;
    margin: 20px 0 35px 0;
}

.Travel_Auto_Page.title_hide .content-container .title_box .left_box h1 {
    display: none;
}

.Travel_Auto_Page .content-container .product_all {
}

.Travel_Auto_Page .content-container .product_all .product_box {
    position: relative;
    width: 100%;
    height: 330px;
    background: #FFF;
    box-shadow: 0 0 6px rgb(0 0 0 / 35%);
    margin-bottom: 35px;
    align-items: center;
    overflow: hidden;
    display: grid;
    grid-template-rows: 40px 40px 180px 70px;
    grid-template-columns: 35% 15% 50%;
    grid-template-areas:
"A3 A3 A1"
"A2 A2 A1"
"A6 A6 A1"
"A4 A5 A1";
}

.Travel_Auto_Page .content-container .product_all .product_box .product_img {
    grid-area: A1;
    padding: 0 10%;
    height: 100%;
    background-color: black;
    background-size: cover;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_img a {
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background-color: #000;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

.Travel_Auto_Page .content-container .product_all .product_box:hover .product_img img {
    /*opacity: .25;*/
    /*transition: .3s;*/
}

.Travel_Auto_Page .content-container .product_all .product_box .product_name {
    grid-area: A2;
    padding: 0 10%;
    margin-top: 5%;
    line-height: 1.5;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_name h3 {
    line-height: 0.7em;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_name a {
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
    font-size: 20px;
    color: #000;
    font-weight: 500;
    /*margin-bottom: 15px;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*padding: 50px 55% 205px 5%;*/
    /*z-index: 13;*/
    text-decoration: none;
    overflow: hidden;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_name a:after {
    content: '詳細行程';
    display: block;
    width: 20%;
    line-height: 25px;
    text-align: center;
    padding: 0 25px;
    margin: 20px auto 0 auto;
    border: solid 1px #cecece;
    border-radius: 3px;
    background-color: transparent;
    font-size: 15px;
    color: #FFF;
    letter-spacing: 0.5px;
    position: absolute;
    bottom: 15%;
    right: 15%;
    opacity: 0;
    z-index: 9999;
}

.Travel_Auto_Page .content-container .product_all .product_box:hover .product_name a:after {
    background-color: transparent;
    color: #FFF;
    opacity: 1;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_name:hover a:hover::after {
    background-color: #FFF;
    color: #5a5959;
    opacity: 1;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_name a.hide_after:after {
    content: none;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_description {
    grid-area: A3;
    padding: 2% 0 1% 10%;
    font-size: 18px;
    color: #af7f54;
}

.Travel_Auto_Page .content-container .product_all .product_box .departure_date {
    grid-area: A4;
    padding: 0 10% 0 14%;
    font-size: 0;
    color: #5a5959;
    position: relative;
    z-index: 20;
}

.Travel_Auto_Page.hide_date .content-container .product_all .product_box .departure_date {
    display: none;
}

.Travel_Auto_Page .content-container .product_all .product_box .departure_date s {
    font-size: 16px;
    text-decoration: none;
}

.Travel_Auto_Page .content-container .product_all .product_box .departure_date a {
    font-size: 16px;
    color: #5a5959;
    padding: 5px;
}

.Travel_Auto_Page .content-container .product_all .product_box .departure_date > a:nth-last-child(1) {
    display: inline-block !important;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_price {
    grid-area: A5;
    padding: 0;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_price span {
    font-size: 24px;
    color: #E40012;
    border-left: 1px solid #cecece;
    padding-left: 25px;
    font-family: math;
    position: relative;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_price span::before {
    content: '';
    display: none;
    position: absolute;
    background: #fff;
    top: -1px;
    bottom: 0;
    right: 0;
    width: 24px;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_price span::after {
    content: '起';
    display: none;
    position: absolute;
    right: -3px;
    bottom: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
}

.Travel_Auto_Page .content-container .product_all .product_box .product_offer {
    grid-area: A6;
    height: 100%;
    padding: 4% 10%;
    border-bottom: 1px solid #cecece;
    color: #af7f54;
}

.Travel_Auto_Page .content-container .product_all .product_box .AUTO_narrative {
    position: absolute;
    z-index: 12;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    color: #FFF;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 1px;
    padding: 5% 10%;
    background: rgba(0, 0, 0, .75);
    opacity: 0;
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

.Travel_Auto_Page .content-container .product_all .product_box:hover .AUTO_narrative {
    opacity: 1;
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

.Travel_Auto_Page .content-container .product_all .product_box .AUTO_feature {
    line-height: 26px;
    overflow: hidden;
    padding: 0;
    color: #af7f54;
    font-size: 16px;
    text-align: justify;
}

.Travel_Auto_Page .content-container .product_all .product_box .AUTO_feature p {
    margin-bottom: 0.25rem;
}

.Travel_Auto_Page .content-container .product_all .product_box .AUTO_feature ul li,
body.D_products_group_detail .basic_box .AUTO_feature ul li {
    list-style: disc;
    margin-left: 1.2rem;
}

.Travel_Auto_Page .content-container.skin_list .product_all {
    counter-reset: listCounter;
    margin-bottom: 50px;
    box-shadow: 0 0 6px rgb(0 0 0 / 35%);
    border-bottom: 1px solid #ccc;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box {
    counter-increment: listCounter;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box {
    position: relative;
    width: 100%;
    height: 130px;
    background: #FFF;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2c8e15e6-9508-411e-8ca5-f6aa0c88e7b0.png);
    background-position: top;
    background-size: contain;
    background-repeat: repeat-x;
    box-shadow: none;
    margin-bottom: 0;
    align-items: center;
    align-content: center;
    overflow: hidden;
    border-bottom: 1px solid #E7E7E7;
    display: grid;
    grid-template-rows: 55px 80px;
    grid-template-columns: 6% 64% 15% 15%;
    grid-template-areas:
        "A7 A2 A3 A5"
        "A7 A6 A3 A5";
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box:before {
    content: counter(listCounter);
    grid-area: A7;
    width: 46px;
    line-height: 46px;
    font-size: 15px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/7ea6d991-fa58-488f-92ba-19d2b59ad169.png);
    background-size: 100% 110%;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_img,
.Travel_Auto_Page .content-container.skin_list .product_all .product_box .departure_date,
.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer .AUTO_narrative {
    display: none;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name {
    padding: 0;
    height: 100%;
    margin-top: 0;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name a {
    display: flex;
    align-items: end;
    height: 100%;
    padding: 0;
    margin: 0;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name a:after {
    content: '';
    display: none;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer {
    height: 100%;
    padding: 0;
    margin-top: 0;
    border: none;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer p {
    font-size: 15px;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer .AUTO_feature {
    height: 100%;
    line-height: 18px;
    font-size: 15px;
    padding: 0 30px 0 0;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_description {
    border-left: 1px solid #e7e7e7;
    box-shadow: -1px 0 0 0 #f7f7f7;
    color: #888;
    font-size: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_price {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 30px 0 10px;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_price span {
    padding: 0;
    border: none;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box:hover {
    background: #aca2a2;
    border-bottom: 1px solid transparent;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box:hover .product_price span {
    color: #fff189 !important;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box:hover .product_name a,
.Travel_Auto_Page .content-container.skin_list .product_all .product_box:hover .product_description,
.Travel_Auto_Page .content-container.skin_list .product_all .product_box:hover .product_offer .AUTO_feature span {
    color: #fff !important;
    box-shadow: none;
    border-left: none;
}

.Travel_Auto_Page .content-container.skin_list .product_all .product_box:hover .product_offer .AUTO_feature {
    color: #E4CCB6 !important;
}

@media (max-width: 1024px) {
    .Travel_Auto_Page .content-container .product_all .product_box .product_description {
        padding: 20px 5% 0;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_name {
        grid-row-start: A3;
        grid-row-end: A2;
        grid-column-start: A3;
        grid-column-end: A3;
        padding: 0 5%;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_name a {
        /*padding: 40px 52.5% 275px 2.5%;*/
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date {
        padding: 0 5%;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_offer {
        padding: 2% 5%;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price {
        padding: 0 5%;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price span {
        font-size: 22px;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name {
        grid-area: A2;
    }
}

@media (max-width: 991.98px) {
    .travel_index .share-nav {
        padding: 0 15px;
    }

    .travel_index .share-nav .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .travel_index .share-nav .collapse:not(.show) {
        display: block;
    }

    .travel_index .share-nav ul.navbar-nav {
        padding: 20px;
        margin-bottom: 20px;
    }

    .travel_index .switch-box .switch_group {
        right: 0;
        bottom: -50px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box {
        height: 350px;
        grid-template-rows: 40px 40px 170px 50px 50px;
        grid-template-columns: 35% 15% 50%;
        grid-template-areas:
            "A3 A3 A1"
            "A2 A2 A1"
            "A6 A6 A1"
            "A4 A4 A1"
            "A5 A5 A1";
    }

    .Travel_Auto_Page .content-container {
        padding: 0 15px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_description {
        padding: 20px 5% 0;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_name {
        padding: 0 30px;
        margin-top: 70px;
        line-height: 1.2;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_name a {
        /*padding: 40px 52.5% 275px 2.5%;*/
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date {
        padding: 10px 5% 0;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_offer {
        height: 170px;
        padding: 7% 7% 2%;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price {
        padding: 0 5%;
        text-align: right;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price span {
        font-size: 20px;
        border-left: none;
        padding-left: 5px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price span::before {
        width: 20px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price span::after {
        font-size: 15px;
        line-height: 1.1;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .AUTO_feature {
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box {
        height: 120px;
        grid-template-rows: 70px 50px;
        grid-template-columns: 10% 60% 15% 15%;
        grid-template-areas:
            "A7 A2 A3 A3"
            "A7 A6 A5 A5";
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name {
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name a {
        padding: 0 16px 0 0;
        line-height: 25px;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer .AUTO_feature {
        padding: 0 16px 0 0;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_price {
        grid-row-start: A3;
        grid-row-end: A5;
        justify-content: flex-end;
        border-left: 1px solid #e7e7e7;
        box-shadow: -1px 0 0 0 #f7f7f7;
    }
}

@media (max-width: 767.98px) {
    .travel_index.travel_content .travel_index_tit section.text-link {
        overflow: hidden;
    }

    .travel_index.travel_content .travel_index_tit section.text-link h2::before {
        display: block;
    }

    .travel_index.travel_content .travel_index_tit section.text-link h2::after {
        display: block;
    }

    .travel_index .share-nav {
        margin: 0 auto;
    }

    .travel_index .share-nav ul.navbar-nav {
        flex-direction: column;
        padding: 15px 0;
        border: none;
    }

    .travel_index .share-nav ul.navbar-nav li {
        margin: 5px 0;
    }

    .travel_index .share-nav ul.navbar-nav li a {
        border: none;
        border-radius: 0;
        padding: 8px 20px;
    }

    .travel_index .share-nav .collapse:not(.show) {
        display: none;
    }

    .travel_index .share-nav nav.navbar {
        width: 100%;
        margin: auto;
        border: 1px solid #999;
        padding: 5px 1rem;
    }

    .travel_index .share-nav .navbar-expand-lg .navbar-toggler {
        display: block;
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        padding-right: 0;
    }

    .travel_index .share-nav .header-part .navbar-toggler::before {
        line-height: 30px;
        content: "請選擇";
        display: inline-block;
        color: rgb(153, 153, 153);
        float: left;
        font-size: 16px;
    }

    .travel_index .share-nav .header-part .navbar-toggler[aria-expanded=true]::after {
        content: '';
        display: table;
        width: 100%;
        height: 1px;
        background: #999;
        position: absolute;
        left: 0;
        right: 0;
        top: 46px;
    }

    .travel_index .switch-box .switch_group {
        left: 0;
        bottom: -120px;
    }

    .travel_index .catalog_title {
        margin-bottom: 40px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box {
        height: 650px;
        grid-template-rows: 40px 40px 180px 50px 40px 300px;
        grid-template-columns: 100%;
        grid-template-areas:
            "A3"
            "A2"
            "A6"
            "A4"
            "A5"
            "A1";
    }

    .Europe .Travel_Auto_Page .content-container .product_all .product_box {
        height: 700px;
        grid-template-rows: 40px 40px 230px 50px 40px 300px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_img {
        padding: 0;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_img a {
        width: 100%;
        height: 300px;
        position: initial;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_name a {
        /*padding: 40px 30px 475px 30px;*/
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_description {
        padding: 20px 30px 0;
    }

    .Europe .Travel_Auto_Page .content-container .product_all .product_box .product_description {
        padding: 0px 30px 0;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price,
    .Travel_Auto_Page .content-container .product_all .product_box .departure_date {
        padding: 0 30px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_offer {
        height: 180px;
        padding: 20px 30px;
        overflow: hidden;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price {
        text-align: right;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_price span {
        padding: 0;
        border: none;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .product_name a:after {
        width: 80%;
        bottom: 30px;
        right: 0;
        height: 40px;
        left: 0;
        padding: 6px 0;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date > a:nth-last-child(1) {
        float: right;
        border: 1px solid #ccc;
        padding: 0 10px;
        font-size: 0;
        border-radius: 3px;
        text-decoration: none;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date.preparing > a:nth-last-child(1) {
        float: left;
        border: 0;
        font-size: 16px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date > a:nth-last-child(1)::before {
        content: '更多...';
        display: block;
        font-size: 15px;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date.preparing > a:nth-last-child(1)::before {
        display: none;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date > a:nth-last-child(1):hover::before {
        color: #000;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date > a.hide_before {
        border: none;
    }

    .Travel_Auto_Page .content-container .product_all .product_box .departure_date > a.hide_before::before {
        content: '';
    }

    .Travel_Auto_Page .content-container .product_all .product_box .AUTO_feature {
    }

    .Travel_Auto_Page .content-container .product_all .product_box .AUTO_narrative {
        width: 100%;
        height: 300px;
        top: initial;
        bottom: 0;
        padding: 10%;
    }

    .Travel_Auto_Page .content-container .title_box .left_box h1 {
        margin: 20px 0 50px 0;
        font-size: 29px;
    }

    .travel_index .switch-box .switch_group ul.switch-box {
        padding: 0 15px;
    }

    .travel_index .switch-box .switch_group ul.switch-box li:first-child {
        padding-right: 25px;
    }

    .travel_index .switch-box .switch_group > a {
        padding: 0 15px;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box {
        height: auto;
        grid-template-rows: 70px auto 45px;
        grid-template-columns: 15% 50% 35%;
        grid-template-areas:
            "A7 A2 A2"
            "A7 A6 A6"
            "A7 A3 A5";
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_name a {
        padding: 0 15px 0 0;
        font-size: 16px;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_description {
        padding: 0;
        border-left: none;
        box-shadow: none;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_price {
        padding: 0 15px;
        border-left: none;
        box-shadow: none;
        grid-column-start: A3;
        grid-column-end: A5;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_price span {
        padding: 0;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer {
        grid-area: A6;
    }

    .Travel_Auto_Page .content-container.skin_list .product_all .product_box .product_offer .AUTO_feature {
        padding: 15px 15px 0 0;
    }
}

/*satifaction_survey玩家滿意度調查*/
.satifaction_survey .satifaction_survey_title {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    max-width: 1350px;
    margin: auto;
    padding: 50px 0 15px 0;
    text-align: center;
}

.satifaction_survey .satifaction_survey_title h3 {
    font-size: 30px;
    color: #000;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(2.5);
    margin-top: 10px;
    margin-bottom: 0;
}

.satifaction_survey .satifaction_survey_title .line-box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/1f9fce6d-0fba-47c0-8b10-cc320728b618.png);
    display: block;
    width: 340px;
    height: 10px;
    margin: 25px auto 15px auto;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.satifaction_survey .satifaction_survey_title h4 {
    font-size: 32px;
    color: #000;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.satifaction_survey .satifaction_surveys a {
    z-index: 2;
}

.satifaction_survey .satifaction_surveys a > p {
    position: absolute;
}

.satifaction_survey .satifaction_surveys a img {
    max-width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 100%;
    background-color: #ccc;
    display: inline-block;
    float: left;
    object-fit: cover;
}

.satifaction_survey .satifaction_surveys a .member-text {
    display: inline-block;
    float: left;
    margin-left: 20px;
    right: 60px;
    padding: 10px;
    max-width: 240px;
}

.satifaction_survey .satifaction_surveys a .traveler {
    color: #AF7F54;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}

.satifaction_survey .satifaction_surveys a h3 {
    margin: 10px 0 10px 0;
    line-height: 25px;

}

.satifaction_survey .satifaction_surveys a p {
    font-size: 15px;
}

.share_your_story .share_your_story_more a {
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
}

.satifaction_survey .satifaction_survey_more {
    text-align: center;
}

.satifaction_survey .satifaction_survey_more a {
    border: 1px solid #000;
    color: #000;
    margin: 3%;
    width: 200px;
    display: inline-block;
    line-height: 40px;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.satifaction_survey .satifaction_survey_more a.white,
.share_your_story .share_your_story_more a.white {
    border: 1px solid #fff;
    color: #fff;
}

.share_your_story .tl,
.satifaction_survey .tl {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    max-width: 367px;
}

.share_your_story .tr,
.satifaction_survey .tr {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    max-width: 367px;
}

.share_your_story .br,
.satifaction_survey .br {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    max-width: 367px;
}

@media screen and (max-width: 768px) {
    .satifaction_survey .satifaction_surveys a .member-text {
        max-width: 200px;
        margin-left: 0;
    }
}

/*share_your_story 旅遊好評分享*/
.share_your_story .share_your_story_title {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    max-width: 1350px;
    margin: auto;
    padding: 50px 0 15px 0;
    text-align: center;
}

.share_your_story .share_your_story_title h3 {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(2.5);
    margin-top: 10px;
    margin-bottom: 0;
}

.share_your_story .share_your_story_title.black h3,
.share_your_story .share_your_story_title.black h4 {
    color: #000;
}

.share_your_story .share_your_story_title .line-box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9f97c7e-6f57-457b-8de6-bbfe326976bf.png);
    display: block;
    width: 340px;
    height: 10px;
    margin: 25px auto 15px auto;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.share_your_story .share_your_story_title.black .line-box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/1f9fce6d-0fba-47c0-8b10-cc320728b618.png);
}

.share_your_story .share_your_story_title h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.share_your_story .share_your_story_content {
    max-width: 1350px;
    margin: auto;
    padding: 0 0 95px 0;
    z-index: 2;
}

.share_your_story .share_your_story_content .icon_info {
    background: none;
    box-shadow: none;
}

.share_your_story .share_your_story_content .icon_info figure .s_img {
    width: 40px;
    height: 40px;
    top: 220px;
    left: 87%;
    border-radius: 5em;
}

.share_your_story .share_your_story_content .icon_info figure .b_img {
    height: 200px;
}

.share_your_story .share_your_story_content .icon_info h3 {
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    text-align: justify !important;
    letter-spacing: 1.5px;
    margin: 0 0 10px 0;
    padding: 0;
    width: 85%;
}

.share_your_story .share_your_story_content .icon_info h4 {
    font-size: 15px;
    font-style: normal;
    color: #c77400;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0;
    width: 85%;
}

.share_your_story .share_your_story_content .icon_info p {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0;
    width: 85%;
}

.share_your_story .share_your_story_more {
    text-align: center;
}

.share_your_story .share_your_story_more a {
    border: 1px solid #000;
    color: #000;
    margin: 3%;
    width: 200px;
    display: inline-block;
    line-height: 40px;
    position: relative;
    z-index: 99;
}

.share_your_story .share_your_story_more a:hover {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .share_your_story .share_your_story_content {
        padding: 0 40px;
    }
}

/*tourist_information觀光情報*/
.tourist_information {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/9df66d94-5f9e-4a67-9a3b-c69490415d28.jpg);
    padding: 0 15px;
    width: 100%;
    overflow-x: hidden;
}

.tourist_information .tourist_information_title {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    max-width: 1350px;
    margin: auto;
    padding: 50px 0 15px 0;
    text-align: center;
}

.tourist_information .tourist_information_title h3 {
    font-size: 30px;
    color: #ae5744;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(2.5);
    margin-top: 10px;
    margin-bottom: 0;
}

.tourist_information .tourist_information_title .line-box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/1f9fce6d-0fba-47c0-8b10-cc320728b618.png);
    display: block;
    width: 340px;
    height: 10px;
    margin: 25px auto 15px auto;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.tourist_information .tourist_information_title .line-box.white {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9f97c7e-6f57-457b-8de6-bbfe326976bf.png);
}

.tourist_information .tourist_information_title h4 {
    font-size: 32px;
    color: #ae5744;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.tourist_information .tourist_information_content {
    max-width: 1350px;
    margin: auto;
    padding: 0 0 95px 0;
    z-index: 2;
}

.tourist_information .tourist_information_content .hover-wall .icon_info {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.tourist_information .tourist_information_content .hover-wall .icon_info:hover {
    background: transparent;
    box-shadow: none;
    bottom: 0;
}

.tourist_information .tourist_information_content .hover-wall .icon_info:hover figure .overlay {
    opacity: 0;
}

.tourist_information .tourist_information_content .hover-wall .icon_info figure {
    width: 100%;
    height: 200px;
    background-color: #ccc;
    margin: 50px 0 20px 0;
    overflow: visible;
}

.tourist_information .tourist_information_content .hover-wall .icon_info figure .overlay i {
    display: none;
}

.tourist_information .tourist_information_content .hover-wall .icon_info figure .b_img {
    width: 100%;
    height: 100%;
    transition: 1s;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.tourist_information .tourist_information_content .hover-wall .icon_info:hover figure .b_img {
    transition: 1s;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.tourist_information .tourist_information_content .hover-wall .icon_info h3 {
    font-size: 20px;
    color: #ae5744;
    line-height: 25px;
    text-align: justify !important;
    letter-spacing: 1.5px;
    min-height: 32px;
    margin: 0 0 10px 0;
    padding: 0;
}

.tourist_information .tourist_information_content .hover-wall .icon_info:hover h3 {
    -webkit-filter: brightness(1.8);
    -webkit-filter: contrast(1.8);
    -webkit-filter: drop-shadow(1px 1px 1px rgba(#252525, 0.05));
}

.tourist_information .tourist_information_content .hover-wall .icon_info p {
    font-size: 15px;
    color: #000;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0;
}

.travel_index .top_left_bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    text-align: left;
}

.travel_index .top_center_bg {
    position: absolute;
    top: 0;
    z-index: 0;
    text-align: center;

}

.travel_index .bottom_left_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    text-align: left;
}

.travel_index .bottom_right_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    text-align: right;
}

.travel_index .bottom_center_bg {
    position: absolute;
    bottom: 0;
    z-index: 0;
    text-align: center;
}

.tourist_information .tourist_information_content .hover-wall .htpro_tit {
    display: none;
}

@media (max-width: 991.98px) {
    .tourist_information {
        padding: 0 30px;
    }

    .tourist_information .tourist_information_content .hover-wall .row {
        justify-content: center;
    }

    .tourist_information .tourist_information_content .hover-wall .col-md-6 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .tourist_information .tourist_information_content .hover-wall .icon_info h3 {
        letter-spacing: 0.5px !important;
    }

    .tourist_information .tourist_information_content .hover-wall .icon_info p {
        letter-spacing: 0.2px !important;
    }

    .travel_index .top_right_bg,
    .travel_index .bottom_right_bg,
    .travel_index .bottom_left_bg {
        width: 40%;
        right: 15px;
    }

    .travel_index .top_bg {
        top: -1.2%;
    }
}

@media (max-width: 767.98px) {
    .tourist_information .tourist_information_content .hover-wall .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0 !important;
    }

    .tourist_information .tourist_information_title h3 {
        font-size: 25px;
    }

    .travel_index .top_bg {
        top: -0.3%;
    }

    .travel_index .top_bg.main_page {
        top: -0.5%;
    }
}

.feature_tourist_information {
    padding: 0 15px;
}

.feature_tourist_information .feature_tourist_information_title {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    max-width: 1350px;
    margin: auto;
    padding: 50px 0 0 0;
    text-align: center;
}

.feature_tourist_information .feature_tourist_information_title.white {
    color: #fff;
}

.feature_tourist_information .feature_tourist_information_title.black {
    color: #000;
}

.feature_tourist_information .feature_tourist_information_title .module-container {
    padding: 50px 0 0 0;
}

.feature_tourist_information .feature_tourist_information_title h3 {
    font-size: 30px;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(2.5);
    margin-top: 10px;
    margin-bottom: 0;
}

.feature_tourist_information .feature_tourist_information_title h4 {
    font-size: 32px;
    font-weight: 400;
    line-height: 78px;
    text-align: center;
}

.feature_tourist_information .feature_tourist_information_title p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    max-width: 716px;
    margin: 20px auto 0 auto;
}

.feature_tourist_information .feature_tourist_information_content {
    max-width: 1350px;
    margin: auto;
    padding: 0 0 95px 0;
    z-index: 2;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .htpro_tit {
    display: none;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    pointer-events: auto !important;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info a {
    background: #FFF;
    display: block;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info:hover {
    box-shadow: none;
    bottom: 0;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info:hover figure .overlay {
    opacity: 0;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info figure {
    width: 100%;
    height: 200px;
    background-color: #ccc;
    margin: 20px 0 15px;
    overflow: hidden;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info figure .overlay i {
    display: none;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info figure .b_img {
    width: 100%;
    height: 100%;
    transition: 1s;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info:hover figure .b_img {
    transition: 1s;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info h3,
.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info h4 {
    font-size: 22px;
    font-weight: 600;
    color: #af7f54 !important;
    line-height: 25px;
    text-align: justify !important;
    letter-spacing: 0.5px;
    padding: 0 0 10px;
    margin: 0 30px 0 30px;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info h4 {
    border-bottom: 1px solid #dedede;
}

.feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info p {
    font-size: 16px;
    color: #af7f54 !important;
    letter-spacing: 0.5px;
    line-height: inherit;
    vertical-align: baseline;
    padding: 0 30px 15px;
}

@media (max-width: 991.98px) {
    .feature_tourist_information > .module-container > .main {
        padding: 0 30px;
    }

    .feature_tourist_information .feature_tourist_information_content .hover-wall .row {
        justify-content: center;
    }

    .feature_tourist_information .feature_tourist_information_content .hover-wall .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info h3 {
        letter-spacing: 0.5px !important;
    }

    .feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info p {
        letter-spacing: 1px !important;
    }

    .feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info figure .b_img {
        object-fit: initial;
    }
}

@media (max-width: 767.98px) {
    .feature_tourist_information .feature_tourist_information_content .hover-wall .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0 !important;
    }

    .feature_tourist_information .feature_tourist_information_title h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .feature_tourist_information .feature_tourist_information_title h4 {
        font-size: 28px;
        margin-top: 15px;
    }

    .feature_tourist_information .feature_tourist_information_title p {
        padding: 0 25px;
    }

    .feature_tourist_information .feature_tourist_information_content .hover-wall .icon_info p {
        letter-spacing: 2px !important;
    }
}

/*travel_infomation旅遊資訊*/
.travel_infomation {
    position: relative;
}

.cruise.travel_infomation {
    display: block !important;
}

.cruise.travel_infomation_mobile {
    display: none !important;
}

.travel_infomation .travel_infomation_title .bgfixed {
    width: 100%;
    height: 655px;
    display: block;
    overflow: hidden;
    padding: 100px 0 95px 0;
    min-height: 655px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: auto;
}

.travel_infomation .travel_infomation_title .bgfixed > div {
    display: block;
}

.travel_infomation .travel_infomation_title .bgfixed > div .travel_infomation_header_content {
    text-align: center;
}

.travel_infomation .travel_infomation_title .bgfixed > div h3 {
    font-size: 30px;
    color: #FFF;
    line-height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(2.5);
    margin-top: 10px;
    margin-bottom: 0;
}

.travel_infomation .travel_infomation_title .bgfixed > div .line-box {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9f97c7e-6f57-457b-8de6-bbfe326976bf.png);
    display: block;
    width: 340px;
    height: 10px;
    margin: 25px auto 15px auto;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.travel_infomation .travel_infomation_title .bgfixed > div h4 {
    font-size: 32px;
    color: #FFF;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.travel_infomation .travel_infomation_title .bgfixed > div p {
    font-size: 16px;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 28px;
    max-width: 716px;
    margin: 20px auto 0 auto;
}

.travel_infomation .travel_infomation_items {
    position: absolute;
    bottom: 95px;
}

.travel_infomation .travel_infomation_items .fnav_wrap,
.travel_infomation .travel_infomation_items .icon_wrap,
.travel_infomation .travel_infomation_items .footer_center .fb-info,
.travel_infomation .travel_infomation_items .footer_center .footer_sbox,
.travel_infomation .travel_infomation_items .footer_center .company-info {
    display: none;
}

.travel_infomation .travel_infomation_items .footer-wrap,
.travel_infomation .travel_infomation_items .footer_center {
    background: transparent;
}

.travel_infomation .travel_infomation_items .footer_center {
    max-width: 1350px;
    padding: 0 !important;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-info {
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 70%;
    margin: 0 auto !important;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 30px;
    min-width: 240px;
    margin: 0 !important;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box h2 {
    display: none;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box a {
    margin-bottom: 30px;
    display: block;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box a:last-child {
    margin-bottom: 0;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box li {
    margin: 0 8px 36px;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box li:last-child {
    margin-bottom: 0;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box a {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #FFF;
    letter-spacing: 0.5px;
    padding-left: 0;
}

.travel_infomation .travel_infomation_items .footer-wrap .contact-box a h4 i {
    position: initial;
    margin-right: 0;
    width: 40px;
}

.travel_infomation .travel_infomation_items .footer-wrap ul.contact-box {
    list-style-type: none;
}

.travel_infomation .travel_infomation_items .footer-wrap ul.contact-box li a {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 17px;
    color: #FFF;
    letter-spacing: 1px;
    padding-left: 0;
}

.travel_infomation .travel_infomation_items .footer-wrap ul.contact-box li a:hover {
    text-decoration: none;
}

.travel_infomation .travel_infomation_items .footer-wrap ul.contact-box li a img {
    width: 24px;
    font-size: 21px;
    margin-right: 4px;
    color: #FEC665;
}

@media (max-width: 991.98px) {
    .travel_infomation .travel_infomation_items .footer-wrap .contact-box {
        padding: 0 15px;
    }
}

@media (max-width: 767.98px) {
    .cruise.travel_infomation_mobile {
        display: block !important;
    }

    .cruise.travel_infomation {
        display: none !important;
    }

    .travel_infomation .travel_infomation_title .bgfixed > div h3 {
        font-size: 25px;
    }

    .travel_infomation .travel_infomation_title .bgfixed {
        height: auto;
        padding: 30px 0 50px 0;
        min-height: initial;
    }

    .travel_infomation .travel_infomation_title .bgfixed > div {
        min-height: 600px !important;
    }

    .travel_infomation .travel_infomation_title .bgfixed > div p {
        display: none;
    }

    .travel_infomation .travel_infomation_items .footer-wrap .contact-info {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .travel_infomation .travel_infomation_items .footer-wrap .contact-box {
        max-width: 100%;
        padding: 0 15px 0 15%;
    }

    .travel_infomation .travel_infomation_items .footer-wrap .contact-box li {
        margin: 0 8px 20px;
    }

    .travel_infomation .travel_infomation_items .footer-wrap .contact-box:nth-child(2) {
        border: none;
    }

    .travel_infomation .travel_infomation_items .footer-wrap .contact-box a {
        margin-bottom: 0;
        line-height: 45px;
        display: table;
    }

    .travel_infomation_mobile .travel_infomation_items .travel_infomation_header_content {
        text-align: center;
    }

    .travel_infomation_mobile .travel_infomation_items .travel_infomation_header_content h3 {
        color: #FFF;
        line-height: 40px;
        font-family: 'Oswald', sans-serif;
        font-weight: 600;
        font-variant: small-caps;
        letter-spacing: -1px;
        transform: scaleY(2.5);
        margin-top: 10px;
        margin-bottom: 0;
    }

    .travel_infomation_mobile .travel_infomation_items .travel_infomation_header_content .line-box {
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a9f97c7e-6f57-457b-8de6-bbfe326976bf.png);
        display: block;
        width: 340px;
        height: 10px;
        margin: 25px auto 15px auto;
        background-size: auto 100%;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .travel_infomation_mobile .travel_infomation_items .travel_infomation_header_content h4 {
        font-size: 32px;
        color: #FFF;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }

    .travel_infomation_mobile .travel_infomation_items .travel_infomation_header_content p {
        font-size: 16px;
        color: #FFF;
        letter-spacing: 1px;
        line-height: 28px;
        max-width: 716px;
        margin: 20px auto 0 auto;
        padding: 0 35px
    }

    .travel_infomation_mobile .travel_infomation_items .footer-wrap .contact-info {
        margin-bottom: 3rem;
    }

    .travel_infomation_mobile .travel_infomation_items .footer-wrap ul.contact-box {
        margin: 0 auto;
        line-height: 1.5rem;
        max-width: 200px;
    }

    .travel_infomation_mobile .travel_infomation_items .footer-wrap ul.contact-box li a {
        display: flex;
        align-items: center;
        font-size: 15px;
        line-height: 17px;
        color: #FFF;
        letter-spacing: 1px;
        padding-left: 0;
    }

    .travel_infomation_mobile .travel_infomation_items .footer-wrap ul.contact-box li img {
        margin-right: 1rem;
        color: #FEC665;
        z-index: 99;
    }

}

/*Tour Leader 管理編輯頁面*/
.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper > .container,
.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode section,
.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode ul.list_nav,
.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card .travel_list .list_price,
.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card .travel_list .list_img > a,
.page-convas .Tour_Leader .leader_list.leader-1 .anchor-tab-wrapper .Card_mode .tab-content .list_container .card:first-child > .travel_list > .row > .list_img {
    display: none;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode {
    margin: 0;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container {
    max-width: 100% !important;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card:hover {
    background: transparent !important;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card .travel_list > .row {
    display: flex;
    flex-wrap: nowrap;
    height: 198px;
    overflow: hidden;
    min-width: 888px;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card .travel_list .list_content > div.col-lg-12.col-md-12 {
    padding: 0 !important;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card > .travel_list > .row > .list_img {
    background: #FFF;
    border-right: 1px solid #a7a7a7;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card > .travel_list > .row > .list_img .list_img_main {
    width: 100%;
    height: 100%;
    display: grid;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card > .travel_list > .row > .list_img .list_img_main a {
    width: 100%;
    height: 100%;
    display: grid;
}

.page-convas .Tour_Leader .leader_list .anchor-tab-wrapper .Card_mode .tab-content .list_container .card > .travel_list > .row > .list_img .list_img_main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*客製化旅行*/
/*body {background: url("https://www.fantasy-tours.com/material-alias/FirmTour/header-menu-light-subbg.jpg");}
.D_customformfront_main section.group_table.contact {padding-top: 466px; margin-bottom: 0;}
.D_customformfront_main section.group_table.contact .container {padding: 30px 80px 60px;}
.D_customformfront_main section.group_table.contact:before, section.group_table .container {background: none;}
.D_customformfront_main section.group_table .container > h2,
.D_customformfront_main section.group_table.contact h4.row {display: none;}
.D_customformfront_main #form_customForm {padding: 0 15px;}
.D_customformfront_main #form_customForm .trip_title {position: initial; float: left; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px !important; margin: 0 !important; border: none !important;}
.D_customformfront_main #form_customForm .trip_title h5 {margin: 0;}
.D_customformfront_main #form_customForm .trip_title h5 p {font-size: 22px; line-height: 35px; margin: 45px 0;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main {width: 100%; height: 400px; border: 0; position: absolute; top: 66px; left: 0;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container {background: transparent !important; padding: 0 15px; max-width: 1360px;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content ul li h2 {display: inline-block;}
.D_customformfront_main #form_customForm .trip_title h5 .free-slogen {margin-bottom: 40px;}
.D_customformfront_main #form_customForm .trip_title h5 .free-slogen p {font-size: 16px !important; color: #7f7f7f !important;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100px; color: #fff; text-align: center; z-index: 5;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h1.breadcrumb__title {font-size: 60px; line-height: 65px; letter-spacing: 1px; font-family: 'Libre Baskerville', serif; margin-top: 0; margin-bottom: 10px !important; text-shadow: black 0.1em 0.01em 0.3em;}
.D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h2.breadcrumb__title{font-size: 35px; line-height: 35px; text-shadow: black 0.1em 0.01em 0.3em;}
.D_customformfront_main #form_customForm .form-row {position: relative;}
.D_customformfront_main .contac_form .form-group > label {color: #5a5959; font-size: 15px; letter-spacing: 0.5px; line-height: 42px; margin-bottom: 0;}
.D_customformfront_main .contac_form .form-group > label span.text_blue {color: #e60012; font-size: 15px; float: left;}
.D_customformfront_main .contac_form .form-row .form-group button {
  display: block;
  width: 128px;
  line-height: 40px;
  padding: 0 30px;
  border: 0;
  border-radius: 4px;
  font-size: 15px;
  color: #fff;
  background-image: url(/material-alias/FirmTour/europe-input-button_bg.jpg);
  background-size: cover;
  margin: 40px auto 0 auto;
  -webkit-transition: -webkit-all 0.5s ease;
  transition: -webkit-all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
.D_customformfront_main .contac_form .form-row .form-group button:hover {
  background-image: url(/material-alias/FirmTour/japan-input-button_bg.jpg);
  -webkit-transition: -webkit-all 0.5s ease;
  transition: -webkit-all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
#field_14 div.form-check {
  margin: 0 0 15px 10px;
  line-height: 36px;
  padding: 2px 10px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  -moz-box-shadow: -1px 0 5px #e8e8e8 inset, 0 5px 5px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
  -webkit-box-shadow: -1px 0 5px #e8e8e8 inset, 0 5px 5px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
  -o-box-shadow: -1px 0 5px #e8e8e8 inset, 0 5px 5px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
  box-shadow: -1px 0 5px #e8e8e8 inset, 0 5px 5px #e8e8e8 inset, 0 0 0 #e8e8e8 inset, 1px 0 0 #e8e8e8 inset;
  -webkit-transition: -webkit-all 0.5s ease;
  transition: -webkit-all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
#field_14 div.form-check:hover {
  border-color: #1e7c9c;
  color: #1e7c9c;
  -webkit-transition: -webkit-all 0.5s ease;
  transition: -webkit-all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
#field_14 div.form-check.active {
  background-color: #1e7c9c;
  border-color: #1e7c9c;
  box-shadow: 0 0 0 0;
  color: #fff;
  -webkit-transition: -webkit-all 0.5s ease;
  transition: -webkit-all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition: all 0.5s ease, -webkit-transform 0.5s ease;
}
#field_14 div.form-check .checkmark {top: 13px; left: 13px; border-radius: 20px !important; border: 1px solid #888; height: 15px; width: 15px;}
#field_14 div.form-check.active label.customcheck {color: #FFF;}
.form-check .customcheck .checkmark:after {left: 4px; top: -3px; height: 14px; border: solid #1e7c9c; border-width: 0 2px 2px 0;}
.form-check .customcheck input:checked ~ .checkmark {background-color: #FFF !important; border: 1px solid #FFF !important;}
#field_14 div:nth-child(11) {margin-left: 128px;}
#field_14 div.form-check label.customcheck {font-size: 16px; padding: 0 0 0 24px; display: flex; align-items: center; margin-bottom: 0; color: #5a5959; letter-spacing: 0.5px; font-family: "微軟正黑體", Helvetica, Arial, 'Noto Sans TC', Heiti TC, "メイリオ", sans-serif;}
#field_14 div:nth-child(5) .search-update,
#field_14 div:nth-child(6) .search-update,
#field_14 div:nth-child(7) .search-update,
#field_14 div:nth-child(8) .search-update,
#field_14 div:nth-child(9) .search-update,
#field_14 div:nth-child(10) .search-update,
#field_14 div:nth-child(11) .search-update {
  width: 100%;
  height: 42px !important;
  display: table;
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
#field_12, #field_13, #field_14, #field_15, #field_16, #field_18, #field_20, #field_22, #field_23, #field_24, #field_25, #field_26, #field_27, #field_29, #field_30, #field_31, #field_40, #field_32,
#field_33, #field_34, #field_35, #field_36, #field_37, #field_38, #field_39, #field_41, #field_44, #field_17, #field_19, #field_21 {
  background: url("https://www.fantasy-tours.com/material-alias/FirmTour/main-light-bg.jpg");
  padding: 10px 15% !important;
  margin: 0;
}
#field_12, #field_23, #field_15, #field_44 {border-top: 1px solid #FFF; border-bottom: 1px solid #C8C8C8; padding: 20px 15% !important; box-shadow: 0 -20px 25px -20px rgb(0 0 0 / 10%);}
#field_13, #field_24, #field_32 {padding: 20px 15% 10px !important;}
#field_12:before, #field_23:before, #field_15:before, #field_44:before {
  content: '';
  background: url(https://www.fantasy-tours.com/material-alias/FirmTour/page-sahdow-tl.png);
  position: absolute;
  top: 1px;
  left: 2px;
  z-index: 100;
  display: table;
  width: 60px;
  height: 60px;
  opacity: .4;
}
#field_12:after, #field_23:after, #field_15:after, #field_44:after {
  content: '';
  background: url(https://www.fantasy-tours.com/material-alias/FirmTour/page-sahdow-tr.png);
  position: absolute;
  top: 1px;
  right: 2px;
  z-index: 100;
  display: table;
  width: 60px;
  height: 60px;
  opacity: .4;
}
#field_14 {margin-bottom: 30px; padding-bottom: 40px !important; display: flex; flex-wrap: wrap; align-items: flex-start;}
#field_14.active-b {margin-bottom: 0; padding: 10px 15% 0 !important;}
#field_29 {margin-bottom: 30px; padding-bottom: 40px !important; padding-top: 0 !important;}
#field_29 label {display: none;}
#field_29 .form-control {width: 85%; margin-left: 128px;}
#field_22 .form-control {font-size: 15px; color: #888;}
#field_13 {display: flex;}
#field_13 .form-control {width: 225px; height: 42px; margin-left: 10px;}
#field_12 h3.form-title:before {content: '*'; color: #e60012; font-size: 15px; position: absolute; left: 36%; top: 15%;}
#field_12 h3.form-title:after {content: '(請填寫下列需求單內容,　號為必填欄位)'; color: #5a5959; font-size: 15px; margin-left: 10px;}
#field_15 h3.form-title:before {content: '*'; color: #e60012; font-size: 15px; position: absolute; right: 11%; top: 15%;}
#field_15 h3.form-title:after {content: '(　號為必填欄位)'; color: #5a5959; font-size: 15px; float: right;}
#field_12 h3.form-title, #field_23 h3.form-title, #field_15 h3.form-title, #field_44 h3.form-title {font-size: 18px; font-weight: bold; color: #000; position: relative;}
#field_13, #field_32, #field_16, #field_17, #field_24 {border-top: 1px solid #FFF;}
#field_24 h3.form-title {color: #5a5959; font-size: 15px;}
#field_25 .fa-calendar, #field_32 .fa-calendar {right: 16% !important; margin-top: 0;}
#field_18, #field_20, #field_26, #field_30, #field_33, #field_35, #field_37 {padding: 10px 10px 10px 15% !important;}
#field_16 {padding: 20px 10px 10px 15% !important;}
#field_27, #field_31, #field_34, #field_36, #field_38, #field_19, #field_21 {padding: 10px 15% 10px 10px !important;}
#field_17 {padding: 20px 15% 10px 10px !important;}
#field_39 {padding: 10px 640px 10px 15% !important;}
#field_23, #field_24, #field_25, #field_26, #field_27, #field_29, #field_30, #field_31, #field_40,
#field_44, #field_32, #field_33, #field_34, #field_35, #field_36, #field_37, #field_38, #field_39, #field_41 {display: none;}
#field_23.active, #field_24.active, #field_25.active, #field_26.active, #field_27.active, #field_29.active, #field_30.active, #field_31.active, #field_40.active,
#field_44.active, #field_32.active, #field_33.active, #field_34.active, #field_35.active, #field_36.active, #field_37.active, #field_38.active, #field_39.active, #field_41.active {display: block;}
#field_25 label:before, #field_27 label:before, #field_32 label:before, #field_34 label:before {content: '*'; color: #e60012;}
#field_40, #field_41 {margin-bottom: 30px; padding-bottom: 50px !important;}
#field_40:before, #field_41:before, #field_14:before, #field_29:before {
  content: '';
  background: url(https://www.fantasy-tours.com/material-alias/FirmTour/page-sahdow-bl.png);
  position: absolute;
  bottom: 1px;
  left: 2px;
  z-index: 100;
  display: table;
  width: 60px;
  height: 60px;
  opacity: .4;
}
#field_40:after, #field_41:after, #field_14:after, #field_29:after {
  content: '';
  background: url(https://www.fantasy-tours.com/material-alias/FirmTour/page-sahdow-br.png);
  position: absolute;
  bottom: 1px;
  right: 2px;
  z-index: 100;
  display: table;
  width: 60px;
  height: 60px;
  opacity: .4;
}
#field_14.active-b:after, #field_14.active-b:before {
  background: none;
}
#field_16, #field_17, #field_18, #field_19, #field_20, #field_21,
#field_25.active, #field_26.active, #field_27.active, #field_30.active, #field_31.active,
#field_32.active, #field_33.active, #field_34.active, #field_35.active, #field_36.active, #field_37.active, #field_38.active, #field_39.active {display: flex; align-items: center;}
#field_16 label, #field_17 label, #field_18 label, #field_19 label, #field_20 label, #field_21 label, #field_22 label,
#field_25 label, #field_26 label, #field_27 label, #field_30 label, #field_31 label {width: 88px; position: absolute; margin-left: 10px; border-right: 1px solid #ccc; line-height: initial; padding-right: 10px; font-weight: bold; color: #000;}
#field_32 label, #field_33 label, #field_34 label, #field_35 label, #field_36 label, #field_37 label, #field_38 label, #field_39 label {width: 128px; position: absolute; margin-left: 10px; border-right: 1px solid #ccc; line-height: initial; padding-right: 10px; font-weight: bold; color: #000;}
#field_16 input, #field_17 input, #field_18 input, #field_19 input, #field_20 input, #field_21 input,
#field_25 input, #field_26 input, #field_27 input, #field_30 input, #field_31 input {padding-left: 110px; float: left; height: 42px; border-radius: 0.25rem;}
#field_32 input, #field_33 input, #field_34 input, #field_35 input, #field_36 input, #field_37 input, #field_38 select, #field_39 select {padding-left: 150px; float: left; height: 42px; border-radius: 0.25rem;}
#field_22 label {margin-top: 11px;}
#field_22 textarea.form-control {padding-top: 42px;}
.D_customformfront_main .form-group textarea.form-control {min-height: 145px;}
.D_customformfront_main #field_40 label, #field_41 label {display: none;}
.D_customformfront_main #form_customForm > div.form-row:nth-last-child(2) {display: none;}
.D_customformfront_main #form_customForm > div.form-row:last-child {
  background: url("https://www.fantasy-tours.com/material-alias/FirmTour/main-light-bg.jpg");
  padding: 10px 0 80px !important;
  margin: 0 -5px 30px;
}
.D_customformfront_main #form_customForm > div.form-row:last-child:before {
  content: '';
  background: url(https://www.fantasy-tours.com/material-alias/FirmTour/page-sahdow-bl.png);
  position: absolute;
  bottom: 1px;
  left: 2px;
  z-index: 100;
  display: table;
  width: 60px;
  height: 60px;
  opacity: .4;
}
.D_customformfront_main #form_customForm > div.form-row:last-child:after {
  content: '';
  background: url(https://www.fantasy-tours.com/material-alias/FirmTour/page-sahdow-br.png);
  position: absolute;
  bottom: 1px;
  right: 2px;
  z-index: 100;
  display: table;
  width: 60px;
  height: 60px;
  opacity: .4;
}
.D_customformfront_main #form_customForm > div.form-row:last-child .form-group {padding-bottom: 40px; padding-top: 20px;}
.D_customformfront_main #form_customForm > div.form-row:last-child .form-group:after {
  content: "以上資料請務必詳實填寫，當您的需求單送出後，本公司人員將於近日內與您聯繫，並提供最專業之建議與規劃。若有任何旅遊相關問題，請撥打專線(02)2517-1157，感謝您！";
  position: absolute;
  padding: 20px 15%;
  width: 100%;
  top: 120px;
  left: 0;
  color: #5a5959;
  font-size: 15px;
  line-height: 24px;
}
.D_customformfront_main #form_customForm > div.form-row:last-child .form-group > div:before {
    content: '';
    border-top: 1px solid #C8C8C8;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1px;
}
.D_customformfront_main #form_customForm > div.form-row:last-child .form-group > div:after {
    content: '';
    border-bottom: 1px solid #FFF;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
@media (min-width:992px) and (max-width:1299px){
    .D_customformfront_main section.group_table.contact .container{
        padding: 30px 0 60px; max-width: 960px; width: 960px;
    }
    #field_12 h3.form-title:before{left:48%;}
    #field_14 div:nth-child(9) { margin-left: 128px;}
    #field_14 div:nth-child(11) { margin-left: 10px;}
    #field_15 h3.form-title:before{right:15%;}
}
@media (min-width:1300px){
    .D_customformfront_main section.group_table.contact .container{
        padding: 30px 0 60px; max-width: 1280px; width: 1280px;
    }
}
@media (max-width: 991.98px) {
  .D_customformfront_main section.group_table.contact {padding-top: 340px;}
  .D_customformfront_main section.group_table.contact .container {padding: 25px 10px 60px; width: 100%; max-width: 1140px;}
  .D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main {
    background-image: url(/material-alias/FirmTour/Tailor-Made.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 100%;
    height: 280px;
    top: 60px;
  }
  .D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h1.breadcrumb__title {font-size: 55px; line-height: 55px;}
  .D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h2.breadcrumb__title {font-size: 30px; margin-top: 0;}
  .D_customformfront_main #form_customForm .trip_title h5 p {font-size: 18px;}
  #field_12, #field_13, #field_14, #field_15, #field_16, #field_18, #field_20, #field_22,
  #field_23, #field_24, #field_25, #field_26, #field_27, #field_29, #field_30, #field_31,
  #field_40, #field_32, #field_33, #field_34, #field_35, #field_36, #field_37, #field_38,
  #field_39, #field_41, #field_44, #field_17, #field_19, #field_21 {padding: 10px 6% !important;}
  #field_12, #field_23, #field_15, #field_44 {padding: 20px 6% !important;}
  #field_13, #field_24, #field_32 {padding: 20px 6% 10px !important;}
  #field_12 h3.form-title:before {left: 316px;}
  .contac_form #field_14.form-group > label {width: 100%;}
  #field_14 div.form-check, #field_14 div:nth-child(11) {margin: 0 10px 15px 0;}
  #field_29 {padding: 0 6% 30px !important;}
  #field_29 .form-control {width: 100%; margin-left: 0; height: 42px;}
  #field_14.active-b {padding: 10px 6% 0 !important;}
  #field_15 h3.form-title:before {right:98px;}
  #field_16 {padding: 20px 10px 10px 6% !important;}
  #field_17 {padding: 20px 6% 10px 10px !important;}
  #field_18, #field_20, #field_26, #field_30, #field_33, #field_35, #field_37 {padding: 10px 10px 10px 6% !important;}
  #field_27, #field_31, #field_34, #field_36, #field_38, #field_19, #field_21 {padding: 10px 6% 10px 10px !important;}
  #field_14 {padding: 10px 6% 20px !important;}
  #field_40, #field_41 {padding: 10px 6% 30px !important;}
  #field_25 .fa-calendar, #field_32 .fa-calendar {right: 8% !important;}
  #field_39 {padding: 10px 400px 10px 6% !important;}
  .D_customformfront_main #form_customForm > div.form-row:last-child .form-group:after {padding: 20px 6%;}
}
@media (max-width: 767.98px) {
  .D_customformfront_main section.group_table.contact {padding-top: 310px;}
  .D_customformfront_main section.group_table.contact .container {padding: 20px 0 60px;}
  .D_customformfront_main #form_customForm {padding: 0 25px;}
  .D_customformfront_main #form_customForm .trip_title {padding: 0 !important;}
  .D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main {
    background-image: url(/material-alias/FirmTour/Tailor-Made.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 100%;
    height: 250px;
    top: 60px;
  }
  .D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h1.breadcrumb__title {font-size: 40px; line-height: 55px;}
  .D_customformfront_main #form_customForm .trip_title h5 .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h2.breadcrumb__title {font-size: 35px; margin-top: 0;}
  .D_customformfront_main #form_customForm .trip_title h5 p {font-size: 18px;}
  #field_12, #field_13, #field_14, #field_15, #field_16, #field_18, #field_20, #field_22,
  #field_23, #field_24, #field_25, #field_26, #field_27, #field_29, #field_30, #field_31,
  #field_40, #field_32, #field_33, #field_34, #field_35, #field_36, #field_37, #field_38,
  #field_39, #field_41, #field_44, #field_17, #field_19, #field_21 {padding: 10px 4% 0 !important;}
  #field_12, #field_23, #field_15, #field_44 {padding: 20px 4% !important;}
  #field_13, #field_24, #field_32 {padding: 20px 4% 0 !important;}
  #field_12 h3.form-title {display: flex; flex-wrap: wrap;}
  #field_12 h3.form-title:after {margin-left: 0;}
  #field_12 h3.form-title:before {left: 307px; top: 0;}
  .contac_form #field_14.form-group > label {width: 100%;}
  #field_14 div.form-check {width: calc(50% - 6px); margin: 0 6px 10px 0 !important;}
  #field_14 div:nth-child(11), #field_29 .form-control {margin-left: 0; width: calc(100% - 6px); height: 42px; border-radius: 0.25rem;}
  #field_14.active-b {padding: 10px 4% 0 !important;}
  #field_15 h3.form-title:before {right: 98px;}
  #field_16 {padding: 20px 4% 0 !important;}
  #field_17 {padding: 10px 4% 0 !important; border-top: none;}
  #field_27, #field_31, #field_34, #field_36, #field_38, #field_19, #field_21,
  #field_18, #field_20, #field_26, #field_30, #field_33, #field_35, #field_37 {padding: 10px 4% 0 !important;}
  #field_29 {padding: 0 4% 30px !important;}
  #field_14 {padding: 10px 4% 20px !important;}
  #field_40, #field_41 {padding: 10px 4% 30px !important;}
  .D_customformfront_main #form_customForm > div.form-row:last-child {padding: 10px 0 130px !important;}
  .D_customformfront_main #form_customForm > div.form-row:last-child .form-group {padding-bottom: 30px;}
  .D_customformfront_main #form_customForm > div.form-row:last-child .form-group:after {padding: 10px 4%;}
}
@media (max-width:489px){
    #field_12 h3.form-title:before { left: 163px; top: 24px;}
}*/


body.D_customformfront_finish {
    background: url("https://www.fantasy-tours.com/material-alias/FirmTour/header-menu-light-subbg.jpg");
}

.D_customformfront_finish section.group_table.contact {
    padding-top: 466px;
    margin-bottom: 0;
}

.D_customformfront_finish section.group_table.contact .container {
    padding: 30px 80px 60px;
}

.D_customformfront_finish section.group_table.contact:before, section.group_table .container {
    background: none;
}

.D_customformfront_finish section.group_table .container > h2,
.D_customformfront_finish section.group_table.contact h4.row {
    display: none;
}

.D_customformfront_finish section.group_table.contact .trip_title {
    position: initial;
    float: left;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px !important;
    margin: 0 !important;
    border: none !important;
}

.D_customformfront_finish section.group_table.contact .trip_title h6 {
    display: block;
    width: 140px;
    height: 140px;
    margin: 3rem auto 0;
    border-radius: 200px;
    border: 9px solid #ccc;
    line-height: 143px;
}

.D_customformfront_finish section.group_table.contact .trip_title h6 i {
    font-size: 3.5rem;
    margin-right: -15px;
}

.D_customformfront_finish section.group_table.contact .trip_title h3 {
    margin-top: 2rem;
}

.D_customformfront_finish section.group_table.contact .trip_title p {
    font-size: 20px;
    line-height: 35px;
    margin: 25px 0 45px;
}

.D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main {
    width: 100%;
    height: 400px;
    border: 0;
    position: absolute;
    top: 66px;
    left: 0;
}

.D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container {
    background: transparent !important;
    padding: 0 15px;
    max-width: 1360px;
}

.D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content ul li h2 {
    display: inline-block;
}

.D_customformfront_finish section.group_table.contact .trip_title .free-slogen {
    margin-bottom: 40px;
}

.D_customformfront_finish section.group_table.contact .trip_title .free-slogen p {
    font-size: 16px !important;
    color: #7f7f7f !important;
}

.D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100px;
    color: #fff;
    text-align: center;
    z-index: 5;
}

.D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h1.breadcrumb__title {
    font-size: 60px;
    line-height: 65px;
    letter-spacing: 1px;
    font-family: 'Libre Baskerville', serif;
    margin-top: 0;
    margin-bottom: 10px !important;
    text-shadow: black 0.1em 0.01em 0.3em;
}

.D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h2.breadcrumb__title {
    font-size: 35px;
    line-height: 35px;
    text-shadow: black 0.1em 0.01em 0.3em;
}

.D_customformfront_finish section.group_table.contact .form-row {
    position: relative;
}

.D_customformfront_finish .go_home_btn {
    display: block;
    width: 128px;
    line-height: 40px;
    padding: 0 30px;
    border: 0;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6df7f6b1-4af3-4b85-85cf-ee840e2ba8be.jpg);
    background-size: cover;
    margin: 40px auto 0 auto;
    text-align: center;
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

.D_customformfront_finish .go_home_btn:hover {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/38ea1749-62ab-4ee4-a3f3-2a4853145874.jpg);
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

@media (max-width: 991.98px) {
    .D_customformfront_finish section.group_table.contact {
        padding-top: 340px;
    }

    .D_customformfront_finish section.group_table.contact .container {
        padding: 25px 10px 60px;
        width: 100%;
        max-width: 1140px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main {
        background-image: url(/material-alias/FirmTour/Tailor-Made.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 1;
        width: 100%;
        height: 280px;
        top: 60px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h1.breadcrumb__title {
        font-size: 55px;
        line-height: 55px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h2.breadcrumb__title {
        font-size: 30px;
        margin-top: 0;
    }

    .D_customformfront_finish section.group_table.contact .trip_title p {
        font-size: 18px;
    }
}

@media (max-width: 767.98px) {
    .D_customformfront_finish section.group_table.contact {
        padding-top: 310px;
    }

    .D_customformfront_finish section.group_table.contact .container {
        padding: 20px 0 60px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main {
        background-image: url(/material-alias/FirmTour/Tailor-Made.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 1;
        width: 100%;
        height: 250px;
        top: 60px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h1.breadcrumb__title {
        font-size: 40px;
        line-height: 55px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title .breadcrumb-main .breadcrumb-outer .container .breadcrumb-content h2.breadcrumb__title {
        font-size: 35px;
        margin-top: 0;
    }

    .D_customformfront_finish section.group_table.contact .trip_title h6 {
        width: 100px;
        height: 100px;
        margin: 0.5rem auto 0;
        border: 6px solid #ccc;
        line-height: 100px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title h6 i {
        font-size: 2.5rem;
        margin-right: -12px;
    }

    .D_customformfront_finish section.group_table.contact .trip_title h3 {
        margin-top: 1rem;
    }

    .D_customformfront_finish section.group_table.contact .trip_title p {
        font-size: 16px;
        line-height: 28px;
        margin: 10px 0 10px;
    }

    .D_customformfront_finish .go_home_btn {
        margin-top: 30px;
    }
}

/*********mavis ke*********/
/***** 部落格 blog *****/
.web-page-frame .widget-item.blog_title > .module-container > .main {
    border: 1px solid #e5e7eb;
    position: relative;
    margin: 34px 0 0;
}

.blog_title .header-title {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 23px;
    font-weight: 600;
    color: #374151;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: #ffffff;
}

.blog_slider_block > .module-container .main.row {
    padding-top: 66px;
}

.blog_slider .carousel-fade .carousel-item {
    display: block;
    height: 100%;
    width: 100%;
}

.blog_slider .carousel-fade .carousel-item img {
    height: 100%;
    object-fit: cover;
}

.blog_slider .bs-carousel {
    padding-bottom: 40px;
}

.blog_slider .carousel-inner {
    height: 250px;
}

.blog_slider .carousel-indicators {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
}

.blog_slider .carousel-indicators li {
    position: relative;
    -ms-flex: 0 auto;
    flex: 0 0 auto;
    width: 14.9%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    border-top: 0;
    border-bottom: 0;
    opacity: 1;
    padding: 0.5rem 0.5rem 6.81%;
    background: #ffffff;
}

.blog_slider .carousel-indicators li > div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    position: absolute;
    left: 0.5rem;
}

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

.blog_nav {
    margin-top: 10px;
}

.blog_slider_block + .blog_nav_block .blog_nav {
    margin-top: 15px;
}

.blog_nav .responsive-drop-down-menu {
    background-color: #ffffff;
}

.blog_nav .responsive-drop-down-menu > ul {
    justify-content: center;
}

.blog_nav .responsive-drop-down-menu > ul > li {
    flex: 0 0 auto;
    min-width: 80px;
}

.blog_nav .responsive-drop-down-menu > ul > li:after {
    display: none;
}

.blog_nav .responsive-drop-down-menu > ul > li > a {
    color: #111827;
    font-size: 16px;
    font-weight: 500;
    padding: 0.875rem;
}

.blog_nav .responsive-drop-down-menu > ul > li.has-sub > a:before {
    display: none;
}

.blog_nav .responsive-drop-down-menu > ul > li.has-sub > a {
    padding-right: 0.875rem;
}

.blog_nav .responsive-drop-down-menu > ul > li.active > a {
    color: #111827;
}

.blog_nav .responsive-drop-down-menu > ul > li:hover > a {
    color: #1d4ed8;
}

.blog_nav .responsive-drop-down-menu ul li ul {
    background: rgb(255 255 255 / 90%);
}

.blog_nav .responsive-drop-down-menu > ul > li:hover > ul {
    left: 0;
    top: calc(100% + 2px);
}

.blog_nav .responsive-drop-down-menu > ul > li > ul {
    width: 465px;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li {
    display: flex;
}

.blog_nav .responsive-drop-down-menu ul li ul li + li > a,
.blog_nav .responsive-drop-down-menu ul li ul li + li > ul {
    border-top: 0;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > a {
    width: 120px;
    border: 1px solid #e5e7eb;
    border-right: 0;
}

.blog_nav .responsive-drop-down-menu ul li ul li {
    background-color: transparent;
}

.blog_nav .responsive-drop-down-menu ul li ul li ul {
    display: flex;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > ul {
    border: 1px solid #e5e7eb;
    border-left: 0;
}

.blog_nav .responsive-drop-down-menu ul li:hover ul li > ul {
    position: initial;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.blog_nav .responsive-drop-down-menu ul li:hover ul li > ul > li {
    max-height: 78px;
    position: relative;
}

.blog_nav .responsive-drop-down-menu > ul > li:hover > ul > li {
    max-height: initial;
}

.blog_nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover {
    background-color: transparent;
}

.blog_nav .responsive-drop-down-menu ul li ul li:hover > ul > li {
    background-color: transparent !important;
}

.blog_nav .responsive-drop-down-menu ul li ul li:hover > ul > li:hover {
    background-color: transparent !important;
}

.blog_nav .responsive-drop-down-menu ul li ul li.has-sub:before {
    display: none;
}

.blog_nav .responsive-drop-down-menu ul li ul li a {
    padding: 0.75rem 0.5rem 0.75rem 1.5rem;
    color: #111827;
    font-size: 15px;
    line-height: 24px;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > ul > li {
    flex: 0 0 33.333333%;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > ul > li > a {
    padding: 0.75rem 0.25rem 0.75rem 1.2rem;
    width: auto;
    color: #6b7280;
    position: relative;
    text-align: center;
    display: table;
    margin: 0 auto;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li:hover > a, .blog_nav .responsive-drop-down-menu > ul > li > ul > li.active > a {
    color: #111827;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > a:hover {
    color: #1d4ed8;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > ul > li:hover > a {
    color: #1d4ed8;
}

.blog_nav .responsive-drop-down-menu > ul > li > ul > li > ul > li > a::before {
    content: "";
    display: none;
    position: absolute;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/c3bd5e42-860b-4bdf-a5ee-cec170c481f8.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    width: 18px;
    height: 18px;
    left: 0;
}

/* blog共用nav */
.blog_nav_block {
    margin-top: 10px;
}

.blog_nav_block .share_nav .navbar {
    padding: 0;
}

.blog_nav_block .share_nav .navbar-expand-lg .navbar-collapse {
    justify-content: left;
}

.blog_nav_block .share_nav .dropdown-toggle::after {
    display: none;
}

.blog_nav_block .share_nav .navbar-expand-lg .navbar-nav .nav-item {
    min-width: 80px;
}

.blog_nav_block .share_nav .navbar-expand-lg .navbar-nav .nav-link {
    color: #111827;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0.875rem;
    font-family: 'PT Sans', '微軟正黑體', sans-serif;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog_nav_block .share_nav .navbar-nav .nav-item:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: rgb(147 197 253);
    bottom: 0;
}

.blog_nav_block .share_nav .navbar-nav .dropdown .dropdown-menu {
    width: 465px;
    border: 1px solid #e5e7eb;
    padding: 0;
    background: rgb(255 255 255 / 90%);
    margin-top: 0;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu .dropdown-item {
    display: flex;
    background: transparent;
    flex-wrap: wrap;
    padding: 0;
    font-family: 'PT Sans', '微軟正黑體', sans-serif;
}

.blog_nav_block .share_nav .navbar-nav .dropdown .dropdown-menu .dropdown-item + .dropdown-item {
    border-top: 1px solid #e5e7eb;
}

.blog_nav_block .share_nav .navbar-nav .dropdown .dropdown-menu .item_area {
    flex: 0 0 120px;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    padding-left: 1.1rem;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu .item_area a {
    color: #111827;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu .item_location {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu .item_location > a {
    position: relative;
    flex: 0 0 33.333333%;
    text-decoration: none;
    color: #6b7280;
    font-size: 15px;
    padding-left: 1.2rem;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu .item_location > a::before {
    content: "";
    display: none;
    position: absolute;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/c3bd5e42-860b-4bdf-a5ee-cec170c481f8.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    width: 18px;
    height: 18px;
    left: 0;
}

.blog_nav_block .share_nav .navbar-nav .dropdown:hover > .dropdown-menu .item_location > a:hover::before {
    display: block;
}

.blog_nav_block .share_nav .navbar-nav .nav-item:hover .nav-link {
    color: #1d4ed8;
}

.blog_nav_block .share_nav .dropdown-menu.show {
    display: none;
}

.responsive-drop-down-menu ul li ul li ul li:hover > a::before {
    display: block;
}

.blog_hot_article {
    margin-bottom: 20px;
}

.blog_hot_article .hover-wall .htpro_tit {
    display: none;
}

.blog_hot_article .hover-wall > .container-fluid > .row {
    padding: 40px 40px 0;
}

.blog_hot_article .hover-wall > .container-fluid > .row > div {
    padding-left: 1rem;
    padding-right: 1rem;
}

.blog_hot_article .hover-wall .icon_info {
    box-shadow: none;
    border-radius: 0;
}

.blog_hot_article .hover-wall .icon_info:hover {
    bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.blog_hot_article .hover-wall .icon_info figure {
    border-radius: 2.5px;
}

.blog_hot_article .hover-wall .icon_info figure .b_img {
    aspect-ratio: 5/2.85;
    object-fit: cover;
    object-position: center center;
}

.blog_hot_article .hover-wall .icon_info:hover figure .b_img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.blog_hot_article .hover-wall figure .overlay {
    display: none;
}

.blog_hot_article .hover-wall .icon_info h3 {
    font-size: 15px;
    font-weight: normal;
}

.blog_hot_article .hover-wall .icon_info p.animate-text {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog_btn {
    display: table;
    margin: 0 auto;
}

.blog_btn a {
    background-color: #1D7D9C;
    font-size: 16px;
    color: #ffffff;
    padding: 6px 20px;
    text-decoration: none;
}

.blog_FBshare {
    text-align: right;
    margin: 20px 0 40px;
}

.blog_FBshare a {
    font-family: 'PT Sans', '微軟正黑體', sans-serif;
    text-decoration: none;
    color: #4b4b4b;
    font-size: 15px;
    line-height: 24px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    position: relative;
}

.blog_FBshare a::after {
    content: "\f09a";
    font-family: FontAwesome, serif !important;
    margin-left: 5px;
    font-size: 20px;
    color: #000000;
    position: absolute;
}

.blog_mainarticle_block, .blog_latestlist_block {
    margin-bottom: 20px;
}

.blog_mainarticle_block {
    flex: 0 0 100%;
    padding: 0 30px 0 15px;
}

.blog_mainarticle.one .mix-wrapper {
    padding: 15px;
}

.blog_mainarticle.two .mix-wrapper {
    padding: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog_mainarticle.two .mix-wrapper > .row {
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    margin: 0 0 40px;
}

.blog_mainarticle .pic-content, .blog_mainarticle .editor-content {
    padding: 0;
}

.blog_mainarticle.one .mix-wrapper > .row:first-child .pic-content {
    display: none;
}

.blog_mainarticle .mix-wrapper .pic-content .img-box {
    text-align: center;
}

.blog_mainarticle .mix-wrapper .pic-content .img-box img {
    width: auto;
    border-radius: 2.5px;
    aspect-ratio: 5/2.85;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center center;
}

.blog_mainarticle .editor-content article {
    text-align: center;
}

.blog_mainarticle .pic-content {
    margin-top: 0;
    margin-bottom: 0;
}

.blog_mainarticle .editor-content article h2 {
    font-size: 15px;
    color: #c5b07c;
    font-weight: 400;
}

.blog_mainarticle.two .editor-content article h2 {
    font-size: 20px;
    margin: 0 15px 15px;
}

.blog_mainarticle .editor-content article h3 {
    margin-top: 16px;
}

.blog_mainarticle.two .editor-content article h3 {
    margin: 0 5px 10px;
}

.blog_mainarticle .editor-content article h3, .blog_mainarticle .editor-content article h3 a {
    color: #1e7c9c;
    font-size: 30px;
    line-height: 2.5rem;
    font-weight: 600;
    text-decoration: none;
}

.blog_mainarticle.two .editor-content article h3, .blog_mainarticle.two .editor-content article h3 a {
    height: 60px;
    display: block;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog_mainarticle .editor-content article div {
    color: #6b7280;
    font-size: 14px;
}

.blog_mainarticle.two .editor-content article div {
    font-size: 12px;
    margin: 10px 0;
}

.blog_mainarticle .editor-content p {
    margin: 10px 20px;
    line-height: 25px;
    color: #374151;
    word-break: break-all;
}

.blog_mainarticle.two .editor-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog_mainarticle .blog_btn {
    padding-top: 5px;
}

.blog_mainarticle.two .blog_btn a {
    padding: 8px 20px;
}

.blog_latestlist {
    padding: 0 0 0 30px;
}

.blog_latestlist_block {
    flex: 0 0 100%;
}

.blog_latestlist .hover-wall .htpro_tit {
    display: none;
}

.blog_latestlist .hover-wall > .container-fluid > .row {
    padding: 40px 28px 0;
}

.blog_latestlist .hover-wall > .container-fluid > .row > div {
    padding-left: 0;
    padding-right: 0;
}

.blog_latestlist .hover-wall .icon_info {
    box-shadow: none;
    border-radius: 0;
}

.blog_latestlist .hover-wall .icon_info:hover {
    bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.blog_latestlist .hover-wall .icon_info figure {
    border-radius: 0.125rem;
}

.blog_latestlist .hover-wall .icon_info figure .b_img {
    aspect-ratio: 5/2.85;
    object-fit: cover;
    object-position: center center;
}

.blog_latestlist .hover-wall .icon_info:hover figure .b_img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.blog_latestlist .hover-wall figure .overlay {
    display: none;
}

.blog_latestlist .hover-wall .icon_info h3 {
    font-size: 15px;
    font-weight: normal;
}

.blog_latestlist .hover-wall .icon_info p.animate-text {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog_mainarticle.detail .editor-content article h2 {
    font-size: 20px;
    color: #374151;
}

.blog_mainarticle.detail .editor-content article h3, .blog_mainarticle.detail .editor-content article h3 a {
    color: #1f2937;
    font-size: 30px;
}

.blog_mainarticle.detail .editor-content {
    margin-top: 0;
    margin-bottom: 0;
}

.blog_mainarticle.detail h4 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.blog_mainarticle .editor-content .detail_info p {
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    border-left: solid #000000 0.5pt;
    border-right: solid #000000 0.5pt;
    margin: 0 0 10px;
    padding: 1pt 4pt 0 4pt;
}

.blog_mainarticle .editor-content .detail_info p:first-child {
    border-top: solid #000000 0.5pt;
}

.blog_mainarticle .editor-content .detail_info p:last-child {
    border-bottom: solid #000000 0.5pt;
}

.blog_route_frame {
    padding: 6px 0 0 30px;
}

.blog_route .falls-container .grid {
    height: auto !important;
    margin: 30px 15px 0;
    padding-bottom: 0;
}

.blog_route .grid .grid-item {
    position: relative !important;
    transform: initial !important;
    left: initial !important;
    top: initial !important;
}

.blog_route .falls-container .grid .grid-item h3 {
    margin: 5px;
    color: #374151;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
}

.blog_route .falls-container .grid .grid-item h4 {
    color: #111827;
    height: 50px;
    font-size: 16px;
    line-height: 22px;
    margin: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog_route .falls-container .grid .grid-item p {
    margin: 0;
}

.blog_route .falls-container .grid .grid-item img {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 2.5px;
    aspect-ratio: 5/2.85;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center center;
}

@media (min-width: 768px) {
    .blog_width {
        max-width: 768px;
    }

    .blog_hot_article {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog_hot_article .hover-wall > .container-fluid > .row > div {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .blog_mainarticle_block {
        flex: 0 0 485px;
    }

    .blog_latestlist_block {
        flex: 0 0 258px;
    }

    .blog_latestlist .hover-wall > .container-fluid > .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog_slider .carousel-inner {
        height: 480px;
    }

    .blog_nav .responsive-drop-down-menu > ul > li > ul > li {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .blog_width {
        max-width: 1024px;
    }

    .blog_nav_block {
        border-bottom: 2px solid rgb(229 231 235 / 50%) !important;
    }

    .blog_hot_article {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog_mainarticle_block {
        flex: 0 0 656px;
    }

    .blog_latestlist_block {
        flex: 0 0 346px;
    }

    .blog_latestlist {
        padding: 0 0 0 48px;
    }
}

@media (min-width: 1280px) {
    .blog_width {
        max-width: 1280px;
    }

    .blog_hot_article {
        padding-left: 50px;
        padding-right: 50px;
    }

    .blog_hot_article .hover-wall > .container-fluid > .row > div {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .blog_mainarticle_block {
        flex: 0 0 818px;
    }

    .blog_latestlist_block {
        flex: 0 0 360px;
    }

    .blog_nav_block .share_nav .navbar-expand-lg .navbar-collapse {
        justify-content: center;
    }
}

@media (min-width: 1536px) {
    .blog_width {
        max-width: 1536px;
    }

    .blog_hot_article {
        padding-left: 64px;
        padding-right: 64px;
    }

    .blog_hot_article .hover-wall > .container-fluid > .row > div {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .blog_mainarticle_block {
        flex: 0 0 937.333333px;
    }

    .blog_latestlist_block {
        flex: 0 0 468.666667px;
    }
}

@media (max-width: 1023px) {
    .blog_nav_block {
        display: none !important;
    }

    .blog_mainarticle.two .mix-wrapper > .row {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 991px) {
    .blog_slider_block > .module-container .main.row {
        padding-top: 60px;
    }

    .blog_slider .carousel-indicators {
        width: 768px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .blog_slider .carousel-indicators li {
        width: 33.333333%;
        padding: 10px 0 10%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .blog_slider .bs-carousel {
        padding-bottom: 85px;
    }
}

@media (max-width: 767px) {
    .blog_slider .bs-carousel {
        padding-bottom: 0;
    }

    .blog_slider .carousel-indicators {
        display: none;
    }

    .blog_mainarticle.one .mix-wrapper {
        padding-top: 0;
    }

    .blog_mainarticle_block {
        padding: 30px 35px 15px;
    }

    .blog_mainarticle.one .editor-content {
        margin-top: 0;
    }
}


/***** 蜜月專區 HoneyMoons *****/
.web-page-frame .honey_moon_width > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.honey_moon_slider .carousel-inner::before {
    position: absolute;
    bottom: -1px;
    content: '';
    z-index: 2;
    display: block;
    width: 100%;
    height: 50px;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/dd71829a-c31c-4365-808a-2c4d52bb392a.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.honey_moon_slider .carousel-indicators {
    bottom: 40px;
    margin-bottom: 30px;
}

.honey_moon_slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: 8px;
    background-color: transparent;
    border: 1px solid #ffffff;
    opacity: 1;
}

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

.honey_moon_slider .carousel-control-next, .honey_moon_slider .carousel-control-prev {
    width: 90px;
    opacity: 1;
}

.honey_moon_slider .carousel-control-next:focus, .honey_moon_slider .carousel-control-next:hover, .honey_moon_slider .carousel-control-prev:focus, .honey_moon_slider .carousel-control-prev:hover {
    opacity: 1;
}

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

.honey_moon_slider .carousel-control-next-icon {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a278e4d6-b1cf-419f-ac16-62b5653e77f6.png);
}

.honey_moon_slider .carousel-control-next:hover .carousel-control-next-icon {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/b6cc9eff-adb5-4ae6-acd6-0adf92db55b5.png);
}

.honey_moon_slider .carousel-control-prev-icon {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/b5eacd95-ea74-47ac-979d-df2f92a93e79.png);
}

.honey_moon_slider .carousel-control-prev:hover .carousel-control-prev-icon {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2f03a116-3dba-4acd-8a91-c81e58ea920b.png);
}

.honey_moon_title {
    margin: 40px 0 10px 0;
}

.honey_moon_title h1 {
    font-size: 40px;
    margin-bottom: 15px;
    color: #1e7c9c;
}

.honey_moon_title h1::after {
    content: '';
    display: block;
    width: 378px;
    height: 85px;
    margin: -20px auto 5px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/89f60a10-8b57-4d30-b8dc-26c1765b4c0c.png);
    box-sizing: border-box;
}

.honey_moon_selector {
    text-align: center;
    overflow: hidden;
}

.honey_moon_selector.scroll-to-fixed-fixed > .module-container > .main {
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/0e64149b-2f4b-4579-829c-45b4969cd767.jpeg) !important;
}

.honey_moon_selector ul:before {
    left: -45px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/15adeef7-3c2b-4bd6-bd22-02032a884d82.png);
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    box-sizing: border-box;
}

.honey_moon_selector ul {
    position: relative;
    display: inline-block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/621295d3-3ac7-42af-be8a-085e0f9abd81.png);
    background-repeat: repeat-x;
    background-size: auto;
    margin: 0 auto;
    background-position: center;
    padding: 7px 50px 0;
}

.honey_moon_selector ul:after {
    right: -45px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9749440f-d795-48ee-8b1c-aefcc109142e.png);
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    box-sizing: border-box;
}

.honey_moon_selector ul li {
    display: inline-block;
}

.honey_moon_selector ul li a {
    color: #939393;
    padding: 13px 16px;
    margin-top: -7px;
    border: 0;
    background-color: rgb(243 135 129 / 0%);
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.honey_moon_selector ul li a.active {
    padding: 13px 16px;
    background-color: #F38781;
    color: #fff;
    border-radius: 3px;
}

/* Honey Moon 共用nav */
.honey_moon_nav {
    text-align: center;
    overflow: hidden;
}

.honey_moon_nav.scroll-to-fixed-fixed > .module-container > .main {
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/0e64149b-2f4b-4579-829c-45b4969cd767.jpeg) !important;
}

.honey_moon_nav .share_nav ul:before {
    left: -45px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/15adeef7-3c2b-4bd6-bd22-02032a884d82.png);
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    box-sizing: border-box;
}

.honey_moon_nav .share_nav ul {
    position: relative;
    display: inline-block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/621295d3-3ac7-42af-be8a-085e0f9abd81.png);
    background-repeat: repeat-x;
    background-size: auto;
    margin: 0 auto;
    background-position: center;
    padding: 7px 20px 0;
}

.honey_moon_nav .share_nav ul:after {
    right: -45px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9749440f-d795-48ee-8b1c-aefcc109142e.png);
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    box-sizing: border-box;
}

.honey_moon_nav .share_nav ul li {
    display: inline-block;
}

.honey_moon_nav .share_nav ul li a {
    font-size: 15px;
    color: #1e7c9c;
    padding: 13px 16px;
    margin-top: -7px;
    border: 0;
    background-color: rgb(243 135 129 / 0%);
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.honey_moon_nav .share_nav.area01 ul li:nth-child(1) a,
.honey_moon_nav .share_nav.area02 ul li:nth-child(2) a,
.honey_moon_nav .share_nav.area03 ul li:nth-child(3) a,
.honey_moon_nav .share_nav.area04 ul li:nth-child(4) a,
.honey_moon_nav .share_nav.area05 ul li:nth-child(5) a,
.honey_moon_nav .share_nav.area06 ul li:nth-child(6) a,
.honey_moon_nav .share_nav.area07 ul li:nth-child(7) a,
.honey_moon_nav .share_nav.area08 ul li:nth-child(8) a,
.honey_moon_nav .share_nav.area09 ul li:nth-child(9) a,
.honey_moon_nav .share_nav.area10 ul li:nth-child(10) a {
    padding: 13px 16px;
    background-color: #F38781;
    color: #fff;
    border-radius: 3px;
}

.honey_moon_route {
    padding-bottom: 50px;
}

.honey_moon_route .hover-wall .htpro_tit {
    display: none;
}

.honey_moon_route .hover-wall > .container-fluid > .row > div {
    margin: 40px 0;
}

.honey_moon_route .hover-wall .icon_info {
    box-shadow: none;
    background: transparent;
    -webkit-animation: fadeInLeft 1s ease-in-out both;
    animation: fadeInLeft 1s ease-in-out both;
}

.honey_moon_route .hover-wall .icon_info:hover {
    bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.honey_moon_route .icon_info > a {
    padding: 10px;
    display: block;
    height: 242px;
}

.honey_moon_route .icon_info > a::before {
    content: "";
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/6908d876-96bc-4d88-8bb1-eec1ae20706a.png);
    background-size: 255px;
    background-position: center;
    background-repeat: no-repeat;
    width: 255px;
    height: 242px;
    position: absolute;
    left: 3px;
    top: 0;
    z-index: 1;
}

.honey_moon_route .hover-wall .icon_info figure {
    position: absolute;
    border-radius: 100%;
    display: block;
    width: 225px;
    height: 225px;
    top: 10px;
    margin-bottom: 0;
}

.honey_moon_route .hover-wall figure .overlay {
    display: none;
}

.honey_moon_route .hover-wall .icon_info:hover figure .b_img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.honey_moon_route .hover-wall .icon_info h3 {
    margin-top: 30px;
    margin-left: 30px;
    padding: 0 0 0 230px;
    text-align: justify;
    line-height: normal;
    font-size: 18px;
}

.honey_moon_route .hover-wall .icon_info h4 {
    font-style: normal;
    margin-bottom: 10px;
    margin-left: 30px;
    padding: 0 0 0 230px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
}

.honey_moon_route .hover-wall .icon_info p.animate-text {
    font-family: "Libre Baskerville", serif;
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 24px;
    margin-bottom: 0;
    margin-right: 2px;
    margin-left: 30px;
    padding: 0 0 0 230px;
}

.honey_moon_route .hover-wall .icon_info p::before {
    content: "NT";
    font-size: 18px;
    font-family: Arial, serif;
    font-weight: 400;
    padding-right: 6px;
    letter-spacing: 0;
    color: #CB002D;
}

.honey_moon_content {
    color: #fff;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/844f4fcc-a4ff-48b7-ba97-ed65d0219c68.jpeg);
}

.honey_moon_content > .module-container > .main {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/f2ac9bab-db8e-4ba7-be9d-481b0e2f9577.jpeg);
}

.honey_moon_content .honey_moon_gifts {
    position: relative;
    padding: 10px 0 50px;
}

.honey_moon_content .in-view {
    height: 0;
    -webkit-animation: fadeInRight 1s ease-in-out both;
    animation: fadeInRight 1s ease-in-out both;
}

.honey_moon_gift_header .drawing {
    position: absolute;
    background-repeat: no-repeat;
}

.honey_moon_gift_header .drawing_top1 {
    width: 20%;
    height: 480px;
    background-size: contain;
    top: -20px;
    right: 160px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/98b76c64-1304-46d2-9edc-f1e539ef4f38.png);
    z-index: 1;
}

.honey_moon_gift_header .drawing_top2 {
    width: 20%;
    height: 277px;
    top: -50px;
    right: 50px;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/8833f885-dc2f-49c0-ac73-37da91178da5.png);
    z-index: 1;
}

.honey_moon_gift_header .drawing_top3 {
    width: 115px;
    height: 154px;
    top: 145px;
    right: 80px;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/b96062d3-a000-4a92-a9f2-e4cd65c25576.png);
    z-index: 1;
}

.honey_moon_content .container {
    max-width: 1350px;
    margin: auto;
    padding: 0 15px;
}

/* 各線蜜月優惠內容 */
.honey_moon_gift_header {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/844f4fcc-a4ff-48b7-ba97-ed65d0219c68.jpeg);
}

.honey_moon_gift_header h3 {
    font-size: 35px;
    line-height: 35px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(1.5);
    margin-top: 80px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    color: #ffffff;
}

.honey_moon_gift_header h4::before {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/fcb71fc9-16cf-409c-8fa7-400a69247c56.png);
    margin-left: -180px;
    content: '';
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 122px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.honey_moon_gift_header h4 {
    position: relative;
    font-size: 32px;
    display: block;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
    font-family: 'PT Sans', '微軟正黑體', sans-serif;
}

.honey_moon_gift_header h4::after {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3cb53b2c-6891-463b-84e1-11061d10d642.png);
    margin-left: 190px;
    content: '';
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 122px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.honey_moon_gift_header .dot {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/fd45c60e-bd9e-42e3-81ea-0fca0ce5332d.png);
    display: block;
    width: 345px;
    height: 5px;
    margin: 12px auto;
}

.honey_moon_gift_header p {
    font-size: 16px;
    font-family: '微軟正黑體', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    line-height: 28px;
    max-width: 716px;
    margin: 20px auto 0 auto;
    color: #ffd7e0;
}

.honey_moon_gift_header .fade-InRight.in-view {
    -webkit-animation: fadeInRight 1s ease-in-out both;
    animation: fadeInRight 1s ease-in-out both;
}

.honey_moon_gift_header .fade-InRight.in-view.delay1 {
    animation-delay: 1s !important;
    -webkit-animation-delay: 1s !important;
    -o-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
}

.honey_moon_gift_header .fade-InRight.in-view.delay15 {
    animation-delay: 1.5s !important;
    -webkit-animation-delay: 1.5s !important;
    -o-animation-delay: 1.5s !important;
    -moz-animation-delay: 1.5s !important;
}

.honey_moon_gifts {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/844f4fcc-a4ff-48b7-ba97-ed65d0219c68.jpeg);
}

.honey_moon_content .gift {
    position: relative;
    width: 70%;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 0 8% 80px 14%;
    margin: 60px auto 80px auto;
    font-size: 15px;
    font-family: '微軟正黑體', sans-serif;
}

.honey_moon_content .gift h5 {
    position: relative;
    font-size: 25px;
    line-height: normal;
    margin: 30px 0;
    text-align: center;
}

.honey_moon_content .gift h5::after {
    position: absolute;
    top: 45px;
    content: '';
    display: block;
    background-size: 100% 99%;
    background-repeat: no-repeat;
    border-top: 1px solid rgba(139, 139, 139, 0.2);
    background-position: bottom center;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/c66a0a2e-0869-4219-9349-0fda3689512d.png);
    width: 100%;
    padding-top: 5px;
    height: 30px;
    box-sizing: border-box;
}

.honey_moon_content .gift .pic {
    position: absolute;
    top: -50px;
    left: -100px;
    width: 250px;
    height: 250px;
    text-align: center;
}

.honey_moon_content .gift .pic .imagebox {
    width: 100%;
    height: 100%;
}

.honey_moon_content .gift .pic .imagebox img {
    max-width: 100%;
    height: auto;
    border: none;
    display: block;
}

.honey_moon_content .gift:after {
    position: absolute;
    bottom: -2px;
    right: -2px;
    content: '';
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/739a27bf-1599-4ebc-a7b9-3ca6f30623fb.png);
    width: 124px;
    height: 124px;
    box-sizing: border-box;
}

.honey_moon_content .gift .pic .imgbox {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.honey_moon_content .gift .pic:hover .imgbox {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.honey_moon_content .gift .pic .imgbox img {
    max-width: 100%;
    height: auto;
    border: none;
    display: block;
}

/* 蜜月專區旅遊分享 */
.honey_moon_story_header {
    margin: 80px 0 50px 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/81b37dbe-cbf1-4dc7-bc42-ec94d30a207f.jpeg);
}

.honey_moon_story_header .drawing_top {
    width: 100%;
    height: 540px;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/8f51b16e-ed33-4341-8741-28568b4fd757.png);
    background-size: 34%;
    top: -170px;
    left: 0;
    z-index: 99;
    position: absolute;
    background-repeat: no-repeat;
}

.honey_moon_story_header .fade-InLeft {
    -webkit-animation: fadeInLeft 1s ease-in-out both;
    animation: fadeInLeft 1s ease-in-out both;
}

.honey_moon_story_header h3 {
    font-size: 35px;
    line-height: 35px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-variant: small-caps;
    letter-spacing: -1px;
    transform: scaleY(1.5);
    margin-top: 50px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    color: #1e7c9c;
}

.honey_moon_story_header h4::before {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/42612f04-2c08-44fc-a87d-b5efd8555bd8.png);
    margin-left: -180px;
    content: '';
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 122px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.honey_moon_story_header h4 {
    position: relative;
    font-size: 32px;
    display: block;
    text-align: center;
    color: #1e7c9c;
    overflow: hidden;
    font-family: 'PT Sans', '微軟正黑體', sans-serif;
}

.honey_moon_story_header h4::after {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/50faefef-5601-4a5a-b6a1-b46d445f0485.png);
    margin-left: 190px;
    content: '';
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 122px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.honey_moon_story_header .dot {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/b4267415-a903-4356-8f6d-68b8ca957c5e.png);
    display: block;
    width: 345px;
    height: 5px;
    margin: 12px auto;
}

.honey_moon_story_header p {
    font-size: 16px;
    font-family: '微軟正黑體', sans-serif;
    text-align: center;
    letter-spacing: 1px;
    line-height: 28px;
    max-width: 716px;
    margin: 20px auto 0 auto;
    color: #888;
}

.honey_moon_share_stories {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/81b37dbe-cbf1-4dc7-bc42-ec94d30a207f.jpeg);
}

.honey_moon_share_stories .falls-container {
    max-width: 1350px;
}

.honey_moon_share_stories .falls-container .grid {
    height: auto !important;
    z-index: 2;
    padding-bottom: 0;
}

.honey_moon_share_stories .grid a.grid-item {
    position: relative !important;
    transform: initial !important;
    background: #00a1b4;
    margin: 5px 15px;
    padding: 0;
    overflow: hidden;
    z-index: 0;
    -ms-flex: 0 0 calc(25% - 30px);
    flex: 0 0 calc(25%
    - 30px);
    max-width: calc(25% - 30px);
    left: initial !important;
    top: initial !important;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/81b37dbe-cbf1-4dc7-bc42-ec94d30a207f.jpeg);
}

.honey_moon_share_stories .falls-container .grid .grid-item img {
    border-radius: 25px 25px 0 0;
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    aspect-ratio: 5/3.5;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.honey_moon_share_stories .falls-container .grid .grid-item:hover img {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.honey_moon_share_stories h3 {
    background-color: #fff;
    margin: -15px 0 0 0;
    padding: 20px 20px 0 20px;
    position: relative;
    z-index: 2;
}

.honey_moon_share_stories img + p {
    position: absolute;
}

.honey_moon_share_stories .member-text .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translate(-50%, 0);
}

.honey_moon_share_stories .member-text {
    display: flow-root;
    border-radius: 0 0 25px 25px;
    padding: 40px 20px 30px 20px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}

.honey_moon_share_stories .member-text h4 {
    margin-bottom: 0;
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體",
    sans-serif;
    color: #000000;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.honey_moon_share_stories .grid-item:hover .member-text h4 {
    color: #1e7c9c;
}

.honey_moon_share_stories .member-text .date {
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體", sans-serif;
    display: block;
    float: left;
    font-size: 14px;
    color: #c5b07c;
    width: 100%;
    margin: 5px 0 10px 0;
}

.honey_moon_share_stories .member-text .text {
    font-family: "微軟正黑體", sans-serif;
    display: block;
    float: left;
    font-size: 15px;
    color: #333;
    width: 100%;
    height: 70px;
    line-height: 24px;
}

.share_story_footer {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/81b37dbe-cbf1-4dc7-bc42-ec94d30a207f.jpeg);
}

.share_story_footer .drawing_bottom-right {
    width: 260px;
    height: 380px;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6c220f1c-39eb-43f4-be30-daa331a8aaa6.png);
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    z-index: 1;
    position: absolute;
}

.share_story_footer .fade-InRight {
    -webkit-animation: fadeInRight 1s ease-in-out both;
    animation: fadeInRight 1s ease-in-out both;
}

.honey_moon_more {
    padding-bottom: 90px;
}

.honey_moon_more a {
    text-decoration: none;
}

.honey_moon_more .more-button {
    width: 180px;
    border-radius: 25px;
    padding: 0 20px;
    color: #1e7c9c;
    border: solid 1px #1e7c9c;
    display: block;
    background: transparent;
    margin: 40px auto 0;
    text-align: center;
    line-height: 40px;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.honey_moon_more .more-button:hover {
    background-color: #1e7c9c;
    border-color: #fff;
    color: #fff;
}

@media (min-width: 768px) {
    .honey_moon_nav .share_nav .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .honey_moon_nav .share_nav .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 13px 16px;
    }
}

@media (max-width: 1400px) {
    .honey_moon_share_stories .falls-container {
        padding: 0 25px;
    }

    .honey_moon_gift_header .share_story_header_content, .honey_moon_story_header .share_story_header_content {
        padding: 0 25px;
    }
}

@media (max-width: 1199px) {
    .honey_moon_route .hover-wall .icon_info p.animate-text {
        font-size: 20px;
    }

    .honey_moon_gift_header .share_story_header_content, .honey_moon_story_header .share_story_header_content {
        padding: 0 20px;
    }

    .honey_moon_share_stories .falls-container {
        padding: 0 20px;
    }

    .honey_moon_share_stories .grid a.grid-item {
        -ms-flex: 0 0 calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .honey_moon_share_stories .falls-container .grid .grid-item img {
        aspect-ratio: 5/2;
    }

    .honey_moon_content .gift .pic {
        width: 200px;
        height: 200px;
    }

    .honey_moon_gift_header .drawing_top1 {
        width: 25%;
        right: 80px;
    }

    .honey_moon_gift_header .drawing_top2 {
        width: 25%;
        height: 150px;
    }

    .honey_moon_gift_header .drawing_top3 {
        top: 60px;
        right: 20px;
    }
}

@media (max-width: 991px) {
    .honey_moon_route .hover-wall > .container-fluid > .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .honey_moon_content .gift {
        margin: 80px auto 80px auto;
    }

    .honey_moon_gift_header .drawing_top1 {
        width: 25%;
        right: 80px;
    }

    .honey_moon_gift_header .drawing_top2 {
        width: 25%;
        height: 150px;
    }

    .honey_moon_gift_header .drawing_top3 {
        top: 60px;
        right: 20px;
    }

    .honey_moon_story_header .drawing_top {
        background-size: 40%;
        height: 300px;
    }
}

@media (max-width: 767px) {
    .honey_moon_slider .carousel-inner::before {
        background-size: 150% auto;
        height: 40px;
    }

    .honey_moon_nav .navbar {
        width: 80%;
        margin: 0 auto;
    }

    .honey_moon_nav .share_nav .navbar::before {
        left: -30px;
        top: 7px;
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/15adeef7-3c2b-4bd6-bd22-02032a884d82.png);
        position: absolute;
        content: '';
        display: inline-block;
        width: 40px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: contain;
        box-sizing: border-box;
    }

    .honey_moon_nav .share_nav .navbar::after {
        right: -30px;
        top: 7px;
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/9749440f-d795-48ee-8b1c-aefcc109142e.png);
        position: absolute;
        content: '';
        display: inline-block;
        width: 40px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: contain;
        box-sizing: border-box;
    }

    .honey_moon_nav .navbar-collapse {
        border: 1px solid #ccc;
    }

    .honey_moon_nav .share_nav .header-part .navbar-toggler {
        text-align: right;
        width: 100%;
        border: none;
        outline: none;
        box-shadow: none;
        background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/621295d3-3ac7-42af-be8a-085e0f9abd81.png);
        background-repeat: repeat-x;
        background-size: auto;
        margin: 0 auto;
        background-position: center;
        padding: 0 10px;
        height: 48px;
    }

    .honey_moon_nav .share_nav .header-part .navbar-toggler::before {
        content: '請選擇';
        font-family: 'PT Sans', '微軟正黑體',
        sans-serif;
        display: inline-block;
        color: #000;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        font-size: 15px;
        line-height: 30px;
    }

    .honey_moon_nav .share_nav ul {
        background-image: none;
        display: flex;
        padding: 7px 0;
    }

    .honey_moon_nav .share_nav ul:before, .honey_moon_nav .share_nav ul:after {
        display: none;
    }

    .honey_moon_gift_header p, .honey_moon_story_header p {
        width: 75%;
        font-size: 15px;
    }

    .honey_moon_content .gift .pic {
        width: 180px;
        height: 180px;
    }

    .honey_moon_share_stories .grid a.grid-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5px 0 !important;
    }

    .honey_moon_gift_header .drawing_top1 {
        width: 28%;
        top: -60px;
        right: 50px;
    }

    .honey_moon_gift_header .drawing_top2 {
        width: 34%;
        height: 200px;
        right: 10px;
        top: -70px;
    }

    .honey_moon_gift_header .drawing_top3 {
        width: 90px;
        top: 60px;
        right: 20px;
    }

    .honey_moon_story_header .drawing_top {
        background-size: 40%;
    }
}

@media (max-width: 480px) {
    .honey_moon_slider .carousel-inner::before {
        background-size: 200% auto;
        height: 35px;
    }

    .honey_moon_route .hover-wall > .container-fluid > .row > div {
        margin: 20px 0;
        padding: 0;
    }

    .honey_moon_route .icon_info > a {
        height: auto;
        padding: 10px 0 0;
    }

    .honey_moon_route .hover-wall .icon_info figure {
        position: relative;
        width: 280px;
        height: 280px;
        top: initial;
        margin: 0 auto;
    }

    .honey_moon_route .icon_info > a::before {
        background-size: 316px;
        width: 316px;
        height: 306px;
        left: calc(50% + 10px);
        top: -5px;
        transform: translate(-50%, 0);
    }

    .honey_moon_route .hover-wall .icon_info h3, .honey_moon_route .hover-wall .icon_info h4, .honey_moon_route .hover-wall .icon_info p.animate-text {
        padding: 0;
    }

    .honey_moon_share_stories .falls-container .grid .grid-item img {
        aspect-ratio: 5/3;
    }

    .honey_moon_content .gift {
        width: 90%;
        margin: 40px auto;
        padding: 0 30px 40px 30px;
    }

    .honey_moon_content .gift:after {
        width: 100px;
        height: 100px;
    }

    .honey_moon_content .gift .pic {
        position: static;
        margin: 15px auto 0 auto;
        width: 220px;
        height: 220px;
    }

    .honey_moon_gift_header p, .honey_moon_story_header p {
        width: 100%;
    }

    .honey_moon_gift_header .drawing_top1 {
        width: 50%;
        height: 112px;
        background-size: 100% auto;
        top: -40px;
        right: 50px;
        z-index: 0;
    }

    .honey_moon_gift_header .drawing_top2 {
        width: 55%;
        height: 150px;
        right: 10px;
        top: -85px;
    }

    .honey_moon_gift_header .drawing_top3 {
        width: 80px;
        top: -15px;
        right: 0;
    }

    .honey_moon_story_header .drawing_top {
        width: 100%;
        top: -150px;
        z-index: 0;
        background-size: 70%;
    }
}

/***** 關於上順 About *****/
.web-page-frame .about_width > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.about .top_title {
    margin-top: 66px;
}

.about .top_title h1,
.about .top_title h1 span {
    line-height: 65px;
    font-family: 'Libre Baskerville', serif !important;
    margin-bottom: 10px;
    text-shadow: black 0.1em 0.01em 0.3em;
    letter-spacing: 2px;
}

.about .top_title h2 {
    line-height: 35px;
    text-shadow: black 0.1em 0.01em 0.3em;
}

.about_content .header-title {
    font-family: "微軟正黑體", sans-serif;
    font-size: 35px;
    margin: 45px 0;
    text-align: center;
    color: #000;
}

.about_content.content1 {
    padding: 30px 15px 0 0;
}

.about_content.content1 h3 {
    font-family: 'Oswald', 微軟正黑體, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    margin: 45px 0;
    text-align: center;
    color: #000;
}

.about_content.content1 .info {
    width: 1000px;
    margin: 0 auto;
}

.about_content.content1 .round-type1 {
    font-family: "微軟正黑體", sans-serif;
    width: 215px;
    height: 215px;
    line-height: 1.5em;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2562b334-f6e2-458b-9db3-99b22ab8c6e7.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    text-align: center;
    padding: 48px 40px 50px;
    margin: 20px auto;
    color: #fff;
}

.about_content.content1 .round-type1 .number {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 30px;
    font-family: 'Oswald', 微軟正黑體, sans-serif;
    color: #1e7c9c;
}

.about_content.content1 .round-type1 .text p {
    font-size: 16px;
    margin-top: 10px;
}

.about_content.content1 .round-type1 img {
    width: 60px;
}

.about_content.content1 .conclusion {
    width: 60%;
    margin: 30px auto 120px;
    line-height: 24px;
    text-align: center;
    color: #5a5959;
    font-family: "微軟正黑體", sans-serif;
    font-size: 15px;
}

.about_content.content2 .header-title {
    margin: 0;
}

.about_content.content2 .about_andersen {
    position: absolute;
    font-family: "微軟正黑體", sans-serif;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 100%;
}

.about_content.content2 .about_andersen .title {
    display: inline-block;
    font-size: 35px;
    line-height: 45px;
}

.about_content.content2 .about_andersen .title::before, .about_content.content2 .about_andersen .title::after {
    display: inline-block;
    margin: 0 10px 8px 0;
    content: '';
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/3f4d2ff8-f348-4b97-9ba1-8fe5a96dfcf7.png);
}

.about_content.content2 .about_andersen .title::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.about_content.content2 .about_andersen .dot {
    display: block;
    width: 33px;
    height: 5px;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/67383888-3b0c-4a0a-8682-4b31a10600c4.png);
    margin: 12px auto;
}

.about_content.content2 .about_andersen .name {
    font-family: 'Allura', cursive;
    font-size: 45px;
    line-height: 45px;
    margin: 0 30px;
}

.about_content.content2 .about_andersen p.tex {
    width: 624px;
    margin: 25px auto;
    letter-spacing: 1px;
    line-height: 30px;
}

.about_content.content3 {
    padding: 30px 15px 0;
}

.about_content.content3 .about_history {
    padding: 0 50px;
    margin: auto;
}

.about_content.content3 .year {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.about_content.content3 .year .title {
    float: left;
    width: 72px;
    font-size: 35px;
    font-family: Helvetica, Arial, 'NotoSans TC', '微軟正黑體', Heiti TC, 'メイリオ', sans-serif;
    color: #c5b07c;
    margin-top: -5px;
    margin-right: 50px;
}

.about_content.content3 .year .text {
    float: left;
    width: calc(100% - 122px);
    font-size: 16px;
}

.about_content.content3 .year .text li {
    color: #5a5959;
    line-height: 30px;
    margin-left: 10px;
    text-indent: -10px;
    list-style: none;
}

.about_content.content3 .year .text li span.list-dot {
    display: inline-block;
    float: left;
    width: 10px;
    line-height: 30px;
    font-size: 20px;
}

.about_content.content3 .dw-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.about_content.content3 .dw-box .camera, .about_content.content3 .dw-box .picture, .about_content.content3 .dw-box .map-dw, .about_content.content3 .dw-box .text {
    position: absolute;
}

.about_content.content3 .dw-box .picture img, .about_content.content3 .dw-box .camera img, .about_content.content3 .dw-box .map-dw img {
    width: 100%;
    height: auto;
}

.about_content.content3 .dw-box .camera {
    width: 35%;
    top: 85px;
    left: 50px;
    z-index: 3;
}

.about_content.content3 .dw-box .picture {
    width: 75%;
    top: -30px;
    right: 0;
    z-index: 2;
}

.about_content.content3 .dw-box .map-dw {
    width: 90%;
    left: -50px;
    top: 280px;
    z-index: 1;
}

.about_content.content3 .dw-box .text {
    left: -20px;
    top: 10px;
    text-align: center;
    color: #000;
    z-index: 4;
}

.about_content.content3 .dw-box .text p {
    font-size: 30px;
    line-height: 35px;
    font-family: 'Shadows Into Light',
    cursive;
}

.about_content.content3 .dw-box .text span {
    display: block;
    position: absolute;
    top: 80px;
    left: 80px;
}

.about_content.content4 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.about_content.content4 img {
    margin: 0 auto;
    display: block;
}

.about_content.content5 .htmleaf-container > .container {
    max-width: 100%;
    padding: 0;
}

.about_content.content5 .htmleaf-container > .container > .row {
    margin: 0;
    padding-bottom: 60px;
}

.about_content.content5 .htmleaf-container > .container > .row > div {
    padding: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    cursor: pointer;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
}

.about_content.content5 .material-card {
    position: relative;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.about_content.content5 .material-card .mc-content {
    position: initial;
}

.about_content.content5 .material-card.mc-active .mc-content {
    padding-top: 0;
}

.about_content.content5 .material-card .img-container {
    position: initial;
    height: 260px;
}

.about_content.content5 .material-card.mc-active .img-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 0;
    width: 100%;
    height: 260px;
    z-index: 1;
}

.about_content.content5 .material-card .img-container > img {
    width: 100%;
    height: 100%;
    max-width: initial;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.about_content.content5 .material-card:hover .img-container > img {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.about_content.content5 .mc-footer, .about_content.content5 .material-card.Grey h2:before, .about_content.content5 .material-card h2 strong, .about_content.content5 .material-card.Grey h2:after, .about_content.content5 .page-header {
    display: none;
}

.about_content.content5 .material-card .mc-content {
    left: 0;
    bottom: 0;
}

.about_content.content5 .material-card h2 {
    order: 3;
    display: flex;
    width: 100%;
    height: 146px;
    padding: 35px 25px 25px;
    background-color: #fff !important;
    font-family: "微軟正黑體", sans-serif;
    text-align: justify;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    position: initial;
    z-index: 0;
    top: initial;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.about_content.content5 .material-card.mc-active h2 {
    background-color: rgb(255 255 255 / 0%) !important;
    z-index: 2;
}

.about_content.content5 .material-card.mc-active h2 span {
    position: absolute;
    top: 50px;
    left: 30px;
    text-align: justify;
    color: #ffffff;
    width: calc(100% - 60px);
}

.about_content.content5 .material-card .mc-description {
    right: 0;
    left: 0;
    top: 0;
    bottom: 100%;
    height: 100%;
    z-index: 1;
    padding: 50px 30px;
    line-height: 24px;
    font-size: 15px;
    color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.about_content.content5 .material-card.mc-active .mc-description {
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 75%);
    opacity: 1;
    filter: alpha(opacity=100);
    letter-spacing: 0.5px;
}

.about_content.content5 .htmleaf-container > .container > .row > div:nth-child(1) .mc-description {
    padding: 90px 30px 50px;
}

.about_content.content5 .htmleaf-container > .container > .row > div:nth-child(2) .mc-description {
    padding: 120px 30px 50px;
}

.about_content.content5 .htmleaf-container > .container > .row > div:nth-child(3) .mc-description {
    padding: 150px 30px 50px;
}

.about_content.content5 .htmleaf-container > .container > .row > div:nth-child(4) .mc-description {
    padding: 90px 30px 50px;
}

.about_content.content5 .htmleaf-container > .container > .row > div:nth-child(5) .mc-description {
    padding: 120px 30px 50px;
}

.about_content.content5 .material-card .mc-btn-action {
    right: initial;
    top: initial;
    bottom: 126px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 0;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 1px 2px #ccc;
    background-color: #ffffff !important;
}

.about_content.content5 .material-card .mc-btn-action > i {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/2ba86de4-929d-43c6-af6c-c9a73fc51a56.svg);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

.about_content.content5 .material-card .mc-btn-action > i::before {
    display: none;
}

.about_content.content5 .material-card:hover .mc-btn-action > i {
    transform: rotate(360deg);
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/423fcd4f-c0cb-4fdf-a58b-2ce58a715976.svg);
}

.about_content.content5 .material-card.mc-active .mc-btn-action {
    transform: translate(-50%, 100px);
    background-color: #c5b07c !important;
    box-shadow: 0 0 0 0;
}

.about_content.content5 .material-card.mc-active .mc-btn-action > i {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/f167070d-03c4-44a2-9985-9c147c47b4f3.svg)
}

.about_content.content5 .material-card.mc-active:hover .mc-btn-action > i {
    transform: rotate(0);
}

.about_content.content5 .fa-spin-fast {
    -webkit-animation: none;
    animation: none;
}

@media (max-width: 1230px) and (min-width: 1030px) {
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(1) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(2) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(3) .mc-description {
        padding: 180px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(4) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(5) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .material-card.mc-active h2 span {
        left: 20px;
        width: calc(100% - 40px);
    }
}

@media (max-width: 1029px) and (min-width: 992px) {
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(1) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(2) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(3) .mc-description {
        padding: 180px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(4) .mc-description {
        padding: 120px 20px 50px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(5) .mc-description {
        padding: 150px 20px 50px;
    }

    .about_content.content5 .material-card.mc-active h2 span {
        left: 20px;
        width: calc(100% - 40px);
    }
}

@media (max-width: 1199px) {
    .about_content.content1 {
        padding: 30px 20px 0;
    }

    .about_content.content1 .info {
        width: 100%;
    }

    .about_content .header-title {
        margin: 40px 0;
    }

    .about_content.content1 h3 {
        margin: 40px 0;
    }

    .about_content.content1 .conclusion {
        width: 78%;
    }

    .about_content.content3 {
        padding: 30px 40px 0;
    }

    .about_content.content3 .about_history {
        padding: 0 40px;
    }

    .about_content.content5 .material-card h2 {
        padding: 30px 20px 20px;
    }

    .about_content.content5 .material-card .img-container {
        height: 200px;
    }

    .about_content.content5 .material-card.mc-active .img-container {
        height: 200px;
    }
}

@media (max-width: 991px) {
    .about .top_title {
        margin-top: 60px;
    }

    .about .top_title .bgfixed,
    .about .top_title .bgfixed > div {
        min-height: 280px !important;
    }

    .about .top_title h1 {
        line-height: 60px;
    }

    .about .top_title h1 span {
        font-size: 45px !important;
    }

    .about .top_title h2 {
        line-height: 30px;
    }

    .about .top_title h2 span {
        font-size: 30px !important;
    }

    .about_content.content1 .info {
        padding: 0 60px;
    }

    .about_content.content2 .about_andersen {
        display: inline-block;
        width: 95%;
    }

    .about_content.content2 .about_andersen p.tex {
        width: 100%;
    }

    .about_content.content3 {
        padding: 30px 20px 0;
    }

    .about_content.content3 .about_history {
        padding: 0 20px;
    }

    .about_content.content3 .yearbox {
        padding: 0 15%;
    }

    .about_content.content3 .dw-box {
        display: none;
    }

    .about_content.content5 .material-card h2 {
        height: 170px;
        padding: 25px 15px 15px;
        line-height: 26px;
    }

    .about_content.content5 .material-card .mc-btn-action {
        bottom: 155px;
    }

    .about_content.content5 .material-card.mc-active h2 span {
        top: 25px;
        left: 15px;
        width: calc(100% - 30px);
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(1) .mc-description {
        padding: 90px 15px 25px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(2) .mc-description {
        padding: 120px 15px 25px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(3) .mc-description {
        padding: 180px 15px 25px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(4) .mc-description {
        padding: 90px 15px 25px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(5) .mc-description {
        padding: 140px 15px 25px;
    }
}

@media (min-width: 768px) {
    .desktop_none {
        display: none;
    }
}

@media (max-width: 767px) {
    .about .top_title .bgfixed,
    .about .top_title .bgfixed > div {
        min-height: 250px !important;
    }

    .phone_none {
        display: none;
    }

    .about_content .header-title {
        margin: 30px 0;
    }

    .about_content.content1 h3 {
        padding: 0 20px;
        font-size: 18px;
    }

    .about_content.content1 .info {
        padding: 0 15px;
        width: 100%;
    }

    .about_content.content1 .conclusion {
        width: 78%;
    }

    .about_content.content3 .yearbox {
        padding: 0 8%;
    }

    .about_content.content3 .yearbox .year {
        margin-bottom: 20px;
    }

    .about_content.content3 .yearbox .text {
        width: 100%;
    }

    .about_content.content3 .year .list-dot {
        margin-right: 4px;
        margin-left: 4px;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .about_content.content5 .material-card.mc-active .mc-content {
        margin-right: 0;
    }

    .about_content.content5 .material-card .mc-content {
        width: 50%;
    }

    .about_content.content5 .material-card h2 {
        height: 180px;
        padding: 30px;
        width: 50%;
    }

    .about_content.content5 .material-card .img-container {
        height: 180px;
    }

    .about_content.content5 .material-card.mc-active .img-container {
        height: 180px;
    }

    .about_content.content5 .material-card.mc-active .mc-description {
        position: absolute;
    }

    .about_content.content5 .material-card .mc-btn-action {
        bottom: 75px;
    }

    .about_content.content5 .material-card.mc-active .mc-btn-action {
        transform: translate(-50%, 60px);
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(1) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(2) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(3) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(4) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(5) .mc-description {
        padding: 60px 20px 20px;
    }

    .about_content.content5 .material-card.mc-active h2 span {
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }
}

@media (max-width: 480px) {
    .about .top_title .bgfixed,
    .about .top_title .bgfixed > div {
        min-height: 250px !important;
    }

    .about .top_title h1 {
        line-height: 58px;
    }

    .about .top_title h1 span {
        font-size: 32px !important;
    }

    .about_content .header-title {
        margin: 25px 0;
    }

    .about_content.content2 .about_andersen {
        width: 85%;
    }

    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(1) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(2) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(3) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(4) .mc-description,
    .about_content.content5 .htmleaf-container > .container > .row > div:nth-child(5) .mc-description {
        padding: 75px 20px 20px;
    }

    .about_content.content5 .material-card.mc-active .mc-btn-action {
        transform: translate(0, 0);
        top: 15px;
        left: initial;
        right: 15px;
        bottom: initial;
    }

    .about_content.content5 .material-card.mc-active h2 span {
        width: calc(90% - 40px);
    }
}

.about_content.content6 > .module-container > .main .bgfixed {
    position: relative;
}

.about_content.content6 > .module-container > .main .bgfixed::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.about_content.content6 .btn-video-box {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: 94px;
    height: 135px;
}

.about_content.content6 .btn-video-box a {
    color: #fff;
}

.about_content.content6 .btn-video {
    width: 94px;
    height: 94px;
    background-size: contain;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a8ff5425-38bd-4a2d-b7c8-18f56ac336a9.png);
    background-repeat: no-repeat;
    margin-bottom: 15px;
    transform: rotate(0deg);
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.about_content.content6 .full-box .btn-video-box {
    height: 94px;
    position: static;
    margin: 0 auto;
    transform: translate(0, 0);
}

.about_content.content6 .btn-video-box .text {
    padding: 5px 0;
    font-weight: 300;
    border-bottom: 1px solid #fff;
}

.about_content.content6 .btn-video-box:hover .btn-video, .about_content.content6 .btn-video-box:hover .btn-video-s {
    transform: rotate(360deg);
}

.about_content.content6 .btn-video-s {
    width: 82px;
    height: 82px;
    margin: 26px 0;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/a8ff5425-38bd-4a2d-b7c8-18f56ac336a9.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.about_content.content6 .fade-InUp.in-view {
    -webkit-animation: fadeInUp 1s ease-in-out both;
    animation: fadeInUp 1s ease-in-out both;
}

@media (max-width: 991px) {
    .about_content.content6 > .module-container > .main .bgfixed {
        background-attachment: local;
    }
}

@media (max-width: 767px) {
    .about_content.content6 > .module-container > .main .bgfixed {
        min-height: 350px !important;
    }

    .about_content.content6 .btn-video-s {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .about_content.content6 .btn-video {
        width: 50px;
        height: 50px;
        margin: 0 auto;
    }

    .about_content.content6 .btn-video-box {
        width: 50px;
        height: auto;
    }
}

.about_content.map_tab > .module-container > .main {
    padding: 60px 45px 0;
}

.about_content.map_tab .header-title {
    margin: 0;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.about_content.map_tab .blk-tabs .nav-pills {
    margin: 20px 0;
}

.about_content.map_tab .blk-tabs .nav-pills .nav-link {
    border-radius: 0.25rem;
    padding: 8px 8px;
    border: 1px solid #888;
    color: #888;
    margin: 0 4px;
    font-size: 15px;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.about_content.map_tab .blk-tabs .nav-pills .nav-link.active, .about_content.map_tab .blk-tabs .nav-pills .show > .nav-link, .about_content.map_tab .blk-tabs .nav-pills .nav-link:hover {
    background-color: #1e7c9c;
    border: 1px solid #1e7c9c;
    color: #fff;
}

.about_map_block > .module-container > .main {
    padding: 0 45px 60px;
}

.about_map_desc {
    margin-top: 20px;
}

.about_map_desc h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    padding-left: 25px;
}

.about_map_desc h3::before {
    content: "";
    position: absolute;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/4fdc8e9d-59f6-43bf-b859-2d9b3f1663c8.svg);
    width: 22px;
    height: 22px;
    left: 0;
    top: 3px;
}

.about_map_desc .company-info {
    margin-top: 20px;
}

.about_map_desc .company-info > div {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    color: #707070;
    padding: 2px 0 0;
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體", Heiti TC, "メイリオ", sans-serif;
}

.about_map_desc .company-info > div h4 {
    flex: 0 0 78px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
}

.about_map_desc .company-info > div a, .about_map_desc .company-info > div span {
    color: #707070;
    font-size: 15px;
    line-height: 23px;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.about_map_desc .company-info > div a:hover {
    color: #af7f54;
    text-decoration: none;
}

.about_map_desc .traffic-info {
    margin-top: 20px;
}

.about_map_desc .traffic-info b, .about_map_desc .traffic-info a, .about_map_desc .traffic-info p {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 15px;
    font-family: Helvetica, Arial, 'Noto Sans TC', "微軟正黑體", Heiti TC,
    "メイリオ", sans-serif;
}

.about_map_desc .traffic-info b {
    color: #000;
}

.about_map_desc .traffic-info a {
    text-decoration: underline;
    color: #1e7c9c;
    -o-transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

.about_map_desc .traffic-info a:hover {
    color: #4d3525;
}

.about_map_desc .traffic-info p {
    color: #707070;
}

@media (max-width: 767px) {
    .about_content.map_tab > .module-container > .main {
        padding: 40px 20px 0;
    }

    .about_map_block > .module-container > .main {
        padding: 0 20px 40px;
    }
}

@media (max-width: 480px) {
    .about_content.map_tab .blk-tabs .nav-pills .nav-link {
        margin: 5px;
    }
}

.about_form_block {
    margin-bottom: 60px;
}

.about_form_block > .module-container > .main {
    padding: 60px 45px;
}

.about_form_block .header-title {
    font-family: "微軟正黑體", sans-serif;
    color: #000;
    margin: 0;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.about_form_block .form_inner {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.about_form_block p.text {
    flex: 1;
    font-size: 16px;
    margin-top: 1rem;
    text-align: justify;
    line-height: 1.5;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.about_form_block .form_button {
    flex: 0 0 180px;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.about_form_block .form_button a {
    display: block;
    width: 128px;
    line-height: 40px;
    padding: 0 30px;
    border: 0;
    border-radius: 4px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/6df7f6b1-4af3-4b85-85cf-ee840e2ba8be.jpg);
    background-size: cover;
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

.about_form_block .form_button a:hover {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/38ea1749-62ab-4ee4-a3f3-2a4853145874.jpg);
    -webkit-transition: -webkit-all 0.5s ease;
    transition: -webkit-all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease, -webkit-transform 0.5s ease;
}

@media (max-width: 767px) {
    .about_form_block > .module-container > .main {
        padding: 40px 20px;
    }

    .about_form_block .form_button {
        flex: 0 0 100%;
        justify-content: center;
    }
}

/*NEW ABOUT 20231030*/
.about-fantasy-menu-bar {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/f0485fbb-9b5d-43cc-ac92-c44d273354cf.jpg);
}

.about-fantasy-menu-bar.soss--blw {
    top: 66px;
}

.about-fantasy-menu-bar div.link-list {
    min-height: auto;
    background: none;
}

.about-fantasy-menu-bar div.link-list ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 1350px;
    border-bottom: 1px solid #b1b1b1;
    padding: 25px 10px;
    margin: auto;
}

.about-fantasy-menu-bar div.link-list ul li {
    flex: 1;
    text-align: center;
    line-height: 4px;
}

.about-fantasy-menu-bar div.link-list ul li ~ li {
    border-left: 1px solid #b1b1b1;
}

.about-fantasy-menu-bar div.link-list ul li a,
.about-fantasy-menu-bar div.link-list ul li span {
    padding: 0;
    line-height: 1;
    position: relative;
    width: 100%;
}

.about-fantasy-menu-bar div.link-list ul li a::after,
.about-fantasy-menu-bar div.link-list ul li span::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #026E90;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
}

.about-fantasy-menu-bar div.link-list ul li a:hover::after,
.about-fantasy-menu-bar div.link-list ul li span:hover::after {
    height: 2px;
    transition: .3s;
}

.block1.title_box {
    padding-top: 4rem;
}

.block1.title_box > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.block1.title_box .header-title {
    text-align: center;
    position: relative;
    font-size: 35px;
    font-weight: 800;
    color: #000;
    padding: 0 0 20px 0;
    margin-bottom: 40px;
}

.block1.title_box .header-title::after {
    content: '';
    width: 45px;
    height: 1px;
    display: block;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: calc(50% - 22.5px);
}

.block1.title_box p {
    margin-bottom: 10px;
}

.block1.title_box img {
    max-width: 100%;
}

@media (max-width: 1366px) {
    .block1.title_box > .module-container > .main {
        max-width: 95%;
    }
}

@media (max-width: 1199px) {
    .about-fantasy-menu-bar div.link-list ul {
        padding-top: 30px;
    }
}

@media (max-width: 991px) {
    .about-fantasy-menu-bar div.link-list ul {
        padding-top: 25px;
    }

    .about-fantasy-menu-bar.soss--blw {
        top: 60px;
    }
}

@media (max-width: 767px) {
    .about-fantasy-menu-bar div.link-list ul li a,
    .about-fantasy-menu-bar div.link-list ul li span {
        font-size: 12px !important;
        letter-spacing: 0;
        height: 40px;
    }

    .block1.title_box > .module-container > .main {
        max-width: 98%;
    }
}

@media (max-width: 575px) {
    .block1.title_box {
        padding-top: 3rem;
    }

    .about-fantasy-menu-bar div.link-list ul {
        padding: 30px 5px 25px 5px;
    }

    .about-fantasy-menu-bar div.link-list ul li a,
    .about-fantasy-menu-bar div.link-list ul li span {
        line-height: 1.3;
    }

    .about-fantasy-menu-bar div.link-list ul li a i,
    .about-fantasy-menu-bar div.link-list ul li span i {
        display: none;
    }

    .about-fantasy-menu-bar.soss--blw div.link-list ul {
        padding-top: 15px;
    }
}

.about-fantasy-content.block2.slide_tabs .header-title {
    font-family: 'Allura', cursive !important;
    font-size: 45px;
    line-height: 45px;
    color: #000;
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 2.5rem;
}

.about-fantasy-content.block2.slide_tabs .blk-tabs ul.nav {
    max-width: 1350px;
    margin: auto;
    border-top: 1px solid #000;
}

.about-fantasy-content.block2.slide_tabs .blk-tabs ul.nav li.nav-item {
    margin: 0 4%;
}

.about-fantasy-content.block2.slide_tabs .blk-tabs ul.nav li.nav-item a.nav-link {
    padding: 15px 0 30px 0;
    border-radius: 0;
    color: #000;
    float: left;
    font-size: 20px;
    border-top: 0px solid #026E90;
    transition: .2s;
}

.about-fantasy-content.block2.slide_tabs .blk-tabs ul.nav li.nav-item a.nav-link.active {
    background: none;
    color: #026E90;
    border-top: 3px solid #026E90;
    padding-top: 12px;
    transition: .2s;
}

.about-fantasy-content.block2 .slicks > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.about-fantasy-content.block2 .slicks .swiper-container {
    padding-left: 5%;
    padding-right: 5%;
}

.about-fantasy-content.block2 .slicks .swiper-container::before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 5%;
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/f0485fbb-9b5d-43cc-ac92-c44d273354cf.jpg);
}

.about-fantasy-content.block2 .slicks .swiper-container::after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 5%;
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/f0485fbb-9b5d-43cc-ac92-c44d273354cf.jpg);
}

.about-fantasy-content.block2 .slicks .swiper-button-prev.swiper-button-white,
.about-fantasy-content.block2 .slicks .swiper-button-next.swiper-button-white {
    width: 30px;
    height: 30px;
    opacity: 1;
    outline: none;
    top: 55%;
}

.about-fantasy-content.block2 .slicks .swiper-button-prev.swiper-button-white {
    left: 0;
}

.about-fantasy-content.block2 .slicks .swiper-button-next.swiper-button-white {
    right: 0;
}

.about-fantasy-content.block2 .slicks .swiper-button-prev:after,
.about-fantasy-content.block2 .slicks .swiper-container-rtl .swiper-button-next:after {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/b34026ac-2498-4958-b075-6362d49e049e.png);
    padding: 0;
    content: '';
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.about-fantasy-content.block2 .slicks .swiper-button-next:after,
.about-fantasy-content.block2 .slicks .swiper-container-rtl .swiper-button-prev:after {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/fa3d57b1-4793-48db-8f3d-6c0312082fc2.png);
    padding: 0;
    content: '';
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.about-fantasy-content.block2 .slicks .swiper-slide-style {
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
}

.about-fantasy-content.block2 .slicks .swiper-slide .swiper-img {
    margin: 0;
}

.about-fantasy-content.block2 .slicks .swiper-slide .swiper-img img {
    border-radius: 0;
}

@media (max-width: 1366px) {
    .about-fantasy-content.block2 .slicks > .module-container > .main {
        max-width: 95%;
    }
}

@media (max-width: 1199px) {
    .about-fantasy-content.block2 .slicks .swiper-container::after {
        right: -1px;
        top: 1px;
    }

    .about-fantasy-content.block2 .slicks .swiper-container::before {
        left: -1px;
        top: 1px;
    }
}

@media (max-width: 767px) {
    .about-fantasy-content.block2.slide_tabs > .module-container > .main.row {
        padding-left: 3%;
        padding-right: 3%;
    }

    .about-fantasy-content.block2 .slicks > .module-container > .main {
        max-width: 98%;
    }

    .about-fantasy-content.block2 .slicks .swiper-slide-style {
        margin-top: 15px;
    }

    .about-fantasy-content.block2 .slicks .swiper-button-prev.swiper-button-white,
    .about-fantasy-content.block2 .slicks .swiper-button-next.swiper-button-white {
        top: 60%;
    }
}

@media (max-width: 575px) {
    .about-fantasy-content.block2.slide_tabs .header-title {
        margin-top: 4rem;
        margin-bottom: 1.5rem;
        padding: 0 10px;
    }

    .about-fantasy-content.block2 .slicks .swiper-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .about-fantasy-content.block2 .slicks .swiper-container::before,
    .about-fantasy-content.block2 .slicks .swiper-container::after {
        display: none;
    }

    .about-fantasy-content.block3 {
        margin-top: -5rem;
    }
}

.heritage .block2 {
    padding-top: 4.5rem;
    padding-bottom: 6rem;
}

.heritage .block2 > .module-container > .main {
    max-width: 400px;
    margin: 0 auto;
}

.heritage .block2 .swiper-container {
    padding: 0 50px;
}

.heritage .block2 .swiper-slide-style {
    background: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
}

.heritage .block2 .swiper-slide .swiper-img img {
    max-width: 100%;
    width: auto;
}

.heritage .block2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid #000;
    opacity: .3;
    margin: 0 7px
}

.heritage .block2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #026E90;
    border-color: #026E90;
}

.heritage .block2 .swiper-button-prev.swiper-button-white,
.heritage .block2 .swiper-button-next.swiper-button-white {
    width: 30px;
    height: 30px;
    opacity: 1;
}

.heritage .block2 .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.heritage .block2 .swiper-button-next.swiper-button-white.swiper-button-disabled {
    opacity: .5;
}

.heritage .block2 .swiper-button-prev:after {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/b34026ac-2498-4958-b075-6362d49e049e.png);
    padding: 0;
    content: '';
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.heritage .block2 .swiper-button-next:after {
    background: url(https://materials.fillo.com.tw/materials/fantasy/images/fa3d57b1-4793-48db-8f3d-6c0312082fc2.png);
    padding: 0;
    content: '';
    width: 30px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media (max-width: 575px) {
    .heritage .block2 {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
}

.newborn_logo_blocks {
    margin: 2rem 0 3rem;
}

.web-page-frame .newborn_logo_blocks > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.newborn_logo_blocks .falls-container .grid {
    display: flex;
    flex-wrap: wrap;
    height: auto !important;
}

.newborn_logo_blocks .falls-container .grid .grid-item {
    margin-top: 0px;
    position: unset !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.newborn_logo_blocks .falls-container .grid .grid-item:nth-child(1) {
    background: #026E90;
}

.newborn_logo_blocks .falls-container .grid .grid-item:nth-last-child(1) {
    background: #E5E5E5;
}

.newborn_logo_blocks .falls-container .grid .grid-item img {
    order: 1;
    width: auto;
    max-width: 100%;
    height: auto;
}

.newborn_logo_blocks .falls-container .grid .grid-item h3 {
    font-size: 15px;
    line-height: 28px;
    width: 380px;
    padding-top: 6rem;
    margin-bottom: 3rem;
    position: relative;
}

.newborn_logo_blocks .falls-container .grid .grid-item:nth-child(1) h3 {
    color: #e5e5e5;
    padding-left: 6rem;
}

.newborn_logo_blocks .falls-container .grid .grid-item:nth-last-child(1) h3 {
    color: #616161;
    padding-right: 3.8rem;
    padding-left: 4.5rem;
}

.newborn_logo_blocks .falls-container .grid .grid-item:nth-child(1) h3::before {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/435c83e4-8429-42ad-a2c3-6a776e31328e.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -12px;
    bottom: 0;
    left: -6px;
    right: 0;
}

.newborn_logo_blocks .falls-container .grid .grid-item:nth-last-child(1) h3::before {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/c3349299-42e1-4d3f-b194-0a634b0c26a3.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top: -12px;
    bottom: 0;
    left: 0px;
    right: 0;
}

.newborn_slick {
    margin-bottom: 10rem;
}

.web-page-frame .newborn_slick > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.newborn_slick .carousel-rwd li {
    border: none;
}

.newborn_slick .carousel-rwd li img {
    width: 100%;
}

.serve_slick {
    margin-top: 8rem;
    margin-bottom: 3rem;
}

.web-page-frame .serve_slick > .module-container > .main {
    max-width: 1160px;
    margin: 0 auto;
}

.serve_slick .header-title {
    text-align: center;
    position: relative;
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    padding: 0 0 20px 0;
    margin-bottom: 35px;
}

.serve_slick .header-title::after {
    content: '';
    width: 45px;
    height: 1px;
    display: block;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: calc(50% - 22.5px);
}

.serve_slick .slide-container .carousel > h2 {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    padding: 25px 0 25px 0;
    text-align: center;
}

.serve_slick .slide-container .carousel-rwd li {
    border: none;
}

.serve_slick .slide-container .carousel-rwd li img {
    margin: auto;
    margin-bottom: 20px;
}

.serve_slick .slide-container .carousel-rwd li a span {
    text-align: center;
    line-height: 28px;
    font-size: 15px;
    color: #e5e5e5;
    width: 100%;
}

.serve_slick .slide-container .carousel-rwd li a span p {
    margin: 0;
}

@media (max-width: 1366px) {
    .web-page-frame .newborn_logo_blocks > .module-container > .main,
    .web-page-frame .newborn_slick > .module-container > .main,
    .web-page-frame .serve_slick > .module-container > .main {
        max-width: 95%;
    }
}

@media (max-width: 767px) {
    .web-page-frame .newborn_logo_blocks > .module-container > .main,
    .web-page-frame .newborn_slick > .module-container > .main,
    .web-page-frame .serve_slick > .module-container > .main {
        max-width: 98%;
    }
}

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

    .newborn_slick {
        margin-bottom: 4rem;
    }

    .serve_slick {
        margin-top: 3rem;
    }

    .serve_slick .header-title {
        margin-bottom: 10px;
    }

    .serve_slick .slide-container .carousel-rwd li {
        padding: 0 30px 0 0 !important;
    }

    .serve_slick .slide-container .carousel-rwd li a > span {
        padding: 0 15px;
    }
}

.dream_box.dream_L {
    border-right: 1px solid #616161 !important;
}

.dream_box.dream_R, .dream_box.dream_L {
    margin-bottom: 8rem;
    max-width: 675px;
    flex: 0 0 675px;
}

.dream_box.dream_R > .module-container > .main.row {
    justify-content: flex-end;
}

.dream_plan .falls-container .grid {
    padding-bottom: 0;
}

.dream_plan .falls-container .grid .grid-item img {
    max-width: 100%;
    width: auto;
    margin: auto;
    display: block;
}

.dream_plan .falls-container .grid .grid-item h4 {
    padding: 30px 0 10px 0;
}

.dream_plan .falls-container .grid .grid-item p {
    line-height: 24px;
    margin-bottom: 0;
}

.dream_box.dream_L .dream_plan_slick::before {
    content: '';
    display: block;
    width: 10%;
    height: 1px;
    background: #616161;
    position: absolute;
    right: -10%;
    top: 47%;
}

.dream_box.dream_R .dream_plan_slick::before {
    content: '';
    display: block;
    width: 9%;
    height: 1px;
    background: #616161;
    position: absolute;
    left: -9%;
    top: 48%;
}

.dream_plan_slick::after {
    content: '';
    display: block;
    width: 1px;
    height: 29px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.dream_plan_slick .swiper-slide-style {
    background: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 50px;
}

.dream_plan_slick .swiper-slide .swiper-img img {
    border-radius: 0;
}

.dream_plan_slick .swiper-button-prev.swiper-button-white,
.dream_plan_slick .swiper-button-next.swiper-button-white {
    width: 30px;
    height: 30px;
    opacity: 1;
    bottom: 0;
    top: unset;
    outline: none;
}

.dream_plan_slick [class*='swiper-button-']:after {
    height: 30px;
    width: 30px;
    padding: 0;
    font-size: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.dream_plan_slick .swiper-button-prev, .dream_plan_slick .swiper-container-rtl .swiper-button-next {
    left: calc(50% - 60px);
}

.dream_plan_slick .swiper-button-next, .dream_plan_slick .swiper-container-rtl .swiper-button-prev {
    right: calc(50% - 60px);
}

.dream_plan_slick .swiper-button-prev:after {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/dce2fab5-2c5b-40d2-82d1-f48b67b586af.png) !important;
    background-color: transparent !important;
}

.dream_plan_slick .swiper-button-next:after {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/b2e36b8a-9904-46f3-978c-c9119b8ec95b.png) !important;
    background-color: transparent !important;
}

@media (max-width: 1366px) {
    .dream_box.dream_R, .dream_box.dream_L {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .dream_box.dream_L .dream_plan {
        padding-left: 30px;
        padding-right: 0;
    }

    .dream_box.dream_L .dream_plan_slick {
        padding-left: 45px;
    }

    .dream_box.dream_L .dream_plan_slick::after {
        left: calc(50% + 15px);
    }

    .dream_box.dream_R .dream_plan {
        padding-right: 30px;
        padding-left: 0;
    }

    .dream_box.dream_R .dream_plan_slick {
        padding-right: 45px;
    }

    .dream_box.dream_R .dream_plan_slick::after {
        left: calc(50% - 15px);
    }
}

@media (max-width: 991px) {
    .dream_box.dream_L {
        padding-right: 59px;
    }

    .dream_box.dream_R {
        padding-left: 59px;
    }

    .dream_box.dream_R .dream_plan_slick::before {
        width: 9.6%;
        left: -9.6%;
    }

    .dream_plan_slick .swiper-slide-style {
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {
    .dream_box.dream_L {
        padding-right: 35px;
    }

    .dream_box.dream_R {
        padding-left: 35px;
    }

    .dream_box.dream_L .dream_plan {
        padding-left: 20px;
    }

    .dream_box.dream_R .dream_plan {
        padding-right: 20px;
    }

    .dream_box.dream_L .dream_plan_slick {
        padding-left: 35px;
    }

    .dream_box.dream_R .dream_plan_slick {
        padding-right: 35px;
    }

    .dream_box.dream_L .dream_plan_slick::before {
        width: 20px;
        right: -20px;
    }

    .dream_box.dream_L .dream_plan_slick::after {
        left: calc(50% + 10px);
    }

    .dream_box.dream_R .dream_plan_slick::before {
        width: 20px;
        left: -20px;
    }

    .dream_box.dream_R .dream_plan_slick::after {
        left: calc(50% - 10px);
    }
}

@media (max-width: 575px) {
    .dream_box.dream_R, .dream_box.dream_L {
        margin-bottom: 4rem;
    }
}

.web-page-frame .year_menu > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.year_menu .header-title {
    text-align: center;
    position: relative;
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    padding: 8rem 0 20px 0;
}

.year_menu div.link-list {
    background: none;
}

.year_menu div.link-list ul {
    text-align: center;
    border-top: 1px solid #c5b07c;
    list-style-type: none;
}

.year_menu div.link-list ul li {
    margin: 0 20px;
    display: inline-block;
    line-height: 30px;
}

.year_menu div.link-list ul li a,
.year_menu div.link-list ul li span {
    display: inline-block;
    padding: 10px 0px 0px;
    letter-spacing: 0.5px;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 30px;
}

.year_menu div.link-list ul li a i,
.year_menu div.link-list ul li span i {
    display: none;
}

.year_menu div.link-list ul li a:hover,
.year_menu div.link-list ul li span:hover,
.year_menu div.link-list ul li.active a,
.year_menu div.link-list ul li.active span {
    color: #c5b07c !important;
}

.year_menu div.link-list ul li a::before,
.year_menu div.link-list ul li span::before {
    content: '';
    display: block;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #c5b07c;
    transition: .2s;
}

.year_menu div.link-list ul li a:hover::before,
.year_menu div.link-list ul li span:hover::before,
.year_menu div.link-list ul li.active a::before,
.year_menu div.link-list ul li.active span::before {
    height: 3px;
}

.web-page-frame .year_contents > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.year_contents .falls-container {
    border-bottom: 1px solid #fff;
    margin: 30px 0 60px 0;
    height: 450px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.year_contents .falls-container .grid::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #fff;
    left: 50%;
}

.year_contents .falls-container .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    position: relative;
}

.year_contents .falls-container .grid .grid-item {
    display: flex;
    position: relative;
}

.year_contents .falls-container .grid .grid-item h3 {
    width: calc(15% - 15px);
    padding-top: 5px;
    min-width: 60px;
    text-align: right;
    color: #c5b07c;
    font-size: 18px;
}

.year_contents .falls-container .grid .grid-item p {
    padding-left: 4%;
    font-size: 17px;
    color: #e5e5e5;
    line-height: 34px;
    letter-spacing: 0.01rem;
}

.year_contents .falls-container .grid .grid-item::before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    background: #c5b07c;
    border-radius: 10px;
    top: 10px;
}

.year_contents .falls-container .grid .grid-item:nth-child(odd)::before {
    left: -5px;
}

.year_contents .falls-container .grid .grid-item:nth-child(even)::before {
    right: -6px;
}

.year_contents .falls-container .grid .grid-item:nth-child(even) {
    justify-content: flex-end;
}

.year_contents .falls-container .grid .grid-item:nth-child(even) h3 {
    order: 1;
    text-align: left;
}

.year_contents .falls-container .grid .grid-item:nth-child(even) p {
    text-align: right;
    padding-left: 0;
    padding-right: 4%;
}

.year_contents .falls-container .grid .grid-item:nth-child(1) {
    margin-top: 40px;
}

.year_contents .falls-container .grid .grid-item:nth-child(2) {
    margin-top: 220px;
}

.year_contents .falls-container .grid .grid-item:nth-child(3) {
    margin-top: 15px;
}

.year_contents .falls-container .grid .grid-item:nth-child(4) {
    margin-top: 90px;
}

.year_contents .falls-container .grid .grid-item:nth-child(5) {
    margin-top: 160px;
}

.year_contents .falls-container .grid .grid-item:nth-child(6) {
    margin-top: 260px;
}

.year_contents .falls-container .grid .grid-item:nth-child(7) {
    margin-top: 70px;
}

.year_contents .falls-container .grid .grid-item:nth-child(8) {
    margin-top: 140px;
}

.year_contents .falls-container .grid .grid-item:nth-child(9) {
    margin-top: 20px;
}

.year_contents .falls-container::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

.year_contents .falls-container::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
}

.year_contents .falls-container::-webkit-scrollbar-track {
    background: transparent;
}

.year_contents .falls-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.0);
    border-radius: 10px;
}

.year_contents .falls-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.0);
}

.year_trophy {
    margin-bottom: 8rem;
}

.web-page-frame .year_trophy > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.year_trophy .swiper-slide-style {
    background: none;
    border-radius: 0;
    box-shadow: none;
    opacity: .3;
}

.year_trophy .swiper-slide-style.swiper-slide-active {
    opacity: 1;
}

.year_trophy .swiper-slide .swiper-img {
    margin: 0;
}

.year_trophy .swiper-slide .swiper-img img {
    width: auto;
    height: 210px;
}

.year_trophy .swiper-button-prev.swiper-button-white,
.year_trophy .swiper-button-next.swiper-button-white {
    display: none;
}

.year_trophy .swiper-container-horizontal > .swiper-pagination-bullets {
    margin-top: 1rem;
}

.year_trophy .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
}

.year_trophy .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}

.year_trophy .swiper-pagination-bullet-active {
    background: #fff;
}

@media (max-width: 1366px) {
    .web-page-frame .year_menu > .module-container > .main,
    .web-page-frame .year_contents > .module-container > .main,
    .web-page-frame .year_trophy > .module-container > .main {
        max-width: 95%;
    }

    .year_trophy .swiper-container-free-mode > .swiper-wrapper {
        align-items: center;
    }

    .year_trophy .swiper-slide .swiper-img img {
        height: auto;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .year_contents .falls-container .grid .grid-item:nth-child(odd) p:nth-last-child(1) {
        padding: 0;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(even) p:nth-child(1) {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .web-page-frame .year_menu > .module-container > .main,
    .web-page-frame .year_contents > .module-container > .main,
    .web-page-frame .year_trophy > .module-container > .main {
        max-width: 98%;
    }
}

@media (max-width: 575px) {
    .year_menu .header-title {
        padding-top: 3rem;
    }

    .year_contents .falls-container .grid .grid-item {
        padding-right: 0;
        padding-left: 0;
    }

    .year_menu div.link-list ul li {
        margin: 0 15px;
    }

    .year_menu div.link-list ul li a,
    .year_menu div.link-list ul li span {
        font-size: 18px !important;
    }

    .year_contents .falls-container {
        margin-bottom: 30px;
    }

    .year_contents .falls-container .grid .grid-item h3,
    .year_contents .falls-container .grid .grid-item p {
        font-size: 16px;
    }

    .year_contents .falls-container .grid .grid-item > p {
        letter-spacing: 0;
        line-height: 1.8;
        width: calc(100% - 60px);
        word-break: break-all;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(odd) > p {
        text-align: left;
        padding-left: 15px;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(even) > p {
        padding-right: 15px;
    }

    .year_contents .falls-container .grid .grid-item > p:nth-last-child(1),
    .year_contents .falls-container .grid .grid-item > p:nth-child(2) {
        display: none;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(5) {
        margin-top: 0px;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 110px;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(7) {
        margin-top: 0px;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(8) {
        margin-top: 90px;
    }

    .year_contents .falls-container .grid .grid-item:nth-child(9) {
        margin-top: 0px;
    }

    .year_trophy {
        margin-bottom: 3rem;
    }
}

.tourist .main.row::before {
    content: '';
    display: block;
    width: 679px;
    height: 261px;
    position: absolute;
    right: 0;
    top: -80px;
    background-repeat: no-repeat;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/0c5734b0-d944-4d2c-9ea8-ca3cfabc646c.png);
}

.tourist .main.row::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 446px;
    background-repeat: no-repeat;
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/63260a79-23ef-40ce-9efd-190e605b0d5d.png);
}

.web-page-frame .tourist_contents > .module-container > .main {
    max-width: 1350px;
    margin: 0 auto;
}

.tourist_contents .header-title {
    text-align: center;
    position: relative;
    font-size: 35px;
    font-weight: 800;
    color: #000;
    padding: 0 0 20px 0;
    margin-bottom: 40px;
    margin-top: 8rem;
}

.tourist_contents .header-title::after {
    content: '';
    width: 45px;
    height: 1px;
    display: block;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: calc(50% - 22.5px);
}

.tourist_contents .bs-carousel {
    padding-bottom: 3rem;
    margin-bottom: 14rem;
}

.tourist_contents .bs-carousel .carousel-inner {
    margin-bottom: 2rem;
}

.tourist_contents .carousel-fade .carousel-item {
    cursor: default;
}

.tourist_contents .carousel-fade .carousel-item > picture {
    display: none;
}

.tourist_contents .carousel-caption {
    position: unset;
}

.tourist_contents .carousel-caption .tourist_content {
    display: flex;
    flex-wrap: wrap;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block {
    display: inline-block;
    padding: 10px;
    float: left;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block .tourist_block_border {
    border: 1px solid #888;
    background-color: #f7f7f7;
    border-radius: 0.5em;
    padding-bottom: 40px;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block .tourist_block_border .tourist_pic {
    width: 180px;
    margin: 30px auto;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block .tourist_block_border .tourist_text {
    padding: 0 40px;
    font-size: 18px;
    height: 120px;
    color: #000;
    line-height: 30px;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block .tourist_block_border .tourist_writer {
    padding: 20px 40px;
    font-size: 18px;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block .tourist_block_border .tourist_writer p {
    font-size: 18px;
    margin: 0;
    line-height: 30px;
    text-align: right;
    color: #5a5959;
    font-weight: normal;
    text-shadow: none;
}

.tourist_contents .carousel-caption .tourist_content .tourist_block .tourist_block_border .tourist_writer p:nth-child(2) {
    font-size: 14px;
}

.tourist_contents .carousel-control-next,
.tourist_contents .carousel-control-prev {
    top: unset;
    bottom: 20px;
    width: 25px;
    height: 25px;
    border: 1px solid #000;
    border-radius: 20px;
    z-index: 99;
}

.tourist_contents .carousel-control-prev {
    left: calc(50% - 125px);
}

.tourist_contents .carousel-control-prev::before {
    content: '<';
    display: block;
    color: #000;
    font-size: 21px;
    padding-bottom: 2.5px;
}

.tourist_contents .carousel-control-next {
    right: calc(50% - 125px);
}

.tourist_contents .carousel-control-next::before {
    content: '>';
    display: block;
    color: #000;
    font-size: 21px;
    padding-bottom: 2.5px;
}

.tourist_contents .carousel-control-next-icon,
.tourist_contents .carousel-control-prev-icon {
    display: none;
}

.tourist_contents .carousel-indicators {
    counter-reset: dotCounter;
}

.tourist_contents .carousel-indicators li {
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 8px;
    text-indent: unset;
    border-radius: 20px;
    color: #000;
    border: none;
    background-color: transparent;
    opacity: 1;
    position: relative;
}

.tourist_contents .carousel-indicators li.active {
    background-color: #000;
    color: #fff;
}

.tourist_contents .carousel-indicators li::before {
    content: counter(dotCounter);
    counter-increment: dotCounter;
    display: block;
    width: 25px;
    height: 25px;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1366px) {
    .web-page-frame .tourist_contents > .module-container > .main {
        max-width: 95%;
    }
}

@media (max-width: 767px) {
    .web-page-frame .tourist_contents > .module-container > .main {
        max-width: 98%;
    }

    .tourist_contents .carousel-caption {
        display: block !important;
    }
}

@media (max-width: 575px) {
    .tourist_contents .header-title {
        margin-bottom: 20px;
        margin-top: 3rem;
    }
}

.go_to_firm_tour {
    margin-bottom: 5rem;
}

.go_to_firm_tour div.link-list {
    background: none;
}

.go_to_firm_tour div.link-list ul li {
    margin: auto;
    display: block;
}

.go_to_firm_tour div.link-list ul li a,
.go_to_firm_tour div.link-list ul li span {
    display: block;
    background-color: #026E90;
    width: 200px;
    border: 1px solid #026E90;
    border-radius: 0.5em;
    padding: 15px;
    margin: 30px auto;
    font-weight: bold;
}

@media (max-width: 767px) {
    .go_to_firm_tour div.link-list ul li a,
    .go_to_firm_tour div.link-list ul li span {
        margin: 0 auto;
    }
}

/*NEW ABOUT 20231030 END*/

/* Travel/Japan */
/*各館首頁*/

.travel_index.Japan .travel_index_list .list-wrapper .note-block {
    background-image: url(https://materials.fillo.com.tw/materials/fantasy/images/cf61ccdf-6c32-45e2-857c-c11aecf0b9a6.png);
}

/* Travel/Europe */
/*各館首頁*/
.travel_index.Europe .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Europe/europe-travel-options-bg.jpg);
}

.travel_index.Europe .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Europe/europe-input-button_bg.jpg);
}

.travel_index.Europe .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.Europe .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.Europe .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Europe/europe-input-bg.jpg);
}

.travel_index.Europe .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Europe/europe-input-bg.jpg) !important;
}

.travel_index .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Europe/europe-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.Europe .share-nav ul.navbar-nav li a {
    color: #287b9e;
    border-color: #287b9e;
}

.travel_index.Europe .share-nav ul.navbar-nav li a:hover,
.travel_index.Europe .share-nav ul.navbar-nav li a.on {
    border-color: #287b9e;
    background-color: #287b9e;
    color: #fff;
}

.travel_index.Europe .switch-box .switch_group ul.switch-box li.selected {
    color: #287b9e;
}

.travel_index.Europe .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Europe/europe-input-button_bg.jpg);
}

.travel_index.Europe .content-container .title_box .left_box h1,
.share_your_story.Europe .share_your_story_content .icon_info h4,
.travel_index.Europe .catalog_title .title_box .left_box h1 {
    color: #287b9e;
}

/* Travel/NewZealand */
/*各館首頁*/
.travel_index.NewZealand .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/NewZealandAustralia/australia-travel-options-bg.jpg);
}

.travel_index.NewZealand .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/NewZealandAustralia/australia-input-button_bg.jpg);
}

.travel_index.NewZealand .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.NewZealand .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.NewZealand .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/NewZealandAustralia/australia-bg.jpg);
}

.travel_index.NewZealand .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/NewZealandAustralia/australia-bg.jpg) !important;
}

.travel_index.NewZealand .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/NewZealandAustralia/australia-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.NewZealand .share-nav ul.navbar-nav li a:hover,
.travel_index.NewZealand .share-nav ul.navbar-nav li a.on {
    border-color: #e39e3e;
    background-color: #e39e3e;
}

.travel_index.NewZealand .switch-box .switch_group ul.switch-box li.selected {
    color: #e39e3e;
}

.travel_index.NewZealand .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/NewZealandAustralia/australia-input-button_bg.jpg);
}

.Travel_Auto_Page.NewZealand .content-container .title_box .left_box h1 {
    color: #e39e3e;
}

.tourist_information.NewZealand .tourist_information_title h3,
.tourist_information.NewZealand .tourist_information_title h4,
.tourist_information.NewZealand .tourist_information_content .hover-wall .icon_info h3 {
    color: #000;
}

.tourist_information.NewZealand .tourist_information_content .hover-wall .icon_info p {
    color: #fff;
}

/* Travel/Africa */
/*各館首頁*/
.travel_index.Africa .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Africa/africa-travel-options-bg.jpg);
}

.travel_index.Africa .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Africa/africa-input-button_bg.jpg);
}

.travel_index.Africa .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.Africa .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.Africa .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Africa/africa-bg.jpg);
}

.travel_index.Africa .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Africa/africa-bg.jpg) !important;
}

.travel_index.Africa .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Africa/africa-input-button_bg.jpg);
}

.travel_index.Africa .travel_index_search section.group_banner .search-area .search-box h6,
.travel_index.Africa .travel_index_search section.group_banner .search-area .search-box .data-icon-search::before,
.travel_index.Africa .travel_index_search section.group_banner .select-status label {
    color: #fff;
}

/*小分類頁(各館次首頁)*/
.travel_index.Africa .share-nav ul.navbar-nav li a:hover,
.travel_index.Africa .share-nav ul.navbar-nav li a.on {
    border-color: #9b9039;
    background-color: #9b9039;
}

.travel_index.Africa .switch-box .switch_group ul.switch-box li.selected {
    color: #9b9039;
}

.travel_index.Africa .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Africa/africa-input-button_bg.jpg);
}

.Travel_Auto_Page.Africa .content-container .title_box .left_box h1 {
    color: #9b9039;
}

.tourist_information.Africa .tourist_information_title h3,
.tourist_information.Africa .tourist_information_title h4 {
    color: #000;
}

/* Travel/American */
/*各館首頁*/
.travel_index.American .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/American/america-travel-options-bg.jpg);
}

.travel_index.American .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/American/america-input-button_bg.jpg);
}

.travel_index.American .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.American .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.American .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/American/america-bg.jpg);
}

.travel_index.American .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/American/america-bg.jpg) !important;
}

.travel_index.American .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/American/america-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.American .share-nav ul.navbar-nav li a:hover,
.travel_index.American .share-nav ul.navbar-nav li a.on {
    border-color: #bc837b;
    background-color: #bc837b;
}

.travel_index.American .switch-box .switch_group ul.switch-box li.selected {
    color: #bc837b;
}

.travel_index.American .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/American/america-input-button_bg.jpg);
}

.Travel_Auto_Page.American .content-container .title_box .left_box h1 {
    color: #bc837b;
}

.tourist_information.American .tourist_information_title h3,
.tourist_information.American .tourist_information_title h4 {
    color: #000;
}

/* Travel/SouthAsia */
/*各館首頁*/
.travel_index.SouthAsia .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/SouthAsia/asia-travel-options-bg.png);
}

.travel_index.SouthAsia .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/SouthAsia/asia-input-button_bg.jpg);
}

.travel_index.SouthAsia .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.SouthAsia .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.SouthAsia .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/SouthAsia/asia-bg.jpg);
}

.travel_index.SouthAsia .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/SouthAsia/asia-bg.jpg) !important;
}

.travel_index.SouthAsia .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/SouthAsia/asia-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.SouthAsia .share-nav ul.navbar-nav li a:hover,
.travel_index.SouthAsia .share-nav ul.navbar-nav li a.on {
    border-color: #367f6b;
    background-color: #367f6b;
}

.travel_index.SouthAsia .switch-box .switch_group ul.switch-box li.selected {
    color: #367f6b;
}

.travel_index.SouthAsia .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/SouthAsia/asia-input-button_bg.jpg);
}

.travel_index.SouthAsia .catalog_title .title_box .left_box h1,
.Travel_Auto_Page.SouthAsia .content-container .title_box .left_box h1 {
    color: #367f6b;
}

.satifaction_survey.SouthAsia .satifaction_surveys a .traveler {
    color: #000;
}

.tourist_information.SouthAsia .tourist_information_title h3,
.tourist_information.SouthAsia .tourist_information_title h4 {
    color: #fff;
}

/* Travel/Cruise */
/*各館首頁*/
.travel_index.Cruise .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Cruise/cruise-travel-options-bg.jpg);
}

.travel_index.Cruise .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Cruise/cruise-input-button_bg.jpg);
}

.travel_index.Cruise .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.Cruise .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.Cruise .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Cruise/cruise-bg.jpg);
}

.travel_index.Cruise .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Cruise/cruise-bg.jpg) !important;
}

.travel_index.Cruise .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Cruise/cruise-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.Cruise .share-nav ul.navbar-nav li a:hover,
.travel_index.Cruise .share-nav ul.navbar-nav li a.on {
    border-color: #2756A9;
    background-color: #2756A9;
}

.travel_index.Cruise .switch-box .switch_group ul.switch-box li.selected {
    color: #2756A9;
}

.travel_index.Cruise .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/Cruise/cruise-input-button_bg.jpg);
}

.travel_index.Cruise .catalog_title .title_box .left_box h1 {
    color: #2756A9;
}

.Travel_Auto_Page.Cruise .content-container .title_box .left_box h1 {
    color: #2756A9;
}

.tourist_information.Cruise .tourist_information_title h3,
.tourist_information.Cruise .tourist_information_title h4 {
    color: #000;
}

.cruise_feature .cruise_feature_content {
    margin: 0 auto;
    max-width: 1360px;
}

.cruise_feature .cruise_feature_content img {
    max-width: 100%;
}

/*行程內頁航程表與艙房價目表*/
body.D_products_group_detail .cruise_information {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    overflow: hidden;
}
body.D_products_group_detail .cruise_information .title_area {
    text-align: left;
}

body.D_products_group_detail .cruise_information .title_area.mt-02{
    margin-top: 2em;
}

body.D_products_group_detail .cruise_information .title_area div {
    display: inline-block
}
body.D_products_group_detail .cruise_information .title_left {
    display: inline-block;
    background-color: #c68922;
    height: 27px;
    width: 8px;
    margin-bottom: -7px;
}
body.D_products_group_detail .cruise_information .title_area .title {
    margin: 20px 0;
    text-align: left;
}

body.D_products_group_detail .cruise_information #cruise_voyages {
    width: 100%;
    display: block;
}

body.D_products_group_detail .cruise_information .trip_description .td2 {
    font-size: 1.25em;
}

.cruise_information #cruise_voyages .title {
    width: 100%;
    max-width: 660px;
}

body.D_products_group_detail .cruise_information #cruise_voyages .title div {
    display: inline-block;
    background-color: #11386b;
    color: #fff;
    width: 32.9%;
    text-align: center;
    font-size: 1.25em;
    margin: 0;
}

body.D_products_group_detail .cruise_information #cruise_voyages .content div {
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 32%;
    max-width: 220px;
    font-size: 1.2em;
    margin: 0;
}

body.D_products_group_detail .cruise_information #cruise_voyages .content {
    width: 100%;
    max-width: 660px;
}

body.D_products_group_detail .cruise_information #cruise_voyages .content:nth-child(even) {
    background-color: #edf2f8;
}

@media (max-width: 767px) {
    body.D_products_group_detail .cruise_information {
        padding: 0 20px 15px;
    }

    body.D_products_group_detail .cruise_information h7 {
        font-size: 1.2em;
    }

    body.D_products_group_detail .cruise_information #cruise_voyages .title div,
    body.D_products_group_detail .cruise_information .trip_description .td2 {
        font-size: 1.15em;
    }

    body.D_products_group_detail .cruise_information #cruise_voyages .title div {
        width: 32%;
    }

    body.D_products_group_detail .cruise_information #cruise_voyages .content div {
        font-size: 1em;
    }
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .title {
    position: relative;
    display: block;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .title div {
    background-color: #5f92c8;
    color: #fff;
    position: absolute;
    text-align: center;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .title div:nth-child(1) {
    width: 33.3%;
    height: 60px;
    left: 0;
    top: 0;
    line-height: 60px;
    font-size: 1.15em;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .title div:nth-child(2) {
    width: 66.6%;
    height: 29px;
    right: 0;
    top: 0;
    line-height: 29px;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .title div:nth-child(3) {
    background-color: #fff;
    width: 66.6%;
    height: 30px;
    right: 0;
    top: 30px;
    line-height: 30px;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .title div:nth-child(3) div {
    display: inline-block;
    background-color: #d82e4a;
    width: 49.9%;
    height: 100%;
    line-height: 30px;
}

body.D_products_group_detail .cruise_information .cruise_cabin_price .contents .content  {
    display: block;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .contents .content:nth-child(1) {
    margin-top: 70px;
}

body.D_products_group_detail .cruise_information .cruise_cabin_price .contents .content div {
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 32%;
    max-width: 220px;
    font-size: 1.2em;
    margin: 0;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_12 .contents .content div:nth-child(3) {
    color: #d82e4a;
    font-weight: 600;
}

body.D_products_group_detail .cruise_information .cruise_cabin_price .contents .content:nth-child(even) {
    background-color: #edf2f8;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_34 {
    margin: 2em 0 4em 0;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_34 .title  {
    width: 100%;
}

body.D_products_group_detail .cruise_information #cruise_cabin_price_34 .title div {
    display: inline-block;
    width: 32.6%;
    height: 30px;
    line-height: 30px;
    background-color: #5f92c8;
    color: #fff;
    text-align: center;
}

@media (max-width: 767px) {
    body.D_products_group_detail .cruise_information #cruise_cabin_price_34 .title div {
        width: 32%;
        margin: 0;
    }

    body.D_products_group_detail .cruise_information .cruise_cabin_price .contents .content div  {
        font-size: 1em;
    }
}

body.D_products_group_detail .cruise_information .price_description {
    text-align: left;
}

body.D_products_group_detail .cruise_information .price_description .title {
    font-weight: 600;
    font-size: 1.1em;
    margin-top: 20px;
}

/* Travel/AroundWorld */
/*各館首頁*/
.travel_index.AroundWorld .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/AroundWorld/theme-travel-options-bg.png);
}

.travel_index.AroundWorld .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/AroundWorld/theme-input-button_bg.jpg);
}

.travel_index.AroundWorld .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.AroundWorld .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.AroundWorld .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/AroundWorld/theme-bg.jpg);
}

.travel_index.AroundWorld .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/AroundWorld/theme-bg.jpg) !important;
}

.travel_index.AroundWorld .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/AroundWorld/theme-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.AroundWorld .share-nav ul.navbar-nav li a:hover,
.travel_index.AroundWorld .share-nav ul.navbar-nav li a.on {
    border-color: #ea9987;
    background-color: #ea9987;
}

.travel_index.AroundWorld .switch-box .switch_group ul.switch-box li.selected {
    color: #ea9987;
}

.travel_index.AroundWorld .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/AroundWorld/theme-input-button_bg.jpg);
}

.travel_index.AroundWorld .catalog_title .title_box .left_box h1 {
    color: #ea9987;
}

.Travel_Auto_Page.AroundWorld .content-container .title_box .left_box h1 {
    color: #ea9987;
}

.tourist_information.AroundWorld .tourist_information_title h3,
.tourist_information.AroundWorld .tourist_information_title h4 {
    color: #000;
}

/* Travel/China */
/*各館首頁*/
.travel_index.China .travel_index_search .group_banner.search_banner .search-area > form.container {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/China/china-travel-options-bg.jpg);
}

.travel_index.China .travel_index_search section.group_banner .search-area .search-box .search-btn {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/China/china-input-button_bg.jpg);
}

.travel_index.China .travel_index_search section.group_banner .search-area .search-box .select-place .select,
.travel_index.China .travel_index_search section.group_banner .search-area .search-box .select-goal .select,
.travel_index.China .travel_index_search section.search_banner .search-area .search-box .select-input input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/China/china-bg.jpg);
}

.travel_index.China .travel_index_search section.group_banner .search-area .search-box .select-date .select input {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/China/china-bg.jpg) !important;
}

.travel_index.China .travel_index_list .list-wrapper .note-block {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/China/china-input-button_bg.jpg);
}

/*小分類頁(各館次首頁)*/
.travel_index.China .share-nav ul.navbar-nav li a:hover,
.travel_index.China .share-nav ul.navbar-nav li a.on {
    border-color: #ea9987;
    background-color: #ea9987;
}

.travel_index.China .switch-box .switch_group ul.switch-box li.selected {
    color: #ea9987;
}

.travel_index.China .switch-box .switch_group ul.switch-box::after {
    background-image: url(https://www.fantasy-tours.com/material-alias/fantasy-tours/travel/index/China/china-input-button_bg.jpg);
}

.travel_index.China .catalog_title .title_box .left_box h1 {
    color: #ea9987;
}

.Travel_Auto_Page.China .content-container .title_box .left_box h1 {
    color: #ea9987;
}

.tourist_information.China .tourist_information_title h3,
.tourist_information.China .tourist_information_title h4 {
    color: #000;
}

.travel_index_slider .carousel-fade .carousel-inner .carousel-item {
    height: 640px;
}

.travel_index_slider .carousel-fade .carousel-inner .carousel-item img {
    height: 100%;
    object-fit: cover;
}

.travel_index_slider .carousel-fade .carousel-inner .carousel-item h5 {
    display: none;
}

@media (max-width: 1680px) {
    .travel_index_slider .carousel-fade .carousel-inner .carousel-item {
        height: 560px;
    }
}

@media (max-width: 1440px) {
    .travel_index_slider .carousel-fade .carousel-inner .carousel-item {
        height: 480px;
    }
}

@media (max-width: 1080px) {
    .travel_index_slider .carousel-fade .carousel-inner .carousel-item {
        height: 360px;
    }
}

@media (max-width: 900px) {
    .travel_index_slider .carousel-fade .carousel-inner .carousel-item {
        height: 300px;
    }
}

@media (max-width: 840px) {
    .travel_index_slider .carousel-fade .carousel-inner .carousel-item {
        height: 280px;
    }
}

@media (max-width: 780px) {
    .travel_index_slider .carousel-fade .carousel-inner .carousel-item {
        height: 260px;
    }
}

/*****  團體自由行 內頁 *****/
body.D_products_domestic_pdetail section.Detail .TripBasic .InfoBox .PriceBlock .list-unstyled .NumberOfPeople {
    visibility: hidden;
    position: absolute;
    top: 0;
}

body.D_products_domestic_pdetail section.DepartureDate #prodTable th.AvailableSeat,
body.D_products_domestic_pdetail section.DepartureDate #prodTable td.AvailableSeat,
body.D_products_domestic_pdetail section.DepartureDate #search-calendar table.fc-scrollgrid-sync-table td .day-events-bottom-available {
    display: none;
}

/*新增行程區塊範本 day_style_21~24 css*/
.day_style_21 {
    width: 100%;
    display: block;
    margin: 50px auto;
}

.day_style_21 br {
    display: none;
}

.day_style_21 .w-imgText {
    overflow: hidden;
}

.day_style_21 .w-imgText ul, .w-imgText li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.day_style_21 .w-imgText .item {
    position: relative;
}

.day_style_21 .w-imgText .item > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.day_style_21 .w-imgText .img-count-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    *height: 100%;
}

.day_style_21 .w-imgText .textB {
    line-height: 1.7;
}

.day_style_21 .w-imgText .textB .bg_x {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.day_style_21 .w-imgText .text_x {
    position: relative;
    z-index: 1;
}

.day_style_21 .w-imgText .igt_page {
    text-align: right;
    display: block;
    z-index: 5;
}

.day_style_21 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: 0.5;
}

.day_style_21 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #09739f;
    opacity: 1;
    width: 3em;
}

.day_style_21 .w-imgText1 {
    position: relative;
}

.day_style_21 .w-imgText1 .item {
    padding-bottom: 30px;
    padding-left: 1px;
}

.day_style_21 .w-imgText1 .img {
    width: 75%;
    overflow: hidden;
}

.day_style_21 .w-imgText1 .img img {
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.day_style_21 .w-imgText1 li:hover .img img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

.day_style_21 .w-imgText1 .textB {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 460px;
    padding: 30px 60px 40px;
}

.day_style_21 .w-imgText1 .textB .bg_x {
    background: #e1e1e1;
}

.day_style_21 .w-imgText1 .text_x .tt_h {
    font-size: 24px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.5em;
}

.day_style_21 .w-imgText1 .text_x p {
    color: #666;
    line-height: 25px;
    margin: 0;
}

.day_style_21 .w-imgText1 .igt_btn {
    position: absolute;
    z-index: 9;
    right: 405px;
    bottom: 50px;
    width: 110px;
    height: 50px;
}

.day_style_21 .w-imgText1 .igt_btn .igt_prev, .day_style_21 .w-imgText1 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background-color: #B7B7B7;
}

.day_style_21 .w-imgText1 .igt_btn .igt_prev {
    left: 0;
}

.day_style_21 .w-imgText1 .igt_btn .igt_next {
    right: 0;
}

.day_style_21 .w-imgText1 .igt_btn .igt_prev:before, .day_style_21 .w-imgText1 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px;
}

.day_style_21 .w-imgText1 .igt_btn .igt_prev:before {
    display: block;
    content: '\f053';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    margin: 0;
    background: none;
    color: #fff;
}

.day_style_21 .w-imgText1 .igt_btn .igt_next:before {
    display: block;
    content: '\f054';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    margin: 0;
    background: none;
    color: #fff;
}

.day_style_21 .w-imgText1 .igt_btn .igt_prev:hover, .day_style_21 .w-imgText1 .igt_btn .igt_next:hover {
    background-color: #09739f;
}

@media (max-width: 860px) {
    .day_style_21 .w-imgText .igt_page {
        display: block;
        text-align: center;
    }

    .day_style_21 .w-imgText .igt_btn {
        display: none;
    }

    .day_style_21 .w-imgText1 .item {
        padding-bottom: 0;
    }

    .day_style_21 .w-imgText1 .img {
        width: 100%;
    }

    .day_style_21 .w-imgText1 .textB {
        position: relative;
        width: 100%;
        padding: 1.2em 4% 1.5em;
    }

    .day_style_21 .w-imgText1 .igt_btn {
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px;
    }
}

@media (max-width: 640px) {
    .day_style_21 .w-imgText .igt_page .swiper-pagination-bullet {
        height: 2px;
    }
}

@media (max-width: 480px) {
    .day_style_21 .w-imgText1 .igt_btn .igt_next, .day_style_21 .w-imgText1 .igt_btn .igt_prev {
        width: 2.5em;
        height: 2.5em;
    }

    .day_style_21 .w-imgText1 .text_x .tt_h {
        font-size: 18px;
    }

    .day_style_21 .w-imgText1 .text_x p {
        font-size: 15px;
    }
}

.day_style_22 {
    width: 100%;
    display: block;
    margin: 50px auto;
}

.day_style_22 br {
    display: none;
}

.day_style_22 .w-imgText {
    overflow: hidden;
}

.day_style_22 .w-imgText ul, .w-imgText li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.day_style_22 .w-imgText .item {
    position: relative;
}

.day_style_22 .w-imgText .item .imTB {
    overflow: hidden;
}

.day_style_22 .w-imgText .item > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.day_style_22 .w-imgText .img-count-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    *height: 100%;
}

.day_style_22 .w-imgText .textB {
    line-height: 1.7;
}

.day_style_22 .w-imgText .textB .bg_x {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.day_style_22 .w-imgText .text_x {
    position: relative;
    z-index: 1;
}

.day_style_22 .w-imgText .igt_page {
    text-align: right;
    display: block;
    z-index: 5;
}

.day_style_22 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: 0.5;
}

.day_style_22 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #09739f;
    opacity: 1;
    width: 3em;
}

.day_style_22 .w-imgText1 {
    position: relative;
}

.day_style_22 .w-imgText1 .item {
    padding-bottom: 30px;
    padding-left: 1px;
}

.day_style_22 .w-imgText1 .img {
    width: 75%;
    float: right;
    overflow: hidden;
}

.day_style_22 .w-imgText1 .img img {
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.day_style_22 .w-imgText1 li:hover .img img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

.day_style_22 .w-imgText1 .textB {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 460px;
    padding: 30px 60px 40px;
}

.day_style_22 .w-imgText1 .textB .bg_x {
    background: #e1e1e1;
}

.day_style_22 .w-imgText1 .text_x .tt_h {
    font-size: 24px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.5em;
}

.day_style_22 .w-imgText1 .text_x p {
    color: #666;
    line-height: 25px;
    margin: 0;
}

.day_style_22 .w-imgText1 .igt_btn {
    position: absolute;
    z-index: 9;
    left: 405px;
    bottom: 50px;
    width: 110px;
    height: 50px;
}

.day_style_22 .w-imgText1 .igt_btn .igt_prev, .day_style_22 .w-imgText1 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background-color: #B7B7B7;
}

.day_style_22 .w-imgText1 .igt_btn .igt_prev {
    left: 0;
}

.day_style_22 .w-imgText1 .igt_btn .igt_next {
    right: 0;
}

.day_style_22 .w-imgText1 .igt_btn .igt_prev:before, .day_style_22 .w-imgText1 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px;
}

.day_style_22 .w-imgText1 .igt_btn .igt_prev:before {
    display: block;
    content: '\f053';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    margin: 0;
    background: none;
    color: #fff;
}

.day_style_22 .w-imgText1 .igt_btn .igt_next:before {
    display: block;
    content: '\f054';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    margin: 0;
    background: none;
    color: #fff;
}

.day_style_22 .w-imgText1 .igt_btn .igt_prev:hover, .day_style_22 .w-imgText1 .igt_btn .igt_next:hover {
    background-color: #09739f;
}

@media (max-width: 860px) {
    .day_style_22 .w-imgText .igt_page {
        display: block;
        text-align: center;
    }

    .day_style_22 .w-imgText .igt_btn {
        display: none;
    }

    .day_style_22 .w-imgText1 .item {
        padding-bottom: 0;
    }

    .day_style_22 .w-imgText1 .img {
        width: 100%;
        float: initial;
    }

    .day_style_22 .w-imgText1 .textB {
        position: relative;
        width: 100%;
        padding: 1.2em 4% 1.5em;
    }

    .day_style_22 .w-imgText1 .igt_btn {
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px;
    }
}

@media (max-width: 640px) {
    .day_style_22 .w-imgText .igt_page .swiper-pagination-bullet {
        height: 2px;
    }
}

@media (max-width: 480px) {
    .day_style_22 .w-imgText1 .igt_btn .igt_next, .day_style_22 .w-imgText1 .igt_btn .igt_prev {
        width: 2.5em;
        height: 2.5em;
    }

    .day_style_22 .w-imgText1 .text_x .tt_h {
        font-size: 18px;
    }

    .day_style_22 .w-imgText1 .text_x p {
        font-size: 15px;
    }
}

.day_style_23 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    background: #FFF;
    padding: 15px 0;
}

.day_style_23 .item {
    display: flex;
    flex-wrap: wrap;
}

.day_style_23 .item .item_img {
    width: 100%;
    height: 235px;
}

.day_style_23 .item .item_img img {
    width: 100%;
    height: 100%;
}

.day_style_23 .item .item_text {
    width: 100%;
    height: 235px;
    padding-top: 20px;
}

.day_style_23 .item .item_text h4 {
    text-align: center;
    font-size: 15px;
    letter-spacing: 3px;
    color: #888888;
}

.day_style_23 .item .item_text h3 {
    text-align: center;
    font-size: 22px;
    letter-spacing: 3px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.day_style_23 .item .item_text p {
    width: 100%;
    line-height: 20px;
    text-align: justify;
}

@media (max-width: 767px) {
    .day_style_23 {
        display: table;
        margin: 0px auto;
    }

    .day_style_23 .item {
    }

    .day_style_23 .item .item_img {
        order: 2;
        height: initial;
    }

    .day_style_23 .item .item_img img {
        height: 100%;
    }

    .day_style_23 .item .item_text {
        height: initial;
    }
}

.day_style_24 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 50px auto;
}

.day_style_24 .item {
    display: flex;
    flex-wrap: wrap;
}

.day_style_24 .item .item_img {
    width: 100%;
    height: 325px;
}

.day_style_24 .item .item_img img {
    width: 100%;
    height: 100%;
}

.day_style_24 .item .item_text {
    width: 100%;
    height: 325px;
    padding-top: 30px;
}

.day_style_24 .item .item_text h4 {
    text-align: center;
    font-size: 15px;
    letter-spacing: 3px;
    color: #888888;
}

.day_style_24 .item .item_text h3 {
    text-align: center;
    font-size: 22px;
    letter-spacing: 3px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.day_style_24 .item .item_text p {
    width: 100%;
    line-height: 25px;
}

@media (max-width: 767px) {
    .day_style_24 {
        display: table;
    }

    .day_style_24 .item {
        margin-bottom: 50px;
    }

    .day_style_24 .item .item_img {
        order: 2;
        height: initial;
    }

    .day_style_24 .item .item_img img {
        height: 100%;
    }

    .day_style_24 .item .item_text {
        height: initial;
    }
}

/****** 搜尋Bar的日期選擇器 ******/

.datepicker.dropdown-menu {
    z-index: 999 !important;
}

.datepicker.dropdown-menu td, th {
    text-align: center;
    padding: 4px 8px;
    font-size: 18px;
    border-radius: 0 !important;
    font-family: "Helvetica Neue" !important;
}

.datepicker.dropdown-menu table th {
    font-weight: 500;
}

.datepicker.dropdown-menu table tbody tr td.active {
    background-image: none;
}

/*** 首頁 ***/

.datepicker.dropdown-menu {
    background-color: rgb(255 251 244);
    color: rgb(134, 108, 63);
}

.datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #866c3f;
    color: #fff;
}

.datepicker.dropdown-menu table tbody tr td.active,
.datepicker.dropdown-menu table tbody tr td:hover,
.datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
.datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover  {
    background-color: #866b43;
    color: #fff;
}

.datepicker.dropdown-menu:after,
.datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(255 251 244);
}

/*** 搜尋結果頁 ***/

body.D_products_group_search .datepicker.dropdown-menu {
    background-color: rgb(232 235 239);
    color: rgb(42 111 137);
}

body.D_products_group_search .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #1a7299;
    color: #fff;
}

body.D_products_group_search .datepicker.dropdown-menu table tbody tr td.active,
body.D_products_group_search .datepicker.dropdown-menu table tbody tr td:hover,
body.D_products_group_search .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.D_products_group_search .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #1a7299;
    color: #fff;
}

body.D_products_group_search .datepicker.dropdown-menu:after,
body.D_products_group_search .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(232 235 239);
}

/*** 日本館 ***/

body.JP .datepicker.dropdown-menu {
    background-color: rgb(250 232 227);
    color: rgb(141 69 85);
}

body.JP .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #b3606c;
    color: #fff;
}

body.JP .datepicker.dropdown-menu table tbody tr td.active,
body.JP .datepicker.dropdown-menu table tbody tr td:hover,
body.JP .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.JP .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #b3606c;
    color: #fff;
}

body.JP .datepicker.dropdown-menu:after,
body.JP .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(250 232 227);
}

/*** 歐洲館 ***/

body.EU .datepicker.dropdown-menu {
    background-color: rgb(232 235 239);
    color: rgb(42 111 137);
}

body.EU .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #1a7299;
    color: #fff;
}

body.EU .datepicker.dropdown-menu table tbody tr td.active,
body.EU .datepicker.dropdown-menu table tbody tr td:hover,
body.EU .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.EU .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover  {
    background-color: #1a7299;
    color: #fff;
}

body.EU .datepicker.dropdown-menu:after,
body.EU .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(232 235 239);
}

/*** 紐澳館 ***/

body.NZ .datepicker.dropdown-menu {
    background-color: rgb(244 225 206);
    color: rgb(177 105 22);
}

body.NZ .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #eaa14a;
    color: #fff;
}

body.NZ .datepicker.dropdown-menu table tbody tr td.active,
body.NZ .datepicker.dropdown-menu table tbody tr td:hover,
body.NZ .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.NZ .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #eaa14a;
    color: #fff;
}

body.NZ .datepicker.dropdown-menu:after,
body.NZ .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(244 225 206);
}

/*** 非洲館 ***/

body.AF .datepicker.dropdown-menu {
    background-color: rgb(230 226 190);
    color: rgb(126 97 65);
}

body.AF .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #ba9b33;
    color: #fff;
}

body.AF .datepicker.dropdown-menu table tbody tr td.active,
body.AF .datepicker.dropdown-menu table tbody tr td:hover,
body.AF .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.AF .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #ba9b33;
    color: #fff;
}

body.AF .datepicker.dropdown-menu:after,
body.AF .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(230 226 190);
}

/*** 美加館 ***/

body.US .datepicker.dropdown-menu {
    background-color: rgb(244 235 229);
    color: rgb(126 97 65);
}

body.US .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #d16054;
    color: #fff;
}

body.US .datepicker.dropdown-menu table tbody tr td.active,
body.US .datepicker.dropdown-menu table tbody tr td:hover,
body.US .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.US .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #d16054;
    color: #fff;
}

body.US .datepicker.dropdown-menu:after,
body.US .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(244 235 229);
}

/*** 東南亞館 ***/

body.SA .datepicker.dropdown-menu {
    background-color: rgb(212 226 225);
    color: rgb(40 111 91);
}

body.SA .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #458c79;
    color: #fff;
}

body.SA .datepicker.dropdown-menu table tbody tr td.active,
body.SA .datepicker.dropdown-menu table tbody tr td:hover,
body.SA .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.SA .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #458c79;
    color: #fff;
}

body.SA .datepicker.dropdown-menu:after,
body.SA .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(212 226 225);
}

/*** 中國館 ***/

body.CH .datepicker.dropdown-menu {
    background-color: rgb(250 242 237);
    color: rgb(125 65 76);
}

body.CH .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #b96972;
    color: #fff;
}

body.CH .datepicker.dropdown-menu table tbody tr td.active,
body.CH .datepicker.dropdown-menu table tbody tr td:hover,
body.CH .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.CH .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #b96972;
    color: #fff;
}

body.CH .datepicker.dropdown-menu:after,
body.CH .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(250 242 237);
}

/*** 郵輪館 ***/

body.CR .datepicker.dropdown-menu {
    background-color: rgb(232 235 239);
    color: rgb(42 111 137);
}

body.CR .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #1a7299;
    color: #fff;
}

body.CR .datepicker.dropdown-menu table tbody tr td.active,
body.CR .datepicker.dropdown-menu table tbody tr td:hover,
body.CR .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.CR .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #1a7299;
    color: #fff;
}

body.CR .datepicker.dropdown-menu:after,
body.CR .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(232 235 239);
}

/*** 極地旅遊館 ***/

body.AW .datepicker.dropdown-menu {
    background-color: rgb(250 242 237);
    color: rgb(125 65 76);
}

body.AW .datepicker.dropdown-menu table thead tr:nth-child(3) {
    background-color: #b96972;
    color: #fff;
}

body.AW .datepicker.dropdown-menu table tbody tr td.active,
body.AW .datepicker.dropdown-menu table tbody tr td:hover,
body.AW .datepicker.dropdown-menu table thead tr:nth-child(2) th:hover,
body.AW .datepicker.dropdown-menu table tfoot tr:nth-child(2) th:hover {
    background-color: #b96972;
    color: #fff;
}

body.AW .datepicker.dropdown-menu:after,
body.AW .datepicker.dropdown-menu:before {
    border-top: 6px solid rgb(250 242 237);
}