/*------------------------------------------------------------------
 * 模块：index.css
 * 作者：Irene
 * 时间：2021-10-12 11:35
 * 修改：北冥 2021-10-15 20:12
 *----------------------------------------------------------------*/
/* ----------
 * ---Main---
 * --------*/
.main
{
    height:100vh;
}

/*MainLeft*/
.main_left_box
{
    flex-direction: column;
    width:100%;
    height:100%;
    background-color:var(--osky-brighter);
}

.main_left
{
    flex-direction: column;
    width:70%;
}

.main_left svg.logo
{
    width:100%;
    height:4rem;
}

.main_left_form_box
{
    width:100%;
    background-color:var(--osky-white);
    box-shadow: 0 8px 18px 8px rgb(30 32 34 / 24%);
    -webkit-box-shadow: 0 8px 18px -8px rgb(30 32 34 / 24%);
    margin-top:2rem;
    padding:2rem;
}

.main_left_form
{
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.main_left_form label.input_label
{
    font-weight:700;
    font-size:1.125rem;
}

.main_left_form input.input_style
{
    width:100%;
    margin:0.5rem 0rem 2rem 0rem;
}

.main_left_form div label.label_text
{
    margin-left:0.5rem;
}

.main_left_form input.input_submit
{
    width:100%;
    margin-bottom:0.75rem;
}

.main_left_form div.bottom
{
    justify-content: space-between;
    width:100%;
    padding-top:2rem;
}

.main_left_form div.bottom a.forget
{
    color:var(--osky-grey-light);
}

.main_left_form div.bottom a.signup
{
    color:var(--osky-primary);
}

/*FooterNotes*/
.footer_notes h6
{
    color:var(--osky-grey);
}

.footer_notes h6 a
{
    color:var(--osky-grey);
}

/*MainRight*/
.main_right
{
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width:100%;
}

.main_right_top
{
    width:100%;
    height:54vh;
    padding:4rem 4rem 2rem 4rem;
}

.main_right_top h2.title
{
    color:var(--osky-dark);
}

.main_right_top p
{
    color:var(--osky-dark);
    padding:0.5rem 0rem;
}

.main_right_top p.subtitle
{
    margin-top:1.5rem;
}

.main_right_top p em
{
    font-style:normal;
    color:var(--osky-success);
    margin-right:0.5rem;
}

.main_right_bottom
{
    width:100%;
    height:46vh;
}

.main_right_bottom img
{
    width:100%;
    height:100%;
    object-fit:cover;
}

/*==================================*/
/* ----------------------------------
/* ---超小型设备（电话，600px 及以下）---
 * --------------------------------*/
/*==================================*/
@media only screen and (max-width: 600px)
{
    /*设置当前设备RootFontsize*/
    html{font-size:var(--OskyFontSizeMin);}
    
    /* ----------
     * ---Main---
     * --------*/
    .main
    {
        grid-template-columns:1fr;
    }
    
    /*MainLeft*/
    .main_left_box
    {
        padding-top:2rem;
    }
    
    .main_left
    {
        width:90%;
    }
    
    /*MainRight*/
    .main_right
    {
        display:none;
    }

}

/*===============================================*/
/* -----------------------------------------------
/* ---小型设备（纵向平板电脑和大型手机，600 像素及以上）---
 * ----------------------------------------------*/
/*===============================================*/
@media only screen and (min-width: 600px)
{
    /*设置当前设备RootFontsize*/
    html{font-size:var(--OskyFontSizeMin);}
    
    /* ----------
     * ---Main---
     * --------*/
    .main
    {
        grid-template-columns:1fr;
    }
    
    /*MainLeft*/
    .main_left_box
    {
        padding-top:2rem;
    }
    
    .main_left
    {
        width:70%;
    }
    
    /*MainRight*/
    .main_right
    {
        display:none;
    }
    
   
}

/*========================================*/
/* ----------------------------------------
/* ---中型设备（横向平板电脑，720 像素及以上）----
 * ---------------------------------------*/
/*========================================*/
@media only screen and (min-width: 720px)
{
    /*设置当前设备RootFontsize*/
    html
    {
        font-size: calc( var(--OskyFontSizeMin) + ( (var(--OskyFontSizeMaxNum) - var(--OskyFontSizeMinNum) ) * ( 100vw - var(--OskyMinScreen) ) / ( var(--OskyMaxScreen) - var(--OskyMinScreen)) ) );
    }
    
    /* ----------
     * ---Main---
     * --------*/
    .main
    {
        grid-template-columns:1fr;
    }
    
    /*MainLeft*/
    .main_left_box
    {
        padding-top:0rem;
    }
    
    .main_left
    {
        width:60%;
    }
    
    /*MainRight*/
    .main_right
    {
        display:none;
    }
    
}

/*============================================*/
/* --------------------------------------------
/* ---大型设备（笔记本电脑/台式机，990px 及以上）----
 * ------------------------------------------*/
/*============================================*/
@media only screen and (min-width: 990px)
{
    /*设置当前设备RootFontsize*/
    html{font-size:var(--OskyFontSizeMax);}
    
    /*设置当前设备RootFontsize*/
    html
    {
        font-size: calc( var(--OskyFontSizeMin) + ( (var(--OskyFontSizeMaxNum) - var(--OskyFontSizeMinNum) ) * ( 100vw - var(--OskyMinScreen) ) / ( var(--OskyMaxScreen) - var(--OskyMinScreen)) ) );
    }
    
    /* ----------
     * ---Main---
     * --------*/
    .main
    {
        grid-template-columns:repeat(2,1fr);
    }
    
    /*MainLeft*/
    .main_left_box
    {
        padding-top:0rem;
    }
    
    .main_left
    {
        width:70%;
    }
    
    /*MainRight*/
    .main_right
    {
        display:block;
    }
}