@charset "UTF-8";
.session_kv {
	min-height: 33.3vw;
}
.session_kv .slick-slide img {
	min-height: 33.3vw;
	/*object-fit: cover;*/
}
.session_kv .slick-slide img {
	min-height: 33.3vw;
}
.session_kv .kv_loader{
	top: calc(17.5vw - 12px);
	left: calc(50vw - 12px);
	position:absolute;
}
.session_kv  .nav-style1 > button.slick-arrow{
	top: 256px !important;
}
.menu_vertical li {
	min-height: 40px;
}
@media (max-width: 810px) {
    /*.session_kv_mobile{
    	height: 66.7vw;
    }
    .session_kv_mobile .slick-slide img {
		height: 66.7vw;
		object-fit: cover;
	}*/
	.session_kv_mobile .slick-slide img {
		min-height: 66.7vw;
	}
	.session_kv_mobile .kv_loader{
		top: calc(35vw - 12px);
		left: calc(50vw - 12px);
		position:absolute;
	}
    .product-img{
    	min-height: 194px;
    }
}
@media (max-width: 480px) {
   /*.session_kv_mobile{
    	height: 66.7vw;
    }
    .session_kv_mobile .slick-slide img {
    	height: 66.7vw;
		object-fit: cover;
	}*/
	.session_kv_mobile .slick-slide img {
    	min-height: 66.7vw;
	}
	.session_kv_mobile .kv_loader{
		top: calc(37vw - 12px);
		left: calc(50vw - 12px);
		position:absolute;
	}
    .product-img{
    	min-height: 118px;
    }
}
.brand_content{
    padding-left: 300px;
    position: absolute;
    z-index: 9;
    top: 41px;
}
.brand_content .side_right_contentv3 .product_block{
    object-fit: contain;
}
.activity-block{
	margin-right: 16px;	
	min-height: 178px;
}
.mobile .activity-block{
	margin-right: 8px;
	min-height: 180px;
}
.tablet .activity-block{
	margin-right: 8px;
	min-height: 180px;
}
.activity-box {
	width: 328px;
	/*height: 178px;*/
	border-radius: 4px;
	overflow: hidden;
}
.mobile .activity-box {
	width: 335px;
	/*height: 180px;*/
}
.tablet .activity-box {
	width: 335px;
	/*height: 180px;*/
}
/*.activity-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}*/
#img_popup_ad{
	border-radius: 16px;
}
.btn_close{
	position:absolute;
	width:32px;
	height:32px;
	background-color:rgba(255, 255, 255, 0.8);
	border-radius:16px;
	text-align:center;
	line-height:32px;
}
.popup_close{
	right:20px;
	top:20px;
}
/** 首頁潮流精選 **/
#latest_trends{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 30px;
}
#latest_trends .div-trend{
	border-radius: 0px;
    /* height: 350px; */
}
#latest_trends .div-trend img{
	width: 100%;
    height: auto;
    /* object-fit: cover; */
}
@media (max-width: 991px) {
	#latest_trends{
	    grid-column-gap: 20px;
	}
    /* #latest_trends .div-trend{
	    height: 250px;
	} */
}
@media (max-width: 576px) {
	#latest_trends{
		display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    grid-row-gap: 20px;
	}
}
/** 首頁小型Banner **/
.session_collection .img-fluid{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
/** 首頁精選分類 **/
.session_species{
	margin-top: 60px;
}
.container.species{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 40px;
}
.container.species span.shop{
	text-align: center;
    font-size: 16px;
    line-height: 2;
    display: block;
    cursor: pointer;
}
@media (max-width: 991px) {
	.session_species{
	    margin-top: 40px;
	}
	.container.species{
		grid-gap: 20px;
	}
}
@media (max-width: 576px) {
	.session_species{
	    margin-top: 20px;
	}
	.container.species{
	    grid-template-columns: repeat(3, 1fr);
	    grid-gap: 40px;
	}
}
/** 首頁關鍵字 **/
.session_index_kws{
    margin-top: 60px;
}
@media (max-width: 991px) {
	.session_index_kws{
	    margin-top: 40px;
	}
}
.session_index_kws_mobile{
    margin-top: 40px;
}
#div_index_kws{
	position: relative;
	overflow: hidden;
}
#div_index_kws .swiper{
	margin-left: 0px;
	border-radius: 25px;
}
#div_index_kws .swiper-slide{
	width: auto;
}
#div_index_kws .swiper-button{
	height: 2rem;
    width: 2rem;
    top: var(--swiper-navigation-top-offset, 66%);
}
#div_index_kws .swiper-button-prev{
	left: var(--swiper-navigation-sides-offset, 0px);
	right: auto;
}
#div_index_kws .swiper-button-next{
	right: var(--swiper-navigation-sides-offset, 0px);
    left: auto;
}
#div_index_kws .left{
	padding: 10px 15px;
	position: absolute;
	border-radius: 40px;
	height: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
    text-align: center;
    width: 200px;
    z-index:2;
}
#div_index_kws .left a{
	font-weight: bold;
}
#div_index_kws .right{
	white-space: nowrap;
	padding: 10px;
	border-radius: 40px;
	padding-left: 200px;
	overflow: auto;
	display: flex;
    align-items: center;
}
#div_index_kws .right::-webkit-scrollbar {
    display: none; /* 隐藏scrollbar */
}
#div_index_kws .right .tag{
	margin-left: 10px;
	padding: 10px 20px;
	border-radius: 25px;
	background-color: white;
	display: inline-block;
}
@media (max-width: 991px) {
	#div_index_kws .left{
		padding: 5px 10px;
		font-size: 15px;
		width: 150px;
	}
	#div_index_kws .right{
		padding: 5px;
		padding-left: 150px;
	}
	#div_index_kws .right .tag{
		margin-left: 5px;
		font-size: 15px;
		padding: 5px 10px;
	}
}
@media (max-width: 576px) {
	#div_index_kws .left{
		padding: 5px 10px;
		font-size: 13px;
		width: 110px;
	}
	#div_index_kws .right{
		padding: 5px;
		padding-left: 110px;
	}
	#div_index_kws .right .tag{
		margin-left: 5px;
		font-size: 13px;
		padding: 5px 10px;
	}
}

/** 首頁品牌 **/
#brand_swiper .grid-brand-product{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: center;
}
#brand_swiper .product-img img {
    min-height: 100%; 
    aspect-ratio: 1 / 1;
}
.brand-area{
	background-color: #F6F6F6;
}
.swiper-brand .swiper-slide{
	padding: 10px;
}
.swiper-brand .promotion-box{
	padding: 10px 0;
	background-color: white;
}
.brand-area .swiper-pagination-bullet{
	background-color: gray;
    border-color: gray;
}
/* .index_brand_bg{
	height: 200px;
} */
.index_brand_bg img{
	/* max-width: 100%;
    object-fit: cover; */
    height: auto;
}