@charset "utf-8";

.top_menu_wrap{
	position:fixed; top:0px; left:0px;
	height:50px;
	z-index:3100;
	background:#004e91;
}

.top_menu_bk_wrap{
	display:block;
	height:50px;
}

.top_menu_wrap .top_menu_box{
	float:right;
}

.top_menu_wrap .top_menu_box > li{
	float:left;
	font-size:18px;
	line-height:50px;
	margin-left:40px;
}

.top_menu_wrap .top_menu_box > li > a{
	color:#fff;
}

.top_menu_wrap .top_menu_box > #ecn_family a i{
	font-size:18px;
}

.top_menu_wrap .top_menu_sub_box{
	display:none;
	position:absolute; 
	z-index:3000;
	border-radius:0px 0px 5px 5px;
	box-shadow:1px 1px 1px #e1e1e1;
}

.top_menu_wrap .top_menu_sub_box > li{
	line-height:2.5;
	border-top:1px dotted #e1e1e1;
	background:#fcfcfc;
}

.top_menu_wrap .top_menu_sub_box > li:first-child{
	border-top:none;
}

.top_menu_wrap .top_menu_sub_box > li:last-child{
	border-radius:0px 0px 5px 5px;
}

.top_menu_wrap .top_menu_sub_box > li a{
	display:block;
	width:105px;
	color:#1a1a1a;
	font-size:16px;
	text-align:center;
	padding:5px;
}

.top_menu_wrap .top_menu_sub_box > li:hover,
.top_menu_wrap .top_menu_sub_box > li:focus{
	background:#004e91;
}

.top_menu_wrap .top_menu_sub_box > li:hover a,
.top_menu_wrap .top_menu_sub_box > li:focus a{
	color:#fff;
}

.top_menu_wrap .favorite_box{
	height:50px;
}

.top_menu_wrap .favorite_box a i{
	color:#fff200;
}

.top_menu_wrap .favorite_box a{
	color:#fff;
	line-height:50px;
}

.header_wrap{
	position:fixed;
	width:100%; height:115px;
	padding:0px;
	border-bottom:1px solid #e1e1e1;
	z-index:1000;
	background:#fff;
}

.header_bk_wrap{
	display:block;
	height:115px;
}

.logo_box{
	width:160px; height:46px;
	margin:10px auto 0px;
}

.main_menu_box > ul > li{
	float:left;
	margin-top:10px;
	margin-right:40px;
}

.main_menu_box > ul > li:first-child{
	margin-left:50px;
}

.main_menu_box > ul > li.main_menu02{
	margin-left:55px;
}

.main_menu_box > ul > li.main_menu03{
	margin-left:35px;
}

.main_menu_box > ul > li.main_menu04{
	margin-left:25px;
}

.main_menu_box > ul > li.main_menu05{
	margin-left:5px;
}

.main_menu_box > ul > li.main_menu06{
	margin-left:20px;
}

.main_menu_box > ul > li.main_menu07{
	margin-left:40px;
}

.main_menu_box > ul > li > a{
	font-size:20px;
}

.ect_menu{
	float:right;
	margin-top:35px;
}

.ect_menu > li{
	float:left;
	text-align:left;
	margin-left:15px;
}

.ect_menu > li:first-child{
	margin-left:0px;
}

.ect_menu > li > a{
	color:#777;
	font-size:16px;
}

.ect_menu > li > a > i.fa-power-off{
	color:#dd5599;
}

.ect_menu > li > a > i.fa-user-plus,
.ect_menu > li > a > i.fa-user{
	color:#364c95;
}

.ect_menu > li > a > i.fa-star{
	color:#fbbc00;
}

.header_sub_wrap{
	position:fixed; top:165px;
	display:none;
	width:100%; height:200px;
	z-index:1000;
	opacity:0.98;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	background:#fafafa;
}

.sub_menu{
	height:200px;
}

.sub_menu > li > ul{
	float:left;
	height:199px;
	padding:0px 35px;
	border-right:1px dotted #ccc;
}

.sub_menu > li > ul > li{
	margin-left:3px;
	line-height:2.4;
}

.sub_menu > li:first-child > ul:first-child{
	margin-left:0px;
	border-left:1px dotted #ccc;
}

.sub_menu > li:first-child > ul{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child01{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child02{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child03{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child04{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child05{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child06{
	margin-left:0px;
}

.sub_menu > li > ul.sub_menu_child07{
	margin-left:0px;
}

.mobile_menu_btn_box{
	display:none;
}

.mobile_main_menu_bk_box{
	display:none;
	position:absolute; top:0px; left:0px; 
	width:100%; height:2000px;
	overflow:hidden;
	z-index:9100;
	background:url(../images/index/bk40.png) repeat;
}

.footer_wrap{
	height:100px;
	border-top:1px solid #ccc;
}

.footer_wrap p{
	color:#666;
	font-size:16px;
	text-align:center;
	margin:25px 0px;
}

.footer_wrap p.mo_ver{
	display:none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.main_menu_box > ul > li > a{
		font-size:19px;
	}
	
	.sub_menu > li > ul{
		padding:0px 26px;
	}
	
	.top_menu_wrap .top_menu_sub_box > li a{
		font-size:15px;
	}

	.main_menu_box > ul > li:first-child{
		margin-left:40px;
	}

	.main_menu_box > ul > li.main_menu02{
		margin-left:25px;
	}

	.main_menu_box > ul > li.main_menu03{
		margin-left:10px;
	}

	.main_menu_box > ul > li.main_menu04{
		margin-left:0px;
	}

	.main_menu_box > ul > li.main_menu05{
		margin-left:-10px;
	}

	.main_menu_box > ul > li.main_menu06{
		margin-left:-5px;
	}

	.main_menu_box > ul > li.main_menu07{
		margin-left:11px;
	}
		
	.sub_menu > li > ul > li > a{
		font-size:14px;
	}
	
	.ect_menu > li > a{
		font-size:14px;
	}
}

@media (max-width:991px){

	.main_menu,
	.ect_menu,
	.sub_menu,
	.top_menu_wrap{
		display:none;
	}
	
	.header_wrap{
		height:70px;
	}

	.mobile_menu_btn_box{
		display:block;
		position:relative;
	}
	
	.mobile_menu_btn{
		position:absolute;
		top:20px; right:3%; 
		width:42px; height:34px;
		border:none;
		cursor:pointer;
		z-index:900;
		background:none;
	}

	.mobile_menu_btn > span{
		display:block;
		width:30px; height:3px;
		margin:5px auto;
		background:#666;
	}
	
	.mobile_main_menu_box{
		position:fixed; right:-280px;
		width:260px;
		height:100%;
		overflow-y:auto;
		overflow-x:hidden;
		overflow-style:none;
		-ms-overflow-style: none;
		-moz-overflow-style: none;
		-webkit-overflow-style: none;
		box-shadow:1px 0px 7px -1px;
		z-index:9999;
		background:#efefef;
	}
	
	.mobile_menu_login_box > a{
		position:absolute; 
		color:#fff;
		font-size:14px;
		padding:5px 10px;
		border:2px solid #fff;
		border-radius:4px;
	}

	.mobile_menu_login_box{
		width:100%;	height:80px;
		padding:20px;
		border-bottom:4px solid #fff;
		background:#004a80;
	}

	.mobile_main_menu > li{
		margin-top:5px;
		padding:5px 15px;
		border-bottom:1px dotted #999;
	}
	
	.mobile_main_menu > li > a{
		font-size:18px;
	}

	.mobile_main_menu > li > a > span{
		float:right;
		color:#888;
	}

	.mobile_main_menu > li > ul{
		display:none;
	}

	.mobile_main_menu > li > ul > li{
		line-height:2;
	}

	.mobile_main_menu > li > ul > li > a{
		color:#444;
	}

	.mobile_menu_close_btn{
		position:absolute; right:15px;
		color:#fff;
		padding:8px 10px;
		border:2px solid #fff;
		border-radius:4px;
		cursor:pointer;
		background:none;
	}

	.mobile_main_menu > li > a > span.ul_minus{
		display:none;
	}
	
	.mobile_menu_register_box{
		margin-top:20px;
	}

	.mobile_menu_register_box > a{
		font-size:16px;
		margin-left:5px;
		padding:10px;
	}

	.mobile_menu_register_box > a > i{
		margin-right:5px;
	}

	.mobile_menu_register_box > a > i.fa-user-plus,
	.mobile_menu_register_box > a > i.fa-user{
		color:#364c95;
	}

	.mobile_menu_register_box > a > i.fa-star{
		color:#fbbc00;
	}
	
	.top_menu_bk_wrap{
		display:none;
	}

	.header_bk_wrap{
		height:70px;
	}
}

@media (max-width:768px){
	.mobile_menu_btn{
		right:3%; 
	}
}

@media (max-width:544px){
	.footer_wrap p.pc_ver{
		display:none;
	}

	.footer_wrap p.mo_ver{
		display:block;
		font-size:16px;
		margin-top:20px; 
		padding-bottom:20px;
	}
}