/********************命名Class時，前面需加momoStyle_********************/
 /* v.2208.0801  */
 /* .container{
			background-color: rgba(0, 0, 0, 0.2);} */

 body {
     margin: 0;
     padding: 0;
     background-color: #000000;
     background-image: url('GAbg.jpg?t=1750996453550');
     width: 100%;
     background-position: bottom center;
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat;
 }

 /* 手機響應式調整 */
 @media (max-width: 768px) {
     body {
         background-position: top center;
         background-size: auto;
     }
 }

 .safeText2101 {
     color: #000;
     text-align: center;
     font-size: 0.8rem;
     font-family: futurastdmedium, noto sans tc, Arial, 微軟正黑體, microsoft jhenghei, sans-serif;
 }

 .row {
     /*fixed flexbox stretch images*/
     align-items: center !important;
 }

 .col-6 {
     transition-duration: .3s;
 }

 .col-6:hover {
     /* 組合hover動態 */
     /* background-color: rgba(0, 0, 0, 0.1); */
 }

 .col-6 img {
     /* transition-duration: .3s; */
 }

 .col-6 a:hover {
     cursor: pointer;
 }

 .LUXEtransformScale {
     transition-duration: .3s;
 }

 .LUXEtransformScale:hover {
     transition-duration: .3s;
     filter: brightness(1.0);
 }

 .btn_rob2101 {
     transition-duration: .3s;
     margin-bottom: 3%;
 }

 .btn_rob2101:hover {
     /* filter: brightness(1.05);
                -webkit-filter: brightness(1.05); */
     transform: scale(0.95);
     cursor: pointer;
 }

 .LUXEcategorytitle {
     /*分類大標樣式*/
     pointer-events: none;
     cursor: default;
 }

 .LUXEcategorytitle span {
     /* 安全字 */
     font-size: 36px;
 }

 html {
     /* user-select: none; */
     color: #000;
     text-align: center;
     scroll-behavior: smooth;
 }

 .lip {
     width: 100%;
     display: flex;
     justify-content: center;
 }

 .bonusAnm2102 {
     transform: translate(0, 0);
     transition-duration: .3s;
 }

 .bonusAnm2102:hover {
     /* 滿額贈hover動態  */
     transform: translate(0, -8px);
 }

 .carousel2102 {
     margin-top: -42%;
 }

 .LUXEnavbar a {
     color: rgb(255, 255, 255);
     transition-duration: .3s;
     font-family: futurastdmedium, noto sans tc, Arial, 微軟正黑體, microsoft jhenghei, sans-serif;
     font-weight: 500;
     font-size: 1.08rem;
     line-height: 1.5em;
     text-align: center;
     vertical-align: middle;
     border-right: #ccc 1px solid;
 }

 .LUXEnavbar a:last-child {
     border-right: #ccc 0px solid;
 }

 /* 選單hover動態 */
 .LUXEnavbar a:hover {
     background: #333;
     color: #fff;
     opacity: 1;
 }


 @media screen and (max-width: 768px) {
     .bonusAnm2102:hover {
         /* 滿額贈hover動態  */
         transform: none;
         filter: none;
     }

     .Area_LUXEnavbar {
         margin-bottom: 0 !important;
         /* justify-content: flex-start !important; */
     }

     .Area_LUXEnavbar .Area_LUXEnavbar_box {
         display: inline-flex;
         width: auto;
         max-width: inherit;
         overflow-y: hidden;
         overflow-x: auto;
         justify-content: flex-start !important;
         -webkit-overflow-scrolling: touch;
         -moz-overflow-scrolling: touch;
         -ms-overflow-scrolling: touch;
         -o-overflow-scrolling: touch;
         padding-bottom: 0.5em;
     }

     .SHUPositionAN {
         transform: translate(0, 0);
         transition-duration: .3s;
     }

     .SHUPositionAN:hover {
         /* 滿額贈hover動態  */
         transform: translate(0, -8px);
     }


     .LUXEnavbar {
         flex-wrap: nowrap;
         align-items: center;
     }

     .LUXEnavbar a {
         background: #2e2e2e;
         color: #fff;
         opacity: 1;
         white-space: nowrap;
         padding: 0.5em 0.8em;
         border-right: none;
         margin-right: 0.5em;
     }

     .LUXEnavbar a:last-child {
         margin-right: 0;
     }

     .carousel2102 {
         margin-top: -55%;
     }
 }

 .row {
     margin: 0 auto;
     /* 置中整行內容 */
 }

 .text-center {
     text-align: center;
 }

 .img-fluid {
     max-width: 100%;
     height: auto;
     /* 保持圖片比例 */
 }

 .LUXEtransformScale {
     /*transition: transform 0.3s;*/
     transition: top 0.3s;
     top: 0;
 }

 .LUXEtransformScale:hover {
     /*transform: scale(1.05);*/
     /* 滑鼠懸停時放大 */
    top:-10px;
 }

 #LUXEScrolltoTopBtn {
     width: 60px;
     position: fixed;
     right: 1%;
     bottom: 3%;
     height: auto;
     opacity: 0;
     transition-duration: .3s;
     z-index: 99;
 }

 #LUXEScrolltoTopBtn:hover {
     cursor: pointer;
     opacity: 1;
 }

 /* Swiper樣式區域 */
 /* .LUXEswiper2,
 .LUXEswiper {
     --swiper-theme-color: #7a0000;
     --swiper-navigation-color: #747474;
     --swiper-navigation-size: 30px;
 } */

 .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     border-radius: 100%;
     background: #fdfdfd;
     /*導覽點顏色*/
     opacity: .5;
 }

 .swiper-pagination-bullet-active {
     opacity: 1;
     background: #000000;
     /*當前導覽點顏色*/
 }

 .swiper-pagination {
     width: 100%;
     left: 0%;
     bottom: 8%;
     /* --swiper-pagination-color: #cf0000; */
 }

 .swiper-wrapper {
     padding-bottom: 0;
 }

 @media screen and (max-width: 768px) {
     .swiper-pagination {
         bottom: 5%;
     }

     .swiper-wrapper {
         height: auto;
     }
 }


