/*------------------
Style Class
------------------*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .col-lg-1 {
    width: 8.3333%; }

  .col-lg-2 {
    width: 16.6666%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.3333%; }

  .col-lg-5 {
    width: 41.6666%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.3333%; }

  .col-lg-8 {
    width: 66.6666%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.3333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .list-lg-i2 > li {
    width: 48%; }
    .list-lg-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-lg-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-lg-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-lg-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-lg-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-lg-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-lg-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-lg-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-lg-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .col-md-1 {
    width: 8.3333%; }

  .col-md-2 {
    width: 16.6666%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.3333%; }

  .col-md-5 {
    width: 41.6666%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.3333%; }

  .col-md-8 {
    width: 66.6666%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.3333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .list-md-i2 > li {
    width: 48%; }
    .list-md-i2 > li:nth-child(even) {
      float: right; }

  .list-md-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-md-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-md-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-md-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-md-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-md-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-md-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-md-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 768px) {
  .col-sm-1 {
    width: 8.3333%; }

  .col-sm-2 {
    width: 16.6666%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.3333%; }

  .col-sm-5 {
    width: 41.6666%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.3333%; }

  .col-sm-8 {
    width: 66.6666%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.3333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .list-sm-i1 > li {
    width: 100%;
    margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%;
    margin-right: 4%; }
    .list-sm-i2 > li:nth-child(even) {
      float: right; }
  .list-sm-i2.list-lg-i3 > li:nth-child(3n) {
    margin-right: 4%; }
  .list-sm-i2.list-lg-i3 > li:nth-child(2n) {
    margin-right: 0%; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%; }
    .list-sm-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
  .list-xs-i1 > li {
    width: 100%;
    margin-right: 0%; } }
/*==========================================
Small Screen
==========================================*/
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  .wrap-inner {
    width: 1200px; }

  header nav .wrap-inner > div {
    padding: 0 10px; }
    header nav .wrap-inner > div .nav-sub {
      left: 10px; }

  #footer-top #footer-nav li {
    margin-right: 40px; } }
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .wrap-inner {
    width: 1000px; }

  header.scrolled {
    margin-top: -142px; }
  header .inner-container {
    padding: 20px 0; }
    header .inner-container #head-logo-had {
      height: 80px; }
    header .inner-container .organzine-list {
      margin-top: 0; }
      header .inner-container .organzine-list li {
        margin-right: 30px; }
        header .inner-container .organzine-list li:nth-last-child(1) {
          margin-right: 0; }
        header .inner-container .organzine-list li p {
          margin-bottom: 10px; }
        header .inner-container .organzine-list li img {
          height: 40px; }
    header .inner-container .main-logo {
      top: 0;
      height: 80px; }
  header nav .wrap-inner > div {
    padding: 0 10px;
    float: left; }
    header nav .wrap-inner > div .nav-sub {
      left: 10px; }

  .page-container {
    margin-top: 182px; }

  #home-intro {
    padding: 30px 20px 40px 20px; }

  #footer-top {
    padding: 20px 0 30px 0; }
    #footer-top .organzine-list li img {
      height: 40px; }
    #footer-top .organzine-list li p {
      margin-bottom: 10px; }
    #footer-top #footer-nav li {
      margin-right: 40px; }

  .article-list li {
    width: calc((100% - 30px) / 2); }
    .article-list li:nth-child(3n) {
      margin-right: 30px; }
    .article-list li:nth-child(even) {
      margin-right: 0px; }

  .article-info, .article-map .photo-slider {
    padding: 35px; }

  .article-list.teacher-list li {
    width: calc((100% - 60px) / 3); }
    .article-list.teacher-list li:nth-child(even) {
      margin-right: 30px; }
    .article-list.teacher-list li:nth-child(3n) {
      margin-right: 0px; }

  .teacher-photo {
    padding: 30px; }
    .teacher-photo img {
      height: auto; } }
