body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  border-style: none;
  background-attachment: scroll;
  background-position: left top;
}
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;
}
*,
body {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
word-break: break-all;
}

h1,
h2,
h3,
h1 span,
h2 span,
h3 span {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.fa {
font-family: FontAwesome !important;
}
/*公版*/
/*會員登入&會員專區*/
.member_home.new_bg,
.member_force_change_password.new_bg {
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/07.jpg);
}

.member_home {
padding-top: 4.4rem;
}

.new_bg .card-border {
border: none;
border-radius: 0;
}

.new_bg .title_txt {
font-weight: normal;
letter-spacing: 0.05rem;
}

.new_bg a,
.member_home.new_bg a:hover {
color: #bb9e77;
}

.new_bg .l_benPrimary {
background: #344CB7;
font-weight: normal !important;
letter-spacing: 0.1rem;
}

.new_bg .l_benPrimary:hover {
background-color: #000957;
}

.new_bg .note_box a {
color: #bb9e77;
font-weight: normal !important;
}

.member_home .row.header.gizle {
top: 0;
}

@media (min-width:992px) {
.new_bg .web-page-frame>div:nth-child(2)>div.col-md-12>div>div.row>div.col-lg-12:nth-child(2)>.row {
height: calc(100vh - 231px);
display: flex;
flex-wrap: wrap;
align-items: center;
}

.new_bg .signin_width,
.new_bg .width-460 {
margin-top: 0rem;
margin-bottom: 0;
}
}

@media (max-width:991px) {

.new_bg .signin_width,
.new_bg .width-460 {
margin-top: 10rem;
margin-bottom: 10rem;
}
}

.FavoriteList-null img {
margin: 0 auto 1rem;
}

/*一般團*/
.WinChrome section.group_banner.search_banner,
.WinIe section.group_banner.search_banner {
height: 240px;
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/09.jpg);
}

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

.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,
.filter_list i {
color: #bb9e77;
}

.WinChrome section.group_banner .search-area .search-box .search-btn,
.WinIe section.group_banner .search-area .search-box .search-btn {
background: #344cb7;
}

.irs-slider,
.irs-bar {
background: #000957;
}

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

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

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

.filter_list .form-check .customcheck .badge-primary {
background-color: #000957;
}

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

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

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

section.search_con .pagination .page-item .page-link:hover svg,
section.search_con .pagination .page-item .page-link:active svg {
fill: #bb9e77;
}

.filter_list .accordion .card {
border: none;
border-radius: 0;
}

.filter_list .accordion .card>a.btn-link {
border-radius: 0;
background: #f0f0f0;
border: none;
}

.irs-from,
.irs-to,
.irs-single {
background: #344cb7;
}

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

figure.block_style {
border: none;
}

figure.block_style .pic_all::after {
border-color: transparent transparent transparent rgba(0, 9, 87, 0.5);
}

figure.block_style .main_words .go-date {
font-size: 1.1rem;
letter-spacing: 0.05rem;
}

figure.block_style .main_words .tag {
padding: 2px 13px;
}

figure.block_style .main_words a {
font-size: 1.25rem;
}

figure.block_style .main_words a:hover,
.pic_style figure.block_style .main_words a:hover {
color: #344cb7;
}

figure.block_style .main_words a h4 {
font-size: 1.4rem;
font-weight: normal;
}

figure.block_style .plane_word {
color: #fc5404 !important;
}

figure.block_style .main_words h6>div span {
color: #bb9e77 !important;
margin-left: 5px;
}

figure.block_style h4 {
font-size: 1.3rem;
letter-spacing: 0.01rem;
}

figure.block_style .price_box span {
font-size: 1.5rem;
}

section.search_con .pagination .page-item.active .page-link {
border-color: #bb9e77;
color: #bb9e77;
}

/*圖卡*/
.pic_style figure.block_style .main_words {
border: none;
border-bottom: 1px solid #e2e2e2;
}

.pic_style figure.block_style .main_words .col-12 .text-danger {
color: #fc5404 !important;
}

.pic_style figure.block_style .price_all {
border: none;
border-bottom: 1px solid #e2e2e2;
}

.pic_style figure.block_style .price_all h6 {
font-size: 15px;
line-height: 1.5;
letter-spacing: 0.01rem;
}

.pic_style figure.block_style .price_all h6 .text-danger {
color: #bb9e77 !important;
padding-left: 2px;
}

.pic_style figure.block_style .plane_word {
border: none;
color: #111 !important;
}

.pic_style figure.block_style .plane_word .go-airport,
.pic_style figure.block_style .plane_word .rounded {
font-size: 15px;
}

/*表格*/
.search_table.table .thead {
background: #000957;
font-size: 1.1rem;
letter-spacing: 0.03rem;
}

.search_table.table .thead:hover {
background: #000957;
}

.search_table .thead th.go-date,
.search_table.table th,
.search_table.table td {
font-weight: normal;
}

.search_table tbody td.go-date .time {
letter-spacing: 0.01rem;
}

.search_table tbody td.tour-name .bird {
color: #fc5404 !important;
}

.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: #bb9e77;
}

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

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

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

.search_table tbody td.tour-name a.title_main {
font-weight: normal;
}

.search_table .main_words .title_main:hover {
color: #344cb7 !important;
}

/*明細頁*/
section.group_banner .group_num, section.group_banner .price_box, section.group_banner .price_content{display:none;}
section.group_banner .basic_box .container .row > div:nth-child(2){flex: 0 0 100%; max-width: 100%;}
section.group_banner.trip_banner h1{font-size:2rem;}
section.group_table.trip_features{text-align:left;}
section.group_table.trip_features .container .group_table_box{line-height:1.8;}
section.group_table.trip_features .container .group_table_box img{padding:1rem !important;height: auto !important;}
.day_con .info_box > .row .col-lg-4 > img{aspect-ratio: 5/4; object-fit: cover; object-position: center center;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; max-width: 100%;}

.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{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;}

.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 15px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
@media (max-width:767px){
.day_style_10 .item_text{position:unset;}
.day_style_10 .item_text p{padding:15px;}
}
.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_13 {width: 100%; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.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;margin: 1rem;}
.day_style_16 {width: 100%; margin-bottom: 20px;}

section.group_banner.trip_banner h6 {
font-size: 1.1rem;
color: #999;
}

section.group_banner.trip_banner h3.price {
font-size: 1.9rem;
}

section.group_banner .price_content .panel-info {
border: 1px solid #344cb7;
}

section.group_banner .price_content .panel-info .panel-heading {
background: #344cb7;
font-weight: normal;
font-size: 1.1rem;
letter-spacing: 0.03rem;
}

section.group_banner.trip_banner .brief h5 {
font-size: 1.1rem;
line-height: 1.3;
letter-spacing: 0.03rem;
margin-bottom: 1rem;
}

section.group_banner.trip_banner .brief h5.deadline, section.group_banner.trip_banner .brief h5.deposit{display: none;}

.basic-air-airport i {
color: #dc3545;
}

.basic-air-aircraft,
.basic-air-airport {
font-size: 1.3rem;
font-weight: normal;
}

.basic-air-info {
border: 1px solid #bb9e77;
}

.basic-air-info .go h3,
.basic-air-info .back h3 {
color: #bb9e77;
font-size: 1.5rem;
font-weight: normal;
letter-spacing: 0.05rem;
}

.basic-air-info .go i,
.basic-air-info .back i {
color: #e9d8c1;
font-size: 1.7rem;
}

.basic-air-info .time {
font-size: 1.2rem;
font-weight: normal;
letter-spacing: 0.05rem;
border-bottom: 2px solid #111;
}

.basic-air-info .go h4,
.basic-air-info .back h4 {
font-weight: normal;
font-size: 1.5rem;
letter-spacing: 0.03rem;
margin-top: 0.5rem;
}

.basic-air-btn a {
font-size: 1.1rem;
font-weight: normal;
background: #a98f6c;
border: #a98f6c;
letter-spacing: 0.03rem;
}

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

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: #62686e;
}

#dayTrip .group_table_box .table .thead,
#dayTrip .group_table_box .table .thead:hover {
background: #344cb7;
font-size: 18px;
}

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

#dayTrip .group_table_box .table th,
#dayTrip .group_table_box .table td {
font-weight: normal;
}

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

section.group_table.tripdown{
display: none;
}

section.group_table.tripdown .style_icon ul li a.nav-link {
border: 1px solid #bb9e77;
border-radius: 0;
color: #bb9e77;
}

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

section.group_table.tripdown .style_icon ul li a.active,
.nav-pills .show>.nav-link {
color: #fff !important;
background-color: #bb9e77;
}

.tripdown .fc .fc-toolbar.fc-header-toolbar {
background: #a98f6c;
}

.tripdown .fc .fc-toolbar.fc-header-toolbar h2 {
font-weight: normal;
letter-spacing: 0.1rem;
font-style: italic;
text-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}

.tripdown .fc .fc-button:not(:disabled) {
color: #111;
border-radius: 0;
outline: none;
box-shadow: none;
}

.tripdown .fc .fc-button:hover,
.tripdown .fc .fc-button-primary:not(:disabled):active,
.tripdown .fc .fc-button-primary:not(:disabled).fc-button-active {
background: #eee;
color: #111;
border-color: #eee;
}

.tripdown .fc .fc-button-primary:disabled {
background-color: #2C3E50;
border-radius: 0;
}

.tripdown .fc-theme-standard td,
.tripdown .fc-theme-standard th {
font-weight: normal;
}

.tripdown .fc-direction-ltr .fc-daygrid-event.fc-event-end,
.tripdown .fc-direction-rtl .fc-daygrid-event.fc-event-start {
background: #000957;
border-color: #000957;
border-radius: 0;
padding: 3px;
}

.tripdown .fc-direction-ltr .fc-daygrid-event.fc-event-end a,
.tripdown .fc-direction-rtl .fc-daygrid-event.fc-event-start a {
color: #ffcb1d;
}

.tripdown .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {
color: #fc5404;
}

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

.sub_menu-trip .server_menu>ul>li.join-fixed-btn {
background: #bb9e77;
display: none;
}

.sub_menu-trip .server_menu>ul>li.join-fixed-btn a {
font-weight: normal;
font-size: 1.2rem;
}

.sub_menu-trip .server_menu>ul>li.download-fixed-btn,
.sub_menu-trip .server_menu>ul>li.share-fixed-btn,
.sub_menu-trip .server_menu>ul>li.query-fixed-btn {
background: #000957;
border-bottom: 1px solid #666;
}

.sub_menu-trip .server_menu>ul>li.download-fixed-btn a,
.sub_menu-trip .server_menu>ul>li.share-fixed-btn a,
.sub_menu-trip .server_menu>ul>li.query-fixed-btn a {
font-size: 1.1rem;
font-weight: normal;
}

.sub_menu-trip .server_menu>ul>li a i {
font-size: 1.2rem;
}

.sub_menu-trip .server_menu>ul>li.favor-fixed-btn a:nth-child(1) {
background: #000957;
font-size: 1.1rem;
font-weight: normal;
}

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

.search_table tbody td.sale-situation .btn {
border-radius: 0;
background: #bb9e77;
border-color: #bb9e77;
color: #fff;
outline: none;
box-shadow: none;
}

.search_table tbody td.sale-situation .btn:hover {
background: #8f744f;
border-color: #8f744f;
}

.search_table tbody td.sale-situation .btn:not(:disabled):not(.disabled):active,
.search_table tbody td.sale-situation .btn:not(:disabled):not(.disabled).active {
background: #8f744f;
border-color: #8f744f;
outline: none;
box-shadow: none;
}

#tripDown .search_table tbody td.go-date .time {
font-size: 1rem;
}

section.group_table.tripdown .search_table tbody td.tour-price span {
font-size: 1.4rem;
}

section.group_table.tripdown .search_table tbody td.tour-name a.title_main {
font-weight: normal;
}

.Day_menu{display:none;}

@media (min-width:992px) {
.sub_menu-trip .trip_menu {
width: 97.5px;
}
}

@media (max-width:1199px) {

.WinChrome section.group_banner.search_banner,
.WinIe section.group_banner.search_banner {
height: 320px;
}

figure.block_style .price_box {
padding: 15px 15px 15px 0;
;
}

.search_table tbody td.go-airport img {
float: none;
margin: 5px auto 0;
}

.search_table tbody td.tour-price span {
font-size: 1.2rem;
}

.pic_style figure.block_style:nth-child(odd) {
padding-right: 10px;
padding-left: 0;
}

.pic_style figure.block_style:nth-child(even) {
padding-right: 0;
padding-left: 10px;
}
}

