/*------------------
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(2n) {
      margin-right: 0; }

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

  .list-md-i3.list-xl-i4 > li:nth-child(4n) {
    margin-right: 3.5%; }

  .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(2n) {
      margin-right: 0;
      margin-right: 0; }
  .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) {
  header nav {
    margin-top: 35px; }
    header nav > div > a {
      width: 100px;
      height: 83px;
      text-align: center;
      font-size: calc(16rem / 16);
      line-height: 20px;
	  padding-top:63px !important;
      padding: 35px 0px 0 0px; }
      header nav > div > a label.break {
        display: block; }
    header nav > div ul {
      top: 68px; }
  header #header-right .langbar .lang li a {
    margin-left: 10px; }
  
  header nav > div ul {
    width: 150px; }

  .lang-en header nav > div ul {
    width: 310px; } }
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .wrap-inner {
    width: 1000px; }

  header nav {
    margin-top: 35px; }
    header nav > div > a {
      width: 120px;
      height: 83px;
      text-align: center;
      font-size: calc(16rem / 16);
      line-height: 20px;
      padding: 35px 0px 0 0px; }
      header nav > div > a label.break {
        display: block; }
    header nav > div ul {
      top: 68px; }
  header #header-right .langbar .lang li a {
    margin-left: 10px; }

  .btn-circle {
    margin: 0 20px; }

  .lang-en .restaurant-list .list-title a:nth-of-type(3) {
    line-height: 20px;
    padding-top: 8px; }

  header nav > div ul {
    width: 150px; }

  .lang-en header nav > div ul {
    width: 310px; } }
/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .wrap-inner {
    width: 748px; }

  .home-news-list li {
    height: auto; }

  .contest-result-list li .img-thumb {
    width: 300px; }
  .contest-result-list li .img-caption {
    width: calc(100% - 330px); }

  .news-list li .img-thumb {
    width: 300px; }
  .news-list li .img-caption {
    width: calc(100% - 330px); }

  #contest-event-video.youtube-iframe {
    height: 500px; }

  .sitemap-list > li > ol li {
    width: 33.33%;
    margin-right: 0; }

  .restaurant-date > div > div {
    width: 200px;
    height: 120px;
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16); }
  .restaurant-date > div span {
    height: 120px; }

  #home-share .btn-more {
    right: 0; }
	
	.wishboard-list li {
		width:calc(100% / 2 - 10px);
		margin-right:0;
	}
	.wishboard-list li:nth-child(even) {
		margin-left:20px;
	}

  #home-share .youtube-iframe {
    height: 430px; } }
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {    

#run-nav.wishboard-nav ul li {
	width:100% !important;
}
    
    #tips-tabs {
        min-height:500px;
    }
    
    #tips-list {
        display:none;
        position:absolute;
        top:45px;
        z-index:2;      
    }
    #tips-list.show {
            display:block;
    }
    
    #tips-list li {
        width:100%;
        border-radius:0;
    }
    
  .tablet-show, .tablet-block {
    display: block; }

  .tablet-hide {
    display: none; }

  header #header-right .green-btn {
      position:static;
      top:-54px;
      left:10px;
  }  
  header {
    height: 60px; }
    header .wrap {
      padding: 0; }
    header #nav-line, header nav, header #header-right {
      display: none; }
    header #header-right {
      position: fixed;
      margin-top: 0;
      top: 60px;
      left: 0;
      width: 100%;
      height:50px;
      background-color: #fff;
      padding: 5px 10px; }
      header #header-right .langbar {
        float: left;
        width: auto; }
        header #header-right .langbar .lang li a {
          margin-left: 10px; }
        header #header-right .langbar .size {
          margin-top: 5px; }
          header #header-right .langbar .size li a {
            width: 30px;
            height: 30px;
            line-height: 30px; }
      header #header-right #header-addthis {
        margin-top: 5px; }
    header nav {
      position: fixed;
      top: 110px;
	  height:calc(100% - 110px);
      margin-top: 0px;
      padding: 10px 0;
      left: 0;
      overflow-y: auto;
      background-color: #caf7f2;
      width: 100%; }
      header nav > div {
        width: 100%;
        padding-bottom: 0;
        overflow: hidden; }
        header nav > div:hover > ul {
          display: none; }
        header nav > div.active > ul, header nav > div.active:hover > ul {
          display: block; }
        header nav > div.active .btn-nav-toggle:after, header nav > div.active:hover .btn-nav-toggle:after {
          display: none; }
        header nav > div > a {
          padding: 15px 15px 15px 60px;
          width: calc(100% - 50px);
          height: auto;
          font-size: calc(16rem / 16);
          color: #026f69; }
          header nav > div > a:after {
            left: 15px;
            top: 10px; }
        header nav > div ul {
          position: static;
          top: 0;
          margin-top: 0;
          width: 100%; }
          header nav > div ul li {
            line-height: 30px;
            padding: 0 0 0 50px;
            text-align: left; }
            header nav > div ul li a:hover {
              background-color: #026f69;
              color: #fff; }
        header nav > div:nth-of-type(1) a:after {
          background-position: 0 30px; }
        header nav > div:nth-of-type(2) a:after {
          background-position: calc(100% / 4 * 1 ) 30px; }
        header nav > div:nth-of-type(3) a:after {
          background-position: calc(100% / 4 * 3 ) 30px; }
        header nav > div:nth-of-type(4) a:after {
          background-position: calc(100% / 4 * 2 ) 30px; }
        header nav > div:nth-of-type(5) a:after {
          background-position: calc(100% / 4 * 4 ) 30px; }

        .tips-content .youtube-iframe {
            width:100%;
            height:320px;
        }
        
  footer .wrap > .fl-left {
    float: none;
    width: 100%;
    overflow: hidden;
    text-align: center; }
    footer .wrap > .fl-left img {
      width: 120px; }
  footer #footer-nav {
    float: none;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    text-align: center; }
    footer #footer-nav li {
      float: none;
      display: inline-block; }

  #banner .swiper-pagination, #share-slider .swiper-pagination {
    display: none; }

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

  .home-section, #home-support, #home-news, #home-divider  {
    padding: 30px 0; }
    .home-section .wrap-inner > .col-xl-6.fl-left, .home-section .wrap-inner > .col-xl-6.fl-right {
      padding: 0; }
    .home-bottom .home-1min, .home-bottom .home-1min > .fl-left {
        padding:0 !important;
    }
    
    #home-support .col-xl-4 {
        margin-bottom:20px;
        padding:0;
    }
    
    #news-top-list {
        padding:0;
    }
    
    #news-top-list .swiper-button-next, #news-top-list .swiper-button-prev {
        display:none;
    }

  .restaurant-doc-list > li {
    width: 100%; }

  .restaurant-part-list > li {
    margin-left: 0; }
    .restaurant-part-list > li .col-xl-6:nth-of-type(1), .restaurant-part-list > li .col-xl-6:nth-of-type(2) {
      width: 100%;
      margin-right: 0; }
    .restaurant-part-list > li .col-xl-6:nth-of-type(2) {
      width: 100%; }

  #restaurant-sign .checkbox-container {
    margin-top: 5px; }
    #restaurant-sign .checkbox-container input[type="radio"], #restaurant-sign .checkbox-container input[type="checkbox"] {
      margin-top: 6px; }
    #restaurant-sign .checkbox-container label {
      padding-right: 0;
      line-height: 24px;
      font-size: calc(14rem / 16); }

  .list-no-margin li {
    line-height: 24px;
    font-size: calc(14rem / 16); }

  .restaurant-list .list-title a {
    width: 100%;
    border-right: 0; }
  .restaurant-list .list-content {
    padding: 15px; }
    .restaurant-list .list-content li {
      font-size: calc(14rem / 16); }

  .news-detail .img-thumb {
    padding-left: 0;
    margin-bottom: 30px; }

  .contact-info {
    margin-bottom: 30px; }

  .contact-map {
    height: 400px; }

  .restaurant-share-box .share-right.restaurant-share-right {
    height: auto; }
  .restaurant-share-box .share-intro {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left; }
    .restaurant-share-box .share-intro span {
      display: block;
      margin-right: 0;
      width: 100%; }

  .lang-en header nav > div ul {
    width: 100%; } }
/*==========================================
NOT Tablet
==========================================*/
@media screen and (min-width: 1025px) {
  .desktop-show {
    display: block !important; }

  #nav-line, nav, #header-right {
    display: block !important; } }
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 768px) {
	
	.wishboard-list li {
		width:100%;
		margin-right:0 !important;
	}
    
    .zoom-bgs > .fl-left {
        padding:0;
        margin-bottom:30px;
    }
    
  .nav-list li {
    float: left;
    width: 100%;
    margin-right:0 !important;
    margin-bottom: 30px;
    position: relative; }
    
    #about .home-btn .green-btn {
        width:100% !important;
    }   
    
  h1, .undoreset h1 {
    font-size: calc(24rem / 16);
    line-height: calc(32rem / 16);
    margin: 0 0 calc(10rem / 16) 0; }
    h1.icon-h1:before, .undoreset h1.icon-h1:before {
      top: 0 !important; }

  h2, .undoreset h2 {
    font-size: calc(18rem / 16);
    line-height: calc(24rem / 16);
    margin: 0 0 calc(10rem / 16) 0; }

  h3, .undoreset h3 {
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16);
    margin: 0 0 0 0; }

  p, .undoreset p {
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16);
    margin: 0 0 calc(24rem / 16) 0; }

  .wrap, .wrap-inner {
    width: 100%;
    padding: 0 25px; }

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

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

  footer .wrap {
    padding: 0; }
  footer #footer-nav {
    margin-bottom: 0; }
    footer #footer-nav li:nth-last-child(1) {
      clear: both;
      width: 100%;
      margin-top: 15px; }
    footer #footer-nav li:nth-last-child(2) {
      border-right: 0; }

  #home-share .youtube-iframe {
    height: 320px; }

  .btn-circle span {
    width: 140px;
    height: 140px;
    padding-top: 80px; }
    .btn-circle span:before {
      width: 60px;
      height: 60px;
      background-size: 100%;
      top: 15px;
      left: calc( (100% - 80px) / 2 ); }
  .btn-circle p {
    font-size: calc(16rem / 16); }

  .about-us-block {
    width: 100%;
    margin-bottom: 40px; }
    .about-us-block:nth-of-type(1) {
      margin-right: 0; }

  .btn-circle {
    margin: 0; }

  .promotion-video .youtube-iframe {
    width: 100%;
    height: 325px; }
    .promotion-video .youtube-iframe iframe {
      width: 100%;
      height: 100%; }
  .promotion-video .video-thumb-list {
    margin-top: 10px;
    padding: 0; }
    .promotion-video .video-thumb-list ul {
      width: 100%;
      height: auto;
      overflow-y: hidden; }
      .promotion-video .video-thumb-list ul li {
        padding: 2px;
        float: left;
        margin-bottom: 0px;
        width: 25%; }
        .promotion-video .video-thumb-list ul li img {
          display: block;
          width: 100%; }
        .promotion-video .video-thumb-list ul li:nth-last-child(1) {
          margin-bottom: 0; }

  .contest-result-list li .img-thumb {
    width: 100%;
    margin-bottom: 20px; }
  .contest-result-list li .img-caption {
    width: 100%; }

  .news-list li .img-thumb {
    width: 100%;
    margin-bottom: 20px; }
  .news-list li .img-caption {
    width: 100%; }

  #contest-event-video.youtube-iframe {
    height: 320px;
    max-width: 100%; }

  .restaurant-date > div {
    width: 100%; }
    .restaurant-date > div > div {
      width: 100%;
      height: auto;
      padding: 10px 0;
      font-size: calc(16rem / 16);
      line-height: calc(30rem / 16); }
    .restaurant-date > div span {
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      height: 28px;
      margin: 15px 0;
      width: 100%; }

  #restaurant-sign .table-tr {
    margin-bottom: 20px; }
    #restaurant-sign .table-tr > div {
      font-size: calc(16rem / 16);
      margin-bottom: 0; }
      #restaurant-sign .table-tr > div:nth-child(1) {
        width: 100%; }
      #restaurant-sign .table-tr > div:nth-child(2) {
        width: 100%; }
  #restaurant-sign .checkbox-container {
    width: 100%; }
    #restaurant-sign .checkbox-container input {
      margin-top: 10px; }
  #restaurant-sign .checkbox-choice .table-tr div:nth-child(1) {
    width: 100%; }
  #restaurant-sign .checkbox-choice .table-tr div:nth-child(2) {
    width: 100%; }

  .inner-content .breadcrumb {
    font-size: calc(14rem / 16);
    line-height: calc(20rem / 16);
    margin-bottom: 10px; }

  .sitemap-list > li > ol li {
    width: 50%;
    margin-right: 0; }

  .contact-map {
    height: 320px; }

  .btn-circle {
    width: 49%; }
    .btn-circle span {
      font-size: calc(14rem / 16);
      width: 140px;
      height: 140px;
      padding-top: 100px; }
      .btn-circle span:before {
        top: 25px;
        width: 80px;
        height: 80px; }

  .list-disc li, .list-num li {
    font-size: calc(16rem / 16);
    line-height: calc(24rem / 16); }

  .home-news-list li .img-caption .btn-news-more {
    right: 15px; }

  .restaurant-doc-list > li .doc-name {
    width: 100%; }

  .restaurant-doc-list > li .doc-name {
    margin-top: 10px; }

  #home-news-more {
    margin-top: 5px; } }
