/* main */
#section0 .inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../../Content/images/visual_1200.jpg") 50% 0 no-repeat;
  background-size: cover; }
  @media screen and (min-width: 1200px) {
    #section0 .inner {
      background: url("../../Content/images/visual.jpg") 50% 0 no-repeat;
      background-size: cover; } }
  #section0 .inner .popup_wrap {
    position: absolute;
    background: #000;
    width: 1260px;
    height: 430px;
    top: auto;
    bottom: 0;
    left: -1260px;
    z-index: 7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #section0 .inner .popup_wrap .open_btn {
      cursor: pointer;
      position: absolute;
      top: 0;
      width: 70px;
      height: 430px;
      right: -69px;
      background: #425563 url("../../Content/images/btn_popup_open.png") 0 0 no-repeat;
      background-size: 100% auto; }
    #section0 .inner .popup_wrap .popup_inner {
      width: 100%;
      height: 100%; }
      #section0 .inner .popup_wrap .popup_inner .swiper-slide {
        position: relative;
        width: 420px;
        height: 100%; }
        #section0 .inner .popup_wrap .popup_inner .swiper-slide a {
          position: absolute;
          width: 80%;
          height: 50px;
          bottom: 30px;
          left: 50%;
          -o-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          -moz-transform: translate(-50%, 0);
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          text-indent: -9999999px;
          font-size: 0; }
        #section0 .inner .popup_wrap .popup_inner .swiper-slide img {
          width: 420px;
          height: auto; }
    #section0 .inner .popup_wrap.open {
      left: 0; }
      #section0 .inner .popup_wrap.open .open_btn {
        background: #425563 url("../../Content/images/btn_popup_close.png") 0 0 no-repeat;
        background-size: 100% auto; }
    #section0 .inner .popup_wrap.hide {
      display: none; }
    #section0 .inner .popup_wrap.item-number1 {
      width: 420px;
      height: 430px;
      left: -420px; }
      #section0 .inner .popup_wrap.item-number1.open {
        left: 0; }
    #section0 .inner .popup_wrap.item-number2 {
      width: 840px;
      height: 430px;
      left: -840px; }
      #section0 .inner .popup_wrap.item-number2.open {
        left: 0; }
    @media screen and (min-width: 992px) {
      #section0 .inner .popup_wrap.item-number3 {
        width: 921px;
        height: 314px;
        left: -921px; } }
    @media screen and (min-width: 1600px) {
      #section0 .inner .popup_wrap.item-number3 {
        width: 1125px;
        height: 384px;
        left: -1125px; } }
    @media screen and (min-width: 1920px) {
      #section0 .inner .popup_wrap.item-number3 {
        width: 1260px;
        height: 430px;
        left: -1260px; } }
    @media screen and (min-width: 992px) {
      #section0 .inner .popup_wrap.item-number3 .open_btn {
        height: 314px; } }
    @media screen and (min-width: 1600px) {
      #section0 .inner .popup_wrap.item-number3 .open_btn {
        height: 384px; } }
    @media screen and (min-width: 1920px) {
      #section0 .inner .popup_wrap.item-number3 .open_btn {
        height: 430px; } }
    @media screen and (min-width: 992px) {
      #section0 .inner .popup_wrap.item-number3 .popup_inner .swiper-slide {
        width: 307px; } }
    @media screen and (min-width: 1600px) {
      #section0 .inner .popup_wrap.item-number3 .popup_inner .swiper-slide {
        width: 375px; } }
    @media screen and (min-width: 1920px) {
      #section0 .inner .popup_wrap.item-number3 .popup_inner .swiper-slide {
        width: 420px; } }
    @media screen and (min-width: 992px) {
      #section0 .inner .popup_wrap.item-number3 .popup_inner .swiper-slide img {
        width: 307px; } }
    @media screen and (min-width: 1600px) {
      #section0 .inner .popup_wrap.item-number3 .popup_inner .swiper-slide img {
        width: 375px; } }
    @media screen and (min-width: 1920px) {
      #section0 .inner .popup_wrap.item-number3 .popup_inner .swiper-slide img {
        width: 420px; } }
    #section0 .inner .popup_wrap.item-number3.open {
      left: 0; }
    #section0 .inner .popup_wrap.pop_top {
      height: 272px;
      bottom: 450px; }
      @media screen and (min-width: 1600px) {
        #section0 .inner .popup_wrap.pop_top {
          height: 242px;
          bottom: 410px; } }
      @media screen and (min-width: 1920px) {
        #section0 .inner .popup_wrap.pop_top {
          height: 272px;
          bottom: 450px; } }
      #section0 .inner .popup_wrap.pop_top .open_btn {
        height: 272px;
        background: #8a8076 url("../../Content/images/btn_guide_open.png") 0 0 no-repeat;
        background-size: 100% auto; }
        @media screen and (min-width: 1600px) {
          #section0 .inner .popup_wrap.pop_top .open_btn {
            height: 242px; } }
        @media screen and (min-width: 1920px) {
          #section0 .inner .popup_wrap.pop_top .open_btn {
            height: 272px; } }
      #section0 .inner .popup_wrap.pop_top.open {
        left: 0; }
        #section0 .inner .popup_wrap.pop_top.open .open_btn {
          background: #8a8076 url("../../Content/images/btn_guide_close.png") 0 0 no-repeat;
          background-size: 100% auto; }
    #section0 .inner .popup_wrap .swiper-container-horizontal > .swiper-pagination-bullets, #section0 .inner .popup_wrap .swiper-pagination-custom, #section0 .inner .popup_wrap .swiper-pagination-fraction {
      bottom: 5px; }
