/**思源宋體**/

@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: transparent;
	/* cursor: pointer;
	cursor: url(../images/cursor-er.cur) 4 12, pointer; */
}

.bg__theme {
	background-image:url(../images/fashion__bg.jpg);
	background-size: contain;
	/*background-color:#a01f1f ;
	 background-image: linear-gradient(-225deg, #c8ace5 0%, #f5c0e3 48%, #907ee3 90%, #aee7eb 100%); */
}
.bg__theme2{
	background-color: #b0d2dc;
}
.bg__theme__yel{
	background-color: #fcfd71;
}
.btn-line{
	background-color: #08a95b;
}
.bg-pink {
	background-color: #ffb3b3;
}
.bg-fuchsia {
	background-color: #EB3E80;
}
.bg-EBX {
	background-color: #b9d9ee;
}

.btn-theme {
    /* background-color: #938fdb;
    color: #fff; */
    /* border: solid 4px  black; */
    border-radius: 0px;
    width: 100%;
    padding: 5px 8px;
    margin: 0% 0% 0% 2%;
    transition: 1s;
    font-weight: bold;
}
.btn-purple{
	background-color: #c90121 !important;
	color: white !important;
	border: 2px #ffffff solid;
	border-radius: 0px;
}
.btn-purple:hover{
	/* background-color: #fff3b6 !important; */
	background-color: rgba(255, 255, 255, .85)!important;
	color: #c90121 !important;
	border: 2px #c90121 solid;
}
.btn-blacknew {
    background-color: #333333 !important;
    color: white !important;
    border: 2px #000000 solid;
	width: 94%;
	font-weight: bold;
	padding: 4% 4%;
	filter: drop-shadow(-2px 2px 0px rgba(0, 0, 0, 0.8));
}

.btn-blacknew:hover {
	/* background-color: rgba(255, 255, 255, .85)!important; */
	background-color: #000000 !important;
    color:  white !important;
	border: 2px #333333 solid;
	filter: drop-shadow(3px 3px 0px rgba(51, 51, 51, 0.8));
	font-style: italic;
}

.btn-black{
	background-color: #000 !important;
	color: white !important;
	border: 2px #000 solid;
	border-radius: 0px;
	font-size: large;
}
.btn-black:hover{
	/* background-color: #fff3b6 !important; */
	background-color: #333!important;
	color: #fff !important;
	border: 2px #333 solid;
	font-style: italic;
}
.btninfo {
    /* line-height: 2em; */
    padding: 5% 2%;
    text-align: center;
    font-weight: 600;
    color: #222222;
	text-decoration: underline;
	font-size: large;
}

.btninfo:hover {
	text-decoration: none;
	font-style: italic;
}
.btn-fuchsia{
	background-color: #ff80cd;
	color: #fff;
}
.btn-pink{
	background-color: #ff9292;
	color: #fff;
}
/* .mg-right-adj{
	margin-right: 2%;
} */
/* .btn-theme {
    background-color: transparent !important;
    color: #ffffff !important;
	border: 1px solid white;
    border-radius: 20px;
    box-shadow: #000 3px 3px 0px;
    font-weight: 600;
} */


.btn-theme2 {
    background-color: #ff549b;
    color: #fff;
    /* border: solid 4px  black; */
    border-radius: 0px;
    width: 100%;
    padding: 5px 8px;
    margin: 0% 0% 0% 2%;
    transition: 1s;
    font-weight: bold;
}


.btn-theme2:hover {
    background-color: #ff4c99;
    color: #ffffff;
    border: solid 4px  black;
    border-radius: 0px;
    width: 100%;
    font-weight: bold;
}
.btn-border {
    background-color: transparent;
    color: #fff;
    border: solid 2px  white;
    border-radius: 0px;
    width: 100%;
    padding: 5px 8px;
    margin: 0% 0% 0% 2%;
    transition: 1s;
    font-weight: bold;
}

.btn-theme-popup{
	background-color: #ff549b;
    color: #fff;
    border-radius: 0px;
    /* width: 100%; */
    padding: 5px 8px;
    margin: 0% 0% 0% 2%;
    transition: 1s;
    font-weight: bold;
}


.btn-theme-more {
    background-color: #f48dace0;
    color: #d53700;
    border: solid 4px  #da4b14;
    border-radius: 40px;
    width: 100%;
    padding: 7px 10px;
    margin: 2% 9.5%;
    transition: 1s;
    font-weight: bold;
}


.btn-theme3{
	background-color:#a01f1f;
	color: #fff
}
.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: #e5a95a !important;
	color: #a01f1f !important;
	padding: 8px 6px;
}
.btn-more:hover{
	background-color: #f3dcc8 !important;
	/* filter: invert(1); */
}

/*font color*/
.text_black {
	color: #111111;
}
.text_grey {
	color: #333333;
}
.text_w {
	color: #fff;
}
.text_pink{
	color: #e68484;
}
.text_yellow_lite {
	color: #ffef5c;
	font-weight: bold;
}
.text_green{
	color: #1a7451;
}
.text_orange{
	color: #f0893b;
}
.text_red{
	color: #c90121;
}
.text_snack_info{
	color: #2c2b15;
}

.text_blue{
	color:#015186;
	font-weight: 600;
}

