@charset "utf-8";
/* CSS Document
*{outline:1px solid rgba(196,0,208,0.37);}
*/
/*max-width 980px*/
.container, .navbar-collapse{max-width:980px !important;padding-left:0 !important;padding-right:0 !important;}
/**/
*{letter-spacing:-0.25px;}
/*top*/
#wrapper{
	width:100%;
	position:relative;
	min-width:320px;
}
#wrapper #header{
	width:100%;
}
#wrapper #header h2{
	width:0;
	height:0;
	text-indent:-9999px;
	margin:0;
	padding:0;
	position:absolute;
}
#wrapper #header .top-bar{
	height:40px;
	min-height:40px;
	margin-bottom:0;
	border:0;
	background-color:#2a2c46;
	border-bottom:1px solid #4d5078;
	border-radius:0;
	z-index:2;
}
#wrapper #header .top-bar .caret_img{
	margin-left:3px;
}
#wrapper #header .top-bar .dropdown .lang-btn, #wrapper #header .top-bar .user-box a{
	padding:10px;
}
#wrapper #header .top-bar .dropdown.open a{
	background-color:#2a2c46;
}
#wrapper #header .top-bar .dropdown .dropdown-menu{
	background-color:#2a2c46;
	min-width:100px;
	margin-top:-6px;
	box-shadow:none;
	border:0;
}
#wrapper #header .top-bar .dropdown .dropdown-menu li{
	border-top:1px solid #4d5078;
}
#wrapper #header .top-bar .dropdown .dropdown-menu li a{
	padding:5px 5px 5px 10px !important;
}

#wrapper #header .top-bar .user-box{
	margin-right:0px;
}
#wrapper #header .top-bar .user-box li:nth-child(2) img{
	margin-top:17px;
}
#wrapper #header .top-bar .user-box li a{
	padding:10px 15px;
}
#wrapper #header .top-bar .user-box .search-box{
	margin-right:0;
	margin-top:8px !important;
	margin-bottom:0;
	padding-right:0 !important;
	padding-left:15px !important;
}
#wrapper #header .top-bar .user-box .search-box input{
	height:24px;
	border-radius:0;
	background-color:#55566b;
	border:1px solid #4e5065;
	width:149px;
}
.form-control{
	font-size:12px !important;
	color:#acaece !important;
	padding:2px 14px !important;
}
#wrapper #header .top-bar .user-box .search-box a{
	position:absolute;
	padding:0;
	top:6px;
	right:0px;
}
#wrapper #header .top-bar .user-box .search-box a img{
	padding:7px;
	top:0;
	left:0;
}

/*menu*/
#wrapper #header .nav-box{
	background-color:transparent;
	z-index:1;
	border:0;
	margin-bottom:0;
	border-radius:0;
	background:url(../img/menu_bg.png) repeat-x;
	background-size:1px 100%;
}
#wrapper #header .nav-box h1, #wrapper #header .nav-box ul{
	margin:0;
	display:inline-block;
	vertical-align:middle;
}
#wrapper #header .nav-box h1 .navbar-brand{
	height:auto;
}
#wrapper #header .nav-box ul{
	margin-top:32px;
}
#wrapper #header .nav-box ul li{
	display:inline-block;
}
#wrapper #header .nav-box ul li a{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
#wrapper #header .nav-box ul li:last-child{
	margin-left:30px;
}
#wrapper #header .nav-box ul li:last-child a{
	padding-right:0;
}
#wrapper #header .nav-box ul li:last-child a img{
	right:0;
}
#wrapper #header .nav-box .header_m{
	display:none;
}
#wrapper #header .nav-box .header_m .menu_m{
	display:none;
}

/*login modal*/
.modal-content>div{
	padding-left: 20px;
	padding-right: 20px;
}
.modal-header .modal-title{
	font-size: 30px;
	color: #333;
	font-weight: bold;
}
.login_inputbox{
	margin-bottom: 20px;
}
.login_inputbox:last-child{
	margin-bottom:0;
}
.modal-footer .btn-primary{
	background-color: #a74a97;
	border-color: #a74a97;
}

