@charset "utf-8";
*{
	box-sizing:border-box
}
body,h1,h2,h3,h4,h5,p,form,ul,li,figure{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #5F6368;
}
input[type=text],input[type=number],input[type=date]{
	background: #F5F5F5;
	border: none;
	outline: none;
	padding: 12px 7px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
header{
	background: #1E3DA9;
	height: 65px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	z-index: 100;
}
header .inner{
	min-width: 1200px;
	
	position: relative
}
#logo{
	display: block;
	position: absolute;
	height: 42px;
	left: 15px;
	top:10px;
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	background-image: url("../img/logo.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 42px 42px;
	padding-left: 50px;
	line-height: 1.2;
	padding-top: 5px;
}
#hdr_search{
	position: absolute;
	left: 310px;
	width: 310px;
	top:12px;
}
header input[type=text]{
	width:100%;
	font-size: 13px;
}
#hdr_search_btn{
	position: absolute;
	height: 42px;
	left: 625px;
	top:20px;
}
#hdr_search_btn a{
	display: block;	
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	position: relative
}
#hdr_search_btn div{
	display: inline-block;
	position: absolute;
	width: 70px;
	left: 27px;
	top:6px;
}
#hdr_search_btn span{
	left: 0;
	top:0;
	position: absolute;
}
#hdr_user{
	right: 45px;
	top:20px;
	position: absolute;
	width: 200px;
}
#hdr_user span{
	color: #FFF;
	display: block;
	width: 20px;
	height: 20px;
	float: right;
}
#hdr_user p{
	color: #FFF;
	line-height: 1;
	float: right;
	display: inline-block;
	margin-top: 5px;
	margin-left: 8px;
}
#hdr_logout{
	position: absolute;
	right: 15px;
	top:20px;
}
#hdr_logout span{
	color: #FFF;
}
#hdr_logout span{
	
}
#search_modal{
	width: 570px;
	height: 370px;
	position: fixed;
	z-index: 101;
	background: #FFF;
	border-radius: 6px;
	top:80px;
	left: calc((100% - 570px)/2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
}
#search_close{

}
.btn_search_close{
	
}
#search_modal h1{
	
}
#search_modal input[type=text]{
	
}
#search_modal h2{
	
}
#search_date1{
	
}
#search_date2{
	
}
#search_catgory{
	
}
.btn_search{
	
}
.btn_clear{

}
sub{
	position: fixed;
	width: 265px;
	top:65px;
	height: 2000px;
	background: #F8F9FD;
	padding: 25px;
}
#side_blog{
	width: 100%;
	display: flex;
	text-decoration: none;
	margin-bottom: 20px
}
#side_blog figure{
	width: 65px;
	height: 65px;
	overflow: hidden;
	border-radius: 6px;

}
#side_blog .title{
	width: calc(100% - 65px);
	padding-left: 10px;
	padding-top: 3px;
}
#side_blog figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#side_blog h2{
	font-size: 15px;
	margin-bottom: 3px;
}
#side_blog .date{
	font-size: 12px;
	color: #5F6368
}
#side_blog p{
	font-size: 14px;
	color: #5F6368
}
#side_nav1{

	padding-bottom: 20px;
	margin-left: -25px;

}
#side_nav1 ul{
	
}
#side_nav1 li{
	padding-left: 25px;
}
#side_nav1 li.active{
	background:#E4E9F7 !important;
	border-radius: 0 20px 20px 0;
}
#side_nav1 li:hover{
	background: #eee!important;
	border-radius: 0 20px 20px 0;
}
#side_nav1 li.active{
	background: #C2CEED
}
#side_nav1 a{
	display: flex;
	text-decoration: none;
	font-size: 15px;
	padding: 8px 0 8px 8px
}
#side_nav1 span{
	color: #5F6368
}
#side_nav1 p{
	width: calc(100%-25px);
	color: #5F6368;
	padding-left: 6px
}
#side_nav1 .red span{
	color: #DA4852
}
#side_nav1 .red p{
	color: #DA4852
}
.icn_new{
	color: #FFF !important;
	display: inline-block;
	background: #DA4852;
	font-size: 10px;
	line-height: 1;
	margin-left: 5px;
	padding: 4px 4px 3px 4px;
	border-radius: 2px;
	font-weight: bold
}
#side_nav1 li.active{
	
}
#tip{
	display: none
}
#side_banner{
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
#side_banner a{
	display: block
}
#side_banner img{
	width: 100%;
	height: auto
}
#side_nav2{
	padding:10px 0;
}
#side_nav2 li{
	
}
#side_nav2 li a{
	color: #5F6368;
	font-size: 12px;
}
#copyright{
	font-size: 9px;

}
main{
	padding: 100px 0 0 290px;
	min-width:1200px;
}
#hdr_nav{
	position: relative
}
ul.tab{
	display: flex;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
ul.tab li{
	border-bottom: 3px solid #FFF
}
ul.tab li.active{
	border-bottom: 3px solid #FFF
}
ul.tab li.active{
	border-bottom: 3px solid #1E3DA9
}
ul.tab li a{
	padding: 6px 10px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #707070
}
#inportant_news{

}
#inportant_news .inner{
	overflow-y: scroll;
	height: 220px;
	overflow-x:none;
	padding-right: 15px;
}
#inportant_news h2{
	font-size: 16px;
	padding-top: 2px;
	padding-bottom: 3px;
	background-image: url("../img/icn_important.svg");
	background-repeat: left center;
	background-size: 16px auto;
	padding-left: 22px;
	background-repeat: no-repeat;
	line-height: 1;

}
.scroll_bar{
   overflow-y: scroll;
}
.scroll_bar::-webkit-scrollbar{
   width: 7px;
}
.scroll_bar::-webkit-scrollbar-track{
   background-color: #eee;
}
.scroll_bar::-webkit-scrollbar-thumb{
   background-color: #ccc;
}
.submenu{
	display: none
}
.submenu li{
	
}
.submenu a{
	
}
#hdr_contact{
	width: 200px;
	position: absolute;
	right: 15px;
	bottom: 5px;
}
#hdr_contact h3{
	font-size: 12px;
}
#hdr_contact p{
	font-size: 12px;
	padding-left: 6px;
	line-height: 120%;
}
#hdr_contact p a{
	font-size: 12px;
}

