a, a:hover{
 	text-decoration: none;
 }
.header_bg{
	background: #ffffff;
	-moz-box-shadow:0px 1px 10px #ccc;
	-webkit-box-shadow:0px 1px 10px #ccc;
	box-shadow:0px 1px 10px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=5); 
}
.content{
	position: relative;
	/*padding-top:75px;*/
}
.header_bg{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index:4;
	-webkit-transition: top 0.75s;
	-moz-transition: top 0.75s;
	-ms-transition: top 0.75s;
	-o-transition: top 0.75s;
	transition: top 0.75s;
}
.header{
    position:relative;
    width:100%;
    height:75px;
    display:block;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
}
.header_left{
    position:relative;
    /*width:151px;*/
	width:135px;
	/* height:35px; */
    height: 100%;
    /* display:block; */
    display: inline-block;
}
.header_left a{
	position: relative;
	display: inline-block;
	height: 100%;
}
.header_logo{
    position:relative;
    width:100%;
    height:auto;
    display:block;
   	top:20px;
    cursor: pointer;
}
.header_menu{
	/*float: right;
	width: 69%;
	margin-right: 17.5%;
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top;*/

	float: right;
	/*width: 63.5%;*/
	width: 68.5%;
	margin-right: 17.5%;
	position: relative;
	display: inline-block;
	height: 100%;
	vertical-align: top;
}
.menu_ul{
	position: relative;
	width: 100%;
	display: inline-block;
	height: 100%;
	line-height: 75px;
	text-align: justify;
}
.menu_ul:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
}
.menu_li{
	float: left;
	display: inline-block;
	margin-left: 1px;
	color: #757575;
}
.menu_li_a{
	/*display: inline-block;
	color: #757575;
	font-family: "AkkuratPro-Light";
	height: 100%;
	font-size: 17px;
	padding-left: 6px;
	padding-right: 6px;*/

	display: inline-block;
	color: #757575;
	font-family: "AkkuratPro-Light";
	/*font-size: 18px;
	height: 100%;
	padding-left: 14px;
	padding-right: 14px;*/
	/*font-size: 17px;
	height: 100%;
	padding-left: 8px;
	padding-right: 8px;*/

	font-size: 15px;
	height: 100%;
	padding-left: 8px;
	padding-left: 7px;
	padding-right: 7px;
}
.menu_li_a:visited{
	color: #757575;
}
/*.menu_li_a_active:hover{
	background: #f66f6a;
	color: #ffffff;
	text-decoration: none;
}*/
.menu_li_none{
	color:#757575;
}
.header_right{
	position: absolute;
    width:200px;
    height: 45px;
    display: block;
    right:0;
    top:15px; 
    border: 2px solid #59c7d4;
    border-radius: 23px;
}
.no_padding{
	padding-left:0;
	padding-right:0;
}
.set_padding{
	padding-left:7px;
	padding-right:7px;
}
.set_underline:hover{
	text-decoration: underline;
}
.header_right_middle{
	position: relative;
	width: 160px;
	height: 100%;
	display: block;
	margin: 0 auto;
	top: -1px;
}
.header_right_middle:after{
	content: "";
	display: block;
	clear: both;
}
.logo_person{
	float: left;
	position: relative;
	width: 25px;
	height: 100%;
	display: inline-block;
}
.logo_person_img{
	position: relative;
	display: block;
	margin: 0 auto;
	top: 15px;
}

