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}