@charset "utf-8";
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
a{ text-decoration:none; color:#000;}
body {margin: 0px;padding: 0px;}
.top {float: left;width: 100%; background-color:#fff; padding: 10px 0px;}
.top_under {height: auto;width: 1145px;margin-right: auto;margin-left: auto;}
#logo{ width:auto; float:left;}
.uradd
{
    width: 550px;
    float: left;
    
}
.search{ width:270px; float:right;}
.navi{ width:1145px; margin:0px auto;}
.main_navi{    width: 100%;
    float: left;
    background-color: #0ba6aa;
    padding: 5px 0px;
    border-top: solid 1px #0ba6aa;
    box-shadow: 0px 0px 0px 1px #0ba6aa;
    border-bottom: solid 1px #0ba6aag;
}
.sear{ width:78%; float:left; font-size: 12px;; height:16px; padding:8px 10px; border:solid 1px #0ba6aa; border-right: none;border-radius: 2px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.sear_icon{ width:10%; padding: 6px 4px; background-color:#fff; text-align:center; float:left; border:solid 1px #0ba6aa; border-radius: 2px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.main_part{ width:100%; float:left; height:auto; }
.main_part_under{ height: auto;width: 1145px;margin-right: auto;margin-left: auto;}
.banner{ width:100%; float:left; height:auto; background-color:#1d1d1b; margin-top: 10px; overflow:hidden;}
.banner_down_part{ width:100%; float:left; height:auto; margin: 20px 0px;}
.part1{ box-sizing: border-box; float: left; width: 24%; height:200px;  position: relative; margin-right:15px;}
.part1 h3 {position: absolute; text-align: center; bottom: 0;padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box;background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(13%,rgba(0,0,0,0.3)),color-stop(100%,rgba(0,0,0,0.65))); margin:0px;}
.part1 img{ width:100%; float:left; cursor:pointer;}
.part1:last-child{ margin-right:0px;}
.part1 h3 a{ text-decoration:none; color:#fff; font-size:15px; font-family: 'Merriweather Sans', sans-serif; font-weight:bold;}
.part1 h3:hover{ background-color:rgba(255, 255, 255, 0.32); transition:0.5s all ease;}
.left_part{ width:71%; float:left;}
.c1_main{ width:100%; float:left; height:auto;}
.left_part h2{ width:98%; float:left;  padding: 6px 0px 6px 2%; font-size:24px; color:#fff; font-family: 'Lato', sans-serif; margin:0px; background-color:#0ba6aa;}
.c1{ width:31%; float:left; height:auto; margin-left: 2%; overflow: hidden; font-weight:600;}
.c1 h3{ width:100%; float:left; height:auto;}
.c1 h3 a{text-decoration: none;color: #014b68;text-transform: uppercase; font-size:14px;}
.c1_im{ width:100%; float:left; height:200px!important; cursor:pointer;}
.out{width:100%; margin-bottom:10px; margin-top:5px;}
.out h8 a{text-decoration: none;color: #014b68;text-transform: uppercase; font-size:15px; font-weight:900;}
.c1 h1{ font-family: 'PT Serif', serif; font-size: 16px; font-weight: bold; float: left; color: black; width: 100%;line-height: 18px; overflow: hidden;height: auto; margin:0px; padding: 12px 0px 4px 0px;}
.c1 p{ font-family: 'PT Serif', serif;font-size: 14px; font-weight: normal; margin-top: 0px; line-height: 18px;float: left;width: 100%; margin-bottom: 5px; color:black;}
.link{ width:100%; float:left; height:15px;  margin-top: 1px;}
.link h4{    float: left; height: auto; margin-right: 10px; margin-top:0px;  }
.link h5{ width:45%; float:left; height:auto; font-size: 11px;   font-family: 'Open Sans', Arial, sans-serif;
    margin: 0px; font-weight: 500;line-height: 12px; color: #014b68;}
	.link h4 a{     text-transform: uppercase;   float: left; height: auto; font-size: 11px;color: #014b68; padding-right: 10px;border-right: solid 1px #014b68; text-decoration:none;line-height: 12px; font-family: 'Merriweather Sans', sans-serif;}
	.more{ width:100%; float:left; margin-top:5px;}
.more a{ width:100%; float:left;color:#000; font-size:13px;}
.more a:hover{ color:#999;}
.c1 h1 a:hover{ color:#666;}
.bod{    width: 98%; height: 1px;  background-color: black; float: left; margin: 20px 0px; margin-left: 2%;}
.link2{ width:100%; float:left; height:18px;  margin-top: 3px;}
.link2 h4{    float: left; height: auto; margin-right: 10px; margin-top:0px;  }
.link2 h5{ width:45%; float:left; height:auto; font-size: 11px;   font-family: 'Open Sans', Arial, sans-serif;
    margin: 0px; font-weight: 500;line-height: 12px; color: #00783a;}
	.link2 h4 a{     text-transform: uppercase;   float: left; height: auto; font-size: 11px;color: #00783a; padding-right: 10px;border-right: solid 1px #00783a; text-decoration:none;line-height: 12px; font-family: 'Merriweather Sans', sans-serif;}
.c1 h6{ width:100%; float:left; height:auto; margin: 16px 0px;}
.c1 h6 a{text-decoration: none;color: #00783a;text-transform: uppercase; font-size:14px;}
.gallery{ width:100%; float:left; height:auto;}
.photo{ width:80%;    margin-left: 2%; float:left; height:auto;    font-size: 24px;  padding-top: 6px;
color: #fff;font-family: 'Lato', sans-serif; font-weight:600;}

.facebook11
{
        width: 98%;
    float: left;
    padding: 6px 0px 6px 2%;
    font-size: 24px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    margin: 0px;
    background-color: #0ba6aa;
    margin-bottom: 0px;
}

.right_part{ width:26%; float:right; height:auto; }
.ad1{ width:100%; float:left; height:auto; margin-bottom:25px;} 
.blog{ width:100%; float:left; height:auto; border-bottom:solid 1px black; padding-bottom:10px;}
.blog h3{     width: 98%; float: left; padding: 6px 0px 6px 2%;font-size: 24px;color: #fff;font-family: 'Lato', sans-serif; margin: 0px; background-color: #0ba6aa; margin-bottom: 13px;}
.blog ul { margin: 0px 0 0 0;float: left; width: 100%; padding: 0px;}
.blog ul li {font-family: 'PT Serif', serif; height: auto; padding: 3px 0 3px 18px; margin: 0 0 0px 0px; width: 94%;
    list-style: none; background: url(../images/dot.png) left 10px no-repeat; border-bottom:solid 1px #ccc; margin-bottom:6px; padding-bottom:4px;}
	.blog ul li a{ text-decoration:none; font-family: 'PT Serif', serif; font-size: 14px; font-weight: normal;}
.blog ul li:last-child{ border-bottom:none;}
.blog ul li a:hover{  color:#666;} 
.twitter{ width:100%; float:left; height:auto; margin-top:20px; margin-bottom:20px;}
.facebook{ width:100%; float:left; height:auto; margin-bottom:20px;}
.outlook{ width:100%; float:left; height:auto; padding-top:10px;}
.outlook h3{  width: 98%; float: left; padding: 6px 0px 6px 2%;font-size: 24px;color: #fff;font-family: 'Lato', sans-serif; margin: 0px; background-color: #0ba6aa; font-weight:600;}
.outlook_main{ width:31.06%;    padding: 13px; float:left; height:auto; background-color:#fff;}
.outlook_main:nth-child(3) { background: #fff;}
.outlook_main:nth-child(4) { background: #fff;}
.outlook_main_im{ width:98%; float:left; height:200px; overflow:hidden; cursor:pointer;}
.outlook_main_im img{ width:100%; float:left; height:auto; }
.outlook_main_para{ width:99%; float:right;  font-size:16px; font-family: 'Lato', sans-serif;font-weight: 700;}
.outlook_main h2{font-family: 'PT Serif', serif;font-size: 16px;font-weight: bold; float: left; color: black;width: 100%; line-height: 18px; overflow: hidden; height: auto; margin: 0px;padding: 12px 0px 0px 0px; }
.outlook_main p{font-family: 'PT Serif', serif;font-size: 14px;font-weight: 100; float: left; color: black;width: 100%; line-height: 18px;  height: auto; margin: 0px;padding: 3px 0px 0px 0px;}
.place{ width:100%;  text-transform: uppercase;
   
    height: auto;
    font-size: 11px;
    color: #00783a;
    padding-right: 10px;
    border-right: solid 1px #00783a;
    text-decoration: none;
    line-height: 12px;
    font-family: 'Merriweather Sans', sans-serif;}
.outlook_main h2 a:hover{ color:#666;}

.footer{ width:97%; float:left; height: auto; background-color:#000; padding: 20px 1.5%; border-top: solid 4px #f3f3f3;}
.last{  float:left; height:auto; margin-right: 65px;}
.last h3{    width: 100%; float: left; padding: 6px 0px 4px 0%; font-size: 15px; color: #000;font-family: 'Lato', sans-serif;
    margin: 0px; font-weight: 700; text-transform:uppercase;}
    .last h3 a
    {
        text-decoration:none;
        color:#0ba6aa;
    }
    
.last p{ width:100%; float:left; height:auto; font-size: 12px; color: #2b2b2b;font-family: 'Lato', sans-serif;
    margin: 0px; font-weight: 100;text-transform:uppercase;}
	.last p a:hover{ color:#666;}
	.last:last-child{ margin-right:0px;}
	
	

	
	

@media screen and (min-width:320px) and (max-width:500px) {
.top_under {height: auto;width: 100%;}	
#logo { width: 100%;float: left; margin-bottom:5px;}	
#logo img { width: 100%;float: left;max-width: 240px; text-align: center; margin: 0px 15%;}	
.search { width: 96%; float: left; margin:7px 2%;}	
.navi { width: 91%; float: left; margin:5px 4%;}	
.banner { width: 100%; float: left;	}
.main_part_under { width: 96%; padding:0px 2%;}
.banner_down_part { width: 100%;}
.part1 {  width: 90%; margin-right: 0px;    margin: 4px 5%;}
.part1 img {  width: 100%; margin-right: 0px; margin: 20px 0%;}
.left_part {width: 96%; padding:0px 2%; margin-top: 20px;}
.part1 h3 { bottom: 20px;}
.c1 { width: 100%; float: left; height: auto; margin-left: 0%; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px black;}
.bod{ display:none;}
.photo {width: 75%;}
.right_part { width: 96%; padding:0px 2%;}
 .ad1 { width: 100%; text-align:center;}
  .ad1 img { width: 90%; max-width:320px; text-align:center;}
.c1_im{ width: 100%; text-align:center;}
  .c1_im img { width: 100%; max-width:320px; text-align:center;}
.outlook_main { width: 94%; padding: 3%; margin-bottom: 20px;}
.outlook_main_im{ width: 100%; text-align:center;}
.outlook_main_im img { width: 100%; max-width:320px; text-align:center;}
.outlook_main_para { width: 100%; margin-top:10px;}
.last { width: 100%;margin-right: 0px; margin-bottom:20px;}
.twitter{ width: 100%; text-align:center;}
.twitter img { width: 100%; max-width:320px; text-align:center;}
 .facebook{ width: 100%; text-align:center;}
 .facebook img { width: 100%; max-width:320px; text-align:center;}
 
 .uradd
{
    width: 100%;
    float: left;
    
}

}


@media screen and (min-width:501px) and (max-width:700px) {
.top_under {height: auto;width: 96%; padding:5px 2%;}	
#logo { width: 30%;float: left; margin-bottom:5px;}	
#logo img { width: 100%;float: left;max-width: 120px; text-align: center; margin: 0px 0%;}	
.search { width: 66%; float: right; margin:0px 0%;}	
.navi { width: 100%; float: left; margin:5px 0%;}	
.banner { width: 100%; float: left;	}
.main_part_under { width: 96%; padding:0px 2%;}
.banner_down_part { width: 100%;}
.part1 {  width: 48%; margin-right: 0px;    margin: 0px 1%;}
.part1 img {  width: 100%; margin-right: 0px; margin: 20px 0%;}
.left_part {width: 96%; padding:0px 2%; margin-top: 20px;}
.part1 h3 { bottom: 20px;}
.c1 { width: 47%; float: left; height: auto; margin-left: 0%; margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px black; margin-right:13px;}
.bod{ display:none;}
.photo {width: 75%;}
.right_part { width: 96%; padding:0px 2%;}
 .ad1 { width: 49%; text-align:center; float: right;}
  .ad1 img { width: 90%; max-width:320px; text-align:center;}
.c1_im{ width: 100%; text-align:center;    height: 142px!important; overflow:hidden;}
.link h4 a, .link h5 { font-size: 8px;}
  .c1_im img { width: 100%; max-width:320px; text-align:center;}
  .blog {width: 48%;float: left;}
.outlook_main { width: 31%; padding: 1%; margin-bottom: 20px;}
.outlook_main_im{ width: 100%; text-align:center;}
.outlook_main_im img { width: 100%; max-width:320px; text-align:center;}
.outlook_main_para { width: 100%; margin-top:10px;}
.last { width: 20%; margin-bottom:20px;}
.twitter{ width: 47%; text-align:center; float: right;}
.twitter img { width: 100%; max-width:320px; text-align:center;}
 .facebook{ width: 47%; text-align:center; float: right;}
 .facebook img { width: 100%; max-width:320px; text-align:center;}

}




	
	
	
	

@media screen and (min-width:701px) and (max-width:1000px) {
.top_under {height: auto;width: 96%; padding:5px 2%;}	
#logo { width: 30%;float: left; margin-bottom:5px;}	
#logo img { width: 100%;float: left;max-width: 120px; text-align: center; margin: 0px 0%;}	
.search { width: 66%; float: right; margin:0px 0%;}	
.navi { width: 100%; float: left; margin:5px 0%;}	
.banner { width: 100%; float: left;	}
.main_part_under { width: 96%; padding:0px 2%;}
.banner_down_part { width: 100%;}
.part1 {  width: 23%; margin-right: 0px;    margin: 0px 1%;}
.part1 h3 a{ font-size:13px; line-height:17px;}
.part1 img {  width: 100%; margin-right: 0px; margin: 20px 0%;}
.left_part {width: 100%;}
.part1 h3 { bottom: 20px;}
.c1 { width: 30%; float: left; height: auto; margin-left: 0%; margin-bottom:20px; padding-bottom:10px; margin-right:21px;}
.photo {width: 75%;}
.bod { width: 100%; margin-left: 0%;}
.right_part { width: 100%;}
 .ad1 { width: 49%; text-align:center; float: right;}
  .ad1 img { width: 90%; max-width:320px; text-align:center;}
.c1_im{ width: 100%; text-align:center;    height: 142px!important; overflow:hidden;}
.link h4 a, .link h5 { font-size: 8px;}
  .c1_im img { width: 100%; max-width:320px; text-align:center;}
  .blog {width: 48%;float: left;}
.outlook_main { width: 31%; padding: 1%; margin-bottom: 20px;}
.outlook_main_im{ width: 100%; text-align:center;}
.outlook_main_im img { width: 100%; max-width:320px; text-align:center;}
.outlook_main_para { width: 100%; margin-top:10px;}
.last { width: 20%; margin-bottom:20px;}
.twitter{ width: 47%; text-align:center; float: right;}
.twitter img { width: 100%; max-width:320px; text-align:center;}
 .facebook{ width: 47%; text-align:center; float: right;}
 .facebook img { width: 100%; max-width:320px; text-align:center;}

}