body { 
  /*  font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    color: #444;
    background: #fff;
    font-size: 16px;
    line-height: 1.7em;
	position:relative;
	min-height:100% !important;
	
}

html {
	height:100%;
}

.container{ width:100% !important; padding:0 15px 0 15px; margin:0 auto}

 

.container.container_sp{ width:100% !important; max-width:1170px !important;}
.container.container_sp2{ width:100% !important; max-width:1170px !important;}
.container.container_sp3{ width:100% !important; max-width:1170px !important;}
#pageTop .container-fluid{ max-width:1170px !important; margin:0 auto; padding:0;  position:relative   }

 .container.container_sp.p0{ padding:0;}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 20px 0 20px 0;
    text-transform:  none; 
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 0 0;
    font-size: 16px;
    line-height: 1.7em;
}

.btn.btn-danger { background:#9b1b1e !important; border:1px solid #9b1b1e;}
 

a {
    color: #5CB531;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

a:hover,
a:focus {
    text-decoration: none;
    color: #5CB531;
}


a.no-ef:hover,
a.no-ef:focus {
    text-decoration: none;
    color: inherit;
}


.text-green{ color:#007934}
.text-green2{ color:#5CB531}



.base_ani{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

.light {
    font-weight: 400;
} 
#fixArea{ position:fixed; z-index:5000; bottom:0; right:0px; display:block; height:100px; width:80px; border:0px solid #f0f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity:0;
}
#fixArea.on{   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity:1;
}
#fixArea a{background: rgba(44,44,44,.2); } 


#fixArea{ 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
	

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
 

#header{ height:0; }
.navbar-header{ height:100px;}
.navbar-brand{ width:450px; height:100px; overflow:hidden; padding:2px 0 0 0; margin:0 !important; float:left;

    -webkit-transition: all .0s ease-in-out;
    -moz-transition: all .0s ease-in-out;
    transition: all .0s ease-in-out;}
 
  #main_logo{  max-width:440px;}
  #header_gap{ height:170px}

#pageTop{
	top:0;  
 background: url(../images/menu_bg.png) repeat-x  0 0;
/*	 background:rgba(255,255,255,0.8);  */
	width:100%; margin:0 auto; 
	border:0;
	height:140px;
	border:0px solid #f00
}
/*body.inner #pageTop{  background: url(../images/menu_bg2.png) repeat-x  0 0;}*/
 

#pageTop.top-nav-collapse{
	top:-190px;
	opacity:0;
}

 
 
  
#spus_btn{ background:#fc0; position:absolute; display:block; width:60px; height: auto; text-align:center; padding: 15px 0 5px 0 ;  top:0px; right:5px;
-moz-border-radius:0 0 15px 15px;
 -webkit-border-radius: 0 0 15px 15px;
 border-radius:0 0 15px 15px;
}
#spus_btn span{ width:100%;; display:block; padding: 0 0 5px 0; text-align:center; font-size:16px; letter-spacing:3px; line-height:18px; color:#fff;}
#spus_btn span.en{ width:100%;; display:block; padding: 0 0 5px 0; text-align:center; font-size:14px; letter-spacing:2px; line-height:18px; color:#fff;}
#spus_btn span.en b{ letter-spacing:-1px; font-weight:normal}
/*
#spus_btn:hover{padding: 40px 0 0px 0 ;  }*/

.nav.navbar-nav{  text-align:right;   width:100%; max-width:660px; position:absolute; top:0px; right:65px; margin:0; padding: 0; 
/*
display:block; border:0px solid #00f;*/
display:flex;
flex-wrap: nowrap; 
 justify-content: flex-end;
 }

 
