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

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

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img {border: crimson;vertical-align:top;}
.WRAPPER a { 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:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}





/*PC背景*/
@media screen and (min-width:768px){
.topbg {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:-66;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco {z-index: 0;position:absolute;top: 1350px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}
@media screen and (max-width:767px){
.m_topbg {z-index: 0;position:absolute;top: 10vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
}



/*版頭區塊*/
.Area_title a {pointer-events: none;}
@media screen and (min-width:768px){
.Area_title {height: 940px;z-index: 20;}
.Area_title .toptitle {position: relative;top: 40px; width: 70%; margin: 0 auto; z-index: 1;}
.Area_title .subtitle {position: relative;top: 15px;left: 600px;width: 42%; z-index: 5;}
.Area_title .toppd {position: absolute;top: 237px;left: 108px;width: 83%; z-index: 1;}
.Area_title .tooth { position: absolute; top: 450px; left: 940px;}	
}

@media screen and (max-width:767px){
.Area_title {height: 102vw;z-index: 20;}
.m_bg_top {position: absolute;top: 109vw;left: 0;z-index: 20;}	
.Area_title .toptitle {position: relative;width: 94%;top: 4vw;margin: 0 auto;z-index: 5;}
.Area_title .subtitle {position: relative;width: 52%;top: 1.5vw;left: 48vw;z-index: 5;}
.Area_title .toppd {position: absolute;width: 102%;left: -1vw;top: 28vw;z-index: 5;}
.Area_title .tooth {position: absolute;top: 51vw;left: 79vw;width: 16%;}
}


/*01_倒數4品公版*/
@media screen and (min-width: 768px){
.Area_4pd { max-width: 2000px;margin: 0 auto;}
.colorbg {width: 100%; height: 700px;position: absolute; background: #3e61d9;z-index: -40;}
.Area_4pd .box01 {height: 657px; background: url(4pdbg.png?t=1762933365474) top center no-repeat;background-size: 100%;z-index: 30;}
.Area_4pd .box01 .PD_layout01 {width: 94%;padding-top: 175px;}
.Area_4pd .box01 .PD_layout01 ul {border: solid 3px #000;}
}
@media screen and (max-width:767px){
  .Area_4pd { width: 100%;}
  .colorbg {width: 100%; height: 178vw;position: absolute; background: #3e61d9;z-index: -40;}
  .Area_4pd .box01 {height: 170vw; background: url(m_4pdbg.png?t=1762933365474) top center no-repeat;background-size: 99%;z-index: 30;}
  .Area_4pd .box01 .PD_layout01 {width: 94%;padding-top: 21vw;}
  .Area_4pd .box01 .PD_layout01 ul {border: solid 2px #000;}
  }
  
/*01_倒數4品公版*//** 倒數 **/
.TimerNick { z-index:0; display:inline-block; height:50px;text-align:center;position: absolute;top: 100px;left: 535px;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#ffe138; letter-spacing:-1px; text-align:center; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 35px/52px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: absolute; top: 10vw;left:10vw;  display:inline-block; margin:0; padding-right:0%; width:85%; height:9vw; overflow:hidden; text-align:center; background-size:100%;}
        .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:8vw; font: bold 6vw/10vw Century Gothic; color:#ffe138; letter-spacing:-1px; text-align:center; background:transparent;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) { width:9vw;}
        .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
    }


/*小標題*/
.titilenoa a { pointer-events: none; }
.titilenoa .PD_layout ul { padding: 0; }
@media screen and (min-width:768px){
.layouttxt_960 { width: 70%; margin: 0 auto 10px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 90%; margin: 0 auto 2vw; position: relative; z-index: 2; }
}	


/*間距*/
@media screen and (min-width:768px){
  .zonespace { margin-bottom: 80px !important; }
  }
  @media screen and (max-width:767px){
  .zonespace { margin-bottom: 8vw !important; }
  }	


/*02_折價券*/
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #fff !important;}
@media screen and (min-width:768px){
.Area_coupon {height:100%;z-index: 1;padding-bottom: 20px!important;}
.Area_coupon .box {width:96%;margin:0 auto;}
}	
@media screen and (max-width:767px){
.Area_coupon { height:100%;z-index: 1;}	
.Area_coupon .box {width:100%;}
.Area_coupon .box .PD_layout{width:96%;margin:0 auto;padding:0vw 0 1vw 0;}
}
  


/*03_作圖區*//*背景*/
.Area04_bg{background: url(bg_01_top.jpg?t=1762933365474) top center no-repeat, url(bg_01_bt.jpg?t=1762933365474) bottom center no-repeat, #ffe138;max-width: 2000px;margin: 0 auto;margin-bottom: 80px;}
.Area04 {height: auto;padding: 60px 0 30px;margin-bottom: 30px!important;}
@media screen and (max-width:767px){
    .Area04_bg{background: url(m_bg_01_top.jpg?t=1762933365474) top center no-repeat, url(m_bg_01_bt.jpg?t=1762933365474) bottom center no-repeat, #ffe138;background-size: 100%;padding: 0 0 3vw;margin-bottom: 6vw;}
    .Area04 {height:100%;padding: 7vw 0 0;margin-bottom: 0%!important;}
}

/*03_作圖區*/
.Area04 {height: auto;}
/*特價*/.Area04 .PD_layout.layout_item .PD p b { font-size: 0.8em;font-weight: 800;padding: 0.7%;}	
.Area04 .PD_layout.layout_item .PD_slide .PD p del { font-size: 0.7em;}
.Area04 .PD_layout.layout_item .PD p .money, .Area04 .PD_layout.layout_item .PD p .Price {font-weight: 800;}
/*特價*/.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) p b { color: #f50005;}	
/*特價*/.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd)  p b { color: #23984f;}	
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) p .money, .Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) p .Price {color: #f50005;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) p .money, .Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) p .Price {color: #23984f;}
@media screen and (min-width:768px){
.Area04 .PD_layout.layout_item {position: relative; margin: 1% 6% 0;}
.Area04 .PD_layout.layout_item .PD_slide {height: 475px; padding: 30px 0px; margin: 0;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 45%; height: auto;position: absolute; top: 145px; right: 403px; text-align:center; font-size: 1em; z-index: 8;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 48%; height: auto;position: absolute; top: 129px; left: 382px; text-align:center; font-size: 1em; z-index: 8;}
/*商品圖*/.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 100%; position: relative; box-shadow: unset; z-index: 5;}
/*商品圖*/.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 100%; position: relative; box-shadow: unset; z-index: 5;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 {width: 100%; font-size:1.7em; font-weight: 600; color: #585858;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {width: 100%; font-size:1.7em; font-weight: 600; color: #585858;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 {width: 100%; font-size:2em; font-weight: 900; max-height: 3em; line-height: 1.3em; color:#5a5a5a;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {width: 100%; font-size:2em; font-weight: 900; max-height: 3em; line-height: 1.3em; color:#5a5a5a;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p {height: 2em; line-height: 2em; font-size: 2em;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p {height: 2em; line-height: 2em; font-size: 2em;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {position: absolute; top: 61px; right: -154px;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo img {width: 112px; height: auto; box-shadow: none;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {position: absolute; top: 61px; left: -157px;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo img {width: 112px; height: auto; box-shadow: none;}
.Area04 .PD_layout.layout_item .PD p .Price {font-size: 1.7em;text-align: left;}
}
@media screen and (max-width:767px){
.Area04 {margin-bottom: 8vw;}
.Area04 .PD_layout.layout_item .PD_slide {height: 100%;margin-bottom: 2vw;}
.Area04 .PD_layout.layout_item {width: 100%;position: relative; z-index: 50;}
.Area04 .PD_layout.layout_item ul {padding-left:0; padding-right:0; padding: 0;margin: 0% 0% 2%;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 45%; position: absolute; top: 12vw;right: 51vw; text-align:center; display: block; z-index: 8;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 45%; position: absolute;top: 13vw;left: 51vw; text-align:center; display: block; z-index: 8;}
/*商品圖*/.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img {width: 96%; box-shadow: unset; z-index: 5;margin: 0 auto;}
/*商品圖*/.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img {width: 96%; box-shadow: unset; z-index: 5;margin: 0 auto;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 {width: 98%; font-size:1em; font-weight: 600; color: #585858;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {width: 100%; font-size:1em; font-weight: 600; color: #585858;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 {width: 90%; position: relative; left: 3vw; font-size:1.2em; font-weight: 900; max-height: 1.8em; color:#5a5a5a;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {width: 90%; position: relative; left: 2vw; font-size:1.2em; font-weight: 900; max-height: 1.8em; color:#5a5a5a;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p {padding: 0;height: 5em; line-height: 1.3em;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p {padding: 0;height: 5em; line-height: 1.3em;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {position: absolute; top: 13vw; right: -127px; z-index:20; width: 100%; }
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo img {width: 25%; height: auto; box-shadow: none;}
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {position: absolute; top: 13vw; left: -126px; z-index:20; width: 100%; }
.Area04 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo img {width: 25%; height: auto; box-shadow: none;}
.Area04 .PD_layout.layout_item .PD p .Price {text-align: left;}
}


/*04_6品公版01*//*區標題*/
@media screen and (min-width: 768px){
}
@media screen and (max-width:767px){
}

/*04_6品公版01*/
.Area_6pd { height:auto;}
.box_txt {position: absolute;width: 100%;height: auto;}
@media screen and (min-width:768px){
.box_txt img{width: 70%;}
.Area_6pd .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 53px/80px "Noto Sans CJK SC";font-weight: 600;text-align: center;color: #fff;letter-spacing: 0px;overflow: hidden;}
.Area_6pd .PD_layout01 ul {border: solid 2px #000;}
}
@media screen and (max-width: 767px) {
.box_txt img{width: 100%;}
.Area_6pd .Area_sectionTitle ul li h5 {position: relative;top:3vw;margin: 0;padding: 0;width: 100%;height: 12vw;font: 7vw/7vw "Noto Sans CJK SC";font-weight: 600;text-align: center;color: #fff;letter-spacing: 0px;overflow: hidden;}
.Area_6pd .PD_layout01 {width:96%;padding:0!important;margin:0 auto;}	
.Area_6pd .PD_layout01 ul {border: solid 1px #000;}
}


/*05_館連結*/
@media screen and (min-width:768px){
.Area_guan { width: 800px;}
.Area_guan .PD_layout01 ul {gap: 20px !important;}
}
@media screen and (max-width: 767px) {
.Area_guan .PD_layout01 { width: 94%;}
.Area_guan .PD_layout01 ul {gap: 2vw !important;}
}
  


/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;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);}

	@media screen and (max-width:767px){
		.Area1220 {width: 100% !important;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}


/*隱鑶*/
.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:10px 10px 15px 10px; color:#000000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }