@charset "utf-8";
/* ============================================================ */
/* header */
/* ============================================================ */
#header_inner {
	width: 1000px;
	margin: 0 auto;
	font-size: 1.2rem
}

#font_size + div {
	clear: right;
}


/*----- #header_logo -----*/

#header_logo {
	margin: 30px 0 20px;
	float: left;
}


/*----- #font_size -----*/

#font_size {
	float: right;
	display: table;
	margin: 15px 0 10px;
	line-height: 1.4;
}

#font_size dt,
#font_size dd {
	display: table-cell;
	vertical-align: middle;
}

#font_size dt {
	padding: 0 10px 0 0;
}

#font_size dd {
	width: 50px;
	height: 30px;
	background: #ddd;
	text-align: center;
	cursor: pointer;
}

#font_size dd:hover {
	opacity: .7;
}

#font_size .middle {
	border-radius: 4px 0 0 4px;
}

#font_size .large {
	border-radius: 0 4px 4px 0;
}

#font_size .current {
	background: #00418d;
	color: #fff;
}


/*----- .header_search -----*/

.header_search {
	float: right;
	width: 220px;
	margin: 0 0 0 20px;
	padding: 0 5px;
	border: 1px solid #dadada;
	border-radius: 4px;
	box-sizing: border-box;
}

.header_search input[type="text"] {
	float: left;
	width: 180px;
	height: 28px;
	border: none;
	box-sizing: border-box;
	outline: none;
}

.header_search button {
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.header_search button .fa {
	color: #00418d;
	font-size: 18px;
}


/*----- #header_nav -----*/

#header_nav {
	text-align: right;
}

#header_nav li {
	display: inline-block;
	margin: 0 0 0 10px;
	line-height: 30px;
}


/*----- #global_nav -----*/

#global_nav {
	background: #06428e;
}

#global_nav > ul {
	width: 1000px;
	margin: 0 auto;
}

#global_nav > ul > li {
	position: relative;
	float: left;
	width: 210px;
	height: 70px;
	margin: 0 0 0 1px;
}

#global_nav > ul > li#gnav02,
#global_nav > ul > li#gnav03 {
	width: 182px;
}

#global_nav > ul > li:before,
#global_nav > ul > li:last-child:after {
	position: absolute;
	top: 14px;
	display: block;
	content: "";
	width: 0;
	height: 42px;
	border-left: 1px dotted #446da3;
}

#global_nav > ul > li:before {
	left: -1px;
}

#global_nav > ul > li:last-child:after {
	right: -1px;
}

#global_nav > ul > li span {
	display: table;
	width: 100%;
	height: 100%;
}

#global_nav > ul > li span a {
	position: relative;
	display: table-cell;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#global_nav > ul > li:hover span a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 5px;
	background: #5d84b5;
}

#global_nav ul li ul {
	position: absolute;
	top: 70px;
	left: 0;
	display: none;
	width: 100%;
	background: #eefafe;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	font-size: 1.3rem;
	z-index: 15;
}

#global_nav ul li:hover ul {
	display: block;
}

#global_nav ul li ul li {
	border-bottom: 1px dotted #afc4de;
}

#global_nav ul li ul li:last-child {
	border-bottom: none;
}

#global_nav ul li ul li a {
	display: block;
	padding: 10px 5px;
	color: #00418d;
	text-decoration: none;
}

#global_nav ul li ul li a:hover {
	text-decoration: underline;
}