@font-face {
    font-family: 'FZDaHei-B02S';
    src: url('../fonts/FZDHTJW--GB1-0.ttf');
}
@font-face {
    font-family: 'FZYaoTi';
    src: url('../fonts/FZYTK--GBK1-0.ttf');
}
.fonts-1 {
    font-family: 'FZDaHei-B02S'!important;
}
.fonts-3 {
    font-family: 'FZYaoTi'!important;
}

body {
    font-family: "FZDaHei-B02S"!important;
}
#SITE_CONTAINER {
    background: black;
    padding-left: 120px!important;
    padding-right: 120px!important;
}
.top-logo-container {
    margin-top: 8%;
}
.img-logo {
    width: 40%;
}
.img-1 {
    width: 50%;
}
.container-1 {
    /* margin-left: 25%; */
    margin-top: 8%;
    margin-bottom: 8%;
}
.section-2 {
    font-family: "FZDaHei-B02S"!important;
    margin-top: 10%!important;
    margin-bottom: 10%!important;
}
.section-2-1 {
    --column-width: 30%!important;
    --column-flex: 30%!important;  
    margin-right: 5%;
}
/* .section-2-2 {
    --column-width: 70%!important;
    --column-flex: 70%!important;
    margin-top: 10%;
} */
.container-2-2 {
    margin:0!important;
    width: 80%!important;
}
.img-2 {
    width: 80%;
}
.title-name {
    margin-bottom: 15px!important;
}
.title-name-2 {
    margin-top: 20px!important;
    margin-bottom: 10px!important;
}
.img-3 {
    width: 100%;
}
.section-3 {
    margin-bottom: 8%!important;
}
.section-3-1 {
    --column-width: 60%!important;
    --column-flex: 60%!important;
    padding-right: 50px;
}
.section-3-2 {
    --column-width: 40%!important;
    --column-flex: 40%!important;  
}
.title-section-3 {
    margin-bottom: 15px!important;
}    
.register-form {
    width: 65%;
    margin:auto;
    background: white;
    color: black;
    border: 3px solid goldenrod;
    border-radius: 25px;
    border-style: outset;
    padding: 20px 30px;
}
.input-title {
    width: 100%;
}
.input-field {
    width: 100%;
    border-radius: 10px;
    border-style: solid;
    padding:5px;
}
.input-area {
    width: 100%!important;
    border-radius: 10px!important;
    border-style: solid!important;
    border: 1.5px solid;
    height: 50px!important;
}
.btn-submit {
    background: #f3cc56;
    padding: 5px 30px!important;
    margin-top: 10px;
    border-radius: 25px!important;
}
.btn-submit:active {
    border: #f3cc56!important;
    outline:  #f3cc56!important;
    padding: 5px 30px!important;
}
.btn-submit:hover {
    border: #f3cc56!important;
    outline:  #f3cc56!important;
    padding: 6px 31px!important;
}
.btn-submit:focus {
    border: #f3cc56!important;
    outline:  #f3cc56!important;
    box-shadow: none!important;
    padding: 5px 30px!important;
}
.section-4 {
    margin-top: 8%!important;
}
.logo-1 {
    width: 200px;
    max-height: 200px;
    min-height: 200px;
    margin-top: 20px;
}
.logo-container {
    margin: 3% 0px 5% 0px !important;
}
.padding-back-color {
    padding: 5px 10px;
    margin-bottom: 5px;
    background:  #ffc824;
}
.color_18 {
    
    color:  #ffc824;
}
.margin-lr-0{
    margin-left: 0!important;
    margin-right: 0!important;
}
.logo-footer {
    padding-left: 10px;
    width: 4%;
}
.footer-container {
    padding-top: 50px!important;
    padding-bottom: 20px!important;
}
.swal2-show {
    border-radius: 25px!important;
}

