/**思源宋體**/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
body {
	font-family: futura-pt,"微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	height: 100%;
	width: 100%;
	background-color: #eaeaea;
	/* cursor: pointer;
	cursor: url(../images/cursor-er.cur) 4 12, pointer; */
}
.opacity0{
	opacity: 0;
}
.bg__theme {
	/* background-color:#b6b6b6 ; */
	background-image: linear-gradient(-225deg, #c8ace5 0%, #f5c0e3 48%, #907ee3 90%, #aee7eb 100%);
}
.bg__theme2{
	background-image:url(../images/bg__1111-1027.jpg);
	background-repeat: repeat;
	background-size: contain;
	background-position: top center;
}

.bg__theme__yel{
	background-color: #fbff17;
}

.bg-pink {
	background-color: #ffb3b3;
}
.bg-fuchsia {
	background-color: #EB3E80;
}
.btn-theme{
	background-color: #606060 !important; /* #FF9291 */
	color: #ffffff !important; /* E62949 */
}
.btn-theme2{
	background-color: #ff4aff;
	color: #eee;
}
.btn-green{
	background-color: #428152 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}
.btn-orange{
	background-color: #F79630 !important;
	color: white !important;
	border: #F79630 !important;
}
.btn-more{
	background-color: #e6c804 !important;
	color: black !important;
	padding: 8px 6px;
}
.btn-more:hover{
	background-color: #b8251c !important;
	filter: invert(1);
}

/*font color*/
.text_black {
	color: #000000;
}
.text_grey {
	color: #333333;
}
.text_w {
	color: #fff;
}
.text_light_grey {
	color: rgb(238, 235, 235);
}
.text_pink{
	color: #e68484;
}
.text_yellow_lite {
	color: #ffef5c;
	font-weight: bold;
}
.text_green{
	color: #1a7451;
}
.text__mustBuy__title{
	text-transform: uppercase;
	font-weight: 600;
	color: #eb633b; /*#122b19; */
}
.text_red{
	color: #c1251a;
}
.text_blue{
	color: #4b2396;
}

.discountBox__title__color{
	color:white;
}
.text_yellow{
	color:#e4c374;
}
.discountBox__title__color2{
	color:#f16081; /*#D7393F;*/
}
.text_title {
	color: #a5ebf7;
}
.text_info2 {
	color: white;
	/* font-weight: 600; */
}
.text_info {
	color: #ffffff;
}
.text_darkO {
	color: #463c37;
}
.text_khaki {
	color: #a2877b;
}
.text_price_red{
	color: #F34D6D;
}
.text_fuchsia {
    color: #fff;
    font-weight: 600;
}
.text_bold {
	font-weight: 600;
}
.text-center {
	text-align: center;
}
.text-left{
	text-align: left;
}
.font-bold{
	font-weight: bold;
}
.price-before {
    text-decoration: line-through;
    color: #999999;
}
.two__two__box__price{
	color: #F34D6D;
	font-weight: 600;
	line-height: 1.2rem;
	font-size: 1.2rem;
	/* line-height: 1rem; */
}
/*font size*/

.f1 {
	font-size: 4vw;
}
.f2 {
	font-size: 3vw;
}
.f3 {
	font-size: 1.6vw;
	line-height: 2.2vw;
}
.f4 {
	font-size: 1.2vw;
}
.f5 {
	font-size: 1.1vw;
}
.f6 {
	font-size: 1vw;
}
.f7 {
	font-size: 0.8vw;
}

.btn-info {
    color: #52e7ff;
    text-decoration: underline;
    padding: 2%;
    display: block;
    text-align: center;
	margin: 0; /* 1%; */
	letter-spacing: 0.05vw;
}
.btn-info:hover{
	color: #8080ff;
}

.btn__flowergift__info {
    color: #c1251a;
    text-decoration: underline;
    /* padding: 2%; */
    display: block;
    text-align: center;
	/* margin: 1%; */
	letter-spacing: 0.05vw;
}
.btn__flowergift__info:hover {
    color: #ff7171;
}

.mg-b{
	margin-bottom: 3%;
}

/* coupon-500 500購物金 */

.oneContainerArea {
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	/* background-image: ; */
	background-color: #FFCC24;
}
.oneContainerBox-title {
	color: #EB3E80;
	font-family: 'Noto Serif TC', serif, Helvetica, Arial;
	margin-top: 3%;
}
.img-dot-bg {
	position: absolute;
	width: 11%;
	/* height: 20%; */
	z-index: 2;
}
.img-dot-bg-r {
	right: 0px;
	top: 0;
}
.img-dot-bg-l {
	left: 0px;
	bottom: 0;
}
.oneContainerBox {
	/* display: inline-block; */
	/* padding: 3%;
    margin: 4%;
    width: 70%; */
	background-color: #fcf1c3;
	text-align: center;
}
.img-coupon {
	max-width: 50%;
	/* width: 100%; */
	height: auto;
	margin-bottom: 2%;
}
.coupon-text-title {
	color: white;
	background-color: #EB3E80;
	text-align: center;
	padding: 1% 2%;
	/* width: 200px; */
	text-align: center;
	border-radius: 12px;
}


.coupon-text-info {
	color: #EB3E80;
	margin: 3%;
	line-height: 1.3em;
	font-size: 1.4rem;
}
.event_wrap {
	width: 100%;
	height: 100%;
	/*font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";*/
}
.event_wrap__kv{
	background-image:url('../images/bg__discount.jpg');
	background-size: cover;
	background-repeat: no-repeat !important;
}
/*a {
	color: #5d656c;
	text-decoration: none;
}*/
/*kv*/

.kv_wrapper {
	width: 100%;
	background-color: #000;
}
.kv {
    display: block;
}
.mkv {
	display: none;
}
/* 邊框動畫效果 */

.animate-button {
	display: inline-table;
	position: relative;
	/* border: 1px solid #c1251a;  */
	/* background-color: #eee; */
	padding: 7px 5px;
	margin: 4% 0.5%;
	text-align: center;
	/* color: #c1251a;  */
	transition: 1s;
}
.btn-pink3{
	color: #feb7b7;
}
.btn-pink3:hover{
	color: #e91e63;
}


.animate-button.text-black {
	color: black !important;
}
.animate-button.bg-shopnow {
	background-color: #ffc440;
	/* ff768b */
}
.animate-button:hover {
    background-color: #000000;
    color: #00e2ff;
}

.animate-button.bg-seemore {
	background-color: #020100;
	/* ff768b */
	color: white;
	position: absolute;
	/* right: 28%; */
	bottom: 5%;
}
.animate-button::before {
	content: "";
	width: 0%;
	height: 0%;
	position: absolute;
	bottom: -1px;
	right: -1px;
	transition: 1s;
}
.animate-button:hover::before {
	width: 100%;
	height: 100%;
	border-bottom: 2px solid black; /* eb3e80 */
	/* ffc440 */
	border-right: 2px solid black; /* eb3e80 */
}
.animate-button::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -1px;
	left: -1px;
	transition: 1s;
	/* -webkit-transition: border .2s linear, border-radius 1s ease-in 1s;
    transition: border .2s linear, border-radius 1s ease-in 1s;*/
}
.animate-button:hover::after {
	width: 100%;
	height: 100%;
	border-top: 1px solid black; /* eb3e80 */
	/* ffc440 */
	border-left: 1px solid black; /* eb3e80 */
}
/*   邊框動畫效果  END */


.popup-button{
	padding: 1px 10px !important;
}
.top__area__bg{
	margin-top: -12.5%;
	background: linear-gradient(to bottom, #e7c8ab00 0%, #e7c8ab 9%, #e8c6a1 52%, #b997bd 100%);
}


/*discount*/
.mb-adj{
	margin: 17% auto;
}
.mg__discountbox__style2 {
    margin: -10% 0;
    width: 110%;
    max-width: 110%;
}
.discountTitle__number{
	width: 40%;
	margin: auto;
	background-color: #8080ff;
	color: white;
	filter: drop-shadow(2px 4px 6px rgb(253, 255, 236));
	padding: 2px 0;
}
.discountTitle__number2{
	width: 70%;
	margin: 5% 20%;
	background-color: #ee983d;
	color: white;
	filter: drop-shadow(2px 4px 6px rgb(253, 255, 236));
	padding: 2px 0;
}
.discountArea{
	background-color: #8c7bc6;
}
.discountArea__title{
	/* text-align: left; */
	margin-left: 10%;
	max-width: 34%;
}
.discountBox {
    position: relative;
    width: 83%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 auto;
}
.discountBox__icon {
    max-width: 26%;
    position: absolute;
    right: 1%;
	top: 6%;
	-webkit-animation: floating-icon 2s ease-in-out infinite;
    -moz-animation: floating-icon 2s ease-in-out infinite;
    animation: floating-icon 2s ease-in-out infinite;
}
.event_soldout {
    position: absolute;
    z-index: 100;
    width: 16%;
    margin: 2.6% auto auto 49%;
    background-size: contain;
    background-repeat: no-repeat;
}
.discount_bg {
    display: block;
    width: 17%;
    background-size: contain;
    background-repeat: no-repeat;
}
.discount_bg:hover{
	-webkit-filter:saturate(1.5);
}
.discount_1{
	background-image: url("../images/20230131_event_01.png");
}
.discount_2{
	background-image: url("../images/20230131_event_02.png");
}
.discount_3{
	background-image: url("../images/event_03.png");
}

@keyframes floating-icon {
    0% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }

    50% {
      -webkit-transform: translateY(4px);
      -moz-transform: translateY(4px);
      -ms-transform: translateY(4px);
      -o-transform: translateY(4px);
      transform: translateY(4px);
    }

    100% {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
    }
  }
/*

.discountTitle {
	filter: drop-shadow(0px 3px 8px rgb(255, 255, 237));
}*/
/* .discountBox04 .discountTitle {
	filter: drop-shadow(2px 4px 6px rgb(241, 179, 179));
} */

.mb-discountBox{
	margin-bottom: 28% !important;
	margin-top: 28% !important;
}

/* .discountBox::before{
	content: "";
	display: block;
	position: absolute;
	right: 5%;
	bottom: 5%;
	background-color: #F4DE34;
} */
.discountBox ul li {
	list-style: none;
}


.discountBox__default{
	position: relative;
	width: 25%; /*23%; */
	margin: 0;
	padding: 2%;
	background-image: url(../images/bg__discountbox__style1.png);
	background-size: contain;
	background-repeat: no-repeat;
	/* box-shadow: #f4de34 26px 27px 0px; */
}
.discountBox__default_style2{
	position: relative;
	width: 25%; /*23%; */
	margin: 0;
	padding: 2%;
	background-image: url(../images/bg__discountbox__style2.png);
	background-size: contain;
	background-repeat: no-repeat;
	/* box-shadow: #f4de34 26px 27px 0px; */
}

.discountBox01, .discountBox02, .discountBox03, .discountBox04 {
	/* background-image: url(../images/bg__discountbox__style1.png); */
	background-size: 103%;
}

.discountBox05, .discountBox06, .discountBox07, .discountBox08 {
	background-image: url(../images/bg__discountbox__style2.png);
	background-size: 104%;
}
/* .discountBox02 {
	background-image: url(../images/box-bg-2.png);
}

.discountBox03 {
	background-image: url(../images/box-bg-3.png);
}

.discountBox04 {
	background-image: url(../images/box-bg-4.png);
} */



.discountBox01,.discountBox03 {
	padding: 4% 2% 4% 2%;
	margin-top: 3%;
}
.discountBox05, .discountBox07 {
	padding: 2% 2% 2% 2%;
	margin-top: 3%;
}

.discountBox02,.discountBox04,.discountBox06, .discountBox08 {
	padding: 2% 2% 2% 3%;
}


.discountBoxNo {
	display: inline-block;
	font-style: italic;
	text-align: center;
	padding-top: 5%;
	/* border: 1px solid #ffdf3f;
	padding: 15% 15% 0 0; */
}
.discountDate {
	position: relative;
	font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
	line-height: 2em;
	letter-spacing: 3px;
	z-index: 1;
	font-weight: 600;
}
/*.discountTitle::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 20px;
	background-color: #a5ebf7;
	right: 25%;
	bottom: 10px;
	z-index: -3;
}
.discountDate-color::after {
	background-color: #ffdf3f;
}*/

.img-box{
	display: inline-block;
	position: absolute;
	height: auto;
	z-index: 4;
}

.img-box-01{
	max-width: 14%;
	left: 9%;
	top: -13%;
}
.img-box-02{
	max-width: 12%;
	left: 10%;
	top: -11%;
}
.img-box-03{
	max-width: 12%;
	left: 54%;
	top: -12%;
}


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



.newSale__box{
	position: relative;
	width: 25%;
	margin: 0 1%;
}
.newSale img:hover{
	filter: saturate(1.4);
	transition: all 0.2s;
	opacity: 0.8;
}
.newSale__box01{
	position: relative;
}



.newSale__box02__content{
	position: relative;
}


.newSale__box03__content{
	position: relative;
	margin-top: 8%;
}

.newSale__box04{
	position: relative;
	margin-top: 5.5%;
}

.newSale__box__text{
	position: absolute;
	color: white;
	font-weight: 600;
}
.newSale__box__text_01,.newSale__box__text_04{
	left: 33%;
	top: 37%;
}
.newSale__box__text_02, .newSale__box__text_03 {
    left: 33%;
    top: 28%;
}


.newSale__box__btn__wrap{
	position: absolute;
	width: 100%;
}
.newSale__box__btn__wrap_01,.newSale__box__btn__wrap_04{
	bottom: 30%;
	left: 0%;
}

.newSale__box__btn__wrap_02,.newSale__box__btn__wrap_03{
	bottom: 18%;
	right: 2%;
}





/* newSale 黑五精品特賣  END */



/* newBrand 精品品牌們  START */
.newBrand__wrapper{
	width: 100%;
}
.newBrand{
	width: 80%;
	margin: 0 auto;
}

/* newBrand 精品品牌們  END */

/* gift 限量美妝大禮包  START */

.img_1111{
	position: absolute;
	width: 20%;
	top: 3%;
	left: 35%;

}

.gift__wrap{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 5%;
}

.gift__area{
	width: 40%;
	border: 0.25rem solid #FFB236 ;
	padding: 3% 2% 2% 4%;
}

.gift__img{
	width: 35%;
	margin: 3%;
}

.gift__info{
	margin-top: 5% ;
}

/*---------  gift 限量美妝大禮包 END   ----------*/

.beautySale__wrapper{
	padding-top: 3%;
}
.beautySalebox__contentText{
	color: #ffa5ee;
	filter: drop-shadow(2px 5px 3px #fcf3e1);
}

/*---------  美妝&精品 任2件88折 START   ----------*/
.RecommendationBox__one:hover, .RecommendationBox__two__contentBox:hover{
	/* transform: scale(1.03); */
	opacity: 0.9;
	transition: all 0.2s;
}
.RecommendationBox__btn-wrapper>.btn {
	line-height:1.2rem; /*0.6rem; */
	/* padding: 0 7%; */
	background-color: #ffffffcf;
	margin-bottom: 7%;
	width: 70%;
}
.RecommendationBox__btn-wrapper2>.btn {
	/* line-height:1.2rem; 0.6rem; */
	background-color: #e380d0;
	margin-bottom: 7%;
	width: 55%;
	color: #fff;
}
.RecommendationBox__btn-wrapper2>.btn:hover {
	color: #e380d0;
	background-color: #000;
}

.RecommendationBox__wrap{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 4% 0 7%;/*0 5%; */
}

.RecommendationBox__area__layout{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1% 0%;
	z-index: 1;
	/* margin-right: -17%; */
	/* flex-wrap: wrap; */
}
.width-justify{
	width: 100%;
}
.RecommendationBox__one__new{
	position: relative;
	width: 47%;
	/* margin-bottom: 3%; */
}
.RecommendationBox__one{
	position: relative;
	width: 32.5%;
	margin-bottom: 3%;
}
.RecommendationBox__one__contentBox{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0px;
	left: 0;
	height: 50%;
	/* background-color: #0404045e; #ffffffb0; */
	z-index: 10;
	padding: 1% ;
}
.RecommendationBox__one__contentBox__title, .RecommendationBox__two__contentBox__title{
	text-transform: uppercase;
	line-height: 1.5rem;
}



.RecommendationBox__two{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 33.5%;
	/* margin-bottom: 3%; */
	margin: 0 7px 3% 0px; /* 0 -8px 3% -11px; */
}

.RecommendationBox__two__contentBox{
    position: relative;
    width: 47%;
    height: 47%;
    /* background-color: #f34d6d; */
    /* margin-right: 0.5%; */
    margin-left: 4px; /* 2% */
    margin-top: 0%;
}

.RecommendationBox__two__contentBox:nth-child(1), .RecommendationBox__two__contentBox:nth-child(2){
	/* border: 2px #f9f330 solid; */
	box-sizing: border-box;
}

.RecommendationBox__two__contentBox:nth-child(3), .RecommendationBox__two__contentBox:nth-child(4){
	margin-top: 1%;
	margin-bottom: 1%;
	box-sizing: border-box;
}

.RecommendationBox__two__content{
	position: absolute;
	bottom: 0%;
	width: 100%;
	height: 27%;
	/* line-height: 1.5em; */
	background-color: #252323bf;
}

.RecommendationBox__two__content__bgc{
	position: absolute;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(0deg, #2b2d2f7d 0%, #706c6c00 80%, #0a3ee200 100%)
}
#snackSale .RecommendationBox__two__content__bgc{
	background-image: linear-gradient(0deg, #263434 0%, #706c6c00 80%, #0a3ee200 100%);
}

.RecommendationBox__two__content__nobgc{
	position: absolute;
	bottom: 0%;
	width: 100%;
	height: 27%;
	/* background-color: white; */
}

.RecommendationBox__two__contentBox__btn{
	position: absolute;
	width: 100%;
	/* bottom: 4%; */
	bottom: -3%;

}

.RecommendationBox__wrap__new{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}


.RecommendationBox__verticalTwo{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 52%;
	height: 48%;
}

.RecommendationBox__two__new{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: calc(33%/2);
	margin-bottom: 3%;
}
.RecommendationBox__area__layout__mgl-justisfy{
	margin-right: -18%;
}
.RecommendationBox__area__layout__mgl-justisfy2{
	margin-left: -9%;
}
.mgl-justisfy{
	margin-left: -26%;
}
/* .mgl-justisfy2{
	margin-right: 56%;
} */
.mgl-justisfy2{
	margin-right: -26%;
}


.RecommendationBox__area__layout2{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1% 0%;
	z-index: 1;
	/* margin-right: -17%; */
	/* flex-wrap: wrap; */
}




.star__title__text{
	color: #fb3b98;
}
.star__content__text{
	color: #473e55;
}



/* ------------------ 限量美妝 limitBeauty ------------------ */
.limitBeauty__wrapper{
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	background-color: #6DC1C1; /*#FF928A; */
}
/* .two__two__wrap{
	position: relative;
	width: 100%;
	margin: 1%;
	display: inline-table;
} */


.three__one__wrapper{
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.three__one__content{
	position: relative;
	/* width: 100%; */
	margin: 4% 0;
	/* margin: 0 auto; */
}
.three__one__box:hover, .two__two__box:hover, .two__two__content__img__info>img:hover{
	transform: scale(1.03);
	transition: all 0.2s;
}
.three__one__perBox a:hover, .two__two__perBox a:hover, .two__two__content__img__info>img:hover{
	/* opacity: 0.9; */
	filter: saturate(1.4);
	transition: all 0.2s;
}
.three__one__content__img__info{
	display: inline-block;
	/* position: absolute; */
	max-width: 65%;
}
.three__one__box {
	position: relative;
	width: 28%;
	height: 100%;
	margin: 3% 1%;
	display: inline-table;
	text-align: center;
	color: black;
	border-radius: 20px; /* 30px 30px 0px 20px; */
}

.three__one__box__title{
	font-family: 'Crimson Text', Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
	text-transform: uppercase;
	margin: 10% 0;
	color: #FF2A4E;
	font-weight: 600;
}
.three__one__wrapper .img__title__date{
	display: inline-block;
	position: absolute;
	/* height: auto; */
	max-width: 28%;
	left: 35%;
	top: -18%;
	z-index: 1;
}





.two__two__wrapper{
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: space-evenly;
	/* margin-right: 2%;
	width: 100%;*/
}
.two__two__content{
	position: relative;
	/* width: 100%; */
	margin: 4% 0;
	/* margin: 0 auto; */
}

.two__two__content__img__info{
	display: inline-block;
	/* position: absolute; */
	max-width: 65%;
}

.two__two__wrapper .img__title__date{
	display: inline-block;
	position: absolute;
	/* height: auto; */
	max-width: 40%;
	left: 29%;
	top: -15%;
	z-index: 1;
}
.img__platform{
	display: inline-block;
	position: absolute;
	/* height: auto; */
	max-width: 30%;
	left: 35%;
	bottom: -4%;
	z-index: 0;
}

.two__two__box {
	position: relative;
	width: 43%;
	height: 100%;
	margin: 3% 1%;
	display: inline-table;
	text-align: center;
	color: black;
	border-radius: 20px; /* 30px 30px 0px 20px; */
}

.two__two__box__title{
	font-family: futura-pt, 'Crimson Text', Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
	text-transform: uppercase;
	margin: 10% 0 2% 0;
	color: #FF2A4E;
	font-weight: 600;
}





.leaf {
	display: inline-block;
	position: absolute;
	height: auto;
	max-width: 20%;
	left: 10%;
	top: -20%;
	z-index: 1;
}
.mask {
	display: inline-block;
	position: absolute;
	height: auto;
	max-width: 21%;
	left: 69%;
	top: 35%;
	z-index: 1;
}
.hightlight {
	display: inline-block;
	position: absolute;
	height: auto;
	max-width: 7%;
	left: 79%;
	top: 12%;
	z-index: 1;
	animation: hightlight 1.8s infinite;
	animation-delay: 1s;
	animation-iteration-count: 5, 0, infinite;
}
@keyframes hightlight {
	0% {
		opacity: 1;
	}
	15% {
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.lightning {
	display: inline-block;
	position: absolute;
	max-width: 10%;
	height: auto;
	right: 15%;
	top: 47%;
	z-index: 1;
	animation: lightning 1.4s infinite;
}
@keyframes lightning {
	0% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
	35% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.discount_content {
    margin: 2.7% 4% 3% 4%;
    padding-bottom: 5%;
    padding-top: 4%;
}
.discountTitle {
    color: #5c5197;
    font-weight: 900;
    font-size: 27px;
    margin: 3%;
}
.discountMask{
	width: 33%;
}

.mt5 {
	margin-top: 5%;
}
.mb3 {
	margin-bottom: 3%;
}
.mb5 {
	margin-bottom: 5%;
}
.mg3{
	margin: 3% 0;
}
.mg5{
	margin: 5% 0;
}
.mg11{
	margin: 11% 0;
}
.mg8{
	margin: 8% 0;
}
.discountText {
    line-height: 1.5em;
    z-index: 5;
    color: #000;
    font-weight: 900;
    font-size: 22px;
}
.coupon_red{
	color: #2e5494 !important;
	font-size: 16px;
	line-height: 2em;
}
.discountText02, .discountText02_H {
	margin-bottom: 2%;
}
.discountText02_H {
	visibility: hidden;
}
.discount_info a {
    color: #000;
    background-color: #ffcc33;
    border: #333 1px solid;
    display: inline-block;
    padding: 4px 8px;
    position: absolute;
    z-index: 50;
    margin: 14% auto auto -15%;
}
.info_none a {
    color: #fff;
	background-color: #333;
    border: #333 1px solid;
    display: inline-block;
    padding: 4px 8px;
    position: absolute;
    z-index: 50;
    margin: 14% auto auto -15%;
}
.discount_info a:hover {
	color: #fff;
	background-color: #333;
}
/* 三格+1主題 threeItemBox */

.newBox-content {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.threeItemBox {
	width: 100%;
	display: flex;
	margin-top: 30px;
	flex-wrap: wrap;
	justify-content: center;
}
.threeItem {
	position: relative;
	width: 22%;
	margin: 1%;
}
.threeItem ul li {
	list-style: none;
}
.threeItem-box-date img {
	max-width: 45%;
	position: absolute;
	top: -10%;
	left: 25%;
	z-index: 2;
}
.bg__circleOutline{
	position: absolute;
	/* background-image: url('../images/icon__circleOutline.png'); */
	max-width: 6%;
	right: 0;
	top: 0;
	z-index: 5;
}
.bg__halfCircle{
	/* background-image: url('../images/icon__halfCircle.png'); */
	max-width: 4%;
	left: 4%;
	top: 0;
	z-index: 5;
}

.btn-size{
	display: inline-block;
	border: 1px solid white;
	padding: 8px 17px;
	margin: 1% 4% 6%;
}
.btn-size:hover{
	border: 1px solid black;
	color: #020100;
	background-color: rgba(255, 255, 255, 0.281);
}
.newBtn {
	border: 1px solid #FFCC24;
	padding: 3%;
}
.newBtn:hover {
	background-color: #FFCC24;
	color: #fff;
}
/*brand*/

.recommendationTitleBox>.title {
	font-family: 'Noto Serif TC', serif, Helvetica, Arial;
	font-size: 60px;
	font-weight: 600;
	line-height: 1.2em;
	letter-spacing: 1px;
	color: #fb4273;
	font-style: italic;
}
.recommendationArea {
    /*padding-top: 3%;*/
    width: 100%;
    margin: -2px auto 0;
    text-align: center;
    background: #333333;
}
.recommendationTitleBox {
	padding-top: 2%;
	margin-bottom: 1.5%;
}
.RecommendationBox {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 2%;
}
.btn_recommendation:hover {
	background-color: #e91e63;
}
.recommendationBox {
	width: 23%;
	background-color: #f7f7f7;
	padding: 1.5% 0 0;
	display: inline-table;
	margin: 0 0.5% 1%;
	position: relative;
	filter: drop-shadow(2px 5px 3px #fcf3e1);
}
.recommendationTag {
	font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
	color: #b13135;
	border: 1px solid #b13135;
	display: inline-block;
	padding: 1% 4%;
	font-size: 0.75vw;
	line-height: 1.2em;
}
.recommendationTag_H {
	border: 1px solid #b13135;
	display: inline-block;
	padding: 1% 4%;
	font-size: 0.75vw;
	line-height: 1.2em;
	visibility: hidden;
}
.recommendationTitle {
	font-family: futura-pt,"微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
	/* font-family: 'Crimson Text', Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei"; */
	text-transform: uppercase;
	font-size: 1.7vw;
	color: #333;
	margin: 2.5% 0;
}
.recommendationTitle02 {
    font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
    font-size: 0.9vw;
    line-height: 1.2em;
    color: #777;
}
.recommendationPic {
	margin-top: 2%;
	bottom: -3px;
	position: relative;
}
.btn {
	/* line-height: 40px; */
	padding: 2px 14px; /* 3%; */
	text-align: center;
}
.btn_recommendation {
	position: absolute;
	bottom: 8%;
	width: 50%;
	left: 25%;
	color: #fff;
	background-color: #990000;
}

.btn__seemore {
	position: relative;
	width: 22%;
	height: 100%;
	/* margin: auto; */
	margin: 2% 0 0 0;
	display: inline-block;
	/* display: inline-table; */
	text-align: center;
	color: black;
}
/*******************
event wrap
*******************/

.wrapper {
	padding: 3% 0;
}

.wrapper-title-wrap {
	margin-bottom: 15px;
	text-align: center;
}
.sec-title {
    font-family: sans-serif;
    font-size: 55px;
    font-weight: 600;
    font-style: italic;
    line-height: 80px;
}
.event-wrap-2 {
	font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
}

element.style {
}
.title-pd {
    padding: 3% 0;
    text-align: center;
}

.title-area img {
	margin: 0 0 1% 0; /* 2% 0 1% 0;*/
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}

.icon__star__discount {
    position: absolute;
    left: 26%;
    top: -10%;
	z-index: 3;
	width: 43.5%;
	max-width: 43.5%;
}

.icon__discount{
	position: absolute;
	left: 0%;
	top: 0%;
	z-index: 3;
	top: -10%;
	left: 5%;
}

.icon__discount__text{
	position: absolute;
	color: white;
	left: 25%;
	top: 30%;
	transform: rotate(-10deg);
	z-index: 5;
}



.event-box-title{
	text-transform: uppercase;
}
.event-box-wrap {
	position: relative;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 3%;
}
.event-box-wrap ul {
	width: 90%;
	margin: 0 auto;
}

.event-box-wrapper{
	position: relative;
}
.RecommendationBox_per_noBG {
	position: relative;
	width: 22%;
	height: 100%;
	margin: 3% 1%;
	display: inline-table;
	text-align: left;
	color: #c72929;
	font-weight: 600;
	background-color: transparent;
	padding-bottom: 1%;
	border-bottom: #f6a024 1px solid;
	/* border-radius: 20px; */
}
.eventbox__content{
	display: flex;
	justify-content: space-between;
	margin-left: 5%;
}


/* RecommendationBox_per */
/* event-box-wrap ul li */

.RecommendationBox_per {
	border-radius: 50% 50% 0% 0%;
	position: relative;
	width: 22%;
	height: 100%;
	margin: 3% 1%;
	display: inline-table;
	/* text-align: center; */
	color: black;
	background-color: #fff2ea;
	padding-bottom: 1%;
	filter: drop-shadow(1px 2px 7px #fff);
	/* border-radius: 20px; */
}


.button__big {
    background-color: #fd5dff !important;
    width: 60%;
}

.bg-beauty-info-box:hover{
	transform: scale(1.03);
	transition: all 0.2s;
}
.RecommendationBox_per__border{
	border: 0.4rem solid #FFEF07;
}
.bg-no-color{
	background-color:transparent !important;
}
ul.event-box-wrapper:nth-child(3) li{
	width: 31%;
}
#limitBeauty .bg-beauty-info-box{
	background-color: #ffffff;
}
#limitBeauty .bg-beauty-info-box-x{
	background-color: #787878;
}

#mustBuy .bg-beauty-info-box{
	background-color: #FFDDD4;
}

#mustBuy .bg-beauty-info-box:hover{

}

.border-fuchsia {
	border: 2.5px solid #EB3E80;
}
.text-event-date {
	/* font-size: 6vh; */
	color: #FFDE3F;
	text-shadow: 0.1em 0.1em rgb(18, 17, 17);
	position: absolute;
	/* top: -5%;
    left: 40%; */
	z-index: 2;
	transform: rotate(-5deg);
}
.event-box-date img {
	max-width: 45%;
	position: absolute;
	top: -10%;
	left: 25%;
}
.event-box-img-wrap img {
	width: 100%;
	/* opacity: .9; */
}
.event-box-text-wrap h4 {
	font-size: 20px;
	line-height: 35px;
}
.event-box-content {
	line-height: 1.3em;
}

.event__box__img__wrap__btn{
	position: absolute;
	width: 65%;
	/* max-width: 75%; */
	bottom: 10%;
	left: 18%;
}


.btn-wrapper>.btn {
	/* line-height: 1.6rem; */
	padding: 0.5% 3%;
	/* background-color: #e380d0;
	color: whitesmoke; */
	display: inline-block;
}
.btn-wrapper {
	margin: 0.8% auto;
	/* margin: 10px auto; */
}
.event-box-wrap ul a:hover .event-box-img-wrap img {
	opacity: 0.9;
	transition: all .2s linear;
}
.event-box-wrap ul a:hover .btn {
	background: #e5e646;
	color:black;
	transition: all .2s linear;
}
/*******************
event-hightlight wrap
*******************/

.event-wrap-2 {
	font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.highlight-event-box-wrap {
	text-align: center;
}
.highlight-event-box-wrap ul {
	width: 70%;
	margin: 0 auto;
}
.highlight-event-box-wrap ul li {
	width: 31%;
	margin: 2% 1%;
	display: inline-table;
	text-align: center;
	color: #fff;
}
.highlight-event-box-img-wrap img {
	width: 100%;
	/* opacity: .9; */
}
.highlight-event-box-text-wrap h4 {
	font-size: 20px;
	line-height: 35px;
}
.highlight-event-box-content {
	line-height: 1.3em;
}



.highlight-event-box-wrap .btn-wrapper {
	margin: 10px auto;
}
.highlight-event-box-wrap ul a:hover .event-box-img-wrap img {
	opacity: 1;
	transition: all .2s linear;
}
.highlight-event-box-wrap ul a:hover .btn {
	background: #66b7d3; /* #c70000 */
	color: white;
	transition: all .2s linear;
}
/*******************
pop-up
*******************/

/***** popup's controler *****/

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
/***** popup's appearance *****/

/* Modal */

.pop-modal {
	background-color: rgba(0, 0, 0, .65);
	display: none;
	overflow: auto;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 10%;
}
/* Modal Content */

.modal-content {
	position: relative;
	top: 0px;
	width: 600px;
	margin: 0 auto;
	background-color: #434343;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal-animated-in {
	animation: totop-in .3s ease;
}
.modal-animated-out {
	animation: totop-out .3s ease forwards;
}
.modal-header {
	background-color: #ffcc33;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
}
.modal-content .close {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #817c7c;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
}
.modal-content .close:hover {
	background-color: #333333;
	color: #ffcc33;
}
.modal-header h3 {
	color:#555; /* #147e31;*/
	/* text-shadow: 1px 0px rgba(255, 255, 255, 1); */
	font-weight: bolder;
	font-size: 20px;
}
/* Modal Body */

.modal-body {
	padding: 20px 27px 20px 20px;
	line-height: 30px;
	font-size: 15px;
	color: #f8f8f6f5;
	background-color: #2c2a2ae8;
}
.modal-body h3 {
	font-size: 18px;
}
.modal-body-inner {
	overflow-y: auto;
	height: 350px;
	padding: 0 30px 0 10px;
}
.modal-body-inner hr {
	width: 97%;
}
.modal-body-inner h3 {
	margin-bottom: 5px;
	/* color: #edff00; */
}
.modal-body-inner::-webkit-scrollbar-track {
	background-color: #777777;
}
.modal-body-inner::-webkit-scrollbar {
	width: 5px;
	background-color: white;
}
.modal-body-inner::-webkit-scrollbar-thumb {
	background-color: white;
}
.modal-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.modal-body ul li {
	position: relative;
	margin-left: 30px;
	list-style-type: decimal-leading-zero;
}

.modal-body ul li::before {
	position: absolute;
	color: #5cc560;
	left: -20px;
	top: 10px;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.list-sec li {
	position: relative;
	margin-left: 60px !important;
	list-style-type: disc !important;
	color:#ffef9a;
}
.modal-body a {
	color: #ede0ac;
}
.modal-body a:hover {
	color: #b9b9b9;
	transition: all .2s linear;
}
.modal-body-text-wrap {
	margin-bottom: 20px;
}
.modal-body-text {
	font-size: 15px;
}
.modal-body-text-wrap h5 {
	color:#f785ff; /* #edf395; */
	font-size: 0.9vw; /* 15px; */
	font-weight: 500;
}
.modal-body-text-special{
	color:#ffef9a;
}
.modal-body-text-wrap h6 {
	color: #999;
	font-size: 12px;
}
/* Modal Footer */

.modal-footer {
	background-color: #656464;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
}
/*sidenav*/

.menu {
	position: fixed;
	z-index: 999;
}
.menu__style {
    background-color: #0d3d6e;
    opacity: 0.9;
    text-align: center;
}
.menu ul li {
    font-weight: bold;
    opacity: 1 !important;
    color: #a2ffdc;
    display: inline-block;
    border-bottom: 1px solid #efedd8cc;
    line-height: 2.4em;
    width: 100%;
}
.menu ul li a{
	filter: none;
}
.menu ul li:hover {
	color:#2196F3;
	filter: none;
}
/*標題字*/
.title_pic {
    display: block;
    margin: 0 auto;
    width: 20%;
    padding-top: 3%;
    padding-bottom: 1%;
}

/* hide sidenav 黏人精*/

#sidebar {
	transition: all 300ms linear;
}
#sidebar.active {
	right: -800px;
	/* -200px */
}
#sidebar .toggle-btn {
    position: fixed;
    /* position: absolute; */
    right: 0px;
    /* top: 50px; */
    box-shadow: 0px 0px 2px 5px rgb(255 255 255 / 30%);
    cursor: pointer;
    /* border-radius: 10px; */
    background-color: #ffcc33;
    z-index: 8;
}
/* 收合導覽黏人精*/

#sidebar .toggle-btn span {
    display: block;
    width: 30px;
    height: 90px;
    color: #000;
    margin: 5px 0px;
    padding: 3px 0;
    text-align: center;
    cursor: pointer;
}
/*toTop*/

.toTop-arrow {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    opacity: 0.8;
    background: #2c7898;
    color: #fffffff2;
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding-top: 5px;
    z-index: 999;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 10px;
	height: 3px;
	border-radius: 5px;
	top: 10px;
	background: #fffffff2;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 1.1rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 1.1rem;
}
.toTop-arrow:focus {
	outline: none;
}




/* scroll Menu */

#section-menu {
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 3000;
	text-transform: uppercase;
	-webkit-transition: all ease 0.1s;
	transition: all ease 0.1s;
}
#section-menu.freeze {
	right: -112px;
}
.touch #section-menu {
	display: none;
}
#section-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#section-menu li {}
#section-menu a {
	float: right;
	clear: both;
	display: block;
	height: 2em;
    line-height: 2em;
    font-weight: 600;
	text-decoration: none;
	padding: 0 16px;
	background: #0101a1; /* #1212eed1; */
	color: #ffea06eb; /* #ffea06eb; */
	white-space: nowrap;
	-webkit-transition: all ease 0.1s;
	transition: all ease 0.1s;
}
#section-menu.freeze a {
	float: none;
	width: 128px;
}
#section-menu a:hover{
    background: #04041fd7; /*  */
    color: #fff;
	font-size: 1.2em;
}
#section-menu a span {
	display: none;
	font-weight: 700;
	position: relative;
	width: 48px;
	left: -16px;
	text-align: center;
	background: rgba(0,0,0,0.1); /* #fafd4a*/
}
#section-menu a.active {
    background:#428152; /* #fff821; */
    font-size: 1.2em;
    font-weight: 700;
    color:#fff; /* #fff821; */
}
#section-menu.freeze a span {
	display: inline-block;
}
#section-menu a.active span {
	display: inline-block;
    background:#12772b; /* 040493 #000; */
    color:#fff821; /* #ffff0b; */
}
#section-menu a.active span:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background: rgba(255,255,255,0.25);
}
#section-menu.freeze a.active span:before {
	display: none;
}
/*販促區塊1*/
.small_screen{
	display: none;
}
.sale1_bg{
	background: url(../images/bg-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/* background: linear-gradient(to right, #0a3e6d 0%,  #232d74 100%); */
}
.sale_title {
    display: block;
    width: 18%;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 3%;
}
.Box_one_top {
    display: block;
    text-align: center;
    margin-left: -9%;
}
.Box_one_top a:hover{
	-webkit-filter:saturate(1.5);
}
.Box_one_T_L{
	display: inline-block;
}
.Box_one_T_L:hover{
	transform: scale(1.1);
}
.Box_one_T_L a {
    display: block;
	background-image: url(../images/lego_1.jpg);
	/* background-image: url(../images/life_1.jpg); */
    background-repeat: no-repeat;
    background-size: contain;
    width: 98%;
    height: 34vw;
    margin: -2vw auto auto -10vw;
}
.Box_one_T_L .Box_title {
    padding-top: 22vw;
}
.Box_one_T_L .Box_text{
	padding: 4%;
}
.Box_one_T_R {
    display: inline-block;
    vertical-align: bottom;
    margin-left: -9.2%;
}
.Box_one_T_R a {
    display: block;
    padding-left: 170%;
    padding-top: 39%;
}
.Box_one_T_R a:hover{
	transform: scale(1.1);
}
.Box_one_T_R div:hover{
	-webkit-filter:saturate(1.5);

}
.Box_one_T_R_T {
    display: block;
    background-image: url(../images/lego_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    width: 354%;
    height: 16.5vw;
    margin-bottom: 1vw;
}
.Box_one_T_R_B{
	display: block;
	background-image: url("../images/lego_3.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    width: 354%;
    height: 16.5vw;
}
.Box_one_bottom {
    display: block;
    text-align: center;
    padding-bottom: 5%;
}
.Box_one_bottom a {
    display: inline-block;
    width: 20.7%;
    margin: 1.2% -2.5% auto 0.9%;
    text-align: center;
}

.Box_one_B_L, .Box_one_B_M, .Box_one_B_R{
    width: 20.7%;
    margin: 1.2% -0.5% auto 0.9% !important;
}

.Box_one_bottom a:hover{
	-webkit-filter:saturate(1.5);
	transform: scale(1.1);
}
.Box_one_bottom a div {
    margin-top: 99%;
    margin-bottom: 18%;
}
.Box_one_B_R{
	background-image: url("../images/lego_6.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
}
.Box_one_B_M{
	background-image: url("../images/lego_5.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
}
.Box_one_B_L{
	background-image: url("../images/lego_4.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
}
/*販促區塊2*/
.sale2_bg {
	background: url(../images/bg-2.jpg);
    /* background-color: #7b6ebf; */
}
.sale3_bg {
	background: url(../images/bg-3.jpg);
    /* background-color: #7b6ebf; */
}
.sale4_bg {
    background-color: #ffcc33;
}
.sale4_bg .Box_title {
    padding: 1% 4%;
    color: #0c0c0c;
    text-align: center;
}
.Box_two_top {
    display: block;
    text-align: center;
    margin-left: 0%;
}
.Box_two_top a:hover{
	-webkit-filter:saturate(1.5);
}
.Box_two_T_L{
	display: inline-block;
}
.Box_two_T_L a {
    display: inline-block;
    width: 38%;
    height: 35vw;
    margin: -2vw auto auto 1vw;
}
.Box_two_T_L a:hover{
	transform: scale(1.1);
}
.Box_two_T_L .Box_title {
    padding-top: 22vw;
}
.Box_two_T_L .Box_text{
	padding: 4%;
}
.Box_two_T_1{
	background-image:url("../images/toy_1.jpg");
	background-repeat: no-repeat;
    background-size: contain;
}
.Box_two_T_2{
	background-image:url("../images/toy_2.jpg");
	background-repeat: no-repeat;
    background-size: contain;
}
.Box_two_bottom {
    display: block;
    text-align: center;
    padding-bottom: 5%;
}
.Box_two_bottom a {
    display: inline-block;
    width: 20%;
    margin: 1.2% -2.6% auto 0.4%;
    text-align: center;
}
.Box_two_bottom a:hover{
	-webkit-filter:saturate(1.5);
	transform: scale(1.1);
}
.Box_two_bottom a div {
    margin-top: 90%;
    margin-bottom: 18%;
}
.Box_two_B_1{
	background-image: url("../images/toy_3.jpg");
	background-repeat: no-repeat;
    background-size:  contain;
}
.Box_two_B_2{
	background-image: url("../images/toy_4.jpg");
	background-repeat: no-repeat;
    background-size:  contain;
}
.Box_two_B_3{
	background-image: url("../images/toy_5.jpg");
	background-repeat: no-repeat;
    background-size:  contain;
}
.Box_two_B_4{
	background-image: url("../images/toy_6.jpg");
	background-repeat: no-repeat;
    background-size:  contain;
}
/*販促區塊3*/
.Box_three_T_L{
	display: inline-block;
}
.Box_three_T_L:hover{
	transform: scale(1.1);
}
.Box_three_T_L a {
    display: block;
    background-image: url(../images/recommend_1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 87%;
    height: 34vw;
    margin: -2vw auto auto -10vw;
}
.Box_three_T_L .Box_title {
    padding-top: 22vw;
}
.Box_three_T_L .Box_text{
	padding: 4%;
}
.Box_three_T_R {
    display: inline-block;
    vertical-align: bottom;
    margin-left: -11.2%;
}
.Box_three_T_R a {
    display: block;
    padding-left: 170%;
    padding-top: 39%;
}
.Box_three_T_R a:hover{
	transform: scale(1.1);
}
.Box_three_T_R div:hover{
	-webkit-filter:saturate(1.5);

}
.Box_three_T_R_T {
    display: block;
    background-image: url(../images/recommend_2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    width: 354%;
    height: 16.5vw;
    margin-bottom: 1vw;
}
.Box_three_T_R_B{
	display: block;
	background-image: url("../images/recommend_3.jpg");
	background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
    width: 354%;
    height: 16.5vw;
}
.Box_three_B_R {
    background-image: url(../images/recommend_6.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 26vw;
    vertical-align: top;
}
.Box_three_B_M{
	background-image: url("../images/recommend_5.jpg");
	background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
}
.Box_three_B_L{
	background-image: url("../images/recommend_4.jpg");
	background-repeat: no-repeat;
    background-size: contain;
    text-align: left;
}
/*販促字體顏色*/
.Box_title {
    color: #ffcc33;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5em;
}
.Box_text {
    color: #fff;
    font-size: 1em;
    font-weight: 100;
    line-height: 2em;
}
.box-right{
	margin-left: 11%;
}
.box-thin-right {
    margin-left: -16%;
}

.BoxOne_L_tag {
    display: block;
    background-color: #fff;
    width: 50%;
    margin: 0 auto;
    line-height: 1.5em;
}
.tag_brand{
	color: #999999;
	font-size: 1em;
}
.tag_name{
	font-weight: 600;
	font-size: 1em;
}
.tag_price{
	color:#ff3333;
	font-size: 1em;
}
/*推薦品牌*/
.brandBox {
    width: 72%;
    margin: 0 auto;
    padding-bottom: 5%;
}
.brandBox a{
	display: inline-block;
	margin: 2% 1%;
}
.brandBox a:hover{
	transform: scale(1.1);
	-webkit-filter:saturate(1.5);
}
.brandBox a p{
	color: #fff;
    margin: 5%;
    font-weight: 500;
}
.brandBox a p:hover{
	color:#ffcc33;
}