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


/*基本*/
body {margin: 0; padding:0; }
	@media screen and (max-width:767px){
		body {background:none;width:100%; }
	}



/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;  }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; }
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}

@media screen and ( max-width:736px) {
    .WRAPPER { padding-bottom:0px; min-width: inherit; min-height:100vh;background: url(mobg_repeat.jpg?t=1738822093184) repeat center top ;background-size:100%; width:100%;}
	.WRAPPER .mainArea { padding-bottom:0px; width:100%; }
	.WRAPPER img {width:100%; height:auto;}
}



/*PC背景*/
.bg_01 { z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-1; position:absolute; top:1040px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_03 { z-index:-1; position:absolute; top:1500px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_item { z-index:-7; position:absolute; top:2000px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_repeat { z-index:-9; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_repeat2 { z-index:-8; position:absolute; top:3870px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}


.deco_01 { z-index:-30; position:absolute; top:864px; left:1516px; width:500px; height:500px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.deco_02 { z-index:-30; position:absolute; top:1579px; left:-70px; width:500px; height:500px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.deco_03 { z-index:-30; position:absolute; top:2800px; left:1476px; width:500px; height:500px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.deco_04 { z-index:-30; position:absolute; top:3600px; left:-70px; width:500px; height:500px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.deco_05 { z-index:-30; position:absolute; top:4600px; left:1516px; width:500px; height:500px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}



/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:inline-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);}


.Area .go_bt1 {
  -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_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}



.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.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 0% 0%; padding:0; width:50%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 0% 0% ; padding:0; width:33.33%; list-style: none;}
		.Area_4bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn a { float:left; margin:0 0% 0% ; padding:0; width:25%; 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_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
	}

	
/*按鈕*/
.bnn {
	
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}	
	
/*3顆按鈕*/
.class_00 {position:absolute;width:50%; height: 100%; }
.class_00 a {display:block;width:100%;height:100%;}
/*一鍵全領*/.class_all {width:100%;height:29%;top:27%;left:0%;}
.class_01 { top:0%;left:0%;width:50%;}
.class_02 { top:0%;left:50%;width:50%;}
.class_03 { top:0%;left:66.6%;width:33.3%;}
		
	
/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
.for_mo { display:none !important;}

	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
		.for_mo { display: inherit !important;}
	}
	
/*我是CSS_momologo*/
.momologo { position:absolute; top: 30px; left:40px; z-index:999; }
	@media screen and (max-width:767px){
      .momologo {width: 100%;top: 11.7vw;left:0vw;}
	}

		


/*版頭區塊*/
.Area_top { height:460px;}
.Area_top .title{position:absolute;left:196px;top:82px;}
.Area_top .toppd_01{position:absolute;left: -135px;top: 83px;}
.Area_top .toppd_02{position:absolute;left: -58px;top: 421px;}
.Area_top .toppd_03{position:absolute;left: 1013px;top: 30px;}
.Area_top .toppd_04{position:absolute;left: 1011px;top: 432px;}
.Area_top .topdeco_01{position:absolute;left: 137px;top: 286px;}
.Area_top .topdeco_02{position:absolute;left: 1268px;top: 352px;}


		@media screen and (max-width:767px){
		.Area_top { height:100%;overflow:hidden;}
		.mo_toppd_left{position:absolute;left:0vw;top:0vw;}	  
		.mo_toppd_right{position:absolute;left:0vw;top:0vw;}	  
}



/*攻略按鈕*/
.Area_activ { height:300px;}
.Area_activ .activ {position:relative;left: 240px;top: 70px;width: 85%;z-index:5;}
.Area_activ .activ ul{padding:0; margin: 0 auto; display:inline-block; width:100%;}
.Area_activ .activ ul li {position:relative;list-style:none;float:left;margin:0; padding:0 0px; top:0;width: 38%;}
.Area_activ .activ ul li img{width:100%;}
			@media screen and (max-width:767px){
				.Area_activ { height:27vw;}
				.Area_activ .activ  { position:relative;left:0;top:0vw;width:100%;padding-bottom:0;}
				.Area_activ .activ ul{padding:0; margin:0 0 0 3vw; width:96%;display:flex;flex-direction: row;flex-wrap: wrap;}
				.Area_activ .activ ul li{margin:0; padding:0 1vw;width:47%}
				.Area_activ .activ ul li img{width:100%;}
			}
		

/*館連結*/	
.Area_guan { height:420px;}
.Area_guan .guan {position:relative;left:0px;top: 25px;width: 100%;z-index:5;}
.Area_guan .guan ul{padding:0; margin: 0 auto; display:inline-block; width:100%;}
.Area_guan .guan ul li {position:relative;list-style:none;float:left;margin:0; padding:0 0px; top:0;width: 25%;}
.Area_guan .guan ul li img{width:100%;}
			@media screen and (max-width:767px){
				.Area_guan { height:105vw;}
				.Area_guan .guan  { position:relative;left:5vw;top:0vw;width:100%;padding-bottom:0;}
				.Area_guan .guan ul{padding:0; margin:0vw; width:92%;display:flex;flex-direction: row;flex-wrap: wrap;}
				.Area_guan .guan ul li{margin:0; padding:1vw;width:47%}
				.Area_guan .guan ul li img{width:100%;}
			}



/*登記*/
.danjiall {height: 400px;}
@media screen and (max-width:767px){
			.danjiall {height: 62vw;background-image: url("mo_danji.jpg?t=1738822093184");background-size: 100%;background-repeat: no-repeat;} 
	.danjiall .danji_box {top: 17vw;} 
	
}




/*限搶*/
.Area_limited { height:700px; }
.Area_limited .layuot_4PDa li h3{background-color:#000!important;}
.Area_time { height:160px;}
		@media screen and (max-width:767px){
			.Area_limited {  width:100%;height: 172vw;}
			  .Area_time { width:100%;height: 0vw;}
		}

/*線搶攻版倒數*/
        .TimerNick_2 {position: relative;top: 120px;height: 10px;left:50%;font-size: 20px;font-weight: 900;transform:translateX(-50%);color:#000;z-index: 2;}
        .TimerNick_2 .TIMER { margin:0 auto; padding:0; overflow:hidden; text-align: center; color:#000; font-size:28px; line-height:40px; font-weight:800; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; }
        .TimerNick_2 .icon { position:relative; top:6px; margin-right:4px;}
        .TimerNick_2 small {position:relative;top: 0px;font-size: 20px;}
        .TimerNick_2 .time_day { font-size:22px; letter-spacing:0.05rem; }
        .TimerNick_2 .FontStyle { position:relative; padding: 0 5px 0 0px; font-size:32px; text-align:center; color:#e5398f;}
        .TimerNick_2 .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;}
          @media screen and (max-width:767px){
			.Area_time {background-image: url("mo_ulbg.jpg?t=1738822093184");background-size: 100%;}
            .TimerNick_2 {position: relative;top:1vw;height: 2vw;left: 0;transform: none;width: 100%;text-align: center;z-index: 2;}
            .TimerNick_2 .TIMER { font-size:3.9vw; line-height:5.5vw; }
            .TimerNick_2 .icon { display: block; top:0.5vw; width:4vw; filter: none;}
            .TimerNick_2 span { font-size: 11pt;}
            .TimerNick_2 small { margin: 0 0.2vw; top: 0vw; font-size: 3vw; float: none;}
            .TimerNick_2 .time_day { position:relative; font-size:3.9vw; letter-spacing:0; float: none;}
            .TimerNick_2 .FontStyle { padding: 0 1% 0 0;  font-size:4.8vw; float: none;}
            .TimerNick_2 .FontStyle b {  margin:0; width:2.5vw; font-family:Helvetica;}
          }


/*折價券 頁籤+商品*/
.Area04 {padding-top:10px;}
.Area04 ul.kind{  display: block; width: 1220px; position: relative; margin: 0; padding: 0; text-decoration: none; overflow: hidden; list-style: none; text-align: center;}
.Area04 ul.kind li { width: auto; cursor: pointer;  padding: 0; margin: 0 5px 10px; text-decoration: none; text-align: center; display: inline-block;}
.Area04 ul.kind li a { padding: 0 20px; display: block; color: #fff; font: normal 28px/45px Century Gothic; background: #afafaf; border-radius: 60px;}
.Area04 ul.kind li.selected a { background:#000;}
.Area04 .layuot_4PDa li{border-radius:15px;border:1px #000 solid} 

@media screen and (max-width:767px){
  .Area04 {padding: 0; margin:3vw 0 0 0;}
  .Area04 ul.kind{  display: block; width: 100%; position: relative; padding:3vw 5%; margin: 0; text-decoration: none; overflow: hidden;  list-style: none; text-align: center; box-sizing: border-box;top: 2vw;}
  .Area04 ul.kind li {  width: 15%; padding:1% 0; margin:0 auto; text-decoration: none; list-style:none; text-align: center; display: inline-block;}
  .Area04 ul.kind li a { padding: 0 2%; font: normal 5vw/8vw Century Gothic;}
  .Area04 .layuot_4PDa {width: 93%;} 
	.Area04 .layuot_4PDa li{border-radius:15px;} 
}


/*主打品*/
@media screen and (min-width:768px){
	.Area_item { height:1650px;}
    .pc_item_a {width:640px;position: absolute;left:20px;top:140px;}
    .pc_item_b {width:640px;position: absolute;left:590px;top:500px;}
    .pc_item_a,.pc_item_b ul {margin: 0;padding: 0;}
    .pc_item_a,.pc_item_b ul li {width:100%; margin:-1% 0;overflow: visible !important;}
    .pc_item_a,.pc_item_b ul li img {width:87%;}
	}
@media screen and (max-width:767px){
	.Area_item { height:162vw;}
    .pc_item_a {width:100%;}
    .pc_item_b {width:100%;}
    .pc_item_a ul {width:100%;margin: 0;padding: 0 0 0 8%;}
    .pc_item_b ul {width:100%;margin: 0;padding: 0 0 0 8%;}
    .pc_item_a ul li {width:89%;padding:0;margin:0;}
    .pc_item_b ul li {width:89%;padding:0;margin:0;}
    
	}



/*主打品*/
@media screen and (min-width:768px){
    .Area_item .PD_layout.layout_item {padding-top:130px;}
    .Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
    .Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
    .Area_item .PD_layout.layout_item .PD_slide {padding:0px 0 0 0;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {width:60%;padding-left:30px;position: absolute;left: 107px;top:500px;text-align:center;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:60px;top:-84px;display: none}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { width: 150px; height: 150px; box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { padding: 0; max-height: 1.8em; font-weight: bolder;font-size: 2.2em; line-height: 1.7em; color: #fff;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 2.0em; color: #000;}
    .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #000;}
	.Area_item .PD_layout.layout_item .PD p { height: 2em; line-height: 2em; color: #000;font-size: 1.7em;}
	
}
@media screen and (max-width:767px){
    .Area_item .PD_layout.layout_item {margin-top:-6vw; width:95%;}
    .Area_item .PD_layout.layout_item li {/*margin-bottom:-22vw;border-bottom: 1px #a57b4a;border-bottom-width: thin;border-bottom-style: dotted;*/}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin:7% -9%;width: 117%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 13vw;position: absolute;left: -8vw;top:48vw;width:110%;text-align:center;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:10vw;top:-11vw;width:20vw;height:20vw;border-radius:50%;display: none}
    .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { padding: 0; max-height: 2em; font-weight: bolder;font-size: 1em; line-height: 1.6em; color: #fff;margin: 0;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 0.9em;color: #000;margin: 0;}
    .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #000;}
	.Area_item .PD_layout.layout_item .PD p { height: 2em; line-height: 2em; color: #000;}
	
    }



/*5品a區*/
@media screen and (min-width:768px){
	.Area_5PDa .layuot_5PDa {padding-top: 90px;}
    .Area_5PDa .layuot_5PDa h2 {position:relative; margin:0;padding:0;height:140px;}
	.Area_5PDa .layuot_5PDa ul {padding-bottom:70px; margin:30px 0px;}
	.Area_5PDa .layuot_5PDa ul li {border-radius:10px;}
	.Area_5PDa .layuot_5PDa .PD h3 {background-image:repeating-linear-gradient(134deg,  rgb(179 179 179) -1%, rgb(179 179 179) 101%)!important;}
}
@media screen and (max-width:767px){
    .Area_5PDa .layuot_5PDa {padding-bottom:7vw;}
	.Area_5PDa .layuot_5PDa h2 {position:relative; margin:0;padding:0;height:100%;}
	.Area_5PDa .layuot_5PDa ul {padding:0;margin-bottom: -1vw;width: 90%;}
	.Area_5PDa .layuot_5PDa ul li {border-radius:9px;border:1px #000 solid;}
	.Area_5PDa .layuot_5PDa .PD h3 {background-image:repeating-linear-gradient(134deg,  rgb(179 179 179) -1%, rgb(179 179 179) 101%)!important;}
}