

.main_resise { margin: 0 auto;   max-width: 90%; padding: 0; }
dc_clear { clear: both; padding: 0; margin: 0; width: 100%; font-size: 0px; line-height: 0px; }
section.f-slide { margin: 0 35px 15px 35px; position: relative; z-index: 95; }
header, nav, section, article, aside, footer { display: block; }
.f-carousel-container { position: relative; width: 100%; padding: 20px 0 0; }
.f-carousel {  width: 100%; position: relative; margin: 0; }
.f-carousel .carousel-image { border: 0; display: block; }
.f-carousel .carousel-feature { padding-bottom: 0px; position: absolute; top: -1000px; left: -1000px; cursor: pointer;  }
.f-carousel .carousel-feature a img { position: relative; max-width: 100%; height: auto; z-index: 29; margin: 0; }
.banner-image { overflow: hidden; border-radius: 4px; background: #ececec; padding: 5px; }
.f-carousel .mask { background: none; width: 100%; z-index: 9999999;  overflow: hidden; }
.mask img { height: auto; width: 100%; }
.f-carousel .carousel-feature .carousel-caption { position: absolute; bottom: 38px; left: 21px; width: 91%; z-index: 9999; }
.f-carousel .carousel-feature .carousel-caption p { margin: 0; text-shadow: none; color: #fff; }
.f-carousel .tracker-summation-container { position: absolute; right: 48px; top: 230px; padding: 3px; margin: 3px; display: none; }
.f-carousel .tracker-individual-container { position: absolute; right: 48px; top: 210px; padding: 0; margin: 0; display: none; }
.f-carousel .tracker-individual-container li { list-style: none; }
.f-carousel .tracker-individual-container .tracker-individual-blip { margin: 0 3px; padding: 0 3px; color: white; text-align: center; }
.f-carousel .tracker-individual-container .tracker-individual-blip-selected { color: white; font-weight: bold; }
.caption-head { background-color: rgba(0, 0, 0, 0.7); border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: inline-block; font-size: 18px; margin: 0 0 0; padding: 10px 15px; position: relative; }
.text-capt { border-radius: 3px 3px 3px 3px; display: block; margin: 10px 0 0; padding: 10px 20px 10px 15px; text-shadow: none; }
.text-capt { background-color: rgba(252, 252, 252, 0.7); color: #333333; text-shadow: none; }
.navig-carousel:after { clear: both; content: ""; display: block; height: 0; }
.navig-carousel { top: 48%; height: 1px; margin: 0 auto; z-index: 1099; position: absolute; width: 100%; }
.navig-carousel .scarousel-left,
.navig-carousel .scarousel-right { cursor: pointer; height: 41px; margin-top: -12px; width: 30px; }
.scarousel-left { float: left; -moz-transition: margin-left 0.3s ease 0s; background: url("../image/arrow-l.png") no-repeat scroll 0 0 transparent; }
.scarousel-right { float: right; -moz-transition: margin-right 0.3s ease 0s; background: url("../image/arrow-r.png") no-repeat scroll right 0 transparent; }
.scarousel-left:hover { background-position: 0 -41px; padding-right: 5px; }
.scarousel-right:hover { background-position: right -41px; padding-left: 5px; }


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.navig-carousel .scarousel-left,
.navig-carousel .scarousel-right { cursor: pointer; height: 41px; margin-top: -10px; width: 30px; }
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.navig-carousel .scarousel-left,
.navig-carousel .scarousel-right { cursor: pointer; height: 41px; margin-top: -8px; width: 30px; }
	
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.sliderhome { width: 748px; margin: 0 auto; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

.sliderhome { width: auto; margin: 0 10px; }
}

.sliderhome { width: 960px; margin: 0 auto; }
.shadow-img { max-width: 960px; margin: 0 auto; }
.shadow-img img { width: 100%; height: auto; }
