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

 body {
     margin: 0;
     padding: 0;
     background-color: #f9f9f8;
     background-image: url('YSLbg.jpg?t=1751273012410');
     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;
 }

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

 .YSLtransformScale: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;
 }

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

 .YSLcategorytitle 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%;
 }

 .YSLnavbar 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;
 }

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

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


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

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

     .Area_YSLnavbar .Area_YSLnavbar_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);
     }


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

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

     .YSLnavbar 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;
     /* 保持圖片比例 */
 }

 .YSLtransformScale {
     transition: transform 0.3s;
 }

 .YSLtransformScale:hover {
     transform: scale(1.1);
     /* 滑鼠懸停時放大 */
 }

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

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

 /* Swiper樣式區域 */
 /* .YSLswiper2,
 .YSLswiper {
     --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;
     }
 }