@charset "utf-8";
/* 優吉兒網頁編號Link開發
   開發日期:2014/1/23
   開發人員：Jay
----------------------------------*/
@import url('../../css/ugC_Main.css');

/*================================================================1.基礎樣式設定(不能修改)======================================================================*/
body { position:relative;}

/*1-1.內頁內容版頭+麵包屑設定
------------------------*/
.PageTitle { width:1000px; height:50px; overflow:hidden; margin:0 auto;}
.PageTitle h1 { font-size:20px; height:30px; line-height:30px; float:left;}
.PageTitle .BreadCrumbs { height:50px; line-height:50px; font-size:12px; float:right;}
.PageTitle .BreadCrumbs a { text-decoration:none;}

/*1-2.內頁分頁選單設定
------------------------*/
.PageMenu { width:100%; min-width:1000px; height:45px; background:url(../images/Bg_PageMenu.jpg); background-repeat:repeat-x; overflow:visible; margin:0 auto;}
.PageMenu ul { width:1000px; height:45px; overflow:visible; margin:0 auto;}
.PageMenu li { width:140px; height:45px; line-height:50px; float:left; background:url(../images/Bg_PageMenuLi.jpg); background-repeat:no-repeat; text-align:center; list-style:none; margin:0 5px; font-size:14px;}
.PageMenu li a:link { width:140px; height:45px; display:block; text-decoration:none; color:#919192; background:url(../images/Bg_PageMenuLiA.jpg);}
.PageMenu li a:visited { color:#919192;}
.PageMenu li a:hover { color:#000;}
.PageMenu li a:active { color:#000;}
.PageMenu li .SubMenu { width:100%; min-width:1000px; min-height:35px; height:auto; overflow:hidden; position:absolute; top:445px; left:0; border-bottom:1px solid #ccc; z-index:9999; background:#fff;}
.PageMenu li .SubMenu ul { width:1000px; min-height:35px; height:auto; overflow:visible; margin:5px auto;}
.PageMenu li .SubMenu ul li.SubMenuLi { min-height:35px; height:auto; line-height:35px; background:url(../images/SubMenuLi.png)no-repeat center 20px; font-size:12px; font-weight:normal; color:#000; overflow:visible;}
.PageMenu li .SubMenu ul li.SubMenuLi a:link { height:35px; line-height:35px; color:#777; background:none; background:#fff;}
.PageMenu li .SubMenu ul li.SubMenuLi ul.Sub2Menu { width:1000px; height:auto; overflow:hidden; background:#eee; margin:0 auto; padding:10%; display:none;margin-bottom:10px;}
.PageMenu li .SubMenu ul li.SubMenuLi ul.Sub2Menu li { width:10%; height:30px; line-height:30px; font-size:12px; background:none; text-align:center; padding:0; margin:0;}
.PageMenu li .SubMenu ul li.SubMenuLi ul.Sub2Menu li a { width:100%; height:30px; line-height:30px;}
.PageMenu li .SubMenu ul li.SubMenuLi:hover { background:url(../images/SubMenuLi.png) no-repeat center 20px;}
.PageMenu li .SubMenu ul li.SubMenuLi:hover a { color:#000; background:url(../images/SubMenuLi.png) no-repeat center 20px;!important}
.PageMenu li .SubMenu ul li.SubMenuLi:hover > ul.Sub2Menu { display:block;}
.PageMenu li .SubMenu ul li.SubMenuLi:hover > ul.Sub2Menu li a { color:#999;}
.PageMenu li .SubMenu ul li.SubMenuLi:hover > ul.Sub2Menu li a:hover { color:#555; text-decoration:underline;}


/*1-2.內頁內容設定
------------------------*/
.PageContent { width:100%; min-width:1000px; height:auto; overflow:hidden; padding:50px 0; background:#fff; float:left; padding-top:60px;}
.PageContent .PageLink{ width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.PageContent .PageLink li { list-style:none; min-height:92px; height:auto; line-height:46px; border-bottom:#999 1px dotted; color:#333; font-size:16px; overflow:hidden;}
.PageContent .PageArticle { width:980px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto;}
.PageContent .PageArticle .PageArticleH1 { font-size:20px; height:2em; line-height:2em; margin-bottom:1em;}
.PageContent .PageArticle p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.PageContent .PageArticle h2 { font-size:16px; line-height:1.5em; height:1.5em; color:#000; margin-bottom:1em;}
.PageContent .PageArticle img { width:512px; height:auto; margin-bottom:1em;}
.PageContent .PageArticle img.Large { width:1000px; height:auto;}
.PageContent .PageArticle img.Small { width:150px; height:auto;}

/*1-3.回上一頁按鈕設定
------------------------*/
a.GoBack:link { width:120px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:12px; text-decoration:none; display:block; background:#666; margin:20px auto;}
a.GoBack:visited { color:#fff; background:#666; }
a.GoBack:hover { color:#fff100; background:#333;}
a.GoBack:active { color:#fff100; background:#333;}

/*================================================================2.個別樣式設定(可以依設計修改樣式)======================================================================*/

/*2-1.內頁內容版頭+麵包屑設定
------------------------*/
.PageTitle { background:url(../images/PageTitle.png); background-repeat:no-repeat; background-position:center bottom;}
.PageTitle h1 { color:#fff; border-left:#fef224 10px solid; margin:10px 0; padding-left:10px;}
.PageTitle .BreadCrumbs { color:#fff;}
.PageTitle .BreadCrumbs a:link { color:#fff;}
.PageTitle .BreadCrumbs a:visited { color:#fff;}
.PageTitle .BreadCrumbs a:hover { color:#fef224; text-decoration:underline;}
.PageTitle .BreadCrumbs a:active { color:#fef224; text-decoration:underline;}

/*2-2.內頁內容設定
------------------------*/
.PageContent .PageLink li div{ float:left;}
.PageContent .PageLink li a{width:100%; height:auto;}
.PageContent .PageLink li a:link { color:#333; text-decoration:none; display:block;}
.PageContent .PageLink li a:visited { color:#000;}
.PageContent .PageLink li a:hover { color:#008cd6;}
.PageContent .PageLink li a:active { color:#008cd6;}
.PageContent .PageLink time { float:left; margin:0 20px; color:#666;}
.PageContent .PageLink li a:hover time { color:#000;}
.PageContent .PageLink li a img { width:188px; height:auto;}

.ImgBorder02{border:#cccccc 1px solid;}


.css_AlbumFrame{float:left; margin-right:8px; width:240px; height:240px; overflow:hidden; margin-bottom:10px; margin-top:10px;border:1px solid #ccc;  }
.css_AlbumFrameImage{ text-align:center; height:240px;  }
/*.css_AlbumFrameImage table { table-layout:fixed;}
.css_AlbumFrameImage table td { vertical-align:middle; width:235px; height:235px;}
.css_AlbumFrameImage table td img { max-width:200px; height:auto; max-height:200px;}*/
.css_AlbumFrameTitle{text-align:center; width:100%; height:60px; overflow:hidden;}
.css_AlbumFrameTitle a { color:#000; line-height:1.5em; padding:5px 0;}

.css_AlbumPhotoFrame{float:left; margin-right:8px; width:240px; height:240px; overflow:hidden; margin-bottom:10px; margin-top:10px; border:1px solid #ccc;  }
.css_AlbumPhotoFrameImage{ text-align:center; height:240px;  }
.css_AlbumPhotoFrameImage table { table-layout:fixed;}
.css_AlbumPhotoFrameImage table td { vertical-align:middle; width:240px; height:240px; height:auto;}
.css_AlbumPhotoFrameImage table td img { max-width:235px; height:auto; max-height:235px; border:1px solid #ccc; }
.css_AlbumPhotoFrameTitle{text-align:center; margin:10px 0;}
.css_AlbumPhotoFrameTitle a { color:#000;}

.PageMenuContent { width:100%; height:auto; overflow:hidden; margin:0 auto; background:#fff;}
.PageMenuContent .Div-W1000 { width:1000px; padding-top:50px;}

#divShowImg img { max-width:1000px; height:auto;}