#section0 .fp-scroller {
  height: 100%; }

/* premium */
#section1 {
  position: relative;
  background: url(../../Content/images/main_middle_bg.png) 50% 80% no-repeat; }
  #section1 .inner {
    position: relative;
    width: 100%;
    position: relative;
    text-align: center; }
    #section1 .inner h2, #section1 .inner h3 {
      position: relative;
      width: 100%;
      min-width: 770px;
      max-width: 770px;
      margin: auto;
      text-align: left;
      color: #015152;
      font-size: 24px;
      font-weight: 400; }
    #section1 .inner h3 {
      display: flex;
      justify-content: space-between;
      padding-bottom: 70px; }
      #section1 .inner h3 span {
        display: inline-block;
        font-size: 30px;
        color: #000000;
        line-height: 1.2; }
      #section1 .inner h3 a {
        font-size: 16px;
        font-weight: 400;
        padding-right: 60px;
        background: url("../../Content/images/icon_more_main.png") 100% 50% no-repeat;
        display: flex;
        align-items: center; }
    #section1 .inner .premium {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 300px;
      max-height: 540px;
      min-height: 300px;
      max-width: 770px;
      min-width: 770px;
      margin: auto;
      position: relative; }
      #section1 .inner .premium li {
        position: absolute;
        display: inline-block;
        top: 0;
        width: 16.42857142857%;
        height: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /*&.active{
            width: 67.14285714286%;
            &:nth-child(1){
                left: 0;
            }
            &:nth-child(2){
                left: 16.42857142857%;
            }
            &:nth-child(3){
                left: 32.85714285714%;
            }
        }*/ }
        #section1 .inner .premium li span {
          position: absolute;
          display: inline-block;
          height: 100%;
          width: 100%; }
          #section1 .inner .premium li span.thum {
            left: 0;
            top: 3.703703703705%;
            z-index: 1;
            opacity: 1;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out; }
            #section1 .inner .premium li span.thum img {
              opacity: 1;
              width: 100%; }
          #section1 .inner .premium li span.cont {
            top: 0;
            left: 19.65811965812%;
            opacity: 0;
            z-index: 2;
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out; }
            #section1 .inner .premium li span.cont img {
              opacity: 1;
              width: 100%; }
      #section1 .inner .premium.left_position1 li.step1 {
        cursor: default;
        width: 67.14285714286%;
        left: 0; }
        #section1 .inner .premium.left_position1 li.step1 .thum {
          opacity: 0; }
        #section1 .inner .premium.left_position1 li.step1 .cont {
          left: 0;
          opacity: 1; }
      #section1 .inner .premium.left_position1 li.step2 {
        cursor: pointer;
        width: 16.42857142857%;
        left: 67.14285714286%; }
        #section1 .inner .premium.left_position1 li.step2 .thum {
          opacity: 1; }
        #section1 .inner .premium.left_position1 li.step2 .cont {
          left: 19.65811965812%;
          opacity: 0; }
      #section1 .inner .premium.left_position1 li.step3 {
        cursor: pointer;
        width: 16.42857142857%;
        left: 83.57142857143%; }
        #section1 .inner .premium.left_position1 li.step3 .thum {
          opacity: 1; }
        #section1 .inner .premium.left_position1 li.step3 .cont {
          opacity: 0;
          left: 19.65811965812%; }
      #section1 .inner .premium.left_position2 li.step1 {
        cursor: pointer;
        width: 16.42857142857%;
        left: 0; }
        #section1 .inner .premium.left_position2 li.step1 .thum {
          opacity: 1; }
        #section1 .inner .premium.left_position2 li.step1 .cont {
          opacity: 0;
          left: 19.65811965812%; }
      #section1 .inner .premium.left_position2 li.step2 {
        cursor: default;
        width: 67.14285714286%;
        left: 16.42857142857%; }
        #section1 .inner .premium.left_position2 li.step2 .thum {
          opacity: 0; }
        #section1 .inner .premium.left_position2 li.step2 .cont {
          opacity: 1;
          left: 0; }
      #section1 .inner .premium.left_position2 li.step3 {
        cursor: pointer;
        width: 16.42857142857%;
        left: 83.57142857143%; }
        #section1 .inner .premium.left_position2 li.step3 .thum {
          opacity: 1; }
        #section1 .inner .premium.left_position2 li.step3 .cont {
          opacity: 0;
          left: 19.65811965812%; }
      #section1 .inner .premium.left_position3 li.step1 {
        cursor: pointer;
        width: 16.42857142857%;
        left: 0; }
        #section1 .inner .premium.left_position3 li.step1 .thum {
          opacity: 1; }
        #section1 .inner .premium.left_position3 li.step1 .cont {
          opacity: 0;
          left: 19.65811965812%; }
      #section1 .inner .premium.left_position3 li.step2 {
        cursor: pointer;
        width: 16.42857142857%;
        left: 16.42857142857%; }
        #section1 .inner .premium.left_position3 li.step2 .thum {
          opacity: 1; }
        #section1 .inner .premium.left_position3 li.step2 .cont {
          opacity: 0;
          left: 19.65811965812%; }
      #section1 .inner .premium.left_position3 li.step3 {
        cursor: default;
        width: 67.14285714286%;
        left: 32.85714285714%; }
        #section1 .inner .premium.left_position3 li.step3 .thum {
          opacity: 0; }
        #section1 .inner .premium.left_position3 li.step3 .cont {
          opacity: 1;
          left: 0; }
      @media screen and (min-width: 1092px) {
        #section1 .inner .premium {
          height: 316px;
          max-width: 820px;
          min-width: 820px; } }
      @media screen and (min-width: 1192px) {
        #section1 .inner .premium {
          height: 336px;
          max-width: 870px;
          min-width: 870px; } }
      @media screen and (min-width: 1292px) {
        #section1 .inner .premium {
          height: 356px;
          max-width: 920px;
          min-width: 920px; } }
      @media screen and (min-width: 1392px) {
        #section1 .inner .premium {
          height: 376px;
          max-width: 970px;
          min-width: 970px; } }
      @media screen and (min-width: 1492px) {
        #section1 .inner .premium {
          height: 396px;
          max-width: 1020px;
          min-width: 992px; } }
      @media screen and (min-width: 1592px) {
        #section1 .inner .premium {
          height: 416px;
          max-width: 1070px; } }
      @media screen and (min-width: 1692px) {
        #section1 .inner .premium {
          height: 426px;
          max-width: 1120px; } }
      @media screen and (min-width: 1792px) {
        #section1 .inner .premium {
          height: 446px;
          max-width: 1170px; } }
      @media screen and (min-width: 1892px) {
        #section1 .inner .premium {
          height: 466px;
          max-width: 1220px; } }
      @media screen and (min-width: 1920px) {
        #section1 .inner .premium {
          height: 540px;
          max-width: 1400px;
          min-width: 992px; } }

