.aboutArea .imgBox, .aboutArea .textBox, .serviceArea .imgBox, .serviceArea .textBox, .aboutArea .bdLine::before, .serviceArea .bdLine::before, .roomArea, .roomTextBox, .roomFuncBox .slick-dots button, .meetList .Img::before, .meetList .hoverBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.titleBox::before, .titleBox::after, .aboutArea .Txt p, .serviceArea .Txt p, .aboutArea .bdLine::before, .serviceArea .bdLine::before, .aboutArea .imgBox, .aboutArea .imgBox::before, .serviceArea .imgBox, .serviceArea .imgBox::before, .serviceArea .ImgBack::after, .roomList p, .roomTextList p, .roomFuncBox .slick-dots li, .meetList .item, .meetList .Img, .meetList .Img::before, .meetList .hoverBox, .meetList .hoverBox h3, .meetList .hoverBox p, .meetList .hoverBox p::before, .meetList .Txt p, .messageArea .cardList {
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out; }

.serviceArea .imgBox, .aboutArea .imgBox, .aboutArea .titleBox h2 span, .aboutArea .titleBox em span, .serviceArea .titleBox h2 span, .serviceArea .titleBox em span, .aboutArea .Txt p, .serviceArea .Txt p, .roomTextBox .titleBox em span, .roomList h3 a, .roomTextList h3 a, .roomList p, .roomTextList p, .meetArea .titleBox h2 span, .meetArea .titleBox em span, .meetList .Img, .meetList .hoverBox h3, .meetList .hoverBox p, .meetList .Txt p, .messageArea .titleBox em span, .messageArea .titleBox h2 span, .messageArea .cardList, .roomList .moreBtn, .roomTextList .moreBtn {
  opacity: 0; }

.serviceArea .imgBox {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px); }

