/* CSS Document */



/* ------------------------------------------ */

/*             TABLE OF CONTENTS

/* ------------------------------------------ */

/*  01-Loading Transition   */





/**

============================================

        Loading Transition

============================================

 */

/*========================== Transition ========================*/

.tran1s {

    -webkit-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

}

.tran2s {

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.tran3s {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.tran4s {

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.tran5s {

    -webkit-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



/*==================== Click Top ====================*/

.scroll-top {

    width:40px;

    height:40px;

    cursor: pointer;

    position: fixed;

    bottom: 10px;

    right: 10px;

    z-index: 99;

    text-align: center;

    color:#fff;

    background: #ec971f;

    font-size: 28px;

    line-height: 40px;

    display: none;

}

.scroll-top:after {

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 1;

    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);*/

    /*background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);*/

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

}

.border-c {

    border: 1px solid #ccc;

}

.hide-one {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}