/* @font-face {
  font-family: OPPOSans-B5-M;
  src: url(/fonts/OPPOSans-B5-M.ttf);
} */
body {
	position: relative;
	font-family: OPPOSans-B5-M;
	margin: 0;
}

img {
	width: 100%;
}

.mo {
	display: none;
}

a {
	cursor: pointer;
	text-decoration: none;
}

/* menu */
#menupos {
	position: fixed;
	width: 100%;
	top: 0vh;
	z-index: 2;
}

/* menu button */
#menu_button1_pos {
	position: fixed;
	top: 0.7vw;
	right: 44.81vw;
	z-index: 3;
}

#button-1 {
	display: block;
	width: 6.1vw;
	height: 2.59vw;
}

#menu_button2_pos {
	position: fixed;
	top: 0.7vw;
	right: 36.44vw;
	z-index: 3;
}

#button-2 {
	display: block;
	width: 8vw;
	height: 2.59vw;
}

#menu_button3_pos {
	position: fixed;
	top: 0.7vw;
	right: 29.1vw;
	z-index: 3;
}

#button-3 {
	display: block;
	width: 6.92vw;
	height: 2.59vw;
}

#menu_button4_pos {
	position: fixed;
	top: 0.7vw;
	right: 22.6vw;
	z-index: 3;
}

#button-4 {
	display: block;
	width: 6.1vw;
	height: 2.59vw;
}

#menu_button5_pos {
	position: fixed;
	top: 0.7vw;
	right: 14.28vw;
	z-index: 3;
}

#button-5 {
	display: block;
	width: 8vw;
	height: 2.59vw;
}

#menu_button6_pos {
	position: fixed;
	top: 0.7vw;
	right: 7.8vw;
	z-index: 3;
}

#button-6 {
	display: block;
	width: 6.1vw;
	height: 2.59vw;
}

/* event button */
#event_button1_pos {
	position: absolute;
	top: 108.51vw;
	left: 10.08vw;
	z-index: 1;
}

#event-button-1 {
	display: block;
	width: 25.94vw;
	height: 3.26vw;
}

#event_button2_pos {
	position: absolute;
	top: 108.51vw;
	left: 37.01vw;
	z-index: 1;
}

#event-button-2 {
	display: block;
	width: 25.94vw;
	height: 3.26vw;
}

#event_button3_pos {
	position: absolute;
	top: 108.51vw;
	right: 10.08vw;
	z-index: 1;
}

#event-button-3 {
	display: block;
	width: 25.94vw;
	height: 3.26vw;
}

/* photographer button */
#photographer_button1_pos {
	position: absolute;
	top: 133.47vw;
	left: 18.05vw;
	z-index: 1;
}

#photo-1 {
	display: block;
	width: 15.42vw;
	height: 33.4vw;
}

#photographer_button2_pos {
	position: absolute;
	top: 133.47vw;
	left: 34.2vw;
	z-index: 1;
}

#photo-2 {
	display: block;
	width: 15.42vw;
	height: 33.4vw;
}

#photographer_button3_pos {
	position: absolute;
	top: 133.47vw;
	right: 34.04vw;
	z-index: 1;
}

#photo-3 {
	display: block;
	width: 15.42vw;
	height: 33.4vw;
}

#photographer_button4_pos {
	position: absolute;
	top: 133.47vw;
	right: 17.89vw;
	z-index: 1;
}

#photo-4 {
	display: block;
	width: 15.42vw;
	height: 33.4vw;
}

#photographer_button4_1 {
	position: absolute;
	top: 133.47vw;
	right: 17.89vw;
	z-index: 1;
	width: 15.42vw;
	height: 16.7vw;
}

#photographer_button4_2 {
	position: absolute;
	top: 150.17vw;
	right: 17.89vw;
	z-index: 1;
	width: 15.42vw;
	height: 16.7vw;
}

/* carousel */
.carousel-item {
	transition: transform 2.5s cubic-bezier(0.7, 0, 0, 0);
}

.carousel-indicators {
	position: absolute;
	display: flex;
	top: 27.26vw;
	left: 12.55vw;
	width: 4vw;
	justify-content: space-evenly;
}

.carousel-indicators [data-bs-target] {
	width: 0.4vw;
	height: 0.4vw;
	margin-left: 0vw;
	margin-right: 0vw;
}

.carousel-indicators button {
	border-radius: 50%;
}