@media screen and (max-width: 480px) {
    
  .restaurant-share-box {
    margin-bottom: 30px; }
    .restaurant-share-box .share-left {
      margin: 0 auto;
      float: none; }
    .restaurant-share-box .share-right {
      width: 100%;
      padding: 35px 5px; }

  .home-news-list li {
    /*        .img-thumb, .img-caption {
                width:100%;
                height:auto;
            }*/ }
    .home-news-list li .img-thumb {
      width: 120px; }
    .home-news-list li .img-caption {
      width: calc(100% - 120px);
      height: 120px; }
      .home-news-list li .img-caption p {
        max-height: 50px;
        text-align: left; }

  .about-service-list > li .service-logo {
    margin: 0 auto 10px auto;
    float: none; }
  .about-service-list > li .service-detail {
    width: 100%; }

  .sitemap-list > li > ol li {
    width: 100%; }

  #home-share .btn-more {
    position: static;
    margin-bottom: 10px; }

  header #header-right .langbar .size li a {
    width: 24px; }

  .about-support-list li .img-caption {
    padding: 10px; }

  .ytp-title-text {
    font-size: 14px; }

  .lang-tc .about-support-list li .img-caption, .lang-sc .about-support-list li .img-caption {
    height: 80px; }

  .about-support-list li .img-caption p label.break {
    display: inline; }

  .home-news-list li .img-caption {
    padding: 10px; }

  #home-share .youtube-iframe .iframe-mask {
    background-size: 100%;
    background-color: #a0d9d3;
    background-repeat: no-repeat; }

  header #header-right .langbar .lang {
    margin-right: 10px;
    padding-left: 0;
    background: none; }

  .inner-content {
    padding: 10px 0 30px 0; }

  .about-us-block .img-caption {
    padding: 15px; }

  .contact-info li > div:nth-of-type(1) {
    width: auto; }
  .contact-info li > div:nth-of-type(2) {
    width: 100%;
    padding-left: 35px; } }

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