@charset "utf-8";

/* http://www.theLogoDesigner.studio */
/* date updated: 4-7-26 */




@media screen {
	
	.menu {
		background-color: #335E67;
		color: #323033;
		overflow: hidden;
		border-bottom: solid 3px #323033;
	}

	.menu a {
		float: left;
		display: block;
		color: #323033;
		text-align: left;
		padding: 16px 18px;
		text-decoration: none;
		border-top: solid 2px #335E67;
		border-bottom: solid 2px #335E67;
	}

	.menu .icon {
		display: none;
	}

	.menu_Icons a {
		display: block;
		float: left;
	}
	
	.menu a:hover {
		background-color: #DB1A28;
		color: #323033;
		border-top: solid 2px #323033;
		border-bottom: solid 2px #323033;
	}
	
	.dp_m_11 {
		float: left;
		overflow: hidden;
	}
	
	.dp_m_11 .dp_b_21 {
		padding: 16px 18px;
	}

	.dp_c_31 {
		position: absolute;
		display: none;
		background-color: #335E67;
		min-width: 60px;
		border-bottom: solid 3px #323033;
		border-left: solid 3px #323033;		
		border-right: solid 3px #323033;
	}

	.dp_c_31 a {
		float: none;		
	}
	
}




@media screen and (max-width: 900px) {

	#website_Body {
		margin: 0 auto;
		width: 100%;
		height: 100%;
		overflow-y: hidden;
		overflow-x: hidden;
	}
			
	.menu {
		font-size: 25px;
	}
	
	.menu a {
		display: none;
		
	}
	
	.menu a:not(:first-child), .dp_m_11 .dp_b_21 {
		display: none;
	}

	.menu a.icon {
		float: right;
		display: block;
		height: 30px;
	}
  
	.menu.responsive {
		position: relative;
	}
	
	.menu.responsive a {
		display: block;
		text-align: left;
	}
	
	.menu.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
		
	.menu.responsive menu_Left {
		float: left;
		display: block;
	}

	.menu.responsive menu_Right {
		float: none;		
		background-color: #A1BF2F;		
	}

	
	.menu.responsive .dp_m_11 {
		cursor: default;
	}

	.menu.responsive .dp_m_11 .dp_c_31 {
		float: none;
		display: block;
		width: auto;
	}
	
	.menu.responsive .dp_m_11 {
		float: none;
	}

	.menu.responsive .dp_m_11 .dp_b_21 {
		display: block;
		Height: 34px;
	}

	.menu.responsive .dp_c_31 {
		position: relative;
	}
	
	.menu_Right_2 {
		background-color: #335E67;
		border-radius: 0px 25px 25px 0px;
		width: 200px;
	}

	.menu_Right_3 {
		width: 52px;
	}
	
	.menu_Icons a {
		height: 30px;
	}
	
	.top_Border {
		Height: 46.3px;
	}

	.size_3 {
		width: 30px;
		height: 30px;
	}

	.column2 {
		width: 100%;
	}
	
	.img1 {
		top: 0;
		left: 0;
	}
		
	.img2 {
		top: 30px;
		left: 0px;
	}
	
	.img_1_NoOrShow {
		display: none;
	}

	.img_2_NoOrShow {
		display: block;
	}

} 




@media screen and (min-width: 901px) {

	#website_Body {
		max-width: 5080px;
		margin: 0 auto;
		height:100%;
		background: #323033;
	}
		
	.menu {
		font-size: 15px;
	}
	
	.menu_Right {
		float: right;
		margin-right: 75px;
	}

	.menu_Icons a {
		height: 25px;
	}

	.top_Border {
		Height: 51px;
	}

	.dp_m_11:hover {
		background-color: #323033;
		color: #DB1A28;
	}

	.dp_m_11:hover .dp_c_31 {
		display: block;
	}
	
	.dp_m_11 .dp_b_21 {
		cursor: pointer;
	}
	
	.top_Border {
		Height: 57px;
	}
	
	.size_3 {
		width: 24px;
		height: 24px;
	}
		
	.column2 {
		width: 25%;
	}

	.img_1_NoOrShow {
		display: block;
	}

	.img_2_NoOrShow {
		display: none;
	}

}