@media (min-width:1921px) {
	/*sidenav*/
	.menu {
    right: 1.5%;
    bottom: 8%;
    width: 11%;
}
	.menu>img {
		margin-bottom: 4%;
		padding: 3%;
	}
	.menu__style {
		padding: 6% 0% 10%;
		border-radius: 25px 0;
	}
	.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) {
	/* .discountBox02,.discountBox03,.discountBox04{
		padding: 1% 0.5%;
	} */
	.title-area img {
		max-width: 27%; /* 36%; */
	}
	/*sidenav*/
	.menu {
    right: 1.5%;
    bottom: 8%;
    width: 11.5%;
}
	.menu>img {
    margin-bottom: -2%;
    /* padding: 3%; */
}
	.menu__style {
		padding: 5% 0% 10%;
		border-radius: 15px 0;
	}
	.menu ul li {
		line-height: 2.4em;
		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, .discountBox03__content{
		/* margin-top: -6%; */
		margin: -2% -1% 5% 3%;
		/* padding: 3%; */
	}
	.discountBox02__content, .discountBox04__content{
		margin-top: 9%;
	}

	.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%;
	}
	}
@media (max-width:1800px) {
	.for-pc-display{
		display: inline;
	}
	.for-mobile-display {
		display: none !important;
	}
	/*全館活動*/
	.discountBox {
    width: 92%;
    margin-top: 0%;
}
	.event_soldout {
    width: 14.5%;
    margin: 3.5% auto auto 48.8%;
}
	.discount_content {
    transform: scale(0.9);
}
	/*第一區塊活動*/
	.Box_one_top {
    margin-left: -8%;
}
	.Box_one_T_L {
    width: 31%;
}
	.Box_one_T_L .Box_text {
    padding: 3% 5% 2% 5%;
}
	.Box_one_T_L a {
    width: 80%;
}
	.Box_one_T_R {
    margin-left: -15.2%;
}
	.Box_one_T_R_B, .Box_one_T_R_T {
    width: 265%;
    background-size: contain;
}
	.Box_one_T_R a {
    padding-left: 151%;
}
	.Box_one_bottom a {
    width: 18.4%;
    margin: 1.2% auto auto 1%;
}
	/*第二區塊活動*/
	.Box_two_T_L a {
    width: 35.5%;
}
	.Box_two_T_L .Box_text {
    padding: 2% 6% 2% 4%;
}
	/*第三區塊活動*/
	.Box_three_T_L a {
    width: 74%;
}
	.Box_three_T_L .Box_text {
    padding: 2%;
}
	.Box_three_T_R {
    margin-left: -17.5%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 281%;
}
	.Box_three_T_R a {
    padding-left: 150%;
}
	.Box_three_B_R {
    height: 23vw;
}
	/*sidenav*/
	.menu {
    right: 1%;
    bottom: 8%;
    width: 16%;
}
	.menu>img {
		/*margin-bottom: -6%;*/
		/* padding: 3%; */
	}
	.menu__style {
		padding: 6% 4% 10%;
		border-radius: 25px 0px; /*25px; */
	}
	.menu ul li {
    line-height: 2.4em;
    font-size: 1.2vw;
}
	/* 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 {
		/* width: 120px; 130px; */
	}
	.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%;
	}

	/*側邊欄*/
	.menu ul li {
    font-size: 1.1vw;
}
	.menu {
    width: 12%;
}
	}
@media (max-width: 1680px) {
	/*全館活動*/
	.event_soldout {
    margin: 3.5% auto auto 49%;
}
	/*側邊欄*/
	.menu ul li {
    line-height: 2.4em;
    font-size: 1vw;
}
	.menu {
    right: 2%;
    bottom: 8%;
    width: 15%;
}
}
@media (max-width:1600px){
	/*全館活動*/
	.discount_content {
    padding-right: 2%;
}
	.discountBox {
    width: 100%;
}
	/*標題*/
	.title_pic {
    width: 25%;
}
	/*側邊欄*/
	.menu {
    width: 12%;
}
	/*活動區塊1*/
	.Box_one_top {
    margin-left: -7%;
}
	.BoxOne_L_tag {
    width: 55%;
	line-height: 1.2em;
}
	.BoxOne_L_tag p{
	font-size: 0.8em;
	}
	.Box_title {
    line-height: 1.2em;
}
	.Box_text {
    line-height: 1.5em;
}
	.Box_one_T_R a {
    padding-top: 34%;
    padding-left: 129%;
    line-height: 1.5em;
}
	.Box_one_T_L .Box_text {
    padding: 3% 4% 2% 4%;
}
	/*活動區塊3*/
	.Box_three_T_L a {
    width: 69%;
}
	.Box_three_T_L .Box_title {
    padding-top: 22vw;
}
	.Box_three_T_L .Box_text {
    padding: 2% 4% 1% 0%;
}
	.Box_three_T_R {
    margin-left: -20%;
}
	.Box_three_T_R a {
    padding-left: 133%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 251%;
}
	}
@media (max-width:1500px) {
	/*全館活動*/
	.event_soldout {
    width: 15.5%;
    margin: 2.7% auto auto 40%;
}
	.discount_content {
	padding-right: 0%;
    padding-bottom: 8%;
    margin: 2% 3% auto 1%;
}
	.discountTitle {
    font-size: 25px;
}
	.discountText {
    line-height: 1.2em;
    font-size: 20px;
}
	.discount_info a {
    margin: 12.5% auto auto -14%;
}
	/*活動區塊1*/
	.Box_text {
    font-size: 0.9em;
}
	.Box_one_T_R a {
    padding-top: 30%;
    padding-left: 130%;
}
	/*活動區塊3*/
	/*.Box_three_top {
    margin-left: -9%;
}*/
	.Box_three_T_L a {
    width: 72%;
}
	.Box_three_T_R {
    margin-left: -18%;
}
	.Box_three_T_R a {
    padding-left: 130%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 234%;
}
	/**/
	.bigBox__info__wrap{
		width: 40%;
	}
	.RecommendationBox__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%; */
	}
	/*側邊欄*/
	.menu ul li {
    font-size: 1.1vw;
}
	.menu {
    right: 2%;
    bottom: 8%;
    width: 12%;
}
	}

@media (max-width:1400px) {
	.f6{
		font-size: 1.1vw;
	}
	.modal-body-text-wrap h5{
		font-size: 1.2vw;
	}

	.title-area img{
		max-width: 41%;
	}
	.btn-size{
		padding: 6px 14px;
		margin: 1% 1% 6%;
	}
	.animate-button {
		/* width: 121px; */
	}
	.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%;
	}
	/*全館活動*/
	.discount_bg {
    width: 19%;
}
	.event_soldout {
    width: 16.7%;
    margin: 2.8% auto auto 43.3%;
}
	.discount_content {
    padding-right: 0%;
}
	.discount_info a {
    font-size: 0.8em;
}
	.makeup_link a{
		font-size: 0.8em;
	}
	/* .discountBox01:nth-child(1) {
		width: 85%;
		margin: 0 1%;
		padding: 2%;
	} */

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

 	.discountBox04__content{
		margin-top: 8%;
	}
	.three__one__box {
		width: 24%;
	}

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

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


	.RecommendationBox__wrap{
		padding: 0 3% 0% 4%;
	}
	.RecommendationBox__one, .RecommendationBox__two{
		width: 48%;
	}
	.RecommendationBox__two__content{
		height: 26%;
	}
	.RecommendationBox__area__layout__mgl-justisfy2{
		margin-left: -7.5%;
	}
	.RecommendationBox__area__layout__mgl-justisfy3{
		margin-right: -5%;
	}
	/*第三區塊活動*/
	.Box_three_top {
    margin-left: -6%;
}
	.Box_three_T_R {
    margin-left: -21%;
}
	.Box_three_T_L a {
    width: 69%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 219%;
}
	}
@media (max-width:1280px) {
	.for-mobile-display {
		display: none;
	}
	.btn-size{
		padding: 6px 14px;
		margin: 1% 1% 6%;
	}
	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 8%;
		width: 11%;
	}
	.menu>img {
		margin-bottom: -8%;
		/* padding: 3%; */
	}
	.menu__style {
		padding: 6% 1% 10%;
		border-radius: 25px;
	}
	.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: 17%;
	}
	.menu__style {
		padding: 8% 1%;
		border-radius: 10px;
	}
	.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: 2vw; /*2.2vw */
		 line-height: 2.2vw;/*2.6vw */
	}
	.f4 {
		font-size: 1.5vw; /* 1.6vw;*/
		line-height: 1.8vw;/*2vw; */
	}
	.f5 {
		font-size: 1.6vw; /* 1.7vw*/
	}
	.f6 {
		font-size: 1.3vw;
	}
	.f7 {
		font-size: 1.2vw;
	}



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

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


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

	.discountDate::after {
		width: 27%;
		bottom: 2px;
		right: 37%;
		height: 18px;
	}
	.discountBox__default{
		/* box-shadow: #f4de34 20px 20px 0px; */
		width: 47%;
		margin: .5%;
		padding: 4% 1% 6% 1%;
	}
	/* .discountBox__default_style2{

	} */

	.discountBox__default.discountBox01 {
		width: 47%;
		margin: -1% 3% 0% 2%;
		padding: 5% 2% 5% 1%;
	}
	.discountBox__default.discountBox02 {
		width: 47%;
		margin: 2% 0% -1% 0%;
		padding: 8% 0% 5% 1%;
	}
	.discountBox__default.discountBox03 {
		width: 47%;
		margin: -5% 0 .5% 0;
		padding: 9% 0% 11% 1%;
	}
	.discountBox__default.discountBox04 {
		width: 46%;
		margin: 3% -1% 1% 3%;
		padding: 5% 0% 8% 1%;
	}
	.discountBox__default_style2.discountBox01{
		width: 48%;
		margin: -13% 0 .5% 0;
		padding: 0% 1% 6% 1%;
	}
	.discountBox__default_style2.discountBox02 {
		width: 48%;
		margin: -3% 0 3% 0;
		padding: 6% 0% 7% 1%;
	}
	.discountBox__default_style2.discountBox03 {
		width: 48%;
		margin: -12% 0 .5% 0;
		padding: 2% 0% 11% 1%;
	}
	.discountBox__default_style2.discountBox04 {
		width: 48%;
		margin: -7% 0 .5% 0;
		padding: 4% 0% 8% 2%;
	}

	.discountBox01__content {
		padding: 10% 0% 22% 0%;
	}

	.discountBox02__content{
		padding: 1% 2%;
		margin: 0%;
	}

	.discountBox03__content{
		padding: 7% 2%;
		margin: 0%;
	}

	.discountBox04__content{
		padding: 4% 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%;
	}

	/* RecommendationBox */
	.RecommendationBox__one__contentBox{
		padding: 0.5%;
	}
	.btn-wrapper{
		margin: 5px auto;
	}




	/* event-box-wrap ul li */
	.RecommendationBox_per, .RecommendationBox_per_noBG {
		/* width: 45%; */
		width: 31%;
	}
	.RecommendationBox_per_5colunm{
		width: 31%;
	}
	.RecommendationBox_per img , .RecommendationBox_per_noBG img, .RecommendationBox_per_5colunm img{
		width: 100%;
	}
	.RecommendationBox__btn-wrapper2>.btn{
		width: 72%;
	}
	/*全館活動*/
	.discount_content {
    transform: scale(0.8);
    margin-left: -2%;
}
	.event_soldout {
    width: 15.3%;
    margin: 3.8% auto auto 34.5%;
}
	/*event wrap*/
	#event.wrapper {
		padding: 20px 0 30px;
	}
	#brand.wrapper {
		padding: 40px 0 50px;
	}
	.event-box-wrap ul {
		width: 90%;
	}
	.highlight-event-box-wrap ul {
		width: 90%;
	}
	.highlight-event-box-wrap ul li {
		width: 45%;
	}

	/* event-box-wrap ul li */
	.RecommendationBox_per {
		/* width: 45%; */
		width: 31%;
	}
	.RecommendationBox_per img {
		width: 100%;
	}
