/* ===============================================================
    * travel
=============================================================== */
.trv-thumb {position: relative; width: 100%; height: 800px;}
.trv .info .tit {position: relative; z-index: 10; margin: -50px auto 50px; width: 400px; height: 100px; padding-top: 25px; background: #fff;}
.trv .traffic {width: 840px; margin: 0 auto; padding: 40px 110px; border: 1px solid rgba(var(--rgb-1),.4); font-size: 16px; line-height: 26px;}
.trv .traffic p {margin-bottom: 20px;}

@media (max-width: 992px){
    .trv-thumb {height: 300px;}
    .trv .info .tit {margin: -30px auto 30px; width: calc(100% - 40px); height: 60px; padding-top: 10px;}
    .trv .traffic {width: calc(100% - 40px); margin: 0 auto; padding: 40px 20px; font-size: 14px; line-height: 24px;}

    .effect {opacity: 1; transform: none;}
    .effect.animate {transform: none;}

    .travel-list.wrap {padding-bottom: 40px;}
}