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

#main{padding-top:50%;}


.top-bg{background:url(../img/key.png) no-repeat;
background-size:contain;}


.topbox{background:rgba(255,255,255,0.81);
box-shadow: 2px 2px 4px 0px gray;

padding:2%;
margin-bottom:5%;}

h2{width:30%;
margin:2% auto;}

.sub-nav li{width:45%;
float:left;
margin-left:2%;
margin-right:2%;
margin-bottom:2%;
}


.topbox02{background:rgba(15,137,71,0.33);
padding:2% 0%;}



.news{padding:2% 0%;
background:#fff;
}

.topbox03{background:#dfeaf0;
padding:4% 0%;}


.pdf{width:90%;
margin:3% auto;
position:relative;}


.topbox03p{width:90%;
margin:3% auto;}


#fb_page_plugin_area{
width:85%;	
max-width:500px;
margin:0% auto;
padding:0% 0%;
overflow:hidden;}

iframe {width:100%;
overflow:hidden;}


.pdf01{width:15%;
position:absolute;
top:50%;
left:35%;}

.pdf02{width:15%;
position:absolute;
top:62%;
left:35%;}

.pdf03{width:15%;
position:absolute;
top:75%;
left:35%;}

.pdf04{width:15%;
position:absolute;
top:50%;
left:53%;}

.pdf05{width:15%;
position:absolute;
top:62%;
left:53%;}

.pdf06{width:37%;
position:absolute;
top:76%;
left:53%;}



@media only screen and (min-width: 640px) {
	
.pdf{width:43%;
margin-left:3%;
margin-right:3%;
float:left;}

	
.topbox03p{width:43%;
margin-left:3%;
margin-right:3%;
float:left;}

}