/*側邊欄*/
	.menu ul li {
    font-size: 1em;
}
	.menu {
		width: 19%;
		right: 2%;
	}
	.menu>img {
    margin-bottom: -1%;
}
	/*第一區塊活動*/
	.Box_one_bottom a {
    width: 19.4%;
    margin: 1.2% auto auto 1%;
}
	.Box_one_T_L a {
    width: 84%;
    height: 36vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 23vw;
}
	.Box_one_T_R {
    margin-left: -13.5%;
}
	.Box_one_T_R a {
    padding-left: 127%;
}
	.Box_one_T_R_T, .Box_one_T_R_B {
    height: 17.5vw;
}
	/*第三區塊活動*/
	.Box_three_T_R {
    margin-left: -24.5%;
}
	.Box_three_T_R a {
    padding-left: 117%;
    padding-top: 30%;
}
	.Box_three_T_L a {
    width: 65%;
    height: 36vw;
}
	.Box_three_T_L .Box_title {
    padding-top: 24vw;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 213%;
    height: 17.5vw;
}
	.Box_three_B_R {
    height: 30vw;
}
}
@media(max-width:1200px){
	/*全站活動*/
	.discount_info a {
    margin: 17.5% auto auto -18%;
}
	.discount_content {
    padding-right: 2%;
	padding-top: 6%;
	margin-left: 2%;
}
	.discount_bg {
    width: 24%;
    transform: scale(1);
}
	.discountBox {
    width: 90%;
    padding-bottom: 2%;
}
	.event_soldout {
    width: 22.3%;
    margin: 2% auto auto 55.3%;
}
	/*標題*/
	.title_pic {
    width: 45%;
    padding-top: 4%;
    margin-bottom: 2%;
}
	.f6 {
    font-size: 1.5vw;
}
	.sale_title {
    width: 25%;
	}
	/*第一區塊活動*/
	.Box_one_top {
    margin-left: -13%;
}
	.Box_one_T_L .Box_title {
    padding-top: 27vw;
}
	.Box_one_T_L a {
    width: 93%;
    height: 42vw;
}
	.Box_one_T_R {
    margin-left: -10.5%;
}
	.Box_one_T_R a {
    padding-left: 142%;
}
	.Box_one_T_R_T, .Box_one_T_R_B {
    height: 20.5vw;
}
	.Box_one_bottom a {
    width: 23.4%;
}
	/*第二區塊活動*/
	.Box_two_top {
    margin-left: -1%;
}
	.Box_two_T_L a {
    width: 38%;
    height: 39vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 25vw;
}
	.Box_two_bottom a {
    width: 18.7%;
}
	/*第三區塊*/
	.Box_three_T_L a {
    width: 70%;
    height: 43vw;
}
	.Box_three_T_L .Box_title {
    padding-top: 27vw;
}
	.Box_three_T_R {
    margin-left: -21.1%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 240%;
    height: 21vw;
}
	.Box_three_B_R {
    height: 33vw;
}
}
@media (max-width:1092px){
	/*全館活動*/
	.event_soldout {
    width: 22.8%;
    margin: 2% auto auto 55.5%;
}
	/*第一區塊活動*/
	.Box_one_T_R {
    margin-left: -9%;
}
	.Box_one_T_R a {
    padding-left: 128%;
}
	.Box_one_T_R_T, .Box_one_T_R_B {
    height: 21.5vw;
}
	.Box_one_T_L a {
    width: 97%;
    height: 44vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 28.5vw;
}
	.Box_one_bottom a {
    width: 24%;
}
	/*第二區塊*/
	.Box_two_T_L a {
    width: 41%;
    height: 42vw;
}
	.Box_two_bottom a {
    width: 20%;
}
	.Box_two_T_L .Box_title {
    padding-top: 27vw;
}
	/*第三區塊*/
	.Box_three_top {
    margin-left: -11%;
}
	.Box_three_T_L a {
    width: 63%;
    height: 44vw;
}
	.Box_three_T_L .Box_title {
    padding-top: 29vw;
}
	.Box_three_T_L .Box_text {
    padding: 2%;
}
	.Box_three_T_R {
    margin-left: -25.5%;
}
	.Box_three_T_R a {
    padding-left: 135%;
    padding-top: 50%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 222%;
    height: 21.5vw;
}
	.Box_three_B_R {
    height: 36.5vw;
}
	}