/* unit */
#section2 .inner {
  width: 100%;
  min-width: 992px;
  max-width: 1400px;
  margin: auto;
  height: 660px;
  display: flex;
  justify-content: space-between; }
  #section2 .inner .unit_left {
    position: relative;
    z-index: 1;
    width: 50%; }
    #section2 .inner .unit_left::before {
      content: "";
      position: absolute;
      width: 500px;
      height: 500px;
      background: #015152;
      left: -30px;
      top: -30px;
      z-index: -1; }
    #section2 .inner .unit_left .swiper-container .swiper-wrapper .swiper-slide {
      width: 700px;
      height: 600px; }
  #section2 .inner .unit_right {
    width: 42.85714285714%;
    display: flex;
    align-items: center; }
    #section2 .inner .unit_right .itemCenter {
      width: 100%; }
      #section2 .inner .unit_right .itemCenter h3 {
        font-size: 24px;
        font-weight: 500;
        color: #015152;
        padding-bottom: 20px; }
      #section2 .inner .unit_right .itemCenter h4 {
        font-size: 46px;
        font-weight: 400;
        color: #000;
        padding-bottom: 50px;
        line-height: 1.2; }
        #section2 .inner .unit_right .itemCenter h4 strong {
          display: block;
          font-weight: 500; }
      #section2 .inner .unit_right .itemCenter .more {
        margin-bottom: 90px; }
      #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide {
        cursor: pointer;
        width: 86px;
        height: auto;
        border-radius: 100%;
        overflow: hidden;
        border: 1px solid #5a6770;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #5a6770; }
        #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active, #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide.active {
          background: #015152;
          color: #fff;
          font-weight: 500;
          font-size: 24px; }
        #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide img {
          width: 100%; }
        #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide span {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 18px;
          font-weight: 400; }
        @media screen and (min-width: 1200px) {
          #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide {
            width: 104px; }
            #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide span {
              font-size: 20px; } }
        @media screen and (min-width: 1400px) {
          #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide {
            width: 120px; }
            #section2 .inner .unit_right .itemCenter .swiper-container .swiper-wrapper .swiper-slide span {
              font-size: 22px; } }
      #section2 .inner .unit_right .itemCenter .swiper-scrollbar {
        height: 2px;
        margin-top: 28px; }

