@media (min-width:1921px) {
	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 12%;
		width: 9%;
	}
	.menu>img {
		margin-bottom: 4%;
		padding: 3%;
	}
	.menu__style {
		padding: 6% 1% 10%;
		border-radius: 0px;
	}
	.menu ul li {
		line-height: 2.4em;
		font-size: 0.9vw;
	}
	.for-mobile-display {
		display: none;
	}
	/* .discountBox02__margin{
		margin-top: 5% !important;
	} */
	.discountBox04{
		padding: 2% 0.5%;
	}
	.animate-button {
		margin: 0 2%;
	}
	.animate-button.bg-seemore {
		font-size: 0.9vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
	/*font size*/
	.font-header {
		font-size: 4vw;
	}
	.font-title-lg {
		font-size: 3.6vw;
		margin: 0.5vw 0 0.8vw 0;
	}
	.font-title-md {
		font-size: 2.3vw;
		margin: 2% 0;
	}
	.font-title-sm {
		font-size: 1.2vw;
		font-style: italic;
	}
	.font-info-lg {
		font-size: 1.9vw;
	}
	.font-info-md {
		font-size: 1.3vw;
		margin: 1.1vw 0;
		line-height: 1.6vw;
	}
	.font-info-sm {
		font-size: 1vw;
	}

	.text-event-date {
		font-size: 1.6vw;
		top: -5%;
		left: 36%;
	}
	.TitleBox {
		width: 14%;
	}

}

