
/*-------------------- 共用樣式 --------------------*/

:root {
    --basic-txt: #212121;
    --main-blue: #1e3a6e;
    --sub-blue: #1766aa;
    --main-red: #b91a34;
    --b-round: 0.6rem;
    --content-p: calc(3.5vw + 25px);
    --col-p: clamp(8px, 1vw + 2px, 15px);
    --transition-com: all 0.25s ease;
}

/*-- 按鈕 --*/

.btn {
    position: relative;
    font-size: 1rem;
    padding: 0.4rem 1.2rem;
    white-space: nowrap;
    border-radius: 500px;
    z-index: 999;
    transition: var(--transition-com);
}
.btn > img {
    vertical-align: middle;
}

.btn-lg {
    padding: 0.65rem 1.6rem;
    font-size: 1.25rem;
}

.btn-info {
    color: var(--main-gn);
    background-color: var(--main-gn);
    border-color: var(--main-gn);
}

/* .btn-info:hover {
    color: #fff;
    background-color: #e59100;
    border-color: #e59100;
} */

/*-------------------- 共用樣式 END --------------------*/

/*-------------------- 全頁 --------------------*/

#wrapper {
    --content-w: 100%;
    --time-sec-w: 48px; /* 時間軸區域總寬度 */
    --timeline-w: 8px; /* 時間條寬度 */
    position: relative;
    width: 100%;
    min-width: 100%;
    padding-top: calc(var(--content-p) * 1.2);
    padding-bottom: calc(var(--content-p) * 1.2);
    background: url(https://event.cdn-gunnarworks.com/events/2024_disneycruises/bg-all.jpg) repeat;
    overflow-x: hidden;
}

section.content-fluid:last-of-type {
    padding-bottom: 0;
}

/*-- 標題字級 --*/

h1{ color: var(--sub-blue); font-weight: 900;width: 100%; }

h2{color: var(--main-red);font-weight: 500;width: 100%;}

h3{color: var(--main-blue);font-weight: 900; width: 100%;line-height: 1;}

h4{ color: var(--sub-blue); font-weight: 500; width: 100%;line-height: 1;}

p.main-intro {
    margin-bottom: 1rem;
}

.font-yen {
    font-family: "cwTeXYen", "微軟正黑體", "微软雅黑", sans-serif;
}

@media screen and (max-width: 575px) {
    .br-s-none {
        display: none;
    }
}

img{max-width: 100%; height: auto;}

/*-------------------- 全頁 END --------------------*/

/*-------------------- 內容區 --------------------*/

#intro{text-align: center;}
.sub-intro{text-align: start;}
.focus-box{margin-bottom: 2rem;}
.pic-sec{padding-bottom: 0.5rem;}
.txt-sec{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: start;}

/*-------------------- 內容區 END --------------------*/
