li {list-style:none;}
img {border:0;}
a {color:#333;}

h1, h2, h3, h4, ul {margin:0; padding:0;}

html {
 overflow-y: scroll;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 100000;
  text-align:center;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
  margin-left: -32px;
  text-align: center;
  color: #cccccc;
  z-index: 200000;
}

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

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 129px;
  height: 44px;
  margin-top: -64px;
  margin-left: -52px;
  text-align: center;
  color: #cccccc;
  z-index: 2;
}	
}

li {list-style:none;}
img {border:0;}
a {color:#333;}

h1, h2, h3, h4, ul {margin:0; padding:0;}

body {
margin:0 auto;
padding:0;
font-size:1em;
color:#000;
line-height:160%;
font-family:'Lucida Grande', sans-serif;
background: url(../img/back.jpg) repeat center top;
min-width:1000px;
max-width:1500px;
}


#header {
width: 1000px;
height: 42px;
position:relative;
margin: 0 auto;
z-index: 0;
}

	#header p {
	width: 1000px;
	position: absolute;
	top:0;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 42px;
	}
	
	#header #knife {
		width: 658px;
		height: 605px;
		position: absolute;
		left: 420px;
		top: 0;
		background:url(../img/main.png) no-repeat;
	}
	
	#header #shine {
		width: 117px;
		height: 117px;
		position: absolute;
		left: 710px;
		top: 470px;
	}

#wbox {
width: auto;
margin:0 20px;
border: 5px solid #ffffff;
min-width: 1140px;
}

#container {
	width: 1000px;
	padding: 20px 0;
	margin: 0 auto;
	z-index: 1000;
	position: relative;
}

	#container h1 {
		width: 516px;
		height: 182px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/title_De.png) no-repeat;
		margin: 0 0 20px 0;
	}
	
	#container h2 {
		margin: 0;
		padding: 20px 0 20px 0;
		font-size: 1.46em;
		color: #0059B2;
	}
	
	#container h3 {
		background-color: #33718F;
		font-size: 1em;
		color: #ffffff;
		padding: 3px 12px;
		margin: 10px 0 20px 0;
		font-weight: normal;
	}
	
	#container p {
		margin: 0;
		padding: 0;
	}

	#wrap2 {
		width: 1000px;
		border-top: 4px solid #ffffff;
		margin: 30px auto;
	}
	
		#wrap2l {
			width: 597px;
			float: left;
		}
		
		#wrap2l p {
			padding: 0 12px;
			font-size: 0.9em;
		}
		
			#shape {
				width: 271px;
				float: left;
				padding: 0 0 30px 0;
			}
			
			#edge {
				width: 271px;
				float: left;
				margin: 0 0 0 25px;
				padding: 0 0 30px 0;
			}
			
				.pix {
				width: 271px;
				}
				
				.txt {
				width: 271px;
				}
			
			#ex {
			width: 100%;
			border-top: 4px solid #ffffff;
			clear: both;
			}
		
		#wrap2r {
			width: 386px;
			border-left: 4px solid #ffffff;
			float: right;
			padding: 10px 0 0 13px;
		}
		
		#wrap2r p {
			padding: 0 12px 20px 12px;
			font-size: 0.9em;
			margin: 0;
		}
		
	
#mail {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	clear: both;
}

	#mail p {
	margin: 20px 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: bold;
	}
	
	#mail .btn {
		width: 413px;
		height: 94px;
		margin: 0 auto;
		background:url(../img/btnb_De.png) no-repeat;
	}


#mail .btn a:hover {
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}


	#mail .btn a {
	-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
		 -o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			}


#cpr {
	width: 100%;
	height: 42px;
	margin: 0 auto;
}

	#cpr p {
		text-align: center;
		line-height: 42px;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}

/*-----------------------*/
@media screen and (max-width: 640px) {

body {
min-width:200px;
max-width:640px;
overflow: hidden;
}


#header {
width: 100%;
height: 60px;
margin: 0 auto;
position: relative;
z-index: 0;
}

	#header p {
	width: 90%;
	left: 5%;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	}
	
	#header #knife {
		width: 254px;
		height: 375px;
		position: absolute;
		left:inherit;
		right: -5px;
		top: -18px;
		background:url(../img/mains.png) no-repeat;
	}
	#header #shine {
	display: none;
	}

#wbox {
width: auto;
margin:0 10px;
border: 4px solid #ffffff;
min-width: 200px;
}

#container {
	width: 90%;
	padding: 20px 0;
	margin: 0 auto;
	z-index: 1000;
	position: relative;
	min-width: 200px;
}

#container iframe {
	width: 100%;
	height: auto;
	min-height: 200px;
}

	#container h1 {
		width: 50%;
		height: 200px;
		background: url(../img/titles.png) no-repeat;
		margin: 0 0 40px 0;
		background-size: contain;
		background-position: left;
	}
	
	#container h2 {
		margin: 0;
		padding: 10px 0 10px 0;
		font-size: 1.2em;
		color: #0059B2;
	}
	
	#container h3 {
		font-size: 1em;
		padding: 2px 5px;
		margin: 0 0 10px 0;
	}
	
	#container p {
		margin: 0;
		padding: 0;
	}
	
	#container img {
	max-width: 100%;
	height: auto;
	}

	#wrap2 {
		width: 100%;
		border-top: 4px solid #ffffff;
		margin: 30px auto 0 auto;
	}
	
		#wrap2l {
			width: 100%;
			float: none;
		}
		
		#wrap2l p {
			padding: 0 5px;
			font-size: 0.9em;
		}
		
			#shape {
				width: 100%;
				float: none;
				padding: 0;
			}
			
			#edge {
				width: 100%;
				float: left;
				margin: 0;
				padding: 0 0 30px 0;
			}
			
			
				.pix {
				width: 35%;
				float: left;
				}
				
				.txt {
				width: 61%;
				float: right;
				padding: 0 0 20px 0;
				}
			
			#shape img,
			#edge img {
				max-width: 100%;
				height: auto;
			}
			
			#ex {
			width: 100%;
			border-top: 4px solid #ffffff;
			clear: both;
			}
		
		#wrap2r {
			width: 100%;
			border-left: none;
			float: none;
			padding: 10px 0 0 0;
		}
		
		#wrap2r p {
			padding: 0 12px 20px 12px;
			font-size: 0.9em;
			margin: 0;
		}
		
	
#mail {
	width: 100%;
}

	#mail p {
	font-size: 1.6em;
	line-height: 140%;
	}
	
	#mail .btn {
		width: 100%;
		height: 94px;
		margin: 0 auto;
		background:url(../img/btnb_De.png) no-repeat;
		background-size: contain;
	}
	#mail .btn img {
	width: 100%;
	height: auto;
	}


#cpr {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

	#cpr p {
		text-align: center;
		line-height: auto;
	}
}



/*--clear-----------------------*/

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

#clr1, .clr1 {
	width:100%;
	clear:both;
	height:1px;
	border:none;
	color:none;
	line-height:1px;
}

#clr, .clr {
	width:100%;
	clear:both;
	border:none;
	color:none;
}



#clr, .clr {width:100%; clear:both; text-align:center;}
#clr1, .clr1 {width:100%; height:1px; line-height:1px; clear:both;}