body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/******** mrtsai style ********/
/***** 共用 *****/
.mrtsai_width{ max-width: 1440px;}
.block-item.mrtsai_title>.module-container>.main>.header-title, .widget-item.mrtsai_title .header-title { position: relative; width: auto; display: table; margin: 70px auto 45px; color: #333333; font-size: 36px; letter-spacing: 1px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif; font-weight: 600; text-align: center; padding: 0 25px 10px; }
.block-item.mrtsai_title>.module-container>.main>.header-title::after,.widget-item.mrtsai_title .header-title::after { content: ""; position: absolute; bottom:0; left:0; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/be87dd4c-c66d-4446-a000-013ab9d592f3.svg) no-repeat center; background-size: 44px; width: 44px; height: 31px; }
@media(max-width:1540px) {
	.mrtsai_width{ max-width: calc(100% - 100px);}
}
@media (max-width:767px){
    .block-item.mrtsai_title>.module-container>.main>.header-title, .widget-item.mrtsai_title .header-title { font-size: 28px; margin: 70px auto 35px;  padding: 0 25px 15px; }
}

/******** 上標 header ********/
.main_nav .navbar{box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);}
.main_nav .header-part{ padding:15px 10px 15px 35px;}
.main_nav .header-part .navbar-brand { height: 80px; padding: 0; max-width: 100%; outline: none; }
.main_nav .header-part .navbar-nav>li>a,.main_nav .header-part .navbar-nav .nav-link { position: relative; display: block;  color: #333333; line-height: 30px; font-size: 19px; font-weight: 600; letter-spacing: 0.4px; padding: 50px 20px 0;}
.main_nav .header-part .navbar-nav>li:hover>a,.main_nav .navbar-nav>li.nav-item:hover .nav-link{ color:#009de1 !important;}
.main_nav .navbar-nav>li.nav-item.dropdown:hover .nav-link::after{ content: ""; display: block !important; position: absolute; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ffb921 transparent transparent transparent; bottom: -7px; left: 50%; transform: translate(-50%, 0); }
.main_nav .navbar-nav>li.nav-item .nav-link::before{ content: ""; position: absolute; width: 43px; height: 43px; top: 0; left: 50%; transform: translate(-50%, 0);}
.main_nav .navbar-nav>li.nav-item:nth-child(1) .nav-link::before{ background: url(https://materials.fillo.com.tw/materials/mrtsai/images/32f1dfda-64d1-4fcf-94f3-fde0a25a4492.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(2) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/d5eb704e-024c-49bf-92f2-bdbc45dfbabb.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(3) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/7640e131-e2a9-4aa1-992a-9e5480218612.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(4) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/2c6a81d6-2f26-4e54-b1d4-615346c4fcae.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(5) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/0d3dd287-a351-461b-a0dd-19d21bd47ee9.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(6) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/ce6415c0-a513-4117-bdca-e2896c4f2396.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(7) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/5d88d2f9-c3df-4faf-972b-e74fc12423f1.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(8) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/64e29d9e-b9aa-4ac8-b632-356615216a05.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(9) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/57105c71-c57a-4c12-96bc-77cd4d8577c4.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(10) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/a6a9a1e5-bbb7-48e1-8a88-2132544193d2.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item:nth-child(11) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/7513b8bf-5ab2-444c-9ee7-1069b146f293.svg) no-repeat center;  }
.main_nav .navbar-nav>li.nav-item a i { display: none !important; }
.main_nav .header-part .dropdown-menu { background: transparent !important; padding: 22px 0 0 !important; box-shadow: none !important;}
.main_nav .header-part .navbar-nav li .dropdown-menu a { position: relative; opacity: 1; line-height: 30px; font-size: 16px; font-weight: 400; letter-spacing: 0.4px; padding: 3px 10px 3px 24px; background: #ffffff; color: #333333; border-left:1px solid #009de1; border-right: 1px solid #009de1; }
.main_nav .header-part .navbar-nav li .dropdown-menu a.dropdown-item::after{ content: ""; position: absolute; opacity: 0; width: calc(100% - 20px); height: 1px; background: #ffb721; left: 50%; bottom: 5px; transform:translate(-50%,0); -webkit-transition: all 0.3s; transition: all 0.3s;}
.main_nav .header-part .navbar-nav li .dropdown-menu a.dropdown-item:hover::after{ opacity: 1;}
.main_nav .header-part .navbar-nav li .dropdown-menu a::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/e0e415df-a639-4d3f-83c8-4ab2f72a462b.svg) no-repeat center; width: 14px; height: 14px; left: 7px; top: 10px; }
.main_nav .header-part .navbar-nav li .dropdown-menu a:first-child::before{ top:16px}
.main_nav .header-part .navbar-nav li .dropdown-menu a.dropdown-item:first-child{ padding-top: 10px;  border-top-left-radius: 10px; border-top-right-radius: 10px;  border-top:1px solid #009de1;}
.main_nav .header-part .navbar-nav li .dropdown-menu a.dropdown-item:last-child{ padding-bottom: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border-bottom:1px solid #009de1;}
.main_nav .top-cart { padding: 0;}
.main_nav .top-cart .icon .count { font-size: 13px; width: 22px; height: 22px; background: #ffb720; line-height: 22px; top: -30px; right: 0; border: 1.4px solid #029de1; }
.main_nav .showName { padding: 0; }
.main_nav .showName .member-name { font-size: 16px; border-bottom: 1px solid #029de1; line-height: 25px; }
.main_nav .showName .SignOut { margin-left: 10px; line-height: 25px !important; border-bottom: 1px solid #333333; font-size: 16px !important; padding: 0; background: transparent; color: #333333; border-radius: 0; }
.main_nav .header-part .navbar-nav li a.SignOut:hover{ color: #029de1;}
.mobile_cart{ z-index: 99; position: fixed; right: 60px; top: 15px; width: 60px; }
.mobile_cart .top-cart { padding: 5px;}
.mobile_cart .top-cart .icon .count { font-size: 13px; width: 20px; height: 20px; background: #ffb720; line-height: 18px; top: 0; right: -8px; border: 1.4px solid #029de1; }
@media(max-width:1540px) {
    .main_nav .header-part .navbar-nav>li>a, .main_nav .header-part .navbar-nav .nav-link { font-size: 17px; padding: 50px 15px 0; }
}
@media(max-width:1340px) {
    .main_nav .header-part .navbar-brand { height: auto; }
    .main_nav .header-part .navbar-brand img { max-height: 60px; }
    .main_nav .header-part { padding: 15px 10px 15px 10px; }
    .main_nav .header-part .navbar-brand { height: 70px;}
    .main_nav .header-part .navbar-nav>li>a, .main_nav .header-part .navbar-nav .nav-link { font-size: 16px; padding: 50px 10px 0; letter-spacing: 0; }
}
@media(max-width:991px) {
    .main_nav .header-part .navbar-toggler{ border: 0; outline: none;  padding: 12px 16px; position: absolute; right: 0; top: 0; height: 70px;}
	.main_nav .header-part .navbar-toggler-icon{ width: 30px; height: 30px;  background-size: 30px; background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/4201cc30-01b3-428a-888c-2543ef32b3e8.svg); -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -webkit-transition: 0.5s ease 0s; transition: 0.5s ease 0s; display: block;}
	.main_nav .header-part button[aria-expanded="true"] .navbar-toggler-icon { width: 30px; height: 30px; background-size: 30px; background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/fe170c17-9d7a-4529-86b2-1892eab3810f.svg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform:rotate(180deg);}
    .main_nav .header-part { padding: 8px 10px; }
    .main_nav .header-part .navbar-brand { height: 55px; }
    .main_nav .header-part .navbar-brand img { max-height:55px; }
    .main_nav .header-part ul.navbar-nav{ padding: 0 0 150px; width: 100%; height: 100vh; max-height: initial !important; overflow: auto;}
    .main_nav .header-part .navbar-nav>li>a, .main_nav .header-part .navbar-nav .nav-link{ padding: 10px 10px 10px 60px; }
    .main_nav .navbar-nav>li.nav-item .nav-link::before{ width: 30px; height: 30px;top: 10px; left: 14px; transform: initial;}
    .main_nav .header-part .navbar-nav>li.nav-item { order: 2; }
    .main_nav .header-part .navbar-nav>li.nav-item:last-child { order: 1; }
    .main_nav .navbar-nav>li.nav-item:nth-last-child(2){ display: none; }
    .main_nav .navbar-nav>li.nav-item.dropdown:hover .nav-link::after{display: none !important;}
    .main_nav .header-part .dropdown-menu{ padding: 5px 0 0 !important;}
}
@media(max-width:575px) {
    .mobile_cart{ top: 18px;}
    .mobile_cart .top-cart img{ width: 32px !important; height: 32px !important;}
    .mobile_cart .top-cart .icon .count{ right: -10px;}
}


/******** 首頁 ********/
/* 大圖輪播 */
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt { top: initial; bottom: 70px; left: 70px; transform: initial; width: calc(100% - 100px); }
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-primary,
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box a.btn-primary,
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box a.btn-primary {
 z-index: 9; color: #ffffff; font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-top: 32px; padding: .5rem 2rem;
 border: 1px solid #009de1; background: #009de1; border-radius: 50px; text-decoration: none;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-primary:hover,
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box a.btn-primary:hover,
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box a.btn-primary:hover {
    text-shadow: none; background-color: #0584bb}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{ font-size: 42px; line-height: 56px; font-weight: 600; letter-spacing: 1px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.35); transition: unset;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ transition: unset; width: 100%;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box p{ font-size: 28px; line-height: 42px; letter-spacing: 1px; text-shadow: 0 0 0 rgba(0, 0, 0, 0.35); margin-bottom: 0;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line{ display: none;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev,.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next {width: 38px; height: 75px; 
background-size: 75px; background-position: center; background-repeat: no-repeat;  background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/96229bd6-ca2c-4acf-bb97-7554b2a8e5f6.svg); -webkit-transition: all .3s; transition: all .3s; opacity: 1;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev{ transform: rotate(180deg);}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev:hover{ left: 45px;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next:hover{ right: 45px; }
.main_slider .swiper-button-prev>svg,.main_slider .swiper-button-next>svg{ display: none;}
.main_slider [class*="swiper-button-"]::after { display: none;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .cover{ display: none;}
@media (max-width: 1615px) {
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img { height: 100%; }
}
 @media (min-width: 992px) {
    .main_slider .swiper-wrapper .slide-img::before { content: ""; position: absolute; background: rgb(146 146 146 / 20%); width: 100%; height: 100%; left: 0; top: 0; z-index: 2; }
}
@media (max-width: 991px) {
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt { bottom: 40px; left: 30px; width: calc(100% - 200px); }
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title { font-size: 32px; line-height: 46px;}
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box p { font-size: 20px; line-height: 32px;}
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-link,
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box a.btn-link,
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box a.btn-link { font-size: 18px; margin-top: 22px; }
}
@media (max-width: 767px) {
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt { left: 10px; width: calc(100% - 40px); }
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title { font-size: 28px; line-height: 36px; }
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ margin: 0;}
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box p { font-size: 16px; line-height: 28px;}
}
@media (max-width: 576px) {
    .main_slider section.banner-area .swiper-area .banner-swiper{ height: 85vh;}
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{ height: 85vh;}
}

/* i國旅搜尋引擎 */
.GDT_Search_block{ z-index: 2;}
.GDT_Search { margin-top: 35px; margin: 35px auto 0; }
.GDT_Search .iframe-container.search-frame iframe { height: 300px; }
@media (max-width: 1091px) {
    .GDT_Search .iframe-container.search-frame iframe{ height: 500px;}
}
@media (max-width: 697px) {
    .GDT_Search .iframe-container.search-frame iframe{ height: 580px;}
}

/* 本月主打行程 */
.main_push_block { padding-bottom: 80px; margin-top: -170px; z-index: 1;}
.main_push_block::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/f7b4ce49-918f-4d80-93e0-17ac658a71b3.svg) no-repeat center; width: 186px; height: 375px; right: 0; bottom: 0; }
.main_push::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/d8b62430-e43d-42f7-af66-203f67ca96b1.svg) no-repeat center; width: 154px; height: 120px; background-size: 154px; left: -70px; top: 100px; }
.main_push .swiper-container{ padding-bottom: 60px; padding-left: 55px; padding-right: 55px;}
.main_push .swiper-slide-style { background: rgb(253 252 251 / 30%); padding:0; box-shadow: none; margin-top: 0; margin-bottom:0; position: relative; border-top-left-radius: 250px; border-top-right-radius: 250px; overflow: hidden; }
.main_push .swiper-title { position: absolute; top: 130px; left: 50%; transform: translate(-50%, 0); width: auto; font-size: 22px; margin: 0; padding: 0 0 90px; color: #ffffff; text-align: left; z-index: 2; font-weight: 600; letter-spacing: 3px; writing-mode: vertical-lr; text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);}
.main_push .swiper-content { position: absolute; bottom: -100px; left: 0; width: 100%; height: 60px; margin-bottom: 50px; padding: 0 20px 10px; display: -ms-flexbox; display: flex; justify-content: center; align-items: flex-end; font-size: 16px; line-height: 28px; color: #ffffff; text-align: center; letter-spacing: 1px; z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s; }
.main_push .swiper-slide-style:hover .swiper-content{  opacity: 1; bottom: 0; }
.main_push .swiper-content::before{ content: ""; position:absolute; left: 50%; bottom: 0px; transform: translate(-50%, 0); width: 54px; height: 1px; background: #ffb721;}
.main_push .swiper-slide .swiper-img::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.103);}
.main_push .swiper-slide:hover .swiper-img::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 1; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(107, 113, 120, 0.6) 100%); background: linear-gradient(to bottom, rgba(34, 125, 216, 0) 0%, rgba(34, 125, 216, 0) 20%, rgba(34, 125, 216, 1) 100%); background: linear-gradient(to bottom, rgba(34, 125, 216, 0) 0%, rgba(34, 125, 216, 0) 39%, rgba(34, 125, 216, 0.98) 92%, rgba(34, 125, 216, 1) 93%); }
.main_push .swiper-slide .swiper-img{ position: relative; margin: 0; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden;}
.main_push .swiper-slide .swiper-img img{ border-top-left-radius: 250px; border-top-right-radius: 250px; aspect-ratio: 3.29 / 5; object-fit: cover;  object-position: center center; transition: 0.5s; -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.main_push .swiper-slide:hover .swiper-img img{-webkot-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.main_push .swiper-button-prev.swiper-button-white,.main_push .swiper-button-next.swiper-button-white { width: 35px; height: 35px; background: transparent; opacity: 1; bottom:0; top: initial; outline: none; }
.main_push .swiper-button-next::after,.main_push .swiper-container-rtl .swiper-button-prev::after,
.main_push .swiper-button-prev::after,.main_push .swiper-container-rtl .swiper-button-next::after { display: block !important ; width: 35px; height: 35px; font-size: 0px; padding: 0px; 
background: url(https://materials.fillo.com.tw/materials/mrtsai/images/dee42671-2ceb-4f58-869b-ad1bdc2ea413.svg) ; background-position: center center; background-repeat: no-repeat;
 -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.main_push .swiper-button-next:hover::after,.main_push .swiper-button-prev:hover::after{ opacity: 0.7;}
.main_push .swiper-button-prev:after { transform: scaleX(-1); }
.main_push .swiper-button-prev.swiper-button-white { left: calc(50% - 60px); }
.main_push .swiper-button-next.swiper-button-white { right: calc(50% - 60px); }
@media (max-width: 1440px) {
    .main_push .swiper-title{ top: 60px; font-size: 20px;}
    .main_push .swiper-content{ margin-bottom: 35px;}
}
@media (max-width: 991px) {
    .main_push .swiper-container{ padding-left: 0; padding-right: 0;}
    .main_push .swiper-content{ bottom: 0;}
    .main_push .swiper-slide .swiper-img::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; z-index: 1; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(107, 113, 120, 0.6) 100%); background: linear-gradient(to bottom, rgba(34, 125, 216, 0) 0%, rgba(34, 125, 216, 0) 20%, rgba(34, 125, 216, 1) 100%); background: linear-gradient(to bottom, rgba(34, 125, 216, 0) 0%, rgba(34, 125, 216, 0) 39%, rgba(34, 125, 216, 0.98) 92%, rgba(34, 125, 216, 1) 93%); }
}
@media (max-width: 767px) {
    .main_push .swiper-slide-style { border-top-left-radius: 360px; border-top-right-radius: 360px;}
    .main_push .swiper-slide .swiper-img img{ aspect-ratio: 3.6 / 5;}
}
@media (max-width: 575px) {
    .main_push .swiper-title{ font-size: 18px; letter-spacing: 2px; top:40px;}
    .main_push .swiper-content{ font-size: 15px;}
    .main_push_block::before { width: 100px; height: 220px; bottom: -80px; background-size: 100px; }
    .main_push::before { width: 100px; height: 120px; left: -60px; top: 100px; background-size: 100px; }
}

/* 主題探索 */
.main_theme_tab{ margin-bottom: 20px; }
.block-item.main_theme_tab.mrtsai_title>.module-container>.main>.header-title{ margin-top: 0; margin-bottom: 30px;}
.main_theme_tab .nav-pills li.nav-item { padding: 0 10px; }
.main_theme_tab .nav-pills .nav-link { position: relative; color: #009de1; border-radius: 0; font-size: 24px; padding: 15px; text-align: center; letter-spacing: 0.5px; min-width: 140px; line-height: 30px;  -webkit-transition: all 0.3s; transition: all 0.3s }
.main_theme_tab .nav-pills .nav-link.active, .main_theme_tab .nav-pills .show>.nav-link{ background: transparent; color: #ffffff; text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.2);}
.main_theme_tab .nav-pills .nav-link::before{ opacity: 0; content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/f7ab4adc-42ab-4ed7-9903-e220b1040f9d.svg) left center; background-repeat: repeat-x; width: 100%; height: 55px; background-size: 140px; z-index: -1; top: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s}
.main_theme_tab .nav-pills .nav-link:hover::before{ opacity: 0.3;}
.main_theme_tab .nav-pills .nav-link.active::before, .main_theme_tab .nav-pills .show>.nav-link::before { opacity: 1;}

.main_theme{z-index:1; background:#ffffff;}
.main_theme::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/384b6761-a36c-48d2-9c80-45700c7005a9.svg) no-repeat center; width: 266px; height: 216px; left: 0; bottom: -150px;}
.main_theme .swiper-wrapper{ margin-bottom: 60px;}
.main_theme .swiper-slide-style{box-shadow:none;border-radius:0;margin-top:0;height:auto;margin-bottom:0;display:flex;padding-left: 15px;}
.main_theme .swiper-slide .swiper-img{margin:0;border-radius:15px;overflow:hidden;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;position:relative}
.main_theme .swiper-slide .swiper-img img{ width: 100%; height: 100%; aspect-ratio: 4.21 / 5; object-fit: cover; object-position: center center; border-radius: 20px;;}
.main_theme .swiper-slide .swiper-content{ -webkit-line-clamp: 6; margin-bottom: 20px; padding: 10% 10px 0 40px; display: flex; justify-content: center; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.main_theme .swiper-slide .swiper-content h3{ font-size: 24px; margin: 0 40px 0 0; font-weight: 500; position: relative; letter-spacing: 1px; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; color: #333;}
.main_theme .swiper-slide .swiper-content p{ -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; margin:70px 0 0; line-height: 28px; font-size: 16px; letter-spacing: 0.5px; color: #333; padding-top: 18px; border-top: 2px solid #ffb721; }
.main_theme .swiper-button-prev.swiper-button-white,.main_theme .swiper-button-next.swiper-button-white { width: 35px; height: 35px; background: transparent; opacity: 1; bottom:0; top: initial; outline: none; }
.main_theme .swiper-button-next::after,.main_theme .swiper-container-rtl .swiper-button-prev::after,
.main_theme .swiper-button-prev::after,.main_theme .swiper-container-rtl .swiper-button-next::after { display: block !important ; width: 35px; height: 35px; font-size: 0px; padding: 0px; 
background: url(https://materials.fillo.com.tw/materials/mrtsai/images/dee42671-2ceb-4f58-869b-ad1bdc2ea413.svg) ; background-position: center center; background-repeat: no-repeat;
 -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.main_theme .swiper-button-next:hover::after,.main_theme .swiper-button-prev:hover::after{ opacity: 0.7;}
.main_theme .swiper-button-prev:after { transform: scaleX(-1); }
.main_theme .swiper-button-prev.swiper-button-white { left: calc(50% - 60px); }
.main_theme .swiper-button-next.swiper-button-white { right: calc(50% - 60px); }
.main_theme .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.main_theme .swiper-button-next.swiper-button-white.swiper-button-disabled{  opacity: 0.5;}

@media (max-width:1399px){
    .main_theme .swiper-container { padding-left: 40px; }
    .main_theme .swiper-slide-style{display: inline-block;flex-direction: column; padding: 0;}
    .main_theme .swiper-slide .swiper-img{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;padding:0}
    .main_theme .swiper-slide .swiper-content{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display:flex;flex-direction:column;padding:0}
    .main_theme .swiper-slide .swiper-content h3 { font-size: 22px; margin: 30px 0 0 0; -webkit-writing-mode: initial; writing-mode: initial; }
    .main_theme .swiper-slide .swiper-content p { -webkit-writing-mode: initial; writing-mode: initial; margin: 15px 0 0; color: #333; border-top: 2px solid #ffb721; }
}
@media (max-width:1199px){
    .main_theme::before { width: 200px; bottom: -120px; background-size: 200px; }
}
@media (max-width:767px){
    .main_theme_tab{ max-width: 100%;}
    .main_theme_tab .nav-pills li.nav-item{ padding: 0;}
    .main_theme_tab .nav-pills .nav-link { font-size: 20px; min-width: 100px; line-height: 30px; padding: 15px 5px;}
    .main_theme_tab .nav-pills .nav-link::before{ background-size: 100px;}
    .main_theme::before { width: 130px; bottom: -100px; background-size: 130px; }
    .main_theme .swiper-slide-style{margin-top:0;display:flex;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
}
@media (max-width:575px){
    .main_theme::before { width: 100px; bottom: -80px; background-size: 100px; }
}

/* 金旅 · 優旅選推薦 */
.main_hot{ max-width: 1360px; }
.main_hot .swiper-slide-style{ display: flex; flex-flow: column; align-items: center; height: auto; box-shadow: none; padding:0; margin:0; border-radius: 0; }   
.main_hot .swiper-wrapper { margin-bottom: 60px;}
.main_hot .swiper-slide .swiper-title { writing-mode: tb; color: #333333; letter-spacing: 5px; font-size:22px; padding-top: 20px; }
.main_hot .swiper-slide .swiper-img { margin-top: 0; margin-bottom: 0; border-radius: 20px; padding: 4px; border: 1px solid #0ca2e2; }
.main_hot .swiper-slide:nth-child(even) .swiper-img {border: 1px solid #ffb721;  }
.main_hot .swiper-slide .swiper-img img{ border-radius: 18px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center center; max-width: 160px; }
.main_hot .swiper-button-prev.swiper-button-white,.main_hot .swiper-button-next.swiper-button-white { width: 35px; height: 35px; background: transparent; opacity: 1; bottom:0; top: initial; outline: none; }
.main_hot .swiper-button-next::after,.main_hot .swiper-container-rtl .swiper-button-prev::after,
.main_hot .swiper-button-prev::after,.main_hot .swiper-container-rtl .swiper-button-next::after { display: block !important ; width: 35px; height: 35px; font-size: 0px; padding: 0px; 
background: url(https://materials.fillo.com.tw/materials/mrtsai/images/dee42671-2ceb-4f58-869b-ad1bdc2ea413.svg) ; background-position: center center; background-repeat: no-repeat;
 -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.main_hot .swiper-button-next:hover::after,.main_hot .swiper-button-prev:hover::after{ opacity: 0.7;}
.main_hot .swiper-button-prev:after { transform: scaleX(-1); }
.main_hot .swiper-button-prev.swiper-button-white { left: calc(50% - 60px); }
.main_hot .swiper-button-next.swiper-button-white { right: calc(50% - 60px); }

@media (max-width:575px){
    .main_hot .swiper-slide .swiper-title{ font-size: 18px; letter-spacing: 2px;}
}

/* 影片專區 */
.main_video_block { padding-top: 85px; }
.main_video_block::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/4386498c-9ee0-40f8-a383-7eb847f7d079.svg) no-repeat center; right: 0; top: 0; width: 270px; height: 98px; z-index: 1; background-size: 240px; }
.main_video_block>.module-container>.main{ justify-content:flex-end;}
.main_video { background: #e0f3fb; max-width: 1800px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-top: 20px; padding-bottom: 20px;overflow: hidden;}
.main_video::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/3d920982-6867-4ebf-afda-ed3239043d73.svg) no-repeat center; width: 180px; height: 193px; top: 0; left: 0; }
.main_video::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/580a82a1-1fd6-45d7-ac22-1f6b00d71cdb.svg) center no-repeat; width: 377px; height: 148px; left: 0; bottom: 0; }
.main_video>.module-container>.main { display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.main_video .header-title{-ms-flex: 0 400px; flex: 0 0 400px; }
.main_video .header-title>h2{ position: relative; color: #333333; font-size: 36px; letter-spacing: 1px; font-weight: 600; text-align: center; display: table; margin: 0 auto; padding: 0 25px 15px;}
.main_video .header-title>h2::after { content: ""; position: absolute; bottom:0; left:0; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/be87dd4c-c66d-4446-a000-013ab9d592f3.svg) no-repeat center; background-size: 44px; width: 44px; height: 31px; }
.main_video .header-title+div{  max-width: 1130px}
.main_video .swiper-container { padding: 0 42px; }
.main_video .swiper-slide-style { background: transparent; box-shadow: none;}
.main_video .swiper-button-prev::after,
.main_video .swiper-button-next::after{ content: ""; display:block !important; position: absolute; background: transparent; font-size: 0; right:0; width: 35px; height: 35px; position: absolute; padding: 0; 
background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/dee42671-2ceb-4f58-869b-ad1bdc2ea413.svg); background-size: 35px; background-repeat: no-repeat; background-position: center; }
.main_video [class*='swiper-button-'] { opacity: 1; }
.main_video .swiper-button-next { right: 0; }
.main_video .swiper-button-prev { left: 0; }
.main_video .swiper-button-prev::after { left:0; transform: rotate(180deg); }
.main_video .swiper-slide-style { display: inline-flex; flex-flow: column; }
.main_video .swiper-slide .swiper-content{ order: 1; padding: 0;}
.main_video .swiper-slide .swiper-title { order: 2; color: #333333; font-size: 20px; padding-bottom: 10px; padding: 0 10px 10px; display: table; margin: 0 auto; border-bottom: 2px solid #ffb721; }
.main_video .swiper-slide .swiper-img{ display: none;}
.main_video .swiper-slide .swiper-content .tiktok-embed{ margin-top: 0;}
@media (max-width:1820px){
    .main_video{max-width: 95%;}
    .main_video .header-title { -ms-flex: 0 300px; flex: 0 0 300px; }
    .main_video .header-title+div { max-width: 1160px; }
}
@media (max-width:1560px){
    .main_video > .module-container > .main { justify-content: center; }
    .main_video .header-title { -ms-flex: 0 100%; flex: 0 0 100%; }
    .main_video .header-title+div{ max-width: 100%;}
    .main_video .header-title>h2 { margin: 40px auto 15px; }
    .main_video::after { width: 160px; height: 68px; background-size: 160px; }
}
@media (max-width:1199px){
    .main_video_block::before { top: 24px; width: 180px; height: 70px; background-size: 180px; }
}
@media (max-width:767px){
    .main_video .header-title>h2{ font-size: 28px;}
    .main_video .swiper-container { padding: 0 100px; }
    .main_video .swiper-button-next{right: 30px; }
    .main_video .swiper-button-prev{ left: 30px;}
}
@media (max-width:575px){
    .main_video_block>.module-container>.main{ justify-content: initial;}
    .main_video { max-width:100%; margin: 0 auto;}
    .main_video .swiper-container { padding: 0 60px; }
    .main_video .swiper-button-next{right: 10px; }
    .main_video .swiper-button-prev{ left: 10px;}
    .main_video .swiper-slide .swiper-title{ font-size: 18px;}
    .main_video_block::before { top: 30px; width: 150px; height: 60px; background-size: 150px; }
}


/* 合作廠商 */
.main_partner{ margin-bottom: 80px;}
.main_partner .swiper-container { padding: 0 42px; }
.main_partner .swiper-slide-style { height: 140px; box-shadow: 0px 0px 11px 1.7px rgba(0, 0, 0, 0.09); border-radius: 20px; margin-top: 10px; margin-bottom: 10px; padding: 20px; }
.main_partner .swiper-slide .swiper-img { margin: 0; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; height: 100%;}
.main_partner .swiper-slide .swiper-img img { border-radius: 0; width: auto; max-height: 95px; }
.main_partner .swiper-button-prev::after,
.main_partner .swiper-button-next::after{ content: ""; display:block !important; position: absolute; background: transparent; font-size: 0; right:0; width: 35px; height: 35px; position: absolute; padding: 0; 
background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/dee42671-2ceb-4f58-869b-ad1bdc2ea413.svg); background-size: 35px; background-repeat: no-repeat; background-position: center; }
.main_partner [class*='swiper-button-'] { opacity: 1; }
.main_partner .swiper-button-next { right: 0; }
.main_partner .swiper-button-prev { left: 0; }
.main_partner .swiper-button-prev::after { left:0; transform: rotate(180deg); }
@media (max-width:767px){
    .main_partner .swiper-container{ padding: 0 37px;}
}

/***** gotop *****/
.mrtsai_gotop .side_bar { box-shadow: none; margin-bottom: 0; padding: 0; width: 43px; border-radius: 0; background:transparent;}
.mrtsai_gotop .side_box{ bottom: 90px; z-index: 1049;}
.mrtsai_gotop .side_bar li { padding: 1px 0; border-bottom: none; }
.mrtsai_gotop .side_bar li a{ display: block; color: #ffffff; background: #009de1; border-radius: 50%; width: 40px; height: 40px; margin: 0 auto; border: 1px solid #c9d5db; -webkit-transition: all 0.3s; transition: all 0.3s}
.mrtsai_gotop .side_bar li a:hover{ background: #ffb721; border: 1px solid #ffffff;}
.mrtsai_gotop .side_bar li a i { font-size: 22px; color: #ffffff; line-height: 38px; }
.mrtsai_gotop .side_bar li a:hover i{ color: #ffffff;}
.mrtsai_gotop .side_bar li a img { width: 21px; height: auto; margin-top: 8px; display: block; text-align: center; margin: 8px auto; }
.mrtsai_gotop .side_bar li a p{ margin: 2px 0 0;}
.mrtsai_gotop .actGotop { bottom: 40px; right: 12px; width: 38px; height: 44px; }
.mrtsai_gotop .actGotop a,.mrtsai_gotop .actGotop a:link { width: 38px; height: 44px; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/f0210940-1141-4d5d-b0dd-c254509f25b1.svg); background-size: 44px; background-position: center; background-repeat: no-repeat; line-height: 44px; color: #ffffff; font-weight: 400; font-size: 13px; }
@media(max-width:767px) {
    .mrtsai_gotop .side_box{ right: 8px !important;}
    .mrtsai_gotop .actGotop{ right: 8px;}
}

/******** 主題頁共用主圖 ********/
.theme_top_block>.module-container>.main { justify-content: flex-end; }
.theme_top { background: #009de1; border-bottom-left-radius: 60px; height: 250px; -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: initial; overflow: hidden;}
.theme_top::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/60341954-d55b-4701-957d-0b5878b1a110.svg) no-repeat top left; width: 289px; height: 202px; background-size: 280px; left: 0; top: 0; }
.theme_top>.module-container{ height: 100%;}
.theme_top>.module-container>.main { display: -ms-flexbox; display: flex; align-items: center; height: 100%; }
.theme_top .header-title{ display: table; margin-left: 210px; padding-left: 80px; position: relative; color: #ffffff; font-size: 42px; font-weight: 600; letter-spacing: 4px; z-index: 0; }
.theme_top .header-title::before { content: ""; position: absolute; width: 54px; height: 51px; left: 25px; }
.theme_top .header-title::after{ content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/5be05697-269f-45eb-ab14-1f25e9583f82.svg) no-repeat left center; width: 110px; height: 100px; left:0; top: -20px; }
@media screen and (max-width:1199px){
    .theme_top::before { width: 200px; height: 160px; background-size: 200px; }
}
@media screen and (max-width:991px){ 
    .theme_top>.module-container>.main{ align-items: initial;} 
    .theme_top .header-title { margin-left: 100px; margin-top: 80px; }
}
@media screen and (max-width:767px){ 
    .theme_top{height: 180px;}
    .theme_top::before { width: 140px; height: 100px; background-size: 140px; }
    .theme_top .header-title { margin-left: 50px; margin-top: 60px; padding-left: 58px; font-size: 32px; letter-spacing: 3px; }
    .theme_top .header-title::before { background-size: 38px; width: 50px; height: 40px; left: 10px; top: 5px; }
    .theme_top .header-title::after { width: 70px; height: 70px; background-size: 70px; left: 0; top: -10px; }
}

/******** 乘車時間 ********/
.theme_top.bus::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/69ba6e54-ec13-479f-849a-4244b55e2bf7.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.bus .header-title::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/5f3b7d5e-aba9-48b1-921b-9344c43a4e88.svg) no-repeat center; }
.bus_time,.bus_location{ max-width: 1120px; margin:0 auto;}
.bus_time { margin-top: 70px; margin-bottom: 60px; padding-top: 47px; }
.bus_time img { padding: 10px; background: #1b7ac3; border-radius: 60px; margin: 0 auto; max-width: 1050px; display: table; }
.bus_time::before,.bus_time::after{ content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/88a31faf-1ea4-46ba-95cd-9cdb9f5edcd2.svg) no-repeat center; width: 18px; height: 47px; top: 0; }
.bus_time::before { left: 180px; }
.bus_time::after{ right: 180px; }
.bus_location{ margin-bottom: 100px;  }
.bus_location .falls-container .grid { margin: 0; padding-bottom: 50px; margin: 0; padding-bottom: 0; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 60px; row-gap: 50px; height: auto !important; }
.bus_location .grid .grid-item { margin-top: 0; position: relative !important; left: initial !important; top: initial !important; max-width: 100%; border:2px solid #009de1; border-radius: 20px;  background: #ffffff; padding: 20px;
    transform:initial !important; -webkit-transition: all 0.3s; transition:all 0.3s; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
.bus_location .grid .grid-item:hover{ background: #eaf3f6; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.bus_location .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; max-width: 100%; border-radius: 15px;  aspect-ratio: 4 / 2.7; object-fit: cover; object-position: center center; width: 100%; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.bus_location .falls-container .grid .grid-item h3 { position: absolute; top: 0; left: 40px; font-size: 26px; font-weight: 400; color: #ffffff; letter-spacing: 1px; background: #009de1; padding: 13px 21px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.bus_location .falls-container .grid .grid-item h4{ position: relative; padding-left: 32px; font-size: 22px; color: #009de1; margin-top: 22px; letter-spacing: 0.5px; line-height: 30px;}
.bus_location .falls-container .grid .grid-item h4::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/b65704a4-84f8-47c9-b5f8-a894ea8c9d14.svg) no-repeat center; width: 33px; height: 33px; left: 0; top: -3px;}
.bus_location .falls-container .grid .grid-item h4 span{ color: #f49500;}
.bus_location .falls-container .grid .grid-item h5 { padding-left: 32px; color: #333333; font-size: 20px; margin-top: 10px; letter-spacing: 0.5px; line-height: 30px;}
.bus_location .falls-container .grid .grid-item>p { margin: 0; }
@media screen and (max-width:1220px){
    .bus_time,.bus_location{ max-width: calc(100% - 100px);}
}
@media screen and (max-width:1199px){
    .theme_top.bus::after { width: 600px; height: 150px; background-size: 600px; }
    .bus_time img{ max-width: 100%;}
}
@media screen and (max-width:767px){ 
    .theme_top.bus::after { width: 400px; height: 100px; background-size: 400px; }
    .bus_time { padding-top: 24px; }
    .bus_time::before, .bus_time::after{ height: 30px;}
    .bus_location .falls-container .grid {  grid-template-columns: repeat(1, 1fr); column-gap: 20px; row-gap: 30px;}
}
@media screen and (max-width:575px){
    .theme_top.bus::after { width: 300px; background-size: 300px; }
    .bus_time { margin-top: 50px; margin-bottom: 40px; max-width: calc(100% - 30px); }
    .bus_time::before { left: 40px; }
    .bus_time::after { right: 40px; }
    .bus_time img { padding: 5px; border-radius: 20px; }
    .widget-item.bus_location .header-title { margin: 50px auto 25px; }
    .bus_location .falls-container .grid .grid-item h3{ padding: 8px 10px; font-size: 20px; left: 25px;}
    .bus_location .falls-container .grid .grid-item h4,
    .bus_location .falls-container .grid .grid-item h5{ font-size: 18px;}
    .bus_location .grid .grid-item{ padding: 10px;}
}

/******** 寵物旅遊 *******/
.theme_top.pet::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/df22e34b-98b6-4bd6-b05e-c1aade3c2faa.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.pet .header-title::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/91219345-cf9d-4766-9155-c6b92ce8c3f3.svg) no-repeat center; }
.pet_info_block{ margin: 120px auto; max-width: 1540px; }
.pet_info_block::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/e2b7091e-42ee-46ea-b7e0-a80412cafd18.svg) no-repeat center; width: 240px; height: 100px; left: 80px; bottom: -50px; }
.pet_info_block::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/6aa4f398-2167-4f50-ac58-5cc2ed06b6c2.svg) no-repeat center; width: 220px; height: 120px; right: -15px; bottom: 0px;  z-index: -1;}
.pet_info { margin: 0 auto; max-width: 1440px; }
.pet_info article{ text-align: center; margin: 0 auto; max-width: 700px;}
.pet_info article h2{color: #009de1; font-size: 36px; margin-bottom: 44px; letter-spacing: 0.5px;}
.pet_info article p { font-size: 19px; line-height: 35px; color: #333333; margin-bottom: 0; letter-spacing: 0.5px; }
.pet_info article p+p{ margin-top: 38px;}
.pet_info_pic1{ position:absolute; left: 60px; top: 0;  width: 265px;}
.pet_info_pic1 img { width: 100%;}
.pet_info_pic2{ position:absolute; width: 258px; right: 20px; top: 30px;}
.pet_info_pic2 img {  width: 100%; border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center center; }
.pet_info_pic3 { position: absolute; width: 165px; right: 220px; top: 310px; }
.pet_info_pic3 img {  width: 100%; border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center center; }
.pet_video_block { padding-top: 75px; }
.pet_video_block>.module-container>.main{ justify-content:flex-end;}
.pet_video { background: #e0f3fb; max-width: 1740px; border-top-left-radius: 500px; border-bottom-left-radius: 500px; padding-top: 20px; padding-bottom: 20px;overflow: hidden;}
.pet_video>.module-container>.main { display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.pet_video .header-title{-ms-flex: 0 480px; flex: 0 0 480px; }
.pet_video .header-title>h2{ position: relative; color: #333333; font-size: 36px; letter-spacing: 1px; font-weight: 600; text-align: center; display: table; margin: 70px auto 0; padding: 0 0px 15px 55px;}
.pet_video .header-title>h2::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/eecc7d25-6a88-4d45-9358-af08a05a9a36.svg) no-repeat center; width: 170px; height: 170px; bottom: 65px; left:40px; }
.pet_video .header-title>h2::after { content: ""; position: absolute; bottom:0; left:20px; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/be87dd4c-c66d-4446-a000-013ab9d592f3.svg) no-repeat center; background-size: 44px; width: 44px; height: 31px; }
.pet_video .header-title+div{  max-width: 1130px}
.pet_video .swiper-container { padding: 0 42px; }
.pet_video .swiper-slide-style { background: transparent; box-shadow: none; margin-bottom: 0;}
.pet_video .swiper-button-prev::after,
.pet_video .swiper-button-next::after{ content: ""; display:block !important; position: absolute; background: transparent; font-size: 0; right:0; width: 35px; height: 35px; position: absolute; padding: 0; 
background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/dee42671-2ceb-4f58-869b-ad1bdc2ea413.svg); background-size: 35px; background-repeat: no-repeat; background-position: center; }
.pet_video [class*='swiper-button-'] { opacity: 1; }
.pet_video .swiper-button-next { right: 0; }
.pet_video .swiper-button-prev { left: 0; }
.pet_video .swiper-button-prev::after { left:0; transform: rotate(180deg); }
.pet_video .swiper-slide-style { display: inline-flex; flex-flow: column; }
.pet_video .swiper-slide .swiper-content{ order: 1; padding: 0;}
.pet_video .swiper-slide .swiper-title { order: 2; color: #333333; font-size: 20px; padding-bottom: 10px; padding: 0 10px 10px; display: table; margin: 0 auto; border-bottom: 2px solid #ffb721; }
.pet_video .swiper-slide .swiper-img{ display: none;}
.pet_video .swiper-slide .swiper-content .tiktok-embed{ margin-top: 0;}
.pet_route { margin-bottom: 50px; }
.pet_route .mix-wrapper{ padding: 15px;}
.pet_route .mix-wrapper>.row { border-radius: 20px; background: #39bcf5; margin-bottom: 50px; padding: 30px; position: relative; overflow: hidden;}
.pet_route .mix-wrapper>.row:nth-child(even) { background-color: #ffb721; }
.pet_route .mix-wrapper>.row::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/3ea7f48e-00ca-4ff9-ba92-e90f2b68ef14.svg) no-repeat center; width: 270px; height: 220px; right: -90px; top: -80px; }
.pet_route .mix-wrapper>.row:nth-child(even)::before{right: initial; left: -80px; transform: scaleX(-1);}
.pet_route .mix-wrapper .pic-content,.pet_route .mix-wrapper .editor-content { margin: 0; padding: 0;}
.pet_route .mix-wrapper .editor-content { display: flex; align-items: center; padding: 0 30px 80px; }
.pet_route .mix-wrapper>.row:nth-child(even) .editor-content::after { background: #39bcf5; }
.pet_route .mix-wrapper .editor-content .btn{position: absolute; background: #ffb721; border: 1px solid #ffb721; width: 78px; height: 78px; border-radius: 50%;  right: 20px; bottom: 0;  padding-top:0; 
    font-family: Roboto,"Helvetica Neue", "微軟正黑體", Helvetica, Arial, ui-sans-serif; -webkit-transition: all 0.3s; transition: all 0.3s;}
.pet_route .mix-wrapper>.row:nth-child(even) .editor-content .btn{ background: #39bcf5; border: 1px solid #39bcf5; }
.pet_route .mix-wrapper .editor-content .btn:hover,.pet_route .mix-wrapper>.row:nth-child(even) .editor-content .btn:hover{ border: 1px solid #ffffff; }
.pet_route .mix-wrapper .editor-content .btn a{ display: block; text-decoration: none; color: #ffffff; font-size: 20px; text-align: center; width: 100%; height: 100%; padding-top: 21px;}
.pet_route .mix-wrapper .editor-content article{ color: #ffffff;}
.pet_route .mix-wrapper .editor-content article h2 { position: relative; font-size: 28px; font-weight: 600; padding-left: 40px; padding-bottom: 12px; letter-spacing: 0.5px; margin-bottom: 25px; border-bottom: 1px solid #ffffff; }
.pet_route .mix-wrapper .editor-content article h2::before { content: ""; position: absolute; left: 0; top: -10px; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/911a7225-3aba-469c-aa42-764ada6eeb39.svg) center no-repeat; width: 40px; height: 40px; }
.pet_route .mix-wrapper .editor-content article p { font-size: 19px; line-height: 40px; }
.pet_route .mix-wrapper>.row:nth-child(odd) .img-mode .img-box{ padding-right: 50px !important;}
.pet_route .mix-wrapper>.row:nth-child(even) .img-mode .img-box{ padding-left: 50px !important;}
.pet_route .mix-wrapper .pic-content img{ border-radius: 20px;}
@media (max-width:1820px){
    .pet_video{max-width: 95%;}
    .pet_video .header-title { -ms-flex: 0 380px; flex: 0 0 380px; }
    .pet_video .header-title+div { max-width: 1160px; }
}
@media (max-width:1700px){
    .pet_video .header-title { -ms-flex: 0 300px; flex: 0 0 300px; }
    .pet_video .header-title+div { max-width: 1100px; }
}
@media (max-width:1600px){
    .pet_info_block{ max-width: 95%;}
}
@media (max-width:1560px){
    .pet_video{ padding-top: 110px; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
    .pet_video .header-title { -ms-flex: 0 100%; flex: 0 0 100%; }
    .pet_video .header-title+div{ max-width: 95%;}
    .pet_video .header-title>h2 { margin: 40px auto 15px; }
    .pet_video .header-title>h2::before { height: 130px; bottom: 55px; background-size: 130px; }
    .pet_video .swiper-container { padding: 0 46px; }
    .pet_video .swiper-button-prev { left: 5px; }
    .pet_video .swiper-button-next{ right: 5px;}
    .pet_info_pic1{ left: 40px;}
    .pet_info_pic3{ right: 160px;}
    .pet_info_block::after{ width: 160px; right: 0;}
}
@media (max-width:1440px){
    .pet_info_block{ margin: 120px auto 40px;}
    .pet_info_pic1{ width: 220px; }
    .pet_info_pic2{ width: 200px;}
    .pet_info_pic3 { width: 130px; right: 130px; top: 240px; }
    .pet_info_block::before{ width: 200px; left: 40px; bottom: 0; }
    .pet_info_block::after{ width: 140px;}
}
@media (max-width:1300px){
    .pet_info_pic1 { width: 160px; }
    .pet_info_pic2 { width: 140px; right: 0;}
    .pet_info_pic3 { width: 100px; right:110px; top: 160px; }
    .pet_info_block::before { width: 160px; bottom: 60px; }
}
@media (max-width:1199px){
    .theme_top.pet::after { width: 600px; height: 150px; background-size: 600px; }
    .pet_info_block { margin: 80px auto 0; }
    .pet_info article h2 { font-size: 32px; margin-bottom: 30px; }
    .pet_info article p{ font-size: 17px; line-height: 30px;}
    .pet_info article p+p { margin-top: 20px; }
}
@media (max-width:1100px){
    .pet_info article{ max-width: 500px;}
}
@media (max-width:1023px){
    .pet_video .swiper-container { padding: 0 36px; }
}
@media (max-width:991px){
    .pet_info_block { margin: 60px auto 0; padding-bottom: 170px;}
    .pet_info { margin: 40px auto 0;}
    .pet_info article { max-width: calc(100% - 100px); }
    .pet_info article h2 { margin-bottom: 25px; }
    .pet_info_pic1 { position: relative; max-width: 200px; margin: 0 auto;  left: initial;}
    .pet_info_pic2 { right: calc( 50% - 160px); top: initial; bottom: 0; }
    .pet_info_pic3 { width: 140px; right: initial; top: initial; left:calc( 50% - 160px); bottom: 0; }
    .pet_info_block::before { width: 120px; bottom: 0; }
    .pet_info_block::after { width: 120px; right: 50px; }
    .pet_route .mix-wrapper .pic-content, .pet_route .mix-wrapper .editor-content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .pet_route .mix-wrapper .pic-content{ order: 1;}
    .pet_route .mix-wrapper .editor-content{ order: 2;}
    .pet_route .mix-wrapper>.row:nth-child(odd) .img-mode .img-box,.pet_route .mix-wrapper>.row:nth-child(even) .img-mode .img-box{ padding: 0 0 40px 0 !important; }
    .pet_route .mix-wrapper .editor-content article h2{ font-size: 24px;}
    .pet_route .mix-wrapper .editor-content article p { font-size: 17px; line-height: 32px; }
}
@media (max-width:767px){
    .theme_top.pet::after { width: 400px; height: 100px; background-size: 400px; }
    .pet_info_pic2 { right: calc( 50% - 120px); width: 100px; }
    .pet_info_pic3 { width: 100px; left: calc( 50% - 120px); }
    .pet_info_block::before { width: 100px; bottom: 0; left: 0; }
    .pet_info_block::after { width: 100px; right: 0; }
    .pet_video .header-title>h2{ font-size: 28px;}
    .pet_video .swiper-container { padding: 0 100px; }
    .pet_video .swiper-button-next{right: 30px; }
    .pet_video .swiper-button-prev{ left: 30px;}
}
@media (max-width:575px){
    .theme_top.pet::after { width: 300px; background-size: 300px; }
    .pet_info_block{ padding-bottom: 130px;}
    .pet_info article h2 { margin-bottom: 20px; font-size: 24px; }
    .pet_info article p { font-size: 16px; line-height: 28px; text-align: left; }
    .pet_video { border-bottom-left-radius: 0; border-top-right-radius: 50px; }
    .pet_video .header-title+div { max-width: 100%; }
    .pet_video .header-title>h2 { padding: 0 25px 15px; }
    .pet_video .header-title>h2::after{ left: -5px;}
    .pet_video .header-title>h2::before { height: 120px; bottom: 45px; background-size: 120px; left: 0; }
    .pet_video_block>.module-container>.main{ justify-content: initial;}
    .pet_video { max-width:100%; margin: 0 auto;}
    .pet_video .swiper-container { padding: 0 60px; }
    .pet_video .swiper-button-next{right: 10px; }
    .pet_video .swiper-button-prev{ left: 10px;}
    .pet_video .swiper-slide .swiper-title{ font-size: 18px;}
    .pet_route{ margin-bottom:0;}
    .pet_route .mix-wrapper>.row{ padding: 15px;}
    .pet_route .mix-wrapper>.row:nth-child(odd) .img-mode .img-box, .pet_route .mix-wrapper>.row:nth-child(even) .img-mode .img-box { padding: 0 0 20px 0 !important; }
    .pet_route .mix-wrapper .editor-content { padding: 0 0 55px; }
    .pet_route .mix-wrapper .editor-content article h2 { font-size: 20px; letter-spacing: 0; padding-left: 30px;  margin-bottom: 15px; }
    .pet_route .mix-wrapper .editor-content article p { font-size: 16px; line-height: 28px; }
    .pet_route .mix-wrapper .editor-content .btn { width: 55px; height: 55px; right: 0; padding: 0;}
    .pet_route .mix-wrapper .editor-content .btn a { font-size: 17px; padding-top: 12px; }
    .pet_route .mix-wrapper .editor-content article h2::before { width: 30px; height: 32px; }
}

/******** 品牌理念 *******/
.theme_top.brand::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/04dddf9e-277a-4e9b-9e22-9d9295ae0ac7.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.brand .header-title::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/4ccb6d2d-6a39-4a11-83f5-fa844393fe13.svg) no-repeat center; }
.brand_intro { margin-top: 85px; }
.brand_intro article h2{ position: relative;  margin: 0 auto; display: table; margin-bottom: 45px; text-align: center; padding: 16px 45px; color: #009de1; font-size: 36px; letter-spacing: 1px; background: #ecf7fb; border-radius: 50px;}
.brand_intro article h2::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/ff7828bc-cf1c-4c14-891a-e41368cdab18.svg) no-repeat center; width: 80px; height: 80px; left: -35px; top: -35px; transform: rotate(-30deg);}
.brand_intro article p { font-size: 28px; font-weight: 500; letter-spacing: 0.5px; max-width: 980px; margin: 0 auto; text-align: center; line-height: 56px; color: #333333; }
.brand_intro article p>span { margin-left: 5px; margin-right: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; position: relative; background: #ffec6d; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffec6d 50%);}
.widget-item.mrtsai_title.brand_core .header-title { margin-bottom: 30px; }
.brand_core .mix-wrapper { position: relative; padding: 15px; border: 1px solid #009de1; border-radius: 20px; max-width: 940px; margin: 0 auto; padding: 60px 65px; }
.brand_core .mix-wrapper::after { content: ""; position: absolute; width: calc(100% - 30px); height: calc(100% - 30px); border-right: 1px solid #009de1; border-bottom: 1px solid #009de1; right: -8px; bottom: -8px; border-bottom-right-radius: 24px; z-index: -1;}
.brand_core .editor-content { color: #333333; font-size: 20px; font-weight: 600; text-align: center; line-height: 36px; margin-top: 30px; margin-bottom: 0; padding: 0; }
.brand_core .editor-content p{ margin-bottom: 0;}
.brand_core .pic-content { margin-top: 0; margin-bottom: 0; }
.brand_core .img-mode .img-box { text-align: center; }
.brand_service { margin-top: 100px; margin-bottom: 70px; }
.widget-item.mrtsai_title.brand_service .header-title{ margin: 0 0 25px;}
.brand_service .hover-wall .htpro_tit{ display: none;}
.brand_service .hover-wall .row { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 50px; row-gap: 20px; }
.brand_service .hover-wall .row>div { max-width: 100%; margin-bottom: 0 !important; padding: 0; }
.brand_service .hover-wall .icon_info { background: #e0f3fb; border-radius: 20px; padding: 17px; overflow: visible;}
.brand_service .hover-wall .icon_info figure{ margin-bottom: 25px;}
.brand_service .hover-wall figure .b_img { border-radius: 16px; aspect-ratio: 5 / 3.6; object-fit: cover; object-position: center center;}
.brand_service .hover-wall figure .overlay{ display: none;}
.brand_service .hover-wall .icon_info,.brand_service .hover-wall .icon_info:hover{box-shadow: none;}
.brand_service .hover-wall .icon_info:hover{ bottom: 0;}
.brand_service .hover-wall .icon_info:hover figure .b_img { -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.brand_service .hover-wall .icon_info h3{ margin-bottom: 10px; padding: 0;}
.brand_service .hover-wall .icon_info h4 { margin: 0; padding: 13px 10px 10px 5px; position: absolute; height: 87px; width: 87px; background: #ffb721; border-radius: 50%; top: -40px; left: 35px; font-size: 38px;
     font-family: Roboto, "Helvetica Neue", "微軟正黑體", Helvetica, Arial, ui-sans-serif; font-weight: 600; text-align: center; }
.brand_service .hover-wall .icon_info h4::before { content: "Point"; font-size: 17px; font-weight: 400; display: block; padding-left: 3px; }
.brand_service .hover-wall .icon_info p.animate-text { margin-bottom: 10px; padding: 0 10px; font-size: 18px; letter-spacing: 0; line-height: 32px; }
@media (min-width:992px){
    .brand_service .hover-wall .row>div:nth-child(3n+2) { margin-top: 65px; }
    .brand_service .hover-wall .row>div:nth-child(3n+3) { margin-top: 5px; }
    .brand_service .hover-wall .row>div:nth-child(3n+4) { margin-top: -40px; }
}
@media (max-width:1199px){
    .theme_top.brand::after { width: 600px; height: 150px; background-size: 600px; }
    .brand_core .mix-wrapper{  max-width: calc(100% - 100px); }
    .brand_service { margin-top: 80px; margin-bottom: 50px; }
    .brand_service .hover-wall .row { column-gap: 30px; }
    .brand_service .hover-wall .icon_info h4 { padding: 11px 10px 10px 5px; height: 70px; width: 70px; top: -30px; left: 20px; font-size: 28px; }
    .brand_service .hover-wall .icon_info h4::before { font-size: 15px; }
}
@media (max-width:991px){
    .brand_intro article h2{ font-size: 28px; margin-bottom: 30px;}
    .brand_intro article p{ font-size: 20px; line-height: 44px;}
    .widget-item.mrtsai_title.brand_core .header-title{ margin-top: 50px;}
    .brand_core .mix-wrapper { padding: 40px 45px; }
    .brand_service .hover-wall .row { grid-template-columns: repeat(2, 1fr); row-gap: 60px; margin-top: 30px; }
    .brand_service .hover-wall .icon_info{ height: 100%;}
}
@media (max-width:767px){
    .theme_top.brand::after { width: 400px; height: 100px; background-size: 400px; }
    .brand_intro article h2 { font-size: 20px; padding: 16px 20px; margin: 0 0 20px; width: 100%; }
    .brand_intro article h2::before { width: 50px; height: 50px; left: -15px; top: -25px; }
    .brand_intro article p { font-size: 17px; line-height: 36px; }
    .brand_intro { margin-top: 54px; }
    .brand_core .mix-wrapper { max-width: 100%; padding: 35px; }
    .brand_core .img-mode .img-box img { width: 250px; }
    .brand_core .editor-content { font-size: 17px; line-height: 32px; }
    .brand_service { margin-top: 50px; }
    .brand_service .hover-wall .icon_info h3{ font-size: 20px;}
    .brand_service .hover-wall .icon_info p.animate-text { padding: 0; font-size: 16px; line-height: 28px; }
}
@media (max-width:575px){
    .theme_top.brand::after { width: 300px; background-size: 300px; }
    .brand_intro article h2 { font-size: 20px; padding: 16px; line-height: 32px; border-radius: 20px; text-align: left;}
    .brand_intro article p { font-size: 16px; line-height: 36px; letter-spacing: 0; text-align: justify; }
    .brand_intro article p>span { margin-left: 2px; margin-right: 2px; padding-left: 2px; padding-right: 2px;}
    .widget-item.mrtsai_title.brand_core .header-title { margin-top: 40px; margin-bottom: 20px; }
    .brand_core .editor-content { font-size: 16px; line-height: 28px; }
    .brand_service .hover-wall .row { grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
    .brand_service .hover-wall .icon_info{ padding: 14px;}
    .brand_service .hover-wall .icon_info figure{ margin-bottom: 20px;}
    .brand_service .hover-wall .icon_info h4 { padding: 11px 10px 10px 5px; height: 60px; width: 60px; top: -20px; font-size: 22px; }
    .brand_service .hover-wall .icon_info h4::before { font-size: 14px; }
}

/******** 隱私權政策 *******/
.theme_top.rule::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/2711468f-db9e-41f0-a472-7ae3a6d7bc89.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.rule .header-title::before { background: url(https://materials.fillo.com.tw/materials/mrtsai/images/3eee9683-5e48-448a-8e80-e88353d90dee.svg) no-repeat center; }
.rule_block { margin-top: 50px; margin-bottom: 80px; }
.rule_btn { margin-bottom: 50px; }
.rule_btn .link div.link-list ul{ text-align: center;}
.rule_btn .link div.link-list { background: transparent; }
.rule_btn .link div.link-list ul li { position: relative; background: #029de1; border-radius: 40px;}
.rule_btn.first .link div.link-list ul li:nth-child(2):hover{ background: #ffb721; -webkit-transition: all 0.3s; transition: all 0.3s;}
.rule_btn .link div.link-list ul li:before { content: ""; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/ce3d1b52-a27a-4b79-bc70-e04ab94cc326.svg) no-repeat center; position: absolute; width: 25px; height: 25px; left: 10px; top: 13px; }
.rule_btn.first .link div.link-list ul li:nth-child(1):before { content: ""; background: url(https://www.mrtsaitravel.com/material-alias/footer_arrow.svg) ; transform: rotate(90deg); }
.rule_btn .link div.link-list ul li+li { margin-left: 20px !important; }
.rule_btn .link div.link-list ul li a, .rule_btn .link div.link-list ul li span { font-size: 20px; padding: 10px 20px 10px 25px; min-width: 200px; }
.rule_btn.first .link div.link-list ul li:nth-child(1) a{ cursor: default; }
.rule_contant { max-width: 1200px; margin: 0 auto; }
.rule_contant .rule_text h3 { font-size: 24px; letter-spacing: 0.5px; font-weight: 600; margin-bottom: 15px;}
.rule_contant .rule_text:not(:last-child) { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #53beec; }
.rule_contant .rule_text p,.rule_contant .rule_text dt,.rule_contant .rule_text dd{ margin-top: 0; margin-bottom: 0.8px; line-height: 30px; text-align: justify; }
.rule_contant .rule_text table.cancel_table { margin: 14px 0; width: 46%; }
.rule_contant .rule_text table.cancel_table tr { border-collapse: collapse; }
.rule_contant .rule_text table.cancel_table tr.white_border { border-bottom: 2px solid #fff; }
.rule_contant .rule_text table.cancel_table tr th { background: #02a2f7; color: #fff; font-size: 15px; font-weight: 600; }
.rule_contant .rule_text table.cancel_table tr td { background: #f3f3f3; font-size: 15px; }
.rule_contant .rule_text table.cancel_table tr th, .rule_text table.cancel_table td { padding: 14px 18px; text-align: left; }
.rule_contant .rule_text p a,.rule_contant .register_member_text p a { color: #ffa300; font-weight: 600; text-decoration: none; }
.rule_contant .rule_text p span.main_point { color: #ffa300; font-weight: 600; }

@media (min-width:768px){
    .theme_top.rule .header-title::before { width: 56px; height: 60px; left: 20px;}
}
@media (max-width:1199px){
    .theme_top.rule::after { width: 600px; height: 150px; background-size: 600px; }
    .rule_contant .rule_text table.cancel_table { margin: 14px 0; width: 100%; }
    .rule_contant .rule_text table.cancel_table tr th, .rule_text table.cancel_table tr td { font-size: 13px; padding: 11px; }
    .rule_contant .rule_text table.cancel_table tr td { line-height: 23px; }
}
@media (max-width:767px){
    .theme_top.rule::after { width: 400px; height: 100px; background-size: 400px; }
}
@media (max-width:575px){
    .theme_top.rule::after { width: 300px; background-size: 300px; }
    .rule_btn { padding: 0; }
    .rule_contant .rule_text h3{font-size: 20px;}
    .rule_contant .rule_text p,.rule_contant .rule_text dt,.rule_contant .rule_text dd{ font-size: 15px;}
    .rule_btn .link div.link-list ul li a, .rule_btn .link div.link-list ul li span { font-size: 18px; padding: 10px 10px 10px 35px; min-width: 100px; }
    .rule_btn .link div.link-list ul li+li { margin-left: 10px !important; }
}

/******** 使用條款 *******/
.rule_btn.second .link div.link-list ul li:nth-child(1):hover{ background: #ffb721; -webkit-transition: all 0.3s; transition: all 0.3s;}
.rule_btn.second .link div.link-list ul li:nth-child(2):before { content: ""; background: url(https://www.mrtsaitravel.com/material-alias/footer_arrow.svg) ; transform: rotate(90deg); }
.rule_btn.second .link div.link-list ul li:nth-child(2) a{ cursor: default; }

/******** 常見問題 *******/
.theme_top.faq::after { content: ""; position: absolute; background: url(https://www.mrtsaitravel.com/material-alias/常見問題/theme_QA_title_bg01.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.faq .header-title::before { background: url(https://www.mrtsaitravel.com/material-alias/常見問題/常見問題-白icon.svg) no-repeat center; width: 55px; height: 55px; left: 20px;}
.faq_list{ max-width: 1200px; margin: 70px auto;}
.faq_list .side-menu ul { background:none; box-shadow: none; }
.faq_list .side-menu ul li label { padding: 26px 40px 26px 90px; color: #009de1; font-size: 18px; font-weight: 600; text-shadow: none; background: none; line-height: 1.5;
 margin-bottom: 0; border: none; position: relative; letter-spacing: 1px; text-indent: 0; background: #ffffff; border-radius: 20px; cursor: pointer; }
.faq_list .side-menu ul li label::before { content: ""; position: absolute; background: url(https://www.mrtsaitravel.com/material-alias/常見問題/Q_icon.svg) no-repeat center; width: 45px; height: 45px;left: 35px; top: 15px; }
.faq_list .side-menu ul li label:hover { background: none;  } 
.faq_list .side-menu ul li.block { border: 1px solid #c4c4c4; border-radius: 20px; margin-bottom: 20px; -webkit-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}
.faq_list .side-menu ul li.block:hover{ border: 1px solid #7fcef0; }
.faq_list .side-menu ul li i { font-size: 28px; text-align: left; color:#ffb721;  position: absolute; right: 10px; }
.faq_list .side-menu ul li input[type='checkbox']:checked~label { background:#e0f3fb; border: none; color:#009de1; border-bottom-left-radius: 0; border-bottom-right-radius:0}
.faq_list .side-menu ul li input[type='checkbox']:checked~label i { transform: rotate(180deg); }
.faq_list .side-menu ul li input[type='checkbox']:checked~.options { box-shadow: none; background: #e0f3fb; max-height: initial; padding: 0 40px 20px 90px!important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.faq_list .side-menu ul ul.options li { text-indent: 0; border-bottom: 0;}
.faq_list .side-menu ul ul li:first-child{ padding-top: 0;}
.faq_list .side-menu ul ul li a { color: #333333; font-size: 16px; line-height: 28px; cursor: default; padding: 0; letter-spacing: 0.2px; }
.faq_list .side-menu ul ul li a:hover { color: #333333; }
.faq_list .side-menu ul ul li a i { display: none; }
@media (max-width: 1300px) {
    .faq_list { max-width: calc(100% - 100px);}
}
@media (max-width: 1199px) {
    .theme_top.faq::after { width: 600px; height: 150px; background-size: 600px; }
}
@media (max-width:767px){
    .theme_top.faq::after { width: 400px; height: 100px; background-size: 400px; }
    .theme_top.faq .header-title::before { background-size: 38px; width: 50px; height: 40px; left: 10px; top: 5px; }
}
@media (max-width: 575px) {
    .theme_top.faq::after { width: 300px; background-size: 300px; }
    .faq_list{ margin: 50px auto;}
    .faq_list .side-menu ul li label::before { left: 10px; top: 6px; background-size: 30px; width: 30px; }
    .faq_list .side-menu ul li label { padding: 14px 28px 10px 45px; font-size: 16px; text-align: justify; }
    .faq_list .side-menu ul li input[type='checkbox']:checked~.options { padding: 0 15px 13px 15px !important; }
    .faq_list .side-menu ul ul li a{text-align: justify; }
    .faq_list .side-menu ul li i { font-size: 20px; right: 0px; margin-right: 8px; }
}

/******** 下載專區 *******/
.theme_top.download::after { content: ""; position: absolute; background: url(https://www.mrtsaitravel.com/material-alias/隱私權政策與條款/theme_rule_title_bg01.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.download .header-title::before { background: url(https://www.mrtsaitravel.com/material-alias/下載專區/下載專區-白icon.svg) no-repeat center; width: 55px; height: 55px; left: 20px;}
.download_list_block{ margin-top: 70px; margin-bottom: 70px;}
.download_list{ background: #EAF6FB; border-radius: 20px; padding-bottom: 70px; }
.widget-item.mrtsai_title.download_list .header-title{ margin: 45px auto;}
.download_list+.download_list{ margin-top: 60px;}
.download_list .link-list{ max-width: 1200px; margin: 0 auto; border-radius: 20px;}
.download_list div.link-list ul{ padding-bottom: 0px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 36px; row-gap: 36px; margin: 0px; }
.download_list div.link-list ul li a, .download_list div.link-list ul li span { position: relative; display: flex !important; align-items: center; min-height: 115px; background: #ffffff; border-radius: 20px; border: 1px solid #7fcef0; font-size: 22px; font-weight: 500;
     color: #333333; padding:12px 70px 15px 15px; -webkit-transition: 0.3s ease 0s; transition: 0.3s ease 0s; box-shadow: 0 0 15px rgba(0, 0, 0, 0);}
.download_list div.link-list ul li a:hover, .download_list div.link-list ul li span:hover{ color:#009de1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
.download_list div.link-list ul li a::after,.download_list div.link-list ul li span::after{ content: ""; position: absolute; background: url(https://www.mrtsaitravel.com/material-alias/下載專區/download_list_icon.svg) no-repeat center;; width: 50px; height: 50px; right: 15px;}
.download_list div.link-list ul li i{ color:#009de1; font-size: 25px; margin-right: 7px;}
@media (max-width: 1400px) {
    .download_list { padding: 0 60px 60px; }
}
@media (max-width: 1199px) {
    .theme_top.download::after { width: 600px; height: 150px; background-size: 600px; }
    .download_list div.link-list ul { column-gap: 28px; row-gap: 28px; }
    .download_list div.link-list ul li a, .download_list div.link-list ul li span{ font-size: 20px;}
}
@media (max-width:991px){
    .download_list div.link-list ul li a::after, .download_list div.link-list ul li span::after { width: 40px; height: 40px; right: 10px; }
    .download_list div.link-list ul li a, .download_list div.link-list ul li span{ padding: 12px 56px 12px 12px; font-size: 18px;}
}
@media (max-width:767px){
    .theme_top.download::after { width: 400px; height: 100px; background-size: 400px; }
    .theme_top.download .header-title::before { background-size: 38px; width: 50px; height: 40px; left: 10px; top: 5px; }
    .download_list_block { margin-top: 40px; }
    .widget-item.mrtsai_title.download_list .header-title { margin: 35px auto; }
    .download_list+.download_list { margin-top: 40px; }
    .download_list { padding: 0 40px 40px; }
    .download_list div.link-list ul{ grid-template-columns: repeat(1, 1fr); row-gap: 20px; }
    .download_list div.link-list ul li a, .download_list div.link-list ul li span{ min-height: 80px;}
}
@media (max-width: 575px) {
    .theme_top.download::after { width: 300px; background-size: 300px; }
    .download_list { padding: 0 30px 30px; }
    .download_list div.link-list ul li a::after, .download_list div.link-list ul li span::after{ width: 30px; height: 30px;}
    .download_list div.link-list ul li a, .download_list div.link-list ul li span { padding: 12px 46px 12px 12px; letter-spacing: 0; }
}

/******** 媒體報導 *******/
.theme_top.media::after { content: ""; position: absolute; background: url(https://www.mrtsaitravel.com/material-alias/媒體報導/theme_media_title_bg01.svg) no-repeat right bottom; width: 894px; height: 240px; right: 0; bottom: 0; }
.theme_top.media .header-title::before { background: url(https://www.mrtsaitravel.com/material-alias/媒體報導/媒體報導-白icon.svg) no-repeat center; width: 54px; height: 54px; left: 19px;}
.report_one_block{ margin-bottom: 50px;}
.report_one { max-width: 1200px; margin:100px auto 0; }
.report_one .mix-wrapper { padding: 0; }
.report_one .pic-content{ margin-top: 0; margin-bottom: 0; }
.report_one .editor-content { margin-top: 40px; margin-bottom: 40px; }
.report_one .editor-content article{ position: relative; padding:0 30px 60px 35px;}
.report_one .editor-content article a {position: absolute; right: 30px; bottom: 0; text-decoration: none; display: table; font-size: 20px; color: #ffffff; background-color: #009de1; padding: 8px 54px 8px 24px; border-radius: 25px; }
.report_one .editor-content article a::after { content: ""; position: absolute; right: 22px; top: 10px; background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/572dce47-27bc-4807-a8a4-7d9cc30cc690.svg); background-repeat: no-repeat;
     background-size: 24px; background-position: center; width: 24px; height: 24px;  -webkit-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}
.report_one .editor-content article a:hover::after { right: 17px;}
.report_one .editor-content article h2{ position: relative; color: #333333; text-align: justify; font-weight: 600; font-size: 28px;  line-height: 36px;}
.report_one .editor-content article h2::before{ content: ""; position: absolute; width: 11px; height: 11px; background: #ffb721; border-radius: 50%; left: -25px; top: 0; }
.report_one .editor-content article h2::after { content: ""; position: absolute; width: 11px; height: calc(100% - 17px); background: #ffb721; border-radius: 10px; left: -25px; top: 15px; }
.report_one .editor-content article h2 span{ display: block; margin-top: 5px; color: #8D8D8D; font-size: 18px; font-weight: 400; font-family: Roboto, "Helvetica Neue", 微軟正黑體, Helvetica, Arial, ui-sans-serif;}
.report_one .editor-content article p{ font-size: 18px; color: #333333; line-height: 32px; margin-top: 22px;}
.report_one .pic-content img{border-radius: 20px;}
.report_list { max-width: 1200px; margin: 0 auto 80px; }
.report_list .hover-wall figure .overlay,.report_list .hover-wall .htpro_tit{ display: none;}
.report_list .hover-wall>.container-fluid>.row { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 45px; row-gap: 50px; }
.report_list .hover-wall>.container-fluid>.row>div { max-width: 100%; padding: 0; height: 100%; margin-bottom: 0 !important; }
.report_list .hover-wall .icon_info:hover figure .b_img { -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.report_list .hover-wall .icon_info { height: 100%; border: 1px solid #d9d1d1; border-radius: 20px; padding: 16px;  -webkit-transition: 0.3s ease 0s; transition: 0.3s ease 0s;}
.report_list .hover-wall .icon_info:hover{ bottom: 0; border: 1px solid #009de1; -webkit-box-shadow: 1px 1px 10px #e7e7e7; -moz-box-shadow:1px 1px 10px #e7e7e7; -ms-box-shadow: 1px 1px 10px #e7e7e7; -o-box-shadow: 1px 1px 10px #e7e7e7; box-shadow: 1px 1px 10px #e7e7e7;}
.report_list .hover-wall figure .b_img { border-radius: 16px; aspect-ratio: 4 / 2.34; object-fit: cover; object-position: center center;}
.report_list .hover-wall .icon_info h3{ position: relative; font-size: 22px; line-height: 32px; padding: 0 14px 0 27px; letter-spacing: 0; margin-top: 27px;}
.report_list .hover-wall .icon_info h3::before{ content: ""; position: absolute; width: 10px; height: 10px; background: #ffb721; border-radius: 50%; left: 4px; top: 0; }
.report_list .hover-wall .icon_info h3::after { content: ""; position: absolute; width: 10px; height: calc(100% + 14px); background: #ffb721; border-radius: 10px; left: 4px; top: 15px;  }
.report_list .hover-wall .icon_info h4 { font-style: normal; font-weight: 400; padding: 0 14px 0 27px; font-family: Roboto, "Helvetica Neue", 微軟正黑體, Helvetica, Arial, ui-sans-serif;}
.report_list .hover-wall .icon_info p.animate-text { position: relative; padding: 0 14px 48px 27px; font-size: 18px; text-align: justify; letter-spacing: 0; line-height: 32px; margin-bottom: 10px; }
.report_list .hover-wall .icon_info p.animate-text::after { content: "看更多"; position: absolute; right: 10px; bottom: 0; color: #ffffff; background-image: url(https://materials.fillo.com.tw/materials/mrtsai/images/572dce47-27bc-4807-a8a4-7d9cc30cc690.svg); background-color: #009de1; padding: 6px 47px 6px 20px; border-radius: 25px; background-repeat: no-repeat; background-size: 20px; background-position: center right 18px; }
@media (max-width: 1340px) {
    .report_one,.report_list{ max-width: calc(100% - 170px);}
}
@media (max-width: 1199px) {
    .theme_top.media::after { width: 600px; height: 150px; background-size: 600px; }
}
@media (max-width: 991px) {
    .report_one, .report_list { max-width: calc(100% - 100px);}
    .report_list .hover-wall>.container-fluid>.row { column-gap: 25px; row-gap: 30px; }
}
@media (max-width:767px){
    .theme_top.media::after { width: 400px; height: 100px; background-size: 400px; }
    .theme_top.media .header-title::before { background-size: 38px; width: 50px; height: 40px; left: 10px; top: 5px; }
    .report_one { margin: 80px auto 0; }
    .report_list .hover-wall>.container-fluid>.row { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 575px) {
    .theme_top.media::after { width: 300px; background-size: 300px; }
    .report_one_block { margin-bottom: 30px; }
    .report_one { margin: 50px auto 0; }
    .report_one .editor-content { margin-top: 20px; margin-bottom: 30px; }
    .report_one .pic-content{ padding: 0;}
    .report_one .editor-content{ padding-left: 0;}
    .report_one .editor-content article { padding: 0 0 40px 15px; }
    .report_one .editor-content article h2 { font-size: 22px; line-height: 32px; }
    .report_one .editor-content article h2::before { width: 7px; height: 7px; left: -17px; top: 0; }
    .report_one .editor-content article h2::after { width: 7px; height: calc(100% - 12px); left: -17px; top: 10px; }
    .report_one .editor-content article h2 span { margin-top: 5px; font-size: 16px; }
    .report_one .editor-content article p { font-size: 16px; line-height: 28px; }
    .report_one .editor-content article a { right: 0; font-size: 16px; padding: 6px 40px 6px 20px; }
    .report_one .editor-content article a::after { right: 14px; top: 5px; background-size: 18px; width: 18px; }
    .report_one .editor-content article a:hover::after { right: 17px;}
    .report_list { margin: 0 auto 50px; }
    .report_list .hover-wall .icon_info{ padding: 5px;}
    .report_list .hover-wall .icon_info h3 { font-size: 20px; padding: 0 7px 0 17px; margin-top: 20px; line-height: 28px}
    .report_list .hover-wall .icon_info h3::before { width: 7px; height: 7px; left:3px; }
    .report_list .hover-wall .icon_info h3::after { width: 7px; height: calc(100% + 14px); left: 3px; top: 11px; }
    .report_list .hover-wall .icon_info h4 { padding: 0 7px 0 17px; font-size: 15px; }
    .report_list .hover-wall .icon_info p.animate-text { padding: 0px 7px 48px 17px; font-size: 16px; line-height: 28px; }
    .report_list .hover-wall .icon_info p.animate-text::after { padding: 4px 40px 4px 20px; background-position: center right 14px; }
}

/******** 下標 footer ********/
.main_footer { padding-top: 60px; }
.main_footer::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/mrtsai/images/f0759092-c3cf-4762-9ae8-f554295ca058.png) no-repeat center; width: 100%; height: 60px; top: 2px; left: 50%; transform: translate(-50%, 0); }
.main_footer .footer-sample { position: relative; max-width: 1440px; margin: 0 auto; }
.main_footer .footer-wrap,.main_footer .footer-wrap .footer_center{ background: #009de1; }
.main_footer .footer-wrap .fnav_wrap,.main_footer .footer-wrap .icon_wrap{ background: transparent; }
.main_footer .footer-wrap .footer_center{ padding-left: 0; padding-right: 0;}
.main_footer .footer-wrap .fb-info,
.main_footer .footer-wrap .footer_sbox{ display: none;}
.main_footer .company-info { position: relative; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: initial;  margin-top: 0 !important; }
.main_footer .company-info::before { content: ""; position: absolute; left: -20px; top: -20px; width: 153px; height: 153px; background: #009de1; border-radius: 50%; }
.main_footer .info-logo { padding: 0; }
.main_footer .footer-wrap .info_box .info-text{ display: none;}
.main_footer .footer-wrap .info_box a img { max-width: 100%; width: 266px; }
.main_footer .footer-wrap .contact-info { -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: initial; margin-top: 34px !important;}
.main_footer .footer-wrap .contact-box{ padding: 0;}
.main_footer .footer-wrap .contact-box h2 { font-size: 20px; font-weight: 600; margin-bottom: 20px; color: #ffffff; padding-bottom: 18px; letter-spacing: 1.5px; border-bottom: 1px solid #ffffff; height: 42px; }
.main_footer .footer-wrap .contact-box h4 { font-size: 16px; line-height: 28px; letter-spacing: 0.8px; color: #ffffff; margin: 8px 0; padding-left: 22px; }
.main_footer .footer-wrap .fnav_wrap { position: absolute; top: 130px; left: 0; max-width: 266px; z-index: 1; }
.main_footer .footer-wrap .fnav_wrap .footer_nav { display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.main_footer .footer-wrap .footer_nav li { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; margin-bottom: 14px; }
.main_footer .footer-wrap .footer_nav li a { padding: 3px 8px; font-size: 16px; border: 1px solid #ffffff; border-radius: 20px; line-height: 20px; }
.main_footer .footer-wrap .footer_nav li a:hover { background: transparent; color: #f8b62c !important; border: 1px solid #f8b62c;}
.main_footer .footer-wrap .contact-box h4 img { top: 7px; width: 16px; height: auto; }
.main_footer .footer-wrap .icon_wrap { padding: 0 15px 15px; }
.main_footer .footer-wrap .icon_wrap p { margin: 0; font-size: 14px; letter-spacing: 0; opacity: 0.7; text-align: right; width: 100%; }
.main_footer .footer-wrap .icon_wrap ul.footer_bticon{ display: none;}
@media(max-width:1540px) {
    .main_footer .company-info { -ms-flex: 0 0 295px; flex: 0 0 295px; }
    .main_footer .footer-wrap .footer_center { padding-left: 25px; padding-right: 45px; }
    .main_footer .footer-wrap .fnav_wrap{left: 30px;}
}
@media(max-width:1199px) {
    .main_footer .info-logo { margin-left: 0;  flex: 0 0 100%; max-width: 100%;}
    .main_footer .footer-wrap .contact-box { flex: 0 0 100%; }
    .main_footer .footer-wrap .contact-box:nth-child(1) { margin-bottom: 0 !important; }
    .main_footer .footer-wrap .contact-box:nth-child(2) h2{ display: none;}
}
@media(max-width:767px) {
    .main_footer .footer-wrap .footer_center{ padding-left: 45px;}
    .main_footer .footer-wrap .fnav_wrap { top: 110px; left: 50%; transform: translate(-50%, 0); max-width: initial; width: calc(100% - 90px); }
    .main_footer .footer-wrap .footer_nav li a { display: block; text-align: center; margin: 0 5px;}
    .main_footer .company-info { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .main_footer .footer-wrap .info_box a img { width: 200px; display: block; margin: 0 auto; }
    .main_footer .company-info::before{ display: none;}
    .main_footer .footer-wrap .contact-info { margin-top: 124px !important; padding: 0 10px;}
    .main_footer .footer-wrap .contact-box h4{ letter-spacing: 0;}
}
@media(max-width:575px) {
    .main_footer .footer-wrap .icon_wrap{  padding: 0 50px 15px;}
    .main_footer .footer-wrap .icon_wrap p{ text-align: left;}
}

/**** 公版 ****/
/* 公版GOTOP */
.go-to-top{ display: none !important;} 

/*會員登入頁 */
.D_member_my_register div#policyModal { z-index: 9999; }
.member_home .signin_width { margin-top: 100px; margin-bottom: 100px; }
.member_home.D_member_my_login .width-460 { margin-bottom: 100px; }
body.member_home.new_bg { background:#ffffff; }
body.member_home button.l_benPrimary{ background:#009de1; }
body.member_home .note_box a { color: #009de1; }
body.member_home a.font4.blue-txt2 { color:#545454; }
body.member_home .member_title { margin: 70px 0 30px; }
body.member_home .member-l_title .title_txt{ color:#545454;}
body.member_home .signin_box.member-l_box>.d-block.mb-20.p-2.bg-light.text-muted a.btn.btn-sm.btn-outline-primary{
    color: #545454; background-color: transparent; background-image: none; border-color: #545454; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}
/* 會員專區 */
@media (min-width: 768px) {
    .member_width .member_title { margin: 70px 0 30px; }
}
/* 訂購流程頁 */
.stepPage_btn>div>div { flex: 1; max-width: initial; }
@media (min-width: 768px) {
    form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;}
}
@media (max-width: 575px){
    .D_member_order_show .modal.show .modal-dialog{ transform: translate(0, 50%);  width: calc(100% - 15px);}
    .D_member_order_show .modal.show .modal-footer { flex-wrap: wrap; justify-content: center; }
    .D_member_order_show .modal.show .modal-footer>button.btn { margin-top: 10px; }
}