/* line 17, ../../sass/temp/landingTemp.sass */
.nav-list {
  margin-bottom: 0;
}

/* line 21, ../../sass/temp/landingTemp.sass */
.img-rwd {
  max-width: 100%;
  height: auto;
}

/* line 25, ../../sass/temp/landingTemp.sass */
.img-toBg, #banner, #sec_03, #sec_04, #sec_06, #sec_07 {
  width: 100%;
  height: 100%;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

/* line 32, ../../sass/temp/landingTemp.sass */
.fleximg {
  width: 100%;
  margin: 0 auto;
  position: relative;
  image-rendering: optimizeQuality;
}

/* line 38, ../../sass/temp/landingTemp.sass */
.fleximg:before {
  display: block;
  content: " ";
  width: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  image-rendering: optimizeQuality;
}

/* line 47, ../../sass/temp/landingTemp.sass */
.img_bk {
  overflow: hidden;
  margin-bottom: 15px;
}

/* line 53, ../../sass/temp/landingTemp.sass */
.collapseImg {
  width: 90%;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 58, ../../sass/temp/landingTemp.sass */
.bg-cover, .img-toBg, #banner, #sec_03, #sec_04, #sec_06, #sec_07, .icon:before {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* line 60, ../../sass/temp/landingTemp.sass */
.bg-cont, #banner .logo-svg {
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}

/* line 62, ../../sass/temp/landingTemp.sass */
.bg-nrp, .img-toBg, #banner, #sec_03, #sec_04, #sec_06, #sec_07, .icon:before, #banner .logo-svg {
  background-repeat: no-repeat;
}

/* line 64, ../../sass/temp/landingTemp.sass */
.bg-pos-center, .img-toBg, #banner, #sec_03, #sec_04, #sec_06, #sec_07, .icon:before {
  background-position: 50% 50%;
}

/* line 69, ../../sass/temp/landingTemp.sass */
html, body {
  font-size: 16px;
}

/* line 72, ../../sass/temp/landingTemp.sass */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
  margin: 0;
  padding: 0;
}

/* line 76, ../../sass/temp/landingTemp.sass */
.text-shadow {
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.55);
}

/* line 80, ../../sass/temp/landingTemp.sass */
.normal_font, .detail {
  font-size: 16px;
  line-height: 1.7;
}

/* line 85, ../../sass/temp/landingTemp.sass */
.detail {
  display: block;
  text-align: left;
  max-width: 900px;
  margin: 0 auto;
  color: #818181;
}

/* line 94, ../../sass/temp/landingTemp.sass */
.icon {
  display: inline-block;
}
/* line 96, ../../sass/temp/landingTemp.sass */
.icon:before {
  content: "";
  display: inline-block;
}

/* line 104, ../../sass/temp/landingTemp.sass */
a.readmore {
  font-size: 16px;
  text-decoration: none;
}
/* line 107, ../../sass/temp/landingTemp.sass */
a.readmore:hover {
  text-decoration: underline;
}

/* line 109, ../../sass/temp/landingTemp.sass */
a.readmore.blue_txt {
  color: #09F;
}

/* line 113, ../../sass/temp/landingTemp.sass */
#page {
  width: 100%;
  overflow: hidden;
}

/* line 116, ../../sass/temp/landingTemp.sass */
#banner {
  padding-bottom: 35px;
}
/* line 118, ../../sass/temp/landingTemp.sass */
#banner .title {
  font-size: 48px;
  font-weight: 400;
  margin: 0;
  margin-bottom: 15px;
}
/* line 124, ../../sass/temp/landingTemp.sass */
#banner .sub-title {
  line-height: 1.3;
}
@media (max-width: 767px) {
  /* line 124, ../../sass/temp/landingTemp.sass */
  #banner .sub-title {
    font-weight: 600;
  }
}
/* line 130, ../../sass/temp/landingTemp.sass */
#banner .feature-list {
  list-style-position: inside;
  list-style-type: disc;
  font-size: 18px;
  line-height: 1.7;
}

/* line 137, ../../sass/temp/landingTemp.sass */
.section.font_white {
  color: white;
}

/* line 139, ../../sass/temp/landingTemp.sass */
.section.font_black {
  color: #000;
}

