.cool_timeline h1.timeline-main-title {
    font-weight: normal !important;
    /* font-family: Montserrat !important; */
    font-size: 16px !important;
    text-align: center !important;
}

.cool_timeline h4.timeline-main-title.center-block {
    font-weight: normal !important;
    /* font-family: Montserrat !important; */
    font-size: 16px !important;
    text-align: center !important;
}

.cool-timeline.white-timeline:before,
.cool-timeline.white-timeline.one-sided:before {
    background-color: #025149;
    background-image: -webkit-linear-gradient(top, #025149 0%, #025149 8%, #025149 92%, #025149 100%);
    background-image: -moz-linear-gradient(top, #025149 0%, #025149 8%, #025149 92%, #025149 100%);
    background-image: -ms-linear-gradient(top, #025149 0%, #025149 8%, #025149 92%, #025149 100%);
}

.ctl_road_map_wrp li .ctl-story-year:before,
.ctl_road_map_wrp a li:nth-child(n) .ctl-story-year:before {
    background: #025149 !important;
}

.ctl_road_map_wrp li:nth-of-type(1) .ctl-story-year:before,
.ctl_road_map_wrp a:nth-of-type(1) li .ctl-story-year:before {
    background: -moz-linear-gradient(left, #02514900 0%, #02514900 1%, #025149 50%, #025149 100%) !Important;
    background: -webkit-linear-gradient(left, #02514900 0%, #02514900 1%, #025149 50%, #025149 100%) !Important;
    background: linear-gradient(to right, #02514900 0%, #02514900 1%, #025149 50%, #025149 100%) !Important;
}

.ctl_road_map_wrp li:nth-last-of-type(1) .ctl-story-year:before,
.ctl_road_map_wrp a:nth-last-of-type(1) li .ctl-story-year:before {
    background: -moz-linear-gradient(left, #025149 0%, #025149 1%, #025149 50%, #02514900 100%) !Important;
    background: -webkit-linear-gradient(left, #025149 0%, #025149 1%, #025149 50%, #02514900 100%) !Important;
    background: linear-gradient(to right, #025149 0%, #025149 1%, #025149 50%, #02514900 100%) !Important;
}

.cool-timeline.white-timeline .timeline-year {
    -webkit-box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #025149;
    box-shadow: 0 0 0 4px white, inset 0 0 0 2px rgba(0, 0, 0, 0.05), 0 0 0 8px #025149;
}

.cool-timeline.white-timeline .timeline-post .iconbg-turqoise {
    box-shadow: 0 0 0 4px white, inset 0 0 0 2px #fff, 0 0 0 8px #025149;
}

.cool-timeline.white-timeline.compact .timeline-post .icon-color-white {
    box-shadow: 0px 0px 0 3px #025149 !Important;
}

.cooltimeline_cont .center-line:before,
.cooltimeline_cont .center-line:after {
    border-color: #025149;
}

.cooltimeline_cont .center-line {
    background: #025149;
}

.cool-timeline.white-timeline .timeline-year {
    background: #38aab7;
    /* background: #3864a9; */
}

.cool-timeline .timeline-post .timeline-content {
    background: #f6f6f6;
}

.cool-timeline .timeline-year .icon-placeholder span {
    /* font-family: Montserrat !important; */
}

.cool-timeline .timeline-post .timeline-content h2.content-title,
.ctl-popup-content h2 {
    font-size: 16px !important;
    /* font-family: Montserrat !important; */
    font-weight: normal !important;
    text-transform: capitalize;
}

.ctl-popup-content .story-posted-date {
    /* font-family: Montserrat !important; */
}

.cool-timeline .timeline-post .timeline-content .content-details,
.ctl-popup-content {
    font-size: 16px !important;
    /* font-family: Montserrat !important; */
    font-weight: normal !important;
}

.cool-timeline .timeline-post .timeline-meta .meta-details {
    /* font-family: Montserrat !important; */
    font-weight: normal !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title:before {
    border-right-color: #3864a9;
}

.cool-timeline.white-timeline.one-sided .timeline-post.even .timeline-content .content-title:before {
    border-right-color: #3864a9;
}

.cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
.cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full {
    background: #3864a9;
    
}

.cool-timeline.white-timeline .timeline-post.even .icon-color-white,
.cool-timeline.one-sided.white-timeline .timeline-post.even .icon-color-white {
    background: #3864a9;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-meta .meta-details,
.ctl_road_map_wrp .ctl-story-year,
.ctl_road_map_wrp .ctl-story-title,
.ctl_road_map_wrp .ctl-story-title a {
    color: #3864a9;

}

.cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title {
    background: #3864a9;
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post.even .timeline-content h2.content-title {
    color: #3864a9;
}

.clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-left .timeline-content h2.content-title {
    color: #3864a9;
}

.clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-left .timeline-content {
    border-right: 3px solid #3864a9;
    border-radius: 0;
}

.ctl_road_map_wrp .ctl-story-title:before {
    background: -moz-linear-gradient(top, #3864a9 0%, rgba(229, 229, 229, 0) 100%);
    background: -webkit-linear-gradient(top, #3864a9 0%, rgba(229, 229, 229, 0) 100%);
    background: linear-gradient(to bottom, #3864a9 0%, rgba(229, 229, 229, 0) 100%);
}

.cool-timeline.white-timeline.compact .timeline-post.ctl-left .icon-dot-full {
    background: #3864a9;
}

.ultimate-style .timeline-post.timeline-mansory.ctl-left .timeline-content .content-title:after {
    border-left-color: #3864a9;
}

.cool-timeline.white-timeline.compact .timeline-post.ctl-left .timeline-content .content-title,
.cool-timeline.white-timeline.compact .timeline-post.ctl-left .icon-color-white {
    background: #3864a9;
}

.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before {
    border-left-color: #3864a9;
}

.cool-timeline.white-timeline.one-sided .timeline-post.odd .timeline-content .content-title:before {
    border-right-color: #3864a9;
    border-left-color: transparent;
}

.cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
.cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
    background: #3864a9;
}

.cool-timeline.white-timeline .timeline-post.odd .icon-color-white,
.cool-timeline.one-sided.white-timeline .timeline-post .icon-color-white {
    background: #3864a9;
}

.cool-timeline.white-timeline .timeline-post.odd .timeline-meta .meta-details,
.ctl_road_map_wrp li.current-year .ctl-story-year,
.ctl_road_map_wrp li.current-year .ctl-story-title,
.ctl_road_map_wrp li:hover .ctl-story-year,
.ctl_road_map_wrp li:hover .ctl-story-title,
.ctl_road_map_wrp li.current-year .ctl-story-title a,
.ctl_road_map_wrp li:hover .ctl-story-title a,
.ctl-popup-content h2 {
    color: #3864a9;
}

.cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title {
    background: #3864a9;
}

.clean-skin-tm .cool-timeline.white-timeline .timeline-post.odd .timeline-content h2.content-title {
    color: #3864a9;
}

.clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-right .timeline-content h2.content-title {
    color: #3864a9;
}

.clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-right .timeline-content {
    border-left: 3px solid #3864a9;
    border-radius: 0;
}

.ultimate-style .timeline-post.timeline-mansory.ctl-right .timeline-content .content-title:after {
    border-right-color: #3864a9;
}

.cool-timeline.white-timeline.compact .timeline-post.ctl-right .timeline-content .content-title,
.cool-timeline.white-timeline.compact .timeline-post.ctl-right .icon-color-white {
    background: #3864a9;
}

.ctl_road_map_wrp li.current-year .ctl-story-title:before,
.ctl_road_map_wrp li:hover .ctl-story-title:before {
    background: -moz-linear-gradient(top, #3864a9 0%, rgba(229, 229, 229, 0) 100%);
    background: -webkit-linear-gradient(top, #3864a9 0%, rgba(229, 229, 229, 0) 100%);
    background: linear-gradient(to bottom, #3864a9 0%, rgba(229, 229, 229, 0) 100%);
}

.cool-timeline.white-timeline.compact .timeline-post.ctl-right .icon-dot-full {
    background: #3864a9;
}

@media (max-width:860px) {
    .clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-left.even .timeline-content h2.content-title {
        color: #3864a9;
    }

    .clean-skin-tm .cool-timeline.white-timeline.compact .timeline-post.ctl-left.odd .timeline-content h2.content-title {
        color: #3864a9;
    }
}

.cool-timeline.white-timeline.compact .timeline-post .timeline-content h2.content-title {
    font-size: 16px !important;
    /* font-family: Montserrat !important; */
    font-weight: normal !important;
}

.ctl_road_map_wrp li .ctl-story-title {
    font-size: calc(16px - 3px) !important;
    /* font-family: Montserrat !important; */
    font-weight: normal !important;
}

.ctl-story-year .rm_year {
    /* font-family: Montserrat !important; */
}
/* 公司介紹 大事記 RWD手機不要特效、桌機要特效__因為IOS新版手機有 FADE-IN特效 該區塊會不見 */
@media screen and (max-width: 768px) {
    #cohistory-for-mobile {
        display: block;
    }

    #history-for-pc {
        display: none;
    }

    .fadeInUp {
        animation-name: none !important;
    }
}

@media screen and (min-width: 769px) {
    #cohistory-for-mobile {
        display: none;
    }

    #history-for-pc {
        display: block;
    }
}
@media (max-width:860px) {
    .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title:before {
        border-right-color: #3864a9;
        border-left-color: transparent;
    }

    .cool-timeline.white-timeline.compact .timeline-post.ctl-left.even .timeline-content .content-title,
    .cool-timeline.white-timeline.compact .timeline-post.ctl-left.even .icon-color-white,
    .cool-timeline.white-timeline.compact .timeline-post.ctl-left.even .icon-dot-full {
        background: #3864a9;
    }

    .cool-timeline.white-timeline.compact .timeline-post.ctl-left.odd .timeline-content .content-title,
    .cool-timeline.white-timeline.compact .timeline-post.ctl-left.odd .icon-color-white,
    .cool-timeline.white-timeline.compact .timeline-post.ctl-left.odd .icon-dot-full {
        background: #3864a9;
        /* background: #3864a9; */
    }

    .ultimate-style .timeline-post.timeline-mansory.ctl-left .timeline-content .content-title:after {
        border-left-color: transparent;
    }
}