@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin: 0; padding: 0;}


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; background:#292b79;}
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*PC背景*/
.bg_01 { z-index:-49; position:absolute; top:0; left:0; width:100%; height:1198px; background: url('bg_01.jpg?t=1756437982241')no-repeat center top; pointer-events:none; }
.bg_02 { z-index:-49; position:absolute; top:1198px; left:0; width:100%; height:470px; background: url('bg_bn1112.jpg?t=1756437982241')no-repeat center top; pointer-events:none; }
.bg_repeat { z-index:-50; position:absolute; top:1310px; left:0; width:100%; height:100%; background: url('bg_repeat.jpg?t=1756437982241')repeat-y center top; pointer-events:none;}
.Area_bg{ z-index:0; position:absolute; top:220px; left:0; width:100%; height:1542px; background: url('Area01_bg.png?t=1756437982241')no-repeat center top; pointer-events:none;}
.bg_travel { z-index:-48; position:absolute; top:205px; left:0; width:100%; height:100%; background: url('bg_travel.png?t=1756437982241')no-repeat center top; pointer-events:none;}
@media screen and (max-width:767px){
	.Area_bg{ z-index:0; position:absolute; top:3vw; left:0; width:100%; height:100%; background: url('m_bg_Area01.jpg?t=1756437982241')no-repeat center top; background-size: 100%; pointer-events:none;}
}



/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { display: block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}

/*間距*/
.Area_bottom { margin-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw;}
}

/*版頭*/
.Area_top {height: 690px;}
/*
.Area_top .momologo { z-index: 2; position: absolute; top: 15px; left: 20px;}
.Area_top .momologo a { display: block; width: 200px; height: 30px; background: url(momo_logo.png?t=1756437982241) no-repeat;}
.Area_top .momologo a:hover { background: url(momo_logo_on.png?t=1756437982241) no-repeat;}
*/
.Area_top .momoco{position: absolute; left: 60px; top: 200px; height: 231px; width: 225px;}
.Area_top .traveltxt{position: absolute; left: 60px; top: 200px; height: 231px; width: 225px;}
.Area_top .momoco img, .Area_title .traveltxt img{width: 100%;}
@media screen and (max-width:767px){
  .Area_top { height:100%;}
  .Area_top .momologo { display: none;}
  .Area_top .momoco{position: absolute; left: 10vw; top: 16vw; height: 23vw; width: 20vw;}
  .Area_top .traveltxt{position: absolute; left: 70vw; top: 5.5vw; height: 11vw; width: 28vw;}
  .Area_top .momoco img, .Area_title .traveltxt img{width: 100%;}
}



/*主標*/
.Area_top .title1 {position:absolute;left: 187px;top: 194px;width:792px;height:543px;text-align: left;z-index: 0;animation-duration:1s;}
.Area_top .title1 .PD_layout ul li {pointer-events:none;}
.Area_top .title1 img {width: 792px;}
	@media screen and (max-width:767px){
    .Area_top .title1 {position: absolute;left: 4%;top: 17vw;width: 90%;height: 55vw;margin: 0px auto;list-style: none;z-index: 3;}
    .Area_top .title1 img {width: 100%;}

}



         /*大小網吃不同張*/
         @media screen and (min-width:768px){
         .Area_top .box_PD .PD_layout[data-pd-pdlogo] .PD .PD_logo { display: none!important;}
         }
         @media screen and (max-width:767px){
         .Area_top .box_PD .PD_layout[data-pd-pdlogo] .PD .PD_img { display: none!important;}
         }



/*版頭輪播品*/
.Area_top .box_PD {position:absolute;top: 91px;left:860px;width:340px;height:270px;animation-delay: 0.5s; }
.Area_top .box_PD .Area_swiper .swiper-slide .PD_img img {width:100%;}
.Area_top .box_PD .Area_swiper ul {margin: 0;padding: 0; display: flex;}

.Area_top .Area_swiper_box .PD_layout li{background-color: #fff0;}

    @media screen and (max-width:767px){
      .Area_top .box_PD  { z-index: 10; position:absolute;left: 0vw;top: 62.5vw; width: 100%; height:40%;}
	  .Area_top .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
    }
    /*輪播公板調整*/
    .Area_top .box_PD .PD_layout {}
        @media screen and (max-width:767px){
		 .Area_top .Area_swiper_box{padding-bottom: 40vw!important;}
         .Area_top .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
        }
        /*輪播特效*/
        @media screen and (min-width:768px){
            .Area_top .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(-6%,0);}
            .Area_top .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}

        }
        @media screen and (max-width:767px){
            .Area_top .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0;transform: translate(-6%,0);  }
            .Area_top .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}

        }


