@charset "UTF-8";
.newsArea .Txt, .facArea .Txt, .roomArea .Txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


.storeArea ul.storeList .chTitle img, .storeArea ul.storeList .chTitle::before, .knowledgeArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.knowledgeArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.knowledgeArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.knowledgeArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.knowledgeArea .oldForNewList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.celebrityArea .oldForNewList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.tradeinArea .oldForNewList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec .oldForNewList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.oldForNewArea .oldForNewList .Img.imgVideo .videoIcon .triangle, .knowledgeArea ul.knowledgeList .Img.imgVideo .videoIcon,
.knowledgeArea ul.celebrityList .Img.imgVideo .videoIcon,
.knowledgeArea ul.tradeinList .Img.imgVideo .videoIcon,
.knowledgeArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.knowledgeArea .oldForNewList .Img.imgVideo .videoIcon,
.celebrityArea ul.knowledgeList .Img.imgVideo .videoIcon,
.celebrityArea ul.celebrityList .Img.imgVideo .videoIcon,
.celebrityArea ul.tradeinList .Img.imgVideo .videoIcon,
.celebrityArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.celebrityArea .oldForNewList .Img.imgVideo .videoIcon,
.tradeinArea ul.knowledgeList .Img.imgVideo .videoIcon,
.tradeinArea ul.celebrityList .Img.imgVideo .videoIcon,
.tradeinArea ul.tradeinList .Img.imgVideo .videoIcon,
.tradeinArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.tradeinArea .oldForNewList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.knowledgeList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.celebrityList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.tradeinList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.celebrityListSec .Img.imgVideo .videoIcon,
.celebrityAreaSec .oldForNewList .Img.imgVideo .videoIcon,
.oldForNewArea ul.knowledgeList .Img.imgVideo .videoIcon,
.oldForNewArea ul.celebrityList .Img.imgVideo .videoIcon,
.oldForNewArea ul.tradeinList .Img.imgVideo .videoIcon,
.oldForNewArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.oldForNewArea .oldForNewList .Img.imgVideo .videoIcon, .knowledgeArea ul.knowledgeList .Img.imgVideo,
.knowledgeArea ul.celebrityList .Img.imgVideo,
.knowledgeArea ul.tradeinList .Img.imgVideo,
.knowledgeArea ul.celebrityListSec .Img.imgVideo,
.knowledgeArea .oldForNewList .Img.imgVideo,
.celebrityArea ul.knowledgeList .Img.imgVideo,
.celebrityArea ul.celebrityList .Img.imgVideo,
.celebrityArea ul.tradeinList .Img.imgVideo,
.celebrityArea ul.celebrityListSec .Img.imgVideo,
.celebrityArea .oldForNewList .Img.imgVideo,
.tradeinArea ul.knowledgeList .Img.imgVideo,
.tradeinArea ul.celebrityList .Img.imgVideo,
.tradeinArea ul.tradeinList .Img.imgVideo,
.tradeinArea ul.celebrityListSec .Img.imgVideo,
.tradeinArea .oldForNewList .Img.imgVideo,
.celebrityAreaSec ul.knowledgeList .Img.imgVideo,
.celebrityAreaSec ul.celebrityList .Img.imgVideo,
.celebrityAreaSec ul.tradeinList .Img.imgVideo,
.celebrityAreaSec ul.celebrityListSec .Img.imgVideo,
.celebrityAreaSec .oldForNewList .Img.imgVideo,
.oldForNewArea ul.knowledgeList .Img.imgVideo,
.oldForNewArea ul.celebrityList .Img.imgVideo,
.oldForNewArea ul.tradeinList .Img.imgVideo,
.oldForNewArea ul.celebrityListSec .Img.imgVideo,
.oldForNewArea .oldForNewList .Img.imgVideo, .knowledgeArea ul.knowledgeList li .Txt::after,
.knowledgeArea ul.celebrityList li .Txt::after,
.knowledgeArea ul.tradeinList li .Txt::after,
.knowledgeArea ul.celebrityListSec li .Txt::after,
.knowledgeArea .oldForNewList li .Txt::after,
.celebrityArea ul.knowledgeList li .Txt::after,
.celebrityArea ul.celebrityList li .Txt::after,
.celebrityArea ul.tradeinList li .Txt::after,
.celebrityArea ul.celebrityListSec li .Txt::after,
.celebrityArea .oldForNewList li .Txt::after,
.tradeinArea ul.knowledgeList li .Txt::after,
.tradeinArea ul.celebrityList li .Txt::after,
.tradeinArea ul.tradeinList li .Txt::after,
.tradeinArea ul.celebrityListSec li .Txt::after,
.tradeinArea .oldForNewList li .Txt::after,
.celebrityAreaSec ul.knowledgeList li .Txt::after,
.celebrityAreaSec ul.celebrityList li .Txt::after,
.celebrityAreaSec ul.tradeinList li .Txt::after,
.celebrityAreaSec ul.celebrityListSec li .Txt::after,
.celebrityAreaSec .oldForNewList li .Txt::after,
.oldForNewArea ul.knowledgeList li .Txt::after,
.oldForNewArea ul.celebrityList li .Txt::after,
.oldForNewArea ul.tradeinList li .Txt::after,
.oldForNewArea ul.celebrityListSec li .Txt::after,
.oldForNewArea .oldForNewList li .Txt::after, .recommendArea li.recommendItem .Txt::before, .recommendArea li.recommendItem .deco, .bannerArea .bookBox {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.mainArea {
  padding: 0;
  background-color: #131519;
}

/*pop*/
.popWin {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 12000;
  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 0.7s;
  transition: all 0.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 0.7s;
  transition: all 0.7s;
}
.popWin .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 700px;
  max-width: 90%;
  max-height: 85vh;
  opacity: 0;
  background-color: #fff;
  -webkit-transition: all 0.7s;
  transition: all 0.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: #87abac; /* border-radius:  50%; */
}
.popWin .close::before {
  -webkit-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);
          transform: rotate(-45deg);
}

@media (max-width: 1180px) {
  .popWin .close {
    right: 0;
    top: 0;
    border-radius: 0;
  }
  .popWin .popContent {
    max-height: calc(100vh - 150px);
  }
}
.bannerArea {
  background-color: #c3d8db;
}
.bannerArea .wrap {
  width: 100%;
}
.bannerArea .bgLineWrap {
  z-index: 0;
  position: absolute;
  height: 100%;
}
.bannerArea .bannerBox {
  margin-left: auto;
  width: 100%;
  /*max-width: 1548px;*/
  padding-top: 95px;
  position: relative;
}
@media (max-width: 1200px) {
  .bannerArea {
  background-color: #131519;
}
  .bannerArea .bannerBox {
    padding-top: 0px;
  }
}
.bannerArea ul#banner {
  margin: 0;
}
.bannerArea ul#banner li a {
  display: block;
  margin-left: auto;
  width: 100%;
  /*max-width: 1141px;*/
  height: 100%;
  max-height: 826px;
  position: relative;
}
.bannerArea ul#banner li .Img {
  position: relative;
  margin-left: auto;
  width: 100%;
  /*max-width: 1141px;*/
  height: 100%;
  max-height: 826px;
  border-radius: 0 0 0 22%;
  overflow: hidden;
}
.bannerArea ul#banner li .Img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 0 0 22%;
}
.bannerArea ul#banner li .Img p {
  position: absolute;
  bottom: -45px;
  left: -20px;
  font-size: 290px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -15px;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  color: #fff\0 ;
  opacity: 0.5;
}
.bannerArea ul#banner li .Txt {
  position: absolute;
  top: 220px;
  left: 10%;
  color: #ffa37a;
}
.bannerArea ul#banner li .discoverBtn {
  left: 10%;
}
.bannerArea ul#banner li .Txt .enTitle {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.7px;
  color: #c3d8db;
  padding-bottom: 20px;
}
.bannerArea ul#banner li .Txt .chTitle {
  /*font-family: "微軟正黑體";*/
  font-size: 46px;
  font-weight: 500;
  /*line-height: 65px;*/
  letter-spacing: 0.3px;
  color: #ffa37a;
}
.bannerArea ul#banner li .Txt .chSubTitle {
  width: 370px;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.5px;
  color: #fff;
  padding-top: 20px;
}
@media (max-width: 1680px) {
  .bannerArea ul#banner li .Txt {
    /*padding-left: 20px;*/
    top: 150px;
  }
}
@media (max-width: 1440px) {
  .bannerArea ul#banner li a {
    /*max-width: 960px;*/
  }
  .bannerArea ul#banner li .Img {
    /*max-width: 960px;*/
  }
  .bannerArea ul#banner li .Txt {
  top: 150px;
  }
}
@media (max-width: 1200px) {
  .bannerArea ul#banner li {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;*/
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
  }
  .bannerArea ul#banner li a {
    max-width: 100%;
  }
  .bannerArea ul#banner li .Img {
    -webkit-order: 1 !important;
  }
  .bannerArea ul#banner li .Txt {
    position: relative;
    top: 0;
    padding: 60px 50px 0;
    -webkit-order: 2 !important;
    left: 0;
  color: #131519;
  }
  .bannerArea ul#banner li .Txt .chTitle {
  font-size: 32px;
  font-weight: 400;
  line-height: 43px;
  letter-spacing: 0.05px;
  color: #ffa37a;
  }
  .bannerArea ul#banner li .Txt .enTitle {
  color: #c3d8db;
  padding-bottom: 10px
}
  .bannerArea ul#banner li .Txt .chSubTitle {
    width: 100%;
  color: #fff;
  }
  .bannerArea ul#banner li .Img p {
    font-size: 200px;
    bottom: -30px;
    left: 0px;
    display: none;
  }
}



@media (max-width: 640px) {
  .bannerArea ul#banner li .Txt {
    position: relative;
    top: 0;
    padding: 60px 36px 0;
  }
  .bannerArea ul#banner li .Img p {
    font-size: 150px;
    bottom: -25px;
    left: -5px;
    letter-spacing: -5px;
  }
}
@media (max-width: 475px) {
  .bannerArea ul#banner li .Txt {
    padding: 40px 20px 0;
  }
  .bannerArea ul#banner li .Txt .chSubTitle {
    width: 100%;
  }
}
.bannerArea ul#banner ul.slick-dots {
  position: absolute;
  width: 20px;
  left: -310px;
  top: 280px;
}
.bannerArea ul#banner ul.slick-dots li {
  display: block;
  position: relative;
  margin: 10px 5px;
}
.bannerArea ul#banner ul.slick-dots li button {
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #111;
  position: relative;
}
.bannerArea ul#banner ul.slick-dots li button::before {
  content: "";
  width: 5px;
  height: 5px;
  top: 7px;
  left: -14.5px;
  border-radius: 50%;
  background-color: #111;
  opacity: 1;
}
.bannerArea ul#banner ul.slick-dots li button::after {
  content: "0";
  position: absolute;
  top: 0;
  left: -2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.bannerArea ul#banner ul.slick-dots li.slick-active button {
  color: #87abac;
}
.bannerArea ul#banner ul.slick-dots li.slick-active button::before {
  background-color: #87abac;
}
.bannerArea ul#banner ul.slick-dots li.slick-active button::after {
  color: #87abac;
}
.bannerArea ul#banner .discoverBtn.m_discoverBtn {
  display: none;
}
@media (max-width: 1200px) {
  .bannerArea ul#banner .discoverBtn.m_discoverBtn {
    display: block;
    position: relative;
    bottom: 0;
    margin: 60px 0;
    left: 0;
    background-color: #87abad;
  }
}
.bannerArea ul#banner .discoverBtn {
  position: absolute;
  bottom: 230px;
  left: 0;
}
.bannerArea ul#banner .discoverBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bannerArea ul#banner .discoverBtn a img {
  width: 25px;
  height: 10px;
}
@media (max-width: 1600px) {
  .bannerArea ul#banner .discoverBtn {
    left: 20px;
  bottom: 180px;
  }
}
@media (max-width: 1440px) {
  .bannerArea ul#banner .discoverBtn {
    bottom: 150px;
  }
}
@media (max-width: 1344px) {
  .bannerArea ul#banner .discoverBtn {
    display: none;
    left: 0;
  }
}
.bannerArea .scroll {
  position: absolute;
  bottom: 0;
  left: -310px;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.75px;
  color: #111;
}
.bannerArea .scroll::before {
  content: "";
  width: 1px;
  height: 110px;
  background-color: #111;
  position: absolute;
  top: -124px;
  left: calc(50% - 0.5px);
  overflow: hidden;
}
.bannerArea .scroll::after {
  content: "";
  width: 1px;
  height: 0px;
  background-color: #87abac;
  position: absolute;
  top: -124px;
  left: calc(50% - 0.5px);
  -webkit-animation: scroll 2s infinite;
          animation: scroll 2s infinite;
}
@-webkit-keyframes scroll {
  0% {
    height: 0px;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 50px;
    top: -64px;
  }
}
@keyframes scroll {
  0% {
    height: 0px;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 50px;
    top: -64px;
  }
}

