body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) */
* {
    font-family: Microsoft Jhenghei;
}

/*公版用*/
section.blog-cont {
    width: 100%;
}

.Blog-Page .copy_righttxt {
    padding-bottom: 1.5em;
}

.Blog-Page .footer_company {
    line-height: 1.9em;
}

.Blog-Page .sitemap_box .text-container .text-link .link-list {
    background: none !important;
}

.sub_menu-trip .sub_inside {
    justify-content: center;
}

.row.footer {
    background: #fff;
}

/*header*/
.tito_header {
    z-index: 1031;
}

.tito_nav .module-container .main .header-part {
    padding: 0px 0px 0px 30px;
}

.tito_nav .module-container .main .header-part .navbar-brand {
    height: auto;
    padding: 5px;
    margin: 5px;
}

.tito_nav .module-container .main .header-part .navbar-nav .nav-item {
    padding: 0 10px;
}

.tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(1) {
    height: 100%;
    background: #025e73;
    padding: 27px 27px;
}

.tito_nav .module-container .main .header-part .navbar-nav .nav-link {
    font-size: 18px;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    letter-spacing: 1.5px;
}

.tito_nav .module-container .main .header-part .navbar-nav li:hover .nav-link::before {
    content: '';
    height: 1px;
    display: block;
    background: #efb91b;
    position: absolute;
    bottom: 30px;
    left: 5px;
    right: 5px;
}

.tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(1) .nav-link::before,
.tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(2) .nav-link::before,
.tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(3) .nav-link::before {
    display: none;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1) .nav-link {
    color: #efb91b !important;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1):hover .nav-link {
    background: #025e73 !important;
    color: #efb91b !important;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) {
    padding-right: 20px;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3) {
    padding-right: 0;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) .nav-link {
    color: #efb91b !important;
    font-size: 25px;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3) {
    margin-right: 2em;
}

/*dropdown*/
.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item.dropdown .dropdown-menu {
    background: rgba(255, 255, 255, 0.9) !important;
    padding: 10px 0 !important;
}

.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
    line-height: 30px;
    font-size: 16px;
    color: #025e73;
}

@media (max-width:767px) {
    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) .nav-link {
        color: #000000 !important;
        font-size: 17px !important;
    }
}



/*sitemap*/
.tito_sitemap .module-container .main.row {
    justify-content: space-between;
}

.tito_sitemap .module-container .main.row .widget-item .text-container .link.text-link h2 {
    font-weight: bold;
    margin-bottom: 15px;
}

.tito_sitemap .module-container .main.row .widget-item .text-container .link.text-link .link-list li {
    line-height: 20px;
}

.tito_sitemap .module-container .main.row .widget-item .text-container .link.text-link .link-list a {
    padding: 3px 10px 0px 15px;
    line-height: 20px;
}

.tito_sitemap .module-container .main.row .widget-item .text-container .link.text-link .link-list i {
    margin: 0;
}

/*mobile*/
.sitemap_m .module-container .main .side-menu ul {
    box-shadow: none;
    background: #fff;
}

.sitemap_m .module-container .main .side-menu ul li label,
.sitemap_m .module-container .main .side-menu ul li input[type='checkbox']:checked~label {
    background: #fff;
    color: #155a6b;
    text-shadow: none;
    font-weight: bold;
    border-bottom: none;
    position: relative;
    padding: 10px 0 5px;
}

.sitemap_m .module-container .main .side-menu ul li input[type='checkbox']:checked~label i {
    transform: rotate(45deg);
    top: 7px;
}

.sitemap_m .module-container .main .side-menu ul li label i {
    position: absolute;
    right: 0;
    top: 12px;
}

.sitemap_m .module-container .main .side-menu ul li ul {
    box-shadow: none;
}

.sitemap_m .module-container .main .side-menu ul li ul li {
    border: none;
}

.sitemap_m .module-container .main .side-menu ul li ul li a {
    padding-left: 0;
}

.sitemap_m .module-container .main .side-menu ul li ul a i {
    display: none;
}

/*footer*/
.footer_grayinfo>.module-container>.main.row {
    justify-content: center;
}

.footer_grayinfo .footer_icons .module-container .main .footer-wrap,
.footer_grayinfo .footer_icons .module-container .main .footer-wrap .footer-sample .footer_center {
    background: #efefef;
}

.footer_grayinfo .footer-wrap .footer-sample .footer_center .company-info,
.footer_grayinfo .footer-wrap .footer-sample .footer_center .contact-info,
.footer_grayinfo .footer-wrap .footer-sample .footer_center .footer_sbox,
.footer_grayinfo .footer-wrap .footer-sample .icon_wrap {
    display: none;
}

.footer_grayinfo .footer-wrap .footer-sample .footer_center .fb-info {
    max-width: 100%;
    flex: 0 0 100%;
    padding: 3em 4em 0;
}

.footer_grayinfo .footer-wrap .footer-sample .footer_center .fb-info .fb-box {
    margin-bottom: 0 !important;
}

.footer_grayinfo .footer-wrap .fb-box a {
    padding: 10px 9px;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
}

.footer_grayinfo .footer-wrap .fb-box a.fb-img-1 {
    flex: 0 0 100%;
    max-width: 100%;
}

.footer_company .module-container .main p i {
    font-size: 1.5em;
    color: #666 !important;
}

.footer_company .module-container .main a:hover {
    text-decoration: none;
}


/*aboutUs*/

