@charset "UTF-8";
/*===========================================
General Info / Transportation
===========================================*/

/*-------------------------------------------
venue
-------------------------------------------*/
.venue__info{
    flex:1;
    background-color:#fff;
    position:relative; z-index:3;
}
    .venue__info a{
        color:#333;
    }
    .venue__info a:hover,
    .venue__info a:focus{
        color:var(--link-color);
    }
    .venue__title{
        border-bottom:1px solid #ddd;
        margin-bottom:20px;
        padding-bottom:20px;
        position:relative;
    }
    .venue__contact{
        list-style:none;
        margin:0;
        padding:0;
        flex:1;
        line-height:1.2;
    }
        .venue__contact li{
            margin-bottom:15px;
            padding-left:160px;
            position:relative;
        }
            .venue__contact label{
                color:var(--primary-color);
                font-weight:700;
                position:absolute; left:0;
            }
    .venue__views{
        margin:30px -15px 0;
        display:flex;
        flex-wrap:wrap;
    }
        .venue__views > div{
            position:relative;
            padding:0 15px;
        }
        .venue__views > .pic{
            width:40%;
        }
            .venue__views > .pic img{
                display:block;
                width:100%;
            }
        .venue__views > .gmap{
            flex:1;
        }
            .venue__views > .gmap iframe{
                width:100%;
                height:100%;
            }
@media screen and (max-width:1024px){
    .venue__picture__sp{
        display:none;
    }
    .venue__info{
        padding-right:0;
    }
        .venue__picture{
            flex:0 0 30%;
            order:2;
            display:flex;
        }
            .venue__img{
                margin:0 0 0 auto;
                aspect-ratio:8 / 6;
                width:100%;
                position:relative;
            }
                .venue__img img{
                    display:block;
                    width:100%;
                    height:100%;
                    object-fit:cover;
                }
        .venue__contact{
            padding-right:3%;
        }
            .venue__contact li{
                margin-bottom:20px;
                padding-left:0;
            }
                .venue__contact label{
                    display:block;
                    position:static;
                    font-size:.875rem;
                    margin-bottom:3px;
                }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .venue__views{
        margin:30px 0 0;
    }
        .venue__views > div{
            padding:0;
        }
        .venue__views > .pic{
            width:100%;
        }
            .venue__views > .pic img{
                object-fit:cover;
                height:380px;
            }
        .venue__views > .gmap{
            flex:none;
            width:100%;
            height:380px;
            margin-top:15px;
        }
    .table__airport thead{
        display:none;
    }
    .table__airport tbody > tr{
        display:flex;
        flex-direction:column;
    }
        .table__airport tbody > tr > th{
            display:none;
        }
        .table__airport tbody > tr > td{
            border:none !important;
            padding:0;
            font-size:1rem;
            line-height:1.5;
        }
        .table__airport tbody > tr > td:nth-child(n+3){
            margin-top:1em;
        }
            .table__airport tbody > tr > td::before{
                content:attr(data-th);
                display:block;
                color:var(--primary-color);
                font-size:1.125rem; font-weight:700;
                margin-bottom:5px;
            }
}
@media screen and (max-width:576px){
    .venue__contact li{
        margin-bottom:15px;
    }
    .venue__views > .pic img{
        height:350px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .venue__name{
        font-size:1.5rem;
    }
    .venue__views > .pic img{
        height:240px;
    }
}
@media screen and (max-width:375px){/* SE, iX, XS, i11 Pro, i13 Mini, i6, i7, i8 */
    .venue__name {
        font-size:6.5vw;
    }
}

/*-------------------------------------------
transportation
-------------------------------------------*/
.transportation__info{
    position:relative;
}
.transportation__info:nth-of-type(odd){
    background-color:#fff;
}
    .airport__title{
        position:relative;
        background-color:rgba(var(--primary-rgb),.07);
        background-position:5px 50%;
        background-repeat:no-repeat;
        background-size:42px auto;
        border-radius:5px;
        color:#000;
        font-size:1.25rem;
        line-height:1.2;
        padding:8px; padding-left:55px;
    }
    .airport__title.KaohsiungAirport{
        background-image:url(../images/general/Kaohsiung_airport_logo.png);
    }
    .airport__title.TaoyuanAirport{
        background-image:url(../images/general/taoyuan_airport_logo.svg);
    }
        .airport__title span{
            display:block;
            color:#777;
            font-size:1rem; font-weight:400;
        }
    .transportation__type{
        list-style:none;
        margin:0 0 0 20px;
        padding:0;
        line-height:1.5;
    }
        .transportation__info h4{
            color:#111;
            font-size:1.125rem;
            position:relative;
            background-position:0 50%;
            background-repeat:no-repeat;
            background-size:30px auto;
            margin-bottom:.75em;
            padding:0; padding-left:36px;
        }
        .transportation__info h4.type__khmrt{
            background-image:url(../images/general/kaohsiung_metro.svg);
        }
        .transportation__info h4.type__tymetro{
            background-image:url(../images/general/taoyuan_metro.svg);
        }
        .transportation__info h4.type__bus{
            background-image:url(../images/icon_bus.svg);
        }
        .transportation__info h4.type__parking{
            background-image:url(../images/icon_car.svg);
        }
        .transportation__info h4.type__taxi{
            background-image:url(../images/icon_taxi.svg);
        }
        .transportation__info h4.type__highRail{
            background-image:url(../images/icon_High_Speed_Rail.svg);
        }
        .transportation__type ol{
            margin:0;
            padding-left:1.5em;
        }
            .transportation__type ol > li{
                margin:.5em 0;
            }
        .transportation__info ul{
            list-style-type:disc;
            margin:0;
            padding-left:1.4em;
        }
            .transportation__info ul li{
                margin:.5em 0;
            }
        .khmrt__map{
            position:relative;
            border:1px solid rgba(0,0,0,.1);
            padding:15px;
        }
            .khmrt__map img{
                display:block;
                max-width:100%;
                margin:0 auto 5px;
                transition:.2s;
            }
            .khmrt__map a:focus img,
            .khmrt__map a:hover img{
                box-shadow:0 5px 10px rgba(var(--primary-rgb),.15);
            }
            .khmrt__map .dataSource{
                font-size:.875rem;
            }
@media screen and (max-width:576px){
    .khmrt__map{
        padding:10px;
    }
}
@media screen and (max-width:320px){/* i5, SE */

}