.text_yellow{
	color:#FFEF07;
}
.discountBox__title__color2{
	color:#ec98f7; /*#D7393F;*/
}
.text_title {
	color: #a5ebf7;
}
.text_info2 {
	color: #004040;
	/* font-weight: 600; */
}
.text_info {
	color: #ffffff;
}
.text_darkO {
	color: #463c37;
}
.text_khaki {
	color: #a2877b;
}
.text_price_red{
	color: #F34D6D;
}
.text_fuchsia {
	color: #ff5991; /*#EB3E80; */
	font-weight: 600;
}
.text_bold {
	font-weight: 600;
}
.text-center {
	text-align: center;
}
.text-left{
	text-align: left;
}
.price-before {
	text-decoration: line-through;
	color:#9E8D8D;
}
.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.8vw;
	line-height: 2.2vw;
}
.f4 {
    font-size: 1.2vw;
    line-height: 2vw;
}
.f5 {
	font-size: 1.1vw;
}
.f6 {
	font-size: 1vw;
}
.f7 {
	font-size: 0.8vw;
}
.numbber-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2vw;
}

.btn-info {
    color: #000000;
    text-decoration: underline;
    padding: 10% 0% 0% 0%;
    display: block;
    margin-left: 17%;
    letter-spacing: 0.1vw;
    width: 100%;
    font-weight: bold;
}
.btn-info:hover{
	color: #db4534;
}


.btn-info2 {
    color: #ffd4c3;
    text-decoration: underline;
    padding: 10% 0% 0% 0%;
    display: block;
	margin-left: 17%;
    letter-spacing: 0.1vw;
    width: 100%;
    font-weight: bold;
}
.btn-info2:hover{
	color: #fff;
}


.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-title::after{
    content:"折扣碼【618BUY】";
    background-color: #EB3E80;
    padding: 1%;
} */

.coupon-text-info {
	color: #EB3E80;
	margin: 3%;
	line-height: 1.3em;
	font-size: 1.4rem;
}
.event_wrap {
	width: 100%;
	height: 100%;
	/* background-color:#f7f7f7; */
	/*font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";*/
}
a {
	color: #5d656c;
	text-decoration: none;
}
/*kv*/

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

