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;
}
/*products*/
.go-to-top{display: none !important;}
.group_banner.search_banner{margin-top: 81px;}
.WinChrome section.group_banner .search-area .search-box .search-btn{background: #d5b338;}
.filter_list i{color: #551f7f;}
.irs-from, .irs-single, .irs-to{background: #38255d;}
.irs-bar, .irs-slider, .filter_list .form-check .customcheck input:checked ~ .checkmark{background: #d5b338;}
.filter_list .form-check .disabled .checkmark, .filter_list .form-check .disabled input:checked~.checkmark{background-color: #ddd;}
.irs-slider.state_hover, .irs-slider:hover{border-color: #d5b338;}
.badge-primary{background-color: #551f7f;}
.list_con .style_icon .nav-pills .nav-link.active svg {fill: #551f7f;}
.list_con .title .text_blue {color: #551f7f;}
figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(56, 37, 93, .7);}
figure.block_style .main_words h6>div span{margin-left: 5px; color: #d5b338 !important;}
section.search_con .pagination .page-item.active .page-link{border-color: #d5b338; color: #d5b338;}
figure.block_style .main_words a:hover, .pic_style figure.block_style .main_words a:hover, .search_table .main_words .title_main:hover {color: #8d6ba7 !important;}
figure.block_style .main_words .go-date{font-size: 1.2rem; color: #777;}
.pic_style figure.block_style .price_all h6>div .text-danger{margin-left: 5px; color: #d5b338 !important;}
.table .thead, .table .thead:hover{background: #551f7f;}
.search_table tbody td.total-seat, .search_table tbody td.booking-num, .search_table tbody td.waiting-num, .search_table tbody td.available-seat{color: #d5b338;}
.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: #8d6ba7;}
/*products_detail*/
section.group_banner .group_num img {width: 32px;}
section.group_banner .price_content .panel-info{border-color: #551f7f;}
section.group_banner .price_content .panel-info .panel-heading{background-color: #551f7f;}
.basic-air-airport i {color: #dc3545;}
.basic-air-info {border: 1px solid #d5b338;}
.basic-air-info .go h3, .basic-air-info .back h3{color: #b7951c;}
.basic-air-info .go i, .basic-air-info .back i{color: #efdea2;}
.basic-air-info .time{font-size: 1.2rem; font-weight: normal;}
.basic-air-btn a{background: #38255d;border: 1px solid #38255d;}
.basic-air-btn a:hover {background: #551f7f;}
.flight_details {border: 1px solid #551f7f;}
.flight_details .details_box > h4 i{color: #e3c9ff;}
.flight_details .details_box > h4{background: #551f7f;}
h5.modal-title strong{color: #d5b338;}
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-color: #333;
}
section.group_table.trip_day table.table tr.thead th:nth-child(2){background: #38255d;}
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{display: none;}
section.trip_note .card-header .btn[aria-expanded="true"], section.trip_note .card-header .btn:hover{background-color:#8d6ba7;}
section.group_table.tripdown .style_icon ul li a.nav-link{border: 1px solid #38255d;color: #38255d;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #38255d;}
.search_table tbody td.sale-situation .btn.disabled{background: #fff; border-color: #8d6ba7; color: #8d6ba7;}
section.group_table.trip_day, section.group_table.trip_note{display: none;}
.sub_menu-trip .trip_menu li.stroke, .sub_menu-trip .trip_menu li.remark{display: none;}
/*order*/
.general_order_width, .group_order_width{margin-top: 110px;}
@media (max-width:767px) {
    .search_table .row{width: 100%;}
    .WinChrome section.group_banner.search_banner{margin-top: 62px;}
    .search_table tbody td.tour-name .main_words h6{margin-top: 1rem;}
    .search_table .main_words .seat span{font-size: 1rem;}
    .search_table .main_words .seat span.text-danger{margin-left: 5px;color: #bd9b23 !important;}
    section.group_banner.trip_banner .basic_box {padding: 200px 0 3rem 0;}
    .day_con .info table{max-width: 100%; height: auto !important;width: 100% !important;}
    .day_con .info img{height: auto !important;}
    .Day_menu .swiper_day .swiper-slide{width: 3rem !important;}
}


/*member*/
body.new_bg{
    background-image: url(https://elvatours.fillo.com.tw/material-alias/index/slider01.jpg);
    backdrop-filter: blur(3px);
    background-size: cover;
}
.new_bg > .web-page-frame > .row:nth-child(2){padding-top: 7rem;}
.new_bg > .web-page-frame > .row:nth-child(2) .grecaptcha-badge{right: 0 !important;}
.new_bg > .web-page-frame > .row:nth-child(2) .width-460{margin-bottom: 150px;}
.member_width{padding-top: 5rem !important;}

/*header*/
.row.header{
    position: fixed;
    z-index: 99;
    width: 100%;
}
.header_logo a{display: table; margin: 10px 1rem 10px 2rem;}
.header_logo img.img-fluid{
    height: 60px;
}
.header_nav{height: 80px; background: #38255d;padding-left: 3rem;}
.header_nav > .module-container{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header_nav > .module-container > .main{width: 100%;}
.header_nav .full-menu{
    background: none;
}
.header_nav .responsive-drop-down-menu{
    background: none;
}
.header_nav .responsive-drop-down-menu > ul{
    flex-wrap: wrap;
    justify-content: space-around;
}
.header_nav .responsive-drop-down-menu > ul > li{
    flex: unset;
}
.header_nav .responsive-drop-down-menu > ul > li > a{
    font-size: 1.2rem;
    font-weight: normal;
    padding: 1rem 1.5rem;
    position: relative;
}
.header_nav .responsive-drop-down-menu > ul > li > a::after{
    content: '';
    display: block;
    height: 1px;
    background-color: #daad5c;
    position: absolute;
    bottom: 0.5rem;
    left: 1rem;
    right: calc(100% - 1rem);
    transition: .3s;
}
.header_nav .responsive-drop-down-menu > ul > li:hover > a, .header_nav .responsive-drop-down-menu > ul > li.active > a{
    color: #daad5c;
}
.header_nav .responsive-drop-down-menu > ul > li:hover > a::after, .header_nav .responsive-drop-down-menu > ul > li.active > a::after{
    right: 1rem;
    transition: .3s;
}
.header_nav .responsive-drop-down-menu > ul > li:after{
    display: none;
}
.header_nav .responsive-drop-down-menu > ul > li > ul > li{
    background-color: rgba(255, 255, 255, 0.85);
}
.header_nav .responsive-drop-down-menu ul li ul li a{
    font-size: 16px;
    color: #111;
}
.header_nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover{
    background-color: #fff;
}
.header_nav .responsive-drop-down-menu ul li ul li:hover > ul > li{
    background-color: #fff !important;
}
.header_nav .responsive-drop-down-menu ul li ul li:hover > ul > li:hover{
    background-color: #fff !important;
}
.header_nav .responsive-drop-down-menu ul li ul li:hover > a, .header_nav .responsive-drop-down-menu ul li ul li.active > a{
    color: #daad5c;
}
.header_icons{background: #38255d;}
.header_icons > .module-container{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}
.header_icons div.link-list{
    min-height: auto;
}
.header_icons div.link-list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding-right: 2rem;
}
.header_icons div.link-list ul li a, .header_icons div.link-list ul li span{
    padding: 5px 20px 5px 0;
}
.header_icons div.link-list ul li i{
    font-size: 21px;
}
.header_icons div.link-list ul li:nth-child(1) a{
    font-size: 0px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header_icons div.link-list ul li:nth-child(1) a i{
    background-image: url(https://elvatours.fillo.com.tw/material-alias/line.svg);
    width: 25px;
    height: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0;
}
.header_icons div.link-list ul li:nth-last-child(1){
    border: 1px solid #edce5f;
}
.header_icons div.link-list ul li:nth-last-child(1) a{
    font-family: serif !important;
    padding: 3px 18px;
    color: #edce5f !important;
}
@media (max-width:1600px) {
    .header_logo img.img-fluid{height: auto;}
}
@media (max-width:1530px) {
    .header_nav{padding-left: 1rem;}
    .header_nav .responsive-drop-down-menu > ul > li > a{padding: 1rem;}
}
@media (max-width:1400px) {
    .header_logo{
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media (max-width:1338px) {
    .header_nav .responsive-drop-down-menu > ul > li > a{
        font-size: 1rem;
    }
}
@media (max-width:1280px) {
    .header_logo, .header_icons{
        max-width: 50%;
        flex: 0 0 50%;
        background-color: #fff;
    }
    .header_logo img.img-fluid {
        height: 50px;
    }
    .header_nav{
        order: 1;
        max-width: 100%;
        flex: 0 0 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
        height: auto;
    }
    .header_nav .responsive-drop-down-menu > ul > li > a {
        padding: 0.8rem 1rem;
    }
    .header_nav .responsive-drop-down-menu{
        min-height: auto;
    }
    .header_icons div.link-list{
        background-color: #fff !important;
    }
    .header_icons div.link-list ul li:nth-child(1) a i{
        background-image: url(https://elvatours.fillo.com.tw/material-alias/line-G.svg);
    }
    .header_icons div.link-list ul li a, .header_icons div.link-list ul li span{
        color: #d5b337 !important;
    }
}
@media (max-width:767px) {
    .header_logo{z-index: 2; position: relative;}
    .header_logo img.img-fluid{height: 41px;}
    .header_nav{position: absolute; border: none !important; z-index: 1; top: 0;background: #fff;}
    .header_nav .full-menu{background-color: #fff !important;}
    .header_nav .responsive-drop-down-menu{background-color: #fff !important;}
    .header_nav .responsive-drop-down-menu .menu-button{height: 61px;}
    .header_nav .responsive-drop-down-menu > ul{background-color: #38255d;}
    .header_nav .responsive-drop-down-menu > ul > li > a{padding: 0.6rem 1.5rem;}
    .header_nav .responsive-drop-down-menu > ul > li.active{background-color: #000;}
    .header_nav .responsive-drop-down-menu ul li ul li ul{background-color: #fff;}
    .header_nav .responsive-drop-down-menu > ul.open{max-height: calc(100vh - 60px);overflow: auto;}
    .header_nav .responsive-drop-down-menu ul li ul li a{color: #fff;}
    .header_nav .responsive-drop-down-menu ul li ul ul li a{color: #000;padding: 5px 20px 5px 50px;}
    .header_nav .responsive-drop-down-menu .menu-button:before, .header_nav .responsive-drop-down-menu .menu-button:after{border-color: #38255d;}
    .header_nav > .module-container{display: block;}
    .header_nav > .module-container > .main{width: unset;}
}
@media (max-width:575px) {
    .header_logo{max-width: 75%; flex: 0 0 75%;}
    .header_logo a{margin: 10px 0rem 10px 1rem;}
    .header_nav .responsive-drop-down-menu > ul > li.has-sub > a:before{
        display: block;color: #fff;
    }
}

/*search*/
.search_wrap{
    margin-top: -5rem;
    position: relative;
    z-index: 9;
    padding-bottom: 1rem;
}
.search_wrap .search-area .search-box{
    height: auto;
}
.search_wrap section.group_banner .search-area .search-box .select-goal .title, 
.search_wrap section.group_banner .search-area .search-box .select-place .title, 
.search_wrap section.group_banner .search-area .search-box .select-date .title, 
.search_wrap section.group_banner .search-area .search-box .select-keywords .title{
    height: auto;
}
.search_wrap section.group_banner .search-area .search-box .select-goal .title i, 
.search_wrap section.group_banner .search-area .search-box .select-place .title i, 
.search_wrap section.group_banner .search-area .search-box .select-date .title i, 
.search_wrap section.group_banner .search-area .search-box .select-keywords .title i{
    display: none;
}
.search_wrap section.group_banner .search-area .search-box .select-goal .title h6, 
.search_wrap section.group_banner .search-area .search-box .select-place .title h6, 
.search_wrap section.group_banner .search-area .search-box .select-date .title h6{
    color: #666666;
    font-size: 1.05rem;
    letter-spacing: 0;
    margin: 0 0 0.5rem;
}
.search_wrap section.group_banner .search-area .search-box .select-goal .select select, 
.search_wrap section.group_banner .search-area .search-box .select-place .select select, 
.search_wrap section.group_banner .search-area .search-box .select-keywords .select input{
    height: 38px;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    padding: 5px 10px;
}
.search_wrap .search-area .search-box .search-btn{
    background: #009999;
    height: 70px;
    line-height: 70px;
    margin-top: 50px;
    font-size: 1.2rem;
}
.search_wrap .search-area .search-box .select-date .select{
    width: 100%;
}
.search_wrap .search-area .search-box .select-date .select input{
    width: calc(50% - 10px);
    line-height: 38px;
    height: 38px;
    padding: 5px 10px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    background: #f9f9f9;
}
.search_wrap .search-area .search-box .select-date .select .divide{
    background: #f4f4f4;
    margin: 19px 0px 0px 0px;
}
.search_wrap .search-area .search-box .select-keywords .title h6{
    color: #666;
    font-size: 1.05rem;
    letter-spacing: 0;
    margin-left: 10px;
}
@media (max-width:767px) {
    .search_wrap .search-area .search-box .select-goal .select select, 
    .search_wrap .search-area .search-box .select-place .select select, 
    .search_wrap .search-area .search-box .select-keywords .select input{
        height: 38px;
    }
    .search_wrap .search-area .search-box .select-date .select input{
        line-height: 38px;
        height: 38px;
    }
    .search_wrap .search-area .search-box .select-date .select .divide{
        margin-top: 19.5px;
    }
}
.search_tabs{
    margin-top: -8.3rem;
    position: relative;
    z-index: 8;
}
.search_tabs .nav-pills .nav-link{
    background: rgba(85, 31, 127, .8);
    color: #fff !important;
    border-radius: 0;
    font-size: 1.25rem;
    padding: 0.8rem 2rem;
    line-height: 1.2;
    border-top: 3px solid #551f7f;
}
.search_tabs .nav-pills .nav-link.active, .search_tabs .nav-pills .show > .nav-link{
    background: #fff;
    color: #38255d !important;
    border-radius: 0;
    font-size: 1.25rem;
    padding: 0.8rem 2rem;
    line-height: 1.2;
    border-top: 3px solid #d5b337;
}
.search_wrap .group_banner.search_banner .search-area > .container{
    background: #fff;
    border: none;
}
.search_wrap section.group_banner .search-area .search-box{
    margin-bottom: 0rem;
    height: 120px;
    margin-top: 0rem;
    padding-top: 1rem;
}
.search_wrap section.group_banner .search-area .search-box .select-departure, 
.search_wrap section.group_banner .search-area .search-box .select-destination, 
.search_wrap section.group_banner .search-area .search-box .select-date{
    padding: 0;
    background: none;
    height: auto;
    margin-top: 6px;
}
.search_wrap section.group_banner .search-area .search-box .select-departure .title, 
.search_wrap section.group_banner .search-area .search-box .select-destination .title, 
.search_wrap section.group_banner .search-area .search-box .select-date .title{
    margin-bottom: 0.5rem;
}
.search_wrap section.group_banner .search-area .search-box .select-departure .title i, 
.search_wrap section.group_banner .search-area .search-box .select-destination .title i{
    display: none;
}
.search_wrap section.group_banner .search-area .search-box .select-departure .title h6{
    font-size: 1.05rem;
    color: #666;
    margin: 0;
}
.search_wrap section.group_banner .search-area .search-box .select-destination .title h6{
    font-size: 1.05rem;
    color: #666;
}
.search_wrap section.group_banner .search-area .search-box .select-date .title h6{
    font-size: 1.05rem;
    color: #666;
    margin: 0rem 0 0 0;
}
.search_wrap section.group_banner .leftPark{
    height: auto;
}
.search_wrap section.group_banner .area_input{
    background-color: #f9f9f9;
    height: 38px;
    padding: 5px 10px;
    background-position: 95%;
    border-bottom: 1px solid #e5e5e5;
}
.search_wrap section.group_banner .search-area .search-box .select-date{
    padding: 0;
    height: auto;
    background: none;
}
.search_wrap section.group_banner .search-area .search-box .select-date .select input{
    width: calc(50% - 7.5px);
    padding: 5px 10px;
    background: #f9f9f9 !important;
    border-bottom: 1px solid #e5e5e5;
}
.search_wrap section.search_banner .search-area .search-box .select-input .data-icon-search{
    position: unset;
    font-size: 1.05rem;
    color: #666;
    margin-bottom: 0.35rem;
    margin-top: 0.5rem;
}
.search_wrap section.search_banner .search-area .search-box .select-input .data-icon-search::before{
    display: none;
}
.search_wrap section.search_banner .search-area .search-box .select-input .data-icon-search::after{
    content: '關鍵字';
    font-style: initial;
}
.search_wrap section.group_banner .search-area .search-box .select-input > input{
    background-color: #f9f9f9;
    padding: 5px 10px;
    border-bottom: 1px solid #e5e5e5;
    height: 38px;
}
.search_wrap section.group_banner .search-area .search-box .search-btn{
    position: absolute;
    margin: 0;
    top: -1rem;
    left: 15px;
    bottom: 0;
    height: auto;
    background: #551f7f;
    color: #d5b338;
    font-size: 1.5rem;
}
.search_wrap section.group_banner .search-area .search-box .search-btn h5{font-weight: bold;}
.search_wrap section.group_banner .search-area .search-box .search-btn i{display: none;}
.search_wrap section.group_banner .form-check .customcheck input:checked ~ .checkmark{
    background-color: #eb6100;
}
.search_wrap section.group_banner .search-area .search-box .select-goal, 
.search_wrap section.group_banner .search-area .search-box .select-place{
    padding: 10px 0;
}

@media (max-width:1280px) {
    .search_tabs, .search_wrap{
        margin-left: auto;
        margin-right: auto;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .search_tabs{
        margin-top: -3.25rem;
    }
    .search_wrap{
        margin-top: 0rem;
    }
}
@media (max-width:1199px) {
    .search_wrap section.group_banner .search-area .search-box{
        height: auto;
    }
    .search_wrap section.group_banner .search-area .search-box .search-btn{
        position: unset;
        padding: 1rem;
        margin-bottom: 1.5rem;
        margin-top: 0.5rem;
        line-height: 1.5;
    }
    .search_wrap .group_banner.search_banner .search-area > .container{
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width:1024px) {
    .search_tabs{
        margin-top: -2.9rem;
    }
    .search_tabs .nav-pills .nav-link, 
    .search_tabs .nav-pills .nav-link.active, 
    .search_tabs .nav-pills .show > .nav-link{ font-size: 1rem; padding: 0.75rem 1.5rem;}
}
@media (max-width:767px) {
    .search_wrap section.group_banner .area_input, 
    .search_wrap section.group_banner .search-area .search-box .select-input > input{ height: 45px;}
    .search_wrap section.group_banner.search_banner{width: 100%;}
}
@media (max-width:575px) {
    .search_tabs, .search_wrap{margin-top: 0; max-width: 100%; flex: 0 0 100%;}
    .search_tabs .nav-pills li{width: 50%;}
    .search_wrap section.group_banner .search-area .search-box{padding: 1rem;}
}

/*slider*/
.idx_slider{margin-top: 80px;}
.idx_slider section.banner-area .swiper-area .banner-swiper{height: 85vh;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt { top: unset; left: 16.66666%; width: 33.3333%; bottom: 1.5rem; padding: 1.5rem 2rem 3rem;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title {font-size: 2rem; display: table; width: 100%; font-weight: bold;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title .line{width: 100%;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content, 
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content{width: 100%;font-size: 1rem;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box a.btn {
    position: absolute;
    right: 1.5rem;
    bottom: -2.5rem;
    color: #fff;
    text-decoration: none;
    background: #d5b338;
    border-radius: 50px;
    padding: 0.4rem 4rem 0.4rem 1.5rem;
    font-size: 1rem;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box a.btn::before{
    content: '';
    display: table;
    background-color: #fff;
    width: 2rem;
    height: 1px;
    position: absolute;
    right: 1rem;
    top: 50%;
    transition: .3s;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box a.btn::after{
    content: '';
    display: table;
    position: absolute;
    top: calc(50% - 2px);
    right: 1rem;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 0px 7px;
    border-color: transparent transparent transparent #ffffff;    
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box a.btn:hover::before{width: 1.3rem;transition: .3s;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{height: 85vh;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .cover{display: none;}
.idx_slider .swiper-wrapper div.swiper-slide:before {
    position: absolute;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    content: "";
    clear: both;
    display: block;
    background: url(https://demo1.fillo.com.tw/material-alias/J-DEMO/overlay.png) center center repeat;
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    -ms-background-size: 3px 3px;
    -o-background-size: 3px 3px;
    background-size: 3px 3px;
    z-index: 8;
}
.idx_slider .swiper-wrapper div.swiper-slide:after {
    content: '';
    display: table;
    width: 100%;
    height: 33vh;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next svg,
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev svg {display: none;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next,
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev {opacity: 1;}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next,
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: 0px;
    padding: 0;
    border: 0;
    outline: 0;
    width: 20%;
    height: 100%;
    z-index: 105;
    top: 0;
    transition: all .3s linear;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev {
    left: -25px;
    cursor: url(https://demo1.fillo.com.tw/material-alias/J-DEMO/prev.svg),auto;
    left: 0;
    background: url(https://demo1.fillo.com.tw/material-alias/J-DEMO/prev.svg) no-repeat left 50px center;
    background-size: auto 36px;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next {
    right: -25px;
    cursor: url(https://demo1.fillo.com.tw/material-alias/J-DEMO/next.svg),auto;
    right: 0;
    background: url(https://demo1.fillo.com.tw/material-alias/J-DEMO/next.svg) no-repeat right 50px center;
    background-size: auto 36px;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev:hover {
    background-position: left -100px center;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next:hover {
    background-position: right -100px center;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev:after,
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next:after {
    content: "";
    display: block;
    height: 40vw;
    width: 20vw;
    position: absolute;
    top: 50%;
    background-color: #000;
    overflow: hidden;
    transform: translateY(-50%) scale(0.8);
    opacity: 0;
    transition: all .3s ease;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev:after {
    border-radius: 0 40vw 40vw 0;
    transform-origin: left center;
    left: 0;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next:after {
    border-radius: 40vw 0 0 40vw;
    transform-origin: right center;
    right: 0;
}
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev:hover:after,
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next:hover:after {
    opacity: .3;
    transform: translateY(-50%) scale(1);
}
@media (max-width:1280px) {
    .idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{
        left: 50%;
        width: 80%;
    }
}
@media (max-width:991px) {
    .idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{
        left: 0;
        right: 0;
        width: 100%;
        transform: unset;
        max-width: 100%;
    }
}
@media (max-width:767px) {
    .idx_slider {margin-top: 60px;}
    .idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{
        font-size: 1.2rem;
    }
}

/*news*/
.news_TIT h2{
    text-shadow: 0 10px 0 #e5ded6;
    font-family: serif !important;
}
.news_TIT h2 span{
    font-family: serif !important;
}
.news_box .mix-wrapper{
    padding: 15px;
}
.news_box .pic-content{
    padding: 0;
    margin: 0;
}

.news_box .img-mode .img-box a{
    display: block;
    aspect-ratio: 6/4;
}
.news_box .img-mode .img-box a .img-fluid{
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}
.news_box .editor-content{
    padding: 2rem 2.5rem;
    margin: 0;
    margin-top: 3rem;
    background-color: rgba(255, 255, 255, 0.9);
    margin-left: -6rem;
    z-index: 1;
}
.n_right.news_box .editor-content{margin-left: unset; margin-right: -6em;}
.news_box .editor-content h4{
    margin-bottom: 1.5rem;
}
.news_box .editor-content h3{
    margin-bottom: 1.5rem;
}
.news_box .editor-content ul{
    margin-top: 2rem;
    padding: 0;
    list-style-type: none;
}
.news_box .editor-content ul li{
    line-height: 2;
    padding-left: 1.5rem;
    letter-spacing: 0.05rem;
    position: relative;
}
.news_box .editor-content ul li::before{
    content: '';
    width: 15px;
    height: 2px;
    background-color: #daad5c;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}
.news_box .editor-content a{
    margin-top: 0.5rem;
    display: table;
    float: right;
    padding: 0.6rem 5rem 0.6rem 2rem;
    border: 1px solid #38255d;
    border-radius: 50px;
    text-decoration: none;
    color: #38255d;
    position: relative;
    transition: .3s;
}
.news_box .editor-content a:hover{
    background-color: #38255d;
    color: #fff;
    transition: .3s;
}
.news_box .editor-content a::before{
    content: '';
    display: block;
    width: 2rem;
    height: 1px;
    background: #38255d;
    position: absolute;
    right: 2.4rem;
    top: 50%;
    transition: .3s;
}
.news_box .editor-content a::after{
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    right: 2rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #38255d;
    transition: .3s;
}
.news_box .editor-content a:hover::before{
    background:#fff;
}
.news_box .editor-content a:hover::after{
    border-color: transparent transparent transparent #fff;
}
@media (max-width:1600px) {
    .news_box{
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
@media (max-width:1440px) {
    .news_box{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}
@media (max-width:991px) {
    .news_box .pic-content{
        order: -1;
        margin-bottom: 0;
    }
    .news_box.n_left .img-mode .img-box, 
    .news_box.n_right .img-mode .img-box{
        margin-bottom: 0;
    }
    .news_box .editor-content, .n_right.news_box .editor-content{
        margin: 0;
        background-color: #fff;
    }
}

/*theme*/
.theme_TIT > .module-container, 
.theme_TIT > .module-container > .main, 
.theme_TIT > .module-container > .main > div:nth-last-child(1), 
.theme_TIT > .module-container > .main > div:nth-last-child(1) .bgfixed {height: 100%;}
.theme_TIT .bgfixed > a{background: rgb(56, 37, 93, .7);}
.theme_TIT .bgfixed > a section{
    margin: 4rem auto 2rem !important;
    display: table;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 1.5rem 0rem;
    width: 70%;
}
.theme_TIT .bgfixed > a section h2{
    font-family: serif !important;
    text-shadow: 0 10px 0 rgba(0, 0, 0, 0.3);
}
.theme_TIT .bgfixed > a section h2 span{
    font-family: serif !important;
}
.theme_box .swiper-container{
    padding: 0 30px;
    margin-right: 0;
}
.theme_box .swiper-slide-style{
    box-shadow: none;
    border-radius: 0;
    position: relative;
    background: #fff;
    margin-bottom: 0;
}
.theme_box .swiper-slide .swiper-img{
    margin: 0;
    aspect-ratio: 3/3;
    background: #551f7f;
}
.theme_box .swiper-slide .swiper-img img{
    border-radius: 0;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}
.theme_box .swiper-slide:hover .swiper-img img{
    opacity: .8;
}
.theme_box .swiper-slide .swiper-title{
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 0.75rem 1.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.05rem;
    color: #551f7f;
    border-bottom-right-radius: 10px;
}
.theme_box .swiper-slide .swiper-content{
    letter-spacing: 0.05rem;
    text-align: center;
    margin-bottom: 0px;
    padding: 1rem 30px;
    background: #fff;
    position: relative;
    overflow: unset;
    -webkit-line-clamp: unset;
}
.theme_box .swiper-slide .swiper-content::before{
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: -8px;
    left: calc(50% - 10.5px);
    transform: rotate(45deg);
    background: #d5b338;
}
.theme_box .swiper-slide .swiper-content h3{
    font-size: 1.3rem;
    color: #000;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}
.theme_box .swiper-slide:hover .swiper-content h3{
    font-weight: bold;
}
.theme_box .swiper-slide .swiper-content p{
    font-size: 1rem;
    color: #b79000;
    padding-top: 1rem;
    border-top: 1px solid #b79000;
}
.theme_box .swiper-container-horizontal > .swiper-pagination-bullets{margin-bottom: 1rem;}
.theme_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #551f7f;
}
.theme_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: #551f7f;
}
.theme_box .swiper-button-prev.swiper-button-white, 
.theme_box .swiper-button-next.swiper-button-white{
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
    border-radius: 50px;
    outline: none;
    box-shadow: none;
    top: 50%;
    transform: translate(0px, -50%);
}
.theme_box .swiper-button-prev.swiper-button-white{
    left: 1rem;
}
.theme_box .swiper-button-next.swiper-button-white{
    right: 3rem;
}
.theme_box .swiper-button-next:after, 
.theme_box .swiper-container-rtl .swiper-button-prev:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #ffffff;
    background: none;
    padding: 0;
    margin-left: 4px;
    font-size: 0;
}
.theme_box .swiper-button-prev:after, 
.theme_box .swiper-container-rtl .swiper-button-next:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 16px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    background: none;
    padding: 0;
    margin-right: 4px;
    font-size: 0;
}
.theme_box .swiper-button-prev.swiper-button-disabled, 
.theme_box .swiper-button-next.swiper-button-disabled{
    display: none;
}
@media (max-width:1440px) {
    .theme_TIT > .module-container, .theme_TIT > .module-container > .main, .theme_TIT > .module-container > .main > div:nth-last-child(1), 
    .theme_TIT > .module-container > .main > div:nth-last-child(1) .bgfixed{
        min-height: 100% !important;
    }
}
@media (max-width:991px) {
    .theme_TIT .bgfixed > a section{
        border: none;
    }
}
@media (max-width:575px) {
    .theme_box .swiper-button-next.swiper-button-white{right: 0.5rem;}
    .theme_box .swiper-button-prev.swiper-button-white {left: 0.5rem;}
}

/*tour leader*/
.leader_infoIDX h2{
    font-family: serif !important;
    letter-spacing: 1px;
    text-shadow: 0 10px 0 rgba(0, 0, 0, 0.3);
}
.leader_infoIDX h2 span{
    font-family: serif !important;
}
.leader_infoIDX h3{
    position: relative;
}
.leader_infoIDX h3::after{
    content: '';
    width: 1px;
    height: 1.5rem;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -2.5rem;
}
.leader_infoIDX p{
    line-height: 2;
    letter-spacing: 0.1rem;
}
.more_BTNy div.link-list{
    background: none !important;
}
.more_BTNy div.link-list ul{
    display: table;
    margin: 0 auto;
}
.more_BTNy div.link-list ul li a{
    padding: 0.5rem 6rem 0.5rem 2rem;
    border: 1px solid rgba(218, 173, 92, .3);
    border-radius: 50px;
    position: relative;
    transition: .3s;
}
.more_BTNy div.link-list ul li a:hover{
    border-color: #daad5c;
    transition: .3s;
}
.more_BTNy div.link-list ul li a::before, 
.more_BTNy div.link-list ul li span::before {
    content: '';
    display: block;
    width: 2rem;
    height: 1px;
    background: #daad5c;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    opacity: .3;
    transition: .3s;
}
.more_BTNy div.link-list ul li a:hover::before, 
.more_BTNy div.link-list ul li span:hover::before {
    width: 2.5rem;
    right: 2rem;
    opacity: 1;
    transition: .3s;
}
.more_BTNy div.link-list ul li a::after, 
.more_BTNy div.link-list ul li span::after {
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    right: 2.1rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #daad5c;
    opacity: .3;
    transition: .3s;
}
.more_BTNy div.link-list ul li a:hover::after, 
.more_BTNy div.link-list ul li span:hover::after {
    right: 1.6rem;
    opacity: 1;
    transition: .3s;
}

/*footer*/
.footer_box .footer-sample{background-color: #fafafa;}
.footer_box .footer-wrap .footer_center{align-items: center;padding-bottom: 1rem;background-color: #fafafa;}
.footer_box .footer-wrap .footer_center .company-info{margin-top: 0 !important;flex: 0 0 30%; max-width: 30%;}
.footer_box .footer-wrap .info_box a{padding: 0 10px;}
/*.footer_box .footer-wrap .info_box a img{height: 80px;}*/
.footer_box .footer-wrap .info_box .info-text{padding: 0;}
.footer_box .footer-wrap .info_box .info-text h3{text-align: center;color: #0098ce;margin-top: 5px; font-size: 1.4rem;}
.footer_box .footer-wrap .contact-info{flex: 0 0 70%; max-width: 70%;flex-wrap: wrap;margin-top: 0 !important;}
.footer_box .footer-wrap .contact-box{flex: unset;margin: 0 !important;}
.footer_box .footer-wrap .contact-box:nth-child(1), .footer_box .footer-wrap .contact-box:nth-child(2) {width: 25%;}
/*.footer_box .footer-wrap .contact-box:nth-child(3){width: 14%;}
.footer_box .footer-wrap .contact-box:nth-child(4) {width: 18%;}*/
.footer_box .footer-wrap .contact-box:nth-last-child(1){width: 50%;}
.footer_box .footer-wrap .contact-box h2{display: none;}
.footer_box .footer-wrap .contact-box h4{line-height: 1.2; letter-spacing: 0.05rem;color: #111;font-size: 1rem;padding-left: 0.5rem;}
.footer_box .footer-wrap .fb-info, .footer_box .footer-wrap .footer_sbox{display: none;}
.footer_box .footer-wrap .icon_wrap{width: calc(100% - 60px); margin: auto; border-top: 1px solid #ddd; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.8rem 0.5rem;}
.footer_box .footer-wrap .icon_wrap p{margin: 0 auto 0 2rem; padding-right: 1rem;}
.footer_box .footer-wrap .icon_wrap ul.footer_bticon{position: unset; margin-right: 1.5rem;}
.footer_box .footer-wrap .footer_bticon li i{font-size: 1.2rem;}
.footer_box .footer-wrap .footer_bticon li:nth-child(2) i{line-height: 38px;}
.footer_contact > .module-container, .footer_contact > .module-container > .main.row{height: 100%;}

@media (max-width:1680px){
.footer_box .footer-wrap .contact-box h4{letter-spacing: 0.05rem;}
}
@media (max-width:1580px){
.footer_box .footer-wrap .contact-box h4{font-size: 14px;}
.footer_box .footer-wrap .footer_center{padding-right: 0rem !important; padding-left: 1rem !important;}
}
@media (max-width:1440px) {
    .footer_box .footer-wrap .info_box a img{
        height: auto;
    }
}
@media (max-width:1366px){
.footer_box .footer-wrap .info_box .info-text h3 {margin-top: 0px;font-size: 1.25rem;}
}
@media (max-width:1280px) {
    .footer_box .footer-wrap .contact-box:nth-child(1), 
    .footer_box .footer-wrap .contact-box:nth-child(2), 
    .footer_box .footer-wrap .contact-box:nth-child(3), 
    .footer_box .footer-wrap .contact-box:nth-child(4){
        width: 25%;
    }
    .footer_box .footer-wrap .contact-box:nth-last-child(1){
        width: 50%;
    }
}
@media (max-width:1199px) {
    .footer_box .footer-wrap .info_box{
        align-items: center;
    }
    .footer_box .footer-wrap .footer_center .company-info{flex: 0 0 100%; max-width: 100%;justify-content: center; display: flex; flex-wrap: wrap;}
    .footer_box .footer-wrap .contact-info {flex: 0 0 100%; max-width: 100%;margin-top: 1rem !important;}
    .footer_box .footer-wrap .contact-box h4{
        padding: 0 0.5rem;
    }
    .footer_box .footer-wrap .info_box a{margin: auto;}
    .footer_box .footer-wrap .info_box .info-text{display: none;}
    .footer_box .footer-wrap .contact-box:nth-child(1), 
    .footer_box .footer-wrap .contact-box:nth-child(2), 
    .footer_box .footer-wrap .contact-box:nth-child(3), 
    .footer_box .footer-wrap .contact-box:nth-child(4) {
        width: 25%;
    }
    .footer_box .footer-wrap .contact-box:nth-last-child(1) {
        width: 50%;
    }
    .footer_box .footer-wrap .icon_wrap p{margin: 0 auto;}
    .footer_box .footer-wrap .icon_wrap ul.footer_bticon{margin: 1rem auto 0;}
}
@media (max-width:991px) {
    .footer_wrap{ order: 1;}
    .footer_wrap .footer_box .footer-wrap .icon_wrap{display: none;}
    .footer_box .footer-wrap .icon_wrap p{margin: 0 auto;}
    .footer_box .footer-wrap .contact-box:nth-child(1), 
    .footer_box .footer-wrap .contact-box:nth-child(2), 
    .footer_box .footer-wrap .contact-box:nth-child(3), 
    .footer_box .footer-wrap .contact-box:nth-child(4){
        width: 25%;
    }
    .footer_box .footer-wrap .contact-box:nth-last-child(1) {
        width: 50%;
    }
}
@media (max-width:575px) {
    .footer_box .footer-wrap .contact-box:nth-child(1), 
    .footer_box .footer-wrap .contact-box:nth-child(2), 
    .footer_box .footer-wrap .contact-box:nth-last-child(1){border: none;width: 100%;}
    .footer_box .footer-wrap .contact-box{border: none;}
    .footer_box .footer-wrap .contact-box h4{padding:0;}
    .footer_box .footer-wrap .footer_center{padding-right: 1rem !important;}
    .footer_box .footer-wrap .contact-box h4 {font-size: 16px;}
    .footer_box .footer-wrap .contact-box:nth-child(1), 
    .footer_box .footer-wrap .contact-box:nth-child(2), 
    .footer_box .footer-wrap .contact-box:nth-child(3), 
    .footer_box .footer-wrap .contact-box:nth-child(4), 
    .footer_box .footer-wrap .contact-box:nth-last-child(1){
        width: 100%;
    }
}
.top_btn .actGotop{
    right: 0px;
    bottom: 0px;
}
.top_btn .module-wrapper .actGotop a:link{
    border-radius: 0;
    border: 1px solid #d5b338;
    background: rgba(213, 179, 56, 0.7) !important;
    font-size: 15px;
    font-weight: normal;
}
.top_btn .module-wrapper .actGotop a:link:hover{
    background: rgba(213, 179, 56, 1) !important;
}
.top_btn .module-wrapper .actGotop a i{
    font-size: 30px;
    margin-top: 3px;
}
@media (min-width:768px) {
    .top_btn .side_box{display: none;}
}
.top_btn .side_box{bottom: 90px;}
.top_btn .side_bar{background: rgba(56, 37, 93, .9) !important; border-radius: 0; box-shadow: none; padding: 0; margin-bottom: 0;width: 45px;}
.top_btn .side_bar li{height: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.top_btn .side_bar li img.img-fluid{width: 21px;}
.top_btn .side_bar li a p{margin: 0;}
.top_btn .side_bar li a i{font-size: 1.2rem;}
@media (max-width:767px) {
    .top_btn .actGotop{
        width: 45px;
        height: 45px;
    }
    .top_btn .module-wrapper .actGotop a:link{
        height: 45px;
        width: 45px;
        font-size: 0;
    }
    .top_btn .module-wrapper .actGotop a i{
        margin-top: 0;
        width: 45px;
        height: 45px;
        line-height: 40px;
    }
}

/*tours*/
.tours_titBOX .bgfixed a{background: rgba(0, 0, 0, 0.2);}
.tours_titBOX .bgfixed a h2{font-family: serif; font-size: 2.5rem; color: #fff; text-shadow: 0 10px 0 rgb(0 0 0 / 30%);word-break: break-word;padding: 0 1rem;}
.tours_titBOX .bgfixed a p{font-size: 2rem; color: #fff; font-weight: bold; text-shadow: 0 2px 3px rgb(0 0 0 / 50%);}
.tours_tabs{margin-top: -60px;}
.tours_tabs .blk-tabs.dp-tbl{background: rgba(255, 255, 255, 0.7);}
.tours_tabs .blk-tabs.dp-tbl ul.nav li.nav-item{margin: 0 0.5rem;}
.tours_tabs .blk-tabs.dp-tbl ul.nav li.nav-item a.nav-link{padding: 0.9rem 2.5rem; font-size: 1.3rem; letter-spacing: 0.05rem; color: #010658; font-weight: bold;position: relative;}
.tours_tabs .blk-tabs.dp-tbl ul.nav li.nav-item a.nav-link.active, .tours_tabs .nav-pills .show>.nav-link{border-radius: 0; background: #010658; color: #fff;}
.tours_tabs .nav-pills .nav-link.active::after, 
.tours_tabs .nav-pills .show>.nav-link::after{content: '';width: 0;height: 0;border-style: solid;border-width: 13px 7.5px 0 7.5px;border-color: #010558 transparent transparent transparent;position: absolute; bottom: -13px; left: 50%; transform: translate(-50%, 0);}
.tours_box .hover-wall .icon_info{border-radius: 0; box-shadow: none; bottom: 0;}
.tours_box .hover-wall .icon_info:hover{box-shadow: none; bottom: 0;}
.tours_box .hover-wall .icon_info a{display: flex; flex-wrap: wrap;}
.tours_box .hover-wall .icon_info figure{margin-bottom: 0; aspect-ratio: 6/5;}
.tours_box .hover-wall figure .overlay{display: none;}
.tours_box .hover-wall figure .b_img{max-width: 100%; object-fit: cover; object-position: center center; height: 100%; width: 100%;}
.tours_box .hover-wall .icon_info h3{color: #925209;
    text-align: justify;
    padding: 1rem 1rem 1rem 0;
    background: #fff;
    width: auto;
    display: table;
    position: absolute;
    border-top: 3px solid #ff9012;
    font-weight: normal;
    font-size: 1.3rem;
    margin-bottom: 0;
    bottom: 8.6rem;}
.tours_box .hover-wall .icon_info h4{text-align: justify;
    order: 1;
    padding: 0.5rem 1.8rem;
    border: 1px solid #010658;
    border-radius: 50px;
    font-style: unset;
    color: #010658;
    margin-top: 0.5rem;
    position: relative;
}
.tours_box .hover-wall .icon_info h4::after{
    content: '';
    display: table;
    width: 0rem;
    height: 1px;
    background: #010658;
    float: right;
    margin-left: 0rem;
    margin-top: 0.6rem;
    transition: .3s;
}
.tours_box .hover-wall .icon_info:hover h4::after{width: 2rem;margin-left: 1rem;transition: .3s;}
.tours_box .hover-wall .icon_info h4::before{
    content: "";
    position: absolute;
    top: calc(50% + 1px);
    right: 1.6rem;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #010658;
    opacity: 0;
    transition: .3s;
}
.tours_box .hover-wall .icon_info:hover h4::before{
    opacity: 1;
}
.tours_box .hover-wall .icon_info p.animate-text{width: 100%;
    padding: 0;
    margin: 1rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 53px;
    overflow: hidden;
}
.tours_recom_box .slide-container section.jcarousel-wrapper > h2{
    display: table;
    margin: 0 auto 2rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 4rem;
    position: relative;
}
.tours_recom_box .slide-container section.jcarousel-wrapper > h2::before{
    content: '';
    display: block;
    width: 3rem;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 50%;
}
.tours_recom_box .slide-container section.jcarousel-wrapper > h2::after{
    content: '';
    display: block;
    width: 3rem;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 0;
    top: 50%;
}
.tours_recom_box .carousel-rwd li{border: 0px solid white;}
.tours_recom_box .carousel-rwd li a{background: #010658; border: 1px solid transparent;transition: .3s;}
.tours_recom_box .carousel-rwd li:hover a{border-color: #daad5c;transition: .3s;}
.tours_recom_box .carousel-rwd li a::before{
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    border-top: 1px solid #daad5c;
    border-right: 1px solid #daad5c;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    transition: .3s;
}
.tours_recom_box .carousel-rwd li:hover a::before{
    top: 15px;
    right: 15px;
    opacity: 1;
    z-index: 2;
    transition: .3s;
}
.tours_recom_box .carousel-rwd li a::after{
    content: '';
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    border-bottom: 1px solid #daad5c;
    border-left: 1px solid #daad5c;
    position: absolute;
    bottom: 5px;
    left: 5px;
    opacity: 0;
    transition: .3s;
}
.tours_recom_box .carousel-rwd li:hover a::after{
    bottom: 15px;
    left: 15px;
    opacity: 1;
    z-index: 2;
    transition: .3s;
}
.tours_recom_box .carousel-rwd li img{aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; width: 100%; opacity: 1;transition: .3s;}
.tours_recom_box .carousel-rwd li:hover img{ opacity: .5;transition: .3s;}
.tours_recom_box .carousel-rwd li a > span{
    position: absolute;
    z-index: 2;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    opacity: 0;
    transition: .3s;
}
.tours_recom_box .carousel-rwd li:hover a > span{opacity: 1;transition: .3s;}
.tours_recom_box .carousel-rwd li a > span h3{font-size: 1.3rem; color: #fff; font-weight: bold;}
.tours_recom_box .carousel-rwd li a > span p{color: #fff;}
.tours_recom_box .carousel-rwd-prev, 
.tours_recom_box .carousel-rwd-next{
    width: 50px;
    height: 50px;
    background: #daad5c;
    opacity: 1;
    border-radius: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 3;
}
.tours_recom_box .carousel-rwd-prev{ left: -15px;}
.tours_recom_box .carousel-rwd-next{right: -15px;}
.tours_recom_box .carousel-rwd-prev i, 
.tours_recom_box .carousel-rwd-next i{
    font-size: 0;
}
.tours_recom_box .carousel-rwd-prev i::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 16px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    background: none;
    padding: 0;
    margin-right: 4px;
    font-size: 0;
}
.tours_recom_box .carousel-rwd-next i::after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #ffffff;
    background: none;
    padding: 0;
    margin-left: 4px;
    font-size: 0;
}
@media (max-width:991px) {
    .tours_tabs {
        margin-top: -47px;
    }
    .tours_tabs .module-container .main.row .blk-tabs {
        overflow: scroll;
        display: block;
        padding: 0px;
        height: 60px;
    }
    .tours_tabs .module-container .main.row .blk-tabs ul {
        width: max-content;
        display: flex;
        z-index: 99;
        float: none;
        min-width: 100%;
    }
    .tours_tabs .blk-tabs.dp-tbl ul.nav li.nav-item {
        margin: 0;
    }
    .tours_tabs .blk-tabs.dp-tbl ul.nav li.nav-item a.nav-link{
        padding: 0.5rem 2rem;
    }
    .tours_recom_box .carousel-rwd li a{
        background: none;
        border: none;
    }
    .tours_recom_box .carousel-rwd li a::before, 
    .tours_recom_box .carousel-rwd li a::after{
        display: none;
    }
    .tours_recom_box .carousel-rwd li a > span{
        position: unset;
        opacity: 1;
        margin-top: 1rem;
    }
    .tours_recom_box .carousel-rwd-prev{left: 0px;}
    .tours_recom_box .carousel-rwd-next{right: 0px;}
}
@media (max-width:767px) {
    .tours_box .hover-wall .htpro_tit{margin: 0;}
    .tours_box .hover-wall .icon_info:hover figure{border: 1px solid #daad5c;}
    .tours_box .hover-wall .icon_info h3{
        position: unset;
        border-left: 3px solid #ff9012;
        border-top-width: 0;
        padding: 0.5rem 0rem 0.5rem 0.5rem;
        margin-top: 1rem;
        width: 100%;
    }
    .tours_box .hover-wall .icon_info p.animate-text{
        -webkit-line-clamp: unset;
        overflow: unset;
        height: auto;
    }
}

/*tours*/
.tours_title_box{margin-top: 80px;}
.tours_title_box .bgfixed{position: relative;}
.tours_title_box .bgfixed::before{
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.tours_title_box .bgfixed section{position: relative;z-index: 2;}
.tours_title_box .bgfixed section h2{
    text-align: center;
    font-family: serif !important;
    font-size: 2.5rem;
    color: #d5b338;
    text-shadow: 0 10px 0 rgba(0, 0, 0, .3);
    word-break: break-word;
    padding: 0 1rem;
}
.tours_title_box .bgfixed section p{
    text-align: center;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .5);
}
.elva_tours_tabs {margin-top: -81px;}
.elva_tours_tabs .blk-tabs .nav-pills{width: calc(100% - 60px); margin: 0 30px; border-bottom: 3px solid rgba(0, 0, 0, 0.1);}
.elva_tours_tabs .blk-tabs .nav-pills li{margin: 1rem 1rem -3px;}
.elva_tours_tabs .blk-tabs .nav-pills .nav-link{
    color: #444;
    font-size: 1.3rem;
    letter-spacing: 0.05rem;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: 1rem 1rem 0.9rem;
    position: relative;
}
.elva_tours_tabs .nav-pills .nav-link.active, 
.elva_tours_tabs .nav-pills .show>.nav-link{
    background: none; 
    border-color: #551f7f;
}
.elva_tours_tabs .nav-pills .nav-link.active::before, 
.elva_tours_tabs .nav-pills .show>.nav-link::before{
    content: '';
    display: table;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #551f7f transparent transparent transparent;
    position: absolute;
    bottom: -13px;
    z-index: 9;
    left: 50%;
    transform: translate(-50%, 0px);
}
.tab_box_all > .module-container > .main.row{padding-top: 2rem; padding-bottom: 3rem;}
.tours_block:nth-child(3){margin-top: 1rem !important;}
.tours_block:nth-last-child(1){margin-bottom: 1rem !important;}
.tours_block .mix-wrapper{padding: 15px 45px;}
.tours_block .mix-wrapper > .row{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);position:relative;}
.tours_block .pic-content{margin: 0; max-width: 45%; flex: 0 0 45%;}
.tours_block.tours_L .pic-content{background-color: #774c99; padding: 0 0 30px 30px;}
.tours_block.tours_R .pic-content{background-color: #60517d; padding: 0 30px 30px 0px;}
.tours_block .pic-content .row.no-gutters, .tours_block .img-mode .img-box{height: 100%;}
.tours_block .img-mode .img-box a{display: block; width: 100%;height: 100%; /*aspect-ratio: 2/1.1;*/}
.tours_block .img-mode .img-box a .img-fluid{
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    transition:.3s;
}
.tours_block .mix-wrapper > .row:hover .img-mode .img-box a .img-fluid{transition:.3s;opacity:.7;}
.tours_block .editor-content{padding: 0; margin: 0;max-width: 55%; flex: 0 0 55%; display: flex; flex-wrap: wrap; align-items: stretch;position:unset;}
.tours_block .tours_date > a.block_link{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;color: transparent;}
.tours_block .tours_infoBOX{padding: 2rem 2rem 1rem 3rem;width: 100%;}
.tours_block .tours_infoBOX h2{font-size: 1.6rem; font-weight: bold; position: relative;}
.tours_block .tours_infoBOX h2::before {
    content: '';
    display: table;
    width: 2rem;
    height: 5px;
    position: absolute;
    top: calc(50% - 3px);
    left: -3rem;
}
.tours_block.tours_L .tours_infoBOX h2::before{background-color: #38255d;}
.tours_block.tours_R .tours_infoBOX h2::before{background-color: #551f7f;}
.tours_block .tours_infoBOX h4{font-size: 1.2rem; font-weight: bold;}
.tours_block .tours_infoBOX p{margin-top: 1.5rem; color: #888; text-align: justify; margin-bottom: 1.5rem;}
.tours_block .tours_infoBOX .price_box{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: end;
    font-style: italic;
}
.tours_block .tours_infoBOX .price_box h3{margin: 0 0.5rem;font-weight: bold; color: #df4949;}
.tours_block .tours_infoBOX .price_box span{color: #df4949; font-size: 1rem;}
.tours_block .tours_date{ padding: 1.2rem 2rem 1.2rem 3rem;width: 100%; display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
.tours_block.tours_L .tours_date{background-color: #774c99;}
.tours_block.tours_R .tours_date{background-color: #60517d;}
.tours_block .tours_date .day_box{display: flex; align-items: flex-start;}
.tours_block .tours_date .day_box i{margin-right: 0.5rem; font-size: 1.2rem; color: #fff; margin-top: 3px;}
.tours_block .tours_date .day_box ul{
    padding: 0 0rem 0 0;
    margin: 0;
    list-style-type: none;
    display: table;
    position: relative;
}
.tours_block .tours_date .day_box ul::after {
    /*content: '. . .';
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;*/
}
.tours_block .tours_date .day_box ul li{float: left;}
.tours_block .tours_date .day_box ul li ~ li::before{content: '、';color: #fff;}
.tours_block .tours_date .day_box ul li span{font-size: 1.2rem; padding: 0rem 0rem; color: #fff; text-decoration: underline;}
.tours_block .tours_date .more_btn{
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    padding-right: 4rem;
    position: relative;
    text-decoration: none;
    display: table;
    margin-right: 0;
    margin-left: auto;
}
.tours_block .tours_date .more_btn::before{
    content: '';
    display: table;
    width: 3rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transition: .2s;
}
.tours_block .tours_date .more_btn:hover::before{
    width: 2rem;
    transition: .2s;
}
.tours_block .tours_date .more_btn::after{
    content: '';
    display: table;
    position: absolute;
    top: calc(50% - 2px);
    right: 0rem;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 0px 7px;
    border-color: transparent transparent transparent #ffffff;
}
.tours_block .tours_date > a.block_link:hover ~ .day_box ul li span{opacity:0.7;}
.tours_block .tours_date > a.block_link:hover ~ .more_btn::before { width: 2rem;  transition: .2s;}
.explore_wrap .main.row::before{
    content: '';
    display: table;
    width: 100%;
    position: absolute;
    z-index: 0;
    height: 100%;
    background-color: rgba(56, 37, 93, .2);
}
.tours_bottom_tit{margin-top: 5rem;}
.tours_bottom_tit h4{
    font-family: serif !important;
    font-size: 1.5rem;
    color: #d5b338;
    text-shadow: 0 10px 0 rgba(0, 0, 0, .3);
    word-break: break-word;
    padding: 0 1rem;
}
.tours_bottom_tit h3{
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .5);
}
.explore_slider {background-color: rgba(255, 255, 255, 0.8); margin-bottom: 6rem !important;}
.explore_slider .swiper-container{padding: 0 2rem 1rem;}
.explore_slider .swiper-slide-style{background: none; box-shadow: none; border-radius: 0;margin-bottom: 10px;}
.explore_slider .swiper-slide .swiper-img{aspect-ratio: 4/3;background: #000;}
.explore_slider .swiper-slide .swiper-img img{
    border-radius: 0;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}
.explore_slider .swiper-slide:hover .swiper-img img{opacity: .7;}
.explore_slider .swiper-slide .swiper-title{
    display: table;
    position: relative;
    top: -65px;
    padding: 0.8rem 2rem 0.7rem;
    font-size: 1.3rem;
    color: #fff;
    background-color: rgba(199, 161, 23, .9);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: auto;
}
.explore_slider .swiper-slide .swiper-content{
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 1.5rem;
    letter-spacing: 0;
    color: #000;
    margin-top: -3rem;
}
.explore_slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.explore_slider .swiper-pagination-bullet{width: 15px; height: 15px;border: 1px solid #38255d; background-color: transparent;line-height: 15px;}
.explore_slider .swiper-pagination-bullet-active {color: #fff; background: #38255d;}
.explore_slider .swiper-button-prev.swiper-button-white, 
.explore_slider .swiper-button-next.swiper-button-white{
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
    border-radius: 50px;
    outline: none;
    box-shadow: none;
}
.explore_slider .swiper-button-next.swiper-button-white {
    right: 0;
}
.explore_slider .swiper-button-next:after, 
.explore_slider .swiper-container-rtl .swiper-button-prev:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #ffffff;
    background: none;
    padding: 0;
    margin-left: 4px;
    font-size: 0;
}
.explore_slider .swiper-button-prev.swiper-button-white {
    left: 0;
}
.explore_slider .swiper-button-prev:after, .explore_slider .swiper-container-rtl .swiper-button-next:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 16px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    background: none;
    padding: 0;
    margin-right: 4px;
    font-size: 0;
}
@media (min-width:992px) {
    .tours_block .tours_infoBOX p{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: justify;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
@media (max-width:1600px) {
    .elva_tours_tabs, .tours_block{flex: 0 0 83.33333%;max-width: 83.33333%;}
}
@media (max-width:1280px) {
    .elva_tours_tabs, .tours_block{flex: 0 0 91.666667%;max-width: 91.666667%;}
}
@media (max-width:991px) {
    .elva_tours_tabs { margin-top: -71px;}
    .elva_tours_tabs .module-container .main.row .blk-tabs {
        overflow: scroll;
        display: block;
        padding: 0px;
        height: 71px;
    }
    .elva_tours_tabs .module-container .main.row .blk-tabs ul {
        width: max-content;
        display: flex;
        z-index: 99;
        float: none;
        min-width: 100%;
    }
    .elva_tours_tabs .blk-tabs .nav-pills li{margin-top: 0;}
    .elva_tours_tabs .blk-tabs .nav-pills .nav-link{padding: 1rem 1rem 0.7rem;}
    .tours_block.tours_L .pic-content, .tours_block.tours_R .pic-content{padding: 0;max-width: 100%; flex: 0 0 100%; order: -1;}
    .tours_block .editor-content{padding: 0;max-width: 100%;flex: 0 0 100%;}
}
@media (max-width:767px) {
    .tours_title_box {margin-top: 61px;}
    .elva_tours_tabs { margin-top: -65px;}
    .elva_tours_tabs, .tours_block{flex: 0 0 100%;max-width: 100%;}
    .tours_block .mix-wrapper {padding: 15px 30px;}
    .tours_block .tours_infoBOX{padding: 1.5rem 1rem 1rem}
    .tours_block .tours_infoBOX h2{padding-left: .7rem;border-left: 5px solid;}
    .tours_block.tours_L .tours_infoBOX h2{border-color: #38255d;}
    .tours_block.tours_R .tours_infoBOX h2{border-color: #551f7f;}
    .tours_block .tours_infoBOX h2::before{display: none;}
    .tours_block .tours_date{padding: 1rem;}
    .tours_block .tours_date .day_box{flex-wrap: wrap;}
    .tours_block .tours_date .day_box i{margin: 0;width: 100%; text-align: center; margin-bottom: 0.4rem;}
    .tours_block .tours_date .more_btn{margin: 0.5rem auto 0;}
    .explore_slider{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        margin-top: 2rem !important;
        margin-bottom: 4rem !important;
    }
}

/*about*/
.about_slogan_elva > .module-container, 
.about_slogan_elva > .module-container > .main.row, 
.about_info_elva > .module-container, 
.about_info_elva > .module-container > .main.row{height: 100%;}
.about_slogan_TXT{padding: 10rem 3.5rem; color: #fff;}
.about_slogan_TXT::before{
    content: '';
    display: table;
    background-image: url(https://elvatours.fillo.com.tw/material-alias/000.png);
    width: 35px;
    height: 25.5px;
    background-size: 100%;
    position: absolute;
    top: 7rem;
    left: 2.5rem;
    transform:scaleX(-1);
}
.about_slogan_TXT::after{
    content: '';
    display: table;
    background-image: url(https://elvatours.fillo.com.tw/material-alias/000.png);
    width: 35px;
    height: 25.5px;
    background-size: 100%;
    position: absolute;
    bottom: 7rem;
    right: 2.5rem;
}
.about_slogan_TXT h4{font-size: 1.2rem; letter-spacing: 0.05rem; line-height: 1.5; margin-bottom: 1.5rem;}
.about_slogan_TXT h3{font-size: 1.5rem; font-weight: bold;line-height: 1.5;}
.about_info_elva > .module-container > .main.row .dp-tbl{display: none;}
.about_info_TXT{ display: flex !important; flex-wrap: wrap; align-items: center;padding: 0 0 0 3.5rem;}
.about_info_TXT p{font-size: 1.2rem;}
.about_info_TXT p span{font-size: 20px; margin-top: 0.5rem; display: table; color: #551f7f;}
.about_info_TXT h3{margin-top: 3.5rem; font-weight: bold; font-size: 1.5rem; color: #c8a620; letter-spacing: 0.05rem;line-height: 1.5;}
@media (max-width:991px) {
    .about_slogan_TXT{padding: 4rem 3.5rem;}
    .about_slogan_TXT::before{top: 2rem;}
    .about_slogan_TXT::after{bottom: 2rem;}
    .about_info_TXT{padding: 3rem 3.5rem;}
}
@media (max-width:767px) {
    .abt_title .bgfixed{min-height: 220px !important;}
}

/*行程企劃頁DEMO*/
.products_TIT .bgfixed > a{background: rgba(0, 0, 0, 0.2);}
.products_TIT .bgfixed > a section{
    width: auto;
    display: table;
    padding: 1.5rem 3rem;
    background: rgba(0, 0, 0, 0.5);
}
.products_TIT .bgfixed > a section h2{
    color: #fff;
    font-weight: bold;
    text-shadow: 0 2px 5px black;
    letter-spacing: 0.05rem;
}
.products_TIT .bgfixed > a section p{
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #fff;
}
.products_contactBTN div.link-list{background: none;}
.products_contactBTN div.link-list ul{display: table; margin: -2.5rem auto 0;}
.products_contactBTN div.link-list ul li a{
    background: -moz-linear-gradient(top, rgba(218,173,92,0.3) 0%, rgba(218,173,92,1) 50%, rgba(218,173,92,1) 100%);
    background: -webkit-linear-gradient(top, rgba(218,173,92,0.3) 0%,rgba(218,173,92,1) 50%,rgba(218,173,92,1) 100%);
    background: linear-gradient(to bottom, rgba(218,173,92,0.3) 0%,rgba(218,173,92,1) 50%,rgba(218,173,92,1) 100%);
    padding: 0.6rem 2.8rem 1.2rem;
    border-radius: 50px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    position: relative;
}
.products_contactBTN div.link-list ul li a i{
    display: none;
}
.products_contactBTN div.link-list ul li a::before{
    content: '';
    display: block;
    height: 1px;
    background: #fff;
    bottom: 0.9rem;
    left: 2.5rem;
    right: 2.5rem;
    position: absolute;
}
.products_box_title h3{
    font-family: serif !important;
    font-size: 2.2rem;
    letter-spacing: 0.05rem;
}
.products_box_title p{
    font-size: 1.5rem;
    font-weight: bold;
}
.itinerary_box .hover-wall .htpro_tit{
    display: none;
}
.itinerary_box .hover-wall .icon_info{
    border-radius: 0;
    box-shadow: none;
}
.itinerary_box .icon_info a{
    display: flex;
    flex-wrap: wrap;
}
.itinerary_box .hover-wall .icon_info figure{
    box-shadow: 0px 8px 15px #ccc;
    margin-bottom: 0;
    background: #000;
}
.itinerary_box .hover-wall figure .overlay{
    display: none;
}
.itinerary_box .hover-wall .icon_info h3{
    width: calc(100% - 60px);
    background: rgb(255, 255, 255);
    order: 1;
    margin: 0px auto;
    position: relative;
    padding: 1rem 2rem;
    font-weight: normal;
}
.itinerary_box .hover-wall .icon_info h4{
    width: calc(100% - 60px);
    background: #fff;
    margin: 0 auto 0;
    text-align: left;
    position: relative;
    margin-top: -3.5rem;
    padding: 1.5rem 2rem 1rem;
    font-style: unset;
    font-size: 1.2rem;
    color: #925209;
}
.itinerary_box .hover-wall .icon_info h4::before {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    background: #ffd3a0;
    left: 2rem;
    right: 2rem;
    bottom: 0;
}
.itinerary_box .hover-wall .icon_info p.animate-text{
    width: calc(100% - 60px);
    background: #fff;
    order: 1;
    margin: 0 auto 0;
    position: relative;
    padding: 0rem 2rem 1rem;
}
.itinerary_box .hover-wall .icon_info:hover{box-shadow: none;}
.itinerary_box .hover-wall .icon_info:hover figure .b_img{
    opacity: .8;
}
.featured_iconBOX .falls-container .grid{height: auto !important;}
.featured_iconBOX .falls-container .grid .grid-item{position: unset !important; text-align: center;}
.featured_iconBOX .falls-container .grid .grid-item img{
    width: auto;
    max-width: 100%;
    background: #fff;
    border-radius: 100px;
}
.featured_iconBOX .falls-container .grid .grid-item h3{
    color: #925209;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
}
.featured_iconBOX .falls-container .grid .grid-item p{
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.05rem;
}
.special_notice section.text-link{
    padding-top: 3rem;
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.special_notice section.text-link h2{
    display: table;
    padding: 0.5rem 1.5rem;
    border: 1px solid #000;
    font-weight: bold;
}
.special_notice div.link-list{background: none !important;width: calc(100% - 150px);}
.special_notice div.link-list ul li a, .special_notice div.link-list ul li span{padding: 5px 1rem 5px 2rem;}
.landscape_wrap > .module-container{height: 100%;}
.landscape_wrap > .module-container > .main.row{height: 100%;}
.landscape_wrap > .module-container > .main.row > .dp-tbl{display: none;}
.landscape_info .module-container .main > div:nth-child(2){padding: 1rem;}
.landscape_info h2{
    color: #fff;
    font-family: serif !important;
    font-size: 2.2rem;
    letter-spacing: 0.05rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    position: relative;
}
.landscape_info h3{
    color: #daad5c;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
}
.landscape_info p{
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
    letter-spacing: 1px;
}
.iandscape_box .swiper-container{width: 95%; margin-right: 0;}
.iandscape_box .swiper-slide-style{box-shadow:none; border-radius: 0;}
.iandscape_box .swiper-slide .swiper-img{margin: 0; aspect-ratio: 2/1.8;}
.iandscape_box .swiper-slide .swiper-img img{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}
.iandscape_box .swiper-slide .swiper-title{
    position: relative;
    display: table;
    background: #daad5c;
    padding: 0.8rem 1.8rem;
    font-size: 1.3rem;
    color: #fff;
    margin-top: -25px;
    font-weight: bold;
    letter-spacing: 0.05rem;
}
.iandscape_box .swiper-slide .swiper-content{
    font-size: 1rem;
    padding: 0px 0px;
    margin-top: 1rem;
}
.iandscape_box .swiper-button-prev.swiper-button-white, 
.iandscape_box .swiper-button-next.swiper-button-white{display: none;}
.iandscape_box .swiper-scrollbar-drag{background: #ff9012;}
.feast_box .editor-content h3{
    display: table;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}
.feast_box .editor-content h3::before {
    content: '';
    display: block;
    width: 100%;
    height: 1rem;
    background: #ff9012;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    opacity: .2;
}
.feast_box .editor-content p{
    font-size: 1rem;
    color: #555;
    text-align: justify;
    letter-spacing: 0.05rem;
    line-height: 1.5;
}
.hotel_wrap::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -1.5rem;
    top: 5rem;
    background: #f2efea;
    left: 5px;
    right: 5px;
}
.hotel_info > .module-container, 
.hotel_info > .module-container > .main, 
.hotel_info .row.no-gutters{height: 100%;}
.hotel_info .mix-wrapper{height: 100%; padding: 0 15px;}
.hotel_info .mix-wrapper > .row{ height: 100%; background: none !important;}
.hotel_info .pic-content, .hotel_info .editor-content{margin: 0;height: 100%;}
.hotel_info .pic-content{padding: 0;}
.hotel_info .img-mode .img-box{ height: 50%;}
.hotel_info .img-mode .img-box a{display: table;width: 100%; height: 100%;}
.hotel_info .img-mode .img-box img{
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
}
.hotel_info .editor-content{
    padding: 6.5rem 2rem 1.5rem 2rem;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}
.hotel_info .editor-content h3{
    font-size: 1.4rem;
    color: #925209;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.hotel_info .editor-content p{
    font-size: 1rem;
    letter-spacing: 0.05rem;
    text-align: justify;
    line-height: 1.6rem;
}
.hotel_img > .module-container, 
.hotel_img > .module-container > .main{height: 100%;}
.hotel_img .img-fluid{
    padding: 5px;
    aspect-ratio: 4/3;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}
.day_tour_titwrap::before {
    content: '';
    display: table;
    width: 85%;
    height: 70px;
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 50%;
    transform: translate(-50%, 0);
}
.day_tour_bigtitle .bgfixed a{background: rgba(0, 0, 0, 0.2);}
.day_tour_bigtitle .bgfixed a h2{
    font-family: serif !important;
    font-size: 2.2rem;
    color: #fff;
    letter-spacing: 0.05rem;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.day_tour_bigtitle .bgfixed a p{
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.day_tour_wrapL{padding-left: 6rem;}
.day_tour_title{margin-bottom: 2rem; padding-bottom: 1rem;}
.day_tour_title::before {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 15px;
}
.day_tour_title section.text-link h2{font-family: serif !important;}
.day_tour_title div.link-list ul li a, .day_tour_title div.link-list ul li span{padding: 10px 15px;word-break: break-all;}
.day_tour_meal{margin-bottom: 2rem;}
.day_tour_meal section.text-link{display: flex; flex-wrap: wrap; align-items: center;}
.day_tour_meal section.text-link h2{width: 120px;display: flex; align-items: center;}
.day_tour_meal section.text-link h2::before{
    content: '';
    display: table;
    width: 32px;
    height:26px;
    background-image: url(https://elvatours.fillo.com.tw/material-alias/DEMO/meal.png);
    background-repeat: no-repeat;
    margin-right: 1rem;
}
.day_tour_meal div.link-list{border-left: 1px solid #daad5c; width: calc(100% - 120px);display: flex; flex-wrap: wrap; align-items: center;}
.day_tour_meal div.link-list ul li a, .day_tour_meal div.link-list ul li span{padding: 3px 0px 3px 15px;word-break: break-all;}
.day_tour_hotel{margin-bottom: 2rem;}
.day_tour_hotel section.text-link{display: flex; flex-wrap: wrap; align-items: center;}
.day_tour_hotel section.text-link h2{width: 120px;display: flex; align-items: center;}
.day_tour_hotel section.text-link h2::before{
    content: '';
    display: table;
    width: 32px;
    height:26px;
    background-image: url(https://elvatours.fillo.com.tw/material-alias/DEMO/hotel.png);
    background-repeat: no-repeat;
    margin-right: 1rem;
}
.day_tour_hotel div.link-list{border-left: 1px solid #daad5c; width: calc(100% - 120px);display: flex; flex-wrap: wrap; align-items: center;}
.day_tour_hotel div.link-list ul li a, .day_tour_hotel div.link-list ul li span{padding: 3px 0px 3px 15px;word-break: break-all;}
.day_tour_title div.link-list ul li span i, 
.day_tour_meal div.link-list ul li span i, 
.day_tour_hotel div.link-list ul li span i{display: none;}
@media (max-width:1279px) {
    .itinerary_box, .featured_iconBOX, .special_notice, .feast_box, .hotel_wrap, .flight_box {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .day_tour_titwrap::before{width: 92%;}
    .day_tour_wrapL {padding-left: 15px;}
    .day_tour_wrapR {padding-right: 15px !important;}
    .day_tour_info{padding-right: 15px !important;}
}
@media (max-width:991px) {
    .iandscape_box{padding-left: 15px !important;}
    .iandscape_box .swiper-container{width: 100%;margin-right: auto;}
    .hotel_wrap::before{bottom: 5px;top: 5px;}
    .hotel_info{order: -1;}
    .hotel_info .editor-content{padding: 2rem 2rem 1.5rem 2rem;}
    .hotel_info > .module-container, .hotel_info > .module-container > .main, .hotel_info .row.no-gutters{height: auto;}
    .day_tour_titwrap{margin-bottom: 3rem;}
    .day_tour_titwrap::before{display: none;}
    .day_tour_title::before{width: calc(100% - 30px);}
    .day_tour_meal, .day_tour_hotel{
        max-width: 50%;
        flex: 0 0 50%;
        margin-bottom: 1rem;
    }
    .day_tour_wrapR {
        padding-left: 15px !important;
    }
}
@media (max-width:767px) {
    .itinerary_box, .featured_iconBOX, .special_notice, .feast_box, .hotel_wrap, .flight_box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .special_notice section.text-link h2{margin: 0 auto 1rem;}
    .special_notice div.link-list{width:100%;}
    .iandscape_box .swiper-container{width: 91%;}
    .hotel_info .editor-content{order: -1;}
    .day_tour_meal, .day_tour_hotel{max-width: 100%; flex: 0 0 100%;}
}
.flight_wrap > .module-container > .main.row{padding-bottom: 4rem;}
.flight_wrap .products_box_title h3{color: #fff;text-shadow:0 2px 3px rgba(0, 0, 0, 0.5);}
.flight_wrap .products_box_title p{color: #fff;text-shadow:0 2px 3px rgba(0, 0, 0, 0.5);}
.flight_box div.link-list{background: rgba(255, 255, 255, 0.8) !important;}
.flight_box div.link-list ul{display: flex; flex-wrap: wrap;}
.flight_box div.link-list ul li{width: 20%;}
.flight_box div.link-list ul li a, .flight_box div.link-list ul li span{padding: 10px 10px;width: 100%; text-align: center;}
.flight_title div.link-list{background: rgba(1, 6, 88, 0.2) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
@media (max-width:767px) {
    .flight_title {display: none;}
    .flight_box div.link-list ul li{width: 100%;position: relative; border-bottom:1px solid #fff;}
    .flight_box div.link-list ul li::before{
        margin: auto;
        display: table;
        margin-top: 0.5rem;
        font-weight: bold;
    }
    .flight_box div.link-list ul li:nth-child(1):before{content: '天數';}
    .flight_box div.link-list ul li:nth-child(2):before{content: '行程';}
    .flight_box div.link-list ul li:nth-child(3):before{content: '班機號碼';}
    .flight_box div.link-list ul li:nth-child(4):before{content: '起飛時間';}
    .flight_box div.link-list ul li:nth-child(5):before{content: '抵達時間';}
    .flight_box div.link-list ul li a, .flight_box div.link-list ul li span{padding: 0px 10px 10px;}
}
.DEMO_side .side_box{display: block;}
.DEMO_side .side_bar{background: #0C0F56 !important;width: 60px;}
.DEMO_side .side_bar li{height: 60px;}
.DEMO_side .side_bar li a i{font-size: 1.7rem;}
.DEMO_side .side_bar li a:hover i{display: none;}
.DEMO_side .side_bar li a p{display: none;}
.DEMO_side .side_bar li a:hover p{display: block;padding: 0 10px; letter-spacing: 0.05rem; line-height: 1.25;}
.map_lightbox{
    max-width: 60px;
    flex: 0 0 60px;
    position: fixed;
    right: 0;
    bottom: 102px;
    z-index: 999999;
}
.map_lightbox .fancybox-wrapper .position-top{padding: 0; margin-bottom: 0;}
.map_lightbox .fancybox-wrapper figure.position-top > .content-top{display: none;}
.map_lightbox .fancybox-wrapper figure.position-top:hover > .content-top{
    display: table;
    position: absolute;
    color: #fff;
    bottom: -17px;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    letter-spacing: 0.1rem;
    line-height: 1.4;
}
.map_lightbox .fancybox-wrapper a[data-fancybox] > img{width: 35px; margin: auto;}
.map_lightbox .fancybox-wrapper figure.position-top:hover a[data-fancybox] > img{opacity: 0;}
@media (max-width:767px) {
    .DEMO_side .side_box {
        bottom: 226px;
    }
    .DEMO_side .side_bar{width: 45px;}
    .DEMO_side .side_bar li {height: 45px;padding: 0;}
    .DEMO_side .side_bar li a i {font-size: 1.2rem;}
    .DEMO_side .side_bar li a:hover p{font-size: 13px;padding: 0 5px;}
    .map_lightbox{max-width: 45px;flex: 0 0 45px;bottom: 234px;}
    .map_lightbox .fancybox-wrapper a[data-fancybox] > img{width: 28px;}
    .map_lightbox .fancybox-wrapper figure.position-top:hover > .content-top{bottom: -3px; font-size: 13px;padding: 0 5px;letter-spacing: 0.05rem;line-height: 1.3;}
    .map_lightbox .fancybox-wrapper figure.position-top:hover > .content-top p{margin: 0;}
}

.partner_wrap .module-container, .partner_wrap .main.row{height: 100%;}
.partner_wrap .main.row{background-size: 100% 100% !important;}
.partner_wrap .main.row::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(1px);
}
.partner_box .pic-content, .partner_box .editor-content{margin: 0;}
.partner_box .img-mode .img-box img{width: 66%; display: table; margin: 0 auto;}
.partner_box .pic-content{margin-top: 1rem;}
.partner_box .editor-content h3{font-size: 20px;}
@media (max-width:1280px) {
    .partner_box .editor-content h3{font-size: 17px;}
}
@media (max-width:991px) {
    .partner_wrap{order: 1;}
    .mobile_foot{order: 1;}
    .mobile_foot .footer_box .footer-wrap .footer_center{display: none;}
}
@media (max-width:767px) {
    .partner_box .editor-content{order: -1;}
}

/*index modal*/
.bulletin .waves-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.bulletin .modal-dialog .modal-content {
    border: 0;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.bulletin .modal-dialog.modal-notify .modal-header {
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.bulletin .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #551f7f;
    border-radius: 0;
}

.bulletin .modal-dialog.modal-notify.modal-info .fas,
.bulletin .modal-dialog.modal-notify.modal-info .fab,
.bulletin .modal-dialog.modal-notify.modal-info .far {
    color: #551f7f;
}

.bulletin .modal-dialog.modal-notify.modal-info .badge {
    background-color: #551f7f;
}
.bulletin .modal-dialog.modal-notify .heading {
    padding: 0.3rem;
    margin: 0;
    font-size: 1.3rem;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}

.bulletin .modal-dialog.modal-notify.modal-info .btn .fas,
.bulletin .modal-dialog.modal-notify.modal-info .btn .fab,
.bulletin .modal-dialog.modal-notify.modal-info .btn .far {
    color: #fff
}

.bulletin .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fas,
.bulletin .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .fab,
.bulletin .modal-dialog.modal-notify.modal-info .btn.btn-outline-info .far {
    color: #551f7f;
}
.bulletin .modal-header .close span{color:#fff;}
.bulletin .modal-dialog.modal-notify .modal-body {
    padding: 1.5rem;
    color: #616161;
}
.bulletin .flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.bulletin .btn {
    margin: 0.375rem;
    color: inherit;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.bulletin .btn-outline-info {
    color: #d5b338 !important;
    background-color: transparent !important;
    border: 2px solid #d5b338 !important
}

.bulletin .btn-outline-info:hover,
.bulletin .btn-outline-info:focus,
.bulletin .btn-outline-info:active,
.bulletin .btn-outline-info:active:focus,
.bulletin .btn-outline-info.active {
    color: #d5b338 !important;
    background-color: transparent !important;
    border-color: #d5b338 !important
}

.bulletin .btn-outline-info:not([disabled]):not(.disabled):active,
.bulletin .btn-outline-info:not([disabled]):not(.disabled).active,
.bulletin .show>.btn-outline-info.dropdown-toggle {
    background-color: transparent !important;
    border-color: #d5b338 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}

.bulletin .btn-outline-info:not([disabled]):not(.disabled):active:focus,
.bulletin .btn-outline-info:not([disabled]):not(.disabled).active:focus,
.bulletin .show>.btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)
}
.bulletin_btn{position: fixed; right: 0; width: auto; bottom: 150px; z-index: 99;}
.bulletin_btn p{margin:0;}
.bulletin_btn p a{
    width: 60px;
    height: 60px;
    background: #38255d;
    border-radius: 0;
    color: #ffffff;
    line-height: 1.3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    border: none;
    border-bottom: 3px solid #d5b338;
}
.bulletin_btn p a:hover{color:#edce5f;}
@media (max-width:767px) {
    .bulletin_btn{bottom:250px}
    .bulletin_btn p a{
        padding: 5px;
        font-size: 14px;
        letter-spacing: 0;
        width: 45px;
        height: 50px;
        line-height: 1.2;
    }
}

/*旅遊講座*/
/*section.group_table{padding-top: 200px;}
@media (min-width:1200px) {
    .group_table > .container {max-width: 1140px;}
}
section.group_table.contact:before{height: 100vh; bottom: 0; position: fixed;background: url(https://elvatours.fillo.com.tw/material-alias/lecture/mana5280-z_OA6XfnF9s-unsplash.jpg) center center no-repeat;background-size: cover;}
section.group_table > .container {
    padding: 0;
    background: none;
    position: relative;
}
section.group_table > .container > h2{display: none;}
section.group_table > .container > h4{
    border: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 0rem;
    top: 1rem;
    right: 1rem;
    padding: 0;
}
section.group_table > .container > h4 .note{color: #fff; font-size: 1rem;text-align: right;padding-right: 0;}
section.group_table > .container > h4 .note .text_blue{color: #d5b338;  margin-right: 5px;}
.contac_form{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.contact .trip_title{margin: 0; background: rgba(56, 37, 93, .8); padding: 3rem 2rem;}
.contact .trip_title h5{display: none;}
.contact .trip_title h4{
    border: none;
    padding: 0;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.5);
    font-family: serif !important;
    font-size: 18px;
    letter-spacing: 0.1rem;
}
.contact .trip_title h3{
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
    letter-spacing: 0.05rem;
    position: relative;
    margin-bottom: 1.5rem;
}
.contact .trip_title h3::before{
    content: '';
    display: block;
    width: 56px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 28px);
    background-color: #fff;
}
.contact .trip_title p{color: #fff; font-size: 1rem; letter-spacing: 0.05rem;line-height: 1.5;}
.contac_form .form-row{
    background: #fff;
    padding: 0rem 2rem 2rem;
    margin: 0;
}
.contact .contac_form .form-row > [class*="col-"]{padding: 0 15px !important;margin-top: 0.5rem;}
.contac_form .form-row .form-group > label{font-size: 17px;width: 100%;}
.contac_form .form-row .form-group label.required .text_blue {color: #d5b338;margin: 0 5px;}
.contac_form .form-row .form-group[data-type=TTL] .form-title{
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 2rem auto 0;
    padding-bottom: 0.3rem;
}
.contac_form .form-row .form-group[data-type=TTL]::before{
    content: '';
    display: table;
    width: 96px;
    height: 1rem;
    background-color: #f2efea;
    position: absolute;
    bottom: 0;
    left: calc(50% - 48px);
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6){margin-bottom: 0; margin-top: 0;}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6) .form-title{
    font-size: 17px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6)::before{display: none;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=TXT]{
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(2), .contac_form .form-row .form-group[data-type=TXT]:nth-last-child(7), .contac_form .form-row .form-group[data-type=TXT]:nth-last-child(8){
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=TXT] input{height: 40px; background: #f8f8f9; border-color: #e2e2e2;}
.contac_form .form-row .form-group[data-type=TXT] input:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=TXT] .fa-calendar{margin-top: -28px;right: 28px;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=RDO]{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style{
    margin: 0.5rem 1.5rem 0.5rem 0;
    display: table;
    float: left;
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style label.form-check-label{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:after{background-color: #551f7f;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:before{border-color: #551f7f;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=OPT]{
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
}
.contac_form .form-row .form-group[data-type=OPT]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contac_form .form-row .form-group[data-type=OPT] > label{width: 3.5rem; margin-bottom: 0;}
.contac_form .form-row .form-group[data-type=OPT] select.form-control{
    height: 40px;
    border-radius: 0;
    background: #f8f8f9;
    border-color: #e2e2e2;
    width: calc(100% - 3.5rem);
}
.contac_form .form-row .form-group[data-type=OPT] select.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=CBX] .form-check{margin: 0.5rem 1.5rem 0.5rem 0;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck .checkmark{border-color: #e2e2e2;background-color: #f8f8f9;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck input:checked ~ .checkmark{background-color:#551f7f;}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control{
    border-radius: 0;
    background: #f8f8f9;
    border-color: #e2e2e2;
    min-height: 150px;
}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group button{
    margin-top: 0 !important;
    background: #d5b338;
    border: none;
    border-radius: 100px;
    padding: 1rem 3rem;
    font-size: 1.2rem;
}
.contac_form .form-row .form-group button:focus, .contac_form .form-row .form-group button:active {
    box-shadow: none !important;
    background-color: #c19d1c;
    border-color: #c19d1c;
}
@media (max-width:767px) {
    .contact .trip_title{padding: 3rem 1rem 2rem;}
    .contac_form .form-row{padding: 0rem 1rem 1rem;}
    .contact .contac_form .form-row > [class*="col-"]{margin-top: 0;}
    .contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style, .contac_form .form-row .form-group[data-type=CBX] .form-check{margin-top: 0;}
    section.group_table {padding-top: 100px;}
}*/

/*旅遊需求表單*/
/*section.group_table{padding-top: 150px;}
@media (min-width:1200px) {
    .group_table > .container {max-width: 1140px;}
}
section.group_table.contact:before{height: 100vh; bottom: 0; position: fixed;}
section.group_table > .container {
    padding: 0;
    background: none;
    position: relative;
}
section.group_table > .container > h2{display: none;}
section.group_table > .container > h4{
    border: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 0rem;
    top: 1rem;
    right: 1rem;
    padding: 0;
}
section.group_table > .container > h4 .note{color: #fff; font-size: 1rem;text-align: right;padding-right: 0;}
section.group_table > .container > h4 .note .text_blue{color: #ff9012;  margin-right: 5px;}
.contac_form{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.contact .trip_title{margin: 0; background: rgba(1, 6, 88, .8); padding: 3rem 2rem;}
.contact .trip_title h5{display: none;}
.contact .trip_title h4{
    border: none;
    padding: 0;
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.5);
    font-family: serif !important;
    font-size: 18px;
    letter-spacing: 0.1rem;
}
.contact .trip_title h3{
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    padding-bottom: 1.5rem;
    letter-spacing: 0.05rem;
    position: relative;
    margin-bottom: 1.5rem;
}
.contact .trip_title h3::before{
    content: '';
    display: block;
    width: 56px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 28px);
    background-color: #fff;
}
.contact .trip_title p{color: #fff; font-size: 1rem; letter-spacing: 0.05rem;line-height: 1.5;}
.contac_form .form-row{
    background: #fff;
    padding: 0rem 2rem 2rem;
    margin: 0;
}
.contact .contac_form .form-row > [class*="col-"]{padding: 0 15px !important;margin-top: 0.5rem;}
.contac_form .form-row .form-group > label{font-size: 17px;width: 100%;}
.contac_form .form-row .form-group label.required .text_blue {color: #ff9012;margin: 0 5px;}
.contac_form .form-row .form-group[data-type=TTL] .form-title{
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 2rem auto 0;
    padding-bottom: 0.3rem;
}
.contac_form .form-row .form-group[data-type=TTL]::before{
    content: '';
    display: table;
    width: 96px;
    height: 1rem;
    background-color: #f2efea;
    position: absolute;
    bottom: 0;
    left: calc(50% - 48px);
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6){margin-bottom: 0; margin-top: 0;}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6) .form-title{
    font-size: 17px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6)::before{display: none;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=TXT]{
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(2), .contac_form .form-row .form-group[data-type=TXT]:nth-last-child(7), .contac_form .form-row .form-group[data-type=TXT]:nth-last-child(8){
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=TXT] input{height: 40px; background: #f8f8f9; border-color: #e2e2e2;}
.contac_form .form-row .form-group[data-type=TXT] input:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=TXT] .fa-calendar{margin-top: -28px;right: 28px;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=RDO]{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style{
    margin: 0.5rem 1.5rem 0.5rem 0;
    display: table;
    float: left;
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style label.form-check-label{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:after{background-color: #010658;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:before{border-color: #010658;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=OPT]{
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
}
.contac_form .form-row .form-group[data-type=OPT]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contac_form .form-row .form-group[data-type=OPT] > label{width: 3.5rem; margin-bottom: 0;}
.contac_form .form-row .form-group[data-type=OPT] select.form-control{
    height: 40px;
    border-radius: 0;
    background: #f8f8f9;
    border-color: #e2e2e2;
    width: calc(100% - 3.5rem);
}
.contac_form .form-row .form-group[data-type=OPT] select.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=CBX] .form-check{margin: 0.5rem 1.5rem 0.5rem 0;float: left;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck .checkmark{border-color: #e2e2e2;background-color: #f8f8f9;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck input:checked ~ .checkmark{background-color:#010658;}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control{
    border-radius: 0;
    background: #f8f8f9;
    border-color: #e2e2e2;
    min-height: 150px;
}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group button{
    margin-top: 0 !important;
    background: #daad5c;
    border: none;
    border-radius: 100px;
    padding: 1rem 3rem;
    font-size: 1.2rem;
}
@media (max-width:767px) {
    .contact .trip_title{padding: 3rem 1rem 2rem;}
    .contac_form .form-row{padding: 0rem 1rem 1rem;}
    .contact .contac_form .form-row > [class*="col-"]{margin-top: 0;}
    .contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style, .contac_form .form-row .form-group[data-type=CBX] .form-check{margin-top: 0;}
    section.group_table {padding-top: 100px;}
}*/