/*
.bannerArea .bookBox {
  position: fixed;
  right: 50px;
  bottom: 200px;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background-color: rgba(135, 171, 172, 0.35);
}
.bannerArea .bookBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background-color: #87abac;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
}
.bannerArea .bookBox a span {
  width: 32px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: center;
}
.bannerArea .bookBox:hover {
  width: 135px;
  height: 135px;
}
.bannerArea .bookBox:hover a {
  top: 20px;
  left: 20px;
}
@media (max-width: 960px) {
  .bannerArea .bookBox {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    border-radius: 0;
  }
  .bannerArea .bookBox a {
    width: 100%;
    height: 45px;
    border-radius: 0;
    top: 5px;
    left: 0;
  }
  .bannerArea .bookBox a span {
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 2px;
  }
  .bannerArea .bookBox:hover {
    width: 100%;
    height: 50px;
  }
  .bannerArea .bookBox:hover a {
    top: 5px;
    left: 0;
  }
  .bannerArea .bookBox:hover a span {
    -webkit-animation: moreA 2s ease-in-out infinite;
            animation: moreA 2s ease-in-out infinite;
  }
}
*/

@media (max-width: 1680px) {
  .bannerArea .arrowBox {
    left: 20px;
  }
}
@media (max-width: 1200px) {
  .bannerArea .arrowBox {
    position: relative;
    padding: 30px 50px;
    width: 240px;
    left: 0;
    display: none;
  }
  .bannerArea .arrowBox span.prevArrow::before {
    left: 73px;
  }
  .bannerArea .arrowBox span.nextArrow::before {
    right: 73px;
  }
  .bannerArea .arrowBox span:hover::before {
    top: 10px;
  }
}

.quickLinkArea {
  background-color: #cbe0e1;
  position: relative;
}
.quickLinkArea .rightBg {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #465e63;
  width: 570px;
  height: 220px;
  background-image: url(../images/bg652.png);
  background-size: cover;
}
.quickLinkArea .rightBg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 1800px) {
  .quickLinkArea .rightBg {
    width: 530px;
  }
}
@media (max-width: 1680px) {
  .quickLinkArea .rightBg {
    width: 352px;
  }
}
@media (max-width: 1500px) {
  .quickLinkArea .rightBg {
    width: 260px;
  }
}
@media (max-width: 1200px) {
  .quickLinkArea .rightBg {
    display: none;
  }
}
.quickLinkArea .wrap {
  width: 100%;
  max-width: 1366px;
}
.quickLinkArea .bgLineWrap {
  z-index: 0;
  position: absolute;
  height: 100%;
}
.quickLinkArea .quickLinkBox {
  padding: 80px 25px 46px;
}
.quickLinkArea .quickLinkBox li {
  padding: 0;
}
.quickLinkArea .quickLinkBox li:nth-child(1) .bgDots {
  top: 155px;
}
.quickLinkArea .quickLinkBox li:nth-child(2) .bgDots {
  top: 0px;
}
.quickLinkArea .quickLinkBox li:nth-child(3) .bgDots {
  top: 90px;
}
@media (max-width: 1200px) {
  .quickLinkArea .quickLinkBox {
    width: 910px;
    margin: 0 auto;
    padding: 60px 25px 46px;
  }
}
@media (max-width: 960px) {
  .quickLinkArea .quickLinkBox {
    width: 600px;
    margin: 0 auto;
    padding: 20px 0px 20px;
  }
}
@media (max-width: 640px) {
  .quickLinkArea .quickLinkBox {
    width: 100%;
    margin: 0 auto;
  }
}
/*
@media (max-width: 500px) {
  .quickLinkArea .quickLinkBox {
    width: 400px;
    margin: 0 auto;
  }
}
@media (max-width: 420px) {
  .quickLinkArea .quickLinkBox {
    width: 380px;
    margin: 0 auto;
  }
}
*/
.quickLinkArea .item {
  text-align: center;
  position: relative;
  padding: 70px 20px 30px;
}
.quickLinkArea .item:hover .chTitle a {
  color: #465e63;
}
.quickLinkArea .item:hover .moreArrow {
  left: 0;
}
.quickLinkArea .item:hover .moreArrow img {
  left: 0;
  -webkit-animation: moreA 2s ease-in-out infinite;
          animation: moreA 2s ease-in-out infinite;
}
@media (max-width: 960px) {
  .quickLinkArea .item {
    padding: 20px 0px 30px;
  }
}
.quickLinkArea .bgDots {
  position: absolute;
  left: 30px;
  z-index: -2;
  width: 380px;
  height: 382px;
  opacity: 0.5;
}
@media (max-width: 960px) {
  .quickLinkArea .bgDots {
    width: 336px;
    left: 0;
  }
}
@media (max-width: 440px) {
  .quickLinkArea .bgDots {
    width: 100%;
  }
}
.quickLinkArea .Img {
  /*width: 336px;
  height: 436px;*/
  width: 100%;
  border-radius: 50px;
  margin: 0 auto;
  overflow: hidden;
}
.quickLinkArea .Img a {
  width: 100%;
  height: 100%;
}
.quickLinkArea .Img img {
  width: 100%;
  height: 536px;
  object-fit: cover;
}
@media (max-width: 440px) {
  .quickLinkArea .Img {
    width: 100%;
    height: 100%;
  }
  .quickLinkArea .Img img {
    height: 406px;
  }
}
.quickLinkArea .Txt {
  padding: 20px 0 0;
  overflow: hidden;
  position: relative;
}
.quickLinkArea .Txt .chTitle {
  font-size: 22px;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 0.35px;
  color: #111;
}
.quickLinkArea .Txt .enTitle {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.65px;
  color: #707070;
  padding: 0 15%;
}
.quickLinkArea .Txt .arrowBox {
  display: none;
}
@media (max-width: 960px) {
  .quickLinkArea .Txt .arrowBox {
    display: block;
    width: 100%;
    height: 1px;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    left: 0;
  }
  .quickLinkArea .Txt .arrowBox a {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
  }
  .quickLinkArea .Txt .arrowBox a .arrowIcon {
    width: 20px;
    height: 20px;
    border-right: 1px solid #707070;
    border-top: 1px solid #707070;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .quickLinkArea .Txt .arrowBox a .arrowIcon::before {
    display: none;
  }
  .quickLinkArea .Txt .arrowBox a .arrowIcon:hover {
    border-right: 2px solid #465e63;
    border-top: 2px solid #465e63;
  }
  .quickLinkArea .Txt .arrowBox a.prevArrow {
    left: 10px;
  }
  .quickLinkArea .Txt .arrowBox a.prevArrow .arrowIcon {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .quickLinkArea .Txt .arrowBox a.nextArrow {
    right: 10px;
  }
}

.recommendArea {
  position: relative;
  top: -30px;
}
@media (max-width: 640px) {
  .recommendArea {
    top: 0;
  }
}
.recommendArea .wrap {
  width: 100%;
}
.recommendArea .recommendBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 352px;
}
@media (max-width: 1680px) {
  .recommendArea .recommendBox {
    padding-left: 234px;
  }
}
@media (max-width: 1560px) {
  .recommendArea .recommendBox {
    padding-left: 175px;
  }
}
@media (max-width: 1440px) {
  .recommendArea .recommendBox {
    padding-left: 115px;
  }
}
@media (max-width: 1280px) {
  .recommendArea .recommendBox {
    padding-left: 34px;
  }
}
@media (max-width: 1200px) {
  .recommendArea .recommendBox {
    -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;
    padding: 0;
  }
  .recommendArea .recommendBox .arrowBox {
    display: none;
  }
}



.recommendArea .recommendBox .arrowBox span {
    color: #87abad;
}


.recommendArea .titleBox {
  width: 410px;
  padding: 140px 1px 0;
  margin: 0;
  text-align: left;
  z-index: 5;
  position: relative;
}
@media (max-width: 640px) {
  .recommendArea .titleBox {
    width: 100%;
    padding: 50px 0 50px;
  }
}
.recommendArea .discoverBtn {
  position: relative;
  background-color: #87abad;
}
@media (max-width: 1200px) {
  .recommendArea .discoverBtn {
    margin-bottom: 20px;
  }
}
.recommendArea .listBox {
  width: calc(100% - 410px);
  overflow: hidden;
}
@media (max-width: 1200px) {
  .recommendArea .listBox {
    width: 100%;
  }
}
.recommendArea ul.recommendList {
  width: 100%;
  max-width: 870px;
}
.recommendArea ul.recommendList .slick-list {
  overflow: visible;
}
@media (max-width: 1200px) {
  .recommendArea ul.recommendList {
    max-width: 800px;
  }
}
@media (max-width: 960px) {
  .recommendArea ul.recommendList {
    max-width: 100%;
    margin: 0 auto;
  }
}
.recommendArea li.recommendItem {
  position: relative;
}
.recommendArea li.recommendItem.slick-slide {
  opacity: 0.6;
}
.recommendArea li.recommendItem.slick-slide.slick-current {
  opacity: 1;
}
.recommendArea li.recommendItem.slick-active .Txt {
  opacity: 1;
}
.recommendArea li.recommendItem .item {
  width: 100%;
  height: 100%;
  max-width: 840px;
  position: relative;
}
@media (max-width: 1200px) {
  .recommendArea li.recommendItem .item {
    max-width: 760px;
  }
}
@media (max-width: 960px) {
  .recommendArea li.recommendItem .item {
    max-width: 640px;
    margin: 0 auto;
  }
}
.recommendArea li.recommendItem .deco {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .recommendArea li.recommendItem .deco {
    display: none;
  }
}
.recommendArea li.recommendItem .Img {
  border-radius: 0 0 0 65px;
}
.recommendArea li.recommendItem .Img img {
  border-radius: 0 0 0 65px;
    width: 100%;
    height: 600px;
    -o-object-fit: cover;
       object-fit: cover;
}
@media (max-width: 1200px) {
  .recommendArea li.recommendItem .Img img {
    /*height: 100%;*/
    height: 500px;
  }
}

@media (max-width: 640px) {
  .recommendArea li.recommendItem .Img img {
    height: 400px;
  }
}

@media (max-width: 480px) {
  .recommendArea li.recommendItem .Img img {
    height: 300px;
  }
}

.recommendArea li.recommendItem .Txt {
  padding: 18px 0 0 90px;
  position: relative;
  opacity: 0;
}
.recommendArea li.recommendItem .Txt::before {
  content: "";
  width: 1px;
  height: calc(100% + 20px);
  background-color: #465e63;
  position: absolute;
  bottom: 0;
  left: 65px;
}
@media (max-width: 640px) {
  .recommendArea li.recommendItem .Txt {
    padding: 15px 0 0;
  }
  .recommendArea li.recommendItem .Txt::before {
    display: none;
  }
}
.recommendArea li.recommendItem .Txt .chTitle {
  display: inline-block;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.35px;
}
.recommendArea li.recommendItem .Txt .chTitle a {
  color: #ffa37a;
}
.recommendArea li.recommendItem .Txt .enTitle {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.25px;
  color: #87abad;
}
.recommendArea li.recommendItem .Txt .ellipsis {
  height: 25px;
}
.recommendArea li.recommendItem .Txt .chExp {
  width: 610px;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.5px;
  color: #fff;
}
@media (max-width: 960px) {
  .recommendArea li.recommendItem .Txt .chExp {
    width: 500px;
  }
}
@media (max-width: 640px) {
  .recommendArea li.recommendItem .Txt .chExp {
    width: 100%;
  }
}
.recommendArea li.recommendItem:hover .deco {
  -webkit-transform: rotate(360deg) scale(1.05);
          transform: rotate(360deg) scale(1.05);
}
.recommendArea li.recommendItem:hover .Txt::before {
  width: 5px;
}
.recommendArea li.recommendItem:hover .Txt .chTitle a {
  color: #ffa37a;
}
.recommendArea li.recommendItem:hover .imh_zoom a:before {
  top: 50%;
}
.recommendArea li.recommendItem:hover .imh_zoom img {
  opacity: 0.5;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.qualityArea .wrap {
  width: 100%;
}
.qualityArea .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 90px 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qualityArea .Img {
  width: 50%;
}
.qualityArea .Img a {
  width: 100%;
}
.qualityArea .Img a img {
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
  border-radius: 0 70px 70px 0;
  object-fit: cover;
  height: 650px;
}
.qualityArea .Txt {
  width: 50%;
  padding: 110px 0 0 100px;
}
.qualityArea .infoBox {
  /*width: 498px;*/
  width: 98%;
}
.qualityArea .infoBox .chExp {
  /*width: 457px;*/
  width: 98%;
  padding: 18px 0 30px;
}
.qualityArea .iconList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qualityArea .iconBox {
  /*width: 33.33%;*/
  width: 150px;
  padding: 0 60px 20px 0;
}
.qualityArea .iconBox .iconContent {
  text-align: center;
}
.qualityArea .iconBox .iconNum {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: #e67442;
}
.qualityArea .iconBox .iconImg {
  width: 50px;
  height: 50px;
}
.qualityArea .iconBox .iconTitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.35px;
  color: #fff;
}
.qualityArea .discoverBtn {
  position: relative;
  margin-top: 30px;
  background-color: #87abad;
}