/* line 141, ../../sass/temp/landingTemp.sass */
.section.no_pad {
  padding-bottom: 0;
}

/* line 145, ../../sass/temp/landingTemp.sass */
.section, #collapse_bk {
  padding: 35px 0;
}
@media (max-width: 767px) {
  /* line 145, ../../sass/temp/landingTemp.sass */
  .section, #collapse_bk {
    padding: 25px 0;
  }
}
/* line 149, ../../sass/temp/landingTemp.sass */
.section .section-title, .section .section-descript, .section .img, #collapse_bk .section-title, #collapse_bk .section-descript, #collapse_bk .img {
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  /* line 149, ../../sass/temp/landingTemp.sass */
  .section .section-title, .section .section-descript, .section .img, #collapse_bk .section-title, #collapse_bk .section-descript, #collapse_bk .img {
    font-weight: 600;
    text-align: left;
    line-height: 1.4;
  }
}
/* line 158, ../../sass/temp/landingTemp.sass */
.section header, #collapse_bk header {
  max-width: 950px;
  margin: 0 auto;
}
/* line 161, ../../sass/temp/landingTemp.sass */
.section header.tal > *, .section .section-title.tal, .section .section-descript.tal, #collapse_bk header.tal > *, #collapse_bk .section-title.tal, #collapse_bk .section-descript.tal {
  text-align: left;
}
/* line 163, ../../sass/temp/landingTemp.sass */
.section .section-descript, #collapse_bk .section-descript {
  margin-top: 15px;
  width: 100%;
}
/* line 166, ../../sass/temp/landingTemp.sass */
.section .section-descript > p, #collapse_bk .section-descript > p {
  max-width: 900px;
  display: inline-block;
  text-align: left;
}
/* line 170, ../../sass/temp/landingTemp.sass */
.section .section-descript h4, #collapse_bk .section-descript h4 {
  line-height: 1.4;
}

@media (min-width: 768px) {
  /* line 173, ../../sass/temp/landingTemp.sass */
  .vmiddle {
    position: relative;
    padding-top: 10%;
  }
  /* line 177, ../../sass/temp/landingTemp.sass */
  .vmiddle > * {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/* line 184, ../../sass/temp/landingTemp.sass */
.hr {
  background-color: #ddd;
  height: 1px;
  margin-top: 3%;
  margin-bottom: 3%;
}

/* line 190, ../../sass/temp/landingTemp.sass */
.center-block {
  text-align: center;
}

/* line 197, ../../sass/temp/landingTemp.sass */
.fadeout {
  opacity: 0 !important;
  display: none;
}

/* line 12, ../../sass/adm/adm_v3.sass */
#banner {
  background-image: url("../../images/admv2/adm3_0/banner-bg.png");
}

/* line 15, ../../sass/adm/adm_v3.sass */
#sec_03 {
  background-image: url("../../images/admv2/adm3_0/sec3-bg.png");
}

/* line 18, ../../sass/adm/adm_v3.sass */
#sec_04 {
  background-image: url("../../images/admv2/adm3_0/sec4-bg.jpg");
  color: #fff;
}

/* line 22, ../../sass/adm/adm_v3.sass */
#sec_06 {
  background-image: url("../../images/admv2/adm3_0/sec6-bg.jpg");
}

/* line 25, ../../sass/adm/adm_v3.sass */
#sec_07 {
  color: #fff;
  background-color: #6ac8c9;
}

