/* common */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.form-control {
	border-radius:0;
	background-color:#f0f0f0;
}

.form-control:focus {
	outline: none;
	box-shadow:none;
	border:1px solid #ced4da;
	background-color:#f0f0f0;	
}



body {
	background:#FFFFFF;
	color:#001e62;
	font-family: 'Noto Sans', sans-serif;		
}

.container_wide {
	position:relative;
	width:100%
}

.container_wide>.container_limit {
	position:relative;
	max-width:1280px;
	margin:0px auto;
}

.container_wide>.container_limit>.content {
	color:#001e62;
	padding:30px 0px;
}
@media (min-width:992px ) {
	.container_wide>.container_limit>.content {
		padding:50px 50px;
	}
}




/*                        */
/*                        */
.top_spacer {
	height:123px;	/*128*/
}
#mobile_top_spacer {
	height:123px; /*120*/
}


/*                        */
/* desktop menu */
/* blue bar           */
/*                        */
.container_wide.top-blue-bg {
	position:fixed; 
	width:100%; 
	height:33px;
	left:0px; 
	top:0px; 
	background:#001e62;
	z-index:10;
}



.container_wide.top-blue-bg .top-blue-bg-con {
	position:relative;
	max-width:1280px;
	margin:0 auto;
}

.container_wide.top-blue-bg .social_con {
	position: absolute;
    right: 120px;
    top: 3px;
}

.container_wide.top-blue-bg .social_con a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.container_wide.top-blue-bg .social_con .spacer {
	width:10px;
}


/*                        */
/* desktop menu */
/*                        */
.container_wide.top-bg {
	position:fixed; 
	width:100%; 
	height:95px;
	left:0px; 
	top:33px; 
	background:#FFFFFF;
	z-index:10;
}

.container_wide.top-bg .img-bg {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:95px;
}

.container_wide.top-bg .img-bg img {
	width:100%;
	height:100%;
}



#desktop_menu_con {
	position:relative;
	max-width:1280px;
	height:100px;
	margin:0 auto;
}

#desktop_menu_con .con1 {
	max-width:950px;
	margin:0px 0px 0px 80px;
}
@media(min-width:992px) {
	#desktop_menu_con .con1 {
		max-width:1000px;
		margin:0px 0px 0px 200px;
	}

}
@media(min-width:1200px) {
	/*
	#desktop_menu_con .con1 {
		max-width:950px;
		margin:0px 0px 0px 200px;
	}
	*/
}


#desktop_menu_con .con1 .img_logo_con {
	position: absolute;
    left: 15px;
    top: -3px;
}

#desktop_menu_con .con1 .img_logo_con img {
	width:104px;
}
@media(min-width:992px) {
	#desktop_menu_con .con1 .img_logo_con img {
		width:147px;
	}
}
@media(min-width:1200px) {
	/*
	#desktop_menu_con .con1 .img_logo_con img {
		width:147px;
	}
	*/
}


#desktop_menu_con .con1 .menu_con {
  margin:0 auto;
	width:980px; 
}

#desktop_menu_con .con1 .menu_con .menu {
  list-style-type: none;
}

#desktop_menu_con .con1 .menu li {
	float: left;
}

#desktop_menu_con .con1 .menu li a {
	display: block;
	color:#001e62;	
	font-family: 'Noto Sans', sans-serif;	
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:0px;
	padding-left:11px;
	padding-right:11px;
	padding-top:23px;
	cursor:pointer;
}
@media(min-width:992px) {
	#desktop_menu_con .con1 .menu li a {
		padding-left:14px;
		padding-right:14px;
	}
}
@media(min-width:1200px) {
	/*
	#desktop_menu_con .con1 .menu li a {
		padding-left:11px;
		padding-right:11px;
	}
	*/
}


#desktop_menu_con .con1 .menu li a .img-menu-arrow-up {
	position:relative;
	top:-2px;
	left:2px;
}

#desktop_menu_con .con1 .menu li a:hover {
	text-decoration:none;
}

#desktop_menu_con .con1 .menu li.active a {
	color:#febe00;
}

