@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 48em) {

	.header .module > a {
		float: left;
		}
	
	.header .module > div {
		background: url(../images/phone.png) left center no-repeat;
		padding-left: 55px;
		text-align: right;
		float: right;
		margin: 25px 10px 0 0;
	}
	
	/*---------------mainmenu-----------------*/

	.menu {
		position: relative;
		z-index: 99999;
		border-top: 4px solid #2c4875;
		}
	
	.menu .module > ul {
		float:left;
		}
	
	.menu .module > ul > li {
		float:left;
		position: relative;
		text-align: left;
		}
	
	.menu .module > ul > li ul {
		position: absolute;
		top: 36px;
		left: 0;
		background: #203659;
		width: 220px;
		z-index: 99999;
		display: none;
	}
	
	.menu .module > ul li:hover > ul {
		display: block;
	}
	
	.menu .module > ul > li ul li {
		border-top: 1px solid rgba(255,255,255,.1);
		position: relative;
	}
	
	.menu .module > ul > li ul li a {
		color: #fff;
		display: block;
		line-height: 32px;
		padding: 0 10px;
		text-decoration: none;
	}
	
	.menu .module > ul > li ul li:hover > a {
		background: rgba(255,255,255,.1);
	}
	
	.menu .module > ul > li ul li ul {
		position: absolute;
		top: -1px;
		left: 220px;
		border-left: 1px solid rgba(255,255,255,.1);
	}
	
	.menu .module > ul > li > a {
		color:#FFF;
		display:block;
		font-weight: bold;
		font-size:12px;
		text-transform:uppercase;
		padding:0px 15px;
		line-height: 36px;
		text-decoration: none;
		cursor: pointer;
		}
	
	.menu .module > ul > li:hover > a, .menu .module > ul > li.active > a {
		background: #ff8f00;
		}
		
	.menu form {
		float: right;
		background: #fff;
		box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-ms-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		-o-box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
		margin-top: 5px;
	}
	
	.menu form > * {
		float: left;
		border: 0;
		background: transparent;
		height: 25px;
	}
	
	.menu form > input {
		text-indent: 5px;
		font-style: italic;
		width: 180px;
	}
	
	.menu form > button {
		background: url(../images/search.png) center center no-repeat;
		cursor: pointer;
		width: 35px;
	}
	
	/*---------------content_home-----------------*/
	
	.content_home {
		background:#fff;
		position: relative;
	}
	
	.left {
		padding-top: 15px;
		width: 25%;
		float: right;
		border-left: 1px solid #eaeaea;
		}
	
	.right {
		float: left;
		width: 73%;
		padding-top: 5px;
		}
	
	.samefont {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	/*---------------menu_left-----------------*/

	.menu_left > h3 {
		font-size: 18px;
		color: #ff8f00;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	
	.menu_left div > ul > li {
		color: #000;
		border-top: 1px solid #eaeaea;
		padding-left: 10px;
		position: relative;
	}
	
	.menu_left div > ul > li:first-child {
		border-top: 0;
	}
	
	.menu_left div > ul > li a {
		color: #000;
		text-transform: uppercase;
		line-height: 32px;
		text-decoration: none;
		font-weight: bold;
		display: block;
		font-size: 12px;
		}
	
	.menu_left div > ul > li span {
		color: #444;
		font-size: 15px;
		position: absolute;
		top: 3px;
		right: 10px;
		font-weight: bold;
		}
	
	.menu_left div > ul > li:hover > a {
		color: #ff8f00;
		}
	
	.menu_left div > ul > li ul {
		position: absolute;
		top: -3px;
		right: 190px;
		display: none;
		background: #fff;
		width: 200px;
		padding: 3px 15px 3px 15px;
		border: 1px solid #ddd;
		border-left: 1px solid #eaeaea;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		
		-webkit-box-shadow: 1px 0 5px rgba(0,0,0,.1);
		-moz-box-shadow: 1px 0 5px rgba(0,0,0,.1);
		-ms-box-shadow: 1px 0 5px rgba(0,0,0,.1);
		-o-box-shadow: 1px 0 5px rgba(0,0,0,.1);
		z-index: 999999; 
	}
	
	.menu_left div > ul > li:hover ul {
		display: block;
	}
	
	.menu_left div > ul > li ul li {
		border-top: 1px dotted #ddd;
		width: 200px;
		float: left;
		list-style: disc inside;
	}
	
	.menu_left div > ul > li ul li:first-child {
		border-top: 0;
	}
	
	.menu_left div > ul > li ul li a {
		line-height: 32px;
	}
	
	.menu_left div > ul > li ul li:hover a {
		color: #ff8f00;
		}
		
	.nav_bar {
	position: absolute;
	top: 5px;
	right: 0;
	}
	
}