.box{
	padding: 25px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	border-radius: 6px;
	margin-bottom: 30px
}
#inportant_news h2{
	
}
#inportant_news .inner{
	
}
.list1{
	
}
.list1 li{
	border-bottom: 1px solid #eee
}
.list1 li:last-child{
	border: none
}
.list1 a{
	text-decoration: none;
	display: block;
	padding: 10px 0;
}
.list1 .title{
	display: flex
}
.list1 .date{
	color: #707070;
	font-size: 14px;
	width: 100px;
}
.list1 p{
	color: #1E3DA9;
	font-size: 14px;
	width: calc(100% - 150px);
}
.list1 .view{
	font-size: 12px;
	text-align: right;
	color: #707070;
	width: 50px;

}

#tab{
	
}
#tab ul{
	
}
#tab li{
	
}
#tab li.active{
	
}
#tab li a{
	
}
#top_news{
	
}
#top_news .inner{
	
}
.list2{
	
}
.list2 li{
	border-bottom: 1px solid #eee
}
.list2 li:last-child{
	border: none
}
.list2 a{
	text-decoration: none;
	display: block;
	padding: 10px 0;
	display: flex
}
.list2 .title{
	display: flex;
	width:calc(100% - 90px);
	padding-right: 8px;
}
.list2 .date{
	color: #707070;
	font-size: 14px;
	width: 100px;
	margin-right: 6px;
}
.list2 .category{
	width: 86px;
	margin-right: 10px;
	height: 22px;
	text-align: center;
	font-size:12px;
	background: #E4E9F7;
	color: #000000;
	padding-top:6px;
	line-height: 1;
}
.list2 p{
	color: #1E3DA9;
	font-size: 14px;
	width: calc(100% - 150px);
	padding-right: 15px;
}
.list2 .view{
	font-size: 12px;
	text-align: right;
	color: #707070;
	width: 50px;

}
.list2 figure{
	width: 90px;
	height: 67px;
	overflow: hidden;
	border-radius: 4px;
	background: #eee;
}
.list2 figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#topic_pass{
	font-size: 12px;
	color: #5F6368;
	padding-bottom: 20px;
}
#topic_pass a{
	font-size: 12px;
	color: #5F6368
}
.h1{
	font-size: 28px;
	color: #5770B3;
	padding: 20px 0 20px 0;
}
.h2{
	font-size: 17px;
	color: #fff;
	padding: 7px 13px;
	margin-bottom: 15px;
	background: #6883CA
}
.h3{
	font-size: 17px;
	border-bottom: 2px solid #CDD6EE;
	margin-bottom: 15px;
	padding: 5px;
}
.h4{
	font-size: 17px;
	color: #6883CA;
	padding: 5px;
}

.list3 li{
	background-image: url("../img/maru.svg");
	background-repeat: no-repeat;
	background-position: left 5px center;
	padding: 10px 10px 10px 21px;
	border-bottom: 1px solid #eee;
}
.list3 li:last-child{
	border: none
}
.txt1{
	font-size: 15px;
	line-height: 180%;
	margin-bottom: 30px;
}
.ta1{
	width: 100%;
	margin-bottom: 20px;
}
.ta1 th,.ta1 td{
	padding: 10px;
	font-size: 15px;
	border-bottom: 1px solid #ccc
}
.ta1 th{
	background: #eee;
}
.ta1{
	
}
.btn1{
	display: block;
	width: 240px;
	background: #6883CA;
	color: #FFF;
	padding: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	border-radius: 4px;
	text-align: center;
	padding: 15px 0;
	margin: 0 auto 30px auto

}
.btn2{
	display: inline-block;
	border: 1px solid #ccc;
	color: #5770B3;
	padding: 14px;
	text-decoration: none;
	line-height: 1;
	border-radius: 4px;
	text-align: center;
	padding: 15px 20px;

}
.tit1{
	border-bottom: 2px solid #CDD6EE;
	margin-bottom: 15px;
	padding: 5px;
}
.tit1 .date{
	font-size: 16px;
	font-weight: normal;
}
.tit1 p{
	font-size: 18px;
}
.box50{
	display: flex;
	 justify-content: space-between;
	padding-bottom: 20px;
}
.box50 .item1{
	width: 49%;
}
.box50 .item2{
	width: 49%;
}
.fnt_s{
	font-size: 12px;	
}
.blue_box{
	padding: 25px;
	background: #F5F7FC;
	font-size: 15px
}
.blue_box h4{
	margin-bottom: 5px;
	color: #6883CA
}