/* interior */
#section3 .inner {
  width: 100%;
  text-align: center;
  background: url("../../Content/images/main_interior_bg.png") 50% 50% no-repeat;
  background-size: auto 312px;
  height: 426px; }
  @media screen and (min-width: 1200px) {
    #section3 .inner {
      height: 515px;
      background-size: auto 377px; } }
  @media screen and (min-width: 1400px) {
    #section3 .inner {
      height: 600px;
      background-size: auto 440px; } }
  #section3 .inner .interior_wrap {
    position: relative;
    width: 100%;
    min-width: 992px;
    max-width: 1400px;
    margin: auto;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    height: 426px; }
    @media screen and (min-width: 1200px) {
      #section3 .inner .interior_wrap {
        height: 515px; } }
    @media screen and (min-width: 1400px) {
      #section3 .inner .interior_wrap {
        height: 600px; } }
    #section3 .inner .interior_wrap::before {
      content: "";
      position: absolute;
      width: 70px;
      height: 312px;
      right: -70px;
      top: 50%;
      margin-top: -156px; }
      @media screen and (min-width: 1200px) {
        #section3 .inner .interior_wrap::before {
          width: 86px;
          height: 377px;
          right: -86px;
          top: 50%;
          margin-top: -189px; } }
      @media screen and (min-width: 1400px) {
        #section3 .inner .interior_wrap::before {
          width: 100px;
          height: 440px;
          right: -100px;
          top: 50%;
          margin-top: -220px; } }
    #section3 .inner .interior_wrap.type23B::before {
      background: url("../../Content/images/basicstyle.png") 0 0 no-repeat; }
    #section3 .inner .interior_wrap .interior_left {
      width: 35.71428571429%;
      display: flex;
      align-items: flex-end; }
      #section3 .inner .interior_wrap .interior_left .itemCenter {
        width: 100%; }
        #section3 .inner .interior_wrap .interior_left .itemCenter h3 {
          font-weight: 500;
          color: #fff;
          text-align: left;
          font-size: 18px;
          padding-bottom: 10px; }
          @media screen and (min-width: 1200px) {
            #section3 .inner .interior_wrap .interior_left .itemCenter h3 {
              font-size: 20px;
              padding-bottom: 15px; } }
          @media screen and (min-width: 1400px) {
            #section3 .inner .interior_wrap .interior_left .itemCenter h3 {
              font-size: 24px;
              padding-bottom: 20px; } }
        #section3 .inner .interior_wrap .interior_left .itemCenter h4 {
          font-weight: 400;
          color: #fff;
          line-height: 1.2;
          text-align: left;
          font-size: 28px;
          padding-bottom: 30px; }
          @media screen and (min-width: 1200px) {
            #section3 .inner .interior_wrap .interior_left .itemCenter h4 {
              font-size: 36px;
              padding-bottom: 40px; } }
          @media screen and (min-width: 1400px) {
            #section3 .inner .interior_wrap .interior_left .itemCenter h4 {
              font-size: 42px;
              padding-bottom: 50px; } }
          #section3 .inner .interior_wrap .interior_left .itemCenter h4 strong {
            font-weight: 400; }
        #section3 .inner .interior_wrap .interior_left .itemCenter .more {
          text-align: left;
          margin-bottom: 50px; }
          @media screen and (min-width: 1200px) {
            #section3 .inner .interior_wrap .interior_left .itemCenter .more {
              margin-bottom: 70px; } }
          @media screen and (min-width: 1400px) {
            #section3 .inner .interior_wrap .interior_left .itemCenter .more {
              margin-bottom: 90px; } }
        #section3 .inner .interior_wrap .interior_left .itemCenter ul {
          display: flex;
          width: 96.4%; }
          #section3 .inner .interior_wrap .interior_left .itemCenter ul li {
            position: relative;
            background: #000;
            width: 33.33333333333333%;
            height: auto;
            overflow: hidden; }
            #section3 .inner .interior_wrap .interior_left .itemCenter ul li::before {
              content: "";
              position: absolute;
              right: -1.5px;
              width: 3px;
              height: 100%;
              background: #fff; }
            #section3 .inner .interior_wrap .interior_left .itemCenter ul li:last-child::before {
              display: none; }
            #section3 .inner .interior_wrap .interior_left .itemCenter ul li img {
              width: 100%;
              opacity: .3; }
            #section3 .inner .interior_wrap .interior_left .itemCenter ul li a {
              position: absolute;
              width: 100%;
              height: 100%;
              color: #fff;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 18px;
              z-index: 1; }
              #section3 .inner .interior_wrap .interior_left .itemCenter ul li a.active {
                background: #015152; }
                #section3 .inner .interior_wrap .interior_left .itemCenter ul li a.active::before {
                  content: "";
                  position: absolute;
                  width: 90%;
                  height: 90%;
                  left: 5%;
                  top: 5%;
                  border: 1px solid rgba(255, 255, 255, 0.5); }
    #section3 .inner .interior_wrap .interior_right {
      width: 64.28571428571%;
      height: 100%;
      background: #dcd8d5; }
      #section3 .inner .interior_wrap .interior_right .swiper-wrap {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all {
          display: flex;
          flex-flow: wrap;
          height: 1278px;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media screen and (min-width: 1200px) {
            #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all {
              height: 1545px; } }
          @media screen and (min-width: 1400px) {
            #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all {
              height: 1800px; } }
          #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item {
            position: relative;
            width: 100%;
            height: 33.33333333333333%; }
            #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav {
              position: absolute;
              bottom: auto;
              right: auto;
              top: 0;
              left: 0;
              background: #fff;
              z-index: 99;
              display: flex;
              justify-content: space-between;
              width: 140px;
              height: 56px; }
              @media screen and (min-width: 1200px) {
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav {
                  bottom: auto;
                  right: auto;
                  top: 0;
                  left: 0;
                  width: 171px;
                  height: 67px; } }
              @media screen and (min-width: 1400px) {
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav {
                  top: auto;
                  left: auto;
                  bottom: 0;
                  right: 0;
                  width: 200px;
                  height: 80px; } }
              #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4 {
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
                width: 30px; }
                @media screen and (min-width: 1200px) {
                  #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4 {
                    width: 40px; } }
                @media screen and (min-width: 1200px) {
                  #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4 {
                    width: 50px; } }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4::after, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4::after {
                  display: none; }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4 i {
                  color: #000;
                  font-size: 20px; }
                  @media screen and (min-width: 1200px) {
                    #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4 i {
                      font-size: 24px; } }
                  @media screen and (min-width: 1400px) {
                    #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4 i, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4 i {
                      font-size: 30px; } }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev1.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next1.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev2.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next2.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev3.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next3.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-prev4.swiper-button-disabled, #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-button-next4.swiper-button-disabled {
                  opacity: .2; }
              #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-pagination {
                position: relative;
                top: auto;
                bottom: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 60px;
                left: auto; }
                @media screen and (min-width: 1200px) {
                  #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-pagination {
                    width: 70px; } }
                @media screen and (min-width: 1400px) {
                  #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-pagination {
                    width: 85px; } }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-pagination .swiper-pagination-current {
                  font-size: 18px;
                  font-weight: 400;
                  color: #000;
                  padding: 0 5px; }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-nav .swiper-pagination .swiper-pagination-total {
                  font-size: 14px;
                  color: #ccc;
                  padding: 0 5px; }
            #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .swiper-slide img {
              width: 100%; }
            #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .btns {
              position: absolute;
              display: flex;
              left: 10px;
              bottom: 10px;
              width: 350px;
              height: 50px;
              z-index: 9; }
              #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .btns a {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 1;
                color: #fff;
                font-size: 18px;
                font-weight: 400;
                width: 170px;
                height: 50px;
                margin-right: 10px; }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .btns a i {
                  color: #fff;
                  font-size: 24px; }
                #section3 .inner .interior_wrap .interior_right .swiper-wrap .swiper-wrap-all .interior_item .btns a::before {
                  content: "";
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  background: #000;
                  opacity: .7;
                  left: 0;
                  top: 0;
                  z-index: -1; }
        #section3 .inner .interior_wrap .interior_right .swiper-wrap.type23B .swiper-wrap-all {
          margin-top: 0; }