#desktop_menu_con .con1 .sub_menu.desktop_about {
	display:none;
	position:relative;
	left: -30px;
    top:38px;
	width:250px;
}

#desktop_menu_con .con1 .sub_menu.desktop_office {
	display:none;
	position:relative;
	left: 105px;
    top: 38px;
	width:190px;
}

#desktop_menu_con .con1 .sub_menu.desktop_industrial {
	display:none;
	position:relative;
	left: 704px;
    top: 38px;
	width:190px;
}

#desktop_menu_con .con1 .sub_menu.desktop_event {
	display:none;
	position:relative;
	left: 225px;
    top: 38px;
	width:190px;
}

#desktop_menu_con .con1 .sub_menu.desktop_contact {
	display:none;
	position:relative;
	left: 785px;
    top: 38px;
	width:190px;
}


#desktop_menu_con .con1 .sub_menu .mask {
	position:absolute;
	left: 0px;
    top: 0px;
    width:100%;
    height:100%;
	background:#283374;
	xxxx-opacity:0.7;
}

#desktop_menu_con .con1 .sub_menu div {
	position:relative;
	width:100%;	/* 190px */
	text-align:left;
	padding:5px 20px;
	font-family: 'Noto Sans', sans-serif;	
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
#desktop_menu_con .con1  .sub_menu div.active a {
	color:#2eceff;
}

#desktop_menu_con .con1  .sub_menu div a {
	color:#ffffff;
	text-decoration:none;
}
#desktop_menu_con .con1  .sub_menu div a:active {
	color:#ffffff;
	text-decoration:underline;
}
#desktop_menu_con .con1  .sub_menu div a.current {
	text-decoration:underline;
}


/*                        */
/* mobile menu */
/* blue bar           */
/*                        */
.container_wide.top-blue-bg.mobile {
	position:fixed; 
	width:100%; 
	height:43px;	/* 9.56vw */
	left:0px; 
	top:0px; 
	background:#001e62;
	z-index:10;
}


.container_wide.top-blue-bg.mobile .top-blue-bg-con {
	position:relative;
	max-width:1280px;
	margin:0 auto;
}

.container_wide.top-blue-bg.mobile .social_con {
	position: relative;
    right: unset;
    top: 7px;
    margin: 0 auto;
    width: 265px;
}
@media (min-width:992px) {
	.container_wide.top-blue-bg.mobile .social_con {
		position: absolute;
		right: 120px;
		top: 3px;
	}
}


.container_wide.top-blue-bg.mobile .social_con a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.container_wide.top-blue-bg.mobile .social_con .spacer {
	width:10px;
}

/*                         */
/* mobile menu 1 */
/*                         */
#mobile_menu1_con {
	position:fixed;
	z-index:10;
	left:0px;
	top:43px;	/* 9.56vw; */
	width:100%;
	height:80px;	/* 18.33vw */
	background:#FFFFFF;
}


#mobile_menu1_con .con1 {
	max-width:1000px;
	margin:0 auto;
}

#mobile_menu1_con .con1 .img-bg {
	width:100%;
	height:100px;
}

#mobile_menu1_con .con1 .img-bg img {
	width:100%;
	height:100px;
}

#mobile_menu1_con .con1 .img_logo_con {
	position: absolute;
    left: 30px;
    top: 17px;
    width:100px;
}

#mobile_menu1_con .con1 .img_logo_con img {
	width:100%;
}

#mobile_menu1_con .con1 .img_three_con {
	position: absolute;
    right: 50px;
    top: 27px;
    width: 33px;
    cursor: pointer;
}

#mobile_menu1_con .con1 .img_three_con img {
	width:100%;
}

/*                         */
/* mobile menu 2 */
/*                         */
#mobile_menu2_con {
	position:fixed;
	z-index:10;
	left:0px;
	top:0px;
	width:100%;
	height:65px;
	xxx-background:#000000;
	/* background-image:url(../image/desktop/gradient1.png); */
	background-size: 100% 65px;
}

#mobile_menu2_con .con1 {
	max-width:800px;
	margin:0 auto;
}

#mobile_menu2_con .con1 .img_logo_con {
	position:fixed;
	left:5px;
	top:5px;
}

