/* Google Material Symbols */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* 基本設定 */
.tour{
    width:100%;
    max-width:1150px;
    margin:auto;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
    text-align:justify;
    font-family:'Noto Sans TC', sans-serif;
}

.tour *{
    box-sizing:border-box;
}

.tour .row{
    margin-left:0 !important;
    margin-right:0 !important;
}

.tour img{
    max-width:100%;
    height:auto;
    display:block;
    vertical-align:middle;
}

/* 標題 */
.tour h1{
    font-size:20px !important;
    line-height:1.5 !important;
    margin:0;
    color:#000;
}

.tour h2{
    font-size:15px !important;
    line-height:1.5 !important;
	font-family: 'Noto Serif HK', serif !important;
    margin:0;
    color:#808080;
}

.tour h3{
    font-size:36px;
    line-height:1.5;
    color:#d39a00;
    letter-spacing:5px;
    text-align:center;
    margin:0 0 3px;
    font-family:'Century Gothic';
}

.tour h4{
    margin:1% 0;
    font-size:18px !important;
    line-height:1 !important;
    color:#555;
    padding:8px !important;
    border-radius:8px;
    border:1px solid #555;
    font-weight:bold;
}

.tour h5{
    font-size:21px;
    color:#000000;
    font-weight:500;
    line-height:1.5 !important;
    margin:10px 0 15px;
}

.tour h6{
    font-size:20px !important;
    margin:0 !important;
    font-weight:300;
    display:inline-block;
    border-bottom:2px solid #38728a;
}


.tour .starBox{
    display:inline-flex;
    align-items:center;
    gap:2px;
    margin-left:6px;
    vertical-align:middle;
}

.tour .material-symbols-outlined{
    font-family:'Material Symbols Outlined' !important;
    font-size:20px;
    line-height:1;
    color:#ffc107;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

/* 飯店底色區塊 */
.tour .introbox1{
    background:#fff4e0;
    border-radius:12px;
    padding:30px;
    margin-bottom:30px;
    overflow:hidden;
}

.tour .introbox1 p{
    margin-bottom:0;
    line-height:1.9;
}

/* 圖片排版 */
.tour .introbox1 .row{
    margin:20px -8px 0 !important;
}

.tour .introbox1 [class*="col-"]{
    padding-left:8px;
    padding-right:8px;
}

.grid-2x2{

    display:grid;
    grid-template-columns:50% 50%;
    grid-template-rows:50% 50%;
    gap:6px;
    height:100%;
}

.tour .obj-cover{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* 圖片標題 */
.tour .section-title-img{
    display:block;
    margin:0 auto;
    max-width:100%;
    height:auto;
}

.obj-cover{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* 手機版 */
@media (max-width:980px){
    .tour{
        max-width:980px;
    }

    .tour h2{
        font-size:15px !important;
    }

    .tour h3{
        font-size:28px;
        letter-spacing:3px;
    }
	.tour h5{
        font-size:20px;
        letter-spacing:3px;
    }

    .tour .introbox1{
        padding:22px 16px;
    }

    .tour .introbox1 .row{
        margin-top:18px !important;
    }

    .tour .grid-2x2{
        height:auto;
    }

    .tour .grid-2x2 img{
        aspect-ratio:1 / 1;
    }
}