/* line 30, ../../sass/adm/adm_v3.sass */
#banner {
  color: #fff;
  padding: 4% 0;
}
@media (max-width: 767px) {
  /* line 30, ../../sass/adm/adm_v3.sass */
  #banner {
    padding: 8% 0;
  }
}
/* line 35, ../../sass/adm/adm_v3.sass */
#banner .title {
  font-size: 68px;
}
@media (max-width: 767px) {
  /* line 35, ../../sass/adm/adm_v3.sass */
  #banner .title {
    font-size: 48px;
  }
}
/* line 46, ../../sass/adm/adm_v3.sass */
#banner .logo-svg {
  background-image: url("../../images/admv2/adm3_0/adm30_bate_white.svg");
  background-position: 0 50%;
  width: 67%;
  height: 75px;
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 46, ../../sass/adm/adm_v3.sass */
  #banner .logo-svg {
    width: 40%;
  }
}
@media (max-width: 991px) {
  /* line 46, ../../sass/adm/adm_v3.sass */
  #banner .logo-svg {
    min-width: 220px;
    height: 50px;
  }
}
/* line 60, ../../sass/adm/adm_v3.sass */
#banner .sub-title {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  /* line 62, ../../sass/adm/adm_v3.sass */
  #banner #banner_img {
    width: 100%;
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 62, ../../sass/adm/adm_v3.sass */
  #banner #banner_img {
    width: 100%;
    height: 421px;
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 62, ../../sass/adm/adm_v3.sass */
  #banner #banner_img {
    width: 138%;
    height: 421px;
    margin-top: -35px;
  }
}
@media (min-width: 1200px) {
  /* line 62, ../../sass/adm/adm_v3.sass */
  #banner #banner_img {
    width: 138%;
    height: 421px;
    margin-top: -35px;
  }
}
/* line 93, ../../sass/adm/adm_v3.sass */
#banner .note-info ol {
  margin-left: -25px;
}
/* line 95, ../../sass/adm/adm_v3.sass */
#banner .note-info ol li {
  margin-bottom: 15px;
}
/* line 97, ../../sass/adm/adm_v3.sass */
#banner .note-info ol a, #banner .note-info ol a:hover {
  color: #fff;
  text-decoration: underline;
}

/* line 100, ../../sass/adm/adm_v3.sass */
#sec_01 {
  background-color: #ebfafb;
}
/* line 102, ../../sass/adm/adm_v3.sass */
#sec_01 .col-2-bk > * {
  float: left;
}
/* line 104, ../../sass/adm/adm_v3.sass */
#sec_01 .txt {
  width: -moz-calc(100% - 232px);
  width: -webkit-calc(100% - 232px);
  width: calc(100% - 232px);
  padding-top: 14%;
  padding-left: 15px;
  padding-top: 15%;
}
@media (max-width: 767px) {
  /* line 104, ../../sass/adm/adm_v3.sass */
  #sec_01 .txt {
    width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 104, ../../sass/adm/adm_v3.sass */
  #sec_01 .txt {
    padding-top: 30px;
  }
}
/* line 114, ../../sass/adm/adm_v3.sass */
#sec_01 .icon:before {
  width: 232px;
  height: 175px;
}
@media (max-width: 767px) {
  /* line 114, ../../sass/adm/adm_v3.sass */
  #sec_01 .icon:before {
    width: 150px;
    height: 113px;
  }
}
@media (max-width: 991px) {
  /* line 120, ../../sass/adm/adm_v3.sass */
  #sec_01 #icon-appGroup, #sec_01 #icon-dragToDesktop {
    width: 150px;
  }
}

/* line 128, ../../sass/adm/adm_v3.sass */
#sec_02 {
  padding: 5% 0;
}
@media (max-width: 767px) {
  /* line 128, ../../sass/adm/adm_v3.sass */
  #sec_02 {
    margin-bottom: 5%;
  }
}
@media (max-width: 991px) {
  /* line 144, ../../sass/adm/adm_v3.sass */
  #sec_02 #sec_02_img {
    width: 100%;
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 144, ../../sass/adm/adm_v3.sass */
  #sec_02 #sec_02_img {
    width: 138%;
    height: 421px;
    margin-top: -35px;
  }
  /* line 152, ../../sass/adm/adm_v3.sass */
  #sec_02 #sec_02_img > img {
    position: absolute;
    left: -141px;
    top: 0;
  }
}
@media (min-width: 992px) {
  /* line 144, ../../sass/adm/adm_v3.sass */
  #sec_02 #sec_02_img {
    width: 138%;
    height: 421px;
    margin-top: -35px;
  }
  /* line 160, ../../sass/adm/adm_v3.sass */
  #sec_02 #sec_02_img > img {
    position: absolute;
    left: -141px;
    top: 0;
  }
}
/* line 166, ../../sass/adm/adm_v3.sass */
#sec_02 header {
  display: block;
  padding-top: 15%;
}
@media (max-width: 767px) {
  /* line 166, ../../sass/adm/adm_v3.sass */
  #sec_02 header {
    padding-top: 0;
  }
}

