@charset "utf-8";
/* CSS Document */
/* 20100125 */

body { margin: 0; padding: 0; background-color: #FFFFFF; font-size: 80%; line-height: 1.4em; font-family:Verdana, Arial, Helvetica, sans-serif;}

#wrapper { width: 1003px; margin: 0 auto; background: #FFFFFF url(../images/header_bg.gif) top left no-repeat;}
#header { width: 1003px; height: 46px;}
#header #logo { position: absolute; top: 0px; left: 32px;}
#header ul { position: absolute; top: 9px; right: 50px; margin: 0; padding: 0 0 0 250px; list-style: none; text-align: right;}
#header li { display: inline; padding-left: 1em; vertical-align: top; color: #FFFFFF;}

#content { margin: 14px 22px 15px 24px; padding: 0; }
#newslist { width: 280px; margin: 0 0 0 20px; padding: 0; }
#newslist ul { margin: 0; padding:0 18px; list-style: url(../images/icon_point01.gif); }
#newslist li { margin: 0; padding: 0; }
#newslist li a:link, #newslist li a:visited { display: block; margin: 0; padding: 2px 0 2px 0; color: #333333; text-decoration: none;}
#newslist li a:hover, #newslist li a:active { background-color: #ffe2b6; }

#album { margin-left: 22px; padding: 0; width: 960px; }

#albumlistcont { margin: 0; padding: 0; width: 640px; }
ul#albumlist { margin: 0 0 5px 0; padding: 0 0 5px 15px; list-style: none; height: 35px; overflow: hidden; background: url(../images/line35_gary.gif) top left repeat-x; }
ul#albumlist li { margin: 0; padding: 0; float: left; width: 112px; }
ul#albumlist li a:link, #albumlist li a:visited { display:block; background: url(../images/btn_page01.gif) top left no-repeat; text-align: center; margin-right: 2px; padding: 8px 10px 5px 10px; text-decoration: none; border-bottom:4px solid #d5d5d5; color: #666666; }
ul#albumlist a:hover, ul#albumlist a:active {color:#f60;}

body#hotalbum li.hotalbum, body#newalbum li.newalbum, body#reloadalbum li.reloadalbum { display:block; text-decoration: none;}

body#hotalbum li.hotalbum a:link, body#hotalbum li.hotalbum a:visited,
body#newalbum li.newalbum a:link, body#newalbum li.newalbum a:visited,
body#reloadalbum li.reloadalbum a:link, body#reloadalbum li.reloadalbum a:visited { color:#000000; background: url(../images/btn_page01.gif) top left no-repeat; border: 0; height: 30px; }

.folderlist { width: 135px; margin:0 10px 15px 15px; padding: 0px; float:left; }
.sitemap { width: 940px; margin:15px 30px 25px 30px; padding: 5px; background: url(../images/bg_line02.gif) repeat top left ; }

.sitemaplist { margin: 10px 60px 10px 60px; padding:0;}
.sitemaplist ul { margin: 0; padding: 0; list-style: none; }
.sitemaplist li { margin: 0; padding: 2px; float: left; list-style: none; }
.sitemaplist li a:link, .sitemaplist li a:visited { display: block; padding: 1px; margin: 0 8px 0 0; text-decoration: none; color: #0187c5;}
.sitemaplist li a:hover, .sitemaplist li a:active { color:#FF9900; }

.top { margin-right:15px ; padding: 0; height:20px; width: 52px; float: right; cursor: pointer; }
.footer { margin: 5px 0 15px 42px; width: 920px; text-align: center; line-height: 1.5em; }

.searchbar { width:920px; height: 36px; border: 2px solid #999999; margin: 0 0 10px 38px; }
.searchkey { width:650px; height: 23px; margin: 0 0 12px 160px; }
.searchkey ul { margin: 0; padding: 0; list-style: none; }
.searchkey li { margin: 0; padding: 3px 4px 0 5px ; float: left;}
.searchkey li a:link, .searchkey li a:visited { display:black; margin: 0; padding: 0px 2px 0 2px; color: #0187c5; text-decoration: none;}
.searchkey li a:hover, .searchkey li a:active { color: #ff9900; }

/* 文字顏色設定 */
.colorwhite { color: #FFFFFF; }
.colororange { color: #FF9900; }
.color33 { color: #333333; }

/* 文字大小設定 */
.font13px { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.font15px { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }


/* 連結設定 */
a img { border: none; color: white; background: transparent; }

a:link{color:#003399;text-decoration:none;}
a:visited{color:#003399;text-decoration:none;}
a:hover{color:#FF6600;cursor:pointer;text-decoration:underline;}
a:active{color:#FF6600;text-decoration:none;}


a.linkwhite ,a.linkwhite:visited  {color: white; text-decoration: none;}
a.linkwhite:hover ,a.linkwhite:active	{color: #ff4400;}

a.linkblue01 ,a.linkblue01:visited  {color: #0187c5; text-decoration: none;}
a.linkblue01:hover ,a.linkblue01:active	{color: #ff9900;}

a.linkblack01 ,a.linkblac01:visited  {color: #333333; text-decoration: none;}
a.linkblack01:hover ,a.linkblac01:active	{color: #ff9900;}


.clearboth { clear: both; }