/**思源宋體**/

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

.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_EventHighlights {
    background-color: #8b0016;
}
.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_EventHighlights{
	color: #2c7898;
}
.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__title{
	/* text-align: left; */
	margin-left: 10%;
	max-width: 34%;
}
.discountBox {
    position: relative;
    width: 77%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    margin: -5% auto 10% 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;
}
.discount_bg {
    display: block;
    width: 22%;
    background-image: url(../images/event_bg.png);
	background-size: contain;
    background-repeat: no-repeat;
}
@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   ----------*/
.brandBox__one:hover, .brandBox__two__contentBox:hover{
	/* transform: scale(1.03); */
	opacity: 0.9;
	transition: all 0.2s;
}
.brandBox__btn-wrapper>.btn {
	line-height:1.2rem; /*0.6rem; */
	/* padding: 0 7%; */
	background-color: #ffffffcf;
	margin-bottom: 7%;
	width: 70%;
}
.brandBox__btn-wrapper2>.btn {
	/* line-height:1.2rem; 0.6rem; */
	background-color: #e380d0;
	margin-bottom: 7%;
	width: 55%;
	color: #fff;
}
.brandBox__btn-wrapper2>.btn:hover {
	color: #e380d0;
	background-color: #000;
}

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

.brandBox__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%;
}
.brandBox__one__new{
	position: relative;
	width: 47%;
	/* margin-bottom: 3%; */
}
.brandBox__one{
	position: relative;
	width: 32.5%;
	margin-bottom: 3%;
}
.brandBox__one__contentBox{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 0px;
	left: 0;
	height: 50%;
	/* background-color: #0404045e; #ffffffb0; */
	z-index: 10;
	padding: 1% ;
}
.brandBox__one__contentBox__title, .brandBox__two__contentBox__title{
	text-transform: uppercase;
	line-height: 1.5rem;
}



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

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

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

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

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

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

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

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

}

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


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

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


.brandBox__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 {
    padding-bottom: 3%;
    margin: auto 3%;
}
.discountTitle {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    margin: 3%;
}
/* .discountTitle::before{
	content: "";
	position: absolute;
	width: 50%;
	height: 20px;
	background-color: #a5ebf7;
	right: 25%;
	bottom: 10px;
	z-index: -3;
} */
.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;
}
.discount_day {
    color: #000;
    font-weight: bold;
    font-size: 20px;
    margin: 30px auto 20px auto;
}
.discountText {
    line-height: 1.5em;
    z-index: 5;
    color: #333333;
    font-weight: 900;
    font-size: 20px;
}
.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:#c10f29;
}
.discount_action a {
    color: #fff;
    background-color: #000;
    display: inline-block;
    padding: 4px 8px;
    margin: 4% 0.5%;
}
.discount_info a:hover{
	color:#000;
}
.discount_action a:hover {
	 background-color: #c10f29;
}
/* 三格+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;
}








/*new arrival*/

.newArea {
	width: 100%;
	color: #fcf1c3;
	/*#FFDE3F;*/
	padding-top: 4%;
	padding-bottom: 4%;
	background-color: #66B7D3;
}
.newArea a {
	color: #fcf1c3;
	/*#ef2874 #e4e4e4; */
}
.newBox {
	width: 100%;
	margin: 0 auto;
}

.TitleBox {
	/* width: 6%; */
	margin: 0;
	/* margin: 0 2%; */
	/* width: 15%; */
}
/* .Title {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	padding: 2%;
	background-color: #eb3e80;
	box-shadow: -4px -4px 0px 2px #a5ebf7;
	font-style: italic;
} */