.about_title .main {
    padding: 2em 0 0.4em;
    background-image: url(https://www.titohiking.com.tw/material-alias/about/titletxt-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.about_title .main p {
    margin-bottom: 0;
}

.about_leaders .module-container .main .mix-wrapper .pic-content .img-box {
    padding: 0 4.5em !important;
}

.about_leaders .module-container .main .mix-wrapper .pic-content .img-box img {
    border-radius: 10em;
}

.about_leaders .module-container .main .mix-wrapper>.row {
    margin-bottom: 3em;
}

.about_leaders .module-container .main .mix-wrapper .item-content {
    overflow: hidden;
}

.about_leaders .module-container .main .mix-wrapper .btn-info.more {
    margin-top: 15px;
    display: table;
    background: #efb91b;
    padding: 0px 15px;
    line-height: 30px;
    border-radius: 50px;
    float: right;
}


@media (min-width:992px) and (max-width:1930px) {
    .tito_nav .module-container .main .header-part .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width:1600px) {
    .tito_nav .module-container .main .header-part .navbar-nav .nav-item {
        padding: 0 5px;
    }

    /*sitemap & tail_banner & media & icons & product*/
    .sixicon_wrap,
    .idx_content,
    .idx_media,
    .tito_sitemap,
    .idx_ftbanner .ft_info,
    .autopage_items {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    /*footer*/
    .footer_grayinfo .footer_company {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .footer_grayinfo .footer_icons {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .footer_grayinfo .footer-wrap .footer-sample .footer_center .fb-info {
        padding: 3em 2em 0;
    }
}


@media (max-width:1440px) {

    /*header*/
    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) {
        padding-right: 5px;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(1) {
        padding: 17px;
    }

    .tito_nav .module-container .main .header-part {
        padding: 0px 0px 0px 15px;
    }

    .tito_nav .module-container .main .header-part .navbar-brand {
        height: 80px;
    }



    /*about*/
    .titohiking_us,
    .about_services1,
    .about_services2,
    .about_leaders {
        max-width: 83.333333%;
        flex: 0 0 83.333333%;
    }

}

@media (max-width:1366px) {

    /*header*/
    .tito_nav .module-container .main .header-part {
        padding: 0;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-link {
        font-size: 17px;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(4) {
        margin-right: 0em;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-link {
        letter-spacing: 0px;
    }
}

@media (max-width:1209px) {

    /*header*/
    .tito_nav .module-container .main .header-part .navbar-brand {
        width: 80px;
        overflow: hidden;
    }

    .tito_nav .module-container .main .header-part .navbar-brand img {
        max-width: unset;
    }

    /*footer*/
    .footer_grayinfo .footer-wrap .footer-sample .footer_center .fb-info {
        padding: 3em 0em 0;
    }
}

@media (max-width:1199px) {

    /*about*/
    .titohiking_us,
    .about_services1,
    .about_services2,
    .about_leaders {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width:1024px) {
    .tito_nav .module-container .main .header-part .navbar-nav .nav-link {
        font-size: 15px;
        letter-spacing: 0;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3) {
        margin-right: 1em;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) .nav-link {
        font-size: 20px;
    }

    .showName .member-name {
        font-size: 15px;
    }

    .showName .icon {
        margin-left: 5px;
    }

    .showName .SignOut {
        margin-left: 10px;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(1) {
        padding: 17px 10px;
    }
}


@media (max-width:1009px) {

    /*header*/
    .tito_nav .module-container .main .header-part .navbar-brand {
        width: 65px;
        overflow: hidden;
        height: 65px;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(1) {
        padding: 10px;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .about_services1 .module-container .main .hover-wall>.container-fluid>.row>div {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .about_services1 .module-container .main .hover-wall>.container-fluid>.row>div.htpro_tit {
        flex: 0 0 100%;
        max-width: 100%;
    }

}

@media (max-width:991px) {

    /*header*/
    .header .tito_header .tito_nav .module-container .main .header-part .navbar-nav>.nav-item>.nav-link {
        background-color: #fff !important;
    }

    .header .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #eeeeee !important;
    }

    .tito_nav .module-container .main .header-part .navbar-brand {
        width: auto;
    }

    .tito_nav .module-container .main .header-part button {
        outline: none;
    }

    .tito_nav .module-container .main .header-part button.navbar-toggler[aria-expanded="true"] span {
        background: url(https://www.titohiking.com.tw/material-alias/index/toggler-show.svg) no-repeat;
        padding: .25rem 1rem;
    }

    .tito_nav .module-container .main .header-part button.navbar-toggler[aria-expanded="false"] span {
        background: url(https://www.titohiking.com.tw/material-alias/index/toggler.svg) no-repeat;
        padding: .25rem 1rem;
    }

    .tito_nav .module-container .main .header-part .navbar-nav {
        position: relative;
        display: block;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item {
        padding: 0 25px;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-link {
        padding: 6px 0;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-link i {
        margin-right: 10px;
    }

    .tito_nav .module-container .main .header-part .navbar-nav li:hover .nav-link::before {
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: #f5f5f5 !important;
        box-shadow: unset !important;
    }

    /*.tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-child(2){position: absolute;top: 0;width: auto;left: 90px;padding: 0 8px;}*/
    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(1) {
        background: none;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-child(1):hover a::before {
        display: none;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1) {
        padding-left: 30px;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1) .nav-link {
        font-size: 20px;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1):hover .nav-link {
        background: #fff !important;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(2):hover .nav-link::before,
    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-last-child(3):hover .nav-link::before {
        content: '';
        height: 1px;
        display: block;
        background: #efb91b;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    /*.tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1):hover .nav-link{background:none !important;}
  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(4), .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3), .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2), .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1){width: 40px; height: 40px; float: left; padding: 0; margin:15px 15px 30px;}
  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(4) i, .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3) i, .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) i, .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1) i{display:none;}
  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1) a.nav-link,  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1):hover a.nav-link {background: url(https://www.titohiking.com.tw/material-alias/index/footer-04.svg) no-repeat !important;background-size: 100% !important;}
  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2) a{background: url(https://www.titohiking.com.tw/material-alias/index/footer-07.svg) no-repeat;background-size: 100%;}
  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3) a{background: url(https://www.titohiking.com.tw/material-alias/index/footer-03.svg) no-repeat;background-size: 100%;}
  .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(4) a{background: url(https://www.titohiking.com.tw/material-alias/index/footer-01.svg) no-repeat;background-size: 100%;}*/
    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3) .nav-link {
        color: #000000 !important;
        font-size: 17px;
    }

    .tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-child(2) a {
        position: relative;
    }

    /*.tito_nav .module-container .main .header-part .navbar-nav .nav-item:nth-child(2) a::after{content:'/';display:table;color:#000;position:absolute;left:-5px;}*/
    /*sitemap*/
    .tito_sitemap .sitemap_box {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .tito_sitemap .module-container .main.row .widget-item .text-container .link.text-link h2 {
        padding: 0 5px;
    }

    .tito_sitemap .module-container .main.row .widget-item .text-container .link.text-link .link-list a {
        padding: 3px 10px 0px 5px
    }

    /*footer*/
    .footer_grayinfo .footer_company {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .footer_grayinfo .footer_company .module-container>.main {
        margin: 0;
    }

    .footer_grayinfo .footer-wrap .fb-box a {
        padding: 9px;
    }

    .footer_grayinfo .footer-wrap .fb-box .row a.fb-img-1 {
        order: 1;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer_grayinfo .footer-wrap .fb-box .row a.fb-img-2 {
        width: 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width:767px) {

    /*header*/
    .tito_nav .module-container .main .header-part .navbar-brand {
        width: auto;
        height: 80px;
        padding-left: 10px;
    }

    .tito_nav .module-container .main .header-part .navbar-collapse {
        height: calc(100vh - 80px);
        overflow: auto;
    }

    .tito_nav .module-container .main .header-part .navbar-brand img {
        height: 100%;
    }



    /*sitemap & tail_banner & media & icons & product*/
    .sixicon_wrap,
    .idx_content,
    .idx_media,
    .tito_sitemap,
    .idx_ftbanner .ft_info {
        flex: 0 0 90%;
        max-width: 90%;
    }

    /*sitemap*/
    .tito_sitemap .module-container .main.row {
        justify-content: end;
    }

    .tito_sitemap .sitemap_box {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 30px !important;
    }

    /*footer*/
    .footer_grayinfo .footer_company {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 0 !important;
    }

    .footer_grayinfo .footer_icons {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .footer_grayinfo .footer-wrap .footer-sample .footer_center .fb-info {
        margin-top: 0 !important;
    }

    .footer_copyright .copy_righttxt {
        flex: 0 0 90%;
        max-width: 90%;
        margin: 0 auto;
    }



    /*footer*/
    .footer_grayinfo .footer-wrap .footer-sample .footer_center .fb-info {
        padding: 0;
    }

    /*about*/
    .titohiking_abouttxt .module-container .main h2 span {
        font-size: 25px !important;
    }

    .titohiking_abouttxt .module-container .main p {
        line-height: 2em;
        text-align: left !important;
    }
}

@media (max-width:320px) {

    /*header*/
    .tito_nav .module-container .main .header-part .navbar-brand {
        height: 70px;
    }

    .tito_nav .module-container .main .header-part .navbar-collapse {
        height: calc(100vh - 80px);
        overflow: auto;
    }

    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(4),
    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(3),
    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(2),
    .tito_header .tito_nav .module-container .main .module nav.header-part .navbar-nav .nav-item:nth-last-child(1) {
        margin: 15px 20px 30px;
    }



    /*sitemap*/
    .tito_sitemap .sitemap_box {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px !important;
    }
}

@media (max-width:767px) {

    section.group .intro .words h2 p span,
    section.group_table.trip_features .container.clearfix p span {
        font-size: 16px !important;
    }
}

.tito_aboutWRAP01 .main.row {
    min-height: 550px;
    background-size: 100% 100% !important;
    align-content: center;
}

.tito_01_img {
    margin-bottom: 1rem;
}

.tito_01_img a {
    display: table;
    margin: auto;
}

.tito_01_img a img {
    max-width: 250px;
}

.tito_01_txt1,
.tito_01_txt2 {
    min-height: 50px;
    max-height: 50px;
}

.tito_01_txt1 h3 {
    display: table;
    color: #fff;
    margin: auto;
    border-bottom: 3px solid #eecb14;
    letter-spacing: 5px;
    padding: 0 5px 10px;
    font-size: 30px;
}

.tito_01_txt2 ul {
    display: table;
    margin: auto;
    list-style-type: none;
}

.tito_01_txt2 ul li {
    float: left;
    display: inline-block;
    margin: 10px 17px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 3px;
}

.tito_01_txt2.animated.delay-1s {
    animation-delay: 0.5s;
    animation-duration: 0.5s;
}

@media (max-width:991px) {
    .tito_aboutWRAP01 .main.row {
        min-height: 400px;
        background-size: cover !important;
        align-content: center;
    }

    .tito_01_img a img {
        max-width: 170px;
    }
}

.tito_aboutWRAP02>.module-container>.main.row {
    justify-content: end;
}

.tito_02_img2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.tito_02_info section {
    float: right;
    margin: 2rem 0 0;
    padding-right: 10rem;
}

.tito_02_info section .tito_02_box {
    float: left;
    margin-right: 3rem;
}

.tito_02_info section .tito_02_box h5 {
    width: 100%;
    color: #fac100;
    font-size: 1.7rem;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.tito_02_info section .tito_02_box h1 {
    font-size: 5rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 6px;
    padding-left: 3rem;
    float: left;
    margin-bottom: 0;
}

.tito_02_info section .tito_02_box h1 span {
    filter: drop-shadow(1px 1px 0 #fac100) drop-shadow(-2px 1px 0 #fac100) drop-shadow(2px 1px 0 #fac100) drop-shadow(0px -2px 0px #fac100);
    text-shadow: 0px 0px 1px #fbca5a;
}

.tito_02_info section .tito_02_box .plus {
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    filter: drop-shadow(1px 0px 0 #fac100) drop-shadow(-1px 0px 0 #fac100) drop-shadow(1px 1px 0 #fac100) drop-shadow(0px -1px 0px #fac100);
    margin-top: 1rem;
    margin-left: 10px;
    float: left;
}

.tito_02_info section .tito_02_box>p {
    color: #ffffff;
    font-size: 1.7rem;
    letter-spacing: 1.5px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 1rem;
    float: left;
    margin-top: 3rem;
}

.tito_02_bgimg1 {
    position: absolute;
    left: -4rem;
    bottom: 3rem;
}

.tito_02_bgimg2 img {
    display: table;
    margin: auto;
}

.tito_02_pmTXT h2 {
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #fac100;
    letter-spacing: 2px;
    margin-bottom: 2rem;
}

@media (max-width:1439px) {
    .tito_02_info section {
        padding-right: 0;
    }

    .tito_02_bgimg1 {
        left: -7rem;
        bottom: -3rem;
    }
}

@media (max-width:1299px) {
    .tito_02_info section .tito_02_box {
        margin-right: 1rem;
    }

    .tito_02_info section .tito_02_box h1 {
        font-size: 4.5rem;
        letter-spacing: 4px;
        padding-left: 2.5rem;
    }
}

@media (max-width:1152px) {
    .tito_02_info section .tito_02_box>p {
        letter-spacing: 0;
    }

    .tito_02_info section .tito_02_box h1 {
        font-size: 4.2rem;
        letter-spacing: 3.5px;
        padding-left: 2rem;
    }
}

@media (max-width:1024px) {
    .tito_02_info section .tito_02_box h1 {
        padding-left: 1.5rem;
    }

    .tito_02_info section .tito_02_box>p {
        margin-left: 0.5rem;
    }
}

@media (max-width:991px) {
    .tito_02_imgS .main img {
        float: right;
        padding-right: 5rem;
    }

    .tito_02_info section {
        float: none;
        padding: 0;
    }

    .tito_02_info section .tito_02_box {
        margin-right: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 3rem;
    }

    .tito_02_info section .tito_02_box h5 {
        text-align: center;
    }

    .tito_02_bgimg1 {
        bottom: unset;
        top: 500px;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .tito_02_img1 .main,
    .tito_02_img2 .main {
        height: 455px;
    }

    .tito_02_img1 .main img,
    .tito_02_img2 .main img {
        max-width: 100%;
        object-fit: cover;
        object-position: center center;
        height: 100%;
    }
}

@media (max-width:767px) {
    .tito_02_info section .tito_02_box h1 {
        padding-left: 0;
    }

    .tito_02_img1 img,
    .tito_02_img2 img {
        width: 100%
    }

    .tito_02_bgimg1 {
        top: 50%;
    }
}

@media (max-width:575px) {
    .tito_02_bgimg1 {
        top: 55%;
    }

    .tito_02_bgimg1 img {
        width: 50%;
    }

    .tito_02_info section .tito_02_box h1 {
        font-size: 4rem;
        letter-spacing: 4px;
    }

    .tito_02_info section .tito_02_box .plus {
        margin-top: 0.5rem;
    }

    .tito_02_info section .tito_02_box>p {
        margin-top: 2rem;
    }

    .tito_02_imgS .main img {
        margin-right: 4rem;
        padding: 0;
        width: 250px;
        display: block;
    }
}

@media (max-width:415px) {
    .tito_02_imgS .main img {
        width: 200px;
    }

    .tito_02_pmTXT h2 {
        font-size: 28px;
    }

    .tito_02_info section .tito_02_box h1 {
        font-size: 3rem;
    }

    .tito_02_info section .tito_02_box .plus {
        margin-top: 0;
        margin-left: 5px;
    }

    .tito_02_info section .tito_02_box>p {
        margin-top: 1.5rem;
        font-size: 21px;
        letter-spacing: 0;
    }
}

.about03_tabs .blk-tabs {
    padding-top: 4rem;
    padding-bottom: 6rem;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/f9228ffb-a52c-4677-b22b-b40bfb811097.png);
    background-repeat: no-repeat;
    background-position: 4rem 0.5rem;
    position: relative;
}

.about03_tabs .blk-tabs::before {
    content: '';
    display: block;
    width: 233px;
    height: 100px;
    position: absolute;
    top: 2rem;
    right: 6rem;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/e64f2cce-08f3-4f55-9e96-e9b1cef9f4d7.png);
    background-repeat: no-repeat;
}

.about03_tabs .blk-tabs::after {
    content: '';
    display: block;
    width: 550px;
    height: 495px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/d738ef91-0994-4f71-8a50-d13ba336093a.png);
    position: absolute;
    right: 0;
    bottom: -2rem;
    background-size: 100%;
}

.about03_tabs .blk-tabs ul.nav-pills {
    width: 900px;
    padding-left: 16rem;
    position: relative;
    padding-top: 5rem;
    margin: auto;
    padding-right: 300px;
}

.about03_tabs .blk-tabs ul.nav-pills::before {
    content: '';
    display: block;
    width: 320px;
    height: 320px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/99c1d808-8f28-416d-bfd7-e6c65b420e4a.png);
    position: absolute;
    left: -360px;
    background-repeat: no-repeat;
    z-index: 1;
    top: 2.5rem;
}

.about03_tabs .blk-tabs ul.nav-pills::after {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/c5e2cf94-1a20-431b-811e-5ff3d601fec7.png);
    width: 243px;
    height: 246px;
    position: absolute;
    left: 0;
    bottom: -125px;
}

.about03_tabs .blk-tabs ul.nav-pills li {
    width: 100%;
    margin-bottom: 10px;
}

.about03_tabs .blk-tabs ul.nav-pills li a.nav-link.active {
    background-color: transparent;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) {
    width: 415px;
    position: absolute;
    left: -220px;
    top: 1rem;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) .nav-link {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/fd9e9b9f-6d44-40ee-84d3-b8db20bdadd1.png);
    background-size: 100% 100%;
    height: 454px;
    font-size: 0;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) {
    width: 600px;
    position: absolute;
    top: 0;
    left: 16rem;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link {
    position: relative;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/a718d13a-cb07-43cc-a32d-e8e665e39272.svg);
    background-repeat: no-repeat;
    height: 60px;
    font-size: 0;
    background-position: -2rem;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link:hover,
.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link.active {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/75d59bc7-1816-4ef9-b708-562ad072b53f.svg);
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link::after {
    content: '';
    display: block;
    width: 340px;
    height: 60px;
    position: absolute;
    right: -2rem;
    top: 0;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/e6aae970-4deb-43f5-831b-6d564d517e2b.svg);
    background-position: 2rem;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link:hover::after,
.about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link.active::after {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/3b003593-3a95-4264-a5e2-c265a88b4328.svg);
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(3) .nav-link {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/674a282c-d33f-470d-a792-27016cc3ea3f.svg);
    background-size: 100% 100%;
    height: 140px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: -35px;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(3) .nav-link:hover,
.about03_tabs .blk-tabs ul.nav-pills li:nth-child(3) .nav-link.active {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/7572bf09-023e-47f8-8bfe-cf8c26f9f6f0.svg);
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(4) .nav-link {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/653f519b-2463-445e-a696-5b06777dd4ee.svg);
    background-size: 97% 100%;
    height: 90px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: -35px;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(4) .nav-link:hover,
.about03_tabs .blk-tabs ul.nav-pills li:nth-child(4) .nav-link.active {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/849f88c8-6464-4077-9dd6-6a7e7f8ebd1b.svg);
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(5) .nav-link {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/55cf0613-c013-485e-924d-b896b8745b05.svg);
    background-size: 97% 100%;
    height: 90px;
    background-repeat: no-repeat;
    font-size: 0;
    background-position: -35px;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-child(5) .nav-link:hover,
.about03_tabs .blk-tabs ul.nav-pills li:nth-child(5) .nav-link.active {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/daf7858b-56e7-4614-af22-80749e6accaf.svg);
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(1) {
    width: 305px;
    position: absolute;
    right: 0;
    top: calc(5rem + 170px);
    z-index: 2;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(1) .nav-link {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/807aac0a-ee42-42f5-ac38-32b954137a75.svg);
    background-size: 100% 100%;
    height: 152px;
    background-repeat: no-repeat;
    background-position: 7px;
    font-size: 0;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(1) .nav-link:hover,
.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(1) .nav-link.active {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/af968102-7b0e-4193-bcbe-78b4245e5a2c.svg);
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(2) {
    width: 305px;
    position: absolute;
    right: 0;
    top: 4.2rem;
    z-index: 2;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(2) .nav-link {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/6b51a534-2909-411e-a7e9-dbc1553f7215.svg);
    background-size: 100% 100%;
    height: 152px;
    background-position: 7px;
    background-repeat: no-repeat;
    font-size: 0;
}

.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(2) .nav-link:hover,
.about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(2) .nav-link.active {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/9402c846-4d9f-463a-b4aa-4776d5a7d091.svg);
}

.tito_03_info {
    background-color: #ffeed3;
    border-radius: 30px;
    padding: 3rem 6rem 3rem;
    box-shadow: inset 30px 15px #fff;
}

.tito_03_info::before {
    content: '';
    display: block;
    height: 100px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/8bdc5515-9fe2-4291-a832-66553ccd1b9b.svg);
    position: absolute;
    left: -11px;
    right: -9px;
    background-size: 100%;
    top: -7px;
    background-repeat: no-repeat;
}

.tito_03_info::after {
    content: '';
    display: block;
    height: 228px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/efc362b3-42bb-4ef2-8848-40351ea63796.svg);
    position: absolute;
    left: -11px;
    right: -9px;
    bottom: -4px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.tito_03_info>.module-container {
    position: relative;
    z-index: 2;
}

.tito_03_info .main h3 {
    background-color: #085a6f;
    display: table;
    padding: 10px 25px;
    border-radius: 8px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 2px;
    border: 3px solid #222;
    box-shadow: inset 2px 2px #ffc107;
    margin-bottom: 1rem;
}

.tito_03_info .main p {
    width: 100%;
    font-size: 21px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: justify;
    font-weight: bold;
}

.tito_03_info .main .tito_link {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

.tito_03_info .main .tito_link h4 {
    margin-bottom: 0;
    margin-right: 1rem;
    font-size: 24px;
    letter-spacing: 3px;
    font-weight: revert;
}

.tito_03_info .main .tito_link a {
    margin: 0 8px;
    color: #222;
    font-size: 1.2rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media (max-width:1439px) {
    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) {
        left: -190px;
    }

    .about03_tabs .blk-tabs ul.nav-pills::before {
        width: 280px;
        height: 275px;
        left: -220px;
        top: 5.5rem;
        background-size: 100%;
    }

    .about03_tabs .blk-tabs::after {
        width: 440px;
        height: 410px;
        background-repeat: no-repeat;
    }
}

@media (max-width:1299px) {
    .about03_tabs .blk-tabs ul.nav-pills::before {
        width: 245px;
        height: 240px;
        left: -180px;
        top: 6.5rem;
    }
}

@media (max-width:1152px) {
    .about03_tabs .blk-tabs ul.nav-pills::before {
        width: 180px;
        height: 180px;
        left: -105px;
        top: 8.5rem;
    }
}

@media (max-width:1024px) {
    .about03_tabs .blk-tabs ul.nav-pills::before {
        width: 215px;
        height: 215px;
        left: 2rem;
        top: unset;
        bottom: -6rem;
    }
}

@media (max-width:991px) {
    .about03_tabs .blk-tabs {
        padding-bottom: 0rem;
    }

    .about03_tabs .blk-tabs ul.nav-pills::before,
    .about03_tabs .blk-tabs ul.nav-pills::after {
        display: none;
    }

    .tito_03_info {
        max-width: 95%;
        flex: 0 0 95%;
        border-radius: 15px;
        padding: 3rem 4rem 3rem;
    }

    .tito_03_info::before {
        left: -5px;
        right: -5px;
        top: -5px;
    }

    .tito_03_info::after {
        left: -5px;
        right: -5px;
        bottom: -5px;
    }

    .about03_tabs .blk-tabs::after {
        display: none;
    }

    .about03_tabs .blk-tabs::before {
        display: none;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) {
        width: 205px;
        left: 0px;
        top: 6rem;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) .nav-link {
        background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/0f9efc50-5836-43a5-8161-b14497f3f1fa.svg);
        height: 205px;
    }
}

@media (max-width:767px) {
    .about03_tabs .blk-tabs ul.nav-pills {
        width: 660px;
        padding-right: 305px;
        padding-left: 0;
        padding-top: 20rem;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) {
        left: 50%;
        top: 0;
        transform: translate(-50%, 0px);
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) {
        width: 92%;
        top: 14rem;
        left: 2%;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(2) {
        top: 19.2rem;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(1) {
        top: calc(20rem + 170px);
    }
}

@media (max-width:575px) {
    .about03_tabs .blk-tabs {
        padding-top: 2rem;
        background-position: unset;
    }

    .about03_tabs .blk-tabs ul.nav-pills {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(1) {
        position: unset;
        margin: 1rem auto 2rem;
        transform: unset;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) {
        position: unset;
        margin-bottom: 2rem;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link {
        height: 125px;
        background-position: top center;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(2) .nav-link::after {
        right: unset;
        top: unset;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0px);
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .about03_tabs .blk-tabs ul.nav-pills li {
        width: 305px;
        margin-bottom: 10px;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(3) .nav-link {
        background-size: 100% 100%;
        height: 150px;
        background-position: 0;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(4) .nav-link {
        background-size: 100% 100%;
        height: 90px;
        background-position: 0;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-child(5) .nav-link {
        background-size: 100% 100%;
        height: 90px;
        background-position: 0;
    }

    .about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(2),
    .about03_tabs .blk-tabs ul.nav-pills li:nth-last-child(1) {
        position: unset;
    }
}

@media (max-width:415px) {
    .tito_03_info {
        padding: 3rem 2.5rem;
        box-shadow: inset 10px 15px #fff;
        border-radius: 8px;
    }

    .tito_03_info::before {
        left: -2px;
        right: -3px;
        top: -1px;
    }

    .tito_03_info::after {
        left: -3px;
        right: -1px;
        bottom: -3px;
    }
}

.tito_aboutWRAP04 .main.row {
    min-height: 1300px;
    align-content: flex-start;
}

.tito_aboutWRAP04 .main.row .dp-tbl {
    display: none;
}

.tito_04_info {
    flex: 0 0 72%;
    max-width: 72%;
}

.tito_04_info .hover-wall .htpro_tit {
    margin-bottom: 1em;
}

.tito_04_info .hover-wall .htpro_tit h1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: none;
}

.tito_04_info .hover-wall .htpro_tit h1 span {
    display: none;
}

.tito_04_info .hover-wall .htpro_tit h1 img {
    width: 450px !important;
    height: auto;
    display: block;
    max-width: 450px !important;
    margin: 0;
    max-height: unset !important;
}

.tito_04_info .hover-wall .htpro_tit h2 {
    display: none;
}

.tito_04_info .hover-wall .row>div:nth-child(n+2) {
    padding: 0 30px;
}

.tito_04_info .hover-wall .icon_info {
    background-color: transparent;
    border-radius: 0;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/4f844c5f-1f44-4b9b-9f18-9d747f80e0d0.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 310px;
    box-shadow: none;
    position: unset;
    transition: unset;
}

.tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info {
    box-shadow: none;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/f26b3acf-fa49-4145-b17d-8671e123b957.svg);
    min-height: 630px;
}

.tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info:hover {
    box-shadow: none;
}

.tito_04_info .hover-wall figure .overlay {
    display: none;
}

.tito_04_info .hover-wall figure .b_img {
    width: 20%;
    margin: 3rem auto 1rem;
    display: block;
}

.tito_04_info .hover-wall .icon_info h4 {
    font-size: 1.5em;
    font-style: unset;
    font-weight: bold;
}

.tito_04_info .hover-wall .icon_info p.animate-text {
    display: none;
    padding: 0 2.5rem;
    margin-top: 1.5rem;
    text-align: justify;
    line-height: 1.8;
    letter-spacing: 1px;
}

.tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info p.animate-text {
    display: block;
}

@media (max-width:1439px) {
    .tito_04_info {
        flex: 0 0 90%;
        max-width: 90%;
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .tito_04_info .hover-wall .row>div:nth-child(n+2) {
        padding: 0 15px;
    }

    .tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info {
        background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/59fb31a2-ecb6-4e4b-a27e-7591150e66cb.svg);
    }

    .tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info p.animate-text {
        margin-top: 1rem;
        line-height: 1.5;
        letter-spacing: 0.5px;
        padding: 0 2rem;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .tito_aboutWRAP04 .main.row {
        min-height: 1000px;
    }

    .tito_04_info {
        flex: 0 0 95%;
        max-width: 95%;
    }

    .tito_04_info .hover-wall .icon_info {
        height: 230px;
    }

    .tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info {
        min-height: 510px;
    }

    .tito_04_info .hover-wall figure .b_img {
        margin: 2rem auto 0.5rem;
    }

    .tito_04_info .hover-wall .icon_info h4,
    .tito_04_info .hover-wall .icon_info h3 {
        font-size: 1.4rem;
    }

    .tito_04_info .hover-wall .row>div:nth-child(n+2):hover .icon_info p.animate-text {
        margin-top: 15px;
        line-height: 1.4;
        letter-spacing: 0;
        font-size: 16.5px;
    }
}

@media (max-width:991px) {
    .tito_aboutWRAP04 .main.row {
        min-height: unset;
    }

    .tito_04_info {
        flex: 0 0 87%;
        max-width: 87%;
    }

    .tito_04_info .hover-wall .row>div:nth-child(n+2) {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .tito_04_info .hover-wall figure .b_img {
        width: 25%;
        margin: 2rem auto 0.5rem;
    }

    .tito_04_info .hover-wall .icon_info {
        background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/f26b3acf-fa49-4145-b17d-8671e123b957.svg);
        min-height: 570px;
    }

    .tito_04_info .hover-wall .icon_info p.animate-text {
        display: table;
        padding: 0 2rem;
        margin-top: 1rem;
        line-height: 1.5;
    }
}

@media (max-width:767px) {
    .tito_04_info {
        flex: 0 0 95%;
        max-width: 95%;
    }

    .tito_04_info .hover-wall .row>div:nth-child(n+2) {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .tito_04_info .hover-wall .icon_info {
        min-height: unset;
        background-image: unset;
        background-color: #fff;
        border: 5px solid #085a6f;
        border-radius: 10px;
        box-shadow: -10px -10px #e7e7e7;
        margin-bottom: 1rem;
    }
}

@media (max-width:415px) {
    .tito_04_info .hover-wall .htpro_tit h1 img {
        width: 100% !important;
        height: auto;
        display: block;
        max-width: 100% !important;
        margin: 0;
        max-height: unset !important;
    }
}

.tito_aboutWRAP05 .main.row {
    padding-bottom: 10rem;
}

.tito_05_title {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.tito_05_title img {
    max-width: 350px;
    display: table;
    margin: auto;
}

.tito_05_bgimg01 img {
    max-width: 300px;
    position: absolute;
    right: 5rem;
    top: -4rem;
}

.tito_05_btn.btn01 a {
    margin: auto;
    display: table;
    margin-right: 7rem;
}

.tito_05_btn.btn01 a:hover {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/294979e4-af50-407a-901d-1f774b0c130d.svg);
    background-size: 100%;
}

.tito_05_btn.btn02 a {
    margin: auto;
    display: table;
    margin-left: 7rem;
}

.tito_05_btn.btn02 a:hover {
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/6fd9b04c-78a9-400a-8d9e-5b6310f2afe6.svg);
    background-size: 100%;
}

.tito_05_btn.btn01 a img,
.tito_05_btn.btn02 a img {
    opacity: 1;
    max-width: 300px;
    margin: auto;
    display: table;
    width: 300px;
    transition: .3s;
}

.tito_05_btn.btn01 a:hover img,
.tito_05_btn.btn02 a:hover img {
    opacity: 0;
    transition: .3s;
}

.tito_05_bgimg02 img {
    position: absolute;
    max-width: 450px;
    margin-top: -3rem;
    left: 3rem;
}

.tito_05_bgimg03 img {
    position: absolute;
    max-width: 450px;
    margin-top: -3rem;
    left: 30%;
}

@media (max-width:991px) {

    .tito_05_btn.btn01 a,
    .tito_05_btn.btn02 a {
        margin: 1rem auto 1rem;
    }

    .tito_05_bgimg02 img {
        left: 0;
        max-width: 50%;
    }

    .tito_05_bgimg03 img {
        left: unset;
        right: 0;
        max-width: 50%;
    }
}

@media (max-width:767px) {
    .tito_05_bgimg01 img {
        right: 0rem;
        top: -6rem;
    }
}

.tito_06_title img {
    width: 370px;
    margin: auto;
    display: block;
}

.tito_07_title img {
    width: 300px;
    display: block;
    margin: auto;
}

.tito_07_info .swiper-container {
    padding: 0 calc(25% - 30px);
}

.tito_07_info .swiper-container::before {
    content: '';
    display: block;
    width: calc(25% - 40px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: #eaa459;
}

.tito_07_info .swiper-container::after {
    content: '';
    display: block;
    width: calc(25% - 40px);
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    background-color: #eaa459;
}

.tito_07_info .swiper-container .swiper-slide-style {
    box-shadow: none;
    border-radius: 20px;
    padding: 1rem;
    margin-bottom: 50px;
}

.tito_07_info .swiper-container .swiper-slide .swiper-img {
    width: 215px;
    float: left;
    margin-bottom: 0;
}

.tito_07_info .swiper-container .swiper-slide .swiper-title {
    padding-left: calc(215px + 20px);
    padding-top: 3.5rem;
    text-align: left;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    color: #0071bc;
}

.tito_07_info .swiper-container .swiper-slide .swiper-title::before {
    content: '';
    display: block;
    width: 175px;
    height: 29px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/63ae4028-de14-40b5-a7d7-dba9ef8c7b5d.svg);
    position: absolute;
    top: 10px;
    left: calc(215px + 17px);
}

.tito_07_info .swiper-container .swiper-slide .swiper-title::after {
    content: '';
    display: block;
    width: 59px;
    height: 51px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/80515163-da73-49f7-98ea-a965b67af5e2.svg);
    position: absolute;
    top: 10px;
    right: 1.5rem;
}

.tito_07_info .swiper-container .swiper-slide .swiper-content {
    width: auto;
    display: block;
    font-size: 17px;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.5;
    font-weight: bold;
    padding-left: 20px;
}

.tito_07_info .swiper-container .swiper-slide:nth-child(odd):after {
    display: block;
    content: '';
    width: 70px;
    height: 50px;
    position: absolute;
    bottom: -50px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/0e2b7a6c-55d3-41d1-8ae2-cf2fe46dd4db.svg);
    left: 3rem;
}

.tito_07_info .swiper-container .swiper-slide:nth-child(even):after {
    display: block;
    content: '';
    width: 70px;
    height: 50px;
    position: absolute;
    bottom: -50px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/0e2b7a6c-55d3-41d1-8ae2-cf2fe46dd4db.svg);
    right: 3rem;
}

.tito_07_info .swiper-button-next.swiper-button-white {
    right: 14%;
    opacity: 1;
}

.tito_07_info .swiper-button-prev.swiper-button-white {
    opacity: 1;
    left: calc(13%);
}

.tito_07_info [class*='swiper-button-']:after {
    background: transparent;
}

@media (max-width:991px) {
    .tito_07_info .swiper-container {
        padding: 0 calc(16% - 30px);
    }

    .tito_07_info .swiper-container::before,
    .tito_07_info .swiper-container::after {
        width: calc(16% - 40px);
    }

    .tito_07_info .swiper-button-prev.swiper-button-white {
        left: 5%;
    }

    .tito_07_info .swiper-button-next.swiper-button-white {
        right: 5%;
    }
}

@media (max-width:767px) {
    .tito_07_info .swiper-container {
        padding: 0 50px;
    }

    .tito_07_info .swiper-container::before,
    .tito_07_info .swiper-container::after {
        width: 50px;
    }

    .tito_07_info .swiper-button-prev.swiper-button-white {
        left: 10px;
    }

    .tito_07_info .swiper-button-next.swiper-button-white {
        right: 10px;
    }
}

@media (max-width:575px) {
    .tito_07_info .swiper-container .swiper-slide .swiper-img {
        margin: auto;
        float: none;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-title::before {
        left: 20px;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-title::after {
        right: 20px;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-content {
        padding-right: 20px;
    }
}

@media (max-width:415px) {
    .tito_07_info .swiper-container .swiper-slide .swiper-title {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3rem;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-title::before {
        left: 0px;
        width: 150px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-title::after {
        right: 0px;
        width: 35px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .tito_07_info .swiper-container .swiper-slide .swiper-content {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/*tito-history*/
.tito_historyWRAP::before {
    content: '';
    display: table;
    width: 230px;
    height: calc(100% - 488px);
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/d7b2b13f-4761-4e01-bc52-b78694672822.svg);
    background-repeat-y: repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}

.tito_historyWRAP::after {
    content: '';
    display: table;
    width: 230px;
    height: 296px;
    background-image: url(https://materials.fillo.com.tw/materials/cowelld1/images/b8c4df3c-c93b-44bc-9736-53be8e8b4e8e.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 12rem;
}

.tito_historyWRAP>.module-container>.main.row {
    justify-content: center;
}

.tito_historyTIT {
    margin-bottom: 3rem;
    z-index: 1;
}

.tito_historyTIT a {
    display: table;
    width: 100%;
    padding-left: 25%;
}

.tito_historyTIT a img {
    width: 400px;
}

.tito_historyIMG img {
    width: 350px;
    float: right;
}

.tito_historyIMG2 {
    position: absolute;
    left: 0;
    bottom: 20%;
    overflow: hidden;
    z-index: 0;
}

.tito_historyIMG2 img {
    max-width: 350px;
    margin-left: -4rem;
}

.tito_historyIMG3 {
    position: absolute;
    right: 0;
    bottom: 50%;
    overflow: hidden;
    z-index: 0;
}

.tito_historyIMG3 img {
    max-width: 500px;
    margin-right: -6rem;
    float: right;
}

.left_historyTIT {
    margin-bottom: 3rem;
}

.left_historyTIT section.text-link h2 {
    font-weight: bold;
    letter-spacing: 5px;
    width: 250px;
    margin: auto;
}

.right_historyTIT section.text-link h2 {
    font-weight: bold;
    letter-spacing: 5px;
    width: 205px;
    margin: auto;
}

.left_historyTIT div.link-list,
.right_historyTIT div.link-list {
    display: none;
}

.milestone_box .falls-container .grid {
    /*flex-direction: row-reverse;*/
}

.milestone_box .falls-container .grid .grid-item {
    position: relative !important;
    padding: 0 0rem 1rem;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(odd) {
    padding-right: 12rem;
    padding-left: 0;
}

.milestone_box .falls-container .grid .grid-item:nth-child(even) {
    padding-left: 6rem;
    padding-right: 0;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1),
.milestone_box .falls-container .grid .grid-item:nth-child(3),
.milestone_box .falls-container .grid .grid-item:nth-child(5),
.milestone_box .falls-container .grid .grid-item:nth-child(13),
.milestone_box .falls-container .grid .grid-item:nth-child(19) {
    right: -50% !important;
    padding-left: 6rem;
    padding-right: 0;
}

.milestone_box .falls-container .grid .grid-item:nth-child(2),
.milestone_box .falls-container .grid .grid-item:nth-child(4) {
    left: -50% !important;
    padding-right: 12rem;
    padding-left: 0;
}

.milestone_box .falls-container .grid .grid-item img {
    margin: 0;
    width: 66px;
    position: absolute;
    z-index: 1;
}

.milestone_box .falls-container .grid .grid-item:nth-child(odd) img {
    right: -33px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(even) img {
    left: -33px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(2) img,
.milestone_box .falls-container .grid .grid-item:nth-child(4) img {
    right: -33px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) img,
.milestone_box .falls-container .grid .grid-item:nth-child(3) img,
.milestone_box .falls-container .grid .grid-item:nth-child(5) img,
.milestone_box .falls-container .grid .grid-item:nth-child(13) img,
.milestone_box .falls-container .grid .grid-item:nth-child(19) img {
    left: -33px;
    right: unset;
}

.milestone_box .falls-container .grid .grid-item h3 {
    margin: 0;
    display: table;
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 24px;
    margin-bottom: 1rem;
}

.milestone_box .falls-container .grid .grid-item:nth-child(odd) h3 {
    background: #F5D10B;
    color: #085a6f;
    float: right;
}

.milestone_box .falls-container .grid .grid-item:nth-child(even) h3 {
    background: #ED7C6B;
    color: #fff;
}

.milestone_box .falls-container .grid .grid-item:nth-child(2) h3,
.milestone_box .falls-container .grid .grid-item:nth-child(4) h3 {
    background: #F5D10B;
    color: #085a6f;
    float: right;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) h3,
.milestone_box .falls-container .grid .grid-item:nth-child(3) h3,
.milestone_box .falls-container .grid .grid-item:nth-child(5) h3,
.milestone_box .falls-container .grid .grid-item:nth-child(13) h3,
.milestone_box .falls-container .grid .grid-item:nth-child(19) h3 {
    background: #ED7C6B;
    color: #fff;
    float: left;
}

.milestone_box .falls-container .grid .grid-item h3::before {
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    top: 37px;
    z-index: 0;
}

.milestone_box .falls-container .grid .grid-item:nth-child(odd) h3::before {
    background: #F5D10B;
    left: 0;
    right: 13px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(even) h3::before {
    background: #ED7C6B;
    left: 15px;
    right: 0;
}

.milestone_box .falls-container .grid .grid-item:nth-child(2) h3::before,
.milestone_box .falls-container .grid .grid-item:nth-child(4) h3::before {
    background: #F5D10B;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) h3::before,
.milestone_box .falls-container .grid .grid-item:nth-child(3) h3::before,
.milestone_box .falls-container .grid .grid-item:nth-child(5) h3::before,
.milestone_box .falls-container .grid .grid-item:nth-child(13) h3::before,
.milestone_box .falls-container .grid .grid-item:nth-child(19) h3::before {
    background: #ED7C6B;
}

.milestone_box .falls-container .grid .grid-item h3::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 30px;
    top: 31px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(odd) h3::after {
    background: #F5D10B;
    left: -1px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(even) h3::after {
    background: #ED7C6B;
    right: -1px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(2) h3::after,
.milestone_box .falls-container .grid .grid-item:nth-child(4) h3::after {
    background: #F5D10B;
    left: -1px;
    right: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) h3::after,
.milestone_box .falls-container .grid .grid-item:nth-child(3) h3::after,
.milestone_box .falls-container .grid .grid-item:nth-child(5) h3::after,
.milestone_box .falls-container .grid .grid-item:nth-child(13) h3::after,
.milestone_box .falls-container .grid .grid-item:nth-child(19) h3::after {
    background: #ED7C6B;
    right: -1px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item p {
    margin-bottom: 0;
    font-size: 28px;
    color: #fff;
    width: 100%;
    float: left;
}

.milestone_box .falls-container .grid .grid-item:nth-child(odd) p,
.milestone_box .falls-container .grid .grid-item:nth-child(2) p,
.milestone_box .falls-container .grid .grid-item:nth-child(4) p {
    text-align: right;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) p,
.milestone_box .falls-container .grid .grid-item:nth-child(3) p,
.milestone_box .falls-container .grid .grid-item:nth-child(5) p,
.milestone_box .falls-container .grid .grid-item:nth-child(13) p,
.milestone_box .falls-container .grid .grid-item:nth-child(19) p {
    text-align: left;
}

.tito_historyBTN a {
    display: table;
    margin: auto;
}

.tito_historyBTN a img {
    width: 500px;
}

@media (min-width:1024px) {
    .milestone_box {
        max-width: 992px;
        flex: 0 0 992px;
    }
}

@media (min-width:1200px) {
    .milestone_box {
        max-width: 1152px;
        flex: 0 0 1152px;
    }
}

@media (min-width:1360px) {
    .milestone_box {
        max-width: 1280px;
        flex: 0 0 1280px;
    }
}

@media (max-width:991px) {
    .tito_historyTIT a {
        padding-left: 0;
        text-align: center;
    }

    .tito_historyIMG {
        position: absolute;
        top: 0;
        right: 0;
    }

    .left_historyTIT,
    .right_historyTIT {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .milestone_box .falls-container .grid {
        padding: 0 15px;
    }
}

@media (max-width:767px) {
    .milestone_box {
        margin-bottom: 7rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(odd) {
        padding-right: 6rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(even) {
        padding-left: 3rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(1),
    .milestone_box .falls-container .grid .grid-item:nth-child(3),
    .milestone_box .falls-container .grid .grid-item:nth-child(5),
    .milestone_box .falls-container .grid .grid-item:nth-child(13),
    .milestone_box .falls-container .grid .grid-item:nth-child(19) {
        padding-left: 3rem;
        padding-right: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(2),
    .milestone_box .falls-container .grid .grid-item:nth-child(4) {
        padding-right: 6rem;
        padding-left: 0;
    }

    .milestone_box .falls-container .grid .grid-item p {
        font-size: 24px;
    }

    .tito_historyBTN {
        background: #085a6f;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        position: fixed;
        z-index: 9;
        bottom: 0;
    }
}

@media (max-width:545px) {
    .tito_historyTIT {
        z-index: 1;
    }

    .tito_historyIMG img {
        width: 160px;
    }

    .left_historyTIT section.text-link h2 {
        font-size: 33px !important;
        width: 210px;
    }

    .right_historyTIT section.text-link h2 {
        font-size: 33px !important;
        width: 150px;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(odd) {
        padding-right: 4rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(1),
    .milestone_box .falls-container .grid .grid-item:nth-child(3),
    .milestone_box .falls-container .grid .grid-item:nth-child(5),
    .milestone_box .falls-container .grid .grid-item:nth-child(13),
    .milestone_box .falls-container .grid .grid-item:nth-child(19) {
        padding-right: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(2),
    .milestone_box .falls-container .grid .grid-item:nth-child(4) {
        padding-right: 4rem;
    }

    .milestone_box .falls-container .grid .grid-item p {
        font-size: 18px;
    }
}

@media (max-width:414px) {
    .tito_historyTIT {
        margin-bottom: 1rem !important;
    }

    .tito_historyIMG {
        margin-top: 1rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(odd) {
        padding-right: 2rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(even) {
        padding-left: 2rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(1),
    .milestone_box .falls-container .grid .grid-item:nth-child(3),
    .milestone_box .falls-container .grid .grid-item:nth-child(5),
    .milestone_box .falls-container .grid .grid-item:nth-child(13),
    .milestone_box .falls-container .grid .grid-item:nth-child(19) {
        padding-left: 2rem;
        padding-right: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(2),
    .milestone_box .falls-container .grid .grid-item:nth-child(4) {
        padding-right: 2rem;
        padding-left: 0;
    }
}

@media (max-width:375px) {
    .left_historyTIT section.text-link h2 {
        font-size: 30px !important;
        width: 100%;
    }

    .right_historyTIT section.text-link h2 {
        font-size: 30px !important;
        width: 100%;
        padding: 0 2rem 0 3rem;
    }

    .milestone_box .falls-container .grid .grid-item h3 {
        font-size: 20px;
        padding: 7px 10px;
    }
}

/*調整位置*/
.milestone_box .falls-container .grid .grid-item:nth-child(1) {
    margin-top: -5.5rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) h3::before {
    width: 350px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(1) h3::after {
    right: unset;
    left: 340px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(1) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(1) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(2) h3::before {
    width: 450px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(2) h3::after {
    right: 445px;
    left: unset;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(2) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(2) h3::after {
        right: unset;
        left: -1px;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(3) h3::before {
    width: 350px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(3) h3::after {
    right: unset;
    left: 340px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(3) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(3) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(4) {
    margin-top: 5.5rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(4) h3::before {
    width: 450px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(4) h3::after {
    right: 445px;
    left: unset;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(4) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(4) h3::after {
        right: unset;
        left: -1px;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(5) h3::before {
    width: 390px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(5) h3::after {
    right: unset;
    left: 385px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(5) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(5) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(6) {
    margin-top: 12rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(6)::before {
    content: '';
    display: block;
    width: 3rem;
    height: 5rem;
    background: #085a6f;
    border-top: 3px solid #ed7c6b;
    border-right: 3px solid #ed7c6b;
    position: absolute;
    left: 14px;
    top: -40px;
    z-index: 1;
}

.milestone_box .falls-container .grid .grid-item:nth-child(6) img {
    top: -5rem;
}

.milestone_box .falls-container .grid .grid-item:nth-child(6) h3::before {
    width: 530px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(6) h3::after {
    right: unset;
    left: 540px;
}

@media (max-width:1199px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(6) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(6) h3::after {
        right: -1px;
        left: unset;
    }
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(6)::before {
        width: 1.5rem;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(6) {
        margin-top: 11rem !important;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(6)::before {
        display: none;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(6) img {
        top: 0;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(7) {
    margin-top: -14.5rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(7) h3::before {
    width: 370px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(7) h3::after {
    right: 375px;
    left: unset;
}

@media (max-width:1152px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -17.2rem !important;
    }
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -16.2rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(7) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(7) h3::after {
        right: unset;
        left: -1px;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -14.5rem !important;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -9.5rem !important;
    }
}

@media (max-width:375px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(7) {
        margin-top: -11.2rem !important;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(8) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(8)::before {
    content: '';
    display: block;
    width: 3rem;
    height: 5rem;
    background: #085a6f;
    border-top: 3px solid #ed7c6b;
    border-right: 3px solid #ed7c6b;
    position: absolute;
    left: 14px;
    top: -40px;
    z-index: 1;
}

.milestone_box .falls-container .grid .grid-item:nth-child(8) img {
    top: -5rem;
}

.milestone_box .falls-container .grid .grid-item:nth-child(8) h3::before {
    width: 445px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(8) h3::after {
    right: unset;
    left: 450px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(8)::before {
        width: 1.5rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(8) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(8) h3::after {
        right: -1px;
        left: unset;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(8)::before {
        display: none;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(8) img {
        top: 0;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(9) {
    margin-top: -12rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(9) h3::before {
    width: 390px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(9) h3::after {
    right: 395px;
    left: unset;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(9) {
        margin-top: -11.7rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(9) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(9) h3::after {
        right: unset;
        left: -1px;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(9) {
        margin-top: -13rem !important;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(9) {
        margin-top: -7.8rem !important;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(10) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(10)::before {
    content: '';
    display: block;
    width: 3rem;
    height: 5rem;
    background: #085a6f;
    border-top: 3px solid #ed7c6b;
    border-right: 3px solid #ed7c6b;
    position: absolute;
    left: 14px;
    top: -40px;
    z-index: 1;
}

.milestone_box .falls-container .grid .grid-item:nth-child(10) img {
    top: -5rem;
}

.milestone_box .falls-container .grid .grid-item:nth-child(10) h3::before {
    width: 255px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(10) h3::after {
    right: unset;
    left: 265px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(10)::before {
        width: 1.5rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(10) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(10) h3::after {
        right: -1px;
        left: unset;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(10)::before {
        display: none;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(10) img {
        top: 0;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(11) {
    margin-top: -12rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(11) h3::before {
    width: 370px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(11) h3::after {
    right: 380px;
    left: unset;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(11) {
        margin-top: -11.7rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(11) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(11) h3::after {
        right: unset;
        left: -1px;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(11) {
        margin-top: -11.2rem !important;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(11) {
        margin-top: -6.2rem !important;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(12) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(12) h3::before {
    width: 280px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(12) h3::after {
    right: unset;
    left: 290px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(12) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(12) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(13) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(13) h3::before {
    width: 410px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(13) h3::after {
    right: unset;
    left: 405px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(13) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(13) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(14) {
    margin-top: 14rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(14) h3::before {
    width: 365px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(14) h3::after {
    right: unset;
    left: 370px;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(14) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(14) h3::after {
        right: -1px;
        left: unset;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(14) {
        margin-top: 12rem !important;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(15) {
    margin-top: -16.9rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(15)::before {
    content: '';
    display: block;
    width: 8rem;
    height: 10rem;
    position: absolute;
    background: #085a6f;
    border-bottom: 3px solid #f5d10b;
    border-left: 3px solid #f5d10b;
    right: 8px;
    top: 37px;
    z-index: 1;
}

.milestone_box .falls-container .grid .grid-item:nth-child(15) img {
    top: 9.8rem;
}

.milestone_box .falls-container .grid .grid-item:nth-child(15) h3::before {
    width: 400px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(15) h3::after {
    right: 410px;
    left: unset;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(15) {
        margin-top: -16.5rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15)::before {
        width: 3rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15) h3::after {
        right: unset;
        left: -1px;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(15) {
        margin-top: -13rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15)::before {
        width: 2rem;
        height: 7rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15) img {
        top: 6.8rem;
    }

}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(15) {
        margin-top: -7.8rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15)::before {
        display: none;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(15) img {
        top: 0;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(16) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(16) h3::before {
    width: 495px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(16) h3::after {
    right: unset;
    left: 510px;
}

@media (max-width:1199px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(16) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(16) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(17) {
    margin-top: -15.5rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(17)::before {
    content: '';
    display: block;
    width: 8rem;
    height: 6rem;
    position: absolute;
    background: #085a6f;
    border-bottom: 3px solid #f5d10b;
    border-left: 3px solid #f5d10b;
    right: 8px;
    top: 37px;
    z-index: 1;
}

.milestone_box .falls-container .grid .grid-item:nth-child(17) img {
    top: 5.8rem;
}

.milestone_box .falls-container .grid .grid-item:nth-child(17) h3::before {
    width: 445px;
    left: unset;
}

.milestone_box .falls-container .grid .grid-item:nth-child(17) h3::after {
    right: 450px;
    left: unset;
}

@media (max-width:767px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(17) {
        margin-top: -17rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(17)::before {
        width: 3rem;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(17) h3::before {
        width: auto;
        left: 0;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(17) h3::after {
        right: unset;
        left: -1px;
    }
}

@media (max-width:545px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(17) {
        margin-top: -15.4rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(17)::before {
        width: 2rem;
    }
}

@media (max-width:414px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(17) {
        margin-top: -11.2rem !important;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(17)::before {
        display: none;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(17) img {
        top: 0;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(18) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(18) h3::before {
    width: 540px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(18) h3::after {
    right: unset;
    left: 550px;
}

@media (max-width:1199px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(18) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(18) h3::after {
        right: -1px;
        left: unset;
    }
}

.milestone_box .falls-container .grid .grid-item:nth-child(19) {
    margin-top: 2rem !important;
}

.milestone_box .falls-container .grid .grid-item:nth-child(19) h3::before {
    width: 555px;
}

.milestone_box .falls-container .grid .grid-item:nth-child(19) h3::after {
    right: unset;
    left: 550px;
}

@media (max-width:1199px) {
    .milestone_box .falls-container .grid .grid-item:nth-child(19) h3::before {
        width: auto;
    }

    .milestone_box .falls-container .grid .grid-item:nth-child(19) h3::after {
        right: -1px;
        left: unset;
    }
}

/*調整位置END*/
/* animations*/
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}