html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0
}

main {
    border: 0px solid black;
    margin: 0;
    padding: 5px
}
.ml__tb{
    padding-left:15px;
    text-align:left;
}
.st__lh{
    line-height:25px;
}
.page-text {
    font-family: Arial;
}
.tit__h1 {
    font-weight: bold;
    text-align: center;
    cursor: default;
    margin-top:1.4%;
    margin-bottom:2%
}
tr, td, hr__ {
    border-top: 1px solid #fff;
}


.left__text {
    background-color: #000;
    width: 100%;
    padding: 1%;
    margin-bottom: 5%;
    border-radius: 10px
}

    .left__text p {
        color: #fff;
        font-size: 1.3em;
        text-align: justify;
        cursor: default
    }


.tit__h2__change {
    animation: color-change 1.5s infinite;
}

.carousel__bot {
    cursor: default
}

.alt-top {
    cursor: default
}

@keyframes color-change {
    0% {
        color: #000;
    }

    50% {
        color: #00bcaf;
    }

    100% {
        color: #000;
    }
}

.scale-up-center {
    -webkit-animation: scale-up-center 2s cubic-bezier(1.000, 1, 1, 1.000) both;
    animation: scale-up-center 2s cubic-bezier(1.000, 1, 1, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media (min-width: 0px) and (max-width: 991px) {
    .tit__h2 {
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
        padding: 2%;
        cursor: default
    }
    .tit__h2__t {
        font-size: 1.4em;
        font-weight: bold;
        text-align: center;
        padding: 2%;
        cursor: default
    }

    .tit__h1 {
        font-size: 1.8em;
        margin-top:3%;
        margin-bottom:3%;
    }

    .left__text {
        background-color: #000;
        width: 100%;
        padding: 2%;
    }

        .left__text p {
            color: #fff;
            font-size: 0.9em;
            text-align: justify
        }
    .left__text__t {
        background-color: #000;
        width: 100%;
        padding: 2%;
        border-radius: 10px;
        margin-bottom: 5%;
        margin-top: 5%;
    }

        .left__text__t p {
            color: #fff;
            font-size: 0.9em;
            text-align: justify
        }

    .carousel_txt h2 {
        font-size: 1em;
        text-align: justify
    }
}

@media (min-width: 0px) and (max-width: 750px) {
    .tknk__btn {
        margin-top: 1%
    }
}

@media (min-width: 0px) and (max-width: 400px) {
    .allread__btn {
        margin-top: 1%
    }
}

@media (min-width: 0px) and (max-width: 534px) {
    .tknk__btn__otherall {
        margin-top: 1%
    }
}

@media (min-width: 992px) and (max-width: 1364px) {
    .tknk__btn {
        margin-top: 1%
    }
}

@media (min-width: 992px) and (max-width: 1530px) {
    .carousel__bot {
        padding: 5%
    }
}

@media (min-width: 1532px) and (orientation: landscape) {
    .alt-top {
        cursor: default;
        width: 100%;
        position: fixed;
        bottom: 0px;
        left: 0px;
    }
}
@media (min-width: 992px) and (orientation: landscape) {
    .tit__h2 {
        font-weight: bold;
        text-align: center;
        padding: 2%;
        cursor: default;
        margin-top:8%
    }
    .tit__h2__t {
        font-weight: bold;
        text-align: center;
        padding: 2%;
        cursor: default
    }
    .left__text__t {
        background-color: #000;
        width: 85%;
        padding: 2%;
        margin-left: 10%;
        margin-top: 3%;
        margin-bottom: 5%;
        border-radius: 10px
    }

        .left__text__t p {
            color: #fff;
            font-size: 1.2em;
            text-align: justify;
            cursor: default
        }
}
.ml__ex {
    margin-left: -45px
}