body {
  background-attachment: scroll;
  background-position: left top;
}
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;
}
/** modify style code here. :) */
* {font-family: 'PT Sans', '微軟正黑體', sans-serif; word-break: break-all;}
.go-to-top{display: none !important;}
.footer-sample .logo-part .logo {width: auto; height: auto;}
/* popup */
.MFT_overlay,
.MFT_overlay_announcement {
display: none;
z-index: 99999;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
margin: auto;
text-align: center;
font-size: 0;
}

.MFT_overlay::before,
.MFT_overlay_announcement::before {
content: "";
display: inline-block;
width: 0px;
height: 100%;
vertical-align: middle;
}

.MFT_overlay::after,
.MFT_overlay_announcement::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background-color: #000;
opacity: 0.5;
}

.MFT_popup {
max-width: 600px;
padding: 0px;
background-color: #ffffff;
position: relative;
z-index: 1;
font-size: 16px;
display: inline-block;
vertical-align: middle;
}

.MFT_popup img {
width: 100%;
/*aspect-ratio: 1 / 1;*/
}

.MFT_popup_close {
position: absolute;
right: -15px;
top: -15px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 0;
box-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
background: #ebebeb;
font-size: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.MFT_popup_close::before {
position: absolute;
content: "";
background-image:
url(https://materials.fillo.com.tw/materials/mayanflower/images/60511002-f7c5-4d8e-97d6-d48937c6be9e.svg);
background-position: center;
background-repeat: no-repeat;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
}

.MFT_popup_close:hover {
background-color: #a6a6a6;
}

@media (max-width: 767px) {
.MFT_popup {
width: 80%;
padding: 20px;
}
}

/*公版*/
.tab-content #search-pic .pic_style{justify-content: unset !important;}
.group_home #page2 .stepPage_btn > div{max-width: 100%; flex: 0 0 100%; justify-content: center;}
/*公版*/
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8,
.day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15, .day_style_16,
.day_style_17, .day_style_18{width: 100%; display: flex;flex-wrap:wrap; margin-bottom: 20px;}
/*.day_style_1 img {width:100%; height: 380px;}
.day_style_2 img {width:100%; height: 380px;}
.day_style_3 img {width:100%; height: 250px;}
.day_style_4 img {width:100%; height: 180px;}
.day_style_5 img {width:100%; height: 250px;}
.day_style_6 img {width:100%; height: 180px;}
.day_style_7 img {width:100%; height: 250px;}
.day_style_8 img {width:100%; height: 180px;}

#tripFeatures .day_style_1 img,
#tripFeatures .day_style_2 img,
#tripFeatures .day_style_3 img,
#tripFeatures .day_style_4 img,
#tripFeatures .day_style_5 img,
#tripFeatures .day_style_6 img,
#tripFeatures .day_style_7 img,
#tripFeatures .day_style_8 img,
#tripFeatures .day_style_9 img,
#tripFeatures .day_style_10 img,
#tripFeatures .day_style_11 img,
#tripFeatures .day_style_12 img,
#tripFeatures .day_style_13 img,
#tripFeatures .day_style_14 img,
#tripFeatures .day_style_15 img,
#tripFeatures .day_style_16 img{height:auto;}*/
.item-image-box {aspect-ratio: 3/2; margin-bottom: 1rem;}
.item-image-box img{
width: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100% !important;
}
.day_con p { margin: 1rem 0;}
.day_style_1 .item p, .day_style_5 .item p, .day_style_6 .item p, .day_style_7 .item p, .day_style_8 .item p,
.day_style_9 .item p, .day_style_16 .item p, .day_style_17 .item p, .day_style_18 .item p{margin: 0 0 1rem;}
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 15px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:2rem;}
@media (max-width:767px){
.day_style_10 .item_text{position:unset;}
.day_style_10 .item_text p{padding:1rem;}
}
.day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%; margin-bottom: 20px; padding: 0 10px;}
.day_style_12 .tp_group {width:100%;border: 1px solid #ddd; padding: 10px 0; display: inline-block;}
.day_style_12 .tp_group img {width:100%;}
.day_style_12 .tp_group p{margin: 1rem 0;}
.day_style_13 {width: 100%; margin-bottom: 20px;}
.day_style_13 .item-image-box{aspect-ratio: unset;display: inline-table;}
.day_style_13 .item-image-box img{aspect-ratio: 3/2; object-fit: cover; object-position: center center;}
.day_style_13 img {width:100%;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;margin-top: 0rem; padding: 0.5rem;}
.day_style_14 {width: 100%; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}
.day_style_16 {width: 100%; margin-bottom: 20px;}

.web-page-frame.container-fluid.lock .member_home{
padding-top:7rem;
}
.member_home .signin_width{
margin-top:200px;
}
.member_home .signin_width.login_uni{
margin-top:400px;
}
.new_bg .width-460{
margin-top: 12rem;
margin-bottom: 5rem;
}
section.group_banner.search_banner{
margin-top: 0px;
}
.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: #333;
}
.search-area .search-box .search-btn{
background-color: #333;
}
.filter_list i{
color: #111;
}
.irs-from, .irs-single, .irs-to{
background-color: #111;
}
.irs-bar{
background: #ccc;
}
.irs-slider{
background: #F30106;
}
.irs-slider.state_hover, .irs-slider:hover{
border-color: #F30106;
}
.filter_list .form-check .customcheck input:checked ~ .checkmark{
background-color: #F30106;
}
.filter_list .form-check .disabled .checkmark, .filter_list .form-check .disabled input:checked~.checkmark{
background-color: #ddd;
}
.badge-primary{
background-color: #333;
}
.list_con .style_icon .nav-pills .nav-link.active svg{
fill: #F30106;
}
.list_con .title .text_blue {
color: #F30106;
}
figure.block_style .pic_all::after{
border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
}
section.group_banner .search-area > form#searchForm{
background: none;
border-color: rgba(243, 1, 6, 0.2);
}
section.group_banner .search-area .search-box .select-departure .title i,
section.group_banner .search-area .search-box .select-destination .title i{
color: #333;
}
section.group_banner .form-check .customcheck input:checked ~ .checkmark{
background-color: #F30106;
}
section.group_banner .area_input{
background-color: #f0f0f0;
background-position: 95%;
padding: 0 10px;
}
section.group_banner .search-area #searchForm .search-box .select-date .select input{
background-color: #f0f0f0;
padding: 0 10px;
}
#searchForm .search-box .select-input::before{
content: "\E01D";
font-family: "icon", "FontAwesome";
-webkit-font-smoothing: antialiased;
color: #333;
position: absolute;
top: 17px;
left: 0;
}
#searchForm .search-box .select-input::after{
content: '關鍵字';
position: absolute;
top: 10px;
left: 1.5rem;
font-size: 15px;
color: #666;
letter-spacing: 1px;
}
#searchForm .search-box .select-input #Filter_Keyword{
height: 30px;
background-color: #f0f0f0;
padding: 0 10px;
margin-top: 2.2rem;
}
section.group_banner.trip_banner .basic_box{
padding-bottom: 0;
}
section.group_banner.trip_banner .img_box{
display: none;
}
section.group_banner .group_num img{
width: 35px;
}
section.group_banner .price_content .panel-info{
border: 1px solid #f03f3f;
}
section.group_banner .price_content .panel-info .panel-heading{
background: #f03f3f;
}
section.group_table.trip_features, section.group_table.trip_airline, section.group_table.trip_day,
section.group_table.trip_note, section.group_table.view_intro, section.group_table.tripdown{
background: #f0f0f0;
margin-bottom: 0;
}
section.group_table.trip_features:before{
background: none;
}
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: none;
}
section.group_table.trip_note .container > .text-center{
margin-bottom: 3rem;
}
section.group_table.trip_features .container > .text-center > h2, section.group_table.trip_airline .container >
.text-center > h2, section.group_table.trip_day .container > .text-center > h2, section.group_table.trip_note .container
> .text-center > h2, section.group_table.view_intro .container > .text-center > h2, section.group_table.tripdown
.container > .text-center > h2{
color: #111;
text-shadow: none;
font-size: 2rem;
display: table;
margin-left: auto;
margin-right: auto;
padding-bottom: 0.5rem;
border-bottom: 2px solid #F30106;
}
.select_filter .form-inline .form-group input[type=radio]:checked + label{
color: #F30106;
background: #ffedee;
}
.title_s{
border: 1px solid #333;
font-size: 1rem;
color: #333;
}
section.group_table.trip_features .container .group_table_box, section.group_table.trip_airline .container
.group_table_box, section.group_table.trip_day .container .group_table_box, section.group_table.trip_note .container
.group_table_box, section.group_table.view_intro .container .group_table_box, section.group_table.tripdown .container
.group_table_box{
margin-top: 0;
border: 1px solid #e2e2e2;
}
section.trip_note .card-header .btn:hover, section.trip_note .card-header .btn[aria-expanded="true"]{
background: #f03f3f;
}
section.group_table.tripdown .table .thead{background-color: #333;}
section.group_table.tripdown .search_table tbody td.sale-situation .btn{background-color: #f03f3f; border-color:
#f03f3f;}
section.group_table.tripdown .search_table .main_words .title_main:hover {color: #a50010 !important;}
section.group_table.tripdown .style_icon ul li a.nav-link{border: 1px solid #a50010;color: #a50010;}
section.group_table.tripdown .style_icon ul li a.nav-link.active{background-color: #a50010;color: #fff;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #a50010;}
@media (max-width: 991.98px){
section.group_banner.trip_banner:before {
background: none;
}
#search-table .table .thead, #search-table .table .thead:hover{
display: none;
}
}

/*公版月曆*/
/*section.group_table.tripdown .style_icon ul li a.nav-link {
border: 1px solid #099;
color: #099;
}
section.group_table.tripdown .style_icon ul li a.nav-link svg {
fill: #099;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
background: #009999;
color: #fff !important;
}
.fc .fc-toolbar.fc-header-toolbar{
background: #009999;
}
.fc .fc-button-primary:disabled{
background-color: #00b7b7;
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:not(:disabled):active, .fc
.fc-button-primary:not(:disabled).fc-button-active{
background-color: #006868;
}
.fc .fc-button-primary{
color: #009999;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top{
color: #00bbbb;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end{
border: 0px solid transparent;
}
.fc-h-event .fc-event-main{
background: #00acac;
padding: 3px 5px;
}
.fc-h-event .fc-event-main a.status{
color: #fff000;
}
#search-table .table .thead, #search-table .table .thead:hover, #tripDateList.table .thead, #tripDateList.table
.thead:hover{
background: #009999;
}
.search_table tbody td.sale-situation .btn, section.group_table .table a:hover,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show >
.btn-primary.dropdown-toggle{
background-color: #eb6100;
border-color: #eb6100;
}*/

/*個團/團型出團日列表*/
section.group_table.trip_features{text-align: unset;}
section.group_table.trip_features p img {margin: auto;}
@media (min-width: 576px){
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{max-width: 540px;}
}
@media (min-width: 768px){
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{max-width: 720px;}
}
@media (min-width: 992px){
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width:
960px;}
}
@media (min-width: 1200px){
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{max-width:
1440px;}
}
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{background:
#fff;width:calc(100% - 30px);margin-left:auto;margin-right:auto;}
.search_table .thead th.booking-num, .search_table .thead th.waiting-num, .search_table .thead th.go-airport,
.search_table tbody td.booking-num, .search_table tbody td.waiting-num, .search_table tbody td.go-airport{display:none;}
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{width: 100%;
margin-bottom: 3rem;}
.search_table .price h6, .search_table tbody td.go-date .time .go-date{text-align:center;}
.search_table tbody td.go-date .item_days{display:none;}
@media (max-width: 991.98px){
.search_table .main_words .time{font-size:0;}
.search_table .main_words .time span.go-date{font-size: 15px;}
.search_table .main_words .seat{display:none;}
.search_table tbody td.total-seat, .search_table tbody td.available-seat{display:block;width: 100px; float: left;
padding-top: 0px; color: #ff0000;}
.search_table .price h6, .search_table tbody td.go-date .time .go-date{text-align:left;}
section.group_table.trip_day .info_box .info_box_title .day_sub-title{border:none;}
}
@media (max-width: 767.98px){
.search_table .price{border:none;}
}

/*國旅*/
figure.block_style .pic_all .group_tag, figure.block_style .pic_all .free_tag{display: none;}
.Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events{justify-content: end;}
.Detail.DepartureDate .fc .fc-daygrid-event-harness{height: 23% !important;margin-top: 0.5rem !important;}
.Detail.DepartureDate .IconMean{top: 85px !important;}
.Detail.DepartureDate .fc .fc-icon-group{right: 60px !important; top: -7px !important;}
@media (max-width:1199px) {
.Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom
.day-events-bottom-available{font-size: 0.7rem !important;margin-bottom: -6px !important;}
.Detail.DepartureDate .fc .fc-daygrid-event-harness + .fc-daygrid-event-harness .day-events-bottom
.day-events-bottom-available{margin-bottom: -8px !important;}
}
@media (max-width:575px) {
.Detail.DepartureDate .IconMean{top: 75px !important;}
.Detail.DepartureDate .fc .fc-daygrid-event-harness {height: 100% !important;margin-top: 0 !important;}
}

/*國旅明細頁*/
.GDT .DetailContainer{padding-top: 0rem;}
.GDT .Detail .breadcrumb, .GPDT .Detail .breadcrumb, .GDT .TripTitle .TripType, .Detail .TripTitle .TripType{display:
none;}
.GDT .Detail .breadcrumb .breadcrumb-item.active, .GPDT .Detail .breadcrumb .breadcrumb-item.active{color: #F30106;}
.GDT .Detail .DateBlock .DateCenterLine, .GPDT .Detail .DateBlock .DateCenterLine{background-color: #F30106;}
.GDT .Detail .DateBlock .SearchDate a, .GPDT .Detail .DateBlock .SearchDate a{color: #F30106;}
.GDT .Detail .DateBlock .SearchDate a:hover, .GPDT .Detail .DateBlock .SearchDate a:hover{color: #F30106;}
.GDT .Detail .MainTitle::before, .GPDT .Detail .MainTitle::before {filter: invert(1);}
.GDT .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before, .GPDT .Detail.DepartureDate .nav-tabs
.nav-link:hover .TabTitle::before {color: #F30106;}
.GDT .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .GDT .Detail.DepartureDate .nav-tabs .nav-link.active,
.GPDT .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .GPDT .Detail.DepartureDate .nav-tabs .nav-link.active{
background-color: #bb0004; border-color: #bb0004;}
.GDT .Detail.DepartureDate .nav-tabs .nav-link, .GPDT .Detail.DepartureDate .nav-tabs .nav-link{ border: 1px solid
#bb0004; border-bottom-color: #bb0004; color: #bb0004;}
.GDT .Detail.DepartureDate .fc .fc-toolbar-title, .GPDT .Detail.DepartureDate .fc .fc-toolbar-title{ color: #333;}
.GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar, .GPDT .Detail.DepartureDate .fc
.fc-toolbar.fc-header-toolbar{padding: 0.5em 1.5em;}
.GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-prev-button:disabled span.fc-icon.fc-icon-chevron-left,
.GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-next-button:disabled
span.fc-icon.fc-icon-chevron-right,
.GPDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-prev-button:disabled
span.fc-icon.fc-icon-chevron-left, .GPDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar
.fc-next-button:disabled span.fc-icon.fc-icon-chevron-right{-webkit-filter: contrast(0) sepia(0) hue-rotate(0)
brightness(2) saturate(1); filter: contrast(0) sepia(0) hue-rotate(0) brightness(2) saturate(1);}
.GDT .Detail.DepartureDate .SearchTable .table thead th, .GPDT .Detail.DepartureDate .SearchTable .table thead
th{border-bottom: 1px solid #333;}
.GDT .Detail.DayTrip .DayBlock > div{background-color: #F30106;}
.GDT .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #F30106;}
.GDT .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #f30106; color: #f30106;}
.GDT .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color:#f30106;}
.GDT .Detail.DayTrip .DayTripMoreInfo .DayTripBtn{background-color: #333;border-color: #333;}
.GDT .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px
solid #333; color: #333; width: 142px;}
.GDT .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover {background-color: #333;color: white;}
.GDT .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border-color: #333;}
.GDT .Detail .TripNoteBlock, .GPDT .Detail .TripNoteBlock {background-color: #f9f9f9;}
.GDT .Detail .BtnPrimaryBorder, .GPDT .Detail .BtnPrimaryBorder{border-color: #f03f3f;color: #f03f3f;}
.GDT .Detail .BtnPrimaryBorder:hover, .GPDT .Detail .BtnPrimaryBorder:hover{background-color: #f03f3f;}
.GDT .Detail .TripNoteItems + .TripNoteItems::before, .GPDT .Detail .TripNoteItems + .TripNoteItems::before{background:
#111;}
.GDT .Detail .TextPrimary, .GPDT .Detail .TextPrimary { color: #bb0004;}
.GDT .Detail .BtnPrimary, .GPDT .Detail .BtnPrimary { background-color: #333; border: 1px solid #333; color: white;}
.GDT .Detail .BtnPrimary:hover, .GPDT .Detail .BtnPrimary:hover {background-color: #111;border: 1px solid #111;}
.GDT .Detail.DepartureDate .SearchTable .DateCenterLine, .GPDT .Detail.DepartureDate .SearchTable
.DateCenterLine{background-color: #F30106;}
.GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button, .GPDT .Detail.DepartureDate .fc
.fc-toolbar.fc-header-toolbar .fc-button-group button{mix-blend-mode: difference;}
.GPDT .Detail .BorderPrimary{border-color: #333;}
.GPDT .Detail.Hotel .PlanBlock thead tr th{background-color: #333;}
.GPDT .Detail .BgInfo {background-color: #fde7e7;}
.GPDT .Detail.Hotel .HotelMore .SignUp{background-color: #c90018;}
.GPDT .Detail.Hotel .HotelMore .SignUp:hover { background-color: #c00404;}
@media (max-width: 991.98px) {
.GDT .Detail .DateBlock, .GPDT .Detail .DateBlock {border: 1px solid #ccc;}
}
@media (max-width:767px) {
.GDT .DetailContainer, .GPDT .DetailContainer { padding-top: 5rem;}
}

/*訂購*/
.PGO-tw .order_notice_title {border-bottom: 2px solid #ff6e76; background: none;}
.group_home .download_contract{display: none !important;}

/*搜尋模組月曆*/
.dropdown-menu{font-size: 15px;}

/*每日fixed*/
.day_fixed{top: 76px !important;}

/*通用商品*/
.D_commprod_product_list .merge-sequence{display: none;}
.D_commprod_product_list .skin_list .item-sort{color: #333;}
.D_commprod_product_list .skin_list .item-images .area-tag{color: #000;}
.D_commprod_product_list .skin_block .item-name,
.D_commprod_product_list .skin_module .item-name{font-size: 17px; color: #000;}
.D_commprod_product_list .skin_list .item-name{padding-top: 23px; padding-bottom: 22px; font-size: 17px; color: #000;}
.D_commprod_product_list .product-item:hover .item-name{color: #d30000;}
.D_commprod_product_list .skin_list .item-price .total div,
.D_commprod_product_list .skin_module .item-price .total div,
.D_commprod_product_list .skin_block .item-price .total div{font-weight: bold;}
.D_commprod_product_list .pagination .page-item.active .page-link{color: #333;}
.D_commprod_order_order form .pageCont #page2.stepPage > .subscriber_info > .subscriber_info_title .title_txt::after{
content: '(WhatsApp、LINE ID)';
display: inline-block;
}
@media (min-width:992px) {
.D_commprod_buycart_index .basic_message,
.D_commprod_buycart_index .purchase_name{width: 60%;}
}
@media (max-width:575px) {
.D_commprod_buycart_index .basic_message,
.D_commprod_buycart_index .purchase_name{width: 100%; padding: 0 15px;}
.D_commprod_buycart_index .unit_price,
.D_commprod_buycart_index .purchase_unit_price{width: 100%; text-align: left !important; padding: 15px 15px 0;}
.D_commprod_buycart_index .quantity,
.D_commprod_buycart_index .purchase_quantity{width: 100%; text-align: left !important; padding: 5px 15px 0;}
.D_commprod_buycart_index .subtotal,
.D_commprod_buycart_index .purchase_subtotal{width: 100%; text-align: left !important; padding: 15px 15px 0;}
.D_commprod_buycart_index .delete_btn,
.D_commprod_buycart_index .purchase_delete_btn{width: 100%; display: flex; align-items: center; justify-content: end;
padding-top: 15px;}
}

/*FILLO模組*/
.slide-container .carousel-rwd li a span{color: unset;}
.anchor-tab-wrapper .section-box .tab-content{display: table; margin: auto;}
.widget-item nav[aria-label=breadcrumb],
.widget-item nav[aria-label=breadcrumb] .breadcrumb{width: 100%;}

/*header&footer*/
.header[data-position="header"] {background: #fff;}
.main-menu .header-part {opacity: 0.9;padding: 0px 30px 5px;}
.main-menu .header-part .navbar-brand {padding: 0px !important;}
.main-menu .header-part .navbar-nav{align-items: center;}
.main-menu .header-part .navbar-nav .nav-link {text-align: center; padding: 10px 5px 5px !important;border: none;
border-bottom: 1px solid transparent; margin: 0 10px;line-height:30px;transition: .3s;border-bottom: 3px solid
transparent;}
.main-menu .header-part .navbar-nav .nav-link:hover{border-color:#F30106;border-width: 3px;transition: .3s;}
.main-menu .header-part .navbar-nav .nav-link > i{display: none;}
.main-menu .header-part .navbar-nav .showName{display: flex; flex-wrap: wrap; padding: 0px 10px; align-items: center;}
.main-menu .header-part .navbar-nav .showName .member-name .greet{margin-left: 0;}
.main-menu .header-part .navbar-nav .showName .member-name i {margin-right: 0px;}
.main-menu .header-part .navbar-nav .showName .SignOut{line-height: 30px;padding: 2px 10px; background: #fff; color:
#f30106; border: 1px solid #f30106; margin-left: 5px;}
.top-row div.link-list ul {padding-right: 30px;}
.top-row div.link-list ul a{font-weight: bold;}
.main-menu .navbar-nav .nav-link {font-size: 17px !important; padding-left: 30px;}
.main-menu .header-part .navbar-brand img{}

@media (max-width:991px){
.main-menu .header-part .navbar-brand{width: calc(100% - 80px);height: auto;}
.main-menu .header-part .navbar-brand img{height: 70px;}
.main-menu .navbar-collapse.show{overflow: auto; height: 100vh; padding-bottom: 10rem;}
.main-menu .module-container .main .module nav.header-part .dropdown.show > a, .main-menu .module-container .main
.module nav.header-part .dropdown.show > a:hover{background-color: #FFA667 !important;color: #FFFFFF !important;}
.main-menu .navbar-dark .navbar-toggler{background: #0B3461; padding: 0.1rem 0.5rem; margin-top: 5px;}
}
@media (max-width:767px) {
.main-menu .header-part .navbar-toggler{background-color: #333;}
}
.footer_companyIMG a{width: 100%; display: block;}
.footer_companyIMG a img{display: table;}
.footer_box .footer-wrap .footer_center{
padding-bottom: 10px;
}
.footer_box .footer-wrap .info_box h3{
text-align: center;
}
.footer_box .footer-wrap .company-info{
flex: 0 0 25%;
max-width: 25%;
}
.footer_box .footer-wrap .contact-info{
flex: 0 0 75%;
max-width: 75%;
}
.footer_box .footer-wrap .contact-info a{
display: table;
width: 100%;
}
.footer_box .footer-wrap .contact-info a[href]:hover h4{
color: #F27F77;
}
.footer_box .footer-wrap .contact-box:nth-child(3) h4{
padding-left: 0;
}
.footer_box .footer-wrap .contact-box h4 i{
font-size: 18px;
text-align: center;
padding: 0px 5px;
width: 30px;
}
.footer_box .footer-wrap .fb-info, .footer_box .footer-wrap .footer_sbox{
display: none;
}
.footer_box .footer-wrap .icon_wrap{
padding: 18px;
}
.footer_box .footer-wrap .icon_wrap p{
font-size: 15px;
}
.footer_box.no_info .footer-wrap .fnav_wrap, 
.footer_box.no_info .footer-wrap .footer_center{display: none;}
@media (max-width:1199px) {
.footer_box .footer-wrap .company-info{
flex: 0 0 100%;
max-width: 100%;
margin-top: 0 !important;
}
.footer_box .footer-wrap .contact-info{
flex: 0 0 100%;
max-width: 100%;
}
.footer_box .footer-wrap .info_box a.info-logo{
flex: 0 0 100%;
max-width: 100%;
margin-left: 0;
}
.footer_box .footer-wrap .info_box a.info-logo img{
height: 100px;
}
.footer_box .footer-wrap .info_box .info-text{
flex: 0 0 100%;
max-width: 100%;
}
}

.web_slider .carousel-fade a.carousel-item{
aspect-ratio: 4/1.4;
}
.web_slider .carousel-fade a.carousel-item img{
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}
@media (max-width:576px) {
.web_slider .carousel-fade a.carousel-item{
aspect-ratio: 4/3;
}
}

/* 搜尋引擎 start */
.search_tabs .nav-item{margin: 0 0.5rem;}
.search_tabs .nav-pills .nav-link{border-radius: 0;font-size: 1.1rem;color: #888; border: 1px solid #dbdbdb;}
.search_tabs .nav-pills .nav-link.active,
.search_tabs .nav-pills .show>.nav-link{color: #fff; background-color: #f70004; border-color: #f70004;}
.index_search .search-area .search-box .select-goal .title i, .index_search .search-area .search-box .select-place
.title i, .index_search .search-area .search-box .select-date .title i, .index_search .search-area .search-box
.select-keywords .title i{
color: #f30106;
}
.index_search .search-area .search-box .search-btn{
background-image: linear-gradient(235deg, #f30106, #c90018);
border-radius: 0px;
height: 75px;
line-height: 75px;
font-size: 1.2rem;
}
.index_search .search-area .search-box .search-btn:hover{
background-image: linear-gradient(235deg, #c90018, #f30106);
}
.index_search .search-area .search-box .select-goal, .index_search .search-area .search-box .select-place, .index_search
.search-area .search-box .select-date, .index_search .search-area .search-box .select-keywords{
padding: 10px 10px 0;
height: 75px;
background: white;
border: 1px solid #dbdbdb;
}
.index_search .search-area .search-box .select-place, .index_search .search-area .search-box .select-date, .index_search
.search-area .search-box .select-keywords{
margin-left:-1px;
}
.index_search .search-area .search-box .select-goal .select select, .index_search .search-area .search-box .select-date
.select input, .index_search .search-area .search-box .select-place .select select, .index_search .search-area
.search-box .select-keywords .select input{
background: none;
border: none;
outline: none;
box-shadow: none;
}
.IB_search .group_banner.search_banner .search-area > .container{
background: none;
border: none;
}
.IB_search section.group_banner .search-area .search-box{margin: 0;}
.IB_search section.group_banner .search-area .search-box > div{padding: 0 !important;}
.IB_search section.group_banner .search-area .search-box .select-departure,
.IB_search section.group_banner .search-area .search-box .select-destination,
.IB_search section.group_banner .search-area .search-box .select-date{
border: 1px solid #dbdbdb;
height: 75px;
}
.IB_search section.group_banner .search-area .search-box .select-input{
border: 1px solid #dbdbdb;
height: 75px;
margin-left: -3px;
}
.IB_search section.group_banner .search-area .search-box .search-btn{
margin-left: -3px;
height: 75px;
}
.IB_search section.group_banner .search-area .search-box .select-date{
margin-left: -2px;
}
.IB_search section.group_banner .search-area .search-box .select-input > input{
height: 73px;
}
.IB_search section.group_banner .search-area .search-box .select-destination{
margin-left: -1px;
}
.IB_search section.group_banner .search-area .search-box .select-departure .title h6,
.IB_search section.group_banner .search-area .search-box .select-destination .title h6,
.IB_search section.group_banner .search-area .search-box .select-date .title h6{
color: #000;
font-size: 1rem;
}
.IB_search section.group_banner .search-area .search-box .select-date .select input{
width: calc(50% - 28px);
}
.IB_search section.group_banner .search-area .search-box .select-departure .title i,
.IB_search section.group_banner .search-area .search-box .select-destination .title i,
.IB_search section.search_banner .search-area .search-box .select-input .data-icon-search{
color: #f30106;
}
@media (min-width:1200px) {
.IB_search section.group_banner .search-area .search-box{
height: 110px;
}
}
@media (max-width:1199px) {
.IB_search section.group_banner .search-area .search-box > div{
padding: 0.3rem 0 !important;
}
.IB_search section.group_banner .search-area .search-box .select-input,
.IB_search section.group_banner .search-area .search-box .search-btn,
.IB_search section.group_banner .search-area .search-box .select-date,
.IB_search section.group_banner .search-area .search-box .select-destination{
margin-left: 0;
}
}
/* 搜尋引擎 end */

/*webTITLE*/
.webtitle_btn .link.text-link{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.webtitle_btn section.text-link h2{
border-left: 5px solid #f70004;
font-weight: bold;
padding: 0px 10px;
margin-bottom: 0;
line-height: 1.5;
}
.webtitle_btn div.link-list{
min-height: unset;
}
.webtitle_btn div.link-list ul{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.webtitle_btn div.link-list ul li span{
padding: 5px;
line-height: 1;
}
.webtitle_btn div.link-list ul li a{
font-size: 18px !important;
padding: 5px 15px;
color: #111 !important;
line-height: 1.3;
border-radius: 50px;
display: flex;
flex-wrap: wrap;
}
.webtitle_btn div.link-list ul li a:hover{
color: #f70004 !important;
}
.webtitle_btn div.link-list ul li a i{
font-size: 18px;
margin-left: 5px;
order: 1;
background-color: #f70004;
width: 20px;
height: 20px;
color: #fff;
border-radius: 4px;
text-align: center;
line-height: 20px;
}
.theme_slider .swiper-container{
padding: 0 10px;
}
.theme_slider .swiper-container::before{
content: '';
display: block;
background-color: #fff;
width: 20px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 5;
}
.theme_slider .swiper-container::after{
content: '';
display: block;
background-color: #fff;
width: 20px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 5;
}
.theme_slider .swiper-slide-style{
padding: 0 10px;
box-shadow: none;
}
.theme_slider .swiper-slide .swiper-img{
border-radius: 10px;
overflow: hidden;
margin-bottom: 0;
aspect-ratio: 1/1;
}
.theme_slider .swiper-slide .swiper-img::before {
content: '';
display: block;
width: calc(100% - 20px);
height: 66.66666%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.theme_slider .swiper-slide .swiper-img img{
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}
.theme_slider .swiper-slide .swiper-title{
padding: 0 20px;
font-size: 1.5rem;
position: absolute;
bottom: 2.5rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
color: #fff;
font-weight: bold;
}
.theme_slider .swiper-slide .swiper-content{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #ffffff;
font-size: 14px;
text-overflow: ellipsis;
position: absolute;
letter-spacing: 0;
bottom: 0px;
}
.theme_slider .swiper-button-prev.swiper-button-white, .theme_slider .swiper-button-next.swiper-button-white {
width: 45px;
height: 45px;
background: #f70004;
border-radius: 50px;
outline: none;
box-shadow: none;
opacity: 0.5;
}
.theme_slider .swiper-button-prev.swiper-button-white:hover, .theme_slider
.swiper-button-next.swiper-button-white:hover{
opacity: 1;
}
.theme_slider [class*='swiper-button-']:after{
background: none;
font-size: 20px;
}
.theme_slider .swiper-button-next.swiper-button-white {
right: 0;
}
.theme_slider .swiper-button-prev.swiper-button-white {
left: 0;
}
.theme_slider .swiper-button-white.swiper-button-disabled{
display: none;
}
.hotel_box .hover-wall .htpro_tit{
display: none;
}
.hotel_box .hover-wall .container-fluid > .row > div{
max-width: 20%;
flex: 0 0 20%;
padding: 0 10px;
}
.hotel_box .hover-wall .icon_info{
box-shadow: none;
border-radius: 0;
background: none;
}
.hotel_box .hover-wall .icon_info:hover{
box-shadow: none;
}
.hotel_box .hover-wall .icon_info a{
display: flex;
flex-wrap: wrap;
}
.hotel_box .hover-wall .icon_info a::after {
content: 'more';
display: block;
order: 1;
padding: 2px 15px 5px;
font-size: 1.1rem;
color: #111;
border: 2px solid #111;
line-height: 1.2;
font-weight: bold;
border-radius: 4px;
transition: .3s;
background: #fff;
}
.hotel_box .hover-wall .icon_info:hover a::after{
color: #fff;
background-color: #111111;
transition: .3s;
}
.hotel_box .hover-wall .icon_info figure{
border-radius: 10px;
aspect-ratio: 3/2;
}
.hotel_box .hover-wall figure .b_img{
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}
.hotel_box .hover-wall figure .overlay i{
display: none;
}
.hotel_box .hover-wall .icon_info h3{
width: 100%;
padding: 0;
line-height: 1.2;
order: 1;
letter-spacing: 0px;
font-size: 1.4rem;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 55px;
}
.hotel_box .hover-wall .icon_info h4{
width: 100%;
padding: 0;
font-style: normal;
color: #666;
}
.hotel_box .hover-wall .icon_info h4::before{
content: '\f041';
display: inline-block;
font-family: FontAwesome !important;
color: #d00015;
margin-right: 5px;
font-size: 1.1rem;
}
.hotel_box .hover-wall .icon_info p.animate-text{
width: 100%;
padding: 0;
order: 1;
letter-spacing: 0;
margin-bottom: 1rem;
}
.hotel_box .hover-wall .icon_info p.animate-text::after {
content: '起';
display: inline-block;
margin-left: 5px;
font-size: 14px;
color: #666;
}
.IG_btn{
margin-top: -25px;
}
.IG_btn section.link.text-link{
display: table;
margin: auto;
}
.IG_btn div.link-list{
background: none;
}
.IG_btn div.link-list ul li a, .IG_btn div.link-list ul li span{
padding: 10px 20px;
background-image: linear-gradient(235deg, #f30106, #c90018);
border-radius: 8px;
}
.IG_btn div.link-list ul li a:hover, .IG_btn div.link-list ul li span:hover{
background-image: linear-gradient(235deg, #c90018, #f30106);
}
.IGphoto_box{padding: 0 20px;}
.IGphoto_box .falls-container .grid .grid-item{
position: initial !important;
margin:15px !important;
max-width: calc(25% - 30px);
padding: 0;
background: #f2f2f2;
}
.IGphoto_box .falls-container .grid .grid-item img{
aspect-ratio: 10/9;
width: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
height: auto;
margin: 0;
opacity: .7;
transition: .3s;
}
.IGphoto_box .falls-container .grid .grid-item:hover img{
opacity: 1;
transition: .3s;
}
/*熱門商品*/
.product_block{margin-bottom: 2.5rem;}
.product_block section > h2{
margin: 3rem auto 2rem;
padding: 15px;
display: table;
font-size: 1.7rem;
border-bottom: 1px solid #f0f0f0;
position: relative;
overflow: hidden;
padding-right: 65px;
}
.product_block section > h2::before {
content: '';
display: table;
background-image:
url(https://mayanflower.fillo.com.tw/material-alias/DEMOimg/flight_takeoff_FILL0_wght400_GRAD0_opsz48.png);
width: 35px;
height: 35px;
background-size: 100%;
transform: translateX(100%);
filter: drop-shadow(-54px 0 #ff0000);
position: absolute;
right: 0;
top: 13px;
}
.product_block .carousel-rwd li{border: none;}
.product_block .carousel-rwd img{aspect-ratio: 4/3; object-fit: cover; object-position: center center; width:
100%;margin-bottom: 0.8rem;}
@media (min-width:768px) {
.product_block .carousel-rwd li a > span > p:nth-child(2){
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 80px;
}
}
/*熱門商品-遊輪*/
.product_block.cruise .header-title{
margin: 3rem auto 2rem;
padding: 15px;
display: table;
font-size: 1.7rem;
border-bottom: 1px solid #f0f0f0;
position: relative;
overflow: hidden;
padding-right: 70px;
}
.product_block.cruise .header-title::before{
content: '';
display: block;
background-image:
url(https://materials.fillo.com.tw/materials/mayanflower/images/1e437ec7-5237-4276-8826-c99cb9cb2262.png);
width: 40px;
height: 40px;
background-size: 100%;
transform: translateX(100%);
filter: drop-shadow(-54px 0 #ff0000);
position: absolute;
right: 0;
top: 16px;
}

.item_box_proportion .expand-graphics .item_box figure{aspect-ratio: 3/2;}
.item_box_proportion .expand-graphics .item_box figure img{object-fit: cover;object-position: center center;width: 100%;
height: 100%;}
@media (min-width:768px) {
.item_box_proportion .expand-graphicsr .item_box .item_more_txt h3{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 45px;
}
}
@media (max-width:767px) {
.item_box_proportion .expand-graphics .item_box figure{aspect-ratio:unset;}
.item_box_proportion .expand-graphics .item_box figure img{height: auto;}
}

/*FB*/
.FB_info{max-width: calc(33.3333% - 2rem); margin: 0 1rem;flex: 0 0 calc(33.3333% - 2rem);}
.FB_info iframe{width: 100% !important; max-width: 100%;}

@media (min-width:992px) and (max-width:1366px) {
.web_slider, .webtitle_btn, .theme_slider, .hotel_box, .eweb_searchBOX, .product_block, .IGphoto_box, .product_tabs{
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
}
@media (max-width:1024px) {
.hotel_box .hover-wall .container-fluid > .row > div {
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.eweb_searchBOX iframe{height: 220px !important;}
}
@media (max-width:991px) {
.webtitle_btn .text-container{
padding: 0 10px;
}
.hotel_box .hover-wall .container-fluid > .row > div {
max-width: 50%;
flex: 0 0 50%;
}
.product_block{padding: 0 25px;}
}
@media (max-width:767px) {
.eweb_searchBOX iframe{height: 500px !important;}
.FB_info{max-width: calc(100% - 2rem); margin: 0 1rem;flex: 0 0 calc(100% - 2rem);}
}
@media (max-width:576px) {
.hotel_box .hover-wall .container-fluid > .row > div {
max-width: 100%;
flex: 0 0 100%;
}
}

/*公司簡介*/
.abt_company .editor-content h3{
padding-left: 1rem;
border-left: 5px solid #f30106;
line-height: 1.5;
font-size: 20px;
margin-bottom: 0;
}
.bloc_wrap .module-container > .main.row{
justify-content: center;
}
.bloc_wrap .module-container > .main.row .bloc_box:nth-last-child(1){
border-left: 1px solid #999 !important;
}
.bloc_box p{
margin-bottom: 0;
}
.bloc_box img{
padding: 3px;
max-width: 100%;
}
.abt_title h3{
text-align: center;
display: table;
margin: 0 auto 1rem;
padding-bottom: 0.5rem;
border-bottom: 5px solid #ff0000;
}
.abt_service .text-container .text-link{
display: flex;
flex-wrap: wrap;
width: 100%;
border-bottom: 1px solid #ccc;
align-items: center;
}
.abt_service .text-container .text-link h2{
padding: 1rem 4rem;
background: #081e3f;
font-weight: bold;
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
width: 200px;
}
.abt_service .text-container .text-link .link-list{
width: calc(100% - 200px);
display: flex;
flex-wrap: wrap;
align-items: center;
}
.abt_service div.link-list ul li a, .abt_service div.link-list ul li span{
padding-top: 0;
padding-bottom: 0;
}
.Business_items_wrap > .module-container > .main.row{
justify-content: center;
}
.abt_Business_items section.text-link h2{
display: table;
margin: 0;
background: #f30106;
padding: 0.5rem 1.5rem;
font-weight: bold;
margin-left: -2px;
}
.abt_Business_items div.link-list{
width: 100%;
}
.abt_Business_items div.link-list ul{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.abt_Business_items div.link-list ul li{
width: 33.3333%;
min-height: 5rem;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border: 2px solid #f30106;
margin-left: -2px;
margin-top: -2px;
background: #fff;
}
.abt_Business_items div.link-list ul li:nth-child(odd){
background: #f8f8f9;
}
.abt_Business_items div.link-list ul li span, .abt_Business_items div.link-list ul li a{
padding: 0;
}
@media (max-width:991px) {
.bloc_wrap .module-container > .main.row .bloc_box:nth-last-child(1){
border: none !important;
}
}
@media (max-width:767px) {
.abt_service .text-container{
padding: 0 15px;
}
.abt_service .text-container .text-link .link-list{
width: 100%;
}
.abt_Business_items div.link-list ul li{
width: 50%;
}
.abt_Business_items div.link-list ul li span, .abt_Business_items div.link-list ul li a{
letter-spacing: 0;
font-size: 18px !important;
}
}

/*new_block*/
.new_imgBlock .expand-graphics{margin: 15px 0 0;}
.new_imgBlock .expand-graphics > div:nth-last-child(1){display: none;}
.new_imgBlock .expand-graphics .item_box{height: 100%; border: 2px solid #FFC1B8; position: relative;min-height: 200px;}
.new_imgBlock .expand-graphics .item_box a{display: flex; flex-wrap: wrap; padding-left: calc(50% + 15px);}
.new_imgBlock .expand-graphics .item_box figure{width: 50%; border-radius: 0; position: absolute; left: 0; top: 0;
margin-bottom: 0; bottom: 0;}
.new_imgBlock .expand-graphics .item_box figure img{
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
}
.new_imgBlock .expand-graphics .item_box .item_more_txt{margin-top: 1rem; padding-right: 1rem;padding-bottom: 3.5rem;}
.new_imgBlock .expand-graphics .item_box .item_more_txt h3{margin-bottom: 10px;}
.new_imgBlock .expand-graphics .item_box .item_more_txt span.item_tag{width: 100%; display: block;}
.new_imgBlock .expand-graphics .item_box h4{position: absolute; right: 1rem; bottom: 1rem;margin-bottom: 0;}
.new_imgBlock .expand-graphics .item_box span.item_btn, .new_imgBlock .expand-graphics .item_box
span.item_btn_hover{display: none !important;}
.new_imgTable .list-wrapper{margin-top: 0;}
.new_imgTable .list-wrapper .name-block{flex: 0 0 calc(100% - 150px); max-width: calc(100% - 150px); padding: 10px 0;}
.new_imgTable .list-wrapper .price-block{flex: 0 0 150px; max-width: 150px;padding: 10px 0 10px 10px;}
@media (max-width:575px) {
.new_imgBlock .expand-graphics .item_box a{padding: 0;}
.new_imgBlock .expand-graphics .item_box figure{position: unset; width: 100%; height: auto;}
.new_imgBlock .expand-graphics .item_box .item_more_txt{padding-left: 15px;}
}

/*tabs_block*/
.product_tabs .header-title{padding: 15px 15px 10px; text-align: center; font-size: 1.7rem; width: auto; margin: 0 auto
1.5rem; border-bottom: 1px solid #f0f0f0;}
.product_tabs .blk-tabs{padding: 0 10px;}
.product_tabs .blk-tabs ul.nav-pills{width: 100%; margin-bottom: 15px; border-bottom: 3px solid #f0f0f0;}
.product_tabs .blk-tabs ul.nav-pills .nav-link{
font-size: 1.1rem;
letter-spacing: 0.5px;
border-radius: 0;
color: #333;
padding: 0.5rem 2rem 0.7rem;
border-bottom: 3px solid transparent;
margin-bottom: -3px;
position: relative;
}
.product_tabs .blk-tabs ul.nav-pills .nav-link:hover{color: #f27272;}
.product_tabs .blk-tabs ul.nav-pills .nav-link.active{background-color: transparent; color: #f27272; font-weight:
bold;border-color: #f27272;}
.product_tabs .blk-tabs ul.nav-pills .nav-link.active::after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 7px 5px;
border-color: transparent transparent #f27272 transparent;
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%, 0px);
}
@media (max-width:767px) {
.product_tabs .blk-tabs ul.nav-pills .nav-link{font-size: 1rem;padding: 0.5rem 1rem 0.7rem;}
}
@media (max-width:575px) {
.product_tabs .blk-tabs ul.nav-pills .nav-link { font-size: 15px; padding: 0.5rem 0.5rem 0.7rem; letter-spacing: 0;}
}

/*各國主題頁大模組*/
.scale_banner .has-parallax{height: auto !important; aspect-ratio: 1500/380;}
.scale_banner .list_nav .nav-item a{background-color: #fff;}
.scale_banner .travel_list > .row{background-color: #fff;}
.scale_banner .Card_mode .list_container .card:hover{background: transparent;}
@media (min-width:992px) {
.scale_banner .anchor-tab-wrapper .section-box.Card_mode .tab-content.pills-tabContent
.list_container.tab-pane.active.show{display: flex; flex-wrap: wrap;}
.scale_banner .anchor-tab-wrapper .section-box.Card_mode .tab-content.pills-tabContent .list_container.tab-pane >
div.card{flex: 0 0 33.333333%;}
}
@media (max-width:991px){
.anchor-tab-wrapper .Graphic_mode section.has-parallax{
aspect-ratio: 3 / 1.2;
height: unset !important;
display: flex;
flex-wrap: wrap;
align-content: center;
}
}

/*20240930上標選單寬度及防詐騙宣導跑馬燈css*/
.prevention section.marquee h2{font-size: 1.5rem;font-weight: bold; color: #FA000D;}
.prevention section.marquee div.message-list{border: 1px solid #FA000D; background: #fff1f1;}
.prevention section.marquee div.message-list a i{color: #FA000D;font-size: 20px;}
@media (min-width:1600px){
.top_menu .web-header{max-width: 83.333333%;;}
}
@media (max-width:1599px){
.prevention section.marquee div.message-list,
.prevention section.marquee div.message-list ul li{height:60px;}
.prevention section.marquee div.message-list ul li a{
line-height: 1.5;
height: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 3rem;
}
.prevention section.marquee div.message-list a i{position:absolute;left:1rem;}
}
@media (max-width:767px){
.top_menu{margin-bottom:0 !important;}
.prevention section.marquee div.message-list,
.prevention section.marquee div.message-list ul li,
.prevention section.marquee div.message-list ul li a{height:80px;}
}
@media (max-width:575px){
.prevention section.marquee div.message-list,
.prevention section.marquee div.message-list ul li{height:150px;}
.prevention section.marquee div.message-list ul li a{height:150px;letter-spacing: 0.5px; padding-right: 5px;
line-height: 1.3;padding-left: 2.5rem;}
.prevention section.marquee div.message-list a i{left:0.5rem;font-size:17px;}
}

/*20241001百威上標模組選單調整*/
@media (min-width: 768px){
.top_menu .logobar{height:85px;}
.top_menu .hnav > ul > li > a{font-size: 17px;min-width: 60px;}
.top_menu .hnav .prjtt a{
width: auto;
height: auto;
background-color: #2dd1c9;
color: white;
text-align: center;
cursor: default;
background-image: unset;
padding: 0 12px !important;
line-height: 34px;
font-size: 16px;
margin-top: 0;
margin-left: 30px;
}
.top_menu .hnav .prjtt a:hover{color:#fff;}
}
@media (max-width:1680px) and (min-width: 768px){
.top_menu .hnav > ul > li > a{font-size:16px;padding:0 10px;}
.top_menu .hnav .prjtt a{margin-left:15px;}
}
@media (max-width:1600px) and (min-width: 768px){
.top_menu .hnav > ul > li > a{font-size:15px;padding:0 8px;}
.top_menu .hnav .prjtt a{padding: 0 10px !important;font-size:15px;}
}
@media (max-width:1599px) and (min-width: 768px){
.top_menu .web-header{max-width: 83.333333%;}
.top_menu .cru{margin-left: 5px;}
}
@media (max-width:1440px) and (min-width: 768px){
.top_menu .hnav .prjtt a{margin-left:5px;}
}
@media (max-width:1360px) and (min-width: 768px){
.top_menu .web-header{max-width: 91.666667%;}
}
@media (max-width:1280px) and (min-width: 768px){
.top_menu .web-header{max-width: calc(100% - 30px);}
}
@media screen and (max-width: 1260px) and (min-width: 768px){
.top_menu .hnav > ul > li:first-child{width:auto;}
}
@media (max-width:1199px) and (min-width: 768px){
.top_menu .cru{margin-left: 2px;}
.top_menu .hnav .prjtt a {margin-left: 2px;}
}
@media (max-width:991px) and (min-width: 768px){
.top_menu .cru{margin-left: 5px;}
.top_menu .hnav > ul > li > a{padding:0 10px;}
}

/*感應浮動廣告牆-高度一樣*/
.theme_boxstyle01 .hover-wall .icon_info{height:100%;display:block;}
.theme_boxstyle01 .hover-wall .icon_info figure{aspect-ratio: 3 / 2; display: block;}
.theme_boxstyle01 .hover-wall .icon_info figure img.b_img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.theme_boxstyle01 .hover-wall figure .overlay i{margin: 0; transform: translate(-50%, -100%);}
.theme_boxstyle01 .hover-wall .icon_info:hover figure .overlay i{transform: translate(-50%, -50%); margin: 0;}
.theme_boxstyle01 .hover-wall .icon_info p.animate-text{text-align: center;}

/*個團明細頁有table的話*/
section.group_table.trip_features .group_table_box>div:nth-child(2) table {
    max-width: 100%;
    width: auto !important;
}
section.group_table.trip_features .group_table_box>div:nth-child(2) table img {
    max-width: 100% !important;
    width: 100%;
}

/*公主郵輪主題頁麵包屑*/
.ship_breadcrumb nav[aria-label=breadcrumb] .breadcrumb{
    color: rgba(255, 255, 255, 0.8);
    background: #1f8dff;
}
.ship_breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
}
.ship_breadcrumb .breadcrumb .breadcrumb-item.active{
    color: rgba(255, 255, 255, 0.8);
}

/*表單*/
/*section.group_table.contact{padding-top: 0px;margin-bottom: 0;padding-bottom: 100px;background-image:
url(https://mayanflower.fillo.com.tw/material-alias/banner1_leapple1.png);background-size: contain;background-position:
bottom;background-repeat: no-repeat;}
section.group_table.contact:before{height: 300px;}
section.group_table .container{padding: 0; background: none; z-index: 3; position: relative;}
section.group_table .container h2{display:none;}
section.group_table h4{border:none;padding:0;margin:0;}
section.group_table.contact h4 .note{position: absolute;right: 0;top: 250px; color: #fff; font-size: 1.1rem;}
section.group_table.contact h4 .note .text_blue{color: #ff0000;margin-right: 5px; font-weight: bold; font-size: 25px;
line-height: 0px; display: inline-block;}
section.group_table.contact .trip_title{border: none;height: 300px; padding: 0; margin: 0; display: flex; flex-wrap:
wrap; align-items: center; justify-content: center;}
section.group_table.contact .trip_title h1{margin-top: 0;margin-bottom: 0;line-height: 56px;}
section.group_table.contact .form-row{background:rgba(255, 255, 255, 0.5);padding: 50px;}
section.group_table.clearfix::after{display: block;clear: both; content: ""; width: 100%; height: 300px;
background-color: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; right: 0;z-index: 0;}
section.group_table.contact .contac_form .form-row:nth-last-child(1){background:none;}
section.group_table.contact .contac_form .form-row:nth-last-child(1) .btn-lg{background-image: linear-gradient(235deg,
#f30106, #c90018); border: none; padding: 1rem 2.5rem;}
section.group_table.contact .contac_form .form-row:nth-last-child(1) .btn-lg:hover{background-image:
linear-gradient(235deg, #c90018, #f30106);}
.form-row .text_blue{color:#ff0000;}
section.group_table.contact .form-row .form-group[data-type="TXT"]{max-width: calc(33.33333% - 30px);margin: 15px 15px;}
section.group_table.contact .form-row .form-group[data-type="TXT"] input{border-radius:4px;border-color: #e2e2e2;}
section.group_table.contact .form-row .form-group[data-type="RMK"]{max-width: calc(100% - 30px);margin: 15px 15px;}
section.group_table.contact .form-row .form-group[data-type="RMK"] textarea.form-control { height: 250px;border-color:
#e2e2e2;}
section.group_table.contact .form-row .form-group[data-type="CBX"]{ max-width: calc(100% - 30px); margin: 15px 15px;}
section.group_table.contact .form-row .form-group[data-type="CBX"] > label{width: 100%;}
section.group_table.contact .form-row .form-group[data-type="CBX"] .form-check{margin: 5px 30px 10px 0;width: auto;
display: table; float: left;}
section.group_table.contact .form-row .form-group[data-type="CBX"] .form-check .checkmark{border-color: #e2e2e2;}
section.group_table.contact .form-row #field_40.form-group[data-type="TTL"]{max-width: calc(100% - 30px);margin: 15px;}
section.group_table.contact .form-row #field_40.form-group[data-type="TTL"] h3{font-size: 0;border-bottom: 1px dashed
#e2e2e2; margin-top: 0.5rem;}
@media (max-width:1366px){
section.group_table .container{width:85%;}
}
@media (max-width:1024px){
section.group_table .container{width:100%;}
}
@media (max-width:991px){
section.group_table.contact .form-row .form-group[data-type="TXT"]{max-width: calc(50% - 30px);}
section.group_table.contact .form-row{padding:30px;}
}
@media (max-width:576px){
section.group_table.contact .form-row .form-group[data-type="TXT"]{max-width: calc(100% - 30px);}
section.group_table.contact .form-row{padding:15px;}
}*/