@charset "utf-8";

@media (max-width:1399px) {
    
}

@media (max-width:1199px) {
    
}
@media (max-width:991px) {
    :root{
        font-size: 15px;
    }
    .page{
        padding-top: 0;
    }
    .header_page {
        padding:6rem 0;
    }
    .btn_home {
        left: 8px;
        top: 8px;
        position: fixed !important;
    }    
    .btn_home .btn_home_icon {        
        width: 2.2rem;
        height: 2.2rem;
    }
    .gototop {        
        width: 3rem;
        height: 3rem;
    }
    .tabbtn,
    .tabbtn.active.noshow{
        width: auto;
    }
    .tabbtn.noshow span{
        display:none;
        word-break: keep-all;
    }
    .tabbtn.active{
        width: 100%;
    }
    .tabbtn.active span{
        /* word-break: keep-all;
        display:inline-block; */
    }
}
@media (max-width:767px) {
    :root{
        font-size: 14px;
    }
    .f24{
        font-size: 1.4rem;
    }
    .f32{
        font-size: 1.6rem;
    }    
    .f48{
        font-size: 2rem;
    }
    .header_page {
        padding:5rem 0;
    }
    .header_index {
        min-height: 30rem;       
        padding-top: 7rem;
    }
    .backnext_btn{
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width:575px) { 
    .header_page {
        padding:4.5rem 0;
    }
    .aboutcomplete{
        width: 100%;
        margin-bottom: 1rem;
    }
    .tab_qabtn{
        padding: 0.6rem 1.5rem;
    }
    .slogan2 br{
        display: block;
    }
    
}
@media (max-width:480px) {
    :root{
        font-size: 13px;
    }
    .header_page {
        padding:3.3rem 0;
    }
    .foo_link{        
        /* justify-content: space-between; */
        flex-wrap: wrap;
        align-items: center;        
    }
    .foo_link a:first-child{ 
        padding-left:1rem;
    }
    .note .f18{
        font-size: 1rem;
    }
}