/* FONT IMPORT */
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+SC);
@import url(https://fonts.googleapis.com/css?family=Ma+Shan+Zheng);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');


h1{
   FONT-FAMILY: 'Noto Serif SC', serif !important; 
  color: #322421 !IMPORTANT;
  
}

body {
   FONT-FAMILY: 'Noto Serif SC' !important; 
 font-size: 18px !important; 
  font-weight: 600 !important; 
  
}

/* END OF FONT IMPORT */


/* LOGO */


.logo-image {
    height: auto !important;
    width: 250px !important;
    max-width: 200% !important;
}

@media (max-width: 480px){
  
  
  img.logo-image-phone.d-inline-block.d-lg-none{
    
        max-width: 90% !important;
    
  }
  
  
}


@media (min-width: 992px) and (max-width: 1130px){
  
 .logo-image {
    width: 175px !important;
}
  
  
}

@media (min-width: 767px) and (max-width: 992px){
  
  img.logo-image-phone.d-inline-block.d-lg-none{
    
    max-width: 70% !important;
  }
  
}

/*-----*/


/* PAGE TITLE */

.sp-page-title {
    padding: 70px 0 70px 0 !IMPORTANT;
    background-image: url(/images/00guoan/logo/pagetitle.jpg) !important;
    background-size: cover;
    background-position: center;

}




.sp-page-title .sp-page-title-heading {
    font-size: 36px !IMPORTANT;
    font-weight: 900 !IMPORTANT;
  color: #322421 !IMPORTANT;
  text-shadow: 5px 3px 7px #ffffff7a !IMPORTANT;
      justify-content: center;
    display: flex;
      text-align: center !important;
}


@media (max-width: 767px){
  
  .sp-page-title {
    padding: 50px 0 50px 0 !IMPORTANT;
}

  
  .sp-page-title .sp-page-title-heading {
    font-size: 26px !IMPORTANT;
}
  
  
}





/* MULTILANGUAGE CSS*/

li.lang-active a:hover {
    color: white !important;
}

.sp-module-content .mod-languages ul.lang-inline li {
    margin: 0 0px 0 0 !important;
}

li.lang-active a {
    color: white !important;
}


li.lang-active {
background-color: #322421 !important;
    padding: 5px;
    line-height: 20px;
}

.sp-module ul > li > a:hover {
    color: #dc232f;
}


div#sp-menu {
    padding: 0px !important;
}

div#sp-top1 {
    padding-right: 0px !important;
}


@media (min-width: 1200px){
#sp-header .container {
    max-width: 1140px !important;
}
}

@media (min-width: 992px) and (max-width: 1199px){
#sp-header .container {
    max-width: 970px;
}
}




#sp-header .container-inner {
    padding: 0 0px !important;
}



.sp-megamenu-parent > li:last-child > a, .sp-megamenu-parent > li:last-child > span {
    padding-right: 0px !important;
}






/* END OF MULTILANGUAGE CSS*/


/* HEADER */

#sp-header:before {

    background-image: unset !Important;

}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 20px !important;
    background-color: #fffbed !important;
}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
 
    FONT-FAMILY: 'Noto Serif SC' !important;
    font-size: 18px !important;
    color: #322421 !important;
    font-weight: 700 !important;
      line-height: initial !important;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
 
    FONT-FAMILY: 'Noto Serif SC' !important;
    font-size: 18px !important;
    color: #dc232f !important;
    font-weight: 700 !important;
}




#sp-header.header-sticky .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
 margin-top: 40px !important;
}



body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
    margin-left: 6px !important;
}


@media (max-width: 1105px) and (min-width:992px){
.sp-megamenu-parent > li > a {
    font-size: 18px !important; 
    padding-right: 14px !important;
}
}



.sp-megamenu-parent > li > a{

    PADDING-RIGHT: 17PX !important;
    font-size: 18px !important; 
    font-weight: 900 !important;
    FONT-FAMILY: 'Noto Serif SC' !important;
    color: #322421 !IMPORTANT;
      
}

.sp-megamenu-parent > li > a:hover{
    font-size: 21px ; 
    font-weight: 900 !important;
    FONT-FAMILY: 'Noto Serif SC' !important;
    color: #dc232f !IMPORTANT;
}


.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #dc232f !important;
}



#sp-header {
    background-color: #faf6ea !IMPORTANT;
    padding: 42px 0 !IMPORTANT;
}



