.topbar{
	height:20px; 
	position:fixed;
	top:0;
	width:100%;
	z-index:999998;
	box-shadow: 0px 2px 0px rgba(136, 136, 136, 0.4);
}
.user-login {
    float: right;
    display: block;
    margin-top: -2px;
    /* right: 115px; */
    font-size: 13px;
	z-index:999998;
}
.user-login a {
	padding: 0 15px;
	color: #fff;
}
.user-register {
    float: right;
    display: block;
    margin-top: -2px;
    /* right: 45px; */
    font-size: 13px;
	z-index:999998;
}
.user-register a {
	padding: 0 15px;
	color: #fff;
}
.user-search {
    float: right;
    display: block;
    margin-top: -2px;
    /* right: 45px; */
    font-size: 13px;
	z-index:1000000;
}
.user-search a {
	padding: 0 15px;
	color: #fff;
}
.color-transfer {
	color: #000 !important;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;	
}
@media screen and (max-width: 768px) {
	.topbar{
		height:0px; 
		position:fixed;
		top:0;
		width:100%;
		z-index:1000000;
		box-shadow: 0;
	}
	.navbar {
		top: 0px;
	}
	.carousel-inner {
		margin-top: 0px;
	}
	.user-login {
		margin-right:40px;
		float: right;
		display: block;
		margin-top: 18px;
		/* right: 115px; */
		font-size: 14px;
		z-index:1000000;
	}
	.user-register {
		margin-right:5px;
		float: right;
		display: block;
		margin-top: 18px;
		/* right: 45px; */
		font-size: 14px;
		z-index:1000000;
	}
	.user-search{
		margin-right: 5px;
		margin-top: 18px;
	}
	.user-login a {
		padding: 0 4px;
		color: #fff;
	}
	.user-register a {
		padding: 0 4px;
		color: #fff;
	}
	.user-search a {
		font-size: 14px;
		padding: 0 4px;
		color: #fff;
	}
}