@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900);

html,
body {
  font-family: 'Noto Sans TC', sans-serif;
}

body {
  overflow-x: hidden;
}

a,a:hover,a:active,a:focus {
    outline: none !important; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()) !important; /* for IE */
	text-decoration: none !important;

}

a.btn-green:hover, a.btn-green:focus {
  color: #fff;
  text-decoration: underline;
}

.lightbox {
  background-color: fade(black, 80%);  
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
} 
.lightbox-container {
    position: relative;
    max-width: 960px;
    display: block;    
    padding: 0 3%;
    height: auto;
    z-index: 10;
    
}
    
.lightbox-content {
    box-shadow: 0 1px 6px fade(black, 70%);
}
  
.lightbox-close {
    text-transform: uppercase;    
    background: transparent;
    position: absolute; 
    font-weight: 300;      
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -22px;
    right: 3%;
  }

.video-container {  
    padding-bottom: 56.25%;
    position: relative;  
    padding-top: 30px; 
    overflow: hidden;
    height: 0; 
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;  
    width: 100%;  
    left: 0;  
    top: 0;
}


a:hover {
  color: inherit;
  opacity: 0.8;
}

a.active {
  color: #efecbf !important;
}

.features h1,
.deploy h1 {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
}
/* header */
.Header {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding-top: 18px;
  background: #fff;
  z-index: 9999;
}
.Header::before {
  content:'';
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  background: #65dce8;
}
.logo {
  width: 138px;
  height: 39px;
  margin: 25px 0 0;
}
.menuBox,
.mobilemenuBox {
  margin-top: 40px;
}
.menuBox a {
  margin-right: 44px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
}
.mobilemenuBox a {
  margin-right: 44px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #fff;
}
.menuBox a:hover,
.mobilemenuBox a:hover {
  color: #e84d07;
  cursor: pointer;
  opacity: 1;
}
.menu {
  position: relative;
}

nav ul li {
  display: inline-block
}

nav ul li ul {
  display: none;
  margin-top: 20px; }
  nav ul li ul li {
    display: block; 
    padding: 15px 30px 15px 30px;
  }
  nav ul li ul li:first-child {
    padding-top: 30px;
  }
  nav ul li ul li:last-child {
    padding-bottom: 30px;
  }
    nav ul li ul li:hover {
      background-color: #000;
    }
    nav ul li ul li:hover a {
      color: #ff4f00 !important;
      opacity: 1;
    }
.topicbox {
  margin-top: 140px;
}
.applydirector{
    padding-top:110px;
}


.arrow {
  width: 0;
  height: 0;
  margin-left: 275px;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 9px solid #FEFEFE;
  position: absolute;
  top: -9px; }

.fa-chevron-up {
  margin-left: 7px; }


.rotate1,.rotate2 {
  moz-transition: all 0.3s linear;
  webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

.rotate1.down,.rotate2.down {
  moz-transform: rotate(180deg);
  webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

  .inBox1,.inBox2 {
    position: absolute;
    right: 48px;
    padding: 0;
    text-align: right;
    width: 200px;
    background: #242424;
    z-index: 2;
  }
  .inBox1 a,.inBox2 a {
    margin: 0;
    color: #fff;
  }
  .inBox1 a:hover,.inBox2 a:hover {
    color: #ff4f00 !important;
  }

  .inBox1::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #242424;
    position: absolute;
    right: 40px;
    top:-7px;
    transform: rotate(-45deg);
    z-index: -1;
  } 

  .inBox2::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #242424;
    position: absolute;
    right: 20px;
    top:-7px;
    transform: rotate(-45deg);
    z-index: -1;
  }
  .menuBox2,
  .mobilemenuBox2 {
    margin-top: 34px;
  }
  .menuBox2 {
    text-align: right;
  }
  .plr40 {
    padding-left:40px;
    padding-right: 40px;
  }
  .menuBox2 a,
  .mobilemenuBox2 a {
    color: #fff;
    display: inline-block;
    font-size: 13px; 
    font-weight: 400; 
    letter-spacing: 0.02em; 
    padding: 4px 15px 6px 15px; 
    border-radius: 15px; 
    min-width: 70px;
  }
  .menuBox2 a:first-child,
  .mobilemenuBox2 a:first-child {
    background: #009698;
    margin-right: 8px;
  }
  .menuBox2 a:last-child,
  .mobilemenuBox2 a:last-child {
    background: #ef7263;
  }
  .banner {
    height: 630px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-top: 120px;
    padding-left: 80px;
    padding-right: 80px;
  }
  .bannerh1 {
    font-size: 80px; 
    font-weight: 400; 
    line-height: 80px; 
    letter-spacing: 0em;
    color: #fff8e2;
  }
  
.banner_video {
    height: 390px;
    width: 100%;
    margin-bottom: 110px;
    position:relative;
}
.row.video-wrapper {
    padding:0 215px;
}
  .flexBox {
    display: flex;
    flex-direction: row;
  }
  .flexBox .inflexbox {
    width: 205px;
    height: 160px;
    margin: 0 15px;
  }
  .flexBox .inflexbox2 {
    margin: 0 15px;
    display: flex;
    margin-left: 100px;
  }
  .flexBox .inflexline {
    height: 200px;
    width: 1px;
    margin: 0 100px;
    background: #fff;
  }
  .flexBox a {
    display: inline-block;
  }
  .flexBox a:first-child {
    font-size: 18px; 
    font-weight: 300; 
    letter-spacing: 0.02em; 
    padding: 16px 55px 18px 55px; 
    min-width: 144px;
    background: #01bec3;
    color: #fff;
    margin-right: 75px;
  }
  .flexBox a:last-child {
    font-size: 18px; 
    font-weight: 300; 
    letter-spacing: 0.02em; 
    padding: 14px 55px 20px 55px; 
    min-width: 144px;
    border: 2px #fff solid;
    color: #fff;
	border-radius: 0;
  }
  