.sp-megamenu-parent > li > a:before {

    background-color: unset !important;

}



/*END OF HEADER */


/* MOBILE HEADER MENU */


@media (max-width: 767px){
  
  #sp-header {
    background-color: #faf6ea !IMPORTANT;
    padding: 20px 0 !IMPORTANT;
}
  
}


#offcanvas-toggler > .fa {
    color: #322421 !IMPORTANT;
}





/* END OF MOBILE HEAER MENU*/



/*OFFCANVAS*/

.offcanvas-menu {
    background-image: url(/images/00guoan/logo/offcanvas2.jpg) !IMPORTANT;
    background-position: center !IMPORTANT;
    background-size: cover !IMPORTANT;
  background-attachment: scroll !IMPORTANT;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    display: block !IMPORTANT;
    font-size: 1.6rem !IMPORTANT;
    padding: 0.4rem 0 !IMPORTANT;
    FONT-WEIGHT: 900 !IMPORTANT;
  color: #322421 !important;
}



.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    color: #dc232f !important;
  text-shadow: 3px 3px 5px #ffffffb8 !important;
}


.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}

body.ltr .close-offcanvas {
    right: 14px !important;
}

/*END OF OFFCANVAS*/




/*BUTTON */
.sppb-btn.sppb-btn-default {
    color: #ffffff !IMPORTANT;
    background-color: #322421 !IMPORTANT;
    border-radius: 50px !IMPORTANT;
 FONT-FAMILY: 'Noto Serif SC' !important;
      padding: 10px 60px !important;
  font-size: 22px !important;
      transition: 0.5s !important;
      box-shadow: 0 0 !important;
    border-color: white;
    border-width: none;
}


.sppb-btn.sppb-btn-default:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 20px #00000061 !important;
    border-color: white;
    border-width: medium;
}


/*END OF BUTTON */



/*BOTTOM */

#sp-bottom a:hover {
    color: #dc232f !important;
}



#sp-bottom {
  padding: 50px 0 50px !important;
}

#sp-bottom .sp-module {
    margin-bottom: 0px !important;
}


div#sppb-addon-1620181883346 {
    display: flex;
    justify-content: center;
}


div#sppb-addon-1620183956975 {
    justify-content: center;
    display: flex;
}

div#sppb-addon-1620184444971 {
    justify-content: center;
    display: flex;
}

div#sppb-addon-wrapper-1620186218916 {
    justify-content: center;
    display: flex;
}








#sp-bottom {
    color: #322421 !important;
}

#sp-bottom a {
    color: #322421 !important;
}


@media (max-width: 767px){
  
  
  #sp-bottom {
    padding: 30px 10px !important;
}
  
  
  div#sppb-addon-wrapper-1620186218916 {
    justify-content: unset;
    display: unset;
}
  
  
}



/*END OF BOTTOM*/

/* FOOTER */

#sp-footer .container-inner {
    padding: 15px 0 !IMPORTANT;
    justify-content: center !IMPORTANT;
    display: flex !IMPORTANT;
    line-height: 1.2 !important;
    text-align: center !important;
}

#sp-footer .sp-copyright {

    font-size: 11px !Important;
}

/* END OF FOOTER*/



/* FLOATING BUTTON */

.sp-scroll-up {
    right: 100px !important;
} 

span#hover_icon {

    font-size: 1.6em !important;
}

span#close {
    font-size: 28px !important;
    right: 16px !important;
}


/* END OF FLOATING BUTTON */

/*TOP BAR*/


#sp-top-bar {
    padding: 0px !IMPORTANT;
}

#sp-top-bar .sp-module {
    display: block !IMPORTANT;
}


/*
#sp-header {
    MARGIN-TOP: 60PX !IMPORTANT;
} */

#sp-header.header-sticky {
   MARGIN-TOP: 0PX !IMPORTANT;
}

body.transparent-header #sp-header {
    position: initial;
}

#sp-top-bar .container {
    padding: 0px !important;
}


@media (max-width: 767px){
#sp-top-bar {
    font-size: 0.8rem !important;
}
}

/* END OF TOP BAR */


/*EG CSS */

/* BOTTOM */
div#sppb-addon-1624254356476 {
    display: flex;
    justify-content: center;
}


div#sppb-addon-wrapper-1624254356480{
    display: flex;
    justify-content: center;
}

div#sppb-addon-wrapper-1624254356481{
    display: flex;
    justify-content: center;
}

.regNO {
  font-size: 10px;
}