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;
}
/*header*/
.row.header {position: fixed; z-index: 999; width: 100%;background: transparent;transition: .5s;}
.top_menu nav.header-part{padding: 0 30px;}
.top_menu nav.header-part > a.navbar-brand{padding: 13px; height: 100px;}
.top_menu .navbar-expand-lg ul.navbar-nav{margin-right: 1rem; height: 100px;}
.top_menu .navbar-expand-lg ul.navbar-nav > li{margin-right: 4rem;height: 100%;position: relative;}
.top_menu .navbar-expand-lg ul.navbar-nav > li::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 3px;
    background: #ff9700;
    transition: .3s;
}
.top_menu .navbar-expand-lg ul.navbar-nav > li:hover::before{
    right: 0;
    transition: .3s;
}
.top_menu .header-part .navbar-nav li > a, 
.top_menu .header-part .navbar-nav li > .nav-link{font-size: 20px; font-weight: bold; color: #fff; padding: 0; letter-spacing: 1px;height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.top_menu .header-part .navbar-nav li a:hover, 
.top_menu .header-part .navbar-nav .nav-link:hover{color: #fff;background: none;}
.top_menu .header-part .navbar-nav li a i, 
.top_menu .header-part .navbar-nav .nav-link i{float: left;}
.top_menu .header-part .navbar-nav li a i.fa-angle-down, 
.top_menu .header-part .navbar-nav .nav-link i.fa-angle-down{float: right; line-height: unset; margin-left: 5px;}
.top_menu .header-part .navbar-nav li .dropdown-menu{background-color: rgba(255, 255, 255, 0.85) !important; transition: unset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) !important;}
.top_menu .header-part .navbar-nav li .dropdown-menu > a.dropdown-item{font-size: 18px; line-height: 1.5; padding: 10px 15px; background-color: transparent;transition: .2s;}
.top_menu .header-part .navbar-nav li .dropdown-menu > a.dropdown-item:hover{color: #fb9500; font-weight: bold; padding-left: 25px; background: #fff;transition: .2s;}
.top_menu .navbar-expand-lg ul.navbar-nav > li .showName{padding: 0; align-items: center;}
.top_menu .navbar-expand-lg ul.navbar-nav > li .showName .member-name{display: flex; flex-wrap: wrap; align-items: center; letter-spacing: 0;}
.top_menu .navbar-expand-lg ul.navbar-nav > li .showName .member-name i{margin-right: 0;font-size: 0;width: 20px;height: 20px;}
.top_menu .navbar-expand-lg ul.navbar-nav > li .showName .member-name i::before{
    content: '';
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/4b3d032d-6627-4350-97c4-59142db2ede0.svg);
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100%;
}
.top_menu .navbar-expand-lg ul.navbar-nav > li .showName .icon.bell{display: none;}
.top_menu .navbar-expand-lg ul.navbar-nav > li .showName .SignOut{background: #ff9700; line-height: 20px; margin-left: 5px; font-size: 14px; padding: 0 5px 2px;}
.top_icons > .module-container{display: flex; align-items: center; height: 100%; width: 100%; justify-content: end; padding-right: 3rem;}
.top_icons .gtranslate_wrapper {display: inline-block; float: left; margin-right: 2.5rem; line-height: 15px; padding: 8px 0;}
.top_icons .gtranslate_wrapper a.glink{display: inline-block;color: #fff; font-family: Arial, sans-serif !important; font-weight: bold; font-size: 18px; letter-spacing: 1px;}
.top_icons .gtranslate_wrapper a.glink:nth-child(2){padding-right: 12px; margin-right: 8px; border-right: 1px solid #fff; height: 15px; }
.top_icons ul{float: left; margin: 0; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center;}
.top_icons ul li{float: left; margin-right: 1rem;}
.top_icons ul li img{height: 30px;}
.top_icons ul li .top-cart{padding: 0;}
.top_icons ul li .top-cart:nth-last-child(1){display: none;opacity: 0;}
.top_icons ul li .top-cart .top-cart-down{transform: unset; left: unset; right: 0;top: calc(100% + 10px);}
.top_icons ul li .top-cart .top-cart-down::before, 
.top_icons ul li .top-cart .top-cart-down::after{left: unset; right: 6px;}
.row.header.gizle{background: #005b5b; transition: .5s;}
@media (min-width:576px) {
    .top_icons .gtranslate_wrapper .language_icon{display: none;}
}
@media (max-width:1679px) {
    .top_menu{max-width: calc(100% - 320px); flex: 0 0 calc(100% - 320px);}
    .top_menu nav.header-part > a.navbar-brand{padding: 13px 0px;}
    .top_icons{max-width: 320px;flex: 0 0 320px;}
    .top_icons > .module-container{padding-right: 1.5rem;}
    .top_icons .gtranslate_wrapper{margin-right: 2rem;}
}
@media (max-width:1559px) {
    .top_menu .navbar-expand-lg ul.navbar-nav > li{margin-right: 3rem;}
}
@media (max-width:1499px) {
    .top_menu nav.header-part { padding: 0 10px;}
    .top_icons > .module-container{padding-right: 1rem;}
}
@media (max-width:1440px) {
    .top_menu{max-width: calc(100% - 280px); flex: 0 0 calc(100% - 280px);}
    .top_menu .navbar-expand-lg ul.navbar-nav{margin-right: 0;}
    .top_menu nav.header-part > a.navbar-brand{padding-left: 0; padding-right: 0;height: 95px;}
    .top_icons{max-width: 280px;flex: 0 0 280px;}
    .top_icons .gtranslate_wrapper{margin-right: 1.5rem;}
    .top_icons ul li{margin-right: 8px;}
}
@media (max-width:1369px) {
    .top_menu { max-width: calc(100% - 270px); flex: 0 0 calc(100% - 270px);}
    .top_menu .navbar-expand-lg ul.navbar-nav > li{margin-right: 2.3rem;}
    .top_menu .header-part .navbar-nav li > a, 
    .top_menu .header-part .navbar-nav li > .nav-link{letter-spacing: 0;}
    .top_icons { max-width: 270px; flex: 0 0 270px;}
    .top_icons .gtranslate_wrapper {margin-right: 1.2rem;}
    .top_icons .gtranslate_wrapper a.glink:nth-child(2){padding-right: 10px; margin-right: 6px;}
}
@media (max-width:1280px) {
    .top_menu { max-width: calc(100% - 240px);flex: 0 0 calc(100% - 240px);}
    .top_menu nav.header-part > a.navbar-brand {padding: 10px 0; height: 85px;}
    .top_menu .navbar-expand-lg ul.navbar-nav > li{margin-right: 1.8rem;}
    .top_icons {max-width: 240px;flex: 0 0 240px; }
    .top_icons > .module-container{padding-right: 5px;}
    .top_icons .gtranslate_wrapper {margin-right: 20px;}
    .top_icons .gtranslate_wrapper a.glink{letter-spacing: 0;}
    .top_icons .gtranslate_wrapper a.glink:nth-child(2){padding-right: 8px; margin-right: 4px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .top_menu{max-width:100%;flex: 0 0 100%;}
    .top_menu nav.header-part > a.navbar-brand{margin-right: 0;}
    .top_menu .navbar-expand-lg ul.navbar-nav > li {margin-right: 1rem; margin-left: 1.5rem; padding-top: 2rem; }
    .top_icons{position: absolute; right: 0; top: 10px; z-index: 99;}
    .top_icons ul li img{height: 27px;}
    .widget-item .top-cart .icon .count{top: -4px;right: -8px;}
}
@media (max-width:991px) {
    .top_menu{max-width: 100%;flex: 0 0 100%;background: #005b5b;}
    .top_menu .header-part .navbar-toggler{border: none; color: transparent;padding-top: 0; padding-bottom: 10px;outline: none; box-shadow: none;}
    .top_menu .header-part .navbar-toggler-icon{background: none; width: 2em; height: 0.7em; position: relative;}
    .top_menu .header-part .navbar-toggler-icon::before{
        content: '';
        display: block;
        width: 2em;
        height: 2px;
        background: #ff9700;
        position: absolute;
        right: 0;
        top: 0;
    }
    .top_menu .header-part .navbar-toggler-icon::after{
        content: '';
        display: block;
        width: 1.4em;
        height: 2px;
        background: #ff9700;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .top_menu .header-part .navbar-toggler[aria-expanded=true]{padding-top: 13px;}
    .top_menu .header-part .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::before{
        transform: rotate(40deg);
        transform-origin: center -2px;
        width: 1.8em;
    }
    .top_menu .header-part .navbar-toggler[aria-expanded=true] .navbar-toggler-icon::after{
        transform: rotate(-40deg);
        width: 1.8em;
        transform-origin: left -3px;
    }
    .top_menu nav.header-part .navbar-collapse.show{height: calc(100vh - 65px);}
    .top_menu .navbar-expand-lg ul.navbar-nav{overflow: auto; height: 100%;padding-bottom: 1.5rem; padding-top: 0.5rem;}
    .top_menu .navbar-expand-lg ul.navbar-nav > li{margin-left: 1.5rem;margin-right: 0rem;height: auto;}
    .top_menu .header-part .navbar-nav li > a, 
    .top_menu .header-part .navbar-nav li > .nav-link{letter-spacing: 1px;padding: 0.5rem 0;height: auto;}
    .top_menu .header-part .navbar-nav li .dropdown-menu{background-color: #fff;}
    .top_menu .header-part .navbar-nav li .dropdown-menu > a.dropdown-item{border-bottom: 1px solid rgba(255, 151, 0, 0.2);}
    .top_icons{position: absolute; top: 25px; right: 5rem;z-index: 99;}
    .top_icons ul li .top-cart{display: none;opacity: 0;}
    .top_icons ul li .top-cart:nth-last-child(1){display: block !important;opacity: 1;}    
}
@media (max-width:575px) {
    .top_menu nav.header-part > a.navbar-brand{padding: 8px;height: 50px;padding-left: 0;margin-right: 10px;padding: 8px 0;margin: 7px 0;}
    .top_menu .header-part .navbar-toggler{padding-bottom: 5px;padding-right: 0px;}
    .top_icons{right: 4.5rem; top: 18px; padding: 0; max-width: 100px; flex: 0 0 100px;}
    .top_icons .gtranslate_wrapper{margin-right: 10px;position: relative;padding-top: 0;}
    .top_icons .gtranslate_wrapper .language_icon{width: 30px;}
    .top_icons .gtranslate_wrapper a.glink{font-size: 16px;}
    .top_icons ul li:nth-child(1), 
    .top_icons ul li:nth-child(2){display: none;}
    .top_icons .gtranslate_wrapper a.glink{display: none; position: absolute; width: 75px; background: #333; padding: 6px 8px; left: 0px; top: 100%;border: none;}
    .top_icons .gtranslate_wrapper a.glink:nth-child(3){top: calc(100% + 25px);}
    .top_icons .gtranslate_wrapper a.glink.language_on{display: block;height: auto;border: none;margin: 0;}
}

/*slider*/
/*.slider_box .carousel-inner::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    width: 100%;
    height: 280px;
    left: 0;
    top: 0;
    z-index: 2;
}
.slider_box .carousel-indicators{margin-bottom: 0; bottom: 43px;}
.slider_box .carousel-indicators li{width: 10px; height: 10px; border: 2px solid #fff;border-radius: 10px; background: none; opacity: 1; margin: 0 6px;}
.slider_box .carousel-indicators .carousel-ctl.active{background: #fff;}
.slider_box .carousel-fade .carousel-item{height: calc(100vh);position: relative;}
.slider_box .carousel-fade .carousel-item::before, 
.slider_box .carousel-fade .carousel-item-left::before, 
.slider_box .carousel-fade .carousel-item.active::before{}
.slider_box .module-container .main .slide.carousel-fade a.carousel-item img{object-fit: cover; height: 100%;}
.slider_box .module-container .main .slide.carousel-fade a.carousel-item.active 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;
}
@keyframes scaleDraw {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
.slider_box .carousel-control-prev, 
.slider_box .carousel-control-next{display: none;}
.slider_box .carousel-caption{bottom: unset; top: 50%; transform: translate(0px, -50%);}
.slider_box .bs-carousel .carousel-item h5{letter-spacing: 1px; font-size: 60px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin-bottom: 2.5rem;}
.slider_box .bs-carousel .carousel-item p{margin: 0; font-size: 30px; font-weight: normal; letter-spacing: 1px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
@media (max-width:991px) {
    .slider_box{margin-top: 85px;}
    .slider_box .carousel-fade .carousel-item{height: calc(100vh - 85px);}
    .slider_box .carousel-fade .carousel-item::before, 
    .slider_box .carousel-fade .carousel-item-left::before, 
    .slider_box .carousel-fade .carousel-item.active::before{top: 60px;left: 60px;right: 60px;}
}
@media (max-width:767px) {
    .slider_box .carousel-fade .carousel-item::before, 
    .slider_box .carousel-fade .carousel-item-left::before, 
    .slider_box .carousel-fade .carousel-item.active::before{top: 35px;left: 35px;right: 35px;}
    .slider_box .carousel-caption{display: block !important;transform: unset; top: unset; bottom: 120px;}
    .slider_box .bs-carousel .carousel-item h5{font-size: 36px;}
    .slider_box .bs-carousel .carousel-item p{font-size: 16px;}
}
@media (max-width:575px) {
    .slider_box{margin-top: 65px;}
    .slider_box .carousel-fade .carousel-item{height: calc(100vh - 65px);}
    .slider_box .carousel-fade .carousel-item::before, 
    .slider_box .carousel-fade .carousel-item-left::before, 
    .slider_box .carousel-fade .carousel-item.active::before{top: 20px;left: 20px;right: 20px;}
    .slider_box .bs-carousel .carousel-item h5{font-size: 21px;margin-bottom: 1rem;}
    .slider_box .bs-carousel .carousel-item p{font-size: 15px;}
}*/

/*new slider*/
@media (min-width:992px){
    .video_slider .swiper-wrapper::before {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
        width: 100%;
        height: 280px;
        left: 0;
        top: 0;
        z-index: 2;
    }
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt{
    padding:0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: unset;
    max-width: 100%;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt > .row, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row{
    position: relative;
    height: 100vh;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt > .row .slide-txt-box, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box{
    position: relative;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .title, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .title, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .title{
    position: absolute;
    z-index: 1;
    bottom: calc(50% + 3rem);
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 10px black;
    transition:unset;
    font-size:60px;
    text-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .line, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .line, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .line{
    display:none;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .content, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .content{
    width:100%;
    position: absolute;
    top: 0;
    margin: 0;
    z-index: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content *, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .content *, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .content *{
    margin:0;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content .videobox, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .content .videobox, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .content .videobox{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content iframe, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .content iframe, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .content iframe, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content video, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box .content video, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box .content video{
    /*width: 100%;
    height: 100vh;
    background: #000;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box h6, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box h6, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box h6{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align:center;
    font-size:30px;
    text-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-link, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box a.btn-link, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box a.btn-link{
    z-index: 9;
    position: absolute;
    bottom: 10rem;
    left: 50%;
    transform: translate(-50%, 0);
    color: #ffa829;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: .5rem 1.8rem;
    backdrop-filter: blur(4px);
    border: 1px solid #ffa829;
    text-decoration: none;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-link:hover, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev  .slide-txt > .row .slide-txt-box a.btn-link:hover, 
.video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next  .slide-txt > .row .slide-txt-box a.btn-link:hover{
    text-shadow: none;
    background-color: rgba(255, 255, 255, 0.9);
}
.video_slider [class*='swiper-button-']:after{background:none;}
@media (max-width:1615px){
    .video_slider section.banner-area .swiper-area .banner-swiper{height: 100%;aspect-ratio: 16 / 9.1;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{height:100%;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .cover{height:100%;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt > .row, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row{height:100%}
}
@media (max-width:1024px){
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box .title{font-size:38px;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box h6{font-size:24px;}
}
@media (max-width:991px){
    .video_slider{margin-top:85px;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box .title{width:80%;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box h6{width:80%;}
}
@media (max-width:767px){
    .video_slider section.banner-area .swiper-area .banner-swiper {aspect-ratio: 16 / 9.3;  }
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box .title{font-size:36px; bottom: 14rem;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box h6{font-size:16px;top: unset; bottom: 10rem;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-link, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box a.btn-link, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box a.btn-link{bottom:5rem;}
}
@media (max-width:575px){
    .video_slider{margin-top:65px;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .content iframe, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box .content iframe,
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box .content iframe{
        aspect-ratio: 16 / 9;
        width: 100%;
        display: block;
        position: absolute;
        overflow: hidden;
        left: 0;
        top: 50%;
        transform: translate(0px, -50%);
        height: auto;
    }
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box .title{font-size:21px;bottom: 11.5rem;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box h6{font-size:15px;bottom: 8rem;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev{display:block;height: auto;    top: 50%;    bottom: unset; transform: translate(0px, -50%);}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-link, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box a.btn-link, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box a.btn-link{bottom:5rem;font-size: 16px; padding: 5px 20px;}
    .video_slider [class*='swiper-button-']:after{display:none;}
}
@media (max-width:430px){
    .video_slider section.banner-area .swiper-area .banner-swiper {  aspect-ratio: 16 / 9.5;max-width:100% !important;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box .title, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box .title{font-size: 18px; bottom: 5.5rem;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box h6, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box h6{bottom:3rem;}
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-active .slide-txt .slide-txt-box a.btn-link, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-prev .slide-txt > .row .slide-txt-box a.btn-link, 
    .video_slider section.banner-area .swiper-area .banner-swiper .swiper-slide.swiper-slide-next .slide-txt > .row .slide-txt-box a.btn-link{bottom:1rem;font-size: 14px; padding: 3px 15px;}
}

/*search*/
.idx_tabs{margin-bottom: -106px; z-index: 10; margin-top: 56px;}
.idx_tabs .blk-tabs .nav-item{margin: 0 1.5rem;}
.idx_tabs .blk-tabs ul.nav .nav-link{color: #e2ebeb;border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; font-size: 20px; letter-spacing: 0.5px; padding: 10px 1.5rem;}
.idx_tabs .blk-tabs ul.nav .nav-link:hover{color: #fff;}
.idx_tabs .nav-pills .nav-link.active, 
.idx_tabs .nav-pills .show>.nav-link{background: #527e7e; font-weight: bold;}
.search_wrap{margin-bottom: 5rem;}
.search_box{margin-top: 3.5rem; margin-bottom: -3.5rem;}
.search_box::before {
    content: '';
    display: block;
    width: 1px;
    height: 5.5rem;
    position: absolute;
    top: -3.5rem;
    left: 50%;
    background: #ff9700;
}
.search_box .group_banner.search_banner .search-area > .container{padding: 3rem 2.5rem 2.5rem;background-color: transparent; background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/d4f8bf75-f61f-47f9-a885-17cfde14ddd4.jpg); background-position: bottom center; background-size: 100%; background-repeat: no-repeat; border: none;}
.search_box section.group_banner .search-area .search-box .select-goal, 
.search_box section.group_banner .search-area .search-box .select-place, 
.search_box section.group_banner .search-area .search-box .select-date, 
.search_box section.group_banner .search-area .search-box .select-departure, 
.search_box section.group_banner .search-area .search-box .select-destination{background: none; padding: 5px;}
.search_box section.group_banner .search-area .search-box .select-goal .title, 
.search_box section.group_banner .search-area .search-box .select-place .title, 
.search_box section.group_banner .search-area .search-box .select-date .title, 
.search_box section.group_banner .search-area .search-box .select-departure .title, 
.search_box section.group_banner .search-area .search-box .select-destination .title{height: 25px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
.search_box .search-area .search-box .select-place .title i.data-icon-place-icon{
    font-size: 0;
    width: 22px;
    height: 20px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/b005baf1-e19e-44b2-a1b7-1fe312b798ea.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    margin-top: 3px;
}
.search_box .search-area .search-box .select-goal .title i.data-icon-plane-icon, 
.search_box .search-area .search-box .select-destination .title i.data-icon-place-icon{
    font-size: 0;
    width: 16px;
    height: 22px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/7ba1a6c9-3843-4e06-81cf-77354e4c590e.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    margin-top: 3px;
}
.search_box .search-area .search-box .select-goal .title i.data-icon-from, 
.search_box .search-area .search-box .select-departure .title i.data-icon-from{
    font-size: 0;
    width: 25px;
    height: 22px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/c1c171f8-7d98-4310-84ab-62c7e338fc3b.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    margin-top: 4px;
    transform: rotate(-8deg);
}
.search_box .search-area .search-box .select-date .title i.data-icon-date-icon{
    font-size: 0;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/91786585-23c6-4d0f-a363-6acb6cf2608f.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    margin-top: 2px;
    width: 22px;
    height: 20px;
}
.search_box section.group_banner .search-area .search-box .select-goal .title h6, 
.search_box section.group_banner .search-area .search-box .select-place .title h6, 
.search_box section.group_banner .search-area .search-box .select-date .title h6, 
.search_box section.group_banner .search-area .search-box .select-departure .title h6, 
.search_box section.group_banner .search-area .search-box .select-destination .title h6{font-size: 20px; color: #eeeeee; letter-spacing: 1px; margin: 0;}
.search_box .search-area .search-box .select-date .select{width: 100%;}
.search_box .search-area .search-box .select-place .select select, 
.search_box .search-area .search-box .select-goal .select select{height: 50px; padding: 10px 15px;}
.search_box section.group_banner .search-area .search-box .select-date .select input{border-radius: 0; height: 50px; padding: 10px 15px;width: 50%;}
.search_box .search-area .search-box .select-date .select .divide{width: 16px;margin-left: -8px; margin-right: -8px; position: relative; background: #ccc; height: 1px; margin-top: 24px;}
.search_box section.group_banner .search-area .search-box .select-input{padding: 5px;}
.search_box section.search_banner .search-area .search-box .select-input i.data-icon-search{
    position: unset;
    height: 25px;
    margin-bottom: 10px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/444111c3-098e-4202-b8ac-7aedd40eb0fb.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}
.search_box section.search_banner .search-area .search-box .select-input i.data-icon-search::before{
    content: '關鍵字';
    width: auto;
    margin-left: 31px;
    font-size: 20px;
    color: #eee;
    letter-spacing: 1px;
    margin-right: 0;
    line-height: normal;
}
.search_box.inbound section.group_banner .search-area .search-box{margin-bottom: 1.5rem;}
.search_box.inbound section.group_banner .search-area .search-box > div:nth-child(1), 
.search_box.inbound section.group_banner .search-area .search-box > div:nth-child(2){ max-width: 25%; flex: 0 0 25%;}
.search_box section.group_banner .search-area .search-box > div:nth-last-child(3){max-width: 25%;flex: 0 0 25%;}
.search_box section.group_banner .search-area .search-box .select-input > input{height: 50px; padding: 10px 15px; font-size: 16px;}
.search_box section.group_banner .area_input{border-radius: 0; background-position: 96%; height: 50px; padding: 5px 10px; background-size: 10px;}
.search_box section.group_banner .search-area .search-box > div.col:nth-last-child(1){max-width: 100%;flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: center;margin-top: 1.2rem;}
.search_box section.group_banner .search-area .search-box .search-btn{width: auto;height: auto; background: #ff9700; border-radius: 5px; padding: 15px 1.5rem 16px 2rem; display: flex; flex-wrap: wrap; align-items: center;}
.search_box .search-area .search-box .search-btn h5{width: auto; font-size: 0;margin: 0;}
.search_box .search-area .search-box .search-btn h5::before{content: '開始搜索'; font-size: 21px; font-weight: bold;}
.search_box .search-area .search-box .search-btn i{
    order: unset;
    font-size: 0;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/856e970d-a8f3-48d4-858d-7e66e5ce1e9a.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-size: 100%;
    width: 25px;
    height: 22px;
    position: relative;
    right: 0;
}
.search_box .search-area .search-box .search-btn:hover i{transform: rotate(90deg); right: -5px;}
@media (max-width:1439px) {
    .search_box .group_banner.search_banner .search-area > .container{max-width:95%}
}
@media (max-width:1199px) {
    .search_box section.group_banner .search-area .search-box{margin: 1rem 0 1.5rem;}
    .search_box section.group_banner .leftPark{height: auto;}
    .search_box section.group_banner .search-area .search-box > div:nth-last-child(3) { max-width: 50%; flex: 0 0 50%;}
    .search_box section.group_banner .search-area .search-box > div.col:nth-last-child(1){margin-top: 1.5rem; margin-bottom: -5.5rem;}
    .search_box.inbound section.group_banner .search-area .search-box > div:nth-child(1), 
    .search_box.inbound section.group_banner .search-area .search-box > div:nth-child(2){ max-width: 50%; flex: 0 0 50%;}
    .search_box section.group_banner .search-area .search-box .select-goal, 
    .search_box section.group_banner .search-area .search-box .select-place, 
    .search_box section.group_banner .search-area .search-box .select-date, 
    .search_box section.group_banner .search-area .search-box .select-departure, 
    .search_box section.group_banner .search-area .search-box .select-destination{height: auto; display: inline-block;}
}
@media (max-width:991px) {
    .search_box .group_banner.search_banner .search-area > .container{background-size: cover;}
    .search_box section.group_banner .search-area .search-box .select-goal, 
    .search_box section.group_banner .search-area .search-box .select-place, 
    .search_box section.group_banner .search-area .search-box .select-date{height: auto;}
    .search_box section.group_banner .search-area .search-box > div:nth-last-child(3){max-width: 100%;flex: 0 0 100%;}
    .search_box section.group_banner .search-area .search-box .select-input{padding-top: 0;}
    .search_box .search-area .search-box .select-place .select select, .search_box .search-area .search-box .select-goal .select select { height: 50px; padding: 10px 15px; background: #fff;}
}
@media (max-width:767px) {
    .idx_tabs{margin-top: 24px;}
    .search_box{margin-top: 1.5rem;}
    .search_box::before{height: 3rem;top: -1.5rem;}
    .search_box section.group_banner.search_banner{width: 100%;}
    .search_box .group_banner.search_banner .search-area > .container{padding: 2.5rem 0.5rem 2.5rem;}
    .search_box.inbound section.group_banner .search-area .search-box > div:nth-child(1), 
    .search_box.inbound section.group_banner .search-area .search-box > div:nth-child(2) {max-width: 100%;flex: 0 0 100%; }
    .search_box .mic_icon{top: 30px;}
}
@media (max-width:575px) {
    .idx_tabs .blk-tabs .nav-item {margin: 0 1rem;}
    .idx_tabs .blk-tabs ul.nav .nav-link{font-size: 18px; letter-spacing: 0px; padding: 8px 1.3rem;}
}

/*page title*/
.page_title{margin-top: 5rem;}
.page_title .function-row .flex-row li{flex: unset !important; padding: 0; width: auto; max-width: 100%; margin-bottom: 2rem;}
.page_title .function-row .flex-row li a{padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: left; position: relative;border-radius: 0;}
.page_title .function-row .flex-row li a::after {
    content: '';
    display: block;
    width: 15px;
    position: absolute;
    background: rgba(255, 151, 0, 0.5);
    transform: skewX(-23deg);
    right: -10px;
    z-index: -1;
    height: 40px;
}
.page_title .function-row .flex-row li a img{display: inline-block; width: 50px; margin-right: 20px;}
.page_title.ig_title .function-row .flex-row li a img{width: 31px;}
.page_title.service_title .function-row .flex-row li a img{width: 41px;}
.page_title.resume_title .function-row .flex-row li a img{width: 33px;}
.page_title .function-row .flex-row li a h3{font-size: 32px; margin: 0; letter-spacing: 1px;}
@media (max-width:767px) {
    .page_title{margin-top: 3rem;}
    .page_title .function-row .flex-row li a img{width: 45px;}
    .page_title .function-row .flex-row li a h3{font-size: 30px;letter-spacing: 0;}
}

/*shop*/
.shop_box > .module-container, 
.shop_box > .module-container > .main{height: 100%;}
.shop_box > .module-container > .main .wall-wrapper{display: block;}
.shop_box .wall-wrapper .wall-row{height: 100%; align-content: baseline;}
.shop_box.boxL .wall-wrapper .wall-row > div{height: 50%;}
.shop_box .wall-wrapper .wall-row .thicon_info{padding: 0 8px 0; height: calc(100% - 1rem); margin-bottom: 1rem;}
.shop_box .wall-wrapper .wall-row .thicon_info a{display: flex; height: 100%;}
.shop_box .wall-wrapper .wall-row .thicon_info figure .b_img{filter: brightness(1);object-fit: cover;object-position: center center; height: 100%; width: 100%;}
.shop_box .wall-wrapper .wall-row .thicon_info:hover figure .b_img{filter: brightness(0.75);}
.shop_box .wall-wrapper .wall-row .thicon_info span{text-shadow: none; font-size: 18px; padding: 0 15px; bottom: 60px; font-weight: bold; letter-spacing: 0.5px;}
.shop_box.boxR .wall-wrapper .wall-row .thicon_info span{font-size: 21px;padding: 0 15px 0 25px;bottom: 68px;}
.shop_box .wall-wrapper .wall-row .thicon_info h3{text-shadow: none; font-size: 21px; padding: 0 10px; left: 25px; border-left: 4px solid #ff9700; line-height: 1.2; padding-bottom: 2px; bottom: 20px;margin: 0;}
.shop_box.boxR .wall-wrapper .wall-row .thicon_info h3{font-size: 26px;left: 35px;bottom: 25px;}
.shop_box .wall-wrapper .wall-row .thicon_info .theme_info{width: calc(100% - 16px); top: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)) !important;}
.shop_box .wall-wrapper .wall-row .thicon_info .theme_info p{
    opacity: 1;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 100px;
    height: 100px;
    border-radius: 80px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-bottom: 1rem;
    justify-content: center;
    background: rgba(255, 151, 0, 0.7);
    font-size: 24px;
    letter-spacing: 0;
    font-weight: bold;
}
.shop_box .wall-wrapper .wall-row .thicon_info:hover .theme_info p{background: rgba(255, 151, 0, 1);}
.shop_box .wall-wrapper .wall-row .thicon_info .theme_info p::before {
    content: 'NT';
    display: block;
    font-weight: 100;
    width: 100%;
    text-align: center;
    font-size: 17px;
    margin-bottom: 3px;
}
@media (max-width:1369px) {
    .shop_wrap{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .shop_wrap{flex: 0 0 93%; max-width: 93%;}
}
@media (max-width:991px) {
    .shop_box.boxR .wall-wrapper .wall-row > div{max-width: 100%;flex: 0 0 100%;}
}
@media (max-width:767px) {
    .shop_box .wall-wrapper .wall-row .thicon_info h3{font-size: 18px;}
    .shop_box .wall-wrapper .wall-row .thicon_info span{font-size: 15px;bottom: 50px;}
    .shop_box.boxR .wall-wrapper .wall-row .thicon_info span { font-size: 15px; padding: 0 15px 0 15px; bottom: 50px;}
    .shop_box .wall-wrapper .wall-row .thicon_info .theme_info p{top: 8px; right: 8px; width: 80px; height: 80px;font-size: 18px;padding-bottom:0.5rem;}
    .shop_box .wall-wrapper .wall-row .thicon_info .theme_info p::before{font-size: 15px;margin-bottom: 0;line-height: 1; font-weight: normal;}
}
@media (max-width:575px) {
    .shop_box .wall-wrapper .wall-row .thicon_info a{aspect-ratio: 3 / 2;}
    .shop_box.boxR .wall-wrapper .wall-row .thicon_info h3 {font-size: 18px; left: 26px; bottom: 20px;}
}

/*tour*/
.tour_wrap .main.row{padding-bottom: 1rem;}
.tour_wrap .main.row::before{
    content: '';
    display: block;
    top: 10rem;
    bottom: 0;
    right: 0;
    left: 8rem;
    background-color: #e2ebeb;
    position: absolute;
}
.tour_wrap .main.row::after{
    content: 'GROUP TOUR';
    display: block;
    color: #e2ebeb;
    position: absolute;
    top: 0rem;
    left: 0;
    font-size: 140px;
    transform: rotate(90deg);
    transform-origin: left 10rem;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 900;
    letter-spacing: 21px;
}
.tour_box {margin-left: -5rem; flex: 0 0 calc(75% + 6rem); max-width: calc(75% + 6rem);margin-bottom: 1.5rem;}
.tour_box .hover-wall .htpro_tit{max-width: 100px; padding: 0;margin: 0;}
.tour_box .hover-wall .htpro_tit h1{
    width: 47px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.1;
    padding: 22px 12px;
    margin-left: 0;
    border: 1px solid #dddddd;
    background: #fff;
    margin-top: 0;
    position: relative;
}
.tour_box .hover-wall .htpro_tit h1::before{
    content: '';
    display: block;
    height: 10px;
    border:1px solid #005b5b;
    border-bottom: none;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
}
.tour_box .hover-wall .htpro_tit h1::after{
    content: '';
    display: block;
    height: 10px;
    border:1px solid #005b5b;
    border-top: none;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
}
.tour_box.twtour .hover-wall .htpro_tit h1::before, 
.tour_box.twtour .hover-wall .htpro_tit h1::after{border-color: #FF9700;}
.tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+2){max-width: calc((100% - 100px) / 3); flex: 0 0 calc((100% - 100px) / 3);margin-top: 15px;}
.tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+3){margin-top: 55px;}
.tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+4){margin-top: 95px;}
.tour_box .hover-wall .icon_info{border-bottom: 3px solid transparent; position: relative; bottom: 0; border-radius: 0; box-shadow: none; background: none; overflow: unset;}
.tour_box .hover-wall .icon_info:hover{box-shadow: none;background: #fff;border-bottom: 3px solid #FF9700; bottom: 0;}
.tour_box.twtour .hover-wall .icon_info:hover{border-color: #005b5b;}
.tour_box .hover-wall figure .overlay{display: none;}
.tour_box .hover-wall .icon_info h3{padding: 0 20px; font-size: 21px;}
.tour_box .hover-wall .icon_info h4{
    position: absolute;
    top: -16px;
    left: 0;
    background: #005b5b;
    width: 50px;
    padding: 16px 10px;
    font-size: 20px;
    font-style: unset;
    line-height: 1.1;
    text-align: center !important;
    z-index: 10;
}
.tour_box.twtour .hover-wall .icon_info h4{background: #FF9700;}
.tour_box .hover-wall .icon_info p.animate-text{text-align: right; padding: 0px 20px; font-size: 24px; letter-spacing: 0px; font-weight: bold;margin-bottom: 15px;}
.tour_box .hover-wall .icon_info p.animate-text::before {
    content: 'NT ';
    font-size: 16px;
    font-weight: normal;
}
.tour_box .hover-wall .icon_info p.animate-text::after {
    content: ' 起';
    font-size: 16px;
    font-weight: normal;
}
@media (max-width:1549px) {
    .tour_wrap .main.row::after{letter-spacing: 5px;}
}
@media (max-width:1369px) {
    .tour_tit_wrap{flex: 0 0 83.333333%; max-width: 83.333333%;}
    .tour_box { flex: 0 0 calc(79% + 6rem); max-width: calc(79% + 6rem);}
}
@media (max-width:1280px) {
    .tour_wrap .main.row::before{left: 6rem;}
    .tour_box .hover-wall .htpro_tit{max-width: 80px;}
    .tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+2){max-width: calc((100% - 80px) / 3); flex: 0 0 calc((100% - 80px) / 3);}
    .tour_wrap .main.row::after{letter-spacing: 10px; font-size: 120px;top: 2rem;transform-origin: left 8rem;}
}
@media (max-width:1199px) {
    .tour_tit_wrap{max-width: 93%;flex: 0 0 93%;}
}
@media (max-width:991px) {
    .tour_wrap .main.row::before{left: 0;}
    .tour_wrap .main.row::after{display: none;}
    .tour_box{max-width: 93%; flex: 0 0 93%; margin-left: auto; margin-right: auto;margin-bottom: 0;}
}
@media (max-width:767px) {
    .tour_box .hover-wall .htpro_tit{max-width: 100%;}
    .tour_box .hover-wall .htpro_tit h1{width: auto; padding: 10px 20px; margin: 1rem auto 1.5rem;}
    .tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+2){flex: 0 0 100%; max-width: 100%;}
    .tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+3), 
    .tour_box .hover-wall > .container-fluid > .row > div:nth-child(n+4){margin-top: 15px;}
}

/*IG*/
.ig_box .module-container .main > div:nth-last-child(1){padding: 0 10px;}
@media (max-width:1369px) {
    .ig_wrap{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .ig_wrap{flex: 0 0 93%; max-width: 93%;}
}
@media (min-width:768px) and (max-width:991px) {
    .ig_box{max-width: 33.3333%; flex: 0 0 33.3333%;}
    .ig_box .instagram-media{min-width:100% !important;}
}
@media (max-width:575px) {
    .ig_box .instagram-media{min-width:100% !important;}
}

/*service*/
.service_box .swiper-container{padding-bottom: 3.5rem;}
.service_box .swiper-slide-style{box-shadow: none; background: none; border-radius: 0;}
.service_box .swiper-slide .swiper-img{position: relative; width: 245px; height: 245px; margin: auto; border-radius: 200px; overflow: hidden; margin-bottom: 3rem; background: transparent;transition: .3s;}
.service_box .swiper-slide:hover .swiper-img{background: #000;transition: .3s;overflow: hidden;}
.service_box .swiper-slide .swiper-img img{border-radius: 0; object-fit: cover; object-position: center center; height: 100%; width: 100%; filter: blur(0px);transition: .3s;}
.service_box .swiper-slide:hover .swiper-img img{filter: blur(4px);opacity: .5;transition: .3s;}
.service_box .swiper-slide h3.swiper-title{font-size: 18px; color: #000; font-family: Arial !important; font-weight: bold; letter-spacing: 0.5px; position: relative;}
.service_box .swiper-slide:hover h3.swiper-title{color: #005b5b;}
.service_box .swiper-slide h3.swiper-title::before{
    content: '';
    display: block;
    width: 1px;
    height: 45px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: -65px;
}
.service_box .swiper-slide .swiper-content{-webkit-line-clamp: unset; overflow: unset; text-align: center; margin: 0;}
.service_box .swiper-slide .swiper-content img{opacity: 0; position: absolute;width: 75px; height: 55px; top: 90px; left: 50%; transform: translate(-50%, 0px);transition: .3s;}
.service_box .swiper-slide:hover .swiper-content img{opacity: 1;transition: .3s;}
.service_box .swiper-slide .swiper-content p{font-size: 18px; color: #666; text-align: center;margin: 0;}
.service_box .swiper-button-next.swiper-button-white{top: unset;  bottom: 0; right: calc(50% - 65px);}
.service_box .swiper-button-next.swiper-button-white::after{
    background: none;
    padding: 0;
    width: 27px;
    height: 27px;
    border-top: 1px solid #ff9700;
    border-right: 1px solid #ff9700;
    transform: rotate(45deg);
}
.service_box .swiper-button-prev.swiper-button-white{top: unset; bottom: 0; left: calc(50% - 65px);}
.service_box .swiper-button-prev.swiper-button-white::after{
    background: none;
    padding: 0;
    width: 27px;
    height: 27px;
    border-top: 1px solid #ff9700;
    border-left: 1px solid #ff9700;
    transform: rotate(-45deg);
}
.service_box .swiper-button-next.swiper-button-white:hover, 
.service_box .swiper-button-prev.swiper-button-white:hover{opacity: 1;}
.service_box .swiper-button-prev.swiper-button-disabled, 
.service_box .swiper-button-next.swiper-button-disabled{opacity: 0;}
@media (max-width:1439px) {
    .service_box .swiper-slide .swiper-img{width: 220px;height: 220px;}
    .service_box .swiper-slide .swiper-content img{top: 80px;}
}
@media (max-width:1369px) {
    .service_wrap{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .service_wrap{flex: 0 0 93%; max-width: 93%;}
}
@media (max-width:575px) {
    .service_box .swiper-slide .swiper-img, 
    .service_box .swiper-slide:hover .swiper-img, 
    .service_box .swiper-slide .swiper-img img, 
    .service_box .swiper-slide:hover .swiper-img img{transition: 0s;}
}

/*resume*/
.resume_box{margin-bottom: -6rem; z-index: 5; border: 5px solid #fff !important;}
.resume_box .resume_num {background: #fbfaf6; border: 1px solid rgba(255, 153, 0, 0.5); padding: 2.5rem 2rem 3rem;}
.counterbox__itembox{display: flex; flex-wrap: wrap; justify-content: center;}
.counterbox__item{ flex: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;}
.counterbox__item h5{font-family: "Libre Franklin", sans-serif !important; font-weight: 800; font-size: 70px; letter-spacing: 0px; color: #f90; margin: 0;}
.counterbox__item span{font-family: "Libre Franklin", sans-serif !important; font-weight: 800; font-size: 70px; margin-left: 10px; color: #ff9700;}
.counterbox__item h6{width: 100%; text-align: center; margin: 0; font-size: 20px; letter-spacing: 1px; font-weight: bold; color: #333;}
@media (max-width:1549px) {
    .resume_box .resume_num{padding: 2.5rem 1rem 3rem;}
    .counterbox__item h5{font-size: 65px; letter-spacing: -1px;}
    .counterbox__item span{font-size: 65px;letter-spacing: -3px;}
}
@media (max-width:1369px) {
    .resume_wrap{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1280px) {
    .resume_box .resume_num{padding: 1.5rem 1rem 2rem;}
    .counterbox__item h5, 
    .counterbox__item span{font-size: 55px;}
}
@media (max-width:1199px) {
    .resume_wrap{flex: 0 0 93%; max-width: 93%;}
}
@media (max-width:767px) {
    .resume_box .resume_num{padding: 0.5rem 1rem 1rem;}
    .counterbox__item{flex: 0 0 100%;margin: 1rem 0;}
}

/*company*/
.company_box {margin-bottom: 5rem; margin-top: 11rem;}
.company_box .carousel-rwd ul{padding: 0; display: flex; flex-wrap: wrap;}
.company_box .carousel-rwd ul li{border: none; height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.company_box .carousel-rwd ul li a{background: #fff; height: 100%; display: flex;padding: 10px;position: relative;}
.company_box .carousel-rwd ul li a::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #ff9900 transparent;
    position: absolute;
    right: 3px;
    bottom: 3px;
}
.company_box .carousel-rwd ul li a img{margin: auto;}
.company_box .carousel-rwd-prev, 
.company_box .carousel-rwd-next{border: none; box-shadow: none; text-shadow: none; width: 25px; height: 25px; border-top: 1px solid #ff9700; opacity: 1;}
.company_box .carousel-rwd-prev i, 
.company_box .carousel-rwd-next i{font-size: 0;}
.company_box .carousel-rwd-prev{left: -3.5rem; border-left: 1px solid #ff9700; transform: rotate(-45deg); top: calc(50% - 13px);}
.company_box .carousel-rwd-next{right: -3.5rem; border-right: 1px solid #ff9700; transform: rotate(45deg); top: calc(50% - 13px);}
@media (max-width:1369px) {
    .company_box{flex: 0 0 75%;  max-width: 75%;}
}
@media (max-width:1199px) {
    .company_box{flex: 0 0 85%;  max-width: 85%;}
}
@media (max-width:991px) {
    .company_box{margin-bottom: 3rem; margin-top: 9rem;}
    .company_box .carousel-rwd-prev{left: -1.5rem;}
    .company_box .carousel-rwd-next{right: -1.5rem;}
}
@media (max-width:767px) {
    .company_box .carousel-rwd-prev{left: 0rem;}
    .company_box .carousel-rwd-next{right: 0rem;}
}
@media (max-width:575px) {
    .company_box .carousel-rwd ul li{width: 80vw !important; padding:0 5vw 0 11vw !important;}
}

/*footer*/
.row.footer {background: #fff;}
.footer_logoicon{border-bottom: 1px solid #dddddd !important;}
.tail_logo a{display: flex; padding: 1.5rem 0; justify-content: left;}
.tail_logo a img.img-fluid{width: auto; height: 80px;}
.tail_icons > .module-container{height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: end;}
.tail_icons .function-row .flex-row{justify-content: end !important; width: 100%; align-items: center !important; flex-wrap: wrap !important;}
.tail_icons .function-row .flex-row li{flex: unset !important; max-width: unset; width: auto; padding: 5px 8px; margin: 0;}
.tail_icons .function-row .flex-row li a{width: 47px; height: 47px; border-radius: 40px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.tail_icons .function-row .flex-row li:nth-child(1) a:hover{background-color:#1877f2 !important;}
.tail_icons .function-row .flex-row li:nth-child(2) a:hover{background-color:#08bf5b !important;}
.tail_icons .function-row .flex-row li:nth-child(3) a:hover{background-image:url(https://materials.fillo.com.tw/materials/grouptour/images/79f4f378-a944-4f71-bac3-1ca62729005c.jpg) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: 100% 100% !important;}
.tail_icons .function-row .flex-row li:nth-child(4) a:hover{background-color:#ff0000 !important;}
.tail_icons .function-row .flex-row li a i{font-size: 24px;}
.tail_icons .function-row .flex-row li a img{width: auto; height: 24px;}
.footer_companyinfo{margin: 2.5rem 0;}
.tail_info section.text-link h2{font-weight: bold;}
.tail_info div.link-list ul li a, 
.tail_info div.link-list ul li span{padding: 3px 15px 3px 15px;}
.tail_info div.link-list ul li a i, 
.tail_info div.link-list ul li span i{float: left;}
.tail_info.info_R div.link-list ul li a i.fa-barcode::before, 
.tail_info.info_R div.link-list ul li span i.fa-barcode::before{
    content: '';
    width: 22px;
    height: 30px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/503e022f-b91c-4d4f-a283-f5c2ca621808.svg);
    display: block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.tail_info.info_R div.link-list ul li a i.fa-volume-control-phone::before, 
.tail_info.info_R div.link-list ul li span i.fa-volume-control-phone::before{
    content: '';
    width: 22px;
    height: 30px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/aa668ae0-67bc-4a97-b909-f2c5056dfe8c.svg);
    display: block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.tail_info.info_R div.link-list ul li a i.fa-fax::before, 
.tail_info.info_R div.link-list ul li span i.fa-fax::before{
    content: '';
    width: 22px;
    height: 30px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/03a04e68-42d1-4cb0-932c-cc43d91d586a.svg);
    display: block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.tail_info.info_R div.link-list ul li a i.fa-map-marker::before, 
.tail_info.info_R div.link-list ul li span i.fa-map-marker::before{
    content: '';
    width: 22px;
    height: 30px;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/d8da8c5d-888f-42e6-8893-c640ace8cec9.svg);
    display: block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.info_link div.link-list ul li a, 
.info_link div.link-list ul li span{padding: 3px 15px 3px 15px; font-weight: bold;}
.info_link div.link-list ul li a i, 
.info_link div.link-list ul li span i{font-size: 18px; margin-right: 8px; color: #ff9700;}
.tail_copyright .main.row{justify-content: center; padding-top: 1.5rem; align-items: center;}
.pay_logo{max-width: 120px;flex: 0 0 120px;}
.pay_logo .img-fluid{display: block;margin: auto;}
.copyright_txt{margin-top: 1rem; letter-spacing: 1px;}
@media (max-width:1369px) {
    .footer_logoicon, 
    .footer_companyinfo{flex: 0 0 83.333333%; max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .footer_logoicon, 
    .footer_companyinfo{flex: 0 0 93%; max-width: 93%;}
}
@media (min-width:768px) and (max-width:991px) {
    .tail_logo{max-width: 300px; flex: 0 0 300px;}
    .tail_icons{max-width: calc(100% - 300px);flex: 0 0 calc(100% - 300px);}
    .tail_info{max-width: 50%;flex: 0 0 50%;}
}
@media (max-width:767px) {
    .footer_logoicon, 
    .footer_companyinfo{flex: 0 0 95%; max-width: 95%;}
    .info_link{margin-top: 1.5rem;}
    .tail_logo a{padding-bottom: 1rem;}
    .tail_logo a img.img-fluid{margin: auto;}
    .tail_icons > .module-container{justify-content: center;}
    .tail_icons .function-row .flex-row{margin-bottom: 1rem;}
}

/*news*/
.news_box{position: fixed; z-index: 99; bottom: 0; left: 50%; transform: translate(-50%, 0px);}
.news_box .link.text-link{display: flex; flex-wrap: wrap; align-items: center; background-color: rgba(0, 0, 0, 0.7);}
.news_box .link.text-link h2{
    width: 225px;
    float: left;
    background-color: #ff9700;
    padding: 2rem;
    margin: 0;
    text-align: right !important;
    font-family: "Libre Franklin", sans-serif !important;
    font-weight: 700;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/08d975af-715d-472f-a0b6-86b2d3e3cdf1.png);
    background-position: right -1.5rem top -2.5rem;
    position: relative;
}
.news_box .link.text-link h2::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/grouptour/images/e3c22b89-3226-4724-b9eb-b91087dbb3c9.svg);
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: 100%;
    top: 22px;
    left: 25px;
    transform: rotate(-15deg);
}
.news_box div.link-list{width: calc(100% - 225px); height: 100%; display: flex; background: none;position: relative;}
.news_box div.link-list::before{
    content: '';
    display: block;
    width: 45px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
}
.news_box div.link-list ul li a, 
.news_box div.link-list ul li span{padding-left: 80px; font-weight: bold;}
.news_box div.link-list ul li:nth-last-child(1){position: absolute; right: 0; top: -1.5rem;}
.news_box div.link-list ul li:nth-last-child(1) a, 
.news_box div.link-list ul li:nth-last-child(1) span{padding: 0px 5px; opacity: .5;}
.news_box.close{display: none !important;}
@media (max-width:1369px) {
    .news_box{flex: 0 0 83.333333%;     max-width: 83.333333%;}
}
@media (max-width:1199px) {
    .news_box{flex: 0 0 92%;     max-width: 92%;}
}
@media (max-width:767px) {
    .news_box{max-width: 100%;flex: 0 0 100%;}
    .news_box .link.text-link{min-height: 60px;}
    .news_box .link.text-link h2{font-size: 0 !important; position: absolute; top: 0; bottom: 0; left: 0; padding: 0; width: 60px;}
    .news_box .link.text-link h2::before{width: 40px;height: 40px;top: 50%;left: 9px;transform: translate(0px, -50%);}
    .news_box div.link-list{width: calc(100% - 60px);height: 100%;margin-left: 60px;}
    .news_box div.link-list::before{width: 25px;}
    .news_box div.link-list ul li a, 
    .news_box div.link-list ul li span{padding-left: 40px;line-height: 1.5; padding-right: 20px;font-size: 15px !important;}
    .news_box div.link-list ul li a i, 
    .news_box div.link-list ul li span i{float: left;}
    .news_box div.link-list ul li:nth-last-child(1){top: 0;right: 0;}
    .news_box div.link-list ul li:nth-last-child(1) a, 
    .news_box div.link-list ul li:nth-last-child(1) span{padding: 0;}
}

/*side bar*/
.web_side .side_bar{box-shadow: none; background: none; border-radius: 0; padding: 0;}
.web_side .side_bar li{padding: 0;}
.web_side .side_bar li img.img-fluid{padding: 11px 10px; background: #08BF5B; border-radius: 50px; width: 50px; height: 50px;}
.web_side .side_bar li a p{font-size: 13px; margin-top: 3px;}
.web_side .actGotop{width: auto;height: auto;}
.web_side .actGotop a, 
.web_side .actGotop a:link{
    background: none;
    border-radius: 0;
    color: #ff9700;
    font-family: Arial !important;
    font-weight: 900;
    transform: rotate(90deg);
    width: 100px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    align-content: end;
    position: relative;
}
.web_side .actGotop a::before{
    content: '';
    display: block;
    width: 52px;
    height: 1px;
    position: absolute;
    background: #ffcb7f;
    left: 0;
    top: -8px;
    transition: .2s;
}
.web_side .actGotop a:hover::before{ width: 42px; left: 10px;transition: .2s;}
.web_side .actGotop a::after{
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #ffcb7f;
    position: absolute;
    left: -1px;
    transform: rotate(40deg);
    top: -3px;
    transition: .2s;
}
.web_side .actGotop a:hover::after{left: 9px;transition: .2s;}
@media (max-width:1199px) {
    .web_side .side_box{right: 0 !important;}
    .web_side .actGotop{right: 0;}
}
@media (max-width:1199px) {
    .web_side .side_box{bottom: 230px;}
    .web_side .actGotop{bottom: 150px;}
}