.christmasBg-1{
    background-image: url(../images/dec-bg1.jpg);
    background-size: contain;
    background-repeat: repeat;   
    background-position: center;
    background-attachment: fixed;  
}

.christmasBg-2{
    background-position: center;
    background-attachment: fixed;  
    background-image: url(../images/dec-bg1.jpg);
    background-size: contain;
    background-repeat: repeat;
}
/* 分類 */
  .xmas_Classification{
    width: 100%;
  }
  .xmas_ClassificationDiv{
    display: flex;
    justify-content: center;
    align-items: center;
  }
    .xmas_ClassificationDiv a{
        color: #23294d;
        font-weight: bold;
        text-align: center;
        background: #f9cd80;
        /* background: linear-gradient(270deg,rgba(44, 144, 247, 1) 37%, rgba(242, 216, 82, 1) 100%); */
        border-radius: 10px;
        text-decoration: none;
        padding: 10px 20px;
        margin-left: 10px;
  }

     .xmas_ClassificationDiv a:hover{
        color: #23294d;
        /* text-shadow: 1px 2px #000000ce; */
        font-weight: bold;
        background: #ffffff;
        /* background: linear-gradient(270deg,rgba(44, 144, 247, 1) 37%, rgba(242, 216, 82, 1) 100%); */
        border-radius: 10px;
        text-decoration: none;
        padding: 10px 20px;
        margin-left: 10px;
          }

.areaPlace {
    margin: 80px auto;
}

.areaPlace p{
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 3px solid white; /* 底線粗細與顏色 */
    padding-bottom: 5px;            /* 底線與文字間距 */
    display: inline-block;          /* 保證底線可正常顯示 */
}

/* 商品 */
.xmasImg{
    border: 5px solid rgb(255, 255, 255) !important;
    border-radius: 360px 360px 0px 0px !important;
    box-shadow: 0px 10px 30px #000000;
    overflow: hidden;
}
.xmasImg:hover{
    border: 5px solid rgb(255, 255, 255) !important;
    border-radius: 360px 360px 0px 0px !important;
    box-shadow: 0px 10px 30px #5a5a5a;
    overflow: hidden;
    transform: scale(1.01);
}

.xmas_txt{
    padding: 15px 15px 30px 15px;
    
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px!important;
    margin: 0; 
    background-image: url(../images/xmas-01.jpg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;    
}

@media(max-width:360px){
    .xmas_txt{
     background-image:none !important;
     background-color: #ffffff !important;
    }
}

.xmas_bg1{
    color: #7c0022;
    border: 1px solid #7c0022;
}

.xmas_title{
    color: #7c0022;
}

.xmas-dec-01{
    width: 28.9%;
    height: 0;
    padding-bottom: 26.677%;
    background: url(../images/xmas-1.png) no-repeat left top;
    background-size: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 12;
}
.xmas-dec-02{
    width: 49%;
    height: 0;
    padding-bottom: 55.56%;
    background: url(../images/xmas-2.png) no-repeat left top;
    background-size: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 12;
}
.xmas_title_txt{
    color: #23294d;
    border-radius: 0px 0px 10px 10px !important;
    overflow: hidden !important;
    object-fit: contain !important;
    border-radius: 0px 0px 0px 0px !important;
    background-color: #d7b76c;
}

.xmas_title_price{
    color: #ffffff !important;
    border-radius: 0px 0px 10px 10px !important;
    overflow: hidden !important;
    object-fit: contain !important;
    border-radius: 0px 0px 0px 0px !important;
    background-color: #8d1316 !important;
}

.xmas_title_price:hover{
    color: #ffffff !important;    
    background-color: #23294d !important;
}

.xmas_txt_inline{
    color: #ff3d3d;
}

.more_link a:hover{
    border-bottom: 1px solid #ff3d3d !important;
}