*{
padding:0px;
margin:0px;
}
#holder{
max-width:1024px;
height:auto;
margin:auto;
}
#header{
width:100%;
clear:both;
background-color:#15ddef;
}
#navi{
font:12px Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
text-align:center;
width:100%;
height:60px;
clear:both;
}
#bann{
width:100%;
height:380px;
background-color:#ffa417;
}
#big_line img{
width:100%;
}
#icon_all{
width:100%;
clear:both;
}
#icon{
float:left;
padding-top:30px;
width:50%;
text-align:center;
padding-bottom:10px;
}
#icon2{
float:left;
padding-top:20px;
width:50%;
text-align:center;
padding-bottom:10px;
}
#text_all{
width:100%;
clear:both;
}
#text{
color:#666666;
padding-top:40px;
width:72%;
float:left;
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
}
#text2{
padding-top:20px;
width:28%;
float:left;
text-align:right;
padding-bottom:25px;
}
#infra{
padding-top:30px;
clear:both;
background-color:#525252;
width:100%;
height:300px;
}
#infra2{
float:left;
width:30%;
font:12px Arial, Helvetica, sans-serif;

}
#infra3{
float:left;
width:70%;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:justify;
}

#line{
width:100%;
clear:both;
padding-top:30px;
}
#box_all{
clear:both;
width:100%;
padding-top:20px;
}
#b1{
float:left;
width:25%;
padding-top:20px;
text-align:center;

}
#b2{
float:left;
width:25%;
padding-top:20px;
text-align:center;

}
#b3{
float:left;
width:25%;
padding-top:20px;
text-align:center;

}
#b4{
float:left;
width:25%;
padding-top:20px;
text-align:center;
}
#click_icon{
padding-top:30px;
padding-bottom:20px;
width:100%;
clear:both;
text-align:center;
}
#fotter{
width:100%;
clear:both;
background-color:#15ddef;
height:280px;
}

#f1{
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
width:35%;
text-align:justify;
float:left;
}

#f2{
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
width:25%;
float:left;
text-align:justify;
}

#f3{
padding-top:20px;
font:14px Arial, Helvetica, sans-serif;
width:30%;
float:left;
text-align:justify;
}
#f4{
font:12px Arial, Helvetica, sans-serif;
width:5%;
float:left;
}
#Mett{
width:100%;
clear:both;
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
}
#Mett img{
width:90%;
text-align:center;
}
#all_gall{
width:100%;
float:left;
}
#gall{
width:33%;
float:left;
}

#gall img{
width:95%;
}

#pdf_icon img{
width:20%;
}
#fotter2{
width:100%;
height:40px;
clear:both;
text-align:center;
background-color:#15ddef;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}

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

#header{
width:100%;
clear:both;
background-color:#15ddef;
}
#navi{
font:14px Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
text-align:center;
width:100%;
height:60px;
clear:both;
}
#bann{
width:100%;
height:auto;
background-color:#ffa417;
}
#big_line img{
width:100%;
}
#icon{
clear:both;
padding-top:15px;
width:100%;
text-align:center;
padding-bottom:10px;
}
#icon img{
width:90%;
}
#text{
padding-top:40px;
width:95%;
clear:both;
padding-left:20px;
font:12px Arial, Helvetica, sans-serif;
text-align:justify;
}
#text2{
padding-top:20px;
width:100%;
float:left;
text-align:center;
padding-bottom:25px;
}
#text2 img{
width:70%;
}
#infra{
padding-top:30px;
clear:both;
background-color:#525252;
width:100%;
height:670px;
}
#infra2{

text-align:center;
clear:both;
width:100%;
font:12px Arial, Helvetica, sans-serif;

}
#infra2 img{
width:70%;
}
#infra3{
padding-top:20px;
clear:both;
width:95%;
padding-left:20px;
font:12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:justify;
}

#line{
width:100%;
clear:both;
padding-top:30px;
}
#box_all{
clear:both;
width:100%;
padding-top:20px;
}
#b1{
clear:both;
width:100%;
padding-top:20px;
text-align:center;

}
#b2{
clear:both;
width:100%;
padding-top:20px;
text-align:center;

}
#b3{
clear:both;
width:100%;
padding-top:20px;
text-align:center;

}
#b4{
clear:both;
width:100%;
padding-top:20px;
text-align:center;
}
#click_icon{
padding-top:30px;
padding-bottom:20px;
width:100%;
clear:both;
text-align:center;
}
#fotter{
width:100%;
clear:both;
background-color:#15ddef;
height:640px;
}

#f1{
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
width:95%;
padding-left:10px;
text-align:center;
clear:both;
}

#f2{
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
width:95%;
padding-left:10px;
clear:both;
text-align:center;
}

#f3{
padding-top:20px;
font:14px Arial, Helvetica, sans-serif;
width:90%;
clear:both;
text-align:center;
padding-left:10px;
}
#f4{
font:12px Arial, Helvetica, sans-serif;
width:5%;
float:left;
}
#Mett{
padding-left:15px;
width:95%;
clear:both;
padding-top:20px;
font:12px Arial, Helvetica, sans-serif;
}
#Mett img{
width:90%;
text-align:center;
}
#all_gall{
width:100%;
float:left;
}
#gall{
width:100%;
clear:both;
}

#gall img{
width:95%;
}


}