/*活動線上入稿*/
.Area_activ { height: 600px;padding-bottom: 80px; }
.Area_activ .AreaBN { position: relative; box-sizing: border-box;padding: 0 60px; }
.Area_activ  .AreaBN .PD_layout ul{ padding-left: 30px;padding-right: 30px; }
.Area_activ  .AreaBN .PD_layout .PD img{ width:80%; }
@media screen and (max-width:767px){
   .Area_activ { height: 50vw; padding-bottom: 0;}
   .Area_activ .AreaBN { padding: 0 4%;}
   .Area_activ  .AreaBN .PD_layout ul{ padding-left: 0;padding-right: 0; }
   .Area_activ .AreaBN .PD_layout .PD img{ width:100%; }
	}

/*01.話題榜*/
.Area_game{position: relative; height: 740px;}
.Area_game .box_roulette{position: absolute; width: 402px; height: 402px; top:236px; left: 66px;}
.Area_game .box_roulette .roulette_bk img{width: 100%}
.Area_game .box_roulette .roulette_btn{position: absolute; top:115px; left:131px; cursor: pointer;}
.Area_game .box_pd .top1_pd{ position: absolute; top:155px; left: 655px;}
.Area_game .box_pd .top2_pd{ position: absolute; top:288px; left: 380px;}
.Area_game .box_pd .top3_pd{ position: absolute; top:419px; left: 715px;}
.Area_game .box_pd img{width: 65%;}
@media screen and (max-width:767px){
.Area_game{position: relative; height: 182vw;}
.Area_game .box_roulette{position: absolute; width: 58vw; height: 58vw; top:24vw; left: 20vw;}
.Area_game .box_roulette .roulette_bk img{width: 100%}
.Area_game .box_roulette .roulette_btn{position: absolute; top:16vw; left:20vw; cursor: pointer; width: 18vw;}
.Area_game .box_pd .top1_pd{ position: absolute; top:96vw; left: 35vw; width: 29vw;}
.Area_game .box_pd .top2_pd{ position: absolute; top:113vw; left: 3.5vw; width: 43vw;}
.Area_game .box_pd .top3_pd{ position: absolute; top:126.5vw; left: 44.5vw; width: 51vw;}
.Area_game .box_pd img{width: 100%;}
	
}