/* line 172, ../../sass/adm/adm_v3.sass */
#sec_03 * header {
  padding-top: 60px;
  color: #fff;
}
@media (max-width: 767px) {
  /* line 172, ../../sass/adm/adm_v3.sass */
  #sec_03 * header {
    padding-top: 0;
  }
}
/* line 177, ../../sass/adm/adm_v3.sass */
#sec_03 * header .section-title {
  font-size: 48px;
}
@media (max-width: 767px) {
  /* line 177, ../../sass/adm/adm_v3.sass */
  #sec_03 * header .section-title {
    font-size: 1.5em;
  }
}
/* line 182, ../../sass/adm/adm_v3.sass */
#sec_03 * #icon-group {
  text-align: center;
  color: #fff;
}
/* line 185, ../../sass/adm/adm_v3.sass */
#sec_03 * #icon-group > * {
  height: 160px;
}
@media (max-width: 767px) {
  /* line 182, ../../sass/adm/adm_v3.sass */
  #sec_03 * #icon-group {
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  /* line 182, ../../sass/adm/adm_v3.sass */
  #sec_03 * #icon-group {
    padding-top: 8vw;
  }
}
@media (min-width: 768px) {
  /* line 192, ../../sass/adm/adm_v3.sass */
  #sec_03 * #icon-group .icon-col-5 {
    width: 20%;
    float: left;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  /* line 197, ../../sass/adm/adm_v3.sass */
  #sec_03 * #icon-group .v-icon {
    margin-top: 20px;
  }
}
/* line 212, ../../sass/adm/adm_v3.sass */
#sec_03 * #icon-group span {
  display: inline-block;
  max-width: 140px;
}
/* line 216, ../../sass/adm/adm_v3.sass */
#sec_03 * .more {
  padding-top: 150px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  /* line 216, ../../sass/adm/adm_v3.sass */
  #sec_03 * .more {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

/* line 222, ../../sass/adm/adm_v3.sass */
#collapse_bk {
  padding-top: 7%;
  background-color: #efefef;
}
/* line 225, ../../sass/adm/adm_v3.sass */
#collapse_bk .collapse_sec {
  padding-bottom: 65px;
  margin-bottom: 65px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  /* line 225, ../../sass/adm/adm_v3.sass */
  #collapse_bk .collapse_sec {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
/* line 232, ../../sass/adm/adm_v3.sass */
#collapse_bk .collapse_sec:last-child {
  border-bottom: 0;
}
/* line 234, ../../sass/adm/adm_v3.sass */
#collapse_bk .section-descript {
  padding-right: 45px;
}
/* line 236, ../../sass/adm/adm_v3.sass */
#collapse_bk .collapseImg {
  overflow: hidden;
}

/* line 252, ../../sass/adm/adm_v3.sass */
#sec_04 #appIntro_bk {
  margin-top: 10%;
}
/* line 254, ../../sass/adm/adm_v3.sass */
#sec_04 #appIntro_bk > .row {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  /* line 256, ../../sass/adm/adm_v3.sass */
  #sec_04 #appIntro_bk > .row .col-2-bk {
    padding: 2% 10%;
  }
}
/* line 259, ../../sass/adm/adm_v3.sass */
#sec_04 #appIntro_bk .app-icon, #sec_04 #appIntro_bk .app-txt {
  display: inline-block;
  float: left;
}
/* line 262, ../../sass/adm/adm_v3.sass */
#sec_04 #appIntro_bk .app-icon {
  width: 88px;
  height: 88px;
  margin-right: 25px;
}
/* line 266, ../../sass/adm/adm_v3.sass */
#sec_04 #appIntro_bk .app-txt {
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  width: calc(100% - 150px);
}
/* line 268, ../../sass/adm/adm_v3.sass */
#sec_04 #appIntro_bk .app-txt h3 {
  margin-bottom: 8px;
  margin-top: 0;
}

