#header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	background: #000;
	height: 90px;
	transition: 0.3s;
	opacity: 1;
}
html.front #header{
	background: none;
}
#header .hd_wrap{
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
#header .hd_wrap .logo{
	width: 130px;
	padding: 10px 0;
}
#nav{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	box-sizing: border-box;
	padding: 17px 0;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
}
#nav.es_ES,
#nav.fr_FR,
#nav.id_ID,
#nav.ms_MY{
	padding: 13px 0;
}
#nav ul li{
	float: left;
	width: 80px;
}
#nav ul li a{
	display: block;
}
#nav ul li a img{
	width: 30px;
	margin-left: auto;
	margin-right: auto;
}
#nav ul li a span{
	color: #fff;
	text-align: center;
	font-size: 12px;
	display: block;
	line-height: 1em;
	margin-top: 10px;
}
#lang{
	position: absolute;
	top: 0;
	right: 60px;
	z-index: 10000;
	padding: 20px 10px;
}
#lang .trigger{
	color: #fff;
	background: url(../img/base/ui16.png) right 5px center no-repeat;
	box-sizing:border-box;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 7px 25px 7px 20px;
	display: block;
	line-height: 1em;
	width: 117px;
}
#header.zh_TW #lang .trigger{width: 77px;}
#header.zh_CN #lang .trigger{width: 77px;}
#header.th #lang .trigger{width: 80px;}
#header.ms_MY #lang .trigger{}
#header.ko_KR #lang .trigger{width: 77px;}
#header.id_ID #lang .trigger{width: 100px;}
#header.fr_FR #lang .trigger{width: 120px;}
#header.es_ES #lang .trigger{width: 100px;}

ul.bogo-language-switcher{
	display: none;
	background: #282828;
	box-sizing:border-box;
	position: fixed;
	right: 0;
	top: 65px;
	width: 320px;
    z-index: 9999;
}
ul.bogo-language-switcher li{
	border-top: 1px solid #2D2D2D;
	border-bottom: 1px solid #000;
	padding: 10px !important;
	box-sizing: border-box;
}
ul.bogo-language-switcher li a{
	font-size: 15px;
}
ul.bogo-language-switcher li,
ul.bogo-language-switcher li a{
	color: #fff;
}
ul.bogo-language-switcher li .bogoflags{
	display: inline;
}
#sns{
	position: absolute;
	right: 0;
	left: 0;
	bottom: 110px;
	z-index: 9999;
	width: 120px;
	margin: auto;
	display: none;
}
#sns ul li{
	width: 30px;
	float: left;
	margin: 0 5px;
}
#trigger{
	position: absolute;
    right: 10px;
    top: 20px;
}
#trigger a{
	display: block;
}
#trigger a img{
	display: none;
}
#trigger a img.current{
	display: block;
}
#accordion{
	display: none;
	width: 320px;
	background: #282828;
	position: fixed;
	z-index: 9999;
	top: 65px;
	right: 0;
}
#accordion li{
	padding: 10px;
	border-top: 1px solid #2D2D2D;
    border-bottom: 1px solid #000;
    box-sizing: border-box;
    font-size: 17px;
    display: table;
    width: 100%;
}
#accordion li a{
	color: #fff;
}
#accordion li a span{
	margin-left: 10px;
	font-size: 13px;
}
#accordion li .left{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}
#accordion li .right{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
#accordion li .right li{
	padding: 0;
	border-top: none;
	border-bottom: none;
	width: 30px;
	display: inline-block;
}
@media(min-width: 1px) and (max-width: 640px){
	#nav.map{
		display: none !important;
	}
	#nav{
	    bottom: 0;
	    top: inherit;
	    left: 0;
	    right: 0;
	    background: #fccf00;
	    width: 100%;
	    padding: 0;
   	}
   	#nav ul li:first-child{
   		border-left: none;
   	}
   	#nav ul{
   		display: table;
   		width: 100%;
   	}
   	#nav ul li{
   		width: 25%;
   		border-left: 1px solid #000;
   		box-sizing: border-box;
   		float: none;
   		vertical-align: middle;
   		display: table-cell;
   	}
   	#nav ul li a{
   		padding: 10px 5px;
   		box-sizing: border-box;
   	}
   	#nav ul li a span{
   		color: #000;
   	}
	#header.hide{
		opacity: 0.8;
		top: -90px;
	}
	#header .hd_wrap .logo{
		z-index: 11111;
		position: relative;
	}
	#lang{
		text-align: right;
		left: 0;
	    padding: 17px 20px;
    	margin: 0 -10px;
	}
	#lang .trigger{
		display: inline-block;
	}
	ul.bogo-language-switcher{
		top: 65px;
		left: 0;
	    width: 100%;
	    text-align: left;
	    transition:0.3s;
	}
	ul.bogo-language-switcher.hide{
		top: 0;
	}
	#sns{
		display: block;
	}
	#sns.map{
		display: none;
	}
	#header{
		height: 65px;
	}
	#accordion{
		width: 100%;
	    transition:0.3s;
	}
	#accordion.hide{
		top: 0;
	}
}
@media(min-width: 1px) and (max-width: 320px){
	#nav ul li a span{
		font-size: 13px;
	}
	#lang{
		right: 40px;
	}
}