@charset "utf-8";
/*=============== logo展示 =================*/
#logo-container {width:710px; height:auto; margin:0 auto; position:relative; background:url(../images/line.gif) center top no-repeat;}
#example {width:710px; height:600px; position:relative;}
#slides {position:absolute;top:0px;left:0px;z-index:100;}
#slides .slide {width:auto; padding:0 5px;}
#slides .next,#slides .prev {position:absolute;top:570px;left:220px;width:40px;height:12px;display:block;z-index:101;}/*左右鍵BTN*/
.slides_container {width:710px;height:545px; padding:15px 0 10px 0; overflow:hidden;position:relative;}/*點點是依附在此div底部*/
#frame {position:absolute;z-index:0;width:523px;height:auto;top:-3px;left:-80px;}
#slides .next {
	left:460px;
}

/*-----------------點點-----------------*/
.pagination {margin:0 auto;width:270px; position:absolute; left:270px; }
.pagination li {float:left; margin:0 1px;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.gif);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

/*-----------------作品-----------------*/
ul.thumb { padding:10px; list-style-type:none; width:650px; float:left; list-style-image:none; margin-top:-7px; margin-left:20px; }
ul.thumb li { position:relative; padding:3px; margin:0px; width:100px; height:100px; float:left;}
ul.thumb li img { border:medium none; position:absolute; padding:3px; width:90px; height:90px; background:url(../images/logo-bg.jpg) center top repeat-x #FFFFFF; top:0px; left:0px; border:1px solid #808ba7; }
ul.thumb li img.hover { border:medium none; padding:0; background:url(../images/logo-bg.jpg) center top repeat-x #FFFFFF; border:1px solid #808ba7;}