@media (max-width:991px) {
.search_table .main_words .seat span.text-danger {
color: #bb9e77 !important;
}

.search_table tbody td.go-airport>.row h6 {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.search_table tbody td.go-airport img {
margin: 0 10px 0 0;
float: left;
}

.search_table tbody td.go-airport>.row h6 span.rounded {
margin-left: 3px;
}

.search_table tbody td.sale-situation .btn {
border-radius: 0;
background: #344cb7;
border-color: #344cb7;
}

.sub_menu-trip .server_menu>ul>li.download-fixed-btn,
.sub_menu-trip .server_menu>ul>li.share-fixed-btn,
.sub_menu-trip .server_menu>ul>li.query-fixed-btn {
border-bottom: 0;
border-right: 1px solid #666;
}
}

@media (max-width:767px) {

.WinChrome section.group_banner.search_banner,
.WinIe section.group_banner.search_banner {
height: 540px;
}

.pic_style figure.block_style:nth-child(odd),
.pic_style figure.block_style:nth-child(even) {
padding: 0;
}

.sub_menu-trip .server_menu>ul>li.join-fixed-btn a {
font-size: 1rem;
}
}

@media (max-width:576px) {
.sub_menu-trip .server_menu>ul>li a {
font-size: 0 !important;
}
}

/*訂購*/
.order_member_home,
.general_home,
.group_home {
padding-top: 70px;
}

.order_member_home .title_txt,
.general_home .title_txt,
.group_home .title_txt {
font-weight: normal;
}

.order_member_home .font-weight-bold,
.general_home .font-weight-bold,
.group_home .font-weight-bold {
font-weight: normal !important;
}

.group_order_width .basic_message {
font-size: 1.05rem;
letter-spacing: 0.03rem;
}

/*通用商品*/
#frmSearch .search-box {
margin-top: 100px !important;
}

#frmSearch .search-box .search-btn button {
background: #344cb7;
}

#frmSearch .search-box .search-btn button:hover {
background: #000957;
}

/*header*/
body .row.header {
position: fixed;
z-index: 99;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), transparent);
top: 0;
transition: .3s;
}

.header_wrapper .module-container .row.main {
justify-content: space-between;
align-items: center;
}

.header_icon div.link-list {
background: none;
padding-left: 2rem;
}

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

.header_icon div.link-list ul li i {
font-size: 1.5rem;
}

.header_logo .module-container .main a {
display: flex;
justify-content: center;
padding: 1rem;
margin: auto;
text-decoration: none;
}

.header_logo .module-container .main a::after {
content: '最愛馬爾地夫';
color: #fff;
padding-left: 10px;
font-size: 14px;
letter-spacing: 0.07rem;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
display: flex;
align-items: center;
}

.header_logo .module-container .main img {
height: 65px;
}

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

.header_login div.link-list ul {
float: right;
padding-right: 3rem;
}