.logo_list{
	/* float: right; */
	position: relative;
	width: 125px;
	height: 100%;
	display: inline-block;
	line-height: 43px;
	margin-left: 10px;
	text-align: justify;
}
.logo_list:after{
	content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
}
.login_text{
	color: #999999;
	cursor: pointer;
	font-family: "AkkuratPro-Light";
	font-size: 15px;
	font-weight: bold;
}
.register_text{
	color: #999999;
	cursor: pointer;
	font-family: "AkkuratPro-Light";
	font-size: 15px;
	font-weight: bold;
}
.vertical_line{
	position: relative;
	display: inline-block;
	width: 1px;
	height: 14px;
	top: 1px;
	background: #5e5e5e;
}
.exist_login_list{
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	line-height: 40px;
}
.userName_text{
	display: inline-block;
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 15px;
    margin-right: 3px;
    color: #757575;
}
.loginout_text{
	vertical-align: top;
	color: #757575;
	font-family: "AkkuratPro-Light";
	font-weight: bold;
	font-size: 15px;
}
 .header_right_login{
	 position: absolute;
	 display: none;
	 right: 0;
	 top: 13%;
	 height: 70%;
	 border:1px solid #ecf6fe;
	 background: #f9fcff;
	 -webkit-border-radius: 30px;
	 -moz-border-radius: 30px;
	 border-radius: 30px;
	 padding-left: 10px;
	 /*padding-right: 10px;*/
	 line-height:53px;
 }
/* .header_right_login:after{
	 content: '';
	 display: inline-block;
	 width: 0;
	 height: 100%;
	 vertical-align: middle;
 }*/
 .save_username{
	 position: relative;
	 display: none;
	 padding-left: 10px;
	 padding-right: 10px;
	 /*vertical-align: middle;*/
	 font-size: 16px;
	 text-decoration: underline;
	 font-weight: bold;
	 color: #757575;
 }
 .header_login{
	 position: relative;
	 display: inline-block;
	 padding-left: 10px;
	 padding-right: 10px;
	 /*vertical-align: middle;*/
	 font-size: 16px;
	 font-weight: bold;
	 color: #757575;
	 cursor: pointer;
	 height:100%;
 }
 .login_line{
	 position: relative;
	 /*display: none;*/
	 /*vertical-align: middle;*/
	 font-size: 16px;
	 font-weight: bold;
	 color: #666768;
	 display: inline-block;
 }
.header_register{
	display: inline-block;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	/*vertical-align: middle;*/
	font-size: 16px;
	font-weight: bold;
	color: #757575;
	cursor: pointer;
}
.nickname{
	/*display: inline-block;*/
	/*max-width:80px;*/
	max-width: 120px;
	height:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	/*line-height:50px;*/
}
 .header_logout{
	 position: relative;
	 display: none;
	 padding-left: 10px;
	 padding-right: 10px;
	 /*vertical-align: middle;*/
	 font-size: 16px;
	 /*text-decoration: underline;*/
	 font-weight: bold;
	 color: #757575;
	 cursor: pointer;
 }
 .header_right_login a{
	 text-decoration:none!important;
	 color: #666768;
 }
/* .header_right{
    position: absolute;
    width:auto;
    display: block;
    right:0;
    top:15px;
}
.header_list{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}
.header_item{
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.header_item_last:before{
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height:18px;
    left:0;
    top:0px;
    background-color: #ced1d3;
}
.header_item_loginout:before{
	 position: absolute;
    content: "";
    display: block;
    width: 1px;
    height:18px;
    left:0;
    top:10px;
    background-color: #ced1d3;
}
.header_item_pic{
    position: relative;
    vertical-align: middle;
    display: inline-block;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.login,.register{
    position: relative;
    color:#7e878a;
    font-size: 16px;
}
.loginout_pic{
	position:relative;
	width:auto;
	display:block;
	top:8px;
} */
.mobile_nav{
    display: none;
}
.nav_mobile_pic{
    display: none;
}

.login a, .logout a {
	color: #666768;
}

