/*==========自訂頁面=========*/

#about h3 {
    text-align: center;
}

#about #about_title_h3 {
    margin: 0rem 0rem 1.875rem 0rem !important;
}

#about #about_title {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 110%;
     font-family: Noto Sans TC !important;  
    color: #373638;

}

#about #about_title::before {
    content: '';
    position: absolute;
    height: 35px;
    background: url(../../img/custom/biketour_18.png) no-repeat left top;
    width: 106px;
    left: -7.1875rem;
    top: 0.6rem;
}

#about #about_title::after {
    content: '';
    position: absolute;
    height: 35px;
    background: url(../../img/custom/biketour_19.png) no-repeat left top;
    width: 106px;
    right: -7.1875rem;
    top: 0.6rem;
}

#about {
    position: relative;
    padding: 2.1875rem 0.625rem 0rem 0.625rem;
}

#about .conrent_each {
    margin: 0rem 0rem 2.5rem 0rem;
}

#about #img_box {
    margin: 1.25rem 0rem 1.875rem 0rem;
    border: 0.0625rem solid #AFAFAF;
    padding: 0.5rem 0.5rem 0rem 0.5rem;
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    transition: all .55s ease .1s;
}

#about #img_box img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transition: all .55s ease .1s;
}

#about #img_box:hover {
    border: 0.0625rem solid #DB0402;
}

#about #img_box:hover img {
    transform: scale(1.2, 1.2);
   border-radius: 2rem !important; 
}
#about #img_box:hover {
border: 0.2625rem solid #DB0402;
   border-radius: 2rem !important; 
    }



#about p {
    text-indent: 2em;
    color: #232323;
    font-size: 100%;
}

#about b {
    color: #C23202;
    font-size: 110%;
}

#about .page-header {
    position: relative;
    font-size: 85%;
    margin: 0rem 0rem 1.25rem 0rem;
}

#about .page-header:nth-child(3) {
    position: relative;
    font-size: 85%;
    margin: 1.875rem 0rem 1.25rem 0rem;
}

#about strong {
    display: inline-block;

    padding: 0rem 0rem 1.875rem 0rem !important;
    color: #BC0000;
    line-height: 180%;
}

#about .page-header h4 {
    font-size: 170%;
    line-height: 160%;
    margin: 0rem 0rem;
}

#about .page-header small {
    padding: 0rem 0rem 0rem 0.3125rem;
    font-size: 80%;
    
}

#about  h5{
color: #1A5193;
     font-family: Noto Sans TC !important;  
}
#about  h6{
color: #267F33;
     font-family: Noto Sans TC !important;  
}


/*============騎遊行事曆=================*/
.page1 #about iframe{
width: 99.9%;
min-height: 800px;
}


/*============動畫=================*/

.animationtrue #about #conrent_01 {
    position: relative;
    animation-duration: 2s;
    animation-name: conrent_01;
    opacity: 1;
}

.animationtrue #about .conrent_each {
    position: relative;
    animation-duration: 1.5s;
    opacity: 0;
}

@keyframes aboutcenter {
    from {
        top: 9.375rem;
        opacity: 0;
    }

    to {
        top: 0rem;
        opacity: 1;
    }
}

@keyframes conrent_01 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}