.clearfix {
  *zoom: 1; }
  .clearfix:after {
    clear: both;
    content: "";
    display: table; }

/* HTML5  Boilerplate
 * ==|== normalize ==========================================================
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  line-height: 1em;
  min-height: 100%; }

body, button, input, select, textarea {
  color: #222; }

* {
  background-repeat: no-repeat;
  background-position: 0 0; }

a {
  display: block; }

input {
  border: none; }

li {
  text-decoration: none;
  list-style-type: none; }

/*
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
*/
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  display: block; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f6f6f6;
  box-shadow: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: JoelChan
   ========================================================================== */
a {
  color: #00e;
  display: block; }

a {
  text-decoration: none;
  color: inherit; }

input, textarea {
  -webkit-tap-highlight-color: transparent; }

body {
  -webkit-text-size-adjust: none; }

* {
  text-rendering: optimizeLegibility; }

.ie8 select, .ie9 select {
  background-image: none !important; }

.ie11 select::-ms-expand, .ie10 select::-ms-expand {
  display: none; }

.whiteTd {
  background-color: #ffffff !important; }

html {
  height: 100%; }

html, body {
  position: relative;
  min-width: 1004px;
  width: 100%;
  min-height: 100%;
  color: #000000;
  font-family: 'Helvetica Neue', 'Arial'; }

a {
  color: #4b5c65; }
  a.btn {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    background-color: #f26521; }
    a.btn:hover {
      background-color: #d54a13; }
    a.btn span {
      display: inline-block;
      color: #ffffff;
      height: 38px;
      line-height: 38px;
      padding-left: 36px;
      background: url("/proact/images/common/centres-and-programmes/go.png") no-repeat left center; }
  a.underline {
    text-decoration: underline; }
    a.underline:hover {
      text-decoration: none; }

.highlight, .active {
  color: #f26521;
  cursor: default; }

a:hover {
  color: #f26521; }

h2, h1 {
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #f26521;
  padding: 0;
  margin: 0; }

p {
  font-size: 1em;
  line-height: 1.4em; }

.decimalList {
  margin-bottom: 20px;
  padding-left: 20px; }
  .decimalList li {
    list-style: decimal;
    font-size: 1em;
    line-height: 1.4em; }

.pointList {
  margin-bottom: 20px;
  padding-left: 20px; }
  .pointList li {
    list-style-image: url("/proact/images/common/ui/color0/dot.jpg");
    font-size: 1em;
    line-height: 1.4em; }
    .pointList li.clearfix {
      list-style-image: none; }

.imgList {
  margin-bottom: 8px; }
  .imgList li {
    position: relative;
    width: 230px;
    margin-bottom: 12px; }
    .imgList li span {
      background: url("/proact/images/common/ui/img_text.png") repeat;
      width: 200px;
      position: absolute;
      left: 0;
      color: #ffffff;
      padding: 0 15px;
      bottom: 0;
      font-size: 1em;
      line-height: 25px; }
    .imgList li.clearfix {
      width: 100%;
      margin-bottom: 0; }

.tabList {
  margin-bottom: 10px; }
  .tabList li {
    margin-bottom: 10px; }
    .tabList li a.tab {
      display: block;
      padding: 0 20px;
      background: #f26521;
      color: #ffffff;
      font-size: 1.2em;
      height: 38px;
      line-height: 38px;
      position: relative; }
      .tabList li a.tab span {
        position: absolute;
        right: 20px;
        top: 0;
        width: 16px;
        height: 38px;
        background: url("/proact/images/common/ui/close.png") no-repeat right center; }
      .tabList li a.tab:hover {
        background-color: #d54a13; }
    .tabList li .box {
      display: none;
      border: 2px solid #cccccc;
      padding: 20px 20px 0; }
      .tabList li .box .download {
        float: left;
        margin-bottom: 20px; }
      .tabList li .box .clearfix {
        display: block;
        width: 100%; }
    .tabList li.open a.tab span {
      background-image: url("/proact/images/common/ui/open.png"); }
    .tabList li.open .box {
      display: block; }
    .tabList li.gray a.tab {
      display: block;
      padding: 0 20px;
      background-color: #4b5c65;
      color: #ffffff;
      font-size: 1.2em;
      height: 38px;
      line-height: 38px; }
      .tabList li.gray a.tab:hover {
        background-color: #4b6266; }

.table {
  border: 2px solid #cccccc;
  width: 100%; }
  .table thead tr {
    background: #f26521; }
    .table thead tr td, .table thead tr th {
      color: #ffffff;
      font-weight: normal;
      text-align: left; }
  .table tr.odd {
    background: #eeeeee; }
  .table tr td, .table tr th {
    padding: 8px 0 8px 10px;
    vertical-align: middle;
    font-size: 0.867em;
    line-height: 1.2em; }
    .table tr td a, .table tr th a {
      color: #f26521;
      cursor: pointer; }
      .table tr td a:hover, .table tr th a:hover {
        color: #d54a13; }

.select {
  display: inline-block;
  position: relative;
  text-align: left;
  width: 75px;
  margin-left: 5px; }
  .select a {
    line-height: 20px;
    font-size: 0.9333333333333333em;
    line-height: 29px; }
    .select a.selected {
      padding: 0 0 0 10px;
      border: 1px solid #f2f2f2;
      background: #f2f2f2; }
      .select a.selected span {
        float: right;
        height: 29px;
        width: 18px;
        margin-left: 10px;
        background: #f26521 url("/proact/images/common/ui/select.png") no-repeat center center; }
      .select a.selected:hover span {
        background-color: #d54a13; }
    .select a:hover {
      color: #000000; }
  .select ul {
    position: absolute;
    width: 75px;
    left: 0;
    top: 29px;
    z-index: 99; }
    .select ul li {
      background-color: #f2f2f2; }
      .select ul li a {
        padding: 0 11px; }
        .select ul li a:hover {
          background-color: #ffdfcf; }

.small {
  font-size: 0.9375em; }

.large {
  font-size: 1.875em; }

.left {
  float: left; }

.right {
  float: right; }

.wrapper {
  position: relative;
  width: 1004px;
  margin: 0 auto;
  padding: 0; }
  .wrapper .content {
    padding: 0 12px; }
    .wrapper .content p {
      font-size: 1em; }
    .wrapper .content a img {
      border: none; }

.ui-widget-overlay {
  background: #201710;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  z-index: 1000; }

.ui-dialog {
  background: url("/proact/images/common/home/banner/news/bg.png") repeat;
  position: fixed;
  z-index: 1001;
  font-size: 1em;
  line-height: 1.2em; }
  .ui-dialog .ui-dialog-titlebar {
    background: #f26521;
    color: #ffffff;
    font-size: 1.2em; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      border: none;
      background: none; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
        width: 20px;
        height: 20px;
        background: url("/proact/images/common/ui/popup_close.png");
        margin-left: -10px;
        margin-top: -10px; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon-closethick {
        background-image: url("/proact/images/common/ui/popup_close_hover.png"); }
  .ui-dialog .ui-dialog-content {
    padding: 0;
    overflow: hidden;
    background: #ffffff; }
    .ui-dialog .ui-dialog-content .popupHeader {
      color: #ffffff;
      background: #4b5c65;
      text-align: center;
      padding: 10px; }
    .ui-dialog .ui-dialog-content .popupData {
      padding: 20px;
      color: #000000;
      max-height: 300px;
      overflow: auto; }
      .ui-dialog .ui-dialog-content .popupData table td {
        padding: 10px;
        vertical-align: middle;
        text-align: center;
        border: 1px solid #000000; }
        .ui-dialog .ui-dialog-content .popupData table td a {
          display: inline;
          text-decoration: underline; }
          .ui-dialog .ui-dialog-content .popupData table td a:hover {
            text-decoration: none; }
        .ui-dialog .ui-dialog-content .popupData table td.textLeft {
          text-align: left; }
    .ui-dialog .ui-dialog-content p {
      font-size: 60px;
      text-align: center;
      line-height: 60px;
      margin: 10px; }
    .ui-dialog .ui-dialog-content .scrollBox {
      padding: 10px 0; }
      .ui-dialog .ui-dialog-content .scrollBox .scrollData {
        position: relative;
        overflow: hidden; }
        .ui-dialog .ui-dialog-content .scrollBox .scrollData.ps-container .ps-scrollbar-y-rail {
          opacity: 1;
          background: url("/images/popup/scrollbar/bg.png") repeat-y;
          width: 6px;
          right: 2% !important; }
          .ui-dialog .ui-dialog-content .scrollBox .scrollData.ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
            width: 6px;
            min-height: 6px;
            background-color: #999999;
            opacity: 1; }
        .ui-dialog .ui-dialog-content .scrollBox .scrollData.ps-container .ps-scrollbar-x-rail {
          display: none !important; }
    .ui-dialog .ui-dialog-content .close {
      height: 20px;
      width: 88px;
      margin: 40px auto 0;
      background: url("/images/popup/scrollbar/close.png") no-repeat left top; }
      .ui-dialog .ui-dialog-content .close:hover {
        background-position: left bottom; }

.header {
  padding-top: 14px;
  color: #000000;
  background: url("/proact/images/common/header/bg.png") repeat-x left bottom; }
  .header h1 {
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -999; }
  .header a {
    color: #000000;
    display: inline-block; }
    .header a:hover, .header a.active {
      color: #f26521; }
  .header .content {
    display: inline-block;
    width: 980px; }
  .header .logo {
    margin: 10px 4px 20px;
    cursor: pointer; }
  .header .headerTitle {
    margin-top: 9px; }
  .header .tool {
    font-size: 12px;
    padding: 0;
    margin: 8px 0px 0 26px; }
    .header .tool li {
      padding: 0 3px;
      margin: 0;
      display: inline;
      list-style: none; }
      .header .tool li a {
        display: inline;
        cursor: pointer;
        color: #000000; }
        .header .tool li a:hover, .header .tool li a.active {
          color: #f26521; }
        .header .tool li a#textLarge {
          font-size: 15px; }
  .header #searchBox {
    padding: 0;
    margin: 8px 0 0 7px;
    position: relative; }
    .header #searchBox label {
      position: absolute;
      font-size: 0;
      line-height: 0;
      height: 0;
      width: 0;
      color: transparent; }
    .header #searchBox input {
      height: 18px;
      line-height: 18px;
      font-size: 12px;
      padding: 0 20px 0 10px;
      width: 120px;
      color: #000000;
      border: 1px solid #bfbfbf; }
      .header #searchBox input:-webkit-autofill {
        background-color: #ffffff !important;
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        -webkit-text-fill-color: #000000 !important; }
    .header #searchBox .search {
      position: absolute;
      width: 20px;
      height: 18px;
      right: 1px;
      top: 1px;
      cursor: pointer; }
      .header #searchBox .search img {
        margin: 3px 3px 0 0; }
  .header .menu {
    color: #4b5c65;
    position: absolute;
    bottom: 4px;
    left: 12px;
    font-size: 15px; }
    .header .menu li {
      padding: 0 35px 0 0;
      margin: 0;
      height: 34px;
      line-height: 34px;
      display: inline-block;
      list-style: none;
      background: url("/proact/images/common/header/menu.jpg") no-repeat right bottom; }
      .header .menu li a {
        cursor: pointer;
        margin-right: 7px; }

#content {
  padding-bottom: 100px; }
  #content .banner {
    width: 980px;
    display: block;
    margin-top: -3px;
    position: relative;
    height: 225px; }
    #content .banner .bg {
      position: absolute;
      width: 980px;
      height: 3px;
      left: 0;
      top: 0;
      z-index: 999;
      background: url("/proact/images/common/header/bg.png") repeat-x left bottom; }
    #content .banner h1 {
      color: transparent;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -999; }
  #content .content {
    margin-top: 20px;
    padding: 0; }
    #content .content .menu {
      display: inline-block;
      width: 218px;
      padding-bottom: 219px;
      background: none no-repeat left bottom;
      vertical-align: top;
      background-image: url("/proact/images/common/ui/color0/menu.jpg"); }
      #content .content .menu ul {
        width: 100%;
        background: #f26521; }
        #content .content .menu ul a {
          display: block;
          padding-left: 33px;
          color: #ffffff;
          line-height: 33px;
          min-height: 33px;
          font-size: 1em;
          cursor: pointer; }
          #content .content .menu ul a:hover, #content .content .menu ul a.active {
            background: #d54a13; }
    #content .content .detail {
      margin: 0 20px;
      width: 472px;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      #content .content .detail.fullWidth {
        width: 940px; }
      #content .content .detail h2, #content .content .detail h1 {
        font-size: 1.667em;
        line-height: 1em;
        padding-bottom: 20px;
        font-weight: bold;
        color: #f26521; }
        #content .content .detail h2.hasSubTitle, #content .content .detail h1.hasSubTitle {
          padding-bottom: 0; }
      #content .content .detail h3 {
        font-weight: normal;
        font-size: 1.2em;
        line-height: 1.2em;
        padding-bottom: 37px;
        margin: 0;
        color: #f26521; }
        #content .content .detail h3.title {
          padding-bottom: 20px;
          font-weight: bold; }
        #content .content .detail h3.date {
          padding-bottom: 20px; }
        #content .content .detail h3.noPadding {
          padding-bottom: 5px; }
      #content .content .detail p {
        margin: 0 0 20px 0; }
        #content .content .detail p.title {
          margin-bottom: 5px; }
        #content .content .detail p a {
          color: #f26521;
          display: inline;
          cursor: pointer; }
          #content .content .detail p a:hover {
            color: #d54a13; }
      #content .content .detail a {
        color: #f26521;
        cursor: pointer; }
        #content .content .detail a:hover {
          color: #d54a13; }
      #content .content .detail .tabList a.tab {
        color: #ffffff; }
      #content .content .detail .select a {
        color: #000000; }
      #content .content .detail .form td {
        padding-bottom: 20px;
        vertical-align: top;
        line-height: 1.2em; }
        #content .content .detail .form td a {
          display: inline; }
        #content .content .detail .form td.title {
          white-space: nowrap; }
        #content .content .detail .form td.data {
          padding-left: 10px; }
          #content .content .detail .form td.data a {
            display: inline;
            cursor: pointer; }
      #content .content .detail .download {
        color: #f26521;
        display: inline;
        line-height: 1.3333333333333333em;
        font-size: 1.2em;
        font-weight: bold;
        padding-left: 17px;
        cursor: pointer;
        background: url("/proact/images/common/ui/color0/download.jpg") no-repeat left center; }
        #content .content .detail .download:hover {
          color: #d54a13;
          background-image: url("/proact/images/common/ui/color0/download_hover.jpg"); }
      #content .content .detail .tableTab {
        float: left;
        margin-top: 10px;
        padding: 0 1px; }
        #content .content .detail .tableTab li {
          float: left;
          background: #cccccc;
          padding: 2px 1px 0; }
          #content .content .detail .tableTab li a {
            display: block;
            padding: 8px 10px;
            background: #cccccc;
            color: #838383;
            cursor: pointer;
            line-height: 1em; }
            #content .content .detail .tableTab li a:hover, #content .content .detail .tableTab li a.active {
              color: #ffffff;
              background: #f26521; }
      #content .content .detail .table.courseTable tbody tr {
        cursor: pointer; }
        #content .content .detail .table.courseTable tbody tr:hover td {
          background-color: #d54a13; }
        #content .content .detail .table.courseTable tbody tr a {
          color: #000000; }
        #content .content .detail .table.courseTable tbody tr .notCourse {
          cursor: auto; }
          #content .content .detail .table.courseTable tbody tr .notCourse a:hover {
            color: #d54a13; }
      #content .content .detail .back {
        text-align: right; }
        #content .content .detail .back a {
          display: inline;
          line-height: 1.3333333333333em;
          font-size: 0.8666666666666667em;
          height: 20px;
          cursor: pointer;
          background: none no-repeat left center;
          padding-left: 25px;
          color: #f26521;
          background-image: url("/proact/images/common/ui/color0/back.jpg"); }
          #content .content .detail .back a:hover {
            color: #d54a13; }
    #content .content .apply {
      margin: 0;
      padding: 0;
      width: 227px;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      #content .content .apply img {
        margin-bottom: 18px;
        width: 100%; }
        #content .content .apply img.hasComment {
          margin-bottom: 0; }
      #content .content .apply .comment {
        margin-top: 10px; }
      #content .content .apply a {
        display: block;
        width: 100%;
        min-height: 38px;
        line-height: 38px;
        font-weight: bold;
        font-size: 1.2em;
        text-align: center;
        color: #ffffff;
        cursor: pointer;
        background-color: #f26521; }
        #content .content .apply a:hover {
          background-color: #d54a13; }
        #content .content .apply a span {
          display: inline-block;
          min-height: 38px;
          line-height: 38px;
          padding-left: 36px;
          background: url("/proact/images/common/centres-and-programmes/go.png") no-repeat left center; }
  #content .press-release {
    margin: 0 20px 20px 20px !important; }
    #content .press-release h2 {
      font-weight: normal !important; }
    #content .press-release .header {
      margin-bottom: 20px;
      background: none; }
      #content .press-release .header h3, #content .press-release .header p {
        display: inline-block;
        margin: 0;
        padding: 0; }
      #content .press-release .header h3 {
        float: left; }
      #content .press-release .header p {
        float: right; }
    #content .press-release figure {
      width: 230px;
      background-color: #DCDCDC;
      overflow: hidden; }
      #content .press-release figure img {
        display: block;
        width: auto;
        height: 173px;
        padding: 0;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
      #content .press-release figure figcaption {
        box-sizing: border-box;
        width: 230px;
        padding: 10px;
        background-color: #f26521;
        color: #ffffff;
        font-size: 12px; }
      #content .press-release figure a {
        display: block;
        width: 230px;
        height: 173px; }
  #content .press-release-1 .images {
    float: right;
    margin-left: 30px; }
    #content .press-release-1 .images figure {
      margin-bottom: 24px; }
      #content .press-release-1 .images figure img {
        clear: right; }
  #content .press-release-1 .slick-slider {
    background-color: #DCDCDC; }
  #content .press-release-1 .slick-slide {
    overflow: hidden;
    height: 400px; }
    #content .press-release-1 .slick-slide img {
      width: auto;
      height: 400px;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  #content .press-release-2 .slick-slider {
    float: left;
    width: 320px;
    margin-right: 15px;
    margin-bottom: 20px; }
    #content .press-release-2 .slick-slider .slick-slide {
      width: 320px;
      height: 570px;
      overflow: hidden; }
    #content .press-release-2 .slick-slider img {
      width: auto;
      height: 570px;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  #content .press-release-2 .info {
    margin-bottom: 20px; }
    #content .press-release-2 .info p {
      margin-bottom: 0; }
  #content .press-release-2 .wrapper {
    display: table;
    width: 500px;
    margin: 0 auto;
    margin-bottom: 40px;
    min-height: 0; }
  #content .press-release-2 figure {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 40px 0;
    overflow: hidden; }
  #content .press-release-2 figure:nth-of-type(odd) {
    float: left;
    clear: left;
    margin-left: 107px; }
  #content .press-release-2 figure:nth-of-type(even) {
    float: right;
    margin-right: 107px; }
  #content .press-release-2 figure:last-of-type + .back {
    clear: both; }
  #content .photo-slider {
    display: none; }
  #content .slick-slider {
    display: block; }
    #content .slick-slider .slick-dots {
      bottom: 8px;
      z-index: 2; }
      #content .slick-slider .slick-dots li.slick-active button:before {
        color: #ffffff;
        opacity: 1; }
      #content .slick-slider .slick-dots li button:before {
        color: #ffffff; }
    #content .slick-slider .slick-arrow {
      z-index: 2;
      width: 0;
      height: 0; }
    #content .slick-slider .slick-prev {
      left: 15px;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-right: 15px solid rgba(255, 255, 255, 0.7); }
    #content .slick-slider .slick-next {
      right: 15px;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid rgba(255, 255, 255, 0.7); }
    #content .slick-slider .slick-prev:before, #content .slick-slider .slick-next:before {
      content: none !important; }
  #content.color1 .content .menu {
    background-image: url("/proact/images/common/ui/color1/menu.jpg"); }
    #content.color1 .content .menu ul {
      background: #5d0011; }
      #content.color1 .content .menu ul a:hover, #content.color1 .content .menu ul a.active {
        background: #8c4350; }
  #content.color1 .content .detail h2, #content.color1 .content .detail h1 {
    color: #5d0011; }
  #content.color1 .content .detail h3 {
    color: #5d0011; }
  #content.color1 .content .detail .highlight {
    color: #5d0011; }
  #content.color1 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color1/dot.jpg"); }
  #content.color1 .content .detail a {
    color: #5d0011; }
    #content.color1 .content .detail a:hover {
      color: #8c4350; }
    #content.color1 .content .detail a.btn {
      color: #ffffff;
      background-color: #5d0011; }
      #content.color1 .content .detail a.btn:hover {
        background-color: #8c4350; }
  #content.color1 .content .detail .download {
    color: #5d0011;
    background-image: url("/proact/images/common/ui/color1/download.jpg"); }
    #content.color1 .content .detail .download:hover {
      color: #8c4350;
      background-image: url("/proact/images/common/ui/color1/download_hover.jpg"); }
  #content.color1 .content .detail .tableTab li a:hover, #content.color1 .content .detail .tableTab li a.active {
    background: #5d0011; }
  #content.color1 .content .detail .table thead tr {
    background: #5d0011; }
    #content.color1 .content .detail .table thead tr .notCourse a:hover {
      color: #5d0011; }
  #content.color1 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color1 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #bf999f; }
  #content.color1 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color1/back.jpg"); }
  #content.color1 .content .apply a {
    background-color: #5d0011; }
    #content.color1 .content .apply a:hover {
      background-color: #8c4350; }
  #content.color1.centres .content .detail .map.maps {
    border-bottom: 2px solid #8c4350 !important; }
  #content.color2 .content .menu {
    background-image: url("/proact/images/common/ui/color2/menu.jpg"); }
    #content.color2 .content .menu ul {
      background: #290a5d; }
      #content.color2 .content .menu ul a:hover, #content.color2 .content .menu ul a.active {
        background: #574482; }
  #content.color2 .content .detail h2, #content.color2 .content .detail h1 {
    color: #290a5d; }
  #content.color2 .content .detail h3 {
    color: #290a5d; }
  #content.color2 .content .detail .highlight {
    color: #290a5d; }
  #content.color2 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color2/dot.jpg"); }
  #content.color2 .content .detail a {
    color: #290a5d; }
    #content.color2 .content .detail a:hover {
      color: #574482; }
    #content.color2 .content .detail a.btn {
      color: #ffffff;
      background-color: #290a5d; }
      #content.color2 .content .detail a.btn:hover {
        background-color: #574482; }
  #content.color2 .content .detail .download {
    color: #290a5d;
    background-image: url("/proact/images/common/ui/color2/download.jpg"); }
    #content.color2 .content .detail .download:hover {
      color: #574482;
      background-image: url("/proact/images/common/ui/color2/download_hover.jpg"); }
  #content.color2 .content .detail .tableTab li a:hover, #content.color2 .content .detail .tableTab li a.active {
    background: #290a5d; }
  #content.color2 .content .detail .table thead tr {
    background: #290a5d; }
    #content.color2 .content .detail .table thead tr .notCourse a:hover {
      color: #290a5d; }
  #content.color2 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color2 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #a99dbe; }
  #content.color2 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color2/back.jpg"); }
  #content.color2 .content .apply a {
    background-color: #290a5d; }
    #content.color2 .content .apply a:hover {
      background-color: #574482; }
  #content.color2.centres .content .detail .map.maps {
    border-bottom: 2px solid #574482 !important; }
  #content.color3 .content .menu {
    background-image: url("/proact/images/common/ui/color3/menu.jpg"); }
    #content.color3 .content .menu ul {
      background: #005144; }
      #content.color3 .content .menu ul a:hover, #content.color3 .content .menu ul a.active {
        background: #266b60; }
  #content.color3 .content .detail h2, #content.color3 .content .detail h1 {
    color: #005144; }
  #content.color3 .content .detail h3 {
    color: #005144; }
  #content.color3 .content .detail .highlight {
    color: #005144; }
  #content.color3 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color3/dot.jpg"); }
  #content.color3 .content .detail a {
    color: #005144; }
    #content.color3 .content .detail a:hover {
      color: #266b60; }
    #content.color3 .content .detail a.btn {
      color: #ffffff;
      background-color: #005144; }
      #content.color3 .content .detail a.btn:hover {
        background-color: #266b60; }
  #content.color3 .content .detail .download {
    color: #005144;
    background-image: url("/proact/images/common/ui/color3/download.jpg"); }
    #content.color3 .content .detail .download:hover {
      color: #266b60;
      background-image: url("/proact/images/common/ui/color3/download_hover.jpg"); }
  #content.color3 .content .detail .tableTab li a:hover, #content.color3 .content .detail .tableTab li a.active {
    background: #005144; }
  #content.color3 .content .detail .table thead tr {
    background: #005144; }
    #content.color3 .content .detail .table thead tr .notCourse a:hover {
      color: #005144; }
  #content.color3 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color3 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #99b9b4; }
  #content.color3 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color3/back.jpg"); }
  #content.color3 .content .apply a {
    background-color: #005144; }
    #content.color3 .content .apply a:hover {
      background-color: #266b60; }
  #content.color3.centres .content .detail .map.maps {
    border-bottom: 2px solid #266b60 !important; }
  #content.color4 .content .menu {
    background-image: url("/proact/images/common/ui/color4/menu.jpg"); }
    #content.color4 .content .menu ul {
      background: #f47b70; }
      #content.color4 .content .menu ul a:hover, #content.color4 .content .menu ul a.active {
        background: #da5144; }
  #content.color4 .content .detail h2, #content.color4 .content .detail h1 {
    color: #f47b70; }
  #content.color4 .content .detail h3 {
    color: #f47b70; }
  #content.color4 .content .detail .highlight {
    color: #f47b70; }
  #content.color4 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color4/dot.jpg"); }
  #content.color4 .content .detail a {
    color: #f47b70; }
    #content.color4 .content .detail a:hover {
      color: #da5144; }
    #content.color4 .content .detail a.btn {
      color: #ffffff;
      background-color: #f47b70; }
      #content.color4 .content .detail a.btn:hover {
        background-color: #da5144; }
  #content.color4 .content .detail .download {
    color: #f47b70;
    background-image: url("/proact/images/common/ui/color4/download.jpg"); }
    #content.color4 .content .detail .download:hover {
      color: #da5144;
      background-image: url("/proact/images/common/ui/color4/download_hover.jpg"); }
  #content.color4 .content .detail .tableTab li a:hover, #content.color4 .content .detail .tableTab li a.active {
    background: #f47b70; }
  #content.color4 .content .detail .table thead tr {
    background: #f47b70; }
    #content.color4 .content .detail .table thead tr .notCourse a:hover {
      color: #f47b70; }
  #content.color4 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color4 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #fbcac6; }
  #content.color4 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color4/back.jpg"); }
  #content.color4 .content .apply a {
    background-color: #f47b70; }
    #content.color4 .content .apply a:hover {
      background-color: #da5144; }
  #content.color4.centres .content .detail .map.maps {
    border-bottom: 2px solid #da5144 !important; }
  #content.color5 .content .menu {
    background-image: url("/proact/images/common/ui/color5/menu.jpg"); }
    #content.color5 .content .menu ul {
      background: #009bdf; }
      #content.color5 .content .menu ul a:hover, #content.color5 .content .menu ul a.active {
        background: #0679ac; }
  #content.color5 .content .detail h2, #content.color5 .content .detail h1 {
    color: #009bdf; }
  #content.color5 .content .detail h3 {
    color: #009bdf; }
  #content.color5 .content .detail .highlight {
    color: #009bdf; }
  #content.color5 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color5/dot.jpg"); }
  #content.color5 .content .detail a {
    color: #009bdf; }
    #content.color5 .content .detail a:hover {
      color: #0679ac; }
    #content.color5 .content .detail a.btn {
      color: #ffffff;
      background-color: #009bdf; }
      #content.color5 .content .detail a.btn:hover {
        background-color: #0679ac; }
  #content.color5 .content .detail .download {
    color: #009bdf;
    background-image: url("/proact/images/common/ui/color5/download.jpg"); }
    #content.color5 .content .detail .download:hover {
      color: #0679ac;
      background-image: url("/proact/images/common/ui/color5/download_hover.jpg"); }
  #content.color5 .content .detail .tableTab li a:hover, #content.color5 .content .detail .tableTab li a.active {
    background: #009bdf; }
  #content.color5 .content .detail .table thead tr {
    background: #009bdf; }
    #content.color5 .content .detail .table thead tr .notCourse a:hover {
      color: #009bdf; }
  #content.color5 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color5 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #99d7f2; }
  #content.color5 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color5/back.jpg"); }
  #content.color5 .content .apply a {
    background-color: #009bdf; }
    #content.color5 .content .apply a:hover {
      background-color: #0679ac; }
  #content.color5.centres .content .detail .map.maps {
    border-bottom: 2px solid #0679ac !important; }
  #content.color6 .content .menu {
    background-image: url("/proact/images/common/ui/color6/menu.jpg"); }
    #content.color6 .content .menu ul {
      background: #d68019; }
      #content.color6 .content .menu ul a:hover, #content.color6 .content .menu ul a.active {
        background: #d54a13; }
  #content.color6 .content .detail h2, #content.color6 .content .detail h1 {
    color: #d68019; }
  #content.color6 .content .detail h3 {
    color: #d68019; }
  #content.color6 .content .detail .highlight {
    color: #d68019; }
  #content.color6 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color6/dot.jpg"); }
  #content.color6 .content .detail a {
    color: #d68019; }
    #content.color6 .content .detail a:hover {
      color: #d54a13; }
    #content.color6 .content .detail a.btn {
      color: #ffffff;
      background-color: #d68019; }
      #content.color6 .content .detail a.btn:hover {
        background-color: #d54a13; }
  #content.color6 .content .detail .download {
    color: #d68019;
    background-image: url("/proact/images/common/ui/color6/download.jpg"); }
    #content.color6 .content .detail .download:hover {
      color: #d54a13;
      background-image: url("/proact/images/common/ui/color6/download_hover.jpg"); }
  #content.color6 .content .detail .tableTab li a:hover, #content.color6 .content .detail .tableTab li a.active {
    background: #d68019; }
  #content.color6 .content .detail .table thead tr {
    background: #d68019; }
    #content.color6 .content .detail .table thead tr .notCourse a:hover {
      color: #d68019; }
  #content.color6 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color6 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #efcca3; }
  #content.color6 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color6/back.jpg"); }
  #content.color6 .content .apply a {
    background-color: #d68019; }
    #content.color6 .content .apply a:hover {
      background-color: #d54a13; }
  #content.color6.centres .content .detail .map.maps {
    border-bottom: 2px solid #d54a13 !important; }
  #content.color7 .content .menu {
    background-image: url("/proact/images/common/ui/color7/menu.jpg"); }
    #content.color7 .content .menu ul {
      background: #01397f; }
      #content.color7 .content .menu ul a:hover, #content.color7 .content .menu ul a.active {
        background: #1b63bc; }
  #content.color7 .content .detail h2, #content.color7 .content .detail h1 {
    color: #01397f; }
  #content.color7 .content .detail h3 {
    color: #01397f; }
  #content.color7 .content .detail .highlight {
    color: #01397f; }
  #content.color7 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color7/dot.jpg"); }
  #content.color7 .content .detail a {
    color: #01397f; }
    #content.color7 .content .detail a:hover {
      color: #1b63bc; }
    #content.color7 .content .detail a.btn {
      color: #ffffff;
      background-color: #01397f; }
      #content.color7 .content .detail a.btn:hover {
        background-color: #1b63bc; }
  #content.color7 .content .detail .download {
    color: #01397f;
    background-image: url("/proact/images/common/ui/color7/download.jpg"); }
    #content.color7 .content .detail .download:hover {
      color: #1b63bc;
      background-image: url("/proact/images/common/ui/color7/download_hover.jpg"); }
  #content.color7 .content .detail .tableTab li a:hover, #content.color7 .content .detail .tableTab li a.active {
    background: #01397f; }
  #content.color7 .content .detail .table thead tr {
    background: #01397f; }
    #content.color7 .content .detail .table thead tr .notCourse a:hover {
      color: #01397f; }
  #content.color7 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color7 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #99b0cc; }
  #content.color7 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color7/back.jpg"); }
  #content.color7 .content .apply a {
    background-color: #01397f; }
    #content.color7 .content .apply a:hover {
      background-color: #1b63bc; }
  #content.color7.centres .content .detail .map.maps {
    border-bottom: 2px solid #1b63bc !important; }
  #content.color8 .content .menu {
    background-image: url("/proact/images/common/ui/color8/menu.jpg"); }
    #content.color8 .content .menu ul {
      background: #0068a2; }
      #content.color8 .content .menu ul a:hover, #content.color8 .content .menu ul a.active {
        background: #0289d4; }
  #content.color8 .content .detail h2, #content.color8 .content .detail h1 {
    color: #0068a2; }
  #content.color8 .content .detail h3 {
    color: #0068a2; }
  #content.color8 .content .detail .highlight {
    color: #0068a2; }
  #content.color8 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color8/dot.jpg"); }
  #content.color8 .content .detail a {
    color: #0068a2; }
    #content.color8 .content .detail a:hover {
      color: #0289d4; }
    #content.color8 .content .detail a.btn {
      color: #ffffff;
      background-color: #0068a2; }
      #content.color8 .content .detail a.btn:hover {
        background-color: #0289d4; }
  #content.color8 .content .detail .download {
    color: #0068a2;
    background-image: url("/proact/images/common/ui/color8/download.jpg"); }
    #content.color8 .content .detail .download:hover {
      color: #0289d4;
      background-image: url("/proact/images/common/ui/color8/download_hover.jpg"); }
  #content.color8 .content .detail .tableTab li a:hover, #content.color8 .content .detail .tableTab li a.active {
    background: #0068a2; }
  #content.color8 .content .detail .table thead tr {
    background: #0068a2; }
    #content.color8 .content .detail .table thead tr .notCourse a:hover {
      color: #0068a2; }
  #content.color8 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color8 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #99c3da; }
  #content.color8 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color8/back.jpg"); }
  #content.color8 .content .apply a {
    background-color: #0068a2; }
    #content.color8 .content .apply a:hover {
      background-color: #0289d4; }
  #content.color8.centres .content .detail .map.maps {
    border-bottom: 2px solid #0289d4 !important; }
  #content.color9 .content .menu {
    background-image: url("/proact/images/common/ui/color9/menu.jpg"); }
    #content.color9 .content .menu ul {
      background: #ba005a; }
      #content.color9 .content .menu ul a:hover, #content.color9 .content .menu ul a.active {
        background: #e2036f; }
  #content.color9 .content .detail h2, #content.color9 .content .detail h1 {
    color: #ba005a; }
  #content.color9 .content .detail h3 {
    color: #ba005a; }
  #content.color9 .content .detail .highlight {
    color: #ba005a; }
  #content.color9 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color9/dot.jpg"); }
  #content.color9 .content .detail a {
    color: #ba005a; }
    #content.color9 .content .detail a:hover {
      color: #e2036f; }
    #content.color9 .content .detail a.btn {
      color: #ffffff;
      background-color: #ba005a; }
      #content.color9 .content .detail a.btn:hover {
        background-color: #e2036f; }
  #content.color9 .content .detail .download {
    color: #ba005a;
    background-image: url("/proact/images/common/ui/color9/download.jpg"); }
    #content.color9 .content .detail .download:hover {
      color: #e2036f;
      background-image: url("/proact/images/common/ui/color9/download_hover.jpg"); }
  #content.color9 .content .detail .tableTab li a:hover, #content.color9 .content .detail .tableTab li a.active {
    background: #ba005a; }
  #content.color9 .content .detail .table thead tr {
    background: #ba005a; }
    #content.color9 .content .detail .table thead tr .notCourse a:hover {
      color: #ba005a; }
  #content.color9 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color9 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #e399bd; }
  #content.color9 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color9/back.jpg"); }
  #content.color9 .content .apply a {
    background-color: #ba005a; }
    #content.color9 .content .apply a:hover {
      background-color: #e2036f; }
  #content.color9.centres .content .detail .map.maps {
    border-bottom: 2px solid #e2036f !important; }
  #content.color10 .content .menu {
    background-image: url("/proact/images/common/ui/color10/menu.jpg"); }
    #content.color10 .content .menu ul {
      background: #b23915; }
      #content.color10 .content .menu ul a:hover, #content.color10 .content .menu ul a.active {
        background: #ce461e; }
  #content.color10 .content .detail h2, #content.color10 .content .detail h1 {
    color: #b23915; }
  #content.color10 .content .detail h3 {
    color: #b23915; }
  #content.color10 .content .detail .highlight {
    color: #b23915; }
  #content.color10 .content .detail .pointList li {
    list-style-image: url("/proact/images/common/ui/color10/dot.jpg"); }
  #content.color10 .content .detail a {
    color: #b23915; }
    #content.color10 .content .detail a:hover {
      color: #ce461e; }
    #content.color10 .content .detail a.btn {
      color: #ffffff;
      background-color: #b23915; }
      #content.color10 .content .detail a.btn:hover {
        background-color: #ce461e; }
  #content.color10 .content .detail .download {
    color: #b23915;
    background-image: url("/proact/images/common/ui/color10/download.jpg"); }
    #content.color10 .content .detail .download:hover {
      color: #ce461e;
      background-image: url("/proact/images/common/ui/color10/download_hover.jpg"); }
  #content.color10 .content .detail .tableTab li a:hover, #content.color10 .content .detail .tableTab li a.active {
    background: #b23915; }
  #content.color10 .content .detail .table thead tr {
    background: #b23915; }
    #content.color10 .content .detail .table thead tr .notCourse a:hover {
      color: #b23915; }
  #content.color10 .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
    #content.color10 .content .detail .table.courseTable tbody tr:hover td {
      background-color: #e0b0a1; }
  #content.color10 .content .detail .back a {
    background-image: url("/proact/images/common/ui/color10/back.jpg"); }
  #content.color10 .content .apply a {
    background-color: #b23915; }
    #content.color10 .content .apply a:hover {
      background-color: #ce461e; }
  #content.color10.centres .content .detail .map.maps {
    border-bottom: 2px solid #ce461e !important; }
  #content.home .banner {
    margin-top: -3px;
    position: relative;
    width: 980px;
    height: 406px;
    overflow: hidden; }
    #content.home .banner .cycle-slide {
      visibility: visible !important; }
      #content.home .banner .cycle-slide.cycle-sentinel {
        visibility: hidden !important; }
    #content.home .banner .bg {
      position: absolute;
      width: 980px;
      height: 3px;
      left: 0;
      top: 0;
      z-index: 999;
      background: url("/proact/images/common/header/bg.png") repeat-x left bottom; }
    #content.home .banner .btn {
      position: absolute;
      z-index: 999;
      top: 206px;
      width: 21px;
      height: 41px;
      background: none no-repeat left top;
      color: transparent;
      cursor: pointer; }
      #content.home .banner .btn:hover {
        background-position: left bottom; }
      #content.home .banner .btn.next {
        right: 37px;
        background-image: url("/proact/images/common/home/banner/next.png"); }
      #content.home .banner .btn.prev {
        left: 37px;
        background-image: url("/proact/images/common/home/banner/prev.png"); }
    #content.home .banner .news {
      position: absolute;
      width: 252px;
      height: 166px;
      top: 33px;
      left: 33px;
      z-index: 999;
      background: url("/proact/images/common/home/banner/news/bg.png") repeat; }
      #content.home .banner .news .detail {
        padding: 5px; }
        #content.home .banner .news .detail a {
          cursor: pointer;
          text-decoration: none; }
          #content.home .banner .news .detail a .newsHeader {
            width: 100%;
            height: 14px;
            display: block;
            background: url("/proact/images/common/home/banner/news/header.png") no-repeat left top; }
          #content.home .banner .news .detail a .newsBody {
            display: block;
            background: #ffffff;
            padding: 0 15px;
            height: 93px;
            overflow: hidden; }
            #content.home .banner .news .detail a .newsBody h2, #content.home .banner .news .detail a .newsBody h1 {
              font-size: 1.2em;
              line-height: 1.333333333em; }
            #content.home .banner .news .detail a .newsBody p {
              text-decoration: underline;
              position: relative;
              color: #565656;
              display: block;
              padding: 5px 29px 15px 0;
              height: 52px;
              font-size: 0.8666666666666667em;
              line-height: 1.2em;
              overflow: hidden;
              margin: 0; }
              #content.home .banner .news .detail a .newsBody p img {
                position: absolute;
                bottom: 15px;
                right: 0; }
          #content.home .banner .news .detail a:hover p {
            color: #565656;
            text-decoration: none; }
        #content.home .banner .news .detail .msg {
          display: block;
          background: #fe874f url("/proact/images/common/home/banner/news/msg.png") no-repeat 15px center;
          padding: 0 15px;
          margin-top: 5px;
          min-height: 44px;
          line-height: 44px;
          color: #ffffff;
          text-align: right;
          cursor: pointer;
          font-size: 1em; }
          #content.home .banner .news .detail .msg:hover {
            color: #ffffff;
            background-color: #f26521; }
  #content.home .promo {
    margin: 15px 0 0;
    padding: 0; }
    #content.home .promo li {
      display: inline-block;
      width: 316px;
      margin: 0;
      padding: 0;
      color: #f26521;
      position: relative;
      vertical-align: top; }
      #content.home .promo li .pic {
        background: #f26521;
        color: #ffffff;
        width: 100%;
        cursor: pointer;
        padding: 0;
        margin: 0; }
        #content.home .promo li .pic img {
          display: block;
          width: 316px;
          height: 211px; }
        #content.home .promo li .pic span {
          display: block;
          background: url("/proact/images/common/home/promo/go.png") no-repeat 295px center;
          padding: 0 0 0 10px;
          margin: 0;
          min-height: 34px;
          line-height: 34px;
          font-size: 1.2em; }
      #content.home .promo li .detail {
        margin-top: 10px;
        padding: 0 10px;
        font-size: 1em; }
        #content.home .promo li .detail h2, #content.home .promo li .detail h1 {
          margin: 0;
          padding-bottom: 5px;
          line-height: 1.2em; }
        #content.home .promo li .detail p {
          color: #f26521;
          font-size: 0.867em;
          margin: 0 0 5px; }
        #content.home .promo li .detail .more {
          display: block;
          margin: 0;
          color: #f26521;
          font-size: 0.867em;
          display: inline;
          line-height: 1.267em; }
          #content.home .promo li .detail .more a {
            background: none;
            color: #f26521;
            font-size: 0.867em;
            display: inline;
            line-height: 1.267em; }
            #content.home .promo li .detail .more a:hover {
              color: #d54a13; }
      #content.home .promo li a:hover .pic {
        background: #d54a13; }
      #content.home .promo li a:hover .detail p, #content.home .promo li a:hover .detail h2, #content.home .promo li a:hover .detail h1, #content.home .promo li a:hover .detail .more {
        color: #d54a13; }
      #content.home .promo li.middle {
        margin: 0 11px; }
      #content.home .promo li.gray {
        color: #4b5c65; }
        #content.home .promo li.gray .pic {
          background: #4b5c65; }
        #content.home .promo li.gray h2, #content.home .promo li.gray p, #content.home .promo li.gray .more {
          color: #4b5c65; }
        #content.home .promo li.gray a:hover .pic {
          background: #4b6266; }
        #content.home .promo li.gray a:hover .detail p, #content.home .promo li.gray a:hover .detail h2, #content.home .promo li.gray a:hover .detail h1, #content.home .promo li.gray a:hover .detail .more {
          color: #4b6266; }
      #content.home .promo li.clearfix {
        width: 100%;
        margin-bottom: 0; }
	#content.about .content .detail {
    width: 413px; }
  #content.about .content .detail.fullWidth {
    width: 710px; }
  #content.about .content .detail .form table.list td {
    padding-bottom: 3px; }
  #content.about .content .detail .table.weatherTable {
    margin-bottom: 20px; }
    #content.about .content .detail .table.weatherTable thead tr {
      background-color: #4b5c65; }
      #content.about .content .detail .table.weatherTable thead tr td, #content.about .content .detail .table.weatherTable thead tr th {
        padding-right: 10px; }
        #content.about .content .detail .table.weatherTable thead tr td.act, #content.about .content .detail .table.weatherTable thead tr th.act {
          border-left: 2px solid #cccccc;
          border-right: 2px solid #cccccc; }
        #content.about .content .detail .table.weatherTable thead tr td.shine, #content.about .content .detail .table.weatherTable thead tr th.shine {
          white-space: nowrap; }
    #content.about .content .detail .table.weatherTable tr.frist {
      border-top: 2px solid #cccccc; }
    #content.about .content .detail .table.weatherTable tr td.type {
      width: 285px;
      line-height: 2.4em;
      padding: 0 0 0 10px; }
    #content.about .content .detail .table.weatherTable tr td.act {
      width: 290px;
      border-left: 2px solid #cccccc;
      border-right: 2px solid #cccccc;
      padding-right: 10px; }
    #content.about .content .detail .table.weatherTable tr.stRowspan {
      border-left: 2px solid #cccccc;
      border-right: 2px solid #cccccc; }
      #content.about .content .detail .table.weatherTable tr.stRowspan td {
        padding-top: 0; }
    #content.about .content .detail .table.weatherTable tr.rowspan {
      border-top: 2px solid #cccccc;
      border-left: 2px solid #cccccc;
      border-right: 2px solid #cccccc; }
      #content.about .content .detail .table.weatherTable tr.rowspan.odd {
        border-top: 2px solid #ffffff; }
  #content.about .content .detail #eventsData_wrapper {
    text-align: right;
    margin-bottom: 10px;
    position: relative;
    z-index: 999; }
    #content.about .content .detail #eventsData_wrapper #eventsData_filter {
      display: inline; }
    #content.about .content .detail #eventsData_wrapper #eventsData_paginate {
      display: inline;
      padding-right: 15px;
      font-size: 0.9333333333333333em;
      line-height: 29px; }
      #content.about .content .detail #eventsData_wrapper #eventsData_paginate a {
        margin: 0 5px;
        display: inline;
        color: #f26521;
        cursor: pointer; }
        #content.about .content .detail #eventsData_wrapper #eventsData_paginate a:hover {
          color: #d54a13; }
        #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous {
          padding-left: 15px;
          background: url("/proact/images/common/ui/prev.jpg") no-repeat left -20px; }
          #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous:hover {
            background-position: left -40px; }
          #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous.disabled {
            background-position: left 0; }
            #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous.disabled:hover {
              background-position: left 0; }
        #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next {
          padding-right: 15px;
          background: url("/proact/images/common/ui/next.jpg") no-repeat right -20px; }
          #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next:hover {
            background-position: right -40px; }
          #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next.disabled {
            background-position: right 0; }
            #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next.disabled:hover {
              background-position: right 0; }
        #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.disabled, #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.current {
          color: #000000;
          cursor: default; }
          #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.disabled:hover, #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.current:hover {
            color: #000000; }
  #content.about .content .detail .data .table {
    width: 100%;
    margin-bottom: 20px; }
    #content.about .content .detail .data .table thead tr {
      background-color: #eeeeee; }
      #content.about .content .detail .data .table thead tr th {
        color: #000000;
        font-weight: bold; }
      #content.about .content .detail .data .table thead tr.title {
        background-color: #f26521;
        border-left: none;
        border-bottom: 2px solid #cccccc; }
        #content.about .content .detail .data .table thead tr.title th {
          font-weight: bold;
          color: #ffffff;
          font-size: 1.2em; }
    #content.about .content .detail .data .table tr {
      background-color: #eeeeee; }
      #content.about .content .detail .data .table tr.odd {
        background-color: #ffffff; }
      #content.about .content .detail .data .table tr td, #content.about .content .detail .data .table tr th {
        padding-right: 10px;
        border-left: 2px solid #cccccc;
        border-right: 2px solid #cccccc; }
        #content.about .content .detail .data .table tr td.date, #content.about .content .detail .data .table tr th.date {
          width: 128px;
          border-left: none; }
        #content.about .content .detail .data .table tr td.name, #content.about .content .detail .data .table tr th.name {
          width: 284px; }
        #content.about .content .detail .data .table tr td.location, #content.about .content .detail .data .table tr th.location {
          width: 186px; }
        #content.about .content .detail .data .table tr td.more, #content.about .content .detail .data .table tr th.more {
          white-space: nowrap;
          text-align: center; }
          #content.about .content .detail .data .table tr td.more a, #content.about .content .detail .data .table tr th.more a {
            padding-bottom: 30px;
            color: #f26521;
            background: url("/proact/images/common/ui/detail.png") no-repeat center 20px; }
            #content.about .content .detail .data .table tr td.more a:hover, #content.about .content .detail .data .table tr th.more a:hover {
              color: #d54a13;
              background-image: url("/proact/images/common/ui/detail_hover.png"); }
  #content.about .content .detail .data.news .table {
    border: none; }
    #content.about .content .detail .data.news .table thead tr.title {
      border: none; }
      #content.about .content .detail .data.news .table thead tr.title th {
        padding-left: 20px; }
    #content.about .content .detail .data.news .table tr td, #content.about .content .detail .data.news .table tr th {
      border: none; }
    #content.about .content .detail .data.news .table tbody tr {
      background: none; }
      #content.about .content .detail .data.news .table tbody tr td {
        width: 50%;
        vertical-align: top;
        position: relative;
        padding: 0; }
        #content.about .content .detail .data.news .table tbody tr td span {
          float: left;
          margin-right: 20px;
          width: 125px;
          overflow: hidden; }
        #content.about .content .detail .data.news .table tbody tr td img {
          float: left;
          margin-right: 20px;
          width: 125px;
          height: 78px; }
        #content.about .content .detail .data.news .table tbody tr td div {
          float: left;
          width: 170px;
          font-size: 0.8666666666666667em;
          line-height: 1.1538461538461537em; }
        #content.about .content .detail .data.news .table tbody tr td a {
          color: #000000;
          padding: 20px;
          width: 317px;
          overflow: hidden; }
          #content.about .content .detail .data.news .table tbody tr td a:hover div {
            text-decoration: underline; }
          #content.about .content .detail .data.news .table tbody tr td a.more {
            color: #f26521;
            position: absolute;
            left: 165px;
            bottom: 20px;
            padding: 0 20px 0 0;
            font-size: 0.8666666666666667em;
            line-height: 1.0666666666666667em;
            background: url("/proact/images/common/ui/detail.png") no-repeat right center; }
            #content.about .content .detail .data.news .table tbody tr td a.more:hover {
              color: #d54a13;
              background-image: url("/proact/images/common/ui/detail_hover.png"); }
        #content.about .content .detail .data.news .table tbody tr td.even {
          background-color: #f2f2f2; }
      #content.about .content .detail .data.news .table tbody tr.odd {
        background: none; }
        #content.about .content .detail .data.news .table tbody tr.odd td.odd {
          background-color: #f2f2f2; }
        #content.about .content .detail .data.news .table tbody tr.odd td.even {
          background: none; }
  #content.about .content .apply {
    width: 286px; }
  #content.centres .overview {
    position: relative;
    margin-top: -3px;
    display: block;
    height: 562px;
    width: 100%;
    background: url("/proact/images/common/centres-and-programmes/overview.jpg") no-repeat right top; }
    #content.centres .overview .bg {
      position: absolute;
      width: 980px;
      height: 3px;
      left: 0;
      top: 0;
      z-index: 999;
      background: url("/proact/images/common/header/bg.png") repeat-x left bottom; }
    #content.centres .overview table td {
      position: relative;
      width: 141px;
      height: 141px;
      background: none no-repeat left top;
      vertical-align: bottom;
      text-align: right; }
      #content.centres .overview table td .courseName {
        padding: 11px;
        font-size: 18px;
        line-height: 20px;
        display: block; }
      #content.centres .overview table td:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9; }
      #content.centres .overview table td.title:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1; }
      #content.centres .overview table td a {
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        height: 140px;
        margin-bottom: 0 1px 1px 0;
        cursor: pointer;
        color: #000000; }
      #content.centres .overview table td.title {
        background-image: url("/proact/images/common/centres-and-programmes/title.jpg");
        vertical-align: top;
        text-align: left; }
        #content.centres .overview table td.title h1 {
          padding: 20px;
          margin: 0;
          color: #ffffff;
          font-size: 30px;
          line-height: 30px;
          font-weight: normal;
          display: block;
          width: 242px; }
      #content.centres .overview table td.course1 {
        color: #5d0011;
        background-image: url("/proact/images/common/centres-and-programmes/course1.jpg"); }
      #content.centres .overview table td.course2 {
        color: #290a5d;
        background-image: url("/proact/images/common/centres-and-programmes/course2.jpg"); }
      #content.centres .overview table td.course3 {
        color: #005144;
        background-image: url("/proact/images/common/centres-and-programmes/course3.jpg"); }
      #content.centres .overview table td.course4 {
        color: #f47b70;
        background-image: url("/proact/images/common/centres-and-programmes/course4.jpg"); }
      #content.centres .overview table td.course5 {
        color: #009bdf;
        background-image: url("/proact/images/common/centres-and-programmes/course5.jpg"); }
      #content.centres .overview table td.course6 {
        color: #d68019;
        background-image: url("/proact/images/common/centres-and-programmes/course6.jpg"); }
      #content.centres .overview table td.course7 {
        color: #01397f;
        background-image: url("/proact/images/common/centres-and-programmes/course7.jpg"); }
      #content.centres .overview table td.course8 {
        color: #0068a2;
        background-image: url("/proact/images/common/centres-and-programmes/course8.jpg"); }
      #content.centres .overview table td.course9 {
        color: #ba005a;
        background-image: url("/proact/images/common/centres-and-programmes/course9.jpg"); }
      #content.centres .overview table td.course10 {
        color: #b23915;
        background-image: url("/proact/images/common/centres-and-programmes/course10.jpg"); }
  #content.centres .course {
    display: block;
    height: 78px;
    padding-right: 228px;
    margin-top: -3px;
    position: relative; }
    #content.centres .course .bg {
      position: absolute;
      width: 980px;
      height: 3px;
      left: 0;
      top: 0;
      z-index: 999;
      background: url("/proact/images/common/header/bg.png") repeat-x left bottom; }
    #content.centres .course ul {
      width: 100%;
      font-size: 15px;
      line-height: 16px; }
      #content.centres .course ul li {
        float: left;
        list-style: none;
        width: 130px;
        padding: 15px 0 0 0px;
        font-size: 15px;
        line-height: 16px; }
        #content.centres .course ul li a {
          padding-left: 20px;
          cursor: pointer;
          background: none no-repeat left center;
          display: inline;
          font-size: 1em;
          line-height: 1.0666666666666667em; }
        #content.centres .course ul li.color1 a {
          color: #5d0011;
          background-image: url("/proact/images/common/ui/color1/dot.jpg"); }
          #content.centres .course ul li.color1 a:hover {
            color: #8c4350; }
        #content.centres .course ul li.color2 a {
          color: #290a5d;
          background-image: url("/proact/images/common/ui/color2/dot.jpg"); }
          #content.centres .course ul li.color2 a:hover {
            color: #574482; }
        #content.centres .course ul li.color3 a {
          color: #005144;
          background-image: url("/proact/images/common/ui/color3/dot.jpg"); }
          #content.centres .course ul li.color3 a:hover {
            color: #266b60; }
        #content.centres .course ul li.color4 a {
          color: #f47b70;
          background-image: url("/proact/images/common/ui/color4/dot.jpg"); }
          #content.centres .course ul li.color4 a:hover {
            color: #da5144; }
        #content.centres .course ul li.color5 a {
          color: #009bdf;
          background-image: url("/proact/images/common/ui/color5/dot.jpg"); }
          #content.centres .course ul li.color5 a:hover {
            color: #0679ac; }
        #content.centres .course ul li.color6 a {
          color: #d68019;
          background-image: url("/proact/images/common/ui/color6/dot.jpg"); }
          #content.centres .course ul li.color6 a:hover {
            color: #d54a13; }
        #content.centres .course ul li.color7 a {
          color: #01397f;
          background-image: url("/proact/images/common/ui/color7/dot.jpg"); }
          #content.centres .course ul li.color7 a:hover {
            color: #1b63bc; }
        #content.centres .course ul li.color8 a {
          color: #0068a2;
          background-image: url("/proact/images/common/ui/color8/dot.jpg"); }
          #content.centres .course ul li.color8 a:hover {
            color: #0289d4; }
        #content.centres .course ul li.color9 a {
          color: #ba005a;
          background-image: url("/proact/images/common/ui/color9/dot.jpg"); }
          #content.centres .course ul li.color9 a:hover {
            color: #e2036f; }
        #content.centres .course ul li.color10 a {
          color: #b23915;
          background-image: url("/proact/images/common/ui/color10/dot.jpg"); }
          #content.centres .course ul li.color10 a:hover {
            color: #ce461e; }
  #content.centres .content .detail.fullWidth {
    width: 710px; }
    #content.centres .content .detail.fullWidth h2, #content.centres .content .detail.fullWidth h1, #content.centres .content .detail.fullWidth h3 {
      width: 470px; }
  #content.centres .content .detail .table.courseTable .courseID {
    white-space: nowrap;
    padding-right: 5px; }
  #content.centres .content .detail .table.courseTable .name {
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    width: 415px; }
  #content.centres .content .detail .table.courseTable .location {
    width: 216px; }
  #content.centres .content .detail .table.courseTable tbody tr {
    cursor: pointer; }
  #content.centres .content .detail .table.courseDetail td {
    padding: 8px 10px;
    vertical-align: top; }
    #content.centres .content .detail .table.courseDetail td.title {
      white-space: nowrap;
      border-right: 2px solid #cccccc; }
  #content.centres .content .detail .map {
    position: relative;
    width: 472px;
    height: 306px; }
    #content.centres .content .detail .map.maps {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 2px solid #f26521; }
    #content.centres .content .detail .map #MyGmaps, #content.centres .content .detail .map #MyGmaps2 {
      width: 472px;
      height: 306px; }
    #content.centres .content .detail .map .mapBG {
      position: absolute;
      left: 0;
      top: 0; }
  #content.centres .content .detail .apply {
    position: absolute;
    top: 12px;
    right: 0; }
    #content.centres .content .detail .apply a {
      color: #ffffff; }
  #content.training .content .detail {
    width: 413px; }
    #content.training .content .detail.fullWidth {
      width: 710px; }
  #content.training .content .apply {
    width: 286px; }
  #content.apprenticeship .content .detail {
    width: 630px; }
    #content.apprenticeship .content .detail .btn {
      width: 250px;
      margin-bottom: 10px; }
      #content.apprenticeship .content .detail .btn span {
        display: block;
        background-position: 10px center; }
  #content.apprenticeship .content .apply {
    width: 286px; }
  #content.trade .content .detail {
    width: 630px; }
    #content.trade .content .detail p {
      margin-bottom: 10px; }
    #content.trade .content .detail .pointList {
      margin-bottom: 0; }
      #content.trade .content .detail .pointList li {
        float: left;
        width: 49%;
        margin-bottom: 10px; }
        #content.trade .content .detail .pointList li.clearfix {
          float: none;
          width: 100%;
          display: block;
          margin-bottom: 0; }
    #content.trade .content .detail .btn {
      width: 160px; }
  #content.trade .content .apply {
    width: 286px; }
  #content.sitemap .detail {
    width: auto;
    display: block; }
    #content.sitemap .detail h3 {
      color: #4b5c65;
      border-bottom: 2px solid #f26521;
      margin-bottom: 10px; }
    #content.sitemap .detail a {
      color: #000000; }
      #content.sitemap .detail a:hover {
        text-decoration: underline;
        color: #f26521; }
    #content.sitemap .detail .pointList li {
      float: left;
      width: 164px;
      margin-right: 20px;
      margin-bottom: 10px;
      color: #4b5c65;
      font-weight: bold; }
      #content.sitemap .detail .pointList li a {
        display: inline;
        font-weight: normal; }
      #content.sitemap .detail .pointList li .pointList {
        padding-top: 5px; }
        #content.sitemap .detail .pointList li .pointList li {
          float: none;
          width: 100%; }
      #content.sitemap .detail .pointList li.course1 .pointList li {
        list-style-image: url("/proact/images/common/ui/color1/dot.jpg"); }
      #content.sitemap .detail .pointList li.course2 .pointList li {
        list-style-image: url("/proact/images/common/ui/color2/dot.jpg"); }
      #content.sitemap .detail .pointList li.course3 .pointList li {
        list-style-image: url("/proact/images/common/ui/color3/dot.jpg"); }
      #content.sitemap .detail .pointList li.course4 .pointList li {
        list-style-image: url("/proact/images/common/ui/color4/dot.jpg"); }
      #content.sitemap .detail .pointList li.course5 .pointList li {
        list-style-image: url("/proact/images/common/ui/color5/dot.jpg"); }
      #content.sitemap .detail .pointList li.course6 .pointList li {
        list-style-image: url("/proact/images/common/ui/color6/dot.jpg"); }
      #content.sitemap .detail .pointList li.course7 .pointList li {
        list-style-image: url("/proact/images/common/ui/color7/dot.jpg"); }
      #content.sitemap .detail .pointList li.course8 .pointList li {
        list-style-image: url("/proact/images/common/ui/color8/dot.jpg"); }
      #content.sitemap .detail .pointList li.course9 .pointList li {
        list-style-image: url("/proact/images/common/ui/color9/dot.jpg"); }
      #content.sitemap .detail .pointList li.course10 .pointList li {
        list-style-image: url("/proact/images/common/ui/color10/dot.jpg"); }
      #content.sitemap .detail .pointList li.clearfix {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 0; }