.bigBox{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.bigBox__content{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4%;
	/* width: 100%; */
	/* background-image: url(../images/bigBox__img.png);
	background-size: contain;
	background-repeat: no-repeat; */
	/* padding: 2% 5%; */

}



.bigBox__img__pc{
	text-align: center;
	position: relative;
	width: 80%;
	/* height: auto; */
	z-index: -1;
	display: block;
}
.bigBox__img__mobile{
	text-align: center;
	position: relative;
	width: 60%;
	z-index: -1;
	display: block;
}

.bigBox__info__wrap{
	position: absolute;
	/* display: flex; */
	 display: inline-block;
	/*width: 100%;*/
	z-index: 1;
	/* margin: 0.5%; */
	top: 26%;
	left: 47%;
}
.bigBox__info__img{
	position: relative;
	/* max-width: 100%; */
	margin: 0 5% 0 0;
}
.bigBox__info{
	padding-right: 10px;
}

.bigBox__info1, .bigBox__info2, .bigBox__info3{
	margin: 3% 0;
}




.bigBox__btn{
	/* margin: 0.5% !important;  */
}





.newItemBox {
	/* width: 90%; */
	width: 100%;
	display: flex;
	margin-top: 30px;
}
.newItem {
	width: 30%;
	margin: 1.5%;
}
.newItem ul li {
	list-style: none;
}
.newPic:hover {
	filter: saturate(1.3);
}
.newTitle {
	margin: 3.5% 0;
	line-height: 1.3em;
}


.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*/

.brandTitleBox>.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;
}
.brandArea {
    /*padding-top: 3%;*/
    width: 100%;
    margin: -2px auto 0;
    text-align: center;
    background: #000;
}
.brandTitleBox {
	padding-top: 2%;
	margin-bottom: 1.5%;
}
.brandBox {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 2%;
}
.btn_brand:hover {
	background-color: #e91e63;
}
.brandContentBox {
	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);
}
.brandTitleTag {
	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;
}
.brandTitleTag_H {
	border: 1px solid #b13135;
	display: inline-block;
	padding: 1% 4%;
	font-size: 0.75vw;
	line-height: 1.2em;
	visibility: hidden;
}
.brandTitle {
	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;
}
.brandTitle02 {
    font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
    font-size: 0.9vw;
    line-height: 1.2em;
    color: #777;
}
.brandPic {
	margin-top: 2%;
	bottom: -3px;
	position: relative;
}
.btn {
	/* line-height: 40px; */
	padding: 2px 14px; /* 3%; */
	text-align: center;
}
.btn_brand {
	position: absolute;
	bottom: 8%;
	width: 50%;
	left: 25%;
	color: #fff;
	background-color: #3e3f40eb;
}

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


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

.brandBox_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;
}
.brandBox_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: #f8bebe;
	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: #fff;
	color: #ff9292;
}
.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: 29;
}
.menu__style {
    background-color: #ffffff;
    opacity: 0.9;
    text-align: center;
}
.menu ul li {
    font-weight: bold;
    opacity: 1 !important;
    color: #e91e63;
    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:#333333;
	filter: none;
}
/*聯名蛋糕*/
.cake_M{
	display: none;
}
.cake_area {
    display: block;
    background-image: url(../images/bg2_01.jpg);
    height: 853px;
    margin-top: -20%;
}
.caketext_bg {
    position: absolute;
    z-index: 1;
    margin-top: 11%;
    padding-bottom: 5%;
    padding-left: 20%;
    width: 80%;
}
.cupcake {
    position: absolute;
    z-index: 10;
    text-align: center;
    margin: 15% auto auto 44.5%;
}
.SVIP {
    position: absolute;
    z-index: 10;
    text-align: center;
    margin: 15% auto auto 63.5%;
}
.cake_date{
	color:#fff;
}
.cake_title {
    color: #e4c374;
    font-weight: bold;
    font-size: 27px;
    line-height: 40px;
}
.cake_text {
    color: #cccccc;
    line-height: 23px;
}
.cake_btn{
	display: inline;
}
.cake_btn a{
	background-color: #cc0033;
	color: #fff;
}
.cake_btn a:hover{
	background: #fff;
	color: #cc0033;
}
.cake_link{
	display: inline;
}
.cake_link a {
    background-color: #cc0033;
    color: #fff;
    padding: 1.2%;
}
.cake_link a:hover{
	background: #fff;
	color: #cc0033;
}
/*標題字*/
.title_pic {
    display: block;
    margin: 0 auto;
    width: 20%;
    padding-top: 3%;
    padding-bottom: 1%;
}
/*美妝豪華禮*/
.makeup_area {
    background-image: url(../images/bg2_02.jpg);
    padding-bottom: 4%;
}
.makeup_area section{
	text-align: center;
}
.makeup_row{
	display: inline-block;
}
.makeup_text {
    margin-top: 78%;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}
