/* CSS Document */
#carousel{ position:relative; width:100%; height:480px; z-index:1;}
#carousel a{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#pager{ position:absolute; z-index:1000;  width:100%; height:25px; bottom:0px; left:50%; text-align: right}
#pager a{ -webkit-border-radius:30px; -moz-border-radius:30px;border-radius:30px; background:#8f6f48;border:1px solid #8f6f48; font:0/0 Arial; color:#8f6f48; padding:5px; margin:1px 2px 0 1px; float:left; }
#carousel img{ width:1100px;}
#pager a:hover{ border:1px solid #cd7448; background:#cd7448}
#pager .selected{ background:#302619; border:1px solid #afa89e;}

#prev,#next{
position:absolute; top:49%;
display: inline-block;
width: 41px; 
height: 69px;
text-indent: -9999em;
overflow: hidden; z-index:10000;
	}
	
#prev { left:50%; margin-left:-600px; background: url(http://plus.webdo.com.tw/images/icon-slides2.png) -84px 0px no-repeat;}
#next{  right:50%; margin-right:-600px;background: url(http://plus.webdo.com.tw/images/icon-slides2.png) -125px 0px no-repeat;}
#prev:hover,#next:hover{ background-color:#222;filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75;
-webkit-transition:all 0.5s  linear;
-moz-transition:all 0.2s  linear;
-o-transition:all 0.2s  linear;
transition: all 0.2s  linear;}