.BigMenuContent{
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* 第一區BANNER */
.childrenBanner{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.childrenBanner>img{
    width: 100%;
}


/* 第二區 選單 */
.childrenMenu{
    width: 100%;
    position:sticky;
    top: 0px;
    left: 0px;
    opacity: 0.85;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin: 0px;
    background-color: #009cdc;
    z-index: 10;
}
.childrenMenu>a{
    font-size: 2rem;
    margin:10px;
}
.childrenMenu>a:hover{
    color:#fbe01a;
    transition: 0.1s;
}

@media(max-width:768px){
    .childrenMenu>a{
        font-size: 1.5rem;
    }
}

/* 第三區國內旅遊 */
.childTw{
    width: 100%;
    /* height: 100vh; */
    padding: 0px;
    margin: 0px;
    background-image: url(../images/childTwBg.png);
    background-position: cover center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    
}

/* 介紹 */
.twProduct{
    padding: 100px 20px 0px 20px;
    margin: 0px auto;
    text-align: center;
   
}

.twProduct>h2{
    font-size: 3rem;
    padding: 30px 0px 15px 0px;
}
.twProduct>h3{
    font-size: 3rem;
    padding: 15px 0px;
}
.twProduct>img{
    padding: 30px 0px;
}
@media(max-width:1200px){
.twProduct>img{
    width: 80%;
}
}
@media(max-width:768px){
    .twProduct{
        padding: 10px 20px 0px 20px;
    }
    .twProduct>h2{
        width: 100%;
    font-size: 1.2rem;
    padding: 10px 0px 15px 0px;
}
.twProduct>h3{
    font-size: 1.2rem;
    padding: 0px 0px;
}
.twProduct>img{
    width: 100%;
    padding: 30px 0px 0px 0px;
}
}
/* 旅遊標題 */
.childtittle{
    width: 100%;
    margin: 100px auto 0px auto;
    background-color: #0074aa;
}
.childtittle>h2{
    color:#0074aa;
    font-size: 0.8rem;
    text-align: center;
}
.childtittle>img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    
}

@media(max-width:768px){
    .childtittle{
    margin: 0px auto;
    padding-top: 30px;
}
    .childtittle>img{
        width: 80%;
    }
}

/* 國內區域連結 */
.childContryLink{
    width: 100%;
    margin: 0px auto;
    padding: 50px 0px;
    color: #FFF;
    font-size: 2rem;
    text-align: center;
     background-color: #0074aa;
}
.childContryLink>a:hover{
    color:#fbe01a;
}

@media(max-width:768px){
    .childContryLink{
        font-size: 1.5rem;
    }
}

/* Icon */
.childtwIcon{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    background-color: #0074aa;
}

@media(max-width:768px){
    .childtwIcon>img{
        width: 50%;
    }
}

/* 旅遊商品 */
/* 標籤 */
.childLinkTab{
display: block;
width: 0%;
margin-top: -400px;
}
.childtwCont{
  display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch; /* 改成這樣，強制讓同一列的卡片等高 */
    width: 100%;
    margin: 0px auto;
    padding: 100px 0px 0px 0px;
    background-color: #0074aa;
}
.childtwCont>a{
    margin: 30px;
    padding: 0px;
}

.childCard{
    position: relative;
    width: 100%;
    max-width: 430px;
    height: auto;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);    
    margin:0px;
    padding: 0px;
    border-radius: 30px 30px 30px 30px;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out; /* 平滑過渡 */
    overflow: hidden;
    
}

/* --- 特效 1：滑鼠移入時卡片浮起 --- */
.childCard:hover {
    transform: translateY(-10px); /* 向上位移 */
    border: 1px solid #000000;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); 
}
@media(max-width:768px){    
    .childCard{
        width: 100%;
        margin: 10px;
    }
}
@media(max-width:430px){
    .childCard{
        width: auto;
        margin: 10px;
    }
}
/* --- 特效 2：圖片縮放效果 --- */
.childCardImg {
    position: relative;
    width: 100%;
    max-width: 485px;
    height: 220px;
    overflow: hidden; /* 確保圖片放大不會超出範圍 */
    position: relative;
    border-radius: 30px 30px 0px 0px;
    object-fit: contain;
    margin: auto;
}
/* 針對大螢幕（電腦）維持原高度 */
@media (min-width: 768px) {
    .childCardImg {
        max-width: 100%;
        height: auto;
    }
}
.childCardImg>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease; /* 圖片放大過程更慢更優雅 */
}
.childCard:hover .childCardImg img {
    transform: scale(1.1); /* 圖片輕微放大 */
}


