.slide-home .slick-arrow::before{ display:none; } .slick-slider .slick-next, .slick-slider .slick-prev { padding: 0 35px; margin-left: -25px; } body{ background-color: #e3ebf7; } .navbar { background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%); } .nav-menu-tool>li>a, .nav-menu-tool>li>button { color: #ffffff; } .navbar-toggler .icon-bar { background-color: #ffffff; } .navbar-nav li a>.text { color: #fff; font-weight: 900; } .navbar-nav li a>.text:hover { color: #f2aa5f; font-weight: 900; } .head-tool a { color: #fff; } .head-tool a:hover{ color: #000; } .head-tool-search button { color: #fff !important; } .head-tool-search button:hover{ color: #000 !important; } .menu-open .navbar-collapse { background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%); } .navbar-nav>li .arrow { background: #2cacd1; color: #fff; } .mobile-menu-title { color: white; } .text-size-12{ font-size: 12px; } .text-size-14{ font-size: 14px; } .post-title{ letter-spacing: 1px; text-transform: uppercase; font-size: 24px; font-weight: 900; line-height: 30px; } .font-weight-900{ font-weight: 900; } .text-color-888{ color: #888; } .swiper_1_out{ background: #be4136; padding: 15px; } .swiper_1 { margin-left: 15px; margin-right: 15px; width: 100%; height:680px; padding-top: 50px; padding-bottom: 60px; background: #be4136; } .swiper_1 .swiper-slide { transition: transform 0.3s ease-in-out; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } .swiper_1 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; } .swiper_1 .swiper-slide-active{ transform: scale(1.15) !important; } .swiper_2_out{ background: #798ec3; padding:15px; } .swiper_2 { width: 100%; height: 300px; padding-top: 50px; padding-bottom: 60px; background: #798ec3; } .swiper_2 .swiper-slide { transition: transform 0.3s ease-in-out; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } .swiper_2 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper_2 .swiper-slide-active{ transform: scale(1.15) !important; } .navbar-nav li a>.text { font-size: 15px !important; } .swiper_3_out{ background: #9dc3c4; padding: 15px; } .swiper_3 { margin-left: 15px; margin-right: 15px; width: 100%; height:680px; padding-top: 50px; padding-bottom: 60px; background: #9dc3c4; } .swiper_3 .swiper-slide { transition: transform 0.3s ease-in-out; text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; } .swiper_3 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: contain; } @media only screen and (max-width: 600px) { body { background-color: #e3ebf7 !important; } .slick-slider .slick-prev { margin-left: -10px; } .swiper_1 { height: 260px; } .swiper_2 { height: 200px; } .swiper_3 { height: 260px; } } @media only screen and (max-width: 576px) { .post-title{ text-align: left !important; } } @media only screen and (max-width: 430px) { .sliderTwo .slick-dots { bottom: -20px !important; } } @media only screen and (max-width: 414px) { .sliderTwo .slick-dots { bottom: 20px !important; } }
function searchText() { $('#loading-block').show(); $('.post-content').hide(); setTimeout(function(){ if($('#searchInput').val() != ''){ let search = $('#searchInput').val() ; $.each($('.post-content'),function(key,val){ let el = $(val).find('.post-title'); let str = $(el).text().trim(); let regexPattern = search.split(' ').join('|'); let regex = new RegExp(regexPattern, 'i'); if(regex.test(str)){ $(val).show(); } }) }else{ $('.post-content').show(); } $('#loading-block').hide(); },1000); } $('#searchInput').on('keypress', function(event) { if (event.which === 13) { // Enter key is pressed searchText(); } }); var swiper = new Swiper(".swiper_1", { centeredSlides: true, loopAdditionalSlides:0, loopedSlides:1, loop: true, breakpoints: { 600: { slidesPerView: 2, spaceBetween: 50 }, 320: { slidesPerView: 2, spaceBetween: 20 }, }, pagination: { el: ".swiper-pagination", clickable: true, }, }); var swiper = new Swiper(".swiper_2", { // slidesPerView: 3, centeredSlides: true, // spaceBetween: 35, loopAdditionalSlides:0, loopedSlides:1, breakpoints: { 600: { slidesPerView: 3, spaceBetween: 30 }, 320: { slidesPerView: 2, spaceBetween: 15 }, }, loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, }); var swiper = new Swiper(".swiper_3", { centeredSlides: true, loopAdditionalSlides:0, loopedSlides:1, loop: true, breakpoints: { 600: { slidesPerView: 2, spaceBetween: 50 }, 320: { slidesPerView: 2, spaceBetween: 20 }, }, pagination: { el: ".swiper-pagination", clickable: true, }, });

目前已經選購

購物車「沒有產品」，請先將產品「加入購物車」
小計
NT$



廣告刊登 ｜ 業務合作 ｜ 會員條款｜ 隱私權政策 
Facebook社團：高雄大小事
Facebook粉專：高雄大小事
Copyright © 2023 高雄大小事
網頁設計克萊整合行銷

本系統由 1shop一頁購物 維護