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; } /** lecointravel style */ /* 共用 */ .d_none_important,.le_hide{ display: none !important;} /*上下標*/ .le_header .header-part .navbar-brand{ height: 65px; padding: 0 10px;} .le_header .module .header-part{background-color:rgb(214 228 236 / 60%);padding: 0 30px;} .header.gizle .module .header-part{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} .header.gizle.sabit .module .header-part{ backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);} .le_header .header-part .navbar-nav .nav-link{ height: 100%; font-size: 19px; text-align: center; padding: 18px 16px; line-height: 28px; color: #406982;} .le_header .header-part .navbar-nav .nav-link h2{ font-size: 15px; letter-spacing: 1px; font-weight: 400;} .le_header .header-part .navbar-nav li a.nav-link:hover{background:#366784 !important; color: #ffffff;} .le_header .header-part .navbar-nav li a.nav-link>i{ display: block;} .le_header .header-part .navbar-toggler-icon { background-image: url(https://materials.fillo.com.tw/materials/lecointravel/images/2a90e31b-703e-46f0-a407-dc353410dd36.svg); } .le_header .module .header-part .navbar-collapse .navbar-nav .dropdown.show{background:#366784;} .le_header .header-part .dropdown.show a:hover { background-color: #afcfdf; } .le_header .module .header-part .dropdown-menu.show{background: rgba(255, 255, 255, 0.8) !important;} .le_header .module .header-part .navbar-collapse .navbar-nav .dropdown.show .dropdown-menu.show a{font-size: 16px;padding: .25rem 1.25rem;border-bottom: 1px solid #fff;} .le_header .header-part .navbar-nav li a.nav-link .showName{ align-items: center; padding: 0;} .le_header .header-part .navbar-nav li a.nav-link .showName .member-name { border-bottom: 1px solid #afcfdf; } .le_header .header-part .navbar-nav li a.nav-link .showName .SignOut { background: #afcfdf; color: #406982; } .le_header .header-part .navbar-nav li a.nav-link .showName .SignOut:hover { background: #ffffff; } /* 加上購物車 */ .le_header .header-part .navbar-nav li:last-child .nav-link { padding: 18px 0; } .le_header .header-part .navbar-nav li:last-child .top-cart { padding: 10px 15px; font-size: 16px; display: block;} .le_header .header-part .navbar-nav li:last-child a.nav-link:hover { background-color: transparent !important; color: #406982; } .le_header .top-cart:hover .top-cart-down { left: initial; transform: initial; right: 0; } .le_header .top-cart .top-cart-down::before,.le_header .top-cart .top-cart-down::after{ left: calc(100% - 35px);} .widget-item .top-cart .has_product .shoppingcart-btn,.widget-item .top-cart .has_product .shoppingcart-btn:hover{ background:#366784 } /*首頁*/ .anchor_point { opacity: 0; font-size: 0; margin-top: -50px; } .main_top_banner{position: absolute; bottom: 0; left: 0;} .idx_conpanyInfo{padding: 50px 0;} .idx_conpanyInfo .contact_btn { margin: 40px auto 0; display: table;} .idx_conpanyInfo .contact_btn a { background: #406982; padding: 8px; color: #ffffff; text-decoration: none; letter-spacing: 1px; font-size: 18px; width: 180px; display: block; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .idx_conpanyInfo .contact_btn a:hover{ background: #172A36;} .idx_conpanyInfo .module-container .main{margin:0 !important;} .idx_conpanyInfo .module-container .main > div:nth-last-child(1){display: flex; flex-wrap: wrap; justify-content: center;} .idx_conpanyInfo .module-container .main .abc1{width: 18%;text-align: center; position: relative;} .idx_conpanyInfo .module-container .main .abc1 h4{margin-bottom: 3.5rem;} .idx_conpanyInfo .module-container .main .abc1 h1{margin: 0px;} .idx_conpanyInfo .module-container .main .abc1 .plus{line-height: 15px;} .idx_conpanyInfo .module-container .main .abc1::after{content: '';width: 180px;height: 180px;display: block;border-radius: 150px;border: 1px dashed #fff; position: absolute; bottom: -2.8rem; left: calc(50% - 90px);} .idx_conpanyInfo article{ padding: 0 30px; font-size: 18px; letter-spacing: 1px;} .top_txt{position: absolute; right: 0; top: 0; z-index: 2; height: 100%; width: 100%;} .top_txt article { position: absolute; right: 8.33333%; top:42%; } .top_txt article h1{ text-align: right; font-family: 'Book Antiqua', 'Palatino Linotype',Palatino, serif !important; margin-bottom: 20px; text-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.3);} .top_txt article h2{ text-align: right; font-family: "Noto Serif TC", serif !important; letter-spacing: 1px; margin-bottom: 20px; text-shadow: 2.7px 1.4px 7px rgba(0, 0, 0, 0.3); } .top_txt article p{ text-align: right;} .top_search{position: absolute; right: 7.5%; bottom: 22rem; z-index: 3;} .top_search .search-area .search-box .select-keywords{background: none;height:auto; position: relative; padding: 0; display: inline-block;width: 100%;} .top_search .search-area .search-box .select-keywords .title{display: table; position: absolute; bottom: 0; left: 10px;} .top_search .search-area .search-box .select-keywords .title h6{display:none;} .top_search .search-area .search-box .select-keywords .select input{display: inline-block; width: calc(100%); line-height: 30px; height: 40px;padding: 5px 5px 5px 35px;border: 1px solid #ffffff; background: rgba(255, 255, 255, 0.7); outline: none;box-shadow: none;} .top_search .search-area .search-box .search-btn{height: 41px;line-height: 41px; background: #863066; box-shadow: none; outline: none;} .top_search .search-area .search-box .search-btn h5{display:none;} .top_search .search-area .search-box .search-btn::before{content: 'GO';letter-spacing: 1px;} .top_search .search-area .search-box .select-keywords .title i{color:#863066;} .top_search_new{ position: absolute; right: 0; top: 0; z-index: 2; height: 100%; width: 100%; } .top_search_new section.group_banner.search_banner { position: absolute; width: 640px; right: 22.4%; top:calc(42% + 200px);} .top_search_new .group_banner.search_banner .search-area > .container{ background-color: transparent; border: 0;} .top_search_new .group_banner.search_banner .search-area{ min-height: 40px;} .top_search_new section.group_banner .search-area .search-box { height: 40px; margin: 0;} .top_search_new section.group_banner .search-area .search-box .select-date > input, .top_search_new section.group_banner .search-area .search-box .select-input > input { width: 100%; height: 40px; font-size: 16px; padding-left: 30px;} .top_search_new section.group_banner .search-area .search-box .search-btn{ height: 40px; line-height: 40px; background: #406982; outline: none;} .top_search_new section.group_banner .search-area .search-box>div { padding: 0 !important; } .top_search_new section.group_banner .search-area .search-box>div:first-child { flex: 0 0 35%; max-width: 35%; } .top_search_new section.group_banner .search-area .search-box .select-place .select select{ background-color: #ffffff; color: #333333;} .top_search_new section.group_banner .search-area .search-box .select-place .title{ display: none;} .top_search_new section.group_banner .search-area .search-box .select-place { height: 40px; padding: 5px 8px; margin-bottom: 0;border-right: 1px solid #406882;} .top_search_new section.group_banner .search-area .search-box>div:nth-last-child(3) { flex: 0 0 45%; max-width: 45%; } .top_search_new section.search_banner .search-area .search-box .select-input .data-icon-search { top: calc(10px); left:5px; color: #406982; } .top_search_new .search-area .search-box .search-btn h5{ width: auto; padding-left: 5px; font-size: 15px;} .top_search_new .search-area .search-box .search-btn:hover i { transform: initial; } .idx_title .module-container .main > div:nth-child(2){display: table; margin: 0 auto; position: relative;z-index: 0;} .idx_about_blcok{ max-width:1024px; margin: 0 auto; padding-top: 50px; padding-bottom: 100px;} .idx_about_blcok .header-title.dp-tbl { width: auto; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; position: absolute; font-size: 26px; letter-spacing: 3px; color: #333333; padding-top: 70px; padding-right: 13px;} .idx_about_blcok .header-title.dp-tbl::before { content: ""; background: #333333; width: 1px; height: 100%; position: absolute; right: 0; top: 0; } .idx_about{ padding-left: 120px; padding-top: 52px; margin-bottom: 10px;} .idx_about h2 { line-height: 80px; letter-spacing: 2px; font-size: 40px; } .idx_about_item{ padding-left: 120px;} .idx_about_item section.marquee { padding: 0; } .idx_about_item div.message-list{ background-color: #ffffff;} .idx_about_item div.message-list ul li a{ color: #406982; font-size: 40px; letter-spacing: 2px; cursor: default; padding: 0; line-height: 42px; } .idx_about_b{ margin-top: 30px; padding-left: 120px;} .idx_about_b p { font-size: 18px; line-height: 32px; text-align: justify;} .idx_route_block{ padding-top: 70px; margin: 0 auto; -ms-flex: 0 0 91%; flex: 0 0 91%; max-width: initial;} .idx_story .mix-wrapper{position: relative;z-index: 0;} .idx_story .mix-wrapper .editor-content{display: flex;flex-wrap: wrap;align-content: center; line-height: 32px; padding-left: 50px;} .idx_sliderbox .swiper-container{ padding: 0 56px; margin-top: 20px;} .idx_sliderbox a.swiper-slide-style{background: none;box-shadow: none; border-radius: 0px; } .idx_sliderbox a.swiper-slide-style figure{ margin-top: 0; transition: 1s; overflow: hidden;} .idx_sliderbox a.swiper-slide-active figure{ margin-top: 64px; margin-bottom: -64px;} .idx_sliderbox a.swiper-slide-style figure.swiper-img::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 30%)); width: 100%; height: 110px; left: 0; z-index: 1; } /* .idx_sliderbox a.swiper-slide .swiper-title{ position: absolute; font-family: 'Palatino',"Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; font-style: italic; z-index: 2; left: 50%; top: 50px; transform: translate(-50%, 0); transition: 1s; background:transparent; width: 100%; font-size:28px; text-align:center; color: #fff; padding:0 15px; line-height: 32px;} */ /* .idx_sliderbox a.swiper-slide-active .swiper-title{ top: 120px;} */ .idx_sliderbox a.swiper-slide .swiper-title{ font-family: 'Palatino', "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; z-index: 2; width: 100%; background: transparent; font-size: 1.2rem; text-align: center; color: #406982; padding: 15px 0; line-height: 32px; margin-top: 0; margin-bottom: 0; transition: 1s; } .idx_sliderbox a.swiper-slide .swiper-img img{border-radius:0; aspect-ratio: 3/4.5; object-fit: cover; object-position: center center; -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s;} .idx_sliderbox a.swiper-slide:hover .swiper-img img{ -webkot-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: 0.5s;} .idx_sliderbox .swiper-slide .swiper-content{-webkit-line-clamp: 5; padding: 0 15px 25px; text-align: center; margin-top: 0; transition: 1s; } .idx_sliderbox a.swiper-slide-active h3.swiper-title { margin-top: 79px; } .idx_sliderbox a.swiper-slide-active .swiper-content{ margin-top:0; margin-bottom: -79px;} .idx_sliderbox .swiper-slide .swiper-content button{ display: table; margin: 20px auto 0; border:0; outline: none; background-color: #f4f4f4; font-size: 16px; padding: 8px 42px; color: #406982; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .idx_sliderbox .swiper-slide:hover .swiper-content button{ background-color: #406982; color: #ffffff;;} .idx_sliderbox .swiper-button-prev, .idx_sliderbox .swiper-button-next{ font-size: 0; background: #ffffff; width: 50px; height: 50px; opacity: 1; border-radius: 50%; border: 1px solid #406982; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .idx_sliderbox .swiper-button-prev:hover, .idx_sliderbox .swiper-button-next:hover{background: #afcfdf; border: 1px solid #afcfdf;} .idx_sliderbox .swiper-button-prev,.idx_sliderbox .swiper-container-rtl .swiper-button-next{ left: 0;} .idx_sliderbox .swiper-button-next,.idx_sliderbox .swiper-container-rtl .swiper-button-prev{right: 0;} .idx_sliderbox .swiper-button-next:after, .idx_sliderbox .swiper-container-rtl .swiper-button-prev:after, .idx_sliderbox .swiper-button-prev:after, .idx_sliderbox .swiper-container-rtl .swiper-button-next:after{ padding: 0; background: transparent; background-image: url(https://lecointravel.com/material-alias/angle-left.svg); width: 50px; height: 50px; background-size: 10px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0;} .idx_sliderbox .swiper-button-next:after {transform: scaleX(-1);} .idx_slidertit{ position: absolute; top: 15px; background: #ffffff; z-index: 0; align-items: flex-start; display: flex !important; flex-wrap: wrap; justify-content: center; margin-top: 16px;} .idx_slidertit .module-container .main article{ text-align: center;} .idx_slidertit .module-container .main h1 { margin-bottom: 14px; font-size: 24px; letter-spacing: 2px; font-weight: 600;} .idx_slidertit .module-container .main p, .idx_slidertit .module-container .main span{ line-height: 32px; font-size: 26px; letter-spacing: 2px; font-weight: 600;} .idx_photobox .module-container .main .wall-wrapper{background: none; padding: 30px 0 0;} .idx_photobox .module-container .main .wall-wrapper .wall-row > div{padding: 0 15px !important;} .idx_photobox .module-container .main .wall-wrapper .wall-row > div:nth-child(odd){position: relative;bottom: 30px;} .idx_partner{ max-width: 1440px; margin: 0 auto 50px;} .idx_partner .function-row .row-content>li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 10px; margin-bottom: 0;} .idx_partner .header-title { margin-bottom: 40px; font-size: 26px; letter-spacing: 2px; color: #333333; text-align: center; } .idx_partner .function-row li a h3{ display: none;} .idx_partner .function-row li a {position: relative; display: block; border-radius: 0; padding: 100% 0 0 0; width: 100%; border: 1px solid #afcfdf; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .idx_partner .function-row li a:hover{border: 1px solid #406982; } .idx_partner .function-row li a img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .footer_info .footer-sample .contact-us-part .contact-title, .footer_info .footer-sample .service-item-part .service-title{ color:#406982 !important;} .footer_info .footer-sample .contact-us-part .contact-use-row i { color: #afcfdf; width: 16px; text-align: center;vertical-align: text-bottom; } .footer_info .footer-sample span,.footer_info .footer-sample a,.footer_info .footer-sample a:visited{ font-size: 15px; letter-spacing: 0.2px; color: #58595B !important;} .footer_info .footer-sample .powered { font-size: 14px; font-weight: 400; } @media (min-width:992px){ .le_header .module .header-part{min-height: 90px;} } @media (max-width:1440px){ .idx_route_block {max-width: 90%; } .idx_sliderbox .swiper-container{ padding: 0 54px;} .idx_partner { max-width:90%; } } @media (min-width:992px) and (max-width:1600px){ .top_txt article{ right: 45px;} .top_search_new section.group_banner.search_banner{ right: 30px; width: 620px;} } @media (max-width:1344px){ .header .header-part .navbar-brand{margin:0;} .header .module .header-part{padding: 0 10px;} .header .header-part .navbar-nav .nav-link{padding: 1rem 1rem .5rem;} .footer_info { flex: 0 0 90%; max-width: 90%; } } @media (min-width:992px) and (max-width:1344px){ .top_txt article{ top: 30%;} .top_search_new section.group_banner.search_banner { top: calc(30% + 200px); } } @media (max-width:1265px){ .idx_conpanyInfo .module-container .main .abc1 h1 span{font-size: 48px !important;} .idx_conpanyInfo .module-container .main .abc1 div.plus span{font-size: 32px !important;} } @media (max-width:1199px){ .idx_about_blcok{ max-width: 85%;} } @media (max-width:1173px){ .header .module .header-part{padding: 0px;} .header .header-part .navbar-nav .nav-link{font-size: 17px; padding: 1rem 0.5rem 0.5rem;} .le_header .header-part .navbar-nav .nav-link h2{ font-size: 14px; letter-spacing: 0px; font-weight: 400;} .idx_conpanyInfo .module-container .main .abc1::after{width: 140px; height: 140px;bottom: -2rem;left: calc(50% - 70px);} .footer_info { flex: 0 0 100%; max-width: 100%; } } @media (max-width:1023px){ .idx_sliderbox .swiper-container{ padding: 0 20px; } /* .idx_sliderbox a.swiper-slide .swiper-title{ font-size: 22px;} */ } @media (max-width:991px){ .idx_conpanyInfo .module-container .main .abc1 { width: 21%;} .header .header-part .navbar-brand{ padding: 10px;} .header .header-part .navbar-toggler{background-color: rgb(17, 17, 17, 0%);margin-right: 15px;border-color:#366784;} .header .header-part .navbar-collapse{background: rgba(255, 255, 255, 0.8);padding: 20px;height:auto; overflow: auto;} .header .header-part .navbar-collapse ul.navbar-nav{display:inline-block;width:100%;} .header .header-part .navbar-nav .nav-link{color: #111 !important;padding: .5rem;} .header .header-part .navbar-nav li a.nav-link:hover{color: #fff !important;} .le_header .header-part .navbar-nav li a.nav-link .showName{ justify-content: center; padding-top: 10px;} .le_header .header-part .navbar-nav li:last-child .nav-link{ padding: 8px 0;} .top_txt article { right: 0; top:38%; padding: 0 30px; width: 100%; } .top_txt article h1{ text-align: center; font-size: 50px !important; margin-bottom: 10px;} .top_txt article h2 { font-size: 30px !important; text-align: center; margin-bottom: 20px; } .top_txt .module-container .main p{text-align:center;} .top_search{right: 0;left: 0;} .top_search_new section.group_banner.search_banner { right: initial; top: 58%; left: 50%; transform: translate(-50%, 0);} /* .idx_story .mix-wrapper::after{width: 70%;height: 100%;left: 15%;top: 10%;} */ .idx_slidertit{ margin-top: 0px;} .idx_slidertit > .module-container{margin: 0 auto;} .idx_slidertit .module-container .main p, .idx_slidertit .module-container .main span{ text-align: center;} .idx_photobox .module-container .main .wall-wrapper .wall-row > div{margin: 15px 0;} .idx_photobox .module-container .main .wall-wrapper .wall-row > div:nth-child(odd){bottom:0;} .top_search .search-area .search-box > div:nth-last-child(1){max-width: 100px; flex: 0 0 100px;} .top_search .search-area .search-box > div:nth-last-child(2){max-width: calc(100% - 100px); flex: 0 0 calc(100% - 100px);} .idx_about h2{ font-size: 30px; line-height: 50px;} .idx_about_item div.message-list ul li a{ font-size: 30px;} .idx_about_b p { font-size: 16px; line-height: 30px; } } @media (max-width:767px){ .top_wrapper { position: relative; } .top_wrapper section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-img{ background-attachment:initial;} .top_txt .module-container .main p{ font-size: 15px !important;} .top_search{bottom: unset; top: 7rem;} .top_search_new section.group_banner.search_banner { width: 90%;} .top_search_new .group_banner.search_banner .search-area > .container { max-width: 100%; padding: 0 10px; } .top_search_new section.group_banner .search-area .search-box>div:nth-last-child(3) { flex: 0 0 50%; max-width:50%; } .top_search_new .search-area .search-box .search-btn i{ display: none;} .main_top_bg .module-container .bgfixed{ height: calc(100vh - 130px) !important; min-height: initial !important;} .idx_title h1 { font-size: 30px !important; line-height: 30px !important; } .idx_story{ margin-bottom: 20px !important; } .idx_story .mix-wrapper .editor-content{ padding: 0 20px; justify-content: center;} .idx_story .mix-wrapper .editor-content span, .idx_story .mix-wrapper .editor-content p { text-align: center; font-size: 16px !important; line-height: 32px; } .idx_slidertit{ text-align: center;} .idx_conpanyInfo .module-container .main .abc1::after{width: 100px; height: 100px; bottom: -1.5rem; left: calc(50% - 45px);} .idx_conpanyInfo .module-container .main .abc1 h4 { margin-bottom: 2.5rem;} .idx_conpanyInfo .module-container .main .abc1 { width: 25%; padding: 0 10px;} .idx_conpanyInfo article { font-size: 16px; line-height: 30px !important; letter-spacing: 0.3px; padding: 0 20px;} .idx_conpanyInfo .contact_btn a{ font-size: 16px;} .idx_conpanyInfo{padding:0 0 30px;} .idx_conpanyInfo .module-container .main .abc1{padding: 10px;} .idx_conpanyInfo .module-container .main .abc1 h4 span{font-size:1.05rem;} .idx_conpanyInfo .module-container .main .abc1 h1{margin-right: 5px; line-height: 20px;} .idx_conpanyInfo .module-container .main .abc1 h1 span{font-size: 25px !important;} .idx_conpanyInfo .module-container .main .abc1 div.plus span { font-size: 20px !important;} .idx_title .module-container .main > div:nth-child(2) p::after{right:0;} .idx_title .module-container .main > div:nth-child(2) span{font-size:48px !important;} .idx_sliderbox .swiper-container{ padding: 0 10px; margin-top:10px ; } .footer_info .footer-sample>div { flex: 0 0 100%; max-width: 100%; } .footer_info .footer-sample .logo-part .logo{ text-align: center;} .footer_info .footer-sample .contact-us-part .contact-title{ text-align: center; margin-bottom: 30px;} .idx_partner .header-title{ margin-bottom: 30px;} .idx_partner .function-row .row-content>li { padding: 5px; flex: 0 0 50%; max-width: 50%;} .idx_about_b p { font-size: 16px; line-height: 30px; text-align: justify; } .idx_about{ padding-left: 90px; margin-bottom: 0;} .idx_about h2 { font-size: 25px; line-height: 40px; } .idx_about_item { padding-left: 90px; } .idx_about_item div.message-list ul li a{ font-size: 25px;} .idx_about_b { margin-top: 20px; padding-left: 90px; } } @media(max-width:575px){ .top_txt article{ top: 42%;} .top_txt article h1 { font-size: 30px !important; line-height: 40px !important; } .top_txt article h2{ font-size: 26px !important;} .top_search_new .group_banner.search_banner .search-area > .container { padding: 0; } .top_search_new .mic_icon i { padding: 5px 15px 3px;} .top_txt article { width: 100%; padding: 0 20px; } .top_search_new section.group_banner .search-area .search-box>div:first-child, .top_search_new section.group_banner .search-area .search-box>div:nth-last-child(3){ flex: 0 0 100%; max-width: 100%;} .top_search_new section.group_banner .search-area .search-box .select-place{ border-right: 0; border-bottom: 1px solid #406882; } } @media (max-width:398px){ .idx_conpanyInfo{padding:0.5rem 0 0;} .idx_conpanyInfo .module-container .main .abc1{width: 50%;padding: 5px 1rem 5px 2rem;} } /* 首頁名廚系列 */ .idx_chef_block{ padding-top: 90px;} .idx_chef_block>.module-container>.row { padding-bottom: 70px; } .idx_chef_block>.module-container>.row>.header-title.dp-tbl { margin-bottom: 40px; margin-top: 45px; font-size: 26px; letter-spacing: 2px; color: #333333; text-align: center; } .idx_chef { margin: 0 auto; -ms-flex: 0 0 91%; flex: 0 0 91%; max-width: initial; } .idx_chef .swiper-container{ background: #ffffff; box-shadow: 0px 12px 19.7px 1.3px rgba(0, 0, 0, 0.14); } .idx_chef .swiper-slide-style{ margin-top: 40px; margin-bottom: 30px; background: transparent; box-shadow: none;} .idx_chef .swiper-slide-style figure{ overflow: hidden;} .idx_chef .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio: 5 / 4.9; object-fit: cover; object-position: center center; -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s;} .idx_chef .swiper-slide:hover .swiper-img img{ -webkot-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: 0.5s;} .idx_chef .swiper-slide .swiper-title { padding: 10px 0 5px; text-align: center; font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif !important; font-size: 24px; color: #545454;} .idx_chef .swiper-slide .swiper-content { -webkit-line-clamp: 3; color: #333333; font-size: 18px; margin-bottom: 0; padding: 0; text-align: center; } .idx_chef .swiper-slide .swiper-content button { position: relative; width: 132px; text-align: left; display: table; margin: 22px auto 0; border: 0; background-color: #dce2e6; font-size: 16px; padding:10px 10px 8px 26px; color: #406982; border-radius: 25px; outline: none; font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .idx_chef .swiper-slide .swiper-content button::after { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/lecointravel/images/195146ed-006f-4d70-b081-1f7b78678485.svg) no-repeat center; width: 26px; height: 22px; right: 20px; top: 9px; } .idx_chef .swiper-button-prev, .idx_chef .swiper-button-next{ font-size: 0; background: #ffffff; width: 50px; height: 50px; opacity: 1; border-radius: 50%; border: 1px solid #406982; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .idx_chef .swiper-button-prev:hover, .idx_chef .swiper-button-next:hover{background: #afcfdf; border: 1px solid #afcfdf;} .idx_chef .swiper-button-prev,.idx_chef .swiper-container-rtl .swiper-button-next{ left: 0;} .idx_chef .swiper-button-next,.idx_chef .swiper-container-rtl .swiper-button-prev{right: 0;} .idx_chef .swiper-button-next:after, .idx_chef .swiper-container-rtl .swiper-button-prev:after, .idx_chef .swiper-button-prev:after, .idx_chef .swiper-container-rtl .swiper-button-next:after{ padding: 0; background: transparent; background-image: url(https://lecointravel.com/material-alias/angle-left.svg); width: 50px; height: 50px; background-size: 10px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0;} .idx_chef .swiper-button-next:after {transform:scaleX(-1);} @media (max-width:767px){ .idx_chef .swiper-slide .swiper-title{ font-size: 20px;} .idx_chef .swiper-slide .swiper-content{ font-size: 15px;} .idx_chef .swiper-slide .swiper-content button{ font-size: 15px;} } /* 首頁一百種理想生活 */ .idx_ideal{margin-top: 70px;} .idx_ideal>.module-container>.main { padding-left: 90px;} .idx_ideal>.module-container>.main .header-title { font-size: 26px; letter-spacing: 2px; color: #333333; position: absolute; width: 320px; padding-top: 8px; padding-left: 100px; left: 90px; top: 0; } .idx_ideal .swiper-container{ padding: 108px 0 0;} .idx_ideal .swiper-container::before { content: ""; position: absolute; width: calc(100% - 780px); height: 1px; background: #333333; top: 25px; left: 330px; } .idx_ideal .swiper-slide-style{ background: transparent; box-shadow: none; margin-top: 0; margin-bottom: 0;} .idx_ideal .swiper-slide-style figure{ position: relative; overflow: hidden; margin-bottom: 20px;} .idx_ideal .swiper-slide-style figure::before{ content: ""; background: #406882; width: 100px; height: 100px; position: absolute; border-radius: 50%; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: 0.5s;} .idx_ideal .swiper-slide-style:hover figure::before{ opacity: 0.9;} .idx_ideal .swiper-slide-style figure::after { content: "More"; width: 100px; height: 100px; position: absolute; border-radius: 50%; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; color: #ffffff; display: flex; align-items: center; justify-content: center; letter-spacing: 1px; font-weight: 300; transition: 0.5s; } .idx_ideal .swiper-slide-style:hover figure::after{ opacity: 0.7;} .idx_ideal .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio:4.05 / 5; object-fit: cover; object-position: center center; ; transition: 2s; -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .idx_ideal .swiper-slide:hover .swiper-img img{ -webkot-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); transition: 2s;} .idx_ideal .swiper-slide .swiper-content{ margin: 0; padding: 0; position:relative; -webkit-line-clamp: initial; overflow: inherit;} /* .idx_ideal .swiper-slide .swiper-content h4 { position: absolute; bottom: calc(100% + 20px); right: 0; writing-mode: vertical-lr !important; font-size: 18px; margin: 0; padding: 10px; width: 33px; height: auto; display: table; white-space: nowrap; background: #dce2e6; color: #406882; } */ .idx_ideal .swiper-slide h3{ color: #406882; text-align: left; font-size: 20px; letter-spacing: 1.5px; margin-bottom: 15px; padding: 0; } .idx_ideal .swiper-slide .swiper-content{ color: #333333; font-size: 16px; margin-bottom: 0;} .idx_ideal .swiper-button-prev, .idx_ideal .swiper-button-next{ font-size: 0; background: #ffffff; top: 25px; width: 50px; height: 50px; opacity: 1; border-radius: 50%; border: 1px solid #406982; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .idx_ideal .swiper-button-prev:hover, .idx_ideal .swiper-button-next:hover{background: #afcfdf; border: 1px solid #afcfdf;} .idx_ideal .swiper-button-prev{ left: initial; right: 340px;} .idx_ideal .swiper-button-next{right: 260px;} .idx_ideal .swiper-button-next:after,.idx_ideal .swiper-button-prev:after{ padding: 0; background: transparent; background-image: url(https://lecointravel.com/material-alias/angle-left.svg); width: 50px; height: 50px; background-size: 10px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0;} .idx_ideal .swiper-button-next:after {transform:scaleX(-1);} .idx_ideal .swiper-button-prev.swiper-button-disabled, .idx_ideal .swiper-button-next.swiper-button-disabled { opacity: 0.4; } @media (max-width:1440px){ .idx_ideal>.module-container>.main .header-title{ padding-left: 0; width: 250px;} .idx_ideal .swiper-container::before { width: calc(100% - 520px); left: 260px; } .idx_ideal .swiper-button-next{ right: 80px;} .idx_ideal .swiper-button-prev{ right: 160px;} } @media (max-width:991px){ .idx_ideal .swiper-container::before { width: calc(100% - 410px); left: 230px; } .idx_ideal>.module-container>.main{padding-left: 40px;} .idx_ideal>.module-container>.main .header-title{ left: 40px; width: 230px;} .idx_ideal .swiper-button-next{ right: 30px;} .idx_ideal .swiper-button-prev{ right: 100px;} } @media (max-width:767px){ .idx_ideal { margin-top: 50px; } .idx_ideal>.module-container>.main{padding-left: 25px;} .idx_ideal>.module-container>.main .header-title{ left: 25px;} .idx_ideal .swiper-button-next{ right: 10px;} .idx_ideal .swiper-button-prev{ right: 70px;} /* .idx_ideal .swiper-slide .swiper-content h4 { font-size: 16px; } */ .idx_ideal .swiper-slide h3{ font-size: 20px; } .idx_ideal .swiper-slide .swiper-content{ font-size: 15px; } } /* new-footer */ .footer_block .footer-sample .logo-part img{ max-width: 210px; margin: 0 auto;} .le_footer .footer-wrap,.le_footer .footer-wrap .footer_center{ background:#f7f7f7; } .le_footer .footer-wrap .footer_center{ background: transparent; margin: 0 auto; padding-right: 0; padding-left: 0; padding-bottom: 10px; max-width: 1440px; } .le_footer .footer-wrap .icon_wrap{ padding: 0 10px 10px; } .le_footer .footer-wrap .footer_sbox,.le_footer .footer-wrap .fb-info{ display: none;} .le_footer .company-info{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .le_footer .footer-wrap .info_box a { -ms-flex: 0 0 80%; flex:0 0 80%; max-width: 80%; margin:0 auto; padding: 0; } .le_footer .footer-wrap .info_box a img { max-width: 80%; max-width: 210px; margin: 0 auto; display: block; } .le_footer .info-text{ display: none;} .le_footer .footer-wrap .contact-info{ -ms-flex:1; flex: 1; max-width: initial; } .le_footer .footer-wrap .contact-info>div:first-child { -ms-flex: 0 0 76%; flex: 0 0 76%; max-width: 76%; } .le_footer .footer-wrap .contact-info>div:nth-child(2){ -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; } .le_footer .footer-wrap .contact-box h4 { font-size: 15px; margin: 0; padding-left: 27px; color: #58595b; line-height: 30px; letter-spacing: 0.2px; } .le_footer .footer-wrap .contact-box h4 i { top: 5px; font-size: 16px; padding: 3px 8px 0; } .le_footer .footer-wrap .contact-info>div:first-child>a:nth-child(4), .le_footer .footer-wrap .contact-info>div:first-child>a:nth-child(5) { display: inline-block; padding-right: 10px; } .le_footer .footer-wrap .contact-info>div:first-child>a:nth-child(4) h4 i, .le_footer .footer-wrap .contact-info>div:first-child>a:nth-child(5) h4 i { padding: 3px 4px 0 10px; top: 6px; } .le_footer .footer-wrap .contact-info>div:nth-child(2) h4{ padding-left: 0;} .le_footer .footer-wrap .contact-box p { display: inline-block; width: 35px; margin: 0; } .le_footer .footer-wrap .contact-box p a{ margin-top: 8px; border-top: none; border-bottom: none; height: 24px;} .le_footer .footer-wrap .contact-box p a:hover{ background: transparent;} .le_footer .footer-wrap .contact-box p a i { font-size: 24px; margin-top: 0; margin-right: 0; } .le_footer .footer-wrap .contact-box p a::after{ display: none;} .le_footer .footer-wrap .contact-box p a img{ left: 0;} .le_footer .footer-wrap .contact-info>div:nth-child(2) a:hover h4 { color: #406982; } .le_footer .footer-wrap .contact-info>div:nth-child(2) p a:hover i{ color: #406982 !important;} @media (max-width:767px){ .le_footer .company-info { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .le_footer .footer-wrap .contact-info{ -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .le_footer .footer-wrap .contact-info>div:first-child,.le_footer .footer-wrap .contact-info>div:nth-child(2){ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width:575px){ .le_footer .footer-wrap .contact-info>div:first-child h2{ text-align: center;} } /*theme1*/ .theme-bg::after { content: ''; display: block; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(17,17,17,0) 0%,rgba(17,17,17,0.5) 45%,rgba(17,17,17,1) 85%) !important; position: absolute;bottom: 0;left: 0;right: 0;} .theme_card{margin-top:5rem;} .theme_card .module-container .main .hover-wall .icon_info{background: rgba(0, 0, 0, 0.7);box-shadow: none;overflow: unset;padding-top: 1rem;height: 100%;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);} .theme_card .module-container .main .hover-wall .icon_info:hover{padding-top: 120px;} .theme_card .module-container .main .hover-wall .icon_info figure{transition: .5s; border-radius: 100px; top: -100px; left: calc(50% - 100px); position: absolute; width: 200px; height: 200px; transform: scale(0);} .theme_card .module-container .main .hover-wall .icon_info:hover figure { transition: .5s; transform: scale(1);} .theme_card .module-container .main .hover-wall .icon_info figure img{height:100%;} .theme_card .module-container .main .hover-wall figure .overlay{display: none;} .theme_card .module-container .main .hover-wall .icon_info h3{margin: 0rem 0px 1.5rem; padding: 0px 20px;font-size:1.35rem;} .theme_card .module-container .main .hover-wall .icon_info p{font-size:1rem; padding: 0px 20px;} .theme_fourbox .module-container .main .wall-wrapper{background:none;} .theme_fourbox .module-container .main .wall-wrapper .wall-row > div{padding: 30px !important;} .theme_fourbox .module-container .main .wall-wrapper .thicon_info span{left: 50%; transform: translate(-50%, -50%); bottom: 0%; font-size: 15px;} .theme_fourbox .module-container .main .wall-wrapper .thicon_info h3{left: 50%;transform: translate(-50%, 50%); padding: 5px 25px; border: 1px solid #fff; bottom: 50%; border-top: none;border-bottom: none;} .theme_fourbox .module-container .main .wall-wrapper .thicon_info figure .b_img{transform: scale(1.2);} .theme_fourbox .module-container .main .wall-wrapper .thicon_info:hover figure .b_img{transform: scale(1);;} .theme_fourbox .module-container .main .wall-wrapper .thicon_info .theme_info{top:0;} .theme_fourbox .module-container .main .wall-wrapper .thicon_info:hover .theme_info{opacity:0;} .theme_videoinfo{display: flex !important; flex-wrap: wrap; align-items: center; background: #111; position: relative; z-index: 0;} .theme_videoinfo::after{content: '';display: block; width: 110px; height: 80%; border-right: 20px solid #ecbe52; border-bottom: 20px solid #ecbe52; border-top: 20px solid #ecbe52; position: absolute; right: -20px; bottom: 10%; z-index: -1;} .theme_video{display: flex !important; flex-wrap: wrap; align-items: center;} .theme_video > .module-container{width:100%;} @media (max-width:991px){ .theme_card .module-container .main .hover-wall .icon_info figure{display:none;} .theme_card .module-container .main .hover-wall .icon_info:hover{padding-top: 1rem;} .theme_videoinfo::after{width: 80%;height: 50px;border-right: 20px solid #ecbe52; border-left: 20px solid #ecbe52; border-bottom: 20px solid #ecbe52; border-top: none;right: 10%; bottom: -50px;} .theme_video .module-container .main > .row{margin:0;} } /*theme2*/ .theme2-wrap{height: 100vh; overflow: auto;} .theme2-infoBox > .module-container > .main.row{justify-content: center;} .theme2-infoBox > .module-container > .main.row > .widget-item > .module-container > .main{border-right: 1px solid #fff;} .theme2-infoBox > .module-container > .main.row > .widget-item:nth-child(3) > .module-container > .main{border-left: 1px solid #fff;} .theme_localbox .hover-wall .icon_info{background: #222;box-shadow: none; border-radius: 0px;} .theme_localbox .hover-wall figure .overlay{display:none;} .theme_localbox .hover-wall .icon_info:hover figure .b_img{opacity:.5;} .theme_localwall .module-container .main .wall-wrapper{background:none;} .theme_localwall .module-container .main .wall-wrapper .wall-row > div{padding: 15px !important;} @media (max-width:767px){ .theme2_slidebox section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{transform: translate(-50%, 25%);} } /*theme3*/ .theme3_boximg .module-container .main .bgfixed > a{background: rgba(0, 0, 0, 0.3);} .theme3-infoBox .module-container .main .mix-wrapper > .row{padding-bottom: 2em; padding-left: 15px; padding-right: 15px; padding-top: 15px;} .theme3-infoBox .module-container .main .mix-wrapper > .row .pic-content{margin-top: -7em;} .theme3-mvBox{position: relative; overflow: hidden; height: 60vh;} .theme3-mv{position: fixed; margin-top: -30px; z-index: -1; bottom: 0; overflow: hidden;} .theme3_probox .hover-wall .icon_info{background: none;box-shadow: none;border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0px;} @media (max-width:767px){ .theme3-mvBox{display:none !important;} } /*aboutUs*/ .abt02 .module-container .main .btn-container .function-row ul{justify-content: center;} @media (min-width:992px){ /* .y_lest.idx_story .mix-wrapper::after{right: 7%;left:unset;} */ } .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style{background: none; box-shadow: none; border-radius: 0;transition: .5s; transform: scale(0.8);opacity:0.5;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style.swiper-slide-active{transition: .5s; transform: scale(1);opacity:1;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-img img{border-radius:0;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-title{font-weight: bold; color: #ef7c39; font-size: 2.8rem; margin: 20px 0;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-content{color: #ffffff;font-size: 1.3rem;-webkit-line-clamp: unset;overflow: unset;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-img{position:relative;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style.swiper-slide-active .swiper-img::before{content: ''; display: block; width: 100px; height: 100px; border-top: 15px solid #ecbe52; border-left: 15px solid #ecbe52; position: absolute;left: -15px;top: -15px;} .theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style.swiper-slide-active .swiper-img::after{content: ''; display: block; width: 100px; height: 100px; border-bottom: 15px solid #ecbe52;border-right: 15px solid #ecbe52; position: absolute; bottom: -15px; right: -15px;} @media (max-width:767px){ .abt02 .function-row .flex-row{flex-wrap:wrap !important;} .abt02 .function-row .flex-row li{flex: 0 0 50% !important;} .abt_story{margin-top:0 !important;} } /*siteMap*/ .sitemap_wrap .module-container > .main.row{justify-content: center;} .sitemap_box.titlemap div.link-list ul{display:flex;} .sitemap_box div.link-list ul li{border-bottom:1px solid #e2e2e2;} .sitemap_box section.text-link h2{font-weight:bold;} .sitemap_box.titlemap div.link-list ul li a{font-weight:bold;} .sitemap_box.titlemap div.link-list ul li{width: calc(33% - 4rem); margin: 0 2rem;background: #222;} @media (max-width:991px){ .sitemap_box.titlemap div.link-list ul{flex-wrap:wrap;} .sitemap_box.titlemap div.link-list ul li { width: calc(100% - 2rem); margin: 0px 1rem; background: #222; margin-top: 1rem;} } /******** 公版 ********/ /*會員登入頁 */ .member_home .signin_width { margin-top: 150px; margin-bottom: 150px; } .member_home.D_member_my_login .width-460 { margin-bottom: 100px; } body.member_home.new_bg { background:#f2f2f1; } body.member_home button.l_benPrimary{ background:#406982; } body.member_home .note_box a { color: #406982; } body.member_home a.font4.blue-txt2 { color:#6b7178; } body.member_home .member_title { margin: 70px 0 30px; } body.member_home .member-l_title .title_txt{ color:#6b7178;} body.member_home .signin_box.member-l_box>.d-block.mb-20.p-2.bg-light.text-muted a.btn.btn-sm.btn-outline-primary{ color: #6b7178; background-color: transparent; background-image: none; border-color: #6b7178; } @media (max-width: 767px){ .member_home .signin_width { margin-top: 100px; margin-bottom: 120px; } } /* 會員專區 */ @media (min-width: 768px) { .member_width .member_title { margin: 70px 0 30px; } } /* 訂購流程頁 */ .stepPage_btn>div>div { flex: 1; max-width: initial; } .group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .remind-mobile::before { content: "For non-Taiwanese mobile numbers, please enter the country code followed by your number, for example: +852-12345678"; font-size: 14px; } .group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .remind-mobile>span.red-txt{ display: block;} .general_home.D_commprod_order_order div#page2 .subscriber_info_content .subscriber_info_left .remind-mobile::before { content: "For non-Taiwanese mobile numbers, please enter the country code followed by your number, for example: +852-12345678"; font-size: 14px; } .general_home.D_commprod_order_order div#page2 .subscriber_info_content .subscriber_info_left .remind-mobile>span.red-txt { display: block; } @media (min-width: 768px) { form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;} } @media (min-width: 768px) and (max-width: 991px) { .group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .remind-mobile { padding-left: 20px; } } @media (max-width: 991px) { .general_home.D_commprod_order_order div#page2 .subscriber_info_content .subscriber_info_left .font4.ml-50.pl-45 { padding: 0; margin: 0; } } @media (max-width:767px) { .group_home.D_products_signup_list div#page1 .subscriber_info_content .subscriber_info_left .remind-mobile::before { font-size: 12px; } .general_home.D_commprod_order_order div#page2 .subscriber_info_content .subscriber_info_left .remind-mobile::before { font-size: 12px; } } /* 公版GOTOP */ .go-to-top .top { background: #416781;} /* 搜尋列表頁 */ .search-area .search-box .search-btn { background: #406982; color: #ffffff;} .search-area .search-box .select-place .title i, .search-area .search-box .select-goal .title i, .search-area .search-box .select-goal .title i, .search-area .search-box .select-date .title i, section.search_banner .search-area .search-box .select-input .data-icon-search{color: #406982; } .list_con .style_icon .nav-pills a svg { fill: #a7a7a7; } .list_con>.title>.text-right>p>span.text_blue { color:#406982; } .list_con .style_icon .nav-pills .nav-link.active svg { fill:#406982; } figure.block_style .main_words .go-date,.pic_style figure.block_style .go-date{ font-size: 1.1rem;} figure.block_style .main_words .go-date>span.text-danger, .pic_style figure.block_style .go-date>span.text-danger, .search_table tbody td.go-date .go-date>span.text-danger{ color: #406982 !important; } figure.block_style .main_words a, .pic_style figure.block_style .main_words a, .search_table .main_words .title_main{ color: #55575a;} figure.block_style .main_words a:hover, .pic_style figure.block_style .main_words a:hover, .search_table .main_words .title_main:hover{ color:#406982 !important; } .list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgb(64 105 130 / 60%);} .irs-bar { height: 3px; top: 33px; border-top: none; border-bottom: none; background:#909090} .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #909090; border-right: 0; background: #909090; background: -webkit-gradient(linear,left bottom,left top,from(#909090),to(#909090)); background: linear-gradient(to top,#909090 0,#909090 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px} .irs-slider { top: 25px; width: 20px; height: 20px; border: none; background: #ddd; background: #909090; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer} .irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #909090} .irs-from,.irs-single,.irs-to { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #909090; border-radius: 3px; -moz-border-radius: 3px} .irs-grid-pol { opacity: .5; background: #6a7178;} .irs-grid-pol.small { background: #999} .irs-grid-text { bottom: 5px; color: #99a4ac} .plane.plane-s1::after{ color: #406982;} .plane.plane-s1:hover{color: #406982;} .filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i,.filter_list .accordion .card.travel-type i{ color: #909090; } .filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #909090;} .filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #909090;} .filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; } section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active,section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #e4c1a7; color: #55575a; } section.search_con .pagination .page-item .page-link:focus{ box-shadow: none;} section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg{ fill: #406982;} .search_table.table .thead { background: #797979; height: 2.8rem; line-height: 2.8rem;} .search_table tbody td.go-airport img { margin: 0 auto; } .modal-body section.group_table.trip_airline .table .thead {background: #6b7178;} section.group_table.trip_airline .table .thead th { border-right: 1px solid #6b7178;} /* 字體尺寸調整 */ figure.block_style .pic_all .item_days{ font-size: 1.7rem;} figure.block_style .main_words a{ font-size: 1.25rem;} figure.block_style .price_box span,.search_table tbody td.tour-price span {font-size: 1.2rem; font-weight: 600;} .pic_style figure.block_style .price_all h4 span{font-size: 1.2rem; font-weight: 600; } figure.block_style .price_box small { font-size: 0.9rem; } figure.block_style .main_words h6{ font-size: 0.9rem;} figure.block_style .main_words h6>div span { font-size: 1rem; } figure.block_style .note_words>div{ font-size: 1rem;} .search_table.table .thead th { font-size: 1rem; font-weight: 400; } @media(min-width:1200px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{ height: 200px;} .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (160px/2)); } } @media (min-width:768px) and (max-width: 1199px){ .WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 300px; } .WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { bottom: calc(50% - (240px / 2)); } } /* 團型列表 */ .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #dedede; border-color: #dedede; } section.group_table.tripdown .style_icon ul li a.nav-link{ color: #797979; border: 1px solid #797979;} section.group_table.tripdown .style_icon ul li a.nav-link.active { background: #797979; color: #ffffff; } section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#797979; } section.group_table:before { -webkit-filter: grayscale(1) opacity(.3); } section.group_banner .media-grouop .share_box:hover, section.group_banner .media-grouop .forword_box:hover{ background: #797979;} .D_products_group_mold .popover{background: #797979; } .D_products_group_mold .popover .arrow:after,.D_products_group_mold .popover .arrow:before { border-color: transparent transparent #797979 transparent; } section.group_table.trip_features:after, section.group_table.trip_airline:after, section.group_table.trip_day:after, section.group_table.trip_note:after, section.group_table.view_intro:after, section.group_table.tripdown:after{ background: #dedede;} section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { position: relative; color:#55575a; margin-bottom: 0; font-size: 2.3rem; text-shadow: none; } section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after, section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after, section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background:#55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); } .D_products_group_mold section.group_banner .info .btn-primary{ background:#406982; border-color: #406982; color: #ffffff; font-size: 0;} .D_products_group_mold section.group_banner .info .btn-primary::before{ content: "出團日期＆詳細行程"; font-size: 1.2rem;} .D_products_group_mold section.group_banner .info .btn-primary small{ display: none;} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; } section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; } .search_table tbody td.sale-situation .btn.btn-primary,.search_table tbody td.sale-situation .btn.btn-primary:hover{ border-color: #406982; background: #406982; color: #ffffff;} .D_products_group_mold section#tripDown { order: 10; } /* 字體尺寸調整 */ section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; } /* 月曆 */ .web-page-frame .group_table .style_icon ul { list-style: none; } .D_products_group_mold #search-calendar .fc .fc-toolbar.fc-header-toolbar,.D_products_group_detail #search-calendar .fc .fc-toolbar.fc-header-toolbar { background: #797979; height: 3rem; } .D_products_group_mold #search-calendar .fc .fc-button,.D_products_group_detail #search-calendar .fc .fc-button { box-shadow: none; } .D_products_group_mold #search-calendar .fc .fc-button-primary,.D_products_group_detail #search-calendar .fc .fc-button-primary { color: #000000; color: var(--fc-button-text-color, #000000); border-color: #fafafa; border-color: var(--fc-button-border-color, #fafafa); } .D_products_group_mold #search-calendar .fc .fc-button-primary:disabled,.D_products_group_detail #search-calendar .fc .fc-button-primary:disabled { background-color: #797979; background-color: var(--fc-button-bg-color, #797979); color: #b2b2b2; } .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled):hover,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled):hover, .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled):active,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled):active, .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #ebebeb; background-color: var(--fc-button-active-bg-color, #ebebeb); border-color: #fafafa; border-color: var(--fc-button-active-border-color,#fafafa); } section.group_table.tripdown .container .fc-toolbar h2.fc-toolbar-title { text-shadow: none; font-size: 18px; line-height: 2.8rem; } /* 隱藏月曆，強制顯示列表模式 .style_icon{ display: none;} .D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;} .D_products_group_mold #search-table, .D_products_group_detail #search-table{display: block;opacity: 1;} .D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;} .D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; } */ @media (min-width: 576px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 540px; } } @media (min-width: 768px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 720px; } } @media (min-width: 992px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 960px; } } @media (min-width: 1200px){ .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 1440px; } } .web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ background: #fff; width:calc(100% - 30px); margin-left:auto; margin-right:auto; } .web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{ width: 100%; margin-bottom: 3rem; } @media (max-width: 575.98px){ .D_products_group_mold section.group_banner { margin-top:0; } .D_products_group_mold .sub_menu-trip .server_menu > ul > li a{font-size: 15px;} } /* 個團明細頁 */ .Detail li.breadcrumb-item a{color: #afcfdf; } section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; } section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; } section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; } section.group_banner.trip_banner h1{ font-size: 2rem; margin-bottom: 28px;} section.group_banner.trip_banner h3.price { font-size: 1.6rem; } section.group_banner.trip_banner h3.price span, section.group_banner.trip_banner h3.price small{ font-size: 60%;} section.group_banner.trip_banner h6{ font-size: 1rem;} section.group_banner .price_content .panel-info .panel-heading { padding: 8px; background: #797979; font-size: 1rem; } section.group_banner .price_content .panel-info .panel-body { padding: 15px 8px; font-size: 1em; } section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size: 1.2rem; font-weight: normal;} section.group_banner .basic-air-airport i{ color:#afcfdf;} section.group_banner.trip_banner .brief h5{font-size: 1rem; } section.group_banner .price_content .panel-info { border: 1px solid #797979; } section.group_banner .basic-air-info { border: 1px solid #b9b9b8;} section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #6a7178; } .basic-air-info .go i, .basic-air-info .back i { color:#707070; font-size: 2rem; } section.group_banner .basic-air-btn a { float: right; font-size: 1.2rem; font-weight: bold; background: #406982; border: 1px solid #406982; padding: 5px 25px; color: #ffffff; border-radius: 50px; } section.group_banner .basic-air-btn a:hover { background: #6b7178; color: #ffffff; } section.group_banner .basic-air-info .time { font-size: 1.1rem; } .modal-content h5.modal-title strong{ color:#6a7178;} .flight_details .details_box > h4 { background:#6a7178;} .flight_details .details_box > h4 i { color: #eeeeee; } .flight_details { border: 1px solid #797979; } .trip_day .group_table_box table .thead { background: #797979; height: 2.8rem; font-weight: normal; color: #fff; font-size: 1rem; line-height: 2.8rem; } section.group_table.trip_day table.table tr.thead th:nth-child(2) { background:#797979; } section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ display: none; background: #797979; } .day_con .text_gary2.hotel a { color: #55575a; } .Day_menu .swiper_day .swiper-slide a:hover {color: #fff; background:#406982; border: 1px solid #406982;} section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #797979; } .web-page-frame .group_table ul{list-style:disc; padding-left: 20px;} .web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ color:#406982;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{color: #55575a; border-left: 2px solid #55575a;} .D_products_group_detail div#exampleModalCenter{ z-index: 100000000; } @media (min-width: 576px){ .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; } } @media (max-width: 991.98px){ .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom: 1px solid #55575a;} .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ border:0} } /* 側選單 */ .sub_menu-trip .trip_menu{ border: 1px solid #406982; border-right: 0;} .sub_menu-trip .server_menu > ul > li a { font-size: 16px;} .sub_menu-trip .server_menu a i{ font-size: 18px;} .sub_menu-trip .server_menu > ul > li a i {margin-right: 2px; line-height: 35px; font-size: 18px;} .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; } .sub_menu-trip .server_menu > ul > li a>img { width: 22px; } .sub_menu-trip .server_menu a{ color:#406982;} .sub_menu-trip .server_menu li:nth-child(1) { background:#406982; } .sub_menu-trip .server_menu > ul > li{box-shadow: none;} .sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #406982;} .sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background:#afcfdf; } /* .sub_menu-trip .server_menu > ul > li.query-fixed-btn, .sub_menu-trip .server_menu > ul > li.share-fixed-btn, .sub_menu-trip .server_menu > ul > li.download-fixed-btn, .sub_menu-trip .server_menu > ul > li.favor-fixed-btn{ display: none;} */ .sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; } .sub_menu-trip .server_menu > ul > li.join-fixed-btn a { border-left: 0; } .sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ color:#ffffff; } @media (min-width: 992px){ .sub_menu-trip .server_menu > ul{ margin-bottom: 0;} .sub_menu-trip .server_menu > ul > li { height: 45px; font-size: 1rem;} .sub_menu-trip .server_menu > ul > li a{padding: 5px 8px; border-left:1px solid #406982;} .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; } .sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; } .sub_menu-trip .trip_menu li a span{ font-size: 0.9rem;} /* .sub_menu-trip .trip_menu i { display: none; } */ .sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;} .sub_menu-trip .trip_menu li a:hover span { color: #406982; } .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ height: 45px; width: 180px;} .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;} } @media (min-width: 1351px) and (max-width: 1550px){ section.group_banner .basic-air-info .go h3,section.group_banner .basic-air-info .back h3 { font-size: 1.2rem; } .basic-air-info .go h4, .basic-air-info .back h4 { font-size: 1.1rem; } } @media (max-width: 1400px){ section.group_banner.trip_banner h1 { font-size: 2rem; } } @media (max-width: 1350px){ .sub_menu-trip .server_menu > ul > li a { font-size: 16px;} } @media (max-width: 991.98px){ section.group_table.tripdown .search_table > tbody > tr.thead{ display: none;} .sub_menu-trip .trip_menu{ display: none;} .sub_menu-trip .server_menu{ width: 100vw;} .trip_day .table tr.text_gary.has_note>td:first-child { background: #efefef; text-align: center; width: 100%;} .day_con .info_box { width: 100%; } section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat { margin-top: 10px; font-size: 15px;} .sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; } .sub_menu-trip .trip_menu:after { border: solid #406982; border-width: 0 1px 1px 0;} .sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #b9b9b8; } .sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; } /* .sub_menu-trip .server_menu{ width: 100vw;} .sub_menu-trip .trip_menu{ display: none;} */ } @media (max-width: 767px){ .sub_menu-trip .server_menu{ width: 100vw;} section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2{ font-size: 1.8rem;} } @media (max-width: 576px){ .sub_menu-trip .server_menu{ width: 100vw;} .sub_menu-trip .server_menu > ul > li a{font-size:0; padding-top: 3px;} .sub_menu-trip .server_menu > ul > li a i { line-height: 45px; margin: 0; font-size: 15px;} .sub_menu-trip .server_menu > ul > li.join-fixed-btn { flex: 0 0 140px; } .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ font-size: 16px; } } @media (max-width: 991.98px) and (min-width:577px){ .sub_menu-trip .server_menu > ul > li a { padding-top: 10px; } .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ padding-top: 16px;} } @media (max-width: 575px){ section.group_banner.trip_banner h1 { font-size: 1.6rem; margin-bottom: 18px; } section.group_banner.trip_banner h3.price { font-size: 1.2rem; } .basic-air-info .go h3, .basic-air-info .back h3{ font-size: 1.4rem;} .basic-air-info .go i, .basic-air-info .back i { font-size: 1.2rem; } .basic-air-info .go h4, .basic-air-info .back h4 { padding: 10px; } section.group_banner .basic-air-btn a{font-size: 1rem; } section.group_table.trip_day .info_box .info_box_title .day_title{ font-size: 1.6rem;} section.group_table.trip_day .info_box .info_box_title .day_sub-title { font-size: 1.3rem; line-height: 2rem; } } /* 新版團型頁 */ .D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom>.btn { white-space: initial; padding: 0; font-size: 0;} .D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures { flex-wrap: wrap; } .D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures li:first-child,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures li:first-child { margin-left: 10px;} .D_products_group_molddetail .Detail.DayTrip .DayBlock > div { background-color: #afcfdf; color: #406982;} .Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #afcfdf;} .D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #406982; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #afcfdf; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color: #406982; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i { margin-right: 2px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a i{ margin: 0;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .Detail.DepartureDate .nav-tabs .nav-link{ border: 1px solid #406982; border-bottom-color: #406982; color: #406982;} .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #406982; color: #ffffff;} .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #406982; } .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .MPGO .Detail .PriceBlock ul li.FlightDetails a, .MGO .Detail .PriceBlock ul li.FlightDetails a, .MPGDT .Detail .PriceBlock ul li.FlightDetails a, .MGDT .Detail .PriceBlock ul li.FlightDetails a{background-color: #406982;} .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MPGDT .Detail .PriceBlock ul li.FlightDetails a:hover, .MGDT .Detail .PriceBlock ul li.FlightDetails a:hover{ background-color: #afcfdf;} @media (min-width: 1601px){ .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;} } @media (min-width: 992px){ .D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{ flex: 1; max-width: initial; min-width: initial;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #406982; } .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; } .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{ color: #406982;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;} } @media (max-width: 1600px) and (min-width: 992px){ .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 150px; max-width: 150px;} .D_products_group_molddetail .Detail.DepartureDate>.container.col-md-9 { max-width: 100%; } } @media (max-width: 1350px){ .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } } @media (max-width: 575px){ .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;} .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 30px;} } /* 我要洽詢 */ .D_order_contact_detail section.group_table.contact .contac_form .btn-primary { background-color:#406982; border-color: #406982; } /****** 國內團型明細頁start ******/ /* 調整色系 */ .D_products_domestic_molddetail section#marketing h2.TextPrimary { color: #406982; } .D_products_domestic_molddetail .Detail.MarketingBox h2 .MarketIcon{color: #406982;} .D_products_domestic_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .D_products_domestic_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #406982; } .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #406982; color:#ffffff;} .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #406982; border-bottom-color: #406982; color: #406982; } .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #406982; } .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; } .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #406982; } .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #406982;} .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after{ border-color: transparent transparent transparent #406982;} .D_products_domestic_molddetail .flight_details .details_box > h4 { background: #406982;} .D_products_domestic_molddetail .flight_details{ border: 1px solid #406982; } .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-icon-group{ position:relative; width: 100%; top: initial; } .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .Alternate{ width: 100%;} .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .fc-price{ padding: 0;} .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left, .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);} .D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;} .Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; } .Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; } .Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; } .Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #406982; border:1px solid #406982; } .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #406982; color: #406982; width: 142px; } .D_products_domestic_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background:#406982; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #afcfdf; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 0;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color: #406982; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;} .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #406982;} .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #406982;} .D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle{ color: #406982;} .D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; } @media (min-width: 768px){ .D_products_domestic_molddetail #tripfeature .DetailBox>.container{ max-width: 1440px; width: 85%;} .D_products_domestic_molddetail section#dayTrip>div.container{max-width:960px; width: 88%;} } @media (min-width: 992px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #406982; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #b9b9b8; } .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #406982; border-right: 0; } .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;} .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;} } @media (min-width: 1200px){ .D_products_domestic_molddetail section#dayTrip>div.container{ max-width: 1440px; width: 85%;} .D_products_domestic_molddetail .DepartureDate>.container.clearfix.col-md-9.mx-auto { width: 85%; max-width: 1440px; } } @media (max-width: 1600px){ .D_products_domestic_molddetail .DetailContainer{ -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 1350px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu{width: 100%;} .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu{width: 0;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } } @media (max-width: 575px){ .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;} .D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent #7ebac1 transparent transparent; } .D_products_domestic_gdetail .Detail.DepartureDate .IconMean{ top: 50px;} } /****** 國內團型明細頁end ******/ /****** 國內團體個團明細頁start ******/ /* 調整色系 */ .Detail.sub_menu-trip .server_menu li:nth-child(1){ background-color:#406982 !important;} .D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item.active{ color: #406982;} .D_products_domestic_gdetail section#marketing h2.TextPrimary { color: #406982; } .D_products_domestic_gdetail .Detail.MarketingBox h2 .MarketIcon{color: #406982;} .D_products_domestic_gdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_gdetail .MGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_gdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .D_products_domestic_gdetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #406982; } .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #406982; color:#ffffff;} .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #406982; border-bottom-color: #406982; color: #406982; } .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #406982; } .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; } .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #406982; } .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div{ background-color: #406982;} .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after{ border-color: transparent transparent transparent #406982;} .D_products_domestic_gdetail .flight_details .details_box > h4 { background: #406982;} .D_products_domestic_gdetail .flight_details{ border: 1px solid #406982; } .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left, .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);} .D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #406982; border:1px solid #406982; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #406982; color: #406982; width: 142px; } .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #406982;} .D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #406982;} .D_products_domestic_gdetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ background:#406982 } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background:#afcfdf; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color: #406982; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a i, .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span { margin-right: 2px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)[disabled], .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1):disabled{ color: #9e9e9e;} .D_products_domestic_gdetail section.AnchorPoint > div > h2.APtitle{ color: #406982;} .D_products_domestic_gdetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; } .D_products_domestic_gdetail #tripfeature.Detail .MainTitle{ margin-top: 20px;} @media (min-width: 992px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #406982; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #406982; } .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #406982; border-right: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ border-left: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;} .D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;} } @media (max-width: 1350px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; } .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu{ width: 0;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 1px solid #406982;} } @media (max-width: 767px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; } } @media (max-width: 575px){ .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ flex: 0 0 130px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 0} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;} .D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent #7ebac1 transparent transparent; } .D_products_domestic_gdetail .Detail.DepartureDate .IconMean{ top: 50px;} } /****** 國內團體個團明細頁end ******/ /****** 國內自由行個團明細頁start ******/ /* 調整色系 */ .D_products_domestic_pdetail .Detail .breadcrumb .breadcrumb-item.active{ color: #406982;} .D_products_domestic_pdetail section#marketing h2.TextPrimary { color: #406982; } .D_products_domestic_pdetail .Detail.MarketingBox h2 .MarketIcon{color: #406982;} .D_products_domestic_pdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_pdetail .MGO .Detail .PriceBlock ul li.FlightDetails a, .D_products_domestic_pdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .D_products_domestic_pdetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #406982; } .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #406982; color:#ffffff;} .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #406982; border-bottom-color: #406982; color: #406982; } .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #406982; } .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .D_products_domestic_pdetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;} .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; } .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #406982; } .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .table .SaleSituation a.btn{ background-color: #406882; border: 1px solid #406882;} .D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div{ background-color: #406982;} .D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div::after{ border-color: transparent transparent transparent #406982;} .D_products_domestic_pdetail .Detail.Hotel .PlanBlock thead tr th { background: #797979; height: 2.8rem; } .D_products_domestic_pdetail .Detail.Hotel .PlanBlock{ border: 1px solid #cecece; border-top: 0; } .D_products_domestic_pdetail .Detail.Hotel .HotelMore .SignUp { background-color: #406982; border-color: #406982; } .D_products_domestic_pdetail .Detail.Hotel .HotelMore .SignUp:hover { background-color: #406982; } .D_products_domestic_pdetail .Detail.Hotel .HotelPlan.BgInfo{ color: #406882; background: #e7eff3; } .D_products_domestic_pdetail .flight_details .details_box > h4 { background: #406982;} .D_products_domestic_pdetail .flight_details{ border: 1px solid #406982; } .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left, .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);} .D_products_domestic_pdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;} .D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; } .D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; } .D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; } .D_products_domestic_pdetail .Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #406982; border:1px solid #406982; } .D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #406982; color: #406982; width: 142px; } .D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #406982;} .D_products_domestic_pdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #406982;} .D_products_domestic_pdetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ background:#406982 } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn, .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn, .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn, .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background:#afcfdf; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 0;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu a { font-size: 16px; color: #406982; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 9px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a i, .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a span { margin-right: 2px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)[disabled], .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1):disabled{ color: #9e9e9e;} .D_products_domestic_pdetail section.AnchorPoint > div > h2.APtitle{ color: #406982;} .D_products_domestic_pdetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; } .D_products_domestic_pdetail #tripfeature.Detail .MainTitle{ margin-top: 20px;} @media (min-width: 992px){ .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #406982; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem; min-width: initial;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #406982; } .D_products_domestic_pdetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #406982; border-right: 0;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ border-left: 0;} .D_products_domestic_pdetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; } .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;} .D_products_domestic_pdetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;} } @media (max-width: 1350px){ .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;} } @media (max-width: 991px){ .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu { width: 100%; } .D_products_domestic_pdetail .Detail.sub_menu-trip .trip_menu{ width: 0;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 1px solid #406982;} } @media (max-width: 767px){ .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu { width: 100%; } } @media (max-width: 575px){ .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu { width: 100%; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; } .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; } .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ flex: 0 0 130px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 0} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;} .D_products_domestic_pdetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;} .D_products_domestic_pdetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent #7ebac1 transparent transparent; } .D_products_domestic_pdetail .Detail.DepartureDate .IconMean{ top: 50px;} } /****** 國內團體個團明細頁end ******/ /* 通用商品 */ .D_commprod_buycart_index .pageCont .stepPage_group_content img.lazy:not(.loaded) { opacity: 1; } .D_commprod_product_list .skin_block .item-name,.D_commprod_product_list .skin_module .item-name, .D_commprod_product_list .skin_list .item-name, .D_commprod_product_list .skin_block .item-discount,.D_commprod_product_list .skin_module .item-discount, .D_commprod_product_list .skin_list .item-images .area-tag, .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{ color: #406982;} .general_home.D_commprod_buycart_index .basic_message,.general_home.D_commprod_buycart_index .purchase_delete_btn{ width: 60%;} @media (min-width: 768px){ .D_commprod_product_list .skin_list .item-name{width: 44%;} .D_commprod_product_list .skin_list .item-images{ width: 30%;} .D_commprod_product_list .skin_list .item-number{ left: 49%;} } @media (max-width: 767px){ .D_commprod_product_list .skin_list .item-images{ display: none;} } @media (max-width: 991px){ .general_home.D_commprod_buycart_index .basic_message,.general_home.D_commprod_buycart_index .purchase_delete_btn{ width: 45%;} } @media (max-width: 767px){ .general_home.D_commprod_buycart_index .basic_message,.general_home.D_commprod_buycart_index .purchase_delete_btn{ width: 60%;} .general_home.D_commprod_buycart_index .unit_price,.general_home.D_commprod_buycart_index .purchase_unit_price{ width: 40%;} .general_home.D_commprod_buycart_index .quantity,.general_home.D_commprod_buycart_index .purchase_quantity{ width: 40%; } .general_home.D_commprod_buycart_index .subtotal,.general_home.D_commprod_buycart_index .purchase_subtotal{ width: 30%; } .general_home.D_commprod_buycart_index .delete_btn,.general_home.D_commprod_buycart_index .purchase_delete_btn{ width: 30%; padding-right: 0;} .general_home.D_commprod_buycart_index .delete_btn::before,.general_home.D_commprod_buycart_index .purchase_delete_btn::before{ margin-right: 0;} .general_home.D_commprod_buycart_index .delete_btn img,.general_home.D_commprod_buycart_index .purchase_delete_btn img { margin: 0 auto; } } /* 使用範本 */ .day_style_16{ margin-top: 5px !important;} .day_style_16>div:nth-child(1){ position: relative; width: 100%; height: 0; padding-bottom: 46%; } .day_style_16>div:nth-child(1)>iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }