body {
  font-family: 'Microsoft JhengHei';
  -webkit-text-size-adjust: 100%; }

body.inner-page {
  background: url("../images/bg01.jpg"); }
  body.inner-page .page-container {
    margin-top: 165px;
    overflow: visible; }

.page-container {
  position: relative;
  padding: 0;
  overflow: hidden;
  clear: both;
  width: 100%; }

header, footer {
  position: relative;
  width: 100%; }

.wrap {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  overflow: hidden;
  width: 100%; }

.wrap-inner {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 1400px;
  overflow: hidden; }
  .wrap-inner.unflow {
    display: inline-block;
    overflow: visible; }

/*==========================================
Header
==========================================*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: 165px;
  /*@include fade;*/ }
  header.at-home .main-logo {
    display: none; }
  header.scrolled {
    background: #b50404; }
    header.scrolled .main-logo {
      display: block; }
  header .main-logo {
    margin-top: 18px; }
    header .main-logo .logo-text {
      line-height: 124px;
      margin-left: 15px; }
      header .main-logo .logo-text img {
        vertical-align: middle; }
  header nav {
    display: inline-block;
    margin-top: 45px;
    height: 65px; }
    header nav > div {
      float: left;
      margin-left: 5px; }
      header nav > div a {
        display: block;
        position: relative;
        padding: 0 35px;
        height: 53px;
        line-height: 53px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        border-radius: 8px; }
        header nav > div a:hover {
          background-color: #f7af28;
          color: #000; }
        header nav > div a:after {
          display: none;
          content: "";
          position: absolute;
          left: calc(50% - 8px);
          bottom: -8px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 8px 8px 0 8px;
          border-color: #f7af28 transparent transparent transparent; }
        header nav > div a.selected {
          background-color: #f7af28;
          color: #000; }
          header nav > div a.selected:after {
            display: block; }

#header-anchor {
  position: absolute;
  top: 165px;
  left: 0; }

/*==========================================
Common
==========================================*/
.home-banner {
  position: relative; }
  .home-banner > img {
    display: block;
    width: 100%; }

#michelin-lg {
  position: absolute;
  width: calc(600vw / 19.2);
  bottom: calc(-77vw / 19.2);
  right: 0; }

#michelin-sm {
  position: absolute;
  width: 198px;
  bottom: -30px;
  right: 0; }

.banner-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 85px 180px; }

#home-banner-1 {
  z-index: 2; }

#home-banner-2 {
  background-size: cover;
  background-position: right top; }
  #home-banner-2 article {
    width: calc(615vw / 12); }
  #home-banner-2 h1 {
    font-size: calc(60vw / 19.2);
    font-weight: 600;
    line-height: calc(72vw / 19.2);
    margin-bottom: 10px;
    color: #ff0000; }
  #home-banner-2 p {
    font-size: calc(24vw / 19.2);
    line-height: calc(40vw / 19.2);
    color: #FFFFFF;
    margin-bottom: 20px;
    text-align: justify; }
  
#home-news {
  background-color: #fff;
  background: url("../images/home03.jpg") no-repeat top center;
  background-size: cover;
  padding: 25px 0; }
  #home-news .banner-wrap {
    position: static; }
  #home-news .swiper-container {
    padding-bottom: 20px; }
    #home-news .swiper-container .img-thumb, #home-news .swiper-container figcaption {
      width: calc(50% - 15px); }
    #home-news .swiper-container .img-thumb {
      margin-right: 30px; }
    #home-news .swiper-container figcaption {
      position: relative;
      background-color: #fff;
      border: 1px solid #cdcdcd;
      padding: 60px 40px; }
      #home-news .swiper-container figcaption .news-date {
        position: absolute;
        top: 40px;
        right: 40px;
        color: #808080;
        background: url("../images/icons/icon_calendar01.png") no-repeat left center; }
      #home-news .swiper-container figcaption .title {
        font-size: 20px;
        line-height: 40px;
        color: #000;
        font-style: italic; }
    #home-news .swiper-container .btn-style01 {
      position: absolute;
      bottom: 0;
      right: 0;
      bottom: -20px;
      right: 40px;
      z-index: 2; }

.swiper-button {
  position: absolute;
  bottom: 80px;
  right: 40px; }
  .swiper-button .swiper-button-prev, .swiper-button .swiper-button-next {
    position: static;
    width: 35px;
    height: 35px;
    background: url("../images/icons/btn_arrow02.png"); }
  .swiper-button .swiper-button-prev {
    float: left;
    background-position: top left; }
    .swiper-button .swiper-button-prev:hover {
      background-position: bottom left; }
  .swiper-button .swiper-button-next {
    float: right;
    background-position: top right;
    margin-left: 5px; }
    .swiper-button .swiper-button-next:hover {
      background-position: bottom right; }

.news-date {
  font-size: 14px;
  line-height: 24px;
  color: #000;
  background: url("../images/icons/icon_calendar02.png") no-repeat left center;
  padding-left: 25px;
  margin-bottom: 10px; }

.h1-container {
  position: relative;
  width: 100%;
  height: 132px;
  background-color: rgba(101, 44, 21, 0.3); }
  .h1-container h1 {
    position: relative;
    padding-bottom: 20px; }
    .h1-container h1:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: calc(50% - 17.5px);
      width: 35px;
      height: 1px;
      background-color: #ffa600; }

.inner-section {
  padding: 60px 0;
  background-size: cover; }
  .inner-section.bg04 {
    background-color: #fff;
    background-image: url("../images/bg04.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 80px 0 30px 0; }

#about .inner-section {
  background-position: top center; }

.inner-content {
  background-color: #fff; }

.about-list {
  width: 930px;
  margin: 0 auto;
  border-radius: 30px;
  border: 1px solid #f1a03d;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 75px 0; }
  .about-list ul li {
    padding: 8px 0 8px 60px;
    background: url("../images/icons/icon_star.png") no-repeat left top;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    margin-bottom: 12px;
    text-align: left; }

#about .about-list {
  margin-bottom: 160px; }

.about-link-block {
  position: relative;
  top: -80px;
  display: inline-block;
  margin-bottom: -82px; }

.about-link {
  width: 50%;
  position: relative; }
  .about-link a {
    display: block;
    /*        &:hover img {
                transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }*/ }
    .about-link a img {
      display: block;
      /*@include fade;*/ }
  .about-link > div {
    position: absolute;
    width: 160px;
    height: 160px;
    left: calc(50% - 80px);
    top: -80px;
    background-color: #fff4a8;
    background-image: url("../images/icons/icon_pic01.png");
    background-repeat: no-repeat;
    background-position: top 40px center;
    border: 8px solid #f1a03d;
    border-radius: 100%;
    padding-top: 85px;
    font-size: 26px;
    color: #002d4a;
    text-align: center;
    z-index: 2; }

.sidebar {
  position: relative;
  background-color: #ff0000;
  padding: 15px;
  width: 240px; }
  .sidebar ul {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-top: 80px; }
    .sidebar ul li {
      border-bottom: 1px solid #b0b0b0; }
      .sidebar ul li a {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 30px;
        padding: 10px 0;
        color: #000;
        text-align: center; }
        .sidebar ul li a:before {
          display: none;
          content: "";
          position: absolute;
          top: 18px;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7px 0 7px 7px;
          border-color: transparent transparent transparent #ff0000; }
        .sidebar ul li a:hover,.sidebar ul li a.selected {
          color: #ff0000; }
          .sidebar ul li a:hover:before,.sidebar ul li a.selected:before {
            display: block; }
  .sidebar .sidebar-dish {
    position: absolute;
    top: -90px;
    left: calc(50% - 132px);
    max-width: none; }
  .sidebar .btn-style01 {
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    border: 1px solid #fff;
    width: 100px; }
    .sidebar .btn-style01:after {
      display: none; }

.right-content {
  width: calc(100% - 355px); }

.promotion-list {
  width: 100%;
  overflow: hidden; }
  .promotion-list li {
    overflow: hidden;
    margin-bottom: 100px; }
    .promotion-list li figure {
      width: 100%; }
    .promotion-list li .img-thumb {
      width: 50%;
      padding-right: 80px; }
    .promotion-list li figcaption {
      width: 50%;
      text-align: left; }
    .promotion-list li:nth-child(odd) .img-thumb {
      float: left; }
    .promotion-list li:nth-child(odd) figcaption {
      float: right; }
    .promotion-list li:nth-child(even) .img-thumb {
      float: right;
      padding: 0 0 0 80px; }
    .promotion-list li:nth-child(even) figcaption {
      float: left; }

.news-list {
  width: 100%; }
  .news-list li {
    float: left;
    border: 1px solid #cacaca;
    background-color: #fff;
    width: calc(50% - 30px);
    margin: 0 60px 50px 0;
    padding: 15px 15px 10px 15px; }
    .news-list li:nth-child(even) {
      margin-right: 0; }
    .news-list li .img-thumb {
      margin-bottom: 10px; }

.menu-list {
  width: 100%; }
  .menu-list li {
    float: left;
    width: calc(50% - 50px);
    margin: 0 100px 50px 0; }
    .menu-list li:nth-child(even) {
      margin-right: 0; }
    .menu-list li .img-thumb {
      margin-bottom: 10px;
      border: 1px solid #cacaca; }

.about-list.fl-left {
  width: 475px;
  padding: 50px 0; }
  .about-list.fl-left li {
    font-size: 18px; }

.about-img {
  padding: 0 30px; }

#vip-slider {
  position: relative;
  width: calc(100% - 520px); }
  #vip-slider .swiper-container {
    padding-bottom: 15px; }
  #vip-slider .swiper-slide > img {
    width: 100%; }
  #vip-slider .swiper-button {
    bottom: 0;
    z-index: 2; }

#contact .contact-info li {
  padding-left: 30px;
  color: #000;
  font-size: 17px;
  line-height: 30px;
  margin-bottom: 10px; }
  #contact .contact-info li a {
    color: #ff0000;
    text-decoration: underline; }
    #contact .contact-info li a:hover {
      color: #f7af28; }
  #contact .contact-info li span {
    display: block;
    float: left;
    width: 110px;
    font-weight: 600; }
  #contact .contact-info li.icon-pin {
    background: url("../images/icons/icon_contact_pin02.png") no-repeat left center; }
  #contact .contact-info li.icon-tel {
    background: url("../images/icons/icon_contact_tel02.png") no-repeat left center; }
  #contact .contact-info li.icon-time {
    background: url("../images/icons/icon_contact_time02.png") no-repeat left center; }
  #contact .contact-info li.icon-email {
    background: url("../images/icons/icon_contact_email02.png") no-repeat left center; }
  #contact .contact-info li.icon-ig {
    background: url("../images/icons/instagram.png") no-repeat left center; }
	#contact .contact-info li.icon-fb {
    background: url("../images/icons/facebook.png") no-repeat left center; }
	#contact .contact-info li.icon-openr {
    background: url("../images/icons/Openrice.png") no-repeat left center; }
	#contact .contact-info li.icon-diap {
    background: url("../images/icons/B.png") no-repeat left center; }
	#contact .contact-info li.icon-redb {
    background: url("../images/icons/Red.png") no-repeat left center; }
	

/*
.swiper-slide img {
    width:100%
}
.swiper-button-prev, .swiper-button-next {
    width:25px;
        height:25px;
        background:url('images/icons/sliderArrow.png')
}
.swiper-button-prev {
    background-position:top left;
    &:hover {
        background-position:bottom left;
    }
}
.swiper-button-next {
    background-position:top right;
    &:hover {
        background-position:bottom right;
    }
}
    .swiper-pagination {
        bottom:35px;
        .swiper-pagination-bullet {
            width:12px;
            height:12px;
            background-color:#fff;
            border:1px solid #9e9e9e;
            opacity:1;
            &.swiper-pagination-bullet-active {
                background-color:#ccc;
            }
        }
    }
*/
.paging-nav li {
  float: left;
  display: block;
  width: 24px;
  line-height: 26px;
  margin-right: 8px;
  text-align: center;
  font-size: 18px;
  color: #000;
  border-bottom: 3px solid transparent; }
  .paging-nav li:nth-last-child(1) {
    margin-right: 0; }
  .paging-nav li a {
    display: block;
    color: #000;
    height: 34px;
    line-height: 26px; }
    .paging-nav li a:hover, .paging-nav li a.selected {
      border-bottom: 3px solid #ff0000; }
.paging-nav .paging-prev, .paging-nav .paging-next {
  width: 26px;
  height: 26px;
  background: url("../images/icons/btn_arrow03.png");
  border: 0;
  padding: 0; }
  .paging-nav .paging-prev a, .paging-nav .paging-next a{
    border:0px !important;
  }
.paging-nav .paging-prev {
  background-position: left top; }
  .paging-nav .paging-prev:hover {
    background-position: left bottom; }
.paging-nav .paging-next {
  background-position: right top; }
  .paging-nav .paging-next:hover {
    background-position: right bottom; }

  
/*
#social-nav {
    li {
        float:left;
        margin-right:10px;
        a {
            display:block;
            width:24px;
            height:24px;
            background:url('../images/icons/btn_social.png');
            &:hover {
                background-position-y:24px;
            }
            &.icon-fb {
                background-position-x:calc(100% / 1 * 0);
            }
            &.icon-yt {
                background-position-x:calc(100% / 1 * 1);
            }
        }
    }
}
*/
/* mobile */
.mobile-icon {
  display: none;
  position: relative;
  top: 10px;
  height: 36px;
  width: 36px;
  /*background-color: #fff;*/
  padding: 8px;
  border: 2px solid transparent;
  border-radius: 5px;
  z-index: 999; }
  .mobile-icon span {
    margin: 0 auto;
    display: block;
    width: 17px;
    height: 2px;
    background-color: #f7af28;
    margin-bottom: 5px;
    transition: 0.5s;
    -webkit-transition: 0.5s; }
    .mobile-icon span:nth-last-of-type(1) {
      margin-bottom: 0; }
  .mobile-icon.opened {
    padding: 3px 8px; }
    .mobile-icon.opened span:nth-of-type(1) {
      transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
      -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3);
      margin-bottom: 0; }
    .mobile-icon.opened span:nth-of-type(2) {
      display: none; }
    .mobile-icon.opened span:nth-last-of-type(1) {
      -webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3);
      transform: translate(0px, 11px) rotate(45deg) scalex(1.3); }

