body { font-family:  Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 22px; background:url(../images/bg_frame.jpg); background-repeat:repeat-y; background-position:center; margin: 0; padding: 0;}

/*a { text-decoration: none; color:#be198b; }
a:hover {text-decoration: underline; }
a:active {outline:none;}
a:focus {outline:none; text-decoration: underline;}*/
img { border: none; }


a {
  color: #0072bc;     /* 7f1fde;  76236e*/
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;

}
a:hover, a:active, a:focus {
  color: #00bfd7;
  outline: none;
  text-decoration: underline;   /* none */
}

.prog_title { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #fff;}

.prog_title2 { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #a329aa;}

.prog_title3 { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #c59a2c;}
.prog_title4 { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #208300;}

.activity_title { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 18px; color: #a329aa;}

.nocontent_title { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #a329aa;}

p { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #333333;}

tr { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #333333;}

.eng_cpy  { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 12px; color: #333333;}

.markfull { font-family: Microsoft JhengHei, Helvetica, sans-serif; font-size: 16px; color: #f00; font-weight: bold;}




#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #76236e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #76236e;
}

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/*span.dropt {border-bottom: thin dotted; background: #ffeedd;}*/
span.dropt {text-decoration: none; color:#a329aa;}
/*span.dropt:a {text-decoration: none; color:#0066FF;}*/
span.dropt:hover {text-decoration: underline; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:#d5d5d5; border-width:1px; z-index: 6; font-weight:normal;}
span.dropt:hover span {left: 2%; background: #ebebeb;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:#d5d5d5; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 500px; background: #ebebeb; z-index:6;}