.carousel-control-prev {
	position: absolute;
	top: 11vw;
	left: -7.43vw;
	height: 5.7vw;
}

.carousel-control-next {
	position: absolute;
	top: 11vw;
	right: -7.43vw;
	height: 5.7vw;
}

/* carousel1 bookmark */
#carousel1-bookmark {
	position: absolute;
	top: 173vw;
	width: 100%;
	height: 10px;
}

/* carousel1 */
#carousel1 {
	position: absolute;
	top: 194.2vw;
	left: 29.1vw;
	width: 42.1vw;
	height: 26.8vw;
}

/* carousel1 button */
#carousel1_button {
	position: absolute;
	top: 225vw;
	left: 45.1vw;
	z-index: 1;
	width: 9.63vw;
	height: 3.5vw;
}

/* carousel1 popup */
#carousel1_popup {
	position: absolute;
	top: 165vw;
	z-index: -1;
	width: 100%;
	height: 130%;
	background-color: black;
	opacity: 0.8;
}

#carousel1_popup_video {
	position: absolute;
	top: 184vw;
	left: 15vw;
	z-index: -1;
	width: 70%;
	height: 65%;
	background-color: white;
}

#carousel1_popup_exit {
	position: absolute;
	top: 181.7vw;
	right: 13vw;
	z-index: -1;
	width: 2.5vw;
	height: 2.5vw;
}

/* carousel2 bookmark */
#carousel2-bookmark {
	position: absolute;
	top: 229vw;
	width: 100%;
	height: 10px;
}

/* carousel2 */
#carousel2 {
	position: absolute;
	top: 251.17vw;
	left: 29.1vw;
	width: 42.1vw;
	height: 26.8vw;
}

/* carousel2 button */
#carousel2_button {
	position: absolute;
	top: 282vw;
	left: 45.1vw;
	z-index: 1;
	width: 9.63vw;
	height: 3.5vw;

}

/* carousel2 popup */
#carousel2_popup {
	position: absolute;
	top: 223vw;
	z-index: -1;
	width: 100%;
	height: 130%;
	background-color: black;
	opacity: 0.8;
}

#carousel2_popup_video {
	position: absolute;
	top: 240vw;
	left: 15vw;
	z-index: -1;
	width: 70%;
	height: 65%;
	background-color: white;
}

#carousel2_popup_exit {
	position: absolute;
	top: 238vw;
	right: 13vw;
	z-index: -1;
	width: 2.5vw;
	height: 2.5vw;
}

/* carousel3 bookmark */
#carousel3-bookmark {
	position: absolute;
	top: 289vw;
	width: 100%;
	height: 10px;
}

/* carousel3 */
#carousel3 {
	position: absolute;
	top: 308.62vw;
	left: 29.1vw;
	width: 42.1vw;
	height: 26.8vw;
}

#carousel3-indicators {
	position: absolute;
	display: flex;
	top: 27.26vw;
	left: 11.61vw;
	width: 6vw;
	justify-content: space-evenly;
}

/* carousel3 button */
#carousel3_button {
	position: absolute;
	top: 339.4vw;
	left: 45.1vw;
	z-index: 1;
	width: 9.63vw;
	height: 3.5vw;

}

/* carousel3 popup */
#carousel3_popup {
	position: absolute;
	top: 281vw;
	z-index: -1;
	width: 100%;
	height: 130%;
	background-color: black;
	opacity: 0.8;
}

#carousel3_popup_video {
	position: absolute;
	top: 300vw;
	left: 15vw;
	z-index: -1;
	width: 70%;
	height: 65%;
	background-color: white;
}

#carousel3_popup_exit {
	position: absolute;
	top: 298vw;
	right: 13vw;
	z-index: -1;
	width: 2.5vw;
	height: 2.5vw;
}

/* carousel4 bookmark */
#carousel4-bookmark {
	position: absolute;
	top: 344vw;
	width: 100%;
	height: 10px;
}

/* carousel4 */
#carousel4 {
	position: absolute;
	top: 365.6vw;
	left: 29.1vw;
	width: 42.1vw;
	height: 26.8vw;
}

/* carousel4 button */
#carousel4_button {
	position: absolute;
	top: 396.4vw;
	left: 45.1vw;
	z-index: 1;
	width: 9.63vw;
	height: 3.5vw;

}