/* brand */
#section4 {
  background: url("../../Content/images/main_brand_bg.jpg") 50% 50% no-repeat;
  background-size: cover; }
  #section4 .inner {
    text-align: center; }
    #section4 .inner h2 {
      font-size: 24px;
      font-weight: 500;
      color: #fff;
      text-transform: uppercase; }
    #section4 .inner h3 {
      font-size: 46px;
      font-weight: 300;
      color: #fff;
      text-transform: uppercase; }
    #section4 .inner p {
      font-size: 18px;
      color: #fff;
      font-weight: 400;
      padding: 25px 0; }
    #section4 .inner a {
      display: inline-block;
      margin-top: 45px;
      line-height: 40px;
      height: 40px;
      color: #fff;
      padding-right: 65px;
      background: url("../../Content/images/icon_more3_main.png") 100% 0 no-repeat; }

/* location */
#section5 .inner {
  position: relative;
  width: 100%;
  text-align: center; }
  #section5 .inner h2, #section5 .inner h3 {
    position: relative;
    width: 100%;
    min-width: 770px;
    max-width: 770px;
    margin: auto;
    text-align: left;
    color: #015152;
    font-size: 24px;
    font-weight: 400; }
  #section5 .inner h3 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px; }
    #section5 .inner h3 span {
      font-size: 30px;
      color: #000000; }
    #section5 .inner h3 a {
      font-size: 16px;
      font-weight: 400;
      padding-right: 60px;
      background: url("../../Content/images/icon_more_main.png") 100% 50% no-repeat;
      display: flex;
      align-items: center; }
  #section5 .inner .map_wrap {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 800px;
    min-width: 800px;
    height: 535px; }
    @media screen and (min-width: 1092px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 8px);
        max-width: calc( 800px + 60px);
        min-width: calc( 800px + 60px); } }
    @media screen and (min-width: 1192px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 16px);
        max-width: calc( 800px + 120px);
        min-width: calc( 800px + 120px); } }
    @media screen and (min-width: 1292px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 24px);
        max-width: calc( 800px + 180px);
        min-width: calc( 800px + 180px); } }
    @media screen and (min-width: 1392px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 32px);
        max-width: calc( 800px + 240px);
        min-width: calc( 800px + 240px); } }
    @media screen and (min-width: 1492px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 40px);
        max-width: calc( 800px + 300px);
        min-width: calc( 800px + 300px); } }
    @media screen and (min-width: 1592px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 48px);
        max-width: calc( 800px + 360px);
        min-width: calc( 800px + 360px); } }
    @media screen and (min-width: 1692px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 56px);
        max-width: calc( 800px + 420px);
        min-width: calc( 800px + 420px); } }
    @media screen and (min-width: 1792px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 64px);
        max-width: calc( 800px + 480px);
        min-width: calc( 800px + 480px); } }
    @media screen and (min-width: 1892px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 72px);
        max-width: calc( 800px + 540px);
        min-width: calc( 800px + 540px); } }
    @media screen and (min-width: 1920px) {
      #section5 .inner .map_wrap {
        height: calc( 535px + 80px);
        max-width: 1400px;
        min-width: 992px; } }
    #section5 .inner .map_wrap .tab {
      position: absolute;
      width: 87.5%;
      left: 6.25%;
      top: 0;
      z-index: 2; }
      #section5 .inner .map_wrap .tab ul {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        #section5 .inner .map_wrap .tab ul li {
          display: inline-block;
          width: 50%;
          height: 100px;
          background: #5a6770 url("../../Content/images/bg_tab_simbol.png") 90% -54px no-repeat;
          padding: 20px 0 0 30px;
          text-align: left; }
          #section5 .inner .map_wrap .tab ul li h4 {
            font-size: 24px;
            color: #fff;
            font-weight: 500;
            text-align: left;
            line-height: 1.3; }
          #section5 .inner .map_wrap .tab ul li a {
            pointer-events: none;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding-right: 50px;
            background-size: auto 30px;
            color: #fff;
            font-size: 14px;
            font-weight: 400; }
          #section5 .inner .map_wrap .tab ul li.active {
            background: #015152 url("../../Content/images/bg_tab_simbol.png") 90% -54px no-repeat; }
          @media screen and (min-width: 1200px) {
            #section5 .inner .map_wrap .tab ul li {
              height: 110px;
              padding: 24px 0 0 42px; }
              #section5 .inner .map_wrap .tab ul li h4 {
                font-size: 26px; }
              #section5 .inner .map_wrap .tab ul li a {
                height: 33px;
                line-height: 33px;
                padding-right: 60px;
                font-size: 15px; } }
          @media screen and (min-width: 1400px) {
            #section5 .inner .map_wrap .tab ul li {
              height: 120px;
              padding: 28px 0 0 54px; }
              #section5 .inner .map_wrap .tab ul li h4 {
                font-size: 28px; }
              #section5 .inner .map_wrap .tab ul li a {
                height: 36px;
                line-height: 36px;
                padding-right: 80px;
                font-size: 16px; } }
          @media screen and (min-width: 1600px) {
            #section5 .inner .map_wrap .tab ul li {
              height: 130px;
              padding: 32px 0 0 65px; }
              #section5 .inner .map_wrap .tab ul li h4 {
                font-size: 30px; }
              #section5 .inner .map_wrap .tab ul li a {
                height: 40px;
                line-height: 40px;
                padding-right: 100px;
                font-size: 18px; } }
    #section5 .inner .map_wrap .map {
      position: absolute;
      width: 100%;
      height: 470px;
      bottom: 0;
      z-index: 1; }
      @media screen and (min-width: 1092px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 8px); } }
      @media screen and (min-width: 1192px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 16px); } }
      @media screen and (min-width: 1292px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 24px); } }
      @media screen and (min-width: 1392px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 32px); } }
      @media screen and (min-width: 1492px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 40px); } }
      @media screen and (min-width: 1592px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 48px); } }
      @media screen and (min-width: 1692px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 56px); } }
      @media screen and (min-width: 1792px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 64px); } }
      @media screen and (min-width: 1892px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 72px); } }
      @media screen and (min-width: 1920px) {
        #section5 .inner .map_wrap .map {
          height: calc( 470px + 80px); } }