.hide {
    display:none!important;
}
.color_11 {
    color: white!important;
}
.section-5 {
    margin-top: 10%!important;
    margin-bottom: 10%!important;
}
.limit-m {
    margin-bottom: 20px;
}
.img-5 {
    width: 50%!important;
    border-radius: 25px;
}
.align-middle {
    text-align: center;
}
.vertical-align {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.section-5-1  {
    padding-bottom: 10px;
}
.section-5-2  {
    padding-bottom: 50px;
}
.section-6 {
    margin-bottom: 80px;
}
.section-6-1 {
    margin-bottom:80px;
}
.section-6-h1 {
    margin-bottom: 10px;
}
.img-6-1 {
    width: 50%;
}
.img-6-2 {
    width: 35%;
    float:right;
}
.img-6-3 {
    width: 35%;
}
.section-7 {
    text-align: center;
    margin-top: 8%;
    margin-bottom: 8%;
}
.learn-m {
    margin:auto;
    width: 65%;
}
.meet-m {
    margin-top: 8%;
}
.section-7-1 {
    float: left;
}
.ask {
    margin-bottom: 20px!important;
}
.input-row {
    margin-bottom: 10px;
}

/* .guest {
    text-align: right;
    padding-right: 5%!important;
} */
.redirect:hover {
    color:  #ffc824;
}
.redirect:active {
    color:  #ffc824!important;
    text-decoration: none!important;
}
.redirect:focus {
    color:  #ffc824!important;
    text-decoration: none!important;
}
.first-li {
    padding-bottom: 5px;
}
.other-li {
    padding-bottom: 5px;
}
.sub-title-3 {
    margin-left: 25px;
}
.num-ol {
    margin-left: 20px;
}
li {
    display: list-item;
}
/*login*/
.wrap-login100 {
    border: 1px solid;
}
@media (max-width: 768px) {
    #SITE_CONTAINER {
        background: black;
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    
    .img-2 {
        width: 100%;
    }
    .logo-footer {
        padding-left: 10px;
        width: 15%;
    }
}
@media (max-width: 767px) {
    /* some CSS here */
    #SITE_CONTAINER {
        background: black;
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    .section-3 {
        margin-bottom: 20%!important;
    }
    .section-2 {        
        margin-top: 20%!important;
    }
    .section-2-2 {
        margin-top: 10%;
    }
    .register-form {
        width: 100%;
    }

    .warrant-title {
        font-size: 26px!important;
    }
    .warrant-sub-title {
        font-size: 15px!important;
    }

    .img-1 {
        width: 100%;
    }
    .img-2 {
        width: 100%;
    }
    .sub-title-2 {
        font-size: 18px!important;
    }
    .register-limit {
        font-size: 28px!important;
    }
    .limit-m {
        margin-bottom: 20px;
    }
    .meet-m {
        margin-top: 30%;
        margin-bottom: 15%;
    }
    .section-4 {
        margin-top: 20%!important;
    }

    .input-text {
        font-size: 15px!important;
    }
    .logo-footer {
        padding-left: 10px;
        width: 12%;
    }
    .img-5 {
        width: 100%!important;
    }
    .section-5-1 {
        padding-bottom: 5px;
    }
    .section-5-2 {
        padding-bottom: 20px;
    }
    .win-2 {
        padding-top: 50px;
        order: 1;
    }
    .win-1 {        
        order: 2;
    }
    .section-6-1 {
        margin-bottom: 30px;
    }
    .section-6 {
        margin-bottom: 80px;
    }
    .learn-m {     
        width: 100%;
    }
    .time-meet {
        font-size: 28px!important;
    }
    .section-4-1 {
        font-size: 25px!important;
    }
    .section-4-2 {
        font-size: 20px!important;
    }
    .ask {
        margin-bottom: 90px!important;
    }
    .logo-1 {
        margin-bottom: 10px;
    }
    .top-logo-container {
        margin-top: 15%;
    }
    .swal2-image {
        width: 400px!important;
        height: 120px!important;
    }
    .swal2-header {
        padding: 0!important;
    }
    .sub-limit {
        font-size:23px!important;
    }
}