.makeup_btn{
	display: inline;
}
.makeup_btn a{
	background-color: #000;
	color: #fff;
}
.makeup_btn a:hover{
	background: #fff;
	color: #cc0033;
}
.makeup_link{
	display: inline;
}
.makeup_link a {
    background-color: #000;
    color: #fff;
    padding: 0.6% 8%;
}
.makeup_link a:hover{
	background: #fff;
	color: #cc0033;
}
.makeup_area section div {
    width: 15%;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 1%;
}
.makeup_01{
	background-image: url("../images/makeup_item_1.png");
	}
.makeup_02{
	background-image: url("../images/makeup_item_2.png");
}
.makeup_03{
	background-image: url("../images/makeup_item_3.png");
}
.makeup_04{
	background-image: url("../images/makeup_item_4.png");
}
.makeup_05{
	background-image: url("../images/makeup_item_5.png");
}
.makeup_06{
	background-image: url("../images/makeup_item_6.png");
}
.makeup_07{
	background-image: url("../images/makeup_item_7.png");
}
.makeup_08{
	background-image: url("../images/makeup_item_8.png");
}
/*買精品送配飾*/
.exquisite_area{
	background-image: url("../images/bg2_03.jpg");
	text-align: center;
}
.exquisite_area section {
    display: inline-block;
}
.exquisite_B{
    width: 20%;
	vertical-align: top;
}
.exquisite_S {
    width: 16.5%;
    vertical-align: top;
}
.exquisite_textB {
    padding-top: 157%;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 14px;
}
.exquisite_textS {
    padding-top: 81%;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}
.exquisite_btn {
    display: block;
    margin-bottom: 8%;
}
.exquisite_btn a{
	background-color: #cc0033;
	color: #fff;
}
.exquisite_btn a:hover{
	background: #000;
	color: #fff;
}
.exquisite_link{
	display: inline;
}
.exquisite_link a {
    background-color: #cc0033;
    color: #fff;
    padding: 0.6% 8%;
}
.exquisite_link a:hover{
	background: #fff;
	color: #cc0033;
}
.exquisite_area section div {
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 3%;
}
.exquisite_01 {
    background-image: url(../images/new_item_1.png);
}
.exquisite_02 {
    background-image: url(../images/new_item_2.png);
}
.exquisite_03 {
    background-image: url(../images/new_item_3.png);
}
.exquisite_04 {
    background-image: url(../images/new_item_4.png);
}
.exquisite_05 {
    background-image: url(../images/new_item_5.png);
}
.exquisite_06 {
    background-image: url(../images/new_item_6.png);
}
/*買禮物送禮物*/
.gift_area{
	background-image: url("../images/bg_04.jpg");
}
.gift_area section{
	text-align: center;
}
.gift_row{
	display: inline-block;
}
.gift_text {
    margin-top: 80%;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}
.gift_btn{
	display: inline;
}
.gift_btn a{
	background-color: #cc0033;
	color: #fff;
}
.gift_btn a:hover{
	background: #fff;
	color: #cc0033;
}
.gift_link{
	display: inline;
}
.gift_link a {
    background-color: #cc0033;
    color: #fff;
    padding: 0.6% 8%;
}
.gift_link a:hover{
	background: #fff;
	color: #cc0033;
}
.gift_area section div {
	width: 17%;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 1%;
}
.gift_01{
	background-image: url("../images/gift_item_1.png");
}
.gift_02{
	background-image: url("../images/gift_item_2.png");
}
.gift_03{
	background-image: url("../images/gift_item_3.png");
}
.gift_04{
	background-image: url("../images/gift_item_4.png");
}
.gift_05{
	background-image: url("../images/gift_item_5.png");
}
.gift_06{
	background-image: url("../images/gift_item_6.png");
}
.gift_07{
	background-image: url("../images/gift_item_7.png");
}
.gift_08{
	background-image: url("../images/gift_item_8.png");
}
/* 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: #222222;
    z-index: 8;
}
/* 收合導覽黏人精*/

#sidebar .toggle-btn span {
    display: block;
    width: 30px;
    height: 90px;
    color: #ffffff;
    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;
}