/*==========================================
Footer
==========================================*/
footer {
  background-color: #a60000;
  padding: 40px 0; }

#footer-nav {
  overflow: hidden;
  height: 225px; }
  #footer-nav a {
    color: #fff; }
    #footer-nav a:hover {
      color: #f7af28; }
  #footer-nav > li {
    position: relative;
    float: left;
    margin-right: 60px; }
    #footer-nav > li:nth-last-child(1) {
      margin: 0; }
    #footer-nav > li > a {
      display: block;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 10px; }
    #footer-nav > li ol {
      position: absolute;
      top: 40px; }
      #footer-nav > li ol li {
        margin-bottom: 10px; }
        #footer-nav > li ol li a {
          font-size: 14px;
          line-height: 19px;
       }

#footer-contact li {
  padding-left: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px; }
  #footer-contact li a {
    color: #fff;
    text-decoration: underline; }
    #footer-contact li a:hover {
      color: #f7af28; }
  #footer-contact li span {
    display: block;
    float: left;
    min-width: 80px;
    font-weight: 600; 
margin-right: 5px;}
  #footer-contact li.icon-pin {
    background: url("../images/icons/icon_contact_pin.png") no-repeat left center; }
  #footer-contact li.icon-tel {
    background: url("../images/icons/icon_contact_tel.png") no-repeat left center; }
  #footer-contact li.icon-time {
    background: url("../images/icons/icon_contact_time.png") no-repeat left center; }
  #footer-contact li.icon-email {
    background: url("../images/icons/icon_contact_email.png") no-repeat left center; }

.copyright {
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  margin: 0; }
  .copyright a {
    color: #fff;
    text-decoration: none; }

/*Top btn*/
#back-top {
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 240px;
  right: 0; }
  #back-top a {
    display: block;
    width: 35px;
    height: 40px;
    background: url("../images/icons/btn_top.png") no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
    #back-top a:hover {
      background-position: left bottom; }
.undoreset iframe{ display: block; margin: 0 auto; }

/*
#back-top {
  display: block;
  z-index: 999;
  a {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url('../images/icons/btn_top.png') no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    &:hover {
      background-position: left bottom;
    }
  }
}
*/

/*# sourceMappingURL=main.css.map */
.footer-keyword{margin-top: 20px; line-height: 25px;}
.footer-keyword p{margin-bottom: 0px; color: #fff;}
#home-banner-1 .swiper-container{overflow: visible;}
#home-banner-1 .swiper-slide{margin-bottom: -2px; width: 100% !important;}
#home-banner-1 .swiper-slide a > img {display:block}
.about-text p{font-size: 22px; line-height: 40px;}
#home-news .swiper-container .img-thumb{max-height: 500px;}
#home-news .swiper-container .img-thumb img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin:0 auto;}

@media screen and (max-width: 767px){
    #home-news .swiper-container .img-thumb{background-color:#fff; max-height: 300px; padding:15px}
    /*#home-news .swiper-container .img-thumb img{max-width: unset; max-height: unset;}*/
    #back-top {position:static; width:100%;margin:20px 0 0 0; text-align:center}
    #back-top a {display:inline-block;}
    .btn-style01 {line-height:32px;}
}

@media screen and (max-width: 480px){
    #home-banner-1{background:unset !important;}
    #home-banner-1 .swiper-slide{background-size: cover !important; height: 400px!important;}
    #home-banner-1 .swiper-slide img{opacity: 0 !important;}
    #home-banner-1 #michelin-lg img{opacity: 1 !important;}
}

#home-banner-1 .swiper-pagination-bullet {
    width:8px;
    height:8px;
    background-color:#fff;        
    opacity:1;
}
#home-banner-1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:#f7af28;        
}