@media (max-width:1024px) {
	/*全站活動*/
	.event_soldout {
    width: 23.5%;
    margin: 2% auto auto 55.9%;
}
	/**/
	.for-pc-display{
		display: none;
	}
	.for-mobile-display {
		display: block;
		/* display: none; */
	}
	.f3 {
		font-size: 3vw;
		line-height: 4vw;
	}
	.f4 {
		font-size: 2.2vw;
		line-height: 3vw;
	}
	.f5 {
		font-size: 2vw;
	}
	.f6 {
		font-size: 1.8vw;
	}
	.f7 {
		font-size: 1.5vw;
	}

	/*sidenav*/
	.menu {
    right: 3%;
    bottom: 8%;
    width: 20%;
}
	.menu>img {
		margin-bottom: 4%;
		padding: 3%;
	}
	.menu__style {
		padding: 6% 1% 10%;
		border-radius: 25px;
	}
	.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, #e7c8ab00 0%, #e7c8ab 7%, #f5cba3 52%, #b997bd 100%)
	}
	/* event-box-wrap ul li */
	.RecommendationBox_per, .RecommendationBox_per_noBG {
		width: 47%;
	}
	.RecommendationBox_per_5colunm{
		width: 45%;
	}
	.RecommendationBox__two__contentBox {
		width: 47%;
		margin: 0 -2px 0 8px;
	}
	.RecommendationBox__one__new {
		width: 90%;
	}
	.RecommendationBox__verticalTwo{
		width: 81%;
	}
	/* event-box-wrap ul li */
	.RecommendationBox_per {
		width: 47%;
	}
	/*font size*/
	.font-header {
		font-size: 4vw;
	}
	/*brand*/
	.RecommendationBox {
		width: 100%;
	}
	.recommendationBox {
		width: 47%;
	}
	.recommendationTitle {
		font-size: 3vw;
	}
	.recommendationTitle02 {
		font-size: 1.6vw;
	}
	.recommendationTag, .recommendationTag_H {
		font-size: 1.4vw;
		line-height: 1.3em;
	}
	/**/
	.socialBox00 {
		margin: 0 0.9%;
	}
	/*第一區塊*/
	.Box_one_T_L a {
    width: 100%;
    height: 45vw;
}
	.Box_one_T_R {
    margin-left: -8.5%;
}
	.Box_one_T_R_T, .Box_one_T_R_B {
    height: 22vw;
}
	.Box_one_bottom a {
    width: 25%;
}
	/*第二區塊*/
	.Box_two_top {
    margin-top: 2%;
}
	.Box_two_T_L .Box_text {
    padding: 2% 0% 2% 1%;
}
	.Box_two_T_L .Box_title {
    padding-top: 26.5vw;
}
	/*第三區塊*/
	.Box_three_T_L a {
    width: 62%;
    height: 47vw;
}
	.Box_three_T_L .Box_title {
    padding-top: 30vw;
}
	.Box_three_T_R {
    margin-left: -28%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 224%;
    height: 23vw;
}
	/*推薦品牌*/
	.brandBox {
    width: 93%;
}
}
@media (max-width:991px) {
	/*全館活動*/
	.event_soldout {
    width: 23.6%;
    margin: 2% auto auto 56.3%;
}
	/**/
	.f6{
		font-size: 1.8vw;
	}

	.discountBox__default.discountBox01 {
		width: 47%;
		margin: 0% 2% -1% 3%;
		padding: 5% 3% 8% 2%;
	}
	.discountBox__default.discountBox02 {
		width: 49%;
		margin: 0% -3% -2% 2%;
		padding: 8% 0% 7% 1%;
	}
	.discountBox__default.discountBox03 {
		width: 47%;
		margin: -6% 4% 1% 0;
		padding: 5% 0% 11% 1%;
	}
	.discountBox__default.discountBox04 {
		width: 48%;
		margin: 0% -6% 2% 0%;
		padding: 3% 0% 8% 2%;
	}
	.discountBox__default_style2.discountBox01 {
		width: 49%;
		margin: -15% 0% 1% -1%;
		padding: -2% 0% 0% 1%;
	}
	.discountBox__default_style2.discountBox02 {
		width: 48%;
		margin: -8% 0 0% 0;
		padding: 3% 0% 7% 1%;
	}
	.discountBox__default_style2.discountBox03 {
		width: 48%;
		margin: -12% 0 2% 0;
		padding: 0% 0% 10% 1%;
	}
	.discountBox__default_style2.discountBox04 {
		width: 48%;
		margin: -7% 0 .5% 0;
		padding: 4% 0% 8% 2%;
	}
	.discountBox04__content {
		padding: 7% 0% 9% 1%;
		margin: 0%;
	}

	.mg__discountbox__style2 {
		margin: -16% 0;
	}
	/* sidenav */
	.menu {
		width: 21%;
	}
	.menu__style {
		padding: 1%;
		border-radius: 10px;
	}
	.menu ul li {
		font-size: 1em;
		line-height: 2.3em;
	}

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

	/* RecommendationBox */
	.RecommendationBox__wrap{
		/* padding: 0 ; */
	}
	.RecommendationBox__one, .RecommendationBox__two{
		width: 45%;
		margin-left: 2%;
		margin-top: 2%;
	}

	.RecommendationBox__one__contentBox{
		height: 24%;
	}
	.RecommendationBox__two__content{
		height: 35%; /* 31%*/
	}
	.RecommendationBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}
	/*區塊一*/
	.Box_one_top {
    margin-left: -18%;
}
	.Box_one_T_L a {
    width: 116%;
    height: 54vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 31.5vw;
}
	.Box_one_T_R_T, .Box_one_T_R_B {
    height: 26vw;
}
	.Box_one_T_R {
    margin-left: -3%;
}
	.Box_one_bottom a {
    width: 29%;
}
	/*區塊二*/
	.Box_two_T_L a {
    width: 44%;
    height: 45vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 29vw;
}
	.Box_two_bottom a {
    width: 21.7%;
}
	.Box_two_bottom a div {
    margin-top: 85%;

}
	/*區塊三*/
	.Box_three_top {
    margin-left: -17%;
}
	.Box_three_T_L a {
    width: 67%;
    height: 52vw;
}
	.Box_three_T_L .Box_title {
    padding-top: 34vw;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 240%;
    height: 25.6vw;
}
	.Box_three_B_R {
    height: 40.5vw;
}
	.Box_three_T_R {
    margin-left: -24.5%;
}
	.Box_three_T_R a {
    padding-left: 127%;
    padding-top: 44%;
}

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

	/*側邊欄*/
	.menu {
    width: 30%;
}
	/*標題*/
	.sale_title {
    width: 30%;
}
	/*斷行*/
	.small_screen{
		display: block;
	}
	/*全館活動*/
	.discount_bg {
    width: 27%;
    transform: scale(1);
}
	.event_soldout {
    width: 25.6%;
    margin: 2% auto auto 61.3%;
}
	.discount_info a {
    margin: 19.5% auto auto -21%;
}
	/*區塊一*/
	.Box_one_T_L a {
    display: block;
    margin: 0 auto;
    width: 140%;
    height: 69vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 44.5vw;
}
	.Box_one_T_R {
    display: block;
    margin-left: 35%;
}
	.Box_one_T_R a {
    padding-left: 36%;
    padding-top: 8%;
    width: 64%;
}
	.Box_one_T_R_T, .Box_one_T_R_B {
	width: 100%;
    height: 28vw;
}
	.Box_one_bottom a {
    width: 33%;
}
	/*區塊二*/
	.Box_two_T_L a {
    width: 56%;
    height: 58vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 34vw;
}
	.Box_two_bottom a {
    width: 26.7%;
}
	/*第三區塊*/
	.Box_three_T_L a {
    width: 65.5%;
    height: 76vw;
    margin: 0px auto -4% 27%;
}
	.Box_three_T_L .Box_title {
    padding-top: 48vw;
}
	.Box_three_T_R {
    display: block;
    margin-left: 32.5%;
}
	.Box_three_T_R a {
    padding-left: 39%;
    padding-top: 13%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    width: 100%;
    height: 31.6vw;
}
	.Box_three_B_R {
    height: 45.5vw;
}
	/*品牌推薦*/
	.brandBox {
    width: 92%;
}
}
@media (max-width:768px) {

	/**/
	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.toTop-arrow{
		bottom: 10%;
	}
	/* sidenav */
	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}
	.menu>img {
    max-width: 23%;
    margin-bottom: -0.5%;
    padding: 0;
    opacity: 0.9;
}
	.menu__style {
		/* background-color: #272eafe0; */
		padding: 1% 4% 2% 4%;
		border-radius: 10px;
	}
	.menu ul li {
		padding: 2px 8px;
		font-size: 1em;
		line-height: 2.1em;
		width: auto;
	}
	.menu ul li:hover {
		color: #2a41c2;
	}

	.icon__discount{
		width: 40%;
	}

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

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

	.coupon_area {
		padding-bottom: 6%;
	}

	/*font size*/
	.f1 {
		font-size: 5.5vw;
	}
	.f2 {
		font-size: 5vw;
	}
	.f3 {
		font-size: 3.6vw;
	}
	.f4 {
		font-size: 2.6vw;
	}
	.f5 {
		font-size: 3vw !important;
	}
	.f6 {
		font-size: 3vw;
	}

	.f7 {
		font-size: 2.6vw; /* 1.9vw; */
	}
	/*kv*/
	.kv {
		display: none;
	}
	.mkv {
		display: block;
	}
	/*new arrival*/
	.newBox {
		width: 93%;
	}
	/*brand*/
	.recommendationBox {
		width: 45%;
		margin: 0 0.5% 1.5%;
	}
	.recommendationTitle {
		font-size: 3.7vw;
	}
	.btn, .recommendationTitle02 {
		font-size: 2.2vw; /*2vw */
	}
	/*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: 95%;
	}

	/* RecommendationBox */
	.RecommendationBox__wrap {
		padding: 0 3% 0% 1%;
	}
	.RecommendationBox__one, .RecommendationBox__two{
		width: 90%;
		/* margin-left: 2%; */
		margin-top: 2%;
	}
	.RecommendationBox__one__contentBox{
		height: 16%; /* 25% */
	}
	.RecommendationBox__two__content{
		height: 26%;
	}
	/*popup*/
	.modal-content {
		width: 90%;
	}
	/*全館活動*/
	.discount_content {
    padding-right: 1%;
    padding-top: 4%;
    margin-left: 1%;
}
	.event_soldout {
    width: 24.6%;
    margin: 2% auto auto 57.3%;
}
	.discountTitle {
    font-size: 21px;
    margin: 9% auto 3% -3%;
}
	.discountText {
    font-size: 17px;
}
	.discount_info a {
    margin: 18.5% auto auto -22%;
}
	/*區塊1*/
	.Box_one_T_R a {
    padding-left: 35%;
    padding-top: 8%;
}
	.Box_one_B_R{
		display: none !important;
	}
	/*區塊2*/
	.Box_two_T_L .Box_title {
    padding-top: 37vw;
}
	.Box_two_T_L a {
    width: 56%;
    height: 61vw;
}
	/*區塊3*/
	.Box_three_B_R{
		display: none !important;
	}
	.Box_three_T_L a {
    margin: 0px auto 2% 27%;
}
	/*品牌推薦*/
	/* .brandArea{
		display: none;
	} */
	}
