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

/*================================================================1.基礎樣式設定(不能修改)======================================================================*/

/*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:hidden; margin:0 auto;}
.PageMenu ul { width:1000px; height:45px; overflow:hidden; 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;}

/*1-2.內頁內容設定
------------------------*/
.PageContent { width:100%; min-width:1000px; height:auto; overflow:hidden; padding:50px 0; background:#fff; float:left;}
.PageContent .PageNews{ width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.PageContent .PageNews li { list-style:none; height:46px; line-height:46px; border-bottom:#999 1px dotted; color:#333; font-size:16px;}
.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 { max-width:980px; height:auto; margin-bottom:1em;}
.PageContent .PageArticle img.Large { width:1000px; height:auto;}
.PageContent .PageArticle img.Small { width:150px; height:auto;}
.PageContent img.Photo { width:320px; margin-right:20px; float:left; border:1px solid #ccc;}
.PageContent table { table-layout:fixed;}
.PageContent td { padding:20px 10px; border:1px solid #fff;}
.PageContent td strong{ color:#0099FF;}

/*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; padding:5px 0;}
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 .PageNews li a:link { color:#333; text-decoration:none; display:block;}
.PageContent .PageNews li a:visited { color:#000;}
.PageContent .PageNews li a:hover { color:#008cd6;}
.PageContent .PageNews li a:active { color:#008cd6;}
.PageContent .PageNews time { float:left; margin:0 20px; color:#666;}
.PageContent .PageNews li a:hover time { color:#000;}
.PageContent .PeopleIntro {width:958px; height:auto; overflow:hidden; margin:0 auto; border:1px solid #eee; padding:20px; margin-bottom:50px;}

/*2014.9.9 Jay 新增*/
.PContentWrapper { width:100%; height:auto; overflow:hidden; margin:30px auto; background:#eee; margin-bottom:50px;}
.PContent { width:95%; height:auto; padding:2.5%; overflow:hidden; margin:0 auto;width:97%; padding:1.5%;}
.Name { width:95%; height:60px; padding:0 2.5%; line-height:60px; background:#0099FF; overflow:hidden; margin:0 auto; text-align:left; color:#fff; }
.Name a.More { float:right; width:40px; height:auto; overflow:hidden; display:block; margin:10px 0;}
.Name a.More img { max-width:100%; height:auto;}
.PContent_L { width:30%; height:auto; float:left; overflow:hidden;}
.PContent_L .Photo { width:100%; height:auto; overflow:hidden; display:block;}
.PContent_L .Photo img { max-width:100%; height:auto;}
.PContent_R { width:68.5%; height:auto; float:right; overflow:hidden;}
.PContent_R table { background:#f5f4f4;}
.PContent_R table th { width:20%; text-align:center; background:#e8e8e8; color:#333; border:1px solid #fff;}
.PContent_R table td { width:70%; padding:10px 5%; text-align:left;}
.PContent_R table td p{ margin:0;}
.PContent_R table td  h3.r{ margin:0;}