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;
}
/** modify style code here. :) 航典客製樣式 */
*{font-family: "Microsoft JhengHei";-webkit-text-size-adjust: none;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100&family=Cormorant+SC&family=Open+Sans&display=swap');
body {background: #ffffff!important;}
p {/* text-align: justify; */}
img{display: inline-block;max-width: 100%;height: auto;}
ul li {list-style: none;}
a:hover {text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6 {
  /* line-height: 1.5; */
  /*margin: 0;*/
  /*margin-bottom: 0.5rem;*/
}
h1 {
  font-size: 2.4rem;
}
h2 {
  font-size: 2.2rem;
}
h3 {
  font-size: 2.0rem;
}
h4 {
  font-size: 1.8rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1.0rem;
}
@media (max-width: 768px) {
.m-5 {
    margin: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 1.5rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem!important;
}
.p-5 {
    padding: 1.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 1.5rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1.5rem!important;
}
}
@media (max-width: 500px) {
.m-5 {
    margin: 1rem!important;
}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.p-5 {
    padding: 1rem!important;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 1rem!important;
}
}

.px-30 {padding: 0 30px;}
.h-100vh>.module-container>.main{height: 100vh;}
.h-40vh>.module-container>.main{height: 40vh;}
.h-100vh>.module-container>.main .header-title{display:none;}
.w-1440 {max-width: 1440px;margin: 0px auto;}
@media (max-width:991px){.h-100vh>.module-container>.main{height: inherit;}}
@media (min-width:1200px) {.w-1200 {max-width: 1200px;margin: 0px auto;}.w-1000 {max-width: 1000px;}.w-800 {max-width: 800px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0px auto;}.w-1000 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
@media (max-width:991px){.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0px auto;}}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.px-30 {padding: 0 30px;}
@media (min-width:1200px) {.w-1200 {min-width: 1200px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
@media (min-width:992px){.index_style .col-lg-3 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}}
[data-position="center"]{margin-top: 140px;}
@media(max-width:1200px) and (min-width:768px){[data-position="center"]{margin-top: 109px;}}
@media(max-width:768px){[data-position="center"]{margin-top: 50px;}}

/*main*/
.go-to-top {right: 0;bottom: 10%;display: none !important;}
.web-page-frame .go-to-top .top{background: #404040;width: 50px;height: 50px;margin-right: 0px;border-radius: 0;box-shadow: none;font-weight: lighter;opacity: 0.9;}
.web-page-frame .go-to-top .top:hover {opacity: 1.0;}
.web-page-frame .go-to-top .top:after{margin-top: 14px;margin-left: 18px;width:12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.web-page-frame .go-to-top .top-txt{left: calc(50% - 13px);font-weight: normal;font-size: 0.8rem;bottom: 9px;}
.web-page-frame .btn-primary{color:#fff!important;background-color: #2e489d !important;border-color: #2e489d !important;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #297dc0 !important;border-color: #2e489d !important;}
.search_table tbody td.sale-situation .btn {border-radius: 0rem;}
.web-page-frame .btn-primary:not(:disabled):not(.disabled):active,.web-page-frame .btn-primary:not(:disabled):not(.disabled).active,.web-page-frame .show>.btn-primary.dropdown-toggle{color:#fff!important;background-color: #297dc0!important;border-color: #297dc0;border-radius: 0rem;}
.web-page-frame .btn-primary:focus,.web-page-frame .btn-primary.focus,.web-page-frame .page-link:focus{box-shadow: 0 0 0 .2rem rgba(188,145,96,0.2)!important;}
.web-page-frame .btn-green{color:#fff!important;background-color: #2e489d !important;border-color: #2e489d !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #2e489d !important;border-color: #2e489d !important;}
.web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;}
section.group_table .table a:hover{color: #404040;}
section.group_table .table .trip_name a:hover{/* color:#2e489d */}
.info .btn-primary{background-color:#2e489d;border-color:#2e489d}
.info .btn-primary:hover{color:#fff!important;background-color: #2e489d!important;border-color: #2e489d!important;}
.web-page-frame .text_blue{color: #de3545;font-size: 1.2rem;}
.search-area .search-box .search-btn{background: #60b2e4 !important;}
.list_con .style_icon .nav-pills .nav-link.active svg{fill: #666 !important;}
.list_con .style_icon .nav-pills a svg {fill: #a9a9a9;}
.filter_list i{color:#2e489d!important}
.web-page-frame .search-area .search-box .select-goal .title i{color:#2e489d!important}
.web-page-frame .search-area .search-box .select-place .title i{color:#2e489d!important}
.web-page-frame .search-area .search-box .select-date .title i{color:#2e489d!important}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#2e489d!important}
.radio_style [type="radio"]:checked+label:after{background:#2e489d!important}
section.search_con .pagination .page-item .page-link{/* border:1px solid #2e489d!important; */width: 28px;height: 30px;}
@media (max-width:767px){section.search_con .pagination .page-item{margin: 0;}}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #2e489d;}
section .page-item.active .page-link {background:#2e489d;}
section.search_con .pagination .page-item .page-link:hover {background: #2e489d !important;color: #ffffff;border: 1px solid #2e489d!important;}
section.search_con .pagination .page-item .page-link:hover svg{fill: #ffffff;}
section.search_con .pagination .page-item.active .page-link {background: #297dc0;border: 1px solid #3685c4!important;}
section .page-item.active .page-link {background:#2e489d;}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background: #2e489d;}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border: 2px solid #2e489d;}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background: #297dc0;}
.web-page-frame figure.block_style .main_words a:hover {color: #0f2459;}
.web-page-frame .pic_style figure.block_style .main_words a:hover {color:#2e489d}
.web-page-frame figure.block_style .note_words .share_box:hover {color:#2e489d}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #404040;font-size: 1.0rem;}
.web-page-frame .table .thead th {font-weight: normal;}
section.group_table .table .trip_name h5 {margin:0;}
.web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #7d7d7d;}
.web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover { background: #2e489d;}
.web-page-frame section.group_table.trip_airline .table .thead:hover  {background: #404040;}
.web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #297dc0;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #2e489d;border-color: #2e489d;}
.web-page-frame section.group_banner.trip_banner .btn-info:focus, .web-page-frame section.group_banner.trip_banner .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(148, 148, 148, 0.4);}
.popover {background: #2e489d !important;}
.popover .close {border: 1px solid #2e489d !important;color: #2e489d !important;}
.popover .arrow:after, .popover .arrow:before {border-color: transparent transparent #2e489d transparent !important;}
.popover .close:hover {background: #2e489d !important;}
.web-page-frame .sub_menu-trip .trip_menu li a:hover {/* background: #5c5c5c; */}
.web-page-frame .sub_menu-trip .trip_menu li a:hover span{color:#60b2e4}
.Day_menu .swiper_day .swiper-slide a:hover {background: #2e489d !important;border: 1px solid #404040 !important;}
section.trip_note .card-header .btn {background: #404040 !important;color: #fff !important;}
section.trip_note .card-header a[aria-expanded="false"]:after {color: #fff !important;}
.sub_menu-trip .server_menu li:nth-child(1) {background: #60b2e4;/* border-left: 3px solid #4182ab; */}
.sub_menu-trip .server_menu li:nth-child(1) i{
}
.sub_menu-trip .server_menu>ul>li.download-fixed-btn{background:#404040}
.sub_menu-trip .server_menu>ul>li.share-fixed-btn{background:#404040}
.sub_menu-trip .server_menu>ul>li.query-fixed-btn{background:#404040}
figure.block_style .pic_all .plane_word{background:transparent linear-gradient(180deg,transparent 0,rgba(0,0,0,.84) 100%) 0 0 no-repeat;bottom:0}
@media (max-width:767px){
.sub_menu-trip .server_menu li.join-fixed-btn{width:52px;position:absolute;height:52px;right:12px;bottom:112px;border-radius:100px;border:1px solid #98d8ff}
}
.day_fixed {top: 140px !important;/*opacity: 1;*/}
@media (max-width: 768px){.day_fixed {top: 50px !important;}}
/*main*/

.day_style_1 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_1 img {width:100%;}
.day_style_2 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_2 img {width:100%;}
.day_style_3 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_3 img {width:100%; height: 253px;}
.day_style_4 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_4 img {width:100%; height: 187px;}
.day_style_5 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_5 img {width:100%;height: 253px;height: 230px !important;}
@media (max-width: 1600px) {.day_style_5 img {width:100%;height: 253px;height: 170px !important;}}
@media (max-width: 1400px) {.day_style_5 img {width:100%;height: 253px;height: 170px !important;}}
@media (max-width: 1200px) {.day_style_5 img {width:100%;height: 253px;height: 140px !important;}}
@media (max-width: 991px) {.day_style_5 img {width:100%;height: 253px;height: 150px !important;}}
@media (max-width: 768px) {.day_style_5 img {width:100%;height: 253px;height: auto !important;}}
.day_style_6 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_6 img {width:100%; height: 187px;}
.day_style_7 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_7 img {width:100%; height: 253px;}
.day_style_8 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_8 img {width:100%; height: 187px;}
.day_style_9 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_9 img {width:100%;}
.day_style_10 {width: 100%;display: table;margin-bottom: 20px;position: relative;/*padding: 15px;*/overflow: hidden;}
.day_style_10 img {width:100%;}
.day_style_10 .item_text {/* z-in;;in: 0px 15px; *//* overflow: hidd;;e;/* overflow: hidden; */}
.day_style_10 .item_text p {margin: 0;background: rgba(0, 0, 0, 0.6);color: #FFF;padding: 40px 50px;position: absolute;bottom: 10%;width: calc(100% - 30px);margin: 0 auto;z-index: 1;}
@media (max-width:991px){
.day_style_10 .item_text p{padding:35px 20px;position:relative;bottom:0;width:calc(100% - 0px)}
.day_style_10 img{margin-bottom:0!important}
}
.day_style_11 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width:100%;}
.day_style_12 {width: 100%; display: block; margin-bottom: 20px; padding: 0 0px;}
.day_style_12 .tp_group {width:100%;/* border: 1px solid #ddd; *//* padding: 10px 0; */display: inline-block;}
.day_style_12 .tp_group img {width:100%;}
.day_style_13 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;height: auto !important;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}
.day_style_1, .day_style_2, .day_style_3, .day_style_4, .day_style_5, .day_style_6, .day_style_7, .day_style_8, .day_style_9, .day_style_10, .day_style_11, .day_style_12, .day_style_13, .day_style_14, .day_style_15 {display: flex;flex-wrap: wrap;}

.day_con .info img {height:auto !important;}
.day_con p{margin-top: 10px;margin-bottom: 10px;}
section.group_table.trip_features .item img {height:auto !important;margin-top: .5rem;margin-bottom: .5rem;}
.main_trip img {height:auto !important;}
.trip_day .day_con .info_box .word_r + div > .info > img, .trip_day .day_con .info_box .word_l + div > .info > img {display: none;}
.img-thumbnail {border: none;padding: 0;border-radius: 0;}
.Detail .item h3{margin: 10px 0px 10px;padding: 3px 0px 0px 15px;}

@media (min-width: 992px){
.sub_menu-trip .server_menu li{width:33.33%;float:right;border-radius:0;box-shadow:none;margin-bottom:0}
.sub_menu-trip .server_menu>ul>li{/* opacity:.9; */font-size:1rem;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{margin-left: 6px;}
.sub_menu-trip .server_menu>ul>li:hover{opacity:1;}
.sub_menu-trip .sub_inside {justify-content: flex-end;}
.sub_menu-trip .trip_menu {margin-bottom: 100px;padding: 10px 10px 0 10px;width: 89px;margin-right: 0;}
.sub_menu-trip .server_menu ul, .sub_menu-trip ul {margin: 0;}
.sub_menu-trip .server_menu > ul > li a{/* font-size: 0.9rem; *//* padding: 5px 17px; */}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{display: flex;flex-direction: column;padding: 5px 8px;justify-content: center;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn i{margin-bottom: .5rem;padding: 4px;margin-right: 0;font-size: 1.25rem;background: #fefefe;border-radius: 30px;width: 36px;height: 36px;line-height: 30px;border: 1px solid #347daa;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn i:before{color: #357eab;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn{font-size: 1.15rem;height: 80px;}
.sub_menu-trip .server_menu>ul>li{height: 44px;}
.sub_menu-trip .server_menu>ul>li a i{line-height: 30px;font-size:1rem;}
.sub_menu-trip .trip_menu li:nth-last-child(1) a{border-bottom:0;padding-bottom:0}
.sub_menu-trip .trip_menu li a{padding-bottom:5px}
.sub_menu-trip .trip_menu li a span{font-size:.9rem}
.sub_menu-trip .server_menu>ul>li.share-fixed-btn ul li{height:45px}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{height: 35px;}
.sub_menu-trip .trip_menu i {display: none;}
}

.day_con .info_box > .row > div:nth-child(1){display:none;}
.day_con .info_box > .row > div:nth-child(2){max-width:100%;flex:0 0 100%;}
section.group_table.trip_day .info_box .info_box_title{margin-left:0;}

/*header*/
.header_top{background:#fff;}
.header_top .header-part .navbar-brand{height: 50px!important;padding:0 0;/* margin-top:5px; *//* margin-bottom:5px; */}
.header_top .header-part .navbar-nav .nav-link{line-height:20px;font-size:1.1rem;margin:0;padding-left:15px;margin-right:10px;display:block;font-weight:700;letter-spacing:1px;position:relative}
.header_top .header-part .navbar-nav .nav-item:hover .nav-link:before{-webkit-transform:scale(1);transform:scale(1)}
.header_top .header-part{padding: 17px 15px;/* max-width:1440px; */margin:0 auto;margin-left:auto;position:relative;background-color: #FFFFFF;}
.header_top .header-part .navbar-nav .nav-link i{position:relative;}
.header_top .header-part .navbar-nav .nav-item .nav-link{padding: .75rem 1rem;}
@media (max-width:1200px)and (min-width:992px){.header_top .header-part .navbar-brand{padding:0 0;}
.header_top .navbar-expand-lg .navbar-nav .nav-link{font-size: 1.0rem;}
.header_top .header-part{/* padding:0 15px; */}
}
@media (max-width:768px){
.header_box{background:0 0;position: fixed;top: 0;right: 0;z-index: 99999;}
.header_top .navbar-brand{display:none}
.header_top .header-part{padding: 0px;background:0 0!important;display:flex;flex-direction:row-reverse}
.header_top{background:#fff;position: absolute;z-index: 101;/* width: 98px; */right: 0;margin-top: 50px;}
.header_top .header-part .navbar-nav .nav-link{padding: 0.75rem 1rem;text-align: center;}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(2){padding:.75rem 1rem;text-align:center}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(2){width:fit-content;margin:0 auto}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1){margin: 0 auto 1rem auto !important;}
}

@media (min-width:768px){
.header_top .header-part .navbar-nav .nav-item{animation-duration:1.5s;animation-delay:0s;animation-name:fadeInUp;z-index:9}
.header_top .header-part .navbar-nav .nav-item:nth-child(1){animation-delay:.1s}
.header_top .header-part .navbar-nav .nav-item:nth-child(2){animation-delay:.2s}
.header_top .header-part .navbar-nav .nav-item:nth-child(3){animation-delay:.3s}
.header_top .header-part .navbar-nav .nav-item:nth-child(4){animation-delay:.4s}
.header_top .header-part .navbar-nav .nav-item:nth-child(5){animation-delay:.5s}
.header_top .header-part .navbar-nav .nav-item:nth-child(6){animation-delay:.6s}
.header_top .header-part .navbar-nav .nav-item:nth-child(7){animation-delay:.7s}
.header_top .header-part .navbar-nav .nav-item:nth-child(8){animation-delay:.8s}
}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1){background: #60b2e4;border-radius: 30px;margin-left: 15px;margin-right: 20px;overflow: hidden;width: fit-content;margin: 0 auto;margin-left: 10px;}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1) .nav-link{color: #fff !important;background-color: #60b2e4;}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1) a.nav-link:hover{background-color: #60b2e4;}
.header_top .header-part .navbar-nav .nav-item:nth-child(4) .nav-link {padding: 3px 0;margin-left: 10px;}
.header_top .header-part .navbar-nav .nav-item:nth-child(4) .nav-link > i {display: none;}
.header_nav{padding:0}
.header_nav:before{content:'';background:#c1c1c1;height:0;width:100%;position:absolute;bottom:0;z-index:999}
.header_nav .mega-menu .menu-links li:nth-child(1) .list_box:nth-last-child(2) ul{display: flex;flex-direction: row;flex-wrap: wrap;}
.header_nav .mega-menu .menu-links>li>a{padding:0 1.25rem;padding:0;font-size:1rem;line-height:30px}

@media (min-width:768px){.header_nav .mega-menu>section.menu-list-items{display:flex;justify-content:center}}

.header_nav .mega-menu .menu-links>li{padding: 0rem 2.0vw;line-height: 55px;height: 55px;background: none !important;position: relative;overflow: visible;}
.header_nav .mega-menu .menu-links>li>a img{max-width:initial!important;height:20px;float:right;margin:30px 2px}
.header_nav .mega-menu .menu-links li .list_tag h4{line-height:1.8;padding:0 5px;margin:7px 5px 0 0;color:#4976dc!important;letter-spacing:1.2px;font-weight:600}
.header_nav{top:0}
.header_nav .mega-menu>section.menu-list-items{border-top:1px solid #60b2e4;border-bottom:1px solid #60b2e4}
.header_nav .mega-menu .menu-links li .list_tag li{margin-right:5px}
.header_nav .mega-menu .menu-links>li>a,.header_nav .mega-menu .menu-links>li>a p{font-size:1.25rem;text-decoration:unset;margin:0;font-weight:700}
.header_nav .mega-menu .menu-links li .mg-drop-down a{font-size:1.1rem;text-decoration:unset;margin:0;padding: 0 !important;line-height: 1.8;}
.header_nav .mega-menu .menu-links>li a img.list_img{max-width:100%;width:auto;margin:20px 0 10px 0}
.header_nav .mega-menu .menu-links>li:nth-last-child(1) a p{color:#ffeb3b}
.header_nav .mega-menu .menu-links>li a:hover p{text-decoration:underline}
.header_nav .mega-menu .menu-links>li a i{padding:3px 5px 3px 1px!important;color: #b7b7b7 !important;}
.header_nav .mega-menu .menu-links li .list_tag a p{color:#4976dc!important;border:1px solid #4976dc;line-height:1.5;padding:1px 4px;background:#f6f6f6;font-size:1rem}
.header_nav .mega-menu .menu-links .list_box h4{display: inline-block;font-size: 1.1rem;font-weight: 700;letter-spacing: 1.2px;padding-bottom: 7px;margin-bottom: .3rem;border-bottom: 2px solid #e1f0f9;width: 100%;}
.header_nav .mega-menu .mg-drop-down{padding:0}
.header_nav .mega-menu .menu-links li .list_onlyimg{display:flex;flex-direction:column}
.header_nav .mega-menu .menu-links li .list_onlyimg h4{text-align:center;order:2;font-size:1em;line-height:1.25;padding-top:0;margin-bottom:.8em;font-weight:400;color:#8c783c}
.header_nav .mega-menu .menu-links li .list_onlyimg a p{text-align:center!important;width:100%;font-size:1em;line-height:1.25;padding-top:1em;margin-bottom:.5em;font-weight:700}
@media (min-width:768px){.header_nav .mega-menu .menu-logo{display:none}
.header_nav .mega-menu .menu-logo>li>a{padding:10px 0}
.header_nav .mega-menu .menu-logo>li>a img{width:260px;height:100%;position:relative;top:auto;left:auto}
.gizle .header_nav .mega-menu .menu-logo>li>a img{top:2px;width:66%;transition:all .35s ease}
.header_nav .megamenu_box{position:relative;padding:10px 20px;width: auto;/* flex-direction: column; *//* display: flex; *//* margin-left: -15px; *//* margin-right: -15px; */background: #fff;border-radius: 0 0 25px 25px;box-shadow: 3px 2px 5px 0px #616161a8;}
.header_nav li:nth-child(3) .megamenu_box{max-width:1440px;background:#fff}
.header_nav .mega-menu .menu-links>li:hover a{color: #60b2e4 !important;}
.header_nav .mega-menu .menu-links li .list_box{-ms-flex: 0 0 50%;/* flex: 0 0 50%; *//* max-width: 50%; */margin: 0;}
.header_nav .mega-menu .mg-drop-down .list_box ul{text-align:center;margin: .5rem 0;}
.header_nav .mega-menu li:nth-child(3) .mg-drop-down .list_box ul{text-align:left}
.header_nav .mega-menu .menu-links li .list_box ul li{display: flex;margin: 2px 30px 2px 0;text-align:left}
.header_nav .mega-menu .menu-links li .list_tag{order:3;margin:0;left:0;bottom:0;margin-top:10px}
}
@media (min-width:991px){.header_nav .mega-menu .menu-links li .list_box{-ms-flex:0 0 33%;/* flex:0 0 33%; *//* max-width:33%; */}
}
@media (min-width:1200px){.header_nav .mega-menu .menu-links li:nth-child(1) .list_box{/* padding:0 19px; *//* margin:0; */margin-bottom:0;-ms-flex:0 0 25%}
.header_nav .mega-menu .menu-links li:nth-child(1) .list_box{}
}
@media (min-width:1300px){.header_nav .mega-menu .menu-links li .list_box{padding: 0 0px;margin-top:30px;-ms-flex:0 0 220px;margin:0 auto;width:100%;}
}
@media (max-width:768px){.header_nav{position:fixed;/* z-index: 100000; */}
.header_nav .mega-menu .menu-logo>li>a{margin-top:10px;margin-bottom:10px}
.header_nav .mega-menu .menu-logo>li>a{background-color: #fff0 !important;width:150px;left: calc(50% - 75px);}
.header_nav .mega-menu .menu-logo>li>a img{width:150px;height:36px;margin:0;left:0}
.header_nav .mega-menu .menu-mobile-collapse-trigger{z-index:99999999}
.header_nav .mega-menu .mg-drop-down{padding:0;background: #e1f0f9 !important;}
.header_nav .mega-menu .menu-links>li:hover>a:after{display:none}
.header_nav .mega-menu .menu-links>li>a img{margin:0 5px;float:right}
.header_nav .mega-menu .menu-links li .list_onlyimg{margin: 0 auto;float: none;align-items: center;padding: 0px;border-bottom: 1px solid #eeebe9;}
.header_nav .mega-menu .menu-links li .list_onlyimg img{display:none;}
}
@media(max-width:1200px){.header_nav .mega-menu .menu-links>li{/* padding: 0.7rem 2.0vw; */}
}
@media(max-width:991px) and (min-width:768px){.header_nav .mega-menu .menu-links>li>a{padding:0 .5rem 0 1rem}
}
@media (max-width:991px){.header_nav .mega-menu .menu-links>li>a{/* line-height:70px; */padding:0 1.5rem;font-size:1.25em}
.header_nav .mega-menu .menu-links>li{/* padding: 0.7rem 1vw; */}
}
@media(min-width:768px){
body .header{position:fixed;width:100%;top:0;z-index:100}
.header_nav .mega-menu .menu-links{/* max-width:1440px; *//* padding: 0px 20px; *//* float:right; */}
.header_nav .mega-menu .menu-links li{position:relative}
.header_nav .mega-menu .menu-links li.main-hover:after{content:'';width: 3px;height: 24px;position: absolute;right: 0;z-index: 0;top: 50%;transform: translate(0 ,-50%);background: url(https://materials.fillo.com.tw/materials/waypoint/images/dfcab553-adeb-4a11-80e3-aff936ae368e.png);background-size: 100%;background-repeat: no-repeat;}
.header_nav .mega-menu .menu-links li.main-hover:nth-last-child(1):after{display: none;}
.header_nav .mega-menu .menu-links>li>a i{position:absolute;bottom:0;text-align:center;left:46%;right:46%;bottom:10px;display:none!important}
.header_nav .mega-menu .mg-drop-down{/* display:flex!important; *//* flex-direction: column; *//* left:0!important; *//* flex-wrap: nowrap; */overflow: visible;padding: 0;width: 100%;min-width: 480px;display: flex;overflow: visible;}
.header_nav .mega-menu .menu-links li .mg-drop-down{display: flex !important;overflow: visible;border-radius: 0 0 25px 25px;background: none !important;}
}
@media screen and (max-width:767px){.header_nav .mega-menu .menu-mobile-collapse-trigger{z-index:99999999;height:50px;width:50px;background: none;}
.header_nav .mega-menu .menu-mobile-collapse-trigger:hover{background: none;}
.header_nav .mega-menu .menu-mobile-collapse-trigger span,.header_nav .mega-menu .menu-mobile-collapse-trigger:after,.header_nav .mega-menu .menu-mobile-collapse-trigger:before{height:2px;width:30px;background: #60b2e4;}
.header_nav .mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:36px;top:11px;left:11px}
.header_nav .mega-menu .menu-mobile-collapse-trigger.active:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:36px;width:36px;left:10px}
.header_nav .mega-menu>section.menu-list-items{background: #ffffff !important;padding: 0 15px;border-top: 0;}
}
@media (max-width:991px){.header_nav{padding:0}
.header_nav .mega-menu .menu-links>li>a{padding: 0;}
.header_nav .mega-menu .menu-links>li:nth-last-child(1){/* margin-right:0; */}
.header_nav .mega-menu .menu-links{/* flex-direction:row; *//* max-height:100vh!important; *//* display: flex !important; *//* justify-content: center; */}
}
.widget-item.title{margin:6rem 0 1rem 0}
.widget-item.title .main{padding-left:15px;padding-right:15px}
@media (max-width:768px){.widget-item.title{margin:3rem 0 .5rem 0}
.header_nav .mega-menu .menu-links>li>a{padding: .25rem;color: #60b2e4 !important;font-size: 1.0em;line-height: 55px;height: 55px;}
.header_nav .mega-menu .menu-links>li a img.list_img{margin:0 0 10px 0}
.header_nav .mega-menu .menu-links>li{padding:0;/* border-bottom: 1px solid #bcbcbc; *//* padding: 0.5rem 1vw; */}
.header_nav .mega-menu .menu-links>li>a:before{content: "-";padding-right: 0.6rem;}
.header_nav .mega-menu .menu-links>li:nth-last-child(1){border:none;/* padding-bottom: 8vh; */}
.header_nav .mega-menu .menu-links>li.activeTriggerMobile{background-color:#153075;color:#fff}
.header_nav .mega-menu .menu-links>li:hover{color:#fff;background: #eeebe9;line-height: 1.0;height: auto;}
.header_nav .mega-menu .menu-links>li.activeTriggerMobile a{color: #000000 !important;}
.header_nav .mega-menu .menu-links li .list_box{padding: 4px 0px;}
.header_nav .mega-menu .menu-links li .list_box ul li{display:inline-flex;padding:0;margin: 0px 5px;}
.header_nav .mega-menu .menu-links .list_box h4{margin-bottom: .3em;text-align:center;width:100%;background: #cbe2ef;padding:5px}
.header_nav .mega-menu .mg-drop-down ul{margin:0;}
.header_nav .mega-menu .menu-links>li>a i.fa{font-size: 1.5rem!important;}
.header_nav .mega-menu .menu-links>li.activeTriggerMobile>a i.fa {transform: rotate(180deg);transition: transform 0.1s;}
.header_nav .mega-menu>section.menu-list-items .menu-links:before{content:"Ã¦â€”â€¦Ã©ÂÅ Ã¤Â¸Â»Ã©ÂÂ¸Ã¥â€“Â®";position:relative;padding: 6px;width:100%;background: #ff86bb;color: #ffffff;position:relative;cursor:pointer;line-height:normal;display:block;/* font-size:1.25rem; *//* font-weight:700; */text-align: center;display: none;}
}
@media(max-width:1200px) and (min-width:768px){.header_nav .mega-menu .menu-links>li>a{font-size: 1.0em;}
.header_nav .mega-menu .menu-logo{padding:0 0 0 15px}
.header_nav .mega-menu .menu-links{/* float:right; */}
.header_nav .mega-menu .menu-logo>li>a img{width:210px}
.gizle{top:0!important}
.gizle .header_nav .mega-menu .menu-logo>li>a img{width:120px;top:0}
.gizle .header_nav{padding:0 15px 0 15px}
.header_nav .mega-menu .menu-links>li>a img{margin:24px 2px}
}

/*menu_btn*/
@media (min-width: 768px){
.header_nav .mega-menu .menu-links > li:nth-last-child(1) {/* display: none; */}
}
@media (max-width: 767px){
.header_nav .mega-menu .menu-links>li:nth-last-child(1)>a{/* display: none; */}
.header_nav .mega-menu .menu-links{max-height:100vh!important;/* background:rgb(255 255 255 / .95); */height:100vh;padding: 30px 15px 10px 15px;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) div.mg-drop-down.col-12{display:block!important;background: none !important;padding: 0;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) div.mg-drop-down.col-12 .list_tag{padding: 0;}
.header_nav .mega-menu .menu-links li .list_box{padding: 0;margin: 0;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;margin-top: 10px;float: none;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag li{margin: 0px;border-right: 1px solid #000000;padding: 0  15px;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag li a{padding: 0;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag li:nth-last-child(1) {border: 0;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width: 100%;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li{border: 1px solid #eb6ea5;border-radius: 6px;margin-bottom: 15px;margin-right:0;text-align:center;margin-top: 0px;margin: 4px 0px;/* background: #ffffff; */}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li:nth-child(1){-ms-flex: 0 0 99%;flex: 0 0 99%;max-width: 99%;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li:nth-child(2){-ms-flex: 0 0 48.5%;flex: 0 0 48.5%;max-width: 48.5%;margin-right: 2%;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li a{text-align:center;display: inline-block;color: #000000!important;padding: 10px 0;font-size: 1.0rem;letter-spacing: 1.0px;/* line-height: 1.8; */vertical-align: middle;text-align: center;display: table;margin: 0 auto;width: 100%;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li a i{color:#073462!important;font-size:17px}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li:nth-child(3){-ms-flex: 0 0 48.5%;flex: 0 0 48.5%;max-width: 48.5%;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li a p{color: #eb6ea5!important;font-weight: bold;font-size: 1.1em;text-align: center;}
.header_nav .mega-menu .menu-links>li:nth-last-child(2){border-bottom:none;/* margin-bottom: 5vh; */}
.header_nav .mega-menu .menu-links>li:nth-last-child(2) a{/* display: none; */}
.header_nav .mega-menu .menu-links>li:hover{background:0 0}
.header-part .navbar-toggler{/* display:none!important; *//* background: #60b2e4; */position: absolute;top: -45px;}
.header_nav .mega-menu .menu-mobile-collapse-trigger{left: 5px;top: 1px;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .mg-drop-down:before{content:'';position:absolute;top:0;z-index:1;width:100%;height:1px;background:#aaa;display: none;} 
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag  a p {color: #3b1414 !important;border: none;background: none;}
.header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag:nth-child(3) li {border: none;}
}
/*end_header*/

.footer_box{/* margin-top:130px; */position:relative}
.footer_info .footer-wrap .footer_nav li a{padding:15px 20px;font-size:1.1rem;font-weight:700}
.footer_info .footer-wrap{background:#eeebe9;background:0 0;background-size:cover;}
.footer_info .footer-wrap .footer_center{background:0 0}
.footer_info .footer-wrap .fnav_wrap{display:none}
.footer_info .footer-wrap .footer_center{width:100%;padding-bottom:0}
.footer_info .footer-wrap .info-text{position:absolute;bottom:10px}
.footer_info .footer-wrap .info_box h3{font-size:1.5em;letter-spacing:.1rem;position:relative;margin:15px 0 8px 0;font-weight:400}
.footer_info .footer-wrap .info_box p{font-size:1rem;letter-spacing:.1rem;margin-bottom:.5rem;font-family:'Noto Sans TC',sans-serif!important;color:#fff}
.footer_info .company-info .info-text p:nth-child(2),.footer_info .company-info .info-text p:nth-child(3){display:inline-block;position:relative;padding-right:20px}
.footer_info .footer-wrap .contact-box h4{color:#fff;line-height:28px;padding-left:44px;padding-left:0;font-size:1.15rem;font-family: 'Noto sans TC', sans-serif !important;font-weight: normal;}
.footer_info .fb-info{margin-top:0!important;position:relative;background:rgb(96 178 228);padding-top:3rem;padding-right:8.333333%;padding-left:6rem;-ms-flex:0 0 25%;flex:0 0 33.333%;max-width:33.333%}
.footer-wrap .footer_sbox{display:none}
.footer_info .fb-info:before{content:'';position:absolute;width:100%}
.footer_info .company-info{margin-top:4rem!important;-ms-flex:0 0 28.333%;flex:0 0 28.333%;max-width:28.333%;margin-left:5%;}
.footer-wrap .contact-info{padding-bottom:0;margin-top:0!important;-ms-flex:0 0 50%;flex:0 0 33.333%;max-width:33.333%;background:#60b2e4;border-radius:60px 0 0 0}
.footer_info .footer-wrap .icon_wrap{display:none}
.footer_info .footer-wrap .icon_wrap p{font-size:1rem;display:flex;align-items:center}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{margin:0;-ms-flex:0 0 25%;display:inline-block;position:revert}
.footer_info .footer-wrap .footer_bticon li a img{width:auto;padding:10px 5px}
.footer_info .footer-wrap .footer_bticon li a:hover img{opacity:.7}
.footer_info .footer-wrap .contact-box h2{margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25em;font-weight:400;letter-spacing:.15rem;font-family:'Playfair Display',sans-serif!important;position:relative;display:none}
.footer_info .footer-wrap .contact-box a{display:flex;position:relative}
.footer_info .footer-wrap .contact-info a i{position:relative;margin-right:0;padding:0;color:#fff}
.footer_info .footer-wrap .contact-info a h4 i:before{content:'：';font-weight:700}
.footer_info .footer-wrap .contact-info a h4:before{content:'';width:65px;display:inline-block;text-align:justify;font-weight:700;letter-spacing: 0.15rem}
.footer_info .footer-wrap .contact-info a:nth-child(2) h4:before{content:'總公司'}
.footer_info .footer-wrap .contact-info a:nth-child(3) h4:before{content:'台　南'}
.footer_info .footer-wrap .contact-info a:nth-child(4) h4:before{content:'嘉　義'}
.footer_info .footer-wrap .contact-box p{margin:0 0 5px;font-size:1.15rem}
.footer_info .footer-wrap .contact-box:nth-last-child(1) p a svg{fill:#005519!important}
.footer_info .footer-wrap .contact-box p a{border:none;font-size: 1.0rem;padding:8px 0;display:table;transition:unset;display:initial;height:auto;line-height:1.5rem;color:#fff;font-family: 'Noto sans TC', sans-serif !important;font-weight: normal;}
.footer_info .footer-wrap .contact-box p a svg{width:20px;fill:#e5007f!important}
.footer_info .footer-wrap .contact-box p a:hover{background:0 0!important;font-size: 1.0rem;}
.footer_info .footer-wrap .contact-box:nth-child(3) p:nth-child(2) a:hover{border-bottom:3px solid #00000000}
.footer_info .footer-wrap .contact-box p a::after{display:none}
.footer_info .footer-wrap .contact-box p img{width:20px}
.footer_info .footer-wrap .contact-box{padding: 0 15px 0 70px;margin-top:3rem;margin-bottom: 3rem !important;}
.footer_info .footer-wrap .fb-box a{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-bottom:.5rem;padding:10px}
.footer_info .footer-wrap .fb-box a .tooltiptext{visibility:initial;margin:0;bottom:unset;left:unset;position:relative;background:no-repeat;font-size: 1.15rem;font-weight: bold;}
.footer_info .footer-wrap .fb-box a .tooltiptext::after{display:none}
.footer_info .footer-wrap .fb-box a img{max-width:50px;display:none}
.footer_info .footer-wrap .footer_sbox a img{height:auto}
.footer-wrap .info_box a img{margin-bottom:1.5rem}
@media(max-width:1200px){.footer_info .company-info .info-text{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px) and (max-width:1199px){
.footer_info .company-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-left:0}
}
@media (min-width:992px){.footer_info .footer-wrap .contact-info a:nth-child(4){padding-bottom:2rem!important}
}
@media(max-width:991px){.footer_info .company-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top: 2rem !important;text-align:left!important}
.footer_info .company-info .info-text{text-align:center}
.footer_info .footer-wrap .contact-info{-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important;margin-top:0!important;margin-bottom:0!important;flex-direction:column}
.footer-wrap .contact-box{-ms-flex:0 0 100%!important;max-width:100%!important;margin-top:0!important}
.footer-wrap .contact-box:nth-child(1){padding:0}
.footer-wrap .contact-box:nth-child(2){padding:0;display:flex;justify-content:center;margin-bottom:0!important}
.footer-wrap .contact-box:nth-child(2) p{text-align:center;width:auto}
.footer-wrap .contact-box:nth-child(2) h4{padding:0;padding-left:10px}
.footer-wrap .contact-box:nth-child(3){padding:0}
.footer-wrap .contact-box:nth-child(3) p:nth-child(2){width:100%;text-decoration:none}
.footer_info .footer-wrap .footer_sbox{margin-bottom:10px;margin-top:10px}
.footer_info .footer-wrap .footer_center{padding-bottom:0}
.footer_info .footer-wrap .info_box p{font-size:1rem}
.footer_info .footer-wrap .info_box h3{font-size:1rem;letter-spacing:.1rem}
.footer_info .footer-wrap .contact-box h4{font-size:1rem;letter-spacing:.1rem}
.footer_info .footer-wrap .contact-box:nth-child(1) h4{padding-left:36px;word-break:break-all}
.footer_info .footer-wrap .contact-box p{margin:6px 0 6px}
.footer_info .footer-wrap .fb-box a{-ms-flex:0 0 50px!important;flex:0 0 50px!important;max-width:50px!important;margin-bottom:.5rem}
.footer_info .fb-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:0!important}
.footer_info .fb-info .row{margin:0 auto;width:100%;margin:0 auto;text-align:center;max-width:150px}
}
@media(max-width:767px){
.footer_box{margin-top:30px}
.footer_box .module-container .row{background: none !important;} 
.footer_info .footer-wrap .contact-box h2{margin-bottom:.5rem;margin-top:1.5rem;display:none}
.footer_info .footer-wrap .footer_center{margin-top: 1.5rem;padding-right: 0px !important;padding-left: 0px !important;}
.footer_info .footer-wrap .fnav_wrap .footer_nav{display:none}
.footer_info .footer-wrap .footer_nav li a{padding:5px 5px}
.footer-wrap .info_box a{margin:0 auto;text-align:center!important}
.footer-wrap .info_box a img{width:186px}
.footer_info .footer-wrap .contact-box p a{font-size: .9rem;letter-spacing:0;padding:0 10px 0 30px;}
.footer_info .footer-wrap .contact-box:nth-child(1) p:nth-child(2) a{padding:4px 20px 4px 30px}
.footer_info .footer-wrap .icon_wrap p{font-size:.9rem;color:#8e8e8e!important;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.footer_info .footer-wrap .icon_wrap{flex-direction:column;padding:6px}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:10px;display:none}
.footer_info .contact-info .contact-box:nth-child(2) h2{display:none}
.footer_info .footer-wrap .footer_sbox{margin:0}
.footer_info .footer-wrap .contact-box:nth-child(1) h4{padding-left:10px;word-break:break-all;font-size:1rem;padding: 0px 10px 0 30px;margin: 5px 0;}
.footer_info .footer-wrap .fnav_wrap{border:none}
.footer-wrap .contact-box:nth-child(2){display:flex;flex-direction:column}
.footer_info .contact-info .contact-box:nth-child(1){margin:0!important}
.footer_info .company-info{display:none;}
.footer_info .fb-info{display:none}
.footer_info .footer-wrap .contact-info{padding-bottom: 60px;padding-top: 30px;}
}


.D_products_group_detail .fixed_side .side_box, .product-details .fixed_side .side_box {display:none !important;}
.fixed_side .side_bar{border-radius:10px 0 0 10px;padding:0;background:0 0!important;box-shadow:none}
.fixed_side .side_box {bottom: 350px;z-index: 100;}
.fixed_side .side_bar li{border-bottom:none;padding:5px 0}
.fixed_side .side_bar li a p{font-size:1.1rem;/* margin: 0; */}
.fixed_side .actGotop{bottom:25px;z-index:300!important;width:50px;height:50px}
.fixed_side .actGotop a,.fixed_side .actGotop a:link{border-radius:50px;width:50px;height:50px}
.fixed_side .actGotop a i{font-size:1.5rem;width:50px;height:50px}
.fixed_side .actGotop a i:before{content:'';background:url(https://materials.fillo.com.tw/materials/waypoint/images/ed0084a5-8d10-4cf7-94ba-3724cd569a8a.svg);width:20px;height:22px;position:absolute;background-repeat:no-repeat;left:50%;top:50%;transform:translate(-50%,-50%)}
@media (max-width:550px){
.fixed_side .side_bar{position:fixed;bottom:0;left:0;display:flex;flex-direction:row;width:100%;flex-wrap:wrap;justify-content:center;background: #60b2e4 !important;margin:0;border-radius:0}
.fixed_side .side_bar li{padding: 3px 12px;}
.fixed_side .side_bar li a img{width:36px;}
.fixed_side .side_bar li a p{margin: 0;}
.fixed_side .actGotop{bottom:55px}
}

/*contact-bespoke*/
.D_customformfront_main{background: #ffffff;}
input::placeholder{color:#ccc!important;font-size:1.0rem}
.web-page-frame.lock{background:0 0}
section.group_table.contact{padding-top:196px;position: relative;}
section.group_table.contact .trip_title{padding: 15px 45px 30px;margin:0;/* background: #5d5c54d9; */}
section.group_table.contact .container{width:100%;max-width:1080px;padding:  0px 15px;background: #57525de0;}
section.group_table.contact .container .contac_form{z-index: 100;margin-bottom: 120px;}
section.group_table.contact:before{/* background: url(https://materials.fillo.com.tw/materials/nonotour/images/47f10719-08af-4f7e-afbd-24dbb8a12ab3.png); *//* background-attachment: fixed; *//* background-position: center center; */}
section.group_table.contact .container .trip_title article h2{line-height:1;display:table;margin:0 auto;padding:0 2rem .5rem;letter-spacing:.2rem;position:relative}
section.group_table.contact>.container>h2,section.group_table.contact>.container>h4{/* display:none; */}
section.group_table.contact>.container>h2{padding-top: 20px;color: #fff;font-size: 1.5rem;padding: 60px 45px 0;text-align: center;}
section.group_table.contact>.container>h4{margin-bottom: 15px;padding-bottom: 15px;border: none;position: relative;display: none;}
section.group_table.contact .trip_title article{position:relative}
section.group_table.contact .trip_title article h3{margin-bottom:30px;font-family:Roboto,sans-serif!important;font-weight:200;letter-spacing:.09rem}
section.group_table.contact .trip_title article h4{line-height:1.7rem;border-bottom:0;margin-bottom:0;padding:0}
section.group_table.contact .trip_title article p{position:absolute;right:-15px;bottom:-40px}
section.group_table.contact .trip_title h5{margin-top:0}
section.group_table.contact .form-row{background: #f4f4f4;margin:0;padding:65px 45px 0;/* background-image:url(https://materials.fillo.com.tw/materials/funvoyage/images/eb470fa9-9556-425f-a65f-cfaa8d853f83.png); */}
section.group_table.contact .form-row:last-child{padding:33px 45px 50px;border-bottom: 3px #99cedb solid;}
.contact .contac_form .form-row .form-group{/* margin-bottom:32px; *//* flex: 0 0 33.3%; *//* max-width: 33.3%; */padding-right: 15px !important;padding-left: 15px !important;}
section.group_table.contact .form-row:last-child .form-group{flex: 0 0 100%;max-width: 100%;}
.form-title{text-align:center;border:1px solid #d2d2d2;padding: 10px;margin-bottom:30px;margin-top:30px;background: #919991;flex: 0 0 100%;max-width: 100%;}
.contact .contac_form .form-row h3{font-size: 1.0rem;color: #efefef;margin: 0;}
.contact .contac_form label{font-size:15px;margin-bottom:15px;/* padding-left:25px; */color:#545454}
.contact .text_blue{color: #e36464;font-size: 1.0rem;}
.contact .fa-calendar{position:absolute;margin-top:-28px;right:30px;color:#787a44}
.contact .contac_form input{/* width:calc(100% - 46px); */height:40px;border:0;margin:0 auto;padding:.3rem .5rem;/* font-size:13px; */}
.contact select.form-control{/* width:calc(100% - 46px); */margin:0 auto;padding:2px;height:40px;font-size:14px;border-radius:0;color:#666;border:0}
.contact select.form-control:not([size]):not([multiple]){height:40px}
.contact div[data-type=CBX] .form-check{height:20px;font-size:14px;margin:0;margin-bottom:10px;padding-left:20px}
.contact textarea.form-control{/* width:calc(100% - 46px); */margin:0 auto;border:0;border-radius:0;height:150px}
.contact .form-row button{position:relative;font-size: 1.0rem;margin:0!important;padding: 8px 0px;text-align: center;width:180px;border-radius:0;background: #5fa3b3 !important;color: #ffffff;border: 1px solid #5fa3b3 !important;outline:0}
.contact .form-row button:hover{opacity: 0.9;}
.contact .form-row button.btn-primary:not(:disabled):not(.disabled).active,.contact .form-row button.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background: #3e4b3f;border: 1px solid #3e4b3f;box-shadow: none;}
@media (max-width:767px){section.group_table.contact{padding-top:0;margin:0}
section.group_table.contact .container{background: #0000009e;}
section.group_table.contact>.container>h2{padding: 30px 45px 0;margin-top: 0px;}
section.group_table.contact .trip_title{padding:0 15px 15px}
section.group_table.contact .trip_title p{line-height:1.5}
section.group_table.contact .form-row{padding:30px 15px 0}
section.group_table.contact .form-row:last-child{padding:15px 1px 30px}
}

/*module*/
.main_slider {padding: 0 30px;}
.main_slider .bs-carousel {margin-top: 15px;margin-bottom: 15px;border-radius: 20px;overflow: hidden;}
.main_slider .carousel-indicators{/* position:relative; */order:12;z-index:10;padding: 30px 30px;margin:0;bottom: 0;justify-content: flex-end;}
.main_slider .carousel-indicators li{width: 12px;height: 12px;border-radius:100%;overflow:hidden;opacity:1;margin:1px;background-color: #ffffff;border:10px solid transparent}
.main_slider .carousel-indicators li.active{background-color: #60b2e4;}
.main_slider .carousel-control-next-icon{background-image:url(https://materials.fillo.com.tw/materials/bigeagle/images/68e04996-2c59-46de-a14b-eeabe33c0c9a.svg)}
.main_slider .carousel-control-prev-icon{background-image:url(https://materials.fillo.com.tw/materials/bigeagle/images/642faeb1-e3ea-4b3b-b67f-a5df4a860c06.svg)}
.main_slider .carousel-control-next-icon,.main_slider .carousel-control-prev-icon{width:35px;height:35px}
.main_slider .carousel-inner picture::before {content: "";position: absolute;background: linear-gradient(0deg, #0000001c, #0000002b);width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.main_slider .bs-carousel .carousel-caption{top: 30%;z-index: 10000;}
.main_slider .bs-carousel .carousel-caption .text{padding: 10px 20px;z-index: 10000;}
.main_slider .bs-carousel .carousel-caption .text:before{/*position:absolute;content:'';border: 1px solid #8c783c;width: calc(100%);height: calc(100%);top: 6px;left: 6px;z-index: 1;*/}
.main_slider .bs-carousel .carousel-caption p{margin: 0;}
.main_slider .bs-carousel .carousel-item h3{text-shadow: none;font-size: 3.6rem;font-family: 'Noto Serif TC',sans-serif !important;letter-spacing: .75rem;margin-bottom: .75rem;font-weight: 500;}
.main_slider .bs-carousel .carousel-item h5{text-shadow: none;margin-top: 1rem;margin-bottom: .75rem;letter-spacing: 1.2px;font-weight: 400;font-size: 1.25rem;z-index: 10000;}
.main_slider .bs-carousel .carousel-item h5 span{/* font-family: 'Playfair Display', sans-serif!important; */}
@media (max-width:1199px) and (min-width:991px){
.main_slider .bs-carousel .carousel-item h3{font-size: 2.8rem;}
.main_slider .bs-carousel .carousel-item h5{font-size: 1.0rem;}  
}
@media (max-width: 991px){
.main_slider .bs-carousel .carousel-item h3{font-size: 2.4rem;letter-spacing: .5rem;}
.main_slider .bs-carousel .carousel-item h5{font-size: 1.0rem;}  
.main_slider .bs-carousel .carousel-caption{top: 15%;}
}
@media (max-width: 767px){
.main_slider .bs-carousel .carousel-caption{display: block !important;top: 10%;}
.main_slider .bs-carousel .carousel-item h3{font-size: 1.5rem;letter-spacing: .1rem;}
.main_slider .bs-carousel .carousel-item h5{font-size: 1.0rem;} 
}
@media (max-width: 500px){
.main_slider .carousel-indicators{padding:0 10px 10px 10px;position: absolute;}
.main_slider .bs-carousel .carousel-caption{display: block !important;top: 5%;}
.main_slider .bs-carousel .carousel-caption .text{padding: 10px 20px;}
.main_slider .bs-carousel .carousel-item h3{font-size: 1.3rem;}
.main_slider .bs-carousel .carousel-item h5{font-size: 1.0rem;}
.main_slider .carousel-indicators li{border: 5px solid transparent;}
}

.search_tabs .blk-tabs.dp-tbl .nav{max-width: 1440px;margin: 0 auto;padding: 20px 30px 10px 30px;}
.search_tabs .blk-tabs.dp-tbl{/* display: none !important; */}
.search_tabs .blk-tabs.dp-tbl{/* margin-top: -120px; *//* z-index: 2; */}
.search_tabs .blk-tabs.dp-tbl .nav-item .nav-link{/* background: #e5007f; */color: #9a9a9e;border-bottom: 2px solid #9a9a9e;font-size: 1.25rem;font-weight: bold;letter-spacing:.05rem;padding: .5rem 1.8rem;/* margin: .85rem 1.8rem; */border-radius: 10px 10px 0 0;margin-right: 2px;}
.search_tabs .blk-tabs.dp-tbl .nav-item .nav-link.active{color: #ea168c;/* background: #fff; */border-bottom: 2px solid #ea168c;}
@media (max-width:767px){.search_tabs .blk-tabs.dp-tbl{margin-top: 0rem;z-index: 1;}
.search_tabs .blk-tabs.dp-tbl .nav-item .nav-link{margin: 0 .5rem 0 0.5rem;padding: 0.5rem 0.8rem;font-size:1.2rem}
.search_tabs .blk-tabs.dp-tbl .nav{justify-content: center;}
}
.inbound_search,.outbound_search{/* padding: 1rem 1rem; */margin-top: 36px;margin-bottom: 30px;z-index: 2;/* background: #ffffff; *//* box-shadow:0 5px 10px #e2e2e2; */border-radius: 10px 10px 0px 0px;}
.inbound_search section.group_banner .search-area .search-box .select-date .select input{width:calc(50% - 18px);/* background-color: #f3ece5; */border-radius: 1px;height:35px;padding:5px}
.inbound_search .search-area .search-box .select-date .select .divide{margin:16.5px 10px 0 10px}
.inbound_search .group_banner.search_banner .search-area>.container, .outbound_search .group_banner.search_banner .search-area>.container {background:0 0;border:none;}
.inbound_search section.group_banner .search-area .search-box .select-departure, .inbound_search section.group_banner .search-area .search-box .select-destination,.inbound_search section.group_banner .search-area .search-box .select-date{background: none;padding: 0px 10px;}
.outbound_search .group_banner.search_banner .search-area>.container{/* margin-top: 1rem; */}
.outbound_search section.group_banner .search-area .search-box div div {min-height: auto !important;}
@media (min-width:991px){
.inbound_search section.group_banner .search-area .search-box, .outbound_search section.group_banner .search-area .search-box{margin: 0px;height: 85px;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(1){-ms-flex: 0 0 13%;flex: 0 0 13%;max-width: 13%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(2){-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(3){-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(4){-ms-flex: 0 0 22%;flex: 0 0 22%;max-width: 22%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(5){-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(6){-ms-flex: 0 0 10%;/* flex: 0 0 10%; *//* max-width: 10%; *//* flex-direction: column; *//* position: relative; *//* width: 100%; *//* right: unset; *//* bottom: unset; */bottom: -35px;right: 19%;}
.outbound_search section.group_banner .search-area .search-box>div:nth-child(7){-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 15%;flex-direction: column;}}
.inbound_search section.group_banner .search-area .search-box .select-departure, .inbound_search section.group_banner .search-area .search-box .select-destination,.inbound_search section.group_banner .search-area .search-box .select-date{padding: 0;}
}
.inbound_search section.group_banner .search-area .search-box .select-date,.inbound_search section.group_banner .search-area .search-box .select-departure,.inbound_search section.group_banner .search-area .search-box .select-destination{padding:10px 0;background: #ffffff;}
.inbound_search section.group_banner .area_input, .outbound_search .search-area .search-box .select select{background-color: #e9e9e9;border-radius: 0px;height: 42px !important;background-position:95%;padding: 10px 15px;border-radius: 30px;}
.inbound_search section.group_banner .search-area .search-box .select-status{bottom:-10px}
section.group_banner .search-area .search-box .search-btn{/* border-radius: 20px; */background: #e5007f;}
.inbound_search section.group_banner .search-area .search-box .select-date .title,.inbound_search section.group_banner .search-area .search-box .select-departure .title,.inbound_search section.group_banner .search-area .search-box .select-destination .title,.inbound_search section.group_banner .search-area .search-box .select-goal .title,.inbound_search section.group_banner .search-area .search-box .select-place .title{height:30px;min-height:30px;position: relative;}
.inbound_search section.group_banner .search-area .search-box .select-date .title h6,.inbound_search section.group_banner .search-area .search-box .select-departure .title h6,.inbound_search section.group_banner .search-area .search-box .select-destination .title h6{font-size:1rem;color: #1d1d1d;margin: 0px;}
.inbound_search section.group_banner .search-area .search-box .select-date .title i,.inbound_search section.group_banner .search-area .search-box .select-departure .title i,.inbound_search section.group_banner .search-area .search-box .select-destination .title i,.inbound_search section.group_banner .search-area .search-box .select-goal .title i,.inbound_search section.group_banner .search-area .search-box .select-place .title i{display: none;}
.outbound_search section.search_banner .search-area .search-box .select-goal, .outbound_search section.search_banner .search-area .search-box .select-place,.outbound_search section.group_banner .search-area .search-box div .select-date{padding: 0px 5px;}
.outbound_search section.group_banner .search-area .search-box div div {background: none !important;height: 30px !important;/* min-height: 30px !important; *//* padding: 0px !important; */position: relative;}
.outbound_search section.group_banner .search-area .search-box div div.select-date .select{background: #e9e9e9 !important;height: 42px !important;line-height: 42px;border-radius: 30px;padding: 0px 15px;}
.outbound_search section.group_banner .search-area .search-box .form-check .customcheck input:checked ~ .checkmark{background-color: #60b2e4;}
.outbound_search section.group_banner .search-area .search-box .form-check .customcheck input ~ .checkmark{background-color: #ffffff;border-radius: 2px;border: 1px solid #cdcdcd;}
.outbound_search section.group_banner .search-area .search-box div.select-input{/* margin-top: 26px; */}
.outbound_search section.group_banner .search-area .search-box div .select-date input.date-start,.outbound_search section.group_banner .search-area .search-box div .select-date input.date-end{width: calc(50% - 18px) !important;height: 42px;background: #ffffff00 !important;border-radius: 0;border-radius: 5px;}
.outbound_search section.group_banner .search-area .search-box div div.divide{background: black !important;height: 2px !important;min-height: 2px !important;margin: 20.5px 10px 0px 10px !important;}
.outbound_search section.group_banner .search-area .search-box .title i{display: none;}
.outbound_search .search-box .title::before{content:"";position:absolute;top: 8px;left: 1px;width: 10px;height: 10px;border-radius: 10px;background-repeat: no-repeat;background: #fad200;}
.outbound_search .search-area .search-box .select-date .title, 
.outbound_search .search-area .search-box .select-place .title,
.outbound_search .search-area .search-box .select-goal .title {padding: 0 0 0px 19px !important;margin-bottom: 5px;}
.outbound_search .search-area .search-box .select-goal .title{padding: 0 0 0px 20px !important;}
.outbound_search section.group_banner .search-area .search-box .title h6{font-size: 1.25rem !important;margin: 0px 0px 5px 0px !important;color: #3d2731!important;line-height: 24px;font-weight: bold;}
.inbound_search section.group_banner .search-area .search-box .search-btn{margin-top:5px;background: #e5007f;color: #fff;margin-top: 30px;height: 36px;line-height: 40px;}
.outbound_search section.group_banner .search-area .search-box .search-btn{margin-top:5px;background: #e5007f;color: #fff;margin-top: 37px;height: 42px;line-height: 40px;border-radius: 30px;}
.inbound_search section.group_banner .search-area .search-box .search-btn i{display:none}
.inbound_search .search-area .search-box .search-btn h5,.outbound_search .search-area .search-box .search-btn h5{font-size: 1.0rem;font-weight: 600;}
.outbound_search .search-area .search-box .search-btn i{display: none;}
.inbound_search section.group_banner .search-area .search-box .select-input>input{/* background: #f3ece5; */}
.inbound_search section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #ffffff;position: relative;}
.inbound_search section.group_banner .search-area .search-box .select-input>input::placeholder{color: #1d1d1d;}
.inbound_search section.group_banner .search-area .search-box .select-input>input{line-height: 30px;height: 35px;margin-top: 30px;padding-left: 10px;}
.inbound_search section.search_banner .search-area .search-box .select-input .data-icon-search{top: calc(12px);color: #ffffff;display: none;}
.outbound_search section.group_banner .search-area .search-box .select-input > input{background: #e9e9e9;}
.outbound_search section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #ffffff;/* position: relative; *//* min-height: auto !important; *//* padding: 0px !important; */}
.outbound_search section.group_banner .search-area .search-box .select-input>input::placeholder{color: #1d1d1d;}
.outbound_search section.group_banner .search-area .search-box .select-input>input{height: 26px;margin-top: 30px;line-height: 42px;height: 42px;margin-top: 36px;padding: 10px 15px;border-radius: 30px;}
.outbound_search section.search_banner .search-area .search-box .select-input .data-icon-search{top: calc(12px);color: #ffffff;display: none;}
/*.outbound_search .search-box .title::before{content:"";position:absolute;top: 3px;left: 1px;right:6px;width: 20px;height: 20px;background-repeat: no-repeat;}
.outbound_search .search-box .select-goal .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/601b26ba-eb94-46ae-8147-6546b1133578.png'); }
.outbound_search .search-box .select-place .title::before{background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/4aff90a5-5fa2-48a4-9f97-6ed4e4f49c38.png');}
.outbound_search .search-box .select-date .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/fdaa0593-b1ef-42cf-b84b-850794ab907d.png'); }
.outbound_search .search-box .select-keywords .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/0a71a529-0098-4f29-96a0-271881b53ce4.png');}
.outbound_search .search-area .search-box .select-date .title, .outbound_search .search-area .search-box .select-place .title, .outbound_search section.group_banner .search-area .search-box .select-goal .title {padding: 0 0 0px 22px !important;margin-bottom: 5px;}*/
.inbound_search .search-box .title::before{content:"";position:absolute;top: 3px;left: 1px;right:6px;width: 20px;height: 20px;background-repeat: no-repeat;display: none;}
.inbound_search .search-box .select-departure .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/601b26ba-eb94-46ae-8147-6546b1133578.png'); }
.inbound_search .search-box .select-destination .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/4aff90a5-5fa2-48a4-9f97-6ed4e4f49c38.png'); }
.inbound_search .search-box .select-date .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/fdaa0593-b1ef-42cf-b84b-850794ab907d.png'); }
.inbound_search .search-box .select-keywords .title::before{ background-image: url('https://materials.fillo.com.tw/materials/tkt888/images/0a71a529-0098-4f29-96a0-271881b53ce4.png');}
.inbound_search .search-area .search-box .select-departure .title,.inbound_search .search-area .search-box .select-destination .title,.inbound_search .search-area .search-box .select-date .title, .inbound_search section.group_banner .search-area .search-box .select-keywords .title h6 {/* padding: 0 0 0 22px !important; */}
.datepicker table tr th.dow{color:#04abf2;border-bottom:1px solid #ebebeb}
.datepicker table tr th.dow:nth-last-child(1),.datepicker table tr th.dow:nth-last-child(2){color:#ff9191}
.datepicker .next,.datepicker .prev{background:#eee;border-radius:50px}
.datepicker table tr th.clear{color:#999}
.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none;font-size:15px}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{color:#bbb}
@media (min-width:1200px){.inbound_search section.group_banner .search-area .search-box{/* height:90px; */}
}
@media (min-width:992px){}
@media (max-width:1600px){.inbound_search,.outbound_search,.search_tabs{/* flex:0 0 83.333333%; *//* max-width:83.333333%; */}
}
@media (max-width:1366px){.inbound_search,.outbound_search,.search_tabs{/* flex:0 0 91.666667%; *//* max-width:91.666667%; */}
}
@media (max-width:991px){.inbound_search section.group_banner .search-area .search-box{/* height:90px; */}
.inbound_search section.group_banner .search-area .search-box .select-input>input{margin-top: 15px;}
.outbound_search section.group_banner .search-area .search-box .select-input>input{height: 40px;margin-top: 0px;}
.outbound_search section.group_banner .search-area .search-box div div{height: auto !important;}
}
@media (max-width:767px){.inbound_search section.group_banner .search-area .search-box .search-btn, .outbound_search section.group_banner .search-area .search-box .search-btn{height:45px;line-height:45px;margin-top: 0px;}
.inbound_search,.outbound_search,.search_tabs{/* flex: 0 0 90%; *//* max-width: 90%; *//* margin-top: -50px; *//* border: 1px #ebebeb solid !important; */border-bottom: 0 !important;margin-top: 10px;margin-bottom: 10px;}
.outbound_search section.group_banner.search_banner{width: 100%;}
.outbound_search section.group_banner .search-area .search-box{margin: .5rem 0 .5rem;}
.outbound_search section.search_banner .search-area .search-box .select-goal, .outbound_search section.search_banner .search-area .search-box .select-place,.outbound_search section.group_banner .search-area .search-box div .select-date{ padding: 10px 0px !important; }
}

.title_style h1{font-size:2.8rem;margin-bottom:1rem;font-family:"Noto Sans TC",sans-serif!important;letter-spacing:.75rem;margin:1.5rem 0 .5rem 0}
.title_style h2{margin-bottom:1rem;font-family:"Noto Sans TC",sans-serif!important;letter-spacing:.5rem;margin:1.5rem 0 .5rem 0}
.title_style h3{margin-bottom:1rem;font-family:"Noto Sans TC",sans-serif!important;letter-spacing:.5rem;margin:2rem 0 .5rem 0;font-weight:700}
.title_style h4{margin-bottom:1rem;font-family:"Noto Sans TC",sans-serif!important;letter-spacing:.25rem}
.title_style h5{letter-spacing:.2rem;font-size:1.25rem;font-weight:700}
.title_style ul li{list-style:disc}
.title_style p{margin-bottom:1rem;letter-spacing:.15rem;font-weight:600;font-size:2.4rem}
.title_style p.deco span{font-family:"Noto Sans TC",sans-serif!important}
.title_style p.deco{position: relative;margin-bottom: 2rem;}
.title_style p.deco:after{content:'';width: 43px;height: 5px;position: absolute;bottom: -21px;z-index: 0;left: 50%;transform: translate(-50% ,0);background: url(https://materials.fillo.com.tw/materials/waypoint/images/c7cc1183-e908-43d6-be4a-759effc66e80.png);background-size: 100%;background-repeat: no-repeat;}
.title_style img{max-width:100%!important}
.title_style .vertical_line{width:2px;height:60px;background:#555;display:block;text-align:center;position:relative;transform:translate(-50%,0);left:50%}
@media (max-width:768px){.title_style{padding: 0 2rem .5rem 2rem !important;margin-top: 2rem !important;}
.title_style h1{font-size:2rem}
.title_style h3{font-size:1.5rem;letter-spacing:.3rem}
.title_style h5{font-size:1rem}
.title_style p.deco{font-size: 1.8rem;}
}
.title_style.left p.deco:after {left: 3px;transform: translate(0%, 0);}

.Itinerary .expand-graphics .item-box{margin-bottom: 30px !important;}
.Itinerary .expand-graphics .item_box{background:#fff;height:100%;width:100%;border: 1px solid #a8d4ed;border-radius:15px;overflow:hidden}
.Itinerary .expand-graphics .item_box a{padding-bottom:50px}
.Itinerary .expand-graphics .item_box figure{border-radius:0;margin-bottom:0}
.Itinerary .expand-graphics .item_box:hover figure img{transition:.5s;-webkot-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);opacity:.8}
.Itinerary .expand-graphics .item_box .item_more_txt{padding:1rem 1rem;display:inline-block}
.Itinerary .expand-graphics .item_box .item_more_txt h3{font-size:1.2rem;color:#333;line-height:1.5;word-break:normal;position:relative;font-family: "Noto Sans TC", sans-serif !important;}
.Itinerary .expand-graphics .item_box .item_more_txt h3 p{display:block;color:#333}
.Itinerary .expand-graphics .item_box .item_more_txt span.item_tag{display:block;color:#474747;word-break:break-all;display:inline-block;margin:0;padding:0;word-break:break-all;border-radius:100px;padding:1px 7px;margin-right:5px;font-size:.9rem;font-family: "Noto Sans TC", sans-serif !important;}
.Itinerary .expand-graphics .item_box .item_more_txt span:nth-child(2){padding:.25rem 0 .5rem 0;margin-bottom:.5em;font-size:1rem;width:100%;color:#63b4e2}
.Itinerary .expand-graphics .item_box h4{font-weight:700;margin:18px 16px;font-size: 1.70rem;line-height:1;display:flex;float:right;position:absolute;bottom:0;right:20px;align-items:flex-end;font-family: "Noto Sans TC", sans-serif !important;}
.Itinerary .expand-graphics .item_box span.item_btn,.Itinerary .expand-graphics .item_box span.item_btn_hover{margin:1rem 1rem;text-align:center;border-radius:2px;padding:5px 12px;display:none!important;position:absolute;right:1rem;bottom:0}
.Itinerary .expand-graphics .item_box h4 span{font-weight:700;color:#333;overflow:hidden;font-size:1.5rem;padding-right:6px;font-family: "Noto Sans TC", sans-serif !important;}
.Itinerary .expand-graphics .item_box h4:after{content:'起';font-weight:400;font-size:1rem;color:#474747;margin-left: 4px;margin-bottom: 2px;}
@media (min-width:991px){.Itinerary .expand-graphics .item_box:hover{border: 1px solid #60b2e4;}}
@media (max-width:767px){.Itinerary .expand-graphics .item_box{border:1px solid #eeebe9}}

.mv_top{margin: 0rem auto 3rem auto;border-radius:15px}
.mv_top .content-bottom section, .mv_top .content-top{position:absolute;top:50%;left:5%;transform:translate(0,-50%);pointer-events:none}
.mv_top .position-bottom a[data-fancybox]{border-radius:15px;overflow:hidden;position:relative}
.mv_top .position-bottom a[data-fancybox]:before{content:'';background:rgb(96 179 229 / 80%);position:absolute;top:1px;left:0;width:50%;height:100%}
.mv_top:hover .play{-webkit-filter:brightness(150%);filter:brightness(150%)}
.mv_top .position-bottom{position:relative;}
.mv_top .content-bottom .btn{padding:0;border:none;position:absolute;bottom:0;right:0}
.mv_top h4{font-weight:400;letter-spacing:.2rem;font-size:1.25rem;color:#fff;font-family:'Noto sans TC',sans-serif!important}
.mv_top h3,.mv_top h3 span{margin-bottom:1rem;letter-spacing:.5rem;margin:1.5rem 0 0 0;font-size:1.7rem;font-family:'Noto sans TC',sans-serif!important;font-weight:400;color:#fff}
.mv_top .content-bottom .play {position: absolute;right: 8%;top: 50%;transform: translate(0, -50%);pointer-events: none;}
.mv_top:hover .play img{opacity:0.9}
@media (max-width:1200px){.mv_top [data-fancybox] img{height:initial!important;aspect-ratio:4/2;object-fit:cover;object-position:center center}
.mv_top h2,.mv_top h2 span{letter-spacing:.1rem;margin:1rem 0 1rem 0;font-size:2.4rem}
.mv_top .play img{width:80px}
}
@media (max-width:991px){.mv_top [data-fancybox] img{height:initial!important;aspect-ratio:4/2.5;object-fit:cover;object-position:center center}
.mv_top h2,.mv_top h2 span{letter-spacing:.1rem;margin:.5rem 0 .5rem 0;font-size:2rem}
.mv_top .play img{width:60px}
}
@media (max-width:768px){.mv_top{max-width:100%}
.mv_top [data-fancybox] img{height:initial!important;aspect-ratio:4/2;object-fit:cover;object-position:center center;}
.mv_top h2,.mv_top h2 span{letter-spacing:.1rem;margin:.5rem 0 .5rem 0;font-size:1.5rem}
.mv_top .play{margin:0}
.mv_top .play img{width:40px}
.mv_top .content-bottom section, .mv_top .content-top{left: 10%;}
.mv_top h4{font-size: 1.0rem;}
.mv_top h3{font-size: 1.25rem;margin: 1.0rem 0 0 0;letter-spacing: .25rem;}
.mv_top .position-bottom a[data-fancybox]:before{width: 100%;background: rgb(96 179 229 / 90%);}
.mv_top .content-bottom .play{right: 35px;top: calc(100% - 60px);transform: none;}
}
@media (max-width:500px){.mv_top [data-fancybox] img{aspect-ratio: 5/3;object-position: right center;}
}

.top_ad {margin-top: 3.0rem;}
.top_ad_bg > .module-container > .main {background: linear-gradient(0deg, #e1f0f9 0%, #63b4e2 100%) !important;}
.top_ad_bg:before{content:'';background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/abd2e6e1-52eb-4fb4-a82e-16c561f5a4fe.png);background-size: contain;background-repeat: no-repeat;background-position: top center;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.top_ad  .fancybox-wrapper a[data-fancybox] {/* border-radius: 15px; */overflow: hidden;}

.theme_box_w>.module-container>.row{margin-right: -30px;margin-left: -30px;}
@media (min-width:991px){.theme_box_w{margin-bottom: 130px;}}
.theme_single .wall-wrapper{display:block}
.theme_block .row.wall-row>div:first-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-bottom: 30px;}
.theme_single .row.wall-row>div:first-child{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-bottom:0}
.theme_block .wall-wrapper,.theme_single .wall-wrapper{padding: 30px;background: none;}
.theme_block>.module-container>.main>.dp-tbl,.theme_block>.module-container>.main>.header-title.dp-tbl,.theme_single>.module-container>.main>.dp-tbl,.theme_single>.module-container>.main>.header-title.dp-tbl{display:none}
.theme_single .wall-wrapper{padding-left:0}
.theme_block>.module-container,.theme_block>.module-container>.main{height:100%}
.theme_block .wall-wrapper .row{justify-content:space-between}
.theme_block .wall-wrapper .row>div:not(:first-child){-ms-flex:0 0 calc(50% - 7.5px);flex:0 0 calc(50% - 7.5px);max-width:calc(50% - 7.5px)}
.theme_block .module-container,.theme_block .module-container>.main,.theme_block .module-container>.main .row,.theme_single .module-container,.theme_single .module-container>.main,.theme_single .module-container>.main .row{height:100%}
.theme_block .wall-wrapper .thicon_info span,.theme_single .wall-wrapper .thicon_info span{opacity:1;padding: 0 20px 0 28px;height: 48px;line-height: 48px;min-width:200px;margin-bottom:0;font-size:1rem;background:#fff;bottom:30px;text-shadow:none;border-radius:25px;left:30px;font-family:'Noto sans TC',sans-serif!important}
.theme_block .wall-wrapper .thicon_info:hover span,.theme_single .wall-wrapper .thicon_info:hover span{display:none}
.theme_block .wall-wrapper .thicon_info span:after,.theme_single .wall-wrapper .thicon_info span:after{content:"";position:absolute;top:50%;right:20px;width:10px;height:10px;border-radius:10px;background-repeat:no-repeat;transform:translate(0,-50%);background: url(https://materials.fillo.com.tw/materials/waypoint/images/7eab0342-9faf-4d51-a164-28b7f3a18890.svg);background-size: 100%;background-repeat: no-repeat;}
.theme_block .wall-wrapper .thicon_info span:before,.theme_single .wall-wrapper .thicon_info span:before{content:"";position:absolute;top:50%;right:10px;width: 30px;height: 30px;border-radius:30px;background-repeat:no-repeat;background:#60b2e4;transform:translate(0,-50%)}
.theme_block .thicon_info,.theme_block .thicon_info a,.theme_block .thicon_info a figure,.theme_block .thicon_info a figure img,.theme_single .thicon_info,.theme_single .thicon_info a,.theme_single .thicon_info a figure,.theme_single .thicon_info a figure img{height:100%;display:block}
.theme_block .thicon_info,.theme_single .thicon_info{border-radius: 20px;overflow:hidden}
.theme_single .wall-wrapper .thicon_info h3{bottom:15%}
.theme_block .wall-wrapper .thicon_info:hover h3{/* bottom: 35%; */display:block;opacity:1;transition:.5s}
.theme_single .wall-wrapper .thicon_info:hover h3{/*bottom:55%*/}
.theme_block .wall-wrapper .thicon_info h3,.theme_single .wall-wrapper .thicon_info h3{left:50%;transform:translate(-50%,0);text-shadow:none;font-family:'Noto sans TC',sans-serif!important;font-size: 1.25rem;letter-spacing:2px;font-weight: 500;width:auto;top: 44%;text-align:center;padding-left: 0;padding-right: 0;bottom:unset;opacity:0;transition:.5s;padding-bottom: 5px;}
.theme_block .wall-wrapper .thicon_info h3:after,.theme_single .wall-wrapper .thicon_info h3:after{content:'';background:#cbcbcb;position:absolute;background-repeat:no-repeat;width:100%;height:1px;left:50%;bottom:0;transform:translate(-50%,0)}
.theme_block .wall-wrapper .thicon_info p.theme-text,.theme_single .wall-wrapper .thicon_info p.theme-text{padding:0;width: 80%;max-width: 300px;position:absolute;bottom:0;left:50%;transform:translate(-50%,0);transition:.5s;margin-bottom:0;text-align:center;color:#60b2e4!important;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight: 500;font-family: 'Noto sans TC', sans-serif !important;font-size: 1.0rem;}
.theme_single .wall-wrapper .thicon_info:hover .theme_info p.theme-text{bottom:45%}
.theme_block .wall-wrapper .thicon_info:hover .theme_info p.theme-text{bottom: 26%;}
.theme_block .wall-wrapper .thicon_info,.theme_single .wall-wrapper .thicon_info{background:rgb(12 12 12 / 20%)!important;top:0;}
.theme_block .wall-wrapper .theme_info,.theme_single .wall-wrapper .theme_info{width: calc(100% - 60px);height:calc(100% - 120px);left: 30px;top: 60px;background:0 0!important;border-radius: 40px;top: unset;bottom: 0px;}
.theme_block .wall-wrapper .thicon_info:hover .theme_info,.theme_single .wall-wrapper .thicon_info:hover .theme_info{bottom: 30px;top: unset;}
.theme_block .wall-wrapper .thicon_info:hover .theme_info,.theme_single .wall-wrapper .thicon_info:hover .theme_info{transition:.8s;background: rgb(255 255 255 / 95%) !important;}
.theme_block .wall-wrapper .thicon_info:hover .theme_info h3::after,.theme_single .wall-wrapper .thicon_info:hover .theme_info h3::after{display:none}
.theme_single img{aspect-ratio:5/1;object-fit:cover;object-position:center center}
@media (min-width:767px){
.theme_block .row.wall-row>div:first-child .theme_info, .theme_single .wall-wrapper .theme_info{width: calc(100% - 170px);height:calc(100% - 120px);left: 85px;top:60px;background: 0;border-radius: 40px;top: unset;/* bottom: 0px; */}
.theme_block .row.wall-row>div:first-child .theme_info{height: 50%;}
.theme_single .wall-wrapper .thicon_info .theme_info{height: 40% !important;}
.theme_block .row.wall-row>div:first-child .thicon_info:hover .theme_info,.theme_single .wall-wrapper .thicon_info:hover .theme_info{bottom: 50px;top: unset;}
.theme_block .row.wall-row>div:first-child .thicon_info:hover h3{top: 50%;}  
.theme_single .wall-wrapper .thicon_info:hover h3{top: 66% !important;}
.theme_block .row.wall-row>div:first-child .thicon_info:hover .theme_info p.theme-text{bottom: 42%;}
.theme_block .row.wall-row>div:first-child .thicon_info:hover .theme_info:after{content:'詳細說明';background: #60b2e4;position:absolute;background-repeat:no-repeat;left:50%;bottom: 15%;transform:translate(-50%,-50%);color: #fff;border-radius: 30px;padding: 4px 20px;}
}
@media (max-width:1600px){.theme_block .wall-wrapper .thicon_info .theme_info::before,.theme_single .wall-wrapper .thicon_info .theme_info::before{top:25px;left:-15px;width:80px}
.theme_block .wall-wrapper .thicon_info .theme_info::after,.theme_single .wall-wrapper .thicon_info .theme_info::after{bottom:25px;right:-15px;width:80px}
.theme_block .wall-wrapper .thicon_info h3,.theme_single .wall-wrapper .thicon_info h3{font-size:20px}
}
@media (max-width:1199px){.theme_block,.theme_single{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.theme_single .wall-wrapper{padding-left:15px;padding-top:0}
.theme_single .widget-item .wall-row>div{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.theme_single img{aspect-ratio:5/3}
}
@media (max-width:767px){.theme_block .wall-wrapper .thicon_info h3::before,.theme_single .wall-wrapper .thicon_info h3::before{top:-10px}
.theme_block .wall-wrapper .thicon_info h3::after,.theme_single .wall-wrapper .thicon_info h3::after{bottom:-10px}
.theme_block .wall-wrapper .thicon_info h3,.theme_single .wall-wrapper .thicon_info h3{font-size:18px}
.theme_block .wall-wrapper .thicon_info:hover h3{bottom:40%}
.theme_block .wall-wrapper .thicon_info p.theme-text,.theme_single .wall-wrapper .thicon_info p.theme-text{display:none}
}
@media(max-width:575px){
.theme_block .wall-wrapper .row>div{-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;padding-bottom: 20px !important;}
.theme_block .b_img,.theme_single .b_img{aspect-ratio:5/3.5;object-fit:cover;object-position:center center}
.theme_block .wall-wrapper .thicon_info h3,.theme_single .wall-wrapper .thicon_info h3{top:50%;bottom:inherit;white-space:nowrap}
.theme_block .wall-wrapper{padding: 10px 30px 0px 30px;}
.theme_single .wall-wrapper{padding: 0px 30px 0px 30px;}
}

.group_style{max-width:1440px;margin:0 auto}
.group_style section.text-link h2{margin-bottom:1rem;letter-spacing:.15rem;font-weight:600;font-size:2.4rem;font-family:"Noto Sans TC",sans-serif!important;position:relative;margin-right:3rem}
.group_style section.text-link h2:after{content:'';width:43px;height:5px;position:absolute;bottom:-21px;z-index:0;left:17px;background:url(https://materials.fillo.com.tw/materials/waypoint/images/c7cc1183-e908-43d6-be4a-759effc66e80.png);background-size:100%;background-repeat:no-repeat}
.group_style section.text-link div.link-list ul li{margin-right:5px}
.group_style section.text-link div.link-list ul li i{display:none}
.group_style section.text-link div.link-list ul li a,.group_style section.text-link div.link-list ul li span{border-radius:50px;background:#c3e0f0;border:2px solid #b5d5e9;padding:3px 20px;font-family:"Noto Sans TC",sans-serif!important}
.group_style section.text-link div.link-list ul li:hover a,.group_style section.text-link div.link-list ul li:hover span{background:#fff;border:2px solid #60b2e4}
@media (min-width:991px){.group_style section.text-link{display:inline-flex;align-items:flex-end}
}
@media (max-width:991px){.group_style section.text-link div.link-list ul li{margin-bottom:.5rem}
.group_style section.text-link h2{margin-bottom:2rem;font-size:2rem!important}
.group_style div.link-list{margin-top:1rem;padding:10px 20px}
.group_style section.text-link div.link-list ul li a,.group_style section.text-link div.link-list ul li span{padding:0 12px;font-size:1rem!important}
}

.about_top{margin-top:3rem}
.about_top section{background:#ffffffe6;padding:3rem 3rem}
.about_top section .row{max-width:1000px;margin:0 auto;display:flex;align-content:center;align-items:center}
.about_top section p{letter-spacing:.2rem;font-size:1.2rem;font-weight:700}
@media (max-width:767px){.about_top section{padding:3rem 1rem}
.about_top section .row .logo{text-align:center;margin-bottom:1.5rem}
.about_top section p{font-size:1rem}
.about_top section img{max-width:50%}
}

.about_services{margin-top:3rem}
.about_services .hover-wall .icon_info{border-radius:0;padding:0;box-shadow:none!important;overflow:hidden;margin-top:10px;background:#fff;margin-bottom:0;height:100%}
.about_services .hover-wall .icon_info:hover{border:2px solid #dcdede;transition:.5s;bottom:0}
.about_services .hover-wall .icon_info figure{margin:0 0 1rem;text-align:center;border-radius:20px}
.about_services .hover-wall .icon_info:hover figure .b_img{transform:unset}
.about_services .hover-wall .icon_info h3:before{content:'';position:absolute;width:29px;height:29px;bottom:0;left:0;margin:0;margin-top:0;background-repeat:no-repeat!important;background:url(https://materials.fillo.com.tw/materials/waypoint/images/cd88404b-7503-48b3-8c98-99af7190cb19.png);background-position:center}
.about_services .hover-wall .icon_info:hover:after{transition:.8s;-webkit-filter:invert(5%);filter:invert(5%)}
.about_services .hover-wall .htpro_tit{display:none}
.about_services .hover-wall figure .overlay{display:none}
.about_services .hover-wall a figure{position:relative}
.about_services .hover-wall a:hover figure:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000029;opacity:0;-webkit-transition:.3s ease-in;transition:.3s ease-in;z-index:1}
.about_services .hover-wall a:hover figure:before{opacity:.7;-webkit-transition:.3s;transition:.3s}
.about_services .hover-wall .icon_info h3{font-size:1rem;margin-bottom:1.25rem;padding:0;padding:0 1.5rem 0 2.5rem;line-height:1.5;margin:1.5rem 0 .5rem 0;text-align:left;color:#565656;font-size:1.15rem;letter-spacing:1px;position:relative}
.about_services .hover-wall .icon_info h4{font-style:normal;font-size:1.1rem;margin:.2rem 0 .5rem 0!important;padding:0 1.5rem;text-align:left;margin:0;color:#656d7f;font-weight:400;font-family:'Noto Sans TC',serif!important}
.about_services .hover-wall .icon_info p.animate-text{padding:0;bottom:0;font-weight:800;font-size:1rem;letter-spacing:.03rem;margin-bottom:.5rem}
@media (max-width:767px){.about_services{margin-top:0}
.about_services .mb-4{margin-bottom:.5rem!important}
}

.new_bg .card-border {margin-bottom: 3.0rem;}

.showName{display:flex;padding:0 0;flex-direction:row;align-items:center;background:#e1f0f9;border-radius:3px}
.showName .member-name{font-size:15px}
.showName .member-name i{line-height:36px;margin-left:10px;margin-right:0}
.showName .member-name .greet{margin-left:5px}
.showName .icon{margin-left:10px;position:relative;line-height:19px!important}
.showName .icon i{font-size:16px;color:#60b2e4}
.showName .icon .count{font-size:12px;width:17px;height:17px;background:#dc5b67;border-radius:17px;text-align:center;color:#fff;display:inline-block;line-height:17px;position:absolute;top:-7px;right:-8px}
.showName .SignOut{margin-left:15px;font-size:13px;padding:4px 6px;background:#60b2e4;color:#fff;line-height:20px;text-decoration:none;line-height:30px!important}

@media (max-width: 576px){
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{line-height: 2.2;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a:before{content:'報名';font-size: 19px !important;top: 24px;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a i{display: none;}
}

@media (max-width:576px){section.group_banner.trip_banner h1{font-size:1.75rem;line-height:2.25rem}
}

section.group_table.trip_features {text-align: justify;}
