html, body {margin: 0 auto; font-family: arial, 微軟正黑體;}

#aht_slider_box {margin: 0 auto;margin-top: 100px; width:100%;position:relative;overflow:hidden;}

#carousel {width:800px;height:650px;margin: 0 auto;margin-left:7%; position:relative;text-align:center;}

#carousel li{
  margin: 0 auto;
  display:block;border:none;position:relative;
  width:500px;height:700px;vertical-align:middle;overflow:hidden;overflow:hidden;
}

#carousel div {width:auto; text-align:center;}

#carousel a {color:black;}

#carousel div img {
  -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
	filter: grayscale(80%);
  width: 100%;display:block;position:relative;border:none;top:0px;margin:0px auto;z-index:9997;}

#carousel div img:hover {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)";
  }

#carousel div img:active {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)";
  }

#carousel div section {
  display:block;
  position:relative;
  bottom:15px; width:200px; height: 53px; z-index:9998;
  text-align: center; margin: 0 auto;
}

#carousel div section img {
  width:100%; height: auto;
  -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	filter: grayscale(0%);}

#carousel div span {display:block;width:100%;height:25px !important;font-size:1.425em; !important;text-align:center;text-overflow: ellipsis;overflow:hidden;line-height:25px;}

#carousel div span + span {display:block;width:100%;height:25px !important;font-size:0.945em !important;text-align:center;line-height: 25px;}

#prev {
  position:absolute;height:42px;width:40px;
  background: url("../images/prev.png") center center no-repeat;
  top:45%;z-index:9999;opacity:0.9;border:0px;
  cursor:pointer;left:0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}

#next {
  position:absolute;height:42px;width:40px;
    background: url("../images/next.png") center center no-repeat;
  top:45%;z-index:9999;opacity:0.9;border:0px;
  cursor:pointer;right:0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.roundabout-moveable-item {width: 200px; height: 500px;}
.roundabout-moveable-item .aht_play {display:none;}
.roundabout-moveable-item.roundabout-in-focus .aht_play{display:block}


/*當螢幕寬度在1201px~1601px之間*/
@media screen and (min-width: 1201px) and (max-width: 1601px){
  #aht_slider_box {margin-top: 100px; margin-left: 0%;}
}

/*當螢幕寬度在1001px~1199px之間*/
@media screen and (min-width: 1001px) and (max-width: 1200px){
  #aht_slider_box {margin-top: 150px; margin-left: 0%;width:900px;}
  #carousel {width:800px;height:650px;}
  #carousel li {width:500px;height:700px;}
}