/*限搶*/
@media screen and (min-width:768px){
    .Area_limited {height: 1010px; padding-bottom: 100px;}
	.Area_limited .layout_4PDa {top: 30px;}
	.Area_limited .layout_4PDa ul { width:90%; padding:0px 0 0 0; margin:0 auto;}
}
@media screen and (max-width:767px){
    .Area_limited {height: auto; padding-bottom:8vw;padding-top: 0vw;}
    .Area_limited .layout_4PDa {top: 0;}
    .Area_limited .layout_4PDa {padding-bottom:0vw;}
    .Area_limited .layout_4PDa ul {width:90%;padding:0!important;}
    .Area_limited .box{background:#11074c; padding-bottom:0vw; padding-top: 6vw;}
    .Area_limited .box::after{content: " "; display: block; position: relative; width: 100vw; height: 10vw; bottom:-4vw; left: 0vw; background: url(m_bg_Area02.jpg?t=1756437982241)no-repeat top center; background-size: 100%; z-index: 10;}
}


/** 倒數 **/
.TimerNick { position: absolute;top:160px; left:380px;width: 460px;height: 54px;text-align:center;  z-index:0;}
.TimerNick .FontStyle { display:inline-block; margin:0 ; padding:0; border:0px; width:45px; font:normal 35px/50px Arial; color:#fff;  letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick span { padding-left:2px; font: bold 28px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color:#fff;}
.TimerNick small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #fff;}

	@media screen and (max-width:767px){
        .timebox{position: absolute; width:100%; height:10vw; top:0vw;  left: 0vw;z-index:4;}
		.TimerNick { position: absolute; top:19vw; left:0; margin:0; padding-right:0; padding-bottom:0;  width:100%; height:auto;text-align: center }
		.TimerNick .FontStyle { margin:0 ; padding:0; border:0px; width:6vw; font: normal 5.5vw/6vw Arial;color:#fff; letter-spacing:-1px; text-align:right; background:transparent;}
        .TimerNick div:nth-of-type(2),
		.TimerNick div:nth-of-type(3),
		.TimerNick div:nth-of-type(4){ width:6vw;}
		.TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #fff;}
	}

 

/*1+3頁籤*/
.Area_brand {height:950px;}
.Area_brand .bg{position:absolute;width:2000px;left:-390px;z-index:-2;top:-135px;}
.Area_brand .layout_page {position: absolute; width: 22%;left:85px;top:235px; z-index: 2;}
.Area_brand .layout_page ul  {width:80%;display:flex;flex-direction: column;flex-wrap:nowrap;margin: 0 auto;padding: 0;}
.Area_brand .layout_page ul li.cate-hover { filter: brightness(1);}
.Area_brand .layout_page ul li {filter:grayscale(.9);}
.Area_brand .layout_page ul li img {width:100%;}
.Area_brand .layout_page .PD_slide {background-color:none!important;min-width:inherit;padding:0;}
.Area_brand .box {position:absolute;width:75%;height:800px;left:22%;overflow:hidden; z-index: 9;top:50px;}
.Area_brand .PD_layout[data-pd-h3="2"] .PD h3 { border-radius: 2em!important;}
/*1bn公版修正*/
.Area_brand .box .layout_1bn {top: 180px;}
.Area_brand .box .layout_1bn .PD img {width:89%;}
/*3pd公版修正*/
.Area_brand .box .layout_3pd {position:absolute;top:490px; z-index:5;}
.Area_brand .box .layout_3pd ul {width:90%;margin:0 auto;}

@media screen and (max-width:767px){
  .Area_brand {height: 100%;    padding-bottom: 4%;}
  .Area_brand .layout_page {position: absolute;width:30%;top:64vw;margin-bottom:0;left:3vw;z-index: 99;}
  .Area_brand .layout_page ul {width: 100%;padding:0!important;margin: 0;display:flex;flex-wrap: nowrap;flex-direction: column;}
  .Area_brand .layout_page ul li.cate-hover {filter: brightness(1);}
  .Area_brand .layout_page ul li {filter:grayscale(.9);;padding: 2vw 0 0 0;margin: 0;/* width:23.5%; */}
  .Area_brand .layout_page ul li img {width:100%;}
  .Area_brand .box {position: absolute;width: 80%;top:15vw;left:17%;overflow:hidden;height: 100%;}
  .Area_brand .layout_page .PD_slide {background-color:none!important;min-width:inherit;padding: 6% 0 0 0;}
 .Area_brand .PD_layout .PD p .Price {font-size: 1em;}
 .Area_brand .PD_layout .PD p .money{font-size: 0.2em!important;}
/*1bn公版修正*/
.Area_brand .box .layout_1bn {top: 12vw;width: 86%;left: 8vw;}
/*3pd公版修正*/
.Area_brand .box .layout_3pd {position: absolute; top: 34vw;z-index: 5;width: 81%;left: 15.7vw;}
.Area_brand .box .layout_3pd ul {width:95%;margin:0 auto;}
}




 


/*輪播BN作圖*/
.Areabnbrand { position: relative; padding-bottom: 80px;}
.Areabnbrand .bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 0;}
.Areabnbrand .box_swiper { position: relative; z-index: 1; overflow: hidden;padding-top: 30px;}
.Areabnbrand .box_swiper .PD_layout { position: relative; height: 440px;}
.Areabnbrand .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.Areabnbrand .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Areabnbrand .box_swiper .PD_layout ul.PD_wrapper li:nth-child(even) { top:50px;}
.Areabnbrand .box_swiper .PD_layout ul.PD_wrapper li img { opacity: 0.3;}
.Areabnbrand .box_swiper .PD_layout ul.PD_wrapper li.swiper-slide-active img { opacity: 1;}
.Areabnbrand .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.Areabnbrand .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
@media screen and (max-width:767px){
  .Areabnbrand { padding-bottom: 7vw;}
  .Areabnbrand .box_swiper { padding-top: 3vw;}
  .Areabnbrand .box_swiper .PD_layout { height: 85vw;}
  .Areabnbrand .box_swiper .PD_layout .PD img { width: 100%;}
  .Areabnbrand .box_swiper .PD_layout ul.PD_wrapper li:nth-child(even) { top:5vw;}
}



/*輪播BN2卡*/
.AreaBNN { padding-bottom: 80px;}
.AreaBNN .box_swiper { position: relative; overflow: hidden; width: 100%; margin: 0 auto;}
.AreaBNN .box_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0;width: 100%; box-sizing: content-box; height: 175px; grid-gap: inherit;}
.AreaBNN .box_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.AreaBNN .box_swiper .PD_slide { min-width: inherit;}
.AreaBNN .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}