@media (max-width:625px) {
	/**/
	.event_soldout {
    width: 27.6%;
    margin: 2% auto auto 57.3%;
}
	/**/
	.f3 {
		font-size: 3.7vw;
		line-height: 4.2vw;
	}
	.f4 {
		font-size: 3vw;
		line-height: 4vw;
	}
	.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%;
	}

	.discountBox__default.discountBox01 {
		width: 48%;
		margin: 24% 0% 1% 1%;
		padding: 8% 2% 4% 2%;
	}
	.discountBox__default.discountBox02 {
		width: 47%;
		margin: 18% 0% -2% 0;
		padding: 8% 0% 4% 3%;
	}
	.discountBox__default.discountBox03 {
		width: 48%;
		margin: -4% 0% 0% 0;
		padding: 6% 0% 13% 2%;
	}
	.discountBox__default.discountBox04 {
		width: 47%;
		margin: -8% 0 1% 0;
		padding: 4% 0% 0% 1%;
	}
	.discountBox__default_style2.discountBox01 {
		width: 49%;
		margin: -15% 0% 1% -1%;
		padding: -2% 0% 0% 1%;
	}
	.discountBox__default_style2.discountBox02 {
		width: 48%;
		margin: -8% 1% 4% 0;
		padding: 3% 0% 7% 1%;
	}
	.discountBox__default_style2.discountBox03 {
		width: 48%;
		margin: -12% 0 2% 0;
		padding: 0% 0% 10% 1%;
	}
	.discountBox__default_style2.discountBox04 {
		width: 48%;
		margin: -8% 1% .5% 0;
		padding: 4% 0% 8% 2%;
	}
	.mb-adj {
		margin: 2vw auto;
	}


	.RecommendationBox_per {
		margin-bottom: 10%;
	}


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




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

	.highlight-event-box-text-wrap h4 {
    font-size: 3.2vw;
    line-height: 5.5vw;
}
	/*標題*/
	.sale_title {
    width: 35%;
}
	/*全館活動*/
	.discountTitle {
    font-size: 18px;
    margin: 4% auto 3% -3%;
}
	.discountMask {
    width: 42%;
}
	.discount_content {
    padding-right: 0%;
    padding-top: 7%;
    margin-left: 0%;
}
	.discount_info a {
    margin: 22.5% auto auto -23%;
}
	/*區塊1*/
	.Box_one_T_L a {
    display: block;
    margin: 2px auto;
    width: 155%;
    height: 74vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 46.5vw;
}
	.Box_one_T_R {
    display: block;
    margin-left: 33%;
}
	.Box_one_T_R a {
    padding-left: 40%;
    padding-top: 8%;
    width: 77%;
    height: 33vw;
}

	/*區塊2*/
	.Box_two_T_L a {
    width: 63%;
    height: 68vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 40vw;
}
	.Box_two_bottom a {
    width: 31.7%;
}
	/*區塊3*/

	.Box_three_T_L a {
    margin: 0px auto 2% 31%;
    width: 53.5%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    height: 34.6vw;
}
	.Box_three_T_R {
    display: block;
    margin-left: 30%;
}
}

