body { background-position: left top; background-attachment: scroll; } body .block-item { background-position: left top; background-attachment: scroll; border-style: none; } body .widget-item { background-position: left top; background-attachment: scroll; border-style: none; } body .header { background-position: left top; background-attachment: scroll; border-style: none; } body .left { background-position: left top; background-attachment: scroll; border-style: none; } body .right { background-position: left top; background-attachment: scroll; border-style: none; } body .footer { background-position: left top; background-attachment: scroll; border-style: none; } /********hola start********/ /* 共用 */ .header+.row { margin-top: 125px; } @media(max-width:991px) { .header+.row { margin-top: 65px; } } /****Header start****/ .M-001.header{z-index: 100; position: fixed; left: 0; right: 0; top: 0; background-color: #ffffff;} .M-001.header .header-part { max-width: 1440px; margin: 0 auto; } .M-001.header .header-part .navbar-brand { height: 65px; padding:0;} .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: #eca740 !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 #eca740; 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:#eca740 !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.header .navbar-expand-lg .navbar-nav li:last-child .nav-link { display: flex; align-items: center; height: 100%; font-size: 16px; font-weight: bold;} .M-001.header .navbar-expand-lg .navbar-nav li:last-child .nav-link i { padding-right: 5px; } .M-001.header .showName { padding: 0; } .M-001.header .showName .member-name { font-size: 16px; border-bottom: 1px solid #00a4dd; line-height: 25px; } .M-001.header .header-part .navbar-nav li a.SignOut{ margin-left: 10px; line-height: 25px !important; border-bottom: 1px solid #333333; font-size: 16px !important; padding: 2px 5px; border: 0; background: #00a4dd; color: #ffffff !important; border-radius: 4px; } .M-001.header .header-part .navbar-nav li a.SignOut:hover{ color: #545454;} .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:#00a4dd; 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: #00a4dd; 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: #eca740; } .M-001.main-nav .responsive-drop-down-menu > ul > li+li > a:after { content: ""; position: absolute; width: 1px; height: 30px; background:#00a4dd; 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:#00a4dd;} .M-001.main-nav .responsive-drop-down-menu ul li ul li.has-sub:before { border: 6px solid transparent;border-left-color:#00a4dd; 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;} @media screen and (max-width:991px){ .M-001.header .showName .member-name{ margin-right: 10px;} } /****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: #00a4dd;} .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: #eca740; border: 1px solid #eca740;} /****共用 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} */ .M-001.main-slider section.banner-area .swiper-area .banner-swiper .btn { background-color: #00a4dd !important; border: none; border-radius: 30px; padding: 5px 30px; margin-top: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .btn:hover{background-color: #3d9cdb !important; } /*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 .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 .search-btn{ background: #00a4dd; 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:20px; } .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: #eca740;} /* 首頁國外搜尋引擎 */ .search_foreign{ max-width: 1440px; margin: 0 auto;} .search_foreign .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: 0; margin: 0 auto; padding: 0;} .search_foreign section.group_banner .search-area .search-box{ margin: 30px auto; height: 78px;} .search_foreign section.group_banner .search-area .search-box>div{ padding:0 !important; -ms-flex:1; flex: 1; max-width: initial;} .search_foreign .search-area .search-box .select-goal, .search_foreign .search-area .search-box .select-place, .search_foreign section.group_banner .search-area .search-box .select-date{ background: transparent;} .search_foreign section.search_banner .search-area .search-box .select-goal, .search_foreign section.search_banner .search-area .search-box .select-place { padding: 0 6px } .search_foreign .search-area .search-box .select-goal .select select, .search_foreign .search-area .search-box .select-place .select select { border: 0; height: 48px; padding: 0 5px; color: #333333; background-color:#ffffff; border-radius:5px; } .search_foreign section.group_banner .search-area .search-box .select-input > input { height: 48px; size: 10px auto; border:0;padding: 0 5px; color:#3e464b; background-color:#ffffff; border-radius:5px; } .search_domestic section.group_banner .search-area .search-box .select-input > input { height: 48px; background: #ffffff !important; border-radius: 8px; padding-left: 10px; border:0;} .search_foreign section.group_banner .search-area .search-box .select-goal .title, .search_foreign section.group_banner .search-area .search-box .select-place .title, .search_foreign section.group_banner .search-area .search-box .select-date .title{ height: 30px; position:relative;} .search_foreign section.group_banner .search-area .search-box .select-goal .title h6, .search_foreign section.group_banner .search-area .search-box .select-place .title h6, .search_foreign section.group_banner .search-area .search-box .select-date .title h6{ position: relative; margin: 0; font-size: 16px; color: #ffffff ; font-weight: 400;} .search_foreign section.group_banner .search-area .search-box>div:nth-child(4) { flex: 0 0 22%; } .search_foreign section.group_banner .search-area .search-box .select-date { padding: 0 6px; height: 70px; } .search_foreign section.group_banner .search-area .search-box .select-date .select { width: 100%; background: transparent; border-radius: 8px;} .search_foreign section.group_banner .search-area .search-box .select-date .select input { text-align: center; color:#3e464b; border:0; height: 48px; padding: 0 5px; width: calc(50% - 14px); background:#ffffff!important; border-radius:8px;} .search_foreign section.group_banner .search-area .search-box>div:nth-child(5) { display: -ms-flexbox; display: flex; align-items: flex-end; margin-bottom:0; padding-right: 10px !important; padding-left: 5px !important; } .search_foreign .search-area .search-box .select-date .select .divide { background:#ffffff; margin:20px 5px; } .search_foreign section.search_banner .search-area .search-box .select-input .data-icon-search { top: 0; left: 0; color: #eca740; } .search_foreign section.group_banner .search-area .search-box .select-input::after { content: "關鍵字"; position: absolute; padding-left: 26px; font-size: 16px; letter-spacing: 1px; color: #ffffff; font-weight: 400; top: 0; left: 0;} .search_foreign section.group_banner .search-area .search-box>div:last-child { -ms-flex: 0 0 160px; flex: 0 0 160px; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: center; margin-top: 10px;} .search_foreign section.group_banner .search-area .search-box .search-btn { line-height: 48px; height: 48px; outline: none; -webkit-transition: all .4s; transition: all .4s; } .search_tab.no_tab+.search_foreign_block .search_foreign section.group_banner .search-area .search-box { margin: 12px 0 10px; } .search_foreign section.group_banner .search-area .search-box>div:nth-child(3) .select-goal i { font-size: 18px; } .search_foreign section.group_banner .search-area .search-box>div:nth-child(3) .select-goal h6 { padding-left: 3px; } .search_foreign section.group_banner .search-area .search-box>div:nth-child(4) .select-date i { font-size: 14px; } .search_foreign .search-area .search-box .search-btn h5{ width: auto; line-height: 36px;} .search_foreign .search-area .search-box .search-btn i{ order: 1; line-height:40px;} .search_foreign .search-area .search-box .search-btn:hover i { transform: translateX(5px); } @media screen and (max-width:1499px){ /*search 搜尋*/ /* .M-001.search .search-area .search-box .select-date .select input {width: calc(45%);} */ } @media screen and (max-width:1199px) { /*search 搜尋*/ /* .M-001.search .search-area .search-box .select-date .select input { width: calc(44%);} */ } @media (max-width: 991px){ /*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;} */ } @media (max-width:575px){ /*search 搜尋*/ /* .M-001.search .search-area .search-box .search-btn { width: 160px; height: 60px; line-height: 60px; } */ } @media screen and (max-width:1540px){ .search_foreign{ max-width: calc(100% - 60px);} } @media(max-width:1199px){ .search_foreign .group_banner.search_banner .search-area > .container { padding: 0; max-width: 100%; } } @media(max-width:991px) { .search_foreign section.group_banner .search-area .search-box { height: auto; } .search_foreign section.group_banner .search-area .search-box>div, .search_foreign section.group_banner .search-area .search-box>div:nth-child(4){ -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 10px; } .search_foreign section.group_banner .search-area .search-box .select-input::before{ left: 5px;} .search_foreign .search-area .search-box .select-date .select { width: 100%; } .search_foreign section.group_banner .search-area .search-box>div:last-child { flex: 1; justify-content: center; margin-top: 20px; margin-bottom: 0; } .search_foreign section.group_banner .search-area .search-box .search-btn{ width: 160px;} .search_foreign section.group_banner .search-area .search-box .select-date .select { width: 100%; } .search_foreign section.group_banner .search-area .search-box .select-date .select input{ width: calc(50% - 13px);} .search_foreign section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; padding-right: 5px !important; padding-left: 5px !important; height: 75px; } .search_foreign section.group_banner .search-area .search-box>div:nth-child(5) .select-input::after { left: 7px; } .search_foreign section.group_banner .search-area .search-box>div:nth-child(3), .search_foreign section.group_banner .search-area .search-box>div:nth-child(4), .search_foreign section.group_banner .search-area .search-box>div:nth-child(5) { margin-top: 10px; } } @media(max-width:767px) { .search_foreign section.group_banner.search_banner{ width: auto;} .search_foreign section.group_banner .search-area .search-box>div:nth-child(4){ flex: 0 0 50%; max-width: 50%; margin-bottom: 5px;} .search_foreign section.group_banner .search-area .search-box>div:nth-child(5){ flex: 0 0 100%; max-width: 100%; } .search_foreign .mic_icon{ top: 25px;} } @media(max-width:575px) { .search_tab a.nav-link{ font-size: 15px;} .search_tab a.nav-link::after{ left: 3px; top: 3px;} .search_tab a.nav-link::before{ left: 7px; top: 8px;} .search_foreign section.group_banner .search-area .search-box>div:nth-child(3), .search_foreign section.group_banner .search-area .search-box>div:nth-child(4){ flex: 0 0 100%; max-width: 100%; } .search_foreign section.group_banner .search-area .search-box>div:first-child, .search_foreign section.group_banner .search-area .search-box>div:nth-child(2){ flex: 0 0 50%; max-width: 50%;} .search_foreign section.group_banner .search-area .search-box>div:nth-child(4){ margin-bottom: 15px;} .search_foreign .mic_icon { top: 30px; } .search_foreign .mic_icon i{ padding: 5px 15px 3px;} } /*搜尋月曆*/ .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:#00a4dd;} .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #eca740;} .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 0.4em; border-bottom: 1px solid #c7c7c7; } .M-001.push .country_tab .module_box_title ul li:hover { border-bottom: 1px solid #00a4dd; } .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{ font-size: 17px; margin-right: 8px; padding: 2px 15px 0; border-radius: 25px; display: inline-flex; align-items: center; height: 32px; line-height: 1; margin-top: 10px;} .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: 28px; display: block; margin-top: 8px; font-size: 17px;} .M-001.push .country_tab .module_box_title ul li:hover a p{ color:#00a4dd;} .M-001.push .tab_content .img{ position: relative; overflow: hidden; aspect-ratio: 700 / 470;} .M-001.push .tab_content .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;} /*主題專區theme*/ .M-001.main-theme{ margin-bottom:60px} .M-001.main-theme .function-row > [class*="col-"]{ display: flex;} .M-001.main-theme .hover-wall{ width: 100%; display: flex; flex-direction: column;} .M-001.main-theme .hover-wall .htpro_tit{ display:none;} .M-001.main-theme .hover-wall .icon_info { padding: 15px 15px 60px; height: 100%; 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: 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:#eca740; border: 1px solid #eca740;} /* .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; width: 100%; aspect-ratio: 600 / 400; object-fit: cover;} /****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 #00a4dd; color:#00a4dd; -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: #00a4dd; 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;} .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: #00a4dd; 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 #00a4dd; 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: #00a4dd; border: 1px solid #00a4dd; 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:#eca740;} .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: #eca740;} .M-001.sharearticle .swiper-slide .swiper-content p { margin-bottom: 0.5rem; color: #00a4dd; 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: #eca740; opacity: 1; } .M-001.sharearticle [class*='swiper-button-']:after { background: none;} /****themepage3 end****/ /****關於我們about start****/ @keyframes slideDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .about-content2 .editor-content p { opacity: 0; } .about-content2 .editor-content.visible p { animation: fadeIn 1s ease-out both; } .about-banner { position: relative; z-index: 0; } .about-banner::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.15); z-index: 1; pointer-events: none; } .about-banner section { position: relative; z-index: 2; } .about-banner h2 { font-size: 42px; font-weight: 600; letter-spacing: 1px; animation: slideDown 0.8s ease-out both; position: relative; z-index: 2; } .about-banner p { font-size: 20px; animation: slideDown 0.8s ease-out 0.3s both; position: relative; z-index: 2; } .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: #eca740; 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 { max-width: 1200px; margin: -100px auto 100px; position: relative; z-index: 1; } .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 .pic-content { overflow: hidden; aspect-ratio: 600/320; } .about-content2 .pic-content img { width: 100%; height: 100%; object-fit: cover; } .about-content2 .editor-content{ display: flex; position: relative; padding: 40px 60px; background: #00a4dd; color: #ffffff; line-height: 2rem; font-size: 1.2rem; align-items: center; text-align:justify; } .about-content2 .editor-content::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #eca740 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 #00a4dd;} .abouthistory.right span::before,.abouthistory.left span::before{ content: ""; position: absolute; top: 45%; width: 14px; height: 14px; background: #eca740; 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:#00a4dd; font-size: 1.4rem; letter-spacing:0.05rem; font-family: "Arial, Helvetica Neue", 微軟正黑體, Helvetica, sans-serif !important;} .about-intro section { text-align: center; margin: 0 auto; padding: 80px 60px 160px; max-width: 1200px; } .about-intro section h2{ display: table; margin: 0 auto 14px; padding: 0 0 10px; color: #01305a; text-align: center; font-size: 24px; font-weight: 600; font-family: "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; animation: slideDown 1s ease-out 0.6s both; position: relative; } .about-intro section h2::after{ content: ""; display: block; width: 100%; height: 2px; background: #eca740; margin-top: 10px; transform: scaleX(0); transform-origin: left center; animation: lineDrawLR 0.8s ease-out 1.4s both; } @keyframes lineDrawLR { from { transform: scaleX(0); } to { transform: scaleX(1); } } .about-intro section p{ color: #333333; font-size: 19px; line-height: 32px; animation: slideDown 1s ease-out 0.9s both; } @media screen and (max-width:1300px){ .about-content2{ max-width: calc(100% - 100px);} } @media screen and (max-width:767px){ .about-content2 .editor-content{ font-size: 18px;} } @media screen and (max-width:575px){ .about-banner h2{ font-size: 36px;} .about-intro section { padding: 40px 60px 140px; } .about-intro section br{ display: none;} .about-intro section h2{ font-size: 22px;} .about-intro section p{ font-size: 17px; text-align: justify;} .about-content2 { margin: -100px auto 80px; } .about-content2 .editor-content { font-size: 17px; padding: 30px; } } /****關於我們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: #00a4dd;} .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: #00a4dd; 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: #00a4dd;} .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****/ @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){ /*主打商品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*/ /*聯絡我們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) { /*主題專區theme*/ /*聯絡我們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;} } @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: 10px; padding: 5px 0;} .M-001.header .header-part .navbar-toggler { background: #00a4dd;margin-right: 10px;} .M-001.header .header-part .navbar-nav li a{ background: #e8f8ff; color: #168fe0 !important; padding: 10px 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: #00a4dd; 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;} /*主打商品push*/ .M-001.push { flex: 0 0 calc(100% - 60px); max-width: calc(100% - 60px); } .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{ flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px); } /*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;} } @media screen and (max-width:768px) { /*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 #00a4dd;} } @media (max-width:575px){ /*header*/ .M-001.header .header-part .navbar-brand { margin-left: 0; padding: 5px 15px; } /*主打商品push*/ .M-001.push .country_tab .module_box_title ul li a span{ float:initial; } .M-001.push .country_tab .module_box_title ul li a p{float:initial; } .M-001.push .country_tab .module_box_title ul { padding: 0; } /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info h4{ padding: 0;} .M-001.main-theme .hover-wall .icon_info h3 { padding: 0 0 0 28px;} .M-001.main-theme img.s_img.lazyload.loaded{ left: 0;} /*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 start****/ .M-001.gotop{ z-index:99; } .M-001 .actGotop{ bottom: 40px; width: 50px; height: 50px; } .M-001 .actGotop a,.M-001 .actGotop a:link{ width: 50px; height: 50px; background: rgb(255 255 255 / 0.6) ; border: 1px solid #00a4dd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001 .actGotop a i{top: 2px; width: 50px;} .M-001.gotop .side_box{ bottom: 90px;} .M-001.gotop .side_box .side_bar img { height: auto; width: 50px; } .M-001.gotop .side_bar { padding: 5px; width: 50px; } .M-001.gotop .side_bar li{ padding: 0; line-height: 0;} .M-001.gotop .side_bar li a p{ display: none;} .M-001.footer{ z-index:98;} .M-001.footer .footer-wrap .footer_center { background: #eff7fa; padding-bottom: 2.5em; padding-left: max(15px, calc((100% - 1380px) / 2)); padding-right: max(15px, calc((100% - 1380px) / 2));} .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 75%;flex: 0 0 75%; max-width: 75%;} .M-001.footer .flogo_box { max-width: 100%; } .M-001.footer .footer-wrap .flogo_box p{ color:#666666; margin-right: 10px;} .M-001.footer .footer-wrap .flogo_box a { margin: 0 0 15px;} .M-001.footer .footer-wrap .flogo_box a img { max-width: 100%; max-height: 60px; width:100%; height: auto; padding: 0;} .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{ margin-bottom: 20px; margin-top: 5px; line-height: 30px; font-size: 20px; letter-spacing: 2px;} .M-001.footer .footer-wrap .footer_info img.reponsive-fluid{ width:20px; height:auto; display: inline; display: none;} .M-001.footer .footer-wrap .footer_info a{ display:inline-block; padding-right: 20px; padding-bottom: 5px;} .M-001.footer .footer-wrap .footer_info h4 { font-size: 17px; letter-spacing: 0.1rem;} .M-001.footer .footer-wrap .footer_info h4 i{padding: 0;} .M-001.footer .footer-wrap .footer_fbicon a img { width: 100%;} .M-001.footer .footer-wrap .footer_fbicon a .tooltiptext {width: 120px;} .M-001.footer .footer-wrap .icon_wrap ul.footer_bticon{ margin:0;} .M-001.footer .footer-wrap .footer_fbicon a .tooltiptext{ display: none;} .M-001.footer .footer-wrap .fnav_wrap{ display: none;} .M-001.footer .footer-wrap .footer_fbicon{ display: none;} .M-001.footer .footer-wrap .footer_sbox{ display: none;} @media screen and (max-width:1199px) { /*footer*/ .M-001.footer .footer-wrap .footer_nav li a { padding: 15px;} } @media only screen and (min-width: 768px) and (max-width: 1199px) { .M-001.footer .footer-wrap .flogo_box a{ float: initial;} } @media (max-width: 991px){ /*footer*/ .M-001.footer .footer-wrap .footer_logo{ width:33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .M-001.footer .footer-wrap .footer_cont{ -ms-flex: 0 0 66.666666%; flex: 0 0 66.666666%; max-width: 66.666666%;} .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 .flogo_box p{ display: block; text-align: left;} .M-001.footer .footer-wrap .footer_nav li a { padding: 10px;} .M-001.footer .footer-wrap .footer_fbicon { width: 400px; max-width: 100%; margin: 0 auto; float: initial; } .M-001.footer .footer-wrap .footer_fbicon a img { max-width: 60px;} .M-001.footer .footer-wrap .footer_info h2{ margin-bottom: 10px; font-size: 18px;} .M-001.footer .footer-wrap .footer_info h4 { font-size: 16px; line-height: 20px; } .M-001 .actGotop{ bottom: 60px;} .M-001.gotop .side_box{ bottom: 110px;} } @media screen and (max-width:768px) { /*footer*/ .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:left; padding-top: 20px;} } @media (max-width:575px){ /*footer*/ .M-001 .actGotop{ right: 10px; } .M-001 .actGotop a, .M-001 .actGotop a:link{ width: 50px; height: 50px;} .M-001.footer .footer-wrap .flogo_box a{ margin: 0 auto 15px;} .M-001.footer .footer-wrap .flogo_box p{ text-align: center;} .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 #b4ceda; 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; } .M-001.footer .footer-wrap .footer_fbicon{ width: 100%; margin: initial;} .M-001.footer .footer-wrap .footer_fbicon a { max-width: initial; width: auto; } .M-001.footer .footer-wrap .footer_fbicon a img { max-width: 40px;} .M-001.gotop .side_box{ right: 10px !important;} } /**** Footer end ****/ /****================================================================**** **** 以下為客製覆蓋樣式 **** ****================================================================****/ /***** 大圖輪播桌機版比例 *****/ .main_slider_new .bs-carousel .carousel-inner{ aspect-ratio: 1920 / 715; overflow: hidden; } .main_slider_new .bs-carousel .carousel-item{ height: 100%; } .main_slider_new .bs-carousel .carousel-item picture{ display: block; width: 100%; height: 100%; } .main_slider_new .bs-carousel .carousel-item img{ width: 100%; height: 100%; object-fit: cover; } /***** 大圖輪播左右箭頭 *****/ .main_slider_new .bs-carousel .carousel-control-prev, .main_slider_new .bs-carousel .carousel-control-next{ width: 15%; opacity: 0.8; z-index: 10; top: 0; bottom: 0; display: flex; align-items: center; transition: opacity .3s ease; } .main_slider_new .bs-carousel .carousel-control-prev:hover, .main_slider_new .bs-carousel .carousel-control-next:hover{ opacity: 1;} .main_slider_new .bs-carousel .carousel-control-prev{ left: 0; justify-content: flex-start; padding-left: 50px; } .main_slider_new .bs-carousel .carousel-control-next{ right: 0; justify-content: flex-end; padding-right: 50px; } .main_slider_new .bs-carousel .carousel-control-prev-icon, .main_slider_new .bs-carousel .carousel-control-next-icon{ width: 27px; height: 44px; background-size: 27px 44px; } .main_slider_new .bs-carousel .carousel-control-prev-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='rgba(255,255,255,0.9)'/%3E%3C/svg%3E"); } .main_slider_new .bs-carousel .carousel-control-next-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='rgba(255,255,255,0.9)'/%3E%3C/svg%3E"); } @media(max-width:991px){ .main_slider_new .bs-carousel .carousel-control-prev{ padding-left: 10px;} .main_slider_new .bs-carousel .carousel-control-next{ padding-right: 10px;} } @media(max-width:575px){ .main_slider_new .bs-carousel .carousel-control-prev{ padding-left: 5px;} .main_slider_new .bs-carousel .carousel-control-next{ padding-right: 5px;} .main_slider_new .bs-carousel .carousel-control-prev-icon, .main_slider_new .bs-carousel .carousel-control-next-icon{ width: 18px; height: 30px; background-size: 18px 30px; } .main_slider_new .bs-carousel .carousel-indicators{ display: none;} } /***** 大圖輪播文字樣式 *****/ /* 垂直置中 carousel-caption */ .main_slider_new .bs-carousel .carousel-caption{ top: 50%; bottom: auto; transform: translateY(-50%); right: 10%; left: 10%; } /* 覆蓋平台 [data-module-code] .bs-carousel .carousel-item h5/p 的 text-shadow 與 font-weight */ .main_slider_new .bs-carousel .carousel-item h5, .main_slider_new .bs-carousel .carousel-item p{ text-shadow: none; font-weight: 500; } .main_slider_new .bs-carousel .carousel-item h5{ font-size: 2.5rem; color: #fff; margin-bottom: .5rem; } .main_slider_new .bs-carousel .carousel-item p{ font-size: 1.25rem; font-weight: 400; color: #fff; line-height: 150%; margin-top: 1rem; } @media(max-width:991px){ .main_slider_new .bs-carousel .carousel-item h5{ font-size: 2rem;} .main_slider_new .bs-carousel .carousel-item p{ font-size: 1.1rem;} } @media(max-width:575px){ .main_slider_new .bs-carousel .carousel-caption{ right: 5%; left: 5%; } .main_slider_new .bs-carousel .carousel-item h5{ font-size: 1.5rem;} .main_slider_new .bs-carousel .carousel-item p{ font-size: 1rem;} } /***** 大圖輪播圖片動畫 *****/ @keyframes kenburns-zoom{ from{ transform: scale(1.04);} to{ transform: scale(1);} } .main_slider_new .bs-carousel .carousel-item picture, .main_slider_new .bs-carousel .carousel-item img{ transform: scale(1.04); } .main_slider_new .bs-carousel .carousel-item.active picture, .main_slider_new .bs-carousel .carousel-item.active img{ animation: kenburns-zoom 10s ease-out forwards; } /* --- 影片輪播：carousel-caption 內含 .caption-video 時 --- */ /* caption 有影片時：撐滿整個 carousel-item，覆蓋在圖片之上 */ .main_slider_new .carousel-caption:has(.caption-video){position:absolute;inset:0;max-width:none;padding:0;margin:0;z-index:2;text-align:left;transform:none;} /* .caption-video 容器：滿版 */ .main_slider_new .caption-video{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;} /* iframe 滿版 cover */ .main_slider_new .caption-video iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);/* max(容器寬,100vh × 16/9) */ height:max(100%,56.25vw);/* max(容器高,100vw × 9/16) */ transform:translate(-50%,-50%);border:0;pointer-events:none;} /* 影片項目上的深色漸層遮罩（與圖片一致）*/ .main_slider_new .caption-video::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(20,4,6,.92) 0%,rgba(20,4,6,.35) 46%,rgba(20,4,6,.55) 100%),linear-gradient(90deg,rgba(20,4,6,.55) 0%,transparent 45%);} /* ≤767px 手機版：顯示 caption 文字與影片 */ @media (max-width: 767.98px){ .main_slider_new .bs-carousel .carousel-caption{ display: block !important; } .main_slider_new .bs-carousel .carousel-caption{ right: 5%; left: 5%; } .main_slider_new .bs-carousel .carousel-item h5{ font-size: 1.5rem; } .main_slider_new .bs-carousel .carousel-item p{ font-size: 1rem; } .main_slider_new .carousel-caption:has(.caption-video){ right: 0; left: 0; } } /***** 主選單調整為桌機版與手機版共用一個模組 *****/ @media(min-width:768px) { .M-001.main-nav .responsive-drop-down-menu > ul > li:first-child, .M-001.main-nav .responsive-drop-down-menu > ul > li:first-child+li > a:after{ display: none;} } .M-001.header .header-part .navbar-toggler{ display: none;} /* hover 位移效果移除（所有寬度） */ .M-001.header .header-part .navbar-nav li>a:hover{ line-height: 40px; border-bottom: 0px solid transparent; } .M-001.header .header-part .navbar-brand img { padding-top: 5px; padding-bottom: 5px; outline: none;} @media(min-width:768px) { .M-001.header .navbar-expand-lg{ flex-flow: row nowrap; justify-content: flex-start;} .M-001.header .navbar-expand-lg .navbar-nav{ flex-direction: row;} .M-001.header .navbar-expand-lg .navbar-nav .dropdown-menu{ position: absolute;} .M-001.header .navbar-expand-lg .navbar-nav .nav-link{ padding-right: .5rem; padding-left: .5rem;} .M-001.header .navbar-expand-lg > .container, .M-001.header .navbar-expand-lg > .container-fluid{ flex-wrap: nowrap;} .M-001.header .navbar-expand-lg .navbar-collapse{ display: flex !important; flex-basis: auto;} .M-001.header .navbar-expand-lg .navbar-toggler{ display: none;} } /* 覆蓋 768–991px 區間的手機選單樣式，維持桌機版外觀 */ @media (min-width:768px) and (max-width:991px) { .header+.row{ margin-top: 125px;} .M-001.header .header-part{ padding: .5rem 1rem;} .M-001.header .header-part .navbar-brand{ margin-left: 0; padding: 0;} .M-001.header .showName .member-name{ margin-right: 0;} .M-001.header .navbar-collapse{ height: auto; overflow: visible; background: transparent;} .M-001.header .navbar-collapse ul.navbar-nav{ padding-bottom: 0;} .M-001.header .header-part .navbar-nav li a{ background: transparent; color: #01305A !important; padding: .5rem; font-size: inherit; line-height: 40px; } .M-001.header .header-part .navbar-nav li>a:hover{ background-color: inherit !important; color: #eca740 !important; line-height: 40px; border-bottom: 0px solid transparent; } .M-001.header .dropdown-menu.shadow.show{ border: 1px solid #eca740; border-radius: 8px !important; } .M-001.header .header-part .navbar-nav li>div a.dropdown-item{ background: transparent; color: #01305a !important; padding: .25rem 1rem; } .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.header .header-part .navbar-nav li>div a:hover{ color: #01305a !important; background: #eca740 !important; } } @media(max-width:767px) { .M-001.header .navbar-expand-lg .navbar-collapse{ display: none;} /***** main-nav.new ≤767px — 參考 index/ .M-001.header ≤991px *****/ /* ── 整體：滿版、每一層容器都歸零 padding/margin ── */ .M-001.main-nav.new{ margin-top: 65px; background: transparent; box-shadow: none; z-index: 101; padding: 0; left: 0; right: 0; } .M-001.main-nav.new > .module-container{ padding: 0; margin: 0;} .M-001.main-nav.new > .module-container > .main{ max-width: 100%; margin: 0 !important; padding: 0; } .M-001.main-nav.new .full-menu{ background: transparent !important; padding: 0; margin: 0;} .M-001.main-nav.new .module{ padding: 0; margin: 0;} .M-001.main-nav.new .menu.responsive-drop-down-menu{ min-height: 0; background: transparent !important; padding: 0; margin: 0; width: 100%; } /* ── 漢堡按鈕：fixed 釘在 viewport 右上角，與 LOGO 同行 ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu .menu-button{ position: fixed; right: 10px; top: 12px; z-index: 102; width: 56px; height: 40px; padding: 0; background-color: #00a4dd; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 30px; border: 1px solid rgba(255,255,255,0.1); border-radius: .25rem; color: transparent; font-size: 0; letter-spacing: 0; text-indent: -9999px; text-transform: none; font-weight: normal; } .M-001.main-nav.new .menu.responsive-drop-down-menu .menu-button:after, .M-001.main-nav.new .menu.responsive-drop-down-menu .menu-button:before{ display: none; } /* ── 展開選單：全螢幕高度 + 水藍色背景 ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu > ul{ background: #e8f8ff; width: 100%; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul.open{ border-top: 0; height: calc(100vh - 65px); max-height: calc(100vh - 65px); overflow-y: auto; padding-bottom: 150px; -webkit-overflow-scrolling: touch; } /* ── 主選單項目（對齊 .M-001.header ≤991px） ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li > a{ background: #e8f8ff; color: #168fe0; padding: 10px 20px; font-size: 1.1rem; line-height: 40px; font-weight: normal; letter-spacing: normal; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li:hover > a, .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li.active > a{ background: #e8f8ff; color: #2766BF; } /* ── 分隔線隱藏（保留 has-sub 箭頭） ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li+li > a:after, .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li:after{ display: none;} /* ── has-sub 向下箭頭 ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li.has-sub > a{ position: relative; padding-right: 40px; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li.has-sub > a:before{ display: block; content: ""; position: absolute; right: 20px; top: 50%; margin-top: -3px; border: 6px solid transparent; border-top-color: #168fe0; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li.has-sub:hover > a:before{ border-top-color: #2766BF; } /* ── 子選單項目 ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li > ul > li{ background: #00a4dd !important; border-top: 0; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li > ul > li + li{ border-top: 1px solid rgba(255,255,255,0.2); } .M-001.main-nav.new .menu.responsive-drop-down-menu ul li ul li a{ background: #00a4dd; color: #ffffff !important; padding: 10px 20px 10px 35px; font-size: 1rem; line-height: 40px; font-weight: normal; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li:hover > ul > li:hover{ background: #2766BF !important; } .M-001.main-nav.new .menu.responsive-drop-down-menu > ul > li:hover > ul > li:hover a{ background: #2766BF; color: #ffffff !important; } /* ── 子選單圓角移除 ── */ .M-001.main-nav.new .menu.responsive-drop-down-menu ul li ul li:first-child a, .M-001.main-nav.new .menu.responsive-drop-down-menu ul li ul li:last-child a{ border-radius: 0; } /* ── showName / member-name / SignOut（參考 .M-001.header ≤991px） ── */ .M-001.main-nav.new .showName{ padding: 0; display: flex; align-items: center; } .M-001.main-nav.new .showName .member-name{ font-size: 16px; border-bottom: 1px solid #00a4dd; line-height: 25px; margin-right: 10px; } .M-001.main-nav.new .menu.responsive-drop-down-menu ul li a.SignOut{ width: 46px; text-align: center; line-height: 25px !important; font-size: 16px !important; padding: 2px 0; margin-left: 0; border: 0; background: #00a4dd; color: #ffffff !important; border-radius: 4px; } .M-001.main-nav.new .menu.responsive-drop-down-menu ul li a.SignOut:hover{ color: #545454 !important; background: #00a4dd; } } /**** 公版調整 start ****/ .go-to-top{ display:none !important;} /*會員登入頁 */ .D_member_my_register div#policyModal { z-index: 9999; } .member_home .signin_width { margin-top: 100px; margin-bottom: 200px; } .member_home.D_member_my_register .container.width-460 { margin-top: 100px; margin-bottom: 200px; } /* body.member_home.new_bg { background:#ffffff; } */ body.member_home button.l_benPrimary{ background:#00a4dd; } body.member_home .note_box a { color: #00a4dd; } body.member_home a.font4.blue-txt2 { color:#545454; } body.member_home .member_title { margin: 70px 0 30px; } body.member_home .member-l_title .title_txt{ color:#545454;} body.member_home .signin_box.member-l_box>.d-block.mb-20.p-2.bg-light.text-muted a.btn.btn-sm.btn-outline-primary{ color: #545454; background-color: transparent; background-image: none; border-color: #545454; } @media (max-width: 767px){ .member_home .signin_width { margin-top: 100px; margin-bottom: 120px; } .member_home.D_member_my_register .container.width-460 { margin-top: 100px; margin-bottom: 120px; } } /* 會員專區 */ @media (min-width: 768px) { .member_width .member_title { margin: 70px 0 30px; } } /* 訂購流程頁 */ .stepPage_btn>div>div { flex: 1; max-width: initial; } @media (min-width: 768px) { form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;} } /* 搜尋列表頁 */ .search-area .search-box .search-btn { background:#00a4dd; color: #ffffff;} .search-area .search-box .select-place .title i, .search-area .search-box .select-goal .title i, .search-area .search-box .select-goal .title i, .search-area .search-box .select-date .title i, section.group_banner .search-area .search-box .select-departure .title i, section.group_banner .search-area .search-box .select-destination .title i, section.search_banner .search-area .search-box .select-input .data-icon-search{color: #00a4dd; } .list_con .style_icon .nav-pills a svg { fill: #a7a7a7; } .list_con>.title>.text-right>p>span.text_blue { color:#00a4dd; } .list_con .style_icon .nav-pills .nav-link.active svg { fill:#00a4dd; } figure.block_style .main_words .go-date,.pic_style figure.block_style .go-date{ font-size: 1.1rem;} figure.block_style .main_words .go-date>span.text-danger, .pic_style figure.block_style .go-date>span.text-danger, .search_table tbody td.go-date .go-date>span.text-danger{ color: #00a4dd !important; } figure.block_style .main_words a, .pic_style figure.block_style .main_words a, .search_table .main_words .title_main{ color: #333333;} figure.block_style .main_words a:hover, .pic_style figure.block_style .main_words a:hover, .search_table .main_words .title_main:hover{ color:#00a4dd !important; } .list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgb(0 164 221/ 60%);} .irs-bar { height: 3px; top: 33px; border-top: none; border-bottom: none; background:#909090} .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #909090; border-right: 0; background: #909090; background: -webkit-gradient(linear,left bottom,left top,from(#909090),to(#909090)); background: linear-gradient(to top,#909090 0,#909090 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px} .irs-slider { top: 25px; width: 20px; height: 20px; border: none; background: #ddd; background: #909090; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer} .irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #909090} .irs-from,.irs-single,.irs-to{ color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #909090; border-radius: 3px; -moz-border-radius: 3px} .irs-grid-pol { opacity: .5; background: #6a7178;} .irs-grid-pol.small { background: #999} .irs-grid-text { bottom: 5px; color: #99a4ac} .plane.plane-s1::after{ color: #00a4dd;} .plane.plane-s1:hover{color: #00a4dd;} .filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i,.filter_list .accordion .card.travel-type i,.filter_list .accordion .card.by-airline i,.filter_list .icon-bus,.filter_list i.data-icon.data-icon-signUp,.filter_list i.data-icon.data-icon-discount{ color: #00a4dd; } .filter_list .accordion .card.by-airline .radio_style [type="radio"]:checked + label:after { background:#6a7178; } .filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #909090;} .filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #909090;} .filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; } .filter_list .card.others .badge.badge-primary { background: #909090;} section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active,section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #00a4dd; color: #55575a; } section.search_con .pagination .page-item .page-link:focus{ box-shadow: none;} section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg{ fill: #00a4dd;} .search_table.table .thead { background: #3e464b; height: 2.8rem; line-height: 2.8rem;} .price-sort-mode .table .thead { background: #3e464b; height: 2.8rem; line-height: 2.8rem;} .price-sort-mode .table th { font-size: 16px; font-weight: 400; } .search_table tbody td.go-airport img { margin: 0 auto; } .modal-body section.group_table.trip_airline .table .thead {background: #3e464b;} section.group_table.trip_airline .table .thead th { border-right: 1px solid #3e464b;} .list_con a.btn.btn-primary { background-color: #00a4dd; border-color: #00a4dd;} figure.block_style .price_all .btn { width: 88px; padding: 5px 25px; font-size: 18px; margin: 20px 0 0; float: right; } .tab-content .search_table.table .price.tour-price.price_box a { padding: 5px 25px; font-size: 18px; } figure.block_style .price_all h4, .pic_style figure.block_style .price_all h4{ margin-top: 10px;} .list_con a.btn.btn-primary:not(:disabled):not(.disabled):active,.list_con a.btn.btn-primary:not(:disabled):not(.disabled):active:focus { background-color: #00a4dd; border-color: #00a4dd; opacity: 0.8; } .list_con a.btn.btn-green:not(:disabled):not(.disabled):active,.list_con a.btn.btn-green:not(:disabled):not(.disabled):active:focus { background-color: #f49e58; border-color: #f49e58; opacity: 0.8; } /* 字體尺寸調整 */ figure.block_style .pic_all .item_days{ font-size: 1.7rem;} figure.block_style .main_words a{ font-size: 1.25rem;} figure.block_style .price_box span,.search_table tbody td.tour-price span {font-size: 1.2rem; font-weight: 600;} .pic_style figure.block_style .price_all h4 span{font-size: 1.2rem; font-weight: 600; } figure.block_style .price_box small { font-size: 0.9rem; } figure.block_style .main_words h6{ font-size: 0.9rem;} figure.block_style .main_words h6>div span { font-size: 1rem; } figure.block_style .note_words>div{ font-size: 1rem;} .search_table.table .thead th { font-size: 1rem; font-weight: 400; } @media(min-width:1200px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{ height: 200px;} .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (160px/2)); } } @media (min-width:768px) and (max-width: 1199px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 300px; } .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { bottom: calc(50% - (240px / 2)); } } @media (max-width: 991px){ figure.block_style .price_all .btn { width: 100%; float: inherit; } } /* 國內旅遊列表 */ .D_products_domestic_search .list_con .select_filter .form-group .sequence { justify-content: flex-end; } .D_products_domestic_search section.group_banner .form-check label { color: #fff; } .D_products_domestic_search section.group_banner .search-area > form.container { border: 0; position: relative; background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/39a99b35-d14f-4f97-ac3f-d55c771e4ddb.jpg); } .D_products_domestic_search section.group_banner .search-area > form.container::after{ width: 100%; background: rgb(49 63 95 / 36%); display: block; z-index: 0; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .D_products_domestic_search section.group_banner .search-area .search-box { z-index: 1; } /* 團型列表 */ .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #dedede; border-color: #dedede; } section.group_table.tripdown .style_icon ul li a.nav-link{ color: #3e464b; border: 1px solid #3e464b;} section.group_table.tripdown .style_icon ul li a.nav-link.active { background:#3e464b; color: #ffffff; } section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#3e464b; } section.group_table:before { -webkit-filter: grayscale(1) opacity(.3); } section.group_banner .media-grouop .share_box:hover, section.group_banner .media-grouop .forword_box:hover{ background: #797979;} .D_products_group_mold .popover{background: #797979; } .D_products_group_mold .popover .arrow:after,.D_products_group_mold .popover .arrow:before { border-color: transparent transparent #797979 transparent; } section.group_table.trip_features:after, section.group_table.trip_airline:after, section.group_table.trip_day:after, section.group_table.trip_note:after, section.group_table.view_intro:after, section.group_table.tripdown:after{ background: #dedede;} section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { position: relative; color:#554135; margin-bottom: 0; font-size: 2.3rem; text-shadow: none; } section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after, section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after, section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background:#55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); } .D_products_group_mold section.group_banner .info .btn-primary{ background:#00a4dd; border-color: #00a4dd; color: #ffffff;} .D_products_group_mold section.group_banner .info .btn-primary::before{ font-size: 1.2rem; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; } section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; } .search_table tbody td.sale-situation .btn.btn-primary,.search_table tbody td.sale-situation .btn.btn-primary:hover{ border-color: #00a4dd; background: #00a4dd; color: #ffffff;} section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #00a4dd;} section.search_con .list_con.mold figure.block_style .main_words>.mold_price>h4{ width: 100%;} section.search_con .list_con.mold figure.block_style .main_words>.mold_price span.text-danger{font-size: 20px;} /* 字體尺寸調整 */ section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; } /* 月曆 */ .web-page-frame .group_table .style_icon ul { list-style: none; } .D_products_group_mold #search-calendar .fc .fc-toolbar.fc-header-toolbar,.D_products_group_detail #search-calendar .fc .fc-toolbar.fc-header-toolbar { background:#3e464b; height: 3rem; } .D_products_group_mold #search-calendar .fc .fc-button,.D_products_group_detail #search-calendar .fc .fc-button { box-shadow: none; } .D_products_group_mold #search-calendar .fc .fc-button-primary,.D_products_group_detail #search-calendar .fc .fc-button-primary { color: #000000; color: var(--fc-button-text-color, #000000); border-color: #fafafa; border-color: var(--fc-button-border-color, #fafafa); } .D_products_group_mold #search-calendar .fc .fc-button-primary:disabled,.D_products_group_detail #search-calendar .fc .fc-button-primary:disabled { background-color: #3e464b; background-color: var(--fc-button-bg-color, #3e464b); color: #b2b2b2; } .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled):hover,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled):hover, .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled):active,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled):active, .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #ebebeb; background-color: var(--fc-button-active-bg-color, #ebebeb); border-color: #fafafa; border-color: var(--fc-button-active-border-color,#fafafa); } section.group_table.tripdown .container .fc-toolbar h2.fc-toolbar-title { text-shadow: none; font-size: 18px; line-height: 2.8rem; } @media (min-width: 576px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 540px; } } @media (min-width: 768px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 720px; } } @media (min-width: 992px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 960px; } } @media (min-width: 1200px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 1440px; } } .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ background: #fff; width:calc(100% - 30px); margin-left:auto; margin-right:auto; } .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{ width: 100%; margin-bottom: 3rem; } @media (max-width: 767px){ figure.block_style .media_all_plane-md{ justify-content: flex-end !important;} figure.block_style .media_all_plane-md a.btn{ padding: 5px 25px; font-size: 18px; margin: 10px; } } @media (max-width: 575.98px){ .D_products_group_mold section.group_banner { margin-top:0; } .D_products_group_mold .sub_menu-trip .server_menu > ul > li a{font-size: 15px;} } /* 個團明細頁 */ section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; } section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; } section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; } section.group_banner.trip_banner h1{ font-size: 1.8rem; margin-bottom: 28px;} section.group_banner.trip_banner h3.price { font-size: 1.6rem; } section.group_banner.trip_banner h3.price span, section.group_banner.trip_banner h3.price small{ font-size: 60%;} section.group_banner.trip_banner h6{ font-size: 1rem;} section.group_banner .price_content .panel-info .panel-heading { padding: 0 0 4px; background: transparent; color:#00a4dd; font-size: 15px; font-weight: 400; border-bottom: 1px solid #e1e6ef; } section.group_banner .price_content .panel-info .panel-body { padding: 2px; font-size: 1em;} section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size:16px; font-weight: normal;} section.group_banner .basic-air-airport i{ color:#00a4dd;} section.group_banner.trip_banner .brief h5{font-size: 15px; } section.group_banner .price_content .panel-info { border: 0; width: calc(33.333333% - 10px); text-align: left;} section.group_banner .basic-air-info { border:1px solid #00a4dd; border-radius: 5px; padding: 15px 10px !important;} section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #6a7178; } .basic-air-info .go i, .basic-air-info .back i { color:#554135; font-size: 20px;} section.group_banner .basic-air-btn a { float: right; font-size: 16px; font-weight: bold; background: #00a4dd; border: 1px solid #00a4dd; padding: 5px 25px; color: #ffffff; border-radius: 10px; } section.group_banner .basic-air-btn a:hover { background: #6b7178; color: #ffffff; } section.group_banner .basic-air-info .time { font-size:16px; border-bottom: 2px dotted #aab7d1; } .modal-content h5.modal-title strong{ color:#6a7178;} .flight_details .details_box > h4 { background:#6a7178;} .flight_details .details_box > h4 i { color: #eeeeee; } .flight_details { border: 1px solid #797979; } .trip_day .group_table_box table .thead { background: #797979; height: 2.8rem; font-weight: normal; color: #fff; font-size: 1rem; line-height: 2.8rem; } section.group_table.trip_day table.table tr.thead th:nth-child(2){ background: #797979;} section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ display: none;} .day_con .text_gary2.hotel a { color: #55575a; } .Day_menu .swiper_day .swiper-slide a:hover {color: #fff; background:#00a4dd; border: 1px solid #00a4dd;} section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #797979; } .web-page-frame .group_table ul{list-style:disc; padding-left: 20px;} .web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ color:#00a4dd;} .D_products_group_detail div#exampleModalCenter{ z-index: 100000000; } .Day_menu { z-index: 9; } .Day_menu.day_fixed { top: 120px !important; } .D_products_group_detail section.group_table.trip_features { text-align: left; } /* 分區背景圖移除 */ section.group_table:before, 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.contact:before {display: none; } @media (min-width: 576px){ .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; } } @media (max-width: 991.98px){ .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom: 1px solid #55575a;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ border:0} } @media (max-width: 767px){ .Day_menu.day_fixed { top: 60px !important; } } /* 側選單 */ .sub_menu-trip .trip_menu{ border: 1px solid #00a4dd; border-right: 0;} .sub_menu-trip .trip_menu i{ display: none;} .sub_menu-trip .server_menu > ul > li a { font-size: 16px;} .sub_menu-trip .server_menu a i{ font-size: 18px;} .sub_menu-trip .server_menu > ul > li a i {margin-right: 2px; line-height: 35px; font-size: 18px;} .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; } .sub_menu-trip .server_menu > ul > li a>img { width: 22px; } .sub_menu-trip .server_menu a{ color:#00a4dd;} .sub_menu-trip .server_menu li:nth-child(1) { background:#00a4dd; } .sub_menu-trip .server_menu > ul > li{box-shadow: none;} .sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #00a4dd;} .sub_menu-trip .server_menu > ul > li.download-fixed-btn { border-top: 0; } .sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background:#e8f5f5; } .sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; } .sub_menu-trip .server_menu > ul > li.join-fixed-btn a { border-left: 0; } .sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ color:#ffffff; } /* 天數選單箭頭樣式調整 */ .Day_menu .swiper-button-next{width: 24px; right: 0; color: #333333;} .Day_menu .swiper-button-prev{width: 24px; left: 0; color: #333333;} .Day_menu .swiper-button-next:after, .Day_menu .swiper-button-prev:after{ font-size: 24px;} @media (min-width: 992px){ body.D_products_group_detail .sub_menu-trip{ transition: all 0.5s; } body.D_products_group_detail.open .sub_menu-trip, body.D_products_group_detail.closenav.open .sub_menu-trip{right:125px; } body.D_products_group_mold .sub_menu-trip{ transition: all 0.5s; } body.D_products_group_mold.open .sub_menu-trip, body.D_products_group_mold.closenav.open .sub_menu-trip{right:125px; } body.closenav .sub_menu-trip { right: 0px; } .sub_menu-trip .server_menu > ul{ margin-bottom: 0;} .sub_menu-trip .server_menu > ul > li { height: 45px; font-size: 1rem;} .sub_menu-trip .server_menu > ul > li a{padding: 5px 8px; border-left:1px solid #00a4dd;} .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; } .sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; } .sub_menu-trip .trip_menu li a span{ font-size: 0.9rem;} .sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;} .sub_menu-trip .trip_menu li a:hover span { color: #00a4dd; } .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ height: 45px; width: 180px;} .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;} } @media (max-width: 1350px){ .sub_menu-trip .server_menu > ul > li a { font-size: 16px;} } @media (max-width: 991.98px){ /* .D_products_group_detail .sub_menu-trip .trip_menu{ display: none;} */ .sub_menu-trip .server_menu{ width: 100vw;} .sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; } .sub_menu-trip .trip_menu:after { border: solid #00a4dd; border-width: 0 1px 1px 0;} .sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #00a4dd; } .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; } .sub_menu-trip .server_menu > ul > li.download-fixed-btn{ border-top: 1px solid #00a4dd;} } @media (max-width: 767px){ .sub_menu-trip .server_menu{ width: 100vw;} } @media (max-width: 576px){ .sub_menu-trip .server_menu{ width: 100vw;} .sub_menu-trip .server_menu > ul > li a{font-size:0; padding-top: 3px;} .sub_menu-trip .server_menu > ul > li a i { line-height: 45px; margin: 0; font-size: 15px;} .sub_menu-trip .server_menu > ul > li.join-fixed-btn{ -ms-flex: 2; flex:2;} .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ font-size: 13px;} } @media (max-width: 991.98px) and (min-width:577px){ .sub_menu-trip .server_menu > ul > li a { padding-top: 10px; } .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ padding-top: 10px;} } /* 新版團型頁 */ .Detail .breadcrumb .breadcrumb-item a{color: #00a4dd; } .D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a:hover{ color:#00a4dd } .D_products_group_molddetail .breadcrumb .breadcrumb-item.active{ color: #554135;} .D_products_group_molddetail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .breadcrumb .breadcrumb-item a:hover{color: #00a4dd;} .D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom>.btn { white-space: initial; padding: 0; font-size: 0;} .D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures { flex-wrap: wrap; } .D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures li:first-child,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures li:first-child { margin-left: 10px;} .D_products_group_molddetail .Detail.DayTrip .DayBlock > div { background-color:#ECEFF2;; color: #00a4dd;} .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #ECEFF2;} .D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #00a4dd; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background:#e8f5f5; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color: #00a4dd; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i { margin-right: 2px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a i{ margin: 0;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .Detail.DepartureDate .nav-tabs .nav-link{ border: 1px solid #00a4dd; border-bottom-color: #00a4dd; color: #00a4dd;} .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #00a4dd; color: #ffffff;} .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #00a4dd; } .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .Detail.DepartureDate .SearchTable .table thead th{ border-bottom: 1px solid #989898;} .MPGO .Detail .PriceBlock ul li.FlightDetails a, .MGO .Detail .PriceBlock ul li.FlightDetails a, .MPGDT .Detail .PriceBlock ul li.FlightDetails a, .MGDT .Detail .PriceBlock ul li.FlightDetails a{background-color: #00a4dd;} .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MPGDT .Detail .PriceBlock ul li.FlightDetails a:hover, .MGDT .Detail .PriceBlock ul li.FlightDetails a:hover{ background-color: #afcfdf;} .Detail.MarketingBox h2,.LowestPrice h2#LowestPriceTitle{ color: #5f4c40; } .Detail.MarketingBox h2 .MarketIcon,.LowestPrice .material-icons{ color: #00a4dd; } .Detail.DayTrip .DayTripBtn{ background-color: #808080; border: 1px solid #808080;} .Detail.DayTrip .DayTripBtn:hover { background-color: #00a4dd; border: 1px solid #00a4dd; } .Detail.DayTrip .DayTripBtn.Multiple, .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { border: 1px solid #00a4dd; color:#00a4dd; } .Detail.DayTrip .DayTripBtn.Multiple:hover,.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #00a4dd;} .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #00a4dd;} .Detail .TripNoteBlock { background-color: #F8F5F0; } .Detail .TripNoteBlock .NoteTitle h3 { color: #00a4dd; } .Detail .TripNoteItems + .TripNoteItems::before { background: #cecece; } .D_products_group_molddetail section.AnchorPoint > div > h2.APtitle{ color: #5f4c40; } .D_products_group_molddetail section.AnchorPoint > div > h2.APtitle::after{ content: ""; background: #55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0);} .D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 60px;} #dayTrip{ word-break: break-all; } /* 團型分區背景移除 */ section.AnchorPoint.TripFeature:before, section.AnchorPoint.DepartureDate:before, section.AnchorPoint.DayTrip:before, section.AnchorPoint.FeeDescription:before, section.AnchorPoint.TripNote:before { background:none } @media (min-width: 768px){ .D_products_group_molddetail section.AnchorPoint div.container { width: 88%; max-width: 720px; } } @media (min-width: 992px){ .D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{ flex: 1; max-width: initial; min-width: initial;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #00a4dd; } .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #00a4dd;} .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{ color: #00a4dd;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; } } @media (min-width: 1200px) { .D_products_group_molddetail section.AnchorPoint div.container{ max-width: 1440px; } } @media (min-width: 1601px){ .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;} } @media (max-width: 1600px){ .D_products_group_molddetail .DetailContainer { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 1600px) and (min-width: 992px){ .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 150px; max-width: 150px;} .D_products_group_molddetail .Detail.DepartureDate>.container.col-md-9 { max-width: 100%; } .D_products_group_molddetail section.AnchorPoint div.container{ max-width: 100%;} } @media (max-width: 1350px){ .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } } @media (max-width: 767px){ .Detail.DayTrip .DayTripBtn.Multiple::before{ font-size: 0.9rem;} } @media (max-width: 575px){ .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 30px;} } /****** 國內團型明細頁start ******/ /* 調整色系 */ .D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item a,.D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item a:hover{ color: #00a4dd; } .D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item.active{ color: #554135;} .D_products_domestic_molddetail section#marketing h2.TextPrimary { color: #00a4dd; } .D_products_domestic_molddetail .Detail.MarketingBox h2 .MarketIcon{color: #00a4dd;} .D_products_domestic_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .D_products_domestic_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #00a4dd; } .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #00a4dd; color:#ffffff;} .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #00a4dd; border-bottom-color: #00a4dd; color: #00a4dd; } .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #00a4dd; } .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; } .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #00a4dd; } .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #00a4dd;} .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after{ border-color: transparent transparent transparent #00a4dd;} .D_products_domestic_molddetail .flight_details .details_box > h4 { background: #00a4dd;} .D_products_domestic_molddetail .flight_details{ border: 1px solid #00a4dd; } .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-icon-group{ position:relative; width: 100%; top: initial; } .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .Alternate{ width: 100%;} .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .fc-price{ padding: 0;} .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left, .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);} .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;} .Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; } .Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; } .Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; } .Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #00a4dd; border:1px solid #00a4dd; } .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #00a4dd; color: #00a4dd; width: 142px; } .D_products_domestic_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #00a4dd; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #e8f5f5; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color:#00a4dd; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;} .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #00a4dd;} .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #00a4dd;} .D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle{ color: #554135;} .D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; } .D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 60px;} @media (min-width: 768px){ .D_products_domestic_molddetail #tripfeature .DetailBox>.container{ max-width: 1440px; width: 85%;} .D_products_domestic_molddetail section#dayTrip>div.container{max-width:960px; width: 88%;} } @media (min-width: 992px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #00a4dd; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #00a4dd; } .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #00a4dd; border-right: 0; } .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; } .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;} .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu>ul>li.share-fixed-btn a .icon-icon-share { margin-right: 6px; margin-left: 4px; font-size: 17px;} } @media (min-width: 1200px){ .D_products_domestic_molddetail section#dayTrip>div.container{ max-width: 1440px; width: 85%;} .D_products_domestic_molddetail .DepartureDate>.container.clearfix.col-md-9.mx-auto { width: 85%; max-width: 1440px; } } @media (max-width: 1600px){ .D_products_domestic_molddetail .DetailContainer{ -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 1350px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } } @media (max-width: 575px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;} .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after { border-color:transparent #9ddfdd transparent transparent; } .D_products_domestic_molddetail .Detail.DepartureDate .IconMean{ top: 50px;} } /****** 國內團型明細頁end ******/ /****** 國內個團明細頁start ******/ /* 調整色系 */ .D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item a,.D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item a:hover { color:#00a4dd; } .D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item.active{ color: #554135} .D_products_domestic_gdetail section#marketing h2.TextPrimary { color: #00a4dd; } .D_products_domestic_gdetail .Detail.MarketingBox h2 .MarketIcon{color: #00a4dd;} .D_products_domestic_gdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_gdetail .MGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_gdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .D_products_domestic_gdetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #00a4dd; } .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #00a4dd; color:#ffffff;} .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #00a4dd; border-bottom-color: #00a4dd; color: #00a4dd; } .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #00a4dd; } .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; } .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #00a4dd; } .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div{ background-color: #00a4dd;} .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after{ border-color: transparent transparent transparent #00a4dd;} .D_products_domestic_gdetail .flight_details .details_box > h4 { background: #00a4dd;} .D_products_domestic_gdetail .flight_details{ border: 1px solid #00a4dd; } .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left, .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);} .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #00a4dd; border:1px solid #00a4dd; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #00a4dd; color: #00a4dd; width: 142px; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #00a4dd;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #00a4dd;} .D_products_domestic_gdetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ background: #00a4dd; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #f4ede6; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color: #00a4dd; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a i, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span { margin-right: 2px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)[disabled], .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1):disabled{ color: #9e9e9e;} .D_products_domestic_gdetail section.AnchorPoint > div > h2.APtitle{ color: #00a4dd;} .D_products_domestic_gdetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; } .D_products_domestic_gdetail #tripfeature.Detail .MainTitle{ margin-top: 20px;} .D_products_domestic_gdetail .Detail .PriceBlock .TotalPrice .Price{ font-size: 1.6rem;} .D_products_domestic_gdetail .Detail.DepartureDate .IconMean{ top: 60px;} @media (min-width: 992px){ .Detail .TripTitle h1 { font-size: 1.8rem; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #00a4dd; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #00a4dd; } .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #00a4dd; border-right: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ border-left: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; } .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;} } @media (max-width: 1350px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; } .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu{ width: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 1px solid #00a4dd;} } @media (max-width: 767px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; } } @media (max-width: 575px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ flex: 0 0 130px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 0} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;} .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent #7ebac1 transparent transparent; } .D_products_domestic_gdetail .Detail.DepartureDate .IconMean{ top: 50px;} } /****** 國內個團明細頁end ******/ /* 天數錨點 */ #day_menu { padding-top: 60px; } #day_menu .list-group{ background: #f3f3f3; max-width: 100%; z-index: 9;} #day_menu .list-group.Fixed_Date_Bar { top: 70px !important; } #day_menu .list-group .list-group-item{color:#00a4dd; font-size: 14px;} #day_menu .list-group .list-group-item:hover { background-color:#00a4dd; border-color: #00a4dd; color: #ffffff; } #day_menu .list-group .list-group-item.active { background-color:#00a4dd; border-color: #00a4dd; color: #ffffff; } /* 天數選單箭頭樣式調整 */ #day_menu .list-group .swiper-button-next, #day_menu .list-group .swiper-rtl .swiper-button-prev{width: 24px; right: 0; color: #026b67;} #day_menu .list-group .swiper-button-prev,#day_menu .list-group .swiper-rtl .swiper-button-next{width: 24px; left: 0; color: #026b67;} #day_menu .list-group .swiper-button-next:after,#day_menu .list-group .swiper-rtl .swiper-button-prev:after, #day_menu .list-group .swiper-button-prev:after,#day_menu .list-group .swiper-rtl .swiper-button-next:after{ font-size: 24px;} @media (max-width: 767px){ #day_menu .list-group.Fixed_Date_Bar { top: 65px !important; } /* #day_menu .list-group{ display: none;} */ } /* 我要洽詢 */ .D_order_contact_detail section.group_table.contact .contac_form .btn-primary { background-color:#00a4dd; border-color: #00a4dd; } /**** 公版調整 end ****/