#mobile_menu2_con .con1 .img_logo_con img {
	height:55px;
	opacity:0.5;
}

#mobile_menu2_con .con1 .img_three_con {
	position:fixed;
	right:20px;
	top:20px;
	cursor:pointer;
}

#mobile_menu2_con .con1 .img_three_con img {
	width:30px;
	height:25px;
}

/*                                   */
/* mobile menu content */
/*                                   */
#mobile_menu_mask {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.2;
	z-index:999;
}

#mobile_menu_content {
	display:none;
	position:fixed;
	z-index:1000;
	right:0px;
	top:43px;
	width:90%;
	background:#21295d;
}

#mobile_menu_content .con1 {
	max-width:800px;
	margin:0 auto;
}

#mobile_menu_content .con1 .bg {
	position:absolute;
	right:0px;
	top:0px;
}

#mobile_menu_content .con1 .img_logo_con {
	position:fixed;
	left:5px;
	top:5px;
}

#mobile_menu_content .con1 .img_logo_con img {
	height:55px;
	opacity:0.5;
}

#mobile_menu_content .con1 .img_cross_con {
	position:fixed;
	right:20px;
	top:20px;
	cursor:pointer;
}

#mobile_menu_content .con1 .img_cross_con img {
	width:23px;
	height:23px;
}

#mobile_menu_content .con1 .social_con {
    position: absolute;
    left: 50px;
    bottom: 30px;
}

#mobile_menu_content .con1 .menu_con {
    margin: 0 auto;
    width: 100%;
}

#mobile_menu_content .con1 .menu_con .menu {
	position: absolute;
    left: 81px;
    top: 0px;
    font-size: 2em;
	list-style-type: none;
	padding-inline-start:0px;
}

/* mobile menuitem */
#mobile_menu_content .con1 .menuheader  {
	position:relative;
	color:#FFFFFF;
	width:100%;
	height:110px;
	border-bottom:1px solid #777c9c;
}

#mobile_menu_content .con1 .menuheader .img-logo {
	position:absolute;
	width:100px;
	left:30px;
	top:20px;
}
#mobile_menu_content .con1 .menuheader .img-logo>a>img {
	width:100%;
}

#mobile_menu_content .con1 .menuheader .img-close {
	position:absolute;
	width:32px;
	height:32px;
	right:66px;
	top:20px;	
	cursor:pointer;	
}
#mobile_menu_content .con1 .menuheader .img-close>img {
	width:100%;
}

#mobile_menu_content .con1 .menuitem {
	position:relative;
	color:#FFFFFF;
	width:100%;
	height:57px;
	border-bottom:1px solid #777c9c;
	padding:15px 30px;
}

#mobile_menu_content .con1 .menuitem,
#mobile_menu_content .con1 .menuitem a,
#mobile_menu_content .con1 .menuitem a:active
{
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
}

#mobile_menu_content .con1 .menuitem a.current {
	text-decoration:underline;
}


#mobile_menu_content .con1 .menuitem .expand {
	position:absolute;
	right:66px;
	top:16px;
	width:23px;
	height:23px;
}

#mobile_menu_content .con1 .menuitem_con {
	width:100%;
	overflow-y:auto;
}

#mobile_menu_content .con1 .menuitem.level1 {
}
#mobile_menu_content .con1 .menuitem.level1.active {
	background:#FFFFFF;
	color:#21295d;
}

#mobile_menu_content .con1 .menuitem.level2 {
	display:none;
	border-bottom:1px dashed #777c9c;	
}



/*               */
/* footer    */
/*              */
.footer {
	background:#001e62;
	color:#FFFFFF;
	font-size:12px;
}

.footer .title1 {
	text-decoration:underline;
	font-weight:bold;
}

.footer a,
.footer a:active
 {
	color:#FFFFFF;
	text-decoration:none;
}

.container_wide.footer>.container_limit>.content {
	color:#ffffff;
	padding:30px 50px;
}
@media (min-width:992px ) {
	.container_wide.footer>.container_limit>.content {
		padding:50px 30px 80px 30px;
	}
}