.testimonial-block-vertical-quote i {
    margin-bottom: 25px;
}

.testimonial-block-vertical-quote a {
    margin-bottom: 0px;
}

.marketing-site-three-up {
    text-align: center;
    padding: 1rem 0;
    background-color: #fafafa;
}


/*版面小*/

.marketing-desc {
    color: #363636;
    font-size: 10px;
}

.marketing-title {
    text-align: center;
    color: #313131;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.marketing-site-three-up::after {
    content: '';
    bottom: -1.25rem;
    left: 50%;
    /*調整三角型位置*/
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 1.25rem 1.125rem 0 1.125rem;
    border-color: rgba(68, 146, 197, 0.25) transparent transparent transparent;
    position: absolute;
}

.marketing-site-three-up .row {
    max-width: 900px;
}

.marketing-site-three-up .columns {
    margin-bottom: 0rem;
}


/*綠色*/

.gd {
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #b5d136;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.gdb {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #7faf27;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.gdc {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #41690d;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.gdd {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #2f4403;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}


/*桔色*/

.ora {
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #e67b25;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.orb {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #af6927;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.orc {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #693e0d;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.ord {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #442003;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}


/*紅色*/

.ra {
    margin-left: 25px;
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #ce1919;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.rb {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #af2727;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.rc {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #690d0d;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.rd {
    margin-bottom: 10px;
    padding: 0.3rem 0.7rem 0.3rem 0.3rem;
    background-color: #440303;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
}

.grid-x h3 img {
    width: 35px;
    height: 35px;
}

@media screen and (min-width: 40em) {
    .grid-x h3 img {
        width: 50px;
        height: 50px;
    }
    .marketing-site-three-up .columns {
        margin-bottom: 0;
    }
    .gd,
    .gbd,
    .gdc,
    .gdd,
    .gdb {
        font-size: 22px;
        font-style: normal;
    }
    .ora,
    .orb,
    .orc,
    .ord {
        font-size: 19px;
        font-style: normal;
    }
    .ra,
    .rb,
    .rc,
    .rd {
        font-size: 19px;
        font-style: normal;
    }
    .marketing-title {
        text-align: center;
        color: #313131;
        font-size: 16px;
        margin-top: 0px;
    }
    .marketing-desc {
        color: #313131;
        font-size: 6px;
        margin-top: 0 0 0 0;
        padding: 0 0 0 0;
    }
}


/*箭頭*/

.marketing-site-three-up .fa {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #a3a3a3;
}

.marketing-site-three-up-headline {
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-size: 24px;
}

.marketing-site-three-up-desc {
    margin-top: -1rem;
    margin-bottom: 0rem;
}

html {
    scroll-behavior: smooth;
}

#section1 {
    background-color: #e7f3fd;
}

.rounded-social-buttons {
    text-align: center;
}

.rounded-social-buttons .social-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 2.25rem;
    height: 2.25rem;
    border: 0.15rem solid transparent;
    padding: 0;
    text-decoration: none;
    text-align: center;
    color: #fefefe;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 2em;
    border-radius: 1.6875rem;
    transition: all 0.5s ease;
    margin-top: 10px;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover,
.rounded-social-buttons .social-button:focus {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.rounded-social-buttons .social-button.goback {
    background: #202020;
    font-size: 12px;
}

.rounded-social-buttons .social-button.goback:before {
    font-family: "FontAwesome";
    /* content: "Go";*/
}

.rounded-social-buttons .social-button.goback:hover,
.rounded-social-buttons .social-button.goback:focus {
    color: #202020;
    background: #fefefe;
    border-color: #616161;
}