/************************************* 刷的animation  *************************************/
/* 刷的動畫設定 */
/* 刷的動畫設定 */
/* 刷的動畫設定 */
.white {
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: width 0.5s;
    transition-timing-function: ease-in-out;
}


.black {
    background: #111f98;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: width 0.5s;
    transition-delay: 0.5s;
    transition-timing-function: ease-in-out;
}

.inside .black {
    background: #1595f4;
}

.finance .black {
    background: #fd9700;
}

.informatics .black {
    background: #bf7de4;
}



.shineItem {}

.postionRelative {
    position: relative;
}


/************************************* 其他animation *************************************/

/* 所有動畫時間差設定*/
/* 所有動畫時間差設定*/
/* 所有動畫時間差設定*/

@keyframes fadeOut06 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.6;
    }
}

@keyframes fadeOut08 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.8;
    }
}


@keyframes width100 {

    to {
        width: 100%;
    }
}

@keyframes fadeOut06_bigger120 {
    from {
        opacity: 1;
        background-size: 100%;
    }

    to {
        opacity: 0.6;
        background-size: 110%;
    }
}

@keyframes fadeOut08_bigger120 {
    from {
        opacity: 1;
        background-size: 100%;
    }

    to {
        opacity: 0.8;
        background-size: 110%;
    }
}

@keyframes fadeOut03_bigger120 {
    from {
        opacity: 1;
        background-size: 100%;
    }

    to {
        opacity: 0.3;
        background-size: 110%;
    }
}



@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}