@media (max-width: 1800px) {
  .qualityArea .Img {
    padding: 110px 0 0;
  }
  .qualityArea .Img a img {
    /*height: auto;*/
  }
}
@media (max-width: 1440px) {
  .qualityArea .Txt {
    padding: 50px 0px 50px 40px;
  }
   .qualityArea .Img a img {
    height: 500px;
  }
}
@media (max-width: 1200px) {
  .qualityArea .item {
    padding: 20px 0 0;
  
  }
  .qualityArea .Txt {
    width: 100%;
    padding: 50px 0;
  }
  .qualityArea .Img {
    width: 100%;
    /*max-width: 800px;*/
    margin: 0 auto;
    padding: 0;
  }
   .qualityArea .Img a img {
    height: auto;
    border-radius: 70px;
  }
  .qualityArea .infoBox {
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .qualityArea .infoBox {
    width: 100%;
  }
  .qualityArea .infoBox .chExp {
    width: 100%;
  }
  .qualityArea .iconList {
    /*margin: 0px -36px;*/
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .qualityArea .iconBox {
    padding: 0 0px 20px;
  }
}
@media (max-width: 640px) {
  .qualityArea .iconList {
    /*margin: 0px -20px;*/
  }
  .qualityArea .iconBox {
  width: 33.33%;
}
}

.tradeinArea {
  padding-bottom: 80px;
}

.knowledgeArea,
.celebrityArea,
.tradeinArea,
.celebrityAreaSec,
.oldForNewArea {
  position: relative;
  overflow: hidden;
}
.knowledgeArea .wrap,
.celebrityArea .wrap,
.tradeinArea .wrap,
.celebrityAreaSec .wrap,
.oldForNewArea .wrap {
  position: relative;
}
.knowledgeArea .wrap::before,
.celebrityArea .wrap::before,
.tradeinArea .wrap::before,
.celebrityAreaSec .wrap::before,
.oldForNewArea .wrap::before {
  content: "";
  width: 200vw;
  height: 1px;
  background-color: #262b33;
  position: absolute;
  top: calc(50% + 30px + 11.5px);
  left: -50vw;
}

.knowledgeArea > img,
.celebrityArea > img,
.tradeinArea > img,
.celebrityAreaSec > img,
.oldForNewArea > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.06;
}
.knowledgeArea .titleBox,
.celebrityArea .titleBox,
.tradeinArea .titleBox,
.celebrityAreaSec .titleBox,
.oldForNewArea .titleBox {
  padding-top: 60px;
}
.knowledgeArea .titleBox .infoBox,
.celebrityArea .titleBox .infoBox,
.tradeinArea .titleBox .infoBox,
.celebrityAreaSec .titleBox .infoBox,
.oldForNewArea .titleBox .infoBox {
  text-align: center;
  padding-bottom: 80px;
}

@media (max-width: 1200px) {

.knowledgeArea .titleBox,
.celebrityArea .titleBox,
.tradeinArea .titleBox,
.celebrityAreaSec .titleBox,
.oldForNewArea .titleBox {
  padding-top: 10px;
}

    .knowledgeArea .titleBox .infoBox,
.celebrityArea .titleBox .infoBox,
.tradeinArea .titleBox .infoBox,
.celebrityAreaSec .titleBox .infoBox,
.oldForNewArea .titleBox .infoBox {
  padding-bottom: 30px;
  }
}


.knowledgeArea .titleBox .infoBox .enTitle,
.celebrityArea .titleBox .infoBox .enTitle,
.tradeinArea .titleBox .infoBox .enTitle,
.celebrityAreaSec .titleBox .infoBox .enTitle,
.oldForNewArea .titleBox .infoBox .enTitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.75px;
  color: #87abad;
  padding: 0;
}
.knowledgeArea .titleBox .infoBox .chTitle,
.celebrityArea .titleBox .infoBox .chTitle,
.tradeinArea .titleBox .infoBox .chTitle,
.celebrityAreaSec .titleBox .infoBox .chTitle,
.oldForNewArea .titleBox .infoBox .chTitle {
  font-size: 32px;
  font-weight: 400;
  line-height: 43px;
  letter-spacing: 1px;
  color: #ffa37a;
}
.knowledgeArea .classBox,
.celebrityArea .classBox,
.tradeinArea .classBox,
.celebrityAreaSec .classBox,
.oldForNewArea .classBox {
  padding: 0;
}
.knowledgeArea .discoverBtn,
.celebrityArea .discoverBtn,
.tradeinArea .discoverBtn,
.celebrityAreaSec .discoverBtn,
.oldForNewArea .discoverBtn {
  position: relative;
  margin: 50px auto 80px;
    background-color: #87abad;
}
.knowledgeArea .knowledgeBox,
.celebrityArea .knowledgeBox,
.tradeinArea .knowledgeBox,
.celebrityAreaSec .knowledgeBox,
.oldForNewArea .knowledgeBox {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.knowledgeArea .knowledgeBox.ajaxNow,
.celebrityArea .knowledgeBox.ajaxNow,
.tradeinArea .knowledgeBox.ajaxNow,
.celebrityAreaSec .knowledgeBox.ajaxNow,
.oldForNewArea .knowledgeBox.ajaxNow {
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.knowledgeArea ul.knowledgeList,
.knowledgeArea ul.celebrityList,
.knowledgeArea ul.tradeinList,
.knowledgeArea ul.celebrityListSec,
.knowledgeArea .oldForNewList,
.celebrityArea ul.knowledgeList,
.celebrityArea ul.celebrityList,
.celebrityArea ul.tradeinList,
.celebrityArea ul.celebrityListSec,
.celebrityArea .oldForNewList,
.tradeinArea ul.knowledgeList,
.tradeinArea ul.celebrityList,
.tradeinArea ul.tradeinList,
.tradeinArea ul.celebrityListSec,
.tradeinArea .oldForNewList,
.celebrityAreaSec ul.knowledgeList,
.celebrityAreaSec ul.celebrityList,
.celebrityAreaSec ul.tradeinList,
.celebrityAreaSec ul.celebrityListSec,
.celebrityAreaSec .oldForNewList,
.oldForNewArea ul.knowledgeList,
.oldForNewArea ul.celebrityList,
.oldForNewArea ul.tradeinList,
.oldForNewArea ul.celebrityListSec,
.oldForNewArea .oldForNewList {
  margin: 0 -10px;
  min-height: 307px;
}
.knowledgeArea ul.knowledgeList .item.hasVideo .Txt,
.knowledgeArea ul.celebrityList .item.hasVideo .Txt,
.knowledgeArea ul.tradeinList .item.hasVideo .Txt,
.knowledgeArea ul.celebrityListSec .item.hasVideo .Txt,
.knowledgeArea .oldForNewList .item.hasVideo .Txt,
.celebrityArea ul.knowledgeList .item.hasVideo .Txt,
.celebrityArea ul.celebrityList .item.hasVideo .Txt,
.celebrityArea ul.tradeinList .item.hasVideo .Txt,
.celebrityArea ul.celebrityListSec .item.hasVideo .Txt,
.celebrityArea .oldForNewList .item.hasVideo .Txt,
.tradeinArea ul.knowledgeList .item.hasVideo .Txt,
.tradeinArea ul.celebrityList .item.hasVideo .Txt,
.tradeinArea ul.tradeinList .item.hasVideo .Txt,
.tradeinArea ul.celebrityListSec .item.hasVideo .Txt,
.tradeinArea .oldForNewList .item.hasVideo .Txt,
.celebrityAreaSec ul.knowledgeList .item.hasVideo .Txt,
.celebrityAreaSec ul.celebrityList .item.hasVideo .Txt,
.celebrityAreaSec ul.tradeinList .item.hasVideo .Txt,
.celebrityAreaSec ul.celebrityListSec .item.hasVideo .Txt,
.celebrityAreaSec .oldForNewList .item.hasVideo .Txt,
.oldForNewArea ul.knowledgeList .item.hasVideo .Txt,
.oldForNewArea ul.celebrityList .item.hasVideo .Txt,
.oldForNewArea ul.tradeinList .item.hasVideo .Txt,
.oldForNewArea ul.celebrityListSec .item.hasVideo .Txt,
.oldForNewArea .oldForNewList .item.hasVideo .Txt {
  height: 126px;
}
.knowledgeArea ul.knowledgeList .Txt,
.knowledgeArea ul.celebrityList .Txt,
.knowledgeArea ul.tradeinList .Txt,
.knowledgeArea ul.celebrityListSec .Txt,
.knowledgeArea .oldForNewList .Txt,
.celebrityArea ul.knowledgeList .Txt,
.celebrityArea ul.celebrityList .Txt,
.celebrityArea ul.tradeinList .Txt,
.celebrityArea ul.celebrityListSec .Txt,
.celebrityArea .oldForNewList .Txt,
.tradeinArea ul.knowledgeList .Txt,
.tradeinArea ul.celebrityList .Txt,
.tradeinArea ul.tradeinList .Txt,
.tradeinArea ul.celebrityListSec .Txt,
.tradeinArea .oldForNewList .Txt,
.celebrityAreaSec ul.knowledgeList .Txt,
.celebrityAreaSec ul.celebrityList .Txt,
.celebrityAreaSec ul.tradeinList .Txt,
.celebrityAreaSec ul.celebrityListSec .Txt,
.celebrityAreaSec .oldForNewList .Txt,
.oldForNewArea ul.knowledgeList .Txt,
.oldForNewArea ul.celebrityList .Txt,
.oldForNewArea ul.tradeinList .Txt,
.oldForNewArea ul.celebrityListSec .Txt,
.oldForNewArea .oldForNewList .Txt {
  position: relative;
}
.knowledgeArea ul.knowledgeList .chTitle a,
.knowledgeArea ul.celebrityList .chTitle a,
.knowledgeArea ul.tradeinList .chTitle a,
.knowledgeArea ul.celebrityListSec .chTitle a,
.knowledgeArea .oldForNewList .chTitle a,
.celebrityArea ul.knowledgeList .chTitle a,
.celebrityArea ul.celebrityList .chTitle a,
.celebrityArea ul.tradeinList .chTitle a,
.celebrityArea ul.celebrityListSec .chTitle a,
.celebrityArea .oldForNewList .chTitle a,
.tradeinArea ul.knowledgeList .chTitle a,
.tradeinArea ul.celebrityList .chTitle a,
.tradeinArea ul.tradeinList .chTitle a,
.tradeinArea ul.celebrityListSec .chTitle a,
.tradeinArea .oldForNewList .chTitle a,
.celebrityAreaSec ul.knowledgeList .chTitle a,
.celebrityAreaSec ul.celebrityList .chTitle a,
.celebrityAreaSec ul.tradeinList .chTitle a,
.celebrityAreaSec ul.celebrityListSec .chTitle a,
.celebrityAreaSec .oldForNewList .chTitle a,
.oldForNewArea ul.knowledgeList .chTitle a,
.oldForNewArea ul.celebrityList .chTitle a,
.oldForNewArea ul.tradeinList .chTitle a,
.oldForNewArea ul.celebrityListSec .chTitle a,
.oldForNewArea .oldForNewList .chTitle a {
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.35px;
  color: #fff;
}
.knowledgeArea ul.knowledgeList .chTitle.ellipsis,
.knowledgeArea ul.celebrityList .chTitle.ellipsis,
.knowledgeArea ul.tradeinList .chTitle.ellipsis,
.knowledgeArea ul.celebrityListSec .chTitle.ellipsis,
.knowledgeArea .oldForNewList .chTitle.ellipsis,
.celebrityArea ul.knowledgeList .chTitle.ellipsis,
.celebrityArea ul.celebrityList .chTitle.ellipsis,
.celebrityArea ul.tradeinList .chTitle.ellipsis,
.celebrityArea ul.celebrityListSec .chTitle.ellipsis,
.celebrityArea .oldForNewList .chTitle.ellipsis,
.tradeinArea ul.knowledgeList .chTitle.ellipsis,
.tradeinArea ul.celebrityList .chTitle.ellipsis,
.tradeinArea ul.tradeinList .chTitle.ellipsis,
.tradeinArea ul.celebrityListSec .chTitle.ellipsis,
.tradeinArea .oldForNewList .chTitle.ellipsis,
.celebrityAreaSec ul.knowledgeList .chTitle.ellipsis,
.celebrityAreaSec ul.celebrityList .chTitle.ellipsis,
.celebrityAreaSec ul.tradeinList .chTitle.ellipsis,
.celebrityAreaSec ul.celebrityListSec .chTitle.ellipsis,
.celebrityAreaSec .oldForNewList .chTitle.ellipsis,
.oldForNewArea ul.knowledgeList .chTitle.ellipsis,
.oldForNewArea ul.celebrityList .chTitle.ellipsis,
.oldForNewArea ul.tradeinList .chTitle.ellipsis,
.oldForNewArea ul.celebrityListSec .chTitle.ellipsis,
.oldForNewArea .oldForNewList .chTitle.ellipsis {
  height: 30px;
}
.knowledgeArea ul.knowledgeList .chExp,
.knowledgeArea ul.celebrityList .chExp,
.knowledgeArea ul.tradeinList .chExp,
.knowledgeArea ul.celebrityListSec .chExp,
.knowledgeArea .oldForNewList .chExp,
.celebrityArea ul.knowledgeList .chExp,
.celebrityArea ul.celebrityList .chExp,
.celebrityArea ul.tradeinList .chExp,
.celebrityArea ul.celebrityListSec .chExp,
.celebrityArea .oldForNewList .chExp,
.tradeinArea ul.knowledgeList .chExp,
.tradeinArea ul.celebrityList .chExp,
.tradeinArea ul.tradeinList .chExp,
.tradeinArea ul.celebrityListSec .chExp,
.tradeinArea .oldForNewList .chExp,
.celebrityAreaSec ul.knowledgeList .chExp,
.celebrityAreaSec ul.celebrityList .chExp,
.celebrityAreaSec ul.tradeinList .chExp,
.celebrityAreaSec ul.celebrityListSec .chExp,
.celebrityAreaSec .oldForNewList .chExp,
.oldForNewArea ul.knowledgeList .chExp,
.oldForNewArea ul.celebrityList .chExp,
.oldForNewArea ul.tradeinList .chExp,
.oldForNewArea ul.celebrityListSec .chExp,
.oldForNewArea .oldForNewList .chExp {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.5px;
  color: #87abad;
  height: 50px;
}
.knowledgeArea ul.knowledgeList .chExp.ellipsis,
.knowledgeArea ul.celebrityList .chExp.ellipsis,
.knowledgeArea ul.tradeinList .chExp.ellipsis,
.knowledgeArea ul.celebrityListSec .chExp.ellipsis,
.knowledgeArea .oldForNewList .chExp.ellipsis,
.celebrityArea ul.knowledgeList .chExp.ellipsis,
.celebrityArea ul.celebrityList .chExp.ellipsis,
.celebrityArea ul.tradeinList .chExp.ellipsis,
.celebrityArea ul.celebrityListSec .chExp.ellipsis,
.celebrityArea .oldForNewList .chExp.ellipsis,
.tradeinArea ul.knowledgeList .chExp.ellipsis,
.tradeinArea ul.celebrityList .chExp.ellipsis,
.tradeinArea ul.tradeinList .chExp.ellipsis,
.tradeinArea ul.celebrityListSec .chExp.ellipsis,
.tradeinArea .oldForNewList .chExp.ellipsis,
.celebrityAreaSec ul.knowledgeList .chExp.ellipsis,
.celebrityAreaSec ul.celebrityList .chExp.ellipsis,
.celebrityAreaSec ul.tradeinList .chExp.ellipsis,
.celebrityAreaSec ul.celebrityListSec .chExp.ellipsis,
.celebrityAreaSec .oldForNewList .chExp.ellipsis,
.oldForNewArea ul.knowledgeList .chExp.ellipsis,
.oldForNewArea ul.celebrityList .chExp.ellipsis,
.oldForNewArea ul.tradeinList .chExp.ellipsis,
.oldForNewArea ul.celebrityListSec .chExp.ellipsis,
.oldForNewArea .oldForNewList .chExp.ellipsis {
  height: 50px;
}
.knowledgeArea ul.knowledgeList li .moreArrow,
.knowledgeArea ul.celebrityList li .moreArrow,
.knowledgeArea ul.tradeinList li .moreArrow,
.knowledgeArea ul.celebrityListSec li .moreArrow,
.knowledgeArea .oldForNewList li .moreArrow,
.celebrityArea ul.knowledgeList li .moreArrow,
.celebrityArea ul.celebrityList li .moreArrow,
.celebrityArea ul.tradeinList li .moreArrow,
.celebrityArea ul.celebrityListSec li .moreArrow,
.celebrityArea .oldForNewList li .moreArrow,
.tradeinArea ul.knowledgeList li .moreArrow,
.tradeinArea ul.celebrityList li .moreArrow,
.tradeinArea ul.tradeinList li .moreArrow,
.tradeinArea ul.celebrityListSec li .moreArrow,
.tradeinArea .oldForNewList li .moreArrow,
.celebrityAreaSec ul.knowledgeList li .moreArrow,
.celebrityAreaSec ul.celebrityList li .moreArrow,
.celebrityAreaSec ul.tradeinList li .moreArrow,
.celebrityAreaSec ul.celebrityListSec li .moreArrow,
.celebrityAreaSec .oldForNewList li .moreArrow,
.oldForNewArea ul.knowledgeList li .moreArrow,
.oldForNewArea ul.celebrityList li .moreArrow,
.oldForNewArea ul.tradeinList li .moreArrow,
.oldForNewArea ul.celebrityListSec li .moreArrow,
.oldForNewArea .oldForNewList li .moreArrow {
  left: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
  color: #808080;
}
.knowledgeArea ul.knowledgeList li .moreArrow img,
.knowledgeArea ul.celebrityList li .moreArrow img,
.knowledgeArea ul.tradeinList li .moreArrow img,
.knowledgeArea ul.celebrityListSec li .moreArrow img,
.knowledgeArea .oldForNewList li .moreArrow img,
.celebrityArea ul.knowledgeList li .moreArrow img,
.celebrityArea ul.celebrityList li .moreArrow img,
.celebrityArea ul.tradeinList li .moreArrow img,
.celebrityArea ul.celebrityListSec li .moreArrow img,
.celebrityArea .oldForNewList li .moreArrow img,
.tradeinArea ul.knowledgeList li .moreArrow img,
.tradeinArea ul.celebrityList li .moreArrow img,
.tradeinArea ul.tradeinList li .moreArrow img,
.tradeinArea ul.celebrityListSec li .moreArrow img,
.tradeinArea .oldForNewList li .moreArrow img,
.celebrityAreaSec ul.knowledgeList li .moreArrow img,
.celebrityAreaSec ul.celebrityList li .moreArrow img,
.celebrityAreaSec ul.tradeinList li .moreArrow img,
.celebrityAreaSec ul.celebrityListSec li .moreArrow img,
.celebrityAreaSec .oldForNewList li .moreArrow img,
.oldForNewArea ul.knowledgeList li .moreArrow img,
.oldForNewArea ul.celebrityList li .moreArrow img,
.oldForNewArea ul.tradeinList li .moreArrow img,
.oldForNewArea ul.celebrityListSec li .moreArrow img,
.oldForNewArea .oldForNewList li .moreArrow img {
  left: 0;
  -webkit-filter: grayscale(1) brightness(2.5);
          filter: grayscale(1) brightness(2.5);
}
.knowledgeArea ul.knowledgeList li .Txt,
.knowledgeArea ul.celebrityList li .Txt,
.knowledgeArea ul.tradeinList li .Txt,
.knowledgeArea ul.celebrityListSec li .Txt,
.knowledgeArea .oldForNewList li .Txt,
.celebrityArea ul.knowledgeList li .Txt,
.celebrityArea ul.celebrityList li .Txt,
.celebrityArea ul.tradeinList li .Txt,
.celebrityArea ul.celebrityListSec li .Txt,
.celebrityArea .oldForNewList li .Txt,
.tradeinArea ul.knowledgeList li .Txt,
.tradeinArea ul.celebrityList li .Txt,
.tradeinArea ul.tradeinList li .Txt,
.tradeinArea ul.celebrityListSec li .Txt,
.tradeinArea .oldForNewList li .Txt,
.celebrityAreaSec ul.knowledgeList li .Txt,
.celebrityAreaSec ul.celebrityList li .Txt,
.celebrityAreaSec ul.tradeinList li .Txt,
.celebrityAreaSec ul.celebrityListSec li .Txt,
.celebrityAreaSec .oldForNewList li .Txt,
.oldForNewArea ul.knowledgeList li .Txt,
.oldForNewArea ul.celebrityList li .Txt,
.oldForNewArea ul.tradeinList li .Txt,
.oldForNewArea ul.celebrityListSec li .Txt,
.oldForNewArea .oldForNewList li .Txt {
  overflow: hidden;
}
.knowledgeArea ul.knowledgeList li .Txt::before,
.knowledgeArea ul.celebrityList li .Txt::before,
.knowledgeArea ul.tradeinList li .Txt::before,
.knowledgeArea ul.celebrityListSec li .Txt::before,
.knowledgeArea .oldForNewList li .Txt::before,
.celebrityArea ul.knowledgeList li .Txt::before,
.celebrityArea ul.celebrityList li .Txt::before,
.celebrityArea ul.tradeinList li .Txt::before,
.celebrityArea ul.celebrityListSec li .Txt::before,
.celebrityArea .oldForNewList li .Txt::before,
.tradeinArea ul.knowledgeList li .Txt::before,
.tradeinArea ul.celebrityList li .Txt::before,
.tradeinArea ul.tradeinList li .Txt::before,
.tradeinArea ul.celebrityListSec li .Txt::before,
.tradeinArea .oldForNewList li .Txt::before,
.celebrityAreaSec ul.knowledgeList li .Txt::before,
.celebrityAreaSec ul.celebrityList li .Txt::before,
.celebrityAreaSec ul.tradeinList li .Txt::before,
.celebrityAreaSec ul.celebrityListSec li .Txt::before,
.celebrityAreaSec .oldForNewList li .Txt::before,
.oldForNewArea ul.knowledgeList li .Txt::before,
.oldForNewArea ul.celebrityList li .Txt::before,
.oldForNewArea ul.tradeinList li .Txt::before,
.oldForNewArea ul.celebrityListSec li .Txt::before,
.oldForNewArea .oldForNewList li .Txt::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  bottom: 35px;
  left: 0;
}
.knowledgeArea ul.knowledgeList li .Txt::after,
.knowledgeArea ul.celebrityList li .Txt::after,
.knowledgeArea ul.tradeinList li .Txt::after,
.knowledgeArea ul.celebrityListSec li .Txt::after,
.knowledgeArea .oldForNewList li .Txt::after,
.celebrityArea ul.knowledgeList li .Txt::after,
.celebrityArea ul.celebrityList li .Txt::after,
.celebrityArea ul.tradeinList li .Txt::after,
.celebrityArea ul.celebrityListSec li .Txt::after,
.celebrityArea .oldForNewList li .Txt::after,
.tradeinArea ul.knowledgeList li .Txt::after,
.tradeinArea ul.celebrityList li .Txt::after,
.tradeinArea ul.tradeinList li .Txt::after,
.tradeinArea ul.celebrityListSec li .Txt::after,
.tradeinArea .oldForNewList li .Txt::after,
.celebrityAreaSec ul.knowledgeList li .Txt::after,
.celebrityAreaSec ul.celebrityList li .Txt::after,
.celebrityAreaSec ul.tradeinList li .Txt::after,
.celebrityAreaSec ul.celebrityListSec li .Txt::after,
.celebrityAreaSec .oldForNewList li .Txt::after,
.oldForNewArea ul.knowledgeList li .Txt::after,
.oldForNewArea ul.celebrityList li .Txt::after,
.oldForNewArea ul.tradeinList li .Txt::after,
.oldForNewArea ul.celebrityListSec li .Txt::after,
.oldForNewArea .oldForNewList li .Txt::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #465e63;
  position: absolute;
  bottom: 35px;
  left: -100%;
}
.knowledgeArea ul.knowledgeList li:hover .moreArrow,
.knowledgeArea ul.celebrityList li:hover .moreArrow,
.knowledgeArea ul.tradeinList li:hover .moreArrow,
.knowledgeArea ul.celebrityListSec li:hover .moreArrow,
.knowledgeArea .oldForNewList li:hover .moreArrow,
.celebrityArea ul.knowledgeList li:hover .moreArrow,
.celebrityArea ul.celebrityList li:hover .moreArrow,
.celebrityArea ul.tradeinList li:hover .moreArrow,
.celebrityArea ul.celebrityListSec li:hover .moreArrow,
.celebrityArea .oldForNewList li:hover .moreArrow,
.tradeinArea ul.knowledgeList li:hover .moreArrow,
.tradeinArea ul.celebrityList li:hover .moreArrow,
.tradeinArea ul.tradeinList li:hover .moreArrow,
.tradeinArea ul.celebrityListSec li:hover .moreArrow,
.tradeinArea .oldForNewList li:hover .moreArrow,
.celebrityAreaSec ul.knowledgeList li:hover .moreArrow,
.celebrityAreaSec ul.celebrityList li:hover .moreArrow,
.celebrityAreaSec ul.tradeinList li:hover .moreArrow,
.celebrityAreaSec ul.celebrityListSec li:hover .moreArrow,
.celebrityAreaSec .oldForNewList li:hover .moreArrow,
.oldForNewArea ul.knowledgeList li:hover .moreArrow,
.oldForNewArea ul.celebrityList li:hover .moreArrow,
.oldForNewArea ul.tradeinList li:hover .moreArrow,
.oldForNewArea ul.celebrityListSec li:hover .moreArrow,
.oldForNewArea .oldForNewList li:hover .moreArrow {
  color: #465e63;
}
.knowledgeArea ul.knowledgeList li:hover .moreArrow img,
.knowledgeArea ul.celebrityList li:hover .moreArrow img,
.knowledgeArea ul.tradeinList li:hover .moreArrow img,
.knowledgeArea ul.celebrityListSec li:hover .moreArrow img,
.knowledgeArea .oldForNewList li:hover .moreArrow img,
.celebrityArea ul.knowledgeList li:hover .moreArrow img,
.celebrityArea ul.celebrityList li:hover .moreArrow img,
.celebrityArea ul.tradeinList li:hover .moreArrow img,
.celebrityArea ul.celebrityListSec li:hover .moreArrow img,
.celebrityArea .oldForNewList li:hover .moreArrow img,
.tradeinArea ul.knowledgeList li:hover .moreArrow img,
.tradeinArea ul.celebrityList li:hover .moreArrow img,
.tradeinArea ul.tradeinList li:hover .moreArrow img,
.tradeinArea ul.celebrityListSec li:hover .moreArrow img,
.tradeinArea .oldForNewList li:hover .moreArrow img,
.celebrityAreaSec ul.knowledgeList li:hover .moreArrow img,
.celebrityAreaSec ul.celebrityList li:hover .moreArrow img,
.celebrityAreaSec ul.tradeinList li:hover .moreArrow img,
.celebrityAreaSec ul.celebrityListSec li:hover .moreArrow img,
.celebrityAreaSec .oldForNewList li:hover .moreArrow img,
.oldForNewArea ul.knowledgeList li:hover .moreArrow img,
.oldForNewArea ul.celebrityList li:hover .moreArrow img,
.oldForNewArea ul.tradeinList li:hover .moreArrow img,
.oldForNewArea ul.celebrityListSec li:hover .moreArrow img,
.oldForNewArea .oldForNewList li:hover .moreArrow img {
  -webkit-filter: initial;
          filter: initial;
  -webkit-animation: moreA 2s ease-in-out infinite;
          animation: moreA 2s ease-in-out infinite;
}
.knowledgeArea ul.knowledgeList li:hover .Txt .chTitle a,
.knowledgeArea ul.celebrityList li:hover .Txt .chTitle a,
.knowledgeArea ul.tradeinList li:hover .Txt .chTitle a,
.knowledgeArea ul.celebrityListSec li:hover .Txt .chTitle a,
.knowledgeArea .oldForNewList li:hover .Txt .chTitle a,
.celebrityArea ul.knowledgeList li:hover .Txt .chTitle a,
.celebrityArea ul.celebrityList li:hover .Txt .chTitle a,
.celebrityArea ul.tradeinList li:hover .Txt .chTitle a,
.celebrityArea ul.celebrityListSec li:hover .Txt .chTitle a,
.celebrityArea .oldForNewList li:hover .Txt .chTitle a,
.tradeinArea ul.knowledgeList li:hover .Txt .chTitle a,
.tradeinArea ul.celebrityList li:hover .Txt .chTitle a,
.tradeinArea ul.tradeinList li:hover .Txt .chTitle a,
.tradeinArea ul.celebrityListSec li:hover .Txt .chTitle a,
.tradeinArea .oldForNewList li:hover .Txt .chTitle a,
.celebrityAreaSec ul.knowledgeList li:hover .Txt .chTitle a,
.celebrityAreaSec ul.celebrityList li:hover .Txt .chTitle a,
.celebrityAreaSec ul.tradeinList li:hover .Txt .chTitle a,
.celebrityAreaSec ul.celebrityListSec li:hover .Txt .chTitle a,
.celebrityAreaSec .oldForNewList li:hover .Txt .chTitle a,
.oldForNewArea ul.knowledgeList li:hover .Txt .chTitle a,
.oldForNewArea ul.celebrityList li:hover .Txt .chTitle a,
.oldForNewArea ul.tradeinList li:hover .Txt .chTitle a,
.oldForNewArea ul.celebrityListSec li:hover .Txt .chTitle a,
.oldForNewArea .oldForNewList li:hover .Txt .chTitle a {
  color: #87abad;
}
.knowledgeArea ul.knowledgeList li:hover .Txt::after,
.knowledgeArea ul.celebrityList li:hover .Txt::after,
.knowledgeArea ul.tradeinList li:hover .Txt::after,
.knowledgeArea ul.celebrityListSec li:hover .Txt::after,
.knowledgeArea .oldForNewList li:hover .Txt::after,
.celebrityArea ul.knowledgeList li:hover .Txt::after,
.celebrityArea ul.celebrityList li:hover .Txt::after,
.celebrityArea ul.tradeinList li:hover .Txt::after,
.celebrityArea ul.celebrityListSec li:hover .Txt::after,
.celebrityArea .oldForNewList li:hover .Txt::after,
.tradeinArea ul.knowledgeList li:hover .Txt::after,
.tradeinArea ul.celebrityList li:hover .Txt::after,
.tradeinArea ul.tradeinList li:hover .Txt::after,
.tradeinArea ul.celebrityListSec li:hover .Txt::after,
.tradeinArea .oldForNewList li:hover .Txt::after,
.celebrityAreaSec ul.knowledgeList li:hover .Txt::after,
.celebrityAreaSec ul.celebrityList li:hover .Txt::after,
.celebrityAreaSec ul.tradeinList li:hover .Txt::after,
.celebrityAreaSec ul.celebrityListSec li:hover .Txt::after,
.celebrityAreaSec .oldForNewList li:hover .Txt::after,
.oldForNewArea ul.knowledgeList li:hover .Txt::after,
.oldForNewArea ul.celebrityList li:hover .Txt::after,
.oldForNewArea ul.tradeinList li:hover .Txt::after,
.oldForNewArea ul.celebrityListSec li:hover .Txt::after,
.oldForNewArea .oldForNewList li:hover .Txt::after {
  left: 0;
}
.knowledgeArea ul.knowledgeList li:hover .Img a:before,
.knowledgeArea ul.celebrityList li:hover .Img a:before,
.knowledgeArea ul.tradeinList li:hover .Img a:before,
.knowledgeArea ul.celebrityListSec li:hover .Img a:before,
.knowledgeArea .oldForNewList li:hover .Img a:before,
.celebrityArea ul.knowledgeList li:hover .Img a:before,
.celebrityArea ul.celebrityList li:hover .Img a:before,
.celebrityArea ul.tradeinList li:hover .Img a:before,
.celebrityArea ul.celebrityListSec li:hover .Img a:before,
.celebrityArea .oldForNewList li:hover .Img a:before,
.tradeinArea ul.knowledgeList li:hover .Img a:before,
.tradeinArea ul.celebrityList li:hover .Img a:before,
.tradeinArea ul.tradeinList li:hover .Img a:before,
.tradeinArea ul.celebrityListSec li:hover .Img a:before,
.tradeinArea .oldForNewList li:hover .Img a:before,
.celebrityAreaSec ul.knowledgeList li:hover .Img a:before,
.celebrityAreaSec ul.celebrityList li:hover .Img a:before,
.celebrityAreaSec ul.tradeinList li:hover .Img a:before,
.celebrityAreaSec ul.celebrityListSec li:hover .Img a:before,
.celebrityAreaSec .oldForNewList li:hover .Img a:before,
.oldForNewArea ul.knowledgeList li:hover .Img a:before,
.oldForNewArea ul.celebrityList li:hover .Img a:before,
.oldForNewArea ul.tradeinList li:hover .Img a:before,
.oldForNewArea ul.celebrityListSec li:hover .Img a:before,
.oldForNewArea .oldForNewList li:hover .Img a:before {
  top: 50%;
}
.knowledgeArea ul.knowledgeList li:hover .Img img,
.knowledgeArea ul.celebrityList li:hover .Img img,
.knowledgeArea ul.tradeinList li:hover .Img img,
.knowledgeArea ul.celebrityListSec li:hover .Img img,
.knowledgeArea .oldForNewList li:hover .Img img,
.celebrityArea ul.knowledgeList li:hover .Img img,
.celebrityArea ul.celebrityList li:hover .Img img,
.celebrityArea ul.tradeinList li:hover .Img img,
.celebrityArea ul.celebrityListSec li:hover .Img img,
.celebrityArea .oldForNewList li:hover .Img img,
.tradeinArea ul.knowledgeList li:hover .Img img,
.tradeinArea ul.celebrityList li:hover .Img img,
.tradeinArea ul.tradeinList li:hover .Img img,
.tradeinArea ul.celebrityListSec li:hover .Img img,
.tradeinArea .oldForNewList li:hover .Img img,
.celebrityAreaSec ul.knowledgeList li:hover .Img img,
.celebrityAreaSec ul.celebrityList li:hover .Img img,
.celebrityAreaSec ul.tradeinList li:hover .Img img,
.celebrityAreaSec ul.celebrityListSec li:hover .Img img,
.celebrityAreaSec .oldForNewList li:hover .Img img,
.oldForNewArea ul.knowledgeList li:hover .Img img,
.oldForNewArea ul.celebrityList li:hover .Img img,
.oldForNewArea ul.tradeinList li:hover .Img img,
.oldForNewArea ul.celebrityListSec li:hover .Img img,
.oldForNewArea .oldForNewList li:hover .Img img {
  opacity: 0.5;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.knowledgeArea ul.knowledgeList li:hover .Img.imgVideo,
.knowledgeArea ul.celebrityList li:hover .Img.imgVideo,
.knowledgeArea ul.tradeinList li:hover .Img.imgVideo,
.knowledgeArea ul.celebrityListSec li:hover .Img.imgVideo,
.knowledgeArea .oldForNewList li:hover .Img.imgVideo,
.celebrityArea ul.knowledgeList li:hover .Img.imgVideo,
.celebrityArea ul.celebrityList li:hover .Img.imgVideo,
.celebrityArea ul.tradeinList li:hover .Img.imgVideo,
.celebrityArea ul.celebrityListSec li:hover .Img.imgVideo,
.celebrityArea .oldForNewList li:hover .Img.imgVideo,
.tradeinArea ul.knowledgeList li:hover .Img.imgVideo,
.tradeinArea ul.celebrityList li:hover .Img.imgVideo,
.tradeinArea ul.tradeinList li:hover .Img.imgVideo,
.tradeinArea ul.celebrityListSec li:hover .Img.imgVideo,
.tradeinArea .oldForNewList li:hover .Img.imgVideo,
.celebrityAreaSec ul.knowledgeList li:hover .Img.imgVideo,
.celebrityAreaSec ul.celebrityList li:hover .Img.imgVideo,
.celebrityAreaSec ul.tradeinList li:hover .Img.imgVideo,
.celebrityAreaSec ul.celebrityListSec li:hover .Img.imgVideo,
.celebrityAreaSec .oldForNewList li:hover .Img.imgVideo,
.oldForNewArea ul.knowledgeList li:hover .Img.imgVideo,
.oldForNewArea ul.celebrityList li:hover .Img.imgVideo,
.oldForNewArea ul.tradeinList li:hover .Img.imgVideo,
.oldForNewArea ul.celebrityListSec li:hover .Img.imgVideo,
.oldForNewArea .oldForNewList li:hover .Img.imgVideo {
  background-color: #718d90;
}
.knowledgeArea ul.knowledgeList li:hover .Img.imgVideo .videoIcon,
.knowledgeArea ul.celebrityList li:hover .Img.imgVideo .videoIcon,
.knowledgeArea ul.tradeinList li:hover .Img.imgVideo .videoIcon,
.knowledgeArea ul.celebrityListSec li:hover .Img.imgVideo .videoIcon,
.knowledgeArea .oldForNewList li:hover .Img.imgVideo .videoIcon,
.celebrityArea ul.knowledgeList li:hover .Img.imgVideo .videoIcon,
.celebrityArea ul.celebrityList li:hover .Img.imgVideo .videoIcon,
.celebrityArea ul.tradeinList li:hover .Img.imgVideo .videoIcon,
.celebrityArea ul.celebrityListSec li:hover .Img.imgVideo .videoIcon,
.celebrityArea .oldForNewList li:hover .Img.imgVideo .videoIcon,
.tradeinArea ul.knowledgeList li:hover .Img.imgVideo .videoIcon,
.tradeinArea ul.celebrityList li:hover .Img.imgVideo .videoIcon,
.tradeinArea ul.tradeinList li:hover .Img.imgVideo .videoIcon,
.tradeinArea ul.celebrityListSec li:hover .Img.imgVideo .videoIcon,
.tradeinArea .oldForNewList li:hover .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.knowledgeList li:hover .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.celebrityList li:hover .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.tradeinList li:hover .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.celebrityListSec li:hover .Img.imgVideo .videoIcon,
.celebrityAreaSec .oldForNewList li:hover .Img.imgVideo .videoIcon,
.oldForNewArea ul.knowledgeList li:hover .Img.imgVideo .videoIcon,
.oldForNewArea ul.celebrityList li:hover .Img.imgVideo .videoIcon,
.oldForNewArea ul.tradeinList li:hover .Img.imgVideo .videoIcon,
.oldForNewArea ul.celebrityListSec li:hover .Img.imgVideo .videoIcon,
.oldForNewArea .oldForNewList li:hover .Img.imgVideo .videoIcon {
  -webkit-animation: scale 1.5s ease-in-out infinite;
          animation: scale 1.5s ease-in-out infinite;
}
.knowledgeArea ul.knowledgeList .Img,
.knowledgeArea ul.celebrityList .Img,
.knowledgeArea ul.tradeinList .Img,
.knowledgeArea ul.celebrityListSec .Img,
.knowledgeArea .oldForNewList .Img,
.celebrityArea ul.knowledgeList .Img,
.celebrityArea ul.celebrityList .Img,
.celebrityArea ul.tradeinList .Img,
.celebrityArea ul.celebrityListSec .Img,
.celebrityArea .oldForNewList .Img,
.tradeinArea ul.knowledgeList .Img,
.tradeinArea ul.celebrityList .Img,
.tradeinArea ul.tradeinList .Img,
.tradeinArea ul.celebrityListSec .Img,
.tradeinArea .oldForNewList .Img,
.celebrityAreaSec ul.knowledgeList .Img,
.celebrityAreaSec ul.celebrityList .Img,
.celebrityAreaSec ul.tradeinList .Img,
.celebrityAreaSec ul.celebrityListSec .Img,
.celebrityAreaSec .oldForNewList .Img,
.oldForNewArea ul.knowledgeList .Img,
.oldForNewArea ul.celebrityList .Img,
.oldForNewArea ul.tradeinList .Img,
.oldForNewArea ul.celebrityListSec .Img,
.oldForNewArea .oldForNewList .Img {
  position: relative;
  margin-bottom: 5px;
}
.knowledgeArea ul.knowledgeList .Img a,
.knowledgeArea ul.celebrityList .Img a,
.knowledgeArea ul.tradeinList .Img a,
.knowledgeArea ul.celebrityListSec .Img a,
.knowledgeArea .oldForNewList .Img a,
.celebrityArea ul.knowledgeList .Img a,
.celebrityArea ul.celebrityList .Img a,
.celebrityArea ul.tradeinList .Img a,
.celebrityArea ul.celebrityListSec .Img a,
.celebrityArea .oldForNewList .Img a,
.tradeinArea ul.knowledgeList .Img a,
.tradeinArea ul.celebrityList .Img a,
.tradeinArea ul.tradeinList .Img a,
.tradeinArea ul.celebrityListSec .Img a,
.tradeinArea .oldForNewList .Img a,
.celebrityAreaSec ul.knowledgeList .Img a,
.celebrityAreaSec ul.celebrityList .Img a,
.celebrityAreaSec ul.tradeinList .Img a,
.celebrityAreaSec ul.celebrityListSec .Img a,
.celebrityAreaSec .oldForNewList .Img a,
.oldForNewArea ul.knowledgeList .Img a,
.oldForNewArea ul.celebrityList .Img a,
.oldForNewArea ul.tradeinList .Img a,
.oldForNewArea ul.celebrityListSec .Img a,
.oldForNewArea .oldForNewList .Img a {
  display: block;
  overflow: hidden;
}
.knowledgeArea ul.knowledgeList .Img img,
.knowledgeArea ul.celebrityList .Img img,
.knowledgeArea ul.tradeinList .Img img,
.knowledgeArea ul.celebrityListSec .Img img,
.knowledgeArea .oldForNewList .Img img,
.celebrityArea ul.knowledgeList .Img img,
.celebrityArea ul.celebrityList .Img img,
.celebrityArea ul.tradeinList .Img img,
.celebrityArea ul.celebrityListSec .Img img,
.celebrityArea .oldForNewList .Img img,
.tradeinArea ul.knowledgeList .Img img,
.tradeinArea ul.celebrityList .Img img,
.tradeinArea ul.tradeinList .Img img,
.tradeinArea ul.celebrityListSec .Img img,
.tradeinArea .oldForNewList .Img img,
.celebrityAreaSec ul.knowledgeList .Img img,
.celebrityAreaSec ul.celebrityList .Img img,
.celebrityAreaSec ul.tradeinList .Img img,
.celebrityAreaSec ul.celebrityListSec .Img img,
.celebrityAreaSec .oldForNewList .Img img,
.oldForNewArea ul.knowledgeList .Img img,
.oldForNewArea ul.celebrityList .Img img,
.oldForNewArea ul.tradeinList .Img img,
.oldForNewArea ul.celebrityListSec .Img img,
.oldForNewArea .oldForNewList .Img img {
  width: 100%;
}

.celebrityArea ul.celebrityList .Img{
  border-radius: 50px;
}

.celebrityArea ul.celebrityList .Img img{
  object-fit: cover;
  height: 300px;
}

.knowledgeArea ul.knowledgeList .Img.imgVideo .videoIcon,
.knowledgeArea ul.celebrityList .Img.imgVideo .videoIcon,
.knowledgeArea ul.tradeinList .Img.imgVideo .videoIcon,
.knowledgeArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.knowledgeArea .oldForNewList .Img.imgVideo .videoIcon,
.celebrityArea ul.knowledgeList .Img.imgVideo .videoIcon,
.celebrityArea ul.celebrityList .Img.imgVideo .videoIcon,
.celebrityArea ul.tradeinList .Img.imgVideo .videoIcon,
.celebrityArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.celebrityArea .oldForNewList .Img.imgVideo .videoIcon,
.tradeinArea ul.knowledgeList .Img.imgVideo .videoIcon,
.tradeinArea ul.celebrityList .Img.imgVideo .videoIcon,
.tradeinArea ul.tradeinList .Img.imgVideo .videoIcon,
.tradeinArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.tradeinArea .oldForNewList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.knowledgeList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.celebrityList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.tradeinList .Img.imgVideo .videoIcon,
.celebrityAreaSec ul.celebrityListSec .Img.imgVideo .videoIcon,
.celebrityAreaSec .oldForNewList .Img.imgVideo .videoIcon,
.oldForNewArea ul.knowledgeList .Img.imgVideo .videoIcon,
.oldForNewArea ul.celebrityList .Img.imgVideo .videoIcon,
.oldForNewArea ul.tradeinList .Img.imgVideo .videoIcon,
.oldForNewArea ul.celebrityListSec .Img.imgVideo .videoIcon,
.oldForNewArea .oldForNewList .Img.imgVideo .videoIcon {
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  width: 70px;
  height: 70px;
  background-color: rgba(254, 197, 38, 0.35);
  border-radius: 50%;
}
.knowledgeArea ul.knowledgeList .Img.imgVideo .videoIcon::before,
.knowledgeArea ul.celebrityList .Img.imgVideo .videoIcon::before,
.knowledgeArea ul.tradeinList .Img.imgVideo .videoIcon::before,
.knowledgeArea ul.celebrityListSec .Img.imgVideo .videoIcon::before,
.knowledgeArea .oldForNewList .Img.imgVideo .videoIcon::before,
.celebrityArea ul.knowledgeList .Img.imgVideo .videoIcon::before,
.celebrityArea ul.celebrityList .Img.imgVideo .videoIcon::before,
.celebrityArea ul.tradeinList .Img.imgVideo .videoIcon::before,
.celebrityArea ul.celebrityListSec .Img.imgVideo .videoIcon::before,
.celebrityArea .oldForNewList .Img.imgVideo .videoIcon::before,
.tradeinArea ul.knowledgeList .Img.imgVideo .videoIcon::before,
.tradeinArea ul.celebrityList .Img.imgVideo .videoIcon::before,
.tradeinArea ul.tradeinList .Img.imgVideo .videoIcon::before,
.tradeinArea ul.celebrityListSec .Img.imgVideo .videoIcon::before,
.tradeinArea .oldForNewList .Img.imgVideo .videoIcon::before,
.celebrityAreaSec ul.knowledgeList .Img.imgVideo .videoIcon::before,
.celebrityAreaSec ul.celebrityList .Img.imgVideo .videoIcon::before,
.celebrityAreaSec ul.tradeinList .Img.imgVideo .videoIcon::before,
.celebrityAreaSec ul.celebrityListSec .Img.imgVideo .videoIcon::before,
.celebrityAreaSec .oldForNewList .Img.imgVideo .videoIcon::before,
.oldForNewArea ul.knowledgeList .Img.imgVideo .videoIcon::before,
.oldForNewArea ul.celebrityList .Img.imgVideo .videoIcon::before,
.oldForNewArea ul.tradeinList .Img.imgVideo .videoIcon::before,
.oldForNewArea ul.celebrityListSec .Img.imgVideo .videoIcon::before,
.oldForNewArea .oldForNewList .Img.imgVideo .videoIcon::before {
  content: "";
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #87abac;
  position: absolute;
  top: 8px;
  left: 8px;
}
.knowledgeArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.knowledgeArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.knowledgeArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.knowledgeArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.knowledgeArea .oldForNewList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.celebrityArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.celebrityArea .oldForNewList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.tradeinArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.tradeinArea .oldForNewList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.celebrityAreaSec .oldForNewList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.knowledgeList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.celebrityList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.tradeinList .Img.imgVideo .videoIcon .triangle,
.oldForNewArea ul.celebrityListSec .Img.imgVideo .videoIcon .triangle,
.oldForNewArea .oldForNewList .Img.imgVideo .videoIcon .triangle {
  border-color: transparent transparent transparent #fff;
  border-style: solid solid solid solid;
  border-width: 10px;
  height: 0px;
  width: 0px;
  -webkit-transform: scaleX(2);
          transform: scaleX(2);
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% + 3px);
}
@media (max-width: 1200px) {
  .knowledgeArea ul.knowledgeList,
  .knowledgeArea ul.celebrityList,
  .knowledgeArea ul.tradeinList,
  .knowledgeArea ul.celebrityListSec,
  .knowledgeArea .oldForNewList,
  .celebrityArea ul.knowledgeList,
  .celebrityArea ul.celebrityList,
  .celebrityArea ul.tradeinList,
  .celebrityArea ul.celebrityListSec,
  .celebrityArea .oldForNewList,
  .tradeinArea ul.knowledgeList,
  .tradeinArea ul.celebrityList,
  .tradeinArea ul.tradeinList,
  .tradeinArea ul.celebrityListSec,
  .tradeinArea .oldForNewList,
  .celebrityAreaSec ul.knowledgeList,
  .celebrityAreaSec ul.celebrityList,
  .celebrityAreaSec ul.tradeinList,
  .celebrityAreaSec ul.celebrityListSec,
  .celebrityAreaSec .oldForNewList,
  .oldForNewArea ul.knowledgeList,
  .oldForNewArea ul.celebrityList,
  .oldForNewArea ul.tradeinList,
  .oldForNewArea ul.celebrityListSec,
  .oldForNewArea .oldForNewList {
    min-height: 360px;
    margin: 0 10px;
  }
}
@media (max-width: 768px) {
  .knowledgeArea ul.knowledgeList,
  .knowledgeArea ul.celebrityList,
  .knowledgeArea ul.tradeinList,
  .knowledgeArea ul.celebrityListSec,
  .knowledgeArea .oldForNewList,
  .celebrityArea ul.knowledgeList,
  .celebrityArea ul.celebrityList,
  .celebrityArea ul.tradeinList,
  .celebrityArea ul.celebrityListSec,
  .celebrityArea .oldForNewList,
  .tradeinArea ul.knowledgeList,
  .tradeinArea ul.celebrityList,
  .tradeinArea ul.tradeinList,
  .tradeinArea ul.celebrityListSec,
  .tradeinArea .oldForNewList,
  .celebrityAreaSec ul.knowledgeList,
  .celebrityAreaSec ul.celebrityList,
  .celebrityAreaSec ul.tradeinList,
  .celebrityAreaSec ul.celebrityListSec,
  .celebrityAreaSec .oldForNewList,
  .oldForNewArea ul.knowledgeList,
  .oldForNewArea ul.celebrityList,
  .oldForNewArea ul.tradeinList,
  .oldForNewArea ul.celebrityListSec,
  .oldForNewArea .oldForNewList {
    min-height: 332px;
    margin: 0px;
  }
}
.knowledgeArea .classBox ul.classLink,
.celebrityArea .classBox ul.classLink,
.tradeinArea .classBox ul.classLink,
.celebrityAreaSec .classBox ul.classLink,
.oldForNewArea .classBox ul.classLink {
  padding: 0 50px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.knowledgeArea .classBox ul.classLink li,
.celebrityArea .classBox ul.classLink li,
.tradeinArea .classBox ul.classLink li,
.celebrityAreaSec .classBox ul.classLink li,
.oldForNewArea .classBox ul.classLink li {
  display: inline-block;
}
.knowledgeArea .classBox ul.classLink li > a,
.celebrityArea .classBox ul.classLink li > a,
.tradeinArea .classBox ul.classLink li > a,
.celebrityAreaSec .classBox ul.classLink li > a,
.oldForNewArea .classBox ul.classLink li > a {
  display: inline-block;
  position: relative;
  padding: 0 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #808080;
  border: none;
  overflow: visible;
}
.knowledgeArea .classBox ul.classLink li > a.current,
.celebrityArea .classBox ul.classLink li > a.current,
.tradeinArea .classBox ul.classLink li > a.current,
.celebrityAreaSec .classBox ul.classLink li > a.current,
.oldForNewArea .classBox ul.classLink li > a.current {
  color: #465e63;
}
.knowledgeArea .classBox ul.classLink li > a::before,
.celebrityArea .classBox ul.classLink li > a::before,
.tradeinArea .classBox ul.classLink li > a::before,
.celebrityAreaSec .classBox ul.classLink li > a::before,
.oldForNewArea .classBox ul.classLink li > a::before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #808080;
  position: absolute;
  top: 14.5px;
  left: auto;
  right: -20px;
}
.knowledgeArea .classBox ul.classLink li:last-child a::before,
.celebrityArea .classBox ul.classLink li:last-child a::before,
.tradeinArea .classBox ul.classLink li:last-child a::before,
.celebrityAreaSec .classBox ul.classLink li:last-child a::before,
.oldForNewArea .classBox ul.classLink li:last-child a::before {
  display: none;
}
.knowledgeArea .arrowBox,
.celebrityArea .arrowBox,
.tradeinArea .arrowBox,
.celebrityAreaSec .arrowBox,
.oldForNewArea .arrowBox {
  position: absolute;
  top: calc(50% + 30px);
}
.knowledgeArea .arrowBox.left,
.celebrityArea .arrowBox.left,
.tradeinArea .arrowBox.left,
.celebrityAreaSec .arrowBox.left,
.oldForNewArea .arrowBox.left {
  left: -100px;
}
.knowledgeArea .arrowBox.right,
.celebrityArea .arrowBox.right,
.tradeinArea .arrowBox.right,
.celebrityAreaSec .arrowBox.right,
.oldForNewArea .arrowBox.right {
  left: auto;
  right: -100px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.knowledgeArea .arrowBox.hide,
.celebrityArea .arrowBox.hide,
.tradeinArea .arrowBox.hide,
.celebrityAreaSec .arrowBox.hide,
.oldForNewArea .arrowBox.hide {
  display: none;
}
@media (max-width: 1680px) {
  .knowledgeArea .arrowBox.left,
  .celebrityArea .arrowBox.left,
  .tradeinArea .arrowBox.left,
  .celebrityAreaSec .arrowBox.left,
  .oldForNewArea .arrowBox.left {
    left: 20px;
  }
  .knowledgeArea .arrowBox.right,
  .celebrityArea .arrowBox.right,
  .tradeinArea .arrowBox.right,
  .celebrityAreaSec .arrowBox.right,
  .oldForNewArea .arrowBox.right {
    right: 20px;
  }
}
@media (max-width: 1680px) {
  .knowledgeArea .wrap,
  .celebrityArea .wrap,
  .tradeinArea .wrap,
  .celebrityAreaSec .wrap,
  .oldForNewArea .wrap {
    padding: 0 100px;
  }
}
@media (max-width: 1024px) {
  .knowledgeArea .wrap,
  .celebrityArea .wrap,
  .tradeinArea .wrap,
  .celebrityAreaSec .wrap,
  .oldForNewArea .wrap {
    padding: 20px;
  }
  .knowledgeArea .wrap::before,
  .celebrityArea .wrap::before,
  .tradeinArea .wrap::before,
  .celebrityAreaSec .wrap::before,
  .oldForNewArea .wrap::before {
    display: none;
  }
  .knowledgeArea .classBox ul.classLink,
  .celebrityArea .classBox ul.classLink,
  .tradeinArea .classBox ul.classLink,
  .celebrityAreaSec .classBox ul.classLink,
  .oldForNewArea .classBox ul.classLink {
    padding: 10px 0;
  }
  .knowledgeArea .classBox .m_classLink,
  .celebrityArea .classBox .m_classLink,
  .tradeinArea .classBox .m_classLink,
  .celebrityAreaSec .classBox .m_classLink,
  .oldForNewArea .classBox .m_classLink {
    display: none;
  }
  .knowledgeArea .arrowBox,
  .celebrityArea .arrowBox,
  .tradeinArea .arrowBox,
  .celebrityAreaSec .arrowBox,
  .oldForNewArea .arrowBox {
    display: none;
  }
  .knowledgeArea .discoverBtn,
  .celebrityArea .discoverBtn,
  .tradeinArea .discoverBtn,
  .celebrityAreaSec .discoverBtn,
  .oldForNewArea .discoverBtn {
    margin: 50px auto 40px;
  }
}
@media (max-width: 960px) {
  .knowledgeArea ul.knowledgeList,
  .knowledgeArea ul.celebrityList,
  .knowledgeArea ul.tradeinList,
  .knowledgeArea ul.oldForNewList,
  .celebrityArea ul.knowledgeList,
  .celebrityArea ul.celebrityList,
  .celebrityArea ul.tradeinList,
  .celebrityArea ul.oldForNewList,
  .tradeinArea ul.knowledgeList,
  .tradeinArea ul.celebrityList,
  .tradeinArea ul.tradeinList,
  .tradeinArea ul.oldForNewList,
  .celebrityAreaSec ul.knowledgeList,
  .celebrityAreaSec ul.celebrityList,
  .celebrityAreaSec ul.tradeinList,
  .celebrityAreaSec ul.oldForNewList,
  .oldForNewArea ul.knowledgeList,
  .oldForNewArea ul.celebrityList,
  .oldForNewArea ul.tradeinList,
  .oldForNewArea ul.oldForNewList {
    max-width: 640px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .knowledgeArea ul.knowledgeList,
  .knowledgeArea ul.celebrityList,
  .knowledgeArea ul.tradeinList,
  .knowledgeArea ul.oldForNewList,
  .celebrityArea ul.knowledgeList,
  .celebrityArea ul.celebrityList,
  .celebrityArea ul.tradeinList,
  .celebrityArea ul.oldForNewList,
  .tradeinArea ul.knowledgeList,
  .tradeinArea ul.celebrityList,
  .tradeinArea ul.tradeinList,
  .tradeinArea ul.oldForNewList,
  .celebrityAreaSec ul.knowledgeList,
  .celebrityAreaSec ul.celebrityList,
  .celebrityAreaSec ul.tradeinList,
  .celebrityAreaSec ul.oldForNewList,
  .oldForNewArea ul.knowledgeList,
  .oldForNewArea ul.celebrityList,
  .oldForNewArea ul.tradeinList,
  .oldForNewArea ul.oldForNewList {
    /*max-width: 290px;*/
    margin: 0 auto;
  }
}
@media (max-width: 440px) {
  .knowledgeArea .classBox ul.classLink li a,
  .celebrityArea .classBox ul.classLink li a,
  .tradeinArea .classBox ul.classLink li a,
  .celebrityAreaSec .classBox ul.classLink li a,
  .oldForNewArea .classBox ul.classLink li a {
    padding: 0 10px;
  }
  .knowledgeArea .classBox ul.classLink li a::before,
  .celebrityArea .classBox ul.classLink li a::before,
  .tradeinArea .classBox ul.classLink li a::before,
  .celebrityAreaSec .classBox ul.classLink li a::before,
  .oldForNewArea .classBox ul.classLink li a::before {
    width: 14px;
    right: -7px;
  }
}




.storeArea .wrap {
  width: 100%;
  max-width: 1920px;
}
@media (max-width: 1200px) {
  .storeArea .wrap {
    padding: 0;
  }
}
.storeArea .storeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #aecdcf;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 640px) {
  .storeArea .storeWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.storeArea .titleBox {
  width: 652px;
  margin: 0;
}
.storeArea .titleBox .infoBox {
  text-align: left;
  margin-left: auto;
  width: 300px;
}
.storeArea .titleBox .infoBox .enTitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 1px;
  color: #111;
  padding: 0 0 4px;
}
.storeArea .titleBox .infoBox .chTitle {
  font-size: 32px;
  font-weight: 400;
  line-height: 43px;
  letter-spacing: 0.5px;
  color: #111;
}
.storeArea .titleBox .infoBox .chSubTitle {
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.35px;
  color: #111;
  padding: 18px 0 0;
}
@media (max-width: 1680px) {
  .storeArea .titleBox {
    width: 25%;
  }
}
@media (max-width: 1440px) {
  .storeArea .titleBox {
    width: 300px;
    margin: 0;
    padding-left: 36px;
  }
}
@media (max-width: 640px) {
  .storeArea .titleBox {
    width: 100%;
    padding: 0 36px;
  }
  .storeArea .titleBox .infoBox {
    width: auto;
    text-align: center;
    padding: 40px 0 0px;
  }
}
.storeArea .storeBox {
  width: calc(100% - 652px);
  background-color: #aecdcf;
  position: relative;
  padding: 2%;
  height: 450px;
}

.storeArea .storeBox iframe {
  border-radius: 30px;
  width: 48%;
  height: 450px;
  margin-right: 1%;
}

.storeArea .storeBox > img {
  position: absolute;
  width: 100%;
  height: 100%;
  /*height: 450px;*/
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
  left: 0;
  /*opacity: 0.17;*/
  padding: 0 3%;
}
@media (max-width: 1680px) {
  .storeArea .storeBox {
    width: 75%;
  }
}
@media (max-width: 1440px) {
  .storeArea .storeBox {
    width: calc(100% - 300px);
  }
}
@media (max-width: 1200px) {
  .storeArea .storeBox {
    width: calc(100% - 300px);
  }
}
@media (max-width: 640px) {
  .storeArea .storeBox {
    width: 100%;
  }
  .storeArea .storeBox iframe {
  border-radius: 30px;
  width: 100%;
  height: 450px;
  margin-right: 0;
  margin-bottom: 1%;
  }
}
.storeArea ul.storeList {
  max-width: 980px;
  position: relative;
  padding: 80px 0 10px 70px;
  margin-left: -40px;
}
.storeArea ul.storeList li {
  max-width: 300px;
  position: relative;
  padding: 0 0 70px;
}
.storeArea ul.storeList li:hover .chTitle {
  color: #87abac;
}
.storeArea ul.storeList li:hover .chTitle::before {
  left: 0;
}
.storeArea ul.storeList li:hover .chTitle img {
  -webkit-filter: initial;
          filter: initial;
}
.storeArea ul.storeList li:nth-child(3n+1) .Txt {
  border-left: 1px solid rgba(255, 255, 255, 0);
}
.storeArea ul.storeList .Txt {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  padding-left: 40px;
  overflow: hidden;
}
.storeArea ul.storeList .chTitle {
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.6px;
  color: #fff;
  position: relative;
}
.storeArea ul.storeList .chTitle::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #87abac;
  position: absolute;
  bottom: -2px;
  left: calc(-100% - 40px);
}
.storeArea ul.storeList .chTitle img {
  width: 12px;
  height: 16px;
  opacity: 1;
  position: relative;
  -webkit-filter: grayscale(1) brightness(2);
          filter: grayscale(1) brightness(2);
}
.storeArea ul.storeList .ellipsis {
  height: 25px;
}
.storeArea ul.storeList .chExp {
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 1px;
  color: #fff;
}
.storeArea ul.storeList .chExp a {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 1px;
  color: #fff;
}
.storeArea ul.storeList .chExp a:hover {
  color: #87abac;
}
@media (max-width: 1200px) {
  .storeArea ul.storeList {
    padding: 50px 30px 30px;
    margin-left: -30px;
  }
  .storeArea ul.storeList li {
    padding: 0 0 50px;
  }
  .storeArea ul.storeList .Txt {
    border: none;
  }
}
@media (max-width: 640px) {
  .storeArea ul.storeList {
    margin: 0;
    padding: 50px 36px 30px;
  }
  .storeArea ul.storeList li {
    max-width: 200px;
    padding-right: 10px;
  }
  .storeArea ul.storeList .Txt {
    padding: 0;
    width: 200px;
  }
}
@media (max-width: 475px) {
  .storeArea ul.storeList {
    margin: 0;
  }
  .storeArea ul.storeList li {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
  .storeArea ul.storeList .Txt {
    width: 100%;
  }
}

.mattressArea {
  width: 100%;
  padding: 80px 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 960px) {
  .mattressArea {
    padding: 20px 0;
  }
}
.mattressArea .wrap {
  max-width: 1196px;
  width: 100%;
  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;
}
@media (max-width: 1366px) {
  .mattressArea .wrap {
    padding: 0 20px;
  }
}
@media (max-width: 1180px) {
  .mattressArea .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mattressArea .leftBox {
  width: 50%;
  position: relative;
  padding-right: 20px;
}
@media (max-width: 1180px) {
  .mattressArea .leftBox {
    margin: 0 auto;
    padding: 0 0 20px 0;
    width: 100%;
  }
}
.mattressArea .rightBox {
  width: 50%;
  position: relative;
}
@media (max-width: 1180px) {
  .mattressArea .rightBox {
    width: 50%;
    margin: 0 auto;
  }
}
@media (max-width: 960px) {
  .mattressArea .rightBox {
    width: 100%;
  }
}
.mattressArea .rightBox .TxtBox {
  width: 100%;
}
.mattressArea .rightBox .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.mattressArea .rightBox .bottom .controlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mattressArea .rightBox .bottom .controlBox.hide {
  display: none;
}
@media (max-width: 960px) {
  .mattressArea .rightBox .bottom .controlBox {
    display: none;
  }
}
.mattressArea .rightBox .bottom .pageBox {
  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;
  margin: 0 -15px;
}
.mattressArea .rightBox .bottom .pageBox span {
  color: #b5bfc6;
}
.mattressArea .rightBox .bottom .pageBox div {
  display: block;
  text-align: center;
  color: #465e63;
  font-size: 20px;
  font-weight: 600;
  padding: 5px 15px;
  font-weight: bold;
  letter-spacing: 0.8px;
}
.mattressArea .rightBox .bottom .pageBox div.currentPage {
  color: #b5bfc6;
  position: relative;
}
.mattressArea .rightBox .bottom .arrowBox {
  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;
  position: relative;
  pointer-events: none;
}
.mattressArea .rightBox .bottom .arrowBox .arrow {
  width: 50px;
  height: 50px;
  background-color: #465e63;
  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;
  font-size: 30px;
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
}
.mattressArea .rightBox .bottom .arrowBox .arrowNext {
  border: 2px solid #465e63;
  background-color: #fff;
  color: #465e63;
}
.mattressArea .albumOutBox {
  width: 590px;
  height: 590px;
  position: relative;
  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;
}
@media (max-width: 1180px) {
  .mattressArea .albumOutBox {
    margin: 0 auto;
  }
}
@media (max-width: 960px) {
  .mattressArea .albumOutBox {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.mattressArea .albumOutBox::before {
  content: "";
  position: absolute;
  background-image: url("../images/mattress_circle01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 560px;
  height: 560px;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 1180px) {
  .mattressArea .albumOutBox::before {
    margin: 0 auto;
  }
}
@media (max-width: 960px) {
  .mattressArea .albumOutBox::before {
    display: none;
  }
}
.mattressArea .albumBox {
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background-color: rgba(0, 74, 135, 0.1);
  overflow: hidden;
  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;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 960px) {
  .mattressArea .albumBox {
    position: relative;
  }
}
.mattressArea .albumBox::before {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  background-color: #fff;
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
}
.mattressArea .albumBox .albumList {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.mattressArea .albumBox .albumList .Img {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  overflow: hidden;
}
.mattressArea .albumBox .albumList .Img img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mattressArea .aboutClassBoxPc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 550px;
  height: 550px;
}
@media (max-width: 960px) {
  .mattressArea .aboutClassBoxPc {
    display: none;
  }
}
.mattressArea .aboutClassBoxPc .slick-list {
  overflow: unset;
}
.mattressArea .aboutClassBoxPc .aboutClassList {
  position: relative;
  width: 550px;
  min-height: 550px;
  padding: 0;
  border-radius: 50%;
  list-style: none;
}
.mattressArea .aboutClassBoxPc .aboutClassList > * {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130px;
  height: 130px;
  margin: -65px;
}
.mattressArea .aboutClassBoxPc .aboutClassList > *:nth-of-type(1) {
  -webkit-transform: rotate(90deg) translate(275px) rotate(-90deg);
          transform: rotate(90deg) translate(275px) rotate(-90deg);
}
.mattressArea .aboutClassBoxPc .aboutClassList > *:nth-of-type(2) {
  -webkit-transform: rotate(135deg) translate(275px) rotate(-135deg);
          transform: rotate(135deg) translate(275px) rotate(-135deg);
}
.mattressArea .aboutClassBoxPc .aboutClassList > *:nth-of-type(3) {
  -webkit-transform: rotate(180deg) translate(275px) rotate(-180deg);
          transform: rotate(180deg) translate(275px) rotate(-180deg);
}
.mattressArea .aboutClassBoxPc .aboutClassList > *:nth-of-type(4) {
  -webkit-transform: rotate(225deg) translate(275px) rotate(-225deg);
          transform: rotate(225deg) translate(275px) rotate(-225deg);
}
.mattressArea .aboutClassBoxPc .aboutClassList > *:nth-of-type(5) {
  -webkit-transform: rotate(270deg) translate(275px) rotate(-270deg);
          transform: rotate(270deg) translate(275px) rotate(-270deg);
}
.mattressArea .aboutClassBoxPc .aboutClassList:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  background-repeat: no-repeat;
}
.mattressArea .aboutClassBoxMb {
  display: block;
  width: 100%;
  margin: 40px auto 0;
}
@media (min-width: 961px) {
  .mattressArea .aboutClassBoxMb {
    display: none;
  }
}
@media (max-width: 960px) {
  .mattressArea .aboutClassBoxMb .aboutClassList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 960px) {
  .mattressArea .aboutClassBox .listItem {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .mattressArea .aboutClassBox .listItem {
    width: 50%;
    margin: 10px auto;
  }
}
.mattressArea .aboutClassBox .listItem a {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 130px;
  width: 130px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 17.1px 0.9px rgba(4, 0, 0, 0.09);
          box-shadow: 0px 2px 17.1px 0.9px rgba(4, 0, 0, 0.09);
  position: relative;
  pointer-events: auto;
}
@media (max-width: 960px) {
  .mattressArea .aboutClassBox .listItem a {
    margin: 0 auto;
  }
}
.mattressArea .aboutClassBox .listItem a::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid #465e63;
}
.mattressArea .aboutClassBox .listItem .icon {
  width: 50px;
  height: 50px;
  padding: 5px;
}
.mattressArea .aboutClassBox .listItem .icon img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mattressArea .aboutClassBox .listItem .Txt {
  width: 100%;
  text-align: center;
}
.mattressArea .aboutClassBox .listItem .Txt .title {
  color: #465e63;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
.mattressArea .TxtBox {
  width: 100%;
}
.mattressArea .TxtBox .Txt {
  position: relative;
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mattressArea .TxtBox .Txt .enTitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.25px;
  margin-bottom: 10px;
  color: #718d90;
  text-transform: uppercase;
}
.mattressArea .TxtBox .Txt .chTitle {
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.35px;
  margin-bottom: 15px;
}
.mattressArea .TxtBox .Txt .chTitle a {
  color: #718d90;
}
.mattressArea .TxtBox .Txt .ellipsis {
  height: 60px;
}
@media (max-width: 960px) {
  .mattressArea .TxtBox .Txt .ellipsis {
    height: auto;
    margin-bottom: 20px;
  }
}
.mattressArea .TxtBox .Txt .chExp {
  width: 610px;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  letter-spacing: 0.5px;
  color: #626262;
}
@media (max-width: 960px) {
  .mattressArea .TxtBox .Txt .chExp {
    width: 500px;
  }
}
@media (max-width: 640px) {
  .mattressArea .TxtBox .Txt .chExp {
    width: 100%;
  }
}
.mattressArea .TxtBox:hover .Txt .chTitle a {
  color: #465e63;
}

.roomArea {
  padding: 50px 0;
  background-color: #fafafa;
}
.roomArea .item {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.roomArea .Img img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.roomArea .Txt {
  padding: 30px 20px;
  background-color: #fff;
}
.roomArea .Txt p {
  height: 46px;
  font-size: 13px;
  color: #666;
  line-height: 1.8;
}
.roomArea .mTitle {
  display: none;
}
.roomArea h3 a {
  display: block;
  padding-bottom: 8px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
  color: #111;
}
.roomArea h3 a:hover {
  color: #465e63;
}

.facArea {
  padding: 50px 0;
}
.facArea li {
  padding: 0;
}
.facArea .item {
  position: relative;
  overflow: hidden;
}
.facArea .item:hover .Txt {
  top: 0;
  opacity: 1;
}
.facArea .Img img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.facArea .Txt {
  position: absolute;
  left: 0;
  top: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 100%;
  padding: 30px 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.facArea .Txt p {
  display: block;
  width: 100%;
  height: 46px;
  font-size: 13px;
  color: #fff;
  line-height: 1.8;
}
.facArea h3 {
  display: block;
  width: 100%;
}
.facArea h3 a {
  display: block;
  padding-bottom: 8px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 20px;
  border-bottom: 1px solid #838383;
  color: #fff;
}

.newsArea {
  padding: 50px 0;
  background-color: #fafafa;
}
.newsArea .item {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.newsArea .Img img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.newsArea .Txt {
  position: relative;
  padding: 30px 20px;
  background-color: #fff;
}
.newsArea .Txt p {
  height: 46px;
  font-size: 13px;
  color: #666;
  line-height: 1.8;
}
.newsArea .newIcon {
  position: absolute;
  right: 20px;
  top: 30px;
}
.newsArea h3 a {
  display: block;
  padding-bottom: 8px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
  color: #111;
}
.newsArea h3 a:hover {
  color: #465e63;
}

.mapArea .wrap {
  width: 100%;
}

#gmap_s {
  width: 100%;
  height: 400px;
}

.linkArea {
  padding: 30px 0;
  text-align: center;
}
.linkArea h4 {
  display: none;
}
.linkArea .Img img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.oldForNewArea {
  padding-bottom: 40px;
}

@media (max-width: 1180px) {
  .facArea .Txt {
    position: static;
    padding: 20px;
    opacity: 1;
    background-color: transparent;
  }
  .facArea .Txt p {
    color: #000;
  }
  .facArea h3 a {
    color: #000;
  }
  .mapArea .wrap {
    padding: 0;
  }
}
@media (max-width: 960px) {
  .aboutArea .Img {
    width: 100%;
    margin-bottom: 30px;
  }
  .aboutArea .right {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .linkArea .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .linkArea .Img {
    max-width: 280px;
  }
}


.celebrityArea .arrowBox span {
color: #fff;
  }




/*
.aboutArea {
    min-height: 634px;
    background-image: url(../images/about.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 110px;
}
.aboutArea .titleBox {
    position: relative;
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
    padding-bottom: 70px;
}
.aboutArea .titleBox:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 50px;
    background-color: #fff;
}
.aboutArea .titleBox .en {
    font-size: 80px;
    line-height: 80px;
    letter-spacing: 0;
    padding-bottom: 15px;
}
@media (max-width: 1180px) {
    .aboutArea .titleBox .en {
        font-size: 60px;
        line-height: 1;
    }
}
@media (max-width: 640px) {
    .aboutArea .titleBox .en {
        font-size: 32px;
        padding-bottom: 10px;
    }
}
.aboutArea .titleBox .en span {
    display: block;
    font-weight: 600;
}
.aboutArea .titleBox .tw {
    font-size: 25px;
    letter-spacing: 0.06em;
    color: #ffa37a;
}
@media (max-width: 640px) {
    .aboutArea .titleBox .tw {
        font-size: 20px;
    }
}
.aboutArea .Txt {
    max-width: 590px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 26px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.aboutArea .moreBtn {
    display: block;
    width: 185px;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 50px;
    text-align: center;
    border: solid 2px #fff;
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
.aboutArea .moreBtn:hover {
    border-color: #fff;
    color: #fff;
    padding-right: 60px;
}
*/


.aboutArea {
    min-height: 634px;
    background: #fdfeff;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 110px;
}
.aboutArea .titleBox {
    position: relative;
    text-align: center;
    color: #222;
    margin-bottom: 25px;
    padding-bottom: 70px;
}
.aboutArea .titleBox:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 50px;
    background-color: #222;
}
.aboutArea .titleBox .en {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: 0;
    padding-bottom: 15px;
}
@media (max-width: 1180px) {
    .aboutArea .titleBox .en {
        font-size: 90px;
        line-height: 1;
    }
}
@media (max-width: 640px) {
    .aboutArea .titleBox .en {
        font-size: 48px;
        padding-bottom: 10px;
    }
}
.aboutArea .titleBox .en span {
    display: block;
    font-weight: 600;
}
.aboutArea .titleBox .tw {
    font-size: 25px;
    letter-spacing: 0.06em;
    color: #ffa37a;
}
@media (max-width: 640px) {
    .aboutArea .titleBox .tw {
        font-size: 20px;
    }
}
.aboutArea .Txt {
    max-width: 590px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.06em;
    text-align: center;
    line-height: 26px;
    color: #222;
    margin-left: auto;
    margin-right: auto;
}
.aboutArea .moreBtn {
    display: block;
    width: 185px;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 50px;
    text-align: center;
    border: solid 2px #222;
    color: #222;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
.aboutArea .moreBtn:hover {
    border-color: #222;
    color: #222;
    padding-right: 60px;
}



.quickLinkArea .moreBtn {
    display: block;
    width: 120px;
    height: 36px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center;
    border: solid 1px #707070;
    color: #0b1517;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}
.quickLinkArea .moreBtn:hover {
    border-color: #707070;
    color: #0b1517;
    padding-right: 60px;
}