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

#main{padding-top: 104px;}

.top_panel_box{width: 100%; background: #ECF1F1;}
.top_panel{width: 100%; max-width: 1400px; margin:8px auto 0; padding:0;}
.top_panel ul{list-style: none; width: 100%; font-size: 0;}
.top_panel ul li{display: inline-block; width: 33.33%; overflow: hidden; position: relative; vertical-align: bottom;}
.top_panel ul li img{width: 100%; height: auto; transition:all 0.25s ease-in-out;}
.top_panel ul li a:hover img{transform: scale(1.1,1.1); opacity: 0.8;}
.top_panel ul li div.panel_txt{width: 100%; font-size: 18px; text-align: center; background:rgba(0,158,150,0.9); padding: 6px 0; position: absolute; left:0; bottom: 0; transition:all 0.25s ease-in-out;}
.top_panel ul li:hover div.panel_txt{ background:rgba(0,158,150,0.5);}
.top_panel ul li a div.panel_txt{color: #FFF;}

h2{font-size: 24px; font-weight: bold; text-align: center; padding: 15px 0;}
h2 span{ border-bottom: 3px solid #009E96; padding: 9px 5px;}
.btn{margin: 40px auto 0; width: 250px; text-align: center; font-size: 12px;}
.btn a{display: block; color: #333; padding: 4px 0; border-radius: 5px; border: 1px solid #009E96;}
.btn a:hover,.btn a:focus{text-decoration: none; color: #FFF; background: #009E96; padding: 4px 0; border-radius: 5px; border: 1px solid #009E96;}

#recruit_box{width:100%; padding: 30px 0 40px; background: #caecea;}
#recruit{margin: 30px 0; text-align: center;}
#recruit img{ max-width: 470px; width: 47%; height: auto;}
.bnr_l{margin-right: 20px;}

#links{padding: 30px 0 40px;}
#links ul{width: 98%; max-width: 980px; margin: 30px auto 0; list-style: none;}
#links ul li{width: 33.33%; display: block; float: left; text-align: center;}
#links ul li img{width:97%; max-width: 310px; height: auto;}

.top_banner_box {
	width: 100%;
	max-width: 1000px;
	margin: 40px auto 0;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
#main{padding-top: 50px;}

.top_panel_box{width: 100%;}
.top_panel{width:100%; margin:13px auto 0; padding:0;}
.top_panel ul li{display:block; width: 100%; margin: 0 auto;}

h2{font-size: 18px;}
.btn{margin: 30px auto 0; width: 250px; text-align: center; font-size: 12px;}

#recruit_box{ padding: 20px 0 10px; background: #caecea;}
#recruit img{margin:0 0 15px; width: 90%; height: auto;}
.bnr_l{margin-right:0px;}

#links{padding: 20px 0 40px;}
#links ul{width:91%; margin: 20px auto 0;}
#links ul li{width: 30.33%; margin: 0 1.5%;}
#links ul li img{width:100%; height: auto;}
	
}

@media print {
#main{padding-top: 0;}
}