@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; background: url(bg_02.jpg?t=1764835783211) top center repeat-y, #fff;}
.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; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1764835783211) no-repeat center top;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(m_bgtop.jpg?t=1764835783211) no-repeat center 44px; background-size: 100%;}
}

/*區塊_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);}
.Area .go_bt2 {
  -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_bt2:hover { 
  filter: brightness(130%);
  -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){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -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: 100px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw;}
}

/*共用樣式*/
.pointer-off ul li{ pointer-events: none;}
.titlebg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.repeat_bg{ background: url(Area_repeat.png?t=1764835783211) top center repeat-y;}
.title_box_ps{ position: relative; top: -90px;}
.title_box_ps02{ position: relative; top: -50px; margin-bottom: 60px;}
.PD_box .PD_layout ul{ border: solid 2px #000;}
@media screen and (max-width:767px){
  .titlebg { width: 100%; top: 0;}
  .PD_box .PD_layout{ padding: 0 1.5vw;}
  .repeat_bg{ background: url(mArea_repeat.png?t=1764835783211) top center repeat-y;}
  .title_box_ps{ top: 0vw;}
  .title_box_ps02{ top: 0; margin-bottom: 10vw;}
}

/*版頭*/
.Area_top {height: 1074px;}
.Area_top .main { width: 960px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.Area_top .top_PD { width: 960px; position: absolute; top: 500px; left: 50%; transform: translateX(-50%);}
.title_color ul li h5{ color: #fff!important;}
@media screen and (max-width:767px){
  .Area_top { height: 120vw;}
  .Area_top .main { width: 100%; top: -2vw;}
  .Area_top .top_PD { width: 100vw; top: 49vw;}
}

/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top: 0px;left:0;height: 57px;z-index:99;font-weight: 700;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: bold 40px/30px Arial;color:#deff8c;/*background-color: #ffeb69; */border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 400 37px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #ffffff;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block; width:100%; position: relative; top:0vw; left:0; margin:0;  height:0; padding-bottom:7%; overflow:hidden; text-align:center; background-size:100%;z-index:20;}
.TimerNick2 .FontStyle2 {margin: 0;padding: 0;border: 0;font: bold 5vw/5vw Arial;}
.TimerNick2 span {padding-left:0;font: normal 5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
}


/*必收爆品 免比價！*/
	.Area03 .PD_layout {/* width:100%; */margin:0 auto;}
	.Area03 .PD_layout ul {  width: 100%;}
	.Area03 .layout_PD ul {width: 80%;}
	.Area03 .layout_PD ul li {background:url(mo_item_li.png?t=1764835783211)top center no-repeat;background-size:100%; padding-bottom:0px;}
	.Area03 .layout_PD ul li a {color:#484848;}
	.Area03 .layout_PD .PD_img {margin-top: 12px;padding: 60px !important;}
  .Area03 .layout_PD .PD .PD_logo img{webkit-box-shadow:0 .1em .5em 0 rgb(255 255 255 / 10%);box-shadow: 0 .1em .5em 0 rgb(255 255 255 / 10%);}
	.Area03 .layout_PD .PD_into { text-align: center;margin-left: 3em;margin-top:-27px;margin-bottom: 50px;width: 80%;}
	.Area03 .layout_PD .PD_into .PD_logo {position: absolute;height: 110.7px !important;top:48px;left:26px;        display: block;}
	.Area03 .layout_PD .PD_img {  position: relative;top:27px;}
	.Area03 .layout_PD .PD_into h3 {color: #d0566a;font-size: 22px;margin-left: 0px;position: relative;top:15px;}
	.Area03 .layout_PD .PD_into h4 {color: #d0566a;font-size: 22px;/* display: none; */position: relative;top:42px;width: 97%;}
	.Area03 .layout_PD .PD_into p {height: 4em;line-height:4em;position: relative;top:29px;}
	.Area03 .layout_PD .PD_into p .js-PD_del {color:#525252;font-size:25px;}
	.Area03 .layout_PD .PD_into p .money	{font-size: 28px;/*color: #ffd800;*/}
	.Area03 .layout_PD .PD_into p .Price	{font-size: 3em;/*color: #ffd800;*/}
	
	.Area03 .PD_layout .PD h3 {padding: 0;max-height: 1.9em;font-weight: 700;line-height: 1.9em;color: #000000;top:47px;}
	.Area03 .PD_layout .PD h4 {padding: 0;max-height: 1.9em;font-weight: 700;line-height: 1.9em;color: #000000;}

@media screen and (max-width:767px){
	.Area03 {height:100%;}
	/*公版*/		
	.Area03 .PD_layout.layout_PD  {padding-top: 0vw;}
	.Area03 .layout_text ul {width: 100% !important;margin: 0 auto !important;}
	.Area03 .layout_PD ul li {background:url(mo_item_li.png?t=1764835783211)top center no-repeat;background-size:100%  ; padding-bottom: 0vw;}
	.Area03 .layout_PD ul li a {color: #484848;}
	.Area03 .layout_PD .PD_img {margin-top: -2.5vw;padding: 6.5vw !important;left: 0vw;top: 8vw;position: relative;}
	.Area03 .layout_PD .PD_into {margin:3vw auto 0; text-align: center; height: 27vw;}
	.Area03 .layout_PD .PD_into .PD_logo {position: absolute;height: 14vw !important;top: 9.5vw; left: 3.2vw;  display:block;}
	.Area03 .layout_PD .PD_into h3 {color: #d0566a;font-size: 15px;/* font-weight: 700 !important; */padding-left: 0vw;/* margin-top: 0vw; */}
	.Area03 .layout_PD .PD_into h4 {color: #d0566a;font-size: 14px;padding-top: 1vw;max-height: 2em !important;position: relative;top: -2vw;width: 87%;margin: 0 auto;}
	.Area03 .layout_PD .PD_into p {position: relative;top: -4vw;}
	.Area03 .layout_PD .PD_into p .js-PD_del { color: #525252;font-size: 3vw;}
  .Area03 .layout_PD .PD_into p .money	{font-size: 5vw;}
	.Area03 .layout_PD .PD_into p .Price	{font-size:7vw;}
	.Area03 .PD_layout .PD h3 {padding: 0;max-height: 1.9em;font-weight: 700;line-height: 1.9em;color: #000000;  position: relative; top: 1vw;left: 1vw;}
	.Area03 .PD_layout .PD h4 {padding: 0;max-height: 1.9em;font-weight: 700;line-height: 1.9em;color: #000000; position: relative; top: 0vw;left: 1vw;}
	.Area03 .PD_layout .PD img {width: 100%;height: auto;}
  .Area03 .remove_box_style ul {width: 97% !important;grid-gap: 0.2em}
  .Area03 .title_box_ps {margin-bottom: 8vw; }
}


/*登記活動*/
.Area04 {} 
@media screen and (max-width:767px){
  .Area04 .Area_danji .box_1{ padding: 0 1.5vw;}
}

/*熱銷榜*/
.Area06 {height:100%;}	
.Area06 .box {background:url(logo_title_bg.png?t=1764835783211)top center no-repeat;background-size:100%; padding-bottom:36px;}

/**品牌LOGO**/	
.Area06 .box .PD_layout-D1_02C {width:80%; margin: 0 0 40px 152px; padding:0;}	
.Area06 .box .PD_layout-D1_02C ul{padding-top: 20px;}	
.Area06 .box .PD_layout-D1_02C ul li a {padding-top:0}	
.Area06 .box .PD_layout-D1_02C ul li:hover {box-shadow:none;}	
.Area06 .box .PD_layout-D1_02C ul li .PD_img {width: 31%;}
.Area06 .box .PD_layout-D1_02C ul li .PD_into {margin: 0 0 0 140px; padding:0;}
.Area06 .box .PD_layout-D1_02C ul li .PD h3 {font-size: 2.5em;background-color:#ffffff00; margin: 0;padding: 0;color: #fd4a9e;}


@media screen and (max-width:767px){
.Area06 {height:100%;}	
.Area06 .box {background-size:100%;padding-bottom:8vw;}	

/**品牌LOGO**/	
.Area06 .box .PD_layout-D1_02C {margin: 0 0 2.5vw 23vw; width: 90vw;}	
.Area06 .box .PD_layout-D1_02C ul{margin: 0 0 0 -10vw; padding: 0;}	
.Area06 .box .PD_layout-D1_02C ul li a {padding-top:0}	
.Area06 .box .PD_layout-D1_02C ul li:hover {box-shadow:none;}	
.Area06 .box .PD_layout-D1_02C ul li .PD_img {width:36%;}
.Area06 .box .PD_layout-D1_02C ul li .PD_into {margin: -1vw 0 0 7vw;}
.Area06 .box .PD_layout-D1_02C ul li .PD h3 {font-size:6vw; margin:0;padding:0;}	

/*公版*/		
.Area06 .box .Area_swiper {width: 100%; margin: 0 0 0 2vw;padding-top: 1vw; left:-5vw;}
  
}

/*新品鉅獻 手刀逛逛*/
.Area07 .PD_layout[data-pd-ta=left]{ height: 95px;}
.Area07.Area_brand2 .box_all{ display: flex;}
.Area07.Area_brand2 .box_all .box{width: 48%; margin: 0 auto ; background: no-repeat right top/100% url("mlogo_bg.png?t=1764835783211");}
.Area07 .PD_layout-D1_02C.PD_layout .PD h3{ background-color: #00000000; padding: 0 0 0 95px; font-size: 32px; text-align: left;}
.Area07 .PD_layout-D1_02C.PD_layout .PD a{ padding: 5px 0 0 25px;}
.Area07 .PD_layout-D1_02C .PD .PD_img { width: 30%;}
  @media screen and (max-width:767px){
    .Area07 .PD_layout[data-pd-ta=left]{ height: 16vw;}
    .Area07.Area_brand2 .box_all{ display: block;}
    .Area07.Area_brand2 .box_all .box{width: 100%; margin: 0 auto ; padding: 0 0 5vw 0; background: no-repeat right top/100% url("mlogo_bg.png?t=1764835783211");}
    .Area07 .PD_layout-D1_02C.PD_layout .PD a{ padding: 2vw 0 0 7vw;}
    .Area07 .PD_layout-D1_02C.PD_layout .PD h3{ padding: 0 0 0 15vw; font-size: 6vw;}
  }

.logo_bg{ background: #fd4a9e;}
.Area09 .PD_layout{ padding: 40px 70px 30px;}
@media screen and (max-width:767px){
  .Area09 .PD_layout{ padding: 5vw 1vw;}
}

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


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #cbfe87;}                 
                    

/*注意事項區*/
.edm_notice{ position: relative; text-align:center; padding:10px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }