@media (min-width:1921px) {
	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 12%;
		width: 11%;
	}
	.menu>img {
		padding: 3%;
	}
	.menu__style {
		padding: 6% 1% 10%;
	}
	.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;
	}


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

	.threeItemBox {
		width: 85%;
	}
	.text-event-date {
		font-size: 1.6vw;
		top: -5%;
		left: 36%;
	}
	.TitleBox {
		width: 14%;
	}
	.threeItem-box-date img {
		max-width: 35%;
		top: -7%;
		left: 35%;
	}

	/* social container */
	.social-content {
		width: 80%;
	}
	.social-btn {
		width: 50%;
		left: 25%;
	}
	.social-card {
		width: 29%;
	}
}
@media (max-width:1920px) {
	.for-mobile-display {
		display: none;
	}

	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 12%;
		width: 10%; /* 9%; */
	}

	.menu__style {
		padding: 2% 0% 4%;
	}
	.menu ul li {
		line-height: 2.1em;
		font-size: 0.9vw;
	}

	.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%;
	}

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

	.TitleBox {
		width: 8%;
	}
	.threeItem-box-date img {
		max-width: 36%;
		top: -7%;
		left: 35%;
	}
	.text-event-date {
		font-size: 1.4vw;
		top: -5.1%;
		left: 37%;
	}
	/* coupon-500 500購物金 */
	.oneContainerBox {
		width: 50%;
		padding: 2%;
		margin: 3% 0;
	}
}
@media (max-width:1800px) {
	.main-box-bk_row2-2 {
		left: 0.5%;
	}
	.btn-pink-info {
		padding: 4% 0%;
	}
	.EBxBox_default_row {
		margin: 0% 2%;
	}
	.discountBox2 {
		width: 84%;
	}
	.btn-main {
		font-size: medium;
	}
	/*sidenav*/
	.menu {
		right: 1%;
		width: 11%;
	}

	.menu__style {
		padding: 6% 0% 10%;
	}
	.menu ul li {
		line-height: 2.4em;
		font-size: 1vw;
	}


	.game__img {
		width: 70%;
		max-width: 70%;
		right: 15%;
		bottom: 17%;
	}

	/* 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:1500px) {
	.title-area img {
		max-width: 50%;
	}
	.title-area-duncan img {
		max-width: 76%;
	}
	.duncan-tag img {
		width:78%;
	}
	.duncanBox {
		width: 78%;
	}
	.discountBox {
		width: 90%;
	}
	.SnoopyBox {
		width: 91%;
	}
	.xmasBox {
		width: 90%;
	}

	ul.main-box-bk_row2-2 li {
		margin: 62% auto 2%;
	}

	.gotohomeGift__wrap img {
		width: 90%;
	}

	.main-box-bk_row2-2 {
		left: 0%;
	}
	.bigBox__info__wrap{
		width: 40%;
	}
	.brandBox__two__content{
		height: 32%;
	}
	.two__two__wrapper, .three__one__wrapper{
		width: 90%;
	}
	.two__two__perBox__last{
		width: 80%;
		margin-left: 10%;
	}
	.btn-wrapper>.btn {
		line-height: 1.4rem;
		/* padding: 0 6%; */
	}
	.monsterGift__area__btn{
		max-width: 90%;
		width: 90%;
	}
	.discountBtn {
		bottom: 12%;
		right: 34%;
	}
	.w36 {
		width: 40%;
	}
	.dutyfree__box__btn3 {
		width: 20%;
		margin: 0% 23% 0% 57%;
	}
	/***** Snoopy background icon (1500) *****/

	.bk-AB-img {
		background-image: url(../images/blue-line-L.gif), url(../images/blue-line-R.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -20% 72%, 104% 0%;
		background-size: 421px 558px, 328px 601px;
	}

	.bk-CD-img {
		background-image: url(../images/exclusive-bk-R.png), url(../images/exclusive-bk-R.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -0.5% 55%, 100% 0%;
		background-size: 343px 187px, 343px 187px;
	}

	.bk-EF-img {
		background-image: url(../images/bestgift-L.gif), url(../images/bestgift-R.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: -1% 0%, 101% 120%;
		background-size: 367px 491px, 367px 491px;
	}

	.bk-discount-img {
		background-image: url(../images/discountW2-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom; 
		background-size: 1498px 390px;
	}
	.bk-popular-img {
		background-image: url(../images/popular-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1498px 390px;
	}
	.gift__area {
		background: linear-gradient(to bottom,#f23e31 27%,#f23e31 90%);
	}

}

@media (max-width:1400px) {
	.discountBox2 {
		border-radius: 24px;
	}
	.f6{
		font-size: 1.1vw;
	}
	.f3 {
		font-size: 2.2vw;
	}
	.f3_r {
		font-size: 2vw;
	}
	.f3_r14 {
		font-size: 1.8vw;
	}
	/* ul.main-box-bk_row2-2 li {
		margin: 62% auto 2%;
	}
	*/
	.f5_r {
		font-size: 1.2vw;
	}
	.brandBox_per {
		width:20%;
	}
	.beauty__box__btn {
		width: 42%;
		margin: 0% 29%;
	}
	.modal-body-text-wrap h5{
		font-size: 1.2vw;
	}


	.btn-size{
		padding: 6px 14px;
		margin: 1% 1% 6%;
	}


	.GameBox {
		width: 90%;
	}

	.discountBox_default_row2 {
		padding: 0.5%;
	}



	.hightlight {
		max-width: 7%;
		left: 75%;
		top: 12%;
	}

	.icon__roadSign {
		max-width: 9%;
		width: 9%;
		left: 25%;
		bottom: 4%;
	}

	.btninfo {
		font-size: medium;
	}



	.discountBox_default {
		width: 23%;
	}
	.discountArea {
		position: relative;
		/* margin-top: -1%; */
		padding-bottom: 0%;
		display: flex;
		/* align-items: center; */
		/* justify-content: center; */
		/* flex-wrap: wrap; */
		/* background: transparent; */
		padding-bottom: 2%;
		/* flex-direction: row; */
	}




	.discountBox__default {
		width: 34%;
	}

	.discountBox{
		width: 92%;
	}
	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		padding: 0% 0%;
		margin: 5% 2%;
	}

	.discountBox01__content {
		margin-top: -5%;
		width: 100%;
	}
	.discountBox02__content {
		margin-top: -2%;
		/* width: 24%; */
	}
	.discountBox03__content{
		margin-top: -2%;
	}

 	.discountBox04__content{
		margin-top: -8%;
	}

	.discountBtn {
		bottom: 12%;
		right: 34%;
		display: inline-flex;
		flex-direction: row;
		margin: 0 5%;
	}


	.btn-theme2 {
		width: 118%;
		padding: 5px 8px;
		margin: -2% 17.5%;
	}

	.btn-info {
		padding: 8% 0% 0% 0%;
		margin-left: 59%;
		width: 135%;
	}


	.sunGlass__wrapper {
		padding: 3% 0;
	}
	.sunGlass__flex__area {
		/* display: flex;
		justify-content: center;
		align-items: flex-start; */
		width: 75%;
		margin: 0 auto;
	}

	.event-box-wrap ul {
		margin: 0 auto;
	}

	.event-box-wrap2 ul {
		margin: 0 auto;
	}


	.flex__area {
		width: 75%;
		margin: auto;
		flex-wrap: nowrap;
	}

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


	.brandBox__one, .brandBox__two{
		width: 60%;
	}
	.brandBox__two__content{
		height: 26%;
	}
	.brandBox__area__layout__mgl-justisfy2{
		margin-left: -7.5%;
	}
	.brandBox__area__layout__mgl-justisfy3{
		margin-right: -5%;
	}
	.highlight-event-box-text-wrap h4 {
		font-size: 1.3vw;
	}
}

@media (max-width:1280px) {
	.highlight-event-box-text-wrap h4 {
		font-size: 1.7vw;
	}
	.for-mobile-display {
		display: none;
	}
	.btn-size{
		padding: 6px 14px;
		margin: 1% 1% 6%;
	}
	.btn-main {
		font-size: small;
	}
	.btninfo {
		font-size: small;
	}
	.title-area img {
		max-width: 45%;
	}
	.title-area-duncan img {
		max-width: 68%;
	}
	.duncan-tag img {
		width: 66%;
	}
	.btn {
		padding: 4px 4px !important;
	}
	.btn-wrapper-gift {
		width: 98%;
		margin: 1%;
		z-index: 4;
	}
	.btn-main-inline {
		font-size: 1.8vw;
	}
	.game-text {
		font-size: 1.4vw;
	}

	.btn-inline {
		margin: 0% 0% 0% 0%;
	}
	.btninfo-c {
		font-size: medium;
	}

	.xmasBox_product4 h3 {
		margin-top: 1%;
		font-size: 1.3vw;
	}
	.xmasBox_product4 h5 {
		font-size: 1.2vw;
	}
	.btn-exclusive {
		width: 70%;
	}


	/***** Snoopy background icon (1280) *****/
	.discountBox_default_row2 {
		padding: 1% 0%;
	}
	ul.main-box-bk_row2-2 li {
		margin: 67% auto 2%;
	}
	.gift__area {
		background: linear-gradient(to bottom,#f23e31 27%,#f23e31 90%);
	}

	.bk-AB-img {
		background-image: url(../images/blue-line-L.gif), url(../images/blue-line-R.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -20% 72%, 104% 0%;
		background-size: 356px 472px, 277px 508px;
	}

	.bk-CD-img {
		background-image: url(../images/exclusive-bk-R.png), url(../images/exclusive-bk-R.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -0.5% 55%, 100% 0%;
		background-size: 290px 158px, 290px 158px;
	}

	.bk-EF-img {
		background-image: url(../images/bestgift-L.gif), url(../images/bestgift-R.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: -1% 0%, 101% 108%;
		background-size: 310px 416px, 310px 416px;
	}
	.bk-discount-img {
		background-image: url(../images/discountW2-bk.jpg);
		background-repeat: no-repeat;
		background-size: 1306px 345px;
	}
	.bk-popular-img {
		background-image: url(../images/popular-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1267px 330px;
	}


	.btn-event {
		font-size: 1.3vw;
	  }
	
	.gotohomeGift__wrap img {
		width: 90%;
	}
	.event-box-wrap2 {
		padding: 3% 2% 1%;
	}
	.bk-airport-icon1 {
		background-image: url(../images/bk2-airport-1280.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		position: center top;
	}

	.brandBox__one, .brandBox__two {
		width: 64%;
	}
	.brandBox__wrap {
		padding: 0% 2%;
	}

	.newin__area {
		width: 90%;
	}
	.newin_box {
		width: 22.6%;
	}


	/*sidenav*/
	.menu {
		right: 1%;
		width: 11%;
	}

	.menu__style {
		padding: 6% 1% 10%;
	}
	.menu ul li {
		line-height: 2.4em;
		font-size: 0.9vw;
	}
	.animate-button.bg-seemore {
		font-size: 1.2vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
	/* sidenav */
	.menu {
		width: 16%;
		z-index: 999;
	}
	.menu__style {
		padding: 8% 0%;
	}
	.menu ul li {
		font-size: 1em;
		line-height: 2.1em;
	}
	/*font size*/
	.f1 {
		font-size: 4.5vw;
	}
	.f2 {
		font-size: 3.5vw;
	}
	.f3 {
		 font-size: 1.8vw; /*2.2vw */
	}
	.f4 {
		font-size: 1.5vw; /* 1.6vw;*/
		line-height: 2.2vw;/*2vw; */
	}
	.f5 {
		font-size: 1.6vw; /* 1.7vw*/
	}
	.f6 {
		font-size: 1.3vw;
	}
	.f7 {
		font-size: 1.2vw;
	}

	.discountArea__title {
		max-width: 50%;
		margin-left: 14%;
		margin-top: 2%;
	}

	.discountArea__flex__vertical {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		/* padding: 2% 0%; */
		width: 100%;
		margin: 7% 0% 1% 0%;
	}
	.monsterGift__area__btn{
		max-width: 80%;
		width: 80%;
	}


	.discountBtn {
		bottom: 12%;
		right: 25%;
		margin: 0 -5%;
	}

	.discountgame {
		margin: 1% 2%;
	}
	.btn-info {
		padding: 7% 0% 0% 0%;
		margin-left: 36%;
		width: 102%;
	}
	.areaBtn {
		bottom: 2%;
		left: 26%;
		/* width: 43%; */
	}

	.card {
		width: 40%;
		max-width: 40%;
	}

	.flex__area {
		width: 85%;
	}

	.flex__box__theme {
		width: 24% !important;
		margin: 0 0.5%;
		padding: 0;
	}


/*
	.top__area__bg{
		background: linear-gradient(to bottom, #e7c8ab00 0%, #e7c8ab 9%, #f5cba3 52%, #b997bd 100%);
	} */


	.icon__roadSign {
		max-width: 8%;
		width: 8%;
		left: 4%;
		bottom: 2%;
	}

	.three__one__box {
		width: 22%;
	}

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


	.two__two__wrapper{
		width: 90%;
	}
	.two__two__perBox__last{
		width: 80%;
		margin-left: 10%;
	}
	.two__two__content__img__info{
		margin-right: 36%;
	}
	.bigBox__content{
		margin: 0 0 5% 0;
	}

	.bigBox__info__wrap{
		width: 35%;
		top: 24%;
		left: 47%;
	}
	.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%;
	} */

	.discountTitle__number__icon {
		max-width: 28%;
		right: 36%;
		top: -12%;
	}
/*
	.discountBox {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		width: 95%;
		margin-top: 11%;
	} */
	.discountDate::after {
		width: 27%;
		bottom: 2px;
		right: 37%;
		height: 18px;
	}
	/* .discountBox__default{
		width: 36%;
		margin: 0.2%;
	}

	.discountBox01, .discountBox03, .discountBox04 {
		padding: 2% 7% 3% 0%;
	}
	.discountBox02 {
		padding: 2% 0% 3% 0%;
	}


	.discountBox01__content, .discountBox03__content, .discountBox04__content{
		padding: 6% 0%;
		margin: 0%;
	}

	.discountBox02__content{
		padding: 7% 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 */
	.brandBox__one__contentBox{
		padding: 0.5%;
	}
	.btn-wrapper{
		margin: 5px auto;
		width: 60%;
	}

	.main-box-bk {
		bottom: 0%;
	}


	/* event-box-wrap ul li */

	.brandBox_per_5colunm{
		width: 31%;
	}
	.brandBox_per img , .brandBox_per_noBG img, .brandBox_per_5colunm img{
		width: 100%;
	}
	.brandBox__btn-wrapper2>.btn{
		width: 72%;
	}



	/*new arrival*/
	.newBox {
		width: 75%;
	}
	.newItemBox {
		display: inline-block;
	}
	.newItem {
		width: 46.5%;
		margin: 1.5%;
		display: inline-block;
	}

	/*brand*/
	.brandContentBox {
		width: 23%;
	}
	.brandTitle {
		font-size: 2.3vw;
	}
	.brandTitle02 {
		font-size: 1.3vw;
	}
	.brandTitleTag, .brandTitleTag_H {
		font-size: 1vw;
	}
	.brand-box-wrap ul li {
		width: 31%;
	}
	/*event wrap*/
	#event.wrapper {
		padding: 20px 0 30px;
	}
	#brand.wrapper {
		padding: 40px 0 50px;
	}
	.event-box-wrap ul {
		width: 100%; /* 90%; */
	}
	.event-box-wrap2 ul {
		width: 100%; /* 90%; */
	}
	.highlight-event-box-wrap ul {
		width: 90%;
	}

	/* event-box-wrap ul li */

	.brandBox_per img {
		width: 100%;
	}

}

@media (max-width:1024px) {
	.highlight-event-box-text-wrap h4 {
		font-size: 1.8vw;
	}
	.btninfo-c {
		font-size: small;
	}
	.discountBox2 {
		width: 90%;
	}

	.GameBox {
		width: 98%;
	}
	.game-text {
		font-size: 1.5vw;
	}
	.discountBox_default_row2 {
		width: 23%;
		margin: 0% 0.5%;
	}
	.gift__area {
		background: linear-gradient(to bottom,#f23e31 49%,#f23e31 90%);
	}

	.discountBox_default img {
		border-radius: 12px;
	}

	.everrichBox img {
		border-radius: 0px 0px 24px 0px;
	}
	.xmasBox {
		width: 100%;
	}
	.discountBox, .newin__area, .poplar_box {
		width: 96%;
	}
	.SnoopyBox {
		width: 95%;
	}
	.highlight-event-box-wrap ul {
		width: 96%;
	}

	.f3 {
		font-size: 2.6vw;
	}
	.numbber-1 {
		font-size: 2.6vw;
	}

	.f4 {
		font-size: 1.7vw;
		line-height: 2.6vw;
	}
	.f5 {
		font-size: 2vw;
	}
	.f6 {
		font-size: 1.4vw;
	}
	.f7 {
		font-size: 1.5vw;
	}

	.event-box-wrap ul {
		width: 98%;
	}

	.event-box-wrap2 ul {
		width: 98%;
	}

	.dutyfree__box__btn3 {
		width: 23%;
		margin: 0% 21.5% 0% 55.5%;
		bottom: 35%;
	}
	.xmasBox_product4 h3 {
		font-size: 1.6vw;
	}

	.xmasBox_product4 h5 {
		font-size: 1.4vw;
	}
	.brandBox_per {
		width: 23%;
	}

	/***** Snoopy background icon (1024) *****/

	.bk-AB-img {
		background-image: url(../images/blue-line-L.gif), url(../images/blue-line-R.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -15% 33%, 104% 0%;
		background-size: 216px 286px, 168px 308px;
	}

	.bk-CD-img {
		background-image: url(../images/exclusive-bk-R.png), url(../images/exclusive-bk-R.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -0.5% 55%, 105% 0%;
		background-size: 233px 127px, 233px 127px;
	}

	.bk-EF-img {
		background-image: url(../images/bestgift-L.gif), url(../images/bestgift-R.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: -1% -60%, 101% 108%;
		background-size: 249px 334px, 249px 334px;
	}
	.bk-discount-img {
		background-image: url(../images/discountW2-bk.jpg);
		background-repeat: no-repeat;
		background-size: 1018px 265px;
	}
	.bk-popular-img {
		background-image: url(../images/popular-bk.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 1018px 265px;
	}

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

	.gotohomeGift__wrap img {
		width: 84%;
	}
	.bk-airport-icon1 {
		background-image: url(../images/bk2-airport-1024a.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		position: center top;
	}
	.brandBox__wrap {
		padding: 0% 0%;
	}
	.brandBox__one, .brandBox__two {
		width: 80%;
	}


	/*sidenav*/
	.menu {
		right: 1%;
		width: 17%;
	}
	.menu>img {
		padding: 3%;
	}
	.menu__style {
		padding: 6% 1% 10%;
	}
	.menu ul li {
		line-height: 2.4em;
		font-size: 1.6vw; /* 0.9vw */
	}
	.animate-button.bg-seemore {
		font-size: 1.8vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}

	/* .top__area__bg{
		background: linear-gradient(to bottom, #eb9e9b 0%, #ea9a9b 3%, #ffd7de 52%, #dd5e5e 90%, #a01f1f 100%);
	} */

	.shipDay__m {
		padding: 4% 2% 3% 5%;
	}
	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}

	/* event-box-wrap ul li */

	.brandBox_per_5colunm{
		width: 45%;
	}


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


	.korea__wrap {
		/* display: inline; */
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		/* flex-wrap: wrap; */
	}

	/* newSale 黑五精品特賣  START */
	.newSale{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		padding: 2% 5%;
	}
	.newSale__box{
		position: relative;
		width: 45%;
		margin: 0 1%;
	}

	.newSale__box03__content{
		margin-top: 2%;

	}

	.newSale__box04{
		margin-top: -21%;
	}


	.three__one__box {
		width: 31%;
	}

	.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__box {
		width: 31%;
	}
	.two__two__wrapper{
		display: inline-block;
		margin-top: -6%;
	}
	.two__two__perBox{
		margin-top: 10%;
		padding: 1%;
	}

	.two__two__wrapper .img__title__date{
		max-width: 28%;
		left: 36%;
		top: -8%;
	}

	.three__one__wrapper .img__platform{
		bottom: -1%;
	}
	.two__two__perBox__last{
		width: 100%;
		margin-left: 0;
	}
	.two__two__content__img__info{
		margin-right: 0;
		max-width: 40%;
	}
	.two__two__perBox__img{
		margin: 0;
	}



	.bigBox__img__pc{
		display: none;
	}
	.bigBox__img__mobile{
		text-align: center;
		/* position: relative; */
		width: 80%;
		/* z-index: -1; */
		display: block;
	}
	.bigBox__info__wrap{
		/* position: absolute;
		display: inline-block;
		z-index: 1; */
		top: 19%;
		left: 24%;
		width: 67%;
	}



	/*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: 1.6vw;
	}



	.title-area img {
		max-width: 60%;
	}
	.title-area-duncan img {
		max-width: 90%;
	}
	.duncanBox {
		width: 90%;
	}
	.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;
	}

	/* .discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		padding: 8% 0% 0% 0%;
		background-size: 100%;
	}


	.discountBox__default {
		width: 27%;
		margin: 1% -4% 2% 0;
	} */



	.discountTitle__number__icon {
		max-width: 34%;
		right: 36%;
		top: -9%;
	}



	/*brand*/
	.brandBox {
		width: 100%;
	}
	.brandContentBox {
		width: 23%;
	}
	.brandTitle {
		font-size: 2.2vw;
	}
	.brandTitle02 {
		font-size: 1.6vw;
	}
	.brandTitleTag, .brandTitleTag_H {
		font-size: 1.4vw;
		line-height: 1.3em;
	}
	/**/
	.socialBox00 {
		margin: 0 0.9%;
	}
}
@media (max-width:991px) {

	.discountBox2 {
		border-radius: 16px;
	}

	.xmasBox_product4 h3 {
		font-size: 1.7vw;
	}

	.f3 {
		font-size: 2.6vw;
		line-height: 2.8vw;
	}
	.f5 {
		font-size: 1.7vw;
	}
	.f6{
		font-size: 1.5vw;
	}
	.btn-wrapper {
		width: 60%;
	}
	.btn-exclusive {
		width: 80%;
	}
	.btn-main {
		font-size: x-small;
	}
	.btninfo {
		font-size: small;
	}
	.brandTitle {
		font-size: 2.4vw;
	}
	/* .discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		padding: 11% 0% 2% 0%;
		background-size: 100% 110%;
	} */

	.discountBox{
		margin-top: 0%;
	}
	.discountArea {
		padding-bottom: 1%;
	}

	.discountBox__icon {
		max-width: 25%;
		right: 7%;
		top: 46%;
	}
	.discountBox__default {
		width: 37%;
	}
	.brandBox_per {
		width: 22%;
	}

	.icon__roadSign {
		max-width: 11%;
		width: 11%;
		left: 16%;
		bottom: 3%;
	}

	.newin__area {
		width: 100%;
	}

	.sunGlass__flex__area {
		flex-wrap: wrap;
		/* display: flex;
		justify-content: center;
		align-items: flex-start; */
		/* width: 75%;
		margin: 0 auto; */
	}

	.areaBtn {
		bottom: 1%;
		left: 26%;
	}

	.card {
		width: 45%;
		max-width: 45%;
	}

	.card__content {
		top: 21%;
		left: 6.5%;
	}
	.btn {
		line-height: 3vw;
	}
	.btn_brand {
		width: 70%;
		left: 15%;
	}
	.discountBtn-adj {
		width: 120%;
		margin-left: -10%;
	}
	.flex__area {
		display: flex;
		justify-content: center;
		/* align-items: center; */
		width: 80%;
		/* margin: auto; */
		flex-wrap: wrap;
	}
	.flex__box__theme {
		width: 45% !important;
		margin: 1.5%;
		padding: 0;
	}


	.travelRecommand__flex__wrap {
		padding: 0 2%;
		flex-wrap: wrap;
	}



	.icon__text {
		max-width: 52%;
		width: 52%;
		left: 6%;
		bottom: 0%;
	}


	/*sidenav*/
	.menu {
		right: 1%;
		width: 11%;
	}

	.menu__style {
		padding: 6% 1% 10%;
	}
	.menu ul li {
		line-height: 2.4em;
		/* color: #ffffffeb; */
		font-size: 0.9vw;
		/* border-bottom: 1px solid #ffe311; */
	}
	.text-event-date {
		font-size: 2.3vw;
		top: -3%;
		left: 45%;
	}
	/* sidenav */
	.menu {
		width: 23%;
		z-index: 29;
	}
	.menu__style {
		padding: 1% 0;
	}
	.menu ul li {
		font-size: 0.9em;
		line-height: 2.3em;
	}


	.discountDate::after {
		width: 35%;
		bottom: 0;
		right: 33%;
		height: 14px;
	}


	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}

	.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;
	}
	/* coupon-500 500購物金 */
	.oneContainerBox {
		width: 65%;
		padding: 2%;
		margin: 3% 0;
	}
	.btn-size{
		padding: 8px 17px;
		margin: 1% 3% 6%;
	}

	.btn {
		padding: 7px 14px;
	}




	.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:768px) {

	.discountArea_row2 {
		padding-bottom: 1%;
	}

	.bk-popular-img {
		background-image: url(../images/popular-bk.jpg);
		background-repeat: no-repeat;
		background-position: 20% 100%;
	}

	.btn-main-inline {
		font-size: 3vw;
		padding: 2% 2%;
		margin-top: 2%;
		width: 30%;
	}
	.game-dis {
		display: block;
		padding-left: 0%;
	}

	.EBxBox_default_row {
		margin: 0%;
	}
	.game-text {
		font-size: 2.7vw;
		text-align: center;
		padding-top: 12px;
	}
	.btninfo-c {
		font-size: medium;
		padding-top: 12px;
	}

	.everrichBox {
		width: 95%;
		margin: 2% 1%;
	}

	.xmasBox_product4 h3 {
		font-size: 2.8vw;
	}
	.xmasBox_product4 h5 {
		font-size: 2.6vw;
	}
	.btn-exclusive {
		width: 60%;
		margin-bottom: 4%;
		margin: 2% 20%;
	}
	.xmasBox_product4 {
		text-align: center;
		margin: 0% 1% 3%;
		padding: 1%;
	}
	.btn-main {
		font-size: medium;
	}
	.highlight-event-box-text-wrap h4 {
		font-size: 3vw;
	}
	.btn-event {
		font-size: 2.2vw;
	}

	.xmasBox {
		width: 90%;
	}
	.xmasBox_product4 {
		width: 46%;
	}
	.main-type-1 {
		margin: 0% 2% 2%;
	}

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

	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.toTop-arrow{
		bottom: 26%;
	}
	.discountBox {
		margin-top: -7%;
	}
	.discountBox_default_row2 {
		width: 43%;
		padding: 0% 0%;
	}


	.dutyfree__box__btn3 {
		width: 34%;
		margin: 0% 33% 0% 33%;
		bottom: 67%;
	}

	.btn-pinknew2 {
		padding: 4% 4%;
	}
	.btninfo {
		font-size: medium;
	}

	/***** Snoopy background icon (768) *****/

	.bk-AB-img {
		background-image: url(../images/blue-line-L.gif), url(../images/blue-line-R.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -15% 63%, 103% 40%;
		background-size: 178px 236px, 139px 254px;
	}

	.bk-CD-img {
		background-image: url(../images/exclusive-bk-R.png), url(../images/exclusive-bk-R.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -0.5% 22%, 103% 7%;
		background-size: 176px 96px, 176px 96px;
	}

	.bk-EF-img {
		background-image: url(../images/bestgift-L.gif), url(../images/bestgift-R.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: -1% 4%, 101% 0%;
		background-size: -1% -10%, 101% 100%;
	}

		
	.btn-event:hover {
		border: 1px#fff3b6 solid;
	}

	.gotohomeGift__wrap img {
		width: 100%;
		padding: 0% 5%;
	}
	.GameBox {
		margin-top: 6%;
	}
	.bk-discount-row {
		background-image: url(../images/mockup-snoopyGift-bk.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.newin_box {
		width: 40%;
		margin: 1% 0.5%;
	}
	.btn-wrapper-more {
		margin: 4% 35% 0%;
	}
	.discount_more_btn img {
		margin: -5% 0% 0%;
		width: 30%;
	}

	.bk-airport-icon1 {
    background-image: url(../images/bk2-airport-768x2.jpg);
    background-size: 768 auto;
    background-repeat: no-repeat;
    position: center top;
	}


	/* sidenav */
	.menu {
		width: 100%;
		bottom: 0%;
		right: 0;
	}
	.menu>img {
		max-width: 23%;
		padding: 0;
		opacity: 0.9;
	}
	.menu__style {
		/* background-color: #272eafe0; */
		padding: 1% 4% 1% 1%;
	}
	.menu ul li {
		padding: 0px 8px;
		font-size: 1.2em;
		line-height: 2.1em;
		width: auto;
		margin: 0% 1%;
	}
	.menu ul li:hover {
		color: #f62a4d;
	}
	#sidebar .toggle-btn{
		bottom: 0px;
	}

	.icon__discount{
		width: 40%;
	}

	.title-area img{
		max-width: 80%;
	}
	.title-area-duncan img{
		max-width: 100%;
	}
	.duncan-tag img {
		width: 60%;
	}
	.duncan-icon {
		width: 22%;
		padding: 1.5% 1%;
		margin: 1% 1.5% 0%;
	}
	.event-box-wrap {
		padding: 2.5% 0% 1%;
	}

	.animate-button{
		width: auto;
		height: 110%; /* auto; */
	}
	.animate-button.bg-seemore {
		font-size: 2vw;
		position: absolute;
		left: 20%;
		bottom: 10%;
	}
	.top__area__bg{
		background:linear-gradient(to bottom, #8484dd08 0%, #716fd40f 15%, #807fdb 26%, #8e8ce0 29%,#6b6ad9 77%, #8587de 100%);
	}
	/* .discountArea__flex__vertical {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	} */

	.discountArea__flex__vertical {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
	}

	.discountArea {
		flex-wrap: wrap;
		margin: 0% 0%;
	}

	.discountBox_default {
		width: 45%;
	}
	.discountBox {
		width: 96%;
	}


	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		width: 100%;
		padding: 0% 2% 0% 2%;
		/* background-size: 100%; */
		margin: 7% -1% 1% -1%;
	}
	.discountBox01__content,.discountBox02__content, .discountBox03__content, .discountBox04__content{
		padding: 0;
	}
	.discountArea__title {
		max-width: 70%;
	}
	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}

	.brandBox_per {
		width: 45%;
		margin: 1% 2%;
	}
	.icon__roadSign {
		max-width: 17%;
		width: 17%;
		left: 2%;
		bottom: 1%;
	}

	.monsterGift__area__btn {
		max-width: 66%;
		width: 66%;
	}
	.areaBtn {
		bottom: -1%;
		left: 15%;
	}

	.monsterGift__area {
		padding: 0 0%;
	}
	.sunGlass__flex__area {
		width: 85%;
	}
	.discountgame {
		margin: 1% 1%;
		padding: 0 8%;
	}

	/* taxi Area*/
	.taxiCouponArea{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.taxiCoupon__icon__logo{
		width: 22%;
	}
	.taxiCoupon__content{
		width: 30%;
	}
	.taxiCoupon__icon__taxi{
		width: 28%;
	}
	.modal-body-text-wrap h5{
		font-size: 2.1vw;
	}

	.highlight-event-box-wrap ul li {
		width: 46%;
	}


	.three__one__box {
		width: 41%;
		padding: 2%;
	}

	.three__one__wrapper .img__title__date{
		max-width: 32%;
		left: 33%;
		top: -3%;
	}
	.three__one__wrapper .img__platform{
		max-width: 29%;
		left: 36%;
		bottom: -2%;
	}


	.two__two__wrapper{
		display:inline-block;
	}
	.two__two__perBox{
		margin-top: 10%;
		padding: 1%;
	}
	.two__two__box{
		width: 43%;
		padding: 2%;
	}
	.two__two__perBox:nth-child(2){
		margin-top: 15%;
	}
	.two__two__wrapper .img__title__date{
		max-width: 34%;
		left: 32%;
		top: -6%;
	}
	.two__two__wrapper .img__platform{
		bottom: -1%;
	}
	.two__two__content__img__info{
		margin: 4% 0 0 0;
		max-width: 39%;
	}

	/* gift */
	.gift__wrap{
		width: 90%;
		padding-left: 14%;
	}
	.gift__area{
		width: 100%;
		background: linear-gradient(to bottom,#f23e31 90%,#f23e31 100%);
	}

	.gift__img{
		width: 100%;
	}
	.img_1111{
		top: 5%;
		left: 73%;
		width: 30%;
	}


	.bigBox__img__pc{
		display: none;
	}
	.bigBox__img__mobile{
		text-align: center;
		position: relative;
		width: 88%;
		z-index: -1;
	}
	.bigBox__info__wrap{
		top: 16%;
		left: 19%;
		width: 55%;
	}

	/* coupon-500 500購物金 */
	.oneContainerBox {
		width: 80%;
		padding: 2%;
		margin: 3%;
	}
	.discountDate::after {
		width: 20%;
		height: 17px;
		right: 41%;
		bottom: -3px;
	}
	/*font size*/
	.font-header {
		font-size: 4vw;
	}


	.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%;
	}

	.main-box-bk_row2-2 {
		left: 0%;
		/* padding: 6% 0% 2%; */
	}
	ul.main-box-bk_row2-2 li {
		margin: 64% auto 0%;
	}

	.btn-wrapper2 {
		margin: 1% auto 1%;
	}
	.btn-wrapper3 {
		margin: 0% auto 1%;
	}

	/*font size*/
	.f1 {
		font-size: 5.5vw;
	}
	.f2 {
		font-size: 5vw;
	}
	.f3 {
		font-size: 3.6vw;
		line-height: 4vw;
	}
	.numbber-1 {
		font-size: 3.6vw;
	}
	.f3_r {
		font-size: 4.4vw;
	}
	.f3_r14 {
		font-size: 3.6vw;
	}
	.f4 {
		font-size: 2.6vw;
		line-height: 3.3vw;
	}
	.f5 {
		font-size: 3vw !important;
	}
	.f5_r {
		font-size: 2.8vw;
	}
	.f6 {
		font-size: 2.4vw;
	}
	.f7 {
		font-size: 2.1vw;
		line-height: 3vw;
	}
	.two__two__box__title{
		font-size: 3.1vw;
		font-weight: 600;
	}

	/*kv*/
	.kv {
		display: none;
	}
	.mkv {
		display: block;
	}
	/*  EBX Calender  */
	.coupon {
		display: none;
	}
	.mcoupon {
		display: block;
	}

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

	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		width: 47%;
		padding: 19% 0% 2% 0%;
		background-size: 100%;
	}
	.discountBox01__content,.discountBox02__content, .discountBox03__content, .discountBox04__content{
		padding: 0;
	}
	.discountBox__icon {
		max-width: 25%;
		right: 7%;
		top: 46%;
	} */


	.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%;
	}

	.card__area {
		flex-wrap: wrap;
	}
	.card {
		width: 87%;
		max-width: 87%;
	}
	.card__content__adj {
		left: 10.5%;
		top: 32%;
	}
	.mg-mobile-3{
		margin: 3% 0;
	}

	.discountText {
		padding: 0 4%;
	}
	/*new arrival*/
	.newBox {
		width: 93%;
	}
	/*brand*/
	.brandContentBox {
		width: 45%;
		margin: 0 0.5% 1.5%;
	}
	.brandTitle {
		font-size: 3.7vw;
	}
	.btn, .brandTitle02 {
		font-size: 2.2vw;
		line-height: 4vw;
	}
	/*event-wrap*/
	.event-box-text-wrap h4 {
		font-size: 16px;
		line-height: 23px;
	}
	.event-box-text-wrap .content-text {
		font-size: 14px;
		line-height: 20px;
	}
	.event-box-wrap ul {
		width: 87%;
	}
	.event-box-wrap2 ul {
		width: 87%;
	}

	/* brandBox */
	.brandBox__wrap {
		padding: 0% 10% 2%;
	}

	.brandBox{
		width: 100%;
	}
	.brandBox__one, .brandBox__two{
		width: 100%;
		/* margin-left: 2%; */
		margin-top: 2%;
	}
	.brandBox__one__contentBox{
		height: 16%; /* 25% */
	}
	.brandBox__two__content{
		height: 26%;
	}
	.brandBox__two__contentBox {
		width: 90%;
		margin-bottom: 4%;
	}



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

}

@media (max-width:625px) {
	.xmasBox_product4 h3 {
		font-size: 3.2vw;
	}
	.xmasBox_product4 h5 {
		font-size: 3vw;
	}
	.duncan-tag img {
		width: 50%;
	}

	.f3 {
		font-size: 3.7vw;
		line-height: 4.2vw;
	}
	.f4 {
		font-size: 3vw;
		line-height: 4vw;
	}

	.EBxBox_default_row {
		margin: 0% 0% 2%;
	}


	.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%;
	}

	.discountArea__title {
		max-width: 78%;
		margin-left: 10%;
		margin-top: 2%;
		margin-bottom: 2%;
	}

	.dutyfree__box__btn3 {
		width: 40%;
		margin: 0% 30% 0% 30%;
		bottom: 64%;
	}

	/***** Snoopy background icon (625) *****/

	.bk-AB-img {
		background-image: url(../images/blue-line-L.gif), url(../images/blue-line-R.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -31% 63%, 109% 40%;
		background-size: 227px 166px, 191px 140px;
	}

	.bk-CD-img {
		background-image: url(../images/exclusive-bk-R.png), url(../images/exclusive-bk-R.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -0.5% 22%, 103% 7%;
		background-size: 145px 79px, 145px 79px;
	}

	.bk-EF-img {
		background-image: url(../images/bestgift-L.gif), url(../images/bestgift-R.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: -1% -4%, 101% 100%;
		background-size: 188px 252px, 188px 252px;
	}

	.btn-event {
		width: 50%;
    	margin: auto 25%;
	}

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

	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		width: 46%;
		padding: 5% 2% 5% 2%;
	}
	.discountBox01__content,.discountBox02__content, .discountBox03__content, .discountBox04__content{
		padding: 0;
	} */
	.discountBox__icon {
		max-width: 25%;
		right: 7%;
		top: 46%;
	}

	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}

	.mb-adj {
		margin: 2vw auto;
	}


	.brandBox_per {
		margin-bottom: 6%;
	}


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

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

	.discountBtn {
		bottom: 12%;
		right: 17%;
		margin: 0 -3%;
	}
	.btn-info {
		padding: 7% 0% 0% 0%;
		margin-left: 17%;
		width: 100%;
	}
}


/* 510 */
@media (max-width:510px) {

	.dutyfree__box__btn3 {
		width: 42%;
		margin: 0% 29% 0% 29%;
	}

	.highlight-event-box-text-wrap h4 {
		font-size: 3.4vw;
	}
	.highlight-event-box-content {
		font-size: 3.2vw;
	}
	.btn-main {
		font-size: small;
	}
	.btn-main-inline {
		font-size: 4vw;
		width: 40%;
	}
	.game-dis {
		display: block;
		padding-left: 0%;
	}
	.game-text {
		font-size: 3.4vw;
		text-align: center;
		padding: 12px 16%;
	}

	.btn-exclusive {
		width: 70%;
		margin: 2% 15%;
	}

	/***** Snoopy background icon (510) *****/

	.bk-AB-img {
		background-image: url(../images/blue-line-L.gif), url(../images/blue-line-R.gif);
		background-repeat: no-repeat, no-repeat;
		background-position: -21% 65%, 103% 60%;
		background-size: 146px 193px, 113px 208px;
	}

	.bk-CD-img {
		background-image: url(../images/exclusive-bk-R.png), url(../images/exclusive-bk-R.png);
		background-repeat: no-repeat, no-repeat;
		background-position: -0.5% 22%, 103% 7%;
		background-size: 119px 65px, 119px 65px;
	}

	.bk-EF-img {
		background-image: url(../images/bestgift-L.gif), url(../images/bestgift-R.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position: -1% 62%, 101% 100%;
		background-size: 155px 208px, 155px 208px;
	}


	.btn-event {
		width: 50%;
	  margin: 3% 25%;
	  font-size: 3.2vw;
	  padding: 2%;
  	}

	.title-area img {
		max-width: 96%;
	}
	.duncan-tag img {
		width: 46%;
	}
	.duncan-icon {
		width: 42%;
		padding: 1.5% 2%;
		margin: 1% 4% 0%;
	}

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

	.discountBox_default {
		width: 45%;
	}


	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}
	.toTop-arrow{
		bottom: 30%;
	}

	.three__one__box {
		width: 45%;
	}

	.three__one__wrapper .img__title__date{
		max-width: 40%;
		left: 29%;
		top: -4%;
	}
	.three__one__wrapper .img__platform{
		max-width: 32%;
		left: 34%;
		bottom: -2%;
	}


	.two__two__wrapper{
		display:inline-block;
	}
	.two__two__perBox{
		margin-top: 14%;
		padding: 1%;
	}
	.two__two__perBox:nth-child(2){
		margin-top: 15%;
	}
	.two__two__box{
		width: 45%;
	}
	.two__two__wrapper .img__platform{
		bottom: -2%;
		max-width: 33%;
		left: 34%;
	}
	.two__two__content__img__info{
		margin: 10% 0 0 0;
		max-width: 45%;
	}
	.two__two__wrapper .img__title__date{
		max-width: 40%;
		left: 29%;
		top: -11%;
	}


	.two__two__box__title{
		font-size: 3.2vw;
	}
	.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;
	}
	.menu ul li {
		line-height: 1.6em;
	}
	.menu__style li:hover {
		color: rgb(32, 32, 32);
	}
	.discountDate::after {
		width: 20%;
		height: 10px;
		right: 41%;
		bottom: -2px;
	}
	.animate-button{
		/* width: auto;
		height: auto; */
		padding: 6px 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%;
	}
	.bigBox__info .discountTitle{
		margin-bottom: -1px;
	}

	.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: 6vw;
    	line-height: normal;
	}
	.numbber-1 {
		font-size: 6vw;
	}


	.f4 {
		font-size: 3.5vw;
		line-height: 5.8vw;
	}
	.f5 {
		font-size: 3.5vw !important;
	}
	.f5_r {
		font-size: 3.2vw;
	}
	.f6 {
		font-size: 4.5vw;
	}
	.f7 {
		font-size: 3.4vw;
		line-height: 3vw;
	}
	.xmasBox_product4 h3 {
		font-size: 3.4vw;
	}
	.btninfo {
		font-size: small;
	}
	.gotohomeGift__wrap img {
		padding: 0% 2%;
	}

	.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;
	}

	.discountArea__title {
		max-width: 91%;
		margin-left: 5%;
		margin-top: 2%;
		margin-bottom: 2%;
	}


	.discountText {
		margin-bottom:3%; /* 3%; */
	}

	.discountBox{
		width: 100%;
	}

	/* .discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		width: 49%;
		padding: 4% 0% 5% 0%;
		background-size: 100% 96%;
	}
	.discountBox01__content,.discountBox02__content, .discountBox03__content, .discountBox04__content{
		padding: 0;
	} */
	.discountBox__icon {
		max-width: 25%;
		right: 7%;
		top: 46%;
	}


	.card {
		margin-left: -1%;
		width: 98%;
		max-width: 98%;
	}
	.card__content {
		position: absolute;
		top: 16%;
		left: 6%;
	}
	.card__area {
		flex-wrap: wrap;
		padding: 0% 1%;
		margin-left: 2%;
	}

	.card__content__adj {
		position: absolute;
		top: 24%;
		left: 9%;
	}

	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		width: 48%;
		padding: 19% 0% 2% 0%;
		background-size: 105%;
	}


	/*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: 45%;
	}
	/*event-wrap*/
	.event-box-wrap ul {
		width: 90%;
	}
	.event-box-wrap2 ul {
		width: 90%;
	}
	.animate-button.bg-seemore {
		font-size: 2vw;
		left: 20%;
		bottom: 15%;
		width: 60%;
	}
	.discountTitle__number__icon {
		max-width: 36%;
		top: -8%;
		right: 32%;
	}
	.highlight-event-btn {
		width: 58%;
		margin: 1% auto;
		padding: 3%;
	}

}
 @media (max-width:499px) {
	.highlight-event-box-text-wrap h4 {
		font-size: 3.7vw;
	}

	.f4 {
		font-size: 4vw;
		line-height: 5.2vw;
	}
	.f6 {
		font-size: 4.2vw;
	}

	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.main-box-bk_row2-2 {
		padding: 8% 0% 2%;
	}

	.btn-event {
		width: 50%;
		font-size: 3.2vw;
		margin: 4% 25%;
	}

	.discountArea__flex__vertical {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.discountBox01__content, .discountBox02__content, .discountBox03__content, .discountBox04__content{
		position: relative;
	}
	.discountBtn {
		bottom: 15%;
		right: 15%;
	}

	ul.main-box-bk_row2-2 li {
		margin: 59% auto 0%;
	}

	.top__area__bg {
		background: linear-gradient(to bottom, #8484dd08 0%, #8284dd69 15%, #807fdb 16%, #8e8ce0 29%,#6b6ad9 77%, #8587de 100%);
	}
	.flex__area {
		width: 90%;
	}
	.dutyfree__box__btn__adj {
		left: -13% !important;
	}
	.travelRecommand__flex__wrap {
		padding: 0 0%;
	}
	.flex__box__theme {
		width: 50% !important;
		margin: 1.5% 0;
		padding: 0;
	}

	.newSale__box__text_01, .newSale__box__text_04 {
		/* left: 34%; */
		top: 27%;
	}

	.icon__roadSign {
		max-width: 19%;
		width: 19%;
		left: 2%;
		bottom: 3%;
		z-index: 3;
	}

	.mg-mobile-3 {
		margin: -0.2% 0;
	}

	.brandBox__one, .brandBox__two{
		width: 100%;
		margin-left: 2%;
		margin-top: 2%;
	}
	.brandBox__one__contentBox{
		height: 25%;
	}
	.brandBox__two__content{
		height: 32%;
	}
	.brandBox__two__contentBox {
		margin: 0 4px 0 4px;
	}

	.brandBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}

	.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%;
	}
	.btn-theme2{
		width: 116px;
	}
	.btn-theme2:hover {
		width: 116px;
	}
	.btn-info {
		padding: 8% 0% 0% 0%;
		margin-left: 24px;
		width: 98px;
	}


	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	.menu>img {
		max-width: 30%;
		padding: 0;
	}

	.menu__style {
		/* background-image: linear-gradient(to top, #f2c5d5f2 0%, #f9cccc 40%,  #e1c0ed 80%,  #b1b0e5ed 100%); */
		padding: 11px ​5px;
		font-size: 2.8vw; /* 0.7em */
	}
	.menu ul li {
		/* color: #ffffffeb; */
		font-size: 1.2em;
		line-height: 1.8em;
	}

	.btn-wrapper>.btn {
		line-height: 1.5rem !important;
	}
	.btn {
		font-size: 3.4vw;
		padding: 2px 4px;
	}
	.btn-main {
		font-size: small;
	}
	.brandTitle02 {
		font-size: 3.5vw;
	}
	/* .animate-button {
		width: 110px;
	} */
	.animate-button.bg-seemore {
		width: 60%;
		left: 20%;
		bottom: 12%;
	}
	.event-box-wrap ul {
		width: 90%;
	}

	.event-box-wrap2 ul {
		width: 90%;
	}

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

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

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

	/*discount*/


	.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
		width: 95%;
		padding: 0% 0% 0% 0%;
		/* background-size: 100%; */
	}
	.discountBox__default {
		margin: 0% -3% 0% -3%;
	}
	/* .discountBox01__content,.discountBox02__content, .discountBox03__content, .discountBox04__content{
		padding: 0;
	} */
	.discountBox__icon {
		max-width: 25%;
		right: 7%;
		top: 46%;
	}
	.discountgame {
		margin: 1% 1%;
		padding: 0 0%;
	}
	.game__img {
		width: 80%;
		max-width: 80%;
		right: 10%;
		bottom: 13%;
	}
	.gameBtn {
		bottom: 8%;
		right: 37%;
	}
	.btn-info2 {
		padding: 11% 0% 0% 0%;
		margin-left: -22%;
	}
	.areaBtn {
		bottom: -1%;
		left: 2%;
	}

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

	.discountArea {
		margin-left: 0%;
		margin-top: -19%;
		padding-bottom: 3%;
		background-image: linear-gradient(to bottom, #f5f2eb00 0%,#e8c9aa40 11%, #edc8a4 13%,#f5cba3 88%, #f5cba3 100%);
	}


	.discountBox01, .discountBox02 {
		width: 90%;
		margin: 2% 2% 0% 3%;
	}

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

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


	.card {
		margin: 5% 0;
		width: 100%;
		max-width: 100%;
	}
	.card__area {
		display: block;
		/* flex-wrap: wrap; */
		padding: 0%;
		margin-left: 0%;
	}

	.card__content {
		position: absolute;
		left: 1.5%;
		bottom: 3%;
	}
	.cardBtn {
		position: absolute;
		/* bottom: 22%; */
		left: 1%;
		display: inline-flex;
		/* top: 5%; */
	}
	.card__content__adj {
		left: 3.5%;
		top: 26%;
	}

	.dutyfree__box__btn {
		position: absolute;
		z-index: 3;
	}

	.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;
	}

	#sidebar .toggle-btn{
		bottom: 1px;
		right: 0; /* 4%; */
	}
	.toTop-arrow{
		bottom: 30%;
	}
}

@media (max-width:420px) {
	.dutyfree__box__btn3 {
		width: 48%;
		margin: 0% 26% 0% 26%;
		bottom: 64%;
	}
	.discountBox_default_row2 {
		width: 45%;
	}
	.brandBox__two__contentBox {
		width: 100%;
	}

	.btn-main {
		padding: 3% 2%;
		font-size: xx-small;
	}
	.xmasBox {
		width: 100%;
	}
	.everrichBox {
		width: 98%;
	}
	.event-box-wrap ul {
		width: 100%;
	}
}


@media (max-width:380px) {
	.btn-main-inline {
		font-size: 5vw;
		width: 50%;
	}
	.game-text {
		font-size: 4.4vw;
		padding: 12px 8%;
	}
	.btn-wrapper {
		margin: 2px auto;
	}
	.btn-exclusive {
		width: 80%;
		margin: 2% 10%;
	}
	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}

	.discountBox_default_row2 {
		width: 46%;
	}

	.dutyfree__box__btn {
		width: 100%;
	}
	.dutyfree__box__btn__adj {
		left: -6% !important;
	}

	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}

	.brandBox__one__contentBox{
		height: 25%;
	}
	.brandBox__two__content{
		height: 35%;
	}
	.brandBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}
	.brandBox__wrap {
		padding: 0% 2% 2%;
	}
	.btn-pink-info {
		padding: 2% 0%;
	}
	/*discount*/
	/* .discountBox{
		margin-top: 5%;
		margin-right: 1%;
	} */
	.menu>img{
		max-width: 30%;;
	}
	.menu__style{
		font-size:0.6em;
	}

	.discountText{
		padding: 0 3%;
	}
	.menu ul li {
		font-size: 1.5em;
		line-height: 1.6em;
	}

	/*discount*/

	/*.discountBox{
		margin-left: 2%;
		justify-content: center;
		align-items: center;
		width: 90%;
	}


	 .discountBox01, .discountBox02, .discountBox03,.discountBox04 {
		width: 100%;
		margin: 2%;
		padding: 4% 5% 9% 4%;
	}
	.discountBox__icon {
		max-width: 25%;
		right: 6%;
		top: 39%;
	}
	.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{
		right: 0; /* 4%; */
	}
	#sidebar .toggle-btn span{
		width: 26px;
		/* height: 75px; */
		font-size: 0.9rem;
		margin: 3px 0;
	}

}


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

	.bg__50off {
		background-image: url(../images/bg__50off_m.jpg);
	}
	.brandBox__one__contentBox{
		height: 25%;
	}
	.brandBox__two__content{
		height: 35%;
	}
	.brandBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}
}