#sub_main1 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main1 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 30px; margin-bottom: 10px; }
#sub_main1 ul { width: 20%;overflow: hidden; margin: 0 auto;}
#sub_main1 ul li { float: left; width: 50%; text-align: center;  }
#sub_main1 ul li a {display: block;  font-size: 1em; color: #FFF; padding: 10px;background: #74D36D;  margin: 1px; border-radius: 10px; font-weight: bold;}
#sub_main1 ul li a:hover { background:#333; }

#sub_main2 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main2 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 30px; margin-bottom: 10px; }
#sub_main2 ul { width:80%;overflow: hidden; margin: 0 auto;}
#sub_main2 ul li { float: left; width: 12.5%; text-align: center;  }
#sub_main2 ul li a {display: block;  font-size: 1em; color: #FFF; padding: 10px;  background: #74D36D; margin: 1px; border-radius: 10px; font-weight: bold;}
#sub_main2 ul li a:hover { background:#333; }

#sub_main3 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main3 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 30px; margin-bottom: 10px; }
#sub_main3 ul { width:70%;overflow: hidden; margin: 0 auto;}
#sub_main3 ul li { float: left; width: 14.285%; text-align: center;  }
#sub_main3 ul li a {display: block;  font-size: 1em; color: #FFF; padding: 10px;  background: #74D36D; margin: 1px; border-radius: 10px;font-weight: bold; }
#sub_main3 ul li a:hover { background:#333; }

#sub_main4 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main4 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 50px; margin-bottom: 10px; }

#sub_main5 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main5 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 30px; margin-bottom: 10px; }
#sub_main5 ul { width:40%;overflow: hidden; margin: 0 auto;}
#sub_main5 ul li { float: left; width: 25%; text-align: center;  }
#sub_main5 ul li a {display: block;  font-size: 1em; color: #FFF; padding: 10px;  background: #74D36D; margin: 1px; border-radius: 10px; font-weight: bold;}
#sub_main5 ul li a:hover { background:#333; }

#sub_main6 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main6 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 30px; margin-bottom: 10px; }
#sub_main6 ul { width:70%;overflow: hidden; margin: 0 auto;}
#sub_main6 ul li { float: left; width: 12.5%; text-align: center;  }
#sub_main6 ul li a {display: block;  font-size: 1em; color: #FFF; padding: 10px;  background: #74D36D; margin: 1px; border-radius: 10px;font-weight: bold; }
#sub_main6 ul li a:hover { background:#333; }


#sub_main7 { width: 1200px; height: 150px; margin: 0 auto; text-align: center; background-image: url("../img/images/sbg1.jpg" ) }
#sub_main7 p {  font-size: 2em; color: #333; font-weight: bolder; padding-top: 30px; margin-bottom: 10px; }
#sub_main7 ul { width:90%;overflow: hidden; margin: 0 auto;}
#sub_main7 ul li { float: left; width: 10%; text-align: center;  }
#sub_main7 ul li a {display: block;  font-size: 0.8em; color: #FFF; padding: 10px;  background: #74D36D; margin: 1px; border-radius: 10px;font-weight: bold; }
#sub_main7 ul li a:hover { background:#333; }


#sub_content_box {width: 1200px; height: auto; margin:0 auto; border-bottom: 3px solid #1DDB16;}
#sub_content_title{ width: 100%;; height: 50px; margin-top: 50px; margin-bottom: 30px; padding-left: 20px; }
#sub_content_title i {color : rgb(29, 219, 22); }
#sub_content_title a {font-size:1.5em; color:#333; font-weight: bold; }
#sub_content_title span {font-size: 0.8em; font-weight:bold; color:#3DB7CC; line-height:40px;}

#sub_content { width: 100%; height: auto; margin:0 auto; text-align: center; }
#sub_content ul { overflow: hidden;margin-bottom: 50px; }
#sub_content ul li { float: left; width: 50%; height: auto; text-align: center; }
#sub_content #con1 h3 { display: block; width: 90%; font-size: 1.2em; color: #1DDB16; font-weight: bolder;  margin-bottom: 20px; text-align: left; }
#sub_content #con1 p { display: block ; width: 90%; font-size: 0.9em; color: #333;   letter-spacing: -0.05em; word-spacing: 0.3px;  margin-bottom: 50px;text-align: left; }
#sub_content2 { width: 100%; height: auto; margin:0 auto; text-align: center; }

#sub_content_iframe {width: 100%; height:900px; margin: 0 auto;}


#sub_content3 { width: 100%; height: auto; margin:0 auto; text-align: center; padding: 50px 0 ;background: #E4F7BA; margin-top: 20px; }
/*¹æÁ¤º¸*/
.boxxx00 { width: 80%;  margin-bottom: 20px;}
.tableee1{ width: 100% ;margin: 0 0 1.5em 0 ;  text-align:center; font-size:0.9em;   border-top: 1px #1DDB16 solid;    border-left: 1px solid #ddd;}
.tableee1 th{ border-bottom: 1px solid #ddd; padding:5px 0;  line-height:200%; background: #FFF;   border-right: 1px #ddd solid; color:#333;  background: #f1f1f1; color: #333;  }
.tableee1 td{ padding: 0.5em 0.5em ;border: 1px solid #ddd ; line-height:300%; background: #FFF; }
.boxxx04{ clear:both; width:70%; margin:0 auto;margin-top: 20px; margin-bottom: 10px;}
.boxxx04 h3{margin:0;color:#333; background:none; font-size:1.25em; padding: 15px 0 5px 0;}
.boxxx04 p{  color:#333; font-size:0.8em;}

#sub_content4 { width: 100%; height: auto; margin:0 auto; text-align: center; background: #E4F7BA; }


#map { margin-bottom: 50px;}



/*------------------------------------------------------------------*/
@media screen and (max-width: 1200px){
#sub_main1 { width: 100%; }
#sub_main2 { width: 100%; }
#sub_main3 { width: 100%; }
#sub_main4 { width: 100%; }
#sub_main5 { width: 100%; }
#sub_content_box {width: 100%; }
#sub_content_iframe {width: 95%; height:900px; }


}

@media screen and (max-width: 700px){
#sub_main1 ul { width: 50%; }
#sub_main1 ul li {width: 50%; }
#sub_main1 ul li a{  padding:5px; }
#sub_main2 ul { width: 100%; height:auto;}
#sub_main2 ul li {width: 25%; }
#sub_main2 ul li a{ padding:5px;}
#sub_main3 ul { width: 100%; }
#sub_main3 ul li {width: 25%; }
#sub_main3 ul li a{  padding:5px; }
#sub_main4 ul { width: 100%; }
#sub_main5 ul { width: 100%; }
#sub_main5 ul li {width: 50%; }
#sub_content ul {overflow:none; }
#sub_content ul li {float:none; width: 98%; margin:1%}
#sub_content_title { width:90%; margin-top: 30px;margin-bottom:5px;padding-left:0px ;}
#sub_content_iframe {height:500px; }
#sub_content_iframe table{width: 100%; height:500px; }
#map iframe  {width: 100%; }
}


@media screen and (max-width: 500px){
#sub_content_iframe table{width: 100%; height:400px; }
}