@charset "UTF-8";
/* CSS Document */

		.inner {
			width: 980px;
			max-width: 100%;
			margin: 0 auto;
		}
		.inner:after {
			content: "";
			clear: both;
			display: block;
		}
.container {
			max-width: 100%;	
}

div.nav_space {
			height: 140px;
}

/* header *//* header */
#top-head {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    line-height: 1;
	   z-index: 99;
}
#top-head:after {
    content: "";
    display: block;
    height: 1px;
    background: #fff;
    width: 980px;
    margin: 10px auto 0;
}
 
#top-head a,
#top-head {
	color: #fff;
	text-decoration: none;
}
#top-head ul li a {
	text-shadow: 1px 1px 2px hsla(0,0%,0%,0.64);
		}
 
#top-head .inner {
    position: relative;
 
}
#top-head .logo {
	float: left;
	font-size: 32px;
	margin-left: 25px;
	z-index: 100;
	position: relative;
}

#top-head #language {
	position: fixed;
	top: 2px;
	text-align: right;
	text-shadow: 1px 1px 2px hsla(0,0%,0%,0.64);
	right: 10px;
}

/* transition */
#top-head,
#top-head:after,
#top-head .logo {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* Fixed */
#top-head.fixed {
	padding-top: 3px;
	background: rgba(255,255,255,0.7);
}

#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed .logo img{
	-webkit-filter: drop-shadow(2px 2px 1px hsla(0,0%,0%,0.5));
	filter: drop-shadow(2px 2px 1px hsla(0,0%,0%,0.5));
}	
#top-head.fixed ul li a {
			color: #333;
			padding: 0 20px;
			text-shadow: 0px 0px 0px hsla(0,0%,0%,0.0);
		}
 
#top-head.fixed:after {
	width: 100%;
	margin-top: 0px;
}

#top-head.fixed .navbar-toggle{
	border: 1px none;
	border-radius: 4px;
}
#top-head.fixed .navbar-default .navbar-toggle:focus,#top-head.fixed .navbar-default .navbar-toggle:hover{
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-color: hsla(0,0%,100%,0.00)
}

#top-head.fixed .wht_back50 {
	background-color: hsla(0,0%,0%,0.00);
}
	#top-head.fixed #language {
	top: 90px;
	}

@media screen and (min-width:768px) and ( max-width:790px) {
	#top-head .logo img {
	max-width: 140px;
	height: auto;
	}
}
@media screen and (min-width:831px) and ( max-width:950px) {
	#top-head.fixed .logo img {
	max-width: 110px;
	height: auto;
	}
	#top-head.fixed #language {
	top: 75px;
	}
}
@media screen and (min-width:768px) and ( max-width:830px) {
	#top-head.fixed .logo img {
	max-width: 75px;
	height: auto;
	}
	#top-head.fixed #language {
	top: 70px;
	}
}

@media (min-width:768px){
	.navbar-right {
	padding-top: 20px;
	}
	li.language {
	border: thin solid hsla(0,0%,95%,1.00);
	}
		#top-head.fixed li.language {
	border: thin solid #333;
	}
}
@media (max-width:767px){
	li.language {
	border-top: thin solid hsla(0,0%,95%,1.00);
	}
		#top-head.fixed li.language {
	border-top: thin solid #333;
	}
	.wht_back50 {
	background-color: hsla(0,0%,0%,0.50);
	}
	#top-head.fixed #language {
	position: absolute;
	top: 90px;
	}
}

@media (max-width:420px) {
	#top-head.fixed .logo {
    font-size: 4px;
	}
	#top-head.fixed .logo img {
	max-width: 100px;
	height: auto;
	-webkit-filter: drop-shadow(1px 1px 1px hsla(0,0%,0%,0.3));
	filter: drop-shadow(1px 1px 1px hsla(0,0%,0%,0.3));
	}
	#top-head.fixed #language {
	display: none;
	}
		#top-head.fixed div.nav_space {
			height: 0px;
	}
	#top-head.fixed .navbar{
		min-height:10px;
		margin-bottom:5px;
	}
}