/* carousel4 popup */
#carousel4_popup {
	position: absolute;
	top: 338vw;
	z-index: -1;
	width: 100%;
	height: 130%;
	background-color: black;
	opacity: 0.8;
}

#carousel4_popup_video {
	position: absolute;
	top: 356vw;
	left: 15vw;
	z-index: -1;
	width: 70%;
	height: 65%;
	background-color: white;
}

#carousel4_popup_exit {
	position: absolute;
	top: 354vw;
	right: 13vw;
	z-index: -1;
	width: 2.5vw;
	height: 2.5vw;
}

/* carousel5 bookmark */
#carousel5-bookmark {
	position: absolute;
	top: 402vw;
	width: 100%;
	height: 10px;
}

/* carousel5 */
#carousel5 {
	position: absolute;
	top: 425.3vw;
	left: 29.1vw;
	width: 42.1vw;
	height: 26.8vw;
}

/* product button */
#product_button1 {
	position: absolute;
	top: 493vw;
	left: 10.7vw;
	z-index: 1;
	width: 11vw;
	height: 3.5vw;

}

#product_button2 {
	position: absolute;
	top: 500.6vw;
	right: 14.5vw;
	z-index: 1;
	width: 11vw;
	height: 3.6vw;

}

#product_popup {
	position: absolute;
	top: 456vw;
	z-index: -1;
	width: 100%;
	height: 130%;
	background-color: black;
	opacity: 0.8;
}

/* product1 popup */
#product1_popup_video {
	position: absolute;
	top: 475vw;
	left: 15vw;
	z-index: -1;
	width: 70%;
	height: 65%;
	background-color: white;
}

/* product2 popup */
#product2_popup_video {
	position: absolute;
	top: 475vw;
	left: 15vw;
	z-index: -1;
	width: 70%;
	height: 65%;
	background-color: white;
}

#product_popup_exit {
	position: absolute;
	top: 473vw;
	right: 13vw;
	z-index: -1;
	width: 2.5vw;
	height: 2.5vw;
}

/* carousel6 */
#carousel6 {
	position: absolute;
	top: 523.6vw;
	left: 18.4vw;
	width: 63.2vw;
	height: 26.8vw;
}

#carousel6-prev {
	position: absolute;
	top: 19.73vw;
	left: -15.6vw;
	height: 5.7vw;
}

#carousel6-next {
	position: absolute;
	top: 19.73vw;
	right: -15.6vw;
	height: 5.7vw;
}

/* more button */
#more_button1_pos {
	position: absolute;
	top: 603.71vw;
	left: 8.94vw;
	z-index: 1;
}

#more-1 {
	display: block;
	width: 19.91vw;
	height: 2.65vw;
}

#more_button2_pos {
	position: absolute;
	top: 603.71vw;
	left: 29.7vw;
	z-index: 1;
}

#more-2 {
	display: block;
	width: 19.91vw;
	height: 2.65vw;
}

#more_button3_pos {
	position: absolute;
	top: 603.71vw;
	right: 29.7vw;
	z-index: 1;
}

#more-3 {
	display: block;
	width: 19.91vw;
	height: 2.65vw;
}

#more_button4_pos {
	position: absolute;
	top: 603.71vw;
	right: 8.94vw;
	z-index: 1;
}

#more-4 {
	display: block;
	width: 19.91vw;
	height: 2.65vw;
}

/* media button */
#media_button1_pos {
	position: absolute;
	top: 615.55vw;
	left: 43.2vw;
	z-index: 1;
}

#media-1 {
	display: block;
	width: 1.5vw;
	height: 3.2vw;
}

#media_button2_pos {
	position: absolute;
	top: 615.71vw;
	left: 47.78vw;
	z-index: 1;
}

#media-2 {
	display: block;
	width: 2.9vw;
	height: 2.86vw;
}

#media_button3_pos {
	position: absolute;
	top: 616.05vw;
	right: 43.2vw;
	z-index: 1;
}

#media-3 {
	display: block;
	width: 3.1vw;
	height: 2.2vw;
}

/* bookmark */
#bookmark1 {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 58vw;

}

#bookmark2 {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 115vw;

}

#bookmark3 {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 462vw;

}

#bookmark4 {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 570vw;

}

