@charset "utf-8";
/*--- 首頁輪播 ---*/
#slider-wrapper {
position: relative;
z-index: 3;
width: 1000px;
overflow: hidden;
/*padding: 7px 0 0 82px;
padding-top:18px \0;*/
}
#slider-wrapper-page {
height: 193px;
position: relative;
z-index: 3;
width: 863px;
overflow: hidden;
padding: 7px 0 0 82px;
}
#slider-wrapper-leftbanner{
height: 162px;
position: relative;
z-index: 3;
width: 252px;
overflow: hidden;
}
#slider {
  position: relative;
  width: 1000px;
  height: 510px;
  height: 200px \0;
  background: url(images/loading.gif) no-repeat 50% 50%;
  margin:0 auto;
}
#slider2 {
  position: relative;
  width: 1000px;
  height: 288px;
  height: 288px \0;
  background: url(images/loading.gif) no-repeat 50% 50%;
  margin:0 auto;
}
#slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
#slider a {
  border: 0;
  display: block;
}
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 60;
  display: none;
}
/* The slices in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 50;
  height: 100%;
}
.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
}
/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  opacity: 0.8;
  /* Overridden by captionOpacity setting 
  width: 100%;
  z-index: 89;*/
}
.nivo-caption .nivo-caption-inner {
  padding: 0;
  margin: 0;
}
.nivo-caption a {
  display: inline !important;
}
.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  z-index: 100;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  position: absolute;
  height: 20px;
  right: 10px;
  top: 16px;
}
.nivo-controlNav a {
  position: relative;
  z-index: 99;
  float: left;
  cursor: pointer;
  display: inline-block !important;
  width: 8px;
  height: 8px;
  background: #fff;
  margin-right: 8px;
  font-size: 0;
  line-height: 0;
  text-indent: -10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
  background: #1c2e21;
}
.nivo-directionNav {
  position: absolute;
  top:2%;
  right:1%;
  z-index: -100;
  margin: 0 0 0 -45px;
  width: 60px;
  height: 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #3e841b;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3e841b), color-stop(1, #446d4b));
  background: -ms-linear-gradient(bottom, #3e841b, #446d4b);
  background: -moz-linear-gradient(center bottom, #3e841b0 0%, #446d4b 100%);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  _display:none;
}
.nivo-directionNav a {
  float: left;
  width: 30px;
  height: 36px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: top;
  cursor: pointer;
}
a.nivo-nextNav {
  background-image: url(images/nivo-forward.png);
}
a.nivo-prevNav {
  background-image: url(images/nivo-backward.png);
}
#slider .nivo-controlNav img {
  display: inline;
  /* Unhide the thumbnails */

  position: relative;
  margin-right: 10px;
  width: 120px;
  height: auto;
}