.header-banner {
    margin-top: 70px;
}

.shareUl ul {
    font-size: 14px;
    line-height: 1.875;
    font-weight: 400;
    color: #636363;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    padding-left: 32px;
}

@media (min-width:575px) {
    .shareUl ul {
        font-size: 16px;
    }
}

.shareUl ul>li:before {
    margin-left: -32px;
    color: #f67656;
}

.shareUl ul>li {
    margin-bottom: 1.2rem;
}

.shareUl ul>li:nth-child(1):before {
    content: "一、";
}

.shareUl ul>li .openText b:before {
    content: "二、";
    margin-left: -32px;
}

.shareUl ul>li:nth-child(3):before {
    content: "三、";
}

.shareUl ul>li b {
    color: #f67656;
    display: inline-block;
}

.shareUl ul>li p {
    display: block;
}

.shareUl ul ol li {
    margin-left: 15px;
    padding-left: 2px;
    list-style-position: outside;
}

.shareUl ol.listStyle li {
    list-style-type: disc;
}

.shareUl ul li span {
    display: block;
}

/* shareUl 2 */
.shareUl2 ul {
    font-size: 14px;
    line-height: 1.875;
    font-weight: 400;
    color: #636363;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    padding-left: 32px;
}

@media (mIN-width:575px) {
    .shareUl2 ul {
        font-size: 16px;
    }
}

.shareUl2 ul>li:before {
    margin-left: -32px;
    color: #4e4fcb;
}

.shareUl2 ul>li {
    margin-bottom: 1.2rem;
}

.shareUl2 ul>li b {
    margin-left: -32px
}

.shareUl2 ul>li:nth-child(1) b:before {
    content: "一、";

}

.shareUl2 ul>li:nth-child(2) b:before {
    content: "二、";
}

.shareUl2 ul>li:nth-child(3) b:before {
    content: "三、";
}

.shareUl2 ul>li b {
    color: #f67656;
    display: inline-block;
}


.shareUl2 ul li ol li {
    margin-left: 15px;
    padding-left: 2px;
    list-style-position: outside;
    color: #000;
}

.shareUl2 ul li ol li span,
.shareUl2 ul li ol li ol li {
    color: #636363;
}

/* .shareUl2 ul li span,
.shareUl2 ul li ol li span {
    display: block;
} */

.shareUl2 ol.listStyle li {
    list-style-type: disc;
}

/* open */
.faq-t {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: transparent;
    border-left: 3px solid #f67656;
    border-bottom: 3px solid #f67656;
    border-radius: 2px;
    transition: all .3s ease-in-out;
    /* background: yellowgreen; */
}

.faq-o {
    position: absolute;
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}


.visibleText {
    display: none;
}

.topic {
    padding: unset;
    padding-top: unset;
    padding-bottom: 1rem;
    /* border-bottom: unset; */
}

footer#footer {
    margin-top: 0;
}

.unitSect h3 {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    /* font-weight: bold; */
    background: #f67656;
    padding: 4px 8px;
    border-radius: 25px;

}

.unitSect .col-12 img {
    width: 87px;
    height: auto;
    object-fit: contain;
}

.unitSect ul li:nth-child(2) img {
    width: 120px;
}

.unitSect ul li:nth-child(3) img {
    width: 140px;
}

.unitSect ul li:nth-child(5) img {
    width: 87px;
}

.unitSect ul li {
    display: inline-block;
    text-align: center;
    margin: 10px 10px;
    padding: .2rem;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    
}
@media (min-width:768px) {
    .unitSect ul li {
        display: inline-block;
    }
}

@media (min-width:992px) {
    .unitSect ul li {
        margin: 10px 10px;
    }
}

@media (min-width:1200px) {
    .unitSect h3 {
        color: #f67656;
        font-size: 16px;
        background: transparent;
        border: 1px solid #f67656;


    }
}

/* modal */
.fade.show {
    background: rgba(0, 0, 0, .8);
}

.modal-body {
    padding: 1.5rem 1.5rem;
}

.modal ul {
    font-size: 14px;
    line-height: 1.875;
    list-style: decimal;
    list-style-position: inside;
}

.modal b {
    color: #f67656;
    display: block;
}

.modal ul li {
    margin-left: 20px;
    text-align: left;
}

/* .modal ul li b {
    color: #4e4fcb;
    display: inline-block;
    font-weight: bold;
} */
#step03 ul li {
    list-style: none;
}

#step03 ul li:nth-child(1) b:before {
    content: '1. ';
    margin-left: -15px;
}

#step03 ul li:nth-child(2) b:before {
    content: '2. ';
    margin-left: -15px;
}

@media (min-width:576px) {

    .modal ul {
        font-size: 16px;
    }

}

@keyframes move {

    0%,
    65% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    75% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    80% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    85% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    90% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }

    95% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.imgMove{
    animation: move 2s 0s infinite;
}

#info .topic {
    border-top: 1px solid #ccc;
    border-bottom: none;
    padding-top: 1.2rem;

}