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

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


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
.Area.Area_bottom{padding-bottom:20px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0; min-width: inherit; min-height:100vh; background: url(m_repeat.jpg?t=1775631545306) repeat-y; background-size: 100%; }
		.WRAPPER img {  width:100%;  height:auto;}
    .Area.Area_bottom{padding-bottom:3vw;}
	}


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; 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;}
.Area1260 { margin:0 auto; width:1260px;}
.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%;}
		.Area1260 { width:100%;}
		.Area960 { width:100%;}
	}


/*PC背景*/
.bgtop { z-index:0; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_repeat { z-index:-50; position:absolute; top:1213px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bgdeco { z-index:-4; position:absolute; top:1000px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
@media screen and ( max-width:736px) {
.m_top{ z-index:0;position:absolute; top:11vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}


/*版頭區塊*/
.Area_title { height:730px; position: relative; }
.Area_title .main{position: absolute; top: 200px; left: 40px; z-index: 30; }
.Area_title .feather{position:absolute;left:-90px;top:180px; z-index:2; animation-delay:1s}
.top_deco01 {position:absolute;left: -390px;top: 470px; z-index: 0;}
.top_deco02 {position:absolute;left: 1280px;top: 60px; z-index: 0;}
@media screen and (min-width:768px){
.Area_title .topPD {position: absolute;top: 241px;left: 678px;width: 600px;overflow: hidden;z-index: 25;}
}
@media screen and (max-width:767px){
.Area_title { height:126vw;}
.Area_title .main{position: absolute; top:4vw; left: 12vw; width:77%; }
.Area_title .feather{position:absolute;left:0vw;top:30vw; z-index:5; animation-delay:1s}
.m_top_deco01 {position:absolute;left: -2vw;top: 43vw; width: 28%; z-index: 5;}
.m_top_deco02 {position:absolute;left: 77vw;top: 24vw; width: 23%; z-index: 5;}
}


/*副標*/
@media screen and (min-width: 768px){
.sub .PD_layout ul{ display: flex;}	
.sub {position: absolute;top: 476px;left: -10px;width: 62%;z-index: 30;}
.sub .PD_layout .PD img{width: 75%;}	
}
@media screen and (max-width:767px){
.sub .PD_layout ul{ display: flex;}
.sub {position: absolute;top: 36vw;left:17vw;z-index: 30;width:65%;}
}


/*1按鈕*/
@media screen and (min-width:768px){
  .btn3 .b001 {width: 850px !important;margin-bottom: 20px;}
  .btn3 .b002 {width: 700px !important; }
  .btn3 .b002 ul {gap: 20px !important; }
  }
  @media screen and (max-width:767px){
    .btn3 { }
    .btn3 .b001 {width: 96% !important;margin-bottom: 2vw;}
    .btn3 .b002 {width: 85% !important; }
    .btn3 .b002 ul {gap: 2vw !important; }
    }

  

/*登記活動*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #ffbe60;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
@media screen and (max-width:767px){
.Area_danji .danji_box ul li img{width:96%;}	
}


/*MB尺寸96%*/
@media screen and (max-width:767px){
  .mb96size {width: 96% !important;}
  }


/*Area_PD1*/
@media screen and (min-width: 768px){
.Area_PD1{position: absolute;top: 235px;left:549px;z-index: 20}
.Area_PD1 .box{width:600px;}
.Area_PD1 .PD_img img{width:100%;}
.Area_PD1 .box_swiper { overflow: hidden;}
.Area_PD1 .PD_layout .PD_slide {min-width:37% !important;}
}
@media screen and (max-width:767px){
.Area_PD1 {position: absolute;top: 51vw;width: 100%;z-index: 30;}
}


/*品牌活動線上入稿*/
@media screen and (min-width: 768px){
.Area_activ{width:900px!important; }
	}	
.Area_activ .PD_layout .PD img{ width:100%;}
@media screen and (max-width:767px){
   .Area_activ .PD_layout .PD img{width: 96%;}
	}


/*共用樣式*/
.title { position: relative; z-index: 1; top: 30px;}
@media screen and (max-width:767px){
.title { position: relative; z-index: 1; top: 0vw;}
}


/*經典必Buy作圖區8品*/
@media screen and (min-width:768px){
.Area_item {height: auto;padding-bottom:0;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*作圖區*/
.Area_item .PD_layout.layout_item .PD p b {color: #19689e;background-color: #ffd700;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
.Area_item .PD_layout.layout_item .PD_slide .PD p del {position: absolute;top: 54px;left:26px;/*color:#ffffff;*/    font-size: 25px;}
.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#d62672;font-size: 2.7em;}
.Area_item .PD_layout.layout_item .PD p {position: relative;top:65px;left:95px;height: 6em;padding: 13% 0 0;line-height: 1.6em;font-size:1.3em;color:#d62672;}
.Area_item .PD_layout.layout_item li {background: url("item_bg.png?t=1775631545306") center top / 100% no-repeat scroll;}	
.Area_item .PD_layout.layout_item {padding:0;width: 91%;}
.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 {height:730px;padding:0;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {width: 70%;padding-left:0;position: absolute;left:30px;top: 457px;text-align: center;font-size: 1em;color: #fff;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:86%;margin:8% 0% 0% 8%;box-shadow: unset;/*border-radius: 34.5em !important;border: 7px solid #ffffff;*/}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative;top:107px;left:55px;max-height: 1.4em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 2.3em;line-height: 1.6em;color:#000;text-align: center;    background: transparent!important;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2em;color: #000;text-align: center;position: relative;top:116px;left:51px;}
.Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#000;}
/*.Area_item .PD_layout.layout_item .PD .PD_logo {position: relative;top:-242px;left:-24px;height: 9em;z-index: 90;border-radius: 26.5em !important;}*/
.Area_item .PD_layout.layout_item .PD .PD_logo {display: none;}
.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0%; box-shadow: none; border: none; width: 150px; height: 150px;}	
.Area_item .PD_layout .PD p .money{font-size: 35px;}
}

@media screen and (max-width:767px){
.Area_item {height:100%;}
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*作圖區*/
    .Area_item .PD_layout.layout_item {padding: 0 0 0 0;}
    .Area_item .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
    .Area_item .PD_layout.layout_item li {width:100%;height:72vw;left:0vw;background: url("item_bg.png?t=1775631545306") center top / 102% no-repeat scroll;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0;position: absolute;top:47vw;width: 100%;text-align:center;font-size: 0.75em;}
/*    .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position: absolute;left: -0.3vw;top: -33.5vw;height: 14vw;border-radius: 50%;display: block;z-index: 90;}*/
	.Area_item .PD_layout.layout_item .PD_slide .PD_logo {display: none;}
	.Area_item .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
	.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important;/*border: 7vw solid #ffffff;*/}
    .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:91%;margin:5% 0% 0% 7%;box-shadow: unset;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 1.4em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #30458d;color: #000;top:4vw;left:0vw;position: relative;}
    .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.4em;color:#000;margin: 0;line-height: 1em;text-align: center;top:5vw;position: relative;left:0vw;}
    .Area_item .PD_layout.layout_item .PD_slide .PD p del {top: 0vw;left: 0vw; color: #000;z-index: 99;position: relative;font-size: 1.1em;}
	.Area_item .PD_layout.layout_item .PD p {position: relative;top:3.8vw;left:0vw; height: 15vw;font-size: 1.1em;line-height: 2.8em;color:#D62672;}
	.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#d62672;font-size: 1.8em;}
	.Area_item .PD_layout.layout_item .PD p small {font-size: 1.4em;}
	
}



/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; font-size: 16px}
.Area a { display:block;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Areabottom { margin-bottom:100px}
    @media screen and (min-width:768px){
        .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: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);}
	}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
        .Area96p { width: 96% }
        .Areabottom { margin-bottom:10vw }
	}



/*Area_page*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page { overflow: hidden; background-color: #c36471; padding: 20px 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page { width: 96%; overflow: hidden; background-color: #c36471; padding: 5vw 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }


/*Area_page2*/
.Area_page2 h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page2 { overflow: hidden; background-color: #c39a64; padding: 20px 0 ; border-radius: 1em } 
    .Area_page2 h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page2 .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page2{ width: 96%; overflow: hidden; background-color: #c39a64; padding: 5vw 0 ; border-radius: 1em } 
    .Area_page2 h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }



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


/*注意事項區*/
.edm_notice{ text-align:center; padding:60px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
  .edm_notice{ text-align:center; padding:8vw 2.5vw 3vw 2.5vw;}
}