.banner_video .flexBox {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -32px;
}
.banner_video .flexBox a:last-child {
    background-color:#00ADB1 !important;
    border:0;
    width:220px;
    height:64px;
    padding: 19px 62px 21px 84px;
}
  .copyright-link {
    border: none !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-stretch: normal;
    line-height: 4;
    letter-spacing: 0.05em;
    text-align: left;
    color: #878787 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  a.downloadIcon {
    font-size: inherit !important; 
    font-weight: none !important; 
    letter-spacing: none !important; 
    padding: 0 !important; 
    min-width: auto !important;
    background: none !important;
    margin-right: none !important;
    cursor: pointer;
    border: none !important;
  }

  .startBtn1 {
    display: inline-block;
    font-size: 18px !important;
    font-weight: 100 !important;
    letter-spacing: 0.02em !important;
    padding: 18px 33px 19px 33px !important;
    min-width: 144px !important;
    background: #01a1a7 !important;
    color: #fff !important;
    border: none !important;
    margin: 35px 0 3px 76px !important;
    text-align: center;
}
.startBtn2 {
  display: inline-block;
  font-size: 18px !important;
  font-weight: 100 !important;
  letter-spacing: 0.02em !important;
  padding: 18px 33px 19px 33px !important;
  min-width: 144px !important;
  background: #f66857 !important;
  color: #fff !important;
  border: none !important;
  margin: 35px 0 3px 76px !important;
  text-align: center;
}

  .box {
    width: 100%;
  }
  .colorfff {
    color: #fff;
  }
  .bgeee {
    background: #eee;
  }
  .bg5dbcca {
    background: #5dbcca !important;
  }
  .bgfef3db {
    background: #fef3db !important;
  }
  .colorff4b5f {
    color: #ff4b5f !important;
  }
  .color00d9e8 {
    color: #00d9e8 !important;
  }
  .infoBox {
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
	padding-top: 1px;
  }
  .infoBoxinBox {
    margin-bottom: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .bgimg {
    width: 200px;
    height: 160px;
  }
  .bgimg + div {
    width: 200px;
    min-height: 240px;
    text-align: center;
	padding-bottom:100px;
  }
  .infoBoxh2 {
    font-size: 54px; 
    font-weight: 100; 
    line-height: 54px; 
    letter-spacing: -0.01em;
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .inboxh3 {
    font-size: 30px; 
    font-weight: 500; 
    line-height: 30px; letter-spacing: -0.01em;
  }
  .inboxh4 {
    font-size: 25px; 
    font-weight: 400; 
    line-height: 25px; 
    letter-spacing: -0.01em;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .inboxh4 + p {
    font-size: 1.0em; 
    font-weight: 300; 
    line-height: 21px; 
    letter-spacing: 0.01em;
  }
  .photo560500 {
    /* width: 560px; */
    height: 500px;
  }

  .normalP {
    font-size: 18px; 
    font-weight: 300; 
    line-height: 30px; 
    letter-spacing: 0.01em;
    text-align: center;
  }
  .midP {
    font-size: 16px; 
    font-weight: 300; 
    line-height: 24px; 
    letter-spacing: -0.01em;
  }
  .smallP {
    font-size: 14px; 
    font-weight: 100; 
    line-height: 20px; 
    letter-spacing: -0.01em;
  }
  .bold {
    font-weight: 500;
  }
  .mauto{
      margin:0 auto;
  }
  .mt27 {
    margin-top: 27px;
  }
  .mt130 {
    margin-top: 130px;
  }
  .mt100 {
    margin-top: 100px;
  }
  .mlm30{
	margin-left:-30px;  
  }
  .mb95 {
    margin-bottom: 95px;
  }
  .mb125 {
    margin-bottom: 160px;
  }
  .textLeft {
    text-align: left !important;
  }
  .textLeft p {
    text-align: left;
  }
  .textcenter {
    text-align: center;
  }
  .mr4 {
    margin-right: 4%;
  }
  .mt45 {
    margin-top: 25px;
  }
  .mb45 {
    margin-bottom: 45px;
  }
  .mlrauto {
    margin: 0 auto;
    text-align: -webkit-center;
    text-align: -moz-center;
  }
  /* .full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  } */
  .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .item {
    height: 600px;
  }
  .item>a{
      display: block;
      height: 100%;
      width: 50%;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      margin: 0 auto 0 80px;
  }

  .carousel {
    height: 600px;
    margin-bottom: 170px;
  }
  .carousel-indicators {
    position: absolute;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    z-index: 999;
    bottom: -90px;
}
.carousel-indicators li {
  border: 1px solid #333;
  margin-right: 7px;
  margin-left: 7px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  background-color: #333;
  margin-right: 7px;
  margin-left: 7px;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  left: auto;
  top: 20%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000;
  text-align: left;
  max-width: 270px;
  text-shadow: none;
}
.right.carousel-control,.left.carousel-control {
  display: none;
}
.ptb100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.mb35 {
  margin-bottom: 35px;
  /* margin-left: -95px; */
}
.mbt35 {
  margin-top: 35px;
  margin-bottom: 35px;
  /* margin-left: -95px; */
}
.mt35 {
  margin-top: 35px;
  /* margin-left: -95px; */
}
.mtb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.mt100 {
  margin-top: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.mt61mb79 {
  margin-top: 65px;
  margin-bottom: 100px;
}
.flexrow {
  display: flex;
  flex-direction: row;
}

.thumbicon {
  width: 183px;
  height: 120px;
  margin: 0 auto;
}
.infop1 {
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}
.infop2 {
  font-size: 14px;
  line-height: 35px;
}
.inlinebox {
  display: inline-block;
  height: 120px;
}
.btn-green {
  width: 234px;
  height: 65px;
  margin: 100px auto;
  display: block;
  padding: 17px 1px 31px;
  background: #009698;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
}
.hasmobiledotted::after {
  content: '';
  display: block;
  height: 10px;
  width: 90%;
  margin: 0 10px 0 auto;
  border-bottom: 1px dashed #868686;
}
.inphoto {
  width: 100%;
  height: 160px;
}
.inphoto.haswidth {
  width: 205px;
  height: 160px;
  background: #878787;
}
.inphoto + p {
  width: 170px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.justifycenter {
  justify-content: center;
  align-items: center;
}
.mt100mb109 {
  margin-top: 100px;
  margin-bottom: 109px;
}
.heightauto {
  height: auto !important;
  min-height: 170px;
}
.marginleft27 {
  margin-left: 18% !important;
}
.inflexbox .inphoto + p.bold {
  font-size: 25px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-top: 29px;
}
.footerbox {
   background: #909090;
}
.footerlogo {
  width: 148px;
  height: 42px;
}
.addressbox {
  min-width: 280px;
}

.addressbox p:first-child {
  font-size: 18px;
  letter-spacing: 0.45px;
  line-height: 18px;
  color: #fff;
  margin-top: 18px;
  font-weight: 200;
}
.addressbox p:last-child {
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 200;
}
.addressbox a {
  color: #fff;
  font-size: 13px !important;
  letter-spacing: 0.02em;
  padding: 0 !important;
  background:  none !important;
  margin-right: 0 !important;
}
.contantus {
  border: 2px solid #c1c1c1 !important;
  padding: 4px 15px 7px !important;
  letter-spacing: 0.1em !important;
  font-size: 13px !important;
  min-width: auto !important;
  margin-top: 3px;
  font-weight: 300;
}
.footerboxtitle {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: center;
  color: #d0d0d0;
}
.facebookicon,
.tubeicon {
  width: 76px !important; 
  height: 76px !important;
  margin: 0 auto !important;
  min-width: 76px !important;
  padding: 0 !important;
}
.tubeicon {
  border: none !important;
}
.wechaticon {
  width: 120px;
  height: 120px;
  margin-left: calc( 50% - 60px);
  border: none !important;
}
.mt32 {
  margin-top: 32px;
}
.mt40 {
  margin-top: 40px;
}
.footerboxmenu.width100 {
  width: 100px;
}
.footerboxmenu.width150 {
  width: 150px;
}
.footerboxmenu a {
  display: block;
  border: none !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: #fff !important; 
  padding-bottom: 12px !important;
}
.footerboxbottombox {
  height: 60px;
  background: #383838; 
}
.lanbox a {
  font-weight: 100 !important;
  letter-spacing: 0.02em !important;
  padding: 0 !important;
  min-width: auto !important;
  background: none !important;
  color: #fff;
  margin-right: auto !important;
  border: none !important;
  margin: 20px;
  font-size: 12px !important;
  position: relative;
}

.lanbox a:first-child::after {
   content: '';
   display: block;
   position: absolute;
   width: 1px;
   height: 10px;
   background: #fff;
   top: 4px;
   right: -12px;
}
.lanbox a:last-child::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 10px;
  background: #fff;
  top: 4px;
  left: -12px;
}
.copyrightbox {
  position: absolute;
  top: 4px;
  right: 64px;
}
.copyrightbox p {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 4;
  letter-spacing: 0.05em;
  text-align: left;
  color: #878787;
}
.re {
  position: relative;
}

.mobilemenuBox,
.mobilemenuBox2,
.mobilemenuBoxBG,
.mobilefooterbox,
.mobilemenu,
.closemobilemenu,
.box.bgeee.mobile {
  display: none;
}

.toph2 {
  margin: 29px auto 40px;
}
.toph2short {
  margin: 29px auto -23px;
}
.toph2 p.title {
  font-size: 56px;
  font-weight: 400;
  text-align: center;
}
.toph2 p.description {
  text-align: center;
  font-size: 24px;
  font-weight: 200;
  margin-top: -10px;
  padding-bottom: 10px;
}
.hasborderbottom:after {
   content: '';
   display: block;
   height:1px;
   background: #dcdcdc;
   /* width: 62%; */
   margin: 0 auto;
}
.hasabborderbottom:after {
   content: '';
   display: block;
   height: 1px;
   /* width: 62%; */
   margin: 23px auto;
   background: #e8e8e8;
}

.childcarebannerhasphoto1 {
  width: 71px;
  height: 122px;
}
.childcarebannerhasphoto2,
.childcarebannerhasphoto3,
.childcarebannerhasphotodownload {
  width: 111px;
  height: 122px;
}

.pt42 {
  padding-top: 42px;
}
.childcarebanner .btn {
  font-size: 18px;
  font-weight: 100;
  letter-spacing: 0.02em;
  padding: 18px 33px 19px 33px;
  min-width: 144px;
  background: #01a1a7;
  color: #fff;
  border: none !important;
  margin: 35px 0 3px !important;
}
.childcarebanner .inpression {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.02em;
  max-width: 170px;
  color: #fff;
  margin: 35px 0 3px;
}
.mr88 {
  margin-right: 88px;
}
.ml88 {
  margin-left: 88px;
}
.mt70 {
  margin-top: 70px;
}
.qr {
  width: 162px;
  height: 162px;
}
.qr2 {
  width: 162px;
  height: 162px;
}
.fontcolor {
  color: #fff;
}
.iosstorebtn,
.androidstorebtn,
.iosstorebtn2,
.androidstorebtn2 {
   width: 162px;
   height: 52px;
   display: block !important;
   border: none !important;
}

.iosstorebtn,
.iosstorebtn2 {
  margin-top: 30px;
  margin-left: 20px;
}
.androidstorebtn,
.androidstorebtn2 {
  margin-top: 15px;
  margin-left: 20px;  
}

.qrwrapper{
    overflow:hidden;
}
.qrwrapper .iosstorebtn,.qrwrapper .iosstorebtn2{
    margin-top:15px;
    margin-left:0px;
    width:150px;
    height:48px;
    margin-right:60px;
}
.qrwrapper .androidstorebtn,.qrwrapper .androidstorebtn2{
    margin-top:15px;
    margin-left:0px;
    width:150px;
    height:48px;
}

.infotitle {
  font-size: 46px;
  font-weight: 300;
}
.mtb100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.mt100b27 {
  margin-top: 100px;
  margin-bottom: 27px;
}
.photo560440 {
  width: 560px;
  height: 440px;
}

.photo560668 {
  width: 560px;
  height: 668px;
}

.photo600524 {
  width: 600px;
  height: 524px;
}

.font26normal {
  font-size: 26px;
  font-weight: 300;
}
.font20500 {
  font-size: 20px;
  font-weight: 500;
}
.font16300 {
  font-size: 16px;
  font-weight: 300;
}
.ml51 {
  margin-left: 51px;
}
.mb27 {
  margin-bottom: 27px;
}
.ml93 {
  margin-left: 93px;
}
.mt0 {
  margin-top: 0;
}
.pt82 {
  padding-top: 82px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb100 {
  margin-bottom: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.mb48 {
  margin-bottom: 48px;
}
.ptb100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.width48p {
  width: 48%;
}
.photo126 {
  width: 126px;
  height: 126px;
  margin-right: 19px;
}
a.menuactive {
  color: #e84d07 !important;
}
.justifyspacebetween {
  justify-content: space-between;
}
.aligncenter {
  align-items: center;
}
.h50box {
  height: 50px;
}
.font15300 {
  font-size: 15px;
  font-weight: 300;
}
.mb48 {
  margin-bottom: 48px;
}
.colorfff {
  color: #fff;
}
.pt90pb30 {
  padding-top: 90px;
  padding-bottom: 30px;
}
.pinblock {
  display: inline-block;
}
.nostyle1200 li {
  list-style: none;
  margin-top: 20px;
}
.hasicon {
  position: relative;
}
.hasicon::before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 9px;
  top: 12px;
  left: -28px;
}
.hasicon.block::before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 9px;
  top: 12px;
  left: -28px;
}
.mtex9 {
  margin-top: -9px;
  margin-bottom: 45px;
}
.display676 {
  display: none;
}
.hasml30 {
  margin-left: 30px;
}
.pricebox {
  width: 440px;
  height: 580px;
  background: #009698;
  max-width:100%;
}
.pricebox.box1 {
  margin-right: 30px;
}
.pricebox.box2 {
  margin-left: 30px;
}
.pt20 {
  padding-top: 20px;
}
.titlebox,
.titlebox2,
.contentbox,
.contentbox2,
.pricefooterbox,
.pricefooterbox2
 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.titlebox {
  height: 60px;
  background: #2f2f2f;
  color: #00e8ff;
  text-align: center;
}
.titlebox2 {
  height: 60px;
  background: #2f2f2f;
  color: #f26b69;
  text-align: center;
}
.contentbox {
  height: 265px;
  background: #dbfaff;
  border-left: 2px solid #42b4c7;
  border-right: 2px solid #42b4c7;
}
.contentbox2 {
  height: 265px;
  background: #ffe4e2;
  border-left: 2px solid #da7977;
  border-right: 2px solid #da7977;
  flex-direction: column;
}
.pricefooterbox {
  height: 255px;
  background: #42b4c7;
}
.pricefooterbox2 {
  height: 255px;
  background: #da7977;
}

.font24normal {
  font-size: 24px;
  font-weight: 300;
}
.ptb11 {
  padding-top: 11px;
  padding-bottom: 11px;
}
.font45500 {
  font-size: 45px;
  font-weight: 500;
}
.color42b4c7 {
  color: rgba(0, 126, 149, 0.9);
}
.nomargin {
  margin: 0;
}
.font18300 {
  font-size: 18px;
  font-weight: 300;
}
.pricefooterbox a,
.pricefooterbox2 a {
  margin: 0 auto !important;
  display: block;
  border: none !important;
}
.pricefooterbox a {
  background: #007e95 !important;
  color: #fff !important;
  padding: 20px 84px !important;
}
.pricefooterbox2 a:first-child {
  background: #ff8e3b !important;
  color: #fff !important;
  padding: 19px 29px !important;
}
.pricefooterbox2 a:last-child {
  background: #bf3c39 !important;
  color: #fff !important;
  padding: 19px 29px !important;
  text-align: center;
  margin-top:25px !important;
}
.pricefooterbox a {
  _margin: 10px !important;
  *margin: 10px !important;
  margin: 10px \0 !important;
  margin: 10px \ !important;
  margin: 10px \9\0 !important;
  margin: 10px \9 !important;
  display: block;
 }
 *::-ms-backdrop, .pricefooterbox a{ margin: 10px !important; }
.font36500 {
  font-size: 36px;
  font-weight: 500;
}
.colorbf3c39 {
  color: #bf3c39;
}
.font120normal {
  font-size: 120px;
  font-weight: 400;
}
.pt47 {
  padding-top: 47px;
}
.pt90 {
  padding-top: 90px;
}
.ml25r30 {
  margin-left: 25px;
  margin-right: 30px;
}
.font42300 {
  font-size: 42px;
  font-weight: 300;
}
.ptb100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb14 {
  padding-bottom: 14px;
}
.faqbox {
  margin-left: 30%;
  position: relative;
}
.faqbox .mt69ml100::before {
  content: '';
  display: block;
  width: 1px;
  height: 105%;
  top: -60px;
  left: 10px;
  position: absolute;
  border-left: 1px solid #e8e8e8;
}
.font42300 {
  font-size: 42px;
  font-weight: 300;
}
.mt69ml100 {
  margin-top: 60px;
  margin-left: 100px;
}
.hasassets {
  position: relative;
}
.hasassets::after {
  content: '';
  display: block;
  margin-left: 3px;
  margin-top: 18px;
  width: 31px;;
  height: 2px;
  background: #000;
}
.faqbox article {
  margin: 50px 5px 50px 50px;
}
.faqbox section {
  width: 67%;
  margin-top: 64px;
}
.faqbox section br{
  display: block; 
  margin: 1px 0;
  }
.faqbox section a{
  color:#e84d07;
  }
.faqbox section:after {
  content: '';
  display: block;
  border-bottom: 1px solid #e8e8e8;
}
.faqbox article p {
  margin-top: 18px;
  margin-bottom: 18px;
  line-height:1.5;
}
.faqbox article li{
  font-size:16px;
  margin-bottom:12px;
  }
.font26normal {
  font-size: 26px;
  font-weight: 400;
}
.font16300 {
  font-size: 16px;
  font-weight: 300;
}
.faqbox .haslefticon {
  position: relative;
  margin-bottom:32px;
}
.faqbox .haslefticon::before {
  position: absolute;
  content: '';
  display: block;
  left: -46px;
  top: 2px;
  width: 35px;
  height: 35px;
}
.faqbox ul {
  padding-top: 20px;
  padding-left: 20px;
}
.faqbox li {
  font-size: 15px;
  line-height: 24px;
  /* list-style: decimal; */
}
.faqbox a {
  color: #000;
  font-weight:400;
}
.faqbox a.active {
  color: #e84d07 !important;
}
.faqmenupc {
  transition: 1s ease;
  position: fixed;
  left: 20.7%;
  top: 326px;
}
.faqmenupc ul {
  padding:0;
}
.faqmenupc li {
  list-style: none;
  line-height: 30px;
  text-align: right;
  margin-bottom: 10px;
}
.faqmenumobile {
  display: none;
}
.faqbtn {
  display: none;
}
.pb20 {
  padding-bottom: 20px;
}

.videomenubox {
  justify-content: center;
  align-items: center;
  display: flex;
  padding-bottom: 15px;
}
.videomenubox a {
  font-size: 21.5px;
  color: #000;
}
.videomenubox a.active {
  color: #e84d07 !important;
}
.videomenubox a:first-child::after {
  content: '/';
  display: inline-block;
  width: 8px;
  height: 21px;
  color: #000;
  margin-right: 40px;
  margin-left: 40px;
}
.videomenubox a:last-child::before {
  content: '/';
  display: inline-block;
  width: 8px;
  height: 21px;
  color: #000;
  margin-left: 40px;
  margin-right: 40px;
}
.videobox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom : 100px;
}
.videoinbox {
  min-height: 350px;
  margin: 15px;
  max-width: 350px;
}
.videoinboxphoto {
  background: #333 !important;
  width: 360px;
  height: 213px;
  margin-right: 0 !important;
}
.videoinboxphoto.style2 {
  height: auto;
  width: auto;
}
.videoinbox p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding-top: 17px;
}
.m0auto {
  margin: 0 auto;
}
.lightbox,.lightbox1 {
  display: none;
}
.lightbox.show,.lightbox1.show {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.lightbox-content {
   min-width: 870px;
   height: auto;
   /* padding: 10px; */
   background: #000;
}

.lightbox-content iframe {
  width: 100%;
  height: 100%;
}


.videobox .flexBox {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.ptb100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.font42300 {
  font-size: 42px;
  font-weight: 300;
}
.font34500 {
  font-size: 34px;
  font-weight: 500;
}
.pb76 {
  padding-bottom: 76px;
}
.font26normalRed {
  font-size: 26px;
  font-weight: 400;
  color: #be1818;
}
.font16300 {
  font-size: 16px;
  font-weight: 300;
}
.mlex16 {
  margin-left: -16px;
}
.mlex6 {
  margin-left: -6px;
}
.mt20mb50 {
  margin-top: 20px;
  margin-bottom:50px;
}
.about ul {
  padding: 0 0 0 26px;
}
.font20500 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 4px;
}
.mb0 {
  margin-bottom: 0;
}
.mb30 {
  margin-bottom: 30px;
}
.ptb99 {
  padding-top: 99px;
  padding-bottom: 99px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.privacybox a {
  color: #e84d07;
}
.privacybox ul {
  padding: 0 0 0 18px;
  margin-top: 30px;
}
.privacybox li {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}
.ptb79 {
  padding-top:79px;
  padding-bottom: 79px;
}
.font26500 {
  font-size: 26px;
  font-weight: 500; 
}
.textright {
  text-align: right;
}
.iframe-rwd {
  position: relative;
  padding-bottom: 50%;
  padding-top: 30px;
  height: 342px;
  margin-top: 50px;
  overflow: hidden;
  border:#fff 1px solid;
}
.iframe-rwd.byCN {
  background-size: 200%;

}
.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.positionre {
  position: relative;
}
.hasborderright::after {
  content: '';
  display: block;
  position: absolute;
  top: -79px;
  right: -36px;
  border-right: 1px solid #d7d7d7;
  height: 755px;
}
.pl75r25 {
  padding-left: 75px;
  padding-right: 25px;
}
.font26300 {
  font-size: 26px;
  font-weight: 300;
}
.font14300 {
  font-size: 14px;
  font-weight: 300;
}
.font15400 {
  font-size: 15px;
  font-weight: 400;
}
.mr16 {
  margin-right: 16px;
}
.pa20 {
  padding: 20px;
  border: 1px solid #d7d7d7;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  color: #000;
  height: 55px;
}
.form-control::placeholder {
  color: #767676;
  opacity: 1;
  font-size: 14px;
  font-weight: 300;
}
.height260 {
  height: 260px !important;
}
.font18300 {
  font-size: 18px;
  font-weight: 300;
}
.btn1 {
  width: 200px;
  background: #007e95;
  color: #fff;
  border: 1px solid #007e95;
  padding-top: 12px;
  padding-bottom: 15px;
  margin-top: 11px;
}
.mt50 {
  margin-top: 50px;
}
.form-group {
  margin-bottom: 15px;
  position: relative;
}

.errorsub {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #e62600;
  margin: 2px 0 0 3px;
  position: absolute;
  left: 5px;
  bottom: -10px;
}
.form-control.error + .errorsub {
  display: block;
}

.error {
  font-size: 12px;
  font-weight: 400;
  color: #e62600;
}


.font21normal {
  font-size: 21px;
  font-weight: 300;
}
.colorbf3c39 {
  color: #bf3c39;
}
.font56normal {
  font-size: 56px;
  font-weight: 300;
}
.font42300 {
  font-size: 42px;
  font-weight: 300;
}
.pl85pr30 {
  padding-left: 76px;
  padding-right: 50px;
}
ul.pl85pr30 {
  padding-left: 93px;
}
.hasicon1,
.hasicon2,
.hasicon3,
.hasicon4,
.hasicon5 {
  position: relative;
}
.hasicon1::before,
.hasicon2::before,
.hasicon3::before,
.hasicon4::before,
.hasicon5::before {
  content: '';
  display: block;
  position: absolute;
  width: 65px;
  height: 65px;
  left: -2px;
}
.pt100 {
  padding-top: 100px;
}
.gsul1 {
  list-style: decimal;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px;
}
.gsul2 {
  list-style: circle;
  margin-top: 50px;
  color: #be1818;
  font-size:0.9em;
  font-weight:400;
}
.gsul2 li{
	margin: 8px 0 ;
	line-height: 1.35em;
}
.gsbox {
  background: #eee;
  padding: 77px 100px 75px 100px;
  margin-right: -1.5%;
}
.gsphoto img {
  width: 100%;
}
.gsbox a {
  color: #e84d07;
}
.pr0 {
  padding-right: 0;
}
.qr.hasborder {
  border: 1px solid #dcdcdd;
}
.iosstorebtn.mt21 {
  margin-top: 21px;
}
.maxw380 img {
   max-width: 380px;
}
.ml50 {
  margin-left: 50px;
}
.waterfall {
     column-count: 2;
     column-gap: 25px;
}
              
.waterfallitem{
      box-sizing: border-box;
      break-inside: avoid;
}
.waterfallitem-content{
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 35px 55px 55px 60px;
      height: auto;
      box-sizing: border-box;
      border: 1px solid #d7d7d7;
      background: #fff;
      margin-top: 35px;
      margin-bottom: 80px;
}

.mobiletestimonials {
  display: none;
}
.asset2 {
  width: 28px;
  height: 26px;
}
.font18200 {
  font-size: 18px;
  font-weight: 300;
  line-height:1.65;
}
.font14500{
  font-weight: 500;
  }
.mtb18 {
  margin-top: 18px;
  margin-bottom: 36px;
}
.toph2.style2 {
  margin: 29px auto 26px;
}
.waterfallitem {
  position: relative;

}
.waterfallitem:nth-child(odd):after {
  content: '';
  display: block;
  position: absolute;
  bottom: -36px;
  right: 60px;
  width: 37px;
  height: 37px;
}
.waterfallitem:nth-child(even):after {
  content: '';
  display: block;
  position: absolute;
  bottom: -36px;
  left: 60px;
  width: 37px;
  height: 37px;
}

@media screen and (max-width: 1630px) {
  .faqbox {
    margin-left: 28%;
  }
  .faqmenupc {
    left: 16%;
  }
  .hasborderbottom::after {
    /* width: 71%; */
  }
  .hasabborderbottom::after {
    /* width: 71%; */
  }
}
@media screen and (max-width: 1430px) {
  .faqbox {
    margin-left: 26%;
  }
  .faqmenupc {
    left: 12%;
  }
  .hasborderbottom::after {
    /* width: 83%; */
  }
  .hasabborderbottom::after {
    /* width: 83%; */
  }
}



@media screen and (max-width: 1200px) {
  .menuBox,
  .menuBox2 {
    display: none;
  }
  .mobilemenuBox,
  .mobilemenuBox2,
  .mobilemenuBoxBG,
  .mobilemenu,
  .closemobilemenu {
    display: block;
  }
  #mobileul1 li a,
  #mobileul2 li a {
    font-size: 14px;
  }
  #mobileul1,
  #mobileul2 {
    background: #000;
  }
  .menuBox2 {
    margin-left: 0px;
  }
  .mobilemenu {
    width: 30px;
    height: 17px;
    position: absolute;
    right: 30px;
    top: 55px;
  }
  .closemobilemenu {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 30px;
    top: 30px;
  }
  .mobilemenu,
  .closemobilemenu {
    cursor: pointer;
  }
  .mobilemenuBoxBG {
    background: #000;
    position: absolute;
    top: 18px;
    right: -100%;
    width: 100%;
    height: 370px;
  }
  .mobilemenuBoxBG.inactive {
    -moz-animation: mobilemenuani 1s ease;
    animation: mobilemenuani 1s ease;
    right: 0;
  }
  @-webkit-keyframes mobilemenuani {
    0% { right: -100%}
  100% { right: 0;}
  }
  @-moz-keyframes mobilemenuani {
    0% { right: -100%}
  100% { right: 0;}
  }
  @-ms-keyframes mobilemenuani {
    0% { right: -100%}
  100% { right: 0;}
  }
  @-o-keyframes mobilemenuani {
    0% { right: -100%}
  100% { right: 0;}
  }
  @keyframes mobilemenuani {
    0% { right: -100%}
  100% { right: 0;}
  }
  .mobilemenuBox,
  .mobilemenuBox2 {
    position: absolute;
  }
  .mobilemenuBox {
    top: 50px;
    right: -9px;
  }
  .mobilemenuBox2 {
    right: 30px;
  }
  #mobileul1 li>a,
  #mobileul2 li>a {
    padding: 8px 0 8px 0 !important;
	display:block;
  }
  #mobileul1 li,
  #mobileul2 li {
    padding: 0 !important;
  }
  .item>a {
    margin: 0;
  }

  .mlm30{
	margin-left:0px;  
  }

  .inBox1::before, .inBox2::before {
    content: '';
    display: none;
  }
  .flexcolumn1200 {
    flex-direction: column;
  }
  .childcarebanner {
    height: auto;
    padding-bottom: 45px;
  }
  .boxwidth508 {
    width: 508px;
  }
  .mr88 {
    margin-right: 0;
  }
  .ml88 {
    margin-left: 0;
  }
  .hasbordert1200::before {
    content: '';
    display: block;
    border-top: 1px solid #fff;
    margin: 20px auto;
  } 
  .aligncenter1200 {
    align-items: center;
  }
  .textcenter1200 {
    text-align: center;
  }
  .mlnone1200 {
    margin-left: 0;
  }
  .hasmargin1200 {
    margin: 10px 0 60px 4px;
  }
  .hasml351200 {
    margin-left: 35px;
  }
  .hasml101200 {
    margin-left: 10px;
  }
  .width48p {
    width: auto;
  }
  .font403001200 {
    font-size: 40px;
    font-weight: 300;
  }
  .mt100mb501200 {
    margin-top: 100px;
    margin-bottom: 50px;
  }
  .font423001200 {
    font-size: 42px;
    font-weight: 300;
  }
  .mt501200 {
    margin-top: 30px;
  }
  .pt0pb1001200 {
    padding-top: 0;
    padding-bottom: 100px;
  }
  .mt601200 {
    margin-top: 60px;
  }
  .nostyle1200 {
    padding: 0;
  }
  .mb01200 {
    margin-bottom: 0 !important;
  }
  .mb01200.hasicon {
    display: inline-block;
  }
  .nostyle1200 li {
    margin-top: 40px;
  }
  .pricebox.box1 {
    margin-right: 0px;
  }
  .pricebox.box2 {
    margin-left: 0px;
    margin-top: 50px;
  }
  .faqmenupc,
  .faqbox .mt69ml100::before {
    display: none !important;
  }
  .faqbox {
    margin-left: 0;
    padding-right: 95px;
    padding-left: 95px;
  }
  .mt69ml100 {
    margin-top: auto;
    margin-left: auto;
  }
  .font53normal768 {
    font-size: 53px !important;
    font-weight: 300;
  }
  .faqbtn {
    display: inline-block;
    width: 40px;
    height: 40px;
  }
  .faqbox section {
    width: auto;
  }
  .faqmenumobile {
    display: none;
    background: #001c23;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 103px;
    z-index: 100;
  }
  .faqmenumobile.show {
    display: block;
  }
  .faqmenumobile li {
    border-bottom: 1px solid #1f373d; 
    list-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .faqmenumobile a {
    color: #fff;
  }
  .faqmenumobile a.active {
    color: #ff6c00 !important;
  }
  .font26300 {
    font-size: 25px;
    font-weight: 300;
    text-align: center;
  }
  .ml50 {
    margin-left: 0px;
  }
  .photo560500 img {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 991px ) {
  .textright {
    text-align: center;
  }
  .hasborderright::after {
    display: none;
  }
  .pl75r25 {
    padding-left: 0;
    padding-right: 0;
  }
  .btn1 {
    margin: 0 auto;
    display: block;
  }
  .mobilepl0 {
    padding-left: 0;
    padding-bottom: 40px;
  }
  .gsul2 {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .gsul1,
  .gsul2 {
    padding-left: 20px !important;
  }
  .ml50 {
    width: 50%;
    margin: 10px auto;
  }
  .waterfall {
    column-count: 1;
  }
  .gsbox {
  margin-right: 0%;
  }
  .mobiletestimonials {
    display: block;
  }
  .pctestimonials {
    display: none;
  }
  .startBtn1,
  .startBtn2 {
    display: block;
    margin: 10px auto 30px !important;
  }
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
  .photo560500 {
    margin-top: 60px;
    /* background: #333; */
    margin-bottom: 90px;
  }
  .bannerh1 {
    font-size: 70px;
  }
  .mobiletextcenter {
    text-align: center !important;
  }
  .box.bgeee.pc {
    padding-bottom: 80px;
  }
  .box {
    padding-left: 30px;
    padding-right: 30px;
  }
  .carousel-caption {
    right: 2%;
  }
  .thumbicon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
  }
  .thumbicon.mobilenone {
    display: none;
  }
  .hasmobiledotted::after {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px dotted #868686;
  }
  .mobilewrap {
    flex-wrap: wrap;
  }
  .flexBox .inflexbox {
    width: 205px;
    height: 160px;
    margin: 30px 15px 26px;
  }
  .flexBox .inflexline {
    height: 200px;
    width: 1px;
    margin: 0 30px;
    background: #333;
  }
  .footerbox {
    display: none;
  }
  .mobilefooterbox {
    display: block;
    background: #909090
  }
  .mobileflexbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 60px;
  }
  .mobilemarginr80 {
    margin-right: 80px;
  }
  .mobilemarginl80 {
    margin-left: 80px;
  }
  .mt32 {
    margin-top: 20px;
  }
  .footerlogo {
    margin: 15px auto;
  }
  .facebookicon, .tubeicon {
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .wechaticon {
    width: 78px !important;
    height: 78px !important;
    margin-top: 10px;
    margin-left: calc( 50% - 39px);
  }
  .marginleft27 {
    margin-top: 20px;
    margin-left: auto !important;
  }
  .contantus {
    color: #dddddd;
  }
  .addressbox {
    margin-bottom: 25px;
  }
  .item>a {
    margin: 0;
  }
  .row.video-wrapper{
    padding: 0 50px;
  }
  .banner_video{
      height:333.33px;
  }
}

/* media start */

@media screen and (max-width: 768px) {
  .mobiletextcenter {
    text-align: center !important;
  }
  .box.bgeee.pc {
    padding-bottom: 80px;
  }
  .box {
    padding-left: 30px;
    padding-right: 30px;
  }
  .carousel-caption {
    right: 2%;
  }
  .thumbicon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
  }
  .thumbicon.mobilenone {
    display: none;
  }
  .hasmobiledotted::after {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px dotted #868686;
  }
  .mobilewrap {
    flex-wrap: wrap;
  }
  .flexBox .inflexbox {
    width: 205px;
    height: 160px;
    margin: 30px 15px 26px;
  }
  .flexBox .inflexline {
    height: 200px;
    width: 1px;
    margin: 0 30px;
    background: #333;
  }
  .flexBox a:first-child, .flexBox a:last-child{
	text-align:center;
  }
  .mobileflexbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 60px;
  }
  .mobilemarginr80 {
    margin-right: 80px;
  }
  .mobilemarginl80 {
    margin-left: 80px;
  }
  .mt32 {
    margin-top: 20px;
  }
  .footerlogo {
    margin: 15px auto;
  }
  .facebookicon, .tubeicon {
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .wechaticon {
    width: 78px !important;
    height: 78px !important;
    margin-top: 10px;
    margin-left: calc( 50% - 39px);
  }
  .marginleft27 {
    margin-top: 20px;
    margin-left: auto !important;
  }
  .contantus {
    color: #dddddd;
  }
  .addressbox {
    margin-bottom: 25px;
  }

  .footerbox,
  .box.bgeee.pc {
    display: none;
  }

  .mobilefooterbox,
  .box.bgeee.mobile {
    display: block;
  }

  .mobilefooterbox {
    background: #909090;
  }


  .infoBox {
     padding-left: 40px;
     padding-right: 40px;
  }
  .bannerh1 {
    font-size: 60px;
  }
  .photo560500 {
    margin-top: 60px;
    background: #333;
    margin-bottom: 90px;
  }
  .font53normal768 {
    font-size: 53px;
    font-weight: 300;
  }
  .font22200768 {
    font-size: 22px;
    font-weight: 200;
  }
  
  .row.video-wrapper {
    padding: 0 40px;
}
  .banner_video{
      height:175px;
  }

}


    @media screen and (max-width: 676px) {
	  .mobilemenuBox a {
		margin-right: 24px;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: -0.01em;
		color: #fff;
	  }
	  .mobilemenuBox ul{
		margin-right: 10px;
		padding-left:0;
	  }	 
	  .inBox1, .inBox2 {
		right: 10px;
	  }
	  .bannerh1 {
        font-size: 45px;
        text-align: center;
		line-height: 60px;
      }
      .xsboxbanner,
      .xsboxbanner a {
        display: block;  
      }
      .xsboxbanner {
        margin-top: 70px;
      }
      .flexBox a:first-child {
        font-size: 18px;
        font-weight: 100;
        letter-spacing: 0.02em;
        padding: 16px 55px 18px 55px;
        background: #01a1a7;
        color: #fff;
        margin-right: 0;
        margin-bottom: 15px;
    
      }
      .infoBoxh2 {
        font-size: 45px;
        text-align: center;
      }
      .infoBoxh2 + p {
        font-size: 17px;
      }
      .bgimg + div {
        width: 88%;
        min-height: 140px;
        text-align: center;
    
      }
      .photo560500 {
        width: 100%;
        height: 100%;
        background: #333;
        min-height: 280px;
        margin-bottom: 90px;
      }
      .item > a {
        display: block;
        height: 60%;
        width: 100%;
        background-position: center center;
        margin: 0 auto;
      }
      .carousel-inner {
        position: relative;
      }
      .item {
        height: 800px;
      }
      .carousel {
        height: auto;
        margin-bottom: auto;
      }
      .carousel-indicators {
        bottom: 30px;
      }
      .carousel-caption {
        position: relative;
        right: auto;
        left: auto;
        z-index: 10;
        color: #000;
        text-align: left;
        max-width: 270px;
        text-shadow: none;
        margin: 30px auto;
        top: auto;
      }
      .banner {
        padding-left: 25px;
        padding-right: 25px;
      }
      .flexBox.column676 {
        flex-direction: column;
      }
      .copyrightbox {
        position: relative;
      }
      .footerboxbottombox {
        height: auto;
        background: #383838; 
      }
      .lanbox,
      .copyrightbox {
        margin: 0 auto;
        top: auto;
        right: auto;
      }
      .copyrightbox p {
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 0.1px;
        text-align: center;
        color: #878787;
      }
      .font53normal768 {
        font-size: 48px !important;
        font-weight: 300;
      }
      .font22200768 {
        font-size: 19px !important;
        font-weight: 200; 
      }    
      .boxwidth508 {
        width: 320px;
      }  
      .displaynone676 {
        display: none;
      }

      .display676 {
        display: block;
        margin-left: 89px;
      }
      .plpr15676 {
        padding-left: 15px;
        padding-right: 15px;
      }
      .faqbox {
        margin-left: 0;
        padding-right: 50px;
        padding-left: 50px;
    }
    .videomenubox a {
      font-size: 18px;
      color: #000;
    }
    .videomenubox a:first-child::after,
    .videomenubox a:last-child::before {
      margin-right: 7px;
      margin-left: 7px;
    }

    .photo560440 {
      width: 100%;
      height: 250px;
    }
    .photo560668 {
      width: 100%;
      height: auto;
    }
    .photo560440 img,
    .photo560668 img {
      display: block;
      width: 100%;
      margin:  0 auto;
    }
    .photo600524 {
      width: 300px;
      height: 250px;
    }

    .lightbox-content {
      min-width: 600px;
      height: auto;
      background: #000;
    }

    .lightbox-content iframe {
      width: 100%;
      height: 100%;
    }
    .qrwrapper .wandoujia{
        margin-top:60px;
    }
    .qrwrapper .ios,.qrwrapper .wandoujia{
        float:initial !important;
    }
    .qrwrapper .iosstorebtn,.qrwrapper .iosstorebtn2{
        margin-right:0px;
    }

  }

 @media screen and (max-width: 600px) {
  .mlnone600 {
    margin-left: 0;
  }
  .hasm600 {
    margin: 10px auto;
  }
  .flexcolumn600 {
    flex-direction: column;
  }
  .gsbox {
    padding: 25px;
  }
  .mobilecolumn {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .mobilecolumn a {
    margin: 15px auto;
  }
  .ml0 {
    margin-left: 0;
  }
  .lightbox-content {
    min-width: 550px;
    height: auto;
    background: #000;
  }
 }


  @media screen and (max-width: 575px) {
    .mobilemarginr80 {
      margin-right: 0px;
    }
    .mobilemarginl80 {
      margin-left: 0px;
    }
    .flexBox.haswidth {
      flex-direction: column;
    }
    .flexBox.haswidth .inflexline {
      display: none;
    }
    .flexBox.haswidth .inflexbox {
      margin-bottom: 100px;
    }
    .flexBox.haswidth.justifycenter.mt45 {
      margin-top: 0;
    }
    .toph2 .title {
      padding-left: 25px;
      padding-right: 25px;
    }
    .lightbox-content {
      min-width: 500px;
      height: auto;
      background: #000;
    }
  }
  
  @media screen and (max-width: 415px) {
	.mobilemenuBox a {
		margin-right: 22px;
		font-size: 14px;
	  }
  }

  @media screen and (max-width: 400px) {
    .flexcolumn400 {
      flex-direction: column;
    }
    .textcenter400 {
      text-align: center;
    }
    .mt20400 {
      margin-top: 20px;
    }
    .mauto400 {
      margin: 0 auto;
    }
    .font30300400 {
      font-size: 30px;
      font-weight: 300;
    }
    .lightbox-content {
      min-width: 350px;
      height: auto;
      background: #000;
    }
  }

  @media screen and (max-width: 370px) {
	.mobilemenuBox a {
		padding-right:15px;
		font-size: 12px;
		margin-right:0px;
    }
    .lightbox-content {
      min-width: 320px;
      height: auto;
      background: #000;
    }
	#mobileul1 li a, #mobileul2 li a{
		font-size: 12px;
	}
  }