@media (max-width:600px) {

	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.toTop-arrow{
		bottom: 10%;
	}

	.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%;
    margin-bottom: 0%;
    padding: 0;
}
	.menu__style {
		/* background-color: #272eafe0;  */
		padding: 10px;
		border-radius: 10px;
	}
	.menu ul li {
    /* color: #ffffffeb; */
    font-size: 1em;
    line-height: 2.1em;
}
	.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: 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%;
	}
	.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: 4.5vw;
		line-height: 6.2vw;
	}
	.f4 {
		font-size: 3.9vw; /* 4.3vw; */
		line-height: 5.8vw;
	}
	.f5 {
		font-size: 3.5vw !important;
	}
	.f6 {
		font-size: 4vw;
	}
	.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;
	}

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


	.discountText {
		margin-bottom: 3%;
	}


	.discountBox__default.discountBox01 {
		width: 48%;
		margin: 24% 0% 1% 1%;
		padding: 4% 2% 4% 2%;
	}

	.discountBox__default.discountBox03 {
		width: 48%;
		margin: -10% 0% 0% 0;
		padding: 0% 0% 13% 2%;
	}
	.discountBox__default.discountBox04 {
		width: 47%;
		margin: -14% 0 0% 0;
		padding: 0% 0% 0% 0%;
	}

	li.discountText img {
		margin-bottom: -18%;
	}


	/*brand*/
	.btn_recommendation {
		width: 60%;
		left: 20%;
		bottom: 6%;
	}
	.recommendationBox {
		margin: 0 0.5% 1.5%;
		padding: 0;
	}
	.recommendationTitleBox {
		margin-bottom: 3%;
	}
	.recommendationTitle {
		height: 42px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		line-height: 1em;
	}
	.recommendationTitleBox>.title {
		font-size: 9.5vw;
	}
	.btn-wrapper>.btn {
		line-height: 1.6em !important;
	}
	.btn {
		line-height: 20px;
	}
	.btn, .recommendationTitle02 {
		font-size: 3vw;
	}
	.recommendationTag, .recommendationTag_H {
		font-size: 2vw;
		margin-top: 5%;
	}
	.highlight-event-box-wrap ul li {
		width: 40%;
	}
	/*event-wrap*/
	.event-box-wrap ul {
		width: 90%;
	}
	.animate-button.bg-seemore {
		font-size: 2vw;
		left: 20%;
		bottom: 15%;
		width: 60%;
	}
	/*區塊1*/
	.Box_one_top {
    margin-left: -20%;
}
	.Box_one_T_L {
    width: 33%;
}
	.Box_one_T_L a {
    width: 154%;
    height: 79vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 50.5vw;
}
	.Box_one_T_R {
    margin-left: 32%;
}
	.Box_one_T_R a {
    padding-left: 40%;
    padding-top: 8%;
    width: 80%;
    height: 36vw;
}
	/*區塊2*/
	.Box_two_T_L a {
    width: 69%;
    height: 74vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 44vw;
}
	.Box_two_bottom a {
    width: 33.7%;
}
	/*區塊3*/
	.Box_three_T_L a {
	margin: 0px auto 2% 32%;
    height: 81vw;
}
	.Box_three_T_L .Box_title {
    padding-top: 52vw;
}
	.Box_three_T_R {
    margin-left: 30%;
}
	.Box_three_T_R a {
    padding-left: 41%;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    height: 37.6vw;
}
	}
