.col_cRed05 {
	color: #fe324b !important
}

.contents.spidx .luxuryFashion .luxuryList>li .contLink,
.weeklyContComponent ol li .contentsDpList a .conTxtArea .flag.original,
#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .flag.original,
#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .flag.original,
#container.container.mz-listWrap .fixedWrap.fixed .inner .keywordsWrap .closeL,
.liveView .liveSection .context .chatingArea .chatSubmit,
.liveView .liveClose,
.liveArea .vodControl .chkSound input+label,
.liveCont .otWrap .timeTracker .scrollNext,
.liveCont .otWrap .timeTracker .scrollPrev,
.receiveAddr.receiveApList .deliveryArea .btnMap,
.swipeMenu .iScrollWrap>button,
.beautyFinderReault .chkKeywordList .item a,
.beautyFinderReault .iScrollWrap>button,
.movieIco,
.mainTopbanner .toggleBtn,
.mainTopbanner .btn_close,
.sideVideo .btnSound button,
.sideVideo .btnPlayStop button,
.storeList>li .brandInfo .brandName .icoN,
.storeList>li .contLink,
.mainBannerSwiper .quickMn .moreBtn {
	overflow: hidden;
	text-indent: -9999px
}

.visualInBnr .content .swiperWrap .paging .ts-controls [class^=btn]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect,
.brandTabs .brandBtm .cateBrandList,
.liveView .liveSection .context .noticeCont,
.liveCont .otWrap .liveList .liveItem .scrollArea,
.exchangeCont .agreeBox .boxGray,
.beautyFinder .section .scrollArea,
.profileStepCont,
.mainBannerSwiper .quickMn .listWrap .listScroll {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect::-webkit-scrollbar,
.brandTabs .brandBtm .cateBrandList::-webkit-scrollbar,
.liveView .liveSection .context .noticeCont::-webkit-scrollbar,
.liveCont .otWrap .liveList .liveItem .scrollArea::-webkit-scrollbar,
.exchangeCont .agreeBox .boxGray::-webkit-scrollbar,
.beautyFinder .section .scrollArea::-webkit-scrollbar,
.profileStepCont::-webkit-scrollbar,
.mainBannerSwiper .quickMn .listWrap .listScroll::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect::-webkit-scrollbar-thumb,
.brandTabs .brandBtm .cateBrandList::-webkit-scrollbar-thumb,
.liveView .liveSection .context .noticeCont::-webkit-scrollbar-thumb,
.liveCont .otWrap .liveList .liveItem .scrollArea::-webkit-scrollbar-thumb,
.exchangeCont .agreeBox .boxGray::-webkit-scrollbar-thumb,
.beautyFinder .section .scrollArea::-webkit-scrollbar-thumb,
.profileStepCont::-webkit-scrollbar-thumb,
.mainBannerSwiper .quickMn .listWrap .listScroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect::-webkit-scrollbar-track,
.brandTabs .brandBtm .cateBrandList::-webkit-scrollbar-track,
.liveView .liveSection .context .noticeCont::-webkit-scrollbar-track,
.liveCont .otWrap .liveList .liveItem .scrollArea::-webkit-scrollbar-track,
.exchangeCont .agreeBox .boxGray::-webkit-scrollbar-track,
.beautyFinder .section .scrollArea::-webkit-scrollbar-track,
.profileStepCont::-webkit-scrollbar-track,
.mainBannerSwiper .quickMn .listWrap .listScroll::-webkit-scrollbar-track {
	border-radius: 10px
}

.col_cRed05 {
	color: #fe324b !important
}

.contents.spidx .luxuryFashion .luxuryList>li .contLink,
.weeklyContComponent ol li .contentsDpList a .conTxtArea .flag.original,
#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .flag.original,
#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .flag.original,
#container.container.mz-listWrap .fixedWrap.fixed .inner .keywordsWrap .closeL,
.liveView .liveSection .context .chatingArea .chatSubmit,
.liveView .liveClose,
.liveArea .vodControl .chkSound input+label,
.liveCont .otWrap .timeTracker .scrollNext,
.liveCont .otWrap .timeTracker .scrollPrev,
.receiveAddr.receiveApList .deliveryArea .btnMap,
.swipeMenu .iScrollWrap>button,
.beautyFinderReault .chkKeywordList .item a,
.beautyFinderReault .iScrollWrap>button,
.movieIco,
.mainTopbanner .toggleBtn,
.mainTopbanner .btn_close,
.sideVideo .btnSound button,
.sideVideo .btnPlayStop button,
.storeList>li .brandInfo .brandName .icoN,
.storeList>li .contLink,
.mainBannerSwiper .quickMn .moreBtn {
	overflow: hidden;
	text-indent: -9999px
}

.visualInBnr .content .swiperWrap .paging .ts-controls [class^=btn]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect,
.brandTabs .brandBtm .cateBrandList,
.liveView .liveSection .context .noticeCont,
.liveCont .otWrap .liveList .liveItem .scrollArea,
.exchangeCont .agreeBox .boxGray,
.beautyFinder .section .scrollArea,
.profileStepCont,
.mainBannerSwiper .quickMn .listWrap .listScroll {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect::-webkit-scrollbar,
.brandTabs .brandBtm .cateBrandList::-webkit-scrollbar,
.liveView .liveSection .context .noticeCont::-webkit-scrollbar,
.liveCont .otWrap .liveList .liveItem .scrollArea::-webkit-scrollbar,
.exchangeCont .agreeBox .boxGray::-webkit-scrollbar,
.beautyFinder .section .scrollArea::-webkit-scrollbar,
.profileStepCont::-webkit-scrollbar,
.mainBannerSwiper .quickMn .listWrap .listScroll::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect::-webkit-scrollbar-thumb,
.brandTabs .brandBtm .cateBrandList::-webkit-scrollbar-thumb,
.liveView .liveSection .context .noticeCont::-webkit-scrollbar-thumb,
.liveCont .otWrap .liveList .liveItem .scrollArea::-webkit-scrollbar-thumb,
.exchangeCont .agreeBox .boxGray::-webkit-scrollbar-thumb,
.beautyFinder .section .scrollArea::-webkit-scrollbar-thumb,
.profileStepCont::-webkit-scrollbar-thumb,
.mainBannerSwiper .quickMn .listWrap .listScroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect::-webkit-scrollbar-track,
.brandTabs .brandBtm .cateBrandList::-webkit-scrollbar-track,
.liveView .liveSection .context .noticeCont::-webkit-scrollbar-track,
.liveCont .otWrap .liveList .liveItem .scrollArea::-webkit-scrollbar-track,
.exchangeCont .agreeBox .boxGray::-webkit-scrollbar-track,
.beautyFinder .section .scrollArea::-webkit-scrollbar-track,
.profileStepCont::-webkit-scrollbar-track,
.mainBannerSwiper .quickMn .listWrap .listScroll::-webkit-scrollbar-track {
	border-radius: 10px
}

@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"), local("Pretendard-Bold"), url(/fo/fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Bold.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Bold.ttf) format("truetype"), url(/fo/fonts/Pretendard-Bold.otf) format("opentype")
}

@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"), local("Pretendard-Medium"), url(/fo/fonts/Pretendard-Medium.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Medium.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Medium.ttf) format("truetype"), url(/fo/fonts/Pretendard-Medium.otf) format("opentype")
}

@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"), local("Pretendard-Regular"), url(/fo/fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Regular.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Regular.ttf) format("truetype"), url(/fo/fonts/Pretendard-Regular.otf) format("opentype")
}

.swiperWrap.mainBannerSwiper {
	opacity: 1 !important
}

.swiperWrap.mainBannerSwiper.mainModule {
	opacity: 0 !important
}

.swiperWrap.mainBannerSwiper.mainModule.show,
.bannerArea.bannerAreaLx .swiperWrap.mainBannerSwiper.mainModule {
	opacity: 1 !important
}

.saleWrap {
	position: relative
}

.saleWrap .txtPage {
	margin: 32px 0
}

.saleWrap h2 {
	font-size: 4rem;
	line-height: 1.2;
	font-weight: 700;
	color: #1e2023;
	text-align: center
}

.saleWrap h2 em {
	display: block;
	padding-top: 8px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #5a5f64;
	font-weight: 400
}

.saleWrap h2+.moreSale_fing {
	margin-top: 50px
}

.saleWrap .mTit,
.saleWrap .titDep2 {
	font-size: 3.2rem;
	line-height: 1.25;
	font-weight: 700;
	color: #1e2023
}

.saleWrap .mTit a,
.saleWrap .titDep2 a {
	background-position: right 60%
}

.saleWrap .tabCont {
	padding-top: 40px
}

.saleWrap .moreSale {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 16px 16px 16px 50px;
	border-radius: 8px;
	background: #f7f7fd url(/fo/images/view/ico_present.png) no-repeat 16px 47%
}

.saleWrap .moreSale span {
	display: block;
	padding-right: 16px;
	color: #1e2023;
	font-weight: 500;
	background: url(/fo/images/common/arr_link.png) no-repeat right 44%
}

[lang=zh] .saleWrap .moreSale span {
	font-weight: 700
}

.saleWrap .prodCont .badge.saleNum {
	position: absolute;
	left: 16px;
	top: 0;
	width: 44px;
	height: 47px;
	padding: 0;
	border-radius: 3px;
	border-bottom-right-radius: 0;
	text-align: center;
	line-height: 2rem;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	background: rgba(252, 86, 68, .9);
	z-index: 12;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
	opacity: .9
}

.saleWrap .prodCont .badge.saleNum b {
	vertical-align: middle;
	font-size: 1.8rem;
	line-height: 4rem;
	font-weight: 700
}

.saleWrap .prodCont .badge.saleNum.nonMember b {
	font-size: 1.5rem;
	font-weight: 700
}

.saleWrap #prodStyle-Thumb li.prodCont>a>.badge.saleNum {
	left: 16px;
	top: 0
}

.saleWrap #prodStyle-List .prodCont .badge.saleNum {
	left: 16px;
	top: 24px
}

.saleWrap~.filterContents .prodList.prodThumb .prodCont .badge.saleNum {
	position: absolute;
	left: 16px;
	top: 0;
	width: 44px;
	height: 47px;
	padding: 0;
	border-radius: 3px;
	border-bottom-right-radius: 0;
	text-align: center;
	line-height: 2rem;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	background: rgba(252, 86, 68, .9);
	z-index: 12;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
	opacity: .9
}

.saleWrap~.filterContents .prodList.prodThumb .prodCont .badge.saleNum b {
	vertical-align: middle;
	font-size: 1.8rem;
	line-height: 4rem;
	font-weight: 700
}

.saleWrap~.filterContents .prodList.prodThumb .prodCont .badge.saleNum.nonMember b {
	font-size: 1.5rem;
	font-weight: 700
}

.filterSelects~.filterContents {
	margin-top: 40px
}

.filterSelects~.filterContents>.prodList.prodThumb>.prodCont {
	width: 20%
}

.godDeal_banner {
	position: relative;
	height: 400px;
	margin-top: 32px;
	padding-bottom: 64px
}

.godDeal_banner figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
	border-radius: 8px;
	text-align: center
}

.godDeal_banner figure img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -760px;
	border-radius: 8px
}

.godDeal_banner .time {
	position: absolute;
	top: 50%;
	left: 10%;
	z-index: 1;
	margin-top: -37px;
	text-align: center
}

.godDeal_banner .time .tit {
	display: block;
	padding-bottom: 16px;
	color: #fff;
	font-weight: 500
}

[lang=zh] .godDeal_banner .time .tit {
	font-weight: 700
}

.godDeal_banner .time .tit em {
	display: inline-block;
	padding-left: 24px;
	background: url(/fo/images/view/ico_clock_s02.png) no-repeat 0 50%
}

.godDeal_banner .time span {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	padding: 4px 8px;
	border-radius: 4px;
	color: #ff5644;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
	background: #fff
}

.godDeal_banner .time span::before,
.godDeal_banner .time span::after {
	content: "";
	display: block;
	position: absolute;
	right: -8px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #fff
}

.godDeal_banner .time span::before {
	top: 12px
}

.godDeal_banner .time span::after {
	bottom: 12px
}

.godDeal_banner .time span:last-child {
	margin-right: 0
}

.godDeal_banner .time span:last-child::before,
.godDeal_banner .time span:last-child::after {
	display: none
}

.basket_pr+.sale_time {
	margin-top: 96px
}

.basket_pr .saleNum {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 56px;
	height: 48px;
	padding: 7px 5px;
	border-radius: 8px 8px 0 8px;
	text-align: center;
	line-height: 1.5;
	color: #fff !important;
	font-size: 1.3rem;
	font-weight: 700;
	background: #f9005a;
	box-sizing: border-box
}

.basket_pr .saleNum b {
	padding-right: 2px;
	font-size: 2rem
}

.basket_pr .prodCont .prodInfo {
	position: relative
}

.basket_pr .prodCont .prodInfo .chkFavo {
	position: absolute;
	top: -14px;
	right: 5px;
	z-index: 10
}

.sale_time {
	position: relative;
	margin-top: 32px
}

.sale_time .txtLink {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 1.6rem;
	line-height: 1.5
}

.timePr {
	margin-top: 32px
}

.timePr .list {
	overflow: hidden;
	margin: 0 -8px
}

.timePr .list::after {
	content: "";
	display: block;
	clear: both
}

.timePr .list li {
	float: left;
	width: 25%;
	padding: 8px
}

.timePr .list li:first-child,
.timePr .list li:nth-child(6) {
	width: 50%
}

.timePr .list li:nth-child(7),
.timePr .list li:nth-child(8) {
	display: none
}

.timePr .list li a {
	display: block;
	position: relative;
	border-radius: 8px
}

.timePr .list li a figure {
	overflow: hidden;
	position: relative;
	height: 291px;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.timePr .list li a figure img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%)
}

.timePr .list li a figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(12, 38, 159, .03)
}

.timePr .list li .prInfo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 122px;
	padding: 13px 24px 0;
	text-align: left;
	color: #fff;
	background: rgba(30, 32, 35, .2)
}

.timePr .list li .prInfo .tit {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

[lang=zh] .timePr .list li .prInfo .tit {
	font-weight: 700
}

.timePr .list li .prInfo .tit .eng {
	display: block;
	padding-top: 4px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	opacity: .7
}

.timePr .list li .prInfo .sale {
	display: block;
	padding-top: 13px;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	font-weight: 700
}

.timePr .list li .prInfo .txtLoginBefore {
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #fff
}

.timePr .list li .prInfo .txtLoginBefore::before {
	background: url(/fo/images/view/ico_lock_w.png) no-repeat 0 50%
}

h2+.todaysp {
	margin-top: 40px
}

.todaysp {
	position: relative;
	margin-top: 97px
}

.todaysp .txtLink {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 1.6rem;
	line-height: 1.5
}

.todaysp .swiperWrap {
	margin-top: 28px
}

.todaysp .swiperWrap .ts-prev,
.todaysp .swiperWrap .ts-next {
	top: 30%
}

.todaysp .prodCont .prodInfo {
	position: relative
}

.todaysp .prodCont .prodInfo .chkFavo {
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 10
}

.todaysp .prodCont .prodInfo .brandName,
.todaysp .prodCont .prodInfo .prodName {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.timesaleNodata {
	position: relative;
	padding: 144px 0 64px;
	text-align: center
}

.timesaleNodata::before {
	content: "";
	display: block;
	position: absolute;
	top: 48px;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background: url(/fo/images/view/ico_timesale_empty.png) no-repeat 0 0
}

.timesaleNodata .txt {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.timesaleNodata .btnSSG {
	min-width: 280px;
	margin-top: 40px
}

.timeSale_pr {
	overflow: hidden;
	margin: -32px -8px 0;
	padding-top: 24px
}

.timeSale_pr::after {
	content: "";
	display: block;
	clear: both
}

.timeSale_pr li {
	float: left;
	position: relative;
	width: 33.3%;
	padding: 32px 8px
}

.timeSale_pr li a {
	display: block
}

.timeSale_pr li .saleNum {
	position: absolute;
	top: 52px;
	left: 20px;
	z-index: 2;
	width: 56px;
	height: 63px;
	padding-top: 18px;
	text-align: center;
	line-height: 63px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 700;
	color: #fff;
	background: url(/fo/images/view/ico_sale_clock.png) no-repeat 0 0
}

.timeSale_pr li .saleNum b {
	font-size: 2rem;
	line-height: 1.4
}

.timeSale_pr li figure {
	overflow: hidden;
	position: relative;
	min-height: 368px;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.timeSale_pr li figure img {
	display: block;
	width: 100%
}

.timeSale_pr li figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(30, 32, 35, .3)
}

.timeSale_pr li figure .txtLoginBefore {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: -30px 0 0 -78px;
	padding-top: 32px;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	background: url(/fo/images/view/ico_lock_w02.png) no-repeat 50% 0
}

.timeSale_pr li figure .txtLoginBefore::before {
	display: none
}

.timeSale_pr li .prInfo {
	display: block;
	padding-top: 16px;
	height: 83px
}

.timeSale_pr li .prInfo .tit {
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .timeSale_pr li .prInfo .tit {
	font-weight: 700
}

.timeSale_pr li .prInfo .tit .eng {
	display: block;
	padding-top: 8px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 400;
	color: #6b6e73
}

.todaysp_pr {
	overflow: hidden;
	margin: -32px -8px 0;
	padding-top: 24px
}

.todaysp_pr li {
	display: inline-block;
	position: relative;
	width: 24.8%;
	padding: 32px 8px;
	vertical-align: top
}

.saleWrap>h2 {
	letter-spacing: 0
}

.saleWrap .basket_pr+.specialprice_imp {
	margin-top: 97px
}

.saleWrap .specialprice_imp+.timesale_imp,
.saleWrap .specialprice_imp+.specialprice_imp {
	margin-top: 96px
}

.saleWrap div.specialprice_imp,
.saleWrap div.timesale_imp,
.saleWrap div.todaysp {
	margin-top: 96px
}

.saleWrap .mTit.bTit .titArea span {
	font-size: 4rem;
	line-height: 1.2;
	font-weight: 700;
	color: #1e2023;
	text-align: center;
	letter-spacing: 0
}

.saleWrap .mTit.bTit em {
	display: block;
	padding-top: 8px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #5a5f64;
	font-weight: 400
}

[lang=zh] .saleWrap .specialprice_imp .mTit .timeInfo {
	color: #fe324b !important
}

[lang=zh] .saleWrap .specialprice_imp .mTit .timeInfo em {
	color: #fe324b !important
}

[lang=zh] .saleWrap .specialprice_imp .mTit .timeInfo::after {
	background: #fe324b
}

.saleWrap .specialprice_imp .tabType03.tabBasic+.tabCont .todaysp_pr {
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.saleWrap .specialprice_imp .tabType03.tabBasic.inited+.tabCont .todaysp_pr {
	opacity: 1
}

.mTit>a>span+.tipArea.toggleLayer {
	top: -5px;
	margin-left: 2px
}

.mTit>a>span+.tipArea.toggleLayer .btTip.toggleBtn {
	width: 20px;
	height: 20px
}

.mTit>a>span+.tipArea.toggleLayer .btTip.toggleBtn::before {
	width: 17px;
	height: 17px;
	margin: 0;
	transform: translate(-50%, -50%);
	border: none;
	border-radius: 0;
	background: url(/fo/images/view/ico_tooltip.svg) no-repeat;
	background-size: cover
}

.mTit>a>span+.tipArea.toggleLayer .tipCont {
	top: 35px;
	z-index: 20;
	border-radius: 8px
}

.mTit>a>span+.tipArea.toggleLayer .tipCont p {
	text-align: left;
	line-height: 18px;
	color: #5a5f64;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: -0.26px
}

.mTit>a>span+.tipArea.toggleLayer+.timeInfo {
	margin-left: 10px
}

.mTit.mtit_Cn>span+.tipArea.toggleLayer {
	top: -5px;
	margin-left: 2px
}

.mTit.mtit_Cn>span+.tipArea.toggleLayer .btTip.toggleBtn {
	width: 20px;
	height: 20px
}

.mTit.mtit_Cn>span+.tipArea.toggleLayer .btTip.toggleBtn::before {
	width: 17px;
	height: 17px;
	margin: 0;
	transform: translate(-50%, -50%);
	border: none;
	border-radius: 0;
	background: url(/fo/images/view/ico_tooltip.svg) no-repeat;
	background-size: cover
}

.mTit.mtit_Cn>span+.tipArea.toggleLayer .tipCont {
	top: 35px;
	z-index: 20;
	border-radius: 8px
}

.mTit.mtit_Cn>span+.tipArea.toggleLayer .tipCont p {
	text-align: left;
	line-height: 18px;
	color: #5a5f64;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: -0.26px
}

.mTit.mtit_Cn>span+.tipArea.toggleLayer+.timeInfo {
	margin-left: 0
}

[lang=zh] .saleWrap .todaysp .todaysp_prCn .prodCont.prodAge>a::before {
	display: none !important
}

.moreSale_fing .mTit .tipArea.toggleLayer {
	top: -2px;
	width: 20px;
	height: 20px;
	margin-left: 2px
}

.moreSale_fing .mTit .tipArea.toggleLayer .btTip.toggleBtn {
	width: 20px;
	height: 20px
}

.moreSale_fing .mTit .tipArea.toggleLayer .btTip.toggleBtn::before {
	left: 50%;
	top: 50%;
	width: 17px;
	height: 17px;
	margin: 0;
	transform: translate(-50%, -50%);
	border: none;
	border-radius: 0;
	background: url(/fo/images/view/ico_tooltip.svg) no-repeat;
	background-size: cover
}

.moreSale_fing .mTit .tipArea.toggleLayer .tipCont {
	top: 35px;
	z-index: 20;
	border-radius: 8px
}

.moreSale_fing .mTit .tipArea.toggleLayer .tipCont p {
	text-align: left;
	line-height: 18px;
	color: #5a5f64;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: -0.26px
}

.saleWrap h2.titDep2 {
	margin-top: 76px
}

.saleWrap h2.titDep2~.swiperWrap {
	margin-top: 0
}

.saleWrap h2.titDep2~.swiperWrap .btnArea {
	z-index: 10
}

.saleWrap .timesale_imp .tabType03.tabBasic,
.saleWrap .specialprice_imp .tabType03.tabBasic {
	margin-top: 30px
}

.saleWrap .timesale_imp .subTxtArea,
.saleWrap .specialprice_imp .subTxtArea {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -16px;
	text-align: center
}

.saleWrap .timesale_imp .subTxtArea .timeInfo,
.saleWrap .specialprice_imp .subTxtArea .timeInfo {
	letter-spacing: -0.56px
}

.saleWrap .timesale_imp .subTxtArea .timeInfo .remainTimer,
.saleWrap .specialprice_imp .subTxtArea .timeInfo .remainTimer {
	min-width: initial !important;
	font-size: 2.8rem;
	font-weight: 600;
	letter-spacing: 0
}

.saleWrap .timesale_imp .subTxtArea .mTit+.subTxt,
.saleWrap .specialprice_imp .subTxtArea .mTit+.subTxt {
	margin-left: 32px;
	text-align: left
}

.saleWrap .timesale_imp .subTxtArea .subTxt,
.saleWrap .specialprice_imp .subTxtArea .subTxt {
	line-height: 20px;
	color: #9fa2a8;
	font-size: 1.4rem;
	letter-spacing: -0.28px
}

.saleWrap .swiperWrap {
	margin-top: 76px
}

.saleWrap .swiperWrap .swiper-slide .prodList {
	width: calc(100% + 16px);
	margin: 0 -8px;
	text-align: left;
	font-size: 0
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont {
	margin: 0;
	padding: 0 8px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont.hidden {
	overflow: hidden;
	width: 0;
	height: 0;
	padding: 0
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont.hidden+.prodCont {
	margin-left: 10px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont.hidden:nth-child(4n+8)+.prodCont {
	margin-left: 16px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont>a figure img {
	object-fit: cover;
	object-position: top
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .prodInfo {
	margin-top: 19px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .prodInfo .brandName {
	margin-bottom: 1px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 44px;
	margin-top: 4px;
	line-height: 140%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .priceArea {
	margin-top: 16px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .priceArea .saleCont {
	margin-top: 5px;
	font-size: 0
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .priceArea .saleCont .saleDollar {
	font-size: 1.5rem
}

[lang=en] .saleWrap .swiperWrap .swiper-slide .prodList .prodCont .priceArea .saleCont .saleWon {
	display: block;
	margin-left: 0
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .prodFlag {
	margin-top: 14px
}

.saleWrap .swiperWrap .swiper-slide .prodList .prodCont .chkFavo {
	margin-top: 14px;
	margin-right: 7px
}

.saleWrap .swiperWrap .btnArea {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	margin: 0;
	text-align: center
}

.saleWrap .swiperWrap .btnArea button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 327px;
	height: 48px;
	margin: 0 auto;
	border: 1px solid #dcdfe3;
	border-radius: 24px;
	text-align: center
}

.saleWrap .swiperWrap .btnArea button em {
	position: relative;
	height: 100%;
	padding-left: 20px;
	line-height: 48px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .5px
}

.saleWrap .swiperWrap .btnArea button em::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 13px;
	margin-top: -6px;
	background: url(/fo/images/view/ico_refresh_16x_2s.svg) no-repeat;
	background-size: 100%
}

[lang=zh] .saleWrap .swiperWrap .btnArea button em::before {
	background-image: url(/fo/images/view/ico_refresh_16x_2s_cn.svg)
}

.saleWrap .swiperWrap .btnArea button span {
	font-size: 1.3rem;
	color: #373a3c;
	letter-spacing: 1px
}

.saleWrap .swiperWrap~.mTit.bTit .titArea.case span {
	font-size: 3.2rem
}

.saleWrap+.moreSale_fing>.mTit {
	font-size: 3.2rem;
	line-height: 1.25;
	font-weight: 700;
	color: #1e2023
}

@media screen and (min-width: 1440px) {
	.saleWrap .swiperWrap .btnArea {
		bottom: 80px
	}
}

@keyframes bigBannerHtmlTypeFadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.bigBanner>div {
	opacity: 0;
	animation: bigBannerHtmlTypeFadeIn .5s forwards;
	animation-delay: .25s
}

.bigBanner.htmlBanner .bannerTxt {
	display: table;
	table-layout: fixed;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	min-width: 1136px;
	max-width: 1520px;
	height: 100%;
	text-align: left;
	margin: 0 auto
}

.bigBanner.htmlBanner .bannerTxt .inner {
	display: table-cell;
	vertical-align: middle
}

.bigBanner.htmlBanner .bannerTxt .inner .titEvent {
	line-height: 57px;
	letter-spacing: -0.8px;
	font-size: 4rem;
	font-weight: 700
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList {
	margin-top: 9px;
	margin-bottom: 28px;
	border: none
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList .toggleAction {
	position: relative
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList .toggleAction .ctrl {
	display: inline-block;
	padding: 0 16px 0 0;
	border: none;
	border-bottom: 1px solid;
	line-height: 16px;
	font-size: 1.5rem
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList .toggleAction .ctrl::after {
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	transition: transform .15s ease-in-out
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList .toggleAction .accordCont {
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 27px;
	max-height: 0;
	padding: 0;
	line-height: 20px;
	font-size: 1.4rem;
	letter-spacing: -0.56px;
	background: none;
	transition: max-height .15s ease-in-out
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList .toggleAction.on .ctrl::after {
	transform: rotate(-180deg)
}

.bigBanner.htmlBanner .bannerTxt .inner .accordianList .toggleAction.on .accordCont {
	max-height: 100px;
	transition: max-height .15s ease-in-out
}

.bigBanner.htmlBanner .typeBlack .inner .titEvent {
	color: #1e2023
}

.bigBanner.htmlBanner .typeBlack .inner .accordianList .toggleAction .ctrl {
	color: #1e2023
}

.bigBanner.htmlBanner .typeBlack .inner .accordianList .toggleAction .ctrl::after {
	background: url(/fo/images/view/ico_expand_more_12x_black.svg) no-repeat;
	background-size: 100%
}

.bigBanner.htmlBanner .typeWhite .inner .titEvent {
	color: #f2f5f9
}

.bigBanner.htmlBanner .typeWhite .inner .accordianList .toggleAction .ctrl {
	color: #f2f5f9
}

.bigBanner.htmlBanner .typeWhite .inner .accordianList .toggleAction .ctrl::after {
	background: url(/fo/images/view/ico_expand_more_12x_white.svg) no-repeat;
	background-size: 100%
}

.bigBanner.htmlBanner .typeWhite .inner .accordianList .toggleAction .accordCont {
	color: #f2f5f9
}

#filterContents #prodStyle-Thumb .prodCont:hover .optionBtns .btIco.icRestock::after {
	background: url(/fo/images/common/spr_icon.png) no-repeat -36px -20px
}

#filterContents #prodStyle-Thumb .prodCont:hover .optionBtns .btIco.icRestock:hover::after {
	background-position: -36px 0
}

.container .saleWrap h2+.timesale_imp,
.container .saleWrap h2+.specialprice_imp {
	margin-top: 35px
}

.mainCon .timesale_imp .mTit>a {
	font-size: 2.8rem;
	font-weight: 500;
	background: none
}

.mainCon .timesale_imp .mTit>a .timeInfo {
	position: relative;
	font-size: 2.4rem
}

.mainCon .timesale_imp .mTit>a .timeInfo::after {
	content: "";
	display: block;
	position: absolute;
	right: -20px;
	top: 12px;
	width: 16px;
	height: 16px;
	background: url("../images/ico_link.png") no-repeat
}

.mainCon .timesale_imp .mTit>a .timeInfo b {
	font-size: 2.4rem
}

.mainCon .specialprice_imp .mTit.mtit_Cn a {
	background: none
}

[lang=zh] .mainCon .specialprice_imp .mTit.mtit_Cn a .timeInfo {
	position: relative;
	vertical-align: top
}

[lang=zh] .mainCon .specialprice_imp .mTit.mtit_Cn a .timeInfo::after {
	content: "";
	display: block;
	position: absolute;
	left: initial;
	right: -26px;
	top: 12px;
	width: 16px;
	height: 16px;
	background: url("../images/ico_link.png") no-repeat
}

.specialprice_imp {
	position: relative;
	margin-top: 80px
}

.specialprice_imp .txtLink {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 12px;
	padding-right: 18px;
	color: #5a5f64;
	font-size: 1.6rem;
	background: url("../images/arr_link03.png") right 44% no-repeat
}

.saleWrap .specialprice_imp {
	margin-top: 40px
}

.saleWrap .specialprice_imp .tabType03.tabBasic li a {
	min-width: 97px;
	font-size: 1.8rem
}

.saleWrap .specialprice_imp .tabType03+.tabCont {
	padding-top: 56px
}

.saleWrap .specialprice_imp .tabType03+.tabCont .todaysp_pr {
	padding-top: 24px
}

.saleWrap .specialprice_imp .tabCont {
	padding-top: 0
}

.saleWrap .specialprice_imp .tabCont .todaysp_pr {
	margin: -32px -23px 0
}

.saleWrap .specialprice_imp .tabCont .todaysp_pr li {
	padding: 24px 8px
}

.saleWrap .specialprice_imp .mTit a {
	padding-right: 0;
	background: none
}

.saleWrap .specialprice_imp .mTit a .timeInfo {
	position: relative;
	top: -7px;
	font-size: 2.8rem
}

.saleWrap .specialprice_imp .mTit a .timeInfo::after {
	bottom: -4px
}

.saleWrap .specialprice_imp .mTit a .timeInfo em {
	font-size: 2.8rem;
	font-weight: 500
}

[lang=zh] .saleWrap .specialprice_imp .mTit a .timeInfo em {
	font-weight: 700
}

.saleWrap .specialprice_imp .mTit a .timeInfo b {
	font-size: 2.8rem
}

.specialprice_imp .mTit {
	height: 40px;
	line-height: 40px
}

.specialprice_imp .mTit a {
	height: 40px;
	padding-right: 25px;
	vertical-align: top;
	line-height: 40px;
	background-position: right center
}

.specialprice_imp .mTit .timeInfo {
	display: inline-block;
	position: relative;
	top: -2px;
	height: 100%;
	margin-left: 16px;
	padding: 0;
	vertical-align: top;
	line-height: 40px;
	background: none
}

.specialprice_imp .mTit .timeInfo.warn::after {
	background: #e6230a
}

.specialprice_imp .mTit .timeInfo.warn em {
	color: #e6230a
}

.specialprice_imp .mTit .timeInfo::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 1px;
	background: #4d6ee4
}

.specialprice_imp .mTit .timeInfo em {
	display: inline-block;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	color: #4d6ee4;
	font-size: 2.4rem;
	font-weight: 500
}

[lang=zh] .specialprice_imp .mTit .timeInfo em {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

[lang=zh] .specialprice_imp .mTit .timeInfo em {
	font-weight: 700
}

.specialprice_imp .mTit .timeInfo em.remainTimer {
	margin: 0 4px 0 8px
}

.specialprice_imp .mTit .timeInfo b {
	margin-left: 10px;
	font-size: 2.4rem
}

.specialprice_imp .tdspSwipe {
	overflow: visible;
	margin-top: 30px;
	padding-bottom: 0
}

.mainCon .specialprice_imp .tdspSwipe {
	overflow: visible
}

.mainCon .specialprice_imp .tdspSwipe .swiper-container {
	padding-right: 1px
}

.specialprice_imp .tdspSwipe .todaysp_pr {
	margin-top: 0;
	padding-top: 0
}

.specialprice_imp .tdspSwipe .todaysp_pr li {
	padding: 0
}

.specialprice_imp .tdspSwipe .todaysp_pr li .prodCont .chkFavo {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 99;
	margin: 0;
	transition: opacity .3s
}

.specialprice_imp .tdspSwipe .todaysp_pr li .prodCont .chkFavo label::after {
	margin: -8px 0 0 -8px
}

.specialprice_imp .tdspSwipe .todaysp_pr li .prodCont .prodFlag {
	margin-top: 6px
}

.specialprice_imp .tdspSwipe .todaysp_pr li .prodCont.prodAge>a::before {
	display: none !important
}

.specialprice_imp .tdspSwipe.controlBtn .ts-next.ts-button-disabled.hide {
	display: none
}

.specialprice_imp .tdspSwipe .moreCase {
	display: block;
	position: relative
}

.specialprice_imp .tdspSwipe .moreCase .slideMore {
	margin-top: -27px;
	background: url(/fo/images/view/ico_more_type03.png) no-repeat 50% 0;
	box-sizing: border-box
}

.specialprice_imp .tdspSwipe .ts-controls {
	margin-top: 20px;
	text-align: center
}

.specialprice_imp .tdspSwipe .ts-controls .ts-paging {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle
}

.specialprice_imp .todaysp_pr {
	font-size: 0
}

.specialprice_imp .todaysp_pr li .prodCont {
	border: none;
	border-radius: 0;
	background: none
}

.specialprice_imp .todaysp_pr li .prodCont.noFlag>a:first-child::before {
	display: none !important
}

.specialprice_imp .todaysp_pr li .prodCont.noFlag .chkFavo,
.specialprice_imp .todaysp_pr li .prodCont.noFlag .optionBtns {
	display: none
}

.specialprice_imp .todaysp_pr li .prodCont .prodState.adult {
	position: absolute;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%)
}

.specialprice_imp .todaysp_pr li .prodCont .prodState.adult+a figure img {
	opacity: 0
}

.specialprice_imp .todaysp_pr li .prodCont.prodAge>a::before {
	display: none !important
}

.specialprice_imp .todaysp_pr li .prodCont>a {
	overflow: hidden;
	border-radius: 8px
}

.specialprice_imp .todaysp_pr li .prodCont>a:first-child {
	border: 1px solid #fff
}

.specialprice_imp .todaysp_pr li .prodCont>a:first-child figure {
	transition: opacity .3s
}

[lang=ko] .specialprice_imp .todaysp_pr li .prodCont>a:first-child:before {
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 11;
	width: 50px;
	height: 50px;
	background: url(/fo/images/common/flag_specialprice.png) no-repeat;
	transition: opacity .3s
}

[lang=zh] .specialprice_imp .todaysp_pr li .prodCont>a:first-child:before {
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 11;
	width: 50px;
	height: 50px;
	background: url(/fo/images/common/flag_specialprice_Cn.png) no-repeat;
	transition: opacity .3s;
	background-size: 50px 50px
}

[lang=en] .specialprice_imp .todaysp_pr li .prodCont>a:first-child:before {
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 11;
	width: 50px;
	height: 50px;
	background: url(/fo/images/common/flag_specialprice_en.png) no-repeat;
	transition: opacity .3s;
	background-size: 50px 50px
}

.specialprice_imp .todaysp_pr li .prodCont>a~a {
	margin-top: 15px
}

.specialprice_imp .todaysp_pr li .prodCont>a~a .prodInfo {
	padding: 0;
	text-align: left;
	background: none
}

.specialprice_imp .todaysp_pr li .prodCont .chkFavo {
	margin-top: 11px
}

.specialprice_imp .todaysp_pr li .prodCont .prodFlag {
	margin-top: 10px
}

.specialprice_imp .todaysp_pr li .prodCont .prodFlag>span {
	line-height: 18px;
	font-size: 1.2rem
}

.specialprice_imp .todaysp_pr li .prodCont:hover>a:first-child {
	border-color: #5a5f64
}

.specialprice_imp .todaysp_pr li .prodCont:hover>a:first-child::before,
.specialprice_imp .todaysp_pr li .prodCont:hover>a:first-child figure {
	opacity: .7
}

.specialprice_imp .todaysp_pr li .prodInfo {
	margin-top: 0
}

.specialprice_imp .todaysp_pr li .prodInfo .priceArea {
	margin-top: 16px
}

.specialprice_imp .todaysp_pr li .prodInfo .priceArea .originPrice {
	font-size: 1.5rem
}

.specialprice_imp .todaysp_pr li .prodInfo .priceArea .saleCont .saleNum {
	margin-top: 0;
	font-size: 1.8rem
}

.specialprice_imp .todaysp_pr li .prodInfo .priceArea .saleCont .saleNum::after {
	display: none
}

.specialprice_imp .todaysp_pr li .prodInfo .priceArea .saleCont .saleDollar {
	font-size: 1.8rem
}

.specialprice_imp .todaysp_pr li .prodInfo .priceArea .saleCont .saleWon {
	display: block;
	margin-left: 0;
	font-size: 1.3rem
}

.specialprice_imp.themeWrap .todaysp_pr li .prodCont>a:first-child:before {
	content: none
}

.specialCont.specialMain.fashionCont .swiperWrap.swiperRoll.mainBannerSwiper {
	margin-bottom: 96px
}

.specialCont.specialMain.fashionCont .titDep2.mt0 {
	margin-top: 0
}

.specialCont.specialMain.fashionCont .specialprice_imp .tdspSwipe .todaysp_pr .prodCont a figure .img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.specialCont.specialMain.fashionCont .specialprice_imp .tdspSwipe .todaysp_pr .prodCont .optionBtns>button.icRestock:hover {
	transform: none;
	transition: none
}

.specialCont.specialMain.fashionCont .specialprice_imp .tdspSwipe .todaysp_pr .prodCont .optionBtns>button.icRestock:hover::after {
	width: 16px;
	height: 16px;
	transform: none;
	transition: none
}

.prodCont figure {
	width: 100%;
	padding-top: 100% !important
}

.prodCont figure>img:not(.img) {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.prodCont figure>img:not(.img) {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}

.prodCont figure .overImg {
	height: 100%
}

.prodCont figure .overImg img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.prodCont figure .overImg img {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}

.categoryCont .prodList.fashionList figure,
.prodCont figure {
	padding: 0 !important
}

.categoryCont .prodList.fashionList figure>img[src*="img_blank2.png"],
.prodCont figure>img[src*="img_blank2.png"] {
	position: relative !important;
	z-index: 10;
	width: 100%;
	background: #fff
}

.categoryCont .prodList.fashionList figure>img[src*="img_blank2.png"]+img,
.prodCont figure>img[src*="img_blank2.png"]+img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	object-position: center center
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

	.categoryCont .prodList.fashionList figure>img[src*="img_blank2.png"]+img,
	.prodCont figure>img[src*="img_blank2.png"]+img {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}
}

.prodList.fashionList .prodCont figure {
	padding: 0
}

.rankingCont .prodCont figure,
.categoryCont .prodCont figure,
.specialprice_imp .prodCont figure,
.timesale_imp .prodCont figure,
.saleWrap .prodCont figure,
.prodReview .prodCont figure,
.prodRanking .prodCont figure,
.steadySeller .prodCont figure,
.recommendEtc_pr .prodCont figure,
.beautyFinderReault .prodCont figure,
.beautyCont .prodCont figure,
.ohmyCont .prodCont figure,
.liveCont .prodCont figure,
.recommendTab .prodCont figure,
.promotionType .prodCont figure,
.prodList .prodCont figure,
.mytypeComponent .prodCont figure,
.beautiyComponent .prodCont figure,
.lankingComponent .prodCont figure,
.ago3hour~.fixToBottomLimit #prodStyle-Thumb.prodList.prodThumb.fashionList .prodCont figure {
	padding-top: 100% !important
}

.rankingCont .prodCont figure img[src*="img_blank2.png"],
.categoryCont .prodCont figure img[src*="img_blank2.png"],
.specialprice_imp .prodCont figure img[src*="img_blank2.png"],
.timesale_imp .prodCont figure img[src*="img_blank2.png"],
.saleWrap .prodCont figure img[src*="img_blank2.png"],
.prodReview .prodCont figure img[src*="img_blank2.png"],
.prodRanking .prodCont figure img[src*="img_blank2.png"],
.steadySeller .prodCont figure img[src*="img_blank2.png"],
.recommendEtc_pr .prodCont figure img[src*="img_blank2.png"],
.beautyFinderReault .prodCont figure img[src*="img_blank2.png"],
.beautyCont .prodCont figure img[src*="img_blank2.png"],
.ohmyCont .prodCont figure img[src*="img_blank2.png"],
.liveCont .prodCont figure img[src*="img_blank2.png"],
.recommendTab .prodCont figure img[src*="img_blank2.png"],
.promotionType .prodCont figure img[src*="img_blank2.png"],
.prodList .prodCont figure img[src*="img_blank2.png"],
.mytypeComponent .prodCont figure img[src*="img_blank2.png"],
.beautiyComponent .prodCont figure img[src*="img_blank2.png"],
.lankingComponent .prodCont figure img[src*="img_blank2.png"],
.ago3hour~.fixToBottomLimit #prodStyle-Thumb.prodList.prodThumb.fashionList .prodCont figure img[src*="img_blank2.png"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center
}

.myActivity .activityList>li a figure {
	padding-top: 100% !important
}

.myActivity .activityList>li a figure img[src*="img_blank2.png"],
.myActivity .activityList>li a figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center
}

.brandmallWrap .prodSwipe .prodCont figure img {
	max-width: 100%;
	max-height: 100%;
	width: 100% !important;
	height: 100% !important
}

.fashionCont .prodCont figure {
	padding-top: 100% !important
}

.fashionCont .prodCont figure img[src*="img_blank2.png"] {
	position: relative
}

.prodList.prodListStyle .prodCont figure,
.orderProdList .prodCont figure,
.moreRanking #rankInfo .rankingList.fashionList .prodCont figure,
.fashionCont .pickCodiList .prodCont figure,
.liveCont .relatedPord .prodCont figure,
.fashionCont .prodCont figure,
.layPop .orderProdView .accordianList .toggleAction .accordCont .prodCont figure,
.ssgdfExclusive .prodCont figure {
	padding: 0 !important
}

.prodSwipe .prodCont figure img {
	position: absolute !important
}

.prodCont figure.pdt0 {
	padding: 0 !important
}

.u602Cn .specialprice_imp .tdspSwipe .prodCont .prodInfo {
	height: auto
}

.u602Cn .specialprice_imp .mTit.mtit_Cn>a {
	padding: 0 28px 0 30px;
	line-height: 40px;
	background-position: right 65%;
	font-size: 3.2rem;
	font-weight: 700
}

.u602Cn .specialprice_imp .mTit.mtit_Cn>a span.timeInfo {
	padding-left: 16px;
	margin: 0;
	line-height: 40px;
	background: none;
	font-size: 2.8rem;
	font-weight: 500;
	text-decoration: underline;
	letter-spacing: -0.56px;
	top: 0;
	vertical-align: middle
}

[lang=zh] .u602Cn .specialprice_imp .mTit.mtit_Cn>a span.timeInfo {
	font-weight: 700
}

.u602Cn .specialprice_imp .mTit.mtit_Cn>a span.timeInfo::after {
	display: none
}

.u602Cn .specialprice_imp .mTit.mtit_Cn>a span.timeInfo b {
	margin: 0;
	font-size: 2.8rem
}

.u602Cn .specialprice_imp .mTit.mtit_Cn>a::before {
	display: none
}

[lang=zh] .u602Cn .specialprice_imp .tdspSwipe li .prodCont>a:first-child:before {
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 11;
	width: 50px;
	height: 50px;
	background: url(/fo/images/common/flag_specialprice_Cn.png) no-repeat;
	transition: opacity .3s;
	background-size: 50px 50px
}

.u602Cn .todaysp li .prodCont.noFlag>a:first-child::before {
	display: none !important
}

.u602Cn .todaysp li .prodCont.noFlag .chkFavo,
.u602Cn .todaysp li .prodCont.noFlag .optionBtns {
	display: none
}

.u602Cn .todaysp li .prodCont .prodState.adult {
	position: absolute;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%)
}

.u602Cn .todaysp li .prodCont .prodState.adult+a figure img {
	opacity: 0
}

[lang=zh] .u602Cn .todaysp li .prodCont>a:first-child:before {
	content: "";
	display: block;
	position: absolute;
	left: 14px;
	top: 14px;
	z-index: 11;
	width: 50px;
	height: 50px;
	background: url(/fo/images/common/flag_specialprice_Cn.png) no-repeat;
	transition: opacity .3s;
	background-size: 50px 50px
}

.timesale_imp {
	position: relative;
	margin-top: 80px
}

.timesale_imp .txtLink {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 12px;
	padding-right: 18px;
	color: #5a5f64;
	font-size: 1.6rem;
	background: url(/fo/images/common/arr_link03.png) right 50% no-repeat
}

.saleWrap .timesale_imp {
	margin-top: 30px
}

.saleWrap .timesale_imp .tabType03.tabBasic {
	margin-top: 30px
}

.saleWrap .timesale_imp .tabType03.tabBasic li a {
	min-width: 97px;
	font-size: 1.8rem
}

.saleWrap .timesale_imp .mTit a {
	padding: 0;
	background: none
}

.saleWrap .timesale_imp .mTit a .timeInfo {
	padding-left: 32px;
	font-size: 2.8rem;
	background: url(/fo/images/view/ico-time-sale-timer_Kr.svg) no-repeat 0 55%;
	background-size: 24px 24px
}

.saleWrap .timesale_imp .mTit a .timeInfo b {
	font-size: 3.2rem
}

.saleWrap .timesale_imp .mTit a .timeInfo b.remainTimer {
	display: inline-block;
	min-width: 155px;
	text-align: justify
}

.saleWrap .timesale_imp .timeSale_pr li .saleNum {
	background: url(/fo/images/view/ico_timesale_clock.png) no-repeat 0 0
}

.saleWrap .timesale_imp .timePr {
	margin-top: 25px
}

.saleWrap .timesale_imp .timePr .list li figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.saleWrap .timesale_imp .timePr .list li .prInfo {
	border-radius: 0 0 8px 8px;
	background: rgba(0, 0, 0, .2)
}

.timesale_imp .mTit {
	height: 40px;
	line-height: 40px
}

.timesale_imp .mTit a {
	height: 100%;
	padding-right: 24px;
	line-height: 40px;
	background-position: right 55%;
	font-size: 3.2rem;
	font-weight: 700
}

.timesale_imp .mTit a .timeInfo {
	display: inline-block;
	height: 100%;
	margin-left: 16px;
	padding-left: 32px;
	vertical-align: top;
	line-height: 40px;
	font-size: 2.8rem;
	font-weight: 500;
	background: url(/fo/images/view/ico-time-sale-timer_Kr.svg) no-repeat 0 50%;
	background-size: 24px 24px
}

[lang=zh] .timesale_imp .mTit a .timeInfo {
	font-weight: 700
}

.timesale_imp .mTit a .timeInfo.warn {
	color: #e6230a;
	background-image: url(/fo/images/view/ico-time-sale-timer_KC1m.svg)
}

.timesale_imp .mTit a .timeInfo b {
	margin-left: 15px;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: -1.5px
}

.timesale_imp .mTit a .timeInfo b.remainTimer {
	display: inline-block;
	min-width: 115px;
	text-align: justify
}

[lang=zh] .timesale_imp .mTit a .timeInfo {
	background: url("../images/ico-time-sale-timer_Cn.svg") no-repeat 0 55%;
	background-size: 24px 24px;
	vertical-align: baseline
}

[lang=zh] .timesale_imp .mTit a .timeInfo.warn {
	background-image: url("../images/ico-time-sale-timer_KC1m.svg")
}

.timesale_imp .timesaleSwipe {
	overflow: visible;
	margin-top: 30px;
	padding-bottom: 0
}

.timesale_imp .timesaleSwipe .swiper-slide .con figure {
	border-radius: 60px;
	transition: box-shadow ease .25s
}

.timesale_imp .timesaleSwipe .swiper-slide .con figure::before {
	display: none
}

.timesale_imp .timesaleSwipe .swiper-slide .con .brandName {
	height: 65px;
	box-sizing: border-box
}

.timesale_imp .timesaleSwipe .swiper-slide .con:hover figure {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.timesale_imp .timesaleSwipe.controlBtn .ts-next.ts-button-disabled.hide {
	display: none
}

.timesale_imp .timesaleSwipe .con.moreCase {
	overflow: visible !important;
	display: block;
	position: relative;
	padding: 0 !important;
	background: none !important
}

.timesale_imp .timesaleSwipe .con.moreCase .slideMore {
	margin: -27px 0 0 -33px;
	background: url("../images/ico_more_type03.png") no-repeat 50% 0 !important;
	box-sizing: border-box
}

.timesale_imp .timesaleSwipe .ts-controls {
	margin-top: 20px;
	text-align: center
}

.timesale_imp .timesaleSwipe .ts-controls .ts-paging {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle
}

.frameBanner {
	width: 100%;
	height: 100%
}

.frameBanner a {
	display: block;
	height: 100%
}

.frameBanner a img {
	display: none
}

.brandPromotion {
	margin-top: 96px
}

.brandPromotion .mTit,
.brandPromotion .titDep2 {
	font-weight: 700
}

.brandPromotion .titDep2+.controlBtn {
	margin-top: 23px
}

.brandPromotion .controlBtn {
	padding-bottom: 0 !important
}

.brandPromotion .bannerType.typeBand .bannerTxt {
	text-align: center
}

.moreSale_fing {
	margin-top: 96px
}

.titArea.case .tipArea {
	width: 24px;
	height: 24px;
	vertical-align: 4px;
	text-align: left;
	line-height: 1.5;
	font-weight: 400
}

.titArea.case .tipArea .tipCont {
	top: 32px;
	left: -11px
}

.titArea.case .btTip {
	width: 24px;
	height: 24px
}

.titArea.case .btTip::before {
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	margin: 0;
	border-radius: 0;
	border: 0;
	background: url(/fo/images/view/ico_tooltip.png) no-repeat 0 50%
}

.tabType01 {
	margin-top: 24px
}

.mainWrap {
	margin-top: -56px
}

.mainWrap .swiperWrap .swiper-container .swiper-wrapper {
	text-align: left;
	vertical-align: top
}

.mTit {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .mTit {
	font-weight: 700
}

.mTit.eng a {
	background-position: right 44%
}

.mTit a {
	display: inline-block;
	padding-right: 22px;
	background: url("../images/ico_link.png") no-repeat right 47%
}

.mTit .timeInfo {
	padding-left: 45px;
	color: #4d6ee4;
	background: url("../images/ico_clock.png") no-repeat 16px 35%
}

[lang=zh] .mTit .timeInfo {
	color: #fe324b
}

.mTit .timeInfo b {
	font-weight: 500
}

[lang=zh] .mTit .timeInfo b {
	font-weight: 700
}

.mTit em {
	display: block;
	padding-bottom: 8px;
	color: #fe4c99;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.mainCon {
	float: left;
	position: relative;
	width: 77.11267%;
	padding: 40px 27px 80px 0;
	border-right: 1px solid #eaeaea
}

.mainCon .swiperWrap {
	padding-bottom: 0 !important
}

.mainCon .swiperWrap.paused .ts-controls.playStop .btnPlay {
	display: inline-block
}

.mainCon .swiperWrap.paused .ts-controls.playStop .btnStop {
	display: none
}

.mainCon .swiperWrap.hideButton .ts-controls.playStop {
	display: none
}

.mainCon .ts-controls,
.mainCon .ts-controls.playStop {
	margin-top: 23px;
	text-align: center
}

.mainCon .ts-controls .ts-paging,
.mainCon .ts-controls.playStop .ts-paging {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle
}

.mainCon .ts-controls [class^=btn],
.mainCon .ts-controls.playStop [class^=btn] {
	position: relative;
	left: auto;
	bottom: 0;
	width: 28px;
	height: 24px;
	margin: 0;
	vertical-align: middle
}

.mainCon .ts-controls [class^=btn]::after,
.mainCon .ts-controls.playStop [class^=btn]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/view/btn_playstop.png) no-repeat 0 0
}

.mainCon .ts-controls .btnPlay,
.mainCon .ts-controls.playStop .btnPlay {
	display: none
}

.mainCon .ts-controls .btnPlay::after,
.mainCon .ts-controls.playStop .btnPlay::after {
	background-position: 0 -16px !important
}

.mainCon .ts-controls .btnStop,
.mainCon .ts-controls.playStop .btnStop {
	display: inline-block
}

.mainCon .ts-controls .btnStop::after,
.mainCon .ts-controls.playStop .btnStop::after {
	background-position: 0 0 !important
}

.mainCon .ts-paging .ts-paging-btn.ts-paging-active {
	width: 26px;
	height: 12px
}

.mainCon .ts-paging .ts-paging-btn.ts-paging-active::after {
	width: 20px;
	height: 6px;
	margin-left: -10px
}

.mainCon .ts-paging .ts-paging-btn::after {
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px
}

.mainCon .fullBanner {
	left: 68.5%
}

.mainCon .mytypeComponent .mytypeSwipe .ts-controls {
	margin-top: 60px
}

.mainside_Banner {
	float: right;
	position: relative;
	width: 22.88733%;
	padding-top: 40px
}

@media screen and (min-width: 1440px) {
	.mainCon {
		width: 77.11267%
	}

	.mainside_Banner {
		width: 22.88733%
	}
}

@media screen and (min-width: 1663px) {
	.mainCon {
		width: 77.35%
	}

	.mainside_Banner {
		width: 22.65%
	}
}

@media screen and (min-width: 1903px) {
	.mainCon {
		width: 76.8421%;
		padding-right: 31px
	}

	.mainside_Banner {
		width: 23.1579%
	}

	.sideBanner {
		padding-left: 24px !important
	}
}

.mainBannerSwiper .mainbanner a .bannerTxt .inner .bannerFlag {
	margin-bottom: 7px
}

.mainBannerSwiper .mainbanner a .bannerTxt .inner .titEvent {
	width: 50%;
	max-height: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.23;
	font-size: 44px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 106px;
	letter-spacing: normal
}

.mainBannerSwiper .mainbanner a .bannerTxt .inner .subTit {
	width: 50%;
	margin-top: 10px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.6px;
	line-height: normal
}

.mainBannerSwiper .mainbanner .flagAd {
	display: block;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
	width: 34px;
	height: 24px;
	border-radius: 8px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 26px;
	color: #fff;
	background: rgba(30, 32, 35, .4)
}

.mainBannerSwiper .paging {
	position: absolute;
	bottom: 16px;
	left: 50%;
	z-index: 10;
	width: 68px;
	height: 28px;
	margin-left: -34px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 28px;
	color: #fff;
	font-weight: 500
}

[lang=zh] .mainBannerSwiper .paging {
	font-weight: 700
}

.mainBannerSwiper .paging .swiper-pagination {
	display: block;
	position: static;
	width: auto;
	padding: 0 16px 0 3px;
	border-radius: 28px;
	background: rgba(30, 32, 35, .5)
}

.mainBannerSwiper .paging .ts-controls.playStop {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: 0;
	z-index: 101;
	width: 68px;
	height: 100%;
	margin-top: 0;
	margin-left: 0;
	background: none
}

.mainBannerSwiper .paging .ts-controls.playStop [class^=btn] {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	z-index: 101;
	width: 100%;
	height: 100%;
	margin: 0;
	background: none
}

.mainBannerSwiper .paging .ts-controls.playStop [class^=btn]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: auto;
	right: 11px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0;
	background: url("../images/btn_playstop_w.png") no-repeat 0 0
}

.mainBannerSwiper .paging .ts-controls.playStop .btnPlay {
	display: none
}

.mainBannerSwiper .paging .ts-controls.playStop .btnPlay::after {
	background-position: 0 -8px !important
}

.mainBannerSwiper .paging .ts-controls.playStop .btnStop {
	display: block
}

.mainBannerSwiper .paging .ts-controls.playStop .btnStop::after {
	background-position: 0 0 !important
}

.mainBannerSwiper.paused .paging .ts-controls.playStop .btnPlay {
	display: block
}

.mainBannerSwiper.paused .paging .ts-controls.playStop .btnStop {
	display: none
}

.mainBannerSwiper .quickMn {
	position: absolute;
	bottom: 0;
	right: 16px;
	z-index: 20
}

.mainBannerSwiper .quickMn.all .listWrap {
	display: block
}

.mainBannerSwiper .quickMn .moreBtn {
	width: 60px;
	height: 58px;
	background: url("../images/btn_quickmn.png") no-repeat 0 0
}

.mainBannerSwiper .quickMn .moreBtn[aria-expanded=true] {
	background-position: 0 -58px
}

.mainBannerSwiper .quickMn .listWrap {
	display: none;
	position: absolute;
	bottom: 60px;
	right: 10px;
	width: 200px;
	padding: 8px 2px 8px 0;
	border-radius: 8px;
	background: #fff
}

.mainBannerSwiper .quickMn .listWrap.w230 {
	width: 230px
}

.mainBannerSwiper .quickMn .listWrap .listScroll {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 275px
}

.mainBannerSwiper .quickMn .listWrap li a {
	display: block;
	position: relative;
	padding: 8px 11px 8px 22px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.mainBannerSwiper .quickMn .listWrap li a.active {
	font-weight: 700
}

.mainBannerSwiper .quickMn .listWrap li a.active::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #4d6ee4
}

[lang=zh] .mainBannerSwiper .quickMn .listWrap li a.active::before {
	background-color: #fe324b
}

.mainBannerSwiper .quickMn .listWrap li a:hover {
	color: #1e2023;
	font-weight: 700
}

.mainBannerSwiper .quickMn.imp-modifier {
	right: 0
}

.mainBannerSwiper .quickMn.imp-modifier.hover {
	width: 100%;
	height: 100%
}

.mainBannerSwiper .quickMn.imp-modifier.all {
	z-index: 101;
	width: 100%;
	height: 100%
}

.mainBannerSwiper .quickMn.imp-modifier.all .listWrap {
	opacity: 1;
	display: block;
	transition: opacity .25s ease-in-out
}

.mainBannerSwiper .quickMn.imp-modifier .moreBtn {
	position: absolute;
	right: 16px;
	bottom: 0;
	z-index: 2
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap {
	right: 0;
	bottom: 0;
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(30, 32, 35, .8);
	transition: opacity .25s ease-in-out
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap::after {
	content: "";
	display: block;
	opacity: .8;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 40px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll {
	max-height: 100%;
	margin: 0 8px 0 -24px;
	padding: 2px 0 18px
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList {
	position: relative;
	left: 8px;
	width: 81.101%;
	margin: 0 auto
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li {
	width: 50%;
	margin-top: 16px;
	padding-left: 16px
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li .bannerType.typeBannerA a {
	padding: 0
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li .bannerType.typeBannerA a figure {
	height: 125px
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li .bannerType.typeBannerA a figure img {
	position: absolute;
	left: 50%;
	width: 487px;
	margin-left: -199px
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li .bannerType.typeBannerA a .bannerTxt {
	padding: 0 21px
}

.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li .bannerType.typeBannerA a .bannerTxt .titEvent {
	line-height: 1.31;
	font-size: 1.6rem;
	font-weight: 700
}

.mainBannerSwiper.m20230215 .quickMn.imp-modifier .moreBtn {
	right: 5px;
	bottom: 4px
}

.mainBannerSwiper.m20230215 .quickMn .listWrap .listScroll {
	height: calc(100% - 17px - 17px);
	margin: 17px 8px 17px 8px;
	padding: 0
}

.mainBannerSwiper.m20230215 .quickMn .listWrap .listScroll .listMn.bannerList {
	left: 0;
	width: 100%;
	padding: 0 50px 0 54px
}

.mainBannerSwiper.m20230215 .quickMn .listWrap .listScroll .listMn.bannerList li {
	width: calc(33.3333333333% - 16px);
	margin: 17px 8px 0;
	padding: 0
}

.mainBannerSwiper.m20230215 .quickMn .listWrap .listScroll .listMn.bannerList li:nth-child(-n+3) {
	margin-top: 0
}

.mainBannerSwiper.typeV .swiper-container .mainbanner>a .bannerTxt .inner .titEvent {
	margin-bottom: 28px !important;
	line-height: 54px !important;
	font-size: 4rem !important
}

.specialCont.specialMain .mainBannerSwiper .mainbanner a .bannerTxt .inner .subTit {
	margin-top: 24px
}

.searchResultTop~.recommendEtc_pr {
	min-width: 800px;
	max-width: 1004px;
	width: 55.555%;
	margin: 0 auto
}

.searchResultTop~.recommendEtc_pr .titDep3 {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -0.72px
}

.searchResultTop~.recommendEtc_pr .swiperWrap .swiper-wrapper {
	transition-duration: 300ms !important
}

.searchResultTop~.recommendEtc_pr .swiperWrap .swiper-slide .brandName {
	font-size: 1.3rem
}

.searchResultTop~.recommendEtc_pr .swiperWrap .swiper-slide figure {
	width: 188px;
	height: 188px
}

.searchResultTop~.recommendEtc_pr .swiperWrap .swiper-slide .priceArea em {
	display: block;
	margin: 2px 0 0 0
}

@media screen and (min-width: 1680px) {
	.searchResultTop~.recommendEtc_pr {
		width: 1004px
	}
}

@media screen and (min-width: 1663px) {
	.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList {
		width: 90.483%
	}

	.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li {
		width: 33.3333333333%
	}
}

@media screen and (min-width: 1441px) {
	.mainBannerSwiper.m20230215 .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList {
		width: 100%
	}

	.mainBannerSwiper.m20230215 .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li {
		width: calc(33.3333333333% - 16px)
	}
}

@media screen and (min-width: 1441px) {
	.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList {
		width: 71.767%
	}

	.mainBannerSwiper .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li {
		width: 50%
	}
}

@media screen and (max-width: 1440px) {
	.mainBannerSwiper.m20230215 .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList {
		padding: 0 70px 0 74px
	}

	.mainBannerSwiper.m20230215 .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li {
		width: calc(50% - 16px)
	}

	.mainBannerSwiper.m20230215 .quickMn.imp-modifier .listWrap .listScroll .listMn.bannerList li:nth-child(3) {
		margin-top: 17px
	}

	.lankingComponent ul.tabList li {
		margin-right: 0
	}

	.newBrandComponent ul.tabList li {
		margin-right: 0
	}
}

.main_quickMn {
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 40px 0 25px;
	font-size: 0
}

.main_quickMn::after {
	content: "";
	display: block;
	clear: both
}

.main_quickMn li {
	display: inline-block;
	width: 10%;
	padding: 0
}

.main_quickMn li a {
	display: block;
	text-align: center
}

.main_quickMn li a figure {
	overflow: hidden;
	width: 80px;
	margin: 0 auto;
	border-radius: 20px
}

.main_quickMn li a figure:lang(zh) {
	border-radius: 0
}

.main_quickMn li a figure img {
	width: 100%
}

.main_quickMn li a .txt {
	overflow: hidden;
	display: block;
	padding-top: 4px;
	line-height: 1.5;
	color: #454f5b;
	font-size: 1.4rem;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

@keyframes opacity1 {
	to {
		opacity: 1
	}
}

.main_quickMnArea {
	margin-bottom: -2px
}

.main_quickMnArea .swiperWrap {
	opacity: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 40px 0 25px;
	font-size: 0;
	transition: opacity .3s ease-in-out
}

.main_quickMnArea .swiperWrap.inited {
	animation: opacity1 .5s forwards
}

.main_quickMnArea .swiperWrap.swiper-no-swiping .ts-controls {
	margin-top: 28px
}

.main_quickMnArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
	display: inline-block;
	width: 10%;
	padding: 0
}

.main_quickMnArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a {
	display: block;
	text-align: center
}

.main_quickMnArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a figure {
	overflow: hidden;
	width: 80px;
	margin: 0 auto;
	border-radius: 20px
}

.main_quickMnArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a figure img {
	width: 100%
}

.main_quickMnArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a .txt {
	display: block;
	padding-top: 4px;
	line-height: 117%;
	color: #454f5b;
	font-size: 1.4rem;
	word-break: break-all;
	letter-spacing: -0.28px;
	white-space: nowrap
}

.main_quickMnArea .swiperWrap .ts-controls {
	margin-top: 25px
}

.main_quickMnArea .swiperWrap .ts-prev,
.main_quickMnArea .swiperWrap .ts-next {
	margin-top: -20px;
	opacity: 0;
	transition: .5s
}

.main_quickMnArea .swiperWrap:hover .ts-prev,
.main_quickMnArea .swiperWrap:hover .ts-next {
	opacity: 1;
	transform: rotateX(0deg)
}

.main_quickMnArea.main_quickMnLine .swiperWrap {
	padding: 24px 0 0
}

.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container {
	margin: 0 14px;
	width: calc(100% - 28px)
}

.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
	width: 100px
}

.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a figure {
	position: relative;
	border-radius: 4px
}

.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .04)
}

.main_quickMnArea.main_quickMnLine .swiperWrap .ts-controls {
	display: none
}

.main_quickMnArea.main_quickMnLine .swiperWrap .ts-prev {
	left: 14px;
	margin-top: -25px
}

.main_quickMnArea.main_quickMnLine .swiperWrap .ts-next {
	right: 14px;
	margin-top: -25px
}

.title_quickArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 60px
}

.title_quickArea .title_quick {
	margin: 0 140px
}

.title_quickArea .title_quick>ul {
	display: flex;
	white-space: nowrap;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px
}

.title_quickArea .title_quick>ul::after {
	content: none
}

.title_quickArea .title_quick>ul li {
	height: 40px;
	padding: 3px 10px 5px 6px;
	border: 1px solid #ddd;
	flex-shrink: 0;
	border-radius: 20px;
	box-sizing: border-box
}

.title_quickArea .title_quick>ul li>a {
	display: flex;
	justify-content: center;
	align-items: center
}

.title_quickArea .title_quick>ul li>a figure {
	overflow: hidden;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	border-radius: 50%
}

.title_quickArea .title_quick>ul li>a figure img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: cover;
	flex-shrink: 0
}

.title_quickArea .title_quick>ul li>a p {
	line-height: 100%;
	font-size: 1.4rem;
	font-weight: 400;
	color: #1e2023
}

@media screen and (max-width: 1440px) {
	.main_quickMn li a figure {
		width: 72px
	}

	.main_quickMn li a .txt {
		font-size: 1.3rem;
		line-height: 1.3846153846
	}

	.main_quickMnArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a figure {
		width: 72px
	}

	.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container {
		margin: 0 38px;
		width: calc(100% - 76px)
	}

	.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
		width: 100px
	}

	.main_quickMnArea.main_quickMnLine .swiperWrap .swiper-container .swiper-wrapper .swiper-slide a figure {
		width: 80px
	}

	.main_quickMnArea.main_quickMnLine .swiperWrap .ts-prev {
		left: 38px
	}

	.main_quickMnArea.main_quickMnLine .swiperWrap .ts-next {
		right: 38px
	}

	.title_quickArea .title_quick {
		margin: 0 16px
	}
}

.timesaleComponent {
	margin-top: 80px
}

.timesaleComponent h2 {
	text-align: center
}

.timesaleComponent h2 a {
	display: inline-block;
	padding-right: 22px;
	color: #1e2023;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	font-weight: 500;
	background: url(/fo/images/view/ico_link.png) no-repeat right 52%
}

[lang=zh] .timesaleComponent h2 a {
	font-weight: 700
}

.timesaleComponent h2 span {
	padding-left: 38px;
	color: #4d6ee4;
	background: url(/fo/images/view/ico_clock.png) no-repeat 8px 50%
}

[lang=zh] .timesaleComponent h2 span {
	color: #fe324b
}

.getNoti {
	margin-top: 24px;
	text-align: center
}

.getNoti a {
	display: inline-block;
	width: 560px;
	height: 64px;
	border-radius: 8px;
	line-height: 64px;
	background: #f5f7fa url(/fo/images/view/bg_noti.png) no-repeat 50%
}

.getNoti a em {
	display: inline-block;
	position: relative;
	padding: 0 40px 0 46px;
	font-weight: 500
}

[lang=zh] .getNoti a em {
	font-weight: 700
}

.getNoti a em::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 22px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(/fo/images/view/ico_bell.png) no-repeat 0 0
}

.getNoti a em::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 22px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/view/ico_link_s.png) no-repeat 0 0
}

.timesaleSwipe {
	margin-top: 24px
}

.timesaleSwipe.controlBtn {
	padding-bottom: 0 !important
}

.timesaleSwipe.ie9 .swiper-slide {
	padding: 0 20px
}

.timesaleSwipe .swiper-slide .con {
	display: block;
	position: relative;
	width: 100%;
	text-align: center
}

.timesaleSwipe .swiper-slide .con.moreCase {
	overflow: hidden;
	padding-top: 100%;
	border-radius: 50%;
	background: rgba(12, 38, 159, .03)
}

.timesaleSwipe .swiper-slide .con.moreCase:hover {
	box-shadow: -15px 13px 12px -3px rgba(30, 32, 35, .05)
}

.timesaleSwipe .swiper-slide .con.moreCase .slideMore {
	background-image: url(/fo/images/view/ico_more_type01.png)
}

.timesaleSwipe .swiper-slide .con:hover figure {
	box-shadow: 0 5px 15px 0 rgba(30, 32, 35, .1)
}

.timesaleSwipe .swiper-slide .con figure {
	overflow: hidden;
	position: relative;
	padding-top: 100%;
	border-radius: 50%;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.timesaleSwipe .swiper-slide .con figure img {
	display: block;
	position: absolute;
	top: -100%;
	right: -100%;
	left: -100%;
	bottom: -100%;
	width: 100%;
	height: auto;
	margin: auto;
	max-width: 300px
}

.timesaleSwipe .swiper-slide .con .brandName {
	display: block;
	padding: 16px 0 8px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .timesaleSwipe .swiper-slide .con .brandName {
	font-weight: 700
}

.timesaleSwipe .swiper-slide .con .brandName .eng {
	display: block;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.timesaleSwipe .swiper-slide .con .brandName .eng::before {
	content: none
}

.timesaleSwipe .swiper-slide .con .saleNum {
	color: #e6230a;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4
}

.timesaleSwipe .swiper-slide .con .txtLoginBefore {
	display: inline-block;
	position: relative;
	margin-top: 5px;
	padding-left: 12px;
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.timesaleSwipe .swiper-slide .con .txtLoginBefore::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 11px;
	height: 13px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -105px -24px
}

.timesaleSwipe .ts-prev,
.timesaleSwipe .ts-next {
	top: 25%
}

.moreCase {
	display: block;
	position: relative
}

.slideMore {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 42px;
	height: 54px;
	margin: -27px 0 0 -21px;
	padding-top: 32px;
	text-align: center;
	color: #8b8f94;
	font-weight: 500;
	background: url(/fo/images/view/ico_more_type02.png) no-repeat 50% 0
}

[lang=zh] .slideMore {
	font-weight: 700
}

.prodCont.moreCase figure {
	position: relative;
	background: none
}

.prodCont.moreCase figure .slideMore {
	position: absolute;
	top: 0;
	left: 0
}

.tdspComponent {
	margin-top: 80px
}

.tdspComponent .mTit a {
	background-position-y: 50%
}

.tdspComponent .moreCase {
	padding: 100% 0 183px;
	border-radius: 8px;
	background: #f7f8fc
}

.tdspSwipe {
	margin-top: 24px
}

.tdspSwipe.ie9 .swiper-slide {
	padding: 0 10px
}

.tdspSwipe .prodCont {
	overflow: hidden;
	width: 100%;
	border-radius: 8px;
	background: #f7f8fc;
	border: 1px solid #f7f8fc
}

.tdspSwipe .prodCont .prodState.adult {
	top: 44%
}

.tdspSwipe .prodCont:hover {
	border-color: #5a5f64;
	background: #fff
}

.tdspSwipe .prodCont:hover a figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .5)
}

.tdspSwipe .prodCont:hover a figure::after {
	display: none
}

.tdspSwipe .prodCont:hover a .optionBtns {
	opacity: 1
}

.tdspSwipe .prodCont:hover .prodState.adult {
	background: #fff
}

.tdspSwipe .prodCont.login .prodInfo {
	margin-top: 0;
	padding-top: 68px;
	background: url(/fo/images/common/ico_lock.png) no-repeat 50% 20px
}

.tdspSwipe .prodCont.login .priceArea {
	margin-top: 5px
}

.tdspSwipe .prodCont.login .txtLoginBefore {
	padding-left: 0
}

.tdspSwipe .prodCont.login .txtLoginBefore::before {
	display: none
}

.tdspSwipe .prodCont.login .txtLoginBefore+.saleCont {
	margin-top: 0
}

.tdspSwipe .prodCont .optionBtns {
	display: block;
	position: absolute;
	bottom: auto;
	top: 46%;
	left: 50%;
	width: 108px;
	margin: -24px 0 0 -54px;
	border-radius: 0;
	text-align: center;
	background: none
}

.tdspSwipe .prodCont .optionBtns:hover {
	background: none
}

.tdspSwipe .prodCont .optionBtns>button {
	margin: 0 2px;
	border-radius: 4px;
	background: rgba(30, 32, 35, .6)
}

.tdspSwipe .prodCont .optionBtns>button:hover:after {
	opacity: .4
}

.tdspSwipe .prodCont .optionBtns>button:hover {
	background: #1e2023
}

.tdspSwipe .prodCont .optionBtns>button.icRestock {
	margin: 0 auto
}

.tdspSwipe .prodCont .optionBtns>button.icRestock:hover {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.tdspSwipe .prodCont .optionBtns>button.icRestock:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	outline: 0
}

.tdspSwipe .prodCont a {
	position: relative
}

.tdspSwipe .prodCont .prodInfo {
	position: relative;
	margin-top: -20px;
	padding: 0 30px 24px;
	text-align: center
}

.tdspSwipe .prodCont .prodInfo .saleNum {
	display: inline-block;
	margin-top: 28px;
	color: #e6230a;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667
}

.tdspSwipe .prodCont .prodInfo .saleNum::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #e6230a
}

.tdspSwipe .prodCont .prodInfo .saleNum+.brandName {
	padding-top: 24px
}

.tdspSwipe .prodCont .prodInfo .brandName {
	padding-right: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.tdspSwipe .prodCont .prodInfo .prodName {
	padding-right: 0
}

.tdspSwipe .prodCont figure {
	min-height: 204px;
	padding: 0;
	border-radius: 8px 8px 0 0
}

.tdspSwipe .prodCont .chkFavo {
	position: absolute;
	top: 0;
	right: 16px;
	z-index: 99
}

.tdspSwipe .prodCont .priceArea {
	margin-top: 14px
}

.tdspSwipe .ts-prev,
.tdspSwipe .ts-next {
	top: 45%
}

.benefitComponent {
	margin-top: 80px
}

.benefitComponent .tabType02 {
	margin-top: 16px
}

.benefitComponent .tabType02>li>a {
	color: #6b6e73;
	font-weight: 400
}

.benefitComponent .tabType02>li.tabON>a {
	color: #373a3c;
	font-weight: 700
}

.benefitComponent .swiperWrap.qtflexibleType .bannerType>a {
	display: flex
}

.benefitComponent .swiperWrap.qtflexibleType figure {
	position: relative;
	flex-shrink: 0;
	width: 140px;
	height: 140px;
	border-radius: 4px 0 0 4px
}

.benefitComponent .swiperWrap.qtflexibleType figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)
}

.benefitComponent .swiperWrap.qtflexibleType figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.benefitComponent .swiperWrap.qtflexibleType .bannerTxt {
	position: relative;
	padding: 0 20px 0 40px;
	border-radius: 0 8px 8px 0;
	background: #f5f7fa
}

.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .titEvent {
	font-size: 2.4rem;
	color: #373a3c;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: -0.4px
}

.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .subTit {
	font-size: 1.8rem;
	color: #1e2023;
	letter-spacing: -0.3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .eventInfo {
	margin-top: 8px;
	padding: 0
}

.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .eventInfo .date {
	font-size: 1.5rem;
	color: #8b8f94
}

.benefitComponent .swiperWrap .bannerType .bannerTxt .titEvent {
	font-size: 1.8rem
}

.benefitComponent .swiperWrap .bannerType .bannerTxt.case .subTit {
	color: #1e2023
}

.benefitComponent .swiperWrap .ts-prev,
.benefitComponent .swiperWrap .ts-next {
	top: 48%
}

.benefitComponent .swiperWrap.hideButton .swiperWrap.showControl .ts-prev,
.benefitComponent .swiperWrap.hideButton .swiperWrap.showControl .ts-next {
	display: block
}

.benefitComponent .swiperWrap.showControl .ts-prev.ts-button-disabled:after {
	opacity: 1
}

.benefitComponent .swiperWrap.showControl .ts-next.ts-button-disabled:after {
	opacity: 1
}

.benefitComponent .swiper-slide:first-child .swiperWrap.showControl .ts-prev.ts-button-disabled:after {
	opacity: .2
}

.benefitComponent .swiper-slide:last-child .swiperWrap.showControl .ts-next.ts-button-disabled:after {
	opacity: .2
}

.qtflexibleType .flag.finish {
	background: linear-gradient(256deg, #5934DF 17.26%, #353535 114.45%) !important
}

.beautyCont .moreWrap .visualCont.qtflexibleType .swiper-slide .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0
}

@media screen and (max-width: 1440px) {
	.benefitComponent .swiperWrap.qtflexibleType .bannerTxt {
		padding: 0 20px 0 24px
	}

	.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .titEvent {
		font-size: 2rem
	}

	.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .subTit {
		font-size: 1.5rem
	}

	.benefitComponent .swiperWrap.qtflexibleType .bannerTxt .eventInfo .date {
		font-size: 1.3rem
	}
}

.bannerType .bannerTxt.case .titEvent {
	color: #1e2023
}

.bannerType .bannerTxt.case .subTit {
	color: rgba(30, 32, 35, .6)
}

.ssgliveComponent {
	margin-top: 80px
}

.ssgliveSwipe {
	margin-top: 24px
}

.ssgliveSwipe .con {
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%
}

.ssgliveSwipe .con figure {
	overflow: hidden;
	position: relative;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.ssgliveSwipe .con figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(12, 38, 159, .03)
}

.ssgliveSwipe .con .timeArea,
.ssgliveSwipe .con .flag {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	width: auto;
	height: 24px;
	padding: 0 12px;
	border-radius: 20px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 24px;
	color: #fff;
	background: rgba(107, 110, 115, .6)
}

.ssgliveSwipe .con .flag {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	font-weight: 500;
	background: #ff5644
}

[lang=zh] .ssgliveSwipe .con .flag {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

[lang=zh] .ssgliveSwipe .con .flag {
	font-weight: 700
}

.ssgliveSwipe .con .liveItem_airtime {
	position: absolute;
	top: 40%;
	left: 50%;
	z-index: 99;
	margin: -50px 0 0 -35px;
	text-align: center;
	color: #fff
}

.ssgliveSwipe .con .liveItem_airtime .time {
	display: block;
	padding-top: 35px;
	background: url(/fo/images/view/ico_clock_w.png) no-repeat center top
}

.ssgliveSwipe .con .liveItem_airtime .time>* {
	display: block
}

.ssgliveSwipe .con .liveItem_airtime .time .liveDay em {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.ssgliveSwipe .con .liveItem_airtime .time .liveTime {
	font-weight: 500;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286
}

[lang=zh] .ssgliveSwipe .con .liveItem_airtime .time .liveTime {
	font-weight: 700
}

.ssgliveSwipe .con .liveItem_airtime+.prodInfo .videoThum::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(30, 32, 35, .6)
}

.ssgliveSwipe .con .liveItem_airtime+.prodInfo .prodArea {
	z-index: 3
}

.ssgliveSwipe .prodInfo {
	overflow: hidden;
	position: relative;
	height: 482px;
	border-radius: 8px
}

.ssgliveSwipe .prodInfo .videoThum {
	position: relative;
	height: 482px;
	border-radius: 8px;
	background-size: cover;
	background-position: 50% 0
}

.ssgliveSwipe .prodInfo .videoThum img {
	width: 100%;
	height: 100%
}

.ssgliveSwipe .prodInfo .videoThum video {
	width: 100%;
	height: 482px;
	object-fit: cover
}

.ssgliveSwipe .prodInfo .prodArea {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	position: absolute;
	top: 410px;
	left: 0;
	width: 100%;
	height: 72px;
	border-radius: 0 0 8px 8px
}

.ssgliveSwipe .prodInfo .prodArea>* {
	display: table-cell;
	vertical-align: middle
}

.ssgliveSwipe .prodInfo .prodArea figure {
	width: 72px;
	height: 72px
}

.ssgliveSwipe .prodInfo .prodArea figure img {
	width: 72px;
	height: 72px
}

.ssgliveSwipe .prodInfo .prodArea .info {
	padding: 0 16px;
	background: rgba(30, 32, 35, .6)
}

.ssgliveSwipe .prodInfo .prodArea .info .txt {
	display: block;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #dcdfe3
}

.ssgliveSwipe .prodInfo .prodArea .info .price .dollar {
	font-weight: 500;
	color: #fff
}

[lang=zh] .ssgliveSwipe .prodInfo .prodArea .info .price .dollar {
	font-weight: 700
}

.ssgliveSwipe .prodInfo .prodArea .info .price .won {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #dcdfe3
}

.ssgliveSwipe .prodInfo .prodArea .info .price .won b {
	font-weight: 400
}

.ssgliveSwipe .broadcastInfo {
	margin-top: 16px;
	text-align: left
}

.ssgliveSwipe .broadcastInfo .broadcastName {
	display: block;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.ssgliveSwipe .broadcastInfo .liveUtil {
	margin-top: 15px
}

.ssgliveSwipe .broadcastInfo .view {
	display: block;
	margin-top: 15px
}

.ssgliveSwipe .broadcastInfo .view>* {
	position: relative;
	font-weight: 500
}

[lang=zh] .ssgliveSwipe .broadcastInfo .view>* {
	font-weight: 700
}

.ssgliveSwipe .broadcastInfo .view>*::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0
}

.ssgliveSwipe .broadcastInfo .view .favoNum {
	padding-left: 20px;
	color: #ff5644
}

.ssgliveSwipe .broadcastInfo .view .favoNum::before {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -143px 0
}

.ssgliveSwipe .broadcastInfo .view .viewNum {
	margin-left: 15px;
	padding-left: 15px;
	color: #c95ed9
}

.ssgliveSwipe .broadcastInfo .view .viewNum::before {
	margin-top: -7px;
	border-top: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid rgba(0, 0, 0, 0);
	border-left: 11px solid #c95ed9;
	border-radius: 3px
}

.ssgliveSwipe .ts-prev,
.ssgliveSwipe .ts-next {
	top: 40%
}

.tabList {
	margin-top: 24px;
	text-align: center
}

.tabList li {
	display: inline-block;
	padding: 0 12px
}

.tabList li a {
	display: block
}

.tabList li a>* {
	display: block
}

.tabList li a .img {
	width: 56px;
	height: 56px;
	margin: 0 auto
}

.tabList li a .img img {
	width: 28px;
	height: 28px;
	margin: 0 auto;
	padding-top: 13px
}

.tabList li a .img .on {
	display: none
}

.tabList li a .img .off {
	display: block
}

.tabList li a.on .img .on {
	display: block
}

.tabList li a.on .img .off {
	display: none
}

.tabList li a.on .txt {
	font-weight: 500;
	color: #1e2023
}

[lang=zh] .tabList li a.on .txt {
	font-weight: 700
}

.tabList li a:hover .img .on {
	display: block
}

.tabList li a:hover .img .off {
	display: none
}

.tabList li a:hover .txt {
	font-weight: 500;
	color: #1e2023
}

[lang=zh] .tabList li a:hover .txt {
	font-weight: 700
}

.couponBannerArea {
	margin-top: 60px
}

.couponBannerArea .swiperWrap .swiper-container {
	border-radius: 4px
}

.couponBannerArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
	background: #1e2023
}

.couponBannerArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 56px;
	padding: 14px 16px 13px
}

.couponBannerArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .txt {
	display: block;
	width: 100%;
	height: 24px;
	text-align: center
}

.couponBannerArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .txt .titCoupon {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	margin: 0 auto;
	display: block;
	width: fit-content;
	height: 24px;
	padding-left: 36px;
	line-height: 130%;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff
}

.couponBannerArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .txt .titCoupon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(/fo/images/common/ico_livecoupon.svg) no-repeat center;
	transform: translateY(-47%)
}

.couponBannerArea .swiperWrap .swiper-pagination {
	top: 50%;
	bottom: auto;
	left: auto;
	right: 16px;
	width: 50px;
	height: 28px;
	transform: translateY(-50%);
	font-size: 1.3rem;
	font-weight: 400;
	color: rgba(255, 255, 255, .9);
	letter-spacing: -1.7px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .1)
}

.couponBannerArea .swiperWrap .ts-controls {
	display: none !important
}

.todayBenefitCollec {
	margin-top: 80px
}

.todayBenefitCollec .mTit {
	margin-bottom: 24px
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
	box-sizing: border-box
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a {
	display: flex;
	align-items: center;
	width: calc(100% - 2px);
	padding: 24px;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	box-sizing: border-box
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure {
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin-right: 24px;
	aspect-ratio: 1/1;
	border-radius: 50%
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .beneTitBox .beneTit {
	overflow: hidden;
	display: -webkit-box;
	margin-bottom: 8px;
	line-height: 130%;
	letter-spacing: -0.4px;
	font-size: 2rem;
	font-weight: 500;
	color: #373a3c;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	color: #373a3c
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .beneTitBox .beneSubTit {
	line-height: 130%;
	letter-spacing: -0.36px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #6b6e73
}

.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a:hover {
	border-color: #5a5f64
}

.todayBenefitCollec .benefitCollecList .swiperWrap .ts-next {
	right: 2px
}

.thankYouGiftArea {
	margin-top: 80px
}

.thankYouGiftArea .thankYouGift .mTit {
	margin-bottom: 24px
}

.thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container {
	padding-right: 24px
}

.thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a {
	width: 100%;
	height: 100%
}

.thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	aspect-ratio: 2/3
}

.thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2)
}

.thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .thGiftTit {
	margin-top: 16px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 130%;
	color: #373a3c
}

.thankYouGiftArea .thankYouGift .swiperWrap .ts-prev,
.thankYouGiftArea .thankYouGift .swiperWrap .ts-next {
	top: calc(50% - 57px)
}

.brandSaleArea {
	margin-top: 80px
}

.brandSaleArea .mTit {
	margin-bottom: 24px
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom {
	display: flex
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox {
	width: calc(50% - 13px)
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 16px 24px 16px 32px;
	background: rgba(0, 0, 0, .06);
	border-radius: 4px
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a .brandSTit {
	padding-right: 16px;
	line-height: 130%;
	font-size: 2.2rem;
	font-weight: 500;
	color: #1e2023;
	border-radius: 4px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a figure {
	width: 108px;
	height: 108px
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a figure img {
	display: block;
	width: 100%;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
	aspect-ratio: 1/1
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a:first-child {
	margin-bottom: 12px
}

.brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox:first-child {
	margin-right: 24px
}

.brandSaleArea .brandSaleList .swiperWrap .ts-prev,
.brandSaleArea .brandSaleList .swiperWrap .ts-next {
	top: calc(50% - 23px)
}

.memberBenefitsArea {
	margin-top: 80px
}

.memberBenefitsArea .mTit {
	margin-bottom: 24px
}

.memberBenefitsArea .memberBenefitsSlide .swiperWrap .swiper-container .swiper-wrapper .swiper-slide figure {
	overflow: hidden;
	border-radius: 8px
}

.memberBenefitsArea .memberBenefitsSlide .swiperWrap .swiper-container .swiper-wrapper .swiper-slide figure img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1
}

.memberBenefitsArea .memberBenefitsSlide .swiperWrap .swiper-container .swiper-wrapper .swiper-slide .memBeneTit {
	margin-top: 16px;
	line-height: 130%;
	font-size: 2rem;
	font-weight: 500;
	color: #373a3c
}

@media screen and (max-width: 1440px) {
	.todayBenefitCollec .benefitCollecList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
		border-color: #dcdfe3
	}
}

.lankingComponent {
	margin-top: 80px
}

.lankingComponent .tabList li {
	width: 80px;
	padding: 0;
	margin-right: 8px
}

.lankingComponent .tabList li:last-child {
	margin-right: 0
}

.lankingComponent .tabList::after {
	content: none
}

.lankingComponent .tdspSwipe {
	margin-top: 32px;
	padding-right: 1px
}

.lankingComponent .tdspSwipe .swiper-container {
	overflow: visible
}

.lankingComponent .tdspSwipe ul {
	counter-reset: section
}

.lankingComponent .tdspSwipe ul .swiper-slide::before {
	display: block;
	position: absolute;
	top: 0;
	left: 25px;
	z-index: 100;
	width: 40px;
	height: 45px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-weight: 500;
	background: url(/fo/images/common/spr_ico.png) no-repeat -119px -75px;
	content: counter(section);
	counter-increment: section
}

[lang=zh] .lankingComponent .tdspSwipe ul .swiper-slide::before {
	font-weight: 700
}

.lankingComponent .tdspSwipe ul .swiper-slide:first-child:before {
	background-position: -77px -75px
}

.lankingComponent .tdspSwipe .prodCont {
	border: 1px solid #eaeaea;
	background: #fff
}

.lankingComponent .tdspSwipe .prodCont .prodState {
	transition: opacity .3s
}

.lankingComponent .tdspSwipe .prodCont .prodState.adult {
	top: 50%;
	z-index: 100;
	margin-top: -116px;
	background: #fff
}

.lankingComponent .tdspSwipe .prodCont .prodState.adult+a figure img[src="/fo/images/common/img_blank.png"] {
	display: none
}

.lankingComponent .tdspSwipe .prodCont figure {
	transition: opacity .3s
}

.lankingComponent .tdspSwipe .prodCont:hover {
	border-color: #5a5f64
}

.lankingComponent .tdspSwipe .prodCont:hover .prodState,
.lankingComponent .tdspSwipe .prodCont:hover figure {
	opacity: .7
}

.lankingComponent .tdspSwipe .prodCont a figure:after {
	display: none
}

.lankingComponent .tdspSwipe .prodCont .prodInfo {
	margin-top: 0;
	padding-top: 16px
}

.lankingComponent .tdspSwipe .prodCont .optionBtns {
	top: 55%
}

.lankingComponent .tdspSwipe .prodCont .priceArea .txtLoginBefore+.saleCont {
	margin-top: 0
}

.lankingComponent .tdspSwipe .prodCont .priceArea .saleCont {
	margin-top: 40px
}

.lankingComponent .tdspSwipe .prodCont .priceArea .originPrice {
	margin-top: 23px
}

.lankingComponent .tdspSwipe .prodCont .priceArea .originPrice+.saleCont {
	margin-top: 0
}

.lankingComponent .tdspSwipe .prodCont .priceArea .saleNum {
	margin-top: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #f42d10;
	font-weight: 700
}

.lankingComponent .tdspSwipe .prodCont .priceArea .saleNum::after {
	content: none
}

.lankingComponent.u2526 .mTit {
	margin-bottom: 24px
}

.lankingComponent.u2526 .tabArea .tabBasic {
	font-size: 0
}

.lankingComponent.u2526 .tabArea .tabBasic li.tabON a {
	border-color: #1e2023 !important;
	background: #1e2023 !important
}

.lankingComponent.u2526 .tdspSwipe {
	margin-top: 24px
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container+.ts-controls {
	margin: 0
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide:first-child::before {
	display: none
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide.rankingTabCate::before {
	display: none
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide.rankingTabCate:not(:first-child) {
	padding-left: 16px
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide.rankingTabCate:not(:last-child) .ts-next.ts-button-disabled::after {
	opacity: 1
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide.rankingTabCate:not(:first-child) .ts-prev.ts-button-disabled::after {
	opacity: 1
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate::before {
	display: block;
	position: absolute;
	left: 24px;
	width: 40px;
	height: 45px;
	line-height: 42px;
	font-size: 2rem;
	background: url(/fo/images/common/spr_ico.png) -119px -75px no-repeat;
	content: counter(section);
	counter-increment: section
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate:first-child::before {
	background-position: -77px -75px
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView {
	overflow: hidden
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView>a,
.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView .optionBtns {
	filter: blur(15px);
	overflow: hidden;
	opacity: .4
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView figure::after {
	display: none
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView .optionBtns {
	display: none;
	opacity: 0
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView .moreViewBtnArea {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView .moreViewBtnArea a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate .prodCont.moreView .moreViewBtnArea span {
	display: block;
	position: relative;
	padding-top: 41px;
	text-align: center;
	line-height: 140%;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: -0.3px;
	background: url(/fo/images/view/ico_more_type04.svg) no-repeat 50% 0 !important;
	background-size: 32px;
	box-sizing: border-box
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate.more {
	overflow: hidden
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .swiper-slide.rankingListCate.more::before {
	filter: blur(15px);
	opacity: .4
}

.lankingComponent.u2526 .tdspSwipe>.swiper-container>.swiper-wrapper>.swiper-slide .cateRankingArea .ts-controls {
	margin-top: 14px
}

.bannerComponent {
	margin-top: 80px
}

.bannerComponent .ts-controls {
	margin-top: 0
}

.beautiyComponent {
	margin-top: 80px
}

.beautiyComponent .mTit a {
	background-position: right 77%
}

.beautiyComponent .tabType04 {
	margin: 16px 0 0
}

.beautiyComponent .tabType04>li a {
	border: 1px solid #eaeaea;
	background: #fff
}

.beautiyComponent .tabType04>li.tabON a {
	border-color: #4d6ee4
}

[lang=zh] .beautiyComponent .tabType04>li.tabON a {
	border-color: #fe324b
}

.beautiyComponent.experience .swiperWrap {
	padding-bottom: 24px
}

.beautiyComponent.experience .swiperWrap a {
	display: block;
	margin-top: -1px
}

.beautiyComponent.experience .swiperWrap .ts-prev,
.beautiyComponent.experience .swiperWrap .ts-next {
	top: calc(50% - 23px)
}

.beautiyComponent .prodSwipe {
	margin-top: 0
}

.beautiyComponent .swiperWrap {
	margin-top: 30px
}

.beautiyComponent .swiperWrap .ts-prev,
.beautiyComponent .swiperWrap .ts-next {
	top: calc(50% - 100px);
	margin-top: -20px
}

.beautiyComponent .profileBar {
	margin-top: 34px
}

.beautiyComponent .visualCont figure {
	width: 60%
}

.beautiyComponent .visualCont figure .flag.deadline {
	background: #6b6e73
}

.beautiyComponent .visualCont .inner .cont {
	width: 40%
}

.beautiyComponent .visualCont .inner .cont .tit {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.beautiyComponent .visualCont .inner .cont .date {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.beautiyComponent .visualCont .inner .cont .icoArea .popWrap {
	position: relative
}

.beautiyComponent .visualCont .inner .cont .icoArea .popLayCont {
	left: -205px;
	width: 370px !important;
	margin: -84px 0 0 -122% !important
}

.beautiyComponent .visualCont .inner .cont .icoArea .popLayCont::before {
	right: 35%
}

.fashionComponent {
	margin-top: 80px
}

.fashionComponent .mTit a {
	background-position: right 77%
}

.fashionComponent .mTit a em {
	color: #36a0cf
}

.fashionComponent .mTit em {
	color: #36a0cf
}

.fashionComponent .swiperWrap .imgList {
	padding-bottom: 0
}

.fashionComponent .swiperWrap .ts-controls {
	line-height: 0
}

.fashionComponent .imgList {
	padding-top: 24px
}

.fashionComponent .imgList>ul>li:not(.swiper-slide):nth-child(n+5) {
	display: none
}

.fashionComponent .imgList>ul.keyword>li figure {
	min-height: 100%
}

.fashionComponent .imgList>ul.keyword>li figure::before {
	background: rgba(0, 0, 0, .4)
}

.fashionComponent .imgList>ul.keyword.col4>li .keywordTxt {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .fashionComponent .imgList>ul.keyword.col4>li .keywordTxt {
	font-weight: 700
}

.fashionComponent .fashionPick {
	margin-top: 24px
}

.fashionComponent .fashionPick .cont .titDep3 {
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	font-weight: 500
}

[lang=zh] .fashionComponent .fashionPick .cont .titDep3 {
	font-weight: 700
}

.fashionComponent .fashionPick .cont .subTxt {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.fashionComponent .fashionPick .cont .swiperWrap .swiper-container {
	width: 176px;
	margin: 0 auto
}

.liquorComponent.mainModule,
.themeComponent.mainModule {
	margin-top: 80px
}

.liquorComponent.mainModule .swiperWrap,
.themeComponent.mainModule .swiperWrap {
	margin-top: 14px
}

.liquorComponent.mainModule .swiperWrap .swiper-slide figure,
.themeComponent.mainModule .swiperWrap .swiper-slide figure {
	aspect-ratio: 1/1
}

.liquorComponent.mainModule .swiperWrap .swiper-slide figure::after,
.themeComponent.mainModule .swiperWrap .swiper-slide figure::after {
	height: 100%
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo {
	margin-top: 16px
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo .brandName,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo .prodName,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-bottom: 23px;
	margin-top: 4px;
	line-height: 140%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .originPrice,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .originPrice {
	font-size: 1.3rem
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .saleCont .saleWon,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .saleCont .saleWon {
	font-size: 1.5rem
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .saleCont .saleWon span,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .saleCont .saleWon span {
	font-size: 1.5rem
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .saleCont .saleNum b,
.themeComponent.mainModule .swiperWrap .swiper-slide .prodInfo .priceArea .saleCont .saleNum b {
	font-size: 1.8rem
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .moreCase,
.themeComponent.mainModule .swiperWrap .swiper-slide .moreCase {
	display: block;
	position: relative
}

.liquorComponent.mainModule .swiperWrap .swiper-slide .moreCase .slideMore,
.themeComponent.mainModule .swiperWrap .swiper-slide .moreCase .slideMore {
	margin-top: -27px;
	background: url(/fo/images/view/ico_more_type03.png) no-repeat 50% 0;
	box-sizing: border-box
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .brandName {
	margin-bottom: 2px
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .priceArea .priceWrap {
	margin-bottom: 5px
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .priceArea strong {
	font-size: 1.5rem
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .priceArea strong b {
	font-size: 1.5rem !important
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .priceArea .saleCont .priceWrap strong {
	margin-right: 4px
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .priceArea .saleCont .priceWrap strong+em {
	margin-left: 0
}

.themeComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .priceArea .saleCont .priceWrap+em {
	margin-left: 0
}

.hypertextComponent {
	margin-top: 80px
}

.hypertextComponent a {
	display: block
}

.hypertextComponent img {
	width: 100%;
	border-radius: 8px
}

.newBrandComponent {
	margin-top: 80px
}

.newBrandComponent .tabList li {
	width: 80px;
	padding: 0;
	margin-right: 8px
}

.newBrandComponent .tabList li:last-child {
	margin-right: 0
}

.newBrandComponent .tabList::after {
	content: none
}

.newBrandComponent .ts-controls.playStop {
	margin-top: 32px !important
}

.newbrandSwipe {
	position: relative;
	margin-top: 32px
}

.newbrandSwipe .con {
	width: 100%
}

.newbrandSwipe .inner {
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 8px 8px 0 0
}

.newbrandSwipe .inner figure {
	min-height: 215px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.newbrandSwipe .inner figure::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3)
}

.newbrandSwipe .inner figure>img {
	display: block;
	width: 100%
}

.newbrandSwipe .inner figure .imgLogo {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -30px 0 0 -80px;
	transition: margin-top .3s
}

.newbrandSwipe .inner figure .imgLogo img {
	width: 160px
}

.newbrandSwipe .inner .chkFavo {
	position: absolute;
	left: 50%;
	top: 55%;
	z-index: 10;
	margin-left: -12px;
	margin-top: 20px;
	opacity: 0;
	transition: margin-top .3s, opacity .3s
}

.newbrandSwipe .inner .chkFavo input+label:after {
	background-position-x: -44px
}

.newbrandSwipe .inner .chkFavo input:checked+label:after {
	background-position-x: -44px
}

.newbrandSwipe .inner:hover figure .imgLogo {
	margin-top: -46px
}

.newbrandSwipe .inner:hover figure::after {
	background: rgba(0, 0, 0, .7)
}

.newbrandSwipe .inner:hover .chkFavo {
	margin-top: 0;
	opacity: 1
}

.newbrandSwipe .brandInfo {
	margin: -5% 24px 0
}

.newbrandSwipe .brandInfo .titArea {
	margin-bottom: 0;
	padding: 24px 0;
	text-align: center;
	background: #fff
}

.newbrandSwipe .brandInfo .titArea .tit {
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.newbrandSwipe .brandInfo .titArea .txt {
	display: block;
	padding-top: 8px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.newbrandSwipe .brandInfo li {
	position: relative;
	padding: 4px 0
}

.newbrandSwipe .brandInfo a {
	display: block;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%
}

.newbrandSwipe .brandInfo a>* {
	display: table-cell;
	vertical-align: middle
}

.newbrandSwipe .brandInfo figure {
	position: relative;
	overflow: hidden;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.newbrandSwipe .brandInfo figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(12, 38, 159, .03)
}

.newbrandSwipe .brandInfo figure img {
	width: 80px;
	height: 80px
}

.newbrandSwipe .brandInfo .info {
	width: 100%;
	padding: 0 40px 0 16px
}

.newbrandSwipe .brandInfo .prodName {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.newbrandSwipe .brandInfo .priceArea {
	display: block;
	padding-top: 8px
}

.newbrandSwipe .brandInfo .priceArea .priceWrap {
	display: block;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.newbrandSwipe .brandInfo .priceArea .priceWrap .saleNum {
	color: #f42d10;
	font-weight: 700
}

.newbrandSwipe .brandInfo .priceArea .priceWrap .originPrice {
	color: #6b6e73;
	text-decoration: line-through
}

.newbrandSwipe .brandInfo .priceArea .priceWrap .txtLoginBefore {
	display: inline-block;
	position: relative;
	margin: 0 0 4px 0;
	padding-left: 15px;
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.newbrandSwipe .brandInfo .priceArea .priceWrap .txtLoginBefore::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 11px;
	height: 13px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -105px -24px
}

.newbrandSwipe .brandInfo .priceArea .saleDollar {
	font-weight: 700;
	color: #373a3c
}

.newbrandSwipe .brandInfo .priceArea .saleWon {
	padding-left: 4px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.newbrandSwipe .brandInfo .chkFavo {
	position: absolute;
	top: 40px;
	right: 0
}

.storeList {
	margin: 0 -9px 0 -10px
}

.storeList::after {
	content: "";
	display: block;
	clear: both
}

.storeList>li {
	position: relative;
	float: left;
	width: 25%;
	height: 176px
}

.storeList>li.showOnScroll>* {
	position: absolute;
	top: 125px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out, top .25s ease-out;
	transition: opacity .25s ease-out, top .25s ease-out
}

.storeList>li.showOnScroll.show>* {
	top: 0;
	opacity: 1
}

.storeList>li .inner {
	position: relative;
	margin: 0 9px 0 10px
}

.storeList>li .contLink {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
	height: 100%
}

.storeList>li figure {
	overflow: hidden;
	position: relative;
	min-height: 160px;
	border-radius: 8px;
	background-color: #f5f7fa
}

.storeList>li figure>img {
	display: none
}

.storeList>li figure .imgLogo {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -30px 0 0 -80px;
	transition: margin-top .3s
}

.storeList>li figure .imgLogo img {
	width: 100%
}

.storeList>li .brandInfo .brandName strong {
	display: none
}

.storeList>li .brandInfo .brandName .icoN {
	position: absolute;
	right: 19px;
	top: 16px;
	width: 12px;
	height: 16px
}

.storeList>li .brandInfo .brandName .icoN::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/fo/images/brand/ico_N.png) no-repeat 0 0
}

.storeList>li .brandInfo .brandDesc {
	display: none
}

.storeList>li .videoPlayButton {
	display: none
}

.storeList>li .chkFavoL {
	position: absolute;
	left: 50%;
	top: 98px;
	z-index: 10;
	margin-left: -12px;
	margin-top: 20px;
	opacity: 0;
	transition: margin-top .3s, opacity .3s
}

.storeList>li .chkFavoL:hover label:after {
	background-position: -18px -52px !important
}

.storeList>li .chkFavoL input+label:after {
	background-position: -18px 0
}

.storeList>li .chkFavoL input:checked+label:after {
	background-position: -18px -25px
}

.storeList>li:hover figure {
	background-color: #fff
}

.storeList>li:hover figure .imgLogo {
	margin-top: -46px
}

.storeList>li:hover figure::after {
	background: rgba(0, 0, 0, .7)
}

.storeList>li:hover .chkFavoL {
	margin-top: 0;
	opacity: 1
}

.storeList.storeCard {
	margin: 0 -8px
}

.storeList.storeCard>li {
	width: 33.3333%;
	height: 501px
}

.storeList.storeCard>li .inner {
	height: 100%;
	margin: 0 8px
}

.storeList.storeCard>li .contLink {
	height: 468px
}

.storeList.storeCard>li figure {
	height: 368px;
	background: #fff url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%
}

.storeList.storeCard>li figure::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3)
}

.storeList.storeCard>li figure>img {
	display: block;
	width: 100%
}

.storeList.storeCard>li figure .imgLogo .logoW {
	display: block
}

.storeList.storeCard>li figure .imgLogo .logoB {
	display: none
}

.storeList.storeCard>li .brandInfo {
	margin-top: 16px
}

.storeList.storeCard>li .brandInfo .brandName {
	display: inline-block;
	position: relative;
	max-width: 101%;
	padding-right: 16px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.storeList.storeCard>li .brandInfo .brandName strong {
	display: inline;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #1e2023
}

.storeList.storeCard>li .brandInfo .brandName .icoN {
	right: 0;
	top: 6px
}

.storeList.storeCard>li .brandInfo .brandDesc {
	display: block;
	padding-top: 4px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #8b8f94;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.storeList.storeCard>li .videoPlayButton {
	display: table;
	position: absolute;
	right: 16px;
	top: 341px;
	z-index: 10;
	width: 96px;
	height: 96px
}

.storeList.storeCard>li .videoPlayButton>a {
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	border-radius: 100%;
	background: #000
}

.storeList.storeCard>li .videoPlayButton>a::before {
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	background: rgba(0, 0, 0, .4)
}

.storeList.storeCard>li .videoPlayButton>a img {
	position: relative;
	left: 50%;
	margin-left: -48px
}

.storeList.storeCard>li .videoPlayButton+.brandInfo {
	padding-right: 112px
}

.storeList.storeCard>li .chkFavo {
	top: 203px
}

.storeList.storeCard>li .chkFavo input+label:after {
	background-position-x: -52px
}

.storeList.storeCard>li .chkFavo input:checked+label:after {
	background-position-x: -102px
}

.storeList.storeCard>li:hover figure:after {
	background: rgba(0, 0, 0, .7)
}

.trendingComponent {
	margin-top: 80px
}

.trendingSwipe {
	margin-top: 32px
}

.trendingSwipe .conWrap {
	overflow: hidden;
	width: 100%;
	border-radius: 8px
}

.trendingSwipe .conWrap a {
	display: block;
	width: 100%;
	text-align: center
}

.trendingSwipe figure {
	overflow: hidden;
	position: relative;
	margin: -1px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.trendingSwipe figure img {
	width: 100%;
	border-radius: 8px 8px 0 0
}

.trendingSwipe .keyword {
	display: block;
	height: 44px;
	margin: 8px 24px 12px;
	color: #373a3c;
	text-align: center;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

.trendingSwipe .keyword a {
	display: inline-block;
	width: auto;
	padding: 0 2px
}

.trendingSwipe .keyword a:hover {
	color: #4d6ee4
}

[lang=zh] .trendingSwipe .keyword a:hover {
	color: #fe324b
}

.trendingSwipe .tit {
	display: block;
	padding: 30px 50px 0;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500;
	color: #373a3c;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .trendingSwipe .tit {
	font-weight: 700
}

.trendingSwipe .bestReview {
	padding-bottom: 24px
}

.trendingSwipe .bestReview .titBest {
	height: 33px;
	padding: 0 20px;
	line-height: 33px;
	font-size: 1.3rem;
	color: #4d6ee4;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .trendingSwipe .bestReview .titBest {
	color: #fe324b
}

.trendingSwipe .bestReview .titBest::before {
	content: "";
	display: block;
	width: 75px;
	margin: 0 auto;
	height: 1px;
	background: #eaeaea
}

.trendingSwipe .bestReview .txt {
	display: block;
	padding: 8px 20px 0;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto;
	height: 55px
}

.mytypeComponent {
	margin-top: 80px
}

.mytypeComponent .prodCont figure {
	min-height: auto
}

.mytypeComponent .swiperWrap .ts-prev,
.mytypeComponent .swiperWrap .ts-next {
	top: 26%
}

.giveawayComponent {
	margin-top: 80px
}

.giveawayComponent .giveawaySwiper {
	margin-top: 32px
}

.giveawayComponent .giveawaySwiper .imgList {
	padding: 0
}

.giveawayComponent .giveawaySwiper .imgList>ul>li a .cont .brand {
	display: flex;
	align-items: center;
	margin: 15px 0 10px
}

.giveawayComponent .giveawaySwiper .imgList>ul>li a .cont .brand .txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.giveawayComponent .giveawaySwiper .imgList>ul>li a .cont .desc.line4 {
	-webkit-line-clamp: 1
}

.giveawayComponent .giveawaySwiper .mainCon .ts-controls,
.giveawayComponent .giveawaySwiper .mainCon .ts-controls.playStop {
	margin-top: 16px
}

.giveawayComponent.exclusiveBrand .giveawaySwiper {
	padding: 0 1px
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList {
	overflow: visible
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a {
	overflow: hidden;
	min-height: 453px;
	border-radius: 8px;
	transition: border .3s;
	border: 1px solid #eaeaea;
	box-sizing: border-box
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a>figure {
	border-radius: 0
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a .cont {
	min-height: 165px;
	padding: 0 18px
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a .cont .brandLogo {
	display: flex;
	align-items: center;
	margin: 16px 0
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a .cont .brandLogo figure {
	padding: 5px 0 5px 8px;
	border-radius: 0;
	background: #f8fafc
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a .cont .brandLogo figure>img {
	display: block;
	width: 100%;
	max-width: 80px;
	opacity: 60%
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a .cont .tit {
	padding: 0 8px;
	margin-top: 0;
	line-height: 140%;
	font-size: 2rem;
	font-weight: 500;
	color: #373a3c
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a .cont .desc.line4 {
	overflow: hidden;
	display: block;
	padding: 0 8px;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #6b6e73;
	text-overflow: ellipsis;
	white-space: nowrap
}

.giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a:hover {
	border-color: #5a5f64
}

.giveawayComponent.exclusiveBrand .giveawaySwiper.controlBtn .ts-prev {
	left: 1px;
	margin-top: -40px
}

.giveawayComponent.exclusiveBrand .giveawaySwiper.controlBtn .ts-next {
	right: 1px;
	margin-top: -40px
}

.mytypeSwipe {
	margin-top: 32px
}

.sideBanner {
	padding-left: 28px;
	position: absolute;
	top: 40px;

	bottom: auto;
	width: 316.297px;
}
.sideBanner.fixedes {
    position: fixed;
	top: 120px;
}

.sideBanner.fixed .mainSideCont {
	position: fixed;
	top: 104px;
	right: 50%;
	width: 200px;
	margin-right: -568px
}

.sideBanner .ie9.swiperWrap .swiper-slide {
	padding: 0
}

.beautiyBanner.fixed .mainSideCont {
	top: 104px
}

.messageComponent .txtPage {
	margin-bottom: 16px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	text-align: left;
	font-weight: 700
}

.messageComponent .txtPage b {
	font-weight: 700
}

.messageComponent .txtPage .ico {
	margin-left: 5px;
	vertical-align: middle
}

.messageComponent .point {
	color: #4d6ee4
}

[lang=zh] .messageComponent .point {
	color: #fe324b
}

.messageComponent .btnLineG {
	padding-right: 40px;
	border-radius: 8px
}

.messageComponent .btnLineG:hover {
	background: #fff
}

.messageComponent .btnLineG::after {
	content: "";
	display: block;
	position: absolute;
	top: 52%;
	right: 13px;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(/fo/images/view/ico_link_s.png) no-repeat 0 0
}

.messageComponent+.mainSideCont {
	margin-top: 20px
}

.messageList {
	width: 100%;
	margin: 8px 0 0 -8px
}

.messageList li {
	display: inline-block;
	margin: 8px 0 0 8px;
	border: 1px solid #dcdfe3;
	border-radius: 8px
}

.messageList p {
	padding: 14px 16px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 700;
	color: #373a3c
}

.messageList p em {
	padding-left: 5px;
	color: #4d6ee4
}

[lang=zh] .messageList p em {
	color: #fe324b
}

.sideVideo {
	position: relative;
	height: 320px;
	margin-bottom: 24px;
	padding-top: 100%;
	border-radius: 8px
}

.sideVideo .videoThum {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0 0;
	background-size: 100%;
	background-repeat: no-repeat
}

.sideVideo .videoThum video {
	display: none;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: 8px 8px 0 0;
	background: #1e2023;
	object-fit: cover
}

.sideVideo .videoThum.paused .btnPlayStop .btnPlay {
	display: block
}

.sideVideo .videoThum.paused .btnPlayStop .btnStop {
	display: none
}

.sideVideo .videoThum.soundOn .btnSound .btnOn {
	display: block
}

.sideVideo .videoThum.soundOn .btnSound .btnOff {
	display: none
}

.sideVideo .videoThum:hover video,
.sideVideo .videoThum.attached video {
	display: inline
}

.sideVideo .videoThum:hover .btnPlayStop,
.sideVideo .videoThum:hover .btnSound,
.sideVideo .videoThum.attached .btnPlayStop,
.sideVideo .videoThum.attached .btnSound {
	display: block
}

.sideVideo .videoThum.videoPlayerAuto.attached {
	background: none !important
}

.sideVideo .btnPlayStop {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px
}

.sideVideo .btnPlayStop button {
	display: block;
	width: 40px;
	height: 40px;
	background: url(/fo/images/view/ico_playstop_video.png) no-repeat 0 0
}

.sideVideo .btnPlayStop button.btnPlay {
	display: none
}

.sideVideo .btnPlayStop button.btnStop {
	background-position: 0 -40px
}

.sideVideo .btnSound {
	position: absolute;
	top: 4px;
	right: 4px;
	z-index: 99;
	width: 32px;
	height: 32px
}

.sideVideo .btnSound button {
	display: block;
	width: 32px;
	height: 32px;
	background: url(/fo/images/view/ico_sound.png) no-repeat 0 0
}

.sideVideo .btnSound button.btnOn {
	display: none
}

.sideVideo .btnSound button.btnOff {
	background-position: 0 -32px
}

.sideVideo .videoInfo {
	overflow: hidden;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	border-radius: 0 0 8px 8px
}

.sideVideo .videoInfo a {
	display: block;
	height: 100%;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #1e2023
}

.sideVideo .videoInfo a em {
	overflow: hidden;
	display: inline-block;
	width: calc(100% - 16px);
	padding-right: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(/fo/images/view/ico_link_whites.png) no-repeat right 50%
}

.sideVideo+.imgbannerModule {
	margin-top: 20px
}

.sideVideo .videoThum.attached .btnPlayStop,
.sideVideo .videoThum.attached .btnSound {
	opacity: 0;
	transition: all .25s
}

.sideVideo .videoThum.attached:hover .btnPlayStop,
.sideVideo .videoThum.attached:hover .btnSound {
	opacity: 1
}

.sideVideo .videoThum.attached.paused .btnPlayStop,
.sideVideo .videoThum.attached.paused .btnSound {
	opacity: 1
}

.imgbannerModule {
	padding-bottom: 33px
}

.imgbannerModule h3 {
	margin-bottom: 10px;
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.swiperMainImg .swiper-container {
	border-radius: 8px
}

.swiperMainImg .swiper-slide a {
	display: block
}

.swiperMainImg .swiper-slide figure {
	width: 100%
}

.swiperMainImg .swiper-slide img {
	width: 100%
}

.swiperMainImg .swiper-slide .magazineInfo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 16px 22px;
	background: rgba(0, 0, 0, .3)
}

.swiperMainImg .swiper-slide .magazineInfo .tit {
	color: #fff;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 56px;
	display: block
}

[lang=zh] .swiperMainImg .swiper-slide .magazineInfo .tit {
	font-weight: 700
}

.swiperMainImg .swiper-slide .magazineInfo .subTxt {
	display: block;
	margin-top: 8px;
	color: #fff;
	opacity: .7;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bannerModule {
	position: relative
}

.bannerModule h3 {
	margin-bottom: 10px;
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.bannerModule h4 {
	color: #1e2023
}

.bannerModule h4.titDep5 {
	margin-bottom: 10px
}

.bannerModule .swiperWrap {
	overflow: inherit
}

.bannerModule .swiperWrap .swiper-container {
	border-radius: 8px;
	border: 1px solid #eaeaea;
	box-sizing: border-box
}

.bannerModule .swiperWrap .swiper-slide figure,
.bannerModule .swiperWrap .swiper-slide img {
	width: 100%
}

.bannerModule .swiperWrap .swiper-slide .counsultInfo {
	width: 100%;
	padding: 24px;
	letter-spacing: -0.1em
}

.bannerModule .swiperWrap .swiper-slide .counsultInfo .tit {
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .bannerModule .swiperWrap .swiper-slide .counsultInfo .tit {
	font-weight: 700
}

.bannerModule .swiperWrap .swiper-slide .counsultInfo .subTxt {
	display: block;
	margin-top: 8px
}

.bannerModule .swiperWrap .paging {
	position: absolute;
	top: -35px;
	right: 0
}

.bannerModule .swiperWrap .paging .swiper-pagination {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle;
	color: #000;
	background: none
}

.bannerModule .swiperWrap .paging .ts-controls.playStop {
	display: inline-block;
	height: 28px;
	margin-left: -4px;
	vertical-align: middle
}

.bannerModule .swiperWrap .paging .ts-controls.playStop [class^=btn] {
	position: relative;
	bottom: auto;
	left: auto;
	top: 0;
	margin: 0;
	vertical-align: top
}

.bannerModule .swiperWrap .paging .ts-controls.playStop [class^=btn].btnStop:after {
	background-position: -75px -10px
}

.bannerModule .swiperWrap .paging .ts-controls.playStop [class^=btn].btnPlay:after {
	background-position: -83px -10px
}

.bannerModule.caseType02 .swiperWrap .swiper-container .swiper-slide figure {
	position: relative;
	z-index: 1
}

.bannerModule.caseType02 .swiperWrap .swiper-container .swiper-slide figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3
}

.bannerModule.caseType02 .swiperWrap .swiper-container .swiper-slide .imgLogo {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	width: 100%;
	text-align: center;
	transform: translateY(-50%)
}

.bannerModule.caseType02 .swiperWrap .swiper-container .swiper-slide .imgLogo img {
	width: 45%
}

.bannerModule.caseType03 .list {
	padding-bottom: 24px
}

.bannerModule.caseType03 .list li+li {
	padding-top: 12px
}

.bannerModule.caseType03 .list li a {
	display: block
}

.bannerModule.caseType03 .list li a figure {
	width: 100%
}

.bannerModule.caseType03 .list li a figure img {
	width: 100%;
	border-radius: 8px
}

.bannerModule.caseType04 .list {
	padding-bottom: 24px
}

.bannerModule.caseType04 .list li {
	position: relative
}

.bannerModule.caseType04 .list li+li {
	padding-top: 12px
}

.bannerModule.caseType04 .list li a {
	display: block;
	table-layout: fixed;
	width: 100%
}

.bannerModule.caseType04 .list li a>* {
	display: table-cell;
	vertical-align: middle
}

.bannerModule.caseType04 .list li a figure {
	width: 76px
}

.bannerModule.caseType04 .list li a figure img {
	width: 100%;
	border-radius: 8px
}

.bannerModule.caseType04 .list li a .txt {
	padding-left: 16px;
	color: #6b6e73
}

.bannerModule.caseType04 .list li a .txt em {
	display: block;
	max-height: 43px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

.mainFoot {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 82px;
	border-top: 2px solid #1e2023;
	border-bottom: 1px solid #eaeaea
}

.mainFoot>* {
	display: table-cell;
	vertical-align: top
}

.mainFoot .quickMn {
	display: table-row;
	width: 100%
}

.mainFoot .quickMn .list {
	overflow: hidden
}

.mainFoot .quickMn .list li {
	float: left;
	width: 12.5%;
	text-align: center;
	padding: 32px 0
}

.mainFoot .quickMn .list li a {
	display: block;
	width: 100%;
	color: #373a3c
}

.mainFoot .quickMn .list li a .img {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: #f5f7fa
}

.mainFoot .quickMn .list li a .img img {
	width: 24px;
	height: 24px;
	margin: 18px auto 0
}

.mainFoot .conWrap {
	border-top: 1px solid #eaeaea
}

.mainFoot .conWrap .con {
	display: table;
	table-layout: fixed;
	width: 100%
}

.mainFoot .conWrap .con>* {
	display: table-cell;
	padding: 32px 15px 32px 32px
}

.mainFoot .conWrap .con>* h3 {
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.mainFoot .storeInfo {
	width: 25%;
	padding-left: 16px !important;
	border-right: 1px solid #eaeaea
}

.mainFoot .storeInfo ul {
	padding-top: 12px
}

.mainFoot .storeInfo li a {
	display: block;
	padding: 5px 0;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .mainFoot .storeInfo li a {
	font-weight: 700
}

.mainFoot .customInfo {
	width: 25%;
	border-right: 1px solid #eaeaea
}

.mainFoot .customInfo dl {
	padding-top: 16px
}

.mainFoot .customInfo dl dt {
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .mainFoot .customInfo dl dt {
	font-weight: 700
}

.mainFoot .customInfo dl dt.chatTit {
	padding-top: 24px
}

.mainFoot .customInfo dl dd>* {
	display: block
}

.mainFoot .customInfo dl dd .day {
	padding-top: 4px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.mainFoot .customInfo dl dd .phoneNum {
	padding-top: 8px;
	color: #1e2023;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

.mainFoot .customInfo dl dd a {
	display: inline-block;
	margin-top: 8px;
	padding-right: 17px;
	color: #4d6ee4;
	font-weight: 700;
	background: url(/fo/images/view/ico_chevron_blue.png) no-repeat right 39%;
	text-decoration: underline
}

[lang=zh] .mainFoot .customInfo dl dd a {
	color: #fe324b
}

.mainFoot .noticeInfo {
	position: relative;
	width: 50%;
	padding-right: 0 !important
}

.mainFoot .noticeInfo .tabType02 {
	margin: 0 0 0 -12px;
	text-align: left
}

.mainFoot .noticeInfo .tabType02>li a {
	color: #8b8f94;
	font-weight: 400
}

.mainFoot .noticeInfo .tabType02>li.tabON a {
	color: #1e2023;
	font-weight: 700
}

.mainFoot .noticeInfo .noticeList {
	padding-top: 6px
}

.mainFoot .noticeInfo .noticeList li {
	clear: both;
	height: 44px
}

.mainFoot .noticeInfo .noticeList li a {
	overflow: hidden;
	display: block;
	position: relative;
	height: 44px;
	padding: 0 75px 0 0;
	line-height: 44px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mainFoot .noticeInfo .noticeList li a span {
	display: block;
	height: 44px;
	line-height: 44px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mainFoot .noticeInfo .noticeList li a span.cate {
	display: inline-block;
	position: relative;
	margin-right: 6px;
	padding-left: 19px;
	vertical-align: middle;
	line-height: 44px;
	color: #525f6f;
	font-size: 1.3rem;
	font-weight: 500
}

[lang=zh] .mainFoot .noticeInfo .noticeList li a span.cate {
	font-weight: 700
}

.mainFoot .noticeInfo .noticeList li a span.cate::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: url(/fo/images/common/ico_boardList.png) no-repeat -52px 0
}

.mainFoot .noticeInfo .noticeList li a span.cate.shopping {
	color: #007a34
}

.mainFoot .noticeInfo .noticeList li a span.cate.store {
	color: #4d6ee4
}

.mainFoot .noticeInfo .noticeList li a span.cate.brand {
	color: #ad00c4
}

.mainFoot .noticeInfo .noticeList li a span.cate.system {
	color: #ce0700
}

.mainFoot .noticeInfo .noticeList li a span.cate.shopping:before {
	background-position: -13px 0
}

.mainFoot .noticeInfo .noticeList li a span.cate.store:before {
	background-position: -26px 0
}

.mainFoot .noticeInfo .noticeList li a span.cate.brand:before {
	background-position: -39px 0
}

.mainFoot .noticeInfo .noticeList li a span.cate.system:before {
	background-position: 0 0
}

.mainFoot .noticeInfo .noticeList li a span i {
	font-style: normal;
	line-height: 1;
	vertical-align: middle
}

.mainFoot .noticeInfo .noticeList li a em {
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.mainFoot .noticeInfo .txtLink {
	position: absolute;
	top: 40px;
	right: 0;
	color: #6b6e73;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.mainFoot_emall {
	margin-top: 82px;
	border-top: 2px solid #1e2023;
	overflow: hidden;
	width: 100%;
	display: table;
	table-layout: fixed
}

.mainFoot_emall>* {
	display: table-cell;
	vertical-align: top
}

.mainFoot_emall h3 {
	font-size: 2rem;
	line-height: 1.4;
	color: #1e2023;
	font-weight: 700
}

.mainFoot_emall .conWrap {
	width: 60%;
	border-right: 1px solid #eaeaea
}

.mainFoot_emall .quickMn {
	overflow: hidden;
	border-bottom: 1px solid #eaeaea
}

.mainFoot_emall .quickMn li {
	float: left;
	width: 16%;
	text-align: center;
	padding: 32px 0
}

.mainFoot_emall .quickMn li a {
	display: block;
	width: 100%;
	color: #373a3c
}

.mainFoot_emall .quickMn li a .img {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: #f5f7fa
}

.mainFoot_emall .quickMn li a .img img {
	width: 24px;
	height: 24px;
	margin: 18px auto 0
}

.mainFoot_emall .storeInfo {
	overflow: hidden;
	width: 100%;
	padding: 32px 0 0 24px
}

.mainFoot_emall .storeInfo h3 {
	float: left
}

.mainFoot_emall .storeInfo ul {
	overflow: hidden;
	float: right;
	width: 430px
}

.mainFoot_emall .storeInfo li {
	float: left;
	line-height: 2.3
}

.mainFoot_emall .storeInfo li a {
	display: block;
	padding: 0 16px;
	color: #6b6e73
}

.mainFoot_emall .noticeInfo {
	position: relative;
	width: 40%;
	padding: 32px 0 0 40px
}

.mainFoot_emall .noticeInfo .more {
	position: absolute;
	top: 40px;
	right: 0;
	padding-right: 14px;
	color: #6b6e73;
	background: url(/fo/images/cmall/btn_ico_link.png) no-repeat right 36%;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.mainFoot_emall .noticeInfo .noticeList {
	padding-top: 12px
}

.mainFoot_emall .noticeInfo .noticeList li {
	clear: both;
	height: 44px
}

.mainFoot_emall .noticeInfo .noticeList li a {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0 75px 0 0;
	line-height: 44px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mainFoot_emall .noticeInfo .noticeList li a span {
	display: block;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 44px;
	line-height: 44px
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate {
	display: inline-block;
	position: relative;
	top: 0;
	margin-right: 6px;
	padding-left: 19px;
	vertical-align: middle;
	line-height: 44px;
	color: #525f6f;
	font-size: 1.3rem;
	font-weight: 700
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: url(/fo/images/common/ico_boardList.png) no-repeat -52px 0
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.shopping {
	color: #007a34
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.store {
	color: #4d6ee4
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.brand {
	color: #ad00c4
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.system {
	color: #ce0700
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.shopping:before {
	background-position: -13px 0
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.store:before {
	background-position: -26px 0
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.brand:before {
	background-position: -39px 0
}

.mainFoot_emall .noticeInfo .noticeList li a span.cate.system:before {
	background-position: 0 0
}

.mainFoot_emall .noticeInfo .noticeList li a span i {
	font-style: normal;
	line-height: 1;
	vertical-align: middle
}

.mainFoot_emall .noticeInfo .noticeList li a em {
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.mainFoot_emall .noticeInfo .noticeList li a:hover {
	color: #4d6ee4
}

[lang=zh] .mainFoot_emall .noticeInfo .noticeList li a:hover {
	color: #fe324b
}

.layCont.notiPop {
	width: 100%;
	min-height: 300px;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 16px 16px 0 0
}

.layCont.notiPop .notiCon {
	overflow: hidden
}

.layCont.notiPop .notiCon .swiperWrap.controlBtn {
	padding-bottom: 0 !important
}

.layCont.notiPop .notiCon .swiperWrap .swiper-slide {
	width: 100% !important
}

.layCont.notiPop .notiCon .swiperWrap .ts-prev,
.layCont.notiPop .notiCon .swiperWrap .ts-next {
	top: 57%
}

.layCont.notiPop .notiCon .swiperWrap .ts-paging {
	bottom: 10px;
	z-index: 11
}

.layCont.notiPop .notiCon .swiperWrap .paging {
	position: absolute;
	right: 25px;
	top: 25px;
	z-index: 10;
	width: auto;
	min-width: 44px;
	height: 24px;
	color: #fff
}

.layCont.notiPop .notiCon .swiperWrap .paging .swiper-pagination {
	display: block;
	position: static;
	width: auto;
	height: 100%;
	padding: 0 10px;
	border-radius: 28px;
	line-height: 26px;
	font-size: 1.3rem;
	background: rgba(30, 32, 35, .5)
}

.layCont.notiPop .notiCon img {
	width: 100%
}

.notiFoot {
	position: relative;
	width: 100%;
	padding: 17px 36px
}

.notiFoot .frmSel.frmSmall label {
	padding-top: 1px;
	font-weight: 700
}

.notiFoot .closeL {
	top: auto;
	bottom: -4px;
	right: 15px;
	text-align: center;
	color: #373a3c;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 500;
	text-indent: inherit;
	text-decoration: underline
}

[lang=zh] .notiFoot .closeL {
	font-weight: 700
}

.notiFoot .closeL::after {
	display: none
}

.notiPopV211102+.notiFoot {
	padding: 14px 32px;
	border-radius: 0 0 20px 20px
}

.notiPopV211102+.notiFoot .btnNotToday {
	color: #8b8f94
}

.notiPopV211102+.notiFoot .btnNotToday:hover {
	color: #373a3c
}

.notiPopV211102+.notiFoot .closeL {
	bottom: 14px;
	right: 32px;
	width: auto;
	height: auto;
	color: #8b8f94;
	text-decoration: none
}

.notiPopV211102+.notiFoot .closeL:hover {
	color: #373a3c
}

.notiPopV211102 .notiCon .swiperWrap .ts-prev {
	border-radius: 0;
	background: url(/fo/images/common/notiPop_arrow.png) -80px 0;
	transition: opacity .5s
}

.notiPopV211102 .notiCon .swiperWrap .ts-prev.ts-button-disabled {
	background-position: 0 0
}

.notiPopV211102 .notiCon .swiperWrap .ts-prev::after {
	display: none
}

.notiPopV211102 .notiCon .swiperWrap .ts-next {
	border-radius: 0;
	background: url(/fo/images/common/notiPop_arrow.png) -240px 0;
	transition: opacity .5s
}

.notiPopV211102 .notiCon .swiperWrap .ts-next.ts-button-disabled {
	background-position: -160px 0
}

.notiPopV211102 .notiCon .swiperWrap .ts-next::after {
	display: none
}

.mainTopbanner {
	z-index: 11;
	min-width: 1440px
}

.mainTopbanner.all {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%
}

.mainTopbanner.all .con .visualOff {
	display: none
}

.mainTopbanner.all .con .visualOn {
	display: block
}

.mainTopbanner.all .toggleBtn {
	top: 23px;
	margin-top: 0
}

.mainTopbanner.all .toggleBtn::before {
	background-position-y: -32px
}

.mainTopbanner .bannerInfo,
.mainTopbanner .bandBanner_info {
	min-width: 1280px;
	margin: 0 auto;
	padding: 0;
	text-align: center
}

.mainTopbanner .con {
	overflow: hidden;
	position: relative;
	min-width: 1136px;
	max-width: 1712px;
	margin: 0 auto
}

.mainTopbanner .con [class^=visual] {
	position: relative
}

.mainTopbanner .con .visual {
	display: block;
	height: 80px
}

.mainTopbanner .con .visualOff {
	display: block;
	height: 80px
}

.mainTopbanner .con .visualOn {
	display: none;
	height: 320px
}

.mainTopbanner .con img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -856px
}

.mainTopbanner .toggleBtn,
.mainTopbanner .btn_close {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	width: 32px;
	height: 32px;
	margin-top: -16px
}

.mainTopbanner .toggleBtn::before,
.mainTopbanner .btn_close::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background: url(/fo/images/view/ico_main_bannre_btn.png) no-repeat 0 0
}

.mainTopbanner .btn_close:before {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(/fo/images/view/ico_close03.png) no-repeat 0 0
}

.mainTopbanner .checkForm {
	position: absolute;
	top: 50%;
	right: 60px;
	height: 24px;
	margin-top: -12px;
	padding-left: 30px
}

.mainTopbanner .checkForm input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	opacity: 0
}

.mainTopbanner .checkForm input[type=checkbox]+label {
	vertical-align: 2px;
	font-size: 1.1rem;
	color: #fff
}

.mainTopbanner .checkForm input[type=checkbox]+label::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(/fo/images/view/ico_check_ev.png) no-repeat 0 0
}

.mainTopbanner .checkForm input[type=checkbox]:checked+label::before {
	background-position: 0 -24px
}

@media(max-width: 1680px) {
	.mainTopbanner {
		min-width: auto
	}

	.mainTopbanner .checkForm {
		right: 132px
	}

	.mainTopbanner .toggleBtn,
	.mainTopbanner .btn_close {
		right: 72px
	}
}

.trendingSwipe figure {
	margin: -1px !important;
	border-radius: 8px 8px 0 0
}

.radBox.boxCol05 .frmSel {
	width: 20%
}

.nestedSwiper .ts-controls {
	pointer-events: none
}

.prodSwipe {
	margin-top: 80px
}

.prodSwipe .tabType06 {
	margin-bottom: 33px
}

.prodSwipe .swiperWrap {
	padding-bottom: 38px
}

.prodSwipe .swiperWrap .swiper-container {
	padding-bottom: 0
}

.prodSwipe .prodCont {
	width: 100%
}

.prodSwipe .prodCont .prodState {
	top: 36%
}

.prodSwipe .prodCont figure {
	max-height: 300px;
	padding: 0
}

.prodSwipe .prodCont figure img {
	position: relative;
	min-height: 300px;
	max-height: 300px
}

.prodSwipe .prodCont .prodInfo {
	min-height: 65px
}

.prodSwipe .prodCont .prodInfo .brandName {
	margin-right: 35px
}

.prodSwipe .prodCont .prodInfo .priceArea {
	margin-top: 12px
}

.prodSwipe .prodCont .prodInfo .priceArea .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.prodSwipe .prodCont .icoArea {
	position: absolute;
	right: 0;
	bottom: 46px
}

.prodSwipe .prodCont .icoArea .chkFavo {
	margin: 0
}

.prodSwipe .swiperWrap .ts-controls>button {
	margin-top: -100px;
	background: none
}

.prodSmallSwipe .swiperWrap {
	padding-bottom: 30px
}

.prodSmallSwipe .swiperWrap .swiper-container {
	padding-bottom: 0
}

.prodSmallSwipe .swiperWrap .swiper-container .swiper-wrapper {
	position: relative
}

.prodSmallSwipe .prodCont {
	min-height: auto
}

.prodSmallSwipe .prodCont figure {
	position: relative;
	width: 128px;
	height: 128px;
	min-height: auto;
	background-size: 80% auto
}

.prodSmallSwipe .prodCont .prodInfo {
	min-height: 94px
}

.prodSmallSwipe .prodCont .prodInfo .brandName {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.prodSmallSwipe .prodCont .prodInfo .prodName,
.prodSmallSwipe .prodCont .prodInfo .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.prodSmallSwipe .prodCont .prodInfo .saleDollar {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.prodListS {
	font-size: 0;
	white-space: nowrap
}

.prodListS .prodCont {
	display: inline-block;
	width: 128px;
	min-height: 250px
}

.prodListS .prodCont figure {
	width: 128px;
	height: 128px;
	min-height: 128px
}

.prodListS .prodCont figure img {
	display: block;
	width: 100%
}

.prodListS .prodCont .brandName {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.prodListS .prodCont .prodName,
.prodListS .prodCont .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.prodListS .prodCont .saleDollar {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.prodListS .prodCont~.prodCont {
	margin-left: 8px
}

.brandmallWrap .prodSwipe .prodCont figure img {
	width: auto;
	min-height: auto
}

.brandmallWrap+.titDep2 {
	margin-top: 80px
}

.mainWrapper .beautiyComponent .prodSwipe .prodCont figure {
	max-height: max-content
}

.mainWrapper .beautiyComponent .prodSwipe .prodCont figure img {
	min-height: 200px;
	max-height: max-content
}

.complete {
	padding-top: 92px;
	text-align: center
}

.complete strong {
	display: block;
	color: #373a3c;
	font-size: 2.2rem;
	line-height: 1.3636363636
}

.complete p {
	margin-top: 8px;
	color: #8b8f94
}

.movieIco {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	background: url(/fo/images/view/ico_play.png) no-repeat
}

.uploadNum {
	position: absolute;
	bottom: 6px;
	right: 4px;
	z-index: 1;
	min-width: 15px;
	padding: 2px 8px 0;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	background: rgba(0, 0, 0, .3)
}

.chImgWrap .detailImg {
	overflow: hidden;
	position: relative;
	/* min-height: 368px;
	padding-top: 100%;
	margin-bottom: 24px;
	text-align: center;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 30% */
}

.chImgWrap .detailImg.vod {
	background: #a0adf0 url(/fo/images/common/bg_vodDefault.png) no-repeat 50% 50%
}

.chImgWrap .detailImg p img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #fff
}

.chImgWrap .detailImg.video .videoArea {
	display: block
}

.chImgWrap .detailImg .videoArea {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.chImgWrap .detailImg a {
	display: block;
	position: relative;
	padding-top: 100%
}

.chImgWrap .detailImg a.vod::before,
.chImgWrap .detailImg a.vod::after {
	display: none
}

.chImgWrap .swiperWrap {
	overflow: inherit;
	width: 312px;
	margin: 0 auto;
	padding-bottom: 0
}

.chImgWrap .swiperWrap .swiper-container {
	position: static
}

.chImgWrap .swiperWrap .ts-prev {
	left: -52px;
	bottom: 0;
	margin-bottom: 8px;
	background: none
}

.chImgWrap .swiperWrap .ts-prev::after {
	width: 16px;
	height: 17px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/view/ico_expand_swipe.png) no-repeat 0 0
}

.chImgWrap .swiperWrap .ts-next {
	right: -52px;
	bottom: 0;
	margin-bottom: 8px;
	background: none
}

.chImgWrap .swiperWrap .ts-next::after {
	width: 16px;
	height: 17px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/view/ico_expand_swipe.png) no-repeat -16px 0
}

.chImgWrap .swiper-slide {
	cursor: pointer
}

.chImgWrap .swiper-slide .swiperItem {
	overflow: hidden;
	position: relative;
	width: 56px;
	padding-top: 100%;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 60% auto
}

.chImgWrap .swiper-slide .swiperItem img {
	display: block;
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	width: 150%;
	height: 150%;
	margin: auto
}

.prImg .chImgWrap .swiper-slide .swiperItem img {
	width: 100%;
	height: 100%;
	background: #fff
}

.chImgWrap .swiper-slide .swiperItem.video:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(/fo/images/view/ico_play_s.png) no-repeat 0 0
}

.chImgWrap .swiper-slide .swiperItem.vod {
	background: #a0adf0 url(/fo/images/common/bg_vodDefault.png) no-repeat 50% 15%;
	background-size: 74%
}

.chImgWrap .swiper-slide .swiperItem.vod::before,
.chImgWrap .swiper-slide .swiperItem.vod::after {
	display: none
}

.chImgWrap .swiper-slide.on .swiperItem:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #373a3c;
	box-sizing: border-box
}

.photoRivewList {
	overflow: hidden;
	margin: 6px -5px -5px
}

.photoRivewList li {
	float: left;
	width: 20%;
	padding: 5px;
	box-sizing: border-box
}

.photoRivewList li a {
	overflow: hidden;
	display: block;
	position: relative;
	padding-top: 100%;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 80% auto
}

.photoRivewList li a>img {
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	width: 200%;
	height: auto;
	margin: auto
}

.photoRivewList li a .snsMethod {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1
}

.photoRivewList li.vod a {
	background: #a0adf0 url(/fo/images/common/bg_vodDefault.png) no-repeat 50% 50% !important
}

.textIndicator.inlineType {
	display: inline-block
}

.textIndicator.inlineType .items {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.textIndicator.inlineType .items~.items {
	position: relative;
	margin-left: 12px;
	padding-left: 13px
}

.textIndicator.inlineType .items~.items::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.textIndicator.inlineType .items>span {
	display: inline-block;
	margin-right: 8px;
	color: #9fa2a8
}

.textIndicator.inlineType .items strong {
	color: #373a3c;
	font-weight: 400
}

.textIndicatorWrap {
	margin-right: 20px;
	border: 1px solid #ebedf2;
	border-radius: 8px
}

.textIndicatorWrap .prodName {
	margin: 16px 0;
	text-align: center;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.textIndicatorWrap .prodName+.prodOption {
	margin-top: -15px
}

.textIndicatorWrap .prodOption {
	margin-bottom: 16px;
	color: #373a3c;
	text-align: center
}

.textIndicatorWrap .textIndicator {
	overflow: hidden;
	margin-top: 16px;
	padding: 16px 30px;
	border-radius: 8px;
	background: #f8fafc
}

.textIndicatorWrap .textIndicator .items {
	float: left;
	width: 50%;
	color: #9fa2a8;
	box-sizing: border-box
}

.textIndicatorWrap .textIndicator .items span {
	display: inline-block;
	width: 62px
}

.textIndicatorWrap .textIndicator .items strong {
	display: inline-block;
	color: #373a3c;
	font-weight: 400
}

.grade.mixGrade .star {
	display: inline-block
}

.grade.mixGrade p {
	display: inline;
	line-height: 24px;
	vertical-align: top;
	font-size: 1.3rem
}

.utilGroup .icoArea .chkFavo,
.utilGroup .icoArea .chkFavo2 {
	width: auto;
	vertical-align: top
}

.utilGroup .icoArea input[type=checkbox]+label {
	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	vertical-align: top
}

.utilGroup .icoArea input[type=checkbox]+label::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(/fo/images/common/ico_like02.png) no-repeat 0 -24px
}

.utilGroup .icoArea input[type=checkbox]:checked+label::after {
	background-position: 0 0
}

[lang=zh] .utilGroup .icoArea input[type=checkbox]:checked+label::after {
	background: url(/fo/images/common/ico_like02_cn.png) no-repeat -1px 1px
}

.utilGroup .icoArea input[type=checkbox]:checked+label+.likeNum {
	color: #4d6ee4
}

[lang=zh] .utilGroup .icoArea input[type=checkbox]:checked+label+.likeNum {
	color: #fe324b
}

.utilGroup .icoArea .btIco.icoShareS {
	width: 24px;
	height: 24px;
	margin-left: 4px
}

.utilGroup .icoArea .likeNum {
	display: inline-block;
	min-width: 10px;
	line-height: 28px;
	color: #8b8f94;
	font-size: 1.3rem
}

.utilGroup .icoArea .btnIco {
	margin-left: 20px
}

.utilGroup .utilBtn {
	float: right;
	font-size: 0
}

.utilGroup .utilBtn>a {
	display: inline-block
}

.utilGroup .utilBtn>a~a {
	position: relative;
	margin-left: 12px;
	padding-left: 12px
}

.utilGroup .utilBtn>a~a::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.utilGroup .utilBtn>a span {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.reviewFlag {
	display: block;
	margin-bottom: 8px
}

.reviewFlag>span {
	display: inline-block;
	padding: 0 8px;
	margin-right: 8px;
	border-radius: 8px;
	line-height: 24px;
	font-size: 1.3rem;
	box-sizing: border-box
}

.reviewFlag>span.best {
	color: #005fc2;
	background-color: #ebf6ff
}

.reviewFlag>span.premium {
	color: #ad00c4;
	background-color: #f8eefa
}

.reviewFlag>span.experience,
.reviewFlag>span.normal {
	color: #006d69;
	background-color: #e1f9f9
}

.reviewFlag>span.repeatBuy {
	color: #4d6ee4;
	background-color: #e9ebfb
}

[lang=zh] .reviewFlag>span.repeatBuy {
	color: #fe324b
}

[lang=zh] .reviewFlag>span.repeatBuy {
	background-color: #ffeef1
}

.reviewFlag>span.sns {
	color: #ce0700;
	background: #fff1f0
}

.reviewFlag>span.cbs {
	color: #922ac1;
	background-color: rgba(219, 199, 255, .5)
}

.authorInfo {
	font-size: 0
}

.authorInfo span {
	display: inline-block;
	position: relative;
	font-size: 1.3rem
}

.authorInfo span:only-child {
	margin-left: 0;
	padding-left: 0
}

.authorInfo span:only-child::after {
	display: none
}

.authorInfo span~span {
	margin-left: 10px;
	padding-left: 9px
}

.authorInfo span~span::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.authorInfo a,
.authorInfo button {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	padding-left: 9px;
	color: #6b6e73;
	font-size: 1.3rem
}

.authorInfo a::after,
.authorInfo button::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.chkApply {
	margin-top: 37px;
	padding: 14px 30px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	background: #f8fafc
}

.chkApply strong {
	display: block;
	margin-bottom: 2px;
	color: #1e2023;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.chkApply .frmSel.frmChkOnly input {
	opacity: 0
}

.chkApply .frmSel.frmChkOnly input+label:before {
	top: 50%;
	margin-top: -12px;
	background: url(/fo/images/common/onlyChk.png) no-repeat 0 -24px
}

.chkApply .frmSel.frmChkOnly input:checked+label:before {
	background-position: 0 0
}

.snsShare {
	margin-top: 40px
}

.snsShare h3.titDep5 {
	padding-left: 40px;
	margin-bottom: 0;
	line-height: 32px;
	background: url(/fo/images/view/logo_youtube.png) no-repeat 0 50%
}

.snsShare .formList {
	overflow: hidden;
	margin-top: 0;
	border: 0
}

.snsShare .formList li {
	margin-top: 0
}

.snsShare .formList li:nth-child(odd) {
	padding-right: 8px
}

.snsShare .formList li:nth-child(even) {
	padding-left: 8px
}

.snsShare .formList li.frmInp>label {
	height: auto;
	padding-left: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 19px
}

.snsShare .formList li .inpA {
	display: block;
	width: 100%
}

.snsShare .formList li .inpA input[type=text] {
	width: 100%
}

.snsShare .formList li.textareaWrap {
	clear: both;
	width: 100%;
	margin-top: 40px;
	padding-right: 0
}

.snsShare .formList li.textareaWrap .inpA {
	margin-top: 8px
}

.snsShare .formList li.textareaWrap textarea {
	min-height: 100px
}

.snsShare .formList li.frmInp {
	padding-top: 10px;
	padding-bottom: 0
}

.snsShare .agreeBox {
	margin-top: 50px
}

.snsShare .agreeBox .boxGray {
	margin-top: 10px;
	border-radius: 8px
}

.snsShare .agreeBox .boxGray .bultType01>li {
	color: #5a5f64;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.layPop .layCont .snsShare .usedInfoList {
	margin-top: 40px
}

.shareBanner {
	margin-top: 30px
}

.btnSet {
	width: 120px;
	margin: 0 auto;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	text-align: center;
	box-sizing: border-box
}

.btnSet .btnItem {
	display: block;
	height: 38px;
	color: #373a3c;
	text-align: center;
	line-height: 38px;
	font-weight: 700
}

.btnSet .btnItem~.btnItem {
	border-top: 1px solid #dcdfe3
}

.reviewSummary {
	padding: 16px;
	border-radius: 8px;
	border: 1px solid #ebedf2;
	background: #fff
}

.reviewSummary .grade {
	display: inline-block
}

.textNoticeBox .bultType01 {
	margin-top: 0
}

.textNoticeBox .bultType01 li {
	color: #6b6e73;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.listNum .funcBtns.storeView .funcAcct[aria-selected=true] {
	display: none
}

.listNum .funcBtns.storeView .funcAcct[aria-selected=false] {
	display: block
}

.storeTitDep1 {
	margin-bottom: 32px
}

.storeListNum {
	margin-bottom: 5px;
	border: 0
}

.storeList {
	margin: 0 -9px 0 -10px
}

.storeList>li {
	float: left;
	position: relative;
	width: 25%;
	height: 176px
}

.storeList>li.showOnScroll>* {
	position: absolute;
	top: 125px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out, top .25s ease-out;
	transition: opacity .25s ease-out, top .25s ease-out
}

.storeList>li.showOnScroll.show>* {
	top: 0;
	opacity: 1
}

.storeList>li .inner {
	position: relative;
	margin: 0 9px 0 10px
}

.storeList>li .contLink {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
	height: 100%
}

.storeList>li figure {
	overflow: hidden;
	position: relative;
	min-height: 160px;
	border-radius: 8px;
	background-color: #f5f7fa
}

.storeList>li figure>img {
	display: none
}

.storeList>li figure .imgLogo {
	overflow: hidden;
	position: absolute;
	width: 160px;
	height: 60px;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -30px 0 0 -80px;
	transition: margin-top .3s
}

.storeList>li figure .imgLogo img {
	width: 100%
}

.storeList>li figure .imgLogo .logoW {
	display: none
}

.storeList>li .brandInfo .brandName strong {
	display: none
}

.storeList>li .brandInfo .brandName .icoN {
	position: absolute;
	right: 19px;
	top: 16px;
	width: 12px;
	height: 16px
}

.storeList>li .brandInfo .brandName .icoN::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/fo/images/brand/ico_N.png) no-repeat 0 0
}

.storeList>li .brandInfo .brandDesc {
	display: none
}

.storeList>li .videoPopButton,
.storeList>li .videoPlayButton {
	display: none
}

.storeList>li .chkFavo2 {
	position: absolute;
	left: 50%;
	top: 98px;
	z-index: 10;
	margin-left: -12px;
	margin-top: 20px;
	opacity: 0;
	transition: margin-top .3s, opacity .3s
}

.storeList>li:hover figure {
	background-color: #fff
}

.storeList>li:hover figure .imgLogo {
	margin-top: -46px
}

.storeList>li:hover .chkFavo {
	margin-top: 0;
	opacity: 1
}

.storeList.storeCard {
	margin: 0 -8px
}

.storeList.storeCard>li {
	width: 33.3333%;
	min-height: 501px;
	height: auto
}

.storeList.storeCard>li .inner {
	margin: 0 8px
}

.storeList.storeCard>li .contLink {
	height: 468px
}

.storeList.storeCard>li figure {
	overflow: hidden;
	position: relative;
	padding-top: 100%
}

.storeList.storeCard>li figure::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3)
}

.storeList.storeCard>li figure>img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.storeList.storeCard>li figure .imgLogo .logoW {
	display: block
}

.storeList.storeCard>li figure .imgLogo .logoB {
	display: none
}

.storeList.storeCard>li .brandInfo {
	margin-top: 22px;
	height: 110px
}

.storeList.storeCard>li .brandInfo .brandName {
	display: inline-block;
	position: relative;
	max-width: 101%;
	padding-right: 16px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.storeList.storeCard>li .brandInfo .brandName strong {
	display: inline;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #1e2023
}

.storeList.storeCard>li .brandInfo .brandName .icoN {
	right: 0;
	top: 6px
}

.storeList.storeCard>li .brandInfo .brandDesc {
	display: block;
	min-height: 1.8rem;
	max-height: 3.6rem;
	padding-top: 4px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	line-height: 1.8rem;
	color: #8b8f94;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 35px;
	white-space: normal;
	box-sizing: content-box;
	word-break: break-all
}

.storeList.storeCard>li .videoPopButton {
	display: block;
	position: absolute;
	right: 8px;
	top: auto;
	bottom: 42px;
	z-index: 10;
	width: 80px;
	height: 80px
}

.storeList.storeCard>li .videoPopButton>a {
	overflow: hidden;
	display: block;
	border-radius: 100%;
	background: #000
}

.storeList.storeCard>li .videoPopButton>a::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	border-radius: 100%;
	background: rgba(0, 0, 0, .4)
}

.storeList.storeCard>li .videoPopButton>a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 101;
	width: 18px;
	height: 18px;
	margin: -7px 0 0 -6px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -425px 0
}

.storeList.storeCard>li .videoPopButton>a img {
	position: relative;
	left: -50%;
	max-height: 80px
}

.storeList.storeCard>li .videoPopButton+.brandInfo {
	padding-right: 112px
}

.storeList.storeCard>li .videoPlayButton {
	display: table;
	position: absolute;
	z-index: 10;
	right: 8px;
	top: auto;
	bottom: 42px;
	width: 80px;
	height: 80px
}

.storeList.storeCard>li .videoPlayButton>a {
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	border-radius: 100%;
	background: #000
}

.storeList.storeCard>li .videoPlayButton>a::before {
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
	margin: 0;
	border: 0;
	background: rgba(0, 0, 0, .4)
}

.storeList.storeCard>li .videoPlayButton>a img {
	position: relative;
	left: 50%;
	max-height: 80px;
	margin-left: -40px
}

.storeList.storeCard>li .videoPlayButton+.brandInfo {
	padding-right: 105px
}

.storeList.storeCard>li .chkFavo {
	top: 55%;
	margin-top: 16px
}

.storeList.storeCard>li .chkFavo input+label:after {
	background-position-x: -44px
}

.storeList.storeCard>li .chkFavo input:checked+label:after {
	background-position: -44px -25px
}

.storeList.storeCard>li:hover figure:after {
	background: rgba(0, 0, 0, .7)
}

.storeList.storeCard>li:hover .chkFavo {
	margin-top: 0
}

.videoPopup.btqmainVideo {
	background: rgba(0, 0, 0, 0)
}

.videoPopup.btqmainVideo iframe {
	width: 100%;
	height: 580px
}

.storyWrap .storyList {
	overflow: hidden;
	margin: 0 -8px
}

.storyWrap .storyList>li {
	float: left;
	position: relative;
	width: 33.3333333333%;
	padding: 0 8px;
	box-sizing: border-box
}

.storyWrap .storyList>li figure {
	overflow: hidden;
	height: 221px
}

.storyWrap .storyList>li figure img {
	display: block;
	width: 100%
}

.storyWrap .storyList>li .context {
	display: block;
	height: 84px;
	margin-top: 22px;
	padding-right: 68px
}

.storyWrap .storyList>li .context strong {
	display: block;
	font-size: 2rem;
	line-height: 1.4;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 57px;
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .storyWrap .storyList>li .context strong {
	font-weight: 700
}

.storyWrap .storyList>li .context em {
	display: block;
	margin-top: 12px;
	color: #6b6e73
}

.storyWrap .storyList>li .icoArea {
	position: absolute;
	top: 245px;
	right: 0
}

.storyWrap .storyList>li .icoArea .btIco.icoShare {
	vertical-align: top
}

.storyWrap .storyList>li:nth-child(3n)~li {
	margin-top: 48px
}

.layPop.layerFull {
	top: 0;
	min-width: 100%;
	width: 100%;
	margin-left: -50vw
}

.storyDetail .stroyUtil {
	text-align: center
}

.storyDetail .stroyUtil .date {
	line-height: 32px;
	vertical-align: top;
	color: #373a3c;
	opacity: .8
}

.storyDetail .stroyUtil .icoArea {
	display: inline-block;
	margin-left: 24px
}

.storyDetail .stroyUtil .icoArea .btIco.icoShare {
	width: 32px;
	height: 32px;
	vertical-align: top
}

.storyDetail .context {
	margin-top: 24px
}

.storyDetail .context img {
	display: block;
	width: 100%
}

.storyDetail .btnWrap {
	margin-top: 48px;
	text-align: center
}

.ago3hour {
	margin-bottom: 32px
}

.ago3hour .front {
	height: 400px;
	background: url(/fo/images/view/3hours_img.jpg) no-repeat 0 100%;
	border-radius: 8px 8px 0 0
}

.ago3hour .front .remainTime {
	float: left;
	width: calc(100% - 464px);
	height: 400px;
	padding: 56px 0 0;
	text-align: center;
	box-sizing: border-box
}

.ago3hour .front .remainTime strong {
	display: block;
	color: #fff;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667
}

.ago3hour .front .remainTime .time {
	width: 440px;
	height: 88px;
	margin: 32px auto 0;
	line-height: 88px;
	color: #8b8f94;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(142, 158, 217, .15)
}

.ago3hour .front .remainTime .time b {
	display: inline-block;
	margin-right: 4px;
	font-size: 4rem;
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .ago3hour .front .remainTime .time b {
	font-weight: 700
}

.ago3hour .front .remainTime .time b~b {
	margin-left: 16px
}

.ago3hour .front .remainTime .time b:last-child {
	margin-left: 0
}

.ago3hour .front .remainTime .overTime {
	width: 440px;
	margin: 32px auto 0;
	padding: 32px 0;
	border-radius: 8px;
	background: #fff
}

.ago3hour .front .remainTime .overTime em {
	display: block;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500
}

[lang=zh] .ago3hour .front .remainTime .overTime em {
	font-weight: 700
}

.ago3hour .front .remainTime .overTime .text {
	display: block;
	margin-top: 8px;
	color: #6b6e73
}

.ago3hour .front .remainTime .text {
	display: block;
	margin-top: 40px;
	color: #fff
}

.ago3hour .front .myExitInfo {
	float: right;
	position: relative;
	width: 464px;
	height: 400px;
	padding: 42px 64px 0;
	border-radius: 0 8px 0 0;
	background: rgba(6, 27, 61, .3);
	box-sizing: border-box
}

.ago3hour .front .myExitInfo .formList {
	margin: 0;
	border: none
}

.ago3hour .front .myExitInfo .formList>li~li {
	margin-top: 16px
}

.ago3hour .front .myExitInfo .formList label {
	display: block;
	color: #fff;
	opacity: .6
}

.ago3hour .front .myExitInfo .formList .selectWrap {
	width: 100%;
	margin-top: 2px
}

.ago3hour .front .myExitInfo .formList .selectWrap .ui-selectmenu-button {
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	border-radius: 0;
	background: none
}

.ago3hour .front .myExitInfo .formList .selectWrap .ui-selectmenu-button span {
	padding-left: 4px;
	color: #fff;
	font-weight: 700
}

.ago3hour .front .myExitInfo .formList .selectWrap .ui-selectmenu-button::after {
	width: 16px;
	height: 16px;
	background: url(/fo/images/common/ico_expand_white.png) no-repeat
}

.ago3hour .front .myExitInfo .formList .selectWrap .ui-selectmenu-menu {
	border-color: #a0adf0
}

[lang=zh] .ago3hour .front .myExitInfo .formList .selectWrap .ui-selectmenu-menu {
	border-color: #ff82b0
}

.ago3hour .front .myExitInfo .formList .selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
	border-radius: 0 0 8px 8px
}

.ago3hour .front .myExitInfo .formList .timeSelect {
	margin: 0 -8px;
	font-size: 0
}

.ago3hour .front .myExitInfo .formList .timeSelect .selectWrap {
	display: inline-block;
	width: calc(50% - 16px);
	margin: 0 7px
}

.ago3hour .front .myExitInfo .formList .calenInp {
	width: 100%;
	min-width: inherit;
	margin-top: 2px
}

.ago3hour .front .myExitInfo .formList .calenInp input[type=text] {
	padding-left: 4px;
	color: #fff;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	border-radius: 0
}

.ago3hour .front .myExitInfo .formList .calenInp .ui-datepicker-trigger:after {
	margin-left: 0;
	background: url(/fo/images/common/ico_calendar_white.png) no-repeat 50% 50%
}

.ago3hour .front .myExitInfo .formList .calenInp .ui-datepicker {
	left: inherit;
	right: 0;
	border-radius: 0 0 16px 16px
}

.ago3hour .front .myExitInfo .btnInquiry {
	display: block;
	width: 160px;
	margin: 24px auto 0;
	border: 0;
	color: #fff;
	background: rgba(255, 255, 255, .1)
}

.ago3hour .front .myExitInfo .txtLink.lineU {
	position: absolute;
	top: 42px;
	right: 64px;
	color: #fff
}

.ago3hour .front .myExitInfo .txtLink.lineU::after {
	background: #fff
}

.ago3hour .boxGray {
	clear: both;
	position: relative;
	border-radius: 0 0 8px 8px
}

.ago3hour .boxGray .btnSSG {
	position: absolute;
	right: 64px;
	top: calc(50% - 22px);
	padding: 0 24px
}

.ago3hourInfo {
	padding: 24px 40px;
	margin-bottom: 32px;
	border: 1px solid #eaeaea
}

.ago3hourInfo .title {
	display: block;
	color: #373a3c
}

.ago3hourInfo .prodFlag {
	display: inline-block;
	margin: 0
}

.ago3hourInfo .bultType01>li {
	line-height: 20px
}

.profileStepCont {
	overflow-y: auto;
	overflow-x: hidden;
	height: 380px;
	margin: 16px 0
}

.profileStepCont.full {
	height: 432px
}

.profileStepCont .titDep4 {
	margin-bottom: 16px;
	color: #373a3c
}

.profileStepCont .bultType01>li {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.profileStepCont .chkAgree {
	margin-top: 16px
}

.profileStepCont .chkAgree.frmSel.labelBold label {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .profileStepCont .chkAgree.frmSel.labelBold label {
	font-weight: 700
}

.profileStepCont .chkAgree.frmSel.labelBold label::before {
	top: 2px
}

.profileStepCont .chkAgree .noneCk {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

.profileStepCont .infoTxt {
	display: block;
	margin-bottom: 4px;
	font-weight: 500
}

[lang=zh] .profileStepCont .infoTxt {
	font-weight: 700
}

.profileStepCont .infoTxt~.infoTxt {
	margin-top: 24px
}

.profileStepCont .gender {
	margin: 16px 0 0
}

.profileStepCont .gender .frmSel label {
	display: block;
	height: auto;
	padding-top: 0;
	border: none;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	box-sizing: border-box
}

.profileStepCont .gender .frmSel label i {
	display: block;
	width: 95px;
	height: 160px;
	margin: 0 auto;
	background: url(/fo/images/view/spr_profile01.jpg) no-repeat;
	background-size: 192px auto
}

.profileStepCont .gender .frmSel label.gender02 i {
	background-position: -97px 0 !important
}

.profileStepCont .gender .frmSel label::before {
	display: none
}

.profileStepCont .gender .frmSel label .txt {
	display: inline-block;
	position: relative;
	margin-top: 10px;
	padding-left: 28px;
	text-align: center;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .profileStepCont .gender .frmSel label .txt {
	font-weight: 700
}

.profileStepCont .gender .frmSel label .txt::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	border: 1px solid #dcdfe3;
	border-radius: 50%;
	box-sizing: border-box
}

.profileStepCont .gender .frmSel label .txt::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #dcdfe3
}

.profileStepCont .gender .frmSel input {
	opacity: 0
}

.profileStepCont .gender .frmSel input:checked+label {
	color: #1e2023;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	background: none
}

.profileStepCont .gender .frmSel input:checked+label i {
	background-position: 0 -324px
}

.profileStepCont .gender .frmSel input:checked+label.gender02 i {
	background-position: -97px -324px !important
}

.profileStepCont .gender .frmSel input:checked+label .txt::before {
	border: none;
	background: #6373d7;
	background: linear-gradient(45deg, #e064bd 0%, #6373d7 100%)
}

.profileStepCont .gender .frmSel input:checked+label .txt::after {
	background: #fff
}

.profileStepCont.profileFashion .gender .frmSel input:checked+label i {
	background-position: 0 -162px
}

.profileStepCont.profileFashion .gender .frmSel input:checked+label.gender02 i {
	background-position: -97px -163px !important
}

.profileStepCont.profileFashion .gender .frmSel input:checked+label .txt::before {
	border: none;
	background: linear-gradient(45deg, #41d8be 0%, #36a0cf 100%)
}

.profileStepCont.profileFashion .roundType.radBox input:checked+label {
	border: none;
	background: linear-gradient(45deg, #41d8be 15%, #36a0cf 89%)
}

.profileStepCont.profileFashion .inp input {
	width: 100%
}

.profileStepCont .infoListBox {
	position: relative;
	padding: 24px;
	border-radius: 8px;
	background: #f8fafc
}

.profileStepCont .infoListBox .titDep4 {
	display: inline-block;
	margin: 0;
	color: #4d6ee4
}

[lang=zh] .profileStepCont .infoListBox .titDep4 {
	color: #fe324b
}

.profileStepCont .infoListBox ul {
	padding: 10px 0 0
}

.profileStepCont .infoListBox ul li {
	display: table;
	width: 100%;
	padding: 4px 0
}

.profileStepCont .infoListBox ul li em {
	display: table-cell;
	width: 40%;
	color: #6b6e73
}

.profileStepCont .infoListBox ul li span.text {
	display: table-cell;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .profileStepCont .infoListBox ul li span.text {
	font-weight: 700
}

.profileStepCont .infoListBox ul li span.text .place {
	display: block
}

.profileStepCont .infoListBox ul li span.text .smallText {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #b9bcc0
}

.profileStepCont .infoListBox .txtLink.lineU {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 8px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #4d6ee4;
	font-weight: 500
}

[lang=zh] .profileStepCont .infoListBox .txtLink.lineU {
	color: #fe324b
}

[lang=zh] .profileStepCont .infoListBox .txtLink.lineU {
	font-weight: 700
}

.profileStepCont .infoListBox .txtLink.lineU::after {
	background-color: #4d6ee4
}

[lang=zh] .profileStepCont .infoListBox .txtLink.lineU::after {
	background-color: #fe324b
}

.profileStepCont .infoListBox+.bultType01 {
	margin-top: 12px
}

.profileStepCont .infoListBox+.bultType01 li {
	color: #6b6e73
}

.profileStepCont .compText {
	margin-top: 32px;
	text-align: center;
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .profileStepCont .compText {
	font-weight: 700
}

.profileStepCont~.txtLink.lineU {
	position: absolute;
	z-index: 101;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.roundType.radBox {
	margin: 0 -4px
}

.roundType.radBox .frmSel {
	padding: 4px;
	width: 33%
}

.roundType.radBox .frmSel input {
	opacity: 0
}

.roundType.radBox .frmSel input+label {
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	color: #5a5f64
}

.roundType.radBox .frmSel input:checked+label {
	border: none;
	color: #fff;
	font-weight: 500;
	background: #6373d7;
	background: linear-gradient(98deg, #e064bd -2%, #6373d7 92%);
	box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .08)
}

[lang=zh] .roundType.radBox .frmSel input:checked+label {
	font-weight: 700
}

.roundType.radBox.icoType input+label {
	display: block;
	position: relative;
	width: 133px;
	height: 128px;
	padding-top: 60px;
	font-size: 1.8rem;
	box-sizing: border-box
}

.roundType.radBox.icoType input+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 35px;
	left: 50%;
	width: 36px;
	height: 36px;
	margin: 0 0 0 -18px
}

.roundType.radBox.icoType input:checked+label {
	border: none;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#e064bd", endColorstr="#6373d7");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e064bd', EndColorStr='#6373d7')";
	background: linear-gradient(45deg, #e064bd 15%, #6373d7 89%)
}

.roundType.radBox.skinType input+label:after {
	background: url(/fo/images/view/spr_profile03.png) no-repeat
}

.roundType.radBox.powderType input+label:after {
	background: url(/fo/images/view/spr_profile04.png) no-repeat
}

.roundType.radBox.lipType input+label:after {
	background: url(/fo/images/view/spr_profile05.png) no-repeat
}

.roundType.radBox.hairSkinType input+label:after {
	background: url(/fo/images/view/spr_profile06.png) no-repeat
}

.roundType.radBox.hairType input+label:after {
	background: url(/fo/images/view/spr_profile07.png) no-repeat
}

.roundType.radBox input+label {
	font-size: 1.8rem
}

.roundType.radBox input+label::after {
	border-radius: 0;
	border: 0;
	background-color: none;
	transform: rotate(0)
}

.roundType.radBox input+label.chkType02:after {
	background-position: -38px 0
}

.roundType.radBox input+label.chkType03:after {
	background-position: -76px 0
}

.roundType.radBox input+label.chkType04:after {
	background-position: -114px 0
}

.roundType.radBox input+label.chkType05:after {
	background-position: -152px 0
}

.roundType.radBox input+label.chkType06:after {
	background-position: -190px 0
}

.roundType.radBox input:checked+label {
	font-weight: 500
}

[lang=zh] .roundType.radBox input:checked+label {
	font-weight: 700
}

.roundType.radBox input:checked+label::after {
	border-radius: 0;
	border: 0;
	background-color: none;
	transform: rotate(0)
}

.roundType.radBox input:checked+label.chkType01:after {
	background-position: 0 -38px
}

.roundType.radBox input:checked+label.chkType02:after {
	background-position: -38px -38px
}

.roundType.radBox input:checked+label.chkType03:after {
	background-position: -76px -38px
}

.roundType.radBox input:checked+label.chkType04:after {
	background-position: -114px -38px
}

.roundType.radBox input:checked+label.chkType05:after {
	background-position: -152px -38px
}

.roundType.radBox input:checked+label.chkType06:after {
	background-position: -190px -38px
}

.roundType.radBox.ageType input+label::after {
	content: "10";
	width: auto;
	margin-left: 0;
	font-size: 3.2rem;
	line-height: 1.25;
	color: #aaafb4;
	font-weight: 700;
	background-image: none;
	background-color: rgba(0, 0, 0, 0);
	transform: translateX(-50%)
}

.roundType.radBox.ageType input+label.chkType02 {
	padding-left: 11px
}

.roundType.radBox.ageType input+label.chkType02::before {
	content: "";
	display: block;
	position: absolute;
	top: 47px;
	left: 50%;
	width: 8px;
	height: 11px;
	margin-left: 23px;
	border: none;
	border-radius: 0;
	background: url(/fo/images/view/ico_age02.png) no-repeat;
	background-size: 8px auto
}

.roundType.radBox.ageType input+label.chkType02::after {
	content: "20"
}

.roundType.radBox.ageType input+label.chkType03:after {
	content: "30"
}

.roundType.radBox.ageType input+label.chkType04:after {
	content: "40"
}

.roundType.radBox.ageType input+label.chkType05:after {
	content: "50"
}

.roundType.radBox.ageType input+label.chkType06::before {
	content: "";
	display: block;
	position: absolute;
	top: 47px;
	left: 50%;
	width: 8px;
	height: 11px;
	margin-left: 23px;
	border: none;
	border-radius: 0;
	background: url(/fo/images/view/ico_age.png) no-repeat;
	background-size: 8px auto
}

.roundType.radBox.ageType input+label.chkType06::after {
	content: "60"
}

.roundType.radBox.ageType input:checked+label::after {
	color: #fff
}

.roundType.radBox.ageType input:checked+label.chkType02:before,
.roundType.radBox.ageType input:checked+label.chkType06:before {
	background-position: 0 -11px
}

.roundType.radBox.fitType input+label:after {
	background-color: rgba(0, 0, 0, 0);
	background-image: url(/fo/images/view/spr_profile08.png)
}

.profileStepInfo {
	position: relative;
	height: 51px
}

.profileStepInfo .txtLink {
	position: absolute;
	top: 0;
	left: 0
}

.profileStepInfo .btnArr {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 16px;
	font-weight: 500
}

[lang=zh] .profileStepInfo .btnArr {
	font-weight: 700
}

.profileStepInfo .btnArr::after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 0;
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/ico_arr_right.png) no-repeat
}

.profileStepInfo .stepProgress {
	padding-top: 36px
}

.profileStepInfo .stepProgress .bg {
	display: inline-block;
	position: relative;
	width: 365px;
	height: 3px;
	margin: 7px 0;
	border-radius: 20px;
	background: #eaeaea
}

.profileStepInfo .stepProgress .bg>span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	height: 3px;
	border-radius: 20px;
	background: #6373d7
}

.profileStepInfo .stepProgress.step1 .bg>span {
	width: 42px;
	background: linear-gradient(-182deg, #e064bd 13%, #6373d7 1094%)
}

.profileStepInfo .stepProgress.step2 .bg>span {
	width: 84px;
	background: linear-gradient(-182deg, #e064bd 30%, #6373d7 628%)
}

.profileStepInfo .stepProgress.step3 .bg>span {
	width: 126px;
	background: linear-gradient(-182deg, #e064bd 38%, #6373d7 387%)
}

.profileStepInfo .stepProgress.step4 .bg>span {
	width: 168px;
	background: linear-gradient(-182deg, #e064bd 43%, #6373d7 261%)
}

.profileStepInfo .stepProgress.step5 .bg>span {
	width: 210px;
	background: linear-gradient(-182deg, #e064bd 45%, #6373d7 195%)
}

.profileStepInfo .stepProgress.step6 .bg>span {
	width: 252px;
	background: linear-gradient(-182deg, #e064bd 46%, #6373d7 154%)
}

.profileStepInfo .stepProgress.step7 .bg>span {
	width: 294px;
	background: linear-gradient(-182deg, #e064bd 47%, #6373d7 130%)
}

.profileStepInfo .stepProgress.step8 .bg>span {
	width: 336px;
	background: linear-gradient(-182deg, #e064bd 48%, #6373d7 113%)
}

.profileStepInfo .stepProgress.step9 .bg>span {
	width: 100%;
	background: linear-gradient(-182deg, #e064bd 48%, #6373d7 100%)
}

.profileStepInfo .stepProgress .paging {
	display: inline-block;
	position: relative;
	top: -4px;
	width: 33px;
	text-align: right;
	color: #9fa2a8;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.profileStepInfo .stepProgress .paging b {
	color: #6373d7;
	font-weight: 700
}

.profileStepInfo.fashionStep .stepProgress.step1 .bg>span {
	width: 10%;
	background: linear-gradient(183deg, #41d8be 11%, #36a0cf 1145%)
}

.profileStepInfo.fashionStep .stepProgress.step2 .bg>span {
	width: 20%;
	background: linear-gradient(183deg, #41d8be 27%, #36a0cf 700%)
}

.profileStepInfo.fashionStep .stepProgress.step3 .bg>span {
	width: 30%;
	background: linear-gradient(183deg, #41d8be 36%, #36a0cf 445%)
}

.profileStepInfo.fashionStep .stepProgress.step4 .bg>span {
	width: 40%;
	background: linear-gradient(183deg, #41d8be 41%, #36a0cf 304%)
}

.profileStepInfo.fashionStep .stepProgress.step5 .bg>span {
	width: 50%;
	background: linear-gradient(183deg, #41d8be 44%, #36a0cf 255%)
}

.profileStepInfo.fashionStep .stepProgress.step6 .bg>span {
	width: 60%;
	background: linear-gradient(183deg, #41d8be 46%, #36a0cf 178%)
}

.profileStepInfo.fashionStep .stepProgress.step7 .bg>span {
	width: 70%;
	background: linear-gradient(183deg, #41d8be 47%, #36a0cf 147%)
}

.profileStepInfo.fashionStep .stepProgress.step8 .bg>span {
	width: 80%;
	background: linear-gradient(183deg, #41d8be 47%, #36a0cf 127%)
}

.profileStepInfo.fashionStep .stepProgress.step9 .bg>span {
	width: 90%;
	background: linear-gradient(183deg, #41d8be 48%, #36a0cf 112%)
}

.profileStepInfo.fashionStep .stepProgress.step10 .bg>span {
	width: 100%;
	background: linear-gradient(183deg, #41d8be 48%, #36a0cf 102%)
}

.profileStepInfo.fashionStep .stepProgress .paging b {
	color: #36a0cf
}

.beautyFinder {
	overflow: hidden;
	height: 650px
}

.beautyFinder.layPop .titLay {
	position: relative;
	z-index: 10;
	height: auto;
	padding: 24px 0;
	border-bottom: 0;
	line-height: 1.5;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 500
}

[lang=zh] .beautyFinder.layPop .titLay {
	font-weight: 700
}

.beautyFinder.layPop .closeL {
	z-index: 999
}

.beautyFinder.layPop .closeL::after {
	background: url(/fo/images/common/ico_close_white.png) no-repeat 50% 50%
}

.beautyFinder.layPop.layerM .layCont {
	overflow: hidden;
	width: 100%;
	max-height: 577px;
	margin: 0;
	padding: 0
}

.beautyFinder .section {
	padding-top: 32px
}

.beautyFinder .section h3 {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .beautyFinder .section h3 {
	font-weight: 700
}

.beautyFinder .section .infoTxt {
	display: block;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	text-align: center;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .beautyFinder .section .infoTxt {
	font-weight: 700
}

.beautyFinder .section .infoTxt+.scrollArea {
	height: 297px
}

.beautyFinder .section .scrollArea {
	overflow-y: auto;
	height: 300px;
	margin: 0;
	max-height: inherit;
	min-height: inherit
}

.beautyFinder .section .scrollArea.min {
	height: 280px
}

.beautyFinder .section .scrollArea .roundType.radBox {
	margin: 34px 0 0;
	padding: 0 72px
}

.beautyFinder .section .scrollArea .roundType.radBox .frmSel {
	padding: 6px 8px
}

.beautyFinder .section .scrollArea .roundType.radBox .frmSel label {
	height: 56px;
	border-radius: 28px;
	line-height: 56px
}

.beautyFinder .front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.beautyFinder .front figure {
	position: absolute
}

.beautyFinder .front figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5)
}

.beautyFinder .front .inner {
	position: relative;
	z-index: 20;
	height: 110px;
	margin-top: 74px
}

.beautyFinder .front .stepBox {
	padding-top: 6px;
	text-align: center
}

.beautyFinder .front .stepBox ol {
	display: inline-block;
	height: 3px;
	width: 456px;
	background: rgba(255, 255, 255, .5)
}

.beautyFinder .front .stepBox ol li {
	float: left;
	height: 3px
}

.beautyFinder .front .stepBox ol li.on {
	background: #fff
}

.beautyFinder .front .stepBox ol li:first-child:nth-last-child(1),
.beautyFinder .front .stepBox ol li:first-child:nth-last-child(1)~li {
	width: 100%
}

.beautyFinder .front .stepBox ol li:first-child:nth-last-child(2),
.beautyFinder .front .stepBox ol li:first-child:nth-last-child(2)~li {
	width: 50%
}

.beautyFinder .front .stepBox ol li:first-child:nth-last-child(3),
.beautyFinder .front .stepBox ol li:first-child:nth-last-child(3)~li {
	width: 33.3333333333%
}

.beautyFinder .front .stepBox ol li:first-child:nth-last-child(4),
.beautyFinder .front .stepBox ol li:first-child:nth-last-child(4)~li {
	width: 25%
}

.beautyFinder .front .stepBox ol li:first-child:nth-last-child(5),
.beautyFinder .front .stepBox ol li:first-child:nth-last-child(5)~li {
	width: 20%
}

.beautyFinder .front .stepBox .stepCount {
	display: inline-block;
	position: relative;
	top: 3px;
	margin-left: 4px;
	color: #b4b4b4;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.beautyFinder .front .stepBox .stepCount b {
	color: #fff;
	font-weight: 700
}

.beautyFinder .front .keywordGroup {
	overflow-x: visible;
	position: relative;
	width: 456px;
	margin: 14px 0 0 79px
}

.beautyFinder .front .keywordGroup::-webkit-scrollbar {
	height: 4px
}

.beautyFinder .front .keywordGroup ul {
	white-space: nowrap
}

.beautyFinder .front .keywordGroup ul li {
	display: inline-block;
	height: 36px;
	margin: 0 4px;
	padding: 0 16px;
	border-radius: 20px;
	line-height: 36px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(255, 255, 255, .4);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4)
}

.beautyFinder .front .keywordGroup ul li:last-child {
	margin-right: 20px
}

.beautyFinder .finderCont {
	position: relative;
	height: 467px;
	margin-top: 93px;
	border-radius: 16px 16px 0 0;
	background: #fff
}

.beautyFinder .colorChip {
	padding: 40px 52px 24px;
	font-size: 0
}

.beautyFinder .colorChip>li {
	display: inline-block;
	width: 56px;
	margin-right: 20px;
	vertical-align: top
}

.beautyFinder .colorChip>li:nth-child(7n) {
	margin-right: 0
}

.beautyFinder .colorChip>li:nth-child(7)~li {
	margin-top: 24px
}

.beautyFinder .colorChip>li.cb_checked .color {
	box-shadow: 2px 6px 10px rgba(0, 0, 0, .16)
}

.beautyFinder .colorChip>li.colLine .color {
	border: 1px solid #eaeaea;
	box-sizing: border-box
}

.beautyFinder .colorChip>li input {
	opacity: 0
}

.beautyFinder .colorChip>li input+label {
	padding: 0
}

.beautyFinder .colorChip>li input+label::before {
	display: none
}

.beautyFinder .colorChip>li input:checked+label::before {
	display: block;
	top: 20px;
	left: calc(50% - 8px);
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(/fo/images/view/ico_check.png) no-repeat
}

.beautyFinder .colorChip>li input:checked+label .txt {
	color: #1e2023;
	font-weight: 700
}

.beautyFinder .colorChip>li.checkB input:checked+label:before {
	background: url(/fo/images/view/ico_checkB.png) no-repeat
}

.beautyFinder .colorChip>li .color {
	overflow: hidden;
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%
}

.beautyFinder .colorChip>li .color img {
	width: 56px;
	height: 56px;
	border-radius: 50%
}

.beautyFinder .colorChip>li .txt {
	display: block;
	margin-top: 2px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.beautyFinder .keywordChk {
	padding: 20px 25px;
	text-align: center;
	font-size: 0
}

.beautyFinder .keywordChk .frmSel {
	display: inline-block;
	margin: 5px 4px
}

.beautyFinder .keywordChk .frmSel input {
	opacity: 0
}

.beautyFinder .keywordChk .frmSel input+label {
	height: 56px;
	padding: 0 24px;
	border: 1px solid #dcdfe3;
	border-radius: 28px;
	vertical-align: top;
	line-height: 54px;
	color: #373a3c;
	font-size: 1.8rem;
	background: #fff;
	box-sizing: border-box
}

.beautyFinder .keywordChk .frmSel input+label::before,
.beautyFinder .keywordChk .frmSel input+label::after {
	display: none
}

.beautyFinder .keywordChk .frmSel input:checked+label {
	padding: 0 25px;
	line-height: 56px;
	color: #fff;
	border: none;
	background: #5d74d9;
	background: linear-gradient(116deg, #f860b7 -6%, #5d74d9 91%);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12)
}

.btnBeauty {
	border: none;
	color: #fff !important;
	background: #5d74d9;
	background: linear-gradient(249deg, #f860b7 -6%, #5d74d9 91%);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12)
}

.btnFashion {
	border: none;
	color: #fff !important;
	background: #36a0cf;
	background: linear-gradient(90deg, rgb(65, 216, 190) 0%, rgb(54, 160, 207) 100%);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12)
}

.beautyFinderReault {
	overflow: hidden;
	height: 650px
}

.beautyFinderReault.layPop.layerM .layCont {
	max-height: 400px;
	margin: 0
}

.beautyFinderReault .titDep3 {
	font-weight: 700
}

.beautyFinderReault .front {
	position: relative;
	width: calc(100% - 8px);
	padding: 0 32px 0 40px;
	margin: 24px 0 32px
}

.beautyFinderReault .iScrollWrap {
	overflow: visible;
	position: relative;
	width: 560px;
	padding: 0 24px
}

.beautyFinderReault .iScrollWrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 24px
}

.beautyFinderReault .iScrollWrap::after {
	content: "";
	position: absolute;
	top: 0;
	right: 24px
}

.beautyFinderReault .iScrollWrap .scrollPrev,
.beautyFinderReault .iScrollWrap .scrollNext {
	opacity: .3
}

.beautyFinderReault .iScrollWrap .scrollPrev:hover,
.beautyFinderReault .iScrollWrap .scrollNext:hover {
	opacity: 1
}

.beautyFinderReault .iScrollWrap .iScrollCont {
	overflow: hidden
}

.beautyFinderReault .iScrollWrap ul {
	white-space: nowrap
}

.beautyFinderReault .iScrollWrap ul li {
	display: inline-block;
	position: relative;
	width: auto;
	padding: 0 24px;
	height: 47px;
	line-height: 47px
}

.beautyFinderReault .iScrollWrap ul li a {
	display: block;
	white-space: nowrap
}

.beautyFinderReault .iScrollWrap>button {
	display: block;
	position: absolute;
	top: calc(50% - 12px);
	z-index: 100;
	width: 24px;
	height: 24px;
	background: url(/fo/images/view/arr_iscroll.png) no-repeat 0 0
}

.beautyFinderReault .iScrollWrap .scrollPrev {
	left: 0
}

.beautyFinderReault .iScrollWrap .scrollNext {
	right: 0;
	background-position: 100% 0
}

.beautyFinderReault .chkKeywordList {
	white-space: nowrap
}

.beautyFinderReault .chkKeywordList .item {
	display: inline-block;
	height: 36px;
	padding: 0 12px 0 16px;
	border-radius: 18px;
	line-height: 36px;
	font-size: 1.3rem;
	background: #f5f7fa
}

.beautyFinderReault .chkKeywordList .item~.item {
	margin-left: 4px
}

.beautyFinderReault .chkKeywordList .item a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 6px;
	background: url(/fo/images/view/btn_s_del.png) no-repeat 50% 50%
}

.beautyFinderReault .reSearch {
	position: absolute;
	top: 43px;
	right: 40px;
	padding-left: 17px;
	color: #6b6e73
}

.beautyFinderReault .reSearch::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/view/ico_refresh_gray.png) no-repeat
}

.beautyFinderReault .prodList.prodThumb {
	margin-top: 0;
	padding-bottom: 32px
}

.beautyFinderReault .prodList.prodThumb .prodCont {
	min-height: auto;
	padding: 0 8px
}

.beautyFinderReault .prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 24px
}

.beautyFinderReault .prodList.prodThumb .prodCont figure {
	min-height: auto;
	background-size: 70% auto
}

.beautyFinderReault .prodList.prodThumb .prodCont .prodInfo {
	margin-top: 16px
}

.beautyFinderReault .prodList.prodThumb .prodCont .priceArea {
	margin-top: 9px
}

.beautyFinderReault .prodList.prodThumb .prodCont .priceArea .saleCont .saleWon {
	display: block;
	margin-left: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.beautyFinderReault .otherMenu {
	position: relative;
	padding: 24px 32px 32px 40px;
	margin: 9px -40px 0
}

.beautyFinderReault .otherMenu::after {
	content: "";
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 8px;
	border-top: 1px solid #ebedf2;
	background: #f5f7fa
}

.beautyFinderReault .otherMenu .titDep4 {
	padding-bottom: 16px;
	color: #373a3c
}

.beautyFinderReault .otherMenu ul li {
	display: inline-block;
	width: 96px
}

.beautyFinderReault .otherMenu ul li figure {
	overflow: hidden;
	width: 96px;
	height: 96px;
	border-radius: 48px
}

.beautyFinderReault .otherMenu ul li figure img {
	display: block;
	width: 100%
}

.beautyFinderReault .otherMenu ul li span {
	display: block;
	margin-top: 8px;
	text-align: center;
	color: #6b6e73
}

.beautyFinderReault .otherMenu ul li~li {
	margin-left: 17px
}

.beautyFinderReault .otherMenu ul li:nth-child(5n+1) {
	margin-left: 0
}

.swipeMenu {
	position: relative;
	margin-bottom: 24px
}

.swipeMenu::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #dcdfe3
}

.swipeMenu .iScrollWrap {
	position: relative;
	padding: 0 32px
}

.swipeMenu .iScrollWrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 32px;
	z-index: 10;
	width: 80px;
	height: 46px;
	background: linear-gradient(116deg, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 0%);
	pointer-events: none
}

.swipeMenu .iScrollWrap::after {
	content: "";
	position: absolute;
	top: 0;
	right: 32px;
	z-index: 10;
	width: 80px;
	height: 46px;
	background: linear-gradient(116deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%);
	pointer-events: none
}

.swipeMenu .iScrollWrap.disableLeft:before,
.swipeMenu .iScrollWrap.disableRight:after {
	display: none
}

.swipeMenu .iScrollWrap.disableLeft .scrollPrev,
.swipeMenu .iScrollWrap.disableRight .scrollNext {
	display: none
}

.swipeMenu .iScrollWrap .iScrollCont {
	overflow: hidden
}

.swipeMenu .iScrollWrap ul {
	white-space: nowrap
}

.swipeMenu .iScrollWrap ul li {
	display: inline-block;
	position: relative;
	width: auto;
	padding: 0 24px;
	height: 64px;
	line-height: 64px;
	color: #6b6e73
}

.swipeMenu .iScrollWrap ul li.pageOn {
	color: #373a3c;
	font-weight: 700
}

.swipeMenu .iScrollWrap ul li.pageOn::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 2px;
	background: #373a3c
}

.swipeMenu .iScrollWrap ul li a {
	display: block;
	white-space: nowrap
}

.swipeMenu .iScrollWrap>button {
	display: block;
	position: absolute;
	top: calc(50% - 12px);
	z-index: 100;
	width: 24px;
	height: 24px;
	background: url(/fo/images/common/spr_swiper02.png) no-repeat 0 0
}

.swipeMenu .iScrollWrap .scrollPrev {
	left: 0
}

.swipeMenu .iScrollWrap .scrollNext {
	right: 0;
	background-position: 100% 0
}

.specialMain .swipeMenu {
	margin-bottom: 48px;
	border-top: 3px solid #373a3c
}

.specialMain .swipeMenu .iScrollWrap ul li~li:before {
	content: "";
	position: absolute;
	top: 26px;
	left: 0;
	width: 1px;
	height: 16px;
	background: #dcdfe3
}

.beautyRanking .tabType01 {
	margin-top: 0
}

.beautyRanking .tapContentList {
	margin-bottom: 16px
}

.beautyRanking .txtSort {
	margin-top: 48px;
	text-align: center;
	color: #373a3c;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	font-weight: 500
}

[lang=zh] .beautyRanking .txtSort {
	font-weight: 700
}

.beautyRanking .txtSort .selectWrap {
	margin-left: 56px
}

.beautyRanking .txtSort .selectWrap~.selectWrap {
	margin-left: 15px
}

.beautyRanking .txtSort .ui-selectmenu-menu {
	border-color: #a0adf0
}

.beautyRanking .txtSort .ui-selectmenu-menu.ui-selectmenu-open {
	border-top: 1px solid #a0adf0
}

.beautyRanking .txtSort .ui-selectmenu-button {
	border: 0;
	background: rgba(0, 0, 0, 0)
}

.beautyRanking .txtSort .ui-selectmenu-button span {
	padding: 0 24px 0 0
}

.beautyRanking .txtSort .ui-selectmenu-button.ui-selectmenu-ope {
	border-top: 1px solid #a0adf0
}

.beautyRanking .txtSort .ui-selectmenu-button::after {
	width: 16px;
	height: 16px;
	right: 0;
	background: url(/fo/images/common/ico_select_big.png) no-repeat 0 0
}

.beautyRanking .txtSort .ui-selectmenu-button.ui-selectmenu-button-open::after {
	background-position: 0 -16px
}

.beautyRanking .txtSort .ui-selectmenu-text {
	color: #4d6ee4;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	font-weight: 500
}

[lang=zh] .beautyRanking .txtSort .ui-selectmenu-text {
	color: #fe324b
}

[lang=zh] .beautyRanking .txtSort .ui-selectmenu-text {
	font-weight: 700
}

.beautyRanking .frmSwitch {
	float: right;
	margin-top: -25px
}

.beautyRanking .frmSwitch label {
	font-weight: 400;
	font-size: 1.5rem;
	color: #6b6e73
}

.beautyRanking .prodCont .prodState.soldOut {
	top: 40%
}

.beautyRanking .prodCont .prodState.adult {
	margin-top: -80px
}

.beautyRanking .prodList.prodThumb {
	margin-top: 32px
}

.exchangeCont .tabType01 {
	margin-bottom: 40px
}

.exchangeCont .pageStep {
	margin-bottom: 16px
}

.exchangeCont .pageStep li .txt {
	font-size: 2.4rem
}

.exchangeCont .agreeBox {
	border-top: 1px solid #373a3c
}

.exchangeCont .agreeBox .allAgree {
	height: 56px;
	border-bottom: 1px solid #eaeaea;
	line-height: 56px
}

.exchangeCont .agreeBox .allAgree label {
	padding-bottom: 0;
	font-size: 2rem
}

.exchangeCont .agreeBox .allAgree label::before {
	top: 4px
}

.exchangeCont .agreeBox .allAgree .infoTxt {
	margin-left: 8px;
	color: #6b6e73;
	font-size: 1.3rem
}

.exchangeCont .agreeBox .chkAgree {
	height: 48px;
	margin-top: 8px;
	line-height: 48px;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .exchangeCont .agreeBox .chkAgree {
	font-weight: 700
}

.exchangeCont .agreeBox .chkAgree input {
	opacity: 0
}

.exchangeCont .agreeBox .chkAgree label:before {
	top: 5px
}

.exchangeCont .agreeBox .boxGray {
	overflow-y: auto;
	height: 152px;
	border-radius: 8px
}

.exchangeCont .agreeBox .boxGray b+p {
	margin: 12px 0
}

.exchangeCont .agreeBox .boxGray .bultType01 {
	margin-top: 0;
	font-size: 0
}

.exchangeCont .agreeBox .boxGray .bultType01 li {
	padding-left: 10px;
	color: #5a5f64;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.exchangeCont .agreeBox .boxGray .bultType01 li em {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.exchangeCont .userInfo {
	overflow: hidden;
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #373a3c;
	border-bottom: 1px solid #eaeaea
}

.exchangeCont .userInfo li {
	float: left;
	display: table;
	width: 50%;
	font-weight: 500;
	box-sizing: border-box
}

[lang=zh] .exchangeCont .userInfo li {
	font-weight: 700
}

.exchangeCont .userInfo li em {
	display: table-cell;
	width: 136px;
	padding-left: 16px;
	vertical-align: middle;
	box-sizing: border-box
}

.exchangeCont .userInfo li>span {
	display: table-cell;
	font-size: 1.8rem;
	color: #373a3c
}

.exchangeCont .userInfo li .tDefault {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .exchangeCont .userInfo li .tDefault {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.exchangeCont .userInfo li:nth-child(even) em {
	width: 152px;
	padding-left: 32px
}

.exchangeCont .userInfo li:nth-child(2)~li {
	margin-top: 12px
}

.exchangeCont .userInfo::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 50%;
	width: 1px;
	height: 66px;
	background: #eaeaea
}

.exchangeCont .titDep4 {
	margin-top: 48px
}

.exchangeCont .titDep4~.titDep4 {
	margin-top: 32px
}

.exchangeCont .tblH td {
	padding-left: 0;
	text-align: center
}

.exchangeCont .tblV th {
	text-align: center;
	vertical-align: middle
}

.exchangeCont .tblV li {
	margin-top: 10px
}

.exchangeCont .tblV .bultType01>li {
	padding-left: 10px;
	color: #5a5f64;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.exchangeCont .tblV .bultType01>li::before {
	top: 5px
}

.exchangeCont .tblV .bultType01+p {
	margin-top: 10px
}

.exchangeCont .tblV p.bultType01 {
	margin-top: 0;
	padding-left: 10px;
	color: #5a5f64;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.exchangeCont .tblV p.bultType01::before {
	top: 10px
}

.exchangeCont .tblV .numType {
	margin: 10px 0 0 -10px
}

.exchangeCont .tblV .numType ul {
	padding-left: 16px
}

.exchangeCont .tblV .numType p {
	margin: -10px 0 0 16px
}

.exchangeCont .tblV+.tRight {
	margin-top: 12px;
	text-align: right;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.exchangeCont .exchangeInfo {
	display: table;
	width: 100%;
	border-top: 1px solid #373a3c;
	border-bottom: 1px solid #eaeaea
}

.exchangeCont .exchangeInfo .inpForm {
	display: table-cell;
	width: 60%;
	padding: 16px 0;
	border-right: 1px solid #eaeaea;
	box-sizing: border-box
}

.exchangeCont .exchangeInfo .inpForm .frmInp label {
	width: 136px
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA {
	width: calc(100% - 136px);
	padding-right: 47px
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA input[type=text] {
	text-align: right
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA .persent {
	display: inline-block;
	margin-left: 12px;
	line-height: 48px;
	font-weight: 700
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA .persent span {
	vertical-align: middle
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA .persent.point_colBlue {
	color: #4d6ee4
}

[lang=zh] .exchangeCont .exchangeInfo .inpForm .frmInp .inpA .persent.point_colBlue {
	color: #fe324b
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA p {
	margin-top: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA p span {
	vertical-align: middle
}

.exchangeCont .exchangeInfo .inpForm .frmInp .inpA p~p {
	margin-top: 2px
}

.exchangeCont .exchangeInfo .inpForm .frmInp~.frmInp {
	margin-top: 24px
}

.exchangeCont .exchangeInfo .inpForm .selectWrap {
	display: inline-block;
	width: calc(100% - 90px)
}

.exchangeCont .exchangeInfo .expectResult {
	display: table-cell;
	width: 40%;
	text-align: center;
	vertical-align: middle
}

.exchangeCont .exchangeInfo .expectResult strong {
	display: inline-block;
	font-weight: 500
}

[lang=zh] .exchangeCont .exchangeInfo .expectResult strong {
	font-weight: 700
}

.exchangeCont .exchangeInfo .expectResult strong span {
	display: block
}

.exchangeCont .exchangeInfo .expectResult strong .won {
	color: #6b6e73;
	font-weight: 700
}

.exchangeCont .exchangeInfo .expectResult strong .won.expectWon {
	color: #4d6ee4
}

[lang=zh] .exchangeCont .exchangeInfo .expectResult strong .won.expectWon {
	color: #fe324b
}

.exchangeCont .exchangeInfo .expectResult strong b {
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667
}

.exchangeCont .exchangeInfo .expectResult p {
	display: inline-block;
	padding-top: 12px;
	border-top: 1px solid #eaeaea;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.exchangeCont .receiveInfo {
	padding: 16px 0;
	border-top: 1px solid #373a3c;
	border-bottom: 1px solid #eaeaea
}

.exchangeCont .receiveInfo .frmInp>label {
	width: 136px
}

.exchangeCont .receiveInfo .frmInp .inpA {
	width: calc(100% - 136px);
	padding-right: 48px;
	box-sizing: border-box
}

.exchangeCont .receiveInfo .frmInp .inpA>input[type=text] {
	width: 40%
}

.exchangeCont .receiveInfo .frmInp .inpA .calenInp {
	width: 40%;
	min-width: auto
}

.exchangeCont .receiveInfo .frmInp .inpA .calenInp input[type=text] {
	border: 0
}

.exchangeCont .receiveInfo .frmInp .inpA .frmList {
	display: inline-block;
	padding: 14px 0;
	margin-left: 24px
}

.exchangeCont .receiveInfo .frmInp .inpA .frmList input {
	opacity: 0
}

.exchangeCont .receiveInfo .frmInp .inpA .btnM {
	min-width: 102px;
	margin-left: 5px
}

.exchangeCont .receiveInfo .frmInp~.frmInp {
	margin-top: 16px
}

.exchangeCont .receiveInfo .infoTxt {
	margin-top: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #8b8f94
}

.exchangeCont .titDep3 {
	margin-bottom: 16px
}

.exchangeCont .userInfoInquiry {
	padding: 24px 0 20px;
	border-top: 1px solid #373a3c;
	border-bottom: 1px solid #eaeaea;
	text-align: center
}

.exchangeCont .userInfoInquiry .inner {
	display: inline-block
}

.exchangeCont .userInfoInquiry .userInfo {
	display: inline-block;
	padding: 9px 0;
	border: 0;
	text-align: left
}

.exchangeCont .userInfoInquiry .userInfo li {
	width: auto
}

.exchangeCont .userInfoInquiry .userInfo li em {
	width: 149px;
	padding-left: 40px
}

.exchangeCont .userInfoInquiry .userInfo li span {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.exchangeCont .userInfoInquiry .userInfo li~li {
	margin-left: 24px
}

.exchangeCont .userInfoInquiry .userInfo::after {
	display: none
}

.exchangeCont .userInfoInquiry .btnSSG {
	margin-left: 70px;
	vertical-align: top
}

.exchangeCont .listNum {
	border-bottom: 0
}

.exchangeCont .exchangeList {
	overflow: hidden;
	margin: 0 -8px
}

.exchangeCont .exchangeList>li:not(.exchangeItem) {
	clear: both;
	width: calc(100% - 16px);
	margin: 0 8px;
	border-top: 1px solid #373a3c
}

.exchangeCont .exchangeList .exchangeItem {
	overflow: hidden;
	float: left;
	width: calc(50% - 16px);
	margin: 0 8px;
	border: 1px solid #c7cdf6;
	border-radius: 8px
}

.exchangeCont .exchangeList .exchangeItem a {
	display: block
}

.exchangeCont .exchangeList .exchangeItem .listItem {
	padding: 24px 32px
}

.exchangeCont .exchangeList .exchangeItem .listItem li {
	font-size: 0
}

.exchangeCont .exchangeList .exchangeItem .listItem li em {
	display: inline-block;
	width: 25%;
	color: #6b6e73;
	font-size: 1.5rem
}

.exchangeCont .exchangeList .exchangeItem .listItem li span {
	display: inline-block;
	width: 75%;
	text-align: right;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .exchangeCont .exchangeList .exchangeItem .listItem li span {
	font-weight: 700
}

.exchangeCont .exchangeList .exchangeItem .listItem li~li {
	margin-top: 12px
}

.exchangeCont .exchangeList .exchangeItem .status {
	border-top: 1px solid #c7cdf6;
	text-align: center;
	line-height: 48px;
	background-color: #e9ebfb
}

[lang=zh] .exchangeCont .exchangeList .exchangeItem .status {
	background-color: #ffeef1
}

.exchangeCont .exchangeList .exchangeItem .status span {
	display: inline-block;
	position: relative;
	color: #373a3c;
	font-weight: 500;
	font-size: 1.8rem
}

[lang=zh] .exchangeCont .exchangeList .exchangeItem .status span {
	font-weight: 700
}

.exchangeCont .exchangeList .exchangeItem .status span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
	height: 1px;
	background: #373a3c
}

.exchangeCont .exchangeList .exchangeItem .status span.receive {
	color: #4d6ee4
}

[lang=zh] .exchangeCont .exchangeList .exchangeItem .status span.receive {
	color: #fe324b
}

.exchangeCont .exchangeList .exchangeItem .status span.receive::after {
	background-color: #4d6ee4
}

[lang=zh] .exchangeCont .exchangeList .exchangeItem .status span.receive::after {
	background-color: #fe324b
}

.exchangeCont .exchangeList .exchangeItem.complete {
	padding-top: 0;
	border-color: #eaeaea;
	background: #f5f7fa
}

.exchangeCont .exchangeList .exchangeItem.complete .listItem li em {
	text-align: left
}

.exchangeCont .exchangeList .exchangeItem.complete .listItem li em,
.exchangeCont .exchangeList .exchangeItem.complete .listItem li span {
	color: #9fa2a8
}

.exchangeCont .exchangeList .exchangeItem.complete .status {
	border-top-color: #eaeaea;
	background: #eaeaea
}

.exchangeCont .exchangeList .exchangeItem.complete .status span {
	color: #6b6e73
}

.exchangeCont .exchangeList .exchangeItem.complete .status::after {
	background: #6b6e73
}

.exchangeCont .exchangeList .exchangeItem:nth-child(2)~.exchangeItem {
	margin-top: 16px
}

.exchangeCheck {
	overflow: hidden
}

.exchangeCheck .group {
	float: left;
	width: 100%;
	margin-top: 4px;
	border-bottom: 1px solid #eaeaea
}

.exchangeCheck .group .title {
	display: block;
	padding-bottom: 12px;
	border-bottom: 1px solid #373a3c;
	color: #373a3c;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500
}

[lang=zh] .exchangeCheck .group .title {
	font-weight: 700
}

.exchangeCheck .group~.group {
	width: calc(50% - 16px)
}

.exchangeCheck .group~.group .infoList {
	height: 173px;
	padding: 12px 0;
	box-sizing: border-box
}

.exchangeCheck .group~.group .infoList li {
	margin-top: 12px
}

.exchangeCheck .group .infoList li {
	display: table
}

.exchangeCheck .group .infoList li>em {
	display: table-cell;
	width: 142px;
	padding-left: 16px;
	vertical-align: middle;
	color: #6b6e73;
	box-sizing: border-box
}

.exchangeCheck .group .infoList li .text {
	display: table-cell;
	width: calc(100% - 142px);
	vertical-align: middle;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .exchangeCheck .group .infoList li .text {
	font-weight: 700
}

.exchangeCheck .group .infoList li .price {
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	font-weight: 500
}

[lang=zh] .exchangeCheck .group .infoList li .price {
	font-weight: 700
}

.exchangeCheck .group .infoList .linkMap {
	display: inline-block;
	position: relative
}

.exchangeCheck .group .infoList .linkMap::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background: #373a3c
}

.exchangeCheck .group .infoList .linkMap::after {
	content: "";
	position: absolute;
	right: -20px;
	top: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background: url(/fo/images/mypage/ico_map.png) no-repeat 50% 50%;
	background-size: 16px auto
}

.exchangeCheck .group:nth-child(1) {
	margin-bottom: 36px
}

.exchangeCheck .group:nth-child(1) .infoList {
	overflow: hidden;
	position: relative;
	padding: 12px 0
}

.exchangeCheck .group:nth-child(1) .infoList li {
	float: left;
	width: 50%
}

.exchangeCheck .group:nth-child(1) .infoList li:nth-child(1) {
	height: 112px
}

.exchangeCheck .group:nth-child(1) .infoList li>em {
	width: 162px
}

.exchangeCheck .group:nth-child(1) .infoList li .text {
	width: calc(100% - 162px)
}

.exchangeCheck .group:nth-child(1) .infoList li .point_colBlue {
	margin-left: 10px
}

.exchangeCheck .group:nth-child(1) .infoList li~li {
	margin-top: 12px
}

.exchangeCheck .group:nth-child(1) .infoList li~li em {
	padding-left: 32px
}

.exchangeCheck .group:nth-child(1) .infoList::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #eaeaea
}

.exchangeCheck .group:nth-child(3) {
	margin-left: 32px
}

.exchangeCheck.typePopup .group:nth-child(1) {
	margin-bottom: 28px
}

.exchangeCheck.typePopup .group:nth-child(1) li:first-child>em {
	width: 142px
}

.exchangeCheck.typePopup .group:nth-child(1) li:first-child .text>span {
	display: block
}

.exchangeCheck.typePopup .group:nth-child(1) li:first-child .text .point_colBlue {
	font-weight: 700;
	margin-left: 0
}

.exchangeCheck.typePopup .group:nth-child(1) li:first-child .text .point_colBlue span {
	font-weight: 500
}

[lang=zh] .exchangeCheck.typePopup .group:nth-child(1) li:first-child .text .point_colBlue span {
	font-weight: 700
}

.exchangeCheck.typePopup .group {
	position: relative
}

.exchangeCheck.typePopup .group .sataus {
	position: absolute;
	top: 5px;
	right: 0;
	color: #4d6ee4;
	font-weight: 500
}

[lang=zh] .exchangeCheck.typePopup .group .sataus {
	color: #fe324b
}

[lang=zh] .exchangeCheck.typePopup .group .sataus {
	font-weight: 700
}

.receiveStore .tabType01 {
	margin: 0 0 16px
}

.receiveStore .chkList {
	margin: 0 -32px;
	border-top: 1px solid #f2f5f9
}

.receiveStore .chkList .frmSel {
	padding: 16px 64px 16px 32px;
	border-bottom: 1px solid #f2f5f9
}

.receiveStore .chkList .frmSel input[type=radio]+label {
	padding-left: 0;
	color: #6b6e73
}

.receiveStore .chkList .frmSel input[type=radio]+label::before {
	display: none
}

.receiveStore .chkList .frmSel input[type=radio]:checked+label:before {
	display: block;
	left: inherit;
	right: -30px;
	background-position: 0 0
}

.receiveStore .chkList .frmSel.rd_checked {
	background: #f5f7fa
}

.receiveStore .chkList .frmSel.rd_checked input[type=radio]+label {
	color: #373a3c;
	font-weight: 700
}

.receiveAddr {
	margin: 0 -32px;
	border-top: 1px solid #f2f5f9
}

.receiveAddr .deliveryArea {
	width: 100%;
	padding: 24px 32px;
	border: 0;
	border-bottom: 1px solid #f2f5f9;
	border-radius: 0;
	box-sizing: border-box
}

.receiveAddr .deliveryArea em {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .receiveAddr .deliveryArea em {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.receiveAddr .deliveryArea .tel {
	margin-left: 0;
	padding-left: 0
}

.receiveAddr .deliveryArea .tel::after {
	display: none
}

.receiveAddr.receiveApList .deliveryArea {
	position: relative;
	margin: 0
}

.receiveAddr.receiveApList .deliveryArea .btnMap {
	position: absolute;
	top: 0;
	right: 8px;
	width: 60px;
	height: 100%;
	background: url(/fo/images/mypage/ico_map.png) no-repeat 50% 50%
}

.listNum .funcBtns .funcAcct.btFrame::before {
	background: url(/fo/images/common/ico_type.png) no-repeat -16px -16px
}

.listNum .funcBtns .funcAcct.btFrame[aria-selected=true]:before {
	background-position: -16px 0
}

.listNum .funcBtns .funcAcct.btMulti::before {
	background: url(/fo/images/common/ico_type.png) no-repeat 0 -16px
}

.listNum .funcBtns .funcAcct.btMulti[aria-selected=true]:before {
	background-position: 0 0
}

.benefitFlag {
	display: block;
	margin-bottom: 8px
}

.benefitFlag>span {
	display: inline-block;
	padding: 0 8px;
	border-radius: 8px;
	line-height: 20px;
	font-size: 1.2rem;
	box-sizing: border-box
}

.benefitFlag>span.reserves {
	color: #4d6ee4;
	background-color: #e9ebfb
}

[lang=zh] .benefitFlag>span.reserves {
	color: #fe324b
}

[lang=zh] .benefitFlag>span.reserves {
	background-color: #ffeef1
}

.benefitFlag>span.brand {
	color: #ad00c4;
	background-color: #f8eefa
}

.benefitFlag>span.membership {
	color: #b69149;
	background-color: #fff9e9
}

.benefitFlag>span.gift {
	color: #006d69;
	background-color: #e1f9f9
}

#wrapper.lnbWrapper .container .contInner .contents {
	margin-top: 0 !important
}

.benefitWrap {
	position: relative;
	margin-top: 56px !important
}

.benefitWrap .titDep1 {
	font-weight: 700
}

.benefitWrap .benefitLogin {
	position: absolute;
	top: 0;
	right: 0;
	padding: 11px 53px 11px 50px;
	border-radius: 8px;
	color: #1e2023;
	font-weight: 500;
	background: #f7f7fd;
	box-sizing: border-box
}

[lang=zh] .benefitWrap .benefitLogin {
	font-weight: 700
}

.benefitWrap .benefitLogin::before {
	content: "";
	position: absolute;
	left: 16px;
	top: calc(50% - 12px);
	width: 26px;
	height: 25px;
	background: url(/fo/images/common/ico_present.png) no-repeat
}

.benefitWrap .benefitLogin::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	right: 16px;
	width: 16px;
	height: 16px;
	background: url(/fo/images/common/arr_link.png) no-repeat
}

.benefitWrap .imgList>.benefit.col3>li .cont>a {
	padding-right: 60px
}

.benefitWrap .forUbenefit {
	overflow: hidden;
	padding: 34px 0 34px 40px;
	margin-bottom: 49px;
	border-radius: 6px;
	text-align: center;
	background: #f8fafc
}

.benefitWrap .forUbenefit strong {
	float: left;
	height: 100%;
	text-align: left;
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.benefitWrap .forUbenefit strong .minBlock {
	display: block
}

.benefitWrap .forUbenefit ul {
	overflow: hidden;
	float: right
}

.benefitWrap .forUbenefit ul li {
	float: left;
	width: 368px;
	text-align: left
}

.benefitWrap .forUbenefit ul li:nth-child(3) {
	clear: both
}

.benefitWrap .forUbenefit ul li:nth-child(2)~li {
	margin-top: 8px
}

.benefitWrap .forUbenefit .benefitFlag {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}

.benefitWrap .forUbenefit .text {
	display: inline-block;
	width: 280px;
	margin-left: 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.benefitWrap .tabType06 {
	margin-bottom: 24px
}

.benefitWrap .front {
	overflow: hidden;
	border-radius: 4px
}

.benefitWrap .front .bfTitle {
	display: inline-block;
	color: #1e2023;
	font-size: 3.2rem;
	line-height: 1.25;
	font-weight: 700
}

.benefitWrap .front .side {
	float: right
}

.benefitWrap .front .icoEvent span {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	background: url(/fo/images/common/ico_event.png) no-repeat 0 50%
}

.benefitWrap .front .icoEventEnd span {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	background: url(/fo/images/common/ico_eventend.png) no-repeat 0 50%
}

.benefitWrap .expFlag {
	position: absolute;
	top: -46px;
	right: 16px;
	z-index: 100;
	width: 60px;
	height: 60px;
	padding: 14px 0 12px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 1.31;
	color: #fff;
	font-size: 1.3rem;
	background: #fe4c99;
	background-image: linear-gradient(219deg, #fe4c99 16%, #ff7833 71%);
	box-sizing: border-box;
	box-shadow: 0 4px 8px 0 rgba(227, 104, 92, .3)
}

.benefitWrap .expFlag~a strong.tit {
	margin-top: 17px !important;
	padding-right: 90px;
	letter-spacing: -0.54px
}

.benefitWrap .expFlag.end {
	background: #8b8f94;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.benefitWrap .expFlag.review {
	background: linear-gradient(147deg, #212b36 34%, #6b7c8a 117%);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.benefitWrap .expFlag~a .desc {
	margin-top: 4px !important;
	margin-bottom: 0 !important
}

.benefitWrap .expFlag~.limitNum {
	margin-top: 11px !important;
	padding: 0 10.5px !important
}

.benefitCont {
	margin-top: 97px
}

.mypickPr .benefitCont .imgList .favoNum {
	float: none;
	margin-top: 0
}

.benefitCont .bannerType.typeBannerA {
	overflow: visible
}

.benefitCont .bannerType.typeBannerA .popWrap.popShare .snsList li {
	width: auto
}

.benefitCont .tabContentWrap {
	clear: both
}

.benefitCont .imgList>ul.benefit .desc {
	margin-top: 2px
}

.benefitCont .imgList {
	clear: both
}

.benefitCont .imgList time {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.benefitCont .imgList li.noData {
	width: 100% !important;
	padding-left: 0
}

.benefitCont .imgList>ul.benefit {
	margin-top: 8px
}

.benefitCont .imgList>ul.col3>li {
	margin-top: 40px
}

.benefitCont .imgList>ul.col3>li:nth-child(-n+3) {
	margin-top: 0
}

.benefitCont .imgList>ul.col2>li {
	margin-top: 56px
}

.benefitCont .imgList>ul.col2>li:nth-child(-n+2) {
	margin-top: 0
}

.benefitCont .imgList>ul.listType>li {
	float: left;
	display: table;
	table-layout: fixed;
	margin-top: 32px
}

.benefitCont .imgList>ul.listType>li>a {
	display: table-cell;
	width: 22%;
	vertical-align: middle
}

.benefitCont .imgList>ul.listType>li .cont {
	display: table-cell;
	width: 78%;
	padding-left: 16px;
	vertical-align: middle
}

.benefitCont .imgList>ul.listType>li .cont .tit {
	display: block;
	position: relative;
	top: 4px;
	width: 70%;
	margin: 0;
	padding-right: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.benefitCont .imgList>ul.listType>li .cont .desc {
	display: block;
	width: 70%;
	margin: 4px 0 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.benefitCont .imgList>ul.listType>li .cont .icoArea {
	top: inherit;
	bottom: 0
}

.benefitCont .imgList>ul.expApply .tit {
	margin-top: 16px;
	font-weight: 700;
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 50px
}

.benefitCont .imgList>ul.expApply .desc {
	overflow: hidden;
	display: block;
	margin: 2px 0 12px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.benefitCont .imgList>ul.expApply .limitNum {
	display: inline-block;
	margin-right: 8px;
	margin-top: 12px;
	padding: 0 8px;
	border-radius: 8px;
	line-height: 26px;
	font-size: 1.2rem;
	color: #4d6ee4;
	background-color: #e9ebfb;
	box-sizing: border-box
}

[lang=zh] .benefitCont .imgList>ul.expApply .limitNum {
	color: #fe324b
}

[lang=zh] .benefitCont .imgList>ul.expApply .limitNum {
	background-color: #ffeef1
}

.benefitCont .imgList>ul.expApply time {
	display: inline-block
}

.benefitCont .imgList>ul.expApply .icoArea {
	top: inherit;
	bottom: 0
}

.benefitCont .imgList>ul.expApply>li {
	margin-top: 32px
}

.benefitCont .imgList>ul.bannerList {
	margin-top: 8px;
	margin-left: -16px
}

.benefitCont .imgList>ul.bannerList>li {
	margin-top: 40px;
	padding-left: 16px
}

.benefitCont .imgList>ul.bannerList>li .titEvent {
	width: 55%;
	font-weight: 700;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 52px
}

.benefitCont .imgList>ul.bannerList>li .subTit {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.benefitCont .imgList>ul.bannerList>li .typeBlack .titEvent,
.benefitCont .imgList>ul.bannerList>li .blackType .titEvent {
	color: #1e2023
}

.benefitCont .imgList>ul.bannerList>li .typeBlack .subTit,
.benefitCont .imgList>ul.bannerList>li .blackType .subTit {
	color: #6b6e73
}

.benefitCont .imgList>ul.bannerList>li .eventInfo {
	padding-left: 0;
	padding-right: 0
}

.benefitCont .imgList>ul.bannerList>li .eventInfo .icoArea {
	right: -8px
}

.benefitCont .imgList>ul.bannerList>li .cb_checked~.bannerType figure:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(199, 205, 246, .4)
}

.benefitCont .imgList>ul.bannerList .typeBannerA>a {
	min-height: auto
}

.benefitCont .imgList>ul.bannerList .typeBannerA>a .bannerTxt {
	padding: 0 24px
}

.benefitCont .imgList>ul.ediMode li {
	position: relative
}

.benefitCont .imgList>ul.ediMode .frmSel {
	left: 16px
}

.benefitCont .imgList>ul.ediMode .frmSel input {
	top: 17px;
	left: 17px;
	margin-top: 0
}

.benefitCont .imgList>ul.ediMode .frmSel input+label:before {
	top: 12px;
	left: 12px;
	margin-top: 0
}

.benefitCont .imgList>ul.ediMode .frmSel input:checked+label {
	background: rgba(199, 205, 246, 0)
}

.benefitCont .imgList .multiList {
	margin-top: 8px
}

.benefitCont .imgList .multiList>li {
	width: 33.3333333333%;
	margin-top: 0
}

.benefitCont .imgList .multiList>li>a figure {
	border-radius: 8px 8px 0 0
}

.benefitCont .imgList .multiList>li .tit {
	height: 52px;
	margin-top: 16px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 52px
}

.benefitCont .imgList .multiList>li time {
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.benefitCont .imgList .multiList>li:nth-child(3)~li {
	margin-top: 56px
}

.benefitCont .imgList .multiList .noData {
	width: 100% !important
}

.benefitCont .bannerList>li .typeBlack .titEvent,
.benefitCont .bannerList>li .blackType .titEvent {
	color: #1e2023
}

.benefitCont .bannerList>li .typeBlack .subTit,
.benefitCont .bannerList>li .blackType .subTit {
	color: #6b6e73
}

.benefitCont .bannerList>li.noData {
	width: 100% !important
}

.benefitCont .side .frmSearch input[type=text]:focus {
	background: #f8fafc
}

.benefitCont .benefitProdList {
	margin-top: 10px
}

.benefitCont .benefitProdList .prodCont {
	min-height: auto
}

.benefitCont .benefitProdList .prodCont .inner {
	display: table;
	table-layout: fixed;
	width: 100%
}

.benefitCont .benefitProdList .prodCont .inner .prodImg {
	display: table-cell;
	width: 20%
}

.benefitCont .benefitProdList .prodCont .inner .prodImg figure {
	min-height: auto;
	padding: 5px;
	background-size: 50% auto
}

.benefitCont .benefitProdList .prodCont .inner .prodInfo {
	display: table-cell;
	width: calc(80% - 48px);
	padding-left: 12px;
	vertical-align: middle;
	box-sizing: border-box
}

.benefitCont .benefitProdList .prodCont .inner .prodInfo .priceArea {
	margin-top: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.benefitCont .benefitProdList .prodCont .inner .prodInfo .priceArea .saleNum {
	color: #f42d10
}

.benefitCont .benefitProdList .prodCont .inner .prodInfo .priceArea .saleDollar {
	color: #373a3c
}

.benefitCont .benefitProdList .prodCont .inner .prodInfo .giftTxt {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.benefitCont .benefitProdList .prodCont .inner .prodInfo .giftDesc {
	display: block;
	margin-top: 2px;
	color: #373a3c;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.benefitCont .benefitProdList .prodCont .inner .prodBtns {
	display: table-cell;
	width: 48px;
	vertical-align: middle;
	text-align: center
}

.benefitCont .benefitProdList .prodCont~.prodCont {
	margin-top: 8px
}

.benefitCont #filterContents #prodStyle-Thumb1 li:nth-child(4) {
	margin-top: 40px
}

.bigBanner {
	position: relative
}

.bigBanner .son_img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-117%);
	z-index: 1;
	cursor: pointer
}

.bigBanner .inner a figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 280px
}

.bigBanner .inner a figure img {
	display: block;
	position: absolute;
	left: 50%;
	width: 1920px;
	margin-left: -960px
}

.bigBanner .inner figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 280px
}

.bigBanner .inner figure a img {
	display: block;
	position: absolute;
	left: 50%;
	width: 1920px;
	margin-left: -960px
}

.bigBanner .ab_box {
	position: absolute;
	width: 244px;
	height: 300px;
	top: -100px;
	left: 50%;
	transform: translateX(-117%);
	filter: blur(1px);
	cursor: pointer
}

.bigBanner .ab_box .menu {
	display: none
}

.bigBanner :root {
	--small-bp: 640px;
	--large-bp: 840px;
	--ui-opacity: 0.5;
	--ui-color: rgba(255, 255, 255, var(--ui-opacity));
	--font: "Russo One", Arial, sans-serif;
	--letter-spacing: 0.06em
}

.bigBanner .hide {
	opacity: 0;
	visibility: hidden
}

.bigBanner .remove {
	display: none !important
}

.bigBanner .container {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.bigBanner .loading-init {
	width: 100%;
	align-self: center;
	text-align: center;
	text-transform: uppercase
}

.bigBanner .loading-init__header {
	font-size: 2.2em
}

.bigBanner .loading-init__status {
	margin-top: 1em;
	font-size: .8em;
	opacity: .75
}

.bigBanner .stage-container {
	overflow: hidden;
	box-sizing: initial
}

@media(max-width: var(--large-bp)) {
	.bigBanner .stage-container {
		border: none;
		margin: 0
	}
}

.bigBanner .canvas-container {
	width: 100%;
	height: 100%;
	transition: filter .3s
}

.bigBanner .canvas-container canvas {
	position: absolute;
	mix-blend-mode: lighten;
	transform: translateZ(0);
	left: 0
}

.fullElemType {
	overflow: hidden;
	opacity: 0;
	height: 0
}

.fullElemType.show {
	opacity: 1;
	height: auto
}

.fullElemType .inner img {
	width: initial;
	max-width: 100%;
	height: initial;
	margin: 0 auto;
	border-radius: 0
}

.benefitWrap.i2303 {
	margin-top: 0 !important
}

.benefitWrap.i2303 .loginCase .txtPage {
	margin: 48px 0 32px;
	font-size: 3.2rem;
	font-weight: 700
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList {
	display: flex;
	justify-content: center;
	max-width: 1135px;
	margin: 0 auto
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg {
	width: 16.6666666667%;
	max-width: 170px;
	margin-right: 23px
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:last-child {
	margin-right: 0
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a figure {
	overflow: hidden;
	margin-bottom: 24px;
	border-radius: 60px
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a figure img {
	display: block;
	width: 100%
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 28px;
	font-size: 2rem;
	font-weight: 400;
	color: #1e2023
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg {
	padding: 30px 24px 17px;
	background: #f7f7fd;
	border-radius: 16px
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .mainBenefit_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 31px;
	font-size: 2rem;
	font-weight: 500
}

[lang=zh] .benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .mainBenefit_name {
	line-height: 34px;
	font-size: 2rem
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .subBenefit_name {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 8px 0 18px;
	height: 44px;
	line-height: 22px;
	font-size: 1.6rem;
	color: #6b6e73
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .subBenefit_name span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-weight: 400;
	text-wrap: balance;
	align-items: center
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a figure {
	margin: 0 auto 0;
	max-width: 100px
}

.benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a figure img {
	display: block;
	width: 100%
}

.benefitWrap.i2303.categoryAreaBox #filterWrap {
	position: fixed;
	z-index: 1000;
	display: none !important
}

.benefitWrap.i2303.categoryAreaBox #filterContents {
	padding-left: 0;
	margin-bottom: 0
}

.benefitWrap.i2303.categoryAreaBox #filterContents::after {
	display: none
}

.benefitWrap.i2303.categoryAreaBox #filterContents .imgList .benefit.col3>li {
	width: 25% !important
}

.benefitWrap.i2303.categoryAreaBox #filter {
	left: 0;
	width: auto;
	margin-left: 0 !important
}

.benefitWrap.i2303.categoryAreaBox #filter.opened #filterWrap {
	display: block !important;
	width: 320px;
	padding: 32px 24px 0;
	box-shadow: 6px 2px 10px 0px rgba(30, 32, 35, .1)
}

.benefitWrap.i2303.categoryAreaBox #filter.opened #filterWrap .close {
	display: block
}

.benefitWrap.i2303.categoryAreaBox #filter #btnFilter {
	display: block;
	left: 0;
	padding-top: 55px
}

.benefitWrap.i2303.categoryAreaBox .prodSorging {
	margin: 12px 0 4px
}

.benefitWrap.i2303 .benefitCont {
	margin-top: 72px
}

.benefitWrap.i2303 .benefitCont .front .side {
	max-width: 368px
}

.benefitWrap.i2303.subFixed .fixedWrap.fixed .fixTab::after {
	content: "";
	position: absolute;
	top: 56px;
	width: 100%;
	height: 1px;
	background-color: #eaeaea
}

.benefitWrap.i2303.subFixed .fixedWrap.fixed .fixTab .tabType01 {
	margin: 8px auto 0;
	max-width: 1520px
}

.benefitWrap.i2303.subFixed .fixedWrap.fixed .fixTab .tabType01 li.tabON {
	padding-bottom: 47px
}

.benefitWrap.i2303.subFixed .fixedWrap.fixed .fixTab .tabType01 li.tabON a {
	border-bottom: 2px solid #1e2023;
	background-color: #fff;
	box-shadow: none;
	color: #6b6e73
}

.benefitWrap.i2303.subFixed .fixedWrap.fixed .fixTab .tabType01 li a {
	border: none;
	border-radius: 0
}

.benefitWrap.i2303.subFixed .fixedWrap.fixed~div#filterContents {
	margin-top: 142px
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList {
	margin-top: 0
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .typeBannerA a figure .badge {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 1;
	width: 60px;
	height: 60px;
	padding: 14px 0 12px;
	border-radius: 50%;
	text-align: center;
	line-height: 1.31;
	color: #fff;
	font-size: 1.3rem;
	background: linear-gradient(219deg, #fe4c99 16%, #ff7833 71%);
	box-sizing: border-box;
	box-shadow: 0 4px 8px 0 rgba(227, 104, 92, .3)
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .typeBannerA a figure .badge.review {
	background: linear-gradient(147deg, #212b36 34%, #6b7c8a 117%);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .typeBannerA .subTit {
	margin-top: 12px;
	color: #fff
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .eventInfo {
	display: flex;
	align-items: center;
	padding-top: 8px
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .eventInfo .dayBenefits {
	display: inline-block;
	width: 39px;
	padding: 1px 8px 1px;
	margin-right: 8px;
	border-radius: 4px;
	text-align: center;
	line-height: 18px;
	font-size: 1.3rem;
	background-color: #ffecf3;
	color: #d20055
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .eventInfo .winnerBenefits {
	display: inline-block;
	width: 84px;
	padding: 1px 8px 1px;
	margin-right: 8px;
	border-radius: 4px;
	text-align: center;
	line-height: 18px;
	letter-spacing: -0.1em;
	font-size: 1.3rem;
	background-color: #ebedf2;
	color: #525f6f
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .eventInfo .date {
	line-height: 20px;
	color: #8b8f94
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .eventInfo .icoArea {
	top: 3px;
	right: 8px
}

.benefitWrap.i2303 .benefitCont .imgList .bannerList li .typeBlack .subTit {
	margin-top: 12px;
	color: #1e2023 !important
}

.benefitWrap.i2303 .benefitCont .front {
	position: relative;
	height: 48px;
	text-align: center
}

.benefitWrap.i2303 .benefitCont .front .side {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 368px
}

.benefitWrap.i2303 .benefitCont .front .side .frmSearch {
	width: 100%
}

.benefitWrap.i2303 .benefitCont .front .side .frmSearch input[type=text] {
	width: 100%
}

.benefitWrap.i2303 .benefitCont .front .side .frmSearch input[type=text]::placeholder {
	letter-spacing: .02em;
	font-size: 1.5rem;
	font-weight: 400;
	color: #b9bcc0
}

.benefitWrap.i2303 .benefitCont .front .side .frmSearch input[type=text]~button {
	background: rgba(0, 0, 0, 0)
}

.benefitWrap.i2303 .benefitCont .tabType01 {
	margin-bottom: 20px;
	margin-top: 40px
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub.tabON {
	padding-bottom: 52px
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab {
	border: 0;
	text-align: left
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox {
	display: flex
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox .frmList {
	padding: 12.5px 0 13.5px
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox .frmList .frmSel {
	margin-left: 32px
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox .frmList .frmSel:first-child {
	margin-left: 0
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox .frmList .frmSel.frmSmall label {
	padding: 0 0 0 28px;
	line-height: 23px;
	font-size: 1.5rem;
	color: #5a5f64
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox .btnRefresh {
	position: relative;
	margin-left: 32px;
	padding: 12.5px 20px 13.5px 0;
	line-height: 23px;
	font-size: 1.5rem;
	color: #373a3c
}

.benefitWrap.i2303 .benefitCont .tabType01>.tabSub .subTab .subFlexbox .btnRefresh::after {
	content: "";
	position: absolute;
	top: 48%;
	right: 0;
	width: 14px;
	height: 14px;
	margin-top: -6px;
	background: url(/fo/images/common/ico_refresh_black.svg) no-repeat;
	background-size: cover
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab {
	position: fixed;
	left: 0;
	top: 72px;
	width: 100%;
	margin: 0;
	z-index: 2100;
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1)
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 {
	margin: 8px auto 0;
	max-width: 1680px;
	padding: 0 80px
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 li.tabON a {
	border-bottom: 2px solid #1e2023;
	background-color: #fff;
	box-shadow: none;
	color: #6b6e73
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 li a {
	border: none;
	border-radius: 0
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 li .subTab {
	padding: 0 80px
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed+#filter #btnFilter {
	padding-top: 165px
}

.benefitWrap.i2303 .benefitCont .fixedWrap.fixed~#filterContents {
	margin-top: 89px
}

.benefitWrap.i2303 .listNum.prodSorging {
	margin-bottom: 4px
}

.benefitWrap.i2303 .listNum.prodSorging .totalNum {
	line-height: 47px;
	font-size: 1.5rem;
	color: #5a5f64
}

.benefitWrap.i2303 .listPaging {
	margin-top: 74px
}

.benefitWrap.i2303Cn .benefitCont .tabType01>.tabSub .subTab .subFlexbox .frmList .frmSel.frmSmall label::before {
	background-image: url(/fo/images/cmall/spr_formC.png) no-repeat
}

.benefitWrap.i2303Cn .benefitCont #filterContents .prodSorging .sortingList li label {
	padding: 0 8px
}

@media screen and (max-width: 1440px) {
	.benefitWrap.i2303.categoryAreaBox #filter #btnFilter {
		left: 0px
	}

	.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 {
		width: 1136px;
		padding: 0
	}

	.benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 li .subTab {
		padding: 0
	}
}

@media screen and (max-width: 1439px) {
	.benefitWrap.i2303.categoryAreaBox #filter #btnFilter {
		left: 0
	}
}

@media screen and (min-width: 1440px) {
	.benefitWrap.i2303 .benefitCont .front .side {
		max-width: 284px
	}
}

@media screen and (min-width: 1903px) {
	.benefitWrap.i2303.categoryAreaBox #filterContents {
		padding-left: 0
	}
}

.categoryCont .contents.cbs .mytypeComponent {
	margin-bottom: 56px
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction {
	border: none
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl {
	position: relative;
	margin: 0;
	padding: 16px 0;
	border: none;
	color: #373a3c;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	background: none;
	opacity: 1;
	cursor: pointer
}

[lang=zh] .categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl {
	font-weight: 700
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	margin: 0;
	width: 11px;
	height: 7px;
	background: url(/fo/images/view/ico_accordian.png) no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl::before {
	display: none
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl.none::after,
.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl.none label:after {
	display: none
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep1>.toggleAction>.frmSel.ctrl[aria-expanded=true]::after {
	background-position: -11px 0
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep2 .toggleAction .frmSel.ctrl {
	margin: 0
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep2 .toggleAction .frmSel.ctrl label {
	height: 36px;
	padding: 0 11px;
	line-height: 36px;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 500;
	background: #f8fafc
}

[lang=zh] .categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep2 .toggleAction .frmSel.ctrl label {
	font-weight: 700
}

.categoryCont .contents.cbs #filter .filterCont.cbs .filterOption .toggleAction.cate .accordCont .filterCateDep2 .toggleAction .frmSel.ctrl label::after {
	display: none
}

.categoryCont .contents.cbs #filter .filterCont.cbs .accordianList {
	border: none
}

.categoryCont .contents.cbs .sortingList li label {
	padding: 0 8px
}

.categoryCont .contents.cbs .qnaListArea .btnArea button {
	width: 392px
}

.layPop .layCont .cbs .formList.inquireFormList .selectList .selectWrap #inp_branch-button::after {
	display: none
}

.layPop .layCont .cbs .formList.inquireFormList .orderProdSrch .orderList.inquireOrderList .orderListS li {
	width: 410px
}

.preview .liveUtil .like,
.preview .liveUtil .hit {
	display: none
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .priceWrap {
	display: block
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .priceWrap .txtLoginBefore {
	margin-bottom: 4px
}

.liveFlag {
	display: inline-block;
	height: 24px;
	padding: 0 12px;
	border-radius: 20px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 24px;
	color: #fff;
	font-weight: 500
}

[lang=zh] .liveFlag {
	font-weight: 700
}

.liveFlag.live {
	background: #ff5644
}

.liveFlag.preview {
	background: #00979f
}

.liveFlag.vod {
	background: #c95ed9
}

.liveFlag.time {
	background: #6b6e73
}

.liveUtil>span {
	display: inline-block;
	margin-right: 10px;
	padding-left: 20px;
	line-height: 25px;
	font-size: 1.5rem;
	font-weight: 500;
	background: url(/fo/images/view/liveUtil.png) no-repeat;
	height: 16px;
	line-height: 18px;
	background-position: 0 -5px
}

[lang=zh] .liveUtil>span {
	font-weight: 700
}

.liveUtil>span.hit {
	background-position: 0 -29px
}

.liveUtil>span.mapping {
	background-position: 0 -53px
}

.liveUtil>span~span {
	margin-right: 10px
}

.liveUtil .like {
	color: #4d6ee4
}

[lang=zh] .liveUtil .like {
	color: #fe324b
}

.liveUtil .heart {
	color: #ff5644;
	background-position: 0 -124px
}

.liveUtil .hit {
	color: #c95ed9;
	background-position: 0 -24px
}

.liveUtil .mapping {
	color: #5a5f64;
	background-position: 0 -48px
}

.relatedPord .prodCont {
	min-height: auto
}

.relatedPord .prodCont>a {
	position: relative;
	min-height: 96px;
	padding-left: 92px
}

.relatedPord .prodCont figure {
	position: absolute;
	top: 5px;
	left: 0;
	width: 80px;
	height: 80px;
	min-height: 80px;
	padding: 0;
	background-size: 80% auto
}

.relatedPord .prodCont .prodInfo {
	margin-top: 0
}

.relatedPord .prodCont .prodInfo .brandName {
	padding-top: 4px
}

.relatedPord .prodCont .priceArea {
	margin-top: 4px;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.relatedPord .prodCont .priceArea .saleNum {
	color: #f42d10
}

.relatedPord .prodCont .priceArea .saleDollar {
	color: #373a3c
}

.relatedPord .prodCont .priceArea .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.relatedPord .prodCont~.prodCont {
	margin-top: 2px
}

.wrapper.headFixed .liveCont {
	margin-top: 50px !important
}

.liveCont .titDep1 {
	margin-bottom: 17px;
	font-weight: 700
}

.liveCont .liveFlag {
	z-index: 1;
	position: absolute;
	top: 8px;
	right: 8px
}

.liveCont .liveUtil {
	margin-top: 17px
}

.liveCont .tabType06+.titDep2 {
	margin-top: 6px;
	margin-bottom: 28px
}

.liveCont .icoArea .hit {
	display: inline-block;
	height: 24px;
	margin-right: 10px;
	padding-left: 28px;
	line-height: 24px;
	color: #c95ed9;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500;
	background: url(/fo/images/view/ico_hit.png) no-repeat
}

[lang=zh] .liveCont .icoArea .hit {
	font-weight: 700
}

.liveCont .promotionTop {
	margin-top: 32px
}

.liveCont .titDep2 {
	margin: 96px 0 24px;
	padding: 0 80px;
	font-size: 3.2rem;
	line-height: 1.25;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.liveCont .titDep2~.liveFormat {
	margin-top: 0
}

.liveCont .titleArea {
	margin: 96px 0 24px;
	text-align: center
}

.liveCont .titleArea .titDep2 {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 80px;
	vertical-align: middle
}

.liveCont .titleArea .num {
	display: inline-block;
	position: relative;
	padding-left: 13px;
	margin-left: 12px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #6b6e73;
	vertical-align: middle
}

.liveCont .titleArea .num::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 20px;
	background: #dcdfe3
}

.liveCont .titleArea~.liveFormat {
	margin-top: 0
}

.liveCont .tabType06 {
	margin-bottom: 35px
}

.liveCont .imgList {
	margin-top: 48px
}

.liveCont .relatedPord {
	margin-top: 47px
}

.liveCont .latestLive {
	font-size: 0
}

.liveCont .latestLive .swiper-container {
	padding-bottom: 5px
}

.liveCont .latestLive .item {
	position: relative;
	height: 312px;
	padding: 0 24px 0 200px;
	text-align: left;
	box-sizing: border-box
}

.liveCont .latestLive .item .imgItem {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 176px;
	height: 312px;
	border-radius: 8px
}

.liveCont .latestLive .item .imgItem figure {
	display: block;
	height: 312px;
	background-size: cover
}

.liveCont .latestLive .item .imgItem.previewImg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 176px;
	height: 312px;
	background: rgba(0, 0, 0, .4)
}

.liveCont .latestLive .item .title {
	display: block;
	padding-top: 12px;
	color: #1e2023;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 68px
}

[lang=zh] .liveCont .latestLive .item .title {
	font-weight: 700
}

.liveCont .latestLive .item .onairInfo {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	transform: translateY(-50%)
}

.liveCont .latestLive .item .onairInfo .date {
	display: block;
	padding-top: 32px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	background: url(/fo/images/view/ico_clock_w.png) no-repeat 50% 0
}

.liveCont .latestLive .item .onairInfo .time {
	display: block;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286
}

.liveCont .latestLive .item .relatedPord .prodCont .priceArea {
	margin-top: 5px
}

.liveCont .latestLive .item .relatedPord .prodCont .priceArea .saleCont {
	margin-top: 0
}

.liveCont .latestLive .relatedPord {
	position: absolute;
	top: 82px;
	width: calc(100% - 212px)
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item {
	padding-right: 0
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .title {
	padding-top: 25px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .liveUtil {
	margin-top: 15px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .relatedPord {
	top: 101px;
	width: calc(100% - 224px);
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .relatedPord .prodCont>a:not(.viewMore) {
	min-height: 138px;
	padding-left: 140px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .relatedPord .prodCont>a:not(.viewMore) figure {
	top: 16px;
	left: 16px;
	width: 108px;
	height: 108px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .relatedPord .prodCont>a:not(.viewMore) .prodInfo .brandName {
	padding-top: 25px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .relatedPord .prodCont .viewMore {
	position: absolute;
	right: 15px;
	bottom: 15px;
	min-width: 40px;
	min-height: 0;
	height: 24px;
	padding: 0 10px;
	border-radius: 12px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	background: rgba(0, 0, 0, .3)
}

[lang=zh] .liveCont .latestLive.improve .swiper-wrapper .swiper-slide .item .relatedPord .prodCont .viewMore {
	font-weight: 700
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide:nth-child(even) {
	padding-left: 24px
}

.liveCont .latestLive.improve .swiper-wrapper .swiper-slide:nth-child(even) .relatedPord {
	width: calc(100% - 200px)
}

.liveCont .latestLive.improve~.titDep2.tcenter {
	margin: 70px 0 28px
}

.liveCont .liveFormat {
	position: relative;
	margin-top: 48px
}

.liveCont .liveFormat .txtLink {
	position: absolute;
	top: -50px;
	right: 0;
	font-size: 1.6rem;
	line-height: 1.5
}

.liveCont .liveFormat>ul {
	margin: 0 -8px;
	font-size: 0
}

.liveCont .liveFormat>ul>li {
	display: inline-block;
	position: relative;
	width: 25%;
	padding: 0 8px;
	vertical-align: top;
	box-sizing: border-box
}

.liveCont .liveFormat>ul>li:nth-child(5) {
	display: none
}

.liveCont .liveFormat>ul>li .imgItem {
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 8px
}

.liveCont .liveFormat>ul>li .imgItem .thum {
	overflow: hidden;
	height: 516px;
	border-radius: 8px 8px 8px 10px
}

.liveCont .liveFormat>ul>li .imgItem .thum video {
	width: 100%
}

.liveCont .liveFormat>ul>li:nth-child(4)~li {
	margin-top: 56px
}

.liveCont .liveFormat.listType>ul>li:nth-child(5) {
	display: inline-block
}

.liveCont .liveFormat .relatedPord {
	overflow: hidden;
	height: 72px;
	margin-top: -72px;
	border-radius: 0 0 8px 8px
}

.liveCont .liveFormat .relatedPord .prodCont {
	display: block;
	position: relative;
	min-height: 72px;
	padding: 16px 16px 0 16px;
	margin-left: 72px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .6)
}

.liveCont .liveFormat .relatedPord figure {
	position: absolute;
	top: 0;
	left: -72px;
	width: 72px;
	height: 72px;
	min-height: 72px;
	border-radius: 0
}

.liveCont .liveFormat .relatedPord .prodName {
	padding-right: 0;
	color: #dcdfe3;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 44px;
	line-height: 1.62;
	white-space: normal
}

.liveCont .liveFormat .relatedPord .priceArea {
	margin-top: -4px;
	color: #dcdfe3
}

.liveCont .liveFormat .relatedPord .priceArea .saleDollar {
	color: #fff
}

.liveCont .liveFormat .itemInfo {
	margin-top: 11px
}

.liveCont .liveFormat .itemInfo .prodName {
	display: block;
	padding-right: 35px;
	color: #6b6e73;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.45px
}

.liveCont .liveFormat.prevcast .videoPlayerAuto video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.liveCont .otWrap .timeTracker {
	display: inline-block;
	position: relative;
	width: 80px;
	padding: 36px 0;
	margin-top: -4px;
	vertical-align: top
}

.liveCont .otWrap .timeTracker .iScrollCont {
	overflow: hidden;
	height: 608px
}

.liveCont .otWrap .timeTracker .iScrollCont li~li {
	margin-top: 8px
}

.liveCont .otWrap .timeTracker .iScrollCont button {
	display: block;
	width: 80px;
	height: 80px;
	padding: 0 13px;
	border-radius: 8px;
	background: #f5f7fa;
	box-sizing: border-box
}

.liveCont .otWrap .timeTracker .iScrollCont button .date {
	display: inline-block;
	color: #373a3c;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	font-weight: 700
}

.liveCont .otWrap .timeTracker .iScrollCont button .day {
	display: inline-block;
	color: #373a3c;
	font-size: 1.2rem
}

.liveCont .otWrap .timeTracker .iScrollCont button .count {
	display: block;
	padding-top: 4px;
	border-top: 1px solid #dcdfe3;
	text-align: center;
	color: #8b8f94;
	font-size: 1.2rem
}

.liveCont .otWrap .timeTracker .iScrollCont button .count span {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.liveCont .otWrap .timeTracker .iScrollCont button.on {
	background-color: #4d6ee4
}

[lang=zh] .liveCont .otWrap .timeTracker .iScrollCont button.on {
	background-color: #fe324b
}

.liveCont .otWrap .timeTracker .iScrollCont button.on .date,
.liveCont .otWrap .timeTracker .iScrollCont button.on .day {
	color: #fff
}

.liveCont .otWrap .timeTracker .iScrollCont button.on .count {
	color: #e9ebfb;
	border-color: #778cea
}

[lang=zh] .liveCont .otWrap .timeTracker .iScrollCont button.on .count {
	color: #ffeef1
}

.liveCont .otWrap .timeTracker .scrollPrev {
	position: absolute;
	top: 0;
	width: 80px;
	height: 24px
}

.liveCont .otWrap .timeTracker .scrollPrev::before {
	content: "";
	position: absolute;
	top: 4px;
	left: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/arr_live.png) no-repeat
}

.liveCont .otWrap .timeTracker .scrollNext {
	position: absolute;
	bottom: 0;
	width: 80px;
	height: 24px
}

.liveCont .otWrap .timeTracker .scrollNext::before {
	content: "";
	position: absolute;
	top: 4px;
	left: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/arr_live.png) no-repeat 0 -16px
}

.liveCont .otWrap .timeTracker .currentY {
	display: none
}

.liveCont .otWrap .liveList {
	display: inline-block;
	width: calc(100% - 84px);
	padding-left: 125px;
	box-sizing: border-box
}

.liveCont .otWrap .liveList .liveItem {
	position: relative;
	height: 454px;
	padding: 33px 32px 32px 276px;
	border: 1px solid #eaeaea;
	border-radius: 16px
}

.liveCont .otWrap .liveList .liveItem .dateTime {
	position: absolute;
	top: 0;
	left: -94px;
	z-index: 10;
	width: 94px;
	padding-right: 16px;
	text-align: right;
	color: #b9bcc0;
	box-sizing: border-box
}

.liveCont .otWrap .liveList .liveItem .dateTime::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #b9bcc0
}

.liveCont .otWrap .liveList .liveItem .dateTime .date {
	display: block;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.liveCont .otWrap .liveList .liveItem .dateTime .time {
	display: block;
	margin-top: -5px;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

.liveCont .otWrap .liveList .liveItem .imgItem {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: 32px;
	left: 32px;
	width: 220px;
	height: 390px;
	border-radius: 8px
}

.liveCont .otWrap .liveList .liveItem .imgItem .thum {
	height: 390px
}

.liveCont .otWrap .liveList .liveItem .imgItem.dim::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.liveCont .otWrap .liveList .liveItem .frontArea {
	position: relative;
	padding-bottom: 17px;
	border-bottom: 1px solid #ebedf2
}

.liveCont .otWrap .liveList .liveItem .frontArea .title {
	display: block;
	width: 65%;
	color: #373a3c;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.liveCont .otWrap .liveList .liveItem .frontArea .liveUtil {
	position: absolute;
	right: 0;
	bottom: 14px
}

.liveCont .otWrap .liveList .liveItem .frontArea .liveUtil span {
	opacity: 0;
	margin: 0 10px 0 0
}

.liveCont .otWrap .liveList .liveItem .frontArea .liveUtil span.mapping {
	margin: 0
}

.liveCont .otWrap .liveList .liveItem .scrollArea {
	overflow-y: auto;
	height: 321px;
	margin: 16px -24px 0 0
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord {
	margin-top: 0;
	padding-right: 200px
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a {
	min-height: 96px;
	padding-left: 108px
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont figure {
	width: 96px;
	height: 96px;
	min-height: 96px
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont .prodInfo .brandName {
	padding-top: 12px
}

.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont~.prodCont {
	margin-top: 16px
}

.liveCont .otWrap .liveList .liveItem.now {
	border-color: #b9bcc0
}

.liveCont .otWrap .liveList .liveItem.now .dateTime .time {
	color: #4d6ee4
}

[lang=zh] .liveCont .otWrap .liveList .liveItem.now .dateTime .time {
	color: #fe324b
}

.liveCont .otWrap .liveList .liveItem.now .dateTime::before {
	background-color: #4d6ee4
}

[lang=zh] .liveCont .otWrap .liveList .liveItem.now .dateTime::before {
	background-color: #fe324b
}

.liveCont .otWrap .liveList .liveItem.now::after {
	background-color: #4d6ee4
}

[lang=zh] .liveCont .otWrap .liveList .liveItem.now::after {
	background-color: #fe324b
}

.liveCont .otWrap .liveList .liveItem.now~.liveItem .dateTime .time {
	color: #373a3c
}

.liveCont .otWrap .liveList .liveItem.now~.liveItem .dateTime::before {
	background: #373a3c
}

.liveCont .otWrap .liveList .liveItem.now~.liveItem::after {
	background: #373a3c
}

.liveCont .otWrap .liveList .liveItem::after {
	content: "";
	position: absolute;
	top: 10px;
	left: -91px;
	width: 2px;
	height: 484px;
	background: #eaeaea
}

.liveCont .otWrap .liveList .liveItem:only-child:after {
	display: block
}

.liveCont .otWrap .liveList .liveItem:not(:only-child):last-child:after {
	display: none
}

.liveCont .otWrap .liveList .liveItem~.liveItem {
	margin-top: 40px
}

.liveCont .otWrap .liveList .liveItem.livePreparing {
	padding: 0;
	border: 0;
	background: #f5f7fa
}

.liveCont .otWrap .liveList .liveItem.livePreparing .noData {
	padding-top: 235px
}

.liveCont .otWrap .liveList .liveItem.livePreparing .noData::before {
	top: 191px;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	background: url(/fo/images/view/no_live2.png) no-repeat
}

.liveCont .otWrap .liveList .liveItem.livePreparing .noData .txt {
	font-weight: 500
}

[lang=zh] .liveCont .otWrap .liveList .liveItem.livePreparing .noData .txt {
	font-weight: 700
}

.liveCont .otWrap .liveList .liveItem .btnLiveAlarm {
	position: absolute;
	left: 82px;
	top: 203px
}

.liveCont .otWrap .liveList .noData .txt {
	color: #373a3c;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

.liveCont .otWrap .liveList .noData::before {
	width: 56px;
	height: 56px;
	margin-left: -28px;
	background: url(/fo/images/view/no_live.png) no-repeat
}

.liveCont .previewArea:not(.vodType) .infoContent .frontArea .side {
	display: flex;
	align-items: center
}

.liveCont .previewArea:not(.vodType) .infoContent .frontArea .side .btnLive {
	margin-left: 28px
}

.liveCont .previewArea .liveFlag {
	display: inline-block;
	position: static
}

.liveCont .previewArea .visualArea {
	overflow: hidden;
	position: relative;
	height: 440px;
	border-radius: 8px
}

.liveCont .previewArea .visualArea figure {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1520px;
	height: 440px;
	margin-left: -760px
}

.liveCont .previewArea .frontArea {
	position: relative;
	padding: 24px 0 16px;
	border-bottom: 1px solid #eaeaea
}

.liveCont .previewArea .frontArea .title {
	display: block;
	width: 60%;
	line-height: 56px;
	color: #373a3c;
	font-size: 28px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.liveCont .previewArea .frontArea .title span {
	line-height: 1;
	color: #4d6ee4;
	font-size: 2.8rem;
	font-weight: 700
}

.liveCont .previewArea .frontArea .icoArea .popWrap .icoShare:after {
	background-position: -24px -75px
}

.liveCont .previewArea .side {
	position: absolute;
	top: 25px;
	right: 0
}

.liveCont .previewArea .side .icoArea .hit {
	opacity: 0
}

.liveCont .previewArea .side .icoArea.preview .hit {
	display: none
}

.liveCont .previewArea .btnLive {
	display: inline-block;
	width: 280px;
	height: 56px;
	margin-left: 20px;
	border-radius: 4px;
	text-align: center;
	line-height: 56px;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	background: #fd438e;
	background: linear-gradient(249deg, #c95ed9 0%, #fd438e 100%)
}

.liveCont .previewArea .btnLive.btnLiveAlarm {
	width: 180px;
	background: #5070e5
}

.liveCont .previewArea .btnLive.btnLiveAlarm::after {
	display: none
}

.liveCont .previewArea .btnLiveAlarm.ing {
	background: #525f6f
}

.liveCont .previewArea::after {
	content: "";
	display: block;
	clear: both
}

.liveCont .previewArea .context .title {
	display: block;
	margin-top: 24px;
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.liveCont .previewArea .context .title .tEng {
	color: #6b6e73
}

.liveCont .previewArea .context .title~.title {
	margin-top: 32px
}

.liveCont .previewArea .context .text {
	margin-top: 12px
}

.liveCont .previewArea .context .dashType {
	margin-top: 12px
}

.liveCont .previewArea .context .dashType>li {
	position: relative;
	padding-left: 7px
}

.liveCont .previewArea .context .dashType>li::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 5px;
	height: 2px;
	background: #8b8f94
}

.liveCont .previewArea.vodType .liveArea {
	display: inline-block;
	width: 752px;
	margin-right: 45px
}

.liveCont .previewArea.vodType .infoContent {
	display: inline-block;
	width: calc(100% - 810px)
}

.liveCont .previewArea.vodType .frontArea {
	padding: 0 0 32px
}

.liveCont .previewArea.vodType .frontArea .title {
	display: block;
	width: 100%;
	line-height: 41px
}

.liveCont .previewArea.vodType .frontArea .title span {
	margin-right: 8px
}

.liveCont .previewArea.vodType .frontArea .side {
	position: static
}

.liveCont .previewArea.vodType .frontArea .side .icoArea {
	margin-top: 16px
}

.liveCont .previewArea.vodType .frontArea .side .btnSSG {
	display: block;
	margin: 32px 0 0
}

.liveCont .previewArea.vodType .frontArea .side .btnSSG.btnLiveAlarm.ing {
	background: #525f6f !important
}

.liveCont .btnLiveAlarm {
	opacity: .9;
	width: 120px;
	height: 48px;
	border-radius: 24px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.73;
	justify-content: center;
	align-items: center
}

.liveCont .btnLiveAlarm::after {
	content: "";
	z-index: -1;
	display: inline-block;
	opacity: .4;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 24px;
	background: #000;
	box-sizing: border-box
}

.liveCont .btnLiveAlarm.ing {
	opacity: .8
}

.liveCont .btnLiveAlarm.ing::after {
	border: 0;
	opacity: .6
}

.contents.liveCont.i20230110 .swiperWrap.latestLive.improve .item.preview:not(.typeBlack) .bannerTxt .onairInfo .date {
	background: url(/fo/images/view/ico_clock_w.png) no-repeat 0 0
}

#wrapper.mainWrapper .contents.liveView {
	margin-top: 0
}

.liveArea {
	display: inline-block;
	position: relative;
	width: calc(100% - 768px);
	height: 654px;
	border-radius: 8px;
	vertical-align: top;
	text-align: center;
	background: #000
}

.liveArea .drawArea {
	height: 100%
}

.liveArea .drawArea video {
	width: 100%;
	height: 100%
}

.liveArea .floating {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	padding: 24px;
	text-align: left;
	box-sizing: border-box
}

.liveArea .floating .title {
	display: block;
	margin-top: 4px;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.liveArea .vodControl {
	position: absolute;
	left: 16px;
	bottom: 16px
}

.liveArea .vodControl .chkSound input {
	position: absolute;
	opacity: 0
}

.liveArea .vodControl .chkSound input+label {
	display: block;
	width: 24px;
	height: 24px;
	background: url(/fo/images/view/ico_sound_off.png) no-repeat
}

.liveArea .vodControl .chkSound input:checked+label {
	background: url(/fo/images/view/ico_sound_on.png) no-repeat
}

.liveArea .dimmed {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999
}

.liveArea .ani {
	position: absolute;
	left: 50%;
	bottom: 80px;
	z-index: 100;
	width: 160px;
	height: 200px;
	margin-left: -80px
}

.floating .liveUtil {
	display: inline-block;
	margin: 0 0 0 10px
}

.liveView .frontArea {
	position: relative;
	height: 94px;
	padding: 40px 0 20px;
	box-sizing: border-box
}

.liveView .frontArea .titDep1 {
	font-size: 2.8rem;
	text-align: left;
	line-height: 40px;
	font-weight: 700
}

.liveView .frontArea .icoArea {
	position: absolute;
	top: 31px;
	right: 0
}

.liveView .frontArea .icoArea .chkFavo {
	width: 40px;
	height: 40px
}

.liveView .frontArea .icoArea .chkFavo.heart span {
	display: block;
	position: relative;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	font-size: 0;
	background: url(/fo/images/view/ico_heart_disabled.svg) no-repeat
}

.liveView .frontArea .icoArea .chkFavo.heart span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.liveView .frontArea .icoArea .chkFavo.heart.on span {
	background: none
}

.liveView .frontArea .icoArea .chkFavo.heart.on span::before {
	background: url(/fo/images/view/ico_heart_enabled.svg) no-repeat
}

.liveView .frontArea .icoArea input[type=checkbox]+label {
	width: 100%;
	height: 100%
}

.liveView .frontArea .icoArea input[type=checkbox]+label::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(/fo/images/view/ico_like_big.svg) no-repeat
}

.liveView .frontArea .icoArea input[type=checkbox]:checked+label:after {
	background-position: 0 -26px
}

.liveView .frontArea .icoArea .btIco.icoShare {
	width: 40px;
	height: 40px
}

.liveView .frontArea .icoArea .popWrap .popLayCont {
	top: 40px
}

.liveView .liveClose {
	position: absolute;
	top: 30px;
	right: -60px;
	width: 40px;
	height: 40px;
	background: url(/fo/images/view/live_close.png) no-repeat
}

.liveView .icoArea .popWrap .icoShare::after {
	background-position: -24px -75px
}

.liveView .icoArea .popWrap .icoShare[aria-expanded=true]:after {
	background-position: -321px -24px
}

.liveView .liveSection {
	height: 654px
}

.liveView .liveSection .context {
	display: inline-block;
	position: relative;
	width: 749px;
	height: 654px;
	margin-left: 13px;
	padding: 32px 0 32px 32px;
	border: 1px solid #b9bcc0;
	border-radius: 16px;
	box-sizing: border-box
}

.liveView .liveSection .context .tabType02 {
	margin: 0 0 24px -12px;
	text-align: left
}

.liveView .liveSection .context .tabType02>li:first-child a {
	padding: 0 18px 0 12px
}

.liveView .liveSection .context .tabType02>li a {
	padding: 0 18px;
	color: #5a5f64
}

.liveView .liveSection .context .tabType02>li.tabON a {
	color: #4d6ee4
}

[lang=zh] .liveView .liveSection .context .tabType02>li.tabON a {
	color: #fe324b
}

.liveView .liveSection .context .cout {
	padding-bottom: 8px;
	margin-right: 32px;
	border-bottom: 1px solid #ebedf2
}

.liveView .liveSection .context .cout>span {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	line-height: 24px;
	font-size: 1.3rem;
	font-weight: 500;
	background: url(/fo/images/view/liveUtil.png) no-repeat 0 -48px
}

[lang=zh] .liveView .liveSection .context .cout>span {
	font-weight: 700
}

.liveView .liveSection .context .cout>span.cpCount {
	background-position: 0 -72px
}

.liveView .liveSection .context .cout>span.ppCount {
	background-position: 0 -96px
}

.liveView .liveSection .context .noticeCont {
	overflow: auto;
	max-height: 537px;
	padding-top: 35px;
	color: #5a5f64;
	line-height: 1.53
}

.liveView .liveSection .context .noticeCont strong {
	display: block;
	color: #373a3c;
	font-size: 1.8rem
}

.liveView .liveSection .context .chatNotice {
	margin: -1px 32px 0 0;
	padding: 12px 28px 16px;
	border: 1px solid #ebedf2
}

.liveView .liveSection .context .chatNotice em {
	display: block;
	padding-left: 18px;
	margin-left: -18px;
	color: #4d6ee4;
	background: url(/fo/images/view/ico_notice.png) no-repeat 0 50%
}

[lang=zh] .liveView .liveSection .context .chatNotice em {
	color: #fe324b
}

.liveView .liveSection .context .scrollArea {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 537px;
	margin: 0
}

.liveView .liveSection .context .scrollArea.chat {
	height: 416px;
	margin-top: 24px
}

.liveView .liveSection .context .scrollArea.hasNotice {
	height: 320px
}

.liveView .liveSection .context .chatArea {
	padding-top: 4px
}

.liveView .liveSection .context .chatArea .chatBox {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.liveView .liveSection .context .chatArea .chatBox span {
	word-break: break-all
}

.liveView .liveSection .context .chatArea .chatBox .chatID {
	display: inline-block;
	margin-right: 8px;
	color: #9fa2a8
}

.liveView .liveSection .context .chatArea .chatBox~.chatBox {
	margin-top: 8px
}

.liveView .liveSection .context .chatArea .chatBox.manager {
	color: #4d6ee4
}

[lang=zh] .liveView .liveSection .context .chatArea .chatBox.manager {
	color: #fe324b
}

.liveView .liveSection .context .chatArea .chatBox.manager .chatID,
.liveView .liveSection .context .chatArea .chatBox.manager .chatBox {
	color: #4d6ee4
}

[lang=zh] .liveView .liveSection .context .chatArea .chatBox.manager .chatID,
[lang=zh] .liveView .liveSection .context .chatArea .chatBox.manager .chatBox {
	color: #fe324b
}

.liveView .liveSection .context .chatingArea {
	position: relative;
	height: 48px;
	margin: 16px 32px 0 0;
	padding-right: 50px;
	border-radius: 12px;
	background: #f8fafc
}

.liveView .liveSection .context .chatingArea textarea {
	height: 48px;
	min-height: 48px;
	padding: 12px;
	background: rgba(0, 0, 0, 0)
}

.liveView .liveSection .context .chatingArea .chatSubmit {
	position: absolute;
	top: 6px;
	right: 8px;
	width: 36px;
	height: 36px;
	background: url(/fo/images/view/ico_send.png) no-repeat
}

.liveView .liveSection.liveFull .liveArea {
	width: 100%
}

.liveView .saleCouponList {
	overflow: hidden;
	margin: 2px 16px 0 -16px
}

.liveView .saleCouponList::after {
	content: "";
	display: block;
	clear: both
}

.liveView .saleCouponList>li {
	float: left;
	width: 50%;
	padding: 12px 16px
}

.liveView .saleCouponList>li:first-child {
	padding-top: 12px
}

.liveView .saleCouponList>li+li {
	border-top: none
}

.liveView .saleCouponList .info {
	min-height: 103px;
	margin-top: 0
}

.liveView .saleCouponList .info .con {
	position: relative;
	padding: 15px 20px 10px 16px
}

.liveView .saleCouponList .info .con .date {
	display: block;
	margin-top: 0;
	color: #9fa2a8
}

.liveView .saleCouponList .info .con .title {
	display: block;
	margin-top: 5px;
	color: #373a3c
}

.liveView .saleCouponList .info .con .txt {
	max-width: 215px;
	line-height: 1.8;
	color: #6b6e73;
	font-size: 1.3rem;
	font-weight: 400;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.liveView .saleCouponList .info .ico {
	width: 72px
}

.liveView .allDown {
	position: absolute;
	top: 24px;
	right: 32px
}

.liveView .relatedPord {
	overflow: hidden;
	padding-top: 14px
}

.liveView .relatedPord .prodCont {
	display: inline-block;
	width: 328px
}

.liveView .relatedPord .prodCont:nth-child(even) {
	margin-left: 30px
}

.liveView .relatedPord .prodCont:nth-child(-n+2) {
	margin-top: 0
}

.liveView .relatedPord .prodCont .optionBtns {
	height: 80px;
	margin-top: -80px;
	padding-top: 16px;
	background: rgba(255, 255, 255, .6);
	box-sizing: border-box
}

.liveView .relatedPord .prodCont .optionBtns>button {
	margin: 0 2px;
	border-radius: 4px;
	background: rgba(30, 32, 35, .6)
}

.liveView .spotCoupon {
	position: absolute;
	top: calc(50% - 132px);
	left: calc(50% - 180px);
	z-index: 99999;
	width: 360px;
	height: 265px;
	padding: 32px 24px 0 24px;
	border-radius: 16px;
	background: #fff;
	box-sizing: border-box
}

.liveView .spotCoupon .btnArea {
	margin-top: 0;
	padding: 24px 0
}

.liveView .spotCoupon .btnArea>.btnSSG {
	min-width: 152px;
	font-size: 1.5rem
}

.liveView .liveCoupon {
	margin-top: 12px
}

.liveView .liveCoupon .info {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin-top: 8px;
	border: 1px solid #c7cdf6;
	border-radius: 8px
}

.liveView .liveCoupon .info span {
	display: table-cell;
	vertical-align: middle
}

.liveView .liveCoupon .info .con {
	position: relative;
	padding: 15px 20px 10px 16px;
	text-align: left
}

.liveView .liveCoupon .info .con .offerName {
	position: absolute;
	line-height: 18px;
	color: #8b8f94;
	font-size: 1.3rem
}

.liveView .liveCoupon .info .con .date {
	display: block;
	margin-top: 0;
	text-align: right;
	color: #9fa2a8;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.liveView .liveCoupon .info .con .title {
	display: block;
	margin-top: 5px;
	color: #373a3c
}

.liveView .liveCoupon .info .con .txt {
	max-width: 215px;
	line-height: 1.8;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73;
	font-weight: 400;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.liveView .liveCoupon .info .ico {
	position: relative;
	width: 72px;
	background: #778cea
}

.liveView .liveCoupon .info .ico::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -2px;
	width: 2px;
	height: 100%;
	background: url(/fo/images/view/bg_coupon_ico01.png) repeat-y 0 0
}

.liveView .liveCoupon .info .ico::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	background: url(/fo/images/view/bg_coupon_ico02.png) no-repeat 0 0
}

.liveView .liveCoupon .bultType01 {
	margin-top: 8px
}

.liveView .liveCoupon .bultType01 li {
	margin-top: 2px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #6b6e73
}

.liveView .liveReady {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	line-height: 654px;
	color: #fff;
	font-size: 1.8rem;
	background: #000
}

.liveView .noData .txt {
	color: #373a3c;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

.liveView .noData::before {
	width: 56px;
	height: 56px;
	margin-left: -28px;
	background: url(/fo/images/view/no_live.png) no-repeat
}

.liveView .noData .btnArea {
	margin-top: 40px
}

.liveView .noData .btnArea>button {
	min-width: 220px;
	font-size: 1.5rem
}

.i20230110.liveCont .scrollArea .relatedPord .prodCont .priceArea .saleCont {
	margin-top: 0
}

.i20230110.liveCont .typeWhite .liveTit,
.i20230110.liveCont .typeWhite .onairInfo {
	color: #fff !important
}

.i20230110.liveCont .typeWhite .bannerTxt .inner .onairInfo .date {
	background: url(/fo/images/view/ico_clock_L.svg) no-repeat 0 0
}

.i20230110.liveCont .typeBlack .liveTit,
.i20230110.liveCont .typeBlack .onairInfo {
	color: #1e2023 !important
}

.i20230110.liveCont .typeBlack .bannerTxt .inner .onairInfo .date {
	background: url(/fo/images/view/ico_clock_L_black.svg) no-repeat 0 0
}

.i20230110.liveCont .imgItem>.slideTxtBox:first-child {
	position: unset
}

.i20230110.liveCont .imgItem>.slideTxtBox:first-child::after {
	position: unset
}

.i20230110.liveCont .imgItem>.slideTxtBox:first-child .slideTxt {
	position: unset
}

.i20230110.liveCont .slideTxtBox {
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	box-sizing: border-box
}

.i20230110.liveCont .slideTxtBox::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-image: linear-gradient(to right, #c95ed9, rgba(215, 87, 196, 0) 28%, rgba(226, 81, 180, 0) 50%, rgba(243, 72, 157, 0) 73%, #fd438e)
}

.i20230110.liveCont .slideTxtBox .slideTxt {
	position: absolute;
	left: 0;
	top: 0;
	height: 50px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: linear-gradient(to right, #c95ed9, #fd438e)
}

.i20230110.liveCont .slideTxtBox .slideTxt ul {
	overflow: hidden;
	display: flex;
	width: 100%
}

.i20230110.liveCont .slideTxtBox .slideTxt ul li {
	line-height: 50px;
	animation-name: rightToLeft;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

.i20230110.liveCont .slideTxtBox .slideTxt ul li span {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	font-size: 1.8rem;
	white-space: nowrap
}

@keyframes rightToLeft {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-100%)
	}
}

.i20230110.liveCont .latestLive {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}

.i20230110.liveCont .latestLive.autoHeight .item .imgItem.previewImg::before {
	display: none
}

.i20230110.liveCont .latestLive.hasProd {
	border-radius: 8px
}

.i20230110.liveCont .latestLive.hasProd figure {
	border-radius: 8px
}

.i20230110.liveCont .latestLive .swiper-container {
	padding-bottom: 5px
}

.i20230110.liveCont .latestLive .item {
	position: relative;
	height: auto;
	padding: 0
}

.i20230110.liveCont .latestLive .item .imgItem {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 440px;
	border-radius: 8px
}

.i20230110.liveCont .latestLive .item .imgItem figure {
	width: 100%;
	height: 440px;
	background-size: cover
}

.i20230110.liveCont .latestLive .item .imgItem.previewImg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 176px;
	height: 312px;
	background: rgba(0, 0, 0, .4)
}

.i20230110.liveCont .latestLive .item .relatedPord {
	height: 160px
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .prodFlex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 120px
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .saleCont .saleNum b {
	font-weight: 700
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .saleCont .saleDollar {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .saleCont .saleWon {
	margin: 0;
	line-height: 23px;
	vertical-align: bottom;
	font-size: 1.3rem;
	font-weight: 400
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .priceArea {
	margin-top: 12px
}

.i20230110.liveCont .latestLive .item .relatedPord .prodCont .priceArea .txtLoginBefore {
	display: block;
	margin-bottom: 0
}

.i20230110.liveCont .latestLive .item .btnLiveAlarm {
	position: absolute;
	right: 24px;
	top: 24px
}

.i20230110.liveCont .latestLive .relatedPord {
	position: relative;
	top: 0;
	width: 100%;
	height: 160px
}

.i20230110.liveCont .latestLive .relatedPord .optionCont {
	display: flex;
	margin-top: 10px
}

.i20230110.liveCont .latestLive .relatedPord .optionCont .list {
	display: flex
}

.i20230110.liveCont .latestLive .relatedPord .optionCont .list span {
	width: 12px;
	height: 12px;
	margin-right: 4px;
	border-radius: 50%;
	font-size: 0
}

.i20230110.liveCont .latestLive .relatedPord .optionCont .optionMore {
	display: block;
	position: relative;
	width: 10px;
	height: 10px;
	margin: 1px 0 0;
	padding: 0;
	font-size: 0
}

.i20230110.liveCont .latestLive .relatedPord .optionCont .optionMore::before,
.i20230110.liveCont .latestLive .relatedPord .optionCont .optionMore::after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 1px;
	background: #b9bcc0
}

.i20230110.liveCont .latestLive .relatedPord .optionCont .optionMore::before {
	left: 50%;
	top: 0;
	width: 2px;
	height: 10px;
	margin-left: -1px
}

.i20230110.liveCont .latestLive .relatedPord .optionCont .optionMore::after {
	left: 0;
	top: 50%;
	width: 10px;
	height: 2px;
	margin-top: -1px
}

.i20230110.liveCont .latestLive .relatedPord .prodInfo .brandName {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.i20230110.liveCont .latestLive .bannerTxt {
	display: table;
	table-layout: fixed;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 440px;
	text-align: left
}

.i20230110.liveCont .latestLive .bannerTxt .inner {
	display: table-cell;
	padding-left: 80px;
	vertical-align: middle
}

.i20230110.liveCont .latestLive .bannerTxt .inner .liveFlag {
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 19px
}

.i20230110.liveCont .latestLive .bannerTxt .inner .liveTit,
.i20230110.liveCont .latestLive .bannerTxt .inner .onairInfo {
	color: #fff
}

.i20230110.liveCont .latestLive .bannerTxt .inner .liveTit {
	line-height: 1.2;
	font-size: 4.4rem;
	font-weight: 700
}

.i20230110.liveCont .latestLive .bannerTxt .inner .onairInfo {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 16px;
	text-align: left;
	transform: none
}

.i20230110.liveCont .latestLive .bannerTxt .inner .onairInfo .date,
.i20230110.liveCont .latestLive .bannerTxt .inner .onairInfo .time {
	display: inline-block;
	line-height: 24px
}

.i20230110.liveCont .latestLive .bannerTxt .inner .onairInfo .date {
	padding: 0 0 0 36px;
	font-size: 1.8rem;
	background-size: 24px
}

.i20230110.liveCont .latestLive .bannerTxt .inner .onairInfo .time {
	margin-left: 8px;
	font-size: 2.4rem
}

.i20230110.liveCont .latestLive.swiperWrap .ts-prev,
.i20230110.liveCont .latestLive.swiperWrap .ts-next {
	top: 220px
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item {
	position: relative;
	padding-right: 0
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord {
	top: 0;
	width: 100%;
	margin-top: 0;
	padding: 0 148px 0 80px;
	border: none;
	border-radius: 0 0 8px 8px;
	background: #f5f7fa
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord ul {
	display: flex;
	align-items: center;
	justify-content: center
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .prodCont {
	min-width: 420px;
	margin: 20px 0 20px 16px
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .prodCont>a:not(.viewMore) {
	min-height: 120px;
	padding-left: 152px
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .prodCont>a:not(.viewMore) figure {
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	margin: 0 16px
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .prodCont>a:not(.viewMore) .prodInfo .brandName {
	padding-top: 4px
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .viewMore {
	display: block;
	position: absolute;
	right: 80px;
	top: 50%;
	width: auto;
	height: 54px;
	margin-top: -27px;
	padding: 0;
	border-radius: 0;
	text-align: center;
	color: #8b8f94;
	font-size: 1.5rem;
	font-weight: 500;
	background: #f5f7fa
}

[lang=zh] .i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .viewMore {
	font-weight: 700
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .viewMore::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 8px;
	background: url(/fo/images/view/ico_prdMore.svg)
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide:nth-child(even) {
	padding: 0
}

.i20230110.liveCont .latestLive .swiper-wrapper .swiper-slide:nth-child(even) .relatedPord {
	width: 100%
}

.i20230110.liveCont .liveFormat .txtLink {
	position: absolute;
	top: -56px;
	right: 0;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #373a3c
}

.i20230110.liveCont .liveFormat>ul>li {
	width: 20%
}

.i20230110.liveCont .liveFormat>ul>li:nth-child(5) {
	display: inline-block
}

.i20230110.liveCont .liveFormat>ul>li:nth-child(4)~li {
	margin-top: 0
}

.i20230110.liveCont .liveFormat>ul>li:nth-child(5)~li {
	margin-top: 60px
}

.i20230110.liveCont .liveFormat .itemInfo {
	margin-top: 12px
}

.i20230110.liveCont .liveFormat .itemInfo .brandName {
	line-height: 1.2;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.i20230110.liveCont .liveFormat .btnPlayStop button,
.i20230110.liveCont .liveFormat .btnSound button {
	font-size: 0
}

.i20230110.liveCont .liveFormat:not(.listType)>ul>li {
	width: 25%
}

.i20230110.liveCont .liveFormat:not(.listType)>ul>li:nth-child(n+5) {
	display: none
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo {
	margin-top: 18px
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem;
	color: #373a3c;
	font-weight: 700
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-top: 4px;
	line-height: 23px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.3rem
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.i20230110.liveCont .previewArea~.prodList .prodCont .prodFlag {
	margin: 12px 0 0
}

.i20230110.liveView .liveSection .context .tabType02 {
	margin-bottom: 24px
}

.i20230110.liveView .liveSection .context .tabType02>li a {
	font-size: 2rem
}

.i20230110.liveView .liveSection .context #liveTab03 .scrollArea {
	max-height: 544px;
	height: 356px
}

.i20230110.liveView .liveSection .context .cout {
	position: absolute;
	right: 32px;
	top: 40px;
	margin-right: 0;
	border-bottom: none
}

.i20230110.liveView .liveSection .context .noticeCont {
	padding: 24px 0 0;
	position: relative;
	overflow-x: hidden
}

.i20230110.liveView .liveSection .context .noticeCont::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 31px);
	height: 1px;
	background: #ebedf2
}

.i20230110.liveView .liveSection .context .chatNotice {
	border-radius: 4px
}

.i20230110.liveView .liveSection .context .chatNotice em {
	margin-bottom: 4px;
	line-height: 18px;
	font-size: 1.3rem
}

.i20230110.liveView .liveSection .context .chatNotice p {
	line-height: 17px;
	font-size: 1.3rem
}

.i20230110.liveView .liveSection .context .chatingArea {
	margin: 24px 32px 0 0
}

.i20230110.liveView .relatedPord {
	padding-top: 0
}

.i20230110.liveView .relatedPord .prodCont {
	padding: 24px 0;
	margin: 0
}

.i20230110.liveView .relatedPord .prodCont.soldOut>a::after {
	content: none
}

.i20230110.liveView .relatedPord .prodCont:nth-child(odd) {
	margin-right: 32px
}

.i20230110.liveView .relatedPord .prodCont:nth-child(odd)::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(200% + 32px);
	height: 1px;
	background: #ebedf2
}

.i20230110.liveView .relatedPord .prodCont:nth-child(even) {
	margin-left: 0
}

.i20230110.liveView .relatedPord .prodCont .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 2px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-top: 0;
	background: rgba(255, 255, 255, .7);
	box-sizing: border-box
}

.i20230110.liveView .relatedPord .prodCont .optionBtns>button {
	width: 48px;
	height: 48px;
	margin: 0 2px;
	border-radius: 4px;
	background: rgba(30, 32, 35, .6)
}

.i20230110.liveView .relatedPord .prodCont .optionBtns>button:hover {
	background: rgba(30, 32, 35, .9)
}

.i20230110.liveView .relatedPord .prodCont .optionBtns>button::after {
	opacity: 1
}

.i20230110.liveView .relatedPord .prodCont figure {
	top: 0;
	z-index: 105
}

.i20230110.liveView .relatedPord .prodCont .brandName {
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.i20230110.liveView .relatedPord .prodCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-top: 4px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	padding-right: 0
}

.i20230110.liveView .relatedPord .prodCont .priceArea {
	margin-top: 12px;
	line-height: 1.3;
	font-size: 1.5rem
}

.i20230110.liveView .relatedPord .prodCont .priceArea .txtLoginBefore {
	display: block
}

.i20230110.liveView .relatedPord .prodCont .priceArea .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-weight: 700
}

.i20230110.liveView .relatedPord .prodCont .priceArea .saleNum b {
	line-height: 23px;
	font-weight: 700
}

.i20230110.liveView .relatedPord .prodCont .priceArea .saleDollar {
	margin-right: 0;
	line-height: 23px;
	font-weight: 700
}

.i20230110.liveView .relatedPord .prodCont .priceArea .saleWon {
	line-height: 13px
}

.i20230110.liveView .relatedPord .prodCont .priceArea .priceWrap {
	display: block;
	line-height: 18px
}

.i20230110.liveView .relatedPord .prodCont .priceArea .priceWrap span,
.i20230110.liveView .relatedPord .prodCont .priceArea .priceWrap strong {
	display: inline-block
}

.i20230110.liveView .relatedPord .prodCont .priceArea .priceWrap .originPrice {
	line-height: 18px
}

.i20230110.liveView .relatedPord .prodCont .optionCont {
	display: flex;
	margin: 9.5px 0 0 92px
}

.i20230110.liveView .relatedPord .prodCont .optionMore {
	display: block;
	position: relative;
	margin: 1px 0 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	font-size: 0
}

.i20230110.liveView .relatedPord .prodCont .optionMore::before,
.i20230110.liveView .relatedPord .prodCont .optionMore::after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 1px;
	background: #b9bcc0
}

.i20230110.liveView .relatedPord .prodCont .optionMore::before {
	left: 50%;
	top: 0;
	width: 2px;
	height: 10px;
	margin-left: -1px
}

.i20230110.liveView .relatedPord .prodCont .optionMore::after {
	left: 0;
	top: 50%;
	width: 10px;
	height: 2px;
	margin-top: -1px
}

.i20230110.liveView .relatedPord::after {
	content: "";
	display: block;
	clear: both
}

.i20230110.liveView .prodCont.prodSoldout figure,
.i20230110.liveView .prodCont.prodSoldout .prodInfo,
.i20230110.liveView .prodCont.prodSoldout .optionCont,
.i20230110.liveView .prodCont.prodSoldout .prodFlag {
	opacity: 1
}

@media screen and (min-width: 1663px) {
	.contents.liveCont.i20230110 .liveFormat:not(.listType)>ul>li {
		display: inline-block;
		width: 20%
	}

	.contents.liveCont.i20230110 .liveFormat:not(.listType)>ul>li:nth-child(n+6) {
		display: none
	}

	.liveView .liveClose {
		right: -60px
	}

	.mainFoot_emall .storeInfo {
		overflow: hidden;
		width: 100%;
		padding: 32px 0 0 24px
	}

	.mainFoot_emall .storeInfo h3 {
		float: none
	}

	.mainFoot_emall .storeInfo ul {
		float: none;
		width: 100%;
		margin: 20px 0 0 -16px
	}
}

@media screen and (min-width: 1903px) {
	.liveView .liveClose {
		right: -120px
	}
}

.layPop.liveAlertPop {
	min-height: 288px
}

.layPop.liveAlertPop .titLay {
	position: relative;
	padding: 96px 0 0;
	line-height: 1.4;
	border-bottom: none
}

.layPop.liveAlertPop .titLay+.btnArea {
	margin-top: 40px
}

.layPop.liveAlertPop .liveAlertAni.bellAction,
.layPop.liveAlertPop .liveAlertAni.bell {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 120px;
	height: 120px;
	margin: 0 auto
}

.layPop.liveAlertPop .liveAlertAni.confetti {
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	width: 360px;
	height: 288px;
	margin: 0 auto
}

.layPop.liveAlertPop .layCont {
	margin-top: 24px
}

.layPop.liveAlertPop.liveAlertComplete .titLay span {
	position: relative;
	z-index: 1
}

.layPop.liveAlertPop.liveAlertComplete .layCont {
	padding: 0
}

.layPop.liveAlertPop.liveAlertComplete .liveAlertAni.bell {
	z-index: 1
}

.layPop.liveAlertPop .liveTit {
	overflow: hidden;
	padding: 16px 24px;
	text-align: center;
	border-radius: 4px;
	color: #4d6ee4;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #f7f7fd
}

.layPop.liveAlertPop .usedInfoList {
	margin: 20px 0 24px;
	border: none
}

.layPop.liveAlertPop .usedInfoList .bultType01 {
	padding: 0
}

.layPop.liveAlertPop .usedInfoList .bultType01>li {
	margin-top: 5px;
	line-height: 1.6
}

.layPop.liveAlertPop .alertAgree {
	padding-top: 20px;
	border-top: 1px solid #eaeaea
}

.layPop.liveAlertPop .alertAgree .frmInp>label {
	width: 100%;
	height: 22px;
	line-height: 22px;
	color: #373a3c;
	font-size: 1.6rem;
	font-weight: 700
}

.layPop.liveAlertPop .alertAgree .frmInp .inpA {
	margin-top: 8px;
	width: 100%
}

.layPop.liveAlertPop .alertAgree .frmList {
	display: flex;
	margin: 14px 0 21px
}

.layPop.liveAlertPop .alertAgree .frmList li {
	width: 50%;
	margin-left: 0
}

.layPop.liveAlertPop .alertAgree .agreeList {
	margin-top: 10px;
	padding: 16px 0
}

.layPop.liveAlertPop .alertAgree .agreeList li {
	height: 24px;
	line-height: 100%
}

.layPop.liveAlertPop .alertAgree .agreeList .frmSel input {
	top: 50%;
	margin-top: -6.5px
}

.layPop.liveAlertPop .alertAgree .agreeList .frmSel label {
	padding: 0 0 0 32px;
	color: #1e2023;
	font-size: 1.6rem;
	font-weight: 500
}

[lang=zh] .layPop.liveAlertPop .alertAgree .agreeList .frmSel label {
	font-weight: 700
}

.layPop.liveAlertPop .alertAgree .agreeList .frmSel label::before {
	top: 50%;
	margin-top: -10.5px
}

.layPop .popAgreeInner>strong {
	line-height: 1.55;
	color: #373a3c;
	font-size: 1.8rem
}

.layPop .popAgreeInner .tblV {
	margin: 16px 0
}

.layPop .popAgreeInner .tblV tbody th,
.layPop .popAgreeInner .tblV tbody td {
	padding: 16px
}

.layPop .popAgreeInner .tblV tbody th {
	color: #5a5f64;
	background: #f5f7fa
}

.layPop .popAgreeInner .tblV tbody strong {
	display: inline-block;
	color: #4d6ee4;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .layPop .popAgreeInner .tblV tbody strong {
	font-weight: 700
}

.layPop .popAgreeInner .tblV tbody strong::after {
	content: "";
	display: block;
	margin-top: -3px;
	width: 100%;
	height: 1px;
	background: #4d6ee4
}

.layPop .popAgreeInner .notice {
	margin-bottom: 16px;
	color: #6b6e73
}

@media screen and (max-height: 800px) {
	.layPop.liveAlertPop .layCont {
		max-height: 374px !important
	}
}

.specialCont .listNum .totalNum {
	float: none;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -24px
}

.specialCont .listNum::after {
	content: "";
	display: block;
	clear: both
}

.specialCont .titDep1 {
	margin-bottom: 8px;
	font-size: 4rem;
	font-weight: 400
}

.specialCont .titDep2 {
	position: relative;
	text-align: center;
	font-size: 3.2rem
}

.specialCont .titDep2 .desc {
	position: relative;
	margin-left: 10px;
	padding-left: 12px;
	vertical-align: 3px;
	color: #6b6e73;
	font-size: 1.8rem;
	font-weight: 400
}

.specialCont .titDep2 .desc::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 1px;
	height: 20px;
	background: #dcdfe3
}

.specialCont .titDep2 .more {
	position: absolute;
	top: 0;
	right: 0
}

.specialCont .titDep2 .more a {
	font-size: 1.5rem
}

.specialCont .prodSwipe {
	margin-top: 0
}

.specialCont .prodSwipe.recommendBeautiSwipe {
	margin-bottom: 96px;
	padding-top: 12px
}

.specialCont .prodSwipe.recommendBeautiSwipe .prodList.prodThumb {
	margin: 0 -8px;
	font-size: 0
}

.specialCont .prodSwipe.recommendBeautiSwipe .prodList.prodThumb .prodCont {
	width: 25%;
	margin: 0;
	padding: 0 8px
}

.specialCont .prodSwipe.recommendBeautiSwipe .prodList.prodThumb .prodCont:nth-child(n+5) {
	display: none;
	margin-top: 0 !important
}

.specialCont .prodSwipe.recommendBeautiSwipe .prodList.prodThumb .prodCont .prodState.soldOut {
	margin-top: -15px
}

.specialCont .prodSwipe.recommendBeautiSwipe .tag {
	margin: 32px 0 8px -8px
}

.specialCont .prodSwipe.recommendBeautiSwipe .tag span {
	display: inline-block;
	height: 42px;
	margin: 0 0 8px 8px;
	padding: 0 12px;
	border-radius: 20px;
	border: 1px solid #eaeaea;
	line-height: 40px;
	text-align: center
}

.specialCont .prodSwipe.recommendBeautiSwipe .swiperWrap .ts-prev,
.specialCont .prodSwipe.recommendBeautiSwipe .swiperWrap .ts-next {
	top: 33%
}

.specialCont .prodSwipe .swiperWrap .ts-prev,
.specialCont .prodSwipe .swiperWrap .ts-next {
	top: 30%
}

.specialCont .titDep2 {
	margin-bottom: 24px;
	font-weight: 700
}

.specialCont .titDep2+.tabType04 {
	margin-top: -8px
}

.specialCont.specialMain .titDep2 {
	margin-top: 96px
}

.specialCont .tabMenrArea {
	position: relative;
	padding-bottom: 32px;
	text-align: center
}

.specialCont .tabMenrArea .tabType02 {
	display: inline-block;
	position: relative;
	margin-bottom: 0
}

.specialCont .tabMenrArea .tabType02>li {
	margin: 0 4px
}

.specialCont .tabMenrArea .tabType02>li a {
	color: #5a5f64;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 400
}

.specialCont .tabMenrArea .tabType02>li.tabON a {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .specialCont .tabMenrArea .tabType02>li.tabON a {
	color: #fe324b
}

.specialCont .tabMenrArea .btnHover {
	overflow: visible;
	display: inline-block;
	position: relative;
	margin-left: 16px;
	padding-right: 26px;
	font-size: 2rem;
	line-height: 1.4
}

.specialCont .tabMenrArea .btnHover::before {
	content: "";
	position: absolute;
	top: 3px;
	right: 0;
	width: 21px;
	height: 21px;
	background: url(/fo/images/view/ico_hom_over.png) no-repeat 0 0
}

.specialCont .tabMenrArea .homeMenu {
	display: none;
	position: absolute;
	z-index: 1001;
	width: 100%;
	top: 42px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
}

.specialCont .tabMenrArea .homeMenu ul {
	display: inline-block;
	padding: 20px 0 32px;
	text-align: left
}

.specialCont .tabMenrArea .homeMenu ul li {
	display: inline-block;
	position: relative;
	padding: 0 12px;
	margin: 12px 12px 0 9px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.specialCont .tabMenrArea .homeMenu ul li::after {
	content: "";
	position: absolute;
	right: -12px;
	top: calc(50% - 8px);
	width: 1px;
	height: 16px;
	background: #dcdfe3
}

.specialCont .tabMenrArea .homeMenu ul li:last-child:after {
	display: none
}

.specialCont .tabMenrArea .homeMenu ul li a:hover {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .specialCont .tabMenrArea .homeMenu ul li a:hover {
	color: #fe324b
}

.specialCont .tabMenrArea.open .btnHover::before {
	background-position: 0 -21px
}

.specialCont .tabMenrArea.open .btnHover::after {
	content: "";
	position: absolute;
	left: 48px;
	bottom: -15px;
	z-index: 1002;
	width: 11px;
	height: 8px;
	background: url(/fo/images/view/bg_bollom.png) no-repeat
}

.specialCont .tabMenrArea.open .homeMenu {
	display: block
}

.specialCont .imgList>ul.keyword>li figure {
	background: none
}

.specialCont .prodCont .prodInfo {
	margin-top: 12px
}

.profileSwipe .ts-prev,
.profileSwipe .ts-next {
	top: 36%
}

.titDep2.titCase .tipArea {
	vertical-align: 2px
}

.titDep2.titCase .tipArea .tipCont {
	z-index: 9999;
	text-align: left
}

.moreWrap {
	position: relative
}

.moreWrap.case ol.prodList .prodCont:before {
	display: none
}

.moreWrap .more {
	position: absolute;
	top: -84px;
	right: 0
}

.moreWrap .more a {
	font-size: 1.5rem
}

.moreWrap .imgList+.more {
	top: 5px
}

.moreWrap .prodCont .prodState.soldOut {
	margin-top: -16px
}

.moreWrap .todaySwipe .ts-prev,
.moreWrap .todaySwipe .ts-next {
	top: 37%
}

.beautyCont .moreWrap .more {
	top: -60px
}

.beautyCont .moreWrap .qtflexibleType .inner {
	display: block !important;
	overflow: hidden;
	position: relative;
	border-radius: 8px
}

.beautyCont .moreWrap .qtflexibleType .inner figure {
	display: block;
	width: 100%;
	aspect-ratio: 1/1
}

.beautyCont .moreWrap .qtflexibleType .inner figure a {
	display: block;
	width: 100%;
	height: 100%
}

.beautyCont .moreWrap .qtflexibleType .inner figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.beautyCont .moreWrap .qtflexibleType .inner figure .flag {
	left: 20px;
	top: 20px;
	font-size: 1.5rem;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: -0.3px
}

.beautyCont .moreWrap .qtflexibleType .inner .cont {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 81.5%)
}

.beautyCont .moreWrap .qtflexibleType .inner .cont .joinNum {
	width: fit-content;
	height: 24px;
	border-radius: 12px;
	line-height: 24px;
	font-size: 1.3rem;
	color: #000;
	font-weight: 700;
	background: #fff
}

.beautyCont .moreWrap .qtflexibleType .inner .cont .tit {
	font-size: 2.4rem;
	line-height: 140%
}

.beautyCont .moreWrap .qtflexibleType .inner .cont .date {
	font-weight: 400;
	opacity: .8
}

.beautyBanner {
	margin-top: 96px
}

.beautyBanner .controlBtn {
	padding-bottom: 0 !important
}

.profileBar {
	position: relative;
	min-height: 72px;
	margin-bottom: 12px;
	border-radius: 8px
}

.profileBar .profileLink {
	position: relative;
	padding: 22px 0 18px;
	text-align: center;
	color: #fff;
	font-size: 1.8rem
}

.profileBar .profileLink>a:before,
.profileBar .profileLink>a:after,
.profileBar .profileLink>span:before {
	content: "";
	display: inline-block;
	vertical-align: top
}

.profileBar .profileLink>a:before,
.profileBar .profileLink>span:before {
	margin-right: 8px;
	width: 28px;
	height: 28px
}

.profileBar .profileLink>a:after {
	width: 28px;
	height: 28px;
	background: url(/fo/images/common/ico_arr_white.png) 50% no-repeat
}

.profileBar.fashion {
	background: #36a0cf;
	background-image: linear-gradient(268deg, #36a0cf, #41d8be 99%)
}

.profileBar.fashion .profileLink a:before {
	background: url(/fo/images/view/ico_hanger.png) no-repeat
}

.profileBar.fashion dt:before {
	background: url(/fo/images/view/ico_hanger.png) no-repeat
}

.profileBar.fashion .fashion_recommend {
	width: calc(100% - 165px);
	min-height: 64px;
	border-right: 1px solid rgba(255, 255, 255, .2)
}

.profileBar.fashion .fashion_recommend .con {
	width: 100%
}

.profileBar.fashion .fashion_recommend .con>* {
	display: inline-block;
	vertical-align: middle
}

.profileBar.fashion .fashion_recommend .tit {
	position: relative;
	width: 20%;
	padding: 24px 0 18px 60px;
	color: #fff;
	font-size: 1.8rem
}

.profileBar.fashion .fashion_recommend .tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 24px;
	left: 24px;
	margin-right: 8px;
	width: 28px;
	height: 28px;
	background: url(/fo/images/view/ico_hanger.png) no-repeat
}

.profileBar.fashion .fashion_recommend .swipeMenu {
	width: 75%;
	margin-bottom: 0;
	border-top: 0
}

.profileBar.fashion .fashion_recommend .swipeMenu::before {
	display: none
}

.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap {
	padding: 0 30px 0 20px
}

.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap::before,
.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap::after,
.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap ul li~li:before {
	display: none
}

.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap>button {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	top: calc(50% - 18px);
	border: 1px solid #fff;
	background: url(/fo/images/view/ico_chevron_w.png) no-repeat 50%
}

.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap>button.scrollPrev {
	display: none
}

.profileBar.fashion .fashion_recommend .swipeMenu .iScrollWrap>button.scrollNext {
	right: -15px
}

.profileBar.fashion .fashion_recommend .swipeMenu .tabType04 {
	text-align: left
}

.profileBar.fashion .fashion_recommend .swipeMenu .tabType04>li {
	height: 40px;
	margin-top: 5px;
	padding: 0;
	text-align: center
}

.profileBar.fashion .fashion_recommend .swipeMenu .tabType04>li a {
	border: 1px solid rgba(255, 255, 255, .5);
	line-height: 38px;
	color: #fff;
	font-weight: 400;
	background: none
}

.profileBar.fashion .fashion_recommend .swipeMenu .tabType04>li.tabON::after {
	display: none
}

.profileBar.fashion .fashion_recommend .swipeMenu .tabType04>li.tabON a {
	color: #373a3c !important;
	font-weight: 500;
	background: #fff
}

[lang=zh] .profileBar.fashion .fashion_recommend .swipeMenu .tabType04>li.tabON a {
	font-weight: 700
}

.profileBar.beauty {
	background: #5d74d9;
	background: linear-gradient(268deg, #5d74d9, #f860b7 99%)
}

.profileBar.beauty .profileLink a:before,
.profileBar.beauty .profileLink span:before {
	background: url(/fo/images/view/ico_heart.png) no-repeat
}

.profileBar.beauty>dl {
	text-align: center
}

.profileBar.beauty>dl>* {
	display: inline-block;
	vertical-align: middle
}

.profileBar.beauty>dl dt:before {
	background: url(/fo/images/view/ico_heart.png) no-repeat
}

.profileBar.beauty>dl dd {
	padding: 20px 24px 16px
}

.profileBar.beauty .tagItem {
	color: #fff
}

.profileBar.beauty .tagItem~.tagItem {
	margin-left: 20px
}

.profileBar>dl {
	width: calc(100% - 165px);
	min-height: 64px;
	border-right: 1px solid rgba(255, 255, 255, .2)
}

.profileBar>dl>* {
	display: table-cell;
	vertical-align: middle
}

.profileBar>dl dt {
	padding: 24px 0 18px 24px;
	color: #fff;
	font-size: 1.8rem;
	white-space: nowrap
}

.profileBar>dl dt::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 8px;
	vertical-align: top
}

.profileBar>dl dd {
	padding: 16px 24px
}

.profileBar>dl dd .tabType04 {
	margin: -5px 0 0;
	text-align: left
}

.profileBar>dl dd .tabType04>li {
	margin-top: 5px
}

.profileBar>dl dd .tabType04>li a {
	min-width: auto;
	border: 1px solid rgba(255, 255, 255, .5);
	line-height: 38px;
	color: #fff;
	font-weight: 400;
	background: none
}

.profileBar>dl dd .tabType04>li.tabON a {
	color: #373a3c !important;
	font-weight: 500;
	background: #fff
}

[lang=zh] .profileBar>dl dd .tabType04>li.tabON a {
	font-weight: 700
}

.profileBar+.titDep2 {
	margin-top: 32px !important
}

.profileBar .btn {
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -11px;
	font-weight: 500;
	font-size: 1.5rem;
	color: #fff
}

[lang=zh] .profileBar .btn {
	font-weight: 700
}

.profileBar .btn a:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	vertical-align: -1px;
	background: url(/fo/images/common/ico_wh_refresh.png) no-repeat
}

.profileSwipe {
	margin-bottom: 50px
}

.beautyCont .tabType04 {
	margin-bottom: 32px
}

.beautyCont .tabType04>li {
	margin: 4px 2px
}

.beautyCont .tabType04 a {
	padding: 0 15px;
	min-width: 80px;
	background: none;
	border: 1px solid #eaeaea;
	font-weight: 400;
	line-height: 38px;
	color: #6b6e73
}

.beautyCont .tabType04 .tabON a {
	padding: 0 16px;
	border: none;
	line-height: 40px;
	color: #fff !important;
	font-weight: 500;
	background-color: #5d74d9;
	background: linear-gradient(244deg, #5d74d9 9%, #f860b7 88%)
}

[lang=zh] .beautyCont .tabType04 .tabON a {
	font-weight: 700
}

.prodList.prodThumb.prodRanking,
.prodList.prodThumb.prodReview {
	overflow: hidden;
	margin: 0 0 0 -16px;
	font-size: 0;
	white-space: nowrap
}

.prodList.prodThumb.prodRanking>li,
.prodList.prodThumb.prodReview>li {
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 8px
}

.prodList.prodThumb.prodRanking>li:first-child .prodCont:before,
.prodList.prodThumb.prodReview>li:first-child .prodCont:before {
	background-position: 0 0
}

.prodList.prodThumb.prodRanking .prodCont,
.prodList.prodThumb.prodReview .prodCont {
	overflow: hidden;
	width: 100% !important;
	margin: 0;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	text-align: center
}

.prodList.prodThumb.prodRanking .prodCont:hover,
.prodList.prodThumb.prodReview .prodCont:hover {
	border-color: #5a5f64
}

.prodList.prodThumb.prodRanking .prodCont:hover .optionBtns,
.prodList.prodThumb.prodReview .prodCont:hover .optionBtns {
	display: block;
	opacity: 1
}

.prodList.prodThumb.prodRanking .prodCont::before,
.prodList.prodThumb.prodReview .prodCont::before {
	left: 25px;
	width: 44px;
	height: 51px;
	line-height: 47px;
	font-size: 2rem;
	background: url(/fo/images/common/ico_ranking.png) -44px 0 no-repeat
}

.prodList.prodThumb.prodRanking .prodCont figure,
.prodList.prodThumb.prodReview .prodCont figure {
	border-radius: 8px 8px 0 0
}

.prodList.prodThumb.prodRanking .prodCont figure::after,
.prodList.prodThumb.prodReview .prodCont figure::after {
	background: none
}

.prodList.prodThumb.prodRanking .prodCont .chkFavo,
.prodList.prodThumb.prodReview .prodCont .chkFavo {
	position: absolute;
	top: 0;
	right: 8px
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo,
.prodList.prodThumb.prodReview .prodCont .prodInfo {
	margin-top: 15px;
	padding: 0 15px
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .brandName,
.prodList.prodThumb.prodRanking .prodCont .prodInfo .prodName,
.prodList.prodThumb.prodReview .prodCont .prodInfo .brandName,
.prodList.prodThumb.prodReview .prodCont .prodInfo .prodName {
	padding-right: 0;
	font-size: 1.5rem
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .prodName,
.prodList.prodThumb.prodReview .prodCont .prodInfo .prodName {
	color: #6b6e73
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea {
	height: 40px
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .originPrice,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .originPrice {
	line-height: 1.2;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	text-decoration: line-through
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap {
	display: block
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleNum,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleNum {
	margin-top: 0;
	color: #f42d10;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 700
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleNum::after,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleNum::after {
	content: none
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleDollar,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleDollar {
	display: inline-block;
	color: #373a3c;
	font-weight: 700
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleWon,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleWon {
	color: #6b6e73;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleWon,
[lang=zh] .prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleWon {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleWon b,
.prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleWon b {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	font-weight: 400
}

[lang=zh] .prodList.prodThumb.prodRanking .prodCont .prodInfo .priceArea .priceWrap .saleWon b,
[lang=zh] .prodList.prodThumb.prodReview .prodCont .prodInfo .priceArea .priceWrap .saleWon b {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.prodList.prodThumb.prodRanking .prodCont .optionBtns,
.prodList.prodThumb.prodReview .prodCont .optionBtns {
	position: absolute;
	top: 55%;
	left: 50%;
	margin: -24px 0 0 -54px
}

.prodList.prodThumb.prodReview .prodCont {
	margin: 0;
	padding: 0 0 36px
}

.beautyCont .prodList.prodThumb.prodReview .prodCont {
	aspect-ratio: 292/482
}

.prodList.prodThumb.prodReview .prodCont .prodState.soldOut {
	top: 30%
}

.prodList.prodThumb.prodReview .prodCont::before {
	display: none
}

.prodList.prodThumb.prodReview .prodCont .priceArea {
	height: 32px
}

.prodList.prodThumb.prodReview .prodCont .rating {
	margin-top: 20px
}

.prodList.prodThumb.prodReview .prodCont .rating em {
	display: block;
	margin-top: 5px;
	color: #6b6e73;
	font-size: 1.3rem;
	letter-spacing: 0
}

.prodList.prodThumb.prodReview .prodCont .optionBtns {
	top: 45%
}

.prodList.prodThumb.prodRanking .prodCont {
	padding: 0 0 68px
}

.prodList.prodThumb.prodRanking .prodCont .prodFlag {
	position: absolute;
	bottom: 32px;
	left: 0;
	width: 100%;
	margin: 0
}

.prodList.prodThumb.prodRanking .prodCont .prodFlag>span {
	margin: 0 2px
}

.prodCont .optionBtns.type02 {
	position: absolute;
	top: 46%;
	left: 50%;
	width: 116px;
	margin: -24px 0 0 -58px;
	background: none
}

.prodCont .optionBtns.type02:hover {
	background: none
}

.prodCont .optionBtns.type02 button {
	margin: 0 4px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .6)
}

.prodCont .optionBtns.type02 button:hover {
	background: #000
}

.prodCont .optionBtns.type02 button.icCart[aria-selected=true] .cartAni {
	display: none
}

.prodCont .optionBtns.type02 button.icRestock {
	margin: 0 auto
}

.quickFinder {
	text-align: center
}

.quickFinder>li {
	display: inline-block;
	margin: 0 15px
}

.quickFinder>li>a {
	display: block
}

.quickFinder>li>a:hover>figure {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2)
}

.quickFinder>li figure {
	overflow: hidden;
	position: relative;
	width: 132px;
	height: 132px;
	border-radius: 50%
}

.quickFinder>li figure::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3)
}

.quickFinder>li figure img {
	width: 100%
}

.quickFinder>li figure .txt {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	margin-top: -11px;
	color: #fff
}

.steadySeller .ie9 .swiper-slide {
	padding: 0 8px
}

.steadySeller .swiperWrap.swiperDivi {
	padding-bottom: 38px
}

.steadySeller .prodCont {
	padding-bottom: 133px;
	width: 100%;
	border: 1px solid #f7f7fd;
	border-radius: 8px;
	text-align: center;
	font-size: 1.5rem;
	background: rgba(12, 38, 159, .03)
}

.steadySeller .prodCont .badge {
	left: 0
}

.steadySeller .prodCont .prodState {
	top: 33%
}

.steadySeller .prodCont:hover {
	border: 1px solid #5a5f64;
	background: none
}

.steadySeller .prodCont:hover figure::after {
	background: none
}

.steadySeller .prodCont:hover .optionBtns {
	display: block;
	top: 55%;
	opacity: 1
}

.steadySeller .prodCont figure {
	border-radius: 8px 8px 0 0
}

.steadySeller .prodCont .chkFavo {
	float: none;
	position: absolute;
	top: 8px;
	right: 8px;
	margin: 0
}

.steadySeller .prodCont .prodInfo {
	margin-top: 0;
	padding: 0 15px
}

.steadySeller .prodCont .prodInfo .priceArea {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 42px
}

.steadySeller .prodCont .prodInfo .brandName {
	padding: 12px 0 0 0;
	font-size: 1.5rem
}

.steadySeller .prodCont .prodInfo .prodName {
	padding-right: 0;
	color: #6b6e73;
	font-size: 1.5rem
}

.steadySeller .prodCont .prodInfo .saleWon {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	font-size: 1.3rem !important
}

[lang=zh] .steadySeller .prodCont .prodInfo .saleWon {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.steadySeller .prodCont .prodFlag {
	position: absolute;
	bottom: 33px;
	left: 0;
	width: 100%
}

.steadySeller .prodCont .prodFlag>span {
	margin: 0 2px
}

.steadySeller .ts-prev,
.steadySeller .ts-next {
	top: 45%
}

.visualCont {
	padding-bottom: 38px
}

.visualCont .inner {
	display: table !important;
	width: 100%;
	background: #373a3c
}

.visualCont .inner>figure {
	display: table-cell;
	width: 65%
}

.visualCont .inner>figure img {
	width: 100%
}

.visualCont .inner>figure .flag {
	display: table;
	position: absolute;
	top: 24px;
	left: 24px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	line-height: 16px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 500;
	background: #fe4c99;
	background-image: linear-gradient(219deg, #fe4c99 16%, #ff7833 71%);
	letter-spacing: .05em
}

[lang=zh] .visualCont .inner>figure .flag {
	font-weight: 700
}

.visualCont .inner>figure .flag.finish {
	background: #707378
}

.visualCont .inner>figure .flag em {
	display: table-cell;
	vertical-align: middle
}

.visualCont .inner.w50 {
	table-layout: fixed
}

.visualCont .inner.w50 figure,
.visualCont .inner.w50 .cont {
	width: 50%
}

.visualCont .inner.w50 .cont .popLayCont {
	width: 370px;
	margin-left: -184px
}

.visualCont .cont {
	display: table-cell;
	padding: 30px 48px;
	text-align: center;
	vertical-align: middle;
	color: #fff
}

.visualCont .cont>*:not(.joinNum) {
	display: block
}

.visualCont .cont .joinNum {
	display: inline-block;
	width: auto;
	margin-bottom: 24px;
	padding: 0 8px;
	border-radius: 8px;
	line-height: 24px;
	color: #fff;
	font-weight: 400;
	font-size: 1.3rem;
	background: rgba(255, 255, 255, .1)
}

.visualCont .cont .rndLineBox {
	display: inline-block;
	margin-bottom: 32px;
	padding: 1px 8px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 8px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0
}

.visualCont .cont .brand {
	margin-bottom: 32px
}

.visualCont .cont .brand>a {
	display: inline-block
}

.visualCont .cont .brand figure {
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin-right: 12px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	vertical-align: middle;
	background: #f7f7fd
}

.visualCont .cont .brand figure img {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 18px;
	margin: -9px 0 0 -24px
}

.visualCont .cont .brand .txt {
	display: inline-block;
	vertical-align: -2px;
	color: #fff;
	font-weight: 500;
	font-size: 1.8rem
}

[lang=zh] .visualCont .cont .brand .txt {
	font-weight: 700
}

.visualCont .cont .brand .txt em {
	vertical-align: 2px;
	font-weight: 400;
	opacity: .7
}

.visualCont .cont .brand .txt em::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 17px;
	margin: 0 8px;
	vertical-align: -3px;
	background: #eaeaea
}

.visualCont .cont .tit {
	line-height: 1.31;
	font-weight: 500;
	font-size: 3.2rem
}

[lang=zh] .visualCont .cont .tit {
	font-weight: 700
}

.visualCont .cont .date {
	margin-top: 16px;
	font-size: 1.8rem;
	letter-spacing: 0
}

.visualCont .cont .icoArea {
	position: relative;
	margin-top: 40px
}

.visualCont .cont .icoArea .chkFavo {
	width: 32px;
	height: 32px;
	margin-right: 16px
}

.visualCont .cont .icoArea .popWrap {
	position: static
}

.visualCont .cont .icoArea .popShare .snsList {
	margin: -8px 0 0 -8px;
	white-space: initial
}

.visualCont .cont .icoArea .popShare .snsList>li {
	margin: 8px 0 0 8px
}

.visualCont .cont .icoArea .popLayCont {
	position: absolute;
	top: auto;
	bottom: 40px;
	left: 50%;
	width: 90%;
	max-width: 370px;
	margin: -84px 0 0 -45%
}

.visualCont .cont .icoArea .popLayCont::before {
	right: 50%;
	top: auto;
	bottom: -6px;
	margin-right: -21px;
	transform: rotate(180deg)
}

.visualCont .swiper-container {
	border-radius: 8px
}

.visualCont.ie9.swiperWrap .swiper-slide {
	padding: 0
}

.beautyMagazine,
.fashionMagazine {
	margin-bottom: 96px
}

.beautyMagazine+.sindySorting,
.fashionMagazine+.sindySorting {
	margin-top: -64px
}

.beautyMagazine .visualCont .cont,
.fashionMagazine .visualCont .cont {
	padding: 40px 48px;
	text-align: left
}

.beautyMagazine .visualCont .cont .tit,
.fashionMagazine .visualCont .cont .tit {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 82px;
	font-size: 3.2rem
}

.beautyMagazine .visualCont .cont .desc,
.fashionMagazine .visualCont .cont .desc {
	margin-top: 16px;
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 50px;
	opacity: .7
}

.beautyMagazine .swiperWrap,
.fashionMagazine .swiperWrap {
	padding-bottom: 0 !important
}

.beautyMagazine .swiper-pagination,
.fashionMagazine .swiper-pagination {
	top: 32px;
	left: auto;
	right: 32px;
	bottom: auto;
	width: auto;
	height: auto;
	color: #8b8f94;
	font-size: 1.8rem;
	background: none
}

.beautyMagazine .swiper-pagination .current,
.fashionMagazine .swiper-pagination .current {
	margin-right: 4px;
	color: #fff;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .beautyMagazine .swiper-pagination .current,
[lang=zh] .fashionMagazine .swiper-pagination .current {
	font-weight: 700
}

.beautyMagazine .swiper-pagination .total,
.fashionMagazine .swiper-pagination .total {
	margin-left: 4px
}

.visualBrand {
	position: relative;
	width: 100%;
	text-align: left;
	background: #373a3c
}

.visualBrand>figure {
	position: relative;
	width: 65%
}

.visualBrand>figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1)
}

.visualBrand>figure img {
	width: 100%
}

.visualBrand .cont {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%
}

.visualBrand .cont .inner {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%
}

.visualBrand .cont .logoArea {
	display: table-cell;
	width: 300px;
	text-align: center;
	vertical-align: middle
}

.visualBrand .cont .logoArea figure {
	position: relative;
	margin: 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #fff
}

.visualBrand .cont .logoArea figure img {
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	margin: auto;
	width: 56px;
	height: 21px
}

.visualBrand .cont .logoArea .name {
	display: block;
	margin-top: 16px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .visualBrand .cont .logoArea .name {
	font-weight: 700
}

.visualBrand .cont .logoArea .name em {
	display: inline-block;
	font-weight: 400;
	opacity: .9
}

.visualBrand .cont .logoArea .name em::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 17px;
	margin: 0 10px;
	vertical-align: -2px;
	background: rgba(255, 255, 255, .7)
}

.visualBrand .cont .logoArea.blackType .name,
.visualBrand .cont .logoArea.typeBlack .name {
	color: #373a3c
}

.visualBrand .cont .logoArea.blackType .name em:before,
.visualBrand .cont .logoArea.typeBlack .name em:before {
	background: rgba(55, 58, 60, .7)
}

.visualBrand .cont .prodArea {
	display: table-cell;
	padding: 0 44px 0 0;
	text-align: right;
	vertical-align: middle
}

.visualBrand .cont .prodArea .prodCont {
	overflow: hidden;
	display: inline-block;
	width: 272px;
	height: 362px;
	margin-left: 13px;
	text-align: left;
	background: #fff
}

.visualBrand .cont .prodArea .prodCont:hover .optionBtns {
	opacity: 1;
	display: flex;
	justify-content: center
}

.visualBrand .cont .prodArea .prodCont .prodState.soldOut {
	top: 38%
}

.visualBrand .cont .prodArea .prodCont .optionBtns.type02 {
	top: 55%;
	font-size: 0
}

.visualBrand .cont .prodArea .prodCont .optionBtns.type02 button {
	margin: 0 4px
}

.visualBrand .cont .prodArea .prodCont figure {
	min-height: auto;
	border-radius: 8px 8px 0 0
}

.visualBrand .cont .prodArea .prodCont figure::after {
	background: none
}

.visualBrand .cont .prodArea .prodCont .chkFavo {
	margin-top: 3px;
	margin-right: 10px
}

.visualBrand .cont .prodArea .prodCont .prodInfo {
	margin-top: 0;
	padding: 0 24px
}

.visualBrand .cont .prodArea .prodCont .prodName {
	width: calc(100% - 25px);
	color: #6b6e73;
	font-size: 1.5rem
}

.visualBrand .cont .prodArea .prodCont .priceArea {
	display: block;
	margin-top: 12px
}

.visualBrand .cont .prodArea .prodCont .priceArea .saleWon {
	font-size: 1.3rem;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	letter-spacing: 0
}

[lang=zh] .visualBrand .cont .prodArea .prodCont .priceArea .saleWon {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.visualBrand .cont .prodArea .prodCont:nth-child(3) {
	display: none
}

.fullBanner {
	position: relative;
	top: 0;
	left: 0;
	height: 588px;
	margin-top: 114px
}

.fullBanner .swiperWrap {
	z-index: 50;
	height: 100%;
	padding: 0
}

.fullBanner .ie9.swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
	height: 588px !important
}

.fullBanner .ts-paging {
	bottom: 40px;
	z-index: 10
}

.fullBanner .ts-paging .ts-paging-btn:after {
	background: rgba(255, 255, 255, .2)
}

.fullBanner .ts-paging .ts-paging-btn.ts-paging-active:after {
	background: #fff
}

.fullBanner .cont {
	position: relative;
	z-index: 20;
	width: 100%;
	height: 100%;
	padding-top: 56px;
	text-align: center
}

.fullBanner .cont .tit {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700
}

.fullBanner .cont .tit .desc {
	display: block;
	margin-top: 5px;
	color: rgba(255, 255, 255, .7);
	font-size: 1.8rem;
	font-weight: 400
}

.fullBanner .cont ul {
	min-width: 1136px;
	margin-top: 32px;
	text-align: center;
	white-space: nowrap
}

.fullBanner .cont ul li {
	display: inline-block;
	width: 560px;
	vertical-align: top
}

.fullBanner .cont ul li~li {
	margin-left: 16px
}

.fullBanner .cont ul li .videoPlayButton>a {
	border-radius: 0
}

.fullBanner .cont ul li .videoPlayButton::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(30, 32, 35, .3)
}

.fullBanner .cont ul li figure {
	position: relative;
	width: 100%;
	height: 298px;
	border-radius: 0
}

.fullBanner .cont ul li figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(30, 32, 35, .3)
}

.fullBanner .cont ul li .subTit {
	display: block;
	margin-top: 16px;
	font-size: 2rem;
	color: #fff
}

.fullBanner .bg {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	height: 588px;
	margin-left: -1400px
}

.fullBanner .bg img {
	max-width: 100%;
	height: 100%
}

.themeBanner {
	overflow: hidden;
	margin-bottom: 96px;
	border-radius: 8px
}

.themeBanner figure {
	position: relative
}

.themeBanner figure img {
	position: relative;
	left: 50%;
	margin-left: -760px
}

.themeBanner figure .cont {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.themeBanner figure .cont .inner {
	display: table-cell;
	vertical-align: middle
}

.themeBanner figure .cont .tag {
	display: block;
	color: #1e2023;
	font-weight: 500;
	font-size: 5.2rem
}

[lang=zh] .themeBanner figure .cont .tag {
	font-weight: 700
}

.themeBanner figure .cont .desc {
	display: block;
	color: #1e2023;
	font-size: 1.8rem;
	opacity: .8
}

.themeBanner figure .cont .date {
	display: inline-block;
	margin-top: 32px;
	padding: 0 16px;
	border-radius: 999px;
	line-height: 39px;
	color: #fff;
	background: rgba(30, 32, 35, .3)
}

.themeBanner figure .cont .date em {
	margin-left: 8px;
	letter-spacing: 0
}

.fashionCont .tabType04 {
	margin-bottom: 32px
}

.fashionCont .tabType04>li {
	margin: 0 2px
}

.fashionCont .tabType04 a {
	padding: 0 16px;
	border: 1px solid #eaeaea;
	line-height: 38px;
	color: #6b6e73;
	font-weight: 400;
	background: none
}

.fashionCont .tabType04 .tabON a {
	padding: 0 16px;
	border: none;
	line-height: 40px;
	color: #fff !important;
	font-weight: 500;
	background-color: #5d74d9;
	background: linear-gradient(244deg, #36a1cf 9%, #40d6be 88%)
}

[lang=zh] .fashionCont .tabType04 .tabON a {
	font-weight: 700
}

.swiperWrap .prodList.prodThumb li>.prodCont {
	width: 100%;
	margin: 0;
	padding: 0
}

.todaySale {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 99;
	width: 50px;
	height: 50px;
	padding-top: 15px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	background: url(/fo/images/view/ico_today_sale.png) no-repeat
}

.todaySale b {
	font-weight: 500;
	font-size: 2rem
}

[lang=zh] .todaySale b {
	font-weight: 700
}

.saleWrap .prodCont .todaySale {
	position: absolute;
	left: 16px;
	top: 0;
	width: 44px;
	height: 47px;
	padding: 0;
	border-radius: 3px;
	border-bottom-right-radius: 0;
	text-align: center;
	line-height: 2rem;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	background: rgba(252, 86, 68, .9);
	z-index: 12;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
	opacity: .9
}

.saleWrap .prodCont .todaySale b {
	vertical-align: middle;
	font-size: 1.8rem;
	line-height: 4rem;
	font-weight: 700
}

.saleWrap .prodCont .todaySale.nonMember b {
	font-size: 1.5rem;
	font-weight: 700
}

.saleWrap .todaysp {
	position: relative;
	margin-top: 80px
}

.saleWrap .todaysp .mTit.mtit_Cn span.timeInfo {
	padding-left: 16px;
	line-height: 40px;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: -0.56px;
	background: none;
	text-decoration: underline
}

[lang=zh] .saleWrap .todaysp .mTit.mtit_Cn span.timeInfo {
	font-weight: 700
}

.saleWrap .todaysp .txtLink {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 12px;
	padding-right: 18px;
	color: #5a5f64;
	font-size: 1.6rem;
	background: url(/fo/images/common/arr_link03.png) right 47% no-repeat
}

.fashionCont .prodCont .todaySale {
	position: absolute;
	left: 16px;
	top: 0;
	width: 44px;
	height: 47px;
	padding: 0;
	border-radius: 3px;
	border-bottom-right-radius: 0;
	text-align: center;
	line-height: 2rem;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	background: rgba(252, 86, 68, .9);
	z-index: 12;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
	opacity: .9
}

.fashionCont .prodCont .todaySale b {
	vertical-align: middle;
	font-size: 1.8rem;
	line-height: 4rem;
	font-weight: 700
}

.fashionCont .prodCont .todaySale.nonMember b {
	font-size: 1.5rem;
	font-weight: 700
}

.todaySwipe {
	padding-bottom: 44px !important
}

.todaySwipe .prodCont .chkFavo {
	margin-top: 6px
}

.todaySwipe .prodCont .prodInfo {
	margin-top: 12px
}

.todaySwipe .prodCont .prodInfo .brandName,
.todaySwipe .prodCont .prodInfo .prodName {
	font-size: 1.5rem
}

.todaySwipe .prodCont .priceArea {
	margin-top: 12px
}

.todaySwipe .prodCont .priceArea .saleCont .priceWrap {
	margin-bottom: 4px
}

.todaySwipe .prodCont .priceArea .saleCont .saleWon {
	font-size: 1.3rem
}

[lang=zh] .todaySwipe .prodCont {
	width: 100%
}

.todaySwipe .ts-paging {
	bottom: 2px
}

.swiperRoll .ts-prev,
.swiperRoll .ts-next {
	top: 45%
}

.fashionPick.ie9.swiperWrap .swiper-slide {
	padding: 0
}

.fashionPick .inner {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-radius: 8px;
	background: #f7f7fd
}

.fashionPick .inner>figure {
	display: table-cell;
	position: relative;
	width: 400px;
	vertical-align: middle
}

.fashionPick .inner>figure img {
	width: 100%
}

.fashionPick .inner>figure .guideTxt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 51px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	background: #36a1cf;
	background-image: linear-gradient(82deg, #40d6be 12%, #36a1cf 91%)
}

.fashionPick .cont {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.fashionPick .cont .titDep3 {
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 3.2rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fashionPick .cont .subTxt {
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 54px
}

.fashionPick .cont .swiperWrap {
	margin-bottom: 0;
	padding-bottom: 0
}

.fashionPick .cont .swiperWrap.ie9 .swiper-slide {
	margin-right: 16px
}

.fashionPick .cont .swiperWrap .swiper-container {
	width: 368px;
	margin: 24px auto 0;
	padding-bottom: 10px
}

.fashionPick .cont .swiper-slide {
	width: 176px !important;
	background: none
}

.fashionPick .cont .prodCont {
	width: 176px
}

.fashionPick .cont .prodCont figure {
	position: relative;
	width: 100%;
	min-height: 264px;
	padding: 0;
	padding-top: 100%
}

.fashionPick .cont .prodCont figure img {
	display: block;
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	width: 100%;
	height: auto;
	margin: auto
}

.fashionPick .cont .prodCont figure img+img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: none
}

.fashionPick .cont .prodCont .prodInfo {
	margin-top: 8px;
	text-align: center;
	color: #6b6e73
}

.fashionPick .cont .prodCont .prodInfo .brandName {
	padding-right: 0;
	color: #373a3c;
	font-size: 1.5rem
}

.fashionPick .cont .prodCont .prodInfo .prodName {
	margin-top: 3px;
	padding-right: 0;
	font-size: 1.5rem
}

.fashionPick .cont .prodCont .prodInfo .priceArea {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	letter-spacing: 0
}

.fashionPick .cont .prodCont .prodInfo .priceArea .saleCont {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.fashionPick .cont .prodCont .prodInfo .priceArea .saleCont .saleDollar {
	color: #373a3c
}

.fashionPick .cont .prodCont .prodInfo .priceArea .saleCont .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.fashionPick .cont .ts-controls {
	text-align: center
}

.fashionPick .cont .ts-controls * {
	vertical-align: top
}

.fashionPick .cont .ts-controls .ts-prev,
.fashionPick .cont .ts-controls .ts-next {
	display: inline-block;
	position: relative;
	top: auto;
	width: 40px;
	height: 40px;
	margin-top: 0;
	background: none
}

.fashionPick .cont .ts-controls .ts-prev::after,
.fashionPick .cont .ts-controls .ts-next::after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/order/spr_s_swiper.png) no-repeat
}

.fashionPick .cont .ts-controls .ts-prev.ts-next:after,
.fashionPick .cont .ts-controls .ts-next.ts-next:after {
	background-position: 100% 0
}

.fashionPick .cont .ts-controls .ts-paging {
	display: inline-block;
	position: relative;
	width: auto;
	margin-top: 15px
}

.fashionPick .swiper-pagination {
	top: 24px;
	right: 24px;
	left: auto;
	width: auto;
	height: auto;
	color: #8b8f94;
	font-size: 1.5rem;
	background: none
}

.fashionPick .swiper-pagination .current {
	margin-right: 4px;
	color: #373a3c;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .fashionPick .swiper-pagination .current {
	font-weight: 700
}

.fashionPick .swiper-pagination .total {
	margin-left: 4px
}

.fashionPickSub {
	overflow: hidden;
	margin: 33px 0 96px;
	border-radius: 8px;
	background: #f5f7fa
}

.fashionPickSub>figure {
	position: relative;
	height: 440px
}

.fashionPickSub>figure img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -760px
}

.fashionPickSub>figure .txtArea {
	display: table;
	position: absolute;
	top: 0;
	left: 8.5%;
	height: 100%
}

.fashionPickSub>figure .txtArea.whiteType,
.fashionPickSub>figure .txtArea.typeWhite {
	color: #fff
}

.fashionPickSub>figure .txtArea.blackType,
.fashionPickSub>figure .txtArea.typeBlack {
	color: #1e2023
}

.fashionPickSub>figure .txtArea .inner {
	display: table-cell;
	vertical-align: middle
}

.fashionPickSub>figure .txtArea strong {
	line-height: 1.33;
	font-weight: 500;
	font-size: 4.4rem
}

[lang=zh] .fashionPickSub>figure .txtArea strong {
	font-weight: 700
}

.fashionPickSub>figure .txtArea span {
	display: block;
	margin-top: 12px;
	font-size: 1.8rem;
	opacity: .8
}

.fashionPickSub .swiperWrap {
	margin-bottom: 0 !important;
	padding: 16px 160px
}

.fashionPickSub .swiperWrap .swiper-container .swiper-slide {
	justify-content: initial;
	background: none
}

.fashionPickSub .swiperWrap .swiper-container .prodCont {
	width: 100%;
	min-height: 120px
}

.fashionPickSub .swiperWrap .swiper-container figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	min-height: 120px;
	padding: 0;
	border-radius: 0;
	background-size: 80%
}

.fashionPickSub .swiperWrap .swiper-container figure img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	width: 90%;
	height: auto;
	margin: auto
}

.fashionPickSub .swiperWrap .swiper-container .chkFavo {
	margin-top: 6px
}

.fashionPickSub .swiperWrap .swiper-container .prodInfo {
	height: 110px;
	margin: 0;
	padding: 14px 0 0 96px
}

.fashionPickSub .swiperWrap .swiper-container .prodInfo>* {
	font-size: 1.5rem
}

.fashionPickSub .swiperWrap .swiper-container .priceArea {
	position: absolute;
	bottom: 0;
	left: 96px;
	height: 43px
}

.fashionPickSub .swiperWrap .swiper-container .priceArea .originPrice {
	margin-top: 9px
}

.fashionPickSub .swiperWrap .swiper-container .brandName,
.fashionPickSub .swiperWrap .swiper-container .prodName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fashionPickSub .swiperWrap .swiper-container .saleWon {
	font-size: 1.3rem !important
}

.fashionPickSub .swiperWrap .ts-next,
.fashionPickSub .swiperWrap .ts-prev {
	width: 64px;
	height: 64px;
	margin-top: -32px;
	border-radius: 0;
	background: none
}

.fashionPickSub .swiperWrap .ts-next::after,
.fashionPickSub .swiperWrap .ts-prev::after {
	content: "";
	width: 21px;
	height: 41px;
	margin: -20px 0 0 -10px;
	background: url(/fo/images/common/spr_swiper.png) -53px 0 no-repeat
}

.fashionPickSub .swiperWrap .ts-prev:after {
	transform: rotate(-180deg)
}

.shopByBrand .swiperWrap {
	padding: 0 146px
}

.shopByBrand .swiper-container {
	margin: 0 auto
}

.shopByBrand a {
	display: block;
	padding-bottom: 15px
}

.shopByBrand a:hover>figure {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2)
}

.shopByBrand figure {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 100%;
	border-radius: 50%
}

.shopByBrand figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.shopByBrand figure>img {
	width: 100%
}

.shopByBrand figure .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 160px;
	height: 60px;
	margin: -30px 0 0 -80px;
	text-align: center
}

.shopByBrand figure .logo img {
	width: 160px;
	height: 60px
}

.shopByBrand .ts-next,
.shopByBrand .ts-prev {
	width: 64px;
	height: 64px;
	margin-top: -40px;
	border-radius: 0;
	background: none
}

.shopByBrand .ts-next::after,
.shopByBrand .ts-prev::after {
	content: "";
	width: 21px;
	height: 41px;
	margin: -20px 0 0 -10px;
	background: url(/fo/images/common/spr_swiper.png) -53px 0 no-repeat
}

.shopByBrand .ts-prev:after {
	transform: rotate(-180deg)
}

.shopByBrand .btnArea {
	margin-top: 32px
}

.shopByBrand .btnArea button {
	width: 225px
}

.popularCtg {
	margin-top: 96px
}

.popularCtg .txtSort {
	margin: 0 0 16px;
	text-align: center;
	color: #1e2023;
	font-size: 3.2rem;
	line-height: 1.25;
	font-weight: 700
}

.popularCtg .txtSort .selectWrap~.selectWrap {
	margin: 0 8px
}

.popularCtg .txtSort .ui-selectmenu-menu {
	border-color: #a0adf0
}

.popularCtg .txtSort .ui-selectmenu-menu.ui-selectmenu-open {
	border-top: 1px solid #a0adf0
}

.popularCtg .txtSort .ui-selectmenu-button {
	border: 0;
	background: rgba(0, 0, 0, 0)
}

.popularCtg .txtSort .ui-selectmenu-button span {
	padding: 0 24px 0 0
}

.popularCtg .txtSort .ui-selectmenu-button.ui-selectmenu-ope {
	border-top: 1px solid #a0adf0
}

.popularCtg .txtSort .ui-selectmenu-button::after {
	right: 0;
	width: 16px;
	height: 16px;
	background: url(/fo/images/common/ico_select_big.png) no-repeat 0 0
}

.popularCtg .txtSort .ui-selectmenu-button.ui-selectmenu-button-open::after {
	background-position: 0 -16px
}

.popularCtg .txtSort .ui-selectmenu-text {
	color: #4d6ee4;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	font-weight: 700
}

[lang=zh] .popularCtg .txtSort .ui-selectmenu-text {
	color: #fe324b
}

.popularCtg .prodList.prodThumb {
	margin: -69px 0 0 -16px;
	font-size: 0
}

.popularCtg .prodList.prodThumb .prodCont {
	margin: 69px 0 0;
	padding: 0 0 0 16px
}

.popularCtg .prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 69px
}

.popularCtg .prodList.prodThumb .prodCont:nth-child(9),
.popularCtg .prodList.prodThumb .prodCont:nth-child(10) {
	display: none
}

.popularCtg .prodList.prodThumb .prodCont .prodInfo {
	margin-top: 12px
}

.popularCtg .prodList.prodThumb .prodCont .prodInfo .brandName,
.popularCtg .prodList.prodThumb .prodCont .prodInfo .prodName {
	font-size: 1.5rem
}

.popularCtg .prodList.prodThumb .prodCont .prodInfo .brandName {
	padding-right: 30px
}

.popularCtg .prodList.prodThumb .prodCont .chkFavo {
	margin-top: 7px
}

.popularCtg .prodList.prodThumb .prodCont .priceArea {
	margin-top: 12px
}

.popularCtg .prodList.prodThumb .prodCont .priceArea .saleCont .priceWrap {
	margin-bottom: 4px
}

.popularCtg .prodList.prodThumb .prodCont .priceArea .saleCont .saleWon {
	font-size: 1.3rem
}

.popularCtg .prodList.prodThumb .prodCont .optionCont {
	font-size: 1px
}

.popularCtg .btnArea {
	margin-top: 24px
}

.popularCtg .btnArea button {
	width: 225px
}

.ssgExclusive .newbrandSwipe .brandInfo {
	text-align: left
}

.ssgExclusive .newbrandSwipe .brandInfo figure {
	width: 73px;
	height: 110px
}

.ssgExclusive .newbrandSwipe .brandInfo figure img {
	width: 100%;
	height: auto
}

.ssgExclusive .newbrandSwipe .brandInfo figure .img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.ssgExclusive .newbrandSwipe .brandInfo .prodName {
	font-size: 1.5rem
}

.ssgExclusive .newbrandSwipe .brandInfo .priceArea .txtLoginBefore {
	padding-left: 15px
}

.ssgExclusive .newbrandSwipe .brandInfo .priceArea .saleDollar {
	font-size: 1.3rem
}

.ssgExclusive .newbrandSwipe .brandInfo .priceArea .saleWon {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0
}

[lang=zh] .ssgExclusive .newbrandSwipe .brandInfo .priceArea .saleWon {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.ssgExclusive .ts-prev,
.ssgExclusive .ts-next {
	top: 50%
}

.ssgExclusive .chkFavo.chkFavoL label:after {
	background-position: -52px 0
}

.ssgdfExclusive img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ssgdfExclusive .majorBrand {
	padding-bottom: 70px
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 {
	padding: 0 !important
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1.controlBtn .ts-prev,
.ssgdfExclusive .majorBrand #Exclusive1TabArea1.controlBtn .ts-next {
	margin-top: -32px
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox {
	display: flex
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg {
	overflow: hidden;
	position: relative;
	margin-right: 32px;
	border-radius: 8px
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg a {
	overflow: hidden;
	display: block;
	max-width: 650px;
	height: 100%
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg a .mainBrandTit {
	position: absolute;
	bottom: 24px;
	left: 0;
	text-align: left;
	width: 100%;
	padding: 0 30px;
	color: #fff;
	z-index: 5
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg a .mainBrandTit .mainBigT {
	font-size: 2.4rem;
	margin-bottom: 10px
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg a .mainBrandTit .mainSmallT {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.5rem
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 41.71%)
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandMainimg a figure {
	height: 100%
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg {
	display: flex;
	margin: 0
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont {
	text-align: left;
	width: 100%;
	margin: 0 17px 0 0;
	padding: 0;
	max-width: 268px;
	min-height: 100%
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont .prodState.adult {
	margin-top: calc(50% - 40px)
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a figure {
	max-height: 268px
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a .prodInfo {
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 109px;
	margin-top: 13px
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 46px;
	text-overflow: ellipsis;
	white-space: unset;
	font-size: 1.5rem;
	color: #6b6e73;
	line-height: 1.53
}

[lang=zh] .ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a .prodInfo .prodName {
	margin-bottom: 0
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea {
	margin: 8% 0 0
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont {
	margin: 0
}

.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont:last-child {
	margin-right: 0
}

.ssgdfExclusive .majorBrand .tabType04 li a {
	font-size: 1.3rem
}

.ssgdfExclusive .majorBrand .tabType04 li.tabON a {
	background: linear-gradient(244deg, #5d74d9 9%, #f860b7 88%)
}

.ssgdfExclusive .minorBrand {
	padding-top: 70px;
	margin-bottom: -90px;
	border-top: 1px solid #b9bcc0
}

.ssgdfExclusive .minorBrand .minorBrandList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -38px
}

.ssgdfExclusive .minorBrand .minorBrandList li {
	width: 20%;
	padding-left: 38px
}

.ssgdfExclusive .minorBrand .minorBrandList li a figure {
	overflow: hidden;
	border-radius: 8px
}

.ssgdfExclusive .minorBrand .minorBrandList li a .brandInfo {
	margin-bottom: 38px
}

.ssgdfExclusive .minorBrand .minorBrandList li a .brandInfo .brandName {
	margin: 10px 0 5px;
	color: #1e2023;
	font-size: 2rem
}

.ssgdfExclusive .minorBrand .minorBrandList li a .brandInfo .brandDesc {
	overflow: hidden;
	display: -webkit-box;
	height: 46px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	color: #707378;
	line-height: 1.5333333333;
	font-size: 1.5rem
}

.pickCont {
	overflow: hidden;
	width: 100%;
	height: 754px;
	margin-top: 96px;
	border-radius: 8px;
	font-size: 0
}

.pickCont>figure {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 510px;
	height: 766px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%
}

.pickCont>figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.pickCont>figure img {
	width: 510px;
	height: 766px;
	margin: auto
}

.pickCont>figure .txtArea {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.pickCont>figure .txtArea.whiteType,
.pickCont>figure .txtArea.typeWhite {
	color: #fff
}

.pickCont>figure .txtArea.blackType,
.pickCont>figure .txtArea.typeBlack {
	color: #1e2023
}

.pickCont>figure .txtArea .inner {
	display: table-cell;
	vertical-align: middle
}

.pickCont>figure .txtArea strong {
	line-height: 1.33;
	font-weight: 500;
	font-size: 3.6rem
}

[lang=zh] .pickCont>figure .txtArea strong {
	font-weight: 700
}

.pickCont>figure .txtArea span {
	display: block;
	margin-top: 32px;
	font-size: 1.5rem;
	opacity: .8
}

.pickCont .prodArea {
	display: inline-block;
	width: calc(100% - 510px);
	vertical-align: top
}

.pickCont .prodArea .prodList {
	width: 100%;
	padding: 0 56px;
	font-size: 0
}

.pickCont .prodArea .prodList>.prodCont {
	display: inline-block;
	width: 33.3%;
	margin-top: 32px;
	padding: 0 4px;
	text-align: center
}

.pickCont .prodArea .prodList>.prodCont:nth-child(n+7) {
	display: none
}

.pickCont .prodArea .prodList>.prodCont>a {
	width: 176px;
	margin: 0 auto
}

.pickCont .prodArea .prodList>.prodCont figure {
	width: 100%;
	min-height: auto;
	height: 242px;
	padding: 0
}

.pickCont .prodArea .prodList>.prodCont figure img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	width: 100%;
	height: auto;
	margin: auto
}

.pickCont .prodArea .prodList>.prodCont .prodInfo {
	margin-top: 12px;
	text-align: left
}

.pickCont .prodArea .prodList>.prodCont .prodInfo>*,
.pickCont .prodArea .prodList>.prodCont .prodInfo .saleWon {
	font-size: 1.3rem
}

.pickCont .prodArea .prodList>.prodCont .prodInfo .brandName {
	padding-right: 30px
}

.pickCont .prodArea .prodList>.prodCont .chkFavo,
.pickCont .prodArea .prodList>.prodCont .priceArea {
	margin-top: 5px
}

.pickCont .prodArea .swiperWrap {
	margin-top: -32px;
	padding-bottom: 24px;
	border: 1px
}

.pickCont .prodArea .swiperWrap .swiper-container {
	height: 760px
}

.pickCont .prodArea .swiper-slide {
	background: none
}

.pickCont .prodArea .ts-paging {
	bottom: 0
}

.pickCont .prodArea .ts-prev,
.pickCont .prodArea .ts-next {
	top: auto;
	bottom: -14px;
	left: 50%;
	right: auto;
	margin: 0;
	margin-left: -80px;
	background: none;
	opacity: 1 !important;
	transition: initial;
	transform: initial
}

.pickCont .prodArea .ts-prev::after,
.pickCont .prodArea .ts-next::after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/order/spr_s_swiper.png) no-repeat
}

.pickCont .prodArea .ts-next {
	margin-left: 40px
}

.pickCont .prodArea .ts-next:after {
	background-position: right 0
}

.pickCont .prodArea .ts-prev,
.pickCont .prodArea .ts-next {
	opacity: 1
}

.pickCodiList {
	margin: 96px 0 0 -16px;
	font-size: 0
}

.pickCodiList+.fashionPick {
	margin-top: 96px
}

.pickCodiList>li {
	display: inline-block;
	padding-left: 16px;
	width: 33.3%;
	font-size: 1.5rem;
	vertical-align: top
}

.pickCodiList>li .tit {
	display: block;
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 2.4rem;
	color: #1e2023;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .pickCodiList>li .tit {
	font-weight: 700
}

.pickCodiList>li>figure {
	overflow: hidden;
	position: relative;
	border-radius: 8px
}

.pickCodiList>li>figure img {
	position: relative;
	z-index: 10;
	width: 100%
}

.pickCodiList>li>figure .img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	transform: translate(-50%, -50%)
}

.pickCodiList>li .btnMore {
	margin-top: 8px;
	padding: 0 12px
}

.pickCodiList>li .btnMore .toggleBtn {
	width: 100%
}

.pickCodiList>li .btnMore .toggleBtn:hover {
	background: none
}

.pickCodiList>li .btnMore .toggleBtn span {
	display: inline-block;
	position: relative;
	padding-right: 25px
}

.pickCodiList>li .btnMore .toggleBtn span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/mypage/ico_expand_more.png) no-repeat
}

.pickCodiList>li .btnMore .toggleBtn[aria-expanded=true]>span:after {
	background-position: 0 bottom
}

.pickCodiList>li ul li:nth-child(n+4),
.pickCodiList>li:nth-child(4) {
	display: none
}

.pickCodiList>li.all ul li:nth-child(n+4) {
	display: block
}

.pickCodiList .prodCont {
	min-height: 152px;
	padding: 16px 12px 16px 110px
}

.pickCodiList .prodCont~.prodCont {
	border-top: 1px solid #eaeaea
}

.pickCodiList .prodCont figure {
	position: absolute;
	top: 16px;
	left: 12px;
	width: 80px;
	min-height: 120px;
	padding: 0
}

.pickCodiList .prodCont figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pickCodiList .prodCont .chkFavo {
	margin-top: 7px
}

.pickCodiList .prodCont .prodInfo>* {
	font-size: 1.5rem !important
}

.pickCodiList .prodCont .prodInfo .saleCont .saleWon {
	font-size: 1.3rem
}

@keyframes rankingCateFadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.rankingCont .titDep1 {
	margin-bottom: 4px;
	font-weight: 700;
	font-size: 4rem
}

.rankingCont .titSub {
	margin-bottom: 21px;
	text-align: center;
	color: #6b6e73;
	font-size: 1.8rem
}

.rankingCont .titDep2 {
	text-align: center;
	color: #1e2023;
	font-weight: 700;
	font-size: 3.2rem
}

.rankingCont .titDep2 .tipArea.toggleLayer .tipCont .bultType01>li {
	text-align: left
}

.rankingCont .titDep3 {
	margin: 48px 0 24px;
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem
}

.rankingCont .titDep3~.titDep3 {
	margin-top: 80px
}

.rankingCont .rankingTab.tabType01>li.tabON.tabSub {
	padding-bottom: 62px
}

.rankingCont .rankingTab.tabType01>li .subTab .swipeMenu .iScrollWrap .tabBasic li {
	height: 48px;
	line-height: 48px
}

.rankingCont .rankingTab.tabType01>li .subTab .swipeMenu .iScrollWrap .tabBasic li a {
	line-height: 48px
}

.rankingCont .rankingTab.tabType01.tabThree .tabSub[data-category=CATEGORY]:not(.tabON) .subTab2 {
	display: none !important
}

.rankingCont .rankingTab.tabType01.tabThree .subTab.subTab2 {
	display: none
}

.rankingCont .rankingTab.tabType01.tabThree .subTab.subTab2 .swipeMenu {
	background: #f8fafc;
	opacity: 0
}

.rankingCont .rankingTab.tabType01.tabThree .subTab.subTab2.cateON {
	bottom: -51px;
	display: block
}

.rankingCont .rankingTab.tabType01.tabThree .subTab.subTab2.cateON .swipeMenu {
	animation: rankingCateFadeIn .15s forwards
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .listNum.prodSorging.chkOption {
	margin-top: 90px
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .clearanceSold {
	height: 50px
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .clearanceSold .side {
	display: flex;
	justify-content: space-between;
	height: 100%
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .clearanceSold .side .frmSel {
	margin-top: 8px
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .clearanceSold .side .clearanceRanking {
	position: relative;
	display: flex;
	width: 266px;
	height: 40px;
	padding: 0px 16px;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #dcdfe3;
	background: #f5f7fa
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .clearanceSold .side .clearanceRanking p {
	line-height: 26px;
	font-size: 1.7rem;
	font-weight: 700;
	color: #5a5f64
}

.rankingCont .rankingTab.tabType01.tabThree~#rankInfo .clearanceSold .side .clearanceRanking p::after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/grayRightArrow.svg) no-repeat;
	background-size: cover;
	transform: translateY(-50%)
}

.rankingCont .rankingTab.tabType01.tabThree.subTabOff .subTab.subTab2 {
	display: none
}

.rankingCont .rankingTab.tabType01.tabThree.subTabOff~#rankInfo .listNum.prodSorging.chkOption {
	margin-top: 53px
}

.rankingCont .rankingTotal .tabType06 {
	display: block;
	position: relative;
	margin-bottom: 0
}

.rankingCont .rankingTotal .tabType06::before {
	content: "";
	position: absolute;
	bottom: 0;
	z-index: 5;
	width: 100%;
	height: 1px;
	background: #1e2023
}

.rankingCont .rankingTotal .tabType06>li {
	display: block;
	float: left;
	width: 20%
}

.rankingCont .rankingTotal .tabType06>li a {
	margin-left: -1px;
	border-left: 1px solid #eaeaea;
	border-bottom: 0
}

.rankingCont .rankingTotal .tabType06>li:first-child a {
	margin-left: 0
}

.rankingCont .rankingTotal .tabType06>li.tabON {
	z-index: 5
}

.rankingCont .rankingTotal .tabType06>li.tabON a {
	border-color: #1e2023
}

.rankingCont .rankingTotal.case .tabType06>li {
	width: 25%
}

.rankingCont .rankingTotal .tabContentWrap {
	padding: 40px 0;
	border: 1px solid #1e2023;
	border-top: 0;
	border-radius: 0 0 8px 8px;
	text-align: center
}

.rankingCont .rankingTotal .tabContentWrap .titDep2 {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 3.2rem
}

.rankingCont .rankingTotal .tabContentWrap .subTxt {
	color: #6b6e73
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb {
	margin: 24px 0 0;
	font-size: 0
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont {
	margin: 0;
	padding: 0 8px;
	font-size: 1.5rem
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont::before {
	left: 8px;
	width: 40px;
	height: 45px;
	line-height: 42px;
	font-size: 2rem;
	background: url(/fo/images/common/spr_ico.png) -119px -75px no-repeat
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont:first-child::before {
	background-position: -77px -75px
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont:nth-child(4) {
	display: none
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont .prodInfo {
	margin-top: 16px
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont .prodName {
	color: #6b6e73
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont .review {
	margin-top: 12px
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont .review .star {
	vertical-align: middle
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont .review .num {
	display: inline-block;
	vertical-align: middle;
	color: #6b6e73
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand {
	margin: 0
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont {
	width: 25%;
	margin: 0;
	padding: 0 8px
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont:nth-child(4) {
	display: none
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont::before {
	left: 8px;
	width: 40px;
	height: 45px;
	line-height: 42px;
	font-size: 2rem;
	background: url(/fo/images/common/spr_ico.png) -119px -75px no-repeat
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont:first-child::before {
	background-position: -77px -75px
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont figure {
	position: relative
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont figure .logo {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 160px;
	height: 60px;
	margin: -30px 0 0 -80px;
	padding: 0;
	background: none
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont figure .logo img {
	width: 160px;
	height: 60px;
	background: none;
	opacity: 1
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking {
	margin-top: 24px;
	counter-reset: section
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li {
	display: inline-block;
	position: relative;
	margin: 0 5px
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li~li {
	margin-top: 16px
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li:first-child {
	display: block;
	margin: 0 auto
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active::before,
.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li:hover::before {
	top: -2px;
	font-weight: 700;
	color: #4d6ee4
}

[lang=zh] .rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active::before,
[lang=zh] .rankingCont .rankingTotal .tabContentWrap .keywordRanking>li:hover::before {
	color: #fe324b
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active .keyword,
.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li:hover .keyword {
	border: 2px solid #a0adf0;
	line-height: 60px;
	background: #fff;
	box-shadow: 0 5px 8px 0 rgba(30, 32, 35, .12)
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active .rank,
.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li:hover .rank {
	margin-top: -10px
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li>* {
	display: inline-block;
	vertical-align: middle
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li .keyword {
	position: relative;
	padding-left: 84px;
	width: 464px;
	height: 64px;
	background: #f8fafc;
	border-radius: 8px;
	text-align: left;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 64px;
	color: #373a3c
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li .keyword::before {
	position: absolute;
	top: 0;
	left: 24px;
	line-height: 64px;
	color: #9fa2a8;
	font-size: 3.2rem;
	font-weight: 400;
	content: counter(section);
	counter-increment: section
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active .keyword::before {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active .keyword::before {
	color: #fe324b
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li .rank {
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -11px
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking::after {
	content: "";
	display: block;
	clear: both
}

.rankingCont .swiperBanner {
	margin-top: 56px
}

.rankingCont .swiperBanner .bannerType.typeBand .bannerTxt {
	text-align: center
}

.rankingCont .txtSort {
	position: relative;
	margin: 48px 0 32px;
	text-align: center;
	color: #1e2023;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.4
}

[lang=zh] .rankingCont .txtSort {
	font-weight: 700
}

.rankingCont .txtSort .selectWrap~.selectWrap {
	margin: 0 16px
}

.rankingCont .txtSort .ui-selectmenu-menu {
	top: 37px !important;
	border: 1px solid #a0adf0
}

.rankingCont .txtSort .ui-selectmenu-button {
	border: 0;
	background: rgba(0, 0, 0, 0)
}

.rankingCont .txtSort .ui-selectmenu-button span {
	padding: 0 24px 0 0
}

.rankingCont .txtSort .ui-selectmenu-button.ui-selectmenu-ope {
	border-top: 1px solid #a0adf0
}

.rankingCont .txtSort .ui-selectmenu-button::after {
	width: 16px;
	height: 16px;
	right: 0;
	background: url(/fo/images/common/ico_select_big.png) no-repeat 0 0
}

.rankingCont .txtSort .ui-selectmenu-button.ui-selectmenu-button-open::after {
	background-position: 0 -16px
}

.rankingCont .txtSort .ui-selectmenu-text {
	border-bottom: 1px solid;
	border-color: #4d6ee4;
	color: #4d6ee4;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

[lang=zh] .rankingCont .txtSort .ui-selectmenu-text {
	border-color: #fe324b
}

[lang=zh] .rankingCont .txtSort .ui-selectmenu-text {
	color: #fe324b
}

.rankingCont .txtSort .frmSwitch {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.rankingCont .txtSort~.imgList .brand.rankingList.col4>li {
	margin-top: 78px
}

.rankingCont .txtSort~.rankingKeyword {
	margin-top: 48px
}

.rankingCont .txtSort:not([style*="display:none;"])~.imgList .brand.rankingList.col4>li {
	margin-top: 56px
}

.rankingCont .txtSort:not([style*="display:none;"])~.rankingKeyword {
	margin-top: 0
}

.rankingCont .bandBanner {
	margin-top: 96px
}

.rankingCont .bandBanner .swiperBanner {
	margin-top: 0
}

.rankingCont .bandBanner .controlBtn {
	padding-bottom: 0 !important
}

.rankingCont .moreRanking {
	margin-top: 96px
}

.rankingCont .moreRanking .rankingTip {
	z-index: 1100
}

.rankingCont .moreRanking .rankingTip .tit {
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .rankingCont .moreRanking .rankingTip .tit {
	font-weight: 700
}

.rankingCont .moreRanking .rankingTip dt {
	margin-top: 8px;
	color: #5a5f64;
	font-weight: 500
}

[lang=zh] .rankingCont .moreRanking .rankingTip dt {
	font-weight: 700
}

.rankingCont .moreRanking .rankingTip dd {
	margin-top: 4px
}

.rankingCont .moreRanking .tipArea .tipCont {
	top: 31px
}

.rankingCont .moreRanking .moreWrap {
	padding-top: 16px;
	border-top: 1px solid #1e2023
}

.rankingCont .moreRanking .moreWrap .rankingList {
	overflow: hidden;
	margin-top: 0;
	white-space: nowrap
}

.rankingCont .moreRanking .moreWrap .rankingList>li {
	margin: 0;
	width: 25%
}

.rankingCont .moreRanking .rankingSwipe {
	margin-top: -32px
}

.rankingCont .moreRanking .rankingSwipe .swiper-container {
	padding-top: 32px
}

.rankingCont .moreRanking .rankingSwipe .swiper-container .swiper-wrapper {
	padding-top: 16px;
	border-top: 1px solid #1e2023
}

.rankingCont .moreRanking .rankingSwipe .swiper-container .swiper-slide .prodCont .rankingNum {
	top: -34px
}

.rankingCont .moreRanking .rankingSwipe .swiper-container .swiper-slide .badge {
	left: 0
}

.rankingCont .moreRanking .rankingSwipe .ts-prev,
.rankingCont .moreRanking .rankingSwipe .ts-next {
	top: 42%
}

.rankingCont .moreRanking .rankingSwipe .ts-paging {
	bottom: auto;
	top: -3px;
	right: 0;
	text-align: right
}

.rankingCont .titDep1+.titSub+.moreRanking {
	margin-top: 29px
}

.rankingCont .searchReview {
	margin-top: 48px
}

.rankingCont .searchReview .rankingNum {
	left: 16px !important
}

[lang=zh] .rankingCont .rankingList.prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 56px
}

.rankingCont.clearanceRaningArea .titDep1+.titSub {
	margin-bottom: 0
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking {
	margin-top: 0
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .listNum.prodSorging.chkOption {
	margin-top: 0
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .seeMorePro {
	height: 60px
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .seeMorePro .side {
	display: flex;
	justify-content: flex-end;
	height: 100%
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .seeMorePro .side .seeMoreProBtn {
	position: relative;
	display: flex;
	width: 266px;
	height: 50px;
	padding: 0 16px 0 50px;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #dcdfe3;
	background: #f5f7fa
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .seeMorePro .side .seeMoreProBtn p {
	line-height: 26px;
	font-size: 1.7rem;
	font-weight: 700;
	color: #5a5f64
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .seeMorePro .side .seeMoreProBtn p::before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 16px;
	width: 27px;
	height: 37px;
	background: url(/fo/images/common/perLabel.png) no-repeat;
	background-size: cover;
	transform: translateY(-50%)
}

.rankingCont.clearanceRaningArea .titDep1+.titSub+.moreRanking #rankInfo .seeMorePro .side .seeMoreProBtn p::after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/grayRightArrow.svg) no-repeat;
	background-size: cover;
	transform: translateY(-50%)
}

.rankingList {
	counter-reset: section
}

.rankingList>li {
	position: relative;
	padding-top: 36px !important
}

.rankingList>li .prodCont {
	position: relative
}

.rankingList>li .prodCont.rank .rankingNum::before {
	display: none
}

.rankingList>li .rankingNum {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 5;
	width: 100%;
	text-align: left;
	font-weight: 400;
	font-size: 1.5rem
}

.rankingList>li .rankingNum::before {
	content: "";
	display: inline-block;
	margin-right: 8px;
	color: #1e2023;
	font-size: 2.4rem;
	font-weight: 700;
	content: counter(section, decimal-leading-zero);
	counter-increment: section
}

.rankingList>li .rankingNum span {
	display: inline-block;
	margin-right: 8px;
	color: #1e2023;
	font-size: 2.4rem;
	font-weight: 700
}

.rankingList>li .rankingNum .rank {
	position: relative;
	top: -1px
}

.rankingList>li:first-child .rankingNum:before {
	color: #4d6ee4
}

[lang=zh] .rankingList>li:first-child .rankingNum:before {
	color: #fe324b
}

.rank>* {
	display: inline-block
}

.rank .num {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 16px
}

[lang=zh] .rank .num {
	font-weight: 700
}

.rank .num::before {
	content: "";
	display: inline-block;
	margin: 0 2px 0 0;
	width: 14px;
	height: 16px;
	background: url(/fo/images/common/ico_rank.png) no-repeat;
	vertical-align: -1px
}

[lang=zh] .rank .num::before {
	background-image: url(/fo/images/common/ico_rank_cn.png)
}

.rank .txt {
	margin-right: 4px;
	font-size: 1.5rem
}

.rank.up {
	color: #4d6ee4
}

[lang=zh] .rank.up {
	color: #fe324b
}

.rank.up .txt,
.rank.up .num {
	color: #4d6ee4
}

[lang=zh] .rank.up .txt,
[lang=zh] .rank.up .num {
	color: #fe324b
}

.rank.new .txt {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .rank.new .txt {
	color: #fe324b
}

.rankingKeyword {
	counter-reset: section
}

.rankingKeyword>li {
	overflow: hidden;
	position: relative
}

.rankingKeyword>li::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 0;
	width: 50px;
	color: #9fa2a8;
	font-size: 3.2rem;
	content: counter(section);
	counter-increment: section
}

.rankingKeyword>li:first-child:before {
	font-weight: 700;
	color: #4d6ee4
}

[lang=zh] .rankingKeyword>li:first-child:before {
	color: #fe324b
}

.rankingKeyword>li~li {
	margin-top: 56px
}

.rankingKeyword .keyword {
	float: left;
	width: 272px;
	padding-top: 24px;
	border-top: 1px solid #eaeaea
}

.rankingKeyword .keyword .txt {
	padding-left: 45px;
	color: #373a3c;
	font-size: 2.4rem
}

.rankingKeyword .keyword .btnSSG {
	display: block;
	width: 120px;
	margin-top: 24px
}

.rankingKeyword .prod {
	float: right;
	width: calc(100% - 288px);
	margin-right: -11px
}

.rankingKeyword .prod .prodList {
	margin-top: 0;
	white-space: nowrap
}

.rankingKeyword .prod .prodCont {
	padding: 0 8px !important
}

.rankingKeyword .prod .prodCont figure {
	min-height: 203px
}

.container.fullWidth {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	padding: 0 !important
}

.container.fullWidth .contents {
	width: auto !important;
	min-width: 100%;
	max-width: 100% !important;
	margin: 0 auto !important
}

.container.fullWidth .contents .specialCont.specialMain.rcmd {
	opacity: 1
}

.rcmd {
	opacity: 0;
	overflow: hidden;
	padding-top: 54px;
	transition: opacity .3s
}

.rcmd .titDep1 {
	margin-bottom: 6px
}

.rcmd .rcmdFrontVisual {
	min-width: 1136px;
	max-width: 1520px;
	margin: 0 auto;
	margin-bottom: 64px
}

.rcmd .rcmdFrontVisual .txtPage {
	color: #5a5f64;
	font-size: 2rem;
	font-weight: 400
}

.rcmd .rcmdFrontVisual .innerBox {
	overflow: hidden;
	position: relative;
	height: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 8px;
	font-size: 0
}

.rcmd .rcmdFrontVisual .innerBox strong,
.rcmd .rcmdFrontVisual .innerBox p,
.rcmd .rcmdFrontVisual .innerBox button {
	display: inline-block;
	position: relative;
	z-index: 1;
	vertical-align: middle
}

.rcmd .rcmdFrontVisual .innerBox strong {
	position: relative;
	margin-right: 12px;
	padding-right: 32px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700
}

.rcmd .rcmdFrontVisual .innerBox strong::after {
	content: "";
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: url(/fo/images/view/ico_prefer.png) no-repeat;
	background-size: 100%
}

.rcmd .rcmdFrontVisual .innerBox p {
	opacity: .9;
	margin-right: 24px;
	color: #fff;
	font-size: 1.8rem
}

.rcmd .rcmdFrontVisual .innerBox button {
	height: 40px;
	padding: 0 22px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .6)
}

.rcmd .rcmdFrontVisual .innerBox button span {
	opacity: .9;
	position: relative;
	padding-right: 13px;
	color: #5a5f64;
	font-size: 1.7rem
}

.rcmd .rcmdFrontVisual .innerBox button span::after {
	content: "";
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 10px;
	background: url(/fo/images/view/ico_taste_chevron.svg) no-repeat;
	background-size: 100%
}

.rcmd .rcmdFrontVisual .innerBox li {
	display: inline-block
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] {
	height: 160px;
	padding: 24px 0;
	line-height: inherit
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] strong {
	display: block;
	height: 32px;
	margin-bottom: 12px;
	padding: 0
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] strong::after {
	display: none
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] .bgBox {
	opacity: .6;
	height: 160px;
	background-image: url(/fo/images/view/rcmd_top_bg_l.jpg);
	background-size: 100% 160px
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] ul {
	display: inline-block;
	position: relative;
	z-index: 1;
	vertical-align: top;
	font-size: 0
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] li {
	height: 48px;
	margin-left: 4px;
	padding: 4px 16px 4px 4px;
	border-radius: 160px;
	line-height: 48px;
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1)
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] li:first-child {
	margin: 0
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] li img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 20px
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] li span {
	display: inline-block;
	height: 40px;
	margin-left: 5px;
	line-height: 40px;
	vertical-align: top;
	color: #5a5f64;
	font-size: 1.6rem
}

.rcmd .rcmdFrontVisual .innerBox[data-name=tasteSelectDone] .btnRefresh {
	width: 48px;
	height: 48px;
	margin-left: 8px;
	padding: 0;
	border-radius: 24px;
	font-size: 0;
	background: rgba(255, 255, 255, .7) url(/fo/images/common/ico_refresh_darkgray.svg) no-repeat center center;
	background-size: 16px 16px
}

.rcmd .rcmdFrontVisual .innerBox .bgBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background-image: url(/fo/images/view/rcmd_top_bg_s.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 80px
}

.rcmd .fixedWrap.midAncTab {
	position: relative;
	min-width: 1136px;
	max-width: 1520px;
	margin: 0 auto
}

.rcmd .fixedWrap.midAncTab .tabType {
	margin: 0
}

.rcmd .fixedWrap.midAncTab .tabType li {
	display: inline-block;
	width: 25%;
	height: 48px
}

.rcmd .fixedWrap.midAncTab .tabType li a {
	display: block;
	height: 100%;
	padding: 0;
	text-align: center;
	line-height: 48px;
	color: #6b6e73;
	font-size: 1.5rem
}

.rcmd .fixedWrap.midAncTab .tabType li.tabON a {
	color: #1e2023;
	font-weight: 700
}

.rcmd .fixedWrap.midAncTab .tabType li.tabON::after {
	top: 48px
}

.rcmd .fixedWrap.midAncTab.fixed .tabArea {
	position: fixed;
	top: 72px;
	z-index: 1000;
	width: 100%
}

.rcmd .fixedWrap.midAncTab.fixed .tabArea .tabType {
	position: relative;
	width: 100%;
	background: #fff
}

.rcmd .fixedWrap.midAncTab.fixed .tabArea::after {
	content: "";
	display: block;
	position: absolute;
	left: -100vw;
	right: -100px;
	top: 0;
	width: 300vw;
	height: 100%;
	background: #fff
}

.rcmd .fixedWrap.midAncTab.fixed::after {
	content: "";
	display: block;
	position: fixed;
	left: -100%;
	top: 120px;
	width: 200vw;
	height: 1px;
	background: #dcdfe3
}

.rcmd .fixedWrap.midAncTab.fixed~.contWrap {
	padding-top: 42px
}

.rcmd .fixedWrap.midAncTab::after {
	content: "";
	display: block;
	position: absolute;
	left: -100%;
	bottom: -2px;
	z-index: 1;
	width: 200vw;
	height: 1px;
	background: #dcdfe3
}

.rcmd .contWrap {
	position: relative;
	z-index: 0
}

.rcmd .contWrap::after {
	content: "";
	display: block;
	position: absolute;
	left: -100%;
	top: -38px;
	width: 200vw;
	height: 800vh;
	background: #f8fafc
}

.rcmd .rcmdThemeCont {
	position: relative;
	top: 2px;
	z-index: 1;
	min-width: 1136px;
	max-width: 1520px;
	padding: 40px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0px 4px 10px rgba(142, 158, 217, .2)
}

.rcmd .rcmdThemeCont .targetAnchor {
	position: absolute;
	left: 0;
	top: -120px
}

.rcmd .rcmdThemeCont .keyVisual {
	overflow: hidden;
	position: absolute;
	left: 40px;
	top: 40px;
	border-radius: 8px
}

.rcmd .rcmdThemeCont .keyVisual .content {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.36) 37.31%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(77, 110, 228, 0.02), rgba(77, 110, 228, 0.02))
}

.rcmd .rcmdThemeCont .keyVisual .content strong {
	display: block;
	margin-bottom: 10px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700
}

.rcmd .rcmdThemeCont .keyVisual .content p {
	overflow: hidden;
	opacity: .8;
	display: -webkit-box;
	color: #fff;
	line-height: 24px;
	font-size: 1.8rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.rcmd .rcmdThemeCont .keyVisual img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.rcmd .rcmdThemeCont:last-child {
	margin-bottom: 120px !important
}

.rcmd .prodList {
	display: flex;
	flex-wrap: wrap;
	font-size: 0
}

.rcmd .prodList .prodCont {
	margin-left: 24px;
	background: #fff
}

.rcmd .prodList .prodCont:first-child,
.rcmd .prodList .prodCont:nth-child(4) {
	margin-left: 0
}

.rcmd .prodList .prodCont:nth-child(n+4) {
	margin-top: 40px
}

.rcmd .prodList .prodCont>a .prodInfo .brandName {
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.rcmd .prodList .prodCont>a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	padding: 0;
	color: #6b6e73;
	line-height: 23px;
	font-size: 1.5rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: inherit;
	word-wrap: break-word;
	word-break: break-all
}

.rcmd .prodList .prodCont .optionBtns {
	display: block;
	opacity: 1;
	position: static;
	height: auto
}

.rcmd .prodList .prodCont .chkFavo {
	position: absolute;
	right: 0;
	margin-right: -1px
}

.rcmd .prodList .prodCont .optionCont .list>a,
.rcmd .prodList .prodCont .optionCont .list .listMore {
	margin-left: 4px
}

.rcmd .prodList .prodCont .optionCont .list .moreCont a {
	margin-left: 4px
}

.rcmd.featureFrame {
	padding-top: 56px
}

.rcmd.featureFrame .rcmdFrontVisual .txtPage {
	margin: 0
}

.rcmd.featureFrame .rcmdFrontVisual~.htmlBannerArea {
	margin-top: 0
}

.rcmd.featureFrame .area_lv1~.area_lv1 .htmlBannerArea {
	margin-top: 0
}

.rcmd.featureFrame .pageBannerArea {
	margin-bottom: 32px !important
}

.rcmd.featureFrame .pageBannerArea .cont {
	position: relative;
	max-width: 1520px;
	margin: 0 auto
}

.rcmd.featureFrame .pageBannerArea .cont figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 440px;
	text-align: center;
	border-radius: 8px
}

.rcmd.featureFrame .pageBannerArea .cont figure::before {
	opacity: .4;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, #000 0%, rgba(0, 0, 0, 0) 100%)
}

.rcmd.featureFrame .pageBannerArea .cont .bannerTxt {
	display: table;
	table-layout: fixed;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 440px;
	text-align: center
}

.rcmd.featureFrame .pageBannerArea .cont .bannerTxt .inner {
	display: table-cell;
	vertical-align: middle
}

.rcmd.featureFrame .pageBannerArea .cont .bannerTxt .inner .titEvent {
	overflow: hidden;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -0.64px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rcmd.featureFrame .pageBannerArea .cont .bannerTxt .inner .subTit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 6px;
	line-height: 140%;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: -0.36px
}

.rcmd.featureFrame .pageBannerArea .cont.img figure img {
	position: absolute;
	left: 50%;
	width: 1712px;
	margin-left: -856px
}

.rcmd.featureFrame .pageBannerArea .cont.video figure {
	background-color: #000;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%
}

.rcmd.featureFrame .pageBannerArea .cont.video figure video {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	object-fit: contain
}

.rcmd.featureFrame .pageBannerArea~.htmlBannerArea {
	margin-top: 0
}

.rcmd.featureFrame .htmlBannerArea {
	max-height: 680px;
	margin-top: -56px
}

.rcmd.featureFrame .htmlBannerArea .flexibleWrap {
	height: 100%
}

.rcmd.featureFrame .htmlBannerArea .flexibleWrap .promotionImg {
	width: auto;
	max-width: 1920px
}

.rcmd.featureFrame .htmlBannerArea .flexibleWrap .promotionImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.rcmd.featureFrame .fixedWrap.midAncTab::after {
	bottom: -1px
}

.rcmd.featureFrame .fixedWrap.midAncTab.fixed .tabArea::after {
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .15)
}

.rcmd.featureFrame .fixedWrap.midAncTab.fixed .tabArea .tabBasic li {
	border-bottom: none
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic {
	display: flex;
	justify-content: space-between
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic li {
	overflow: hidden;
	flex: 1;
	float: none;
	height: 56px;
	border-bottom: 1px solid #fff
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic li a {
	padding-top: 8px
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic li a span {
	display: block;
	overflow: hidden;
	padding: 0 36px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic li.tabON {
	border-bottom-color: #1e2023
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic li.tabON a {
	pointer-events: none
}

.rcmd.featureFrame .fixedWrap.midAncTab .tabArea .tabBasic li.tabON::after {
	top: 54px;
	background: #1e2023
}

.rcmd.featureFrame .contWrap::after {
	top: -40px
}

.rcmd.featureFrame .contWrap .rcmdThemeCont>a .keyVisual .content .context span {
	padding-right: 30px
}

.rcmd.featureFrame .contWrap .rcmdThemeCont>a .keyVisual .content .context span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(/fo/images/view/ico_chevron_right_24x_2s.svg) no-repeat
}

.rcmd.featureFrame .contWrap .rcmdThemeCont .keyVisual figure {
	width: 100%;
	height: 100%
}

.rcmd.featureFrame .contWrap .rcmdThemeCont .keyVisual figure video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.rcmd.featureFrame .contWrap .rcmdThemeCont .keyVisual .content {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.65) 100%)
}

.rcmd.featureFrame .contWrap .rcmdThemeCont .keyVisual .content .context {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 100%;
	padding: 0 32px 32px
}

.rcmd.featureFrame .contWrap .rcmdThemeCont .keyVisual .content .context span {
	display: inline-block;
	overflow: hidden;
	position: relative;
	max-width: 100%;
	vertical-align: top;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rcmd.featureFrame .brandViewArea {
	position: relative;
	z-index: 1;
	margin-top: -38px;
	padding-top: 32px;
	padding-bottom: 80px;
	background: #fff;
	background: #fff
}

.rcmd.featureFrame .brandViewArea .brandList {
	display: none;
	min-width: 1136px;
	max-width: 1520px;
	margin: 0 0 8px;
	padding-top: 28px;
	border: none
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 0;
	background: none !important
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li {
	width: 368px;
	height: 220px;
	margin: 0 0 0 16px
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li:nth-child(1),
.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li:nth-child(5) {
	margin-left: 0
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li:nth-child(n+5) {
	margin-top: 16px
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li a {
	width: 100%;
	height: 100%;
	padding: 0;
	border: none
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li a figure {
	width: 100%;
	height: 100%;
	border-radius: 8px
}

.rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.rcmd.featureFrame .brandViewArea .viewMore {
	position: relative;
	padding: 0;
	background: none
}

.rcmd.featureFrame .brandViewArea .viewMore::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background: #5a5f64
}

.rcmd.featureFrame .brandViewArea .viewMore button {
	position: relative;
	z-index: 1;
	width: 327px;
	height: 47px;
	margin: 0 auto;
	border: 1px solid #5a5f64;
	border-radius: 100px;
	text-align: center;
	background: #fff
}

.rcmd.featureFrame .brandViewArea .viewMore button span {
	position: relative;
	padding-right: 20px;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .rcmd.featureFrame .brandViewArea .viewMore button span {
	font-weight: 700
}

[lang=zh] .rcmd.featureFrame .brandViewArea .viewMore button span {
	font-weight: 700
}

.rcmd.featureFrame .brandViewArea .viewMore button span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 6px;
	background: url(/fo/images/common/ico_expand_more.svg) no-repeat;
	background-size: 100%
}

.rcmd.featureFrame .brandViewArea .viewMore button.btn_hide {
	display: none
}

.rcmd.featureFrame .brandViewArea .viewMore button.btn_hide span::after {
	transform: translateY(-50%) rotate(180deg)
}

.rcmd.featureFrame .brandViewArea.open .brandList {
	display: block;
	height: auto
}

.rcmd.featureFrame .brandViewArea.open .viewMore {
	margin-top: 40px
}

.rcmd.featureFrame .brandViewArea.open .viewMore button.btn_open {
	display: none
}

.rcmd.featureFrame .brandViewArea.open .viewMore button.btn_hide {
	display: block
}

.rcmd.featureFrame .bannerLandingArea {
	position: relative;
	z-index: 1;
	padding-bottom: 120px;
	background: #fff
}

.rcmd.featureFrame .bannerLandingArea .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 186px;
	text-align: center;
	border-radius: 8px;
	background: #f7f7fd
}

.rcmd.featureFrame .bannerLandingArea .content .context {
	margin-bottom: 16px
}

.rcmd.featureFrame .bannerLandingArea .content .context strong {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 140%;
	text-align: center;
	color: #373a3c;
	font-size: 1.8rem;
	letter-spacing: -0.36px
}

.rcmd.featureFrame .bannerLandingArea .content .btnSSG {
	width: 327px
}

.rcmd.featureFrame .bannerLandingArea .content .btnSSG span {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap
}

.layPop.rcmd {
	padding: 0
}

.layPop.rcmd .titLay {
	border: none
}

.layPop.rcmd .layCont {
	padding: 0 46px 0 55px
}

.layPop.rcmd .select-txtBox {
	position: relative;
	padding: 0 32px;
	height: 52px;
	border-radius: 8px;
	background: #f7f7fd
}

.layPop.rcmd .select-txtBox .txtPage {
	text-align: left;
	line-height: 52px;
	color: #373a3c;
	font-size: 2rem
}

.layPop.rcmd .select-txtBox .txtPage span {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .layPop.rcmd .select-txtBox .txtPage span {
	color: #fe324b
}

.layPop.rcmd .select-txtBox .btnRefresh {
	opacity: .9;
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 700
}

.layPop.rcmd .select-txtBox .btnRefresh::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 3px;
	background: url(/fo/images/common/ico_refresh_darkgray.svg) no-repeat
}

.layPop.rcmd .select-Wrap .select-container {
	font-size: 0
}

.layPop.rcmd .select-Wrap .select-container .taste {
	display: inline-block;
	position: relative;
	width: 156px;
	margin-left: 8px;
	margin-top: 32px;
	vertical-align: top
}

.layPop.rcmd .select-Wrap .select-container .taste input[type=checkbox] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0
}

.layPop.rcmd .select-Wrap .select-container .taste input[type=checkbox]:checked~.preference-taste .tit {
	opacity: 1
}

.layPop.rcmd .select-Wrap .select-container .taste input[type=checkbox]:checked~.preference-taste .dim-overlay::after {
	opacity: 1
}

.layPop.rcmd .select-Wrap .select-container .taste .preference-taste {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 156px;
	height: 156px;
	border-radius: 50%
}

.layPop.rcmd .select-Wrap .select-container .taste .preference-taste img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.layPop.rcmd .select-Wrap .select-container .taste .preference-taste .dim-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background: url(/fo/images/dummy/taste/dim.png);
	background-size: cover
}

.layPop.rcmd .select-Wrap .select-container .taste .preference-taste .dim-overlay::after {
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/fo/images/dummy/taste/taste_on_bg.png);
	background-size: cover
}

.layPop.rcmd .select-Wrap .select-container .taste .preference-taste .tit {
	opacity: .85;
	overflow: hidden;
	display: -webkit-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.rcmd .select-Wrap .select-container .taste:nth-child(4n+1) {
	margin-left: 0
}

.layPop.rcmd .btnArea button {
	width: 200px;
	font-weight: 500;
	letter-spacing: 0
}

[lang=zh] .layPop.rcmd .btnArea button {
	font-weight: 700
}

@media screen and (max-width: 1439px) {

	.container.fullWidth .contents .rcmdFrontVisual,
	.container.fullWidth .contents .fixedWrap.midAncTab,
	.container.fullWidth .contents .rcmdThemeCont,
	.container.fullWidth .contents .pageBannerArea,
	.container.fullWidth .contents .brandViewArea .brandList,
	.container.fullWidth .contents .brandViewArea .viewMoreBtnArea,
	.container.fullWidth .contents .bannerLandingArea .content {
		width: 1136px;
		margin: 0 auto
	}

	.container.fullWidth .contents .rcmdFrontVisual {
		margin: 0 auto 58px
	}

	.container.fullWidth .contents .rcmdThemeCont {
		margin: 40px auto 58px
	}

	.container.fullWidth .contents .rcmdThemeCont .keyVisual .content {
		padding: 40px 32px
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont .chkFavo {
		top: 191px
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont .prodState.adult {
		margin-top: 58px
	}

	.container.fullWidth .contents .rcmd.featureFrame .rcmdFrontVisual {
		margin: 0 auto 32px
	}

	.container.fullWidth .contents .rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li {
		width: 272px;
		height: 163px
	}
}

@media screen and (min-width: 1440px) {

	.container.fullWidth .contents .rcmdFrontVisual,
	.container.fullWidth .contents .fixedWrap.midAncTab,
	.container.fullWidth .contents .rcmdThemeCont,
	.container.fullWidth .contents .pageBannerArea,
	.container.fullWidth .contents .brandViewArea .brandList,
	.container.fullWidth .contents .brandViewArea .viewMoreBtnArea,
	.container.fullWidth .contents .bannerLandingArea .content {
		width: 1136px;
		margin: 0 auto
	}

	.container.fullWidth .contents .rcmdFrontVisual {
		margin: 0 auto 58px
	}

	.container.fullWidth .contents .rcmdThemeCont {
		margin: 40px auto 58px
	}

	.container.fullWidth .contents .rcmdThemeCont .keyVisual .content {
		padding: 40px 32px
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont .chkFavo {
		top: 191px
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont .prodState.adult {
		margin-top: 58px
	}

	.container.fullWidth .contents .rcmd.featureFrame .rcmdFrontVisual {
		margin: 0 auto 32px
	}

	.container.fullWidth .contents .rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li {
		width: 272px;
		height: 163px
	}
}

@media screen and (min-width: 1903px) {

	.container.fullWidth .contents .rcmdFrontVisual,
	.container.fullWidth .contents .fixedWrap.midAncTab,
	.container.fullWidth .contents .rcmdThemeCont,
	.container.fullWidth .contents .pageBannerArea,
	.container.fullWidth .contents .brandViewArea .brandList,
	.container.fullWidth .contents .brandViewArea .viewMoreBtnArea,
	.container.fullWidth .contents .bannerLandingArea .content {
		width: 1520px
	}

	.container.fullWidth .contents .rcmdThemeCont {
		padding-right: 39px
	}

	.container.fullWidth .contents .rcmdThemeCont .keyVisual .content {
		padding: 52px 40px
	}

	.container.fullWidth .contents .rcmdThemeCont .keyVisual .content strong {
		font-size: 3.2rem
	}

	.container.fullWidth .contents .rcmdThemeCont .keyVisual .content p {
		line-height: 32px;
		font-size: 2.4rem
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont:last-child {
		margin-left: 23px
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont .chkFavo {
		top: 269px
	}

	.container.fullWidth .contents .rcmdThemeCont .prodList .prodCont .prodState.adult {
		margin: 0 !important
	}

	.container.fullWidth .contents .rcmd.featureFrame .rcmdFrontVisual {
		margin: 0 auto 32px
	}

	.container.fullWidth .contents .rcmd.featureFrame .brandViewArea .brandList .logoType.midLogo li {
		width: 368px;
		height: 220px
	}
}

.iw_inner {
	z-index: 1;
	padding: 16px 22px
}

.iw_inner h3 {
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .iw_inner h3 {
	font-weight: 700
}

.iw_inner .addressTxt {
	overflow: hidden;
	padding-top: 8px
}

.iw_inner .addressTxt li {
	position: relative;
	padding-left: 6px
}

.iw_inner .addressTxt li::before {
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #5a5f64
}

.iw_inner .addressTxt li+li {
	margin-top: 4px
}

.branchCont .titDep1 {
	margin-bottom: 16px;
	font-size: 4rem
}

.branchCont .titDep2 {
	margin: 96px 0 48px;
	text-align: center;
	font-weight: 700;
	font-size: 3.2rem
}

.branchCont .titDep3 {
	text-align: center;
	font-size: 2.8rem
}

.branchCont.branchMain .titDep2 {
	font-size: 3.2rem
}

.branchCont .tabType02 {
	margin-bottom: 40px
}

.branchCont .tabType02>li a {
	color: #5a5f64;
	font-size: 2rem;
	font-weight: 400
}

.branchCont .tabType02>li.tabON a {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .branchCont .tabType02>li.tabON a {
	color: #fe324b
}

.branchCont .tabType02>li.tabON a .branch_s {
	color: #4d6ee4;
	font-weight: bold !important;
	background: #e9ebfb
}

[lang=zh] .branchCont .tabType02>li.tabON a .branch_s {
	color: #fe324b;
	background: #ffeef1
}

.branchCont .tabType02+.floorSearch.searchType input[type=text] {
	padding-left: 0
}

.branchCont #tabStorBran .floorSearch.searchType input[type=text] {
	padding-left: 0
}

.branchCont .offlineInfo .swiperWrap .imgList {
	overflow: visible
}

.branchCont .offlineInfo .swiperWrap .popWrap.popShare.popshareR .popLayCont {
	right: 0;
	padding: 16px 20px
}

.branchCont .offlineInfo .swiperWrap .popWrap.popShare.popshareR .popLayCont::before {
	right: 11px
}

.branchCont .offlineInfo .flagWrap {
	padding-right: 60px
}

.branchCont .offlineInfo .flagWrap .flag {
	margin-bottom: 5px
}

.branchCont .offlineInfo .ts-prev,
.branchCont .offlineInfo .ts-next {
	top: 20%
}

.branchCont .offlineInfo .imgList>ul.benefit .icoArea {
	top: 12px !important;
	right: 0 !important
}

.branchCont .imgList ul.branch>li a figure {
	padding-top: 73.4%
}

.branchCont .imgList .branch>li {
	width: 25%
}

.branchCont .imgList .branch>li figure {
	position: relative;
	padding-top: 100%;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.branchCont .imgList .branch>li figure img {
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	width: 170%;
	height: auto;
	margin: auto
}

.branchCont .imgList .branch>li figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3)
}

.branchCont .imgList .branch>li figure .branchName {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	width: 100%;
	margin-top: -18px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .branchCont .imgList .branch>li figure .branchName {
	font-weight: 700
}

.branchCont .imgList .sns {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	text-align: center
}

.branchCont .imgList .sns .ico {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 24px;
	height: 24px;
	text-indent: -9999px
}

.branchCont .imgList .sns .ico.instagram {
	background: url(/fo/images/common/ico_sns_instagram.png) no-repeat
}

.branchCont .imgList .sns .ico.facebook {
	background: url(/fo/images/common/ico_sns_facebook.png) no-repeat
}

.branchCont .imgList .sns .ico.youtube {
	background: url(/fo/images/common/ico_sns_youtube.png) no-repeat
}

.branchCont .imgList .sns>li {
	display: inline-block;
	width: 272px;
	height: 334px;
	padding-left: 0
}

.branchCont .imgList .sns>li+li {
	margin-left: 16px
}

.branchCont .imgList .sns>li a {
	width: 272px
}

.branchCont .imgList .sns>li figure {
	position: relative;
	height: 334px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.branchCont .imgList .sns>li figure img {
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	width: 150%;
	height: auto;
	margin: auto
}

.branchCont .imgList .sns>li figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30, 32, 35, .2)
}

.branchCont .imgList .sns.youtube li {
	width: 597px
}

.branchCont .imgList .sns.youtube li a,
.branchCont .imgList .sns.youtube li figure {
	width: 597px
}

.branchCont .searchType {
	padding: 0
}

.branchCont .searchType fieldset {
	width: 708px;
	margin: 0 auto
}

.branchCont .searchType input[type=text] {
	font-size: 2.4rem
}

.branchCont .searchType input[type=text]::placeholder {
	color: #b9bcc0;
	font-size: inherit
}

.branchCont .searchType input[type=text]:-ms-input-placeholder {
	color: #b9bcc0;
	font-size: 2.4rem
}

.branchCont .searchType input[type=text]:focus+.btIco {
	display: block;
	top: 50%;
	margin-top: -20px
}

.branchCont .searchType .searchWord {
	margin-top: 16px;
	text-align: center;
	font-size: 0
}

.branchCont .searchType .searchWord>li {
	display: inline-block;
	padding: 0 12px;
	color: #6b6e73;
	font-size: 2rem
}

.branchCont .searchType .searchWord>li>a:hover {
	color: #4d6ee4
}

[lang=zh] .branchCont .searchType .searchWord>li>a:hover {
	color: #fe324b
}

.branchCont .brandInfo {
	padding: 64px 0 65px;
	border: 1px solid #707070;
	border-radius: 8px
}

.branchCont .brandInfo .searchType {
	margin-bottom: 80px;
	background: none
}

.branchCont .brandInfo .searchType .btIco.icSearch {
	top: 50%;
	right: 16px;
	margin-top: -20px
}

.branchCont .brandInfo .searchType input[type=text] {
	width: 100%;
	height: 64px;
	padding-right: 60px;
	border: none;
	border-radius: 4px;
	background: #f8fafc
}

.branchCont .brandInfo .searchType .searchWord {
	margin-top: 16px;
	text-align: center;
	font-size: 0
}

.branchCont .brandInfo .searchType .searchWord>li {
	display: inline-block;
	padding: 0 12px;
	color: #6b6e73;
	font-size: 2rem
}

.branchCont .brandInfo .searchType .searchWord>li>a:hover {
	color: #4d6ee4
}

[lang=zh] .branchCont .brandInfo .searchType .searchWord>li>a:hover {
	color: #fe324b
}

.branchCont .brandInfo .titDep3 {
	margin-bottom: 24px
}

.branchCont .membershipInfo {
	overflow: hidden
}

.branchCont .membershipInfo .titDep2 {
	margin-top: 0px
}

.branchCont .membershipInfo+.titDep2 {
	margin-bottom: 21px
}

.branchCont .membershipInfo .bannerType {
	float: left;
	width: calc(100% - 288px);
	height: 272px
}

.branchCont .membershipInfo .bannerType.typeBannerA>a {
	height: 100%
}

.branchCont .membershipInfo .bannerType.typeBannerA>a figure {
	position: relative
}

.branchCont .membershipInfo .bannerType.typeBannerA>a img {
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	width: auto;
	margin: auto
}

.branchCont .membershipInfo .bannerType.typeBannerA>a .bannerTxt {
	padding: 0 70px
}

.branchCont .membershipInfo .bannerType.typeBannerA>a .bannerTxt .titEvent {
	font-weight: 500;
	font-size: 3.2rem
}

[lang=zh] .branchCont .membershipInfo .bannerType.typeBannerA>a .bannerTxt .titEvent {
	font-weight: 700
}

.branchCont .membershipInfo .bannerType.typeBannerA>a .bannerTxt .subTit {
	margin-top: 16px;
	font-size: 1.8rem
}

.branchCont .smartPick {
	position: relative;
	height: 400px
}

.branchCont .smartPick figure {
	overflow: hidden;
	position: relative;
	height: 100%;
	border-radius: 8px
}

.branchCont .smartPick figure img {
	position: absolute;
	top: -20%;
	left: -20%;
	bottom: -20%;
	right: -20%;
	height: 100%;
	margin: auto
}

.branchCont .smartPick .bannerTxt {
	display: table;
	position: absolute;
	top: 0;
	left: 60px;
	width: 100%;
	height: 100%;
	color: #fff
}

.branchCont .smartPick .bannerTxt .inner {
	display: table-cell;
	vertical-align: middle
}

.branchCont .smartPick .bannerTxt .inner .titEvent {
	line-height: 1.38;
	font-weight: 500;
	font-size: 3.2rem
}

[lang=zh] .branchCont .smartPick .bannerTxt .inner .titEvent {
	font-weight: 700
}

.branchCont .smartPick .bannerTxt .inner .subTit {
	display: block;
	margin-top: 16px;
	font-size: 1.8rem
}

.branchCont .noticeRecently {
	border-top: 1px solid #1e2023;
	border-bottom: 1px solid #ebedf2
}

.branchCont .noticeRecently ul {
	overflow: hidden;
	padding: 8px 0 32px
}

.branchCont .noticeRecently ul li {
	float: left;
	position: relative;
	width: 50%;
	margin-top: 24px;
	font-size: 1.8rem
}

.branchCont .noticeRecently ul li:nth-child(odd) {
	padding-right: 33px
}

.branchCont .noticeRecently ul li:nth-child(odd) .date {
	right: 33px
}

.branchCont .noticeRecently ul li:nth-child(even) {
	padding-left: 33px
}

.branchCont .noticeRecently ul li>a {
	display: inline-block;
	width: 100%;
	padding-right: 100px
}

.branchCont .noticeRecently ul li>a .flag {
	width: auto;
	margin-right: 3px;
	padding: 0 8px;
	line-height: 22px;
	font-weight: 400;
	font-size: 1.3rem
}

.branchCont .noticeRecently ul li>a .flag.store {
	background: #f0fcfc;
	color: #006d69
}

.branchCont .noticeRecently ul li>a .flag.shopping {
	color: #2677cb;
	background: #ebf6ff
}

.branchCont .noticeRecently ul li>a .flag.brand {
	color: #ad00c4;
	background: #f8eefa
}

.branchCont .noticeRecently ul li>a .tit {
	display: inline-block;
	width: calc(100% - 175px);
	margin-left: 16px;
	vertical-align: top;
	color: #373a3c;
	font-weight: 500;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .branchCont .noticeRecently ul li>a .tit {
	font-weight: 700
}

.branchCont .noticeRecently ul li .date {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	color: #8b8f94;
	font-size: 1.3rem
}

.branchCont .joinMsgBox {
	margin-top: 96px;
	padding: 24px 0;
	border-radius: 8px;
	text-align: center;
	background: #f8fafc
}

.branchCont .joinMsgBox .txt {
	display: inline-block;
	margin-right: 48px;
	color: #373a3c;
	font-weight: 500;
	font-size: 1.8rem
}

[lang=zh] .branchCont .joinMsgBox .txt {
	font-weight: 700
}

.branchCont .branchInfo {
	overflow: hidden;
	margin-top: 32px;
	background: #f8fafc
}

.branchCont .branchInfo .swiperWrap {
	float: left;
	width: 60%;
	height: 560px;
	padding-bottom: 0
}

.branchCont .branchInfo .swiperWrap .swiper-slide {
	overflow: hidden
}

.branchCont .branchInfo .swiperWrap .swiper-slide:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95) 71%, #000000);
	opacity: .2
}

.branchCont .branchInfo .swiperWrap .ts-paging .ts-paging-btn:after {
	background: rgba(255, 255, 255, .3)
}

.branchCont .branchInfo .swiperWrap .ts-paging-btn.ts-paging-active:after {
	background: rgba(255, 255, 255, .6)
}

.branchCont .branchInfo .swiperWrap img {
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	left: -50%;
	width: 110%;
	margin: auto
}

.branchCont .branchInfo .swiperWrap .ts-paging {
	bottom: 30px;
	z-index: 10
}

.branchCont .branchInfo .cont {
	float: right;
	width: 40%
}

.branchCont .branchInfo .cont dl {
	padding: 40px
}

.branchCont .branchInfo .cont dt {
	margin-bottom: 8px;
	color: #373a3c;
	font-weight: 700;
	font-size: 2.8rem
}

.branchCont .branchInfo .cont .contact {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #eaeaea
}

.branchCont .branchInfo .cont .contact>span {
	overflow: hidden;
	display: block;
	margin-top: 8px;
	color: #373a3c
}

.branchCont .branchInfo .cont .contact>span>* {
	float: left
}

.branchCont .branchInfo .cont .contact>span.add .tit:before {
	background: url(/fo/images/common/ico_place_20x20.png) no-repeat
}

.branchCont .branchInfo .cont .contact>span.time .tit:before {
	background: url(/fo/images/common/ico_time_20x20.png) no-repeat
}

.branchCont .branchInfo .cont .contact>span.tel .tit:before {
	background: url(/fo/images/common/ico_phone_20x20.png) no-repeat
}

.branchCont .branchInfo .cont .contact>span>.tit {
	position: relative;
	width: 65px;
	margin-right: 12px;
	padding-left: 24px;
	color: #6b6e73
}

.branchCont .branchInfo .cont .contact>span>.tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	margin-right: 4px
}

.branchCont .branchInfo .cont .contact>span>.tit::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 13px;
	margin-top: -6px;
	background: #eaeaea
}

.branchCont .branchInfo .cont .contact>span .con {
	width: 70%
}

.branchCont .branchMap {
	overflow: hidden;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.branchCont .branchMap .map {
	overflow: hidden;
	float: left;
	position: relative;
	width: 60%;
	height: 560px
}

.branchCont .branchMap .map>img,
.branchCont .branchMap .map>div {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto
}

.branchCont .branchMap .cont {
	float: right;
	width: 40%;
	padding: 0 40px
}

.branchCont .branchMap .cont dl {
	margin-top: 40px
}

.branchCont .branchMap .cont dl~dl {
	padding-top: 40px;
	border-top: 1px solid #eaeaea
}

.branchCont .branchMap .cont dl dt {
	margin-bottom: 20px;
	color: #373a3c;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .branchCont .branchMap .cont dl dt {
	font-weight: 700
}

.branchCont .branchMap .cont dl dd {
	position: relative;
	margin-top: 6px;
	padding-left: 10px
}

.branchCont .branchMap .cont dl dd::before {
	content: "·";
	position: absolute;
	top: 3px;
	left: 0;
	line-height: 1
}

.branchCont .branchMap .cont dl.metro dd span {
	display: block;
	margin-bottom: 3px
}

.branchCont .branchMap .cont dl.bus dd {
	padding-left: 47px;
	text-indent: -36px
}

.branchCont .branchMap .cont dl.bus dd::before {
	left: 37px
}

.branchCont .branchMap .cont dl.bus dd>span {
	padding: 0;
	text-indent: 0
}

.branchCont .branchMap .cont dl.bus dd .line {
	display: inline-block
}

.branchCont .branchMap .cont .line1 {
	color: #263c96
}

.branchCont .branchMap .cont .line2 {
	color: #3cb44a
}

.branchCont .branchMap .cont .line3 {
	color: #f06e00
}

.branchCont .branchMap .cont .line4 {
	color: #2c9ede
}

.branchCont .branchMap .cont .line5 {
	color: #8936e0
}

.branchCont .branchMap .cont .line6 {
	color: #b5500b
}

.branchCont .branchMap .cont .line7 {
	color: #697215
}

.branchCont .branchMap .cont .line8 {
	color: #e51e6e
}

.branchCont .branchMap .cont .line9 {
	color: #d1a62c
}

.branchCont .branchMap .cont .Suinbundang {
	color: #eba900
}

.branchCont .branchMap .cont .airportLine {
	color: #73b6e4
}

.branchCont .branchMap .cont .magnetic {
	color: #ee8d4a
}

.branchCont .branchMap .cont .gyeonguiCentral {
	color: #7cc4a5
}

.branchCont .branchMap .cont .everLine {
	color: #77c371
}

.branchCont .branchMap .cont .gyeongchun {
	color: #08af7b
}

.branchCont .branchMap .cont .shinbundang {
	color: #a71e31
}

.branchCont .branchMap .cont .uijeongbu {
	color: #ff9d27
}

.branchCont .branchMap .cont .lightSteel {
	color: #2673f2
}

.branchCont .branchMap .cont .wooiShinseol {
	color: #c6c100
}

.branchCont .branchMap .cont .westSea {
	color: #8bc53f
}

.branchCont .branchMap .cont .gimpoGold {
	color: #96710a
}

.branchCont .branchMap .cont .incheon1 {
	color: #6f99d0
}

.branchCont .branchMap .cont .incheon2 {
	color: #f4ab3e
}

.branchCont .branchMap .cont .line1_busan {
	color: #f0602f
}

.branchCont .branchMap .cont .line2_busan {
	color: #3cb44a
}

.branchCont .branchMap .cont .line3_busan {
	color: #d4a556
}

.branchCont .branchMap .cont .line4_busan {
	color: #426fb5
}

.branchCont .branchMap .cont .eastsea_busan {
	color: #a3c3e2
}

.branchCont .branchMap .cont .gimhae_busan {
	color: #80499c
}

.branchCont .branchMap .cont .airportbus {
	color: #659ec9
}

.branchCont .branchMap .cont .trunkbus {
	color: #3353a2
}

.branchCont .branchMap .cont .branchbus {
	color: #369115
}

.branchCont .branchMap .cont .wideareabus {
	color: #e0151d
}

.branchCont .branchMap .cont .generalbus {
	color: #369115
}

.branchCont .branchMap .cont .seatbus {
	color: #3353a2
}

.branchCont .branchMap .cont .expressbus {
	color: #e0151d
}

.branchCont .branchMap .cont .generalAirport {
	color: #3353a2
}

.branchCont .branchMap .cont .directAirport {
	color: #e0151d
}

.branchCont .branchBenefit .swiperWrap .swiper-container {
	padding-bottom: 210px
}

.branchCont .branchBenefit .swiperWrap .ts-prev,
.branchCont .branchBenefit .swiperWrap .ts-next {
	top: 22%
}

.branchCont .branchBenefit .swiperWrap .ts-paging {
	bottom: 200px
}

.branchCont .branchBenefit .bannerType.typeBannerA {
	overflow: visible
}

.branchCont .branchBenefit .bannerType.typeBannerA .eventInfo .icoArea {
	right: 5px
}

.branchCont .branchBenefit+.titDep2 {
	margin-top: -115px
}

.branchCont .branchBenefit .flagWrap {
	padding-right: 60px
}

.branchCont .branchBenefit .flagWrap .flag {
	margin-bottom: 5px
}

.branchCont .bannerType.typeBannerA>a .bannerTxt .titEvent {
	line-height: 26px;
	font-weight: 700;
	font-size: 2rem
}

.branchCont .bannerType.typeBannerA>a .bannerTxt .subTit {
	margin-top: 8px;
	font-size: 1.5rem
}

.branchCont .bannerType.typeBannerA.typeBlack>a .bannerTxt .titEvent,
.branchCont .bannerType.typeBannerA.typeBlack>a .bannerTxt .subTit,
.branchCont .bannerType.typeBannerA.blackType>a .bannerTxt .titEvent,
.branchCont .bannerType.typeBannerA.blackType>a .bannerTxt .subTit {
	color: #1e2023
}

.branchCont .floorSearch {
	padding: 48px 0 56px
}

.branchCont .floorSearch .totalCheck {
	position: absolute;
	top: 10px;
	left: 0
}

.branchCont .floorSearch .totalCheck input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0
}

.branchCont .floorSearch .totalCheck input:checked+label {
	color: #4d6ee4
}

[lang=zh] .branchCont .floorSearch .totalCheck input:checked+label {
	color: #ff411e
}

.branchCont .floorSearch .totalCheck input:checked+label::before {
	background-position: 0 -16px
}

[lang=zh] .branchCont .floorSearch .totalCheck input:checked+label::before {
	background-position: 0 -32px
}

.branchCont .floorSearch .totalCheck input+label {
	padding-left: 26px;
	color: #6b6e73;
	font-size: 1.8rem
}

.branchCont .floorSearch .totalCheck input+label::before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/ico_check_set.png) no-repeat 0 0
}

.branchCont .floorSearch.searchType {
	margin-bottom: 0
}

.branchCont .floorSearch.searchType input[type=text] {
	padding-left: 120px;
	border-bottom-width: 2px
}

.branchCont .floorSearch+.tabType06 {
	margin-top: 48px
}

.branchCont .floorInfo {
	margin-top: 60px
}

.branchCont .floorInfo .stordFloor {
	float: left;
	width: 180px;
	margin-top: 32px;
	border-top: 4px solid #373a3c;
	border-bottom: 1px solid #373a3c
}

.branchCont .floorInfo .stordFloor li {
	height: 64px;
	font-size: 2.2rem
}

.branchCont .floorInfo .stordFloor li~li {
	border-top: 1px solid #eaeaea
}

.branchCont .floorInfo .stordFloor li>a {
	overflow: hidden;
	display: block;
	height: 100%;
	padding: 18px 0 0 16px;
	background: url(/fo/images/view/ico_chevron_s.png) right 16px top 50% no-repeat
}

.branchCont .floorInfo .stordFloor li>a em {
	padding-left: 8px;
	vertical-align: 1px;
	color: #373a3c;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.branchCont .floorInfo .stordFloor li.on {
	font-weight: 700;
	color: #4d6ee4
}

[lang=zh] .branchCont .floorInfo .stordFloor li.on {
	color: #fe324b
}

.branchCont .floorInfo .stordFloor li.on>a {
	background: url(/fo/images/view/ico_chevron_blue.png) right 16px top 50% no-repeat
}

.branchCont .floorInfo .stordFloor li.on>a em {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #4d6ee4
}

[lang=zh] .branchCont .floorInfo .stordFloor li.on>a em {
	color: #fe324b
}

[lang=zh] .branchCont .floorInfo .stordFloor li.on>a {
	background-image: url(/fo/images/cmall/ico_chevron_red.png)
}

.branchCont .floorInfo .cont {
	float: right;
	width: calc(100% - 228px)
}

.branchCont .floorInfo .cont .titDep3 {
	margin: -10px 0 24px;
	text-align: left;
	color: #373a3c;
	font-weight: 700
}

.branchCont .floorInfo .cont .mapArea {
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.branchCont .floorInfo .cont .mapArea.imageScalable img {
	image-rendering: auto
}

.branchCont .floorInfo .mapArea {
	margin-bottom: 32px
}

.branchCont .floorInfo .listNum {
	margin: 21px 0 8px;
	border-bottom: 1px solid #373a3c
}

.branchCont .floorInfo::after {
	content: "";
	display: block;
	clear: both
}

.branchCont .floorStore {
	overflow: hidden;
	margin: 0 0 0 -16px
}

.branchCont .floorStore li {
	float: left;
	width: 50%;
	margin-top: 16px;
	padding-left: 16px
}

.branchCont .floorStore li .inner {
	display: table;
	width: 100%;
	height: 107px;
	padding: 0 24px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.branchCont .floorStore li .inner>span {
	display: table-cell;
	vertical-align: middle
}

.branchCont .floorStore li .inner .txt .brandName {
	color: #373a3c;
	font-weight: 500;
	font-size: 2rem
}

[lang=zh] .branchCont .floorStore li .inner .txt .brandName {
	font-weight: 700
}

.branchCont .floorStore li .inner .txt .brandName .new {
	display: inline-block;
	padding-left: 4px;
	color: #4d6ee4;
	font-size: 1.5rem;
	font-weight: 700
}

[lang=zh] .branchCont .floorStore li .inner .txt .brandName .new {
	color: #fe324b
}

.branchCont .floorStore li .inner .txt .info {
	display: block;
	margin-top: 8px;
	color: #6b6e73
}

.branchCont .floorStore li .inner .txt .info>* {
	display: inline-block
}

.branchCont .floorStore li .inner .txt .info .floor {
	position: relative;
	margin-right: 12px;
	padding-right: 12px
}

.branchCont .floorStore li .inner .txt .info .floor::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 13px;
	margin-top: -8px;
	background: #eaeaea
}

.branchCont .floorStore li .inner .tel {
	text-align: right;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .branchCont .floorStore li .inner .tel {
	font-weight: 700
}

.branchCont .floorStore li .inner .tel::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: -6px;
	background: url(/fo/images/common/ico_phone_20x20.png) no-repeat
}

.branchCont .branchTab {
	position: relative;
	margin: 48px 0 24px;
	padding-top: 48px
}

.branchCont .branchTab>li {
	display: block;
	position: static
}

.branchCont .branchTab>li>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 33.3%;
	height: 48px;
	border: 1px solid #eaeaea;
	border-left: none;
	text-align: center;
	line-height: 46px;
	color: #8b8f94;
	font-size: 1.5rem;
	background: #fff
}

.branchCont .branchTab>li.tabON>a {
	border-top: 2px solid #1e2023;
	border-bottom: none;
	line-height: 44px;
	color: #1e2023;
	font-size: 1.6rem;
	font-weight: 700
}

.branchCont .branchTab>li:first-child>a {
	border-left: 1px solid #eaeaea
}

.branchCont .branchTab>li:nth-child(2)>a {
	left: calc(33.3% + 1px)
}

.branchCont .branchTab>li:nth-child(3)>a {
	left: calc(66.6% + 1px)
}

.branchCont .branchTab>li .subTabWrap {
	display: none;
	padding: 24px 20px;
	background: #f8fafc
}

.branchCont .branchTab>li.tabON .subTabWrap {
	display: block
}

.branchCont .branchTab>li .tabType04 {
	margin-bottom: 0
}

.branchCont .branchTab>li .tabType04>li {
	margin: 8px 2px 0
}

.branchCont .branchTab>li .tabType04>li>a {
	padding: 0 16px;
	height: 42px;
	border: 1px solid #eaeaea;
	line-height: 40px;
	font-weight: 400;
	background: #fff
}

.branchCont .branchTab>li .tabType04>li.tabON>a {
	color: #4d6ee4;
	border-color: #e9ebfb;
	background-color: #e9ebfb
}

[lang=zh] .branchCont .branchTab>li .tabType04>li.tabON>a {
	color: #fe324b
}

[lang=zh] .branchCont .branchTab>li .tabType04>li.tabON>a {
	border-color: #ffeef1
}

[lang=zh] .branchCont .branchTab>li .tabType04>li.tabON>a {
	background-color: #ffeef1
}

.branchCont .branchTab .couponUsedBrand {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding-bottom: 0
}

.branchCont .branchTab .couponUsedBrand .tabContentWrap {
	vertical-align: middle
}

.branchCont .branchTab .couponUsedBrand .tabContentWrap.tabON {
	display: table-cell
}

.branchCont .branchTab .couponUsedBrand .tabSearch {
	display: table-cell;
	position: static;
	width: 100px;
	margin: 0;
	vertical-align: middle;
	text-align: center
}

.branchCont .branchTab .couponUsedBrand .tabSearch li.tabON a {
	color: #4d6ee4
}

[lang=zh] .branchCont .branchTab .couponUsedBrand .tabSearch li.tabON a {
	color: #fe324b
}

.branchCont .branchTab .brandWordList {
	margin: 0;
	padding: 0;
	text-align: center
}

.branchCont .branchTab .brandWordList>li {
	margin: 0 2px;
	vertical-align: top
}

.branchCont .branchTab .brandWordList>li.total {
	position: relative;
	margin: 0 2px
}

.branchCont .branchTab .brandWordList>li.total label {
	line-height: 40px;
	font-weight: 500;
	color: #4d6ee4
}

[lang=zh] .branchCont .branchTab .brandWordList>li.total label {
	font-weight: 700
}

[lang=zh] .branchCont .branchTab .brandWordList>li.total label {
	color: #fe324b
}

.branchCont .branchTab .brandWordList>li label {
	width: 40px;
	height: 40px;
	line-height: 42px
}

.branchCont .branchTab .brandWordList>li input:checked+label {
	border-color: #e9ebfb;
	background-color: #e9ebfb;
	color: #4d6ee4
}

[lang=zh] .branchCont .branchTab .brandWordList>li input:checked+label {
	border-color: #ffeef1
}

[lang=zh] .branchCont .branchTab .brandWordList>li input:checked+label {
	background-color: #ffeef1
}

[lang=zh] .branchCont .branchTab .brandWordList>li input:checked+label {
	color: #fe324b
}

.branchCont .branchTab .brandWordList.koreanWord>li label {
	line-height: 40px
}

.branchCont .listNum .side .tabType02 {
	padding-top: 10px;
	text-align: right
}

.branchCont .listNum .side .tabType02>li {
	margin-left: 15px
}

.branchCont .listNum .side .tabType02>li a {
	padding: 0 6px 0 0;
	font-size: 1.5rem
}

.branchCont .listNum .side .tabType02>li a .flag.branch_s {
	margin-right: 8px;
	font-weight: 400;
	font-size: 1.3rem
}

.branchCont .listNum .side .tabType02>li a .flag.branch_s.branch_s:before {
	display: none
}

.branchCont .listNum .side .tabType02>li a::after {
	top: 4px;
	right: 0;
	width: 4px;
	height: 4px
}

.branchCont .brandStoreList {
	overflow: hidden;
	margin: 8px 0 0 -16px
}

.branchCont .brandStoreList li {
	float: left;
	width: 33.33%;
	margin-top: 16px;
	padding-left: 16px
}

.branchCont .brandStoreList li .inner {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 75px;
	padding: 0 24px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.branchCont .brandStoreList li .inner>span {
	display: table-cell;
	vertical-align: middle
}

.branchCont .brandStoreList li .inner .txt .brandName {
	color: #373a3c;
	font-weight: 500;
	font-size: 1.8rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .branchCont .brandStoreList li .inner .txt .brandName {
	font-weight: 700
}

.branchCont .brandStoreList li .inner .flagArea {
	text-align: right
}

.branchCont .brandTit {
	margin: 0 0 40px;
	font-weight: 500;
	font-size: 3.6rem
}

[lang=zh] .branchCont .brandTit {
	font-weight: 700
}

.branchCont .brandShop {
	margin-top: 0
}

.branchCont .brandShop .tabContentWrap {
	border: 1px solid #ebedf2;
	border-top: none;
	border-radius: 0 0 8px 8px;
	background: #f8fafc
}

.branchCont .benefitTxt {
	margin: 40px 0 24px;
	text-align: center;
	color: #1e2023;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .branchCont .benefitTxt {
	font-weight: 700
}

.branchCont .benefitTxt .point {
	color: #4d6ee4
}

[lang=zh] .branchCont .benefitTxt .point {
	color: #fe324b
}

.branchCont .benefitTxt+.listNum {
	border-bottom: 0
}

.branchCont .smartPickBanner figure {
	overflow: hidden;
	position: relative;
	height: 400px;
	border-radius: 8px
}

.branchCont .smartPickBanner figure img {
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	margin: auto
}

.branchCont .smartPickBanner figure .bannerTxt {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -70px;
	width: 100%;
	text-align: center;
	color: #fff
}

.branchCont .smartPickBanner figure .bannerTxt .tit {
	display: block;
	font-weight: 500;
	font-size: 5.2rem
}

[lang=zh] .branchCont .smartPickBanner figure .bannerTxt .tit {
	font-weight: 700
}

.branchCont .smartPickBanner figure .bannerTxt .desc {
	line-height: 30px;
	font-size: 1.8rem;
	opacity: .8
}

.branchCont .smartPickWhat {
	text-align: center
}

.branchCont .smartPickWhat .titDep2 {
	font-weight: 500;
	font-size: 3.6rem
}

[lang=zh] .branchCont .smartPickWhat .titDep2 {
	font-weight: 700
}

.branchCont .smartPickWhat .txt {
	color: #1e2023;
	font-size: 2.4rem
}

.branchCont .smartPickWhat .txt .point {
	color: #4d6ee4
}

[lang=zh] .branchCont .smartPickWhat .txt .point {
	color: #fe324b
}

.branchCont .smartPickWhat .btnArea {
	margin-top: 65px;
	padding-top: 445px;
	background: url(/fo/images/common/branch_bg01.png) 50% 0 no-repeat
}

.branchCont .smartPickWhat .btnArea>a {
	width: 245px
}

.branchCont .smartPickWhat .btnArea>a span {
	position: relative;
	padding-left: 26px
}

.branchCont .smartPickWhat .btnArea>a span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 20px;
	margin-top: -10px;
	vertical-align: middle
}

.branchCont .smartPickWhat .btnArea>a span.appstore {
	background: url(/fo/images/common/ico_appstore.png) 0 50% no-repeat
}

.branchCont .smartPickWhat .btnArea>a span.googleplay {
	background: url(/fo/images/common/ico_googleplay.png) 0 50% no-repeat
}

.branchCont .smartPickHow {
	margin-top: 80px;
	border-top: 1px solid #eaeaea
}

.branchCont .smartPickHow .titDep2 {
	margin-top: 80px;
	font-weight: 500;
	font-size: 3.6rem
}

[lang=zh] .branchCont .smartPickHow .titDep2 {
	font-weight: 700
}

.branchCont .smartPickHow ul {
	overflow: hidden
}

.branchCont .smartPickHow ul li {
	float: left;
	position: relative;
	width: 20%;
	text-align: center
}

.branchCont .smartPickHow ul li::before {
	content: "";
	display: block;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	border-radius: 50%;
	background: #f7f7fd
}

.branchCont .smartPickHow ul li::after {
	content: "";
	position: absolute;
	top: 41px;
	left: 50%;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	background: url(/fo/images/common/ico_smartpick_step.png) no-repeat
}

.branchCont .smartPickHow ul li:nth-child(2):after {
	background-position-x: -48px
}

.branchCont .smartPickHow ul li:nth-child(3):after {
	background-position-x: -96px
}

.branchCont .smartPickHow ul li:nth-child(4):after {
	background-position-x: -144px
}

.branchCont .smartPickHow ul li:nth-child(5):after {
	background-position-x: -192px
}

.branchCont .smartPickHow ul li .step {
	display: block;
	margin: 24px 0 8px;
	font-weight: 700;
	font-size: 2.4rem;
	color: #4d6ee4
}

[lang=zh] .branchCont .smartPickHow ul li .step {
	color: #fe324b
}

.branchCont .smartPickHow ul li .txt {
	line-height: 26px;
	color: #1e2023;
	font-size: 1.8rem
}

.joinQR {
	float: right;
	width: 272px;
	height: 272px;
	padding-top: 30px;
	border: 1px solid #dcdfe3;
	border-radius: 6px;
	text-align: center
}

.joinQR dt {
	margin-bottom: 8px;
	color: #373a3c;
	font-weight: 700;
	font-size: 2rem
}

.joinQR dd {
	color: #6b6e73
}

.joinQR dd.img {
	margin-top: 21px
}

.branchPop .layCont {
	max-height: 360px
}

.visualAlert {
	margin: 0 -24px
}

.visualAlert figure img {
	width: 100%
}

.sindy.titDep1 {
	margin: 56px 0 22px;
	line-height: 1.54;
	font-size: 4rem
}

.sindyVisual {
	overflow: hidden;
	position: relative;
	height: 400px;
	border-radius: 8px;
	background: #703e03
}

.sindyVisual>figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.sindyVisual>figure img {
	position: absolute;
	right: 0;
	top: 0
}

.sindyVisual .sindyTxt {
	position: relative;
	max-width: 1136px;
	height: 100%;
	margin: 0 auto;
	padding: 120px 0 0 120px;
	color: #fff
}

.sindyVisual .sindyTxt a {
	display: inline-block
}

.sindyVisual .sindyTxt a .tit {
	display: block;
	margin-bottom: 18px;
	line-height: 1.33;
	font-weight: 500;
	font-size: 3.6rem;
	letter-spacing: -1.08px
}

[lang=zh] .sindyVisual .sindyTxt a .tit {
	font-weight: 700
}

.sindyVisual .sindyTxt a .txt {
	display: block;
	font-weight: 400;
	font-size: 1.5rem;
	opacity: .7
}

.sindyVisual+.tabType01 {
	margin-top: 96px
}

.sindyVisual+.tabType01 li>.subTab {
	margin-top: 8px
}

.sindySorting {
	margin-top: 24px;
	border-bottom: 0
}

.sindySorting .selectWrap.selectS.selectCate {
	position: absolute;
	left: 0;
	top: 0
}

.sindySorting .selectWrap.selectS.selectCate .ui-selectmenu-button-open .ui-selectmenu-text {
	color: #4d6ee4
}

[lang=zh] .sindySorting .selectWrap.selectS.selectCate .ui-selectmenu-button-open .ui-selectmenu-text {
	color: #fe324b
}

.sindySorting .selectWrap.selectS.selectCate .ui-selectmenu-text {
	padding-left: 0;
	color: #373a3c
}

.sindySorting .selectWrap.selectS.selectCate .ui-selectmenu-menu {
	left: 0 !important
}

.sindySorting .selectWrap.selectS.selectCate .ui-selectmenu-button.ui-selectmenu-button-open~.triangle {
	left: 15px
}

.sindySorting~.imgList.sindyArea>.library.col2>li {
	margin-top: 56px
}

.sindyArea {
	padding-top: 8px
}

.sindyArea.imgList>ul.library>li .brand figure {
	margin-bottom: 0
}

.sindyArea.imgList>ul.library>li .tit {
	margin-top: 25px;
	margin-bottom: 8px;
	padding-right: 60px
}

.sindyArea .popShare.popshareR {
	margin-left: 5px
}

#filterContents .imgList .library.col2>li .cont>.tit {
	margin-top: 25px;
	margin-bottom: 8px;
	padding-right: 60px
}

.sindyInfo {
	position: relative;
	margin: 56px 0 25px;
	text-align: center
}

.sindyInfo .tit {
	text-align: center;
	color: #1e2023;
	font-weight: 700;
	font-size: 4rem
}

.sindyInfo .txt {
	margin-top: 6px;
	color: #6b6e73;
	font-size: 1.8rem
}

.sindyInfo .date {
	margin-right: 20px;
	color: #373a3c;
	opacity: .8;
	letter-spacing: 0
}

.sindyInfo .icoArea {
	position: absolute;
	top: 0;
	right: 0
}

.sindyDtl {
	width: 1000px;
	margin: 0 auto;
	text-align: center
}

.sindyDtl .sindyDtlListArea {
	margin: 46px 0 62px
}

.sindyDtl .sindyDtlListArea .tit {
	display: block;
	color: #1e2023;
	font-weight: 500;
	font-size: 3.6rem
}

[lang=zh] .sindyDtl .sindyDtlListArea .tit {
	font-weight: 700
}

.sindyDtl .sindyDtlListArea .txt {
	display: block;
	margin-top: 12px;
	color: #5a5f64
}

.sindyDtl .sindyDtlListArea .sindyDtlList {
	margin-top: 32px;
	border-top: 1px solid #dcdfe3
}

.sindyDtl .sindyDtlListArea .sindyDtlList li {
	display: block;
	margin-top: 48px;
	text-align: left
}

.sindyDtl .sindyDtlListArea .sindyDtlList li .cont {
	position: relative;
	height: 182px;
	padding-left: 352px
}

.sindyDtl .sindyDtlListArea .sindyDtlList li .cont figure {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 304px;
	height: 182px;
	border-radius: 8px
}

.sindyDtl .sindyDtlListArea .sindyDtlList li .cont figure img {
	width: 100%
}

.sindyDtl .sindyDtlListArea .sindyDtlList li .cont .txt {
	display: block;
	margin-top: 4px;
	color: #5a5f64
}

.sindyDtl .sindyDtlListArea .sindyDtlList li .cont .desc {
	display: block;
	margin-top: 12px;
	color: #1e2023;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .sindyDtl .sindyDtlListArea .sindyDtlList li .cont .desc {
	font-weight: 700
}

.sindyDtl .sindyDtlListArea .sindyDtlList li .cont .link {
	display: inline-block;
	width: 184px;
	height: 56px;
	margin-top: 16px;
	padding: 15px 0 14px;
	border-radius: 80px;
	text-align: center;
	color: #373a3c;
	font-weight: 700;
	font-size: 1.8rem;
	background: #f9ece8
}

.sindyDtl~.usedInfoList {
	width: 1000px;
	margin: 64px auto 0
}

.titDep1.case .txtSub {
	margin-top: 12px
}

.ohmyBannerArea {
	overflow: hidden;
	position: relative;
	margin-bottom: 64px;
	border-radius: 8px
}

.ohmyBannerArea .gotBanner {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px
}

.ohmyBannerArea .gotBanner figure {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1520px;
	height: 400px;
	margin-left: -760px
}

.ohmyBannerArea .gotBannerBtm {
	position: relative;
	height: 64px;
	background: #810303
}

.ohmyBannerArea .gotBannerBtm .gotTime {
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: normal
}

[lang=zh] .ohmyBannerArea .gotBannerBtm .gotTime {
	font-weight: 700
}

.ohmyBannerArea .gotBannerBtm .gotTime strong {
	margin-right: 4px;
	padding-left: 24px;
	color: #f2ff00;
	font-weight: 500;
	background: url(/fo/images/view/ico_clock_yellow.png) no-repeat 0 50%
}

[lang=zh] .ohmyBannerArea .gotBannerBtm .gotTime strong {
	font-weight: 700
}

.ohmyBannerArea .gotBannerBtm .gotTime time {
	margin-left: 4px
}

.ohmyBannerArea .gotBannerBtm .gotTime time>span {
	display: inline-block;
	min-width: 26px;
	height: 36px;
	margin: 0 8px 0 4px;
	padding: 0 8px;
	border-radius: 4px;
	line-height: 36px;
	text-align: center;
	color: #ff5644;
	font-weight: 700;
	font-size: 2rem;
	background: #fff
}

.ohmyBanner {
	overflow: hidden;
	border-radius: 8px
}

.ohmyBanner figure {
	overflow: hidden;
	position: relative;
	height: 130px;
	margin: 0 auto
}

.ohmyBanner figure img {
	position: absolute;
	left: 50%;
	margin-left: -760px
}

.ohmyCont .tabType06 {
	margin-top: 96px
}

.ohmyCont .tabContentWrap .mTit {
	margin: 41px 0 8px
}

.ohmyCont .tabContentWrap .txtSub {
	text-align: center
}

.ohmyCont .tabContentWrap .txtSub+.basket_pr {
	margin-top: 24px
}

.ohmyCont .tabContentWrap .txtSub+.basket_pr .saleNum {
	left: 8px !important
}

.ohmyCont .tabType01 {
	margin-top: 80px
}

.ohmyCont .prodCont {
	padding: 0 8px !important
}

.ohmyCont .prodCont.prodSoldout figure {
	padding: 0
}

.ohmyCont .prodCont.prodSoldout .saleNum {
	z-index: 0 !important
}

.ohmyCont .prodCont.prodSoldout .prodState.soldOut {
	width: auto;
	margin-left: -45px;
	padding: 0 16px
}

.categoryCont {
	margin-bottom: -100px !important;
	text-align: left !important
}

.categoryCont .radBox.boxCol03 .frmSel {
	width: 50%
}

.categoryCont .contents {
	padding-bottom: 100px
}

.categoryCont .titDep2 {
	margin-bottom: 20px;
	text-align: center
}

.categoryCont .titDep2+.tabType02 {
	margin-bottom: 25px
}

.categoryCont .prodSorging {
	margin-top: 32px
}

.categoryCont .prodSorging .frmSwitch+.selectWrap,
.categoryCont .prodSorging .sortingList+.selectWrap {
	margin-left: 8px;
	padding-left: 15px
}

.categoryCont .prodSorging .frmSwitch+.selectWrap::before,
.categoryCont .prodSorging .sortingList+.selectWrap::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dcdfe3
}

.categoryCont #filter {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2001;
	width: auto
}

.categoryCont #filter.opened {
	z-index: 2002
}

.categoryCont #filter.opened #filterWrap {
	display: block;
	box-shadow: 6px 2px 10px 0px rgba(30, 32, 35, .1)
}

.categoryCont #filter.opened #filterWrap .filterCont {
	height: calc(100% - 122px);
	padding-bottom: 24px
}

.categoryCont .tabType02>li>a {
	font-weight: 400;
	color: #5a5f64
}

.categoryCont .tabType02>li.tabON>a {
	font-weight: 700;
	color: #373a3c
}

.categoryCont .tabType02>li.tabON>a::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: calc(100% - 20px);
	height: 2px;
	margin-left: calc(50% - 10px - (100% - 20px));
	background: #373a3c
}

.brandTabs .brandTop .frmSearch {
	display: block;
	position: relative;
	border-radius: 4px;
	margin: 0;
	background: #f8fafc
}

.brandTabs .brandTop .frmSearch input[type=text] {
	box-sizing: border-box
}

.brandTabs .brandTop .frmSearch input[type=text]:focus {
	border-color: #4d6ee4
}

[lang=zh] .brandTabs .brandTop .frmSearch input[type=text]:focus {
	border-color: #fe324b
}

.brandTabs .brandTop .frmSearch .icDel {
	top: 50%;
	right: 38px;
	width: 20px;
	margin-top: -20px
}

.brandTabs .brandTop .frmSearch .icDel::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 50;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/ico_search_del.png) no-repeat
}

.brandTabs .brandBtm {
	margin-top: 15px
}

.brandTabs .brandBtm .tabType02 {
	margin: 0;
	text-align: left
}

.brandTabs .brandBtm .tabType02>li {
	border-left: 1px solid #dcdfe3
}

.brandTabs .brandBtm .tabType02>li a {
	line-height: 12px;
	color: #8b8f94;
	font-size: 1.3rem
}

.brandTabs .brandBtm .tabType02>li a::before {
	display: none
}

.brandTabs .brandBtm .tabType02>li:first-child {
	border: none
}

.brandTabs .brandBtm .tabType02>li:first-child a {
	padding-left: 0
}

.brandTabs .brandBtm .tabType02>li.tabON a {
	color: #373a3c
}

.brandTabs .brandBtm .tabType02>li.tabON a::after {
	top: -2px;
	width: 4px;
	height: 4px
}

.brandTabs .brandBtm .cateBrandList {
	overflow: auto;
	max-height: 172px;
	margin-top: 15px
}

.brandTabs .brandBtm .cateBrandList .brandSearchList {
	padding: 0
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li {
	padding-bottom: 12px;
	color: #6b6e73;
	font-size: 1.3rem
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div:first-child,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li:first-child {
	margin-top: 0
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel input,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel input {
	opacity: 0
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel label,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel label {
	position: relative;
	padding: 0 24px 0 0
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel label::before,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel label::before {
	display: none
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel input:checked+label,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel input:checked+label {
	color: #4d6ee4;
	font-weight: 500
}

[lang=zh] .brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel input:checked+label,
[lang=zh] .brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel input:checked+label {
	color: #fe324b
}

[lang=zh] .brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel input:checked+label,
[lang=zh] .brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel input:checked+label {
	font-weight: 700
}

.brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel input:checked+label::after,
.brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel input:checked+label::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 25px;
	background-position: -336px 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-image: url(/fo/images/common/spr_form.png);
	background-repeat: no-repeat
}

[lang=zh] .brandTabs .brandBtm .cateBrandList .brandSearchList>div .frmSel input:checked+label::after,
[lang=zh] .brandTabs .brandBtm .cateBrandList .brandSearchList>li .frmSel input:checked+label::after {
	background-image: url(/fo/images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.cbsQuickBuyMain .listNum.listDel {
	margin-top: 30px;
	line-height: 48px
}

.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .prodInfo .prodName+.infoWarp {
	margin-top: 10px
}

.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .prodInfo .prodName+.infoWarp .code+.code::after {
	content: "";
	display: block;
	position: absolute;
	left: -13px;
	top: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .prodInfo .prodName+.infoWarp .code+.code.possibleTime::after {
	display: none
}

.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .purchaseBtn .inner .frmNumWrap .storeInfo>b,
.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .purchaseBtn .inner .frmNumWrap .storeInfo>span {
	display: inline-block;
	height: 25px;
	line-height: 25px
}

.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .purchaseBtn .inner .frmNumWrap .storeInfo>b {
	margin-right: 20px
}

#container.container.mz-listWrap {
	width: 100%;
	max-width: 100%;
	padding: 49px 0 0
}

#container.container.mz-listWrap .fixedWrap {
	position: relative;
	z-index: 3;
	background: #fff
}

#container.container.mz-listWrap .fixedWrap .inner {
	padding: 0 88px
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 72px;
	margin: 0 0 1px
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .titDep1 {
	margin: 0 18px 0 0;
	font-size: 4rem;
	font-weight: 700;
	letter-spacing: -1.2px
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS {
	padding-left: 2px
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dcdfe3
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-menu {
	overflow: inherit;
	top: 46px !important;
	left: 16px !important;
	min-width: 80px;
	padding: 3px 0 10px;
	border-top: none;
	border-radius: 0 0 8px 8px
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-menu::before {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: -12px;
	width: calc(100% + 2px);
	height: 12px;
	background: url(/fo/images/common/bg_select_arr.png) no-repeat 0 0;
	background-size: 100%
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-menu .ui-menu button {
	height: 28px
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-button .ui-selectmenu-text {
	color: #5a5f64;
	font-size: 1.8rem;
	font-weight: 400
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-button::after {
	right: 0;
	width: 21px;
	height: 21px;
	margin: -10.5px 0 0 -10.5px;
	background: url(/fo/images/view/ico_mz_sel.png) no-repeat 0 0;
	background-size: cover
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-button[aria-expanded=true]::after {
	transform: rotate(180deg)
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open::before {
	display: none
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner a[data-keytabidx] {
	display: none
}

#container.container.mz-listWrap .fixedWrap .inner .titWrap .titWrapInner .btn-keyCh {
	display: none
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap {
	padding-bottom: 57px;
	transition: all .25s ease-in-out
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li {
	margin: 9px 4px 0
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li a {
	padding: 0;
	font-size: 1.5rem;
	background: #fff
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li a::after {
	top: 56px
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li a span {
	display: block;
	position: relative;
	z-index: 0;
	height: 39px;
	padding: 0 16px;
	border-radius: 20px;
	text-align: center;
	line-height: 39px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400;
	box-sizing: border-box
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li a span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: 1px solid #eaeaea;
	border-radius: 20px
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.tabON a {
	border: none
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.tabON a span {
	color: #4d6ee4;
	background: #e9ebfb
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.tabON a span::before {
	border-color: #e9ebfb
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original a span b {
	font-weight: 700
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original a span b:first-child {
	color: #ff448f
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original a span b:nth-child(2) {
	color: #bc32d0
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original a span b:nth-child(3) {
	color: #5e7fd4
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original a span b:nth-child(4) {
	color: #00a6ac
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original.tabON span {
	background: linear-gradient(100deg, rgba(255, 68, 143, 0.8) 1%, rgba(188, 50, 208, 0.8) 19%, rgba(94, 127, 212, 0.8) 61%, rgba(0, 166, 172, 0.8) 86%, rgba(13, 213, 221, 0.8) 95%)
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original.tabON span::before {
	display: none
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap ul li.original.tabON span b {
	color: #fff !important
}

#container.container.mz-listWrap .fixedWrap .inner .keywordsWrap .closeL {
	display: none
}

#container.container.mz-listWrap .fixedWrap.fixed .inner {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap {
	height: 54px;
	margin: 9px 0
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner {
	left: 0
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner .titDep1 {
	font-size: 2.4rem
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner .selectWrap.selectS::before {
	height: 16px;
	margin-top: -8px
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-button::after {
	right: 18px;
	width: 8px;
	height: 6px;
	margin-top: -3px;
	background: url(/fo/images/common/ico_triangle_s.png) no-repeat 0 0;
	background-size: cover
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner .selectWrap.selectS .ui-selectmenu-button .ui-selectmenu-text {
	font-size: 1.3rem
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner a[data-keytabidx] {
	display: inline-block;
	margin-left: 15px;
	color: #4d6ee4;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] #container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner a[data-keytabidx] {
	font-weight: 700
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner .btn-keyCh {
	display: block;
	margin-left: 20px;
	color: #b9bcc0;
	font-size: 1.3rem;
	font-weight: 500;
	text-decoration: underline
}

[lang=zh] #container.container.mz-listWrap .fixedWrap.fixed .inner .titWrap .titWrapInner .btn-keyCh {
	font-weight: 700
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .keywordsWrap {
	display: none
}

#container.container.mz-listWrap .fixedWrap.fixed .inner .keywordsWrap .closeL {
	display: block;
	position: absolute;
	right: 40px;
	top: 16px;
	width: 40px;
	height: 40px;
	background: url(/fo/images/common/ico_closeL_40.png) no-repeat 0 0;
	background-size: cover
}

#container.container.mz-listWrap .visualArea {
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

#container.container.mz-listWrap .visualArea .bgImgWrap {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

#container.container.mz-listWrap .visualArea .bgImgWrap .bg {
	position: absolute;
	left: -50px;
	top: -50px;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	filter: blur(50px)
}

#container.container.mz-listWrap .visualArea .innerWrap {
	position: relative;
	z-index: 2;
	min-width: 1136px;
	max-width: 1520px;
	min-height: 664px;
	max-height: 832px;
	margin: 0 auto
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap {
	padding-top: 58.328%
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpListWrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 56px
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList {
	position: relative;
	max-width: 368px;
	min-height: 402px;
	max-height: 552px;
	width: 23.543%
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .thum {
	overflow: hidden;
	position: relative;
	padding-top: 150%;
	border-radius: 8px
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .thum::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.45) 100%)
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .thum img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 32px 29px
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .flag.original {
	display: block;
	width: 58px;
	height: 20px;
	margin-bottom: 10px;
	background: url(/fo/images/view/flag_mz_cont_original_sm.png) no-repeat;
	background-size: cover
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .tit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	margin-bottom: 8px;
	text-align: left;
	line-height: 1.36;
	font-size: 2.2rem;
	color: #fff;
	font-weight: 500;
	word-wrap: break-word
}

[lang=zh] #container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .tit {
	font-weight: 700
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .comment {
	display: block;
	position: relative;
	padding-left: 22px;
	text-align: left;
	line-height: 1.25;
	font-size: 1.6rem;
	color: #f2f5f9;
	font-weight: 500
}

[lang=zh] #container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .comment {
	font-weight: 700
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .comment::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/view/ico_comment_white.png);
	background-size: cover
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child {
	min-width: 552px;
	min-height: 552px;
	max-width: 720px;
	max-height: 720px;
	width: 47.4%
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child>a {
	width: 100%;
	height: 100%
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child>a .thum {
	padding-top: 100%
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child .conTxtArea {
	padding: 0 40px 38px
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child .conTxtArea .flag.original {
	width: 87px;
	height: 30px;
	margin-bottom: 19px;
	background-image: url(/fo/images/view/flag_mz_cont_original.png)
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child .conTxtArea .tit {
	margin-bottom: 10px;
	font-size: 3rem
}

#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:last-child {
	margin-bottom: 75px
}

#container.container.mz-listWrap .contents {
	max-width: 100%;
	margin-top: 40px
}

#container.container.mz-listWrap .contents .innerWrap {
	min-width: 1136px;
	max-width: 1520px;
	width: 100%;
	margin: 0 auto
}

#container.container.mz-listWrap .contents .bannerType {
	margin: 40px 0 96px
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList {
	position: relative
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .thum {
	overflow: hidden;
	border-radius: 8px
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .thum img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea {
	padding: 18px 8px 0
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .flag.original {
	display: block;
	position: absolute;
	left: 16px;
	top: 16px;
	width: 67px;
	height: 22px;
	background: url(/fo/images/view/flag_mz_cont_original_sm.png) no-repeat;
	background-size: cover
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .tit {
	overflow: hidden;
	display: block;
	margin-bottom: 9px;
	text-align: left;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.8rem;
	color: #373a3c;
	font-weight: 500;
	word-wrap: break-word
}

[lang=zh] #container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .tit {
	font-weight: 700
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .comment {
	display: block;
	position: relative;
	padding-left: 23px;
	text-align: left;
	line-height: 1.25;
	font-size: 1.6rem;
	color: #8b8f94;
	font-weight: 400
}

#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .comment::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 17px;
	height: 17px;
	margin-top: -8.5px;
	background: url(/fo/images/view/ico_comment_dark.png);
	background-size: cover
}

#container.container.mz-listWrap .contents .mainWrap {
	display: grid;
	grid-template-columns: 48.591% minmax(10px, 1fr);
	grid-gap: 24px;
	align-items: start;
	margin: 0
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big {
	position: sticky;
	top: 144px
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .stickyWrap {
	overflow: hidden;
	width: 100%;
	height: 100%
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .stickyWrap .contentsDpList {
	max-height: 100% !important
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .thum::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: linear-gradient(179deg, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.45) 100%)
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 40px 0 80px;
	text-align: center
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea .flag.original {
	position: absolute;
	left: 50%;
	top: 0;
	width: 87px;
	height: 30px;
	margin-left: -60px;
	background-image: url(/fo/images/view/flag_mz_cont_original.png)
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea .tit {
	margin-bottom: 16px;
	text-align: center;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: -0.96px
}

[lang=zh] #container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea .tit {
	font-weight: 700
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea .comment {
	display: inline-block;
	position: relative;
	padding-left: 23px;
	text-align: left;
	line-height: 1.25;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500
}

[lang=zh] #container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea .comment {
	font-weight: 700
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList a .conTxtArea .comment::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 17px;
	height: 17px;
	margin-top: -8.5px;
	background: url(/fo/images/view/ico_comment_white.png);
	background-size: cover
}

#container.container.mz-listWrap .contents .mainWrap .outerWrap {
	max-height: 100%
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-sm {
	box-sizing: border-box
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-sm .gutter {
	width: 4%
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-sm .contentsDpList {
	width: calc(50% - 12px);
	max-width: 368px;
	margin-bottom: 38px
}

#container.container.mz-listWrap .contents .mainWrap .mz-cont-sm .contentsDpList a .conTxtArea .comment {
	font-weight: 500
}

[lang=zh] #container.container.mz-listWrap .contents .mainWrap .mz-cont-sm .contentsDpList a .conTxtArea .comment {
	font-weight: 700
}

#container.container.mz-listWrap .contents .keywordsComponent {
	margin-top: 96px;
	padding: 41px 0 29px;
	border-radius: 8px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .08)
}

#container.container.mz-listWrap .contents .keywordsComponent .headingWrap .titDep2 {
	margin-bottom: 22px;
	font-size: 3.2rem;
	font-weight: 700
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType {
	font-size: 0
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 10px 50px
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 0;
	height: 16px;
	background: #f2ff00;
	transition: width .3s ease-out
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a:hover::after {
	width: 100%
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a:hover span {
	color: #373a3c;
	font-weight: 700
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a span {
	color: #8b8f94;
	font-size: 2.8rem;
	font-weight: 400;
	letter-spacing: -0.84px
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a[aria-selected=true] span {
	color: #373a3c;
	font-weight: 700
}

#container.container.mz-listWrap .contents .keywordsComponent .keywordsType a[aria-selected=true]::after {
	width: 100%
}

#container.container.mz-listWrap .contents .mz-cont {
	margin-top: 96px
}

#container.container.mz-listWrap .contents .mz-cont .gutter {
	width: 40px
}

#container.container.mz-listWrap .contents .mz-cont .contentsDpList {
	min-width: 260px;
	max-width: 350px;
	margin-bottom: 57px
}

#container.container.mz-listWrap .contents .mz-cont .contentsDpList a .conTxtArea .tit {
	font-size: 1.7rem
}

#container.container.mz-listWrap .contents .mz-cont .contentsDpList a .conTxtArea .comment {
	padding-left: 22px;
	font-size: 1.4rem;
	font-weight: 500
}

[lang=zh] #container.container.mz-listWrap .contents .mz-cont .contentsDpList a .conTxtArea .comment {
	font-weight: 700
}

#container.container.mz-listWrap .contents .mz-cont .contentsDpList a .conTxtArea .comment::before {
	width: 14px;
	height: 14px
}

#container.container.mz-listWrap .contents .mz-cont.inf .gutter {
	width: 2.75%
}

#container.container.mz-listWrap .contents .mz-cont.inf .contentsDpList {
	min-width: 272px;
	max-width: 368px;
	margin-bottom: 41px
}

#container.container.mz-listWrap .contents .mz-cont.inf .contentsDpList a .conTxtArea .tit {
	margin-bottom: 11px;
	font-size: 1.8rem
}

#container.container.mz-listWrap .contents .weeklyContComponent {
	position: relative
}

#container.container.mz-listWrap .contents .weeklyContComponent::before,
#container.container.mz-listWrap .contents .weeklyContComponent::after {
	content: "";
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f2f5f9
}

#container.container.mz-listWrap .contents .weeklyContComponent::before {
	left: -100%
}

#container.container.mz-listWrap .contents .weeklyContComponent::after {
	right: -100%
}

#container.container.mz-listWrap .contents .weeklyContComponent.wide::before,
#container.container.mz-listWrap .contents .weeklyContComponent.wide::after {
	display: block
}

.weeklyContComponent {
	padding: 60px 0 96px;
	background: #f2f5f9
}

.weeklyContComponent .headingWrap {
	text-align: center
}

.weeklyContComponent .headingWrap .titDep2 {
	color: #1e2023;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -0.96px
}

.weeklyContComponent ol {
	display: flex;
	justify-content: center;
	margin-top: 92px;
	text-align: center;
	counter-reset: section;
	font-size: 0
}

.weeklyContComponent ol li {
	position: relative;
	min-width: 214px;
	max-width: 291px;
	width: 100%;
	margin: 0 8px
}

.weeklyContComponent ol li:first-child {
	margin-left: 0
}

.weeklyContComponent ol li:last-child {
	margin-right: 0
}

.weeklyContComponent ol li::before {
	content: "0" counter(section);
	counter-increment: section;
	position: absolute;
	left: 0;
	top: -36px;
	font-size: 2.4rem;
	color: #1e2023;
	font-weight: 700;
	letter-spacing: -0.72px
}

.weeklyContComponent ol li .contentsDpList {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	height: 100%;
	border-radius: 8px
}

.weeklyContComponent ol li .contentsDpList a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.weeklyContComponent ol li .contentsDpList a .thum {
	overflow: hidden;
	width: 100%;
	height: 100%
}

.weeklyContComponent ol li .contentsDpList a .thum::after {
	content: "";
	display: block;
	opacity: .48;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000, #545454)
}

.weeklyContComponent ol li .contentsDpList a .thum img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover
}

.weeklyContComponent ol li .contentsDpList a .conTxtArea {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px 16px 22px
}

.weeklyContComponent ol li .contentsDpList a .conTxtArea .flag.original {
	position: absolute;
	left: 16px;
	top: 3px;
	width: 58px;
	height: 20px;
	background: url(/fo/images/view/flag_mz_cont_original_sm.png) no-repeat;
	background-size: cover
}

.weeklyContComponent ol li .contentsDpList a .conTxtArea .tit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 8px;
	text-align: left;
	line-height: 1.2;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: -0.6px
}

[lang=zh] .weeklyContComponent ol li .contentsDpList a .conTxtArea .tit {
	font-weight: 700
}

.weeklyContComponent ol li .contentsDpList a .conTxtArea .comment {
	display: block;
	position: relative;
	padding-left: 22px;
	text-align: left;
	line-height: 1.25;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500
}

[lang=zh] .weeklyContComponent ol li .contentsDpList a .conTxtArea .comment {
	font-weight: 700
}

.weeklyContComponent ol li .contentsDpList a .conTxtArea .comment::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/view/ico_comment_white.png);
	background-size: cover
}

#wrapper.mainWrapper.spidxContainer {
	overflow: hidden
}

#wrapper.mainWrapper .contents.spidx {
	min-height: 440px;
	margin-top: 0
}

.contents.spidx .bannerArea {
	overflow-y: clip;
	margin-bottom: 44px
}

.contents.spidx .bannerArea .mainBannerSwiper .swiper-slide figure img {
	width: 1920px;
	margin-left: -960px
}

.contents.spidx .bannerArea .mainBannerSwiper .swiper-slide .bannerTxt .inner * {
	position: relative;
	top: -18px
}

.contents.spidx .bannerArea .mainBannerSwiper .swiper-slide .bannerTxt .inner .bannerFlag {
	margin-bottom: 12px
}

.contents.spidx .bannerArea .mainBannerSwiper .swiper-slide .bannerTxt .inner .titEvent {
	margin-bottom: 20px
}

.contents.spidx .bannerArea .mainBannerSwiper.transitionOff .swiper-slide .bannerTxt .inner * {
	transition: none
}

.contents.spidx .bannerArea .mainBannerSwiper.typeV .swiper-slide .bannerTxt .inner * {
	position: initial
}

.contents.spidx .bannerArea * {
	overflow: visible
}

.contents.spidx .bannerArea.bannerAreaLx .mainBannerSwiper .swiper-slide .bannerTxt .inner * {
	top: 1px
}

.contents.spidx .bannerArea.bannerAreaLx .mainBannerSwiper .swiper-slide .bannerTxt .inner .titEvent {
	margin-bottom: 10px;
	max-height: 124px;
	line-height: 1.23;
	font-weight: 700
}

.contents.spidx .bannerArea.bannerAreaLx .mainBannerSwiper.typeV .swiper-slide .bannerTxt .inner .titEvent {
	max-height: initial
}

.contents.spidx .brandArea {
	overflow: hidden;
	margin-bottom: 90px
}

.contents.spidx .brandArea .swiperWrap {
	padding-bottom: 0;
	padding-top: 16px
}

.contents.spidx .brandArea .swiperWrap.controlBtn {
	padding-bottom: 0 !important
}

.contents.spidx .brandArea .swiperWrap.ie9 .swiper-slide {
	padding: 0 20px
}

.contents.spidx .brandArea .swiperWrap .swiper-container {
	overflow: visible
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con {
	display: block;
	position: relative;
	width: 100%;
	text-align: center
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con:hover figure {
	box-shadow: 0 5px 15px 0 rgba(30, 32, 35, .1)
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con figure {
	overflow: hidden;
	position: relative;
	top: 0;
	border-radius: 60px;
	transition: all ease .25s;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con figure::after {
	content: "";
	display: block;
	opacity: .1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transition: all .25s ease
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con figure:hover {
	top: -16px
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con figure:hover::after {
	opacity: .5
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con figure img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con .brandName {
	display: block;
	padding: 13px 0 8px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .contents.spidx .brandArea .swiperWrap .swiper-slide .con .brandName {
	font-weight: 700
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con .saleNum {
	color: #e6230a;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con .txtLoginBefore {
	display: inline-block;
	position: relative;
	margin-top: 5px;
	padding-left: 12px;
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.contents.spidx .brandArea .swiperWrap .swiper-slide .con .txtLoginBefore::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 11px;
	height: 13px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -105px -24px
}

.contents.spidx .brandArea .swiperWrap .ts-prev,
.contents.spidx .brandArea .swiperWrap .ts-next {
	top: 25%
}

.contents.spidx .brandArea .swiperWrap.controlBtn .ts-next.ts-button-disabled.hide {
	display: none
}

.contents.spidx .brandArea .swiperWrap .con.moreCase {
	overflow: visible !important;
	display: block;
	position: relative;
	padding: 0 !important;
	background: none !important
}

.contents.spidx .brandArea .swiperWrap .con.moreCase .slideMore {
	margin: -27px 0 0 -33px;
	background: url(/fo/images/view/ico_more_type03.png) no-repeat 50% 0 !important;
	box-sizing: border-box
}

.contents.spidx .brandArea .swiperWrap .ts-controls {
	margin-top: 9px;
	text-align: center
}

.contents.spidx .brandArea .swiperWrap .ts-controls .ts-paging {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle
}

.contents.spidx .spidx_consec_type1 {
	margin-bottom: 88px
}

.contents.spidx .spidx_consec_type1 .titDep2 {
	height: 40px;
	margin-bottom: 30px;
	line-height: 40px;
	vertical-align: top;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -0.96px
}

.contents.spidx .spidx_consec_type1 .titDep2 .desc {
	display: inline-block;
	position: relative;
	height: 40px;
	margin-left: 12px;
	padding-left: 12px;
	line-height: 40px;
	vertical-align: top;
	color: #6b6e73;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: -0.54px
}

.contents.spidx .spidx_consec_type1 .titDep2 .desc::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dcdfe3
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04 {
	width: calc(100% + 16px);
	margin: 0 -8px;
	text-align: left;
	font-size: 0
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04>.prodCont {
	width: 25%;
	margin: 0;
	padding: 0 8px
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04>.prodCont>a figure {
	padding-top: 150% !important
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04>.prodCont>a .prodInfo .prodName {
	font-size: 1.5rem
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04>.prodCont .optionBtns {
	height: 51px;
	margin-top: -51px
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04>.prodCont .optionBtns button {
	margin: 5px -1px
}

.contents.spidx .spidx_consec_type1 .prodList.prodThumb.listCol04>.prodCont .prodFlag span {
	margin-right: 4px
}

.contents.spidx .spidx_consec_type1 .prodCont .priceArea,
.contents.spidx .spidx_consec_type1 .prodCont .prodFlag {
	margin-top: 10px
}

.contents.spidx .spidx_consec_type1 .prodCont .prodInfo {
	margin-top: 9px
}

.contents.spidx .spidx_consec_type1 .prodCont .prodInfo .brandName {
	margin-bottom: -2px
}

.contents.spidx .spidx_consec_type1 .prodCont .prodInfo .priceArea .saleCont {
	margin-top: 2px
}

.contents.spidx .spidx_consec_type1 .prodCont .chkFavo {
	margin-top: 5px;
	margin-right: 0
}

.contents.spidx .spidx_consec_type1 .tabArea {
	margin-bottom: 16px
}

.contents.spidx .spidx_consec_type1 .tabArea .iScrollWrap .tabBasic a {
	line-height: 38px
}

.contents.spidx .spidx_consec_type1 .curationArea,
.contents.spidx .spidx_consec_type1 .newProdArea {
	font-size: 0
}

.contents.spidx .spidx_consec_type1 .curationArea .prodCont,
.contents.spidx .spidx_consec_type1 .newProdArea .prodCont {
	margin: 0;
	padding: 0 6px
}

.contents.spidx .spidx_consec_type1 .curationArea .prodCont a figure,
.contents.spidx .spidx_consec_type1 .newProdArea .prodCont a figure {
	padding-top: 150% !important
}

.contents.spidx .spidx_consec_type1 .curationArea .prodCont a .prodInfo .prodName,
.contents.spidx .spidx_consec_type1 .newProdArea .prodCont a .prodInfo .prodName {
	font-size: 1.5rem
}

.contents.spidx .spidx_consec_type1 .curationArea .prodCont a .prodInfo .priceArea .saleCont,
.contents.spidx .spidx_consec_type1 .newProdArea .prodCont a .prodInfo .priceArea .saleCont {
	font-size: 0
}

.contents.spidx .spidx_consec_type1 .curationArea .prodCont a .prodInfo .priceArea .saleCont .saleDollar,
.contents.spidx .spidx_consec_type1 .newProdArea .prodCont a .prodInfo .priceArea .saleCont .saleDollar {
	font-size: 1.5rem
}

.contents.spidx .spidx_consec_type1 .curationArea .prodCont .prodFlag>span,
.contents.spidx .spidx_consec_type1 .newProdArea .prodCont .prodFlag>span {
	margin-right: 4px
}

.contents.spidx .spidx_consec_type1 .curationArea {
	font-size: 0
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect,
.contents.spidx .spidx_consec_type1 .curationArea .brandView {
	display: inline-block;
	vertical-align: top
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect {
	width: 30%
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap {
	padding-bottom: 11px
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap .tabBasic>li {
	display: block;
	margin-top: 3px;
	text-align: left
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap .tabBasic>li a {
	overflow: hidden;
	display: inline-block;
	max-width: calc(100% - 20px);
	padding-left: 0;
	line-height: 1.2;
	color: #373a3c;
	font-size: 2.4rem;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap .tabBasic>li.tabON a {
	color: #4d6ee4;
	font-weight: 700
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap .tabBasic>li.tabON a::after {
	background: #4d6ee4
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap .tabBasic>li:first-child {
	margin-top: 0
}

.contents.spidx .spidx_consec_type1 .curationArea .brandSelect .swiperWrap .ts-controls .ts-paging {
	text-align: left
}

.contents.spidx .spidx_consec_type1 .curationArea .brandView {
	width: 70%
}

.contents.spidx .spidx_consec_type1 .curationArea .brandView .prodList {
	margin: 0 -6px;
	font-size: 0
}

.contents.spidx .spidx_consec_type1 .curationArea .brandView .prodList .prodCont:nth-child(n+5) {
	display: none
}

.contents.spidx .spidx_consec_type1 .swiperBanner {
	margin-bottom: -18px;
	padding-bottom: 30px
}

.contents.spidx .spidx_consec_type1 .swiperBanner .swiper-pagination {
	bottom: 46px
}

.contents.spidx .spidx_consec_type1 .newProdArea .swiperWrap {
	padding-bottom: 30px
}

.contents.spidx .spidx_consec_type1 .newProdArea .swiperWrap .prodCont {
	padding: 0
}

.contents.spidx .visualInBnr {
	margin-bottom: 98px
}

.contents.spidx .visualInBnr .swiper-slide-active {
	z-index: 1
}

.contents.spidx.liquor {
	opacity: 0
}

.contents.spidx.liquor.show {
	opacity: 1;
	transition: opacity .25s ease-in-out
}

.contents.spidx.liquor .area_lv1~.area_lv1 #recommDiv {
	margin-top: 75px;
	text-align: center
}

.contents.spidx.liquor #D2306001944+#D2306001939 {
	margin-top: 80px
}

.contents.spidx.liquor #recommDiv .prodList .prodCont .prodState {
	left: 50%;
	top: 50%;
	margin: 0;
	transform: translate(-50%, -50%)
}

.contents.spidx.liquor #recommDiv .prodList .prodCont .prodState.adult {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #fff
}

.contents.spidx.liquor #recommDiv .prodList .prodCont .prodState.adult+img {
	opacity: 0
}

.contents.spidx.liquor .spidx_consec_type1~.spidx_consec_type1 {
	margin-top: 75px
}

.contents.spidx.liquor .spidx_consec_type1 h2 {
	position: relative;
	height: initial;
	color: #1e2023;
	font-size: 34px;
	font-weight: 700
}

.contents.spidx.liquor .spidx_consec_type1 h2 .subTxt {
	display: block;
	margin-top: 60px;
	font-size: 2.8rem;
	font-weight: 500
}

[lang=zh] .contents.spidx.liquor .spidx_consec_type1 h2 .subTxt {
	font-weight: 700
}

.contents.spidx.liquor .spidx_consec_type1 h2 .btmLine {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	height: 3px;
	background: #1e2023
}

.contents.spidx.liquor .spidx_consec_type1 .tabArea {
	margin-bottom: 32px
}

.contents.spidx.liquor .spidx_consec_type1 .tabArea .tabType04 {
	display: block;
	text-align: center
}

.contents.spidx.liquor .spidx_consec_type1 .tabArea .tabType04 li {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: inherit
}

.contents.spidx.liquor .spidx_consec_type1 .tabArea .tabType04 li a {
	display: inline-block;
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	border-radius: 20px;
	border: 1px solid #eaeaea;
	font-weight: 400;
	background: none
}

.contents.spidx.liquor .spidx_consec_type1 .tabArea .tabType04 li a[aria-selected=true] {
	border-color: #1e2023;
	color: #fff;
	font-weight: 700;
	background: #1e2023
}

.contents.spidx.liquor .spidx_consec_type1 .tabType06 {
	display: none
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap h2 {
	display: none
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon {
	cursor: pointer;
	transition: all .3s ease-in-out
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .prodState {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
	transform: translate(-50%, -50%);
	text-align: center
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .prodState.soldOut {
	width: 70px;
	height: 32px;
	line-height: 32px;
	border-radius: 8px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(55, 58, 60, .6)
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .prodState.adult {
	position: absolute;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	color: #1e2023;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -0.09em;
	background: #fff
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .prodState.adult::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	line-height: 80px;
	border: 2px solid #e6230a;
	border-radius: 50%;
	box-sizing: border-box
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .prodState.adult+img {
	opacity: 0
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .prodState+img {
	opacity: .6
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon figure.prodImg::before {
	opacity: 1;
	transition: all .3s ease-in-out
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon figure.prodImg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #fff
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon figure.prodImg.isFlag::before {
	display: none
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon .biImg img {
	display: block;
	height: 100%;
	object-fit: contain
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon:hover {
	background: #fff;
	filter: drop-shadow(0px 10px 20px rgba(142, 158, 217, 0.15))
}

.contents.spidx.liquor .spidx_consec_type1 .tabContentWrap .liquorList .LayerLiquorCoupon:hover .prodImg::before {
	opacity: 0
}

.contents.spidx.liquor .bannerType {
	max-width: initial;
	height: auto
}

.contents.spidx.liquor .bannerType figure img {
	position: static;
	margin: 0
}

.contents.spidx.liquor .userBenefit {
	margin-top: 100px
}

.contents.spidx.liquor .userBenefit .txtPage {
	margin-bottom: 60px;
	color: #373a3c;
	font-size: 2.8rem;
	font-weight: 700
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg {
	display: inline-block;
	width: 16.6666666667%;
	max-width: 234px;
	min-width: 170px;
	margin: 0 11px
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:first-child,
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(7),
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(13),
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(19),
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(25) {
	margin-left: 0
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(6),
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(12),
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(18),
.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(24) {
	margin-right: 0
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg:nth-child(n+7) {
	margin-top: 40px
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a {
	display: block;
	height: 100%
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a figure {
	overflow: hidden;
	height: 100%;
	margin-bottom: 10px;
	border-radius: 60px
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.contents.spidx.liquor .mainBenefits .mainBenefitsBox .mainBeneList .mainBeneImg a p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 28px;
	font-size: 2rem;
	font-weight: 400;
	color: #1e2023
}

.contents.featureFrame .bannerArea {
	margin-bottom: 59px
}

.contents.featureFrame .spidx_consec_type1 {
	margin-bottom: 62px
}

.contents.featureFrame .spidx_consec_type1 .titDep2 {
	color: #000;
	letter-spacing: 0
}

.contents.featureFrame .spidx_consec_type1 .tabArea {
	margin-bottom: 24px
}

.contents.featureFrame .spidx_consec_type1 .tabArea .iScrollWrap .tabBasic li.tabON a {
	border-color: #1e2023;
	font-weight: 700;
	background: #1e2023
}

.contents.featureFrame .spidx_consec_type1 .tabArea .iScrollWrap .tabBasic li a {
	font-weight: 400
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign .ts-prev,
.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign .ts-next {
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign:hover .ts-prev,
.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign:hover .ts-next {
	opacity: 1
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide:first-child .ts-prev {
	cursor: default
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide:first-child .ts-prev::after {
	opacity: .2
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide:last-child .ts-next {
	cursor: default
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide:last-child .ts-next::after {
	opacity: .2
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodList.prodThumb.listCol04 {
	white-space: nowrap
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodList.prodThumb.listCol04>.prodCont>a figure {
	padding-top: 100% !important
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodList.prodThumb.listCol04>.prodCont>a figure img {
	object-fit: cover;
	object-position: top
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont.hidden {
	overflow: hidden;
	width: 0;
	height: 0;
	padding: 0
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont.hidden+.prodCont {
	margin-left: 10px
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont.hidden:nth-child(4n+8)+.prodCont {
	margin-left: 16px
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .prodInfo {
	margin-top: 19px
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .prodInfo .brandName {
	margin-bottom: 1px
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 44px;
	margin-top: 4px;
	line-height: 140%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .priceArea {
	margin-top: 16px
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .priceArea .saleCont {
	margin-top: 5px;
	font-size: 0
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .priceArea .saleCont .saleDollar {
	font-size: 1.5rem
}

[lang=en] .contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .priceArea .saleCont .saleWon {
	display: block;
	margin-left: 0
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .prodFlag {
	margin-top: 14px
}

.contents.featureFrame .spidx_consec_type1 .swiperWrap.ctrlValign>.swiper-container>.swiper-wrapper>.swiper-slide .prodCont .chkFavo {
	margin-top: 14px;
	margin-right: 7px
}

.contents.featureFrame .spidx_consec_type1 .btnArea {
	margin-top: 64px;
	margin-bottom: 128px;
	text-align: center
}

.contents.featureFrame .spidx_consec_type1 .btnArea button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 327px;
	height: 48px;
	margin: 0 auto;
	border: 1px solid #dcdfe3;
	border-radius: 24px;
	text-align: center
}

.contents.featureFrame .spidx_consec_type1 .btnArea button em {
	position: relative;
	height: 100%;
	padding-left: 20px;
	line-height: 48px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .5px
}

.contents.featureFrame .spidx_consec_type1 .btnArea button em::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 13px;
	margin-top: -6px;
	background: url(/fo/images/view/ico_refresh_16x_2s.svg) no-repeat;
	background-size: 100%
}

[lang=zh] .contents.featureFrame .spidx_consec_type1 .btnArea button em::before {
	background-image: url(/fo/images/view/ico_refresh_16x_2s_cn.svg)
}

.contents.featureFrame .spidx_consec_type1 .btnArea button span {
	font-size: 1.3rem;
	color: #373a3c;
	letter-spacing: 1px
}

.contents.featureFrame .newProdArea {
	margin-bottom: 94px
}

.contents.featureFrame .newProdArea .swiperWrap {
	padding-bottom: 60px !important
}

.contents.featureFrame .newProdArea .swiperWrap .swiper-slide .prodCont a figure {
	padding-top: 100% !important
}

.contents.featureFrame .newProdArea .swiperWrap .swiper-slide .prodCont a figure img {
	object-fit: cover;
	object-position: top
}

.contents.featureFrame .newProdArea .prodCont .prodInfo {
	margin-top: 16px
}

.contents.featureFrame .newProdArea .prodCont .prodInfo .brandName {
	font-size: 1.3rem
}

.contents.featureFrame .newProdArea .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 41px;
	margin-top: 5px;
	line-height: 140%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.contents.featureFrame .newProdArea .prodCont .prodInfo .saleCont {
	margin-top: 3px
}

.contents.featureFrame .newProdArea .prodCont .prodInfo .saleCont strong+em {
	display: block;
	margin-left: 0;
	margin-top: 4px
}

.contents.featureFrame .newProdArea .prodCont .chkFavo {
	margin-top: 13px;
	margin-right: 7px
}

.contents.featureFrame .brandArea .swiperWrap .swiper-slide .con figure {
	aspect-ratio: 1/1
}

.contents.featureFrame .brandArea .swiperWrap .swiper-slide .con figure img {
	width: 100%;
	height: 100%
}

.contents.featureFrame .curationArea .brandSelect .swiperWrap .tabBasic>li:not(:first-child) {
	margin-top: 2px !important
}

.contents.featureFrame .curationArea .brandSelect .swiperWrap .tabBasic>li.tabON a {
	color: #1e2023 !important
}

.contents.featureFrame .curationArea .brandSelect .swiperWrap .tabBasic>li.tabON a::after {
	background-color: #1e2023 !important
}

.contents.featureFrame .curationArea .brandSelect .swiperWrap .tabBasic>li>a {
	font-weight: 400
}

.contents.featureFrame .curationArea .brandView .prodList .prodCont a figure {
	padding-top: 100% !important
}

.contents.featureFrame .curationArea .brandView .prodList .prodCont .prodInfo {
	margin-top: 13px
}

.contents.featureFrame .curationArea .brandView .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 41px;
	margin-top: 9px;
	line-height: 140%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.contents.featureFrame .curationArea .brandView .prodList .prodCont .prodInfo .priceArea {
	margin-top: 17px
}

.contents.featureFrame .curationArea .brandView .prodList .prodCont .prodInfo .priceArea .saleCont {
	margin-top: 6px
}

[lang=en] .contents.featureFrame .curationArea .brandView .prodList .prodCont .prodInfo .priceArea .saleCont .saleWon {
	display: block;
	margin-left: 0
}

.contents.featureFrame .curationArea .brandView .prodList .prodCont .chkFavo {
	margin-top: 9px
}

.contents.featureFrame .visualInBnr {
	margin-top: 110px;
	margin-bottom: 116px
}

.contents.featureFrame .visualInBnr .content .conTxt .conTxtInner strong {
	font-size: 4.8rem !important
}

.videoProdModule {
	margin-bottom: 72px;
	opacity: 0;
	width: 100%;
	min-height: 500px;
	max-height: 577px;
	height: clamp(500px, 500px + (var(--container-width) - 1136px)*77/384, 577px);
	background: rgba(12, 38, 159, .03)
}

.videoProdModule.inited {
	opacity: 1
}

.videoProdModule.full-width {
	position: relative
}

.videoProdModule.full-width::before,
.videoProdModule.full-width::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.videoProdModule.full-width::before {
	left: -100%
}

.videoProdModule.full-width::after {
	right: -100%
}

.videoProdModule .contentWrap {
	min-width: 1136px;
	max-width: 1520px;
	width: auto;
	height: 100%;
	padding-top: 37px
}

.videoProdModule .contentWrap .titDep2 {
	display: block;
	margin-bottom: 27px;
	text-align: center;
	color: #000;
	font-size: 3.2rem;
	font-weight: 700
}

.videoProdModule .contentWrap .content {
	display: flex
}

.videoProdModule .contentWrap .content .displayArea {
	position: relative;
	width: clamp(551px, 551px + (var(--container-width) - 1136px)*137/384, 688px);
	min-width: 551px;
	max-width: 688px;
	height: clamp(310px, 310px + (var(--container-width) - 1136px)*77/384, 387px)
}

.videoProdModule .contentWrap .content .displayArea figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1px solid #000
}

.videoProdModule .contentWrap .content .displayArea figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .15)
}

.videoProdModule .contentWrap .content .displayArea figure video {
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	margin: -4px 0 0 -4px;
	object-fit: cover
}

.videoProdModule .contentWrap .content .displayArea .playPauseBtn {
	opacity: 0;
	transition: opacity .3s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	background: url(/fo/images/view/ico_sshorts_detail_play.svg) no-repeat;
	background-size: 44px 44px;
	background-position: 50%
}

.videoProdModule .contentWrap .content .displayArea.stop .playPauseBtn {
	opacity: 1
}

.videoProdModule .contentWrap .content .prodArea {
	width: calc(100% - var(--displayArea-width));
	height: clamp(310px, 310px + (var(--container-width) - 1136px)*77/384, 387px);
	padding-left: 16px
}

.videoProdModule .contentWrap .content .prodArea .prodList.prodThumb {
	margin: 0;
	font-size: 0
}

.videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li {
	width: calc(33.3333333333% - 16px);
	margin: 0 0 0 16px;
	padding: 0
}

.videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li figure::after {
	width: 100%;
	height: 100%
}

.videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li .prodInfo {
	margin-top: 11px
}

.videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 41px;
	line-height: 140%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li .prodInfo .priceArea {
	margin-top: 9px
}

[lang=zh] .videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li .prodInfo .priceArea .saleCont strong+.saleWon,
[lang=en] .videoProdModule .contentWrap .content .prodArea .prodList.prodThumb li .prodInfo .priceArea .saleCont strong+.saleWon {
	display: block;
	margin-left: 0
}

.layPop .liquorDisc {
	overflow: visible;
	margin-top: 8px
}

.layPop .liquorDisc .liquorDiscList {
	margin: 0
}

.layPop .liquorDisc .liquorDiscList li {
	float: none;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: auto;
	height: auto;
	padding: 24px 0;
	font-size: 0
}

.layPop .liquorDisc .liquorDiscList li::after {
	content: "";
	display: block;
	position: absolute;
	left: -32px;
	bottom: 0;
	width: calc(100% + 72px);
	height: 0;
	border-top: 1px dashed #eaeaea
}

.layPop .liquorDisc .liquorDiscList li:first-child {
	padding-top: 0
}

.layPop .liquorDisc .liquorDiscList li:last-child {
	border: none
}

.layPop .liquorDisc .liquorDiscList li>figure .prodState {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
	text-align: center
}

.layPop .liquorDisc .liquorDiscList li>figure .prodState.soldOut {
	width: 70px;
	height: 32px;
	line-height: 34px;
	border-radius: 8px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(55, 58, 60, .6)
}

.layPop .liquorDisc .liquorDiscList li>figure .prodState.adult {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	color: #1e2023;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -0.09em;
	background: #fff
}

.layPop .liquorDisc .liquorDiscList li>figure .prodState.adult::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	line-height: 80px;
	border: 2px solid #e6230a;
	border-radius: 50%;
	box-sizing: border-box
}

.layPop .liquorDisc .liquorDiscList li>figure .prodState.adult~img {
	opacity: 0
}

.layPop .liquorDisc .liquorDiscList li>figure .prodState~img {
	opacity: .6
}

.layPop .liquorDisc .liquorDiscList li>figure {
	width: 176px;
	height: 176px;
	margin: 0 16px 0 0;
	background-color: none
}

.layPop .liquorDisc .liquorDiscList li>figure::after {
	display: none
}

.layPop .liquorDisc .liquorDiscList li>figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.layPop .liquorDisc .liquorDiscList li:nth-child(n+2) {
	border-top: 1px dashed var(--col_lineG)
}

.IOS .layPop .liquorDisc .liquorDiscList li:last-child {
	padding-bottom: 0
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: calc(100% - 192px);
	vertical-align: middle
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap>.brandName,
.layPop .liquorDisc .liquorDiscList li .flexibleWrap>.prodNum {
	width: 100%;
	text-align: left
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap>.brandName {
	overflow: hidden;
	max-height: initial;
	padding: 0;
	margin: 0;
	margin-bottom: 8px;
	line-height: 28px;
	word-wrap: break-word;
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: initial;
	color: #1e2023;
	font-size: 2rem;
	font-weight: 700
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap>.prodNum {
	overflow: hidden;
	display: -webkit-box;
	width: 100%;
	margin-bottom: 12px;
	line-height: 26px;
	color: #373a3c;
	font-size: 1.8rem;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap .priceArea .saleNum {
	margin-right: 16px;
	font-size: 2.4rem
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap .priceArea .saleDollar {
	margin-right: 4px;
	font-size: 2.4rem
}

.layPop .liquorDisc .liquorDiscList li .flexibleWrap .priceArea .originDollar {
	color: #9fa2a8;
	font-size: 1.8rem
}

.layPop .liquorDisc .liquorDiscList li .giveaway {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 16px 48px;
	margin-top: 16px;
	border-radius: 8px;
	background: #f5f7fa
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodState {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
	transform: translate(-50%, -50%);
	text-align: center
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodState.soldOut {
	width: 70px;
	height: 32px;
	line-height: 34px;
	border-radius: 8px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(55, 58, 60, .6)
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodState.adult {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	color: #1e2023;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: -0.09em;
	background: #fff
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodState.adult::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	line-height: 80px;
	border: 2px solid #e6230a;
	border-radius: 50%;
	box-sizing: border-box
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodState.adult~img {
	opacity: 0
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodState~img {
	opacity: .6
}

.layPop .liquorDisc .liquorDiscList li .giveaway figure {
	flex-shrink: 0;
	overflow: hidden;
	width: 104px;
	height: 104px;
	margin-right: 40px;
	border-radius: 4px
}

.layPop .liquorDisc .liquorDiscList li .giveaway figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.layPop .liquorDisc .liquorDiscList li .giveaway figure.isFlag::after {
	display: none
}

.layPop .liquorDisc .liquorDiscList li .giveaway .prodNum {
	overflow: hidden;
	display: -webkit-box;
	text-align: left;
	line-height: 26px;
	color: #5a5f64;
	font-size: 1.8rem;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.layPop .layCont.liquor {
	max-height: 100%
}

.layPop .liquor_policy_notice {
	margin-top: 8px
}

.layPop .liquor_policy_notice .titDep4 {
	color: #f42d10;
	font-weight: 700
}

.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed {
	width: 100%;
	height: 100%;
	margin-bottom: 24px
}

.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed>a,
.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed>figure a {
	pointer-events: none
}

.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed>a img,
.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed>figure a img {
	position: static
}

.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed .bannerTxt {
	padding-left: 24px
}

.layPop .liquor_policy_notice .bannerType.typeBand.sizeFixed .bannerTxt .inner .titEvent {
	line-height: 140%;
	font-size: 1.6rem;
	font-weight: 700
}

.layPop .liquor_policy_notice>p {
	margin-bottom: 16px;
	color: #373a3c;
	font-size: 1.5rem
}

.layPop .liquor_policy_notice>p.weightM {
	margin-bottom: 12px;
	font-weight: 500
}

.layPop .liquor_policy_notice>p.weightB {
	font-weight: 700
}

.layPop .liquor_policy_notice>p.point {
	margin-bottom: 24px;
	color: #f42d10;
	font-size: 1.3rem
}

.layPop .liquor_policy_notice dl {
	margin-top: -6px;
	margin-bottom: 24px
}

.layPop .liquor_policy_notice dl dt {
	color: #373a3c;
	font-size: 1.3rem
}

.layPop .liquor_policy_notice dl dd {
	position: relative;
	padding-left: 20px;
	line-height: 150%;
	color: #373a3c;
	font-size: 1.3rem
}

.layPop .liquor_policy_notice dl dd::before {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	top: 7px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #373a3c
}

.layPop .liquor_policy_notice .txtLink {
	display: block;
	width: 100%;
	height: 44px;
	margin-bottom: 24px;
	text-align: center;
	border-radius: 8px;
	line-height: 44px;
	background: #ebedf2
}

.layPop .liquor_policy_notice .txtLink span {
	position: relative;
	padding-right: 18px;
	font-size: 1.3rem;
	color: #373a3c;
	font-weight: 700
}

.layPop .liquor_policy_notice .txtLink span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background: url(/fo/images/view/ico_link.png) no-repeat;
	background-size: 100%
}

.contents .specialCont.specialMain.liquor {
	margin-bottom: 200px
}

.contents .specialCont.specialMain.liquor .swiperWrap.swiperRoll.mainBannerSwiper {
	margin-bottom: 96px
}

.contents .specialCont.specialMain.liquor .keywordDiv .titDep2 {
	margin-top: 0
}

.contents .specialCont.specialMain.liquor .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.5rem
}

.contents .specialCont.specialMain.liquor .tabMenrArea .tabBasic li {
	margin: 0
}

.contents .specialCont.specialMain.liquor .tabMenrArea .tabBasic li a {
	color: #5a5f64;
	font-size: 1.8rem
}

.contents .specialCont.specialMain.liquor .tabMenrArea .tabBasic li.tabON a {
	position: relative;
	color: #373a3c;
	font-weight: 700
}

.contents .specialCont.specialMain.liquor .tabMenrArea .tabBasic li.tabON a::before {
	content: "";
	display: block;
	position: absolute;
	left: 12px;
	top: initial;
	bottom: -2px;
	width: calc(100% - 18px);
	height: 2px;
	background: #373a3c
}

.contents .specialCont.specialMain.liquor .keywordDiv .tabArea {
	margin-bottom: 24px
}

.contents .specialCont.specialMain.liquor .keywordDiv .tabArea .tabBasic li.tabON a {
	border-color: #1e2023;
	background: #1e2023
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont {
	transition: all .3s ease-in-out
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont>a:first-child {
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 8px
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont .optionBtns {
	opacity: 0;
	display: block;
	position: absolute;
	left: 50%;
	width: 108px;
	bottom: 0;
	margin: -24px 0 0 -54px;
	background: none
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont .optionBtns button {
	margin: 0 2px;
	border-radius: 4px;
	background: rgba(30, 32, 35, .6)
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont:hover>a:first-child {
	border-color: #5a5f64
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont:hover .optionBtns {
	opacity: 1
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 46px;
	margin-top: 4px;
	line-height: 1.5333333333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont .prodInfo .priceArea {
	margin-top: 16px
}

.contents .specialCont.specialMain.liquor .keywordDiv .swiperWrap .prodList .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	font-size: 1.8rem
}

.contents .specialCont.specialMain.liquor .quicklinkBox {
	overflow: hidden;
	margin-bottom: 90px
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap {
	padding-bottom: 0;
	padding-top: 16px
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap.controlBtn {
	padding-bottom: 0 !important
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap.ie9 .swiper-slide {
	padding: 0 20px
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-container {
	overflow: visible
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con {
	display: block;
	position: relative;
	width: 100%;
	text-align: center
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con:hover figure {
	box-shadow: 0 5px 15px 0 rgba(30, 32, 35, .1)
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con figure {
	overflow: hidden;
	position: relative;
	top: 0;
	border-radius: 60px;
	transition: all ease .25s;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con figure::after {
	content: "";
	display: block;
	opacity: .1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transition: all .25s ease
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con figure:hover {
	top: -16px
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con figure:hover::after {
	opacity: .5
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con figure img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con .brandName {
	display: block;
	padding: 13px 0 8px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con .brandName {
	font-weight: 700
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con .saleNum {
	color: #e6230a;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con .txtLoginBefore {
	display: inline-block;
	position: relative;
	margin-top: 5px;
	padding-left: 12px;
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .swiper-slide .con .txtLoginBefore::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 11px;
	height: 13px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -105px -24px
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .ts-prev,
.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .ts-next {
	top: 25%
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap.controlBtn .ts-next.ts-button-disabled.hide {
	display: none
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .con.moreCase {
	overflow: visible !important;
	display: block;
	position: relative;
	padding: 0 !important;
	background: none !important
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .con.moreCase .slideMore {
	margin: -27px 0 0 -33px;
	background: url(/fo/images/view/ico_more_type03.png) no-repeat 50% 0 !important;
	box-sizing: border-box
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .ts-controls {
	margin-top: 9px;
	text-align: center
}

.contents .specialCont.specialMain.liquor .quicklinkBox .swiperWrap .ts-controls .ts-paging {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont {
	transition: all .3s ease-in-out
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont figure {
	min-height: auto;
	padding-top: 100% !important
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont>a:first-child {
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 8px
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont .optionBtns {
	opacity: 0;
	display: block;
	position: absolute;
	left: 50%;
	width: 108px;
	bottom: 0;
	margin: -24px 0 0 -54px;
	background: none
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont .optionBtns button {
	margin: 0 2px;
	border-radius: 4px;
	background: rgba(30, 32, 35, .6)
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont:hover>a:first-child {
	border-color: #5a5f64
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont:hover .optionBtns {
	opacity: 1
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 46px;
	margin-top: 4px;
	line-height: 1.5333333333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont .prodInfo .priceArea {
	margin-top: 16px
}

.contents .specialCont.specialMain.liquor .recommendProdArea .swiperWrap .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	font-size: 1.8rem
}

.contents .specialCont.specialMain.liquor .swiperBanner {
	margin-top: 96px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand {
	padding: 0;
	border-bottom: 1px dashed #dcdfe3
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand~.majorBrand {
	padding-top: 32px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand+.majorBrand+.majorBrand {
	border: none
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand+.majorBrand+.majorBrand .swiperWrap {
	padding-bottom: 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .swiperWrap {
	padding-bottom: 32px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox {
	display: flex
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg {
	overflow: hidden;
	position: relative;
	margin-right: 32px;
	border-radius: 8px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg a {
	overflow: hidden;
	display: block;
	max-width: 650px;
	height: 100%
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg a figure {
	height: 100%
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg a .mainBrandTit {
	position: absolute;
	bottom: 24px;
	left: 0;
	text-align: left;
	width: 100%;
	padding: 0 30px;
	color: #fff;
	z-index: 5
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg a .mainBrandTit .mainBigT {
	font-size: 2.4rem;
	margin-bottom: 10px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg a .mainBrandTit .mainSmallT {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.5rem
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandMainimg a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 41.71%)
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg {
	display: flex;
	margin: 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont {
	text-align: left;
	width: 100%;
	margin: 0 17px 0 0;
	padding: 0;
	max-width: 268px;
	min-height: 100%
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont .prodState.adult {
	margin-top: calc(50% - 40px)
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a figure {
	max-height: 268px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 109px;
	margin: 0;
	margin-top: 13px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 46px;
	padding-right: 0;
	text-overflow: ellipsis;
	white-space: unset;
	font-size: 1.5rem;
	color: #6b6e73;
	line-height: 1.4
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .prodName {
	margin-bottom: 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea {
	margin: 8% 0 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont {
	margin: 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.8rem
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.3rem
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont .saleNum b {
	font-size: 1.5rem
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont .originPrice {
	font-size: 1.5rem
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .saleCont .saleWon {
	font-size: 1.5rem
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont a .prodInfo .priceArea .originPrice {
	font-size: 1.5rem
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .majorBrand .mainBrandBox .brandSubimg .prodCont:last-child {
	margin-right: 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand {
	margin-bottom: 0;
	border: none
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .minorBrandList {
	overflow: hidden;
	height: 0
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .minorBrandList .brandInfo .brandName {
	margin-top: 5px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .minorBrandList .brandInfo .brandName strong {
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .minorBrandList .brandInfo .brandName strong {
	font-weight: 700
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore {
	position: relative;
	padding: 0;
	background: none
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background: #5a5f64
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button {
	position: relative;
	z-index: 1;
	width: 327px;
	height: 47px;
	margin: 0 auto;
	border: 1px solid #5a5f64;
	border-radius: 100px;
	text-align: center;
	background: #fff
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button span {
	position: relative;
	padding-right: 20px;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button span {
	font-weight: 700
}

[lang=zh] .contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button span {
	font-weight: 700
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 6px;
	background: url(/fo/images/common/ico_expand_more.svg) no-repeat;
	background-size: 100%
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button.btn_hide {
	display: none
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand .viewMore button.btn_hide span::after {
	transform: translateY(-50%) rotate(180deg)
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand.open {
	margin-top: 32px;
	border-top: 1px dashed #dcdfe3
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand.open .minorBrandList {
	height: auto
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand.open .viewMore {
	margin-top: 32px
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand.open .viewMore button.btn_open {
	display: none
}

.contents .specialCont.specialMain.liquor .ssgdfExclusive .minorBrand.open .viewMore button.btn_hide {
	display: block
}

.tabArea .iScrollWrap.anchorType .iScrollCont {
	width: 100%;
}

.tabArea .iScrollWrap.anchorType .iScrollCont .tabType04 {
	margin: 0 auto
}

.tabArea .iScrollWrap.anchorType .iScrollCont .tabType04>li {
	width: auto;
	height: 40px;
	margin-left: 8px
}

.tabArea .iScrollWrap.anchorType .iScrollCont .tabType04>li:first-child {
	margin-left: 0
}

.tabArea .iScrollWrap.anchorType .iScrollCont .tabType04>li>a {
	width: auto;
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	border: 1px solid #eaeaea;
	color: #6b6e73;
	font-size: 1.5rem;
	background: #fff;
	letter-spacing: -0.45px;
	white-space: nowrap
}

.tabArea .iScrollWrap.anchorType .iScrollCont .tabType04>li.tabON>a {
	color: #fff;
	border-color: #4d6ee4;
	font-weight: 700;
	background: #4d6ee4
}

.visualInBnr {
	overflow: hidden;
	position: relative;
	height: 420px
}

.visualInBnr .bgImg {
	overflow: hidden;
	opacity: .75
}

.visualInBnr .bgImg img {
	position: absolute;
	left: 50%;
	width: 1634px;
	margin-left: -817px
}

.visualInBnr .content .conTxt {
	display: table;
	table-layout: fixed;
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 850px);
	height: 420px;
	text-align: center
}

.visualInBnr .content .conTxt .conTxtInner {
	display: table-cell;
	vertical-align: middle
}

.visualInBnr .content .conTxt .conTxtInner strong,
.visualInBnr .content .conTxt .conTxtInner .desc {
	display: block;
	color: #1e2023
}

.visualInBnr .content .conTxt .conTxtInner strong {
	margin-top: -5px;
	margin-bottom: 7px;
	line-height: 1.22;
	font-size: 4.8rem;
	font-weight: 700;
	letter-spacing: -1.44px;
	word-wrap: break-word;
	word-break: keep-all
}

[lang=zh] .visualInBnr .content .conTxt .conTxtInner strong {
	padding: 0 60px;
	font-size: 3.6rem
}

.visualInBnr .content .conTxt .conTxtInner .desc {
	opacity: .8;
	line-height: 1.27;
	font-size: 2.2rem;
	letter-spacing: -0.66px
}

.visualInBnr .content .conTxt.typeBlack .conTxtInner strong,
.visualInBnr .content .conTxt.typeBlack .conTxtInner .desc {
	color: #1e2023
}

.visualInBnr .content .conTxt.typeWhite .conTxtInner strong,
.visualInBnr .content .conTxt.typeWhite .conTxtInner .desc {
	color: #fff
}

.visualInBnr .content .swiperWrap {
	position: absolute;
	right: 75px;
	top: 60px;
	width: calc(66% - 50px);
	max-width: 750px;
	padding-bottom: 40px
}

.visualInBnr .content .swiperWrap .swiper-slide .mainbanner figure {
	height: auto;
	border-radius: 8px
}

.visualInBnr .content .swiperWrap .swiper-slide .mainbanner figure img {
	position: static !important;
	width: 100%;
	margin: 0
}

.visualInBnr .content .swiperWrap .swiper-slide .mainbanner .bannerTxt {
	height: 100%
}

.visualInBnr .content .swiperWrap .swiper-slide .mainbanner .bannerTxt .inner {
	padding-left: 64px
}

.visualInBnr .content .swiperWrap .swiper-slide .mainbanner .bannerTxt .inner .titEvent {
	opacity: 1 !important;
	margin: 0;
	line-height: 1.25;
	font-size: 3.2rem;
	letter-spacing: -0.96px
}

.visualInBnr .content .swiperWrap .paging .ts-controls {
	display: block !important
}

.visualInBnr .content .swiperWrap .paging .ts-controls [class^=btn] {
	z-index: 100
}

.visualInBnr .content .swiperWrap .paging .ts-controls [class^=btn]::after {
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: url(/fo/images/common/spr_swiper.png) no-repeat
}

.visualInBnr .content .swiperWrap .paging .ts-controls [class^=btn].btnPlay::after {
	background-position: -83px -10px
}

.visualInBnr .content .swiperWrap .paging .ts-controls [class^=btn].btnStop:after {
	background-position: -75px -10px
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging {
	bottom: -3px;
	height: 28px;
	font-size: 0
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging .ts-paging-btn {
	width: 4px;
	height: 28px;
	margin-left: 5px;
	line-height: 28px
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging .ts-paging-btn::after {
	width: 4px;
	height: 4px;
	margin: -2px 0 0 -2px
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging .ts-paging-btn.ts-paging-active {
	width: 20px
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging .ts-paging-btn.ts-paging-active::after {
	width: 20px;
	margin-left: -10px
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging .ts-paging-btn:first-child {
	margin: 0
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging .ts-paging-btn:last-child {
	margin-right: 14px
}

.visualInBnr .content .swiperWrap .paging .ts-controls .ts-paging [class^=btn] {
	position: relative;
	top: 14px;
	left: 0;
	bottom: 0;
	height: auto;
	margin-left: 0
}

.visualInBnr .content .swiperWrap .ts-prev,
.visualInBnr .content .swiperWrap .ts-next {
	margin-top: -37px
}

@media screen and (max-width: 1440px) {
	.visualInBnr .content .conTxt {
		width: 34%
	}

	[lang=zh] .visualInBnr .content .conTxt .conTxtInner strong {
		padding: 0 95px
	}

	.visualInBnr .content .swiperWrap {
		top: 70px;
		right: 50px
	}

	.spidx_consec_type1 .curationArea .brandView .prodCont:nth-child(n+5) {
		display: none
	}
}

@media screen and (max-width: 1663px) {
	.mainWrapper .benefitComponent .swiperWrap .bannerType .bannerTxt .titEvent {
		font-size: 2rem
	}

	.mainWrapper .benefitComponent .swiperWrap .bannerType .bannerTxt .subTit {
		font-size: 1.5rem
	}

	.visualInBnr .content .conTxt {
		width: 34%
	}

	.visualInBnr .content .conTxt .conTxtInner strong {
		font-size: 3.6rem
	}

	[lang=zh] .visualInBnr .content .conTxt .conTxtInner strong {
		padding: 0 95px
	}

	.visualInBnr .content .conTxt .conTxtInner .desc {
		font-size: 1.8rem
	}

	.visualInBnr .content .swiperWrap {
		top: 70px;
		right: 50px
	}

	.visualInBnr .content .swiperWrap .swiper-slide .mainbanner .bannerTxt .inner .titEvent {
		font-size: 2.8rem
	}
}

@media screen and (min-width: 1663px) {
	.visualInBnr .content .conTxt {
		width: calc(100% - 850px)
	}

	[lang=zh] .visualInBnr .content .conTxt .conTxtInner strong {
		font-size: 4.4rem !important
	}

	.visualInBnr .content .swiperWrap {
		right: 75px
	}

	.spidx_consec_type1 .curationArea .brandSelect {
		width: 20.658% !important
	}

	.spidx_consec_type1 .curationArea .brandView {
		width: 79.342% !important
	}

	.spidx_consec_type1 .curationArea .brandView .prodCont {
		width: 16.6666666667% !important
	}

	.spidx_consec_type1 .curationArea .brandView .prodCont:nth-child(n+5) {
		display: inline-block !important
	}

	.mainWrapper .benefitComponent .swiperWrap .bannerType .bannerTxt .titEvent {
		font-size: 2.4rem
	}

	.mainWrapper .benefitComponent .swiperWrap .bannerType .bannerTxt .subTit {
		font-size: 1.8rem
	}
}

@media screen and (min-width: 1903px) {
	.visualInBnr .content .conTxt {
		width: 670px
	}

	.visualInBnr .content .swiperWrap {
		right: 100px
	}
}

@media screen and (max-width: 1440px) {

	#container.container .visualArea .innerWrap,
	#container.container .contents .innerWrap {
		width: 1136px
	}

	#container.container.mz-listWrap .mz-cont-sm .gutter {
		width: 4.4% !important
	}

	#container.container.mz-listWrap .mz-cont .gutter {
		width: 2.7% !important
	}

	#container.container.mz-listWrap .mz-cont .contentsDpList {
		width: 22.88%
	}

	#container.container.mz-listWrap .mz-cont.inf .gutter {
		width: 16px !important
	}

	#container.container.mz-listWrap .weeklyContComponent li {
		width: 18.84%
	}
}

@media screen and (min-width: 1441px)and (max-width: 1519px) {

	#container.container.mz-listWrap .visualArea .innerWrap,
	#container.container.mz-listWrap .contents .innerWrap {
		width: 80% !important
	}

	#container.container.mz-listWrap .mz-cont-sm .gutter {
		width: 4.1% !important
	}

	#container.container.mz-listWrap .mz-cont .gutter {
		width: 2.7% !important
	}

	#container.container.mz-listWrap .mz-cont .contentsDpList {
		width: 22.88%
	}

	#container.container.mz-listWrap .weeklyContComponent li {
		width: 18.84%
	}
}

@media screen and (min-width: 1520px)and (max-width: 1919px) {

	#container.container .visualArea .innerWrap,
	#container.container .contents .innerWrap {
		width: 80% !important
	}

	#container.container .mz-cont-sm .gutter {
		width: 3.3% !important
	}

	#container.container .mz-cont .gutter {
		width: 2.75% !important
	}

	#container.container .mz-cont .contentsDpList {
		width: 22.9%
	}

	#container.container .weeklyContComponent li {
		width: 18.84%
	}
}

@media screen and (min-width: 1920px) {
	#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child .conTxtArea {
		padding: 0 40px 37px
	}

	#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child .conTxtArea .flag.original {
		margin-bottom: 18px
	}

	#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:first-child .conTxtArea .tit {
		margin-bottom: 7px;
		font-size: 3.2rem
	}

	#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList:last-child {
		margin-bottom: 84px
	}

	#container.container.mz-listWrap .visualArea .innerWrap .contentsDpMainWrap .contentsDpList>a .conTxtArea .tit {
		font-size: 2.4rem
	}

	#container.container.mz-listWrap .contents .mainWrap .contentsDpList>a .conTxtArea .tit {
		font-size: 2.4rem
	}

	#container.container.mz-listWrap .contents .mainWrap .mz-cont-big .contentsDpList>a .conTxtArea .tit {
		font-size: 3.6rem
	}

	#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .tit {
		font-size: 2.4rem
	}

	#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .comment {
		font-size: 1.6rem
	}

	#container.container.mz-listWrap .contents [class*=mz-cont] .contentsDpList>a .conTxtArea .comment::before {
		width: 16px;
		height: 16px
	}

	#container.container.mz-listWrap .contents [class*=mz-cont].inf .gutter {
		width: 16px !important
	}

	#container.container.mz-listWrap .contents [class*=mz-cont].inf .contentsDpList {
		margin-bottom: 39px
	}

	#container.container.mz-listWrap .contents [class*=mz-cont].inf .contentsDpList>a .conTxtArea .tit {
		font-size: 2.4rem
	}
}

@media screen and (min-width: 1662px) {
	.liveCont.i20230110 .latestLive .swiper-wrapper .swiper-slide .item .relatedPord .viewMore {
		right: 54px
	}
}

@media screen and (max-width: 1663px) {
	.liveCont.i20230110 .latestLive .swiper-wrapper .swiper-slide .item .relatedPord {
		padding-right: 200px
	}

	.liveCont.i20230110 .item .prodCont:nth-child(3n) {
		display: none
	}

	.liveCont.i20230110 .liveFormat>ul>li {
		width: 25%
	}

	.liveCont.i20230110 .liveFormat>ul>li:nth-child(4)~li {
		margin-top: 60px
	}

	.brandSubimg a .prodInfo .priceArea {
		margin: 2% 0 0 !important
	}

	.ssgdfExclusive .majorBrand {
		padding-bottom: 50px
	}

	.ssgdfExclusive .minorBrand {
		padding-top: 50px
	}

	.ssgdfExclusive .minorBrand .minorBrandList {
		margin: 0 0 0 -14px
	}

	.ssgdfExclusive .minorBrand .minorBrandList li {
		width: 25%;
		padding-left: 14px
	}

	.ssgdfExclusive .majorBrand #Exclusive1TabArea1 .mainBrandBox .brandSubimg .prodCont a .prodInfo {
		height: 95px
	}
}

#wrapper.mainWrapper .joinCongrat {
	padding-top: 80px;
	text-align: center
}

#wrapper.mainWrapper .joinCongrat .titDep1 {
	margin-bottom: 32px;
	line-height: 40px;
	font-size: 3.2rem;
	font-weight: 500
}

[lang=zh] #wrapper.mainWrapper .joinCongrat .titDep1 {
	font-weight: 700
}

#wrapper.mainWrapper .joinCongrat .addText {
	line-height: 26px;
	font-size: 1.8rem;
	font-weight: 400;
	color: #6b6e73
}

#wrapper.mainWrapper .joinCongrat .joinImgBox {
	position: relative;
	margin-bottom: 32px
}

#wrapper.mainWrapper .joinCongrat .joinImgBox .joinConImg {
	margin: 0 auto;
	padding-top: 72px;
	max-width: 600px
}

#wrapper.mainWrapper .joinCongrat .joinImgBox .joinConImg>img {
	display: block;
	width: 100%
}

#wrapper.mainWrapper .joinCongrat .joinImgBox .joinFireWork {
	position: absolute;
	top: 0;
	left: 50%;
	width: 350px;
	height: 252px;
	transform: translateX(-50%)
}

#wrapper.mainWrapper .joinCongrat button.btnSSG {
	width: 100%;
	max-width: 320px;
	line-height: 18px;
	font-size: 1.8rem;
	font-weight: 700
}

.u602.u602Cn .u651 .cont02 .prodCont .prodInfo .prodName {
	padding: 0
}

.u602.u602Cn .u651 .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #373a3c
}

.u602.u602Cn .u651 .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-top: 4px;
	line-height: 23px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.3rem;
	font-weight: 700
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .saleCont .saleNum em {
	margin-right: 1px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.3rem;
	letter-spacing: -2%
}

.u602.u602Cn .u651 .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.5rem
}

.u651 .mainBannerSwiper {
	z-index: 102
}

.u651 .mainBannerSwiper .mainbanner a .bannerTxt .inner .titEvent {
	font-size: 4rem;
	font-weight: 700;
	line-height: 54px;
	letter-spacing: -0.8px
}

.u651 .mainBannerSwiper .mainbanner a .bannerTxt .inner .subTit {
	margin-top: 24px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 140%
}

.u651 .bannerType.typeBannerB .eventInfo .icoArea {
	bottom: 55px
}

.u651 .groupPurchase .swiperWrap .swiper-container .swiper-slide .prodCont figure {
	min-height: 176px
}

.u651 .submainTop {
	height: 450px;
	padding: 0;
	border-radius: 0;
	z-index: 105
}

.u651 .submainTop .newTierBox .rightArea {
	overflow: hidden;
	display: flex;
	top: 81px;
	right: auto;
	left: 0;
	width: 100%;
	height: 288px;
	padding: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0);
	border-radius: 16px
}

.u651 .submainTop .newTierBox .rightArea .tierBtn {
	overflow: hidden;
	max-width: 256px;
	width: 100%
}

.u651 .submainTop .newTierBox .rightArea .tierBtn a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 96px;
	padding: 16px 24px
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .tabgrade {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	background: #fff
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .tabgrade .gradeIco {
	display: block;
	margin-right: 8px
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .tabgrade .gradeIco img {
	width: 35px
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .tabgrade .gradeTxt .name {
	line-height: 26px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #1e2023
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	box-sizing: border-box;
	background: #f5f7fa
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint .tit {
	display: block;
	padding: 0;
	line-height: 21px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint .tit::after {
	display: none
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint .data {
	margin: 8px 0 0;
	padding: 0;
	line-height: 26px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #373a3c
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint .data em {
	line-height: 26px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint .data em {
	font-weight: 700
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkPoint .data::before {
	display: none
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder {
	background: #f5f7fa
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder .tit {
	display: block;
	padding: 0;
	line-height: 21px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder .tit::after {
	display: none
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder .data {
	margin: 8px 0 0;
	padding: 0;
	line-height: 26px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #373a3c
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder .data em {
	line-height: 26px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder .data em {
	font-weight: 700
}

.u651 .submainTop .newTierBox .rightArea .tierBtn .linkOrder .data::before {
	display: none
}

.u651 .submainTop .newTierBox .rightArea .tierInfo {
	position: relative;
	width: 0;
	overflow: hidden;
	transition: width .2s ease;
	height: 100%;
	background: #fff
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea {
	padding: 41px 90px 30px
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea {
	margin: 0
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap {
	margin-top: 24px
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap>h2 {
	line-height: 32px;
	font-size: 2.4rem;
	font-weight: 500;
	color: #1e2023
}

[lang=zh] .u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap>h2 {
	font-weight: 700
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap>.titTip {
	display: block;
	margin: 18px 0 13px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #5a5f64
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap>.titTip em {
	margin: 0 2px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #fe324b
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap>p {
	line-height: 18px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .tipWrap>p em {
	margin-left: 2px;
	line-height: 18px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph {
	margin: 9px auto 0
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .bar {
	opacity: 1
}

[lang=zh] .u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .bar {
	border-color: #e9ebfb
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .gradeSum li {
	text-align: left
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .gradeSum li>strong {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #6b6e73;
	opacity: 1
}

[lang=zh] .u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .gradeSum li>strong {
	font-weight: 700
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .gradeSum li .txtLevel {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #8b8f94;
	opacity: 1
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .myInfoArea .gradeArea .graph .gradeSum li.grade04 {
	text-align: right
}

.u651 .submainTop .newTierBox .rightArea .tierInfo .close {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 15px;
	height: 15px;
	background: url(/fo/images/common/close.svg) no-repeat;
	font-size: 0
}

.u651 .submainTop .newTierBox.active .tierInfo {
	max-width: 1264px;
	width: 100%
}

.u651 .submainTop .newTierBox.dgTierAdd .rightArea .tierBtn {
	border-radius: 16px !important
}

.u651 .submainTop .newTierBox.dgTierAdd .rightArea .tierBtn .tabgrade {
	pointer-events: none;
	cursor: default
}

.u651 .newBuyingNav {
	position: relative
}

.u651 .newBuyingNav .inner {
	height: 0
}

.u651 .newBuyingNav .inner .tabType03 {
	position: relative;
	display: flex;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	z-index: 105;
	background: #fff
}

.u651 .newBuyingNav .inner .tabType03::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	width: 100vw;
	height: 100%;
	border-bottom: 1px solid #dcdfe3;
	background: #fff
}

.u651 .newBuyingNav .inner .tabType03::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100vw;
	height: 100%;
	border-bottom: 1px solid #dcdfe3;
	background: #fff
}

.u651 .newBuyingNav .inner .tabType03>li {
	width: 100%
}

.u651 .newBuyingNav .inner .tabType03>li>a {
	padding: 0
}

.u651 .newBuyingNav .inner .newBuyingdrop {
	position: absolute;
	display: flex;
	top: -224px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	background: #fff;
	z-index: 101;
	opacity: 0;
	transition: top .3s ease, opacity .6s ease
}

.u651 .newBuyingNav .inner .newBuyingdrop::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	width: 100vw;
	height: 100%;
	background: #fff
}

.u651 .newBuyingNav .inner .newBuyingdrop::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100vw;
	height: 100%;
	background: #fff
}

.u651 .newBuyingNav .inner .newBuyingdrop>li {
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: top
}

.u651 .newBuyingNav .inner .newBuyingdrop>li a {
	display: block;
	padding: 14px 0;
	line-height: 21px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .newBuyingNav .inner .newBuyingdrop>li a:hover {
	font-weight: 700;
	color: #fe324b
}

.u651 .newBuyingNav .inner .newBuyingdrop+.dim {
	transition: z-index .3s
}

.u651 .newBuyingNav .inner .newBuyingdrop.active {
	top: 0;
	margin-top: 48px;
	opacity: 1
}

.u651 .newBuyingNav .inner .newBuyingdrop.active+.dim {
	top: 0;
	background: #000;
	opacity: .4;
	position: absolute;
	width: 300vw;
	height: 100vw;
	margin-left: -100vw;
	margin-top: 0;
	z-index: 100
}

.u651 .newBuyingNav.fixed .tabType03 {
	max-width: 1520px
}

.u651 .newBuyingNav.fixed .newBuyingdrop {
	position: relative;
	max-width: 1520px
}

.u651 .newBuyingNav.fixed .newBuyingdrop.active {
	margin-top: 0
}

.u651 .hopeList .addedHope .prodInfo .right .point {
	margin-right: 6px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u651 .hopeList .addedHope .prodInfo .right .none {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #8b8f94
}

.u651 .newTierQuick {
	margin-top: 88px;
	padding: 0
}

.u651 .newTierQuick .quickIconArea ul::after {
	display: none
}

.u651 .newTierQuick .quickIconArea ul li a figure {
	overflow: hidden;
	border-radius: 50px;
	max-width: 160px
}

.u651 .newTierQuick .quickIconArea ul li a figure img {
	display: block;
	width: 100%
}

.u651 .newTierQuick .quickIconArea ul li a p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	max-width: 160px;
	margin-top: 12px;
	line-height: 23px;
	font-size: 1.6rem;
	font-weight: 400;
	color: #6b6e73
}

.u651 .dgMainCont .txtLink.lineU {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .dgMainCont.cont02 .groupPurchase .left {
	padding: 0px 86px;
	background: #f2f5f9
}

.u651 .dgMainCont.cont02 .groupPurchase .left .innerCon .inner {
	width: 398px
}

.u651 .dgMainCont.cont02 .groupPurchase .left .innerCon .inner .flag {
	line-height: 30px;
	font-size: 1.2rem;
	font-weight: 400;
	background: #fe324b
}

.u651 .dgMainCont.cont02 .groupPurchase .left .innerCon .inner .date {
	margin: 24px 0 12px;
	line-height: 24px;
	font-size: 1.8rem;
	font-weight: 400;
	color: #373a3c
}

.u651 .dgMainCont.cont02 .groupPurchase .left .innerCon .inner .tit {
	margin-bottom: 8px;
	line-height: 40px
}

.u651 .dgMainCont.cont02 .groupPurchase .left .innerCon .inner .subTit {
	line-height: 24px;
	letter-spacing: -0.02em;
	font-size: 1.8rem;
	font-weight: 400;
	color: #5a5f64
}

.u651 .dgMainCont.cont02 .groupPurchase .right {
	background: #f8fafc
}

.u651 .dgMainCont.cont02 .swiperWrap .paging .swiper-pagination {
	display: flex;
	align-items: center;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u651 .dgMainCont.cont02 .swiperWrap .paging .swiper-pagination .current {
	margin-right: 8 px;
	line-height: 32px;
	font-size: 2.4rem;
	font-weight: 500
}

[lang=zh] .u651 .dgMainCont.cont02 .swiperWrap .paging .swiper-pagination .current {
	font-weight: 700
}

.u651 .dgMainCont.cont02 .swiperWrap .paging .swiper-pagination .total {
	margin-left: 8px
}

.u651 .dgProdList {
	display: none
}

.u651 .dgProdList li .bidTime b {
	display: block;
	padding: 13px 0 9px;
	line-height: 26px;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 1px
}

.u651 .dgMainBtmArea .side .txtLink.lineU {
	margin-top: 10px;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #8b8f94
}

.u651 .prograssiveArea .viewArea .graph .barcover .bar {
	background: linear-gradient(180deg, #ff436e 0%, #ff411e 100%);
	z-index: 1
}

.u651 .prograssiveArea .prograssive.sectionType .graph .wDimWrap .wDim.full {
	border: 0
}

@media screen and (max-width: 1663px) {
	.u651 .newBuyingNav .inner .tabType03 {
		padding: 0
	}

	.u651 .newBuyingNav .inner .newBuyingdrop.active {
		padding: 0
	}
}

.fullSizeElem+figure {
	height: 450px
}

.fullSizeElem+figure .img {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.spOrderContent.u651 .spOrderTop .btnBox {
	margin-left: -338px;
	transform: translateX(0%)
}

.spOrderContent.u651 .spOrderTop .btnBox button {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #373a3c
}

.layPop.u651Pop~.layPop .titDep4 {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 26px
}

.layPop.u651Pop .select-txtBox {
	margin: 0 auto;
	max-width: 320px
}

.layPop.u651Pop .select-txtBox .selectWrap {
	width: 100%;
	height: 47px
}

.layPop.u651Pop .select-txtBox .selectWrap .ui-selectmenu-button {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	border-bottom: 1px solid #8b8f94;
	border-radius: 0
}

[lang=zh] .layPop.u651Pop .select-txtBox .selectWrap .ui-selectmenu-button::after {
	background-position: -475px 0
}

.layPop.u651Pop .select-txtBox .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #ff82b0;
	border-radius: 4px 4px 0 0
}

.layPop.u651Pop .select-txtBox .selectWrap .ui-menu button {
	border: 0
}

.layPop.u651Pop .select-Wrap {
	margin-top: 18px
}

.layPop.u651Pop .select-Wrap .select-container {
	display: flex;
	flex-wrap: wrap;
	margin-left: -14px
}

.layPop.u651Pop .select-Wrap .select-container .prodCont {
	width: 25%;
	padding-left: 14px;
	text-align: center
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a {
	position: relative;
	min-height: 283px;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	border-radius: 8px
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a figure {
	min-height: 100%;
	aspect-ratio: 1/1;
	border-radius: 8px 8px 0 0
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a:hover {
	border: 1px solid rgba(0, 0, 0, 0);
	background-color: rgba(12, 38, 159, .031372549)
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo {
	margin: 0;
	padding: 12px 12px 16px;
	height: 124px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo .brandName {
	padding: 0;
	font-size: 1.2rem;
	line-height: 18px;
	font-weight: 700;
	color: #373a3c
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	line-height: 18px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.2rem;
	color: #6b6e73;
	font-weight: 400
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea {
	margin: 0
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont {
	margin: 0
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 16px;
	font-size: 1.1rem;
	font-weight: 700
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont .saleNum b {
	line-height: 16px;
	font-size: 1.3rem;
	font-weight: 700
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont .originPrice {
	line-height: 18px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #6b6e73
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #373a3c
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 16px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #6b6e73
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .prodInfo span.priceArea .saleCont .saleWon>span {
	line-height: 16px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #6b6e73
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .specialPlus {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 10px;
	right: 10px;
	z-index: 11
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .selectedCheckTit {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	padding-left: 16px;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fe324b;
	z-index: 12;
	transform: translate(-50%, -50%)
}

.layPop.u651Pop .select-Wrap .select-container .prodCont a .selectedCheckTit::before {
	content: "";
	position: absolute;
	top: 9px;
	left: -3px;
	width: 12px;
	height: 10px;
	background: url(/fo/images/common/ac_open.svg) no-repeat;
	z-index: 12
}

.layPop.u651Pop .select-Wrap .select-container .prodCont.selectedCheck a {
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 8px;
	pointer-events: none
}

.layPop.u651Pop .select-Wrap .select-container .prodCont.selectedCheck a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 238, 241, .5);
	z-index: 11
}

.layPop.u651Pop .select-Wrap .select-container .prodCont.selectedCheck a .specialPlus {
	display: none
}

.layPop.u651Pop .select-Wrap .select-container .prodCont.selectedCheck a .selectedCheckTit {
	display: block
}

.layPop.u651Pop .select-Wrap .select-container .prodCont.selectedCheck a:hover {
	background-color: rgba(0, 0, 0, 0)
}

.layPop.u651Pop .btnArea .btnSSG {
	padding: 0 37px;
	letter-spacing: 1px
}

.layPop.u651Pop .appProduct.noInput li .cash .doller {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.layPop.u651Pop .appProduct.noInput li .cash .won {
	line-height: 18px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #8b8f94
}

.beautiyComponent.experience .inner .icoArea,
#recruitList .inner .icoArea {
	display: inline-block;
	z-index: 1
}

.beautiyComponent.experience .link,
#recruitList .link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0
}

.beautiyComponent.experience .qtflexibleType.swiperWrap.visualCont .swiper-container {
	border-radius: 4px
}

.beautiyComponent.experience .qtflexibleType .inner {
	display: block !important;
	overflow: hidden;
	position: relative;
	border-radius: 4px
}

.beautiyComponent.experience .qtflexibleType .inner figure {
	display: block;
	width: 100%;
	aspect-ratio: 1/1
}

.beautiyComponent.experience .qtflexibleType .inner figure a {
	display: block;
	width: 100%;
	height: 100%
}

.beautiyComponent.experience .qtflexibleType .inner figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.beautiyComponent.experience .qtflexibleType .inner figure .flag {
	width: auto;
	height: 34px;
	left: 0;
	top: 0;
	padding: 0 8px;
	font-size: 1.4rem;
	line-height: 34px;
	border-radius: 4px 0 4px 0;
	font-weight: 700;
	letter-spacing: -0.28px;
	background: linear-gradient(208deg, #FE4C99 2.75%, #FF7833 109.36%) !important
}

.beautiyComponent.experience .qtflexibleType .inner figure .flag.finish {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(256deg, #5934DF 17.26%, #353535 114.45%) !important
}

.beautiyComponent.experience .qtflexibleType .inner figure .flag br {
	display: none
}

.beautiyComponent.experience .qtflexibleType .inner .cont {
	padding-bottom: 15px;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.49) 81.5%)
}

.beautiyComponent.experience .qtflexibleType .inner .cont .joinNum {
	width: fit-content;
	height: 24px;
	margin-bottom: 12px;
	padding: 0 9px;
	border-radius: 12px;
	line-height: 24px;
	font-size: 1.2rem;
	color: #373a3c;
	font-weight: 400;
	background: #fff
}

.beautiyComponent.experience .qtflexibleType .inner .cont .tit {
	font-size: 1.8rem;
	line-height: 120%;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal
}

.beautiyComponent.experience .qtflexibleType .inner .cont .date {
	margin-top: 10px;
	font-size: 1.2rem;
	font-weight: 400;
	opacity: .8
}

.contents.spidx .luxuryFashion {
	margin-bottom: 56px
}

.contents.spidx .luxuryFashion .luxuryTitle {
	padding: 52px 0 40px;
	text-align: center
}

.contents.spidx .luxuryFashion .luxuryList {
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px
}

.contents.spidx .luxuryFashion .luxuryList>li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 40px;
	width: 20%;
	height: auto;
	min-height: 476px
}

.contents.spidx .luxuryFashion .luxuryList>li.showOnScroll>* {
	position: absolute;
	top: 125px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-out, top .25s ease-out;
	transition: opacity .25s ease-out, top .25s ease-out
}

.contents.spidx .luxuryFashion .luxuryList>li.showOnScroll.show>* {
	top: 0;
	opacity: 1
}

.contents.spidx .luxuryFashion .luxuryList>li .contLink {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 3;
	height: 100%
}

.contents.spidx .luxuryFashion .luxuryList>li .luxBrandname {
	padding-top: 16px;
	line-height: 28px;
	font-size: 2rem;
	font-weight: 700;
	color: #000
}

.contents.spidx .luxuryFashion .luxuryList>li figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0)
}

.contents.spidx .luxuryFashion .luxuryList>li figure>img {
	max-height: 432px
}

.contents.spidx .luxuryFashion .luxuryList>li figure .imgLogo {
	overflow: hidden;
	position: absolute;
	opacity: 0;
	width: 200px;
	height: 75px;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin: -37.5px 0 0 -100px;
	transition: margin-top .3s;
	transition: opacity .3s
}

.contents.spidx .luxuryFashion .luxuryList>li figure .imgLogo img {
	display: block;
	width: 100%
}

.contents.spidx .luxuryFashion .luxuryList>li figure::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	transition: .3s
}

.contents.spidx .luxuryFashion .luxuryList>li:hover figure {
	border: 1px solid #000;
	box-sizing: border-box
}

.contents.spidx .luxuryFashion .luxuryList>li:hover figure .imgLogo {
	opacity: 1
}

.contents.spidx .luxuryFashion .luxuryList>li:hover figure::after {
	background: #fff
}

.contents.spidx .spidx_consec_type1.luxury_best {
	margin: 96px 0 0
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea {
	display: flex;
	justify-content: space-between;
	max-height: 400px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect {
	position: relative;
	width: 18.093% !important;
	overflow: auto
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList {
	padding-bottom: 0
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList::after {
	content: none !important
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic {
	margin-bottom: 0
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic::after {
	content: none !important
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li {
	display: block;
	margin: 0 0 10px;
	text-align: left
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li a {
	overflow: hidden;
	display: inline-block;
	max-width: calc(100% - 20px);
	padding-left: 0;
	line-height: 28px;
	color: #373a3c;
	font-size: 2rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li.tabON a {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li.tabON a {
	color: #fe324b
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li.tabON a::after {
	background: #4d6ee4
}

[lang=zh] .contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li.tabON a::after {
	background: #fe324b
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li:first-child {
	margin-top: 0
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .tabBasic>li:last-child {
	margin-bottom: 0
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandSelect .luxury_blandList .ts-controls .ts-paging {
	text-align: left
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView {
	position: relative;
	width: 79.277% !important;
	max-width: 1205px;
	max-height: 400px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView::after {
	content: "";
	position: absolute;
	top: 0;
	left: -33px;
	width: 1px;
	height: 100%;
	background: #eaeaea
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList {
	margin: 0 -6px;
	font-size: 0
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList .prodCont>a figure {
	padding-top: 0 !important;
	height: 285px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList .prodCont>a .prodInfo {
	margin-top: 12px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList .prodCont>a .prodInfo .prodName {
	margin-top: 0;
	word-break: break-word
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList .prodCont>a .prodInfo .priceArea .originPrice {
	margin-bottom: 2px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList .prodCont .chkFavo {
	margin-top: 12px
}

.contents.spidx .spidx_consec_type1.luxury_best .curationArea .brandView .prodList .prodCont .chkFavo label::after {
	margin: -12px 0 0 -8px
}

@media screen and (max-width: 1663px) {
	.contents.spidx .luxuryFashion .luxuryList>li {
		min-height: 425px
	}

	.contents.spidx .luxuryFashion .luxuryList>li figure>img {
		max-height: 379px
	}
}

@media screen and (max-width: 1440px) {
	.contents.spidx .luxuryFashion .luxuryList>li {
		width: 25%;
		height: auto;
		min-height: 447px
	}

	.contents.spidx .luxuryFashion .luxuryList>li figure>img {
		max-height: 403px
	}
}

.setSaleTemp {
	padding: 0 0 56px
}

.setSaleTemp .prodType.setSaleProd {
	padding: 40px 0
}

.setSaleTemp .prodType.setSaleProd .prodItem {
	margin: 20px 0
}

.setSaleTemp .prodType.setSaleProd .prodItem figure {
	padding: 0
}

.setSaleTemp .prodType.setSaleProd .prodItem figure::after {
	background: rgba(0, 0, 0, 0) !important
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 700
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .prodName {
	margin: 4px 0 8px;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea {
	margin: 0
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea .txtLoginBefore::before {
	top: 0
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea .originPrice {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400;
	text-decoration: line-through
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea .saleCont .saleDollar {
	margin-right: 4px;
	line-height: 21px;
	font-size: 1.5rem;
	font-weight: 700
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.setSaleTemp .prodType.setSaleProd .prodItem .prodInfo .priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 21px;
	font-size: 1.5rem;
	font-weight: 700
}

.setSaleTemp .setSaleCartBox {
	margin: 0 auto;
	padding: 24px 0;
	max-width: 795px;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #dcdfe3;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .03);
	background: #fff
}

.setSaleTemp .setSaleCartBox .saleTbox {
	margin-bottom: 24px
}

.setSaleTemp .setSaleCartBox .saleTbox .txtLoginBefore {
	line-height: 22.4px;
	font-size: 1.6rem;
	font-weight: 400;
	padding-left: 23px
}

.setSaleTemp .setSaleCartBox .saleTbox .txtLoginBefore::before {
	top: 3px;
	background: url(/fo/images/common/ico-lock_24.svg) 0 0;
	width: 18px;
	height: 18px
}

.setSaleTemp .setSaleCartBox .btnType.saleLoBeforBtn {
	padding: 16.5px 36px;
	line-height: 15px;
	min-width: 114px;
	height: auto;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius: 4px;
	box-shadow: none
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum {
	font-size: 0
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum span {
	line-height: 28px;
	font-size: 2rem;
	font-weight: 700;
	color: #373a3c
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum span.saleNum {
	margin: 0 8px;
	color: #f42d10
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum span.saleNum b {
	font-size: 2rem
}

[lang=zh] .setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum span.saleNum {
	font-size: 1.8rem
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum p {
	line-height: 28px;
	font-size: 2rem;
	font-weight: 700;
	color: #373a3c
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum>.saleDetail {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum>.saleDetail .saleNum {
	margin: 0;
	line-height: 28px;
	color: #f42d10;
	font-size: 2rem
}

[lang=zh] .setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum>.saleDetail .saleNum {
	margin: 0 4px
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em {
	line-height: 28px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #373a3c
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em.cost {
	margin: 0 4px;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #5a5f64
}

[lang=zh] .setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em.cost {
	margin: 0
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .priceArea {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
	font-size: 0
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .priceArea .originPrice {
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 500;
	color: #6b6e73;
	text-decoration: line-through
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .priceArea .saleCont {
	display: flex;
	align-items: center
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .priceArea .saleCont .saleDollar {
	margin: 0 4px;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 700;
	color: #373a3c
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .saleTbox .priceArea .saleCont .saleWon {
	line-height: 21px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #5a5f64
}

.setSaleTemp .setSaleCartBox.setSaleLoginY .btnType.saleCartBtn,
.setSaleTemp .setSaleCartBox.setSaleLoginY .btnSSG.saleCartBtn {
	padding: 16.5px 36px;
	line-height: 15px;
	min-width: 203px;
	height: auto;
	border-radius: 4px;
	box-shadow: none
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B {
	padding: 40px 0
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodItem {
	margin: 0 12px;
	width: 200px
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodItem figure {
	padding: 0;
	width: 200px;
	height: 200px
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodItem figure::after {
	background: rgba(0, 0, 0, 0) !important
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .brandName {
	line-height: 18.2px;
	font-size: 1.3rem;
	font-weight: 700
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .prodName {
	margin: 4px 0 8px;
	line-height: 18.2px;
	font-size: 1.3rem;
	font-weight: 400
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea {
	margin: 0
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea .txtLoginBefore {
	margin: 0;
	line-height: 18.2px;
	font-size: 1.3rem;
	font-weight: 400
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea .txtLoginBefore::before {
	top: 0
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea .originPrice {
	line-height: 18.2px;
	font-size: 1.3rem;
	font-weight: 400;
	text-decoration: line-through
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea .saleCont .saleDollar {
	margin-right: 4px;
	line-height: 21px;
	font-size: 1.5rem;
	font-weight: 700
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea .saleCont .saleWon {
	line-height: 18.2px;
	font-size: 1.3rem;
	font-weight: 400
}

.setSaleTemp.setSaleTemp_B .thumType.setSaleProd_B .prodInfo .priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 21px;
	font-size: 1.5rem;
	font-weight: 700
}

.promotionCon.moduleType .imgCmtMdoduleWrap {
	width: 1000px;
	margin: 80px auto 0
}

.promotionCon.moduleType .imgCmtMdoduleWrap .listNum {
	padding-top: 11px;
	border-top: 1px solid #000;
	border-bottom: none
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .frmSwitch {
	margin-left: 0;
	margin-right: 6px;
	padding-left: 0
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .frmSwitch::before {
	display: none
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .frmSwitch label {
	padding-right: 0;
	padding-left: 33px;
	font-size: 1.5rem;
	color: #373a3c;
	font-weight: 700
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .frmSwitch label::before {
	right: initial;
	left: 0;
	top: 1px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .frmSwitch label::after {
	right: initial;
	left: 2px;
	top: 3px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .frmSwitch input:checked+label::after {
	right: initial;
	left: 14px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .side .sortingList label {
	font-size: 1.5rem
}

.promotionCon.moduleType .imgCmtMdoduleWrap .noData .txt {
	font-size: 2rem
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap {
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	border: 1px solid #dcdfe3
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .commentTextArea {
	overflow: hidden;
	min-height: 67px;
	height: 67px;
	padding: 24px;
	line-height: 1.4;
	background: #fff;
	box-sizing: border-box
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .commentTextArea:focus {
	border: none
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgUploadWrap {
	position: relative;
	padding: 0 24px 24px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgUploadWrap label {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	background: #f2f5f9
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgUploadWrap label img {
	width: 24px;
	height: 24px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgUploadWrap label~input[type=file] {
	position: absolute;
	left: 24px;
	top: 0;
	width: 100px;
	height: 100px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgPreview {
	overflow: hidden;
	position: absolute;
	left: 24px;
	bottom: 24px;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 8px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgPreview figure {
	width: 100%;
	height: 100%
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgPreview figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .commentImageInputWrap .imgPreview .btnClose {
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url(/fo/images/view/ico_imgCmtModule_close.svg) no-repeat center;
	background-size: 16px 16px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .btnArea {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 16px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .btnArea .maxText {
	margin-top: 0
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .btnArea .maxText span {
	font-weight: 700
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .btnArea .commentSubmitBtn {
	min-width: 46px;
	height: 40px;
	margin-left: 16px;
	padding: 0 10px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	background: #1e2023
}

.promotionCon.moduleType .imgCmtMdoduleWrap .imgCommentModule .btnArea .commentSubmitBtn[disabled] {
	color: #9fa2a8;
	background: #f5f7fa
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap {
	padding: 10px 0 16px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap::after {
	content: "";
	display: block;
	clear: both
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment {
	clear: both;
	position: relative;
	margin-bottom: 30px;
	text-align: left
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment::after {
	content: "";
	display: block;
	clear: both
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .userID {
	float: left;
	margin-bottom: 5px;
	margin-right: 24px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #373a3c
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .content {
	float: left
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .txtWrap {
	display: flex;
	align-items: flex-end;
	margin-bottom: 8px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .txtWrap .txt {
	display: inline-block;
	max-width: 824px;
	padding: 10px;
	border-radius: 8px;
	font-size: 1.5rem;
	color: #1e2023;
	line-height: 130%;
	white-space: pre-wrap;
	background: #f5f7fa
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .txtWrap .time {
	margin-left: 8px;
	font-size: 1.3rem;
	color: #9fa2a8
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .imgWrap {
	overflow: hidden;
	width: 270px;
	margin-bottom: 6px;
	border-radius: 8px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .imgWrap img {
	width: 100%;
	height: auto;
	cursor: pointer
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns {
	display: flex;
	align-items: center;
	position: relative;
	width: 270px;
	margin-left: -8px;
	color: #8b8f94;
	font-size: 1.3rem
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .chkFavo {
	display: flex;
	align-items: center
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .chkFavo input[type=checkbox]:checked~.cnt {
	color: #ff5644
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns label {
	position: static;
	width: 30px;
	height: 30px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .cnt {
	display: inline-block;
	margin: 1px 0 0 30px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .treeLink {
	position: absolute;
	right: -15px;
	top: 0
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .treeLink button {
	font-size: 1.3rem;
	color: #1e2023
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .treeLink .btnLink[aria-selected=false]+button {
	display: none
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment .optionBtns .treeLink .btnLink[aria-selected=true]+button {
	display: block;
	position: absolute;
	bottom: -43px;
	right: 0;
	z-index: 1;
	padding: 14px 24px;
	border-radius: 8px;
	font-weight: 700;
	background: #fff;
	box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2);
	white-space: nowrap
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine {
	float: right;
	text-align: right
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine .userID {
	float: right;
	margin-right: 0;
	margin-left: 24px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine .content {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: flex-end;
	flex-direction: column
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine .txtWrap {
	flex-direction: row-reverse
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine .txtWrap .txt {
	margin-left: 8px;
	text-align: left;
	color: #fff;
	background: #1e2023
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine .optionBtns {
	justify-content: space-between
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment.mine .optionBtns .btnDelete {
	color: #e6230a;
	font-size: 1.3rem
}

.promotionCon.moduleType .imgCmtMdoduleWrap .commentContentWrap .comment:last-child {
	margin-bottom: 80px
}

.promotionCon.moduleType .imgCmtMdoduleWrap .btnMoreViewArea {
	display: flex;
	justify-content: center;
	algin-items: center;
	width: 100%;
	padding: 24px 0 40px;
	text-align: center
}

.promotionCon.moduleType .imgCmtMdoduleWrap .btnMoreViewArea button {
	display: block;
	min-width: 160px;
	height: 48px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	text-align: center
}

.promotionCon.moduleType .imgCmtMdoduleWrap .btnMoreViewArea button span {
	font-size: 1.5rem;
	color: #373a3c;
	font-weight: 700
}

.promotionCon.moduleType .imgCmtMdoduleWrap .btnMoreViewArea button.btClose {
	display: none
}

.promotionCon.moduleType .imgCmtMdoduleWrap .btnMoreViewArea.close .btMoreView {
	display: none
}

.promotionCon.moduleType .imgCmtMdoduleWrap .btnMoreViewArea.close .btClose {
	display: block
}

.promotionCon.moduleType .imgCmtMdoduleWrap .alertArea {
	display: flex;
	justify-content: center;
	algin-items: center;
	width: 100%;
	margin-top: 24px;
	padding: 0px 24px 79px 24px;
	text-align: center
}

.promotionCon.moduleType .imgCmtMdoduleWrap .alertArea .inner {
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #eaeaea
}

.promotionCon.moduleType .imgCmtMdoduleWrap .alertArea p {
	line-height: 130%;
	font-size: 1.3rem;
	color: #2444c2
}

@media screen and (min-width: 1663px) {
	.mainTopbanner {
		position: relative;
		min-width: 1440px
	}

	.mainTopbanner .bannerInfo {
		max-width: 1680px;
		padding: 0 80px
	}

	.prInfo_top .prImg .chImgWrap .swiperWrap {
		margin: 0 auto
	}

	.benefitComponent .swiperWrap .bannerType .bannerTxt .titEvent {
		font-size: 2.4rem
	}

	.beautiyComponent .visualCont .inner .cont .tit {
		font-size: 2.4rem;
		line-height: 1.3333333333;
		line-height: 1.4166666667
	}

	.beautiyComponent .visualCont .inner .cont .date {
		font-size: 1.5rem;
		line-height: 1.5333333333
	}

	.fashionComponent .fashionPick .cont {
		padding: 40px 5% 0
	}

	.fashionComponent .fashionPick .cont .swiperWrap .swiper-container {
		width: 560px
	}

	.fashionComponent .prodCont figure:after {
		display: none
	}

	.fashionComponent .imgList>ul>li:not(.swiper-slide):nth-child(n+5) {
		display: inline-block !important
	}

	.mainFoot .quickMn {
		display: table-cell;
		width: 40%;
		padding: 12px 40px 12px 0;
		border-right: 1px solid #eaeaea
	}

	.mainFoot .quickMn .list li {
		width: 25%;
		padding: 20px 0
	}

	.mainFoot .conWrap {
		width: 60%;
		border-top: 0
	}

	.mainFoot .storeInfo {
		width: 29%
	}

	.mainFoot .customInfo {
		width: 27%
	}

	.mainFoot .noticeInfo {
		width: 40%
	}

	.sideVideo {
		height: 452px
	}

	.timePr .list li {
		width: 20%
	}

	.timePr .list li:first-child,
	.timePr .list li:nth-child(6) {
		width: 40%
	}

	.timePr .list li:nth-child(7),
	.timePr .list li:nth-child(8) {
		display: block
	}

	.timeSale_pr li {
		width: 25%
	}

	.todaysp_pr li {
		width: 19.8%
	}

	.storeList>li {
		width: 20%
	}

	.storeList.storeCard>li {
		width: 25%
	}

	.brandShop .storeCont {
		width: auto
	}

	.brandShop .storeCont .storeInfo {
		min-width: 568px
	}

	.brandShop .storeCont .mapArea {
		min-width: 568px
	}

	.brandmallWrap {
		padding: 0
	}

	.brandmallWrap .brandNow .nowList>li {
		width: 25%
	}

	.brandmallWrap .brandNow .nowList>li:nth-child(4) {
		display: block
	}

	.storyWrap .storyList li {
		width: 25%
	}

	.storyWrap .storyList li:nth-child(4) {
		margin-top: 0 !important
	}

	.storyWrap .storyList li:nth-child(4n)~li {
		margin-top: 48px
	}

	.ago3hour .front .remainTime {
		width: calc(100% - 560px)
	}

	.ago3hour .front .myExitInfo {
		width: 560px
	}

	.ago3hourInfo .bultType01 {
		margin-bottom: -8px
	}

	.ago3hourInfo .bultType01>li {
		float: left;
		width: 50%;
		margin: 0 0 8px
	}

	.beautyFinderReault .prodList.prodThumb .prodCont {
		width: 25%
	}

	.container.categoryCont .i2303.categoryAreaBox .imgList>ul.col3>li:nth-child(-n+4) {
		margin-top: 0
	}

	.container:not(.categoryCont) .benefitCont .imgList>ul.col3>li:nth-child(-n+4) {
		margin-top: 0
	}

	.container:not(.categoryCont) .benefitCont .imgList>ul.col2>li {
		width: 33.3333333333%
	}

	[lang=zh] .container:not(.categoryCont) .benefitCont .imgList>ul.col2>li {
		width: calc(33.3333333333% - 1px)
	}

	.container:not(.categoryCont) .benefitCont .imgList>ul.col2>li:nth-child(-n+3) {
		margin-top: 0
	}

	.container:not(.categoryCont) .benefitCont .imgList>ul.listType .cont .icoArea {
		bottom: -5px
	}

	.container:not(.categoryCont) .benefitCont .imgList>ul li.noData {
		width: 100% !important;
		margin-top: 0
	}

	.container:not(.categoryCont) .benefitCont .bannerList li {
		float: none
	}

	[lang=zh] .container:not(.categoryCont) .benefitCont .bannerList li {
		float: left
	}

	.container:not(.categoryCont) .benefitCont .bannerList.col3>li {
		width: 25%
	}

	[lang=zh] .container:not(.categoryCont) .benefitCont .bannerList.col3>li {
		width: calc(25% - 1px)
	}

	.container:not(.categoryCont) .benefitCont .bannerList.col3>li:nth-child(-n+4) {
		margin-top: 0
	}

	.container:not(.categoryCont) .benefitCont .bannerList.col2>li {
		width: 33.3333333333%
	}

	[lang=zh] .container:not(.categoryCont) .benefitCont .bannerList.col2>li {
		width: calc(33.3333333333% - 1px)
	}

	.container:not(.categoryCont) .benefitCont .bannerList.col2>li:nth-child(-n+3) {
		margin-top: 0
	}

	.benefitWrap .forUbenefit {
		padding: 34px 98px
	}

	.benefitWrap .forUbenefit strong {
		line-height: 52px
	}

	.benefitWrap .forUbenefit strong .minBlock {
		display: inline-block
	}

	.liveCont .latestLive .item .title {
		max-width: 80%
	}

	.liveCont .liveFormat>ul>li {
		width: 20%
	}

	[lang=zh] .liveCont .liveFormat>ul>li {
		width: calc(20% - 1px)
	}

	.liveCont .liveFormat>ul>li:nth-child(5) {
		display: inline-block;
		margin-top: 0 !important
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea {
		overflow-x: hidden
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord {
		overflow: hidden;
		padding-right: 0
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont {
		display: inline-block;
		width: calc(50% - 2px);
		padding-right: 0
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont:nth-child(2) {
		margin-top: 0
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a figure {
		top: 0
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodInfo .brandName {
		margin-bottom: 4px;
		padding-top: 4px;
		line-height: 18px;
		font-size: 1.3rem;
		letter-spacing: -0.02em;
		font-weight: 700
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodInfo .prodName {
		margin-bottom: 12px;
		padding-right: 35px;
		letter-spacing: .02px
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 96px
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea {
		margin-top: 0
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .originPrice {
		line-height: 18px;
		font-size: 1.3rem
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .saleNum {
		margin-right: 4px;
		line-height: 23px;
		font-size: 1.5rem;
		font-weight: 700
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .saleNum b {
		line-height: 23px;
		font-size: 1.5rem;
		font-weight: 700
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .saleDollar {
		line-height: 23px;
		font-size: 1.5rem;
		font-weight: 700
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .saleWon {
		line-height: 13px;
		font-size: 1.3rem;
		font-weight: 400
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .priceWrap {
		display: block
	}

	.liveCont .otWrap .liveList .liveItem .scrollArea .relatedPord .prodCont>a .prodFlex .priceArea .priceWrap .txtLoginBefore {
		margin-bottom: 0
	}

	.imgList>ul.col2>li {
		width: 33.33% !important
	}

	[lang=zh] .imgList>ul.col2>li {
		width: calc(33.33% - 1px) !important
	}

	.imgList>ul.col3>li {
		width: 25% !important
	}

	[lang=zh] .imgList>ul.col3>li {
		width: calc(25% - 1px) !important
	}

	.imgList>ul.col4>li {
		width: 20% !important
	}

	[lang=zh] .imgList>ul.col4>li {
		width: calc(20% - 1px) !important
	}

	.prodList.prodThumb.prodRanking>li,
	.prodList.prodThumb.prodReview>li {
		width: 20%
	}

	.visualBrand .cont .prodArea .prodCont {
		height: 381px
	}

	.visualBrand .cont .prodArea .prodCont:nth-child(3) {
		display: inline-block !important
	}

	.visualCont .cont .popLayCont {
		margin-left: -184px !important;
		width: 370px !important
	}

	.fashionMagazine .visualCont .cont .desc,
	.beautyMagazine .visualCont .cont .desc {
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		max-height: 108px
	}

	.specialCont .prodSwipe.recommendBeautiSwipe .prodList.prodThumb .prodCont {
		width: 20%;
		margin: 0
	}

	.specialCont .prodSwipe.recommendBeautiSwipe .prodList.prodThumb .prodCont:nth-child(n+5) {
		display: inline-block
	}

	.swiper-wrapper.keyword figure {
		min-height: 359px
	}

	.fashionPick .cont .swiperWrap .swiper-container {
		width: 752px
	}

	.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont {
		width: 25%
	}

	.pickCont .prodArea .prodList {
		padding: 0 68px
	}

	.pickCont .prodArea .prodList>.prodCont {
		width: 25%
	}

	.pickCont .prodArea .prodList>.prodCont:nth-child(n+7) {
		display: inline-block
	}

	.pickCodiList>li {
		width: 25%
	}

	.pickCodiList>li:last-child {
		display: inline-block
	}

	.rankingCont .moreRanking .moreWrap .rankingList li {
		width: 20%
	}

	.rankingCont .rankingTotal #rankingTab01,
	.rankingCont .rankingTotal #rankingTab02,
	.rankingCont .rankingTotal #rankingTab05 {
		padding: 40px 154px
	}

	.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont:nth-child(4) {
		display: inline-block
	}

	.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont {
		width: 20%
	}

	.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont:nth-child(4) {
		display: inline-block
	}

	.branchCont .smartPick .bannerTxt {
		left: 120px
	}

	.branchCont .smartPickHow ul {
		padding: 0 147px
	}

	.branchCont .floorInfo .stordFloor {
		width: 258px
	}

	.branchCont .floorInfo .cont {
		width: calc(100% - 306px)
	}

	.sindyArea.imgList>ul.col2>li {
		width: 50%
	}

	.ohmyCont .basket_pr .prodCont {
		width: 25% !important
	}

	.storeList>li {
		width: 20%
	}

	.storeList.storeCard>li {
		width: 25%
	}

	.categoryCont {
		padding-bottom: 0 !important
	}

	.categoryCont #filter {
		width: 329px;
		left: 50%;
		margin-left: -760px
	}

	.categoryCont #btnFilter {
		display: none
	}

	.categoryCont #filter.opened #filterWrap {
		box-shadow: none
	}

	.categoryCont #filterWrap {
		display: block;
		width: 288px;
		padding: 20px 0 0
	}

	.categoryCont #filterWrap .tit {
		padding-left: 0
	}

	.categoryCont #filterWrap .filterCont {
		height: calc(100% - 156px)
	}

	.categoryCont #filterWrap .close {
		display: none
	}

	.categoryCont #filterContents {
		position: relative;
		margin-bottom: -100px;
		padding: 0 0 100px 384px
	}

	.categoryCont #filterContents::after {
		content: "";
		position: absolute;
		top: 0;
		left: 329px;
		width: 1px;
		height: 100%;
		background: #dcdfe3
	}

	.categoryCont .imgList>.library.col2>li {
		width: 50%
	}

	.categoryCont .imgList>.benefit.col3>li {
		width: calc(33.3333333333% - 1px) !important
	}

	.categoryCont .imgList>.benefit.col3>li.noData {
		width: 100% !important
	}

	.fixToBottomLimit .prodList.prodThumb .prodCont {
		width: 25%
	}

	.benefitCont #filterContents #prodStyle-Thumb1 li:nth-child(4) {
		margin-top: 0
	}
}

@media screen and (min-width: 1903px) {

	.popularCtg .prodList.prodThumb .prodCont:nth-child(9),
	.popularCtg .prodList.prodThumb .prodCont:nth-child(10) {
		display: inline-block
	}

	.sindyArea.imgList>ul.col2>li {
		width: 33.33%
	}

	.categoryCont #filterWrap {
		width: 232px
	}

	.categoryCont #filterWrap .filterCont .filterOption {
		width: 232px
	}

	.categoryCont #filter {
		z-index: 2000
	}

	.categoryCont #filterContents {
		padding-left: 288px
	}

	.categoryCont #filterContents::after {
		left: 257px
	}

	.categoryCont .radBox.boxCol03 .frmSel {
		width: 50%
	}

	.categoryCont .imgList>.library.col2>li {
		width: 33.33%
	}

	.fixToBottomLimit .prodList.prodThumb .prodCont {
		width: 25%
	}

	.fixToBottomLimit.brandFilter .prodList.prodThumb .prodCont {
		width: 25%
	}
}

[lang=en] .lankingComponent .tabList {
	margin-bottom: 8px
}

[lang=en] .lankingComponent .tabList li {
	vertical-align: top
}

[lang=en] .lankingComponent .tabList li .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	line-height: 15px
}

[lang=en] .newBrandComponent .tabList {
	margin-bottom: 8px
}

[lang=en] .newBrandComponent .tabList li {
	vertical-align: top
}

[lang=en] .newBrandComponent .tabList li .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	line-height: 15px
}

[lang=en] .beautiyComponent .tabType04 {
	width: 770px;
	margin: 16px auto 0
}

[lang=en] .beautiyComponent .tabType04>li {
	margin: 8px 3px 0
}

[lang=en] .roundType.radBox.icoType input+label {
	padding-top: 70px;
	line-height: 22px
}

[lang=en] .roundType.radBox.icoType input+label::after {
	top: 30px
}

[lang=en] .branchCont .floorSearch.searchType input[type=text] {
	padding-left: 180px
}

[lang=en] .moreSale_fing .tabType01.tabBasic>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 20px
}

[lang=en] .main_quickMn {
	display: flex;
	justify-content: center;
	padding: 40px 0 8px
}

[lang=en] .main_quickMn li {
	width: 9.86%;
	max-width: 112px
}

[lang=en] .main_quickMn li a .txt {
	display: block;
	overflow: hidden;
	height: 42px;
	padding: 8px 16px 0;
	line-height: 17px;
	box-sizing: border-box;
	word-break: keep-all;
	white-space: normal;
	text-overflow: clip
}

[lang=en] .prodCont .priceArea .originPrice {
	font-size: 15px;
	line-height: 21px
}

[lang=en] .prodCont .priceArea .originPrice+.saleCont {
	margin-top: 2px
}

[lang=en] .prodCont .priceArea .saleCont .saleDollar {
	font-size: 15px;
	line-height: 21px
}

[lang=en] .prodCont .priceArea .saleCont .saleNum {
	line-height: 21px
}

[lang=en] .prodCont .prodInfo {
	margin-top: 16px
}

[lang=en] .prodCont .prodInfo .prodName {
	margin-top: 4px
}

[lang=en] .prodSwipe .prodCont .prodInfo .priceArea .saleWon {
	font-size: 15px;
	line-height: 21px
}

[lang=en] .ago3hour .front .remainTime .time b {
	vertical-align: middle
}

[lang=en] .ago3hour .front .remainTime .time b:last-child {
	margin-left: 16px
}

[lang=en] .benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg {
	padding: 32px 16px 21px
}

[lang=en] .benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .mainBenefit_name {
	font-size: 1.8rem;
	line-height: 25px;
	word-break: keep-all;
	letter-spacing: normal
}

[lang=en] .benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .subBenefit_name {
	height: 44px;
	line-height: 22px;
	font-size: 1.6rem
}

[lang=en] .benefitWrap.i2303 .mainBenefits .mainBenefitsBox .mainBeneList.beneListUi .mainBeneImg a .subBenefit_name span {
	word-break: keep-all;
	letter-spacing: normal
}

.filterTitle {
	width: 100%;
	margin: 0 auto;
	padding: 8px;
	text-align: center
}

.filterTitle.searchText {
	padding: 23px 8px 40px
}

.filterTitle>span {
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.56px;
	font-size: 2.8rem;
	color: #373a3c;
	text-align: center;
	display: block
}

.filterTitle>span>em {
	color: #4d6ee4
}

.filterTitle>span>em:lang(zh) {
	color: #fe324b
}

.filterTitle>span.suggest {
	margin-top: 24px
}

.filterTitle>span.suggest>a {
	font-size: 1.8rem
}

.filterTitle>span.suggest>a>em {
	position: relative;
	color: #4d6ee4;
	text-decoration: underline
}

.filterTitle>span.suggest>a>em:lang(zh) {
	color: #fe324b
}

.filterTitle>p {
	margin-top: 24px;
	margin-bottom: 8px;
	text-align: center;
	margin-bottom: 8px;
	font-size: 1.8rem;
	font-weight: 400;
	color: #6b6e73;
	line-height: 100%
}

.filterTitle>a {
	text-align: center;
	line-height: 100%;
	font-size: 1.8rem;
	font-weight: 400;
	color: #4d6ee4;
	text-decoration: underline
}

.filterTitle>a:lang(zh) {
	color: #fe324b
}

.filterTabs {
	padding: 16px 8px 24px 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 30px
}

.filterTabs>a {
	position: relative;
	padding-bottom: 2px;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.36px
}

.filterTabs>a.active {
	color: #373a3c;
	font-weight: 700
}

.filterTabs>a.active::before {
	content: "";
	position: absolute;
	top: -2px;
	right: -6px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #4d6ee4
}

.filterTabs>a.active::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #373a3c
}

.filterTabs~.area_lv1~.filterSelects {
	margin-top: 48px
}

.filterSelects {
	position: relative;
	border-top: 1px solid #454f5b;
	width: 100%;
	margin: 0 auto
}

.filterSelects.mt80 {
	margin-top: 80px
}

.filterSelects>dl {
	width: 100%;
	display: grid;
	grid-template-columns: 160px auto
}

.filterSelects>dl>* {
	border-bottom: 1px solid #eef0f6
}

.filterSelects>dl+.btnSubmit {
	border-top: 1px solid #454f5b
}

.filterSelects>dl>dt {
	background-color: #ebedf2;
	color: #373a3c;
	font-size: 13px;
	font-weight: 700;
	line-height: 23px;
	display: flex;
	padding: 10px 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch
}

.filterSelects>dl>dt>button {
	display: flex;
	padding: 0px 8px;
	justify-content: center;
	align-items: center;
	color: #1e2023;
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .3);
	background-color: #f8fafc
}

.filterSelects>dl>dd.inputPay {
	padding: 16px 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0 8px
}

.filterSelects>dl>dd.inputPay>span {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	border-radius: 2px;
	border: 1px solid #dcdfe3;
	background-color: #f8fafc;
	padding: 0 16px 0 12px;
	width: 120px;
	height: 28px;
	color: #373a3c;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%
}

.filterSelects>dl>dd.inputPay>span>input[type=text],
.filterSelects>dl>dd.inputPay>span>input[type=number] {
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	width: -webkit-fill-available;
	height: 26px;
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	box-shadow: none;
	appearance: none;
	text-align: right;
	color: #1e2023;
	-moz-appearance: textfield;
	outline: none
}

.filterSelects>dl>dd.inputPay>span>input[type=text]::placeholder,
.filterSelects>dl>dd.inputPay>span>input[type=number]::placeholder {
	color: #b9bcc0;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%
}

.filterSelects>dl>dd.inputPay>span>input[type=text]::-webkit-outer-spin-button,
.filterSelects>dl>dd.inputPay>span>input[type=text]::-webkit-inner-spin-button,
.filterSelects>dl>dd.inputPay>span>input[type=number]::-webkit-outer-spin-button,
.filterSelects>dl>dd.inputPay>span>input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.filterSelects>dl>dd.inputPay>em {
	color: #b9bcc0
}

.filterSelects>dl>dd.inputPay>button {
	height: 28px;
	padding: 0px 12px;
	border-radius: 2px;
	background-color: #dfe3e8;
	color: #1e2023;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%
}

.filterSelects>dl>dd.color {
	padding: 10px 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 24px
}

.filterSelects>dl>dd.color>span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 4px 0
}

.filterSelects>dl>dd.color>span>input[type=radio],
.filterSelects>dl>dd.color>span>input[type=checkbox] {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	border-radius: 38px;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	background-color: #fff;
	appearance: none
}

.filterSelects>dl>dd.color>span>input[type=radio]::before,
.filterSelects>dl>dd.color>span>input[type=checkbox]::before {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	background-image: var(--colorImage)
}

.filterSelects>dl>dd.color>span>input[type=radio]+label,
.filterSelects>dl>dd.color>span>input[type=checkbox]+label {
	color: #6b6e73;
	font-size: 12px;
	font-weight: 400;
	line-height: 130%
}

.filterSelects>dl>dd.color>span>input[type=radio]:checked,
.filterSelects>dl>dd.color>span>input[type=checkbox]:checked {
	border-color: #1e2023
}

.filterSelects>dl>dd.color>span>input[type=radio]:checked+label,
.filterSelects>dl>dd.color>span>input[type=checkbox]:checked+label {
	color: #1e2023;
	font-weight: 700
}

.filterSelects>dl .words {
	position: relative;
	padding: 10px 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px 16px
}

.filterSelects>dl .words>button {
	height: 32px;
	color: #373a3c;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%
}

.filterSelects>dl .words>input[type=radio],
.filterSelects>dl .words>input[type=checkbox] {
	width: 1px;
	height: 1px;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: -999999px
}

.filterSelects>dl .words>input[type=radio]+label,
.filterSelects>dl .words>input[type=checkbox]+label {
	color: #373a3c;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	display: flex;
	height: 32px;
	justify-content: center;
	align-items: center
}

.filterSelects>dl .words>input[type=radio]:checked+label,
.filterSelects>dl .words>input[type=checkbox]:checked+label {
	padding: 0px 10px;
	border-radius: 99px;
	background-color: #373a3c;
	color: #fff
}

.filterSelects>dl .words.parents {
	align-items: center
}

.filterSelects>dl .words.parents>em {
	font-size: 0;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/fo/images/view/ico-search-category-arrow-left.svg")
}

.filterSelects>dl .words.parents>i {
	font-size: 0;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/fo/images/view/ico-search-category-arrow-right.svg")
}

.filterSelects>dl .words.parents>button {
	color: #373a3c;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%
}

.filterSelects>dl .words.children {
	position: relative;
	margin: 10px 40px;
	border-radius: 4px;
	background-color: #f8fafc;
	padding: 8px 16px
}

.filterSelects>dl .words.children::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% + 80px);
	border-top: 1px dashed #eef0f6
}

.filterSelects>.filterMore {
	border-right: 1px solid #eef0f6;
	border-bottom: 1px solid #eef0f6;
	border-left: 1px solid #eef0f6;
	background-color: rgba(12, 38, 159, .03);
	padding: 24px 16px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start
}

.filterSelects>.filterMore>div {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px 16px
}

.filterSelects>.filterMore>div>span {
	display: flex;
	padding: 0px 4px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	color: #4d6ee4;
	font-size: 13px;
	font-weight: 700;
	line-height: 130%
}

[lang=zh] .filterSelects>.filterMore>div>span {
	color: #fe324b
}

.filterSelects>.filterMore>div>span>button {
	width: 12px;
	height: 12px;
	font-size: 0;
	background-image: url("/fo/images/view/ico_filter_close.svg");
	background-repeat: no-repeat;
	background-position: center
}

.filterSelects>.filterMore>p {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.filterSelects>.filterMore>p>button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #1e2023;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.39px;
	text-decoration-line: underline
}

.filterSelects>.filterMore>p>button::after {
	content: "";
	width: 12px;
	height: 12px;
	font-size: 0;
	background-image: url("/fo/images/view/ico_filter_expand_refresh.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px
}

.filterSelects>.btnMore {
	margin-top: 1px;
	border-top: 1px solid #454f5b;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.filterSelects>.btnMore>button {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 24px;
	border-radius: 0px 0px 4px 4px;
	background-color: #454f5b;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 100%
}

.filterSelects>.btnMore>button.active::after {
	transform: rotate(0)
}

.filterSelects>.btnMore>button::after {
	content: "";
	width: 12px;
	height: 12px;
	font-size: 0;
	background-image: url("/fo/images/view/ico_filter_expand_less.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px;
	transform: rotate(180deg)
}

.filterSelects>#pop_brand_find {
	width: 800px;
	height: 380px;
	position: absolute;
	top: 116px;
	transform: translateX(-50%);
	border: 1px solid #000;
	border-radius: 0;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .15)
}

.filterSelects>#pop_brand_find>.layCont {
	max-height: calc(100% - 105px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start
}

.filterSelects>#pop_brand_find>.layCont>.brandSearch {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 359px;
	height: 46px;
	border-bottom: 2px solid #1e2023;
	padding-left: 4px
}

.filterSelects>#pop_brand_find>.layCont>.brandSearch>input {
	padding: 0;
	width: calc(100% - 46px);
	height: 44px;
	border: 0;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	font-size: 15px;
	font-weight: 400;
	line-height: 100%;
	color: #373a3c
}

.filterSelects>#pop_brand_find>.layCont>.brandSearch>input::placeholder {
	color: #b9bcc0;
	font-size: 15px;
	font-weight: 400;
	line-height: 100%
}

.filterSelects>#pop_brand_find>.layCont>.brandSearch>button {
	width: 46px;
	height: 46px;
	font-size: 0;
	background-image: url("/fo/images/view/ico_search_brand_find.svg");
	background-repeat: no-repeat;
	background-position: center
}

.filterSelects>#pop_brand_find>.layCont>.brandList {
	padding-top: 40px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 16px
}

.filterSelects>#pop_brand_find>.layCont>.brandList>button {
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	color: #5a5f64;
	white-space: normal;
	word-break: break-all
}

.filterContents {
	width: 100%;
	margin: 80px auto 0 auto
}

.filterContents>.prodSorging {
	margin-top: 0;
	height: 69px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.filterContents>.prodSorging>p {
	margin-right: auto;
	color: #6b6e73;
	font-size: 15px;
	font-weight: 400;
	line-height: 140%
}

.filterContents>.prodSorging>.sortings {
	margin-left: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	vertical-align: top;
	gap: 16px
}

.filterContents>.prodSorging>.sortings>li {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	z-index: 13
}

.filterContents>.prodSorging>.sortings>li>input {
	position: absolute;
	top: 0;
	left: -9999999px;
	z-index: 1
}

.filterContents>.prodSorging>.sortings>li>input:checked+label {
	color: #373a3c;
	font-weight: 700
}

.filterContents>.prodSorging>.sortings>li>label {
	display: block;
	position: relative;
	z-index: 10;
	letter-spacing: -0.03em;
	background: #fff
}

.filterContents>.prodSorging>.sortings>li>button {
	margin-left: 4px;
	width: 14px;
	height: 14px;
	background-image: url("/fo/images/view/ico_filter_sort_tooltip_open.png");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	font-size: 0
}

.filterContents>.prodSorging>.sortings>li>.toolTip {
	position: absolute;
	top: 50px;
	border-radius: 4px;
	border: 1px solid #8b8f94;
	background: #fff;
	padding: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.filterContents>.prodSorging>.sortings>li>.toolTip>p {
	color: #373a3c;
	font-size: 13px;
	font-weight: 400;
	line-height: 140%;
	white-space: nowrap
}

.filterContents>.prodSorging>.sortings>li>.toolTip>button {
	margin-left: 10px;
	margin-bottom: auto;
	font-size: 0;
	width: 12px;
	height: 12px;
	background-image: url("/fo/images/view/ico_filter_sort_tooltip_close.svg");
	background-repeat: no-repeat;
	background-position: center
}

.filterContents>.prodList.prodThumb>.prodCont {
	width: 20%
}

.filterContents>.prodList.prodThumb>.prodCont:nth-child(5) {
	margin-top: 0 !important
}

.filterNotFind {
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.filterNotFind>div {
	width: 160px;
	height: 160px
}

.filterNotFind>strong {
	margin-top: 24px;
	color: #373a3c;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 130%
}

.filterNotFind>span {
	margin-top: 8px;
	color: #5a5f64;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 160%
}

.benefitCont .qtflexibleType .bannerList {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	font-size: 0
}

.benefitCont .qtflexibleType .bannerList li {
	width: 25%;
	padding-left: 10px;
	margin-top: 0
}

.benefitCont .qtflexibleType .bannerList li:nth-child(4n+1) {
	padding-left: 0
}

.benefitCont .qtflexibleType .bannerList li:nth-child(n+5) {
	margin-top: 24px
}

.benefitCont .qtflexibleType .bannerList li .bannerType {
	height: auto
}

.benefitCont .qtflexibleType .bannerList li .bannerType a {
	display: flex;
	align-items: center;
	height: auto
}

.benefitCont .qtflexibleType .bannerList li .bannerType a figure {
	overflow: hidden;
	position: relative;
	width: clamp(100px, 100px + 40*(100vw - 1440px)/480, 140px);
	aspect-ratio: 1/1;
	border-radius: 4px
}

.benefitCont .qtflexibleType .bannerList li .bannerType a figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)
}

.benefitCont .qtflexibleType .bannerList li .bannerType a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.benefitCont .qtflexibleType .bannerList li .bannerType a figure .badge {
	position: absolute;
	top: 0;
	left: 0;
	min-height: calc(21px + 1*(100vw - 1440px)/480);
	padding: 0 6px;
	border-radius: 4px 0;
	line-height: calc(21px + 1*(100vw - 1440px)/480);
	font-size: calc(12px + 1*(100vw - 1440px)/480);
	color: #fff;
	background: linear-gradient(208deg, #FE4C99 2.75%, #FF6B20 109.36%)
}

.benefitCont .qtflexibleType .bannerList li .bannerType a figure .badge.review {
	background: linear-gradient(256deg, #5934DF 17.26%, #353535 114.45%)
}

.benefitCont .qtflexibleType .bannerList li .bannerType a figure .badge.dday {
	color: #d20055;
	background: #ffecf3
}

.benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt {
	display: flex;
	flex-direction: column;
	width: calc(100% - clamp(100px, 100px + 40*(100vw - 1440px)/480, 140px));
	height: 100%;
	padding-left: calc(10px + 3*(100vw - 1440px)/480)
}

.benefitWrap .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt {
	justify-content: center
}

.benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .titEvent {
	margin-top: clamp(6px, 6px + 3*(100vw - 1440px)/480, 6px);
	font-size: clamp(1.6rem, 16px + 4*(100vw - 1440px)/480, 2rem);
	line-height: 137%;
	font-weight: 700;
	color: #1e2023;
	letter-spacing: clamp(-0.32px, -3.2px + -0.8*(100vw - 1440px)/480, -0.4px)
}

.benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .subTit {
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	top: clamp(4px, 4px + 6*(100vw - 1440px)/480, 10px);
	margin-top: 0;
	font-size: clamp(1.3rem, 13px + 2*(100vw - 1440px)/480, 1.5rem);
	color: #373a3c;
	letter-spacing: clamp(-0.24px, -2.4px + -0.6*(100vw - 1440px)/480, -0.3px)
}

.benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo {
	margin-top: clamp(11px, 9px + 13*(100vw - 1440px)/480, 18px);
	padding-top: 0
}

.benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .winnerBenefits {
	display: inline-block;
	font-size: clamp(1.2rem, 10px + 3*(100vw - 1440px)/480, 1.3rem);
	height: clamp(22px, 22px + 3*(100vw - 1440px)/480, 25px);
	margin-right: 6px;
	line-height: clamp(22px, 22px + 3*(100vw - 1440px)/480, 25px);
	padding: 0 clamp(6px, 6px + 2*(100vw - 1440px)/480, 8px);
	border-radius: 4px;
	color: #373a3c;
	background: #ebedf2
}

.benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .date {
	display: inline-block;
	font-size: clamp(1.3rem, 13px + 1*(100vw - 1440px)/480, 1.4rem);
	line-height: clamp(22px, 22px + 3*(100vw - 1440px)/480, 25px);
	color: #6b6e73
}

.branchCont .qtflexibleType {
	height: 100%
}

.branchCont .qtflexibleType .bannerList {
	clear: both;
	display: flex;
	flex-wrap: wrap
}

.branchCont .qtflexibleType .bannerList li {
	float: none;
	width: 25%;
	margin: 0;
	padding: 0
}

.branchCont .qtflexibleType .bannerType {
	height: 140px
}

.branchCont .qtflexibleType .bannerType>a {
	display: flex
}

.branchCont .qtflexibleType .bannerType>a figure {
	position: relative;
	width: 140px;
	aspect-ratio: 1/1;
	flex-shrink: 0;
	border-radius: 4px
}

.branchCont .qtflexibleType .bannerType>a figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)
}

.branchCont .qtflexibleType .bannerType>a figure .badge {
	position: absolute;
	left: 0;
	top: 0
}

.branchCont .qtflexibleType .bannerType>a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding-left: 21px;
	width: calc(100% - 140px);
	padding-top: 32px;
	padding-bottom: 20px;
	box-sizing: border-box
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt .flagWrap {
	position: absolute;
	left: 14px;
	top: 0;
	padding-right: 0;
	text-align: left;
	white-space: nowrap;
	font-size: 0
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt .flagWrap .flag.branch {
	height: 25px;
	line-height: 25px;
	font-size: 1.2rem
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt .titEvent {
	text-align: left;
	line-height: 140%;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: -0.4px
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt .subTit {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 8px;
	text-align: left;
	color: #1e2023;
	font-size: 1.5rem;
	letter-spacing: -0.3px
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt .eventInfo {
	position: absolute;
	left: 21px;
	bottom: 0;
	text-align: left
}

.branchCont .qtflexibleType .bannerType>a .bannerTxt .eventInfo .date {
	font-size: 1.2rem
}

.branchCont .qtflexibleType~.ts-prev,
.branchCont .qtflexibleType~.ts-next {
	top: 50px;
	margin-top: 0
}

.branchCont .swiperWrap.swiperDivi {
	padding-bottom: 33px
}

.branchCont .branchBenefit .swiperWrap .ts-prev,
.branchCont .branchBenefit .swiperWrap .ts-next {
	top: 50px;
	margin-top: 0
}

.branchCont .imgList {
	clear: both
}

.branchCont .imgList .qtflexibleType {
	height: auto;
	margin-top: 10px
}

.branchCont .imgList .qtflexibleType .bannerList {
	margin: 0
}

.branchCont .imgList .qtflexibleType .bannerList li {
	width: 25%;
	padding-left: 10px;
	margin-top: 0
}

.branchCont .imgList .qtflexibleType .bannerList li:nth-child(4n+1) {
	padding-left: 0
}

.branchCont .imgList .qtflexibleType .bannerList li:nth-child(n+5) {
	margin-top: 24px
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType {
	height: auto
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a {
	display: flex;
	align-items: center;
	height: auto
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a figure {
	overflow: hidden;
	position: relative;
	width: clamp(110px, 100px + 40*(100vw - 1440px)/480, 140px);
	aspect-ratio: 1/1;
	border-radius: 4px
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a figure .badge {
	position: absolute;
	top: 0;
	left: 0;
	min-height: calc(21px + 1*(100vw - 1440px)/480);
	padding: 0 6px;
	border-radius: 4px 0;
	line-height: calc(21px + 1*(100vw - 1440px)/480);
	font-size: calc(12px + 1*(100vw - 1440px)/480);
	color: #fff;
	background: linear-gradient(208deg, #FE4C99 2.75%, #FF6B20 109.36%)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a figure .badge.review {
	background: linear-gradient(256deg, #5934DF 17.26%, #353535 114.45%)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a figure .badge.dday {
	color: #d20055;
	background: #ffecf3
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt {
	display: flex;
	flex-direction: column;
	width: calc(100% - clamp(100px, 100px + 40*(100vw - 1440px)/480, 140px));
	height: 100%;
	padding-top: 30px;
	padding-left: calc(14px + 3*(100vw - 1440px)/480);
	padding-right: 10px
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .flagWrap {
	left: calc(10px + 4*(100vw - 1440px)/480)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .flagWrap .flag.branch {
	height: clamp(22px, 22px + 3*(100vw - 1440px)/480, 25px);
	line-height: clamp(22px, 22px + 3*(100vw - 1440px)/480, 25px);
	font-size: clamp(1.2rem, 10px + 2*(100vw - 1440px)/480, 1.2rem)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .titEvent {
	margin-top: clamp(0px, 9px + -5*(100vw - 1440px)/480, 0px);
	font-size: clamp(1.5rem, 15px + 3*(100vw - 1440px)/480, 1.8rem);
	line-height: 140%;
	font-weight: 700;
	color: #1e2023;
	letter-spacing: clamp(-0.3px, -3.2px + -0.8*(100vw - 1440px)/480, -0.4px)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .subTit {
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	top: clamp(4px, 4px + 6*(100vw - 1440px)/480, 10px);
	margin-top: 0;
	font-size: clamp(1.2rem, 12px + 3*(100vw - 1440px)/480, 1.5rem);
	color: #373a3c;
	letter-spacing: clamp(-0.24px, -2.4px + -0.6*(100vw - 1440px)/480, -0.3px)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo {
	bottom: -5px;
	left: calc(14px + 3*(100vw - 1440px)/480)
}

.branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .date {
	display: inline-block;
	font-size: clamp(1.2rem, 10px + 2*(100vw - 1440px)/480, 1.2rem);
	line-height: clamp(22px, 22px + 3*(100vw - 1440px)/480, 25px);
	color: #6b6e73
}

.branchCont .imgList .qtflexibleType .listPaging {
	margin-top: 70px
}

.visualInBnr.e18 {
	height: auto
}

.visualInBnr.e18 .titDep2 {
	text-align: center;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: -0.56px
}

.visualInBnr.e18 .mainBannerSwiper .swiper-container {
	position: relative;
	height: 400px
}

.visualInBnr.e18 .mainBannerSwiper .swiper-container .bg-blur {
	position: absolute;
	left: -50px;
	top: -50px;
	width: calc(100% + 100px);
	height: calc(100% + 100px);
	background-size: cover;
	background-position: center;
	filter: blur(50px)
}

.visualInBnr.e18 .mainBannerSwiper .swiper-container .bg-blur::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%)
}

.visualInBnr.e18 .mainBannerSwiper .swiper-container .swiper-wrapper .swiper-slide {
	opacity: 1 !important
}

.visualInBnr.e18 .mainBannerSwiper .paging {
	position: absolute;
	left: clamp(131px, 131px + 192*(100vw - 1440px)/480, 323px);
	bottom: 50px;
	margin-left: 0
}

.visualInBnr.e18 .mainBannerSwiper .mainbanner {
	height: 100%
}

.visualInBnr.e18 .mainBannerSwiper .mainbanner>a figure {
	position: absolute;
	right: clamp(131px, 131px + 192*(100vw - 1440px)/480, 323px);
	top: 0;
	width: 400px;
	height: 400px;
	aspect-ratio: 1/1
}

.visualInBnr.e18 .mainBannerSwiper .mainbanner>a figure img {
	position: initial !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 !important
}

.visualInBnr.e18 .mainBannerSwiper .mainbanner .bannerTxt {
	height: 400px
}

.visualInBnr.e18 .mainBannerSwiper .mainbanner .bannerTxt .inner {
	padding: 0
}

.visualInBnr.e18 .mainBannerSwiper .mainbanner .bannerTxt .inner .titEvent {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: clamp(131px, 131px + 192*(100vw - 1440px)/480, 323px);
	width: 420px;
	color: #fff;
	font-size: 40px;
	line-height: 140%;
	letter-spacing: -0.8px
}

#wrapper.mainWrapper .giftbeneCont .titDep1 {
	margin-bottom: 43px;
	font-size: 2.8rem;
	font-weight: 700
}

#wrapper.mainWrapper .giftbeneCont .tabType01 {
	display: flex;
	justify-content: center;
	margin-bottom: 4px
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li {
	width: 200px
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li>a {
	border-radius: 0;
	box-shadow: none;
	font-size: 2rem;
	color: #6b6e73
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON>a {
	font-weight: 700;
	color: #fff;
	background: #1e2023
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON.tabSub {
	padding-bottom: 100px
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON.tabSub .subTab {
	border: none
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON .swipeMenu {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	margin-bottom: 0;
	background: #f2f4f6
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON .swipeMenu::before {
	display: none
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON .swipeMenu .iScrollWrap::after {
	display: none
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON .swipeMenu .iScrollWrap ul li {
	height: 26px;
	margin: 0 12px;
	padding: 0;
	line-height: 26px
}

#wrapper.mainWrapper .giftbeneCont .tabType01>li.tabON .swipeMenu .iScrollWrap ul li a {
	display: inline-block;
	font-size: 1.6rem;
	letter-spacing: -0.32px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listNum {
	border: none
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 6px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li {
	margin-top: 24px;
	border: 1px solid rgba(0, 0, 0, .1)
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li:nth-child(-n+3) {
	margin-top: 0
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader {
	border-bottom: 1px solid #dcdfe3
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader .listTit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 68px;
	padding: 0 16px 0 24px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader .listTit .titWrap span {
	display: block;
	font-size: 1.6rem;
	color: #1e2023
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader .listTit .titWrap span.bold {
	font-weight: 700
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader .listTit .titLogo a {
	display: flex;
	align-items: center;
	position: relative
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader .listTit .titLogo a::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/fo/images/mypage/ico_arrow_e_receipt.svg) no-repeat;
	background-size: cover
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listHeader .listTit .titLogo img {
	height: 41px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont {
	overflow-x: hidden;
	overflow-y: auto;
	height: 196px;
	padding: 16px 24px 22px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont::-webkit-scrollbar {
	width: 3px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont::-webkit-scrollbar-thumb {
	height: 20px;
	border-radius: 6px;
	background: #d9d9d9
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont::-webkit-scrollbar-track {
	background: #fff
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li {
	display: flex
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li:not(:first-child) {
	margin-top: 24px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideImg {
	overflow: hidden;
	position: relative;
	width: 77px;
	height: 77px;
	border-radius: 4px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideImg a {
	display: block
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideImg a figure {
	positon: relative
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideImg a figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideImg a img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideImg .layerPopupButton {
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 17px;
	height: 17px;
	font-size: 0;
	background: url(/fo/images/view/plus_icon.svg) no-repeat;
	background-size: cover
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideContxt {
	width: calc(100% - 77px);
	padding-left: 16px;
	padding-top: 4px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideContxt li {
	position: relative;
	padding-left: 8px;
	line-height: 130%;
	font-weight: 500;
	font-size: 1.5rem;
	color: #373a3c;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideContxt li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #373a3c
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideContxt li:not(:first-child) {
	margin-top: 4px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont>ul>li .sideContxt .date {
	display: block;
	margin-top: 14px;
	padding-left: 8px;
	font-size: 1.2rem;
	color: #9fa2a8
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont .landingArea {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px dashed rgba(0, 0, 0, .1)
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont .landingArea a {
	display: block;
	height: 32px;
	padding: 0 16px;
	line-height: 32px;
	background: #f5f7fa
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li .listCont .landingArea a span {
	display: block;
	font-size: 1.2rem;
	color: #1e2023;
	background: url(/fo/images/mypage/ico_arrow_e_receipt.svg) no-repeat right center;
	background-size: 12px
}

#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listPaging {
	margin-top: 80px
}

.layPop .freeGift .giftContent {
	padding: 0 16px 0 40px
}

.layPop .freeGift .giftContent .con .list>li:first-child {
	margin-top: 8px
}

.layPop .freeGift .giftContent .con .list>li:not(:first-child) {
	margin-top: 24px
}

.layPop .freeGift .giftContent .con .list .listCon {
	display: flex;
	align-items: center
}

.layPop .freeGift .giftContent .con .list .listCon figure {
	overflow: hidden;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px
}

.layPop .freeGift .giftContent .con .list .listCon figure .soldOut {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 60px;
	padding: 2px;
	border-radius: 8px;
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	letter-spacing: -0.26px;
	background: rgba(55, 58, 60, .6)
}

.layPop .freeGift .giftContent .con .list .listCon figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.layPop .freeGift .giftContent .con .list .listCon figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.layPop .freeGift .giftContent .con .list .listCon .txtInfo {
	width: calc(100% - 60px);
	padding-left: 14px
}

.layPop .freeGift .giftContent .con .list .listCon .txtInfo span {
	display: block;
	overflow: hidden;
	margin-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.4rem;
	color: #1e2023
}

.layPop .freeGift .giftContent .con .list .listCon .txtInfo em {
	font-size: 1.3rem;
	color: #6b6e73
}

.layPop .freeGift .giftContent .con .list .listCon.soldOut .txtInfo {
	opacity: .5
}

@media(min-width: 1680px) {
	#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list {
		grid-template-columns: repeat(4, 1fr)
	}

	#wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list>li:nth-child(-n+4) {
		margin-top: 0
	}
}