@media screen and (min-width: 1511px) {

/*導覽列*/
.nav-wrap {
	position: fixed;
	top:100px;
	right: 0;
	width: 200px;
	
}

#onepage-nav {
	padding: 0;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}

#onepage-nav li {
	display: block;
	width: 200px;
	line-height: 25px;
	margin: 10px 0px;
	float:left;
	background: #000000;
}

#home{
	padding-top: 70px
}

.section{
	min-height: 600px;
}

#onepage-nav li a {
	display: block;
	color:#ffffff;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 6px;
}
	
#onepage-nav li a span {
	font-size: 12px;
	color:#5f5f5f;
	font-weight: bold;
	width: 100%;
	display: block;
	margin: 3px auto 0px  auto;
	font-weight:normal;
}

#onepage-nav li a:hover,#onepage-nav li a.scroll.active {display: block; background:#ffff00; color:#000000;}
	
.menu-btn {display: none;}
	

}

@media screen and (max-width: 1510px) {

.block-menu { width:100%;  position: relative; position:absolute; z-index:999; top: 40px; background: #000000;}	
	
/*導覽列*/
.nav-wrap {
	position: fixed;
	top:40px;
	right: 0;
	width: 100%;
	background: #000000;
	display: inline-flex;
}

#onepage-nav {
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#onepage-nav li {
	display: block;
	line-height: 25px;
	margin: 0px;
	float:left;
	
}

#home{
	padding-top: 70px
}

.section{
	min-height: 600px;
}

#onepage-nav li a {
	display: block;
	color:#ffffff;
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:12px 25px;
	margin:0px 7px;
}
	
#onepage-nav li a span {
	font-size: 12px;
	color:#5f5f5f;
	font-weight: bold;
	width: 100%;
	display: block;
	/*margin: 3px auto 0px  auto;*/
	font-weight:normal;
}

#onepage-nav li a:hover,#onepage-nav li a.scroll.active {display: block; background:#ffff00; color:#000000;}
	

	
	
	
}



@media screen and (max-width: 768px) {
	.nav-wrap {display: none;}
}