@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 *{box-sizing: border-box;}
.PageMenu { width:260px; height:auto;overflow:hidden; float:left; margin:30px 0; background:#45617a;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.PageMenu h1 { width:260px; font-size:18px; height:60px; line-height:60px; display:block; margin:0 auto; background:url(../../images/NewLayout/Bg_PageMenu_newsEvents.jpg) no-repeat; text-indent:-9999px;}
.PageMenu ul.Menu { padding:0; margin:0; list-style:none;width:256px; height:auto; overflow:hidden; margin:0 auto; background:#f6f6f6; margin:0 2px; margin-bottom:2px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px; 
}
.PageMenu ul.Menu li{ background:url(../../images/NewLayout/Bg_Menu_Li.jpg) 10px 19px no-repeat; height:auto; overflow:hidden;}
.PageMenu ul.Menu li:hover { background-color:#d3d3d3;}
.PageMenu ul.Menu li a:link { display:block; padding:0; margin:0; list-style:none;width:241px; height:auto; line-height:45px; padding:0 5px; padding-right:0; margin-left:15px; text-indent:5px; font-size:16px; color:#313131; text-decoration:none;}
.PageMenu ul.Menu li a:visited { color:#313131;}
.PageMenu ul.Menu li a:hover { color:#00284e; background:url(../../images/NewLayout/Bg_Menu_Li_o.png) right center no-repeat;background-color:#d3d3d3;}
.PageMenu ul.Menu li a:active { color:#00284e;}
.PageMenu ul.Menu li ul.SubMenu { float:left; width:256px; padding:0; background:#ececec;}
.PageMenu ul.Menu li ul.SubMenu li { width:256px; padding:0 10px; background:none;height:auto;  line-height:45px; padding:0; text-indent:40px; font-size:16px; }
.PageMenu ul.Menu li ul.SubMenu li ul li { width:256px; overflow:hidden;}
.PageMenu ul.Menu li ul.SubMenu li a:link { height:auto; line-height:45px; width:256px; padding:0 10px; color:#313131; margin:0; text-indent:15px;}
.PageMenu ul.Menu li ul.SubMenu li a:visited { color:#313131; background:url(../images/Bg_SubMenu_Li.gif);}
.PageMenu ul.Menu li ul.SubMenu li a:hover { color:#00284e; }
.PageMenu ul.Menu li ul.SubMenu li a:active { color:#00284e;}

.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi{ width:100%;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:link{ width:100%; background:none; color:#6c6c6b; text-indent:10px;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:visited{color:#6c6c6b;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:active{color:#0477b4;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:hover  { color:#0477b4;}

.PageMenu ul.Menu li ul.SubMenu2 li{clear:both;}*/

.PageMenu *{box-sizing: border-box;}
.PageMenu { width:280px; height:auto;overflow:hidden; float:left; margin:30px 0; background:#45617a;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.PageMenu h1 { width:280px; font-size:18px; height:60px; line-height:60px; display:block; margin:0 auto; background:url(../../images/NewLayout/Bg_PageMenu_newsEvents.png) no-repeat; text-indent:-9999px;
background-color: rgb(75, 109, 138);
background-color: -moz-linear-gradient(90deg, rgb(75, 109, 138) 0%, rgb(69, 97, 124) 100%);
background-color: -webkit-linear-gradient(90deg, rgb(75, 109, 138) 0%, rgb(69, 97, 124) 100%);
background-color: -o-linear-gradient(90deg, rgb(75, 109, 138) 0%, rgb(69, 97, 124) 100%);
background-color: -ms-linear-gradient(90deg, rgb(75, 109, 138) 0%, rgb(69, 97, 124) 100%);
background-color: linear-gradient(180deg, rgb(75, 109, 138) 0%, rgb(69, 97, 124) 100%);
}
.PageMenu ul.Menu { padding:0; margin:0; list-style:none;width:276px; height:auto; overflow:hidden; margin:0 auto; background:#f6f6f6; margin:0 2px; margin-bottom:2px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px; 
}
.PageMenu ul.Menu li{ background:url(../../images/NewLayout/Bg_Menu_Li.jpg) 10px 19px no-repeat; height:auto; overflow:hidden;}
.PageMenu ul.Menu li:hover { background-color:#d3d3d3;}
.PageMenu ul.Menu li a:link { display:block; padding:0; margin:0; list-style:none;width:261px; height:auto; line-height:45px; padding:0 5px; padding-right:0; margin-left:15px; text-indent:5px; font-size:18px; font-weight:bold; color:#313131; text-decoration:none;}
.PageMenu ul.Menu li a:visited { color:#313131;}
.PageMenu ul.Menu li a:hover { color:#00284e; background:url(../../images/NewLayout/Bg_Menu_Li_o.png) right center no-repeat;background-color:#d3d3d3;}
.PageMenu ul.Menu li a:active { color:#00284e;}
.PageMenu ul.Menu li ul.SubMenu { float:left; width:276px; padding:0; background:#ececec;}
.PageMenu ul.Menu li ul.SubMenu li { width:276px; padding:0 10px; background:none;height:auto;  line-height:45px; padding:0; text-indent:40px; font-size:16px; }
.PageMenu ul.Menu li ul.SubMenu li ul li { width:276px; overflow:hidden;}
.PageMenu ul.Menu li ul.SubMenu li a:link { height:auto; line-height:45px; width:276px; padding:0 10px; color:#313131; margin:0; text-indent:15px; font-size:16px; font-weight: normal; }
.PageMenu ul.Menu li ul.SubMenu li a:visited { color:#313131; background:url(../images/Bg_SubMenu_Li.gif);}
.PageMenu ul.Menu li ul.SubMenu li a:hover { color:#00284e; background:none; }
.PageMenu ul.Menu li ul.SubMenu li a:active { color:#00284e;}

.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi{ width:100%;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:link{ width:100%; background:none; color:#6c6c6b; text-indent:10px;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:visited{color:#6c6c6b;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:active{color:#0477b4;}
.PageMenu ul.Menu li ul.SubMenu li ul li.submenuLi a:hover  { color:#0477b4;}

.PageMenu ul.Menu li ul.SubMenu2 li{clear:both;}


/*1-2.內頁內容設定
------------------------*/
.PageContent { width:960px; height:auto; overflow:hidden; float:right; margin:30px 0; min-height:200px;}
.PageContent .PageTitle { width:100%; height:54px; border-bottom:1px solid #ccc; float:left;}
.PageContent .PageTitle h1 { height:54px; line-height:54px; float:left; font-size:26px; color:#00284e; padding:0; margin:0;}
.BreadCrumbs { width:100%; height:54px; line-height:54px; float:left; font-size:16px; color:#989898; padding:0; margin:0;}
.BreadCrumbs a:link { display:inline; color:#989898; text-decoration:none;}
.BreadCrumbs a:visited { color:#989898;}
.BreadCrumbs a:hover { color: #333;}
.BreadCrumbs a:active { color:#333;}
.PageContent .PageArticle { width:100%; height:auto; overflow:auto; float:left; margin:20px 0;}
.PageContent .PageArticle h1 { font-size:20px; color:#333333; line-height:30px;}
.PageContent .PageArticle p { font-size:18px; color:#666666; 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:#496a89; margin:20px auto;}
a.GoBack:visited { color:#fff; background:#496a89; }
a.GoBack:hover { color:#fff; background:#193d5d;}
a.GoBack:active { color:#fff; background:#193d5d;}


/*2-2.內頁內容設定
------------------------*/
.PageContent .PageNews li a:link { color:#333333; text-decoration:none; display:block;}
.PageContent .PageNews li a:visited { color:#333333;}
.PageContent .PageNews li a:hover { color:#44627c;}
.PageContent .PageNews li a:active { color:#44627c;}
.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;}

.PageContent .PageArticle img{ max-width:930px;}