@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%;
}

.pc {
	display: block;
}

.mo {
	display: none;
}

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

p {
	padding-left: 1em;
	/* 首行左边距 */
	text-indent: -1em;
	/* 首行负缩进 */
	word-wrap: break-word;
	/* 在單詞內部進行換行 */
}

#pc_back_full {
	position: absolute;
}

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

#menu-pc{
    height: 4vw;
}

/* menu button */
#logopos {
    position: fixed;
    top: -0.28vw;
    left: -0.53vw;
    z-index: 3;
}
#logo {
    width: 10vw;
}

.menu_button_pc {
    display: block;
    position: fixed;
    color: white;
    font-size: 1.4vw;
    z-index: 3;
    border-radius: 2vw;
    top: 0.3vw;
    height: 2vw;
    padding-top: 0.7vw;
    background-color: transparent;
    text-align: center;
}

.menu_button_pc:hover {
	color: #EEA947;
}

#menu_button1 {
    left: 25.6vw;
    width: 6vw;
}

#menu_button2 {
    left: 39.9vw;
    width: 6vw;
}

#menu_button3 {
	right: 39.8vw;
    width: 6vw;
}

#menu_button4 {
    right: 25.6vw;
    width: 6vw;
}

/* 連結 */
#button1 {
    display: block;
    position: absolute;
    color: black;
    font-size: 2.3vw;
    z-index: 2;
    border-radius: 2vw;
    top: 421.5vw;
    height: 4.2vw;
    left: 43.94vw;
    width: 12.1vw;
    padding-top: 0.2vw;
    background-color: #EEA947;
    text-align: center;
    border-style: solid;
    border-color: black;
    
    font-style: italic;
}
#button1:hover {
	background-color: black !important;
    color: #EEA947;
    border-color: #EEA947;
}

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

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

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

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

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

	.pc {
		display: none;
	}

	#space {
        position: relative;
        width: 100vw;
        height: 16.5vw;
	}

	#mo_back_full {
		position: absolute;
		top: 0vw;
	}

	#mo_back {
		position: relative;
		
	}

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

	#menu-fold-pos-mo {
        position: fixed;
        width: 9.6vw;
        height: 9.6vw;
        top: 3vw;
        right: 4vw;
        z-index: 2;
	}

	#menu-cross-pos-mo {
        position: fixed;
        width: 9.6vw;
        height: 9.6vw;
        top: 3vw;
        right: 4vw;
        z-index: 3;
		display: none;
	}

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

	/* menu button */
	#logopos {
		position: fixed;
		top: -0.28vw;
		left: -0.53vw;
	}
	#logo {
		width: 7vw;
	}
	
	.menu_button_pc {
		display: none;
		position: fixed;
		color: white;
		font-size: 5.4vw;
		z-index: 3;
		border-radius: 2vw;
        height: 7vw;
		padding-top: 0vw;
		background-color: transparent;
		text-align: center;
	}
	
	.menu_button_pc:hover {
		color: #EEA947;
	}
	
	#menu_button1 {
        top: 21vw;
        left: 62vw;
        width: 25vw;
	}
	
	#menu_button2 {
        top: 34.5vw;
        left: 62vw;
        width: 25vw;
	}
	
	#menu_button3 {
        top: 48.2vw;
        left: 62vw;
        width: 25vw;
	}
	
	#menu_button4 {
        top: 62vw;
        left: 62vw;
        width: 25vw;
	}
	
	/* 連結 */
	#button1 {
        display: block;
        position: absolute;
        color: black;
        font-size: 5vw;
        z-index: 2;
        border-radius: 25px;
        top: 1115vw;
        height: 8.5vw;
        left: 37.7vw;
        width: 24.4vw;
        padding-top: 0vw;
        background-color: #EEA947;
        text-align: center;
        border-style: solid;
        border-color: black;
        
        font-style: italic;
	}
	#button1:hover {
		background-color: black !important;
		color: #EEA947;
	}
	
	/* bookmark */
	#bookmark1 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 118vw;
	}
	
	#bookmark2 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 391vw;
	}
	
	#bookmark3 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 749vw;
	}
	
	#bookmark4 {
		position: absolute;
		width: 100%;
		height: 5px;
		top: 1050vw;
	}

}