* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
   /*  -webkit-user-select: none;  */                 /* prevent copy paste, to allow, change 'none' to 'text' */
}
html{
  touch-action: manipulation !important;
  -ms-touch-action: manipulation !important;
}
body{
  -webkit-overflow-scrolling: touch;  
}
a:hover,.list-unstyled.list li a:hover,.quicklink li a:hover,
.download_list li a.download_btn:hover,.breadcrumb  li a:hover,.active.btn{
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #86C166 ;
    color: var(--main);
}
.index_news,.position-r{position: relative;}
.index_news::before{
    content: '';
    background: url(../img/bg_news.png);
    background-position: right center;
    background-repeat: no-repeat;
    width: 45vw;
    height: calc(102%);
    display: block;
    position: absolute;
    top: -8px;
    left: 0px;
    z-index: 5;
}
.index_news h1,.index_title{font-size: 65px;line-height: 1;font-weight: 400}
.z-index-6{z-index: 6;position: relative;}
.newslist,.index.article_box {padding-left: 6.5rem}
.newslist li{ 
    position: relative;
    list-style: none; 
    font-size: 18px;
    border-bottom: 1px solid #eee;
    margin-top: 13px;
}
.newslist li:before{
    position: absolute;
    content: '';
    /* border-left: 2px solid #86C166;
    border-left: 2px solid var(--main); */
    height: 40px;
    left: -20px;
}
.newslist li a,.download_list li a{color: #222;display: inline-block}
.newslist li a.title-1{display: -webkit-box;}
.download_list li a{font-size: 18px}
.newslist li a:hover,.download_list li a:hover,.download_list li:hover a{text-decoration: none;color: #86C166;color: var(--main)}
.cate{
    font-size: 15px;
    padding: 4px 0px;
    border-radius: 4px; 
    min-width: 100px;
    margin-right: 5px;
    text-align: center;
}
.newslist a.cate,.newslist a.cate:hover{color: #fff;}
.newslist p{padding-left: 113px}
.newslist .title-1{line-height: 1.5}
.cate:hover{filter:opacity(0.8);}
.cate.n1{background-color: #86C166}
.cate.n2{background-color: #0ab8b0}
.cate.n3{background-color: #f3ac51}
.cate.n4{background-color: #ec524b}
.custom-padding-1{
  padding: 96px 0 !important;
  padding: 6rem 0 !important; 
}
.post-info a:hover{text-decoration: none;color: #86C166 !important;color: var(--main)!important;}
.post-meta{display: flex;}
.post-meta > span{display: inline-block;margin-right: 10px;}
#footer .logo img{width: 90%;top: 15px;}
#footer .list-unstyled li a{color: #fff}
#footer ul.links li{display: inline-block;list-style: none;}
#footer ul.links li a{font-size: 16px;padding: 0px 8px; border-right:1px solid rgb(255 255 255 / .3);color: rgb(255 255 255 / .6);}
#footer ul.links li:first-child a{border-left:1px solid rgb(255 255 255 / .3);}
.titlewithline{position: relative;text-transform: none;}
.titlewithline:before {
    content: none;
    position: absolute;
    border-top: 1px solid #adb2a7;
    width: calc(100% - 150px);
    left: 85px;
    top: 13px;
}
.header-extra-info li{position: relative;}
.header-extra-info li:before{
    content: '';
    position: absolute;
    border: 1px solid #eee;
    height: 20px;
    right: -14px;
    top: 2px;
}
ul.newscate li{
    list-style: none;
    display: inline-block;
    padding: 5px 10px; 
    /* border: 1px solid #eee; */
    border-radius: 4px;
    margin-bottom: 8px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
/* ul.newscate li a{color: #fff;} */
ul.newscate li.active,ul.newscate li:hover{ border-color:  #86C166;border-color: var(--main);}
ul.newscate li a:hover{text-decoration: none;}
ul.newscate li{border:1px solid  #a8d8b7; }ul.newscate li a{color: #a8d8b7}
ul.newscate li.n1{border:1px solid #86C166; }ul.newscate li.n1 a{color: #86C166}
ul.newscate li.n2{border:1px solid #0ab8b0; }ul.newscate li.n2 a{color: #0ab8b0 }
ul.newscate li.n3{border:1px solid #f3ac51; }ul.newscate li.n3 a{color: #f3ac51}
ul.newscate li.n4{border:1px solid #ec524b; }ul.newscate li.n4 a{color: #ec524b}
ul.newscate li.active,ul.newscate li:hover,ul.newscate li:hover{background-color: #a8d8b7}
ul.newscate li.n1.active,ul.newscate li.n1:hover,ul.newscate li.n1:hover{background-color: #86C166}
ul.newscate li.n2.active,ul.newscate li.n2:hover,ul.newscate li.n2:hover{background-color: #0ab8b0}
ul.newscate li.n3.active,ul.newscate li.n3:hover,ul.newscate li.n3:hover{background-color: #f3ac51}
ul.newscate li.n4.active,ul.newscate li.n4:hover,ul.newscate li.n4:hover{background-color: #ec524b}
ul.newscate li.active a,ul.newscate li:hover a{color: #fff}
/* ul.newscate li.active a,ul.newscate li a:hover,ul.newscate li:hover a{ color: #86C166;color: var(--main);} */
.newslist .more{position: relative;flex:0 0 20%;font-size: 14px;color: #9d9d9d;padding-right: 12px;transform: translateY(10px);}
.newslist .more:before{
    content: '';
    position: absolute;
    right: 4px;
    top: 10px;
    width: 0;
    height: 0;
    right: 0px;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #9d9d9d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.download_list li a.download_btn,.download_btn{position: relative;flex:0 0 20%;font-size: 14px;color: #9d9d9d;padding-right: 12px;transform: translateY(10px);text-align: right;padding-top: 5px;}
.download_btn:before{
    content: '';
    position: absolute;
    right: 4px;
    top: 13px;
    width: 0;
    height: 0;
    right: 0px;
    border-style: solid;
    border-width: 6px 3px 0px 3px;
    border-color: #9d9d9d transparent transparent transparent ;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.rule .download_btn:before{top:11px;}
.table.rule td:first-child{padding-left: 35px;position: relative;}
.table.rule td:first-child:before{
    content: "\f15c";
    display: inline-block;
    margin-right: 10px;
    font-size: 22px;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    left: 11px;
    top: 14px;
}
.newslist .more:hover:before{ border-color: transparent transparent transparent #86C166;}
.download_btn:hover:before{border-color: #86C166 transparent transparent transparent ;}
.newslist .news_title{flex:0 0 80%;display: flex; align-items: center;}
.newslist .news_title a{display: inline-block;}
.data-content{padding: 20px}
.data-content img{max-width: 100%;margin-bottom: 10px}
.titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.titleBox .ins{position: relative;width: 100%}
.titleBox.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.titleBox .en {
  position: relative;
  z-index: 0;
  display: block;
  font-size: 20px;
  letter-spacing: .02em;
  color: #6f6f6f;
}
.titleBox .en {
font-size: 16px;
padding-left: 15px;
}
.article_box {position: relative;z-index: 0;margin-bottom: 0;}
.article_box h3 {position: relative;margin-top: 30px;padding-left: 15px}
.titleBox .en::before,.article_box h3::before {
  content: '';
  position: absolute;
  left: -10px;
  top: 8px;
  z-index: -1;
  width: 33px;
  height: 50px;
  background-color: #c3dfc9;
  -webkit-transform: skewX(35deg);
  -ms-transform: skewX(35deg);
  transform: skewX(35deg);
}
.index.article_box h3::before{content: none}
.article_box h3::before{ top: -8px;}
.article_box h3::after{ 
  content: '';
  position: absolute;
  right: 0px;
  top: 12px;
  z-index: -1;
  width: 85%;
  border-bottom: 1px solid #eee;
}
.index.article_box h3::after{top: 24px;width: 80%;}
/* .z-index-6.p-lg-5{padding-top: 0!important;} */
.titleBox h2.title{
    position: relative;
    z-index: 1;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1;
    color: #444;
    padding-left: 15px;
}
.titleBox h2.title::after{
  content: '';
  position: absolute;
  right: 0px;
  top: 12px;
  z-index: -1;
  width: 55%;
  border-bottom: 1px solid #eee;
}
.d-flex h3{line-height: 1.5}
h3.h3{color: #444 !important}
.main-border{position: relative;border-bottom: 1px solid #86C166;/* border-top: 1px solid #86C166; */color: #599935 !important;text-align: center}
.main-border:before{
    content: '';
    position: absolute;
    border-bottom: 1px solid #86C166;
    opacity: .8;
    width: 98%;
    margin: 0 auto;
    bottom: -9px;
    left: 1%;
}
.main-border2{ position: relative;border-top: 3px solid #86C166;}
.main-border2.thin{border-top: 3px solid #d1e3c8;}
.z-index-3 .btn:hover,.z-index-3 .btn.active{color: #86C166;color: var(--main)}
.list-unstyled.list li{position: relative;display: inline-block;padding-right: 18px;vertical-align: text-top;}
.list-unstyled.list li:before{
    content: '';
    border-right: 1px solid #eee;
    position: absolute;
    height: 35px;
    right: 9px;
    top: 20px;
}
.list-unstyled.list li:last-child:before{content: none}
.list-unstyled.list li strong{display: block;font-weight: 400 !important;}
.list-unstyled.list li a{color: #222;font-weight: 600}
.download_list li{
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
}
.download_list li i,.rule i{display: inline-block;margin-right: 10px;font-size: 22px;}
.download_list li p,.rule p{margin-bottom: 0px;color: #9b9b9b !important;margin-top: 5px;font-size: 14px}
.rule th{background-color: #eee}
.rule td{vertical-align: middle}
.custom-thumb-info-2 .thumb-info-caption {
    position: relative;
    display: block;
    width: 80%;
    margin: -50px 0 25px;
    background: #FFF;
    padding: 20px;
    z-index: 1;
    /* box-shadow: 0px 0px 60px -10px rgba(139, 139, 139, 0.5) */
}
.custom-thumb-info-2 .cover{transition: all 0.3s ease;}
.custom-thumb-info-2 .thumb-info-wrapper{cursor: pointer}
.custom-thumb-info-2:hover .cover{transform: scale(1.05, 1.05);}
.custom-thumb-info-2.thumb-info:hover .thumb-info-wrapper:after{opacity: 0;display: none}
.gallery_list{width: 100%}
.gallery_list a.img-thumbnail{width: calc((100% - 2rem)/4);display: block;}
.gallery_list a.img-thumbnail img{
    display: block;
    width: 100%;
    padding-bottom: 70%;
    background-size: cover;
    background-position: center;
}
.quicklink li{ 
    position: relative;
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
}
.quicklink li a{
    position: relative;
    display: block;
    width: 110%;
    min-width: 100px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #363636;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid #a1a1a1;
    transition: all .3s;
}
.quicklink li a:before{
    content: "";
    position: absolute;
    right: 2px;
    bottom: 0px;
    width: 0px;
    height: 0px;
    border-color: transparent transparent #a1a1a1 #a1a1a1;
    border-style: solid;
    border-width: 2px 4px;
    transition: all .3s;
}
.quicklink li a:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #83c0d7;
    background-color: var(--mainlight);
    transition: all .3s;
}
.quicklink li a:hover{border-bottom: 1px solid #86C166; width: 115%;padding-left: 10px;}
.quicklink li a:hover:before{ border-color: transparent transparent #86C166 #86C166;}
.quicklink li a:hover:after{ background-color: #86C166;}
/*.quicklink li a{color: #444;}
.quicklink li:before{
    content: '';
    position: absolute;
    border: 1px solid #ddd;
    height: 20px;
    left: -3px;
    top: 10px
}
.quicklink li:first-child:before{content:none;}
.quicklink li:last-child:after{
    content: '';
    position: absolute;
    border: 1px solid #ddd;
    height: 20px;
    right: -3px;
    top: 10px
} */
table.admissions th{
    position: relative;
    /* background-color: #86C166;
    background-color: var(--main); */
    color: #86C166;
    padding-right: 30px;
}
table.admissions th:before{
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    right: 15px;
    background-color: #86C166;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
.breadcrumb  li a{color: #fff;}
.breadcrumb  li.active{color: #fff;opacity: .7}
.service-box{    
    padding:30px; 
    border-radius: 10px;
    position: relative;
    z-index: 3;
}
.service-box:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-transform: translate3d(-5px, -5px, 0);
    -moz-transform: translate3d(-5px, -5px, 0);
    -ms-transform: translate3d(-5px, -5px, 0);
    -o-transform: translate3d(-5px, -5px, 0);
    transform: translate3d(-5px, -5px, 0);
    border:1px solid #dadce0;
}
.service-box:after{
    content: '';
    position: absolute;
    width: 97.5%;
    height: 99%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translate3d(5px, 5px, 0);
    -moz-transform: translate3d(5px, 5px, 0);
    -ms-transform: translate3d(5px, 5px, 0);
    -o-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0);
    border: 1px solid #dadce0;
}
.site_title{
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 16px;
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}
.site_title p{
    margin-bottom: 0;
    margin-top: 25px;
    padding-bottom: 15px;
    color: #222;
    font-size: 18px;
}
.site_title:before {
    content: '';
    position: absolute;
    top: 34%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 7px;
    border-color: transparent transparent transparent #555;
}
/* .site_title:after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #000;
    display: block;
    position: absolute;
    right: 0;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
} */
ul.custom{list-style: none}
ul.custom li{position: relative;padding-left: 20px;margin-bottom: 5px;}
ul.custom li a{color: #656565;font-weight: 600}
ul.custom li a:hover{color: #67accc;color: var(--main)}
ul.custom li:before{
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #656565;
    position: absolute;
    top: 12px;
    left: 0;
}
ul.custom ul{margin: 10px 0;}
ul.custom ul li{padding-left: 0px;}
ul.custom ul li a{font-weight: 400}
ul.custom ul li:before{content: none}
.img_copy{ 
    position: absolute;
    color: #fff;
    right: 10px;
    bottom: 0px;
    text-shadow: -1px 1px 25px #000;
}
.br{display: block}
.teacher .cover.h100{
    padding-bottom: 130%;
}

/* 2025-01-15 */
.author-name {
    text-shadow: #eaeb10 0.5px 0 1px;
}
.bg-img-2x3 {
    background-size: cover;
    background-position: center;
    padding-bottom: 150%;
}
.bg-gray-gradient {
    background: radial-gradient(circle at left center, #e1e1e1 0%, #ffffff 40%);
}
















:root{
    --font:"Poppins",-apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    --main:#86C166;
    --maindark:#000;
    --maindlight:#A8D8B9;
    --second:#000;
    --seconddark:#000;
    --seconddlight:#000;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 14px;
}

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: #A8D8B9;
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent; 
}
::selection{
    text-shadow: none;
    color: #222;
    background: #cbf1d9;
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1600px) {
    .p-lg-5.z-index-6{padding-left: 2rem !important;padding-right: 4.3rem !important;}
    .index_news::before{
        width: 46vw;
    }
    .br{display: inline}
    .newslist{padding-left: 2.5rem}
}
@media (max-width: 1367px) {}


@media (max-width: 1025px) {
    .index_news::before{
        width: 49vw;
    }
    .index.article_box{padding-left: 4rem;}
}


@media (max-width: 769px) {
    .index_news::before{width: 125vw;height: 400px;top: -50px;border-bottom: 5px solid #A8D8B9;background-size: cover;}
    .gallery_list a.img-thumbnail{width: calc((100% - 1.4rem)/3);display: block;}
    .header-btn-collapse-nav i{font-size: 18px}
    .index.article_box{margin-top: 70px;padding-left: 2rem;}
    .newslist,.quicklink{padding-left: 2rem;}
    .newslist p {margin-top: 0 !important;font-size: 14px}
    .newslist .news_title~.more{
        position: absolute;
        right: 5px;
        bottom: 16px;
    }
    .d-flex.border-bottom.align-items-start{flex-wrap: wrap-reverse;}
    .p-lg-5.z-index-6{padding-right: 0rem !important;}
}


 /*iphone plus*/
@media (max-width: 430px) {
    .sticky-header-active #header .header-body{top: -88px !important}
    .header-logo img{width: 300px  !important;height: 44px !important}
    .p-lg-5.z-index-6{padding-left: 0 !important;}
    .header-extra-info li:before,.list-unstyled.list li:before{content: none;}
    .section-light.section.section-no-border{margin: 0}
    .newslist li a,.download_list li a{margin-bottom: 5px;font-size: 17px;}
    .quicklink{margin-top: 30px;}
    .newslist p{padding-left: 0}
    .index.article_box{margin-top: 120px;padding-left: 0rem;}
    .newslist,.quicklink{padding-left: 0rem;}
    .gallery_list a.img-thumbnail{width: calc((100%));display: block;}
    .index_news::before{width: 100%;height: 440px; top: -47px; background-position: center;background-size: auto;}
    .index_news h1, .index_title{font-size: 45px}
    .dropdown-item{color: #8d8d8d}
    .newslist .news_title{display: block}
    .d-lg-flex .news_title~.more{display:none;}
    html section.section-light p{font-size: 14px !important}
    .list-unstyled.list li{display: block}
    .titleBox .en::before, .article_box h3::before{left:15px;}
    .table.rule{min-width: 650px}
    .rule td{font-size: 15px}
    .download_list li a{display: flex;}
    .download_list li a ~ p{padding-left: 27px}   
    .simple-post-list li h4.text-3{font-size: 18px !important;line-height: 1.6}
    ul.simple-post-list .post-meta{font-size: 1em;margin-top: 5px}
    .index.article_box h3::after{width: 60%}
    .quicklink li{min-width: 50%}


     
}


/*iphone: 7px*/
@media (max-width: 376px) {
    .header-logo img{width: 280px !important;height: 40px !important}
    .index.article_box{margin-top: 90px;}
}



/*iphone 5*/
@media (max-width: 321px) {
    .header-logo img{width: 220px  !important;height: 33px !important}
    .index.article_box{margin-top: 66px;}
}


/*iPhone XR*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 



}

/*iPhone XS*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

}

/*iPhone XS Max*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 


}
/*璈急嚉*/
@media screen and  (orientation:landscape) {}
/*蝮望嚉*/
@media screen and (orientation:portrait) {}
/*閮剖�坔祝擃䀹��*/
@media screen and (device-aspect-ratio: 16/9) {}