/* 0 to 768px */
body {
	-webkit-text-size-adjust: 100%;

}
header {
	overflow: hidden;
	background: #fff;
	font-size: 12px;
}

	#contents {
	background: #fff;
}

#contents nav {
	overflow: hidden;
	background: #fff;

}
	#contents nav ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
	}
	#contents nav ul li {
		float: left;
		
	}
#contents mainzx {
	overflow: hidden;
	background:  #fff;
}
	
#contents azx {
	overflow: hidden;
	background: #fff;
}
	

#contents azx2 {
	overflow: hidden;
	background: #fff;
}
	



footer {
	overflow: hidden;
	background: #fff;
}
	


a:link{ color: #1E5F9E; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }
a:visited{ color: #1E5F9E; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }
a:hover{	color: #000000; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }



img { 


    max-width: 100%; 


    height: auto; 


} 

embed { 


    max-width: 100%; 


} 

object { 


    max-width: 100%; 


}





h1 {
padding: .5em .75em;
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
border-bottom: 1px solid #ccc;
font-size: 12px;
font-weight: bold;
margin-bottom : 0px;
}



div.sample {


border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
margin-top : 0px;
font-size: 12px;

}


h2 {
padding: .5em .75em;
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
font-size: 12px;
font-weight: bold;

}

div.sample2 {

text-align: center;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
margin-top : 0px;
margin-right: 5px;
margin-left : 0px;
font-size: 12px;
height: 605px;
 } 

div.sample3 {
text-align: center;
font-size: 12px;
 } 

h3

 {
text-align: center;
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
font-size: 15px;
font-weight: bold;
margin-bottom : 0px;
border-bottom: 1px solid #ccc;
margin-right: 5px;
}

/**/
@media only screen and (min-width: 769px)
{

body {
background: #ececec;
margin-top : 0px;
}

header {
	width: 1150px;
	overflow: hidden;
	border-bottom: 1px solid #000000;
        margin-right: auto;
        margin-left : auto;
background: #fff;
font-size: 12px;
}
	
	
#contents {
	overflow: hidden;
	width: 1150px;
	margin: 0 auto;
        background: #fff;
}
#contents nav {
	float: left;
	width: 155px;
        overflow: hidden;
	


}
	#contents nav ul {
	overflow: hidden;
	margin: 0px;
	padding: 0px;}

	#contents nav ul li {

border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
		float: none;
		margin-right: 0px;
	margin-left : 5px;
padding: 2px 2px 2px 0px;

}
#contents mainzx {
	float: left;
	width: 685px;
	overflow: hidden;
	

}
	
#contents azx {
	float: left;
	width: 130px;
	overflow: hidden;
	background: #fff;
}
	

#contents azx2 {
	float: left;
	width: 180px;
	overflow: hidden;
	background: #fff;


}
	

footer {
	width: 1150px;
	overflow: hidden;
	border-bottom: 1px solid #000000;
        margin-right: auto;
        margin-left : auto;
        background: #fff;
}
	


h1 {
padding: .5em .75em;
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
font-size: 12px;
font-weight: bold;
margin-right: 62px;
margin-left : 62px;
margin-bottom : 0px;
border-bottom-color : #cccccc;
}



div.sample {

margin:5px; padding:10px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
margin-top : 0px;
margin-right: 62px;
margin-left : 62px;
font-size: 12px;

 } 



h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}


h2

 {
text-align: center;
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
font-size: 15px;
font-weight: bold;
margin-bottom : 0px;
border-bottom: 1px solid #ccc;
margin-left : 5px;
}


div.sample2 {

text-align: center;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color:#fff;
margin-top : 0px;
margin-right: 5px;
margin-left : 0px;
font-size: 12px;
height: 605px;
 } 



h3

 {
text-align: center;
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(to bottom, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
font-size: 15px;
font-weight: bold;
margin-bottom : 0px;
border-bottom: 1px solid #ccc;
margin-right: 5px;
}



div.sample3 {
text-align: center;
font-size: 12px;
 } 

/**/
}