body {
  background-attachment: scroll;
  background-position: left top;
}
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;
}
/*公版*/
body.WinChrome{background-color: #fff;}
.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{margin-top: 70px;}
.D_products_group_search .filter_list{display: none;}
.D_products_group_search .list_con{flex: 0 0 100%; max-width: 100%;}
section.group_banner.trip_banner .basic_box{padding: 250px 0 0rem 0;}
section.group_banner.trip_banner .basic_box > div{margin-bottom: 0 !important;}
section.group_banner.trip_banner h6{font-size: 1rem; color: #192d50;}
section.group_banner .group_num img{width: 35px;}
section.group_banner .price_content .panel-info{border: 1px solid #235592;}
section.group_banner .price_content .panel-info .panel-heading{background: #235592;}
.basic-air-btn a{background: #4dace0; border: 1px solid #235592;}
.basic-air-btn a:hover { background: #235592;}
.pic_style figure.block_style .plane_word .go-airport{font-size: 14px; margin: auto;}
.pic_style figure.block_style .plane_word img, .search_table tbody td.go-airport img, figure.block_style .note_words>div img{display: none;}
.pic_style figure.block_style .plane_word .rounded{font-size: 14px; margin: auto;}
section.group_table.trip_features, 
section.group_table.trip_airline, 
section.group_table.trip_day, 
section.group_table.trip_note, 
section.group_table.view_intro, 
section.group_table.tripdown{
    /*background-color: #f0f0f0;*/
    margin-bottom: 0;
}
section.group_table.trip_features:before, 
section.group_table.trip_airline:before, 
section.group_table.trip_day:before, 
section.group_table.trip_note:before, 
section.group_table.view_intro:before, 
section.group_table.tripdown:before{
    /*display: none;*/
    -webkit-filter: grayscale(1) opacity(.3);
}
section.group_table.trip_features:after, 
section.group_table.trip_airline:after, 
section.group_table.trip_day:after, 
section.group_table.trip_note:after, 
section.group_table.view_intro:after, 
section.group_table.tripdown:after{
    background: #b4b4b4;
    /*display: none;*/
}
section.group_table.trip_features .container .group_table_box, 
section.group_table.trip_airline .container .group_table_box, 
section.group_table.trip_day .container .group_table_box, 
section.group_table.trip_note .container .group_table_box, 
section.group_table.view_intro .container .group_table_box, 
section.group_table.tripdown .container .group_table_box{margin-top: 3rem;}
.table .thead, .table .thead:hover{background: #235592;}
section.group_table.trip_features{text-align: left;}
section.group_table.trip_day > .container > div > h2::before { content: '航班及';}
section.group_table.trip_day table.table tr.thead th:nth-child(2){background: #192d50;}
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{display: none;}
.Day_menu.day_fixed{top: 70px !important;}
.Day_menu .swiper_day .swiper-slide a{width: 60px; height: 60px;line-height: 60px;font-size: 1rem;}
.Day_menu .swiper_day .swiper-slide a:hover{background: #4dace0; border: 1px solid #4dace0;}
.day_con .info_box { position: relative;}
.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%;}
.day_con .info_box .info h6.text_gary2{margin-top: 1.5rem;}
.day_con p[dir=ltr] {margin: 0.5rem 0;}
section.group_table.trip_day .info_box .info_box_title{margin: 0;}
section.group_table.trip_day .info_box .info_box_title > div{padding: 15px 2rem;}
section.group_table.trip_day .info_box .info_box_title .day_title{font-size: 2.5rem;color: #235592;font-weight: normal;}
section.trip_note .card-header .btn:hover, section.trip_note .card-header .btn[aria-expanded="true"]{background: #235592;}
.search_table tbody td.sale-situation .btn{background-color: #4dace0; border-color: #4dace0;color: #fff;}
.sub_menu-trip .server_menu > ul > li.join-fixed-btn{font-size: 1.1rem;border: none;background: #4dace0;}
.sub_menu-trip .server_menu > ul > li a{font-weight: normal;}
.sub_menu-trip .server_menu a i{font-size: 18px;}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .sub_menu-trip .server_menu > ul > li.query-fixed-btn{
    background: #192d50;border-top: 1px solid #fff;font-size: 1rem;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {font-size: 1rem;border-top: 1px solid #fff;}
section.group_table.tripdown .search_table tbody td.go-airport img{float: left;}
.trip_note .group_table_box #accordion ol, .trip_note .group_table_box #accordion ul{padding: revert; list-style: revert;}
section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel{padding-left: 2rem;padding-right: 2rem;}
section.group_table.trip_day .info_box .info_box_title p.meal{display: flex; flex-wrap: wrap; width: 100%;}
section.group_table.trip_day .info_box .info_box_title p.meal > span{width: calc(33.3333% - 30px);}
.day_style_12 .tp_group{width: 100%;}
.D_products_group_detail .go-to-top{display: none !important;}
@media (min-width: 992px){
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) {padding: 5px 16px;font-size: 1rem;}
.sub_menu-trip .trip_menu{width: 92px;}
.sub_menu-trip .trip_menu li a span{font-size: 15px;}
}
@media (max-width:991px) {
    .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{margin-top: 85px;}
}
@media (max-width:767px) {
    section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel{padding-left: 1rem; padding-right: 1rem;}
    section.group_table.trip_day .info_box .info_box_title p.meal > span{width: 100%; margin-right: 0;}
}

/*member*/
.member_home.new_bg .signin_width{margin-top: 150px;}

/*order*/
.group_home.D_products_signup_list .general_order_width, .group_home.D_products_signup_list .group_order_width{margin-top: 130px;}

/*gotop*/
.gotop_btn{mix-blend-mode: exclusion;z-index: 10;}
.gotop_btn .actGotop{width: 45px;}
.gotop_btn .actGotop a:link{
    width: 45px;
    height: 45px;
    border: 1px solid #c9c9c9;
    background: none;
    color: #c9c9c9;
    line-height: 45px;
    font-size: 12px;
    font-family: serif !important;
    font-weight: normal;
    letter-spacing: 0.05rem;
    padding-top: .5rem;
    position: relative;
}
.gotop_btn .actGotop a:link::after{
    content: '';
    display: table;
    width: 10px;
    height: 10px;
    border-left: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 6px);
    top: 11px;
}

/*header*/
.row.header{position: fixed;width: 100%;z-index: 9998;}
.header_nav .header-part{padding: 0 1rem;flex-wrap: wrap;min-height: unset;}
.header_nav .header-part a.navbar-brand{padding: 0; height: 76px; margin:0 12px;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item{margin-right: 1.5rem;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a{font-size: 19px;font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;letter-spacing: 0;color: #111 !important;} 
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a > span{font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item:hover > a, .header_nav .navbar-expand-lg .navbar-nav > li.nav-item.active > a, .header_nav .navbar-expand-lg .navbar-nav > li.nav-item.show > a{color: #235592 !important;background-color: #fff;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a > i{display: none;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a.dropdown-toggle::after{margin-left: 0;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item .showName{padding: 0;align-items: center;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item .showName .member-name i{margin-right: 0;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item .showName .icon{margin-left: 5px;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item .showName .icon i{color: #e83c38;}
.header_nav .navbar-expand-lg .navbar-nav > li.nav-item .showName .SignOut{margin-left: 5px;background: #235592;line-height: 30px;}
.header_nav .navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 1rem 1rem 0.5rem !important;
    top: calc(100% + 1.35rem);
    box-shadow: none !important;
    background: #235592 !important;
}
@media (min-width:992px) {
    .header_nav .navbar-expand-lg .navbar-nav .dropdown-menu{width:200px;}
}
.header_nav .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
    white-space: break-spaces;
    font-size: 1rem;
    color: #fff;
    line-height: 1.3;
    padding: 2px 0rem;
    background: linear-gradient(90deg, #fff, #fff, #fff);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: 1s all;
    color: #fff;
    width: auto;
    display: inline;
}
.header_nav .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-size: 100% 3px;
    color: #fff;
    background: linear-gradient(90deg, #fff, #fff, #fff);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
}
.header_nav .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.7rem;
}
.header_icons{ align-items: center; display: flex !important; flex-wrap: wrap;justify-content: end;}
.header_icons div.link-list{background: none !important;}
.header_icons div.link-list ul{display: flex; align-items: center; padding-right: 1rem;}
.header_icons div.link-list ul li{margin-right: 1.5rem;display: flex !important; align-items: center; flex-wrap: wrap; justify-content: center;}
.header_icons div.link-list ul li a{display: flex;padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.header_icons div.link-list ul li a i{margin: 0;font-size: 1.3rem;line-height: 41px;}
/*.header_icons div.link-list ul li:nth-child(1) a{
    background-color: #ef5e29;
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/search_FILL0_wght400_GRAD0_opsz48.svg);
    background-size: 24px;
    font-size: 0 !important;
    background-repeat: no-repeat;
    background-position: center;
}*/
.header_icons div.link-list ul li:nth-child(1) a{background-color: #1877f2;}
.header_icons div.link-list ul li:nth-child(3) a{
    background-color: #00c300;
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    font-size: 0 !important;
}
.header_icons div.link-list ul li:nth-child(2) a{background-size: cover;background-image: url(https://mywaytravel.fillo.com.tw/material-alias/7WTEi2.jpg);}

.footer_nav div.link-list{background: url(https://materials.fillo.com.tw/materials/mywaytravel/images/4fbc3655-9323-4cd6-9eef-386621b05454.jpg);}
.footer_nav div.link-list ul{display: table; margin: 2rem auto 0;}
.footer_nav div.link-list ul li{position: relative;}
.footer_nav div.link-list ul li a, .footer_nav div.link-list ul li span{padding: 10px 20px 10px 20px; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; letter-spacing: 0.1rem;}
.footer_nav div.link-list ul li + li::before{
    content: '/';
    display: block;
    color: #235592;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.footer_nav  div.link-list ul li.active a, .footer_nav  div.link-list ul li.active span{color: #235592 !important;}
.footer_company .footer-sample{padding-top: 0;padding-bottom: 0;background: url(https://materials.fillo.com.tw/materials/mywaytravel/images/4fbc3655-9323-4cd6-9eef-386621b05454.jpg);}
.footer_company .footer-sample > div:nth-child(1){flex: 0 0 33.333333%; max-width: 33.333333%;align-items: center; display: flex; flex-wrap: wrap;}
.footer_company .footer-sample .logo-part{margin-top: 0rem;}
.footer_company .footer-sample .logo-part .logo{max-width: 100%;}
.footer_company .footer-sample .logo-part .logo .img-responsive.img-fluid{width: 100%;}
.footer_company .footer-sample > div:nth-child(2){flex: 0 0 66.666667%;max-width: 66.666667%;}
.footer_company .footer-sample .contact-us-part{display: flex; flex-wrap: wrap;}
.footer_company .footer-sample .contact-us-part .contact-use-row{padding-right: 10px; letter-spacing: 1px; width: 33.3333%;}
.footer_company .footer-sample > div:nth-child(3){display: none;}
.footer_company .footer-sample .contact-us-part .contact-use-row:nth-child(2){width: 66.6667%;}
.footer_company .footer-sample .contact-us-part .contact-use-row:nth-last-child(1){width: 100%;}
.footer_copyright p{
    color: #fff;
    display: table;
    margin: 1rem auto;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    letter-spacing: 0.1rem;
    font-size: 0.8rem;
}
.travel_contract{position: absolute; top: 0; z-index: 1;display: none !important;}
.travel_contract.show{display: inline-block!important;}
.travel_contract div.link-list{min-height: auto;}
.travel_contract div.link-list ul{display: table; margin: auto;}
.travel_contract  div.link-list ul li a, .travel_contract  div.link-list ul li span{letter-spacing: 0.05rem;padding: 5px 15px 5px 15px;}
@media (max-width:1680px) {
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item{margin-right: 1.2rem;}
    .footer_company {flex: 0 0 85%;max-width: 85%;}
}
@media (max-width:1619px) {
    .header_icons div.link-list ul li{margin-right: 1.2rem;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item { margin-right: 0.8rem;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a{font-size: 18px;}
}
@media (max-width:1585px) {
    
}
@media (max-width:1524px) {
    .header_nav .header-part{padding: 0 1rem;}
    .header_nav .header-part a.navbar-brand{margin-right: 0;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item {margin-right: 2px;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a{font-size: 17px;}
}
@media (max-width:1475px) {
    .footer_company {flex: 0 0 90%; max-width: 90%;}
}
@media (max-width:1440px) {
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item{margin-right: 5px;}
    .header_icons div.link-list{min-height: auto;}
    .header_icons div.link-list ul li { margin-right: 1rem;}
    .header_icons div.link-list ul li a{width: 35px;height: 35px;}
    .header_icons div.link-list ul li a i{line-height: 37px;}
}
@media (max-width:1383px) {
    .header_nav .header-part a.navbar-brand{height: 85px;}
}
@media (max-width:1360px) {
    .footer_company {flex: 0 0 95%; max-width: 95%;}
}
@media (max-width:1322px) {
    .header_nav{padding-right: 0;} 
    .header_icons div.link-list ul{padding-right: 0;}
}
@media (max-width:1280px) {
    .header_icons div.link-list ul li{margin-right: 0.5rem;}
    .header_nav .header-part{padding-left: 0;}
    .header_nav .header-part a.navbar-brand{height: 70px;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item{margin-right: 0;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a{letter-spacing: 0;}
}
@media (max-width:1200px) {   
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a{font-size: 16px;}
    .header_icons div.link-list ul li a {width: 30px; height: 30px;}
    .header_icons div.link-list ul li a i {line-height: 34px;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item .showName .icon{margin-left: 0;}
    .footer_company {flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:1152px) {
}
@media (max-width:1059px) {
    .footer_company .footer-sample{letter-spacing: 1px;}
}
@media (max-width:1024px) {
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item > a{font-size: 16px;padding-left: 5px; padding-right: 5px;}
    .header_icons div.link-list ul li { margin-right: 0.7rem;}
    .header_icons div.link-list ul li a { width: 28px; height: 28px;}
    .header_icons div.link-list ul li a i { font-size: 1.1rem; line-height: 30px;}
}
@media (max-width:991px) {
    .header_nav{padding-right: 15px;}
    .header_nav .navbar-expand-lg .navbar-nav > li.nav-item{padding-left: 1rem;}
    .footer_company .footer-sample{letter-spacing: 0px;}
    .travel_contract{position: unset;}
    .header_nav .header-part .navbar-toggler-icon{width: 2.5rem;height: 2.5rem;}
    .header_nav .header-part .navbar-toggler{outline: none; box-shadow: none; border: none;}
    .header_icons{position: absolute; z-index: 99; top: 1.3rem; right: 6rem;}
}
@media (max-width:767px) {
    .header_nav .module-container .main .header-part .navbar-collapse{height: calc(100vh - 70px);overflow: auto;}
    .footer_company .footer-sample > div:nth-child(1) {flex: 0 0 100%; max-width: 100%;}
    .footer_company .footer-sample .logo-part .logo .img-responsive.img-fluid{width: 250px; margin: auto; display: table;}
    .footer_company .footer-sample > div:nth-child(2) { flex: 0 0 100%; max-width: 100%;}
    .footer_company .footer-sample .contact-us-part .contact-use-row { width: 50%;}
    .footer_company .footer-sample .contact-us-part .contact-use-row:nth-child(2){width: 50%;}
}
@media (max-width:460px) {
    .footer_nav div.link-list ul{display: flex; flex-wrap: wrap;justify-content: center;}
    .footer_nav div.link-list ul li + li::before{display: none;}
    .footer_nav div.link-list ul li a, .footer_nav div.link-list ul li span{ padding: 10px 15px 10px 15px;width: 128px;text-align: center;}
    .footer_company .footer-sample .contact-us-part .contact-use-row {padding-right: 0;width: 100%;}
    .footer_company .footer-sample .contact-us-part .contact-use-row:nth-child(2){width: 100%;}
    .travel_contract  div.link-list ul li{width: 100%; text-align: center;}
}
@media (max-width:375px) {
    .header_nav .header-part .navbar-toggler{padding: 0;}
    .header_icons{right: 4.5rem;flex: auto; max-width: none; left: unset; display: inline-block !important; width: auto;}
    .header_icons div.link-list ul li {margin-right: 0.5rem;}
    .footer_company .footer-sample .contact-us-part{display: inline-table;margin-top: 1rem;margin-bottom: 1rem;font-size: 15px;}
    .footer_nav div.link-list ul li a, .footer_nav div.link-list ul li span {padding: 10px 10px 10px 10px;width: 120px;}
}

/*search*/
.top_search{display: none !important;background-color: rgba(255, 255, 255, 0.85);}
.top_search.box_show{display: inline-block!important;}
.top_search .group_banner.search_banner .search-area > .container{background: none; border: none;}
.top_search section.group_banner .search-area .search-box{margin-bottom: 1rem; margin-top: 1rem; height: auto;}
.top_search section.group_banner .search-area .search-box .select-goal, 
.top_search section.group_banner .search-area .search-box .select-place, 
.top_search section.group_banner .search-area .search-box .select-date{background: none; padding: 0px 0px;}
.top_search section.group_banner .search-area .search-box .select-goal .title, 
.top_search section.group_banner .search-area .search-box .select-place .title, 
.top_search section.group_banner .search-area .search-box .select-date .title{height: 31px;}
.top_search .search-area .search-box .select-place .title i, 
.top_search .search-area .search-box .select-goal .title i, 
.top_search .search-area .search-box .select-date .title i{display: none;}
.top_search section.group_banner .search-area .search-box .select-goal .title h6, 
.top_search section.group_banner .search-area .search-box .select-place .title h6, 
.top_search section.group_banner .search-area .search-box .select-date .title h6{font-size: 1rem; margin: 0; color: #192d50;}
.top_search .search-area .search-box .select-place .select select, 
.top_search .search-area .search-box .select-goal .select select{height: 35px; padding: 5px 10px; border: 1px solid #e2e2e2; font-size: 15px;}
.top_search .search-area .search-box .select-date .select{width: 100%;}
.top_search section.group_banner .search-area .search-box .select-date .select input{width: calc(50% - 1.1rem); padding: 5px 10px; letter-spacing: 0;height: 35px; font-size: 15px; border: 1px solid #e2e2e2;}
.top_search .search-area .search-box .select-date .select .divide{background: #4dade0; margin-top: 1rem;}
.top_search section.search_banner .search-area .search-box .select-input .data-icon-search{position: unset;margin-bottom: 7px;}
.top_search section.search_banner .search-area .search-box .select-input .data-icon-search::before{display: none;}
.top_search section.search_banner .search-area .search-box .select-input .data-icon-search::after{content: '關鍵字';font-style: normal; font-size: 16px; color: #192d50; letter-spacing: 1px;}
.top_search section.group_banner .search-area .search-box .select-date > input, 
.top_search section.group_banner .search-area .search-box .select-input > input{height: 35px;padding: 5px 10px;border: 1px solid #e2e2e2;}
.top_search section.group_banner .search-area .search-box .search-btn{background: #235592;}
.top_search .search-area .search-box .search-btn h5{font-size: 18px;font-weight: bold;}
.top_search .search-area .search-box .search-btn i{display: none;}

/*index*/
.slider_box{margin-top: 100px;}
/*bootstrap原生輪播*/.slider_box .module-container .main .slide.carousel-fade a.carousel-item img{-webkit-transform: scale(1); transform: scale(1);-webkit-transition: 3s ease-in-out; transition: 3s ease-in-out;height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center bottom;}
/*bootstrap原生輪播*/.slider_box .module-container .main .slide.carousel-fade a.carousel-item.active img{-webkit-transform: scale(1);	transform: scale(1);}
.slider_box .carousel-control-prev-icon, .slider_box .carousel-control-next-icon{display:none}
.slider_box .carousel-control-next svg, .slider_box .carousel-control-prev svg{display:none}
.slider_box .carousel-control-next, .slider_box .carousel-control-prev{opacity:1}
.slider_box .carousel-control-next, .slider_box .carousel-control-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:0;padding:0;border:0;outline:0;width:20%;height: 100%;z-index:1;top:0;transition:all .3s linear}
.slider_box .carousel-control-prev{left:-25px;cursor:url(https://mywaytravel.fillo.com.tw/material-alias/prev.svg),auto;left:0;background:url(https://mywaytravel.fillo.com.tw/material-alias/prev.svg) no-repeat left 50px center;background-size:auto 36px}
.slider_box .carousel-control-next{right:-25px;cursor:url(https://mywaytravel.fillo.com.tw/material-alias/next.svg),auto;right:0;background:url(https://mywaytravel.fillo.com.tw/material-alias/next.svg) no-repeat right 50px center;background-size:auto 36px}
.slider_box .carousel-control-prev:hover{background-position:left -100px center}
.slider_box .carousel-control-next:hover{background-position:right -100px center}
.slider_box .carousel-control-next:after, .slider_box .carousel-control-prev:after{content:"";display:block;height: 30vw;width: 15vw;position:absolute;top:50%;background-color: #000000;overflow:hidden;transform:translateY(-50%) scale(.8);opacity:0;transition:all .3s ease}
.slider_box .carousel-control-prev:after{border-radius: 0 40vw 40vw 0;transform-origin:left center;left:0}
.slider_box .carousel-control-next:after{border-radius:40vw 0 0 40vw;transform-origin:right center;right:0}
.slider_box .carousel-control-next:hover:after, .slider_box .carousel-control-prev:hover:after{opacity: 0.2;transform:translateY(-50%) scale(1);}
.slider_box .carousel-fade .carousel-item .carousel-caption{display: none !important;}


.popular_box .hover-wall .htpro_tit{margin-bottom: 3em;}
.popular_box .hover-wall .htpro_tit h1{font-size: 18px;  padding-bottom: 0; border-color: #ccc; padding-left: 1.5rem; padding-right: 1.5rem;    margin-top: 0;}
.popular_box .hover-wall .htpro_tit h1 span{ font-family: serif !important; padding: 0 1rem; background: #ede9de; margin-bottom: -0.8rem;  display: block;}
.popular_box .hover-wall .htpro_tit h2{ margin-top: 1.5rem; font-size: 1.7rem; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; letter-spacing: 0.25rem;}
.popular_box .hover-wall .icon_info{position: unset; border-radius: 0; box-shadow: none;background: #ede9de;}
.popular_box .hover-wall .icon_info:hover{ box-shadow: none;}
.popular_box .hover-wall .icon_info a{display: flex; flex-wrap: wrap;}
.popular_box .hover-wall .icon_info figure{background: #192d50;order: 2;aspect-ratio: 3/2;}
.popular_box .hover-wall figure .overlay{display: none;}
.popular_box .hover-wall figure .s_img{top: unset; bottom: 0; left: unset; right: 0; z-index: 15; max-width: unset !important;}
.popular_box .hover-wall figure .b_img{max-width: 100%; object-fit: cover; object-position: center center; height: 100%;}
.popular_box .hover-wall .icon_info:hover figure .b_img{opacity: .7; transform: scale(1);}
.popular_box .hover-wall .icon_info h3{width:100%;font-size: 1.25rem; /*font-weight: normal;*/ margin-bottom: 0px; border-left: 1px solid rgb(35, 85, 146); padding: 0.1rem 0px 0.1rem 1rem; line-height: 1.4; /*font-family: "Noto Serif TC", "Cormorant SC", serif !important;*/}
.popular_box .hover-wall .icon_info h4{
    color: #eb4a4a;
    font-size: 1.3em;
    font-style: unset;
    padding: 0 0px 0 20px;
    order: 1;
    width: 100%;
    letter-spacing: 0;
    font-weight: bold;
    text-align: right !important;
    margin-bottom: 1rem;
}
.popular_box .hover-wall .icon_info p.animate-text{padding: .5rem 0 0.2rem 1.2rem; border-left: 1px solid #fff; font-size: 15px; margin-bottom: 0.5rem;}
.tours_bg .main.row::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: opacity(0.3);
    background-color: #c99c4e;
    mix-blend-mode: color;
}
.tours_bg .main.row::after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(bottom, rgba(201,156,78,0.8) 0%, rgba(201,156,78,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(201,156,78,0.8) 0%,rgba(201,156,78,0) 100%);
    background: linear-gradient(to top, rgba(201,156,78,0.8) 0%,rgba(201,156,78,0) 100%);
}
.tours_slide_title h3{
    text-align: center;
    color: #fff;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    letter-spacing: 0.35rem;
    border: 1px solid #fff;
    display: table;
    margin: auto;
    padding: 1.3rem 0.3rem 1.7rem 0.2rem;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 1.7rem;
    line-height: 1.5;
    position: relative;
}
.tours_slide_title h3::after{
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: -40px;
}
.tours_slide_title p{
    color: #4dade0;
    display: table;
    margin: auto;
    font-family: serif !important;
    letter-spacing: 0.05rem;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    padding-left: 6rem;
    top: 3rem;
    font-size: 1.05rem;
}
.tours_slide_box .swiper-container{padding: 0 4rem;}
.tours_slide_box .swiper-slide-style{box-shadow: none; border-radius: 0; background: none;}
.tours_slide_box .swiper-slide .swiper-img{aspect-ratio: 8/4.2;width: 79%; float: left;}
.tours_slide_box .swiper-slide .swiper-img img{max-width: 100%; object-fit: cover;object-position: center center;height: 100%; border-radius: 0;}
.tours_slide_box .swiper-slide .swiper-title{
    position: absolute;
    right: 4rem;
    top: 3rem;
    background-color: #192d50;
    color: #fff;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    padding: 1rem 0.5rem;
    line-height: 1.5;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    margin: 0;
}
.tours_slide_box .swiper-slide .swiper-content{
    background: #fff;
    width: calc(21% - 2rem);
    float: right;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 7.5rem 8.3rem 3.5rem 2.5rem;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    aspect-ratio: 1/2.24;
    font-size: 1.2rem;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    color: #111;
    line-height: 1.7;
}
.tours_slide_box .swiper-slide .swiper-content p{
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    margin: 0;
    background: linear-gradient(-180deg, #333, #ccc, #333);
    background-size: 1px 0px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    cursor: pointer;
    transition: 1s all;
    color: #111;
    display: inline;
    padding: 0 3px;
}
.tours_slide_box .swiper-slide .swiper-content:hover p{background-size: 1px 100%;}
.tours_slide_box .swiper-pagination-bullet{width: 15px; height: 15px;background: rgb(255 255 255); border: 1px solid #4dade0;}
.tours_slide_box .swiper-pagination-bullet-active{background-color: #4dade0;}
.tours_slide_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.5rem;}
.tours_slide_box .swiper-button-next, .tours_slide_box .swiper-container-rtl .swiper-button-prev{right: 0;}
.tours_slide_box .swiper-button-prev, .tours_slide_box .swiper-container-rtl .swiper-button-next{left: 0;}
.tours_slide_box .swiper-button-prev.swiper-button-white, .tours_slide_box .swiper-button-next.swiper-button-white{width: 50px; height: 50px;opacity: 1;}
.tours_slide_box [class*='swiper-button-']:after{background: #fff; height: 1px; content: ''; width: 100%; padding: 0;}
.tours_slide_box .swiper-button-next::before{
    content: '';
    display: block;
    width: 1rem;
    height: 1px;
    background-color: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 0%;
    top: calc(50% - 0.45rem);
}
.tours_slide_box .swiper-button-prev::before{
    content: '';
    display: block;
    width: 1rem;
    height: 1px;
    background-color: #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: 0%;
    top: calc(50% - 0.45rem);
}
@media (min-width:992px) {
    .slider_box .bs-carousel{height: 90vh;}
    .slider_box .module-container .main .slide.carousel-fade a.carousel-item img{height: 100vh;}
}
@media (max-width:1680px) {
    .tours_slide_box .swiper-slide .swiper-title{right: 3rem;}
    .tours_slide_box .swiper-slide .swiper-content{padding: 3rem 6.5rem 3rem 2.5rem;aspect-ratio: 1/2.28;}
}
@media (max-width:1600px) {
    .tours_slide_box .swiper-slide .swiper-img{aspect-ratio: 8/4.7; width: 77%;}
    .tours_slide_box .swiper-slide .swiper-content{width: calc(23% - 2rem);aspect-ratio: 1/2.26;}
}
@media (max-width:1440px) {    
    .tours_slide_box .swiper-slide .swiper-img { aspect-ratio: 8/5; width: 75%;}
    .tours_slide_box .swiper-slide .swiper-content { width: calc(25% - 2rem); aspect-ratio: 1/2.17; line-height: 1.5;}
    .tours_slide_box .swiper-slide .swiper-content p{padding: 0 1.5px;}
}
@media (max-width:1366px) {
    .tours_slide_box .swiper-slide .swiper-title{right: 2.5rem; top: 2rem;}
    .tours_slide_box .swiper-slide .swiper-content {aspect-ratio: 1/2.19;line-height: 1.4; padding: 2rem 5.5rem 2rem 2rem;    }
    .tours_slide_box .swiper-slide .swiper-content p { padding: 0 1px;}
}
@media (max-width:1383px) {
    .slider_box {margin-top: 85px;}
}
@media (max-width:1280px) {
    .slider_box {margin-top: 70px;}
    .popular_box, .tours_slide_box{flex: 0 0 83.333333%; max-width: 83.333333%;}
    .tours_slide_box .swiper-slide .swiper-content{padding-right: 6rem;}
}
@media (max-width:1200px) {
    .tours_slide_box .swiper-slide .swiper-content {padding-right: 5.5rem;aspect-ratio: 1/2.2;}    
}
@media (max-width:1152px) {
    .slider_box section.banner-area .swiper-area .banner-swiper { height: calc(100vh - 85px);}
    .popular_box, .tours_slide_box{flex: 0 0 91.666667%; max-width: 91.666667%;}
    .tours_slide_box .swiper-slide .swiper-content {padding-right: 6.5rem; aspect-ratio: 1/2.18;}
}
@media (max-width:1024px) {   
    .popular_box .hover-wall .htpro_tit h1{font-size: 16px;}
    .popular_box .hover-wall .htpro_tit h2{font-size: 1.5rem;}
    .tours_slide_title h3{font-size: 1.5rem;}
    .tours_slide_title p{font-size: 1rem;}
    .slider_box section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title{font-size: 1.2rem;}
    .tours_slide_box .swiper-slide .swiper-title{font-size: 1.1rem;padding: 1rem 0.4rem;}
    .tours_slide_box .swiper-slide .swiper-content {padding-right: 5rem; aspect-ratio: 1/2.22;font-size: 1.1rem;}
}
@media (max-width:991px) {
    .tours_slide_box .swiper-slide .swiper-title{right: 2rem; top: 1.5rem;}
    .tours_slide_box .swiper-slide .swiper-content{aspect-ratio: 1/2.23;padding: 1.5rem 4.5rem 1.5rem 1.5rem;}
    .slider_box section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{bottom: 0%;padding: 1.5rem 1.5rem 1rem;}
}
@media (max-width:768px) {
    .tours_bg > .module-container > .main.row{background-size: cover !important;}
    .tours_slide_box .swiper-slide .swiper-img {aspect-ratio: 8/4.2; width: 100%; margin-bottom: 0;}
    .tours_slide_box .swiper-slide .swiper-title{right: 1.5rem;}
    .tours_slide_box .swiper-slide .swiper-content{width: 100%; margin: 0; aspect-ratio: auto; -webkit-writing-mode: unset; writing-mode: unset; padding: 1.5rem;line-height: 1.5;}
    .tours_slide_box .swiper-slide .swiper-content p{-webkit-writing-mode: unset; writing-mode: unset;padding: 2px 0;background-size: 0px 1px;background-position: 0% 100%;}
    .tours_slide_box .swiper-slide .swiper-content:hover p {background-size: 100% 1px;}
}
@media (max-width:575px) {
    .tours_slide_box .swiper-container { padding: 0 0rem;}
    .tours_slide_box .swiper-slide .swiper-title { right: 1rem; top: 1rem;}
    .tours_slide_box .swiper-slide .swiper-content{padding: 1rem;}
    .tours_slide_box .swiper-button-prev.swiper-button-white, .tours_slide_box .swiper-button-next.swiper-button-white{height: 30px; opacity: 1; bottom: 0; top: unset;}
    .tours_slide_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.3rem;}
}

/************************************/
/* animations*/
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}
.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}
.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

/*首頁主要線別5格圖文*/
.theme_box{z-index: 1;}
.theme_box .wall-wrapper{background: none;}
.theme_box .wall-wrapper .wall-row{padding: 0 2rem;justify-content: center;align-items: baseline;align-content: baseline;}
.theme_box .wall-wrapper .thpro_tit{display: flex; flex-wrap: wrap; justify-content: center;}
.theme_box .wall-wrapper .thpro_tit h1{border: none; width: 100%;margin: 0;}
.theme_box .wall-wrapper .thpro_tit h1 span{font-size: 1.7rem; font-family: 'Noto Serif TC', 'Cormorant SC', serif !important; letter-spacing: 0.25rem;}
.theme_box .wall-wrapper .thpro_tit h2{width: auto; order: -1; margin-bottom: 0; font-family: serif !important;padding:0px 2.7rem; display: block; position: relative;}
.theme_box .wall-wrapper .thpro_tit h2::before {
    content: '';
    width: 25px;
    height: 1px;
    display: block;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    left: 0;
    top: 50%;
}
.theme_box .wall-wrapper .thpro_tit h2::after {
    content: '';
    width: 25px;
    height: 1px;
    display: block;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    right: 0;
    top: 50%;
}
.theme_box .wall-wrapper .wall-row > div:nth-child(n+2){max-width: 20%; flex: 0 0 20%; padding: 0 15px !important;}
.theme_box .wall-wrapper .thicon_info{aspect-ratio: 1/1;display: block;}
.theme_box .wall-wrapper .thicon_info a{display: flex; aspect-ratio: 1/1; position: relative; width: 100%; flex-wrap: wrap;overflow: hidden;}
.theme_box .wall-wrapper .thicon_info figure{aspect-ratio: 1/1;}
.theme_box .wall-wrapper .thicon_info figure .b_img{max-width: 100%;width: 100%; object-fit: cover; object-position: center center; height: 100%;}
.theme_box .wall-wrapper .thicon_info:hover figure .b_img{transform: scale(1);}
.theme_box .wall-wrapper .thicon_info span, .theme_box .wall-wrapper .thicon_info .theme_info{display: none; height: 0;}
.theme_box .wall-wrapper .thicon_info h3{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #c99c4e;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin: 0;
    padding: 2px;
    width: 108px;
    height: 108px;
    text-align: center;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.3);
    text-shadow: 2px 2px 3px #192d50;
}
.theme_box .wall-wrapper .thicon_info:hover h3{background: rgba(201, 156, 78, .5); width: 100%; height: 100%;}
@media (max-width:991px) {
    .theme_box .wall-wrapper .wall-row > div:nth-child(n+2) {
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
        margin-bottom: 30px;
        overflow: hidden;
    }
}
@media (max-width:767px) {
    .theme_box .wall-wrapper .wall-row > div:nth-child(n+2) {
        max-width: 50%;
        flex: 0 0 50%;
    }
}
@media (max-width:575px) {
    .theme_box .wall-wrapper .wall-row > div:nth-child(n+2) {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/*page_theme*/
.page_theme-title{margin-top: 70px; min-height: 280px;}
.page_theme-title > .module-container{height: 100%;}
.page_theme-title > .module-container > .main{height: 100%;}
.page_theme-title .text-container{width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center;position: relative;}
.page_theme-title .text-container .module{width: 100%;}
.page_theme-title section.text-link h2{font-weight: bold; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.8);}
.page_theme-title div.link-list{background: none; min-height: auto;}
.page_theme-title div.link-list ul{display: table;margin: auto;}
.page_theme-title div.link-list ul li a, 
.page_theme-title div.link-list ul li span{padding: 0; letter-spacing: 0;}
.page_theme-title > .module-container > .main::before {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0%;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(bottom, rgba(35,85,146,0.8) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(125,185,232,0) 100%);
    z-index: 0;
}
.page_theme-blockBTN, .page_theme-picBTN{position: relative; z-index: 9;}
.page_theme-blockBTN div.link-list, .page_theme-picBTN div.link-list{background: none;min-height: 90px; display: flex; flex-wrap: wrap; align-items: end;}
.page_theme-blockBTN div.link-list{justify-content: end;}
.page_theme-blockBTN div.link-list ul{display: table; float: right;}
.page_theme-picBTN div.link-list ul{display: table;}
.page_theme-blockBTN div.link-list ul li, .page_theme-picBTN div.link-list ul li{margin: 0 15px;}
.page_theme-blockBTN div.link-list ul li a, 
.page_theme-blockBTN div.link-list ul li span, 
.page_theme-picBTN div.link-list ul li a, 
.page_theme-picBTN div.link-list ul li span{padding: 10px; border: 1px solid #235592; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 36px;color: #235592;}
.page_theme-blockBTN div.link-list ul li a:hover, 
.page_theme-blockBTN div.link-list ul li span:hover, 
.page_theme-picBTN div.link-list ul li a:hover, 
.page_theme-picBTN div.link-list ul li span:hover, 
.page_theme-blockBTN.btn_active div.link-list ul li a, 
.page_theme-picBTN.btn_active div.link-list ul li a{color: #fff;background: #235592;}
.page_theme-blockBTN div.link-list ul li i, .page_theme-picBTN div.link-list ul li i{margin: 0; font-size: 1.5rem;}
.page_theme-products{padding-top: 7rem; padding-bottom: 3rem; margin-top: -5.6rem;}
.page_theme-products::before{content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: grayscale(1);
    background-color: rgba(255, 255, 255, .8);
}
.page_theme-products::after{content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    backdrop-filter: blur(4px);
}
.page_theme-products > .module-container{z-index: 5;position: relative;}
.page_theme-products .mix-wrapper{max-width: 1440px; margin: auto;}
.page_theme-products .pic-content{align-items: flex-end; display: flex; flex-wrap: wrap;}
.page_theme-products .mix-wrapper .editor-content .theme_content{display: table; height: calc(100% - 4rem); background: #fff; padding: 1.5rem 2rem 4rem 2rem; margin-left: -6rem; margin-top: 4rem; text-decoration: none; position: relative; box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);border-left: 10px solid #eee;}
.page_theme-products .mix-wrapper .order-md-first.editor-content .theme_content{margin-left: 0; margin-right: -6rem;}
.page_theme-products .mix-wrapper .editor-content .theme_content::before{content: '';display: block;width: 10px;height: 100px;position: absolute;top: 0;left: -10px;background-color: #235592;}
.page_theme-products .mix-wrapper .editor-content .theme_content > p{margin: 0;}
.page_theme-products .mix-wrapper .editor-content .theme_content a{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-decoration: none;
}
.page_theme-products .mix-wrapper .editor-content .product_title{display: flex; flex-wrap: wrap;}
.page_theme-products .mix-wrapper .editor-content .product_title h6{
    width: 4rem;
    display: table;
    font-size: 2.8rem;
    font-family: 'Noto Serif TC' !important;
    font-style: italic;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    color: #235592;
}
.page_theme-products .mix-wrapper .editor-content .product_title h6 span{display: block; font-size: 1.2rem; letter-spacing: 1px;}
.page_theme-products .mix-wrapper .editor-content .product_title h2{
    width: calc(100% - 4rem);
    padding-left: 1.5rem;
    font-size: 1.5rem;
    color: #111;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: justify;
    font-weight: 600;
}
.page_theme-products .mix-wrapper .editor-content .product_info{margin-top: 1rem;}
.page_theme-products .mix-wrapper .editor-content .product_info p{font-size: 1rem; color: #555; letter-spacing: 1px; line-height: 1.5;}
.page_theme-products .mix-wrapper .editor-content .product_price{position: absolute; right: 2rem; bottom: 1.5rem;}
.page_theme-products .mix-wrapper .editor-content .product_price h3{color: #e63636; font-weight: bold; font-style: italic; font-size: 1.8rem;}
.page_theme-products .mix-wrapper .editor-content .product_price span{font-weight: normal; font-size: 1.2rem;}
/*pic_style*/
.pic_style .mix-wrapper{display: flex; flex-wrap: wrap;justify-content: space-between;}
.pic_style .mix-wrapper > .row{width: 33.33333%; align-content: baseline;margin-bottom: 2rem;}
.pic_style .mix-wrapper > .row:nth-child(2n) .pic-content{order: -1;}
.pic_style .mix-wrapper .pic-content{max-width: 100%; flex: 0 0 100%; margin: 0;}
.pic_style .img-mode .img-box{aspect-ratio: 3/2;}
.pic_style .img-mode .img-box img.img-fluid{max-width: 100%; object-fit: cover; object-position: center center; height: 100%;}
.pic_style .editor-content{margin: 0;}
.pic_style .mix-wrapper .order-md-first.editor-content .theme_content{margin-right: 0;}
.pic_style .mix-wrapper .editor-content .theme_content{margin: 0; height: auto; padding: 1rem 1rem 4rem 1rem; border-width: 3px;}
.pic_style .mix-wrapper .editor-content .theme_content::before{width: 3px;left: -3px; height: 90px;}
.pic_style .mix-wrapper .editor-content .product_title h6{
    position: absolute;
    bottom: 100%;
    background: #235592;
    color: #fff;
    font-size: 2rem;
    margin: 0;
    width: 75px;
    height: 75px;
    line-height: 37px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    left: -3px;
}
.pic_style .mix-wrapper .editor-content .product_title h6 span{font-size: 1rem; display: block; width: 100%; line-height: 1.5;}
.pic_style .mix-wrapper .editor-content .product_title h2{width: 100%; padding-left: 0; font-size: 1.3rem;}
.pic_style .mix-wrapper .editor-content .product_price{bottom: 1rem; right: 1rem;}
.pic_style .mix-wrapper .editor-content .product_price h3{margin-bottom: 0;}
@media (max-width:991px) {
    .page_theme-blockBTN, .page_theme-picBTN{max-width: 50%;flex: 0 0 50%;}
    .page_theme-products .pic-content{max-width: 100%; flex: 0 0 100%; margin-bottom: 0;}
    .page_theme-products .pic-content img.img-fluid{width: 100%;}
    .page_theme-products .editor-content{margin-top: 0;}
    .page_theme-products .mix-wrapper .editor-content .theme_content{height: auto; margin: 0;}
    .page_theme-products .mix-wrapper > .row:nth-child(2n) .pic-content{order: -1;}
    .page_theme-products .mix-wrapper .order-md-first.editor-content .theme_content{margin-right: 0;}
    .pic_style .mix-wrapper > .row{width: 50%;}
}
@media (max-width:767px) {
    .page_theme-title > .module-container > .main::before{bottom: 22px;}
    .page_theme-blockBTN div.link-list, .page_theme-picBTN div.link-list{min-height: 50px;}
    .page_theme-products { padding-top: 4rem; padding-bottom: 3rem; margin-top: -4.5rem;}
    .page_theme-products .mix-wrapper .editor-content .theme_content{padding: 1rem 1rem 4rem 1rem;}
    .page_theme-products .mix-wrapper .editor-content .product_price{right: 1rem;bottom: 1rem;}
    .page_theme-products .mix-wrapper .editor-content .product_price h3{margin-bottom: 0;}
    .page_theme-products .mix-wrapper .editor-content .product_title h6{width: 3rem;font-size: 2rem;}
    .page_theme-products .mix-wrapper .editor-content .product_title h6 span{font-size: 1rem;}
    .page_theme-products .mix-wrapper .editor-content .product_title h2{width: calc(100% - 3rem); padding-left: 0.7rem; font-size: 1.3rem;line-height: 1.2;}
    .page_theme-products .mix-wrapper .editor-content .product_info{margin-top: 0.5rem;}
    .pic_style .mix-wrapper{justify-content: center;padding: 15px;}
    .pic_style .mix-wrapper > .row { width: 100%;}
    .pic_style .img-mode .img-box{margin-top: 1rem;}
    .pic_style .mix-wrapper .editor-content .product_title h6{width: 75px;}
    .pic_style .mix-wrapper .editor-content .product_title h2{width: 100%;padding-left: 0;}
}

/*contact_us*/
/*body{background-image: url(https://mywaytravel.fillo.com.tw/material-alias/chevron.png);}
section.group_table{padding-top: 300px;margin-bottom: 0 !important;}
@media (min-width:1200px) {
    .group_table > .container {max-width: 1140px;}
}
section.group_table.contact:before{
    height: 70vh;
    bottom: 0;
    position: absolute;
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/form/contact_bg.jpg);
    background-position: center -17.5rem;
    background-color: #4dade0;
    background-size: cover;
}
section.group_table.contact:after {
    content: '';
    width: 100%;
    height: 70vh;
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #4dade0;
    opacity: .2;
}
section.group_table > .container {
    padding: 0;
    background: none;
    position: relative;
}
section.group_table > .container > h2{display: none;}
section.group_table > .container > h4{
    border: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 0rem;
    top: 1rem;
    right: 1rem;
    padding: 0;
}
section.group_table > .container > h4 .note{color: #fff; font-size: 1rem;text-align: right;padding-right: 0;}
section.group_table > .container > h4 .note .text_blue{color: #4dade0;  margin-right: 5px;}
.contact .trip_title{margin: 0; background: rgba(25, 45, 80, .8); padding: 3rem 2rem;}
.contact .trip_title h5{display: none;}
.contact .trip_title h4{
    border: none;
    padding: 0;
    color: #4dade0;
    font-family: serif !important;
    font-size: 18px;
    letter-spacing: 0.1rem;
    position: relative;
    display: table;
    margin: 0 auto 1rem;
    padding: 0 3rem;
}
.contact .trip_title h4::before {
    content: '';
    display: table;
    width: 1.5rem;
    height: 1px;
    background-color: #4dade0;
    position: absolute;
    left: 0;
    top: 50%;
}
.contact .trip_title h4::after {
    content: '';
    display: table;
    width: 1.5rem;
    height: 1px;
    background-color: #4dade0;
    position: absolute;
    right: 0;
    top: 50%;
}
.contact .trip_title h3{
    color: #fff;
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    position: relative;
    margin-bottom: 1.5rem;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    letter-spacing: 0.25rem;
}

.contact .trip_title p{color: #fff; font-size: 1rem; letter-spacing: 0.05rem;line-height: 1.5;}
.contact .trip_title p > a{color: #fff;border-bottom: 1px solid #fff;}
.contac_form .form-row{background: #fff; padding: 2rem 2.5rem 2rem; margin: 0;box-shadow: 0 2px 10px rgb(204, 204, 204, .8)}
.contac_form .form-row:nth-last-child(1){background: none; box-shadow: none;}
.contact .contac_form .form-row > [class*="col-"]{padding: 0 15px !important;margin-top: 0.5rem;}
.contac_form .form-row .form-group > label{font-size: 17px;width: 100%;}
.contac_form .form-row .form-group label.required .text_blue {color: #4dade0;margin: 0 5px;}
.contact .contac_form .form-row > [class*="col-"]:nth-child(1){max-width: 100%;flex: 0 0 100%;}
.contac_form .form-row .form-group[data-type=TTL] .form-title{
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 2rem auto 0;
    padding-bottom: 0.3rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6){margin-bottom: 0; margin-top: 0;}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6) .form-title{
    font-size: 17px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6)::before{display: none;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=TXT]{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=TXT] input{height: 45px; background: #f5f5f5; border: none;}
.contac_form .form-row .form-group[data-type=TXT] input:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=TXT] .fa-calendar{margin-top: -28px;right: 28px;}
.contac_form .form-row .form-group[data-type=OPT] select.form-control{
    height: 40px;
    border-radius: 0;
    background: #f8f8f9;
    border-color: #e2e2e2;
}
.contac_form .form-row .form-group[data-type=OPT] select.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control{
    border-radius: 0;
    background: #f5f5f5;
    border: none;
    min-height: 150px;
}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group button{
    margin-top: 0 !important;
    background: #235592;
    border: none;
    border-radius: 100px;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    padding-right: 5.5rem;
    position: relative;
}
.contac_form .form-row .form-group button::before {
    content: '';
    display: table;
    width: 2.5rem;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 2rem;
    top: 50%;
}
.contac_form .form-row .form-group button::after {
    content: '';
    display: table;
    width: 10px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 2rem;
    bottom: 33px;
}
@media (max-width:767px) {
    .contact .trip_title{padding: 3rem 1rem 2rem;}
    .contac_form .form-row{padding: 2rem 1rem 2rem;}
    .contact .contac_form .form-row > [class*="col-"]{margin-top: 0;}
    section.group_table {padding-top: 150px;}
    section.group_table.contact:before{background-position: center;}
}*/

/*diy*/
/*body {
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/chevron.png);
}
section.group_table{padding-top: 300px;margin-bottom: 0 !important;}
@media (min-width:1200px) {
    .group_table > .container {max-width: 1140px;}
}
section.group_table.contact:before{
    height: 85vh;
    bottom: 0;
    position: absolute;
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/form/advisory_bg.jpg);
    background-position: center bottom;
    background-color: #4dade0;
    background-size: cover;
}
section.group_table.contact:after {
    content: '';
    width: 100%;
    height: 85vh;
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #4dade0;
    opacity: .2;
}
section.group_table > .container {
    padding: 0;
    background: none;
    position: relative;
}
section.group_table > .container > h2{display: none;}
section.group_table > .container > h4{
    border: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 0rem;
    top: 1rem;
    right: 1rem;
    padding: 0;
}
section.group_table > .container > h4 .note{color: #fff; font-size: 1rem;text-align: right;padding-right: 0;}
section.group_table > .container > h4 .note .text_blue{color: #4dade0;  margin-right: 5px;}
.contact .trip_title{margin: 0; background: rgba(25, 45, 80, .8); padding: 3rem 2rem;}
.contact .trip_title h5{display: none;}
.contact .trip_title h4{
    border: none;
    color: #4dade0;
    font-family: serif !important;
    font-size: 18px;
    letter-spacing: 0.1rem;
    position: relative;
    display: table;
    margin: 0 auto 1rem;
    padding: 0 3rem;
}
.contact .trip_title h4::before {
    content: '';
    display: table;
    width: 1.5rem;
    height: 1px;
    background-color: #4dade0;
    position: absolute;
    left: 0;
    top: 50%;
}
.contact .trip_title h4::after {
    content: '';
    display: table;
    width: 1.5rem;
    height: 1px;
    background-color: #4dade0;
    position: absolute;
    right: 0;
    top: 50%;
}
.contact .trip_title h3{
    color: #fff;
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    position: relative;
    margin-bottom: 0rem;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    letter-spacing: 0.25rem;
}
.contac_form .form-row{
    background: #fff;
    padding: 2rem 2.5rem 2rem;
    margin: 0;
    box-shadow: 0 2px 10px rgb(204, 204, 204, .8);
}
.contac_form .form-row:nth-last-child(1) {
    background: none;
    box-shadow: none;
}
.contact .contac_form .form-row > [class*="col-"]{padding: 0 15px !important;margin-top: 0.5rem;}
.contac_form .form-row .form-group > label{font-size: 17px;width: 100%;}
.contac_form .form-row .form-group label.required .text_blue {color: #4dade0;margin: 0 5px;}
.contac_form .form-row .form-group[data-type=TTL] .form-title{
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 2rem auto 0;
    padding-bottom: 0.3rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6){margin-bottom: 0; margin-top: 0;}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6) .form-title{
    font-size: 17px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6)::before{display: none;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=TXT]{
        max-width: 50%;
        flex: 0 0 50%;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(2), .contac_form .form-row .form-group[data-type=TXT]:nth-last-child(7), .contac_form .form-row .form-group[data-type=TXT]:nth-last-child(8){
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=TXT] input{height: 45px; background: #f5f5f5; border: none;}
.contac_form .form-row .form-group[data-type=TXT] input:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=TXT] .fa-calendar{margin-top: -28px;right: 28px;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=RDO]{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style{
    margin: 0.5rem 1.5rem 0.5rem 0;
    display: table;
    float: left;
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style label.form-check-label{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:after{background-color: #192d50;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:before{border-color: #192d50;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=OPT]{
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
}
.contac_form .form-row .form-group[data-type=OPT]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contac_form .form-row .form-group[data-type=OPT] > label{width: 3.5rem; margin-bottom: 0;}
.contac_form .form-row .form-group[data-type=OPT] select.form-control{
    height: 45px;
    border-radius: 0;
    background: #f5f5f5;
    border: none;
    width: calc(100% - 3.5rem);
}
.contac_form .form-row .form-group[data-type=OPT] select.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=CBX] .form-check{margin: 0.5rem 1.5rem 0.5rem 0;float: left;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck .checkmark{border-color: #f5f5f5;background-color: #f5f5f5;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck input:checked ~ .checkmark{background-color:#192d50;}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control{
    border-radius: 0;
    background: #f5f5f5;
    border: none;
    min-height: 150px;
}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group button{
    margin-top: 0 !important;
    background: #235592;
    border: none;
    border-radius: 100px;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    padding-right: 5.5rem;
    position: relative;
}
.contac_form .form-row .form-group button::before {
    content: '';
    display: table;
    width: 2.5rem;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 2rem;
    top: 50%;
}
.contac_form .form-row .form-group button::after {
    content: '';
    display: table;
    width: 10px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 2rem;
    bottom: 33px;
}
.contac_form .form-row .form-group button:focus, .contac_form .form-row .form-group button:active {
    box-shadow: none !important;
    background-color: #235592;
    border-color: #235592;
}
@media (max-width:767px) {
    .contact .trip_title{padding: 3rem 1rem 2rem;}
    .contac_form .form-row{padding: 2rem 1rem 1rem;}
    .contact .contac_form .form-row > [class*="col-"]{margin-top: 0;}
    .contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style, .contac_form .form-row .form-group[data-type=CBX] .form-check{margin-top: 0;}
    section.group_table {padding-top: 150px;}
    section.group_table.contact:before{background-position: center;}
}*/

/*air tickets*/
/*body {
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/chevron.png);
}
section.group_table{padding-top: 300px;margin-bottom: 0 !important;}
@media (min-width:1200px) {
    .group_table > .container {max-width: 1140px;}
}
section.group_table.contact:before{
    height: 85vh;
    bottom: 0;
    position: absolute;
    background-image: url(https://mywaytravel.fillo.com.tw/material-alias/form/airticket_bg.jpg);
    background-position: center bottom;
    background-color: #4dade0;
    background-size: cover;
}
section.group_table.contact:after {
    content: '';
    width: 100%;
    height: 85vh;
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #4dade0;
    opacity: .2;
}
section.group_table > .container {
    padding: 0;
    background: none;
    position: relative;
}
section.group_table > .container > h2{display: none;}
section.group_table > .container > h4{
    border: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    margin: 0rem;
    top: 1rem;
    right: 1rem;
    padding: 0;
}
section.group_table > .container > h4 .note{color: #fff; font-size: 1rem;text-align: right;padding-right: 0;}
section.group_table > .container > h4 .note .text_blue{color: #4dade0;  margin-right: 5px;}
.contact .trip_title{margin: 0; background: rgba(25, 45, 80, .8); padding: 3rem 2rem;}
.contact .trip_title h5{display: none;}
.contact .trip_title h4{
    border: none;
    color: #4dade0;
    font-family: serif !important;
    font-size: 18px;
    letter-spacing: 0.1rem;
    position: relative;
    display: table;
    margin: 0 auto 1rem;
    padding: 0 3rem;
}
.contact .trip_title h4::before {
    content: '';
    display: table;
    width: 1.5rem;
    height: 1px;
    background-color: #4dade0;
    position: absolute;
    left: 0;
    top: 50%;
}
.contact .trip_title h4::after {
    content: '';
    display: table;
    width: 1.5rem;
    height: 1px;
    background-color: #4dade0;
    position: absolute;
    right: 0;
    top: 50%;
}
.contact .trip_title h3{
    color: #fff;
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    position: relative;
    margin-bottom: 0rem;
    font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;
    letter-spacing: 0.25rem;
}
.contac_form .form-row{
    background: #fff;
    padding: 2rem 2.5rem 2rem;
    margin: 0;
    box-shadow: 0 2px 10px rgb(204, 204, 204, .8);
}
.contac_form .form-row:nth-last-child(1) {
    background: none;
    box-shadow: none;
}
.contact .contac_form .form-row > [class*="col-"]{padding: 0 15px !important;margin-top: 0.5rem;}
.contac_form .form-row .form-group > label{font-size: 17px;width: 100%;}
.contac_form .form-row .form-group label.required .text_blue {color: #4dade0;margin: 0 5px;}
.contac_form .form-row .form-group[data-type=TTL] .form-title{
    font-size: 17px;
    position: relative;
    display: table;
    margin-top: 0rem;
    margin-bottom: -1rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6){margin-bottom: 0; margin-top: 0;}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6) .form-title{
    font-size: 17px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}
.contac_form .form-row .form-group[data-type=TTL]:nth-last-child(6)::before{display: none;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=TXT]{
        max-width: 50%;
        flex: 0 0 50%;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(6), 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(7), 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(8){
        max-width: 33.3333%;
        flex: 0 0 33.3333%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(6) label, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(7) label, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(8) label{
        width: 95px;
        margin: 0;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(6) input, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(7) input, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(8) input{
        width: calc(100% - 95px);
    }
}
.contac_form .form-row .form-group[data-type=TXT] input{height: 45px; background: #f5f5f5; border: none;}
.contac_form .form-row .form-group[data-type=TXT] input:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=TXT] .fa-calendar{margin-top: -28px;right: 28px;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=RDO]{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style{
    margin: 0.5rem 1.5rem 0.5rem 0;
    display: table;
    float: left;
}
.contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style label.form-check-label{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:after{background-color: #192d50;}
.contac_form .form-row .form-group[data-type=RDO] .radio_style [type="radio"]:checked + label:before{border-color: #192d50;}
@media (min-width:768px) {
    .contac_form .form-row .form-group[data-type=OPT]{
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
}
.contac_form .form-row .form-group[data-type=OPT]{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contac_form .form-row .form-group[data-type=OPT] > label{width: 3.5rem; margin-bottom: 0;}
.contac_form .form-row .form-group[data-type=OPT] select.form-control{
    height: 45px;
    border-radius: 0;
    background: #f5f5f5;
    border: none;
    width: calc(100% - 3.5rem);
}
.contac_form .form-row .form-group[data-type=OPT] select.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group[data-type=CBX] .form-check{margin: 0.5rem 1.5rem 0.5rem 0;float: left;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck{font-size: 1rem;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck .checkmark{border-color: #f5f5f5;background-color: #f5f5f5;}
.contac_form .form-row .form-group[data-type=CBX] .form-check .customcheck input:checked ~ .checkmark{background-color:#192d50;}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control{
    border-radius: 0;
    background: #f5f5f5;
    border: none;
    min-height: 150px;
}
.contac_form .form-row .form-group[data-type=RMK] textarea.form-control:focus{box-shadow: none;border-color: #0098ce;}
.contac_form .form-row .form-group button{
    margin-top: 0 !important;
    background: #235592;
    border: none;
    border-radius: 100px;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    padding-right: 5.5rem;
    position: relative;
}
.contac_form .form-row .form-group button::before {
    content: '';
    display: table;
    width: 2.5rem;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 2rem;
    top: 50%;
}
.contac_form .form-row .form-group button::after {
    content: '';
    display: table;
    width: 10px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 2rem;
    bottom: 33px;
}
.contac_form .form-row .form-group button:focus, .contac_form .form-row .form-group button:active {
    box-shadow: none !important;
    background-color: #235592;
    border-color: #235592;
}
@media (max-width:767px) {
    .contact .trip_title{padding: 3rem 1rem 2rem;}
    .contac_form .form-row{padding: 2rem 1rem 1rem;}
    .contact .contac_form .form-row > [class*="col-"]{margin-top: 0;}
    .contac_form .form-row .form-group[data-type=RDO] .form-check.radio_style, .contac_form .form-row .form-group[data-type=CBX] .form-check{margin-top: 0;}
    section.group_table {padding-top: 150px;}
    section.group_table.contact:before{background-position: center;}
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(6), 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(7), 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(8){
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(6) label, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(7) label, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(8) label{
        width: 95px;
        margin: 0;
    }
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(6) input, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(7) input, 
    .contac_form .form-row .form-group[data-type=TXT]:nth-child(8) input{
        width: calc(100% - 95px);
    }
}*/

/*滿版上標選單*/
.top_nav_new .mega-menu .menu-logo{width: 225px; height: 70px; position: absolute;}
.top_nav_new .mega-menu .menu-logo > li > a img{width: 225px; height: auto; left: 33px;}
@media (min-width:768px) {
    .top_nav_new .mega-menu .menu-links{
        max-height: 100% !important;
        float: initial;
        height: 70px;
        justify-content: center;
        max-width: unset;
        width: auto;
        display: flex !important;
    }
    .top_nav_new .mega-menu .menu-links li .list_box{padding: 0 10px 0 0;flex: 0 0 calc(20% - 2em); max-width: calc(20% - 2em);}
    .header_wrap > .module-container > .main.row{background-color: transparent !important;}
    .top_nav_new .mega-menu > section.menu-list-items{transition: .3s;}
    .header_wrap > .module-container > .main.row:hover .top_nav_new .mega-menu > section.menu-list-items{background: rgba(11, 33, 62, 0.7) !important; transition: .3s;}
}
.top_nav_new .mega-menu .menu-links > li{margin: 0rem;
    flex: 0 0 150px;
    max-width: 150px;}
.top_nav_new .mega-menu .menu-links > li:hover{background-color: transparent;border-bottom: 5px solid #4dace0;}
.top_nav_new .mega-menu .menu-links > li > a{line-height: 70px;font-size: 18px;font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;padding: 0;text-align: center;}
.top_nav_new .mega-menu .menu-links li div.mg-drop-down{background: rgba(255, 255, 255, 0.9);}
.top_nav_new .mega-menu .menu-links li div.mg-drop-down .megamenu_box{display: flex; flex-wrap: wrap;justify-content: center; padding: 1rem 0 0 0;}
.top_nav_new .mega-menu .mg-drop-down .list_box > h4{font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; letter-spacing: 1px;}
.top_nav_new .mega-menu .menu-links li .list_box a p{font-size: 16px; letter-spacing: 0.5px;}
.header_nav_new{flex: 0 0 155px;
    max-width: 155px;
    position: absolute;
    left: calc(50% + 300px);
    top: 0;
    z-index: 1049;
    transform: unset;
    right: unset;}
.header_nav_new .header-part .navbar-brand, .header_nav_new .header-part .navbar-toggler{display: none;}
.header_nav_new .header-part{padding: 0;min-width: auto;}
.header_nav_new .header-part .navbar-nav, .header_nav_new .header-part .navbar-nav li{width: 100%;}
.header_nav_new .header-part .navbar-nav li a, .header_nav_new .header-part .navbar-nav .nav-link{padding: 0; text-align: center; line-height: 70px; font-size: 18px; color: #fff; letter-spacing: 0.5px;font-family: 'Noto Serif TC', 'Cormorant SC', serif !important;}
.header_nav_new .header-part .navbar-nav li a:hover, .header_nav_new .header-part .navbar-nav .nav-link:hover{background: none;color: #fff;}
.header_nav_new .header-part .navbar-nav > li > a > i, .header_nav_new .header-part .navbar-nav .nav-link > i{display: none;}
.header_nav_new .header-part .navbar-nav > li > a > span[data-rel=memberinfo]{line-height: initial;}
/*登入會員後*/
.header_nav_new .showName{padding: 5px 0; align-items: center;font-family: serif !important; height: 70px;justify-content: end;}
.header_nav_new .showName .member-name{font-size: 16px;letter-spacing: 0;}
.header_nav_new .showName .member-name .greet{margin: 0;}
.header_nav_new .showName .member-name i{display: none;}
.header_nav_new .header-part .navbar-nav li > a .showName .icon{line-height: 1.5;margin: 0;padding-right: 0.5rem;display: none;}
.header_nav_new .header-part .navbar-nav li > a .showName .SignOut{font-family: '微軟正黑體' !important; line-height: 1; margin: 0; color: #fff; padding: 5px 6px; font-size: 14px; background: #4f9eff; height: 24px;}

.header_icons{position: absolute; z-index: 99; right: 0; top: 15px;}
@media (min-width:768px) {
    .top_nav_new .mega-menu .menu-links li div.mg-drop-down{background: #0b213e;}
    .top_nav_new .mega-menu .mg-drop-down .list_box > h4{color: rgba(255, 255, 255, 0.9);font-size: 18px; border-bottom: 1px solid #b0964e; padding-bottom: 10px; letter-spacing: 1px;}
    .top_nav_new .mega-menu .menu-links li .list_box a p{font-size: 16px; letter-spacing: 0.5px;color: #fff;transition: .3s;}
    .top_nav_new .mega-menu .menu-links li .list_box a:hover p{color: rgba(255, 255, 255, 0.6);transition: .3s;}
}
@media (min-width:992px) {
    .top_nav_new .mega-menu .menu-links li div.mg-drop-down .megamenu_box{flex: 0 0 75%; max-width: 75%; margin: auto;}
}
@media (max-width:1499px) {
    .top_nav_new .mega-menu .menu-logo{width:210px}
    .top_nav_new .mega-menu .menu-logo > li > a img{width: 210px;left: 15px;}
}
@media (max-width:1279px) {
    .top_nav_new .mega-menu .menu-links > li{flex: 0 0 130px; max-width: 130px;}
    .header_nav_new{flex: 0 0 135px; max-width: 135px; left: calc(50% + 260px);}
}
@media (max-width:1200px) {
    .header_icons{top: 20px;}
    .top_nav_new .mega-menu .menu-links > li{margin: 0;}
    .header_nav_new .showName{display: flex; flex-wrap: wrap; align-items: center; justify-content: end;}
    .header_nav_new .showName .member-name{display: block; width: 100%; text-align: right;}
}
@media (max-width:1199px) {
    .top_nav_new .mega-menu .menu-links > li{flex: 0 0 110px; max-width: 110px;}
    .header_nav_new{flex: 0 0 110px; max-width: 110px; left: calc(50% + 220px);}
}
@media (max-width:1024px) {
    .top_nav_new .mega-menu .menu-logo{width:165px}
    .top_nav_new .mega-menu .menu-logo > li > a img{width: 165px;}
}
@media (max-width:991px) {
    .top_nav_new .mega-menu .menu-logo{width:200px}
    .top_nav_new .mega-menu .menu-logo > li > a img{width: 200px;left: 10px;}
    .header_icons{display: none !important;}
    .top_nav_new .mega-menu .menu-links{justify-content: end;width: 100%;float: right;}
    .header_nav_new{left: unset; right: 0;}
    .header_nav_new .collapse:not(.show) { display: unset;}
    .top_nav_new .mega-menu .menu-links > li {flex: 0 0 105px; max-width: 105px;}
    .top_nav_new .mega-menu .menu-links > li:nth-last-child(1){flex: 0 0 125px; max-width: 125px;}
    .header_nav_new .showName{padding-right: 10px;}
    .header_nav_new .header-part .navbar-nav li a, .header_nav_new .header-part .navbar-nav .nav-link{width: auto; display: table; float: right;width: 100%;}
}
@media (max-width:767px) {
    .top_nav_new .mega-menu{min-height: 70px;background: #243851;}
    .top_nav_new .mega-menu .menu-logo{width: 100%;}
    .top_nav_new .mega-menu .menu-logo > li > a{padding-top: 35px;padding-bottom: 35px;width: 160px;}
    .top_nav_new .mega-menu .menu-logo > li > a:hover{background: none;}
    .top_nav_new .mega-menu .menu-logo > li > a img{width: 160px;left: 10px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger{height: 70px;}
    .top_nav_new .mega-menu .menu-links{top: 70px; position: fixed; background: rgba(255, 255, 255, 0.95);width: 100%; height: 100vh; max-height: initial !important; border-top: 1px solid #e2e2e2; padding-bottom: 150px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger, .top_nav_new .mega-menu .menu-mobile-collapse-trigger:hover{background: none;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger:before, 
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger:after, 
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger span{background: #fff;height: 1px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger:before, 
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger:after, 
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger span{width: 32px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger:before{top: 23px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger span{top: 33px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger:after{top: 43px;}
    .top_nav_new .mega-menu .menu-mobile-collapse-trigger.active:after{-webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg);}
    .top_nav_new .mega-menu .menu-links > li{flex: 0 0 100%; max-width: 100%; padding: 10px 20px;}
    .top_nav_new .mega-menu .menu-links > li:nth-last-child(1){display: none;}
    .top_nav_new .mega-menu .menu-links > li, .top_nav_new .mega-menu .menu-links > li:hover{border-bottom: 1px solid #e2e2e2;}
    .top_nav_new .mega-menu .menu-links > li.activeTriggerMobile{background-color: #fff;}
    .top_nav_new .mega-menu .menu-links > li > a{line-height: 1.5;width: calc(100% - 50px);text-align: left;color: #111 !important;}
    .top_nav_new .mega-menu .menu-links li div.mg-drop-down{padding-top: 0;}
    .top_nav_new .mega-menu .menu-links li div.mg-drop-down .megamenu_box{padding-top: 0;}
    .top_nav_new .mega-menu .menu-links li .list_box{margin: 0; padding-left: 2rem; padding-top: 0;}
    .top_nav_new .mega-menu .mg-drop-down .list_box > h4{font-size: 17px; border-color: #eee;}
    .top_nav_new .mega-menu .menu-links li .list_box a p{line-height: 1.5;}
    .top_nav_new .mega-menu .menu-links > li > a > i.fa.fa-indicator{height: 57px;line-height: 57px;}
    .top_nav_new .mega-menu .menu-links > li.activeTriggerMobile > a > i.fa.fa-indicator{transform: rotate(180deg);}
    .header_nav_new{right: 75px; padding: 0; max-width: 135px;flex: 0 0 135px;min-width: 125px;}
    .header_nav_new .showName{text-align: left; display: flex; flex-wrap: wrap; align-items: center;}
    .header_nav_new .showName .member-name{font-size: 15px;}
    .header_nav_new .showName .member-name i{display: none;}
    .header_nav_new .header-part .navbar-nav li a, .header_nav_new .header-part .navbar-nav .nav-link{padding-right: 0;}
    .header_nav_new .header-part .navbar-nav li > a .showName .icon i{font-size: 18px;}
    .header_nav_new .header-part .navbar-nav li > a .showName .SignOut{padding: 0px 5px;font-size: 13px;width: auto;line-height: 24px;}
}
@media (min-width:321px) and (max-width:767px) {
    .header_nav_new .showName .member-name{width: auto; display: initial;}
}
@media (max-width:320px) {
    .header_nav_new .showName{justify-content: end;}
}