/*覆寫swiper*/
.swiperPD {
position: relative;
z-index: 2;
}

.LUXEswiper {
overflow: hidden;
margin-top: 0;
}

.LUXEswiper .swiper-slide {
/* background-color: #fff0f0; */
}

.LUXEswiper .swiper-slide img {
filter: brightness(1);
transition-duration: .2s;

}

.LUXEswiper .swiper-slide:hover img {
filter: brightness(.9);
transition-duration: .2s;

}

.LUXEswiper .swiper-slide img:hover {
filter: brightness(1);
transition-duration: .2s;

}

.LUXEPositionAN {
transform: translate(0, 0);
transition-duration: .3s;
}

.LUXEPositionAN:hover {
transform: translate(0, -8px);
}


/*覆寫側邊選單*/
.fixed_Area .box {
/* filter: drop-shadow(3px 3px 5px #af1b47aa); */
}

.NavArea_tabbar {
margin: 0 auto 0;
width: 100%;
}

.NavArea_tabbar.cate-fixed {
width: 100%;
}

.NavArea_tabbar .Nav_box {
border-radius: 0px;
background-color: #f6f6f6;
}

.NavArea_tabbar .Nav a {
display: inline-block;
}

.NavArea_tabbar.cate-fixed .Nav_box {
border-radius: 0;
background-color: #fff;
}


.fixed_Area h3 {
background-color: #000000;
}

.fixed_Area .box li.cate-hover {
background-color: #3a0000;
}

.fixed_Area .box li {
background-color: #000000;
}

.fixed_Area .box li a:hover {
background-color: #b10000;
}

.fixed_Area .box li a {
letter-spacing: -1px;
height: 48px;
overflow: hidden;
}

.fixed_Area a {
display: block;
text-decoration: none;
color: #fff;
}


/*EDM樣式追加*/
/*.bt_2_layout_new .bt_2_layout_Content {
float: none;
}*/

/*html標籤新增prdImgWrap裡面時的樣式*/
.prdImgWrap{position:relative;}
.prdImgWrap
.imgTag,
.prdImgWrap
.imgTagBottom,
.prdImgWrap
.imgTagRectangle
{
height:
auto;
display:block;
position:absolute;
left:0;
margin:0;
padding:0;
z-index:
2;
pointer-events:
none;
}
.prdImgWrap
.imgTag
{
width:
28%;
top:
0;
}
.prdImgWrap
.imgTagRectangle
{
width:
75%;
top:0;
}
.prdImgWrap
.imgTagBottom
{
width:
100%;
bottom:
0;
}
.prdImgWrap
.imgTag
img,
.prdImgWrap
.imgTagBottom
img,
.prdImgWrap
.imgTagRectangle
img
{
width:
100%
!important;
height:auto;
display:block;
margin:0;
padding:0;
border-radius:
0px
!important;
max-width:
none
!important;
}
/*html標籤新增prdGoodsImgWrap裡面時的樣式*/
.prdGoodsImgWrap
.imgTag,
.prdGoodsImgWrap
.imgTagBottom,
.prdGoodsImgWrap
.imgTagRectangle
{
height:
auto;
display:block;
position:absolute;
left:0;
margin:0;
padding:0;
z-index:
2;
pointer-events:
none;
}
.prdGoodsImgWrap
.imgTag
{
width:
28%;
top:
0;
}
.prdGoodsImgWrap
.imgTagRectangle
{
width:
75%;
top:0;
}
.prdGoodsImgWrap
.imgTagBottom
{
width:
100%;
bottom:
0;
}
.prdGoodsImgWrap
.imgTag
img,
.prdGoodsImgWrap
.imgTagBottom
img,
.prdGoodsImgWrap
.imgTagRectangle
img
{
width:
100%
!important;
height:auto;
display:block;
margin:0;
padding:0;
border-radius:
0px
!important;
max-width:
none
!important;
}


/*==================================*/
.container {
max-width: 1220px;
}

.container img,
.container-fluid img {
width: 100%;
}


@media screen and (max-width: 767px) {
    .PD_layout-D2_1f4s .PD_layout-D2_1f4s-PD {
      /* MB帶品無間距 */
      margin-bottom: 0;
      background: none;
    }
}


/*全域設定*/
/* 全頁面背景 */
body {
    background-color: #000000;
    background-image: url(GAbg.jpg?t=1750996453550);
    background-size: 100vw auto;
    background-repeat: repeat-y;
}

@media screen and (max-width: 768px) {
    body {
      background-image: url(GAbgm.jpg?t=1750996453550);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
    }

    .WRAPPER {
      background-image: none;
    }
}

/* 全域圖片滿版 */
.container {
    max-width: 1220px;
    margin: 0 auto;
    /* 確保容器置中 */
}

.container img,
.container-fluid img {
    width: 100%;
    height: auto;
    /* 保持圖片比例 */
}