.nav.navbar-nav li.li_lv1    { margin:0; padding:0 8px 0 8px; background:0; float:none; display: inline-block; height: 100px; width: auto; border:0px solid #f00; position:relative; z-index:5 }
  
.nav.navbar-nav li.li_lv1 a.a_lv1{ text-align:right;
	 height: auto;
    -webkit-transition: all .0s ease-in-out;
    -moz-transition: all .0s ease-in-out;
    transition: all .0s ease-in-out;
	background:0;
	
	 padding:0;   padding:0px 5px 0 5px;display:block;  height:100px; margin:0  0 0 0; font-size:16px; color:#447c5d; font-weight:  bold;
	/* white-space:nowrap;*/ line-height:20px;
	 width:100%; display:block;
	 display:flex;
	 
flex-wrap: nowrap; align-items: center;
 justify-content: center; text-align:center;
 
	 /* text-shadow:0 3px 5px  #eee,0 0 2px  #fff;*/
	  text-shadow:0 0 0 0; overflow:hidden;
	  }
.nav.navbar-nav li.li_lv1:first-child{ padding-left:0;}
.nav.navbar-nav li.li_lv1:first-child a.a_lv1{ padding-left:0;}
 
.nav.navbar-nav.lang2 li.li_lv1 a.a_lv1{ font-size:16px; padding:0; min-width:80px}
.nav.navbar-nav.lang2 li.li_lv1 a.a_lv1 .rdbtn{ width:16px; text-align:center}
	
 
.nav.navbar-nav li.li_lv1 a.a_lv1:hover,
.nav.navbar-nav li.li_lv1.active a.a_lv1{  }


.nav.navbar-nav li.li_lv1.st{ border:0; padding:0 0 0 0;}
	
.nav.navbar-nav li.li_lv1.open a.a_lv1{  }
 

.nav.navbar-nav li.langli{ margin:0 5px 0 5px; padding:0;
display:flex; align-items: center;
 justify-content: center; text-align:center;

}  
#langbtn,
.nav.navbar-nav li.langli a.langbtn{ padding:0; background:#fc0; color:#fff; font-size:14px; font-weight:bold; width:40px; line-height:40px;}

#langbtn{ 
-moz-border-radius : 8px;
 -webkit-border-radius:8px;
 border-radius:8px;
display: none; text-align:center; width:36px; line-height:36px;   position:absolute; right:70px; top:8px;}

.banner_nav{ z-index:450; 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
 }
 /*
.banner_nav li{ display:inline-block; padding:0 0 0 0; height:40px;  margin:0 0 10px 0;}
 */
 



.li_lv1.full_sub_li{ position: relative; z-index:1;  color:#666;height:40px; line-height:40px;   }
.li_lv1.full_sub_li:hover{ z-index:500 !important}
.li_lv1.full_sub_li .a_lv1.dropdown-toggle{ color:#666;  display:block; padding:0 20px 0 20px; font-size:16px; height:40px; line-height:40px; font-weight:bold;}
 

.li_lv1.full_sub_li  .a_lv1:hover{ color:#fff}
 

.dropdown-menu.full_sub_menu{ position:absolute; width:260px; background:0; 
-moz-border-radius:0;
 -webkit-border-radius: 0;
 border-radius:0;border:0; 
   left:50%; margin-left:-130px; top:40px; top:auto; z-index:600}
 

 .vs2 .full_sub_menu  { opacity:0;  height:auto; display:block;
     -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;  overflow: visible;
	top:120px;
	visibility:hidden;
	z-index:-1;
  }
 .full_sub_menu{ padding:0;   padding-bottom:0; border:0;   height: auto;}
 .full_sub_menu_tb  { padding:0 ; width:100%;    position:relative;  z-index:600}

.vs2 .full_sub_menu.on{visibility: visible;   opacity:1;  height: auto; 	top:95px; z-index:1000;}
 /* .vs2 .full_sub_menu{  opacity:1;  height: auto; overflow: visible;}*/

 
 
ul.sub_nav{ margin:0; padding:0 0 10px 0; background:0;   height: auto; overflow: visible;
-webkit-box-shadow: 10px 6px 18px -14px rgba(102,102,102,0.36);
-moz-box-shadow: 10px 6px 18px -14px rgba(102,102,102,0.36);
box-shadow: 10px 6px 18px -14px rgba(102,102,102,0.36);
} 
ul.sub_nav li{  height: auto; float:  left; display:block; width: 100%; list-style:none; margin:0; padding:0; overflow:hidden; border-bottom:1px solid #eee; }
ul.sub_nav li:last-child{ border:0;}

ul.sub_nav li:first-child{ 
 overflow:hidden;
}
 
ul.sub_nav li a{ display:block; height: auto; line-height:20px;    padding:10px 15px 10px 15px ;  font-size:14px; color:#444;
background:#fff;
text-align:left;
}

ul.sub_nav li a:hover{ }
ul.sub_nav li.havesub2{  position:relative; z-index:500; overflow: visible;}
ul.sub_nav li.havesub2 a{ float:left;   }
ul.sub_nav li.havesub2 a.havesub2_a{ display:block; width:100% ; border-bottom:0px solid #eee; }

ul.sub_nav li.havesub2 li{ float:left; width:100%;  border-bottom:1px solid #eee; height: auto; overflow:visible;}
 
ul.sub_nav li.havesub2 span.ar{ position:absolute; height:40px; width:40px; text-align:center; font-size:20px; line-height:40px; display:block; right:0; top:0;}
ul.sub_nav li.havesub2 li a{ height:auto; display:block; width:100%; text-align:left; height: auto;  line-height:20px;  padding:10px 15px 10px 15px ; }
ul.sub_nav.lv2{  
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  opacity:0; position:absolute; top:45px; overflow:hidden; border-left:2px solid #444; display: block;  left:260px; max-height:300px; overflow:auto;   height: auto; width:100%; padding:0;}

/*ul.sub_nav.lv2.on{ height: auto; opacity:1}*/
ul.sub_nav.lv2.on{ /*height:  300px;*/top:0;  opacity:1}



#pageTop,
.nav.navbar-nav li.li_lv1{
	 
 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.nav.navbar-nav li.li_lv1.m0  ul.sub_nav.lv2{ border-left:2px solid #fc0;}
.nav.navbar-nav li.li_lv1.m1  ul.sub_nav.lv2{ border-left:2px solid #fa5911;}
.nav.navbar-nav li.li_lv1.m2  ul.sub_nav.lv2{ border-left:2px solid #c55911;}
.nav.navbar-nav li.li_lv1.m3  ul.sub_nav.lv2{ border-left:2px solid #538135;}
.nav.navbar-nav li.li_lv1.m4  ul.sub_nav.lv2{ border-left:2px solid #fc0;}
.nav.navbar-nav li.li_lv1.m5  ul.sub_nav.lv2{ border-left:2px solid #fa5911;}
.nav.navbar-nav li.li_lv1.m6  ul.sub_nav.lv2{ border-left:2px solid #c55911;}

.nav.navbar-nav li.li_lv1.m0.active,
.nav.navbar-nav li.li_lv1.m0.on{ background:#fc0 ; }
.nav.navbar-nav li.li_lv1.m1.active,
.nav.navbar-nav li.li_lv1.m1.on{ background:#fa5911; }
.nav.navbar-nav li.li_lv1.m2.active,
.nav.navbar-nav li.li_lv1.m2.on{ background:#c55911; }
.nav.navbar-nav li.li_lv1.m3.active,
.nav.navbar-nav li.li_lv1.m3.on{ background:#538135; }
.nav.navbar-nav li.li_lv1.m4.active,
.nav.navbar-nav li.li_lv1.m4.on{ background:#fc0 ; }
.nav.navbar-nav li.li_lv1.m5.active,
.nav.navbar-nav li.li_lv1.m5.on{ background:#fa5911; }
.nav.navbar-nav li.li_lv1.m6.active,
.nav.navbar-nav li.li_lv1.m6.on{ background:#c55911; }
.nav.navbar-nav li.li_lv1.on a.a_lv1{ color:#fff;}

.nav.navbar-nav li.li_lv1.m0 li.active > a{ background:#fc0 ; color:#fff }
.nav.navbar-nav li.li_lv1.m1 li.active >  a{ background:#fa5911 ; color:#fff }
.nav.navbar-nav li.li_lv1.m2 li.active > a{ background:#c55911 ; color:#fff }
.nav.navbar-nav li.li_lv1.m3 li.active >  a{ background:#538135 ; color:#fff }
.nav.navbar-nav li.li_lv1.m4 li.active >  a{ background:#fc0 ; color:#fff }
.nav.navbar-nav li.li_lv1.m5 li.active >  a{ background:#fa5911 ; color:#fff }
.nav.navbar-nav li.li_lv1.m6 li.active >  a{ background:#c55911 ; color:#fff }

.nav.navbar-nav li.li_lv1.active  a.a_lv1{ background:0; color:#fff;}
 
.li_lv1.full_sub_li.m0  .dropdown-menu.full_sub_menu { border-top:4px solid #fc0 ;}
.li_lv1.full_sub_li.m1  .dropdown-menu.full_sub_menu {border-top:4px  solid #fa5911;}
.li_lv1.full_sub_li.m2  .dropdown-menu.full_sub_menu { border-top:4px  solid #c55911;}
.li_lv1.full_sub_li.m3  .dropdown-menu.full_sub_menu { border-top:4px  solid #538135;}
.li_lv1.full_sub_li.m4  .dropdown-menu.full_sub_menu { border-top:4px  solid #fc0 ;}
.li_lv1.full_sub_li.m5  .dropdown-menu.full_sub_menu { border-top:4px  solid #fa5911;}
.li_lv1.full_sub_li.m6  .dropdown-menu.full_sub_menu { border-top:4px  solid #c55911;} 


#mb_nav .hvr-sweep-to-right::before {
    background: #efefef !important;

}
#mb_nav .hvr-sweep-to-right:active, #mb_nav .hvr-sweep-to-right:focus,#mb_nav  .hvr-sweep-to-right:hover{	color:#000 !important; }
	
	/*-----------------banner-----------*/
	
section.my_section.banner_inner{ 
	overflow:hidden; 
	z-index:10;
	height:420px;
}
 


 

.banner_slid { height:100%;}
.banner_slid .slick-list.draggable{ height:100%;  }
.banner_slid  .slick-track{ height:100%;}
.banner_slid  .slick-list{ z-index:5;} 
.banner_slid  .slick-prev ,.banner_slid  .slick-next{
	width:40px; height:40px; display:block;
 
	} 
.banner_slid  .slick-prev { left:-25px;}
.banner_slid  .slick-next { right:-25px;}

.banner_slid  .slick-prev img ,.banner_slid  .slick-next img{ float:left}
.slick-prev::before, .slick-next::before{ content:"" !important}

.banner_ar{ position:absolute; left:50%; bottom:15%; margin-left:-28px; width:40px; display:inline-block; z-index:200}

.banner_slid  .banner_item{ overflow:hidden; z-index:5; position: absolute; left:0; top:0; height:100%; display:block; float: left; }
 
.banner_slid .baner_link{ display: block; position:absolute; background:0; height:100%; width:100%; z-index:50;}
 
.banner_slid  .banner_item table{ width:100%; height:100%; display:block;   max-width:0 auto; position:absolute; left:0; top:0; z-index:5;  }
.banner_slid  .banner_item  tbody{ width:100%;display:table; margin:0 auto; max-width:1170px;}
.banner_slid  .banner_item  tbody,
.banner_slid  .banner_item table tr,
.banner_slid  .banner_item table td{  width:100%;height:100%; vertical-align:middle !important; text-align:left}
.banner_slid  .banner_item table tr{  }
.banner_slid  .banner_item table td{ height:100%; display: table-cell; }
 
 
.banner_slid  .banner_item .line1 p,
.banner_slid  .banner_item .line2 p,
.banner_slid  .banner_item .line1,
.banner_slid  .banner_item .line2{ padding:0 0 0 0;  vertical-align:middle;   color:#fff;  text-shadow:0 3px 5px  rgba(20,20,20,.5),0 3px 10px  rgba(80,80,80,.5); }

.banner_slid  .banner_item .line1 p,
.banner_slid  .banner_item .line1{ border:1px solid rgba(0,0,0,0);   font-size:36px; line-height:42px; text-transform: none;font-weight:bold; 
}
.banner_slid  .banner_item .line2 p,
.banner_slid  .banner_item .line2{ border:0px solid  #f00;  margin:0 auto;  font-size:21px; line-height:27px; font-weight: bold; text-transform: none;}

.banner_slid  .banner_item .line1,
.banner_slid  .banner_item .line2{ padding:0 15px 0 15px;}
.banner_slid  .banner_item .line2{padding:0 15px  20px 15px;  }
 
.my_section.banner_inner  .mrkX{ float:left; height:100%;}
 

	
	/*-----------------banner-----------*/
	
	
	
	
	/*-----------------banner-----------*/
	.my_section.block3{}
	.my_section.block3 .block3_cnt{ padding: 0 0 0 0;}
	#home_block_cnt{
	z-index:120; display:flex; margin:-93px 0 0 0;}
	#block_left{ width:70%; position:relative}
	#block_right{ width:30%; position:relative; display:flex}
	#home_block_cnt 	.block{ padding:0 10px 0 10px; position:relative}
	#home_block_cnt  .bkitem_res{ width:100%; position:relative; border:0px solid #f00; float:right; display:block; padding:0 10px 0 10px;}
	#home_block_cnt  .box3{ position:absolute; right:0; bottom:0; width:100%;
	
		-webkit-border-radius:10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		overflow:hidden
	}
	#home_block_cnt  .box1{
		
		-webkit-border-radius:15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		overflow:hidden
	}
	#home_block_cnt .bkitem_cnt{

-webkit-box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
-moz-box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
	}
	#home_block_cnt .bk_tt{ font-weight:bold; display:block; padding:15px 10px 15px 10px; font-size:24px; color:#fff; text-align:center;}
	#home_block_cnt   .box3 .bk_tt{   padding:12px 10px 12px 10px; font-size:20px; ;}
	/*-----------------banner-----------*/
	
	
	
/*-----------------home event-----------*/

.slider  { position:relative}
.slider  .slick-arrow{ position:absolute; font-size:50px; border:0px solid #f00; color:#175b32; top:55%; margin-top:-25px; text-align:center;  height:50px; width:40px; display:block; }
.slider  .slick-prev.slick-arrow{left:-50px;}
.slider  .slick-next.slick-arrow{ right:-50px;}
.slider  .slick-arrow.slick-disabled{ opacity:0} 
.slider  .slick-arrow:hover i.fa{ opacity:1 !important; }

 
.banner_slid.slider  .slick-arrow{ color:#fff;  top:55%;  text-shadow:0 3px 5px  rgba(20,20,20,.5),0 3px 10px  rgba(80,80,80,.5);}
.banner_slid.slider  .slick-prev.slick-arrow{left:20px; z-index:1000;}
.banner_slid.slider  .slick-next.slick-arrow{ right:20px;z-index:1000;}
.banner_slid.slider 	.slick-list.draggable{ z-index:5}

#main_nav_mvvc{ height:460px; }
#main_nav_mvvc	.slick-track{ height:100%; border:0px solid #f00}
#main_nav_mvvc	.slick-list.draggable{ height:100%; padding:20px 0 0 0; border:0px solid #f00; overflow:hidden}
#main_nav_mvvc .grid_slid { height:100%;}
.grid{ padding:0 0 0 0}
.grid-item { padding:0 10px 20px 10px; float:left; outline:0;
	  }
.grid-item .inner{ 
 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	padding:0 0 10px 0; border-radius: 15px; background:#fff;  overflow:hidden;}
.grid-item .inner_a{border-radius: 15px 15px 0 0;}
.grid-item .inner_b{    overflow:hidden;}


.grid-item .inner{ 
 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	padding:0 0 10px 0;   background:#fff; height:420px;  overflow:hidden;
	position:relative;
	
-webkit-box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
-moz-box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
width:100%;
	}
.grid-item .inner_a{   }
.grid-item .inner_b{
	
 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	 border:0px solid #f00; height: auto;   overflow:hidden;
}

.grid-item .inner.on .inner_b{ }

.grid-item  .inner_bbb{ width:100%; display:block; position:absolute; bottom:10px;}

.grid-item .inner p.date{ padding:10px 0 20px 0;line-height: 18px;  border-radius: 15px 15px 0 0; color:#fff; position: relative; 
	 display:flex;
	   align-items: center;
 justify-content: center; text-align:center;
}


/*
.grid-item .inner p.date u{ position: relative; width:90%; left:5%; top:calc(100% - 10px); text-decoration:none; overflow:hidden;background:#fff; border-width:2px; border-style: dashed; 
line-height:18px; height: auto; font-size:16px; border-radius: 5px;
}

.grid-item .inner p.date u i{ text-decoration:none; padding:0 10px 0 10px; display:inline; text-align:center; white-space: wrap; font-style:normal; 
 text-decoration:none; width:100%;
}*/

.grid-item .inner p.date_sub{position: relative;  width:90%;  text-decoration:none; overflow:hidden;background:#fff; border-width:2px; border-style: dashed; 
line-height:18px; height: auto; font-size:16px; border-radius: 5px; margin:-10px auto 0 auto; padding:0 10px 0 10px; }
.grid-item .inner  p.date_sub u{text-decoration:none;}
.grid-item .inner  p.date_sub i{ text-decoration:none;display:inline; text-align:center; white-space: wrap; font-style:normal; 
 text-decoration:none; width:100%;
} 
/*
.lg2 .grid-item .inner p.date{   line-height:18px !important;   }
 
.lg2 .grid-item .inner p.date u{ display:block;  font-size:12px; line-height:14px !important;   }
.lg2 .grid-item .inner p.date u i{ display:block;  font-size:12px; line-height:14px !important;   }
*/
  
.lg2 .grid-item .inner p.date_sub  {  /*  font-size:12px; line-height:14px !important; */ }

.grid-item .inner p.date b{ display:block; font-size:24px; line-height:30px   }
.grid-item .inner p.date span{ display:block; font-size:12px; line-height:16px;   }

.grid-item .inner h2{ background:#fff; padding:30px 15px 10px 15px; font-size:24px; margin:0; font-weight:bold;  }
.grid-item .inner p.content{ padding:15px 15px 15px 15px; font-size:16px; text-align:justify  }
.grid-item .inner a.morebtn{ display:inline-block; overflow:hidden;  margin:0 auto;  padding:5px 10px 5px 10px;     border-radius: 10px;  font-size:14px; text-align:center ;  color:#fff;   }
.grid-item .inner a.morebtn b{ 
 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	opacity:0; width:1px;   height:18px; line-height:18px; padding:0; display:inline-block; float:left; font-weight:normal; overflow:hidden}
 .grid-item .inner a.morebtn i.fa{ height:18px; line-height:22px;float:right; overflow:hidden}
.grid-item:hover .inner a.morebtn b{ opacity:1; width: 40px; padding:0 5px 0 0;}




.grid-item .inner_title{   display:table; border:0px solid #f00; height:90px; vertical-align:middle; width:100%;}
.grid-item .inner_title_td{   display:table-cell; border:0px solid #f00; height:90px;  width:100%;vertical-align:middle; line-height:20px !important;}

.grid-item  .inner_title_td a { color:#ff6600;  background:0; display:inline-block; padding:0 15px 0 15px; font-size:18px;  text-align:center !important; border:0px solid #f00; margin:0; font-weight:bold;  }
 
	

.lg2 .grid-item .inner_title{  height:110px }
.lg2 .grid-item .inner_title_td{ height:110px ;line-height:18px !important;}

.lg2 .grid-item  .inner_title_td a { font-size:16px; line-height:18px !important; }
 
	
	.og_bar{ width:100%; text-align:center; font-size:18px; color:#fff; padding:5px 0 5px 0; margin:0 0 20px 0; font-weight:bold; background:#ff6600}
/*-----------------home event-----------*/
	
/*-----------------footer -----------*/
#footer_gap{  height:90px; width:100%; display:block}
#footer{ background:#175b32;font-size:14px; color:#fff; padding:20px 0 20px 0; margin-top:20px; height:70px; width:100%; position: absolute; left:0; bottom:0;    }
#footer .ft_left{ text-align:left}
#footer .ft_right{ text-align:right}
#footer b.vcb{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  display:inline-block; line-height:20px; font-weight:bold; padding:0 6px 0 6px; margin:0 4px 0 0 ; text-align:center; background:#fff; color:#175b32}
#footer b.vcb.tt{ background:0; color:#fff}
/*-----------------footer -----------*/





/*-----------------inner -----------*/

 #sub_header{   background:#fff; padding:120px 15px 10px 15px;   display:block;  margin: 0 0 20px 0; /*border-bottom:14px solid #ffb400;*/}
 /*#sub_header.og{  background: url(../images/inner_header.jpg) repeat-x  100% 100%;  }*/

 #sub_header.og{   background: url(../images/inner_header_inner.jpg) repeat-x  50% 0%; }
 #sub_header_inner{  background: url(../images/inner_header_inner.jpg) repeat-x  50% 0%; padding:130px 15px 10px 15px;   display:block;  margin: 0 0 20px 0; } 

.breadcrumb{ background:0; display:inline-block;  border:1px solid #5cb531;border-right:4px solid #5cb531;
padding:5px 10px 5px 10px;
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px ; 
 border-radius: 5px ;
 background:#fff; 
 }
.breadcrumb > li + li::before{  color: #5cb531}
.breadcrumb li,
.breadcrumb a{ font-size:14px}
.breadcrumb a:hover{ text-decoration:underline}



#lgbox_cnt{    padding:0    0 5px 0}
#lgbox{   padding:0; }
	
#lgbox_cnt .nav.nav-tabs{ border:0; paddinh:20px 0 0 0}
	
#lgbox_cnt .nav.nav-tabs li a{ border:0;margin:0 20px  0 20px; padding:0; overflow:hidden

}
#lgbox_cnt .nav.nav-tabs li a span{
 padding:10px 20px 10px 20px; font-size:14px; line-height:20px; letter-spacing:2px;
 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}

#lgbox_cnt .nav.nav-tabs li a:focus,
#lgbox_cnt .nav.nav-tabs li a:hover{ background:0;}

#lgbox_cnt .nav.nav-tabs li.active a{font-size:20px; 
-webkit-box-shadow: 0px 0 5px 0px rgba(104,104,104,.3);
-moz-box-shadow: 0px 0 5px 0px rgba(104,104,104,.3);
box-shadow: 0px 0 5px 0px rgba(104,104,104,.3); 
}
#lgbox_cnt .nav.nav-tabs li.active a span{font-size:20px; }

#lgbox_cnt .nav.nav-tabs li.tabli a span.on{ display:none}
#lgbox_cnt .nav.nav-tabs li.tabli a span.off{ display:block}
#lgbox_cnt .nav.nav-tabs li.tabli.active a span.on{ display:block}
#lgbox_cnt .nav.nav-tabs li.tabli.active a span.off{ display:none}


#lgbox_cnt .nav.nav-tabs li{ float:right; border:0;   display:inline-block; padding:0; margin:0;
}

	#lgbox img{ -moz-border-radius: 10px; 
 -webkit-border-radius: 10px ; 
 border-radius: 10px ; }
.tab-pane .ms{ padding:20px; margin:0 0 15px 0; border:0px solid #eee; background:#fed136 ;
 
 -moz-border-radius: 15px; 
 -webkit-border-radius: 15px ; 
 border-radius: 15px ; 
-webkit-box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
-moz-box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);
box-shadow: 0px 5px 5px 0px rgba(104,104,104,.3);

display:block}	
#lgbox h2{ color:#724b00; margin:0; padding:0 0 10px 0px}
#lgbox ul{ padding:0; margin:0 0 0 15px;}
#lgbox ul li{ color:#724b00 }

/*-----------------inner -----------*/


/*-----------------abs -----------*/
.areport_list_slid{ }
.areport_list_slid .areport_item{ margin:0 5px 0 5px;}
.areport_list_slid .slick-list.draggable{ overflow:hidden}
.areport_list_slid .abs_tt{ display:block; font-size:16px; text-align:center; padding:5px;}

.areport_tb_slid .areport_item{ margin:0 5px 0 5px;}
.areport_tb_slid .slick-list.draggable{ overflow:hidden} 
.areport_tb_slid.slider{ margin-bottom:60px !important;}
.slider  .slick-dots { position:static; float:left; clear:both; height:40px; margin:20px 0 0 0}
.slider  .slick-dots li button::before{ content:""}
.slider  .slick-dots li button{ 
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background:#5cb531;
border:0;
font-size:5px; line-height:5px; overflow:hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding:0; width:15px; height:15px; }
.slider  .slick-dots li.slick-active button{ background:#386f1d;
}

#areport_info_select{ width:220px; padding:0 10px 0 10px; height:50px; line-height:20px; font-size:16px; border:1px solid #ccc;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#areport_info_select option{ padding: 10px; height:50px; line-height:50px; font-size:16px;border-bottom:1px solid #ccc; }
.arp_btn,
.arp_btn_main{   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding:10px; margin:0 10px 10px 0; color:#fff; background:#5cb531;}
	
a.arp_btn_main:focus,
a.arp_btn_main:active,
a.arp_btn_main:hover,
a.arp_btn:focus,
a.arp_btn:active,
a.arp_btn:hover,
a.arp_btn_main:hover{ color:#fff}

#areport_info_cnt .all_info.off,
#areport_info_cnt .sub_info.off{ display:none}

#areport_info_cnt .dtinfo{ padding:20px 0 05px 0}
#areport_info_cnt .dtinfo h3{ margin:0 0 10px 0; font-size:20px;}
#areport_info_cnt .dtinfo p{ margin:0; font-size:16px;}

/*
#mblist_tab{}
#mblist_tab li a{ font-size:18px; color:#999; padding:10px 15px 10px 15px }
#mblist_tab li a:hover{ background:0; color:#5cb531; border-bottom:1px solid #fff;}
#mblist_tab li.active a{ color:#386f1d; font-weight:bold}*/

#mblist_tab{ border:0; text-align:center;
display:flex;
flex-wrap: nowrap; 
 justify-content: center; align-items:center;}
#mblist_tab li{ float:none; display:inline-block}
#mblist_tab li a{ -moz-border-radius: 8px; 
 -webkit-border-radius: 8px ; 
 border-radius: 8px ; 
  font-size:18px; color:#999; padding:10px 15px 10px 15px; border:0; }
#mblist_tab li a:hover{ background:0; color:#5cb531; border:0;}
#mblist_tab li.active a{ border:0; background:#386f1d; color:#fff; font-weight:bold}

#mblist_tab.project li  a{border:2px solid #5cb531; color:#5cb531; background:0; margin:5px;  font-size:16px; padding:4px 15px 4px 15px;}
#mblist_tab.project li.active a{ background:#5cb531;border:2px solid #5cb531;   color:#fff;}

#mblist_tab.lg2_abs{}
#mblist_tab.lg2_abs li{ width:25%}
#mblist_tab.lg2_abs li a{ 
display:flex;
flex-wrap: nowrap; 
 justify-content: center; align-items:center; height:72px; width:100%;}
/*
#mblist_tab.project li.active a.a1{ color:#fff; background:#fc0; border:2px solid #fc0;}
#mblist_tab.project li.active a.a2{ color:#fff; background:#fa5911; border:2px solid #fa5911;}
#mblist_tab.project li.active a.a3{ color:#fff; background:#c55911; border:2px solid #c55911;}
#mblist_tab.project li.active a.a4{ color:#fff; background:#538135; border:2px solid #538135;} 

#mblist_tab.project li a.a1{ background:0; border:2px solid #fc0; color:#fc0;}
#mblist_tab.project li a.a2{ background:0; border:2px solid #fa5911; color:#fa5911;}
#mblist_tab.project li a.a3{ background:0; border:2px solid #c55911; color:#c55911;}
#mblist_tab.project li a.a4{background:0; border:2px solid #538135; color:#538135;} 

*/
 
/*-----------------abs -----------*/


/*------------- cs ----------------*/

#csmap_cnt{ position:relative; padding:0; z-index:1}
#csmap_cnt .map_ara{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
 position: absolute; left:0; top:0; height:100%; width:100%; opacity:0; z-index:5}

#csmap_cnt .map_ara.on{ opacity:1}

#csmap_cnt .mapbtn{ color:#447c5d;
	
    -webkit-border-radius:  6px;
    -moz-border-radius:  6px;
    border-radius:   6px;
	background:#fff; white-space:normal;
	 width:80px; height:30px; line-height:26px; font-size:20px;   display:block; margin-left:-40px; text-align:center; white-space:nowrap;border:2px solid #447c5d; }
	 
	 
#csmap_cnt.lang2 .mapbtn{ 
	background:#fff; white-space:normal;
	 width:120px; height: auto; line-height:16px; font-size:14px; padding:5px 0 5px 0;   margin-left:-60px;  }
	 
	 
#csmap_cnt .mapbtn_cnt{ z-index:50; position:absolute;  width:10px; height:10px; display:block; overflow:visible;  }

#csmap_cnt .mapbtn_cnt.nte{ top:38%; left:67%;}
#csmap_cnt .mapbtn_cnt.ntw{ top:30%; left:40%;}
#csmap_cnt .mapbtn_cnt.hki{ top:68%; left:60%;}
#csmap_cnt .mapbtn_cnt.kme{ top:49%; left:64%;}
#csmap_cnt .mapbtn_cnt.kmw{ top:54%; left:55%;}
/*------------- cs ----------------*/







/*--------cs modal --------------*/

.edyModal { z-index:5000;}
.edyModal .modal-dialog{ margin:2% auto 0 auto; height: auto;overflow: visible;  position:relative; border:0 solid #ff0; z-index:5000;}
.edyModal .modal-content{ background:0; height:100%; box-shadow:0 0 0 0 #fff; border:0 ; position:relative; overflow: visible; border:0 solid #f00}
.edyModal .modal-body{ padding:0; height:90%; position:relative;  box-shadow:0 0 5px 5px rgba(60,60,60,0.2);
 -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background:#fff }
 .edyModal #edyAlbModal_cnt.modal-body{ box-shadow:0 0 0 0 rgba(60,60,60,0);}

#edyAlbModal.edyModal .modal-body{ background:0; border:0px solid #f00}

.edyModal .modal-header{ padding:0; /*height:10%; */ height:80px; border:2px solid #ff0 }
.edyModal .album_tt{ margin:0; padding:0;/* height:8%;*/ min-height:50px; border:0 solid #ff0}
.edyModal .album_tt span{ margin:0 auto; padding:0 15px 0 15px; line-height:30px; max-height:30px; font-size:18px;  background:#fff; display:inline-block;

-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
 }
.edyModal .album_cnt{ padding:0;/* height:92%;*/ position:relative; overflow:  auto;   border:0 solid #ff0}

.edyModal .album_item_cnt{ padding:5px; } 
.edyModal .album_item{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
overflow:hidden;     } 

.edyModal .rd_title_cnt{ width: 100%; height:40px; padding:0 0 0 0; border:0px solid #f00; display:block; margin:0 auto}
.edyModal .rd_title{ background:0; 
 width: 100%; 
height:40px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
	 margin:0 auto;
	display:inline-block;
	text-align:center;
	position:relative;
}
.edyModal .close{ font-size:30px; line-height:30px; display:block; position:absolute; top:10px; right:10px;
width:80px; height:80px;
 -webkit-border-radius: 40px;
 -moz-border-radius:40px;
 border-radius:40px;
 background:#fff;
 padding:0 0; 
 opacity:1;
}
.edyModal .close span{ display:block; height:30px; margin-top:0px; line-height:25px;  }
.edyModal .rd_title .ww.w1,
.edyModal .rd_title .ww.w2,
.edyModal .rd_title .ww.w3,
.edyModal .rd_title .ww.w4,
.edyModal .rd_title .ww.w5,
.edyModal .rd_title .ww{/* text-shadow: 0 0 4px #fff, 0 0 4px #fff;*/
width:60px; height:60px;
 -webkit-border-radius: 30px;
 -moz-border-radius:30px;
 border-radius:30px;
 background:#fff;
 padding:10px 0;
 position:static; margin:0 5px 0 5px !important; float:none; display: inline-block; left:0; top:0;
  box-shadow:0 0 5px 5px rgba(60,60,60,0.2); color:#447c5d}
  
  
.edyModal .rd_title .en{ background:#fff;
width: auto; height:60px;
 -webkit-border-radius: 30px;
 -moz-border-radius:30px;
 border-radius:30px;
 background:#fff;
 padding:10px 20px 10px 20px;
 position:static; margin:0 5px 0 5px !important; float:none; display: inline-block; left:0; top:0;
  box-shadow:0 0 5px 5px rgba(60,60,60,0.2); color:#447c5d; font-weight:bold; font-size:38px;  line-height:40px; }
  

.edyModal .col-xs-12.edynews_cnt{ background:#fff;
 -webkit-border-radius: 30px;
 -moz-border-radius:30px;
 border-radius:30px;
 padding:10px 20px 30px 20px !important;

}

.rd_title_cnt{ width:180px; height:195px; padding:10px 0 0 0; border:0px solid #f00; display:block; margin:0 auto}
.rd_title{ background:#fff; 
width:180px;
height:180px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
	 margin:0 auto;
	display:inline-block;
	text-align:center;
	position:relative;
}
.rd_title .ww{ position:absolute; font-weight:bold; font-size:38px; width:40px; height:40px; line-height:40px; left:50%; top:50%; }
 
#map_canvas{ overflow:hidden
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
  width:100%; min-height:400px; border:1px solid #27ae60;}
/*--------cs modal --------------*/

#sitemap_cnt{}
#sitemap_cnt .nav li a{ padding:5px; border:1px solid #fff;}
#sitemap_cnt .nav .nav{ margin:0 0 10px 20px; padding:5px;}

#sitemap_cnt .nav li a:focus,
#sitemap_cnt .nav li a:hover{ background:#007934; border:1px solid #007934; color:#fff}


.spk_link{ display:block; width:30%; height:10%; position:absolute; border:0px solid #f00 }


.spk_link.k1{ left:0; top:8%;}
.spk_link.k2{ left:0; top:22%;}
.spk_link.k3{ left:0; top:35%;}
.spk_link.k4{ left:0; top:50%;}
.spk_link.k5{ left:0; top:63%;}
.spk_link.k6{ left:0; top:78%;}


#daform label.error{ color:#f00;}

.ddd_btn{ width:100%; max-width:260px; padding:40px 0 20px;}
.ddd_btn b{ display:block; padding:15px 0 0 0; text-align:center; font-size:16px; color:#666}