/* line 281, ../../sass/adm/adm_v3.sass */
#sec_06 article {
  text-align: center;
  margin-top: 35px;
  padding: 0 100px;
}
@media (max-width: 767px) {
  /* line 281, ../../sass/adm/adm_v3.sass */
  #sec_06 article {
    padding: 0;
  }
}
/* line 287, ../../sass/adm/adm_v3.sass */
#sec_06 article h4 {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid;
}
/* line 291, ../../sass/adm/adm_v3.sass */
#sec_06 article h4#pc {
  color: #4797c4;
  border-color: #4797c4;
}
/* line 294, ../../sass/adm/adm_v3.sass */
#sec_06 article h4#mobile {
  color: #13b5b1;
  border-color: #13b5b1;
}
/* line 298, ../../sass/adm/adm_v3.sass */
#sec_06 article ol {
  display: inline-block;
  max-width: 350px;
}
@media (max-width: 767px) {
  /* line 298, ../../sass/adm/adm_v3.sass */
  #sec_06 article ol {
    max-width: 100%;
  }
}
/* line 304, ../../sass/adm/adm_v3.sass */
#sec_06 article ol li {
  text-align: left;
}

/* line 308, ../../sass/adm/adm_v3.sass */
#sec_07 .col-2-bk {
  margin-left: 5%;
}
/* line 310, ../../sass/adm/adm_v3.sass */
#sec_07 .col-2-bk > * {
  float: left;
}
/* line 320, ../../sass/adm/adm_v3.sass */
#sec_07 .icon {
  margin-right: 15px;
  margin-top: -9px;
}
/* line 323, ../../sass/adm/adm_v3.sass */
#sec_07 .txt {
  width: -moz-calc(92% - 90px);
  width: -webkit-calc(92% - 90px);
  width: calc(92% - 90px);
}
/* line 325, ../../sass/adm/adm_v3.sass */
#sec_07 .txt h5 {
  font-weight: 600;
  margin-bottom: 5px;
}
/* line 329, ../../sass/adm/adm_v3.sass */
#sec_07 .note_bk {
  margin-top: 35px;
}

/* line 333, ../../sass/adm/adm_v3.sass */
#sec_08 {
  padding: 0;
  background-color: #ebfafb;
}
/* line 336, ../../sass/adm/adm_v3.sass */
#sec_08 .img {
  padding: 0 25px;
}
/* line 338, ../../sass/adm/adm_v3.sass */
#sec_08 header {
  padding-top: 85px;
}
@media (max-width: 767px) {
  /* line 341, ../../sass/adm/adm_v3.sass */
  #sec_08 header .section-title {
    text-align: center;
  }
}
/* line 343, ../../sass/adm/adm_v3.sass */
#sec_08 #link_bk {
  margin-top: 35px;
  margin-bottom: 35px;
}
/* line 346, ../../sass/adm/adm_v3.sass */
#sec_08 #link_bk > * {
  max-width: 500px;
}
/* line 349, ../../sass/adm/adm_v3.sass */
#sec_08 .btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  color: #fff;
  padding: 8px 35px;
  background-color: #a2b3ba;
  margin: 0px 15px;
}
/* line 356, ../../sass/adm/adm_v3.sass */
#sec_08 .btn:hover, #sec_08 .btn:focus {
  background-color: #83949a;
}
/* line 358, ../../sass/adm/adm_v3.sass */
#sec_08 #btn-onlineDemo {
  background-color: #3ea8f3;
}
/* line 360, ../../sass/adm/adm_v3.sass */
#sec_08 #btn-onlineDemo:hover, #sec_08 #btn-onlineDemo:focus {
  background-color: #53b8ff;
}

/* line 365, ../../sass/adm/adm_v3.sass */
.openBtn {
  background-color: transparent;
  border: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  bottom: 0;
  outline: 0;
  color: #fff;
  font-weight: 600;
  opacity: 1;
}
/* line 375, ../../sass/adm/adm_v3.sass */
.openBtn:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: #4198d6;
  background-image: url("../../images/admv2/adm3_0/icon-open.svg");
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  line-height: 36px;
  margin-right: 8px;
}
/* line 387, ../../sass/adm/adm_v3.sass */
.openBtn:hover.openBtn:before {
  background-color: #50b3fa;
}
/* line 390, ../../sass/adm/adm_v3.sass */
.openBtn.rotate45:before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #757575;
}
/* line 393, ../../sass/adm/adm_v3.sass */
.openBtn:hover.rotate45:before {
  background-color: #757575;
}

/* line 398, ../../sass/adm/adm_v3.sass */
.openBtn.btn_fixed {
  position: fixed;
  top: 5px;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 999;
  color: #757575;
  opacity: 0.75;
}