body { background-position: left top; background-attachment: scroll; } body .block-item { background-position: left top; border-style: none; background-attachment: scroll; } 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. :) */ /*公版行程css設定*/ body.WinChrome, body.WinIe, body{background:#fff;/*background-image: url(https://materials.fillo.com.tw/materials/tourone/images/0a064249-ba5b-48fb-9d98-7fcf3816c5a5.jpg?t=1568627725.29);background-position: top;background-attachment: fixed;background-size: cover;padding-bottom: 0;display: inline-block;width: 100%;position: absolute;z-index: 0;top: 0;right: 0;left: 0;*/} /*公版每日天數標題*/ .day_con .info_box .day_title{padding-left:51px;} .day_con .info_box:nth-child(n+10) .day_title::before{left: 179px;} .day_con .info_box:nth-child(n+10) .word_l .day_title::before{/* left: initial; *//* right:0; */} .day_con .info_box:nth-child(n+10) .word_l .day_title::after{/* right: 132px; */} /*公版FB外掛隱藏側邊scrollbar*/ .WinChrome .footer .fb_chat .fb_reset, .WinIe .footer .fb_chat .fb_reset, .footer .fb_chat .fb_reset{line-height:unset;} /*公版明細頁每日首圖隱藏*/ /*.WinChrome #dayTrip .info > img, .WinIe #dayTrip .info > img, #dayTrip .info > img{display:none;} .WinChrome .day_con .info_box, .day_con .info_box{border-bottom: 1px dashed #dcdcdc;} .WinChrome .day_con .info, .day_con .info{margin-top:50px;} .WinChrome .day_con .word_r .day_sub-title, .WinChrome .day_con .word_l .day_sub-title, .day_con .word_r .day_sub-title, .day_con .word_l .day_sub-title{text-align: justify;line-height: 1.3em;}*/ /*公版明細行程基本資料文字*/ section.group_banner.trip_banner .brief h5.deposit{font-size:1rem;} section.group_banner.trip_banner .brief h5{font-size:0.6rem;} /*公版列表首圖*/ section.group_banner.search_banner{background: url(https://materials.fillo.com.tw/materials/tourone/images/c792701d-b1af-43f1-a129-7fe822c04c09.jpg?t=1568627015.457) center center no-repeat;} /*公版明細背景圖*/ section.group_table.trip_features:before{background-image: url(https://materials.fillo.com.tw/materials/tourone/images/4ebf0fe1-2988-468c-90b9-15d65d506880.jpg?t=1568629575.25);}/*行程特色*/ section#tripDown.group_table:before{background-image: url(https://materials.fillo.com.tw/materials/tourone/images/9d0ecc31-c809-49b3-8a6e-8316c9a736d5.jpg?t=1568701039.163);}/*出團表*/ section.group_table.trip_day:before{background-image: url(https://materials.fillo.com.tw/materials/tourone/images/0fa55e82-50bc-47cc-a796-10a80d8068ef.jpg?t=1568701947.86);}/*每日行程*/ /*明細頁手機版報名按鈕顯示文字*/ @media (max-width:767px) { .sub_menu-trip .server_menu > ul > li.join-fixed-btn i.data-icon-signUp:before{content: '報名'; width: 100%; text-align: center; margin: 0;} } /*明細頁手機版側邊固定按鈕位置*/ .D_products_group_detail.WinChrome .side_chat .module-container .main .side_box{bottom: 63px;} @media (min-width:768px) { .D_products_group_detail .fb_chat .fb_reset iframe{right: 2px !important;} } @media (max-width:767px) { .D_products_group_detail.WinChrome .side_chat .module-container .main .actGotop{bottom: 200px;} .D_products_group_detail.WinChrome .side_chat .module-container .main .side_box{bottom: 100px;} .D_products_group_detail .fb_chat .fb_reset iframe{bottom: 53px !important;right: 3px !important;} } /*側邊選單*/ .sub_menu-trip .server_menu li{/*margin-bottom:6rem;*/} .sub_menu-trip .server_menu li:nth-child(3), .go-to-top{display:none !important;} .WinChrome .side_chat .module-container .main .actGotop{bottom:155px;} .WinChrome .side_chat .module-container .main .side_box{bottom: 80px;} .sub_menu-trip .server_menu li.query-fixed-btn a{position:relative;} .sub_menu-trip .server_menu li.query-fixed-btn a i{display: inline-block;margin-bottom: 9px;} .sub_menu-trip .server_menu li.query-fixed-btn a i::before{line-height:0em;} /*.sub_menu-trip .server_menu li.query-fixed-btn a::after{content: '報名';display: block;position: absolute;bottom: 11px;left: 20px;text-align: center;right: 20px;background: #d89d11;}*/ /*每日fixed icon*/ .day_fixed{/*top:0 !important;*/} /*行程圖片*/ #tripFeatures img, #dayTrip img, #tripNote img{max-width:100%;height:auto !important;} #tripFeatures img, #tripfeature .Detail img{width:100%;} .tp_group{width: 100%;} section.group_table.trip_features {text-align: justify;} /*隱藏團型按鈕連結*/ section.group_banner.trip_banner .back_link{display:none;} @media (max-width: 1350px){ .sub_menu-trip .server_menu li.query-fixed-btn a i{display: inline-block;margin-bottom: 7px;} .sub_menu-trip .server_menu li.query-fixed-btn a i::before{line-height:0em;} .sub_menu-trip .server_menu li.query-fixed-btn a::after{bottom: 3px;} } @media (max-width:1199px){ .day_con .info_box .day_title::after{left: 2px;} .day_con .info_box .day_title:before{left: 99px;height: 75px;} .day_con .info_box .word_l .day_title:before{width: 39px;} .day_con .info_box .word_l .day_title::after{/* right: 68px; */} .day_con .info_box:nth-child(n+10) .word_l .day_title::after{/* right: 91px; */} .day_con .info_box:nth-child(n+10) .day_title::before {left: 125px;} .sub_menu-trip .server_menu li.query-fixed-btn a i{display: inline-block;margin-bottom: 6px;} .sub_menu-trip .server_menu li.query-fixed-btn a i::before{line-height:0em;} .sub_menu-trip .server_menu li.query-fixed-btn a::after{bottom: 14px;left: unset;right: 5px;} } @media (min-width:992px){ .WinChrome .day_con .word_r, .WinChrome .day_con .word_l, .day_con .word_r, .day_con .word_l{/*max-width:25%;*/} } @media (max-width:991px){ .day_con .info_box .day_title:before {left: 71px;height: 50px;} .day_con .info_box .day_title::after {left: 0px;top: 0px;padding-right: 5px;} .day_con .info_box .word_l .day_title:before {width: 39px;/* right: unset; */left: 70px;} .day_con .info_box .word_l .day_title::after {right: unset;width: auto;left: 1px;} .day_con .info_box:nth-child(n+10) .word_l .day_title::before {left: 90px;right: unset;} .day_con .info_box:nth-child(n+10) .word_l .day_title::after {right: unset;} .day_con .info_box:nth-child(n+10) .day_title::before {left: 90px;} .day_con p{word-break: break-all;} .sub_menu-trip .sub_inside{padding-top:0;} /*.sub_menu-trip .server_menu li.query-fixed-btn a::after {bottom: 5px;left: 0; right: 0;content: '我要報名';width: 100%;line-height: 20px;}*/ } @media (max-width:767px){ .day_con .info_box .day_title:before, .day_con .info_box .word_l .day_title:before{left: 65px;} .day_con .info_box .day_title::after, .day_con .info_box .word_l .day_title::after{left: 0px;} .day_con .info_box:nth-child(n+10) .word_l .day_title::before, .day_con .info_box:nth-child(n+10) .day_title::before{left: 84px;} } @media (max-width:575px){ .day_con .info_box .day_title:before, .day_con .info_box .word_l .day_title:before{left: 56px;} .day_con .info_box .day_title::after, .day_con .info_box .word_l .day_title::after{left: 0px;} .day_con .info_box:nth-child(n+10) .word_l .day_title::before, .day_con .info_box:nth-child(n+10) .day_title::before{left: 72px;} } /*使用範本*/ .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, .day_style_16{display: flex;flex-wrap: wrap;} #dayTrip .day_style_1 img, #dayTrip .day_style_2 img, #tripFeatures .day_style_1 img, #tripFeatures .day_style_2 img, #tripNote .day_style_1 img, #tripNote .day_style_2 img{width:590px;height:390px !important;} #dayTrip .day_style_3 img, #dayTrip .day_style_5 img, #dayTrip .day_style_7 img, #tripFeatures .day_style_3 img, #tripFeatures .day_style_5 img, #tripFeatures .day_style_7 img, #tripNote .day_style_3 img, #tripNote .day_style_5 img, #tripNote .day_style_7 img{width:390px;height:260px !important;} #dayTrip .day_style_4 img, #dayTrip .day_style_6 img, #dayTrip .day_style_8 img, #tripFeatures .day_style_4 img, #tripFeatures .day_style_6 img, #tripFeatures .day_style_8 img, #tripNote .day_style_4 img, #tripNote .day_style_6 img, #tripNote .day_style_8 img{width:295px;height:195px !important;} #dayTrip .day_style_13 img, #tripFeatures .day_style_13 img, #tripNote .day_style_13 img{width:295px;height:495px !important;} /*****公版更新版*****/ /*列表*/ @media (min-width:1200px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{margin-top: 5rem;height: 200px;} .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area{min-height: 100px;} } @media (max-width:767px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { margin-top: 49px;} } section.group_banner.search_banner{margin-top:4.5rem;} .general_order_width, .group_order_width{margin-top: 7rem !important;} .Day_menu .swiper-wrapper{justify-content: center;} .WinChrome section.group_banner .search-area .search-box .select-goal, .WinChrome section.group_banner .search-area .search-box .select-place, .WinIe section.group_banner .search-area .search-box .select-goal, .WinIe section.group_banner .search-area .search-box .select-place, .WinChrome section.group_banner .search-area .search-box .select-date, .WinChrome section.group_banner .search-area .search-box .select-input, .WinIe section.group_banner .search-area .search-box .select-date, .WinIe section.group_banner .search-area .search-box .select-input, .WinChrome section.group_banner .search-area .search-box .select-date>input, .WinChrome section.group_banner .search-area .search-box .select-input>input, .WinIe section.group_banner .search-area .search-box .select-date>input, .WinIe section.group_banner .search-area .search-box .select-input>input{border-radius:4px;} .search-area .search-box .select-place .title i, .search-area .search-box .select-goal .title i, .WinChrome section.group_banner .search-area .search-box .select-input i, .WinIe section.group_banner .search-area .search-box .select-input i, .search-area .search-box .select-date .title i{color: #eb823d;} .WinChrome section.group_banner .search-area .search-box .search-btn, .WinIe section.group_banner .search-area .search-box .search-btn{border-radius:4px;background: #EB823D;} .list_con .title .text_blue {color: #e34800;} .list_con .select_filter .form-group .select select{border-radius:4px;} .filter_list .accordion_all .accordion > .card{border-bottom: 1px solid #dfdfdf;border-radius:4px;} .filter_list .accordion_all .accordion > .card .btn-link{border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .filter_list i{color: #eb823d;} .irs-slider, .irs-bar{background: #eb823d;} .irs-slider.state_hover, .irs-slider:hover{border: 2px solid #eb823d;} .irs-from, .irs-to, .irs-single{background: #121212;} .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #e34800;} .filter_list .form-check .disabled .checkmark, .filter_list .form-check .disabled input:checked~.checkmark { background-color: #ddd;} .filter_list .form-check span.badge-primary{background-color: #121212;} .table .thead, .table .thead:hover {background: #eb823d;} .search_table .main_words .title_main:hover, figure.block_style .main_words a:hover, .pic_style figure.block_style .main_words a:hover {color: #e34800 !important;} .search_table .thead th.go-date{width: 14%;} .search_table .thead th.tour-price{width: 19%;} .search_table tbody td.tour-price span{font-size: 1.5rem;letter-spacing: -0.5px;} section.search_con .pagination .page-item.active .page-link, section.search_con .pagination .page-item .page-link:hover, section.search_con .pagination .page-item .page-link:active{border-color: #eb823d; color: #e34800; outline: none; box-shadow: none;} section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg, .list_con .style_icon .nav-pills .nav-link.active svg {fill: #e34800;} figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(227, 72, 0, .5);} @media (max-width:991px){ .search_table>tbody>tr{border: 1px solid #dee2e6;border-radius: 4px;} } /*國外明細*/ .D_products_group_detail section.group_banner.trip_banner .brief h5, .D_products_group_detail section.group_banner.trip_banner .brief h5.deposit{font-size: 1.1rem;} .D_products_group_detail .group_table.tripdown .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available{font-size: 0;} .D_products_group_detail .group_table.tripdown .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available::before {font-size: 0.813rem; display: inline-block; letter-spacing: 0; content: '餘位:';} .D_products_group_detail .group_table.tripdown .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available > span{font-size: 0.813rem;} /*國外團型明細*/ .D_products_group_molddetail .Detail.sub_menu-trip ul{display: flex; flex-wrap: wrap;} .Detail.sub_menu-trip .trip_menu li.submenu_calendar{order: -1;} .D_products_group_molddetail .DetailContainer{margin-top: 9rem;display: flex; flex-wrap: wrap; justify-content: center;flex: 0 0 100%; max-width: 100%;} .D_products_group_molddetail .DetailContainer > nav.Detail, .D_products_group_molddetail .DetailContainer > section.Detail.BasicBox, .D_products_group_molddetail .DetailContainer > section.Detail.DepartureDate{order: -1;} .D_products_group_molddetail .DetailContainer > section.DetailBox {flex: 0 0 100%;max-width: 100%;word-break: break-all;} @media (max-width:767px) { .D_products_group_molddetail .DetailContainer{ margin-top: 60px;} } /*FILLO國旅列表*/ section.group_banner .search-area::before{ content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; } section.group_banner .search-area > form.container{ background: none; border: none; } section.group_banner .search-area .search-box .select-departure, section.group_banner .search-area .search-box .select-destination, section.group_banner .search-area .search-box .select-date, section.search_banner .search-area .search-box .select-input input{ border-radius: 4px; } section.group_banner .search-area .search-box .select-departure .title i, section.group_banner .search-area .search-box .select-destination .title i{ color: #eb823d; } section.group_banner .search-area .search-box .search-btn{ background: #ea5413; border-radius: 4px; } section.group_banner .form-check label{ color: #fff; } .select_filter .form-inline .form-group input[type=radio]:checked + label{ color: #ea5413; background: #ffece0; } #search-pic .pic_style{ justify-content: flex-start !important; } /*明細*/ section.group_banner .price_content .panel-info{border: 1px solid #eb823d;} section.group_banner .price_content .panel-info .panel-heading{background: #eb823d;} 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: #000;} section.trip_note .card-header .btn:hover, section.trip_note .card-header .btn[aria-expanded="true"]{background: #eb823d;} section.group_table.tripdown .style_icon ul li a.nav-link{border: 1px solid #e34800;} section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #e34800;} .nav-pills .nav-link { color: #e34800;} .fc .fc-toolbar.fc-header-toolbar{background: #eb823d;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color: #e34800;} .fc .fc-button-primary{color:#121212;} .fc .fc-button-primary:hover { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); } .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); } .fc .fc-button .fc-icon{color: #000;} .fc-h-event { display: block; border: 1px solid #e34800; border: 1px solid #e34800; background-color: #e34800; background-color: #e34800; } .fc-h-event .fc-event-main a.status{color: #fff000;font-weight: bold;font-size: 1rem;} .fc .fc-button-group > .fc-button:hover .fc-icon{color:#fff;} .fc .fc-button-primary:disabled { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); } .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top{color: #eb823d;} .search_table tbody td.sale-situation .btn{background: #142042; border-color: #142042;} /*FILLO國旅明細*/ .GDT{ padding-top: 5rem; } .GDT .Detail .DateBlock .DateCenterLine{ background-color: #ea5413; } .GDT .Detail .DateBlock .SearchDate a{ color: #ea5413; } .GDT .Detail.DepartureDate .fc .fc-toolbar-title{ color: #fff; } .GDT .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .GDT .Detail.DepartureDate .nav-tabs .nav-link.active{ background-color: #ea5413; border-color: #ea5413; } .GDT .Detail.DepartureDate .nav-tabs .nav-link{ border: 1px solid #ea5413; border-bottom-color: #ea5413; color: #ea5413; } .GDT .Detail.DayTrip .DayBlock > div{ background-color: #ea5413; } .GDT .Detail.DayTrip .DayBlock > div::after{ border-color: transparent transparent transparent #ea5413; } .GDT .Detail.DayTrip .DayTripBtn{ background-color: #142042; border: 1px solid #142042; } .GDT .Detail.DayTrip .DayTripBtn:hover{ background-color: #334989; border: 1px solid #334989; } .GDT .Detail.DayTrip .DayTripBtn.Multiple{ border: 1px solid #142042; color: #142042; } .GDT .Detail.DayTrip .DayTripBtn.Multiple:hover{ background-color: #142042; } .GDT .Detail .TripNoteBlock { background-color: #f9f9f9; } .GDT .Detail .TripNoteItems + .TripNoteItems::before{ background: #142042; } .GDT .Detail .TextPrimary { color: #ea5413; } .GDT .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{ color: #ea5413; } .GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left, .GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: contrast(0) sepia(0) hue-rotate(0) brightness(2) saturate(1); filter: contrast(0) sepia(0) hue-rotate(0) brightness(2) saturate(1); } .GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{ background-color: #fdf2e7; color: #ea5413; border: 1px solid #fdf2e7; } .GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, .GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, .GDT .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{ background-color: #b9410e; border: 1px solid #b9410e; } .GDT .Detail .MainTitle::before{ filter: invert(1); } @media (max-width:991px) { .GDT .Detail .DateBlock{ border: 1px solid #142042; } } @media (max-width:767px) { .GDT{ padding-top: 3rem; } } /*會員*/ .new_bg .web-page-frame > div.row:nth-child(2){background-color: #FFFFFF; background-image: url(https://materials.fillo.com.tw/materials/tourone/images/ddd42be7-4253-4866-8631-85dcb082fc63.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; background-attachment: scroll;} .new_bg .signin_width{margin-top: 150px; margin-bottom: 100px;} .signin_box{box-shadow: 1px 1px 10px #e4e4e4;} .signin_box .form-horizontal button.g-recaptcha{background: #e95816;} .text-muted a.btn-outline-primary{color: #142042;border-color: #142042;} .text-muted a.btn-outline-primary:hover, .text-muted a.btn-outline-primary:not(:disabled):not(.disabled):active:active { background-color: #142042; border-color: #142042; color: #fff; box-shadow: none; } .new_bg .web-page-frame .width-460 {margin-top: 150px;margin-bottom: 100px;} .new_bg .web-page-frame .width-460 .card-border{box-shadow: 1px 1px 10px #e4e4e4;} .new_bg .web-page-frame .form-horizontal .Show30s button{margin-top:1rem !important;} .member_width { margin-top: 70px;} .FavoriteList-null{text-align:center;} .member-data-r.member-information .member-group.r-email label{letter-spacing: -3.5px;} .member-data-r.member-information .member-group.r-email label span{right: -5px;} @media (max-width:767px){ .new_bg .signin_width{margin-top: 90px;} .member-data-r.member-information .member-group label span, .member-data-r.member-information .member-group.r-email label span{right: 0px !important;} .member-data-r.member-information .member-group.member-radio label:first-child span{right: 10px !important;} } /*訂購流程*/ @media (max-width:767px){ .group_home .stepPage_group_content .stepPage_group_item .quantity, .group_home .stepPage_group_content .stepPage_group_item .purchase_quantity{text-align:center !important;} } .fb_customer_chat_icon{margin:0 3px !important;} /*header*/ .row.header{position: fixed;z-index: 99;width: 100%; } .tour_top {z-index:999;} .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-logo li a:hover{background:none; } @media (min-width:768px){ .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-logo img{width: 70%; height: auto; position: unset;} .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-links{float:right;} .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-links .hoverTrigger a{font-size: 1.1em;line-height: 2.1em; position: relative; padding: 1em 1.5em;letter-spacing:0.1em;} .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-links .hoverTrigger a i{display:none !important;} .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-links .hoverTrigger:hover > a:before{content:'';height:3px;background:#ea5413;position:absolute;left:1.5em;right:1.5em;bottom:1.2em;display:block;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down{background:rgba(255, 255, 255, 0.95) !important;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .megamenu_box{padding: 0.5em 3em;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box{padding: 0;width: 180px;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box h4{color: #ea5413;width: 95px;height: 95px;border: 1px solid #ea5413;text-align: center;line-height: 80px;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box:hover h4{color:#fff !important;background:#ea5413;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-child(1) div.mg-drop-down .list_box li{padding-left:10px;position:relative;margin-bottom: 0;margin-top: 5px;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-child(1) div.mg-drop-down .list_box li::before{content:'‧';display:block;color:#333;position:absolute;left:0;top:0;line-height:1.8em;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box li a{font-size: 1em;line-height: 1.8em;letter-spacing:0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box li a:hover, .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box li a:hover p{color:#ea5413 !important;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(1){position:relative;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(1) div.mg-drop-down{width: auto;left:0;right:0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(1) div.mg-drop-down .megamenu_box{padding:0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(1) div.mg-drop-down .list_box{padding: 0;margin-right: 0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(1) div.mg-drop-down .list_box li a{font-size: 1em;line-height: 2.1em;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(2){position:relative;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(2) div.mg-drop-down{width: auto;left:0;right:0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(2) div.mg-drop-down .megamenu_box{padding:0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(2) div.mg-drop-down .list_box{padding: 0;margin-right: 0;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li:nth-last-child(2) div.mg-drop-down .list_box li a{font-size: 1em;line-height: 2.1em;} } @media (min-width:768px) and (max-width:991px){ .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .megamenu_box {padding: 0.5em 0em;} .tour_top .module-container .main .mega-menu .menu-list-items .menu-links li div.mg-drop-down .list_box{width: 145px;margin-right: 1em;} } @media (max-width:767px){ .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-logo li a{padding: 0 20px 0 12px;} .tour_top .module-container .main nav.mega-menu .menu-list-items .menu-logo li a img{width: auto;height: 50px;position: unset;} } /*side*/ .side_chat .module-container .main .actGotop{bottom:170px;} .side_chat .module-container .main .side_box{bottom: 85px;} .side_chat .module-container .main .side_box .side_bar{border-radius:0;box-shadow:none;background:none !important;margin-bottom:0;padding:0;} .side_chat .module-container .main .side_box .side_bar li{border:none;padding: 0;background: none; border-radius: 50px; width: 60px;height: auto;line-height: 45px;margin-bottom: 5px;box-shadow:none;} .side_chat .module-container .main .side_box .side_bar li a img.img-fluid{padding: 0;background: none;border-radius: 50px;box-shadow: 2px 2px 6px #e0e0e0;} .fb_chat .fb_reset>div{right:15px !important;} .fb_chat .fb_dialog_content{position: fixed;right: 15px;} /*footer*/ .footer_nav .module-container .main .function-row ul.flex-row{display: flex !important;} .footer_nav .function-row .flex-row li.text-center{margin-bottom:0px;} .footer_nav .function-row .flex-row li.text-center a{padding-bottom: 0;} .footer_allwrap .module-container .main .footer-sample .footer_center .info_box .info-text h3{font-size: 1.4em;margin-bottom:15px;} .footer_allwrap .module-container .main .footer-sample .footer_center .info_box .info-text p{margin-bottom: 8px;font-size: 1em; line-height: 1.5em;} .footer_allwrap .module-container .main .footer-sample .fb-info .fb-box-wrapper{flex-wrap:wrap;} .footer_allwrap .module-container .main .footer-sample .fb-info .fb-box-wrapper .row{margin:0;} .footer_allwrap .module-container .main .footer-sample .fb-info .fb-box-wrapper .fb-box h2{border:none;} .footer_allwrap .module-container .main .footer-sample .fb-info .fb-box-wrapper .fb-box a{padding: 0px 0 7px 5px;flex: 0 0 33.3333%; max-width: 33.3333%;} .footer_allwrap .module-container .main .footer-sample .contact-info .contact-box h2{font-size: 1.4em;} .footer_allwrap .module-container .main .footer-sample .contact-info .contact-box a{display: inline-block;} .footer_allwrap .module-container .main .footer-sample .contact-info .contact-box a h4{font-size: 17px; margin: 5px 0; line-height: 27px; color: #666666; padding-left: 35px; letter-spacing: 0.5px;} .footer_allwrap .module-container .main .footer-sample .icon_wrap{display:none;} @media (min-width:1201px){ .footer_allwrap .module-container .main .footer-sample .company-info{flex: 0 0 25%; max-width: 25%;} .footer_allwrap .module-container .main .footer-sample .contact-info{flex: 0 0 33.333333%; max-width: 33.333333%;flex-wrap: wrap;} .footer_allwrap .module-container .main .footer-sample .contact-info .contact-box{flex:0 0 50%;} .footer_allwrap .module-container .main .footer-sample .fb-info{flex: 0 0 41.666667%; max-width: 41.666667%;} .footer_allwrap .module-container .main .footer-sample .footer_sbox{text-align:left !important;margin-top:0.5em;/*position: absolute;*/left: 0;/*bottom: 2em;*/}/*註解定位調整重疊*/ } /*大圖縮放輪播 start*/ .home_slide{margin-top:4em;} /*.home_slide .module-container .main .slide .carousel-inner a .carousel-caption{width: 100%;left: 0;bottom: 0;padding: 2em 0;background: rgba(0, 0, 0, 0.6);display:block !important;}*/ .home_slide .module-container .main .slide .carousel-inner a .carousel-caption h5{color:#fff;font-size:2rem;font-weight:normal;} .home_slide .module-container .main .slide .carousel-inner a .carousel-caption p{color:#fff;font-weight:normal; line-height:1px;} .home_slide .module-container .main .slide .carousel-inner a .carousel-caption img{transform:scale(1,1);transition: all 1s ease-out;} .home_slide .module-container .main .slide.carousel-fade a.carousel-item img{-webkit-transform: scale(1); transform: scale(1);-webkit-transition: 2s ease-in-out; transition: 2s ease-in-out;} .home_slide .module-container .main .slide.carousel-fade a.carousel-item.active img{-webkit-transform: scale(1.05); transform: scale(1.05);} /*new slider*/ /*.widget-item .slider-container{margin-top:75px;} @media (max-width:767px){ .widget-item .slider-container{margin-top:35px;} }*/ /*搜尋引擎*/ .home_search .search-area .search-box .select-goal{background: none; color: #000; padding: 10px 30px;} .home_search .search-area .search-box .select-goal .title i{color: #000;} .home_search .search-area .search-box .select-goal .select select{height: 42px;padding:5px;} .home_search .search-area .search-box .select-place{background: none; color: #000; padding: 10px 30px;} .home_search .search-area .search-box .select-place .title i{color: #000;} .home_search .search-area .search-box .select-place .select select{height: 42px;padding:5px;} .home_search .search-area .search-box .select-date{background: none; color: #000; padding: 10px 30px;} .home_search .search-area .search-box .select-date .title i{color: #000;} .home_search .search-area .search-box .select-date .select input{height: 42px;} .home_search .search-area .search-box .select-date .select .divide{background: white;margin: 20.5px 10px 0px 10px;} .home_search .search-area .search-box .search-btn {background: #EB823D; line-height:70px; height: 70px; margin: 15px 0 0 0;} .home_search .search-area .search-box .search-btn h5 {font-size: 120%;} /*標題樣式*/ .home_titleline{position:relative;padding-top: 3em;} .home_titleline::before{/*content:'';display:table;width: 2px;height:50px;background: #ea5413;position:absolute;top: 2.5em;left: 50%;transform: rotate(30deg);*/} .home_titleline::after{/*content:'';display:table;width: 2px;height:50px;background: #fff100;position:absolute;top: 3.5em;left: 50%;transform: rotate(30deg);*/} .home_titleline h1, .home_titleline h2, .home_titleline h3, .home_titleline h4, .home_titleline h5, .home_titleline h6, .home_titleline p{margin-bottom:0;} /*分類銷售看板*/ .home_sign .module-container .main .board-content header .board-slogan{display:none;} .home_sign .module-container .main .board-content .quick_s ul.area-list li{margin-bottom:.8%;} .home_sign .module-container .main .board-content .quick_s ul.area-list li:nth-child(6n){margin-right:0;} .home_sign .module-container .main .board-content .quick_s ul.area-list li:before{background: rgba(255, 255, 255, .9);} .home_sign .module-container .main .board-content .quick_s ul.area-list li a:before{border:none;} .home_sign .module-container .main .board-content .quick_s ul.area-list li h3{font-size:26px;} .home_sign .module-container .main .board-content .quick_s ul.area-list li::after{padding-bottom:120%;} .main .board-content .price i{display:none;}/*箭頭隱藏*/ .main .board-content .price {color:#FF0800;font-weight:600;}/*價錢顏色*/ /*查看更多位置調整到下方*/ .home_sign .module-container .main .board-content header{position: absolute;margin-bottom: 0px; width: calc(100vw - 30px); text-align: center; bottom: 0;} .home_sign .module-container .main .board-content header .board-more {right: 0; bottom: 0px;left: 0;text-align: center;} .home_sign .module-container .main .board-content header .board-more a{padding: 10px 30px;font-size: 1rem;} .home_sign .module-container .main .board-content .quick_s{padding-bottom: 2.5em; padding-top: 2em;} /*查看更多模組圖片不要圓角標題換色*/ .idx_dreambox .module-container .main .ads-wrapper .item_box figure{border-radius:0;} .idx_dreambox .module-container .main .ads-wrapper .item_box .item_more_txt h3{color: #142042;} /*在世界各地留下腳印 標籤按鈕*/ .wtabs_bt{background-color:#333;} .w_tabs_bt .module-container .main .blk-tabs ul.nav-pills li{margin: 5px;} .w_tabs_bt .module-container .main .blk-tabs ul.nav-pills li.nav-item a{color: #142042;border: 1px solid #142042; border-radius: 0;padding: .5rem 2rem;} .w_tabs_bt .module-container .main .blk-tabs ul.nav-pills li.nav-item a.active, .w_tabs_bt .module-container .main .blk-tabs ul.nav-pills .show>.nav-link{color: #EB823D;background: none;border-color: #EB823D;} @media (max-width: 480px){ .home_sign .module-container .main .board-content .quick_s ul.area-list li h3{font-size:22px;top:5px;left:1%;} } /*推薦行程*/ .idx_promotion .module-container .main .hover-wall .htpro_tit{display:none;} .idx_promotion .module-container .main .hover-wall .icon_info{border-radius: 0;background: none;box-shadow: none;bottom: 0;} .idx_promotion .module-container .main .hover-wall .icon_info a .overlay{display:none;} .idx_promotion .module-container .main .hover-wall .icon_info a h3{text-align: justify;letter-spacing: 0px;padding: 0px;font-weight: normal;font-size: 1.2em;margin-bottom: 0.8rem;} .idx_promotion .module-container .main .hover-wall .icon_info a h4{display:none;} .idx_promotion .module-container .main .hover-wall .icon_info a p{padding: 0;font-size: 0.95em;letter-spacing: 0;line-height: 1.4em;} @media (max-width:767px){ /*輪播*/ .home_slide{margin-top:3em;} .home_slide .module-container .main .slide .carousel-inner a .carousel-caption{display:none !important;} /*搜尋*/ .home_search .search-area .search-box .select-goal, .home_search .search-area .search-box .select-place, .home_search .search-area .search-box .select-date{padding: 0px;height: 70px;} .home_search .search-area .search-box .select-date .select input{width: 43%;} } /*超夯行程一網打盡*/ .idx-hotSlide .swiper-slide figure.swiper-img{width: 100%; overflow: hidden; position: relative;} .idx-hotSlide .swiper-slide figure.swiper-img img{position: absolute;left: 0; top: 0; right: 0;} .idx-hotSlide .swiper-slide figure.swiper-img::after { content: ''; display: block; width: 100%; height: 61.5%; padding-top: 61.5%;} .idx-hotSlide .swiper-slide .swiper-title{display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden; height: 33px;} .idx-hotSlide .swiper-slide .swiper-content{overflow: hidden;height: 57px;} /*主題頁模組調整*/ .theme_buttonLINK .function-row li a{padding: 0; overflow: hidden;} .theme_buttonLINK .function-row li a::before{ content: ''; display: block; position: absolute; left: 5px; right: 5px; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); border-radius: 5px; z-index:1; transition: .2s; } .theme_buttonLINK .function-row li:hover a::before{background: rgba(0, 0, 0, 0.0);transition: .2s;} .theme_buttonLINK .function-row li a img{width: 100% !important; height: 100%; object-fit: cover; object-position: center center;transition: .2s;} .theme_buttonLINK .function-row li:hover a img{opacity: .3;transition: .2s;} .theme_buttonLINK .function-row li a h3{position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);margin: 0; font-size: 24px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); z-index: 2;} @media (max-width:1439px) { .theme_buttonLINK .function-row li a h3{font-size: 20px;} } @media (max-width:1199px) { .theme_buttonLINK .function-row li a h3{font-size: 18px;} } @media (max-width:991px) { .theme_buttonLINK .function-row > h2{position: absolute; top: 0; left: 50%; transform: translate(-50%, 0px); z-index: 1;} .theme_buttonLINK .function-row .flex-row{margin-top: 60px;} .theme_buttonLINK .function-row{overflow: scroll; display: block; padding: 0px;width: 100%;} .theme_buttonLINK .function-row .flex-row{width: min-content; float: none; display: flex !important; justify-content: unset !important; flex-wrap: unset !important;min-width: 100%;flex-direction: unset !important;} .theme_buttonLINK .function-row .flex-row li{flex: 0 0 200px !important;} } @media (max-width:575px) { .theme_buttonLINK .function-row .flex-row li{flex: 0 0 150px !important;} } /*模組調整*/ .text_white .ads-wrapper .item_box .item_more_txt h3{color: #fff;} .text_white .ads-wrapper .item_box span.item_btn, .text_white .ads-wrapper .item_box span.item_btn_hover{color:#000;} .GPDT {word-break: break-all;} /*團自明細頁版面順序調整*/ .GPDT .DetailContainer {display: flex;flex-wrap: wrap;padding-top: 150px;padding-bottom: 100px;} .GPDT .DetailContainer > * {width: 100%; flex: 0 0 100%;} .GPDT .DetailContainer nav {order: 1;} .GPDT .DetailContainer .BasicBox {order: 2;} .GPDT .DetailContainer #tripnote {order: 5;} .GPDT .DetailContainer #tripfeature {order: 3;} .GPDT .DetailContainer #DepartureDate {order: 7;} .GPDT .DetailContainer #hotel {order: 6;} .GPDT .DetailContainer #dayTrip {order: 4;} .GPDT .DetailContainer #dayTrip .DayTripBtn.Multiple {top: 0;right: 0;} .Detail.sub_menu-trip .trip_menu ul {display: flex;flex-wrap: wrap;margin: 0} .Detail.sub_menu-trip .trip_menu ul li.submenu_tripnote {order: 3;} .Detail.sub_menu-trip .trip_menu ul li.submenu_feature {order: 1;} .Detail.sub_menu-trip .trip_menu ul li.submenu_calendar {order: 5;} .Detail.sub_menu-trip .trip_menu ul li.submenu_hotel {order: 4;} .Detail.sub_menu-trip .trip_menu ul li.submenu_daytrip {order: 2;} .Detail.sub_menu-trip .trip_menu ul li.submenu_calendar a {border-bottom: none;} .Detail.sub_menu-trip .trip_menu ul li.submenu_daytrip a {border-bottom: 1px solid #bbbeca;padding-bottom: 8px;} /*團自側邊選單*/ .GPDT .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{display: block !important;} /****Header start****/ .M-001.header{z-index: 100; } .M-001.header .header-part .navbar-brand { height: 65px; padding: 5px;} .M-001.header .header-part .navbar-brand img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001.header .header-part .navbar-nav li a{ border-bottom: 0px solid #fff; line-height: 40px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001.header .header-part .navbar-nav li>a:hover{ background-color: inherit !important; color: #FFCC02 !important; line-height: 30px; border-bottom: 2px solid #fff;} .M-001.header .header-part .dropdown.show {background: inherit;} .M-001.header .dropdown-menu.shadow.show { border: 1px solid #ffcc02; border-radius: 8px !important;} .M-001.header .header-part .navbar-nav li>div a.dropdown-item { padding: .25rem 1rem; color: #01305a;} .M-001.header .header-part .navbar-nav li>div a:hover { color: #01305a!important; background:#ffcc02 !important; } .M-001.header .header-part .navbar-nav li>div a:first-child{ border-top-left-radius:8px;border-top-right-radius:8px } .M-001.header .header-part .navbar-nav li>div a:last-child{ border-bottom-left-radius:8px;border-bottom-right-radius:8px } .M-001.main-nav { position: fixed; margin: 0 auto; margin-top: 75px; width: 100%; background: #e8f8ff; z-index:99;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); } .M-001.main-nav .main { max-width: 1250px; margin: 0 auto !important;} .M-001.main-nav .responsive-drop-down-menu{ min-height: 52px;} .M-001.main-nav .responsive-drop-down-menu > ul > li:after{ background:#e8f8ff} .M-001.main-nav .responsive-drop-down-menu > ul > li > a{color:#eb823d; font-size: 1.1em; padding: 11px 20px;} .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > a,.M-001.main-nav .responsive-drop-down-menu > ul > li.active > a {color:#2766BF;} .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li { background: #e8f8ff !important; width: 100%;} .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li+li { border-top: 1px solid #abdaef;} .M-001.main-nav .responsive-drop-down-menu ul li ul li a{ color: #eb823d; font-size: 1rem;} .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover a{ color: #ffffff; } .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover ul > li:hover a{ color: #ffcc02; } .M-001.main-nav .responsive-drop-down-menu > ul > li+li > a:after { content: ""; position: absolute; width: 1px; height: 30px; background:#eb823d; left: 0; } .M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a:before { border: 6px solid transparent; top: 25px; right: 20px; } .M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a:before,.M-001.main-nav .responsive-drop-down-menu > ul > li:hover > a:before{border-top-color:#eb823d;} .M-001.main-nav .responsive-drop-down-menu ul li ul li.has-sub:before { border: 6px solid transparent;border-left-color:#eb823d; top: 22px;} .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li.has-sub:hover:before{border-left-color:#ffffff;} .M-001.main-nav .responsive-drop-down-menu ul li ul li ul li a { color: #ffffff;} /****Header end****/ /****共用 start****/ * {font-family: 'PT Sans', '微軟正黑體', sans-serif;} .top-mt{ margin-top: 50px;} .M-001-title .header-title.dp-tbl { position: relative; display: table; width: auto; color: #01305a; text-align: center; font-size: 2.1rem; font-weight: 600; font-family: "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; margin: 50px auto} .M-001-title .header-title.dp-tbl::before{ content:""; position:absolute; width: 50px; height: 5px; left: 30%; bottom: -8px; background: #eb823d;} .all-btn{ position:relative; display: table; padding: 0px 40px 0 20px; border: 1px solid #01305a; background: #01305a; font-size: 1rem; line-height: 2rem; border-radius: 50px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; } .all-btn::before{ content: ""; position: absolute; width: 20px; height: 8px; top: 12px; right: 15px; background-image: url(https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg); background-repeat: no-repeat; background-position: center;} .all-btn,.all-btn a{ color:#ffffff; text-decoration:none;} .all-btn:hover { background: #ffcc02; border: 1px solid #ffcc02;} /****共用 end****/ /****index start****/ /*main-slider 主圖 start*/ .M-001.main-slider section.banner-area .swiper-area{ z-index:0;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper { height: 600px;} .M-001.main-slider .slide-txt-box{ text-align:center !important} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line{display:none;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ width:100%; text-align:center;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{ top: 30%;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img { height: 1120px;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev,.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-button-next{ display:none} /*search 搜尋 start*/ .M-001.search .search-area{ background:#01305a; min-height: 120px; display: flex; align-items: center;} .M-001.search .search-area .search-box {padding: 0px 10px;} .web-page-frame .M-001.search.widget-item .search-area form.container{ width: 100%;} .M-001.search .search-area form.container{ max-width: 1560px; padding-left: 0; padding-right: 0; } .M-001.search .search-area .search-box .select-goal,.M-001.search .search-area .search-box .select-place,.M-001.search .search-area .search-box .select-date,.M-001.search .search-area .search-box .select-keywords{background: #01305a; padding: 5px 10px;} .M-001.search .select-keywords{ position:relative; } .M-001.search .search-area .search-box .select-keywords .title,.M-001.search .search-area .search-box .select-goal .title, .M-001.search .search-area .search-box .select-date .title,.M-001.search .search-area .search-box .select-place .title { color: #e8f8ff;} .M-001.search .search-area .search-box .select-date .select { width: 100%;} .M-001.search .search-area .search-box .select-date .select input { width: calc(46%);} .M-001.search .search-area .search-box .select-goal .select select,.M-001.search .search-area .search-box .select-place .select select{background-image:url('https://materials.fillo.com.tw/materials/design/images/ba80c1e7-a1a0-4966-ae41-8b1f3c85e438.svg'); } .M-001.search .search-area .search-box .select-goal .select select,.M-001.search .search-area .search-box .select-place .select select, .M-001.search .search-area .search-box .select-date .select input,.M-001.search .search-area .search-box .select-keywords .select input {height: 48px; padding:5px; border: none; background-color: rgba(255,255,255,100);border-radius:8px; } .M-001.search .search-area .search-box .select-goal .title h6,.M-001.search .search-area .search-box .select-place .title h6,.M-001.search .search-area .search-box .select-date .title h6{ margin:0; padding-left: 5px;} .M-001.search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: white;} .M-001.search .search-area .search-box .search-btn{ background: #eb823d; width: 92%; height: 72px; line-height: 72px; margin-top: 10px; float: right; border-radius:8px; } .M-001.search .search-area .search-box .search-btn h5 { letter-spacing: 1.5px; font-size: 1.1rem; line-height: 1.1rem; } .M-001.search .search-area .search-box .select-goal .title i,.M-001.search .search-area .search-box .select-place .title i,.M-001.search .search-area .search-box .select-date .title i,.M-001.search .search-area .search-box .select-keywords .title i { color: #ffcc02;} /*搜尋月曆*/ .datepicker.dropdown-menu{ border: 1px solid #01305a;} .datepicker.datepicker-dropdown:before{ border-bottom-color: #01305a;} .datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #01305a;} .datepicker td, .datepicker th { width: 30px;height: 30px;} .datepicker table tr td.active.active{background:#eb823d;} .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #ffcc02;} .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{background-color: #01305a;} .datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #01305a;} /*快捷icon*/ .M-001.main-icon .function-row li a{ -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .M-001.main-icon .function-row li a:hover{ padding: 15px 5px 5px; } .M-001.main-icon .function-row li{margin-top: 15px; margin-bottom: 20px;} .M-001.main-icon .function-row li a h3{ display: block; font-size: 1.2rem; letter-spacing: 0.1rem; margin-top: 10px;} /*主打商品push*/ .M-001.push .module_carousel{ padding-bottom: 0; background: rgba(255, 255, 255, 0.8);} .M-001.push .country_tab .module_box_title ul{ padding: 1em;} .M-001.push .country_tab .module_box_title ul li { padding: 0.6em 1em; border-bottom: 1px solid #c7c7c7; } .M-001.push .country_tab .module_box_title ul li:hover { border-bottom: 1px solid #eb823d; } .M-001.push .country_tab .tab_container,.tw-tour .country_tab .module_box_title{ width:50%; padding: 15px;} .M-001.push .country_tab .module_box_title{ width: 50%;} .M-001.push .country_tab .module_box_title ul li a span{ margin-right: 8px; padding: 4px 15px; border-radius: 25px; } .M-001.push .country_tab .module_box_title ul li a span::after{ border: 0;} .M-001.push .country_tab .module_box_title ul li a p{ color:#01305a; line-height:2em;} .M-001.push .country_tab .module_box_title ul li:hover a p{ color:#eb823d;} /*主題專區theme*/ .M-001.main-theme{ margin-bottom:60px} .M-001.main-theme .hover-wall .htpro_tit{ display:none;} .M-001.main-theme .hover-wall .icon_info { padding: 15px 15px 20px; height: 500px; background: #f4f4f5; border-radius: 8px; box-shadow: none; bottom: 0; } .M-001.main-theme .hover-wall .icon_info h3{ padding:0 0 0 45px; font-weight: bold; letter-spacing: 0.03em; line-height: 2rem; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .M-001.main-theme .hover-wall .icon_info h4 { height: 75px; color: #545454; font-style: initial; padding: 0px 10px; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } .M-001.main-theme .hover-wall .icon_info p.animate-text{ position:absolute; display: table; right: 20px; bottom: 15px; margin-bottom: 0; padding: 0px 40px 0 20px; float: right; border: 1px solid #01305a; background: #01305a; font-size:1rem; line-height: 2rem; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .M-001.main-theme .hover-wall .icon_info:hover p.animate-text{ background:#ffcc02; border: 1px solid #ffcc02;} .M-001.main-theme .hover-wall .icon_info p.animate-text::before{ content: ""; position: absolute; width: 20px; height: 8px; top: 12px; right: 15px; background-image: url(https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg); background-repeat: no-repeat; background-position: center;} .M-001.main-theme .hover-wall .icon_info figure{ overflow:visible;} .M-001.main-theme img.s_img.lazyload.loaded { top: initial; bottom: -45px; width: 25px; } .M-001.main-theme .hover-wall .icon_info:hover figure .b_img{ -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .M-001.main-theme .hover-wall .icon_info figure .overlay { border-radius: 8px;} .M-001.main-theme .hover-wall .icon_info figure .overlay i,.M-001.main-theme .hover-wall .icon_info:hover figure .overlay i{ display:none } .M-001.main-theme img.b_img.lazyload.loaded{ border-radius: 8px;} /****index end****/ /****themepage1 start****/ .M-001.themetab .nav-pills .nav-link { font-family: "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; background-color: #ffffff; padding: .4rem 2rem; border: 1px solid #eb823d; color:#eb823d; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .M-001.themetab .nav-pills .nav-link.active,.M-001.themetab .nav-pills .show>.nav-link { background-color: #eb823d; color: #ffffff;} .M-001.themetab .nav-item+.nav-item { margin-left: 8px; } .M-001.themetab{ padding-bottom: 2rem!important;} .M-001.themetab .blk-tabs{ display: block; padding: 0 10px;} .M-001.themetab .blk-tabs ul{ margin-bottom: 0px; padding-bottom: 10px; display: block; white-space: nowrap; overflow-x: auto; text-align: center;padding-top: 10px;background: #fff;} .M-001.themetab .blk-tabs ul .nav-item{display: inline-block;} .M-001.themepage1 .mix-wrapper { padding: 0px 30px 15px;} .M-001.themepage1 .mix-wrapper>.row:nth-child(odd) { background: #e8f8ff !important;} .M-001.themepage1 .pic-content,.M-001.themepage1 .editor-content{ margin-top: 25px; margin-bottom: 25px; padding-left: 25px; padding-right: 25px;} .M-001.themepage1 .img-mode .img-box{ text-align:center} .M-001.themepage1 .tab-block h1{ position: relative; display: table; font-size: 1.8rem; color: #eb823d; margin-bottom: 0.3rem; letter-spacing: 0.2rem;} .M-001.themepage1 .tab-block .title{ margin-bottom: 0.8rem; padding-bottom: 10px; font-weight: 600; color: #01305a; border-bottom: 1px solid #01305a; font-size: 1.4rem;} .M-001.themepage1 .tab-block .tab-content span{ color: #ee7122; font-size: 1rem; font-weight: 600; letter-spacing: 0.05rem;} .M-001.themepage1 .tab-block article{ margin-bottom: 1rem; padding-bottom: 0 !important; color: #545454; line-height: 1.7rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal;} .M-001.themepage1 .tab-block{ display: flex; flex-direction: column; height:100%} .M-001.themepage1 .tab-content{ -webkit-flex: 87%; flex: 87%;} .M-001.themepage1 .price-block { padding: 10px 5px;} .M-001.themepage1 .tab-block .price{ float: right; font-size: 1.4rem; font-weight:600; color: #01305a; letter-spacing: 0.02rem;} .M-001.themepage1 .tab-block .price span{ font-size: 0.9rem; padding-left: 0.3rem;} .M-001.themepage1 .tab-block .more{ -webkit-flex: 13%; flex: 13%;} /****themepage1 end****/ /****themepage2 start****/ .M-001.article-block{ max-width:1000px; line-height: 2rem;} .M-001.article-block .header-title{ font-size: 1.2rem; margin: 20px 0; color: #333333; font-weight: 600; } .M-001.article-block.widget-item > .module-container > .main, .tab-content .widget-item > .module-container > .main {margin: 20px auto;} .M-001.pushprice{ background: #e8f8ff;} .M-001.pushprice .container-fluid{ padding-left:0; padding-right:0;} .M-001.pushprice ul.navbar-nav.nav-pills{ z-index:1} .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link h5 { margin-bottom: 0;} .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active,.M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link { border: 1px solid #eb823d; padding: 0.8em 2em;} .M-001.pushprice .anchor-tab-wrapper>.container { position: relative;} .M-001.pushprice .anchor-tab-wrapper>.container .list_top { position: absolute; top: -70px; right: 0; z-index: 1;} .M-001.pushprice .section-box .bgholder_box { text-shadow: none; background: rgba(77, 183, 255, 0.6); width: 157px; height: 132px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; justify-content: center;} .M-001.pushprice .section-box .bgholder_box h4{ margin-bottom:0 !important } .M-001.pushprice .main_nav {margin-bottom: 30px;} .M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 20px; } .M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link { color: #eb823d; border: 1px solid #eb823d; padding: 1em 2em; padding: 0.8em 2em;} .M-001.pushprice .main_nav .nav-pills .nav-item a.active:after,.M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item:hover a:after{border-width: 20px 15px 0 15px; content: ''; bottom: -10px;} .M-001.pushprice .list_nav .nav-item{display:none;} .M-001.pushprice.widget-item .container-fluid { bottom: 0; background-repeat-y: no-repeat; background-position: bottom; padding-bottom: 70px; } .M-001.pushprice div.Graphic_mode:nth-child(2) .travel_list .list_price .price_sale { color: #7f2c5a;} .M-001.pushprice .Graphic_mode .card:last-child{ background-color: inherit;} .M-001.pushprice .Graphic_mode .card:last-child .list_img,.M-001.pushprice .Graphic_mode .card:last-child .list_content{ display:none;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price{padding: 0; margin: 0 auto; max-width:150px; background:initial; } .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale{ background:#01305a;color: white; padding: 8px 5px; border-radius:50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale:hover { background:#ffcc02;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale span{ position:relative;padding-right: 40px; font-size: 1.2rem; font-style: normal;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale span::after{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg'); background-position:center; background-repeat:no-repeat; right: 5px; top: 10px; width: 28px; height: 10px;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list:hover .list_price{background-color: inherit;} .M-001.pushprice .Graphic_mode{ margin-top: 0px;} .M-001.pushprice .list_container .card{margin-bottom: 0rem; padding: 20px;} .M-001.pushprice .list_container .card:hover { background: #ffffff;} .M-001.pushprice .Graphic_mode .list_container .card+.card { border-top: 1px solid #add1e6; border-radius: 0;} .M-001.pushprice .list_container .card:last-child { border-top: none; } .M-001.pushprice .list_container .card:last-child:hover{ background:inherit;} .M-001.pushprice .travel_list .list_price{ background: #f2f2f2;} .M-001.pushprice .travel_list:hover .list_price {background:#cbe8f5;} .M-001.pushprice .travel_list .list_price .price_sale { color: #266e97;} .M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .travel_list .list_price .price_sale { color:#01305a;} .M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .card:last-child .travel_list .list_price .price_sale{ color:#ffffff} .M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .travel_list:hover .list_price { background:#e8f8ff;} .M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .list_content:hover { background: #e8f8ff 0;} .M-001.pushprice .travel_list:hover .list_price .price_sale span { border-bottom: none;} .M-001.pushprice .travel_list .text { line-height: 2rem;} .M-001.pushprice .list_content{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .M-001.pushprice .list_content:hover { background:#f1fbfd 0;} .M-001.pushprice .card .list_content .title { margin-top: 0;} .M-001.pushprice .list_content .title a {color: #00a0e8; text-decoration: none;} /****themepage2 end****/ /****themepage3 start****/ .web-page-frame .M-001.media.widget-item > .module-container > .main { margin-left: 0px; margin-right: 0px; } .web-page-frame .M-001.media{ padding: 2rem!important;} .web-page-frame .M-001.media h2 {position:relative; margin-bottom: 10px; padding-left: 30px; font-size: 1.2rem; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; font-weight:600; line-height: 1.8rem; color:#01305a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; } .web-page-frame .M-001.media h2::before{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/design/images/ce51ab82-97f4-4b96-99c7-009f57b6647e.svg'); background-repeat:no-repeat; background-position:center; width:30px; height:30px; left: 0; top: 0; } .M-001.media:nth-child(odd) { background:#dbf0f9;} .M-001.media:nth-child(even) { background: #edfaff;} .M-001.sharearticle .swiper-slide .swiper-title { color: #01305A; font-size: 1.4rem; font-weight: 600; text-align: left; height: 50px;} .M-001.sharearticle .swiper-slide-style {background: #f4f4f5; box-shadow: none;} .M-001.sharearticle .swiper-pagination-bullet-active { background: #ffcc02;} .M-001.sharearticle .swiper-slide .swiper-content p { margin-bottom: 0.5rem; color: #eb823d; font-size: 0.9rem; } .M-001.sharearticle .swiper-slide .swiper-content { font-size: 0.9em; letter-spacing: 0.02em;} .M-001.sharearticle [class*='swiper-button-'] { color: #ffcc02; opacity: 1; } .M-001.sharearticle [class*='swiper-button-']:after { background: none;} /****themepage3 end****/ /****公司簡介about start****/ .about-content1 .hover-wall .htpro_tit {margin-bottom:0} .about-content1 .hover-wall .icon_info{ display: flex; height: 100%; padding: 15px 15px 20px; background: #f4f4f5; border-radius: 8px; box-shadow: none; bottom: 0; } .about-content1 .hover-wall .icon_info:hover{ bottom: 0; box-shadow: 0 0 black;} .about-content1 img.s_img.lazyload.loaded { top: initial; bottom: -45px; width: 25px; } .about-content1 .hover-wall .icon_info:hover figure{ border-radius:8px;} .about-content1 .hover-wall .icon_info:hover figure .b_img{ -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .about-content1 img.b_img.lazyload.loaded { border-radius: 8px;} .about-content1 .hover-wall .icon_info figure .overlay i,.about-content1 .hover-wall .icon_info:hover figure .overlay i { display: none;} .about-content1 .hover-wall .icon_info h3{ position:relative; padding-bottom:10px;} .about-content1 .hover-wall .icon_info h3::before { content: ""; position: absolute; width: 10%; background: #ffcc02; height: 2px; left: 0; bottom: 0; } .about-content1 .hover-wall .icon_info h3::after { content: ""; position: absolute; width: 88%; background: #aaaaaa; height: 2px; bottom: 0; right: 0; } .about-content1 .hover-wall .icon_info p.animate-text{ color: #545454; font-style: initial; padding: 0px 10px; font-size:1rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } .about-content2 .mix-wrapper{ padding: 0 15px;} .about-content2 .pic-content,.about-content2 .editor-content {margin-top: 0; margin-bottom: 0; padding: 0;} .about-content2 .editor-content{ display: flex; position: relative; padding: 40px; background: #eb823d; color: #ffffff; line-height: 2rem; font-size: 1.2rem; letter-spacing: 0.05rem; align-items: center; text-align: center; } .about-content2 .editor-content::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #ffcc02 transparent transparent transparent; top: 0; left: 0; } .abouthistory article { padding: 10px; font-size: 1.1rem; letter-spacing: 0.04rem; line-height: 1.8rem; text-align: justify;} .web-page-frame .abouthistory.widget-item > .module-container { display: flex; align-items: center;height: 100%;} .web-page-frame .abouthistory.left.widget-item > .module-container { justify-content: flex-end;} .abouthistory.right { position:relative; border-left: 2px solid #eb823d;} .abouthistory.right span::before,.abouthistory.left span::before{ content: ""; position: absolute; top: 45%; width: 14px; height: 14px; background: #ffcc02; border-radius: 50%; z-index: 1;} .abouthistory.right span::before { left: -8px; } .abouthistory.left span::before { right: -8px; } .abouthistory.left article,.abouthistory.left span{ margin: 10px 20px 10px 30px; } .abouthistory.right article,.abouthistory.right span{ margin: 10px 30px 10px 20px; } .abouthistory.left span,.abouthistory.right span {padding: 10px;} .abouthistory.text{ color: #01305a; font-weight: 600;} .abouthistory.year{ color:#eb823d; font-size: 1.4rem; letter-spacing:0.05rem; font-family: "Arial, Helvetica Neue", 微軟正黑體, Helvetica, sans-serif !important;} /****公司簡介about end****/ /****聯絡我們 start****/ .contact-left, .contact-right { padding: 0px;} .contact-left .module-container, .contact-left .module-container .main,.contact-left .widget-item .row,.contact-left .widget-item .row .module, .contact-left .widget-item,.contact-left .widget-item .row .module .map,.contact-left .map-container,.contact-right>.module-container,.contact-right>.module-container>.main{ height: 100%;} .contact-left>.module-container>.main,.contact-right>.module-container>.main { margin: 0;} .web-page-frame .contact-right .widget-item.contact-info > .module-container > .main, .web-page-frame .contact-right .widget-item.contact-social > .module-container > .main{ margin-left:0} .contact-left>.module-container>.main{ border-right: 1px solid #cad7dc;} .contact-right>.module-container>.main { padding-bottom: 40px;} .contact-info section.text-link h2{ display: table; position: relative; margin:0; padding: 5px 0; font-weight: 600;} .contact-info div.link-list{ background:transparent;} .contact-info .text-container{ padding: 0 20px 20px 30px;} .contact-info section.text-link h2::before { content: ""; position: absolute; width: 3px; height: 23px; left: -10px; background: #eb823d;} .contact-info div.link-list ul li span,.contact-info div.link-list ul li a{ padding:5px 10px 5px 0;} .contact-info div.link-list ul li i { margin-right: 0;} .contact-social { padding-left: 35px;} .contact-social .function-row li a{ width:80px; height:80px; padding-top: 25px; text-align:center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .contact-social .function-row li a:hover{ background: #278ed4 !important;} .contact-social .function-row li a h3{ display:none;} .contact-social .function-row li a i { color: #ffffff !important; font-size: 1.9rem;} /****聯絡我們 end****/ /****網站地圖 start****/ .sitemap { margin-bottom: 20px;} .sitemap>.module-container>.main { padding-top: 15px;} .sitemap>.module-container>.main>.header-title{ position:relative; padding: 0 0 10px 45px; font-weight: bold; letter-spacing: 0.03em; line-height: 2rem; font-size: 1.4rem; color:#01305a;} .sitemap>.module-container>.main>.header-title::before{ content:""; position:absolute; left: 15px; top: 3px; width: 25px; height:25px; background-image:url('https://design.fillo.com.tw/material-alias/MKIMG/arrow-right-circle.svg'); background-position:center; background-repeat:no-repeat; } .sitemap .widget-item>.module-container>.main { margin: 0;} .sitemap .side-menu ul{ margin-bottom: 20px; box-shadow: 0 0 black; background: transparent; } .sitemap .side-menu ul li.block{ text-indent: 0;} .sitemap .side-menu ul li label{ padding: 8px 12px; background: #01305a; border-top:0; border-bottom:0; border-radius: 6px; font-size: 1.1rem; text-shadow: 0 0 black; letter-spacing: 0.1rem; font-weight: 600;} .sitemap .side-menu ul li label:hover{ background: #01305a;} .sitemap .side-menu ul li input[type='checkbox']:checked ~ label{ background: #eb823d; border-top:0; border-bottom:0;} .sitemap .side-menu ul li i{ font-size: 1.3rem; vertical-align: baseline; margin-right: 2px;} .sitemap .side-menu ul ul{ -moz-box-shadow: 0 0 black; -webkit-box-shadow: 0 0 black; box-shadow: 0 0 black;} .sitemap .side-menu ul ul li a{ color: #545454; padding: 8px 12px; font-size: 1rem;} .sitemap .side-menu ul ul li a:hover{ color: #eb823d;} .sitemap .side-menu ul ul.options li{ border-bottom: 1px solid #e4e4e4; text-indent: 10px;} .sitemap.notitle>.module-container>.main>.header-title{ display:none;} /****網站地圖 end****/ /****Footer start****/ .M-001.gotop{ z-index:99;} .M-001 .actGotop a,.M-001 .actGotop a:link{ background: rgb(255 255 255 / 0.6) ; border: 1px solid #eb823d; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001 .actGotop a i{top: 7px;} .M-001.footer{ z-index:98;} .M-001.footer .footer-wrap .footer_center {background:#e8f8ff;} .M-001.footer .footer-wrap .icon_wrap {padding: 6px;} .M-001.footer .footer-wrap .footer_logo{width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .M-001.footer .footer-wrap .footer_cont{ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .M-001.footer .flogo_box { max-width: 80%; margin: 0 auto;} .M-001.footer .footer-wrap .flogo_box p{ text-align: center; color:#666666} .M-001.footer .footer-wrap .flogo_box a { margin: 0 auto 20px;} .M-001.footer .footer-wrap .flogo_box a img { max-width: 100%; max-height: 100px; width:auto; height: auto;} .M-001.footer .footer-wrap .footer_info {margin-top: 2.5em;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .M-001.footer .footer-wrap .footer_info h2{ line-height: 30px; letter-spacing: 2px;} .M-001.footer .footer-wrap .footer_info img.reponsive-fluid{ width:20px; height:auto; } .M-001.footer .footer-wrap .footer_info a{ display:inline-block; padding-right: 15px; padding-bottom: 5px;} .M-001.footer .footer-wrap .footer_info h4 { font-size: 1rem; letter-spacing: 0.1rem;} .M-001.footer .footer-wrap .footer_info h4 i{padding: 0;} .M-001.footer .footer-wrap .footer_fbicon .fb-img-1{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:right;} .M-001.footer .footer-wrap .footer_fbicon a img { width: auto;} .M-001.footer .footer-wrap .footer_fbicon a .tooltiptext {width: 120px;} .M-001.footer .footer-wrap .icon_wrap ul.footer_bticon{ margin:0;} /****Footer end****/ @media screen and (max-width:1600px){ /*主打商品push*/ .M-001.push .country_tab .module_box_title ul li {padding: 1em;} } @media screen and (max-width:1499px){ /*search 搜尋*/ .M-001.search .search-area .search-box .select-date .select input {width: calc(45%);} /*主打商品push*/ .M-001.push .country_tab .tab_container { width: 45%;} .M-001.push .country_tab .module_box_title { width: 55%; padding: 20px 0} .M-001.push .country_tab .module_box_title ul li { padding: 0.7em; } /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info { height: 450px;} /*公司簡介about*/ .about-content2 .editor-content{ padding: 20px; line-height: 1.8rem; font-size: 1rem;} /*聯絡我們contactus*/ .contact-right>.module-container>.main { padding: 15px;} .contact-social { padding-left: 0;} .contact-social .function-row li a { width: 60px; height: 60px; padding-top: 15px;} .contact-social .function-row li a img { width: 65% !important;} .contact-info .text-container { padding: 0 20px 0 0;} } @media screen and (max-width:1199px) { /*search 搜尋*/ .M-001.search .search-area .search-box .select-date .select input { width: calc(44%);} /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info { height: 400px;} /*聯絡我們contactus*/ .contact-social .function-row li a{ width: 50px; height: 50px; padding-top: 13px; } .contact-social .function-row li a i {font-size: 1.5rem;} .contact-social .function-row li a img { width: 60% !important;} /*footer*/ .M-001.footer .footer-wrap .footer_nav li a { padding: 15px;} } @media screen and (max-width:1199px) and (min-width:992px) { /*header*/ .M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a { padding:11px 30px 11px 10px;} } @media (min-width: 992px){ /*header*/ .M-001.header .navbar-expand-lg .navbar-nav .nav-link { padding-right: .6rem; padding-left: .6rem;} } @media (max-width: 991px){ /*共用*/ .top-mt { margin-top: 0px;} /*header*/ .M-001.header .header-part{ padding:0} .M-001.header .header-part .navbar-brand { margin-left: 5px;} .M-001.header .header-part .navbar-toggler { background: #eb823d;margin-right: 10px;} .M-001.header .header-part .navbar-nav li a{ background: #e8f8ff; color: #eb823d !important; padding: 5px 14px; font-size: 1.1rem;} .M-001.header .header-part .navbar-nav li>a:hover{ background-color: #e8f8ff !important; color: #2766Bf !important; border-bottom: 0; line-height: 40px;} .M-001.header .dropdown-menu.shadow.show { border: 0; border-radius: 0!important;} .M-001.header .header-part .navbar-nav li>div a.dropdown-item { background: #eb823d; color: #ffffff !important;} .M-001.header .header-part .navbar-nav li>div a:first-child,.M-001.header .header-part .navbar-nav li>div a:last-child{ border-radius:0} .M-001.header .header-part .navbar-nav li>div a:hover { background: #2766BF !important;} .M-001.header .navbar-collapse{ height: 100vh; overflow: auto; background: #e8f8ff;} .M-001.header .navbar-collapse ul.navbar-nav{ padding-bottom: 150px;} /*search 搜尋*/ .M-001.search .search-area .search-box { padding: 20px;} .M-001.search .search-area .search-box .select-date .select input { width: calc(48.5%);} .M-001.search .search-area .search-box .select-date .select .divide {margin: 25px 0.5% 0px 0.5%; width: 2%;} .M-001.search .search-area .search-box .search-btn{ float: inherit; width: 200px; margin: 15px auto 0; display: block;} /*主打商品push*/ .M-001.push .widget-item {padding: 0 40px;} .M-001.push .country_tab .tab_container,.M-001.push .country_tab .module_box_title{ width: 90%; margin: 0 auto; float:initial;} .M-001.push .country_tab .module_box_title { padding-top: 0px; } .M-001.push .country_tab .tab_container { width: 100%;} /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info { height: 500px;} /*themepage1*/ .M-001.themepage1 .pic-content, .M-001.themepage1 .editor-content { margin-top: 20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;} .M-001.themepage1 .tab-block .title{ font-size: 1.3rem; line-height: 1.8rem;} .M-001.themepage1 .tab-block article{ -webkit-line-clamp: 3;} .M-001.themepage1 .price-block { position: absolute; padding: 0 5px; bottom: 0;} /*themepage2*/ .M-001.pushprice .card:not(:last-child) .travel_list .list_price .price_sale { justify-content: flex-end; top: inherit;} .M-001.pushprice .card:last-child .travel_list .list_price{background:#ffffff;} .M-001.pushprice .card:last-child .travel_list .list_price .price_sale{ top:0} .M-001.pushprice .travel_list .list_price .col {top: 0;} /*themepage3*/ .web-page-frame .widget-item.sharearticle > .module-container > .main { margin: 0 15px;} /*公司簡介about*/ .about-content2 + .about-content2 { border-top: 1px solid #ffffff;} .abouthistory{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} /*聯絡我們contactus*/ .contact-left>.module-container>.main { padding: 25px;} /*footer*/ .M-001.footer .footer-wrap .footer_logo{ width:41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .M-001.footer .footer-wrap .footer_cont{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .M-001.footer .footer-wrap .footer_fbicon{ width:100%;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 1.5em;} .M-001.footer .footer-wrap .footer_fbicon .fb-img-1{ text-align:center;} .M-001.footer .footer-wrap .flogo_box a {float: initial;} .M-001.footer .footer-wrap .footer_nav li a { padding: 10px;} } @media screen and (max-width:768px) { .M-001.footer .footer-wrap .footer_nav li { width: 25%;} .M-001.footer .footer-wrap .footer_nav li a { text-align: center; width: 100%;} .M-001.footer .footer_fbicon>.row{ justify-content: center;} .M-001.footer .footer-wrap .footer_fbicon .fb-img-1 { -ms-flex: 0 0 180px; flex: 0 0 180px;} /*themepage2*/ .M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link, .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active, .M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link { padding: 0.6em 1em;} .M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 10px;} } @media screen and (max-width:767px) { .M-001.main-theme .function-row li.col-sm-3{ -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; } /*themepage1*/ .M-001.themepage1 .editor-content { margin-top: 0px;} /*themepage2*/ .M-001.pushprice .list_nav { margin-top: 1.5rem;} .M-001.pushprice .section-box .bgholder_box h4:before { bottom: -25px; top: inherit;} } @media screen and (max-width:600px) { /*公司簡介about*/ .web-page-frame .abouthistory.widget-item > .module-container { display:block; } .web-page-frame .abouthistory.left.widget-item > .module-container { justify-content:initial;} .web-page-frame .abouthistory.widget-item > .module-container > .main { margin-left: 0; margin-right: 0;} .abouthistory{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .abouthistory article{ width:100%; padding: 15px; font-size:1rem;} .abouthistory.order1 { order: 2;} .abouthistory.order2 { order: 1;} .abouthistory.order3 { order: 3;} .abouthistory.order4 { order: 4;} .abouthistory.order5 { order: 6;} .abouthistory.order6 { order: 5;} .abouthistory.order7 { order: 7;} .abouthistory.order8 { order: 8;} .abouthistory.order9 { order: 10;} .abouthistory.order10 { order: 9;} .abouthistory.order11 { order: 11;} .abouthistory.order12 { order: 12;} .abouthistory.order13 { order: 14;} .abouthistory.order14 { order: 13;} .abouthistory.order15 { order: 15;} .abouthistory.order16 { order: 16;} .abouthistory.order17 { order: 18;} .abouthistory.order18 { order: 17;} .abouthistory.order19 { order: 19;} .abouthistory.order20 { order: 20;} .abouthistory.right,.abouthistory.left{ border:0} .abouthistory.right article::before{ display:none} .abouthistory.left span::before { right: inherit; left: 9px; top: 10px;} .abouthistory.right span::before { top: 10px; left: 9px; } .abouthistory.right article, .abouthistory.right span,.abouthistory.left article, .abouthistory.left span { margin: 0; padding: 15px; border-left: 2px solid #eb823d;} } @media (max-width:575px){ /*header*/ .M-001.header .header-part .navbar-brand { margin-left: 0; padding: 15px 5px; } /*search 搜尋*/ .M-001.search .search-area .search-box .search-btn { width: 160px; height: 60px; line-height: 60px; } /*主打商品push*/ .M-001.push .country_tab .module_box_title ul li a span{ float:initial; display: table; margin-bottom: 5px; } .M-001.push .country_tab .module_box_title ul li a p{float:initial; } /*themepage2*/ .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link h5 { font-size: 1rem;} .M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link, .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active, .M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link{ padding: 0.6em 0.4em; border-radius: 0; } .M-001.pushprice .main_nav .nav-pills .nav-item a.active:after, .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item:hover a:after { border-width: 10px 10px 0; bottom: -11px;} .M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 0;} .M-001.pushprice .main_nav .nav-pills .nav-item+ .nav-item .nav-link{border-left: 0;} /*themepage3*/ .M-001.sharearticle .swiper-button-prev.swiper-button-white,.M-001.sharearticle .swiper-button-next.swiper-button-white { display: none;} /*footer*/ .M-001 .actGotop{ bottom: 60px; right: 10px; width: 50px; height: 50px;} .M-001 .actGotop a, .M-001 .actGotop a:link{ width: 50px; height: 50px;} .M-001 .actGotop a i{ top: 3px; width: 50px;} .M-001.footer .footer-wrap .footer_logo{ width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;border-bottom: 1px solid #eb823d; padding-bottom: 15px; } .M-001.footer .footer-wrap .footer_cont{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;} .M-001.footer .footer-wrap .footer_info { margin-top: 1em;} .M-001.footer .footer-wrap .footer_info h4 { font-size: 0.9rem; margin: 4px 0;} .M-001.footer .footer-wrap .footer_sbox a { margin-right: 0.2em; margin-bottom: 10px;} .M-001.footer .footer-wrap .footer_nav li { width: 33.3333%;} .M-001.footer .footer-wrap .footer_nav li a{padding:10px 5px; } } /** 20250722 mumu修改感應浮動廣告牆 */ /** CAT's modify style code here. :) */ *{font-family: "Microsoft JhengHei"; letter-spacing: 0.1em;} body { /* background: #000; */ } @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; } } /*main*/ .web-page-frame .go-to-top .top{background:#3a3a3a;width:60px;height:60px;margin-right:10px} .web-page-frame .go-to-top .top:after{margin-top:12px;margin-left:24px;width:12px;height:12px} .web-page-frame .go-to-top .top-txt{left:calc(50% - 9px)} .web-page-frame .btn-primary{color:#fff!important;background-color: #e94759 !important;border-color: #e94759 !important;} .web-page-frame .btn-primary:hover{color:#fff!important;background-color: #e94759 !important;border-color: #e94759 !important;} .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: #e94759!important;border-color: #e94759;} .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: #f4c566 !important;border-color: #f4c566 !important;} .web-page-frame .btn-green:hover{color:#fff!important;background-color: #a87f51 !important;border-color: #f4c566 !important;} .web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;} section.group_table .table a:hover{color:#fff} section.group_table .table .trip_name a:hover{color: #1364a1;} .idx_search .search-area .search-box select, .idx_search .search-area .search-box input {background-color: #ffffff !important;border: 1px solid #c2bfbd !important;} .info .btn-primary{background-color:#f4c566;border-color:#f4c566} .info .btn-primary:hover{color:#fff!important;background-color: #e94759!important;border-color: #e94759!important;} .web-page-frame .text_blue{color: #1364a1;} .search-area .search-box .search-btn{background: #333333 !important;/* border: 2px solid #fff !important; */color: #ffffff;line-height: 36px !important;} .search-area .search-box .search-btn:hover {background: #c2272d !important;color: #ffffff;} .list_con .style_icon .nav-pills .nav-link.active svg{fill:#f4c566 !important} .filter_list i{color:#f4c566 !important} .web-page-frame .search-area .search-box .select-goal .title i{color: #ff0000 !important;} .web-page-frame .search-area .search-box .select-place .title i{color: #ff0000 !important;} .web-page-frame .search-area .search-box .select-date .title i{color: #ff0000 !important;} .web-page-frame .search-area .search-box .select-keywords .title i{color: #333 !important;} .web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{color:#f4c566! important} .radio_style [type="radio"]:checked+label:after{background:#f4c566 !important} section.search_con .pagination .page-item .page-link{border:1px solid #f4c566 !important;} section .page-item.active .page-link {background:#f4c566;} section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active{background:#f4c566 !important} section .page-link {color: #333333;} .web-page-frame .irs-slider{background:#f4c566} .web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #f4c566} .web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background:#f4c566} .web-page-frame figure.block_style .main_words a:hover {color:#f4c566} .web-page-frame .pic_style figure.block_style .main_words a:hover {color:#f4c566} .web-page-frame figure.block_style .note_words .share_box:hover {color:#f4c566} .web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #1364a1;} .web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #9e9e9e;} .web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover {background: #1364a1;} .web-page-frame section.group_table.trip_airline .table .thead:hover {background: #1364a1;} .web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #f4c566;} .web-page-frame section.group_banner.trip_banner .btn-info {background-color: #e94759;border-color: #e94759;} .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(218, 65, 19, 0.4);} /*main end*/ .WinChrome>.web-page-frame>.row>.col-md-12>div {max-width: 100% !important;} .idx_search .search-area .search-box .select-goal, .idx_search .search-area .search-box .select-place, .idx_search .search-area .search-box .select-date, .idx_search .search-area .search-box .select-keywords {background: #33333300;padding: 10px 20px;} .idx_search .search-area .search-box .select-goal select, .idx_search .search-area .search-box .select-place select, .idx_search .search-area .search-box .select-date input, .idx_search .search-area .search-box .select-keywords input, .idx_search .search-area .search-box .search-btn { border-radius: 5px; padding: 3px 5px; } .idx_search .search-area .search-box .select-date .select input { width: calc(50% - 18px); } .idx_search .search-area .search-box .select { } .idx_search .search-area .search-box .select-goal .title h6, .idx_search .search-area .search-box .select-place .title h6, .idx_search .search-area .search-box .select-date .title h6, .idx_search .search-area .search-box .select-keywords .title h6 {color: #333;} .idx_main .main_nav .nav-pills .nav-item a.nav-link.active, .idx_main .main_nav .nav-pills .nav-item:hover a.nav-link {color: white;background-color: #a7977b !important;position: relative;border: 1px solid #f4c566;} .idx_search {/* margin: 1.0rem!important; */} @media (min-width: 1200px) { .idx_search .search-area .container {max-width: 1300px;} } .idx_search .search-area .search-box .search-btn {line-height: 70px;margin: 12px 0px;height: 57px;color: #ffffff;border-radius: 5px;width: 99%;float: right;} .search-area .search-box .search-btn{background: #ff0000 !important;/* border: 2px solid #fff !important; */color: #ffffff;line-height: 36px !important;} .search-area .search-box .search-btn:hover {background: #898989 !important;color: #ffffff;} @media (max-width: 991.98px){.idx_search .search-area .search-box .select-date .select input { width: 44%; text-align: center; } .idx_search .search-area .search-box .select-goal, .idx_search .search-area .search-box .select-place, .idx_search .search-area .search-box .select-date, .idx_search .search-area .search-box .select-keywords { padding: 10px 10px;} } .carousel-indicators li.active {background: #f8842a;} .carousel-indicators li {opacity: 0.8;border-top: 0px solid transparent;border-bottom: 0px solid transparent;} .carousel-caption { background: #ffffffe6; position: absolute; left: 12%; width: 31%; padding: 0; text-align: left; bottom: 19%; /* border: 2px solid #000; */ } a:hover .carousel-caption {background: #ffffff;} .carousel-caption h5 { font-size: 2.0rem !important; font-weight: normal !important; text-shadow: none !important; color: #000000; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin: 8% 8% 8% 8%; } .carousel-caption p { margin:0; text-shadow: none !important; color: #000000; margin: 0% 8% 8% 8%; position: relative; font-weight: normal !important; } .carousel-caption p:before {content:'';width: 35px;background: #f8842a;height: 4px;position: absolute;top: -55%;} @media (max-width: 1600px) { .carousel-caption {width: 35%;/* padding: 3% 3%; */} .carousel-caption h5 { font-size: 1.6rem !important; font-weight: normal !important; text-shadow: none !important; color: #000000; line-height: 1.6; } } @media (max-width: 1200px) { .carousel-caption h5 { font-size: 1.2rem !important; font-weight: normal !important; text-shadow: none !important; color: #000000; line-height: 1.6; -webkit-line-clamp: 3; } } .idx_aboutus_btn { text-decoration: none; border: 2px solid #000; padding: 10px 30px; border-radius: 27px; margin: 10px; background: #0000; color: #000000; } .idx_aboutus_btn:hover {text-decoration: none;border: 2px solid #5f5d50;background: #ffffff;color: #000000;} .travel_box .hover-wall figure .overlay i { font-size: 0em; position: relative; left: 39%; top: 47%; } .travel_box .hover-wall figure .overlay i:before {content: ' ';font-size: 1.2rem;color: #f8842a;font-family: sans-serif,Asap;letter-spacing: 0.3rem;} .travel_box .hover-wall .col-sm-12 {padding: 0 1.5em;} .travel_box .hover-wall .icon_info h3 { font-size: 1.2em; letter-spacing: 0.05em; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; display: -webkit-box; } .travel_box .hover-wall .icon_info h4 { color: #f4c566; font-size: 1.0em; font-style: inherit; font-weight: 600; /* text-align: right !important; */ /* position: absolute; */ /* bottom: 0; */ /* right: 0; */ /* border-top: 1px solid #e8e8e8; */ /* width: 100%; */ line-height: 40px; position: absolute; top: 0; background: #ff0000; display: block; /* height: 10px; */ border-radius: 0px 10px 10px 0px; margin: 15px 0px; } .travel_box .hover-wall .icon_info p.animate-text { font-size: 1.0em; } .travel_box .hover-wall .icon_info {height: 100%;border-radius: 10px;} .travel_box .hover-wall .icon_info p.animate-text {font-size: 1.0rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;margin-bottom: 15px;} .mega-menu {z-index: 4 !important;} .mega-menu .menu-links > li:hover {background-color: #358897 !important;} .tail_bar_left, .tail_bar_right {padding: 15px 20px !important;} .list_right .main_nav, .list_right .has-parallax { display: none; } .list_right .section-box { margin-top: 0; } .list_right .navbar-expand { justify-content: left; margin-top: 0rem; } .list_right .list_content { padding-top: 0; padding-bottom: 0; } .list_right .travel_list:hover .list_price { background: #544b48; } .list_right .list_top { display: none; } .list_right .list_nav .nav-item:nth-child(1) a, .list_right .list_nav .nav-item:nth-last-child(1) a { border-radius: 30px; } .list_right .list_nav .nav-item a { border: 0px solid #544B48; text-align: center; border-radius: 30px; padding: 0.5em 1.5em; margin-left: 10px; color: #ffffff; background: #908B8B; } .list_right .list_nav .nav-item a.active { background: #f4c566 !important; } @media (min-width: 991px){.list_right { position: fixed; right: 0; top: 110px; } } .list_right .list_content .text { text-align: right; } .company_profile {background: #f9f8f9d1;} .company_profile ul { padding-bottom: 1.0em; list-style: none; margin-top: 2.0em; } .company_profile ul li { line-height: 1.8; border-bottom: 1px solid #544b48; padding-bottom: 1.0em; margin-bottom: 1.0em; display: flex; } .company_profile ul li span.profile_title {width: 20%;float: left;} .company_profile ul li span {width: 80%;float: left;} .company_text p {line-height: 2.0;margin-bottom: 1.5rem;} /** 20250722 mumu修改感應浮動廣告牆 */