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

/*li { list-style:none; text-align:left; float:left;}
a { /*display:block; text-decoration:none;}*/
body { background:#fff;}

/*1-1.內頁分頁選單設定
------------------------*/
.PageMenu { width:240px; height:auto; background:url(../images/Bg_PageMenu_Top.jpg) no-repeat; overflow:hidden; float:left; margin-top:10px; margin-bottom:20px;}
.PageMenu h1 { width:205px; font-size:18px; height:54px; line-height:54px; border-bottom:1px solid #ccc; display:block; margin:0 auto; padding-left:15px; font-weight:normal;}
.PageMenu ul.Menu { width:240px; height:auto; overflow:hidden; margin:0 auto; background:url(../images/Bg_PageMenu_Bottom.jpg) no-repeat left bottom; padding-bottom:20px;}
.PageMenu ul.Menu li { width:220px; height:auto; line-height:45px; background:url(../images/Bg_PageMenu_Middle.jpg) repeat-y; font-size:14px; padding:0 10px; text-indent:25px; font-size:14px; list-style:none; text-align:left; float:left;}
.PageMenu ul.Menu li a:link { width:220px; min-height:45px; height:auto; overflow:hidden; background:url(../images/Bg_Menu_Li.gif) no-repeat; border-bottom:1px solid #eee; color:#555;display:block; text-decoration:none;}
.PageMenu ul.Menu li a:visited { color:#555; border-bottom:1px solid #eee;}
.PageMenu ul.Menu li a:hover { color:#111; background:url(../images/Bg_Menu_Li_o.gif) no-repeat; border-bottom:1px solid #eee;}
.PageMenu ul.Menu li a:active { color:#111; background:url(../images/Bg_Menu_Li_o.gif) no-repeat; border-bottom:1px solid #eee;}
.PageMenu ul.Menu li a span { width:195px; height:auto; min-height:20px; line-height:20px; display:block; float:right; text-indent:0; padding:12.5px 0; cursor:pointer;}
.PageMenu ul.Menu li ul.SubMenu { float:left; width:220px; 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:200px; overflow:hidden;list-style:none; text-align:left; float:left;}
.PageMenu ul.Menu li ul.SubMenu li a:link { height:35px; min-height:0; line-height:36px; width:220px; color:#777; background:url(../images/Bg_SubMenu_Li.gif); border-bottom:1px dotted #eee;display:block; text-decoration:none;}
.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:735px; height:auto; overflow:visible; float:right; margin-top:10px; margin-bottom:20px;}
.PageContent .PageTitle { width:100%; height:auto; border-bottom:1px solid #ccc; float:left;}
.PageContent .PageTitle h1 { height:auto; line-height:24px; padding:15px 0; float:left; font-size:18px; color:#000;}
.PageContent .PageTitle .BreadCrumbs { height:54px; line-height:54px; float:right; font-size:12px; color:#999;}
.PageContent .PageTitle .BreadCrumbs a:link { display:inline; color:#999;}
.PageContent .PageTitle .BreadCrumbs a:visited { color:#999;}
.PageContent .PageTitle .BreadCrumbs a:hover { color:#000;}
.PageContent .PageTitle .BreadCrumbs a:active { color:#000;}
.PageContent .PageArticle { width:100%; height:auto; overflow:auto; float:left; margin:20px 0;}
.PageContent .PageArticle h1 { font-size:18px; color:#000; line-height:30px;}
.PageContent .PageArticle p { font-size:14px; color:#444; margin:1.6em 0; line-height:1.5em;}
.PageContent .PageNews{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.PageContent .PageNews li{ width:100%;list-style:none; height:auto; padding:10px 0; line-height:26px; border-bottom:#999 1px dotted; color:#333; font-size:16px;}


/*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.內頁內容設定
------------------------*/
.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;}


/*圖片外框*/
.ImgBorder{
	border:#cccccc 1px solid;
	background-color:#ffffff;
	text-align: center;  		/* 相片水平居中 */
	vertical-align: middle;  	/* 相片垂直居中 */
	padding: 6px;
}
.ImgBorder02{border:#cccccc 1px solid;}
.ImgBorder03{
	border:#cccccc 1px solid;
	background-color:#ffffff;
	text-align: center;  		/* 相片水平居中 */
	vertical-align: middle;  	/* 相片垂直居中 */
	padding: 4px;
}

.ShowImgBorder{border:#cccccc 1px solid;}
.ShowImgBorderOn{border:#900 1px solid;}

form .Div-W1000 { overflow:visible;}


.BTN_Back { width:36px; height:36px; background:url(../Images/BTN_Back.png) no-repeat left; display:block; float:right; line-height:36px; text-align:right; font-size:16px; font-weight:normal;}
.BTN_Back:hover { background:url(../Images/BTN_Back_o.png) no-repeat; color:#fff67f; text-decoration:none;}