/*手機版*/
@media(max-width: 768px) {
	.mo {
		display: block;
	}

	.pc {
		display: none;
	}

	#mo_back {
		position: absolute;
	}

	/* menu */
	#menupos-mo {
		position: fixed;
		width: 100%;
		top: 0vh;
		z-index: 2;
	}

	#menu-fold-pos-mo {
		position: fixed;
		width: 8.6vw;
		top: 3.15vw;
		right: 7.3vw;
		z-index: 3;
	}

	#menu-cross-pos-mo {
		position: fixed;
		width: 8.6vw;
		top: 3.15vw;
		right: 7.3vw;
		z-index: 3;
		display: none;
	}

	#menu-list-pos-mo {
		position: fixed;
		width: 100%;
		top: 15vw;
		right: 0vw;
		z-index: 2;
		display: none;
	}

	/* menu button */
	#menu_button1_pos_mo {
		position: fixed;
		top: 23.5vw;
		left: 33.8vw;
		z-index: 3;
		display: none;
	}

	#menu_button1_mo {
		display: block;
		width: 32.3vw;
		height: 17vw;
	}

	#menu_button2_pos_mo {
		position: fixed;
		top: 39.6vw;
		left: 29vw;
		z-index: 3;
		display: none;
	}

	#menu_button2_mo {
		display: block;
		width: 42vw;
		height: 17vw;
	}

	#menu_button3_pos_mo {
		position: fixed;
		top: 55.5vw;
		left: 31vw;
		z-index: 3;
		display: none;
	}

	#menu_button3_mo {
		display: block;
		width: 38vw;
		height: 17vw;
	}

	#menu_button4_pos_mo {
		position: fixed;
		top: 71.4vw;
		left: 33.8vw;
		z-index: 3;
		display: none;
	}

	#menu_button4_mo {
		display: block;
		width: 32.3vw;
		height: 17vw;
	}

	#menu_button5_pos_mo {
		position: fixed;
		top: 87.33vw;
		left: 33.8vw;
		z-index: 3;
		display: none;
	}

	#menu_button5_mo {
		display: block;
		width: 32.3vw;
		height: 17vw;
	}

	/* event button */
	#event_button1_pos_mo {
		position: absolute;
		top: 339.65vw;
		left: 11.1vw;
		z-index: 1;
	}

	#event_button1_mo {
		display: block;
		width: 77vw;
		height: 10vw;
	}

	#event_button2_pos_mo {
		position: absolute;
		top: 466.85vw;
		left: 11.1vw;
		z-index: 1;
	}

	#event_button2_mo {
		display: block;
		width: 77vw;
		height: 10vw;
	}

	#event_button3_pos_mo {
		position: absolute;
		top: 590.46vw;
		left: 11.1vw;
		z-index: 1;
	}

	#event_button3_mo {
		display: block;
		width: 77vw;
		height: 10vw;
	}

	/* photographer button */
	#photographer_button1_pos_mo {
		position: absolute;
		top: 719.4vw;
		left: 35.2vw;
		z-index: 1;
	}

	#photographer_button1_mo {
		display: block;
		width: 30.7vw;
		height: 11.4vw;
	}

	#photographer_button2_pos_mo {
		position: absolute;
		top: 807.96vw;
		left: 35.2vw;
		z-index: 1;
	}

	#photographer_button2_mo {
		display: block;
		width: 30.7vw;
		height: 11.4vw;
	}

	#photographer_button3_pos_mo {
		position: absolute;
		top: 898.1vw;
		left: 35.2vw;
		z-index: 1;
	}

	#photographer_button3_mo {
		display: block;
		width: 30.7vw;
		height: 11.4vw;
	}

	#photographer_button4_pos_mo {
		position: absolute;
		top: 984.4vw;
		left: 35.2vw;
		z-index: 1;
	}

	#photographer_button4_mo {
		display: block;
		width: 30.7vw;
		height: 11.4vw;
	}

	#photographer_button5_pos_mo {
		position: absolute;
		top: 1073.5vw;
		left: 35.2vw;
		z-index: 1;
	}

	#photographer_button5_mo {
		display: block;
		width: 30.7vw;
		height: 11.4vw;
	}

	/* carousel */
	.carousel-indicators {
		position: absolute;
		display: flex;
		top: 143.6vw;
		left: 14.5vw;
		width: 41vw;
		height: 7vw;
		justify-content: space-evenly;
	}

	.carousel-indicators [data-bs-target] {
		width: 2.5vw;
		height: 2.5vw;
		margin-left: 0vw;
		margin-right: 0vw;
	}

	.carousel-indicators button {
		border-radius: 50%;
	}

	.carousel-inner {
		position: absolute;
		top: 0vw;
		left: 0vw;
		width: 100vw;
	}

	.carousel-item {
		transition: transform 2.5s cubic-bezier(0.7, 0, 0, 0);
	}

	.carousel-control-prev {
		position: absolute;
		top: 65vw;
		left: 0vw;
		height: 18vw;
	}

	.carousel-control-next {
		position: absolute;
		top: 65vw;
		right: 0vw;
		height: 18vw;
	}

	/* carousel1 bookmark */
	#carousel1-bookmark {
		position: absolute;
		top: 1112vw;
		width: 100%;
		height: 10px;
	}
	/* carousel1 */
	#carousel1_mo {
		position: absolute;
		top: 1211.01vw;
		left: 0vw;
		width: 100vw;
		height: 133.1vw;
	}
	/* carousel1 button */
	#carousel1_button {
		position: absolute;
		top: 1395vw;
		left: 31vw;
		z-index: 1;
		width: 39vw;
		height: 16vw;
	}
	/* carousel1 popup */
	#carousel1_popup {
		position: absolute;
		top: 1077vw;
		z-index: -1;
		width: 100%;
		height: 130%;
		background-color: black;
		opacity: 0.8;
	}
	#carousel1_popup_video {
		position: absolute;
		top: 1129vw;
		left: 15vw;
		z-index: -1;
		width: 70%;
		height: 65%;
		background-color: white;
	}

	#carousel1_popup_exit {
		position: absolute;
		top: 1129vw;
		right: 7.3vw;
		z-index: -1;
		width: 10vw;
		height: 10vw;
	}


	/* carousel2 bookmark */
	#carousel2-bookmark {
		position: absolute;
		top: 1447vw;
		width: 100%;
		height: 10px;
	}

	/* carousel2 */
	#carousel2_mo {
		position: absolute;
		top: 1538.7vw;
		left: 0vw;
		width: 100vw;
		height: 133.1vw;
	}

	/* carousel2 button */
	#carousel2_button {
		position: absolute;
		top: 1722vw;
		left: 31vw;
		z-index: 1;
		width: 39vw;
		height: 16vw;
	}

	/* carousel2 popup */
	#carousel2_popup {
		position: absolute;
		top: 1401vw;
		z-index: -1;
		width: 100%;
		height: 130%;
		background-color: black;
		opacity: 0.8;
	}

	#carousel2_popup_video {
		position: absolute;
		top: 1464vw;
		left: 15vw;
		z-index: -1;
		width: 70%;
		height: 65%;
		background-color: white;
	}

	#carousel2_popup_exit {
		position: absolute;
		top: 1456vw;
		right: 7.3vw;
		z-index: -1;
		width: 10vw;
		height: 10vw;
	}


	/* carousel3 bookmark */
	#carousel3-bookmark {
		position: absolute;
		top: 1787vw;
		width: 100%;
		height: 10px;
	}

	/* carousel3 */
	#carousel3_mo {
		position: absolute;
		top: 1874vw;
		left: 0vw;
		width: 100vw;
		height: 133.1vw;
	}

	/* carousel3 button */
	#carousel3_button {
		position: absolute;
		top: 2057.5vw;
		left: 31vw;
		z-index: 1;
		width: 39vw;
		height: 16vw;
	}

	/* carousel3 popup */
	#carousel3_popup {
		position: absolute;
		top: 1756vw;
		z-index: -1;
		width: 100%;
		height: 130%;
		background-color: black;
		opacity: 0.8;
	}

	#carousel3_popup_video {
		position: absolute;
		top: 1816vw;
		left: 15vw;
		z-index: -1;
		width: 70%;
		height: 65%;
		background-color: white;
	}

	#carousel3_popup_exit {
		position: absolute;
		top: 1808vw;
		right: 7.3vw;
		z-index: -1;
		width: 10vw;
		height: 10vw;
	}


	/* carousel4 bookmark */
	#carousel4-bookmark {
		position: absolute;
		top: 2118vw;
		width: 100%;
		height: 10px;
	}
	/* carousel4 */
	#carousel4_mo {
		position: absolute;
		top: 2198.6vw;
		left: 0vw;
		width: 100vw;
		height: 133.1vw;
	}

	/* carousel4 button */
	#carousel4_button {
		position: absolute;
		top: 2382.3vw;
		left: 31vw;
		z-index: 1;
		width: 39vw;
		height: 16vw;
	}

	/* carousel4 popup */
	#carousel4_popup {
		position: absolute;
		top: 2064vw;
		z-index: -1;
		width: 100%;
		height: 130%;
		background-color: black;
		opacity: 0.8;
	}

	#carousel4_popup_video {
		position: absolute;
		top: 2135vw;
		left: 15vw;
		z-index: -1;
		width: 70%;
		height: 65%;
		background-color: white;
	}

	#carousel4_popup_exit {
		position: absolute;
		top: 2127vw;
		right: 7.3vw;
		z-index: -1;
		width: 10vw;
		height: 10vw;
	}

	/* carousel5 bookmark */
	#carousel5-bookmark {
		position: absolute;
		top: 2455vw;
		width: 100%;
		height: 10px;
	}
	/* carousel5 */
	#carousel5_mo {
		position: absolute;
		top: 2558vw;
		left: 0vw;
		width: 100vw;
		height: 133.1vw;
	}

	/* product button */
	#product_button1 {
		position: absolute;
		top: 2920vw;
		left: 16vw;
		z-index: 1;
		width: 29vw;
		height: 11vw;

	}

	#product_button2 {
		position: absolute;
		top: 2920vw;
		right: 16vw;
		z-index: 1;
		width: 29vw;
		height: 11vw;

	}

	#product_popup {
		position: absolute;
		top: 2741vw;
		z-index: -1;
		width: 100%;
		height: 130%;
		background-color: black;
		opacity: 0.8;
	}

	/* product1 popup */
	#product1_popup_video {
		position: absolute;
		top: 2796vw;
		left: 15vw;
		z-index: -1;
		width: 70%;
		height: 65%;
		background-color: white;
	}

	/* product2 popup */
	#product2_popup_video {
		position: absolute;
		top: 2796vw;
		left: 15vw;
		z-index: -1;
		width: 70%;
		height: 65%;
		background-color: white;
	}

	#product_popup_exit {
		position: absolute;
		top: 2788vw;
		right: 7.3vw;
		z-index: -1;
		width: 10vw;
		height: 10vw;
	}

	/* carousel6 */
	#carousel6-1 {
		position: absolute;
		top: 2950.5vw;
		left: -24.7vw;
		width: 149.5vw;
	}

	#carousel6-2 {
		position: absolute;
		top: 3032.5vw;
		left: -24.7vw;
		width: 149.5vw;
	}

	/* more button */
	#more_button1_pos_mo {
		position: absolute;
		top: 3219vw;
		left: 15vw;
		z-index: 1;
	}

	#more_button1_mo {
		display: block;
		width: 71.4vw;
		height: 9.3vw;
	}

	#more_button2_pos_mo {
		position: absolute;
		top: 3280vw;
		left: 15vw;
		z-index: 1;
	}

	#more_button2_mo {
		display: block;
		width: 71.4vw;
		height: 9.3vw;
	}

	#more_button3_pos_mo {
		position: absolute;
		top: 3341vw;
		left: 15vw;
		z-index: 1;
	}

	#more_button3_mo {
		display: block;
		width: 71.4vw;
		height: 9.3vw;
	}

	#more_button4_pos_mo {
		position: absolute;
		top: 3402vw;
		left: 15vw;
		z-index: 1;
	}

	#more_button4_mo {
		display: block;
		width: 71.4vw;
		height: 9.3vw;
	}

	/* media button */
	#media_button1_pos_mo {
		position: absolute;
		top: 3435vw;
		left: 33vw;
		z-index: 1;
	}

	#media_button1_mo {
		display: block;
		width: 10vw;
		height: 10vw;
	}

	#media_button2_pos_mo {
		position: absolute;
		top: 3436.66vw;
		left: 45.4vw;
		z-index: 1;
	}

	#media_button2_mo {
		display: block;
		width: 6vw;
		height: 6vw;
	}

	#media_button3_pos_mo {
		position: absolute;
		top: 3435vw;
		right: 36vw;
		z-index: 1;
	}

	#media_button3_mo {
		display: block;
		width: 9vw;
		height: 9vw;
	}

	/* bookmark */
	#bookmark1 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 180vw;
	}

	#bookmark2 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 599vw;
	}

	#bookmark3 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 2760vw;

	}

	#bookmark4 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 3140vw;

	}
}