/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .wrap-inner {
    width: 748px; } }
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {
  .tablet-show, .tablet-block {
    display: block; }

  .tablet-hide {
    display: none; }

  header, header.scrolled {
    background-color: #fff;
    height: 60px;
    margin-top: 0;
    border-bottom: 1px solid #c4c4c4; }
    header .inner-container, header.scrolled .inner-container {
      height: 0;
      padding: 0; }
      header .inner-container #head-logo-had, header.scrolled .inner-container #head-logo-had {
        position: fixed;
        top: 10px;
        left: 20px;
        height: 40px; }
      header .inner-container .main-logo, header.scrolled .inner-container .main-logo {
        position: fixed;
        top: 10px;
        left: calc(50% - 28px);
        height: 40px; }
    header nav, header.scrolled nav {
      display: none;
      position: fixed;
      top: 60px;
      right: 0;
      width: 100%;
      height: auto;
      z-index: 10; }
      header nav .wrap-inner, header.scrolled nav .wrap-inner {
        width: 100%;
        height: 100%;
        padding: 0; }
        header nav .wrap-inner > div, header.scrolled nav .wrap-inner > div {
          width: 100%;
          padding: 0;
          float: none; }
          header nav .wrap-inner > div:hover .nav-sub, header.scrolled nav .wrap-inner > div:hover .nav-sub {
            display: none; }
          header nav .wrap-inner > div.active > .nav-sub, header.scrolled nav .wrap-inner > div.active > .nav-sub {
            display: block; }
          header nav .wrap-inner > div.active > .btn-toggle, header.scrolled nav .wrap-inner > div.active > .btn-toggle {
            transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg); }
          header nav .wrap-inner > div a, header.scrolled nav .wrap-inner > div a {
            float: right;
            text-align: left;
            width: calc(100% - 54px);
            margin: 0;
            padding: 5px 0 5px 0px;
            border: 0; }
            header nav .wrap-inner > div a:hover, header.scrolled nav .wrap-inner > div a:hover {
              border: 0; }
          header nav .wrap-inner > div .btn-toggle, header.scrolled nav .wrap-inner > div .btn-toggle {
            position:relative;
            float: left;
            display: block;
            width: 44px;
            height: 44px;
            margin-left:10px;
            cursor: pointer; }
            header nav .wrap-inner > div .btn-toggle:after, header.scrolled nav .wrap-inner > div .btn-toggle:after {
              position: absolute;
              content: "";
              top: 18px;
              right: 18px;
              width: 7px;
              height: 11px;
              background: url("../images/icons/icon_arrow01.png") no-repeat;
              transform: rotate(90deg);
              -webkit-transform: rotate(90deg); }
          header nav .wrap-inner > div .nav-sub, header.scrolled nav .wrap-inner > div .nav-sub {
            position: static;
            display: none;
            width: 100%;
            overflow: hidden;
            background-color: #f37b53; }
            header nav .wrap-inner > div .nav-sub ul li, header.scrolled nav .wrap-inner > div .nav-sub ul li {
              overflow: hidden; }
              header nav .wrap-inner > div .nav-sub ul li a, header.scrolled nav .wrap-inner > div .nav-sub ul li a {
                display: block;
                float: right;
                padding-left:0;
                width: calc(100% - 54px); }
              header nav .wrap-inner > div .nav-sub ul li.has-ol:hover ol, header.scrolled nav .wrap-inner > div .nav-sub ul li.has-ol:hover ol {
                display: none; }
              header nav .wrap-inner > div .nav-sub ul li.has-ol:after, header.scrolled nav .wrap-inner > div .nav-sub ul li.has-ol:after {
                display: none; }
              header nav .wrap-inner > div .nav-sub ul li.has-ol.active ol, header.scrolled nav .wrap-inner > div .nav-sub ul li.has-ol.active ol {
                display: block; }
              header nav .wrap-inner > div .nav-sub ul li.has-ol.active > .btn-toggle, header.scrolled nav .wrap-inner > div .nav-sub ul li.has-ol.active > .btn-toggle {
                transform: rotate(-180deg);
                -webkit-transform: rotate(-180deg); }
              header nav .wrap-inner > div .nav-sub ul li ol, header.scrolled nav .wrap-inner > div .nav-sub ul li ol {
                position: static;
                display: none;
                width: 100%;
                overflow: hidden; }
      header nav .nav-icons, header.scrolled nav .nav-icons {
        position: static;
        width: 100%;
        padding: 0 20px;
        overflow: hidden; }
        header nav .nav-icons > div, header.scrolled nav .nav-icons > div {
          padding: 0 10px 15px 10px; }
          header nav .nav-icons > div:nth-last-of-type(1), header.scrolled nav .nav-icons > div:nth-last-of-type(1) {
            float: right;
            padding-right: 0; }
        header nav .nav-icons #nav-icon-lang, header.scrolled nav .nav-icons #nav-icon-lang {
          display: none; }
        header nav .nav-icons .nav-lang, header.scrolled nav .nav-icons .nav-lang {
          float: right;
          display: block;
          position: static; }
          header nav .nav-icons .nav-lang a, header.scrolled nav .nav-icons .nav-lang a {
            padding: 5px 10px 10px 10px; }

  #footer-top {
    padding: 20px 0; }
    #footer-top .organzine-list li {
      margin: 0  20px 20px 0; }
      #footer-top .organzine-list li p {
        margin-bottom: 10px; }
      #footer-top .organzine-list li img {
        height: 40px; }
    #footer-top #footer-nav {
      width: 100%; }
      #footer-top #footer-nav li {
        margin-right: 0;
        width: 25%; }
        #footer-top #footer-nav li a {
          display: inline-block; }

  .page-container {
    margin-top: 60px; }

  #home-intro {
    padding: 30px 0; }
    #home-intro .wrap > .fl-right {
      padding-left: 0;
      margin-top: 20px; }
      #home-intro .wrap > .fl-right:before {
        left: -30px; }
      #home-intro .wrap > .fl-right .img-thumb {
        float: left;
        width: calc(50% - 15px);
        margin-bottom: 20px; }
        #home-intro .wrap > .fl-right .img-thumb:nth-of-type(2) {
          float: right; }

  #home-slider .swiper-button-prev, #home-slider .swiper-button-next {
    margin: 10px auto;
    width: 30px;
    height: 30px;
    background-size: auto 60px; }
  #home-slider .swiper-slide-num {
    width: 60px;
    height: 30px;
    font-size: 16px;
    line-height: 30px; }
  #home-slider .swiper-slide {
    background-size: auto 100%; }
  #home-slider .slide-text {
    left: 30px;
    bottom: 30px; }
    #home-slider .slide-text h2 {
      font-size: 40px;
      line-height: 46px;
      text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.7);
      font-weight: 600; }
    #home-slider .slide-text p {
      font-size: 30px;
      line-height: 46px;
      color: #fff;
      text-shadow: 2px 3px 0px rgba(0, 0, 0, 0.7);
      font-weight: 600; }

  .sidebar, .inner-content {
    width: 100%;
    padding: 0; }

  .sidebar {
    position: fixed;
    bottom: -100%;
    left: 0;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 30px;
    z-index: 91; }
    .sidebar.active {
      bottom: 0; }
    .sidebar .tabs-menu {
      margin-bottom: 20px; }
    .sidebar .sidebar-list {
      width: 100%;
      overflow: hidden;
      margin-bottom: 20px;
      /*            li {
                      padding:0 10px;
                      float:left;
                      position:relative;
                      a {
                          padding:0 !important;
                      }
                      ol {
                          position:absolute;
                          top:40px;
                          left:0;
                          width:100%;
                          li {
                              float:left;
                          }
                      }
                  }*/ }
      .sidebar .sidebar-list li {
        padding: 2px 0 2px 20px; }

  .article-list li .img-thumb .more {
    display: none; }

  .sidebar-video {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
    .sidebar-video a {
      float: none; }
      .sidebar-video a img {
        width: 400px; }

  .photo-slider figure figcaption {
    padding: 0; }

  .btn-archive {
    padding-left: 20px;
    margin-left: 20px; }
    .btn-archive:before {
      top: 3px;
      width: 15px;
      height: 15px;
      background-size: 100%; }

  .article-arrows {
    margin-top: 10px;
    margin-bottom: 0; }
    .article-arrows .arrow-left {
      float: left;
      margin-left: 0; }

  .article-info, .article-map .photo-slider, .article-detail {
    padding: 30px; }

  .article-list.teacher-list li {
    width: calc((100% - 60px) / 3); }
    .article-list.teacher-list li:nth-child(even) {
      margin-right: 30px; }
    .article-list.teacher-list li:nth-child(3n) {
      margin-right: 0px; }

  .teacher-photo {
    padding: 30px; }
    .teacher-photo img {
      height: auto; }

  #map {
    height: auto; }
    #map #map-info {
      width: 100%;
      padding: 10px 30px;
      height: auto; }
      #map #map-info .map-info-select {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px; }
        #map #map-info .map-info-select:nth-of-type(2) {
          float: right; }
      #map #map-info .checkbox-list {
        float: right;
        width: calc(100% - 100px);
        border-bottom: 0;
        padding-bottom: 0; }
      #map #map-info h2 {
        float: left;
        margin-bottom: 0; }
    #map #map-area {
      width: 100%;
      height: 500px; }
      #map #map-area .infoBox {
        padding: 10px;
        border: none;
        width: 240px;
        background-color: #fff;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
        #map #map-area .infoBox figure {
          margin-top: 20px; }
          #map #map-area .infoBox figure .img-thumb {
            float: none;
            width: 100%;
            margin: 0 0 10px 0; }
          #map #map-area .infoBox figure figcaption {
            float: none;
            width: 100%; }
            #map #map-area .infoBox figure figcaption h2 {
              font-size: 16px;
              line-height: 24px;
              margin-bottom: 0px; }
            #map #map-area .infoBox figure figcaption p {
              font-size: 14px;
              margin: 0 0 10px 0; } }
