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


body { background:#fff;}
img { border:0;}
.PageArticle div { width:100%; height:auto; overflow:hidden;}
.contentW .W100BW { width:100%; height:auto; overflow:hidden; width:920px; padding:0 20px; margin:0 auto; margin-top:20px; background:none; min-width:920px;}
.contentW{ width:1000px; height:auto; overflow:hidden; margin:0 auto; background:url(../images/Def_contentBg.jpg) repeat-y ;}
.W100BW .def_contentW{ width:99%; padding-left:1%; height:auto; overflow:hidden; margin-bottom:20px;}


/*1-1.內頁分頁選單設定
------------------------*/
.PageMenu { width:240px; height:auto; overflow:hidden; float:left; margin-top:10px; width:25%;}
.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;}
.PageMenu ul.Menu { padding:0; margin:0; list-style:none; width:240px; height:auto; overflow:hidden; margin:0 auto; background:url(../images/Bg_PageMenu_Bottom.jpg) no-repeat bottom; padding-bottom:20px;}
.PageMenu ul.Menu li { padding:0; margin:0; list-style:none;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;}
.PageMenu ul.Menu li a:link { width:220px; height:45px; 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 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;}
.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.內頁內容設定
------------------------*/
.PageTitle { width:920px; height:65px;}
.PageTitle h1 { padding:0; margin:0;}
.PageTitle h1.ContentTitle { background:url(../images/ContentTitle.jpg) no-repeat 0 0; text-indent:-9999px; width:920px; height:65px;}
.PageTitle .BreadCrumbs { display:none; }

.PageContent { width:735px; height:auto; overflow:hidden; float:right; margin-top:10px; margin-bottom:20px;width:650px; width:72%; padding-left:3%;}
.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:18px; color:#000; padding:0; margin:0;}
.PageContent .PageTitle .BreadCrumbs { height:54px; line-height:54px; float:right; font-size:12px; color:#999; padding:0; margin:0;}
.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:100%; height:auto; overflow:hidden; float:left; margin:10px 0;}
.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 { color:#000; display:inline; text-decoration:underline;}

.ContentBottom {width:1000px; min-width:1000px; padding:5px 0; overflow:hidden;  background:#f28b1d; position:relative; height:60px; background: url(../images/Def_contentBottom.jpg) no-repeat; margin:0 auto; }

.dateTable{ font-size:14px;}
.dateTable a{ text-decoration:none; color:#666;}
.Calday {
  background: #FFFFFF;
}
.CalNoday {
  background: #f4f4f4;
}
.CalToday {
  border: #FF0000 1px solid;
  background: #FFFFCC;
}
.CalWeekday {
  background: #F2F2F2;
  color: #414141;
}
td.td_right {
  text-align: left;
  font-family: '微軟正黑體';
  padding: 3px;
  border-bottom: 1px solid #d2a48c;
  line-height: 28px;
  border-left: 1px solid #d2a48c;
  padding-left: 10px;
  min-height: 24px;
  background:#fff;
  background-repeat: repeat-y;
  font-size: 16px;
}

.Bu_cancel{ margin-top:20px; border:0; outline:0; width:70px; height:26px; text-indent:-9999px; background:url(../../images/Share/Bu_cancel.gif) no-repeat;}
.Bu_cancel:hover{ background:url(../../images/Share/Bu_cancel_o.gif) no-repeat;}

td {
  font-size: 12pt;
  color: #282828;
  font-family: 'Trebuchet MS';
  text-decoration: none;
  line-height: 150%;
  /* word-break: break-all; */
}
.Icon_ClassroomAppointments a{ display:block; width:250px; height:35px; background:url(../images/Icon_ClassroomAppointments.gif) 0 0 no-repeat; text-indent:-9999px;}
.Icon_ClassroomAppointments a:hover { width:250px; height:35px; background:url(../images/Icon_ClassroomAppointments_o.gif) 0 0 no-repeat;}
.Icon_ClassroomCancel a{ display:block; width:250px; height:35px; background:url(../images/Icon_ClassroomCancel.gif) 0 0 no-repeat; text-indent:-9999px;}
.Icon_ClassroomCancel a:hover{ display:block; width:250px; height:35px; background:url(../images/Icon_ClassroomCancel_o.gif) 0 0 no-repeat; text-indent:-9999px;}






.PageArticle h1{color:#9a6930; font-weight:normal; font-size:18px;}
/*.PageArticle img{ width:100%; height:auto;}*/
.PageArticle a{ color:#9a6930; text-decoration:none;}
.PageArticle a:hover{ text-decoration: underline;}

.Header .Nav li.MainMenuLi:hover .MainMenuSub { display:none;}
.box_skitter .prev_button, .box_skitter .next_button{ display:none;}