@media only screen and (max-width: 750px) {

#mobile-display-off{display: none!important;}

.cover-container {
  max-width: 42em;
}

/*
 * Header
 */

     .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }
     .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }


.bg-mobile-head{
	background: linear-gradient(70.5deg, #EDFAFF 11.07%, #FFFFFF 70.93%);

}

.mobile-hero-btn{
	padding:.8rem 3rem ;
	background: #6C97CF;
	border-radius: 30px;
	text-decoration: none;
}
.mobile-hero-btn:hover{
	background: #4C7FC0;
}

.yellow-ps {
    right: 5.4rem;
    bottom: 16rem;
}

.mobile-fe{
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 4.83632px 19.3453px rgba(157, 157, 157, 0.2);
	border-radius: 24.1816px;
	padding: 1rem 0 1rem;

}


.mobile-fe svg{
	margin-left: 1rem;
}

.g-4, .gx-4 {
    --bs-gutter-x: -0.0rem!important;
}
.g-4, .gy-4 {
    --bs-gutter-y: 1rem!important;
}
.mobile-fe-p p{
	font-size: .6rem;
}

.mobile-earth{
	background: #299C8E;
}

.mobile-bd{
	background:  url("mobile-bd.png") 0 0 no-repeat;
	background-size: 100% 100%;

}

.bd-fs{
	font-size: 5rem!important;
}

.mobile-dg{
	background-size: 100%!important;
	height: 100%;
	border-radius: 0;
	padding: 2rem 0 2rem;
}

.mobile-dg-1{
	background:  url("dg-1.png") 0 0 no-repeat;

}


.mobile-dg-2{
	background:  url("dg-2.png") 0 0 no-repeat;

}
.mobile-dg-3{
	background:  url("dg-3.png") 0 0 no-repeat;

}


.mobile-dg-4{
	background:  url("dg-4.png") 0 0 no-repeat;

}


.xoey-book p{
	font-size: .5rem;
}




.navbar-collapse{

background: #FFFFFF;
box-shadow: 0px 4px 50px rgba(9, 9, 9, 0.18);
opacity: .95;
border-radius: 30px;
width: 100%;
margin: 0 auto;
height:auto;
top: 10rem;
padding: 2rem 0 2rem 0;
line-height: 240%;
font-size: 1rem;

}

.mobile-n{
	position: relative;
}


.row {

    margin-left: 0!important;
}

footer a{
	text-decoration: none;
	color: #333!important;
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: none!important;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}


.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    font-size: .8rem!important;
    line-height: 180%;
}
.accordion-button {
    background: none!important;
    border: none!important;
    color: #000!important;
    padding: 1rem 0 1rem 0!important;
}



.navbar-nav li{
	width: 45%;
	text-align: center;
}

.card-body {
	padding: 0!important;
}
.card-body p{
	font-size: .7rem;
}

.accordion-body {
    padding-left: 0!important;
    padding-right: 0!important;
}


.iocn-div{
	display: block;
	font-weight: 700;
	font-size: 1.4rem;
	margin-left: 1rem;
	margin-right: .5rem;
	width: 2.4rem;
	height: 2.4rem;
	text-align: center;
	border-radius: .5rem;
	padding: .2rem 0 0 0;

}

.icon-div-c{
	background: #F3FBFC;
}

.icon-div-c span{
	color: #46B8BD;

}

.icon-div-t{
	background: #F4FBF3;
}

.icon-div-t span{
	color: #75A46A;

}



.icon-div-r{
	background: #F4F9FF;
}

.icon-div-r span{
	color: #437FCF;

}

.icon-div-e{
	background: #EEF2F6;
}

.icon-div-e span{
	color: #61788C;

}

.icon-div-eng{
	background: #FCF8F8;
}

.icon-div-eng span{
	color: #C59090;

}

.icon-div-s{
	background: #F5F6FF;
}

.icon-div-s span{
	color: #635DF7;

}





















}

















/*小于以下尺寸不显示*/
@media only screen and (min-width: 750px){
#screen-display-off{display: none!important;}

}