.kv-gradient {
	/* background: linear-gradient(180deg,#feb0d8 75% , #fff); 
	background: linear-gradient(to botto,#feb0d8 75% ,#ffffff 95%);*/
	background-image: linear-gradient(180deg,#feb0d8 75% , #ffffff 95%);
}

/* 邊框動畫效果 */

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



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

.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: -44.5%;
    background: linear-gradient(to bottom, #5e624300 0%, #716fd400 12%, #0300ff00 36%, #8e8ce000 51%,#6b6ad9 77%, #8587de 100%);
}

/******* 全館優惠 discount *********/
.gift__area{
	width: 100%;
    margin: 0%;
    padding: 2% 0% 0%;
	background: linear-gradient(to bottom,#f23e31 20%,#f23e31 90%);
	
}
.tohome__area{
	width: 100%;
    margin: 0%;
	padding: 2% 0% 0%;
	background-color: #d3b350;
}
.discountArea {
	position: relative;
	width: 100%;
	margin: 0% auto;
	display: flex;
	align-items: center;
	justify-content: center;
	/* flex-wrap: wrap; */
	/* background: linear-gradient(to top, #16203b 0%, #16203bc7 40%, #16203b00 100%); */
	padding-bottom: 2.5%;
}

.discountBox {
    position: relative;
    width: 80%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	box-sizing: border-box;
	margin-top: -10.5%;
    /* padding-top: 48%; */
}
.discountBox ul li {
	list-style: none;
}
.discountBox_default img {
    border-radius: 16px;
}
.btn-main {
	padding: 5% 6%;
	text-align: center;
	font-weight: 600;
	font-size: large;
}
.btn-main-tohome {
	padding: 5% 6%;
	text-align: center;
	font-weight: 600;
	font-size: large;
}
.btn-darkblue {
    background-color: #f62a4e !important;
    color: white !important;
    border: 2px #f62a4e solid;
}
.btn-darkblue:hover {
    background-color: #fff !important;
    color: #f62a4e !important;
    border: 2px #f62a4e solid;
}

.btn-gold {
    background-color: #f84638 !important;
    color: white !important;
    border: 2px #ffffff solid;
}
.btn-gold:hover {
    background-color: #d3b350 !important;
    color: #0559a0 !important;
    border: 2px #ffffff solid;
}
.main-box-bk {
    /* background-image: url(../images/discountBox_bk.png); */
	text-align: center;
	width: 100%;
    height: auto;
    margin: 0%;
    padding: 2% 0% 2%;
    border: 0px #fff solid;
    position: absolute;
	z-index: 1;
	bottom: 5%;
}
.tohome-box-bk {
    /* background-image: url(../images/discountBox_bk.png); */
	text-align: center;
	width: 50%;
    height: auto;
    margin: 0% 5% 0% 45%;
    padding: 2% 0% 2%;
    border: 0px #fff solid;
    position: absolute;
	z-index: 1;
	bottom: 3%;
}

.main-box-bk img{
	text-align: center;
}
.SnoopyBox {
	position: relative;
	width: 80%; /* 80% */
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
	padding-top: 0%;
}
.everrichBox {
	position: relative;
	width: 47%;
    margin: 0% 1%;
    padding: 0.2%;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	/* box-shadow: #f4de34 26px 27px 0px; */
}
.everrichBox img {
	border-radius: 0px 0px 32px 0px;
}

/*discount*/
.mb-adj{
	margin: 17% auto;
}

.discount__date{
	color:#c85f56;
	font-weight: 600;
}
.discountTitle__number{
	width: 40%;
	margin: auto;
	/* background-color:#67a1e0; */
	color: white;
	filter: drop-shadow(2px 4px 6px rgb(253, 255, 236));
	padding: 2px 0;
}

.discountTitle__number__icon {
    position: absolute;
    max-width: 30%;
    right: 37%;
    top: -9%;
    margin: auto;
}

.discountArea__title{
	/* text-align: left; */
	margin-left: 10%;
	max-width: 34%;
}

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


.discountBox__icon {
    max-width: 33%;
    position: absolute;
    right: 5%;
	top: 52%;
	/* -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; */
}

@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(2px 0px 13px rgb(255, 255, 237));
} */

.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__default{
	position: relative;
	width: 25%; /*30%; */
	margin: 0;
	padding: 2%;
	/* border-radius: 14px; */
	background-size: contain;
	background-repeat: no-repeat;
	/* box-shadow: #f4de34 26px 27px 0px; */
}

.discountgame {
    margin: 1%;
    /* position: relative; */
}



.discountBox01__content, .discountBox02__content, .discountBox03__content{
	position: relative;
}

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


/* .discountBox01, .discountBox02, .discountBox03, .discountBox04 {
    padding: 9.5% 0% 2% 1%;
    margin: 1% 0%;
    background-size: 105%;
} */

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

.discountBtn {
    position: absolute;
    bottom: 12%;
    right: 27%;
    display: inline-flex;
    /* width: 64%; */
    /* flex-direction: column; */
    text-decoration: none;
}

.discountBox_default{
	position: relative;
	width: 23.5%;
	padding: 1% 0.2%;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0% 0.6%;
	-webkit-filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
}

/*  1/19 Duncan LINE貼圖  */
.duncan-tag {
    background-color: transparent;
    padding: 0% 1.5% 0.5%;
    display: inline-block;
    z-index: 2;
    position: relative;
}
.duncan-wrapper {
    width: 100%;
    margin: 1.5% 2% 1%;
    z-index: 4;
}
.duncan-icon{
	position: relative;
    width: 19%;
    padding: 1.5% 1%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 1% 3% 0%;
    float: left;
}
.duncan-bk{
	position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2.5% auto 0%;
    padding-bottom: 2.5%;
    z-index: 0;
}
.duncanBox {
	position: relative;
	width: 70%; /* 80% */
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	box-sizing: border-box;
	background-color: #fffee8;
	border-radius: 24px;
	padding-bottom: 1%;
}


.discountBox_odd {
	margin-top: 3%;
}
.btn-wrapper {
	width: 40%;  
	margin: 2% auto 1%;
	/* display: inline-block; */
}

.btn-exclusive {
	width: 64%;  
	margin: 2% 1%;
	/* display: inline-block; */
}
.btn-wrapper1 {
	width: 60%;
    margin: 2% 25% 1% 15%;
	/* display: inline-block; */
}
.btn-wrapper-more {
	margin: 4% 40% 0%;
    border: 0px #fff solid;
}

.discount_btn img {
    display: block;
	margin: -5% 5%;
    width: 37.3%;
    position: absolute;
}
.discount_btn img:nth-of-type(2):hover{
	opacity:0;
}


/*  抽抽樂   */
.btn-wrapper-gift {
    width: 90%;
    margin: 1.5% 0% 1% 10%;
    z-index: 4;
}
.btn-main-inline {
    display: inline-block;
	padding: 1% 2.5%;
	font-weight: 600;
	font-size: 1.5vw;
	width: 20%;
	/* font-size: larger; 
		margin-left: 7%;*/
	text-align: center;

}
.btninfo-c {
    /* line-height: 2em; */
    padding: 1% 2%;
    text-align: center;
    font-weight: 600;
    color: #333333;
	text-decoration: underline;
	font-size: large;
}

.btninfo-c:hover {
	text-decoration: none;
	color: #f62a4f;
    text-decoration: none;
    font-style: italic;
}
.btn-inline {
    display: inline-block;
	margin: 0% 0% 0% 10%;
}
.game-dis {
	display: inline-block;
	padding-left: 4%;
}
.game-text {
    font-size: 1vw;
	text-align: left;
	line-height: normal;
	padding-top: 4px;
}


/*discount ROW2*/
.discountArea_row2 {
	position: relative;
	width: 100%;
	/* margin-bottom: 3.5% !important; */
	display: flex;
	align-items: center;
	justify-content: center;
	/* flex-wrap: wrap; */
	/* background: linear-gradient(to top, #16203b 0%, #16203bc7 40%, #16203b00 100%); */
	margin-top: 0%;  /*-25% */
	padding-bottom: 2.5%;
}
.discountBox2 {
	position: relative;
	width: 82%; /* 80% */
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	box-sizing: border-box;
	padding: 1% 0%;
}

.discountBox2_L {
	width: 49%; /* 80% */
}
.coupon {
	display: block;
}
.mcoupon {
	display: none;
}
.EBxBox_default_row{
	position: relative;
    margin: 0% 1%;
    padding: 0%;
	background-size: contain;
	/* box-shadow: #917f9d 6px 8px 8px; */
}

.snoopy_btn img {
    display: block;
	margin: -5% 5% 0%;
    width: 34%;
    position: absolute;
}
.snoopy_btn img:nth-of-type(2):hover{
	opacity:0;
}

.snoopy_btn2 img {
    display: block;
    margin: -12% 4% 0%;
    position: absolute;
    width: 90%;
}

.discount_more_btn img {
	display: block;
    margin: -5% 3.6% 0%;
    width: 12.8%;
    position: absolute;
    border: 0px #fff solid;
}
.discount_more_btn img:nth-of-type(2):hover{
	opacity:0;
}

.discount_btn img {
    display: block;
	margin: -5% 5%;
    width: 37.3%;
    position: absolute;
}
.discount_btn img:nth-of-type(2):hover{
	opacity:0;
}

.discount_shop_btn img {
    display: block;
	margin: -5% 5%;
    width: 10%;
    position: absolute;
}
.discount_shop_btn img:nth-of-type(2):hover{
	opacity:0;
}
/*  .btn-wrapper {
	width: 42%;  
	margin: 4% auto 1%;
	display: inline-block;
}
*/

.btn-main {
	padding: 4% 2%;
    text-align: center;
	font-size: large;
	font-weight: 600;
}

.btn {
	/* line-height: 40px; */
	padding: 3%;
	text-align: center;
}







/* game */
.game__wrap{
	position: relative;
}
.game__bg{
	position: relative;
	z-index: 1;
}
.game__img {
    position: absolute;
    z-index: 3;
    width: 70%;
    max-width: 70%;
    right: 15%;
    bottom: 17%;
}

.game__img:hover{
	transform: scale(1.03);
	transition: all 0.2s;
	cursor: pointer;
}

.gameBtn {
    position: absolute;
    bottom: 11%;
    right: 46%;
    /* display: inline-flex; */
    /* width: 64%; */
    /* flex-direction: column; */
    text-decoration: none;
    z-index: 3;
}

.cardBtn {
    position: absolute;
    bottom: 17%;
    left: 7%;
    display: inline-flex;
    /* width: 64%; */
}



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




.monsterGift__area {
    position: relative;
    justify-content: center;
    align-items: center;
    /* padding: 3% 0; */
    /* background-color: #c8dfe5; */
}


.gotohomeGift__wrap {
	margin: 1.5% auto 0.5%;
	/* 
	-webkit-filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	*/
}

.gotohomeGift__wrap img {
	width: 100%;
}

.gotohomeGift__wrap img:hover {
	transform: scale(0.98);
	transition: all .2s linear;
}

.gotohomeGift__wrap a:hover {
	opacity: 0.9;
    transition: all .2s linear;
}

.monsterGift__area__btn{
	width: 100%;
}

.areaBtn {
    position: absolute;
    bottom: 3%;
    left: 30%;
    display: inline-flex;
    /* width: 64%; */
}


/****************  SNOOPY Gift ********************/

.event-box-wrap-row1 {
    position: relative;
	text-align: center;
	/* height: 460px; */
    padding-top: 2%;
}
.bk-discount-row {
	/* background: linear-gradient(to bottom, #ffcfd9 0%, #ffcfd9 95%);  */
	background-image: url(../images/mockup-snoopyGift-bk.jpg);
    background-repeat: no-repeat;
}

.snoopyArea {
	position: relative;
	width: 100%;
	/* margin-bottom: 3.5% !important; */
	display: flex;
	align-items: center;
	justify-content: center;
	/* flex-wrap: wrap; */
	/* background: linear-gradient(to top, #16203b 0%, #16203bc7 40%, #16203b00 100%); */
	margin-top: 0%;  /*-25% */
	padding-bottom: 3%;
}
.GameBox {
	position: relative;
	width: 80%; /* 80% */
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
	padding-top: 0%;
	margin-top: 2%;
}
.discountBox_default_row2{
	position: relative;
	width: 21%;   /* width: 46.9%; */
    margin: 0% 1%;  /* margin: 0%; */
    padding: 0.2%;
	background-size: contain;
	background-repeat: no-repeat;
	/*
	-webkit-filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	*/
	/* box-shadow: #f4de34 26px 27px 0px; */
}

/*
.discountBox_default_row2 img{
	margin: 7px 0px;
}
*/

.main-type-1 hr {
    margin: 5px auto 15px;
}

.main-box-bk_row2-2 {
	width: 100%;
    text-align: center;
    height: auto;
    padding: 5% 0% 2%;
    border: 0px #333 solid;
    position: absolute;
    z-index: 3;
    left: 0%;
    list-style-type: none;
    top: 12%;
}
ul.main-box-bk_row2-2 li{
	margin: 65% auto 2%;
}
.f6_r {
	font-size: 1vw;
	font-weight: bold;
	letter-spacing: 1px;
}
.f3_r {
	font-size: 1.6vw;
	/* filter: drop-shadow(0px 0px 3px #ff425a); */
}
.f3_r14 {
	font-size: 1.4vw;
	/* filter: drop-shadow(0px 0px 3px #ff425a); */
}
.f5_r {
	font-size: 1.05vw;
    font-weight: 400;
    line-height: normal;
    font-style: italic;
}
.text_white {
	color: #fff;
}
.text_black {
	color: #222222;
}
.text_blue {
	color: #0559a0;
}
.text_pink {
	color: #de678b;
}
.btn-wrapper2 {
	width: 42%;
	display: inline-block;
}
.btn-wrapper3 {
	width: 42%;  
	margin: 2% auto 1%;
	display: inline-block;
}
.w42 {
	width: 42%;
}
.w36 {
	width: 36%; 
}

.btn-pinknew2 {
    background-color: #009ee7 !important;
	color: white !important;
	font-size: large;
    border: 2px #000000 solid;
	font-weight: bold;
	padding: 2% 4%;
	filter: drop-shadow(-2px 2px 0px rgba(0, 0, 0, 0.8));
}

.btn-pinknew2:hover {
	/* background-color: rgba(255, 255, 255, .85)!important; */
	background-color: #2b7dd1 !important;
	color:  white !important;
	font-style: italic;
	border: 2px #000000 solid;
	filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.8));
}
.btn-pinknew {
    background-color: #009ee7 !important;
	color: white !important;
	font-size: large;
    border: 2px #000000 solid;
	width: 94%;
	font-weight: bold;
	padding: 4% 4%;
	filter: drop-shadow(-2px 2px 0px rgba(0, 0, 0, 0.8));
}

