body
{
    font-family:Arial, sans-serif;
    font-size:12px;
    color:#333; 
	line-height:1.5;
    padding:0; margin:0;
	background:url(/sys/res/themes/1011/images/body_bg.jpg) repeat center 357px;
    text-align:center;
}

a:link	{color:#44f; text-decoration:none}
a:hover	{color:#f00; text-decoration:none}
a:visited{color:#227; text-decoration:none}

.clear	{clear:both}

/*
<div id=base>
  <div id=sysbar/>
  <div id=mainbody>
    <div id=banner>
      <div id=title/>
      <div id=info/>
      <div id=tool/>
    </div>

    <div id=content>
      <div id=menu>
        <div class=box/>
        ...
      </div>
      <div id=main>
        <div class=box/>
        ...
      </div>      
    </div>

    </div>
    <div id=copyright/>
</div>
*/

/* layout */
#base	{background:url(/sys/res/themes/1011/images/base_bg2.jpg) repeat-x center top}
#base2	{background:url(http://tlrc.hhvs.tp.edu.tw/sysdata/73/2773/album/af837ed0458302bb/171_b9ec4649.png) no-repeat center top}
#base3	{padding-top:5px; margin:0 auto; width:1650px}
    #sysbar		{font-size:11px; margin:0 auto 10px}
    #mainBody	{text-align:left}
        #banner	{text-align:right; height:246px}
        #content{}
            #main	{background:url(http://tlrc.hhvs.tp.edu.tw/sysdata/73/2773/album/af837ed0458302bb/168_b4b6c1fb.gif) repeat-y 4px 0px; float:left; overflow:hidden; width:1400px}
            #main2	{background:url(http://tlrc.hhvs.tp.edu.tw/sysdata/73/2773/album/af837ed0458302bb/168_b4b6c1fb.gif) no-repeat 4px 0px}
            #main3	{background:url(http://tlrc.hhvs.tp.edu.tw/sysdata/73/2773/album/af837ed0458302bb/168_b4b6c1fb.gif) no-repeat 4px bottom; padding:40px 17px 75px 20px; min-height:150px}
			#menu	{float:right; width:236px; overflow:hidden; margin-top: 65px; margin-right:6px; _margin-right:3px}
			#menu a			{color:#06f}
			#menu a:hover	{color:#f00}
			
    #copyright	{padding:5px 25px 80px; text-align:center}


/* banner */
#banner .title  {color:#00417d; font-size:30px; font-weight:bold; font-family:Comic Sans MS,sans-serif}
#banner .info   {color:#00498d; float:right; width:400px; margin-top:3px}

/* banner tool */
#tool	{float:right; margin-top:-5px}
#tool ul	{list-style-type:none; margin:0; padding:0}
#tool li	{float:left; font-weight:bold; margin-left:20px}
#tool a:link	{color:#555}
#tool a:visited	{color:#555}
#tool a:hover	{color:#f00}

/* menu */
#menu .box	{background: url(/sys/res/themes/1011/images/menu_box.gif) repeat-y; white-space:nowrap}
#menu .box2	{background: url(/sys/res/themes/1011/images/menu_box2jpg) no-repeat}
#menu .box3	{background: url(/sys/res/themes/1011/images/menu_box3.jpg) no-repeat left bottom; margin-bottom:6px; padding: 17px 12px 30px; *margin-bottom:0px; _padding-bottom:0px}
#menu .boxHeader{border-bottom: 1px dashed #000; font-weight:bold; color:#000; font-size:14px}
#menu .boxBody	{padding-top:5px; _padding-bottom:20px}
#menu .boxFooter{height:10px}
#menu .boxItem	{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#menu .hr		{border-top:1px solid #edc; margin:0px 0px 5px 0px}
#menu .title	{color:#666; font-weight:bold}

/* main */
#main .box		{padding-bottom:20px}
#main .boxBody	{}
#main .boxFooter{}
#main .iframe	{width:100%; border:none; margin:5px 0px 0px} 

.tableBox			{margin-bottom:5px; padding:1px 0px; border-top:1px solid #777; border-bottom:1px solid #aaa}
.table				{width:100%; border-collapse:collapse; table-layout:fixed}
.table  .td			{border-top:1px solid #fff; border-left:1px solid #fff; padding-left:2px}
.table  .header		{font-size:10.5px; background-color:#865; color:#fff; letter-spacing:2px}
.table  .header .td	{text-align:center}
.table  .header A		{color:#fff}
.table  .header :visited{color:#fff}
.table  .row		{height:22px; background:#ede8dd}
.table  .row2		{height:22px; background:#ddd6c5}
.table  .rowOver	{height:22px; background:#c7c0b0}
.table  .selected	{height:22px; background:#c7c0b0}
.table  .thread		{border:1px solid #aaa; padding-bottom:15px; margin-bottom:10px; display:none; text-align:left}
.thread				{border:1px solid #aaa; padding-bottom:15px; margin-bottom:10px; display:none; text-align:left}

#xbox1 .tableBox, #x1 .tableBox	{border-top:0px; border-bottom:1px solid #aaa}

/* eportfolio navi tools */
.tabBox         {margin-bottom:10px; border-bottom:1px solid #666; line-height:1.3}
.tabBox .title  {float:left; font-weight:bold; color:#000}
.tabBox .tool   {font-weight:normal; font-size:10.5px}
.tabBox .curr   {background:#c9ccb9}

.tabBox .tab        {float:right}
.tabBox .tab .item  {float:left; cursor:pointer; margin-left:10px; padding:1px 5px 0px; *padding-top:3px; border:1px solid #666; border-bottom:0}
.tabBox .tab .hover {float:left; cursor:pointer; margin-left:10px; padding:1px 5px 0px; *padding-top:3px; border:1px solid #666; border-bottom:0; background:#555; color:#fff}

.btnBox   		{padding:5px 0px 2px; font-size:11.5px}
.btn       		{cursor:pointer; padding:2px 5px 1px; margin-right:4px; background:#ede4da; border:1px solid #746e67; color:#3a332b}
.btnOver   		{cursor:pointer; padding:2px 5px 1px; margin-right:4px; background:#56524d; border:1px solid #746e67; color:#fff}

.infoPath       {font-size:10.5px; color:#888; height:25px}
.infoPath .curr {font-size:12px; font-weight:bold; color:#444}
.em             {font-weight:bold; color:#222}
.em2            {color:#000}
.hint           {font-size:10.5px; font-weight:normal; color:#000c7e}
.pointer        {cursor:pointer}
.more           {text-align:right; font-size:11px}
.function		{padding-left:14px; background:url(/sys/res/icon/check.gif) no-repeat 0px 1px}

.doc            {margin:10px 0px 30px}
.doc .title     {font-size:14px; font-weight:bold; color:#002f5b; border-bottom:1px dashed #00498D; padding-bottom:1px}
.doc .article   {overflow-x:auto; overflow-y:hidden; width:100%}
.doc .attach    {padding-top:5px}
.doc .activity  {padding:15px 0px 5px}
.blockTitle     {font-weight:bold; color:#000; font-size:14px; padding-top:10px }
.blockTitle2    {font-weight:bold; color:#444; font-size:12px; padding-top:10px }

.docCatalog        {font-size:11px; border:1px solid #b2ada2; padding:5px 10px 10px 10px; background-color:#f5f3ed}
.docCatalog .title {font-weight:bold}
.docCatalog .item  {}

/* comment */
.postBody   {font-size:11px; border-top:1px solid #ddd; padding:2px 2px 30px}
.postAuthor {color:#999}
.postNote   {padding-top:5px}

/* main tool */
.toolarea           {font-size:11px; color:#999}
.toolarea a         {font-size:10.5px}
.toolarea a:hover   {font-size:10.5px}
.toolarea .poster   {float:left}
.toolarea .tool     {float:right; padding:1px 2px 0px 0px}

/* page navi */
.pageBox            {text-align:center; border-top:1px solid #ccc; padding-top:5px; margin-bottom:1px}
.page               {font-size:10.5px}
.page .curr         {margin-left:5px; padding:10px 4px 0px; color:#000; font-weight:bold}
.page .item         {margin-left:5px; padding-top:10px}
.page .item a       {color:#777; border:1px solid #bbb; padding:0px 3px; text-decoration:none}
.page .item a:hover {color:#000; border:1px solid #959085; padding:0px 3px; background:#ede8dd; text-decoration:none}
.page .input        {font-weight:bold; color:#777; border:1px solid #ccc; width:30px; height:15px; font-size:10px; text-align:center}
      .combo        {cursor:pointer; background:#fff; text-align:center}
      .combo .curr  {background:#ddd}
      .combo .over  {background:#ff0}

/* album list */
.album              {float:left; width:145px; text-align:left; padding:4px 0px 15px; margin-right:31px; overflow:hidden}
.album .thumb       {cursor:pointer; border:1px solid #bbb; text-align:center; vertical-align:middle; width:132px; height:132px; display:table-cell}
.album .thumbOver   {cursor:pointer; border:1px solid #777; text-align:center; vertical-align:middle; width:132px; height:132px; display:table-cell; background:#f8f8f8}
.album .title       {color:#000; padding:4px 10px 2px 0px}
.album .info        {font:11px; color:#999; padding:0px 10px 2px 0px; width:100%; text-overflow:clip; white-space:nowrap; overflow:hidden}
.imageSpan          {width:0px; height:100%; display:inline-block; vertical-align:middle}

/* photo list m:260, s:120 */
.photolist              {float:left; margin:0 auto; text-align:left; padding:4px 0px 20px; overflow:hidden}
.photolist .thumb       {cursor:pointer; padding:1px; float:left; border:1px solid #ccc; float:left}
.photolist .thumbOver   {cursor:pointer; padding:1px; float:left; border:1px solid #000; float:left}
.photolist .title       {color:#000; padding:4px 20px 4px 0px; text-overflow:clip; white-space:nowrap; overflow:hidden}
.photolist .note        {font-size:12px; color:#888; padding:2px 20px 2px 0px; overflow:hidden}
.photolist .info        {font-size:12px; color:#aaa; padding:2px 20px 2px 0px; width:100%; text-overflow:clip; white-space:nowrap; overflow:hidden}
.photo                  {border:1px solid #666}

/* slide list */
.slidelist          {float:left; width:175px; padding:4px 0px 14px; overflow:hidden}
.slidelist .thumb   {}
.slidelist .title   {font-size:12px; padding:2px 0px 0px 0px; width:160px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.slidelist .note    {color:#999; font-size:10.5px; padding:0px; width:160px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.image        {border:1px solid #888; vertical-align:middle; padding:1px}
.imageOver    {border:1px solid #000; vertical-align:middle; padding:1px}

/********************************  For board/course css  ********************************/
/* home */
.Block       {margin-bottom:20px}
.BlockL      {float:left; width:48%; margin-bottom:5px}
.BlockR      {float:right; width:48%; margin-bottom:5px}
.BlockHeader {font-size:14px; border-bottom: 1px solid #999; color:#000; width:100%}
.BlockItem   {height:22px; border-bottom:1px solid #eee}
.itemRect    {background:url(/sys/res/icon/item_rect2.gif) no-repeat 0px 4px; padding-left:13px}

/* calendar */
.tblschedule {width:100%}
.tblHeader	 {padding:5px; font-weight:bold; font-size:12px; background:#FFFDD9}
.tblCell     {border:1px solid #666; padding:2px }
.CalDate     {padding-bottom:5px}
.calHeader   {background:#ccc; border:1px solid #999; color:#444; font-size:11px; line-height:14px; padding:2px}
.calCell     {border:1px solid #999; padding:4px 2px 0px 2px }
.calCurrMonth{background:#eee}
.calToday    {background:#ddd}
.callnk a 	   		{color:#e3b}
.callnk A:link    	{color:#e3b}
.callnk A:visited 	{color:#227}
.callnk a:hover	  	{color:#f00; text-decoration:none}

/* menu icon */
.Estudent  {background:url(/sys/res/icon/student.gif) no-repeat}
.Eteacher  {background:url(/sys/res/icon/teacher.gif) no-repeat}

.Enormal	{background:url(/sys/res/icon/cal_event.gif) no-repeat}
.Ecalendar	{background:url(/sys/res/icon/cal_calendar.gif) no-repeat}
.Eactivity	{background:url(/sys/res/icon/cal_activity.gif) no-repeat}
.Equiz		{background:url(/sys/res/icon/cal_quiz.gif) no-repeat}
.Ehomework	{background:url(/sys/res/icon/cal_homework.gif) no-repeat}
.Epoll		{background:url(/sys/res/icon/cal_poll.gif) no-repeat}
.Elink		{background:url(/sys/res/icon/link.gif) no-repeat}
.Edoc		{background:url(/sys/res/icon/cal_doc.gif) no-repeat}
.Ewiki		{background:url(/sys/res/icon/cal_wiki.gif) no-repeat}
.Eannounce	{background:url(/sys/res/icon/cal_announce.gif) no-repeat}

.Einfo		{background:url(/sys/res/icon/info.gif) no-repeat}
.Ecomment	{background:url(/sys/res/icon/discuss.gif) no-repeat}
.Egroup		{background:url(/sys/res/icon/group.gif) no-repeat}
.Emember	{background:url(/sys/res/icon/member.gif) no-repeat}
.Elive		{background:url(/sys/res/icon/live.gif) no-repeat}
.Erollcall	{background:url(/sys/res/icon/rollcall.gif) no-repeat}
.Escore		{background:url(/sys/res/icon/score.gif) no-repeat}
.Enote		{background:url(/sys/res/icon/notepad_s.gif) no-repeat}
.Erss		{background:url(/sys/res/icon/rss1.gif) no-repeat}
.Ealbum		{background:url(/sys/res/icon/album.gif) no-repeat}
.Esignup	{background:url(/sys/res/icon/signup.png) no-repeat}
.Ewall		{background:url(/sys/res/icon/wall.png) no-repeat}
.Econfig	{background:url(/sys/res/icon/config.gif) no-repeat}
.Econtent	{background:url(/sys/res/icon/doc2.gif) no-repeat 0px 3px; padding-left: 14px}
.Epowercam	{background:url(/sys/res/icon/play.gif) no-repeat 0px 3px; padding-left: 14px}
.Eppt		{background:url(/sys/res/icon/ppt2.gif) no-repeat 0px 3px; padding-left: 14px}
.Eclass		{background:url(/sys/res/icon/info.gif) no-repeat 0px 1px; padding-left: 14px}  
.Ewall, .Esignup, .Ecalendar, .Estudent, .Eteacher, .Enormal, .Eactivity, .Equiz, .Ehomework, .Epoll, .Elink, .Edoc, .Ewiki, .Einfo, .Ecomment, .Egroup, .Emember, .Elive, .Erollcall, .Escore, .Enote, .Eannounce, .Erss, .Ealbum, .Econfig {padding-left:15px}
.EbgY2		{background-position:0px 2px}

/* other */
.center  {text-align:center}
.event	 {padding:5px}
.light	 {color:#999}
.normal	 {color:#666}
.small	 {font-size:10.5px}
.bold	 {font-weight:bold}
.redfont {color: red}

/* wall */
.wallInputBox		{border:1px solid #877; padding:10px; background:#dcb; margin-bottom:3px; padding:5px}
.wallItem			{border-bottom:1px dashed #876; padding:5px; margin-bottom:5px; overflow:hidden; width:99%}
.wallInputNotFocus	{color:#999; font-size:12px; border:1px solid #877}
.wallInputFocus		{color:#333; font-size:12px; border:1px solid #566}
.wallReplyBox		{background:#dcb; border:1px solid #877; padding:5px}
.wallReplyItem		{background:#f5eedd; border:1px solid #b6b0a2; padding:5px; margin-bottom:3px; overflow:hidden; font-size:10.5px}
.wallRecentReply	{padding:5px 0px 10px 0px}
.wallRecentReplyTitle{}
.wallRecentReplyBox	{background:#FAF5EE; border:1px solid #a88; padding:5px}

#main .wallReplyBox .cbtn		{margin-right:10px}
#main #x1 .wallReplyBox .cbtn	{margin-right:5px}

/* sub folder links */
.subFolder		{border:1px solid #ccc; background:#ffc; padding:5px; margin-bottom:10px}
.subFolderItem	{width:20%; float:left; margin-right:10px; padding-left:18px; background:url(/sys/res/icon/folder.gif) no-repeat}

/* faq */
.faqCatBox	{border:1px solid #ccc; padding:5px}

/* board like */
.expand		{display:inline-block; *display:inline; zoom:1}
.delImg		{display:none; float:right; cursor:pointer}
.likeImg	{position:relative; bottom:-2px}

#x1 .delImg	{width:5%}

/* doc browse */
#docBrowse {background:#fff; border-radius:5px; border: 1px solid #aaa; padding:5px; margin:5px;}
.catBox			{vertical-align:top}
.mainCatTitle	{font-size:15px; padding-top:15px; padding-bottom:5px}
.subCatContent	{padding:5px 0px 5px 13px}

/********************************  For course css  ********************************/
#menu .selectBox		{padding:0px 0px 20px 0px}
#menu .selectBox .title	{font-weight:bold; color:#555}
#menu .selectBox .select{font-size:12px; color:#66f; width:175px; font-weight:bold}

#main .infoTable		{width:99%; border:1px solid #ccc}
#main .infoTable .cell	{border-right:1px solid #eee; border-bottom:1px solid #eee; padding:3px 2px 3px 2px; vertical-align:top}
#main .infoTable .header1{width:90px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px 2px 1px 2px; color:#000; background:#ccc}
#main .infoTable .header2{border-bottom:1px solid #ccc; padding:2px 2px 1px 2px; color:#000; background:#ccc}
#main .infoTable .bg	{background:#eff }
#main .infoTable .col1	{width:90px; background:#eee}
#main .infoTable .col2	{border-right:0px }
#main .infoTable .input	{width:99%; border:1px solid #eee; color:#555; font-weight:bold; font-size:12px }
#main .infoTable .input2{width:85px;  border:1px solid #ccc; color:#555; font-weight:bold; font-size:12px; background:#eee }
#main .infoBox			{border: 1px solid #ccc; padding: 3px; margin-bottom: 5px; background:#f0f0f0}

.Text		{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6060ff; border-width: 1px; border-style:solid; border-color:#ccc}
.course_note{padding-bottom: 5px; margin-bottom: 10px; border-bottom:1px dashed #ccc}    
.statistic	{padding-left:2px; color:#0a0; background:#fdd}

/* tree control */
#menu table.ctree      {border:0px; padding:0px}
#menu td.ctree         {padding:1px 1px 1px 1px}
#menu td.ctreeSelected {font-weight:bold;color:#cc0000; cursor:pointer}
#menu td.ctreeOver     {color:#ff0000; cursor:pointer}
SPAN.data	{overflow-x:auto; width:1400px}

/* footerlink */
#main .pagelink              {margin-top:10px; color:#0000dd; font-size:12px} 
#main .pagelink .prev_link   {display:block; float:left; text-align:left; width:40%}
#main .pagelink .up_link     {display:block; float:left; text-align:center; width:13%; margin: 0 3%}
#main .pagelink .next_link   {display:block; float:right; text-align:right; width:40%}

/*layout*/
#xbox2   {float:left; width:100%}
#xbox3   {float:down; width:100%}

/*navigate*/
#navi           {font-size:13px}
#navi a         {color:#06f}
#navi a:hover   {color:#f00}
#navi ul        {margin:0; padding:0}
#navi li        {position:relative; list-style:none; text-decoration:none}
#navi li:hover  {background:#eae3b6; list-style:none; text-decoration:none}

/*navigate sub*/
#navi li ul           {display:none; padding-left:20px}
#navi li ul li        {border-bottom:0px; list-style:none; text-decoration:none}
#navi li ul li:hover  {border-bottom:0px; background:#ded7aa; list-style:none; text-decoration:none}

/*navigate icon*/
.navi_mgr      {background:url(/sys/res/icon/config.gif) no-repeat}
.navi_link     {background:url(/sys/res/icon/cal_link.gif) no-repeat}
.navi_folder   {background:url(/sys/res/icon/cal_folder.gif) no-repeat}
.navi_normal   {background:url(/sys/res/icon/cal_event.gif) no-repeat}
.navi_activity {background:url(/sys/res/icon/cal_activity.gif) no-repeat}
.navi_poll     {background:url(/sys/res/icon/cal_poll.gif) no-repeat}
.navi_doc      {background:url(/sys/res/icon/cal_doc.gif) no-repeat}
.navi_wiki     {background:url(/sys/res/icon/cal_wiki.gif) no-repeat}
.navi_comment  {background:url(/sys/res/icon/discuss.gif) no-repeat}
.navi_member   {background:url(/sys/res/icon/member.gif) no-repeat}
.navi_rollcall {background:url(/sys/res/icon/rollcall.gif) no-repeat}
.navi_album    {background:url(/sys/res/icon/album.gif) no-repeat}
.navi_signup   {background:url(/sys/res/icon/signup.png) no-repeat}
.navi_wall     {background:url(/sys/res/icon/wall.png) no-repeat}
.navi_bulletin {background:url(/sys/res/icon/cal_announce.gif) no-repeat}
.navi_favorite {background:url(/sys/res/icon/favorite.gif) no-repeat}
.navi_faq      {background:url(/sys/res/icon/faq.gif) no-repeat}
.navi_rss	   {background:url(/sys/res/icon/rss2.gif) no-repeat}
.navi_mgr, .navi_link, .navi_folder, .navi_normal, .navi_activity, .navi_poll, .navi_doc, .navi_wiki, .navi_comment, .navi_member, .navi_rollcall, .navi_album, .navi_signup, .navi_wall, .navi_bulletin, .navi_favorite, .navi_faq, .navi_rss  {padding-left:15px}

/* slideTitle */
#slideTitle         {padding-top:4px}
#slideTitle .title  {background:url(/sys/res/icon/item3.gif) no-repeat; font-size:12px; font-weight:bold; color:#000; padding:0px 0px 0px 10px; margin:0; border-bottom:0px}
#slideTitle .curr   {background:#FFFF99; font-weight:bold}
#slideTitle .indent {font-size:11px; padding-left:20px}

/* cbtn */
#main .cbtn		{background:#ede4da; border:1px solid #746e67; color:#3a332b}
#main .cbtnOver	{background:#6a6259; border:1px solid #746e67; color:#fff}
#main .cbtnDown	{background:#6a6259; border:1px solid #746e67; color:#ffb563}

.cbtn_menu TABLE.cbtn_menu       {border-collapse:collapse; line-height:10px; border:0px solid #b7b7b7; background:none; margin:1px 0px 0px 1px}
.cbtn_menu TD.cbtn_menu          {border:1px solid #746e67; background-color:#ede4da; color:#3a332b; padding:3px 10px; cursor:pointer}
.cbtn_menu TD.cbtn_menuDisabled  {border:1px solid #746e67; background-color:#f4f0eb; color:#3a332b; padding:3px 10px; cursor:default}
.cbtn_menu TD.cbtn_menuOver      {border:1px solid #746e67; background-color:#f4f0eb; color:#3a332b; padding:3px 10px; cursor:pointer}

/*error*/
#contbox .error {text-align:center; color:red; padding-top:15px; padding-bottom:30px}