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;
}
/*公版*/
.WinChrome section.group_banner.search_banner, 
.WinIe section.group_banner.search_banner {
    height: 525px;
}

.WinChrome section.group_banner .search-area, 
.WinIe section.group_banner .search-area {
    bottom: 10px;
}

.D_products_group_search section.group_banner .img_box::before {
    content: '出發日期';
    display: block;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 185px;
    transform: translate(-50%, 0%);
    font-size: 2rem;
    letter-spacing: 10px;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.D_products_group_search section.group_banner.search_banner::after{
    top: 350px;
}

.D_products_group_search .search_table .tag_all .btn.btn-danger{font-size: 0;}
.D_products_group_search .search_table .tag_all .btn.btn-danger::before{content: '已成團'; font-size: 0.75rem;}

/*list*/
.search-area .search-box .select-place .title i, 
.search-area .search-box .select-goal .title i, 
.search-area .search-box .select-date .title i, 
section.search_banner .search-area .search-box .select-input .data-icon-search {
    color: #d61518;
}

.WinChrome section.group_banner .search-area .form-check:nth-last-child(1) label, 
.WinIe section.group_banner .search-area .form-check:nth-last-child(1) label{
    font-size: 0;
}
.WinChrome section.group_banner .search-area .form-check:nth-last-child(1) label::after, 
.WinIe section.group_banner .search-area .form-check:nth-last-child(1) label::after{
    content: '只找已成團';
    font-size: 1rem;
}

.search-area .search-box .search-btn {
    background-color: #d61518;
}

.filter_list i {
    color: #111;
}

.irs-from, .irs-single, .irs-to {
    background-color: #111;
}

.irs-bar {
    background: #ccc;
}

.irs-slider {
    background: #d61518;
}

.irs-slider.state_hover, .irs-slider:hover {
    border-color: #d61518;
}

.filter_list .form-check .customcheck input:checked ~ .checkmark {
    background-color: #d61518;
}

.filter_list .form-check .disabled .checkmark, 
.filter_list .form-check .disabled input:checked~.checkmark {
    background-color: #ddd;
}

.badge-primary {
    background-color: #111;
}

.list_con .style_icon .nav-pills .nav-link.active svg {
    fill: #d61518;
}

.list_con .title .text_blue {
    color: #d61518;
}

figure.block_style .pic_all::after {
    border-color: transparent transparent transparent rgba(214, 21, 24, 0.7);
}

.pic_style figure.block_style .price_all h4 span {
    font-size: 1.4rem;
}

#search-table .table .thead, 
#search-table .table .thead:hover, 
#tripDateList.table .thead, 
#tripDateList.table .thead:hover {
    background-color: #111;
}

section.search_con .pagination .page-item .page-link:hover, 
section.search_con .pagination .page-item .page-link:active, 
section.search_con .pagination .page-item.active .page-link {
    background: #fff;
    border-color: #ffba3b;
    color: #ffba3b;
}

.search_table .thead th.tour-price {
    width: 21%;
}

.search_table tbody td.tour-price span {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
}

/*detail*/
.D_products_group_detail section.group_banner.trip_banner .tag.btn-danger{font-size: 0;}
.D_products_group_detail section.group_banner.trip_banner .tag.btn-danger::before{content: '已成團';font-size: 1.125rem;}
/*20250605新增出發日期的已成團*/
.D_products_group_detail section.group_table.tripdown .search_table .tag.btn-danger{font-size: 0;}
.D_products_group_detail section.group_table.tripdown .search_table .tag.btn-danger::before{content: '已成團';font-size: 0.875rem;}

.D_products_group_detail.modal-open .modal .modal-dialog {
    margin-top: 100px;
}

.D_products_group_detail.modal-open .modal .modal-dialog .modal-body::after {
    content: '備註： 實際航班以行前說明會為準';
}

section.group_banner .group_num img {
    width: 35px;
}

section.group_banner .price_content .panel-info {
    border-color: #f07577;
}

section.group_banner .price_content .panel-info .panel-heading {
    background: #f07577;
}

.basic-air-btn a {
    background: #f07577;
    border: 1px solid #d61518;
}

.basic-air-btn a:hover {
    background: #d61518;
}

.pic_style figure.block_style .plane_word .go-airport {
    font-size: 14px;
    margin: auto;
}

.pic_style figure.block_style .plane_word img, 
.search_table tbody td.go-airport img, 
figure.block_style .note_words>div img {
    display: none;
}

.pic_style figure.block_style .plane_word .rounded {
    font-size: 14px;
    margin: auto;
}

section.group_table.trip_features, 
section.group_table.trip_airline, 
section.group_table.trip_day, 
section.group_table.trip_note, 
section.group_table.view_intro, 
section.group_table.tripdown {
    /*background-color: #f0f0f0;*/
    margin-bottom: 0;
}

section.group_table.trip_features:before, section.group_table.trip_airline:before, 
section.group_table.trip_day:before, section.group_table.trip_note:before, 
section.group_table.view_intro:before, section.group_table.tripdown:before {
    /*display: none;*/
    -webkit-filter: grayscale(1) opacity(.3);
}

section.group_table.trip_features:after, 
section.group_table.trip_airline:after, 
section.group_table.trip_day:after, 
section.group_table.trip_note:after, 
section.group_table.view_intro:after, 
section.group_table.tripdown:after {
    background: #b6b6b6;
    /*display: none;*/
}

section.group_table.trip_features .container .group_table_box, 
section.group_table.trip_airline .container .group_table_box, 
section.group_table.trip_day .container .group_table_box, 
section.group_table.trip_note .container .group_table_box, 
section.group_table.view_intro .container .group_table_box, 
section.group_table.tripdown .container .group_table_box {
    margin-top: 3rem;
}

.table .thead, .table .thead:hover {
    background: #d61518;
}

section.group_table.trip_features {
    text-align: left;
}

.Day_menu {
    padding-bottom: 0;
}

section.group_table.trip_day > .container > div > h2::before {
    content: '航班及';
}

.D_products_group_detail section.group_table.trip_day table.table {
    position: relative;
    margin-top: 2rem;
}

.D_products_group_detail .group_table_box > table.table::before {
    content: '備註： 實際航班以行前說明會為準';
    display: block;
    text-align: left;
    position: absolute;
    right: 0;
    top: -2rem;
}

section.group_table.trip_day table.table tr.thead th:nth-child(2) {
    background: #192d50;
}

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

.Day_menu .swiper_day .swiper-slide a:hover {
    background: #212121;
    border: 1px solid #212121;
}

section.trip_note .card-header .btn:hover, section.trip_note .card-header .btn[aria-expanded="true"] {
    background: #d61518;
}

.search_table tbody td.sale-situation .btn {
    background-color: #d61518;
    border-color: #d61518;
    color: #fff;
}

.sub_menu-trip .server_menu > ul > li.join-fixed-btn {
    font-size: 1.1rem;
    border: none;
    background: #d61518;
}

.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle {
    background: #b60609;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
    outline: none;
    box-shadow: none;
}

.sub_menu-trip .server_menu > ul > li a {
    font-weight: normal;
}

.sub_menu-trip .server_menu a i {
    font-size: 18px;
}

.sub_menu-trip .server_menu > ul > li.download-fixed-btn, 
.sub_menu-trip .server_menu > ul > li.share-fixed-btn, 
.sub_menu-trip .server_menu > ul > li.query-fixed-btn {
    background: #212121;
    border-top: 1px solid #fff;
    font-size: 1rem;
}

.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
    font-size: 1rem;
    border-top: 1px solid #fff;
}

section.group_table.tripdown .search_table tbody td.go-airport img {
    float: left;
}

.trip_note .group_table_box #accordion ol, 
.trip_note .group_table_box #accordion ul {
    padding: revert;
    list-style: revert;
}

section.group_table.trip_day .info_box .info_box_title p.meal, 
section.group_table.trip_day .info_box .info_box_title p.hotel {
    padding-left: 2rem;
    padding-right: 2rem;
}

