@CHARSET "UTF-8";

.nav_bar_lay {
	position: relative;
	width: 100%;
	height: 80px;
	background-color: #666666;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.nav_bar_lay_mobile {
	position: fixed;
	width: 100%;
	height: 48px;
	z-index: 300;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.nav_bar_icon {
	float: left;
	height: 80px;
	width: 25%;
	background-repeat: no-repeat;
	background-position: center center;
}

.nav_bar_icon_mobile {
	text-align: center;
	padding-top: 6px;
	float: left;
	height: 48px;
	width: 20%;
	background-repeat: no-repeat;
	background-position: center center;
}

.nav_bar_logo {
	width: 56px; 
	height: 56px; 
	margin-top: 8px; 
	margin-bottom: 6px;
}

.nav_bar_logo_mobile {
	width: 36px;
	height: 36px;
}

.nav_bar_member {
	width: 64px; 
	height: 64px; 
	margin-top: 4px;
	margin-bottom: 2px;
}

/* .nav_bar_member_mobile {
	background-image: url(../../images/member_64px.png);
	background-size: 36px 36px
} */
.nav_bar_member_mobile {
	width: 48px;
	height: 45px;
	margin-top: -4px;
}

.nav_bar_post {
	width: 62px; 
	height: 62px; 
	margin-top: 5px;
	margin-bottom: 3px;
}

/* .nav_bar_post_mobile {
	background-image: url(../../images/posts_64px.png);
	background-size: 45px 45px
} */
.nav_bar_post_mobile {
	width: 36px;
	height: 36px;
}

.nav_bar_match {
	width: 56px; 
	height: 56px; 
	margin-top: 4px;
	margin-bottom: 10px;
}

.nav_bar_match_mobile {
	width: 36px;
	height: 36px;
	margin-top: -1px;
}

.nav_bar_more {
	width: 56px; 
	height: 56px; 
	margin-top: 8px;
	margin-bottom: 6px;
}

.nav_bar_more_mobile {
	width: 36px;
	height: 36px;
}

.reg_btn{
	padding-left: 4px;
    border-radius: 8px;
    background-color: #009cd5;
}