.footer {
  background: #f4f4f4;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  width: 100%; }
  .footer .content div {
    font-size: 12px;
    line-height: 16px;
    width: 49%;
    position: relative;
    vertical-align: top;
    color: #000000; }
    .footer .content div.right {
      text-align: right; }
    .footer .content div ul {
      padding: 0 0 8px;
      margin: 0;
      width: 100%;
      display: block; }
      .footer .content div ul li {
        padding: 0 3px;
        margin: 0;
        display: inline;
        list-style: none; }
        .footer .content div ul li.last {
          padding-right: 0;
          border: none; }
        .footer .content div ul li a {
          color: #000000;
          cursor: pointer; }
          .footer .content div ul li a:hover, .footer .content div ul li a.active {
            color: #f26521; }
    .footer .content div a {
      display: inline; }

.tc {
  font-family: 'Microsoft JhengHei'; }
  .tc input {
    font-family: 'Microsoft JhengHei'; }

.sc {
  font-family: 'Microsoft JhengHei'; }
  .sc input {
    font-family: 'Microsoft JhengHei'; }

.en #content .content .menu ul a {
  line-height: 1.4em;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 1.4em;
  padding-left: 22px; }
.en #content.home .banner .news .detail .newsBody a {
  padding: 5px 29px 15px 0; }
.en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous {
  background: url("/proact/images/common/ui/prev.jpg") no-repeat left -22px; }
  .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous:hover {
    background-position: left -42px; }
  .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous.disabled {
    background-position: left -2px; }
    .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous.disabled:hover {
      background-position: left -2px; }
.en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next {
  padding-right: 15px;
  background: url("/proact/images/common/ui/next.jpg") no-repeat right -22px; }
  .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next:hover {
    background-position: right -42px; }
  .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next.disabled {
    background-position: right -2px; }
    .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next.disabled:hover {
      background-position: right -2px; }
.en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.disabled, .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.current {
  color: #000000;
  cursor: default; }
  .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.disabled:hover, .en #content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button.current:hover {
    color: #000000; }
.en #content.centres .course ul li {
  width: 140px; }
  .en #content.centres .course ul li.color3, .en #content.centres .course ul li.color8 {
    width: 180px; }