@media (max-width:1920px) {
	.for-mobile-display {
		display: none;
	}

	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 12%;
		width: 11%;
	}
	.menu>img {
		margin-bottom: -8%;
		/* padding: 3%; */
	}
	.menu__style {
		padding: 8% 2% 8%;
		border-radius: 0px;
	}
	.menu ul li {
		/* line-height: 2.4em; */
		font-size: 1vw;
	}

	.animate-button {
		margin: 0 2%;
		padding: 6px 10px; /*1.5% 7%; */
	}
	.animate-button.bg-seemore {
		font-size: 0.9vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
	/*font size*/
	.font-header {
		font-size: 4vw;
	}
	.font-title-lg {
		font-size: 2.6vw;
		margin: 0.5vw 0 0.8vw 0;
	}
	.font-title-md {
		font-size: 2.0vw;
		margin: 2% 0;
	}
	.font-title-sm {
		font-size: 1.2vw;
		/* font-style: italic; */
	}
	.font-info-lg {
		font-size: 1.9vw;
	}
	.font-info-md {
		font-size: 1.2vw;
		margin: 1.1vw 0;
		line-height: 1.8vw;
	}
	.font-info-sm {
		font-size: 1.1vw;
	}


	.discountBox01__content{
		margin-top: 0%;
		/* padding: 3%; */
	}
	.discountBox02__content{
		/* margin-left: -8%; */
		margin-top: 0%; /*3%; */
	}
	.discountBox04__content{
		margin-top: 0%;
	}


	.TitleBox {
		width: 8%;
	}
	.text-event-date {
		font-size: 1.4vw;
		top: -5.1%;
		left: 37%;
	}
}
@media (max-width:1800px) {
	.bk-discount-img {
		background-image: url(../images/img-xmas.jpg), url(../images/discount-snow.png);
		background-position: -3% 85%, 102% 40%;
		background-repeat: no-repeat, no-repeat;
		background-size: 352px 440px, 162px 387px;
	}

	.skincare-img {
		background-image: url(../images/BK-sale.png);
		background-repeat: no-repeat;
		background-position: 4% 50%;
		background-size: 141px 771px;
	}
		.calendarArea:nth-child(1) {
		/* padding-left: 45.8%; */
		padding-top: 0%;
		padding-bottom: 0.5%;
		background-image: url(../images/everyday/title-December.png), url(../images/everyday/bn-MerryXmas.png), url(../images/everyday/img-daily-green-BK1.png);
		background-repeat: no-repeat, no-repeat, no-repeat;
		/* background-position: 30% 29%, 20% 99%, center top; */
		background-size: 60% auto,65% auto, 100%;
	}
	.black5-box-wrap {
		margin-bottom: 2%;
	}

	.btn-wrapper-every {
		width: 68%;
	}

	/*
	.skincare-bg {
		background-image: url(../images/makeup-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1805px 1015px;
		background-color:#916dda;
	}
	*/


	.btn-wrapper-dis {
		width: 44%;
	}
	.btn-wrapper-dis:nth-child(1) {
		margin: 3% 0% 1% 0%;
	}
	.local-text p {
		font-size: 1vw;
	}
	.saleBox {
		width: 83.5%;
	}

	.brandBox_per_noBG {
		width: 94%;
	}

	.w42 {
		width: 48%;
	}
	.w36 {
		width: 44%;
	}
	.discountBox {
		position: relative;
		width: 80%;
	}

	.main-box-bk_row2 img {
		width: 90%;
	}

	.btn-wrapper {
		width: 44%;
	}

	.playgroundBox .EBX-title {
		top: -8%;
	}
	.playgroundBox-R ul li p {
		font-size: 1vw;
	}
	
	/* .title-area p {
		left: 67.5%;
	}
	*/

	.gift-tag img, .discount-tag img, .discount-tag2 img{
		width:90%;
	}
	.btn-B5wrapper {
		width: 64%;
	}

	.ec2recommended {
		position: relative;
		width: 100%;
		background-image: url(../images/EBX-tip-h860.jpg);
		background-size: 100%;
		overflow: hidden;
	}	
	.bk-summer-icon2 {
		background-image: url(../images/bk-icon/icon-summer4.gif), url(../images/bk-icon/icon-summer3.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: 6.5% 90%, 97% 90%;
		background-size: 97px 106px, 128px 132px;
	}

	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 8%;
		width: 10%;
	}
	.menu>img {
		margin-bottom: -6%;
		/* padding: 3%; */
	}
	.menu__style {
		padding: 6% 4% 10%;
	}
	.menu ul li {
		font-size: 0.95vw;
	}
	/* coupon-500 500購物金 */
	.oneContainerBox {
		width: 50%;
		padding: 2%;
		margin: 3% 0;
	}
	/* .discountBox01:nth-child(1) {
		padding: 2%;
	} */

	.bigBox__img__pc{
		width: 80%;
	}
	.bigBox__img__mobile{
		display: none;
	}

	.animate-button.bg-seemore {
		font-size: 1.2vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
	.text-event-date {
		font-size: 1.6vw;
		top: -5%;
		left: 36%;
	}


	.threeItemBox {
		width: 90%;
	}
	.TitleBox {
		width: 4%;
		margin-right: 2%;
	}
}

@media (max-width:1440px) {
	.calendar-white {
		width: 98%;
		margin: 0% 1%;
	}

	.content-text1 {
		font-size: 1.6vw;
	}
	.text_red {
		font-size: 1.7vw;
	}
	.discountBox_default .discount-bird img {
		width: 88%;
	}
	.lastSALE-bg {
		background: url(../images/BK-last-RWD.jpg) center top no-repeat;
		background-size: 100%;
		background-color: #2d7760;
	}

	/*
	.skincare-bg {
		background-image: url(../images/makeup-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1440px 810px;
		background-color:#916dda;
	}
	*/

	.skincare-img {
		background-image: url(../images/BK-sale.png);
		background-repeat: no-repeat;
		background-position: 0% 25%;
		background-size: 99px 541px;
	}

	.brand-wrap .brand-wrapper {
		width: 84%;
		height: 25vw;
		margin: 0% 8% 4%;
	}
	.playgroundBox {
		/* width: 90%; */
		margin: 0% 5%;
	}
	.playgroundBox {
		padding-bottom: 3%;
	}
	.playgroundBox-R {
		margin: 0% 0% 0% 15%;
		width: 48%;
		top: 22%;
	}

	.playgroundBox-R h4 {
		font-size: 1.4vw;
	}
	.playgroundBox-R h6 {
		font-size: 1.2vw;
	}
	.playgroundBox-R ul {
		margin-bottom: 5%;
	}
	.playgroundBox-R ul li h3 {
		font-size: 1.7vw;
	}
	.playgroundBox-R ul li p {
		font-size: 1.15vw;
		padding-left: 0.9em;
	}
	/*
	.title-area p {
		left: 66%;
		width: 12%;
	}
	*/
	.stepBox {
		width: 80%;
	}

	.stickerBox {
		width: 80%;
	}
	.stickerBox ul li {
		width: 28%;
	}
	.ec2recommended {
		position: relative;
		width: 100%;
		background-image: url(../images/EBX-tip-h860.jpg);
		background-size: 100%;
		overflow: hidden;
	}
	@keyframes marquee {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(calc(-300px * 8 - 24px * 8));
			/* 
			transform: translateX(calc(-300px * 8 - 24px * 8));
			transform: translateX(-100%); */
		}
	}
	
	#marquee .pic {
		width: 300px;
		padding: .6em;
		margin: 0 1.5em 1.5em 0;
	}
	.local-text h4 {
		font-size: 1.6vw;
	}
	.local-text p {
        font-size: 1.2vw;
    }
	.saleBox {
        width: 92%;
	}
	.discount-tag {
		right: 0%;
		bottom: 24%;
	}
	.discount-tag2 {
		right: 0%;
		bottom: 19%;
	}
	.gift-tag {
		right: 12px;
	}
	.gift-tag img, .discount-tag img, .discount-tag2 img{
		width:80%;
	}
	.skincare-box-text-wrap h4, .newin-box-text-wrap h4 {
		font-size: 1.3vw;
	}
	.skincare-box-text-wrap p {
		font-size: 1.1vw;
	}
	.skincare-box-text-wrap h3 {
		font-size: 1.5vw;
	}
	.skincare-box-text-wrap h5 {
		font-size: 1.3vw;
	}
	.skincare-box-wrap ul,.black5-box-wrap ul, .newIn-box-wrap ul {
		width: 90%;
		margin: 0 auto;
	}
	
	.bk-summer-icon2 {
		background-image: url(../images/bk-icon/icon-summer4.gif), url(../images/bk-icon/icon-summer3.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: 6.5% 90%, 97% 90%;
		background-size: 75px 82px, 99px 102px;
	}
	
	.GameBox {
		width: 90%;
	}

	.discountBox {
		position: relative;
		width: 90%;
	}
	.discountBox2 {
		position: relative;
		width: 90%;
	}
 	.makeupBox2 {
		width: 86%;
	}

	.game_btn {
		margin: 19.5% auto auto 39.6%;
	}
	
	.discountBox_default_row2 {
		padding: 0.5%;
	}
	.f-h3-b {
		font-size: 1.6vw;
	}

	.main-box-bk_row2 img {
		width: 86%;
	}

	.btn-newin {
		top: 184px;
		right: 26px;
	}
	.btn-newin1 {
		top: 306px;
		right: 34px;
	}
	.btn-newin2 {
		top: 140px;
		right: 34px;
	}
	.btn-newin3 {
		top: 147px;
		right: -80px;
	}
	.btn-B5wrapper {
		width: 70%;
	}
	.mb5 {
		margin-bottom: 1.5%;
	}
	.fan-box-red {
		top: -25px;
		width: 86%;
	}
	.f3_r {
		margin-top: 2%;
	}

	.f6{
		font-size: 1.1vw;
	}
	.f6_r{
		font-size: 1.1vw;
	}
	.modal-body-text-wrap h5{
		font-size: 1.2vw;
	}

	.title-area img{
		max-width: 50%;
	}
	.btn-size{
		padding: 6px 14px;
		margin: 1% 1% 6%;
	}

	.img-box-01{
		max-width: 14%;
		left: 9%;
		top: -9%;
	}
	.leaf{
		max-width: 18%;
		left: 10%;
		top: -19%;
	}
	.hightlight {
		max-width: 7%;
		left: 75%;
		top: 12%;
	}

	.discountBox-TS{
		width: 92%;
	}
	.discountBox{
		width: 92%;
	}
	
	.brandArea {
	    padding-top: 3%;
	    width: 100%;
	    text-align: center;
	}
	.brandBox_per_noBG {
		width: 90%;
	}
	.btn-50off {
		right: 15px;
		bottom: 15px;
	}
	.moreBtn {
		font-size: 1.2vw;
	}

	.bk-makeup-img2 {
		/* background-image: url(../images/makeup-left.png),url(../images/makeup-right.png);
		background-repeat: no-repeat, no-repeat;*/
		background-position: left top, right top; 
		background-size: 216px 136px, 283px 278px;
	}
	
	.event-box-wrap ul {
	  margin: 0 auto;
	}

	.brandBox__wrap{
		padding: 0 3% 0% 4%;
	}
	.brandBox__one, .brandBox__two{
		width: 48%;
	}
	.brandBox__two__content{
		height: 26%;
	}
	.discountArea {
		padding-bottom: 3%;
	}

	.f3-1 {
		font-size: 2.2vw;
	}

	.f3 {
		font-size: 1.9vw;
	}
	.menu {
		right: 1.5%;
	}

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

	.discountBox_default .discount-bird img {
		width: 75%;
	}

	.calendarArea:nth-child(5) {
		padding-bottom: 3.5%;
	}

	.info-text {
		font-size: medium;
	}
	.calendarBox1  {
		width: 94%;
		margin: 0% 3%;
		padding-top: 14%;
	}
	.calendarBox2  {
		width: 94%;
		margin: 0% 3%;
	}
	.btn-wrapper-every {
		margin-top: 24%;
	}

	.blackfridaye-bg {
		background: url(../images/BK-blackfriday.jpg) center top no-repeat;
		/* background: linear-gradient(to bottom, #916dda 5%, #ffc0d3 100%) !important; */
		background-size: 100%;
		background-color: #2d7760;
	}
	.btn_black5 {
		font-size: medium;
	}
	/*
	.skincare-bg {
		background-image: url(../images/makeup-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1286px 724px;
		background-color:#916dda;
	}
	*/
	.newIn-bg {
		background-image: url(../images/bk-newArrivals.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1286px 724px;
		background-color:#2a1857;
	}
	.skincare-img {
		background-image: url(../images/BK-sale.png);
		background-repeat: no-repeat;
		background-position: 0% 15%;
		background-size: 63px 344px;
	}
	.item-purple {
		width: 90%;
	}
	.stepBox {
        width: 90%;
    }
	.stepBox ul li h6 {
		font-size: 1.2vw;
	}
	.stepBox ul li p {
		font-size: 1.15vw;
	}
	.stepBox ul li {
		margin: 0.3% 1.2% 1%;
	}
	.sticker_wrap {
		padding: 7% 0% 1%;
	}
	.stepBox ul li h5 {
		font-size: 1.4vw;
	}

	@keyframes marquee {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(calc(-280px * 8 - 24px * 8));
			/* 
			transform: translateX(calc(-300px * 8 - 24px * 8));
			transform: translateX(-100%); */
		}
	}
	
	#marquee .pic {
		width: 280px;
		padding: .6em;
		margin: 0 1.5em 1.5em 0;
	}
	.local-text h4 {
        font-size: 1.8vw;
	}
	.local-text {
		margin-top: 0.5em;
	}

	.local-text p {
        font-size: 1.4vw;
	}
	.saleBox {
        width: 96%;
    }
	.gift-tag img, .discount-tag img, .discount-tag2 img{
		width:70%;
	}

	.skincare-box-wrap p {
		font-size: medium;
	}
	.skincare-box-wrap ul, .newIn-box-wrap ul {
		width: 96%;
	}
	.freebieDesc {
		margin: 0% 5% 0%;
	}
	
	.title-area img {
		max-width: 50%;
	}

	.f-h3-b {
		font-size: 1.8vw;
	}

	.btn-main-inline {
		padding: 1% 4%;
	}

	.discountBox2 {
		position: relative;
		width: 100%;
	}
	.makeupBox,.musthaveBox {
		width: 94%;
	}

	.btn-pink, .btn-pink2,.btn-LINE {
		font-size: medium;
	}
	.btn-pink-info, .btn-pink2-info {
		font-size: medium;
	}
	.w42 {
		width: 52%;
	}

	.main-box-bk_row2 img {
		width: 82%;
	}

	.fan-box-red {
		top: -22px;
		width: 84%;
	}

	.for-mobile-display {
		display: none;
	}
	.moreBtn1 {
		width: 24%;
		margin: 0% 38% 1%;
	}
	.btn-size{
		padding: 6px 14px;
		margin: 1% 1% 6%;
	}

	.btn-B5wrapper {
		width: 74%;
	}

	.newin_box2 {
		width: 21.4%;
	}

	.btn-newin1  {
		top: 220px;
	}
	.btn-newin2  {
		top: 120px;
	}
	.btn-red2 {
		width: 60%;
		margin: 2% 20%;
	}
	.discountBox-TS ul li img {
		left: 28px;
	}


	.content-text {
		font-size: 1.6vw;
	}
	.content-text1 {
		font-size: 1.8vw;
	}
	.makeup-box-text-wrap h4 {
		font-size: 1.6vw;
	}

	/*sidenav*/
	.menu {
		right: 1.7%;
		bottom: 8%;
		width: 12%;
		z-index: 29;
	}
	.menu>img {
		margin-bottom: -8%;
		/* padding: 3%; */
	}
	.menu__style {
		padding: 6% 3% 10%;
	}
	.menu ul li {
		font-size: 1.15vw;
	}
	.animate-button.bg-seemore {
		font-size: 1.2vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}

	/*font size*/
	.f1 {
		font-size: 4.5vw;
	}
	.f2 {
		font-size: 3.5vw;
	}
	.f3-1 {
		font-size: 2.4vw;  /* 2.2vw */
	}
	.f3 {
		font-size: 2vw;  /* 2.2vw */
	}
	.f3_r {
		font-size: 2.4vw;  /* 2.2vw */
		margin-top: 1%;
	}
	.f4 {
		font-size: 1.6vw;
		line-height: 2vw;
	}
	.f5 {
		font-size: 1.4vw; /* 1.7vw*/
	}
	.f6 {
		font-size: 1.3vw;
	}
	.f5_r {
		font-size: 1.6vw; /* 1.7vw*/
	}
	.f6_r {
		font-size: 1.3vw;
	}
	.f6_g {
		font-size: 1.5vw;
	}
	.f7 {
		font-size: 1.2vw;
	}
	.discountBox_default_row1 {
		width: 25%;
	}

	.discountArea{
		/* margin-top: -11%; */
		padding-bottom: 2%;
	}
	.main-box-bk {
		padding: 4% 1% 0%;
	}
	.newin__area {
	  width: 96%;
	  margin-bottom: 1%;
	}
	.discountBox_default_row2 img {
		margin: 4px 0px;
	}
	
	.main-box-bk_row2 {
		padding: 3% 0%;
	}

	.leaf{
		max-width: 14%;
		left: 72%;
		top: -20%;
	}
	.hightlight {
		max-width: 5%;
		left: 70%;
		top: 8%;
	}

	.bigBox__img__pc{
		width: 80%;
		z-index: -1;
	}
	.bigBox__img__mobile{
		display: none;
	}
	/*discount*/

	.img-box-01{
		max-width: 16%;
		left: 23%;
		top: -2%;
	}
	.img-box-02{
		max-width: 16%;
		left: 24%;
		top: -4%;
	}
	.img-box-03{
		max-width: 16%;
		left: 24%;
		top: 48%;
	}
	.climb{
		max-width: 12%;
		left: 44%;
		top: 3%;
		z-index: 1;
	}
	/* .discountBox {
		display: inline-block;
		margin: 0 -5% 1.5% 5%;
		width: 80%;
	} */

	.discountBox {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		width: 96%;
		/* margin-top: 13%; */
	}
	.discountDate::after {
		width: 27%;
		bottom: 2px;
		right: 37%;
		height: 18px;
	}

	.discountBox01,.discountBox02,.discountBox03,.discountBox04 {
		width: 44%; /* 45% */
		margin: 0 2%;
		/* padding: 8% 3% 7% 1%; */
		/* background-image: url(../images/box-bg-md.jpg); */
	}



	.discountBox01__content, .discountBox02__content{
		padding: 0%; /*4% 1% */
	}

	.discountBox03__content{
		padding: 1%;
		margin: 0%;
	}

	.discountBox04__content{
		padding: 0%;
		margin: 0%;
	}

	.modal-body-text-wrap h5{
		font-size: 1.3vw;
	}


	.TitleBox {
		width: 2%;
		margin-right: 4%;
	}
	.threeItemBox {
		width: 90%;
	}
	.text-event-date {
		font-size: 1.8vw;
		top: -4%;
		left: 44%;
	}
	.event-box-date img {
		max-width: 35%;
		top: -7%;
		left: 35%;
	}

	.bg__halfCircle{
		max-width: 8%;
	}
	.bg__circleOutline{
		max-width: 9%;
	}

	/* brandBox */
	.main-box-wrap {
		padding: 5% 3% 2%;
	}
	.brandBox__one__contentBox{
		padding: 0.5%;
	}
	.btn-wrapper{
		margin: 2% auto;
	}
	.btn-red {
		font-size: medium;
	}



	.brandBox_per img , .brandBox_per_noBG img{
		width: 100%;
	}

	/*brand*/
	.brandContentBox {
		width: 31%;
	}
	.brandBox_4H {
		width: 32%;
	}
	.brandTitle {
		font-size: 2.3vw;
	}
	.brandTitle02 {
		font-size: 1.3vw;
	}
	.brandTitleTag, .brandTitleTag_H {
		font-size: 1vw;
	}
	.brand-box-wrap ul li {
		width: 31%;
	}

    .playgroundBox-R ul li p {
        font-size: 1.25vw;
	}

	/*event wrap*/
	#event.wrapper {
		padding: 20px 0 30px;
	}
	#brand.wrapper {
		padding: 40px 0 50px;
	}

	.highlight-event-box-wrap ul {
		width: 98%;
	}
	.highlight-event-box-wrap ul li {
		width: 22%;
		margin: 2% 0.5%;
	}

	.event-box-text-wrap h4 {
	  font-size: 1.85vw;
	  line-height: 3vw;
	}


	.event-box-text-wrap h5 {
		font-size: 1.6vw;
		line-height: 3vw;
	}
	
	.event-box-text-wrap p {
	  font-size: 1.6vw;
	  line-height: 2vw;
	}

	.event-box-text-wrap-2 h4 {
		font-size: 1.85vw;
	  line-height: 3vw;
	}
	  
	.event-box-text-wrap-2 p {
		font-size: 1.6vw;
		line-height: 2vw;
	}
	
	  .highlight-event-box-text-wrap h4 {
        font-size: 1.6vw;
	}
	.highlight-event-box-text-wrap p {
        font-size: 1.3vw;
    }

	.btn-pink3 {
	  font-size: 1.2vw;
	}


	/* event-box-wrap ul li */
	.brandBox_per {
		/* width: 45%; */
		width: 31%;
	}
	.brandBox_per img {
		width: 100%;
	}
	.btn-main {
		padding: 5% 0%;
		font-size: medium;
	}
	.btn-main:hover {
		font-size: medium;
	}
	.title-area .EBXinfo-text a {
		font-size: medium;
	}

}