.AreaBNN .Area_swiper_box .PD_layout li{background-color: #fff0;}


@media screen and (max-width:767px){
  .AreaBNN {padding-bottom: 4vw;}
  .AreaBNN .box_swiper { width: 95%; height: auto; padding: 0 2%; box-sizing: border-box;}
  .AreaBNN .box_swiper ul.PD_wrapper { padding: 0 0 4%; height: 30vw;}
}



  
    /*下方公版*/
    .Area07 {}
    .Area07 .tag {display: flex;flex-wrap: wrap;margin: 0 0 50px 0;height: 160px;box-sizing: border-box;justify-content:center;}
    .Area07 .tag a:nth-of-type(1) {padding-left: 0px;}
    .Area07 .tag a {width: 16%;margin: 0 0px;}
    .Area07 .tag a:hover{filter: brightness(1.2);}
    .Area07 .tag a img {width: 90%;}
    .Area07 .box {padding-bottom: 50px;}
    .Area07 .bbox  {background:url(Area07_bgre.png?t=1756437982241)top center repeat-y;padding-top: 20px; padding-bottom: 0px;}
    .Area07 .bbox2  {background:url(Area07_bgre2.png?t=1756437982241)top center repeat-y;padding-top: 20px; padding-bottom: 0px;}
    .Area07 .box .bg_box ul{ width: 95%; }
/*    .Area07 .box  .bbox .PD h3 {background-color: #ff8b3d;}*/
/*    .Area07 .box  .bbox2 .PD h3 {background-color: #ff5ba0;}*/



    @media screen and (max-width:767px){
      .Area07 {}
      .Area07 .tag {display: flex;flex-wrap: wrap;margin: 0 0vw 2vw 0vw;height: 46vw;box-sizing: border-box;}
      .Area07 .tag a {width: 23%;margin: 0 0% 0%;}
      .Area07 .tag a img {width: 100%;}
      .Area07 .box  {padding-bottom: 5vw;}
      .Area07 .bbox {background:url(m_Area07_bgre.png?t=1756437982241)top center repeat-y;background-size: 100%;padding-top: 0; padding-bottom: 0vw;}
      .Area07 .bbox2 {background:url(m_Area07_bgre2.png?t=1756437982241)top center repeat-y;background-size: 100%;padding-top:0; padding-bottom: 0vw;}
      .Area07 .box .bg_box ul{ width: 93%; }

    }


/*精選類別*/
.Area08 {height: auto;padding-bottom: 50px;}
.Area08 .PD_layout { width: 1220px;padding: 0px 0 0 0;}
.Area08 .PD_layout ul li{padding:0;}	
.Area08 .PD_layout ul li:nth-of-type(13) {left:194px;}	
.Area08 .PD_layout ul li:nth-of-type(14) {left:194px;}	
.Area08 .PD_layout ul li:nth-of-type(15) {left:194px;}	
.Area08 .PD_layout ul li:nth-of-type(16) {left:194px;}	
@media screen and (max-width:767px){
  .Area08 {height: auto;padding-bottom:5vw;}
  .Area08 .PD_layout { width: 98%;padding:0vw 2vw 0 3vw;}
  .Area08 .PD_layout ul li{padding: 0vw;}	
  .Area08 .PD_layout ul li:nth-of-type(13) {left:0vw;}	
  .Area08 .PD_layout ul li:nth-of-type(14) {left:0vw;}	
  .Area08 .PD_layout ul li:nth-of-type(15) {left:0vw;}	
  .Area08 .PD_layout ul li:nth-of-type(16) {left:0vw;}	
}



/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
	@media screen and (max-width:767px){
		.for_pc { display: none !important;}
		.for_phone { display: inherit !important;}
	}