/*==========================================
NOT Tablet
==========================================*/
@media screen and (min-width: 1024px) {
  .desktop-show {
    /*display: block !important;*/ } }
/*==========================================
Small Tablet
==========================================*/
@media screen and (max-width: 768px) {
  .wrap-inner {
    width: 100%;
    padding: 0 30px; }

  .tablet-show, .tablet-block, .mobile-show, .mobile-block {
    display: block; }

  .tablet-hide, .mobile-hide {
    display: none; }

  h1, .undoreset h1 {
    font-size: 24px;
    line-height: 40px;
    margin: 0 0 15px 0; }

  h2, .undoreset h2 {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 10px 0; }

  h3, .undoreset h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0; }

  p, .undoreset p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0; }

  .article-list {
    overflow: hidden;
    margin-top: 10px; }
    .article-list li {
      width: calc((100% - 30px) / 2); }
      .article-list li:nth-child(3n) {
        margin-right: 30px; }
      .article-list li:nth-child(even) {
        margin-right: 0; }

  .btn-archive {
    clear: both; }

  .photo-slider {
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 45px 25px 25px 25px; }
    .photo-slider .swiper-button-next, .photo-slider .swiper-button-prev {
      display: none; }

  .mobile-full {
    width: calc(100% + 60px);
    margin-left: -30px; }
    .mobile-full .photo-slider {
      width: 100%;
      margin: 0; }

  .article-detail {
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 30px; }
    .article-detail p {
      text-align: justify; }

  .panel {
    width: 100%; }
    .panel .table-tr > div {
      width: 100% !important; }
      .panel .table-tr > div#remember-field {
        margin-top: -35px; }

  .user-password .table-tr > div {
    width: 100% !important; }

  #footer-bottom {
    height: auto; }
    #footer-bottom .social-list {
      float: none;
      width: 100%;
      overflow: hidden;
      text-align: center; }
      #footer-bottom .social-list li {
        float: none;
        margin: 0 10px;
        display: inline-block; }
    #footer-bottom .copyright {
      width: 100%;
      float: none;
      text-align: center;
      line-height: 20px;
      padding: 10px 0; } }
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 480px) {
  #home-intro .wrap > .fl-right .img-thumb {
    width: 100%;
    margin-bottom: 0; }

  #footer-top #footer-nav li {
    width: 50%;
    margin-bottom: 10px; }

  .article-list li {
    width: 100%;
    margin-right: 0; }
  .article-list.related-list li {
    width: calc((100% - 30px) / 2);
    float: left;
    margin-bottom: 30px; }
    .article-list.related-list li:nth-child(odd) {
      margin-right: 30px; }

  .breadcrumb {
    display: none; }

  .inner-content {
    padding-top: 30px; }

  #home-intro .wrap > .fl-left {
    padding: 0; }
    #home-intro .wrap > .fl-left:before {
      display: none; }

  .article-info .table-tr {
    padding: 10px 0; }
    .article-info .table-tr > div {
      width: 100% !important;
      padding: 0; }
      .article-info .table-tr > div:nth-of-type(1) {
        font-size: 18px;
        line-height: 30px; }

  .article-list.teacher-list li {
    width: calc((100% - 30px) / 2); }
    .article-list.teacher-list li:nth-child(odd) {
      margin-right: 30px; }
    .article-list.teacher-list li:nth-child(even) {
      margin-right: 0; }
    
    

  .main-content {
    /*        padding-top:30px;*/ }

}

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