/* 出團動態dynamic */
body{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-color: #ccb040;
    
}

html {
    width: 100%;
    scroll-behavior: smooth;
}


a{
    text-decoration: none;
}

/* 第二區 Banner */
.dynamicBanner{
    width: 100%;
    margin-bottom: -4px;
}
.dynamicBanner img{
    width: 100%;
}
.mobdynamicBanner{
    display: none;
    width: 100%;
}
.mobdynamicBanner img{
    width: 100%;
}

@media(max-width:678px){
    .dynamicBanner{
        display: none;
    }
    .mobdynamicBanner{
        display: block !important;
    }
}

/* 第三、四、五區 切換網頁 */


.dynamicMenu{
    width: 100%;
    background-color: antiquewhite;
}
.contentSection {
    position: relative;
    padding: 20px;
}

.hidden {
    display: none;
}

.menuDiv{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(245, 212, 170);
    margin: auto;
}

@media(max-width:768px){
    .menuDiv{
    width: 100%;
}
}

.menuDivToggle {
    width: 50%;
    cursor: pointer;
    padding: 10px 20px;
    display: inline-block;
    font-size: 1.2rem;
    text-align: center;
    margin-right: 5px;
    border-radius: 5px;
    margin: auto;
}

.menuDivToggle.active {
    width: 50%;
    background-color: #007bff;
    color: white;
    text-align: center;
}

/* 國內旅遊切換網頁 */
.menuDivTwToggle{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px 20px 0px;
}
.regionBtn {
    font-size: 1.2rem;
    text-align: center;
    display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    margin: 0 5px 0px 0;
    background-color: #eee;
    cursor: pointer;
    border-radius: 5px;
}

.regionBtn.active {    
    background-color: #007bff;
    color: white;
}

@media(max-width:550px){
    .regionBtn{
        padding: 5px;
    }
}


/* 漢堡選單 */
/* 基本樣式 */
/* .hamburger {
    display: none;
    font-size: 20px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
} */

/* 手機版樣式 */
/* @media screen and (max-width: 650px) {
    .hamburger {
        display: block;
    }

    .menuDivTwToggle {
        display: none;
        flex-direction: column;
        background-color: #fff;
        border: 1px solid #ccc;
        position:static;
        top: 80px; 
        left: 10px;
        right: 10px;
        z-index: 999;
        transition: 1s ease-out;
    }

    .menuDivTwToggle.show {
        display: flex;
    }

    .regionBtn {
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
} */


.regionContent {  
    padding: 20px;
    border: 1px solid #ddd;
    background-color: antiquewhite;
}

.hidden {
    display: none;
}
/* 國外旅遊切換網頁 */
.menuDivOutsideToggle{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px 20px 0px;    
}

/* 國內月份出團動態 */
.monthMenu{
    text-align: center;
}
.monthBtn {
    display: inline-block;
    padding: 8px 12px;
    background: #ccb040;
    margin: 4px;
    cursor: pointer;
    border-radius: 4px;
}

.monthBtn.active {
    background: #007bff;
    color: #fff;
}

.monthContent {
    text-align: center;
    margin-top: 10px;
}

.hidden {
    display: none;
}