/* .pad_15 {padding-top: 150px; padding-bottom:150px;} */
.pd30 {padding: 30px 0 60px;}
.flex-jcfs {display: flex;justify-content: flex-start;flex-wrap: wrap;}

.fl{
    width:31%;
    position: relative;
    padding: 5px; box-sizing: border-box;
}
header .fl {
    width: initial;
    position: static;
    padding: 0;

}

.travel-link {position: absolute;width:100%; height:100%;left: 0; top: 0;}

.travel-img {position: relative; width: 100%; height: 220px;}

.travel-img a.po.upp {position: absolute;left:0; right: 0; margin: 0 auto;top: calc(50% - 30px); transform: scale(1, 0); border-color: white; color: #fff;opacity:0; visibility: hidden; transition: .3s;}
.travel-img a.po.upp:hover {border-color:#3f9aaf; }

.travel-img:hover a.po.upp {opacity:1; transform: scale(1, 1); visibility: visible;}
.travel-txt{
    padding: 20px;
    box-sizing: border-box;
}

@media (max-width:820px){
    /* .pad_15 {padding-top: 100px; padding-bottom:100px;} */
    .flex3 {width:48%;}
    /* .pad_15 {padding: 120px 0 120px;} */
    .travel-img {position: relative; width: 100%; height: 180px;}
}

@media (max-width:540px){
    .travel-img {position: relative; width: 100%; height: 120px;}
}