@media (max-width:1024px) {
	/*
	.skincare-bg {
		background-image: url(../images/makeup-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1037px 583px;
		background-color:#916dda;
	}
	*/
	.newIn-bg {
		background-image: url(../images/bk-newArrivals.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1037px 583px;
		background-color:#2a1857;
	}
    .brand-wrap .brand-wrapper {
        width: 90%;
        height: 26vw;
        margin: 0% 5% 4%;
	}

	.saleBox {
        width: 98%;
	}
	.playgroundBox-R h4 {
		font-size: 1.6vw;
		padding: 4px;
	}
	.playgroundBox-R h6 {
        font-size: 1.4vw;
	}
	.playgroundBox-R ul li h3 {
        font-size: 1.9vw;
	}
	.playgroundBox-R h6 {
        font-size: 1.5vw;
	}
	.stepBox ul li h5 {
        font-size: 1.6vw;
	}
	.hashtagTxt {
		padding: 19% 0% 0% 0%;
	}

	.stepBox ul li h6 {
        font-size: 1.4vw;
    }
	.stepBox ul li p {
        font-size: 1.3vw;
    }
	.stepBox {
        width: 100%;
	}
	@keyframes marquee {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(calc(-240px * 8 - 24px * 8));
			/* 
			transform: translateX(calc(-300px * 8 - 24px * 8));
			transform: translateX(-100%); */
		}
	}
	
	#marquee .pic {
		width: 240px;
		padding: .6em;
		margin: 0 1.5em 1.5em 0;
	}

	.local-text h4 {
        font-size: 1.7vw;
    }
	.local-text p {
        font-size: 1.4vw;
    }
	.playgroundBox-R ul li p {
		font-size: 1.3vw;
	}
	.gift-tag img, .discount-tag img, .discount-tag2 img {
        width: 64%;
	}
	.gift-tag {
        right: 0px;
	}
	.discount-tag {
		bottom: 22%;
		right: -6%;
	}
	.discount-tag2 {
		bottom: 17%;
		right: -6%;
	}

	.btn_skin,.btn_newin,.btn-white-info,.btn-pink,.btn-LINE {
		font-size: small;
	}
	.btn_skin:hover,.btn_newin:hover,.btn-white-info:hover,.btn-pink:hover,.btn-LINE:hover {
		font-size: small;
	}

	.title-area .EBXinfo-text a {
        font-size: small;
	}
	.stickerBox ul li {
		width: 30%;
	}
	
	.skincare-box-text-wrap h4, .skincare-box-text-wrap h5,.newin-box-text-wrap h4 {
        font-size: 1.55vw;
	}
	.skincare-box-text-wrap p {
        font-size: 1.25vw;
	}
	.skincare-box-text-wrap h3 {
        font-size: 1.65vw;
	}
	.price_small {
		font-size: 1.1vw;
	}

	.discountBox {
		width: 98%;
	}
	.f-h3-b {
		font-size: 2.2vw;
	}
	.main-box-bk_row2-2 {
		width: 59%;
	}

	.GameBox {
		width: 98%;
	}
	.coupon_box {
		width: 46%;
	}
	.btn-pink,.btn-LINE {
		font-size: small;
	}
	.btn-pink-info {
		font-size: small;
	}

	.discountBox_default_row2 {
		width: 46%;
		margin: 0% 0.5%;
	}

	.fan-box-gold, .fan-box-red {
		left: 8px;
	}
	.main-box-bk img {
		width: 90%;
	}
	.main-box-bk_row2-2 img {
		width: 90%;
	}
	.main-box-bk {
		padding: 0% 1%;
	}

	.main-box-bk_row2 img {
		width: 68%;
	}

	.main-box-bk_row2-2 {
		padding: 4% 0%;
	}

	.makeup-box-text-wrap h4 {
		font-size: 2vw;
	}
	.makeup-box-text-wrap p {
		font-size: 1.5vw;
	}
	.makeup-box-text-wrap h5 {
		font-size: 1.8vw;
	}

	.discountDate {
		margin: 5% auto 0%;
	}
	.main-type-1 hr {
		margin: 5px auto 10px;
	}
	.date_paddingL {
		padding-left: 30%;
	}
	.content-text {
		font-size: 1.6vw;
	}
	.content-text1 {
		font-size: 2vw;
	}

	.moreBtn {
		font-size: 1.8vw;
		width: 22%;
		padding: 4px;
	}

	.f3 {
		font-size: 2.2vw;
    	/* line-height: 2.2vw; */
	}
	.f3_r {
		font-size: 2.6vw;
	}
	.f3_b {
		font-size: 2.3vw;
	}

	.f4 {
		font-size: 2.2vw;
		line-height: 3vw;
	}
	.f5 {
		font-size: 1.4vw;
	}
	.f6 {
		font-size: 1.5vw;
	}
	.f5_r {
		font-size: 1.7vw;
	}
	.f6_r {
		font-size: 1.5vw;
	}
	.f7 {
		font-size: 1.5vw;
	}

	.fan-box-red {
		top: -18px;
		left: -6px;
	}

	.btn-50off {
		right: 12px;
		bottom: 12px;
	}
	
	/*
	.btn-main {
    padding: 5%;
	}
	*/
	.newin__area {
        width: 100%;
    }

	.newin_box2 {
		width: 23.4%;
	}
	.newin__area2 {
		width: 100%;
	}

	.btn-pinkrow2 {
		padding: 3% 4%;
	}

	.btn-newin {
		top: 170px;
	}
	.btn-newin1 {
		top: 200px;
	}
	.btn-newin2 {
		top: 100px;
	}

	.btn-newin3 {
		top: 138px;
		right: -70px;
	}
	.btn-red {
		font-size: small;
	}
	.btn-pink, .btn-pink2 {
		font-size: small;
	}
	.btn-pink-info, .btn-pink2-info {
		font-size: small;
	}

	.btn-pink3 {
		font-size: 1.6vw;
	}

	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 8%;
		width: 16%;
	}
	.menu>img {
		margin-bottom: -11%;
	}
	.menu__style {
		padding: 6% 1%;
	}
	.menu ul li {
		font-size: 1.5vw; /* 0.9vw */
	}
	.animate-button.bg-seemore {
		font-size: 1.8vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}


	/* event-box-wrap ul li */
	/* .brandBox_per, .brandBox_per_noBG {
		width: 30%;
	} */
	.brandBox_per_5colunm{
		width: 45%;
	}


	.brandBox__two__contentBox {
		width: 47%;
		margin: 0 -2px 0 8px;
	}
	.brandBox__one__new {
		width: 90%;
	}
	.brandBox__verticalTwo{
		width: 81%;
	}


	/* event-box-wrap ul li */
	.brandBox_per {
		width: 45%;
	}
	/*font size*/
	.font-header {
		font-size: 4vw;
	}


	/* taxi */
	.taxiCouponArea{
		padding: 5% 0;
	}
	.taxiCoupon__icon__logo__m {
		width: 45%;
	}
	.modal-body-text-wrap h5{
		font-size: 2vw;
	}



	.title-area img {
		max-width: 55%;
	}
	.threeItemBox {
		width: 80%;
	}
	.threeItem {
		width: 45%;
	}
	.TitleBox {
		width: 7%;
		margin: 2%;
	}
	.text-event-date {
		font-size: 3vh;
		top: -2%;
		left: 47%;
	}

	.brandBox__area__layout{
		flex-wrap: wrap;
	}


	/*brand*/
	.brandBox {
		width: 98%;
	}
	.brandContentBox {
		width: 31%;
	}
	.brandTitle {
		font-size: 2.2vw;
	}
	.brandTitle02 {
		font-size: 1.6vw;
	}
	.brandTitleTag, .brandTitleTag_H {
		font-size: 1.4vw;
		line-height: 1.3em;
	}

}
@media (max-width:991px) {
	.info-text {
        font-size: small;
    }

	.discountBox_default .discount-bird img {
		width: 65%;
	}

	.btn-main {
        font-size: small;
	}
	.calendar_content_w1 img {
		border-radius: 8px;
	}
	.btn_black5 {
        font-size: small;
    }
	.black5-box-wrap ul {
        width: 98%;
        margin: 0 auto;
	}

	.main-box-bk_row2-2 {
		padding: 2% 0%;
	}

	.gift-tag {
        right: -3PX;
	}
	.gift-tag img, .discount-tag img, .discount-tag2 img {
        width: 60%;
    }

	.discount-tag {
		bottom: 24%;
		right: -6%;
	}
	.discount-tag2 {
		bottom: 14%;
		right: -6%;
	}

	.btn-main-inline {
		padding: 1% 4%;
	}
	.btn-B5wrapper {
		width: 80%;
	}
	.f3_r {
		font-size: 2.8vw;
	}
	.f6{
		font-size: 1.6vw;
	}
	.f6_r{
		font-size: 1.6vw;
	}
	.moreBtn1 {
		width: 26%;
		margin: 0% 37% 1%;
		font-size: medium;
		border: 2px #ffffff solid;
	}
	.moreBtn1:hover {
		border: 2px #da4733 solid;
	}

	.ec2recommended {
		position: relative;
		width: 100%;
		background-image: url(../images/EBX-tip-800x500.jpg);
		background-size: 100%;
		overflow: hidden;
	}

	/*sidenav*/
	.menu {
		right: 2%;
		bottom: 8%;
		width: 16%;
	}
	.menu>img {
		margin-bottom: -8%;
		/* padding: 3%; */
	}

	.menu ul li {
		font-size: 0.9vw;
	}
	.text-event-date {
		font-size: 2.3vw;
		top: -3%;
		left: 45%;
	}
	.menu__style {
		padding: 1%;
	}
	.menu ul li {
		font-size: 1.5vw;
	}

	.title-area img{
		max-width: 65%;
	}
	.discountDate::after {
		width: 35%;
		bottom: 0;
		right: 33%;
		height: 14px;
	}

	.img-box-03{
		top: 48%;
	}


	.three__one__box {
		width: 30%;
	}

	.three__one__wrapper .img__title__date{
		max-width: 26%;
		left: 37%;
		top: -15%;
	}
	.three__one__wrapper .img__platform{
		max-width: 25%;
		left: 38%;
		bottom: -2%;
	}

	.two__two__wrapper .img__platform{
		bottom: -1%;
	}

	.bigBox__img__pc{
		display: none;
	}
	.bigBox__img__mobile{
		text-align: center;
		position: relative;
		width: 80%;
		z-index: -1;
	}



	/* brandBox */

	.brandBox__one, .brandBox__two{
		width: 45%;
		margin-left: 2%;
		margin-top: 2%;
	}

	.brandBox__one__contentBox{
		height: 24%;
	}
	.brandBox__two__content{
		height: 35%; /* 31%*/
	}
	.brandBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}
}
@media (max-width:820px) {

	/*
	.skincare-bg {
		background-image: url(../images/makeup-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 826px 424px;
		background-color:#916dda;
	}
	*/
	.newIn-bg {
		background-image: url(../images/bk-newArrivals.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 826px 424px;
		background-color:#2a1857;
	}
	.skincare-img {
		background-image: url(../images/BK-sale.png);
		background-repeat: no-repeat;
		background-position: -1% 20%;
		background-size: 60px 328px;
	}
	.skincare-box-wrap p {
		font-size: small;
	}

    .brand-wrap .brand-wrapper {
        width: 96%;
        margin: 0% 2% 4%;
	}
	.playgroundBox {
		width: 90%;
		margin: 0% 5%;
	}
	.playgroundBox-L img {
		width: 109%;
		margin-top: -4%;
	}

	.brand-wrapper .brand-content {
		height: 107%;
	}
	.playgroundBox-R ul li p {
        font-size: 1.3vw;
	}
	.ec2recommended {
		position: relative;
		width: 100%;
		background-image: url(../images/EBX-tip-800x500.jpg);
		background-size: 100%;
		overflow: hidden;
	}

	.local-text h4 {
        font-size: 2.15vw;
    }
	.local-text p {
        font-size: 1.7vw;
    }

	.gift-tag {
        right: -12px;
	}
	.discount-tag {
		bottom: 27%;
		right: -12%;
	}
	.discount-tag2 {
		bottom: 17%;
		right: -12%;
	}
	.gift-tag img, .discount-tag img, .discount-tag2 img {
        width: 52%;
	}
	.skincare-box-text-wrap h4, .skincare-box-text-wrap h5,.newin-box-text-wrap h4 {
        font-size: 1.55vw;
	}
	.skincare-box-text-wrap p {
        font-size: 1.4vw;
	}
	.skincare-box-text-wrap h3 {
        font-size: 1.8vw;
    }

	.f-h3-b {
		font-size: 2.8vw;
	}
	.btn-main-inline {
		padding: 2% 5%;
	}
	.fan-box-red {
		top: -15px;
		left: -8px;
	}
	.btn-red2 {
		width: 74%;
		margin: 2% 17%;
	}
	.btn-red {
		box-shadow: #000 2px 2px 0px;
		font-size: small;
	}
	.btn-50off {
		bottom: 10px;
	}
	.btn-wrapper {
		margin: 2% auto;
	}
	.main-box-bk img {
		width: 110%;
	}
	.f3-1 {
		font-size: 2.8vw;
	}

	.event-box-text-wrap h5 {
		font-size: 1.4vw;
		line-height: 3vw;
	}

	.main-box-bk_row2 img {
		width: 56%;
	}
	.makeupBox2 {
		width: 96%;
	}

	.btn-pinknew {
		width: 100%;
	}
	.btn-newin {
		top: 140px;
		right: 0px;
	}
	.btn-newin1 {
		top: 120px;
		right: 20px;
	}
	.btn-newin2 {
		top: 80px;
		right: 20px;
	}
	.btn-newin3 {
		top: 108px;
		right: -58px;
	}

	.title-area img {
		max-width: 60%;
	}
	.event-box-text-wrap {
		border-radius: 12px;
	}

	.event-box-text-wrap-2 {
		border-radius: 12px;
		margin: 18% 7%;
	}

	.brandContentBox {
		width: 31%;
	}
	.highlight-event-box-wrap ul li {
		width: 23%;
	}
	.playgroundBox-R {
        margin: 0% 0% 0% 13%;
        width: 42%;
    }

}

@media (max-width:768px) {

	/*kv*/
	.kv {
		display: none;
	}
	.mkv {
		display: block;
		width: 100%;
	}

	/*  PC / Mobile */
	.pc_area {
			display: none;
	}
	.mob_area {
			display: block;
	}
	.discountBox_default .discount-bird img {
		width: 75%;
	}
	.discount-bird {
		right: -4%;
	}
	.calendarArea:nth-child(1) {
        background-image: url(../images/everyday/title-December.png), url(../images/everyday/bn-MerryXmas.png), url(../images/everyday/img-daily-green-BK1-768.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 50% 27%, 50% 100%, center top;
        background-size: 75% auto, 80% auto, 100%;
    }
	.calendarArea:nth-child(5) {
		padding-bottom: 6.5%;
		background-image: url(../images/everyday/img-daily-green-BK2-768.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100%;
	}
	.calendarBox2 {
        margin: 0% 3% 3%;
    }
	.calendar_content_w1 {
		margin: 1% 0.8% 1%;
		width: 27%;
	}
	.black5-box-wrap ul li {
		width: 28%;
	}
	.blackfridaye-bg {
		background: url(../images/BK-blackfriday.jpg) center top no-repeat;
		/* background: linear-gradient(to bottom, #916dda 5%, #ffc0d3 100%) !important; */
		background-size: 100%;
		background-color: #2d7760;
	}
	.calendarBox1 {
		padding-top: 40%;
	}
	.btn-wrapper-every {
        margin-top: 41%;
	}
	.btn-red-info {
		background-color: rgba(213,21,16, 0.8) !important;
	}
	.dis_infoEveryday {
        margin: 0% 25%;
        width: 50%;
	}
	.title-area {
		padding-top: 6%;
	}

	.title-area .santa-img {
		margin-top: -4%;
	}
	.btn_brand {
		width: 70%;
		left: 15%;
	}

	.dis_infoLine {
		margin: 32% 8% 0% 10%;
	}
	.stepBox ul {
		width: 100%;
		margin: 0% auto 0%;
		background-image: url(../images/arrow-768.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
	}
	/*
	.skincare-bg {
		background-image: url(../images/makeup-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 826px 464px;
		background-color:#916dda;
	}
	*/
	.newIn-bg {
		background-image: url(../images/bk-newArrivals.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 826px 464px;
		background-color:#2a1857;
	}
	.BigSale__area {
		background-image: url(../images/BK-50.png);
		background-repeat: no-repeat;
		background-position: -7% 0%;
		background-size: 113px 286px;
	}
	.skincare-img {
		background-image: url(../images/BK-sale.png);
		background-repeat: no-repeat;
		background-position: 0% 5%;
		background-size: 63px 344px;
	}

	/**** 10月萬聖 Halloween ****/
	.pc_area {
		display: none;
	}
	.mob_area {
		display: block;
	}

	.item-purple {
		width: 80%;
		margin: 2% auto 2%;
	}
	.item_content:nth-child(1) {
		width:100%;
		margin-right: 1%;
	}
	.item_content:nth-child(2) {
		width:48.5%;
		padding: 0% 0.5% 0% 0%;
	}
	.item_content:nth-child(3) {
		width:48.5%;
		padding: 0% 0% 0% 0.5%;
	}
	.item_content1 {
		margin-bottom: 2%;
	}

	/**** END 10月萬聖 Halloween ****/

	.dis_info {
		margin: 50% 2% 0%;
	}
	.title-area2 h2 {
		font-size: 6vw;
	}
	
	.mg-top {
		margin-top: -12%;
	}
	.brand-wrap .brand-wrapper {
		width: 90%;
		height: 66vw;
        margin: 0% 5% 4%;
	}
	.brand-wrapper .brand-img {
		width: 42%;
        left: 3%;
	}
	.brand-wrapper .brand-content-gift {
		width: 48%;
		margin: 0% 0% 0%;
		position: absolute;
		z-index: 3;
		right: 5%;
		top: 0%;
	}
	.brand-wrapper .brand-content {
		width: 66%;
        height: 96%;
	}
	
	.playgroundBox {
		height: auto;
	}
	.playgroundBox .EBX-title {
		top: -4%;
        left: 47%;
	}
	.playgroundBox .EBX-title img{
		width: 130%;
	}

	.playgroundBox .EBX-title .btn-main {
        margin-left: 30%;
    }
	.playgroundBox-L {
		position: relative;
		width: 80%;
		padding: 0% 1% 1%;
		display: block;
		border: 0px #333 solid;
	}
	.playgroundBox-L img {
        margin-top: -8%;
	}

	.playgroundBox-R {
        position: relative;
        margin: 1% 0% 0%;
        width: 100%;
	}
	.playgroundBox-R h4 {
        font-size: 3.2vw;
		padding: 8px;
		width: 80%;
		margin: 0% 10% 0% 10%;
	}
	.playgroundBox-R h6 {
		font-size: 2.6vw;
		margin: 0% 10%;
	}
	.playgroundBox-R ul {
		width: 90%;
		margin: 2% 5% 5% 5%;
	}
	.playgroundBox-R ul li h3 {
        font-size: 3.4vw;
	}
	.playgroundBox-R ul li p {
        font-size: 2.5vw;
		padding-right: 9%;
	}
	.playgroundBox-R ul li:nth-child(1) {
		width:49%;
		border-right: 1px #aaa solid;
	}

	.playgroundBox-R ul li:nth-child(2) {
		width:46%;
		border-right: 0px #aaa solid;
	}

	.playTxtType::before {
		content: '■ ';
		font-size: 2.2vw;
	}
	.sticker_title {
		width: 20%;
		margin: 1% 40%;
		font-size: 2.6vw;
	}

	.sticker_wrap {
        padding: 0% 0% 1%;
    }
	
	.flow_bk_img {
		background-image: url(../images/BK-step.jpg);
		background-repeat: no-repeat;
		background-position: 0% 26%;
		background-size: 100%;
	}

	.flow_bk {
		background: linear-gradient(to bottom, #2a1958 13%, #564bb4 60%);
	}

	.stepBox {
		margin: 6% auto 1%;
	}
	.stepBox ul li {
		width: 30%;
		margin: 1% 1.2% 3%;
	}
	.stepBox ul li h6 {
        font-size: 1.5vw;
        margin-top: -13%;
        margin-left: 12%;
    }
    .stepBox ul li p {
        font-size: 1.4vw;
        margin-top: -13%;
        margin-left: 12%;
    }
	.stepBox ul li img {
		border-radius: 50%;
		width: 40%;
		text-align: left;
		margin-right: 60%;
	}
	.stepBox ul li h5 {
		font-size: 2vw;
		margin-top: -13%;
        margin-left: 12%;
    }
	.playgroundBox {
        padding-bottom: 0%;
    }

	.title-area .EBXinfo-text a {
		font-size: medium;
	}
	.local-text h4 {
        font-size: 2.3vw;
    }
	.local-text p {
        font-size: 1.8vw;
    }
	.saleBox_row2 {
		width: 42.35%;
		margin: 0% 2.5% 2% 0%;
	}
	.saleBox_row1 {
		width: 42.35%;
		margin-bottom: 2%;
	}
	.saleBox_row3 {
		width: 42.35%;
		margin: 0% 1% 0% 1%;
	}
	.skincare-box-wrap p {
        font-size: medium;
    }
	.skincare-box-wrap ul li, .newIn-box-wrap ul li {
		width: 43%;
		margin: 1.5% 1.5% 2.5%;
	}
	.stickerBox {
        width: 96%;
    }
	.gift-tag {
        right: 12px;
	}
	.discount-tag, .discount-tag2 {
        bottom: 14%;
        right: 0%;
    }
	.gift-tag img, .discount-tag img, .discount-tag2 img {
        width: 90%;
	}
    .skincare-box-text-wrap h4, .skincare-box-text-wrap h5, .newin-box-text-wrap h4 {
		font-size: 2.6vw;
		letter-spacing: 0px;
	}
	.skincare-box-text-wrap p {
        font-size: 2.4vw;
    }
    .skincare-box-text-wrap h3 {
        font-size: 3vw;
	}
	.price_small {
        font-size: 2.1vw;
    }
	.btn_skin, .btn_newin, .btn-white-info, .btn-pink,.btn-LINE {
        font-size: large;
    }

	.btn-main-inline {
		padding: 0% 4%;
	}
	.btninfo-c {
		padding: 5% 0%;
	}
	.btn-inline {
		margin: 0% 0% 0% 20%;
	}
	.roulette_box {
		margin: 0% 60% auto 0%;
	}
	.game_inner {
		margin: -70% 24%;
	}
	.game_pointer {
		margin: -74% 20.5%;
	}
	.game_btn {
		margin: -54% auto auto 40%;
	}
	.btn-pink, .btn-pink2,.btn-LINE {
		font-size: small;
	}
	.btn-pink-info, .btn-pink2-info {
		font-size: small;
	}

	.game_info {
		position: absolute;
		z-index: 4;
		width: 100%;
		margin: -15% -10% 0%;
	}

	/* Gift */
	.fan-box-red {
		top: -30px;
	}

	/* TS */
	.discountBox-TS ul li img {
		width: 70%;
		margin-top: -5%;
	}
	.Card {
		display: none;
	}
	.mCard {
		display: none;
	}

	.discountBox-TS img{
		position: absolute;
	}
	.discountBox_default_row1 {
		width: 48%;
		margin: 1% 0% 1% 0%;
		/* height: 300px; */
	}
	.main-box-bk img {
		width: 100%;
	}

	.main-box-bk_row2-2 img {
		width: 95%;
	}
	.discountBox_default_row2 {
		padding: 4% 0.5%;
	}
	.main-box-bk_row2-2 {
		padding: 6% 0% 4%;
	}
	.makeupBox2 {
		display: block;
		/* flex: auto;
		flex-wrap: wrap; */
	}
	.brandBox_per_noBG {
		width: 46%;
		margin: 1% 1% 2%;
	}

	.f3-1 {
		font-size: 4.2vw;
	}
	.content-text1 {
		font-size: 2.7vw;
	}
	.text_red {
        font-size: 2.8vw;
	}

	.btn-red2 {
		width: 60%;
		margin: 2% 20%;
	}

	.brandBox_per_noBG {
		width: 45%;
		display: inline-block;
	}

	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.toTop-arrow{
		bottom: 24%;
	}
	.discountBox_default_row2 {
		width: 92%;
	}
	.main-box-bk_row2 img {
		width: 90%;
	}

	.btn-newin1 {
		top: 210px;
		right: 58px;
	}

	.btn-newin2 {
		top: 160px;
		right: 58px;
	}
	
	.btn-pink2 {
		background-color: #f148a9 !important;
		color: #ffffff !important;
		border: 2px #f148a9 solid;
		font-weight: bold;
	}    
	
	.mtopL {
		margin-top: -20%;
	}
	
	.btn-pink3 {
		font-weight: bold;
		padding: 2%;
		font-size: 2.6vw
	}
	.btn-pinknew {
	  font-size: 1.8vw;
	}
	.btn-pinkrow2{
		font-size: 1.8vw;
	}
	.btn-newin3 {
		top: 107px;
		right: -37px;
		width: 70%;
	}

	
	.highlight-event-box-text-wrap h4 {
		font-size: 3.4vw;
	}
	.highlight-event-box-text-wrap p {
		font-size: 2.5vw;
	}
	
	/* sidenav */
	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	.highlight-event-box-wrap ul {
	  width: 96%;
	}
	.highlight-event-box-wrap ul li {
	  width: 46%;
	}
	.menu>img {
		max-width: 24%;
		margin-bottom: -0.6%;
		padding: 0;
		opacity: 0.9;
	}
	.menu__style {
		border-radius: 0px;
		border: 3px #ffffff solid;
		padding-right: 3%;
	}
	.menu ul li {
		padding: 2px 8px;
		font-size: 2.3vw;
		line-height: 2.1em;
		width: auto;
		margin: 0px 12px;
	}
	
	#sidebar .toggle-btn span {
	  display: block;
	  width: 35px;
	  height: auto;
	  padding: 5px;
      line-height: 18px;
  }

	.icon__discount{
		width: 40%;
	}

	.title-area img{
		max-width: 84%;
	}

	.animate-button{
		width: auto;
		height: auto;
	}
	.animate-button.bg-seemore {
		font-size: 2vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}

	.content-text {
		font-size: 3vw;
		padding-top: 4%;
	}

	.discountBox_default {
	position: relative;
	width: 47%;  /* width: 80%; */
    margin: 0% 1%;
    /* border-radius: 14px; */
    background-size: contain;
    background-repeat: no-repeat;
    /* box-shadow: #f4de34 26px 27px 0px; */
	}
	
	.newin__area {
    width: 100%;
	}
	
	.newin_box {
    position: relative;
	width: 42%;
    margin: 0% 1%;
	}
	.newin_box2 {
		width: 44%;
	}

	.main-box-bk {
    width: 100%;
	}
	.main-box-bk-TS {
		width: 96.8%;
	}

	.event-box-wrap {
		padding-bottom: 3%;
	}

	.bk-snack-img {
		background-image: url(../images/spring-gold.png),url(../images/snack-1-bk.jpg);
		background-repeat: no-repeat, repeat;
		background-position: left top, left top;
		background-size: 212px 209px, 150px 219px;
	}
	
	.discountTitle{
	line-height: 5vw;   /* 9vw */
	}
	
	.btn-wrapper {
		width: 60%;
		margin: 5% 20% 0%;
	}
	.gift_info {
		position: relative;
		margin: -42% 0% 0% 0%;
	}
	.info-text {
		font-size: medium;
	}

	.main-box-wrap {
		padding: 5% 7% 4%;
	}
	
	
	/*font size*/
	.font-header {
		font-size: 4vw;
	}
	.font-title-lg {
		font-size: 3.5vw;
		margin: 1.2vw 0 1vw 0;
	}
	.font-title-md {
		font-size: 4vw;
		margin: 2% 0;
	}
	.font-title-sm {
		font-size: 2.6vw;
		line-height: 4vw;
		/* font-style: italic; */
	}
	.font-info-lg {
		font-size: 1.9vw;
	}
	.font-info-md {
		font-size: 3vw;
		margin: 2vw 0;
		line-height: 5vw;
	}
	.font-info-sm {
		font-size: 2.1vw;
	}
	.threeItemBox {
		width: 90%;
	}
	.threeItem {
		width: 45%;
		margin-bottom: 5%;
	}
	.threeItem-box-date img {
		max-width: 48%;
		top: -7%;
		left: 30%;
	}
	.text-event-date {
		font-size: 3vw;
		top: -1.5%;
		left: 43%;
	}
	.event-box-date img {
		max-width: 50%;
		top: -7%;
		left: 27%;
	}
	.social-content {
		width: 90%;
	}
	.social-btn {
		width: 60%;
		left: 25%;
	}
	/* .btn-theme {
		line-height: 30px;
	} */
	.leaf{
		max-width: 16%;
		left: 20%;
		top: -20%;
	}
	.mask {
		max-width: 13%;
		left: 67%;
		top: 22%;
	}
	.hightlight {
		max-width: 6%;
		left: 76%;
		top: 2%;
	}
	/*font size*/
	.f1 {
		font-size: 5.5vw;
	}
	.f2 {
		font-size: 5vw;
	}
	.f3 {
		font-size: 4.2vw;
	}
	.f3_r {
		font-size: 4.8vw;
	}
	.f3_b {
		font-size: 4.6vw;
	}
	.f4 {
		font-size: 2.6vw;
	}
	.f5 {
		font-size: 2.6vw !important;
	}
	.f6 {
		font-size: 2.2vw;
	}
	.f5_r {
		font-size: 3.2vw !important;
	}
	.f6_r {
		font-size: 2.2vw;
	}

	.f7 {
		font-size: 2.6vw; /* 1.9vw; */
	}
	.two__two__box__title{
		font-size: 3.1vw;
		font-weight: 600;
	}


	/*
	.discountBox{
		margin-top: 25%;
	}
	*/

	.discountBox01, .discountBox02, .discountBox03,.discountBox04 {
		width: 100%;
	}

	.discountBox01__content, .discountBox02__content, .discountBox03__content, .discountBox04__content{
		padding: 6% 0% 5% 15%;
	}

	.discountBox__icon {
		max-width: 19%;
		left: 12%;
		top: 32%;
	}


	.img-box-01{
		max-width: 30%;
		left: 22%;
		top: -2%;
	}
	.img-box-02{
		max-width: 30%;
		left: 24%;
		top: -3%;
	}
	.img-box-03{
		max-width: 30%;
		left: 21%;
		top: 48%;
	}

	.newSale__box__text_01, .newSale__box__text_04 {
		left: 33%;
		top: 34%;
	}
	.newSale__box__text_02, .newSale__box__text_03 {
		left: 32%;
		top: 25%;
	}



	.discountText {
		padding: 0 4%;
	}
	/*new arrival*/
	.newBox {
		width: 93%;
	}
	/*brand*/
	.brandContentBox {
		width: 31%;
		margin: 0 0.5% 1.5%;
	}
	.brandTitle {
		font-size: 2.6vw;
	}
	.btn, .brandTitle02 {
		font-size: 2.2vw; /*2vw */
	}

	/* makeup */
	.makeup-box-text-wrap h4 {
		font-size: 3.2vw;
	}
	.makeup-box-text-wrap h5 {
		font-size: 3vw;
	}
	.makeup-box-text-wrap p {
		font-size: 2.6vw;
	}

	.moreBtn1 {
		width: 36%;
		margin: 1% 32% 2%;
	}

	.moreBtn {
		font-size: 2.6vw;
		width: 28%;
		margin: 1% 36% 2%;
		padding: 6px;
	}

	/*event-wrap*/
	.event-box-text-wrap {
		border-radius: 8px;
	}
	.event-box-text-wrap h4 {
		font-size: 3vw;
		line-height: 32px;
	}
	.event-box-text-wrap h5 {
		font-size: 2.4vw;
		line-height: 32px;
	}
	
	.event-box-text-wrap p {
    font-size: 2.2vw;
    line-height: 4vw;
	}

	.event-box-text-wrap-2 {
		border-radius: 8px;
		margin: 18% 7% 4%;
	}
	.event-box-text-wrap-2 h4 {
		font-size: 3vw;
		line-height: 32px;
	}
	
	.event-box-text-wrap-2 p {
    font-size: 2.2vw;
    line-height: 4vw;
	}
	
	.event-box-text-wrap .content-text {
		font-size: 15px;
		line-height: 20px;
	}

	/* brandBox */
	.brandBox__wrap {
		padding: 0 3% 0% 1%;
	}
	.brandBox__one, .brandBox__two{
		width: 90%;
		/* margin-left: 2%; */
		margin-top: 2%;
	}
	.brandBox__one__contentBox{
		height: 16%; /* 25% */
	}
	.brandBox__two__content{
		height: 26%;
	}


	/*popup*/
	.modal-content {
		width: 90%;
	}

}

@media (max-width:625px) {

	.discountBox_default .discount-bird img {
        width: 70%;
    }
	.black5-box-wrap ul li {
        width: 44%;
	}
	.calendarBox2 {
		margin: 0% 0% 3%;
		width: 100%;
    }

	.btn-red {
		font-size: small;
	}

	.btn-main-inline {
		padding: 1% 3%;
	}
	.btn-inline {
		font-size: small;
	}
	.makeup-box-text-wrap h4 {
		font-size: 3.4vw;
	}
	.makeup-box-text-wrap p {
		font-size: 2.8vw;
	}
	.makeup-box-text-wrap h5 {
		font-size: 3.2vw;
	}

	.discountBox_default_row1 {
		width: 50%;
	}
	.title-area img {
		max-width: 84%;
	}
	.playgroundBox .EBX-title {
		width: 40%;
	}
	.local-text h4 {
        font-size: 2.7vw;
    }
	.local-text p {
        font-size: 2.2vw;
    }
	.playgroundBox-R h4 {
        font-size: 3.4vw;
	}
	.playgroundBox-R h6 {
        font-size: 3vw;
    }

	.playgroundBox-R ul li h3 {
        font-size: 3.8vw;
    }
	.playgroundBox-R ul {
        width: 96%;
        margin: 2% 2% 5% 2%;
	}
	.flow_bk {
        background: linear-gradient(to bottom, #2a1958 18%, #564bb4 42%);
	}
	.stepBox ul {
		background-image: url(../images/arrow-625.png);
		background-repeat: no-repeat;
		background-position: top center;
	}

	.stepBox ul li {
		width: 48%;
		margin: 1% 0.5% 3%;
		text-align: left;
	}
	.stepBox ul li img {
		width: 32%;
	}
	.stepBox ul li h6 {
		font-size: 2.2vw;
		margin-top: -13%;
		margin-left: 15.5%;
	}
    .stepBox ul li p {
        font-size: 2vw;
        margin-top: -11%;
        margin-left: 15.5%;
	}
	.stepBox ul li h5 {
		font-size: 3.1vw;
	}
	.stepTxt, .stepTxt1,.hashtagTxt, .stepTxt2 {
		width: 25%;
	}
	
	.hashtagTxt {
        padding: 23% 0% 0% 0%;
	}
	.stepTxt2 {
		padding: 16% 0% 0% 3%;
	}
	.sticker_title {
        width: 24%;
        margin: 1% 38%;
        font-size: 3vw;
    }
	.gift-tag img {
        width: 80%;
	}
	.discount-tag img, .discount-tag2 img {
        width: 72%;
    }

    .stickerBox ul li {
        width: 45%;
	}
	.ec2recommended {
		background-image: url(../images/EBX-tip-800x620.jpg);
		background-size: 100%;
		overflow: hidden;
	}

	.fan-box-red {
		top: -24px;
	}
	.moreBtn1 {
		width: 40%;
		margin: 1% 30% 2%;
	}

	.main-box-bk img {
		width: 95%;
	}
	.main-box-bk_row2-2 img {
		width: 95%;
	}

	.main-box-bk_row2 {
		left: 1%;
	}

	.main-box-bk_row2 img {
		width: 76%;
	}
	.main-box-bk_row2-2 {
		padding: 7% 0% 4%;
	}
	.highlight-event-box-text-wrap p {
		font-size: 2.7vw;
	}

	.content-text {
		font-size: 3.2vw;
	}
	.btn-newin {
		top: 110px;
	}
	.btn-newin1 {
		top: 190px;
		right: 48px;
	}
	.btn-newin2 {
		top: 110px;
		right: 48px;
	}
	.btn-newin3 {
		top: 88px;
		right: -34px;
		width: 70%;
	}

	.discountDate {
    margin: 5% auto 0%;
    line-height: 0em;
	}
		
	.menu ul li {
		padding: 2px 4px;
		font-size: 2.8vw;
		width: auto;
		margin: 0px 16px;
	}
	
	.bg__halfCircle{
		max-width: 12%;
	}
	.bg__circleOutline{
		max-width: 15%;
	}
	.newSale{
		padding: 6% 1%;
	}

	.newSale__box__text_01,.newSale__box__text_04{
		left: 34%;
		top: 32%;
	}
	.newSale__box__text_02,.newSale__box__text_03{
		left: 32%;
		top: 22%;
	}

	.newSale__box__btn__wrap_01, .newSale__box__btn__wrap_04{
		bottom: 27%;
	}
	.newSale__box__btn__wrap_02, .newSale__box__btn__wrap_03{
		bottom: 11%;
	}

	.discountBox01__content, .discountBox02__content, .discountBox03__content, .discountBox04__content {
		padding: 0 5% 0% 17%;
	}


	.img-box-02{
		left: 27%;
		top: -3%;
	}


	.taxiCouponArea{
		padding: 5% 0;
	}
	.taxiCoupon__content {
		width: 90%;
	}
	.taxiCoupon__icon__logo__m {
		width: 55%;
	}
	.modal-body-text-wrap h5{
		font-size: 2.8vw;
	}

	.highlight-event-box-text-wrap h4 {
		font-size: 3.5vw;
		line-height: 5.5vw;
	}

}

@media (max-width:540px) {
	.discountBox_default .discount-bird img {
        width: 60%;
    }
    .calendarArea:nth-child(1) {
        background-image: url(../images/everyday/title-December.png), url(../images/everyday/bn-MerryXmas.png), url(../images/everyday/img-daily-green-BK1-768.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 50% 27%, 50% 100%, center top;
        background-size: 75% auto, 86% auto, 100%;
    }

	.calendar_content_w1 {
        margin: 1% 2% 1%;
        width: 40%;
	}
	.calendarBox1 {
        padding-top: 43%;
	}
	.btn-wrapper-every {
        margin-top: 46%;
	}
	.calendar_content_w1 img {
        border-radius: 10px;
    }

	/*
	.calendarArea:nth-child(2) {
		padding-top: 4%;
	}
	*/
	.btn_black5 {
        font-size: x-small;
    }

    .brandTitle {
        font-size: 3.6vw;
    }
	.item-purple {
		width: 90%;
	}

	.flow_bk {
        background: linear-gradient(to bottom, #2a1958 19%, #564bb4 37%);
    }
	.playgroundBox-R ul {
		width: 100%;
	}
	
	.btn-summer {
		padding: 3%;
		font-size: medium;
	}

	.discountBox_default_row1 {
		width: 48%;
	}
	.main-box-bk img {
		width: 100%;
	}
	.f3-1 {
		font-size: 4.8vw;
	}

	.f-h3-b {
		font-size: 4.4vw;
	}
	.btn-50off {
		padding: 2% 2%;
		right: 10px;
		bottom: 8px;
	}
	.out_radius1 img {
		border-radius: 36px 0px 0px 0px;
	}
	.out_radius3 img {
		border-radius: 0px 0px 36px 0px;
	}

	.main-box-bk_row2-2 {
		padding: 5% 0% 4%;
	}

	.moreBtn {
		font-size: 3vw;
		width: 40%;
		margin: 1% 30% 2%;
		padding: 6px;
	}
	.playgroundBox .EBX-title {
        top: -5%;
        left: 50%;
	}
	.stepBox ul li {
		width: 86%;
		margin-top: 2%;
	}

	.stepBox ul li img {
		width: 30%;
		}
	.stepTxt, .stepTxt1, .hashtagTxt, .stepTxt2 {
        width: 40%;
	}
	.stepBox ul li h6 {
        font-size: 4vw;
        margin-top: -13%;
		margin-left: 30%;
		line-height: 3.8vw;
	}
	
	.stepBox ul li p {
        font-size: 3.8vw;
        margin-top: -10.5%;
		margin-left: 30%;
		letter-spacing: -1px;
	}
	.stepBox ul li .hashtagTxt {
        padding: 28% 0% 0% 0%;
	}
	.stepBox ul li h5 {
        font-size: 5vw;
        margin-top: -11%;
        margin-left: 27%;
    }

	#marquee .slick-slider {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent
	}
	.local-text h4 {
		font-size: 3vw;
		letter-spacing: 0px;
	}
	.local-text p {
        font-size: 2.5vw;
    }
	.local-text img {
		width: 20px;
		height: 29px;
	}

	.gift-tag img {
        width: 68%;
	}
	.discount-tag img, .discount-tag2 img {
        width: 62%;
    }
	.gift-tag {
        right: 0px;
	}
	.discount-tag {
        bottom: 20%;
        right: -3%;
	}
	.discount-tag2 {
        bottom: 14%;
        right: -3%;
	}
	.skincare-box-text-wrap h4, .skincare-box-text-wrap h5, .newin-box-text-wrap h4 {
		font-size: 2.8vw;
	}
	.skincare-box-text-wrap p {
        font-size: 2.6vw;
    }
    .skincare-box-text-wrap h3 {
        font-size: 3.2vw;
	}
	.price_small {
        font-size: 2.3vw;
    }
    .btn_skin, .btn_newin, .btn-white-info, .btn-pink {
        font-size: small;
	}
	.info-text {
        font-size: small;
    }
	#sidebar .toggle-btn span {
		/* margin: 0px;
		padding: 0px;*/
		line-height: 17px;
	} 
	.brandContentBox {
        width: 45%;
	}
	.menu ul li {
        font-size: 3.2vw;
        margin: 0px 10px;
    }
	.menu__style {
        padding: 1% 3% 1% 1%;
    }

}

@media (max-width:510px) {
	.discountBox_default {
		width: 80%;
	}
	.content-text1 {
		font-size: 5vw;
		letter-spacing: -0.5px;
	}
	.text_red {
        font-size: 5vw;
    }
	.btn-pink, .info-text {
        font-size: x-small;
	}
	.title-area .santa-img {
		margin-top: -6%;
	}
	.BigSale__area {
		background-image: url(../images/BK-50.png);
		background-repeat: no-repeat;
		background-position: -7% 0%;
		background-size: 72px 180px;
	}
	.skincare-img {
		background-image: url(../images/BK-sale.png);
		background-repeat: no-repeat;
		background-position: 0% 5%;
		background-size: 40px 217px;
	}

	.btn_skin, .btn_newin, .btn-white-info, .btn-pink, .btn-pink2, .btn-LINE {
        font-size: small;
    }
	.info-text {
        font-size: small;
	}
	.playgroundBox-R h4 {
        font-size: 4vw;
	}
	.playgroundBox-R h6 {
        font-size: 3.4vw;
    }
	
	.gift-tag img {
        width: 62%;
	}
	.discount-tag img, .discount-tag2 img {
        width: 58%;
	}
	.gift-tag {
        right: -8px;
	}
	.discount-tag {
        bottom: 23%;
        right: -6%;
	}
	.discount-tag2 {
        bottom: 13%;
        right: -6%;
	}
	.title-area .EBXinfo-text a {
        font-size: small;
    }
	
    .local-text h4 {
        font-size: 3.4vw;
	}
	.local-text p {
        font-size: 2.8vw;
	}
	
	.main-box-bk_row2 img {
		width: 60%;
	}

	.discountArea {
		padding-bottom: 3%;
	}
	.discountBox_default_row1 {
		width: 50%;
	}
	.content-text {
		font-size: 3.2vw;
	}
	.btn-main {
		padding: 4% 0%;
	}

	.btninfo {
		padding: 0% 0%;
	}


	.main-box-bk_row2-2 {
		padding: 6% 0% 2%;
	}
	.makeupBox, .musthaveBox {
		width: 98%;
	}

	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.main-box-bk {
		padding: 0% 2%;
		width: 100%;
	}
	
	.discountBox {
	  margin-top: 2%;
	}
	
	.toTop-arrow{
		bottom: 30%;
	}
	.title-area img {
		margin: 2% 0%;
		max-width: 96%;
	}
	.btn-B5wrapper {
		position: relative;
	}

	.mtopL {
		margin-top: 0%;
	}
	.mtopR {
		margin-top: 0% !important;
	}
	
	.event-box-text-wrap h4 {
	  	font-size: 4.4vw;
	}
	.event-box-text-wrap h5 {
		font-size: 4vw;
  	}
	.event-box-text-wrap p {
	  	font-size: 3.2vw;
	  	line-height: 5vw;
	}

	.event-box-text-wrap-2 h4 {
		font-size: 4.4vw;
	}
	.event-box-text-wrap-2 p {
			font-size: 3.2vw;
			line-height: 5vw;
	}

	.btn-pinknew {
		width: 80%;
		margin: auto 10%;
		font-size: 3.2vw;
	}
	
	.btn-pink3 {
		font-size: 3.2vw;
	}

	.makeup-box-text-wrap h4 {
		font-size: 4vw;
	}
	.makeup-box-text-wrap p {
		font-size: 3.2vw;
	}
	.makeup-box-text-wrap h5 {
		font-size: 3.6vw;
	}
	.newin_box2 {
		width: 70%;
	}
	
	.event-box-text-wrap {
	  	bottom: -46px;
	}
	.event-box-text-wrap-2 {
		bottom: -46px;
  }
	
	.summersale_box1 {
	  	width: 94%;
	}
	
	.summersale_box2 {
	  	width: 46%;
	}
	
	.highlight-event-box-wrap ul {
	  	width: 96%;
	}
	
	.highlight-event-box-text-wrap h4 {
		font-size: 3.5vw;
		line-height: 5.5vw;
	}

	
	.leaf{
		max-width: 20%;
		left: 20%;
		top: -19%;
	}
	.hightlight {
		max-width: 7%;
		left: 83%;
		top: 2%;
	}
	.btn-size{
		padding: 8px 12px;
		margin: 1% 4% 6%;
	}

	/* sidenav */
	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	.menu>img {
		max-width: 30%;
		padding: 0;
	}
	.menu__style {
		/* background-color: #272eafe0;  */
		/* padding: 10px; */
		border-radius: 0px;
	}
	.menu ul li {
		/* padding: 2px 4px;
		font-size: 3vw;
		width: auto; */
		margin: 1px 6px;
	}
	.menu__style li:hover {
		color: rgb(32, 32, 32);
	}
	#sidebar .toggle-btn span {
	  display: block;
	  width: 30px;
	  height: auto;
	  margin: 2px 0px;
      padding: 2px 0px;
	}
	
	.discountDate::after {
		width: 20%;
		height: 10px;
		right: 41%;
		bottom: -2px;
	}
	.animate-button{
		/* width: auto;
		height: auto; */
		padding: 4px 8px; /*1px 8px; */
	}

	.bigBox__img__pc{
		display: none;
	}
	.bigBox__img__mobile{
		text-align: center;
		position: relative;
		width: 88%;
		margin-right: -6%;
	}
	.bigBox__info__wrap{
		top: 15%;
		left: 18%;
		width: 60%;
	}


	.social-content {
		width: 95%;
	}
	.social-card {
		width: 45%;
		margin-top: 30px;
	}
	.social-btn {
		width: 60%;
		left: 20%;
	}
	/* .btn-theme {
		line-height: 30px;
	} */
	/*font size*/
	.f1 {
		font-size: 8.5vw;
	}
	.f2 {
		font-size: 7vw;
	}
	.f3 {
		font-size: 4.2vw;
		line-height: 4.6vw;
	}
	.f3_r {
		font-size: 4.8vw;
	}
	.f4 {
		font-size: 4.3vw;
		line-height: 5.8vw;
	}
	.f5 {
		font-size: 3.5vw !important;
	}
	.f6 {
		font-size: 4vw;
	}
	.f5_r {
		font-size: 3.1vw !important;
	}
	.f6_r {
		font-size: 3.2vw;
	}
	.f7 {
		font-size: 3.1vw;
	}

	.img-box-01{
		max-width: 40%;
		left: 31%;
		top: -1%;
	}
	.img-box-02{
		max-width: 30%;
		left: 39%;
		top: 22.5%;
	}
	.img-box-03{
		max-width: 30%;
		left: 26%;
		top: 47.5%;
	}

	.taxiCoupon__icon__logo__m {
		width: 88%;
	}
	.modal-body-text-wrap h5{
		font-size: 3.7vw;
	}

	.discountText {
		margin-bottom: 3%;
	}
	/*new arrival*/
	.newBox {
		width: 90%;
	}
	.newItem {
		width: 93%;
		margin: 1.5% 0 5.5% 6.5%;
	}
	.newTitle {
		margin: 3.5% 0 2%;
	}

	/*brand*/
	.btn_brand {
		width: 60%;
		left: 20%;
		bottom: 6%;
	}
	.brandContentBox {
		margin: 0 0.5% 1.5%;
		padding: 0;
	}
	.brandTitleBox {
		margin-bottom: 3%;
	}
	.brandTitle {
		height: 42px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		line-height: 1em;
	}
	.brandTitleBox>.title {
		font-size: 9.5vw;
	}
	.btn-wrapper>.btn {
		line-height: 1.6em !important;
	}
	.btn {
		line-height: 20px;
	}
	.btn, .brandTitle02 {
		font-size: 3vw;
	}
	.brandTitleTag, .brandTitleTag_H {
		font-size: 2vw;
		margin-top: 5%;
	}
	.highlight-event-box-wrap ul li {
		width: 46%;
	}

	.animate-button.bg-seemore {
		font-size: 2vw;
		left: 20%;
		bottom: 15%;
		width: 60%;
	}
}
 @media (max-width:480px) {
	/* 
	.calendarArea:nth-child(1) {
        background-image: url(../images/everyday/title-December.png), url(../images/everyday/bn-MerryXmas.png), url(../images/everyday/img-daily-green-BK1-768.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 50% 14%, 50% 36%, center top;
        background-size: 70%, 75%, 100%;
	}
	*/
	.calendarArea:nth-child(1) {
        background-image: url(../images/everyday/title-December.png), url(../images/everyday/bn-MerryXmas.png), url(../images/everyday/img-daily-green-BK1-768.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 50% 24%, 50% 100%, center top;
        background-size: 84% auto, 86% auto, 100%;
    }
	.btn-wrapper-dis {
        margin: 2% 0% 1%;
	}
	.btn_skin, .btn_newin, .btn-white-info, .btn-pink, .btn-LINE {
        font-size: small;
    }
	.ec2recommended {
		background-image: url(../images/EBX-tip-800x800.jpg);
		background-size: 100%;
		overflow: hidden;
	}
	.brand-wrapper .brand-content {
        height: 92%;
    }
	.playgroundBox-R ul li:nth-child(1) {
		width: 48%;
	}
	.playgroundBox-R ul li h3 {
        font-size: 4vw;
	}
	.playgroundBox-R ul li p {
        font-size: 2.9vw;
        padding-right: 4%;
	}
	.gift-tag img, .discount-tag img, .discount-tag2 img {
        width: 56%;
	}
	.skincare-box-text-wrap h4, .skincare-box-text-wrap h5, .newin-box-text-wrap h4 {
        font-size: 3vw;
	}
	.skincare-box-text-wrap p {
        font-size: 2.9vw;
	}
	.skincare-box-text-wrap h3 {
        font-size: 3.4vw;
	}
	.discount-tag,.discount-tag2 {
        right: -8%;
    }
	 
	 .btn-pink2 {
	  font-size: 3vw;
	}
	 
	 .btn-pink3 {
        font-size: 3.2vw;
	}
	.moreBtn1 {
		width: 50%;
		margin: 1% 25% 2%;
		font-size: large;
	}
	.btn-newin {
		top: 250px;
	}
	.btn-newin1 {
		top: 250px;
		right: 58px;
	}
	.btn-newin2 {
		top: 160px;
		right: 58px;
	}
	.btn-newin3 {
		top: 95px;
		right: -36px;
	}

	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}

	.star__animation{
		max-width: 8%;
	}
	.icon_star_outline{
		left: 45%;
		top: 25%;
	}
	.icon_star_red_limitBeauty3, .icon_star_white_limitBeauty4{
		display: none;
	}
	.icon_star_outline_limitBeauty5{
		left: 13%;
		top: 95%;
	}
	.icon_star_outline_limitBeauty{
		left: 14%;
		top: 29%;
	}
	.icon_star_red_limitBeauty{
		left: 77%;
		top: 9%;
	}
	.icon_star_white_limitBeauty{
		left: 4%;
		top: 15%;
	}
	.icon_star_outline_limitBeauty2{
		left: 84%;
		top: 50%;
	}
	.icon_star_white_limitBeauty3{
		display: none;
	}
	.icon_star_white_limitBeauty5{
		left: 7%;
		top: 81%;
	}
	.icon_star_white_limitBeauty6{
		display: none;
	}
	.btn-size{
		padding: 8px 10px;
		margin: 1% 3% 6%;
	}
	.hightlight {
		max-width: 7%;
		left: 83%;
		top: 7%;
	}
    .brand-wrap .brand-wrapper {
        width: 98%;
        height: 76vw;
        margin: 0% 1% 4%;
	}
	.playgroundBox .EBX-title {
        left: 45%;
    }
    .playgroundBox .EBX-title img {
        width: 140%;
	}
	.playgroundBox-L img {
        width: 100%;
	}
	.skincare-box-wrap p {
        font-size: small;
	}
	.discount-tag {
		bottom: 27%;
	}
	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}

	.menu__style {
		/* background-color: #ff9800d6; */
		padding: 11px ​5px;
		border-radius: 0px;
		font-size: 2.8vw; /* 0.7em */
	}

	.title-area img {
		max-width: 85%;
	}

	.btn-wrapper>.btn {
		line-height: 1.5rem !important;
	}
    .btn {
        font-size: 2.4vw;
        padding: 2px 4px;
    }
	.brandTitle02 {
		font-size: 3.3vw;
	}
	/* .animate-button {
		width: 110px;
	} */
	.animate-button.bg-seemore {
		width: 60%;
		left: 20%;
		bottom: 12%;
	}
	 
	 .event-box-text-wrap {
		bottom: -38px;
		border-radius: 10px;
	}
	.event-box-text-wrap-2 {
		bottom: -38px;
		border-radius: 10px;
	}
	 
 
	.highlight-event-box-text-wrap h4 {
		 font-size: 3.6vw;
	}

	.font-header {
		font-size: 4vw;
	}

	.text-event-date {
		font-size: 4vw;
		top: -2.5%;
		left: 42%;
	}

	/*discount*/
	.discountBox{
		justify-content: center;
		align-items: center;
		width: 100%;
	}

   /*
	.discountArea{
		margin-left: 0;
		margin-top: -41%; 
		padding-bottom: 3%;
		background-image: linear-gradient(to bottom, #f5f2eb00 0%,#f7f1e5d4 10%, #f7f1e5e8 12%,#eaeaea 88%, #eaeaea 98%, #eaeaea 100%);
	}
	 */

	.discountBox01, .discountBox02 {
		width: 90%;
		margin: 2% 2% 0% 3%;
		/* padding: 11% 4%; */
	}

	.discountBox03,.discountBox04 {
		width: 90%;
		margin: 2%;
	}

	.discountBox01__content, .discountBox02__content, .discountBox03__content, .discountBox04__content {
		padding: 0% 1% 0% 6%; /*0% 22% 0% 6%; */
	}

	/* .discountBox01__content{
		padding: 8%;
	}

	.discountBox02__content{
		padding: 4%;
		margin-right: -7%;
	}
	.discountBox03__content, .discountBox04__content{
		padding: 8%;
		margin: 0%;
	} */



	.img-box-01{
		max-width: 40%;
		left: 26%;
		top: -1%;
	}
	.img-box-02{
		max-width: 30%;
		left: 27%;
		top: -3%;
	}
	.img-box-03{
		max-width: 32%;
		left: 28%;
		top: 48%;
	}
	.climb{
		max-width: 17%;
		left: 65%;
		top: 70%;
	}

	.bigBox__img__pc{
		display: none;
	}
	.bigBox__img__mobile{
		text-align: center;
		position: relative;
		width: 90%;
	}
	.bigBox__info__wrap{
		top: 15%;
		left: 19%;
		width: 60%;
	}


	.modal-body-text-wrap h5 {
		font-size: 4.1vw;
		line-height: normal;
	}

	.modal-header h3 {
		font-size: 20px;
	}


	.toTop-arrow{
		bottom: 30%;
	}
}

@media (max-width:420px) {
	.bk-gift-icon1 {
		background-image: url(../images/bk-icon/icon-gift1.png),url(../images/title-gift-bk.gif);
		background-repeat: no-repeat, repeat-x;
		background-position: -4% 8%, left top;
		background-size: 32px 37px, 1px 70px;
	}
	.gift-tag img, .discount-tag img, .discount-tag2 img {
        width: 56%;
	}
	.discount-tag {
        right: -10%;
	}
	.discount-tag2 {
        bottom: 14%;
        right: -10%;
	}
	.skincare-box-wrap ul, .newIn-box-wrap ul {
        width: 100%;
	}
	.discount-tag img, .discount-tag2 img {
        width: 52%;
	}
	.local-text h4 {
        font-size: 4.2vw;
	}
	.local-text p {
        font-size: 3.4vw;
	}

	.playgroundBox {
        width: 92%;
        margin: 0% 4%;
    }
	.playgroundBox-R h4 {
        font-size: 4.2vw;
    }
	.playgroundBox-R h6 {
        font-size: 3.8vw;
	}
	.playgroundBox-R ul li h3 {
        font-size: 4.4vw;
	}
	.playgroundBox-R ul li p {
        font-size: 3vw;
        padding-right: 3%;
    }

	.main-box-bk_row2-2 {
		padding: 3% 0% 2%;
		width: 62%;
		left: 38%;
	}
	.f3_b {
		font-size: 5vw;
	}

	.btn-red2 {
		width: 70%;
		margin: 2% 15%;
	}
	.makeupBox {
		width: 100%;
	}
	.brandBox_per_noBG {
		width: 46%;
		margin: 1% 1% 2%;
	}

	.btn-50off {
		right: 4px;
		bottom: 6px;
	}
	.moreBtn {
		font-size: 4vw;
		width: 50%;
		margin: 1% 25% 2%;
		padding: 6px;
	}

	.f5_r {
		font-size: 3.6vw !important;
	}
	.fan-box-red {
		top: -16px;
	}
	.f-h3-b {
		font-size: 5vw;
	}
	.discountBox_default_row1 {
		width: 49%;
	}
	.main-box-wrap {
		padding: 5% 2% 4%;
	}
	.main-type-1 hr {
		margin: 12px auto;
	}
	.main-type-2 hr {
		margin: 12px auto 15px 55%;
	}

	.main-box-bk_row2 img {
		width: 54%;
	}

	.btn-newin {
		top: 220px;
	}
	.btn-newin1 {
		top: 220px;
	}

	.btn-newin2 {
		top: 140px;
	}
	.btn-newin3 {
		top: 86px;
		right: -35px;
		width: 76%;
	}
	.event-box-text-wrap p {
		font-size: 3.4vw;
	}
	.event-box-text-wrap-2 p {
		font-size: 3.4vw;
	}
	.btn_popup {
		width: 50%;
		margin: 5% 25%;
	}
	.menu ul li {
		font-size: 4vw;
	}

}

@media (max-width:393px) {
	.btn-newin1, .btn-newin2 {
		right: 44px;
	}
}

@media (max-width:390px) {
	.bk-summer-icon1 {
		background-image: url(../images/bk-icon/icon-summer1.gif),url(../images/bk-icon/icon-summer2.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -20% 40%, 106% 10%;
		background-size: 161px 197px, 97px 207px;
	}
	
	.fan-box-gold {
		top: -22px;
	}
	.fan-box-red {
		top: -16px;
	}

	.btn-newin {
		top: 200px;
	}
	.btn-newin1 {
		top: 200px;
		right: 44px;
	}
	.btn-newin2 {
		top: 120px;
	}
	.btn-newin3 {
		top: 120px;
		right: -42px;
		width: 66%;
	}
	.event-box-text-wrap p {
		font-size: 3.4vw;
	}
	.newin_box2 {
		width: 70%;
	}
	.btn-red {
		box-shadow: #000 1px 1px 0px;
		font-size: small;
	}
	.playgroundBox .EBX-title {
        left: 47%;
	}
	.playgroundBox .EBX-title img {
        width: 130%;
    }
	.playgroundBox .EBX-title .btn-main {
        margin-left: 20%;
    }


}


@media (max-width:380px) {
	.discountBox_default_row2 {
		width: 96%;
	}

	.main-box-bk_row2 img {
		width: 50%;
	}
	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}

	.f3 {
		font-size: 4.2vw;
		line-height: 4.3vw;
	}
	.main-box-bk-TS {
		width: 99.8%;
	}
	
	.brandBox__one__contentBox{
		height: 25%;
	}
	.brandBox__two__content{
		height: 35%;
	}
	.brandBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}

	.modal-header h3 {
		font-size: 18px;
	}

	/*discount*/
	/* .discountBox{
		margin-top: 5%;
		margin-right: 1%;
	} */
	.menu ul li {
        padding: 4px 8px;
        font-size: 4.2vw;
		width: auto;
		margin: 0px 2px;
    }

	.menu>img{
		max-width: 30%;;
	}
	.menu__style{
		font-size:0.6em;
	}

	.discountText{
		padding: 0 3%;
	}
	
	.brandBox_per_noBG {
	  margin: 1% 1% 3%;
	}


	/*discount*/


	.discountBox01, .discountBox02, .discountBox03,.discountBox04 {
		width: 100%;
		margin: 2%;
		padding: 1% 5% 9% 4%;
	}
	.discountBox__icon {
		max-width: 21%;
		left: 4%;
		top: 21%;
	}
	.discountBox01__content,.discountBox02__content,.discountBox03__content,.discountBox04__content{
		padding: 0 0 0 8%;
	}



	.img-box-01{
		max-width: 40%;
		left: 26%;
		top: -1%;
	}
	.img-box-02{
		max-width: 33%;
		left: 28%;
		top: -3%;
	}
	.img-box-03{
		max-width: 33%;
		left: 28%;
		top: 48%;
	}
	.climb{
		max-width: 20%;
		left: 51%;
		top: 70%;
	}
	.bigBox__content{
		margin: 0 0 7% 0;
	}
	.bigBox__img__mobile{
		width: 93%;
	}
	.bigBox__info{
		padding: 1% 0 0 0;
		margin-left: -8%;
	}

	#sidebar .toggle-btn span{
		width: 26px;
		/* height: 75px; */
		font-size: 0.9rem;
		margin: 3px 0;
	}
	#sidebar .toggle-btn{
		border-radius: 0px;
	}

}


@media (max-width:322px) {
	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}

	.brandBox__one__contentBox{
		height: 25%;
	}
	.brandBox__two__content{
		height: 35%;
	}
	.brandBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}
}