@media screen and (min-width: 1092px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 820px;
    min-width: 820px; } }
@media screen and (min-width: 1192px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 870px;
    min-width: 870px; } }
@media screen and (min-width: 1292px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 920px;
    min-width: 920px; } }
@media screen and (min-width: 1392px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 970px;
    min-width: 970px; } }
@media screen and (min-width: 1492px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 1020px;
    min-width: 992px; } }
@media screen and (min-width: 1592px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 1070px; } }
@media screen and (min-width: 1692px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 1120px; } }
@media screen and (min-width: 1792px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 1170px; } }
@media screen and (min-width: 1892px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 1220px; } }
@media screen and (min-width: 1920px) {
  #section1 .inner h2, #section1 .inner h3, #section5 .inner h2, #section5 .inner h3 {
    max-width: 1400px;
    min-width: 992px; } }
@media screen and (min-width: 1200px) {
  #section1 .inner h3 span, #section5 .inner h3 span {
    font-size: 36px; } }
@media screen and (min-width: 1400px) {
  #section1 .inner h3 span, #section5 .inner h3 span {
    font-size: 40px; } }
@media screen and (min-width: 1600px) {
  #section1 .inner h3 span, #section5 .inner h3 span {
    font-size: 46px; } }

#section6 .main_bottom_banner {
  width: 100%;
  height: 340px;
  background: url("../../Content/images/main_bottom_banner.jpg") 50% 50% no-repeat;
  background-size: cover;
  display: flex;
  align-items: center; }
  #section6 .main_bottom_banner h2 {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
    font-size: 46px;
    letter-spacing: 4px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Poppins";
    font-weight: 400; }
    #section6 .main_bottom_banner h2 p {
      display: block;
      width: 100%;
      color: #fff;
      font-weight: 300;
      text-align: center;
      font-size: 20px; }