.large .select {
  width: 105px; }
  .large .select ul {
    width: 105px; }
.large .tabList {
  margin-bottom: 10px; }
  .large .tabList li {
    margin-bottom: 10px; }
    .large .tabList li a.tab {
      padding: 5px 20px; }
      .large .tabList li a.tab span {
        top: 5px; }
    .large .tabList li.gray a.tab {
      padding: 5px 20px; }
.large#content .content .menu ul a {
  padding: 5px 0 5px 5px; }
.large#content .content .detail .btn {
  padding: 5px 10px; }
.large#content .content .apply a {
  padding: 5px 0; }
.large#content.home .banner .news {
  height: auto;
  left: 66px; }
  .large#content.home .banner .news .detail .newsBody {
    height: auto;
    overflow: visible; }
    .large#content.home .banner .news .detail .newsBody p {
      padding: 10px 15px 15px 0;
      height: auto;
      cursor: pointer; }
.large#content.home .promo li a span {
  line-height: 45px;
  height: 45px; }
.large#content.home .promo li.middle {
  margin: 0 7px; }
.large#content.about .content .detail .table.weatherTable thead tr {
  background-color: #4b5c65; }
  .large#content.about .content .detail .table.weatherTable thead tr td.shine, .large#content.about .content .detail .table.weatherTable thead tr th.shine {
    white-space: normal; }
