/* 麵包屑 ************************************************************************************************************/

.root.row_crumb{
	margin-top:16px;
	margin-bottom:8px;
	padding:0!important;
}
.root.row_crumb #div_crumb{
	margin:10px 0;
}
/* 強勢品牌 ************************************************************************************************************/
h2.main-lang{
    color:#ffffff;
}
div[id*="main_promote_brand_"] img{
    cursor: pointer;
    width: 100%;
}
.promote_title{
    margin-top: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.promote_action{
	display:block;
	position:relative;
    font-size: 14px;
    line-height:14px;
    font-style: normal;
    font-weight: 600;
    text-underline-offset: 5px;
    margin-top:16px;
    padding-bottom:4px;
    width: fit-content;
}
.promote_action:hover{
	color:unset;
}
.promote_action:after{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:1px;
	width:100%;
	background:#ffffff;
}
.brand-top {
    background:var(--header_main_f_color, #000000);
    padding:56px 0 60px;
}
@media(max-width:767px){
    .brand-top {
        background:var(--header_main_f_color, #000000);
        padding:24px 0 32px;
    }
}
.brand-top .slick-slide {
    padding:0 12px;
}
#div_promote_brand_area .hero-slider__arrow--right {
    margin-right:-44px;
}
#div_promote_brand_area .hero-slider__arrow--left {
    margin-left:-44px;
}
.brand-top .hero-slider__arrow i{
	color: var(--white_color);
    -webkit-text-stroke: 0.3px currentColor;
}
.div_promote_img_outer{
	background:#ffffff;
	min-width: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 177 / 70;
}
@media(max-width:767px){
	.brand-top .slick-slide {
	    padding:0 8px;
	}
	#div_promote_brand_area .hero-slider__arrow--right {
	    margin-right:-40px;
	}
	#div_promote_brand_area .hero-slider__arrow--left {
	    margin-left:-40px;
	}
	.div_promote_img_outer{
	    aspect-ratio: 5 / 2;
	}
}
.div_promote_img_outer img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* 搜尋 ************************************************************************************************************/
.div_brand_search{
	position:relative;
    margin-top:24px;
    display: grid;
    align-items: center;
    max-width: 360px;
    width:100%;
}
.div_brand_search i {position: absolute;
    font-size: 25px;
    left: 12px;
}
#brandListInput{
    border: 1.5px solid var(--gray_500, #CED4DA);
    padding: 11px 45px;
    font-size: 15px;
    letter-spacing: 0.75px;
}
#brandListInput:focus{
    border: 2px solid var(--color_primary, #000000);
}
@media(max-width:767px){
    .div_brand_search{
    	margin-top:20px;
        width: 100%;
    }
}
/* 分類列表 ************************************************************************************************************/
#ul_sectionInfo div[id*="li"] a{
  padding:8px 20px;
  position: relative;
  display: inline-block;
  line-height:18px;
  min-width:53px;
}
#ul_sectionInfo a:hover {
  text-shadow:
        0.5px 0 currentColor,
       -0.5px 0 currentColor;
}
#ul_sectionInfo a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 4px;
  background: #000;
  transition: width 0.2s ease;
}

#ul_sectionInfo div[id*="li"]:hover a::after {
  width: 20px;
  margin:auto;
}

#ul_sectionInfo {
	display:flex;
    justify-content: center;
    border-top: 1px solid var(--header_main_f_color, #000000);
    border-bottom: 1px solid var(--header_main_f_color, #000000);
    padding: 16px 0;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 450;
}
@media(max-width:767px){
    #ul_sectionInfo {
        padding: 7px 0;
    }
}

.alphabetBlock{
    margin-bottom:48px;
}
#brand_List .alphabetBlock:last-child{
    margin-bottom:48px;
}
#brand_List .alphabetBlock.row > [class *='col-'] {
    padding:0 8px;
}
.alphabetBlock.m-b-30{
    margin-bottom:48px;
}
.alphabetBlock a{
    font-size:19px;
    position: relative;
    display: inline-block;
    padding:3px 0;
    letter-spacing:0;
}
@media(max-width:767px){
    .alphabetBlock{
        margin-bottom:24px;
    }
    .alphabetBlock a{
        font-size:17px;
    }
    #brand_List .alphabetBlock:last-child{
	    margin-bottom:24px;
	}
}
.alphabetBlock a:hover{
	color:var(--header_main_f_color, #000000);
	text-shadow:
    0.5px 0 currentColor,
    -0.5px 0 currentColor;
}
.alphabetBlock a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--header_main_f_color, #000000);
  transition: 0.2s;
}

/* hover */
.alphabetBlock a:hover::after {
  width: 100%;
}
/*============= 品牌列表 ================*/
#brand_List{
    font-size:14px;
    letter-spacing:1px;
    padding-top:48px;
}
#brand_List h4{
    font-size:26px;
    font-weight:600;
    line-height:26px;
    padding-bottom:10px;
    border-bottom:1px solid var(--gray_300, #dee2e6);
    margin-bottom:10px;
}
@media(max-width:767px){
    .q-padding{
        padding:16px;
    }
    #brand_List{
        padding-top:24px;
    }
    #brand_List h4{
        font-size:24px;
        line-height:24px;
    }
}

#div_promote_brand_area{
	margin-bottom:0;
}
#div_promote_brand_area .slick-list{
	margin-left:-12px;
	margin-right:-12px;
}

.cut-title.sec-title h2{
    margin-top:56px;
}
@media(max-width:767px){
    .cut-title.sec-title h2{
        margin-top:32px;
    }

    #ul_sectionInfo {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}
@media (max-width: 991px) {
    .main {
        padding-top: 140px;
    }
}