body { background-position: left top; background-attachment: scroll; } body .block-item { background-position: left top; background-attachment: scroll; border-style: none; } body .widget-item { background-position: left top; background-attachment: scroll; border-style: none; } body .header { background-position: left top; background-attachment: scroll; border-style: none; } body .left { background-position: left top; background-attachment: scroll; border-style: none; } body .right { background-position: left top; background-attachment: scroll; border-style: none; } body .footer { background-position: left top; background-attachment: scroll; border-style: none; } /****Header start****/ .M-001.header{z-index: 100; } .M-001.header .header-part .navbar-brand { height: 65px; padding: 5px;} .M-001.header .header-part .navbar-brand img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001.header .header-part .navbar-nav li a{ border-bottom: 0px solid #fff; line-height: 40px;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001.header .header-part .navbar-nav li>a:hover{ background-color: inherit !important; color: #FFCC02 !important; line-height: 30px; border-bottom: 2px solid #fff;} .M-001.header .header-part .dropdown.show {background: inherit;} .M-001.header .dropdown-menu.shadow.show { border: 1px solid #ffcc02; border-radius: 8px !important;} .M-001.header .header-part .navbar-nav li>div a.dropdown-item { padding: .25rem 1rem; color: #301943;} .M-001.header .header-part .navbar-nav li>div a:hover { color: #301943!important; background:#ffcc02 !important; } .M-001.header .header-part .navbar-nav li>div a:first-child{ border-top-left-radius:8px;border-top-right-radius:8px } .M-001.header .header-part .navbar-nav li>div a:last-child{ border-bottom-left-radius:8px;border-bottom-right-radius:8px } .M-001.header .navbar-expand-lg .navbar-nav .nav-link{display: flex; flex-wrap: wrap; align-items: center;letter-spacing: 0.5px;} .M-001.header .navbar-expand-lg .navbar-nav .nav-link > i{margin-right: 3px;} .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName{padding: 0; align-items: center;} .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .member-name i{margin-right: 3px;width: auto;} .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .member-name .greet, .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .icon{display: none;} .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .SignOut{line-height: 1.5; margin-left: 8px; font-size: 14px; letter-spacing: 0; background: #9267c9;} .M-001.main-nav { position: fixed; margin: 0 auto; margin-top: 75px; width: 100%; background: #f1edf7; 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:#f1edf7} .M-001.main-nav .responsive-drop-down-menu > ul > li > a{color:#703093; 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:#4e2167;} .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li { background: #f1edf7 !important; width: 100%;} .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li+li { border-top: 1px solid #e0ceed} .M-001.main-nav .responsive-drop-down-menu ul li ul li a{ color: #703093; font-size: 1rem;} .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover a{ color: #ffffff; } .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li:hover ul > li:hover a{ color: #ffcc02; } .M-001.main-nav .responsive-drop-down-menu > ul > li+li > a:after { content: ""; position: absolute; width: 1px; height: 30px; background:#703093; 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:#703093;} .M-001.main-nav .responsive-drop-down-menu ul li ul li.has-sub:before { border: 6px solid transparent;border-left-color:#703093; top: 22px;} .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > ul > li.has-sub:hover:before{border-left-color:#ffffff;} .M-001.main-nav .responsive-drop-down-menu ul li ul li ul li a { color: #ffffff;} /****Header end****/ /****共用 start****/ * {font-family: 'PT Sans', '微軟正黑體', sans-serif;} .top-mt{ margin-top: 50px;} .M-001-title .header-title.dp-tbl { position: relative; display: table; width: auto; color: #301943; 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: #703093;} .all-btn{ position:relative; display: table; padding: 0px 40px 0 20px; border: 1px solid #301943; background: #301943; font-size: 1rem; line-height: 2rem; border-radius: 50px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; } .all-btn::before{ content: ""; position: absolute; width: 20px; height: 8px; top: 12px; right: 15px; background-image: url(https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg); background-repeat: no-repeat; background-position: center;} .all-btn,.all-btn a{ color:#ffffff; text-decoration:none;} .all-btn:hover { background: #ffcc02; border: 1px solid #ffcc02;} /****共用 end****/ /****index start****/ /*main-slider 主圖 start*/ .M-001.main-slider section.banner-area .swiper-area{ z-index:0;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper { height: 600px;} .M-001.main-slider .slide-txt-box{ text-align:center !important} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line{display:none;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ width:100%; text-align:center;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{ top: 30%;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img { height: 1120px;} .M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev,.M-001.main-slider section.banner-area .swiper-area .banner-swiper .swiper-button-next{ display:none} /*search 搜尋 start*/ .M-001.search .search-area{ background:#301943; 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%;background: none;border: none;} .M-001.search .search-area form.container{ max-width: 1560px; padding-left: 0; padding-right: 0; } .M-001.search .search-area .search-box .select-goal,.M-001.search .search-area .search-box .select-place,.M-001.search .search-area .search-box .select-date,.M-001.search .search-area .search-box .select-keywords{background: #301943; padding: 5px 10px;} .M-001.search .select-keywords{ position:relative; } .M-001.search section.group_banner .search-area .search-box .select-date{background: none;} .M-001.search section.group_banner .search-area .search-box .select-goal .title, .M-001.search section.group_banner .search-area .search-box .select-place .title, .M-001.search section.group_banner .search-area .search-box .select-date .title {height: 30px;min-height: 30px;} .M-001.search section.group_banner .search-area .search-box .select-goal .title h6, .M-001.search section.group_banner .search-area .search-box .select-place .title h6, .M-001.search section.group_banner .search-area .search-box .select-date .title h6 {font-size: 18px;letter-spacing: 0; color: #f1edf7;} .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 section.group_banner .search-area .search-box .select-date .select input{width: calc(50% - 18px);} .M-001.search .search-area .search-box .select-goal .title h6,.M-001.search .search-area .search-box .select-place .title h6,.M-001.search .search-area .search-box .select-date .title h6{ margin:0; padding-left: 5px;} .M-001.search .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: white;} .M-001.search .search-area .search-box .search-btn{ background: #703093; width: 92%; height: 72px; line-height: 72px; margin-top: 10px; float: right; border-radius:8px; } .M-001.search .search-area .search-box .search-btn h5 { letter-spacing: 1.5px; font-size: 1.1rem; line-height: 1.1rem; } .M-001.search .search-area .search-box .select-goal .title i,.M-001.search .search-area .search-box .select-place .title i,.M-001.search .search-area .search-box .select-date .title i,.M-001.search .search-area .search-box .select-keywords .title i { color: #ffcc02;} .M-001.search section.search_banner .search-area .search-box .select-input .data-icon-search{position: unset; height: 30px;margin-top: 10px;} .M-001.search section.search_banner .search-area .search-box .select-input .data-icon-search::before{color: #ffcc02;margin-right: 15px;} .M-001.search section.search_banner .search-area .search-box .select-input .data-icon-search::after{ content: '關鍵字'; width: 100%; text-align: left; font-size: 18px; color: #fff; letter-spacing: 1px; margin: 0; font-style: normal; } .M-001.search section.group_banner .search-area .search-box .select-input > input{height: 48px;padding: 5px 10px;border-radius: 8px;background: #fff;} .M-001.search section.group_banner .search-area .search-box {margin-bottom: 3.5rem;} .M-001.search section.group_banner .search-area .search-box .select-status{bottom: -2rem;} .M-001.search section.group_banner .search-area .search-box .select-status .form-check label{color: #fff;} .M-001.search section.group_banner .form-check .customcheck input:checked ~ .checkmark{background-color: #9267c9;} /*搜尋月曆*/ .datepicker.dropdown-menu{ border: 1px solid #301943;} .datepicker.datepicker-dropdown:before{ border-bottom-color: #301943;} .datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #301943;} .datepicker td, .datepicker th { width: 30px;height: 30px;} .datepicker table tr td.active.active{background:#703093;} .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: #ffcc02;} .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover{background-color: #301943;} .datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color: #301943;} /*快捷icon*/ .M-001.main-icon .function-row ul{justify-content: center;} .M-001.main-icon .function-row li a{ -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .M-001.main-icon .function-row li a:hover{ padding: 15px 5px 5px; } .M-001.main-icon .function-row li{margin-top: 15px; margin-bottom: 20px;} .M-001.main-icon .function-row li a h3{ display: block; font-size: 1.2rem; letter-spacing: 0.1rem; margin-top: 10px;} /*主打商品push*/ .M-001.push .module_carousel{ padding-bottom: 0; background: rgba(255, 255, 255, 0.8);} .M-001.push .country_tab .module_box_title ul{ padding: 1em;} .M-001.push .country_tab .module_box_title ul li { padding: 0.6em 1em; border-bottom: 1px solid #c7c7c7; } .M-001.push .country_tab .module_box_title ul li:hover { border-bottom: 1px solid #703093; } .M-001.push .country_tab .tab_container,.tw-tour .country_tab .module_box_title{ width:50%; padding: 15px;} .M-001.push .country_tab .module_box_title{ width: 50%;} .M-001.push .country_tab .module_box_title ul li a span{ margin-right: 8px; padding: 4px 15px; border-radius: 25px; } .M-001.push .country_tab .module_box_title ul li a span::after{ border: 0;} .M-001.push .country_tab .module_box_title ul li a p{ color:#301943; line-height:2em;} .M-001.push .country_tab .module_box_title ul li:hover a p{ color:#703093;} /*主題專區theme*/ .M-001.main-theme{ margin-bottom:60px} .M-001.main-theme .hover-wall .htpro_tit{ display:none;} .M-001.main-theme .hover-wall .icon_info { padding: 15px 15px 20px; height: 500px; background: #f4f4f5; border-radius: 8px; box-shadow: none; bottom: 0; } .M-001.main-theme .hover-wall .icon_info h3{ padding:0 0 0 45px; font-weight: bold; letter-spacing: 0.03em; line-height: 2rem; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .M-001.main-theme .hover-wall .icon_info h4 { height: 75px; color: #545454; font-style: initial; padding: 0px 10px; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } .M-001.main-theme .hover-wall .icon_info p.animate-text{ position:absolute; display: table; right: 20px; bottom: 15px; margin-bottom: 0; padding: 0px 40px 0 20px; float: right; border: 1px solid #301943; background: #301943; font-size:1rem; line-height: 2rem; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .M-001.main-theme .hover-wall .icon_info:hover p.animate-text{ background:#ffcc02; border: 1px solid #ffcc02;} .M-001.main-theme .hover-wall .icon_info p.animate-text::before{ content: ""; position: absolute; width: 20px; height: 8px; top: 12px; right: 15px; background-image: url(https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg); background-repeat: no-repeat; background-position: center;} .M-001.main-theme .hover-wall .icon_info figure{ overflow:visible;} .M-001.main-theme img.s_img.lazyload.loaded { top: initial; bottom: -45px; width: 25px; } .M-001.main-theme .hover-wall .icon_info:hover figure .b_img{ -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .M-001.main-theme .hover-wall .icon_info figure .overlay { border-radius: 8px;} .M-001.main-theme .hover-wall .icon_info figure .overlay i,.M-001.main-theme .hover-wall .icon_info:hover figure .overlay i{ display:none } .M-001.main-theme img.b_img.lazyload.loaded{ border-radius: 8px;} /****index end****/ /****themepage1 start****/ .M-001.themetab .nav-pills .nav-link { font-family: "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; background-color: #ffffff; padding: .4rem 2rem; border: 1px solid #703093; color:#703093; -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: #703093; 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: #f1edf7 !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: #703093; 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: #301943; border-bottom: 1px solid #301943; 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: unset; -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: #301943; 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: #f1edf7;} .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 #703093; 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: #703093; border: 1px solid #703093; 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:#301943;color: white; padding: 8px 5px; border-radius:50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale:hover { background:#ffcc02;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale span{ position:relative;padding-right: 40px; font-size: 1.2rem; font-style: normal;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list .list_price .price_sale span::after{ content:""; position:absolute; background-image:url('https://materials.fillo.com.tw/materials/design/images/8254ef26-1714-434f-aedc-87e7291abebf.svg'); background-position:center; background-repeat:no-repeat; right: 5px; top: 10px; width: 28px; height: 10px;} .M-001.pushprice .Graphic_mode .card:last-child .travel_list:hover .list_price{background-color: inherit;} .M-001.pushprice .Graphic_mode{ margin-top: 0px;} .M-001.pushprice .list_container .card{margin-bottom: 0rem; padding: 20px;} .M-001.pushprice .list_container .card:hover { background: #ffffff;} .M-001.pushprice .Graphic_mode .list_container .card+.card { border-top: 1px solid #add1e6; border-radius: 0;} .M-001.pushprice .list_container .card:last-child { border-top: none; } .M-001.pushprice .list_container .card:last-child:hover{ background:inherit;} .M-001.pushprice .travel_list .list_price{ background: #f2f2f2;} .M-001.pushprice .travel_list:hover .list_price {background:#cbe8f5;} .M-001.pushprice .travel_list .list_price .price_sale { color: #266e97;} .M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .travel_list .list_price .price_sale { color:#301943;} .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:#f1edf7;} .M-001.pushprice.widget-item .anchor-tab-wrapper>div:nth-child(5) .list_content:hover { background: #f1edf7 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:#301943; 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: #301943; font-size: 1.4rem; font-weight: 600; text-align: left; height: 50px;} .M-001.sharearticle .swiper-slide-style {background: #f4f4f5; box-shadow: none;} .M-001.sharearticle .swiper-pagination-bullet-active { background: #ffcc02;} .M-001.sharearticle .swiper-slide .swiper-content p { margin-bottom: 0.5rem; color: #703093; font-size: 0.9rem; } .M-001.sharearticle .swiper-slide .swiper-content { font-size: 0.9em; letter-spacing: 0.02em;} .M-001.sharearticle [class*='swiper-button-'] { color: #ffcc02; opacity: 1; } .M-001.sharearticle [class*='swiper-button-']:after { background: none;} /****themepage3 end****/ /****公司簡介about start****/ .about-content1 .hover-wall .htpro_tit {margin-bottom:0} .about-content1 .hover-wall .icon_info{ display: flex; height: 100%; padding: 15px 15px 20px; background: #f4f4f5; border-radius: 8px; box-shadow: none; bottom: 0; } .about-content1 .hover-wall .icon_info:hover{ bottom: 0; box-shadow: 0 0 black;} .about-content1 img.s_img.lazyload.loaded { top: initial; bottom: -45px; width: 25px; } .about-content1 .hover-wall .icon_info:hover figure{ border-radius:8px;} .about-content1 .hover-wall .icon_info:hover figure .b_img{ -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .about-content1 img.b_img.lazyload.loaded { border-radius: 8px;} .about-content1 .hover-wall .icon_info figure .overlay i,.about-content1 .hover-wall .icon_info:hover figure .overlay i { display: none;} .about-content1 .hover-wall .icon_info h3{ position:relative; padding-bottom:10px;} .about-content1 .hover-wall .icon_info h3::before { content: ""; position: absolute; width: 10%; background: #ffcc02; height: 2px; left: 0; bottom: 0; } .about-content1 .hover-wall .icon_info h3::after { content: ""; position: absolute; width: 88%; background: #aaaaaa; height: 2px; bottom: 0; right: 0; } .about-content1 .hover-wall .icon_info p.animate-text{ color: #545454; font-style: initial; padding: 0px 10px; font-size:1rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } .about-content2 .mix-wrapper{ padding: 0 15px;} .about-content2 .pic-content,.about-content2 .editor-content {margin-top: 0; margin-bottom: 0; padding: 0;} .about-content2 .editor-content{ display: flex; position: relative; padding: 40px; background: #703093; color: #ffffff; line-height: 2rem; font-size: 1.2rem; letter-spacing: 0.05rem; align-items: center; text-align: center; } .about-content2 .editor-content::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #ffcc02 transparent transparent transparent; top: 0; left: 0; } .abouthistory article { padding: 10px; font-size: 1.1rem; letter-spacing: 0.04rem; line-height: 1.8rem; text-align: justify;} .web-page-frame .abouthistory.widget-item > .module-container { display: flex; align-items: center;height: 100%;} .web-page-frame .abouthistory.left.widget-item > .module-container { justify-content: flex-end;} .abouthistory.right { position:relative; border-left: 2px solid #703093;} .abouthistory.right span::before,.abouthistory.left span::before{ content: ""; position: absolute; top: 45%; width: 14px; height: 14px; background: #ffcc02; border-radius: 50%; z-index: 1;} .abouthistory.right span::before { left: -8px; } .abouthistory.left span::before { right: -8px; } .abouthistory.left article,.abouthistory.left span{ margin: 10px 20px 10px 30px; } .abouthistory.right article,.abouthistory.right span{ margin: 10px 30px 10px 20px; } .abouthistory.left span,.abouthistory.right span {padding: 10px;} .abouthistory.text{ color: #301943; font-weight: 600;} .abouthistory.year{ color:#703093; font-size: 1.4rem; letter-spacing:0.05rem; font-family: "Arial, Helvetica Neue", 微軟正黑體, Helvetica, sans-serif !important;} /****公司簡介about end****/ /****聯絡我們 start****/ .contact-left, .contact-right { padding: 0px;} .contact-left .module-container, .contact-left .module-container .main,.contact-left .widget-item .row,.contact-left .widget-item .row .module, .contact-left .widget-item,.contact-left .widget-item .row .module .map,.contact-left .map-container,.contact-right>.module-container,.contact-right>.module-container>.main{ height: 100%;} .contact-left>.module-container>.main,.contact-right>.module-container>.main { margin: 0;} .web-page-frame .contact-right .widget-item.contact-info > .module-container > .main, .web-page-frame .contact-right .widget-item.contact-social > .module-container > .main{ margin-left:0} .contact-left>.module-container>.main{ border-right: 1px solid #cad7dc;} .contact-right>.module-container>.main { padding-bottom: 40px;} .contact-info section.text-link h2{ display: table; position: relative; margin:0; padding: 5px 0; font-weight: 600;} .contact-info div.link-list{ background:transparent;} .contact-info .text-container{ padding: 0 20px 20px 30px;} .contact-info section.text-link h2::before { content: ""; position: absolute; width: 3px; height: 23px; left: -10px; background: #703093;} .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:#301943;} .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: #301943; 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: #301943;} .sitemap .side-menu ul li input[type='checkbox']:checked ~ label{ background: #703093; 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: #703093;} .sitemap .side-menu ul ul.options li{ border-bottom: 1px solid #e4e4e4; text-indent: 10px;} .sitemap.notitle>.module-container>.main>.header-title{ display:none;} /****網站地圖 end****/ /****Footer start****/ .M-001.gotop{ z-index:99;} .M-001 .actGotop a,.M-001 .actGotop a:link{ background: rgb(255 255 255 / 0.6) ; border: 1px solid #703093; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .M-001 .actGotop a i{top: 7px;color: #9267c9;} .M-001 .actGotop a:hover,.M-001 .actGotop a:link:hover{background: #703093;} .M-001 .actGotop a:hover i{color: #FFCC02;} .M-001.footer{ z-index:98;} .M-001.footer .footer-wrap .footer_center {background:#f1edf7;justify-content: center; display: flex; flex-wrap: wrap; padding: 0 0 1rem;} .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%; display: flex; flex-wrap: wrap; align-items: center;} .M-001.footer .footer-wrap .footer_cont{/*ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;*/display: flex; flex-wrap: wrap;} .M-001.footer .flogo_box { max-width: 80%; margin: 0 auto;} .M-001.footer .footer-wrap .flogo_box p{ text-align: center; color:#666666} .M-001.footer .footer-wrap .flogo_box a { margin: 0 auto 20px;} .M-001.footer .footer-wrap .flogo_box a img { max-width: 100%; max-height: 100px; width:auto; height: auto;} .M-001.footer .footer-wrap .footer_info {margin-top: 2.5em;flex: 1; max-width: unset;} .M-001.footer .footer-wrap .footer_info h2{ line-height: 30px; letter-spacing: 2px;} .M-001.footer .footer-wrap .footer_info img.reponsive-fluid{ width:20px; height:auto; } .M-001.footer .footer-wrap .footer_info a{ display:inline-block; padding-right: 15px; padding-bottom: 5px;width: 100%;} .M-001.footer .footer-wrap .footer_info h4 { font-size: 1rem; letter-spacing: 0.1rem;} .M-001.footer .footer-wrap .footer_info h4 i{padding: 0;} .M-001.footer .footer-wrap .footer_fbicon {max-width: max-content; flex: max-content; width: auto;} .M-001.footer .footer-wrap .footer_fbicon .fb-img-1{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:right;} .M-001.footer .footer-wrap .footer_fbicon a img { width: auto;} .M-001.footer .footer-wrap .footer_fbicon a .tooltiptext {width: 120px;} .M-001.footer .footer-wrap .icon_wrap ul.footer_bticon{ margin:0;} /****Footer end****/ @media screen and (max-width:1600px){ /*主打商品push*/ .M-001.push .country_tab .module_box_title ul li {padding: 1em;} } @media screen and (max-width:1499px){ /*search 搜尋*/ .M-001.search .search-area .search-box .select-date .select input {width: calc(45%);} /*主打商品push*/ .M-001.push .country_tab .tab_container { width: 45%;} .M-001.push .country_tab .module_box_title { width: 55%; padding: 20px 0} .M-001.push .country_tab .module_box_title ul li { padding: 0.7em; } /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info { height: 450px;} /*公司簡介about*/ .about-content2 .editor-content{ padding: 20px; line-height: 1.8rem; font-size: 1rem;} /*聯絡我們contactus*/ .contact-right>.module-container>.main { padding: 15px;} .contact-social { padding-left: 0;} .contact-social .function-row li a { width: 60px; height: 60px; padding-top: 15px;} .contact-social .function-row li a img { width: 65% !important;} .contact-info .text-container { padding: 0 20px 0 0;} } @media screen and (max-width:1199px) { /*search 搜尋*/ .M-001.search .search-area .search-box .select-date .select input { width: calc(44%);} /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info { height: 400px;} /*聯絡我們contactus*/ .contact-social .function-row li a{ width: 50px; height: 50px; padding-top: 13px; } .contact-social .function-row li a i {font-size: 1.5rem;} .contact-social .function-row li a img { width: 60% !important;} /*footer*/ .M-001.footer .flogo_box{max-width:100%;} .M-001.footer .footer-wrap .flogo_box a img{padding: 0;} .M-001.footer .footer-wrap .footer_nav li a { padding: 15px;} } @media screen and (max-width:1199px) and (min-width:992px) { /*header*/ .M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a { padding:11px 30px 11px 10px;} } @media (min-width: 992px){ /*header*/ .M-001.header .navbar-expand-lg .navbar-nav .nav-link { padding-right: .6rem; padding-left: .6rem;} } @media (max-width: 991px){ /*共用*/ .top-mt { margin-top: 0px;} /*header*/ .M-001.header .header-part{ padding:0} .M-001.header .header-part .navbar-brand { margin-left: 5px;} .M-001.header .header-part .navbar-toggler { background: #703093;margin-right: 10px;} .M-001.header .header-part .navbar-nav li a{color: #703093 !important; padding: 5px 14px; font-size: 1.1rem;} .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: #703093; 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: #4e2167 !important;} .M-001.header .header-part .navbar-brand{ margin-left: 10px; } .M-001.header .header-part .navbar-toggler{ display: none; } .M-001.header .navbar-expand-lg .navbar-collapse{ display: flex; flex-wrap: wrap; flex-basis: max-content; } .M-001.header .navbar-expand-lg .navbar-nav { flex-direction: row; } .M-001.header .header-part .navbar-nav li a, .M-001.header .header-part .navbar-nav .nav-link{ font-size: 16px; padding: 0 1rem; letter-spacing: 0; } .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .SignOut{ padding: 1px 5px; color: #fff !important; } .M-001.main-nav{margin-top: 65px;} /*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 8px 0px 8px; width: 20px;} .M-001.search .search-area .search-box .search-btn{ float: inherit; width: 200px; margin: 15px auto 0; display: block;} .M-001.search section.group_banner .search-area .search-box .select-status{padding: 0.5rem 1.5rem;} .M-001.search section.group_banner .search-area .search-box .select-input{padding: 10px; margin-top: 5px;} .M-001.search section.group_banner .search-area .search-box .search-btn{width: calc(100% - 20px);} /*主打商品push*/ .M-001.push .widget-item {padding: 0 40px;} .M-001.push .country_tab .tab_container,.M-001.push .country_tab .module_box_title{ width: 90%; margin: 0 auto; float:initial;} .M-001.push .country_tab .module_box_title { padding-top: 0px; } .M-001.push .country_tab .tab_container { width: 100%;} /*主題專區theme*/ .M-001.main-theme .hover-wall .icon_info { height: 500px;} /*themepage1*/ .M-001.themepage1 .pic-content, .M-001.themepage1 .editor-content { margin-top: 20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;} .M-001.themepage1 .tab-block .title{ font-size: 1.3rem; line-height: 1.8rem;} .M-001.themepage1 .tab-block article{ -webkit-line-clamp: 3;} .M-001.themepage1 .price-block { position: absolute; padding: 0 5px; bottom: 0;} /*themepage2*/ .M-001.pushprice .card:not(:last-child) .travel_list .list_price .price_sale { justify-content: flex-end; top: inherit;} .M-001.pushprice .card:last-child .travel_list .list_price{background:#ffffff;} .M-001.pushprice .card:last-child .travel_list .list_price .price_sale{ top:0} .M-001.pushprice .travel_list .list_price .col {top: 0;} /*themepage3*/ .web-page-frame .widget-item.sharearticle > .module-container > .main { margin: 0 15px;} /*公司簡介about*/ .about-content2 + .about-content2 { border-top: 1px solid #ffffff;} .abouthistory{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} /*聯絡我們contactus*/ .contact-left>.module-container>.main { padding: 25px;} /*footer*/ .M-001.footer .footer-wrap .footer_logo{ width:41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .M-001.footer .footer-wrap .footer_cont{/* -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;*/} .M-001.footer .footer-wrap .footer_fbicon{ width:100%;-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 1.5em;} .M-001.footer .footer-wrap .footer_fbicon .fb-img-1{ text-align:center;} .M-001.footer .footer-wrap .flogo_box a {float: initial;} .M-001.footer .footer-wrap .footer_nav li a { padding: 10px;} } @media screen and (max-width:768px) { .M-001.footer .footer-wrap .footer_nav li { width: 25%;} .M-001.footer .footer-wrap .footer_nav li a { text-align: center; width: 100%;} .M-001.footer .footer_fbicon>.row{ justify-content: center;} .M-001.footer .footer-wrap .footer_fbicon .fb-img-1 { -ms-flex: 0 0 180px; flex: 0 0 180px;} /*themepage2*/ .M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link, .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active, .M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link { padding: 0.6em 1em;} .M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 10px;} } @media screen and (max-width:767px) { /*header*/ .M-001.header .navbar-expand-lg .navbar-collapse{ margin-right: 50px; } .M-001.header .navbar-expand-lg .navbar-nav > li{ display: none; } .M-001.header .navbar-expand-lg .navbar-nav > li:nth-last-child(1){ display: block; } .M-001.header .header-part .navbar-nav li a, .M-001.header .header-part .navbar-nav .nav-link{ padding: 0 0.5rem; } .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .member-name i{ margin-right: 0; } .M-001.header .navbar-expand-lg .navbar-nav .nav-link .showName .SignOut{ margin-left: 5px; padding: 1px 5px; color: #fff !important; } .M-001.main-nav{z-index: 999;} .M-001.main-nav .responsive-drop-down-menu{ z-index: 999; background: rgba(49, 186, 204, 0.8); min-height: auto; } .M-001.main-nav .responsive-drop-down-menu .menu-button{ width: 30px; top: -56px; right: 0; z-index: 999; position: absolute; height: 52px; font-size: 0; padding: 0; } .M-001.main-nav .responsive-drop-down-menu .menu-button::before{ height: 14px; width: 30px; border-top: 2px solid #703093; border-bottom: 2px solid #703093; right: 0; top: 25px; } .M-001.main-nav .responsive-drop-down-menu .menu-button::after{ width: 30px; border-top: 2px solid #703093; right: 0; top: 13px; } .M-001.main-nav .responsive-drop-down-menu > ul > li:hover > a::after, .M-001.main-nav .responsive-drop-down-menu > ul > li+li > a:after{ display: none; } .M-001.main-nav .responsive-drop-down-menu > ul.open{ padding: 15px 0 25px; min-height: calc(100vh - 52px); max-height: calc(100vh - 52px); overflow: auto; border-top: none; } .M-001.main-nav .responsive-drop-down-menu ul li ul li a{ text-align: left; padding: 8px 0px 8px 20px; } .M-001.main-nav .responsive-drop-down-menu > ul > li > a{ padding: 10px 20px; } .M-001.main-nav .responsive-drop-down-menu > ul > li > ul{ width: calc(100% - 40px); margin: 0 20px 10px; background: rgba(255, 255, 255, 0.8); overflow: hidden; } .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li:nth-child(1), .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li:nth-last-child(1){ border-radius: 0; } .M-001.main-nav .responsive-drop-down-menu ul li ul li ul li a{ padding-left: 20px; } .M-001.main-nav .responsive-drop-down-menu > ul > li.active{ background: transparent; } .M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub > a::after, .M-001.main-nav .responsive-drop-down-menu > ul > li.has-sub:hover > a::after{ content: ''; display: block; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 9px solid #caa0ef; border-bottom: 0px solid #ffffff; position: absolute; bottom: unset; top: 22px; left: unset; right: 30px; } .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li.has-sub > ul > li:nth-child(1), .M-001.main-nav .responsive-drop-down-menu > ul > li > ul > li.has-sub > ul > li:nth-last-child(1){ border-radius: 0; } /*search*/ .M-001.search section.group_banner.search_banner{width: 100%;} .M-001.search .mic_icon{top: 45px;} .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 #703093;} } @media (max-width:575px){ /*header*/ .M-001.header .header-part .navbar-brand { margin-left: 0;margin-right: 0; padding: 15px 0px; } /*search 搜尋*/ .M-001.search .search-area .search-box .search-btn { width: 160px; height: 60px; line-height: 60px; } /*主打商品push*/ .M-001.push .country_tab .module_box_title ul li a span{ float:initial; display: table; margin-bottom: 5px; } .M-001.push .country_tab .module_box_title ul li a p{float:initial; } /*themepage2*/ .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link h5 { font-size: 1rem;} .M-001.pushprice .main_nav .nav-pills .nav-item a.nav-link, .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item a.nav-link.active, .M-001.pushprice .main_nav .nav-pills .nav-item:hover a.nav-link{ padding: 0.6em 0.4em; border-radius: 0; } .M-001.pushprice .main_nav .nav-pills .nav-item a.active:after, .M-001.pushprice .anchor-tab-wrapper .main_nav .nav-pills .nav-item:hover a:after { border-width: 10px 10px 0; bottom: -11px;} .M-001.pushprice .main_nav .nav-pills .nav-item { padding-right: 0;} .M-001.pushprice .main_nav .nav-pills .nav-item+ .nav-item .nav-link{border-left: 0;} /*themepage3*/ .M-001.sharearticle .swiper-button-prev.swiper-button-white,.M-001.sharearticle .swiper-button-next.swiper-button-white { display: none;} /*footer*/ .M-001 .actGotop{ bottom: 60px; right: 10px; width: 50px; height: 50px;} .M-001 .actGotop a, .M-001 .actGotop a:link{ width: 50px; height: 50px;} .M-001 .actGotop a i{ top: 3px; width: 50px;} .M-001.footer .footer-wrap .footer_logo{ width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;border-bottom: 1px solid #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; } } /*公版*/ /*公版*/ .D_products_domestic_molddetail *, .D_products_group_molddetail *{ word-break: break-word; overflow-wrap: break-word; hyphens: auto; } body.WinChrome a.go-to-top, .D_products_domestic_search a.go-to-top, .D_products_domestic_molddetail a.go-to-top, .D_products_group_molddetail a.go-to-top{ display: none !important; } .D_products_group_molddetail .TripFeature section.DetailBox p img, .D_products_group_detail .trip_features .group_table_box p img{ margin: auto; } /*list*/ /*國外*/ .D_products_group_search .top_nav ul{padding: 1px 15px 2px 5px;} .D_products_group_search section.group_banner.search_banner{height: 250px;} .D_products_group_search section.group_banner .search-area{bottom: 15px;} .D_products_group_search .search-area .search-box .select-place .title i, .D_products_group_search .search-area .search-box .select-goal .title i, .D_products_group_search .search-area .search-box .select-date .title i, .D_products_group_search section.group_banner .search-area .search-box .select-input i{color: #888888;} .D_products_group_search section.group_banner .search-area .search-box .search-btn{color: #ffffff;background: #703093 ;border-radius: 5px;} .D_products_group_search section.group_banner .search-area .select-type .form-check.check-PGO, .D_products_group_search section.group_banner .search-area .select-type .form-check.check-GO{border-radius: 3px;} .D_products_group_search section.group_banner .search-area .form-check .checkmark{border-radius: 0;} .D_products_group_search section.group_banner .search-area .form-check .customcheck .checkmark:after{left: 4px; top: 1px; width: 6px; height: 9px;} .D_products_group_search section.group_banner .search-area .search-box .select-goal, .D_products_group_search section.group_banner .search-area .search-box .select-place, .D_products_group_search section.group_banner .search-area .search-box .select-date, .D_products_group_search section.group_banner .search-area .search-box .select-input > input{border-radius: 0;} .D_products_group_search .list_con .select_filter .form-group .select select{border-radius: 0;} .D_products_group_search .filter_list .accordion .card{border-bottom: 1px solid rgba(0,0,0,.125);border-radius: 0;} .D_products_group_search .filter_list i{color: #606060;} .D_products_group_search .irs-from, .D_products_group_search .irs-single, .D_products_group_search .irs-to{background: #703093;} .D_products_group_search .irs-slider{background: #703093 ;} .D_products_group_search .irs-slider.state_hover, .D_products_group_search .irs-slider:hover{border-color: #703093 ;} .D_products_group_search .irs-bar{background: #703093 ;} .D_products_group_search .filter_list .form-check .customcheck input:checked ~ .checkmark{background-color: #888888;} .D_products_group_search .filter_list .form-check.radio_style [type="radio"]:checked + label:after{background: #703093 ;} .D_products_group_search .badge-primary{background-color: #703093;} .D_products_group_search .list_con .style_icon .nav-pills .nav-link.active svg {fill: #703093;} .D_products_group_search .text_blue { color: #eb1c1f;} .D_products_group_search section.search_con{margin-bottom: 50px;} .D_products_group_search section.search_con .pagination .page-item .page-link, .D_products_group_search section.search_con .pagination .page-item:first-child .page-link, .D_products_group_search section.search_con .pagination .page-item:last-child .page-link{border-radius: 0;} .D_products_group_search section.search_con .pagination .page-item .page-link:hover, .D_products_group_search section.search_con .pagination .page-item .page-link:active{border-color: #888888;color: #888888;} .D_products_group_search section.search_con .pagination .page-item .page-link:hover svg, .D_products_group_search section.search_con .pagination .page-item .page-link:active svg {fill: #888888;} .D_products_group_search figure.block_style{border-radius: 0;overflow: hidden;} .D_products_group_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(1, 1, 1, 0.65);} .D_products_group_search .pic_style figure.block_style .pic_all{border-top-left-radius: 0px; border-top-right-radius: 0px;overflow: hidden;} .D_products_group_search .pic_style figure.block_style .plane_word{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} .D_products_group_search .search_table .thead, .D_products_group_search .search_table .thead:hover{background: #703093;color: #fff;} .D_products_group_search .search_table .main_words .title_main:hover, .D_products_group_search figure.block_style .main_words a:hover, .D_products_group_search .pic_style figure.block_style .main_words a:hover{color: #703093 !important;} .D_products_group_search section.search_con .pagination .page-item.active .page-link{border-color: #888888;color: #888888;outline: none;box-shadow: none;} .D_products_group_search .modal-body section.group_table.trip_airline .table .thead, .D_products_group_search .modal-body section.group_table.trip_airline .table .thead:hover{background: #703093 ;} .D_products_group_search section.group_table.trip_airline .table .thead th{border-color: #888888;} .D_products_group_search figure.block_style .note_words > div .go-airport{font-size: 16px;} .D_products_group_search figure.block_style .note_words > div img{height: 35px;} .D_products_group_search figure.block_style .note_words .plane .plane-abbr, .D_products_group_search figure.block_style .note_words .plane .plane-sche{font-size: 16px;letter-spacing: -0.5px;} /*.D_products_group_search figure.block_style .note_words{border-width: 0px;} .D_products_group_search figure.block_style .note_words > div{display: none;}*/ .D_products_group_search section.search_con .list_con.mold figure.block_style .main_words>.mold_price > h4{ width: 100%; } @media (max-width:1199px) { .D_products_group_search section.group_banner.search_banner {height: 370px;} } @media (min-width:768px) and (max-width:1199px) { .D_products_group_search figure.block_style .media_all_plane-md{border-top: 1px solid #e2e2e2;} .D_products_group_search figure.block_style .price_box{border: none;} } @media (max-width:767px) { .D_products_group_search section.group_banner .search-area .search-box .search-btn{height: 60px; line-height: 60px;} .D_products_group_search section.group_banner .search-area .search-box .search-btn h5.small{font-size: 24px;} .D_products_group_search section.search_con .pagination .page-item{margin: 0 1px;} .D_products_group_search section.search_con .pagination .page-item .page-link{width: 25px; height: 25px; font-size: 14px;} .D_products_group_search section.group_banner.search_banner { height: 530px;width: 100%;} } /*國內*/ body.D_products_domestic_search{/*background: #f8f9f9;*/} .D_products_domestic_search section.group_banner.search_banner{margin-top: 10rem;} .D_products_domestic_search section.group_banner .search-area > form.container{border-bottom: 3px solid #703093 ;border-radius: 0;padding-left: 20px;padding-right: 20px;} .D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check{border-radius: 3;} .D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check.check-GO{background: #fff;border: 1px solid #cdeefc;} .D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check.check-PGO{background: #fff; border: 1px solid #d4edda;} .D_products_domestic_search section.group_banner .search-area .search-box .select-type .form-check .checkmark{border-radius: 0;} .D_products_domestic_search section.group_banner .form-check .checkmark:after{left: 5px; top: 2px; width: 6px; height: 9px;} .D_products_domestic_search section.group_banner .search-area .search-box .search-btn{background: #703093 ;border-radius: 8px;} .D_products_domestic_search section.group_banner .search-area .search-box .select-departure .title i, .D_products_domestic_search section.group_banner .search-area .search-box .select-destination .title i, .D_products_domestic_search .search-area .search-box .select-date .title i{} .D_products_domestic_search section.group_banner .search-area .search-box .select-departure, .D_products_domestic_search section.group_banner .search-area .search-box .select-destination, .D_products_domestic_search section.group_banner .search-area .search-box .select-date, .D_products_domestic_search section.group_banner .search-area .search-box .select-input > input{border-radius: 0;} .D_products_domestic_search .filter_list i{} .D_products_domestic_search .irs-from, .D_products_domestic_search .irs-single, .D_products_domestic_search .irs-to{background: #703093;} .D_products_domestic_search .irs-slider{background: #703093 ;} .D_products_domestic_search .irs-slider.state_hover, .D_products_domestic_search .irs-slider:hover{border-color: #703093 ;} .D_products_domestic_search .irs-bar{background: #703093 ;} .D_products_domestic_search .filter_list .form-check .customcheck input:checked ~ .checkmark{} .D_products_domestic_search .filter_list .form-check .customcheck input:checked ~ .checkmark:after{display: block;} .D_products_domestic_search .badge-primary{background-color: #703093;} .D_products_domestic_search .list_con .style_icon .nav-pills .nav-link.active svg {} .D_products_domestic_search .text_blue { color: #ffcc02;} .D_products_domestic_search .select_filter .form-inline .form-group input[type=radio]:checked + label{} .D_products_domestic_search figure.block_style .pic_all::after{border-color: transparent transparent transparent rgba(1, 1, 1, 0.65);} .D_products_domestic_search figure.block_style .main_words a:hover, .D_products_domestic_search .pic_style figure.block_style .main_words a:hover{color: #703093 !important;} .D_products_domestic_search .modal-body section.group_table.trip_airline .table .thead, .D_products_domestic_search .modal-body section.group_table.trip_airline .table .thead:hover{background: #703093;} .D_products_domestic_search .search_table .main_words .title_main:hover, .D_products_domestic_search figure.block_style .main_words a:hover, .D_products_domestic_search .pic_style figure.block_style .main_words a:hover{color: #703093 !important;} .D_products_domestic_search .table .thead, .D_products_domestic_search .table .thead:hover{background: #703093;} .D_products_domestic_search section.search_con{margin-bottom: 50px;} .D_products_domestic_search section.search_con .pagination .page-item .page-link:hover, .D_products_domestic_search section.search_con .pagination .page-item .page-link:active {} .D_products_domestic_search section.search_con .pagination .page-item .page-link:hover svg, .D_products_domestic_search section.search_con .pagination .page-item .page-link:active svg {} @media (max-width:767px) { .D_products_domestic_search section.group_banner.search_banner{margin-top: 7rem;} .D_products_domestic_search section.group_banner .search-area .search-box{height: 480px;} .D_products_domestic_search section.group_banner .search-area .search-box .select-departure, .D_products_domestic_search section.group_banner .search-area .search-box .select-destination, .D_products_domestic_search section.group_banner .search-area .search-box .select-date, .D_products_domestic_search section.group_banner .search-area .search-box .select-input > input{margin-bottom: 10px;} .D_products_domestic_search section.group_banner .search-area .search-box .select-input .mic_icon{bottom: 11px; right: 11px;} .D_products_domestic_search section.group_banner .search-area .search-box .search-btn{margin-top: 10px;height: 60px;line-height: 65px;} .D_products_domestic_search section.group_banner .search-area .search-box .search-btn h5.small{font-size: 24px;} .D_products_domestic_search section.search_con .pagination .page-item{margin: 0 1px;} .D_products_domestic_search section.search_con .pagination .page-item .page-link{width: 25px; height: 25px; font-size: 14px;} } /*detail*/ /*國外*/ .D_products_group_detail .trip_note ol, .D_products_group_detail .trip_note ul{list-style: initial; padding-left: 25px;} .D_products_group_detail .breadcrumb-item a{color: #703093 ;} .D_products_group_detail .breadcrumb-item a:hover{color: #703093;} .D_products_group_detail section.group_banner .price_content .panel-info{border: 1px solid #703093;} .D_products_group_detail section.group_banner .price_content .panel-info .panel-heading{background: #703093 ;font-size: 17px;color: #fff;} .D_products_group_detail .basic-air-info{border: 1px solid rgba(1, 1, 1, 0.3);} .D_products_group_detail section.group_banner.trip_banner{margin-top: 0px;} .D_products_group_detail section.group_banner.trip_banner .basic-air-info h3{} .D_products_group_detail .basic-air-info .go i, .D_products_group_detail .basic-air-info .back i{color: #9267c9;} .D_products_group_detail .basic-air-btn a{background: #703093;border: 1px solid #703093;color: #fff;} .D_products_group_detail .basic-air-btn a:hover{background: #703093;opacity: .8;} .D_products_group_detail section.group_banner.trip_banner h6{font-size: 16px;padding-top: 0;} .D_products_group_detail section.group_banner .group_num img{width: 30px;} .D_products_group_detail section.group_table.trip_features:after, .D_products_group_detail section.group_table.trip_airline:after, .D_products_group_detail section.group_table.trip_day:after, .D_products_group_detail section.group_table.trip_note:after, .D_products_group_detail section.group_table.view_intro:after, .D_products_group_detail section.group_table.tripdown:after{} .D_products_group_detail section.group_banner.trip_banner .basic_box{padding-top: 220px;} .D_products_group_detail section.group_banner.trip_banner .basic_box nav.Detail ol.breadcrumb{margin-bottom: 0;} .D_products_group_detail section.group_banner.trip_banner .container{border: none;border-radius: 0;} .D_products_group_detail section.group_table.trip_features .container .group_table_box, .D_products_group_detail section.group_table.trip_airline .container .group_table_box, .D_products_group_detail section.group_table.trip_day .container .group_table_box, .D_products_group_detail section.group_table.trip_note .container .group_table_box, .D_products_group_detail section.group_table.view_intro .container .group_table_box, .D_products_group_detail section.group_table.tripdown .container .group_table_box{border-radius: 0;} .D_products_group_detail section.group_table.tripdown .container .group_table_box{margin-bottom: 5rem;} .D_products_group_detail section.group_table.trip_day .group_table_box table.table .thead{background: #703093;} .D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2), .D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{} .D_products_group_detail section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{display: none;} .D_products_group_detail .trip_note .card .card-header{border: none;background: transparent;} .D_products_group_detail section.trip_note .card-header .btn[aria-expanded="false"]{border-radius: 15px;overflow: hidden;} .D_products_group_detail section.trip_note .card-header .btn[aria-expanded="true"], .D_products_group_detail section.trip_note .card-header .btn:hover{ border-top-left-radius: 0; border-top-right-radius: 0; background: #9762c7;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{color: #703093;} .D_products_group_detail section.group_table.tripdown .search_table tr.thead{background: #703093;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link{border-color: #ffcc02 ;color: #ffcc02 ;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link:hover{color: #ffcc02 ;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active{color: #fff;background: #ffcc02 ;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link svg{fill: #ffcc02 ;} .D_products_group_detail section.group_table.tripdown .style_icon ul li a.nav-link.active svg{fill: #fff;} .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary{/*border-color: #703093 ;background: #703093 ;*/border-radius: 30px;} .D_products_group_detail section.group_table.tripdown .search_table tr td.sale-situation .btn-primary:hover{/*color: #fff;background-color: #703093 ;border-color: #703093 ;*/} .D_products_group_detail .fc .fc-toolbar.fc-header-toolbar{background: #703093;} .D_products_group_detail .fc .fc-button-primary:disabled{} .D_products_group_detail section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 {display: none;} .D_products_group_detail section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 {flex: 0 0 100%; max-width: 100%;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title {margin-left: 0; width: 100%;} .D_products_group_detail > .web-page-frame > .row:nth-child(2){padding-bottom: 0px;} .D_products_group_detail section.group_table.tripdown .search_table tbody td.tour-name a.title_main:hover{color: #703093 !important;} .D_products_group_detail .Day_menu.day_fixed{/*top: 103px !important;*/} .D_products_group_detail section.group_table.trip_features:after, .D_products_group_detail section.group_table.trip_airline:after, .D_products_group_detail section.group_table.trip_day:after, .D_products_group_detail section.group_table.trip_note:after, .D_products_group_detail section.group_table.view_intro:after, .D_products_group_detail section.group_table.tripdown:after{background: #666;} .D_products_group_detail section.group_table.trip_features .text-center, .D_products_group_detail section.group_table.trip_airline .text-center, .D_products_group_detail section.group_table.trip_day .text-center, .D_products_group_detail section.group_table.trip_note .text-center, .D_products_group_detail section.group_table.view_intro .text-center, .D_products_group_detail section.group_table.tripdown .text-center{/*margin-top: 2.5rem;*/} @media (min-width:992px) { .D_products_group_detail .sub_menu-trip .sub_inside{margin-top: -1rem;} .D_products_group_detail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;line-height: 30px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;} .D_products_group_detail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 0px;} .D_products_group_detail .sub_menu-trip .trip_menu i{display: none;} .D_products_group_detail .sub_menu-trip .trip_menu ul{margin-bottom: 0;} .D_products_group_detail .sub_menu-trip .trip_menu li{margin-bottom: 8px;} .D_products_group_detail .sub_menu-trip .trip_menu li a{line-height: 1;} .D_products_group_detail .sub_menu-trip .trip_menu li a span{font-size: 14px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_detail .sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #703093; border-bottom: 1px solid #fff; } .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul{width: 92px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{height: 40px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn:hover ul{height: 40px; width: 190px;} .D_products_group_detail .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{height: 40px;} .D_products_group_detail .web_sidebar .side_box{bottom: 60px;} .D_products_group_detail .web_sidebar .side_bar{/*width: 50px;*/padding: 8px 0;} .D_products_group_detail .web_sidebar .side_bar li{/*padding: 11px;*//*height: 40px;*/} .D_products_group_detail .web_sidebar .side_bar li a i{font-size: 24px;} .D_products_group_detail .web_sidebar .side_bar li a img{width: 24px;} .D_products_group_detail .web_sidebar .actGotop{bottom: 15px;width: 50px;height: 50px;} .D_products_group_detail .web_sidebar .actGotop a:link{width: 50px;height: 50px;} .D_products_group_detail .web_sidebar .actGotop a i{width: 50px; line-height: 30px;} } @media (min-height:600px) and (max-height:768px) { .D_products_group_detail .sub_menu-trip .sub_inside > .server_menu{ margin-top: 75px; } } @media (max-width:991px) { .D_products_group_detail section.group_table.tripdown .search_table tr.thead{display: none;} .D_products_group_detail section.group_banner.trip_banner{margin-top: 0px;} .D_products_group_detail .footer_wrap .main.row{padding-bottom: 50px;} .D_products_group_detail .Day_menu.day_fixed{/*top: 85px !important;*/padding: 5px;} } @media (max-width:767px) { .D_products_group_detail .footer_box{margin-bottom: 50px;} .D_products_group_detail section.group_table.trip_features .container h2, .D_products_group_detail section.group_table.trip_airline .container h2, .D_products_group_detail section.group_table.trip_day .container h2, .D_products_group_detail section.group_table.trip_note .container h2, .D_products_group_detail section.group_table.view_intro .container h2, .D_products_group_detail section.group_table.tripdown .container h2{margin-bottom: 0; font-size: 26px;} .D_products_group_detail section.group_table.trip_features .container .group_table_box, .D_products_group_detail section.group_table.trip_airline .container .group_table_box, .D_products_group_detail section.group_table.trip_day .container .group_table_box, .D_products_group_detail section.group_table.trip_note .container .group_table_box, .D_products_group_detail section.group_table.view_intro .container .group_table_box, .D_products_group_detail section.group_table.tripdown .container .group_table_box{margin-top: 30px;} .D_products_group_detail section.group_table.trip_day .info_box{width: 100%;} .D_products_group_detail .Day_menu .swiper_day{max-width: 95%;} .D_products_group_detail .Day_menu .swiper_day .swiper-slide{margin: 0 0.5%;} .D_products_group_detail .sub_menu-trip .sub_inside > .server_menu{ margin-top: 0px; } } /*團型*/ .D_products_group_molddetail .TripNote ol, .D_products_group_molddetail .TripNote ul{list-style: initial; padding-left: 25px;} .D_products_group_molddetail .TripBasic .ImgBox .carousel-item{aspect-ratio: 3 / 2; display: block;} @media (min-width:992px) { .D_products_group_molddetail .TripBasic .ImgBox .carousel-item{max-height: 350px;} } .D_products_group_molddetail .TripBasic .ImgBox .carousel-item img{object-position: center center;} .D_products_group_molddetail .DetailContainer{margin-top: 8rem;margin-bottom: 3rem;word-break: break-all;} .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{color: #703093 ;} .D_products_group_molddetail .Detail .MainTitle::before{filter: hue-rotate(50deg);} .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link{border: 1px solid #703093 ; border-bottom-color: #703093 ;color: #703093 ;} .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active, .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover{background-color: #703093 ; color: white;} .D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{background-color: #ffede7; color: #703093 ; border: 1px solid #ffede7;} .D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, .D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, .D_products_group_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{background-color: #703093 ; border: 1px solid #703093 ;color: #fff;} .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{color: #703093 ;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable .table thead th{border-bottom: 1px solid #ccc;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable button, .D_products_group_molddetail .Detail.DepartureDate .SearchTable a.btn{background: #703093 ; border-color: #703093 ;color: #fff;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable .DateCenterLine{background-color: #703093 ;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover{color: #703093 ;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable .table tbody tr.month_2{background: #f8f8f9;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border: 1px solid #ccc;} .D_products_group_molddetail .Detail.DayTrip .DayBlock > div{background-color: #703093;} .D_products_group_molddetail .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #703093;} .D_products_group_molddetail .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #703093 ; color: #703093 ;background-color: #fff;/*display: none;*/} .D_products_group_molddetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #703093 ; color: white;} .D_products_group_molddetail #day_menu .list-group{background: rgba(1, 1, 1, 0.7);} .D_products_group_molddetail #day_menu .list-group .list-group-item:hover{background-color: transparent;border-color: transparent;color: #703093;} .D_products_group_molddetail #day_menu .list-group .list-group-item.active{background-color: #703093; border-color: #703093; border-radius: 0;} .D_products_group_molddetail #day_menu .list-group .list-group-item.active:hover{color: #ffffff;} .D_products_group_molddetail .Detail.Traffic .Day{ color: #703093;} .D_products_group_molddetail .Detail .TripNoteBlock{background-color: #e2ebeb;} .D_products_group_molddetail .Detail .TripNoteBlock .NoteTitle h3{color: #703093;} .D_products_group_molddetail .Detail .TripNoteItems + .TripNoteItems::before{background: #ffede7;} .D_products_group_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{/*display: none;*/} .D_products_group_molddetail section.AnchorPoint>div>h2.APtitle{color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);} .D_products_group_molddetail section.AnchorPoint>div>h2.APtitle::after{background: #ffffff;} @media (min-width:992px) { .D_products_group_molddetail .sub_menu-trip .sub_inside{margin-top: 1rem;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;} .D_products_group_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu ul > li.share-fixed-btn > ul > li > a{display: flex; justify-content: center; align-items: center;} .D_products_group_molddetail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 0px;} .D_products_group_molddetail .sub_menu-trip .trip_menu i{display: none;} .D_products_group_molddetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;} .D_products_group_molddetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;} .D_products_group_molddetail .sub_menu-trip .trip_menu li a{line-height: 1;} .D_products_group_molddetail .sub_menu-trip .trip_menu li a span{font-size: 14px;} .D_products_group_molddetail .web_sidebar .side_box{bottom: 60px;} .D_products_group_molddetail .web_sidebar .side_bar{/*width: 50px;*/padding: 8px 0;} .D_products_group_molddetail .web_sidebar .side_bar li{/*padding: 11px;*//*height: 40px;*/} .D_products_group_molddetail .web_sidebar .side_bar li a i{font-size: 24px;} .D_products_group_molddetail .web_sidebar .side_bar li a img{width: 24px;} .D_products_group_molddetail .web_sidebar .actGotop{bottom: 15px;width: 50px;height: 50px;} .D_products_group_molddetail .web_sidebar .actGotop a:link{width: 50px;height: 50px;} .D_products_group_molddetail .web_sidebar .actGotop a i{width: 50px; line-height: 30px;} .D_products_group_molddetail #day_menu .list-group.Fixed_Date_Bar{/*top: 170px !important;*/margin-top: -12px;} .D_products_group_molddetail .MGO .Detail.DepartureDate .SearchTable .table .TourPrice, .D_products_group_molddetail .MPGO .Detail.DepartureDate .SearchTable .table .TourPrice{ flex: 0 0 120px !important; padding: 10px 5px; } .D_products_group_molddetail .MGO .Detail.DepartureDate .SearchTable .table .ItineraryName, .D_products_group_molddetail .MPGO .Detail.DepartureDate .SearchTable .table .ItineraryName{flex: calc(30% - 120px) !important;} } @media (max-width:1600px) { .D_products_group_molddetail .DetailContainer {flex: 0 0 100%;max-width: 100%;} } @media (max-width:991px) { .D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone h3{/*padding-left: 70px !important;*/min-height:80px;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable .table th:first-child{background: #f0f0f0;} .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link span::before, .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active span::before, .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover span::before, .D_products_group_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover span::before { color: #fff; } } @media (max-width:767px) { .MPGO .PriceType.LowestPrice ul, .MGO .PriceType.LowestPrice ul, .MPGDT .PriceType.LowestPrice ul, .MGDT .PriceType.LowestPrice ul{ flex-wrap: wrap; } .D_products_group_molddetail .DetailContainer{margin-top: 5.5rem;} .D_products_group_molddetail .Detail .breadcrumb{display: flex;} .D_products_group_molddetail #day_menu .list-group.Fixed_Date_Bar { top: 115px !important;} .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat, .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat{ padding-left: 10px; padding-right: 10px; padding-top: 35px; min-width: 55px; max-width: 55px; } .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat::before, .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat::before{ left: calc(50% - 16px); top: 12px; } .D_products_group_molddetail .Detail.DepartureDate .SearchTable .TotalSeat + .AvailableSeat + .TourPrice + .SaleSituation{flex: 0 0 100px; max-width: 100px;} } /*自由行個團*/ .D_products_domestic_pdetail .TripNote ol, .D_products_domestic_pdetail .TripNote ul{list-style: initial; padding-left: 25px;} .D_products_domestic_pdetail .TripBasic .ImgBox .carousel-item{aspect-ratio: 3 / 2; display: block;} @media (min-width:992px) { .D_products_domestic_pdetail .TripBasic .ImgBox .carousel-item{max-height: 350px;} } .D_products_domestic_pdetail .TripBasic .ImgBox .carousel-item img{object-position: center center;} .D_products_domestic_pdetail .DetailContainer{margin-top: 8rem;margin-bottom: 3rem;word-break: break-all;} .D_products_domestic_pdetail .Detail.sub_menu-trip .trip_menu li a:hover span{color: #703093 ;} .D_products_domestic_pdetail .Detail .MainTitle::before{filter: hue-rotate(50deg);} .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link{border: 1px solid #703093 ; border-bottom-color: #703093 ;color: #703093 ;} .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link.active, .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover{background-color: #703093 ; color: white;} .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{background-color: #ffede7; color: #703093 ; border: 1px solid #ffede7;} .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{background-color: #703093 ; border: 1px solid #703093 ;color: #fff;} .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{color: #703093 ;} .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .table thead th{border-bottom: 1px solid #ccc;} .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable button, .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable a.btn{background: #703093 ; border-color: #703093 ;color: #fff;} .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .DateCenterLine{background-color: #703093 ;} .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover{color: #703093 ;} .D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border: 1px solid #ccc;} .D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div{} .D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div::after{} .D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #703093 ; color: #703093 ;background-color: #fff;display: none;} .D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #703093 ; color: white;} .D_products_domestic_pdetail .Detail.Traffic .Day{ color: #703093;} .D_products_domestic_pdetail .Detail .TripNoteBlock{background-color: #e2ebeb;} .D_products_domestic_pdetail .Detail .TripNoteBlock .NoteTitle h3{color: #703093;} .D_products_domestic_pdetail .Detail .TripNoteItems + .TripNoteItems::before{background: #ffede7;} .D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{display: none;} @media (min-width:992px) { .D_products_domestic_pdetail .sub_menu-trip .sub_inside{margin-top: -1rem;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;} .D_products_domestic_pdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;} .D_products_domestic_pdetail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 70px;} .D_products_domestic_pdetail .sub_menu-trip .trip_menu i{display: none;} .D_products_domestic_pdetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;} .D_products_domestic_pdetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;} .D_products_domestic_pdetail .sub_menu-trip .trip_menu li a{line-height: 1;} .D_products_domestic_pdetail .sub_menu-trip .trip_menu li a span{font-size: 14px;} .D_products_domestic_pdetail .web_sidebar .side_box{bottom: 65px;} .D_products_domestic_pdetail .web_sidebar .side_bar{/*width: 50px;*/padding: 8px 0;} .D_products_domestic_pdetail .web_sidebar .side_bar li{/*padding: 11px;height: 40px;*/} .D_products_domestic_pdetail .web_sidebar .side_bar li a i{font-size: 24px;} .D_products_domestic_pdetail .web_sidebar .side_bar li a img{width: 24px;} .D_products_domestic_pdetail .web_sidebar .actGotop{bottom: 15px;width: 55px;height: 55px;} .D_products_domestic_pdetail .web_sidebar .actGotop a:link{width: 55px;height: 55px;} .D_products_domestic_pdetail .web_sidebar .actGotop a i{width: 55px; line-height: 37px;} } @media (max-width:1600px) { .D_products_domestic_pdetail .DetailContainer {flex: 0 0 100%;max-width: 100%;} } @media (max-width:991px) { .D_products_domestic_pdetail .Detail.DayTrip .TripBlock.ImgNone h3{padding-left: 70px !important;min-height:80px;} } @media (max-width:767px) { .D_products_domestic_pdetail .DetailContainer{margin-top: 3rem;} .D_products_domestic_pdetail .Detail .breadcrumb{display: flex;} } section.group_table.trip_features, section.group_table.trip_airline, section.group_table.trip_day, section.group_table.trip_note, section.group_table.view_intro, section.group_table.tripdown{text-align: initial; word-break: break-all;} /*國內*/ body.D_products_domestic_gdetail{/*background: #f8f9f9;*/} .D_products_domestic_gdetail .TripNote ol, .D_products_domestic_gdetail .TripNote ul, .D_products_domestic_molddetail .TripNote ol, .D_products_domestic_molddetail .TripNote ul{list-style: initial; padding-left: 25px;} .D_products_domestic_molddetail .TripBasic .ImgBox .carousel-item, .D_products_domestic_gdetail .TripBasic .ImgBox .carousel-item{aspect-ratio: 3 / 2; display: block; } @media (min-width:992px) { .D_products_domestic_molddetail .TripBasic .ImgBox .carousel-item, .D_products_domestic_gdetail .TripBasic .ImgBox .carousel-item{max-height: 350px;} } .D_products_domestic_molddetail .TripBasic .ImgBox .carousel-item img, .D_products_domestic_gdetail .TripBasic .ImgBox .carousel-item img{object-position: center center;} .D_products_domestic_gdetail .DetailContainer, .D_products_domestic_molddetail .DetailContainer{margin-top: 9rem;margin-bottom: 3rem;} .D_products_domestic_gdetail .GDT .DetailContainer > .Detail ol.breadcrumb{background: none !important;} .D_products_domestic_gdetail .GDT .DetailContainer .BasicBox .TripBasic .InfoBox .PriceBlock{background: #fff;} .D_products_domestic_gdetail .GDT .DetailContainer .TripFeature img{height: auto !important; display: block; margin: auto;} .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a:hover span, .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{color: #703093 ;} .D_products_domestic_gdetail .Detail .DateBlock .DateCenterLine{background-color: #703093 ;} .D_products_domestic_gdetail .Detail .DateBlock .SearchDate a{color: #703093 ;} .D_products_domestic_gdetail .Detail .DateBlock .SearchDate a:hover{color: #e47036;} .D_products_domestic_gdetail .Detail .TextPrimary, .D_products_domestic_molddetail .Detail .TextPrimary{/*color: #ffede7;*/} .D_products_domestic_gdetail .Detail .MainTitle::before, .D_products_domestic_molddetail .Detail .MainTitle::before{filter: hue-rotate(50deg);} .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link{border: 1px solid #703093 ; border-bottom-color: #703093 ;color: #703093 ;} .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link:hover, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active:hover{background-color: #703093 ; color: white;} .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button, .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button{background-color: #ffede7; color: #703093 ; border: 1px solid #ffede7;} .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover, .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button.active:hover, .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:hover:hover, .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-today-button:focus:hover{background-color: #703093 ; border: 1px solid #703093 ;color: #fff;} .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before{color: #703093 ;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .table thead th, .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .table thead th{border-bottom: 1px solid #ccc;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable button, .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable a.btn, .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable button, .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable a.btn{background: #703093 ; border-color: #703093 ;color: #fff;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .DateCenterLine, .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .DateCenterLine{background-color: #703093 ;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover, .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable tbody .TourName > a:hover{color: #703093 ;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before, .D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{border: 1px solid #ccc;} .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div, .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{background-color: #888888;} .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after, .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #888888;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn, .D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn{/*background-color: #ffede7; border: 1px solid #ffede7;*/} .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn:hover, .D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn:hover{/*background-color: #ffede7; border: 1px solid #ffede7;*/} .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn, .D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{/*border: 1px solid #ffede7; color: #ffede7;*/} .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover, .D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{/*background-color: #ffede7; color: white;*/} .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple, .D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn.Multiple{border: 1px solid #703093 ; color: #703093 ;background-color: #fff;display: none;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple:hover, .D_products_domestic_molddetail .Detail.DayTrip .DayTripBtn.Multiple:hover{background-color: #703093 ; color: white;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn, .D_products_domestic_molddetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn{display: none;} .D_products_domestic_gdetail .Detail.Traffic .Day, .D_products_domestic_molddetail .Detail.Traffic .Day{ color: #703093;} .D_products_domestic_gdetail .Detail .TripNoteBlock, .D_products_domestic_molddetail .Detail .TripNoteBlock{background-color: #e2ebeb;} .D_products_domestic_gdetail .Detail .TripNoteBlock .NoteTitle h3, .D_products_domestic_molddetail .Detail .TripNoteBlock .NoteTitle h3{color: #703093;} .D_products_domestic_gdetail .Detail .TripNoteItems + .TripNoteItems::before, .D_products_domestic_molddetail .Detail .TripNoteItems + .TripNoteItems::before{background: #ffede7;} @media (min-width:992px) { .D_products_domestic_gdetail .sub_menu-trip .sub_inside, .D_products_domestic_molddetail .sub_menu-trip .sub_inside{margin-top: -1rem;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul{margin-bottom: 10px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn{height: 50px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{height: 40px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn a{font-size: 16px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a{font-size: 16px;padding: 5px 16px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.download-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.share-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.query-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.favor-fixed-btn i{font-size: 17px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{font-size: 19px;} .D_products_domestic_gdetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i, .D_products_domestic_molddetail .sub_menu-trip .server_menu > ul > li.join-fixed-btn i{font-size: 20px;} .D_products_domestic_gdetail .sub_menu-trip .trip_menu, .D_products_domestic_molddetail .sub_menu-trip .trip_menu{width: 91px; margin-right: 0;margin-bottom: 70px;} .D_products_domestic_gdetail .sub_menu-trip .trip_menu i, .D_products_domestic_molddetail .sub_menu-trip .trip_menu i{display: none;} .D_products_domestic_gdetail .sub_menu-trip .trip_menu ul, .D_products_domestic_molddetail .sub_menu-trip .trip_menu ul{margin-bottom: 0;} .D_products_domestic_gdetail .sub_menu-trip .trip_menu li, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li{margin-bottom: 8px;} .D_products_domestic_gdetail .sub_menu-trip .trip_menu li a, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li a{line-height: 1;} .D_products_domestic_gdetail .sub_menu-trip .trip_menu li a span, .D_products_domestic_molddetail .sub_menu-trip .trip_menu li a span{font-size: 14px;} .D_products_domestic_gdetail .web_sidebar .side_box, .D_products_domestic_molddetail .web_sidebar .side_box{bottom: 65px;} .D_products_domestic_gdetail .web_sidebar .side_bar, .D_products_domestic_molddetail .web_sidebar .side_bar{/*width: 50px;*/padding: 8px 0;} .D_products_domestic_gdetail .web_sidebar .side_bar li, .D_products_domestic_molddetail .web_sidebar .side_bar li{/*padding: 11px;*/height: 40px;} .D_products_domestic_gdetail .web_sidebar .side_bar li a i, .D_products_domestic_molddetail .web_sidebar .side_bar li a i{font-size: 24px;} .D_products_domestic_gdetail .web_sidebar .side_bar li a img, .D_products_domestic_molddetail .web_sidebar .side_bar li a img{width: 24px;} .D_products_domestic_gdetail .web_sidebar .actGotop, .D_products_domestic_molddetail .web_sidebar .actGotop{bottom: 15px;width: 55px;height: 55px;} .D_products_domestic_gdetail .web_sidebar .actGotop a:link, .D_products_domestic_molddetail .web_sidebar .actGotop a:link{width: 55px;height: 55px;} .D_products_domestic_gdetail .web_sidebar .actGotop a i, .D_products_domestic_molddetail .web_sidebar .actGotop a i{width: 55px; line-height: 37px;} } @media (max-width:1600px) { .D_products_domestic_gdetail .DetailContainer, .D_products_domestic_molddetail .DetailContainer {flex: 0 0 100%;max-width: 100%;} } @media (max-width:991px) { .D_products_domestic_gdetail .GDT .DetailContainer .BasicBox .TripBasic .DateBlock {border: 1px solid #e7f2ff;} .D_products_domestic_gdetail .Detail.DayTrip .TripBlock.ImgNone h3, .D_products_domestic_molddetail .Detail.DayTrip .TripBlock.ImgNone h3{padding-left: 70px !important;min-height:80px;} } @media (max-width:575px) { .D_products_domestic_gdetail .DetailContainer{margin-top: 4rem;} .D_products_domestic_gdetail .Detail.DepartureDate .IconMean{top: 116px; right: 150px;} } .order_member_home, .general_home, .group_home{ background-color: #fcfcfc; } /*order*/ .group_home .header{background-color: rgba(1, 1, 1, 0.8);} .group_home .group_order_width{margin-top: 175px;margin-bottom: 50px;} .group_home.D_products_signup_list .download_contract{display: none !important;} @media (max-width:767px) { .group_home .group_order_width{margin-top: 140px;} } /*member*/ /*body.member_home, body.D_member_my_index, body.D_member_my_index .member_home{background: #fcfcfc;} .new_bg .header, .non_member .header, .member_home .header, .D_member_my_index .header{background-color: rgba(1, 1, 1, 0.8);} .non_member .top_nav ul, .new_bg .top_nav ul, .member_home .top_nav ul, .D_member_my_index .top_nav ul{padding: 0px 15px 2px 5px;} .new_bg .member-l_box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}*/ .member_home .signin_width{margin-top: 150px;margin-bottom: 100px;} .new_bg .width-460, .member_home .width-460{margin-top: 150px;margin-bottom: 100px;} .member_home .container.member_width{margin-top: 50px;} .member_home.D_member_my_favorites .FavoriteList-null img{margin: auto;} .member_home .member_width{margin-bottom: 50px;} @media (min-width:768px) and (max-width:991px) { .new_bg .width-460, .member_home .width-460, .member_home .signin_width{ margin-top: 80px; margin-bottom: 150px; } } @media (max-width:767px) { .new_bg .width-460, .member_home .signin_width, .member_home .width-460{margin-top: 50px; margin-bottom: 80px;} .member_home .container.member_width{ margin-top: 1rem; } } /*通用商品*/ body.D_commprod_product_list, body.D_commprod_buycart_index{background-color: #fcfcfc;} .D_commprod_product_list .header, .D_commprod_product_show .header{background-color: rgba(1, 1, 1, 0.8);} .D_commprod_product_list .top_nav ul{padding: 0px 15px 2px 5px;} .D_commprod_product_list .skin_block .item-price .total div, .D_commprod_product_list .skin_module .item-price .total div, .D_commprod_product_list .skin_list .item-price .total div{font-weight: bold;} .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 100px;margin-bottom: 50px;min-height: 45vh;} .D_commprod_product_list .skin_block .product-item:hover{border-color: #703093;box-shadow: none;} .D_commprod_product_list .skin_block .item-images img{width: 100%; object-fit: cover; object-position: center center; height: 100%; display: block;} .D_commprod_product_list .skin_module .product-item .item-images{aspect-ratio: 1 / 1; display: block; height: unset;} .D_commprod_product_list .skin_module .item-images img{object-fit: cover; object-position: center center; height: 100%;} .D_commprod_product_list .skin_module .item-images .area-tag{display: none;} .product-details .swiper-banner.swiper-container{/*margin-top:86px;*/display: none;} .product-details.product-detailsNew article{margin-top: 150px; margin-bottom: 3rem;} .general_home .general_order_width{margin-top: 180px;} @media (min-width:992px) { .D_commprod_product_show.product-details .SubInside{width: 100px;} .D_commprod_product_show.product-details .SubInside-menu-item > a{height: 40px;} .D_commprod_product_show.product-details .SubInside-menu-item.share-fixed-btn ul a{width: 40px;height: 40px;} .D_commprod_product_show.product-details .Trip-menu > i{display: none;} .D_commprod_product_show.product-details .Trip-menu{padding: 5px 10px;margin-bottom: 100px;} .D_commprod_product_show.product-details .Trip-menu .Trip-menu-box-item{padding-top: 5px;padding-bottom: 5px;} .D_commprod_product_show .Trip-menu .Trip-menu-box-item:nth-last-child(1){padding-top: 5px; padding-bottom: 5px;} .D_commprod_product_show.general_home .basic_message, .D_commprod_product_show.general_home .purchase_name{width: 60%;} .D_commprod_product_show .web_sidebar .side_box{bottom: 80px;} .D_commprod_product_show .web_sidebar .side_bar{/*width: 50px;*/padding: 8px 0;} .D_commprod_product_show .web_sidebar .side_bar li{/*padding: 11px;*/height: 40px;} .D_commprod_product_show .web_sidebar .side_bar li a i{font-size: 24px;} .D_commprod_product_show .web_sidebar .side_bar li a img{width: 24px;} .D_commprod_product_show .web_sidebar .actGotop{bottom: 15px;width: 55px;height: 55px;} .D_commprod_product_show .web_sidebar .actGotop a:link{width: 55px;height: 55px;} .D_commprod_product_show .web_sidebar .actGotop a i{width: 55px; line-height: 37px;} } @media (max-width:767px) { .D_commprod_product_list .search-box .search_listArea > label{display: none;} .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 50px;margin-bottom: 30px;} .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container .pagination-container .pagination{justify-content: center !important;} .product-details .swiper-banner.swiper-container {margin-top: 65px;} .product-details.D_commprod_product_show{padding-bottom: 40px;} .product-details.product-detailsNew article{margin-top: 80px;} .general_home .general_order_width {margin-top: 100px;} .basic_message, .purchase_name{padding-right: 15px;} .D_commprod_buycart_index .unit_price, .D_commprod_buycart_index .purchase_unit_price{width: 100%; padding: 15px 15px 5px; font-size: 14px; text-align: left !important;} .D_commprod_buycart_index .quantity, .D_commprod_buycart_index .purchase_quantity{width: 100%; padding: 0 15px; text-align: left !important;} .D_commprod_buycart_index .subtotal, .D_commprod_buycart_index .purchase_subtotal { width: 80%; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; text-align: left !important;} .D_commprod_buycart_index .delete_btn, .D_commprod_buycart_index .purchase_delete_btn {width: 20%; padding-right: 10px; } .D_commprod_buycart_index .delete_btn::before, .D_commprod_buycart_index .purchase_delete_btn::before{float: left;} .D_commprod_buycart_index .basic_message, .D_commprod_buycart_index .purchase_name{width: 100%;} }