nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */

.wrap {
	width: 100%;
	margin: auto;
	
}
.nav_wrapper {
	width: 100%;
	position: relative;
	/* [disabled]background: #FFFFFF; */
	z-index: 100;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
}

.nav_wrapper.sticky {
	position: fixed;
	top: 0px;
	height: 84px;
}
.header_toggle {
	/*background: url(../images/menu.png) no-repeat center center;*/
	    height: 45px;
    width: 100%;
    position: absolute;
    top: 35px;
    right: 0px;
    /* text-indent: -9999px; */
    display: none;
    background-color: hsla(0,0%,0%,0.90);
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    font-family: "Helvetica","Arial","微軟正黑體","sans-serif";
    padding-left: 0.5em;
}
.header_toggle span {
    margin-left: 10px;
}
.header_toggle:hover {
	text-decoration: none;
	color: #fff;
}
/*.header_toggle:hover {
	background-color: hsla(0,0%,100%,0.70);
}*/

.navigation {
	float: left;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.70);
}

.navigation li {
	 /*float: left;*/
 display: inline-block;
 margin: 0 20px;
}
.navigation a {
	color: #FFFFFF;
	font-size: 16px;
	text-decoration: none;
	padding-top: 0.7em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.3em;
	display: block;
}
/*.navigation a:hover {
	color: #FFFC00;
}*/
.button {
	display: block;
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: auto;
}
.button:hover {
	opacity: 0.8;
}
.nav_wrapper .icon1{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav1.png);
	width: 70px;
	height: 80px;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;
}
.nav_wrapper .icon1:hover{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav1-2.png);
}
.nav_wrapper .icon2{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav2.png);
	width: 70px;
	height: 80px;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;
}
.nav_wrapper .icon2:hover{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav2-2.png);
}
.nav_wrapper .icon3{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav3.png);
	width: 70px;
	height: 80px;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;
}
.nav_wrapper .icon3:hover{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav3-2.png);
}
.nav_wrapper .icon4{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav4.png);
	width: 70px;
	height: 80px;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;
}
.nav_wrapper .icon4:hover{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav4-2.png);
}
.nav_wrapper .icon5{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav5.png);
	width: 70px;
	height: 80px;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;
}
.nav_wrapper .icon5:hover{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav5-2.png);
}
.nav_wrapper .icon6{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav6.png);
	width: 70px;
	height: 80px;
	background-repeat: no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;
}
.nav_wrapper .icon6:hover{
	background-image: url(https://www.pktravel.com.tw/material-alias/theme/vietnam/phuquoc/images/nav6-2.png);
}
.nav1{
	color: #FFFC00;
}
.nav-wave{
	margin-bottom: 0;
}
.nav-wave img{
	max-width: 100%;
}

/*****responsive******/

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

	
}
@media screen and (max-width: 1280px) 
{
	.wrap{
	width: 100%;
		text-align: center;}
	
	
	.navigation li {
	margin-left: 0px;
	}
	.navigation a {
	font-size: 18px;
	padding-right: 1.2em;
    padding-left: 1.2em;
}

}
@media screen and (max-width: 1091px)
{
.navigation a {
    font-size: 18px;
    padding-right: 0.8em;
    padding-left: 0.8em;
}
}
@media screen and (max-width: 1080px)
{
	
}
@media screen and (max-width: 1024px)
{
.navigation a {
    font-size: 16px;
    padding-right: 0.6em;
    padding-left: 0.6em;
}
	
}
@media screen and (max-width: 991px) {
.navigation a {
    padding-right: 0.3em;
    padding-left: 0.3em;
	    font-size: 16px;
}
}
@media screen and (max-width: 898px) {
.navigation a {
    padding-right: 0.2em;
    padding-left: 0.2em;
}
}
@media screen and (max-width: 800px) {
.nav_wrapper .icon1,.icon2,.icon3,.icon4,.icon5,.icon6{
	display: none;
}
	.header_toggle {
		display: inline-block;
		z-index: 1000;
		top: 0px;
		
	}
	.nav_wrapper {
	/*margin-top: 36px;*/
}
	.navigation {
		width: 100%;
		opacity: 0;
		transition: all 300ms;
		margin: 35px 0% 0% 0%;
		
	}
	
	.navigation li {
		float: none;
		text-align: right;
		margin: 0;
		display: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s; 
		transition: all 0.3s; 
	}
	.navigation li:hover
	{
		background: #39A38F;
	}
	.navigation li:hover>a
	{
		color:#FFFC00;
	}
	.navigation li a{
		padding: 0.7em 2em;
		font-size: 1.5em;
		color: #fff;
		border-bottom: 1px ridge #DADADA;
		text-align: center;
	}
	.navigation li:nth-child(1)
	{
		border-top:1px ridge #DADADA;
	}
	.toggled .navigation {
		opacity: 1;
	}
	
	.toggled li {
		display: inherit;
	}
	.nav-wave{
		display: none;
	}
	

}
@media screen and (max-width: 768px) 
{
	.wrap{
		/*width:90%;*/
	}
	#undefined-sticky-wrapper > nav > div > div.social_icons {
	display: none;
	}
	
}
@media screen and (max-width: 640px) 
{
	.button {
}
	
}
@media screen and (max-width: 480px) 
{
	.button {
    bottom: 75px;
}
}
@media screen and (max-width: 414x) 
{
	.button {
    bottom: 105px;
}
	}
@media screen and (max-width: 320px) 
{
	
	.navigation li a {
	padding: 0.4em 1em;
	font-size: 0.8em;
	}
	
	}