@media (max-width:550px) {
	/*全館活動*/
	.discount_bg {
    width: 30%;
}
	.event_soldout {
    width: 30.6%;
    margin: 2% auto auto 63.3%;
}
	/*標題*/
	.sale_title {
    width: 40%;
}
	/*區塊一*/
.Box_title {
    font-size: 1.2em;
    line-height: 1.2em;
}
	.Box_text {
    font-size: 0.8em;
    line-height: 1.3em;
}
	.Box_one_T_L .Box_title {
    padding-top: 51.5vw;
}
	/*區塊二*/

	/*區塊三*/

		/**/
	.f6 {
    font-size: 3vw;
}
}
@media (max-width:480px) {
	/*全館活動*/
	.discount_bg {
    width: 34%;
}
	.event_soldout {
    width: 32.6%;
    margin: 35% auto auto -5.7%;
}
	.discount_content {
    padding-top: 9%;
}
	.discountText {
    font-size: 13px;
}
	.discount_info a {
    margin-top: 27.5%;
}
	.Box_title {
    font-size: 1.2em;
}
.sale4_bg .Box_title {
    padding: 5% 6%;
}
	.Box_text {
    font-size: 0.75em;
}
	/*區塊一*/
	.Box_one_top {
    margin-left: -23%;
}
	.Box_one_T_L a {
    width: 158%;
    height: 82vw;
}
	.Box_one_T_R a {
    height: 37vw;
}
	/*區塊二*/
	.Box_two_T_L a {
    width: 72%;
    height: 78vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 46vw;
}
	/*區塊三*/
	.Box_three_T_R {
    margin-left: 32%;
}
	.Box_three_T_L a {
    height: 88vw;
    width: 56.5%;
}
	.Box_three_T_L .Box_title {
    padding-top: 57vw;
}
	/*品牌推薦*/
	.brandBox {
    width: 94%;
}
}
@media (max-width:450px) {
	/*全館活動*/
	.event_soldout {
    width: 33.5%;
    margin: 36% auto auto -4.7%;
}
	/*第一區塊*/
	.Box_one_T_L a {
    width: 179%;
    height: 95vw;
}
	.Box_one_top {
    margin-left: -30%;
}
	.Box_one_T_L .Box_title {
    padding-top: 61.5vw;
}
	.Box_one_T_R {
    margin-left: 34%;
}
	.Box_one_T_R a {
    height: 41vw;
    width: 85%;
	padding-left: 44%;
}
	.Box_one_bottom a {
    width: 42%;
}
	/*區塊二*/
	.Box_two_T_L a {
    width: 83%;
    height: 90vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 53vw;
}
	.Box_two_bottom a {
    width: 38.7%;
}
	/*區塊三*/
	.Box_three_T_L a {
    height: 99vw;
    width: 59.5%;
}
	.Box_three_T_L .Box_title {
    padding-top: 63vw;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    height: 42vw;
}
	.Box_three_T_R a {
    padding-left: 43%;
}
	/*.Box_three_B_R {
    height: 60.5vw;
}*/
}
@media (max-width:414px) {
.event_soldout {
    width: 34%;
    margin: 37.5% auto auto -3.8%;
}
}
@media (max-width:400px) { /* 380 */
	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}
	.btn-wrapper{
		margin: 0 -10px;
	}
	.RecommendationBox__one__contentBox{
		height: 25%;
	}
	.RecommendationBox__two__content{
		height: 35%;
	}
	.RecommendationBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}


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

	/*側邊欄*/
	.menu ul li {
    font-size: 1.5em;
}
	#sidebar .toggle-btn{
		right: 0; /* 4%; */
	}
	#sidebar .toggle-btn span{
		width: 26px;
		/* height: 75px; */
		font-size: 0.9rem;
		margin: 3px 0;
	}
	#sidebar .toggle-btn{
		border-radius: 6px;
	}
	/*全館活動*/
	.discount_content {
    padding-top: 15%;
}
	.discount_bg {
    width: 44%;
}
	.discount_info a {
    margin: 34.5% auto auto -34%;
}
	.discountTitle {
    margin-top: -6%;
}
	.discountText {
    margin-bottom: 15%;
}
	.event_soldout {
    width: 42.6%;
    margin: 45.5% auto auto -4.7%;
}
	/*區塊一*/
	.Box_title {
    font-size: 1em;
}
	.Box_text {
    font-size: 0.6em;
}
	.BoxOne_L_tag {
    width: 62%;
}
	.BoxOne_L_tag p {
    font-size: 0.8em;
    line-height: 1.1em;
}
	.Box_one_top {
    margin-left: -30%;
}
	.Box_one_T_L a {
    width: 167%;
    height: 95vw;
}
	.Box_one_T_L .Box_title {
    padding-top: 62.5vw;
}
	.Box_one_T_R a {
	padding-left: 44%;
    padding-top: 11%;
    height: 42vw;
    width: 86%;
}
	.Box_one_bottom{
	margin-left: -2%;
	}
	.Box_one_bottom a {
    width: 37%;
}
	/*區塊二*/
	.Box_two_T_L a {
    width: 82%;
    height: 88vw;
}
	.Box_two_T_L .Box_title {
    padding-top: 55vw;
}
	.Box_two_bottom a {
    width: 40.7%;
}
	/*區塊三*/
	.Box_three_T_L a {
    height: 99vw;
    width: 59.5%;
}
	.Box_three_T_L .Box_title {
    padding-top: 65vw;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    height: 41.6vw;
}
	.Box_three_T_R a {
    padding-left: 45%;
}
	/*.Box_three_B_R {
    height: 54.5vw;
}*/
	}