@media screen and (min-width:1px) and (max-width:959px){
	.header{
		display: none;
	}
	.mobile_nav{
		position: relative;
		display: block;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid silver;
		overflow: hidden;
	}
	.for_hidden_menu{
		overflow: visible;
	}
	.nav_box{
		position: relative;
	}
	.nav_logo{
		display: inline-block;
		height: 50px;
	}
	.nav_logo:after{
		content: '';
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
	}
	.nav_logo_img{
		/*height: 100%;*/
		display: inline-block;
		vertical-align: middle;
		max-height: 100%;
	}
	.nav_menu{
		position: absolute;
		width: 50px;
		height: 50px;
		right: 0;
		top: 0;
		display: inline-block;
		text-align: center;
		padding-top: 16px;
	}
	.mobile_menu{
		position: absolute;
		width: 100%;
		height: auto;
		right: -100%;
		top: 0;
		padding-left: 15px;
		padding-right: 15px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		z-index: 9999;
	}
	.mobile_list_title{
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #cc0000;
		font-size: 15px;
	    font-family: "AkkuratPro-Light";
		border-bottom: 2px solid #3333ff; 
	}
	.list_title_close{
		position: absolute;
    	right: 0;
    	top: 10px;
    	width: 50px;
    	height: 50px;
    	padding-left: 6px;
    	padding-top: 6px;
	}
	.mobile_close_img{
	}
	.mobile_list{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ededed; 
	}
	.mobile_list.login{
		display: none!important;
	}
	.mobile_list.logout{
	 display: none!important;
	}
	.mobile_list.mobile_register{
		display: none!important;
	}
	.login .nickname{
		color: #4bbce8;
		/*font-weight: bold;*/
		text-decoration: underline;
	}
	a.logout_url{
		color: #4bbce8;
		font-weight: bold;
		text-decoration: underline;
	}
	.list_a{
		display: block;
		width: 100%;
		color: #262626;
		font-size: 14px;
		font-family: "AkkuratPro-Light";
	}
	.list_a.menu_li_none{
		color: #cccccc;
	}
	.a_color{
		color: #4bbce8;
		font-weight: bold;
	}
	.nickname {
		display: inline-block;
		max-width: none;
		overflow: inherit;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: inherit;
		text-decoration: underline;
	}
}


@media screen and (min-width:1300px) and (max-width:1400px){
	.content{
		/*padding-top:60px;*/
	}
	.header{
		height: 60px;
	}
	.header_logo{
		top: 12px;
	}
	.menu_ul{
		line-height: 60px;
	}
	.header_right{
		top: 8px;
	}
	.nickname{
		line-height:40px;
	}
	.logo_person_img{
		top:9px;
	}
	.header_right_login{
		line-height:43px;
	}
}

@media screen and (min-width:1401px) and (max-width:1500px){
	.content{
		/*padding-top:50px;*/
	}
	.header{
		height: 50px;
	}
	.header_logo{
		top: 10px;
    	width: 120px;
	}
	.header_right_login{
		line-height:35px;
	}
	.menu_ul{
		line-height: 54px;
	}
	.menu_li{
		height: 100%;
	}
	.header_right{
		height: 35px;
		top: 8px;
	}
	.logo_person_img{
		top: 7px;
	}
	.logo_list{
		line-height: 35px;
	}
	.exist_login_list{
		line-height: 34px;
	}
	.nickname{
		line-height:34px;
	}
	/*.menu_li_a{
		font-size:14px;
	}
	.header_login{
		font-size:14px;
	}
	.header_register{
		font-size:14px;
	}
	.save_username{
		font-size:14px;
	}*/
}


/* pad css start */
@media screen and (min-width:768px) and (max-width:1299px){
	.content{
		/*padding-top:60px;*/
	}
	.header{
		height: 60px;
	}
	.header_left{
		width: 120px;
		margin-left: 20px;
	}
	.header_logo{
		top: 16px;
	}
	.menu_li_a{
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.menu_ul{
		line-height: 60px;
	}
	.nickname{
		line-height:42px;
	}
	.header_right{
		right: 20px;
		height: 40px;
		top: 10px;
	}
	.header_right_login{
		line-height: 43px;
	}
	.logo_person_img{
		top: 9px;
	}
	.logo_list{
		line-height: 38px;
	}
	.login_text{
		font-size: 14px;
	}
	.register_text{
		font-size: 14px;
	}
	.exist_login_list{
		line-height: 38px;
	}
	.loginout_text{
		font-size: 14px;
	}
}
/* pad css end */

.specail_a{
	display: none;
}
.mobile_list:nth-child(n+11){
	display: none;
}
/*
.menu_li .menu_li_a[href="#agenda"]{
	display: none;
}
.mobile_list:nth-child(3){
	display: none;
}

 .menu_li .menu_li_a[href="agenda.html"]{
	 display: none;
 }
 .mobile_list:nth-child(3){
	 display: none;
 }*/