.large#content.about .content .detail .table.weatherTable tr td.type {
  white-space: normal; }
.large#content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_previous {
  background: none; }
.large#content.about .content .detail #eventsData_wrapper #eventsData_paginate a.paginate_button#eventsData_next {
  background: none; }
.large#content.about .content .detail .data .table tr td.more a, .large#content.about .content .detail .data .table tr th.more a {
  background-position: center 40px; }
.large#content.about .content .detail .data.news .table tbody tr td a {
  height: auto; }
.large#content.centres .content .detail.fullWidth h2, .large#content.centres .content .detail.fullWidth h1, .large#content.centres .content .detail.fullWidth h3 {
  width: 470px; }
.large#content.trade .content .detail .btn {
  width: 200px; }
.large#content.apprenticeship .content .detail .btn {
  width: 340px; }

.ie .tc, .ie .sc {
  font-family: 'Microsoft JhengHei'; }
  .ie .tc input, .ie .sc input {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc .tabList, .ie .sc .tabList {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc .select, .ie .sc .select {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc .header, .ie .sc .header {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content.home .banner .news, .ie .sc #content.home .banner .news {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content.home .promo .more, .ie .sc #content.home .promo .more {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .course ul li a, .ie .sc #content .course ul li a {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .menu ul a, .ie .sc #content .content .menu ul a {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .detail h2, .ie .tc #content .content .detail h1, .ie .sc #content .content .detail h2, .ie .sc #content .content .detail h1 {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .detail h3, .ie .sc #content .content .detail h3 {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .detail p, .ie .sc #content .content .detail p {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .detail .decimalList li, .ie .sc #content .content .detail .decimalList li {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .detail .pointList li, .ie .sc #content .content .detail .pointList li {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .detail table td, .ie .sc #content .content .detail table td {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content .content .apply .comment, .ie .sc #content .content .apply .comment {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc #content.about .content .detail .data .table thead tr.title, .ie .sc #content.about .content .detail .data .table thead tr.title {
    font-family: 'Microsoft JhengHei'; }
  .ie .tc .footer, .ie .sc .footer {
    font-family: 'Microsoft JhengHei'; }

.ie7 img {
  display: inline; }
.ie7 .decimalList {
  padding-left: 30px; }
.ie7 .pointList {
  padding-left: 30px; }
.ie7 .select {
  display: inline;
  height: 22px; }
  .ie7 .select a.selected span {
    display: inline-block;
    float: none;
    position: absolute;
    right: 1px;
    top: 1px; }
.ie7 .header a {
  display: inline; }
.ie7 .header .content {
  display: inline; }
.ie7 .header .menu li {
  display: inline; }
.ie7 #content.large .content .detail .btn span {
  display: block; }
.ie7 #content.large.home .banner .news .detail .newsBody {
  margin-top: -6px; }
.ie7 #content.home .promo li {
  display: inline; }
  .ie7 #content.home .promo li.middle {
    margin: 0 16px; }
