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;
}
/**** modotravel style ****/
body { background: #ffffff; }
.modo_width{ max-width: 1400px;}
.mt-73{ margin-top: 73px; }
.mb-73{ margin-bottom: 73px;}
.my-73{ margin-top: 73px;  margin-bottom: 73px;}
.mt-65{ margin-top: 65px; }
.mb-65{ margin-bottom: 65px;}
.my-65{ margin-top: 65px;  margin-bottom:65px;}
.row.header+.row>div>div>.row>.col-lg-12>.row { justify-content: center !important; }
.d_none_important{ display: none !important; }
.modo_btn button { position: relative; margin: 40px auto; display: block; font-size: 18px; border: 1px solid  #ba965c; background:  #ba965c; color: #ffffff; padding: 10px 60px 10px 20px; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; outline: none;}
.modo_btn button span.arrow { display: block; width: 35px; height: 1px; font-size: 0; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.modo_btn button span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.modo_btn button:hover { background-color: #947748; border: 1px solid #947748; }
.modo_btn button a{ color: #ffffff; text-decoration: none;}
.modo_btn.left button{padding: 10px 20px 10px 60px;}
.modo_btn.left button span.arrow{ right: initial; left: 15px;}
.modo_btn.left button span.arrow::before { border-width: 0 0 4px 10px; border-color: transparent transparent #ffffff transparent; position: absolute; right: initial; left: -2px; bottom: 0; }
.modo_btn .footer_btn{ position: relative; margin: 40px auto; display: table; font-size: 18px; border: 1px solid  #ba965c; background:  #ba965c; color: #ffffff; padding: 10px 60px 10px 20px; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; outline: none;}
.modo_btn .footer_btn span.arrow { display: block; width: 35px; height: 1px; font-size: 0; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.modo_btn .footer_btn span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.modo_btn .footer_btn:hover { background-color: #947748; border: 1px solid #947748; }
.modo_btn .footer_btn a{ color: #ffffff; text-decoration: none;}
.modo_btn.left .footer_btn{padding: 10px 20px 10px 60px;}
.modo_btn.left .footer_btn span.arrow{ right: initial; left: 15px;}
.modo_btn.left .footer_btn span.arrow::before { border-width: 0 0 4px 10px; border-color: transparent transparent #ffffff transparent; position: absolute; right: initial; left: -2px; bottom: 0; }

/* header上標 */
.modo_header{ position: fixed; z-index: 9999;}
.modo_social{ position: absolute; width: 170px; right: 33px; top: 0; }
.modo_social .header-part{min-width: 138px; padding: 0; }
.modo_social .header-part .navbar-brand{display: none;}
.modo_social .header-part .navbar-nav .nav-link { line-height: 60px; font-size: 20px; opacity: 0.9; padding: 0 7px; }
.modo_social .header-part .dropdown-menu { padding:5px 5px 2px !important; left: initial; right: 0px; top: 50px; width: 80px; }
.modo_social .header-part .dropdown-menu::before{content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -5px; right: 10px;}
.modo_social .header-part .navbar-nav li:last-child a.dropdown-item{  padding: 9px 0; letter-spacing: -0.2px; text-align: center; background-color: transparent; border: 0; line-height: 13px; font-size: 14px; color: #00a1b4; }
.modo_social .header-part .navbar-nav li:last-child a.dropdown-item:hover{color:#ba965c;}
.modo_social .header-part .navbar-nav li:last-child a.dropdown-item+a{ border-top:1px solid rgb(0 161 180 / 50%);}
.modo_social .header-part .dropdown.show{ background-color: transparent;}
.modo_social .header-part .navbar-nav .dropdown.show a:hover { background: transparent; }
.modo_social .header-part .navbar-nav .nav-link:hover{ background-color: transparent; color:#ffffff !important; opacity: 1;}
.modo_social .header-part .navbar-nav .nav-link.dropdown-toggle::after{ display: none;}
.modo_social .header-part .navbar-nav li:last-child>a { font-size: 0; border: 1px solid rgb(255 255 255 / 90%); width: 50px; height: 22px; margin-top: 18px; margin-left: 7px;  padding: 0; }
.modo_social .header-part .navbar-nav li:last-child>a::before{ content: ""; background: url(https://materials.fillo.com.tw/materials/modotravel/images/8a7d925b-e8fc-48b7-a31e-03864431462a.svg); background-repeat: no-repeat; position: absolute; background-position: center; width: 51px; height: 22px; background-size: 35px; }
.modo_social .header-part .navbar-nav li:first-child>a>i{  display: none;}
.modo_social .header-part .navbar-nav li:first-child>a{ line-height: 57px;}
.widget-item .top-cart { padding: 0px; }
.widget-item .top-cart .icon { font-size: 14px; }
.widget-item .top-cart .icon .count{ background: #ba965c; top: 6px; right: -6px;}
.mobile-cart{ z-index: 1050; position: fixed; right: 80px; top: 18px; height: 30px; width: 40px; color: #ffffff;  display: none !important;}
.mobile-cart a { color: #ffffff; }
.modo_nav .mega-menu .menu-logo { width: 194px; height: 60px; position: absolute; }
.modo_nav .mega-menu .menu-logo > li > a img { width: 160px; height: auto; left: 33px; }
.modo_nav .mega-menu > section.menu-list-items{ background-color: rgb(0 161 180 / 80%);}
.modo_nav .mega-menu .menu-links {  margin: 0 auto; max-height: 100% !important; float: initial; height: 60px; justify-content: center; max-width: 1000px; }
.modo_nav .mega-menu .menu-links>li { flex: 0 0 120px; max-width: 120px; }
.modo_nav .mega-menu .menu-links > li > a{ font-size: 15px; line-height: 60px; height: 60px; padding: 0 20px; text-align: center; letter-spacing: 0.05rem; color: rgb(255 255 255 / 90%);}
.modo_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { display: none !important; }
.modo_nav .mega-menu .menu-links > li:hover{ background-color: transparent;}
.modo_nav .mega-menu .menu-links > li>a::before{ content: ""; width: 0; height: 4px; background: #ba965c; ; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.modo_nav .mega-menu .menu-links > li:hover>a::before{ width:calc(100% - 40px);}
.modo_nav .mega-menu .mg-drop-down{ padding: 20px 0; }
.modo_nav .mega-menu .mg-drop-down .megamenu_box { max-width: 1000px; margin: 0 auto; display: -ms-flexbox; display: flex; }
.modo_nav .mega-menu .menu-links li .list_tag ul{display: -ms-flexbox; display: flex; flex-wrap: wrap;  width: 100%; }
.modo_nav .mega-menu .menu-links li .list_tag ul li{ flex: 0 0 33.3333%; text-align: center; margin: 0; padding: 15px 0; float:initial;}
.modo_nav .mega-menu .menu-links li .list_tag ul li a,.modo_nav .mega-menu .menu-links li .list_tag ul li a p{text-align: center; float: initial;}
.modo_nav .mega-menu .menu-links li .list_tag ul li a { padding: 4px 0; }
.modo_nav .mega-menu .menu-links li .list_tag ul li + li a { border-left: 1px solid rgb(255 255 255 / 50%); }
.modo_nav .mega-menu .menu-links li .list_tag ul li:nth-child(4) a{ border-left: 0;}
.modo_nav .mega-menu .menu-links li .list_tag ul li a p{ font-size: 15px; letter-spacing: 0.5px; color: rgb(255 255 255 / 90%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.modo_nav .mega-menu .menu-links li .list_tag ul li a:hover p { opacity: 0.6;}
.modo_nav .mega-menu .menu-links li .list_box { padding: 0 10px 0 0; flex: 1;}
.modo_nav .mega-menu .menu-links li .list_box ul li { margin: 14px 0; }
.modo_nav .mega-menu .menu-links li .list_box ul li a {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;color: rgb(255 255 255 / 90%)  }
.modo_nav .mega-menu .menu-links li .list_box ul li a p{ font-size: 15px; }
.modo_nav .mega-menu .menu-links li .list_box ul li:first-child a{padding-bottom: 14px; border-bottom: 1px solid #d9b16f; display: table; color: rgb(255 255 255 / 90%) ;}
.modo_nav .mega-menu .menu-links li .list_box ul li:first-child a p{ font-size: 16px; }
.modo_nav .mega-menu .menu-links li .list_box ul li a:hover { opacity: 0.6; }
.modo_nav .mega-menu .menu-links li .list_box a p{color: rgb(255 255 255 / 90%); letter-spacing: 0.05rem;}
.modo_nav .mega-menu .menu-mobile-collapse-trigger{ height: 28px; width: 35px; background: transparent; top: 50%;  right: 10px;  transform: translate(0, -50%);}
.modo_nav .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
.modo_nav .mega-menu .menu-mobile-collapse-trigger span,.modo_nav .mega-menu .menu-mobile-collapse-trigger:before,.modo_nav .mega-menu .menu-mobile-collapse-trigger:after{ top: 8px; height: 1.5px; width: 26px; opacity: 0.8;}
.modo_nav .mega-menu .menu-mobile-collapse-trigger span{ top: 14px; position: relative;}
.modo_nav .mega-menu .menu-mobile-collapse-trigger span:after{ content: ""; position: absolute; width: 26px; bottom: -28px;}
.modo_nav .mega-menu .menu-mobile-collapse-trigger:after { top: 20px;}
.modo_nav .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate( 35deg); -ms-transform: rotate(40deg); transform: rotate( 40deg); width: 24px; left: 5px; top: 6px; }
.modo_nav .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate( -35deg); -ms-transform: rotate(-40deg); transform: rotate( -40deg); width: 24px; left: 5px; top: 21px; font-size: 0;}
.modo_nav .mega-menu .menu-mobile-collapse-trigger:hover.active:hover { height: 30px; width: 45px; }
.modo_nav .mega-menu .menu-mobile-collapse-trigger.active { height: 30px; width: 45px; }

@media(max-width:1300px) {
    .modo_nav .mega-menu .menu-links>li { flex: 0 0 90px; max-width: 90px; }
    .modo_nav .mega-menu .menu-links > li > a{padding: 0 5px; font-size: 15px;}
    .modo_nav .mega-menu .menu-links > li:hover>a::before{ width:calc(100% - 20px);}
}
@media(max-width:991px) {
    .modo_nav .mega-menu .menu-links{ justify-content: flex-end;}
    .modo_nav .mega-menu .menu-logo{ width: 170px;}
    .modo_nav .mega-menu .menu-logo > li > a img{ left: 10px;}
    .modo_nav .mega-menu .menu-links>li { flex: 0 0 95px; max-width: 95px; }
}   
@media(min-width:768px) and (max-width:991px){
    .modo_nav .mega-menu .menu-links>li { flex: 0 0 90px; max-width: 90px; }
    .modo_nav .mega-menu .menu-links>li:last-child { flex: 0 0 90px; max-width: 90px; }
}
@media(max-width:767px){ 
    .row.header + .row { padding-top: 50px; }
    .modo_nav { position: fixed; top: 60px; right: 0; left: 0; z-index: 1049; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; }
    .modo_nav .mega-menu .menu-logo {width: 100%; height: 50px; background: #00a1b4; position: fixed; z-index: 1050; border-bottom: 1px solid rgb(255 255 255 / 30%);}
    .modo_nav .mega-menu > section.menu-list-items { border-top: 0; padding: 0;}
    .modo_nav .mega-menu .menu-links>li { flex: 0 0 100%; max-width: 100%; }
    .modo_nav .mega-menu .menu-logo > li, .modo_nav .mega-menu .menu-logo > li > a { float: initial;  height: 50px; }
    .modo_nav .mega-menu .menu-logo > li > a { padding: 0; width: 170px; }
    .modo_nav .mega-menu .menu-logo > li:hover > a:before{ width: 18px; height: 16px;}
    .modo_nav .mega-menu .menu-logo > li > a:hover,.modo_nav  .mega-menu .menu-links > li:hover>a{ background-color:rgb(0, 161, 180);}
    .modo_nav .mega-menu .menu-links { width: 100%; height: 100vh; max-height: initial !important;  border-top: 1px solid rgba(0,0,0,0.2); padding-top: 50px; padding-bottom: 150px;}
    .modo_nav .mega-menu .menu-links > li { border-bottom: 1px solid rgb(255 255 255 / 30%); width: 100%; margin: 0 auto; padding: 0 15px;}
    .modo_nav .mega-menu .menu-links > li > a { font-size: 15px; line-height: 15px; width: calc(100% - 50px); text-align: left; height: 50px; padding-top: 15px; }
    .modo_nav .mega-menu .menu-links > li>a::before{display: none;}
    .modo_nav .mega-menu .menu-links > li:hover,.modo_nav .mega-menu .menu-links > li.activeTriggerMobile{  background-color:rgb(0, 161, 180) !important;}
    .modo_nav .mega-menu .menu-links > li > a i.fa { font-size: 1.2em; }
    .modo_nav .mega-menu .menu-links > li:last-child {  display: none;}
    .modo_nav .mega-menu .menu-links li div.mg-drop-down{ padding: 0 18px;}
    .modo_nav .mega-menu .mg-drop-down{ background: rgb(6 8 43 /100%);}
    .modo_nav .mega-menu .mg-drop-down .megamenu_box{ padding: 0; min-height: initial; flex-flow: column;}
    .modo_nav .mega-menu .menu-links li .list_box{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0;}
    .modo_nav .mega-menu .menu-links li .list_box ul li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 14px;}
    .modo_nav .mega-menu .mg-drop-down h4 { font-size: 16px; }
    .modo_nav .mega-menu .menu-links li .list_tag ul{ flex-flow: column;}
    .modo_nav .mega-menu .menu-links li .list_tag ul li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: left;}
    .modo_nav .mega-menu .menu-links li .list_tag{ padding-bottom: 20px;}
    .modo_nav .mega-menu .menu-links li .list_tag ul li a{ padding: 0 0 0 20px;}
    .modo_nav .mega-menu .menu-links li .list_tag ul li + li a { border-left: 0; }
    .modo_nav .mega-menu .menu-links li .list_tag ul li a p{ font-size: 16px;}
    .modo_nav .mega-menu .menu-mobile-collapse-trigger{right:5px; }
    .modo_nav .mega-menu > section.menu-list-items { background-color: rgb(0 161 180 / 100%); }
    .modo_nav .mega-menu .menu-links > li > a i.fa.fa-indicator{ display: inline-block !important;}
    .modo_nav .mega-menu .menu-links > li.hoverTrigger.activeTriggerMobile a i { transform: rotate(180deg); }
    .modo_nav .mega-menu .menu-links li .list_box ul li { margin: 0 0 14px; }
    .modo_nav .mega-menu .menu-links li .list_box ul li:first-child a{ font-size: 16px; padding-bottom: 6px;  border-bottom: 2px solid #d9b16f;}
    .modo_nav .mega-menu .menu-links li .list_box ul li a{ font-size: 14px;}
}

@media(max-width:575px){ 
  .modo_nav .mega-menu .menu-logo > li > a img {width: 230px;}
}
@media(min-width:768px){
    .modo_nav .mega-menu .menu-links { display:-ms-flexbox; display: flex !important;}
}
@media(min-width:1600px){
    .modo_nav .mega-menu .menu-links>li { flex: 0 0 160px; max-width: 160px; }
}


/* 桌機版會員登入 */
.modo_login { flex: 0 0 130px; max-width: 130px; position: absolute; left: calc( 50% + 230px); top: 0; z-index: 1049; }
.modo_login>.module-container>.main>div>div>a{ display: block; position: relative; color:rgb(255 255 255 / 90%); font-size: 15px; line-height: 60px; height: 60px; padding:0;  text-align: center; text-decoration: none;}
.modo_login>.module-container>.main>div>div>a:hover>span{ position: relative; height: 60px; line-height: 60px; display:block; }
.modo_login>.module-container>.main>div>div>a span::before{content: ""; width: 0; height: 4px; background: #ba965c; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.modo_login>.module-container>.main>div>div>a:hover>span::before{ width:100%;}
.modo_login .showName { flex-wrap: nowrap; padding: 0; align-items: center; justify-content: space-between;}
.modo_login .showName .member-name { flex: 1;}
.modo_login a.SignOut { margin: 0 0 0 5px; border-radius: 0; padding: 2px 5px; background: transparent; border: 1px solid #ffffff; line-height: 16px; font-size: 14px; flex: 0 0 40px; }
.modo_login a.SignOut:hover { background:transparent;border: 1px solid #ffffff;}
@media(min-width:768px) and (max-width:1599px){
    .modo_login .showName{ align-items: flex-end;  flex-flow: column; justify-content: flex-start; height: 60px;}
    .modo_login .showName .member-name { height: 35px; display: flex; align-items: center; flex: initial; }
    .modo_login a.SignOut { height: 20px; flex: initial;}
}
@media(max-width:1300px) {
    .modo_login{ flex: 0 0 90px; max-width: 90px; left: calc( 50% + 180px); }
}
@media(max-width:1199px) {
    .modo_login{  left: calc( 50% + 180px);}
    .modo_login a{ padding: 0 10px; font-size: 15px;}
    .modo_login>.module-container>.main>div>div>a{ font-size: 15px;}
}
@media(max-width:991px) {
    .modo_login { left: initial; right: 0;  flex: 0 0 100px; max-width: 100px; font-size: 16px;}
}
@media(min-width:768px) and (max-width:991px){
    .modo_login { right: 5px; flex: 0 0 90px; max-width: 90px; }
}
@media(max-width:767px) {
    .modo_login { right: 40px; flex: 0 0 160px; max-width: 160px; }
    .modo_login>.module-container>.main>div>div>a:hover>span{ position: relative; height: 50px; line-height: 50px; display: block; }
    .modo_login>.module-container>.main>div>div>a{ text-align: right; font-size: 14px; height: 50px; line-height: 50px; margin-right: 10px; }
    .modo_login>.module-container>.main>div>div>a:hover>span::before{ display: none;}
}
@media(min-width:1600px){
    .modo_login { flex: 0 0 160px; max-width: 160px; position: absolute; left: calc( 50% + 320px); top: 0; z-index: 1049; }
}


/* gotop */
.modo_gotop .actGotop{ bottom: 0; right: 0; width: 50px; height: 50px;}
.modo_gotop .actGotop a,.modo_gotop .actGotop a:link{  position: relative; width: 50px; height: 50px; border-radius: 0; background: rgb(125 91 36 / 50%); line-height: 31px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.modo_gotop .actGotop a:hover{ background: rgb(125 91 36 / 80%); }
.modo_gotop .actGotop a::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/modotravel/images/1effb804-9bf9-40f3-96f6-79340f162ed6.svg); background-size: 24px; background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; position: absolute; left: 0; top: 0; }
.modo_gotop .side_box{ bottom: 80px; right: 5px;}
.modo_gotop .side_bar { box-shadow: none; padding: 0; background: #ffffffb8; width: 50px; height: 50px; margin-bottom: 0; }
.modo_gotop .side_bar li {line-height: 45px; padding: 0; height: 100%;}
.modo_gotop .side_bar li a{ display: block;}
.modo_gotop .side_bar img { width: 35px; height: 35px; margin: 0 auto; display: inline-block;}

/*  Messenger  start*/
.fb_dialog_content>iframe { right: 5px !important; top: auto !important; bottom: 80px !important; margin: 0 !important; }
@media (max-width: 991px) {
   .fb_dialog_content>iframe { right: 0px !important; bottom: 125px !important; }
}
/*  Messenger  end*/

/* 首頁 */
.modo_slider .rslides{ margin: 0;}
.modo_slider .rslides .slide1 a{ overflow: hidden; z-index: 0;}
.modo_slider .slider-container{ max-width: 100%;}
.modo_slider ul.thumb { z-index: 1; position: absolute; bottom: 0;  left: 50%; max-width: 1460px; transform: translate(-50%, 0); margin: 0;  display: -ms-flexbox; display: flex; }
.modo_slider .thumb li {  flex:1; display: flex; justify-content: center; line-height: 20px; padding-top: 0; margin: 0 0 29px; text-align: left; color: #ba965c; width: auto !important; transition: all .4s ease;}
.modo_slider .thumb li.active{  flex:2;  color: #00a1b4;}
.modo_slider .thumb li.active:after{ display: none; }
.modo_slider .thumb li:nth-child(2).active,.modo_slider .thumb li:nth-child(3).active,
.modo_slider .thumb li:nth-child(4).active,.modo_slider .thumb li:nth-child(5).active{ color: #00a1b4; }
.modo_slider .thumb li span::after{ content: ""; position: absolute; width: 100%; height: 1px; bottom: 2px; left: 0; background: #00a1b4; opacity: 0; transition: all .4s ease;}
.modo_slider .thumb li.active span::after{ opacity: 1;}
.modo_slider .thumb li span{ margin: 0; padding-bottom: 15px; font-size: 16px; border-bottom: 1px solid #ba965c; font-size: 16px; font-weight: 600; width: calc( 100% - 60px); transition: all .4s ease;}
.modo_slider .thumb li.active span,.modo_slider .thumb li:nth-child(2).active span,
.modo_slider .thumb li:nth-child(3).active span,.modo_slider .thumb li:nth-child(4).active span,
.modo_slider .thumb li:nth-child(5).active span{ border-bottom: 1px solid #00a1b4;  font-size: 20px; font-weight: 600;}
.modo_slider .thumb li + li:before{ display: none;}
.modo_slider .slider::after { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0,0,0,0), #000000); width: 100%; height: 140px; left: 0; bottom: 0; z-index: 0; }
.modo_slider .rslides a img{ -webkit-animation-name: scaleDraw; animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration:8s; animation-duration: 8s; }

.index_about .modo_company { margin-bottom: 100px; margin-top: 74px; }
.index_about .company_head { margin-bottom: 32px; }
.index_about .company_heading::before { content: ""; position: absolute; background: #ba965c; width: 3px; height: 220px; top: -42px; opacity: 0.3; }
.index_about .company_heading::after { content: ""; position: absolute; background: #ba965c; width: 67px; height: 3px; top: -32px; left: -8px; opacity: 0.3; }
.index_about .company_image { width: 100vw; height: 67.2vw; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; }
.index_about .company_main { margin-bottom: 14px; display: -ms-flexbox; display: flex; flex-wrap: wrap;  justify-content: space-between;}
.index_about .company_text { flex: 0 0 40%; max-width: 40%; font-size: 15px; font-weight: 400; letter-spacing: 0; line-height: 32px; }
.index_about .company_text p:not(:last-child) { margin-bottom: 16px; }
.index_about .l_wrapper { position: relative; color: #545454;  margin-left: auto; margin-right: auto; width: 84%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.index_about .heading_ch { margin-bottom: 15px; padding: 0 40px; font-weight: 600; position: relative; display: table; font-size: 20px; letter-spacing: 8px; }
.index_about .heading_ch i.fa.fa-quote-left,.index_about .heading_ch i.fa.fa-quote-right { font-size: 16px; position: absolute; top: 6px; }
.index_about i.fa.fa-quote-left { left: 0; }
.index_about i.fa.fa-quote-right { right: 0; }
.index_about .heading_en { display: block; font-family: 'Roboto', sans-serif !important; font-weight: 500; font-size: 28px; line-height: 40px; }
.index_about .js_parallax_wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }
.index_about .js_parallax { width: 100%; position: absolute; bottom: -120px; left: 0; will-change: transform; }
.index_about .company_main>div+div { padding-left: 50px; }
.index_about .company_text p { margin-bottom: 0; }
.company_more { display: flex; align-items: flex-end; }
.index_about .company_more a{ position: relative; cursor: pointer; color: #00a1b4; text-decoration: none; font-size: 15px; padding: 5px 60px 5px 15px; outline: none; }
.index_about .company_more a span.arrow { display: block;width: 35px; height: 1px; font-size: 0; background-color: #00a1b4; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.index_about .company_more a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #00a1b4; position: absolute; right: -3px; bottom: 0; }
.index_about .company_more a:hover span.arrow{ width: 25px;}
.index_about .company_more a::after { position: absolute; content: ""; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #00a1b4; right: 0; top: 50%; transform: translate(0, -50%); }


.modo_push_rectangle .wall-wrapper {display: block; }
.modo_push_block .row.wall-row>div:last-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.modo_push_rectangle .wall-wrapper, .modo_push_block .wall-wrapper { padding: 15px; }
.modo_push_rectangle>.module-container>.main>.header-title.dp-tbl,
.modo_push_block>.module-container>.main>.header-title.dp-tbl,
.modo_push_rectangle>.module-container>.main>.dp-tbl, .modo_push_block>.module-container>.main>.dp-tbl{ display: none; }
.modo_push_block .wall-wrapper { padding-left: 0; }
.modo_push_block>.module-container, .modo_push_block>.module-container>.main{ height: 100%;}
.modo_push_block .wall-wrapper .row { justify-content: space-between; }
.modo_push_block .wall-wrapper .row>div:not(:last-child) { padding-bottom: 15px; -ms-flex: 0 0 calc(50% - 7.5px); flex: 0 0 calc(50% - 7.5px); max-width: calc(50% - 7.5px); }
.modo_push_rectangle .module-container,.modo_push_rectangle .module-container>.main,.modo_push_rectangle .module-container>.main .row,
.modo_push_block .module-container, .modo_push_block .module-container>.main,.modo_push_block .module-container>.main .row { height: 100%; }
.modo_push_rectangle .thicon_info,.modo_push_rectangle .thicon_info a,.modo_push_rectangle .thicon_info a figure,.modo_push_rectangle .thicon_info a figure img,
.modo_push_block .thicon_info,.modo_push_block .thicon_info a,.modo_push_block .thicon_info a figure,.modo_push_block .thicon_info a figure img { height: 100%; display: block; }
.modo_push_rectangle .widget-item>.module-container>.main>div .thicon_info h3,
.modo_push_block .widget-item>.module-container>.main>div .thicon_info h3{ bottom: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: none; font-size:1.2rem; letter-spacing: 0; font-weight: 400;  width: 100%; text-align: center;}
.modo_push_rectangle .widget-item>.module-container>.main>div .theme_info p.theme-text,
.modo_push_block .widget-item>.module-container>.main>div .theme_info p.theme-text{ padding:0; width: 70%; position: absolute; top: 55%; left:50%;  transform: translate(-50%, 0); margin-bottom: 0;  text-align: center; }
.modo_push_rectangle .widget-item>.module-container>.main>div .theme_info,
.modo_push_block .widget-item>.module-container>.main>div .theme_info { background: rgb(12 12 12 / 30%) !important; top: 0; }
.modo_push_rectangle .widget-item>.module-container>.main>div .thicon_info:hover .theme_info,
.modo_push_block .widget-item>.module-container>.main>div .thicon_info:hover .theme_info { background: rgb(25 124 136 / 80%) !important; }
.modo_push_rectangle .widget-item>.module-container>.main>div .thicon_info h3::after,.modo_push_block .widget-item>.module-container>.main>div .thicon_info h3::after{ content: ""; width: 80px; height: 1px; bottom: -20px; left: 50%; position: absolute; transform: translate(-50%, 0); background: #ffffff; }
.modo_push_rectangle .widget-item>.module-container>.main>div .thicon_info:hover h3::after,
.modo_push_block .widget-item>.module-container>.main>div .thicon_info:hover h3::after{ display: none; }
.modo_push_rectangle .wall-wrapper .thicon_info .theme_info::before,
.modo_push_block .wall-wrapper .thicon_info .theme_info::before { content: ''; position: absolute; top: 3rem; bottom: 3rem; left: 50%; right: 50%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; opacity: 0.5; transition: 0.35s; }
.modo_push_rectangle .wall-wrapper .thicon_info .theme_info::after,
.modo_push_block .wall-wrapper .thicon_info .theme_info::after { content: ''; position: absolute; top: 50%; bottom: 50%; left: 3rem; right: 3rem; border-left: 1px solid #fff; border-right: 1px solid #fff; opacity: 0.5; transition: 0.35s; }
.modo_push_rectangle .wall-wrapper .thicon_info:hover .theme_info::before,
.modo_push_block .wall-wrapper .thicon_info:hover .theme_info::before{ left: 2rem; right: 2rem; transition: 0.35s; top: 2rem; bottom: 2rem; }
.modo_push_rectangle .wall-wrapper .thicon_info:hover .theme_info::after,
.modo_push_block .wall-wrapper .thicon_info:hover .theme_info::after{ top: 2rem; bottom: 2rem; transition: 0.35s; left: 2rem; right: 2rem; }
.modo_push_rectangle .widget-item>.module-container>.main>div .thicon_info:hover .theme_info h3::after,
.modo_push_block .widget-item>.module-container>.main>div .thicon_info:hover .theme_info h3::after{ display: none; }
.modo_push_rectangle img { aspect-ratio: 5/1; object-fit: cover; object-position: center center; }

.modo_search_block { margin-top: 20px; }
.modo_search .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: none; }
.modo_search section.group_banner .search-area .search-box{  height: 75px; margin: 56px 0;}
.modo_search section.group_banner .search-area .search-box>div { padding: 0 5px !important; flex: 1; max-width: initial; }
.modo_search section.group_banner .search-area .search-box>div:nth-last-child(3) { flex: 1; display: flex; align-items: flex-end; }
.modo_search section.group_banner .search-area .search-box>div:last-child { flex: 0; max-width: 172px; min-width: 172px; display: flex; align-items: flex-end; }
.modo_search .search-area .search-box .select-place,
.modo_search .search-area .search-box .select-goal,
.modo_search section.group_banner .search-area .search-box .select-date{ background: transparent; height: 75px; padding: 0;}
.modo_search section.search_banner .search-area .search-box .select-goal, 
.modo_search section.search_banner .search-area .search-box .select-place{ padding: 0;  margin: 0;}
.modo_search .search-area .search-box .select-place .select select,
.modo_search .search-area .search-box .select-goal .select select{ padding: 0 10px;}
.modo_search section.group_banner .search-area .search-box .select-goal .title, 
.modo_search section.group_banner .search-area .search-box .select-place .title,
.modo_search section.group_banner .search-area .search-box .select-date .title { height: 27px; min-height: 27px; }
.modo_search section.group_banner .search-area .search-box .select-date > input,.modo_search section.group_banner .search-area .search-box .select-input > input{height: 45px; margin-bottom: 3px; padding-left: 10px; border: 1px solid #e2cfb6;} 
.modo_search section.group_banner .search-area .search-box .search-btn { position: relative; height: 43px; line-height: 43px; background: transparent; border: 1px solid #ba965c;  padding-left: 32px; margin-bottom: 3px;}
.modo_search section.group_banner .search-area .search-box .search-btn:hover,
.modo_search section.group_banner .search-area .search-box .search-btn:focus{ outline: none;}
.modo_search .search-area .search-box .select-place .title i,.modo_search .search-area .search-box .select-goal .title i,
.modo_search .search-area .search-box .select-goal .title i,.modo_search .search-area .search-box .select-date .title i,
.modo_search section.search_banner .search-area .search-box .select-input .data-icon-search{ display: none;}
.modo_search section.group_banner .search-area .search-box .select-goal .title h6,
.modo_search section.group_banner .search-area .search-box .select-place .title h6,
.modo_search section.group_banner .search-area .search-box .select-date .title h6,
.modo_search section.group_banner .search-area .search-box .select-date .title h6{ color: #ba965c; margin: 0 }
.modo_search section.search_banner .search-area .search-box .select-goal .select, .modo_search section.search_banner .search-area .search-box .select-place .select { height: 45px;}
.modo_search section.search_banner .search-area .search-box .select-goal select, .modo_search section.search_banner .search-area .search-box .select-place select { height: 43px; font-size: 15px; }
.modo_search section.search_banner .search-area .search-box .select-place .select, .modo_search section.search_banner .search-area .search-box .select-goal .select { border: 1px solid #e2cfb6; }
.modo_search .search-area .search-box .select-date .select{ background-color: #ffffff; border: 1px solid #e2cfb6; height: 45px; display: flex; align-items: center; justify-content: space-between; }
.modo_search section.group_banner .search-area .search-box .select-date .select input{ height: 40px; width: calc(50% - 10px); text-align: center;} 
.modo_search .search-area .search-box .select-date .select .divide { flex: 0; height: 1px; background: #333333; margin: 0; max-width: 10px; min-width: 10px; }
.modo_search section.group_banner .search-area .search-box .search-btn i { display: none; }
.modo_search section.group_banner .search-area .search-box .search-btn h5 { color: #ba965c;  font-size:0;  text-align: left;}
.modo_search section.group_banner .search-area .search-box .search-btn h5::before{ content: "開始探索"; font-size: 16px;}
.modo_search button.search-btn::before { content: ""; width: 35px; height: 1px; font-size: 0; background-color: #ba965c; position: absolute; top: 50%; transform: translate(0,-50%); right: 20px; ; }
.modo_search button.search-btn::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ba965c; position: absolute;right: 14px; top: 17px; }

.index_state::after{  content: ""; position: absolute; background: linear-gradient(00deg, rgba(0,0,0,0), rgb(186 150 92 / 8%)); width: 100%; height: 60px; top: 0; left: 0; background-repeat: no-repeat; z-index: 0;}

.index_state .area_state{ padding-top: 20px;}


.index_lecture_block .area_title_s .header-title{ color: #ffffff; margin: 54px auto 40px;}
.index_lecture_block .index_lecture_area{ color: rgb(255 255 255 / 90%); font-size: 15px; max-width: 730px; margin: 0 auto; text-align: center; line-height: 30px; letter-spacing: 1px; padding: 0 50px;}
.index_lecture { padding-top: 54px; }
.index_lecture .ads-wrapper>div:last-child { display: none; }
.index_lecture .ads-wrapper .item_box figure{ display: none;}
.index_lecture .ads-wrapper .item_box { position: relative; height: 100%; background: rgb(0 137 156 / 50%); padding: 0 0 80px; text-align: center; border: 1px solid rgb(255 255 255 / 20%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.index_lecture .ads-wrapper .item_box:hover { border: 1px solid rgb(255 255 255 / 50%); }
.index_lecture .ads-wrapper .item_box .item_more_txt{ display: flex;  flex-wrap: wrap; padding-top: 40px; justify-content: center;}
.index_lecture .ads-wrapper .item_box .item_more_txt h3 {  flex: 0 0 100%; max-width: 100%; font-size: 18px;  letter-spacing: 1px; color: #ffffff; margin-top: 28px;  padding: 0 10px; order: 2;}
.index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag { order: 1; margin: 0; padding: 0;  padding-right: 8px;}
.index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag:nth-child(2){ font-family: 'Roboto', sans-serif !important; font-size: 20px; line-height: 24px; padding-right: 3px;}
.index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag:last-child { order: 3; font-family: 'Roboto', sans-serif !important; margin-top: 15px; padding-left: 22px; position: relative; letter-spacing: 1px; font-size: 14px;}
.index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag:last-child::before{content: ""; background-image: url(https://materials.fillo.com.tw/materials/modotravel/images/02a5c43f-d3e5-49cc-bc6b-7f03005e1750.svg); width: 18px; height: 18px; position: absolute; left: 0; top: 1px; }
.index_lecture .ads-wrapper .item_box>a>h4 { width: 66.6666%; background: #009caf; color: rgb(255 255 255 / 90%);  padding:6px; margin: 0; font-size: 15px; font-weight: 400; position: absolute; bottom: 0; left: 0; height: 35px; }
.index_lecture .ads-wrapper .item_box span.item_btn {  display: block !important; font-size: 15px; position: absolute; width: 33.33333%; right: 0;   bottom: 0; background: #ba965c; padding: 6px; height: 35px; border-radius: 0; }
.index_lecture .ads-wrapper .item_box span.item_btn_hover {     display: none !important; font-size: 15px; position: absolute; width: 33.33333%; right: 0;   bottom: 0; background: #ba965c; padding: 6px; height: 35px; border-radius: 0; }
.index_lecture.full01 .ads-wrapper .item-box:nth-child(1) a,
.index_lecture.full02 .ads-wrapper .item-box:nth-child(2) a,
.index_lecture.full03 .ads-wrapper .item-box:nth-child(3) a,
.index_lecture.full04 .ads-wrapper .item-box:nth-child(4) a { cursor: initial; }
.index_lecture.full01 .ads-wrapper .item-box:nth-child(1) .item_box span.item_btn_hover,
.index_lecture.full02 .ads-wrapper .item-box:nth-child(2) .item_box span.item_btn_hover,
.index_lecture.full03 .ads-wrapper .item-box:nth-child(3) .item_box span.item_btn_hover,
.index_lecture.full04 .ads-wrapper .item-box:nth-child(4) .item_box span.item_btn_hover { display: block !important; width: 100%;     background: #007a89; color: rgb(255 255 255 / 50%); padding: 6px; margin: 0; font-size: 15px; font-weight: 400; position: absolute; bottom: 0; left: 0; height: 35px; border-radius: 0; }

.index_lecture .expand-graphics>div:last-child{display: none;  }
.index_lecture .expand-graphics .item_box figure{ display: none;}
.index_lecture .expand-graphics .item_box { position: relative; height: 100%; background: rgb(0 137 156 / 50%); padding: 0 0 80px; text-align: center; border: 1px solid rgb(255 255 255 / 20%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.index_lecture .expand-graphics .item_box:hover { border: 1px solid rgb(255 255 255 / 50%); }
.index_lecture .expand-graphics .item_box .item_more_txt{ display: flex;  flex-wrap: wrap; padding-top: 40px; justify-content: center;}
.index_lecture .expand-graphics .item_box .item_more_txt h3 {  flex: 0 0 100%; max-width: 100%; font-size: 18px;  letter-spacing: 1px; color: #ffffff; margin-top: 28px;  padding: 0 10px; order: 2;}
.index_lecture .expand-graphics .item_box .item_more_txt span.item_tag { order: 1; margin: 0; padding: 0;  padding-right: 8px;}
.index_lecture .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){ font-family: 'Roboto', sans-serif !important; font-size: 20px; line-height: 24px; padding-right: 3px;}
.index_lecture .expand-graphics .item_box .item_more_txt span.item_tag:last-child { order: 3; font-family: 'Roboto', sans-serif !important; margin-top: 15px; padding-left: 22px; position: relative; letter-spacing: 1px; font-size: 14px;}
.index_lecture .expand-graphics .item_box .item_more_txt span.item_tag:last-child::before{content: ""; background-image: url(https://materials.fillo.com.tw/materials/modotravel/images/02a5c43f-d3e5-49cc-bc6b-7f03005e1750.svg); width: 18px; height: 18px; position: absolute; left: 0; top: 1px; }
.index_lecture .expand-graphics .item_box>a>h4 { width: 66.6666%; background: #009caf; color: rgb(255 255 255 / 90%);  padding:6px; margin: 0; font-size: 15px; font-weight: 400; position: absolute; bottom: 0; left: 0; height: 35px; }
.index_lecture .expand-graphics .item_box span.item_btn {  display: block !important; font-size: 15px; position: absolute; width: 33.33333%; right: 0;   bottom: 0; background: #ba965c; padding: 6px; height: 35px; border-radius: 0; }
.index_lecture .expand-graphics .item_box span.item_btn_hover {     display: none !important; font-size: 15px; position: absolute; width: 33.33333%; right: 0;   bottom: 0; background: #ba965c; padding: 6px; height: 35px; border-radius: 0; }
.index_lecture.full01 .expand-graphics .item-box:nth-child(1) a,
.index_lecture.full02 .expand-graphics .item-box:nth-child(2) a,
.index_lecture.full03 .expand-graphics .item-box:nth-child(3) a,
.index_lecture.full04 .expand-graphics .item-box:nth-child(4) a { cursor: initial; }
.index_lecture.full01 .expand-graphics .item-box:nth-child(1) .item_box span.item_btn_hover,
.index_lecture.full02 .expand-graphics .item-box:nth-child(2) .item_box span.item_btn_hover,
.index_lecture.full03 .expand-graphics .item-box:nth-child(3) .item_box span.item_btn_hover,
.index_lecture.full04 .expand-graphics .item-box:nth-child(4) .item_box span.item_btn_hover { display: block !important; width: 100%;     background: #007a89; color: rgb(255 255 255 / 50%); padding: 6px; margin: 0; font-size: 15px; font-weight: 400; position: absolute; bottom: 0; left: 0; height: 35px; border-radius: 0; }

.index_lecture_more .more_btn { padding: 20px 0 60px; text-align: center; }
.index_lecture_more .more_btn a{ position: relative; cursor: pointer; color: #ffffff; text-decoration: none; font-size: 15px; padding: 5px 60px 5px 15px; outline: none; }
.index_lecture_more .more_btn a span.arrow { display: block;width: 35px; height: 1px; font-size: 0; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.index_lecture_more .more_btn a span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.index_lecture_more .more_btn a:hover span.arrow{ width: 25px;}
.index_lecture_more .more_btn a::after { position: absolute; content: ""; width: 40px; height: 40px; border-radius: 50%; border: 1px solid  #ffffff; right: 0; top: 50%; transform: translate(0, -50%); }

@media screen and (min-width: 992px){
    .modo_search .group_banner.search_banner .search-area > .container{ max-width: 100%;}
    .index_about .l_wrapper {   width: 100%;  max-width: 98%; }
    .index_about .company_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 412px; position: relative; margin-bottom: 70px; }
    .index_about .company_heading { position: relative; margin-top: 180px; margin-bottom: 0; z-index: 10; padding-left: 45px; }
    .index_about .heading_en { font-size: 36px; line-height: 60px;}
    .index_about .heading_ch { font-size: 18px; margin-bottom: 32px; }
    .index_about .heading_ch i.fa.fa-quote-left,.index_about .heading_ch i.fa.fa-quote-right { font-size: 20px;}
    .index_about .company_image { position: absolute; top: 0; left: 280px; width: calc(50% - 280px + 48vw); height: 100%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); z-index: 0; }
    .index_about .company_text p:not(:last-child) { margin-bottom: 0; }
    .index_about .company_heading::before{ left: 10px;}
}

@media screen and (min-width: 1199px){
    .index_about .company_image { position: absolute; top: 0; left: 390px; width: calc(50% - 390px + 48vw); height: 100%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); z-index: 0; }
    .index_about .company_heading { position: relative; margin-bottom: 0; z-index: 10; padding-left: 98px; }
    .index_about .heading_en { font-size: 40px; }
    .index_about .heading_ch { font-size: 24px; }
    .index_about .company_heading::before{ left: 0px;}
    .index_about .company_main { margin-bottom: 0; padding-left: 98px; }
}

@media screen and (min-width: 1400px){
    .index_about .l_wrapper { width: 80%; max-width: 1400px; }
    .modo_search .group_banner.search_banner .search-area > .container { max-width: 1400px; }
}
@media(max-width:1460px) {
    .modo_slider ul.thumb{ max-width: 100%;}
}
@media(max-width:1199px){
    .modo_search section.group_banner .search-area .search-box>div:first-child, .modo_search section.group_banner .search-area .search-box>div:nth-child(2),
    .modo_search section.group_banner .search-area .search-box>div:nth-child(3) { flex: 0 0 13%; }
}
@media (max-width:1198px) and (min-width: 992px){
    .index_about .company_main {padding-left: 38px; }
}
@media(max-width:991px) {
    .modo_slider ul.thumb { max-width: 95%; }
    .modo_slider .thumb li span{ color:transparent; font-size: 0; border-bottom: 1px solid rgb(186 150 92 / 60%); width: calc( 100% - 20px);}
    .modo_slider .thumb li.active span{ color: inherit;}
    .modo_slider .thumb li.active span,.modo_slider .thumb li:nth-child(2).active span,.modo_slider .thumb li:nth-child(3).active span,
    .modo_slider .thumb li:nth-child(4).active span { font-size: 15px; }
    .index_about .modo_company { margin-bottom: 64px; margin-top: 64px; }
    .index_about .company_heading{ padding: 0 30px;}
    .index_about .company_heading::before { height: 67px; top: -32px; left: 0;}
    .index_about .company_heading::after { width: 67px; height: 3px; top: -24px; left: -8px; }
    .index_about .heading_ch { margin-bottom: 10px; padding: 0 22px; font-size: 16px; }
    .index_about .heading_ch i.fa.fa-quote-left, .index_about .heading_ch i.fa.fa-quote-right { font-size: 12px; top: 4px; }
    .index_about .heading_en{  font-size: 22px; line-height: 40px; margin-bottom: 25px; }
    .index_about .js_parallax_wrap img{ max-width: 100%;}
    .index_about .company_image { width: auto; height: auto; left: inherit; -webkit-transform:initial; -ms-transform: initial; transform: initial; overflow: hidden; margin: 0; }
    .index_about .company_main>div+div{ padding-left: 40px;}
    .index_about .company_text { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); }
    .index_about  .company_more{ flex: 0 0 100%; max-width: 100%; margin-top: 30px;  display: flex; justify-content: end; }
    .modo_push_block .wall-wrapper { padding-left: 15px; padding-top: 0; }
    .modo_push_rectangle .widget-item .wall-row>div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .modo_push_rectangle img { aspect-ratio: 5/3;  }
    .modo_search .group_banner.search_banner .search-area > .container { max-width: 90%; }
    .modo_search section.group_banner .search-area .search-box{ height: 160px; margin: 20px 0;}
    .modo_search section.group_banner .search-area .search-box>div:first-child, .modo_search section.group_banner .search-area .search-box>div:nth-child(2),
    .modo_search section.group_banner .search-area .search-box>div:nth-child(3), .modo_search section.group_banner .search-area .search-box>div:nth-child(4),
    .modo_search section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 33.33333%; max-width: 33.3333%;}
    .modo_search section.group_banner .search-area .search-box .select-date > input, .modo_search section.group_banner .search-area .search-box .select-input > input{margin-bottom: 8px; }
}
@media (max-width: 991px) and (min-width: 768px){
    .modo_search section.group_banner .search-area .search-box>div:last-child { flex: 0 0 33.33333%; max-width: inherit; min-width: inherit; margin-bottom: 6px; }
    .modo_search section.group_banner .search-area .search-box .search-btn{ padding: 0 45px;}
    .modo_search button.search-btn::before{ right: 60px;}
    .modo_search button.search-btn::after{ right: 55px; top: 18px; }
}
@media(max-width:767px) {
    .modo_slider .slider { margin-bottom: 0; }
    .modo_slider .thumb li span{width: calc( 100% - 20px); white-space: normal; height: 45px;}
    .index_about .company_main>div+div{ padding-left:0;}
    .modo_push_rectangle .widget-item>.module-container>.main>div .theme_info p.theme-text,
    .modo_push_block .widget-item>.module-container>.main>div .theme_info p.theme-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;} 
    .modo_search section.group_banner .search-area .search-box{ height: 220px;}
    .modo_search .group_banner.search_banner .search-area > .container { max-width: 100%; }
    .modo_search section.group_banner .search-area .search-box>div:nth-child(4), .modo_search section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 50%; max-width: 50%; }
    .modo_search section.group_banner .search-area .search-box>div:last-child{ margin: 10px auto 0;}
}
@media (max-width:1199px) and (min-width: 576px){
    .index_lecture .item-box { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}
@media(max-width:575px) {
    .index_about .l_wrapper { width: calc(100% - 60px); }
    .index_about .company_text { flex: 0 0 100%; max-width: 100%; }
    .index_about .company_main>div+div{ padding-left: 0;}
    .modo_push_rectangle .widget-item>.module-container>.main>div .theme_info p.theme-text, .modo_push_block .widget-item>.module-container>.main>div .theme_info p.theme-text{ display: none;}
    .modo_push_block .wall-wrapper .row>div:not(:last-child) { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .modo_push_rectangle .b_img,.modo_push_block .b_img{ aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; }
    .modo_push_rectangle .widget-item>.module-container>.main>div .thicon_info h3, .modo_push_block .widget-item>.module-container>.main>div .thicon_info h3{ top: 50%;  bottom: inherit;}
    .modo_search section.group_banner .search-area .search-box { height: 400px; }
    .modo_search section.group_banner .search-area .search-box>div:nth-child(3), .modo_search section.group_banner .search-area .search-box>div:nth-child(4), .modo_search section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; max-width: 100%; }
    .modo_search section.group_banner .search-area .search-box>div:first-child, .modo_search section.group_banner .search-area .search-box>div:nth-child(2){ flex: 0 0 50%;  max-width: 50%;}
    .index_lecture .ads-wrapper .item_box{ padding: 0 0 50px;}
    .index_lecture .ads-wrapper .item_box .item_more_txt{ padding-top: 20px;}
    .index_lecture .ads-wrapper .item_box .item_more_txt h3{ margin-top: 10px; font-size: 16px;}
    .index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag:nth-child(2){ font-size: 18px; line-height: 20px;}
    .index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag:last-child{ margin-top: 5px; font-size: 14px;}
    .index_lecture .ads-wrapper .item_box .item_more_txt span.item_tag{ font-size: 14px;}

    .index_lecture .expand-graphics .item_box{ padding: 0 0 50px;}
    .index_lecture .expand-graphics .item_box .item_more_txt{ padding-top: 20px;}
    .index_lecture .expand-graphics .item_box .item_more_txt h3{ margin-top: 10px; font-size: 16px;}
    .index_lecture .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){ font-size: 18px; line-height: 20px;}
    .index_lecture .expand-graphics .item_box .item_more_txt span.item_tag:last-child{ margin-top: 5px; font-size: 14px;}
    .index_lecture .expand-graphics .item_box .item_more_txt span.item_tag{ font-size: 14px;}
}


/* 分館頁 */
.area_title_s .header-title { display: table; text-align: center; margin: 54px auto; position: relative; color: #333333; font-size: 24px; letter-spacing: 3.2px; }
.area_title_s .header-title::before,.area_title_s .header-title::after{ content: ""; width: 40px; height: 1px; background: #ba965c; position: absolute; left: 50%; transform: translate(-50%, 0);}
.area_title_s .header-title::before { bottom: -7px;}
.area_title_s .header-title::after { bottom: -11px; }

.area_title_bg>.module-container>.main>::after { content: ""; content: ""; position: absolute; background: linear-gradient(00deg, rgba(0,0,0,0), rgb(186 150 92 / 8%)); width: 100%; height: 60px; top: 0; left: 0; background-repeat: no-repeat; z-index: 0; }
.web-page-frame .widget-item.area_title > .module-container > .main{ display: table; text-align: center; margin: 54px auto; position: relative;}
.web-page-frame .widget-item.area_title > .module-container > .main::before,.web-page-frame .widget-item.area_title > .module-container > .main::after{ content: ""; width: 40px; height: 1px; background: #ba965c; position: absolute; left: 50%; transform: translate(-50%, 0);}
.web-page-frame .widget-item.area_title > .module-container > .main::before { bottom: -5px;}
.web-page-frame .widget-item.area_title > .module-container > .main::after { bottom: -9px; }
.area_title .main h1{ color: #333333; font-size: 32px;  letter-spacing: 3.2px; margin-bottom: 0.4rem;}
.area_title .main h2{ color: #333333; font-size: 20px;  letter-spacing: 0.4px; font-family: 'Roboto', sans-serif !important; font-weight: 300;}
.state_tab .nav-pills {position: relative;  max-width: 1400px; margin: 0 auto 33px;}
.state_tab .nav-pills::after{content: ""; position: absolute; opacity: 0.6; left: 50%; bottom: 0; transform: translate(-50%, 0); height: 1px; width: 105%; 
background: -moz-linear-gradient(left,  rgba(186,150,92,0) 0%,rgba(186,150,92,1) 7%,rgba(186,150,92,1) 50%,rgba(186,150,92,1) 93%,rgba(186,150,92,0) 100%); background: -webkit-linear-gradient(left, rgba(186,150,92,0) 0%,rgba(186,150,92,1) 7%,rgba(186,150,92,1) 50%,rgba(186,150,92,1) 93%,rgba(186,150,92,0) 100%); background: linear-gradient(to right, rgba(186,150,92,0) 0%,rgba(186,150,92,1) 7%,rgba(186,150,92,1) 50%,rgba(186,150,92,1) 93%,rgba(186,150,92,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba965c99', endColorstr='#ba965c99',GradientType=1 ); }
.state_tab .nav-pills .nav-link { position: relative; border-radius: 0; color: #ba965c; background: transparent; border-top: 1px solid rgb(186 150 92 / 60%); border-bottom:1px solid rgb(186 150 92 / 60%); padding: 11px 80px; font-size: 17px; letter-spacing: 0.09rem;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.state_tab .nav-pills .nav-link.active,.state_tab .nav-pills .show>.nav-link,.state_tab .nav-pills .nav-link:hover{ color: #ffffff; background:#ba965c;} 
.state_tab .nav-pills .nav-link.active::after, .state_tab .nav-pills .show>.nav-link::after{ content: ""; }
.state_tab .nav-pills li+li .nav-link{ border-left:1px solid rgb(186 150 92 / 60%);}
.state_tab .nav-pills li:first-child .nav-link{  border-left:1px solid rgb(186 150 92 / 60%);}
.state_tab .nav-pills li:last-child .nav-link{  border-right:1px solid rgb(186 150 92 / 60%);}
.state_tab .nav-pills a.nav-link.active::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 7px 0 7px; border-color: #ba965c transparent transparent transparent; bottom: -10px; left: 50%; transform: translate(-50%, 0); }
.area_state .falls-container .grid { height: auto !important; }
.area_state .grid .grid-item { position: relative !important;  transform: initial !important; background: #00a1b4; margin:25px;  padding: 0; max-width: calc(33.333333% - 50px); left: initial !important; top: initial !important; } 
.area_state .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 5/3.7; object-fit: cover; object-position: center center; }
.area_state .grid .grid-item{ padding: 0; overflow: hidden;     z-index: 0;}
.area_state .grid-item:hover .route_info{ transition: 0.5s; top: 0; }
.area_state .falls-container .grid .grid-item p { display: none;}
.area_state .falls-container .grid .grid-item h3 { background: #00a1b4; color: #ffffff; margin: 0; line-height: 26px; padding: 23px 30px 0; font-size: 18px; border-top: 3px solid #ba965c; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;}
.area_state .falls-container .grid .grid-item h4{  background: #00a1b4; color: #ffffff; margin: 0; font-size: 15px; line-height: 22px; height: 100%;; padding: 20px 30px 30px;  text-align: justify;}
.area_state img { z-index: -1;  position: relative;}
.area_state .route_info{ position: absolute; width: 100%; height: 100%;  padding: 20px; background: rgba(0, 0, 0, 0.6) !important; top: 100%; z-index: -1; transition: 0.5s; }
.area_state .route_info .date,.area_state .route_info .price{ color: #ffffff; font-size: 15px; padding-bottom: 20px; letter-spacing: 1px; }
.area_state .route_info h5 { font-size: 15px; margin-bottom: 8px; padding-bottom: 9px; display: table; position: relative; letter-spacing: 0.05rem; }
.area_state .route_info h5::before { content: ""; background: #ba965c; width: calc(100% + 20px); height: 1px; position: absolute; left: -20px; bottom: 0; }
.area_state .route_info .date div{ font-family: 'Roboto', sans-serif !important; font-weight: 300;}
.area_state .route_info .price div{ font-size: 13px; }
.area_state .route_info .price div span { padding: 0 3px; font-size: 18px; font-family: 'Roboto', sans-serif !important;font-weight: 300; }
.area_theme_tab .nav-pills {position: relative;  max-width: 1400px; margin: 0 auto;}
.area_theme_tab .nav-pills .nav-link { position: relative; border-radius: 0; color: #ba965c; background: #ffffff; border-top: 1px solid #eeedeb; padding: 11px 80px; font-size: 17px; letter-spacing: 0.09rem;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.area_theme_tab .nav-pills .nav-link.active,.state_tab .nav-pills .show>.nav-link,.state_tab .nav-pills .nav-link:hover{ color: #ffffff; background:#ba965c;} 
.area_theme_tab .nav-pills .nav-link.active::after, .state_tab .nav-pills .show>.nav-link::after{ content: ""; }
.area_theme_tab .nav-pills li+li .nav-link{ border-left:1px solid #eeedeb;}
.area_theme_tab .nav-pills li:first-child .nav-link{  border-left:1px solid #eeedeb;}
.area_theme_tab .nav-pills li:last-child .nav-link{  border-right:1px solid #eeedeb;}
.area_theme_tab .nav-pills a.nav-link.active::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 7px 0 7px; border-color: #ba965c transparent transparent transparent; bottom: -10px; left: 50%;  transform: translate(-50%, 0); z-index: 1;}
.area_theme .falls-container .grid { height: auto !important; }
.area_theme .grid .grid-item { position: relative !important;  transform: initial !important; background: #ffffff; margin:25px;  padding: 0; max-width: calc(33.333333% - 50px); left: initial !important; top: initial !important; padding: 0; overflow: hidden; z-index: 0;  padding-bottom: 90px; } 
.area_theme .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; }
.area_theme .grid .grid-item::before{  content: "";    z-index: 1;  position: absolute; width: 100%; height: 100%; border: 1px solid #ba965c; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.area_theme .grid .grid-item:hover::before{width: 98%; height: 98%; }
.area_theme .falls-container .grid .grid-item p { display: none;}.area_theme .falls-container .grid .grid-item h3 { background: #ffffff; color: #ba965c; margin: 0; line-height: 26px; padding: 10px 30px; font-size: 18px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 40px; width: 100%; }
.area_theme .falls-container .grid .grid-item h3 { background: #ffffff; color: #ba965c; margin: 0; line-height: 26px; padding: 10px 30px; font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 40px; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.area_theme .falls-container .grid .grid-item:hover h3 { bottom: 110px; }
.area_theme .falls-container .grid .grid-item h4 { position: absolute; background: #ffffff; color: #333333; width: 100%; height: 50px; margin: 0; font-size: 15px; line-height: 22px; padding: 10px 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; bottom: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.area_theme .falls-container .grid .grid-item:hover h4{ bottom: 70px;}
.area_theme img { z-index: -1;  position: relative;}
.area_theme .route_info { position: absolute; z-index: -1; opacity: 0;  bottom: 0; left: 0; width: 100%; height: 0; background: #ffffff;  padding: 10px 30px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.area_theme .falls-container .grid .grid-item:hover .route_info { height: 75px; opacity: 1;}
.area_theme .route_info .date{ color: #333333; font-size: 15px; font-family: 'Roboto', sans-serif !important;}
.area_theme .route_info .price{ color:#ba965c;  font-size: 15px; font-family: 'Roboto', sans-serif !important;  text-align: right;}
.area_theme .route_info .price span{font-size: 18px; font-family: 'Roboto', sans-serif !important; padding-right: 3px;}
.spare_slider{ flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px);}
.spare_slider .swiper-slide-style{  border-radius: 0; box-shadow: none; margin-top: 0; margin-bottom: 0;}
.spare_slider .swiper-slide .swiper-img{ margin: 0;background: #000000;}
.swiper-slide .swiper-img img { border-top-left-radius: 0px; border-top-right-radius: 0px; opacity: 0.7; }
.spare_slider .swiper-slide .swiper-title { padding: 2px; width: 108px; height: 108px; text-align: center; text-shadow: 2px 2px 3px #4b3d31; transition: 0.5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ba965c; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #ffffff;     background: rgba(83, 70, 48, 0.34); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.spare_slider .swiper-slide-style:hover .swiper-title{ background-color: rgb(186 150 92 / 70%);}
.spare_slider .swiper-container{ padding: 0 30px;}
.spare_slider [class*='swiper-button-']:after { background: transparent; font-size: 0; right: -4px; width: 30px; height: 48px; position: absolute; padding: 0; background-image: url(https://materials.fillo.com.tw/materials/modotravel/images/9c6f146f-8f9d-456a-a266-bfe9c57eca40.svg); background-size: 25px; background-repeat: no-repeat; background-position: center; }
.spare_slider [class*='swiper-button-'] { opacity: 1; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0;}
.spare_slider .swiper-button-prev.swiper-button-disabled,.spare_slider .swiper-button-next.swiper-button-disabled{ display: none;}
.swiper-button-prev{ left: 0;}
.swiper-button-prev::after{ right: auto; left: -4px; transform: rotate(180deg);}
.leader_block .leader_pic{ border: 1px solid #c5d5d7; border-right: 0;}
.leader_block .leader_pic .mix-wrapper{ padding: 0 15px; background: #ffffff; height: 100%;}
.leader_block .leader_pic>.module-container, .leader_block .leader_pic>.module-container>.main { height: 100%; }
.leader_pic .editor-content h3 { text-align: center; font-weight: 600; font-size: 20px; letter-spacing: 2px; }
.leader_pic .editor-content h4 { text-align: center; font-size: 15px; font-weight: 400; letter-spacing: 1px; }
.leader_block { flex: 0 0 680px; max-width: 680px; margin-bottom: 30px;}
.leader_block>.module-container,.leader_block>.module-container>.main { height: 100%; }
.leader_block.even>.module-container { padding-left: 20px; }
.leader_block.odd>.module-container { padding-right: 20px; }
.leader_block>.module-container>.main>.header-title,
.leader_block>.module-container>.main>.blk-tabs { display: none; }
.leader_block .leader_info{ border: 1px solid #c5d5d7; border-left: 0; position: relative; }
.leader_block .leader_info::before{  content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 33px 33px; border-color: transparent transparent #00a2b4 transparent;}
.leader_block .leader_info article { padding: 30px 30px 50px; text-align: justify; font-size: 15px; line-height: 28px; }
.leader_block .leader_info article h4{ font-size: 16px; color: #00a1b4; position: relative;}
.leader_block .leader_info article h4::before { content: ""; position: absolute; width: 25px; height: 1px; background: #00a1b4; left: -30px; top: 8px; }
.leader_social { position: absolute; right: 20px; bottom: 0; padding-left: 55px;}
.leader_social div.link-list { background: transparent; min-height: 45px;}
.leader_social div.link-list ul li a { padding: 5px; }
.leader_social div.link-list ul li i { margin-right: 0; font-size: 18px;}

/* 中南美洲理念 */
.area_idea .module-container .main .bgfixed{ position: relative; height: 800px; background-position: center bottom;}
.area_idea .bgfixed::before { content: ""; width: 100%; height: 100%; position: absolute; background:rgb(0 0 0 / 30%); z-index: 0; left: 0; top: 0; }
.area_idea .bgfixed section { color: #ffffff; max-width: 1200px; position: absolute; width: 80%; left: 50%; top: 100px; transform: translate(-50%, 0); padding: 50px; background: rgb(50 49 49 / 30%); }
.area_idea .bgfixed section::after { content: ""; position: absolute; background: #ffffff; width: 50px; height: 1px; top: -20px; left: -15px; opacity: 0.3; }
.area_idea .bgfixed section::before { content: ""; position: absolute; background: #ffffff; width: 1px; height: 50px; top: -20px; left: -15px; opacity: 0.3; }
.area_idea .bgfixed section p { margin-top: 0; margin-bottom: 2.2rem; text-indent: 3em; font-size: 15px; line-height: 28px; letter-spacing: 1px; text-align: justify;}
.area_idea .bgfixed section div{ text-align: right;}
.area_idea .bgfixed section div span{ margin-left: 5px;}


/* 滑雪分館頁 */
.modo_slider.ski .slider::after{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+73 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 73%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 73%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.area_title_bg.ski>.module-container>.main>::after{background: linear-gradient(00deg, rgba(0,0,0,0), rgb(171 171 171/ 8%)); }
.area_theme_tab.ski .nav-pills .nav-link{ background: rgb(255 255 255 / 60%);}
.area_theme_tab.ski .nav-pills .nav-link.active,.area_theme_tab.ski .nav-pills .show>.nav-link,.area_theme_tab.ski .nav-pills .nav-link:hover { color: #ffffff; background: #ba965c; }
.area_theme_tab.ski .nav-pills{ padding-top: 18px; padding-bottom: 5px;}
.ski_info{ padding-bottom: 50px;}
.ski_info .mix-wrapper>.row+.row { margin-top: 20px; }
.ski_info .mix-wrapper .editor-content { padding-left: 0; }
.ski_info .mix-wrapper .img-box img { aspect-ratio: 5/2.8; object-fit: cover; object-position: center center; }
.ski_info section>div ul,.ski_info section>div ol{ margin-bottom: 0; font-size: 15px;}
.ski_info section>div li { margin-bottom: 13px;}
.ski_info section>div:first-child h3 { font-size: 18px; font-weight: 600; margin-bottom: 14px; }
.ski_info section{ display: -ms-flexbox; display: flex;  flex-wrap: wrap;}
.ski_info section>div:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; color: #00a1b4; background: #f7f7f7; border-bottom: 2px solid #00a1b4; margin-bottom: 26px; padding: 15px 26px 0;}
.ski_info section>div:first-child p {  margin-bottom: 10px; font-size: 15px; }
.ski_info section>div:first-child h3 { font-size: 18px; font-weight: 600; margin-bottom: 14px; }
.ski_info section>div:nth-child(2){-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;padding-left: 26px; padding-right: 15px;}
.ski_info section>div:nth-child(2) ul { list-style: none; padding-left: 12px;}
.ski_info section>div:nth-child(2) ul li { padding-left: 86px;  position: relative; }
.ski_info section>div:nth-child(2) ul li>h4{ position: absolute; left: 0; font-size: 15px; margin-bottom: 0; font-weight: 400; line-height: inherit;}
.ski_info section>div:nth-child(2) ul li>h4::before { content: ""; background: url(https://materials.fillo.com.tw/materials/modotravel/images/2b03126f-3b94-4883-b9f1-4d210d6698eb.svg); background-size: 16px; background-repeat: no-repeat; background-position: center; width: 18px; height: 22px; position: absolute; top: 0; left: -18px; }
.ski_info section>div:last-child{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;  padding-left: 26px; border-left: 1px solid #cbcbcb;}
.ski_info section>div:last-child ol { padding-left: 20px;}
.ski_info section>div:last-child h4 { position: relative; font-size: 15px; font-weight: 600; color: #ba965c; padding-left: 18px; margin-bottom: 13px; }
.ski_info section>div:last-child h4::before{ content: ""; position: absolute; width: 14px; height: 18px; left: 0; top: 0; background-image: url(https://materials.fillo.com.tw/materials/modotravel/images/27aee187-59fc-42f5-8b7b-341c88f92594.svg);background-size: 14px; background-repeat: no-repeat; background-position: center;}

.ski_qa .side-menu{ padding:15px 15px 50px;}
.ski_qa .side-menu>ul{ padding: 50px !important; background: #ffffff; box-shadow: none; }
.ski_qa .side-menu ul li.block{ text-indent: initial;}
.ski_qa .side-menu ul li i { display: block; }
.ski_qa .side-menu>ul li label { position: relative; background: #ffffff; border-bottom: 1px solid #dcdcdc; border-top: 0; text-shadow: none; color: #000000; font-size: 15px; padding:12px 0 12px 20px; }
.ski_qa .side-menu>ul li label:hover{background: #ffffff; color: #00a1b4;}
.ski_qa .side-menu>ul li.block label::before { content: "Q"; position: absolute; left: 0; color: #00a1b4;}
.ski_qa .side-menu>ul li input[type='checkbox']:checked ~ label{ background: #ffffff;  border-top: none;  border-bottom: 1px solid #dcdcdc;}
.ski_qa .side-menu ul ul{ box-shadow: none; background-color: #f3f4f3;}
.ski_qa .side-menu ul ul li:last-child { padding-bottom: 12px; }
.ski_qa .side-menu ul ul li:first-child { padding-top: 12px; }
.ski_qa .side-menu ul ul.options li { text-indent: 0; }
.ski_qa .side-menu ul ul li a { position: relative; color: #000000; letter-spacing: 0; padding:10px 12px 10px 50px;  font-size: 14px; line-height: 1.6rem;} 
.ski_qa .side-menu ul ul li a:hover{ color: #000000;}
.ski_qa .side-menu ul ul li a::before { content: ""; background: #ccc; width: 1px; height: 100%; position: absolute; left: 35px; top: 0; }
.ski_qa .side-menu ul ul.options li{ position: relative; padding-left: 17px;}
.ski_qa .side-menu ul ul.options li::before { content: "A"; position: absolute; top: 15px; font-size: 22px; font-weight: 400; color: #ba965c; }

@media(max-width:1600px) {
    .state_tab .nav-pills::after{ width: 100%;}
}

@media(max-width:1460px) {
    .leader_block { flex: 0 0 calc(45% - 15px); max-width: calc(45% - 15px);}
    .ski_info .pic-content{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}
@media(max-width:1199px) {
    .area_state .falls-container .grid .grid-item {margin: 15px !important;  }
    .area_theme .falls-container .grid .grid-item { margin: 15px !important; }
    .area_state .grid .grid-item{ max-width: calc(33.333333% - 30px); -ms-flex: 0 0 calc(33.333333% - 30px); flex: 0 0 calc(33.333333% - 30px);     margin: 15px !important;}
    .area_theme .grid .grid-item{ max-width: calc(33.333333% - 30px); -ms-flex: 0 0 calc(33.333333% - 30px); flex: 0 0 calc(33.333333% - 30px);     margin: 15px !important;}
    .ski_info section>div:nth-child(2),.ski_info section>div:last-child{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .ski_info section>div:last-child{border-left: 0; margin-top: 10px;}
    .ski_info .mix-wrapper .img-box img{  aspect-ratio: 5/5;}
    .ski_info section>div li { margin-bottom: 5px; }
    .ski_info section>div:last-child h4{ margin-bottom: 8px;}
}

@media(max-width:991px) {
    .area_state .grid .grid-item{ max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); }
    .area_state .route_info { position: relative; height: auto; padding: 0px 30px; background: #00a1b4 !important; top: 0; }
    .area_state .falls-container .grid .grid-item h4{ padding: 10px 30px 20px; height: auto;}
    .area_state .route_info h5{ color: #dec192;}
    .area_state .route_info h5::before { width: calc(100% + 30px); left: -30px; background-color: #dec192;}
    .area_theme .grid .grid-item{ padding-bottom: 0;}
    .area_theme .grid .grid-item{ max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px);}
    .area_theme .falls-container .grid .grid-item h3,.area_theme .falls-container .grid .grid-item h4,.area_theme .route_info{ position: initial; padding-left: 20px; padding-right: 20px}
    .area_theme .falls-container .grid .grid-item h3 { padding-top: 20px; padding-bottom: 0; }
    .area_theme .route_info{ height: auto; opacity: 1; padding-top: 0;}
    .area_theme .falls-container .grid .grid-item:hover .route_info{ height: auto;}
    .leader_block .leader_pic { border-right: 1px solid #c5d5d7; border-bottom: 0; }
    .leader_block .leader_info { border-left: 1px solid #c5d5d7; border-top: 0; }
    .leader_block.odd>.module-container{padding-right: 15px; }
    .leader_block.even>.module-container{ padding-left: 15px;}
    .leader_block .editor-content { margin-top: 5px; margin-bottom: 10px; }
    .leader_block .leader_info article { font-size: 14px; line-height: 28px; padding: 20px 30px 50px;}
    .leader_pic .editor-content h3 { font-size: 16px;  }
    .leader_pic .editor-content h4{ font-size: 4px;}
    .leader_block .leader_info::before{  border-width: 0 0 25px 25px;}
    .leader_block .img-fluid { aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; }
}
@media(max-width:767px) {
    .state_tab .nav-pills .nav-link{ padding: 11px 40px;}
    .area_idea .module-container .main .bgfixed{ height: 1000px;}
    .area_idea .bgfixed section { color: #ffffff; width: 85%; left: 50%; top: 80px; padding: 20px; }
    .ski_info .pic-content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .ski_info .mix-wrapper .img-box img { aspect-ratio: 5/3; }
    .ski_info .mix-wrapper .editor-content { padding-left: 15px; margin-top: 0; }
    .ski_info section>div:first-child{ padding: 15px 15px 0;}
    .ski_info section>div:nth-child(2),.ski_info section>div:last-child{ padding-left: 0px; padding-right: 0px;}
    .ski_qa .side-menu>ul { padding: 20px !important; background: #ffffff; box-shadow: none; }
}
@media(max-width:575px) {
    .web-page-frame .widget-item.area_title > .module-container > .main{ margin: 40px auto;}
    .area_title .main h1 {  font-size: 24px; }
    .area_title .main h2 { font-size: 16px; }
    .state_tab .nav-pills .nav-link { padding: 8px 22px; font-size: 15px; letter-spacing: 0; }
    .area_state .grid .grid-item { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
    .area_state .falls-container .grid .grid-item img{ aspect-ratio: 5/3;}
    .area_state .falls-container .grid .grid-item h3{ font-size: 16px;  padding: 10px 30px 0;}
    .area_state .falls-container .grid .grid-item h4{ font-size: 14px;}
    .area_state .route_info{ padding: 0px 30px 10px;}
    .area_state .route_info .date, .route_info .price{ padding-bottom: 10px; font-size: 14px;}
    .area_state .route_info .price div span{ font-size: 16px;}
    .area_theme .grid .grid-item { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
    .area_theme .falls-container .grid .grid-item h3{font-size: 16px; }
    .area_theme .falls-container .grid .grid-item h4{font-size: 14px; }
    .area_theme_tab .dp-tbl{  display: block;}
    .area_theme_tab .nav-pills{ overflow-x: scroll;  overflow-y: hidden; flex-wrap: nowrap; }
    .area_theme_tab .nav-pills .nav-link{ padding: 8px 20px;  white-space: nowrap;}
    .area_title_s .header-title{ margin: 40px auto;}
    .leader_block { flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); }
    .leader_block.odd>.module-container,.leader_block.even>.module-container { padding-right: 15px; padding-left: 15px; }
    .area_idea .bgfixed section { width: 90%; left: 50%; top: 40px; padding: 30px; }
    .area_idea .bgfixed section p{ font-size: 14px; letter-spacing: 0; line-height: 25px;}
    .area_idea .bgfixed section::before,.area_idea .bgfixed section::after{ display: none;}
    .ski_info section>div:first-child p,.ski_info section>div ul, .ski_info section>div ol,
    .ski_info section>div:nth-child(2) ul li>h4,.ski_info section>div:last-child h4{ font-size: 14px; }
    .ski_info section>div:first-child h3 { font-size: 16px; }
}

/*about*/
.about_bg_wrap .main.row{height: 100vh; overflow: auto;justify-content: end;align-content: baseline;}
.about_bg_wrap .main.row::before {
    content: '';
    display: table;
    width: 100vw;
    position: absolute;
    z-index: 0;
    height: 100%;
    backdrop-filter: opacity(0.75);
    background-color: rgba(0, 0, 0, 1);
    mix-blend-mode: soft-light;
}
.about_bg_wrap .main.row::after {
    content: '';
    display: table;
    width: 100vw;
    height: 100vh;
    position: absolute;
    bottom: 0;
    top: 0;
    background: -moz-linear-gradient(bottom, rgba(35,85,146,0.8) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
}
.about_bg_wrap .main.row::-webkit-scrollbar {
    width: 5px;
}
.about_title {
    position: absolute;
    top: 18vh;
    left: 50%;
    transform: translate(-50%, 0px);
    padding: 3rem 15px 0 5.5rem;
    z-index: 5;
}
.about_title h2{
    font-size: 3rem;
    letter-spacing: 0.28rem;
    margin-bottom: 1rem;
    color: #ba965c;
    font-weight: 500;
}
.about_title h4{
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    color: #ba965c;
    margin-bottom: 1rem;
}
.about_title::before {
    content: '';
    width: 66px;
    height: 3px;
    background: #ba965c;
    display: table;
    position: absolute;
    left: -1rem;
    top: 1rem;
    opacity: .3;
}
.about_title::after {
    content: '';
    display: table;
    width: 3px;
    height: 357px;
    background: #ba965c;
    position: absolute;
    top: 0.5rem;
    left: -0.5rem;
    opacity: .3;
}
.about_info {
    height: calc(75vh - 190px);
    margin-top: calc(18vh + 190px);
    overflow: auto;
    z-index: 5;
    padding-left: 5.5rem;
}
.about_info::-webkit-scrollbar {
    width: 5px;
}
.about_info p {
    margin-bottom: 0.65rem;
    line-height: 1.5;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.08rem;
    font-family: arial;
    color: #fff;
}
.about_bg_wrap.team_bg .main.row{align-content: flex-end; /*background-size: 100% !important;*/ justify-content: center;}
.about_bg_wrap.team_bg .main.row::before{width: 100%;background-color: rgba(0, 0, 0, 0.1);}
.about_bg_wrap.team_bg .main.row::after{width: 100%;background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.about_info.team_info::-webkit-scrollbar {width: 5px;height: 8px;}
.about_info.team_info::-webkit-scrollbar-button {width: 5px; height: 5px;}
.about_info.team_info::-webkit-scrollbar-track {background: transparent;}
.about_info.team_info::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.5); border-radius: 10px;}
.about_info.team_info::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.9);}
.about_title.team_title{bottom: 7.5vh; left: unset; top: unset; transform: unset; position: relative;padding-left: 3.5rem;}
.about_title.team_title::before{width: 25vw;}
.about_title.team_title::after{height: 66px;}
.about_info.team_info{height: calc(16vh + 160px); margin-top: unset;padding-left: 15px;margin-bottom: 3rem;}
.about_info.team_info p{margin-bottom: 0.45rem;}
.about_bg_wrap.career_bg .main.row::after{background: linear-gradient(to right, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.1) 100%);}
.about_info.career_info h5{color: #ba965c; font-size: 1.05rem; margin-bottom: 1rem;}
.about_info.career_info a{color: #ba965c; font-family: monospace; font-size: 1rem; letter-spacing: 0; text-decoration: underline;word-break: break-all;}

@media (max-width:1366px) {
    .about_info.team_info p{line-height: 1.3;}
}
@media (max-width:1199px) {
    .about_title.team_title::before{left: 0.5rem;}
    .about_title.team_title::after{left: 1rem;}
    .about_title.team_title h2{font-size:2.5rem;}
    .about_title.team_title h4{font-size: 1.2rem;}
    .about_info.team_info{padding: 0 1rem 0 2rem;height: 40vh;}
    .about_info.team_info p{font-size: 14px;}
}
@media (max-width:1024px) {
    .about_title.team_title{padding-left: 4rem; padding-top: 2rem; bottom: 6.5vh; max-width: 25%; flex: 0 0 25%;}
    .about_info.team_info{max-width: 60%; flex: 0 0 60%;}
}
@media (max-width:991px) {   
    .about_title::before{left: 1rem;}
    .about_title::after{left: 1.5rem;}
    .about_title.team_title{padding-left: 4rem;}
    .about_bg_wrap.team_bg .main.row{background-size: 115% !important;}
    .about_bg_wrap.team_bg .main.row::after{background: linear-gradient(to top, rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);}    
}
@media (max-width:767px) {
    .about_bg_wrap .main.row{background-size: 130% !important; background-position: center 0 !important; background-attachment: scroll !important;}
    .about_bg_wrap .main.row::after {background: linear-gradient(to top, rgba(0,0,0,1) 50%,rgba(0,0,0,0.2) 100%);}
    .about_title{padding-left: 5rem; top: 10vh;}
    .about_title h2{font-size: 2.5rem; letter-spacing: 0.15rem;}
    .about_info{padding-left: 5rem; padding-right: 2rem; text-align: justify;height: calc(83vh - 190px); margin-top: calc(10vh + 190px);}
    .about_title.team_title{max-width: 30%; flex: 0 0 30%;}
    .about_bg_wrap.career_bg .main.row{background-size: 100% !important;}
    .about_bg_wrap.career_bg .main.row::after{background: linear-gradient(to top, rgba(0,0,0,1) 60%,rgba(0,0,0,0.1) 100%);}
}
@media (max-width:575px) {
    .about_bg_wrap.team_bg .main.row{background-position: center 0 !important; align-content: baseline;}
    .about_bg_wrap.team_bg .main.row::after {background: linear-gradient(to top, rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);}
    .about_title.team_title{position: absolute; top: 10rem; bottom: unset; max-width: 100%; flex: 0 0 100%;}
    .about_title.team_title::after { height: 50vh;}
    .about_info.team_info{max-width: 100%; flex: 0 0 100%; padding-left: 4rem; padding-right: 2rem; text-align: justify; height: calc(70vh - 190px); margin-top: calc(20vh + 190px);}

}

/* 銀行專區主頁 */
.index_bank_top .area_title_s .header-title {margin: 20px auto 0; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bank_all .mix-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; padding:60px 15px; }
.bank_all .mix-wrapper>.row { flex: 0 0 calc(50% - 25px); max-width: calc(50% - 25px);  border:1px solid #ededed; display: block; margin: 0;}
.back_article { position: relative; padding: 0 5px;}
.back_article + .back_article{ border-top: 1px dotted #bebebe; padding-top: 20px; margin-top: 15px;}
.bank_all .mix-wrapper>.row .back_article h2{ font-size: 18px; font-weight: 600; line-height: 24px;}
.bank_all .mix-wrapper>.row .back_article h3{ font-size: 16px; line-height: 24px;}
.bank_all .mix-wrapper>.row .back_article p{ font-size: 14px; line-height: 20px; margin-bottom: 3px;}
.bank_all .bank_button { position: relative; height: 28px; margin-top: 10px;}
.bank_all .bank_button a { position: absolute; bottom: 0; right: 10px; font-size: 14px; text-decoration: none; color: #545454; background-color:transparent; border: 1px solid #545454; padding: 1px 10px; 
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_all .bank_button a:hover{ background-color: #545454; color: #ffffff; }
@media (max-width:991px) {
    .bank_all .mix-wrapper>.row { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
}
@media (max-width:767px) {
    .index_bank_top .area_title_s .header-title{ margin: 0 auto;}
    .index_bank_top .area_title_s .bgfixed,
    .index_bank_top .area_title_s .bgfixed > a{ min-height: 150px !important;}
    .bank_all .mix-wrapper>.row .back_article h2{ font-size: 16px; }
}
@media (max-width:575px) {
    .bank_all .mix-wrapper { padding: 20px 5px; }
    .bank_all .mix-wrapper>.row { flex: 0 0 100%; max-width: 100%;}
    .bank_all .mix-wrapper>.row+.row { margin-top: 20px; }
    .bank_all .bank_button a{ right: 0;}
    
}

/* 銀行專區分頁(單一銀行) */
.bank_main_top{ margin-top: 30px;}
.bank_main_top img{ max-height: 50px; }
.bank_main + .bank_main{ border-top: 1px dotted #bebebe; }
.bank_main .mix-wrapper { padding: 0px 15px; }
.bank_main .row { justify-content: center; padding: 10px 0 0; }
.bank_main .row .pic-content,.bank_main .row .editor-content{ max-width: 1000px; flex: 0 0 100%; }
.bank_main .row .img-mode .img-box { text-align: center; }
.bank_main .mix-wrapper>.row .back_article h2{ font-size: 18px; font-weight: 600; line-height: 24px;}
.bank_main .mix-wrapper>.row .back_article h3{ font-size: 16px; line-height: 24px;}
.bank_main .mix-wrapper>.row .back_article p{ font-size: 14px; line-height: 20px; margin-bottom: 3px;}
.bank_main .bank_button { position: relative; height: 28px; margin-top: 10px;}
.bank_main .bank_button a { position: absolute; bottom: 0; right: 10px; font-size: 14px; text-decoration: none; color: #545454; background-color:transparent; border: 1px solid #545454; padding: 1px 10px; 
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.bank_main .bank_button a:hover{ background-color: #545454; color: #ffffff; }
.bank_main .row .pic-content { margin: 0; }
.bank_main:last-child .mix-wrapper>div.row:last-child { padding-bottom: 20px; margin-bottom: 30px; }
@media (max-width:767px) {
    .bank_main .mix-wrapper>.row .back_article h2{ font-size: 16px; }
}

/* 404頁面 */
.oops img { margin: 2em auto; }
section.oops h3 { font-size: 0; max-width: 400px; margin: 0 auto; }
section.oops h3::before { content: "喔喔！看來遇到了一點小問題！但是沒關係，請讓元本帶您走向世界的美好！"; font-size: 20px; line-height: 36px; }
.oops p:nth-child(3) { display: none; }
.oops .btn:last-child { margin-right: 0; background: #00a1b4; border-color: #00a1b4; }
@media (max-width:575px) {
    section.oops{ padding: 6rem 2rem;}
    section.oops h3 { max-width: 230px; }
    section.oops h3::before{ font-size: 16px; line-height: 28px;}
    .oops img{ width: 70px;}
}

/* footer */
.modo_footer .footer-sample,.modo_footer .powered{ background-color: transparent;}
.modo_footer .footer-sample{ padding-top: 30px; padding-bottom: 35px; max-width: 1400px;}
.modo_footer .footer-sample.row { flex-flow: column; margin: 0 auto; }
.modo_footer .footer-sample.row>div { flex: 0 0 100%; max-width: 100%; }
.modo_footer .footer-sample .contact-us-part .contact-use-row { margin-bottom: 5px; padding-right: 0; letter-spacing: 1px; }
.modo_footer .footer-sample .logo-part { margin-top: 0; padding-bottom: 25px;  border-bottom: 1px solid rgb(255 255 255 / 20%);}
.modo_footer .footer-sample .logo-part .logo { max-width: 160px; }
.modo_footer .footer-sample .contact-us-part{ text-align: center;}
/* .modo_footer .footer-sample .contact-us-part>div:nth-child(1)+div.contact-use-row:nth-child(2){ padding-left: 33px;} */
.modo_footer .footer-sample .service-item-part { margin-top: 0; text-align: center; }
.modo_footer .footer-sample .service-item-part a{ width: 42px; height: 42px; margin-right: 0; background-color:rgb(166 129 68 / 70%); border-radius: 50%; display: inline-block;}
.modo_footer .footer-sample .service-item-part .social-btn{margin-top: 0; display: flex;  justify-content: center;}
.modo_footer .footer-sample .service-item-part .social-btn a{ width: 42px; height: 42px; margin-right: 0; background-color:rgb(166 129 68 / 70%); border-radius: 50%; display:flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.modo_footer .footer-sample .service-item-part .social-btn a+a { margin-left: 12px; }
.modo_footer .footer-sample .service-item-part .social-btn a i{ font-size: 20px; opacity: 0.7; width: 17px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.modo_footer .footer-sample .service-item-part .social-btn a:last-child i{ background: url(https://materials.fillo.com.tw/materials/modotravel/images/8d90e4dc-9e41-484c-9012-818817f0b614.svg); width: 23px; height: 23px; background-size: 23px;opacity: 0.7; }
.modo_footer .footer-sample .service-item-part .social-btn a:hover{ background-color: rgb(166 129 68 / 100%);}
.modo_footer .footer-sample .service-item-part .social-btn a:hover i{ opacity: 1;}
.modo_footer .powered { line-height: 14px; padding-bottom: 30px; font-size: 14px; }
@media(max-width:991px){
    .modo_footer { padding-bottom: 100px;}
}
@media(max-width:400px){
    .modo_footer .footer-sample .contact-us-part>div:nth-child(1)+div.contact-use-row:nth-child(2) { padding-left: 0; display: block !important; }
}

/* 輪播放大圖片動畫 */
@keyframes scaleDraw { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }


/*會員登入頁 */
.member_home .signin_width { margin-top: 180px; margin-bottom: 180px; }
body.member_home.new_bg { background: #dde2e2; }
body.member_home button.l_benPrimary{ background: #ba965c; }
body.member_home .note_box a { color: #00a1b4; }
body.member_home a.font4.blue-txt2 { color: #545454; }
body.member_home .member_title { margin: 70px 0 30px; }
@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;}
}


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


/* 主題頁(行程特色) */
.theme_title .header-title { font-size: 32px; display: table; margin: 0 auto 66px; position: relative; color: #ba965c;}
.theme_title .header-title::before,.theme_title .header-title::after{ content: ""; position: absolute; width: 40px; height: 1px; background-color: #ba965c;  top: 50%; transform: translate(0, -50%); }
.theme_title .header-title::before{ left: -55px; }
.theme_title .header-title::after{  right: -55px;  }
.theme_top_banner a { content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; background-color: rgba(0,0,0,0.3); }
.theme_top_banner section { display: flex; justify-content: center; align-items: center; flex-flow: column; height: 100%;padding: 0 10px;}
.theme_top_banner section h1{ font-size: 58px; margin-bottom: 10px; font-weight: 400;}
.theme_top_banner section h1 .en { font-size: 65px; font-family: 'Roboto', sans-serif; font-weight: 300; }
.theme_top_banner section h2{ font-size: 22px; font-weight: 300; letter-spacing: 0.05em; display: flex;  align-items: center;  margin-bottom: 42px;}
.theme_top_banner section button { position: relative; font-size: 18px; border: 1px solid  #ba965c; background:  #ba965c; color: #ffffff; padding: 10px 60px 10px 20px; border-radius: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; outline: none;}
.theme_top_banner section button span.arrow { display: block; width: 35px; height: 1px; font-size: 0; background-color: #ffffff; position: absolute; top: 50%; right: 15px; -webkit-transition: all .4s; transition: all .4s; }
.theme_top_banner section button span.arrow::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #ffffff; position: absolute; right: -3px; bottom: 0; }
.theme_top_banner section button:hover { background-color: #947748; border: 1px solid #947748; }
.theme_onepic .mix-wrapper>.row .pic-content{ padding: 0; margin: 0; }
.theme_onepic .mix-wrapper>.row .editor-content{position: absolute; right: 0; bottom: 0; width: 60%; } 
.theme_onepic .mix-wrapper>.row .editor-content section{ padding: 0; margin: 0; padding: 40px 58px;}
.left_article_block { border-top: 1px solid rgb(186 150 92 / 50%) !important; border-bottom: 1px solid rgb(186 150 92 / 50%) !important; padding: 0; } 
.left_article_block.no_line{ border-top: none !important; border-bottom: none !important;}
.left_article_block>.module-container>.main { margin: 0; }
.left_article { flex: 0; max-width: 417px; min-width: 417px; }
.left_article section { padding-top: 127px; }
.left_article h3{ margin-bottom: 25px;}
.left_article article { padding: 0 20px; }
.left_article p { margin-bottom: 0; line-height: 38px; }
.right_twopic { flex: 1; }
.right_twopic .hover-wall .htpro_tit{ display: none;}
.right_twopic .hover-wall .icon_info,.right_twopic .hover-wall .icon_info:hover{box-shadow: none;  bottom: 0; border-radius: 0;}
.right_twopic .hover-wall>.container-fluid>.row>div { padding: 0 25px; }
.right_twopic .hover-wall>.container-fluid { margin: 50px 25px 0; }
.right_twopic .hover-wall .icon_info figure { margin-bottom: 30px; }
.right_twopic .hover-wall .icon_info h3{  padding: 0; font-size: 18px; margin-bottom: 14px;}
.right_twopic .hover-wall .icon_info p.animate-text { padding: 0px; font-size: 14px; line-height: 26px; letter-spacing: 0; }
.right_twopic .hover-wall figure .overlay i,.hover-wall figure .overlay{display: none;}
.twop_staggered .mix-wrapper { padding: 0; }
.twop_staggered .mix-wrapper>.row{ justify-content: space-between;}
.twop_staggered .editor-content{ display: flex; align-items: center;}
.twop_staggered .pic-content, .twop_staggered .editor-content { padding: 0; margin-top: 0; margin-bottom: 0; -ms-flex: 0 0 calc(50% - 25px); flex: 0 0 calc(50% - 25px); max-width: calc(50% - 25px); }
.twop_staggered section { padding-left: 40px; padding-top: 0;  position: relative;}
.twop_staggered section::before{ content: ""; position: absolute; left: 5px; top: -23px; width: 67px; height: 1px; background-color: #ba965c;}
.twop_staggered section::after { content: ""; position: absolute; left: 13px; top: -30px; width: 1px; height: 67px; background-color: #ba965c; }
.threep_block>.module-container>.main { justify-content: center; }
.threep_block .theep_left,.threep_block .theep_right{ -ms-flex: 0 0 700px; flex: 0 0 700px; max-width: 700px; padding: 0;}
.threep_block .mix-wrapper { padding: 0; }
.theep_right .mix-wrapper { display: flex; }
.theep_right .mix-wrapper>.row { flex: 0 0 50%; max-width: 50%; }
.web-page-frame .widget-item.theep_left > .module-container > .main, .web-page-frame .widget-item.theep_right > .module-container > .main,
.web-page-frame .widget-item.theep_left > .module-container > .main .row, .web-page-frame .widget-item.theep_right > .module-container > .main .row{ margin: 0;}
.threep_block .theep_left .editor-content,.threep_block .theep_right .editor-content{ margin-bottom: 0;}
.threep_staggered .mix-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: 0; }
.threep_staggered .mix-wrapper>div { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; align-items: center; max-width: 436px; margin: 0; }
.threep_staggered .pic-content,.threep_staggered .editor-content { padding: 0; margin: 0; }
.threep_staggered .editor-content { min-height: 220px; display: flex; align-items: center;  justify-content: center;}
@media (max-width: 1430px){
    .modo_width { max-width: 90%; }
    .threep_block .theep_left,.threep_block .theep_right{ -ms-flex: 0 0 45%; flex: 0 0 45%; max-width:45%;}
    .threep_staggered .mix-wrapper>div { max-width: 330px; }
}
@media (max-width: 991px){
    .my-73 { margin-top: 50px; margin-bottom: 50px; }
    .theme_top_banner section h1{ font-size:36px;}
    .theme_top_banner section h1 .en { font-size: 40px; }
    .theme_top_banner section h2,.theme_top_banner section button{ font-size: 16px;}
    .theme_onepic .mix-wrapper>.row .editor-content { position: relative; padding: 0;    width: 100%; }
    .left_article { flex: 0 0 100%; max-width: 100%; min-width: 100%; }
    .left_article section { padding-top: 40px;padding-bottom: 40px; }
    .right_twopic { background: #ffffff; }
    .left_article_block>.module-container>.main {background-size: cover !important; }
    .threep_block .theep_left, .threep_block .theep_right { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.threep_staggered .mix-wrapper>div { max-width: 220px; }
}
@media (max-width: 767px){
	.theme_onepic .mix-wrapper { padding: 0;}
	.theme_onepic .mix-wrapper>.row { margin: 0; }
	.right_twopic .hover-wall>.container-fluid { margin: 50px 0px 0; }
	.twop_staggered .mix-wrapper>.row{ flex-flow: column;}
	.twop_staggered .img-mode .img-box{ text-align: center;}
	.twop_staggered .pic-content, .twop_staggered .editor-content{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.twop_staggered .editor-content { padding: 60px 10px 30px; }
	.threep_block .theep_left, .threep_block .theep_right { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.theep_left .img-mode .img-box { text-align: center; }
	.threep_staggered .img-mode .img-box{ text-align: center; padding: 0;}
	.threep_staggered .mix-wrapper>div { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.threep_staggered .editor-content { min-height: inherit; padding: 40px 0; }
}
@media (max-width: 575px){
	.modo_width { max-width: calc(100% - 30px); }
	.my-73 { margin-top: 30px; margin-bottom: 30px; }
	.theme_title .header-title { font-size: 24px; margin: 0 auto 35px; }
	.theme_title .header-title::before, .theme_title .header-title::after{ width: 20px;}
	.theme_title .header-title::before { left: -30px; }
	.theme_title .header-title::after { right: -30px; }
	.theme_top_banner section h1 { font-size: 28px; }
	.theme_top_banner section h1 .en { font-size: 29px; padding: 0 5px; }
	.theme_top_banner .module-container div .bgfixed{ min-height: 500px !important;}
	.theme_top_banner .module-container div .bgfixed > a{ min-height: 500px !important;}
	.theme_onepic .mix-wrapper>.row .editor-content section { padding: 30px; }
	.right_twopic .hover-wall>.container-fluid>.row>div{ padding: 0 15px;}
	.left_article h3 { font-size: 24px !important; }
	.twop_staggered .mix-wrapper>.row { margin: 0; }
	.threep_block .mix-wrapper { padding: 0; flex-flow: column; }
	.theep_right .mix-wrapper>.row { flex: 0 0 100%; max-width: 100%; }
	.threep_staggered .img-mode .img-box { text-align: center; }
	.theme_center_banner h3{ font-size: 24px !important;}
}


/* 搜尋列表頁 */
.WinChrome section.group_banner .search-area .search-box .select-goal .title,
.WinChrome section.group_banner .search-area .search-box .select-place .title,
.WinChrome section.group_banner .search-area .search-box .select-date .title,
.WinIe section.group_banner .search-area .search-box .select-goal .title,
.WinIe section.group_banner .search-area .search-box .select-place .title,
.WinIe section.group_banner .search-area .search-box .select-date .title { height: 18px; min-height: 18px; line-height: 16px; }
.search-area .search-box .search-btn { background: #ba965c; }
.WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn { height: 55px; line-height: 55px; }
.WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place,
.WinChrome section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-goal,
.WinIe section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-date,
.WinChrome section.group_banner .search-area .search-box .select-date>input, .WinChrome section.group_banner .search-area .search-box .select-input>input,
.WinIe section.group_banner .search-area .search-box .select-date>input, .WinIe section.group_banner .search-area .search-box .select-input>input{ height: 55px; padding: 5px 8px;}
.WinChrome section.group_banner .search-area .search-box .select-goal .title h6, .WinChrome section.group_banner .search-area .search-box .select-place .title h6,
 .WinChrome section.group_banner .search-area .search-box .select-date .title h6, .WinIe section.group_banner .search-area .search-box .select-goal .title h6,
 .WinIe section.group_banner .search-area .search-box .select-place .title h6,.WinIe section.group_banner .search-area .search-box .select-date .title h6{ font-size: 0.9rem; margin-left: 0;  color: #ba965c;}
.search-area .search-box .search-btn i{ display: none;}
.WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box{ height: 130px;}
.search-area .search-box .select-place .title i,
.search-area .search-box .select-goal .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{display: none; color: #00a1b4; font-size: 0.9rem; width: 12px;}
.filter_list .btn{ font-size: 0.9rem;}
.filter_list .form-inline { margin-top: 10px; margin-bottom: 10px; padding: 0px 17px 0px 17px; font-size: 0.9rem; }
.filter_list .form-control{ font-size: 0.9rem; }
.irs-from, .irs-single, .irs-to{ font-size: 0.9rem; line-height: 1rem;}
.irs-line{ height: 1px}
.list_con .style_icon span{ margin-right: 5px; font-size: 0.9rem;}
.list_con .select_filter .form-group label { margin-right: 5px; font-size: 0.9rem; }
.list_con .style_icon .nav-pills .nav-link { padding: 2px 4px; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7;  width: 20px; height: 20px;}
.list_con .select_filter .form-group .select select{  font-size: 0.9rem; height: 30px;}
.list_con>.title>.text-right>p>span.text_blue { color: #00a1b4; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill: #00a1b4; }
figure.block_style .media_all_plane-lg{ border-bottom: 0;}
figure.block_style .main_words{ padding: 10px 20px;   align-content: space-around !important;}
figure.block_style .main_words a:hover,
.pic_style figure.block_style .main_words a:hover,
.search_table .main_words .title_main:hover{ color: #00a1b4 !important; }
figure.block_style .main_words a.tag:hover { color: #ffffff !important; }
.pic_style figure.block_style .price_all h4 span{ font-weight: 400; color: #ba965c !important; font-size: 1.1rem; line-height: 1.4rem;}
.pic_style figure.block_style .price_all h6>div{ font-size: 0.9rem;}
.pic_style figure.block_style .price_all h6>div.deposit{font-size: 0;}
.pic_style figure.block_style .price_all h6>div.deposit::before{ content: "報名";  font-size: 0.9rem;}
.pic_style figure.block_style .price_all h6>div.deposit>span { font-size: 0.9rem; }
.pic_style figure.block_style .plane_word>.row>div:nth-child(2)>span { display: none; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgb(0 161 180 / 50%);}
.irs-bar { height: 1px; top: 33px; border-top: none; border-bottom: none; background: #00a1b4}
.irs-bar-edge {  height: 10px; top: 33px; width: 14px; border: 1px solid #00a1b4; border-right: 0; background: #00a1b4; background: -webkit-gradient(linear,left bottom,left top,from(#00a1b4),to(#00a1b4)); background: linear-gradient(to top,#00a1b4 0,#00a1b4 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px}
.irs-slider { top: 29px; width: 10px; height: 10px; border: none; background: #ddd; background: #00a1b4; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer}
.irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #00a1b4}
.irs-from,.irs-single,.irs-to { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #00a1b4; border-radius: 3px; -moz-border-radius: 3px}
.irs-grid-pol { opacity: .5; background: ≈;}
.irs-grid-pol.small { background: #999}
.irs-grid-text { bottom: 5px; color: #99a4ac}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i { display: none; color: #00a1b4; }
.filter_list .form-check{padding-left: 25px; font-size: 0.9rem;}
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #00a1b4;}
.filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #797979;}
.filter_list .form-check .checkmark{ width: 18px; height: 18px;}
.filter_list .collapse.show { border-bottom: 1px solid #e2e2e2; }
.filter_list .accordion .card.travel-days .form-check .badge { font-size: 0.8rem; background: #b3b3b3; font-weight: 400; border-radius: 3px; }
.filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; }
section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #00a1b4; color: #00a1b4; }
.search_table.table .thead { background: #f8f8f9; height: 2.4rem; line-height: 2.4rem; color: #000000;}
.search_table  td.go-airport h6 .rounded:last-child { display: none; }
.search_table  td.go-airport img { margin: 0 auto; }
.search_table .go-airport>.row>div:last-child>h6>span { display: none; }
.search_table .go-airport>.row>div:last-child>h6>span.plane-logo{ display: block;}
.search_table .go-airport h6 br { display: none; }
section.search_banner .search-area .search-box .select-goal .select, section.search_banner .search-area .search-box .select-goal select,
 section.search_banner .search-area .search-box .select-place .select, section.search_banner .search-area .search-box .select-place select{ font-size: 0.9rem; height: 26px; line-height: 20px;}
.search-area .search-box .select-date .select { font-size: 0.9rem; }
.WinChrome section.group_banner .search-area .form-check label, .WinIe section.group_banner .search-area .form-check label{font-size: 0.9rem; }
.search-area .search-box .search-btn h5 { font-size: 1rem; }
.list_con .title{ padding-bottom: 15px;}
.filter_list>h4,.list_con .title h4{ font-size: 1rem; }
.list_con .title p { margin-top: 0px; font-size: 14px; }
figure.block_style .main_words a h4,
.pic_style figure.block_style .main_words h4,
.search_table  td.tour-name a.title_main{ font-size: 1rem; line-height: 1.4rem; }
.search_table .go-airport h6,.search_table .go-airport .rounded { font-size: 0.9rem; }
.search_table .go-date { font-size: 0.9rem; }
.search_table  td.go-airport>.row>div:first-child { display: none; }
.search_table  td.total-seat,.search_table  td.booking-num,.search_table  td.waiting-num,.search_table  td.available-seat{ font-size: 0.9rem; }
figure.block_style .main_words .go-date{ font-size: 1rem; line-height: 1.4rem;}
figure.block_style .main_words h6>div span{ font-size: 0.9rem;}
figure.block_style .note_words{padding: 5px 0;}
figure.block_style .note_words>div{ font-size: 0.9rem;} 
figure.block_style .note_words>div .go-airport,figure.block_style .note_words .plane,
.pic_style .plane_word .go-airport,.pic_style .plane_word .rounded{ font-size: 0.9rem;  line-height: 1.2rem;}
figure.block_style .note_words .plane>span{ display: none;}
figure.block_style .note_words .plane>span.plane-logo { display: block; }
figure.block_style .pic_all::after{ border-width: 0 0 76px 76px;}
figure.block_style .pic_all .item_days { font-size: 1.4rem; font-weight: 600; letter-spacing: -0.08rem; width: 40px; padding: 6px 0;}
figure.block_style .pic_all .item_days span { font-size: .5rem; margin-left: 2px; margin-top: 10px; }
figure.block_style .main_words a{ font-size: 1.25rem;}
.list_con .text-danger { color: #000000 !important; }
figure.block_style .price_box span,.search_table  td.tour-price span { font-size: 1.1rem; color: #ba965c !important; font-weight: 400;}
figure.block_style .price_box small { font-size: 0.8rem; }
figure.block_style .main_words h6{ font-size: 0.9rem;}
figure.block_style .main_words h6>div.deposit{ font-size: 0;}
figure.block_style .main_words h6>div.deposit::before { content: "報名"; font-size: 0.9rem; }
.search_table.table .thead th { font-size: 0.95rem; font-weight: 400; }
.search_table.table .thead th.booking-num{font-size: 0; }
.search_table.table .thead th.booking-num::before { content: "報名"; font-size: 0.95rem; }
ection.group_table.tripdown .search_table tr td.go-airport h6 .rounded:last-child { display: none; }
figure.block_style .pic_all .img_box:before { padding-top: 70%; }
section.search_con .pagination .page-item .page-link{ font-size: 0.9rem; width: 26px; height: 26px;}
section.search_con .pagination svg {height: 8px; }
.D_products_group_search .block_style a.btn,
.D_products_group_search .search_table a.btn,
.D_products_group_search .pic_style figure.block_style .price_all .btn{ border-radius: 0;  font-size: 16px; padding: 2px 16px; }
.D_products_group_search .pic_style figure.block_style .price_all .btn{ margin: 20px auto 0px; width: 120px; display: table; }
.D_products_group_search .block_style a.btn.btn-primary, .D_products_group_search .search_table a.btn.btn-primary,.D_products_group_search .pic_style figure.block_style .price_all .btn.btn-primary {
    background-color:#ba965c; border-color:#ba965c; }

@media(min-width:1200px ){
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{ height: 240px;}
	.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (190px/2)); }
}
@media (max-width: 1199px){
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 340px; }
    .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area {     bottom: calc(50% - (200px/2)); min-height: 140px;}
    figure.block_style .note_words{ padding: 5px;}
    .WinChrome section.group_banner .search-area .search-box .select-date,
    .WinIe section.group_banner .search-area .search-box .select-date{width: 43%; margin-right: 0;}
    .WinChrome section.group_banner .search-area .search-box .select-input,.WinIe section.group_banner .search-area .search-box .select-input{ width: calc(70% - 10px); }
    .WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn{ width: 30%;}
    .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status { right: calc( 30% + 10px); bottom: -15px;}
    .WinChrome section.group_banner .search-area .search-box, .WinIe section.group_banner .search-area .search-box { height: 160px; }
}
@media (max-width: 991px){
    .filter_header i{ display:none;}
    .WinChrome section.group_banner .search-area .search-box .select-status, .WinIe section.group_banner .search-area .search-box .select-status{ bottom: -30px;}
    .list_con>.row.no-gutters.justify-content-between>div { flex: 1; }
    .list_con .select_filter .form-group .select { width: auto; }
    .filter_header span { display: none; }
    .search_table tbody td.go-date { background: #f8f8f9; }
    .search_table>tbody>tr { border: 1px solid #dee2e6; }
    .search_table tbody td.go-date>div.item_days { font-size: 1rem; color: #00a1b4; }
    .search_table .go-date { font-size: 1rem; }
    .search_table tbody td.tour-name a.title_main { margin-top: 15px; margin-bottom: 15px; }
    .search_table .main_words .seat span { font-size: 0.9rem; }
    .search_table .main_words .seat>span:nth-child(3){ font-size: 0;}
    .search_table .main_words .seat>span:nth-child(3)::before { content: "報名"; font-size: 0.9rem; }
    .search_table tbody td.tour-price h6 small { font-size: 0.9rem; }
    .search_table .row{ width: 100%;}
}
@media (max-width: 767px){
    .WinChrome section.group_banner .search-area>.container, .WinIe section.group_banner .search-area>.container,section.search_con .container{ max-width: 660px;}
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 520px; }
    .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { bottom: calc(50% - (600px/2)); min-height: 400px;}
    figure.block_style .note_words .plane { border-left: 1px solid #e2e2e2; padding-left: 10px; }
    .search-area .search-box .select-date .select { width: 100%; }
    .search-area .search-box .select-date .select input { width: calc(45% - 10px); }
    .D_products_group_search .block_style a.btn,
    .D_products_group_search .search_table a.btn,
    .D_products_group_search .pic_style figure.block_style .price_all .btn{width: 75%; justify-content: center; margin-bottom: 10px;}
    .D_products_group_search .block_style a.btn.btn-primary { margin-left: 0 !important; }
}
@media (max-width: 575px){
    .search-area .search-box .select-date .select input{  width: calc(40% - 10px);}
}


/* 團型列表 */
section.group_banner .info h1{ line-height: 3rem; margin: 0.67em 10%;}
section.group_banner .info .btn-primary { background: rgb(186 150 92 / 80%); border: 0; font-size: 1.2rem; }
section.group_banner .info .btn-primary small { font-size: 0.9rem; }
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #dedede; border-color: #dedede; }
section.group_table.tripdown .style_icon ul li a.nav-link{ color: #00a1b4; border: 1px solid #00a1b4;}
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#00a1b4; }
section.group_table:before { -webkit-filter: grayscale(1) opacity(.1); }
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: #dedede;}
section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { position: relative; color: #333333; margin-bottom: 0; font-size: 1.5rem; text-shadow: none; font-weight: 400; letter-spacing: 0.3rem;}
section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after,
section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after,
section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background: #00a1b4; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #033739; border-color: #033739; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }
section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; }
.search_table tbody td.sale-situation .btn{    padding: 2px 5px; }
section.group_banner .media-grouop{ display: none;}
section.group_table.tripdown .search_table .thead th.booking-num{font-size: 0;}
section.group_table.tripdown .search_table .thead th.booking-num::before { content: "報名"; font-size: 15px; font-size: 0.95rem; font-weight: 400; vertical-align: middle; }
.search_table .main_words .tag_all{ float: left;  width: auto;}
section.group_banner.trip_banner .tag, section.group_table .table .tag, figure.block_style .tag {     margin: 0 0.3rem 0 0 !important; padding: 2px 5px; font-size: 12px;}
/* 字體尺寸調整 */
section.group_table.tripdown .search_table tbody td.tour-name a.title_main{ font-size: 1rem; line-height: 1.4rem;}
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.1rem; color: #ba965c !important; font-weight: 400;}

/* 隱藏月曆，強制顯示列表模式 */
.D_products_group_mold .style_icon { display: none; }
.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;}
.D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; }
/* 隱藏團型的特色及備註 */
.D_products_group_mold #tripFeatures,.D_products_group_mold #tripNote{ display: none;}
@media (min-width: 576px){a
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 540px; }
}
@media (min-width: 768px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 720px; }
}
@media (min-width: 992px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 960px; }
	
}
@media (min-width: 1200px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 1440px; }
}
@media (max-width: 991px){
    section.group_table.tripdown .search_table > tbody > tr.thead { display: none; }
    section.group_table.tripdown .search_table tbody td.go-date{ margin-bottom: 10px;}
    .search_table .main_words .tag_all{ display: flex; width: 100%; margin-bottom: 5px;}
}

@media (max-width: 991px){
    section.group_banner .info h1 { font-size: 1.2rem; line-height: 1.8rem; }
}
@media (max-width: 575.98px){
    .D_products_group_mold section.group_banner { margin-top: 0; }
}
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ background: #fff; width:calc(100% - 30px); margin-left:auto; margin-right:auto; }
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{ width: 100%; margin-bottom: 3rem; }
/* .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center>a{background: #00223d; border: 1px solid #00223d; color: #ffffff; line-height: 1.3rem;} */


/* 個團明細頁 */
section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
section.group_table.trip_day .info_box .info_box_title { margin-left: 0; margin-bottom: 30px; display: -ms-flexbox; display: flex; flex: 0 0 100%; flex-wrap: wrap; border: 0; } 
section.group_table.trip_day .info_box .info_box_title > div:first-child { padding: 0; flex: 0 0 100%;  margin-bottom: 20px;}
section.group_table.trip_day .info_box .info_box_title .day_title { font-family: 'Noto Serif Georgian', serif; letter-spacing: 0; font-weight: 400; font-size: 2.8rem; letter-spacing: -0.04rem; width: 130px; padding: 0;}
section.group_table.trip_day .info_box .info_box_title .day_sub-title{width: calc(100% - 130px);  border: 0; padding: 0;   padding-bottom: 10px;  font-size: 20px; width: 100%; line-height: 40px;  color: #333333;}
section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel { flex: 0 0 50%; background: transparent; font-size: 14px;line-height: 1.5rem;  padding: 50px 40px 0 0; position: relative;}
section.group_table.trip_day .info_box .info_box_title p.meal::before,section.group_table.trip_day .info_box .info_box_title p.hotel::before{ content: ""; position: absolute; color: #ba965c; font-size: 1rem; top: 5px; left: 0; }
section.group_table.trip_day .info_box .info_box_title p.meal::before { content: "餐食"; }
section.group_table.trip_day .info_box .info_box_title p.hotel::before{ content: "飯店"; }
section.group_table.trip_day .info_box .info_box_title p.meal::after,
section.group_table.trip_day .info_box .info_box_title p.hotel::after { content: ""; position: absolute; width: calc(100% - 40px); top: 38px; height: 1px; border-bottom:1px dotted #d9c6a7; }
section.group_table.trip_day .info_box .info_box_title p.meal .data-icon, section.group_table.trip_day .info_box .info_box_title p.hotel .data-icon{ font-size: 15px; }
section.group_table.trip_day .info_box .info_box_title p s{ position: relative; color: #545454;}
section.group_table.trip_day .info_box .info_box_title p.hotel s { display: none; }
section.group_table.trip_day .info_box .info_box_title p.meal s::before { content: ""; background: #ffffff; width: 12px; height: 18px; position: absolute; right: -12px; content: ":"; padding-left: 5px; top: -2px; }
section.group_table.trip_day .info_box .info_box_title p i { display: none;}
section.group_table.trip_day .info_box .info_box_title p.meal span, section.group_table.trip_day .info_box .info_box_title p.hotel span{ display: block; color:#545454 }
section.group_table.trip_day .info_box .info_box_title p.hotel span { position: relative; margin-left: 0px;  text-indent: -14px;}
section.group_table.trip_day .info_box .info_box_title p.hotel span::before{ content: ""; background: #ffffff; width: 12px; height: 24px; position: absolute; right: -12px;  padding-left: 5px; top: -2px; left: -12px; }
section.group_banner.trip_banner .basic_box{ background: transparent; padding: 450px 0 0 0;}
section.group_banner.trip_banner h1 { font-size: 2.4rem; position: absolute; top: calc( -120px - (400px/2)); left: 50%; transform: translate(-50%, 0); color: #ffffff; font-weight: 300; width: 100vw; line-height: 3.6rem; text-align: center; margin-top: 0; margin-bottom: 0; background: rgba(0, 0, 0, 0.3); padding: 30px 10%; }
section.group_banner.trip_banner h3.price{width:100%; display: flex; align-items: flex-end; border-bottom: 1px solid #e8e8e8; font-size: 1.3rem; font-weight: 600; color: #ba965c; padding: 22px 0;  }
section.group_banner.trip_banner h3.price span{font-weight: 400; flex: 0; max-width: 150px; min-width: 150px; color: #888;  line-height: 1.3rem; }
section.group_banner.trip_banner h3.price span, section.group_banner.trip_banner h3.price small{ font-size:0.875rem; color: #888; }
section.group_banner.trip_banner h6{ font-size: 1rem;}
section.group_banner.trip_banner .plane-s2 .plane-sche { display: none; }
section.group_banner .price_content{ display: none;}
section.group_banner .price_content .panel-info .panel-heading { padding: 8px; background: #797979; font-size: 1rem; }
section.group_banner .price_content .panel-info .panel-body { padding: 15px 8px; font-size: 1em; }
section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size: 1.2rem; font-weight: normal;}
section.group_banner .basic-air-airport i{ color: #00a1b4;}
section.group_banner.trip_banner .brief h5{font-size: 1rem; color: #888;}
section.group_banner.trip_banner .brief h5.deadline, section.group_banner.trip_banner .brief h5.deposit{ display: none;}
section.group_banner .price_content .panel-info { border: 1px solid #797979; }
section.group_banner .basic-air-info { border: 1px solid #00a1b4; margin: 8px 0 !important;}
.basic-air-info .go i, .basic-air-info .back i { color: #c1e8ed; font-size: 2rem; }
.basic-air-info .go h4, .basic-air-info .back h4 { font-size: 1.2rem; }
section.group_banner .basic-air-btn a { float: left; font-size:0; background: #ffffff; border: 1px solid #888; padding: 5px 25px; color: #888; border-radius: 0px; font-weight: 400; }
section.group_banner .basic-air-btn a::before { content: "參考航班"; font-size: 1rem; }
section.group_banner .basic-air-btn a:hover::before { color:#000000; }
section.group_banner .basic-air-info .time { font-size: 1.1rem; }
.modal-content h5#exampleModalLongTitle.modal-title{ display: none;}
.modal-content h5.modal-title strong{ color: #00a1b4;}
.flight_details .details_box > h4 { background: #00a1b4;}
.flight_details .details_box > h4 i { color: #d7d9bc; }
.flight_details { border: 1px solid #00a1b4; }
.trip_day .group_table_box table .thead { background: #ffffff; height: 2.8rem; font-weight: normal; color: #222; font-size: 1rem; line-height: 2.8rem; }
section.group_table.trip_day table.table tr.thead th:nth-child(2) { background: #ffffff; }
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{display: none; }
section.group_table.trip_day table.table tbody tr.text_gary.has_note{  color: #888; font-size: 0.9375rem;}
section.group_table.trip_day table.table tr.text_gary.has_note td{ padding: 5px 0;}
section.group_table.trip_day .container .group_table_box>table.table{ display: none;}
section.group_table.trip_day .container .group_table_box>table.table+p.mt-n5.ml-1.mb-5.font-weight-bold { display: none; }
section.group_table .table td.tour-price small{ color: #808ca5;  padding-left: 3px;}
.day_con .text_gary2.hotel a { color: #545454;}
.day_con .info p{ margin-top: 10px; }
.Day_menu{ padding-bottom: 0;}
.Day_menu .swiper_day .swiper-slide a:hover { color: #fff; background: #00a1b4; border: 1px solid #00a1b4; }
section.trip_note .card-header .btn{ padding: 10px 42px 10px 22px; height: 44px;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #a7a7a7; }
section.trip_note .card-header a:after{ top: 12px; font-size: 1.6rem;}
section.trip_note #accordion #heading_itn_dy_994.card-header .btn{ font-size: 0; }
section.trip_note #accordion #heading_itn_dy_994.card-header .btn::before { content: "出團注意事項"; font-size: 1rem; }
.web-page-frame .group_table ul{list-style:disc; padding-left: 20px;}
.web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;}
section.group_table.trip_features .container .group_table_box .title_s { display: none;  font-size: 1.2rem; border-radius: 0; border: 1px solid #ba965c; margin: 2rem auto 1rem; color: #ba965c; }
section.group_table.tripdown .container .group_table_box{ margin-bottom: 5.5rem;}
section.group_table.tripdown .container .group_table_box .IconMean{ display: none;}
/* section.group_table.tripdown .container .group_table_box .style_icon { display: none; } */
.search_table tbody td.sale-situation .btn{ border-radius: 0;}
.search_table tbody td.sale-situation .btn.btn-primary{background: #ba965c; border-color: #ba965c;}
.search_table tbody td.sale-situation .btn:hover { color: rgb(255 255 255 / 80%); }
.day_con .info { margin-bottom: 0; } 
.day_con .info_box{ margin-bottom: 70px;}
.day_con .info_box>div.col-12 { padding-left: 0; padding-right: 0; }
.day_con .info_box+.info_box { border-top: 1px solid #e7e7e7; padding-top: 70px; }
.day_con h6{margin-top: 0;}
section.group_table.trip_features .container { width: 100%; max-width: 1440px; margin: 0 auto;}
section.group_table.trip_features:before, section.group_table.trip_airline:before,
section.group_table.trip_day:before, section.group_table.trip_note:before,
section.group_table.view_intro:before, section.group_table.tripdown:before {background: #ffffff;}
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: #ffffff; }
#dayTrip + script + script + script + link + .group_table.clearfix.tripdown,
#tripNote + script + script + script + link + .group_table.clearfix.tripdown{ display: none;}
#tripNote.trip_note .card .card-header{ background-color: transparent;  border-bottom: none;}
.trip_note #accordion .card .card-header>a { font-size: 16px; }
.trip_note #accordion .card .table tr { font-size: 15px; }
.trip_note #accordion .card .card-body p { font-size: 14px;}
#tripNote.group_table.trip_note .container h2{ font-size: 0; position: relative; height: 45px;}
#tripNote.group_table.trip_note .container h2::before{ content: "行程備註";  position: absolute; color: #333333; margin-bottom: 0; font-size: 1.5rem; text-shadow: none; font-weight: 400; letter-spacing: 0.3rem;  left: 50%; transform: translate(-50%, 0);}
#tripNote.group_table.trip_note .container h2::after{ content: ""; background: #00a1b4; width: 50px; height: 1px; position: absolute; bottom:0; left: 50%; transform: translate(-50%, 0); }
#dayTrip.group_table.trip_day .container>div>h2 { margin-bottom: 80px; }
#dayTrip.group_table.trip_day .container>div>h2::before{  content: "◎入內參觀　◆下車參觀　★特別安排　△車上導覽"; position: absolute; left: 0; bottom: -55px; width: 100%; text-align: center; font-size: 15px; letter-spacing: 2px;}
section.group_table.trip_features .container .group_table_box,
section.group_table.trip_airline .container .group_table_box,
section.group_table.trip_day .container .group_table_box,
section.group_table.trip_note .container .group_table_box,
section.group_table.view_intro .container .group_table_box,
section.group_table.tripdown .container .group_table_box{ margin-top: 0px; padding: 30px 10px;}
section.group_table.trip_day .container .group_table_box{ padding:10px;}
section.group_banner.trip_banner .container { background: #ffffff; border: 0; padding: 0; }
section.group_banner .group_num,section.group_banner.trip_banner .price.iteam,
section.group_banner .basic-air-airport{ display: none; }
section.group_banner .basic-air-aircraft img{ display: none;}
.basic-air-info .go i, .basic-air-info .back i{ display: none;}
section.group_banner .basic-air-btn{ order: 4; border-bottom: 1px solid #e8e8e8; flex: 0 0 50%;  padding: 17.5px 0;}
.basic_box>div>.container>.row>div { flex: 0 0 100%; max-width: 100%; }
.basic_box>div>.container>.row>div:nth-child(1) {  order: 1; }
.basic_box>div>.container>.row>div:nth-child(2) { order: 3;}
.basic_box>div>.container>.row>div:nth-child(3) { order: 2; }
section.group_banner .basic-air-info .time{ display: none;}
section.group_banner.trip_banner .brief { margin: 0;padding: 22px 0 0; }
section.group_banner.trip_banner .brief>div:first-child { position: absolute; top: 30px; width: 50%; right: 0; padding: 0; }
section.group_banner.trip_banner .brief>div:last-child { padding: 0; }
section.group_banner.trip_banner .brief h5.include, section.group_banner.trip_banner .brief h5.exclude { color: #888; line-height: 24px; font-size: 1rem; }
section.group_banner .basic-air-info { border: 0; margin: 0!important; padding: 0 !important; }
.basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1) {  order: 2; border-bottom: 1px solid #e8e8e8; position: relative;  margin: 0; padding: 22px 0 22px 150px; font-size: 1.125rem; font-weight: 600 } 
.basic_box>div>.container>.row>div:nth-child(3)>div.plane{ flex:0 0 50%;}
.basic_box>div>.container>.row>div:nth-child(3)>div.plane::before{ content: "搭乘航空"; font-size: 1.125px; position: absolute; left: 0; font-size: 0.875rem; color: #888; font-weight: 400;}
.basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(3) { order: 1; border-bottom: 1px solid #e8e8e8;}
.basic_box>div>.container>.row>div:nth-child(3)::before {  content: "行程資訊"; text-align: left; background-color: #f0f0f0; font-size: 1.125rem; color: #333;border-bottom: 1px solid #CCC; display: block; width: 100%; font-weight: bold; line-height: 2.5em; padding: 0 1em !important;  height: 46px; }
.basic-air-info .go, .basic-air-info .back { display: flex; width: 50%; }
section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { position: relative; font-size:0;  color: #888; font-weight: 400; flex: 0; max-width: 150px; min-width: 150px; padding: 22px 0; }
section.group_banner .basic-air-info .go h3::before { content: "出發日期"; position: absolute; font-size: 0.875rem; left: 0;  top: 25px;}
section.group_banner .basic-air-info .back h3::before { content: "抵台日期"; position: absolute; font-size: 0.875rem; left: 0;  top: 25px;}
section.group_banner .basic-air-info .go h4, section.group_banner .basic-air-info .back h4 { flex: 1; padding: 22px 0; text-align: left; font-size: 1.125rem; }
div#exampleModalCenter .modal-dialog { margin-top: 5rem; }
.flight_details .details_box > h4{ display: none !important;}
.flight_details .details_box > .flight_infor { flex: 0 0 100%; max-width: 100%; }
.D_products_group_detail section#tripDown { display: none; }/*隱藏出發日期*/

@media (min-width: 576px){
    section.group_table.trip_features .container,
    section.group_table.trip_airline .container,
    section.group_table.trip_day .container,
    section.group_table.trip_note .container,
    section.group_table.view_intro .container,
    section.group_table.tripdown .container{ max-width: 100%; width: 90%;}
}
@media (min-width: 992px){
    section.group_table.trip_day table.table tr.text_gary td + td::before { display: none; }
}

@media (min-width: 1300px){
    /* section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { align-items: flex-start !important; }
    .day_con .info_box { display: -ms-flexbox; display: flex; flex-wrap: wrap;  }
    .day_con .info_box>.row{ flex: 0 0 33.3333%; max-width: 33.3333%; margin: 0;} 
    .day_con .info_box>div:last-child { flex: 0 0 66.6666%; max-width: 66.6666%; padding-left: 40px; padding-right: 0;}*/
    section.group_table.trip_day .info_box .info_box_title > div:first-child{ flex: wrap !important;}
    section.group_table.trip_day .info_box .info_box_title .day_title { margin-bottom: 20px; font-family: 'Noto Serif Georgian', serif; letter-spacing: 0; font-weight: 400; font-size: 2.8rem; letter-spacing: -0.04rem; width:100%;}
    section.group_table.trip_day .info_box .info_box_title .day_sub-title{width:100%;}
    /* section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel {flex: 0 0 100%;} */
    section.group_table.trip_airline .container,
    section.group_table.trip_day .container,
    section.group_table.trip_note .container,
    section.group_table.view_intro .container,
    section.group_table.tripdown .container { max-width: 1500px; }
    section.group_table.trip_features .container{ max-width: 100%; width: 100%;}
    section.group_table.trip_features .container .group_table_box{ margin-top: 2.5rem; padding: 0;}
}
@media (max-width: 1400px){
	section.group_banner.trip_banner h1 { font-size: 2rem; }
}
@media (min-width: 1351px) and (max-width: 1550px){
	/* section.group_banner .basic-air-info .go h3,section.group_banner .basic-air-info .back h3 { font-size: 1.2rem; } */
	.basic-air-info .go h4, .basic-air-info .back h4 { font-size: 1.1rem; }
}

@media (min-width: 576px) and (max-width: 1299px){
    section.group_banner.trip_banner .container{ max-width: 100%; width: 90%;;}
}
@media (max-width: 1299px){
    .day_con .info_box>div:last-child { padding: 0; margin-top:0; }
    section.group_table.trip_features .container{ max-width: 100%; width: 100%;}
    section.group_table.trip_features .container .group_table_box{ margin-top: 2.5rem; padding: 0;}
}

@media (max-width: 1199px){
    .basic-air-info .go, .basic-air-info .back{ flex-flow: column;}
    section.group_banner .basic-air-info .go h4, section.group_banner .basic-air-info .back h4 { padding: 5px 0 18px; }
    section.group_banner .basic-air-info .go h3::before,section.group_banner .basic-air-info .back h3::before{  top:18px}
    .basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1),section.group_banner.trip_banner h3.price{ padding: 40px 0 18px 0px;}
    .basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1)::before{ top:16px;}
    section.group_banner .basic-air-btn{ padding: 24.5px 0;}
    section.group_banner.trip_banner h3.price span{ position:absolute; top: 16px;}
}
@media (max-width: 991.98px){
    section.group_banner.trip_banner h1 { font-size: 1.2rem; line-height: 1.8rem; }
	.trip_day .table tr.text_gary.has_note>td:first-child { background: #efefef; text-align: center; width: 100%;}
	.day_con .info_box { width: 100%; }
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat { margin-top: 10px; }
    section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom:0}
    section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat span.booking-num{ font-size: 0;}
    section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat span.booking-num::before { content: "報名"; font-size: 0.9rem; }
}
@media (max-width: 767px){
    .day_fixed { top: 50px !important; }
    .basic-air-info .go, .basic-air-info .back,
    .basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1), section.group_banner.trip_banner h3.price,
    section.group_banner .basic-air-btn{ flex: 0 0 100%;}
    .basic-air-info .go{ border-bottom: 1px solid #e8e8e8;}
    .basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1), section.group_banner.trip_banner h3.price { padding: 36px 0 10px 0px; }
    .basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1)::before,.basic_box>div>.container>.row>div:nth-child(3)>div:nth-child(1)::before{ top: 13px; }
    section.group_banner .basic-air-btn { padding: 18.5px 0; }
    section.group_banner.trip_banner .brief{ padding: 10px 0 0;}
    section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3{ padding: 18px 0;}
    section.group_banner .basic-air-info .go h4, section.group_banner .basic-air-info .back h4{ padding: 5px 0 10px;}
}
@media (max-width: 575px){
	section.group_banner.trip_banner h1 { margin-bottom: 18px;}
	section.group_banner.trip_banner h3.price { font-size: 1.2rem; }
	.basic-air-info .go h3, .basic-air-info .back h3{ font-size: 1.4rem;}
	.basic-air-info .go i, .basic-air-info .back i { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { padding: 10px; }
	section.group_banner .basic-air-btn a{font-size: 1rem; }
	section.group_table.trip_day .info_box .info_box_title .day_title{ font-size: 1.6rem;}
	section.group_table.trip_day .info_box .info_box_title .day_sub-title { font-size: 1.3rem; line-height: 2rem; }
    #dayTrip.group_table.trip_day .container>div>h2::before{ font-size: 14px; letter-spacing: 0;}
}


/* 小標題樣式 */
.group_table .trips_title{ font-size: 1.4rem; border-radius: 100px; border: 1px solid #111; display: table; margin: 3rem auto 1rem; padding: 5px 30px; }

/* 側選單 */
.sub_menu-trip .server_menu a{font-size: 16px;}
.sub_menu-trip .server_menu a i{ font-size: 18px; font-weight: 400;}
.sub_menu-trip .server_menu > ul > li>a> i { line-height: 45px; margin-right: 2px; color: #ba965c;}
.sub_menu-trip .server_menu > ul ul> li>a>i { line-height: 2px; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled i,
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a i { color: #ffffff; }
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; }
.sub_menu-trip .server_menu > ul > li a>img { width: 22px; }
.sub_menu-trip .server_menu a{ color:#797979;}
.sub_menu-trip .server_menu li:nth-child(1) { background:#ba965c; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
/* .sub_menu-trip .server_menu > ul > li+li { border-top: 1px solid #e3d9c9 } */
.sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background: #ffffff; }
.sub_menu-trip .server_menu > ul > li.query-fixed-btn, .sub_menu-trip .server_menu > ul > li.favor-fixed-btn { display: none; }
.sub_menu-trip .server_menu > ul > li.share-fixed-btn a{ font-size: 0;}
.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { border-left: 0; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ 
    color: #ffffff; width: 44px; height: 44px; overflow: hidden; display: inline-block; white-space: nowrap; padding: 5px 10px;  font-weight: 400; line-height: 26px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color:#ffffff00}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled:hover, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a:hover{ width: 115px; height: 44px;  color:#ffffff;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a i{ line-height: 36px; }
.sub_menu-trip .server_menu > ul > li.download-fixed-btn{ border-top: 1px solid #e3d9c9; border-bottom: 1px solid #e3d9c9; }
.sub_menu-trip .server_menu > ul > li.download-fixed-btn > a{width: 44px; height: 44px; overflow: hidden; display: inline-block; white-space: nowrap; padding: 5px 10px; font-weight: 400; line-height: 26px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color: #ffffff00;}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn > a:hover { width: 80px; height: 44px; color: #ba965c; }
.sub_menu-trip .server_menu > ul > li.download-fixed-btn>a> i { line-height: 35px; }
.sub_menu-trip ul{ margin: 0;}
.sub_menu-trip .trip_menu li{ margin: 0;}
.sub_menu-trip .trip_menu li.dates{ display: none; }
@media (min-width: 992px){
	.sub_menu-trip .server_menu > ul{ margin-bottom: 0;}
	.sub_menu-trip .server_menu > ul > li { height: 45px; font-size: 1rem;}
	.sub_menu-trip .server_menu > ul > li a{padding: 5px 8px; border-left: 1px solid #e3d9c9;}
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; }
    .sub_menu-trip .trip_menu { width: 44px; padding: 0;   border: 1px solid #e3d9c9;   margin-left: 71px;  border-right: 0;}
    .sub_menu-trip .trip_menu li{ width: 44px; height: 30px;}
    .sub_menu-trip .trip_menu li a{  width: 44px; height: 30px; border-bottom: 0; padding: 0; margin: 0;}
	.sub_menu-trip .trip_menu li a span{ font-size: 0; }
	.sub_menu-trip .trip_menu i { display: none; }
	.sub_menu-trip .trip_menu li.remark a{ border-bottom:0;}
	.sub_menu-trip .trip_menu li a:hover span { color: #00a1b4; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ height: 45px; width: 180px;}
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .sub_menu-trip .trip_menu li a::before { content: ""; width: 8px; height: 8px; background: #ffffff; border: 1px solid #ba965c; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color:#ffffff00 }
    .sub_menu-trip .trip_menu li a:hover::before{ border: 2px solid #ba965c;}
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 44px;}
}
@media (max-width: 1350px){
	.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
    .sub_menu-trip .server_menu > ul > li a i { font-size: 18px; }
}
@media (max-width: 991.98px){
    .sub_menu-trip .trip_menu{ display: none;}
	.sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; }
	.sub_menu-trip .trip_menu:after { border: solid #00a1b4;     border-width: 0 1px 1px 0;}
    .sub_menu-trip .server_menu{width: calc(100% - 50px); }
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left:1px solid #e3d9c9; }
    .sub_menu-trip .server_menu > ul > li.share-fixed-btn a { border-top: 1px solid #e3d9c9; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; }
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn{ border-top: 1px solid rgb(255 255 255 / 40%);}
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ color: #ffffff; width: auto;  height: 50px;}
}
@media (max-width: 576px){
	.sub_menu-trip .server_menu > ul > li a{font-size: 15px;}
	.sub_menu-trip .server_menu > ul > li a i {  line-height: 45px; margin: 0; }

}
@media (max-width: 991.98px) and (min-width:577px){
	.sub_menu-trip .server_menu > ul > li a { padding-top: 5px; }
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ padding-top: 5px;}
}

/*行程明細-預設範本*/
.day_style_11.row { margin: 0; }
.day_style_11.row>.tp_group>.item { padding: 0;}
.day_style_24>div:nth-child(1){ position: relative; width: 100%; height: 0; padding-bottom: 46%; }
.day_style_24>div:nth-child(1)>iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*行程明細-客製內容範本*/
.ModoTemplate+.ModoTemplate { margin-top: 1.6rem; }
.ModoTemplate.OnePhoto,.ModoTemplate.TwoPhoto,.ModoTemplate.ThreePhoto{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right:0; margin-left: 0; position: relative; justify-content:space-between;}
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container { max-width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; justify-content: space-between; margin: 0 auto; padding: 80px 0; }
.ModoTemplate.OnePhoto .col{ -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); padding: 0 5px; }
.ModoTemplate.TwoPhoto .col{ -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); padding: 0 5px; }
.ModoTemplate.ThreePhoto .col{ -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; max-width: calc(33.3333% - 10px); padding: 0 5px;  padding: 0 5px;}
section.group_table.trip_day .container .ModoTemplate h3 { margin-top: 0; margin-bottom: 0; padding: 15px 0 10px; font-size: 16px; font-weight: 400; text-shadow: none; text-align: left; }
section.group_table.trip_day .container .ModoTemplate.OnePhoto h3 { padding: 0px 0 10px;}
.ModoTemplate article { font-size: 15px; line-height: 1.6rem; } 
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container>.col { text-align: left; flex: 0 0 50%; max-width: 50%; padding: 0 20px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .left,
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .right article{ font-size: 13px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .right article{ margin-bottom: 15px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .left h3 { font-size: 35px; font-weight: 500; margin-bottom: 10px; font-family: 'Playfair Display', serif; letter-spacing: 0.05rem;}
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .left h4 { font-size: 15px; margin-bottom: 18px; font-family: 'Noto Serif TC', serif; font-weight: 300;}
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .left article h3 { font-size: 16px; margin-top: 15px; font-weight: 600; }
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .left article h4 { font-size: 15px; margin-bottom: 15px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container .col.right h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; }

section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container { max-width: 1300px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: center; margin: 0 auto;padding: 80px 0; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container>.col,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container>.col { text-align: left;    flex: 0 0 50%; max-width: 50%; padding: 0 30px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container>.right h3,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container>.left h3 { position: absolute; font-family: 'Playfair Display', serif; font-size: 40px; font-style: italic; top: 0; line-height: 20px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container .left article,
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container .right article,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container .left article,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container .right article{ font-size: 13px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container .left h3,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container .right h3 {font-size: 16px; margin-top: 15px; margin-bottom: 10px; font-weight: 600; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container>.right h4,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container>.left h4 { margin-bottom: 5px; padding-left: 50px; font-size: 16px; font-weight: 600; line-height: 30px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container .right article,
section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container .left article { margin-bottom: 15px; }
section.group_table.trip_features .ModoTemplate.TwoPhoto3+.TwoPhoto4>.container,
section.group_table.trip_features .ModoTemplate.TwoPhoto4+.TwoPhoto3>.container{ padding-top: 20px;}

section.ModoTemplate.Title { display: flex; margin: 70px auto 0; justify-content: center;  align-items: center;}
section.ModoTemplate.Title div { text-align: left; padding-left: 15px; border-left: 3px solid #ba965c; }
section.ModoTemplate.Title h3 { font-size: 32px; font-weight: 600; font-family: 'Noto Serif TC', serif; letter-spacing: 0.08rem; padding-right: 15px; } 
section.ModoTemplate.Title div h4 { margin-bottom: 5px; font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 500; }
section.ModoTemplate.Title div h5 { margin: 5px 0; font-size: 15px; }   
section.ModoTemplate.OnlyText>h3{font-size: 16px; font-weight: 600; margin-bottom: 10px; }
.ModoTemplate .black{ color:#545454;}
.ModoTemplate .blue{ color: #00a1b4;}
.ModoTemplate .gold{color: #ba965c;}

@media (max-width: 1500px){
    section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container,
    section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container,
    section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container {
        max-width: calc(90% + 30px);
    }
}
@media (max-width: 991px){
    section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container, 
    section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container,
     section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container{ justify-content: center; }
     section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container>.col,
     section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container>.col,
     section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container>.col { flex: 0 0 80%; max-width: 80%; }
     section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container>.col img,
     section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container>.col  img,
     section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container>.col img{ margin: 0 auto;}

}
@media (max-width: 767px){
    /* 手機版左右滑動版本
    .ModoTemplate.TwoPhoto, .ModoTemplate.ThreePhoto { flex-wrap: nowrap; width: 100%; overflow-x: scroll;}
    .ModoTemplate.TwoPhoto>.col, .ModoTemplate.ThreePhoto>.col {  -ms-flex: 0 0 64%;   flex: 0 0 64%; max-width: 64%; padding: 0 5px;}
    .ModoTemplate.TwoPhoto>.col>img,.ModoTemplate.ThreePhoto>.col>img { display: inline-block; width: 100% !important; height: auto !important; font-size: 0; } */
    section.group_table.trip_features .ModoTemplate.TwoPhoto2>.container>.col,
    section.group_table.trip_features .ModoTemplate.TwoPhoto3>.container>.col,
    section.group_table.trip_features .ModoTemplate.TwoPhoto4>.container>.col { flex: 0 0 100%; max-width: 100%; }
    .ModoTemplate.TwoPhoto, .ModoTemplate.ThreePhoto{ flex-wrap:wrap; width: 100%; overflow-x:hidden;}
    .ModoTemplate.TwoPhoto>.col, .ModoTemplate.ThreePhoto>.col {  -ms-flex: 0 0 100%;   flex: 0 0 100%; max-width: 100%; padding: 0 5px;}
    .ModoTemplate.TwoPhoto>.col+.col,.ModoTemplate.ThreePhoto>.col+.col{ margin-top: 15px;} 
    .day_style_14 .item{ position: relative; padding-bottom: 56.25%; height: 0;}
    .day_style_14 .item iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media (max-width: 575px){
    section.group_table.trip_day .container .ModoTemplate.OnePhoto h3 { padding: 15px 0 10px; }
    .ModoTemplate.OnePhoto .col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

/* 通用商品 */
.product-detailsNew .SubInside{ display: none !important;}

/* 訂購流程加上契約書備註文字 */
#page1.stepPage > div:nth-last-child(2) label[for="agreement"] { position: relative; padding-bottom: 40px; }
#page1.stepPage>div:nth-last-child(2) label[for=agreement]::after { content: "包船產品需另外簽訂特別協議書，實際內容以特別協議書為準"; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 100%; color: #ff0000; }

/* 通用商品訂購頁 */
.general_home .row.header+.row { padding-top: 60px; }