@charset "UTF-8";
/* set global config vars */
/* defualt page width setting(PC) */
/* off canvas menu width *eg. 70px or 70% */
/* main slide margin top */
/* header height */
/* footer height */
/* global body setting */
/* default font family */
/* text sizing multiplier */
/* text sizing */
/* default theme color */
/* special theme */
/* insert special theme for this website */
/* text sizing */
@font-face {
  font-family: 'tf_chiangsaen';
  src: url("../../../fonts/PSL094cs.eot");
  src: local("☺"), url("../../../fonts/PSL094cs.woff") format("woff"), url("../../../fonts/PSL094cs.ttf") format("truetype"), url("../../../fonts/PSL094cs.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tf_chiangsaen_bold';
  src: url("../../../fonts/PSL096cs.eot");
  src: local("☺"), url("../../../fonts/PSL096cs.woff") format("woff"), url("../../../fonts/PSL096cs.ttf") format("truetype"), url("../../../fonts/PSL096cs.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* note : for IE8,7 need css3pie helper*/
.career-wrapper {
  padding-top: 45px; }
  .career-wrapper .list-group {
    margin-bottom: 25px; }
    .career-wrapper .list-group .list-group-item {
      padding: 1px 0 1px 0;
      margin: 0 auto;
      margin-bottom: 0;
      border: none;
      border-top: 1px solid #333;
      background-color: transparent; }
      .career-wrapper .list-group .list-group-item:first-child {
        padding: 0;
        border-bottom: none; }
      .career-wrapper .list-group .list-group-item:last-child {
        padding: 0;
        border-bottom: 1px solid #333; }
      .career-wrapper .list-group .list-group-item .list-group-head {
        height: auto;
        padding: 15px 5px;
        border: none;
        background-color: transparent;
        cursor: pointer; }
        .career-wrapper .list-group .list-group-item .list-group-head > div {
          height: auto;
          padding: 0;
          margin: 0;
          line-height: 34px; }
          .career-wrapper .list-group .list-group-item .list-group-head > div h3 {
            max-width: 90%;
            margin: 0;
            line-height: 34px;
            color: #333; }
          .career-wrapper .list-group .list-group-item .list-group-head > div .icn-circle {
            position: absolute;
            top: 0;
            right: 0;
            font-size: 30px;
            color: #333;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -pie-border-radius: 50%;
            behavior: url(pie/PIE.htc);
            background-color: transparent; }
            .career-wrapper .list-group .list-group-item .list-group-head > div .icn-circle.fa-stack {
              width: 34px;
              height: 34px; }
              .career-wrapper .list-group .list-group-item .list-group-head > div .icn-circle.fa-stack .fa-stack-2x {
                font-size: 30px;
                line-height: 34px; }
          .career-wrapper .list-group .list-group-item .list-group-head > div a {
            position: absolute;
            top: 0px;
            left: 10px;
            height: 25px;
            color: #fff;
            text-decoration: none;
            vertical-align: middle;
            line-height: 23px; }
        .career-wrapper .list-group .list-group-item .list-group-head.active {
          border-bottom: none; }
      .career-wrapper .list-group .list-group-item .active > div {
        padding: 0;
        margin: 0;
        line-height: 34px; }
        .career-wrapper .list-group .list-group-item .active > div .fa-angle-down:before {
          content: "\f106"; }
      .career-wrapper .list-group .list-group-item .list-group-content {
        display: none;
        height: auto;
        padding: 5px;
        padding-bottom: 20px;
        border: none;
        border-top: none;
        text-align: left;
        background-color: transparent; }
        .career-wrapper .list-group .list-group-item .list-group-content.opened {
          display: block; }
        .career-wrapper .list-group .list-group-item .list-group-content .position-main {
          margin-bottom: 30px; }
          .career-wrapper .list-group .list-group-item .list-group-content .position-main h3 {
            margin-bottom: 10px;
            font-size: 26px;
            color: #ec008b; }
          .career-wrapper .list-group .list-group-item .list-group-content .position-main ul {
            list-style-type: disc;
            list-style-position: outside;
            padding-right: 20px;
            padding-left: 20px;
            margin: 0; }
            .career-wrapper .list-group .list-group-item .list-group-content .position-main ul li {
              font-size: 22px;
              line-height: 30px;
              white-space: normal; }
          .career-wrapper .list-group .list-group-item .list-group-content .position-main ol {
            list-style-type: decimal;
            list-style-position: outside;
            padding-right: 20px;
            padding-left: 20px;
            margin: 0; }
            .career-wrapper .list-group .list-group-item .list-group-content .position-main ol li {
              font-size: 22px;
              line-height: 30px;
              white-space: normal; }
        .career-wrapper .list-group .list-group-item .list-group-content .position-register {
          margin-bottom: 15px; }
          .career-wrapper .list-group .list-group-item .list-group-content .position-register h3 {
            margin-bottom: 10px;
            font-size: 26px;
            color: #ec008b; }
        .career-wrapper .list-group .list-group-item .list-group-content .upload-wrap {
          position: relative;
          display: block;
          width: 100%; }
        .career-wrapper .list-group .list-group-item .list-group-content .browse-wrap {
          width: 100%;
          height: 34px;
          top: 0;
          left: 0;
          margin: 0;
          cursor: pointer;
          overflow: hidden;
          padding: 0 10px;
          text-align: center;
          position: relative;
          background-color: #999;
          background-image: url("../../../../images/site/icons/icon-upload.png");
          background-position: 15px center;
          background-repeat: no-repeat; }
          .career-wrapper .list-group .list-group-item .list-group-content .browse-wrap .title {
            color: #fff;
            line-height: 34px; }
          .career-wrapper .list-group .list-group-item .list-group-content .browse-wrap .upload {
            width: 100%;
            height: 100%;
            right: 0;
            margin: 0;
            bottom: 0;
            padding: 0;
            opacity: 0;
            outline: none;
            cursor: inherit;
            position: absolute; }
        .career-wrapper .list-group .list-group-item .list-group-content .upload-path {
          display: block;
          width: 100%;
          height: 36px;
          margin-bottom: 10px; }
  .career-wrapper .list-pagination {
    text-align: right;
    vertical-align: middle;
    line-height: 40px;
    margin-bottom: 30px; }
    .career-wrapper .list-pagination .page-text {
      font-size: 22px; }
    .career-wrapper .list-pagination .view-all {
      font-size: 22px;
      cursor: pointer; }
      .career-wrapper .list-pagination .view-all:hover {
        color: #ec008b; }
    .career-wrapper .list-pagination .holder {
      position: relative;
      margin: 0;
      display: inline-block;
      vertical-align: top; }
      .career-wrapper .list-pagination .holder a {
        width: 25px;
        height: 25px;
        display: inline-block;
        font-size: 22px;
        line-height: 25px;
        cursor: pointer;
        margin: 0 10px;
        color: #333;
        text-align: center; }
        .career-wrapper .list-pagination .holder a:hover {
          background-color: #ec008b;
          color: #fff; }
        .career-wrapper .list-pagination .holder a.jp-previous {
          width: auto;
          padding-left: 20px;
          color: #333;
          background-color: transparent;
          background-image: url("../../../../images/site/icons/icon-left-black.png");
          background-position: 5px center;
          background-repeat: no-repeat; }
          .career-wrapper .list-pagination .holder a.jp-previous:hover {
            color: #f26522;
            background-image: url("../../../../images/site/icons/icon-left-red.png");
            background-color: transparent; }
          .career-wrapper .list-pagination .holder a.jp-previous.jp-disabled {
            cursor: not-allowed;
            opacity: 0.5; }
            .career-wrapper .list-pagination .holder a.jp-previous.jp-disabled:hover {
              color: #333;
              opacity: 0.5;
              background-image: url("../../../../images/site/icons/icon-left-black.png"); }
        .career-wrapper .list-pagination .holder a.jp-next {
          width: auto;
          padding-right: 20px;
          color: #333;
          background-color: transparent;
          background-image: url("../../../../images/site/icons/icon-right-black.png");
          background-position: calc(100% - 5px) center;
          background-repeat: no-repeat; }
          .career-wrapper .list-pagination .holder a.jp-next:hover {
            color: #f26522;
            background-image: url("../../../../images/site/icons/icon-right-red.png");
            background-color: transparent; }
          .career-wrapper .list-pagination .holder a.jp-next.jp-disabled {
            cursor: not-allowed;
            opacity: 0.5; }
            .career-wrapper .list-pagination .holder a.jp-next.jp-disabled:hover {
              color: #333;
              opacity: 0.5;
              background-image: url("../../../../images/site/icons/icon-right-black.png"); }
        .career-wrapper .list-pagination .holder a.jp-first, .career-wrapper .list-pagination .holder a.jp-last {
          color: #333;
          background-color: transparent; }
          .career-wrapper .list-pagination .holder a.jp-first:hover, .career-wrapper .list-pagination .holder a.jp-last:hover {
            color: #333;
            background-color: transparent; }
        .career-wrapper .list-pagination .holder a.jp-current {
          background-color: #ec008b;
          color: #fff; }
          .career-wrapper .list-pagination .holder a.jp-current:hover {
            color: #fff; }