.ie7 #content .content .menu {
  display: inline; }
.ie7 #content .content .detail {
  display: inline; }
.ie7 #content .content .apply {
  display: inline; }
.ie7 #content.about .content .detail .table.weatherTable tr.frist td {
  border-top: 2px solid #cccccc; }
.ie7 #content.about .content .detail .table.weatherTable tr.stRowspan td {
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc; }
.ie7 #content.about .content .detail .table.weatherTable tr.rowspan td {
  border-top: 2px solid #cccccc;
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc; }
.ie7 #content.about .content .detail .table.weatherTable tr.rowspan.odd td {
  border-top: 2px solid #ffffff; }
.ie7 #content.trade .content .detail .pointList {
  padding-left: 0; }
  .ie7 #content.trade .content .detail .pointList li {
    list-style-image: none;
    background: url("/proact/images/common/ui/color0/dot.jpg") no-repeat left center;
    padding-left: 20px;
    width: 290px; }
    .ie7 #content.trade .content .detail .pointList li.clearfix {
      width: 100%;
      height: 0;
      line-height: 0;
      background: none; }
.ie7 #content.sitemap .detail {
  width: auto;
  display: block; }
  .ie7 #content.sitemap .detail h3 {
    color: #4b5c65;
    border-bottom: 2px solid #f26521;
    margin-bottom: 10px; }
  .ie7 #content.sitemap .detail .pointList {
    padding-left: 0; }
    .ie7 #content.sitemap .detail .pointList li {
      list-style-image: none;
      background: url("/proact/images/common/ui/color0/dot.jpg") no-repeat left 5px;
      padding-left: 20px;
      width: 144px; }
      .ie7 #content.sitemap .detail .pointList li .pointList {
        padding-left: 20px;
        width: 100%; }
        .ie7 #content.sitemap .detail .pointList li .pointList li {
          float: none;
          padding-left: 0;
          background: none; }
      .ie7 #content.sitemap .detail .pointList li.clearfix {
        width: 100%;
        height: 0;
        line-height: 0;
        background: none; }

/*# sourceMappingURL=layout.css.map */