@media (max-width: 767px){
	.top-bar{
		display:none;
	}
	#wrapper #header .nav-box{
		height:68px;
		background-color:#000;
		z-index:5;
	}
	#wrapper #header .nav-box .header_m{
		display:block;
		z-index:3;
		position:relative;
	}
	#wrapper #header .nav-box .header_m ul{
		margin-top:0;
		width:100%;
	}
	#wrapper #header .nav-box .header_m ul li{
		padding:15px;
		display:block;
	}
	#wrapper #header .nav-box .header_m ul li.menu_m-btn, #wrapper #header .nav-box .header_m ul li.vote_m{
		position:absolute;
		top:0;
		z-index:1;
	}
	#wrapper #header .nav-box .header_m ul li.menu_m-btn{
		left:0;
	}
	#wrapper #header .nav-box .header_m ul li.menu_m-btn-close{
		display:none;
	}
	#wrapper #header .nav-box .header_m ul li.vote_m{
		right:0;
		padding:8px;
	}
	#wrapper #header .nav-box .header_m ul li.logo_m{
		position:relative;
		text-align:center;
	}
	#wrapper #header .nav-box .header_m ul li.logo_m a{
		display:inline-block;
	}
	#wrapper #header .nav-box .header_m ul li a img{
		height:20px;
		width:auto;
	}
	#wrapper #header .nav-box .header_m ul li.vote_m a img{
		height:36px;
	}
	/*menu_mobile*/
	#wrapper #header .nav-box .header_m .menu_m{
		display:block;
		position:absolute;
		background-color:rgba(0,0,0,0.9);
		width:80%;
		padding-left:0;
		max-width:300px;
		left:-100%;
		z-index:10;
	}
	#wrapper #header .nav-box .header_m .menu_m .search-box{
		margin-right:0;
		margin-top:0px;
		margin-bottom:0;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:0;
		border:0;
		box-shadow:none;
	}
	#wrapper #header .nav-box .header_m .menu_m .search-box input{
		height:24px;
		border-radius:0;
		background-color:#55566b;
		border:1px solid #4e5065;
	}
	.form-control{
		font-size:12px !important;
		color:#acaece !important;
		padding:2px 14px !important;
	}
	#wrapper #header .nav-box .header_m .menu_m .search-box a{
		position:absolute;
		padding:0;
		top:8px;
		right:22px;
	}
	#wrapper #header .nav-box .header_m .menu_m .search-box a img{
		padding:7px;
		top:0px;
		left:0;
		width:28px;
		height:28px;
	}
	#wrapper #header .nav-box .header_m .menu_m li{
		position:relative;
		padding:5px;
		padding-left:20px;
		padding-right:20px;
		border-top:1px solid #414141;
	}
	#wrapper #header .nav-box .header_m .menu_m li:first-child{
		border:0;
	}
	#wrapper #header .nav-box .header_m .menu_m li:last-child{
		margin-left:0;
	}
	#wrapper #header .nav-box .header_m .menu_m>li>a{
		font-size:14px;
		padding-left:0;
		width:100%;
		display:block;
		text-decoration:none;
	}
}
@media (max-width: 465px){
	#wrapper #header .nav-box .header_m ul li{
		padding:15px 8px;
	}
	#wrapper #header .nav-box .header_m ul li a img{
		height:16px;
	}
	#wrapper #header .nav-box .header_m ul li.logo_m a img{
		width:66%;
		height:auto;
		max-width:300px;
	}
	#wrapper #header .nav-box .header_m ul li.vote_m{
		margin-top:4px;
	}
	#wrapper #header .nav-box .header_m ul li.vote_m a img{
		height:28px;
	}
}
@media (max-width: 991px){
	#wrapper #header .nav-box h1 a img{
		height:52px;
		width:auto;
	}
	#wrapper #header .nav-box ul{
		margin-top:23px;
	}
	#wrapper #header .nav-box ul li a{
		font-size:14px;
		padding:8px;
	}
	#wrapper #header .nav-box ul li:last-child{
		margin-left:15px;
	}
}