@media (max-width:375px) {
	/*全館活動*/
	.event_soldout {
    width: 43.5%;
    margin: 46.6% auto auto -4.7%;
}
	/**/
	.for-pc-display {
		display: none;
	}
	.for-mobile-display {
		display: block;
	}

	.RecommendationBox__one__contentBox{
		height: 25%;
	}
	.RecommendationBox__two__content{
		height: 35%;
	}
	.RecommendationBox__two__content__polo{
		line-height: 1.5rem;
		font-size: 0.8rem ;
	}
	/*第一區塊*/
	.sale_title {
    width: 45%;
}
	.Box_one_T_L a {
    width: 184%;
    height: 104vw;
}
	.Box_one_top {
    margin-left: -35%;
}
	.Box_one_T_L .Box_title {
    padding-top: 68.5vw;
}
	.Box_one_T_R a {
    padding-left: 47%;
    height: 47vw;
    width: 91%;
}
	.Box_one_bottom a {
    width: 40%;
}
	/*第二區塊*/
	.Box_two_T_L .Box_title {
    padding-top: 52vw;
}
	/*第三區塊*/
	.Box_three_T_L a {
    height: 107vw;
    width: 61.5%;
}
	.Box_three_T_L .Box_title {
    padding-top: 72vw;
}
	.Box_three_T_R_B, .Box_three_T_R_T {
    height: 45.6vw;
}

}