.flex_box{ display:flex; flex-direction:row; align-items:center; gap:2vw; margin-bottom:30px; } .flex_box .img_box{ flex:4; } .flex_box .introduce_desc{ flex:6; width: 60%; color:#000; font-size:1vw; font-family:'Montserrat-Medium'; } .flex_box .introduce_desc .bold_text{ font-family:'Montserrat-SemiBold'; } @media (max-width: 768px){ .flex_box{ flex-direction:column; gap:5vw; } .flex_box .introduce_desc{ width:100%; font-size:3.5vw; text-align:center; font-family: 'Montserrat-Medium'; } } We believe fishing is for everyone—whether it’s your first cast, your return to the water, or a moment you enjoy now and then. This aligns with Keep America Fishing® , the advocacy arm of the American Sportfishing Association, working to protect fisheries and support the sportfishing community. Inspired by this mission, click here to Navigator Collection find the right gear for where you are—and keep fishing your own way. Weighing just 6 oz, the KastKing Spartacus Defender delivers ultra-light handling, 17.6 lb max drag, smooth 7+1 MaxiDur bearings, and precise DualBalance™ magnetic braking with durable aluminum/brass gearing. A versatile rod-and-reel setup for lakes, rivers, and light saltwater, featuring a camouflage finish with American flag accents to honor 250 years of American heritage. KastKing Spartacus Defender Twin-Tip Combo, built for bass, trout, walleye, and more. .small--hide{ display:block; } .small--show{ display:none; } .detail .video_block { padding-bottom: 56.25%; width: 100%; position: relative; } .detail .video_block .js-video, .detail .video_block .js-youtube{ width: 100% !important; height: 100% !important; position: absolute !important; top: 0; left: 0; border: 0; background:#000; } .detail .container{ margin-top:1vw; } .detail .title{ font-size: 2vw; text-align: center; margin: 1vw 0; font-family: 'Montserrat-Bold'; line-height: initial; } .detail .content{ margin: 1.3vw 0; text-align: center; font-size: 1.1vw; font-family: 'Montserrat-Medium'; line-height: initial; } .detail .container .flex_row{ display: flex; align-items: center; gap:1vw } .detail .container .flex_row_reverse{ display: flex; align-items: center; gap:1vw; flex-direction: row-reverse; } .detail .container .flex_row .img_bloxk, .detail .container .flex_row_reverse .img_bloxk{ flex: 1; border-radius:10px; overflow: hidden; } .detail .container .flex_row .content_block, .detail .container .flex_row_reverse .content_block{ flex: 1; } .detail .container .slider-row-block img{ width: 100%; height: auto; } .detail .container .slick-arrow{ background:#9d9d9d87; } .detail .container .slick-arrow svg{ fill:#fff; } .detail .container .slick-arrow.slick-next{ right:30px; } .detail .container .slick-arrow.slick-prev{ left:30px; } .detail .container .slick-arrow:hover{ background:#fff; } .detail .container .slick-arrow:hover svg{ fill:#333; } .detail .container .slick-dots, .detail .container .slider-dots{ bottom:-20px; background:none; } .detail .container .slick-dots li button, .detail .container .slider-dots li button{ border:1px solid #cacaca; background: #cacaca; } .detail .container .slick-dots li.slick-active button, .detail .container .slider-dots li.active button{ background:#ff3900; border-color:#ff3900; } .detail .container .scroll_content{ overflow-x: auto; } .detail .container .tab_menu_header{ min-width: 100%; display: flex; background:#f0f0f0; padding:5px; border-radius: 5px; width: max-content; } .detail .container .tab_menu_header .tab_menu_item{ padding: 10px; cursor: pointer; display:flex; flex-direction: column; align-items: center; flex:1; } .detail .container .tab_menu_header .tab_menu_item.active{ background: #333333; color: #fff; } .detail .container .tab_menu_header .tab_menu_item .tab_menu_title{ font-size: clamp(14px,1vw,18px); font-family: 'Montserrat-SemiBold'; white-space: nowrap; } .detail .container .tab_menu_header .tab_menu_item .tab_menu_subtitle{ font-size: clamp(12px,0.8vw,16px); font-family: 'Montserrat-Regular'; white-space: nowrap; } .detail .container .tab_menu_content .tab_menu_content_item{ display: none; margin-top: 2vw; } .detail .container .tab_menu_content .tab_menu_content_item.active{ display: block; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block{ display: flex; flex-direction: row; gap: 1vw; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_img, .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text{ flex: 1; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_img .list_content_img_item{ display: none; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_img .list_content_img_item.active{ display: block; width: 100%; height: auto; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item { border-bottom: 1px solid #e0e0e0; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item:first-child{ border-top: 1px solid #e0e0e0; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_title{ font-size: clamp(14px,1vw,18px); padding: 1vw 0; position: relative; padding-right: 20px; cursor:pointer; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_title:before, .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_title:after{ content: ""; position: absolute; top: calc(50% - 1.5px); z-index: 2; transform: translateY(-50%) rotate(0); background-color: #484848; transition: all 0.3s ease; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_title:before{ right: 5px; width: 2px; height: 12px; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_title:after{ right: 0; width: 12px; height: 2px; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item.active .list_content_item_title:before{ transform: translateY(-50%) rotate(90deg); } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item.active .list_content_item_title:after{ transform: translateY(-50%) rotate(180deg); } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_content{ font-size:clamp(12px,0.8vw,16px); font-family:'Montserrat-Regular'; transition: all 0.3s ease; overflow: hidden; height: 0; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item.active .list_content_item_content{ height: max-content; margin: 0.5vw 0 1.5vw 0; } @media(max-width: 768px){ .small--hide{ display:none; } .small--show{ display:block; } .detail .title{ font-size: 5vw; } .detail .content{ margin: 3vw 0; font-size: 3.7vw; } .detail .container .flex_row, .detail .container .flex_row_reverse{ flex-direction: column; gap: 12px; } .detail .container .scroll_content{ overflow-x: auto; -webkit-overflow-scrolling: touch; } .detail .container .tab_menu_header{ padding: 5px; } .detail .container .tab_menu_header .tab_menu_item{ padding: 2vw 3vw; } .detail .container .tab_menu_header .tab_menu_item .tab_menu_title{ font-size: 4vw; } .detail .container .tab_menu_header .tab_menu_item .tab_menu_subtitle{ font-size: 3vw; } .detail .container .tab_menu_content .tab_menu_content_item{ margin-top: 5vw; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block{ flex-direction: column; gap: 10px; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_title{ font-size: 4vw; padding: 3vw 0; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item .list_content_item_content{ font-size: 3.5vw; } .detail .container .tab_menu_content .tab_menu_content_item .list_content_block .list_content_text .list_content_item.active .list_content_item_content{ margin: 2vw 0 5vw 0; } } // ?? tab ???? $('.tab_menu').on('click','.tab_menu_item', function(){ var self = $(this), index = self.index(); self.addClass('active').siblings().removeClass('active'); $('.tab_menu_content_item').eq(index).addClass('active').siblings().removeClass('active'); }); $('.tab_menu').on('click','.list_content_item', function(){ var self = $(this), index = self.index(), scrollHeight = self.find('.list_content_item_content')[0].scrollHeight; if(document.body.clientWidth