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

body { background:#fff;}

/*1-1.內頁分頁選單設定
------------------------*/
.PageMenu { width:260px; height:auto; background: url(../../images/NewLayout/PageMenu_Top_Bg.png) no-repeat; overflow:hidden; float:left; margin-top:38px;}
.PageMenu p { font-size:12px; padding:0; margin:0 ; padding-left:15px; color:#FFF; padding-top:10px;}
.PageMenu h1 { width:260px; font-size:20px;display:block; margin:0 auto; padding-left:15px; color:#FFF; margin-top:-20px; margin-bottom:6px; font-weight:300;}
.PageMenu ul.Menu { padding:0; margin:0; list-style:none; width:261px; height:auto; overflow:hidden; margin:0 auto; background: url(../../images/NewLayout/PageMenu_Bottom_Bg.png) no-repeat bottom; padding-bottom:30px;}
.PageMenu ul.Menu li { padding:0; margin:0; list-style:none;width:260px; height:auto; line-height:45px; background: url(../../images/NewLayout/PageMenu_Bg.png) repeat-y; font-size:18px; padding:0; text-indent:25px; padding-top:5px; }
.PageMenu ul.Menu li a:link { width:260px; height:40px; color:#555; display:block; text-decoration:none;margin-left:-10px; background:url(../../images/NewLayout/PageMenu_Line.png) bottom no-repeat; }
.PageMenu ul.Menu li a:visited { color:#555; }
.PageMenu ul.Menu li a:hover { color:#a17e3e;}
.PageMenu ul.Menu li a:active { color:#a17e3e; }
.PageMenu ul.Menu li ul.SubMenu { float:left; width:260px; padding:0;}
.PageMenu ul.Menu li ul.SubMenu li { width:220px; padding:0 10px; background:none; line-height:35px; padding:0; text-indent:40px; font-size:14px; }
.PageMenu ul.Menu li ul.SubMenu li ul li { width:260px; overflow:hidden;}
.PageMenu ul.Menu li ul.SubMenu li a:link { height:35px; line-height:36px; width:220px; color:#777; background:url(../images/Bg_SubMenu_Li.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu li a:visited { color:#777; background:url(../images/Bg_SubMenu_Li.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu li a:hover { color:#333; background:url(../images/Bg_SubMenu_Li_o.gif); border-bottom:1px dotted #eee;}
.PageMenu ul.Menu li ul.SubMenu li a:active { color:#333; background:url(../images/Bg_SubMenu_Li_o.gif); border-bottom:1px dotted #eee;}

/*1-2.內頁內容設定
------------------------*/
.PageContent { width:745px; height:auto; overflow:hidden; float:right; margin-top:30px; margin-bottom:20px;}
.PageContent .PageTitle { width:100%; height:67px; float:left; background:url(../../images/NewLayout/Content_Title_Bg.png) no-repeat;}
.PageContent .PageTitle h1 { height:67px; line-height:67px; float:left; font-size:20px; color:#594e4c; padding:0; margin:0; padding-top:5px; padding-left:47px;font-weight:500;}
.PageContent .PageTitle .BreadCrumbs { height:647px; line-height:67px; float:right; font-size:12px; color:#999; padding:0; margin:0;  padding-top:5px; padding-right:20px; }
.PageContent .PageTitle .BreadCrumbs a:link { display:inline; color:#999; text-decoration:none;}
.PageContent .PageTitle .BreadCrumbs a:visited { color:#999;}
.PageContent .PageTitle .BreadCrumbs a:hover { color:#000;}
.PageContent .PageTitle .BreadCrumbs a:active { color:#000;}
.PageContent .PageArticle { width:695px; height:auto; overflow:hidden; float:left; padding:20px 25px;; background:url(../../images/NewLayout/Content_Bg.png) repeat-y;}
.PageContent .PageArticle h1 { font-size:20px; color:#000; line-height:1.6em; height:1.6em; margin-bottom:0.5em;}
.PageContent .PageArticle p {  font-size:16px; color:#444; margin:0 0 1.6em 0; line-height:1.6em;}
.PageContent .PageArticle p  a:link { color:#a17e3e; display:inline; text-decoration:none;}
.PageContent .PageArticle p  a:hover { color:#a17e3e; display:inline; text-decoration:underline;}
.PageContent .PageArticle p  a:visited { color:#a17e3e; display:inline; text-decoration:none;}
.PageContent .PageArticle td a:link { color:#a17e3e; display:inline; text-decoration:none;}
.PageContent .PageArticle td a:hover { color:#a17e3e; display:inline; text-decoration:underline;}
.PageContent .PageArticle td a:visited { color:#a17e3e; display:inline; text-decoration:none;}
.PageContent .PageArticle td img { display:block; width:90px; max-width:100%; margin:0 auto;}
.PageContent .PageArticle td img ~ span { display:block; width:100%; height:auto; overflow:hidden; text-align:center; font-size:12px; margin:2.5px 0;}

.PageContent .PageArticle .past td a:link,
.PageContent .PageArticle .past td a:visited,
.PageContent .PageArticle .past td a:hover,
.PageContent .PageArticle .past td a:visited { color:#000; display:inline; text-decoration:none; cursor:default;}

.PageContent .PageArticle .past.now td { width:118px;}
.PageContent .PageArticle .past.now td:first-child { width:calc( 100% - 590px );}

.W1020 { width:1020px; padding-bottom:30px; }