.childTab{
    position: absolute;
    top: 5%;
    left: 5%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fbe01a;
    text-align: center;
    padding: 0px; 
    z-index: 2;  
}
.childTab>p{
    color: #0074aa;
    font-weight: bold;
    padding: 10px 0px;
}
.childCardTxt{
    position: relative;
    width: 100%;
    max-width: 485px;
    height: auto;
    min-height: 280px;
    object-fit: contain;
    overflow: hidden;
    border-radius: 30px;
    margin: 0px auto;
    padding-bottom: 50px;
    background-color: #ffffff;
    box-sizing: border-box;
}
@media(max-width:768px){
    .childCardTxt{
        width: 100%;
        max-width: 100%;
    }
}
.childGoTab{
     position: absolute;
    top: 10%;
    left: 0%;
    width: 210px;
    height: 30px;
    background-color: #de5c4a;
    text-align: center;
    padding: 0px;
}
.childGoTab>p{
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 2px 0px;
}
.bigTxtchildCard{
    color: #0074aa;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 70px 30px 10px 30px;
}
.bigTxtchildCard>h2{    
    font-size: 1.5rem;
    margin: 0px;
}
@media(max-width:430px){
    .bigTxtchildCard>h2{
        font-size: 1.2rem;
    }
}
.smallTxtchildCard{
    color: #000000;
    text-align: center;
    letter-spacing: 0.01em;
    padding: 0px 30px 10px 30px;
}
.smallTxtchildCard>h2{    
    font-size: 1.3rem;
    margin: 0px;
}
@media(max-width:430px){
    .smallTxtchildCard>h3{
        font-size: 1rem;
    }
}
/* 出發價格 */
.txtContchildCard{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
.datechild{
    color: #0074aa;
    font-weight: 900;
    font-size: 1.2rem;
}
.priceTxtchild{
    color: black;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0em;
    
}
.priceNumchild{
    font-size: 1.5rem;
    font-weight: bold;
    color: #de5c4a;
}
.LinkchildCard{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 1.1rem;
    text-align: center;
    background-color: #de5c4a;
    padding: 12px 0px;
    transition: all 0.3s ease;    
}
.childCard:hover .LinkchildCard {
    background-color: #ea5a26; 
    color: #fff;
}
/* --- 行動裝置微調 (Media Queries) --- */
@media (max-width: 480px) {
    .txtContchildCard{
        display: block;
        text-align: center;
    }
    .childCard {
        border-radius: 30px; /* 手機圓角稍微縮小一點 */
    }
    .bigTxtchildCard {
        padding: 60px 20px 10px 20px; /* 縮小手機內距 */
    }
    .datechild {
        font-size: 1rem; /* 手機日期字體小一點 */
    }
    .priceNumchild {
        font-size: 1.3rem; /* 手機價格字體小一點 */
    }
}

/* 看更多 */
.moreBtn{
    width: 100%;
    text-align: right;
    padding: 20px 0px;
    background-color: #0074aa;
}
.linkMoreBtn{
    display: flex;
    justify-content: flex-end; /* 讓內容靠右對齊 */
    box-sizing: border-box;
    width: 100%;
    max-width: 1600px;
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0px auto;
    padding: 100px 20px;
    
}
.linkMoreBtn>a{
    display: flex;         /* 啟用 Flex 佈局 */
    align-items: center;    /* 垂直方向置中對齊 (關鍵) */
    gap: 10px;

}
.linkMoreBtn>a>img{
    display: block;
    width: 30px;
    height: auto;
}
/* 增加滑鼠懸停效果 (選配) */
.linkMoreBtn > a:hover {
    opacity: 0.8;
    transition: 0.3s;
}

/* 中國旅遊 */
.childCina{
    width: 100%;
    height: auto;
    min-height: 100px;
    background-image: url(../images/childchinabg.png);
    background-repeat: no-repeat;
    background-position: cover top;
    background-size: 100% auto;    
    margin-top: -100px;
}
.childtittle-ch{
    width: 100%;
    padding: 200px auto 0px auto;
    background-color: #e9f7fe;
    margin: 0px auto;
    text-align: center;
}
.childtittle-ch>h2{
    font-size: 0.8rem;
    color: #e9f7fe;
}

@media(max-width:768px){
    .childtittle-ch{
    margin: -50px auto auto auto;
    padding-top: 30px;
}
    .childtittle-ch>img{
        width: 80%;
    }
}


/* 中國區域連結 */
.childContryLink-ch{
    width: 100%;
    margin: 0px auto;
    padding: 50px 0px;
    color: #0074aa;
    font-size: 2rem;
    text-align: center;
     background-color: #e9f7fe;
}
.childContryLink-ch>a:hover{
    color:#000000;
    font-weight: bold;
}

@media(max-width:768px){
    .childContryLink-ch{
        font-size: 1.5rem;
        font-weight: bold;
    }
}

/* 中國Icon */
.childtwIcon-ch{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    background-color: #e9f7fe;
}

@media(max-width:768px){
    .childtwIcon-ch>img{
        width: 50%;
    }
}

/* 旅遊商品 */
.childchCont{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0px auto;
    padding: 100px 0px 0px 0px;
    background-image: url(../images/childchinabg-1.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #e9f7fe;
}
.childchCont>a{
    margin: 20px;
    padding: 0px;
}

/* 看更多 */
.moreBtn-ch{
    width: 100%;
    text-align: right;
    padding: 20px 0px;
    background-color: #e9f7fe;
}
.linkMoreBtn-ch{
    display: flex;
    justify-content: flex-end; /* 讓內容靠右對齊 */
    box-sizing: border-box;
    width: 100%;
    max-width: 1600px;
    color: #0074aa;
    font-size: 1.5rem;
    margin: 0px auto;
    padding: 100px 20px;
    
}
.linkMoreBtn-ch>a{
    display: flex;         /* 啟用 Flex 佈局 */
    align-items: center;    /* 垂直方向置中對齊 (關鍵) */
    gap: 10px;

}
.linkMoreBtn-ch>a>img{
    display: block;
    width: 30px;
    height: auto;
}
/* 增加滑鼠懸停效果 (選配) */
.linkMoreBtn-ch > a:hover {
    opacity: 0.8;
    transition: 0.3s;
}


/* ---------------------------------------------- */
/* 日本旅遊商品 */
.childJp{
    position: relative;
    width: 100%;
    background-image: url(../images/childJpBg.png);
    background-position: cover top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 500px 0px 0px 0px;
}
@media(max-width:900px){
    .childJp{
        padding-top: 300px !important;
    }
}
@media(max-width:550px){
    .childJp{
        padding-top: 150px !important;
    }
}
.childtreeLeft{
    position: absolute;
    top: 10%;
    left: 0%;
    text-align: left;
}
.childtreeRight{
    position: absolute;
    top: 10%;
    right: 0%;
    text-align: right;
}
@media(max-width:1620px){
    .childtreeLeft>img{
        width: 80%;
    }   
    .childtreeRight>img{
        width: 80%;
         right: -10%;
    }
}
@media(max-width:1338px){
    .childtreeLeft>img{
        width: 60%;
    }   
    .childtreeRight>img{
        width: 60%;
         right: -10%;
    }
}
@media(max-width:1100px){
    .childtreeLeft>img{
        width: 40%;
        left:0%;
        top:5%;

    }   
    .childtreeRight>img{
        width: 40%;
         right: -10%;
         top: 5%;
    }
}
@media(max-width:890px){
    .childtreeLeft{
        display: none;
    }
    .childtreeRight{
        display: none;
    }
}
.childtittle-jp{
    width: 100%;
    text-align: center;
}
.childtittle-jp>h2{
    font-size: 0.8rem;
    text-align: left;
    color:#ffb5ab;
}
.childtittle-jp>img{
    width: 100%;
    max-width: 768px;   
    padding: 200px auto 0px auto;
}
@media(max-width:1700px){
 .childtittle-jp>h2{
    color:#ffb5ab;
}
}
@media(max-width:1200px){
    .childtittle-jp{        
    background-color: #ffb5ab;
    }
}

/* 日本區域連結 */
.childContryLink-jp{
    width: 100%;
    margin: 0px auto;
    padding: 50px 0px;
    color: #0074aa;
    font-size: 2rem;
    text-align: center;
     background-color: #ffb5ab;
}
.childContryLink-jp>a:hover{
    color:#000000;
}

@media(max-width:768px){
    .childContryLink-jp{
        font-size: 1.5rem;
    }
}

/* Icon */
.childtwIcon-jp{
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    background-color: #ffb5ab;
}

@media(max-width:768px){
    .childtwIcon-jp>img{
        width: 50%;
    }
}

.childjpCont{
    background-color: #ffb5ab;
}
.jpMoreBtn{
    background-color: #ffb5ab;
}
.jplinkMoreBtn{
    color: #0074aa;
}