@charset "utf-8";
/* bg slide*/
.slider-container.bg-slider {
display: none;
}
  
.bg-slider img {
width: 100%;
height: auto;
}
.slider-container {
  position: relative;
  display: none;
}
.slider-container.foo_slider {
  width: 100%;
}
.slider-container.bg-slider {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.slider-container.bg-slider a {
  display: block;
  width: 100%;
  height: 100%;
}
.slider-controller {
  position: absolute;
  z-index: 2;
  top: 70px;
  width: 100%;
}
#slide_pager {
  /*margin:10px 10px;*/
  margin-top:10px;
  margin-right:50px;
  margin-bottom:10px;
  margin-left:10px;
  font-size: 13px;
  float: right;
}
#slide_pager span.pager_list {
  float: left;
  display: block;
  margin-right: 5px;
  width: 11px;
  height: 11px;
}
#slide_pager span.pager_list > a {
  display: block;
  width: 11px;
  height: 11px;
  background: url("../images/slider/bull_pager.png") left top no-repeat;
}
#foo_pager span.pager_list.selected a {
  background: url("../images/slider/bull_pager.png") left -22px no-repeat;
}
.banner-slider-container {
  position: relative;
  display: none;
  margin-top: 10px;
}
.banner-slider-container.slide-banner-slider {
  margin: auto;
  padding: 30px 0 0 0%;
  width: 100%;
}
#slide_prev {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 60px;
  top: 0px;
  left: 10px;
  background:url(../images/slide-bottom/b-prev.png) left no-repeat;
  cursor: pointer;
}
#slide_next {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 60px;
  top: 0px;
  right: 10px;
  background:url(../images/slide-bottom/b-next.png) right no-repeat;
  cursor: pointer;
}
#foo_next > i {
  display: block;
  padding-top: 44px;
  text-align: center;
}

.banner-slider-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.banner-slider-container ul.banner li {
  float: left;
  display: block;
  margin: 0px 10px 0;
  padding: 0;
  width: 260px;
  height: 58px;
  /*border: 1px solid #e4e4e4;*/
}

.banner-slider-container ul.banner li a { display: block;}

.banner-slider-container ul.contentbox li {
  float: left;
  display: block;
  position: relative;
  margin: 12px 6px 25px 6px;
  padding: 0;
  width: 290px;
  height: 207px;
}
.banner-slider-container ul.contentbox li h2.contentbox-topic {
  display: block;
  position: absolute;
  top: -20px;
  font-weight: normal;
  color: #304B63;
}
.banner-slider-container ul.contentbox li .contentbox-pic {
  margin: 35px 0 0 0;
}
.banner-slider-container ul.contentbox li .contentbox-desc {
  display: block;
  overflow: hidden;
  margin: 5px 0 15px 0;
  padding: 0;
  height: 66px;
  font-size: 0.8em;
}
/********************************************************************************/

.tab-menu.set_index_box{ clear: both;}
.banner-slider-container02 {
  position: relative;
 /* display: none;*/
  /*margin-top: 10px;*/
  margin-top: 2px;
}
.banner-slider-container02.slide-banner-slider {
  margin: auto;
  padding: 30px 0 0 0%;
  width: 100%;
}
#slide_prev02 {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 60px;
  top: -6px;
  left: -4px;
  background:url(../images/slider/btn-slider-prev02.png) left no-repeat;
  cursor: pointer;
}
#slide_next02 {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 60px;
  top: -6px;
  right: 0px;
  background:url(../images/slider/btn-slider-next02.png) right no-repeat;
  cursor: pointer;
}
#foo_next > i {
  display: block;
  padding-top: 44px;
  text-align: center;
}
.banner-slider-container02 .text-menu-tab a{
  /*background: #545F6F;*/
  background-color: #545F6F;
background-image: linear-gradient(#cdd2da, #b7bdc8 0%, #545f6f 100%, #545F6F);
  width: 32.7%;
  margin-right: 0; 
  margin-bottom: 0;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-bottom: 0;

}
.banner-slider-container02 .text-menu-tab a.active{ background: #e30613;}
.banner-slider-container02 .text-menu-tab a:hover{ background: #e30613;}
.banner-slider-container02 .text-menu-tab a.set_index04 {   width: 99.09%;}
.banner-slider-container02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.banner-slider-container02 ul.banner li {
  float: left;
  display: block;
  margin: 0px 10px 0;
  padding: 0;
  width: 260px;
  height: 58px;
  /*border: 1px solid #e4e4e4;*/
}
.banner-slider-container02 .caroufredsel_wrapper{
  /*width: 341px;*/
  /*height: 30px !important;*/
  padding: 0;
}
.banner-slider-container02 ul.banner li a { display: block;}

.banner-slider-container02 ul.contentbox li {
  float: left;
  display: block;
  position: relative;
  margin: 12px 6px 25px 6px;
  padding: 0;
  width: 290px;
  height: 207px;
}
.banner-slider-container02 ul.contentbox li h2.contentbox-topic {
  display: block;
  position: absolute;
  top: -20px;
  font-weight: normal;
  color: #304B63;
}
.banner-slider-container02 ul.contentbox li .contentbox-pic {
  margin: 35px 0 0 0;
}
.banner-slider-container02 ul.contentbox li .contentbox-desc {
  display: block;
  overflow: hidden;
  margin: 5px 0 15px 0;
  padding: 0;
  height: 66px;
  font-size: 0.8em;
}
@media only screen and (max-width : 64em)  {
  .banner-slider-container02 .caroufredsel_wrapper{
  width: 100%;
  /*height: 30px !important;*/
}
  .tab-menu.set_index_box{ width: 100%;}
	.banner-slider-container02 .text-menu-tab a {
		width: auto;
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
                padding: 5px 10px;
	}
	.banner-slider-container02 .text-menu-tab a.set_index04{ width: auto;;}
}

@media only screen and (max-width: 40em) {
 .banner-slider-container02 .text-menu-tab a{
  background: #545F6F;
  min-width: 32.5%;
  margin-right: 0; 
  margin-bottom: 0;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-bottom: 0;

}
.banner-slider-container02 .text-menu-tab a {
  min-width: inherit;
  padding: 5px 10px;
}
  
}