.header_login div.link-list ul li a,
.header_login div.link-list ul li span {
padding: 0.3rem 2rem;
border: 1px solid rgb(255, 255, 255);
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.header_navigation .mega-menu>section.menu-list-items {
background: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.header_navigation .mega-menu .menu-logo {
display: none;
}

.header_navigation .mega-menu .menu-links {
position: relative;
}

.header_navigation .mega-menu .menu-links>li {
margin: 0 20px;
position: relative;
}

.header_navigation .mega-menu .menu-links>li:nth-child(3) {
position: unset;
}

.header_navigation .mega-menu .menu-links>li::after,
.header_navigation .mega-menu .menu-links>li:nth-child(3)>a::after {
content: '';
display: block;
background: #ffcb1d;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 100%;
transition: 0.3s;
}

.header_navigation .mega-menu .menu-links>li:nth-child(3)::after {
display: none;
}

.header_navigation .mega-menu .menu-links>li:hover {
background: none;
}

.header_navigation .mega-menu .menu-links>li:hover::after,
.header_navigation .mega-menu .menu-links>li:nth-child(3):hover>a::after {
right: 0;
transition: 0.3s;
}

.header_navigation .mega-menu .menu-links>li>a {
font-size: 1rem;
line-height: 30px;
letter-spacing: 0.1rem;
padding: 0;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.header_navigation .mega-menu .menu-links>li:nth-last-child(1) {
display: none;
}

.header_navigation .mega-menu .menu-links li div.mg-drop-down {
overflow: unset;
background: none;
padding: 0;
}

.header_navigation .mega-menu .menu-links li div.mg-drop-down>.megamenu_box {
width: 170px;
background: #fff;
}

.header_navigation .mega-menu .menu-links li:nth-child(3) div.mg-drop-down>.megamenu_box {
width: 730px;
}

.header_navigation .mega-menu .menu-links li .list_box {
padding: 10px;
float: left;
margin: 0;
width: 100%;
}

.header_navigation .mega-menu .menu-links li .list_box ul {
margin: 0;
}

.header_navigation .mega-menu .menu-links li .list_box ul li {
margin: 0;
}

.header_navigation .mega-menu .menu-links li:nth-child(3) .list_box ul li {
width: 25%;
float: left;
}

.header_navigation .mega-menu .menu-links li .list_box ul li a {
display: table;
font-size: 14px;
padding: 6px 10px;
}

.header_navigation .mega-menu .menu-links li .list_box ul li a:hover {
background: #666;
}

.header_navigation .mega-menu .menu-links li .list_box a p {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.header_navigation .mega-menu .menu-links li .list_box ul li a:hover p {
color: #fff;
}

body .row.header.gizle {
background: none;
top: -97px;
transition: .3s;
}

.header.gizle .header_icon,
.header.gizle .header_logo,
.header.gizle .header_login {
opacity: 0;
transition: .3s;
}

.header.gizle .header_navigation .mega-menu .menu-logo,
.header.gizle .header_navigation .mega-menu .menu-links>li:nth-last-child(1) {
display: table;
}

.header.gizle .header_navigation .mega-menu .menu-links>li:nth-last-child(1)::after {
display: none;
}

.header.gizle .header_navigation .mega-menu .menu-links>li:nth-last-child(1) a {
color: #344cb7;
border: 1px solid #344cb7;
padding: 3px 1.8rem;
letter-spacing: 0.03rem;
font-size: 15px;
}

.header.gizle .header_navigation .mega-menu .menu-links>li:nth-last-child(1) a:hover {
color: #fff;
background-color: #344cb7;
}

.header.gizle .header_navigation {
background: #fff;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
transition: .5s;
}

.header.gizle .header_navigation .mega-menu>section.menu-list-items {
justify-content: space-between;
padding: 0 1.5rem;
}

.header.gizle .header_navigation .mega-menu .menu-logo>li>a {
line-height: 62px;
color: #000957;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
font-size: 14px;
letter-spacing: 0.05rem;
padding: 0 20px 0 5.5rem
}

.header.gizle .header_navigation .mega-menu .menu-logo>li>a:hover {
background: none;
}

.header.gizle .header_navigation .mega-menu .menu-logo>li>a img {
width: 55px;
height: auto;
}

.header.gizle .header_navigation .mega-menu .menu-links>li {
margin: 1rem;
}

.header.gizle .header_navigation .mega-menu .menu-links>li>a {
color: #666;
}

.header.gizle .header_navigation .mega-menu .menu-links li div.mg-drop-down {
padding-top: 10px;
}

@media (min-width:768px) {
.header.gizle .header_navigation .mega-menu .menu-links {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
}

@media (max-width:1600px) {
.header.gizle .header_navigation .mega-menu .menu-links>li>a {
letter-spacing: 0.05rem;
}
}

@media (max-width:1500px) {
.header.gizle .header_navigation .mega-menu .menu-links>li {
margin: 1rem 0.7rem;
}
}

@media (max-width:1440px) {
.header.gizle .header_navigation .mega-menu>section.menu-list-items {
padding: 0 1rem;
}

.header.gizle .header_navigation .mega-menu .menu-links>li {
margin: 1rem 0.6rem;
}
}

@media (max-width:1302px) {
.header.gizle .header_navigation .mega-menu>section.menu-list-items {
padding: 0 5px;
}

.header.gizle .header_navigation .mega-menu .menu-links>li>a {
font-size: 15px;
}

.header.gizle .header_navigation .mega-menu .menu-logo>li>a {
padding: 0 10px 0 5rem;
letter-spacing: 0.01rem;
}

.header.gizle .header_navigation .mega-menu .menu-links>li:nth-last-child(1) a {
padding: 0px 1rem;
letter-spacing: 0.01rem;
font-size: 14px;
}
}

@media (max-width:1199px) {
.header_navigation .mega-menu .menu-links>li {
margin: 0 15px;
}

.header_navigation .mega-menu .menu-links>li>a {
letter-spacing: 0.05rem;
}

.header.gizle .header_navigation .mega-menu .menu-links>li {
margin: 1rem 0.5rem;
}

.header.gizle .header_navigation .mega-menu .menu-links>li>a {
letter-spacing: 0.01rem;
font-size: 14px;
}

.header.gizle .header_navigation .mega-menu>section.menu-list-items {
padding: 0 5px 0 0;
}
}

@media (max-width:1080px) {
.header.gizle .header_navigation .mega-menu .menu-logo>li>a {
padding: 0 5px 0 4rem;
letter-spacing: 0.5px;
font-size: 12px;
}

.header.gizle .header_navigation .mega-menu .menu-logo>li>a img {
width: 45px;
left: 10px;
}

.header.gizle .header_navigation .mega-menu .menu-links>li>a {
font-size: 13px;
}

.header.gizle .header_navigation .mega-menu .menu-links>li:nth-last-child(1) a {
font-size: 12px;
line-height: 26px;
}
}

.mobile_nav {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.mobile_nav .header-part {
padding: 5px 0px;
background: rgba(0, 0, 0, 0.7);
}

.mobile_nav .header-part .navbar-brand {
height: 55px;
padding: 0.5rem;
order: -1;
z-index: 1;
margin-left: 10px;
margin-right: 0;
}

.mobile_nav nav.navbar.navbar-expand-lg.header-part::before {
content: '最愛馬爾地夫';
display: block;
color: #000957;
letter-spacing: 0.05rem;
margin: auto;
z-index: 1;
}

.mobile_nav nav.navbar.navbar-expand-lg.header-part::after {
content: '';
width: 100%;
height: 65px;
background: #fff;
position: absolute;
top: 0;
z-index: 0;
}

.mobile_nav .header-part .navbar-toggler {
border-radius: 0;
border-top: 1px solid #344cb7;
border-bottom: 1px solid #344cb7;
padding: 0 3px;
margin-right: 1.5rem;
outline: none;
box-shadow: none;
z-index: 1;
position: relative;
transition: .3s;
}

.mobile_nav .header-part .navbar-toggler::before {
content: '';
width: 100%;
height: 1px;
display: block;
background: #344cb7;
position: absolute;
left: 0;
right: 0;
top: 50%;
transition: .3s;
}

.mobile_nav .header-part .navbar-toggler::after {
content: '';
display: block;
width: 100%;
height: 1px;
background: #344cb7;
position: absolute;
left: 0;
right: 0;
bottom: 50%;
opacity: 0;
transition: .3s;
}

.mobile_nav .module-container .main .header-part button.navbar-toggler[aria-expanded="true"] {
border-color: #fff;
transition: .3s;
}

.mobile_nav .module-container .main .header-part button.navbar-toggler[aria-expanded="true"]::before {
transform: rotate(45deg);
transition: .3s;
}

.mobile_nav .module-container .main .header-part button.navbar-toggler[aria-expanded="true"]::after {
transform: rotate(-45deg);
opacity: 1;
transition: .3s;
}

.mobile_nav .header-part .navbar-toggler-icon {
background: none;
height: 1.3rem;
}

.mobile_nav .header-part .navbar-nav .nav-link {
text-align: center;
background: none;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
padding-bottom: 0;
padding-top: 4px;
font-size: 1rem;
}

.mobile_nav .header-part .navbar-nav .nav-link:hover {
background: none;
}

.mobile_nav .dropdown-toggle::after {
width: 9px;
height: 9px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-top: none;
border-right: none;
transform: rotate(-45deg);
}

.mobile_nav .module-container .main .header-part .navbar-collapse {
height: calc(100vh - 65px);
overflow: auto;
padding-top: 1rem;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav {
flex-direction: unset;
flex-wrap: wrap;
justify-content: center;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav::after {
content: '';
display: block;
width: 100%;
height: 70px;
background: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/08.jpg);
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
-webkit-transform: translateZ(0);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item {
width: 100%;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(7) {
padding-bottom: 5rem;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(1),
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(2),
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(3),
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(4),
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(5),
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(6) {
position: fixed;
bottom: 0;
width: auto;
margin-bottom: 1.5rem;
z-index: 1;
-webkit-transform: translateZ(0);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(1) a,
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(2) a,
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(3) a,
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(4) a,
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(5) a,
.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(6) a {
font-size: 1.5rem;
line-height: 0;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(6) {
left: calc(50% - 6.1rem);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(5) {
left: calc(50% - 4.3rem);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(5) a {
font-size: 0;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(5) i:after {
content: '';
display: block;
width: 24px;
height: 22px;
background-image: url(https://www.yoyoandmaldives.com/material-alias/line.svg);
background-size: 100%;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(4) {
left: calc(50% - 1.7rem);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(3) {
left: calc(50% + 0.7rem);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(2) {
left: calc(50% + 3.5rem);
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(1) {
left: calc(50% + 6rem);
margin-bottom: 1rem;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(1) a {
padding: 3px 1.2rem;
border: 1px solid #344cb7;
background: #fff;
color: #344cb7 !important;
letter-spacing: 1px;
line-height: 2;
font-size: 15px;
}

.mobile_nav .header-part .dropdown-menu {
background-color: rgba(158, 135, 82, 0.8) !important;
}

.mobile_nav .header-part .dropdown-menu a.dropdown-item {
font-size: 14px;
line-height: 2rem;
text-align: center;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
color: #fff;
}

.mobile_nav .header-part .dropdown.show a:hover,
.mobile_nav .header-part .dropdown.show {
background: none;
outline: none;
box-shadow: none;
}

@media (max-width:576px) {
.mobile_nav .module-container .main .header-part .navbar-collapse {
height: calc(100vh - 55px);
overflow: auto;
padding-top: 1rem;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(6) {
left: 20px;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(5) {
left: 55px;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(4) {
left: 100px;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(3) {
left: 143px;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(2) {
left: 189px;
}

.mobile_nav .module-container .main .header-part .navbar-collapse .navbar-nav .nav-item:nth-last-child(1) {
left: unset;
right: 15px;
}
}

/*TITLE*/
.web_title {
letter-spacing: 0.05rem;
}

.web_title h3 {
margin-bottom: 0;
line-height: 1;
}

.web_title h2 {
line-height: 1;
display: table;
margin: 0 auto 0;
padding: 0 2rem 1rem;
position: relative;
}

.web_title h2::before {
content: '';
display: table;
width: 1.5rem;
height: 1px;
background: #111;
position: absolute;
left: 0;
top: calc(50% - 4px);
}

.web_title h2::after {
content: '';
display: table;
width: 1.5rem;
height: 1px;
background: #111;
position: absolute;
right: 0;
top: calc(50% - 4px);
}

.web_title_w h2::before,
.web_title_w h2::after {
background: #fff;
}

.web_title_o h2::before,
.web_title_o h2::after {
background: #fc5404;
}

.web_boxinfo::before {
content: '';
display: block;
width: 6px;
height: 6px;
background-color: #e2e2e2;
position: absolute;
top: -8px;
left: calc(50% - 2.5px);
transform: rotate(45deg);
}

.web_boxinfo::after {
content: '';
display: block;
width: 385px;
height: 1px;
background-color: #e2e2e2;
position: absolute;
top: -5px;
left: calc(50% - 192.5px);
}

@media (max-width:576px) {
.web_boxinfo::after {
    width: 80%;
    left: 10%;
}
.web_title h2 img{max-width: 100% !important;height: auto !important;}
}

/*IDX_slider*/
.idx_slider [class*='swiper-button-']:after {
background: none;
}

.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .cover {
display: none;
}

.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt {
top: unset;
bottom: 0;
width: 100%;
left: 0;
right: 0;
transform: unset;
max-width: 100%;
backdrop-filter: blur(4px);
}

.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title {
text-align: center;
margin: auto;
display: table;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
font-size: 1.75rem;
font-weight: unset;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box
.title {
letter-spacing: 0.1rem;
margin: auto;
display: table;
margin-top: 1.5rem;
}

.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line {
background: transparent;
margin: 10px 0;
}

@media (max-width:576px) {
.idx_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title {
font-size: 1.3rem;
}
}

/*側邊固定功能欄*/
.web_sidebar .side_bar {
background: rgba(63, 70, 77, 0.8);
border-radius: 0;
box-shadow: none;
padding: 0 10px;
margin: 0;
}

.web_sidebar .side_bar li {
border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
padding: 15px 0;
}

.web_sidebar .side_bar li a img {
width: 25px;
}

.web_sidebar .side_bar li a i {
font-size: 1.4em;
}

.web_sidebar .side_bar li a p {
display: none;
}

.web_sidebar .side_bar li:nth-last-child(1),
.web_sidebar .side_bar li:nth-last-child(2),
.web_sidebar .side_bar li:nth-last-child(3) {
display: none;
}

.web_sidebar .side_bar li:nth-child(2),
.web_sidebar .side_bar li:nth-last-child(1) {
border: none !important;
}

.web_sidebar .side_bar:hover li:nth-child(2) {
display: none;
}

.web_sidebar .side_bar:hover li:nth-last-child(3) {
display: block;
}

.web_sidebar .side_bar:hover li:nth-last-child(2) {
display: block;
}

.web_sidebar .side_bar:hover li:nth-last-child(1) {
display: block;
}

.web_sidebar .actGotop {
right: 0 !important;
}

.web_sidebar .actGotop a,
.web_sidebar .actGotop a:link {
border-radius: 0;
}

.web_sidebar .actGotop a i {
line-height: 60px;
font-size: 35px;
}

@media (max-width:767px) {
.web_sidebar .side_bar {
width: 40px;
padding: 0 10px;
}

.web_sidebar .side_bar li {
padding: 8px 0;
}

.web_sidebar .side_bar li a img {
width: 20px;
}

.web_sidebar .side_bar li a i {
font-size: 1.1rem;
}

.web_sidebar .actGotop {
height: 40px;
width: 40px;
}

.web_sidebar .actGotop a,
.web_sidebar .actGotop a:link {
width: 40px;
height: 40px;
}

.web_sidebar .actGotop a i {
line-height: 40px;
font-size: 27px;
width: 40px;
}
}

/*精選飯店*/
.idx_hotel .wall-wrapper .thicon_info {
width: calc(100% - 10px);
margin: 5px;
background: #344cb7;
aspect-ratio: 6 / 3.25;
display: block;
}

.idx_hotel .wall-wrapper .thicon_info figure {
aspect-ratio: 6/3.25;
}

.idx_hotel .wall-wrapper .thicon_info figure .b_img {
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}

.idx_hotel .wall-wrapper .thicon_info:hover figure .b_img {
opacity: 0.4;
}

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

.idx_hotel .wall-wrapper .thicon_info:hover figure::before {
left: 3rem;
right: 3rem;
transition: 0.35s;
opacity: 1;
}

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

.idx_hotel .wall-wrapper .thicon_info:hover figure::after {
top: 3rem;
bottom: 3rem;
opacity: 1;
transition: 0.35s;
}

.idx_hotel .wall-wrapper .thicon_info span {
width: 100%;
text-align: center;
bottom: 34%;
font-size: 16px;
letter-spacing: 0.1rem;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
font-weight: normal;
text-shadow: none;
transition: 0.35s;
opacity: 0;
}

.idx_hotel .wall-wrapper .thicon_info:hover span {
bottom: 37%;
opacity: 1;
transition: 0.35s;
}

.idx_hotel .wall-wrapper .thicon_info h3 {
font-size: 1.3rem;
color: #fff;
font-weight: normal;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
width: 100%;
bottom: unset;
top: calc(45% - 11px);
text-align: center;
margin: 0;
letter-spacing: 0.1rem;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
transition: 0.35s;
}

.idx_hotel .wall-wrapper .thicon_info:hover h3 {
top: calc(48% - 11px);
transition: 0.35s;
}

.idx_hotel .wall-wrapper .thicon_info .theme_info {
display: none;
}

@media (max-width:1440px) {
.idx_hotel .wall-wrapper .thicon_info figure::before {
top: 2rem;
bottom: 2rem;
}

.idx_hotel .wall-wrapper .thicon_info:hover figure::before {
left: 2rem;
right: 2rem;
}

.idx_hotel .wall-wrapper .thicon_info figure::after {
left: 2rem;
right: 2rem;
}

.idx_hotel .wall-wrapper .thicon_info:hover figure::after {
top: 2rem;
bottom: 2rem;
}

.idx_hotel .wall-wrapper .thicon_info span {
bottom: 30%;
}

.idx_hotel .wall-wrapper .thicon_info:hover span {
bottom: 32%;
}
}

@media (max-width:991px) {
.idx_hotel .wall-wrapper .thicon_info h3 {
top: calc(44% - 11px);
}
}

/*最新優惠*/
.discount_wrap .module-container .row.main {
background-size: 30% !important;
}

.idx_discount .module_carousel {
padding-bottom: 0;
background: none;
}

.idx_discount .tab_container {
width: 50%;
}

.idx_discount .country_tab .module_box_title {
width: 50%;
}

.idx_discount .tab_content .img {
aspect-ratio: 6/3.9;
}

.idx_discount .tab_content .img img {
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}

.idx_discount .country_tab .module_box_title ul li {
border: none;
padding: 0;
}

.idx_discount .country_tab .module_box_title ul li a {
display: flex;
flex-wrap: wrap;
font-size: 18px;
padding: 0.8rem;
}

.idx_discount .country_tab .module_box_title ul li a:hover {
background-color: #eff1f6;
}

.idx_discount .country_tab .module_box_title ul li a p {
color: #111;
order: -1;
width: 100%;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}

.idx_discount .country_tab .module_box_title ul li a:hover p {
color: #000957;
}

.idx_discount .country_tab .module_box_title ul li a span {
position: relative;
width: 100%;
background: none;
color: #666;
font-size: 14px;
font-weight: normal;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
padding: 0;
margin-right: 0;
}

.idx_discount .country_tab .module_box_title ul li a:hover span {
color: #344cb7;
}

.idx_discount .country_tab .module_box_title ul li a span::after {
display: none;
}

.discount_more div.link-list {
background: none !important;
}

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

.discount_more div.link-list ul li a,
.discount_more div.link-list ul li span {
padding: 0.1rem 2rem;
border: 1px solid #000957;
border-radius: 50px;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
box-shadow: 0px 4px 0px rgba(0, 9, 87, 0.2);
position: relative;
bottom: 0;
background: #fff;
transition: 0.3s;
}

.discount_more div.link-list ul li a:hover,
.discount_more div.link-list ul li span:hover {
box-shadow: 0px 0px 0px #b9c3dd;
background: #344cb7;
bottom: -4px;
transition: 0.3s;
}

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

@media (max-width:767px) {
.discount_wrap .module-container .row.main {
background: none !important;
}

.idx_discount .tab_container {
width: 100%;
}

.idx_discount .country_tab .module_box_title {
width: 100%;
}
}

@media (max-width:576px) {
.idx_discount .module_carousel .country_content {
padding: 0 15px;
}

.idx_discount .tab_container {
overflow: unset;
}

.idx_discount .tab_container .tab_content {
display: block !important;
margin-bottom: 8rem;
}

.idx_discount .tab_content .img {
aspect-ratio: unset;
width: 100%;
height: 250px;
overflow: hidden;
}

.idx_discount .country_tab .module_box_title {
position: absolute;
top: 0;
}

.idx_discount .country_tab .module_box_title ul li {
height: 128px;
margin-top: 250px;
}

.idx_discount .country_tab .module_box_title ul li a span {
-webkit-line-clamp: 2;
}

.idx_discount .country_tab .module_box_title ul li a p {
-webkit-line-clamp: 2;
line-height: 1.4;
margin-bottom: 5px;
}
}

/*YOYO視界*/
.word_title {
position: absolute;
z-index: 1;
top: 0;
padding-top: 2rem;
}

.idx_word {
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/07.jpg);
background-size: auto;
}

.idx_word .swiper-slide-style {
margin: 0;
padding: 0 20px;
background: none;
border-radius: 0;
box-shadow: none;
position: relative;
bottom: 0;
}

.idx_word .swiper-slide-style:hover {
bottom: 1rem;
}

.idx_word .swiper-slide .swiper-img {
margin: 0;
}

.idx_word .swiper-slide .swiper-img img {
border-radius: 0;
}

.idx_word .swiper-slide .swiper-content {
background: #fff;
width: calc(100% - 20px);
margin-top: -4rem;
position: relative;
z-index: 1;
padding: 20px;
display: table;
}

.idx_word .swiper-slide .swiper-content span {
font-size: 17px;
font-style: italic;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
line-height: 1;
color: #a98f6c;
}

.idx_word .swiper-slide .swiper-content h4 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
font-size: 17px;
margin: 8px 0 0;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
line-height: 1.5;
color: #111;
}

.idx_word .swiper-slide:hover .swiper-content h4 {
color: #344CB7;
}

.idx_word .swiper-container {
padding: 0 calc(16.66666% - 30px);
padding-top: 9rem;
padding-bottom: 3rem;
}

.idx_word .swiper-container:before {
content: '';
display: block;
background-color: transparent;
width: calc(16.6666% - 10px);
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 5;
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/07.jpg);
background-size: auto;
}

.idx_word .swiper-container:after {
content: '';
display: block;
background-color: transparent;
width: calc(16.6666% - 10px);
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 5;
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/07.jpg);
background-size: auto;
background-position: left calc(100% - 100vw + 10px) top;
}

.idx_word .swiper-button-prev.swiper-button-white,
.idx_word .swiper-button-next.swiper-button-white {
width: 45px;
height: 45px;
background: rgba(0, 0, 0, 0.7);
opacity: 1;
border-radius: 50px;
top: 60%;
outline: none;
box-shadow: none;
}

.idx_word .swiper-button-prev.swiper-button-white {
left: calc(16.66666% - 75px);
}

.idx_word .swiper-button-next.swiper-button-white {
right: calc(16.66666% - 75px);
}

.idx_word .swiper-button-next:after,
.idx_word .swiper-container-rtl .swiper-button-prev:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17px;
border-color: transparent transparent transparent #bb9e77;
background: none;
padding: 0;
margin-left: 4px;
font-size: 0;
}

.idx_word .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 17px 10px 0;
border-color: transparent #bb9e77 transparent transparent;
background: none;
padding: 0;
margin-right: 4px;
font-size: 0;
}

.idx_word .swiper-pagination-fraction,
.swiper-pagination-custom,
.idx_word .swiper-container-horizontal>.swiper-pagination-bullets {
margin-top: 1.5rem;
}

.idx_word .swiper-pagination-bullet {
width: 15px;
height: 15px;
line-height: 15px;
background: rgba(255, 255, 255, 0.5);
}

.idx_word .swiper-pagination-bullet-active {
background: #414141;
}

@media (max-width:1440px) {
.idx_word .swiper-container {
padding-left: calc(8.3333% - 30px);
padding-right: calc(8.3333% - 30px);
}

.idx_word .swiper-container:before,
.idx_word .swiper-container:after {
width: calc(8.3333% - 10px);
}

.idx_word .swiper-button-next.swiper-button-white {
right: calc(8.3333% - 75px);
}

.idx_word .swiper-button-prev.swiper-button-white {
left: calc(8.3333% - 75px);
}
}

@media (max-width:991px) {
.idx_word .swiper-container {
padding-left: 3rem;
padding-right: 3rem;
}

.idx_word .swiper-button-prev.swiper-button-white {
left: 10px;
}

.idx_word .swiper-button-next.swiper-button-white {
right: 10px;
}

.idx_word .swiper-container:before {
width: 68px;
}

.idx_word .swiper-container:after {
background-position: left calc(100% - 100vw) top;
width: 70px;
}
}

@media (max-width:576px) {
.idx_word .swiper-container {
padding-left: 1rem;
padding-right: 1rem;
}

.idx_word .swiper-container:before {
display: none;
}

.idx_word .swiper-container:after {
display: none;
}

.idx_word .swiper-pagination-fraction,
.swiper-pagination-custom,
.idx_word .swiper-container-horizontal>.swiper-pagination-bullets {
margin-top: 5rem;
}

.idx_word .swiper-button-next.swiper-button-white {
top: unset;
bottom: 6rem;
right: calc(50% - 60px);
}

.idx_word .swiper-button-prev.swiper-button-white {
left: calc(50% - 60px);
top: unset;
bottom: 6rem;
}
}

/*精彩遊記*/
.idx_blog .swiper-container {
padding: 0 calc(16.66666% - 30px);
}

.idx_blog .swiper-slide-style {
margin: 0;
padding: 0 35px;
box-shadow: none;
border-radius: 0;
}

.idx_blog .swiper-slide .swiper-img {
width: 235px;
float: left;
aspect-ratio: 1/1;
position: relative;
z-index: 1;
margin-bottom: -117px;
}

.idx_blog .swiper-slide .swiper-img img {
border-radius: 0;
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}

.idx_blog .swiper-slide .swiper-title {
width: calc(100% - 235px);
float: left;
padding: 0 20px;
text-align: justify;
font-size: 18px;
margin-top: 1rem;
line-height: 1.5;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
color: #111;
position: relative;
z-index: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
letter-spacing: 0.05rem;
}

.idx_blog .swiper-slide:hover .swiper-title {
color: #fc5404;
}

.idx_blog .swiper-slide .swiper-content {
background: #fff2ea;
width: 100%;
padding: 20px 20px 20px 255px;
position: relative;
top: 0;
z-index: 0;
display: table;
}

.idx_blog .swiper-slide:hover .swiper-content {
background: #fff9f4;
}

.idx_blog .swiper-slide .swiper-content h4 {
font-size: 15px;
color: #702d00;
margin-bottom: 10px;
line-height: 1.5;
text-align: justify;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 68px;
letter-spacing: 0;
}

.idx_blog .swiper-slide .swiper-content span {
font-size: 14px;
color: #a98f6c;
text-align: justify;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}

.idx_blog .swiper-button-prev.swiper-button-white,
.idx_blog .swiper-button-next.swiper-button-white {
width: 45px;
height: 45px;
background: #fba286;
opacity: 1;
border-radius: 50px;
outline: none;
box-shadow: none;
}

.idx_blog .swiper-button-prev.swiper-button-white {
left: calc(16.6666% - 75px);
}

.idx_blog .swiper-button-next.swiper-button-white {
right: calc(16.6666% - 75px);
}

.idx_blog .swiper-button-next:after,
.idx_blog .swiper-container-rtl .swiper-button-prev:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17px;
border-color: transparent transparent transparent #ffffff;
background: none;
padding: 0;
margin-left: 4px;
font-size: 0;
}

.idx_blog .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 17px 10px 0;
border-color: transparent #ffffff transparent transparent;
background: none;
padding: 0;
margin-right: 4px;
font-size: 0;
}

.idx_blog .swiper-pagination-fraction,
.swiper-pagination-custom,
.idx_blog .swiper-container-horizontal>.swiper-pagination-bullets {
margin-top: 1.5rem;
}

.idx_blog .swiper-pagination-bullet {
width: 15px;
height: 15px;
line-height: 15px;
background: #fff;
border: 1px solid #fba286;
}

.idx_blog .swiper-pagination-bullet-active {
background: #fc5404;
border-color: #fc5404;
}

.idx_blog .swiper-container:before {
content: '';
display: block;
background-color: #fff;
width: calc(16.6666% - 10px);
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 5;
}

.idx_blog .swiper-container:after {
content: '';
display: block;
background-color: #fff;
width: calc(16.6666% - 10px);
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 5;
}

@media (max-width:1440px) {
.idx_blog .swiper-container {
padding: 0 calc(8.3333% - 30px);
}

.idx_blog .swiper-container:before,
.idx_blog .swiper-container:after {
width: calc(8.3333% - 10px);
}

.idx_blog .swiper-button-next.swiper-button-white {
right: calc(8.3333% - 75px);
}

.idx_blog .swiper-button-prev.swiper-button-white {
left: calc(8.3333% - 75px);
}
}

@media (max-width:1080px) {
.idx_blog .swiper-slide .swiper-img {
width: 185px;
}

.idx_blog .swiper-slide .swiper-title {
width: calc(100% - 185px);
}

.idx_blog .swiper-slide .swiper-content {
padding: 20px 20px 20px 205px;
}
}

@media (max-width:991px) {
.idx_blog .swiper-container {
padding-left: 3rem;
padding-right: 3rem;
}

.idx_blog .swiper-button-prev.swiper-button-white {
left: 10px;
}

.idx_blog .swiper-button-next.swiper-button-white {
right: 10px;
}

.idx_blog .swiper-container:before {
width: 68px;
}

.idxidx_blog_word .swiper-container:after {
width: 70px;
}
}

@media (max-width:576px) {
.idx_blog .swiper-container {
padding-left: 1rem;
padding-right: 1rem;
}

.idx_blog .swiper-slide-style {
padding: 0px 20px;
}

.idx_blog .swiper-container:before {
display: none;
}

.idx_blog .swiper-container:after {
display: none;
}

.idx_blog .swiper-pagination-fraction,
.swiper-pagination-custom,
.idx_blog .swiper-container-horizontal>.swiper-pagination-bullets {
margin-top: 5rem;
}

.idx_blog .swiper-button-next.swiper-button-white {
top: unset;
bottom: 3rem;
right: calc(50% - 60px);
}

.idx_blog .swiper-button-prev.swiper-button-white {
left: calc(50% - 60px);
top: unset;
bottom: 3rem;
}

.idx_blog .swiper-slide .swiper-content {
padding: 14rem 20px 20px 20px;
}

.idx_blog .swiper-slide .swiper-title {
width: calc(100% - 2.5rem);
position: absolute;
bottom: 9.5rem;
height: 80px;
}

.idx_blog .swiper-slide .swiper-img {
width: calc(100% - 6rem);
margin-left: 3rem;
}

.idx_blog .swiper-slide .swiper-content span {
-webkit-line-clamp: 2;
height: 31px;
line-height: 1.2;
}
}

/*footer*/
.footer_companyinfo .footer-wrap .footer_center {
padding-bottom: 1.5rem;
background: #f7f7f7;
}

.footer_companyinfo .footer-wrap .fnav_wrap,
.footer_companyinfo .footer-wrap .icon_wrap,
.footer_companyinfo .footer-wrap .fb-info,
.footer_companyinfo .footer-wrap .footer_sbox {
display: none;
}

.footer_companyinfo .footer-wrap .company-info,
.footer_companyinfo .footer-wrap .contact-info {
max-width: 50%;
flex: 0 0 50%;
flex-wrap: wrap;
}

.footer_companyinfo .footer-wrap .contact-info .contact-box:nth-child(odd) {
flex: 0 0 40%;
}

.footer_companyinfo .footer-wrap .contact-info .contact-box:nth-child(even) {
flex: 0 0 60%;
}

.footer_companyinfo .footer-wrap .info_box h3 {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
font-weight: normal;
font-size: 18px;
letter-spacing: 0.05rem;
margin-bottom: 1.5rem;
}

.footer_companyinfo .footer-wrap .info_box p {
margin-bottom: 3px;
color: #888888;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
letter-spacing: 0.05rem;
}

.footer_companyinfo .footer-wrap .contact-box {
flex: 0 0 50%;
margin-top: 0.5rem;
margin-bottom: 0.1rem !important;
}

.footer_companyinfo .footer-wrap .contact-box h2 {
font-size: 13px;
font-weight: normal;
margin-bottom: 5px;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
letter-spacing: 0.05rem;
}

.footer_companyinfo .footer-wrap .contact-box h4 {
font-size: 15.5px;
margin: 5px 0 0;
color: #111;
padding-left: 0;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
letter-spacing: 0.05rem;
}

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

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

.footer_copyicons div.link-list ul {
padding-left: 15px;
}

.footer_copyicons div.link-list ul li a,
.footer_copyicons div.link-list ul li span {
padding: 8px 10px 8px 10px;
}

.footer_copyicons div.link-list ul li i {
font-size: 1.55rem;
margin-right: 0px;
}

.footer_copyicons div.link-list ul li:nth-child(2) a {
font-size: 0 !important;
}

.footer_copyicons div.link-list ul li:nth-child(2) i::after {
content: '';
display: block;
width: 24px;
height: 22px;
background-image: url(https://www.yoyoandmaldives.com/material-alias/line.svg);
background-size: 100%;
}

.footer_copyicons div.link-list ul li span {
color: #aaaaaa !important;
font-weight: lighter;
letter-spacing: 0;
}

@media (max-width:1440px) {

.footer_companyinfo,
.footer_copyicons {
max-width: 100%;
flex: 0 0 100%;
}

.footer_companyinfo .footer-wrap .company-info .info_box .info-text {
flex: 0 0 100%;
max-width: 100%;
}
}

@media (max-width:991px) {
.footer_copyicons div.link-list ul {
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}

.footer_copyicons div.link-list ul li a {
padding: 1.5rem 10px 5px 10px;
line-height: 1.5;
}

.footer_copyicons div.link-list ul li:nth-last-child(1) {
width: 100%;
text-align: center;
}

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

@media (max-width:767px) {

.footer_companyinfo .footer-wrap .company-info,
.footer_companyinfo .footer-wrap .contact-info {
max-width: 100%;
flex: 0 0 100%;
}

.footer_companyinfo .footer-wrap .company-info .info_box .info-text {
text-align: center;
}

.footer_companyinfo .footer-wrap .contact-box {
flex: 0 0 100% !important;
}

.footer_companyinfo .footer-wrap .contact-box {
text-align: center;
}
}

/* 凱仕主打 */
.hotellist_boxinfo {
max-width: 922px;
margin: 0 auto;
}

.hotellist_boxinfo::before {
content: '';
display: block;
width: 112px;
height: 1px;
background-color: #e2e2e2;
position: absolute;
top: -10px;
left: 50%;
transform: translate(-50%, 0);
}

.hotellist_boxinfo p span {
font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important;
}

.hotel_list .falls-container .grid {
height: auto !important;
}

.hotel_list .grid .grid-item {
position: initial !important;
background: #ffffff;
box-shadow: 0px 2px 10px 0 #e2e2e2;
margin: 15px !important;
padding: 0;
max-width: calc(33.333333% - 30px);
}

.hotel_list .falls-container .grid .grid-item img {
margin-top: 0;
margin-bottom: 0;
opacity: 1;
aspect-ratio: 5/3;
object-fit: cover;
object-position: center center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.hotel_list .falls-container .grid .grid-item:hover img {
opacity: 0.6;
}

.hotel_list .falls-container .grid .grid-item h3 {
height: 64px;
margin: 0;
padding: 16px 21px 0px;
color: #111111;
font-size: 18px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: justify;
text-overflow: ellipsis;
overflow: hidden;
}

.hotel_list .falls-container .grid .grid-item:hover h3 {
color: #000957
}

.hotel_list .falls-container .grid .grid-item p {
margin: 0;
}

.hotel_list .falls-container .grid .grid-item ul {
position: relative;
list-style: none;
color: #333333;
font-size: 14px;
margin-bottom: 0;
margin-left: 0;
padding: 30px 21px 16px 40px;
line-height: 24px;
}

.hotel_list .falls-container .grid .grid-item ul::before {
content: "";
position: absolute;
width: calc(100% - 42px);
left: 21px;
top: 15px;
height: 1px;
background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc1d', endColorstr='#00ffcc1d', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}

.hotel_list .falls-container .grid .grid-item ul li {
position: relative;
}

.hotel_list .falls-container .grid .grid-item ul li::before {
position: absolute;
content: "";
background-color: #fc5404;
width: 6px;
height: 6px;
border-radius: 50%;
top: 9px;
left: -14px;
}

.hotel_list.two_countries .falls-container .grid .grid-item>p {
position: relative;
color: #333333;
font-size: 14px;
padding: 30px 21px 16px;
line-height: 24px;
}

.hotel_list.two_countries .falls-container .grid .grid-item>p::before {
content: "";
position: absolute;
width: calc(100% - 42px);
left: 21px;
top: 15px;
height: 1px;
background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc1d', endColorstr='#00ffcc1d', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}

@media (max-width:767px) {
.hotellist_main_image .bgfixed {
height: 468px !important;
min-height: 468px !important;
}

.hotel_list .grid .grid-item {
max-width: calc(50% - 30px);
}
}

@media (max-width:576px) {
.hotel_list_title {
padding-top: 27px !important;
}

.hotellist_boxinfo {
padding-top: 8px !important;
padding: 0 30px !important;
}

.hotellist_boxinfo::before {
width: 84px;
top: -15px;
}

.hotel_list_title h2 span {
font-size: 20px !important;
}

.hotel_list .grid .grid-item {
max-width: calc(100% - 30px);
}

.hotel_list .falls-container .grid .grid-item h3 {
font-size: 16px;
}
}

/*最新優惠-列表*/
.bg_title {
padding-top: 80px;
}

.bg_title section.text-link h2 {
letter-spacing: 0.05rem;
padding: 0 0 8px;
display: table;
margin: 0 auto;
position: relative;
}

.bg_title section.text-link h2::before {
content: '';
display: table;
width: 80%;
height: 1px;
position: absolute;
bottom: 0;
background: #666;
left: 10%;
right: 0;
}

.bg_title div.link-list {
min-height: auto;
}

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

.bg_title div.link-list ul li a,
.bg_title div.link-list ul li span {
padding: 4px 5px 7px;
line-height: 1.5;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.bg_title div.link-list ul li i {
display: none;
}

.exclusive_list .falls-container .grid {
height: auto !important;
}

.exclusive_list .grid .grid-item {
border: 1px solid #e2e2e2;
padding: 0;
margin: 15px !important;
max-width: calc(25% - 30px);
transition: .3s;
position: unset !important;
display: table;
}

.exclusive_list .grid .grid-item:hover {
margin-top: 0 !important;
margin-bottom: 2rem !important;
box-shadow: 0px 0px 10px #ccc;
transition: .3s;
}

.exclusive_list .falls-container .grid .grid-item img {
aspect-ratio: 3/2;
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
margin-top: 0;
}

.exclusive_list .falls-container .grid .grid-item h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 45px;
line-height: 1.3;
padding: 0 18px;
font-size: 18px;
color: #111;
transition: .3s;
}

.exclusive_list .falls-container .grid .grid-item:hover h3 {
color: #fc5404;
transition: .3s;
}

.exclusive_list .falls-container .grid .grid-item h5 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 18px;
height: 80px;
line-height: 1;
margin-bottom: 1rem;
color: #696969;
}

.exclusive_list .falls-container .grid .grid-item:hover h5 {
color: #111;
}

.exclusive_list .falls-container .grid .grid-item h6 {
width: 100%;
margin: 0;
text-align: center;
padding: 0.5rem 1rem;
background: #a98f6c;
color: #fff;
font-size: 18px;
letter-spacing: 0.05rem;
line-height: 1.5;
}

.exclusive_list .falls-container .grid .grid-item p {
margin: 0;
}

@media (min-width:1200px) and (max-width:1366px) {
.exclusive_list {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}

@media (min-width:992px) and (max-width:1199px) {
.exclusive_list {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
}

@media (max-width:991px) {
.exclusive_list .grid .grid-item {
max-width: calc(33.3333% - 30px);
}
}

@media (max-width:767px) {
.exclusive_list .grid .grid-item {
max-width: calc(50% - 30px);
}
}

@media (max-width:576px) {
.exclusive_list .grid .grid-item {
max-width: calc(100% - 30px);
}

.exclusive_list .falls-container .grid .grid-item h3,
.exclusive_list .falls-container .grid .grid-item h5 {
height: auto;
-webkit-line-clamp: unset;
}
}

/*最新優惠-內頁*/
.exclusive_detailTIT {
border-bottom: 1px solid #ccc !important;
}

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

.exclusive_detailBTN div.link-list ul li a {
background: #fc5404;
padding: 0.35rem 2rem 0.4rem;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
border-radius: 50px;
line-height: 1.5;
position: relative;
}

.exclusive_detailBTN div.link-list ul li a::before {
content: '';
display: block;
position: absolute;
left: 4px;
right: 4px;
top: 4px;
bottom: 4px;
border: 1px solid #fff;
border-radius: 50px;
}

.exclusive_detailBTN div.link-list ul li a i {
display: none;
}

.exclusive_detailINFO ul {
list-style-type: none;
padding-left: 1rem;
}

.exclusive_detailINFO ul li {
position: relative;
margin-bottom: 5px;
}

.exclusive_detailINFO ul li::before {
position: absolute;
content: "";
background-color: #fc5404;
width: 8px;
height: 8px;
border-radius: 50%;
top: 7px;
left: -16px;
}

.exclusive_detailINFO ol {
padding-left: 1rem;
}

.exclusive_detailINFO ol li {
margin-bottom: 5px;
}

.exclusive_detailINFO img {
max-width: 100%;
}

.otherinfo_box section.text-link h2 {
display: table;
margin: 0 auto 2rem;
padding-bottom: 0.6rem;
position: relative;
}

.otherinfo_box section.text-link h2::before {
content: '';
display: table;
position: absolute;
height: 1px;
left: 30px;
right: 30px;
bottom: 0;
background-color: #999;
width: calc(100% - 60px);
}

.otherinfo_box div.link-list {
background: none !important;
}

.otherinfo_box div.link-list ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

.otherinfo_box div.link-list ul li {
display: inline-block;
width: calc(50% - 30px);
margin: 8px 15px 8px;
background: rgba(255, 255, 255, 0.7);
}

.otherinfo_box div.link-list ul li a,
.otherinfo_box div.link-list ul li span {
width: 100%;
padding: 15px 15px 15px 20px;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.otherinfo_box div.link-list ul li a:hover {
background-color: #fff;
}

.otherinfo_box div.link-list ul li i {
font-size: 1.2rem;
margin-right: 10px;
color: #344cb7;
}

@media (max-width:767px) {
.otherinfo_box div.link-list ul li {
width: calc(100% - 30px)
}
}

.moreinfo_title h3 {
display: table;
margin-left: auto;
margin-right: auto;
padding-bottom: 0.6rem;
position: relative;
}

.moreinfo_title h3::before {
content: '';
display: table;
position: absolute;
height: 1px;
left: 15px;
right: 15px;
bottom: 0;
background-color: #999;
width: calc(100% - 30px);
}

.moreinfo_slider .swiper-container {
padding: 0 calc(16.66666% - 30px);
}

.moreinfo_slider .swiper-slide-style {
margin: 0;
padding: 0 15px;
box-shadow: none;
border-radius: 0;
background: none;
}

.moreinfo_slider .swiper-slide .swiper-img {
aspect-ratio: 3/2;
}

.moreinfo_slider .swiper-slide .swiper-img img {
border-radius: 0;
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}

.moreinfo_slider .swiper-slide .swiper-title {
padding: 0;
font-size: 18px;
text-align: justify;
font-weight: normal;
color: #111;
letter-spacing: 0.05rem;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 45px;
}

.moreinfo_slider .swiper-slide:hover .swiper-title {
color: #fc5404;
}

.moreinfo_slider .swiper-slide .swiper-content {
color: #696969;
padding: 0;
font-size: 15px;
letter-spacing: 0.03rem;
line-height: 1.5;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
padding-top: 15px;
margin-bottom: 15px;
position: relative;
}

.moreinfo_slider .swiper-slide .swiper-content:hover {
color: #111;
}

.moreinfo_slider .swiper-slide .swiper-content::before {
content: "";
position: absolute;
width: calc(100%);
left: 0;
top: 0;
height: 1px;
background: -moz-linear-gradient(45deg, rgba(252, 84, 4, 1) 0%, rgba(252, 84, 4, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(252, 84, 4, 1) 0%, rgba(252, 84, 4, 0) 100%);
background: linear-gradient(45deg, rgba(252, 84, 4, 1) 0%, rgba(252, 84, 4, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc5404', endColorstr='#00fc5404', GradientType=1);
}

.moreinfo_slider .swiper-button-prev.swiper-button-white,
.moreinfo_slider .swiper-button-next.swiper-button-white {
width: 45px;
height: 45px;
background: #dddddd;
opacity: 1;
border-radius: 50px;
outline: none;
box-shadow: none;
}

.moreinfo_slider .swiper-button-prev.swiper-button-white {
left: calc(16.6666% - 75px);
}

.moreinfo_slider .swiper-button-next.swiper-button-white {
right: calc(16.6666% - 75px);
}

.moreinfo_slider .swiper-button-next:after,
.moreinfo_slider .swiper-container-rtl .swiper-button-prev:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17px;
border-color: transparent transparent transparent #344cb7;
background: none;
padding: 0;
margin-left: 4px;
font-size: 0;
}

.moreinfo_slider .swiper-button-prev:after,
.moreinfo_slider .swiper-container-rtl .swiper-button-next:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 17px 10px 0;
border-color: transparent #344cb7 transparent transparent;
background: none;
padding: 0;
margin-right: 4px;
font-size: 0;
}

.moreinfo_slider .swiper-pagination-fraction,
.swiper-pagination-custom,
.moreinfo_slider .swiper-container-horizontal>.swiper-pagination-bullets {
margin-top: 1.5rem;
}

.moreinfo_slider .swiper-pagination-bullet {
width: 15px;
height: 15px;
line-height: 15px;
background: #c9c9c9;
border: 01px solid #c9c9c9;
}

.moreinfo_slider .swiper-pagination-bullet-active {
background: #344cb7;
border-color: #344cb7;
}

.moreinfo_slider .swiper-container:before {
content: '';
display: block;
background-color: #fff;
width: calc(16.6666% - 15px);
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 5;
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/rockywall_2X.png);
background-size: auto;
}

.moreinfo_slider .swiper-container:after {
content: '';
display: block;
background-color: #fff;
width: calc(16.6666% - 15px);
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: 5;
background-image: url(https://www.yoyoandmaldives.com/material-alias/hotel_background/rockywall_2X.png);
background-size: auto;
}

@media (max-width:991px) {
.exclusive_detailTIT {
margin-top: 1.5rem !important;
}

.moreinfo_slider .swiper-container {
padding: 0 70px;
}

.moreinfo_slider .swiper-container:before,
.moreinfo_slider .swiper-container:after {
width: 70px;
}

.moreinfo_slider .swiper-button-next.swiper-button-white {
right: 15px;
}

.moreinfo_slider .swiper-button-prev.swiper-button-white {
left: 15px;
}
}

@media (max-width:576px) {
.moreinfo_slider .swiper-container {
padding: 0 60px;
}

.moreinfo_slider .swiper-container:before,
.moreinfo_slider .swiper-container:after {
width: 60px;
}

.moreinfo_slider .swiper-button-next.swiper-button-white {
right: 10px;
}

.moreinfo_slider .swiper-button-prev.swiper-button-white {
left: 10px;
}

.moreinfo_slider .swiper-pagination-fraction,
.swiper-pagination-custom,
.moreinfo_slider .swiper-container-horizontal>.swiper-pagination-bullets {
display: none;
}
}

.moreinfo_sliderHeight .iframe-container iframe {
height: 530px !important;
}

@media (max-width:1440px) {
.moreinfo_sliderHeight .iframe-container iframe {
height: 500px !important;
}
}

@media (max-width:1280px) {
.moreinfo_sliderHeight .iframe-container iframe {
height: 485px !important;
}
}

@media (max-width:784px) {
.moreinfo_sliderHeight .iframe-container iframe {
height: 525px !important;
}
}

@media (max-width:656px) {
.moreinfo_sliderHeight .iframe-container iframe {
height: 630px !important;
}
}

@media (max-width:556px) {
.moreinfo_sliderHeight .iframe-container iframe {
height: 580px !important;
}
}

@media (max-width:400px) {
.moreinfo_sliderHeight .iframe-container iframe {
height: 465px !important;
}
}

/*精彩遊記_列表*/
.blog_hot .wall-wrapper .wall-row>div {
padding-left: 15px !important;
padding-right: 15px !important;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info figure::after {
content: '';
width: 100%;
height: 50%;
display: block;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), transparent);
position: absolute;
bottom: 0;
z-index: 1;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info:hover figure .b_img {
transform: scale(1);
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info span {
font-size: 14px;
text-shadow: none;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
transition: .5s;
bottom: 80px;
left: 0;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info:hover span {
bottom: 140px;
transition: .5s;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info h3 {
font-weight: normal;
font-size: 18px;
text-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
left: 0;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info:hover h3 {
bottom: 85px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info .theme_info {
height: auto;
background: none !important;
top: unset;
bottom: -84px;
left: 0;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info:hover .theme_info {
bottom: 0;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info .theme_info p {
padding: 20px 20px 0;
margin-bottom: 20px;
position: relative;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 64px;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info .theme_info p::before {
content: "";
position: absolute;
width: calc(100% - 40px);
left: 20px;
top: 5px;
height: 1px;
background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

@media (min-width:992px) {
.blog_hot .wall-wrapper .wall-row>div:nth-child(1) {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.blog_hot .wall-wrapper .wall-row>div:nth-child(1) .thicon_info figure {
aspect-ratio: 4/1.8;
}

.blog_hot .wall-wrapper .wall-row>div:nth-child(2) {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.blog_hot .wall-wrapper .wall-row>div:nth-child(2) .thicon_info,
.blog_hot .wall-wrapper .wall-row>div:nth-child(2) .thicon_info a,
.blog_hot .wall-wrapper .wall-row>div:nth-child(2) .thicon_info figure {
display: block;
height: 100%;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info figure img {
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}
}

.blog_list .falls-container .row.grid {
padding-bottom: 0;
}

.blog_list .grid .grid-item {
position: initial !important;
background: #ffffff;
box-shadow: 0px 2px 10px 0 #e2e2e2;
margin: 25px 15px !important;
padding: 0;
max-width: calc(33.333333% - 30px);
display: table;
transition: .3s;
}

.blog_list .grid .grid-item:hover {
margin: 10px 15px 40px !important;
transition: .3s;
}

.blog_list .falls-container .grid .grid-item img {
aspect-ratio: 3/1.95;
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
margin: 0;
}

.blog_list .falls-container .grid .grid-item p {
margin: 0;
}

.blog_list .falls-container .grid .grid-item h1 {
line-height: 1.5;
padding: 15px 20px 0px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 70px;
color: #111;
font-size: 18px;
text-align: justify;
}

.blog_list .falls-container .grid .grid-item:hover h1 {
color: #000957;
}

.blog_list .falls-container .grid .grid-item h2 {
line-height: 1.5;
letter-spacing: 0.01rem;
display: table;
margin: auto;
padding: 5px 15px 5px;
background: #f3f5ff;
font-size: 14px;
}

.blog_list .falls-container .grid .grid-item h3 {
padding: 0 20px;
margin-bottom: 15px;
font-size: 14px;
}

.blog_list .falls-container .grid .grid-item h6 {
padding: 15px 20px 0;
margin-bottom: 20px;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 55px;
line-height: 1.3;
font-size: 14px;
text-align: justify;
}

.blog_list .falls-container .grid .grid-item h6::before {
content: "";
position: absolute;
width: calc(100% - 40px);
left: 20px;
top: 0px;
height: 1px;
background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
background: linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc1d', endColorstr='#00ffcc1d', GradientType=1);
}

.blog_list .falls-container .grid .grid-item h6 span {
font-family: '微軟正黑體', Arial !important;
}

@media (max-width:991px) {

.blog_hot .wall-wrapper .wall-row>div:nth-child(1),
.blog_hot .wall-wrapper .wall-row>div:nth-child(2) {
max-width: 50%;
flex: 0 0 50%;
}

.blog_hot .wall-wrapper .wall-row>div:nth-child(1) .thicon_info figure,
.blog_hot .wall-wrapper .wall-row>div:nth-child(2) .thicon_info figure {
aspect-ratio: 4/3.5;
display: inline-block;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info figure img {
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info .theme_info {
bottom: 0;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info .theme_info p {
opacity: 1;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info h3 {
bottom: 85px;
}

.blog_hot .wall-wrapper .wall-row>div .thicon_info span {
bottom: 145px;
}

.blog_list .grid .grid-item {
max-width: calc(50% - 30px);
flex: unset;
}
}

@media (max-width:576px) {

.blog_hot .wall-wrapper .wall-row>div:nth-child(1),
.blog_hot .wall-wrapper .wall-row>div:nth-child(2) {
max-width: 100%;
flex: 0 0 100%;
}

.blog_hot .wall-wrapper .wall-row>div:nth-child(1) {
margin-bottom: 1rem;
}

.blog_list .grid .grid-item {
max-width: calc(100% - 30px);
margin: 15px !important;
}
}

/*精彩遊記_內頁*/
.blog_detailBTN div.link-list {
background: none;
min-height: unset;
}

.blog_detailBTN div.link-list ul {
display: table;
margin: 2rem auto 0;
}

.blog_detailBTN div.link-list ul li {
display: inline-block;
margin: 0 0.5rem 0.5rem;
}

.blog_detailBTN div.link-list ul li a,
.blog_detailBTN div.link-list ul li span {
padding: 5px 20px;
line-height: 1.5;
background: rgb(243, 245, 255);
border-radius: 50px;
letter-spacing: 0.03rem;
font-family: "Noto Serif TC", "Cormorant SC", serif !important;
}

.blog_detailBTN div.link-list ul li i {
display: none;
}

.blog_detailTIT {
border-bottom: 1px solid #ccc !important;
}

.blog_detailTIT h2 {
line-height: 1.5;
font-size: 20px;
}

.blog_detailTIT h3 {
line-height: 1.5;
font-size: 14px;
}

.blog_detailINFO {
margin-top: 2.5rem;
}

.blog_detailINFO * {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
letter-spacing: 0.05rem;
}

.photography_title section.link.text-link {
display: table;
margin: auto;
background: #333;
}

.photography_title section.text-link h2 {
margin: 0;
line-height: 1.5;
padding: 10px 0 5px;
position: relative;
letter-spacing: 0.05rem;
}

.photography_title section.text-link h2::after {
content: '';
width: calc(100% - 30px);
height: 1px;
display: block;
background: #fff;
position: absolute;
bottom: -0.5px;
left: 15px;
}

.photography_title div.link-list {
background: none;
min-height: unset;
}

.photography_title div.link-list ul li span,
.photography_title div.link-list ul li a {
padding: 5px 20px 10px;
line-height: 1.5;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.photography_title div.link-list ul li i {
display: none;
}

.blog_detailPHOTO .fancybox-wrapper {
justify-content: center;
}

.blog_detailPHOTO .fancybox-wrapper a[data-fancybox] {
aspect-ratio: 3/2;
overflow: hidden;
}

.blog_detailPHOTO .fancybox-wrapper a[data-fancybox]>img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
border-radius: 0;
}

.blog_detailPHOTO .fancybox-wrapper figure.position-top>.content-top p,
.blog_detailPHOTO .fancybox-wrapper figure.position-bottom>.content-bottom p {
margin: 10px 0;
}

.slider_lineY.moreinfo_slider .swiper-container:before,
.slider_lineY.moreinfo_slider .swiper-container:after {
background-image: unset;
}

.slider_lineY.moreinfo_slider .swiper-button-prev.swiper-button-white,
.slider_lineY.moreinfo_slider .swiper-button-next.swiper-button-white,
.slider_lineY.moreinfo_slider .swiper-pagination-bullet {
background-color: #eeeeee;
border-color: transparent;
}

.slider_lineY.moreinfo_slider .swiper-pagination-bullet-active {
background: #344cb7;
}

.slider_lineY.moreinfo_slider .swiper-slide:hover .swiper-img img {
opacity: 0.7;
}

.slider_lineY.moreinfo_slider .swiper-slide .swiper-title {
margin-bottom: 10px;
}

.slider_lineY.moreinfo_slider .swiper-slide:hover .swiper-title {
color: #000957;
}

.slider_lineY.moreinfo_slider .swiper-slide .swiper-content {
padding-top: 0;
margin-bottom: 0;
}

.slider_lineY.moreinfo_slider .swiper-slide .swiper-content::before {
background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
background: linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
top: 2rem;
}

.slider_lineY.moreinfo_slider .swiper-slide .swiper-content span {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
color: #a98f6c;
font-size: 14px;
padding-bottom: 10px;
display: table;
}

.slider_lineY.moreinfo_slider .swiper-slide .swiper-content p {
width: 100%;
margin-top: 1rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 64px;
}

.slider_lineY.moreinfo_slider .swiper-slide:hover .swiper-content p {
color: #111;
}

.moreinfo_slider_Y_Height .iframe-container iframe {
height: 590px !important;
}

@media (max-width:1440px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 520px !important;
}
}

@media (max-width:1280px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 500px !important;
}
}

@media (max-width:1008px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 550px !important;
}
}

@media (max-width:784px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 560px !important;
}
}

@media (max-width:656px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 615px !important;
}
}

@media (max-width:556px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 585px !important;
}
}

@media (max-width:400px) {
.moreinfo_slider_Y_Height .iframe-container iframe {
height: 475px !important;
}
}

/*訂購注意事項*/
.information_tabs div.link-list ul {
padding: 5px 0;
}

.information_tabs div.link-list ul li {
padding: 0 1.5rem;
position: relative;
}

.information_tabs div.link-list ul li a {
padding: 4px 5px 15px;
position: relative;
}

.information_tabs div.link-list ul li a::after {
content: '';
display: none;
width: calc(100% - 10px);
background: #EEDA95;
height: 2px;
position: absolute;
left: 5px;
bottom: 10px;
}

.information_tabs div.link-list ul li a:hover::after {
display: block;
}

.information_tabs div.link-list ul li~li::before {
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 10px;
background: #fff;
position: absolute;
left: -3px;
top: 1rem;
}

.notice_wrap {
border-top: 1px solid #111 !important;
}

.notice_box {
border-bottom: 1px solid #111 !important;
}

.notice_box .module-container>.main {
display: flex;
align-items: baseline;
}

.notice_box .module-container>.main>.header-title {
display: table;
float: left;
width: 35px;
height: 35px;
background: #fb5434;
font-size: 18px;
color: #fff;
font-style: italic;
text-align: center;
line-height: 35px;
}

.notice_box .module-container>.main>div:nth-last-child(1) {
width: calc(100% - 35px);
padding-left: 1rem;
}

.notice_box .module-container>.main>div:nth-last-child(1) * {
margin: 0;
line-height: 1.5;
letter-spacing: 0.05rem;
text-align: justify;
}

@media (max-width:991px) {
    .notice_wrap {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
}

@media (max-width:576px) {
    .bg_title div.link-list {
        overflow: scroll;
        display: block;
        margin-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }

    .information_tabs div.link-list ul {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        float: none;
        min-width: 100%;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
    }

    .notice_box .module-container>.main {
        align-items: flex-start;
    }
    .notice_box .module-container>.main>div:nth-last-child(1) img{max-width: 100% !important;height: auto !important;}
}

/*航班資訊*/
.filght_Ytitle>.module-container>.main>div:nth-last-child(1) {
background: #fff45c;
padding: 0.5rem 0 1rem;
}

.filght_Ytitle>.module-container>.main>div:nth-last-child(1) h3 {
margin: 0;
line-height: 1;
}

.flight_PDF div.link-list ul {
display: table;
margin: 1rem auto 0.5rem;
}

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

.flight_PDF div.link-list ul li a {
padding: 5px 20px;
border: 1px solid #000957;
border-radius: 50px;
line-height: 1.5;
box-shadow: #b9c3dd 0px 5px 0px;
}

.flight_PDF div.link-list ul li a:hover {
background: #000957;
}

.flight_listTIT ul {
margin: 0;
background: #eee;
list-style-type: none;
width: 100%;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: -2px;
}

.flight_listTIT ul li:nth-child(1) {
font-size: 20px;
padding: 8px 0;
width: 7%;
background: #333;
color: #fff;
text-align: center;
}

.flight_listTIT ul li:nth-child(2) {
width: 21%;
text-align: center;
font-size: 1rem;
}

.flight_listTIT ul li:nth-child(3) {
width: 34%;
text-align: center;
font-size: 1rem;
}

.flight_listTIT ul li:nth-child(4) {
width: 38%;
text-align: center;
font-size: 1rem;
}

.flight_listINFO section.link.text-link {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
border-bottom: 2px solid #333;
}

.flight_listINFO section.text-link h2 {
width: 28%;
margin: 0;
}

.flight_listINFO div.link-list {
width: 72%;
}

.flight_listINFO div.link-list ul {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: inherit;
}

.flight_listINFO div.link-list ul li {
width: 50%;
border-bottom: 1px solid #999;
display: flex !important;
align-items: center;
position: relative;
}

.flight_listINFO div.link-list ul li:nth-last-child(1),
.flight_listINFO div.link-list ul li:nth-last-child(2) {
border: none;
}

.flight_listINFO div.link-list ul li span,
.flight_listINFO div.link-list ul li a {
padding: 10px 1rem;
}

.flight_notice ol {
margin: 0;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 1rem;
color: #000957;
font-size: 1rem;
background: #d7e2ff;
}

@media (max-width:767px) {
.filght_Ytitle {
max-width: calc(100% - 30px);
margin: auto;
}

.flight_wrap {
max-width: calc(100% - 30px);
}

.flight_listTIT ul li:nth-child(1) {
width: 100%;
}

.flight_listTIT ul li:nth-child(2),
.flight_listTIT ul li:nth-child(3),
.flight_listTIT ul li:nth-child(4) {
display: none;
}

.flight_listINFO section.text-link h2 {
width: 100%;
padding: 1rem;
border-bottom: 1px solid #999;
text-align: center !important;
}

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

.flight_listINFO div.link-list ul li {
align-items: flex-start;
}

.flight_listINFO div.link-list ul li:nth-child(even)::before {
content: '';
display: block;
width: 1px;
height: calc(100% - 20px);
background: #999;
position: absolute;
left: -0.5px;
top: 10px;
}

.flight_listINFO div.link-list ul li:nth-child(odd) span::before {
content: '航班：';
font-size: 14px;
color: #666;
display: block;
line-height: 1;
margin-top: 3px;
}

.flight_listINFO div.link-list ul li:nth-child(even) span::before {
content: '起飛/抵達：';
font-size: 14px;
color: #666;
display: block;
line-height: 1;
margin-top: 3px;
}

.flight_notice {
max-width: calc(100% - 30px);
margin: auto;
}
}

/*QA*/
.QA_wrapL>.module-container {
position: sticky;
top: 100px;
}

.QA_titL h3 {
width: 90%;
margin: 0;
padding: 15px;
line-height: 1;
border-top: 3px solid #111;
font-size: 20px;
border-bottom: 3px solid #111;
}

.QA_boxR::before {
content: 'Q';
display: block;
color: #fff;
width: 45px;
height: 45px;
border-radius: 50px;
background: #fc5404;
text-align: center;
line-height: 42px;
font-size: 24px;
font-family: auto;
position: absolute;
top: 1rem;
left: 1rem;
}

.QA_boxR::after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 20px;
border-color: transparent transparent transparent #fc5304;
position: absolute;
left: 47px;
top: 52px;
transform: rotate(35deg);
}

.QA_boxR {
border-top: 1px solid #333 !important;
}

.QA_boxR .header-title {
font-size: 18px;
line-height: 1.5;
display: flex;
align-items: center;
width: 100%;
position: relative;
padding: 1rem 2rem 1rem 75px;
cursor: pointer;
min-height: 77px;
}

.QA_boxR .header-title::before {
content: '\f105';
font-family: FontAwesome !important;
display: inline-block;
position: absolute;
color: #fc5404;
font-size: 1.5rem;
right: 1rem;
top: 1.1rem;
transform-origin: center;
}

.QA_boxR .header-title.active::before {
transform: rotate(90deg);
}

.QA_boxR>.module-container>.main>div:nth-last-child(1) {
padding: 0 15px 0 75px;
display: none;
width: 100%;
}

.QA_wrapR:nth-child(4) .QA_boxR:nth-child(3)>.module-container>.main>div:nth-last-child(1) {
display: table;
}

.QA_boxR>.module-container>.main>div:nth-last-child(1) * {
font-family: serif !important;
color: #333;
}

@media (max-width:991px) {
.QA_wrapL {
max-width: calc(100% - 30px);
}

.QA_titL h3 {
width: 100%;
}

.QA_wrapR {
max-width: calc(100% - 30px);
margin-bottom: 2rem;
}

.QA_boxR {
border-top: none !important;
border-bottom: 1px solid #333 !important;
}

.QA_boxR>.module-container>.main>div:nth-last-child(1) {
padding: 0 15px;
}
}

/*YOYO視界*/
.recommend_tabs div.link-list ul{display: table; margin: auto;}
.recommend_tabs div.link-list ul li a,
.recommend_tabs div.link-list ul li span{padding: 10px 25px 10px 25px; position: relative;}
.recommend_tabs div.link-list ul li + li a::before,
.recommend_tabs div.link-list ul li + li span::before{content: ''; display: block; position: absolute; left: -1px;
background: #cccccc; width: 1px; height: 14px; top: calc(50% - 7px);}
.recommend_wrap .hotel_list .grid .grid-item{display: flex;flex-wrap: wrap;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item h3{order: 1;margin-bottom: 20px;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newsBox{position:relative;width:100%;padding:15px 21px
15px;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newsBox::before {
content: "";
position: absolute;
width: calc(100% - 42px);
left: 21px;
top: unset;
bottom: 0;
height: 1px;
background: -moz-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
background: -webkit-linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
background: linear-gradient(45deg, rgba(255, 204, 29, 1) 0%, rgba(255, 204, 29, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc1d', endColorstr='#00ffcc1d', GradientType=1);
}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newsDate{float: left; display: flex; color: #888;
align-items: baseline;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newsDate .day{font-size: 18px; margin-right: 10px;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newsDate .month{font-size: 15px; margin-right: 10px;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newsDate .year{font-size: 14px;}
.recommend_wrap .hotel_list .falls-container .grid .grid-item .newIcon{float: right; color: #a98f6c; font-size: 15px;
letter-spacing: 0.5px;}
.recommend_detail_img{margin-top: 70px;}
.recommend_detail_wrap{color: #6b7a84;}
.recommend_detail_wrap h1,
.recommend_detail_wrap h2,
.recommend_detail_wrap h3,
.recommend_detail_wrap h4,
.recommend_detail_wrap h5,
.recommend_detail_wrap h6{line-height: 1.4;}
.recommend_detail_wrap p{line-height: 1.8;color: #6b7a84;}
.recommend_detail_wrap p,
.recommend_detail_wrap p span,
.recommend_detail_wrap p strong{font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important;}
.recommend_detail_wrap a:hover{color: #a98f6c;text-decoration: none;}
.recommend_detailTIT .header-title{color: #a98f6c; font-size: 17px; margin-bottom: 1rem; letter-spacing: 0.5px;}
.recommend_detailTIT section.text-link{display: flex; flex-wrap: wrap; border-bottom: 1px solid #c4c7c8; padding-bottom:
1rem;}
.recommend_detailTIT section.text-link h2{width: 100%; order: 1; padding: 0;}
.recommend_detailTIT div.link-list{min-height: unset;}
.recommend_detailTIT div.link-list ul li a,
.recommend_detailTIT div.link-list ul li span{letter-spacing: 0;padding: 0px 5px 0px 0px; line-height: 1.5;}
.recommend_detailTIT div.link-list ul li:nth-child(1) a,
.recommend_detailTIT div.link-list ul li:nth-child(1) span{font-size: 26px !important;}
.recommend_detailTIT div.link-list ul li:nth-child(3) a,
.recommend_detailTIT div.link-list ul li:nth-child(3) span{font-size: 13px !important;}
.recommend_detailTIT div.link-list ul li a i,
.recommend_detailTIT div.link-list ul li span i{display: none;}
.recommend_detail_info03 .falls-container .grid .grid-item h3{font-size: 25px; color: #6b7a84; text-align: center;}
.recommend_detail_info03 .falls-container .grid .grid-item p{margin: 0;}
.recommend_detail_info03b .img-mode .img-box > a{display: table; overflow: hidden; border-radius: 500px;}
.recommend_moreinfo .moreinfo_slider .swiper-slide-style{display: flex;flex-wrap: wrap;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-title{order: 1;height: auto;-webkit-line-clamp: 3;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content{width: 100%;padding-top: 0; padding-bottom: 11px;
margin-bottom: 15px;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content::before{bottom: 0;top: unset;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content .newsDate{float: left; display: flex; flex-wrap:
wrap; align-items: baseline;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content .newsDate .day{font-family: 'Noto Serif TC',
'Cormorant SC', serif !important; font-size: 18px; float: left;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content .newsDate .month{font-family: 'Noto Serif TC',
'Cormorant SC', serif !important; font-size: 15px; float: left; padding-left: 10px;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content .newsDate .year{font-family: 'Noto Serif TC',
'Cormorant SC', serif !important; font-size: 12px; float: left; padding-left: 10px;}
.recommend_moreinfo .moreinfo_slider .swiper-slide .swiper-content .newIcon{float: right; font-size: 15px; color:
#a98f6c; font-weight: bold; line-height: 2;}
.recommend_moreinfo .moreinfo_slider .swiper-pagination-fraction, .swiper-pagination-custom,
.recommend_moreinfo .moreinfo_slider .swiper-container-horizontal>.swiper-pagination-bullets{margin-top: 10px;}
@media (max-width:767px) {
.recommend_detail_info02 .editor-content{order: -1; margin-bottom: 0 !important;}
}
@media (max-width:575px){
.recommend_tabs div.link-list ul li a,
.recommend_tabs div.link-list ul li span{padding: 10px 13px 10px 13px; letter-spacing: 0; font-size: 14px !important;}
.recommend_tabs div.link-list ul li a i,
.recommend_tabs div.link-list ul li span i{display: none;}
}
@media (max-width:320px) {
.recommend_tabs div.link-list ul li a,
.recommend_tabs div.link-list ul li span{padding: 10px 9px 10px 9px;}
}

/************************************/
/*hotel_demo*/
.slider_box section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt {
display: none;
}

.slider_box [class*='swiper-button-']:after {
background: none;
}

.slider_box section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img {
transform: scale(1.1);
}

.slider_box section.banner-area .swiper-area .banner-swiper .swiper-slide .cover {
background: none;
}

.hotel_name {
position: absolute;
z-index: 6;
padding: 1.5rem 4rem 3rem;
left: 50%;
transform: translateX(-50%);
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
bottom: 0;
width: 100%;
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.hotel_name hr {
border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.hotel_name p {
margin-bottom: 0;
}

.hotel_name img.png {
-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);
}

.hotel_navgationWRAPPER {
position: sticky;
bottom: 0;
z-index: 98;
}

.hotel_navgationBOX div.link-list {
background: rgba(63, 70, 77, .7) !important;
backdrop-filter: blur(5px);
min-height: 45px;
}

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

.hotel_navgationBOX div.link-list ul li {
margin: 0px 15px;
position: relative;
}

.hotel_navgationBOX div.link-list ul li~li::before {
content: '';
width: 1px;
height: 1rem;
background-color: #f0f0f0;
position: absolute;
left: -15px;
top: calc(50% - 0.5rem);
display: block;
}

.hotel_navgationBOX div.link-list ul li a {
padding: 8px 20px 8px 20px;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

@media (max-width:1024px) {
.hotel_navgationBOX div.link-list ul li a {
padding: 13px 10px 13px 10px;
letter-spacing: 0;
}
}

@media (max-width:991px) {
.hotel_navgationBOX div.link-list {
background: rgba(63, 70, 77, .5) !important;
min-height: 40px;
}

.hotel_navgationBOX div.link-list ul li a {
padding: 8px 0px 8px 0px;
}
}

@media (min-width:767px) and (max-width:991px) {
.hotel_navgationBOX div.link-list ul li {
margin: 0px 13px;
}

.hotel_navgationBOX div.link-list ul li~li::before {
left: -14px;
}
}

@media (max-width:767px) {
.hotel_navgationBOX div.link-list ul li a {
padding: 5px 0px 5px 0px;
}

.hotel_navgationBOX div.link-list ul li a i {
display: none;
}
}

.theme_title h2 {
display: table;
margin: 0 auto 1rem;
padding: 0 0rem 0.5rem;
border-bottom: 4px double #ccc;
}

.theme_title h2 span {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

@media (max-width:767px) {
.theme_title {
margin: 2rem 0 1rem !important;
}
.theme_title > .module-container .main > div,
.Hotel_category > .module-container .main > div {
padding-left: 15px;
padding-right: 15px;
}
}

.hotel_TITLE h2 {
margin: 0 auto;
display: table;
padding-bottom: 0.6rem;
border-bottom: 1px solid #A7CBD9;
position: relative;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.hotel_TITLE h2 span {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.discount_box_title {
padding: 1rem;
background: #f7f7f7;
padding-left: 6.5rem;
position: absolute;
right: 0;
top: 0;
}

.discount_box_title>.module-container {
padding: 10px;
}

.discount_box_title>.module-container>.main>div:nth-last-child(1) {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
height: 100px;
display: flex;
flex-wrap: wrap;
align-content: center;
}

.discount_box_title>.module-container h2 {
line-height: 1.6;
margin-bottom: 0;
font-size: 20px;
width: 100%;
}

.discount_box_title>.module-container h2 span {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

@media (max-width:1199px) {
.discount_wrapper {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.discount_box_title {
position: unset;
max-width: 100%;
flex: 0 0 100%;
margin: auto;
padding: 1rem 2rem;
}

.discount_box_title>.module-container>.main>div:nth-last-child(1) {
-webkit-line-clamp: unset;
height: auto;
}
}

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

.discount_box_title {
max-width: calc(100% - 30px);
}

.discount_box_title>.module-container h2 {
text-align: left;
}
}

@media (max-width:767px) {
.discount_box_title>.module-container {
padding: 10px 20px;
}
}

.discount_box .mix-wrapper {
padding-top: 0;
}

.discount_box .mix-wrapper>.row {
background: none !important;
}

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

.discount_box .pic-content .no-gutters .img-box a {
aspect-ratio: 6/5;
overflow: hidden;
display: block;
}

.discount_box .pic-content .no-gutters .img-box:nth-child(1) a img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
border-radius: 0;
}

.discount_box .editor-content {
margin-top: 10rem;
}
.discount_box .editor-content ul{
padding-left: 2.8rem;
margin-left: 0 !important;
}

@media (max-width:1199px) {
.discount_box {
flex: 0 0 100%;
max-width: 100%;
}

.discount_box .mix-wrapper {
padding-top: 15px;
padding-left: 0;
padding-right: 0;
}

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

@media (max-width:991px) {
.discount_box {
padding: 0 30px;
}

.discount_box .pic-content {
margin-top: 0rem;
}
}

@media (max-width:767px) {
.discount_box .pic-content .no-gutters .img-box {
max-width: 100%;
flex: 0 0 100%;
}

.discount_box .pic-content .no-gutters .img-box a {
aspect-ratio: 6/3;
}
}

.introduce_box .mix-wrapper {
padding: 0 15px;
}

.introduce_box .mix-wrapper>.row {
align-items: flex-start;
}

.introduce_box .editor-content {
padding: 2rem 1rem;
display: flex;
flex-wrap: wrap;
align-content: baseline;
margin: 0;
overflow: hidden;
}
.introduce_box .editor-content h1,
.introduce_box .editor-content h2{
width: 100%;
}

.introduce_box .img-mode .img-box a {
cursor: default;
aspect-ratio: 6/4.5;
overflow: hidden;
display: block;
}

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

.introduce_box h3 {
position: relative;
padding-bottom: 1rem;
line-height: 1.5;
width: 100%;
}

.introduce_box .introduce_more {
position: absolute;
bottom: 1.2rem;
font-size: 13px;
padding: 5px 10px 6px;
border-radius: 30px;
background: none;
border: 1px solid #5f659f;
line-height: 8px;
color: #5f659f;
cursor: pointer;
background-color: #fff;
}

.style1-1R h3,
.style1-1L h3 {
padding-right: 20%;
padding-bottom: 0;
margin-bottom: 1rem;
}

.style1-1R h3>span,
.style1-1L h3>span {
background: #333;
width: 100%;
display: table;
padding: 0.7rem 1rem;
}

.style1-1R h3::before {
content: '';
display: block;
width: calc(20% + 3.3rem);
height: 1px;
background: #333;
position: absolute;
right: -3.3rem;
bottom: 50%;
left: unset;
}

.style1-1L h3::before {
content: '';
display: block;
width: 20%;
height: 1px;
background: #333;
position: absolute;
right: 0;
bottom: 50%;
left: unset;
}

.style1-1R .introduce_more {
left: 1rem;
}

.style1-1L .introduce_more {
right: 1rem;
}

@media (max-width:767px) {

.style1-1R .editor-content,
.style1-1L .editor-content {
padding-top: 0;
}

.style1-1R h3,
.style1-1L h3 {
padding-right: 0;
}

.style1-1R h3::before,
.style1-1L h3::before {
display: none;
}
}

.style3-1 h3>span,
.style3-2R h3>span,
.style3-2L h3>span {
display: table;
width: 100%;
}

.style3-1 h3 {
display: table;
width: auto;
margin: 0 auto 1rem;
border-bottom: 1px solid #000;
line-height: 1.5;
padding: 0rem 1rem 1rem;
}

.style3-1 h3::before {
display: none;
}

.style3-1 .img-mode {
position: relative;
z-index: 1;
}

.style3-1 .img-mode .img-box a {
aspect-ratio: 4/4.5;
margin: 1rem 2rem 0;
border-top-left-radius: 250px;
border-top-right-radius: 250px;
overflow: hidden;
display: block;
}

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

.style3-1 .editor-content {
background: #f0f6ff;
margin-top: -15rem;
padding-top: 15.5rem;
}

@media (max-width:1199px) {
.style3-1 .editor-content {
margin-top: -5.5rem;
padding-top: 5.5rem;
}
}

@media (max-width:991px) {
.style3-1 .img-mode .img-box a {
margin: 1rem 0.5rem 0;
}
}

.style3-2R .img-mode,
.style3-2L .img-mode {
margin-top: 0;
}

.style3-2R .mix-wrapper>.row,
.style3-2L .mix-wrapper>.row {
align-content: flex-start;
}

.style3-2R .editor-content,
.style3-2L .editor-content {
padding-top: 0;
}

.style3-2R .introduce_more {
right: 1rem;
bottom: 0rem;
}

.style3-2L .introduce_more {
right: 1rem;
bottom: 0rem;
}

.introduce_img>.module-container>.main {
aspect-ratio: 6/4;
overflow: hidden;
display: block;
}

.introduce_img>.module-container>.main img {
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
}

@media (max-width:991px) {
.style3-2R{
order: 1;
}
.introduce_img {
padding: 0 2rem;
}
}

@media (max-width:767px) {
.introduce_img>.module-container>.main img {
padding: 0 5px 5px !important
}
.introduce_box h3{
padding-bottom: 0;
}
}

.hotel_video .hover-wall .htpro_tit {
display: none;
}

.hotel_video .hover-wall .icon_info figure {
aspect-ratio: 6/3;
overflow: hidden;
}

.hotel_video .hover-wall figure .b_img {
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
border-radius: 0;
}

.hotel_video .hover-wall .icon_info,
.hotel_video .hover-wall .icon_info:hover {
box-shadow: none;
border-radius: 0;
}

.hotel_video .hover-wall .icon_info h3 {
padding: 0px;
font-weight: normal;
font-size: 1rem;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.hotel_video .hover-wall figure .overlay i {
font-size: 0;
width: 70px;
height: 70px;
border: 1px solid #fff;
border-radius: 50px;
left: calc(50% - 35px);
margin: 0;
}

.hotel_video .hover-wall .icon_info:hover figure .overlay i {
margin-top: 0;
top: calc(50% - 35px);
}

.hotel_video .hover-wall figure .overlay i::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 27px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: calc(50% - 19px);
top: calc(50% - 15px);
}

@media (max-width:991px) {
.hotel_video .hover-wall .icon_info figure{
display: inline-block;
margin-bottom: 5px;
}
}

@media (max-width:767px) {
.hotel_video {
margin-bottom: 0 !important;
}

.hotel_video .hover-wall .row>div {
max-width: 50%;
flex: 0 0 50%;
}
.hotel_video .hover-wall figure .overlay i{
width: 36px;
height: 36px;
left: calc(50% - 18px);
}
.hotel_video .hover-wall .icon_info:hover figure .overlay i {
top: calc(50% - 18px);
}
.hotel_video .hover-wall figure .overlay i::before{
border-width: 9px 0 9px 15px;
right: calc(50% - 10px);
top: calc(50% - 9px);
}
}

.photography_box .fancybox-wrapper>figure {
flex: 0 0 12.5%;
max-width: 12.5%;
}

.photography_box .fancybox-wrapper a[data-fancybox] {
aspect-ratio: 6/4;
overflow: hidden;
}

.photography_box .fancybox-wrapper a[data-fancybox]>img {
width: 100%;
height: 100%;
max-width: 100%;
object-fit: cover;
object-position: center center;
border-radius: 0;
transform: scale(1);
transition: .3s;
}

.photography_box .fancybox-wrapper a[data-fancybox]:hover>img {
transform: scale(1.2);
transition: .3s;
}

@media (max-width:991px) {
.photography_box .fancybox-wrapper>figure {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
}

@media (max-width:991px) {
.photography_box .fancybox-wrapper>figure {
flex: 0 0 25%;
max-width: 25%;
padding: 5px !important;
}
}

.delicacy_box .hover-wall .icon_info {
border-radius: 0;
box-shadow: none;
border: 1px solid #e2e2e2;
overflow: unset;
margin-bottom: 2rem;
pointer-events: auto !important;
}

.delicacy_box .hover-wall .icon_info:hover {
box-shadow: none;
bottom: 0;
}

.delicacy_box .hover-wall .icon_info a {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}

.delicacy_box .hover-wall .icon_info figure {
aspect-ratio: 6/4;
}

.delicacy_box .hover-wall figure .overlay {
background: rgba(0, 0, 0, 0);
}

.delicacy_box .hover-wall figure .overlay i {
display: none;
}

.delicacy_box .hover-wall figure .b_img {
max-width: 100%;
object-fit: cover;
object-position: center center;
height: 100%;
}

.delicacy_box .hover-wall figure .s_img {
top: unset;
bottom: 0;
left: 50%;
transform: translateX(-50%);
max-width: 150px !important;
z-index: 12;
}

.delicacy_box .hover-wall .icon_info h3 {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
padding: 0 20px;
font-size: 1.2em;
margin-bottom: 1rem;
}

.delicacy_box .hover-wall .icon_info h4 {
font-size: 14px;
order: 1;
color: #111;
font-style: unset;
width: calc(100% - 3rem);
padding: 10px 20px;
line-height: 1.5;
background: #e2e2e2;
margin-bottom: -1rem;
}

.delicacy_box .hover-wall .icon_info p.animate-text {
font-size: 15px;
padding: 0 20px;
letter-spacing: 0;
line-height: 20px;
margin-bottom: 30px;
}

.delicacy_box .hover-wall .icon_info span.btn_more {
padding: 0px 10px;
border-radius: 30px;
background: #ffbc00;
position: absolute;
bottom: 43px;
line-height: 20px;
font-size: 14px;
}

@media (min-width:768px) {
.delicacy_box .hover-wall .icon_info {
padding-bottom: 165px;
}

.delicacy_box .hover-wall .icon_info h4 {
margin-bottom: 0rem;
position: absolute;
bottom: -1.5rem;
}

.delicacy_box .hover-wall .icon_info p.animate-text {
min-height: 110px;
overflow: hidden;
position: absolute;
bottom: 40px;
background: rgb(255, 255, 255);
z-index: 12;
padding-top: 10px;
}
}

@media (max-width:1400px) {
.delicacy_box {
max-width: 100%;
flex: 0 0 100%;
}
}

@media (max-width:1199px) {
.delicacy_box>.module-container>.main .hover-wall .row>div {
max-width: 50%;
flex: 0 0 50%;
}

.delicacy_box .hover-wall .htpro_tit {
display: none;
}
}

@media (max-width:767px) {
.delicacy_box {
margin-bottom: 0 !important;
}

.delicacy_box>.module-container>.main .hover-wall .row>div {
max-width: 100%;
flex: 0 0 100%;
margin-bottom: 0 !important;
}

.delicacy_box .hover-wall .icon_info p.animate-text {
position: unset;
order: unset;
color: #000 !important;
opacity: 1;
}
}

.readmore_btn div.link-list ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

.readmore_btn div.link-list {
background: none !important;
}

.readmore_btn div.link-list ul li {
width: calc(50% - 30px);
margin: 8px 15px 8px;
border: 1px solid rgba(255, 255, 255, 0.5);
}

.readmore_btn div.link-list ul li a {
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

@media (max-width:1400px) {
.readmore_btn {
max-width: 91.666667%;
flex: 0 0 91.666667%;
}
}

@media (max-width:767px) {
.readmore_btn {
max-width: 100%;
flex: 0 0 100%;
}

.readmore_btn div.link-list ul li {
width: calc(100% - 30px);
}
}

.recommend_box {
position: relative;
z-index: 1;
}

.recommend_box .swiper-slide-style {
box-shadow: none;
border-radius: 0;
height: 100%;
background: none;
margin-top: 0;
margin-bottom: 15px;
}

.recommend_box .swiper-slide .swiper-img {
background-color: #3F464D;
margin-bottom: 10px;
}

.recommend_box .swiper-slide .swiper-img img {
border-radius: 0;
}

.recommend_box .swiper-slide:hover .swiper-img img {
opacity: 0.6;
}

.recommend_box .swiper-slide .swiper-title {
padding: 0;
text-align: justify;
transition: 0.5s;
font-size: 1rem;
line-height: 20px;
margin-bottom: 1rem;
color: #3F464D;
position: relative;
letter-spacing: 0.05rem;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
}

.recommend_box [class*='swiper-button-']:after {
background: none;
}

.recommend_box .swiper-pagination-bullet {
width: 15px;
height: 15px;
}

.recommend_box .swiper-pagination-bullet-active {
background: #3887a6;
}

@media (max-width:1400px) {
.recommend_box {
max-width: 91.666667%;
flex: 0 0 91.666667%;
margin-bottom: 1rem !important;
}
}

@media (max-width:767px) {
.recommend-wrapper>.module-container>.main.row::after {
bottom: 70%;
}
}

.HotelQA_box {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}

.HotelQA_box .side-menu {
background: rgba(255, 255, 255, 0.9);
padding: 3rem;
backdrop-filter: blur(4px);
}

.HotelQA_box .side-menu ul {
background: none;
box-shadow: none;
}

.HotelQA_box .side-menu ul li label {
padding: 1rem 1rem 1rem 2rem;
color: #111111;
font-size: 16px;
text-shadow: none;
background: none;
line-height: 1.5;
margin-bottom: 0;
font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
border: none;
position: relative;
text-indent: 0;
}

.HotelQA_box .side-menu ul li label:hover {
background: none;
color: #ff964d;
}

.HotelQA_box .side-menu ul li i {
font-size: 25px;
text-align: left;
color: #fb5405;
position: absolute;
left: 0;
}

.HotelQA_box .side-menu ul li input[type='checkbox']:checked~label {
background: none;
border: none;
color: #ff964d;
}

.HotelQA_box .side-menu ul li input[type='checkbox']:checked~label i {
transform: rotate(90deg);
}

.HotelQA_box .side-menu ul li input[type='checkbox']:checked~.options {
box-shadow: none;
padding: 1rem !important;
}

.HotelQA_box .side-menu ul ul.options li {
padding:0;
text-indent: 0;
border: none;
}

.HotelQA_box .side-menu ul ul li a {
color: #333333;
font-size: 15px;
line-height: 1.5;
cursor: default;
padding: 3px;
}

.HotelQA_box .side-menu ul ul li a:hover {
color: #3F464D;
}

.HotelQA_box .side-menu ul ul li a i {
display: none;
}

@media (max-width:1400px) {
.HotelQA_box {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
}

@media (max-width:767px) {
.HotelQA_box .side-menu {
padding: 1.5rem;
}
}

/************************************/
/* animations*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}

to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}

to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}

to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}

to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0
}

to {
opacity: 1
}
}

@keyframes fadeIn {
0% {
opacity: 0
}

to {
opacity: 1
}
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}

to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}

to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}

.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}

.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}

.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}

.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}

.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}

.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}

.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}