@charset "utf-8";

#gallery_index { float:left; width:100%; padding:0;}
#gallery_index ul { float:left; width:100%; display:inline; padding:0;}
#gallery_index li { float:left; width:33.3%; padding:0 0 15px 0;}

#gallery_frame { float:left; width:203px; margin:auto;}
#gallery_frame ul { float:left; width:100%;}
#gallery_frame li { float:left; width:100%; padding:0;}

#gallery_imgs_fra01 { float:left; width:100%; background:url(gallery/fra_0102.gif) 0 0 repeat-x; height:14px; line-height:14px; padding:0;}
#gallery_imgs_fra01 ul { float:left; width:100%; background:url(gallery/fra_0101.gif) 0 0 no-repeat; height:14px; line-height:14px; padding:0;}
#gallery_imgs_fra01 li { float:left; width:100%; background:url(gallery/fra_0103.gif) 100% 0 no-repeat; height:14px; line-height:14px; padding:0;}

#gallery_imgs_fra04 { float:left; background:url(gallery/fra_0104.gif) 0 0 repeat-y; width:14px; height:100%; vertical-align:bottom; padding:0; margin:0;}

#gallery_imgs_fra09 { float:left; background:url(gallery/space.gif) 0 0 no-repeat; width:175px; padding:0; margin:0;}
#gallery_imgs_fra09 ul { float:left; background:url(gallery/space.gif) 0 0 no-repeat; width:100%; padding:0; margin:0;}
#gallery_imgs_fra09 li.gallery_imgs { float:left; background:#f2f2f2 url(gallery/space.gif) 0 0 no-repeat; width:100%; font-size:0; padding:0; margin:0;}
#gallery_imgs_fra09 li.gallery_name { float:left; background:#f2f2f2 url(gallery/fra_0109.gif) 0 0 no-repeat; width:100%; padding:10px 0 3px 0; text-align:center; margin:0;}

#gallery_imgs_fra09 li.gallery_name  a { color:#000; font-size:12px; line-height:14px; width:100%;}
#gallery_imgs_fra09 li.gallery_name  a:hover { color:#C00; text-decoration:none;}

#gallery_imgs_fra05 { float:left; background:url(gallery/fra_0105.gif) 100% 0 repeat-y; width:14px; height:100%; vertical-align:bottom; padding:0; margin:0;}


#gallery_imgs_fra03 { float:left; width:100%; background:url(gallery/fra_0107.gif) 0 0 repeat-x; height:14px; line-height:14px; padding:0;}
#gallery_imgs_fra03 ul { float:left; width:100%; background:url(gallery/fra_0106.gif) 0 0 no-repeat; height:14px; line-height:14px; padding:0;}
#gallery_imgs_fra03 li { float:left; width:100%; background:url(gallery/fra_0108.gif) 100% 0 no-repeat; height:14px; line-height:14px; padding:0;}


/*gallery_show*/
#navigation-container { float:left; width:690px; position:relative; padding:0 0 0 8px; *padding:0; margin:0;}/*相簿主要區域*/

#slideshow-container { clear:both; float:left; width:100%; height:530px; padding:0; margin:0;}/*功能列、大圖區*/

#controls { float:left; width:100%; padding:0; margin:0; line-height:14px; font-size:12px;}/*功能列*/
#controls a { color:#09C; padding:0 5px 0 0;}
#controls a:hover { color:#C00; text-decoration:none;}
#controls .ss-controls { float: left; padding:0; *padding:0 0 0 7px; margin:0;}/*圖片輪播*/
#controls .nav-controls { float: right; padding:0; margin:0;}/*上下張圖片*/

#loading { float:left; width:690px; position: absolute; top:0; left:0; background-image: url(gallery/ic_loader.gif); background-repeat: no-repeat; background-position: center; height:500px; padding:0; margin:0;}/*loading*/

#slideshow { float:left; width:100%; padding:0; margin:0;}/*大圖區*/
#slideshow span.image-wrapper { display: block; position: absolute; top:20px; left: 0; padding:0; margin:0;}
#slideshow a.advance-link { display: block; width:690px; *width:100%; text-align: center; text-decoration:none;}
#slideshow img { border-style: solid; border-width: 1px; border-color: #ccc;}/*大圖外框*/

div.caption-container { float: left; width:100%; position: relative; height:100px; padding:0; margin:0;}/*說明區、圖片數量*/
div.caption-container span.image-caption { display: block; width:100%; position: absolute; padding:0; *padding:0 0 0 7px; margin:0; top:0; left:0;}/*說明區*/
div.image-title { font-weight:bold; font-size:15px;}
div.image-desc { color:#666; font-weight:normal; font-size:12px; line-height:14px; padding:5px 0 0 0;}
div.photo-index { float:left; width:96%; position:absolute; bottom:0; left:0; text-align:right; padding:0; margin:0;}/*說明區－圖片數量*/

#thumbs { float:left; padding:0; margin:0; position:relative;}/*小圖*/
#thumbs ul { float:left; padding:0 0 0 20px; margin:0;}/*小圖和上下頁*/
#thumbs li { float:left; padding:0; margin:2px;}/*小圖*/
#thumbs img { border: none; display: block;}/*小圖原外框*/
#thumbs li.selected a.thumb { background: #797979;}
a.thumb { padding: 1px; display: block;}/*小圖輪播外框*/

div.navigation a.prev { background-image: url(gallery/bt_prev.gif); background-position:left center; background-repeat:no-repeat; top:0; left:0;}
div.navigation a.next { background-image: url(gallery/bt_next.gif); background-position:right center; background-repeat:no-repeat; top:0; right:-20px; *right:0;}
div.navigation a.pageLink { display:block; float:left; position:absolute; width:20px; height:77px; padding:0; margin:2px;}/*小圖區域-上下頁*/