.aboutArea .imgBox {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.aboutArea .titleBox h2 span, .aboutArea .titleBox em span, .serviceArea .titleBox h2 span, .serviceArea .titleBox em span, .aboutArea .Txt p, .serviceArea .Txt p, .roomTextBox .titleBox em span, .roomList h3 a, .roomTextList h3 a, .roomList p, .roomTextList p, .meetArea .titleBox h2 span, .meetArea .titleBox em span, .meetList .Img, .meetList .hoverBox h3, .meetList .hoverBox p, .meetList .Txt p, .messageArea .titleBox em span, .messageArea .titleBox h2 span, .messageArea .cardList {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

.roomList .moreBtn, .roomTextList .moreBtn {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px); }

.aboutArea.show .imgBox, .serviceArea.show .imgBox, .aboutArea.show .Txt p, .serviceArea.show .Txt p, .roomList .current h3 a, .roomTextList .current h3 a, .roomList .current p, .roomTextList .current p, .roomList .current .moreBtn, .roomTextList .current .moreBtn, .meetArea.show .meetList .Img, .meetArea.show .meetList .Txt p, .meetList .item:hover .hoverBox h3, .meetList .item:hover .hoverBox p, .messageArea.show .cardList {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1; }

.loadingArea {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  z-index: 902;
  background-color: #043248;
  -webkit-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-out; }
  .loadingArea.show {
    opacity: 0;
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
    pointer-events: none; }
    .loadingArea.show .loadingLogo {
      opacity: 1; }
      .loadingArea.show .loadingLogo::before {
        width: 100%; }

.loadingLogo {
  position: relative;
  max-width: 151px;
  opacity: 0;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out; }
  .loadingLogo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    height: 100%;
    background: url("../images/logo.png") 0 0/cover no-repeat;
    -webkit-transition: 1s ease-out 1s;
    -o-transition: 1s ease-out 1s;
    transition: 1s ease-out 1s; }
  .loadingLogo img {
    display: block;
    opacity: 0.3;
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.bannerText {
  padding-bottom: 0; }
  .bannerText .bEnTitle {
    display: block; }

.bookingSubmitBtn {
  background-color: #ab8e59; }

.mainArea {
  counter-reset: titleNum;
  padding-top: 0;
  padding-bottom: 0; }

.titleBox {
  counter-increment: titleNum;
  padding-top: 80px; }
  .titleBox.show::before, .titleBox.show::after {
    opacity: 1; }
  .titleBox.show::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s; }
  .titleBox::before, .titleBox::after {
    position: absolute;
    pointer-events: none; }
  .titleBox::before {
    content: '';
    top: 42px;
    left: 50%;
    width: 38px;
    height: 1px;
    margin-left: -19px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    background-color: #d2d8db;
    opacity: 0; }
  .titleBox::after {
    content: "0" counter(titleNum);
    left: 0;
    top: 35px;
    width: 100%;
    font-family: "Lato", "Noto Sans TC", sans-serif;
    font-size: 14px;
    color: #7d7d7d;
    text-align: center;
    opacity: 0; }

.aboutArea.show .Txt p, .serviceArea.show .Txt p {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s; }

.aboutArea .wrap, .serviceArea .wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.aboutArea .imgBox, .aboutArea .textBox, .serviceArea .imgBox, .serviceArea .textBox {
  width: 50%; }

.aboutArea .imgBox, .serviceArea .imgBox {
  position: relative; }

.aboutArea .Img, .aboutArea .ImgBack, .serviceArea .Img, .serviceArea .ImgBack {
  line-height: 0; }
  .aboutArea .Img img, .aboutArea .ImgBack img, .serviceArea .Img img, .serviceArea .ImgBack img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.aboutArea .Img, .serviceArea .Img {
  position: absolute;
  z-index: 2; }

.aboutArea .ImgBack, .serviceArea .ImgBack {
  position: relative;
  z-index: 1; }

.aboutArea .Txt, .serviceArea .Txt {
  line-height: 1.8; }
  .aboutArea .Txt p, .serviceArea .Txt p {
    letter-spacing: .5px; }

.aboutArea .bdLine::before, .serviceArea .bdLine::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  pointer-events: none;
  border: 1px solid #d9d9d9; }

.aboutArea {
  padding-top: 90px;
  padding-bottom: 50px;
  background-color: #f7f7f7; }
  .aboutArea.show .imgBox::before {
    width: 45px;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s; }
  .aboutArea .imgBox {
    padding-right: 20px; }
    .aboutArea .imgBox::before {
      content: '';
      position: absolute;
      top: 55px;
      left: 135px;
      z-index: 0;
      width: 0;
      height: 60px;
      background-color: #043248; }
    .aboutArea .imgBox:hover .bdLine::before {
      left: 0;
      right: 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .aboutArea .textBox {
    padding-right: 180px; }
  .aboutArea .Img {
    top: 0;
    right: 50px; }
  .aboutArea .bdLine::before {
    left: -14px;
    right: -9px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  .aboutArea .ImgBack {
    margin-top: 110px; }
  .aboutArea .parallaxText {
    top: 70px;
    right: 50px;
    color: #f1f1f2; }

.serviceArea {
  position: relative;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 200px;
  overflow: hidden; }
  .serviceArea .imgBox {
    padding-left: 80px; }
  .serviceArea .Img {
    left: 0;
    bottom: -145px; }
  .serviceArea .ImgBack {
    display: inline-block; }
  .serviceArea .bdLine::before {
    left: 0;
    right: 0;
    -webkit-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px); }
  .serviceArea .textBox {
    padding-left: 160px; }
    .serviceArea .textBox p {
      max-width: 335px; }
  .serviceArea .spImgL {
    bottom: 0;
    left: -30px; }
  .serviceArea .spImgR {
    top: 0;
    right: 0; }

.roomArea {
  position: relative;
  padding-right: 30%;
  overflow: hidden; }
  .roomArea.show::before {
    width: 0;
    background-position-x: 0;
    -webkit-transition: background-position-x .5s ease-out, width .5s ease-out .7s;
    -o-transition: background-position-x .5s ease-out, width .5s ease-out .7s;
    transition: background-position-x .5s ease-out, width .5s ease-out .7s; }
  .roomArea::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #043248), color-stop(0, #fff), to(#fff)) 100% 0/200% 100% no-repeat;
    background: -webkit-linear-gradient(left, #043248 50%, #fff 0, #fff 100%) 100% 0/200% 100% no-repeat;
    background: -o-linear-gradient(left, #043248 50%, #fff 0, #fff 100%) 100% 0/200% 100% no-repeat;
    background: linear-gradient(to right, #043248 50%, #fff 0, #fff 100%) 100% 0/200% 100% no-repeat;
    pointer-events: none; }

.roomTextBox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 56%;
  z-index: 2;
  max-width: 460px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #043248; }
  .roomTextBox .titleBox .dWord {
    color: #8299a4; }
  .roomTextBox .titleBox em {
    color: #fff; }
  .roomTextBox .titleBox::before {
    background-color: #334f60; }
  .roomTextBox .titleBox::after {
    color: #fefefe; }

.roomList .Img, .roomNextList .Img {
  max-width: 1100px; }
  .roomList .Img img, .roomNextList .Img img {
    width: 100%;
    min-width: 980px; }

.roomList .Txt, .roomNextList .Txt {
  display: none; }

.roomList {
  max-width: 1100px;
  z-index: 2; }

.roomNextList {
  position: absolute !important;
  top: 0;
  left: 70%;
  bottom: 0;
  z-index: 1;
  max-width: 1100px; }

.roomList .current p, .roomTextList .current p {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s; }

.roomList .Txt, .roomTextList .Txt {
  text-align: center;
  background-color: #043248; }

.roomList h3 a, .roomTextList h3 a {
  display: block;
  margin-left: 2px;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  letter-spacing: 3px; }

.roomList p, .roomTextList p {
  max-width: 360px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  line-height: 2;
  color: #c4c9cd;
  letter-spacing: 1px; }

.roomList .moreBtn, .roomTextList .moreBtn {
  margin-left: auto;
  margin-right: auto;
  color: #043248;
  border-color: #ab8e59; }
  .roomList .moreBtn::before, .roomTextList .moreBtn::before {
    width: 100%;
    background-color: #ab8e59; }
  .roomList .moreBtn svg, .roomTextList .moreBtn svg {
    fill: #47574f; }

.roomFuncBox {
  position: relative;
  width: 60px;
  height: 60px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto; }
  .roomFuncBox::before {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 5px;
    z-index: 1;
    width: 60px;
    height: 1px;
    background-color: #1b4559;
    pointer-events: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .roomFuncBox .slick-dots .slick-active {
    opacity: 1; }
  .roomFuncBox .slick-dots li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0; }
    .roomFuncBox .slick-dots li:nth-child(-n+9) button::before {
      content: '0'; }
  .roomFuncBox .slick-dots button {
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 20px;
    font-family: "Times New Roman", Times, serif;
    color: #fff;
    border: none;
    outline: none;
    background-color: transparent; }

.roomTotal {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 20px;
  font-family: "Times New Roman", Times, serif;
  color: #8e99a1; }

.prevSingleArrow, .nextSingleArrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent; }
  .prevSingleArrow svg, .nextSingleArrow svg {
    fill: #77909c; }

.prevSingleArrow {
  left: -60px; }

.nextSingleArrow {
  right: -60px; }

.meetArea {
  position: relative;
  z-index: 1;
  padding-bottom: 75px;
  overflow: hidden; }
  .meetArea.show .meetList .Img {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
  .meetArea.show .meetList .Txt p {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s; }
  .meetArea .parallaxText {
    top: 60px;
    left: 0;
    right: 0;
    font-size: 120px;
    margin: auto;
    text-align: center; }
    .meetArea .parallaxText.plx {
      top: 160px; }
  .meetArea .mpImgL {
    top: 400px;
    left: -50px; }
  .meetArea .mpImgR {
    top: 200px;
    right: 0; }
  .meetArea .moreBtn {
    margin-left: auto;
    margin-right: auto; }

.meetList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px; }
  .meetList li {
    padding-left: 10px;
    padding-right: 10px; }
  .meetList .item {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px; }
  .meetList .Img {
    position: relative; }
    .meetList .Img::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2;
      margin: auto;
      border: 1px solid #d6d6d6;
      -webkit-transform: translate(10px, -10px);
      -ms-transform: translate(10px, -10px);
      transform: translate(10px, -10px);
      pointer-events: none; }
    .meetList .Img > a {
      display: block;
      line-height: 0; }
    .meetList .Img img {
      max-width: 100%;
      height: auto;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .meetList .hoverBox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(4, 50, 72, 0.8); }
    .meetList .hoverBox h3 {
      margin-bottom: 10px;
      margin-left: 18px;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 7px; }
    .meetList .hoverBox p {
      position: relative;
      padding-bottom: 20px;
      letter-spacing: 1px;
      line-height: 2; }
      .meetList .hoverBox p::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: 1;
        width: 0;
        height: 1px;
        background-color: #95a3a9; }
  .meetList .Txt {
    padding: 20px 15px; }
    .meetList .Txt p {
      height: 55px;
      line-height: 2;
      letter-spacing: .5px; }
  .meetList h3 a {
    display: block;
    margin-bottom: 10px; }

.messageArea {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
  background-color: #f7f7f7; }
  .messageArea.show .cardList {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }
  .messageArea.hide {
    display: none !important; }
  .messageArea .wrap {
    width: 1240px; }
  .messageArea .parallaxText {
    top: 140px;
    left: 0;
    right: 0;
    font-size: 145px;
    margin: auto;
    text-align: center;
    color: #f1f1f2; }
    .messageArea .parallaxText.plx {
      top: 270px; }
  .messageArea .moreBtn {
    margin-left: auto;
    margin-right: auto; }
  .messageArea .cardList .Txt p, .messageArea .cardList .date {
    display: none; }

@media (max-width: 1400px) {
  .serviceArea .spImgL {
    left: -100px; } }

@media (max-width: 1340px) {
  .messageArea .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
  .messageArea .parallaxText {
    font-size: 100px; }
  .meetArea .parallaxText {
    font-size: 80px; } }

@media (max-width: 1260px) {
  .roomArea {
    padding-right: 0; }
  .roomTextBox {
    left: auto;
    right: 0; }
  .roomNextList {
    display: none; } }

@media (max-width: 1180px) {
  .aboutArea .Img {
    right: 20px; }
  .aboutArea .textBox {
    padding-right: 0; }
  .serviceArea .textBox {
    padding-left: 0; } }

@media (min-width: 1025px) {
  .meetList .item:hover {
    padding-top: 0;
    padding-bottom: 50px; }
    .meetList .item:hover .Img::before {
      top: 7px;
      bottom: 7px;
      left: 7px;
      right: 7px;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0);
      border-color: #4d5d58; }
    .meetList .item:hover .hoverBox {
      opacity: 1; }
      .meetList .item:hover .hoverBox h3 {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s; }
      .meetList .item:hover .hoverBox p {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s; }
        .meetList .item:hover .hoverBox p::before {
          width: 20px;
          margin-left: -10px;
          -webkit-transition-delay: 1.1s;
          -o-transition-delay: 1.1s;
          transition-delay: 1.1s; } }

@media (max-width: 1024px) {
  .meetList .item {
    padding-top: 0; }
    .meetList .item .Img::before {
      top: 7px;
      bottom: 7px;
      left: 7px;
      right: 7px;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0);
      border-color: #4d5d58; }
    .meetList .item .hoverBox {
      opacity: 1; }
      .meetList .item .hoverBox h3, .meetList .item .hoverBox p {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0); }
      .meetList .item .hoverBox p::before {
        width: 20px;
        margin-left: -10px;
        -webkit-transition-delay: 1.1s;
        -o-transition-delay: 1.1s;
        transition-delay: 1.1s; }
  .roomList .Img img {
    min-width: 0;
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .roomList .Txt {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px; }
  .roomTextBox {
    display: none; } }

@media (max-width: 960px) {
  .aboutArea {
    padding-top: 30px; }
  .meetArea, .messageArea {
    padding-bottom: 30px; }
  .titleBox {
    padding-top: 60px; }
    .titleBox::before {
      top: 30px; }
    .titleBox::after {
      top: 22px; }
  .meetArea .parallaxText {
    font-size: 40px; }
    .meetArea .parallaxText.plx {
      top: 235px; }
  .messageArea .parallaxText {
    font-size: 60px; }
    .messageArea .parallaxText.plx {
      top: 250px; } }

@media (max-width: 960px) and (min-width: 769px) {
  .serviceArea {
    padding-top: 95px;
    padding-bottom: 160px; } }

@media (min-width: 769px) {
  .aboutArea .titleBox, .serviceArea .titleBox {
    text-align: left; }
    .aboutArea .titleBox::before, .serviceArea .titleBox::before {
      left: 15px; }
    .aboutArea .titleBox::after, .serviceArea .titleBox::after {
      padding-left: 7px;
      text-align: left; }
  .serviceArea.show .imgBox::before {
    width: 200px;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s; }
  .serviceArea.show .ImgBack::after {
    width: 35px;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s; }
  .serviceArea .imgBox {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    .serviceArea .imgBox::before {
      content: '';
      position: absolute;
      top: 50%;
      left: -50px;
      z-index: 1;
      width: 0;
      height: 1px;
      background-color: #d7dbe2; }
  .serviceArea .ImgBack::after {
    content: '';
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    width: 0;
    margin: auto;
    z-index: -1;
    background-color: #043248; }
  .serviceArea .textBox {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

@media (max-width: 768px) {
  .aboutArea .wrap, .serviceArea .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .aboutArea .imgBox, .aboutArea .textBox, .serviceArea .imgBox, .serviceArea .textBox {
    width: 100%; }
  .aboutArea .textBox, .serviceArea .textBox {
    text-align: center; }
  .aboutArea .Txt p, .serviceArea .Txt p {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto; }
  .aboutArea .title, .serviceArea .title {
    display: inline-block; }
  .aboutArea .moreBtn, .serviceArea .moreBtn {
    margin-left: auto;
    margin-right: auto; }
  .aboutArea .parallaxText, .serviceArea .parallaxText {
    display: none; }
  .aboutArea .imgBox {
    padding-right: 0; }
    .aboutArea .imgBox::before {
      display: none; }
  .aboutArea .Img {
    width: 300px; }
  .aboutArea .ImgBack {
    margin-top: 50px; }
  .aboutArea .textBox {
    padding-top: 80px; }
  .serviceArea {
    padding-top: 30px;
    padding-bottom: 30px; }
    .serviceArea .imgBox {
      text-align: right; }
    .serviceArea .Img {
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .serviceArea .spImgL, .serviceArea .spImgR {
      display: none; }
    .serviceArea .textBox {
      padding-top: 20px; }
  .meetArea .mpImgL, .meetArea .mpImgR {
    display: none; } }

@media (max-width: 640px) {
  .meetList .Txt {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 480px) {
  .aboutArea .ImgBack {
    margin-top: 0; }
  .aboutArea .Img {
    width: 200px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .aboutArea .textBox {
    padding-top: 20px; } }

@media (max-width: 400px) {
  .aboutArea .Img {
    width: 150px; } }

@media (max-width: 360px) {
  .meetList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .meetList li {
      padding-left: 0;
      padding-right: 0; }
      .meetList li + li {
        padding-top: 10px; }
    .meetList .Txt {
      padding-top: 10px;
      padding-bottom: 0;
      text-align: center; }
    .meetList .title {
      display: inline-block; } }

/*pop*/
.popWin {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  width: 100%;
  height: 100vh;
  font-size: 15px;
  line-height: 1.8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s; }
  .popWin .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s; }
  .popWin .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 700px;
    max-width: 90%;
    max-height: 85vh;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s; }
  .popWin .popContent {
    max-height: 85vh;
    overflow-y: auto; }
  .popWin img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .popWin .Txt {
    padding: 30px;
    text-align: left; }
    .popWin .Txt .popTitle {
      font-size: 25px;
      margin-bottom: 25px; }
  .popWin .close {
    position: absolute;
    right: -23px;
    top: -23px;
    z-index: 1;
    width: 46px;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.7);
    /* background-color: #fff; */
    border-radius: 50%; }
    .popWin .close::before, .popWin .close::after {
      content: '';
      position: absolute;
      left: 11px;
      top: 23px;
      width: 25px;
      height: 1px;
      background-color: #bca480;
      /* border-radius:  50%; */ }
    .popWin .close::before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .popWin.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
    .popWin.show .mask, .popWin.show .inner {
      opacity: 1; }
  .popWin .close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

@media (max-width: 1180px) {
  .popWin .close {
    right: 0;
    top: 0;
    border-radius: 0; }
  .popWin .popContent {
    max-height: calc(100vh - 150px); } }