@charset "UTF-8";
body {
  font-family: "微软雅黑","Microsoft Yahei", Tahoma, Helvetica, Arial,  STXihei, "华文细黑", sans-serif;
  background-color: #dedede; }
  body .latestAlbumsBlock, body .latestNewsBlock {
    margin-top: 15px;
    padding: 5px 10px 0;
    height: 440px; }
    body .latestAlbumsBlock .latestAlbumTitle, body .latestNewsBlock .latestNewsTitle {
      margin-top: -25px;
      margin-bottom: 40px;
      margin-left: 0px; }
  body .achievementsBlock, body .videoBlock, body .calendarBlock {
    margin-top: 70px;
    padding-top: 10px;
    height: 300px; }
    body .achievementsBlock .achievementsTitle, body .videoBlock .videoTitle, body .calendarBlock .calendarTitle {
      margin-top: -60px;
      margin-bottom: 25px; }
      body .achievementsBlock .achievementsTitle img, body .videoBlock .videoTitle img, body .calendarBlock .calendarTitle img {
        max-height: 80px; }
  body #main-container {
    position: relative; }
  body .mobile-menu-button {
    position: relative;
    color: white;
    width: 100%;
    border: none;
    font-size: 16px;
    text-align: left;
    padding: 6px; }
    body .mobile-menu-button .mobile-menu-title {
      position: absolute;
      top: 0;
      left: 55px;
      right: 0;
      bottom: 0;
      line-height: 40px; }
  body #content {
    position: relative;
    z-index: 1;
    background-color: #efefef; }
  body header {
    position: relative; }
    body header .school-icon {
      position: absolute;
      top: 5px;
      left: 5px;
      height: 19%; }
      body header .school-icon img {
        max-width: none;
        height: 100%; }
    @media screen and (max-width: 991px) {
      body header .wheel-nav {
        display: none; } }
  body .footer-bg {
    position: absolute;
    height: 232px;
    background: #efefef;
    bottom: 0;
    left: 10px;
    right: 10px; }
  body footer {
    height: 232px;
    background: url("../images/bottomBarBg.png") no-repeat top right;
    background-size: cover;
    margin-top: -5px;
    padding-top: 50px;
    z-index: 2;
    position: relative; }
    body footer .footerImage {
      display: block;
      max-width: 98%;
      margin: 0 auto; }
    body footer .copyright {
      position: absolute;
      bottom: 5px;
      right: 10px;
      left: 0;
      color: white;
      text-align: right; }
  body .container {
    padding-left: 10px;
    padding-right: 10px; }
  body .row {
    margin: 0; }
  body .latestAlbumsBlock {
    background: url("../images/bg_album.png") no-repeat bottom left;
    background-size: contain; }
    body .latestAlbumsBlock .slides {
      height: 300px; }
  body .latestNewsBlock {
    background: url("../images/bg_news.png") no-repeat bottom left;
    background-size: contain;
    position: relative; }
    body .latestNewsBlock .latestNewsTitle {
      margin-bottom: 15px;
      margin-top: -20px;
      margin-left: -20px; }
    body .latestNewsBlock .latestNewsBox {
      padding: 0px 10px 20px 10px; }
      @media (max-width: 1199px) {
        body .latestNewsBlock .latestNewsBox {
          padding-top: 3%; } }
      @media (max-width: 991px) {
        body .latestNewsBlock .latestNewsBox {
          padding-top: 5%; } }
      body .latestNewsBlock .latestNewsBox .news-date {
        color: white;
        font-size: 10px; }
      body .latestNewsBlock .latestNewsBox .news-title {
        color: white;
        font-size: 16px;
        padding-bottom: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    body .latestNewsBlock .btn_latestNews {
      position: absolute;
      bottom: 6px;
      right: -12px; }
  body .achievementsBlock {
    background: url("../images/bg_awards.png") no-repeat bottom left;
    background-size: contain;
    position: relative; }
    body .achievementsBlock .achievementsBox {
      position: absolute;
      top: 68px;
      left: 0;
      right: 0;
      bottom: 0; }
      body .achievementsBlock .achievementsBox .ach-date {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 14px;
        font-weight: bold; }
      body .achievementsBlock .achievementsBox .ach-title {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        overflow: hidden; }
  body .videoBlock {
    background: url("../images/bg_video.png") no-repeat bottom left;
    background-size: contain;
    position: relative; }
    body .videoBlock .videoTitle {
      margin-top: -50px;
      margin-bottom: 25px; }
    body .videoBlock .videoBox {
      position: absolute;
      bottom: 0;
      top: 62px;
      left: 0;
      right: 0;
      padding: 5px 2px; }
  body .calendarBlock {
    background: url("../images/bg_calendar.png") no-repeat bottom left;
    background-size: contain;
    height: 385px;
    position: relative; }
    body .calendarBlock .calendarBox {
      position: absolute;
      top: 62px;
      left: 15px;
      right: 15px;
      bottom: 15px;
      overflow: hidden; }
      body .calendarBlock .calendarBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  body .linksBlock .row div {
    padding: 0 5px; }
  body .school-info {
    margin-top: 20px; }
    body .school-info img {
      width: 100%;
      height: auto; }
  @media screen and (max-width: 1199px) {
    body .latestAlbumsBlock, body .latestNewsBlock, body .achievementsBlock, body .videoBlock, body .calendarBlock {
      background-size: cover; }
    body .achievementsBlock, body .videoBlock, body .calendarBlock {
      background-position-y: 20px; }
    body .latestAlbumsBlock {
      background-position-y: 35px; }
    body .latestNewsBlock {
      background-position-y: 20px; }
    body .calendarBlock {
      background-position-y: -5px; }
      body .calendarBlock .calendarTitle {
        margin-top: -25px; }
      body .calendarBlock .calendarBox {
        top: 100px; }
    body .linksBlock {
      margin-top: 20px; } }
  @media screen and (max-width: 991px) {
    body .achievementsBlock, body .videoBlock, body .calendarBlock {
      background-position-y: 20px; }
    body .latestAlbumsBlock {
      background-position-y: 35px; }
    body .latestNewsBlock {
      background-position-y: 55px; }
    body .calendarBlock {
      background-position-y: 10px; } }
  @media screen and (max-width: 767px) {
    body .calendarBlock {
      background-position-y: 30px; } }

@media (min-width: 1200px) {
  .container {
    width: 1280px; } }
.pageContainer table td {
  padding: 2px; }

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