.layout-gap80{
	display:flex;
	flex-direction:column;
	gap:60px;
	margin-top:60px;
}
@media(min-width:992px){
.layout-gap80{
	gap:80px;
	margin-top:80px;
}
}
.media-block-s{
    border: 1px solid rgba(236, 234, 233, 1);
    background: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.95);
    padding: 16px;
    margin-top: -53px;
    margin-left: 25px;
    position: relative;
    z-index: 1;
    width: 91%;
}
input.large {
    background: transparent;
    border:1px solid #222222;
    border-radius: 0;
    padding: 17px 16px 17px 78px;
    font-size: 16px;
    box-shadow: none;
}

@media (min-width: 744px) {
    #div_side_menu_4_v2 input.large {
        text-align: center;
    }
}

@media (max-width: 743px) {
    #div_side_menu_4_v2 input.large {
        padding: 17px 16px 17px 48px;
    }
}

#div_menu_4{
    margin-top:20px;
    color:rgba(34, 34, 34, 0.6);
}
#div_menu_4 div{
    display: flex;
    gap:15px;
}

/* 側選單不用 gap */
#div_side_menu_4_v2 #div_menu_4 div{
    gap: unset;
}
#div_side_menu_4_v2 #div_menu_4 .swiper-slide a:hover{
    color: rgba(229, 0, 18, 1)!important;
}


/* *** Background-Color ***  */
.light-purple-bg {
    background-color: rgba(229, 230, 241, 1);
}
/* *** Top 搜尋 ***  */
.top-menu-slider {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    color: rgba(34, 34, 34, 1);
    margin-top: 16px;
}
.top-menu-slider a {
    text-decoration: underline;
}
.block-content-first {
    padding-top: 130px;
}
@media (min-width: 744px) {
    .block-content-first {
    padding-top: 135px;
}
}
@media (min-width: 1200px) {
    .block-content-first {
        padding-top: 175px;
    }
}
.sidepage-block-gap{
    display: flex;
    flex-direction: column;
    gap:32px;
}
.hot-news-block{
    display: grid;
    grid-template-columns: 1fr;
    gap:24px;
/*     min-height: 333px; */
}
@media(min-width:744px){
    .hot-news-block{
        grid-template-columns: 50% 1fr;
    }
}
@media(min-width:992px){
    .hot-news-block{
        grid-template-columns: 30% 1fr;
    }
}
@media(min-width:1200px){
    .hot-news-block{
        grid-template-columns: 25% 1fr;
    }
}
.hot-news-block ul{
    padding:0;
    margin:0;
    display: inline-flex;
    flex-wrap: wrap;
    gap:16px;
}
.hot-news-list ul li,
.hot-store-list ul li,
.hot-product-list ul li {
    list-style: none;
    color:rgba(34, 34, 34, 0.6);
    padding-right:16px;
    display: inline-block;
    line-height: 24px;
    position: relative;
    letter-spacing: 0px;
}
.hot-news-list ul li::after,
.hot-store-list ul li::after,
.hot-product-list ul li::after {
    position: absolute;
    content:"";
    right:0;
    top: 50%; 
    transform: translateY(-50%);
    height:14px;
    width:1px;
    background-color:rgba(34, 34, 34, 1);
}
.hot-news-list ul li:last-child::after,
.hot-store-list ul li:last-child::after,
.hot-product-list ul li:last-child::after{
    display: none;
}
.hot-news-list ul li a,
.hot-store-list ul li a,
.hot-product-list ul li a {
    position: relative;
}
.hot-news-list ul li a.active,
.hot-store-list ul li a.active,
.hot-product-list ul li a.active {
    color:rgba(34, 34, 34, 1);
}
.hot-news-list ul li a.active::after,
.hot-store-list ul li a.active::after,
.hot-product-list ul li a.active::after {
    position: absolute;
    content:"";
    left:0;
    bottom:-9px;
    height:2px;
    width:100%;
    background-color:rgba(208, 52, 61, 1)!important;
}
.hot-news-list ul li a:hover,
.hot-store-list ul li a:hover,
.hot-product-list ul li a:hover{
    color:rgba(208, 52, 61, 1)!important;
}
.hot-news-slider{
    position: relative;
    display: flex;
    gap:16px;
} 
@media(min-width:744px){
    .hot-news-slider{
        position: absolute;
        top:0;
        left:0;
        right:0;
    }
}
.hot-news-slider img{
    max-height:394px;
}
.hot-news-right{
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}
.hot-news-slider .common-card{
    min-width:333px;
    height:auto;
}
@media screen and (min-width: 992px) and (max-width: 1200px){ 
    .hot-news-block  .sub-title{
        font-size: 42px;
    }
}

#div_side_menu_4_v2 .search-key .swiper-scrollbar {
    display: none;
}

/* swiper區域佔用套上後可刪除 */
.scroll-area{
    overflow-x: auto;
}
.scroll-area img{
    height:314px;
    object-fit: contain;
}
.div_swiper_online_product_content_menu .swiper-slide
{
    display: inline;
}

#div_side_menu_4_v2 .swiper_area{
    flex-grow: 1;
    overflow: hidden;
}

#div_side_menu_4_v2 .tab-menu-swiper02 .swiper-slide {
    border-right: unset;
}

.index-content .card-list, .index-content .card-list ul {
    margin-bottom: auto;
}

.no-margin-top {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

#a_header_add_member {
    width: auto;
}

.te_ts_default_wrapper {
    z-index: 9 !important;
}

#div_swiper_online_new_content_menu.tab-menu-swiper02 .swiper-slide a {
     padding-left: 0; !important;
     padding-right: 20px; !important;
 }
@media (max-width: 743px) {
    #div_side_menu_4_v2 .common-card-content {
        width: calc(100vw - 40px) !important;
    }
    .common-card-content .card-title{
        white-space: normal;   /* 允許正常換行 */
        word-wrap: break-word; /* 太長的單字自動斷行 */
        overflow-wrap: break-word; /* 新的標準寫法 */

    }
    #div_swiper_online_new_content_menu.tab-menu-swiper02 .swiper-slide a {
        padding-left: 0; !important;
        padding-right: 0; !important;
    }
    #div_swiper_online_new_content_menu {
        padding-left: 0 !important;
    }
    #div_swiper_online_new_content_menu .img-responsive {
        width: calc(100vw - 40px) !important;
        height: auto;
        object-fit: cover;
        object-position: center;
        display: block;
        aspect-ratio: 3 / 2;
    }
    #div_swiper_online_new_content_menu .article-card-size {
        width: auto !important;
    }
    .hot-news-block .gap20 {
        width: calc(100vw - 40px) !important;
    }
    #div_swiper_online_new_content_menu .swiper-slide {
        padding-right: 20px;
    }
    #div_swiper_online_new_content_menu .swiper-slide:first-child {
        padding-left: 0;
    }
    #div_swiper_online_new_content_menu .swiper-slide:last-child {
        padding-right: 0 !important;
    }
}