section.group_table.trip_day .info_box .info_box_title p.meal {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

section.group_table.trip_day .info_box .info_box_title p.meal > span {
    width: calc(33.3333% - 30px);
}

.day_style_12 .tp_group {
    width: 100%;
}

section.group_table.tripdown .style_icon ul li a.nav-link {
    border-color: #333;
    color: #333;
}

section.group_table.tripdown .style_icon ul li a.nav-link svg {
    fill: #333;
}

.trip_note .table thead th {
    line-height: 2;
}

.trip_note .table th, 
.trip_note .table td {
    padding-left: 10px;
    padding-right: 10px;
}

section.group_table .btn-lg, 
section.group_table .btn-group-lg > .btn {
    margin-bottom: 30px;
}

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

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

@media (min-width: 992px) {
    .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
        padding: 5px 16px;
        font-size: 1rem;
    }

    .sub_menu-trip .trip_menu {
        width: 92px;
    }

    .sub_menu-trip .trip_menu li a span {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .D_products_group_detail .M-002.footer {
        padding-bottom: 80px;
    }

    .WinChrome section.group_banner.search_banner, 
    .WinIe section.group_banner.search_banner {
        margin-top: 60px;
    }

    .sub_menu-trip .server_menu > ul > li.download-fixed-btn, 
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn, 
    .sub_menu-trip .server_menu > ul > li.query-fixed-btn {
        border-top: 0px solid #fff;
    }

    .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {
        border: none;
    }

    .sub_menu-trip .trip_menu:after {
        border-color: #d61518;
    }
    .D_products_group_detail section.group_banner.trip_banner:before{background-color: transparent;}
}

@media (max-width: 767px) {
    .D_products_group_detail.modal-open .modal.show .modal-dialog {
        margin-top: 60px;
    }

    .D_products_group_detail .Day_menu.day_fixed {
        top: 50px !important;
        padding-bottom: 10px;
    }

    section.group_table.trip_day .info_box .info_box_title p.meal, 
    section.group_table.trip_day .info_box .info_box_title p.hotel {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    section.group_table.trip_day .info_box .info_box_title p.meal > span {
        width: 100%;
        margin-right: 0;
    }
}

.day_style_10 {
    width: 100%;
    display: table;
    margin-bottom: 20px;
    position: relative;
}

.day_style_10 img {
    width: 100%;
}

.day_style_10 .item_text {
    position: absolute;
    bottom: 10%;
    z-index: 10;
    padding: 0px 15px;
}

.day_style_10 .item_text p {
    margin: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #FFF;
    padding: 50px;
}

@media (max-width: 767px) {
    .day_style_10 .item_text {
        position:unset;
    }

    .day_style_10 .item_text p {
        padding: 15px;
    }
}

/*member*/
.member_home.new_bg .signin_width {
    margin-top: 150px;
}

/*order*/
.group_home.D_products_signup_list .general_order_width, 
.group_home.D_products_signup_list .group_order_width {
    margin-top: 130px;
}

@media (max-width: 1199px) {
    .D_products_group_search section.group_banner.search_banner{
        height: 550px;
    }

    .D_products_group_search section.group_banner .img_box::before {
        top: 165px;
    }

    .D_products_group_search section.group_banner.search_banner::after{
        top: 305px;
    }
}

@media (max-width: 991px) {
    .D_products_group_search section.group_banner .img_box::before {
        top: 120px;
    }

    .D_products_group_search section.group_banner.search_banner::after{
        top: 280px;
    }
}

@media (max-width: 767px) {
    .D_products_group_search section.group_banner.search_banner{
        height: 650px;
        margin-top: 0;
    }

    .D_products_group_search section.group_banner .img_box::before {
        top: 30px;
        letter-spacing: 5px;
        font-size: 1.5rem;
    }

    .D_products_group_search section.group_banner.search_banner::after{
        top: 100px;
    }

    .WinChrome section.group_banner .search-area, 
    .WinIe section.group_banner .search-area {
        bottom: 30px;
    }

    .search_table tbody td.tour-name a.title_main {
        margin-bottom: 1rem;
    }
}

/*order*/
.D_products_signup_list .stepPage_group_info .available_sale{font-size: 0;}
.D_products_signup_list .stepPage_group_title.group_cabin .quantity_box .quantity{font-size: 0;line-height: 0;}
.D_products_signup_list .stepPage_group_title.group_cabin .quantity_box .quantity::before{content: '參團人數'; font-size: 14px;}
@media (max-width:767px) {
    .D_products_signup_list .stepPage_group_info .available_sale{display: none;}
    .group_home .stepPage_group_content.group_cabin_content .quantity_content_box .quantity_tit_m::before {content: '參團人數';font-size: 12px;}
}

/*gotop*/
.web_gotop .actGotop {
    width: 50px;
    height: 50px;
    right: 5px;
}

.web_gotop .actGotop a, .web_gotop .actGotop a:link {
    height: 50px;
    width: 50px;
    border-radius: 0;
    background: rgba(214, 21, 24, 0.7);
    border: 1px solid #d61518;
    font-size: 15px;
    line-height: 70px;
}

.web_gotop .actGotop a i {
    width: 50px;
    font-size: 30px;
}

/*所有模組*/
/*感應浮動廣告牆*/
.widget-item .hover-wall figure .overlay i {
    display: none;
}

/****Header start****/
.header_wrap {
    position: fixed;
    z-index: 9999;
}

.header_icons {
    position: absolute;
    width: 138px;
    right: 33px;
    top: 8px;
    padding: 0;
    z-index: 99;
}

.header_icons div.link-list {
    background: none;
}

.header_icons div.link-list ul li a,.header_icons div.link-list ul li span {
    padding: 5px 5px 5px 5px;
}

.header_icons div.link-list ul li:nth-last-child(1) a {
    font-size: 0px !important;
    background-image: url(https://materials.fillo.com.tw/materials/eurosun/images/e85215e2-7736-4653-9763-3fc123550274.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: initial;
    padding: 0px;
    width: 18px;
    margin-left: 5px;
}

.header_icons div.link-list ul li:nth-last-child(1) a:hover {
    opacity: .5;
}

.header_logo01 {
    position: absolute;
    left: 25px;
    top: 7px;
    z-index: 999;
    max-width: 200px;
}

.header_logo01 img.img-fluid {
    width: 200px;
}

@media (max-width: 1280px) {
    .header_logo01 {
        display: none !important;
    }
}

.header_nav .mega-menu .menu-logo {
    width: 194px;
    height: 60px;
    position: absolute;
    left: 200px;
}

.header_nav .mega-menu .menu-logo>li>a img {
    width: 160px;
    height: auto;
    left: 33px;
}

.header_nav .mega-menu>section.menu-list-items {
    background-color: rgba(214, 21, 25, .85);
}

.header_nav .mega-menu .menu-links {
    margin: 0 auto;
    max-height: 100% !important;
    float: initial;
    height: 60px;
    justify-content: center;
    max-width: 1000px;
}

.header_nav .mega-menu .menu-links>li {
    flex: 0 0 115px;
    max-width: 115px;
}

.header_nav .mega-menu .menu-links>li>a {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    padding: 0 10px;
    text-align: center;
    letter-spacing: 0.05rem;
    color: rgb(255 255 255 / 90%);
}

.header_nav .mega-menu .menu-links>li>a i.fa.fa-indicator {
    display: none !important;
}

.header_nav .mega-menu .menu-links>li:hover {
    background-color: transparent;
}

.header_nav .mega-menu .menu-links>li>a::before {
    content: "";
    width: 0;
    height: 4px;
    background: #ffba3b;
    ; position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header_nav .mega-menu .menu-links>li:hover>a::before {
    width: calc(100% - 0px);
}

.header_nav .mega-menu .mg-drop-down {
    padding: 20px 0;
}

.header_nav .mega-menu .mg-drop-down .megamenu_box {
    max-width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
}

.header_nav .mega-menu .menu-links li .list_tag ul {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.header_nav .mega-menu .menu-links li .list_tag ul li {
    flex: 0 0 33.3333%;
    text-align: center;
    margin: 0;
    padding: 15px 0;
    float: initial;
}

.header_nav .mega-menu .menu-links li .list_tag ul li a, 
.header_nav .mega-menu .menu-links li .list_tag ul li a p {
    text-align: center;
    float: initial;
}

.header_nav .mega-menu .menu-links li .list_tag ul li a {
    padding: 4px 0;
}

.header_nav .mega-menu .menu-links li .list_tag ul li+li a {
    border-left: 1px solid rgb(255 255 255 / 50%);
}

.header_nav .mega-menu .menu-links li .list_tag ul li:nth-child(4) a {
    border-left: 0;
}

.header_nav .mega-menu .menu-links li .list_tag ul li a p {
    font-size: 15px;
    letter-spacing: 0.5px;
    color: rgb(255 255 255 / 90%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header_nav .mega-menu .menu-links li .list_tag ul li a:hover p {
    opacity: 0.6;
}

.header_nav .mega-menu .menu-links li .list_box {
    padding: 0 10px 0 0;
    flex: 1;
}

.header_nav .mega-menu .menu-links li .list_box ul li {
    margin: 14px 0;
}

.header_nav .mega-menu .menu-links li .list_box ul li a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: rgb(255 255 255 / 90%)
}

.header_nav .mega-menu .menu-links li .list_box ul li a p {
    font-size: 15px;
}

.header_nav .mega-menu .menu-links li .list_box ul li:first-child a {
    padding-bottom: 14px;
    border-bottom: 1px solid #f3b44d;
    display: table;
    color: rgb(255 255 255 / 90%);
}

.header_nav .mega-menu .menu-links li .list_box ul li:first-child a p {
    font-size: 16px;
}

.header_nav .mega-menu .menu-links li .list_box ul li a:hover {
    opacity: 0.6;
}

.header_nav .mega-menu .menu-links li .list_box a p {
    color: rgb(255 255 255 / 90%);
    letter-spacing: 0.05rem;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger {
    height: 28px;
    width: 35px;
    background: transparent;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

.header_nav .mega-menu .menu-mobile-collapse-trigger:hover {
    background: transparent;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger span, 
.header_nav .mega-menu .menu-mobile-collapse-trigger:before, 
.header_nav .mega-menu .menu-mobile-collapse-trigger:after {
    top: 8px;
    height: 1.5px;
    width: 26px;
    opacity: 0.8;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger span {
    top: 14px;
    position: relative;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger span:after {
    content: "";
    position: absolute;
    width: 26px;
    bottom: -28px;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger:after {
    top: 20px;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger.active:before {
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    width: 24px;
    left: 5px;
    top: 6px;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger.active:after {
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    width: 24px;
    left: 5px;
    top: 21px;
    font-size: 0;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger:hover.active:hover {
    height: 30px;
    width: 45px;
}

.header_nav .mega-menu .menu-mobile-collapse-trigger.active {
    height: 30px;
    width: 45px;
}

@media (max-width: 1280px) {
    .header_nav .mega-menu .menu-logo {
        left: 0;
    }
}

@media(max-width: 1199px) {
    .header_nav .mega-menu .menu-links>li {
        flex: 0 0 100px;
        max-width: 100px;
    }

    .header_nav .mega-menu .menu-links>li>a {
        padding: 0 10px;
        font-size: 16px;
    }

    .header_nav .mega-menu .menu-links>li:hover>a::before {
        width: calc(100% - 20px);
    }
}

@media(max-width: 991px) {
    .header_nav .mega-menu .menu-links {
        justify-content: flex-end;
    }

    .header_nav .mega-menu .menu-logo {
        width: 170px;
        left: 10px;
    }

    .header_nav .mega-menu .menu-logo>li>a img {
        left: 10px;
    }

    .header_nav .mega-menu .menu-links>li {
        flex: 0 0 95px;
        max-width: 95px;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .header_nav .mega-menu .menu-links>li {
        flex: 0 0 90px;
        max-width: 90px;
    }

    .header_nav .mega-menu .menu-links>li:last-child {
        flex: 0 0 150px;
        max-width: 150px;
    }
}

@media(max-width: 767px) {
    .row.header+.row {
        padding-top: 50px;
    }

    .header_nav {
        position: fixed;
        top: 60px;
        right: 0;
        left: 0;
        z-index: 1049;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 0;
    }

    .header_nav .mega-menu .menu-logo {
        width: 100%;
        height: 50px;
        background: #d61519;
        position: fixed;
        z-index: 1050;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
        left: 0;
    }

    .header_nav .mega-menu>section.menu-list-items {
        border-top: 0;
        padding: 0;
    }

    .header_nav .mega-menu .menu-links>li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .header_nav .mega-menu .menu-logo>li, .header_nav .mega-menu .menu-logo>li>a {
        float: initial;
        height: 50px;
    }

    .header_nav .mega-menu .menu-logo>li>a {
        padding: 0;
        width: 170px;
    }

    .header_nav .mega-menu .menu-logo>li:hover>a:before {
        width: 18px;
        height: 16px;
    }

    .header_nav .mega-menu .menu-logo>li>a:hover {
        background-color: #d61519;
    }

    .header_nav .mega-menu .menu-links>li:hover>a {
        background-color: rgb(155, 14, 17);
    }

    .header_nav .mega-menu .menu-links {
        width: 100%;
        height: 100vh;
        max-height: initial !important;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding-top: 50px;
        padding-bottom: 150px;
    }

    .header_nav .mega-menu .menu-links>li {
        border-bottom: 1px solid rgb(255 255 255 / 30%);
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .header_nav .mega-menu .menu-links>li>a {
        font-size: 15px;
        line-height: 15px;
        width: calc(100% - 50px);
        text-align: left;
        height: 50px;
        padding-top: 15px;
    }

    .header_nav .mega-menu .menu-links>li>a::before {
        display: none;
    }

    .header_nav .mega-menu .menu-links>li:hover, 
    .header_nav .mega-menu .menu-links>li.activeTriggerMobile {
        background-color: rgba(155, 14, 17) !important;
    }

    .header_nav .mega-menu .menu-links>li>a i.fa {
        font-size: 1.2em;
    }

    .header_nav .mega-menu .menu-links>li:last-child {
        /*display: none;*/
    }

    .header_nav .mega-menu .menu-links li div.mg-drop-down {
        padding: 0 18px;
    }

    .header_nav .mega-menu .mg-drop-down {
        background: rgba(6, 8, 43, 1);
    }

    .header_nav .mega-menu .mg-drop-down .megamenu_box {
        padding: 0;
        min-height: initial;
        flex-flow: column;
    }

    .header_nav .mega-menu .menu-links li .list_box {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
    }

    .header_nav .mega-menu .mg-drop-down h4 {
        font-size: 16px;
    }

    .header_nav .mega-menu .menu-links li .list_tag ul {
        flex-flow: column;
    }

    .header_nav .mega-menu .menu-links li .list_tag ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    .header_nav .mega-menu .menu-links li .list_tag {
        padding-bottom: 20px;
    }

    .header_nav .mega-menu .menu-links li .list_tag ul li a {
        padding: 0 0 0 20px;
    }

    .header_nav .mega-menu .menu-links li .list_tag ul li+li a {
        border-left: 0;
    }

    .header_nav .mega-menu .menu-links li .list_tag ul li a p {
        font-size: 16px;
    }

    .header_nav .mega-menu .menu-mobile-collapse-trigger {
        right: 5px;
    }

    .header_nav .mega-menu>section.menu-list-items {
        background-color: #bf1417;
    }

    .header_nav .mega-menu .menu-links>li>a i.fa.fa-indicator {
        display: inline-block !important;
    }

    .header_nav .mega-menu .menu-links>li.hoverTrigger.activeTriggerMobile a i {
        transform: rotate(180deg);
    }

    .header_nav .mega-menu .menu-links li .list_box ul li {
        margin: 0 0 14px;
    }

    .header_nav .mega-menu .menu-links li .list_box ul li:first-child a {
        font-size: 16px;
        padding-bottom: 6px;
        border-bottom: 2px solid #d9b16f;
    }

    .header_nav .mega-menu .menu-links li .list_box ul li a {
        font-size: 14px;
    }
}

@media(max-width: 575px) {
    .header_nav .mega-menu .menu-logo>li>a img {
        width: 230px;
    }
}

@media(min-width: 768px) {
    .header_nav .mega-menu .menu-links {
        display: -ms-flexbox;
        display: flex !important;
        padding-left: 8rem;
    }
}

@media (max-width: 1399px) {
    .header_nav .mega-menu .menu-links {
        padding-left: 11rem;
    }
}

@media (max-width: 1280px) {
    .header_nav .mega-menu .menu-links {
        padding-left: 0rem;
    }
}

@media(min-width: 1600px) {
    .header_nav .mega-menu .menu-links>li {
        flex: 0 0 150px;
        max-width: 150px;
        padding: 0 28px;
    }
}

@media (min-width: 1401px) and (max-width:1599px) {
    .header_nav .mega-menu .menu-links>li {
        flex: 0 0 135px;
        max-width: 135px;
        padding: 0 20px;
    }
}

/* header_login*/
.member_login {
    flex: 0 0 135px;
    max-width: 135px;
    position: absolute;
    left: calc(50% + 320px);
    top: 0;
    z-index: 1049;
}

.member_login>.module-container>.main>div>div>a {
    display: block;
    position: relative;
    color: rgb(255 255 255 / 90%);
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

.member_login>.module-container>.main>div>div>a:hover>span {
    position: relative;
    height: 60px;
    line-height: 60px;
    display: block;
}

.member_login>.module-container>.main>div>div>a span::before {
    content: "";
    width: 0;
    height: 4px;
    background: #ffba3b;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.member_login>.module-container>.main>div>div>a:hover>span::before {
    width: calc(100% - 40px)
}

.member_login .showName {
    flex-wrap: nowrap;
    padding: 0;
    align-items: center;
    justify-content: space-between;
}

.member_login .showName .member-name {
    flex: 1;
}

.member_login a.SignOut {
    margin: 0 0 0 5px;
    border-radius: 0;
    padding: 2px 5px;
    background: transparent;
    border: 1px solid #ffffff;
    line-height: 16px;
    font-size: 14px;
    flex: 0 0 40px;
}

.member_login a.SignOut:hover {
    background: transparent;
    border: 1px solid #ffffff;
}

@media(min-width: 1600px) {
    .member_login {
        flex: 0 0 150px;
        max-width: 150px;
        position: absolute;
        left: calc(50% + 365px);
        top: 0;
        z-index: 1049;
    }
}

@media (min-width: 1401px) and (max-width:1599px) {
    .member_login {
        flex: 0 0 135px;
        max-width: 135px;
        left: calc(50% + 335px);
    }
}

@media (max-width: 1280px) {
    .member_login {
        left: calc(50% + 230px);
    }
}

@media(max-width: 1199px) {
    .member_login {
        flex: 0 0 135px;
        max-width: 135px;
        left: calc(50% + 210px);
        padding: 0 10px;
    }

    .member_login a {
        padding: 0 10px;
        font-size: 16px;
    }

    .member_login>.module-container>.main>div>div>a {
        font-size: 16px;
    }
}

@media(max-width: 991px) {
    .member_login {
        left: initial;
        font-size: 16px;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .member_login {
        right: 15px;
        flex: 0 0 135px;
        max-width: 135px;
    }
}

@media(max-width: 767px) {
    .member_login {
        right: 40px;
        flex: 0 0 160px;
        max-width: 160px;
    }

    .member_login>.module-container>.main>div>div>a:hover>span {
        position: relative;
        height: 50px;
        line-height: 50px;
        display: block;
    }

    .member_login>.module-container>.main>div>div>a {
        text-align: right;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        margin-right: 10px;
    }

    .member_login>.module-container>.main>div>div>a:hover>span::before {
        display: none;
    }
}

/****Header end****/
/****共用 start****/
* {
    font-family: 'PT Sans', '微軟正黑體', sans-serif;
}

.block_title {
    z-index: 1;
    margin-top: 3rem;
}

.block_title div.link-list {
    background: none;
    min-height: auto;
}

.block_title section.text-link h2 {
    letter-spacing: 1px;
    margin-bottom: 3px;
}

.block_title div.link-list ul {
    display: table;
    margin: auto;
    padding: 0 2.2rem;
    position: relative;
}

.block_title div.link-list ul::before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.block_title div.link-list ul li {
    line-height: 1;
    padding: 0 10px;
    background: #fff;
    position: relative;
}

.block_title div.link-list ul li a,.block_title div.link-list ul li span {
    padding: 0px;
    color: #c61316;
    line-height: 1;
}

.block_title div.link-list ul li i {
    margin: 0;
}

.web-page-frame .M-002-tab ul {
    padding: 8px 0 0;
}

.M-002-tab li.nav-item {
    margin-bottom: 8px;
}

.M-002-tab li.nav-item+li {
    padding-left: 15px;
}

.M-002-tab .nav-pills .nav-link {
    padding: 3px 14px;
    background: #ffffff;
    border: 1px solid #bf1417;
    border-radius: 0;
    color: #bf1417;
    font-size: 1.2rem;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.M-002-tab .nav-pills .nav-link.active,.M-002-tab .nav-pills .show>.nav-link {
    background-color: #bf1417;
    border: 1px solid #bf1417;
    color: #ffffff;
}

/****共用 end****/
/****index start****/
/*大圖輪播*/
.M-002.main-slider {
    margin-top: 60px;
}

.M-002.main-slider .carousel-caption {
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 50%;
    transform: translate(-50%, -50%);
}

.M-002.main-slider .bs-carousel .carousel-item h5, 
.M-002.main-slider .bs-carousel .carousel-item p {
    text-shadow: 0px 0px 4px #000;
    font-weight: 400;
    letter-spacing: 0.05rem;
}

.M-002.main-slider .bs-carousel .carousel-item h5 {
    font-size: 2.2rem;
    line-height: 3.2rem;
}

.M-002.main-slider .bs-carousel .carousel-item .slider-btn {
    display: table;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid rgb(255 255 255 / 0.5);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.M-002.main-slider .bs-carousel .carousel-item .slider-btn:hover {
    background: #fff;
    color: #545454;
}

.M-002.main-slider .carousel-control-next, 
.M-002.main-slider .carousel-control-prev {
    opacity: 0.5;
    width: 10%;
    top: 40%;
    bottom: 40%;
}

.M-002.main-slider .carousel-control-next:hover, 
.M-002.main-slider .carousel-control-prev:hover {
    opacity: 0.8;
}

.M-002.main-slider .carousel-control-next-icon, 
.M-002.main-slider .carousel-control-prev-icon {
    width: 68px;
    height: 120px;
    background: no-repeat 50%/100% 100%;
}

.M-002.main-slider .carousel-control-prev-icon, 
.M-002.main-slider .carousel-control-next-icon {
    background-image: url('https://materials.fillo.com.tw/materials/design/images/31232e89-ea8a-442e-ba0b-e2f0bc891af9.svg');
}

.M-002.main-slider .carousel-control-next-icon {
    transform: rotate(180deg);
}

.M-002.main-slider .carousel-indicators {
    z-index: 5;
    margin: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.3));
    height: 4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    padding-bottom: 1rem;
}

/*search 搜尋 start*/
.M-002.search .search-area {
    background: none;
    min-height: 165px;
    display: flex;
    align-items: center;
}

.M-002.search .search-area .search-box {
    padding: 0px 10px;
}

.web-page-frame .M-002.search.widget-item .search-area form.container {
    width: 100%;
    background: none;
    border: none;
}

.M-002.search .search-area form.container {
    max-width: 1560px;
    padding-left: 0;
    padding-right: 0;
}

.M-002.search .search-area .search-box .select-goal, 
.M-002.search .search-area .search-box .select-place, 
.M-002.search .search-area .search-box .select-date, 
.M-002.search .search-area .search-box .select-keywords {
    background: none;
    padding: 5px 10px;
}

.M-002.search .select-keywords {
    position: relative;
}

.M-002.search section.group_banner .search-area .search-box {
    height: 120px;
    padding-bottom: 30px;
}

.M-002.search section.group_banner .search-area .search-box .select-goal, 
.M-002.search section.group_banner .search-area .search-box .select-place, 
.M-002.search section.group_banner .search-area .search-box .select-date, 
.M-002.search section.group_banner .search-area .search-box .select-input {
    padding: 10px 5px;
}

.M-002.search .search-area .search-box .select-date .select {
    width: 100%;
}

.M-002.search section.group_banner .search-area .search-box .select-date .select input {
    width: calc(50% - 13px);
    padding: 0px 10px;
    letter-spacing: 0px;
    border-radius: 0;
    border: 1px solid #dcd5d5;
    text-align: left;
}

.M-002.search .search-area .search-box .select-goal .select select, 
.M-002.search .search-area .search-box .select-place .select select {
    background-image: url('https://www.51764.com.tw/material-alias/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg');
}

.M-002.search .search-area .search-box .select-goal .select select, 
.M-002.search .search-area .search-box .select-place .select select, 
.M-002.search .search-area .search-box .select-date .select input,.M-002.search .search-area .search-box .select-keywords .select input {
    height: 48px;
    padding: 5px;
    background-color: rgba(255, 255, 255, 100);
    border: 1px solid #dcd5d5;
    padding: 0 10px;
}

.M-002.search section.group_banner .search-area .search-box .select-goal .title h6, 
.M-002.search section.group_banner .search-area .search-box .select-place .title h6, 
.M-002.search section.group_banner .search-area .search-box .select-date .title h6, 
.M-002.search section.group_banner .search-area .search-box .select-date .title h6 {
    color: #111;
    font-size: 1rem;
    padding: 0;
    margin: 0;
}

.M-002.search section.group_banner .search-area .search-box .select-date {
    background: none;
}

.M-002.search section.group_banner .search-area .search-box .select-date .select input {
    width: calc(50% - 13px);
    padding: 0px 10px;
    letter-spacing: 0px;
    border-radius: 0;
    border: 1px solid #dcd5d5;
}

.M-002.search .search-area .search-box .select-date .select .divide {
    margin: 25px 5px 0px 5px;
    background: white;
}

.M-002.search section.group_banner .search-area .search-box .select-input {
    padding: 10px 5px;
    height: 70px;
}

.M-002.search section.search_banner .search-area .search-box .select-input .data-icon-search {
    position: unset;
    color: #111;
    height: 25px;
}

.M-002.search section.search_banner .search-area .search-box .select-input .data-icon-search::before {
    content: '關鍵字';
    width: auto;
    margin: 0;
}

.M-002.search section.group_banner .search-area .search-box .select-input > input {
    height: 48px;
    border: 1px solid #dcd5d5;
    padding: 0 10px;
}

.M-002.search section.group_banner .search-area .search-box .select-status .form-check label {
    cursor: pointer;
}

.M-002.search section.group_banner .search-area .search-box .select-status .form-check:nth-last-child(1) label {
    font-size: 0;
}

.M-002.search section.group_banner .search-area .search-box .select-status .form-check:nth-last-child(1) label::after {
    content: '已成團';
    font-size: 1rem;
}

.M-002.search section.group_banner .form-check .customcheck input:checked ~ .checkmark {
    background-color: #d19a34;
}

.M-002.search section.group_banner .search-area .search-box .search-btn {
    background: none;
    border: 1px solid #d61518;
    color: #d61518;
    width: 92%;
    height: 45px;
    line-height: 45px;
    margin-top: 37px;
    float: right;
    display: flex;
    padding: 0;
    justify-items: center;
    align-items: center;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.M-002.search section.group_banner .search-area .search-box .search-btn:hover {
    background: #d61518;
    color: #fff;
}

.M-002.search section.group_banner .search-area .search-box .search-btn h5 {
    position: relative;
    display: table;
    margin: 0 auto;
    padding-right: 0px;
    width: 120px;
    height: 30px;
    font-size: 1rem;
    line-height: 2rem;
    transition: .3s;
}

.M-002.search section.group_banner .search-area .search-box .search-btn:hover h5 {
    padding-right: 25px;
}

.M-002.search section.group_banner .search-area .search-box .search-btn h5::after {
    content: "";
    position: absolute;
    background-image: url(https://materials.fillo.com.tw/materials/design/images/c8f23e49-ddf0-4ad3-ba6b-0e060e9642c8.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    width: 0px;
    height: 20px;
    right: 10px;
    top: 6px;
}

.M-002.search section.group_banner .search-area .search-box .search-btn:hover h5::after {
    width: 20px;
}

.M-002.search .search-area .search-box .search-btn i {
    display: none;
}

.M-002.search .search-area .search-box .select-goal .title i, 
.M-002.search .search-area .search-box .select-place .title i, 
.M-002.search .search-area .search-box .select-date .title i, 
.M-002.search .search-area .search-box .select-keywords .title i {
    display: none;
}

@media (min-width: 1200px) {
    .M-002.search section.group_banner .search-area .search-box > div {
        flex: 1;
    }

    .M-002.search section.group_banner .search-area .search-box > div:nth-last-child(4) {
        flex: 2;
    }
}

@media (max-width: 1199px) {
    .M-002.search section.group_banner .search-area .search-box {
        height: 300px;
        padding-bottom: 0;
        margin: 1rem 0;
    }

    .M-002.search section.group_banner .search-area .search-box .select-status {
        margin-top: 10px;
        padding: 0.5rem 15px;
    }

    .M-002.search section.group_banner .search-area .search-box .search-btn {
        width: calc(100% - 10px);
        margin: 0 auto;
        float: unset;
    }
}

@media (max-width: 991px) {
    .M-002.search section.group_banner .search-area .search-box {
        height: 470px;
    }

    .M-002.search .search-area .search-box .select-goal .select select, 
    .M-002.search .search-area .search-box .select-place .select select, 
    .M-002.search .search-area .search-box .select-date .select input, 
    .M-002.search .search-area .search-box .select-keywords .select input {
        height: 35px;
    }

    .M-002.search section.group_banner .search-area .search-box .select-goal, 
    .M-002.search section.group_banner .search-area .search-box .select-place, 
    .M-002.search section.group_banner .search-area .search-box .select-date, 
    .M-002.search section.group_banner .search-area .search-box .select-input {
        padding: 3px 5px;
        height: 60px;
    }

    .M-002.search section.group_banner .search-area .search-box .select-date .select input {
        width: calc(50% - 15px);
    }

    .M-002.search section.group_banner .search-area .search-box .select-input {
        padding: 3px 5px;
        height: 60px;
    }

    .M-002.search section.group_banner .search-area .search-box .select-input > input {
        height: 38px;
    }
}

@media (max-width: 767px) {
    .M-002.search section.group_banner.search_banner {
        width: 100%;
    }
}

/*搜尋月曆*/
.datepicker.dropdown-menu {
    border: 1px solid #d61518;
    z-index: 999;
}

.datepicker.datepicker-dropdown:before {
    border-bottom-color: #d61518;
}

.datepicker.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #d61518;
}

.datepicker td,.datepicker th {
    width: 30px;
    height: 30px;
}

.datepicker table tr td.active.active {
    background: #d61518;
}

.datepicker table tr td.day.focused, 
.datepicker table tr td.day:hover {
    background: #ffd9d9;
}

.datepicker table tr td.active:hover, 
.datepicker table tr td.active:hover.active, 
.datepicker table tr td.active:hover:hover {
    background-color: #d61518;
}

.datepicker .datepicker-switch, 
.datepicker .next,.datepicker .prev {
    color: #d61518;
}

.datepicker table tr td span.active.active {
    background: #d61518;
}

/*首頁 style1*/
.M-002.main-style1>.module-container>.main::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 280px;
    top: 0;
}

.M-002.main-style1>.module-container>.main::after {
    content: '';
    top: 280px;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: rgba(12, 12, 12, 0.7);
    display: block !important;
    position: absolute;
    backdrop-filter: grayscale(.7);
}

.M-002.main-style1 .swiper-slide-style {
    min-height: 380px;
    box-shadow: 0 0 black;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.M-002.main-style1 .swiper-slide-style:hover {
    margin-top: 35px;
    margin-bottom: 25px;
}

.M-002.main-style1 .swiper-slide .swiper-img img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.M-002.main-style1 .swiper-button-prev, 
.M-002.main-style1 .swiper-button-next {
    display: none;
}

.M-002.main-style1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgb(255 255 255 / 50%);
}

.M-002.main-style1 .swiper-pagination-bullet-active {
    color: #fff;
    background: #ffffff;
    width: 15px;
    height: 15px;
}

.M-002.main-style1 .swiper-pagination {
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: center;
}

.M-002.main-style1 .swiper-slide .swiper-title {
    color: #212121;
    font-size: 1.4rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 1rem;
}

.M-002.main-style1 .swiper-slide .swiper-img {
    margin: 0 0 2rem;
}

.M-002.main-style1 .swiper-slide .swiper-content {
    color: #545454;
    font-size: 0.95rem;
    letter-spacing: 0em;
    margin-bottom: 30px;
    line-height: 1.8rem;
}

.M-002.main-style1 .swiper-slide .swiper-content article {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
}

.M-002.main-style1 .swiper-slide .swiper-content span {
    display: table;
    margin: 8px auto;
    padding: 2px 10px;
    background: #d61518;
    color: #ffffff;
    letter-spacing: 0.05rem;
    text-align: center;
}

/*首頁 style2*/
.festival_left, 
.festival_right {
    margin-top: 2.5rem;
}

.festival_left .wall-wrapper {
    display: block;
}

.festival_right .row.wall-row>div:last-child {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.festival_left .wall-wrapper, 
.festival_right .wall-wrapper {
    padding: 15px;
}

.festival_left>.module-container>.main>.header-title.dp-tbl, 
.festival_right>.module-container>.main>.header-title.dp-tbl, 
.festival_left>.module-container>.main>.dp-tbl, 
.festival_right>.module-container>.main>.dp-tbl {
    display: none;
}

.festival_right .wall-wrapper {
    padding-left: 0;
}

.festival_right>.module-container, 
.festival_right>.module-container>.main {
    height: 100%;
}

.festival_right .wall-wrapper .row {
    justify-content: space-between;
}

.festival_right .wall-wrapper .row>div:not(:last-child) {
    padding-bottom: 15px;
    -ms-flex: 0 0 calc(50% - 7.5px);
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
}

.festival_left .module-container, 
.festival_left .module-container>.main, 
.festival_left .module-container>.main .row, 
.festival_right .module-container, 
.festival_right .module-container>.main, 
.festival_right .module-container>.main .row {
    height: 100%;
}

.festival_left .thicon_info, 
.festival_left .thicon_info a, 
.festival_left .thicon_info a figure, 
.festival_left .thicon_info a figure img, 
.festival_right .thicon_info, 
.festival_right .thicon_info a, 
.festival_right .thicon_info a figure, 
.festival_right .thicon_info a figure img {
    height: 100%;
    display: block;
}

.festival_left .widget-item>.module-container>.main>div .thicon_info h3, 
.festival_right .widget-item>.module-container>.main>div .thicon_info h3 {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: none;
    font-size: 1.5rem;
    letter-spacing: 0;
    font-weight: 400;
    width: 100%;
    text-align: center;
}

.festival_left .widget-item>.module-container>.main>div .theme_info p.theme-text, 
.festival_right .widget-item>.module-container>.main>div .theme_info p.theme-text {
    padding: 0;
    width: 70%;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}

.festival_left .widget-item>.module-container>.main>div .theme_info, 
.festival_right .widget-item>.module-container>.main>div .theme_info {
    background: rgb(12 12 12 / 30%) !important;
    top: 0;
}

.festival_left .widget-item>.module-container>.main>div .thicon_info:hover .theme_info, 
.festival_right .widget-item>.module-container>.main>div .thicon_info:hover .theme_info {
    background: rgb(118, 33, 33, 0.85) !important;
    backdrop-filter: grayscale(1);
}

.festival_left .widget-item>.module-container>.main>div .thicon_info h3::after, 
.festival_right .widget-item>.module-container>.main>div .thicon_info h3::after {
    content: "";
    width: 80px;
    height: 1px;
    bottom: -20px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0);
    background: #ffffff;
}

.festival_left .widget-item>.module-container>.main>div .thicon_info:hover h3::after, 
.festival_right .widget-item>.module-container>.main>div .thicon_info:hover h3::after {
    display: none;
}

.festival_left .wall-wrapper .thicon_info .theme_info::before, 
.festival_right .wall-wrapper .thicon_info .theme_info::before {
    content: '';
    position: absolute;
    top: 3rem;
    bottom: 3rem;
    left: 50%;
    right: 50%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0.5;
    transition: 0.35s;
}

.festival_left .wall-wrapper .thicon_info .theme_info::after, 
.festival_right .wall-wrapper .thicon_info .theme_info::after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 3rem;
    right: 3rem;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    opacity: 0.5;
    transition: 0.35s;
}

.festival_left .wall-wrapper .thicon_info:hover .theme_info::before, 
.festival_right .wall-wrapper .thicon_info:hover .theme_info::before {
    left: 2rem;
    right: 2rem;
    transition: 0.35s;
    top: 2rem;
    bottom: 2rem;
}

.festival_left .wall-wrapper .thicon_info:hover .theme_info::after, 
.festival_right .wall-wrapper .thicon_info:hover .theme_info::after {
    top: 2rem;
    bottom: 2rem;
    transition: 0.35s;
    left: 2rem;
    right: 2rem;
}

.festival_left .widget-item>.module-container>.main>div .thicon_info:hover .theme_info h3::after, 
.festival_right .widget-item>.module-container>.main>div .thicon_info:hover .theme_info h3::after {
    display: none;
}

.festival_left img {
    aspect-ratio: 5/1;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 991px) {
    .festival_left, 
    .festival_right {
        margin-top: 0;
    }

    .festival_right .wall-wrapper {
        padding-left: 15px;
        padding-top: 0;
    }

    .festival_left .widget-item .wall-row>div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .festival_left img {
        aspect-ratio: 5/3;
    }
}

@media (max-width: 767px) {
    .festival_left .widget-item>.module-container>.main>div .theme_info p.theme-text, 
    .festival_right .widget-item>.module-container>.main>div .theme_info p.theme-text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: justify;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media (max-width: 575px) {
    .festival_left .widget-item>.module-container>.main>div .theme_info p.theme-text, 
    .festival_right .widget-item>.module-container>.main>div .theme_info p.theme-text {
        display: none;
    }

    .festival_right .wall-wrapper .row>div:not(:last-child) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .festival_left .b_img,.festival_right .b_img {
        aspect-ratio: 5/3.5;
        object-fit: cover;
        object-position: center center;
    }

    .festival_left .widget-item>.module-container>.main>div .thicon_info h3, 
    .festival_right .widget-item>.module-container>.main>div .thicon_info h3 {
        top: 50%;
        bottom: inherit;
    }
}

/*首頁 style3*/
.main-style3 .main.row::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: grayscale(1);
}

.main-style3 .main.row::after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0%;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 100%);
}

.main-style3 .idx_lecture {
    color: #111111;
    font-size: 15px;
    max-width: 730px;
    margin: 1.5rem auto 0;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    padding: 0 50px;
    z-index: 1;
}

.lecture {
    padding-top: 20px;
    z-index: 1;
}

.lecture .expand-graphics>div:last-child {
    display: none;
}

.lecture .expand-graphics .item_box figure {
    display: none;
}

.lecture .expand-graphics .item_box {
    position: relative;
    height: 100%;
    background: rgb(255 255 255 / 50%);
    padding: 0 0 80px;
    text-align: center;
    border: 1px solid rgb(0 0 0 / 20%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lecture .expand-graphics .item_box:hover {
    border: 1px solid #d61518;
}

.lecture .expand-graphics .item_box .item_more_txt {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    justify-content: center;
}

.lecture .expand-graphics .item_box .item_more_txt h3 {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 18px;
    letter-spacing: 1px;
    color: #6a0000;
    margin-top: 28px;
    padding: 0 10px;
    order: 2;
}

.lecture .expand-graphics .item_box .item_more_txt span.item_tag {
    order: 1;
    margin: 0;
    padding: 0;
    padding-right: 8px;
}

.lecture .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2) {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    padding-right: 3px;
}

.lecture .expand-graphics .item_box .item_more_txt span.item_tag:last-child {
    order: 3;
    font-family: 'Roboto', sans-serif !important;
    margin-top: 15px;
    padding-left: 22px;
    position: relative;
    letter-spacing: 1px;
    font-size: 14px;
}

.lecture .expand-graphics .item_box .item_more_txt span.item_tag:last-child::before {
    content: "";
    background-image: url(https://materials.fillo.com.tw/materials/modotravel/images/02a5c43f-d3e5-49cc-bc6b-7f03005e1750.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 1px;
}

.lecture .expand-graphics .item_box>a>h4 {
    width: 66.6666%;
    background: #dfdfdf;
    /*color: rgb(255 255 255 / 90%);*/
    padding: 6px;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    line-height: 22px;
}

.lecture .expand-graphics .item_box span.item_btn {
    display: block !important;
    font-size: 15px;
    position: absolute;
    width: 33.33333%;
    right: 0;
    bottom: 0;
    /*background: #ba965c;*/
    padding: 6px;
    height: 35px;
    border-radius: 0;
}

.lecture .expand-graphics .item_box span.item_btn_hover {
    display: none !important;
    font-size: 15px;
    position: absolute;
    width: 33.33333%;
    right: 0;
    bottom: 0;
    background: #ba965c;
    padding: 6px;
    height: 35px;
    border-radius: 0;
}

@media (max-width: 1199px) and (min-width: 576px) {
    .lecture .item-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width: 575px) {
    .lecture .expand-graphics .item_box {
        padding: 0 0 50px;
    }

    .lecture .expand-graphics .item_box .item_more_txt {
        padding-top: 20px;
    }

    .lecture .expand-graphics .item_box .item_more_txt h3 {
        margin-top: 10px;
        font-size: 16px;
    }

    .lecture .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2) {
        font-size: 18px;
        line-height: 20px;
    }

    .lecture .expand-graphics .item_box .item_more_txt span.item_tag:last-child {
        margin-top: 5px;
        font-size: 14px;
    }

    .lecture .expand-graphics .item_box .item_more_txt span.item_tag {
        font-size: 14px;
    }
}

/*首頁 style4*/
.M-002.main-style4 {
    margin-bottom: 50px;
}

.M-002.main-style4 .thicon_info {
    border: 1px solid #ffffff;
}

.M-002.main-style4 .thicon_info:hover .theme_info {
    background: rgb(33 64 44 / 0.8) !important;
}

.M-002.main-style4 .widget-item .module-container .main {
    padding: 0 15px;
}

.M-002.main-style4 .thicon_info h3 {
    padding: 10px;
    background: rgb(78 148 102 / 1);
    position: relative;
    margin: 0;
    font-weight: 400;
    font-size: 1.4em;
    bottom: 0px;
    text-shadow: 0 0 black;
    text-align: center;
}

/****index end****/
/****主題頁 theme1 start****/
/*大圖輪播*/
.M-002.theme1-banner .carousel-caption {
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 50%;
    transform: translate(-50%, -50%);
}

.M-002.theme1-banner .bs-carousel .carousel-item h5, 
.M-002.theme1-banner .bs-carousel .carousel-item p {
    text-shadow: 0px 0px 4px #000;
    font-weight: 400;
    letter-spacing: 0.05rem;
}

.M-002.theme1-banner .bs-carousel .carousel-item h5 {
    font-size: 2.2rem;
    line-height: 3.2rem;
}

.M-002.theme1-banner .bs-carousel .carousel-item .slider-btn {
    display: table;
    margin: 0 auto;
    padding: 5px 15px;
    border: 1px solid rgb(255 255 255 / 0.5);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.M-002.theme1-banner .bs-carousel .carousel-item .slider-btn:hover {
    background: #fff;
    color: #545454;
}

.M-002.theme1-banner .carousel-control-next, 
.M-002.theme1-banner .carousel-control-prev {
    opacity: 0.5;
    width: 10%;
    top: 40%;
    bottom: 40%;
}

.M-002.theme1-banner .carousel-control-next:hover, 
.M-002.theme1-banner .carousel-control-prev:hover {
    opacity: 0.8;
}

.M-002.theme1-banner .carousel-control-next-icon, 
.M-002.theme1-banner .carousel-control-prev-icon {
    width: 68px;
    height: 120px;
    background: no-repeat 50%/100% 100%;
}

.M-002.theme1-banner .carousel-control-prev-icon, 
.M-002.theme1-banner .carousel-control-next-icon {
    background-image: url('https://materials.fillo.com.tw/materials/design/images/31232e89-ea8a-442e-ba0b-e2f0bc891af9.svg');
}

.M-002.theme1-banner .carousel-control-next-icon {
    transform: rotate(180deg);
}

/*style1*/
.web-page-frame .M-002.theme1-style1 .widget-item.lg-img>.module-container {
    background: #4E9466;
    border-radius: 0;
    height: 100%;
}

.M-002.theme1-style1 .lg-img .hover-wall .htpro_tit {
    display: none;
}

.M-002.theme1-style1 .lg-img .hover-wall .mb-4 {
    margin-bottom: 0rem !important;
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info {
    background: #4E9466;
    border-radius: 0;
    box-shadow: none;
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover {
    box-shadow: none;
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info h4 {
    display: table;
    margin: 0 auto;
    padding: 0 10px;
    margin-bottom: 0.6rem;
    color: #e6d33c;
    font-style: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info h3 {
    color: #ffffff !important;
    font-size: 1.6em;
    margin-bottom: 0.8rem;
    padding-top: 1rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover h3 {
    color: #ffd9d9 !important
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info p.animate-text {
    max-width: 600px;
    margin: 0 auto 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.95rem;
    letter-spacing: 0.03rem;
}

.M-002.theme1-style1 .lg-img .hover-wall .icon_info:hover figure .overlay i {
    display: none;
}

.M-002.theme1-style1 .md-img .row.wall-row>div+div {
    margin-top: 30px;
}

.M-002.theme1-style1 .md-img .thicon_info figure {
    max-height: 300px
}

.M-002.theme1-style1 .md-img .wall-wrapper .theme_info {
    width: 40%;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.88) !important;
}

.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .theme_info {
    left: 0;
}

.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info span {
    left: 5px
}

.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3 {
    top: 50px;
    right: 18px;
    text-shadow: none;
    bottom: initial;
    background: rgb(255 255 255 / 0.8);
    padding: 5px;
    font-size: 1.5em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info h3 {
    left: 15px;
    right: inherit;
}

.M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text {
    opacity: 1;
    color: #545454 !important;
    font-size: 0.95rem;
    letter-spacing: 0.05px;
    padding-top: 6em;
    line-height: 26px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.M-002.theme1-style1 .md-img .wall-wrapper .thicon_info span {
    right: 5px;
    top: 20px;
    font-size: 1.1rem;
    text-shadow: none;
}

/*style2*/
.theme1-style2-block .widget-item .header-title {
    margin: 10px 10px 20px;
    padding: 8px 10px;
    background: #eee;
    color: #4e9466;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.5rem;
}

.theme1-style2-block .widget-item .expand-graphics .item_box figure {
    border-radius: 0;
}

.theme1-style2-block .widget-item .expand-graphics .item_box {
    height: 100%;
}

.theme1-style2-block .widget-item .expand-graphics .item_box:hover figure img {
    opacity: 1;
}

.theme1-style2-block .expand-graphics .item_box a {
    position: relative;
    padding-bottom: 50px;
    height: 100%;
    background: #e9f2ec;
    border: 2px solid #ffffff;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.theme1-style2-block .expand-graphics .item_box:hover a {
    background: #ffffff;
    border: 2px solid #4e9466;
}

.theme1-style2-block .expand-graphics .item_box .item_more_txt h3 {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-bottom: 0.5em;
    text-align: justify;
}

.theme1-style2-block .expand-graphics .item_box .item_more_txt, 
.theme1-style2-block .expand-graphics .item_box h4 {
    padding: 0 20px;
}

.theme1-style2-block .expand-graphics .item_box span.item_btn, 
.theme1-style2-block .expand-graphics .item_box span.item_btn_hover, 
.theme1-style2-block .expand-graphics .item_box:hover span.item_btn_hover {
    display: none;
}

.theme1-style2-block .expand-graphics .item_box h4 {
    position: absolute;
    bottom: 10px;
    right: 5px;
    padding-right: 33px;
}

.theme1-style2-block .widget-item .expand-graphics .item_box h4::before {
    content: "起";
    position: absolute;
    right: 15px;
    bottom: 2px;
    font-size: 0.9rem;
}

.theme1-style2-block .expand-graphics .item_box .item_more_txt span.item_tag {
    padding: 2px 5px;
}

.theme1-style2-block .expand-graphics .item_morebox a {
    padding: 6px 35px;
    font-size: 1.3rem;
    border-radius: 0;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.theme1-style2-block .expand-graphics .item_morebox a:hover {
    background: #3f8156 !important;
}

.theme1-style2-block .expand-graphics .item_morebox a i {
    margin-right: 5px;
    font-size: 1em;
    opacity: 0.8;
}

/****主題頁 theme1 end****/
/****主題頁 theme2 start****/
/*主圖*/
.M-002.theme2-banner .carousel-caption {
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 50%;
    transform: translate(-50%, -50%);
}

.M-002.theme2-banner .bs-carousel .carousel-item h5, 
.M-002.theme2-banner .bs-carousel .carousel-item p {
    text-shadow: 0px 0px 4px #000;
    font-weight: 400;
    letter-spacing: 0.05rem;
}

.M-002.theme2-banner .bs-carousel .carousel-item h5 {
    font-size: 2.2rem;
    line-height: 3.2rem;
}

.M-002.theme2-banner .carousel-control-next, 
.M-002.theme2-banner .carousel-control-prev, 
.M-002.theme2-banner .carousel-indicators {
    display: none;
}

/*style1*/
.theme2-style1 {
    margin-top: 80px;
}

.theme2-style1 .wall-wrapper .thicon_info {
    padding: 5px;
}

.theme2-style1 .wall-wrapper .thicon_info h3 {
    bottom: 0;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    height: 42px;
    background: rgb(78 148 102/1);
    font-size: 1.3em;
    letter-spacing: 0.08rem;
    line-height: 2rem;
    text-align: center;
    text-shadow: 0 0 black;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.theme2-style1 .wall-wrapper .thicon_info:hover h3 {
    background: rgb(78 148 102/1);
}

.theme2-style1 .thicon_info .theme_info {
    background: transparent !important;
}

.theme2-style1 .thicon_info .theme_info p.theme-text {
    top: 50%;
    left: 50%;
    background: rgb(255 255 255 / 0.7);
    color: #4e9466 !important;
    width: 70px;
    height: 70px;
    border-radius: 40px;
    font-size: 1.3rem;
    text-align: center;
    transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    padding: 22px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*style2*/
.M-002.theme2-style2 .widget-item .hover-wall .mb-4 {
    margin-bottom: 1rem !important;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info {
    padding-bottom: 45px;
    background: #e9f2ec;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info:hover {
    box-shadow: none;
}

.M-002.theme2-style2 .hover-wall .htpro_tit h1 {
    border-bottom: 1px solid #b6d2bf;
    margin: 0 auto;
    width: 100%;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info h4 {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 1.6rem;
    color: #ffffff;
    z-index: 11;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 40px;
    border-color: #e2857e transparent transparent #e2857e;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info h3 {
    margin-top: 1.2rem;
    margin-bottom: 0.7rem;
    font-size: 1.2em;
    line-height: 1.6rem;
    letter-spacing: 0.02rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info p.animate-text {
    position: absolute;
    width: 100%;
    text-align: right;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.2rem;
    letter-spacing: 0rem;
    font-weight: 600;
    right: 0;
    bottom: 0;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info p.animate-text::after {
    content: "起";
    font-size: 0.9rem;
    padding-left: 3px;
}

.M-002.theme2-style2 .widget-item .hover-wall .icon_info figure .overlay i, 
.M-002.theme2-style2 .widget-item .hover-wall .icon_info:hover figure .overlay i {
    display: none;
}

.M-002.theme2-style2 .btn-green div.link-list ul li {
    background: #4E9466;
    display: table !important;
    margin: 0 auto;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.M-002.theme2-style2 .btn-green div.link-list ul li:hover {
    background: #36734b;
}

.M-002.theme2-style2 .btn-green div.link-list ul li a, 
.M-002.theme2-style2 .btn-green div.link-list ul li span {
    padding: 6px 35px;
}

/****主題頁 theme2 end****/
/****主題頁 theme3 start****/
/*主圖*/
.M-002.theme3-banner .carousel-caption {
    width: 100%;
    height: 100%;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 0;
    background: rgb(0 0 0 / 0.3);
    transform: translate(0%, -50%);
}

.M-002.theme3-banner .bs-carousel .carousel-item h5, 
.M-002.theme3-banner .bs-carousel .carousel-item p {
    text-shadow: 0 0 black;
    font-weight: 400;
    letter-spacing: 0.05rem;
}

.M-002.theme3-banner .bs-carousel .carousel-item h5 {
    position: absolute;
    font-size: 2.4rem;
    line-height: 3.2rem;
    top: 50%;
    letter-spacing: 0.4rem;
    right: inherit;
    bottom: inherit;
    left: 50%;
    color: #ffffff;
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 4px rgb(0 0 0 / 0.5);
}

.M-002.theme3-banner .carousel-control-next, 
.M-002.theme3-banner .carousel-control-prev, 
.M-002.theme3-banner .carousel-indicators {
    display: none;
}

.M-002.theme3-banner .carousel-inner a.carousel-item {
    cursor: default;
}

/*style1*/
.M-002 .theme3-style1 .side-menu ul {
    box-shadow: 0 0 black;
    background: transparent;
}

.M-002 .theme3-style1 .side-menu>ul>li {
    border-bottom: 1px dotted #4e9466;
}

.M-002 .theme3-style1 .side-menu ul li label {
    position: relative;
    background: #ffffff;
    color: #545454;
    font-size: 1.1rem;
    text-shadow: 0 0 black;
    border-top: 0;
    border-bottom: 0;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.M-002 .theme3-style1 .side-menu ul li label:hover {
    background: #edf7f1;
}

.M-002 .theme3-style1 .side-menu ul li label::after {
    content: "+";
    position: absolute;
    right: 13px;
    font-size: 1.58rem;
    top: 2px;
    color: #ccc;
}

.M-002 .theme3-style1 .side-menu ul li input[type='checkbox']:checked~label {
    position: relative;
    border-top: 0;
    border-bottom: 0;
    background: #edf7f1;
    color: #4e9466;
}

.M-002 .theme3-style1 .side-menu ul li input[type='checkbox']:checked~label::after {
    content: "-";
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 2rem;
    color: #f0c100;
}

.M-002 .theme3-style1 .side-menu ul li i {
    display: inline-block;
    margin-right: 5px;
    font-size: 19px;
    vertical-align: baseline;
    color: #4e9466;
}

.M-002 .theme3-style1 .side-menu ul ul li a {
    padding-left: 60px;
    color: #333333;
    font-size: 1.1rem;
}

.M-002 .theme3-style1 .side-menu ul ul li:hover a {
    color: #333333;
}

.M-002 .theme3-style1 .side-menu ul ul.options li i {
    color: #f0c100;
    text-indent: -25px;
    margin: 0;
}

/*style2*/
.theme3-style2 {
    padding: 25px;
}

.theme3-style2 div.link-list ul {
    display: flex !important;
}

.theme3-style2 div.link-list {
    background: transparent;
}

.theme3-style2 div.link-list ul li {
    flex: 1;
    text-align: center;
    margin: 10px;
}

.theme3-style2 div.link-list ul li a,.theme3-style2 div.link-list ul li span {
    padding: 30px;
    width: 100%;
    height: 100%;
    background: #e9f2ec;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.theme3-style2 div.link-list ul li:hover a, 
.theme3-style2 div.link-list ul li:hover span {
    background: #4E9466;
    color: #ffffff;
}

.theme3-style2 section.text-link h2 {
    padding-left: 28px;
}

.theme3-style2 section.text-link h2.text-left::before {
    position: absolute;
    content: "";
    border: 0;
    top: 21px;
    left: 18px;
    background-image: url(https://materials.fillo.com.tw/materials/design/images/746e8d07-f6d8-460b-8b38-11c47e35c13a.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    transform: rotate(270deg);
    opacity: 0.8;
}

/*style3*/
.theme3-style3 {
    margin-bottom: 1rem;
    color: #545454;
    line-height: 1.8rem;
}

.theme3-style3 .header-title {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #4e9466;
    font-size: 1.2rem;
    font-weight: 600;
}

/****主題頁 theme3 end****/
/****品牌介紹 start****/
.about_wrap .main.row::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: grayscale(1);
}

.about_wrap .main.row::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.85);
}

.about_info {
    margin-top: 11rem;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
}

.about_info .header-title {
    font-size: 1.9rem;
    padding: 0 10px;
    font-weight: bold;
}

.about_info section.text-link {
    display: flex;
    flex-wrap: wrap;
}

.about_info section.text-link h2 {
    width: 25%;
}

.about_info div.link-list {
    background: none;
    width: 75%;
    margin-top: -3.5rem;
}

.about_info div.link-list ul li a i, 
.about_info div.link-list ul li span i {
    display: none;
}

.about_info02 {
    margin-bottom: 7rem;
    position: relative;
    z-index: 1;
    padding-top: 4rem;
    border-top: 1px solid #cdacad !important;
    padding-left: 8rem;
    padding-right: 8rem;
    text-align: center;
    line-height: 1.8;
    color: #560809;
    font-size: 1.05rem;
}

.about_info02::before {
    content: '\f10d';
    display: block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #555;
    position: absolute;
    top: 2rem;
    left: 3rem;
}

.about_info02::after {
    content: '\f10e';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #555;
    position: absolute;
    top: 2rem;
    right: 3rem;
}

@media (max-width: 991px) {
    .about_info {
        max-width: 95%;
        flex: 0 0 95%;
        margin-top: 7rem;
    }

    .about_info section.text-link h2 {
        width: 100%;
    }

    .about_info div.link-list {
        width: 100%;
        margin-top: 0;
    }

    .about_info div.link-list ul li a, 
    .about_info div.link-list ul li span {
        padding: 8px 10px 8px 20px;
        line-height: 1.5;
    }

    .about_info02 {
        margin-bottom: 4rem;
    }
}

@media (max-width: 767px) {
    .about_info {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .about_info02 {
        margin-bottom: 2rem;
        padding-top: 3rem;
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .about_info02::before {
        font-size: 1rem;
        top: 1.5rem;
        left: 1.5rem;
    }

    .about_info02::after {
        font-size: 1rem;
        top: 1.5rem;
        right: 1.5rem;
    }
}

/****品牌介紹 end****/
/****Footer start****/
.footer_wrap .main.row::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
    background-color: rgb(17 17 17);
    mix-blend-mode: color;
}

.footer_wrap .main.row::after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0%;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(bottom, rgba(317, 17, 17, 1) 0%, rgba(17, 17, 17, 0.6) 100%);
    background: -webkit-linear-gradient(bottom, rgba(17, 17, 17, 1) 0%, rgba(17, 17, 17, 0.6) 100%);
    background: linear-gradient(to top, rgba(17, 17, 17, 1) 0%, rgba(17, 17, 17, 0.6) 100%);
}

.M-002.footer {
    z-index: 1;
}

.M-002.footer .footer-sample, 
.M-002.footer .powered {
    background-color: transparent;
}

.M-002.footer .footer-sample {
    padding-top: 30px;
    padding-bottom: 35px;
    max-width: 1400px;
}

.M-002.footer .footer-sample.row {
    flex-flow: column;
    margin: 0 auto;
}

.M-002.footer .footer-sample.row>div {
    flex: 0 0 100%;
    max-width: 100%;
}

.M-002.footer .footer-sample .contact-us-part .contact-use-row {
    margin-bottom: 5px;
    padding-right: 0;
    letter-spacing: 1px;
}

.M-002.footer .footer-sample .logo-part {
    margin-top: 0;
    padding-bottom: 25px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.M-002.footer .footer-sample .logo-part .logo {
    max-width: 200px;
}

.M-002.footer .footer-sample .contact-us-part {
    text-align: center;
}

.M-002.footer .footer-sample .contact-us-part>div:nth-child(1)+div.contact-use-row:nth-child(2) {
    padding-left: 33px;
}

.M-002.footer .footer-sample .service-item-part {
    margin-top: 0;
    text-align: center;
}

.M-002.footer .footer-sample .service-item-part a {
    width: 42px;
    height: 42px;
    margin-right: 0;
    background-color: rgb(166 129 68 / 70%);
    border-radius: 50%;
    display: inline-block;
}

.M-002.footer .footer-sample .service-item-part .social-btn {
    margin-top: 0;
    display: flex;
    justify-content: center;
}

.M-002.footer .footer-sample .service-item-part .social-btn a {
    width: 42px;
    height: 42px;
    margin-right: 0;
    background-color: rgba(255, 186, 59, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}

.M-002.footer .footer-sample .service-item-part .social-btn a+a {
    margin-left: 12px;
}

.M-002.footer .footer-sample .service-item-part .social-btn a i {
    font-size: 20px;
    opacity: 0.7;
    width: 17px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.M-002.footer .footer-sample .service-item-part .social-btn a:last-child i {
    background: url(https://materials.fillo.com.tw/materials/modotravel/images/8d90e4dc-9e41-484c-9012-818817f0b614.svg);
    width: 23px;
    height: 23px;
    background-size: 23px;
    opacity: 0.7;
}

.M-002.footer .footer-sample .service-item-part .social-btn a:hover {
    background-color: rgba(255, 186, 59, 0.8);
}

.M-002.footer .footer-sample .service-item-part .social-btn a:hover i {
    opacity: 1;
}

.M-002.footer .powered {
    line-height: 14px;
    padding-bottom: 30px;
    font-size: 14px;
    opacity: .5;
}

@media(max-width: 991px) {
    .M-002.footer {
        padding-bottom: 50px;
    }
}

@media(max-width: 400px) {
    .M-002.footer .footer-sample .contact-us-part>div:nth-child(1)+div.contact-use-row:nth-child(2) {
        padding-left: 0;
        display: block !important;
    }
}

/****Footer end****/
@media screen and (max-width: 1600px) {
    /*首頁 style1*/ .M-002.main-style1 .swiper-slide-style {
        min-height: 350px;
    }
}

@media screen and (max-width: 1499px) {
    /*search 搜尋*/ .M-002.search .search-area .search-box .select-date .select input {
        width: calc(45%);
    }

    /*首頁 style1*/
    .M-002.main-style1 .swiper-slide-style {
        min-height: 300px;
    }

    /*主題頁1-style1*/
    .M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3 {
        top: 20px;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text {
        padding-top: 65px;
        line-height: 24px;
        letter-spacing: 0;
    }

    /*footer*/
}

@media screen and (max-width: 1199px) {
    /*search 搜尋*/ .M-002.search .search-area .search-box .select-date .select input {
        width: calc(44%);
    }

    /*首頁style2*/
    .M-002.main-style3 .editor-content {
        width: 50%;
    }

    /*主題頁1-style1*/
    .M-002.theme1-style1 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    /*footer*/
}

@media screen and (max-width: 1199px) and (min-width:992px) {
    .M-002.theme2-style1 .widget-item, 
    .M-002.theme2-style2 .widget-item {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

@media screen and (max-width: 1023px) {
    /*首頁style1*/ .M-002.main-style1 .swiper-slide-style {
        min-height: 320px;
    }
}

@media (max-width: 991px) {
    /*search 搜尋*/ .M-002.search .search-area .search-box {
        padding: 20px;
    }

    .M-002.search .search-area .search-box .select-date .select input {
        width: calc(48.5%);
    }

    .M-002.search .search-area .search-box .select-date .select .divide {
        margin: 16px 5px 0px 5px;
        width: 15px;
    }

    .M-002.search .search-area .search-box .search-btn {
        float: inherit;
        width: 200px;
        margin: 15px auto 0;
        display: block;
    }

    /*首頁style1*/
    .main-style1 .widget-item>.module-container>.main {
        margin: 0;
    }

    .M-002.main-style1 .swiper-slide-style {
        min-height: 360px;
    }

    /*主題頁1-style1*/
    .M-002.theme1-style1 .lg-img .hover-wall .icon_info h3 {
        font-size: 1.3rem;
        padding: 0 20px;
    }

    .M-002.theme1-style1 .md-img .offer-guide-mdimg {
        padding-top: 30px;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .thicon_info {
        height: 100%;
        background: #e9f2ec;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .thicon_info span {
        display: none;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .thicon_info h3 {
        position: relative;
        top: initial;
        right: initial;
        bottom: inherit;
        padding: 15px 15px 0;
        letter-spacing: 0;
        background: transparent;
        font-size: 1.3rem;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .wall-row>div:last-child .thicon_info h3 {
        left: inherit;
    }

    .M-002.theme1-style1 .md-img .px-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .theme_info {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        background: transparent !important;
    }

    .M-002.theme1-style1 .md-img .wall-wrapper .theme_info p.theme-text {
        padding-top: 0;
    }

    /*主題頁2-style1*/
    .web-page-frame .theme2-style1 .widget-item>.module-container>.main {
        margin: 0px;
    }

    .theme2-style1 .wall-wrapper .thicon_info {
        padding: 5px 5px 14px;
    }

    .theme2-style1 .wall-wrapper .thicon_info h3 {
        bottom: 6px;
    }

    /*主題頁3-style1*/
    .web-page-frame .theme3-style1>.module-container>.main, .web-page-frame .theme3-style3>.module-container>.main {
        margin: 0;
    }

    .M-002 .theme3-style1 .side-menu ul li label {
        padding: 12px 45px 12px 12px;
        font-size: 1rem;
    }

    .M-002 .theme3-style1 .side-menu ul li.block {
        text-indent: 0;
    }

    .M-002 .theme3-style1 .side-menu ul ul li a {
        padding-left: 12px;
        font-size: 1rem;
    }

    /*footer*/
}

@media (min-width: 768px) and (max-width: 991px) {
    /*header*/ /*主題頁1-style1*/
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 767px) {
    .top-mt {
        margin-top: 0px;
    }

    /*header*/
    /*大圖輪播*/
    .M-002.main-slider {
        margin-top: 0;
    }

    .M-002.main-slider .carousel-caption {
        display: block !important;
        right: 10%;
        left: 10%;
        transform: translate(0%, -50%);
    }

    .M-002.main-slider .carousel-control-next, .M-002.main-slider .carousel-control-prev {
        display: none;
    }

    .M-002.main-slider .carousel-indicators {
        padding-bottom: 0rem;
        height: 2rem;
    }

    .M-002.main-slider .bs-carousel .carousel-item h5 {
        font-size: 1.3rem;
        line-height: 2rem;
    }

    .M-002.main-slider .bs-carousel .carousel-item p {
        font-size: 1rem;
        display: none;
    }

    /*首頁style1*/
    .M-002.main-style1 .swiper-slide-style {
        height: auto;
        min-height:unset;
    }

    .M-002.main-style1 {
        margin: 40px 0;
    }

    /*首頁style3*/
    .M-002.main-style3 .editor-content {
        position: initial;
        width: 100%;
        margin: 0;
        padding: 30px;
    }

    /*主題頁1-輪播圖*/
    .M-002.theme1-banner .carousel-caption {
        display: block !important;
        right: 10%;
        left: 10%;
        transform: translate(0%, -50%);
    }

    .M-002.theme1-banner .carousel-control-next, 
    .M-002.theme1-banner .carousel-control-prev {
        display: none;
    }

    .M-002.theme1-banner .bs-carousel .carousel-item h5 {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .M-002.theme1-banner .bs-carousel .carousel-item p {
        font-size: 1rem;
    }

    /*主題頁3-主圖*/
    .M-002.theme3-banner .carousel-caption {
        display: block !important;
        top: 0;
        bottom: 0;
        transform: translate(0, 0);
    }

    .M-002.theme3-banner .bs-carousel .carousel-item h5 {
        margin: 0;
        padding: 13px 10px;
        font-size: 2rem;
        letter-spacing: 0.2rem;
        line-height: 2rem;
    }

    .M-002.theme3-banner .bs-carousel .carousel-item p {
        display: none;
    }

    /*主題頁3-style2*/
    .M-002-tab .blk-tabs.dp-tbl {
        display: block;
        padding: 0 10px;
    }

    .M-002-tab ul.nav.nav-pills {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        margin-bottom: 0px;
        padding-bottom: 10px;
        text-align: center;
    }

    .M-002-tab .nav-pills li.nav-item {
        display: inline-block;
    }

    .M-002-tab li.nav-item+li {
        padding-left: 5px;
    }
}

@media screen and (max-width: 600px) {
}

@media (max-width: 575px) {
    /*search 搜尋*/ .M-002.search .search-area .search-box .search-btn {
        width: 160px;
        height: 60px;
        line-height: 60px;
    }

    /*主題頁3-style2*/
    .theme3-style2 section.text-link h2 {
        font-size: 1.4rem !important;
    }

    .theme3-style2 div.link-list ul li a, 
    .theme3-style2 div.link-list ul li span {
        padding: 10px;
        font-size: 1rem !important;
    }

    /*footer*/
}

/*theme_demo*/
.theme_title {
    min-height: 300px;
}

.theme_title > .module-container {
    height: 100%;
}

.theme_title > .module-container > .main {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 9rem;
}

.theme_title h4 {
    color: #fff;
    text-shadow: 1px 1px 3px #555;
}

.theme_title h1 {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
}

.theme_tabs {
    max-width: fit-content;
    margin: 0 auto 3rem;
}

.theme_tabs div.link-list {
    background: rgba(0, 0, 0, 0.7);
    min-height: auto;
}

.theme_tabs div.link-list ul {
    display: table;
    margin: auto;
}

.theme_tabs div.link-list ul li {
    margin: 1rem 0rem
}

.theme_tabs div.link-list ul li a, 
.theme_tabs div.link-list ul li span {
    padding: 0px 2rem 0px 2rem;
    letter-spacing: 0.1rem;
}

.theme_tabs div.link-list ul li + li a, 
.theme_tabs div.link-list ul li + li span {
    border-left: 1px solid #666;
}

.theme_areatitle {
    min-height: 300px;
}

.theme_areatitle > .module-container > .main::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: grayscale(1);
}

.theme_areatitle > .module-container > .main::after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0%;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.8) 100%);
    background: -webkit-linear-gradient(bottom, rgba(240, 240, 240, .65) 30%, rgba(240, 240, 240, 0.65) 100%);
    background: linear-gradient(to top, rgba(240, 240, 240, .65) 30%, rgba(240, 240, 240, .65) 100%);
    backdrop-filter: blur(3px);
}

.theme_areatitle .text-container {
    position: relative;
    z-index: 2;
}

.theme_areatitle section.link.text-link {
    width: 75%;
    margin: 3rem auto;
}

.theme_areatitle section.text-link h2 {
    float: left;
}

.theme_areatitle div.link-list {
    float: left;
    background: none;
}

.theme_areatitle div.link-list ul li a, 
.theme_areatitle div.link-list ul li span {
    padding: 23px 10px 0;
    letter-spacing: 0;
    color: #fff;
}

.theme_content {
    margin-top: -9rem;
}

.theme_content .module-container > .main.row {
    padding: 3rem;
}

.theme_img .header-title {
    text-align: center;
    font-size: 1.8rem;
    color: #111;
    line-height: 1.5;
}

.full_block .mix-wrapper > .row {
    position: relative;
}

.full_block .img-mode .img-box img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}

.full_block .editor-content {
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 30%;
    display: block;
    margin: 0;
    padding: 2rem 2rem;
    background: rgba(240, 240, 240, 0.9);
    width: auto;
}

.one_block .editor-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.one_block .editor-content::before {
    content: '';
    display: block;
    width: 6rem;
    height: 5px;
    border-top: 1px solid #d51518;
    border-bottom: 1px solid #d51518;
    position: absolute;
    top: 2.5rem;
    left: 15px;
}

.one_block .editor-content::after {
    content: '';
    display: block;
    width: 6rem;
    height: 5px;
    border-top: 1px solid #d51518;
    border-bottom: 1px solid #d51518;
    position: absolute;
    bottom: 2.5rem;
    right: 15px;
}

.two_block .mix-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.two_block .mix-wrapper > .row {
    width: 50%;
}

.two_block .pic-content {
    margin-bottom: 0;
}

.two_block .editor-content {
    margin-top: 0.5rem;
}

.three_block .mix-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.three_block .mix-wrapper > .row {
    width: 33.3333%;
}

.three_block .pic-content {
    margin-top: 0;
}

.three_block .editor-content {
    margin-top: 0rem;
}

.theme_productBOX {
    margin-bottom: 70px;
}

.theme_productBOX .mix-wrapper>.row {
    position: relative;
    margin: 0;
}

.theme_productBOX .mix-wrapper>.row+.row {
    margin-top: 40px;
}

.theme_productBOX .mix-wrapper>.row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e7e7e7;
}

.theme_productBOX .pic-content,.theme_productBOX .editor-content {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.theme_productBOX .pic-content.img-mode {
    flex: 0;
    max-width: 520px;
    min-width: 520px;
    width: 520px;
    position: relative;
}

.theme_productBOX .pic-content.img-mode img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}

.theme_productBOX .pic-content.img-mode .img-box:nth-child(2) {
    position: absolute;
    height: 40px;
    top: 15px;
    left: 15px;
    max-width: unset;
    flex: auto;
    width: auto;
}

.theme_productBOX .pic-content.img-mode .img-box:nth-child(2) img {
    width: auto;
    aspect-ratio: unset;
}

.theme_productBOX .editor-content section {
    position: absolute;
    left: -70px;
    background: transparent;
    width: calc(100% + 50px);
    top: 0;
}

.theme_productBOX .order-md-first.editor-content section {
    left: initial;
    right: -70px;
}

.theme_productBOX .editor-content section>div {
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    background: #ffffff;
    padding: 20px 25px;
}

.theme_productBOX .editor-content section article {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.theme_productBOX .editor-content section article>div:first-child {
    flex: 0;
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

.theme_productBOX .editor-content section article>div:first-child>span {
    position: relative;
    display: block;
    font-size: 42px;
    color: #a23c3c;
    font-family: 'Roboto', sans-serif !important;
    line-height: 42px;
    text-align: center;
    padding-bottom: 13px;
    width: 47px;
}

.theme_productBOX .editor-content section article>div:first-child>span::before {
    content: "";
    width: 1px;
    height: 55px;
    background: #b2b2b2;
    position: absolute;
    right: -22px;
    top: 1px;
}

.theme_productBOX .editor-content section article>div:first-child>span.days::after {
    content: "Days";
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.theme_productBOX .editor-content section article h3 {
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
}

.theme_productBOX .editor-content section article h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
}

.theme_productBOX .editor-content section article .title {
    flex: 1;
}

.theme_productBOX .editor-content section article p {
    color: #333333;
    flex: 0 0 100%;
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
}

.theme_productBOX .editor-content .route_link {
    margin-top: 0.5rem;
}

.theme_productBOX .editor-content .route_link .dateAndMore {
    position: relative;
    width: 100%;
    clear: both;
    border-top: 1px solid #d8a6a7;
    height: 60px;
    padding-left: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 1rem;
}

.theme_productBOX .editor-content .route_link .dateAndMore::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 28px;
    width: 18px;
    height: 19px;
    background-image: url(https://materials.fillo.com.tw/materials/eurosun/images/9e0d6905-90ee-4bcc-8140-621e6cdd9c75.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.theme_productBOX .editor-content .route_link .price {
    position: relative;
    color: #e78000;
    font-size: 36px;
    font-family: 'Roboto', sans-serif !important;
    font-style: italic;
    font-weight: 500;
    float: right;
    line-height: 36px;
    margin: 5px 0;
}

.theme_productBOX .editor-content .route_link .price::before {
    content: "$";
    position: absolute;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
    top: 4px;
    left: -13px;
}

.theme_productBOX .editor-content .route_link .price::after {
    content: "起";
    font-size: 15px;
    padding-left: 3px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>a {
    position: absolute;
    right: 0;
    top: 1rem;
    background-color: #d61518;
    border: 1px solid #d61518;
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif !important;
    padding: 8px 85px 8px 15px;
    height: 45px;
    outline: none;
    line-height: 30px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>a span.arrow {
    display: block;
    width: 45px;
    height: 1px;
    font-size: 0;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.theme_productBOX .editor-content .route_link .dateAndMore>a span.arrow::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 0 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: -3px;
    bottom: 0;
}

.theme_productBOX .editor-content .route_link .dateAndMore>a:hover span.arrow {
    width: 25px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div{
    position: relative;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div::after {
    content: "...";
    position: absolute;
    padding-left: 10px;
    font-size: 36px;
    color: #a23c3c;
    top: 0rem;
    line-height: 12px;
    letter-spacing: 1px;
    right: -45px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div span {
    position: relative;
    font-size: 28px;
    color: #333333;
    font-family: 'Roboto', sans-serif !important;
    padding-right: 15px;
    padding-left: 26px;
    line-height: 38px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div span ~ span::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #999;
    border-radius: 10px;
    top: 50%;
    left: 12px;
    transform: translate(0%, -50%);
}

.theme_productBOX .editor-content .route_link .dateAndMore>div span::after {
    content: '/';
    font-size: 18px;
    position: absolute;
    bottom: 0px;
    right: 4px;
    line-height: 28px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div a {
    color: #333333;
    font-family: 'Roboto', sans-serif !important;
    position: relative;
    font-size: 18px;
    vertical-align: text-bottom;
    text-decoration: none;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div a+a {
    margin-left: 15px;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #333333;
    left: 0;
    bottom: 0;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div a:hover::after {
    background: transparent;
}

.theme_productBOX .editor-content .route_link .dateAndMore>div a+a::before {
    content: ".";
    position: absolute;
    padding-right: 0;
    padding-left: 0;
    top: -12px;
    left: -10px;
    font-size: 24px;
    width: 10px;
}

@media (max-width: 1599px) {
    .theme_content, .theme_productBOX {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .theme_areatitle section.link.text-link {
        width: 83.333333%;
    }
}

@media (min-width: 992px) and (max-width:1280px) {
    .theme_content .module-container > .main.row {
        padding: 2rem 1rem;
    }

    .theme_content, .theme_productBOX {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .theme_areatitle section.link.text-link {
        width: 91.666667%;
    }
}

@media (max-width: 1199px) {
    .theme_productBOX .editor-content section {
        left: -160px;
        width: calc(100% + 140px);
    }

    .theme_productBOX .order-md-first.editor-content section {
        right: -160px;
    }
}

@media (max-width: 991px) {
    .theme_content, .theme_productBOX {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .theme_content .module-container > .main.row {
        padding: 2rem 0;
    }

    .full_block .editor-content {
        position: unset;
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: auto;
    }

    .one_block .pic-content > .row {
        height: 100%;
    }

    .one_block .pic-content > .row .img-box img {
        max-width: 100%;
        object-fit: cover;
        object-position: center center;
        height: 100%;
        width: 100%;
    }

    .one_block .editor-content {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .one_block .editor-content::before {
        top: 0rem;
    }

    .one_block .editor-content::after {
        bottom: 0rem;
    }

    .theme_productBOX .mix-wrapper>.row {
        flex-flow: column;
    }

    .theme_productBOX .pic-content.img-mode img {
        object-fit: cover;
        object-position: center center;
        width: 100%;
    }

    .theme_productBOX .editor-content section {
        position: initial;
        top: initial;
        left: initial;
        width: 100%;
        transform: initial;
    }

    .theme_productBOX .order-md-first.editor-content section {
        right: initial;
    }

    .theme_productBOX .pic-content.img-mode {
        max-width: initial;
        min-width: initial;
        width: 100%;
    }

    .theme_productBOX .pic-content.img-mode img {
        object-fit: cover;
        object-position: center center;
        /*aspect-ratio: 5/2.5;*/
        width: 100%;
    }

    .theme_productBOX .pic-content.img-mode .img-box:nth-child(2) {
        position: absolute;
        height: 35px;
        top: 10px;
        left: unset;
        right: 10px;
    }

    .theme_productBOX .order-md-last.pic-content.img-mode {
        -ms-flex-order: 0;
        order: 0;
    }

    .theme_productBOX .order-md-first.editor-content {
        -ms-flex-order: 1;
        order: 1;
    }

    .theme_productBOX .editor-content section article h3, 
    .theme_productBOX .editor-content section article h4 {
        -webkit-line-clamp: 2;
    }

    .theme_productBOX .editor-content section article p {
        -webkit-line-clamp: initial
    }
}

@media (max-width: 767px) {
    .theme_title {
        min-height: 180px;
    }

    .theme_title > .module-container > .main {
        padding-top: 2rem;
    }

    .theme_tabs {
        margin: 0 auto 1rem;
    }

    .theme_tabs div.link-list ul li {
        margin: 0.5rem 0rem;
    }

    .theme_tabs div.link-list ul li a, .theme_tabs div.link-list ul li span {
        padding: 0 1rem;
    }

    .theme_areatitle {
        min-height: 270px;
    }

    .theme_areatitle section.link.text-link {
        width: 100%;
        margin: 1.5rem auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .theme_areatitle section.text-link h2 {
        font-size: 30px !important;
        margin-bottom: 0;
    }

    .theme_areatitle div.link-list {
        width: 100%;
    }

    .theme_areatitle div.link-list ul {
        text-align: center;
    }

    .theme_areatitle div.link-list ul li a, 
    .theme_areatitle div.link-list ul li span {
        font-size: 21px !important;
        padding: 0;
    }

    .one_block .editor-content::before, 
    .one_block .editor-content::after {
        display: none;
    }

    .one_block .editor-content {
        margin-top: 0;
    }

    .two_block .mix-wrapper > .row, 
    .three_block .mix-wrapper > .row {
        width: auto;
    }

    .theme_productBOX .mix-wrapper {
        padding: 30px;
    }

    .theme_productBOX .editor-content section article>div:first-child>span {
        font-size: 38px;
        line-height: 38px;
    }

    .theme_productBOX .editor-content section article>div:first-child>span::before {
        height: 63px;
    }

    .theme_productBOX .editor-content section article h3 {
        font-size: 20px;
        line-height: 1.8rem;
    }

    .theme_productBOX .editor-content section article h4 {
        line-height: 1.4rem;
    }

    .theme_productBOX .editor-content section article p {
        font-size: 14px;
        line-height: 1.5rem;
    }

    .theme_productBOX .editor-content .route_link .price {
        font-size: 28px;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>div span {
        font-size: 22px;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>div a {
        font-size: 16px;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>div span::after {
        /*bottom: -4px;*/
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>a {
        font-size: 14px;
    }
    .theme_productBOX .editor-content .route_link .dateAndMore>div span ~ span::before{
        left: 8px;
    }
}

@media (max-width: 575px) {
    .theme_title h1 span {
        font-size: 36px !important;
    }

    .theme_tabs {
        max-width: 100%;
        margin-bottom: 0;
    }

    .theme_tabs div.link-list ul li {
        margin: 0.3rem 0rem;
    }

    .theme_tabs div.link-list ul li a, 
    .theme_tabs div.link-list ul li span {
        padding: 0 0.7rem;
        font-size: 17px !important;
        letter-spacing: 0;
    }

    .theme_areatitle {
        min-height: 240px;
    }

    .theme_areatitle section.link.text-link {
        margin: 1rem auto;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore {
        display: block;
        padding-top: 0.5rem;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore::before {
        top: 17px;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>a {
        position: relative;
        right: initial;
        top: initial;
        float: right;
        margin-top: 10px;
        padding: 5px 70px 5px 15px;
        height: 35px;
        line-height: 25px;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>div span {
        padding-left: 17px;
    }

    .theme_productBOX .editor-content section article>div:first-child {
        margin-bottom: 10px;
    }

    .theme_productBOX .editor-content section article {
        flex-flow: column;
    }

    .theme_productBOX .editor-content section article .title {
        margin-top: 10px;
    }

    .theme_productBOX .editor-content section article>div:first-child>span::before {
        height: 56px;
        right: -19px;
        top: -2px;
    }

    .theme_productBOX .editor-content .route_link .dateAndMore>div::after {
        display: none;
    }

    .theme_productBOX .editor-content section>div {
        padding: 15px;
    }
}

/*旅遊影音*/
.video_style {
    background: #fff;
    padding: 2rem 2rem 5rem;
    margin-top: -9rem;
    z-index: 1;
}

.video_style .editor-content section>div {
    padding-bottom: 25px;
}

.video_style .editor-content section article>div:first-child>span {
    width: auto;
    padding-bottom: 0.5rem;
    font-size: 24px;
}

.video_style .editor-content section article>div:first-child>span::before {
    display: none;
}

.video_style .editor-content section article .title {
    flex: 0 0 100%;
}

.video_style .editor-content section article h3 {
    margin-bottom: 0;
}

.video_style .editor-content .route_link {
    margin-top: 1rem;
}

.video_style .editor-content .route_link .dateAndMore {
    height: 70px;
    padding-top: 1.5rem;
}

.video_style .editor-content .route_link .dateAndMore::before {
    display: none;
}

.video_style .editor-content .route_link .dateAndMore>a {
    top: 1.5rem;
}

@media (max-width: 767px) {
    .video_style {
        padding: 1rem;
    }
}

@media (max-width: 575px) {
    .video_style .editor-content .route_link .dateAndMore>a {
        top: initial;
    }

    .video_style .editor-content section article>div:first-child {
        margin-bottom: 0;
        min-width: auto;
        max-width: none;
        width: auto;
    }

    .video_style .editor-content section article>div:first-child>span {
        font-size: 21px;
        padding-bottom: 0;
        line-height: 1;
        text-align: left;
    }

    .video_style .editor-content section article p {
        font-size: 15px;
        line-height: 1.5rem;
        margin-top: 10px;
        text-align: left;
    }

    .video_style .editor-content .route_link {
        margin-top: 1rem;
    }

    .video_style .editor-content .route_link .dateAndMore {
        height: 50px;
        padding-top: 1rem;
    }

    .video_style .editor-content .route_link .dateAndMore>a {
        top: initial;
        margin-top: 0;
    }

    .video_style .editor-content section>div {
        padding: 15px 0;
    }
}
@media (min-width:992px) {
    .theme_productBOX .mix-wrapper>.row{
        border-right: 20px solid #e7e7e7;
        border-bottom: 20px solid #e7e7e7;
    }
    .theme_productBOX .pic-content.img-mode{
        max-width: unset;
        min-width: unset;
        width: unset;
        position: unset;
    }
    .theme_productBOX .img-mode .img-box:nth-child(1){
        max-width: 520px;
        min-width: 520px;
        width: 520px;
        position: relative;
        min-height: 300px;
    }
    .theme_productBOX .editor-content{z-index: 1;}
    .theme_productBOX .order-md-first.editor-content section, 
    .theme_productBOX .editor-content section{
        position: relative;
        left: 0;
        width: 100%;
    }
    .theme_productBOX .editor-content section article h3{-webkit-line-clamp: unset;}
    .theme_productBOX .editor-content section article p{line-height: 1.5;-webkit-line-clamp: unset;}
}

/*最新消息*/
.news_title {
    margin-top: 0;
}

.news_title section.text-link h2 {
    float: none;
    font-weight: bold;
}

.news_title div.link-list {
    float: none;
}

.news_title div.link-list ul::before {
    border-color: #fff;
}

.news_title div.link-list ul li {
    background: none;
}

.news_title div.link-list ul li a, 
.news_title div.link-list ul li span {
    padding: 0 10px;
    color: #c61316;
}

.news_title div.link-list ul li i {
    font-size: 20px;
    padding-top: 4px;
}

/*最新消息內頁*/
.blog_topbg > .module-container > .main.row {
    justify-content: center;
}

.blog_update {
    min-height: 300px;
}

.blog_update > .module-container > .main::before, 
.blog_update > .module-container > .main::after {
    display: none;
}

.blog_update section.link.text-link {
    margin: 0rem auto;
    min-height: 156px;
    position: relative;
    width: 100%;
}

.blog_update div.link-list {
    min-height: auto;
    position: absolute;
    bottom: 0;
}

.blog_update div.link-list ul li a, 
.blog_update div.link-list ul li span {
    padding: 3px 10px 3px;
    letter-spacing: 0;
}

.previous_page .link.text-link {
    min-height: 156px;
    position: relative;
    width: 100%;
}

.previous_page .link.text-link div.link-list {
    min-height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}

.previous_page div.link-list ul li a, 
.previous_page div.link-list ul li span {
    padding: 3px 16px 3px;
    letter-spacing: 0;
}

.blog_content .module-container > .main.row {
    padding-top: 2rem;
}

.blog_width_box {
    max-width: calc(100% - 222px);
    flex: 0 0 calc(100% - 222px);
}

.blog_line, .blog_facebook {
    max-width: 111px;
    flex: 0 0 111px;
}

.recommend_title {
    min-height: auto;
}

.recommend_title > .module-container > .main::before, 
.recommend_title > .module-container > .main::after {
    display: none;
}

.recommend_title section.link.text-link {
    width: 100%;
    margin: 0rem auto;
    min-height: auto;
}

.recommend_blog .swiper-slide-style {
    height: 530px;
    box-shadow: 0 0 black;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.recommend_blog .swiper-slide-style:hover {
    margin-top: 35px;
    margin-bottom: 25px;
}

.recommend_blog .swiper-slide .swiper-img img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.recommend_blog .swiper-button-prev, 
.recommend_blog .swiper-button-next {
    opacity: 1;
    width: 45px;
    height: 45px;
    background: #000;
    top: 50%;
    transform: translate(0px, -50%);
}

.recommend_blog [class*='swiper-button-']:after {
    background: none;
    font-size: 1.5rem;
}

.recommend_blog .swiper-button-disabled {
    display: none;
}

.recommend_blog .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgb(255 255 255 / 50%);
}

.recommend_blog .swiper-pagination-bullet-active {
    color: #fff;
    background: #ffffff;
    width: 15px;
    height: 15px;
}

.recommend_blog .swiper-pagination {
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: center;
}

.recommend_blog .swiper-slide .swiper-title {
    padding: 0 1.5rem;
    color: #212121;
    font-size: 1.4rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.recommend_blog .swiper-slide .swiper-img {
    margin: 0 0 1.2rem;
}

.recommend_blog .swiper-slide .swiper-content {
    color: #545454;
    font-size: 0.95rem;
    letter-spacing: 0em;
    margin-bottom: 30px;
    line-height: 1.5rem;
    padding: 0 1.2rem;
}

.recommend_blog .swiper-slide .swiper-content article {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
}

.recommend_blog .swiper-slide .swiper-content span {
    display: table;
    margin: 8px auto 10px;
    padding: 2px 10px;
    background: #d61518;
    color: #ffffff;
    letter-spacing: 0.05rem;
    text-align: center;
}

@media (max-width: 1599px) {
    .blog_update {
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (max-width: 1279px) {
    .blog_update {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
}

@media (max-width: 991px) {
    .blog_line, .blog_facebook {
        max-width: 100px;
        flex: 0 0 100px;
    }

    .blog_update {
        min-height: 150px;
        flex: 0 0 calc(100% - 98px);
        max-width: calc(100% - 98px);
    }

    .previous_page {
        max-width: 98px;
        flex: 0 0 98px;
    }

    .blog_content {
        margin-top: 0;
    }

    .recommend_blog .swiper-slide-style {
        height: auto;
    }
}

/*旅遊講座*/
.tag_block .expand-graphics .item_box .item_more_txt span.item_tag, 
.tag_block .ads-wrapper .item_box .item_more_txt span.item_tag {
    display: table;
    margin: 5px 0;
}

.lecture_title > .module-container > .main .bgfixed {
    background-position: bottom;
}

.lecture_title h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.lecture_title h2::after {
    content: '';
    display: block;
    width: 130px;
    height: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0px);
}

.lecture_title p {
    font-size: 18px;
    letter-spacing: 1px;
}

.lecture_tabs .blk-tabs {
    padding-top: 2rem;
}

.lecture_tabs .blk-tabs ul.nav-pills {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.lecture_tabs .blk-tabs ul.nav-pills li {
    flex: 1;
}

.lecture_tabs .blk-tabs ul.nav-pills li a.nav-link {
    font-size: 1.5rem;
    text-align: center;
    color: #555;
    border-radius: 0;
    border-top: 5px solid transparent;
    padding-bottom: 10px;
    padding-top: 8px;
}

.lecture_tabs .dp-tbl ul.nav-pills li a.nav-link.active {
    background: #fff;
    border-color: #ff0000;
    color: #000;
    font-weight: bold;
}

.lecture_box {
    background: #fff;
    padding: 30px 30px 0;
    margin-bottom: 3rem;
}

.lecture_box .expand-graphics .item_box {
    box-shadow: 5px 5px 0 #efefef;
}

.lecture_box .expand-graphics .item_box figure {
    border-radius: 0;
    height: 250px;
}

.lecture_box .expand-graphics .item_box figure img {
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}

.lecture_box .expand-graphics .item_box .item_more_txt h3 {
    color: #000;
    font-weight: bold;
    padding-left: 1rem;
    border-left: 3px solid #ff0000;
    padding-right: 1rem;
    margin-bottom: 15px;
}

.lecture_box .expand-graphics .item_box .item_more_txt span.item_tag {
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 5px 19px 0;
    margin: 0;
}

.lecture_box .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2) {
    padding-top: 15px;
    border-top: 1px dashed #ccc;
}

.lecture_box .expand-graphics .item_box h4 {
    float: right;
    padding-right: 1rem;
    font-size: 1rem;
    font-weight: normal;
    margin: 0.5rem 0 1rem;
}

.lecture_box .expand-graphics .item_box h4 span::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f130';
    color: #333;
    margin-right: 5px;
}

.lecture_box .expand-graphics .item_box span.item_btn, 
.lecture_box .expand-graphics .item_box span.item_btn_hover {
    display: none !important;
}

@media (min-width: 768px) {
    .lecture_tabs .dp-tbl ul.nav-pills {
        width: 680px;
    }

    .lecture_box {
        max-width: 680px;
        flex: 0 0 680px;
    }
}

@media (min-width: 992px) {
    .lecture_tabs .dp-tbl ul.nav-pills {
        width: 860px;
    }

    .lecture_box {
        max-width: 860px;
        flex: 0 0 860px;
    }
}

@media (min-width: 1200px) {
    .lecture_tabs .dp-tbl ul.nav-pills {
        width: 1140px;
    }

    .lecture_box {
        max-width: 1140px;
        flex: 0 0 1140px;
    }
}

@media (min-width: 1440px) {
    .lecture_tabs .dp-tbl ul.nav-pills {
        width: 1360px;
    }

    .lecture_box {
        max-width: 1360px;
        flex: 0 0 1360px;
    }
}

@media (max-width: 767px) {
    .lecture_title > .module-container > .main .bgfixed {
        min-height: 200px !important;
    }

    .lecture_title section {
        margin-top: 20px !important;
    }

    .lecture_tabs .dp-tbl ul.nav-pills {
        width: calc(100% - 30px);
    }

    .lecture_tabs .blk-tabs ul.nav-pills li a.nav-link {
        font-size: 1.2rem;
    }

    .lecture_box {
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        padding: 15px 20px 0;
    }

    .lecture_box .expand-graphics .item_box figure {
        height: 200px;
    }
}

/*新主題頁*/
.list_right .main_nav, .list_right .has-parallax {
    display: none;
}

.list_right .section-box {
    margin-top: 0;
}

.list_right .navbar-expand {
    justify-content: left;
    margin-top: 0rem;
}

.list_right .list_content {
    padding-top: 0;
    padding-bottom: 0;
}

.list_right .travel_list:hover .list_price {
    background: #544b48;
}

.list_right .list_top {
    display: none;
}

.list_right .list_nav .nav-item:nth-child(1) a, 
.list_right .list_nav .nav-item:nth-last-child(1) a {
    border-radius: 30px;
}

.list_right .list_nav .nav-item a {
    border: 0px solid #544B48;
    text-align: center;
    border-radius: 30px;
    padding: 0.5em 1.5em;
    margin-left: 10px;
    color: #ffffff;
    background: #908B8B;
}

.list_right .list_nav .nav-item a.active {
    background: #f4c566 !important;
}

.list_right .travel_list .list_price .price_sale span {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .list_right {
        position: relative;
        right: 0;
        top: 0;
    }

    .list_right > .module-container {
        position: -webkit-sticky;
        position: sticky;
        top: 110px;
    }
}

.list_right .list_content .text {
    text-align: right;
}

@media (max-width: 991.98px) {
    .list_right {
        margin-top: 40px;
    }

    .list_right .list_content {
        padding: 0;
    }

    .list_right .list_container .card {
        border-radius: 0;
    }

    .list_right .travel_list .list_price {
        background: #544b48;
        padding-top: 0;
    }

    .list_right .travel_list:hover .list_price {
        background-color: #000;
    }
}

/*2025客戶新增的主題頁調整css*/
.theme-title .route_link .dateAndMore a{
    position: relative;
    font-size: 18px;
    border: 1px solid #ba965c;
    background: #ba965c;
    color: #ffffff;
    padding: 10px 60px 10px 20px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
    text-decoration: none;
}
.theme-title .route_link .dateAndMore a:hover{
    background-color: #947748;
    border: 1px solid #947748;
}
.theme-title .route_link .dateAndMore a span{
    display: block;
    width: 35px;
    height: 1px;
    font-size: 0;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.theme-title .route_link .dateAndMore a:hover span{
    width: 25px;
}
.theme-title .route_link .dateAndMore a span::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 0 10px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    right: -3px;
    bottom: 0;
}
.M-002.theme3-banner .carousel-caption{
    display: flex !important;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.M-002.theme3-banner .bs-carousel .carousel-item h5, 
.M-002.theme3-banner .bs-carousel .carousel-item p{
    width: 100%;
}
.M-002.theme3-banner .bs-carousel .carousel-item h5{
    margin: auto;
    transform: unset;
    position: unset;
    width: 100%;
    margin-bottom: 1rem;
}
.theme_img {
    z-index: 1;
}
.about_wrap .module-container .main.row{
    justify-content: center;
}
.hotel_logo{
    z-index: 1;
    margin-top: 4rem;
    margin-bottom: 2rem;
    margin-left: 8%;
}
.hotel_logo img{
    max-width: 100%;
    height: auto !important;
}
.about_info.spacing_s{
    width: auto;
    max-width: unset;
    flex: unset;
    margin-top: 4rem;
}
.about_info.spacing_s div.link-list ul li a, 
.about_info.spacing_s div.link-list ul li span{
    padding: 0px 10px 0px 20px;
}
.food_info{border-bottom: 1px solid #cdacad !important;border-top: none !important;padding-bottom: 2rem;margin-top: 2rem; padding-left: 5rem; padding-right: 5rem;}
.food_info::before{left: 2rem;}
.food_info::after{right: 2rem;}
.food_info .header-title{font-size: 24px; font-weight: bold; margin-bottom: 1rem;}
.food_info div.link-list{background: none;}
.food_info div.link-list ul li a, 
.food_info div.link-list ul li span{padding: 0px 10px;}
.food_block .mix-wrapper > .row{margin: 3rem 0;}
.food_block .editor-content{border-bottom: 1px solid #cdacad;margin-left: 3rem; margin-right: 3rem;}
.food_block .editor-content *{display: table;width: 100%;}
.food_block .editor-content::before{
    content: '\f10d';
    display: block;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #555;
    position: absolute;
    top: 2rem;
    left: 3rem;
    width: auto;
    height: auto;
    border: none;
}
.food_block .editor-content::after{
    content: '\f10e';
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 1.5rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #555;
    position: absolute;
    top: 2rem;
    right: 3rem;
    border: none;
    width: auto;
    height: auto;
}
@media (max-width:1479px) {
    .hotel_logo{
        margin-left: 0;
    }
    .about_info.spacing_s{
        width: 60%;
    }
}
@media (max-width:1279px) {
    .about_info.spacing_s{
        width: 70%;
    }
}
@media (max-width:991px) {
    .hotel_logo{
        margin-top: 3rem;   
        margin-bottom: 0;
    }
    .hotel_logo img{
        display: table;
        margin: auto;
    }
    .about_info.spacing_s{
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
    .about_info.spacing_s .header-title{
        text-align: center;
    }
    .about_info.spacing_s div.link-list ul li a, 
    .about_info.spacing_s div.link-list ul li span{
        width: 100%;
        text-align: center;
    }
}
@media (max-width:767px) {
    .M-002.theme3-banner .carousel-inner a.carousel-item picture{
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .M-002.theme3-banner .carousel-inner a.carousel-item picture img{
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
    .M-002.theme3-banner .carousel-caption{
        position: unset;
    }
    .M-002.theme3-banner .bs-carousel .carousel-item p{
        display: block;
    }
    .food_info{padding-left: 3rem; padding-right: 3rem;}
    .food_info div.link-list ul li a, 
    .food_info div.link-list ul li span{font-size: 16px !important;line-height: 1.8;letter-spacing: 0.5px;}
    .food_block .module-container .main > .mix-wrapper{padding: 15px 0;}
    .food_block .mix-wrapper > .row{margin: 2rem 0;}
    .food_block .pic-content{padding: 0;}
    .food_block .editor-content{margin: 0rem; padding: 3rem 2.5rem 1rem; line-height: 1.8;}
    .food_block .editor-content::before{top: 1rem;left: 2rem;font-size: 1rem;}
    .food_block .editor-content::after{top: 1rem;right: 2rem;font-size: 1rem;}
    .food_block .editor-content h3{margin-bottom: 1.5rem;letter-spacing: 1px;}
    .food_block .editor-content p span{font-size: 16px !important;}
}
@media (max-width:575px) {
    .widget-item h4 font{
        max-width: 175px;
        display: inline-flex;
    }
}