@media (min-width:1921px) {
	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 8%;
		width: 11%;
	}
	.menu>img {
		margin-bottom: 4%;
		padding: 3%;
	}
	.menu__style {
		padding: 6% 1% 10%;
		border-radius: 25px;
	}
	.menu ul li {
    line-height: 2.4em;
    font-size: 1em;
}
}
@media (max-width:1920px) {
	/*sidenav*/
	.menu {
    right: 1%;
    bottom: 8%;
    width: 11%;
}
	.menu__style {
    padding: 3% 0% 7%;
    border-radius: 15px 0;
}
    .menu ul li {
        line-height: 2.4em;
        font-size: 0.9vw;
        font-weight: 400;
    }
}
@media (max-width:1800px) {
	/*sidenav*/
	.menu {
        right: 1%;
        bottom: 8%;
        width: 14%;
    }
	.menu>img {
    margin-bottom: -3%;
}
	.menu__style {
    padding: 6% 1% 10%;
    border-radius: 25px 0px;
}
	.menu ul li {
		line-height: 2.4em;
		font-size: 1vw;
	}
	/*品牌活動*/
	.bh_flexG4_container {
    width: 100%;
}
}
@media (max-width:1600px) {
	/*全館活動*/
    .discountBox {
        width: 60%;
    }
	/*免稅必逛 市價五折*/
	.title_duty {
    margin: 5vw 35% 1vw;
}
	.dutyWrap {
    width: 78%;
    margin: 0 11%;
}
	.dutyArea {
    height: 108vw;
}
	/*品牌活動*/
	.brandBox {
    width: 90%;
}
	/*社群*/
	.socialTitle {
    width: 14%;
    margin: 0px 43%;
}
}
@media (max-width:1500px) {
	/*側邊欄*/
    .menu ul li {
        line-height: 2.6em;
        font-size: 1.05vw;
    }
	/*全館活動*/
    .brandTitle {
        font-size: 1.4em;
        font-weight: 400;
    }
	.brandTitleTag {
    font-size: 0.9em;
}
	.btn_brand {
    font-size: 0.9em;
}
	/*全館活動*/
	.title_event {
    margin: 2vw 30% 0;
}
	.highlight-event-box-wrap ul {
    width: 85%;
}
	.highlight-event-box-btn {
    width: 35%;
    line-height: 2vw;
}
	.highlight-event-box-wrap {
    height: 43vw;
}
	/*follow*/
    .title_follow {
        margin-top: 1vw;
    }
	.eventArea {
        height: 84vw;
    }
	.socialBox00 {
    width: 22%;
}
}
@media (max-width:1400px) {
	/*側邊欄*/
	.menu {
    width: 16%;
}
	.menu ul li {
    font-size: 1em;
}
	/*全館活動*/
	.top__area__bg {
    margin-top: -35.5vw;
}
	.discountBox {
        width: 63%;
    }
	/*免稅必逛市價五折*/
    .title_duty {
        width: 32%;
        margin: 4.5vw 34% 1vw;
    }
	.dutyWrap a {
    margin: 0.5vw;
    width: 20%;
}
    .dutyArea {
        height: 113vw;
    }
	/*美妝保養*/
	.title_skin {
    width: 32%;
    margin: 3vw 34% 2vw;
}
	.skinWrap a {
    width: 27%;
}
	.skinArea {
    height: 75vw;
}
	/*時尚配件*/
	.fashionArea {
    height: 58vw;
}
}
@media (max-width:1280px) {
	/* sidenav */
    .menu {
        width: 17%;
    }
	.menu__style {
		padding: 8% 1%;
		border-radius: 10px;
	}
	.menu>img {
    margin-bottom: -2%;
}
	.menu ul li {
		font-size: 1em;
		line-height: 2.1em;
	}
	/*全館活動*/
    .discountBox {
        width: 62%;
    }
	.discountBox__default {
    width: 31%;
}
	.discount_btn img {
    margin: -16% -22%;
}
	/*免稅市價五折起*/
    .title_duty {
        width: 38%;
        margin: 4.5vw 31% 2vw;
    }
    .dutyWrap {
        width: 86%;
        margin: -2px 7%;
    }
    .dutyArea {
        height: 126vw;
    }
	.dutyBtn {
    width: 28%;
    margin: 1vw 36% 0;
}
	/*美妝保養*/
    .title_skin {
        width: 38%;
        margin: 3vw 31% 1vw;
    }
	.skinWrap {
    width: 70%;
    margin: 0 15%;
}
    .skinArea {
        height: 85vw;
    }
    .skinBtn {
        width: 18%;
        margin: 1.5vw 40% 0;
    }
	/*時尚配件*/
    .title_fashion {
        width: 48%;
        margin: 3vw 26% 2vw;
    }
    .fashionArea {
        height: 71vw;
    }
	.fashion_s {
    width: 35%;
}
	.fashion_box {
    margin: auto 5%;
    width: 90%;
}
	.fashion_1, .fashion_2, .fashion_3, .fashion_6, .fashion_7, .fashion_8 {
        width: 100%;
        height: 15.5vw;
        margin: 2%;
    }
    .fashion_wrap {
        width: 27%;
        margin: auto 0.5%;
    }
	.fashion_space {
    margin-bottom: -15.5vw;
}
    .fashion_4 {
        height: 32vw;
        margin-bottom: 4%;
    }
	.fashion_5 {
    height: 15.5vw;
}
	/*話題爆品*/
	.title_flash {
    width: 38%;
    margin: 3vw 31% 1vw;
}
	.flash_box {
    margin: auto 8.5%;
    width: 83%;
}
	.flashArea {
    height: 65vw;
}
	.flash_A {
    width: 42%;
}
	.flash_1 {
    height: 20vw;
}
	.flash_2 {
    width: 91%;
    height: 20vw;
}
	.flash_3 {
    width: 93%;
    height: 20vw;
}
	.flash_B {
    width: 21%;
}
	.flash_4, .flash_5 {
    height: 20vw;
}
	.flash_C {
    width: 27%;
}
	.flash_space {
    margin-bottom: -20vw;
}
	.flash_6 {
    height: 40vw;
}
	/*BH*/
	.title_brand {
    width: 46%;
    margin: 1vw 27% 2vw;
}
	.brandBox {
        width: 100%;
    }
	.brandContentBox {
    width: 21%;
}
	/*EH*/
	.title_event {
        width: 46%;
        margin: 3vw 27% 0;
    }
	.highlight-event-box-wrap {
        height: 51vw;
    }
	.highlight-event-box-wrap ul {
        width: 100%;
    }
	/*社群*/
	.title_follow {
        width: 34%;
        margin-top: 2vw;
    }
	.socialBox {
    width: 70%;
}
    .socialBox00 {
        width: 42%;
        margin: 1% 1%;
    }
	.socialBox00 li {
    font-size: 1em;
}
	.socialTitle02 {
    font-size: 1.2em !important;
}
	.socialInfo {
    margin-bottom: 7%;
}
    .eventArea {
        height: 125vw;
    }
}
@media (max-width:1024px) {
	/*sidenav*/
	.menu {
		right: 1%;
		bottom: 8%;
		width: 20%;
	}
	.menu>img {
		margin-bottom: -5%;
		padding: 3%;
}
	.menu__style {
		padding: 6% 1% 10%;
		border-radius: 25px;
	}
	.menu ul li {
		line-height: 2.4em;
		font-size: 1.6vw; /* 0.9vw */
	}
	/*kv*/
	.kv {
		display: none;
	}
	.mkv {
		display: block;
	}
	/*全館活動*/
    .discountBox {
        width: 62%;
        margin: -87vw 6vw 15vw;
    }
	.discountBox__default {
        width: 43%;
    }
	.top__area__bg {
        background-color: #ffe9eb;
        padding-bottom: 3vw;
    }
	.discountbg1, .discountbg2, .discountbg3, .discountbg4, .discountbg5, .discountbg6 {
    padding: 36% 0 0%;
}
	/*免稅市價*/
    .title_duty {
        width: 50%;
        margin: 6.5vw 25% 3vw;
    }
	.dutyWrap a {
        width: 23%;
    }
	.dutyArea {
        height: 148vw;
    }
	.dutyBtn {
        width: 34%;
        margin: 1vw 33% 0;
    }
	/*美妝保養*/
    .title_skin {
        width: 48%;
        margin: 4vw 26% 2vw;
    }
	.skinWrap {
        width: 82%;
        margin: 0 9%;
    }
	.skinArea {
        height: 100vw;
    }
    .skinBtn {
        width: 20%;
        margin: 1.5vw 39% 0;
    }
	/*時尚配件*/
    .title_fashion {
        width: 60%;
        margin: 4vw 20% 2vw;
    }
	.fashion_1, .fashion_2, .fashion_3, .fashion_6, .fashion_7, .fashion_8 {
        height: 17.5vw;
    }
	.fashion_wrap {
        width: 31%;
    }
	.fashion_space {
        margin-bottom: -17.5vw;
    }
    .fashion_4 {
        height: 36vw;
    }
    .fashion_5 {
        height: 17.5vw;
    }
.fashionArea {
        height: 81vw;
    }
	/*話題爆品*/
	.title_flash {
        width: 48%;
        margin: 4vw 26% 2vw;
    }
	.flash_box {
        margin: auto 5%;
        width: 90%;
    }
    .flash_1 {
        height: 22vw;
    }
	.flash_2 {
        width: 96%;
        height: 22vw;
    }
	.flash_3 {
        width: 96%;
        height: 22vw;
    }
	.flash_4, .flash_5 {
        height: 22vw;
    }
    .flash_space {
        margin-bottom: -22vw;
    }
    .flash_6 {
        height: 44vw;
    }
    .flashArea {
        height: 74vw;
    }
	/*BH*/
	.title_brand {
        width: 60%;
		margin: 1vw 20% 2vw;
    }
    .brandContentBox {
        width: 22%;
    }
	.btn_brand {
    left: 22%;
    width: 56%;
}
    .brandTitle {
        font-size: 1.2em;
    }
	/*EH*/
    .title_event {
        width: 58%;
        margin: 3vw 21% 0;
    }
    .highlight-event-box-wrap {
        height: 113vw;
    }
	.highlight-event-box-wrap ul {
        width: 84%;
    }
	.highlight-event-box-wrap ul li {
        width: 34%;
        margin: 2% 2%;
    }
	/*社群*/
	 .title_follow {
        width: 44%;
        margin: 2vw 28% 0;
    }
    .socialTitle {
        width: 20%;
        margin: 0px 40%;
        padding: 1%;
    }
    .eventArea {
        height: 192vw;
    }
}
@media (max-width:991px) {
	/* sidenav */
	.menu {
		width: 22%;
	}
	.menu__style {
		padding: 1%;
		border-radius: 10px;
	}
	.menu ul li {
		font-size: 1em;
		line-height: 2.3em;
	}
	.discountDate::after {
		width: 35%;
		bottom: 0;
		right: 33%;
		height: 14px;
	}
	/*全館活動*/
	.discountBox {
        width: 68%;
        margin: -88vw 6vw 10vw;
    }
    /*免稅市價*/
    .title_duty {
        width: 56%;
        margin: 7.5vw 22% 3vw;
    }
	.dutyWrap a {
        width: 28%;
    }
    .dutyArea {
        height: 250vw;
    }
	.dutyBtn {
        width: 38%;
        margin: 3vw 31% 0;
    }
	/*美妝保養*/
    .title_skin {
        width: 58%;
        margin: 5vw 21% 3vw;
    }
	.skinWrap a {
        width: 32%;
    }
    .skinArea {
        height: 121vw;
    }
    .skinBtn {
        width: 23%;
        margin: 3.5vw 37.5% 0;
    }
	/*時尚配件*/
    .fashionArea {
        height: 83vw;
    }
    .title_fashion {
        width: 62%;
        margin: 4vw 19% 2vw;
    }
	/*話題爆品*/
    .flashArea {
        height: 120vw;
    }
    .title_flash {
        width: 56%;
        margin: 4vw 22% 3vw;
    }
    .flash_A {
        width: 48%;
    }
	.flash_1 {
        height: 25vw;
    }
	.flash_2, .flash_3 {
        height: 24vw;
    }
	.flash_B {
        width: 24%;
    }
	.flash_4, .flash_5 {
        height: 24.5vw;
    }
    .flash_C {
        margin: 21vw -1vw auto;
        display: inline-flex;
        width: 74.5%;
    }
    .flash_6 {
        width: 98%;
        height: 37vw;
        background: url(../images/flash_item_C_m.png) no-repeat;
        background-size: contain;
        margin-left: -1vw;
    }
	/*BH*/
    .brandContentBox {
        width: 34%;
    }
    .brandBox {
        width: 84%;
    }
    .title_brand {
        width: 66%;
        margin: 1vw 17% 2vw;
    }
	.brandTitle {
        font-size: 1.5em;
    }
	/*EH*/
    .title_event {
        width: 66%;
        margin: 4vw 17% 0;
    }
    .highlight-event-box-wrap {
        height: 135vw;
    }
    .highlight-event-box-wrap ul {
        width: 90%;
    }
    .highlight-event-box-wrap ul li {
        width: 40%;
        margin: 1% 1%;
    }
    .highlight-event-box-btn {
        line-height: 3vw;
    }
	/*follow*/
    .title_follow {
        width: 48%;
        margin: 2vw 26% 1vw;
    }
    .eventArea {
        height: 218vw;
        background-color: #dd8daa;
        background-image: none;
    }
}
@media (max-width:768px) {
	.for-pc-display {
		display: none;
	}
	.toTop-arrow{
		bottom: 10%;
	}
	/* sidenav */
	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}
    .menu>img {
        max-width: 25%;
        margin-bottom: -0.5%;
        padding: 0;
        opacity: 0.9;
    }
	.menu__style {
		/* background-color: #272eafe0; */
		padding: 1% 4% 2% 4%;
		border-radius: 10px;
	}
	.menu ul li {
		padding: 2px 8px;
		font-size: 1em;
		line-height: 2.1em;
		width: auto;
	}
	.menu ul li:hover {
		color: #db4534;
	}
	#sidebar .toggle-btn{
		bottom: 0px;
	}

	.icon__discount{
		width: 40%;
	}
	/*popup*/
	.modal-content {
		width: 90%;
	}
	/*免稅市價五折*/
	.dutyArea {
        margin-top: -2vw;
        height: 273vw;
    }
    .title_duty {
        width: 62%;
        margin: 5.5vw 19% 4vw;
    }
	.dutyWrap a {
        width: 31%;
    }
	.dutyBtn {
        width: 44%;
        margin: 3vw 28% 0;
    }
	/*美妝保養*/
    .title_skin {
        width: 60%;
        margin: 7vw 20% 3vw;
    }
    .skinBtn {
        width: 30%;
        margin: 3vw 34% 0;
    }
    .skinArea {
        height: 132vw;
    }
	.skinWrap {
        width: 88%;
        margin: 0 6%;
    }
	/*時尚配件*/
    .title_fashion {
        width: 72%;
        margin: 4vw 14% 2vw;
    }
	.fashionArea {
        height: 85vw;
    }
	/*話題爆品*/
    .title_flash {
        width: 60%;
        margin: 5vw 20% 3vw;
    }
    .flash_A {
        width: 52%;
    }
    .flash_1 {
        height: 27vw;
    }
    .flash_2, .flash_3 {
        height: 27vw;
    }
    .flash_B {
        width: 26%;
    }
    .flash_4, .flash_5 {
        height: 27vw;
    }
	.flash_C {
        width: 79%;
    }
    .flash_6 {
        width: 100%;
        height: 40vw;
    }
	.flashArea {
        height: 130vw;
    }
	/*BH*/
	.title_brand {
        width: 80%;
        margin: 1vw 10% 2vw;
    }
	.brandContentBox {
        width: 45%;
    }
	/*EH*/
    .title_event {
        width: 80%;
        margin: 4vw 10% 1vw;
    }
    .highlight-event-box-wrap {
        height: 164vw;
    }
    .highlight-event-box-wrap ul li {
        width: 47%;
    }
	/*follow*/
    .eventArea {
        height: 258vw;
    }
    .title_follow {
        width: 58%;
        margin: 0vw 21% 2vw;
    }
    .socialBox {
        width: 80%;
    }
	.socialTitle {
        width: 26%;
        margin: -1vw 37%;
        padding: 1%;
    }
}
@media (max-width:625px) {
	/*全館活動*/
	.discountBox {
        width: 77%;
        margin: -93vw 2vw 4vw;
    }
    .dutyArea {
        height: 455vw;
    }
    .dutyBtn {
        width: 52%;
        margin: 3vw 24% 0;
    }
	/*免稅市價五折*/
	.dutyWrap a {
        width: 42%;
    }
    .title_duty {
        width: 68%;
        margin: 5.5vw 16% 4vw;
    }
	/*美妝保養*/
    .title_skin {
        width: 66%;
        margin: 7vw 17% 3vw;
    }
    .skinArea {
        height: 240vw;
        background-image: none;
        background-color: #f8d2de;
    }
	.skinWrap a {
        width: 42%;
    }
    .skinBtn {
        width: 34%;
        margin: 3vw 32% 0;
    }
	/*時尚配件*/
    .title_fashion {
        width: 82%;
        margin: 4vw 9% 2vw;
    }
    .fashion_wrap {
        width: 37%;
    }
    .fashionArea {
        height: 168vw;
        background-size: contain;
    }
    .fashion_1, .fashion_2, .fashion_3 {
        height: 21.5vw;
    }
    .fashion_space {
        margin-bottom: -21.5vw;
    }
	.fashion_4 {
        height: 44vw;
    }
    .fashion_5 {
        height: 21.5vw;
    }
    .fashion_m {
        width: 75%;
    }
	.fashion_6 {
    background: url("../images/fashion_item_A05_m.png") no-repeat;
	background-size: contain;
	height: 20.5vw;
}
	.fashion_7 {
    background: url("../images/fashion_item_A06_m.png") no-repeat;
	background-size: contain;
	height: 20.5vw;
}
	.fashion_8 {
    background: url("../images/fashion_item_A07_m.png") no-repeat;
	background-size: contain;
	height: 20.5vw;
}
	/*話題爆品*/
    .title_flash {
        width: 68%;
        margin: 5vw 16% 3vw;
    }
    .flashArea {
        height: 145vw;
        background-image: none;
        background-color: #ffdee3;
    }
    .flash_A {
        width: 66%;
    }
    .flash_1 {
        height: 34vw;
    }
    .flash_2, .flash_3 {
        height: 34vw;
    }
	.flash_B {
        width: 33%;
    }
    .flash_4, .flash_5 {
        height: 34vw;
    }
	/*BH*/
	.title_brand {
        width: 88%;
        margin: 1vw 6% 2vw;
    }
	.brandBox {
        width: 98%;
    }
	/*EH*/
    .title_event {
        width: 92%;
        margin: 4vw 4% 1vw;
    }
	.highlight-event-box-text-wrap h4 {
    font-size: 3.2vw;
}
	.highlight-event-box-wrap {
        height: 174vw;
    }
    .highlight-event-box-wrap ul {
        width: 98%;
    }
    .highlight-event-box-wrap ul li {
        width: 46%;
        margin: 1% 0.5%;
    }
	/*follow*/
    .title_follow {
        width: 66%;
        margin: 3vw 17% 1vw;
    }
    .eventArea {
        height: 281vw;
    }
    .socialBox {
        width: 88%;
    }
	.socialTitle {
        width: 32%;
        margin: -2vw 34%;
    }
	
}
@media (max-width:510px) {
	.for-pc-display {
		display: none;
	}
	.toTop-arrow{
		bottom: 10%;
	}
	/* sidenav */
	.menu {
		width: 100%;
		bottom: 0;
		right: 0;
	}
    .menu>img {
        max-width: 40%;
        margin-bottom: -1%;
        padding: 0;
    }
	.menu__style {
		padding: 10px;
		border-radius: 10px;
	}
	.menu ul li {
		font-size: 1em;
		line-height: 2.1em;
	}
	/*全館活動*/
    .discount_btn img {
        margin: -16% -23%;
        width: 47%;
    }
	/*免稅市價五折*/
    .dutyWrap {
        width: 94%;
        margin: -2px 3%;
    }
    .dutyArea {
        margin-top: -4vw;
        height: 498vw;
    }
    .title_duty {
        width: 78%;
        margin: 5.5vw 11% 4vw;
    }
    .dutyBtn {
        width: 58%;
        margin: 3vw 21% 0;
    }
	/*話題爆品*/
	.flash_box {
        margin: auto 0%;
        width: 100%;
    }
	.flash_1 {
        height: 38vw;
    }
    .flash_2, .flash_3 {
        height: 38vw;
    }
    .flash_4, .flash_5 {
        height: 38vw;
    }
	.flash_6 {
        height: 45vw;
    }
	.flash_A {
        width: 60%;
    }
	.flash_B {
        width: 30%;
    }
    .flashArea {
        height: 157vw;
    }
	/*BH*/
	.brandContentBox {
        width: 48%;
        margin: 0 0.5% 2%;
    }
	/*EH*/
    .highlight-event-box-wrap {
        height: 556vw;
    }
    .highlight-event-box-wrap ul li {
        width: 81%;
    }
	.highlight-event-box-text-wrap h4 {
    font-size: 1.2em;
}
	.highlight-event-box-btn {
        line-height: 5vw;
    }
    .highlight-event-box-content {
        line-height: 6vw;
        font-size: 4.5vw;
    }
	/*follow*/
    .socialTitle {
        font-size: 1.1em;
        width: 37%;
        margin: -2vw 32%;
    }
    .eventArea {
        height: 801vw;
    }
    .socialBox {
        width: 70%;
    }
    .socialBox00 {
        width: 95%;
        margin: 2% 1% 3%;
    }
}
@media (max-width:380px) {
	/*全館活動*/
	.discountBox {
        width: 98%;
        margin: -91vw 1% 4vw;
    }
    .top__area__bg {
        margin-top: -35.5vw;
    }
	.discountBox__default {
        width: 45%;
    }
	.discount_btn img {
        margin: -11% -23%;
        width: 47%;
    }
	/*免稅市價*/
	.dutyWrap {
        width: 98%;
        margin: -2px 2%;
    }
	.dutyWrap a {
        width: 48%;
    }
    .dutyArea {
        margin-top: -4vw;
        height: 590vw;
    }
    .title_duty {
        width: 90%;
        margin: 5.5vw 5% 4vw;
    }
	.dutyBtn {
        width: 66%;
        margin: 3vw 17% 0;
    }
	/*美妝保養*/
    .title_skin {
        width: 88%;
        margin: 7vw 6% 3vw;
    }
    .skinWrap a {
        width: 48%;
    }
    .skinWrap {
        width: 94%;
        margin: 0 3%;
    }
    .skinArea {
        height: 295vw;
    }
    .skinBtn {
        width: 46%;
        margin: 3vw 26% 0;
    }
	/*時尚配件*/
    .title_fashion {
        width: 100%;
        margin: 5vw 0% 3vw;
    }
    .fashion_wrap {
        width: 45%;
    }
    .fashion_box {
        margin: auto 0;
        width: 100%;
    }
    .fashion_1, .fashion_2, .fashion_3 {
        height: 28.5vw;
    }
    .fashion_space {
        margin-bottom: -29vw;
    }
    .fashion_4 {
        height: 59.5vw;
    }
    .fashion_5 {
        height: 28vw;
    }
	.fashion_6, .fashion_7, .fashion_8 {
        height: 22.5vw;
    }
	.fashion_m {
        width: 80%;
    }
    .fashionArea {
        height: 205vw;
        background-size: contain;
    }
	/*話題爆品*/
    .title_flash {
        width: 94%;
        margin: 5vw 3% 3vw;
    }
    .flashArea {
        height: 237vw;
    }
	.flash_A {
        width: 85%;
    }
    .flash_1 {
        height: 49vw;
    }
    .flash_2, .flash_3 {
        height: 49vw;
    }
    .flash_4 {
        display: block;
        position: absolute;
        height: 48vw;
        width: 42%;
        margin: 40% 0 auto -42vw;
    }
    .flash_5 {
        display: block;
        position: absolute;
        height: 48vw;
        width: 42%;
        margin: 40% 0 auto 42vw;
    }
    .flash_C {
        width: 83%;
        margin: 65vw -1vw auto;
    }
    .flash_6 {
        height: 46vw;
    }
	/*BH*/
	.brandContentBox {
        width: 78%;
        margin: 1% 0.5% 4%;
    }
	/*EH*/
    .highlight-event-box-wrap ul li {
        width: 90%;
    }
    .highlight-event-box-wrap {
        height: 606vw;
    }
	/*follow*/
    .socialBox {
		width: 87%;
        margin: 6.5% auto 2%;
    }
	.socialBox00 {
        width: 83%;
        margin: 3% 1%;
    }
    .title_follow {
        width: 74%;
        margin: 3vw 13% 1vw;
    }
    .socialTitle {
        width: 44%;
        margin: -2vw 28%;
    }
    .eventArea {
        height: 895vw;
    }
}