*{
	font-size: 10px;
}
body{
	background-color: #fff;
	font-size: 10px;
}
header{
	z-index: 999;
	height: 120px;
	position: fixed;
	width: 100%;
	top: 0;
}
header .con{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;
	z-index: 999;
	padding: 1rem 5rem;
	height: 100%;
}
.logo{
	max-width: 200px;
}
header.scrolling .con{
	background-color: rgba(0, 0, 0, 0.5)
}
header .con nav{
	height: 40px;
}
header .con nav ul{
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: 0;
	height: 100%;
	padding-left: 0;
}
header .con nav ul.navList>li{
	color: #fff;
	margin: 0 1vw;
	font-size: 1.6rem;
	cursor: pointer;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .con nav ul.navList>li.active:after,header .con nav ul.navList>li:hover:after {
	content: "";
    font-size: 2.4rem;
    width: 2.7em;
    position: absolute;
    height: 5px;
    background-color: #961623;
    bottom: 0;
    left: 0;
    transition: all .3s ease;
/*     margin-left: 1vw; */
}


header .con nav ul li>div,header .con nav ul li a{
	color: #fff;
	font-size: 1.6rem;
}
header .underLine {
    font-size: 2.4rem;
    width: 2.7em;
    position: absolute;
    height: 5px;
    background-color: #961623;
    bottom: 0;
    left: 0;
    transition: all .3s ease;
    margin-left: 1vw;
}
header .expendBg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
header .expendContent{
	display: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
header.expendOpen .expendContent{
	display: block;
	position: relative;
	z-index: 998;
	color: #fff;
	background-color: rgb(21,21,21,.9);
	padding: 0 5rem 5rem 5rem;
}
header.expendOpen .expendBg{
	background-color: rgb(21,21,21,.9);
/* 	padding-bottom: 5rem; */
}

header .expendContent hr{
	border: 0;
	border-top: 1px solid #fff;
	width: calc(100% - 10rem);
	margin: 0 0 3rem 0;
	left: 5rem;
}
header .expendContentFlex{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
header .expendContentFlex ul{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	list-style: none;
}
header .expendContentFlex ul li{
	font-size: 3rem;
	line-height: 6rem;
	font-weight: bold;
	border-bottom: 3px solid transparent;
	transition: all .25s ease;
	cursor: pointer;
	color: #fff;
}
header .expendContentFlex ul li a{
	font-size: 3rem;
	line-height: 6rem;
	color: #fff;
}
header .expendContentFlex ul li:hover,
header .expendContentFlex ul li.active{
	border-bottom: 3px solid #ff0027;
}
header .expendContentFlex .menuImg{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .expendOtherFlex{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
header .expendOtherFlex .item{
	margin-right: 4rem;
}
header .expendOtherFlex ul{
	list-style: none;
	padding-left: 0;

}
header .expendOtherFlex b{
	font-size: 1.8rem;
	color: #FFF;
}
header .expendOtherFlex b a{
	font-size: 1.8rem;
	color: #FFF;
}
header .expendOtherFlex ul li{
	font-size: 1.3rem;
	line-height: 2.4rem;
	cursor: pointer;
	color: #FFF;
}
header .expendOtherFlex ul li a{
	font-size: 1.3rem;
	line-height: 2.4rem;
	cursor: pointer;
	color: #FFF;
}
header.whiteBg{
	background-color: #fff;
}
header.whiteBg ul li>div{
	color: #000;
}
header.whiteBg.redBorder{
	border-bottom: 1px solid #da0011;
}
.warning{
	z-index: 1000;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: initial;
	width: 100%;
	min-height: 10dvh;
	background-color: #221d1c;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem 3rem;
}

.kv{
	width: 100%;
	max-height: 100dvh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

/*bb*/
.kv_bg{
	width: ;
 filter: brightness(50%);
}

.kv_contain{
	position: absolute;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 2rem;
}
.kvSubTitle{
	text-align: center;
	font-size: 1.8rem;
}
.kvTitle{
	font-size: 4.8rem;
	font-weight: bold;
	margin: 30px 0;
}
/*BB*/
.kvTitle2{
	font-size: 4.8rem;
		line-height: 6rem;
	font-weight: bold;
	color: #961623;
	margin: 0 0;
}

.kvTitle::before{
	content: '';
	position: absolute;
	border-top: 2px dashed #961623;
	top: 0;
	left: 0;
	width: 80%;
	z-index: 2;
	margin-top: -5px;
	margin-left: 10%;
}
.kvTitle::after{
	content: '';
	position: absolute;
	border-top: 2px dashed #961623;
	bottom: 0;
	left: 0;
	width: 80%;
	z-index: 2;
	margin-bottom: -5px;
	margin-left: 10%;
}
/*BB*/
.kv .est{
	color: #ff0027;
	font-size: 2rem;
	font-family: Palatino;
		font-weight: bold;
		margin-top: 20px;
}
.btnStyle01{
	width: 260px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #000;
	color: #fff;
	background-color: #961623;
	font-size: 1.8rem;
	transition: all .25s ease;
}
.btnStyle01:hover{
	background-color: #fff;
	color: #961623;
}
.indexAbout{
	padding: 7rem 0 17rem 0;
	background-color: #f1f1f1;
}

.indexAbout .btnStyle01{
	background-color: #fff;
	color: #961623;
}
.indexAbout .btnStyle01:hover,
.discoverWrap .right .btnStyle01:hover{
	background-color: #961623;
	color: #fff;
}
.indexAbout .aboutWrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.indexAbout .aboutWrap .left{
	width: 40%;
	margin-right: 30px;
}
.indexAbout .aboutWrap .right{
	width: 60%;
}
.indexAbout .aboutWrap p{
	font-size: 1.6rem;
	line-height: 3.6rem;
	text-align: justify;
}
.indexAboutBg{
	display: none;	
}
.indexDiscover{
	background-image: url(/assets/web/images/index_discover_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 11rem 0;
}
.indexDiscover .discoverWrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.discoverWrap .left{
	width: 40%;
}
.discoverWrap .left p{
	color: #fff;
	font-size: 1.6rem;
	line-height: 3.6rem;
	text-align: justify;
}
.discoverWrap .right{
	width: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.discoverWrap .right .btnStyle01{
	background-color: #fff;
	border: 0;
	color: #961623;

}
.indexBottom{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 22vw;
	background-image: url(/assets/web/images/index_bottom_img.png);
}
footer{
	background-color: #151515;
	padding: 7rem 0 16rem 0;
	margin-top: -5px;
}
footer::before{
	content: '';
	position: absolute;
	left: 16vw;
	top: -100px;
	background-color: #151515;
	clip-path: polygon(0 100%, 17% 80%, 35% 100%, 66% 58%, 100% 100%);
	width: 220px;
	height: 100px;
}
.footerWrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/*bb*/
footer .footerWrap .left{
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}


footer .footerWrap p{
	color: #fff;
	padding: 0 3rem;
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.footerLogo{
	width: 150px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .sign{
	mix-blend-mode: screen;
	position: absolute;
	right: 0;
	/*bottom: 0;*/
	/*margin-bottom: -2rem;*/
}
/*bb*/
footer .footerWrap .right{
	width: 25%;
	color: #fff;
}

footer .footerWrap .right b{
	font-size: 1.8rem;

}
footer .footerWrap .right ul{
	list-style: none;
	padding-left: 0;
	margin-top: 2rem;
}
footer .footerWrap .right ul li{
	font-size: 1.6rem;
	color: #f0f1ec;
	margin: 0.5rem 0;
}
footer hr{
	margin: 5rem 0;
	border: 0;
	border-top: 1px solid #414140;
}
footer .copyright{
	color: #fff;
	font-family: Palatino;
	font-size: 1.5rem;
}


/*age-warning*/

.age-warning{
	display: flex;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 /.5);
	justify-content: center;
	align-items: center;
	display: none;
	z-index: 9999;
}
.age-warning.show{
	display: flex;
}

.age-warning .container{
	width: 640px;
	height: 460px;
	background: url(/assets/web/images/year_bg.jpg);
	background-size: cover;
	border:1px solid #cf1330;
	display: flex;
	justify-content: center;align-items: center;
	flex-direction: column;
	
}
.age-warning .container p,.age-warning .container label{
	font-size: 15px;
	line-height: 1.5em;
	color: #fff;
}
.age-warning .container p.tip{font-size: 12px;}

#birthday-check{
	display: flex;justify-content: center;align-items: center;
}

#birthday-check select{
	width: 120px;
	line-height: 30px;
	font-size: 16px;
	margin: 0 5px;
	height: 30px;
	text-align: center;
}
.age-save{
	display: flex;justify-content: center;align-items: center;
}
.age-save input[type='checkbox']{
	width: 15px;
	height: 15px;
}

#birthday-check select option{
	font-size: 1em;
}
/*age-warning*/

.prod_exploreList_page, .prod_list_page,
.topBread{
	padding-top: 120px;
}
.prodBn{
	width: 100%;
	height: 25vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.prod_exploreList_page .prodBn{
	background-image: url(/assets/web/images/prod_bn.png);
}
.prod_exploreList_page .prodBn::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
}


ul.bread{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	padding: 1rem 0;
	margin-top: 0;
}
ul.bread li{
	color: #fff;
	font-size: 14px;
}
ul.bread li::after{
	content: '>';
	margin: 0 5px;
}
ul.bread li:nth-last-child(1)::after{
	content: '';
}
.prodBn .pageTitle{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.prodBn .pageTitle>div{
	font-size: 4.8rem;
	font-weight: 900;
	color: #fff;
	margin-top: -15px;
}
.prodBn .pageTitle>div::before{
	content: '';
	position: absolute;
	width: 26rem;
	border-top: 2px dashed #961623;
	left: 50%;
	margin-left: -13rem;
	top: -0.5rem;
}
.prodBn .pageTitle>div::after{
	content: '';
	position: absolute;
	width: 26rem;
	border-bottom: 2px dashed #961623;
	left: 50%;
	margin-left: -13rem;
	bottom: -1rem;
}

.prod_descArea{
	padding: 5rem 0;
}
.prod_descArea p{
	font-size: 1.6rem;
	color: #444;
	text-align: justify;
}
.prod_exploreList{
	margin-bottom: 15rem;
}
.prod_exploreList .container{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.prod_exploreList .prodBox{
	width: calc(100% / 3 - 30px);
	margin: 6rem 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
}
.prod_exploreList .prodBox .prodImg{
	height: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.prodBox .prodName{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 4rem 0;
}
.prodBox button,
.newsBox button{
	border: 1px solid #1c2a37;
	color: #1c2a37;
	font-size: 1.4rem;
	width: 15rem;
	height: 4rem;
	background-color: #fff;
	transition: all .25s ease;
}
.prodBox button:hover{
	background-color: #961623;
	color: #fff;
}
.prod_list_page{
	/*padding-bottom: 15rem;*/
}
.prod_list_page .prodBn{
	height: 15vw;
}
.prod_list_page .prodBn .pageTitle>div{
	color: #000;
}
.prod_list_page ul.bread li,
.prod_detail_page ul.bread li,
.topBread ul.bread li{
	color: #000;
}
.prod_list_page .prod_class_list .container,
.prod_list_page .prod_class_list .container_o,
.news_list_page .container
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 15rem;
}
.news_list_page .container{
	padding-bottom: 0;
}
.prod_list_page .prodBox,
.news_list_page .newsBox{
	width: calc(100% / 2 - 30px);
	margin: 6rem 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
}
.prodBox .prodInfo,
.newsBox .newsInfo{
	color: #ff042a;
	font-family: Garamond;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: .5em;
}
.prodBox .prodTxt,
.newsBox .newsTxt{
	margin: 1rem 0 1rem 0;
	font-size: 1.4rem;
	min-height: 50px;
}
.prod_list_page .prodBox .prodName,
.news_list_page .newsBox .newsName{
	margin: 0.5rem 0;
	font-size: 1.8rem;
	font-weight: bold;
}
.prod_list_page .prodBox .prodImg,
.news_list_page .newsBox .newsImg{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 280px;
}
.prod_detail_page{
	margin-top: 120px;
}
.prod_detail_page .prodFlex{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.prod_detail_page .prodInfoBox{
	width: 40%;
	padding: 1rem 6rem;
}
.prod_detail_page .prodTag{
	color: #ff042a;
	font-family: Garamond;
	font-size: 1.8rem;
	font-weight: bold;
}
.prod_detail_page .prodName{
	font-size: 48px;
	font-weight: bold;
}
.prod_detail_page .prodImg{
	width: 60%;
	padding-top: 56.26%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.prod_detail_page .prodTxt{
	font-size: 1.6rem;
	margin-top: 0.5rem;
}
.prod_detail_page .prod_decline{
	margin: 1rem 0;
}
.prod_detail_page .prod_decline img{
	max-width: 100%;
	height: auto;
}
.prod_detail_page .prodInfoBox p{
	font-size: 1.5rem;
	text-align: justify;
	line-height: 1.5;
}
.prod_detail_page .detailNote{
	font-size: 2.4rem;
	font-weight: bold;
	display: inline-block;
	margin-left: 6rem;
}
.prod_detail_page .detailNote::after{
	content: '';
	border-bottom: 1px dashed #961623;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: -5px;
}
.prod_detail_page .prodDetailBox{
	margin: 6rem 0 13rem 0;
}
.detailNoteArea{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 6rem 0 17rem 0;
	flex-wrap: wrap;
}

.detailNoteArea .noteList{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem;
	border-top: 1px solid #e7e7e7;
	width: calc(50% - 6rem);
	margin-left: 6rem;

}
.detailNoteArea .noteList:nth-last-child(2){
	border-bottom: 1px solid #e7e7e7;
}
.detailNoteArea .noteList label{
	font-weight: bold;
	width: 10rem;
	flex-shrink: 0;
	font-size: 1.5rem;
}
.detailNoteArea .noteList div{
	font-size: 1.5rem;
}
.returnBtn{
	padding: 1rem 5rem;
	border: 1px solid #000;
	font-size: 1.6rem;
}
.flexContain{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.brand .flexContain .left{
	width: 57%;
}
/*.brand .flexContain .left img{
	max-width: 100%;
	height: 100%;
}*/
.brand .flexContain .right{
	width: 43%;
	padding: 1rem 6rem;
}

.brand .flexContain .brandTag{
	color: #ff042a;
	font-family: Garamond;
	font-size: 1.8rem;
	font-weight: bold;
}
.brand .flexContain .brandName{
	font-size: 4.8rem;
	font-weight: bold;
}
.brand .flexContain .brandTxt{
	font-size: 1.6rem;
	margin-top: 0.5rem;
}
.brand .flexContain .brand_decline{
	margin: 1rem 0;
}
.brand .flexContain .brand_decline img{
	max-width: 100%;
	height: auto;
}
.brand .flexContain p{
	font-size: 1.5rem;
	text-align: justify;
	line-height: 1.5;
}
.brand .flexContain:nth-child(even) .right{
	padding: 0;
}
.brand .flexContain:nth-child(even) .left{
	padding: 1rem 6rem;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
.brand{
	padding-bottom: 10rem;
}
.titleStyle{
	font-size: 3rem;
	font-weight: bold;
}
.brand_discover{
	background-image: url(/assets/web/images/brand_bg.jpg);
    background-repeat: repeat;
    background-position: center top;
}
.brandFlex{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	padding: 5rem 0rem;
}

.brand-nav{
	width: 35%;
	padding: 0;
	border-right: 1px solid #9e7f62;
	font-size: 1.8rem;
	height: calc(3em * 7);
    overflow: hidden;
}
.brandFlex .left{
	width:100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: column;
	list-style: none;
    padding: 0rem 6rem;
    padding-left: 0;
    margin: 0;
    font-size: 1.8rem;
    transition: transform 1.75s;
    transform: translateY(calc( 3em * 3));
    
/*     font-size: 1.8rem; */
    
}
.brandFlex .left li{
	font-size: 1.8rem;
	line-height: 3em;
	color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-align: right;
	transition: all .25s ease;
}
.brandFlex .left li:hover,
.brandFlex .left li.active{
	color: rgba(0, 0, 0, 1);
}
.mySwiper{
	max-height: 70rem;
}
.brandFlex::after{
/* 	right: 0; */
	left: 34%;
	top: calc(5rem + 1.8rem * 3 * 4 - 1.8rem * 3 / 2);
	content: url('/assets/web/images/brand_arrow.png');
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	margin-left: 1rem;
}
.brandFlex .right{
	width: 65%;

	padding-left: 6rem;
	padding-right: 1.5rem;
}
.brandFlex .right p{
	font-size: 1.8rem;
	line-height: 2em;
	margin-top: 0;
}
.brandFlex .left_mb{
	display: none;
}
/* .returnBtn{
	display: none;
} */
.brand_bg_dec{
	position: absolute;
	right: 1rem;
	bottom: 3rem;
}
.arrowDown{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5rem 0;
}

.news_list_page .newsBox .newsImg{
	width: 100%;
	height: initial;
	padding-top: 56.25%;
	margin-bottom: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.news_list_page .news_list{
	margin-top: 30px;
}
.news_detail{
	padding-bottom: 15rem;
}
.news_detail_flex{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.news_detail .newsDate{
	font-size: 24px;
	color: #d73951;
}
.news_detail .newsTitle{
	font-size: 48px;
	font-weight: bold;
}
.newsTitleArea{
	width: 50%;
	padding-right: 3rem;
}
.news_detail .newsPhoto{
	width: 50%;
	padding-top: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.news_detail .newsContent{
	font-size: 1.5rem;
	margin-top: 5rem;
	line-height: 1.5em;
	text-align: justify;
}
.news_detail .newsContent p,.news_detail .newsContent *{
	font-size: 16px;
}
.news_detail .newsContent img{
	    max-width: 100%;
    height: auto !important;
}
.introductBn{
	background-image: url(/assets/web/images/wine_introduce_bn.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 40vw;
	padding-top: 120px;
	min-height: 580px;
}
.introductBn ul.bread{
	margin: 0;
}

.introductBn .pageTitle{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.introductBn .pageTitle>div{
	font-size: 4.8rem;
	font-weight: 900;
	color: #fff;
	margin-top: -15px;
}
.introductBn .pageTitle>div::before{
	content: '';
	position: absolute;
	width: 100%;
	border-top: 2px dashed #961623;
	left: 0%;
	/*margin-left: -13rem;*/
	top: -0.5rem;
}
.introductBn .pageTitle>div::after{
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 2px dashed #961623;
	left: 0%;
	/*margin-left: -13rem;*/
	bottom: -1rem;
}
.introductBn .container{
	height: 100%;
}
.introductBn_content{
	width: 45%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.introductBn_content p.introductDesc{
	color: #fff;
	font-size: 1.6rem;
	margin: 3rem 0;
	line-height: 2em;
	text-align: justify;
}
.introductBn_content p.introductDesc span.red{
	color: #d11b37;
	font-size: 1.3rem;
}
.intro_prod{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.intro_prod_title{
	font-size: 3.6rem;
	font-weight: bold;
	margin-bottom: 1.2em;
	color: #fff;
}
.intro_prod_title::after{
	content: url(/assets/web/images/wine_title_decline.png);
	position: absolute;
	bottom: 0;
	margin-bottom: -1em;
	left: 50%;
	margin-left: -64px;
}
.intro_prod_infoBox{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 50%;
	height: 35vw;
	min-height: 660px;
	padding: 3rem 10rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d0001+0,860e15+100 */
	background: linear-gradient(45deg,  #1d0001 0%,#860e15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.intro_prod_infoBox p{
	font-size: 1.4rem;
	line-height: 2em;
	text-align: justify;
	color: #fff;
	width: 70%;
}
.intro_prod_img{
	width: 50%;
	height: 35vw;
	min-height: 660px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.intro_prod_infoBox .btnStyle01{
	background-color: #fff;
	color: #961623;
	margin-top: 10rem;
}
.intro_prod_infoBox .btnStyle01:hover{
	background-color: #961623;
	color: #fff;
}
.intro_prod_infoBox .wine_img{
	position: absolute;
	right: 0;
	margin-right: -115px;
	z-index: 2;
	top: 3rem;
}
.intro_prod:nth-child(odd){
	flex-direction: row-reverse;
}
.intro_prod:nth-child(odd) .intro_prod_infoBox .wine_img{
	right: initial;
	margin-right: initial;
	left: 0;
	margin-left: -115px;
}
.intro_prod02 .intro_prod_infoBox{
	background: linear-gradient(45deg,  #313e72 0%,#081340 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.intro_prod03 .intro_prod_infoBox{
	background: linear-gradient(45deg,  #1d000b 0%,#771b3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.intro_prod04 .intro_prod_infoBox{
	background: linear-gradient(45deg,  #414141 0%,#1d1d1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.filterBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3rem 0;
}
.filterBox .flexGroup{
	width: 25%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 3rem;
}
.filterBox .flexGroup.inputGroup{
	width: 50%
}
.filterBox .flexGroup label{
	padding-bottom: 0;
	font-size: 1.5rem;
	margin-right: 5px;
	flex-shrink: 0;
	/*width: 80px;*/
}
.filterBox .flexGroup select,
.filterBox .flexGroup input{
	width: 100%;
	height: 30px;
	font-size: 1.5rem;
	padding: 0 1rem;
}
.filterBox .flexGroup.inputGroup button{
	position: absolute;
	right: 1rem;
}
.filterBox .flexGroup.inputGroup button i{
	font-size: 1.5rem;
}
.trade_list_title{
	font-size: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.trade_list ul{
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	padding: 1rem 0;
	border-bottom: 1px solid #000;
}
.trade_list ul.table_th{
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}
.trade_list ul.table_th li{
	color: #d11d39;
}
.trade_list ul li,
.trade_list ul li span{
	font-size: 1.6rem;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
}
.trade_list ul li span{
	width: 100%;
}
.trade_list ul li.addr{
	width: 40%;
}
.trade_list_area{
	padding-bottom: 15rem;
}
.trade_list ul li span.mb{
	display:  none;
}

.dropdown-select{
    appearance: initial;
    -moz-appearance: initial;
    -webkit-appearance: initial;
    border: 1px solid #bababa;
    border-radius: initial;
    font-size: 1rem;
    font-weight: 300;
    height: 40px;
    letter-spacing: 1px;
    padding-left: 15px;
    text-transform: uppercase;
    width: 100%;
    background-color: #fff;
    outline: none;
}
.blogSearch-detailsContainer {
    position: relative;
    width: 100%;
}
.blogSearch-navOptions {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0 20px;
    margin: 0 0 20px;
    border-bottom: none;
    width: 100%;
}
.blogSearch-navOptions>div {
    flex-basis: 24%;
    min-width: 200px;
}
.dropdown-icon {
    /*font-size: 1.8rem;*/
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    font-weight: 300;
    color: #1d1d1b;
    z-index: 2;
}
.dropdown-icon i {
    color: #1d1d1b;
}

.blogSearch-navOptions>div:first-child select, .blogSearch-navOptions>div:last-child select {
    border-left-color: #e7e7e7;
    border-right-color: #e7e7e7;
    font-size: 12px;
    height: 40px;
}
.dropdown-select option {
    text-transform: initial;
    font-weight: 300;
    color: #1d1d1b;
    font-size: 1rem;
}
.blogSearch-navOptions>div {
    width: 200px;
}
.blogSearch-divider {
    display: block;
    width: 100%!important;
    margin: 0 30px;
    height: 1px;
    flex-basis: auto !important;
    min-width: initial;
    background-color: #e7e7e7;
}
.pre_next_btns hr{
	margin-top: 10rem;
}
.pre_next_btns button{
	font-size: 1.8rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .con{
	background-color: rgba(0, 0, 0, 0.8)
}
@media (min-width: 992px){
	.modal-lg, .modal-xl {
	    max-width: 1000px;
	}
}
@media (max-width: 1440px){

}
@media (max-width: 1366px){
	
}

@media (max-width: 1280px){

}

@media screen  and (min-width: 1100px) and (max-height: 750px){
	.about_title{
		height: calc(269 / 750 * 100dvh);
	}	
	.kv .est{
		margin-top: 2dvh;
	}
}

@media (max-width: 1099px){
	.indexAbout .aboutWrap .left,
	.indexAbout .aboutWrap .right{
		width: 50%;
	}
	.indexAbout .aboutWrap .right img{
		max-width: 100%;
	}
	.indexAbout{
		padding-bottom: 7rem;
	}
	.indexDiscover{
		padding: 5rem 0;
	}
	.discoverWrap .left,
	.discoverWrap .right{
		width: 50%;
	}
	footer .container{
		padding: 30px;
	}

	.brand .flexContain .right img{
		width: calc(100% + 30px);
	}
	.intro_prod:nth-child(odd),.intro_prod{flex-direction: column-reverse;}
	.intro_prod01 .intro_prod_img{height:calc(610 / 644 * 100vw) ;min-height:initial}
	.intro_prod02 .intro_prod_img{height:calc(637 / 672 * 100vw) ;min-height:initial}
	.intro_prod03 .intro_prod_img{height:calc(631 / 649 * 100vw) ;min-height:initial}
	.intro_prod04 .intro_prod_img{height:calc(632 / 660 * 100vw) ;min-height:initial}

	.intro_prod_img{
		width: 100%;
		background-size: 100% auto;
/*     	display: none; */
    }
    .intro_prod_infoBox{
    	width: 100%;
    	height: initial;
    	padding: 3rem;
    }
    .intro_prod_infoBox .wine_img{
    	display: none;

    	position: relative;
    	right: initial!important;
    	left: initial!important;
    	margin: initial!important;
    	padding-bottom: 10rem;
    }
    .intro_prod_infoBox .wine_img img{
    	max-width: 100%;
    	max-height: 400px;
    }
    .intro_prod_infoBox p{
    	width: 100%;
    }
    .intro_prod_infoBox .btnStyle01{
    	margin: 5rem 0;
    }
    .introductBn{
    	height: initial;
    }
    .introductBn_content{
    	margin-top: 30px;
    }
    .prodBn .pageTitle{
    	height: initial;
    }
    .prod_descArea p{
    	padding: 0 15px;
    }
    .prod_detail_page .prodImg{
    	width: 50%;
    }
    .prod_detail_page .prodInfoBox{
    	width: 50%;
    }
}
@media (max-width: 820px){
	
	.logo{
        width: 15rem;
    }
    
    footer .footerWrap .right{
    	width: 30%;
    }
    .brand .flexContain{
    	flex-direction: column;
    }
    .brand .flexContain:nth-child(even){
    	flex-direction: column-reverse;
    }
    .brand .flexContain .left{
    	width: 100%;
    }
    .brand .flexContain .right{
    	width: 100%;
    }
    .brand .flexContain .right.d-flex-center{
    	padding: 0 6rem;
    }



}
@media (max-width: 767px){
	header{
		height: 100px;
	}
	.kv {
		/*width: initial;*/
		/*height: 100dvh;*/
	}
	.kv .kv_bg{
		width: initial;
	}
	.kvTitle{
		font-size: 3.6rem;
	}
	.warning{
		padding: 0 1rem;
	}
	header .con{
		padding: 1rem;
	}
	header .con::after{
		content: '';
		position: absolute;
		width: calc(100% - 2rem);
		left: 1rem;
		bottom: 0;
		background-color: rgba(255, 255, 255, 0.5);
		height: 1px;
	}
	.indexAbout .aboutWrap{
		flex-direction: column;
	}
	.indexAbout .aboutWrap .left,
	.indexAbout .aboutWrap .right{
		width: 100%;
		margin: 0;
	}
	.container{
		padding: 1.5rem 5rem;
	}
	.indexAbout .aboutWrap .left .title div{
		margin-bottom: 1rem;
	}
	.about_title{
		width: 24rem;
	}
	.indexAbout .aboutWrap .right{
		position: absolute;
		width: calc(100% + 10rem);
		height: 73vw;
		top: 0;
		margin-top: 15rem;
	}
	.indexAbout .aboutWrap p{
		margin-top: calc(73vw + 30px);
	}
	.indexAbout .btnStyle01{
		margin: 0 auto;
	}
	.indexAbout{
		padding-bottom: 10rem;
	}
	.indexAboutBg{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: -1rem;
	}
	.indexDiscover{
		background-image: url(/assets/web/images/index_discover_bg_m.png);
	}
	.indexDiscover .discoverWrap{
		flex-direction: column;
	}
	.discoverWrap .left,
	.discoverWrap .right{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.indexBottom{
		min-height: 100vw;
		background-image: url(/assets/web/images/index_bottom_img_m.png);
	}
	.footerWrap{
		flex-direction: column;
	}
	footer{
		padding: 3rem 0 13rem 0;
	}
	footer .footerWrap .left,
	footer .footerWrap .right{
		width: 100%;
	}
	footer .footerWrap .right{
		height: initial;
		margin-top: 4rem;
	}
	footer .footerWrap .left{
		flex-direction: column;
		align-items: center;
	}
	footer .container{
		padding: 3rem;
	}
	footer .footerWrap p{
		padding: 0;
	}
	footer .sign{
		/*display: none;*/
		position: relative;
		display: flex;
		justify-content: center;
	}
	footer hr{
		/*border: 0;*/
		margin: 1rem 0 2rem 0;
	}
	footer .copyright{
		margin-top: 3rem;
	}
	footer .footerWrap .dropDownArea{
		margin-bottom: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer .footerWrap .right ul{
		/*background-color: #fff;*/
		width: 100%;
		padding: 1rem;
		/*position: absolute;*/
		/*left: 0;*/
		/*top: 0;*/
		margin-top: 0;
		border-radius: 5px;
		/*display: none;*/
		padding-left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	footer .footerWrap .right ul li{
		/*color: #000;*/
	}
    .ham-btn {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 8.4rem;
        height: 8.4rem;
        max-width: 84px;
        max-height: 84px;
        background-size: cover;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    .ham-btn span {
        position: absolute;
        display: block;
        width: calc(23 / 84* 100%);
        height: 2px;
        border-radius: 2px;
        background: #fff;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    .ham-btn span:nth-child(1) {
        -webkit-transform: scale(1, 1) translate(0, -6px) rotate(0deg);
        transform: scale(1, 1) translate(0, -6px) rotate(0deg);
    }
    .ham-btn span:nth-child(2) {
        -webkit-transform: scale(1, 1) translate(0, 0px) rotate(0deg);
        transform: scale(1, 1) translate(0, 0px) rotate(0deg);
    }
    .ham-btn span:nth-child(3) {
        -webkit-transform: scale(1, 1) translate(0, 6px) rotate(0deg);
        transform: scale(1, 1) translate(0, 6px) rotate(0deg);
    }
    header.expendOpen .ham-btn span:nth-child(1) {
        -webkit-transform: scale(1, 1) translate(0, 0px) rotate(45deg);
        transform: scale(1, 1) translate(0, 0px) rotate(45deg);
    }
    header.expendOpen .ham-btn span:nth-child(2) {
        -webkit-transform: scale(0, 1) translate(0, 0px) rotate(0deg);
        transform: scale(0, 1) translate(0, 0px) rotate(0deg);
    }
    header.expendOpen .ham-btn span:nth-child(3) {
        -webkit-transform: scale(1, 1) translate(0, 0px) rotate(-45deg);
        transform: scale(1, 1) translate(0, 0px) rotate(-45deg);
    }
	header.expendOpen .expendContent{
		display: none;
	}
	header .logo{
		z-index: 2;
	}
	header.expendOpen .expendBg{
		background-color: transparent;

	}
	header .con nav{
		/*width: 100%;*/
		position: fixed;
		width: 100%;
		height: 100dvh;
		top: 0;
		left: 0;
		background: rgb(21,21,21,.9);
		overflow-y: scroll;
		/*padding: 0 3rem;*/
		padding-top: 10rem;
		margin-top: -100dvh;
		transition: all .25s ease;
	}
	header.expendOpen .con nav{
		margin-top: 0;
	}
	header .con nav ul{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
		height: 100%;
		width: 100%;
		overflow: scroll;
		padding-bottom: 10rem;
	}
	header .con nav ul:nth-child(1)>li{
		width: 100%;
		height: calc(100dvh / 10);
		justify-content: space-between;
		padding: 1rem 3rem;
	}
	header .con nav ul li div,header .con nav ul li a{
		font-size: 3rem;
		width: 100%;
        height: 100%;
	}
	header .con nav ol{
		width: 100%;
		list-style: none;
		margin-bottom: 2rem;
	}
	header .con nav .subNav{
		width: 100vw;
		padding: 1rem 0;
		background-color: #961623;
	}
	header .con nav .subNav ol li{
		
		padding: 1rem;
		padding-left: 2rem;
	}
	header .con nav .subNav ol a{
		font-size: 1.8rem;
		color: #fff;
	}
	header .con nav .subNav ol b{
		font-size: 2.2rem;
		color: #fff;
	}

	/*age-warning*/
	.age-warning .container{
		width: 92%;
		height: auto;		
		padding:4rem 0 2rem 0;
	}
	#birthday-check{
		flex-direction: column;
	}
	#birthday-check select{
		margin-bottom: .25em;
	}
	.age-logo{
		width: calc(286 / 400 * 100vw);
	}
	.age-logo img{width: 100%;}
	/*age-warning*/
	.prod_exploreList_page,
	.prod_list_page,
	.prod_detail_page,
	.topBread{
		margin-top: 0;
		padding-top: 100px;
	}
	.prodBn{
		height: 80vw;
	}
	.prod_descArea{
		padding: 2rem 0;
	}
	.prod_exploreList .prodBox{
		width: 100%;
	}
	.prod_detail_page .prodFlex{
		flex-direction: column;
	}
	.prod_detail_page .container{
		padding: 1.5rem;
	}
	.m-container-pd0{
		padding: 0!important;
	}
	.container.m-container-pd15{
		padding: 50px 15px!important;
	}
	.prod_detail_page .prodImg{
		width: 100%;
		padding-top: 100%;
	}
	.prod_detail_page .prodInfoBox{
		width: 100%;
		padding: 3rem;
	}
	.prod_detail_page .detailNote{
		margin-left: 0;
		margin-left: 50%;
		transform: translateX(-50%);

	}
	.detailNoteArea .noteList{
		width: 100%;
		margin: 0 15px;
	}
	footer::before{
		left: 25vw;
		/*margin-left: -110px;*/
		width: 70vw;
		margin-left: -12vw;
	}
	.prod_list_page .prodBn{
		height: initial;
		padding: 3rem 0;
	}
	.prodBn .pageTitle{
		text-align: center;
		height: initial;
		padding: 0 1em;
	}
	ul.bread{
		display: none;
	}
	header.m-border0{
		border: 0!important;
	}
	.prod_list_page .prodBox{
		width: 100%;
	}
	header.whiteBg .ham-btn span{
		background: #cf1431;
	}
	.brand .flexContain .left{
    	width: 100%;
    	padding: 1rem 1.5rem!important;
    }
    .brand .flexContain .right{
    	width: 100%;
    	padding: 1rem 1.5rem;
    }
    .brandFlex{
    	flex-direction: column;
    	padding-top: 0;
    }
    .mySwiper{max-height: initial;}
    .brandFlex .right{
    	padding: 0;
    	width: 100%;
    	border: 0;
    }
    .brandFlex::after{display: none;}
    .brand-nav{display: none;}
    .brandFlex .left{
    	display: none;
    }
    .brandFlex .left_mb{
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	width: 100%;
    	padding: 3rem 0;
    }
    .brandFlex .left_mb button{
    	border: 1px solid #666;
    	width: 30px;
    	height: 30px;
    	border-radius: 100%;
    }
    .brandFlex .left_mb div{
    	font-size: 1.8rem;
    }
    .returnBtn{
/*     	display: flex;
    	justify-content: flex-start;
    	align-items: center;
    	background-color: #fff;
    	border: 0;
    	padding: 1rem 2rem;
    	width: 100vw;
    	margin-left: -15px;
    	position: absolute;
    	top: 0; */
    }
    .returnBtn span{
    	font-size: 1.4rem;
    	margin-left: 5px;
    }
    .news_list_page .newsBox {
    	width: 100%;
    }
    
    .news_list_page .newsBox{
    	margin: 6rem 0;
    }
    .newsBox button{
    	margin-top: 2rem;
    }
    .news_list_page .newsName{
    	padding: 15px;
    }
    .news_detail_flex{
    	flex-direction: column;
    }
    .news_detail_flex>div{
    	width: 100%;
    }
    .news_detail .newsTitle{
    	font-size: 3.6rem;
    }
    .news_detail .container{
    	padding: 1.5rem;
    }
    .newsTitleArea{
    	padding-right: 0;
    }
    .newsTitleBox{
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-direction: column;
    }
    .news_detail .newsPhoto{
    	width: 100vw;
    	padding-top: initial;
    	height: 100vw;
    	left: 15px;
    	margin-top: 15px;
    }
    .pre_next_btns hr{
    	margin-top: 10rem;
    }
    .pre_next_btns button{
    	font-size: 1.8rem;
    	font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
    }
    .news_detail{
    	padding-bottom: 3rem;
    }
    .returnBtn{
/*     	padding-left: 3rem;
    	z-index: 2; */

    }
    .intro_prod_img{
/*     	display: none; */
    }
    .intro_prod_infoBox{
    	width: 100%;
    	height: initial;
    	padding: 3rem;
    }
    .intro_prod_infoBox .wine_img{
    	position: relative;
    	right: initial!important;
    	left: initial!important;
    	margin: initial!important;
    	padding-bottom: 10rem;
    }
    .intro_prod_infoBox .wine_img img{
    	max-width: 100%;
    	max-height: 400px;
    }
    .intro_prod_infoBox p{
    	width: 100%;
    }
    .intro_prod_infoBox .btnStyle01{
    	margin: 5rem 0;
    }
    .introductBn_content{
    	width: 100%;
    	margin-top: 0;
    }
    .introductBn{
    	/*min-height: 100vw;*/
    	height: initial;
    }
    .introductBn .container{
    	padding: 3rem;
    	height: 30vh;
    }
    .introductBn_content p.introductDesc{
    	display: none;
    }
    .introductBn .pageTitle{
    	justify-content: center;
    }
    .introductDesc.mb{
    	background-color: #fff;
    	position: relative;
    	padding: 3rem;
    	font-size: 1.6rem;
    	line-height: 2em;
    	text-align: justify;
    	margin: 0;
    }
    .introductDesc.mb span.red{
    	color: #d11b37;
		font-size: 1.6rem;
    }
    .trade_page .container{
    	padding: 1.5rem;
    }
    .filterBox{
    	flex-direction: column;
    }
    .filterBox .flexGroup{
    	width: 100%;
    	margin-bottom: 1rem;
    }
    .filterBox .flexGroup label{
    	width: 100px;
    	text-align: right;
    }
    .filterBox .flexGroup.inputGroup{
    	width: 100%;
    }
    .trade_list ul.table_th{
    	display: none;
    }
    .trade_list ul:nth-child(3){
/*     	border-top: 3px solid #000; */
    }
    .trade_list ul li:nth-child(1){
    	display: none;
    }
    .trade_list ul{
    	flex-direction: column;
    }
    .trade_list ul li{
    	width: 100%!important;
    	padding: 0rem 1rem;
    }
    .trade_list ul li span{
    	width: 100%!important;
		justify-content: flex-start;
    }
    .trade_list ul li span.mb{
		display:  block;
		color: #d11d39;
		width: 100px!important;
		flex-shrink: 0;
	}
	.blogSearch-divider{
		display:  none;
	}
	.blogSearch-navOptions{
		margin-bottom: 0;
	}
	header .con nav ul.navList>li.active:after, header .con nav ul.navList>li:hover:after{
		content: none;font-weight: bold;
	}
	header .con nav ul:nth-child(1)>li.expand .fas{
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.subNav.mb{display: none;}
	header .con nav ul:nth-child(1)>li.expand + .subNav{
		display: block;
	}
	.blogSearch-navOptions>div{
		flex-basis: 50%;
		max-width: calc(50vw - 10px);
		min-width: initial;

	}
	footer button{
		margin: 0 1rem;
	}
	.prodBn .pageTitle{
		height: 100%;
	}
	.prod_list_page .prodBox .prodImg, .news_list_page .newsBox .newsImg{
		height: auto;
	}
	.prod_list_page .prodBox, .news_list_page .newsBox{
		margin: 4rem 15px;
	}
}

.go_page{
	cursor: pointer;
}
/* 2025 */

.prod_list_page .prod_series_list .container, .prod_list_page .prod_series_list .container_o{
	flex-wrap: wrap;
	max-width: 1280px;
	padding: 0 6.4rem;
	padding-bottom: 5rem;
}

.prod_series_list .container::before{
	content: "";
	background: #999999;
	display: inline-block;
	width: 100%;	
	height: 1px;
}

.prod_list_page .banner{
	width: 100%;
/* 	max-width: 128rem; */
	margin:0 auto;
}
.prod_list_page .banner .swiper-slide {
  position: relative;
  opacity: 1;
  transform: scale(1);
  transition: all .3s ease-in-out;
  overflow: hidden;
}
.prod_list_page .banner .swiper-slide::after{
	content: "";
	background: rgb(0 0 0 /.6);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.swiper-backface-hidden .swiper-slide {
  transform: scale(1) translateZ(0);
}
        
.swiper-slide.swiper-slide-active {  
  transform: scale(1) !important;
  opacity: 1 !important;
}
.swiper-slide.swiper-slide-active::after{
	opacity: 0;
}
.swiper-backface-hidden .swiper-slide.swiper-slide-active {
  transform: scale(1) translateZ(0) !important;
}

.prod_list_page .banner img{
	width: 100%;
	max-width: 100%;
}


.series-name{
	width: 100%;
}

.series-name h3 a,.series-name h3{
	padding-left: 2em;
	font-size: 2.4rem;
	color: #8d000d;
	font-weight: bold;
}

.prod_series_list  .prodBox{
    width: calc(100% / 3 - 30px);
    margin: 3rem 15px;
}
.series-scrolldown{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;

}
.series-scrolldown p{font-size: 18px;font-weight: 500;margin: 1em;}
.series-scrolldown::before,.series-scrolldown::after{
	content: "";
	width: 26px;
	height: 26px;
	background: url('../images/scrolldown.png');
	display: inline-block;
	position: relative;
}



.article-content {
    position: relative;
    display: block;
    text-align: justify;
    width: 100%;
    font-size: 1.5rem;
}
.article-content * {    font-size: inherit;}
.article-content p{font-size: 1em;}
.article-content img {
    width: inherit;
    height: inherit;
    max-width: 100%;
}

@media (min-width: 769px) {
	.prod_list_page .prod_series_list .prod-swiper{
		width: 100%;
		display: flex;
        flex-wrap: wrap;
	}
	.prod_list_page .prod_series_list .prod-swiper .swiper-wrapper{
		flex-wrap: wrap;
	}
    
    /* 計算每個產品盒子的寬度 (考慮到 spaceBetween: 30px) */
    .prod-swiper .swiper-slide {
        /* (100% - 2 * 30px) / 3 = 約 31.33% */
/*         width: calc((100% - 60px) / 3) !important; 
        margin-right: 30px;
        box-sizing: border-box; */
    }
	    
	.article-content {
	    margin:6rem;
	}
    /* 消除每排最後一個產品的右邊距 */
    .prod-swiper .swiper-slide:nth-child(3n) {
/*         margin-right: 0 !important; */
    }
    
    /* 隱藏導航箭頭 */
    .prod-swiper-prev,
    .prod-swiper-next {
        display: none !important;
    }
}
@media (max-width: 1366px) and  (min-width: 769px) {
	.prod_list_page .prodBn{
		min-height: 15vw;
		height: auto;
		
	}
	.prod_list_page .pageTitle{
		padding: 5rem;
	}
}
@media (max-width: 768px) {
	.article-content {
	    padding: 3rem;
	}
	        
	.prodBn .pageTitle>div{
		font-size: 3rem;
	}
	.series-name h3{padding-left: 0;}
	.prod_list_page .prod_series_list .container, .prod_list_page .prod_series_list .container_o{
		padding: 0 1.5rem;
	}
	.prod_series_list .prodBox{width: 100%;margin-left:0;margin-right: 0;}

}
.prod-swiper-prev,.prod-swiper-next{
    		background: url('../images/swiper-arrow.png') center center no-repeat;
    		background-size: contain;
    }
.prod-swiper-prev{transform: scale(-1);-webkit:transform: scale(-1);}
.prod-swiper-prev:after,.prod-swiper-next:after{content: none;display: none;}

.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}