body,html{margin:0;padding:0;}
a{text-decoration:none;}
/* PC */
.md-ml-14{margin-left:14px;}
.md-ml-60{margin-left:60px;}
.md-mt-12{margin-top:12px;}
.md-base-container {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.md-base-header-container {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 88px;
  background-color: #FFF;
}

.md-base-home-top {
  position: absolute;
  top: 0;
  left: 0;
}
.md-base-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  height: 88px;
  margin: 0 auto;
  background-color: #FFF;
}
.md-base-logo-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: bold;
  color: #222222;
}
.md-base-logo {
  width: 36px;
  height: 36px;
}
.md-base-link-container {
  display: flex;
  align-items: center;
}
.md-base-link {
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  line-height: 18px;
}
.md-base-link.active {
  color: #B46A45;
}
.md-base-link.active::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: #B46A45;
}
.md-base-main {
  width: 100vw;
  height: calc(100vh - 88px);
  background-color: #F9E9D9;
}
.md-home-main-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.md-home-main-info {
  width: 4.6rem;
  margin-right: 1.5rem;
  text-align: justify;
}
.md-home-title {
  font-weight: bold;
  font-size: .36rem;
  color: #B46A45;
  line-height: .48rem;
}
.md-base-sub-title {
  font-weight: 600;
  font-size: .18rem;
  line-height: .24rem;
}
.md-home-sub-title {
  margin-top: .43rem;
  color: #989898;
}
.md-home-info {
  margin-top: .2rem;
  color: #222222;
}
.md-home-link-btn {
  display: block;
  width: 180px;
  height: 60px;
  margin-top: .64rem;
}
.md-home-link-btn-img {
  width: 180px;
  height: 60px;
}
.md-home-img {
  width: 5.92rem;
  height: 5.05rem;
}
.md-cu-main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: calc(100vh - 88px - 50px);
  background-color: #F9E9D9;
}
.md-cu-main-container {
  width: 4.2rem;
  margin-right: 2.29rem;
}
.md-cu-title {
  font-weight: bold;
  font-size: .44rem;
  color: #B46A45;
  line-height: .33rem;
}
.md-cu-img {
  width: 4.56rem;
  height: 3.15rem;
}
.md-cu-sub-title {
  margin-top: .23rem;
  font-weight: 600;
  font-size: .24rem;
  color: #222222;
  line-height: .24rem;
}
.md-cu-email {
  display: flex;
  align-items: center;
  margin-top: .55rem;
  font-weight: 600;
  font-size: .16rem;
  color: #7197FE;
  text-decoration-line: underline;
}
.md-cu-email-icon {
  width: .2rem;
  height: .17rem;
  margin-right: .2rem;
}
.md-base-footer {
  height: 50px;
  font-weight: 600;
  font-size: 16px;
  color: #989898;
  text-align: center;
  line-height: 50px;
}
.md-base-link-point-container {
  position: fixed;
  right: 3.23rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
}
.md-base-link-point {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #CCCCCC;
}
.md-base-link-point.active {
  background-color: #B46A45;
}

/* mobile */
.md-mobile-container {
  background-color: #FAF9F5;
}
.md-mobile-header-container {
  height: 4.03rem;
  padding-top: .74rem;
  background: url(../images/base_bg_icon1.png);
  background-size: .682rem .682rem;
}
.md-mobile-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .48rem;
  font-weight: bold;
  font-size: .36rem;
  color: #222222;
}
.md-mobile-logo {
  width: .48rem;
  height: .48rem;
  margin-right: .15rem;
}
.md-mobile-header-info {
  margin: .29rem .75rem 0;
  font-weight: bold;
  font-size: .36rem;
  color: #B46A45;
  line-height: .48rem;
  text-align: justify;
  hyphens: auto;
}

.md-mobile-main {
  height: 7.9rem;
  background: #F9E9D9;
}
.md-mobile-main-app-img {
  width: 6rem;
  height: 5.05rem;
  margin: -1.65rem .75rem 0;
}
.md-mobile-home-link-btn {
  display: block;
  width: 3.6rem;
  margin: .6rem auto 0;
}
.md-mobile-home-link-btn-img {
  display: block;
  width: 3.6rem;
}
.md-mobile-app-info {
  margin: .57rem .76rem 0;
  font-weight: 600;
  font-size: .24rem;
  color: #787878;
  line-height: .36rem;
  text-align: justify;
  hyphens: auto;
}
.md-mobile-app-info2 {
  margin: .24rem 0 0 .76rem;
  font-weight: 600;
  font-size: .24rem;
  color: #222222;
  line-height: .24rem;
}
.md-mobile-cu-main {
  height: 4.1rem;
  padding-top: .72rem;
  background-color: #FFFFFF;
}

.md-mobile-cu-img {
  display: block;
  width: 2.4rem;
  height: 1.66rem;
  margin: 0 2.55rem;
}
.md-mobile-cu-title {
  margin-top: .48rem;
  font-weight: bold;
  font-size: .36rem;
  color: #B46A45;
  line-height: .27rem;
  text-align: center;
}
.md-mobile-us-info {
  margin-top: .34rem;
  font-weight: 600;
  font-size: .24rem;
  color: #222222;
  line-height: .24rem;
  text-align: center;
}
.md-mobile-us-email {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .3rem;
  font-weight: 600;
  font-size: .16rem;
  color: #7197FE;
  line-height: .24rem;
  text-decoration-line: underline;
}
.md-mobile-us-email-icon {
  width: .2rem;
  height: .17rem;
  margin-right: .12rem;
}
.md-mobile-base-footer {
  height: .5rem;
  background: #000000;
  font-weight: 600;
  font-size: .16rem;
  color: #989898;
  line-height: .5rem;
  text-align: center;
}

@media (max-width: 750px) {
  .md-base-container {
    display: none;
  }  
}

@media (min-width: 750px) {
  .md-mobile-container {
    display: none;
  }  
}