.btn-pinknew:hover {
	/* background-color: rgba(255, 255, 255, .85)!important; */
	background-color: #2b7dd1 !important;
	color:  white !important;
	font-style: italic;
	border: 2px #000000 solid;
	filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.8));
}
.btn-pink-info{
	padding: 4% 2%;
	background-color: transparent !important;
	color: #111111 !important;
	border: 0px #fdff08 solid;
	font-size: large;
	text-decoration: underline;
	position: absolute;
	margin: -7% 5% 0%;
}
.btn-pink-info:hover{
	color: #fff !important;
	border: 0px #fff solid;
	text-decoration: none;
	font-style: italic;
}


/***** background icon *****/

.bk-travel-img {
    background-image: url(../images/travel-drawing.jpg);
    background-repeat: no-repeat;
}

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

.bk-discount-img {
    background-image: url(../images/discountW2-bk.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

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

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

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

/***** END background icon *****/




/**** START dutyfree  ****/

.event-box-wrap-V {
	position: relative;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 0%;
}

.bk-summer-icon2 {
	background-color:#f62a4e;
}

.bk-summer-icon1 {
	background-image: url(../images/bk1-dutyfree.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/* background-repeat: repeat-y; */
	/*
	background-image: url(../images/bk-icon/icon-summer1.gif),url(../images/bk-icon/icon-summer2.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: -4% 18%, 99% 25%; 
	background-color: #3bb5c4;
	*/
}

.brandBox_bestChoice {
    width: 100%;
    margin: 0%;
    padding: 0%;
}


.newin__area{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 84%;
    /*  margin: 0% 8%; */
	padding-bottom: 3%;
	margin: auto;
}

.newin__row{
    display: flex;
    flex-wrap: wrap;
}


.newin_box {
    position: relative;
    width: 21.9%;
    margin: 0% 0.5%;
}

.lnewIn-bg {
	filter: none;
    /* filter: saturate(1.1); */
}
.lnewIn-bg:hover {
	/* filter: saturate(1.8); */
	filter: contrast(130%);
    transform: scale(1.03);
	transition: all 0.2s;
}

.lnewIn-bg:hover img{
	border-radius: 0px;
	/*
	-webkit-filter: drop-shadow(5px 5px 0px rgba(36, 36, 36, 0.3));
	filter: drop-shadow(5px 5px 0px rgba(36, 36, 36, 0.3));
	*/
}


.btn-wrapper-more2 {
	width: 80%;  
	margin: 1% auto; 
}

.btn4 {
    padding: 0 7%;
    text-align: center;
}
.moreBtn1 {
	width: 16%;
    font-size: large;
    font-weight: bold;
    background-color: #f7ff37 !important;
    color: black !important;
    border: 2px #000000 solid;
    border-radius: 0px;
    box-shadow: rgba(36, 36, 36, 0.5) 4px 4px 0px;
    /* padding: 12px 4px; */
    margin: 0% 42% 1%;
    padding: 1% 2%;
}
.moreBtn1:hover {
	background-color: #c9ca4a !important;
    color: black !important;
	border: 2px #000000 solid;
	font-style: italic;
	box-shadow: rgba(2247, 255, 55, 0.8) 4px 4px 0px;
}

/**** END dutyfree  ****/

/*** START  airport style ****/

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

.boutique_box img {
    width: 80%;
    display: block;
    margin: 6% auto;
}
.boutique_box{
	display: inline-block;
}

/*** END  airport style ****/

/*** START  beauty ****/
.bk-beauty-icon1 {
	background-color:#025186;
	/* background-image: url(../images/bk3-beauty.jpg);
	background-size: cover;
	background-repeat: no-repeat; */
}
.beauty__box__btn {
    position: absolute;
    z-index: 3;
	width: 36%;
    bottom: 8%;
    margin: 0% 32%;
}

.btn-shop-icon {
	background-image: url(../images/btn-Shop.png);
	background-repeat: no-repeat;
	color: transparent;
    padding: 14% 10%;
    border: 1px #fff solid;
}
.btn-shop-icon:hover {
	background-image: url(../images/btn-Shop-hover.png);
}
/*** END  beauty ****/


.card__area{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	/* width: 87%;
	max-width: 87%;
	margin-left: 3%; */
}

.card {
    position: relative;
    width: 38%;
    max-width: 38%;
    margin: 1%;
    /* margin: auto; */
}


.card__title__color{
	color: #af032d;
	font-weight: 600;
}

.cardText {
    color: #000000;
    font-weight: 400;
    /* margin: 1%; */
    /* padding: 1% 0; */
    z-index: 5;
}
.shipDay{
	position: relative;
    width: 100%;
}


.bg__50off {
    background-image: url(../images/bg__50off.jpg);
    padding-bottom: 4%;
    background-size: contain, cover;
    background-repeat: no-repeat;
}

#upto50off .boutiqueSale__area img{
	filter: brightness(0.8);
}

#upto50off .boutiqueSale__area img:hover{
	filter: brightness(1);
}





.icon__beauty__bg{
	position: relative;
	width: 12%;
}
.icon-beauty-bg-l{
	position: absolute;
	bottom: 0;
	left: 0%;
}
.icon-beauty-bg-r{
	position: absolute;
	bottom: 0;
	left: 728%;
}

.bg__theme__fashion{
	background-image: url(../images/korea__bg.jpg);
}



.bg__theme__sunGlass {
    background-color: #ffefdf;
    padding-bottom: 3%;
    /* background-size: cover; */
}

.bg__theme__mustbuy {
	/* background-image: url(../images/korea__bg.jpg); */
	background-color: #ff99ca;
	background-size: cover;
	padding-bottom: 3%;
}

.icon__roadSign {
    position: absolute;
    max-width: 7%;
    width: 7%;
    left: 5%;
    bottom: 15%;
}



.icon__text {
    position: absolute;
    max-width: 27%;
    width: 27%;
    left: 66%;
    bottom: 0.2%;
    z-index: 3;
}


.sunGlass__flex__area {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.sunGlass__flex__box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sunGlass__flex__wrap-1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.sunGlass__flex__wrap-2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}


.bg__travelRecommand{
	background-color: #f28dac;
}


.no__padding{
	padding: 0 !important;
}
.flex__area {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    width: 85%;
    margin: auto;
    /* flex-wrap: wrap; */
}

.travelRecommand__wrap{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.poplar_box {
	width: 90%;
	margin-bottom: 2%;
}

.flex__wrap{
	display: flex;
    justify-content: center;
	align-items: center;
}
.flex__box {
	position: relative;
	padding: 0px;
    /* padding: 5px 5px; */
}
.flex__box__theme{
	width: 23%;
	margin: 0 0.5%;
}

.flex__box img:hover {
    /* filter: brightness(1.1); */
    /* transform: scale(1.03); */
    transition: all 0.2s;
    filter: contrast(1.05);
}
/* .boutiqueSale__box__contentText {
    position: absolute;
    z-index: 3;
    width: 60%;
    left: 20%;
    bottom: 35%;
} */

.boutique__box__btn {
	width: 100%;
	text-align: left;
	margin-top: 4%;
}

.dutyfree__box__btn {
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 1%;
}

.dutyfree__box__btn3 {
    position: absolute;
    z-index: 3;
	width: 16%;
    bottom: 36%;
    margin: 0% 25% 0% 59%;
}

.boutiqueSale__box__btn {
    position: absolute;
    z-index: 3;
    width: 60%;
    left: 20%;
    bottom: 24%;
}
.korea__text {
    position: absolute;
    top: 45%;
    right: 40%;
    z-index: 3;
}


.bg__summerCare{
	background-color: #fbd40a;
}
.bg__skinCare{
	background-color: #3082d6;
}




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

}
.flashSaleArea{
	text-align: center;
	width: 100%;
}

.flashSale__wrap{
	position: relative;
	display: flex;
	justify-content: center;
	/* align-items: center; */
	flex-wrap: wrap;
	padding: 0 8%;
}


/* .gift__area */

.gift__area{
	text-align: center;
}
.exclu__area{
	text-align: center;
}

.flashSale__area{
	position: absolute;
	left: 32%;
	top: 15%;
	/* width: 45%; */
	/* border: 0.25rem solid #FFB236 ; */
	/* background-color: #ffecec94; */
	/* background-image: url(../images/bg__wine.jpg); */
	padding: 3% 5% 3% 4%;
	/* margin-right: -5%; */

}
.gift__area__02{
	left: 7%;
	top: 8%;
}

.flashSale__img{
	width: 44.5%;
	margin: 5% 0%;
}

.flashSale__bg{
	position: relative;
    width: 50%;
    margin: 5% 0%;
}


.gift__info{
	margin-top: 5% ;
}
.icon__date {
    position: absolute;
    max-width: 60%;
    width: 47%;
    z-index: 5;
    top: -8%;
    left: 10%;
}
.icon__date__text {
    position: absolute;
    color: white;
    left: 30%;
    top: 23%;
    transform: rotate(-7deg);
    z-index: 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(0.98);
	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: #8e2527;
	margin-bottom: 7%;
	width: 55%;
	color: #fff;
}
.brandBox__btn-wrapper2>.btn:hover {
    color: #ffa2a2;
    background-color: #000;
}

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

.brandBox__area__layout{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0% 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: 61.4%;
	/* margin-bottom: 3%; */
	margin: 0 7px 2% 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: #ff7b7b;
}
.star__content__text{
	color: #000102;
}




/* ------------------ 限量美妝 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;
	}
}

.discountTitle {
	position: relative;
    font-weight: 600;
    margin-bottom: 0%;
    line-height: normal;
    Letter-spacing: 0.03em;
    margin-top: 3%;
}

/* .discountTitle::before{
	content: "";
	position: absolute;
	width: 50%;
	height: 20px;
	background-color: #a5ebf7;
	right: 25%;
	bottom: 10px;
	z-index: -3;
} */
.mb4 {
	margin-bottom: 4%;
}
.mb5 {
	margin-bottom: 5%;
}
.mt5 {
	margin-top: 5%;
}
.mt14 {
	margin-top: 14%;
}

.mt2 {
	margin-top: 2%;
}
.mg5{
	margin: 5% 0;
}
.mg3{
	margin: 3% 0;
}
.discountText {
	line-height: 1.5em;
	/* margin-bottom: 2%; */
	padding: 1% 0;
	z-index: 5;
}
.discountText02, .discountText02_H {
	margin-bottom: 2%;
}
.discountText02_H {
	visibility: hidden;
}
.discount_info, .discount_action {
	background-color: #191410;
	display: inline-block;
	padding: 8px 5px;
	margin: 4% 0.5%;
}
.discount_info:hover, .discount_action:hover {
	 background-color: #3607a1; /*黃 #fedb44; 粉紅 #ff908e  */
}
/* 三格+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;
}

/* ------ X'mas ----- */
.xmas__area{
	width: 100%;
	margin: 0%;
	padding: 2% 0% 2%;
	/* background: linear-gradient(to top, #021c8c 5%, #051773 40%, #081457 100%); */
	background-color: #e9e9e9;
}
.xmas__area2{
	width: 100%;
	margin: 0%;
	padding: 0% 0% 2%;
	/* background: linear-gradient(to top, #021c8c 0%, #021c8c 40%, #021c8c 100%); */
	background-color: #021c8c;
}
.xmas__snow{
	width: 100%;
	padding: 0%;
	background-image: url(../images/snow-icon.png);
	background-repeat: repeat-x;
	/* background: linear-gradient(to top, #021c8c 0%, #051773 40%, #081457 100%); */
}
.bk_gradient {
	background: linear-gradient(to top, #021c8c 0%, #051773 40%, #081457 100%);
	
}

.xmasArea {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background: linear-gradient(to top, #16203b 0%, #16203bc7 40%, #16203b00 100%); */
	margin-top: 0%;  /*-25% */
	padding-bottom: 1%;
}
.xmasBox {
	position: relative;
	width: 80%; /* 80% */
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
	padding-top: 0%;
}

.xmasBox_row {
	position: relative;
	width: 100%;
    margin: 0% 0.5%;
	padding: 0%;
	display: inline-block;
}
.xmasBox_row2 {
	position: relative;
	width: 48%;
    margin: 0% 0.5%;
	padding: 0%;
	display: inline-block;
	/* 
	-webkit-filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.2));
	box-shadow: #f4de34 26px 27px 0px; */
}
.xmasBox_row1 {
	width: 22.35%;
    margin: 0% 0.5% 0% 0%;
    padding: 0%;
	display: inline-block;
}
.xmasBox_row3 {
	width: 22.35%;
    margin: 0% 0% 0% 1%;
    padding: 0%;
	display: inline-block;
}
.xmasBox_product4 {
	position: relative;
	width: 17.8%;
    margin: 0% 0.5% 2%;
	padding: 0%;
	display: inline-block;
	background-color: #fff;
	padding: 0.5%;
	border-radius: 12px;
	text-align: left;
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}
.xmasBox_product4 h3{
	font-size: 1.2vw;
	padding: 2%;
	font-weight: 600;
}
.xmasBox_product4 h5{
	font-size: 1.1vw;
	padding: 2%;
	color: #555555;
	font-weight: 600;
}
.xmasBox_product {
	position: relative;
	width: 46.5%;
    margin: 0% 1%;
	padding: 0%;
	display: inline-block;
}

.xmasBox_product1 {
	position: relative;
	width: 100%;
    margin: 0%;
    padding: 0%;
}
.xmasBox_product img, .xmasBox_product1 img, .xmasBox_product4 img {
	width: 100%;
}

.xmasBox_product img:hover, .xmasBox_product1 img:hover , .xmasBox_product4 img:hover {
	transform: scale(0.98);
	transition: all .2s linear;
	-webkit-filter: drop-shadow(4px 4px 4px rgba(255, 255, 255, 0.8));
	filter: drop-shadow(4px 4px 4px rgba(255, 255, 255, 0.8));
}






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



.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: 1% 0 3% 0;
    width: 100%;
    margin: -2px auto 0;
    text-align: center;
    background: #ffc1cc;
}
.brandTitleBox {
	padding-top: 2%;
	margin-bottom: 1.5%;
}
.brandBox {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 2%;
}
.btn_brand:hover {
	background-color: #f62a4e;
}
.brandContentBox {
	width: 23%;
	background-color: #f7f7f7;
	padding: 1.5% 0 0;
	display: inline-table;
	margin: 0 0.5% 1%;
	position: relative;
	filter: drop-shadow(4px 5px 3px #df8c9a);
}
.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.6vw;
	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;
}
.brandPic {
	margin-top: 2%;
	bottom: -3px;
	position: relative;
}
.btn {
    line-height: 35px;
    padding: 4px 16px !important;
    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: 'Noto Serif TC', serif, Helvetica, Arial;
	font-size: 65px;
	font-weight: 600;
	font-style: italic;
	line-height: 80px;
}
.event-wrap-2 {
	font-family: futura-pt, Helvetica, Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
}
.title-pd{
	/* padding: 3% 0; */
	text-align: center;
}

.title-area img {
	max-width: 33%;
	margin: 0 0 1% 0; /* 2% 0 1% 0;*/
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}
.title-area-duncan img {
	max-width: 33%;
	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%;
}



.event-box-title{
	text-transform: uppercase;
}
.event-box-wrap {
    position: relative;
	text-align: center;
	padding: 2.5% 0% 0%;
    /*
	margin-top: -33.5%;
     padding-bottom: 3%; */
}

.event-box-wrap2 {
    position: relative;
	text-align: center;
	padding: 2.5% 0% 1.5%;
    /*
	margin-top: -33.5%;
     padding-bottom: 3%; */
}

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

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

.event-box-wrapper{
	position: relative;
}

.helloArea {
    width: 100%;
    text-align: center;
    margin-top: 0;
}

.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 {
	position: relative;
	color: black;
	width: 21%;
    height: 100%;
    margin: 1% 0.5%;
	display: inline-table;
	padding-bottom: 1%;
	/* 
	width: 23%;
	text-align: center; */
	/* background-color: #ffdcb6; */
	/* filter: drop-shadow(1px 2px 7px #fff); */
	/* border-radius: 20px; */
}


.button__big {
    background-color: #ff9797 !important;
    width: 70%;
}

.bg-boutique-info-box:hover{
	transform: scale(0.98);
	transition: all 0.2s;
}

.bg-beauty-info-box:hover{
	transform: scale(1.02);
	transition: all 0.2s;
}

.bg-travel-info-box:hover{
	transform: scale(1.02);
	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;
}

.bg_EventHighlights {
	/* background-color: #fffd99; */
	background-color: #d8af53;
    padding-bottom: 1.5%;
}
.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;
}

.event-box-wrap ul a:hover .event-box-img-wrap img {
	opacity: 0.95;
	transition: all .2s linear;
}
.event-box-wrap ul a:hover .btn {
    background: #8486de;
    color: #ffe0d2;
    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;
    padding-top: 2%;
}
.highlight-event-box-wrap ul {
	width: 80%;
	margin: 0 auto;
}
.highlight-event-box-wrap ul li {
	width: 22%;
	margin: 2% 1%;
	display: inline-table;
	text-align: center;
	color: black;
}
.highlight-event-box-img-wrap img {
	width: 100%;
	/* opacity: .9; */
}
.highlight-event-box-text-wrap h4 {
	font-size: 1.2vw;
	line-height: 35px;
	color: #ffffff;
	/* color: #ec1339; */
}
.highlight-event-box-content {
	line-height: 1.3em;
}

.btn-event {
	background-color: #222 !important;
	color:#fff3b6 !important;
    border: 0px#fff3b6 solid;
    border-radius: 0px;
    font-weight: bold;
    padding: 2%;
    width: 36%;
    margin: 2% 32%;
    font-size: medium;
}
.btn-event:hover {
	background-color: transparent !important;
	color: #111111 !important;
    border: 2px #111111 solid;
}



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

.highlight-event-btn {
    background: #004040;
    width: 36%;
    margin: 2% auto;
    padding: 1.5%;
	color: wheat;
	/* box-sizing: border-box; */
	font-weight: 600;
}
.highlight-event-btn:hover {
    background: transparent;
    color: #a11f1f;
    transition: all 0.5s linear;
	border: 0.5px solid #a11111;
}
/*******************
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: 8px 8px 0px 0 rgba(0, 0, 0, 0.3);
	/* 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: #015186;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
}
.modal-content .close {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #015186;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
}
.modal-content .close:hover {
	background-color: #d8af53;
	color: #ffffff;
}
.modal-header h3 {
	color: #ffffff; /* #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: #222222;
	background-color: #fdffe8;
	border: #015186 3px solid;
}
.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: #015186;
}
.modal-body-inner::-webkit-scrollbar {
	width: 5px;
	background-color: #d8af53;
}
.modal-body-inner::-webkit-scrollbar-thumb {
	background-color: #d8af53;
}
.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;
}
.modal-body a {
	color: #ffffff;
	background-color: #f62a4e;
	border: 2px #f62a4e solid;
	padding: 1% 4%;
	font-weight: 600;
}
.modal-body a:hover {
	transition: all .2s linear;
    background-color: #fdffe8 !important;
    color: #f62a4e !important;
    border: 2px #f62a4e solid;
}
.modal-body-text-wrap {
	margin-bottom: 20px;
}
.modal-body-text {
	font-size: 15px;
}
.modal-body-text ul li .download-color {
	color: #015186 !important;
	background-color: #deb85b !important;
	padding: 2px 4px !important;
	border: 0px #deb85b solid;
}
.modal-body-text ul li .download-color:hover {
	color: #fff !important;
	background-color: #deb85b !important;
	border: 0px #deb85b solid;
}
.LH {
	font-size:18px;
	font-weight: 600;
	color: #f62a4e !important;
	padding-bottom: 2%;
}
.modal-body-text-wrap h5 {
    color: #e15680;
    font-size: 0.95vw; /* 1.2vw */
    font-weight: 600;
}
.modal-body-text-special{
	color:#ffef9a;
}
.modal-body-text-wrap h6 {
	color: #999;
	font-size: 12px;
}
.pop-text-center {
	text-align: center;
}
/* 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: #fdffe8;
    /* opacity: 0.9; */
    /* background-image: linear-gradient(to bottom, #f78298 0%, #fb6f8aed 40%,  #fdc192e6 80%,  #fe988b 100%); */
    text-align: center;
    border: 2px solid #074e85;
}
.menu ul li {
    font-weight: 800;
    opacity: 1 !important;
    color: #074e85;
    display: inline-block;
    border-bottom: 1px solid #e15680;
    line-height: 2.4em;
    width: 92%;
    /* filter: drop-shadow(0.1px 0px 1px rgb(255, 255, 237)); */
    letter-spacing: 1px;
}
.menu ul li a{
	filter: none;
}
.menu ul li:hover {
    color: #f62a4d;
    /* filter: none; */
    font-weight: 700;
}
/* hide sidenav 黏人精*/

.menu>img {
	padding: 0%;
}

#sidebar {
	transition: all 300ms linear;
}
#sidebar.active {
	right: -800px;
	/* -200px */
}
#sidebar .toggle-btn {
    position: fixed;
    /* position: absolute; */
    right: 0px;
    /* top: 50px; */
    box-shadow: 2px 2px 2px 1px rgba(252, 93, 174, 0.3);
    cursor: pointer;
	border-radius: 0px;
    background-color: #074e85;
}
/* 收合導覽黏人精*/

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

.toTop-arrow {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    opacity: 0.8;
    background: #222222;
    color: #ffffff;
    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: #fff;
	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 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;
}