@font-face {
    font-family: 'apex_newbook';
    src: url('ApexNew-Book-webfont.eot');
    src: url('ApexNew-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('ApexNew-Book-webfont.woff2') format('woff2'),
         url('ApexNew-Book-webfont.woff') format('woff'),
         url('ApexNew-Book-webfont.ttf') format('truetype'),
         url('ApexNew-Book-webfont.svg#apex_newbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,body {
	margin:0;
	padding: 0;
	background: #e9e6e2;
	
	}
/*{
	font-family:"Arial","HelveticaNeue-Roman","Helvetica Neue Roman","Helvetica Neue Regular",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-align:left;
	line-height:1.5;
	font-size:1.14rem;
	letter-spacing:.012rem;
	font-weight:400;
	word-break:keep-all;
}*/
/*.big-link {
	color:#666;
	font-size:2rem;
	letter-spacing:-0.06rem;
	display:block;
	margin-top:19px;
	margin-left:27px;
	text-decoration:none;
	position:fixed;
	font-weight:600;
	text-align:left;
}*/

#content {
	position: fixed; 
	bottom: 20px; 
	left: 30px; 
	font-size: 16px; 
	line-height: 25px;
	letter-spacing:.02em; 
	font-family: "apex_newbook";

}
.content {
	color:#000000;
}

#main {
	position:inherit;
	top:140px;
	left:30px;
	width:537px;
	font-family: "apex_newbook";

}
#main p,contact p {
	margin:0 0 1.3rem;
}
#contact {
	float:right;
	width:300px;
	position:inherit;
	top:40px;
	left:730px;
}
#clear {
	clear:both;
}
/*body {
	font-size:16px;
	line-height: 1.25em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
		margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding: 0;
}*/


/************************************************************************************smaller than 1000*************************************************************************************/
@media screen and (max-width:1000px) {
	#contact {
		float:right;
		width:300px;
		top:850px;
		left:30px;
		padding-bottom: 120px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
}
/************************************************************************************smaller than 768 stylee*************************************************************************************/
@media screen and (max-width:700px) {
	#main {
		width:560px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
	#contact {
		top: 940px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
}
/************************************************************************************smaller than 600*************************************************************************************/
@media screen and (max-width:600px) and (min-width:481px) {
	#main {
		width:400px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
	#contact {
		top: 1180px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
}
/************************************************************************************smaller than 600*************************************************************************************/
@media screen and (max-width:480px) and (min-width:200px) {
	body { font-size: 16px;
		line-height: 25px;}
	#main {
		width:360px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
	.logo img{ width: 80px; height: auto;}
}

@media screen and (max-width:320px) {
	
	body { font-size: 16px;
		line-height: 25px;}
	#main {
		
		width:260px;
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
	.logo img{ width: 80px; height: auto;}
}